@font-face {
  font-family: Cabin;
  font-weight: normal;
  src: url(../fonts/Cabin-Regular.otf) format("opentype");
}

@font-face {
  font-family: Cabin;
  font-weight: bold;
  src: url(../fonts/Cabin-Bold.otf) format("opentype");
}

@font-face {
  font-family: Montserrat;
  font-weight: normal;
  src: url(../fonts/Montserrat-Regular.otf) format("opentype");
}

@font-face {
  font-family: Montserrat;
  font-weight: bold;
  src: url(../fonts/Montserrat-Bold.otf) format("opentype");
}

/*!
 * Start Bootstrap - Logo Nav HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
  font-family: Cabin;
    text-align: center;
    font-size:16px;
  /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#49a9df+0,fffbec+100 */
    background: rgb(73,169,223); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(73,169,223,1) 0%, rgba(255,251,236,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(73,169,223,1) 0%,rgba(255,251,236,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(73,169,223,1) 0%,rgba(255,251,236,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49a9df', endColorstr='#fffbec',GradientType=0 ); /* IE6-9 */

    background-repeat: no-repeat;
}
a {
    color:#089bfd;
}
.nav > li.playground-nav > a:hover {
    background:rgba(203, 250, 204,0.4);
}
.nav > li.math-nav > a:hover {
    background: rgba(255, 237, 184,0.4);
}
.nav > li.read-nav > a:hover {
    background: rgba(255, 216, 212,0.4);
}
.nav > li.fun-nav > a:hover {
    background: rgba(225, 209, 255,0.4);
}
.nav > li.kids-nav > a:hover {
    background: rgba(196, 209, 255,0.4);
}
.navbar-fixed-top .nav {
  padding: 15px 0;
  text-align: left;
}
.navbar-brand {
    padding: 8px 15px;
}
.navbar-nav > li > a {
    padding-bottom: 5px;
    padding-top: 10px;
}
.carousel {
  padding: 0px;
}

.h2leftclass {  
  text-align:left;
}
.siteswap {
    background-color:#feff9c;
    font-size:12px;
    padding:3px;
    color:#666;
}
/* To move navigation buttons outside use these settings:
 
.owl-theme .owl-controls .owl-buttons div {
  position: absolute;
}

*/
 
.owl-theme .owl-controls .owl-buttons .owl-prev{
  left: -18px;
  top: 55px; 
}
 
.owl-theme .owl-controls .owl-buttons .owl-next{
  right: -18px;
  top: 55px;
}

.centered {
  text-align: center;

  
}
.sponsor-column {
    padding-left:0;
    padding-right:5px;
    padding-bottom:30px;
    text-align:center;
}
.sponsor-column div {
    margin:auto;
}
.sponsor-column p {
    font-size:12px;
    color:#ababab;
    margin:-18px 0 0 0;
    padding:0;
}
.home .sponsor-column p {
    color:#ebebeb;
}

/*.home .col-md-8 {
    margin-top:15px;
}*/
.gamebygradetext {
  position: absolute;
  font-size: 24px;
  font-weight:normal;
  /*font-family: Montserrat-Regular;*/
  left:0px;
  right:0px;
  color:#fff;
  top:-4px;
  text-align:center;
}


.owl-prev {
    position: absolute;
    top: 50%;
    margin-top: -50px;
    width: 20px;
    height: 40px;
    text-align: center;
    background-image: url(../img/slider-prev-button.png);

    
}

.playground .item {
  margin:5px;
}

.owl-next {
    position: absolute;
    top: 50%;
    margin-top: -50px;
    width: 20px;
    height: 40px;
    text-align: center;
    background-image: url(../img/slider-next-button.png);
    

}


.owl-next {
    right: 0px;
}



.spanaligncenter {
  text-align: center;
} 

.owl-pagination {
  display: none !important;
}


.gamegrade-background {
  background-image: url('../img/allgames/game-grade-background.png');
  background-size: 100% auto;
  padding-top: 20px;
  background-repeat: no-repeat;
  width: 633px;
  height: auto;
  /*margin-top: 24px;*/
  
  }

.gamebygrade-margin {
  margin-bottom: 30px;
}

.marginbetweenbooks {
  margin-right: 5px;
}

.carousel-height {
  height:100%;
}

.carousel-control.right {
  background-image: none;
  font-size: 30px;
  color:#FFFFFF;
  }

.carousel-control.left {
  background-image: none;
  font-size: 35px;
  color:#FFFFFF;
  
}


.slider-well {
  border:none !important;
}

.marginbetweenrows {
    margin-bottom: 20px;
}

.marginbetweenrows-gamebygrade {
    margin-bottom: 15px;
}

.gamebygrademargin {
    margin-bottom: 15px;
}

.marginh2classbutton {
  margin-right:8px;
}

.margin-icon{
  margin-bottom:4px;
}

.margintopteacher {
  margin-top: -40px;
}

.margintopteacher2 {
  margin-top: -30px;

}

.listmarginup {
  margin-top:-15px;
  margin-left: 15px;
}
.buttonupposition {
  position: absolute;
  font-size: 25px;
  font-family: Cabin;
  font-weight: normal;
  bottom: -0.5em;
  left: 0.8em;
  color: #F0F1F1;
}
.navbar-fixed-top .navbar-brand {
  padding: 0 15px;
  text-align: left;
  display: block;
  margin: 0 auto;
}
.leftmargin {
  margin-left: 280px;
}
.textfooter {
  font-size: 14px;
  font-weight: normal;
  color: #F0F1F1;
}
.margin-footer-row {
  margin-top: -12px;
}
.margin-footer-row-up {
  margin-top: -5px;
}
.inline-block {
  display: inline-block;
  max-width: 100%;
    width: 100%;
}
.container {
    background-color: #FFF;
    /* background-color: #F5F5F5;
 max-width: 1024px;*/
}

.slider-well {
  min-height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

.footer-basic-centered{
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    font-size:18px;
    color:#777777;
    padding: 45px;
    margin-top: 15px;
}
.footer-basic-centered .kidsafe {
    padding-top:20px;
}
.footer-basic-centered .footer-company-motto{
    font-size: 14px;
    margin: 0;
    color:#666666;
}

.footer-basic-centered .footer-company-name{
    font-size: 12px;
    margin: 0;
}

.footer-basic-centered .footer-links{
    list-style: none;
    padding: 25px 0 20px;
    margin: 0;
}

.footer-basic-centered .footer-links a {
    display:inline-block;
    text-decoration: none;
    color: #666666;
    border-right: 1px solid #777;
    padding:0 15px;
    line-height:1;
}

.footer-basic-centered .footer-links a:last-child {
    border-right:none;
}

.footer-basic-centered .footer-links.smaller {
    padding: 0 3px;
}
.footer-basic-centered .footer-links.smaller a {
    color:#777;
    font-size:13px;
}
.footer-basic-centered .footer-links.smaller a span {
    font-size:10px;
    color:#089bfd
}


/*footer.container {
  background-color:transparent;
    font-size:14px;
}
footer.container li {
    display:inline-block;
    border-right: 1px solid #ccc;
    margin:0;
    padding:0 15px;
}
footer.container li:last-child {
    border-right:none;
}
footer.container .label-info {
    vertical-align: middle;
}
.containerfooter {
  text-align: center;
}
footer.container .copyright {
    color:#777;
    font-size:12px;
}
.navbarup {
  padding-bottom: 10px;
}
.footer {
  margin-top: 40px;
    padding:8px 0;
  color: #777;
}
footer a {
    color:#777;
}
*/
.li-font {
  font-weight: normal;
  font-family: Arial;
  font-size: 18px;
}
.hr {
  border: 0;
  height: 1px;
  background: #000;
}
.h2-class {
  font-family: Montserrat;
  font-size: 36px;
  color: #5C5853;

}

.h2-class-wordgames {
  font-family: Montserrat;
  font-size: 36px;
  color: #5C5853;
  margin-top: 10px;
}

.h2-reading {
  font-family: Montserrat;
  font-size: 33px;
  color: #5C5853;

}

.allgamesh2class {
  font-family: Montserrat;
  font-size: 36px;
  color: #5C5853;
  margin-top: -10px;

}

.fixedslider {
  height:200px;
  width: 300px;
  overflow: hidden;
}



.h2-class-allgames {
  font-family: Montserrat;
  font-size: 36px;
  color: #5C5853;
  margin-top: 3px; 

}

.h2-class-playground {
  font-family: Montserrat;
  font-size: 36px;
  color: #5C5853;
  margin-top: -10px; 

}

.moreplaygroundgames {
  font-family: Montserrat;
  font-size: 30px;
  color: #5C5853;
  margin-top: 5px;
}

.gamebygradeheader {
  font-family: Montserrat;
  font-size: 30px;
  color: #5C5853;  

}
/* home page */

.main-home {
    padding-top:50px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0b57ba+0,0b57ba+16,ffffff+100 */
    background: #0b57ba; /* Old browsers */
    background: -moz-linear-gradient(top,  #0b57ba 0%, #0b57ba 16%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #0b57ba 0%,#0b57ba 16%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #0b57ba 0%,#0b57ba 16%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b57ba', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */


 /*   -webkit-box-shadow: inset 0px 10px 30px -13px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 10px 30px -13px rgba(0,0,0,0.75);
    box-shadow: inset 0px 10px 30px -13px rgba(0,0,0,0.75);

    box-shadow: 0px 10px 5px #888, 0px -10px 5px #888;


    box-shadow:
    inset 0px 11px 8px -10px #888,
    inset 0px -11px 8px -10px #888;
    */
    box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.75);
}
.main-home .fb-panel {
    margin-bottom:40px;
}
.link-home .fb-panel {
    margin-bottom:35px;
}
.home-link-section, .playground-link-section {
    border-top: 2px solid #9c9c9c;
    padding-top:10px;
}

/* panel styles */
.fb-panel {
    margin-bottom:25px;
}
.fb-panel h3 {
  color:#fff;
  margin:0;
  text-align:left;
  /*display:inline-block;*/
  font-weight:normal;
    font-size:18px;
    min-height:28px;
    vertical-align:middle;
}
.fb-panel .title-bar {
    width: 100%;
    padding: 10px;
    background: #5c7cd3;
}
.searchresults .fb-panel .title-bar {
    height:55px;
    overflow:hidden;
    font-size:16px;
}
.searchresults .fb-panel h3 {
    margin-top:-5px;
    font-size:15px;
}
.link-home .fb-panel.reading h3 {
    min-height:40px;
}

/*.searchresults .fb-panel h3:before {
    content:'';
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    background:linear-gradient(transparent 180px,rgb(76, 217, 81));
}*/
.fb-panel .title-bar a, .grade-btn-block a, .reading-btn-block a, .kids-btn-block a {
  display:block;
  font-size:15px;
  color:#fff;
  border-radius:25px;
  padding:4px 14px;
}
.game-block .title-bar a {
    display:block;
    font-size:13px;
    color:#fff;
    border-radius:25px;
    padding:3px 13px;
}
.btn {
    border-radius: 25px;
    font-size:15px;
    padding:8px 14px;
}
.fb-panel .title-bar a, .game-block .title-bar p.play-btn a {
    float:right;
    margin-top:-5px;
    letter-spacing: 1px;
    background:#253c97;
}
.fb-panel .title-bar a:hover, .game-block .title-bar p.play-btn a:hover {
    background:#96b2fb;
    text-decoration:none;
    color:#fff;
}
.grade-btn-block a ,.reading-btn-block a, .kids-btn-block a {
    border:1px solid #b8b8b8;
    background:#fff;
    color:#474747;
    margin-bottom:15px;
}
.reading-btn-block a, .kids-btn-block a {
    width:25%;
    margin:auto;
}
.grade-btn-block a.active, .reading-btn-block a.active, .kids-btn-block a.active {
    background: #1E9DFA;
    border:1px solid #1b8bde;
    color:#fff;
}
.fb-panel .title-bar img {
    float:right;
    display:block;
    border:none !important;
    padding:0 14px;
    margin-right:14px;
    margin-top:-12px;
}
.fb-panel p {
    text-align:left;
}
.fb-panel img {
  border:1px solid #8c8c8c;
}
.fb-panel.playground img, .fb-panel.kidsandparents img {
  border:1px solid #4cd951;
}
.fb-panel.playground .title-bar, .fb-panel.kidsandparents .title-bar, .game-block.playground {
  background:#4cd951;
}
.fb-panel.playground .title-bar a, .fb-panel.kidsandparents .title-bar a, .game-block.playground .title-bar p.play-btn a {
  background:#0ba638;
}
.fb-panel.playground .title-bar a:hover, .fb-panel.kidsandparents .title-bar a:hover, .game-block.playground .title-bar p.play-btn a:hover {
  background:#87f38b;
  text-decoration:none;
  color:#0ba638;
}
/*.fb-panel.fun img {
  border:1px solid #f5bf1d;
}
.fb-panel.fun .title-bar {
    border:1px solid #f5bf1d;
    background:#f5bf1d;
}
.fb-panel.fun .title-bar a {
  background:#de6e12;
}
.fb-panel.fun .title-bar a:hover {
  background:#f8d25e;
  text-decoration:none;
  color:#de6e12;
}*/
.fb-panel.reading img {
  border:1px solid #ff6970;
}
.fb-panel.reading .title-bar, .game-block.reading {
  background:#ff6970;
}
.fb-panel.reading .title-bar a, .game-block.reading .title-bar p.play-btn a {
  background:#d40f17;
}
.fb-panel.reading .title-bar a:hover, .game-block.reading .title-bar p.play-btn a:hover {
  background:#ff9a9f;
  text-decoration:none;
  color:#d40f17;
}
.fb-panel.fun img, .fb-panel.justforfun img {
  border:1px solid #b285ff;
}
.fb-panel.fun .title-bar, .fb-panel.justforfun .title-bar, .game-block.fun {
  background:#b285ff;
}
.fb-panel.fun .title-bar a, .fb-panel.justforfun .title-bar a, .game-block.fun .title-bar p.play-btn a {
  background:#573694;
}
.fb-panel.fun .title-bar a:hover, .fb-panel.justforfun .title-bar a:hover, .game-block.fun .title-bar p.play-btna:hover {
  background:#dac4ff;
  text-decoration:none;
  color:#573694;
}
.fb-panel.math img {
  border:1px solid #ff9d47;
}
.fb-panel.math .title-bar, .game-block.math {
  background:#ff9d47;
}
.fb-panel.math .title-bar a, .game-block.math .title-bar p.play-btn a {
  background:#de6e12;
}
.fb-panel.math .title-bar a:hover, .game-block.math .title-bar p.play-btn a:hover  {
  background:#fec28d;
  text-decoration:none;
  color:#de6e12;
}


/* reading page */
.reading-feature {
    border:1px solid #dcdcdc;
    box-shadow: 0 0 5px #dcdcdc;
    padding:15px;
    background-color:#f0f0f0;
    background-image:url(/img/reading/GHD-Watermark.jpg);
    background-repeat:no-repeat;
    background-position:100% 100%;
    min-height:600px;
}
.reading-feature img {
    border:1px solid #8b8b8b;
}
.reading-feature .btn {
    padding:6px 28px;
}
.seperator {
  border-right: 1px solid #C4C4C6;
  margin-left: 30px;
  padding-right: 30px;
  font-size: 23px;
}
.seperator-left {
  padding-left: 45px;
  font-size: 23px;
}
.seperator-no {
  margin-left: 30px;
  padding-right: 20px;
  font-size: 23px;
}
.seperator-allgames {
  margin-left: 30px;
  font-size: 23px;
}
.marginleft {
  margin-left: 200px;
}
.sepearator-allgames {
  display: none !important;
}
.footer {
  text-align: center;
}
.seperator {
  border-right: 1px solid #C4C4C6;
  margin-left: 30px;
  padding-right: 30px;
  text-align: center;
  font-size: 23px;
}
.seperator.brand {
  border-left: 1px solid #C4C4C6;
  margin-left: 10px;
  padding-right: 10px;
  text-align: left;
}
.row2 {
  margin-left: 20px;
  margin-right: 15px;
}
.row3 {
  margin-left: 20px;
  margin-right: 10px;
}
.li-font {
  font-size: 18px;
  font-family: Arial;
  color: #3967AF;
}
.paersonlogo {
  margin-right: 20px;
}
.pearsonalwayslearning {
  margin-top: -42px;
  margin-right: -15px;
}
.k8kidsmargin {
  margin-left: 280px;
}
.aboutfunbrainmargin {
  margin-left: 282px;
}
.textreading {
  margin-bottom: 30px;
}
.carousel-indicators li {
  background-color: #593D27;
  border: none;
}
.carousel-indicators .active {
  background-color: #F38926;
  border: none;
}
.imgbutton-cakemonster {
  position: absolute;
  bottom: 40px;
  right: 20px;
  z-index: 3;
}
nav.navbar {
  margin: 0px;
  border: none;
    font-weight:bold;
}
nav.navbar .navbar-collapse ul.nav img {
  display: block;
}
nav.navbar .navbar-collapse ul.nav li {
  border-left: 1px solid #C4C4C6;
}
nav.navbar .navbar-collapse ul.nav li a {
  padding-left: 18px;
  padding-right: 18px;
}
.navbar-toggle .icon-bar {
  width: 50px;
  height: 8px;
  background-color: #F38A26;
}
.main-container {
  /*padding: 20px 0;*/
    padding:0 0 20px 0;
}
.footer .col-md-2 {
  padding-left: 0px;
  padding-right: 0px;
}
.navbarItems > li > a {
  font-size: 23px;
  font-family: Cabin;
  color: #666666;
}
.main-container > .row {
  margin-left: 0px;
  margin-right: 0px;
}
.main-container > .footer {
  margin-left: -15px;
  margin-right: -15px;
}


.margintopteachermobile {
  margin-top:0px;
}


.fb-ad-column-right {
    margin-top:25px;
  margin-left:-15px;
}
.fb-ad-column-right p {
    margin-left:15px !important;

}
/* old FB styles */
header {
  text-align: left;
  margin-bottom:15px;
}
h1 {
  color:#397AD2;
}
h2 {

}
.banner {
  text-align:center;
  margin-bottom:15px;
}
header h2 {
  padding-top:0;
  margin-top:0;
}
.breadcrumb {
  text-align:left;
  margin-top:0px;
  padding:0;
  font-weight: normal;
}
.center img {
    margin:auto;
}
.books section img {
  width:100%;
  height:auto;
}
.books section.skulldugg img {
  width:auto;
  margin-bottom:15px;
}

/*  wimpy kid */
.wimpykid_book #datepicker div {
  width:100%;
}
.wimpykid_book #datepicker .ui-datepicker .ui-datepicker-title {
    margin: 0 ;
}
.wkcomic {
  text-align:center;
}

.day {margin-left:60px;margin-top:10px;}

.wkcomic p {
  font-size:20px;
  color:#666;
    margin-bottom:5px;
}

.ameliawrites #left-nav{
  color:#55a6d7;
}


