/* CSS Document */
/** maintenance page **/
body {
  word-break: break-word;
}

.MaintenanceWrap .InnerContainWrapper {
  width: 1000px;
  padding: 25px 0px 0px 0px;
  background-color: #ddd;
  box-sizing: border-box;
  background: url(../images/bg/footer-bg.jpg) no-repeat top center;
  background-size: cover;
}

.MaintenanceWrap .Logo {
  float: none;
  margin: 0px auto;
  padding: 0px 0px 25px 0px;
  box-sizing: border-box;
}

.MWrapper {
  padding: 30px;
  box-sizing: border-box;
}

.MaintenanceWrap .ContactInfo {
  float: none;
  width: 100%;
  margin: 0px;
  padding: 30px 0;
  text-align: center;
  box-sizing: border-box;
}

.MaintenanceWrap .ContactInfo .CIList {
  display: inline-block;
  width: 32%;
  color: #333;
  vertical-align: top;
  border-right: 1px solid #fff;
  min-height: 115px;
}

.MaintenanceWrap .ContactInfo .CIList h3.Title {
  color: var(--gold);
  font-family: var(--lato-black);
  text-transform: uppercase;
  font-size: 16px;
  line-height: 26px;
}

.MaintenanceWrap .ContactInfo .CIList:last-child {
  border-right: 0px solid #354966;
}

.MaintenanceWrap .ContactInfo .CIList table {
  width: 100%;
}

.UnderMaintenanceWrapper {
  padding: 45px 10px 50px;
  box-sizing: border-box;
}

.MaintenanceWrap .ContactInfo .CIList .Phone {
  font-size: 14px;
  line-height: 24px;
  color: #fff;
}

.MaintenanceWrap .ContactInfo .CIList .Phone a {
  color: #fff;
}

.MaintenanceWrap .ContactInfo .CIList td {
  display: block;
  width: 100% !important;
  margin: 0 auto;
  text-align: center;
  padding: 0 !important;
  font-size: 14px;
  line-height: 20px;
  box-sizing: border-box;
}

.MaintenanceWrap .ContactInfo .CIList td a {
  color: var(--white);
  font-size: 16px;
  line-height: 26px;
}

.MaintenanceWrap .ContactInfo .CIList td a:hover {
  color: var(--gold);
}

.MaintenanceWrap .ContactInfo .CIList i {
  margin: 0 auto 10px;
  width: 35px;
  height: 35px;
  line-height: 38px;
  font-size: 20px;
  text-align: center;
  background-color: var(--white);
  border-radius: 50%;
  color: var(--blue);
}

.MaintenanceWrap .ContactInfo .CIList.Email i {
  font-size: 18px;
  line-height: 35px;
}

.MaintenanceWrap .ContactInfo .CIList span {
  display: none;
}

.MaintenanceWrap {
  display: table;
  width: 100%;
}

.MaintenanceWrap .MWrap {
  display: table-cell;
  vertical-align: middle;
}

.MaintenanceWrap .ContactFormWrap .FormWrapper {
  width: 100%;
  box-sizing: border-box;
}

.MaintenanceWrap .FormWrapperWidth {
  width: 80%;
  margin: 0 auto;
}

.UnderMaintenanceWrapper .Copyright br {
  display: none;
}

.MaintenanceWrap .ContactFormWrap .Col3 {
  display: inline-block;
  vertical-align: top;
  padding: 8px;
  width: 32.9%;
  box-sizing: border-box;
}

.UnderMaintenanceWrapper {
  text-align: center;
  background-color: var(--gold);
}

.UnderMaintenanceWrapper h4 {
  font-size: 40px;
  line-height: 50px;
  font-family: var(--lato-b);
  margin-bottom: 10px;
  color: #fff;
}

.UnderMaintenanceWrapper h6 {
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  font-family: var(--lato-r);
  letter-spacing: 0.5px;
}

.UnderMaintenanceWrapper h6 br {
  display: none;
}

/** maintenance page end **/
/** floating menu **/
.StickyBtns {
  position: fixed;
  bottom: 0;
  z-index: 109;
  right: 0;
  width: 100%;
}

.StickyBtns .FillRedBorder {
  height: 6px;
  background-color: #df3719;
  position: absolute;
  width: 100%;
  bottom: 0;
  border-top: 2px solid #fff;
}

.StickyBtns .MainWrapper {
  position: relative;
  bottom: 6px;
}

.StickyBtns .FSocialIcon {
  float: right;
  background-color: #df3719;
  margin: 0 0 0 10px;
  padding: 6px 15px 4px;
  border: 2px solid #fff;
  border-bottom: 0;
  width: auto;
  box-sizing: border-box;
}

.StickyBtns .FillRedBtn {
  display: inline-block;
}

