/*
Theme Name: RubiksSolver
*/

/************************************************************************
#  FIXES
*************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    background: transparent;
}

:focus {
    outline: 0;
}

body {
}

caption, th, td {
  text-align: left;
  font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

strong{font-weight: bold;}
em{font-style: italic;}
.clear{clear: both;}

something:after{
  content: ".";
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}
/************************************************************************
#  FIXES END
*************************************************************************/

/************************************************************************
#  FONTS
*************************************************************************/
/* Open Sans */
@font-face {
    font-family: 'OpenSansLight';
    src: url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-light.eot');
    src: url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-light.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-light.woff') format('woff'),
         url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-light.ttf') format('truetype'),
         url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-light.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansLightitalic';
    src: url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-lighiitalic.eot');
    src: url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-lighiitalic.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-lighiitalic.woff') format('woff'),
         url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-lighiitalic.ttf') format('truetype'),
         url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-lighiitalic.svg#opensansLightitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-regular.eot');
    src: url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-regular.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-regular.woff') format('woff'),
         url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-regular.ttf') format('truetype'),
         url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-regular.svg#opensansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansItalic';
    src: url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-italic.eot');
    src: url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-italic.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-italic.woff') format('woff'),
         url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-italic.ttf') format('truetype'),
         url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-italic.svg#opensansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansSemiBold';
    src: url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-semibold.eot');
    src: url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-semibold.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-semibold.woff') format('woff'),
         url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-semibold.ttf') format('truetype'),
         url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-semibold.svg#opensanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansSemiBoldItalic';
    src: url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-semibolditalic.eot');
    src: url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-semibolditalic.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-semibolditalic.woff') format('woff'),
         url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-semibolditalic.ttf') format('truetype'),
         url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-semibolditalic.svg#opensanssemibolditalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansBold';
    src: url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-bold.eot');
    src: url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-bold.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-bold.woff') format('woff'),
         url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-bold.ttf') format('truetype'),
         url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-bold.svg#opensansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansBoldItalic';
    src: url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-bolditalic.eot');
    src: url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-bolditalic.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-bolditalic.woff') format('woff'),
         url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-bolditalic.ttf') format('truetype'),
         url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-bolditalic.svg#opensansbolditalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansExtraBold';
    src: url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-extrabold.eot');
    src: url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-extrabold.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-extrabold.woff') format('woff'),
         url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-extrabold.ttf') format('truetype'),
         url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-extrabold.svg#opensansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansExtraBoldItalic';
    src: url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-extrabolditalic.eot');
    src: url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-extrabolditalic.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-extrabolditalic.woff') format('woff'),
         url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-extrabolditalic.ttf') format('truetype'),
         url('/wp-content/themes/rubikssolver/fonts/open-sans/opensans-extrabolditalic.svg#opensansextrabolditalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
/************************************************************************
#  FONTS END
*************************************************************************/

/************************************************************************
#  GENERAL
*************************************************************************/
.Clear{
	clear:both !important;
	float:none !important;
}

.left, #left, .alignleft, .Left{
	float: left;
	display: inline;
}

.right, #right, .alignright, .Right{
	float: right;
	display: inline;
}

.center, .Center, .aligncenter{
	margin:0 auto;
	text-align:center;
}

h1, h1 a{
}

h2{
}

h3{
}

h4{
}

h5{
}

h6{
}

body, p, input, select, option, textarea{
	font-size:14px;
	font-family: "OpenSansRegular", Arial, sans-serif;
	color: #7a7a7a;
}
body, p{
	line-height:1.5em;
}

a:link,
a:hover,
a:visited{
	color: #ab3e8d;
	text-decoration:none;
}

a:hover{
	color: #8f2672;
}

b,
strong{
	font-weight:bold;
}

i{
	font-style:italic;
}

table{
	width:100%;
	border-spacing: 0;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px; 
	border-top:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
	border-left:1px solid #dfdfdf;
	margin-bottom: 20px;
	font-family: "OpenSansSemiBold", Arial, sans-serif;
	font-size:14px;
}
td{
	border-top:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;
	text-align:center;
}
td:first-child{
	text-align:left;
}
	table tr th{
		color:#3a3a3a;
		padding: 13px 20px 11px;
		background: #eaeaea;
		font-family: "OpenSansBold", Arial, sans-serif;
		text-transform:uppercase;
		font-size:15px;
		text-align:center;
	}
	table tr th:first-child{
		text-align:left;
	}
	table tr:nth-child(odd){
		background:#eee;
	}
	table tr:nth-child(even){
		background:#f7f7f7;
	}
	table tr td{
		padding:7px 20px;
	}
	
.Entry form{
}
	.Entry form input,
	.Entry form textarea{
		background: #EAEAEA;
		border:2px solid #C9C9C9;
		font-size:17px;
		color:#666;
		font-family: "OpenSansRegular", Arial, sans-serif;
		padding: 12px 15px;
		-webkit-border-radius: 6px;
		s-moz-border-radius: 6px;
		border-radius: 6px;
	}
	.Entry form input[type="checkbox"]{
		padding:0px;
		width:auto;
		height:auto;
	}
	.Entry form input[type="submit"]{
		cursor:pointer;
	}

