@font-face {
    font-family: 'MuseoSans-500';
	font-display: swap;
    src: url('https://storage.googleapis.com/breyno-cdn/fonts/museosans-500/MuseoSans_500-webfont.eot');
    src: url('https://storage.googleapis.com/breyno-cdn/fonts/museosans-500/MuseoSans_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://storage.googleapis.com/breyno-cdn/fonts/museosans-500/MuseoSans_500-webfont.woff') format('woff'),
         url('https://storage.googleapis.com/breyno-cdn/fonts/museosans-500/MuseoSans_500-webfont.ttf') format('truetype'),
         url('https://storage.googleapis.com/breyno-cdn/fonts/museosans-500/MuseoSans_500-webfont.svg#museo_sans500') format('svg');
    font-weight: normal;
    font-style: normal;
}

.bg-svg {
	display:inline-block;
	width:20px;
	height:20px;
	margin:0 8px 0 0;
	line-height:14px;
	vertical-align:text-top;
	background-position:0 0;
	background-repeat:no-repeat;
	background-size: 100%;
	vertical-align:top;*display:inline;*zoom:1;*margin-right:.3em;
	position: relative;
}

.bg-svg-icon {
	background-image: url('https://storage.googleapis.com/breyno-cdn/img/svg/bg-icon.svg');
}

.bg-svg-icon-darkgrey {
	background-image: url('https://storage.googleapis.com/breyno-cdn/img/svg/bg-icon-darkgrey.svg');
}

@media(min-width: 768px){
	.bg-svg-logo {
		background-size: 100%;
		background-position-x: left;
		background-position-y: center;
		background-image: url('https://storage.googleapis.com/breyno-cdn/img/svg/bg-logo.svg');
	}
}

.bg-svg-logo-purple {
	background-size: 100%;
	background-position-x: left;
    background-position-y: center;
	background-image: url('https://storage.googleapis.com/breyno-cdn/img/svg/bg-logo-purple.svg');
}

.nb-svg-logo{
	background-size: 100%;
	background-image: url('https://storage.googleapis.com/breyno-cdn/img/svg/nb-logo.svg');
}

.novimob-svg-logo{
	background-size: 100%;
	background-image: url('https://storage.googleapis.com/breyno-cdn/img/svg/nm-logo.svg');

}

body {
	font-family: 'Ubuntu', sans-serif;
	color: #4A4A40;
	background: url('https://storage.googleapis.com/breyno-cdn/img/Pattern.png');
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    font-family: 'Ubuntu', sans-serif;
    line-height: 1.1;
	color: #4a4a40;
}

hr {
	border-color: #dddcdc;
	margin-top: 5px;
	margin-bottom: 5px;
}

p {
	margin: 0;
	padding: 0;
}

.clearfix {
	clear: both;
}

.glyphicons {
	font-family: 'Glyphicons Regular';
	color: #3d3d3d;
}

.container {
	margin-top: 60px;
}

.bg-popup-article {
	margin-top: 10px;
}

#popup h2 {
	color: 4F46E5;
}

#popup .img-responsive {
	position: absolute;
    right: 5px;
    top: 0;
}

/** TOOLTIP (bootstrap) CSS **/
.tooltip-inner {
	max-width: 300px;
	float: left;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

header {
    background: 4F46E5;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.21);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.21);
	z-index: 999;
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	height: 60px;
}

.languageselect {
    width: 100px;
    margin-top: 5px;
}

.logopadding {
	padding: 0;
    height: 60px;
}

.headerpadding {
    padding-top: 10px;
}

.headerpadding2 {
    margin-left: 40px;
}

.headerpadding3 {
    margin-top: 10px;
}

.accountDiv{
	float: right;
	padding: 0;
	margin-top: 9px;
	text-align: right;
}

.flash-message {
	color: 4F46E5;
	margin-top: 2px;
	text-align: center;
	font-size: 1.0em;	
}

#languageDiv{
	float: right;
	margin-top: 11px;
	padding: 5px;
	width: auto;
	height: auto;
}

#languageDiv span#dropdownMenu2{
	line-height: 1em;
	float: left;
	color: #4A4A40;
}

#languageDiv .glyphicon {
	top: 3px;
}

#languageDiv img{
	width: 30px;
	padding-right: 5px;
}

#languageUl{
	min-width: 0;
	margin-top: 1px;
	padding: 0;
}

.language-flags {
	line-height: 1em !important;
	float: left;
	padding: 4px 5px 5px !important;
	width: 100%;
}

#languageUl li {
	float: left;
	padding: 0;
	width: 100%;
}
#languageUl li:hover,
#languageUl li:hover a{
	background: #E9E8D5 !important;
}

.bg-account-mobile {
	cursor: pointer;
}

.infoBoxDiv {
	background: none;
	float: left;
	width: auto;
	height: auto;
	min-width: 200px;
	min-height: 60px;
	position: relative;
	text-align: left;
	font-weight: normal;
	font-size: 1em;
}

.infoBoxDiv .closeInfoBox {
	float: right;
	top: 2px;
	right: -3px;
	font-size: 20px;
	cursor: pointer;
	position: absolute;
	z-index: 99999;
	background-color: none;
}

.infoBoxDiv .innerInfo {
	padding: 0px 8px 0px 15px;
	margin: 10px 10px 10px 0px;
	z-index: 99998;
	color: #fff !important;
	font-size: 1em;
}

.infoPopup {
	cursor: pointer;
	left: 10px;
	top: 3px;
	z-index: 995;
} 

.infoBoxDiv p span {
	background: none !important;
	color: #fff !important;
}

.nav-bar-margin	{
	margin: 0 !important;
	height: 100%;
}

.welcome {
	color: #A6A7A1;
}	

.dailyReminderForm {
	float: left;
}

.dailyReminderForm .dailyReminderDashboardExpl {
	font-weight: normal;
} 

.dailyReminderForm .form-group {
	width: 60%;
	float: left;
}

.dailyReminderForm .form-group .daysContainer {
	width: 100%;
}

.dailyReminderForm .form-group label.control-label{
	display: none;
}

.dailyReminderForm .dailyReminderSubmit {
	font-size: 16px;
}

.dailyReminderForm .dailyReminderButtons {
	width: 40%;
	float: right;
	text-align: center;
	margin-top: 10px;
}

.dailyReminderForm .daysRow {
	width: 11.5%;
}

.dailyReminderForm .daysRow label {
	padding: 0;
	text-align: center;
}

.dailyReminderForm .inputDaysOuter {
	padding: 0;
	text-align: center;
}

.dailyReminderForm .inputDaysOuter .inputDays {
	width: auto;
}

.dailyReminderForm .hiddenNeverDay {
	display: inline-block !important;
	width: 19.5%;
}

.dailyReminderForm .dailyReminderDecline {
	font-size: 14px;
	text-decoration: underline;
}

.infoPopupReminder {
	position: absolute;
	top: 20px;
	right: 10px;
	left: inherit;
}

#upgradeTrigger  {
	text-align: center; 
	background: #3684C5; 
	float: left; 
	position: relative; 
	z-index: 995; 
	color: #fff; 
	border: 1px solid #ccc; 
	border-top: 0; 
	padding: 5px; 
	box-shadow: 0 2px 5px rgba(2,2,2,.13); 
	-moz-box-shadow: 0 2px 5px rgba(2,2,2,.13); 
	-webkit-box-shadow: 0 2px 5px rgba(2,2,2,.13);
	margin-bottom: 15px;
	/*margin-top: -15px;*/
}

.closeUpgrade {
	color: #fff;
	float: right;
	margin-right: 20px;
	margin-top: 8px;
	cursor: pointer;
}

.badgepopup {
	position: fixed;
	bottom: 20px;
	right: 3%;
	background: #fff;
	border: 1px solid #555;
	padding: 5px 20px 0;
	max-width: 260px;
	min-width: 100px;
	display: none;
	box-shadow: 0 2px 5px rgba(2,2,2,.13); 
	-moz-box-shadow: 0 2px 5px rgba(2,2,2,.13); 
	-webkit-box-shadow: 0 2px 5px rgba(2,2,2,.13);
	z-index: 9999;
}

.badgepopup #badgeClose {
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
	text-align: justify;
}

.badgepopup dl {
	margin-bottom: 15px;
}

.badgepopup dt {
	width: 180px;
	height: 50px;
	position: relative;
}

.badgepopup dd {
	font-size: 0.8em;
}

.bagepopup img {
	position: absolute;
	left: 0;
	top: 0;
	width: 180px;
}

.badgepopup .badgeName {
	color: #555555;
    font-size: 0.8em;
    position: absolute;
    right: 0;
    text-align: center;
    top: 5px;
    width: 135px;
	font-weight: normal;
	padding-right: 5px;
	padding-left: 5px;
}

.navbar{
	background-color: whit;
	height: 60px;
	float: left;
}

.navbar .mainMenu {
	height: 60px !important;
	padding: 0;
}

.mainMenu .nav-normal-menu {
	float: left;
	height: 100%;
}
header .container, footer .container {
	margin-top: 0;
}

.dropdown-menu>li>a:focus{
	background-color: #9730A1;
	line-height: 1.75em;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	color: rgba(40,40,40,0.8);
}
.img-responsive {
    margin: 0 auto;
}

.form-horizontal {
    padding-top: 25px;
    text-align: center;
}

.form-horizontal .optionalinfo {
    border-bottom: 1px solid #a6a7a1;
    margin-bottom: 25px;
}

.form-horizontal h4 {
    position: relative;
    margin: 20px 0 -11px 0;
}

.form-horizontal h4 span {
    background: #f8f8f8;
    padding: 0 20px;
    position: relative;
    z-index: 5;
}

.form-control {
    height: 40px;
}

div.error-message h4 {
	color: red;
	margin-top: 2px;
	text-align: center;
	font-size: 0.7em;
	overflow: visible;
	white-space: nowrap;
}

.payment-option{
	float: left;
	clear: left;
}

.payment-option label img {
	margin-left: 5px;
}

.primary-color {
    color: 4F46E5;
}

.primary-color-two {
    color: #4a4a40;
}

.primary-color-sixth {
    color: #8a8b84;
}

.primary-color-seventh {
    color: #a6a7a1;
}

h2.primary-color-seventh {
    margin-top: 50px;
}

.primary-color-bg {
    background: 4F46E5;
    padding: 40px 0;
}

.primary-color-bg h2 {
    color: #f9f6f1;
}

.register {
    font-size: .9em;
    margin-right: 10px;
}

