@media (max-width: 768px) {
  .halloween-background{
    background-image: url('https://39646145.fs1.hubspotusercontent-na1.net/hubfs/39646145/CodeNinjas%20-%20Marketting%20Website/halloween_bg_mobile.png') !important;
  }
}
#newyearbanner {
    background-image: url(https://39646145.fs1.hubspotusercontent-na1.net/hubfs/39646145/bg-desktop@3x.webp);
      position: relative;
    width: 100%;
    height: 100%;
      background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: 25px;
}
img#imgnewyearLogoDesktop {
    max-width: 960px;
    margin: 0 auto;
}
.newyearbannerpromo{
position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: 3;
}
.newyear_name {
    text-align: center;
    color: #0059A5;
    font-size: 40px;
  line-height:40px;
    text-transform: uppercase;
    font-weight: 600;
      margin-top: -25px;
    margin-bottom: 10px;
}
.newyearbannerpromo .frdynamic_address {
    background-color: lch(17 41.65 294.99 / 0.8);
    border-radius: 14px;
    padding: 10px 20px 0px;
    opacity: 0.9;
}

.newyearbannerpromo .location-banner-panel .banner-action{
  display:none;
}
.panel-halloween .banner-action {
    padding-top: 19px;
        
}
body .newyearbannerpromo .button.button-tertiary.dk-bg.change_location_header {
    letter-spacing: 0.9px;
    color: #ffffff !important;
    font-weight: 900;
    font-size: 16px !important;
    margin-top: 16px;
    font-family: Azo Sans Black !important;
}
body .newyearbannerpromo .button.button-tertiary.dk-bg.change_location_header:hover{
 margin-top: 16px !important;
}
.riverstone {
    color: #FFFFFF;
text-shadow: 0px 4px 16px #093474;
    font-size: 64px;
    line-height: 64px;
    margin-bottom: 8px;
text-transform: uppercase;
}
#halloween-content{
  color: #fff;
  padding: 12px;
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2px;
  background: rgba(5, 22, 30, .6);
  border-radius: 8px;
}
#halloween-content p{
  text-align: center;
  color:#fff;
  font-family: 'Azo Sans Regular';
  line-height: 26px;
  font-size: 14px;
  letter-spacing: 0px;
  opacity: 1 !important;
  margin: 0px !important;
}
#imgHalloweenLogoMobile {
  max-width: 620px !important;
  padding-top:310px;
  margin-bottom: 8px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#imgHalloweenLogoDesktop {
  max-width: 520px !important;
  padding-top:410px;
  margin-bottom: 0px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#halloweenPromo {
  text-align: center;
  z-index=1;
}
#halloweenPromo .banner-action{
  padding-top: 0px !important;
}
.halloween-background {
    background-position: center;
    background-size: cover;
    position: relative;
    width: 100%;
    height: 804px;
    margin-top: 50px;
    background-image: url('https://39646145.fs1.hubspotusercontent-na1.net/hubfs/39646145/CodeNinjas%20-%20Marketting%20Website/desktopbgupdated.png');
}
.panel-halloween{
  padding: 0px !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top:0px;
}
/*BacktoSchool 2024*/
#bts-2024-content{
  color: #fff;
  padding: 12px;
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  background: rgba(5, 22, 30, .6);
  border-radius: 8px;
      margin-top: 16px;
}
#bts-2024-content p{
  text-align: center;
  color:#fff;
  font-family: 'Azo Sans Regular';
  line-height: 26px;
  font-size: 14px;
  letter-spacing: 0px;
  opacity: 1 !important;
  margin: 0px !important;
}
#imgBTS2024LogoMobile {
  max-width: 620px !important;
  padding-top:40px;
  margin-bottom: 8px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#imgBTS2024LogoDesktop {
  max-width: 840px !important;
  padding-top:64px;
  margin-bottom: 8px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#bts2024Promo {
  text-align: center;
  z-index=1;
}
#bts2024Promo .banner-action{
  padding-top: 0px !important;
}
.bts-2024-background {
    background-position: center;
    background-size: cover;
    position: relative;
    width: 100%;
    height: 804px;
    margin-top: 50px;
    background-image: url('https://39646145.fs1.hubspotusercontent-na1.net/hubfs/39646145/CodeNinjas%20-%20Marketting%20Website/bts_2024_bg.png');
}
.panel-bts-2024{
  padding: 0px !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
/*Summer Camps*/
/*
@media (max-width: 768px) {
  ..sky-elements-background{
    background-image: url('https://39646145.fs1.hubspotusercontent-na1.net/hubfs/39646145/CodeNinjas%20-%20Marketting%20Website/summercamps_bg_mobile.png') !important;
  }
}
#summer-camps-content{
  color: #fff;
  padding: 12px;
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  background: rgba(5, 22, 30, .6);
  border-radius: 8px;
}
#summer-camps-content p{
  text-align: center;
  color:#fff;
  font-family: 'Azo Sans Regular';
  line-height: 26px;
  font-size: 14px;
  letter-spacing: 0px;
  opacity: 1 !important;
  margin: 0px !important;
}
#imgSummerCampsLogoMobile {
  max-width: 620px !important;
  padding-top:40px;
  margin-bottom: 8px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#imgSummerCampsLogoDesktop {
  max-width: 840px !important;
  padding-top:64px;
  margin-bottom: 8px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#summerCampsPromo {
  text-align: center;
  z-index=1;
}
#summerCampsPromo .banner-action{
  padding-top: 0px !important;
}
.summer-camps-background {
    background-position: center;
    background-size: cover;
    position: relative;
    width: 100%;
    height: 804px;
    margin-top: 50px;
    background-image: url('https://39646145.fs1.hubspotusercontent-na1.net/hubfs/39646145/CodeNinjas%20-%20Marketting%20Website/summercamps_bg_desktop.png');
}
.panel-summer-camps{
  padding: 0px !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
*/
/*Sky Elements*/
/*
@media (max-width: 768px) {
  .sky-elements-background{
    background-image: url('https://39646145.fs1.hubspotusercontent-na1.net/hubfs/39646145/CodeNinjas%20-%20Marketting%20Website/skybg_mobile.png') !important;
  }
}
#sky-content{
  color: #fff;
  padding: 12px;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  background: rgba(5, 22, 30, .6);
  border-radius: 8px;
}
#sky-content p{
  text-align: center;
  color:#fff;
  font-family: 'Azo Sans Regular';
  line-height: 26px;
  font-size: 16px;
  letter-spacing: 0px;
  opacity: 1 !important;
  margin: 0px !important;
}
#imgSkyLogoMobile {
  max-width: 620px !important;
  padding-top:100px;
  margin-bottom: 20px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#imgSkyLogoDesktop {
  max-width: 1090px !important;
  padding-top:100px;
  margin-bottom: 20px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#skyElementsPromo {
  text-align: center;
  z-index=1;
}
#skyElementsPromo .banner-action{
  padding-top: 0px !important;
}
.sky-elements-background {
    background-position: center;
    background-size: cover;
    position: relative;
    width: 100%;
    height: 804px;
    margin-top: 50px;
    background-image: url('https://39646145.fs1.hubspotusercontent-na1.net/hubfs/39646145/CodeNinjas%20-%20Marketting%20Website/skybg_desktop.png');
}
.panel-sky-elements{
  padding: 0px !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
*/
/*
.coming-soon{
  opacity: 0.5;
  filter: alpha(opacity=90);
}
*/
/*New Year 2024*/
/*
@media (max-width: 768px) {
  .newYear2024-background{
    background-image: url('https://39646145.fs1.hubspotusercontent-na1.net/hubfs/39646145/CodeNinjas%20-%20Marketting%20Website/New%20Year%20Background%20Mobile.png') !important;
  }
}
#imgNewYearLogoMobile {
  max-width: 620px !important;
  padding-top:200px;
  margin-bottom: 56px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#imgNewYearLogo {
  max-width: 1090px !important;
  padding-top:200px;
  margin-bottom: 56px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#newYearPromo2024 {
  text-align: center;
  z-index=1;
}
.newYear2024-background {
    background-position: center;
    background-size: cover;
    position: relative;
    width: 100%;
    height: 804px;
    margin-top: 50px;
    background-image: url('https://39646145.fs1.hubspotusercontent-na1.net/hubfs/39646145/CodeNinjas%20-%20Marketting%20Website/New%20Year%20Background@2x.png');
}
.panel-new-year{
  padding: 0px !important;
}
*/
/*
@media screen and (min-width: 600px) {
    #imgHackathonLogo, #imgGamejamLogo{
        width: 620px !important;
    }
}
@media only screen and (min-width: 992px){
  #imgHackathonLogo, #imgGamejamLogo{
    width: 830px !important;
  }
}
#imgHackathonLogo, #imgGamejamLogo {
  padding-top:100px;
  margin-bottom: 20px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#hackathonPromo2023, #gamejamPromo2023 {
  text-align: center;
}
.hackathon2023-background {
    position: relative;
    width: 100%;
    height: calc(100vh - 50px);
    height: 804px;
    margin-top: 50px;
    background-image: url(https://39646145.fs1.hubspotusercontent-na1.net/hubfs/39646145/Hackathon%20Background.png);
}
*/

.banner-nonlocation:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -60px;
    width: 100%;
    height: 125px;
    background: url(https://39646145.fs1.hubspotusercontent-na1.net/hubfs/39646145/CodeNinjas%20-%20Marketting%20Website/banner-bottom-shape.png);
    background-size: cover;
    z-index: 1;
}

.banner-image, .banner-video {
    position: relative;
    width: 100%;
    height: calc(100vh - 50px);
    height: 650px;
    margin-top: 50px;
}

.banner-image img, .banner-video iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-image:before, .banner-video:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #1E3046 0% 0% no-repeat padding-box;
    mix-blend-mode: hard-light;
    opacity: 0.8;
    z-index: 1;
}