ul, ol{
	margin:0 0 0 30px;
}

button{
	cursor: pointer;
}

em{
	font-style: italic;
}

b, strong{
	font-weight: bold;
}

u{
	text-decoration: underline;
}

strike{
	text-decoration: line-through;
}

small{
	font-size:.5em;
}

sup{
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
	top: -0.5em;
}

/* Images */
.Entry p img {
	padding: 0;
	max-width: 100%;
}

.Entry img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.Entry img.alignright {
	padding: 4px;
	margin: 10px 0 2px 15px;
	display: inline;
}

.Entry img.alignleft {
	padding: 4px;
	margin: 10px 15px 2px 0;
	display: inline;
}

/* Post stuff */
.Entry h1,
.Entry h2,
.Entry h3,
.Entry h4,
.Entry h5,
.Entry h6{
	line-height:1.5em;
}

/* Universal Classes */
.WidthBody{
	max-width:1002px;
	padding: 0 15px;
	margin:0 auto;
}

.ShowWhenLoggedIn{
	display:none;
}

.ShowWhenLoggedOut{
	display:block;
}

.ButtonBlue{
	background:#3ba2c7;
}
.ButtonBlue:hover{
	background:#349ABC;
}
.ButtonPurple{
	background:#ab3e8d; 
}
.ButtonPurple:hover{
	background: #A53B87;
}
/************************************************************************
#  GENERAL END
*************************************************************************/

/************************************************************************
#  STRUCTURE
*************************************************************************/
body{
	border-top:8px solid #eaeaea;
}

#header{
	padding-top:40px;
	padding-bottom:40px;
}
	h1#logo{
		float:left;
		padding-top:7px;
	}	
	a#login-button{
		float:right;
		background: #eaeaea;
		font-size:18px;
		color:#444444;
		display:block;
		padding:16px 24px;
		font-family: "OpenSansLight";
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	#language-select{
		float:right;
		display:block;
		margin-right: 15px;
		border:none;
		overflow:hidden;
		padding:3px 5px 0 0;
		background: #eaeaea url(images/global_arrow_down_gray.png) right 22px no-repeat;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		height:50px;
		line-height:50px;
	}
		#language-select select{
			width:135%;
			background:transparent;
			padding: 0 22px;
			border:0;
			border-radius:0;
			-webkit-appearance: none;
			color:#444444;
			font-size: 18px;
			font-family: "OpenSansLight";
			cursor:pointer;
			height:26px;
		}
		#language-select select option{
			background: #eaeaea;
		}
@media only screen and (max-width: 600px){
#header{
	padding-top:15px;
	padding-bottom:40px;
}
	h1#logo{
		float:none;
		clear:both;
		padding-top:40px;
		text-align:center;
		margin:0 auto;
	}
 }
	
#nav{
}
	#nav .NavItem{
		width: 15.2%;
		padding:0 2% 15px 2%;
		margin-left:1%;
		float:left;
		height:165px;
		position:relative;
		text-decoration:none;
		display:block;
	}
	#nav .NavItem:first-child{
		margin-left:0;
	}
	#nav #nav-item1{
		background: #3ba2c7;
	}
		#nav #nav-item1:hover{
			background: #349ABC;
		}
	#nav #nav-item2{
		background: #e01c1c;
	}
		#nav #nav-item2:hover{
			background: #D81A1A;
		}
	#nav #nav-item3{
		background: #ffa200;
	}
		#nav #nav-item3:hover{
			background: #F49B02;
		}
	#nav #nav-item4{
		background: #56b84b;
	}
		#nav #nav-item4:hover{
			background: #51AF44;
		}
	#nav #nav-item5{
		background: #ab3e8d;
	}
		#nav #nav-item5:hover{
			background: #A53B87;
		}
		#nav .NavItem .NavActive{
			background-image: url(images/double_arrow_up_nav.png) !important;
			background-repeat: no-repeat !important;
			background-position: bottom center !important;
			height:42px;
			margin:0 auto;
			position:absolute;
			bottom:-10px;
			left:0px;
			width:100%;
			display:none;
		}
		#nav .NavItem h2{
			font-size:16px;
			line-height:1em;
			color:#fff;
			padding:22px 0 18px 0;
			font-family: "OpenSansBold";
		}
		#nav .NavItem h3{
			font-size:13px;
			color:#fff;
			line-height:1.3em;
		}
@media only screen and (max-width: 550px){
	#nav .NavItem{
		width: 96%;
		padding:0 2% 15px 2%;
		margin-left:0%;
		float:none;
		height:auto;
		margin-bottom: 10px;
	}
		#nav .NavItem #nav-active{
			display:none;
		}
		#nav .NavItem h2{
			padding:15px 0 10px 0;
		}
}
	
.PageTitle{
	padding-top:10px;
	padding-bottom: 10px;
}
	.PageTitle h1{
		background:#eaeaea;
		color:#4b4b4b;
		font-size:31px;
		line-height:1em;
		padding: 30px 0;
		margin:0;
		text-align:center;
		text-transform:uppercase;
		font-family: "OpenSansBold";
	}
	.PageTitle p{
		padding-top: 20px;
	}