.facebookBtnRegister {
	background-color: #445D92;
    background-image: linear-gradient(to bottom, #6480B7 0px, #445D92 100%);
    background-repeat: repeat-x;
    border: 1px solid #364B76;
    box-shadow: 0 1px 1px #8BA3CD inset;
    color: #FFFFFF;
    position: relative;
    text-indent: 29px;
    text-shadow: none;
	filter: none !important;
    font-weight: 600;
    margin: 0 0 1em;
    padding: 0.75em 1.875em 0.5625em;
    text-align: center;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	margin-top: 20px;
	margin-bottom: 0;
}

.facebookBtnRegister:before {
    background-image: url("https://storage.googleapis.com/breyno-cdn/img/facebook.svg");
    content: "";
    height: 29px;
    left: 7px;
    position: absolute;
    top: 7px;
    width: 29px;
}

.fb-message h4{
	font-size: 14px !important;
	margin-bottom: 0;
}

.fb-lineBg {
	border-bottom: 1px solid #ccc;
	text-align: center;
	/* position: relative; */
}

.fb-lineBg span {
	padding: 0 10px;
	background: #F9F9F9;
	width: auto;
	color: #888;
	position: relative;
	top: 13px;
	font-size: 20px;
}

.btn-ghost {
    background: transparent;
    color: white;
	border-color: white;

    border-style: solid;
    border-width: 1px;
    border-radius: 2px;

    text-decoration: none;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.btn-ghost:hover, .btn-ghost:active, .btn-ghost:focus{
    background-color: white;
    color: #000;
    border-color: white;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.btn-white {
    background: white;
    color: black;
	border-color: white;

    border-style: solid;
    border-width: 1px;
    border-radius: 2px;

    text-decoration: none;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.btn-white:hover, .btn-white:active, .btn-white:focus{
    background-color: #4A184F;
    color: white;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.btn-primary {
    /* background: 4F46E5; */
	border: none;
    color: #fff;
    font-size: 1.8em;
    padding: 10px 40px;
    text-align: center;
    -webkit-box-shadow: 0 1px 4px rgba(2,2,2,.72);
    -moz-box-shadow: 0 1px 4px rgba(2,2,2,.72);
    box-shadow: 0 1px 4px rgba(2,2,2,.72);
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;

	background: #F4940B;
    color: white;
    /* border-style: solid;
    border-width: 2px; */
    /* border-color: #F4940B; */
    border-radius: 5px;
    /* font-size: 32px; */
    text-decoration: none;
    -webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out;
    transition: background-color 0.2s ease-out, color 0.2s ease-out;
}

.btn-primary-small {
    background: 4F46E5;
    color: #fff;
    font-size: 1.0em;
    padding: 8px 40px;
    text-align: center;
    /* -webkit-box-shadow: 0 1px 4px rgba(2,2,2,.72);
    -moz-box-shadow: 0 1px 4px rgba(2,2,2,.72);
    box-shadow: 0 1px 4px rgba(2,2,2,.72); */
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.btn-succes {
    background: #9ad84f;
    color: #fff;
    font-size: 1.8em;
    padding: 20px 40px;
    text-align: center;
    -webkit-box-shadow: 0 1px 4px rgba(2,2,2,.72);
    -moz-box-shadow: 0 1px 4px rgba(2,2,2,.72);
    box-shadow: 0 1px 4px rgba(2,2,2,.72);
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.btn-primary:hover{
    cursor: pointer;
    text-decoration: none;
	background: #F4940B;
	border: none;
}

.btn-succes:hover {
    cursor: pointer;
    text-decoration: none;
    background: #b1ea6c;
}

.form-horizontal .btn-primary {
    padding: 10px 50px;
    margin: 20px 0;
    -webkit-box-shadow: 0 1px 2px rgba(2,2,2,.72);
    -moz-box-shadow: 0 1px 2px rgba(2,2,2,.72);
    box-shadow: 0 1px 2px rgba(2,2,2,.72);
}

.form-horizontal .btn-success {
    padding: 15px 50px;
    margin: 20px 0;
    border: 0;
    font-size: 1.4em;
    background: #3b5998;
    -webkit-box-shadow: 0 1px 2px rgba(2,2,2,.72);
    -moz-box-shadow: 0 1px 2px rgba(2,2,2,.72);
    box-shadow: 0 1px 2px rgba(2,2,2,.72);
}

.form-label {
	font-weight: normal;
	float: left;
}

.right-inner-addon span {
    position: absolute;
    right: 25px;
    padding: 6px 0 0;
    font-size: 1.6em;
}

.right-inner-addon-2 span {
    position: absolute;
    right: 25px;
    padding: 34px 0 0;
    font-size: 1.6em;
}

.img-fb {
    padding-bottom: 5px;
}

.btn-info {
    background: #f9f6f1;
    color: #212021;
    border: 0;
    font-size: 1.6em;
    padding: 10px 40px;
    margin-top: 5px;
    text-align: center;
    -webkit-box-shadow: 0 1px 4px rgba(2,2,2,.72);
    -moz-box-shadow: 0 1px 4px rgba(2,2,2,.72);
    box-shadow: 0 1px 4px rgba(2,2,2,.72);
}

.btn-info:hover {
    background: #fff;
    color: #4a4a40;
}

header .btn-success {
    background: #a6a7a1;
    color: #f9f6f1;
    border: 0;
    font-size: .8em;
    padding: 8px 30px 5px;
    text-align: center;
    -webkit-box-shadow: 0 1px 4px rgba(2,2,2,.72);
    -moz-box-shadow: 0 1px 4px rgba(2,2,2,.72);
    box-shadow: 0 1px 4px rgba(2,2,2,.72);
}

header .btn-success:hover {
    background: 4F46E5;
}

.btn-primary-padding {
    margin-top: 20px;
	float: left;
}

header .btn-primary {
    padding: 8px 20px 5px;
    font-size: .8em;
    margin-right: 15px;
    border: 0;
    -webkit-box-shadow: 0 1px 2px rgba(2,2,2,.72);
    -moz-box-shadow: 0 1px 2px rgba(2,2,2,.72);
    box-shadow: 0 1px 2px rgba(2,2,2,.72);
	text-transform: uppercase;
}

.accountDiv .btn-primary, .accountDiv .btn-default {
	margin-top: 5px;
}

header .btn-default {
    border: 0;
    font-size: .8em;
    padding: 8px 20px 5px;
    -webkit-box-shadow: 0 1px 1px rgba(77,77,77,.27);
    -moz-box-shadow: 0 1px 1px rgba(77,77,77,.27);
    box-shadow: 0 1px 1px rgba(77,77,77,.27);
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	text-transform: uppercase;
	color: #fff;
}

.btn-default {
    color: #fff;
    background: #9DCB3B;
}

.btn-default:hover {
    color: #fff;
    background: #d5e66e;
}
.form-margin-top {
    margin-top: 30px;
}

#commentForm .form-group {
	margin: 0 !important;
}

#commentForm textarea {
	max-width: 300px;
	min-width: 300px;
	max-height: 100px;
	min-height: 100px;
}

#feedbackForm textarea {
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	height: 80px;
}

#feedbackForm #submitComment {
	width: 100%;
	padding: 10px 0;
}

nav { 
	margin: 0;
}
.navbar {
    position: relative;
    z-index: 999;
    min-height: 30px;
    margin-bottom: 0;
    border: 0;
    border-radius: 0;
	padding: 0;
}

.navbar-nav>li>a {
    font-family: MuseoSans-500,serif;
    font-size: .9em;
    padding: 15px;
	text-transform: uppercase;
}

.navbar-nav>li>a:hover {
    background: 0;
}

.Breynobg {
    background: #f9f6f1;
}

.Breynocontent {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}
.Breynocontent>.container{
	max-width: 700px;
	background-color: #f9f9f9;
    padding: 25px;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.23);
    border-radius: 4px;
}

.Breynocontent .col-lg-4 {
    text-align: left;
    margin-bottom: 20px;
}

.Breynocontent .col-lg-4 p {
    margin-left: 10px;
    margin-right: 10px;
}

.Breynocontent ul {
    margin-top: 25px;
}

.Breynocontent ul li {
    font-size: 1.3em;
}

.row {
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.Breynobg {
	margin: 0 !important;
}

.empower li.Breynocheckmark {
    list-style-type: none;
    text-align: left;
    margin-left: 25px;
    background: url(https://storage.googleapis.com/breyno-cdn/img/checkmark.png) top left no-repeat;
    height: 45px;
    padding-left: 50px;
    color: #4a4a40;
}

.empower li.Breynonocheckmark {
    list-style-type: none;
    text-align: left;
    margin-left: 0px;
    height: 45px;
    padding-left: 0px;
    color: #4a4a40;
	font-size: 1.0em;
	white-space: nowrap;
}

.empower li.Breynonocheckmark .glyphicon {
	margin-right: 20px;
}

.empower h4 {
	font-size: 16px;
}

.panel {
    border: 0;
    box-shadow: none;
}

.panel-body {
    font-size: 1em;
    color: #a6a7a1;
}

.panel-footer {
    background-color: #fff;
    border-top: 0;
    padding: 0 0 0 20px;
    color: 4F46E5;
    font-size: 1.2em;
}

.panel blockquote {
    border-left: 0;
    margin: 0;
    padding: 10px;
}

footer {
    height: 100%;
    padding: 20px;
    text-align: center;
    margin-top: 50px;
}

footer a {
	color: rgba(255,255,255,0.75);
    padding: 0 20px;
    font-size: .8em;
}

footer a:hover {
    text-decoration: none;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #333;
}

.navbar-default .navbar-nav>li>a {
	color: #4a4a40;
}

.navbar-default .navbar-nav>.dropdown>a:hover .caret, .navbar-default .navbar-nav>.dropdown>a:focus .caret {
	
	border-top-color: 4F46E5;
	border-bottom-color: 4F46E5;	
}

.braintip h4 {
	font-size: 16px;
	font-weight: bold;
}

.braintip p {
	font-style: italic;
	font-size: 14px;
}

.bg-header {
	background-color: #FBF7F2;
	text-align: center;
	border: 1px solid #c4c5bf;
}

.bg-header h4 {
	font-size: 2.5em;
}

.bg-content {
	background-color: #e9e8d5;
	padding-bottom: 15px;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #c4c5bf;
}

/** SLIDER CSS **/
.innerSliderRow {
	float: left;
	width: auto;
}

.sliderItem{
	float: left;
}

#workoutPrev, #workoutNext {
	font-size: 0.9em; 
	right: 10px; 
	top: 3px; 
	color: 4F46E5;
	cursor: pointer;
}

#workoutNext {
	right: 0;
	left: 10px;
}

/** SLIDER CSS END **/
.premiumContentHover {
	position: absolute;
	width: auto;
	height: auto;
	z-index: 100;
	top: 10px;
	left: 15px;
	color: #812c8a;
	font-size: 2em;
}

.premiumContentHover span {
	position: absolute;
	top: 5px;
	left: 5px;
}

.testDiv .bg-content-item {
	margin-top: 15px;
}

.testDiv .bg-category-article {
	padding-bottom: 0;
}

.bg-content .content{
	float: left;
	width: 100%;
	height: auto;
}

.bg-content h4 {
	text-align: center;
	font-size: 18px;
}

.btn-smaller {
	padding: 10px 30px;
	font-size: 1.4em;
}

.btn-smaller .glyphicon {
	top: 2px;
	left: 4px;
}

.bg-content .bg-content-title {
	float: left;
	margin: 20px 0;
}

.bg-content .btn-bar-workout,
.bg-content .btn-bar-blog {
	text-align: center;
	margin: 55px 0 35px;
	height: auto;
}

.bg-content .btn-bar-blog {
	margin: 15px 0 25px;
}

.bg-content .btn-primary-padding {
	margin-top: 30px;
	margin-bottom: 20px;
}

.bg-game-container {
	background-color: #FBF7F2;
	border: 1px solid #EFEFEF;
	padding-top: 5px;
	padding-bottom: 5px;
	display: inline-block;
}

.bg-game-container h4 {
	text-align: left;
	margin-top: 2px;
	margin-bottom: 2px;
}

.bg-content .bg-item-block img{
	margin: 15px 0;
}

div.bg-item {
	padding-left: 0px;
	margin-top: 12px;
}

div.bg-item-title {
	font-weight: bold;
	text-align: left;
	font-size: 0.9em;
}

div.bg-item-description {
	width: 100%;
	max-height: 52px;
	font-size: 0.7em;
	overflow: hidden;
}

.workoutGameList {
	margin-bottom: 20px;
}

.workoutGameList div.bg-item-description {
	display: none !important;
	max-height: 80px;
}

.workoutGameList .nextGame {
	padding: 5px;
	border: 4px solid #c1e29b;
	float: left;
}

.workoutGameList .recClass {
	float: left;
	padding: 0;
}

.workoutGameList .recClass .innerBorder {
	border: 1px solid #e2e8e4;
	padding: 2px;
	margin: 5px;
	float: left;
}

.workoutGameList .col-md-2 {
	padding: 0;
}

.workoutGameList .bg-item-title {
	text-align: center;
}

.workoutGameList div img {
	padding: 0;
}

.workoutGameList .arrowSpacer {
	background: url('https://storage.googleapis.com/breyno-cdn/img/workoutArrow.png') no-repeat;
	background-size: 100%;
	min-height: 90px;
	padding: 0;
	background-position: 0 23px;
}

.workoutGameList .nextGame div.bg-item-description ,
.workoutGameList .recClass div.bg-item-description {
	display: block !important;
}

.workoutGameList .bg-item-title {
	font-size: 0.7em;
}

.workoutGameList .row label {
	margin-bottom: 0;
}

.resultsDiv .row h2 {
	color: #0089b3;
	text-align: center;
	margin-bottom: 22px;
}

.workoutGameList .nextGame img,
.workoutGameList .nextGame .bg-item-title,
.workoutGameList .nextGame .bg-item-description,
.workoutGameList .recClass img,
.workoutGameList .recClass .bg-item-title,
.workoutGameList .recClass .bg-item-description {
	float: left;
	padding: 0;
	text-align: left;
}

.workoutGameList .nextGame .bg-item-title,
.workoutGameList .recClass .bg-item-title {
	float: right;
	width: 65%;
	padding-left: 10px;
	font-size: 0.9em;
}

.workoutGameList .recClass .bg-item-title {
	font-size: 0.7em;
}

.workoutGameList .nextGame img,
.workoutGameList .recClass img {
	width: 35%;
}

.bg-upgrade-pro-bag {
	width: 25%;
	display: inline-block; 
	vertical-align: top;
}

.bg-pro-article {
	font-size: 1.0em;
	width: 66%; display: 
	inline-block;	
}

.bg-upgrade-pro-hide {
	width: 6%;
	display: inline-block; 
	vertical-align: top;
}

#catBfiChartPopup {
	margin-top: 20px;
	background: 4F46E5;
    color: #fff;
}

#catBfiChartPopup:hover {
	cursor: pointer;
    text-decoration: none;
    background: #9734a1;
}

.workoutGameList .bg-item-description { 
	display: none;
}

.workoutGameList .nextGame .bg-item-description,
.workoutGameList .recClass .bg-item-description {
	display: block;
	width: 65%;
	padding-left: 10px;
}

div.bg-item-block {
	background-color: #FBF7F2;
	height: auto;
	margin: 1px;
}

a div.bg-item-block  {
	text-decoration: none;
}

a:hover div.bg-item-block  {
	color: #4a4a40;
	background-color: #F3F0F0;	
}

div.bg-item-block h4 {
	text-align: left;
	margin-top: 2px;
	margin-bottom: 0px;
}

div.bg-item-block p {
	font-size: 12px;
}

.col-image{
	width: 74px;
	height: 100%;
}

/*
.bg-game-description p {
	height: 50px;
	text-overflow: ellipsis;
	overflow: hidden;
}

.bg-game-container p {
	font-size: 12px;
	text-align: left;
}

.bg-game-description, .bg-game-description p{
	display: inline-block;
}
*/
.bg-row{
	margin-bottom: 15px;
}

.newsItems:first-child {
	border: none !important;
}

.bg-article {
	margin-top: 25px;
	white-space: normal;
	overflow: hidden;
	height: 120px;
}

.bg-article h3 {
	margin-top: 0;
}