.wimpykid_book table.booknav, .tesstree table.booknav{
  margin-top:15px;
  width:100%;
  padding:0;
}

.ameliawrites table.booknav{
  margin-top:15px;
  margin-left:210px;
  width:465px;
  padding:0;
}


.wimpykid_book .booknav td, .tesstree .booknav td, .ameliawrites .booknav td {
  vertical-align:middle;
  text-align:center;
}
.wimpykid_book table.booknav table, .tesstree table.booknav table, .ameliawrites table.booknav table{
  width:140px;
  margin:0 auto;}



.ameliawrites table.booknav table td {
  margin:0;
  padding:0;
  text-align:left;	}


.wimpykid_book table.booknav table td {
  margin:0;
  padding:0;
  text-align:left;	}

.wimpykid_book .booknav p, .tesstree .booknav p, .ameliawrites .booknav p {margin:0;padding:0;text-align:center;}

.wimpykid_book .booknav img, .tesstree .booknav img, .ameliawrites .booknav img {
  margin-left:0;
  margin-bottom:5px;
  vertical-align:middle;
}
.lostside .panel {
    margin-right:auto;
    margin-left:auto;
}
.wimpykid_book img.panel, .tesstree img.panel, .ameliawrites img.panel {
  border:1px solid #ccc;
}
.wimpykid_book input, .tesstree input, .ameliawrites input {width:20px;height:20px;}