.banner-image:after, .banner-video:after {
    background: transparent radial-gradient(closest-side at 81% 27%, #0DB88F 0%, #1865BC00 100%) 0% 0% no-repeat padding-box;
    /* content: ""; */
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 772px;
    z-index: 2;
    transform: matrix(0, 1, -1, 0, 0, 0);
    mix-blend-mode: soft-light;
}

.banner-caption, .summerCampBanner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: 3;
}

.banner-caption h1, .summerCampBanner h2 {
    color: #F6F7F8;
    font-size: 82px;
    line-height: 82px;
    width: 540px;
    text-align: center;
    margin: 0;
    text-shadow: 0px 3px 6px #00000029;
  	position: relative; 
}

.banner-caption p {
    letter-spacing: 0px;
    color: #F6F7F8;
    text-shadow: 0px 3px 6px #00000029;
    font-size: 23px;
    line-height: 24px;
    margin: 5px 0 50px;
    font-family: 'Azo sans Medium';
}

.location-banner-panel, .summerCampBannerLocationPanel {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 75px 0 0;
}

.location-banner-panel p, .summerCampBannerLocationPanel p {
    line-height: 12px;
    letter-spacing: 0px;
    color: #F6F7F8;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    margin: 0 0 8px;
}

.location-banner-panel p img, .summerCampBannerLocationPanel p img {
    width: 13px !important;
    margin-bottom: 1px;
    margin-right: 8px;
}