.bg-article p {
	font-size: 12px;
	height: 102px;
	overflow: hidden;
	margin: 0;
	text-align: justify;
}

.paragraph-justify {
	text-align: justify;
}

.fb-readmore {
	float: right;
	font-size: 12px;
}

.bg-category-article {
	/*margin: 15px 0;*/
	padding: 15px;
	/*background-color: #F3F3F3;*/
	color: #4a4a40;
	font-size: 1.0em;
	/*border: 1px solid #FEFEFE;*/
}

.bg-sample-data {
	display: none;
	position: absolute;
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: 12px;
	top: 36%;
	left: 18%;
	color: grey;
	opacity: 0.3;

	-moz-transform: rotate(22deg);
	-webkit-transform: rotate(22deg);
	-o-transform: rotate(22deg);
	-ms-transform: rotate(22deg);
	transform: rotate(22deg);	

}

.bg-bfi-block, .bg-row-small, .bg-row-dashboard, .categoryZoom {
	border: none;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.23);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-top: 20px;
	text-align: center;
	background: #f8f8f8;
}

.categoryZoom {
	position: absolute;
	z-index: 997;
	margin-top: 0px;
}

.chartOuterContainer {
	width: 100%; 
	height: 80%; 
	float: left;
}

#closeZoom {
	position: absolute;
	top: 5px;
	right: 5px;
}

.categoryGauges {
	padding: 0; 
	float: left; 
	width: 20%;
	height: 117px;
}

#leftColDash {
	padding-right: 10px;
}

#rightColDash {
	padding: 0;
}

.bg-row-dashboard {
	margin-top: 15px;
	text-align: left;
	padding: 5px;
	float: left;
	width: 100%;
	position: relative;
}

.categoryItems {
	float: left;
	width: 100%;
	list-style: none;
	font-size: 1em;
	padding: 0;
	margin: 0;
}

.gamesPlayedTotal, .timePlayedTotal {
	font-size: 22px;
	text-align: center;
	float: left;
}

.categoryItems li{
	float: left;
	width: 100%;
}

.bg-row-small {
	margin: 20px 0 0;
	text-align: left;
	padding: 5px;
}

.dashboardNav {
	background: #B6B2B7;
	cursor: pointer;
	text-align: center;
}

.dashboardResultNav {
	background: #B6B2B7;
	cursor: pointer;
	text-align: center;
}

.dashboardNavActive {
	background: #f8f8f8;
	border-bottom: none;
	cursor: default;
}

.dashboardNav h5, .dashboardNav h4 {
	line-height: 22px;
	color: #fff;
	margin: 10px 0;
	font-weight: normal;
}

.dashboardNav h5 {
	border-radius: 0 4px 0 0;
	-moz-border-radius: 0 4px 0 0;
	-webkit-border-radius: 0 4px 0 0;
}

.dashboardNav h4 {
	border-radius: 4px 0 0 0;
	-moz-border-radius: 4px 0 0 0;
	-webkit-border-radius: 4px 0 0 0;
}
.dashboardResultNav h5, .dashboardResultNav h4 {
	line-height: 22px;
	color: #fff;
	margin: 10px 0;
	font-weight: normal;
}

.dashboardResultNav h5 {
	border-radius: 0 4px 0 0;
	-moz-border-radius: 0 4px 0 0;
	-webkit-border-radius: 0 4px 0 0;
}

.dashboardResultNav h4 {
	border-radius: 4px 0 0 0;
	-moz-border-radius: 4px 0 0 0;
	-webkit-border-radius: 4px 0 0 0;
}

.dashboardNavActive h5, .dashboardNavActive h4 {
	color: #3d3d3d;
}

.checkBoxTrainingGoal {
	position: relative;
	width: 84px;
	height: 48px;
	border: 1px solid #CECECE;
	background: #FAFAFA;
	text-align: center;
	display: inline-block;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin: 0 2px;
	color: #F1F1F1;
	font-size: 36px;
	line-height: 43px;
	padding-top: 2px;
}

.checkBoxTrainingGoalActive {
	background: #5BA5D3;
	border: none;
}


/** COMPARISON CSS **/
#stickmenList {
	float: left;
	width: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-top: 15px;
}

#stickmenList li {
	float: left;
	width: 100%;
	margin-bottom: 5px;
	padding: 0;
}

#stickmenList li span {
	float: left;
	width: 30%;
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	margin-left: 5%;
}

#stickmenList li .stickmen {
	float: right;
	width: 60%;
	text-align: right;
	margin-right: 5%;
	line-height: 0;
}

#stickmenList li .bfiStickmen {
	width: 100%;
	margin: 0;
	text-align: center;
	padding: 0 25px;
}

#stickmenList li svg {
	position: relative;
	margin-right: 0;
	width: 10%;
	height: auto;
}

#stickmenList li .bfiStickmen svg {
	margin-right: 0;
}

#stickmenList .bfiLabel  {
	width: 75px;
	height: 40px;
	position: relative;
}

#stickmenList .bfiLabel:hover, #stickmenList .bfiLabel:active  {
	cursor: pointer;
}

#stickmenList .bfiLabel:hover .bfiText, #stickmenList .bfiLabel:active .bfiText  {
	font-size: 22px;
	padding: 7px;
}

#stickmenList .bfiLabel .bfiText {
	width: 75px;
	height: 31px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 994;
	color: #fff;
	margin: 0;
	line-height: 18px;
	font-size: 18px;
	padding: 7px 0;
}

#stickmenList .bfiLabel svg {
	width: 75px;
	height: 40px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 993;
}

#stickmenList .bfiMakeVerticalAlign {
	margin-top: 35px;
}

.clickableLiStickmen {
	cursor: pointer;
}

.clickableLiStickmen:hover {
	background: #E9EAD5;
}

#dash-comparison {
	padding: 0;
}

/** END COMPARISON CSS **/


/** DASHBOARD SLIDER **/
.sliderOuter {
	position: relative;
	width: 288px;
	height: 380px;
	overflow: hidden;
	margin: auto;
}

.sliderInner {
	position: absolute;
	top: 0;
	left: 0;
}

.sliderItem {
	float: left;
	width: 288px;
	height: 380px;
}

.sliderItem .bg-game-block {
	margin: 5px;
}

#continueTraining {
	background: #F47906;
}

/*.sliderItem .bg-game-block{
	box-shadow: 0px 1px 2px rgba(0,0,0,0.35);
}*/
/** END DASHBOARD SLIDER **/


/** GAME BLOCK CSS **/
.bg-game-block {
  display: block; /* shrink to fit */
  position: relative;    /* so .content can use position: absolute */
}
.bg-game-block::after {
  padding-top: 50%; /* percentage of containing block _width_ */
  padding-top: calc(50% + 5px); /* percentage of containing block _width_ */
  display: block;
  content: '';
}
.bg-game-block .bg-game-block-img-outer{
  position: absolute;
  top: 5px; bottom: 5px; left: 5px; /* follow the parent's edges */
  width: 50%;
  width: calc(50% - 4px);
  z-index: 99;
}

.bg-game-block .bg-game-block-info {
	position: absolute;
	top: 5px; bottom: 5px; right: 5px;  /* follow the parent's edges */
	width: 50%;
	width: calc(50% - 5px);
}

.bg-game-block{
	position: relative;
	float: left;
	width: 100%;
	max-width: 276px;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.43);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #fff;
	padding: 0;
}

.bg-game-block .lockedSvg {
	position: absolute;
	top: 0px;
	left: 3px;
	z-index: 100;
}

.bg-game-block .bg-game-block-img-outer {
	border: 2px solid #333333;
	border-right: none;
	border-radius: 4px 0px 0px 4px;
	-moz-border-radius: 4px 0px 0px 4px;
	-webkit-border-radius: 4px 0px 0px 4px;
	padding: 13px;
	background: #FAFAFA;
}

.bg-game-block .bg-game-block-img-outer img.img-responsive {
	/*position: absolute;
	top: 11%;
	left: 11%;
	right: 11%;
	bottom: 11%;*/
	width: 100%;
	height: auto;
}

.bg-game-block .bg-game-block-img-outer img.catArrow {
	width: 11px;
	position: absolute;
	right: 0;
	bottom: 18px;
}

.bg-game-block .bg-game-block-info {
	padding-bottom: 10px;
	color: #fff;
	border-radius: 0px 4px 4px 0px;
	-moz-border-radius: 0px 4px 4px 0px;
	-webkit-border-radius: 0px 4px 4px 0px;
}

.bg-game-block .bg-game-block-info h5 {
	color: #fff;
	margin: 0;
	margin-left: 8px;
	margin-top: 25px;
	font-size: 1.4em;
}

.bg-game-block .bg-game-block-info .bg-game-improvements-list {
	position: initial !important;
}

.bg-game-block .bg-game-block-info .bg-game-improvements-list p {
	margin: 0; 
	padding: 0;
	font-size: 12px;
	position: absolute !important;
	left: 8px;
	bottom: 5px;
	line-height: 16px;
	height: 50px;
	max-height: 50px;
	overflow: hidden;
}

.bg-game-block .bg-game-block-info ul {
	list-style-type: none;
	margin: 0; 
	padding: 0;
	font-size: 14px;
	position: absolute;
	left: 8px;
	bottom: 10px;
	line-height: 16px;
	height: 50px;
	max-height: 50px;
	overflow: hidden;
}

.bg-game-block-info .slidingPanel {
	display: none; 
	position: absolute; 
	right: 0; 
	top: 0; 
	bottom: 0; 
	width: 0px;
	text-align: center;
	font-size: 5em;
	line-height: 40px;
	padding-top: 27px;
	color: #fff;
	padding: 13px;
	border-radius: 0px 4px 4px 0px;
	-moz-border-radius: 0px 4px 4px 0px;
	-webkit-border-radius: 0px 4px 4px 0px;
	padding-top: 22px;
}

.arcResults .bg-row-small {
	margin-top: 0;
}

.slidingPanel span {
	color: #fff;
}

.previousRecGame, .nextRecGame {
	color: #c1c1c1;
	font-size: 55px;
	margin-top: 145px;
	cursor: pointer;
	position: absolute;
	right: 9px;
	width: 1em;
	z-index: 995;
}

.previousRecGame {
	text-align: left;
	left: 5px !important;
}

.nextRecGame {
	text-align: left;
}

/** END GAME BLOCK CSS **/

/* above can be removed when all pages with the new game block have been added */
/** GAMEBLOCK NEW CSS **/
.bg-game-block-new {
	display: block; /* shrink to fit */
	position: relative;    /* so .content can use position: absolute */
	margin: auto;
	padding: 0;
	height: 345px;
	border: none;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.23);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	text-align: center;
	background: #f8f8f8;
	overflow: hidden;
}
.bg-game-block-new.no-stats{
	height: 304px;
}

.gamesContainer .bg-game-block-new, .sliderItem .bg-game-block-new {
	width: 220px;
	margin-top: 20px;
}

.bg-game-block-new:hover, .bg-game-block-new:active {
	box-shadow: 0 4px 7px 3px rgba(0, 0, 0, 0.23);
	-webkit-transition: box-shadow 500ms ease-in-out;
	-o-transition: box-shadow 500ms ease-in-out;
	-moz-transition: box-shadow 500ms ease-in-out;
	-ms-transition: box-shadow 500ms ease-in-out;
	-kthtml-transition: box-shadow 1s ease-in-out;
	transition: box-shadow 500ms ease-in-out;	
}

.bg-game-block-new .bg-game-block-top-titles {
	float: left;
	box-shadow: 0 1px 2px rgba(2, 2, 2, 0.13);
	margin-bottom: 20px;
}

.bg-game-block-new .bg-game-block-top-titles .bg-game-block-cat-title {
	text-align: center;
}

.bg-game-block-new .bg-game-block-top-titles .bg-game-block-cat-title span {
	border-bottom: 1px solid #D7D8DA;
	font-size: 12px;
	padding: 0 0 5px 0;
	color: #838384;
	margin-top: 5px;
}

.bg-game-block-new .bg-game-block-top-titles .bg-game-block-imp-title, .bg-blog-excerpt .bg-blog-imp-title {
	padding: 10px 0;
	font-size: 18px;
	float: left;
	width: 100%;
	text-align: center;
}

.bg-blog-imp-title {
	position: absolute; 
	bottom: 0; 
	left: 0; 
	right: 0; 
	padding-top: 5px; 
	min-height: 35px;
	padding-bottom: 5px; 
	width: 100%;
	text-align: center; 
	background: #f8f8f8;
}

.bg-game-block-new .bg-game-block-img-outer{
	float: left;
}

.bg-game-block-new .bg-game-block-img-outer img{
	position: relative;
	margin: auto;
}

.bg-game-block-new .bg-game-block-bottom-part {
	position: absolute;
	bottom: 40px;
	left: 0;
	right: 0;
	height: 50px;
	border-top: 1px solid #D7D8DA;
}

.bg-game-block-new .bg-game-block-bottom-part .bg-game-block-game-title {
	float: left;
	width: 175px;
	text-align: center;
	padding: 12px 0;
	line-height: 18px;
	color: #838384;
	font-size: 18px;
}

.bg-game-block-new .bg-game-block-bottom-part .bg-game-block-test-name {
	font-size: 14px;
}

.bg-game-block-new .bg-game-block-bottom-part .bg-game-block-click-circle {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	float: right;
	width: 35px;
	height: 35px;
	margin-top: 5px;
	margin-right: 10px;
	color: #f1f1f1;
	text-align: center;
}

