/* 
  font-family: "DM Sans", sans-serif;
  font-family: "Patrick Hand SC", cursive;
*/

:root {
	--en-website-width: 1200px;
}

/* General */
html {
	scroll-behavior: smooth;
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	position: relative;
	background: #323b60;
}

.DB_mask {
	z-index: 9999999999 !important;
}

.DB_dialog {
	z-index: 99999999999 !important;
}

.ir {
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	padding: 0;
	margin: 0;
}

#wrapper,
#wrapper-index {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	min-height: 100%;
	height: auto !important;
	text-align: left;
	background: url('') no-repeat;
	z-index: 1;
}

#index-wrapper{
	background: #fff;
}

#index-top {
	background: #000;
	position: relative;
	max-height: 800px;
	overflow: hidden;
	margin-top: -148px;
	z-index: 1;
}

#index-top::after {
	position: absolute;
	content: '';
	background-image: linear-gradient( to top ,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.27),rgba(0, 0, 0, 0.87),rgb(0, 0, 0));
	height: 290px;
	width: 100%;
	top: 0px;
	z-index: 9;
  }

  #slideshow img,
  #slideshow .nivoSlider,
  #slideshow .nivo-slice {
      max-height: 63.4920vw;
      display: block;
      min-width: 100%;
      width: unset !important;
      position: relative;
      margin-left: 0 !important;
  }

	.en-widescreen-video video {
	}
	.en-widescreen-video .en-video-controls {
		right: 10px !important;
		z-index: 10;
	}
	.en-widescreen-video button {
		background-color: #323b60 !important;
		border: none;
		border-radius: 3px;
		color: #fff;
		cursor: pointer;
	}
	.en-widescreen-video button:hover,
	.en-widescreen-video button:focus {
		background-color: #323b60 !important
		color: #fff;
	}


  
  @media only screen and (max-width: 992px){
	#index-top {
		margin-top: -117px;
	}
  }

  @media only screen and (max-width: 768px){
	#index-top {
		margin-top: 0px;
	}

	#index-top::after{
		display: none;
	}
  }


  /********** Inner Top **********/
#inner-top {
	background: #000;
	position: relative;
	max-height: 400px;
	overflow: hidden;
	margin-top: -148px;
	z-index: 1;
  }
  #inner-top::after {
	position: absolute;
	content: '';
	background-image: linear-gradient( to top ,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.27),rgba(0, 0, 0, 0.87),rgb(0, 0, 0));
	height: 290px;
	width: 100%;
	top: 0px;
	z-index: 9;
  }

  #wrapper #slideshow img, #wrapper #slideshow .nivoSlider, #wrapper #slideshow .nivo-slice {
	max-height: 31.7460vw;
	display: block;
	min-width: 100%;
	width: unset !important;
	position: relative;
	margin-left: 0 !important;
	/* min-height: 150px; */
  }


  @media only screen and (max-width: 768px) {
    #inner-top{
        margin-top: 0px;
    }

	#inner-top::after {
		display: none;
	}
}
  /* Rows WRapper */

#rows-wrapper,
.rows {
	position: relative;
	width: 100%;
}

.rows-inner {
	position: relative;
	margin: 0 auto;
	max-width: 1200px;
	display: grid;
}

@media only screen and (max-width: 1260px) {
	.rows-inner {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
}

@media only screen and (max-width: 768px) {
	.rows-inner {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}





#en-sidelinks-row {
	position: relative;
	z-index: 8;
}

/* sidelinks */
.en-sidelinks-module {
	top: 500px !important;
	gap: 5px;
}






.en-sidelinks-module a {
	text-decoration: none;
	font-size: 24px !important;
	font-weight: 400 !important;
	padding: 5px 10px 6px 19px !important;
	line-height: 1.2 !important;
	min-height: 53px !important;
	width: 90%;
	background-color: #323b60 !important;
	color: #ffffff !important;
	font-family: "Patrick Hand SC", cursive !important;
	box-sizing: border-box !important;
	letter-spacing: 0.65px !important;
	text-transform: uppercase !important;
	-webkit-transition: all 0.3s ease 0s !important;
	transition: all 0.3s ease 0s !important;
	justify-content: flex-start !important;
	text-align: center !important;
	z-index: 1;
	/* box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15) !important; */
}

#Family-Handbook{
	width: 220px !important;
}

#Forms{
	width: 125px !important;
}

#School-Tour{
	width: 190px !important;
}
#Staff-Directory{
	width: 210px !important;
}
.en-sidelinks-module a::before {
  display: none !important;
	
}


.en-sidelinks-module a::after {
	content: "" !important;
	position: absolute !important;
	height: 17px !important;
	width: 18px !important;
	right: inherit !important;
	left: 10px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	transition: all 0.5s ease 0s;
	background: url("/pics/side-link-icon.png") no-repeat center !important;
	bottom: inherit !important;
	opacity: 0 !important;
	z-index: -1;
}


.en-sidelinks-module a:hover::after,
.en-sidelinks-module a:focus::after{
	opacity: 1 !important;
}


.en-sidelinks-module a:hover,
.en-sidelinks-module a:focus {
	color: #ffffff !important;
	background: #0b0d14 !important;
	transform: none !important;
	padding: 5px 5px 6px 35px !important;
}


@media (max-width: 1660px) {
	#en-sidelinks-row-inner{
		max-width: 100% !important;
	}
	.en-sidelinks-module {
		top: -350px !important;
		gap: 5px;
		position: absolute;
		right: 0px;
	  }
}

@media (max-width: 992px) {
	.en-sidelinks-module {
		top: -275px !important;
	}
	.en-sidelinks-module a{
	font-size: clamp(20px,24vw/9.92,24px) !important;
  min-height: clamp(45px,53vw/9.92,53px) !important;
}

}

@media (max-width: 875px) {
	.en-sidelinks-module {
		top: -250px !important;
	  }
}



@media (max-width: 768px) {
	.en-sidelinks-module {
		position: relative !important;
		transform: none !important;
		flex-direction: row !important;
		top: inherit !important;
		justify-content: center !important;
		align-items: center !important;
		padding: 40px 0 40px !important;
		flex-wrap: wrap !important;
		z-index: 1000;
		gap: 15px !important;
	}

	#en-sidelinks-row {
		position: relative;
		z-index: 1;
		background: #ffffff;
	}


	.en-sidelinks-module a {
    width: clamp(150px,185vw/7.68,185px) !important;
    font-size: clamp(15px, 20vw/7.68, 20px) !important;
    line-height: 1.2 !important;
    min-height: clamp(40px,45vw/7.68,45px) !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    padding: 5px 10px 5px 10px !important;
    margin: 0px !important;

	}

	.en-sidelinks-module a:hover,
	.en-sidelinks-module a:focus {
		transform: none !important;
	}

	#Family-Handbook{
		width: clamp(165px,200vw/7.68,200px) !important;
	}
	
	#Forms{
		width: clamp(165px,200vw/7.68,200px) !important;
	}
	
	#School-Tour{
		width: clamp(165px,200vw/7.68,200px) !important;
	}
	#Staff-Directory{
		width: clamp(165px,200vw/7.68,200px) !important;
	}

	.en-sidelinks-module a:hover, .en-sidelinks-module a:focus{
		padding: 5px 10px 5px clamp(25px,35vw/7.68,35px) !important;
	}

	.en-sidelinks-module a::after {
		height: clamp(12px,17vw/7.68,17px) !important;
		width: clamp(13px,18vw/7.68,18px) !important;
		background-size: contain !important;
	}
}