.wimpykid_book table p, .tesstree table p, .ameliawrites table p {margin:0;padding:0;font-family:"Comic Sans MS",sans-serif;font-size:12px;line-height:12px;}

.wimpykid_book #nav-column, .ameliawrites #left-nav {
  text-align:center;
}
.wimpykid_book #datepicker {
  margin-bottom:10px;

}
.wimpykid_book .ui-datepicker {font-size:10px;}
.wimpykid_book span.ui-datepicker-month {
  font-weight:bold;
  font-size:13px;
}
.wimpykid_book span.ui-datepicker-year {
  display:none;
}
table#wimp-nav {
  width:100%;
}
#wimp-nav td {
  vertical-align:middle;
  padding:0;
  text-align:center;
}
div.wk-jump {
  clear:both;
  text-align:center;
  width:175px;
  position:relative;
}
div.wk-jump table {
  width:80%;
  margin-top:20px;
  margin-bottom:10px;
  border-bottom:1px solid blue;

}
a.wk-jump-start {
  background: url(/img/wimpykid/wk-jumptostart.png) no-repeat 0 0 ;
  width:111px;
  height:19px;
  display:block;
  border:0;
  text-indent:-9999px;
  position:absolute;
  top:0;
  left:50%;
  margin-left:-58px;
}
a.wk-jump-start:hover {
  background-position: 0 -20px;
}
a.wk-go {
  background: url(/img/wimpykid/wk-go-btn.png) no-repeat 0 0 ;
  width:28px;
  height:28px;
  display:block;
  border:0;
  text-indent:-9999px;
}
a.wk-go:hover {
  background-position: 0 -30px;
}
.wimpykid input {width:50px;height:20px;}