.bg-game-block-new .bg-game-block-bottom-part .bg-game-block-click-circle img {
	width: 14px;
	height: 14px;
	margin-top: 9px;
	margin-left: 4px;
}

.bg-game-block-new .bg-game-statistics-bottom-attachment {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 40px;
	border-top: 1px solid #D7D8DA;
	padding-top: 3px;
	font-size: 12px;
}
.bg-game-block-new .bg-game-statistics-bottom-attachment .bg-game-statistics-bottom-attachment-stars {
	position: absolute;
	bottom: 25px;
	left: 0;
	right: 0;
	height: 15px;
	padding-top: 2px;
	font-size: 12px;
}
.bg-game-block-new .bg-game-statistics-bottom-attachment .bg-game-statistics-bottom-attachment-stars .star {
	content         : '';
	display         : inline-block;
	width           : 17px;
	height          : 17px;
	background      : url('https://storage.googleapis.com/breyno-cdn/img/svg/star-on.svg');
	background-size : contain;
	margin-top: 2px;
	margin: auto;
    position: relative;
}
.bg-game-block-new .bg-game-statistics-bottom-attachment .bg-game-statistics-bottom-attachment-stats {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 25px;
	padding-top: 5px;
	font-size: 12px;
}
.bg-game-block-new .bg-game-statistics-bottom-attachment .bg-test2-statistics-bottom-attachment-stats {
	position: absolute;
	bottom: 17px;
	left: 0;
	right: 0;
	height: 25px;
	padding-top: 5px;
	font-size: 12px;
}

.bg-game-block-new .bbg-game-statistics-bottom-attachment .bg-game-block-click-circle svg {
	width: 18px;
	height: 22px;
	margin-top: 5px;
	margin-left: 0px;
}

.bg-game-block-new .bg-game-block-colored-line {
	padding: 0;
	height: 5px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

div.upgrade-premium {
    display: none;
}

div.bg-game-block-new:hover>div.upgrade-premium{
    display: block;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.85);
	text-decoration: none;
	margin-top: 30%;
	font-size: 1.0em;
}

span.premium-hover-text {
	padding-top: 50px;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.7);
	color: white;
	cursor: pointer;
	/*display: table;*/
	opacity: 0;
	width: 100%;
	height: 100%;
	transition: opacity 500ms;
}
span.premium-hover-text .btn {
	background: #FB6200;
	padding: 5px 15px;
	font-size: 1.0em;
	margin-top: 20px;
	
}
div.bg-game-block-new:hover span.premium-hover-text {
	opacity: 1;
}

span.premium-hover-text .btn:hover {
	background: #FA904C;
}	

/** GAMEBLOCK NEW CSS **/

#bg-filter {
	background: #fff;
    box-shadow: 0 1px 3px rgba(2, 2, 2, 0.13);
	width: 100%;
	z-index: 200;
	position: relative;
	display: inline-block;
	height: auto;
	padding: 5px 0;
}

.bg-filter-inner {
	position: relative;
	margin: auto;
	overflow: hidden;
}

.filterItem {
	display: inline-block;
}

.filterItem input {
	float: left;
	margin-top: 5px;
	cursor: pointer;
}

.filterText {
	border-left: 4px solid #000;
	padding-left: 5px;
	margin-left: 5px;
	cursor: pointer;
}

.bg-games-overview-intro-article {
	margin-top: 8px;
}

.categoryLabels {
	margin-left: 5px !important;
	margin-bottom: 10px;
}

.categoryLabels .categoryLabel {
	float: left;
	margin-right: 5px;
	line-height: 1em;
	font-size: 1em;
	text-transform: lowercase;
	color: #fafafa;
	padding: 0 5px 3px 5px;
}

#bg-game-area {
	margin-top: 20px;
}

#bg-your-game-answser-time, #bg-your-game-accuracy, #bg-your-game-score {
	font-size: 14px;
	text-align: center;
}

#bg-info-area .bg-game-improvements-list {
	margin-left: 8px;
	position: initial !important;
}

.resultInfo {
	font-size: 14px;
}

.resultInfo .glyphicon, .resultInfo .glyphicons {
	font-size: 16px;
}

.resultInfo .glyphicons {
	top: -2px;
}

.alignDifferent {
	text-align: center;
}

.resultInfo .col-md-7, .resultInfo .col-xs-7 {
	text-align: left;
}
.resultInfo .col-md-5 , .resultInfo .col-xs-5 {
	text-align: right;
}

.certificateRow span {
	float: left;
	width: 10%;
	margin-right: 0 !important;
}

.certificateRow #encouragement-text {
	float: right;
	text-align: left;
}

.encouragement-text {
	top: 5px;
	float: right;
	width: 90%;
	font-size: 18px;
}

#playAgain {
	text-decoration: none;
	border-bottom: 1px solid #3d3d3d;
	color: #3d3d3d;
	font-size: 18px;
}

#playAgain:hover {
	border-color: 4F46E5;
	color: 4F46E5;
}

.bg-row-small h3 {
	margin: 0 0 10px 0;
	padding: 5px 10px; 
}

div.bg-game-improvements-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
	list-style-type:square;
	list-style-position: inside;
	margin-bottom: 20px;
	padding: 0 10px;
}

.bg-info-data-mobile div.bg-game-improvements-list ul {
	font-size: 14px;
}

.firstTxt {
	float: left;
	font-size: 14px;
	padding: 5px 0 5px 10px;
}

.lastTxt {
	float: right;
	font-weight: bold;
	font-size: 14px;
	padding: 5px 10px 5px 0;
}


.col-spacer-10 {
	position: relative;
	width: 10px;
	height: 10px;
}

.bg-bfi-block-header {
	background-color: 4F46E5;
	color: #fff;
	font-size: 1.4em;
    padding: 6px 0;
}

.bg-header-small {
	background-color: 4F46E5;
	color: #fff;
	padding: 6px 0;
	margin: 0;
	text-align: center;
}

.bg-content-small {
	color: #4a4a40;
	height: auto;
	padding: 10px;
}

.bg-content-small .specialPadding {
	padding-left: 0;
}
.bg-content-small .specialMargin {
	margin-top: 0;
	padding-right: 0;
}

.bg-row-upgrade .bg-header-small {
	padding: 20px 0;
	font-size: 1.6em;
}

.subscriptionPricing {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}

.oldPrice {
	text-decoration: line-through;
	font-weight: normal !important;
	font-size: 1.3em !important;
}

#errorMsg {
	border: 1px solid red;
	background: #fff;
	color: red;
	padding: 5px;
	margin-bottom: 15px;
}

#col-cvv a {
	margin-top: 10px;
	float: right;
}

#selectedProductText, #selectedPayementMethodText{
	font-weight: bold;
}

.euroPrice, .dollarPrice, .currencyPrice {
	width: 100%;
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	height: 65px;
}

.euroPrice .smallerTxt, .dollarPrice .smallerTxt, .currencyPrice .smallerTxt {
	font-size: 0.6em;
	font-weight: normal;
}
.euroPriceSub, .dollarPriceSub, .currencyPriceSub {
	width: 100%;
	text-align: center;
	font-size: 0.5em;
	font-style: italic;
	font-weight: normal;
}

.bg-bfi-block-content, .bg-bfi-block-content2 {
	color: #212021;
	height: 163px;
	background-color: #FBF7F2;
	font-size: 2em;
	line-height: 1.4em;
}

.bg-bfi-block-content2 {
	height: auto;
	font-size: 1em;
}

.bg-bfi-block-content span {
	float: left;
	width: 100%;
	padding: 0 15px;
	opacity: 0;
}

.bfi-score-block {
	font-size: 5.5em;
}

.score-value-title {
	font-size: 0.8em;
}

.bg-game {
	margin-top: 15px;
}

#gameOverviewButton .btn {
	font-size: 1.4em;
	padding: 15px 25px;
	margin-left: 15px;
}

#gameOverviewButton .btn:first-child {
	margin-left: 0;
}

div.bg-admin-container {
	position: absolute;
	top: 0;
	right: 0;
}

div.bg-account-link {
	margin: 0 auto;
    padding: 0;
    text-align: right;
	padding: 0;
	height: 38px;
	/* width: 100%;
	min-width: 70%; */
	float: right;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	color: white;
	border: 1px solid white;
	background: 4F46E5;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.13);
	font-family: 'Ubuntu';
}

div.bg-account-link .bg-accountLink {
	float: left;
	width: auto;
	text-decoration: none;
	color: #3d3d3d;
}

div.bg-account-link .bg-email {
	text-align: center;
	padding: 5px 10px 5px 5px;
	float: left;
	line-height: 16px;
	font-size: 16px;
}

div.bg-account-link .bg-accountLabel {
	font-size: 12px;
	line-height: 12px;
}

div.bg-account-link #dropdownMenu1,
div.bg-account-link #dropdownMenu2 {
	font-size: 22px;
	color: white;
	height: 38px;
	float: right;
	width: 100%;
	text-align: center;
	padding: 5px 10px;
	cursor: pointer;
}

#dropdownMenu1 .glyphicon,
#dropdownMenu2 .glyphicon {
	top: 4px;
	float: right;
}

.dropdown-menu, #languageUl {
	width: 100%;
	width: calc(100% + 2px);
    margin-right: -1px;
	background: 4F46E5;
	border: 1px solid white;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    /* border-left: 1px solid white; */
    border-top: 0;
	border-top-right-radius: 0;
    border-top-left-radius: 0;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.13);
	margin-top: -2px;
}

.dropdown-menu>li>a{
	color: white !important;
	line-height: 1.75em;
}

.languageSelect {
	float: right;
	width: 35px;
	font-size: 12px !important;
	position: relative;
}

.languageSelect span {
	float: left;
	width: 100%;
}

.languageSelect a {
	float: left;
	width: 100%;
}

.languageSelect .selectedLang {
	float: left;
	width: 100%;
	color: white;
    font-family: 'Ubuntu';
    height: 44px;
	padding: 0 5px 0 0;
	cursor: pointer;
}

.languageSelect .selectedLang .activeLanguage {
	margin-top: 13px;
}

.languageSelect .glyphicon {
	position: absolute;
	top: 16px;
	right: 5px;
}

.languageSelect #dropdownLanguageContent {
	display: none;
}

.languageSelect .dropdownLanguage {
	float: left;
	width: 100%;
}

.languageSelect .popover-content {
	float: left;
	padding: 5px;
}

.languageSelect .dropdownLanguage a {
	margin: 5px;
	float: left;
	width: 100%;
}

.mainMenu  .nav-profile-lang {
	border-left: 1px solid #4A4A40;
	float: left;
	padding-left: 10px;
	width: 75%;
}

.mobileFlags a {
	width: auto !important;
}

li.profileLiItem {
	height: auto;
}

li.profileLiItem a {
	float: left;
	width: 100%;
}

li.profileLiItem img.profilePic {
	margin-right: 0;
}

span#dropdownMenu1 {
	color: #4a4a40;
	cursor: pointer;
}	

span.bg-email {
	padding: 0 15px 0 5px;
}

img.profilePic {
	margin-right: 13px;
	width: 30px;
	height: 30px;
}

div.bg-account-link a {
	margin: 0 auto;
	float: left;
	width: 100%;
}

div.bg-account-link a:hover {
	background: #9730A1;
	color: white !important;
}


div.bg-account-link, .glyphicons{
	color: white !important;
}
@media (max-width: 767px) {
	span.bg-email{
		color: white !important;
	}
}

p.total {
	float: right;
	font-size: 11px;
	line-height: 20px;
	color: #8a508d;
}

p.progression {
	position: absolute;
	left: 45%;
	top: 0;
	font-size: 11px;
	line-height: 20px;
	color: #fff;
}

.bg-feedback-list {
	padding: 0;
	font-size: 12px;
	margin-top: 0px;
}

.feedback-info {
	float: left; 
	height: 70px; 
	overflow: hidden;
	padding-right: 5px;
}

.bg-feedback-list h3 {
	font-size: 16px;
	padding-top: 15px;
	margin: 0;
}

.feedbackMessages {
	padding: 0;
}

.feedback-item {
	float: left;
	width: 100%;
	height: 82px;
	overflow: hidden;
	padding-bottom: 5px;
}

.bg-feedback-list hr {
	margin: 0 0 5px 0;
}

.bg-feedback-list .bg-profile-thumb {
	float: left;
	width: 60px;
	height: 60px;
	border: 1px solid #dddcdc;
	margin: 5px 10px 5px;
}

.feedbackPopup , .feedbackPopup  a {
	color: #b7b7b7;
	text-align: center;
}

.feedbackPopup a {
	float: left;
	width: 100%;
	margin-top: 5px;
}

#knobPlaytime {
	font-size: 1.8em !important;
}

.feedbackPopup hr {
	float: left;
	width: 100%;
}

.feedbackPopup  a .glyphicon,
.nextRecommendedGame .glyphicon {
	top: 3px;
	margin-left: 10px;
}

.bg-feedback-author {
	font-weight: bold;
	text-align: left;
	font-size: 16px;
	float: left;
	width: 100%;
	margin-top: 0;
}

.hiddenMessages {
	display: none;
}

.bg-feedback-content {
	float: left;
	width: 100%;
	font-size: 12px;
}

.nextRecommendedGame {
	float: left;
    margin-top: 5px;
    width: 100%;
    color: #b7b7b7;
    text-align: center;
}

.nrgDiv {
	text-align: center;
	padding-top: 10px !important;
}