/****** FIRST ROW ******/
#first-row {
	background: #323b60;
	position: relative;
  }

  #first-row::after{
	position: absolute;
	content: '';
	background-image: linear-gradient( to bottom ,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.07),rgba(0, 0, 0, 0.27),rgba(0, 0, 0, 0.44));
	height: 170px;
	width: 100%;
	bottom: 0px;
	z-index: 1;
  }
  
  #first-row-inner {
	position: relative;
	padding: 0px 0px 0px 0px !important;
	box-sizing: border-box;
	z-index: 5;
	display: grid;
	grid-template-rows: auto;
	grid-template-columns: 328px 1fr;
  }

  .paw-img{
	position: relative;
  grid-column: 1;
  grid-row: 1;
  align-self: flex-end;
  padding-left: 40px;
  box-sizing: border-box;
  }

  .paw-img img{
	display: block;
  }

.mission{
	color: #ffffff;
	font-size: 25px;
	line-height: 46px;
	text-align: left;
	letter-spacing: 0.74px;
	position: relative;
	margin: 0px 0px 0px 0px;
	font-family: "DM Sans", sans-serif;
	font-weight: 500;
	padding: 43px 0px 43px 83.5px !important;
	box-sizing: border-box;
  }

  .mission span{
	position: relative;
  }

  .mission span::before{
	position: absolute;
	content: '';
	background: url("/pics/academic-success.png") no-repeat center;
	height: 21px;
	width: 236px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: -1;
	margin: 2px 0px 0px -2px;
  }

  .mission span.deep-understanding::before{
	background: url("/pics/deep-understanding.png") no-repeat center;
	width: 260px;
	margin: 0px 0px 0px 2px;
  }
  .mission span.equitable-access::before{
	background: url("/pics/equitable-access.png") no-repeat center;
	width: 228px;
	margin: 3px 0px 0px 3px;
	height: 25px;
  }
  


  @media only screen and (max-width: 1260px){
	
	#first-row-inner{
		grid-template-rows: auto;
		grid-template-columns: clamp(175px,288vw/12.6,288px) 1fr;
		padding: 0px 30px 0px 30px !important;
	}

	.paw-img{
		padding-left: 0px;
	}
	.paw-img img{
		width: 100%;
	}

	.mission{
		font-size: clamp(18px,25vw/12.6,25px);
		line-height: clamp(30px,46vw/12.6,46px);
		padding: 40px 0px 40px 40px !important;
	}


.mission span::before{
  width: calc(100% + 7px);
  background-size: contain;
}

.mission span.deep-understanding::before{
	width: calc(100% + 11px);
	background-size: contain;
}

.mission span.equitable-access::before {
	margin: 0px 0px 0px 3px;
	width: calc(100% + 15px);
	background-size: contain;
  }
  }
  @media only screen and (max-width: 992px){
	.mission br{
		display: none;
	}
  }

  @media only screen and (max-width:768px){
	#first-row-inner {
		grid-template-rows: auto auto;
		grid-template-columns: 1fr;
		padding: 30px 15px 0px 15px !important;
	  }

	  .paw-img {
		grid-column: 1;
		grid-row: 2;
		align-self: flex-end;
		padding: 0px !important;
		width: clamp(125px,175vw/7.68,175px);
		margin: 0px auto;
	  }

	  .mission{
		grid-column: 1;
		grid-row: 1;
		padding: 0px 0px 20px 0px !important;
		text-align: center;
		font-size: clamp(14px,18vw/7.68,18px);
		line-height: clamp(23px,30vw/7.68,30px);
	  }

	  .mission br {
		display: block;
	  }
  }

  @media only screen and (max-width:518px){
	.mission br {
		display: none;
	  }
  }

  @media only screen and (max-width:383px){
	.mission  {
		padding: 0px clamp(20px,45vw/3.83,45px) 20px clamp(20px,45vw/3.83,45px) !important;
	  }
  } 

  @media only screen and (max-width:367px){
	.mission  {
		padding: 0px 0px 20px 0px !important;
	  }
  } 


 	/****** THIRD ROW  ******/
	 #second-row {
		position: relative;
        background: #ffffff;
	}
 

	
	#second-row-inner {
		position: relative;
		padding: 0px 0 40px 0;
		box-sizing: border-box;
		max-width: 1500px !important;
	}



  .our-pillars-wrapper{
	display: flex;
	gap: 0px;
	justify-content: center;
	position: relative;
	margin: 0 auto;
	height: auto;
	flex-wrap: wrap;
	width: 100%;
  
  }

  .our-pillars-wrapper .our-pillars{
    position: relative;
    display: flex;
    flex-direction: column;
    text-decoration: none;
	width: 100%;
    max-width: 500px;
    min-height: 250px;
    background-color: #323b60 !important;
    color: #fff;
    justify-content: flex-end;
    align-items: center;
    box-sizing: border-box;
    transition: .3s all ease;
    z-index: 1;
    padding: 15px 68px 15px 68px;;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
	transition: .3s all ease;
   
  }
  .our-pillars-wrapper .our-pillars:hover,
  .our-pillars-wrapper .our-pillars:focus{
    justify-content: center;
  }

  .our-pillars-wrapper .our-pillars::before,
  .our-pillars-wrapper .our-pillars::before{
    content: "";
    position: absolute;
	background: url(/pics/red-gradient.png) no-repeat center;
    width: 100%;
    height: clamp(175px,220vw/12.6,220px);
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    z-index: 1;
    transition: .3s all ease;
  }

  .our-pillars-wrapper .our-pillars::after,
  .our-pillars-wrapper .our-pillars:after{
	content: "";
	position: absolute;
	background: linear-gradient( to bottom ,rgba(13, 16, 26, 0),rgba(13, 16, 26, 0.24),rgba(13, 16, 26, 0.67),rgba(13, 16, 26, 0.96));
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 0;
	z-index: 0;
	transition: .3s all ease;
  }

  .our-pillars-wrapper .our-pillars:hover::after,
  .our-pillars-wrapper .our-pillars:focus:after{
	background:rgba(37, 44, 71, 0.95);
	z-index: 2;
  }


  .pillars1{
    background: url(/pics/pillars1.jpg);
  }

  .pillars2{
    background: url(/pics/pillars2.jpg);
  }

  .pillars3{
    background: url(/pics/pillars3.jpg);
  }

  .pillars4{
    background: url(/pics/pillars4.jpg);
  }

  .pillars5{
    background: url(/pics/pillars5.jpg);
  }

  .pillars6{
    background: url(/pics/pillars6.jpg);
  }

  .pillars-header{
	margin: 0 0 13.5px 0px;
	color: #ffffff;
	font-weight: 700;
	font-size: 28px;
	line-height: 32px;
	text-align: center;
	letter-spacing: 0.1px;
	font-family: "DM Sans", sans-serif;
	text-transform: none;
	padding: 0px 0px 0px 0px;
	box-sizing: border-box;
	z-index: 5;
	transition: .3s all ease;
  }

  .pillars-text{
	margin: 0px 0px 0px 0px;
	color: #ffffff;
	font-weight: 500;
	font-size: 19px;
	line-height: 28px;
	text-align: center;
	letter-spacing: 0.5px;
	font-family: "DM Sans", sans-serif;
	display: none;
	z-index: 5;
	transition: .3s all ease;
	position: relative;
  }



 .our-pillars:hover .pillars-text,
 .our-pillars:focus .pillars-text{
     display: block;
  }

  @media only screen and (max-width: 1500px){
	.our-pillars-wrapper .our-pillars{
		max-width: clamp(275px,500vw/15,500px);
		min-height: clamp(225px,250vw/15,250px);
		padding: 15px 25px 15px 25px;
	}
  }

  @media only screen and (max-width: 1360px){
	.pillars-header{
		font-size: clamp(20px,28vw/13.6,28px);
		line-height: clamp(24px,32vw/13.6,32px);
	}

	.pillars-text{
		font-size: clamp(14px,19vw/13.6,19px);
		line-height: clamp(20px,28vw/13.6,28px);
	}
  }

  @media only screen and (max-width: 1260px){
	#second-row-inner {
		padding: 0px 0 40px 0 !important;
	}
  }


  @media only screen and (max-width: 900px){
	.our-pillars-wrapper .our-pillars{
		min-height: clamp(200px,225vw/9.92,225px);
	}
  }

  @media only screen and (max-width: 768px){
	#second-row-inner {
		padding: 40px 0 40px 0 !important;
	}

	.our-pillars-wrapper .our-pillars{
		max-width: clamp(250px,300vw/7.68,300px);
		min-height: clamp(208px,225vw/7.68,225px);
		padding: 15px 15px 15px 15px;
	}

	.pillars-header {
		margin: 0 0 10px 0px;
	}

	.our-pillars-wrapper .our-pillars{
		justify-content: center;
	}

	.pillars-text{
		display: block;
	}
	.our-pillars-wrapper{
		gap: 10px;
	}
	.our-pillars-wrapper .our-pillars::after{
		content: "";
		position: absolute;
		background: rgba(37, 44, 71, 0.75);
		width: 100%;
		height: 100%;
		left: 0;
		right: 0;
		margin: 0 auto;
		bottom: 0;
		z-index: 0;
		transition: .3s all ease;
	}
  }

   /****** THIRD ROW :-  NEWS SECTION ******/

   #third-row {
	position: relative;
}

