@charset "UTF-8";
html { font-size:100%; }
a.LinkClass1 {
color: #0444ba;
}
a.LinkClass1:link {
font-family: "Helvetica Neue", "sans-serif";
font-variant: normal;
color: #0444ba;
}
a.LinkClass1:visited {
font-family: "Helvetica Neue", "sans-serif";
font-variant: normal;
color: #0444ba;
}
a.LinkClass1:hover {
font-family: "Helvetica Neue", "sans-serif";
font-variant: normal;
color: #00baff;
}
a.LinkClass2 {
color: #ffffff;
}
a.LinkClass2:link {
font-family: "Helvetica Neue", "sans-serif";
font-variant: normal;
color: #ffffff;
}
a.LinkClass2:visited {
font-family: "Helvetica Neue", "sans-serif";
font-variant: normal;
color: #ffffff;
}
a.LinkClass2:hover {
font-family: "Helvetica Neue", "sans-serif";
font-variant: normal;
color: #00baff;
}
a.LinkClass3 {
color: #d6452f;
}
a.LinkClass3:link {
font-family: "Helvetica Neue", "sans-serif";
font-variant: normal;
color: #d6452f;
}
a.LinkClass3:visited {
font-family: "Helvetica Neue", "sans-serif";
font-variant: normal;
color: #d6452f;
}
a.LinkClass3:hover {
font-family: "Helvetica Neue", "sans-serif";
font-variant: normal;
color: #00baff;
}
h1 {
font-family: 'Open Sans', sans-serif;
font-size: 30px;
color: #273345;
}
h2 {
font-family: 'Open Sans', sans-serif;
font-size: 27px;
color: #273345;
}
h3 {
font-family: 'Open Sans', sans-serif;
font-size: 1.8vw;
color: #273345;
}
h4 {
font-family: 'Open Sans', sans-serif;
font-size: 18px;
color: #273345;
}
h5 {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #FFF;
}
h6 {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
color: #FFF;
}
a {
text-decoration: none;
}
li {
margin: 0.5em 0;
}
#Whitesp {
float: right;
width: 100%;
height: 10px;
}
#Whitesp4px {
float: left;
width: 100%;
height: 4px;
}
button {
display: inline-block;
background-color: #dda40b;
border: none;
border-radius: 4px;
padding: 10px 10px;
text-align: center;
text-decoration: none;
color: white;
font-size: 12px;
transition-duration: 0.3s;
}
button:hover {
background-color: #ffde71;
color: #0e487b;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
@media screen and (max-width: 481px) {
h1 {
font-family: 'Open Sans', sans-serif;
font-size: 32px;
color: #ffffff;
text-align: center;
font-weight: bold;
}
h2 {
font-family: 'Open Sans', sans-serif;
font-size: 32px;
color: #096e10;
text-align: center;
font-weight: bold;
}
h3 {
font-family: 'Open Sans', sans-serif;
font-size: 32px;
color: #ffffff;
text-align: center;
font-weight: bold;
}
h4 {
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #ffffff;
text-align: left;
font-weight: bold;
}
.HRline {
float: left;
position: relative;
width: 100%;
height: 2px;
background-color: #1352ab;
}
/* Header and Nav All Pages */
.HeaderBoxDesk {
display: none;
}
.HeaderBoxMobile {
float: left;
position: relative;
width: 100%;
height: auto;
}
.NavBox {
float: left;
position: relative;
margin-top: -0.5%;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 4%;
width: 96%;
height: auto;
background-color: #ffffff;
}
.PageLinkHome {
float: left;
position: relative;
width: 24%;
height: auto;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #0444ba;
text-align: center;
}
.PageLinkShop {
float: left;
position: relative;
width: 18%;
height: auto;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #0444ba;
text-align: center;
}
.PageLinkCoach {
float: left;
position: relative;
width: 28%;
height: auto;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #0444ba;
text-align: center;
}
.PageLinkLearn {
float: left;
position: relative;
width: 26%;
height: auto;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #0444ba;
text-align: center;
}
.PageLinkAbout {
float: left;
position: relative;
width: 23%;
height: auto;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #0444ba;
text-align: center;
}
.PageLinkContact {
float: left;
position: relative;
width: 21%;
height: auto;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #0444ba;
text-align: center;
}
.PageLinkFAQ {
float: left;
position: relative;
width: 23%;
height: auto;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #0444ba;
text-align: center;
}
.PageLinkBlog {
float: left;
position: relative;
width: 31%;
height: auto;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #0444ba;
text-align: center;
}
.HeroDesk {
float: left;
position: relative;
width: 100%;
background-image: url("../images/Kidsinfield.jpg");
background-size: contain;
background-repeat: no-repeat;
}
.InvisibleBox {
visibility: hidden;
}
.LearnerStepPage {
float: left;
position: relative;
width: 100%;
background-image: url("../images/KidsGrassBig.jpg");
background-size: contain;
background-repeat: no-repeat;
}
.StepPageTextBox {
float: left;
position: relative;
padding-top: 2%;
width: 100%;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
color: #ffffff;
text-align: center;
}
.CoachFormBoxDesk {
display: none;
}
.CoachFormBoxMobile {
float: left;
position: relative;
width: 94%;
padding-top: 2%;
padding-bottom: 2%;
padding-left: 3%;
padding-right: 3%;
background-color: #00baff;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #ffffff;
text-align: left;
}
.FormText {
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #10386b;
text-align: left;
}
input[type=text] {
padding: 10px;
box-shadow:0 0 15px 4px rgba(0,0,0,0.06);
}
form {
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #b82525;
text-align: left;
}
.DownLoadBtn {
float: left;
position: relative;
width: 80%;
margin-left: 10%;
margin-right: 10%;
padding-top: 2%;
padding-bottom: 2%;
text-align: center;
}
.BtnBox1 {
float: left;
position: absolute;
top: 30%; left: 30%;
transform: translate(-50%,-50%);
width: 40%;
}
.BtnBox2 {
float: left;
position: absolute;
top: 55%; left: 30%;
transform: translate(-50%,-50%);
width: 40%;
}
.BtnBoxForStep1 {
float: left;
position: absolute;
top: 20%; left: 20%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep2 {
float: left;
position: absolute;
top: 30%; left: 20%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep3 {
float: left;
position: absolute;
top: 40%; left: 20%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep4 {
float: left;
position: absolute;
top: 50%; left: 20%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep5 {
float: left;
position: absolute;
top: 60%; left: 20%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep6 {
float: left;
position: absolute;
top: 70%; left: 20%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep7 {
float: left;
position: absolute;
top: 20%; left: 40%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep8 {
float: left;
position: absolute;
top: 30%; left: 40%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep9 {
float: left;
position: absolute;
top: 40%; left: 40%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep10 {
float: left;
position: absolute;
top: 50%; left: 40%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep11 {
float: left;
position: absolute;
top: 60%; left: 40%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep12 {
float: left;
position: absolute;
top: 70%; left: 40%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForNextSteps {
float: left;
position: relative;
width: 25%;
padding: 1%;
}
.ShopBox {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
width: 100%;
height: auto;
background-color: #84138c;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #ffffff;
text-align: center;
}
.TitleBoxBlue {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 2%;
padding-right: 25;
width: 96%;
height: auto;
background-color: #0658c8;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #ffffff;
text-align: center;
}
.TitleBoxBlueDnLoad {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
width: 100%;
height: auto;
background-color: #0658c8;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #ffffff;
text-align: center;
}
.TextBoxBlue {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 2%;
padding-right: 2%;
width: 96%;
height: auto;
background-color: #599cc6;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #ffffff;
text-align: left;
}
.TitleBoxPurple {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 2%;
padding-right: 2%;
width: 96%;
height: auto;
background-color: #a808b2;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #ffffff;
text-align: center;
}
.TextBoxPurple {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 2%;
padding-right: 2%;
width: 96%;
height: auto;
background-color: #d382d8;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #ffffff;
text-align: left;
}
.TitleBoxWhite {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 2%;
padding-right: 2%;
width: 96%;
height: auto;
background-color: #ffffff;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #0658c8;
text-align: center;
}
.TextBoxWhite {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 2%;
padding-right: 2%;
width: 96%;
height: auto;
background-color: #ffffff;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #0658c8;
text-align: left;
}
.PicBoxFullWidth {
float: left;
position: relative;
width: 100%;
}
.PicBoxLeft {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 1%;
padding-right: 2%;
margin-left: 1%;
margin-right: 2%;
width: 92%;
}
.TitleBoxGreen {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 2%;
padding-right: 2%;
width: 96%;
height: auto;
background-color: #55c784;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #096e10;
text-align: center;
}
.TextBoxGreen {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 2%;
padding-right: 2%;
width: 96%;
height: auto;
background-color: #b5e6be;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #096e10;
text-align: left;
}
.GreenTitleBox {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 2%;
padding-right: 2%;
width: 96%;
height: auto;
background-color: #30a79a;
font-family: 'Open Sans', sans-serif;
font-size: 22px;
color: #ffffff;
text-align: center;
}
.GreenTextBox {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 8%;
padding-right: 2%;
width: 90%;
height: auto;
background-color: #89cdc5;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #144e85;
text-align: left;
}
.PicBoxRight {
float: right;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 1%;
padding-right: 2%;
margin-left: 1%;
margin-right: 2%;
width: 94%;
text-align: right;
}
.CoverBoxPic {
float: left;
position: relative;
padding-top: 2%;
padding-bottom: 2%;
padding-left: 2%;
padding-right: 2%;
margin-left: 1%;
margin-right: 2%;
width: 25%;
}
.TextBox1 {
float: left;
position: relative;
width: 100%;
padding-bottom: 2%;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #ffffff;
text-align: center;
}
.TextBox2 {
float: left;
position: relative;
width: 100%;
padding-bottom: 2%;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #ffffff;
text-align: left;
}
.ShopDescriptionBox {
float: left;
position: relative;
width: 65%;
padding-top: 2%;
padding-bottom: 1%;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #ffffff;
text-align: left;
}
.BuyButtonBox {
float: left;
position: relative;
width: 20%;
}
.VideoBoxLeft {
float: left;
position: relative;
width: 100%;
padding-top: 1%;
padding-bottom: 1%;
}
#VideoBoxJingles {
float: left;
position: relative;
width: 96%;
padding-top: 1%;
padding-bottom: 1%;
padding-right: 2%;
padding-left: 2%;
}
.TextBoxJingles {
float: left;
position: relative;
width: 50%;
padding-top: 2%;
padding-bottom: 1%;
padding-left: 10%;
font-family: 'Open Sans', sans-serif;
font-size: 53px;
color: #ffffff;
text-align: left;
}
.ButtonBoxLetters {
float: left;
position: relative;
width: 100%;
padding-bottom: 2%;
}
.TextBoxBlueJingles {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 2%;
padding-right: 5%;
width: 93%;
background-color: #599cc6;
font-family: 'Open Sans', sans-serif;
font-size: 44px;
color: #ffffff;
text-align: center;
}
#JingleBoxA {
display: none;
}
#JingleBoxB {
display: none;
}
#JingleBoxC {
display: none;
}
#JingleBoxD {
display: none;
}
#JingleBoxE {
display: none;
}
#JingleBoxF {
display: none;
}
#JingleBoxG {
display: none;
}
#JingleBoxH {
display: none;
}
#JingleBoxI {
display: none;
}
#JingleBoxJ {
display: none;
}
#JingleBoxK {
display: none;
}
#JingleBoxL {
display: none;
}
#JingleBoxM {
display: none;
}
#JingleBoxN {
display: none;
}
#JingleBoxO {
display: none;
}
#JingleBoxP {
display: none;
}
#JingleBoxQ {
display: none;
}
#JingleBoxR {
display: none;
}
#JingleBoxS {
display: none;
}
#JingleBoxT {
display: none;
}
#JingleBoxU {
display: none;
}
#JingleBoxV {
display: none;
}
#JingleBoxW {
display: none;
}
#JingleBoxX {
display: none;
}
#JingleBoxY {
display: none;
}
#JingleBoxZ {
display: none;
}
.FooterBox {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 2%;
padding-right: 2%;
width: 96%;
height: auto;
background-color: #0658c8;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
color: #ffffff;
text-align: center;
}
.FooterNavBox {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 4%;
width: 96%;
height: auto;
}
.TinyTextBox {
float: left;
position: relative;
width: 100%;
padding-top: 1%;
padding-bottom: 1%;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #ffffff;
text-align: center;
}
#PrivacyNote {
display: inline-flex;
float: left;
position: fixed;
z-index: 3;
padding-left: 1%;
padding-right: 1%;
width: 98%;
bottom: 10px;
background-color: #494c55;
padding-top: 10px;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #FFFFFF;
text-align: center;
}
.PrivateHeading {
font-family: 'Open Sans', sans-serif;
font-size: 28px;
font-weight: bold;
color: #022e6d;
text-align: center;
}
.PrivacyText {
float: left;
position: relative;
width: 100%;
font-family: 'Open Sans', sans-serif;
font-size: 20px;
color: #10386b;
text-align: left;
}
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
@media (min-width: 482px) and (max-width: 777px){
h1 {
font-family: 'Open Sans', sans-serif;
font-size: 32px;
color: #ffffff;
text-align: center;
font-weight: bold;
}
h2 {
font-family: 'Open Sans', sans-serif;
font-size: 32px;
color: #096e10;
text-align: center;
font-weight: bold;
}
h3 {
font-family: 'Open Sans', sans-serif;
font-size: 32px;
color: #ffffff;
text-align: center;
font-weight: bold;
}
h4 {
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #ffffff;
text-align: left;
font-weight: bold;
}
.HRline {
float: left;
position: relative;
width: 100%;
height: 2px;
background-color: #1352ab;
}
/* Header and Nav All Pages */
.HeaderBoxDesk {
float: left;
position: relative;
width: 100%;
height: auto;
}
.HeaderBoxMobile {
display: none;
}
.NavBox {
float: left;
position: relative;
margin-top: -0.5%;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 4%;
width: 96%;
height: auto;
background-color: #ffffff;
}
.PageLinkHome {
float: left;
position: relative;
width: 24%;
height: auto;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #0444ba;
text-align: center;
}
.PageLinkShop {
float: left;
position: relative;
width: 18%;
height: auto;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #0444ba;
text-align: center;
}
.PageLinkCoach {
float: left;
position: relative;
width: 28%;
height: auto;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #0444ba;
text-align: center;
}
.PageLinkLearn {
float: left;
position: relative;
width: 26%;
height: auto;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #0444ba;
text-align: center;
}
.PageLinkAbout {
float: left;
position: relative;
width: 23%;
height: auto;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #0444ba;
text-align: center;
}
.PageLinkContact {
float: left;
position: relative;
width: 21%;
height: auto;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #0444ba;
text-align: center;
}
.PageLinkFAQ {
float: left;
position: relative;
width: 23%;
height: auto;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #0444ba;
text-align: center;
}
.PageLinkBlog {
float: left;
position: relative;
width: 31%;
height: auto;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #0444ba;
text-align: center;
}
.HeroDesk {
float: left;
position: relative;
width: 100%;
background-image: url("../images/Kidsinfield.jpg");
background-size: contain;
background-repeat: no-repeat;
}
.InvisibleBox {
visibility: hidden;
}
.LearnerStepPage {
float: left;
position: relative;
width: 100%;
background-image: url("../images/KidsGrassBig.jpg");
background-size: contain;
background-repeat: no-repeat;
}
.StepPageTextBox {
float: left;
position: relative;
padding-top: 2%;
width: 100%;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
color: #ffffff;
text-align: center;
}
.CoachFormBoxDesk {
float: left;
position: relative;
width: 94%;
padding-top: 2%;
padding-bottom: 2%;
padding-left: 3%;
padding-right: 3%;
background-color: #00baff;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #ffffff;
text-align: left;
}
.CoachFormBoxMobile {
display: none;
}
.FormText {
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #10386b;
text-align: left;
}
input[type=text] {
padding: 10px;
box-shadow:0 0 15px 4px rgba(0,0,0,0.06);
}
form {
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #b82525;
text-align: left;
}
.DownLoadBtn {
float: left;
position: relative;
width: 50%;
margin-left: 25%;
margin-right: 25%;
padding-top: 2%;
padding-bottom: 2%;
text-align: center;
}
.BtnBox1 {
float: left;
position: absolute;
top: 30%; left: 30%;
transform: translate(-50%,-50%);
width: 40%;
}
.BtnBox2 {
float: left;
position: absolute;
top: 55%; left: 30%;
transform: translate(-50%,-50%);
width: 40%;
}
.BtnBoxForStep1 {
float: left;
position: absolute;
top: 20%; left: 20%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep2 {
float: left;
position: absolute;
top: 30%; left: 20%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep3 {
float: left;
position: absolute;
top: 40%; left: 20%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep4 {
float: left;
position: absolute;
top: 50%; left: 20%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep5 {
float: left;
position: absolute;
top: 60%; left: 20%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep6 {
float: left;
position: absolute;
top: 70%; left: 20%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep7 {
float: left;
position: absolute;
top: 20%; left: 40%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep8 {
float: left;
position: absolute;
top: 30%; left: 40%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep9 {
float: left;
position: absolute;
top: 40%; left: 40%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep10 {
float: left;
position: absolute;
top: 50%; left: 40%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep11 {
float: left;
position: absolute;
top: 60%; left: 40%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep12 {
float: left;
position: absolute;
top: 70%; left: 40%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForNextSteps {
float: left;
position: relative;
width: 25%;
padding: 1%;
}
.ShopBox {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
width: 100%;
height: auto;
background-color: #84138c;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #ffffff;
text-align: center;
}
.TitleBoxBlue {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 2%;
padding-right: 25;
width: 96%;
height: auto;
background-color: #0658c8;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #ffffff;
text-align: center;
}
.TitleBoxBlueDnLoad {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
width: 100%;
height: auto;
background-color: #0658c8;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
color: #ffffff;
text-align: center;
}
.TextBoxBlue {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 2%;
padding-right: 2%;
width: 94%;
height: auto;
background-color: #599cc6;
font-family: 'Open Sans', sans-serif;
font-size: 22px;
color: #ffffff;
text-align: left;
}
.TitleBoxPurple {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 2%;
padding-right: 2%;
width: 96%;
height: auto;
background-color: #a808b2;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #ffffff;
text-align: center;
}
.TextBoxPurple {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 2%;
padding-right: 2%;
width: 96%;
height: auto;
background-color: #d382d8;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #ffffff;
text-align: left;
}
.TitleBoxWhite {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 2%;
padding-right: 2%;
width: 96%;
height: auto;
background-color: #ffffff;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #0658c8;
text-align: center;
}
.TextBoxWhite {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 2%;
padding-right: 2%;
width: 96%;
height: auto;
background-color: #ffffff;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #0658c8;
text-align: left;
}
.PicBoxFullWidth {
float: left;
position: relative;
width: 100%;
}
.PicBoxLeft {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 1%;
padding-right: 2%;
margin-left: 1%;
margin-right: 2%;
width: 92%;
}
.TitleBoxGreen {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 2%;
padding-right: 2%;
width: 96%;
height: auto;
background-color: #55c784;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #096e10;
text-align: center;
}
.TextBoxGreen {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 2%;
padding-right: 2%;
width: 96%;
height: auto;
background-color: #b5e6be;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #096e10;
text-align: left;
}
.GreenTitleBox {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 2%;
padding-right: 2%;
width: 96%;
height: auto;
background-color: #30a79a;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #ffffff;
text-align: center;
}
.GreenTextBox {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 8%;
padding-right: 2%;
width: 90%;
height: auto;
background-color: #89cdc5;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #144e85;
text-align: left;
}
.PicBoxRight {
float: right;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 1%;
padding-right: 2%;
margin-left: 1%;
margin-right: 2%;
width: 94%;
text-align: right;
}
.CoverBoxPic {
float: left;
position: relative;
padding-top: 2%;
padding-bottom: 2%;
padding-left: 2%;
padding-right: 2%;
margin-left: 1%;
margin-right: 2%;
width: 25%;
}
.TextBox1 {
float: left;
position: relative;
width: 100%;
padding-bottom: 2%;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #ffffff;
text-align: center;
}
.TextBox2 {
float: left;
position: relative;
width: 100%;
padding-bottom: 2%;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #ffffff;
text-align: left;
}
.ShopDescriptionBox {
float: left;
position: relative;
width: 65%;
padding-top: 2%;
padding-bottom: 1%;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #ffffff;
text-align: left;
}
.BuyButtonBox {
float: left;
position: relative;
width: 20%;
}
.VideoBoxLeft {
float: left;
position: relative;
width: 98%;
padding-top: 1%;
padding-bottom: 1%;
}
#VideoBoxJingles {
float: left;
position: relative;
width: 60%;
padding-top: 1%;
padding-bottom: 1%;
padding-right: 2%;
}
.TextBoxJingles {
float: left;
position: relative;
width: 35%;
padding-top: 2%;
padding-bottom: 1%;
font-family: 'Open Sans', sans-serif;
font-size: 33px;
color: #ffffff;
text-align: left;
}
.ButtonBoxLetters {
float: left;
position: relative;
width: 100%;
padding-bottom: 2%;
}
.TextBoxBlueJingles {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 2%;
padding-right: 5%;
width: 100%;
background-color: #599cc6;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #ffffff;
text-align: center;
}
#JingleBoxA {
display: none;
}
#JingleBoxB {
display: none;
}
#JingleBoxC {
display: none;
}
#JingleBoxD {
display: none;
}
#JingleBoxE {
display: none;
}
#JingleBoxF {
display: none;
}
#JingleBoxG {
display: none;
}
#JingleBoxH {
display: none;
}
#JingleBoxI {
display: none;
}
#JingleBoxJ {
display: none;
}
#JingleBoxK {
display: none;
}
#JingleBoxL {
display: none;
}
#JingleBoxM {
display: none;
}
#JingleBoxN {
display: none;
}
#JingleBoxO {
display: none;
}
#JingleBoxP {
display: none;
}
#JingleBoxQ {
display: none;
}
#JingleBoxR {
display: none;
}
#JingleBoxS {
display: none;
}
#JingleBoxT {
display: none;
}
#JingleBoxU {
display: none;
}
#JingleBoxV {
display: none;
}
#JingleBoxW {
display: none;
}
#JingleBoxX {
display: none;
}
#JingleBoxY {
display: none;
}
#JingleBoxZ {
display: none;
}
.FooterBox {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 2%;
padding-right: 2%;
width: 96%;
height: auto;
background-color: #0658c8;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #ffffff;
text-align: center;
}
.FooterNavBox {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 4%;
width: 96%;
height: auto;
}
.TinyTextBox {
float: left;
position: relative;
width: 100%;
padding-top: 1%;
padding-bottom: 1%;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #ffffff;
text-align: center;
}
#PrivacyNote {
display: inline-flex;
float: left;
position: fixed;
z-index: 3;
width: 40%;
bottom: 10px;
background-color: #494c55;
padding-top: 10px;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #FFFFFF;
text-align: center;
}
.PrivateHeading {
font-family: 'Open Sans', sans-serif;
font-size: 28px;
font-weight: bold;
color: #022e6d;
text-align: center;
}
.PrivacyText {
float: left;
position: relative;
width: 100%;
font-family: 'Open Sans', sans-serif;
font-size: 20px;
color: #10386b;
text-align: left;
}
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
@media (min-width: 778px) and (max-width: 900px){
h1 {
font-family: 'Open Sans', sans-serif;
font-size: 32px;
color: #ffffff;
text-align: center;
font-weight: bold;
}
h2 {
font-family: 'Open Sans', sans-serif;
font-size: 32px;
color: #096e10;
text-align: center;
font-weight: bold;
}
h3 {
font-family: 'Open Sans', sans-serif;
font-size: 32px;
color: #ffffff;
text-align: center;
font-weight: bold;
}
h4 {
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #ffffff;
text-align: left;
font-weight: bold;
}
.HRline {
float: left;
position: relative;
width: 100%;
height: 2px;
background-color: #1352ab;
}
/* Header and Nav All Pages */
.HeaderBoxDesk {
float: left;
position: relative;
width: 100%;
height: auto;
}
.HeaderBoxMobile {
display: none;
}
.NavBox {
float: left;
position: relative;
margin-top: -0.5%;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 4%;
width: 96%;
height: auto;
background-color: #ffffff;
}
.PageLinkHome {
float: left;
position: relative;
width: 10%;
height: auto;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #0444ba;
text-align: center;
}
.PageLinkShop {
float: left;
position: relative;
width: 10%;
height: auto;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #0444ba;
text-align: center;
}
.PageLinkCoach {
float: left;
position: relative;
width: 14%;
height: auto;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #0444ba;
text-align: center;
}
.PageLinkLearn {
float: left;
position: relative;
width: 15%;
height: auto;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #0444ba;
text-align: center;
}
.PageLinkAbout {
float: left;
position: relative;
width: 11%;
height: auto;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #0444ba;
text-align: center;
}
.PageLinkContact {
float: left;
position: relative;
width: 13%;
height: auto;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #0444ba;
text-align: center;
}
.PageLinkFAQ {
float: left;
position: relative;
width: 9%;
height: auto;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #0444ba;
text-align: center;
}
.PageLinkBlog {
float: left;
position: relative;
width: 11%;
height: auto;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #0444ba;
text-align: center;
}
.HeroDesk {
float: left;
position: relative;
width: 100%;
background-image: url("../images/Kidsinfield.jpg");
background-size: contain;
background-repeat: no-repeat;
}
.InvisibleBox {
visibility: hidden;
}
.LearnerStepPage {
float: left;
position: relative;
width: 100%;
background-image: url("../images/KidsGrassBig.jpg");
background-size: contain;
background-repeat: no-repeat;
}
.StepPageTextBox {
float: left;
position: relative;
padding-top: 2%;
width: 100%;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #ffffff;
text-align: center;
}
.CoachFormBoxDesk {
float: left;
position: relative;
width: 94%;
padding-top: 2%;
padding-bottom: 2%;
padding-left: 3%;
padding-right: 3%;
background-color: #00baff;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #ffffff;
text-align: left;
}
.CoachFormBoxMobile {
display: none;
}
.FormText {
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #10386b;
text-align: left;
}
input[type=text] {
padding: 10px;
box-shadow:0 0 15px 4px rgba(0,0,0,0.06);
}
form {
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #b82525;
text-align: left;
}
.DownLoadBtn {
float: left;
position: relative;
width: 40%;
margin-left: 29%;
margin-right: 29%;
padding-top: 2%;
padding-bottom: 2%;
text-align: center;
}
.BtnBox1 {
float: left;
position: absolute;
top: 30%; left: 30%;
transform: translate(-50%,-50%);
width: 40%;
}
.BtnBox2 {
float: left;
position: absolute;
top: 55%; left: 30%;
transform: translate(-50%,-50%);
width: 40%;
}
.BtnBoxForStep1 {
float: left;
position: absolute;
top: 15%; left: 20%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep2 {
float: left;
position: absolute;
top: 25%; left: 20%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep3 {
float: left;
position: absolute;
top: 35%; left: 20%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep4 {
float: left;
position: absolute;
top: 45%; left: 20%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep5 {
float: left;
position: absolute;
top: 55%; left: 20%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep6 {
float: left;
position: absolute;
top: 65%; left: 20%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep7 {
float: left;
position: absolute;
top: 15%; left: 40%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep8 {
float: left;
position: absolute;
top: 25%; left: 40%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep9 {
float: left;
position: absolute;
top: 35%; left: 40%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep10 {
float: left;
position: absolute;
top: 45%; left: 40%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep11 {
float: left;
position: absolute;
top: 55%; left: 40%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep12 {
float: left;
position: absolute;
top: 65%; left: 40%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForNextSteps {
float: left;
position: relative;
width: 15%;
padding: 1%;
}
.ShopBox {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
width: 100%;
height: auto;
background-color: #84138c;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #ffffff;
text-align: center;
}
.TitleBoxBlue {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
width: 100%;
height: auto;
background-color: #0658c8;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #ffffff;
text-align: center;
}
.TitleBoxBlueDnLoad {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
width: 100%;
height: auto;
background-color: #0658c8;
font-family: 'Open Sans', sans-serif;
font-size: 22px;
color: #ffffff;
text-align: center;
}
.TextBoxBlue {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 2%;
padding-right: 2%;
width: 96%;
height: auto;
background-color: #599cc6;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #ffffff;
text-align: left;
}
.TitleBoxPurple {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
width: 100%;
height: auto;
background-color: #a808b2;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #ffffff;
text-align: center;
}
.TextBoxPurple {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 2%;
padding-right: 2%;
width: 96%;
height: auto;
background-color: #d382d8;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #ffffff;
text-align: left;
}
.TitleBoxWhite {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
width: 100%;
height: auto;
background-color: #ffffff;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #0658c8;
text-align: center;
}
.TextBoxWhite {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 2%;
padding-right: 2%;
width: 96%;
height: auto;
background-color: #ffffff;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #0658c8;
text-align: left;
}
.PicBoxFullWidth {
float: left;
position: relative;
width: 100%;
}
.PicBoxLeft {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 1%;
padding-right: 2%;
margin-left: 1%;
margin-right: 2%;
width: 40%;
}
.TitleBoxGreen {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
width: 100%;
height: auto;
background-color: #55c784;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #096e10;
text-align: center;
}
.TextBoxGreen {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 2%;
padding-right: 2%;
width: 96%;
height: auto;
background-color: #b5e6be;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #096e10;
text-align: left;
}
.GreenTitleBox {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
width: 100%;
height: auto;
background-color: #30a79a;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #ffffff;
text-align: center;
}
.GreenTextBox {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 8%;
padding-right: 2%;
width: 90%;
height: auto;
background-color: #89cdc5;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #144e85;
text-align: left;
}
.PicBoxRight {
float: right;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 1%;
padding-right: 2%;
margin-left: 1%;
margin-right: 2%;
width: 40%;
text-align: right;
}
.CoverBoxPic {
float: left;
position: relative;
padding-top: 2%;
padding-bottom: 2%;
padding-left: 2%;
padding-right: 2%;
margin-left: 1%;
margin-right: 2%;
width: 25%;
}
.TextBox1 {
float: left;
position: relative;
width: 100%;
padding-bottom: 2%;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #ffffff;
text-align: center;
}
.TextBox2 {
float: left;
position: relative;
width: 100%;
padding-bottom: 2%;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #ffffff;
text-align: left;
}
.ShopDescriptionBox {
float: left;
position: relative;
width: 65%;
padding-top: 2%;
padding-bottom: 1%;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #ffffff;
text-align: left;
}
.BuyButtonBox {
float: left;
position: relative;
width: 20%;
}
.VideoBoxLeft {
float: left;
position: relative;
width: 50%;
padding-top: 1%;
padding-bottom: 1%;
padding-right: 2%;
}
#VideoBoxJingles {
float: left;
position: relative;
width: 60%;
padding-top: 1%;
padding-bottom: 1%;
padding-right: 2%;
}
.TextBoxJingles {
float: left;
position: relative;
width: 35%;
padding-top: 2%;
padding-bottom: 1%;
font-family: 'Open Sans', sans-serif;
font-size: 68px;
color: #ffffff;
text-align: left;
}
.ButtonBoxLetters {
float: left;
position: relative;
width: 100%;
padding-bottom: 2%;
}
.TextBoxBlueJingles {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 2%;
padding-right: 5%;
width: 100%;
background-color: #599cc6;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #ffffff;
text-align: center;
}
#JingleBoxA {
display: none;
}
#JingleBoxB {
display: none;
}
#JingleBoxC {
display: none;
}
#JingleBoxD {
display: none;
}
#JingleBoxE {
display: none;
}
#JingleBoxF {
display: none;
}
#JingleBoxG {
display: none;
}
#JingleBoxH {
display: none;
}
#JingleBoxI {
display: none;
}
#JingleBoxJ {
display: none;
}
#JingleBoxK {
display: none;
}
#JingleBoxL {
display: none;
}
#JingleBoxM {
display: none;
}
#JingleBoxN {
display: none;
}
#JingleBoxO {
display: none;
}
#JingleBoxP {
display: none;
}
#JingleBoxQ {
display: none;
}
#JingleBoxR {
display: none;
}
#JingleBoxS {
display: none;
}
#JingleBoxT {
display: none;
}
#JingleBoxU {
display: none;
}
#JingleBoxV {
display: none;
}
#JingleBoxW {
display: none;
}
#JingleBoxX {
display: none;
}
#JingleBoxY {
display: none;
}
#JingleBoxZ {
display: none;
}
.FooterBox {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 2%;
padding-right: 2%;
width: 96%;
height: auto;
background-color: #0658c8;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #ffffff;
text-align: center;
}
.FooterNavBox {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 4%;
width: 96%;
height: auto;
}
.TinyTextBox {
float: left;
position: relative;
width: 100%;
padding-top: 1%;
padding-bottom: 1%;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #ffffff;
text-align: center;
}
#PrivacyNote {
display: inline-flex;
float: left;
position: fixed;
z-index: 3;
width: 40%;
bottom: 10px;
background-color: #494c55;
padding-top: 10px;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #FFFFFF;
text-align: center;
}
.PrivateHeading {
font-family: 'Open Sans', sans-serif;
font-size: 28px;
font-weight: bold;
color: #022e6d;
text-align: center;
}
.PrivacyText {
float: left;
position: relative;
width: 100%;
font-family: 'Open Sans', sans-serif;
font-size: 20px;
color: #10386b;
text-align: left;
}
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
@media (min-width: 901px) and (max-width: 1100px){
h1 {
font-family: 'Open Sans', sans-serif;
font-size: 32px;
color: #ffffff;
text-align: center;
font-weight: bold;
}
h2 {
font-family: 'Open Sans', sans-serif;
font-size: 32px;
color: #096e10;
text-align: center;
font-weight: bold;
}
h3 {
font-family: 'Open Sans', sans-serif;
font-size: 32px;
color: #ffffff;
text-align: center;
font-weight: bold;
}
h4 {
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #ffffff;
text-align: left;
font-weight: bold;
}
.HRline {
float: left;
position: relative;
width: 100%;
height: 2px;
background-color: #1352ab;
}
/* Header and Nav All Pages */
.HeaderBoxDesk {
float: left;
position: relative;
width: 100%;
height: auto;
}
.HeaderBoxMobile {
display: none;
}
.NavBox {
float: left;
position: relative;
margin-top: -0.5%;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 4%;
width: 96%;
height: auto;
background-color: #ffffff;
}
.PageLinkHome {
float: left;
position: relative;
width: 10%;
height: auto;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #0444ba;
text-align: center;
}
.PageLinkShop {
float: left;
position: relative;
width: 10%;
height: auto;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #0444ba;
text-align: center;
}
.PageLinkCoach {
float: left;
position: relative;
width: 14%;
height: auto;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #0444ba;
text-align: center;
}
.PageLinkLearn {
float: left;
position: relative;
width: 15%;
height: auto;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #0444ba;
text-align: center;
}
.PageLinkAbout {
float: left;
position: relative;
width: 11%;
height: auto;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #0444ba;
text-align: center;
}
.PageLinkContact {
float: left;
position: relative;
width: 13%;
height: auto;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #0444ba;
text-align: center;
}
.PageLinkFAQ {
float: left;
position: relative;
width: 9%;
height: auto;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #0444ba;
text-align: center;
}
.PageLinkBlog {
float: left;
position: relative;
width: 11%;
height: auto;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #0444ba;
text-align: center;
}
.HeroDesk {
float: left;
position: relative;
width: 100%;
background-image: url("../images/Kidsinfield.jpg");
background-size: contain;
background-repeat: no-repeat;
}
.InvisibleBox {
visibility: hidden;
}
.LearnerStepPage {
float: left;
position: relative;
width: 100%;
background-image: url("../images/KidsGrassBig.jpg");
background-size: contain;
background-repeat: no-repeat;
}
.StepPageTextBox {
float: left;
position: relative;
padding-top: 2%;
width: 100%;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #ffffff;
text-align: center;
}
.CoachFormBoxDesk {
float: left;
position: relative;
width: 94%;
padding-top: 2%;
padding-bottom: 2%;
padding-left: 3%;
padding-right: 3%;
background-color: #00baff;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #ffffff;
text-align: left;
}
.CoachFormBoxMobile {
display: none;
}
.FormText {
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #10386b;
text-align: left;
}
input[type=text] {
padding: 10px;
box-shadow:0 0 15px 4px rgba(0,0,0,0.06);
}
form {
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #b82525;
text-align: left;
}
.DownLoadBtn {
float: left;
position: relative;
width: 40%;
margin-left: 29%;
margin-right: 29%;
padding-top: 2%;
padding-bottom: 2%;
text-align: center;
}
.BtnBox1 {
float: left;
position: absolute;
top: 30%; left: 30%;
transform: translate(-50%,-50%);
width: 40%;
}
.BtnBox2 {
float: left;
position: absolute;
top: 55%; left: 30%;
transform: translate(-50%,-50%);
width: 40%;
}
.BtnBoxForStep1 {
float: left;
position: absolute;
top: 15%; left: 20%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep2 {
float: left;
position: absolute;
top: 25%; left: 20%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep3 {
float: left;
position: absolute;
top: 35%; left: 20%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep4 {
float: left;
position: absolute;
top: 45%; left: 20%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep5 {
float: left;
position: absolute;
top: 55%; left: 20%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep6 {
float: left;
position: absolute;
top: 65%; left: 20%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep7 {
float: left;
position: absolute;
top: 15%; left: 40%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep8 {
float: left;
position: absolute;
top: 25%; left: 40%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep9 {
float: left;
position: absolute;
top: 35%; left: 40%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep10 {
float: left;
position: absolute;
top: 45%; left: 40%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep11 {
float: left;
position: absolute;
top: 55%; left: 40%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep12 {
float: left;
position: absolute;
top: 65%; left: 40%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForNextSteps {
float: left;
position: relative;
width: 15%;
padding: 1%;
}
.ShopBox {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
width: 100%;
height: auto;
background-color: #84138c;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #ffffff;
text-align: center;
}
.TitleBoxBlue {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
width: 100%;
height: auto;
background-color: #0658c8;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #ffffff;
text-align: center;
}
.TitleBoxBlueDnLoad {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
width: 100%;
height: auto;
background-color: #0658c8;
font-family: 'Open Sans', sans-serif;
font-size: 22px;
color: #ffffff;
text-align: center;
}
.TextBoxBlue {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 2%;
padding-right: 2%;
width: 96%;
height: auto;
background-color: #599cc6;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #ffffff;
text-align: left;
}
.TitleBoxPurple {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
width: 100%;
height: auto;
background-color: #a808b2;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #ffffff;
text-align: center;
}
.TextBoxPurple {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 2%;
padding-right: 2%;
width: 96%;
height: auto;
background-color: #d382d8;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #ffffff;
text-align: left;
}
.TitleBoxWhite {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
width: 100%;
height: auto;
background-color: #ffffff;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #0658c8;
text-align: center;
}
.TextBoxWhite {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 2%;
padding-right: 2%;
width: 96%;
height: auto;
background-color: #ffffff;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #0658c8;
text-align: left;
}
.PicBoxFullWidth {
float: left;
position: relative;
width: 100%;
}
.PicBoxLeft {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 1%;
padding-right: 2%;
margin-left: 1%;
margin-right: 2%;
width: 40%;
}
.TitleBoxGreen {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
width: 100%;
height: auto;
background-color: #55c784;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #096e10;
text-align: center;
}
.TextBoxGreen {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 2%;
padding-right: 2%;
width: 96%;
height: auto;
background-color: #b5e6be;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #096e10;
text-align: left;
}
.GreenTitleBox {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
width: 100%;
height: auto;
background-color: #30a79a;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #ffffff;
text-align: center;
}
.GreenTextBox {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 8%;
padding-right: 2%;
width: 90%;
height: auto;
background-color: #89cdc5;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #144e85;
text-align: left;
}
.PicBoxRight {
float: right;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 1%;
padding-right: 2%;
margin-left: 1%;
margin-right: 2%;
width: 40%;
text-align: right;
}
.CoverBoxPic {
float: left;
position: relative;
padding-top: 2%;
padding-bottom: 2%;
padding-left: 2%;
padding-right: 2%;
margin-left: 1%;
margin-right: 2%;
width: 25%;
}
.TextBox1 {
float: left;
position: relative;
width: 100%;
padding-bottom: 2%;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #ffffff;
text-align: center;
}
.TextBox2 {
float: left;
position: relative;
width: 100%;
padding-bottom: 2%;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #ffffff;
text-align: left;
}
.ShopDescriptionBox {
float: left;
position: relative;
width: 65%;
padding-top: 2%;
padding-bottom: 1%;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #ffffff;
text-align: left;
}
.BuyButtonBox {
float: left;
position: relative;
width: 20%;
}
.VideoBoxLeft {
float: left;
position: relative;
width: 50%;
padding-top: 1%;
padding-bottom: 1%;
padding-right: 2%;
}
#VideoBoxJingles {
float: left;
position: relative;
width: 60%;
padding-top: 1%;
padding-bottom: 1%;
}
.TextBoxJingles {
float: left;
position: relative;
width: 38%;
padding-top: 2%;
padding-bottom: 1%;
padding-left: 2%;
font-family: 'Open Sans', sans-serif;
font-size: 43px;
color: #ffffff;
text-align: left;
}
.ButtonBoxLetters {
float: left;
position: relative;
width: 100%;
padding-bottom: 2%;
}
.TextBoxBlueJingles {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 2%;
padding-right: 5%;
width: 100%;
background-color: #599cc6;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #ffffff;
text-align: center;
}
#JingleBoxA {
display: none;
}
#JingleBoxB {
display: none;
}
#JingleBoxC {
display: none;
}
#JingleBoxD {
display: none;
}
#JingleBoxE {
display: none;
}
#JingleBoxF {
display: none;
}
#JingleBoxG {
display: none;
}
#JingleBoxH {
display: none;
}
#JingleBoxI {
display: none;
}
#JingleBoxJ {
display: none;
}
#JingleBoxK {
display: none;
}
#JingleBoxL {
display: none;
}
#JingleBoxM {
display: none;
}
#JingleBoxN {
display: none;
}
#JingleBoxO {
display: none;
}
#JingleBoxP {
display: none;
}
#JingleBoxQ {
display: none;
}
#JingleBoxR {
display: none;
}
#JingleBoxS {
display: none;
}
#JingleBoxT {
display: none;
}
#JingleBoxU {
display: none;
}
#JingleBoxV {
display: none;
}
#JingleBoxW {
display: none;
}
#JingleBoxX {
display: none;
}
#JingleBoxY {
display: none;
}
#JingleBoxZ {
display: none;
}
.FooterBox {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 2%;
padding-right: 2%;
width: 96%;
height: auto;
background-color: #0658c8;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #ffffff;
text-align: center;
}
.FooterNavBox {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
width: 100%;
height: auto;
}
.TinyTextBox {
float: left;
position: relative;
width: 100%;
padding-top: 1%;
padding-bottom: 1%;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #ffffff;
text-align: center;
}
#PrivacyNote {
display: inline-flex;
float: left;
position: fixed;
z-index: 3;
width: 40%;
bottom: 10px;
background-color: #494c55;
padding-top: 10px;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #FFFFFF;
text-align: center;
}
.PrivateHeading {
font-family: 'Open Sans', sans-serif;
font-size: 28px;
font-weight: bold;
color: #022e6d;
text-align: center;
}
.PrivacyText {
float: left;
position: relative;
width: 100%;
font-family: 'Open Sans', sans-serif;
font-size: 20px;
color: #10386b;
text-align: left;
}
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
@media screen and (min-width: 1101px) {
h1 {
font-family: 'Open Sans', sans-serif;
font-size: 32px;
color: #ffffff;
text-align: center;
font-weight: bold;
}
h2 {
font-family: 'Open Sans', sans-serif;
font-size: 32px;
color: #096e10;
text-align: center;
font-weight: bold;
}
h3 {
font-family: 'Open Sans', sans-serif;
font-size: 32px;
color: #ffffff;
text-align: center;
font-weight: bold;
}
h4 {
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #ffffff;
text-align: left;
font-weight: bold;
}
.HRline {
float: left;
position: relative;
width: 70%;
margin-left: 15%;
margin-right: 15%;
height: 2px;
background-color: #1352ab;
}
/* Header and Nav All Pages */
.HeaderBoxDesk {
float: left;
position: relative;
margin-left: 15%;
margin-right: 15%;
width: 70%;
height: auto;
}
.HeaderBoxMobile {
display: none;
}
.NavBox {
float: left;
position: relative;
margin-top: -0.5%;
padding-top: 1%;
padding-bottom: 1%;
margin-left: 17%;
margin-right: 13%;
width: 70%;
height: auto;
background-color: #ffffff;
}
.PageLinkHome {
float: left;
position: relative;
width: 10%;
height: auto;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #0444ba;
text-align: center;
}
.PageLinkShop {
float: left;
position: relative;
width: 10%;
height: auto;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #0444ba;
text-align: center;
}
.PageLinkCoach {
float: left;
position: relative;
width: 14%;
height: auto;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #0444ba;
text-align: center;
}
.PageLinkLearn {
float: left;
position: relative;
width: 15%;
height: auto;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #0444ba;
text-align: center;
}
.PageLinkAbout {
float: left;
position: relative;
width: 11%;
height: auto;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #0444ba;
text-align: center;
}
.PageLinkContact {
float: left;
position: relative;
width: 13%;
height: auto;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #0444ba;
text-align: center;
}
.PageLinkFAQ {
float: left;
position: relative;
width: 9%;
height: auto;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #0444ba;
text-align: center;
}
.PageLinkBlog {
float: left;
position: relative;
width: 11%;
height: auto;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #0444ba;
text-align: center;
}
.HeroDesk {
float: left;
position: relative;
margin-left: 15%;
margin-right: 15%;
width: 70%;
background-image: url("../images/Kidsinfield.jpg");
background-size: contain;
background-repeat: no-repeat;
}
.InvisibleBox {
visibility: hidden;
}
.LearnerStepPage {
float: left;
position: relative;
margin-left: 15%;
margin-right: 15%;
width: 70%;
background-image: url("../images/KidsGrassBig.jpg");
background-size: contain;
background-repeat: no-repeat;
}
.StepPageTextBox {
float: left;
position: relative;
margin-left: 15%;
margin-right: 15%;
padding-top: 2%;
width: 70%;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #ffffff;
text-align: center;
}
.CoachFormBoxDesk {
float: left;
position: relative;
width: 64%;
margin-left: 15%;
margin-right: 15%;
padding-top: 2%;
padding-bottom: 2%;
padding-left: 3%;
padding-right: 3%;
background-color: #00baff;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #ffffff;
text-align: left;
}
.CoachFormBoxMobile {
display: none;
}
.DownLoadBtn {
float: left;
position: relative;
width: 60%;
margin-left: 20%;
margin-right: 20%;
padding-top: 2%;
padding-bottom: 2%;
text-align: center;
}
.FormText {
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #10386b;
text-align: left;
}
input[type=text] {
padding: 10px;
box-shadow:0 0 15px 4px rgba(0,0,0,0.06);
}
form {
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #b82525;
text-align: left;
}
.BtnBox1 {
float: left;
position: absolute;
top: 30%; left: 30%;
transform: translate(-50%,-50%);
width: 40%;
}
.BtnBox2 {
float: left;
position: absolute;
top: 55%; left: 30%;
transform: translate(-50%,-50%);
width: 40%;
}
.BtnBoxForStep1 {
float: left;
position: absolute;
top: 15%; left: 20%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep2 {
float: left;
position: absolute;
top: 25%; left: 20%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep3 {
float: left;
position: absolute;
top: 35%; left: 20%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep4 {
float: left;
position: absolute;
top: 45%; left: 20%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep5 {
float: left;
position: absolute;
top: 55%; left: 20%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep6 {
float: left;
position: absolute;
top: 65%; left: 20%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep7 {
float: left;
position: absolute;
top: 15%; left: 40%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep8 {
float: left;
position: absolute;
top: 25%; left: 40%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep9 {
float: left;
position: absolute;
top: 35%; left: 40%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep10 {
float: left;
position: absolute;
top: 45%; left: 40%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep11 {
float: left;
position: absolute;
top: 55%; left: 40%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForStep12 {
float: left;
position: absolute;
top: 65%; left: 40%;
transform: translate(-50%,-50%);
width: 15%;
}
.BtnBoxForNextSteps {
float: left;
position: relative;
width: 15%;
padding: 1%;
}
.ShopBox {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
margin-left: 15%;
margin-right: 15%;
width: 70%;
height: auto;
background-color: #84138c;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #ffffff;
text-align: center;
}
.TitleBoxBlue {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
margin-left: 15%;
margin-right: 15%;
width: 70%;
height: auto;
background-color: #0658c8;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #ffffff;
text-align: center;
}
.TitleBoxBlueDnLoad {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
width: 70%;
margin-left: 15%;
margin-right: 15%;
height: auto;
background-color: #0658c8;
font-family: 'Open Sans', sans-serif;
font-size: 22px;
color: #ffffff;
text-align: center;
}
.TextBoxBlue {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 2%;
padding-right: 2%;
margin-left: 15%;
margin-right: 15%;
width: 66%;
height: auto;
background-color: #599cc6;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #ffffff;
text-align: left;
}
.TitleBoxPurple {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
margin-left: 15%;
margin-right: 15%;
width: 70%;
height: auto;
background-color: #a808b2;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #ffffff;
text-align: center;
}
.TextBoxPurple {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 2%;
padding-right: 2%;
margin-left: 15%;
margin-right: 15%;
width: 66%;
height: auto;
background-color: #d382d8;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #ffffff;
text-align: left;
}
.TitleBoxWhite {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
margin-left: 15%;
margin-right: 15%;
width: 70%;
height: auto;
background-color: #ffffff;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #0658c8;
text-align: center;
}
.TextBoxWhite {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 2%;
padding-right: 2%;
margin-left: 15%;
margin-right: 15%;
width: 66%;
height: auto;
background-color: #ffffff;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #0658c8;
text-align: left;
}
.PicBoxFullWidth {
float: left;
position: relative;
width: 70%;
margin-left: 15%;
margin-right: 15%;
}
.PicBoxLeft {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 1%;
padding-right: 2%;
margin-left: 1%;
margin-right: 2%;
width: 40%;
}
.TitleBoxGreen {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
margin-left: 15%;
margin-right: 15%;
width: 70%;
height: auto;
background-color: #55c784;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #096e10;
text-align: center;
}
.TextBoxGreen {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 2%;
padding-right: 2%;
margin-left: 15%;
margin-right: 15%;
width: 66%;
height: auto;
background-color: #b5e6be;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #096e10;
text-align: left;
}
.GreenTitleBox {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
margin-left: 15%;
margin-right: 15%;
width: 70%;
height: auto;
background-color: #30a79a;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #ffffff;
text-align: center;
}
.GreenTextBox {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 8%;
padding-right: 2%;
margin-left: 15%;
margin-right: 15%;
width: 60%;
height: auto;
background-color: #89cdc5;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #144e85;
text-align: left;
}
.PicBoxRight {
float: right;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 1%;
padding-right: 2%;
margin-left: 1%;
margin-right: 2%;
width: 40%;
text-align: right;
}
.CoverBoxPic {
float: left;
position: relative;
padding-top: 2%;
padding-bottom: 2%;
padding-left: 2%;
padding-right: 2%;
margin-left: 1%;
margin-right: 2%;
width: 25%;
}
.TextBox1 {
float: left;
position: relative;
width: 100%;
padding-bottom: 2%;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #ffffff;
text-align: center;
}
.TextBox2 {
float: left;
position: relative;
width: 100%;
padding-bottom: 2%;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #ffffff;
text-align: left;
}
.ShopDescriptionBox {
float: left;
position: relative;
width: 65%;
padding-top: 2%;
padding-bottom: 1%;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #ffffff;
text-align: left;
}
.BuyButtonBox {
float: left;
position: relative;
width: 20%;
}
.VideoBoxLeft {
float: left;
position: relative;
width: 50%;
padding-top: 1%;
padding-bottom: 1%;
padding-right: 2%;
}
#VideoBoxJingles {
float: left;
position: relative;
width: 60%;
padding-top: 1%;
padding-bottom: 1%;
padding-right: 2%;
}
.TextBoxJingles {
float: left;
position: relative;
width: 35%;
padding-top: 2%;
padding-bottom: 1%;
font-family: 'Open Sans', sans-serif;
font-size: 68px;
color: #ffffff;
text-align: left;
}
.ButtonBoxLetters {
float: left;
position: relative;
width: 100%;
padding-bottom: 2%;
}
.TextBoxBlueJingles {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 15%;
padding-right: 5%;
margin-left: 15%;
margin-right: 0%;
width: 50%;
background-color: #599cc6;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #ffffff;
text-align: center;
}
#JingleBoxA {
display: none;
}
#JingleBoxB {
display: none;
}
#JingleBoxC {
display: none;
}
#JingleBoxD {
display: none;
}
#JingleBoxE {
display: none;
}
#JingleBoxF {
display: none;
}
#JingleBoxG {
display: none;
}
#JingleBoxH {
display: none;
}
#JingleBoxI {
display: none;
}
#JingleBoxJ {
display: none;
}
#JingleBoxK {
display: none;
}
#JingleBoxL {
display: none;
}
#JingleBoxM {
display: none;
}
#JingleBoxN {
display: none;
}
#JingleBoxO {
display: none;
}
#JingleBoxP {
display: none;
}
#JingleBoxQ {
display: none;
}
#JingleBoxR {
display: none;
}
#JingleBoxS {
display: none;
}
#JingleBoxT {
display: none;
}
#JingleBoxU {
display: none;
}
#JingleBoxV {
display: none;
}
#JingleBoxW {
display: none;
}
#JingleBoxX {
display: none;
}
#JingleBoxY {
display: none;
}
#JingleBoxZ {
display: none;
}
.FooterBox {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 2%;
padding-right: 2%;
margin-left: 15%;
margin-right: 15%;
width: 66%;
height: auto;
background-color: #0658c8;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #ffffff;
text-align: center;
}
.FooterNavBox {
float: left;
position: relative;
padding-top: 1%;
padding-bottom: 1%;
width: 100%;
height: auto;
}
.TinyTextBox {
float: left;
position: relative;
width: 100%;
padding-top: 1%;
padding-bottom: 1%;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #ffffff;
text-align: center;
}
#PrivacyNote {
display: inline-flex;
float: left;
position: fixed;
z-index: 3;
width: 40%;
bottom: 10px;
background-color: #494c55;
padding-top: 10px;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #FFFFFF;
text-align: center;
}
.PrivateHeading {
font-family: 'Open Sans', sans-serif;
font-size: 28px;
font-weight: bold;
color: #022e6d;
text-align: center;
}
.PrivacyText {
float: left;
position: relative;
width: 70%;
margin-left: 15%;
margin-right: 15%;
font-family: 'Open Sans', sans-serif;
font-size: 20px;
color: #10386b;
text-align: left;
}
}