@charset "UTF-8";

/* ********** */
/* Mobile First CSS */
/* ********** */

/* Scholastic Overrides */
body {background:#eaf1f4; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
#universal4o {margin-bottom:0; display:none; font-size:12px;}
#footer-corporate {display:none;}
#logo_mobile {
	position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
    height: auto;
    background-color: #EC1D25;
    text-align: center;
}
#logo_mobile a {
	display:block;
    padding-top: 1em;
    padding-bottom: 1em;
}
#schlHeader {display:none;}
#schlPageContent {width: 100%; max-width:960px; padding-bottom:0; background:#fff;margin-bottom: 0px;}
#schlMainContent {width: 100%; max-width:960px; margin: 0 auto;}
#schl3o {width: 100%; max-width:960px;}

h1, h2, h3, h4, h5 {font-family:'Frutiger LT W01_75 Black', sans-serif;}


#rand_page {width:100%; margin:0 auto; background:#fff;}

#sponsored {width:100%; margin: 0 auto; padding: 5px 0 0 5px; height: 24px; text-transform: uppercase; font-size: 11px; font-family: 'Open Sans', sans-serif; font-weight: 500;}

#rand_hero {width:100%; margin: 0 auto; position: relative; min-height: 180px; background: #000 url(../images/rand_classroom_hero.jpg) -50px -150px no-repeat;;}

#rand_hero h1 {color: #8ed2f3; font-size: 26px; height: 180px; width: 100%; text-align: center; margin: 0 auto; padding: 101px 0 0 0; background: rgba(0, 0, 0, 0.5) url(../images/rand_mcnally_logo_sm.png) center 10px no-repeat;}
#rand_hero h1 span {display: none; color: red;} 
#rand_hero p {position: absolute; top: 8px; right: 8px; font-family:'Frutiger LT W01_55 Roma1475738', sans-serif; color: #fff; font-size: 13px; }

#rand_hero #devices {display: none;}

#rand_body {width:96%; margin: 0 auto; position: relative;}
#rand_body h2 {color: #126fb2; font-size: 32px; width: 100%; margin: 11px 0 8px 3px;}
#rand_body h4 {background-color: #5cb645; color: #fff; padding: 11px 0 10px 10px; font-size: 21px; text-transform: uppercase;margin: 24px 0 0 0;letter-spacing: 4.5px;}
#rand_body #classroomresources {min-height: 325px; position: relative;}
#rand_body #classroomresources h5 {padding: 0 0 0 9px; font-size: 18px; line-height: 22.5px; width: 100%;}

#rand_body p {font-family:'Frutiger LT W01_55 Roma1475738', sans-serif; color: #000; font-size: 16px; width: 100%; float: left; margin: 0 34px 26px 0;padding: 0 0 0 5px;line-height: 24px;}
#rand_body p strong {font-family:'Frutiger LT W01_75 Black', sans-serif;}


#rand_body a.orangebtn {border-style: solid;
  border-width: 2px;
  border-color: #f9930b;
  border-radius: 8px;
  background-color: #f9930b;
  width: 290px;
  height: 142px;
  display: inline-block;
  font-family:'Frutiger LT W01_75 Black', sans-serif;
  color: #fff;
}

#rand_body #freetrial {
  width: 290px;
  height: 142px;
  float: left;
  font-size: 20px;
  text-align: left;
  line-height: 20px;
  background:#f9930b url(../images/rand_link_arrow_lg.png) 230px 72px no-repeat;
  padding: 12px 0 0 12px;
  margin: -10px 0 0 0;
}

#rand_body #learnmore {
  width: 217px;
  height: 48px;
  font-size: 21px;
  text-align: left;
  line-height: 21px;
  background:#f9930b url(../images/rand_link_arrow_sm.png) 171px 9px no-repeat;
  display: inline-block;
  margin: 2px 0 25px 16px;
  padding: 12px 0 0 18px;
}