#third-row-inner {
	position: relative;
	padding: 41px 0px 89.6px 0px;
	box-sizing: border-box;
	display: block !important;
	max-width: 1279px !important;

}

.news-header {
	padding: 0px 0 0px 0px;
	margin: 0px auto 47px;
	text-align: left;
	position: relative;
	max-width: 1200px;
	left: -1px;
}

.news-header a {
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #131624;
	font-weight: 700;
	font-size: 38px;
	line-height: 1;
	text-align: left;
	letter-spacing: 1.25px;
	text-transform: none;
	text-decoration: none;
	font-family: "DM Sans", sans-serif;
}


#hp-news {
	width: 100%;
	position: relative;
	max-width: 100%;
	margin: 0px auto 0 auto;
	padding: 0px 0px 0px 0px;
	background: #fff;
	box-sizing: border-box;
}



#hp-news>div.en-news-slider {
	--min-card-gap: 10px;
	--image-width: 373px;
	--image-height: 300px; 
	--line-height: 1.1px;
	--font-size: 17px;
	--max-lines-subject: 2;
	--max-lines-summary: 3;
	font-family: inherit;
	color: #000000;
}

#hp-news h2.en-news-section-title {
	display: none;
}



#hp-news div.en-card-slider-inner-container {
	min-height: 100px;
}

div.en-news-slider div.en-card-slider-inner-container>a>.en-news-slider-image-container {
	position: relative !important;
	background: #333b60 !important;
	grid-row: 1 !important;
	z-index: 11;
}

div.en-news-slider div.en-card-slider-inner-container>a>.en-news-slider-image-container img {
	position: relative !important;
}

#hp-news div.en-card-slider-inner-container>a {
	grid-template-rows: var(--image-height) auto;
	min-height: 401px;
	position: relative;
	border: none !important;
	transition: all ease 0.3s;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	background: #fff !important;
	box-sizing: border-box;
}

#hp-news div.en-card-slider-inner-container>a::after{
	width: 100%;
	height: 101px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	content: "";
	border: 1px solid #e0e2e7;
	z-index: 11;
	box-sizing: border-box;
	background: #fff;
}
#hp-news div.en-card-slider-inner-container>a:hover::after,
#hp-news div.en-card-slider-inner-container>a:focus::after{
	height: 186px;
	
}


#hp-news div.en-card-slider-inner-container>a>h3.en-news-slider-title {
	font-size: 22px;
	font-weight: 500;
	line-height: 26px;
	color: #323b60;
	text-align: center;
	padding: 0px 30px 0px 30px;
	letter-spacing: 0.6px;
	position: relative;
	height: 65px;
	width: 100%;
	box-sizing: border-box;
	margin: 18px auto 0px auto !important;
	text-transform: none;
	z-index: 9999;
	grid-column: 1;
	grid-row: 2;
	background: transparent;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: "DM Sans", sans-serif;
}


#hp-news div.en-card-slider-inner-container>a>h3.en-news-slider-title span{
	-webkit-line-clamp: var(--max-lines-subject);
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
  height: auto;
}


#hp-news div.en-card-slider-inner-container>a:hover>h3.en-news-slider-title,
#hp-news div.en-card-slider-inner-container>a:focus>h3.en-news-slider-title {
	top: -69px;
	margin: 0px auto 0px auto !important;
}



#hp-news div.en-card-slider-inner-container>a:hover>.en-news-slider-image-container::after,
#hp-news div.en-card-slider-inner-container>a:focus>.en-news-slider-image-container::after {
  display: block;
}



#hp-news div.en-card-slider-inner-container>a>div.en-news-slider-summary {
	font-weight: 500;
	line-height: 26px;
	text-align: center;
	color: #242424;
	margin: 0px 0 0 0 !important;
	-webkit-line-clamp: var(--max-lines-summary);
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	display: -webkit-box;
	transition: all ease 0.2s;
	-webkit-transition: all ease 0.2s;
	-moz-transition: all ease 0.2s;
	grid-column: 1;
	grid-row: 1;
	position: absolute;
	bottom: -100%;
	padding: 0px 30px 0px 30px;
	letter-spacing: 0.45px;
	z-index: 15;
	font-size: 18px;
	display: none;
	height: 82px;
	font-family: "DM Sans", sans-serif;
}

#hp-news div.en-card-slider-inner-container>a:hover>div.en-news-slider-summary,
#hp-news div.en-card-slider-inner-container>a:focus>div.en-news-slider-summary {
	bottom: 21.5px;
	display: -webkit-box;
}

div.en-news-slider>div.en-card-slider-inner-container>a:hover,
div.en-news-slider>div.en-card-slider-inner-container>a:focus {
	background: #ffffff;
}

div.en-news-slider>div.en-card-slider-inner-container>a>.en-news-slider-image-container {
	transition: all ease 0.2s;
	-webkit-transition: all ease 0.2s;
	-moz-transition: all ease 0.2s;
	background: transparent;
	position: relative;
}

div.en-news-slider>div.en-card-slider-inner-container>a>.en-news-slider-image-container img {
	object-fit: cover !important;
}



div.en-news-slider>div.en-news-slider-footer {
	margin-top: 0px;
}

#hp-news div.en-news-show-all{
	display: none !important;
}

 .en-news-show-all-custom{
	width: min-content !important;
	white-space: nowrap;
	height: auto;
	position: absolute;
	border: 0;
	padding: 0;
	margin: 20px auto 0px auto;
	right: 166px;
	top: 20px;
}

