@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

*{    margin: 0px;    padding: 0px;}
*, ::after, ::before {    box-sizing: border-box;}
 
body{    font-family: 'Montserrat', sans-serif;    overflow-x: hidden;    font-style: normal;    box-sizing: border-box;	color: #000000; font-weight: 400;	font-size:20px; line-height:1.3em;}

h1 { font-size: 72px; line-height: 1.2em;color: #000321;   text-transform: none;  letter-spacing: 0; margin-bottom: 25px; font-family: 'Manrope'; font-weight: 700; }
h2{font-size: 23px;line-height: 1.3em;  text-transform: uppercase;  letter-spacing: 0; margin-bottom: 45px;  font-weight: 700; text-decoration: underline; color: #000; }
h3{font-family: 'Manrope'; color: #465A7C; font-size: 18px; line-height: 1.2; margin-bottom: 20px; font-weight: 400; }
h4{ font-family: 'Manrope';color: #091D2D; font-size: 19px;  line-height: 2em; margin-bottom: 15px; text-transform: uppercase;  letter-spacing: 3px;font-weight: 500; }
h5{ font-size:22px;  line-height:1.2; font-weight:400; margin-bottom: 20px;    }
h6{ font-size: 22px; line-height: 1.2; margin-bottom: 15px; font-weight: 400;  }



p {    margin-bottom: 5px;}
a{ color:#000000;text-decoration: none;-webkit-transition: all 500ms ease;	-moz-transition: all 500ms ease;	-ms-transition: all 500ms ease;	-o-transition: all 500ms ease;	transition: all 500ms ease;}
a:hover {  animation: all 1000ms  ease-in;  text-decoration: none;color:#000000;}
p a:hover {    text-decoration: none;color:#000000;}

::-webkit-scrollbar {    width: 6px;  }
::-webkit-scrollbar-track {    background: #f1f1f1;   }
::-webkit-scrollbar-thumb {  background: #333;  }

.p-t-60{padding-top:60px; }
.p-b-60{padding-bottom:60px; }

.m-t-60{margin-top:60px; }
.m-b-60{margin-bottom:60px; }

.container {  max-width: 1170px;  margin-right: auto;    margin-left: auto;}
.text-center{text-align:center;}
.middle-content-row{align-items: center; }
.row-col-center{justify-content: center;}





.section-img img{max-width:100%;}


.btn{background-color: #091D2D; display: inline-block; cursor: pointer;font-family: 'Lato'; text-decoration: none;  padding: 15px 30px;border-radius: 5px;  font-weight: 700; font-size: 16px;  border: #091D2D 2px solid;  letter-spacing: 2px;  text-transform: uppercase;  text-shadow: 0 0 0 transparent; color: #fff;  transition: all 0.3s ease-in-out;}
.btn:hover {
  
}
.btn:hover{color: #fff;transform: translateY(-3px);  box-shadow: 0 6px 16px rgba(0,0,0,0.25); animation: wobble 0.6s ease;    animation-timing-function: ease;  animation-timing-function: ease-in;  transition: .2s;}

@keyframes wobble {
  0%, 100% { transform: translateY(-3px) rotate(0deg); }
  25% { transform: translateY(-3px) rotate(2deg); }
  50% { transform: translateY(-3px) rotate(-2deg); }
  75% { transform: translateY(-3px) rotate(1deg); }
}


.video-play-btn {  position: absolute;  top: 50%;  left: 50%;  font-size: 26px;  color: #fff;  transform: translate(-50%, -50%);  pointer-events: none;	background-color: rgba(0,0,0,0.7); border-radius: 8px;padding: 14px 28px;}
.hosted-video-thumbnail {  position: relative;  display: inline-block;}
.hosted-video-thumbnail:hover .video-play-btn{/*background-color:#00c389 !important;*/ background-color: red !important;}

.studentVideo{margin: 40px auto 0 auto; width: 75%;}
.studentVideo .videoTxt{color: #fff; background-color: #091D2D; text-align: center; font-size: 14px; letter-spacing: 0.15em;font-family: 'Lato'; padding: 3px 10px;}
.btnDiv{padding-top: 35px;}
.section-content ul li{margin-bottom: 12px;}
.section-content ul{margin-bottom: 25px;padding-left: 20px;}
.fundraiser-row-two .section-content{padding: 0 8%;}

.fancybox-inner{width: 570px; margin: auto; }
.fancybox-inner .fancybox-slide{width: 100% !important;}
.fancybox-inner .signupPopup{width: 100% !important; padding: 0;}
.signupPopupInnr{border: 10px solid #cbd5e0; background-color: #fff;}
.fancybox-slide > div{margin: 0 !important;}
.fancybox-close-small:after{background-color: #000 !important; color: #fff !important;box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.5); border: 2px solid #fff !important;}
.fancybox-close-small{top: 0px !important; right: 0px !important;   }
.signupPopupInnr .signupPopupFrm{background-color: rgb(255, 20, 6);  border: 0px rgb(205, 224, 236) !important; color: #fff;  border-radius: 4px;  max-width: 430px; margin: 30px auto; width: 100%;  padding: 28px 50px !important;  box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px !important;}
.signupPopupInnr .signupPopupFrm h3{text-align: center;color: #000;font-size: 20px; margin-bottom: 25px; line-height: 1.3;font-family: 'Montserrat', sans-serif;  font-weight: 600;} 

form input[type="text"], form input[type="email"], form input[type="tel"], form input[type="number"], form input[type="select"], form input[type="search"], form input[type="password"]{width: 100%; outline: unset;   font-family: 'Montserrat'; background-color: #F7FAFC !important;  color: #000000 !important;  border: 0px none #FFFFFF !important;  border-radius: 5px !important;  padding: 15px 20px 15px 20px !important;  box-shadow: 2px 2px 3px 3px #432818FF;  font-family: 'roboto';  font-size: 14px;  font-weight: 400;  background-clip: inherit !important;margin-bottom:15px;}
form input[type="text"]:focus, form input[type="email"]:focus, form input[type="tel"]:focus, form input[type="number"]:focus, form input[type="select"]:focus, form input[type="search"]:focus, form input[type="password"]:focus{box-shadow: unset; }
form input[type="submit"], .signupPopupFrm button, #errorBox button {   cursor: pointer; width: 100%; font-family: 'Montserrat', sans-serif;background-color: #091D2D; display: inline-block; text-decoration: none;  padding: 15px 30px;border-radius: 5px;  font-weight: 600; font-size: 22px;  border: #091D2D 2px solid;  letter-spacing: 2px;  text-transform: uppercase;  text-shadow: 0 0 0 transparent; color: #fff;  transition: all 0.3s ease-in-out;  }
form input[type="submit"]:hover, .signupPopupFrm button:hover, #errorBox button:hover{ animation: all 1000ms  ease-in; color: rgb(60, 106, 151);background-color: #091D2D; color: #fff;  }
form p{margin-bottom: 17px;}
.frm-row-btn{padding-top: 15px;}
.checkbox-container input[type="checkbox"]{margin: 5px 5px 5px 0;}
.checkbox-container,.checkbox-container .checkboxLebel{font-size: 14px; line-height: 20px !important; color: #000;}




@media screen and (max-width:1200px){
	.container {  max-width: 90%;  }  
	h1{font-size: 50px; line-height: 1.1;}
}


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

	h1{font-size: 40px; line-height: 1.1;}
	
}

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

}

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

	h1{font-size: 34px; line-height: 1.1;}
	 h2 {  font-size: 26px;    line-height: 1.3em;  }
	.studentVideo {  width: 100%;}
	.fundraiser-row-two .section-content {  padding: 0;}
	
}

@media screen and (max-width:767px){
	
  
.p-t-60{padding-top:40px; }
.p-b-60{padding-bottom:40px; }

.fancybox-inner{width: 90%;  }
.signupPopupInnr{border: 7px solid #cbd5e0;}
.signupPopupInnr .signupPopupFrm{max-width: 90%; margin: 30px auto; }
.signupPopupInnr .signupPopupFrm h3{font-size: 22px; line-height: 1.3;} 
  

	
}

@media screen and (max-width:680px){
	
.video-play-btn {    font-size: 15px; border-radius: 5px;padding: 7px 22px;}

}

@media screen and (max-width:480px){
	
  
  form input[type="submit"], .signupPopupFrm button,#errorBox button {font-size: 16px;}
	.signupPopupInnr .signupPopupFrm{padding: 25px !important;}
	h4{line-height: 1.1;}
	
}