#rand_body #freetrial strong {font-size: 43px; display: block; line-height: 46px; padding-bottom: 3px;}
#rand_body #freetrial span {font-family:'Frutiger LT W01_55 Roma1475738', sans-serif; font-size: 26px; display: block; line-height: 34px;letter-spacing: -1px;padding: 0 0 6px 0;}

#rand_body #features {width: 100%; background-color: #fff; min-height: 327px;  margin: 20px 0 0 0;}
#rand_body #features #featurelist {width: 100%;}
#rand_body #features #featurelist ul {list-style: none; margin: 0; padding: 0; min-height:277px; font-size: 16px;}
#rand_body #features #featurelist li a {font-family:'Frutiger LT W01_75 Black', sans-serif; color: #000; text-decoration: none; display: block; padding-left: 60px;font-size: 17px;letter-spacing: -.1px;line-height: 17px;}
#rand_body #features #featurelist li a span {display: block; font-size: 11px; font-family:'Frutiger LT W01_56 Italic', sans-serif; letter-spacing: -.9px; }
#rand_body #features #featurelist li {height: 67px; overflow: hidden;}
#rand_body #features #featurelist li:nth-child(even) {background: #88ccff url(../images/rand_feature_bullet.png) 11px 16px no-repeat;
  padding: 12px 0 5px 0;}
#rand_body #features #featurelist li:nth-child(odd) {background: #d0ecff url(../images/rand_feature_bullet.png) 11px 16px no-repeat;
  padding: 12px 0 6px 0;}
#rand_body #features #featurelist h3 {font-size: 26px; color: #fff; background-color: #51b2ff; height: 50px; padding: 9px 0 0 22px; margin: 0;letter-spacing: 6px;}

#rand_body #features #videotour {display: none;}
#rand_body #features #videotoursm {margin: 10px 0 0 0;}

#rand_body #print_materials {width: 100%; float: left;}

#rand_body #copyright {font-size: 11px; font-family: 'Open Sans', sans-serif; font-weight: 500; color: #848a83; width: 98%;line-height: 18px;padding: 0 0 0 18px;margin: 0 0 10px 0;}

.modal-body img {padding: 0; width: 100%;}

.modal {padding: 30px 0 0 0;}

.modal-dialog {
  border-style: solid;
  border-width: 2px;
  border-color: rgb(114, 114, 114);
  background-color: #fff;
  box-shadow: 2.5px 4.33px 7.76px 0.24px rgba(0, 0, 0, 0.35);
  margin: 0 auto;
  padding: 5px 0;
}

.modal-content {
  border-style: none;
  background-color: #fff;
  box-shadow: none;
  margin: 0 auto;
}

.modal-header {
  border-style: none;
  min-height: 0;
  padding: 0;
  margin: 0;
}

.modal-header span {display: none;}

.modal-header .close {
    margin-top: -30px !important;
    background-color: transparent;
    width: 42px !important;
    height: 42px !important;
    opacity: 1 !important;
    background: url(../images/rand_close_button.png) top center no-repeat;
}

.modal-body h6 {
font-family:'Frutiger LT W01_75 Black', sans-serif;
  font-size: 19px;
  color: rgba(18, 0, 0, 1);
  line-height: 1.121;
  margin: 0;
  padding: 10px 0 0 5px;
}
.modal-body p {
font-family:'Frutiger LT W01_55 Roma1475738', sans-serif;
  font-size: 15px;
  color: rgba(18, 0, 0, 0.839);
  line-height: 1.215;
 	margin: 0;
  padding: 5px 0 0 5px;

}

/* Share Links */
#share-links {position:absolute; bottom:2px; left:36px; text-align:center; padding:0;}
.share-socialholder {position:relative;}
#share-social {position:absolute; top:-999999px; left:-30px; background-color:#333333; width:240px; height:50px; padding:4px 10px 0 10px; box-sizing:border-box;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
z-index:999;
}
#share-social.social-show {bottom:-54px; top:auto;}

#share-social a {display:block; width:40px; height:40px; color:#fff; text-decoration:none; font-family:FontAwesome; font-size:20px; line-height:40px; border:1px #333333 solid;
-webkit-border-radius: 20px; 
-moz-border-radius: 20px;
border-radius: 20px;
}
#share-social a:hover {border:1px white solid;}

