/* ** Theme CSS **/
@import url('confirm.css');
@import url('theme.css');
@import url('theme-elements.css');
@import url('theme-animate.css');
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);

video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mt0{
  margin-top: 0px !important;  
}

@keyframes slidy {
    0% { left: 0%; }
    20% { left: 0%; }
    25% { left: -100%; }
    45% { left: -100%; }
    50% { left: -200%; }
    70% { left: -200%; }
    75% { left: -300%; }
    95% { left: -300%; }
    100% { left: -400%; }
}

div#banner-slider { overflow: hidden; }
div#banner-slider figure img { width: 20%; float: left; }
div#banner-slider figure { 
    position: relative;
    width: 500%;
    margin: 0;
    left: 0;
    text-align: left;
    font-size: 0;
    animation: 15s slidy infinite; 
}


.carousel-mobile{padding: 0px !important;
                 margin-bottom: 0px !important;
                 border-width: 0px !important;
                 background-color: #000 !important; 
                 box-shadow: none !important;
                 border-radius: 0px !important;
}

.sign-in-btn{
    position:fixed;
    width:auto;
    height:auto;
    padding: 8px;
    top:42px;
    right:0px;
    background-color:#54a024;
    color:#FFF !important;
    border-radius:3px 0px 0px 3px; 
    text-align:center;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
    font-size: 13px;
}

.sign-in-btn:hover, .sign-in-btn:active, .sign-in-btn:focus{
    background-color: #428518;
    text-decoration: none;
}

.inner-sign-in-btn{
    margin-top:0px;
}


/* #Mobile (Portrait) Note: Design for a width of 320px */ 
@media only screen and (max-width: 1280px){
    .sign-in-btn{
        top:80px;
    }
}
/* #Mobile (Landscape) Note: Design for a width of 480px */ 
@media only screen and (max-width: 480px){

    .sign-in-btn{
        top:70px;
    }

}
@media only screen and (max-width: 992px){
    .float{
        top:70px;
    }
}

select.form-control{line-height:  28px !important;}
.timezone{color: #54a024; font-size: 14px; margin-bottom: 10px; font-weight: bold;}
.timezone select{width: auto;}
.mb0{margin-bottom: 0 !important;}	
.tp-bannertimer{display: none !important;}
@media only screen and (max-width:480px){.header-img{width: 100%;}}
@media only screen and (max-width: 768px) {.header-img{width: 100%;}}

/* Real Person jQuery plugin styles v2.0.1. */
.realperson-challenge {
    display: block;
    width: 180px;
}
.realperson-text {
    font-family: "Courier New",monospace !important;
    font-size: 6px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 3px;
}
.realperson-regen {
    padding-top: 4px;
    font-size: 12px;
    text-align: left;
    color: #777;
    font-family: "Open Sans", Arial, sans-serif;
    cursor: pointer;
}
.realperson-disabled {
    opacity: 0.5;
    filter: Alpha(Opacity=50);
}
.realperson-disabled .realperson-regen {
    cursor: default;
}

.info-file, .show-already-registered{
    display: none;
}

.red{color: #B20000;}

/* Add here all your CSS customizations */

.loading-block{
    text-align: center;
    margin-top: 15px;
    display: none;
}

.col-nopadding{
    padding-left:0 !important;
    padding-right:0 !important;
}

.nopadding{
    padding:0 !important;
}

.pad_10{
    padding:10px;
}

.mb_10{
    margin-bottom:10px;
}

.mt_10{
    margin-top:10px;
}

.blue-title{color: #0788ca;
}

.thumb-gray{
    background-color:#fdfdfd;
}


.col-quarter{
    width: 25%;
    float:left;
}
.col-third{
    width: 33%;
    float:left;
}
.col-second{
    width: 50%;
    float:left;
}

.right-pad{ 
    padding-right: 5px;}

.left-pad{ 
    padding-left: 5px;}

/* Fluid Media */
.fileinput-button {
    position: relative;
    overflow: hidden;
}


.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(-300px, 0) scale(4);
    font-size: 23px;
    direction: ltr;
    cursor: pointer;
}

@media (max-width: 480px)   {
    .logo-fluid img{width: 100% !important;}
    .hide-element{display: none !important;}
    .slider-with-overlay{background-color: #0088cc !important;}
    .header-logo{width: 75% !important;}
    .fixed-input{margin-bottom: 15px !important; padding-right: 0px !important;}
    .charity-text{
        color: white;
        font-size: 1em;
        font-weight: 600;
    }
}

.blue-border{border-color: #0088cc !important}  
.blue-border:focus{border-color: #0088cc !important}  

.orange-border{border-color: #ff8600 !important}  
.orange-border:focus{border-color: #ff8600 !important} 

.green-border{border-color: #47a447 !important}  
.green-border:focus{border-color: #47a447  !important} 

#subjects-e{display:none;}
#subjects-m{display:none;}
#subjects-h{display:none;}


/* Caldendar Widget CSS *

/**************************************/


#elementary-grades-signup{display:none;} 
#middle-grades-signup{display:none;} 
#high-grades-signup{display:none;} 

#LoginBox {
    display: none; 
    padding:12px;
    background-color:#09C;
    color:#fff;
    border-radius:5px;
    margin-top:15px;
} 

#TermsBox {
    display: none; 
}

#TermsCondBox {
    display: none; 
} 

#schedule-confirmation{
    display: none; 
} 

#ConditionsBox {
    display: none; 
} 

#LoginBtn {
    display: none; 
}

#ConfirmBox {
    display: none; 
}

#ConfirmationBox {
    display: none; 
}

