*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
html,body{width:100%;height:100%;font-size:12px;margin:0;padding:0;}
html{font-size:100%;text-rendering:optimizeLegibility !important;}
body{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-backface-visibility: hidden; background:#fff; overflow:hidden; position:relative;}

body.flip{transform-origin:left bottom; transform: translateY(-100%) rotate(90deg);
-webkit-transform-origin:left bottom; -webkit-transform: translateY(-100%) rotate(90deg);
-moz-transform-origin:left bottom; -moz-transform: translateY(-100%) rotate(90deg);
-ms-transform-origin:left bottom; -ms-transform: translateY(-100%) rotate(90deg);
-o-transform-origin:left bottom; -o-transform: translateY(-100%) rotate(90deg);
}
body.subpage{ min-height:100%; background:#AFD778 url(../images/sub-page-bg.jpg) no-repeat top center; background-size:100%; overflow-y:auto; overflow-x:hidden;}


/*FONT*/
@font-face {
    font-family: 'minya_nouvellebold';
    src: url('../fonts/minya_nouvelle_bd-webfont.eot');
    src: url('../fonts/minya_nouvelle_bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/minya_nouvelle_bd-webfont.woff2') format('woff2'),
         url('../fonts/minya_nouvelle_bd-webfont.woff') format('woff'),
         url('../fonts/minya_nouvelle_bd-webfont.ttf') format('truetype'),
         url('../fonts/minya_nouvelle_bd-webfont.svg#minya_nouvellebold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*General*/
h1{ color:#333; margin:10px 0;}
h2{}
h3{}
ul{list-style-type:none;margin:0;padding:0}
a{ color:#fff; text-decoration:none; }
a:hover{ color:#075D9E;}
.hidden{display:none;opacity:0}
.clear{clear:both;}
.msg{color:red;margin-bottom:15px;}
.req{color:red;}
.no-touchevents #test_sound{display:none;}

/*body*/
#wrapper {font-size:13px; font-family:arial; }
.bodywrap{padding:40px 20px;}
.bodywrap a:hover{color:#00f;}
.content{ width:80%; max-width:1000px; margin:170px auto 50px auto; min-height:500px; /* background:#fff; */ position:relative;}
.content .page{background:#fff;}
.content a{color:#00f;}
.content a:hover{text-decoration:underline;}

header{ text-align:right; z-index:1;}
header .m-nav{display:block; float:right; position:relative; vertical-align:top; padding:15px 0 0 0; width:200px; /* background:url(../images/short_rope.png) repeat-y center; */ z-index:5;}
header .m-nav .menubutton{ background:url(../images/menu-off.png) no-repeat; width:165px; height:58px; text-transform:uppercase; text-align:right; padding:14px 22px 0 0; text-shadow: 0 0 5px rgba(255,255,255,0.5); -webkit-text-shadow: 0 0 5px rgba(255,255,255,0.5);  color: #efefef; font-size:24px; font-family:'minya_nouvellebold'; transform:rotate(-3deg);  -webkit-transform: rotate(-3deg) translate3d(0,0,0); -moz-transform: rotate(-3deg); -ms-transform: rotate(-3deg); -o-transform: rotate(-3deg); }
header.subpage{display:block; height:100px; text-align:left;}
header.subpage .m-nav{background:none; width:80%; display:block;margin:0 auto; position:relative; float:none;}
header.subpage .menubutton{display:none;}
header.subpage .ar{position:static; display:inline-block; vertical-align:top; width:250px; }
header .logo{ position:absolute; top:60px; left:10%; width:150px; height:150px; display:block;}
header .logo img{max-width:100%;}
.navbuttons{max-height:30px;}

/*4 Birds*/
.birds{ width:43px; height:38px;
	-webkit-animation: blbird 0.3s steps(15) infinite;
    -moz-animation: blbird 0.3s steps(15) infinite;
    -ms-animation: blbird 0.3s steps(15) infinite;
    -o-animation: blbird 0.3s steps(15) infinite;
    animation: blbird 0.3s steps(15) infinite;
}
.birds.b1 { position: absolute; top:5%; right: -20%; transition: right 18s ease-out, top 10s  ease-out; -webkit-transition:right 18s ease-out, top 10s  ease-out; background-image: url("../animations/BlackBird/black_bird.png"); z-index:6;}
.birds.b1.on{right:120%; top:25%;}
.birds.b2 { position: absolute; top:25%; left: -20%; transition: left 22s ease-out, top 12s ease-out; -webkit-transition:left 22s ease-out, top 12s ease-out; background-image: url("../animations/BlackBird/black_bird.png"); z-index:6;
	-webkit-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
.birds.b2.on{left:120%; top:5%;}
.birds.b3 { position: absolute; top:85%; right: -20%; transition: right 20s ease-out, top 11s ease-out; -webkit-transition:right 20s ease-out, top 11s ease-out; background-image: url("../animations/BlueBird/blue_bird.png"); z-index:6;}
.birds.b3.on{right:120%; top:35%;}
.birds.b4 { position: absolute; top:75%; left: -20%; transition: left 24s ease-out, top 14s ease-out; -webkit-transition:left 24s ease-out, top 14s ease-out; background-image: url("../animations/BlueBird/blue_bird.png"); z-index:6;
	-webkit-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
.birds.b4.on{left:120%; top:35%;}
@keyframes blbird { from { background-position:0px; } to{ background-position:645px; } }
@-webkit-keyframes blbird { from { background-position:0px; } to{ background-position:645px; } }
@-moz-keyframes blbird { from { background-position:0px; } to{ background-position:645px; } }
@-ms-keyframes blbird { from { background-position:0px; } to{ background-position:645px; } }
@-o-keyframes blbird { from { background-position:0px; } to{ background-position:645px; } }



/*Arrow Animations*/
.ar{position:absolute; width:100%; cursor:pointer; color:yellow; font-family:'minya_nouvellebold'; font-size:22px; font-style:italic; text-align:center;}
.ar.ar0{top:17px; left:-130px; height:56px; line-height:56px; background:url(../images/arrow_04.png) no-repeat top center; transform: rotate(-8deg); -webkit-transform: rotate(-8deg) translate3d(0,0,0); -moz-transform: rotate(-8deg); -ms-transform: rotate(-8deg); -o-transform: rotate(-8deg); }
.ar.ar1{top:17px; left:-70px; height:56px; line-height:19px; background:url(../images/arrow_01.png) no-repeat top center; transform: rotate(7deg); -webkit-transform: rotate(7deg) translate3d(0,0,0); -moz-transform: rotate(7deg); -ms-transform: rotate(7deg); -o-transform: rotate(7deg); padding:7px 0 0 11px;}
.ar.ar2{top:100px; left:-50px; height:53px; line-height:53px; background:url(../images/arrow_02.png) no-repeat top center; transform: rotate(-8deg); -webkit-transform: rotate(-8deg) translate3d(0,0,0); -moz-transform: rotate(-8deg); -ms-transform: rotate(-8deg); -o-transform: rotate(-8deg); }
.ar.ar3{top:180px; left:-65px; height:56px; line-height:56px; background:url(../images/arrow_01.png) no-repeat top center; transform: rotate(-4deg); -webkit-transform: rotate(-4deg) translate3d(0,0,0); -moz-transform: rotate(-4deg); -ms-transform: rotate(-4deg); -o-transform: rotate(-4deg); }
.ar.ar4{top:260px; left:-45px; height:50px; line-height:50px; background:url(../images/arrow_04.png) no-repeat top center; transform: rotate(7deg); -webkit-transform: rotate(7deg) translate3d(0,0,0); -o-transform: rotate(7deg); -ms-transform: rotate(7deg); -o-transform: rotate(7deg); }
/*.ar.ar5{top:335px; left:-50px; height:60px; /*line-height:56px;* background:url(../images/arrow_01.png) no-repeat top center; background-size: 190px 60px; transform: rotate(3deg); -webkit-transform: rotate(3deg) translate3d(0,0,0); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); -o-transform: rotate(3deg); }*/
.ar.ar5{top:335px; left:-50px; height:60px; line-height:56px; background:url(../images/arrow_01.png) no-repeat top center; background-size: 190px 60px; transform: rotate(3deg); -webkit-transform: rotate(3deg) translate3d(0,0,0); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); -o-transform: rotate(3deg); line-height:19px; padding:9px 0px 0 16px;}
.ar:hover{color:#fff;}
.arhelp{ background:url(../images/subrope.png) top center repeat-y; width:250px; position:absolute; z-index:-1;}
.ar.ar5 span {
	position: relative;
	left: 10px;
	top: 2px;
}
.subpage .ar.ar1{margin:65px 0 0 -80px;}
.subpage .ar.ar2{margin:10px 0 0 -40px;}
.subpage .ar.ar3{margin:50px 0 0 -75px;}
.subpage .ar.ar4{margin:15px 0 0 -80px;}
.subpage .ar.ar5{margin:15px 0 0 -80px;}
.subpage .ar.ar6{margin:65px 0 0 -90px;}

.arhelp.ar0{top:0px; left:0; height:30px;}
.arhelp.ar1{top:0px; left:170px; height:95px;}
.arhelp.ar2{top:0px; left:380px; height:40px;}
.arhelp.ar3{top:0px; left:565px; height:85px;}
.arhelp.ar4{top:0px; left:730px; height:45px;}
.arhelp.ar5{top:0px; left:900px; height:45px;}
.arhelp.ar6{top:0px; left:1045px; height:95px;}

.ar.animated{ -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.ar.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
.ar.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s;}

ul.navbuttons{
	list-style:none;
	margin:0px;
	padding:0px;
	position:absolute;
	width:100%;
	top:0px;
	left:0px;
}
ul.navbuttons li{
	margin:0px;
	padding:0px;
	background:url(../images/subrope.png) top center repeat-y;
	width:250px;
	position:absolute;

	height:60px;
}
ul.navbuttons .ar{
	position:absolute;
	bottom:-25px;
	left:0px;
	display:block;
	height:60px;
	line-height:45px;
	z-index:1;
}
ul.navbuttons .ar[href="/about-us"]{
	line-height:25px;
}
ul.navbuttons li.ar_home{
	height:60px;
	left:0px;
}
ul.navbuttons li.ar_home .ar{
	background:url(../images/arrow_04.png) no-repeat top center;
	transform: rotate(-8deg);
	-webkit-transform: rotate(-8deg) translate3d(0,0,0);
	-moz-transform: rotate(-8deg);
	-ms-transform: rotate(-8deg);
	-o-transform: rotate(-8deg);
}
ul.navbuttons li.ar_books{
	height:125px;
	left:12%;
}
ul.navbuttons li.ar_books .ar{
	background:url(../images/arrow_01.png) no-repeat top center;
	transform: rotate(7deg);
	-webkit-transform: rotate(7deg) translate3d(0,0,0);
	-moz-transform: rotate(7deg);
	-ms-transform: rotate(7deg);
	-o-transform: rotate(7deg);
	left:-18px;
	line-height:19px;
	padding:7px 5px 0 16px;
}
ul.navbuttons li.ar_parenting{
	height:58px;
	left:24%;
}
ul.navbuttons li.ar_parenting .ar{
	background:url(../images/arrow_02.png) no-repeat top center;
	transform: rotate(-8deg);
	-webkit-transform: rotate(-8deg) translate3d(0,0,0);
	-moz-transform: rotate(-8deg);
	-ms-transform: rotate(-8deg);
	-o-transform: rotate(-8deg);
	left:19px;

}
ul.navbuttons li.ar_fun{
	height:100px;
	left:37%;
}


.ar_about .ar .top_about {
	position: relative;
	top: 3px;
	left: 6px;
	line-height: 22px;
    margin: 10px 0;
}
ul.navbuttons li.ar_fun .ar{
	background:url(../images/arrow_01.png) no-repeat top center;
	transform: rotate(-4deg);
	-webkit-transform: rotate(-4deg) translate3d(0,0,0);
	-moz-transform: rotate(-4deg);
	-ms-transform: rotate(-4deg);
	-o-transform: rotate(-4deg);
	left:-15px;
}
ul.navbuttons li.ar_shop{
	height:100px;
	left:51%;
}

ul.navbuttons li.ar_shop .ar{
	width:160px;
	background:url(../images/arrow_04.png) no-repeat top center;
	transform: rotate(7deg);
	-webkit-transform: rotate(7deg) translate3d(0,0,0);
	-moz-transform: rotate(7deg);
	-ms-transform: rotate(7deg);
	-o-transform: rotate(7deg);
	left:35px;
}

ul.navbuttons li.ar_about{
	height:90px;
	left:64%;
}
ul.navbuttons li.ar_about .ar{
	background:url(../images/arrow_01.png) no-repeat top center;
	transform: rotate(3deg);
	-webkit-transform: rotate(3deg) translate3d(0,0,0);
	-moz-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	line-height:22px;
}
ul.navbuttons li.ar_other_stuff{
	height:90px;
	left:64%;
}
ul.navbuttons li.ar_other_stuff .ar{
	background:url(../images/arrow_01.png) no-repeat top center;
	transform: rotate(3deg);
	-webkit-transform: rotate(3deg) translate3d(0,0,0);
	-moz-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	line-height:19px;
	padding:8px 5px 0 16px;
}

ul.navbuttons li.ar_contact{
	height:95px;
	left:81%;
}
ul.navbuttons li.ar_contact .ar{
	background:url(../images/arrow_02.png) no-repeat top center;
	transform: rotate(-8deg);
	-webkit-transform: rotate(-8deg) translate3d(0,0,0);
	-moz-transform: rotate(-8deg);
	-ms-transform: rotate(-8deg);
	-o-transform: rotate(-8deg);
	left:15px;
}
.tada { -webkit-animation-name: tada; animation-name: tada}

@keyframes tada {
	0%{ transform: scale3d(1, 1, 1) }
	10%,20% { transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)}
  	30%, 50%, 70%, 90% {  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg) }
  	40%, 60%, 80% {  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg) }
  	100% { transform: scale3d(1, 1, 1) }
}
@-webkit-keyframes tada {
	0%{ -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) }
  	10%,20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)}
  	30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg) }
  	40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg) }
  	100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) }
}
@-moz-keyframes tada {
	0%{ -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) }
  	10%,20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)}
  	30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg) }
  	40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg) }
  	100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) }
}
@-ms-keyframes tada {
	0%{ -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) }
  	10%,20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)}
  	30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg) }
  	40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg) }
  	100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) }
}
@-o-keyframes tada {
	0%{ -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) }
  	10%,20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)}
  	30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg) }
  	40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg) }
  	100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) }
}