#share-social #share-tail {
	overflow: hidden;
    height: 10px;
    width: 20px;
    display: block;
    position: absolute;
    left: 40px;
    top: -10px;
    color: #5a3487;
}
#share-social #share-tail:before {
	content: '';
    height: 20px;
    width: 0;
    border: 7px solid transparent;
    border-bottom-color: #333333;
    position: absolute;
    top: -10px;
    left: 0;
}


#share-links a {display:inline-block; margin:0 4px;}

#share-sociallink {width:40px; height:40px; background:url(../images/share.png) center center no-repeat;
-webkit-border-radius:20px; 
-moz-border-radius:20px;
border-radius:20px;
}

#share-emaillink {width:40px; height:40px; background:url(../images/email.png) center center no-repeat;
-webkit-border-radius:20px; 
-moz-border-radius:20px;
border-radius:20px;
}

#share-links p {display: none;}


/* Media Queries */

@media only screen and (min-width: 480px) {


}

@media only screen and (min-width: 720px) {
	
#share-links {top:14px; left:360px; bottom:auto;}

/* Page */

#rand_page {max-width:720px; margin:0 auto 35px; background:#fff;}

#sponsored {max-width: 720px; margin: 0 auto; padding: 27px 0 0 0; height: 48px; text-transform: uppercase; font-size: 12px; font-family: 'Open Sans', sans-serif; font-weight: 500;}

#rand_hero {max-width: 720px; margin: 0 auto; position: relative; min-height: 707px; background: #000 url(../images/rand_classroom_hero.jpg) bottom center no-repeat;}

#rand_hero h1 {color: #8ed2f3; font-size: 34.5px; height: 174px; width: 100%; margin: 0 auto; padding: 111px 0 0 325px; background: url(../images/rand_mcnally_logo_sm.png) 18px 62px no-repeat;}
#rand_hero h1 span {display: none; color: red;} 
#rand_hero p {position: absolute; top: 16px; right: 16px; font-family:'Frutiger LT W01_55 Roma1475738', sans-serif; color: #fff; font-size: 16px; }
#rand_hero a {text-decoration: none;}
#rand_hero #devices {position: absolute; bottom: -76px; right: -2px;}

#rand_body {max-width: 720px; margin: 0 auto; position: relative;}
#rand_body h2 {color: #126fb2; font-size: 37px; width: 100%; margin: 11px 0 8px 3px;}
#rand_body h2 a {color: #126fb2;}
#rand_body h4 {background-color: #5cb645; color: #fff; padding: 11px 0 10px 20px; font-size: 21px; text-transform: uppercase;margin: 24px 0 0 0;letter-spacing: 4.5px;}
#rand_body #classroomresources {min-height: 325px; position: relative;}
#rand_body #classroomresources h5 {padding: 4px 0 6px 16px; font-size: 18.5px; line-height: 22.5px; width: 100%;}

#rand_body p {font-family:'Frutiger LT W01_55 Roma1475738', sans-serif; color: #000; font-size: 18px; width: 100%; float: left; margin: 0 34px 26px 0;padding: 0 0 0 5px;line-height: 24px;}
#rand_body p strong {font-family:'Frutiger LT W01_75 Black', sans-serif;}

#rand_body a.orangebtn {border-style: solid;
  border-width: 2px;
  border-color: #f9930b;
  border-radius: 8px;
  background-color: #f9930b;
  width: 377px;
  height: 152px;
  display: inline-block;
  font-family:'Frutiger LT W01_75 Black', sans-serif;
  color: #fff;
}

#rand_body #freetrial {
  width: 377px;
  height: 152px;
  float: left;
  font-size: 25px;
  text-align: left;
  line-height: 25px;
  background:#f9930b url(../images/rand_link_arrow_lg.png) 298px 82px no-repeat;
  padding: 12px 0 0 25px;
  margin: -10px 0 0 0;
}

