body {
    margin:0px; padding:0px;
    background-image:url(img/bg-linedpaper.png);
    background-color:#FFF;
    font-family:mt; color:; text-align:left; font-size:1.3vw; line-height:2.1vw;
} @media screen and (min-width: 1366px) {body {font-size:17.7px; line-height:28.686px;}}

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

h1 {font-family:glacialbold; font-size:3vw; color:#333; margin:0px; text-transform:capitalize;}
@media screen and (min-width: 1366px) {h1 {font-size:40.98px;}}
h2 {background:; width:100%; padding:1vw 0px 0vw 0px; margin:0px; text-align:left; text-transform:uppercase; font-size:1.5vw; font-family:glacialbold; color:#333;}
@media screen and (min-width: 1366px) {h2 {padding:13.66px 0px 0px 0px; font-size:20.49px;}}
h3 {background:; width:100%; padding:0vw 0px 0.5vw 0px; margin:0px; text-align:center; font-family:mtextrabold; color:#333;}
@media screen and (min-width: 1366px) {h3 {padding:0px 0px 6.83px 0px;}}
h4 {font-family:glacialbold; font-size:2.1vw; margin-bottom:1vw; margin-top:0px;}
@media screen and (min-width: 1366px) {h4 {font-size:28.686px; margin-bottom:13.66px;}}
h5 {}
h6 {}



.blueLink, .blueLink:link, .blueLink:visited {
    display:inline-block;
    background:#2082e5;
    font-family:glacialbold;
    color:#FFF;
    font-size:1.3vw;
    margin-top:1vw;
    padding:0.5vw 1vw;
    border-radius:3px;
} @media screen and (min-width: 1366px) {.blueLink, .blueLink:link, .blueLink:visited {font-size:17.75px; margin-top:13.66px; padding:6.83px 13.66px;}}
.blueLink:hover {
    
}


.navigation {display:none;}
.nav-trigger {display:none;}



.mobileAlert {display:none;}
.desktopAlert {display:block;}
.hellobar-bar {
    font-family: "Open Sans", sans-serif;
    width: 100%;
    margin: 0;
    display: table;
    font-size: 1.15vw;
    font-weight: 400;
    padding: .5vw 0px;
    -webkit-font-smoothing: antialiased;
    color: #FFF;
    position: relative;
    box-shadow: 0 1px 3px 2px rgba(0,0,0,0.15);
} @media screen and (min-width: 1366px) {.hellobar-bar {font-size:15.7px; padding:6.83px;}}
.hellobar-bar.regular {
    font-size: 1.15vw;
    padding: .5vw 0px;
} @media screen and (min-width: 1366px) {.hellobar-bar.regular {font-size:15.7px; padding:6.83px;}}
.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: 1vw;
    display: inline-block;
    line-height: 1.3;
} @media screen and (min-width: 1366px) {.hb-text-wrapper {margin-right:13.66px;}}
.hb-text-wrapper .hb-headline-text {
    font-size: 1.15vw;
    display: inline-block;
    vertical-align: middle;
} @media screen and (min-width: 1366px) {.hb-text-wrapper .hb-headline-text {font-size:15.7px;}}
.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: 1.15vw;
    top: 1.6vw;
    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;
} @media screen and (min-width: 1366px) {.hb-close-wrapper .icon-close {font-size:15.7px; top:21.85px; right:27.32px;}}



.header1bg {
    width:100%;
    margin-bottom:0.8vw;
    background-color:#222f45;
    background-image:url(img/bg-vintage-wallpaper.png);
}
    .header1 {
        display:table;
        width:95vw; max-width:1366px;
        padding:4.5vw 0px 2vw 0px; margin:0px;
        text-align:center;
        font-size:1.45vw;
        font-family:glacialbold;
        color:#FFF;
    } @media screen and (min-width: 1366px) {.header1 {padding:61.47px 0px 27.32px 0px; font-size:19.8px;}}
        .headerTop {
            display:block;
            color:#FFF;
        }
            .logo {
                width:40vw;
                margin-bottom:-0.5vw;
            } @media screen and (min-width: 1366px) {.logo {width:546.4px; margin-bottom:-6.83px;}}
        .headerBottom {
            display:block;
            text-align:center;
            color:#FFF;
        }
            .headerBottom a:link, .headerBottom a:visited {
                display:inline-block;
                margin:1.5vw; padding:0px;
                font-weight:100; color:#FFF; font-family:; font-size:;
                -webkit-transition:all 0.15s;
                -webkit-transition-timing-function:ease-in;
                cursor:pointer;
            } @media screen and (min-width: 1366px) {.headerBottom a:link, .headerBottom a:visited {margin:20.5px;}}
            .headerBottom a:hover {
                color:#f9d023;
                -webkit-transition:all 0.15s;
                -webkit-transition-timing-function:ease-in;
            }
            #current {
                height:;
                background:;
                color:#f9d023;
                overflow:;
            }
            #current:hover {
                -webkit-transition:all 0.15s;
                -webkit-transition-timing-function:ease-in;
            }