#online, #inperson{
    display:none;
}	

.blue{
    color:#0083b7;
}

.msj-validate{
    color: #d9534f;
}

.msj-validate-field{
    border-color: #d9534f !important;
}

.showcompleted{
    display: block !important;
    text-align: center !important;
    font-size: 20px !important;
    padding-top: 50px !important;
    padding-bottom: 80px !important;
}

#newsletter .showcompleted{
    display: block;
    text-align: center;
    font-size: 20px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

#subjects, #pricing-btn{
    display: none;
}

#family-alert, #student-alert,
#teachers-alert{
    display: none;
}

#frmstudents .alert,
#frmfamilies .alert,
#formTeachers .alert,
#ambassador_teacher .alert{
    display: none;
    padding: 5px;
    margin-bottom: 10px;
    color: #d9534f;
}

#list-grades{
    display: none;
}

#upload-pictute-teacher-bar, #document-bar,
#upload-pictute-families-bar, #upload-pictute-students-bar{
    padding: 0px; 
    margin: 0px; 
    display: none;
}

.list-mini{
    list-style: none;
    margin-left: -20px;
}

.list-mini li{
    margin-top: 10px;
}

.list-big li{
    margin-bottom: 10px;
}
#state-block,#online-block{display: none;}
.mr_sm{ margin-right:5px; margin-left:5px;}
.mr_md{ margin-right:10px; margin-left:10px;}
.jconfirm-content p{
    margin: 0px !important;
}

.relative {
    position: relative;
    width: 100%;

}

.absolute-required {
    position: absolute;
    top: 7px;
    left: -10px;
    width: 10px;
    height: 10px; 
    color: #b71111;
}

.padl_0{padding-left:0px !important;}
.padr_0{padding-right:0px !important;}

.hide-block, .last-block{
    display: none;
}

#msj-inperson,#msj-online{
    text-align: center;
}

.pm-block{
    margin-top: 0px !important;
    margin-bottom: 5px !important;
}