#rand_body #learnmore {
  width: 217px;
  height: 48px;
  font-size: 21px;
  text-align: left;
  line-height: 21px;
  background:#f9930b url(../images/rand_link_arrow_sm.png) 171px 9px no-repeat;
  display: inline-block;
  margin: 2px 0 25px 16px;
  padding: 12px 0 0 18px;
}

#rand_body #freetrial strong {font-size: 56px; display: block; line-height: 56px;padding-bottom: 3px;}
#rand_body #freetrial span {font-family:'Frutiger LT W01_55 Roma1475738', sans-serif; font-size: 32px; display: block; line-height: 34px;letter-spacing: -1px;padding: 0 0 6px 0;}

#rand_body #features {background-color: #fff; min-height: 327px;}
#rand_body #features #featurelist {width:100%; margin: 0 0 14px 0;}
#rand_body #features #featurelist ul {list-style: none; margin: 0; padding: 0; min-height:277px; font-size: 19px;}
#rand_body #features #featurelist li a {font-family:'Frutiger LT W01_75 Black', sans-serif; color: #000; text-decoration: none; display: block; padding-left: 60px;font-size: 17.5px;letter-spacing: -.1px;}
#rand_body #features #featurelist li a span {display: block; font-size: 16px; font-family:'Frutiger LT W01_56 Italic', sans-serif; letter-spacing: -.9px; }
#rand_body #features #featurelist li {height: 67px; overflow: hidden;}
#rand_body #features #featurelist li:nth-child(even) {background: #88ccff url(../images/rand_feature_bullet.png) 11px 16px no-repeat;
  padding: 12px 0 5px 0;}
#rand_body #features #featurelist li:nth-child(odd) {background: #d0ecff url(../images/rand_feature_bullet.png) 11px 16px no-repeat;
  padding: 10px 0 6px 0;}
#rand_body #features #featurelist h3 {font-size: 26px; color: #fff; background-color: #51b2ff; width: 100%; height: 50px; padding: 9px 0 0 22px; margin: 0;letter-spacing: 6px;}

#rand_body #features #videotoursm {display: none;}

#rand_body #features #videotour {width: 100%; text-align: center; color: #fff; background-color: #000;height: 327px;overflow: hidden; display: initial;}
#rand_body #features #videotour a {font-family:'Frutiger LT W01_75 Black', sans-serif; font-size: 26px; display: block; padding: 9px 0 5px 0; margin: 0; color: #fff; text-decoration: underline;}
#rand_body #resourcestxt {padding: 0 0 16px 16px; width: 100%; margin: 0;}
#rand_body #print_materials {float: none;}
#rand_body #copyright {font-size: 12px; font-family: 'Open Sans', sans-serif; font-weight: 500; color: #848a83; width: 100%;line-height: 18px;padding: 0 0 0 18px;margin: 0 0 10px 0;}

.modal {padding: 30px 0 0 0;}

.modal-dialog {
  border-style: solid;
  border-width: 2px;
  border-color: rgb(114, 114, 114);
  background-color: #fff;
  box-shadow: 2.5px 4.33px 7.76px 0.24px rgba(0, 0, 0, 0.35);
  width: 704px;
  height: 490px;
  margin: 0 auto;
  padding: 5px 0;
}

.modal-content {
  border-style: none;
  background-color: #fff;
  box-shadow: none;
  width: 677px;
  height: 458px;
  margin: 0 auto;
}

.modal-header {
  border-style: none;
  min-height: 0;
  padding: 0;
  margin: 0;
}

.modal-header span {display: none;}

.modal-header .close {
    margin-right: -30px !important;
    margin-top: -30px !important;
    background-color: transparent;
    width: 42px !important;
    height: 42px !important;
    opacity: 1 !important;
    background: url(../images/rand_close_button.png) top center no-repeat;
}
.modal-body {padding: 0;}
.modal-body h6 {
font-family:'Frutiger LT W01_75 Black', sans-serif;
  font-size: 19px;
  color: rgba(18, 0, 0, 1);
  line-height: 1.121;
  margin: 0;
  padding: 10px 0 0 5px;
}
.modal-body p {
font-family:'Frutiger LT W01_55 Roma1475738', sans-serif;
  font-size: 15px;
  color: rgba(18, 0, 0, 0.839);
  line-height: 1.215;
 	margin: 0;
  padding: 5px 0 0 5px;
  width: 630px;
}


}