/************************************************************************
#  STRUCTURE END
*************************************************************************/

/************************************************************************
#  PAGE - BEGINNER SOLUTION
*************************************************************************/
.Step{
	padding-bottom:100px;
}
	.Step .StepTitle{
	}
		.Step .StepTitle .StepTitleNumber{
			float:left;
			background: #3ba2c7;
			color:#fff;
			font-size: 36px;
			text-align:center;
			line-height: 90px;
			width:9%;
			margin-right:1%;
			position:relative;
			font-family: "OpenSansLight";
			margin-bottom:20px;
		}
			.Step .StepTitle .StepTitleNumber .StepTitleNumberArrow{
				background-image: url(images/double_arrow_right_steps.jpg) !important;
				background-repeat: no-repeat !important;
				background-position: bottom right !important;
				height:31px;
				width:26px;
				position:absolute;
				top:30px;
				right: -26px;
			}
		.Step .StepTitle h2{
			float:left;
			background: #eaeaea;
			height:90px;
			line-height:90px;
			width: 62%;
			margin-right:1%;
			padding-left: 3%;
			color:#383838;
			font-size:26px;
			text-transform: uppercase;
		}
		.Step .StepTitle .StepTitleComments{
			width: 24%;
			float:left;
			background: #3ba2c7;
			text-align: center;
			color:#fff;
			font-family: "OpenSansLight";
			font-size:20px;
			height:90px;
			line-height:90px;
		}
		.Step .StepTitle .StepTitleComments:hover{
			background:#349ABC;
		}
@media only screen and (max-width: 700px){
		.Step .StepTitle .StepTitleNumber{
			margin-bottom:5px;
		}
			.Step .StepTitle .StepTitleNumber .StepTitleNumberArrow{
				height:31px;
				width:20px;
				right: -20px;
			}
		.Step .StepTitle h2{
			width: 86%;
			margin-right:0%;
			padding-left: 4%;
			font-size:22px;
		}
		.Step .StepTitle .StepTitleComments{
			clear:both;
			float:none;
			display:block;
			width: 100%;
			background: #3ba2c7;
			text-align: center;
			color:#fff;
			font-family: "OpenSansLight";
			font-size:16px;
			line-height:30px;
			height:auto;
			margin-bottom:20px;
		}
}
@media only screen and (max-width: 550px){
		.Step .StepTitle .StepTitleNumber{
			display:none;
		}
		.Step .StepTitle h2{
			float:none;
			width: 90%;
			line-height:1em;
			height:auto;
			padding:35px 5%;
			margin-right:0%;
			font-size:18x;
			margin-bottom:5px;
			text-align:center;
		}
}
@media only screen and (max-width: 480px){
		.Step .StepTitle h2{
			font-size:16px;
		}
}
		
	
	.Entry{
		padding-bottom:20px;
	}
		.Entry img{
			max-width:100%;
			height: auto;
			display:block;
		}
		.Entry p{
			margin-bottom:20px;
		}

		.Entry ul {
			list-style-type: disc;
			margin-bottom: 20px;
		}

		.Entry ol {
			margin-bottom: 20px;
			margin-left:20px;
		}

		.Entry li {
			margin-left: 35px;
		}

		.Entry ul ul{
			margin-bottom: 0px;
		}

		.Entry a {
			text-decoration: underline;
		}

		.Entry a:hover {
			color: #722e52;
		}

		.Entry strong {
			font-weight: bold;
		}

		.Entry em {
			font-style: italic;
		}

		.Entry input {
		}

		.Entry h1{
			font-size: 30px;
			margin-bottom:15px;
		}

		.Entry h2{
			font-size: 26px;
			margin-bottom:15px;
		}

		.Entry h3{
			font-size: 23px;
			margin-bottom:15px;
		}

		.Entry h4{
			font-size: 6.6px;
			margin-bottom:15px;
		}

		.Entry h5{
			font-size: 5.5px;
			margin-bottom:15px;
		}

		.Entry h6{
			font-size: 4.4px;
			margin-bottom:15px;
		}
	
.StepImageOrVideo{
	font-size:24px;
	margin-bottom:10px;
}
	.StepImageOrVideo .StepImageOrVideoImageContainer.Active{
		background: url(images/solution_arrow_image_or_video.jpg) bottom center no-repeat;
		padding-bottom:10px;
	}
	a.StepImageOrVideoImageContainer{
		width:50%;
		float:left;
		text-align:center;
		background: #EAEAEA;
		text-decoration:none;
		display:block;
	}
		.StepImageOrVideoImage{
			padding: 18px 0;
			height:20px;
			color:#3ba2c7;
		}
		a.StepImageOrVideoImageContainer.Active .StepImageOrVideoImage{
			background: #3BA2C7;
			color:#fff;
		}
	
	.StepImageOrVideo .StepImageOrVideoVideoContainer.Active{
		background: url(images/solution_arrow_image_or_video.jpg) bottom center no-repeat;
		padding-bottom:10px;
	}
	a.StepImageOrVideoVideoContainer{
		width:50%;
		float:left;
		text-align:center;
		background: #EAEAEA;
		text-decoration:none;
		display:block;
	}
		.StepImageOrVideoVideo{
			padding: 18px 0;
			height:20px;
			color:#3ba2c7;
		}
			.ImageOrVideoNew{
				color:#a53b87;
				font-size:18px;
				position:relative;
				bottom:3px;
			}
		a.StepImageOrVideoVideoContainer.Active .StepImageOrVideoVideo{
			background: #3BA2C7;
			color:#fff;
		}