.en-news-show-all-custom a {
	font-size: 18px;
	font-weight: 500 !important;
	line-height: 1;
	letter-spacing: 0.95px;
	text-align: center;
	color: #131624;
	text-decoration: none;
	position: relative;
	text-transform: none;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	box-sizing: border-box;
	padding: 0px 5px 0px 7px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	height: auto;
	background: #fff;
	width: 170px;
	z-index: 99;
	min-height: 48px;
	border: 1px solid #e0e2e7;
	font-family: "DM Sans", sans-serif;
}


.en-news-show-all-custom a:hover,
.en-news-show-all-custom a:focus {
	color: #ffffff;
	background: #cc1414;
	border: 1px solid #ffffff;
}


#hp-news div.en-news-slider-buttons {
	display: flex;
	justify-content: center;
	column-gap: 15px;
	width: min-content;
	padding: 0px 0px;
	z-index: 999;
	max-width: 1100px;
	width: 100%;
}
.en-news-show-all a{
	color: #fefefe !important;
}
#hp-news div.en-news-slider-buttons button {
	position: absolute;
	cursor: pointer;
	border: 0;
	top: -90px;
	width: 50px;
	height: 53px;
	z-index: 999999;
	padding: 0px;
	color: rgb(0, 0, 0) !important;
}

#hp-news div.en-news-slider-buttons button.en-news-prev {
	right: 97px;
	border-radius: 0;
	text-indent: -9999px;
	background: url("/pics/slide-arrow.png") no-repeat 1px 0px;
}

#hp-news div.en-news-slider-buttons button.en-news-next {
	right: 39px;
	border-radius: 0;
	text-indent: -9999px;
	background: url("/pics/slide-arrow.png") no-repeat -52px 0px;
}

#hp-news div.en-news-slider-buttons button.en-news-prev:hover {
	background: url("/pics/slide-arrow.png") no-repeat -105px 0px;
}

#hp-news div.en-news-slider-buttons button.en-news-next:hover {
	background: url("/pics/slide-arrow.png") no-repeat -158px 0px;
}

#hp-news div.en-news-slider-buttons button.en-news-prev:focus {
	right: 93px;
	background: url("/pics/slide-arrow.png") no-repeat -211px 0px;
	width: 58px;
	height: 57px;
}

#hp-news div.en-news-slider-buttons button.en-news-next:focus {
	right: 35px;
	background: url("/pics/slide-arrow.png") no-repeat -272px 0px;
	width: 58px;
	height: 57px;
}

#hp-news div.en-news-slider-buttons button.en-card-slider-button-disabled {
	opacity: 0.5;
	cursor: auto;
	color: rgba(0, 0, 0, 1) !important;
  background-color: rgba(255, 255, 255,0.5) !important;
}


@media only screen and (max-width: 1260px){
	#hp-news::after {
		content: "";
		width: 5px;
		height: 100%;
		position: absolute;
		top: 0px;
		background: #fff;
		z-index: 8;
		right: 0;
	  }

	  #hp-news div.en-news-slider-buttons button.en-news-next {
		right: 21px;
	}
	#hp-news div.en-news-slider-buttons button.en-news-next:focus {
		right: 17px;
	}

	#hp-news div.en-news-slider-buttons button.en-news-prev {
		right: 77px;
	}

	#hp-news div.en-news-slider-buttons button.en-news-prev:focus {
		right: 73px;
	}

	.news-header a{
		font-size: clamp(32px,38vw/12.6,38px);
	}

	.en-news-show-all-custom a{
		font-size: clamp(15px,18vw/12.6,18px);
		width: clamp(150px,170vw/12.6,170px);
		min-height: 48px;
	}

	#hp-news div.en-card-slider-inner-container > a > h3.en-news-slider-title{
		font-size: clamp(18px,22vw/12.6,22px);
		line-height: clamp(22px,26vw/12.6,26px);
	}

	#hp-news div.en-card-slider-inner-container > a > div.en-news-slider-summary{
		font-size: clamp(15px,18vw/12.6,18px);
		line-height: clamp(22px,26vw/12.6,26px);
		height: clamp(70px,82vw/9.92,82px);
	}
}

@media only screen and (max-width: 992px){
	.en-news-show-all-custom{
		position: relative;
		right: auto;
		top: auto;
		left: auto;
	}

	.news-header {
		margin: 0px auto 25px;
		text-align: center;
		left: 0px;
	  }

	  #third-row-inner {
		position: relative;
		padding: 15px 0px 40px 0px;
	}

	#hp-news div.en-news-slider-buttons button{
		top: inherit;
		bottom: -70px;
	}

	#hp-news div.en-news-slider-buttons button.en-news-next {
		right: 10px;
	  }

	  #hp-news div.en-news-slider-buttons button.en-news-prev {
		right: inherit;
		left: 10px;
	  }

	  #hp-news div.en-news-slider-buttons button.en-news-next:focus {
		right: 6px;
		bottom: -74px;
	  }

	  #hp-news div.en-news-slider-buttons button.en-news-prev:focus {
		right: inherit;
		left: 6px;
		bottom: -74px;
	  }
}

@media only screen and (max-width: 836px){
	#hp-news::after {
		display: none;
	}
}

@media only screen and (max-width: 768px){
	#hp-news > div.en-news-slider {
		--image-width: 290px;
	}

	#hp-news::after {
		display: block;
	}
}

@media only screen and (max-width: 640px){
	#hp-news::after {
		display: none;
	}
}


	/* PARALLAX */
	.en-parallax {
		background: url("/pics/parallex.jpg");
		width: 100%;
		position: relative;
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
	    min-height: clamp(200px,300vw/12.6,300px);
	}
	

	@media only screen and (max-width: 768px) {
		.en-parallax {
		  background-position: center !important;
		  background-attachment: inherit !important;
		}
	  }




.combined-row{
	background:#323b60;
	/* min-height: 899px; */
	position: relative;
}

.combined-row::after{
	position: absolute;
	content: '';
	background-image: linear-gradient( to bottom ,rgba(22, 28, 44, 0),rgba(22, 28, 44, 0.3),rgb(22, 28, 44),rgb(22, 28, 44));
	height: 693px;
	width: 100%;
	bottom: 0px;
	/* z-index: 9; */
}

/* FOURTH ROW */
#fourth-row {
	position: relative;
	background: transparent;
	z-index: 1;
}
#fourth-row-inner {
	position: relative;
	padding: 78px 0px 49.6px 0px;
	max-width: 1200px !important;
	display: block !important;
	border-bottom: 1px solid rgba(231, 230, 230, 0.15);
	box-sizing: border-box;
}

#events-box{
  position: relative;
}
.event-section{
	position: relative;

}

#hp-events{
	position: relative;
	width: 100%;
	max-width: 1200px;
	padding: 0px 0px 0px 0px;
	box-sizing: border-box;
	margin: 0px auto 0px auto;
}


#hp-events>div.en-events-slider {
	--min-card-gap: 10px;
	--card-width: 275px;
	--card-height: 200px;
	--font-size: 18px;
	font-family: inherit;
	color: #3c3c3c;
}


#hp-events h2.en-events-section-title {
	display: none;
}

.events-head{
	position: relative;
	margin: 0px 0px 50px -1.5px;
	text-align: left;
}

.events-head a {
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #fff;
	font-weight: 700;
	font-size: 38px;
	line-height: 1;
	text-align: left;
	letter-spacing: 1.1px;
	text-transform: none;
	text-decoration: none;
	font-family: "DM Sans", sans-serif;
}