@media only screen and (min-width: 768px) {

#rand_body #print_materials {/*! position: absolute; */ top:49px; right: 40px;float: left;}

}

@media only screen and (min-width: 960px) {


#universal4o {display:block;}
#logo_mobile {display: none;}


#rand_page {width:984px; max-width: none; margin:0 auto 35px; background:#fff;}

#sponsored {width: 960px; max-width: none; margin: 0 auto; padding: 27px 0 0 0; height: 48px; text-transform: uppercase; font-size: 12px; font-family: 'Open Sans', sans-serif; font-weight: 500;}

#rand_hero {width: 960px; max-width: none; margin: 0 auto; position: relative; min-height: 707px; background: #000 url(../images/rand_classroom_hero.jpg) bottom center no-repeat;}

#rand_hero h1 {color: #8ed2f3; font-size: 36px; height: 174px; width: 912px; margin: 0 auto; padding: 110px 0 0 517px; background:url(../images/rand_mcnally_logo.png) left 17px no-repeat;}
#rand_hero h1 span {display: none; color: red;} 
#rand_hero p {position: absolute; top: 16px; right: 30px; font-family:'Frutiger LT W01_55 Roma1475738', sans-serif; color: #fff; font-size: 24px; }
#rand_hero a {text-decoration: none;}
#rand_hero #devices {position: absolute; bottom: -76px; right: -2px; display: initial; }

#rand_body {width: 960px; max-width: none; margin: 0 auto; position: relative;}
#rand_body h2 {color: #126fb2; font-size: 37px; width: 504px;margin: 11px 0 8px 3px;}
#rand_body h2 a {color: #126fb2;}
#rand_body h4 {background-color: #5cb645; color: #fff; padding: 11px 0 10px 20px; font-size: 21px; text-transform: uppercase;margin: 24px 0 0 0;letter-spacing: 4.5px;}
#rand_body #classroomresources {min-height: 325px; position: relative;}
#rand_body #classroomresources h5 {padding: 4px 0 6px 16px; font-size: 18.5px; line-height: 22.5px; width: 890px;}

#rand_body p {font-family:'Frutiger LT W01_55 Roma1475738', sans-serif; color: #000; font-size: 18px; width: 514px; float: left; margin: 0 34px 26px 0;padding: 0 0 0 5px;line-height: 24px;}
#rand_body p strong {font-family:'Frutiger LT W01_75 Black', sans-serif;}

#rand_body a.orangebtn {border-style: solid;
  border-width: 2px;
  border-color: #f9930b;
  border-radius: 8px;
  background-color: #f9930b;
  width: 377px;
  height: 152px;
  display: inline-block;
  font-family:'Frutiger LT W01_75 Black', sans-serif;
  color: #fff;
}

#rand_body #freetrial {
  width: 377px;
  height: 152px;
  float: left;
  font-size: 25px;
  text-align: left;
  line-height: 25px;
  background:#f9930b url(../images/rand_link_arrow_lg.png) 298px 82px no-repeat;
  padding: 12px 0 0 25px;
  margin: -10px 0 0 0;
}

#rand_body #learnmore {
  width: 217px;
  height: 48px;
  font-size: 21px;
  text-align: left;
  line-height: 21px;
  background:#f9930b url(../images/rand_link_arrow_sm.png) 171px 9px no-repeat;
  display: inline-block;
  margin: 2px 0 25px 16px;
  padding: 12px 0 0 18px;
}

#rand_body #freetrial strong {font-size: 56px; display: block; line-height: 56px;padding-bottom: 3px;}
#rand_body #freetrial span {font-family:'Frutiger LT W01_55 Roma1475738', sans-serif; font-size: 32px; display: block; line-height: 34px;letter-spacing: -1px;padding: 0 0 6px 0;}