.owl-item table > tbody > tr > td,
.owl-item table > tbody > tr > th{
    border-color: transparent;
}
.absolute-required-alt {
    position: absolute;
    top: 7px;
    left: 4px;
    width: 10px;
    height: 10px;
    color: #b71111;
}
.white{
    color:#fff !important;
}
.no-border{
    border: none !important;
}
.page-header-home{
    background-color: #0099e6;
    border-bottom: 0 solid #ccc;
    border-top: 0 solid #384045;
    margin: 0;
    min-height: 50px;
    padding: 3px 0;
    padding-top: 3px;
    padding-bottom: 3px;
    position: relative;
    text-align: center;

}
.page-header-home.header-green{  
    background-color: #15451d  !important; 
}
.silver-pack{background-color: #bbc4c8 !important;}
.gold-pack{background-color: #bc9317 !important;}
.gold-border{border-color: #bc9317 !important;}
.bronze-pack{background-color: #956b20 !important; color: #fff !important; text-shadow: none;}
.charity-text{
    color: white;
    font-size: 1.4em;
    font-weight: 600;
}
.mr14{margin-right:14px;}
.radio-custom{position:relative;padding:0 0 0 22px !important;margin-bottom:7px;margin-top:0; width: 50px;}
.radio-custom.radio-inline{display:inline-block;vertical-align:middle;}
.form-group .radio-custom.radio-inline{margin-top:7px;padding-top:0;}
.radio-custom input[type="radio"]{opacity:0;position:absolute;top:50%;left:3px;margin:-6px 0 0 0;z-index:2;cursor:pointer;}
.radio-custom input[type="radio"]:checked + label:after{content:'';position:absolute;top:50%;left:4px;margin-top:-5px;display:inline-block;font-size:11px;line-height:1;width:10px;height:10px;background-color:#444;border-radius:50px;-webkit-box-shadow:0px 0px 1px #444;box-shadow:0px 0px 1px #444;}
.radio-custom input[type="radio"]:disabled{cursor:not-allowed;}
.radio-custom input[type="radio"]:disabled:checked + label:after{color:#999;}
.radio-custom input[type="radio"]:disabled + label{cursor:not-allowed;}
.radio-custom input[type="radio"]:disabled + label:before{background-color:#eee;}
.radio-custom label{cursor:pointer;margin-bottom:0;text-align:left;line-height:1.2;}
.radio-custom label:before{content:'';position:absolute;top:50%;left:0;margin-top:-9px;width:18px;height:18px;display:inline-block;border-radius:50px;border:1px solid #bbb;background:#fff;}
.radio-custom label + label.error{display:block;}
.radio-custom label {
    cursor: pointer;
    margin-bottom: 0;
    text-align: left;
    line-height: 1.2;
}
.select-multi{
    width: 100%;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #555 !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #555 !important;
    opacity:  1 !important;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #555 !important;
    opacity:  1 !important;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #555 !important;
}
::-ms-input-placeholder { /* Microsoft Edge */
    color:    #555 !important;
}
#distance-block{display: none;}

/* Add this into Custom.css */


/* Subjects Nav */


.nav-child{
    margin-top: 0;
    float: left;
    margin-right: 4px;
    color: #171717;
    margin-left: 14px;
}


.primary_nav_wrap
{
    margin-top:0px;
    display: block; 
}

.primary_nav_wrap ul
{
    list-style:none;
    position:relative;
    float:left;
    margin:0;
    padding:0;
    text-transform: uppercase;
}

.primary_nav_wrap ul span a
{
    display:block;
    color:#333;
    text-decoration:none; 
    font-size:12px;
    line-height:32px;
    padding:0 15px !important;  
}

.primary_nav_wrap ul li
{
    position:relative;
    float:left;
    margin:0;
    padding:0; 
    text-align: left !important;
}

.primary_nav_wrap ul li a
{
    color: #fff;
}

.primary_nav_wrap ul li a:hover
{
    color:#333 !important;
}

.primary_nav_wrap ul li.current-menu-item
{
    background:#ddd;
}

.primary_nav_wrap ul ul
{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    background:#fff;
    padding:0; 
    box-shadow:0 20px 45px rgba(0,0,0,0.08)
}

.primary_nav_wrap ul ul li
{
    float:none;
    width:200px; 
}


.primary_nav_wrap ul ul li a
{
    color: #333 !important;
}

.primary_nav_wrap ul ul li a:hover
{
    background-color: #08c;
    color: #fff !important; 
}

.primary_nav_wrap ul ul a
{
    line-height:120%;
    padding:10px 15px !important; 
}

.primary_nav_wrap ul ul ul
{
    top:0;
    left:100%;
}

.primary_nav_wrap ul li:hover > ul
{
    display:block;
}

.over-all{z-index: 99999999 !important;}

.overflow-visible{overflow: visible !important;}

.gold{color: #ebbb1e;}


.header-blue{background-color: #0088cc !important;}


/* NEW SUBJECTS NAV*/

#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
/*#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}*/
#cssmenu #head-mobile{display:none}
#cssmenu{font-family:sans-serif; }


#cssmenu > ul > li{float:left}
#cssmenu > ul > li > a{padding:17px;font-size:12px;letter-spacing:1px;text-decoration:none;color:#ddd;font-weight:700;}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#0099e6}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{
    color: #0099e6 !important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333;transition:all .25s ease}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:-40px !important;}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:220px;top:0}
#cssmenu ul ul li a{border-top:1px solid #777;padding:11px 15px;width:220px;font-size:12px;text-decoration:none;color:#ddd;font-weight:400;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#111;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}
#cssmenu ul ul ul li a{padding-left:10px; background:#000;}
#cssmenu ul ul ul li a:hover{background:#0099e6;}
@media screen and (max-width:1000px){
    #cssmenu ul{padding-left: 0 !important;}
    #cssmenu li:hover > ul{left:-0px !important;}

    .logo{font-weight: 700; color: #89d9ff; position:absolute;top:0;left: 0;width:100%;height:46px;text-align:left;padding:18px 0 0 15px ;float:none}
    .logo2{display:none} 
    #cssmenu{width:100%}
    #cssmenu ul{width:100%;display:none}
    #cssmenu ul li{width:100%;border-top:1px solid #444}
    #cssmenu ul li:hover{background:#363636;}
    #cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
    #cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
    #cssmenu > ul > li{float:none}
    #cssmenu ul ul li a{padding-left:25px}
    #cssmenu ul ul li{background:#333!important;}
    #cssmenu ul ul li:hover{background:#111!important}
    #cssmenu ul ul ul li a{padding-left:35px; background:#000;}
    #cssmenu ul ul ul li a:hover{background:#0099e6;}
    #cssmenu ul ul li a{color:#ddd;background:none}



    #cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
    #cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
    #cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
    #cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
    .menu-btn{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer; }
    .menu-btn:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
    .menu-btn:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:''}
    .menu-btn.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
    .menu-btn.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
    #cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
    #cssmenu .submenu-button.submenu-opened{background:#262626}
    #cssmenu ul ul .submenu-button{height:34px;width:34px}
    #cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
    #cssmenu ul ul .submenu-button:after{top:15px;right:13px}
    #cssmenu .submenu-button.submenu-opened:after{background:#fff}
    #cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
    #cssmenu ul ul .submenu-button:before{top:12px;right:16px}
    #cssmenu .submenu-button.submenu-opened:before{display:none}
    #cssmenu ul ul ul li.active a{border-left:none}
    #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}
@media only screen and (max-width: 768px) { 
    .home-intro{z-index: 0 !important;}
    .tp-fullwidth-forcer{display: none !important;}
    .hide-element{display:none !important;}
    .search-widget{margin-top: 10px !important;}
}

@media only screen and (max-width:480px){
    .page-header-home{ 
        margin-top: 0px !important; 
        background-color: #1b3147  !important; 
    }
    .tp-fullwidth-forcer{display: none !important;}
}
.pl0{padding-left: 0px !important;}

.pr0{padding-right: 0px !important;}

@media only screen and (max-width:480px){
    span.full-xs{width: 100%; float: left; display: block; margin-bottom: 10px; font-weight: bold; color: #fff !important; font-size: 1em;}
}

span.full-xs{
    float: left;
    margin-bottom: 10px;
    font-weight: bold;
    color: #fff !important;
}