.StepVideo{
	display:none;
	margin:0 auto;
	text-align:center;
}
	.StepVideo iframe{
		margin:0 auto;
		text-align:center;
	}

.StepImage{
	border:1px solid #d9d9d9;
	display:block;
}
	.StepImageHeading{
		background:#eaeaea;
	}
		.StepImageHeadingBox{
			float:left;
			text-align:center;
		}
		#step-image-heading-box1{
			width:20%;
			padding: 15px 2.5%;
		}
		#step-image-heading-box2{
			width:45%;
			padding: 15px 2.5%;
		}
		#step-image-heading-box3{
			width:20%;
			padding: 15px 2.5%;
		}
			.StepImageHeadingBoxTitle{
				color:#383838;
				font-size:18px;
				font-family: "OpenSansBold";
				padding-bottom:10px;
			}
			.StepImageHeadingBoxSubTitle{
				color:#595959;
				font-size:13px;
				font-family: "OpenSansItalic";
				line-height:1.4em;
			}

.StepVideoFeedback{
	display:none;
}

.StepFeedback,
.StepVideoFeedback{
	background: #EAEAEA;
	padding:10px 20px;
	line-height:26px;
}
	.StepFeedback span,
	.StepVideoFeedback span{
		color:#444;
	}
	a.StepFeedbackButton{
		display:block;
		float:right;
		height:26px;
		line-height:26px;
		width:90px;
		text-align:center;
		color:#fff;
		margin-left:15px;
	}
	.StepVideoFeedback a.StepFeedbackButton{
		width:150px;
	}
			
#pay-container{
	margin-bottom:70px;
}
	#pay-container h3{
		background:#3ba2c7 url(images/solution_pay_title_arrow.jpg) bottom center repeat-x;
		display:block;
		padding:43px 0 69px 0;
		text-align:center;
		text-transform:uppercase;
		color:#fff;
		font-size:35px;
		font-family: "OpenSansLight";
	}
	
	#pay{
		background: #eaeaea;
		padding:22px 24px;
		margin-bottom:10px;
	}
	
		#pay #pay-sale-box{
			color:#F49B02;
			text-align:center;
			background:#fff;
			font-size: 17px;
			font-family: "OpenSansBold";
			margin-bottom:25px;
			padding:10px 0;
		}
		
		.PayBoxes{
		}		
			#pay .PayBoxes .PayBox{
				float:left;
				height:255px;
				margin-left:25px;
				width:300px;
				position:relative;
				margin-bottom:15px;
			}
			#pay-container.NotEnglish #pay .PayBoxes .PayBox{
				height:335px;
			}
			#pay .PayBoxes .PayBox:first-child{
				margin-left:0px;
			}
				#pay .PayTitle{
					color:#3b3b3b;
					font-size:24px;
					text-transform:uppercase;
					text-align:center;
					font-family: "OpenSansBold";
				}
				#pay .PayPrice{
					font-size:22px;
					text-transform:uppercase;
					text-align:center;
					padding:10px 0 25px 0;
					color:#F49B02;
				}
				#pay .PayPrice strike{
					color:#3ba2c7;
				}
				#pay p{
					font-size:16px;
				}
				#pay .PaySubmit{
					width:100%;
					padding:20px 0;
					background:#3ba2c7;
					border:none;
					color:#fff;
					font-size:23px;
					text-transform:uppercase;
					font-family: "OpenSansLight";
					position:absolute;
					bottom:0px;
					left:0px;
					cursor:pointer;
					text-align:center;
					height:34px;
					line-height:34px;
				}
				#pay .PaySubmit2{
					display:none;
					width:48%;
					padding:0 0;
					background:#51AF44;
					border:none;
					color:#fff;
					font-size:23px;
					text-transform:uppercase;
					font-family: "OpenSansLight";
					position:absolute;
					bottom:0px;
					right:0px;
					cursor:pointer;
					text-align:center;
					height:74px;
					line-height:74px;
				}
				#pay .PaySubmit2:first-child{
					left:0;
					background:#F49B02;
				}
			
			#pay a#pay-login{
				display:block;
				text-align:center;
				background:#9e9e9e;
				clear:both;
				width:100%;
				padding:30px 0;
				color:#fff;
				font-size:30px;
				font-family: "OpenSansLight";
			}
			