.index1bg {
    width:100%;
    background:;
}
    .index1 {
        display:table;
        width:100%;
        margin:; padding:;
        text-align:left;
    }
.bannerLeftMobi {display:none;}
        .bannerLeft {
            display:;
            vertical-align: top;
            height:30vw;
            width:27.2vw;
            background-color:#2082e5;
            color:#FFF;
            font-size:2.7vw;
            text-align: right;
            padding:2.5vw 2.5vw 2.5vw 2.5vw;
            font-family: glacialbold;
            line-height:3vw;
        } @media screen and (min-width: 1366px) {.bannerLeft {width:24.2vw; padding:34.15px 2.5vw 34.15px 5.5vw; height:409.8px; font-size:36.88px; line-height:40.98px;}}
            .bannerLeftInner {
                display:table-cell;
                vertical-align:middle;
                height:30vw;
            } @media screen and (min-width: 1366px) {.bannerLeftInner {height:409.80px;}}
                .bannerLeftLink {
                    margin-top:1vw;
                    font-size:1.3vw;
                    color:#feda45;
                } @media screen and (min-width: 1366px) {.bannerLeftLink {margin-top:13.66px; font-size:17.7px;}}
        .bannerRight {
            position:relative;
            display:;
            vertical-align: top;
            height:35vw;
            width:63vw;
            background-size:cover;
            background-position:center;
            padding:0px 0.8vw;
        } @media screen and (min-width: 1366px) {.bannerRight {height:478.1px;}}
            #slideshow > div {
                position: absolute;
                height:35vw;
                width:63vw;
                overflow:hidden;
                vertical-align:top;
            } @media screen and (min-width: 1366px) {#slideshow > div {height:478.1px;}}
            .bannerCaption {
                position:absolute;
                bottom:0.8vw; right:0px;
                background:rgba(146,208,75,0.8);
                color:#FFF;
                padding:1.25vw 4vw;
            } @media screen and (min-width: 1366px) {.bannerCaption {bottom:10.98px; padding:17.075px 54.64px;}}
        .bannerFarRight {
            display:;
            background:#8245c4;
            width:3.2vw;
            height:35vw;
        } @media screen and (min-width: 1366px) {.bannerFarRight {height:478.1px;}}


#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;}}



.index2abg {
    width:100%;
    background:;
}
    .index2a {
        display:table;
        width:70vw;
        margin:8vw 0px 8vw 0px; padding:;
        text-align:center;
        font-size:1.3vw;
    } @media screen and (min-width: 1366px) {.index2a {width:956.2px; margin:109.28px 0px; font-size:17.7px;}}
        .index2a p {
            font-size:1.3vw;
            margin:1vw;
        } @media screen and (min-width: 1366px) {.index2a p {font-size:17.7px; margin:13.66px;}}



.index2bg {
    width:100%;
}
    .index2 {
        display:table;
        background-color:#222f45;
        background-image:url(img/bg-vintage-wallpaper.png);
        width:100vw; max-width:;
        margin:0px; padding:5vw 0px;
        text-align:center;
        font-size:2vw;
        font-family: glacialbold;
    } @media screen and (min-width: 1366px) {.index2 {padding:68.3px 0px; font-size:27.32px;}}
        .index2header {
            padding:0vw 0px 2vw 0px;
            color:#FFF;
        } @media screen and (min-width: 1366px) {.index2header {padding:0px 0px 27.32px;}}
        .index2sub {
            display:inline-block;
            width:14vw;
            height:;
            margin:0px 0.8vw;
            padding:1.5vw 2.5vw 2.5vw 2.5vw;
            text-align:center;
            font-family:glacialbold;
            font-size:1.7vw;
            color:#FFF;
            border-radius:3px;
        } @media screen and (min-width: 1366px) {.index2sub {width:191.25px; margin:0px 10.9px; padding:20.5px 34.15px 34.15px 34.15px; font-size:23.22px;}}
            .index2sub img {margin-bottom:1vw; width:9vw;}
                @media screen and (min-width: 1366px) {.index2sub img {width:122.9px; margin-bottom:13.66px;}}



.index3bg {
    width:100%;
    background:;
}
    .index3 {
        display:table;
        background:transparent;
        width:90vw;
        margin:2.5vw; padding:2.5vw;
        text-align:left;
        font-size:1.3vw;
    } @media screen and (min-width: 1366px) {.index3 {width:1229.4px; margin:34.15px; padding:34.15px; font-size:17.758px;}}
        .index3node {
            display:table;
            background:transparent;
            padding:3vw;
        } @media screen and (min-width: 1366px) {.index3node {padding:40.98px;}}
            .index3node h3 {
                text-align:left;
            }
            .index3nodeL {
                display:table-cell;
                vertical-align:middle;
                width:30%; max-width:409.8px;
            }
                .index3nodeL img {
                    width:90%;
                }
            .index3nodeR {
                display:table-cell;
                vertical-align:middle;
                background-color:#FFF;
            }
                .index3nodeR div {
                    background:#FFF;
                    border:1px solid #DDD;
                }


.aboutImgMobi {display:none;}
.about1bg {
    margin:5vw 0px;
} @media screen and (min-width: 1366px) {.about1bg {margin:68.3px;}}
    .about1 {
        width:95vw; max-width:1297.7px;
        text-align:left;
        font-size:1.3vw;
    } @media screen and (min-width: 1366px) {.about1 {font-size:17.758px;}}
        .about1left {
            display:table-cell;
            vertical-align:top;
            width:70%;
        }
        .about1right {
            display:table-cell;
            vertical-align:top;
            padding-left:2.5vw;
        } @media screen and (min-width: 1366px) {.about1right {34.15px}}
            .aboutQuote {
                position:relative;
                display:block;
                background:#4b699a;
                color:#FFF;
                padding:3vw;
                border-radius:3px;
                font-size:1.2vw;
                text-align:left;
            } @media screen and (min-width: 1366px) {.aboutQuote {padding:40.98px; font-size:16.392px;}}
            .about1right img {
                width:100%;
            }
.about2bg {
    background:#4b699a;
    padding:3.5vw 0px;
} @media screen and (min-width: 1366px) {.about2bg {padding:47.81px;}}
    .about2 {
        width:95vw; max-width:1297.7px;
        text-align:left;
        font-size:1.2vw;
        color:#fff;
    } @media screen and (min-width: 1366px) {.about2 {font-size:16.392px;}}
        .about2left {
            display:table-cell;
            vertical-align:middle;
            width:20%;
        }
            .about2left img {
                width:100%;
            }
        .about2right {
            display:table-cell;
            vertical-align:middle;
            padding-left:2.5vw;
        } @media screen and (min-width: 1366px) {.about2right {padding-left:34.15px;}}
            .about2right h2 {
                color:#FFF;
            }
            .about2right p {
                margin:0.5vw 0px 0px 0px;
            } @media screen and (min-width: 1366px) {.about2right p {margin:6.83px 0px 0px 0px;}}



.pedagogyImgMobi {display:none;}
.pedagogy1bg {
    margin:5vw 0px;
} @media screen and (min-width: 1366px) {.pedagogy1bg {margin:68.3px 0px;}}
    .pedagogy1 {
        width:95vw; max-width:1297.7px;
        text-align:left;
        font-size:1.3vw;
    } @media screen and (min-width: 1366px) {.pedagogy1 {font-size:17.758px;}}
        .pedagogy1left {
            display:table-cell;
            vertical-align:top;
            width:70%;
        }
        .pedagogy1right {
            display:table-cell;
            vertical-align:top;
            padding-left:2.5vw;
            padding-top:1vw;
        } @media screen and (min-width: 1366px) {.pedagogy1right {padding-left:34.15px; padding-top:13.66px;}}
            .pedagogy1right img {
                width:100%;
            }



.resources1bg {
    margin:5vw 0px;
} @media screen and (min-width: 1366px) {.resources1bg {margin:68.3px 0px;}}
    .resources1 {
        width:85vw; max-width:1297.7px;
        text-align:left;
        font-size:1.3vw;
    } @media screen and (min-width: 1366px) {.resources1 {width:1161.1px; font-size:17.7px;}}
        .resources1hdr {
            width:62vw;
            text-align:center;
        } @media screen and (min-width: 1366px) {.resources1hdr {width:;}}
            .resources1hdr p {
                margin:1vw 0px 5vw 0px;
                text-align:center;
            } @media screen and (min-width: 1366px) {.resources1hdr p {margin:13.66px 0px 68.3px 0px;}}
        .resourcesNode {
            display:block;
            padding-bottom:2.5vw;
            margin-bottom:2.5vw;
            border-bottom:0px solid #BBB;
        } @media screen and (min-width: 1366px) {.resourcesNode {padding-bottom:34.15px; margin-bottom:34.15px;}}
        .resources1left {
            display:table-cell;
            vertical-align:middle;
            width:25%;
        }
            .resources1left img {
                width:100%;
            }
        .resources1right {
            display:table-cell;
            vertical-align:middle;
            padding-left:2.5vw;
        } @media screen and (min-width: 1366px) {.resources1right {padding-left:34.15px;}}
        .lessonWrap {
            display:table;
            width:90vw;
            margin-top:5vw;
        }
            .lessonLeft {
                display:table-cell;
                vertical-align:top;
                width:30%;
                text-align:left;
                color:#000;
                padding-right:2.5vw;
            }
            .lessonRight {
                display:table-cell;
                vertical-align:top;
                text-align:left;
            }
.lessonHolder {
    display:inline-block;
    margin:0vw 2vw 2.5vw 0px;
    background:#FFF;
    width:16vw; max-width:218px;
    text-align:center;
    padding:1vw;
    box-shadow:2px 2px 5px #333;
    vertical-align:top;
    line-height:1.6vw;
} @media screen and (min-width: 1366px) {.lessonHolder {line-height:21px; margin:17px 27px 17px 0px; padding:13.66px;}}
    .lessonHolder h2 {
        padding-top:0px;
        text-align:center;
    }
    .lessonHolder img {
        display:block;
        width:11vw; max-width:150px;
        margin:0.5vw;
    } @media screen and (min-width: 1366px) {.lessonHolder img {margin:6.83px;}}
.excessPlanMobi {
    display:inline;
}



.development1bg {
    margin:5vw 0px;
} @media screen and (min-width: 1366px) {.development1bg {margin:68.3px 0px;}}
    .development1 {
        width:85vw;
        text-align:left;
        font-size:1.3vw;
    } @media screen and (min-width: 1366px) {.development1 {width:1161.1px; font-size:17.7px;}}
        .development1hdr {
            width:62vw;
        } @media screen and (min-width: 1366px) {.development1hdr {width:846.92px;}}
            .development1hdr p {
                margin:1vw 0px 5vw 0px;
            } @media screen and (min-width: 1366px) {.development1hdr p {margin:13.66px 0px 68.3px 0px;}}
        .developmentNode {
            display:block;
            padding-bottom:2.5vw;
            margin-bottom:2.5vw;
            border-bottom:0px solid #BBB;
        } @media screen and (min-width: 1366px) {.developmentNode {padding-bottom:34.15px; margin-bottom:34.15px;}}
        .development1left {
            display:table-cell;
            vertical-align:middle;
            width:25%;
        }
            .development1left img {
                width:100%;
            }
        .development1right {
            display:table-cell;
            vertical-align:middle;
            padding-left:2.5vw;
        } @media screen and (min-width: 1366px) {.development1right {padding-left:34.15px;}}
    .videoHolder {
        display:block;
        width:95vw;
        margin:0vw 2vw 2.5vw 0px;
        background:#FFF;
        text-align:center;
        padding:1vw;
        box-shadow:2px 2px 5px #333;
        vertical-align:top;
        line-height:1.6vw;
    } @media screen and (min-width: 1366px) {.videoHolder {line-height:21px; margin:17px 27px 17px 0px; padding:13.66px;}}
        .videoLeft {
            display:table-cell;
            vertical-align:middle;
            width:40%;
            text-align:left;
            color:#000;
            padding-right:2.5vw;
        }
        .videoRight {
            width:60%;
            display:table-cell;
            vertical-align:middle;
            text-align:right;
        }



.single1bg {
    margin:5vw 0px;
} @media screen and (min-width: 1366px) {.single1bg {margin:68.3px 0px;}}
    .single1 {
        width:85vw;
        text-align:left;
        font-size:1.3vw;
    } @media screen and (min-width: 1366px) {.single1 {width:1161.1px; font-size:17.7px;}}
        .single1hdr {
            width:70vw;
        } @media screen and (min-width: 1366px) {.single1hdr {width:956.2px;}}



.contact1bg {
    margin:5vw 0px;
} @media screen and (min-width: 1366px) {.contact1bg {margin:68.3px 0px;}}
    .contact1 {
        display:table;
        width:90vw; max-width:1229px;
        text-align:left;
        font-size:1.3vw;
    } @media screen and (min-width: 1366px) {.contact1 {font-size:17.7px;}}
        .contact1left {
            display:table-cell;
            vertical-align:top;
            width:30%;
        }
            .contact1left img {
                width:100%;
            }
        .contact1right {
            display:table-cell;
            vertical-align:top;
            padding-left:2.5vw;
            width:70%;
        } @media screen and (min-width: 1366px) {.contact1right {padding-left:34.15px;}}
            .contact1right h1 {
                margin:0px 0px 1vw 0px;
            }
            .contact1right div {
                margin:.5vw 0px 0vw 0px;
            }



.footerQuotebg {
    background:#4b699a;
    padding:3.5vw 0px;
} @media screen and (min-width: 1366px) {.footerQuotebg {padding:47.425px 0px;}}
    .footerQuote {
        width:70vw;
        position:relative;
        display:block;
        color:#FFF;
        padding:3vw;
        border-radius:3px;
        font-size:1.2vw;
        text-align:left;
    } @media screen and (min-width: 1366px) {.footerQuote {width:956.2px; font-size:16.392px; padding:40.98px;}}
.quotee {
    font-size:1vw; line-height:1.3vw; text-align:right; margin-top:1vw;
} @media screen and (min-width: 1366px) {.quotee {font-size:13.66px; margin-top:13.66px; line-height:17.5px;}}



.footerbg {
    width:100%;
    background-color:#222f45;
    background-image:url(img/bg-vintage-wallpaper.png);
}
    .footer {
        display:table;
        width:95vw; max-width:1366px;
        margin:0vw 0px 0vw 0px; padding:3vw 0px;
        text-align:left;
        color:#fff;
        font-size:1.3vw;
    } @media screen and (min-width: 1366px) {.footer {padding:40.98px; font-size:17.7px;}}
        .footer a:link, .footerLeft a:visited {
            color:#FFF;
        }
        .footer a:hover {
            color:#f9d023;
        }
        .footerLeft {
            display:table-cell;
            color:#FFF;
            font-size:1.3vw;
        } @media screen and (min-width: 1366px) {.footerLeft {font-size:16.392px;}}
        .footerRight {
            display:table-cell;
            color:#FFF;
            text-align:right;
            font-size:1.2vw;
        } @media screen and (min-width: 1366px) {.footerRight {font-size:16.392px;}}
        .footerMobi {display:none;}



.pirate_forms_wrap {
    margin:25px 0px 0px 0px;
}
    .pirate_forms_wrap input {
        padding:15px;
        font-size:16px; font-family:reg5;
        width:300px;
        cursor:text;
        background:#fff;
    }
    .pirate_forms_wrap textarea {
        padding:15px;
        font-size:16px; font-family:reg5;
        width:500px; height:200px;
        cursor:text;
        background:#fff;
    }
    .pirate_forms_wrap button {
        padding:15px;
        font-size:16px; font-family:reg5;
        float:left;
        cursor:pointer;
        background:#555;
        border:0px;
        color:#f1f6f9;
        font-family:reg4;
    }
        .pirate_forms_wrap button:hover {
            background:#222;
        }



/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}