/*mobile css*/
@media (max-width: 500px){
 #featureimg1, #featureimg2{
	 width:100% !important;
 }
 .bannercolumn40, .bannercolumn60, .bannercolumn50 {
  flex: 100% !important;
}
 
 .topbannercon1{
	 margin-top: 0px !important;
 }
 .topbannercol33{
	border-bottom: 1px dotted white !important;
 }
 .hideonmobile{
     display:none !important;
 }
 .herocols{
	 padding:0px !important;
 }
 .herotranscol{
	 padding:0px !important;
	 padding-top:40px !important;
 }
 .herosection{
	 height:100% !important;
 }
 .heroredcol{
	 padding:30px !important;
 }
 
 .h2heading{
	font-size: 25px !important;
	line-height: 30px !important;
 }
 .testimtitle{
	 font-size: 16px !important;
 }
 .testimsubtitle{
	 font-size:x-small !important;
 }
 .testimitem{
	 padding-bottom:20px !important;
 }
 .testimimg{
	 padding-top: 40px !important;
 }
 .testimcontainer{
	 margin-right:0px !important;
 }
 .mobilereminders{
	 flex-direction: column !important;
 }
 .mobileheroremindersection{
	 padding-left:0px !important;
	 padding-right:0px !important;
 }
 
 
 .calcontainer{
	 height:200px !important;
	 overflow: visible !important;
	 padding-bottom:40px !important;
 }
 .caleventdate{
	 height:70px !important;
	 width:70px !important;
	 margin-top: -90px !important;
	 font-size: 14px !important;
 }
 .caleventcontent{
	 padding: 20px 0px 20px 25px !important;
 }
 .caleventbtn{
	 margin-top: -170px !important;
	 border: 1px solid white !important;
	 background-color: #4E141C !important
 }
 .caleventdatemonth {
  font-size: 12px !important;
}
.caleventdateyear {
  font-size: 12px !important;
  padding-bottom: 20px !important;
}
 
 
}

/*main css*/

  @media (min-width: 992px){
	/*body.sticky-menu-active header.newHeader .header-body {
	  background: rgba(255,255,255,1);
	  border-bottom: 0;
	}
	body.sticky-menu-active .dropdown.dropdown-full-color.dropdown-primary a {
	  color: black !important;
	}*/
  }
  
/*html header nav ul.nav-main .dropdown-primary > ul.dropdown-menu {
  border-top-color: #0088cc !important;
  background: #b1151d !important;
}

html header nav ul.nav-main .dropdown-primary > ul.dropdown-menu li:hover > a, html .newHeader.fixedheader nav ul.nav-main .dropdown-primary > ul.dropdown-menu li:hover > a, html .full-header.fixedheader nav ul.nav-main .dropdown-primary > ul.dropdown-menu li:hover > a, html header nav ul.nav-main .dropdown-primary.mega-menu-item > ul.dropdown-menu li:hover > a, html .newHeader.fixedheader nav ul.nav-main .dropdown-primary.mega-menu-item > ul.dropdown-menu li:hover > a, html .full-header.fixedheader nav ul.nav-main .dropdown-primary.mega-menu-item > ul.dropdown-menu li:hover > a{
background: #ea1a2a !important;
}*/