#wimp-nav a.biggen {
  margin: 0; padding: 5px;
  float: left;
  position: relative;  /* Set the absolute positioning base coordinate */
  width: 62px;
  height: 51px;
}
#wimp-nav a.biggen img {
  width: 62px; height: 51px; /* Set the small thumbnail size */
  -ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
  position: absolute;
  left: 0; top: 0;
}
#wimp-nav a.gotowimpy {
  background: url(/img/wimpykid/wk-gotowkcom-hov.png) no-repeat 0 0;
  height:24px;
  width:146px;
  display:block;
  text-indent:-9999px;
  margin-top:-10px;
}
#wimp-nav a.purch {
  background: url(/img/wimpykid/wk-purchase-hov.png) no-repeat 0 0;
  height:24px;
  width:114px;
  display:block;
  text-indent:-9999px;
  margin-top:-9px;
}
#wimp-nav a.gotowimpy:hover {
  background-position: 0 -26px;
}
#wimp-nav a.purch:hover {
  background-position: 0 -25px;
}
.bookshadow {
    box-shadow: 0px 10px 20px rgba(0,0,0,0.4);
}
img.tessad {
  margin-left:2px;
  margin-bottom:5px;
}
.tesstree table.booknav {
  width:70%;
}

form#gotopage {
  border:1px solid #b0d6ec;
}

/* Ranger Kidz */
.rangerkidz section {
    color:#6b3e03;
}
.rangerkidz #game {
    border:1px solid #000;
    width:562px; height:382px;
    margin:auto;
}
.rangerkidz #game iframe {
    border:none;
}
div.rk-home {
    position:relative;
}
div.rk-home ul {
    position:absolute;
    right:8%;
    bottom:25%;
    font-weight:bold;
    font-size:16px;
    background-color:rgba(255,255,255,0.6);
}
div.rk-home ul a {
    color:#6b3e03;
}
section.rk-right p {
    text-align:left;
    font-weight:normal;
}

section.rk-right h2 {
    margin-top:12px;}
section.rk-right p{
    font-size:14px;}
section.rk-right p a {
    color:#04C9E0;}
section.rk-right #bookImg{
    padding-right:8px;}
section.rk-right h3 img{
    margin-top:20px;
    margin-bottom:5px;
    padding:0;
}

section.rk-right a {
    color:#04c9e0;
    font-weight:bold;
}
div.rk-about {
    margin-top:10px;
    padding-top:5px;
    /*border-top:2px dashed #6b3e03;*/
}
div.rk-about h2 {
    color: #85a318;
    font-size: 16px;
    font-weight: bold;
}
div.rk-about p {
    font-size:14px;
}
div.rk-about a {
    font-weight:bold;
}
div.rk-right h3 {
    margin-top:10px;
    margin-bottom:0;
    padding:0;
}
div.rk-app-icons img {
    margin-right:3px;
}

.rangerkidz #trythis {
    margin-top:15px;
    text-align:center;
}
.rangerkidz #trythis h3 a {
    font-weight:bold;
}
.rangerkidz .try-selection div {
    text-align:left;
}
.rangerkidz .try-selection div:first-child {
    margin-left:0;
}

