body {
    margin:0px; padding:0px;
    background-image:url(img/bg-linedpaper.png);
    background-color:#FFF;
    font-family:mt; color:; text-align:left; font-size:3.7vw; line-height:4vw;
}

a:link {text-decoration:none; color:#222;}
a:visited {color:#222;}

h1 {font-family:glacialbold; text-align:center; font-size:8vw; line-height:6vw; color:#333; text-transform:; margin:0px;}
h2 {background:; width:100%; padding:2vw 0px 0vw 0px; margin:0px; text-align:left; text-transform:uppercase; font-size:3.7vw; font-family:glacialbold; color:#333;}
h3 {background:; width:100%; padding:0vw 0px 1vw 0px; margin:0px; text-align:center; font-family:mtextrabold; color:#333;}
h4 {font-family:glacialbold; font-size:4vw; margin-bottom:2vw; margin-top:0px;}
h5 {}
h6 {}



.blueLink, .blueLink:link, .blueLink:visited {
    display:inline-block;
    background:#2082e5;
    font-family:glacialbold;
    color:#FFF;
    font-size:3.7vw;
    margin-top:2vw;
    padding:1.5vw 3vw;
    border-radius:3px;
}
.blueLink:hover {
    
}



.mobileAlert {display:block;}
.desktopAlert {display:none;}
.hellobar-bar {
    font-family: "Open Sans", sans-serif;
    width: 100vws;
    margin: 0;
    display: table;
    font-size: 2.75vw;
    font-weight: 400;
    padding: 1.5vw 0px;
    -webkit-font-smoothing: antialiased;
    color: #FFF;
    position: relative;
    box-shadow: 0 1px 3px 2px rgba(0,0,0,0.15);
}
.hellobar-bar.regular {
    font-size: 2.5vw;
    padding: 1.5vw 0px;
}
.hb-content-wrapper {
    text-align: center;
    text-align: center;
    position: relative;
    display: table-cell;
    vertical-align: middle;
}
.hb-content-wrapper p {
    margin-top: 0;
    margin-bottom: 0;
}
.hb-text-wrapper {
    margin-right: 3vw;
    display: inline-block;
    line-height: 1.3;
}
.hb-text-wrapper .hb-headline-text {
    font-size: 2.75vw;
    display: inline-block;
    vertical-align: middle;
}
.hellobar-bar .hb-cta {
    display: inline-block;
    vertical-align: middle;
    margin: 5px 0;
    color: #FFF;
    background-color: rgba(0,0,0,0.2);
}
.hb-cta-button {
    opacity: 1;
    color: #fff;
    display: block;
    cursor: pointer;
    line-height: 1.5;
    max-width: 22.5em;
    text-align: center;
    position: relative;
    border-radius: 3px;
    white-space: nowrap;
    margin: 1.75em auto 0;
    text-decoration: none;
    padding: 0;
    overflow: hidden;
}
.hb-cta-button .hb-text-holder {
    border-radius: inherit;
    padding: 5px 15px;
}
.hb-close-wrapper {
    display: table-cell;
    width: 1.6em;
}
.hb-close-wrapper .icon-close {
    font-size: 2.75vw;
    top: 4.3vw;
    right: 2vw;
    width: 15px;
    height: 15px;
    opacity: .3;
    color: #FFF;
    cursor: pointer;
    position: absolute;
    text-align: center;
    line-height: 15px;
    z-index: 1000;
    text-decoration: none;
}



.header1bg {
    width:100%;
    margin-bottom:0vw;
    background-color:#222f45;
    background-image:url(img/bg-vintage-wallpaper.png);
}
.header1 {
    display:table;
    width:90vw;
}
    .headerBottom {display:none;}
    .headerTop {
        display:block;
        color:#FFF;
        text-align:right;
    }
        .logo {
            width:50vw;
            margin-top:2.5vw;
        }
.navigation {
    display:block;
    line-height:5vw;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    margin:0px;
    padding:30px 0px 0px 0px;
  /* non-critical appearance styles */
  list-style: none;
  background: #111;
}
    .navigation a:link, .navigation a:visited {
        display:inline-block;
        font-size:4vw;
        font-weight:900;
        color:#FFF;
        letter-spacing:1px;
        text-transform:capitalize;
        margin:2vw 0vw 0px 5vw;
        -webkit-transition:all 0.15s;
        -webkit-transition-timing-function:ease-in;
        cursor:pointer;
        border-bottom:0px;
    }
    .navigation a:hover {
        color:;
        -webkit-transition:all 0.15s;
        -webkit-transition-timing-function:ease-in;
    }

/* Navigation Menu - List items */
.nav-item {
  /* non-critical appearance styles */
  width: 100%;
  border-top: 0px solid #444;
  border-bottom: 0px solid #444;
}

.nav-item a:link, .nav-item a:visited {
  /* non-critical appearance styles */
  display: block;
  font-size: 4vw;
  text-decoration: none;
    font-weight:100;
    
}

.nav-item a:hover {
  color:#f15a24;
}
#current {border:0px;}
#current a {
    color:#FFF;
    overflow:;
    border-bottom:0px solid #f15a24;
    margin-left:-5vw;
    padding-left:10vw;
    width:calc(80vw - 5vw);
    font-family:mtextrabold;
}

/* Site Wrapper - Everything that isn't navigation */
.site-wrap {
  /* Critical position and size styles */
  min-height: 100%;
  min-width: 100%;
  background:#FFF;
  top: 0;
  bottom: 100%;
  left: 0;
  z-index: 1;
}

/* Nav Trigger */
.nav-trigger {
  /* critical styles - hide the checkbox input */
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

label[for="nav-trigger"] {
  /* critical positioning styles */
  position: absolute;
    display:block;
  top:10.5vw; left:5.5vw;
  vertical-align:middle;
  z-index: 2;
  
  /* non-critical apperance styles */
      height: 7vw;
      width: 7vw;
      cursor: pointer;
      margin:0px;
  background-image: url('img/ico-menu.png');
  background-size: contain;
}

/* Make the Magic Happen */
.nav-trigger + label, .site-wrap {
  transition: left 0.2s;
}

.nav-trigger:checked + label {
  left: 85vw;
}

.nav-trigger:checked ~ .site-wrap {
  left: 80vw;
  box-shadow: 0 0 5px 5px rgba(0,0,0,0.5);
}

body {
    /* Without this, the body has excess horizontal scroll when the menu is open */
  overflow-x: hidden;
    background:url(img/so-white.png);
}

/* Additional non-critical styles */

code {
    padding: 2px;
    background: #ddd;
}



.index1bg {
    width:100%;
    background:;
}
    .index1 {
        display:table;
        width:100%;
        margin:; padding:;
        text-align:center;
    }
        .bannerLeft {
            display:none;
        }
        .bannerLeftMobi {
            display:block;
            vertical-align: top;
            width:80vw;
            background-color:;
            color:#2082e5;
            font-size:5.5vw;
            text-align: center;
            padding:0vw 0vw 2.5vw 0vw;
            font-family: glacialbold;
            line-height:6.5vw;
            margin-top:5vw;
            border-radius:1vw;
        } 
            .bannerLeftInnerMobi {
                display:table-cell;
                vertical-align:middle;
                height:30vw;
            } 
                .bannerLeftLinkMobi {
                    display:block;
                    margin-top:3vw;
                }
        .bannerRight {
            position:relative;
            display:inline-block;
            vertical-align:top;
            height:55vw;
            width:100vw;
            background-size:cover;
            background-position:center;
            padding:0px;
        }
            #slideshow > div {
                position: absolute;
                height:55vw;
                width:100vw;
                overflow:hidden;
                vertical-align:top;
            } 
            .bannerCaption {
                position:absolute;
                bottom:2.5vw; right:0px;
                background:rgba(146,208,75,0.90);
                color:#FFF;
                padding:2.5vw 4vw;
                font-family:mtbold;
            }
        .bannerFarRight {
            display:none;
            background:#8245c4;
            width:3.2vw;
            height:55vw;
        } @media screen and (min-width: 1366px) {.bannerFarRight {height:478.1px;}}



.index2abg {
    width:100%;
    background:;
    padding:5vw 0px;
}
    .index2a {
        display:block;
        background-image:url(img/bg-vintage-wallpaper.png);
        width:80vw;
        margin:0vw 0px 0vw 0px; padding:5vw;
        text-align:center;
        font-size:3.7vw;
        color:#fff;
        border-radius:1vw;
        border-top:0px solid #DDD;
        text-align:center;
    }
        .index2a p {
            font-size:3.7vw;
            margin-top:2.5vw;
            line-height:5.5vw;
        }
        .index2a h1 {
            color:#FFF;
            line-height:8vw;
        }



.index3bg {
    width:100%;
    background:;
}
    .index3 {
        display:block;
        background:transparent;
        width:80vw;
        margin:2.5vw 5vw 0vw 5vw;
        text-align:left;
        font-size:3.7vw;
        line-height:6vw;
    }
        .index3node {
            display:block;
            background:transparent;
            padding:0px 0px 10vw 0px;
        }
            .index3node h3 {
                text-align:left;
            }
            .index3nodeL {
                display:none;
                vertical-align:middle;
                width:100%; max-width:409.8px;
            }
                .index3nodeL img {
                    width:90%;
                }
            .index3nodeR {
                display:block;
                vertical-align:middle;
                background-color:#FFF;
                width:100%;
                font-size:3.7vw;
            }
                .index3nodeR div {
                    background:#FFF;
                    border:1px solid #DDD;
                }



.index2bg {
    display:none;
}


#slidy-container { 
  display:inline-block; height:35vw; width:53vw; margin: 0 auto; overflow:hidden;
} @media screen and (min-width: 1366px) {#slidy-container {height:478.1px; width:860.58px;}}



.about1bg {
    margin:5vw 0px;
} 
    .about1 {
        width:90vw; max-width:1297.7px;
        text-align:left;
        font-size:3.8vw;
        line-height:5.5vw;
    } 
        .aboutImgMobi {
            display:block;
            width:100%;
            margin-bottom:5vw;
        }
        .about1left {
            display:block;
            vertical-align:top;
            width:100%;
        }
            .about1left h1 {
                padding:3vw 0px 3vw 0px;
            }
        .about1right {
            display:none;
            vertical-align:top;
            padding-left:2.5vw;
        } 
            .aboutQuote {
                position:relative;
                display:block;
                background:#4b699a;
                color:#FFF;
                padding:3vw;
                border-radius:3px;
                font-size:1.2vw;
                text-align:left;
            } 
            .about1right img {
                width:100%;
            }
.about2bg {
    background:#4b699a;
    padding:5vw 0px;
} 
    .about2 {
        width:90vw;
        text-align:left;
        font-size:3.2vw;
        line-height:4.5vw;
        color:#fff;
    } 
        .about2left {
            display:block;
            vertical-align:middle;
            width:100%;
        }
            .about2left img {
                width:100%;
                margin-bottom:2.5vw;
            }
        .about2right {
            display:block;
            vertical-align:middle;
            padding-left:2.5vw;
        } 
            .about2right h2 {
                display:block;
                color:#FFF;
                font-size:5vw;
                margin-bottom:3.5vw;
            }
            .about2right p {
                margin:0.5vw 0px 0px 0px;
            }



.pedagogy1bg {
    margin:5vw 0px;
} 
    .pedagogy1 {
        width:90vw; max-width:1297.7px;
        text-align:left;
        font-size:3.8vw;
        line-height:5.5vw;
    }
        .pedagogyImgMobi {
            display:block;
            width:100%;
            margin-bottom:5vw;
        }
        .pedagogy1left {
            display:block;
            vertical-align:top;
            width:100%;
        }
            .pedagogy1left h1 {
                padding:3vw 0px 3vw 0px;
            }
        .pedagogy1right {
            display:none;
        }
            .pedagogy1right img {
                width:100%;
            }



.resources1bg {
    margin:5vw 0px;
} 
    .resources1 {
        width:90vw;
        text-align:left;
        font-size:3.8vw;
        line-height:5.5vw;
    }
        .resources1hdr {
            width:95%;
            padding-top:5vw;
            padding-bottom:2.5vw;
        } 
            .resources1hdr p {
                margin:2vw 0px 5vw 0px;
            } 
        .resourcesNode {
            display:block;
            padding-bottom:2.5vw;
            margin-bottom:2.5vw;
            border-bottom:0px solid #BBB;
        } 
        .resources1left {
            display:block;
            vertical-align:middle;
            width:100%;
        }
            .resources1left img {
                width:100%;
                margin:2.5vw 0px;
            }
        .resources1right {
            display:block;
            vertical-align:middle;
            padding-left:0px;
        }
            .resources1right h4 {
                text-transform:uppercase;
                margin-bottom:0.5vw;
            }
            .resources1right p {
                padding:0px; margin:0px;
            }
        .lessonWrap {
            display:table;
            width:90vw;
            margin-top:10vw;
        }
            .lessonLeft {
                display:block;
                width: 90%;
                text-align:center;
                color:#000;
                line-height:5.5vw;
                padding-right:0;
                padding-bottom:2.5vw;
            }
                .lessonLeft h4 {
                    text-align:center;
                    font-size:6vw;
                }
            .lessonRight {
                width:100%;
                display:block;
                text-align:center;
            }
.lessonHolder {
    display:inline-block;
    background:#FFF;
    margin:2.5vw;
    width:32.5vw;
    text-align:center;
    padding:2.5vw;
    box-shadow:2px 2px 5px #BBB;
    vertical-align:top;
    line-height:4.5vw;
    font-size:3.2vw;
} 
    .lessonHolder h2 {
        padding-top:0px;
        text-align:center;
    }
    .lessonHolder img {
        display:block;
        width:30vw;
        margin:0.5vw;
    } 
.excessPlanMobi {
    display:none;
}



.development1bg {
    margin:5vw 0px;
} 
    .development1 {
        width:90vw;
        text-align:left;
        font-size:3.8vw;
        line-height:5.5vw;
    } 
        .development1 h1 {
            line-height:8vw;
        }
        .development1hdr {
            width:90%;
            padding-top:5vw;
            padding-bottom:2.5vw;
        } 
            .development1hdr p {
                margin:2vw 0px 5vw 0px;
            }
        .developmentNode {
            display:block;
            padding-bottom:2.5vw;
            margin-bottom:2.5vw;
            border-bottom:0px solid #BBB;
        } 
        .development1left {
            display:block;
            vertical-align:middle;
            width:100%;
        }
            .development1left img {
                width:100%;
                margin:2.5vw 0px;
            }
        .development1right {
            display:block;
            vertical-align:middle;
            padding-left:0px;
        }
            .development1right h4 {
                text-transform:uppercase;
                margin-bottom:0.5vw;
            }
            .development1right p {
                padding:0px; margin:0px;
            }
        .videoLeft {
            display:block;
            vertical-align:middle;
            width:90vw;
            text-align:center;
            color:#000;
            padding-right:2.5vw;
        }
        .videoRight {
            width:90vw;
            display:block;
            vertical-align:middle;
            text-align:center;
        }



.single1bg {
    margin:7.5vw 0px;
} 
    .single1 {
        width:90vw;
        text-align:left;
        font-size:3.5vw;
        line-height:6vw;
    } 
        .single1hdr {
            width:100%;
        }



.contact1bg {
    margin:5vw 0px 0px 0px;
}
    .contact1 {
        display:table;
        width:90vw; max-width:1229px;
        text-align:left;
        font-size:3.8vw;
        line-height:5.5vw;
    }
        .contact1left {
            display:none;
            vertical-align:top;
            width:100%;
        }
            .contact1left img {
                width:100%;
            }
        .contact1right {
            display:block;
            vertical-align:top;
            padding-left:0vw;
            width:100%;
        }
            .contact1right div {
                display:block;
                margin:2.5vw 0px 5vw 0px;
            }
            .contact1 h1 {
                margin:1vw 0px 5vw 0px;
            }



    .footer {
        display:none;
    }
    .footerMobi {
        display:block;
        width:90vw; max-width:1366px;
        margin:0vw 0px 0vw 0px; padding:5vw 0px;
        text-align:center;
        color:#fff;
        font-size:3.5vw;
        line-height:5vw;
    }
        .footerRightMobi a:link, .footerRightMobi a:visited, .footerLeftMobi a:link, .footerLeftMobi a:visited {
            color:#FFF;
        }
        .footerRightMobi a:hover, .footerLeftMobi a:hover {
            color:#f9d023;
        }
        .footerLeftMobi {
            display:block;
            color:#FFF;
            font-size:3vw;
        }
        .footerRightMobi {
            display:block;
            color:#FFF;
            text-align:center;
            font-size:3vw;
            margin-top:2.5vw;
        }
.footerQuotebg {
    background:#4b699a;
    padding:5vw 0px;
} 
    .footerQuote {
        width:90vw;
        position:relative;
        display:block;
        color:#FFF;
        padding:3vw;
        border-radius:3px;
        font-size:3.5vw;
        line-height:5vw;
        text-align:left;
    } 
.quotee {
    font-size:3vw; line-height:4vw; text-align:right; margin-top:2vw;
}