.banner-gradient {
    position: absolute;
    top: 832px;
    left: -0.5439453125px;
    width: 1921px;
    height: 134px;
    transform: matrix(-1, 0, 0, -1, 0, 0);
    z-index: 2;
}

.banner-gradient:before {
    content: none;
    left: -0.5439453125px;
    width: 1921px;
    height: 113px;
    transform: matrix(1, -0.02, 0.02, 1, 0, 0);
    background: transparent linear-gradient(92deg, #46B2FF00 0%, #4CACEF 100%) 0% 0% no-repeat padding-box;
    top: 20px;
    position: absolute;
}

.banner-gradient:after {
    content: "";
    position: absolute;
    left: 0.0009765625px;
    width: 1920px;
    height: 22px;
    background: transparent linear-gradient(90deg, #31E2B8 0%, #0DB88F00 100%) 0% 0% no-repeat padding-box;
    mix-blend-mode: soft-light;
    top: 112px;
}

.banner-gradient span {
    position: absolute;
    left: 0.0009765625px;
    width: 1920px;
    height: 22px;
    mix-blend-mode: soft-light;
    bottom: 0;
}

.banner-gradient span:before {
    left: 0.0009765625px;
    width: 1920px;
    height: 79px;
    transform: matrix(1, 0, 0, 1, 0, 0);
    background: transparent linear-gradient(91deg, #31E2B8 0%, #0DB88F00 100%) 0% 0% no-repeat padding-box;
    mix-blend-mode: soft-light;
    opacity: 1;
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
}

section.banner-nonlocation {
    overflow: hidden;
    position: relative;
}

.owl-dots {
    position: absolute;
    left: 0;
    bottom: 60px;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 20px;
}

.owl-dot {
    display: flex;
    width: 10px;
    height: 10px;
    background: #F6F7F8 !important;
    opacity: 0.5;
    border-radius: 10px;
    margin: 0px 8px;
}

.owl-dot.active {
    width: 14px;
    height: 14px;
    background: #F6F7F8 !important;
    opacity: 1;
}
.banner-caption h1.codeNinjaTitle {
    font-size: 40px;
    line-height: 40px;
}

.banner-caption h2 {
    color: #F6F7F8;
    font-size: 82px;
    line-height: 90px;
    text-align: center;
    margin: 0 0 16px;
    text-shadow: 0px 3px 6px #00000029;
}

.banner-location .location-banner-panel {
    padding: 0;
}

.banner-action {
    padding-top: 45px;
    display: flex;
    align-items: center;
}

.banner-schedule-tour {
    padding-top: 15px;
    display: flex;
    align-items: center;
}
.banner-action .button {
    margin: 0 8px;
}

div#locationSlider {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

div#locationSlider .owl-stage-outer {
    height: 100%;
}

div#locationSlider .owl-stage-outer .owl-stage {
    height: 100%;
}

div#locationSlider .owl-stage-outer .owl-item {
    height: 100%;
}