#hp-events div.en-events-slider .en-card-slider-inner-container .en-events-slider-day {
	border: none !important;
	background: transparent !important;
	min-height: var(--card-height);
	padding: 15px 0px 15px 0px;
	box-sizing: border-box;
	grid-template-rows: 102px auto;
	height: auto !important;
	position: relative;
}


#hp-events div.en-card-slider-inner-container {
	min-height: 200px;
}

#hp-events .en-events-slider .en-card-slider-inner-container .en-events-slider-date {
	width: 120px;
	height: 102px;
	margin: 0px 0px 0px 0px;
	position: relative;
	box-sizing: border-box;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	padding: 0px 0px 0px 0px;
	background: url(/pics/event-date-bg.png) no-repeat center;
	border-radius: 0% !important;
}


#hp-events .en-events-slider .en-events-slider-date .en-events-slider-date-month {
	padding: 0 !important;
	text-transform: uppercase;
	margin: 4.5px 0px 0px 2px;
	font-size: 22px;
	font-weight: normal;
	line-height: 1;
	letter-spacing: 1.5px;
	text-align: center;
	color: #fff;
	position: relative;
	align-self: center;
	font-family: "Patrick Hand SC", cursive;
}

#hp-events .en-events-slider .en-events-slider-date .en-events-slider-date-day {
	margin: -4px 0px 0px 0px;
	font-size: 56px;
	font-weight: normal;
	line-height: 1;
	text-align: center;
	color: #fff;
	position: relative;
	letter-spacing: 0px;
	left: 0px;
	text-transform: uppercase;
	font-family: "Patrick Hand SC", cursive;
}

#hp-events div.en-events-slider>div.en-card-slider-inner-container>.en-events-slider-day>.en-events-slider-detail .en-event-slider-li-title {
	font-size: 16px;
	margin-bottom: 0px !important;
	overflow: visible;
}

#hp-events div.en-events-slider>div.en-card-slider-inner-container>.en-events-slider-day>.en-events-slider-detail .en-event-slider-li-title a {
	text-decoration: none;
	color: #fff !important;
	display: block;
	position: relative !important;
	text-align: center;
	font-size: 20px !important;
	font-weight: 500 !important;
	line-height: 26px;
	letter-spacing: 1px;
	text-transform: none;
	left: 0px;
	margin: 0px 0px 7px 4px;
	font-family: "DM Sans", sans-serif;
}

#hp-events .en-events-slider>.en-card-slider-inner-container>.en-events-slider-day>.en-events-slider-detail .en-events-slider-detail-li {
	margin-top: 0px;
	align-items: center;
}

div.en-events-slider>div.en-card-slider-inner-container>.en-events-slider-day>.en-events-slider-detail {
	padding: 0px 35px 0px 35px !important;
	overflow: unset !important;
	margin: 8px 0px 0px 0px !important;
	display: flex;
	flex-direction: column;
	row-gap: 20px;
	box-sizing: border-box;
	max-width: 100%;
	width: 100%;
}

#hp-events div.en-events-slider .en-card-slider-inner-container .en-events-slider-detail .en-event-slider-li-time,
#hp-events div.en-events-slider .en-card-slider-inner-container .en-events-slider-detail .en-event-slider-li-location {
	text-align: center !important;
	font-size: 16px !important;
	font-weight: 500;
	line-height: 22px !important;
	color: #fff !important;
	letter-spacing: 0.4px;
	padding: 0px 0px 0px 2px !important;
	position: relative;
	font-family: "DM Sans", sans-serif;
}
/* .en-event-slider-li-location{
	letter-spacing: -0.3px;
} */
.events-thumbnail{
	margin-top: 23.5px;
	margin-bottom: 10px;
}
.events-thumbnail a{
	display: block;
}
.events-thumbnail a img{
	width: 100%;
}
#hp-events div.en-events-slider > div.en-card-slider-inner-container > .en-events-slider-day > .en-events-slider-detail .en-event-slider-li-title a:hover,
#hp-events div.en-events-slider > div.en-card-slider-inner-container > .en-events-slider-day > .en-events-slider-detail .en-event-slider-li-title a:focus{
text-decoration: underline;
}
#hp-events div.en-events-slider-buttons {
	display: flex;
	justify-content: center;
	column-gap: 15px;
	width: min-content;
	padding: 7px 12px;
}

div.en-events-slider > div.en-events-slider-footer {
	margin-top: 0px !important;
  }
div.en-events-slider div.en-events-show-all-calendar {
	display: flex !important;
	position: absolute !important;
	gap: 10px;
	width: auto;
	justify-content: flex-end;
	flex-direction: row !important;
	padding: 0px 0px 0px 0px;
	box-sizing: border-box;
	margin: 0px 0px 0px 0px;
	top: -93px;
	right: 126px;
}

#hp-events div.en-events-slider div.en-events-show-all-calendar .en-events-show-calendar,
#hp-events div.en-events-slider div.en-events-show-all-calendar .en-events-show-all {
	font-size: 18px;
	font-weight: 500 !important;
	line-height: 1;
	letter-spacing: 0.95px;
	text-align: center;
	color: #fff !important;
	text-decoration: none;
	position: relative;
	text-transform: none;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	box-sizing: border-box;
	padding: 0px 5px 0px 5px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	height: auto;
	background: transparent;
	width: 116px;
	z-index: 99;
	min-height: 48px;
	border: 1px solid rgba(255, 255, 255, 0.15);
	font-family: "DM Sans", sans-serif;
}
#hp-events div.en-events-slider div.en-events-show-all-calendar .en-events-show-calendar{
	width: 176px;
}
#hp-events div.en-events-slider div.en-events-show-all-calendar .en-events-show-calendar:hover,
#hp-events div.en-events-slider div.en-events-show-all-calendar .en-events-show-calendar:focus,
#hp-events div.en-events-slider div.en-events-show-all-calendar .en-events-show-all:hover,
#hp-events div.en-events-slider div.en-events-show-all-calendar .en-events-show-all:focus{
	border: 1px solid rgba(255, 255, 255, 1);
    background: #cc1414;
}




#hp-events div.en-events-slider-buttons button:hover {
	background: #777777;
}



#hp-events div.en-events-slider-buttons button {
	position: absolute;
	cursor: pointer;
	border: 0;
	z-index: 999999;
	padding: 0px;
	color: #fff !important;
	top: -101px;
	width: 50px;
	height: 57px;
}

#hp-events div.en-events-slider-buttons button.en-events-prev {
	right: 57px;
	border-radius: 0;
	text-indent: -9999px;
	background: url("/pics/event-slide-arrow.png") no-repeat 1px 0px;
}

#hp-events div.en-events-slider-buttons button.en-events-next {
	border-radius: 0;
	text-indent: -9999px;
	background: url("/pics/event-slide-arrow.png") no-repeat -52px 0px;
	right: -1px;
}

#hp-events div.en-events-slider-buttons button.en-events-prev:hover {
	background: url("/pics/event-slide-arrow.png") no-repeat -105px 0px;
}

#hp-events div.en-events-slider-buttons button.en-events-next:hover {
	background: url("/pics/event-slide-arrow.png") no-repeat -158px 0px;
}

#hp-events div.en-events-slider-buttons button.en-events-prev:focus {
  background: url("/pics/event-slide-arrow.png") no-repeat -215px 0px;
  right: 52px;
  width: 59px;
  height: 62px;
}

