@charset "UTF-8";

/*
font-family:'SST W01 Roman', sans-serif;
font-family:'SST W01 Medium', sans-serif;
font-family:'Museo Sans W01_500';
font-family:'Museo Sans W01_700';
font-family:'Museo Sans W01_900', sans-serif;
font-family:'SST W01 Heavy', sans-serif;
font-family:'Museo W01_500', sans-serif;
*/

body {margin:0px; background:#eaf1f4;  -webkit-font-smoothing:antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale;}

#universal4o {margin-bottom:0; display: none;}
#blackBar {position:relative; left:0px; top:0px; width:100%; height:auto; background-color:#EC1D25; text-align:center; display:inline-block;}
#blackBar img {padding-top:1em; padding-bottom:1em;}
#footer-corporate {display:none;}

#koovMain {width: 100%; max-width:960px; margin:0 auto 130px auto; background:#fff; position:relative; font-family:'Museo Sans W01_500', sans-serif; font-weight:400; font-size:16px; color:#000;}

#koovHero {width: 100%;

background: #dff0f5;
position:relative;
}

#koovHero-sponsored {font-family:'Museo W01_500', sans-serif; display:block; position:absolute; right:14px; top:8px; /*! position:absolute; */ /*! left:14px; */ /*! top:8px; */ color:#000; font-size:11px; line-height:14px;/*! padding: 18px 0 0 14px; */margin: 0 auto;/*! text-align: center; */}
#koovHero-logo {display:block; position:absolute; right:14px; top:24px; color:#fff; font-size:14px; line-height:14px;/*! padding: 10px 0 0 14px; *//*! margin:   0 auto; */width: 58px;}
#koovHero-logo img {width: 100%; height: 100%;}

#koovHero img {width: 100%;}

#koovHero h1 {width: 95%; padding: 46px 0 12px; margin: 0 auto; font-family:'SST W01 Roman', sans-serif; font-size: 32px; color: #5fc3d2;line-height: 32px;}
#koovHero h1 span {font-family:'SST W01 Medium', sans-serif; color: #323838; font-size: 12px; display: block; padding: 0 0 7px 0;line-height: 4px;}

#koovHero p {margin:0; padding:5% 8% 0; color:#fff; font-size:18px;  text-align: center; line-height: 19px; position: relative; bottom: 0;}
#koovHero p strong {font-family:'Museo Sans W01_900', sans-serif; font-weight:900;}

#koovHero #koov_badge {text-decoration: none; text-align: center; font-family:'SST W01 Heavy', sans-serif; font-size: 16px; font-weight: 900; color: #000; display: block; margin: 0 auto; padding: 27px 0 0 0; width: 141px; height: 159px; background: url(../images/koov_badge.png) center center no-repeat; background-size: contain;box-sizing: border-box;line-height: 17px;}
#koovHero #koov_badge span {color: #fff; font-size: 26px; display: block;line-height: 28px;}

#koovHero #koov_subheader {background: #5fc3d2; padding: 20px 0 30px 0;position: relative;}

#koovHero #koov_subheader a:last-child {text-decoration: none; text-align: center; display: block; font-family:'Museo Sans W01_900', sans-serif; font-size: 14px; line-height: 18px; max-width: 280px; font-weight: 700; color: #5fc3d2; background: #fff; border-radius: 30px; margin: 30px auto 0; padding: 7px 2px 7px;}

.koovShadowbox {
-moz-box-shadow: -2.828px 2.828px 0px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: -2.828px 2.828px 0px 0px rgba(0, 0, 0, 0.15);
  box-shadow: -2.828px 2.828px 0px 0px rgba(0, 0, 0, 0.15);
margin:0 auto 34px auto;
background: #f1f1f1;
padding: 0 0 20px 0;
letter-spacing: 1px;
border: 2px solid #f1f1f1;
box-sizing: border-box;
width: 280px;
height: 356px;
color: #404040;
text-decoration: none;
font-size: 14px;
vertical-align: top;
}
.koovShadowbox:after {
  content: "";
  display: table;
  clear: both;
}