.banner-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

p.banner-address-phone {
    font-size: 12px !important;
}

.summerCampBanner h2 {
    width: auto;
}

.summerCampBanner h3 {
    color: #fff;
    margin: 0;
    font-size: 40px;
    line-height: 40px;
}

.summerCampBanner:before {
    content: "";
    position: absolute;
    width: 646px;
    height: 318px;
    background: url(https://39646145.fs1.hubspotusercontent-na1.net/hubfs/39646145/CodeNinjas%20-%20Marketting%20Website/Shop_Camp_BG.svg);
    top: 150px;
    left: calc(50% - 323px);
}

.summerCampBanner * {
    position: relative;
    z-index: 1;
}

.summerCampBanner h2:before {
    content: "";
    position: absolute;
    width: 324px;
    height: 101px;
    background: url(https://39646145.fs1.hubspotusercontent-na1.net/hubfs/39646145/CodeNinjas%20-%20Marketting%20Website/Shop_Camp_Ellipse.png);
    top: -80px;
    left: calc(50% - 162px);
    background-size: 100%;
}

.summerCampBanner h2 span {
	position: relative;
}

p.banner-address-phone a {
    display: flex;
    align-items: center;
    color: #f6f7f8;
    font-family: 'Azo sans Medium';
}

p.banner-address-phone a:hover {
    text-decoration: underline;
}
.banner-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 795px;
    margin: 0 auto;
}
.banner_name{
      max-width: 395px;
      margin-left: 100px;
}
.watch_video{
      max-width: 195px;
}
.no-scroll:before{
  z-index: 0;
}
.impactVideobanner{
  display:inline-block;
}
@media(max-width: 993px){
    #newyearbanner {
    background-image: url(https://39646145.fs1.hubspotusercontent-na1.net/hubfs/39646145/bg-mobile@4x.webp);
    
}
  .banner-image {
      height: 530px;
  }

  .banner-caption h1.codeNinjaTitle {
      font-size: 32px;
      line-height: 32px;
  }

  .banner-caption h2 {
      font-size: 48px;
      line-height: 54px;
      max-width: 340px;
  }

  .location-banner-panel p, .summerCampBannerLocationPanel p {
      font-size: 12px;
      margin: 0 0 6px;
  }
  .banner-action button {
    margin: 0 5px;
      padding: 16px 16px 12px;
  }
	.summerCampBanner h2 {
			font-size: 40px;
			max-width: 200px;
			line-height: 40px;
	}

	.summerCampBanner h3 {
			font-size: 20px;
			line-height: 20px;
			max-width: 300px;
			text-align: center;
			margin: 5px 0 0;
	}

	.summerCampBanner:after {
			width: 260px;
			height: 80px;
			left: calc(50% - 130px);
			top: 180px;
	}
   #bts-2024-content{
    margin-top:0px;
  }

}
@media (max-width: 768px) {
 .newyear_name {
    font-size: 24px;
    line-height: 24px;
   margin-bottom: 0px;
} 
  .riverstone {
   font-size: 36px;
        line-height: 32px;
        margin-bottom: 16px;
        margin-top: 12px;
        text-align: center;
}
  .newyearbannerpromo{
    justify-content: flex-start;
  padding-top: 75px;
  }

  .panel-halloween .banner-action {
    margin-bottom: 50px;
        padding-top: 5px;
}
  body .newyearbannerpromo .button.button-tertiary.dk-bg.change_location_header{
     font-size:12px !important;
  }
  .panel-halloween .banner-action {
          margin-bottom:25px;
}
}