#showMoreFeedback, #showMoreFeedback2 {
	width: auto;
	float: right;
	height: 20px;
	border: none;
	background: none;
	margin: 5px;
	font-size: 12px;
}

.bg-form-control {
	text-align: left;
}

.control-label {
	color: #212021;
}

.form-control {
	padding: 9px 12px;
}

.daysContainer {
	margin-top: 5px;
}

.daysRow {
	width: 14.28%;
	display: inline-block;
}

select.bg-date-select {
	min-width: 75px;
	width: auto;
	height: 40px;
	margin-right: 5px;
	color: #555;
	float: left;
}

.selectBox {
	position: absolute;
	width: auto;
	bottom: 0;
	right: 0;
}

.selectBox .selectText {
	float: left;
	margin-top: 3px;
}

select.bg-time-played, select.bg-games-played {
	width: auto;
	height: 33px;
	color: #555;
	font-size: 12px;
	float: left;
	margin-left: 10px;
	padding: 7px 12px;
}

.badgeItems .row {
	text-align: center;
} 

div.bg-badge {
	display: inline-block;
	/*margin: 0 30px 20px 0;*/
	position: relative;
	padding: 40px;
	line-height: 86px;
}

div.bg-badge img {
	width: 86px;
	font-size: 10px;
}

div.bg-badge span { 
	width: 100%;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 0.8em;
	line-height: 1.6em;
	color: #555;
	padding-right: 5px;
	padding-left: 5px;
}

.inactiveBadge {
	position: absolute;
	background-color: rgba(248, 248, 248, 0.8);
	width: 180px;
	height: 136px;
	top: 0;
	left: 0;
	z-index: 9;
	text-align: center;
	font-size: 0.8em;
	padding-top: 30px;
}

.inactiveBadge .badgeProgress {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 20px;
	background: url('https://storage.googleapis.com/breyno-cdn/img/purpleShader.png');
}

.badgeProgressOveral {
	float: right;
	width: 20%;
	margin-top: 3px;
	background: #f8f8f8;
}

.badgeProgressOveral .progressBar {
	float: left;
	width: 67%;
	height: 20px;
	border: 1px solid #555;
	background: #fff;
	margin-right: 3%;
	margin-left: 3%;
}

span.toggleGradual,
span.toggleNormal {
	float: right;
	margin-right: 2%;
	margin-left: 2%;
	cursor: pointer;
	background: #fff;
	margin-top: 2px;
    text-align: center;
    width: 40px !important;
}

h4 .badgeTitle {
	background: #F8F8F8;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 15px;
}

h4.lineBg {
	background: url('https://storage.googleapis.com/breyno-cdn/img/lineImg.png') repeat-x;
	background-position: 0 3px;
}

.badgeProgressOveral .progressBar span {
	float: left;
	background: 4F46E5;
	height: 18px;
}

.badgeProgressOveral span.numbers {
	float: right;
	font-size: 0.8em;
	margin-top: 1px;
	width: 24%;
	background: #f8f8f8;
	margin-right: 3%;
	text-align: right;
}

.bg-progress-area {
	border: 1px solid #AFAFAF;
	padding: 15px;
	margin:  0  0 15px 0;
	background-color: #EDEDED;
}

.bg-progress-bfiscore {
	margin: 0;
}

#bg-game-results .glyphicon,
#bg-game-results .glyphicons,
#bg-workout-results .glyphicon,
#bg-workout-results .glyphicons {
	margin-right: 10px;
}

.glyphicon  .innerText,
.glyphicons  .innerText {
	font-family: Verdana;
	float: right;
	margin-left: 2px;
	font-size: 1em;
}

.menuGlyphicon.glyphicons:before{
	color: white;
}
.menuGlyphicon.glyphicons{
	padding: 0;
	font-size: 1.25em;
}

#openScoreStats{
	font-size: 0.9em; 
	padding: 5px 8px; 
	width: auto; 
	background: none repeat scroll 0% 0% rgb(255, 255, 255); 
	color: rgb(85, 85, 85); 
	border: 1px solid rgb(85, 85, 85); 
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	top: -2px; 
	left: 8px;
}

.marginBottom-sm {
	margin-bottom: 10px;
}
.mobileGameScaler {
	height: 470px;
	padding: 0;
	margin: 0;
	display: inline-block;
}
.mobileGameScalerOld {
	height: 600px;
}

.sortingContainer {
	position: absolute;
	width: auto;
	bottom: 10px;
	right: 10px;
	left: 10px;
}

.sortingContainer span {
	margin-top: 4px;
	float: left;
}

#loaders {
  width: 50px;
  height: 50px;
  margin: 13% auto auto;
  z-index: 999;
  flex-flow: row nowrap;
  justify-content: space-around;
}
#loaders .loader {
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-style: solid;
  -webkit-animation: loader 800ms infinite linear;
  -moz-animation: loader 800ms infinite linear;
  -ms-animation: loader 800ms infinite linear;
  -o-animation: loader 800ms infinite linear;
  animation: loader 800ms infinite linear;
}
#loaders .loader.spin {
  border-width: 1px 1px 2px;
  border-color: #812c89;
  box-shadow: 0 2px #812c89;
}

.loaders {
  width: 50px;
  height: 50px;
  margin: 13% auto auto;
  z-index: 999;
  flex-flow: row nowrap;
  justify-content: space-around;
}
.loaders .loader {
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-style: solid;
  -webkit-animation: loader 800ms infinite linear;
  -moz-animation: loader 800ms infinite linear;
  -ms-animation: loader 800ms infinite linear;
  -o-animation: loader 800ms infinite linear;
  animation: loader 800ms infinite linear;
}
.loaders .loader.spin {
  border-width: 1px 1px 2px;
  border-color: #812c89;
  box-shadow: 0 2px #812c89;
}

@-webkit-keyframes loader {
  to {
    transform: rotate(360deg);
  }
}
@-moz-keyframes loader {
  to {
    transform: rotate(360deg);
  }
}
@-ms-keyframes loader {
  to {
    transform: rotate(360deg);
  }
}
@-o-keyframes loader {
  to {
    transform: rotate(360deg);
  }
}
@keyframes loader {
  to {
    transform: rotate(360deg);
  }
}

.loading {
	border-bottom:6px solid rgba(129, 43, 138, .4);
	border-left:6px solid rgba(129, 43, 138, .4);
	border-right:6px solid rgba(129, 43, 138, .4);
	border-top:6px solid rgba(129, 43, 138, .9);
	/*border-radius*/
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
			border-radius:100%;
	height:50px;
	width:50px;
	/*animation*/
	-webkit-animation:rot .6s infinite linear;
	   -moz-animation:rot .6s infinite linear;
		-ms-animation:rot .6s infinite linear;
		 -o-animation:rot .6s infinite linear;
			animation:rot .6s infinite linear;
	margin:0 auto;
}

@keyframes rot{
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(359deg);
	}
}

#container-games-played {
	margin-top: 15px;
}

.targetDailyTt {
	float: left; 
	width: 100%; 
	text-align: center; 
	font-size: 1em; 
	padding: 0 15px; 
	position: relative;
	margin-top: -30px;
	margin-bottom: 10px;
}

#gamesPlayedCount {
	text-align: center; 
	font-size: 4em; 
	padding: 20px 0;
	height: 126px;
	float: left;
}

.gamesPlayedText {
	float: left;
    font-size: 1em;
    height: auto;
    line-height: 1em;
    text-align: center;
}

#playedPieBox, #walkingMenBox {
	float: left;
}

#welcomeCol .bg-row-dashboard, #articleBlogBox .bg-row-dashboard {
	height: 210px;
}

#playedPieBox .bg-row-dashboard, #walkingMenBox .bg-row-dashboard {
	height: 320px;
}

#container-played {
	height: 200px !important;
}

#trainingGoalBox .bg-row-dashboard {
	height: 210px;
}

.outerGoalPie {
	float: left; 

	width: 100%; 
	height: auto;
/*
	height: 210px; 
*/
	position: relative;
	border-right: 1px solid #d1d1d1;
}

.innerGoalPieText {
	position: absolute;
	top: 81px;
	line-height: 30px;
	left: 0;
	color: #cccccc;
	font-size: 28px;
	font-weight: bold;
	width: 100%;
	height: 30px;
	text-align: center;
}

.progressChart{
    min-height: 200px;
}

.goal-reached {
	background-image: url(https://storage.googleapis.com/breyno-cdn/img/svg/goalreached.svg) no-repeat;
	background-size: cover;
}

.goalTextMessageDiv {
	text-align: center;
}
#arrowRightSvg {
	position: absolute;
	top: 14px; 
	right: 0;
	bottom: 0;
	width: 34px;
	height: 210px;
}

#recGameBox .bg-row-dashboard {
	height: 545px;
}

select.bg-title-select {
	width: auto;
	height: 28px;
	position: relative;
	margin: auto;
	font-size: 16px;
	padding: 2px 5px;
	display: inline;
	font-weight: bold;
}

.bg-row-dashboard .bg-dashboard-title {
	margin: 0;
	padding-top: 5px;
	height: 47px;
	text-align: center;
	border-bottom: 1px solid #D1D1D1;
	padding: 0x 0 10px 0;
}

.bg-row-dashboard .bg-dashboard-title .bg-dashboard-title-inner {
	top: 2px;
	position: relative;
	display: inline;
}

.bg-row-dashboard .bg-dashboard-content {
	border-top: 1px solid #fff;
}

.bg-row-dashboard .bg-dashboard-title .infoPopup {
	font-size: 22px;
	top: 5px;
}

#gameSliderDiv .bg-row-dashboard {
	height: 275px;
}

@media (max-width:1200px) {
    .navbar-nav>li>a {
        padding: 15px 10px;
    }

    .empower li {
        text-align: left;
        font-size: .8em;
    }

    .empower h4 {
        font-size: 0.9em;
    }

    footer {
        padding: 10px;
    }

    footer a {
        padding: 0 10px;
    }
	
	.bg-pro-article {
		font-size: 0.8em;
	}

	.dailyReminderForm .dailyReminderDashboardExpl {
		font-size: 0.8em;
	}	
}

@media (max-width:1024px) {
	.catContentRow {
		padding: 0 !important;
	}
	
	.certificateRow .glyphicons {
		top: 0 !important;
	}
	
	
}

@media (max-width:992px) {
	#playedPieBox, #walkingMenBox {
		padding: 0 !important;
	}	
	
	#recGameBox .bg-row-dashboard {
		height: 655px;
	}
	
	#recGameBox .sliderOuter {
		margin-top: 35px;
	}
	
	.container {
		width: 100%;
	}
	
    .navbar-collapse {
        padding-left: 0;
    }

    .dropdown-select {
        margin: 0;
        padding: 3px 0;
        height: 25px;
        line-height: 12px;
        font-size: 12px;
        width: 160%;
    }

    .dropdown:before,.dropdown:after {
        /*content: '';*/
        position: absolute;
        z-index: 2;
        top: 7px;
        right: 8px;
        width: 0;
        height: 0;
        border: 2px dashed;
    }

    .dropdown:after {
        margin-top: 5px;
    }

    header .btn-primary, 
	header .btn-default {
        padding: 5px 10px;
		font-size: 0.7em;
    }

    .empower li.Breynocheckmark {
        font-size: 1.2em;
        padding-left: 40px;
        margin-left: 0;
    }

    .empower h4 {
        font-size: .7em;
    }

    .panel blockquote {
        border-left: 0;
        margin: 0;
        padding: 0;
        font-size: .9em;
    }
	
	.mainMenu  {
		margin-left: 10px;
		padding-right: 0;
	}
	
	.mainMenu .nav-normal-menu {
		width: auto;
	}
	
	.mainMenu .nav-normal-menu li {
		min-width: 43px;
	}
	
	.mainMenu .nav-normal-menu li a {
		font-size: 0.8em;
	}
	
	#bfiDiv {
		padding-left: 0px !important;
	}
	
	#leftColDash {
		padding-left: 0 !important;
	}
	
	.categoryGauges {
		padding: 0px 20px;
	}
	
	.badgeProgressOveral {
		width: 30%;
	}
	
	.bg-pro-article {
		font-size: 0.7em;
	}
	
	.dailyReminderForm .dailyReminderDashboardExpl {
		font-size: 1em;
	}
	
	#bg-filter .introFilterText h2 {
		font-size: 20px;
	}
	
	#bg-filter .introFilterText p {
		font-size: 12px;
	}
}

@media (max-width: 992px) and (min-width: 787px) {
	.containerGamesOuterPadding {
		width: 760px;
	}
}