/* Stipe Payment Form */
#stripe-payment-form{
	display:none;
	background:#fff;
	border:2px solid #b6b6b6;
	padding:25px;
	margin-bottom:25px;
}
	.payment-message{
		background: #A53B87;
		color:#fff;
		font-size:15px;
		padding:12px 0;
		text-align:center;
		margin-bottom:20px;
	}
	#stripe-payment-form .payment-security-note{
		background:url('images/solution_payment_lock.png') no-repeat left center;
		color:#5b945a;
		padding-left:50px;
		font-size:13px;
		height:40px;
		line-height:40px;
		margin-bottom:20px;
	}
		#stripe-payment-form .payment-security-note a{
			color:#5b945a;
			text-decoration:underline;
		}
		
	#stripe-payment-form .form-row{
		float:left;
		margin-right:20px;
	}
	#stripe-payment-form .form-row#form-row4{
		margin-right:0px;
	}
		#stripe-payment-form label{
			display:block;
			color:#3ba2c7;
			font-size:17px;
			padding-bottom:8px;
			font-family: "OpenSansBold";
		}
		#stripe-payment-form input{
			background:#eaeaea;
			font-size:16px;
			padding:17px 17px;
			border:3px solid #b6b6b6;
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			border-radius: 2px; 
		}
		#stripe-payment-form button.submit-button{
			padding:20px 0;
			background:#3ba2c7;
			border:none;
			color:#fff;
			font-size:23px;
			text-transform:uppercase;
			font-family: "OpenSansLight";
			width:310px;
			cursor:pointer;
			float:left;
			margin-right:20px;
		}
		#stripe-payment-form .payment-directions-note{
			color:#555;
			padding-top:4px;
		}
/************************************************************************
#  PAGE - BEGINNER SOLUTION END
*************************************************************************/

/************************************************************************
#  PAGE - RECORDS
*************************************************************************/
h2.RecordCatTitle{
	font-family: "OpenSansBold";
	text-transform:uppercase;
	color:#4D4D4D;
	font-size: 28px;
	margin-bottom: 10px;
	text-align:center;
	clear:both;
	display:block;
	line-height:1.3em;
	padding: 25px 10px;
}
h2.RecordCatTitle.WithSubTitle{
	padding-bottom:0px;
}

.RecordCatSubTitle{
	padding-bottom:25px;
	text-align:center;
}

.RecordBox{
	width:30%;
	margin-left:5%;
	text-align:center;
	float:left;
	margin-bottom:70px;
}
.RecordBox.NoMargin{
	margin-left:0;
	clear:left;
}
	.RecordBox .RecordBoxRecord{
		padding: 40px 10px;
		background:#eaeaea;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px; 
		font-family: "OpenSansBold";
		color:#616161;
		font-size: 26px;
	}
	.RecordBox h3.RecordBoxTitle{
		color:#666;
		padding-top:10px;
		font-size:15px;
		text-transform: uppercase;
		font-family: "OpenSansBold";
	}
	.RecordBox h3.RecordBoxWinnerInfo{
		font-size:13px;
	}
	.RecordBox a.RecordBoxLink{
		font-style:italic;
		font-size:13px;
	}
@media only screen and (max-width: 768px){
.RecordBox,
.RecordBox.NoMargin{
	width: 46%;
	margin-left:8%;
	clear:none;
}
.RecordBox:nth-child(2n+0){
	margin-left:0;
	clear:both;
}
}
@media only screen and (max-width: 480px){
.RecordBox,
.RecordBox.NoMargin{
	width: 100%;
	margin-left:0%;
	clear:both;
}
}

/************************************************************************
#  PAGE - RECORDS END
*************************************************************************/

/************************************************************************
#  PAGE - VIDEOS
*************************************************************************/
h2.VideosTitle{
	font-family: "OpenSansBold";
	text-transform:uppercase;
	color:#4D4D4D;
	font-size: 28px;
	margin-bottom: 10px;
	text-align:center;
	clear:both;
	display:block;
	line-height:1.3em;
	padding: 25px 10px;
}

.VideoContainer{
	width:45%;
	margin-left:10%;
	text-align:center;
	float:left;
	margin-bottom:70px;
}
.VideoContainer.NoMargin{
	margin-left:0;
}
.VideoTitle{
	padding: 20px 10px;
	background:#eaeaea;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; 
	font-family: "OpenSansBold";
	color:#616161;
	font-size: 15px;
	margin-bottom:10px;
}
/************************************************************************
#  PAGE - VIDEOS END
*************************************************************************/

/************************************************************************
#  PAGE - CONTACT
*************************************************************************/
#contact-form{
	padding:30px 0;
}
/************************************************************************
#  PAGE - CONTACT END
*************************************************************************/

/************************************************************************
#  PAGE - BLOG
*************************************************************************/
a.Category13{
	background:#97559f;
}
a.Category12{
	background:#ffcc00;
}
a.Category11{
	background:#4bb874;
}
a.Category10{
	background:#e01c6f;
}
a.CategoryComments{
	background:#3ba2c7;
}

.CategoriesBlock{
	background:#eaeaea;
	padding:25px;
	margin-bottom:45px;
}
	.CategoriesBlock a{
		display:block;
		text-align:center;
		padding:20px 5px;
		width:150px;
		color:#fff;
		text-transform:uppercase;
		float:left;
		margin-right:20px;
	}