/* FB Background colors */
#header.rangerkidz, #pageContent.rangerkidz {
    background-color:#f9f6e9;
}
/* Teachers */
.teach section {
  text-align:left;
}
.teach section div {
    margin-bottom:20px;
}
.teach section img {
  border:2px solid green;
}
.teach section h2 {
  margin-top:0;
}
/* cgi landing */
.cgi-landing {
text-align:center;
}
.cgi-landing table, .cgi-landingv2 table {
    width:100%;
    margin:0 auto;
}
.cgi-landing td {
    padding:10px;
    vertical-align:top;
    text-align:left;
}
.cgi-landing td .img-responsive {
    width:80%;
}
.cgi-landing input[type="radio"], .cgi-landingv2 input[type="radio"] {
  margin-right:10px;
}
.cgi-landing-content {
  background:#fff;
  border-bottom:15px solid #fff;
}
.cgi-landing-content .btn {
    min-width:80px;
}
.cgi-landing-content legend {
    margin-bottom:5px;
    width:85%;
    text-align:center;
}
.cgi-landing-content fieldset {
    margin-bottom:20px;
}
.cgi-howtoplay {
    text-align:left;
    font-size:14px;
}
/* buttons */
.btn-reading {
    background:#e02525;
    color:#fff;
}
.book-btn {
    display:block;
    width:100%;
    background:#1e9dfa;
    color:#fff;
    margin-bottom:15px;
}
.playground header {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#42bb46+0,4cd951+20,4cd951+100 */
    background: #42bb46; /* Old browsers */
    background: -moz-linear-gradient(top,  #42bb46 0%, #4cd951 20%, #4cd951 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #42bb46 0%,#4cd951 20%,#4cd951 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #42bb46 0%,#4cd951 20%,#4cd951 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42bb46', endColorstr='#4cd951',GradientType=0 ); /* IE6-9 */
}
.playground h1 {
    background-image: url(/imgresized/playground.png);
    background-repeat:no-repeat;
    background-position:15px 0px;
    font-size:30px;
    padding:10px 15px 10px 75px;
    margin:0;
    text-align:left;
    color:#fff;
}
.playground-links {
    /*background: #cbfacc;*/
    padding-bottom:25px;
    padding-top:15px;
    box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.75);

}
.playground-links h2 {
    background-image: url(/imgresized/playground.png);
    background-repeat:no-repeat;
    font-size:30px;
    padding:10px 15px 10px 65px;
    margin:0;
    text-align:left;
}
.kidscenter header {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5270be+0,5c7cd3+20,5c7cd3+100 */
    background: #5270be; /* Old browsers */
    background: -moz-linear-gradient(top,  #5270be 0%, #5c7cd3 20%, #5c7cd3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #5270be 0%,#5c7cd3 20%,#5c7cd3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #5270be 0%,#5c7cd3 20%,#5c7cd3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5270be', endColorstr='#5c7cd3',GradientType=0 ); /* IE6-9 */

}
.kidscenter-bak {
    background:#C4D1FF;
    padding-bottom:25px;
}
.kidscenter h1 {
    background-image: url(/imgresized/allgames.png);
    background-repeat:no-repeat;
    font-size:30px;
    padding:10px 15px 10px 60px;
    margin:0;
    text-align:left;
    color:#fff;
}

.arcade-flash {
    background:#0099ff;
    margin-top:-15px;
    padding-top:15px;
}
.main-container.arcade, .main-container.sweepsbrain {
    padding-bottom:0;
}
.fun-section header {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9176c6+0,a687e2+20,a687e2+100 */
  background: #9176c6; /* Old browsers */
  background: -moz-linear-gradient(top,  #9176c6 0%, #a687e2 20%, #a687e2 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #9176c6 0%,#a687e2 20%,#a687e2 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #9176c6 0%,#a687e2 20%,#a687e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9176c6', endColorstr='#a687e2',GradientType=0 ); /* IE6-9 */
}
.fun-section .color-background {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e7dbff+0,e7dbff+94,ccc2e1+100 */
  background: #e7dbff; /* Old browsers */
  background: -moz-linear-gradient(top,  #e7dbff 0%, #e7dbff 94%, #ccc2e1 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #e7dbff 0%,#e7dbff 94%,#ccc2e1 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #e7dbff 0%,#e7dbff 94%,#ccc2e1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7dbff', endColorstr='#ccc2e1',GradientType=0 ); /* IE6-9 */
  padding-bottom:20px;
}
.fun-section h1 {
  background-image: url(/imgresized/funarcade.png);
  background-repeat:no-repeat;
  font-size:30px;
  padding:10px 15px 10px 60px;
  margin:0;
  text-align:left;
  color:#fff;
}
.fun-links {
    /*background: #e1d1ff;*/
    padding-bottom:25px;
}
.fun-links h2  {
    background-image: url(/imgresized/funarcade.png);
    background-repeat:no-repeat;
    font-size:30px;
    padding:10px 15px 10px 60px;
    margin:0;
    text-align:left;
}
.reading-section header {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dc5f4a+0,f96d55+20,f96d55+100 */
    background: #dc5f4a; /* Old browsers */
    background: -moz-linear-gradient(top,  #dc5f4a 0%, #f96d55 20%, #f96d55 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #dc5f4a 0%,#f96d55 20%,#f96d55 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #dc5f4a 0%,#f96d55 20%,#f96d55 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc5f4a', endColorstr='#f96d55',GradientType=0 ); /* IE6-9 */
}
.reading-section header a {
    color:#c61b11;
}
.sponsored .reading-section header {
    margin-bottom:0;
}
.sponsored .sponsor-banner {
    margin-bottom:25px;
}
.reading-section .color-background {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e7dbff+0,e7dbff+94,ccc2e1+100 */
    background: #e7dbff; /* Old browsers */
    background: -moz-linear-gradient(top,  #e7dbff 0%, #e7dbff 94%, #ccc2e1 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #e7dbff 0%,#e7dbff 94%,#ccc2e1 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #e7dbff 0%,#e7dbff 94%,#ccc2e1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7dbff', endColorstr='#ccc2e1',GradientType=0 ); /* IE6-9 */
    padding-bottom:20px;
}
.reading-section h1 {
    background-image: url(/imgresized/reading.png);
    background-repeat:no-repeat;
    font-size:30px;
    padding:10px 15px 10px 60px;
    margin:0;
    text-align:left;
    color:#fff;
}
.reading-section h1 .small {
    color:pink;
}
.reading-bak {

    padding-bottom:25px;
}
.reading-links, .reading-btn-block {
    /*background:#ffd8d4;*/
    padding-bottom:25px;
}
.reading-books {
    padding-bottom:25px;
}
.reading-books h2, .reading-links h2  {
    background-image: url(/imgresized/reading.png);
    background-repeat:no-repeat;
    font-size:30px;
    padding:10px 15px 10px 60px;
    margin:0;
    text-align:left;
}
.main-container.mathbrain {
    padding-bottom:0;
}
.math-flash {
    background:#8a66cc;
    margin-top:-15px;
    padding-top:15px;
}
.math-section, .fun-section, .reading-section {
    text-align:left;
}
.math-section header {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e58b0c+0,ff9d0f+20,ff9d0f+100 */
    background: #e58b0c; /* Old browsers */
    background: -moz-linear-gradient(top,  #e58b0c 0%, #ff9d0f 20%, #ff9d0f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #e58b0c 0%,#ff9d0f 20%,#ff9d0f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #e58b0c 0%,#ff9d0f 20%,#ff9d0f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e58b0c', endColorstr='#ff9d0f',GradientType=0 ); /* IE6-9 */
}
.math-section .color-background {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e7dbff+0,e7dbff+94,ccc2e1+100 */
    background: #e7dbff; /* Old browsers */
    background: -moz-linear-gradient(top,  #e7dbff 0%, #e7dbff 94%, #ccc2e1 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #e7dbff 0%,#e7dbff 94%,#ccc2e1 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #e7dbff 0%,#e7dbff 94%,#ccc2e1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7dbff', endColorstr='#ccc2e1',GradientType=0 ); /* IE6-9 */
    padding-bottom:20px;
}
.math-section h1 {
    background-image: url(/imgresized/matharcade.png);
    background-position:15px 0;
    background-repeat:no-repeat;
    font-size:30px;
    padding:10px 15px 10px 85px;
    margin:0;
    text-align:left;
    color:#fff;
}
.FlashContent, #FlashContent {
    margin-bottom:25px;
}
.math-links {
    /*background:#ffedb8;*/
    padding-bottom:25px;
}
.math-links h2  {
    background-image: url(/imgresized/matharcade.png);
    background-repeat:no-repeat;
    font-size:30px;
    padding:10px 15px 10px 60px;
    margin:0;
    text-align:left;
}

.home-link-section h2  {
    background-image: url(/imgresized/allgames.png);
    background-repeat:no-repeat;
    font-size:30px;
    padding:10px 15px 10px 50px;
    margin:0;
    text-align:left;
}
.kids-links h2, .kids-links h1 {
    background-image: url(/imgresized/allgames.png);
    background-repeat:no-repeat;
    font-size:30px;
    padding:10px 15px 10px 60px;
    margin:0;
    text-align:left;
}
.kids-links .fb-panel h3 {
    font-size:14px;
}

/* Popup */
#basic-modal {

}

#mask {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9000;
  background-color: #000;
  display: none;
}

#basic-modal  .window {
  position: fixed;
  left: 0;
  top: 0;
  width: 640px;
  height: 480px;
  display: none;
  z-index: 9999;
  padding: 0px;
}

#basic-modal  #adBox {
  width: 640px;
  height: 480px;
  padding: 0px;
  /*background-color: black;*/
}

.gameover-popup {
    position: relative;
    background: #fff;
    padding: 5px;
    width: auto;
    margin: 20px auto;
    text-align:center;
}

.gameover-popup .mfp-close, .gameover-popup .mfp-close:hover {
    width: 30px;
    height: 30px;
    line-height: 30px;
    top: -15px;
    right: -15px;
    background: #fff;
    border-radius: 25px;
}


/* search results */
.searchresults .fb-panel {
    position:relative;
}
.searchresults .game-description {
    display:none;
}

.fb-panel:hover .game-description {
    display:block;
}
/* ad display */
.gpt728, .gptright, .gptcustom {
    text-align:center;
    margin-bottom:15px;
    margin-top:-5px
}
.gpt728 div, .gptright div, .gptcustom div {
    text-align:center;
    margin:auto;
}
.gpt728 p, .gptright p, .gptcustom p, p.adtextfix {
    font-color:#ebebeb;
    font-size:12px;
    margin:0;
}

/* playground and regular html5 games */
.html5game {
margin-bottom:25px;
}
.suddenhtml5 .col-md-8, .suddenhtml5 .col-md-9, .playgroundhtml5 .col-md-9, .playgroundhtml5 .col-md-8 {
    padding-bottom:25px;
}

.playgroundhtml5 #game, .sweepsbrain #game, .suddenhtml5 #game {
    display:none;
    text-align:center;
    margin:auto;
}
.sweepsbrain #game, .suddenhtml5 #game {
    width: 100%;
}
.playgroundhtml5 #game {
    max-width: 500px;
}
.playgroundhtml5 #game iframe, .suddenhtml5 #game iframe {
    margin:auto;
    overflow-y:hidden;
}
.playgroundhtml5 #pageContent, #header {
    background-color:#e6fde6;
}
.playgroundhtml5 #game-launch img, .sweepsbrain #game-launch img, .suddenhtml5 #game-launch img{
    border:solid 3px #4ede27;
}
.playgroundhtml5 #game-launch img {
    margin:auto;
}
.playgroundhtml5 .banner-ad, .suddenhtml5 .banner-ad {
    text-align: center;
    margin: 0px auto 10px;}