@media (max-height:750px) and (min-height:700px) {
	#bg-game-area {
		max-height: 630px;
		max-width: 630px;
		margin: auto;
	}
	
	#bg-info-area .bg-row-small {
		margin-top: 0;
	}
	
	.containerGameMobile {
		margin-top: 60px;
	}
}
@media (max-height:700px) and (min-height:650px) {
	#bg-game-area {
		max-height: 580px;
		max-width: 580px;
		margin: auto;
	}
	
	#bg-info-area .bg-row-small {
		margin-top: 0;
	}
	
	.containerGameMobile {
		margin-top: 60px;
	}
}
@media (max-height:650px) and (min-height:600px) {
	#bg-game-area {
		max-height: 530px;
		max-width: 530px;
		margin: auto;
	}
	
	#bg-info-area .bg-row-small {
		margin-top: 0;
	}
	
	.containerGameMobile {
		margin-top: 60px;
	}
}
@media (max-height:600px) and (min-height:550px) {
	#bg-game-area {
		max-height: 480px;
		max-width: 480px;
		margin: auto;
	}
	
	#bg-info-area .bg-row-small {
		margin-top: 0;
	}
	
	.containerGameMobile {
		margin-top: 60px;
	}
}
@media (max-height:550px) and (min-height:500px) {
	#bg-game-area {
		max-height: 430px;
		max-width: 430px;
		margin: auto;
	}
	
	#bg-info-area .bg-row-small {
		margin-top: 0;
	}
	
	.containerGameMobile {
		margin-top: 60px;
	}
}
@media (max-height:500px) and (min-height:450px) {
	#bg-game-area {
		max-height: 380px;
		max-width: 380px;
		margin: auto;
	}
	
	#bg-info-area .bg-row-small {
		margin-top: 0;
	}
	
	.containerGameMobile {
		margin-top: 60px;
	}
}
@media (max-height:450px) and (min-height:400px) {
	#bg-game-area {
		max-height: 330px;
		max-width: 330px;
		margin: auto;
	}
	
	#bg-info-area .bg-row-small {
		margin-top: 0;
	}
	
	.containerGameMobile {
		margin-top: 60px;
	}
}

@media (max-height:400px) and (min-height:350px) {
	#bg-game-area {
		max-height: 300px;
		max-width: 300px;
		margin: auto;
	}
	
	#bg-info-area .bg-row-small {
		margin-top: 0;
	}
	
	.containerGameMobile {
		margin-top: 60px;
	}
}

@media (max-height:300px) and (min-height:250px) {
	#bg-game-area {
		max-height: 230px;
		max-width: 230px;
		margin: auto !important;
	}
	
	#bg-info-area .bg-row-small {
		margin-top: 0;
	}
	
	.containerGameMobile {
		margin-top: 60px;
	}
}

@media (max-height:800px) and (max-width:600px) and (min-height:600px) and (min-width:550px) {
	.bg-game-block {
		width: 276px;
		height: 144px;
	}
	
	.bg-game-block-info {
		width: 133px;
		height: 133px;
	}
	
	.bg-game-block-img-outer {
		width: 133px;
		height: 133px;
	}
}

@media (max-width:800px) and (max-height:600px) and (min-width:768px) and (min-height:400px) {
	.bg-game-block {
		width: 245px;
		height: 128px;
	}
	
	.bg-game-block-info {
		width: 118px;
		height: 118px;
	}
	
	.bg-game-block-img-outer {
		width: 118px;
		height: 118px;
	}

	.bg-game-block-info h5 {
		font-size: 1.2em;
		margin-top: 15px;
	}
	
	.bg-game-block-info ul {
		bottom: 5px;
	}
	
	.bg-game-block-info .slidingPanel {
		font-size: 4em;
	}
	
	#bg-info-area  .bg-row-small {
		margin-top: 0;
	}
	
	#bg-info-area  .bg-row-small h2{
		font-size: 1.4em;
	}
	
	div.bg-game-improvements-list ul {
		font-size: 0.8em;
	}
	
	#bg-info-area .lastTxt, #bg-info-area .firstTxt {
		float: left;
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
		text-align: center;
	}
	
	.feedback-item .bg-profile-thumb {
		display: none;
	}
	
	.feedback-item .feedback-info {
		width: 100% !important;
		padding-left: 10px;
	}
	
	.bg-feedback-author {
		font-size: 1em;
		text-overflow: ellipsis;
	}	
	
	#bg-filter .introFilterText p {
		font-size: 12px;
	}
}

@media (min-width:768px) and (max-width:1024px)  {
    .Breynocontent {
        padding-left: 0;
        padding-right: 0;
    }
	
	div.bg-item-title {
		font-size: 0.8em;
	}
	
	div.bg-item-description {
		max-height: 100px;
	}
	
	.tagline {
		font-size: 1.6em;
	}
	
	#upgradeTrigger {
		font-size: 0.8em;
	}
	
	#ipadCheck {
		display: block !important;
	}
	
	.dashboardNav h5 {
		font-size: 0.8em;
	}
	
	.dashboardNav h4 {
		font-size: 1em;
	}
	
	#container-bfi {
		width: 80% !important;
	}
}

@media (min-width: 768px) {
	.vertical-center {
		display: flex;
		align-items: center;
	}
}

@media (min-width:768px) and (max-width:991px) {
	#timePlayedDiv .bg-row-dashboard {
		height: 321px !important;
	}
	
	#bfiDiv .bg-row-dashboard {
		height: 275px !important;
	}
	
	.categoryGauges {
		padding: 0 5px;
	}
	
	#container-bfi {
		width: 65% !important;
	}
	
	.categoryGauges {
		height: 140px !important;
	}
}

@media (min-width:768px) and (max-width:991px) and (min-height:768px) and (max-height:1024px) {
	#timePlayedDiv .bg-row-dashboard {
		height: 321px !important;
	}
	
	#bfiDiv .bg-row-dashboard {
		height: 275px !important;
	}
	
	.categoryGauges {
		padding: 0 5px;
	}
	
	#container-bfi {
		width: 65% !important;
	}
}

@media (max-width: 767px) and (min-width: 520px) {
	.containerGamesOuterPadding {
		width: 500px;
	}
}

@media (max-width:768px) and (max-height:928px) {
	.mainMenu .nav-normal-menu li {
		width: 60px;
	}
	
	.mainMenu .nav-normal-menu li a {
		font-size: 14px;
	}
	
	.logopadding a {
		width: 95% !important;
	}
}

.gamesPlayedInfoText{
	font-size: 70px;
	padding: 0;
}

@media (max-width:767px) {
	.cake-sql-log {
		display: none;
	}

	.gamesPlayedInfoText{
		font-size: 55px;
	}
	
	.bg-svg-logo {
		max-width: 175px;
	}
	
	.dailyReminderForm .form-group, .dailyReminderForm .dailyReminderButtons {
		width: 100%;
	}
	
	.dailyReminderForm .dailyReminderButtons {
		margin-top: 0;
		margin-bottom: 10px;
	}
	
	.dailyReminderForm .dailyReminderDashboardExpl {
		padding: 0 10px ;
		text-align: center;
	}
	    
    .fancybox-wrap {
		width: 90% !important;
		/*height: 100% !important;*/
	}
    
    .fancybox-skin, .fancybox-inner, .fancybox-outer {
		width: 100% !important;
		/*height: 100% !important;*/
	}
	
    .fancybox-image{
        width:auto !important;
        margin:0 auto !important;
    }
    
	.container {
		margin-top: 60px;
		padding: 0;
	}

	#feedbackTab {
		display: none;
	}
	#feedbackTab #feedbackInner {
		max-width: 200px;
	}

	.sliderRow .bg-header h4 {
		font-size: 1.4em;
	}
    
	.bg-game-block-info h5 {
		margin-top: 15px;
		font-size: 1.2em;
	}
	
	nav {
        margin-right: 0;
    }

	#bg-game-results .btn-succes {
		font-size: 1em;
		padding: 20px 30px;
	}
	
	#bg-game-results h2 {
		margin-top: 10px;
	}
	
    .logo {
        width: 70%;
        max-width: 200px;
        min-width: 100px;
        padding-top: 6px;
    }

    .btn-info {
        float: left;
        width: 95%;
        margin: 0 2.5%;
    }

    h2.tagline {
        font-size: 1.6em;
        width: 100%;
        text-align: center;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 0;
    }

    .Breynocontent h2 {
        font-size: 2em;
    }

    .btn-primary-padding {
        margin-top: 25px;
    }

    footer {
        margin-top: 10px;
    }

    footer a {
        float: left;
        width: 100%;
        line-height: 2.2em;
    }
	.accountDiv {
		position: absolute;
		top: 2px;
		right: 5px;
		z-index: 99999998;
	}
	
	.bg-account-mobile {
		position: absolute;
		z-index: 99999999;
		top: 0;
		right: 0;
	}
	
	.mainMenu {
		padding-right: 0;
	}
	.mainMenu span.bg-email {
		padding-top: 12px;
		float: left;
	}
	#languageUl {
		float: left;
		width: 100%;
	}
	#languageUl li {
		float: right;
		width: auto;
	}
	
	#languageUl li img {
		padding: 0;
	}
	.profileLiItem { 
		float: left;
		width: 100%;
	}
	.profileLiItem:hover, .mainMenu a:hover {
		background: #e9e8d5 !important;
	}
	.languageProfileLiItem:hover {
		background: none !important;
	}
	.profileLiItem a {
		padding: 5px 10px !important;
	}
	.profileLiItem .glyphicon,
	.profileLiItem .glyphicons {
		top: 3px;
	}
	.profileFirst {
		border-bottom: 1px solid #4a4a40;
		padding-bottom: 5px;
		cursor: default;
	}
	.profileFirst :hover {
		background: none !important;
		cursor: default !important;
	}
	/**dashboard tabs**/
	.dashboardTabs, .mobileTabProgress{
		width: 49%;
		float: left;
	}
	
	.mobileTabProgress {
		border-left: 1px solid #4A4A40;
		margin: 10px 0;
		float: right;
		text-align: left;
		padding: 0 10px;
	}
	
	.progressSubMenu {
		float: left;
		height: auto;
		padding: 0;
	}
	
	.progressSubMenu li:hover {
		background: #E9E8D5;
	}
	
	.tabItemProgress {
		border-bottom: 1px solid #4A4A40;
		padding-bottom: 5px;
		margin-bottom: 5px;
		width: 100%;
		float: left;
	}
	
	.tabItemProgress a:hover, .progressSubMenu a:hover{
		text-decoration: none;
	}
	
	
	.expselect {
		float: left;
		margin-bottom: 10px;
		/*padding: 0;*/
	}

	#col-cvv {
		float: left;
	}
	
	select.bg-date-select {
		width: 100%;
	}
	.btn-primary {
		font-size: 1em;
	}
	
	.mobileGameScaler {
		padding: 0; 
		margin: 0 -15px;
		display: inline-block;
	}
	.mobileGameScalerOld {
		height: 550px;
	}
	
	.bg-game-area {
		margin-bottom: 15px;
	}
	
	.workoutGameList .col-xs-12 {
		float: left;
	}
	
	.workoutGameList .arrowSpacer {
		background: url('https://storage.googleapis.com/breyno-cdn/img/workoutArrowDown.png') no-repeat;
		background-size: 90px 50px;
		min-height: 50px;
		padding: 0;
		background-position: center;
	}
	
	div.bg-item-description {
		max-height: 46px;
	}
	
	/**badges style for mobile**/
	.badgesContent {
		padding: 0 !important;
		margin: 0 !important;
	}
	
	.badgesContent .row {
		padding: 0 !important;
	}
	
	#gradualProgress,
	#normalProgress {
		width: 40%;
		margin-right: 2%;
	}
	
	#gradualProgress .progressBar,
	#normalProgress .progressBar {
		width: 60%;
	}
	
	#gradualProgress .numbers,
	#normalProgress .numbers {
		width: 30%;
	}
	
	.toggleBadges   {
		display: none;
	}
	
	.badgesContent div.bg-badge {
		margin-right: 0;
		position: relative;
		float: none;
	}
	
	.desktopBreak {
		display: none;
	}
	
	#leftColDash {
		text-align: center;
		background: none #fff !important;
	}
	
	#leftColDash div {
		background: none #fff !important;
	}
	
	#welcomeCol .bg-row-dashboard {
		height: auto;
	}
	
	#bfiDiv2 {
		border-right: 1px solid #dbdbdb;
	}
	
	#playtimeDiv {
		border-left: 1px solid #fff;
	}
	
	#bfiDiv2 .bg-row-dashboard, #playtimeDiv .bg-row-dashboard {
		height: 200px;
	}
	
	.bg-row-category {
		height: auto;
	}
	
	#welcomeCol .welcome {
		text-align: center;
		font-size: 1.6em;
		padding-bottom: 10px;
	}
	
	#bfiDiv2 h4, #playtimeDiv h4 {
		padding: 20px 10% 0px;
		font-size: 0.8em;
		height: 4em;
	}
	
	.dashboardNavActive {
		background: #fff;
	}
	
	.bg-row-dashboard .catH4 {
		margin-top: 5px;
	}
	
	hr.top {
		margin-top: 0;
	}
	
	hr.bottom {
		margin-bottom: 0;
	}
	
	/*.bg-row-dashboard {
		margin-top: 0;
		box-shadow: none;
		border-radius: none;
		-moz-border-radius: none;
		-webkit-border-radius: none;
	}*/
	
	.categoryGauges {
		width: 33.3333% !important;
	}
	
	.filterItem {
		padding-right: 0;
	}
	
	.filterItem .filterText {
		font-size: 0.8em;
	}
	
	/** GAME BLOCK CSS **/
	.bg-game-block {
		margin: auto !important;
	}
	
	#bg-filter {
		height: auto;
	}
	
	.bg-filter-inner div{
		padding: 0 10px !important;
	}
	
	#bg-filter .introFilterText p {
		font-size: 12px;
	}

	/** GAME PAGE CSS **/
	#bg-game-area {
		max-width: auto;
		max-height: auto;
	}
	
	#bg-game-area, #bg-game-inner-area, #bg-info-area{
		padding: 0;
		margin: 0;
	}
	
	#bg-game-area .bg-row-small {
		margin-top: 0;
		box-shadow: none;
		border-radius: none;
		-moz-border-radius: none;
		-webkit-border-radius: none;
		background: none;
	}
	
	#bg-info-area .bg-row-small {
		margin: 0;
		padding: 0;
		margin-top: 0;
		box-shadow: none;
		border-radius: none;
		-moz-border-radius: none;
		-webkit-border-radius: none;
		background: none;
	}
	
	#bg-info-area .row .col-xs-7 {
		border-right: 1px solid #dddcdc;
		border-radius: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		
	}
	
	.bg-info-data span {
		padding: 0;
		margin: 0;
		width: 100%; 
		text-align: center;
	}
	
	.containerGameMobile {
		margin-top: 0 !important;
	}
	
	#bg-game-results,
	#bg-game-results .col-xs-12 {
		padding: 0;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		box-shadow: none;
		background: none;
	}
	
	#bg-game-results .col-xs-12 {
		text-align: center;
	}
	
	header {
		height: 44px;
	}
	
	.accountDiv {
		margin-top: 0;
	}
	
	.navbar, .navbar .mainMenu, .mainMenu .nav-normal-menu li {
		height: 44px !important;
	}
	
	#mobileMenu, #mobileMenuLoggedOut {
		top: 44px;
	}
	
	.mainMenu .nav-normal-menu li a {
		padding: 12px 0;
	}
	
	.mainMenu .nav-normal-menu li.active a, .mainMenu .nav-normal-menu li.active:hover a {
		padding: 12px 0 8px;
	}
	
	.mainMenu .nav-normal-menu li:hover a {
		padding: 12px 0 8px;
	}
	
	.container {
		margin-top: 44px;
	}
	
	#upgradeTrigger {
		margin-top: 0;
	}
	
	.logopadding {
		height: 44px;
		padding-left: 7px;
	}
	
	#bg-filter {
		top: 44px !important;
	}
	
	.bg-info-data-mobile div.bg-game-improvements-list ul {
		font-size: 18px;
	}
	
	.dashboardNav h5, .dashboardNav h4 {
		font-size: 0.75em;
	}
	
	.categoryGauges {
		padding: 0 !important;
	}
	
	.resultInfo {
		font-size: 1em;
	}
	
	#bg-your-game-answser-time, #bg-your-game-accuracy, #bg-your-game-score {
		font-size: 1em;
	}
	
	.resultInfo .glyphicons {
		top: 0 !important;
	}
	
	.resultInfo .col-xs-7 {
		padding-right: 0;
	}
	
	.resultInfo .col-xs-5 {
		padding-left: 0;
	}
	
	.infoListRow {
		padding: 0 10px !important;
	}
	
	.infoListRow p {
		padding: 10px 0 0 0;
		font-size: 0.8em;
	}
}