.Post{
	padding-bottom:40px;
}
	
	.BlogTitle{
		background:#3ba2c7 url('images/blog_arrow_right_white.png') no-repeat left center;
		padding:30px 20px 30px 50px;
		color:#fff;
		font-size:29px;
		text-transform:uppercase;
		margin-bottom:20px;
	}
		.BlogTitle a{
			color:#fff;
		}
		
	.BlogEntryLeft{
		float:left;
		width:140px;
		padding-right:40px;
	}
		.BlogEntryLeft a{
			display:block;
			text-align:center;
			padding:20px 5px;
			color:#fff;
			text-transform:uppercase;
			margin-bottom:15px;
		}
	
	.BlogEntryRight{
		width:820px;
		float:right;
	}
/************************************************************************
#  PAGE - BLOG END
*************************************************************************/

/************************************************************************
#  SECTION - COMMENTS SOLUTION
*************************************************************************/
.CommentsSolution.CommentsWrapper{
	margin:0 auto;
	border-top:none;
	margin-bottom:20px;
	display:none;
}
	.CommentsSolution .CommentsHeader{
		margin-bottom:10px;
	}
		.CommentsSolution .CommentsHeader a{
			background: #3ba2c7;
			text-align: center;
			color:#fff;
			font-family: "OpenSansLight";
			font-size:17px;
			height:64px;
			line-height:64px;
			width:49%;
			display:block;
			text-transform:uppercase;
		}
		.CommentsSolution .CommentsHeader a.CommentsHeaderRight{
			float:right;
		}
		.CommentsSolution .CommentsHeader a.CommentsHeaderLeft{
			float:left;
		}
		.CommentsSolution .CommentsHeader a.Active{
			background: #3ba2c7 url('images/blog_comments_arrow_up.png') center bottom no-repeat;
		}

	.CommentsSolution .CommentsBox{
		display:none;
		background:#fff;
		border:7px solid #ddd;
		background:#F7F7F7;
		padding:20px;
	}
	.CommentsSolution .CommentsBox.Active{
		display:block;
	}
	.CommentsSolution .CommentListContainer{
		height:400px;
		overflow:auto;
	}
		.CommentsSolution ol.commentlist{
			margin:0;
			list-style:none;
			border-bottom:none;
			padding:0;
		}
			#content .CommentsSolution  ol.commentlist li{
				margin:0;
				border-top:1px solid #ddd;
				font-size:13px;
				padding:0px;
			}
			#content .CommentsSolution  ol.commentlist .Admin{
				background:#dae3e3;
				padding:0px 20px;
			}
			.CommentsSolution ol.commentlist li.odd{
			}
			.CommentsSolution ol.commentlist li .comment-body{
				padding:15px 0px;
			}

			.CommentsSolution ol.commentlist li .comment-text{
				display:inline;
			}
			.CommentsSolution ol.commentlist li .comment-text .comment-author{
				font-size:13px; 
				font-weight:bold;
				color:#5c5c5c;
				text-transform:capitalize;
				line-height:1.5em !important; 
				display:block;
			}
			.CommentsSolution ol.commentlist li .comment-text p{
				font-size:13px !important; 
				line-height:1.5em !important; 
				padding:0 !important; 
				margin:0 !important; 
				display:inline;
			}
			.CommentsSolution .CommentReply{
				float:right;
				background:#D6D6D6;
				padding:2px 10px;
			}
				.CommentsSolution .CommentReply a{
					font-style:italic;
					font-size:12px;					
				}
				
				.CommentsSolution ol.commentlist li ul{
					list-style:none;
					margin-left:0px;
					padding-left:30px;
				}
					.CommentsSolution ol.commentlist li ul li{
						padding-bottom:0px;
						margin-left:0px;
					}

.CommentsSolution .CommentFormContainer{
	display:none;
	padding:0 20px 20px 20px;
}

	.CommentsSolution .Respond{
		padding-top:20px;
	}
	.CommentsSolution .CommentListContainer .Respond{
		padding-top:0px;
		width:85%;
	}
	.CommentsSolution .CommentListContainer li .Respond{
		padding-top:0px;
		padding-left:20px;
		width:85%;
	}

		.CommentsSolution .Respond .Respond-note{
			color: #565656;
			width:843px;
			position:relative;
			padding: 20px 0px;
			position:relative;
			left:-8px;
		}

		.CommentsSolution .Respond .Right{
			width:49%;
		}

		.CommentsSolution .Respond .Left{
			width:51%;
		}

			.CommentsSolution .Respond label{
				padding-left:5px;
			}
			.CommentsSolution .Respond input,
			.CommentsSolution .Respond textarea{
				padding:7px;
				color: #565656;
				border:1px solid #cecece;
				border-radius: 3px;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
			}
			.CommentsSolution .Respond input{
				min-width:200px;
				margin-bottom:15px;
				border-radius:2px;
				padding: 18px;
			}
			.CommentsSolution .Respond textarea{
				width:96%;
				height:113px;
				margin-bottom:15px;
			}
			.CommentsSolution .Respond input#submit{
				background: #3BA2C7;
				border:none;
				padding:15px;
				color: #565656;
				width:80px;
				border:none;
				float:right;
				cursor:pointer;
				border-radius: 1px;
				-moz-border-radius: 1px;
				-webkit-border-radius: 1px;
				color:#fff;
			}
			.CommentsSolution .Respond #submit:hover{
				background: #349ABC;
			}
			.CommentsSolution .Respond .CancelCommentReply{
				padding-bottom:8px;
			}