#koovCenter {padding: 18px 0 30px 0;}

#koovCenter #koov-lesson {margin: 12px 0 0 0; }
#koovCenter #koov-lesson {}
#koovCenter #koov-lesson h2 { padding: 18px 0 0 0; margin: 0; font-size: inherit;}
#koovCenter #koov-lessonpods {text-align: center;vertical-align: top;}
#koovCenter .koovShadowbox {text-align: center; display: inline-block;}
#koovCenter .koovShadowbox .koov-lessonpod {margin: 0 auto; display: block;}
#koovCenter .koovShadowbox h3 {font-family:'Museo Sans W01_700', sans-serif; sans-serif; margin: 14px 0 15px 0px;letter-spacing: -.1px;font-size: 20px !important;}
#koovCenter .koovShadowbox h3 span {display: block; color: #e15e28;}
#koovCenter .koovShadowbox h4 {width: 90%; font-size: 12px; font-family:'Museo Sans W01_900', sans-serif; font-weight:900; background: #57aed4; color: #fff; text-align: center; margin: 0 auto 8px; padding: 4px 0 2px; line-height: 18px;}
#koovCenter .koovShadowbox p {width: 95%; font-family:'Museo Sans W01_500', sans-serif; font-weight:500; margin: 0 auto; padding: 15px 0 10px; font-size: 14px;}



#koovCenter #koov-lesson .koovShadowbox img {width: 100%;}



#koovBottom {position:relative; background: #f5a02d;padding: 0 0 30px 0;}
#koovBottom #koovHeader2 {padding: 15px 0 15px 0; width: 100%; background: url(../images/header2.jpg) top center no-repeat; background-size: cover;box-sizing: border-box;}
#koovBottom #koovHeader2 h2 {margin: 0 auto; padding: 0; width:90%; font-family:'SST W01 Roman', sans-serif; font-size: 32px; text-align: center;color: #323838;}
#koovBottom #koovHeader2 img {width: 220px; margin: 10px auto; display: block;}
#koovBottom #koovHeader2 #discount_burst img {float: none; width: 280px; margin: 10px auto; display: block;}

#koovBottom p {width: 86%; font-size: 16px; margin: 0 auto; padding: 15px 0; text-align: center;}
#koovBottom p:last-child {font-size: 11px; margin: 0 auto; padding: 15px 0 0 0; text-align: center;}

#koovBottom hr {width: 85%;  border: 0; height: 1px; background: #000; margin: 0 auto;}

#koovBottom #koovCallouts {}
#koovBottom #koovCallouts .koovCallout {width: 86%; display: block; font-size: 14px; margin: 0 auto;text-align: center;}
#koovBottom #koovCallouts .koovCallout h3 {font-size: 30px; display: block; padding: 25px 0 0 0; margin: 0;text-align: center;}
#koovBottom #koovCallouts .koovCallout {}

#koovFooter {background: #ffcc86; height: 65px;padding: 15px 0 0 0;box-sizing: border-box;}
#koovFooter a {background: #fff;  font-family:'Museo Sans W01_900', sans-serif; font-weight:900; display: block;margin: 0 auto;padding: 6.5px 0;width: 163px;text-align: center;border-radius: 30px;text-decoration: none;color: #5fc3d2;font-size: 18px;}


/* Media Queries */

@media only screen and (min-width: 480px) {
#koovBottom #koovHeader2 #discount_burst img {float: none; width: 325px; margin: 10px auto; display: block;}

}

