@import url(https://fonts.googleapis.com/css?family=Qwigley);
@import url(https://fonts.googleapis.com/css?family=Montserrat:700);


.nav_box {text-align:left !important;}
.mobileImg{
    display:none;
}

.rightImg{
	float:right;
	margin:0px 0px 10px 10px;
}

.roll_menu.roll_activated .dnn_logo img {
	display:none;
}

.roll_menu.roll_activated .dnn_logo{
	height: 0px;
	margin: 0px;
}

div#dnn_ctr705_HtmlModule_lblContent {
    background: url(/Portals/0/sch-special.jpg);
    background-size: cover;
    background-position: 50% 25%;
    position: relative;
}

div#dnn_ctr705_HtmlModule_lblContent .boxes {
    padding-left: 50%;
    position: relative;
}

div#dnn_ctr705_HtmlModule_lblContent .boxes h2,div#dnn_ctr705_HtmlModule_lblContent .boxes p {
    text-align: right !important;
}

div#dnn_ctr705_HtmlModule_lblContent .boxes h2 {
    font-family: 'Qwigley', cursive;
    text-transform: Capitalize !important;
    font-size: 4vw;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65);
    position: absolute;
    left: 0;
    bottom: -45px;
    color: #fff;
}


div#dnn_ctr705_HtmlModule_lblContent:before {
    content: '';
    height: 100%;
    left: 0;
    width: 100%;
    top: 0;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);/* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);/* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);/* W3C, IE10 , FF16 , Chrome26 , Opera12 , Safari7  */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
    position: absolute;
    z-index: 0;
}

div#dnn_ctr705_HtmlModule_lblContent .boxes p {
    font-family: 'Fanwood Text';
    color: #1FB78C;
    line-height: 1.5;
    font-size: 18px;
    position: relative;
}

span.regular {
    display: block;
    text-align: right;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 1.5vw;
}

span.just {position: absolute;right: 30%;bottom: 20%;font-family: 'Montserrat', sans-serif;     text-transform: uppercase;color: #1D6380;}

span.special {
    display: block;
    font-size: 5vw;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    letter-spacing: -3px;
    opacity: .75;
    line-height: 1;
    color: #1D6380;
}

span.special span {
    display: block;
    width: 100%;
}

span.exp {
    display: block;
    text-align: right;
    opacity: .5;
    font-size: 12px;
}

@media screen and (max-width : 480px) {
    .deskImg{
		display:none;
    }
    .mobileImg{
		display:block;
    }
}


.g-bust {
    position: absolute;
    top: 115px;
    z-index: 100000;
    left: 120px;
    background: #fff;
    padding: 0 10px;
}


p.over-cta {
    font-family: 'Fanwood Text';
    position: absolute;
    margin: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 18vw 0% 0 50%;
    font-size: 2vw;
    text-transform: uppercase;
    line-height: 1.5;
    color: #fff;
    text-shadow: 2px 2px 4px #000;
}

div#dnn_ctr721_HtmlModule_lblContent .col-sm-9 {
    position: relative;
}

p.over-cta span {
    display: block;
    font-size: 10vw;
    font-family: 'Qwigley', cursive;
    text-transform: none;
    line-height: .5;
}

div#dnn_ctr721_HtmlModule_lblContent .col-sm-3 a:first-child img {
	margin-top: 3.5vw;
	position: relative;
}


@media (max-width: 786px) {


span.just {position: absolute;right: 30%;bottom: 20%;font-family: 'Montserrat', sans-serif;     text-transform: uppercase;color: #1D6380;}

div#dnn_ctr705_HtmlModule_lblContent .boxes {
    padding-left: 0;
    padding-top: 60vw;
}

div#dnn_ctr705_HtmlModule_lblContent {
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-color: #fff;
}

div#dnn_ctr705_HtmlModule_lblContent .boxes_style_6 {
    height: 100vh;
}

div#dnn_ctr705_HtmlModule_lblContent .boxes p {
    text-align: center !important;
}

span.just {
display: none;
}

span.special {
    width: 100%;
    text-align: center !important;
    margin-left: 0;
    margin-right: auto;
    font-size: 14vw;
}

span.special:before {
    content: 'just';
    font-size: 18px;
    letter-spacing: 0;
}

div#dnn_ctr705_HtmlModule_lblContent .boxes h2 {
    top: 35vw;
    right: 0;
    font-size: 7vw;
    padding-left: 15vw;
    line-height: .9;
    color: #FFFFFF;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase !important;
}

span.regular {
    text-align: center;
    font-size: 16px;
}

span.exp {
    text-align: center;
}
  

}
@media (max-width: 414px) {

p.over-cta {
    position: relative;
    padding: 5px 25px 10px;
    text-align: center;
    font-size: 5vw;
}

p.over-cta span {
    font-size: 20vw;
}
  
}




.BannerPane {
border-top: 10px solid #1c617e;
border-bottom: 20px solid #1b4c5f;
}

 .as_captions {
    z-index: 10000 !important;
    left: 5% !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 90% !Important;
    opacity: 0 !Important;
}

.as_captions span,.as_captions span a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
a.bttn {
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  background: #1fb78c;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

a.bttn:hover {
  background: #ffffff;
  color: #1fb78c;
  text-decoration: none;
}
.fixedspecial {
    position: fixed;
    top: 91%;
    right: 0%;
}

.fixedspecial a {
    font-size: 2.5em;
    webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
    border: 2px solid #1fb78c;
    font-family: Arial;
    color: #1fb78c;
    background: #fafafa;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.fixedspecial a.bttn:hover {

    background: #1fb78c;
    color: #ffffff;
    text-decoration: none;
}
@media (max-width: 1801px){
.fixedspecial {
    position: fixed;
    top: 91%;
    right: 0%;
}
}

@media (max-width: 1601px){
.fixedspecial {
    position: fixed;
    top: 91%;
    right: 0%;
}
}

@media (max-width: 1440px){
.fixedspecial {
    position: fixed;
    top: 91%;
    right: 0%;
}
}

@media (max-width: 1361px){
.fixedspecial {
    position: fixed;
    top: 91%;
    right: 0%;
}
}

@media (max-width: 1280px){
.fixedspecial {
    position: fixed;
    top: 91%;
    right: 0%;
}
}

@media (max-width: 1024px){
.fixedspecial {
    position: fixed;
    top: 91%;
    right: 0%;
}
}

@media (max-width: 768px){
.fixedspecial {
    position: fixed;
    top: 91%;
    right: 0%;
}
}

@media (max-width: 415px){
.fixedspecial {
    position: fixed;
    top: 91%;
    right: 0%;
}
}

@media (max-width: 376px){
.fixedspecial {
    position: fixed;
    top: 91%;
    right: 0%;
}
.fixedspecial a {
    font-size: 2.2em;
    webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
    border: 2px solid #1fb78c;
    font-family: Arial;
    color: #1fb78c;
    background: #fafafa;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}
}

@media (max-width: 321px){
.fixedspecial {
    position: fixed;
    top: 91%;
    right: 0%;
}
.fixedspecial a {
    font-size: 1.8em;
    webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
    border: 2px solid #1fb78c;
    font-family: Arial;
    color: #1fb78c;
    background: #fafafa;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}
}