@media (max-width:766px) AND (min-width:640px) {
	nav {
        margin-right: 0;
    }

	.bg-game-block-info h5 {
		margin-top: 25px;
		font-size: 1.4em;
	}
	
	.empower li.Breynocheckmark {
        font-size: 1em;
        padding-left: 40px;
        margin-left: 0;
    }

    .navbar-toggle {
        background: 4F46E5;
        margin-right: 0;
    }

    .icon-bar {
        background: #fff;
    }

    .empower h2 {
        float: left;
        width: 100%;
        text-align: left;
        margin-bottom: 20px;
    }

    .empower h4 {
        text-align: left;
    }

    .logo {
        width: 40%;
        max-width: 300px;
        min-width: 200px;
    }

    .panel h2 {
        font-size: 1.1em;
    }

    .panel p {
        font-size: .8em;
    }
	
	.mainMenu  {
		margin-left: 10px;
	}
	
	.mainMenu .nav-normal-menu {
		width: 100%;
	}
	
	.mainMenu .nav-normal-menu li {
		width: 20%;
	}
	
	.mainMenu .nav-normal-menu li a {
		font-size: 0.8em;
	}
	
	#bg-info-area .bg-row-small h2 {
		font-size: 1em;
	}
	
	div.bg-game-improvements-list li {
		font-size: 0.8em;
	}
	
	.bg-feedback-list h3 {
		font-size: 1.2em;
	}
	
	#bfiDiv {
		padding-left: 0 !important;
	}
	
	.previousRecGame, .nextRecGame {
		font-size: 24px;
	}
	
	.compareDiv {
		min-height: 265px !important;
		height: auto !important;
	}
	
	#stickmenList li {
		line-height: 35px;
	}
	
	#leftColDash {
		padding-left: 0 !important;
	}
	
	.bg-game-block-info ul {
		height: 43px;
		bottom: 5px;
	}
	
	.bg-game-block-info ul li {
		font-size: 12px;
		line-height: 14px;
	}
	
	.bg-game-block-img-outer img.catArrow {
		bottom: 8px;
	}
	
	.categoryGauges {
		padding: 0px;
	}
	
	#dash-games-played {
		min-height: 255px !important;
	}
	
	#container-category, #container-bfi, #container-playtime {
		width: 80% !important;
	}
	
	.targetDailyTt {
		font-size: 1em; 
		margin-top: -20px;
	}
	
	.bg-game-block-info .slidingPanel {
		font-size: 4em;
		padding-top: 20px;
	} 
	
	.catContentRow .col-xs-2 {
		display: none !important;
	}
	
	.catContentRow .categoryGauges {
		width: 20% !important;
		padding: 0 !important;
	}
}

@media (max-width:640px) {
	
	.bg-game-block-info h5 {
		margin-top: 25px;
		font-size: 1.4em;
	}
}

@media (max-width:640px) AND (min-width:480px) {
	#leftColDash {
		padding: 0;
	}
	
	.mainMenu .navbar-nav {
		width: 25%;
		float: left;
	}
	
	#bfiDiv2 {
		padding-left: 0;
	}
	
	#playtimeDiv {
		padding: 0;
	}
	
	#container-games-played {
		margin-bottom: 40px;
	}
	
	.catContentRow .col-xs-2 {
		display: none !important;
	}
	
	.categoryGauges {
		width: 20% !important;
	}
}

@media (max-width:640px) AND (max-height:300px) {
	#bg-filter {
		padding: 15px 0;
	}
	
	.mainMenu .navbar-nav {
		width: 25%;
		float: left;
	}
	
	.bg-filter-inner .filterItem  {
		width: 33.333%;
	}
	

}

@media (max-width:480px) and (min-width:420px){
	.badgeProgressOveral {
		display: none;
	}

	.logopadding a {
		width: 80% !important;
	}
	
	.logopadding {
		height: 44px;
		padding-left: 7px;
	}
	
	.bg-row-dashboard .catContentRow .categoryGauges {
		padding: 0 15px;
	}
	
	.mainMenu .navbar-nav {
		width: 25%;
		float: left;
	}
	
	.resultInfo {
		font-size: 1em;
	}
	
	#bg-your-game-answser-time, #bg-your-game-accuracy, #bg-your-game-score {
		font-size: 1em;
	}
	
	.resultInfo .col-xs-7 {
		padding-right: 0;
	}
	
	.resultInfo .col-xs-5 {
		padding-left: 0;
	}
	
	.gamesContainer {
		width: 100%;
	}
	
	.bg-game-block-new {
		display: block; /* shrink to fit */
		position: relative;    /* so .content can use position: absolute */
		margin: auto;
		padding: 0;
		height: 289px;
		border: none;
		box-shadow: 0px 1px 2px rgba(0,0,0,0.23);
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		text-align: center;
		background: #f8f8f8;
		overflow: hidden;
	}
	.bg-game-block-new.no-stats{
		height: 254px;
	}

	.bg-game-block-new .bg-game-block-bottom-part .bg-game-block-click-circle svg {
		height: 15px;
	}
	
	span.premium-hover-text {
		font-size: 10px;
	}
	
	.gamesContainer .bg-game-block-new {
		width: 175px;
	}

	.bg-game-block-new .bg-game-block-top-titles {
		margin-bottom: 10px;
	}

	.bg-game-block-new .bg-game-block-top-titles .bg-game-block-imp-title, .bg-blog-excerpt .bg-blog-imp-title {
		font-size: 16px;
		padding: 8px 0 6px 0;
	}
	
	.bg-game-block-new .bg-game-block-bottom-part {
		height: 42px;
	}
	
	.bg-game-block-new .bg-game-block-bottom-part .bg-game-block-game-title {
		font-size: 12px;
		/*font-weight: bold;*/
		width: 110px;
		padding: 9px 0;
	}
	
	.bg-game-block-new .bg-game-block-bottom-part .bg-game-block-click-circle {
		width: 25px;
		height: 25px;
		margin-right: 5px;
	}
	
	.bg-game-block-new .bg-game-block-bottom-part .bg-game-block-click-circle img {
		width: 10px;
		height: 10px;
		margin-left: 2px;
		margin-top: -1px;
	}
	
	.bg-game-block-new .bg-game-block-img-outer img {
		width: 120px;
	}
}

@media (max-width:768px) {
	#welcomeCol, #widthForExtraInfo, #playedPieBox, #walkingMenBox {
		padding: 0 !important;
		float: left;
	}
	
	#playedPieBox, #walkingMenBox {
		border-bottom: 1px solid #d1d1d1;
	}

	#stickmenList li .bfiStickmen {
		width: 100% !important;
		padding: 0 15px !important;
	}
	
	.outerGoalPie, #svgImagingGraph {
		width: 100% !important;
		max-height: 250px !important;
	}
	
	.outerGoalPie {
		border: none;
		border-bottom: 1px solid #d1d1d1;
	}
	
	#trainingGoalBox .bg-dashboard-content,
	#trainingGoalBox .bg-row-dashboard {
		max-height: none !important;
		height: 100% !important;
	}
	
	.goalTextMessageDiv {
		width: 100% !important;
		border: none;
		border-bottom: 1px solid #d1d1d1;
	}
	
	.goalTextMessageDiv h2 {
		margin-top: 15px !important;
	}

	.bg-game-block-new .bg-game-statistics-bottom-attachment .bg-game-statistics-bottom-attachment-stats {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 25px;
		padding-top: 7px;
		font-size: 11px;
	}
	.bg-game-block-new .bg-game-statistics-bottom-attachment .bg-test2-statistics-bottom-attachment-stats {
		position: absolute;
		bottom: 17px;
		left: 0;
		right: 0;
		height: 25px;
		padding-top: 7px;
		font-size: 11px;
	}
}

@media (max-width:420px) {
	.badgeProgressOveral {
		display: none;
	}
	
	#bg-filter {
		height: auto;
	}
	
	.bg-filter-inner div{
		padding: 0 10px !important;
	}
	
	.gamesContainer {
		width: 100%;
	}
	
	.bg-game-block-new {
		display: block; /* shrink to fit */
		position: relative;    /* so .content can use position: absolute */
		margin: auto;
		padding: 0;
		height: 239px;
		border: none;
		box-shadow: 0px 1px 2px rgba(0,0,0,0.23);
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		text-align: center;
		background: #f8f8f8;
		overflow: hidden;
	}
	.bg-game-block-new.no-stats{
		height: 196px;
	}
	
	.bg-game-block-new .bg-game-block-bottom-part .bg-game-block-click-circle svg {
		height: 15px;
	}

	span.premium-hover-text {
		font-size: 10px;
	}

	.gamesContainer .bg-game-block-new {
		width: 140px;
	}

	.bg-game-block-new .bg-game-block-top-titles {
		margin-bottom: 10px;
	}
	
	.bg-game-block-new .bg-game-block-top-titles .bg-game-block-cat-title span {
		font-size: 11px;
	}

	.bg-game-block-new .bg-game-block-top-titles .bg-game-block-imp-title, .bg-blog-excerpt .bg-blog-imp-title {
		font-size: 12px;
		padding: 8px 0 6px 0;
	}
	
	.bg-game-block-new .bg-game-block-bottom-part {
		height: 42px;
	}
	
	.bg-game-block-new .bg-game-block-bottom-part .bg-game-block-game-title {
		font-size: 12px;
		/*font-weight: bold;*/
		width: 110px;
		padding: 9px 0;
	}
	
	.bg-game-block-new .bg-game-block-bottom-part .bg-game-block-click-circle {
		width: 25px;
		height: 25px;
		margin-right: 5px;
	}
	
	.bg-game-block-new .bg-game-block-bottom-part .bg-game-block-click-circle img {
		width: 10px;
		height: 10px;
		margin-left: 2px;
		margin-top: -1px;
	}
	
	.bg-game-block-new .bg-game-block-img-outer img {
		width: 80px;
	}

	.bg-game-block-new .bg-game-statistics-bottom-attachment .bg-game-statistics-bottom-attachment-stats {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 25px;
		padding-top: 7px;
		font-size: 9px;
	}

	.bg-game-block-new .bg-game-statistics-bottom-attachment .bg-test2-statistics-bottom-attachment-stats {
		position: absolute;
		bottom: 17px;
		left: 0;
		right: 0;
		height: 25px;
		padding-top: 5px;
		font-size: 9px;
	}
}

@media (max-width:767px) {
	.languageSelect{
		margin-top: 0;
	}
}