#hp-events div.en-events-slider-buttons button.en-events-next:focus {
	right: -5px;
	background: url("/pics/event-slide-arrow.png") no-repeat -283px 0px;
	width: 59px;
	height: 62px;
}

#hp-events div.en-events-slider-buttons button.en-card-slider-button-disabled {
	opacity: 0.5;
	cursor: auto;
	color: rgba(0, 0, 0, 1) !important;
    background-color: rgba(255, 255, 255, 0.01) !important;
}



@media only screen and (max-width: 1260px){
	.events-head a{
		font-size: clamp(32px,38vw/12.6,38px);
	}

	#hp-events div.en-events-slider div.en-events-show-all-calendar .en-events-show-calendar, 
	#hp-events div.en-events-slider div.en-events-show-all-calendar .en-events-show-all{
		font-size: clamp(15px,18vw/12.6,18px);
		width: clamp(100px,116vw/12.6,116px);
	}

	#hp-events div.en-events-slider div.en-events-show-all-calendar .en-events-show-calendar {
		width: clamp(135px,176vw/12.6,176px);
	}
	#hp-events div.en-events-slider > div.en-card-slider-inner-container > .en-events-slider-day > .en-events-slider-detail .en-event-slider-li-title a{
		font-size: clamp(18px,20vw/12.6,20px) !important;
    line-height: clamp(24px,26vw/12.6,26px);
	}

	#hp-events div.en-events-slider .en-card-slider-inner-container .en-events-slider-detail .en-event-slider-li-time, 
	#hp-events div.en-events-slider .en-card-slider-inner-container .en-events-slider-detail .en-event-slider-li-location{
		font-size: clamp(14px,16vw/12.6,16px);
		line-height: clamp(20px,22vw/12.6,22px);
	}
}

@media only screen and (max-width: 992px){
	.events-head {
		position: relative;
		margin: 0px 0px 25px 0px;
		text-align: center;
	  }

	  #fourth-row-inner {
		position: relative;
		padding: 60px 0px 50px 0px;
	}

	div.en-events-slider div.en-events-show-all-calendar {
		position: relative !important;
		width: 100%;
		justify-content: center;
		margin: 20px 0px 0px 0px;
		top: inherit;
		right: auto;
	  }

	  #hp-events div.en-events-slider-buttons button{
		top: inherit;
         bottom: -4px;
	  }

	  #hp-events div.en-events-slider-buttons button.en-events-next{
		right: 10px;
	  }

	  #hp-events div.en-events-slider-buttons button.en-events-prev {
		right: inherit;
		left: 10px;
	  }

	  #hp-events div.en-events-slider-buttons button.en-events-prev:focus {
		right: inherit;
		bottom: -9px;
		left: 6px;
	  }

	  #hp-events div.en-events-slider-buttons button.en-events-next:focus {
		right: 6px;
		bottom: -9px;
	  }
}

@media only screen and (max-width: 768px){
	  #fourth-row-inner {
		position: relative;
		padding: 40px 0px 50px 0px;
	}
}

@media only screen and (max-width: 480px){
	div.en-events-slider div.en-events-show-all-calendar{
		flex-direction: column !important;
		align-items: center;
	}
	#hp-events div.en-events-slider div.en-events-show-all-calendar .en-events-show-all{
		width: 135px;
	}
  
}

	/****** FIFTH ROW  ******/
	#fifth-row {
		position: relative;
		background: transparent;
		z-index: 1;
	}


	
	#fifth-row-inner {
		position: relative;
		padding: 63px 0 37px 0;
		box-sizing: border-box;
		max-width: 100% !important;
	}

  .School-Acceptances{
	position: relative;
	padding: 0px;
	margin: 0px 0px 34px 0px;
	color: #fff;
	font-weight: 700;
	font-size: 38px;
	line-height: 1;
	text-align: center;
	letter-spacing: 1.2px;
	text-transform: none;
	text-decoration: none;
	font-family: "DM Sans", sans-serif;
  }






  #fifth-row-inner .en-ic-control-buttons {
	position: relative;
	width: 26px;
	margin: 37px 0px 0px 0px;
	left: 50%;
	transform: translateX(-50%);
}
#fifth-row-inner button.default-style.en-ic-toggle-button{
	width: 26px;
	height: 26px;
	border-radius: 50%;
	font-size: 12px;
	color: #fff;
	background: #cc1414;
	font-weight: normal;
}


#fifth-row-inner button.default-style.en-ic-toggle-button::before {
	content: "\f04c";
  }

  #fifth-row-inner button.default-style.en-ic-toggle-button.carousel-paused::before,
  #fifth-row-inner button.default-style.en-ic-toggle-button.paused::before {
	content: "\f04b";
	margin-left: 10%;
  }
#fifth-row-inner .en-infinite-carousel > .en-infinite-carousel-track > * {
  margin-right: 20px;
  box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.1); 
}
#fifth-row-inner .en-infinite-carousel > .en-infinite-carousel-track{
align-items: center;
padding-bottom: 0px;
}
#fifth-row-inner .en-infinite-carousel > .en-infinite-carousel-track div img{
	display: block;
}

#fifth-row-inner .en-infinite-carousel::after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 165px;
	height: 100%;
	background:
	linear-gradient(to right, rgba(46, 63, 115, 0), rgb(22, 28, 44));
  z-index: 5;
}
#fifth-row-inner .en-infinite-carousel::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 165px;
	height: 100%;
	background: linear-gradient(to left, rgba(46, 63, 115, 0), rgb(22, 28, 44));
	z-index: 5;
}


@media screen and (prefers-reduced-motion: reduce) {
.en-infinite-carousel>.en-infinite-carousel-track {
  animation-duration: 80s !important;
}
}



@media only screen and (max-width: 1260px){
	#fifth-row-inner {
		position: relative;
		padding: 60px 0 40px 0 !important;
	}
	.School-Acceptances{
		font-size: clamp(32px,38vw/12.6,38px);
	}
	#fifth-row-inner .en-infinite-carousel > .en-infinite-carousel-track > div{
	  width: clamp(175px, 250vw/12, 250px);
	  height: clamp(115px, 190vw/12, 190px);
	}
	#fifth-row-inner .en-infinite-carousel > .en-infinite-carousel-track > div img{
	  width: 100%;
	  height: 100%;
	}
  }

  @media only screen and (max-width: 992px) {
	#fifth-row-inner {
	  padding: 40px 0 40px !important;
	}

	
  }

  @media only screen and (max-width: 768px) {
	#fifth-row-inner .en-infinite-carousel::before,#fifth-row-inner .en-infinite-carousel::after {
		width: 100px;
	}
  }

#sixth-row{
	position: relative;
	background: url(/pics/sixth-row-bg.jpg) repeat-x center top,#fff;
}
#sixth-row-inner {
	position: relative;
	display: grid;
	grid-template-columns: 520px 1fr;
	grid-template-rows: auto;
	gap: 40px;
    padding: 60px 0px 60px 0px;
}
#sixth-row-inner .right-col {position: relative; grid-column: 2;grid-row: 1;display: flex;height: max-content;background: #161c2c;}
#sixth-row-inner .left-col {position: relative; grid-column: 1;grid-row: 1;display: flex;height: min-content;background: #161c2c;}

/* Featured Photo Album */
.album-header-container{
	position: relative;
	width: 100%;
	max-width: 190px;
	background: #161c2c;
	min-height: 330px;
	height: max-content;
	align-self: center;

}