#rand_body #features {background-color: #88ccff; min-height: 327px;}
#rand_body #features #featurelist {width: 426px; float:left;}
#rand_body #features #featurelist ul {list-style: none; margin: 0; padding: 0; min-height:277px; font-size: 19px;}
#rand_body #features #featurelist li a {font-family:'Frutiger LT W01_75 Black', sans-serif; color: #000; text-decoration: none; display: block; padding-left: 60px;font-size: 17.5px;letter-spacing: -.1px;}
#rand_body #features #featurelist li a span {display: block; font-size: 16px; font-family:'Frutiger LT W01_56 Italic', sans-serif; letter-spacing: -.9px; }
#rand_body #features #featurelist li {height: 67px; overflow: hidden;}
#rand_body #features #featurelist li:nth-child(even) {background: #88ccff url(../images/rand_feature_bullet.png) 11px 16px no-repeat;
  padding: 17px 0 5px 0;}
#rand_body #features #featurelist li:nth-child(odd) {background: #d0ecff url(../images/rand_feature_bullet.png) 11px 16px no-repeat;
  padding: 15px 0 6px 0;}
#rand_body #features #featurelist h3 {font-size: 26px; color: #fff; background-color: #51b2ff; width: 470px; height: 50px; padding: 9px 0 0 22px; margin: 0;letter-spacing: 6px;}

#rand_body #features #videotour {width: 534px; float:left; text-align: center; color: #fff; background-color: #000;height: 327px;overflow: hidden;}
#rand_body #features #videotour a {font-family:'Frutiger LT W01_75 Black', sans-serif; font-size: 26px; display: block; padding: 9px 0 5px 0; margin: 0; color: #fff; text-decoration: underline;}
#rand_body #resourcestxt {padding: 0 0 16px 16px; width: 500px;margin: 0;}
#rand_body #print_materials {position: absolute; top:49px; right: 40px;float: left; width:363px; height: 276px;}
#rand_body #copyright {font-size: 12px; font-family: 'Open Sans', sans-serif; font-weight: 500; color: #848a83; width: 960px;line-height: 18px;padding: 0 0 0 18px;margin: 0 0 10px 0;}

.modal {padding: 30px 0 0 0;}

.modal-dialog {
  border-style: solid;
  border-width: 2px;
  border-color: rgb(114, 114, 114);
  background-color: #fff;
  box-shadow: 2.5px 4.33px 7.76px 0.24px rgba(0, 0, 0, 0.35);
  width: 704px;
  height: 490px;
  margin: 0 auto;
  padding: 5px 0;
}

.modal-content {
  border-style: none;
  background-color: #fff;
  box-shadow: none;
  width: 677px;
  height: 458px;
  margin: 0 auto;
}

.modal-header {
  border-style: none;
  min-height: 0;
  padding: 0;
  margin: 0;
}

.modal-header span {display: none;}

.modal-header .close {
    margin-right: -30px !important;
    margin-top: -30px !important;
    background-color: transparent;
    width: 42px !important;
    height: 42px !important;
    opacity: 1 !important;
    background: url(../images/rand_close_button.png) top center no-repeat;
}
.modal-body {padding: 0;}
.modal-body h6 {
font-family:'Frutiger LT W01_75 Black', sans-serif;
  font-size: 19px;
  color: rgba(18, 0, 0, 1);
  line-height: 1.121;
  margin: 0;
  padding: 10px 0 0 5px;
}
.modal-body p {
font-family:'Frutiger LT W01_55 Roma1475738', sans-serif;
  font-size: 15px;
  color: rgba(18, 0, 0, 0.839);
  line-height: 1.215;
 	margin: 0;
  padding: 5px 0 0 5px;
  width: 630px;
}



} /* end min-width: 960px;*/

@media only screen and (min-width: 1024px) {

}


@media only screen and (min-width: 1280px) {

}