body { font-size:100%; font-family:"neosans", serif; min-width:1024px; }

.fa { font-family: "FontAwesome";}

.strong { font-weight: bold;}

.debug { display:none !important; }
.ruler { display:block; position:fixed; top:0; left:0; right:0; z-index:99999; padding-top:0; border-bottom:1px dotted #aaa; text-align:center; color:#aaa; line-height:0; }
.ruler.h768px { top:768px; }
.ruler.h700px { top:700px; }

.debug-links { position:relative; width:0; height:0; }
.debug-links img { width:20px; height:20px; cursor:pointer; float:right; margin:-10px -10px 0 0; }
.debug-links h3 { margin:0; font-size:14px; }
.debug-links div { position:absolute; top:10px; left:10px; border:1px solid #666; background:#eee; padding:10px; }
.debug-links ul { padding-left:20px; font-size:11px; }
.debug-links span { cursor:pointer; text-decoration:underline; }

h1 { font-family: "neosans"; color:#1b3a46; font-size:42px; margin: 90px 0 80px; }
h3 { font-size:21px; }

input, select, option { color:#444; }

.hidden { display:none; }
.w1440 { width:1440px; }
.center { text-align:center; }

.m0auto { margin:0 auto; }
.m0 { margin:0 !important; }

.mr5 { margin-right:5px !important; }
.mr10 { margin-right:10px !important; }
.mr15 { margin-right:15px !important; }

.ml5 { margin-left:5px !important; }
.ml10 { margin-left:10px !important; }
.ml15 { margin-left:15px !important; }

.mt5 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }
.mt55 { margin-top:55px !important; }
.mt100 { margin-top:100px !important; }
.mt150 { margin-top:150px !important; }

.mb20 { margin-bottom:20px !important; }
.mb50 { margin-bottom:50px !important; }
.mb100 { margin-bottom:100px !important; }
.mb150 { margin-bottom:150px !important; }

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

.fl { float:left !important; }
.fr { float:right !important; }

.block { display:block; }
.inline-block { display:inline-block; }
.inline { display:inline; }

.f10 { font-size:10px; }
.f28 { font-size:28px; }

.page-content { min-height:550px; color:#6e767f; background:white; padding-bottom:0; /*z-index:2;*/ margin: 0 auto;   }
.body-tracking-container { overflow:hidden; height:1px; background:#163A4E; }

.game-training .concentration, .game-training .focus, .text h2.concentration , .text h2.focus, .memory .h2.game-heading, .concentration h2.game-heading   { color: #64d28f; }
 .game-training .memory, .text h2.memory, .memory h2.game-heading  { color:#a4248b; }
 .game-training .logic, .text h2.logic, .logic h2.game-heading  { color:#00d3ba; }
 .game-training .speed .text h2.speed, .speed h2.game-heading  { color:#ee5e2a; }
 .game-training .visual, .text h2.visual, .visual h2.game-heading  { color:#f94858; }
 .game-training .language, .text h2.language, .language h2.game-heading  { color:#fec200; }

.concentration a .text h2, .focus a .text h2 { color: #64d28f; }
.memory a .text h2  { color:#a4248b; }
.logic a .text h2 { color:#00d3ba; }
.speed a .text h2 { color:#ee5e2a; }
.visual a .text h2{ color:#f94858; }
.language a .text h2  { color:#fec200; }

#training h2.concentration, .concentration.bg-color, .new .concentration.bg-color { background-color:#64d28f; }
#training h2.memory, .memory.bg-color { background-color:#a4248b; }
#training h2.logic, .logic.bg-color  { background-color:#00d3ba; }
#training h2.speed, .speed.bg-color  { background-color:#ee5e2a; }
#training h2.visual, .visual.bg-color { background-color:#f94858; }
#training h2.language, .language.bg-color { background-color:#fec200; }

.new .game:hover .button, .concentration .game:hover .button, .memory .game:hover .button, .logic .game:hover .button,
.speed .game:hover .button, .visual .game:hover .button, .language .game:hover .button  { display: block;}

.concentration .game:hover, .new .concentration .game:hover{
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(100, 210, 143);
    /* RGBa with 0.6 opacity */
    background-color: rgba(100, 210, 143, 0.10);
}

.memory .game:hover{
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(164, 36, 139);
    /* RGBa with 0.6 opacity */
    background-color: rgba(164, 36, 139, 0.10);
}

.logic .game:hover{
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(0, 211, 186);
    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 211, 186, 0.10);
}


.speed .game:hover{
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(238, 94, 42);
    /* RGBa with 0.6 opacity */
    background-color: rgba(238, 94, 42, 0.10);
}

.visual .game:hover{
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(249, 72, 88);
    /* RGBa with 0.6 opacity */
    background-color: rgba(249, 72, 88, 0.10);
}

.language .game:hover{
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(294, 194, 0);
    /* RGBa with 0.6 opacity */
    background-color: rgba(94, 194, 0, 0.10);
}

.concentration .grey .game:hover, .memory .grey .game:hover, .logic .grey .game:hover, .speed .grey .game:hover,
.visual .grey .game:hover, .language .grey .game:hover, .new .grey .game:hover{
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(240, 240, 240);
    /* RGBa with 0.6ƒs opacity */
    background-color: rgba(240, 240, 240, 0.76);
}


.home-bg { /*position: fixed; */}

#stickyheader { width:100%; /*z-index:3;*/ z-index: 30; margin:0; padding:0; background:#FFFFFF; }

.header { color:#333; }
.header { background:#FFFFFF; font-size:21px; /*z-index:4; z-index: 32;*/ position:relative; margin-bottom:0; padding-bottom:0; }
.header.logged-in { border-bottom:4px solid #22E3E5; }
.header .fitbrains-logo { float:left; margin:16px 0 0 20px; }

.header .fitbrains-logo.small-screen { display:none; margin:16px 0 0 0; }

@media only screen and (max-width : 1200px)  {
    .header .fitbrains-logo.wide-screen { display:none; }
    .header .fitbrains-logo.small-screen { display:block; margin-left:5px; margin-top:25px; }
    .header .fitbrains-logo.small-screen img { height:60px; margin-top:-5px; }

    .header.no-user .container { float:left; }

    .header.no-user .navigation-links { float:left; margin-left:40px; }
    .header.no-user .navigation-links a { padding:0 30px; font-size:16px; }
}

.header .fitbrains-logo img { height:95px; width:auto; margin-top:-15px; }
.header-nav { height:112px; z-index:3; position:relative; background:#FFFFFF; }

.logo-img { background:url(/National_Library/oe_/https://www.fitbrains.com/i/logo/fb_logo_by_rosetta.png); }

.user-menu { float:right; position:relative; margin-right:20px; margin-top:22px; font-size:16px; z-index:9000; }
.user-menu > span { display:inline-block; padding:10px; border:1px solid #777; border-radius:3px; cursor:pointer; min-width:175px; }
.user-menu > span img { float:right; margin:5px 0 0 20px; }
.user-menu > span img.up { display:none; }
.user-menu .options { position:absolute; display:none; top:55px; left:0; right:0; }
.user-menu .options div { background:white; width:100%; padding:10px 0; height:20px; border-bottom:1px solid #ddd; font-size:16px; color:#163A4E; }
.user-menu .options div { box-shadow:5px 5px 10px rgba(200,200,200,0.75); }
.user-menu .options a { text-decoration:none; color:#163A4E; }
.user-menu .options a:hover { color:#245F80; }
.user-menu .options a:active { color:black; }
.user-menu .options img { float:left; margin:-3px 15px 0 10px; }
.user-menu .arrow-up {
	display:none; position:absolute; top:45px; left:45%;
	width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid white;
}

.header .container,
.header .navigation-links { float:right; text-transform:uppercase; }
.header.logged-in .navigation-links,
.header.logged-in .container{ float:none; }

.header .color-strip { background:url(/National_Library/oe_/https://www.fitbrains.com/i/bg/header_color_strip.png) no-repeat center; width:100%; height:4px; background-size: cover;}
.header.no-color-strip .color-strip { display:none; }

.banner-intro { position:fixed; top:0; left:0; width:100%; margin-bottom:200px; z-index:30; }
.banner-intro .colors { z-index: 40; position:relative; margin:0 auto; width:100%; min-width:1024px; max-width:1385px; height:472px; padding-top:10px; margin-top:20px; text-align:center; /*background:url(/National_Library/oe_/https://www.fitbrains.com/i/home/intro_background.jpg) center; */}
.banner-intro .colors h1 { display: inline-block; line-height:125%; font-family:"neosans_light"; font-size:24px; margin:4px 0; color: black; }
.banner-intro .colors p { font-family:"neosans", sans-serif; color: black; font-size:20px; margin:0 auto; margin-bottom:4px; width:700px; line-height:150%; }

.banner-intro .prime-text { line-height:125%; font-family:"neosans_light"; font-size:50px; margin:10px 0; color: black; }
.banner-intro .secondary-text { display: inline-block; line-height:125%; font-family:"neosans_light"; font-size:24px; margin:4px 0; color:black; font-weight:bold; }

.header-container.home { margin-top:685px; height:118px; }

.header.user.limited { min-height:103px; }
.header.user.limited.narrow { width:990px; margin:0 auto; }
.header.user .fitbrains-logo { float:left; margin:10px 0 0 20px; }
.header.user .container { float:none; }
.header.user .navigation-links { float:none; margin:0 auto; width:600px; }
.header.user .navigation-links span { border-bottom:none; }
.header.user .navigation-links a.selected { /*background:#F5F5F5; */}
.header.user .navigation-links a { height:86px; }

.navigation-links a { display:block; float:left; height:102px; padding:0 50px; margin:0; text-decoration:none; text-align:center; color:#666; font-family:"neosans_medium"; font-size:18px; }
.navigation-links .spacer { float:left; padding-top:42px; height:57px; }
.navigation-links .spacer span { border-right:1px solid #999; font-size:16px; margin:0; }
.navigation-links a img { margin-bottom:-3px; margin-right:2px; }
.navigation-links a.selected { color:#333; }
/* .navigation-links a:hover { background:#F5F5F5; } */
/*.navigation-links a:active { background:#F5F5F5; }*/
.navigation-links a.login.selected span span,
.navigation-links a.selected span { color:#34a4e7; padding-bottom:0; }
.navigation-links a:hover { text-decoration: none; }
.navigation-links a:visited { color:#edf8ff; }
.navigation-links a span { display:inline-block; margin-top:45px; color:#333; }
.header.user .navigation-links a span { margin-top:35px; }

.navigation-links a.login { height:auto; line-height:125%; padding:0 7px !important; margin:32px 10px 0 10px; }
.navigation-links a.start-training { width:162px; }
.navigation-links a.login span { padding:10px 0 5px 0; margin-top:0; font-size:14px; }

.header-bar { font-size:18px; padding:15px 0; text-align:center; border-bottom:4px solid #eee; }
.header-bar.legacy-user { background:#eee; color:#163A4E; }
.header-bar.legacy-user a:visited { color:#163A4E; }

.header-bar.suspended-user { background:#fc5a64; color:white; margin-top: 15px; }
.header-bar.suspended-user a:visited { color:white; }

.footer { margin-top:-1px; /*z-index:2;*/ z-index: 30; position:relative; height:146px; background-color:#fff; }
.footer .content { color:#333; padding:40px 0 0 0; }
.footer .content .logo { width:200px; margin-top:20px; }
/*.footer.user .logo-fb { border:none; }*/
.footer .logo-rst { margin-top:20px; }
.footer .links { margin:30px 0 0 0; }
.footer .links a { display:inline-block; padding:0 10px; border-right:1px solid #666; margin-bottom:20px; text-decoration:none; color:#555; font-size:16px; }
.footer .links a:first-child { padding-left:0; }
.footer .links a:last-child { border-right:none; }
.footer.user .links a { min-width:0; margin-right:0; }

.footer p { font-size:12px; text-align:center; margin-top:35px; }
/*.footer a:hover { color:#25DFDF; }*/
.footer .footer-navbar { background-color: #e6e9ed;}
.footer .nav-bar { margin:0; padding:30px; text-align: center;}

.footer .newsletter { float:right; text-align:right; margin-top:12px}
.footer .newsletter span { line-height:34px; font-size:18px; color:#555; margin-right:5px; }
.footer .newsletter div { float:right; border:1px solid #999; }
.footer .newsletter input[type="text"] { border:none; width:200px; height:25px; padding-left:10px; }
.footer .newsletter button { background:#244D5A; border:none; padding:5px 15px; height:30px; }

.footer .top,
.footer .bottom { padding:0 25px; }
.footer .bottom { padding:20px 25px; background:#ECC200; color:#333; font-size:18px; line-height:150%; font-weight:bold; font-family: "neoSans_light"; }
.footer .bottom span { display:inline-block; vertical-align:top; margin-right:20px; }
.footer .bottom .social { float:right; text-align:right; width:400px; }
.footer .bottom .social img { margin-top:0; }

.footer .bottom-wrap { width: 860px; margin: 0 auto; padding-right:  100px}

#games { margin-top:50px; }
#games h1 { font-family:"helveltica_md"; font-size: 24px; font-weight: normal; text-align: center; text-transform: capitalize; margin-top: 118px; margin-bottom: 73px; /*margin-top: 35px; margin-bottom: 35px; */}

#games .alpha { width: 100%;}

.sub-navigation { background:white; border:1px solid white; border-bottom:1px solid #ddd; height:70px; float: left; width: 100%; margin-top: 24px; }
.sub-navigation ul { margin:0; padding:0; }
.sub-navigation li { display:inline-block; margin-right:30px; height:38px; list-style: none; margin-top:32px; }
.sub-navigation li a { display:inline-block; font-size:16px; height:100%; color:#8b9199; text-decoration:none; font-family:"helveltica_md"; }
.sub-navigation li a:hover { cursor:pointer; border-bottom:3px solid #ddd; color:black; }
.sub-navigation li a.selected { border-bottom: 3px solid #0098db; font-weight:bold; color:#0e2128; }

.sub-navigation-game { background:white; border:1px solid white; margin-left:-200px; float:left; width:184px; position:fixed; top:171px; }
.sub-navigation-game ul { /*margin:0; padding:0; */ margin-top: 0;}
.sub-navigation-game li { /*display:inline-block; margin-right:30px; */ height:38px; list-style: none; /* margin-top:32px;*/ }
.sub-navigation-game li a { display:inline-block; font-size: 24px; line-height: 24px; height:100%; color:#8b9199; text-decoration:none; font-family: "neosans"; font-weight: normal; }
.sub-navigation-game li a:hover { cursor:pointer; /*border-bottom:3px solid #8b9199;*/ color:#0098db; }
.sub-navigation-game li a.selected { color:#0098db; }

.sub-navigation-content { margin-top:100px; }

.homepage { line-height:200%; }
.homepage .window { background:#182E37; padding:60px; float:left; width:560px; margin-top:120px; }
.homepage .window h1 { font-size:72px; color:white; font-weight:normal; line-height:125%; margin:0; }
.homepage .window h2 { font-size:24px; color:#f96e6b; text-transform:uppercase; font-weight:normal; }
.homepage .window p { font-size:24px; color:white; }

.highlights .row { margin-top:130px; }
.highlights h2 { font-size:48px; color:#306678; font-weight:normal; line-height:60px; margin:0; }
.highlights h3 { font-size:28px; font-family:"neosans_light", sans-serif; font-weight:normal; color:#666666; line-height:40px; }
.highlights img { margin-top:40px; }
.highlights p { font-size:18px; line-height:26px; color:#666666; margin-top:10px; margin-bottom:40px; }
.highlights p.small { font-size:21px; }

.hex-ribbon { width:100%; background:url(/National_Library/oe_/https://www.fitbrains.com/i/bg/background_hexes.png); background-repeat:no-repeat; background-position:left; background-color:#FFFFFF;  }
.hex-ribbon-white { width:100%; background:url(/National_Library/oe_/https://www.fitbrains.com/i/bg/background_hexes_white.png); background-repeat:no-repeat; background-position:left;  background-color:#F3F3F3;}

.blurred-ribbon { background:url(/National_Library/oe_/https://www.fitbrains.com/i/bg/blurred_image.jpg) no-repeat center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; font-size:42px; color:#1B3A46; text-align:center; padding:60px; margin:0; }

.blue-ribbon { background:#F0F9FC; font-size:42px; color:#1b3a46; text-align:center; padding:60px; margin:0; }
.blue-ribbon.press img { display:inline-block; margin:0 20px; }
.blue-ribbon.press img:nth-child(1) { margin-bottom:-10px; }
.blue-ribbon.press img:nth-child(3) { margin-bottom:-15px; }

.home-press-ribbon { background:#FFFFFF; text-align:center; padding-top:60px; padding-bottom:20px; margin:0; }
.home-press-ribbon img { display:inline-block; margin:0 20px; vertical-align: middle;  }
.home-press-ribbon img:nth-child(1) { margin-bottom:-10px; }
.home-press-ribbon img:nth-child(3) { margin-bottom:-15px; }

.page-container { position:relative; width:100%; height:100%; background-color:#FFFFFF; margin:0 auto;  margin-top:-2px; }

.homepage .users { text-align:center; }
.homepage .users h3 { font-size:48px; color:#306678; margin-bottom:0; }
.homepage .users p { font-size:26px; color:#666; }
.homepage .users .list div { float:left; width:300px; margin-top:20px; }
.homepage .users .list div:nth-child(2) { margin:20px 20px 0 30px; }
.homepage .users .list div h4 { font-size:32px; color:#15252b; margin:20px 0 20px 0; }
.homepage .users .list div blockquote { font-size:22px; color:#666; margin-top:10px; }

.feature-container { height:460px; margin:60px; margin:0; padding:0; }
.feature-background { border:0 solid blue; background-image:url(/National_Library/oe_/https://www.fitbrains.com/i/home/bg_feature.png); background-repeat:repeat-x; background-position:left top; width:100%; height:100%; }
.feature-quote-block { z-index:200; width:360px; height:150px; position: absolute; left: 380px; top: 150px; font-size: 1em;	}
.feature-quote-text { font-style:italic; }
.feature-quote-signature { font: 400 1.5em/125% 'Sacramento', Helvetica, Sans-serif; }

.formpage { width:620px; margin:0 auto; }
.formpage h1 { font-size:48px; color:#306678; text-align:center; padding-top:60px; margin-top: 0; }
.formpage p { font-size:26px; line-height:32px; color:#666; text-align:center; }
.signup-wrapper { background: url("/National_Library/oe_/https://www.fitbrains.com/i/bg/background_hexes_signup.png") no-repeat center center #f4f3f3; overflow: hidden;  }
.formpage .form { width:520px; padding:50px; /*background:#F3F3F3;*/ margin-top:40px; /*border:1px solid #F1F1F1;*/ }
.formpage input[type="password"],
.formpage input[type="text"] { float:left; font-size:28px; color:#7292a5; height:76px; width:419px; padding:0; padding-left:20px; background:white; border:1px solid #eee; }
.formpage input[type="password"]:focus,
.formpage input[type="text"]:focus { outline-width:0; border:1px solid #306678; }
.formpage input[type="submit"] { border:0; }
.formpage form div { margin:0 auto; margin-bottom:50px; }
.formpage form div:last-child { margin-bottom:0; }
.formpage form div img { float:left; }

.formpage.login h1,
.formpage.login p { font-family:"neosans_light"; color:#666; line-height:125%; }
.formpage.login h1 { font-size:60px; margin-bottom:0; }
.formpage.login p { font-size:30px; margin-top:0; }
.formpage.login img.normal { display:block; }
.formpage.login img.error { display:none; }
.formpage.login div.error img.normal { display:none; }
.formpage.login div.error img.error { display:block; }
.formpage.login div.error input { border:1px solid red; }

.formpage p.message { margin-top:0; }

.formpage.signup { padding-bottom:40px; }
.formpage.signup h1 { font-family:"neosans_light"; font-size:42px; color:#666; line-height:125%; }
.formpage.signup .form { padding-bottom:10px; }
.formpage.signup .send-me-tips { text-align:center; padding-top:20px; margin-bottom:30px; }
.formpage.signup.two-column { width:100%; }
.formpage.signup.two-column .form { width:100%; }
.formpage.signup.two-column .bullets { float:right; width:340px; padding:10px; background:white; margin-top:0; border:1px solid #ddd; }
.formpage.signup.two-column .bullets ul li { font-size:24px; line-height:150%; }
.formpage.signup.two-column .bullets img { width:250px; }
.formpage.signup .button-container { margin-bottom:20px; text-align:center; }
.formpage.signup .disclaimer { font-size:18px; }

.formpage.brain-fitness h1 { font-family:"neosans_light"; font-size:42px; color:#666; line-height:125%; }

.formpage.why-fitbrains h1 { font-family:"neosans_light"; font-size:42px; color:#666; line-height:125%; }

.formpage .logos { text-align:center; }
.formpage .logos img{ float:none; width:250px; }

label.placeholder-hidden { display:none; font-size:28px; line-height:40px; }

.button-new { display:inline-block; padding:7px 12px 6px 12px; border-radius:4px; font-weight:bold; cursor:pointer; font-size:0.9em; }
.button-new.purple { line-height:110%; color:#074750 !important; background:#be7afe; border:4px solid #cd9afe; box-shadow:0 0 0 4px #395c6a; }
.button-new.purple:hover { background:#cd9afe; }
.button-new.teal { line-height:110%; color:#333 !important; background:#2bd9c8; border:4px solid #70e6db; box-shadow:0 0 0 4px #395c6a; }
.button-new.teal:hover { background:#70e6db; }
.button-new.orange { line-height:110%; color:#222 !important; background:#FE923B; border:4px solid #FEB77F; box-shadow:0 0 0 4px #825431; }
.button-new.orange:hover { background:#FEB77F; }
.button-new.dark { line-height:110%; color:#fff !important; background:#428FAD; border:4px solid #61D3FF; box-shadow:0 0 0 4px #BDEDFF; }

.message { border:1px solid #275466; padding:20px; text-align:left; background:white; color:#444; }
.message * { color:#444; }
.message.error { border:1px solid red; background:#FFEDED; color:red; }
.message.success { border:1px solid green; background:#F6FFF6; color:#009400; }

.games-list { /*margin-top: 30px; */}
.games-list h2 { font-family: "neoSans";/* margin-top: 40px;*/ font-weight: 300; margin-bottom: 23px; line-height: 20px; }
.games-list h2.game-heading { font-size: 42px; line-height: 42px; }
.games-list .text h2 { font-family: "neoSans"; font-size: 24px; font-weight: 300;  line-height: 20px; float: left; margin-bottom: 15px; margin-top: 24px;  }
.games-list h2.new { color: #0098db; margin-top:0;}
.games-list p { font-size:18px; line-height:30px; font-family: "helveltica_light"; }
.games-list .area { margin-top: 20px; overflow: hidden;  }
.games-list .area:first-child { margin-top:0; }
.games-list .game img,
.games-list .game .text,
.games-list .game span { float:left; margin: 0;}
.games-list .game {/* background:#F7F8F8; border:1px solid #ccc; border-radius:5px; padding-bottom:1em; margin-bottom:1em;*/ position: relative; }

.game .ribbon-new { border-radius: 3px;  width: 54px; height: 29px; line-height: 29px; background-color: #00a2ff; color: #ffffff; position: absolute; top: 0; margin-right: 12px;}
.games-list .game img { /* width: 200px; height: 200px; margin: 15px 0 0 15px; */ float: none;}

.games-list .game h2.grey { font-weight:normal; color:#333333; /*margin: 30px 0 0;*/}
.games-list .game .text {  /*float: right; width: 50%; height: 165px;*/ margin-left: 28px; /*position: relative;*/ display: block;  }
.games-list .game p { /font-size:20px; color:#333333; line-height: 22px; margin: 5px 15px 0 0; max-height: 70px; text-align: left; float: left; }
.games-list .game .button { font-weight: normal; font-style: normal; z-index: 1; left: 18px; top: 131px; display: none; float:left; /*margin:1.5em 1em 0 0;margin: 13px 0 0;*/ bottom: 0; width: 160px; line-height: 62px; height: 62px; position: absolute; }
.games-list .game .button.blue { text-transform: capitalize; }
.game { width: 227px; float: left; margin:0 5px; margin-bottom: 20px; padding-bottom: 15px; height: 347px; text-align: center;}

.game .locked {  background: url("/National_Library/oe_/https://www.fitbrains.com/i/icon/locked.png") no-repeat; position: absolute; width: 51px; height: 51px; top: 134px; right: 20px; z-index: 0; }

.games-list .language .game h2, a .games-list .concentration h2 { margin-top: 2px; }

.daily-training-complete { margin-top:40px; }
.daily-training-complete img { display:block; margin:0 auto; width:300px; margin-top:40px; }
.daily-training-complete h1 { text-align:center; margin:50px 0; }
.daily-training-complete p { text-align:center; font-size:24px; }
.daily-training-complete-dark-bar { padding:20px 0; background-color: #323a3e; text-align:center; margin-top:50px; margin-bottom:0; }
.daily-training-complete-dark-bar .button { height: 90px; line-height: 90px; width: 405px; margin: 5px auto 0; padding: 0; font-style: normal;  font-size: 26px; font-weight: normal;}

.locked-out-content { padding-top:50px; text-align:center; margin:2px auto 0;  }
.locked-out-content h1 { line-height:50px; margin: 0 0 28px 0; padding: 0; text-align: center;}
.locked-out-content p { font-size:24px; line-height:1.5; font-family: "helveltica_light"; }
.locked-out-content .guarantee-text p { font-size:16px; margin:16px; }

.lockedout-img { float: left; width: 151px;}
.lockedout-text { float: right; width: 360px; text-align: left; margin-top: -25px; }

.training-content.top { margin-top: 20px; }
/*.training-content.top h2 { border: 1px solid red; }*/

.upgrade-banner-content { border:1px solid #1C8EFC; background:#E1F2FF; width:100%; height:210px; max-width:906px; }
.upgrade-banner-content-header { height:80px; width:100%; background:#C9E7FF; }
.upgrade-banner-content-header .container { width:100%;height:80px; }
.upgrade-banner-content-header .container .text { float:left; color:#0096FC; font-size:30px; vertical-align: middle; line-height:80px; margin-left:30px; top-margin:10px; }
.upgrade-banner-content-header .container .button-cta { float:right; margin-right:30px; margin-top:16px; }
.upgrade-banner-content-header .container .button-cta a { font-style: normal; font-weight: normal; text-transform: capitalize; font-size: 18px;  }

.upgrade-banner-content-body { margin-top:30px; margin-left:50px; }
.upgrade-banner-info-box { padding: 0 0 0 75px; position:relative; }
.upgrade-banner-info-box img { left:0; position:absolute; top:0; }
.upgrade-banner-info-box .text { text-align:left; }
/*
.training-content.top { margin-top:75px; }
*/
.training-content.top .summary { margin-bottom:40px; }
.training-content.top .summary .start-training { margin-bottom:-20px; }
.training-content.top .summary .text { margin-left:54px; }
.training-content.top .summary .text h2 { font-size:42px; color:#424a54; text-align:left; font-family: "neoSans"; padding-bottom: 14px; margin-top: 110px; }
.training-content.top .summary .text h4 { font-size:32px; margin-top:40px; color:#00d27d; text-align:left; text-transform:uppercase; padding-bottom:40px; border-bottom:1px solid #ccc; font-family: "neoSans";  }
.training-content.top .summary .text .tip { margin-top: 63px; }
.training-content.top .summary .text .tip img { float:left; margin-right:20px; padding-bottom: 50px; }
.training-content.top .summary .text .tip span { font-size:18px; color:#333333; line-height:24px; font-family:  "helveltica_light"; }

.training-content.start-training-button { text-align:center; /*border-bottom:4px solid #0097db;*/ margin: 0; }
.training-content.start-training-button span { margin-bottom:-25px; }

.training-content.bottom { background:#EBF2F7; padding-top:75px; padding-bottom:75px; }

.training-content.bottom h2,
.training-content.bottom h3,
.training-content.bottom h4 {  font-size:32px; color:#535353; margin-top:40px;  text-align:center;font-family: "neosans_light";  }
.training-content.bottom h2 { font-size:36px; color:#2c6578; margin-top: 60px; }
.training-content.bottom h3 { font-size:28px; color:#777; margin:45px 0 50px 0; }
.training-content.bottom p { font-size:21px; line-height:30px; color:#777; text-align:center; padding:0 180px; font-family: "helveltica_light"; }
.training-content.bottom img { margin: 40px 0 70px; }

.performance-locked-out-content { margin-top:60px; text-align:center; }
.performance-locked-out-content h1 { line-height:1.5; font-size:36px; margin:0 auto 40px auto; font-weight:normal; }
.performance-locked-out-content p { font-size:24px; line-height:1.5; }

/* Locked out colors for training tag */
.locked-out-content { width:990px; margin:0 auto; padding-top:0; }
.locked-out-content h1 { line-height:1.5; font-size:36px; width:60%; margin:0 auto 0 auto; font-weight:normal; }
.locked-out-content h2 { color:#1b3a46; font-weight:normal; margin:0 0 40px 0; }
.locked-out-content h3 { color:#1b3a46; margin:80px 0 70px 0; }
.locked-out-content h3.upgrade-now { margin:40px 0 40px 0; }
.locked-out-content p { margin:0; }
.locked-out-content p strong { color:orange; }
.locked-out-content .benefits { width:90%; margin:0 auto; margin-bottom:30px; }
.locked-out-content .benefits div { float:left; text-align:center; line-height:1.5; }
.locked-out-content .benefits div img { display:block; margin:0 auto; margin-bottom:30px; }

.locked-out-content .benefits div { width:30%; }
.locked-out-content .benefits div:nth-child(2) { margin:0 5%; }
.locked-out-content .benefits.bottom { margin-bottom:100px; margin-top:70px; }

.training-content.top.locked-out *,
.training-content.bottom.locked-out * { color:#aaa !important; }
.training-content.bottom.locked-out { background:#eee; }
.training-content.locked-out.start-training-button { border-bottom-color:#bbb !important; }
.training-content.locked-out.start-training-button span { background-color:#bbb !important; }
.locked-out .training-progress-bar { background:#bbb !important; }
.locked-out .training-progress-bar > div { background:#999 !important; }
.locked-out .training-progress-bar .circle { background:#bbb !important; }
.locked-out .training-progress-bar .circle.full { background:#999 !important; }
.locked-out .training-progress-bar .circle.full div { background:#bbb !important; }

.training-progress-bar { position:relative; margin:0 auto; width:800px; height:4px; background:#8DB1CD; }
.training-progress-bar > div { position:absolute; left:0; background:#335E70; }
.training-progress-bar .filled { top:0; width:0; height:100%; }
.training-progress-bar .circle { top:-10px; left:-12px; width:24px; height:24px; border-radius:12px; background:#8DB1CD; }
.training-progress-bar .circle.full { background:#335E70; }
.training-progress-bar .circle.full div { width:8px; height:8px; margin:8px; border-radius:12px; background:#8DB1CD; }

/* FBI Bar */
h1.fbi { text-align:center; color:#245268; margin-top:0; margin-bottom:60px; font-size:38px; }
h1.fbi span.amount { color:#30C598; }
h1.fbi span.total { color:#B8B8B8; }

.fbi-bar { width:100%; position:relative; height:20px; margin-bottom:80px; }
.fbi-bar .markers { width:100%; position:relative; }

.fbi-bar .markers span,
.fbi-bar .markers div { position:absolute; top:0; display:block; text-align:center; color:#bbb; font-size:21px; width:20%; }

.fbi-bar .bar .markers { position:absolute; left:0; top:0; }
.fbi-bar .bar .markers { background-color:#eee; }

.fbi-bar .markers span:nth-child(1) { left:0; width:10%; text-align:left; color:#2BC69A; }
.fbi-bar .markers span:nth-child(2) { left:10%; }
.fbi-bar .markers span:nth-child(3) { left:30%; }
.fbi-bar .markers span:nth-child(4) { left:50%; }
.fbi-bar .markers span:nth-child(5) { left:70%; }
.fbi-bar .markers span:nth-child(6) { right:0; width:10%; text-align:right; }

.fbi-bar .markers div { margin-left:-12px; }
.fbi-bar .markers div:nth-child(1) { left:0; margin-left:0; }
.fbi-bar .markers div:nth-child(2) { left:20%; }
.fbi-bar .markers div:nth-child(3) { left:40%; }
.fbi-bar .markers div:nth-child(4) { left:60%; }
.fbi-bar .markers div:nth-child(5) { left:80%; }
.fbi-bar .markers div:nth-child(6) { right:-5px; }

.fbi-bar div.bar { position:absolute; top:30px; left:0; width:100%; height:8px; padding-top:8px; }
.fbi-bar div.bar div.background,
.fbi-bar div.bar div.filled { position:absolute; top:8px; left:1%; width:99%; height:100%; background-color:#eee; }
.fbi-bar div.bar div.filled { width:10%; background-color:#2BC69A; }

.fbi-bar div.circle { top:0; position:absolute; width:30px; height:30px; border-radius:15px; background-color:#eee; }
.fbi-bar div.circle.start,
.fbi-bar div.circle.end { background-color:#2BC69A; }
.fbi-bar div.circle.start { left:0; }
.fbi-bar div.circle.end { left:8.5%; }

.fbi-bar div.position { position:absolute; top:35px; left:10%; width:45px; height:30px; margin-left:-7px; border-radius:5px; line-height:30px; font-size:16px; color:white; background-color:#2BC69A; font-weight:bold; text-align:center; }

.training-session { background:#F8F8F8; border:1px solid #ddd; text-align:center; }
.training-session h2 { color:#245268; font-weight:bold; margin:1.8em 0; padding-bottom:1.25em; border-bottom:1px solid #ddd; }
.training-session h4 { color:#777; padding-bottom:0; margin-bottom:0.75em; font-size:1em; font-weight:normal; }
.training-session h3 { color:#777; margin:0; padding-bottom:1em; border-bottom:1px solid #ddd; font-size:2em; }
.training-session p { padding:1em 0; }

.comparison-indicators { padding-top: 70px; padding-left:50px; margin-bottom:50px; }
.comparison-indicators canvas { margin: 0 10px 0 10px; }
.comparison-indicators canvas.fbi { margin:0 auto; margin-bottom:0; padding-top:100px;}

/* Results Overlay */
.training-new .blue:first-child { margin-left: 100px;}

/* Progress Bars */
.progress-container { margin:90px 0 100px 0; }
.progress-container h3,
.progress-container h4,
.progress-container h5,
.progress-container .bar { margin:0; padding:0; }

.progress-container h3,
.progress-container h4,
.progress-container h5 { float:left; }

.progress-container h3 { margin-top:42px; font-size:28px; color:#525252; width:180px; font-weight:normal; font-family: "neoSans"; }
.progress-container h4 { margin-top:44px; font-size:36px; min-width:75px; text-align:right; }
.progress-container h5 { margin-top:46px; font-size:24px; color:#aaa; margin-left:10px; font-weight:normal; }
.progress-container .bar { margin-top:40px; height:24px; float:right; width:600px; background-color:#eee; border-radius:12px; overflow:hidden; }
.progress-container .filled { height:100%; width:3%; }

.tool-tip { position:relative; top:-2px; display:inline-block; width:20px; height:15px; padding-top: 3px; border:1px solid #aaa; border-radius:10px; cursor:pointer; font-size:16px; line-height:16px; text-align:center; font-weight:bold; color:#aaa; }
.tool-tip:hover { border:1px solid #777; color:#777; }

/* FBI */
.fbi-meter { position:relative; width:370px; height:370px; background:url(/National_Library/oe_/https://www.fitbrains.com/i/bg/fbi_hex_meter_empty.png); background-size:cover; margin-top: 75px; margin-bottom: 76px; }
.fbi-meter canvas { position:absolute; top:0; left:0; width:100%; height:100%; }
.fbi-meter h3 { position:absolute; top:150px; margin: 0 auto; width:100%; font-size:62px; text-align:center; color:black; z-index:10; font-family: "neoSans"; color:#656D77;}
.fbi-meter h4 { position:absolute; top:190px; left:100px; margin: 0 auto; width:170px; font-size:36px; text-align:center; color:#656D77; padding-top:28px; z-index:10; border-top:1px solid #ccc; font-weight:normal; font-family: "neosans_light"; }

.performance { margin-top: 145px; padding-bottom: 35px; }
.performance p { font-size:21px; line-height:30px; color: #656d77; font-family: "helveltica_light"; }
.performance.area-desc { font-size:21px; line-height:30px; margin-top:50px; }
.performance-summary .text { margin-left:40px; }
.performance-summary .text h2 { font-size:48px; color:#2D6578; text-align:left; font-family: "neosans"; padding-bottom: 14px; }
.performance-summary .text h3 { font-size:26px; color:#9E9E9E; text-align:left; padding-top: 50px; border-top:1px solid #ccc; margin-top: -5px; font-family: "helveltica_light";}
.performance-summary .text h4 { font-size:38px; margin-top:40px; color:#44CCA5; text-align:left; text-transform:uppercase; font-family: "neosans"; }

/* Performance Details */
.performance-details { margin-top: 110px; }
.performance-details div { padding: 40px 0; margin:0; border-bottom:1px solid #ddd; }
.performance-details div:first-child { padding-top:0; }
.performance-details h2,
.performance-details h3 { font-size:21px; color:#545454; font-weight:normal; margin:0; font-family: "neoSans";}
.performance-details h3 { color:#545454; }
.performance-details div span { float:right; font-size:28px; color:#0098db; font-weight:bold; }
.performance-details #history-chart { width:958px; height:400px; margin-top:50px; border:1px solid #eee; margin-bottom: 20px; }

.performance-details div:last-child { margin-bottom: 70px; }

/* Performance Colors */
.performance.low.bg-color    { background-color:#F0632A; }
.performance.medium.bg-color { background-color:#FBB10C; }
.performance.high.bg-color   { background-color:#0098db; }

.performance.low.text-color    { color:#F0632A; }
.performance.medium.text-color { color:#FBB10C; }
.performance.high.text-color   { color:#0098db; }

#performance .fbi-meter { margin-top: 0; margin-bottom: 0; }

.compare { font-size:21px; line-height:30px; margin-top: 140px; font-family: "helveltica_light" }

/* Upgrade Page */

.upgrade-page { padding:20px; margin-bottom:20px; }
.upgrade-description { text-align:left; font-size:21px; line-height:125%; margin:30px 0 40px 0; }
.upgrade-title { text-align:center; font-family:"neosans", sans-serif; }
.upgrade-title span { color:#00DACF; }
.upgrade-title-primary { color:#1c3b46; font-size:42px; }
.upgrade-title-secondary { color:#656d77; font-size:21px; font-family:"helveltica_light"}
.upgraded-subtitle { font-size:30px; line-height:150%; font-weight:normal; }

.billing-packages-mobile,
.upgrade-description-mobile { display:none; }

.billing-packages-new * { font-family:"neosans_light", sans-serif; }
.billing-packages-new > div { float:left; width:230px; position:relative; border:1px solid #0098db; margin-right:25px; border-bottom-right-radius:6px; border-bottom-left-radius:6px; }
.billing-packages-new div.top { background:#0098db; padding:5px 0; font-weight:normal; }
.billing-packages-new div.top h2 { margin:0; margin-top:4px; line-height:125%; color:#ffffff; font-size:21px; text-align:center; text-transform:uppercase; }
.billing-packages-new div.prices { background:#e2f4fc; min-height:200px; border-bottom:1px solid #0098db; padding-top:4px; position:relative; z-index:5; text-align:center; }

.billing-packages-new.three-packages { padding-left:80px; }
.billing-packages-new.three-packages > div { width:240px; margin-right:50px; }

.billing-packages-new h3 { font-size:32px; line-height:125%; margin:0; padding:0; text-align:center; color:#484848; font-weight:normal; }

.billing-packages-new h3.old-price,
.billing-packages-new h3.per-month { min-height:14px; margin:0; font-size:14px; font-weight:normal; text-align:center; }
.billing-packages-new .old-price { text-align:center; text-decoration:line-through; padding:10px; font-size:20px; color:#666666; font-weight:normal; }
.billing-packages-new .current-price { text-align:center; padding:15px; font-size:42px; font-weight:bold; }
.billing-packages-new h3.per-month { padding:0; text-transform:uppercase; }

.promo-code-new input[type="text"] { font-size:18px; line-height:1.5; border:1px solid #CCCCCC; background-color:#F5F7FA; width:200px; height:48px; padding:0 0 0 5px; font-weight:bold; margin-left:14px; margin-right:20px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.promo-code-new button,
.billing-packages-new div.buttons,
.billing-packages-new p { font-family:"neosans_light", sans-serif; text-align:center; text-transform:uppercase; font-size:18px; line-height:14px; font-weight:bold; }
.billing-packages-new div.buttons { padding-top:30px; }
.billing-packages-new div.buttons .choose_plan { text-transform:uppercase; font-size:14px; }

.billing-packages-new div.buttons .choose-plan-fb { font-family:"neosans_light", sans-serif; text-align:center; text-transform:uppercase; font-size:18px; font-weight:bold; font-style:italic; padding-top:2px; }

.billing-packages-new div.sub-title-container { min-height:50px; padding-top:20px; }
.billing-packages-new div.sub-title { font-size:16px; text-align:center; text-transform:uppercase; }
.billing-packages-new div.sub-title-guarantee { text-align:center;  font-size:11px; }

.billing-packages-new .choose_plan { background:#1898d9; color:white; }
.billing-packages-new .choose_plan:hover { background:#0C2736; }
.billing-packages-new .choose_plan:active { background:#0C2736; }

.billing-packages-new > div.most-popular { border:1px solid #84c12b; border-top:1px solid #84c12b; border-top-left-radius:0; border-top-right-radius:0; border-bottom-right-radius:6px; border-bottom-left-radius:6px; }
.billing-packages-new > div.most-popular .top-banner { padding:5px 0; position:absolute; top:-24px; left:-1px; right:-1px; height:19px; font-size:14px; text-align:center; color:white; text-transform:uppercase; line-height:20px; background:#84c12b; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-right-radius:0; border-bottom-left-radius:0; }
.billing-packages-new > div.most-popular div.top,
.billing-packages-new > div.most-popular h2 { background:#a3cf27; }
.billing-packages-new > div.most-popular div.prices { background:#e4f3ae; border-bottom:1px solid #84c12b }

.billing-packages-new > div.most-popular .choose_plan { background:#86c543; }
.billing-packages-new > div.most-popular .choose_plan:hover,
.promo-code-new button:hover { background:#C0570B; }
.billing-packages-new > div.most-popular .choose_plan:active { background:#C0570B; }

.billing-packages-new .ribbon-container { position:relative;z-index:1; }
.billing-packages-new .ribbon-sale, .ribbon-sale-most-popular  { background: url("/National_Library/oe_/https://www.fitbrains.com/i/icon/ribbon-sale.png") no-repeat; height:88px; width:89px; z-index:10; position:absolute; top:-7px; right:-8px; }
.ribbon-sale-most-popular { top:-30px; }

.billing-packages-new .guaranteed { background: url("/National_Library/oe_/https://www.fitbrains.com/i/icon/guaranteed2.png"); background-repeat: no-repeat; z-index:15; position:absolute; width:112px; height:98px; bottom:4px; right:34px;  }

.billing-packages-new sup { margin-right:-12px; }

.promo-code-new { text-align:center; margin-top:30px; font-family:"neosans", sans-serif; }
.promo-code-new label { text-transform:uppercase; font-size:20px; font-family:"neosans", sans-serif; font-weight:normal; color:#666666; line-height:50px; }
.promo-code-new input { height:30px; }

.promo-code-applied-text,
.promo-code-invalid-text { font-size:21px; line-height:125%; color:#488104; text-align:center; font-weight:bold; }
.promo-code-applied-text { color:#488104; }
.promo-code-invalid-text { color:#930404; }

.upgrade-description-new { background:#edf0f2; padding:30px 0 50px; margin-top: 55px; }
.upgrade-description-new img { clear:both; padding-top:30px; }

.upgrade-title h1,
.upgrade-title h3 { color:#333333; font-family:"neosans_light", sans-serif; line-height:145%; font-size:24px; font-weight:normal; /*text-align: left; */ }
.upgrade-title h1 { text-align: center; color:#1C3B46; font-family:"neosans", sans-serif; font-size:48px; line-height:100%; margin: 80px 0 50px; font-weight:normal; }
.upgrade-title h1 span { color:#00DACF; }


.billing-highlights { text-align:center; }
.billing-highlights h2 { text-transform:uppercase; color:#1C3A45; font-size:21px; margin-bottom:30px; font-family:"neosans", sans-serif;  text-align: left;}
.billing-highlights ul { margin-bottom:30px; padding:0; text-align:left; margin-top: 60px; }
.billing-highlights li { float:left; width:49%; font-family:"neosans_light", sans-serif; font-size:18px; line-height:34px; list-style: circle; margin-bottom:10px; color: #0098db;}
.billing-highlights li span { display:inline-block; /*width:6px; height:6px; border-radius:3px; background:#edf0f2; border: 1px solid #0097D9; */margin:0 5px 4px 0;  color: #878e96;}
.billing-highlights div img { float:left; margin:0 40px 50px 0; }
.billing-highlights div img.big { margin-left:40px; }
.billing-highlights img.by-rosetta-stone { display:block; width:400px; margin:0 auto; margin-bottom:50px; }

.billing-highlights.existing-user { margin:20px 0; }
.billing-highlights.existing-user div { margin:40px 0 20px 0; text-align:center; }
.billing-highlights.existing-user div img { float:none; }

.choose-option { font-size:18px; line-height:36px; text-transform:uppercase; text-align:center; font-weight:bold; margin-bottom:37px; padding-top: 2px; color:#1C3A45; font-family:"neosans_light", sans-serif;}

.billing-highlights-bottom { margin:17px 0 60px 0; }
.billing-highlights-bottom div { width:450px; float:left; text-align:center; }
.billing-highlights-bottom img { height:80px; }
.billing-highlights-bottom div:last-child { width:400px; float:right; }
.billing-highlights-bottom h3 { line-height:100%; margin-top:10px; }
.billing-highlights-bottom p { font-family:"neosans_light", sans-serif; font-size:18px; line-height:125%; margin-top:0; }

.promo-code-container h3 { font-family:"neosans_light", sans-serif; text-decoration:underline; cursor:pointer; }
.promo-code-container > div { display:none; font-size:21px; }
.promo-code-container.shown h3 { display:none; }
.promo-code-container.shown > div { display:block; }
.promo-code-container input { font-size:21px; border:1px solid #ddd; padding:10px; background:white; margin-left:15px; }
.promo-code-container button { margin:-5px 0 0 20px; }

.logo-container img{ margin:0 auto; display:block; padding-top:0.9em; }
.upgrade-info { color:#26c59d; }

/* Modal Overlay */
#modal_overlay_iframe_container { display:none; position:fixed; top:0; left:0; right:0; height:100%; z-index:9001; /* IE _height:400px; overflow:none; */ }
#modal_overlay_iframe_container iframe { width:100%; height:100%; }
#modal_overlay_mask { position:fixed; top:0; left:0; width:100%; height:100%; z-index:9000; padding:0; margin:0; }
#modal_overlay_mask.dark { opacity:0.75; background:#172D36; }
#modal_overlay_mask.light { background:white; opacity:1; }

.account { margin-bottom:100px; font-family: "neoSans"}
.account.form form { margin-top:40px; }
.account.form h1 { margin:160px 0 60px 0; font-family:"neosans", sans-serif; font-size:  42px; }
.account.form form > div { margin:20px 0 20px 0; }
.account.form input[type="text"],
.account.form input[type="password"] { width:300px; height: 30px;}
.account.form select,
.account.form input[type="submit"] { width:320px;  }
.account.form input[type="text"],
.account.form input[type="password"],
.account.form select,
.account.form span { display:inline-block; padding:10px;  color:#6e767f; }
.account.form input[type="text"],
.account.form input[type="password"], .account.form select { border:1px solid #ddd; }
.account.form label { display:inline-block; min-width:175px; font-size:21px; color:black; }
.account.form span,
.account.form a { font-size:21px; }

.account.form input[type="text"], .account.form select { background-color: #f5f7fa;  }
.account.form input[type="submit"] {text-transform: uppercase; margin-top: 20px;}
.account.form select {

-webkit-appearance: none; /*Removes default chrome and safari style*/
-moz-appearance: none; /* Removes Default Firefox style*/
background: #f5f7fa url(/National_Library/oe_/https://www.fitbrains.com/i/icon/dropdown.png) no-repeat 100% center;
/*width: 100px; /*Width of select dropdown to give space for arrow image*/
text-indent: 0.01px; /* Removes default arrow from firefox*/
text-overflow: ""; /*Removes default arrow from firefox*/ /*My custom style for fonts*/
padding: 5px;
}

.account.form select.user-age { width: 205px; height: 50px; }
.account.form select.user-gender { width: 205px; height: 50px; }
.account.form select.user-education { width: 302px; height: 50px;}

.account.form.email h4 { float:left; font-size:21px; margin-top:0; max-width: 100px; font-family:"neosans", sans-serif; color:#333; padding-right: 50px; line-height: 24px; }
.account.form.email label { color:#777; }


.account.form.email input[type="radio"]   {
    /*display:none;*/
    position:absolute; left:-999em;
}

 .account.form.email input[type="radio"] + label span{
    display:inline-block;
    width: 14px;
    height: 14px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    cursor:pointer;
}

.account.form.email input[type="radio"] + label span{ background:url(/National_Library/oe_/https://www.fitbrains.com/i/icon/bullet_empty.png) left top no-repeat; }

.account.form.email input[type="radio"]:checked + label span {
    background:url(/National_Library/oe_/https://www.fitbrains.com/i/icon/bullet_selected.png) left top no-repeat;
}

.account.form.email input[type="checkbox"],  .account.form.email input[type="radio"]  {
	visibility: hidden;
}

label {
  cursor: pointer;
}

.account.form.email input[type="checkbox"] + label:before {
  border: 1px solid #ced3da;
  content: "\00a0";
  display: inline-block;
  font: 20px/1em sans-serif;
  margin: 0 .25em 0 0;
  padding:0;
  vertical-align: top;
  width: 30px;
  border-radius: 4px;
  padding: 5px 0;
}

.account.form.email input[type="checkbox"]:checked + label:before {
  background: #ffffff;
  color: #0097db;
  content: "\2713";
  text-align: center;
  border: 1px solid #0097db;

}

input[type="checkbox"]:checked + label:after, input[type="radio"]:checked + label:after  {
  font-weight: bold;
}

.account.form .accesslevel { color: #0aa36a;}


.account .reminders { width:400px; float:left; margin-top: -16px; }
.account .reminders div { float:left; width:175px; margin-bottom:30px; }
.account button { margin-left:10px; }
.account .message.success { background:#BDFFB5; border:1px solid #12A400; color:#12A400; border-radius:0; }
.account .message.error { background:#FFCFCF; border:1px solid red; color:red; border-radius:0; }

.payment-page * { font-family:"neosans", sans-serif; }
.payment-page { margin-bottom:50px; }
.payment-page h1 { font-size:36px; line-height:16px; margin: 90px 0 20px; }
.payment-page h3 { color:#1C3B46; margin-top:0; }
.payment-page button { background:#F66E0C; }

.cc-form { margin-bottom:50px; }
.cc-form h3 { position:relative; margin-bottom:32px; font-size:21px; }
.cc-form img { position:absolute; top:-10px; height:36px; }
.cc-form form div { margin:0 0 22px 0; }
.cc-form label { display:inline-block; min-width:210px; font-size:21px; margin:10px 0; }

.cc-form .security-code input[type="text"] { width:250px; }
.cc-form .security-code span { margin-left:10px; background:#1898D9; color:white; display:inline-block; border-radius:22px; width:36px; height:36px; padding:2px; text-align:center; font-size:24px; font-weight:bold; cursor:pointer; line-height:40px; }
.cc-form .security-code span:hover { border-color:#777; }

.cc-form input[type="text"],
.cc-form input[type="password"],
.cc-form select { font-size:21px;  border:1px solid #cccccc; background-color:#F5F7FA; padding:10px; width:300px; }
.cc-form button { width:320px; }
.cc-form select[name="cc[year]"] { width:200px; border:1px solid #cccccc; background-color:#F5F7FA; }
.cc-form select[name="cc[month]"] { width:120px; border:1px solid #cccccc; background-color:#F5F7FA; }
.cc-form p { color:#aaa; font-size:18px; line-height:24px; width:320px; margin-left:200px; }
.cc-form .cards img { margin-top:5px; }

.cc-selected-package { float:right; margin-right:60px; padding:0; font-family:"neosans", sans-serif; }
.cc-selected-package > div { padding:0; background:#e3f5a9; color:#70bc00; text-align:center; }
.cc-selected-package > div > div { padding:10px 20px; margin-bottom:30px; }
.cc-selected-package h2,
.cc-selected-package h4
.cc-selected-package h5 { text-transform:uppercase; color:#1C3B46; }
.cc-selected-package h2 { font-size:28px; line-height:125%; padding:10px 0; text-align:center; background:#84c12b; margin-top:0; color:white; }
.cc-selected-package h4,
.cc-selected-package h5 { font-size:18px; margin:0; }
.cc-selected-package h3,
.cc-selected-package h3 * { font-size:38px; line-height:125%; color:#515151; margin:12px; }
.cc-selected-package .your-selection { margin-bottom:15px; font-size:25px; font-family:"neosans", sans-serif; color:#1C3B46;  }
.cc-selected-package .your-selection-title { color:#ffffff; font-size:28px;  }
.cc-selected-package .your-selection-applied { color:#666666; font-size:24px; font-weight:normal; }
.cc-selected-package .your-selection-approx { color:#484848; font-size:16px;  }

.cc-selected-package sup { font-size:20px; color:#86C543; }
.cc-selected-package img { margin-bottom:20px; }

.cc-selected-package .promo-code-applied h4 { text-decoration:line-through; }

.cc-selected-package .selected-package-box { position:relative; }
.cc-selected-package .ribbon-sale { background: url("/National_Library/oe_/https://www.fitbrains.com/i/icon/ribbon-sale.png") no-repeat; height:88px; width:89px; z-index:10; position:absolute; top:-6px; right:-48px; }

.support-page h2 { color:#2D6578; font-size:28px; line-height:30px; margin-top:90px; }
.support-page p { font-size:21px; line-height:32px; margin-top:30px; font-family:"neosans_light", sans-serif; }
.faq { margin:60px; }
.faq li { font-size:21px; line-height:30px; }
.faq hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccd1d9; margin: 60px 0; padding: 0;}
.faq h2 { color:#656d77; font-size:28px; font-family: "neosans";}
.faq p, .faq ol { font-size: 21px; line-height: 34px; font-family: "helveltica_light";}
.faq ol { margin-left: 60px;}

.feedback { margin-bottom:80px; }
.feedback textarea { width:400px; height:300px; border:1px solid #ddd; background:#f8f8f8; font-size:18px; line-height:24px; }

.about { margin-bottom:100px; }
.about p { font-size:21px; line-height:30px; }

.contact { margin-bottom:100px; }
.contact a { color:#00A69D; }
.contact ul { padding-left:0; font-size:21px; line-height:30px; list-style:none; }
.contact .map { width:100%; height:500px; }
.contact div.office { float:left; width:450px; }
.contact div.corporate { float:left; width:450px; margin-left:20px; }

.science { margin-bottom:100px; }
.science h2 { margin:20px 0; }
.science p { font-size:21px; line-height:30px; margin-bottom:40px; }

.receipt-page { margin-top: -20px; }
.receipt-page h2 { font-family:"neosans", sans-serif; color:#1b3a46; font-size:36px; margin-top:70px; }

.receipt-page p { font-size: 16px; }
.receipt-page .apps { /* margin-bottom:100px;*/ }
.receipt-page .apps div { border:1px solid #eee; background:#f8f8f8; padding:10px 12px; border-radius:5px;  margin: 0 auto; /*margin-bottom:20px;*/ width: 430px; /*margin-right: 20px; float: left; */height: 110px }
.receipt-page .apps img { float:left; }
.receipt-page .apps h4 { float:left; font-size:28px; font-family:"neosans", sans-serif; color: #000000; max-width: 120px; font-weight:normal; line-height:40px; margin:20px 0 0 20px; height: 40px; }
.receipt-page .apps a { float:right; margin-top: 30px; }

.receipt-highlight { background:#EBF2F7; padding:50px 20px; text-align: center;}
.receipt-highlight h1 { font-size:42px; line-height:100%; margin-top:0; }
.receipt-highlight p,
.receipt-apps p { font-size:21px; line-height:125%; }
.receipt-highlight img { float:left; margin-right:20px; margin-top: 50px; }
.receipt-page h2,
.receipt-limited-page h2 { font-size:30px; color:#1b3a46; }
.receipt-limited-page h1 { margin-bottom:40px; }

.receipt-page p { font-size: 26px; }
.receipt-page ul,
.receipt-page-limited ul { margin-top:50px; padding-left:150px; }
.receipt-page ul.receipt li,
.receipt-limited-page ul.receipt li{ text-align:left; color:#1b3a46; }
.receipt-page li,
.receipt-limited-page li{ list-style:none; font-size:22px; line-height:175%; font-family: "neoSans"; }
.receipt-page li strong,
.receipt-limited-page li strong{ display:inline-block; min-width:200px; color: #000000;}

.receipt-page .disclaimer { color: #999; font-size: 16px; line-height: 20px; font-weight: normal; width:70%; margin: 0 auto; margin-bottom:20px; }

.why-fitbrains-page-row { padding:0; margin:0; padding-top:30px; padding-bottom:30px;}

.line-center { margin:0; padding:10px 10px; background:#fff; display:inline-block; color:#8B8B8B; font-style:italic; }
.line-center-wrapper { text-align:center; position:relative; z-index:2; }
.line-center-wrapper:after { content:""; position:absolute; top:50%; left:0; right:0; border-top:solid 1px #D6D6D6; z-index:-1; }

.bxslider { position:relative; }
.bxslider .feature-img { float:left; margin:11px 15px 15px 0; }
.bxslider .feature-mini-img { float:left; margin: 355px 0 0 0; width: 6%; height: auto; }
.bxslider .star { float:left; }

.privacy { margin:50px; }

.terms { margin:50px; color:#333; }
.terms h1 { line-height:1.5; margin:50px 0; }
.terms h2 { line-height:1.5; margin:30px 0; }
.terms p,
.terms li { font-size:18px; line-height:1.5; }
.terms li { margin-top:20px; }
.terms .underline { text-decoration:underline; }

.about,
.contact { margin:50px; }

.performance-current-training-container { position:relative; height:97px; line-height:97px; width: 504px; margin-top: -20px; }
.performance-hex-streak-container { position:relative; z-index:0; height:97px; width:86px; float:left; margin-right:30px; padding-bottom: 50px; }
.performance-hex-streak-label { position:absolute; z-index:20; font-size: 40px; color: #1A99D8; vertical-align:middle; text-align:center; width:86px; }
.performance-hex-streak { position:absolute; z-index:10; background-image:url('/National_Library/oe_/https://www.fitbrains.com/i/icon/performance-hex-streak.png'); background-repeat: no-repeat; height:97px; width:86px; }
.performance-hex-weekly-container { position:relative; z-index:5; height:70px; /*width: 504px;*/ line-height:70px; vertical-align:middle; color:#8B9199; font-size:18px; }
.performance-hex-weekly-day-container { position:relative; z-index:5; height:70px; width:62px; float:left; margin-right:10px; }
.performance-hex-weekly-trained-label { position:absolute; z-index:20; font-size: 32px; color: #191919; text-align:center; vertical-align:middle; width:62px; height:70px; line-height:70px; }
.performance-not-trained { color: #cccccc; }
.performance-hex-weekly-trained { position:absolute; z-index:10; background-image:url('/National_Library/oe_/https://www.fitbrains.com/i/icon/performance-hex-weekly-trained.png'); background-repeat: no-repeat; height:70px; width:62px; }
.performance-hex-weekly-current-day { position:absolute; z-index:10; background-image:url('/National_Library/oe_/https://www.fitbrains.com/i/icon/performance-hex-weekly-current-day.png'); background-repeat: no-repeat; height:70px;  width:62px; }
.performance-hex-weekly-not-trained { position:absolute; z-index:10; background-image:url('/National_Library/oe_/https://www.fitbrains.com/i/icon/performance-hex-weekly-not-trained.png'); background-repeat: no-repeat; height:70px; width:62px; }
.performance-line-separator { height:1px; width:100%; border:none; color:#CCD1D9; background-color:#CCD1D9; }
.performance-weekly-goal { float:left; margin-right:40px; }
.performance-time-remaining { float:left; }
.performance-day-label { float:left; color:#1A99D8; font-size:28px; margin-right:40px; font-family: "neosans"; text-transform: uppercase; }
.performance-start-training-label { float:left; font-family: "helveltica_light"; font-size: 28px; color: #656c77; }
.performance-value-label { color:#656D77; font-size:24px; }

.performance-hex-weekly-day-container .not-trained { color: #aab2bc;}
.performance-hex-weekly-day-container .trained {}

.performance-upgrade-text { line-height:40px; text-align:center }

.days-trained h2 { font-size: 28px; color: #1a1a1a; font-family: "neoSans_light"; padding-top: 40px; padding-bottom: 35px; }

.performance-weekly-goal, .performance-time-remaining { color: #656c77; font-size: 21px; font-family: "helveltica_light"; }

.performance-weekly-goal span, .performance-time-remaining span {   text-transform: uppercase; color: #656d77; font-family: "neosans" }

.training-tracking h3 { margin-top: 12px; font-weight: normal;}
.training-tracking h3, .training-tracking .tranining-hex-weekly-container { display: inline-block; }
.training-tracking .training-hex-weekly-container { float: right; margin-left: 14px;}
.training-hex-weekly-trained-label { text-transform: capitalize;  font-family: 'helveltica_light'; top: 30px; position:absolute; z-index:20; font-size: 13px; color: #999999; text-align:center; vertical-align:middle; width:25px; height:28px; line-height:26px; }
.training-hex-weekly-day-container { position:relative; z-index:5; height:23px; width:27px; float:left; margin-right:10px; }
.training-hex-weekly-day-container { position:relative; z-index:5; height:23px; width: 18px; float:left; margin-right:10px; }
.training-hex-weekly-trained { position:absolute; z-index:10; background-image:url('/National_Library/oe_/https://www.fitbrains.com/i/icon/training-hex-weekly-trained.png'); background-repeat: no-repeat; height:28px; width:27px; }
.training-hex-weekly-not-trained { position:absolute; z-index:10; background-image:url('/National_Library/oe_/https://www.fitbrains.com/i/icon/training-hex-weekly-incomplete.png'); background-repeat: no-repeat; height:28px; width:27px; }
.training-hex-weekly-current-day { position:absolute; z-index:10; background-image:url('/National_Library/oe_/https://www.fitbrains.com/i/icon/training-hex-weekly-current-day.png'); background-repeat: no-repeat; height:28px;  width:27px; }

.game-training .gt-img { margin-top: 10px;  }
.game-training .gt-img:hover { cursor: pointer; }
.game-training p { font-size: 18px; line-height: 25px; color: #333333; margin: 0; font-family: "helveltica_light"; }
.game-training h3 { font-size: 24px; color: #333333; }

.connect-social-page-row { padding:0; margin:0; padding-top:10px; padding-bottom:10px; }

.color-strip-page-divider { background-image:url('/National_Library/oe_/https://www.fitbrains.com/i/bg/bar-divider.png'); width:100%; height:8px; margin:80px 0; }

.color-banner { background-image:url('/National_Library/oe_/https://www.fitbrains.com/i/bg/header_color_banner.png'); width:100%; height:424px; margin-top:0; margin-bottom:30px; }

.color-strip-page-top-strip { background-image:url('/National_Library/oe_/https://www.fitbrains.com/i/bg/top-strip.jpg'); width:100%; height:14px; margin:0; padding:0; }

@keyframes spin {
    0% {
        -webkit-transform: rotate(-25deg);
        -ms-transform: rotate(-25deg);
        transform: rotate(-25deg);
    }
    50% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-25deg);
        -ms-transform: rotate(-25deg);
        transform: rotate(-25deg);
    }
}
@keyframes spin-reverse {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(-25deg);
        -ms-transform: rotate(-25deg);
        transform: rotate(-25deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(-25deg);
    }
    50% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-25deg);
    }
}
@-webkit-keyframes spin-reverse {
    0% {
        -webkit-transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(-25deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
    }
}
.animate {
    animation: spin 11s linear infinite;
    -webkit-animation-duration: 11s;
    -webkit-animation-name: spin;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    transform: rotate(-25deg);

    transform-origin: 50% 50%;
}
.animate.reverse {
    animation: spin-reverse 11s linear infinite;
    -webkit-animation-name: spin-reverse;
    -webkit-animation-duration: 11s;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.animate.animation-speed-9 {
    -webkit-animation-duration: 9s;
}
.animate.animation-speed-7 {
    -webkit-animation-duration: 7s;
}
.animate.animation-speed-5 {
    -webkit-animation-duration: 5s;
}
.bg-img {
    position: absolute;
    /*bottom: -90px;*/
    bottom: auto;
    /*left: 700px;*/
    /*width: 1680px;*/
    width: 100%;
    overflow: hidden;
    height: 685px;
    display: inline;
    text-align: center;
}
.bg-img .img{
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(50%);
    -ms-transform: translateX(-50%) translateY(50%);
    transform: translateX(-50%) translateY(50%);
    left: 50%;
    bottom: 0;
}
.bg-img.no-rotate .img{
    bottom: 90px;
}
.bg-img:nth-child(1) {z-index: 1;}
.bg-img:nth-child(2) {z-index: 2;}
.bg-img:nth-child(3) {z-index: 3;}
.bg-img:nth-child(4) {z-index: 4;}
.bg-img:nth-child(5) {z-index: 5;}
.bg-img:nth-child(6) {z-index: 6;}
.bg-img:nth-child(7) {z-index: 7;}
.bg-img:nth-child(8) {z-index: 8;}

.header-wrapper {
    position: relative;
    height: 645px;
    max-height: 645px;
    overflow: hidden;
    max-width: 1680px;
    width: 1680px;
    margin: 0 auto;
}
.horizontal-center {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 10;
}
.mockups {
    bottom: -10px;
    left: 52.7%;
}
.menu {
    margin: 0 auto;
    display: block;
}
.text {
    top: 25px;
}
.home-bg .button {
    top: 205px;
}
.highlight {
    text-align: center;
    position: relative;
    top: 400px;
}
.highlight svg{
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.gift-personalize { margin-bottom:100px; }
.gift-personalize h2 { text-align:left; color:#75b201; margin-bottom:40px; }

.gift-personalize .themes { margin-bottom:50px; }

.gift-personalize .themes label {
    float: left;
    display: block;
    width: 297px;
    height: 120px;
    padding-top: 100px;
    margin-right: 2%;
    border: 1px solid #777;
    background-size: cover;
    vertical-align: middle;
    color: white;
    font-size: 32px;
    text-shadow: black 0 0 6px;
    text-align: center;
}
.gift-personalize .themes label span { display:none; }

.gift-personalize .themes label[for="theme-1"] { background-image:url(/National_Library/oe_/https://www.fitbrains.com/i/bg/thumb_theme1.png); }
.gift-personalize .themes label[for="theme-2"] { background-image:url(/National_Library/oe_/https://www.fitbrains.com/i/bg/thumb_theme2.png); }
.gift-personalize .themes label[for="theme-3"] { background-image:url(/National_Library/oe_/https://www.fitbrains.com/i/bg/thumb_theme3.png); }

.gift-personalize .themes input[type="radio"] { display:none; }
.gift-personalize .themes input[type="radio"]:checked + label span { display:inline; }

.gift-personalize .recipient { margin-bottom:20px; text-align:left; }
.gift-personalize .recipient label,
.gift-personalize .personal-note label,
.gift-personalize .delivery label { display:inline-block; width:140px; margin-right:20px; font-size:24px; line-height:1.5; color:#333; text-align:right; }
.gift-personalize .recipient input,
.gift-personalize .delivery input[type="text"] { display:inline-block; width:300px; margin-right:20px; border:none; background:#eee; padding:4px; color:#333; font-size:24px; line-height:1.5; }
.gift-personalize .delivery input[type="radio"] { margin:0 10px 0 140px; }
.gift-personalize .delivery label { width:300px; text-align:left; }

.gift-personalize .personal-note { text-align:left; margin-bottom:40px; font-size:24px; line-height:1.5; }
.gift-personalize textarea { display:inline-block; background:#eee; color:#333; border:none; vertical-align:top; }

.gift-personalize .delivery { text-align:left; margin-bottom:40px; }

.billing-packages-new.gifts > div,
.billing-packages-new.gifts .ribbon-container { height:300px; }
.billing-packages-new.gifts .ribbon-container { margin-right:40px; }
.billing-packages-new.gifts .ribbon-container:first-child { margin-left:120px; }

.billing-packages-new.gifts .ribbon-container .top { font-weight:bold; }
.billing-packages-new.gifts .ribbon-container .prices { background:#15b6f3; margin-bottom:30px; padding-top:10px; border:0; }
.billing-packages-new.gifts .ribbon-container .prices .current-price,
.billing-packages-new.gifts .ribbon-container .prices .old-price{ color:white; }
.billing-packages-new.gifts .ribbon-container.most-popular .prices { background:#76be0f; }

.gift-benefits-container h3 { color:#333; font-size:28px; line-height:1.5; margin:60px 0 40px 0; font-weight:normal; }

.gift-benefits-container .benefits { width:90%; margin:0 auto; margin-bottom:20px; }
.gift-benefits-container .benefits div { float:left; text-align:center; line-height:1.5; color:#555; font-size:16px; }
.gift-benefits-container .benefits div img { display:block; margin:0 auto; margin-bottom:10px; }

.gift-benefits-container .benefits div { width:33%; }
.gift-benefits-container .benefits.bottom div { width:50%; }
.gift-benefits-container .benefits.bottom { width:65%; margin-bottom:100px; margin-top:50px; }

.gift.payment-page .selected-package-box { padding-top:40px; background:url(/National_Library/oe_/https://www.fitbrains.com/i/bg/cart_theme1.png) no-repeat 0 0; background-size:contain; }
.gift.payment-page .selected-package-box.theme-2 { background-image:url(/National_Library/oe_/https://www.fitbrains.com/i/bg/cart_theme2.png); }
.gift.payment-page .selected-package-box.theme-3 { background-image:url(/National_Library/oe_/https://www.fitbrains.com/i/bg/cart_theme3.png); }

.gift.payment-page .package-name { background-color:#15b6f3; padding:20px 0; border:none; font-size:32px; line-height:1.5; color:white; font-family:neosans_medium; }
.gift.payment-page .package-name span { font-size:24px; font-family:neosans; }
.gift.payment-page .sub-title-container { padding:30px 0 10px 0; line-height:1.5; }
.gift.payment-page .cc-selected-package > div { min-height:0; }

.receipt-page-gift h1 { font-size:48px; }
.receipt-page-gift ul li { font-size:24px; line-height:2; list-style:none; color:#666; }
.receipt-page-gift ul li strong { display:inline-block; width:190px; color:#333; }
.receipt-page-gift p { color:#888; font-size:20px; margin:40px 0 0 40px; }

.receipt-page-gift { margin-bottom:100px; }
.receipt-page-gift .gift-preview-title { margin-top:100px; color:#333; text-align:center; }
.receipt-page-gift .gift-preview { position:relative; border:1px solid #bbb; margin-bottom:100px; background:white; }
.receipt-page-gift .gift-preview .banner { position:absolute; width:110px; height:106px; top:-10px; right:-10px; background:url(/National_Library/oe_/https://www.fitbrains.com/i/icon/ribbon_gift.png); }
.receipt-page-gift .gift-preview .clearfix { margin:50px; }
.receipt-page-gift .gift-preview .clearfix p { float:left; width:400px; font-size:20px; color:black; font-family:neosans_light; margin-top:0; }

.receipt-page-gift .gift-preview .box { float:right; width:250px; border:1px solid #00b5f6; border-radius:6px; overflow:hidden; }
.receipt-page-gift .gift-preview .box .theme { padding-top:40px; width:100%; background:url(/National_Library/oe_/https://www.fitbrains.com/i/bg/cart_theme1.png) no-repeat 0 0; background-size:cover; }
.receipt-page-gift .gift-preview .box .theme-2 { background-image:url(/National_Library/oe_/https://www.fitbrains.com/i/bg/cart_theme2.png); }
.receipt-page-gift .gift-preview .box .theme-3 { background-image:url(/National_Library/oe_/https://www.fitbrains.com/i/bg/cart_theme3.png); }
.receipt-page-gift .gift-preview .box .blue-bg { color:white; text-align:center; background:#00b5f6; padding:40px 0; }
.receipt-page-gift .gift-preview .box .blue-bg h2 { font-size:34px; }
.receipt-page-gift .gift-preview .box p { text-transform:uppercase; padding:20px 0; color:#555; }
.receipt-page-gift-full-width { background-color:#eee; padding:10px; }