#album-sec{width: 100%;position: initial;}
#album-sec .HPFeaturedAlbums {margin-bottom: 0px; position: initial;}
#album-sec .HPFeaturedAlbums h2 {
	width: auto;
	height: auto;
	padding: 0px 0 0 0px;
	display: inline-block;
	margin: 0px 0px 0px 0px;
	color: #fff;
	font-weight: 700;
	line-height: 42px;
	text-align: center;
	text-decoration: none;
	letter-spacing: 1.05px;
	text-transform: none;
	position: absolute;
	left: 36.5px;
	z-index: 9;
	top: 43px;
	background: #161c2c;
	font-family: "DM Sans", sans-serif;
	font-size: 38px;
}

	/* #album-sec .HPFeaturedAlbums h2 span{
		position: relative;
		left: 0px;
		letter-spacing: -0.3px;
	} */
#album-sec .HPFeaturedAlbums .featuredAlbums {position: relative; margin-top: 0;}
#album-sec .HPFeaturedAlbums ul {
	border: 0;
	margin: 0px;
	display: flex;
	flex-direction: column;
	gap: 30px;
}
#album-sec .HPFeaturedAlbums ul li {border: 0;
	margin: 0px 0px 0px 0px;
	box-shadow: none;
    background: transparent;
}

#album-sec .HPFeaturedAlbums ul li h3 {
	background: none;
	text-shadow: none;
	position: absolute;
	text-align: center;
	padding: 0px 0px 0 0px;
	overflow: visible;
	box-sizing: border-box;
	max-width: 125px;
	left: -157px;
	bottom: 44px;
}
#album-sec .HPFeaturedAlbums ul li h3 span {
	font-size: 20px;
	color: #fff;
	text-align: center;
	height: auto;
	font-weight: 500;
	line-height: 26px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	padding: 0 0px;
	letter-spacing: 1px;
	background: #161c2c !important;
	font-family: "DM Sans", sans-serif;
}
.album-col .HPFeaturedAlbums ul li {padding: 0;border: 0;box-shadow: none;overflow: visible;position: relative;margin: 0px !important;background: #fff;float: left;position: relative;}
.HPFeaturedAlbums li {overflow: visible !important;}


/* Featured Video */
.video-header-container{
	position: relative;
	width: 100%;
	max-width: 190px;
	background: #161c2c;
	min-height: 330px;
	height: max-content;
	align-self: center;
}

#video-sec{width: 100%;position: initial;}
.HPVideo {margin-bottom: 0px; position: initial;}
.HPVideo h2{
	display: inline-block;
	margin: 0px 0 0px 0px;
	padding: 0;
	position: absolute;
	left: 31px;
	z-index: 9;
	top: 43px;
	background: #161c2c;
}
.HPVideo h2 a {
	font-weight: 700;
	line-height: 42px;
	text-align: center;
	text-transform: none;
	width: auto;
	height: auto;
	padding: 0px 0 0 0px;
	display: inline-block;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	letter-spacing: 1px;
	color: #fff;
	font-family: "DM Sans", sans-serif;
	font-size: 38px;
}


.HPVideo .videowrapper {position: relative; margin-top: 0; }
.HPVideo p {
	max-width: 125px;
	position: absolute;
	max-height: 50px;
	left: -157.5px;
	bottom: 46px;
	text-align: left;
	color: #fff;
}
.HPVideo p a {
	text-align: center;
	height: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	padding: 0 0px;
	margin: 0px 0 0 0px;
	text-decoration: none;
	background: #161c2c !important;
	font-family: "DM Sans", sans-serif;
	font-weight: 500;
	line-height: 26px;
	font-size: 20px;
	letter-spacing: 1px;
	color: #fff;
}
#video_player1{position: relative;
	margin: 0px !important;
	overflow: visible !important;box-shadow: none;}



.HPVideo {margin-bottom: 0px; position: inherit;}
.HPVideo p {padding: 0; margin: 0;}






@media only screen and (max-width: 1260px) {

	#sixth-row-inner {
    grid-template-columns: clamp(300px, 520vw/12.6, 520px) 1fr;
    gap: clamp(20px, 50vw/12.6, 50px);
    justify-content: space-between;
	  }
	  #album-sec .HPFeaturedAlbums ul li{
		width: clamp(250px,330vw/12.6,330px) !important;
		height: clamp(250px,330vw/12.6,330px) !important;
	  }
	  #album-sec .HPFeaturedAlbums ul li img{
		  width: 100%;
		  height: 100%;
		  display: block;
	  }
	  #video_player1{
		width: clamp(300px,440vw/12.6,440px) !important;
		height: clamp(250px,330vw/12.6,330px) !important;
	  }
	  #video_player1 video{
		width: 100%;
		height: 100%;
	  }
	  #album-sec .HPFeaturedAlbums h2 {
		font-size: clamp(30px,38vw/12.6,38px);
		line-height: clamp(34px,42vw/12.6,42px);
	  }
	  .HPVideo h2 a{
      font-size: clamp(30px,38vw/12.6,38px);
      line-height: clamp(34px,42vw/12.6,42px);
	  }
	
	  #album-sec .HPFeaturedAlbums ul li h3 span,.HPVideo p a{
		font-size: clamp(15px,1.5873vw,20px);
		line-height: clamp(18px,2.0634vw,26px);
	  }

    .album-header-container,
    .video-header-container{
      max-width: clamp(120px,190vw/12.6,190px);
      min-height: clamp(250px,330vw/12.6,330px) !important;
    }
}
@media only screen and (max-width: 1200px) {
	  #album-sec .HPFeaturedAlbums h2,.HPVideo h2{
      left: 30px;
      top: 50px;
	  }
}
@media only screen and (max-width: 1160px) {
	.HPVideo p {
    left: -150px;
    max-width: 110px;
	  }

	  #album-sec .HPFeaturedAlbums ul li h3 {
      left: -145px;
      max-width: 110px;
	  }
}
@media only screen and (max-width: 1100px) {
	#album-sec .HPFeaturedAlbums ul li h3 {
		left: -48%;
	  }
	  .HPVideo p {
		left: -35%;
	  }
}

@media only screen and (max-width: 992px) {
	.album-header-container::before, 
	.video-header-container::after{
		display: none;
	}
	#fifth-row-inner {
		padding: 40px 0 40px;
	}

	.video-header-container, .album-header-container {
		display: none;
	  }
	#sixth-row-inner {
		grid-template-columns: 1fr;
		gap: 40px;
		grid-template-rows: auto auto;
        padding: 40px 15px 40px 15px !important;
	  }
	  #sixth-row-inner .left-col {
      position: relative;
      grid-column: 1;
      grid-row: 1;
      flex-direction: column;
      width: 100%;
      max-width: 330px;
      margin: 0px auto;
      align-items: center;
      background: #161c2c;
	  }

	  #sixth-row-inner .right-col {
		position: relative;
		grid-column: 1;
		grid-row: 2;
		flex-direction: column;
		width: 100%;
		max-width: 440px; 
		margin: 0px auto;
		align-items: center;
		background: #161c2c
	  }
	  #album-sec .HPFeaturedAlbums ul li{
		width: 330px !important;
		height: auto !important;
	  }
	  #video_player1{
		width: 440px !important;
		height: 330px !important;
	  }
	  .HPVideo h2 {
		left: 0;
		top: 0;
		position: relative;
		text-align: center;
		display: block;
		padding: 20px 0px 20px 0px;
	  }
	  #album-sec .HPFeaturedAlbums h2 {
      left: 0;
      margin: 0px;
      top: 0;
      position: relative;
      text-align: center;
      display: block;
      padding: 20px 0px 20px 0px;
	  }
	  .HPVideo h2 br,#album-sec .HPFeaturedAlbums h2 br{
		  display: none;
	  }
	  #album-sec .HPFeaturedAlbums ul li h3 {
		left: inherit;
    position: relative;
    bottom: inherit;
    max-width: 100%;
    margin: 0px 0px 0px 0px;
    text-align: center;
    padding: 15px 0px 15px 0px;
	  }
	  .HPVideo p {
		left: inherit;
		max-width: 100%;
		position: relative;
		-webkit-line-clamp: 1;
		max-height: 25px;
		text-align: center;
		padding: 15px 0px 15px 0px;
		bottom: 0px;
	  }
	  #video-sec .videowrapper::before, #video-sec .videowrapper::after{
		  height: 330px;
	  }
	  #album-sec .HPFeaturedAlbums ul li h3 span, .HPVideo p a{
		  text-align: center;
	  }
}

