@charset "utf-8";
* {padding: 0; margin: 0;}
img {border: 0; vertical-align: middle;}
html, body, div, form, fieldset, legend, label, p, h1, h2, h3 {margin: 0; padding: 0;}
header, nav, article, footer, address, aside, section, hgroup {display:block;}
.float {float: left;} .clear {clear: both;} 

body {font-family: 'Quicksand', sans-serif; margin: 0; padding: 0; font-size: 18px; line-height: 28px; color: #000;}
body {overflow-x: hidden;}
h1 {font-family: 'Quicksand', serif; font-weight: bold; font-size: 30px; line-height: 35px; color: #EA088B;}
h2 {font-family: 'Quicksand', serif; font-weight: bold; font-size: 25px; line-height: 30px; color: #EA088B;}
h3 {font-family: 'Quicksand', serif; font-weight: bold; font-size: 25px; line-height: 30px; color: #EA088B;}
h4 {font-family: 'Quicksand', serif; font-weight: 700; font-size: 34px; line-height: 40px; color: #EA088B;}


#closepopupform {background-color: #000; color: #fff; font-size: 20px; line-height: 24px; position: absolute; right: -10px; top: -10px;padding: 10px; border-radius: 50%; width: 25px; text-align:center;cursor:pointer;}

a {text-decoration: none; font-weight: bold; color: #EA088B;}
a:hover {text-decoration: underline; font-weight: bold;}
.pink {color: #EA088B;}
.yellow {color: #FCB814;}
.green {color: #50B748}
.red {color: #CC1B21}
.purple {color: #652C90;}
a.black-box {background-color: #000; color: #fff; text-decoration: none; display:block; padding: 10px; padding-left: 20px; padding-right: 20px;}
a.pink-box {background-color: #EA088B; color: #fff; text-decoration: none; display:inline-block; padding: 10px; padding-left: 20px; padding-right: 20px;}
a.orange-box {background-color: #FCB814; color: #fff; text-decoration: none; display:inline-block; padding: 10px; padding-left: 20px; padding-right: 20px;}
a.red-box {background-color: #CC1B21; color: #fff; text-decoration: none; display:inline-block; padding: 10px; padding-left: 20px; padding-right: 20px;}
a.green-box {background-color: #50B748; color: #fff; text-decoration: none; display:inline-block; padding: 10px; padding-left: 20px; padding-right: 20px;}
a.yellow-box {background-color: #FCB814; color: #fff; text-decoration: none; display:inline-block; padding: 10px; padding-left: 20px; padding-right: 20px;}
a.purple-box {background-color: #652C90; color: #fff; text-decoration: none; display:inline-block; padding: 10px; padding-left: 20px; padding-right: 20px;}
a.box-blue {color: #fff; text-decoration: none; display:inline-block; padding: 10px; padding-left: 20px; padding-right: 20px;background: #00aeef;
background: -moz-linear-gradient(left, #00aeef 0%, #1c75bc 100%);
background: -webkit-linear-gradient(left, #00aeef 0%,#1c75bc 100%);
background: linear-gradient(to right, #00aeef 0%,#1c75bc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aeef', endColorstr='#1c75bc',GradientType=1);}

ul {list-style-type: disc; list-style-position: outside; padding-left: 25px;}

.lead-para {font-size: 16px; line-height: 18px; color: #777;}
img.pull-left {float:left; padding-right: 20px;} img.pull-right {float:right; padding-left: 20px;}
img.resp {width: 100%; height: auto;}

.qlink-4 {width: 25%; height: auto; float:left;}
.qlink-4 img {width: 100%; height: auto;}

.qlink-2 {width: 45%; margin-left: 2.5%; margin-right: 2.5%; height: auto; float:left;margin-bottom: 5%;}
.qlink-2 img {width: 100%; height: auto;}

.reg-form {width: 800px; margin-left: auto; margin-right: auto;}

#subscribe-strip {background-color: #E21B85; display:block; color: #fff; font-weight: bold; padding-top: 20px; padding-bottom: 20px; text-align:center; }


.linger-mouse {background-image: url('../../../images/bits/linger-mouse.png'); background-size: auto 90%; background-repeat: no-repeat; background-position: top left; display:block; padding-left: 15%; padding-right: 15%; padding-top: 50px;}

.linger-frog {background-image: url('../../../images/bits/linger-frog.png'); background-size: auto 40%; background-repeat: no-repeat; background-position: center right; display:block; }

.linger {display:block; padding-left: 15%; padding-right: 15%; min-height: 30px;}

.foot-1 {float:left; width: 25%;}
.foot-2 {float:left; width: 33%; padding-right: 8%;}
.foot-3 {float:left; width: 33%;}

#kids-are-all-right {display: block; color: #fff; padding-top: 80px; padding-bottom: 50px; background-image: url('../../../images/bits/kids-are-all-right.png'); background-repeat: no-repeat; background-position: bottom right; background-size: auto 90%;}
#kids-are-all-sam {width: 450px; height: 450px; background-size: 100% 100%; display: block; position: relative; top: -225px; left: -125px;}

.one-1, .two-1, .two-2, .three-1, .three-2, .three-3, .three-12, .four-1, .four-2, .four-3, .four-4,
.five-1, .five-2, .five-3, .five-4, .five-5, .six-1, .six-2, .six-3, .six-4, .six-5, .six-6
{min-height: 50px;float:left; text-align: left; display: block; padding: 1%; margin: 0px 0.5% 10px 0.5%;}


@media only screen and (min-width: 1200px) { /* WIDE - Desktop */
  .one-1 {width: 97%; }
  .two-1, .two-2 {width: 47%; }
  .three-1, .three-2, .three-3 {width: 30.33%; }
  .three-12 {width: 63.66%; }
  .four-1, .four-2, .four-3, .four-4 {width: 22%; }
  .five-1, .five-2, .five-3, .five-4, .five-5 {width: 17%; }
  .six-1, .six-2, .six-3, .six-4, .six-5, .six-6 {width: 13.66%}
  .break {display:block;}
}

@media only screen and (min-width: 768px) and (max-width: 1199px) { /* MEDIUM - Tablet Portrait */
  .one-1 {width: 97%;}
  .two-1, .two-2 {width: 47%;}
  .three-1, .three-2, .three-3 {width: 30.33%;}
  .three-12, .three-23 {width: 63.66%; margin-top: 0px;}
  .four-1, .four-2, .four-3, .four-4 {width: 22%;}
  .five-1, .five-2, .five-3, .five-4, .five-5 {width: 17%; }
  .six-1, .six-2, .six-3, .six-4, .six-5, .six-6 {width: 30.33%;} 
  .reg-form {width: 90%;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) { /* SMALL - Mobile Landscape */
  .one-1 {width: 97%;}
  .two-1, .two-2 {width: 97%; }
  .three-1, .three-2, .three-3 {width: 97%; }
  .three-12, .three-23 {width: 97%; }
  .four-1, .four-2, .four-3, .four-4 {width: 47%;}
  .five-1, .five-2, .five-3 {width: 30.33%; }
  .five-4, .five-5 {width: 47%; }
  .six-1, .six-2, .six-3, .six-4, .six-5, .six-6 {width: 47%;}
    .reg-form {width: 95%;}
    .foot-1, .foot-2, .foot-3 {width: 90%; padding-left: 5%; padding-right: 5%; text-align:center;}
  .linger-mouse {background-size: 25% auto;;}
.linger-frog {background-size: 25% auto; }
}

@media only screen and (max-width: 479px) { /* TINY - Mobile Portrait */
  .one-1 {width: 97%; }
  .two-1, .two-2 {width: 97%; }
  .three-1, .three-2, .three-3 {width: 97%; }
  .three-12, .three-23 {width: 97%; }
  .four-1, .four-2, .four-3, .four-4 {width: 47%; }
  .five-1, .five-2, .five-3, .five-4 {width: 47%}
  .five-5 {width: 97%; }
  .six-1, .six-2, .six-3, .six-4, .six-5, .six-6 {width: 97%;}
  .reg-form {width: 98%;}
  .foot-1, .foot-2, .foot-3 {width: 90%; padding-left: 5%; padding-right: 5%; text-align:center;}
  .linger-mouse {background-size: 25% auto;;}
.linger-frog {background-size: 25% auto; }
}