.playgroundhtml5 #moreGames, , .suddenhtml5 #moreGames {
    border-left:solid 1px #999;
    padding-left:7px;	}

.playgroundhtml5 #moreGames h2, .suddenhtml5 #moreGames h2 {
    color:#fd7a03;
    font-size:22px;
    margin:0;
    font-weight:bold;
    letter-spacing:-1px;}

.playgroundhtml5 #moreGames img, .suddenhtml5 #moreGames img {
    margin:0 0 15px 0;
    border:solid 1px #fd7a03}



/* classic landing */
.measureit h1 {
    font-size:26px;
}
.measureit h3 {
    margin-top:5px;
}
.measureit .btn, .detect .btn, .entrap .btn, .fract .btn, .webmaster .btn, .longdiv .btn, .notes .btn {
    min-width:100px;
}
/* Don't show flash to mobile, eventually*/
.flash-required, .madlibs {
display:none;
}




/* Adventure Arcade */
.main-container.actionarcadehome {
   padding-bottom:0;
}
#pageContent.actionarcade {
    padding-bottom:0;
}
.actionarcade .adventure-bak, .actionarcadehome .col-md-8, .col-md-8.adventure-bak  {
    background: url(/img/aarcade/LandingPageBG.png) no-repeat 0 0;
    background-size:cover;
   /* margin-left:-10px;
    min-height: 482px;
    position:relative;*/
    padding:25px 0;
    text-align:center;
}
.actionarcade .col-md-8 img {
    margin:auto;
}
.actionarcade section #instr {
  /*  position:absolute;
    left:239px;
    top:75px;*/
}
.actionarcade #back-btn {
    background:url(/img/aarcade/Back_Btn.png) no-repeat 0 0;
    display:block;
    width:110px;height:59px;
    border:none;
}
.actionarcade #back-btn:hover {
    background-position:0 -58px;
}
.actionarcade #back-btn:active {
    background-position:0 -117px;
}
.actionarcade #start-btn {
    background:url(/img/aarcade/StartGame.png) no-repeat 0 0;
    display:block;
    width:225px;height:59px;
    border:none;
    margin:-25px auto 25px auto;
    position:relative;
    z-index:500;
   /* position:absolute;
    top:365px;
    left:350px;*/
}
.actionarcade #start-btn:hover {
    background-position:0 -59px;
}
.actionarcade #start-btn:active {
    background-position:0 -117px;
}
canvas { -ms-touch-action: none; }
div.background {
    background-color:#6d83dd;
    margin-left: -10px;
    padding-top:50px;
    background-size:900px 700px;
    height:700px;
    position: relative;
}