@media only screen and (max-width: 768px) {
	

	  #album-sec .HPFeaturedAlbums ul li{
		width: clamp(280px,42.96vw,330px) !important;
		height: auto !important;
	  }
	  #video_player1{
		width: clamp(290px,57.2916vw,440px) !important;
		height: clamp(200px,59.8958vw,330px) !important;
	  }


	  #video-sec{
		  width: auto;
	  }

	  #album-sec{
		width: auto;
	  }
	
}





/* NINTH ROW */
#seventh-row {
	position: relative;
	background: #ffffff;
}


#seventh-row-inner {
	padding: 2px 0 60px;
	position: relative;
	max-width: 100%;
}



/* Insta Feed */
/* #instagram_feed {
	position: relative;
	min-height: 379px;
	padding: 0px 0;
	box-sizing: border-box;
	width: 100%;
	display: flex;
	background: #ffffff;
} */

.insta-top{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0px auto 31px auto;
	max-width: 1200px;
	gap: 17px;
	padding: 0px 0px 0px 4px;
	box-sizing: border-box;
}


.insta-icon {
	position: relative;
	margin: 0px 0px 0px 0px;
	display: inline-block;
	z-index: 5;
}



.insta-icon img {
	display: block;
}

.insta-icon img:hover,
.insta-icon img:focus {
	transform: scale(1.1) !important;
	-webkit-transform: scale(1.1) !important;
	-moz-transform: scale(1.1) !important;
	transition: all ease 0.3s !important;
	-webkit-transition: all ease 0.3s !important;
	-moz-transition: all ease 0.3s !important;
}







.insta-header {
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #131624;
	font-weight: 700;
	font-size: 38px;
	line-height: 1;
	text-align: left;
	letter-spacing: 1.25px;
	text-transform: none;
	text-decoration: none;
	font-family: "DM Sans", sans-serif;
}



.insta-container{
	position: relative;
	min-height: 200px;
	background: #fff;
	box-sizing: border-box;
	padding: 0px 0px 0px 0px;
	left: 0px;

}

#en-insta-feed-div {
	padding: 0px;
	background: transparent;
	position: relative;
}

#insta_feed_inner {
	float: left;
	max-width: 100%;
	width: 100%;
	box-sizing: border-box;
	background: transparent;
	padding: 0px;
	min-height: auto;
	position: relative;
}

#en-insta-feed-div ul {
	display: flex;
	flex-direction: row;
	/* flex-wrap: wrap; */
	column-gap: 0px;
	row-gap: 0px;
	justify-content: center;
}

#en-insta-feed-div ul li {
	-webkit-flex-basis: 300px !important;
	flex-basis: 100% !important;
	max-width: 300px !important;
	width: 100% !important;
	overflow: hidden;
	padding: 0px !important;
}

#en-insta-feed-div ul li a {
	color: #ffffff !important;
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
}
#en-insta-feed-div ul li a:hover::after,
#en-insta-feed-div ul li a:focus::after{
	content: "";
  position: absolute;
  background: rgba(37, 44, 71, 0.9);
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
  z-index: 0;
  transition: .3s all ease;
}

#en-insta-feed-div ul li a:hover::before,
#en-insta-feed-div ul li a:focus::before{
	content: "";
    width: 32px;
    height: 32px;
    position: absolute;
    top: 50%;
    background: url("/pics/insta-icon-hover.png") no-repeat center;
    z-index: 2;
    left: 50%;
    transform: translate(-50%,-50%);
}

#en-insta-feed-div ul li a div {
	height: clamp(200px,400vw/25.6,400px) !important;
}

#en-insta-feed-div ul li a div img {
	width: 100%;
	height: clamp(200px,400vw/25.6,400px);
	object-fit: cover;
	position: absolute;
	display: block;
	margin: 0px;
}

#en-insta-feed-div ul li a div .overlay {
	margin-top: 0px !important;
}


@media only screen and (max-width: 1260px){

	#seventh-row-inner {
		padding: 0px 0 60px !important;
	}

	#en-insta-feed-div ul {
		flex-wrap: wrap;
	}
	.insta-header{
		font-size: clamp(32px,38vw/12.6,38px);
	}

	#en-insta-feed-div ul li {
		-webkit-flex-basis: clamp(100px, 200vw/12.6, 200px) !important;
		flex-basis: clamp(100px, 200vw/12.6, 200px) !important;
		max-width: clamp(100px, 200vw/12.6, 200px) !important;
		width: clamp(100px, 200vw/12.6, 200px) !important;
	}

	#en-insta-feed-div ul li a div {
		height: clamp(100px, 200vw/12.6, 200px) !important;
	}

	#en-insta-feed-div ul li a div img {
		height: clamp(100px, 200vw/12.6, 200px) !important;
	}

	.insta-icon{
		width: clamp(35px,44vw/12.6,44px);
		height: clamp(35px,44vw/12.6,44px);
	}

	.insta-icon img{
		width: 100%;
	}

	#en-insta-feed-div ul li a:hover::before, #en-insta-feed-div ul li a:focus::before {
		width: clamp(25px,32vw/12.6,32px);
		height: clamp(25px,32vw/12.6,32px);
		background-size: contain;
	}
}

@media only screen and (max-width: 768px){
	#seventh-row-inner {
		padding: 15px 0 40px;
	}



	  .insta-top{
		flex-direction: column;
		margin: 0px 0px 20px 0px;
		gap: 10px;
	  }

	  .insta-id{
		margin: 0px 0px 0px 0px;
	  }

	  

	  #en-insta-feed-div ul{
		  justify-content: center;
	  }
	  #seventh-row-inner {
		padding: 0px 0 40px !important;
	  }
	
}




/* Default */

#mobileapp-smart-banner .en-smartAppBanner-content {
	width: 100% !important;
}

.disable-overflow header {
	z-index: var(--en-z-index-max);
}


@media only screen and (max-width: 768px) {

	.translated-rtl header.enh1 nav.en-mobnav-show,
	.translated-ltr header.enh1 nav.en-mobnav-show {
		height: calc(100% - 40px);
		margin-top: 40px auto 0 auto;
		z-index: 99;
	}

	.translated-ltr header.enh1 nav.en-nav,
	.translated-rtl header.enh1 nav.en-nav {
		margin-top: 40px;
	}
}