.content .book-page{position:relative; padding:30px; background:#F8F2FF;}
.content .book-page.page2{margin-top:50px;}
.subpage h1{position:absolute; width:100%; font-size:50px; text-align:center; color:yellow; top:-75px; font-family: 'minya_nouvellebold'; font-style:italic;}

.book-item{background:#fff; -webkit-backface-visibility: hidden; margin:0 0 30px 0; max-height:none; overflow:hidden; box-shadow:0px 0px 2px 2px #efefef; position:relative;}
.book-item .info{width:100%; padding:5px 20px; /* min-height:200px */; display:inline-block; vertical-align:top;  font-size:18px; color:#636363;}
.book-item .txt{width:75%; margin-left:25%; clear:right; border-bottom:1px dashed #636363; min-height:90px; padding-bottom:5px; overflow:hidden; }
.book-item .txt.boldtext{font-weight:bold;}
.book-item h2{width:75%; margin-left:2%; float:right; color:#00aeef; font-size:26px; margin:0 0 5px 0; font-family:'minya_nouvellebold'; text-align:center;}
.book-item .img{width:22%; float:left; display:inline-block; vertical-align:top; margin-bottom:10px; margin-right:10px; }
.book-item .comingsoon{ display: inline-block; vertical-align: top; width:22%; height:165px; line-height:165px; text-align:center; background:#ED1A3B; color:#fff; font-size:28px; font-family: 'minya_nouvellebold'; font-style:italic;}
.book-item .txt .comingsoon{width:100%; background:#fff; color:#ED1A3B; font-size:50px; height:110px; line-height:110px;}
.book-item .comingsoon span{ transform:rotate(20deg); display:inline-block;}

.book-item .social{margin:10px 0; color:#00aeef; font-size:16px; display:none;}
.book-item .social span{display:inline-block; vertical-align:top; height:32px; line-height:32px;}
.book-item .readmore{ font-family: 'minya_nouvellebold';  font-style:italic; color:#fff; border-radius:15px; height:30px; line-height:30px; padding-left:40px; width:285px; cursor:pointer; margin:5px 0; background:#00aeef url(../images/btn-arr.png) no-repeat 20px 9px;}
.book-item .readmore:hover{ text-decoration:underline;}
.book-item .readmore_wrapper{position:relative; clear:both;}
.book-item .tabwrap{ max-height:0; transition:max-height 1s; -webkit-transition:max-height 1s; overflow:hidden; -webkit-backface-visibility:hidden; position:relative;}
.book-item .tabwrap.on{max-height:3000px; }
.book-item .tabs{ padding-left:1.25%; text-align:center;}
.book-item .tabs .t{ width:19.5%; font-size:20px; font-weight:bold; color:#636363; /*#8F8D90;*/ padding-left:50px; height:40px; line-height:40px; display:inline-block; vertical-align:top; position:relative; cursor:pointer; text-align:left;}
.book-item .tabs .t.on,.book-item .tabs .t:hover{color:#00AEEF; background:url(../images/hover-line.png) no-repeat 40px bottom;}
.book-item .tabs .t:hover svg{ fill:#00AEEF; transform:rotate(15deg);}
.book-item.on{}
.book-item.on .readmore{display:none;}
.book-item.on .social{display:inline-block;}
.book-item .stopbullying{ display:inline-block; width:auto; padding:0px 10px; font-size:20px; color:#fff; background:#ED1A3B; text-align:center; height:30px; line-height:30px; border-radius:15px; margin:0; font-family: 'minya_nouvellebold'; font-style:italic; position:relative; float:right; top:0px; right:0px;}
.book-item.on .stopbullying{top:8px; }
.d .box{ font-size:22px; color:#636363; padding:0; margin:15px auto 0px auto; font-family: 'minya_nouvellebold'; font-style:italic;}
.d .box svg{ fill:#00AEEF; height:50px; width:auto; margin:0 10px -15px 20px; position:relative; transform:rotate(20deg);}
.d .box a.btn{ color:#fff; width:120px; height:30px; line-height:30px; margin-left:15px; display:inline-block; text-align:center; position:relative; z-index:1;}
.d .box.vid{width:100%; padding:0; margin-top:5px;}
.d .box.laz{position:relative;}
/*.d .box.laz:before{content:" "; position:absolute; z-index:1; width:100%; height:100%; top:0; left:0; background:#00aeef url(../images/btn-arr.png) no-repeat center; background-size:50px;}*/
.d .box.laz a{background:#009900; margin:10px;}

/*height:100%;*/
.content.books{text-align:center;}
.content.books h2{ font-family:'minya_nouvellebold'; font-size:25px; color:seagreen; font-style:italic; margin-top:0;}
.booktiles{ display:inline-block; vertical-align:top; width:19%; margin:0 1% 30px 1%; overflow:visible;}
.booktiles .img{-webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.75);
box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.75);
}
.booktiles a{display:block; width:100%; text-decoration:none; color:#fff; font-family: 'minya_nouvellebold'; font-style:italic;}
/*height:100%;*/
.booktiles img{max-width:100%;}
.booktiles .title {display:none; margin:0; position:absolute; top:75px; left:0; width:100%; text-align:center; font-size:18px; padding:0; height:30px; color:#00AEEF;}
.booktiles .img:hover{-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
}
.booktiles:hover .title{ display:block;}

svg.icon{fill:#636363; width:40px; display:inline; position:absolute; left:0; top:0; transition:all 0.2s; -webkit-transition:all 0.2s;}
.tabdisplays{}
.tabdisplays .d{display:none;}
.tabdisplays .d.on{display:block; min-height:400px; padding-bottom:25px;}
.tabdisplays .d .vids{display:block; margin:15px auto; border:2px solid #00AEEF; }
.tabdisplays .botbox{ width:100%; height:110px; text-align:center; line-height:80px;}
.botbox .purchase{ position:relative; width:130px; height:30px; line-height:30px; padding-left:50px; text-align:left; display:inline-block; vertical-align:top; color:#fff; text-decoration:none; margin-right:20px;}
.botbox .close{ position:relative; width:130px; height:30px; line-height:30px; padding-left:50px; text-align:left; display:inline-block; vertical-align:top; /*background:#000;*/}
.botbox .close:hover{text-decoration:underline;}
.botbox .parenting{display:inline-block; color:#fff; text-decoration:none; text-align:center; margin-left:20px; position:relative; width:130px; height:30px; line-height:30px; padding-left:35px; padding-right:0px; text-align:left; display:inline-block; vertical-align:top; background: #00aeef url(../images/btn-arr.png) no-repeat 20px 9px/*background:#000;*/}
.botbox .parenting:hover{text-decoration:underline;}
.btn.toggleYT{display:block; color:#00aeef; background:none; text-decoration:underline;  margin-left:auto; margin-right:auto; margin-bottom:20px;  width:290px; height:30px; line-height:30px; padding-left:35px; padding-right:0px; text-align:left; vertical-align:top;}
.botbox .toggleYT:hover{text-decoration:underline;}
.botbox svg{fill:#fff; position:absolute; top:3px; left:15px;}
.botbox .close svg{top:6px;}

.about-page{position:relative; padding:30px; color:#636363;}
.about-text{font-size:20px; padding:20px; margin-bottom:20px; background:#F8F2FF; box-shadow:0px 0px 2px 2px #efefef;}
.about-os{padding:0px;}
.about-free{font-size:20px; line-height:30px;}
.about-free p{padding:20px; background:#F8F2FF; margin:0;box-shadow:0px 0px 2px 2px #efefef;}
.about-free strong{font-size:25px; color:#0466FF/*#54BA54*/; font-family: 'minya_nouvellebold'; font-style:italic;}
.about-free p strong a {
	color: #0466FF !important;
}
.about-free p strong a:hover {
	color: #00f !important;
	text-decoration:none;
}
.about-bios{font-size:20px; line-height:30px;}
.about-bios p{padding:20px; background:#F8F2FF; box-shadow:0px 0px 2px 2px #efefef;}
.about-bios strong{font-size:25px; color:#0466FF;font-family: 'minya_nouvellebold'; font-style:italic;}
.about-buttons {margin-top:20px;}
.about-buttons p{padding:20px; background:#F8F2FF; margin:0;box-shadow:0px 0px 2px 2px #efefef;}
.about-buttons strong{color:#0466FF; font-size:25px; display:block; margin-bottom:15px;font-family: 'minya_nouvellebold'; font-style:italic;}

.about-bunny{position:fixed; bottom:50px; left:10px; display:inline-block; width:300px; height:270px; background-size:29100px; background-image: url("../animations/Bunny/bunny_sprite_v2.png"); }

.fun-page{position:relative; padding:30px;  font-family: 'minya_nouvellebold'; font-style:italic;}
.fun-page h2{color:#00aeef;}
.fun-text{font-size:20px; padding-bottom:10px; display:flex; flex-wrap:wrap;justify-content: center;}
.fun-page .leftcol{width:49.5%; margin-right:0.5%; display:inline-block; vertical-align:top; background:#F8F2FF; padding:10px 20px; box-shadow:0px 0px 2px 2px #efefef;}
.fun-page .rightcol{width:49.5%; margin-left:0.5%; display:inline-block; vertical-align:top;  background:#F8F2FF;padding:10px  20px; text-align:center; box-shadow:0px 0px 2px 2px #efefef;}
.fun-page p{color:#636363; border-top:1px dashed #636363; margin:25px 0 0 0; padding:25px 0 0 0;}
.fun-page h3{display:inline-block; margin:0px; font-size:22px; padding:0; }
.fun-page .leftcol div:nth-of-type(1) h3{ color:#6601cc;}
.fun-page .leftcol div:nth-of-type(2) h3{ color:#666699;}
.fun-page .leftcol div:nth-of-type(3) h3{ color:#00f;}
.fun-page .leftcol div:nth-of-type(4) h3{ color:#660033;}
.fun-page .leftcol div:nth-of-type(5) h3{ color:#ff8040;}
.fun-page .leftcol div:nth-of-type(6) h3{ color:#009900;}
.fun-page .leftcol div:nth-of-type(7) h3{ color:#ff3300;}

.fun-page .leftcol div:nth-of-type(1) .btn{ background:#6601cc;}
.fun-page .leftcol div:nth-of-type(2) .btn{ background:#666699;}
.fun-page .leftcol div:nth-of-type(3) .btn{ background:#00f;}
.fun-page .leftcol div:nth-of-type(4) .btn{ background:#660033;}
.fun-page .leftcol div:nth-of-type(5) .btn{ background:#ff8040;}
.fun-page .leftcol div:nth-of-type(6) .btn{ background:#009900;}
.fun-page .leftcol div:nth-of-type(7) .btn{ background:#ff3300;}
.fun-page .flash div{margin:20px 0px 15px 0px;}
.fun-page .rightcol .btn {display:block; margin:0px auto 20px auto; }
.rainbow {
	color:#6601cc;
	-webkit-text-fill-color:transparent;
  background: -webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #17E8C2), color-stop(0.6, #25E825),color-stop(0.75, #2f2), color-stop(0.9, #FFD60F), color-stop(1, #f22) );
  background: -o-linear-gradient(transparent, transparent);
  -webkit-background-clip: text;
  text-transform: uppercase;
	padding:0 10px;
}
.fun-bunny{display:inline-block; width:300px; height:270px; background-size:29100px; background-image: url("../animations/Bunny/bunny_sprite_v2.png"); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH";}


.parenting-page{position:relative; padding:30px;}
.parenting-page h2{ text-transform:uppercase; font-family: 'minya_nouvellebold'; font-style:italic;font-size:28px; color:#00aeef; text-align:center; }
.parentleft{ display:inline-block; width:25%; font-family: 'minya_nouvellebold'; font-style:italic;font-size:18px; color:#00aeef;}
.parentleft li{ line-height:30px; cursor:pointer; padding-left:10px;padding-right:10px; background:#def7ff; margin:0 0 10px 0;}
.parentleft li:hover,.parentleft li.on{background:#00aeef; color:#fff; }
.parentleft-toggle{display:none;}
.parentleft .close{display:none;}
.parenting-page .vidbox{display:inline-block; vertical-align:top; width:74%; padding:0 2% 30px 2%; background:#F8F2FF;}
.parenting-page .vidbox h3{font-size:22px; font-weight:normal; line-height:30px; min-height:60px; color:#636363; text-align:center; padding:0 10%; font-family:'minya_nouvellebold'; font-style:italic;}
.parenting-page .vidbox .gotobook{color:#fff; display:block; width:285px; margin:10px auto; line-height:30px; text-align:center; background:#00aeef url(../images/btn-arr.png) no-repeat 20px 9px;}
.parenting-page .comingsoon{ display: inline-block; vertical-align: top; margin-top:30px; width:100%; height:350px; line-height:350px; text-align:center; background:/*#ED1A3B*/#00AEEF; color:#fff; font-size:40px; font-family: 'minya_nouvellebold'; font-style:italic;}
.parenting-page .comingsoon span{ transform:rotate(20deg); display:inline-block;}
.parenting-page .ptext{ color:#f00; font-size:14px; font-family:'minya_nouvellebold'; padding:5px 0;}
.parenting-page .balloon-bunny{ background:url(../images/balloon-bunny.png) no-repeat; background-position:center; background-size:100%; width:19%; height:375px; position:absolute; bottom:0; right:4%;}

.form{font-size:20px;}
.form .left{display:inline-block;width:15%;margin-bottom:10px;vertical-align:top;}
.form .right{display:inline-block;width:85%;margin-bottom:10px;vertical-align:top;}
.form .input{width:400px;}
.form textarea{width:400px;height:100px;}

.btn{ font-family: 'minya_nouvellebold'; font-style:italic; color:#fff; background:#00aeef; border-radius:15px; height:30px; line-height:20px; width:150px; cursor:pointer; font-size:16px; padding:0px; border:0;}
.btn:hover{text-decoration:underline;}
.gotobooks{color:#fff !important; display:inline-block; width:250px; line-height:30px; text-align:center;}


.btn.play{ height:30px; line-height:30px; color:#fff; display:inline-block; width:90px; text-align:center; float:right; margin-right:50px;}
.btn.fun{ height:30px; line-height:30px; color:#fff; display:inline-block; width:110px; text-align:center;}
.btnlink{font-size:16px; text-align:center; color:#00aeef !important; text-decoration:underline; width:180px; margin:0 auto; display:block;}
.btn.awards{ width:180px; height:30px; line-height:30px; color:#fff; display:inline-block; text-align:center; margin-right:40px;}
.btn.reviews{ width:180px; height:30px; line-height:30px; color:#fff; display:inline-block; text-align:center;}

.content .contact-page{position:relative; padding:30px; font-family:'minya_nouvellebold'; font-style:italic; background:#F8F2FF; min-height:500px; color:#636363; box-shadow:0px 0px 2px 2px #efefef;}
.contact-text{font-size:20px; padding-bottom:10px;}
.contact-bunny{position:absolute; top:50px; right:50px; display:inline-block; width:300px; height:270px; background-size:29100px; background-image: url("../animations/Bunny/bunny_sprite_v2.png"); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; background-position: -26100px;}
.thanks{ color:#00aeef; margin-bottom:15px;}


footer{ display:none;}
footer.subpage{display:block; width:100%; height:350px; background:url(../images/sub-page-foot.jpg) no-repeat bottom center;}
footer .copyright{text-align: center;color: yellow;font-size: 18px;font-family: 'minya_nouvellebold';font-style: italic; line-height:2.5em; padding-bottom: 150px; margin-top:-30px;}
footer .addthis_horizontal_follow_toolbox{display:inline-block; width:86px; height:24px; margin:0 auto;}
footer .ytbtn{display:none; position:fixed; bottom:30px; right:10px; width:117px; height:85px; background:url(../images/yt_icon.png) no-repeat center top; background-size:115px; transition:all 0.2s; -webkit-transition:all 0.2s;}
footer .ytbtn div{ color:#00aeef; position:absolute; bottom:-15px; width:85px; left:12px; font-size:14px; font-family: 'minya_nouvellebold'; text-align:center; }
footer .ytbtn .type{color:#fff; background:#00aeef; border-radius:13px; height:auto; line-height:26px; display:block;font-style:italic;}
footer .ytbtn:hover{ transform:scale(1.1);}


.miniflash{display:inline-block; background:#F8F2FF; padding:4px 10px; }
.minitxt{display:inline-block; vertical-align:top; height:30px; line-height:15px; font-family:arial; font-size:12px; margin-right:5px;}
.miniflash a.one{width:27px; height:32px; border-radius:7px; overflow:hidden; display:inline-block; vertical-align:top;margin-right:5px;}
.miniflash a.two{width:30px; height:32px; border-radius:7px; overflow:hidden; display:inline-block;vertical-align:top;}
.miniflash a.one img{height:32px;}
.miniflash a.two img{height:34px; margin:-1px 0 0 -5px;}


.subpage h1.onebook{margin-top:-55px; position:static;}
.onebook .readmore{display:none;}
.onebook .tabdisplays .d{display:block; }
.onebook .book-item .tabwrap{max-height:20000px; transition:none;}
.onebook .book-item .img{float:none; width:auto; margin:15px 0; max-width:100%;}
.onebook .book-item .txt{width:90%; margin:15px auto; float:none; border:0;}
.onebook .tabdisplays{text-align:left;}
.onebook .tabdisplays h2{ margin:30px auto 0 auto; padding:15px 0; width:90%; float:none;}
.onebook .tabdisplays .d{text-align:left; padding:15px 15px 30px 15px;  width:90%; margin:0 auto; border-bottom:1px dashed #636363;}
.onebook .tabdisplays .series2{ margin:3px auto 0 auto; padding:0px 0 0px 0; width:90%; float:none;}
.onebook .book-item{padding-top:30px; margin:0;}
.onebook .book-item .info .series2{margin:15px auto 0px auto; min-height:auto}
.onebook .tabdisplays .botbox{margin-top:30px; padding-left:50px; text-align:left;}
.onebook a.purchase{ position: relative;  width: 130px;  height: 30px;  line-height: 30px;  padding-left: 50px;  text-align: left;  display: inline-block;  vertical-align: top;  color: #fff;  text-decoration: none;  margin-right: 20px;}
.onebook a.purchase svg{fill: #fff; position: absolute; top: 3px; left: 15px;}
.onebook .parenting{display: inline-block; color:#fff !important; text-decoration: none; text-align: center; margin-left: 20px; position: relative; width: 130px; height: 30px; line-height: 30px; padding-left: 35px; padding-right: 0px;  text-align: left; vertical-align: top; background: #00aeef url(../images/btn-arr.png) no-repeat 20px 9px/*background:#000;*/;}

.onebook .bkdrop{ max-height:30px; overflow:hidden; width:300px; transition:max-height 0.4s,width 0.4s; background:#F8F2FF; position:absolute; top:50px; left:40px; z-index:5; }
.onebook .bkdrop.on{max-height:900px; width:300px; }
.onebook .bkdrop span{position:relative; display:block; cursor:pointer; width:100%; padding:0 0 0 25px; height:30px; line-height:30px; color:#fff; background:#00aeef; font-size:14px; text-align:left; font-family: "minya_nouvellebold";}
.onebook .bkdrop span:before{ position:absolute; top:0; left:0px; content:""; width:30px; height:30px; background:url(/images/btn-arr.png) no-repeat center center; transition:all 0.2s;}
.onebook .bkdrop.on span:before{transform:rotate(90deg);}
.onebook .bkdrop a{display:block; min-height:30px; line-height:30px; width:100%; font-size:13px; padding:0 12px; color:#00aeef; text-align:left; border-top:2px solid #fff;}
.onebook .bkdrop a:hover{color:#fff; background:#00aeef; text-decoration:none;}

.onebook .back{position:relative; display:block; cursor:pointer; width:100%; padding:0 0 0 25px; height:30px; line-height:30px; color:#fff; background:#00aeef; font-size:14px; text-align:left; font-family: "minya_nouvellebold";}
.onebook .back:before{ position:absolute; top:0; left:0px; content:""; width:30px; height:30px; background:url(/images/btn-arr.png) no-repeat center center;  transform:rotate(180deg); transition:all 0.2s;}
.book-page .back{position:relative; display:block; cursor:pointer; width:100%; padding:0 0 0 25px; height:30px; line-height:30px; color:#fff; background:#00aeef; font-size:14px; text-align:left; font-family: "minya_nouvellebold";}
.book-page .back:before{ position:absolute; top:0; left:0px; content:""; width:30px; height:30px; background:url(/images/btn-arr.png) no-repeat center center;  transform:rotate(180deg); transition:all 0.2s;}

/*Responsiveness tweaks*/
@media (max-width:1500px){
	.about-bunny{display:none;}
}
@media (max-width:1300px){
	ul.navbuttons li.ar_books{left:14%;}
	ul.navbuttons li.ar_parenting{left:28%;}
	ul.navbuttons li.ar_fun{left:43%;}
	ul.navbuttons li.ar_shop{height:160px;left:56%;}
	ul.navbuttons li.ar_contact{height:115px;}

	.btn.play{margin-right:15px;}

	.booktiles{width:23%;}
}
@media (max-width:1150px){
	.fun-page .flash div{text-align:center;}
	.btn.play{display:block; float:none; margin:0px auto;}
	.contact-bunny{right:0;}

}
@media (max-width:960px){
	.content{width:95%;}
	header .m-nav .menubutton{position:relative; z-index:1;}
	header.subpage .m-nav{width:auto; float:right; margin-right:50px;}
	header.subpage .menubutton{display:block; z-index:1; position:relative;}
	ul.navbuttons{position:absolute; width:auto; top:59px; left:-35px;  float:left; max-height:0; transition:max-height 1s; -webkit-transition:max-height 1s; overflow:hidden; background:url(../images/subrope.png) top center repeat-y; }
	header.subpage ul.navbuttons{top:60px; left:-35px;}
	ul.navbuttons.on{max-height:800px; margin-bottom:-15px; }
	ul.navbuttons li {position:relative; top:0px; left:0px; background:none;}
	ul.navbuttons li.ar_home{left:0px;top:15px; height:auto;}
	ul.navbuttons li.ar_books{left:0px; top:11px; height:auto;}
	ul.navbuttons li.ar_parenting{left:0px; height:auto;}
	ul.navbuttons li.ar_fun{left:0px; height:auto;}
	ul.navbuttons li.ar_about{left:0px; height:auto;}
	ul.navbuttons li.ar_other_stuff{left:0px; height:auto;}
	ul.navbuttons li.ar_shop{left:40px; height:auto;}
	ul.navbuttons li.ar_contact{left:0px; height:auto;}

	ul.navbuttons .ar{position:static;}
	.navbuttons .ar{position:static; display:block; text-shadow: 0 0 5px rgba(255,255,255,0.5); -webkit-text-shadow: 0 0 5px rgba(255,255,255,0.5); color: #efefef; margin-top:20px;}
	.navbuttons .ar1{margin:-100px 0 0 0; transition:margin 1s; -webkit-transition:margin 1s;}
	.navbuttons .ar2{margin:-150px 0 0 0; transition:margin 1.1s; -webkit-transition:margin 1.1s;}
	.navbuttons .ar3{margin:-200px 0 0 0; transition:margin 1.2s; -webkit-transition:margin 1.2s;}
	.navbuttons .ar4{margin:-250px 0 0 0; transition:margin 1.3s; -webkit-transition:margin 1.3s;}
	.navbuttons .ar5{margin:-300px 0 0 0; transition:margin 1.4s; -webkit-transition:margin 1.4s;}
	.navbuttons .ar6{margin:-350px 0 15px 0; transition:margin 1.5s; -webkit-transition:margin 1.5s;}
	.navbuttons.on .ar{margin:20px 0 10px 0;}

	footer .ytbtn{position:absolute; bottom:auto; top:155px;}

	.parenting-page .balloon-bunny{
		background-size:contain;
		height:325px;
		top:540px;
		right:25px;

	}
	.parenting-page .vidbox{padding-right:2%; margin-bottom:202px;}
	.contact-page h2{padding-right:300px;}
	.contact-page .form{width:100%; padding-right:300px;}
	.contact-page .form .left{width:35%}
	.contact-page .form .right{width:65%}
	.contact-page .form .input{width:100%;}
	.contact-page .form textarea{width:100%;}

	.book-item h2{float:none; width:auto; margin-bottom:10px;}
	.book-item .img{width:40%;}
	.book-item .txt{ width:auto; margin-left:0px; clear:none; border-bottom:none;}
	.book-item .info{width:auto;}
	.book-item .readmore_wrapper{border-top:1px dashed #636363;padding-top:5px;}
	.book-item .tabs .t{width:auto; margin-right:5px;}
	.book-item .tabs .t.songs{padding-left:35px;}

	.booktiles{width:31%;}
	.booktiles:hover .title{ display:none;}

}
@media (max-width:800px){
	.contact-page h2{padding-right:0px;}
	.contact-page .form{margin-bottom:220px; position:relative; z-index:1;}
	.contact-bunny{top:auto; bottom:25px; right:35px;}
	.contact-page .form{padding-right:50px;}
	.contact-page .form .left{width:20%;}
	.parenting-page .balloon-bunny{width:30%; height:348px; right:-24px;}
	h1.books{font-size:35px;}
}
@media (max-width:640px){
	footer .ytbtn{top:100px;}

	.parenting-page{padding:2%;}
	.parenting-page .parenting-text{margin:15px 0px;}
	.parentleft-toggle{display:block; padding:0px 10px; width:180px; text-align:center; margin:0 auto; position:relative; top:-5px; cursor:pointer; font-family:'minya_nouvellebold'; font-size:1.2em; background:#00aeef; line-height:1.5em; border-radius:13px; color:#fff; font-style:italic; }
	.parentleft{width:0%; overflow-x:hidden; background:#fff; transition:all 0.5s; -webkit-transition:all 0.5s; position:fixed; height:100%; overflow:auto; top:1.5em; left:0px; z-index:100;}
	.parenting-page .vidbox h3{font-size:18px;}
	.parentleft .close{display:block; width:1.5em; height:1.5em; font-size:1.5em; position:absolute; top:0px; right:0px;cursor:pointer}
	.parentleft.on{width:75%; padding:35px 15px; box-shadow:1px -1px 5px rgba(0,0,0,0.3);}
	.parenting-page .vidbox{width:100%;}
	.parenting-page .balloon-bunny{height:260px; top:auto; bottom:25px; right:0px; background-position:center bottom;}

	.navbuttons .ar{position:static; display:block; color:#fff; margin-top:5px; transform:rotate(0deg); -webkit-transform:rotate(0deg);}
	.navbuttons.on .ar{margin:5px 0 10px 0;}

	.content .contact-page{padding:2% 4%;}
	.contact-page .form{margin-bottom:240px; padding-right:0;}
	.contact-page .form .left{min-width:100px;}
	.contact-page .form .left.placeholder{display:none;}
	.contact-page .form .right{min-width:250px;}
	.contact-bunny{right:-18px;}

	.fun-page{padding:2%;}
	.fun-page .leftcol{width:100%;}
	.fun-page .rightcol{width:100%;}

	.btn.awards, .btn.reviews{display:block; margin:0px auto 15px auto;}
	.content .book-page{padding:2%;}
	.content.books{ margin:200px auto 50px auto;}
	h1.books{top:-100px;}
	h1.books span{display:block;}
	.book-item{max-height:none; overflow:visible;}
	.book-item .txt{overflow:visible;}
	.book-item .img{width:80%; margin:5% 10%;}
	.book-item .info{margin:2% 2% 0% 2%; padding:5px;}
	.book-item .social{width:190px; margin:10px auto 0 auto;}
	.book-item .tabs .t{font-size:16px;}
	.book-item .tabs{padding:0px; margin-left:0%;}
	.book-item .social span{width:23px; height:23px; background-size:contain; background-repeat:no-repeat;}
	.book-item .social span.t{width:auto; height:auto;}
	.book-item .stopbullying{float:none;}
	.book-item .txt .comingsoon{line-height:normal; font-size:36px; height:50px;}

	.booktiles{width:46%; margin:0 2% 30px 2%;}

	.tabdisplays .d.on{padding-top:50px; padding-bottom:50px; min-height:150px;}
	.tabdisplays .d .vids{width:95%;}
	.d .box{padding:0px 2% 0px 2%; height:auto; line-height:1.5em;}
	.d .box a.btn{display:block; margin:10px auto;}

	.onebook .bkdrop{left:19px;}
	.onebook .bkdrop.on{width:266px;}

	.onebook a.purchase{margin:10px auto 5px auto; display:block; }
	.onebook .parenting{margin:5px auto 10px auto; display:block;}
	.onebook .tabdisplays h2 { margin: 0 auto; padding: 10px 0 5px 0;}
	.onebook .vids{height:250px !important; }
	.onebook .tabdisplays .d{padding:15px 0 30px 0;}
	.btn.toggleYT{padding:0; text-align:center; width:100%;}
	.d .box{padding:0;}
	.onebook .tabdisplays .botbox{padding-left:0;}


	.about-page{padding:2%;}

	.birds.b1,.birds.b4{background:none; display:none;}
}
@media (max-width:480px){
	header{z-index:2;}
	header .logo{width:100px; height:100px; top:40px;}
	header .m-nav{width:150px;}
	header.subpage .m-nav{margin-right:20px;}
	header .m-nav .menubutton{width:125px; background-size:contain; font-size:18px; padding-top:10px; height:47px; z-index:2;}
	header.subpage .ar{width:125px;}
	.home{z-index:1;}
	ul.navbuttons{width:125px; left:4px; top:46px; background-size:95px; z-index:1;}
	header.subpage ul.navbuttons{left:4px; top:46px;}

	header.subpage ul.navbuttons.on{height:430px;}
	ul.navbuttons li{width:125px;}
	ul.navbuttons .ar{font-size:16px; line-height:35px; position:static; height:auto; margin:10px 0 25px 0px;}
	ul.navbuttons.on .ar{margin:10px 0 25px 0px;}
	ul.navbuttons li.ar_home .ar{background-size:95%;}
	ul.navbuttons li.ar_books .ar{background-size:100%; padding:2px 3px 0 9px; line-height:17px; height:42px;}

	ul.navbuttons li.ar_parenting .ar{background-size:100%;}

	ul.navbuttons li.ar_fun .ar{background-size:100%;}

	ul.navbuttons li.ar_about .ar{background-size:100%; padding-bottom: 8px; padding-top: 2px;}

	ul.navbuttons li.ar_other_stuff .ar{background-size:100%; padding-bottom: 8px; padding:1px 3px 0 9px; line-height:17px;}

	ul.navbuttons li.ar_shop .ar{width:125px; background-size:100%; margin-left:-40px;}

	ul.navbuttons li.ar_contact .ar{background-size:100%;}

	.content{margin-top:112px;}
	.content.books{ margin:145px auto 50px auto;}
	footer .ytbtn{top:50px;}
	.subpage h1{font-size:35px;}

	.parentleft.on{width:95%;}
	svg.icon{width:30px;margin-top:0.4em;}
	.book-item .tabs .t{padding-left:30px;}
	.book-item .tabs .t.songs{padding-left:27px;}
	.book-item .tabs .t.on, .book-item .tabs .t:hover{background:none;}
	.d .box{font-size:18px;}
	.d .box svg{height:40px; margin:0 10px 0px 10px; float:left;}
	.tabdisplays .botbox{height:auto; line-height:3.5em;margin-bottom:25px;}
	.botbox .purchase{margin-right:0px;}

	.about-text{font-size:14px; line-height:1.8em;}
	.about-bios strong{font-size:18px;}
	.about-bios{font-size:14px; line-height:1.8em;}
	.about-free{font-size:14px;}
	.about-free strong{font-size:18px;}
	.about-buttons strong{font-size:18px;}
	.parenting-page h2{font-size:1.8em; margin:5px;}
	.contact-page h2{font-size:1.3em; margin:5px; font-size:19px;}
	.book-item h2{font-size:18px;}
	.book-item .info{font-size:14px;}
	.book-item .readmore{width:270px;}

	.form{font-size:14px;}
}

@media (max-width:480px){.ar_about .ar .top_about {
	position: relative;
	top: 3px;
	left: 6px;
	line-height: 15px;
	margin: 10px 0;
    }
}