#c2canvas {border:solid 10px #d86b00;margin:auto;}
#c2canvasdiv {
    text-align:center;
    margin:auto !important;
}

/* Book Nav */
.book-nav .glyphicon {
    padding-right:5px;
    font-size:16px;
    vertical-align:middle;
    padding-bottom:4px
}
.book-nav .book-next .glyphicon {
    padding-right:0px;
    padding-left:5px;
}
.book-nav li > a {
    color:#fff;
    background:#DB524B;
    margin-right:15px;
}
.book-nav li > a:focus, .book-nav li > a:hover {
    background:rgb(201, 48, 44);
}
.book-nav li > a.book-buy {
    background:#4ABD02;
}
.book-nav li > a.book-buy:focus, .book-nav li > a.book-buy:hover {
    background: rgb(68, 157, 68);
}
.pager li > a.book-next {
    padding:5px 10px 5px 18px;
}
.pager li > a.book-back {
    padding:5px 18px 5px 10px;
}
.pager.book-nav {
    margin-top:5px;
}
.pager.book-nav .next > span {
    float: none;
}
@media only screen and (max-width : 480px) {
    .book-nav li > a {
        font-size:12px;
    }
}


/* Push */
@-webkit-keyframes hvr-push {
    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes hvr-push {
    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.navbarItems li a, a.navbar-brand, .hvr-push {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}
.navbarItems li a:hover, .navbarItems li a:focus,.navbarItems li a:active, a.navbar-brand:hover,.hvr-push:hover, .hvr-push:focus, .hvr-push:active {
    -webkit-animation-name: hvr-push;
    animation-name: hvr-push;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}



@media(min-width: 1200px) {
    nav.navbar .navbar-collapse ul.nav li a {
        padding-left: 22px;
        padding-right: 22px;
    }
}

@media only screen and (min-width: 992px) {
    .footer {
        display: flex;
        align-items: center;
    }
    .navbar-nav > li > a {
        min-height:95px;
    }
    .galactic-img {
        width: 200px !important;
    }

}
@media(min-width:768px) {
    body {
        height:100% !important;
    }
    .fb-ad-column-right {
        margin-top:0;
    }
}
@media (max-width: 1005px) {
    .navbar-header {
        float: none;
    }
    .navbar-left, .navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7px; /* Changed from 7.5, which is not valid here */
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .gamegrade-background {
        background-image: none;
    }

    .gamebygradetext {
        top:2px;
    }
    .gamegradebuttonwidth {
        width:384px !important;

    }
    .collapse.in {
        display: block !important;
    }
    nav.navbar .navbar-brand img {
        height: 50px;
    }
    nav.navbar .navbar-collapse ul.nav li {
        border-left: none !important;
    }
    nav.navbar .navbar-collapse ul.nav img {
        display: inline-block;
    }

    canvas {
        margin: 50px auto;
    }

}
/* Small Devices, Tablets */
@media only screen and (max-width : 992px) {
    .fb-panel h3 {
        font-size: 16px;
    }
}
@media(max-width: 991px) {
    .footer > div {
        padding-bottom: 30px;
    }
    .marginbetweenrows-mobile {
        margin-bottom:20px;
    }
}

@media all and (max-width: 900px) {
    /*br {
      display: none;
    }*/
    .breadcrumb {
        font-size:11px;
    }
    .seperator-allgames {
        margin-left: 0px;
    }
    .marginmenu {
        margin-left: 25px;
        padding-right: 20px;
        font-family: Cabin;
    }
    .margin-right-mobile {
        margin-right: 30px;
    }
    .margin-bottom-mobile {
        padding-bottom: 10px;
    }
    .margintop {
        margin-top: -10px;
    }
    .mobilelogo {
        width: 190px;
        height: 80px;
        margin-top: 0px;
        padding-bottom: 11px;
    }

    .footer {
        margin-top: 20px;
    }
    .pearsonalwayslearning {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .margin-footer-row {
        margin-top: 0px;
    }
    .margin-footer-row-up {
        margin-top: 0px;
    }
    .h2-class {
        font-family: Montserrat;
        font-size: 30px;
        margin-bottom: 10px;
        margin-top: 20px;
        color: #5C5853;
    }
    .margintopteacher {
        margin-top: 10px;
        margin-left: -30px;
    }
    .margintopteacher2 {
        margin-top: 10px;
        margin-left: -30px;
    }

    .margintopteacher3 {
        margin-top: 10px;
        margin-left: 0px;
    }
    .margintopteacher4 {
        margin-top: 10px;
        margin-left: 0px;
    }
    .sliderheight {
        height: auto; /* Was "fixed", which is not valid for height */
    }
    .gamegrade-background {
        background-image: none;
        width: auto;
    }
    .readmore {
        text-align: center;
    }

}

@media (max-width: 600px) {

    .footer-basic-centered{
        padding: 35px;
    }
    .footer-basic-centered .footer-company-name{
        font-size: 12px;
    }

    .footer-basic-centered .footer-links{
        font-size: 16px;
        padding: 25px 0 20px;
    }

    .footer-basic-centered .footer-links a{
        /*line-height: 1.8;*/
    }
    .footer-basic-centered .footer-links.smaller a {
        color:#777;
        font-size:12px;
    }
}

@media (min-width: 360px) and (max-width: 470px)  {
    .footer-basic-centered .footer-links a.nolines {
        border-right:none;
    }
}

@media (max-width: 360px) {
    .footer-basic-centered .footer-links a.nolines2 {
        border-right:none;
    }
}

@media only screen and (max-width: 450px) {
    .br {
        content: '.';
        display: inline-block;
        width: 0%;
        border-bottom: 1px dashed black;
    }
    .seperator-nodisplay {
        display: none !important;
    }

    .marginbetweenrows-mobile {
        margin-bottom:20px;
    }
    .gamebygrademarginleft {
        margin-right:80px;
    }

    .playgroundwidth {
        width:300px !important;
        height: 200px !important;

    }

}

@media only screen and (min-width: 360px) {
    .galactic-img {
        width: 300px !important;

    }
}

@media only screen and (min-width: 600px) {
    div.rk-home ul {
        position:static;
        right:auto;
        bottom:auto;
        background-color: transparent;
    }
    div.rk-home li {
        list-style-type:none;
    }
    div.rk-home a {
        position: absolute;
        display: block;
        text-indent: -9999px;
        background: url(/img/rangerkidz/fb-rk-main-btns.png) no-repeat 0 0;
    }

    div.rk-home a.chk {
        width: 170px;
        height: 90px;
        left: 347px;
        top: 237px;
    }

    div.rk-home a.chk:hover {
        background-position: -176px 0;
    }

    div.rk-home a.cyt {
        width: 194px;
        height: 94px;
        background-position: 0 -107px;
        left: 298px;
        top: 402px;
    }

    div.rk-home a.cyt:hover {
        background-position: -208px -107px;
    }

    div.rk-home a.nmb {
        width: 172px;
        height: 110px;
        background-position: 0 -221px;
        left: 256px;
        top: 295px;
    }

    div.rk-home a.nmb:hover {
        background-position: -175px -221px
    }

    div.rk-home a.prr {
        width: 152px;
        height: 74px;
        background-position: 0 -343px;
        left: 424px;
        top: 333px;
    }

    div.rk-home a.prr:hover {
        background-position: -158px -343px;
    }
}

/* Landscape */
@media only screen
and (min-device-width: 300px)
and (max-device-width: 1024px)
and (orientation: landscape) {
    .suddenhtml5 #instructions {
        margin:auto;
        width:75%;
    }
    .suddenhtml5 #game {
        margin:auto;width:75% !important;
    }
    /*  .playgroundhtml5 #game {
          margin:auto;width:80% !important;
      }*/
}


@media only screen and (max-width : 480px) {
    header h1 {
        font-size:18px !important;
    }
    .math-section h1, .reading-section h1, .fun-section h1 {
        background-position:15px -4px;
        padding:10px 15px 10px 85px;

    }
    .searchresults .fb-panel h3 {
        font-size:14px;
    }
    .fb-panel .title-bar a, .grade-btn-block a, .reading-btn-block a, .kids-btn-block a {
        font-size:13px;
        padding:2px 8px;
        letter-spacing: normal;
        margin-right:-5px;
        border-radius: 10px;
    }
    .xtra-space .title-bar h3 {
        min-height:40px;
    }
    .home .title-bar img {
        display:none;
    }
    .reading-btn-block.show-more a, .kids-btn-block a.active {
        width: 45%;
        margin:auto;
    }
    .fb-ad-column-right {
        margin-left:-5px;
    }
    .measureit-img {
        text-align:center;
    }
    .measureit-img img {
        margin:auto;
    }
    .mathbaseball-landing select {
        display:block;
    }
    .cgi-landing-content ul {
        padding-left:25px;
    }
}
@media (max-width: 340px) {
    .gameover-popup {
        margin:0;
    }
    .wimpy .gpt728, .lostside .gpt728 {
        margin-left:-15px;
        min-height:55px;
    }
}

/* Rbrain animate */
.portrait .info {
    text-align: center;
    color:#666;
    border:1px solid #c4c4c6;
    background-color:#f0f0f0;
    height:70px;
}
.portrait .info h3 {
    margin: 0;
    padding:6px 5px 0 5px;
    font-size:16px;
}
.portrait .info p {
    font-size: 12px;
    position: relative;
    padding: 5px;
    text-align: left;
}
.portrait a:hover {
    text-decoration: none;
}

.fb-animate {
    position: relative;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
.fb-animate,
.fb-animate * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.fb-animate a {
    color: #333;
}
.fb-animate a:hover {
    text-decoration: none;
}
.fb-animate img {
    width: 100%;
    height: 100%;
}
.fb-animate.portrait {
    position: relative;
    overflow: hidden;
}

.fb-animate.portrait .info {
    height: 35%;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}
.fb-animate.portrait img {
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
.fb-animate.portrait a:hover .info {
    visibility: visible;
    opacity: 1;
}

.fb-animate.portrait a:hover img {
    opacity:0.5;
}
.fb-animate.portrait a:hover .info {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
@media only screen and (min-width:992px) and (max-width: 1200px) {
    .fb.portrait .info {
        height:110px;
    }
    .fb-animate.portrait .info {
        height:50%;
    }
    .fb-animate.portrait .info h3 {
        font-size:15px;
    }
}
@media only screen and (max-width : 480px) {
    .portrait .info {
        height:50px;
        overflow:hidden;
    }
    .portrait .info h3 {
        font-size:13px;
    }
    .portrait .info h3.long {
        font-size:12px;
        letter-spacing:-0.3px;
    }
    .portrait .info p {
        display:none;
    }
}