/************************************************************************
#  SECTION - COMMENTS SOLUTION END
*************************************************************************/

/************************************************************************
#  SECTION - COMMENTS BLOG
*************************************************************************/
.InlineCommentsContainer{
	width:820px;
	float:right;
}
	
.CommentsBlog.CommentsWrapper{
	margin:0 auto;
	border-top:none;
	margin-bottom:20px;
}
	.CommentsBlog .CommentsHeader{
		margin-bottom:10px;
	}
		.CommentsBlog .CommentsHeader a{
			background: #3ba2c7;
			text-align: center;
			color:#fff;
			font-family: "OpenSansLight";
			font-size:17px;
			height:64px;
			line-height:64px;
			width:49%;
			display:block;
			text-transform:uppercase;
		}
		.CommentsBlog .CommentsHeader a.CommentsHeaderRight{
			float:right;
		}
		.CommentsBlog .CommentsHeader a.CommentsHeaderLeft{
			float:left;
		}
		.CommentsBlog .CommentsHeader a.Active{
			background: #3ba2c7 url('images/blog_comments_arrow_up.png') center bottom no-repeat;
		}

	.CommentsBlog .CommentsBox{
		display:none;
		background:#eaeaea;
	}
	.CommentsBlog .CommentsBox.Active{
		display:block;
	}
	.CommentsBlog .CommentListContainer{
		height:300px;
		overflow:auto;
	}
		.CommentsBlog ol.commentlist{
			margin:0;
			list-style:none;
			border-bottom:none;
			padding:0;
		}
			#content .CommentsBlog  ol.commentlist li{
				margin:0;
				border-top:1px solid #C4C4C4;
				font-size:13px;
				padding:0px;
			}
			#content .CommentsBlog  ol.commentlist .Admin{
				background:#dae3e3;
			}
			.CommentsBlog ol.commentlist li.odd{
			}
			.CommentsBlog ol.commentlist li .comment-body{
				padding:20px 20px;
			}

			.CommentsBlog ol.commentlist li .comment-text{
				display:inline;
			}
			.CommentsBlog ol.commentlist li .comment-text .comment-author{
				font-size:13px; 
				font-weight:bold;
				color:#5c5c5c;
				text-transform:capitalize;
				line-height:1.5em !important; 
				display:block;
			}
			.CommentsBlog ol.commentlist li .comment-text p{
				font-size:13px !important; 
				line-height:1.5em !important; 
				padding:0 !important; 
				margin:0 !important; 
				display:inline;
			}
			.CommentReply{
				text-align:right;
			}
				.CommentReply a{
					font-style:italic;
					
				}
				.CommentsBlog ol.commentlist li ul{
					list-style:none;
					margin-left:0px;
					padding-left:30px;
				}
					.CommentsBlog ol.commentlist li ul li{
						padding-bottom:0px;
						margin-left:0px;
					}

.CommentsBlog .CommentFormContainer{
	display:none;
	padding:0 20px 20px 20px;
}

	.CommentsBlog .Respond{
		padding-top:20px;
	}
	.CommentsBlog .CommentListContainer .Respond{
		padding-top:0px;
		width:85%;
	}
	.CommentsBlog .CommentListContainer li .Respond{
		padding-top:0px;
		padding-left:20px;
		width:85%;
	}

		.CommentsBlog .Respond .Respond-note{
			color: #565656;
			width:843px;
			position:relative;
			padding: 20px 0px;
			position:relative;
			left:-8px;
		}

		.CommentsBlog .Respond .Right{
			width:49%;
		}

		.CommentsBlog .Respond .Left{
			width:51%;
		}

			.CommentsBlog .Respond label{
				padding-left:5px;
			}
			.CommentsBlog .Respond input,
			.CommentsBlog .Respond textarea{
				padding:7px;
				color: #565656;
				border:1px solid #cecece;
				border-radius: 3px;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
			}
			.CommentsBlog .Respond input{
				min-width:200px;
				margin-bottom:15px;
				border-radius:2px;
				padding: 18px;
			}
			.CommentsBlog .Respond textarea{
				width:96%;
				height:113px;
				margin-bottom:15px;
			}
			.CommentsBlog .Respond input#submit{
				background: #3BA2C7;
				border:none;
				padding:15px;
				color: #565656;
				width:80px;
				border:none;
				float:right;
				cursor:pointer;
				border-radius: 1px;
				-moz-border-radius: 1px;
				-webkit-border-radius: 1px;
				color:#fff;
			}
			.CommentsBlog .Respond #submit:hover{
				background: #349ABC;
			}
			.CommentsBlog .Respond .CancelCommentReply{
				padding-bottom:8px;
			}
/************************************************************************
#  SECTION - COMMENTS BLOG END
*************************************************************************/