.StickyBtns .FillRedBtn a {
  display: block;
  background-color: #df3719;
  border: 2px solid #fff;
  border-bottom: 2px solid #df3719;
  padding: 4px 33px 4px;
  transition: ease-in 0.3s;
  position: relative;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.StickyBtns .FillRedBtn .activator i {
  vertical-align: middle;
  margin: 3px 13px 0px 0px;
  display: inline-block;
}

.StickyBtns .RightWrapper {
  float: right;
}

.StickyBtns .MainWrapper .RightWrapper {
  display: inline-block;
  position: absolute;
  bottom: -2px;
  width: auto;
  right: 0px;
}

.StickyBtns .FillRedBtn a:hover {
  background-color: #fff;
}

/*-----StickyMenu-----------*/
/** index start **/
.IconWrap,
.RedBorderImg,
.ImgWrap,
.PlayIcon {
  line-height: 0;
}

.TransWhiteBtn,
.TransIconBtn,
.TransGoldBtn,
.TransBlueBtn,
.FillBlueBtn {
  display: inline-block;
}

.FillBlueBtn span,
.FillBlueBtn a {
  display: block;
  color: var(--white);
  font-size: 14px;
  line-height: 24px;
  text-transform: uppercase;
  position: relative;
  padding: 8px 24px;
  background-color: var(--blue);
  border: 2px solid var(--blue);
  box-sizing: border-box;
  font-family: var(--lato-b);
  border-radius: 3px;
  letter-spacing: 1px;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.FillBlueBtn span:hover,
.FillBlueBtn a:hover {
  color: var(--blue);
  background-color: transparent;
}

.TransBlueBtn span,
.TransBlueBtn a {
  display: block;
  color: var(--blue);
  font-size: 14px;
  line-height: 24px;
  text-transform: uppercase;
  position: relative;
  padding: 9px 24px;
  background-color: transparent;
  border: 2px solid var(--blue);
  box-sizing: border-box;
  font-family: var(--lato-h);
  border-radius: 3px;
  letter-spacing: 1px;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.TransBlueBtn span:hover,
.TransBlueBtn a:hover {
  color: var(--white);
  background-color: var(--blue);
}

.TransWhiteBtn span,
.TransWhiteBtn a {
  display: block;
  color: var(--white);
  font-size: 13px;
  line-height: 23px;
  text-transform: uppercase;
  position: relative;
  padding: 9px 24px;
  background-color: transparent;
  border: 2px solid var(--white);
  box-sizing: border-box;
  font-family: var(--lato-black);
  letter-spacing: 1px;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-align: center;
}

.TransWhiteBtn span:hover,
.TransWhiteBtn a:hover {
  color: var(--blue);
  background-color: var(--white);
}

.TransGoldBtn span,
.TransGoldBtn a {
  display: block;
  color: var(--blue);
  font-size: 14px;
  line-height: 24px;
  text-transform: uppercase;
  position: relative;
  padding: 9px 20px;
  background-color: transparent;
  border: 2px solid var(--gold);
  box-sizing: border-box;
  font-family: var(--lato-h);
  border-radius: 3px;
  letter-spacing: 1px;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.TransGoldBtn span:hover,
.TransGoldBtn a:hover {
  color: var(--white);
  background-color: var(--gold);
}

.TransIconBtn span,
.TransIconBtn a {
  display: block;
  color: var(--blue);
  font-size: 14px;
  line-height: 25px;
  text-transform: uppercase;
  position: relative;
  padding: 9px 65px 9px 20px;
  background-color: var(--white);
  border: 2px solid var(--gold);
  border-radius: 3px;
  box-sizing: border-box;
  font-family: var(--lato-h);
  letter-spacing: 1px;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.TransIconBtn span:hover,
.TransIconBtn a:hover {
  color: var(--white);
  background-color: var(--gold);
}

.TransIconBtn a i {
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--gold);
  width: 50px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.TransIconBtn a:hover i {
  background-color: var(--blue);
}

/** index end **/
h2.Title {
  color: var(--blue);
  font-size: 30px;
  line-height: 1.3;
  font-family: var(--lato-h);
  text-transform: uppercase;
}

h6.Title {
  color: var(--blue);
  font-size: 20px;
  line-height: 1.3;
  font-family: var(--lato-h);
}

.FillGoldBtn {
  display: inline-block;
}

.FillGoldBtn a {
  display: block;
  color: var(--white);
  font-size: 14px;
  line-height: 24px;
  text-transform: uppercase;
  background-color: var(--gold);
  font-family: var(--lato-black);
  letter-spacing: 1px;
  border-radius: 5px;
  padding: 13px 40px;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.FillGoldBtn a:hover {
  background-color: var(--blue);
}

.GoldSepLine {
  width: 85px;
  height: 5px;
  background-color: var(--gold);
  margin: 0 auto;
  text-align: left;
}

.RightWrap .GrayBox hr {
  width: 85px;
  height: 5px;
  background-color: var(--gold);
  text-align: left;
  margin: 15px 0px 20px;
}

.BlueSepLine {
  width: 85px;
  height: 5px;
  background-color: var(--blue);
  margin: 0 auto;
  text-align: left;
}

.HomeAboutWrapper .InnerContainWrapper {
  width: 1050px;
  padding: 45px 0px;
}

.HomeAboutWrapper .RightWrap {
  width: 475px;
  position: relative;
  margin-left: 60px;
  margin-bottom: 35px;
}

.HomeAboutWrapper .GoldSepLine {
  margin: 20px 0;
}

.HomeAboutWrapper .NameCol {
  padding: 10px 60px;
  position: absolute;
  right: -5px;
  bottom: -25px;
}

.HomeAboutWrapper .NameCol::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -ms-transform: skew(-10deg);
  transform: skew(-10deg);
  -ms-transform-origin: bottom left;
  transform-origin: bottom left;
  background: var(--blue);
}

.HomeAboutWrapper .NameCol h4.Name {
  color: var(--white);
  font-size: 18px;
  line-height: 1.3;
  text-transform: uppercase;
  font-family: var(--lato-black-italic);
  position: relative;
}

.HomeAboutWrapper .NameCol h6.Post {
  color: var(--gold);
  font-size: 14px;
  line-height: 1.3;
  text-transform: uppercase;
  font-family: var(--lato-heavy-italic);
  position: relative;
}

.GetConnectedWrapper {
  position: relative;
  background-color: var(--blue);
}

.GetConnectedWrapper::before {
  content: "";
  position: absolute;
  background: url(../images/imgs/round-gradiant.png) no-repeat bottom left;
  width: 670px;
  height: 470px;
  bottom: 0;
  left: 50%;
  margin-left: -870px;
}

.GetConnectedWrapper .InnerContainWrapper {
  position: relative;
  width: 1220px;
  padding-bottom: 0px;
  padding-top: 60px;
}

.GetConnectedWrapper h2.Title {
  color: var(--white);
  margin-bottom: 75px;
}

.GetConnectedWrapper .RightWrap {
  width: 73%;
}

.GetConnectedWrapper .RightWrap ul li {
  display: inline-block;
  text-align: left;
  width: 219px;
  border-left: 2px solid var(--gold);
  vertical-align: top;
}

.GetConnectedWrapper .RightWrap ul li .Col {
  padding: 0px 10px 0px 15px;
}

.GetConnectedWrapper .RightWrap ul li:last-child .Col {
  padding-right: 0px;
}

.GetConnectedWrapper .RightWrap ul li .Col .Icon {
  width: 42px;
  height: 42px;
  background-color: var(--white);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 35px;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.GetConnectedWrapper .RightWrap ul li a:hover .Col .Icon {
  background-color: var(--gold);
}

.GetConnectedWrapper .RightWrap ul li .Col .Icon i {
  color: var(--blue);
  font-size: 25px;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.GetConnectedWrapper .RightWrap ul li a:hover .Col .Icon i {
  color: var(--white);
}

.GetConnectedWrapper .RightWrap ul li .Col .Title {
  color: var(--white);
  font-size: 18px;
  line-height: 28px;
  font-family: var(--lato-semibold);
  margin-bottom: 5px;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.GetConnectedWrapper .RightWrap ul li a:hover .Col .Title {
  color: var(--gold);
}

.GetConnectedWrapper .RightWrap ul li .Col .ShortDesc {
  color: var(--white);
}

.GetConnectedWrapper .LeftWrap {
  width: 320px;
}

.GetConnectedWrapper .LeftWrap .ImgWrap {
  display: inline-block;
  vertical-align: top;
}

.GetConnectedWrapper .LeftWrap .AppsCol {
  display: inline-block;
  width: calc(100% - 200px);
  position: relative;
  margin-left: -6px;
  vertical-align: top;
  margin-top: 122px;
}

.GetConnectedWrapper .LeftWrap .AppsCol h6 {
  background-color: var(--gold);
  color: var(--white);
  font-size: 15px;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 10px;
  position: relative;
}

.GetConnectedWrapper .LeftWrap .AppsCol h6 span {
  position: relative;
}

.LogoTabListWrap ul li .Col::before,
.GetConnectedWrapper .LeftWrap .AppsCol h6::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -ms-transform: skew(-10deg);
  transform: skew(-10deg);
  -ms-transform-origin: bottom left;
  transform-origin: bottom left;
  background: var(--gold);
}

.GetConnectedWrapper .LeftWrap .AppsCol .AppIcon {
  padding: 10px 15px;
}

.GetConnectedWrapper .LeftWrap .AppsCol .AppIcon a {
  color: var(--white);
  font-size: 35px;
  margin-right: 15px;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.GetConnectedWrapper .LeftWrap .AppsCol .AppIcon a:hover {
  color: var(--gold);
}

.GetConnectedWrapper .jcarousel-control-prev,
.GetConnectedWrapper .jcarousel-control-next {
  top: 0;
  margin-top: 0;
}

.GetConnectedWrapper .jcarousel-control-prev {
  left: -35px;
  background: url(../images/icons/gold-prev.png) no-repeat center;
}

.GetConnectedWrapper .jcarousel-control-next {
  right: -25px;
  background: url(../images/icons/gold-next.png) no-repeat center;
}

.BottomLogoWrapper .InnerContainWrapper {
  width: 1120px;
  padding-bottom: 60px;
  padding-top: 70px;
}

.LogoTabListWrap {
  border-bottom: 2px solid var(--gold);
}

.LogoTabListWrap ul li {
  display: inline-block;
  vertical-align: top;
  width: 24.7%;
}

.LogoTabListWrap ul li .Col {
  position: relative;
  padding: 10px 5px;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.LogoTabListWrap ul li .Col::before {
  opacity: 0;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.LogoTabListWrap ul li a.on .Col::before,
.LogoTabListWrap ul li a:hover .Col::before {
  opacity: 1;
}

.LogoTabListWrap ul li .Col h6 {
  color: var(--blue);
  font-size: 16px;
  line-height: 1.2;
  font-family: var(--lato-h);
  text-transform: uppercase;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
}

.LogoTabListWrap ul li a.on .Col h6,
.LogoTabListWrap ul li a:hover .Col h6 {
  color: var(--white);
}

.LogoWrapper {
  padding: 50px 0px 30px;
  border-bottom: 2px solid var(--gold);
}

.LogoWrapper ul {
  display: flex;
  align-items: center;
  justify-content: center;
}

.LogoWrapper ul li {
  display: inline-block;
  vertical-align: middle;
  margin: 0px 42px;
}

.LogoWrapper .jcarousel ul li {
  margin: 0px !important;
}

.LogoWrapper .jcarousel li .Col {
  min-height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.LogoWrapper ul li:first-child {
  margin-left: 0px;
}

.LogoWrapper ul li:last-child {
  margin-right: 0px;
}

.LogoWrapper ul li img {
  -webkit-mix-blend-mode: multiply;
  -moz-mix-blend-mode: multiply;
  mix-blend-mode: multiply;
}

.HomeServiceWrapper {
  overflow-x: hidden;
}

.HomeServiceWrapper .InnerContainWrapper {
  padding-bottom: 110px;
}

.HomeServiceWrapper .SchoolWrap,
.HomeServiceWrapper .SportWrap {
  position: relative;
}

.HomeServiceWrapper .SchoolWrap::before,
.HomeServiceWrapper .SportWrap::before,
.HomeServiceWrapper .SchoolWrap::after,
.HomeServiceWrapper .SportWrap::after {
  content: "";
  position: absolute;
  background: url(../images/imgs/line-shape1.png) no-repeat top right;
  width: 371px;
  height: 102px;
  -moz-mix-blend-mode: multiply;
  -webkit-mix-blend-mode: multiply;
  mix-blend-mode: multiply;
}

.UpComingEventWrapper .BlueTextBoxWrap .BlueBox .ShortDesc a,
.HomeServiceWrapper .ShortDesc a {
  color: #fff;
  text-decoration: underline !important;
}

.UpComingEventWrapper .BlueTextBoxWrap .BlueBox .ShortDesc a:hover,
.HomeServiceWrapper .ShortDesc a:hover {
  text-decoration: none !important;
}

.UpComingEventWrapper .BlueTextBoxWrap .BlueBox .ShortDesc table tr td,
.HomeServiceWrapper .ShortDesc table tr td {
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 5px 15px;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  vertical-align: middle;
}

.HomeServiceWrapper .SportWrap::after {
  top: -45px;
  right: -105px;
}

.HomeServiceWrapper .SchoolWrap::after {
  bottom: -55px;
  left: -115px;
}

.HomeServiceWrapper .SportWrap::before {
  left: 40px;
  bottom: -12px;
}

.HomeServiceWrapper .SchoolWrap::before {
  left: 430px;
  bottom: 0px;
}

.HomeServiceWrapper .SportWrap {
  margin-bottom: 20px;
}

.HomeServiceWrapper .SchoolWrap .ImagesWrap,
.HomeServiceWrapper .SportWrap .ImagesWrap {
  float: left;
  width: 50%;
  position: relative;
}

.HomeServiceWrapper .SchoolWrap .ImagesWrap .ImgWrap,
.HomeServiceWrapper .SportWrap .ImagesWrap .ImgWrap {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--white);
  padding: 20px;
  z-index: 1;
}

.HomeServiceWrapper .SportWrap .ImagesWrap .ImgWrap.Image1 {
  left: -120px;
}

.HomeServiceWrapper .SportWrap .ImagesWrap .ImgWrap.Image2 {
  left: 220px;
  top: -75px;
}

.HomeServiceWrapper .SportWrap .ImagesWrap .ImgWrap.Image3 {
  left: 80px;
  top: 320px;
}

.HomeServiceWrapper .SchoolWrap .ImagesWrap .ImgWrap.Image1 {
  top: -20px;
}

.HomeServiceWrapper .SchoolWrap .ImagesWrap .ImgWrap.Image2 {
  left: auto;
  top: 45px;
  right: -115px;
}

.HomeServiceWrapper .SchoolWrap .ImagesWrap .ImgWrap.Image3 {
  top: 330px;
}

.HomeServiceWrapper .SchoolWrap .DescWrap,
.HomeServiceWrapper .SportWrap .DescWrap {
  float: right;
  width: 50%;
  min-height: 585px;
  display: table;
  box-sizing: border-box;
  padding: 60px 70px 60px 60px;
}

.HomeServiceWrapper .SchoolWrap .DescWrap.DescFullWrap,
.HomeServiceWrapper .SportWrap .DescWrap.DescFullWrap {
  float: none;
  width: 100%;
  min-height: inherit;
  display: block;
  padding: 60px;
}

.HomeServiceWrapper .SchoolWrap .DescWrap.FullWidth,
.HomeServiceWrapper .SportWrap .DescWrap.FullWidth {
  float: none !important;
  display: block !important;
  margin: 0 auto !important;
  width: 100% !important;
  min-height: initial !important;
}

.HomeServiceWrapper .SchoolWrap .ImagesWrap {
  float: right;
  width: 43%;
}

.HomeServiceWrapper .SchoolWrap .DescWrap {
  float: left;
  width: 57%;
  padding: 60px 70px 60px 100px;
}

.HomeServiceWrapper .SchoolWrap .DescWrap h2.Title,
.HomeServiceWrapper .SportWrap .DescWrap h2.Title {
  color: var(--white);
}

.HomeServiceWrapper .SchoolWrap .DescWrap .GoldSepLine,
.HomeServiceWrapper .SportWrap .DescWrap .BlueSepLine {
  margin: 20px 0px;
}

.HomeServiceWrapper .SchoolWrap .DescWrap h3.Title,
.HomeServiceWrapper .SportWrap .DescWrap h3.Title {
  color: var(--white);
  font-size: 25px;
  line-height: 1.2;
  font-family: var(--lato-semibold);
  margin-bottom: 20px;
}

.HomeServiceWrapper .SchoolWrap .DescWrap .ShortDesc,
.HomeServiceWrapper .SportWrap .DescWrap .ShortDesc {
  color: var(--white);
}

.HomeServiceWrapper .SchoolWrap .DescWrap .ShortDesc ul li,
.HomeServiceWrapper .SportWrap .DescWrap .ShortDesc ul li {
  background-position: 5px 11px;
}

.HomeServiceWrapper .DescWrap .ShortDesc li {
  text-align: left;
}

.UpComingEventWrapper .BlueTextBoxWrap .BlueBox .ShortDesc ul li,
.HomeServiceWrapper .SchoolWrap .DescWrap .ShortDesc ul li {
  background-image: url(../images/bullet-2.png) !important;
}

.HomeServiceWrapper .SchoolWrap .DescWrap .ShortDesc hr {
  background-color: #fff;
  width: 100%;
  height: 1px;
}

.HomeServiceWrapper .SchoolWrap .DescWrap .TransWhiteBtn,
.HomeServiceWrapper .SportWrap .DescWrap .TransWhiteBtn {
  margin-top: 30px;
}

.UpComingEventWrapper {
  position: relative;
}

.UpComingEventWrapper .BlueTextBoxWrap {
  position: relative;
}

.UpComingEventWrapper .BlueTextBoxWrap .BlueBox::after,
.UpComingEventWrapper .BlueTextBoxWrap::after {
  content: "";
  position: absolute;
  background: url(../images/imgs/line-shape2.png) repeat-x bottom left;
  width: 100%;
  height: 296px;
  bottom: 0;
  left: 0px;
}

.UpComingEventWrapper .BlueTextBoxWrap .BlueBox::after {
  height: 65px;
  width: 105%;
  mix-blend-mode: color-burn;
  bottom: -1px;
}

.UpComingEventWrapper .BlueTextBoxWrap .BlueBox {
  width: 450px;
  text-align: left;
  padding: 80px 75px 90px 140px;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  left: calc(25% - 110px);
  min-height: 500px;
}

.UpComingEventWrapper .BlueTextBoxWrap .BlueBox::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  width: 100%;
  height: 100%;
  -ms-transform: skew(-10deg);
  transform: skew(-10deg);
  -ms-transform-origin: bottom left;
  transform-origin: bottom left;
  background-color: var(--blue);
}

.UpComingEventWrapper .BlueTextBoxWrap .BlueBox h2.Title {
  color: var(--white);
  line-height: 1.2;
  position: relative;
}

.UpComingEventWrapper .BlueTextBoxWrap .BlueBox .GoldSepLine {
  margin: 15px 0px;
  position: relative;
}

.UpComingEventWrapper .BlueTextBoxWrap .BlueBox .ShortDesc {
  color: var(--white);
  font-size: 18px;
  line-height: 1.5;
  font-family: var(--lato-semibold-italic);
  position: relative;
}

.UpComingEventWrapper .BlueTextBoxWrap .BlueBox .ShortDesc span {
  color: var(--gold);
}

.UpComingEventWrapper .BlueTextBoxWrap .BlueBox .LinkText {
  margin-top: 30px;
  position: absolute;
  left: 178px;
  bottom: 20px;
  z-index: 10;
}

.UpComingEventWrapper .BlueTextBoxWrap .BlueBox .LinkText a {
  color: var(--white);
  font-size: 13px;
  line-height: 1.2;
  font-family: var(--lato-black-italic);
  text-transform: uppercase;
  display: inline-block;
  position: relative;
}

.UpComingEventWrapper .BlueTextBoxWrap .BlueBox .LinkText a:hover {
  color: var(--gold);
}

.UpComingEventWrapper .UpComingEventSlider {
  margin-top: 0;
  padding: 0;
  position: absolute;
  top: 95px;
  width: 1200px;
  right: 0;
  z-index: 1;
  left: 50%;
  margin-left: -600px;
}

.UpComingEventWrapper .UpComingEventSlider .ImgWrap {
  display: inline-block;
  vertical-align: top;
  width: 294px;
  margin: 0 3px;
  overflow: hidden;
}

.UpComingEventWrapper .UpComingEventSlider .ImgWrap img {
  transition: all 0.3s ease-in-out;
}

.UpComingEventWrapper .UpComingEventSlider .ImgWrap:first-child {
  margin-right: 300px;
  margin-left: 0px;
}

.UpComingEventWrapper .UpComingEventSlider .ImgWrap:last-child {
  margin-right: 0px;
}

.UpComingEventWrapper .UpComingEventSlider a:hover img {
  transform: scale(1.1);
}

.UpComingEventWrapper .UpComingEventSlider .ImgWrap .Text {
  background-color: var(--gold);
  padding: 12px 20px;
  text-align: left;
  position: relative;
  z-index: 1;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.UpComingEventWrapper .UpComingEventSlider .ImgWrap .Text h4.Title {
  color: var(--white);
  font-size: 16px;
  line-height: 1.5;
  text-transform: uppercase;
  font-family: var(--lato-heavy-italic);
}

.UpComingEventWrapper .UpComingEventSlider .slick-slide,
.UpComingEventWrapper .UpComingEventSlider .slick-slide .ImgWrap {
  background-size: cover;
  background-position: center;
  position: relative;
  /*width: 318px !important;*/
  min-height: 290px;
  transition: 0.5s margin ease;
  will-change: margin;
  /*margin: 0 3px;*/
}

.UpComingEventWrapper .UpComingEventSlider .slick-slide {
  margin: 0 3px;
}

.UpComingEventWrapper .UpComingEventSlider .slick-slide .Text {
  background-color: var(--gold);
  padding: 12px 25px;
  text-align: left;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.UpComingEventWrapper .UpComingEventSlider .slick-slide .ImgWrap:hover .Text {
  background-color: var(--blue);
}

.UpComingEventWrapper .UpComingEventSlider .slick-slide .Text h4.Title {
  color: var(--white);
  font-size: 16px;
  line-height: 1.5;
  text-transform: uppercase;
  font-family: var(--lato-heavy-italic);
}

/*.UpComingEventWrapper .UpComingEventSlider .slick-slide.slick-current.slick-active {
    margin-right: 300px;
}*/
/*
.UpComingEventWrapper .UpComingEventSlider .ImgWrap {
    background-size: cover;
    background-position: center;
    position: relative;
    height: 295px;
    transition: 0.5s margin ease;
    will-change: margin;
}
.UpComingEventWrapper .UpComingEventSlider .slick-slide.slick-current.slick-active{
	margin-right: 315px;
}
*/
.UpComingEventWrapper
  .UpComingEventSlider
  .slick-slide.slick-current.slick-activ {
  opacity: 1;
}

.UpComingEventWrapper
  .UpComingEventSlider
  .slick-slide.slick-current.slick-active
  + div {
  opacity: 0;
}

/** 190820 vish **/
.ContactMainWrapper .InnerContainWrapper {
  width: 1130px;
}

.ContactMainWrapper .LeftWrap {
  width: 595px;
}

.ContactMainWrapper .GoldSepLine {
  margin: 20px 0px;
}

.ThankyouMsg {
  text-align: center;
  margin: 100px 0px;
  font-size: 20px;
  line-height: 1.5;
  font-family: var(--lato-black);
}

.ContactMainWrapper .RightWrap {
  width: 448px;
}

.ContactMainWrapper .MapWrap {
  line-height: 0px;
}

.ContactInfoWrap {
  padding: 42px 15px 42px 45px;
  box-sizing: border-box;
  position: relative;
  margin-top: -90px;
}

.ContactInfoWrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: -25px;
  width: 100%;
  height: 100%;
  -ms-transform: skew(-10deg);
  transform: skew(-10deg);
  -ms-transform-origin: bottom left;
  transform-origin: bottom left;
  background-color: var(--blue);
}

.ContactInfoWrap h6.Title {
  color: var(--gold);
  margin-bottom: 5px;
  position: relative;
}

.ContactInfoWrap .Text {
  margin-bottom: 12px;
  position: relative;
}

.ContactInfoWrap .Text,
.ContactInfoWrap .Text a {
  color: var(--white);
  font-size: 15px;
  position: relative;
}

.ContactInfoWrap .EmailCol span,
.ContactInfoWrap .PhoneCol span {
  font-size: 14px;
  line-height: 1.2;
  color: var(--gold);
  text-transform: uppercase;
  font-family: var(--lato-black);
  position: relative;
}

.ContactInfoWrap .EmailCol a,
.ContactInfoWrap .PhoneCol a {
  font-size: 14px;
  line-height: 1.2;
  color: #fff;
  position: relative;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.ContactInfoWrap .EmailCol a:hover,
.ContactInfoWrap .PhoneCol a:hover,
.ContactInfoWrap .Text a:hover {
  color: var(--gold);
}

.AboutWrapper .InnerContainWrapper {
  width: 1120px;
  padding-bottom: 140px;
}

.AboutWrapper .GoldSepLine {
  margin: 20px 0px;
}

.AboutWrapper .RightWrap {
  width: 510px;
  margin-left: 98px;
}

.StaffWrapper .InnerContainWrapper {
  width: 1090px;
  padding-bottom: 100px;
}

.ExecutiveCommitteeWrapper h2.Title,
.StaffWrapper h2.Title {
  position: relative;
  color: var(--white);
  font-size: 22px;
  text-transform: uppercase;
  display: block;
  width: max-content;
  margin: -70px auto 55px;
  padding: 26px 60px;
}

.ExecutiveCommitteeTabWrap {
  width: 95%;
  margin: 0 auto;
}

.ExecutiveCommitteeWrapper h2.Title {
  margin: -80px auto 55px;
}

.ExecutiveCommitteeWrapper h2.Title span,
.StaffWrapper h2.Title span {
  position: relative;
}

.ExecutiveCommitteeList ul,
.StaffWrap ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, 245px);
  justify-content: center;
  grid-gap: 35px;
}

.ExecutiveCommitteeList ul li .Col .DescWrap::before,
.ExecutiveCommitteeWrapper h2.Title::before,
.StaffWrap ul li .Col .DescWrap::before,
.StaffWrapper h2.Title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -ms-transform: skew(-10deg);
  transform: skew(-10deg);
  -ms-transform-origin: bottom left;
  transform-origin: bottom left;
  background: var(--blue);
}

.ExecutiveCommitteeWrapper h2.Title::after,
.StaffWrapper h2.Title::after {
  content: "";
  position: absolute;
  background: url(../images/imgs/line-shape4.png) no-repeat top right;
  width: 84px;
  height: 20px;
  top: 0;
  right: -12px;
}

.ExecutiveCommitteeList ul li .Col .ImgWrap,
.StaffWrap ul li .Col .ImgWrap {
  overflow: hidden;
}

.ExecutiveCommitteeList ul li .Col .ImgWrap img,
.StaffWrap ul li .Col .ImgWrap img {
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.ExecutiveCommitteeList ul li .Col a:hover .ImgWrap img,
.StaffWrap ul li a:hover .Col .ImgWrap img {
  transform: scale(1.1, 1.1);
}

.ExecutiveCommitteeList ul li .Col .DescWrap,
.StaffWrap ul li .Col .DescWrap {
  padding: 10px 10px 10px 22px;
  margin-top: -35px;
  width: 92%;
}

.ExecutiveCommitteeList ul li .Col .DescWrap h5,
.ExecutiveCommitteeList ul li .Col .DescWrap h6,
.ExecutiveCommitteeList ul li .Col .DescWrap,
.StaffWrap ul li .Col .DescWrap h5,
.StaffWrap ul li .Col .DescWrap h6,
.StaffWrap ul li .Col .DescWrap {
  position: relative;
  text-align: left;
}

.ExecutiveCommitteeList ul li .Col .DescWrap h5,
.StaffWrap ul li .Col .DescWrap h5 {
  color: var(--white);
  font-size: 16px;
  line-height: 1.4;
  font-family: var(--lato-black-italic);
  text-transform: uppercase;
}

.ExecutiveCommitteeList ul li .Col .DescWrap h6,
.StaffWrap ul li .Col .DescWrap h6 {
  color: var(--gold-1);
  font-size: 12px;
  line-height: 1.4;
  font-family: var(--lato-heavy-italic);
  text-transform: uppercase;
}

.ExecutiveCommitteeTabWrap #ExecutiveCommittee {
  position: relative;
}

.ExecutiveCommitteeTabWrap ul li {
  display: inline-block;
  vertical-align: top;
  width: 19.7%;
  margin-left: -3px;
}

.ExecutiveCommitteeTabWrap ul li .Col {
  position: relative;
  padding: 10px 10px 10px 35px;
  min-height: 58px;
  display: flex;
  align-items: center;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.ExecutiveCommitteeTabWrap .jcarousel ul li .Col {
  width: 96%;
}

.ExecutiveCommitteeTabWrap ul li .Col h6 {
  color: var(--white);
  font-size: 16px;
  line-height: 1.2;
  text-align: left;
  font-family: var(--lato-h);
  text-transform: uppercase;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
  display: flex;
  align-items: center;
}

.ExecutiveCommitteeTabWrap #ExecutiveCommittee::before,
.ExecutiveCommitteeTabWrap ul li .Col::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -ms-transform: skew(-10deg);
  transform: skew(-10deg);
  -ms-transform-origin: bottom left;
  transform-origin: bottom left;
  background: var(--gold);
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.ExecutiveCommitteeTabWrap #ExecutiveCommittee::before {
  background: var(--white);
  z-index: 1;
}

.ExecutiveCommitteeTabWrap #ExecutiveCommittee .jcarousel {
  padding: 0px 6px;
}

.ExecutiveCommitteeTabWrap #ExecutiveCommittee::before {
  width: 10px;
  top: 0;
  right: 0px;
  left: auto;
}

.ExecutiveCommitteeTabWrap ul li a.on .Col::before,
.ExecutiveCommitteeTabWrap ul li a:hover .Col::before {
  background: var(--blue);
}

.ExecutiveCommitteeTabWrap .jcarousel-control-prev,
.ExecutiveCommitteeTabWrap .jcarousel-control-next {
  position: absolute;
  top: 0%;
  width: 30px;
  height: 100%;
  text-align: center;
  margin-top: 0px;
  background-position: 75% 50% !important;
  background-image: none !important;
  z-index: 1;
}

.ExecutiveCommitteeTabWrap .jcarousel-control-prev i,
.ExecutiveCommitteeTabWrap .jcarousel-control-next i {
  width: 30px;
  height: 100%;
  text-align: center;
  margin-top: 0px;
  background-position: 75% 50% !important;
  display: block;
}

.ExecutiveCommitteeTabWrap .jcarousel-control-prev {
  left: -31px;
}

.ExecutiveCommitteeTabWrap .jcarousel-control-next {
  right: -22px;
}

.ExecutiveCommitteeTabWrap .jcarousel-control-prev i {
  background: url(../images/icons/white-prev-arrow.png) no-repeat center;
}

.ExecutiveCommitteeTabWrap .jcarousel-control-next i {
  background: url(../images/icons/white-next-arrow.png) no-repeat center;
}

.ExecutiveCommitteeTabWrap .jcarousel-control-prev::before,
.ExecutiveCommitteeTabWrap .jcarousel-control-next::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 106%;
  height: 100%;
  -ms-transform: skew(-10deg);
  transform: skew(-10deg);
  -ms-transform-origin: bottom left;
  transform-origin: bottom left;
  background: var(--blue);
  z-index: -1;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.ExecutiveCommitteeList {
  padding: 45px;
  box-sizing: border-box;
  background-color: var(--white);
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.ExecutiveCommitteeList h3.Title {
  color: var(--blue);
  font-size: 22px;
  line-height: 1.3;
  font-family: var(--lato-h);
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 20px;
}

.ExecutiveCommitteeList ul {
  grid-gap: 42px;
}

.ExecutiveCommitteeList .EC-ContactInfo {
  padding: 10px;
}

.ExecutiveCommitteeList .EC-ContactInfo .EC-Address,
.ExecutiveCommitteeList .EC-ContactInfo .EC-Address a {
  text-align: left;
  color: var(--black-1);
  line-height: 25px;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.ExecutiveCommitteeList .EC-ContactInfo .Mobile,
.ExecutiveCommitteeList .EC-ContactInfo .Mobile a {
  text-align: left;
  color: var(--blue);
  font-size: 17px;
  line-height: 20px;
  font-family: var(--lato-b);
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.ExecutiveCommitteeList .EC-ContactInfo .EC-Address a:hover,
.ExecutiveCommitteeList .EC-ContactInfo .Mobile a:hover {
  color: var(--gold);
}

.ExecutiveCommitteeList .EC-ContactInfo .Mobile i {
  color: var(--gold);
  font-size: 20px;
  vertical-align: top;
  margin-right: 3px;
}

/*** Staff Poppup ***/
.TeamDetailsPopUpWrap h6.Name {
  color: var(--blue);
  font-size: 25px;
  line-height: 1.3;
  font-family: var(--lato-black-italic);
  text-transform: uppercase;
  margin-top: 5px;
}

.TeamDetailsPopUpWrap .Designation {
  color: var(--gold-1);
  font-size: 15px;
  line-height: 1.4;
  font-family: var(--lato-heavy-italic);
  text-transform: uppercase;
}

.TeamDetailsPopUpWrap .EditorText img {
  display: inline-block !important;
}

.TeamDetailsPopUpWrap {
  padding: 30px;
}

.TeamDetailsPopUpWrap .boxclose2 .fa.fa-close {
  font-size: 30px;
  position: absolute;
  right: 10px;
  top: 7px;
  color: #1c1c1c;
}

.BioInfoWrap .PhoneCol {
  margin-top: 15px !important;
}

.BioInfoWrap .EmailCol {
  margin-bottom: 10px;
}

.BioInfoWrap .PhoneCol .fa.fa-mobile {
  font-size: 24px;
  line-height: 24px;
  margin-right: 5px;
  vertical-align: text-bottom;
  width: 20px;
  text-align: center;
}

.BioInfoWrap .EmailCol .fa-envelope {
  font-size: 16px;
  margin-right: 5px;
  width: 20px;
  text-align: center;
}

.BioInfoWrap .PhoneCol a,
.BioInfoWrap .EmailCol a {
  color: var(--blue);
  font-size: 1rem;
  line-height: 1.4;
  margin: 5px 0px;
  word-break: break-all;
  font-family: var(--lato-b);
}

.BioInfoWrap .PhoneCol a:hover,
.BioInfoWrap .EmailCol a:hover {
  color: var(--gold);
}

.BioImgWrap {
  float: left;
  line-height: 0px;
  margin: 0px 30px 5px 0px;
}

.BioInfoWrap .InnerBioInfo .EditorText ul li {
  background-image: none !important;
  position: relative;
}

.BioInfoWrap .InnerBioInfo .EditorText ul li::before {
  content: "";
  position: absolute;
  background: url(../images/bullet-1.png) no-repeat;
  top: 11px;
  width: 7px;
  height: 7px;
  margin-left: -15px;
}

.TeamDetailsPopUpWrap .flex-direction-nav,
.TeamDetailsPopUpWrap .flex-direction-nav a {
  display: block;
}

.TeamDetailsPopUpWrap .flex-direction-nav a {
  width: 11px;
  height: 34px;
  margin: -12px 0 0;
  background-size: 100%;
  top: 180px;
}

.TeamDetailsPopUpWrap .flex-direction-nav .flex-prev {
  left: -20px;
}

.TeamDetailsPopUpWrap .flex-direction-nav .flex-next {
  right: -20px;
}

.about-body .BottomLogoWrapper {
  background-color: var(--gray-1);
}

.YourAdGoesHereWrap .Col {
  background-color: var(--white);
  margin-bottom: 0px;
  padding: 10px 20px;
  min-height: 230px;
  height: 230px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0px;
  text-align: center;
  -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
}

.YourAdGoesHereWrap .Col h2.Title {
  font-size: 20px;
  letter-spacing: 8px;
}

.SportsWrapper {
  position: relative;
}

.SportsWrapper::before {
  content: "";
  position: absolute;
  background-color: var(--gray-1);
  width: 100%;
  height: 100%;
  top: -60px;
  left: 0;
  z-index: -1;
}

.SportsWrapper .InnerContainWrapper {
  padding: 60px 0px 0px;
}

.SportsWrapper .SportsList {
  display: grid;
  grid-template-columns: repeat(auto-fit, 538px);
  justify-content: center;
  grid-gap: 30px;
  padding-bottom: 60px;
}

.SportsWrapper .SportsList .BoxWrap {
  background-color: var(--white);
  -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.5);
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.SportsWrapper .SportsList .BoxWrap:hover {
  background-color: var(--blue);
}

.SportsWrapper .SportsList .BoxWrap .IconWrap {
  float: right;
  width: 145px;
  position: relative;
  padding: 0px 0px;
  overflow: hidden;
}

.SportsWrapper .SportsList .BoxWrap .IconWrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -ms-transform: skew(-10deg);
  transform: skew(-10deg);
  -ms-transform-origin: bottom left;
  transform-origin: bottom left;
  background: #edeef0;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.SportsWrapper .SportsList .BoxWrap:hover .IconWrap::before {
  background: #0f2149;
}

.SportsWrapper .SportsList .BoxWrap .IconWrap img {
  position: absolute;
  top: 30px;
  right: 25px;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.SportsWrapper .SportsList .BoxWrap:hover .IconWrap .BlueIcon,
.SportsWrapper .SportsList .BoxWrap .IconWrap .WhiteIcon {
  opacity: 0;
}

.SportsWrapper .SportsList .BoxWrap:hover .IconWrap .WhiteIcon {
  opacity: 1;
}

.SportsWrapper .SportsList .BoxWrap .DescWrap {
  float: left;
  width: 73%;
}

.SportsWrapper .SportsList .BoxWrap h4.Title {
  font-size: 26px;
  line-height: 1.2;
  text-transform: uppercase;
  font-family: var(--lato-h);
  color: var(--blue);
  margin-bottom: 15px;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.SportsWrapper .SportsList .BoxWrap ul {
  column-count: 2;
}

.SportsWrapper .SportsList .BoxWrap.Sport-Type1 ul {
  column-count: 1;
}

.SportsWrapper .SportsList .BoxWrap .Padding30 {
  padding: 30px 20px;
}

.SportsWrapper .SportsList .BoxWrap ul li {
  margin-bottom: 10px;
}

.SportsWrapper .SportsList .BoxWrap ul li:last-child {
  margin-bottom: 0px;
}

.SportsWrapper .SportsList .BoxWrap ul li,
.SportsWrapper .SportsList .BoxWrap ul li a {
  color: var(--blue);
  font-size: 14px;
  line-height: 1.2;
  text-transform: uppercase;
  font-family: var(--lato-b);
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.SportsWrapper .SportsList .BoxWrap:hover ul li,
.SportsWrapper .SportsList .BoxWrap:hover ul li a {
  color: var(--white);
}

.SportsWrapper .SportsList .BoxWrap:hover h4.Title,
.SportsWrapper .SportsList .BoxWrap ul li a:hover {
  color: var(--gold);
}

.BreadcrumbsWrap {
  position: relative;
  z-index: 2;
}

.BreadcrumbsWrap .InnerContainWrapper {
  padding: 45px 0px 15px;
}

/*.InnerHeaderBg + .BreadcrumbsWrap .InnerContainWrapper {
  padding: 100px 0px 15px;
}*/
.WithoutHeaderText + .BreadcrumbsWrap .InnerContainWrapper {
  padding: 40px 0px 15px;
}

.BreadcrumbsWrap .LeftWrap {
  padding-top: 0px;
  padding-left: 40px;
}

.BreadcrumbsWrap .RightWrap {
  padding-right: 15px;
}

.BreadcrumbsWrap .LeftWrap ul {
  line-height: 16px;
}

.BreadcrumbsWrap .LeftWrap ul li {
  display: inline-block;
  position: relative;
  margin-right: 20px;
}

.BreadcrumbsWrap .LeftWrap ul li:last-child {
  margin-right: 0px;
}

.BreadcrumbsWrap .LeftWrap ul li,
.BreadcrumbsWrap .LeftWrap ul li a {
  color: var(--blue);
  font-size: 12px;
  line-height: 1.2;
  text-transform: uppercase;
  font-family: var(--lato-b);
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.BreadcrumbsWrap .LeftWrap ul li a:hover {
  color: var(--gold);
}

.BreadcrumbsWrap .LeftWrap ul li::after {
  content: ">>";
  position: absolute;
  color: var(--blue);
  font-size: 12px;
  line-height: 1.2;
  font-family: var(--lato-b);
  top: 0px;
  right: -20px;
}

.BreadcrumbsWrap .LeftWrap ul li:last-child::after {
  display: none;
}

.BreadcrumbsWrap .RightWrap .IconBtnCol .TransGoldBtn,
.BreadcrumbsWrap .RightWrap .IconBtnCol .TransIconBtn {
  margin-left: 5px;
}

.BreadcrumbsWrap .RightWrap .IconBtnCol .TransGoldBtn:first-child,
.BreadcrumbsWrap .RightWrap .IconBtnCol .TransIconBtn:first-child {
  margin-left: 0px;
}

.BlueTitleGrayBox .MainWrapper {
  margin-bottom: 30px;
  width: 1150px;
}

.BlueTitleGrayBox .MainWrapper:last-child {
  margin-bottom: 0px;
}

.BlueTitleGrayBox .MainWrapper .GrayBox {
  margin-bottom: 20px;
}

.BlueTitleGrayBox .MainWrapper .GrayBox:last-child {
  margin-bottom: 0px;
}

.FillBlueTitle {
  position: relative;
  padding: 20px 35px;
  margin-bottom: 3px;
}

.FillBlueTitle::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -ms-transform: skew(-10deg);
  transform: skew(-10deg);
  -ms-transform-origin: bottom left;
  transform-origin: bottom left;
  background: var(--blue);
}

.FillBlueTitle h4.Title img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.FillBlueTitle h4.Title {
  color: var(--white);
  font-size: 22px;
  line-height: 1.2;
  font-family: var(--lato-h);
  position: relative;
}

.BlueTitleGrayBox .GrayBox {
  background-color: var(--gray-2);
  padding: 40px 20px 35px 35px;
}

.BlueTitleGrayBox .GrayBox .ImgWrap {
  float: right;
  margin-left: 40px;
  margin-bottom: 10px;
}

.BlueTitleGrayBox .GrayBox .GoldSepLine {
  margin: 15px 0px 20px;
}

.BlueTitleGrayBox .GrayBox h4 {
  color: var(--blue);
  font-size: 27px;
  line-height: 1.2;
  font-family: var(--lato-h);
  margin-bottom: 15px;
  margin-top: 10px;
}

.BlueTitleGrayBox .GrayBox h3.Title {
  color: var(--blue);
  font-size: 25px;
  line-height: 1.2;
  font-family: var(--lato-h);
  position: relative;
}

.BlueTitleGrayBox .GrayBox .Desc ul li {
  margin-bottom: 10px;
}

.BlueTitleGrayBox .GrayBox .Desc h6 {
  color: var(--blue);
  font-size: 18px;
  line-height: 1.2;
  font-family: var(--lato-b);
  margin-bottom: 20px;
}

.SportsmanshipListWrap .InnerContainWrapper {
  padding: 0px 0px 40px;
}

.SportsmanshipListWrap ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, 370px);
  justify-content: center;
  grid-gap: 35px 20px;
}

.SportsmanshipListWrap ul li .ImgWrap {
  overflow: hidden;
  border: 5px solid var(--blue);
}

.SportsmanshipListWrap ul li .ImgWrap img {
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.SportsmanshipListWrap ul li a:hover .ImgWrap img {
  transform: scale(1.1, 1.1);
}

.SportsmanshipListWrap ul li h6 {
  color: var(--blue);
  font-size: 13px;
  line-height: 24px;
  text-transform: uppercase;
  font-family: var(--lato-black);
  text-align: left;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.SportsmanshipListWrap ul li a:hover h6 {
  color: var(--gold);
}

.SportsmanshipListWrap ul li .GoldSepLine {
  margin: 10px 0px 0px;
  width: 125px;
}

.SchoolDirectorySearchWrap .GrayBox {
  padding: 15px;
}

.SchoolDirectorySearchWrap .GrayBox .Col2,
.SchoolDirectorySearchWrap .GrayBox .Col3,
.SchoolDirectorySearchWrap .GrayBox .Col4 {
  width: auto;
  padding: 0px;
  vertical-align: middle;
}

.SchoolDirectorySearchWrap .GrayBox .Col2 input,
.SchoolDirectorySearchWrap .GrayBox .Col2 select {
  width: 140px;
  background-position: 90% 19px;
}

.SchoolDirectorySearchWrap .GrayBox .Col3 input,
.SchoolDirectorySearchWrap .GrayBox .Col3 select {
  width: 114px;
  /*85px*/
  background-position: 90% 19px;
}

.SchoolDirectorySearchWrap .GrayBox .Col2 {
  margin-right: 3px;
}

.SchoolDirectorySearchWrap .GrayBox .Col3 {
  margin-right: 10px;
}

.SchoolDirectorySearchWrap .GrayBox form label {
  font-family: var(--lato-b);
}

.BlueTitleGrayBox .MainWrapper .GrayBox input,
.BlueTitleGrayBox .MainWrapper .GrayBox select {
  background-color: var(--white);
  font-size: 14px;
  line-height: 24px;
  padding: 5px 22px 5px 15px;
  height: 45px;
}

.SchoolDirectorySearchWrap .GrayBox .FillBlueBtn {
  margin-left: 5px;
}

.SchoolDirectorySearchWrap .GrayBox .FillBlueBtn a {
  border-radius: 0px;
  font-size: 14px;
  padding: 8px 10px;
}

.SearchReturnedText {
  color: var(--blue);
  font-size: 18px;
  line-height: 1.2;
  font-family: var(--lato-m);
  margin: 20px 0px 30px;
}

.TableWrap table {
  width: 100%;
}

.TableWrap tr th {
  padding: 15px 45px;
  text-align: left;
  color: var(--white);
  font-family: var(--lato-h);
  font-size: 18px;
  line-height: 1.2;
  text-transform: uppercase;
  background-color: var(--blue);
  border: 2px solid var(--white);
}

.SportsSeasonDatesWrap .TableWrap tr th {
  font-size: 13px;
  line-height: 1.4;
  padding: 10px;
}

.SportsSeasonDatesWrap .TableWrap tr td {
  padding: 5px;
  font-size: 13px;
  line-height: 1.5;
}

.SportsSeasonDatesWrap .TableWrap tr td:first-child {
  width: 122px;
}

.SportsSeasonDatesWrap .TableWrap tr td:nth-child(4),
.SportsSeasonDatesWrap .TableWrap tr td:nth-child(2) {
  width: 92px;
}

.SportsSeasonDatesWrap .TableWrap tr td:nth-child(3) {
  width: 105px;
}

.SportsSeasonDatesWrap .TableWrap tr td:nth-child(5) {
  width: 220px;
}

.SportsSeasonDatesWrap .TableWrap tr td:nth-child(6) {
  width: 235px;
}

.SportsSeasonDatesWrap .TableWrap tr td:nth-child(7) {
  width: 285px;
}

.TableWrap tr td {
  padding: 14px 45px;
  text-align: left;
  font-family: var(--lato-m);
  font-size: 17px;
  line-height: 1.2;
  background-color: var(--gray-2);
  border: 2px solid var(--white);
}

.SchoolDirectorySearchWrap .TableWrap tr td:last-child {
  width: 165px;
}

.TableWrap tr:nth-child(even) td {
  background-color: #dedede;
}

.FAQMainWrapper .InnerContainWrapper {
  width: 1150px;
  padding-top: 0px;
}

.AnnualConventionWrapper .InnerContainWrapper {
  width: 1150px;
}

.AnnualConventionWrapper .TabCol {
  margin-bottom: -35px;
}

.AnnualConventionWrapper .TabCol ul li {
  display: inline-block;
  vertical-align: middle;
  margin: 0px 5px;
}

.AnnualConventionWrapper .TabCol ul li .Col {
  position: relative;
}

.AnnualConventionWrapper .TabCol ul li .Col::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -ms-transform: skew(-10deg);
  transform: skew(-10deg);
  -ms-transform-origin: bottom left;
  transform-origin: bottom left;
  background: var(--white);
  border: 2px solid var(--blue);
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.AnnualConventionWrapper .TabCol ul li .Col a {
  display: block;
  color: var(--blue);
  font-size: 18px;
  line-height: 28px;
  text-transform: uppercase;
  font-family: var(--lato-h);
  position: relative;
  padding: 20px 50px;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.AnnualConventionWrapper .TabCol ul li .Col:hover a {
  color: var(--white);
}

.AnnualConventionWrapper .TabCol ul li .Col:hover::before {
  background: var(--blue);
}

.AnnualConventionWrapper .DescWrap {
  background-color: var(--gray-2);
}

.VolleyballWrapper.AnnualConventionWrapper .RightWrap .GrayBox {
  padding: 30px;
  margin-bottom: 20px;
}

.VolleyballWrapper.AnnualConventionWrapper .RightWrap .GrayBox:last-child {
  margin-bottom: 0px;
}

.AnnualConventionWrapper .DescWrap h2.Title {
  font-size: 25px;
  margin-bottom: 20px;
}

.FloorPlanWrapper {
  background-color: var(--gray-2);
  /*
  	padding:45px;
  	margin-top: 25px;
  */
}

.FloorPlanWrapper .LeftWrap {
  display: block;
  width: 100% !important;
  padding-right: 30px;
  margin-bottom: 20px;
}

.FloorPlanWrapper .LeftWrap h2.Title {
  font-size: 25px;
  margin-bottom: 15px;
}

.VolleyballWrapper .MainWrapper {
  width: 1150px;
}

.VolleyballWrapper .FillBlueTitle::before {
  left: -6px;
  -ms-transform: skew(-15deg);
  transform: skew(-15deg);
}

.VolleyballWrapper .LeftWrap {
  width: 430px;
}

.VolleyballWrapper .RightWrap {
  width: 650px;
}

.VolleyballWrapper .BoxCol {
  margin-bottom: 22px;
}

.VolleyballWrapper .GrayBox {
  padding: 25px 30px;
  background-color: var(--gray-2);
}

.VolleyballWrapper .GrayBox .GrayBox {
  padding: 0px;
}

.VolleyballWrapper .GrayBox .Desc.EditorText ul {
  margin-bottom: 20px;
}

.VolleyballWrapper .RightWrap .GrayBox {
  padding: 35px 70px;
}

.VolleyballWrapper .LeftWrap .GrayBox .ArchivesList ul li:last-child,
.VolleyballWrapper .LeftWrap .GrayBox .CalendarList ul li:last-child {
  padding: 5px 0px 0px !important;
  border-bottom: 0px solid #939393;
}

.VolleyballWrapper .LeftWrap .GrayBox .ArchivesList ul li,
.VolleyballWrapper .LeftWrap .GrayBox .CalendarList ul li {
  padding: 5px 0px !important;
  border-bottom: 1px solid #939393;
  background-image: none !important;
}

.VolleyballWrapper .LeftWrap .GrayBox .CalendarList ul li .Text,
.VolleyballWrapper .LeftWrap .GrayBox .CalendarList ul li .Date {
  display: inline-block;
  vertical-align: middle;
}

.VolleyballWrapper .LeftWrap .GrayBox .CalendarList ul li .Date {
  font-family: var(--lato-b);
  margin-right: 30px;
  width: 85px;
}

.VolleyballWrapper .LeftWrap .GrayBox .CalendarList ul li .Text {
  width: calc(100% - 130px);
}

.VolleyballWrapper .GrayBox .TitleText,
.VolleyballWrapper .LeftWrap .GrayBox .ArchivesList ul li .Title {
  color: var(--gold);
  font-size: 14px;
  text-transform: uppercase;
  font-family: var(--lato-h);
}

.VolleyballWrapper .GrayBox ul li {
  background-image: url(../images/bullet.png) !important;
  background-position: 0px 11px !important;
  font-size: 14px;
  padding-left: 20px !important;
}

.VolleyballWrapper .GrayBox .ImgWrap {
  margin-bottom: 15px;
}

.VolleyballWrapper .RightWrap .GrayBox ul li {
  font-size: 16px;
  font-family: var(--lato-b);
  padding-left: 20px !important;
}

.SchedulesPowerRankingsCol .GrayBox {
  min-height: 230px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.FormsDownloadListWrapper .BoxCol .TwoPartCol ul li {
  margin-bottom: 10px;
}

.FormsDownloadListWrapper .BoxCol .TwoPartCol h5 {
  font-size: 22px;
}

.PrivacyNoticeWrapper .InnerContainWrapper {
  width: 1120px;
  padding-top: 0px;
}

.PrivacyNoticeWrapper h2.Title {
  margin-bottom: 20px;
}

.PrivacyNoticeWrapper .Desc ul {
  margin-bottom: 20px;
}

.SportsSeasonDatesWrap .ShortDesc {
  color: var(--blue);
  font-size: 20px;
  line-height: 1.3;
  font-family: var(--lato-h);
  margin-bottom: 20px;
  margin-top: 20px;
}

.LHSAAWrapper .FillBlueTitle h4.Title {
  text-transform: uppercase;
}

.VolleyballWrapper .GrayBox .CapsShortDesc {
  font-size: 14px;
  line-height: 1.5;
  font-family: var(--lato-b);
  text-transform: uppercase;
  margin-bottom: 10px;
}

.VolleyballWrapper .GrayBox .TitleText {
  font-size: 13px;
}

.VolleyballWrapper .BoxCol.RulesClinicsBox .ListWrap {
  margin-bottom: 25px;
}

.VolleyballWrapper .BoxCol.RulesClinicsBox .ListWrap ul li {
  background-image: none !important;
  padding: 0px !important;
  margin-bottom: 5px;
}

.VolleyballWrapper .BoxCol.RulesClinicsBox .ListWrap ul li .BlueTitle {
  display: inline-block;
  font-size: 14px;
  line-height: 1.5;
  text-transform: uppercase;
  color: var(--blue);
  font-family: var(--lato-h);
  width: 140px;
  margin-right: 10px;
  vertical-align: top;
}

.VolleyballWrapper .BoxCol.RulesClinicsBox .ListWrap ul li .Text {
  display: inline-block;
  font-size: 14px;
  line-height: 1.5;
  font-family: var(--lato-b);
  width: calc(100% - 160px);
  vertical-align: top;
}

strong {
  font-family: var(--lato-b);
}

.SportsFaqWrapper {
  width: 1150px;
  margin: 0px auto;
  position: relative;
}

.SportsFaqWrapper .qus {
  border-bottom: 0px solid var(--gold);
  padding: 18px 30px;
  position: relative;
  margin-top: 10px;
}

.SportsFaqWrapper .qus::before {
  content: "";
  position: absolute;
  top: 0;
  left: -16px;
  width: 102%;
  height: 100%;
  -ms-transform: skew(-15deg);
  transform: skew(-15deg);
  -ms-transform-origin: bottom left;
  transform-origin: bottom left;
  background: var(--blue);
}

.SportsFaqWrapper .FaqTitle h6 {
  font-size: 22px;
  line-height: 1.3;
  color: var(--white);
  font-family: var(--lato-h);
  padding-right: 25px;
  text-transform: uppercase;
  vertical-align: middle;
}

.SportsFaqWrapper .FaqTitle h6 i {
  vertical-align: middle;
  line-height: 0;
  display: inline-block;
  margin-right: 30px;
  margin-top: -3px;
}

.SportsFaqWrapper .DownText {
  background-color: transparent;
}

.VolleyballWrapper.ParentsStudentsWrapper .RightWrap .GrayBox {
  padding: 35px 40px;
}

.VolleyballWrapper.ParentsStudentsWrapper .RightWrap .GrayBox .LinksCol {
  margin: 30px 0px;
}

.VolleyballWrapper.student-container .RightWrap .GrayBox ul li,
.VolleyballWrapper.ParentsStudentsWrapper .RightWrap .GrayBox .LinksCol ul li {
  padding: 0px !important;
  background-image: none !important;
}

.VolleyballWrapper.student-container .RightWrap .GrayBox ul li a,
.VolleyballWrapper.ParentsStudentsWrapper
  .RightWrap
  .GrayBox
  .LinksCol
  ul
  li
  a {
  font-size: 13px;
  text-transform: uppercase;
  font-family: var(--lato-black);
}

.VolleyballWrapper .RightWrap .GrayBox h4 {
  color: var(--blue);
  font-size: 24px;
  line-height: 1.2;
  font-family: var(--lato-h);
  margin-bottom: 15px;
  margin-top: 10px;
}

.VolleyballWrapper .RightWrap .GrayBox h6 {
  color: var(--blue);
  font-size: 18px;
  line-height: 1.2;
  font-family: var(--lato-h);
  margin-bottom: 10px;
}

.VolleyballWrapper .RightWrap .GrayBox .RecipientsList {
  margin-bottom: 20px;
}

.NoteWrpa {
  font-family: var(--lato-black-italic);
  margin-top: 20px;
}

.ScholarshipsWrapper.VolleyballWrapper .RightWrap .GrayBox {
  padding: 35px 40px;
}

/* 310820 - Roy*/
.SchoolSubTwoColsWarp .LeftWrap {
  width: 430px;
}

.SchoolSubTwoColsWarp .RightWrap {
  width: 650px;
}

.SchoolSubTwoColsWarp .RightWrap.FullWidthSchool {
  float: none;
  width: 100%;
}

.SchoolSubTwoColsWarp .RightWrap .GrayBox {
  padding: 35px 70px;
  padding: 30px 48px;
}

.SchoolSubTwoColsWarp .RightWrap .GrayBox .ImgWrap {
  float: none;
  margin-left: 0px;
  margin-bottom: 10px;
}

.SchoolSubTwoColsWarp .qus {
  cursor: pointer;
  border-bottom: 2px solid var(--gold);
  padding: 10px 30px 10px 0px;
  background-color: transparent;
}

.SchoolSubTwoColsWarp .GrayBox h3.Title {
  font-size: 16px;
}

.SchoolSubTwoColsWarp .FaqDetail .Desc {
  padding-top: 20px;
}

.SchoolSubTwoColsWarp .BoxCol {
  margin-bottom: 22px;
}

.SchoolSubTwoColsWarp .BoxCol:last-child {
  margin-bottom: 0px;
}

.SchoolSubTwoColsWarp .LeftWrap li {
  margin-bottom: 30px;
}

.SchoolSubTwoColsWarp .LeftWrap li .Col h6 {
  margin-bottom: 5px;
}

.SchoolSubTwoColsWarp .LeftWrap li .Col h5 {
  color: var(--blue);
  font-size: 22px;
  line-height: 1.2;
  font-family: var(--lato-h);
  margin-bottom: 10px;
}

.HomePressReleasesWrap .InnerContainWrapper {
  padding: 60px 0px;
}
.HomePressReleasesWrap ul li {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  width: 30%;
  margin: 0 12px;
}

.HomePressReleasesWrap ul li:first-child {
  margin-left: 0px;
}

.HomePressReleasesWrap ul li:last-child {
  margin-right: 0px;
}

.HomePressReleasesWrap ul li .Col {
  padding: 20px;
  background-color: var(--white);
  -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
}

.PressReleasesWrap .ListWrap ul li .Col h4.Title,
.HomePressReleasesWrap ul li .Col h4.Title {
  color: var(--blue);
  font-size: 18px;
  line-height: 1.4;
  font-family: var(--lato-h);
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.HomePressReleasesWrap ul li .Col .Date {
  background-color: var(--gold);
  color: var(--white);
  display: inline-block;
  padding: 6px 8px;
  font-size: 11px;
  line-height: 11px;
  font-family: var(--lato-b);
  letter-spacing: 1px;
  margin-top: 10px;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.PressReleasesWrap .ListWrap ul li .Col .Date {
  color: var(--gold);
  font-size: 12px;
  line-height: 12px;
  font-family: var(--lato-b);
  letter-spacing: 1px;
  margin-top: 10px;
  text-transform: uppercase;
}

.PressReleasesWrap .ListWrap ul li .Col .BlueSepLine {
  width: 85px;
  height: 3px;
  margin: 10px 0px 12px;
}

.PressReleasesWrap .ListWrap ul li .Col .Desc,
.HomePressReleasesWrap ul li .Col .Desc {
  font-size: 14px;
  line-height: 1.6;
  margin-top: 15px;
}

.PressReleasesWrap .ListWrap ul li .Col .FillBlueBtn,
.HomePressReleasesWrap ul li .Col .FillBlueBtn {
  margin-top: 15px;
}

.PressReleasesWrap .ListWrap ul li .Col .FillBlueBtn a,
.HomePressReleasesWrap ul li .Col .FillBlueBtn a {
  font-size: 12px;
  line-height: 22px;
  padding: 6px 12px;
}

.PressReleasesWrap .col1 {
  width: 60%;
  float: right;
  vertical-align: top;
}

.PressReleasesWrap .col2 {
  width: 36%;
  float: left;
  vertical-align: top;
}

.PressReleasesWrap .GrayBox {
  padding: 20px;
  background-color: var(--gray-2);
  margin-bottom: 20px;
}

.PressReleasesWrap .GrayBox table {
  width: 100% !important;
}

.BrowsePressReleases ul li {
  display: inline-block;
  vertical-align: top;
  margin-right: 30px;
}

.BrowsePressReleases ul li:last-child {
  margin-right: 0px;
}

.BrowsePressReleases ul li label {
  font-size: 18px;
  line-height: 1.2;
  font-family: var(--lato-h);
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.BrowsePressReleases ul li .jumpmenu {
  display: inline-block;
  vertical-align: middle;
}

.BrowsePressReleases ul li .jumpmenu select {
  background-color: var(--white);
  width: 230px;
  height: 40px;
  background-position: 96% 17px;
}

.PressReleasesWrap .col1 .ListWrap > ul > li {
  margin-bottom: 15px;
  padding-bottom: 20px;
  border-bottom: 1px solid #dbdbdb;
}

.PressReleasesWrap .col1 .ListWrap > ul > li:last-child {
  margin-bottom: 0px;
  padding-bottom: 0px;
  border-bottom: 0px solid #dbdbdb;
}

.PressReleasesWrap .col1 .ListWrap > ul > li .ShortDesc ul li {
  background-image: url(../images/bullet-1.png);
  background-position: 5px 9px;
  background-repeat: no-repeat;
  margin: 0px;
  padding: 1px 0px;
  padding-left: 20px;
}

.PressReleasesWrap .col1 .ListWrap > ul > li .ShortDesc table tr td {
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 5px 15px;
  border-left: 1px solid #000;
  border-top: 1px solid #000;
  vertical-align: middle;
}

.PressReleasesWrap .col2 input,
.PressReleasesWrap .col2 select,
.PressReleasesWrap .col2 textarea {
  font-family: var(--lato-r);
  font-size: 14px;
  line-height: 25px;
  color: var(--black-1);
  border: 1px solid var(--white);
  background-color: var(--white);
  padding: 5px 12px;
  width: 100%;
  box-sizing: border-box;
  box-shadow: none;
  height: 40px;
}

.PressReleasesWrap .col2 .FormWrap .Col2 {
  width: 49.4%;
}

.ApplyForMembershipWrap .GrayBox,
.VenueProposalRequestsWrap .GrayBox {
  margin-bottom: 20px;
}

.VolleyballWrapper.HallOfFameWrapper .GrayBox {
  padding: 20px 15px;
  text-align: center;
}

.VolleyballWrapper.HallOfFameWrapper .GrayBox .DescWrap h5 {
  color: var(--blue);
  font-size: 22px;
  line-height: 1.2;
  font-family: var(--lato-h);
  margin-bottom: 15px;
}

.VolleyballWrapper.HallOfFameWrapper .LeftWrap .GrayBox {
  text-align: left;
}

.VolleyballWrapper.HallOfFameWrapper .LeftWrap .GrayBox h5 {
  color: var(--blue);
  font-size: 18px;
  line-height: 1.4;
  font-family: var(--lato-h);
  text-transform: uppercase;
  margin-bottom: 20px;
}

.VolleyballWrapper.HallOfFameWrapper .LeftWrap .ListWrap ul {
  column-count: 2;
  column-gap: 30px;
}

.VolleyballWrapper.HallOfFameWrapper .LeftWrap .ListWrap ul li {
  background-image: none !important;
  padding: 0px !important;
  margin-bottom: 12px;
}

.VolleyballWrapper.HallOfFameWrapper .LeftWrap .ListWrap ul li .Title {
  color: var(--gold);
  font-size: 16px;
  line-height: 1.4;
  font-family: var(--lato-h);
}

.VolleyballWrapper.HallOfFameWrapper .LeftWrap .ListWrap ul li .SubTitle {
  font-style: italic;
  font-size: 14px;
  line-height: 1.5;
}

.VolleyballWrapper.LHSOAWrapper .GrayBox,
.VolleyballWrapper.LHSAAWrapper .GrayBox {
  padding: 20px;
}

.CorporateSponsorshipsListWrap ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, 325px);
  justify-content: center;
  grid-gap: 70px;
}

.CorporateSponsorshipsListWrap ul li .Col {
  padding: 10px;
  position: relative;
  min-height: 380px;
  cursor: pointer;
}

.CorporateSponsorshipsListWrap ul li .Col .ImgWrap {
  width: 100%;
  height: 150px;
  line-height: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 5px;
}

.CorporateSponsorshipsListWrap ul li .Col .DescWrap {
  position: absolute;
  left: 0;
  right: 0;
  box-shadow: 0 0 0 0 var(--blue);
  top: 0;
  font-size: 14px;
  line-height: 24px;
  padding: 150px 10px 10px;
  overflow: hidden;
  height: 0;
  opacity: 0;
  transition: all 0.5s;
  filter: alpha(opacity=0);
}

.CorporateSponsorshipsListWrap ul li:hover .Col .DescWrap {
  height: 440px;
  /*425*/
  opacity: 1;
  box-shadow: 0 0 0 3px var(--blue);
  filter: alpha(opacity=100);
}

.CalendarWrapper .InnerContainWrapper {
  width: 1120px;
}

.CalendarWrapper h2.Title {
  font-size: 24px;
}

.CalendarWrapper .LegendWrap .DayEvent ul li {
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
  padding: 0px !important;
}

.CalendarWrapper .LegendWrap .DayEvent ul li,
.CalendarWrapper .LegendWrap .DayEvent ul li a {
  color: var(--blue);
  font-size: 14px;
  line-height: 1.3;
  font-family: var(--lato-h);
  padding: 2px 6px 5px;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.CalendarWrapper .LegendWrap .DayEvent ul li a.on,
.CalendarWrapper .LegendWrap .DayEvent ul li a:hover {
  background-color: #d3dae2;
}

.CalendarWrapper .LegendWrap .GoldSepLine {
  margin: 10px 0px 20px;
}

.CalendarWrapper .LegendWrap .EventColor ul li {
  display: inline-block;
  vertical-align: top;
  margin-left: 20px;
}

.CalendarWrapper .LegendWrap .EventColor ul li,
.CalendarWrapper .LegendWrap .EventColor ul li a,
.CalendarWrapper .LegendWrap .EventColor ul li .Text {
  color: var(--dark-gray);
  font-size: 14px;
  line-height: 1.3;
  font-family: var(--lato-r);
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.CalendarWrapper .LegendWrap .EventColor ul li .Text {
  display: inline-block;
  vertical-align: middle;
}

.CalendarWrapper .LegendWrap .EventColor ul li .ColorBox {
  width: 12px;
  height: 12px;
  background-color: var(--blue);
  display: inline-block;
  vertical-align: middle;
  margin-right: 2px;
}

.CalendarWrapper .LegendWrap .EventColor ul li .BlueBox {
  background-color: var(--blue);
}

.CalendarWrapper .LegendWrap .EventColor ul li .GoldBox {
  background-color: var(--gold);
}

.CalendarWrapper .LegendWrap .EventColor ul li .RedBox {
  background-color: #990000;
}

.CalendarWrapper .LegendWrap .EventColor ul li .GreenBox {
  background-color: #339933;
}

.CalendarWrapper .LegendWrap .EventColor ul li .SkyBlueBox {
  background-color: #1996ef;
}

.CalendarWrapper .LegendWrap .EventColor ul li .OrangeBox {
  background-color: #fb5d00;
}

.CalendarWrap table {
  width: 100%;
}

.CalendarWrap th {
  background-color: var(--blue);
  font-family: var(--lato-m);
  color: var(--white);
  font-size: 16px;
  width: 10%;
  line-height: 1.5;
  text-transform: uppercase;
  padding: 12px 5px;
  box-sizing: border-box;
  border: 1px solid #fff;
  vertical-align: middle;
}

.CalendarWrap td {
  color: var(--black-1);
  border-collapse: collapse;
  padding: 12px 5px;
  box-sizing: border-box;
  font-size: 13px;
  line-height: 1.5;
  vertical-align: top;
  position: relative;
  z-index: 1;
  font-family: var(--lato-h);
  text-align: left;
  background-color: var(--gray);
  border: 1px solid var(--white);
}

.CalendarWrap tr:nth-child(odd) td {
  background-color: #e5e9ef;
}

.CalendarWrap tr td div {
  margin: 8px 0px;
}

.CalendarWrap tr td div:first-child {
  margin-top: 0;
}

.CalendarWrap tbody a {
  color: var(--white);
  font-family: var(--lato-r);
  display: block;
  padding: 5px;
}

.CalendarWrap .Clinics {
  background-color: var(--blue);
}

.CalendarWrap .Contests {
  background-color: var(--gold);
}

.CalendarWrap .Deadlines {
  background-color: #990000;
}

.CalendarWrap .Holidays {
  background-color: #339933;
}

.CalendarWrap .WithoutCategoryCat {
  background-color: #ffffff;
}

.CalendarWrap .Sports {
  background-color: #1996ef;
}

.CalendarWrap .Meetings {
  background-color: #fb5d00;
}

.CalendarWrap .WithoutCategoryCat a {
  color: var(--black-1);
}

.CalendarWrap .MonthSelectTable th {
  background-color: transparent;
  padding: 12px;
  box-sizing: border-box;
  border: 0px solid #fff;
  vertical-align: middle;
}

.CalendarWrap .MonthSelectTable th,
.CalendarWrap .MonthSelectTable th a {
  font-family: var(--gotham-htfbold);
  color: var(--white);
  font-size: 16px;
  width: 10%;
  line-height: 1.5;
  text-transform: uppercase;
}

.LHSAAWrapper .FillBlueTitle h4.Title {
  text-transform: initial;
}

.all-academic-body .VolleyballWrapper .FillBlueTitle::before {
  left: 0;
  transform: skew(-10deg);
}

.all-academic-body .GrayBox {
  background-color: var(--gray-2);
  padding: 40px 20px 35px 35px;
}

.all-academic-body .Desc h6 {
  color: var(--blue);
  font-size: 18px !important;
  line-height: 1.2 !important;
  font-family: var(--lato-b);
  margin-bottom: 20px;
}

.all-academic-body .Desc h4 {
  color: var(--blue);
  font-size: 27px !important;
  line-height: 1.2 !important;
  font-family: var(--lato-h);
  margin-bottom: 15px;
  margin-top: 10px;
}

.VolleyballWrapper .GrayBox ul.NoBullet > li {
  background-image: none !important;
  background-position: 0px !important;
  background-repeat: no-repeat !important;
  margin: 0px;
  padding: 0px !important;
}

.PdfListSection h6.Title {
  color: var(--blue);
  font-size: 16px;
  line-height: 1.2;
  font-family: var(--lato-b);
  letter-spacing: 0;
  margin-bottom: 5px;
}

.PdfListSection .Date {
  margin-bottom: 8px;
  font-size: 1rem;
  line-height: 26px;
}

.PdfListSection .ListWrap {
  display: flex;
}

.PdfListSection .ListWrap > ul.NoBullet {
  flex: 1 1 50%;
}

.PdfListSection.PdfDateListWrap ul.NoBullet > li + li {
  margin-top: 35px !important;
}

.PdfListSection ul.NoBullet {
  padding-right: 60px;
}

.PdfListSection ul.NoBullet + ul.NoBullet {
  border-left: 1px solid #c0c0c0;
  padding-left: 90px;
  padding-right: initial;
}

.PdfListSection .LinkText a {
  display: inline-block;
  position: relative;
  color: var(--blue);
  font-size: 13px;
  line-height: 1.2;
  text-transform: uppercase;
  font-family: var(--lato-b);
  letter-spacing: 0;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.PdfListSection .LinkText a::after {
  content: "";
  position: absolute;
  background: url(../images/icons/pdf.png) no-repeat top right;
  width: 16px;
  height: 16px;
  top: -1px;
  right: -30px;
}

.PdfListSection .LinkText a:hover {
  color: var(--gold);
}

.WithoutHdrImgTextWrap {
  margin-top: 160px;
}

.IdxHeaderBg.WitoutHSlider .flickity-slider {
  transform: none !important;
  position: static !important;
}

.IdxHeaderBg.WitoutHSlider .flickity-slider .carousel-cell {
  width: 100% !important;
}

.IdxHeaderBg.WitoutHSlider .flickity-button {
  display: none;
}

.forms-resources-body .FormsResourcesWrapper .BoxCol .TwoPartCol .RightWrap {
  margin-top: 30px;
}

.forms-resources-body
  .FormsResourcesWrapper
  .BoxCol
  .TwoPartCol
  .RightWrap:nth-child(1),
.forms-resources-body
  .FormsResourcesWrapper
  .BoxCol
  .TwoPartCol
  .RightWrap:nth-child(2) {
  margin-top: 0;
}

.lhsca-body .VolleyballWrapper .BoxCol .ListWrap {
  margin-bottom: 25px;
}

.lhsca-body .VolleyballWrapper .BoxCol .ListWrap ul li {
  background-image: none !important;
  padding: 0px !important;
  margin-bottom: 5px;
}

.lhsca-body .VolleyballWrapper .BoxCol .ListWrap ul li .BlueTitle,
.lhsca-body .VolleyballWrapper .BoxCol .ListWrap ul li .Text {
  display: inline-block;
  font-size: 14px;
  line-height: 1.5;
  vertical-align: top;
}

.lhsca-body .VolleyballWrapper .BoxCol .ListWrap ul li .BlueTitle {
  text-transform: uppercase;
  color: var(--blue);
  font-family: var(--lato-h);
  width: 140px;
  margin-right: 10px;
}

.lhsca-body .VolleyballWrapper .BoxCol .ListWrap ul li .Text {
  font-family: var(--lato-b);
  width: calc(100% - 160px);
}

.video-overlay {
  position: relative;
  display: block;
}

.video-overlay::before {
  content: url("../images/icons/play-icon.svg");
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
  align-items: center;
}

/*.WithoutImgHeader {
  margin-bottom: 0 !important;
}*/
.WithoutImgHeader + .StaffWrapper h2.Title,
.WithoutImgHeader + .ExecutiveCommitteeWrapper h2.Title,
.InnerHeaderBg + .StaffWrapper h2.Title,
.InnerHeaderBg + .ExecutiveCommitteeWrapper h2.Title {
  margin: 0px auto 55px;
}

.FormsResourcesWrapper .MainWrapper,
.FormsResourcesColWrap .MainWrapper {
  width: 1150px;
}

.FormsResourcesWrapper .GrayBox,
.FormsResourcesColWrap .GrayBox {
  padding: 30px 35px;
  background-color: var(--gray-2);
  text-align: left;
}

.FormsResourcesWrapper .GrayBox ul li,
.FormsResourcesColWrap .GrayBox ul li {
  background-image: url(../images/bullet.png) !important;
  background-position: 5px 11px !important;
  padding-left: 20px !important;
  margin-bottom: 20px;
}

.FormsResourcesWrapper .BoxCol,
.FormsResourcesColWrap .BoxCol {
  margin-bottom: 22px;
}

.FormsResourcesWrapper .LeftWrap .BoxCol:last-child {
  margin-bottom: 0px;
}

.FormsResourcesWrapper .BoxCol .TwoPartCol ul li,
.FormsResourcesColWrap .BoxCol .TwoPartCol ul li {
  background-image: none;
  padding-left: 0px;
  margin-bottom: 5px;
  text-align: left;
}

.FormsResourcesWrapper .ShortDesc,
.FormsResourcesColWrap .ShortDesc {
  margin-bottom: 30px;
}

.FormsResourcesWrapper ul li span,
.FormsResourcesColWrap ul li span {
  display: block;
  font-size: 16px;
  font-family: var(--lato-b);
  color: var(--blue);
}

.FormsResourcesWrapper .ListWrap ul.li_cont1,
.FormsResourcesColWrap .ListWrap ul.li_cont1 {
  margin-right: 100px;
}

.FormsResourcesWrapper .ListWrap ul li,
.FormsResourcesColWrap .ListWrap ul li {
  background-image: url(../images/bullet.png);
  background-position: 5px 11px;
  margin-bottom: 20px;
  text-align: left;
}

.FormsResourcesWrapper .ListWrap ul li span,
.FormsResourcesColWrap .ListWrap ul li span {
  display: block;
  font-size: 16px;
  font-family: var(--lato-b);
  color: var(--blue);
}

.FormsResourcesWrapper .BoxCol .TwoPartCol,
.FormsResourcesColWrap .BoxCol .TwoPartCol {
  margin-bottom: 55px;
}

.FormsResourcesWrapper .BoxCol .TwoPartCol h5,
.FormsResourcesColWrap .BoxCol .TwoPartCol h5 {
  display: block;
  font-size: 18px;
  line-height: 1.2;
  text-transform: uppercase;
  font-family: var(--lato-h);
  color: var(--blue);
  margin-bottom: 20px;
}

.FormsResourcesWrapper .BoxCol .TwoPartCol ul li,
.FormsResourcesColWrap .BoxCol .TwoPartCol ul li {
  background-image: none !important;
  padding-left: 0 !important;
}

.FormsResourcesWrapper .BoxCol .TwoPartCol ul li span,
.FormsResourcesColWrap .BoxCol .TwoPartCol ul li span {
  display: block;
  font-size: 16px;
  font-family: var(--lato-b);
  color: var(--blue);
}

.FormsResourcesWrapper .BoxCol .TwoPartCol ul li a,
.FormsResourcesColWrap .BoxCol .TwoPartCol ul li a {
  color: var(--black-1);
  position: relative;
  padding-left: 30px;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: block;
  font-size: 16px;
}

.FormsResourcesWrapper .BoxCol .TwoPartCol ul li a:hover,
.FormsResourcesColWrap .BoxCol .TwoPartCol ul li a:hover {
  color: var(--gold);
}

.FormsResourcesWrapper .BoxCol .TwoPartCol ul li a::before,
.FormsResourcesColWrap .BoxCol .TwoPartCol ul li a::before {
  content: "";
  position: absolute;
  background: url(../images/icons/pdf.png) no-repeat top left;
  width: 16px;
  height: 16px;
  top: 5px;
  left: 0;
}

.FormsResourcesWrapper .BoxCol .TwoPartCol ul li h6.Title,
.FormsResourcesColWrap .BoxCol .TwoPartCol ul li h6.Title {
  font-size: 16px;
}

.FormsResourcesWrapper .BoxCol .TwoPartCol ul li .Date,
.FormsResourcesColWrap .BoxCol .TwoPartCol ul li .Date {
  padding-left: 27px;
  font-size: 14px;
}

.FormsResourcesWrapper .BoxCol .TwoPartCol .li_cont1,
.FormsResourcesColWrap .BoxCol .TwoPartCol .li_cont1 {
  padding-right: 60px;
  border-right: 1px solid #bbbbbb;
}

.FormsResourcesWrapper .BoxCol .TwoPartCol .li_cont2,
.FormsResourcesColWrap .BoxCol .TwoPartCol .li_cont2 {
  padding-left: 60px;
}

.FormsResourcesWrapper .BoxCol .TwoPartCol:last-child,
.FormsResourcesColWrap .BoxCol .TwoPartCol:last-child {
  margin-bottom: 0px;
}

.FormsResourcesWrapper .BoxCol .TwoPartCol .Col,
.FormsResourcesColWrap .BoxCol .TwoPartCol .Col {
  margin-bottom: 40px;
}

.FormsResourcesWrapper .BoxCol .TwoPartCol .Col:last-child,
.FormsResourcesColWrap .BoxCol .TwoPartCol .Col:last-child {
  margin-bottom: 0px;
}

.FormsResourcesWrapper .BoxCol .TwoPartCol .LeftWrap,
.FormsResourcesColWrap .BoxCol .TwoPartCol .LeftWrap {
  width: 49%;
  display: inline-block;
  vertical-align: top;
  border-right: 1px solid #bbbbbb;
}

.FormsResourcesWrapper .BoxCol .TwoPartCol .RightWrap,
.FormsResourcesWrapper .BoxCol .TwoPartCol .FormsResourcesColHeight,
.FormsResourcesColWrap .BoxCol .TwoPartCol .RightWrap,
.FormsResourcesColWrap .BoxCol .TwoPartCol .FormsResourcesColHeight {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  padding-left: 40px;
  margin-top: 30px;
}

.FormsResourcesWrapper .BoxCol .TwoPartCol .RightWrap:nth-child(1),
.FormsResourcesWrapper .BoxCol .TwoPartCol .RightWrap:nth-child(2),
.FormsResourcesWrapper
  .BoxCol
  .TwoPartCol
  .FormsResourcesColHeight:nth-child(1),
.FormsResourcesWrapper
  .BoxCol
  .TwoPartCol
  .FormsResourcesColHeight:nth-child(2),
.FormsResourcesColWrap .BoxCol .TwoPartCol .RightWrap:nth-child(1),
.FormsResourcesColWrap .BoxCol .TwoPartCol .RightWrap:nth-child(2),
.FormsResourcesColWrap
  .BoxCol
  .TwoPartCol
  .FormsResourcesColHeight:nth-child(1),
.FormsResourcesColWrap
  .BoxCol
  .TwoPartCol
  .FormsResourcesColHeight:nth-child(2) {
  margin-top: 0;
}

.FormsResourcesWrapper .BoxCol .TwoPartCol .RightWrap:nth-child(odd),
.FormsResourcesWrapper
  .BoxCol
  .TwoPartCol
  .FormsResourcesColHeight:nth-child(odd),
.FormsResourcesColWrap .BoxCol .TwoPartCol .RightWrap:nth-child(odd),
.FormsResourcesColWrap
  .BoxCol
  .TwoPartCol
  .FormsResourcesColHeight:nth-child(odd) {
  padding-left: 0;
}

.PdfListSection.GrayBox .TwoPartCol {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px 0;
}

.PdfListSection.GrayBox .TwoPartCol h5 {
  display: block;
  font-size: 18px;
  line-height: 1.2;
  text-transform: uppercase;
  font-family: var(--lato-h);
  color: var(--blue);
  margin-bottom: 20px;
}

.PdfListSection.GrayBox .TwoPartCol ul li {
  background-image: none !important;
  padding-left: 0 !important;
  margin: 0 0 5px;
}

.PdfListSection.GrayBox .TwoPartCol ul li span {
  display: block;
  font-size: 16px;
  font-family: var(--lato-b);
  color: var(--blue);
}

.PdfListSection.GrayBox .TwoPartCol ul li a {
  color: var(--black-1);
  position: relative;
  padding-left: 30px;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: block;
  font-size: 16px;
}

.PdfListSection.GrayBox .TwoPartCol ul li a:hover {
  color: var(--gold);
}

.PdfListSection.GrayBox .TwoPartCol ul li a::before {
  content: "";
  position: absolute;
  background: url(../images/icons/pdf.png) no-repeat top left;
  width: 16px;
  height: 16px;
  top: 5px;
  left: 0;
}

.PdfListSection.GrayBox .TwoPartCol .FormsResourcesColHeight {
  padding-left: 0px !important;
  width: 100%;
  margin-top: 0px;
}

.PdfListSection.GrayBox .TwoPartCol .FormsResourcesColHeight:nth-child(even) {
  padding-left: 40px !important;
  border-left: 1px solid #bbbbbb;
}

.TwoLiWrap {
  margin: 20px 0 0 !important;
  columns: 2;
  column-gap: 100px;
}

.TwoLiWrap li {
  background-image: url(../images/bullet.png) !important;
  background-position: 5px 11px !important;
  padding-left: 20px !important;
  margin-bottom: 20px;
  font-size: 16px !important;
}

.TwoLiWrap li span {
  font-family: var(--lato-b);
  display: block;
  color: var(--blue);
}

.scholarships-body .GrayBox {
  padding: 30px 35px;
}

.scholarships-body .GrayBox h4 {
  color: var(--blue);
  font-size: 24px;
  line-height: 1.2;
  font-family: var(--lato-h);
  margin-bottom: 15px;
  margin-top: 10px;
}

.scholarships-body .GrayBox h6 {
  color: var(--blue);
  font-size: 18px;
  line-height: 1.2;
  font-family: var(--lato-h);
  margin-bottom: 10px;
  text-align: left;
}

.scholarships-body .GrayBox ul li {
  font-size: 16px;
  font-family: var(--lato-b);
  padding-left: 20px !important;
}

.scholarships-body strong {
  font-family: var(--lato-black-italic);
}

.ClassifiedsLi li {
  padding: 5px 0px !important;
  border-bottom: 1px solid #939393;
  background-image: none !important;
}

.lhsca-body .VolleyballWrapper .GrayBox strong a {
  font-size: 14px;
}

.lhsca-body .VolleyballWrapper .GrayBox h6 {
  font-size: 14px;
  line-height: 1.5;
  font-family: var(--lato-b);
}

.lhsca-body .VolleyballWrapper .GrayBox ul.ClassifiedsLi {
  margin-bottom: 0;
}

.lhsca-body .VolleyballWrapper .GrayBox ul.ClassifiedsLi li {
  padding: 5px 0px !important;
  background-image: none !important;
}

.lhsca-body .VolleyballWrapper .GrayBox ul.ClassifiedsLi li + li {
  border-top: 1px solid #939393;
}

.sports-medicine-body .VolleyballWrapper .GrayBox {
  padding: 30px 35px;
}

.sports-medicine-body .VolleyballWrapper .GrayBox ul.TwoLiWrap li {
  padding-left: 20px !important;
  font-size: 16px;
  margin-bottom: 20px;
}

.sports-medicine-body .VolleyballWrapper .GrayBox ul.TwoLiWrap li span {
  font-family: var(--lato-b);
  display: block;
  color: var(--blue);
}

.student-container.VolleyballWrapper .RightWrap .GrayBox {
  padding: 30px 35px;
}

.administrators-body h2 {
  color: var(--blue);
  font-size: 30px;
  line-height: 1.3;
  font-family: var(--lato-h);
  text-transform: uppercase;
}

.administrators-body .EditorText h6 {
  color: var(--blue);
  font-size: 18px;
  line-height: 1.2;
  font-family: var(--lato-b);
  margin-bottom: 20px;
}

.administrators-body .LeftWrap {
  width: 430px;
}

.administrators-body .RightWrap {
  width: 650px;
}

.administrators-body .RightWrap .GrayBox {
  padding: 35px 70px;
  padding: 30px 35px;
}

.administrators-body .RightWrap .GrayBox .ImgWrap {
  float: none;
  margin-left: 0px;
  margin-bottom: 10px;
}

.administrators-body .qus {
  cursor: pointer;
  border-bottom: 2px solid var(--gold);
  padding: 10px 30px 10px 0px;
  background-color: transparent;
}

.administrators-body .qus h3.Title {
  color: var(--blue);
  font-size: 25px;
  line-height: 1.2;
  font-family: var(--lato-h);
  position: relative;
}

.administrators-body .GrayBox h3.Title {
  font-size: 16px;
}

.administrators-body .FaqDetail .Desc {
  padding-top: 20px;
}

.administrators-body .BoxCol {
  margin-bottom: 22px;
}

.administrators-body .LeftWrap li {
  margin-bottom: 10px;
}

.administrators-body .LeftWrap li .Col h6 {
  margin-bottom: 5px;
}

.administrators-body .LeftWrap li .Col h5 {
  color: var(--blue);
  font-size: 22px;
  line-height: 1.2;
  font-family: var(--lato-h);
  margin-bottom: 10px;
}

.administrators-body .VolleyballWrapper .GrayBox ul li {
  background-image: url(../images/bullet-1.png) !important;
  padding-left: 20px !important;
  font-size: 16px;
  text-align: left;
  background-position: 0% 7px !important;
}

.annual-convention-body .InnerContainWrapper {
  width: 1150px;
}

.annual-convention-body .TabCol {
  margin-bottom: -35px;
}

.annual-convention-body .TabCol ul li {
  display: inline-block;
  vertical-align: middle;
  margin: 0px 5px;
}

.annual-convention-body .TabCol ul li .Col {
  position: relative;
}

.annual-convention-body .TabCol ul li .Col::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -ms-transform: skew(-10deg);
  transform: skew(-10deg);
  -ms-transform-origin: bottom left;
  transform-origin: bottom left;
  background: var(--white);
  border: 2px solid var(--blue);
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.annual-convention-body .TabCol ul li .Col a {
  display: block;
  color: var(--blue);
  font-size: 18px;
  line-height: 28px;
  text-transform: uppercase;
  font-family: var(--lato-h);
  position: relative;
  padding: 20px 50px;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.annual-convention-body .TabCol ul li .Col:hover a {
  color: var(--white);
}

.annual-convention-body .TabCol ul li .Col:hover::before {
  background: var(--blue);
}

.annual-convention-body .Desc {
  background-color: var(--gray-2);
}

.annual-convention-body .Desc h2 {
  color: var(--blue);
  line-height: 1.3;
  font-family: var(--lato-h);
  text-transform: uppercase;
  font-size: 25px;
  margin-bottom: 20px;
}

.annual-convention-body .VolleyballWrapper .RightWrap .GrayBox {
  padding: 30px;
  margin-bottom: 20px;
}

.annual-convention-body .VolleyballWrapper .RightWrap .GrayBox:last-child {
  margin-bottom: 0px;
}

.BlueTitleGrayBox iframe,
.PrincipalsAdminiWrap iframe,
.SchoolSubTwoColsWarp iframe {
  width: 100% !important;
}

.BlueTitleGrayBox .Desc div,
.PrincipalsAdminiWrap .Desc div,
.SchoolSubTwoColsWarp .Desc div {
  font-family: var(--lato-b);
  color: var(--blue);
}

.BlueTitleGrayBox .Desc div + div,
.PrincipalsAdminiWrap .Desc div + div,
.SchoolSubTwoColsWarp .Desc div + div {
  margin-top: 5px;
}

.contact-us-body .WithoutHdrImgTextWrap,
.about-body .WithoutHdrImgTextWrap {
  margin-top: 175px;
}

.WithoutHeaderText {
  margin-bottom: 0 !important;
}

.WithoutSlidrWrap .slick-track .slick-list .draggable > div {
  width: 1200px !important;
}

.WithoutSlidrWrap .slick-track .slick-list .draggable .slick-current {
  margin-right: 303px;
}

.WithoutSlidrWrap .slick-track .slick-list .draggable .slick-current + div {
  opacity: 1;
}

.WithoutSlidrWrap .slick-track .slick-list .draggable .slick-slide {
  width: 294px !important;
}

.WithoutImgHeader + .InfoWrapper {
  margin-top: 55px;
}

/** Classifieds Page Start **/
.SchoolDirectorySearchWrap .FormWrap .GrayBox {
  display: inline-block;
  width: 65%;
  vertical-align: top;
  margin-right: 20px;
  float: left;
}

.SchoolDirectorySearchWrap .FormWrap .BoxCol {
  display: inline-block;
  width: 32%;
  vertical-align: top;
  float: right;
}

.SchoolDirectorySearchWrap .FormWrap .BoxCol .GrayBox {
  display: block;
  width: 100%;
  margin-right: 0px;
}

.SchoolDirectorySearchWrap .FormWrap .BoxCol .FillBlueBtn {
  margin: 0;
  display: inline-block;
}

.SchoolDirectorySearchWrap .ColWrap {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
  padding: 15px;
  border: 1px solid #ddd;
}

.SchoolDirectorySearchWrap .ColWrap:first-child {
  margin-right: 0px;
  margin-bottom: 15px;
}

.SchoolDirectorySearchWrap .ColWrap h5.Title {
  color: var(--blue);
  font-size: 20px;
  line-height: 1.2;
  font-family: var(--lato-h);
  margin-bottom: 10px;
}

.SchoolDirectorySearchWrap .ColWrap .Col2 select {
  width: 290px;
}

.SchoolDirectorySearchWrap .ColWrap + .Col4.SumbitBtn {
  margin-top: 32px;
}

.ClassifiedsTabWrapper {
  margin-top: 50px;
}

.ClassifiedsTabWrapper .TabWrap ul {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ClassifiedsTabWrapper .TabWrap ul li {
  margin: 0px 5px;
  width: 230px;
}

.ClassifiedsTabWrapper .TabWrap ul li .Col a {
  display: block;
  color: var(--white);
  font-size: 18px;
  line-height: 1.2;
  font-family: var(--lato-h);
  background-color: var(--blue);
  border: 1px solid var(--blue);
  padding: 10px 20px;
  border-radius: 5px 5px 0px 0px;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.ClassifiedsTabWrapper .TabWrap ul li .Col a.on,
.ClassifiedsTabWrapper .TabWrap ul li .Col a:hover {
  color: var(--blue);
  background-color: var(--transition);
}

.ClassifiedsTabWrapper .MenuNewStyle {
  font-size: 18px;
}

.ClassifiedsTabWrapper .menuNew ul li a {
  font-size: 18px;
  line-height: 1.2;
  font-family: var(--lato-h);
}

.ClassifiedsDescWrap {
  padding: 30px;
  background-color: var(--gray-2);
  margin-bottom: 40px;
}

.ClassifiedsDescWrap ul li {
  margin-bottom: 20px;
}

.ClassifiedsDescWrap ul li:last-child {
  margin-bottom: 0px;
}

.ClassifiedsDescWrap ul li .Col {
  padding: 20px;
  border: 1px solid #ddd;
}

.ClassifiedsDescWrap ul li .Col h4.Title {
  color: var(--blue);
  font-size: 20px;
  line-height: 1.2;
  font-family: var(--lato-h);
  margin-bottom: 10px;
}

.ClassifiedsDescWrap ul li .RightWrap,
.ClassifiedsDescWrap ul li .LeftWrap {
  width: 49%;
  display: inline-block;
  vertical-align: top;
  background-color: var(--white);
  padding: 15px;
}

.ClassifiedsDescWrap ul li .LeftWrap {
  margin-right: 16px;
}

.ClassifiedsDescWrap ul li span {
  color: var(--blue);
  font-family: var(--lato-h);
}

.ClassifiedsDescWrap .ShortDesc {
  margin-top: 15px;
}

.post-an-ad-body .VolleyballWrapper .LeftWrap {
  width: 400px;
}

.post-an-ad-body .VolleyballWrapper .RightWrap {
  width: 700px;
}

.post-an-ad-body .VolleyballWrapper .RightWrap .GrayBox {
  padding: 20px;
}

.post-an-ad-body .VolleyballWrapper .RightWrap .GrayBox ol li {
  margin-bottom: 10px;
}

.AdFormWrap {
  text-align: left;
}

.AdFormWrap .FormWrap .CheckBox input[type="checkbox"] {
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
  margin-right: 5px;
  height: 15px;
}

.VolleyballWrapper .RightWrap .GrayBox .AdFormWrap ol {
  margin-left: 22px;
}

.VolleyballWrapper .RightWrap .GrayBox .AdFormWrap .FormWrap .Col2 {
  padding: 5px;
}

.VolleyballWrapper .RightWrap .GrayBox .AdFormWrap .FormWrap h4 {
  color: var(--blue);
  font-size: 18px;
  line-height: 1.2;
  text-transform: uppercase;
  font-family: var(--lato-h);
  margin-bottom: 5px;
  margin-top: 20px;
}

.AdFormWrap .FormWrap .CheckBox span {
  width: calc(100% - 30px);
  display: inline-block;
  line-height: normal;
}

.AdFormWrap .FormWrap input,
.AdFormWrap .FormWrap select,
.AdFormWrap .FormWrap textarea {
  background-color: var(--white);
  height: 40px;
}

.AdFormWrap .FormWrap select {
  background-position: 96% 17px;
}

.AdFormWrap .FormWrap label span {
  color: #ae1f3a;
  line-height: normal;
}

label {
  line-height: normal;
}

small {
  font-size: 12px;
}

.BlueTitleGrayBox .GrayBox .ListWrap ul.PhysicalExamLI li {
  margin-bottom: 10px;
  text-align: left;
}

/** Classifieds Page End **/
.BoxCol.AdsSectionWrap .jcarousel-control-next {
  right: -10px;
  background: url(../images/icons/next.png) no-repeat center;
}

.BoxCol.AdsSectionWrap .jcarousel-control-prev {
  left: -10px;
  background: url(../images/icons/prev.png) no-repeat center;
}

.BoxCol.AdsSectionWrap ul li h2.Title {
  font-size: 16px;
  line-height: 1.3;
  font-family: var(--lato-h);
  text-transform: none;
}

/**** Responsive Tab Menu ****/
.TebSliderWrap {
  position: relative;
  z-index: 9;
  display: none;
}

.menuNew-link2,
.menuNew-link {
  display: block;
}

.MenuNewStyle2,
.MenuNewStyle {
  background-color: var(--blue);
  padding: 10px;
  color: var(--white);
  font-size: 15px;
  line-height: 26px;
  text-transform: uppercase;
  vertical-align: middle;
  border-bottom: 3px solid var(--gold);
  font-family: var(--lato-h);
}

.MenuNewStyle2 i,
.MenuNewStyle i {
  float: right;
  font-size: 26px;
}

.menuNew2,
.menuNew2 > ul ul,
.menuNew,
.menuNew > ul ul {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-outt;
  transition: all 0.8s ease-in-out;
  position: absolute;
  z-index: 111;
  width: 100%;
}

.menuNew2.active,
.menuNew2 > ul ul.active,
.menuNew.active,
.menuNew > ul ul.active {
  max-height: 880px;
}

.menuNew2 ul li,
.menuNew ul li {
  border-bottom: 1px solid #dddddd;
  width: 100% !important;
  display: block !important;
  margin: 0 !important;
  padding: 0;
}

.menuNew2 ul li a,
.menuNew ul li a {
  display: block;
  padding: 12px 15px;
  background-color: var(--gold);
  color: #fff;
}

.menuNew2 ul li a.on,
.menuNew ul li a.on {
  background-color: var(--blue);
}

.menuNew2 ul li h6,
.menuNew ul li h6 {
  font-size: 15px;
  line-height: 1.2;
  font-family: var(--lato-h);
  text-transform: uppercase;
}

.menuNew2 ul li h6 br,
.menuNew ul li h6 br {
  display: none;
}

.menuNew2 ul li .Col,
.menuNew ul li .Col {
  position: relative;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.NHideShowWrap {
  display: block !important;
}

.mobile-on {
  display: none;
}

.administration-body .VolleyballWrapper .Plus,
.administration-body .VolleyballWrapper .Minus {
  mix-blend-mode: screen;
  filter: invert(1);
}

.administration-body .VolleyballWrapper.LHSAAWrapper .GrayBox {
  padding: 35px 70px;
}

.administration-body .VolleyballWrapper.LHSAAWrapper .GrayBox h2 {
  color: var(--blue);
  font-size: 30px;
  line-height: 1.3;
  font-family: var(--lato-h);
  text-transform: uppercase;
}

.administration-body
  .VolleyballWrapper.LHSAAWrapper
  .LeftWrap
  .BoxCol
  .GrayBox {
  padding: 40px 20px 35px 35px;
}

.administration-body
  .VolleyballWrapper.LHSAAWrapper
  .LeftWrap
  .BoxCol
  .FaqTitle
  h3.Title {
  color: var(--blue);
  font-size: 16px;
  line-height: 1.2;
  font-family: var(--lato-h);
  position: relative;
}

.administration-body .VolleyballWrapper.LHSAAWrapper .LeftWrap .BoxCol .hide2 {
  padding-top: 20px;
}

.administration-body .VolleyballWrapper.LHSAAWrapper .LeftWrap .BoxCol .qus2 {
  cursor: pointer;
  border-bottom: 2px solid var(--gold);
  padding: 10px 30px 10px 0px;
  background-color: transparent;
}

.administration-body
  .VolleyballWrapper.LHSAAWrapper
  .LeftWrap
  .BoxCol
  .qus2
  .Plus2,
.administration-body
  .VolleyballWrapper.LHSAAWrapper
  .LeftWrap
  .BoxCol
  .qus2
  .Minus2 {
  mix-blend-mode: initial;
  filter: none;
}

.Plus2 {
  display: block;
  background: url(../images/icons/plus.png);
  width: 13px;
  height: 13px;
  position: absolute;
  right: -20px;
  mix-blend-mode: screen;
  top: 6px;
  filter: invert(1);
}

.Minus2 {
  display: block;
  background: url(../images/icons/minus.png);
  width: 13px;
  height: 13px;
  position: absolute;
  right: -20px;
  mix-blend-mode: screen;
  top: 6px;
  filter: invert(1);
}

.Form-Main-Container small {
  font-size: 90%;
}

.Form-Main-Container .GoldSepLine {
  margin: 12px 0;
}

.Form-Main-Container .FillBlueTitle::before {
  left: -6px;
}

.Form-Main-Container h4.Title {
  font-size: 30px;
  line-height: 1.2;
  font-family: var(--lato-h);
  text-transform: uppercase;
  position: relative;
}

.Form-Main-Container .Form-Container {
  padding: 20px;
  background: var(--gray-2);
}

.Form-Main-Container .Form-Container .Form-Box {
  margin: 20px -5px 0;
}

.Form-Main-Container input,
.Form-Main-Container select,
.Form-Main-Container textarea {
  background: white;
  height: 40px;
}

.Form-Main-Container select {
  background: calc(100% - 10px) 50%/9px 6px no-repeat
      url(../images/firefox_tweak.png),
    white;
}

.Form-Main-Container input[type="file"] {
  padding: 8px 0;
  background: transparent;
}

.Form-Main-Container textarea {
  min-height: 100px;
}

.Form-Main-Container .Col2 {
  width: 49.7%;
}

.Form-Main-Container .Col1.Title {
  padding: 0 5px;
  margin-top: 20px;
}

.Form-Main-Container .Col1.Title h6.Title {
  font-size: 18px;
}

.Form-Container .Col1,
.Form-Container .Col2,
.Form-Container .Col3,
.Form-Container .Col4 {
  position: relative;
}

.hasDatepicker + img {
  position: absolute;
  right: 18px;
  bottom: 18px;
}

.form-desc {
  font-family: var(--lato-b);
  color: var(--blue);
}

.sportsmanship-body .VolleyballWrapper .Plus {
  mix-blend-mode: screen;
  filter: invert(1);
}

.sportsmanship-body .VolleyballWrapper .Minus {
  mix-blend-mode: screen;
  filter: invert(1);
}

.sportsmanship-body .VolleyballWrapper.LHSAAWrapper .GrayBox {
  padding: 35px 70px;
}

.sportsmanship-body .VolleyballWrapper.LHSAAWrapper .GrayBox h2 {
  color: var(--blue);
  font-size: 30px;
  line-height: 1.3;
  font-family: var(--lato-h);
  text-transform: uppercase;
}

.sportsmanship-body .VolleyballWrapper.LHSAAWrapper .LeftWrap .BoxCol .GrayBox {
  padding: 40px 20px 35px 35px;
  padding: 40px 30px 35px;
}

.sportsmanship-body
  .VolleyballWrapper.LHSAAWrapper
  .LeftWrap
  .BoxCol
  .GrayBox
  .LinkText {
  font-family: var(--lato-b);
  padding: 10px 0;
}

.sportsmanship-body
  .VolleyballWrapper.LHSAAWrapper
  .LeftWrap
  .BoxCol
  .GrayBox
  .LinkText:first-child {
  padding-top: 0;
}

.sportsmanship-body
  .VolleyballWrapper.LHSAAWrapper
  .LeftWrap
  .BoxCol
  .GrayBox
  .LinkText
  + .LinkText {
  border-top: 1px solid #939393;
}

.sportsmanship-body .VolleyballWrapper.LHSAAWrapper .LeftWrap .BoxCol .hide2 {
  padding-top: 20px;
}

.sportsmanship-body .VolleyballWrapper.LHSAAWrapper .LeftWrap .BoxCol .qus2 {
  cursor: pointer;
  border-bottom: 2px solid var(--gold);
  padding: 10px 30px 10px 0;
  background-color: transparent;
}

.sportsmanship-body
  .VolleyballWrapper.LHSAAWrapper
  .LeftWrap
  .BoxCol
  .qus2
  .Plus2 {
  mix-blend-mode: initial;
  filter: none;
}

.sportsmanship-body
  .VolleyballWrapper.LHSAAWrapper
  .LeftWrap
  .BoxCol
  .qus2
  .Minus2 {
  mix-blend-mode: initial;
  filter: none;
}

.sportsmanship-body
  .VolleyballWrapper.LHSAAWrapper
  .LeftWrap
  .BoxCol
  .FaqTitle
  h3.Title {
  color: var(--blue);
  font-size: 16px;
  line-height: 1.2;
  font-family: var(--lato-h);
  position: relative;
}

.main-pages-list-body .VolleyballWrapper .Plus {
  mix-blend-mode: screen;
  filter: invert(1);
}

.main-pages-list-body .VolleyballWrapper .Minus {
  mix-blend-mode: screen;
  filter: invert(1);
  background: url(../images/icons/minus.png);
}

.main-pages-list-body .VolleyballWrapper.LHSAAWrapper .GrayBox {
  padding: 35px 70px;
}

.main-pages-list-body .VolleyballWrapper.LHSAAWrapper .GrayBox h2 {
  color: var(--blue);
  font-size: 30px;
  line-height: 1.3;
  font-family: var(--lato-h);
  text-transform: uppercase;
}

.main-pages-list-body
  .VolleyballWrapper.LHSAAWrapper
  .LeftWrap
  .BoxCol
  .GrayBox {
  padding: 40px 20px 35px 35px;
  padding: 40px 30px 35px;
}

.main-pages-list-body
  .VolleyballWrapper.LHSAAWrapper
  .LeftWrap
  .BoxCol
  .GrayBox
  .LinkText {
  font-family: var(--lato-b);
  padding: 10px 0;
}

.main-pages-list-body
  .VolleyballWrapper.LHSAAWrapper
  .LeftWrap
  .BoxCol
  .GrayBox
  .LinkText:first-child {
  padding-top: 0;
}

.main-pages-list-body
  .VolleyballWrapper.LHSAAWrapper
  .LeftWrap
  .BoxCol
  .GrayBox
  .LinkText
  + .LinkText {
  border-top: 1px solid #939393;
}

.main-pages-list-body .VolleyballWrapper.LHSAAWrapper .LeftWrap .BoxCol .hide2 {
  padding-top: 10px;
}

.main-pages-list-body .VolleyballWrapper.LHSAAWrapper .LeftWrap .BoxCol .qus2 {
  cursor: pointer;
  border-bottom: 2px solid var(--gold);
  padding: 10px 30px 10px 0;
  background-color: transparent;
}

.main-pages-list-body
  .VolleyballWrapper.LHSAAWrapper
  .LeftWrap
  .BoxCol
  .qus2
  .Plus2 {
  mix-blend-mode: initial;
  filter: none;
}

.main-pages-list-body
  .VolleyballWrapper.LHSAAWrapper
  .LeftWrap
  .BoxCol
  .qus2
  .Minus2 {
  mix-blend-mode: initial;
  filter: none;
}

.main-pages-list-body
  .VolleyballWrapper.LHSAAWrapper
  .LeftWrap
  .BoxCol
  .FaqTitle
  h3.Title {
  color: var(--blue);
  font-size: 16px;
  line-height: 1.2;
  font-family: var(--lato-h);
  position: relative;
}

.main-pages-list-body .FaqDetail .ListWrap ul li .LinkText {
  padding-right: 40px;
}

.main-pages-list-body .FaqDetail .ListWrap ul li .LinkText.PDF a::after {
  right: -22px;
}

/*.main-pages-list-body .FaqDetail .ListWrap ul li .LinkText.PDF + .LinkText.PDF {
  margin-left: 35px;
}*/

/*** 291020 Roy ***/

.CorporateSponsorshipsListWrap ul li .Col .ImgWrap img {
  max-height: 100%;
  max-width: 90%;
}

.PdfDateListWrap .VolleyballWrapper.LHSAAWrapper .GrayBox {
  padding: 35px 70px;
}

.PdfDateListWrap .ListWrap .FaqDetailLI li .LinkText {
  padding-right: 40px;
}

.main-pages-list-body .VolleyballWrapper.LHSAAWrapper .LeftWrap .BoxCol .qus2 {
  cursor: pointer;
  border-bottom: 2px solid var(--gold);
  padding: 10px 30px 10px 0;
  background-color: transparent;
}

.VolleyballWrapper.LHSAAWrapper .LeftWrap .BoxCol .qus2 .Plus2 {
  mix-blend-mode: initial;
  filter: none;
}

.VolleyballWrapper.LHSAAWrapper .LeftWrap .BoxCol .qus2 .Minus2 {
  mix-blend-mode: initial;
  filter: none;
}

.VolleyballWrapper.LHSAAWrapper .LeftWrap .BoxCol .hide2 {
  padding-top: 10px;
}

.VolleyballWrapper.LHSAAWrapper .LeftWrap .BoxCol .FaqTitle h3.Title {
  color: var(--blue);
  font-size: 16px;
  line-height: 1.2;
  font-family: var(--lato-h);
  position: relative;
}

.VolleyballWrapper.LHSAAWrapper .LeftWrap .BoxCol .qus2 {
  cursor: pointer;
  border-bottom: 2px solid var(--gold);
  padding: 10px 30px 10px 0;
  background-color: transparent;
}

.CorporateSponsorshipsListWrap ul li .Col h2.ImgWrap {
  line-height: 1;
}

/** 121120 vish **/

.IdxProjectGallerySlider {
  padding-top: 20px;
}

/* 25072024 chin */
.FSocialIcon li .icon {
  position: relative;
  min-width: 40px;
  width: 40px;
  height: 40px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.GetConnectedWrapper .RightWrap ul li .Col .Icon img {
  filter: brightness(0) saturate(100%) invert(14%) sepia(15%) saturate(7079%)
    hue-rotate(203deg) brightness(91%) contrast(96%);
}

.GetConnectedWrapper .RightWrap ul li a:hover .Icon img {
  filter: invert(0) brightness(100%);
}