@media (max-width:320px) {
	.badgeProgressOveral {
		display: none !important;
	}

	#feedbackTab {
		display: none;
	}
	
	#feedbackTab #feedbackInner {
		max-width: 200px;
	}

	.sliderRow .bg-header h4 {
		font-size: 1.2em;
	}
	
	.mainMenu {
		padding-right: 0;
	}	
	
	.mainMenu .navbar-nav {
		width: 25%;
		float: left;
	}
	.mainMenu span.bg-email {
		padding-top: 12px;
		float: left;
	}	
	#languageUl {
		float: left;
		width: 100%;
	}
	#languageUl li {
		float: right;
		width: auto;
	}
	
	#languageUl li img {
		padding: 0;
	}
	
	.profileLiItem { 
		float: left;
		width: 100%;
	}
	.profileLiItem:hover , .mainMenu a:hover {
		background: #e9e8d5 !important;
	}
	.languageProfileLiItem:hover {
		background: none !important;
	}
	.profileLiItem a {
		padding: 5px 10px !important;
	}
	.profileLiItem .glyphicon,
	.profileLiItem .glyphicons {
		top: 3px;
	}
	.profileFirst {
		border-bottom: 1px solid #4a4a40;
		padding-bottom: 5px;
		cursor: default;
	}
	.profileFirst:hover {
		background: none !important;
		cursor: default !important;
	}
	
	.expselect:last-child {
		padding-left: 0;
	}

	.expselect:first-child {
		padding-right: 0;
	}
	
	.expselect select {
		padding: 9px;
	}
	
	#col-cvv {
		float: left;
	}
	
	select.bg-date-select {
		width: 100%;
		margin-bottom: 5px;
	}
	.btn-primary {
		font-size: 1em;
	}
	
	.mobileGameScaler {
		padding: 0; 
		margin: 0 -15px;
		display: inline-block;
	}
	.mobileGameScalerOld {
		height: 450px;
	}
	
	.bg-game-area {
		margin-bottom: 15px;
	}
	
	.workoutGameList .col-xs-12 {
		float: left;
	}
	
	.workoutGameList .arrowSpacer {
		background: url('https://storage.googleapis.com/breyno-cdn/img/workoutArrowDown.png') no-repeat;
		background-size: 90px 50px;
		min-height: 50px;
		padding: 0;
		background-position: center;
	}
	
	div.bg-item-description {
		max-height: 46px;
	}
	
	/** DASHBOARD CSS **/
	#bfiDiv2 h4, #playtimeDiv h4 {
		padding: 30px 10% 0px;
		margin-bottom: 0;
	}

	.filterItem {
		padding-right: 0;
	}
	
	.filterItem .filterText {
		font-size: 0.8em;
	}
	
	.resultInfo {
		font-size: 1em;
	}
	
	#bg-your-game-answser-time, #bg-your-game-accuracy, #bg-your-game-score {
		font-size: 1em;
	}
	
	.resultInfo .col-xs-7 {
		padding-right: 0;
	}
	
	.resultInfo .col-xs-5 {
		padding-left: 0;
	}
	
	.certificateRow .glyphicons {
		top: 0 !important;
	}
	
	.resultInfo .glyphicons {
		top: 0 !important;
	}
	
	#bg-your-game-answser-time, #bg-your-game-accuracy, #bg-your-game-score {
		font-size: 0.8em;
	}
}

.results-table{
	width: 100%;
	border-top: 1px solid #dadada;
    margin-bottom: 25px;
}
.results-table, th, td {
	border-bottom: 1px solid #dadada;
    height: 30px;
    /*background: linear-gradient(90deg, lightblue 0%, lightblue 35%, #f9f9f9 40%);*/
}

.results-tabs:after { 
    content: " "; 
    display: block;
    clear: both;
} 

.cake-sql-log{
	font-size: 12px;
	line-height: 1;
}
.cake-sql-log td {
	padding: 4px 8px;
	text-align: left;
	font-family: Monaco, Consolas, "Courier New", monospaced;
}
#paragraph-container{
	width: 100%;
}

.notifyjs-bootstrap-base.notifyjs-bootstrap-Breyno-neuro{
	color: #4A4A40;
    background-color: #f9f9f9;
	border-color: 4F46E5;
	border-width: 2px;
	background-image: url('https://storage.googleapis.com/breyno-cdn/img/neuro-icon.png');
	padding: 10px 10px 10px 45px;
    background-size: 36px;
	background-position: 3px calc(100% - 50%);
	white-space: inherit;
	box-shadow: 0px 0px 10px #7d7d7d;
}

.notifyjs-bootstrap-base.notifyjs-bootstrap-Breyno-neuro-garden{
	color: #4A4A40;
    background-color: #f9f9f9;
	border-color: 4F46E5;
	border-width: 2px;
	background-image: url('https://storage.googleapis.com/breyno-cdn/img/svg/garden-icon.svg');
	padding: 10px 10px 10px 45px;
    background-size: 36px;
	background-position: 3px calc(100% - 50%);
	white-space: inherit;
	box-shadow: 0px 0px 10px #7d7d7d;
}
.notifyjs-referAFriendNotification-base.notifyjs-referAFriendNotification-Breyno-neuro-garden{
	color: #4A4A40;
    background-color: #f9f9f9;
	border-color: 4F46E5;
	border-width: 2px;
	background-image: url('https://storage.googleapis.com/breyno-cdn/img/svg/garden-icon.svg');
	padding: 10px 10px 10px 45px;
    background-size: 36px;
	background-position: 3px calc(100% - 50%);
	white-space: inherit;
	box-shadow: 0px 0px 10px #7d7d7d;
}

.notifyjs-corner{
	max-width: 600px;
}
.notifyjs-bootstrap-base{
	text-align: center;
}
.notifyjs-clickableNotification-base>.title{
	text-align: center;
}

.notifyjs-bootstrap-base{
	font-weight: bold;
	padding: 8px 15px 8px 14px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	white-space: nowrap;
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: 3px 7px;
	min-height: 36px;
	vertical-align: middle;
}

.notifyjs-bootstrap-base.notifyjs-bootstrap-Breyno-offer{
	color: #4A4A40;
    background-color: #f9f9f9;
	border-color: 4F46E5;
	border-width: 2px;
	background-image: url('https://storage.googleapis.com/breyno-cdn/img/neuro-icon.png');
	padding: 10px 10px 10px 44px;
    background-size: 35px;
    background-position: 10px calc(100% - 50%);
	white-space: inherit;
	box-shadow: 0px 0px 10px #7d7d7d;
}

.notifyjs-referAFriendNotification-base>.title{
	text-align: center;
}

.notifyjs-referAFriendNotification-base{
	font-weight: bold;
	padding: 8px 15px 8px 14px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	white-space: nowrap;
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: 3px 7px;
}

.notify-referAFriendButton,.notify-referAFriendButton:hover,.notify-referAFriendButton:active,.notify-referAFriendButton:focus{
	display: inline-block;
	background: #44B749;
	color: white;
	padding: 3px 10px;
    margin: 10px 15px 0 15px;
    border-style: solid;
    border-width: 2px;
    border-radius: 5px;
    font-size: 20px;
    text-decoration: none;
    -webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out;
	transition: background-color 0.2s ease-out, color 0.2s ease-out;
	font-weight: 400;
}

.notifyjs-referAFriendNotification-base.notifyjs-referAFriendNotification-Breyno-refer-a-friend{
	color: #4A4A40;
    background-color: #f9f9f9;
	border-color: 4F46E5;
	border-width: 2px;
	background-image: url('https://storage.googleapis.com/breyno-cdn/img/neuro-icon.png');
	padding: 10px 10px 10px 46px;
    background-size: 36px;
    background-position: 5px calc(100% - 50%);
	white-space: inherit;
	box-shadow: 0px 0px 10px #7d7d7d;
	text-shadow: none;
}

.notify-confirmButton{
	background: #44B749;
	color: white;
	padding: 3px 10px;
    margin: 10px 15px 0 15px;
    border-style: solid;
    border-width: 2px;
    border-radius: 5px;
    font-size: 20px;
    text-decoration: none;
    -webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out;
    transition: background-color 0.2s ease-out, color 0.2s ease-out;
}
.notify-confirmButton:focus{
	outline: 0;
}

.notify-cancelButton{
	background: #DC1F26;
	color: white;
	padding: 3px 10px;
    margin: 10px 15px 0 15px;
    border-style: solid;
    border-width: 2px;
    border-radius: 5px;
    font-size: 14px;
    text-decoration: none;
    -webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out;
    transition: background-color 0.2s ease-out, color 0.2s ease-out;
}
.notify-cancelButton:focus{
	outline: 0;
}

@media only screen and (max-width : 768px) {
	.notify-referAFriendButton,.notify-referAFriendButton:hover,.notify-referAFriendButton:active,.notify-referAFriendButton:focus{
		font-size: 16px;
		margin: 5px 10px 0 10px;
	}
	.notify-cancelButton{
		font-size: 12px;
		margin: 5px 10px 0 10px;
	}
	.notify-buttons{
		width: 100% !important;
	}
}

.notifyjs-bootstrap-base.notifyjs-bootstrap-Breyno-goal{
	color: #4A4A40;
    background-color: #f9f9f9;
	border-color: 4F46E5;
	border-width: 2px;
	background-image: url('https://storage.googleapis.com/breyno-cdn/img/improves-img.png');
	padding: 10px 10px 10px 45px;
    background-size: 36px;
	background-position: 3px calc(100% - 50%);
	white-space: inherit;
	box-shadow: 0px 0px 10px #7d7d7d;
}

.notify-buttons{
	text-align: center;
	width: 100%;
	width: calc(100% - 45px);
}
@media only screen and (max-width : 768px) {
	.notifyjs-bootstrap-base>span{
		font-size: 12px;
		line-height: 16px;
		display: inline-block;
	}
	.notifyjs-bootstrap-base.notifyjs-bootstrap-Breyno-goal{
		background-size: 28px;
		padding: 5px 5px 5px 32px;
	}
	.notifyjs-referAFriendNotification-base.notifyjs-referAFriendNotification-Breyno-refer-a-friend{
		background-size: 28px;
		padding: 5px 5px 5px 32px;
	}
	.notifyjs-referAFriendNotification-base, .notifyjs-referAFriendNotification-base>.title{
		font-size: 12px;
		line-height: 16px;
		display: inline-block;
	}
	.notifyjs-bootstrap-base.notifyjs-bootstrap-Breyno-neuro{
		background-size: 28px;
		padding: 5px 5px 5px 32px;
	}
	.notifyjs-bootstrap-base.notifyjs-bootstrap-Breyno-neuro-garden{
		background-size: 28px;
		padding: 5px 5px 5px 32px;
	}
	.notifyjs-referAFriendNotification-base.notifyjs-referAFriendNotification-Breyno-neuro-garden{
		background-size: 28px;
		padding: 5px 5px 5px 32px;
	}
}

#pe_confirm.pe-optin-2 { /* pushengage block */
	width: 100% !important;
}

.btn-fb-login, .btn-fb-login:hover, .btn-fb-login:active, .btn-fb-login:focus{
    background-color: #4267B2 !important;
    font-size: 1.75em;
    border-style: outset;
    border: #f9f9f9 1px solid;
    border-radius: 5px;
    outline-width: 0px;
    color: #f9f9f9;
    text-decoration: none;
    padding: 15px 10px;
    text-align: center;
    cursor: pointer;
}
.facebook-button-icon-image{
    display: inline-block;
    height: 1em;
    width: auto;
    margin-top: -5px;
    margin-right: 5px;
}

.header-arrow-down{
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTU0IDg2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNTQgODY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRkZGRkZGO308L3N0eWxlPjxnPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik03NS4zLDg2Yy0xLjksMC0zLjgtMC43LTUuMy0yLjJMMi40LDE2LjNjLTIuOS0yLjktMi45LTcuNywwLTEwLjZjMi45LTIuOSw3LjctMi45LDEwLjYsMGw2Mi4yLDYyLjJsNjUuNy02NS43YzIuOS0yLjksNy43LTIuOSwxMC42LDBjMi45LDIuOSwyLjksNy43LDAsMTAuNmwtNzEsNzFDNzkuMSw4NS4zLDc3LjIsODYsNzUuMyw4NnoiLz48L2c+PC9zdmc+');
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
	background-position: center;
	top: 0;
	float: right;
	width: 1em;
}
.header-arrow-up{
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTU0IDg2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNTQgODY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRkZGRkZGO308L3N0eWxlPjxnPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik03NS4zLDg2Yy0xLjksMC0zLjgtMC43LTUuMy0yLjJMMi40LDE2LjNjLTIuOS0yLjktMi45LTcuNywwLTEwLjZjMi45LTIuOSw3LjctMi45LDEwLjYsMGw2Mi4yLDYyLjJsNjUuNy02NS43YzIuOS0yLjksNy43LTIuOSwxMC42LDBjMi45LDIuOSwyLjksNy43LDAsMTAuNmwtNzEsNzFDNzkuMSw4NS4zLDc3LjIsODYsNzUuMyw4NnoiLz48L2c+PC9zdmc+');
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
	background-position: center;
	top: 0;
	float: right;
	width: 1em;
	transform: rotate(180deg);
}
.header-chevron-icon{
	width: 1em !important;
	height: 1em;
	position: absolute;
    top: 16px;
    right: 5px;
}
.infoPopup.glyphicons{
	color: #1d1d1b !important;
	padding: 0;
	top: 0 !important;
}
#paragraph-container>img{
	max-width: 100%;
	height: auto;
}
.form-horizontal .form-group{
	margin-left: 0;
	margin-right: 0;
}
.form-control.error{
	box-shadow: 0px 0px 3px 1px red inset;
}