/************************************************************************
#  FOOTER
*************************************************************************/
#footer-container{
	background: #eaeaea;
	padding: 45px 0;
}
	#footer{
	}
		#footer .FooterCol{
			width: 30%;
			padding-left:5%;
			float:left;
		}
		#footer .FooterCol:first-child{
			padding-left:0;
		}
			.FooterColTitle{
				color:#393939;
				text-transform:uppercase;
				font-size:29px;
				padding-bottom:25px;
				border-bottom:1px solid #d0d0d0;
				font-family: 'OpenSansLight';
			}
			.FooterColContent{
				border-top:1px solid #fff;
				padding-top:25px;
			}
			
		/* col 1 */
		#footer-col-1{
		}
				.FooterBlogEntry{
					padding-bottom:12px;
				}
					.FooterBlogEntryLeft{
						float:left;
						width: 25%;
						margin-right:6%;
						padding:2%;
						background: #d0d0d0;
					}
						.FooterBlogEntryLeft a{
							display:block;
						}
							.FooterBlogEntryLeft img{
								width:100%;
								height:auto;
							}
					.FooterBlogEntryRight{
						float:left;
						width: 65%;
					}
						.FooterBlogEntryTitle{
							text-transform:uppercase;
							color:#4b4b4b;
							font-size:16px;
							padding-bottom:10px;
							line-height:1.25em;
						}
						.FooterBlogEntryLink{
							color: #ab3e8d;
							font-size:12px;
						}
						
		/* col 2 */
		#footer-col-2{
		}
			a.FooterSocialButton{
				width:80%;
				padding: 30px 10%;
				text-align:center;
				color:#fff;
				font-size: 25px;
				display:block;
				margin-bottom:12px;
				font-family: 'OpenSansLight';
			}
			#footer-social-button-facebook{
				background:#3b5998;
			}
			#footer-social-button-twitter{
				background:#3ba2c7;
			}
			#footer-social-button-youtube{
				background:#a32724;
			}
						
		/* col 3 */
		#footer-col-3{
		}
			#footer-col-3 .FooterColContent{
			}
				#footer-col-3 .FooterColContent a{
					display:block;
				}
@media only screen and (max-width: 600px){
		#footer .FooterCol{
			width: 100%;
			padding-left:0%;
			float:none;
			padding-bottom:30px;
		}
}
						
#copyright{
	padding:20px 0;
	font-size:12px;
}
/************************************************************************
#  FOOTER END
*************************************************************************/


/************************************************************************
#  MODAL
*************************************************************************/
.Modal {
	display: none;
	width: 600px;
	background: #f1f1f1;
	border:8px solid #666;
	padding: 35px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 0 4px #000;
	-moz-box-shadow: 0 0 4px #000;
	box-shadow: 0 0 4px #000;
}
	.Modal a.ModalClose {
		position: absolute;
		top: -20px;
		right: -20px;
		display: block;
		width: 32px;
		height: 32px;
		line-height: 32px;
		text-align:center;
		background: #666;
		color:#fff;
		display:block;
		font-weight:bold;
		-webkit-border-radius: 48px;
		-moz-border-radius: 48px;
		border-radius: 48px;
	}
	.close-modal{
		display:none;
	}

	.ModalCol1{
		float:left;
		padding:15px 0;
		padding-right:49px;
		width: 250px;
		position:relative;
	}
	.ModalCol1.ModalColBigger{
		border-right:2px dotted #d2d2d2;
	}
	.ModalCol2{
		float:left;
		padding:15px 0;
		width: 250px;
		position:relative;
		padding-left:49px;
	}
	.ModalCol2.ModalColBigger{
		border-left:2px dotted #d2d2d2;
	}
		.Modal .ModalFormError{
			color:#3BA2C7;
			padding-bottom: 15px;
		}
		.Modal .ModalFormSuccess{
			color:#5CA18F;
			padding-bottom: 15px;
		}
		.Modal h5{
			color:#585858;
			font-size:23px;
			line-height:23px;
			padding:0 0 25px 0;
			text-transform:uppercase;
		}
		.Modal form{
		}
			.Modal form input{
				background: #fff;
				border:2px solid #666;
				font-size:17px;
				color:#666;
				font-family: "OpenSansRegular", Arial, sans-serif;
				width: 88%;
				padding: 12px 5%;
				-webkit-border-radius: 3px;
				s-moz-border-radius: 3px;
				border-radius: 3px;
				margin-bottom: 12px;
			}
			.Modal form input.Invalid{
				border:2px solid #e01c1c;
			}
			.Modal form input:focus{
				border:2px solid #444;
			}
			.Modal form input[type="checkbox"]{
				padding:0px;
				width:auto;
				height:auto;
			}
			.Modal form input[type="submit"]{
				background:#3BA2C7;
				border:none;
				color:#fff;
				font-size:17px;
				text-align:center;
				width: 100%;
				cursor:pointer;
			}
			.Modal .ModalCol2 form input[type="submit"]{
				left:auto;
				right:0px;
			}
			.Modal form input[type="submit"]:hover{
				background:#de5647;
			}
			
/* MODAL - LOGIN */
.Modal#modal-login{
	width: 240px;
}
	#modal-login-title{
		color: #3ba2c7;
		font-family: "OpenSansBold", Arial, sans-serif;
		font-size:22px;
		padding-bottom: 10px;
		margin-bottom:15px;
		border-bottom:1px solid #dadada;
	}
	#modal-login-content{
		padding-bottom:20px;
	}
/************************************************************************
#  MODAL END
*************************************************************************/