.mobileheroremindersection{
	 padding-left:0px !important;
	 padding-right:0px !important;
 }
 .imggridcontainer {
     text-align: center;
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
}
 .imggrid {
     flex-basis: 33.3%;
     flex-grow: 1;
}
 .imggrid img, .imggrid a {
     width: 90%;
     height: 90%;
     border:5px solid #fdc800;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}
 .simplecolumn1 {
     float: left;
     width: 10%;
     padding:10px;
}
 .simplecolumn2 {
     float: left;
     width: 90%;
     padding:10px;
}
 .simplerow:after {
     content: "";
     display: table;
     clear: both;
}
 .bannercolumns1 {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     width: 100%;
     background-color:#ee1d22c4;
     min-height:130px;
}
 .bannercolumns2 {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     width: 100%;
}
 .bannercolumn33 {
     flex: 33.33333333%;
     display: flex;
}
 .bannercolumn80 {
     flex: 80%;
}
 .bannercolumn60 {
     flex: 60%;
}
 .bannercolumn40 {
     flex: 40%;
}
 .bannercolumn20 {
     flex: 20%;
}
 .bannercolumn50 {
     flex: 50%;
     display: flex;
}
 .bannercolumn100 {
     flex: 100%;
     display: flex;
     padding: 30px 30px 35px 40px;
}
 .topbannercon1{
     margin-left:3%;
     margin-right:3%;
     margin-bottom:40px;
     margin-top:-150px;
     z-index:9999;
}
 .topbannercol33{
     border-right:1px dotted white;
}
 .topbannercol80{
     font-size:22px;
     color:white;
     font-weight:700;
}
 .topbannerdetails{
     font-size:16px;
     color:white;
     padding-top:20px;
}
 .topbannericon{
     font-size:45px;
     color:#fdc800;
}
 .featurecotainer{
     margin-left: 9%;
     margin-right: 9%;
     margin-bottom:40px;
}
 .featurecolumns1{
     background-color:white;
}
 .featurecol50{
     border-right:1px dotted white;
     display: flex;
     padding:40px;
     flex-direction: column;
     align-items: flex-end;
}
 .featuresubhead1{
     max-width: 100%;
     color: #222222;
     font-size: 16px;
     font-weight: 400;
     text-transform: uppercase;
     line-height: 1.5em;
     text-align: right;
     letter-spacing: 4px;
}
 .featuresubhead2{
     max-width: 100%;
     color: #292937;
     font-size: 38px;
     font-weight: 800;
     text-transform: uppercase;
     text-align: right;
     line-height: 50px;
}
 .featureblockquote{
     font-size: 20px;
     font-style: italic;
     margin: 16px 0;
     padding-right: 20px;
     text-align: right;
     border-right: 5px solid #0f0f19a3;
}
 .featuredetails{
     font-size: 18px;
     text-align: right;
}
 .mainbuttoncontianer{
     font-size: 14px;
     font-weight: 700;
     padding-top:40px;
     min-width:150px;
     text-transform: uppercase;
     line-height: 20px;
     background-color: #0F0F19A3;
     border-radius: 30px 30px 30px 30px;
     margin-top:40px;
     width:175px;
     text-align:center;
     padding: 15px 35px 15px 35px;
}
 .mainbuttoncontianersub1{
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 .mainbuttoncontianersub2{
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     -webkit-box-ordinal-group: 11;
     -ms-flex-order: 10;
     order: 10;
     color:white;
     display: inline-block;
}
 .featurecol50white{
     background-color:white;
}
 .calcontainer{
     position: relative;
     overflow: hidden;
     -webkit-transition: all .3s;
     transition: all .3s;
     MARGIN-BOTTOM:40PX;
     background-color: #ee1d22c4;
}
 .caleventdate{
     position: absolute;
     top: 50%;
     left: 10px;
     width: 140px;
     height: 140px;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     font-size: 50px;
     font-weight: 700;
     line-height: 1.25;
     text-transform: uppercase;
     color: #222;
     background: #f7db07;
     z-index: 3;
     margin-top: -70px;
     overflow: clip;
     border-radius: 50%;
     background: #0f0f19a3;
     color: white;
}
 .caleventdatemonth{
     font-size: 16px;
}
 .caleventdateyear{
     font-size: 16px;
     background-color: #00000082;
     padding: 10px;
     width: 100%;
     margin-bottom: -20px;
     text-align: center;
}
 .caleventcontent{
     margin-left: 60px;
     padding: 20px 150px 20px 100px;
     min-height: 140px;
     display: flex;
     flex-direction: column;
     justify-content: center;
}
 .caleventmeta{
     list-style: none;
     margin: 0;
     padding: 0;
}
 .caleventtime{
     color: white;
     display: inline-block;
     font-size: 15px;
     font-weight: 400;
     line-height: 1.25;
     font-weight: 700;
}
 .caleventtitle a{
     color: white !important;
     font-size:16px !important;
     font-weight: 700;
}
 .caleventdetails{
     font-size: 14px;
     color: lightgray 
    /*#0F0F19*/
     ;
     text-transform: capitalize;
}
 .caleventbtn{
     color: #FFFFFF;
     position: absolute;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 16px;
     right: 20px;
     background: #fff;
     background-color: rgb(255, 255, 255);
     width: 130px;
     height: 45px;
     line-height: 45px;
     text-align: center;
     border-radius: 30px 30px 30px 30px;
     background-color: #0F0F19A3;
     color: white;
     text-decoration: none;
}
.caleventbtn:visited{
	color:white !important;
}
 .testimcontainer{
     width: 100%;
     margin-right: 30px;
     float: left;
}
 .testimitem{
     position: relative;
	 padding-bottom:20px;
}
 .testimimg{
     position: absolute;
     z-index: 1;
     right: 15px;
     top: 0px;
}
 .testimtitle{
     color: white;
     margin-bottom: 5px;
     font-size: 20px;
     line-height: 1.3;
     position: relative;
     z-index: 999;
     margin-left:70PX;
     font-weight: 700;
}
 .testimcontent{
     position: relative;
     padding: 30px 130px 30px 30px;
     background-color: #ee1d22c4;
     color: white;
     line-height: 1.5;
     MIN-HEIGHT:100PX;
     margin-bottom: 0;
}
 .testimcontent:after {
     content: '';
     position: absolute;
     width: 0;
     height: 0;
     left: 38px;
     top: -30px;
     border: 15px solid;
     border-color: transparent transparent #ee1d22c4 #ee1d22c4;
}
 .herosection {
     background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/Portals/0/Images/School.png?ver=JpCOQGQmv_MPI3985c6uPw%3d%3d");
     height: 150vh;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     position: relative;
     padding:40px;
}
 .herocols{
     background-color:transparent;
     padding:60px;
}
 .heroredcol{
     display: flex;
     padding:60px;
     border-radius: 5px 5px 5px 5px;
     box-shadow: -5px 5px 10px 0px rgba(0,0,0,0.5);
     transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
     flex-direction: column;
     background-color:#ee1d22c4;
}
 .herotranscol{
     background-color:transparent;
     padding:40px;
}
 .alignleftwhite{
     text-align:left;
     color:white;
}
 .h2heading{
     max-width: 100%;
     color: #FFFEFE;
     font-size: 45px;
     font-weight: 700;
     text-transform: capitalize;
     line-height: 50px;
}