@media only screen and (min-width: 600px) {
#koovHero h1 span {font-family:'SST W01 Medium', sans-serif; color: #323838; font-size: 16px; display: block; padding: 0 0 7px 0;line-height: 4px;}

#koovHero #koov_subheader a:last-child {font-size: 20px; letter-spacing: -.4px; line-height: 18px; max-width: 430px; font-weight: 700; color: #5fc3d2; background: #fff; border-radius: 30px; margin: 30px auto 0; padding: 7px 2px 7px;}

#koovCenter .koovShadowbox {margin: 0 6px 30px 0}
#koovCenter .koovShadowbox:first-child {margin: 0 6px 0 0;}
#koovCenter .koovShadowbox:last-child {margin: 0 6px 0 0;}

#koovBottom #koovHeader2 h2 {font-size: 46px;}
#koovBottom #koovHeader2 img {width: 280px; margin: 10px auto; display: block;}

#koovFooter a {font-size: 20px;}

  
}

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

#koovHero h1 span {font-size: 20px; line-height: 4px;}
#koovHero h1 {font-size: 52px; line-height: 64px;}

#koovBottom #koovHeader2 #discount_burst img {float: none; width: 385px; margin: 10px auto; display: block;}

}


@media only screen and (min-width: 960px) {
#koovHero-sponsored {position:absolute; right:44px; top:9px; font-size:14px; line-height:14px; margin: 0 auto;}
#koovHero-logo {position:absolute; right:44px; top:38px; width: 116px;}

#koovHero h1 span {font-size: 28px; line-height: 28px; letter-spacing: 0;}
#koovHero h1 {font-size: 74px; line-height: 64px;padding: 50px 0 25px;letter-spacing: -2.5px;}

#koovHero #koov_badge {position: absolute; top: 10px; right: 44px;}

#koovHero #koov_subheader {padding: 26px 0 30px 0;}

  
#koovHero p {margin:0; padding: 23px 0 0 44px; width: 690px; color:#fff; font-size:18px;  text-align: left; line-height: 21px; position: relative; bottom: 0;letter-spacing: -.2px;}
#koovHero p:first-of-type {padding: 0 0 0 44px;}

#koovHero #koov_subheader a:last-child {margin: 37px auto 4px; padding: 7px 2px 7px;}

#koovCenter .koovShadowbox {margin: 0 14px 30px 0}
#koovCenter .koovShadowbox:first-child {margin: 0 14px 0 0;}
#koovCenter .koovShadowbox:last-child {margin: 0 6px 0 0;}

#koovCenter {padding: 18px 0 3px 0;}

#koovBottom #koovHeader2 {padding: 20px 0 15px 0; height: 295px;}
#koovBottom #koovHeader2 h2 {font-size: 46px; float: left; display: block; width: initial;padding: 0 0 0 103px;}
#koovBottom #koovHeader2 img {width: 278px; margin: 1px auto;  float: left;}
#koovBottom #koovHeader2 #discount_burst img {float: right; width: 385px; margin: 0 43px 0 0; display: block;}

#koovHeader2:after {
  content: "";
  display: table;
  clear: both;
}

#koovBottom p {width: 866px; text-align: left; padding: 17px 0 18px;line-height: 19px;}
#koovBottom p:last-child {font-size: 11px; margin: 0 auto; padding: 0; text-align: left;}
#koovBottom hr {width: 866px;}

  
#koovBottom #koovCallouts {margin: 0 auto;width: 866px;display: block;}
#koovBottom #koovCallouts .koovCallout {padding: 0 40px 0 0; width: 296px; float-left; display: inline-block;vertical-align: top;margin: 0 auto; box-sizing: border-box; text-align: left;line-height: 18px;}
#koovBottom #koovCallouts .koovCallout:nth-child(2) {padding: 0 28px 0 0;}
#koovBottom #koovCallouts .koovCallout:last-child {width: 264px; padding: 0;}
#koovBottom #koovCallouts .koovCallout h3 {line-height: 28px; padding: 19px 0 0 0;text-align: left;}


  
#koovCallouts:after {
  content: "";
  display: table;
  clear: both;
}

}



@media only screen and (min-width: 1024px) {
#blackBar {display:none;}
#universal4o {display: block;}
}

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

}