/* inter-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/inter-v13-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/inter-v13-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* inter-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/inter-v13-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/inter-v13-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* inter-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/inter-v13-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/inter-v13-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* inter-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/inter-v13-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/inter-v13-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* inter-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/inter-v13-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/inter-v13-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* inter-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/inter-v13-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/inter-v13-latin-800.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* inter-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/inter-v13-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/inter-v13-latin-900.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* lexend-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lexend-v19-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/lexend-v19-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* lexend-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/lexend-v19-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/lexend-v19-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* lexend-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lexend-v19-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/lexend-v19-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* lexend-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/lexend-v19-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/lexend-v19-latin-800.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* lexend-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/lexend-v19-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/lexend-v19-latin-900.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

@media screen {
  #admissions-header {
    transition: all 0.7s cubic-bezier(0.0,0.0,0.0,1.0);
    &.admissions-header-in { 
      left: 50%;
      margin-left: -550px;
      opacity: 1;
    }
  }
  #admissionssent-headerA, #admissionssent-headerB {
    transition: all 0.7s cubic-bezier(0.0,0.0,0.0,1.0);
    &.admissionssent-header-in { 
      position: relative;
      opacity: 1;
      left: 50%;
      width: 1000px;
      margin-left: -500px;
      text-align: center;
    }
  }
  #contact-header {
    transition: all 0.7s cubic-bezier(0.0,0.0,0.0,1.0);
    &.contact-header-in { 
      opacity: 1;
      margin-left: -550px;
      left: 50%; 
    }
  }
  #contact-form {
    transition: all 0.7s cubic-bezier(0.0,0.0,0.0,1.0);
    &.contact-form-in { 
      opacity: 1;
      margin-top: 0;
    }
  }
  #contactsent-headerA, #contactsent-headerB {
    transition: all 0.7s cubic-bezier(0.0,0.0,0.0,1.0);
    &.contactsent-header-in { 
      position: relative;
      opacity: 1;
      left: 50%;
      width: 1000px;
      margin-left: -500px;
      text-align: center;
    }
  }
  #coupon_code-form {
    transition: all 0.7s cubic-bezier(0.0,0.0,0.0,1.0);
    &.coupon_code-form-in { 
      opacity: 1;
      margin-top: 100px; 
    }
  }
  #coupon_code-headerA, #coupon_code-headerB {
    transition: all 0.7s cubic-bezier(0.0,0.0,0.0,1.0);
    &.coupon_code-header-in { 
      position: relative;
      opacity: 1;
      left: 50%;
      width: 1000px;
      margin-left: -500px;
      text-align: center;
    }
  }
  #curriculum-slide4-table-cell1, #curriculum-slide4-table-cell2, #curriculum-slide4-table-cell3, #curriculum-slide4-table-cell4, #curriculum-slide4-table-cell5, #curriculum-slide4-table-cell6, #curriculum-slide4-table-header {
    transition: all 0.7s cubic-bezier(0.0,0.0,0.0,1.0);
    &.curriculum-slide4-table-piece-in {
      opacity: 1;
      margin-top: 0;
    }    
  }
  #free-header-slide1 {
    transition: all 0.7s cubic-bezier(0.0,0.0,0.0,1.0);
    &.free-header-slide1-in { 
      opacity: 1;
      top: 0;
      margin-top: 120px; 
    }
  }
  #free-header-slide2 {
    transition: all 0.7s cubic-bezier(0.0,0.0,0.0,1.0);
    &.free-header-slide2-in { 
      opacity: 1;
      left: 50%;
      margin-left: 353px; 
    }
  }
  #free-header-slide3 {
    transition: all 0.7s cubic-bezier(0.0,0.0,0.0,1.0);
    &.free-header-slide3-in { 
      opacity: 1;
      margin-top: 120px; 
    }
  }
  #free-footer {
    transition: all 0.7s cubic-bezier(0.0,0.0,0.0,1.0);
    &.free-footer-in { 
      opacity: 1;
      left: 50%;
      margin-left: -725px;
    }
  }
  #free2-table-cell1, #free2-table-cell2, #free2-table-cell3, #free2-table-cell4, #free2-table-cell5, #free2-table-cell6, #free2-table-cell7, #free2-table-cell8, #free2-table-cell9 {
    transition: all 0.7s cubic-bezier(0.0,0.0,0.0,1.0);
    &.free2-table-cell-in {
      opacity: 1;
      top: 0;
    }     
  }
  #free3-table-cell1, #free3-table-cell2, #free3-table-cell3, #free3-table-cell4, #free3-table-cell5 {
    transition: all 0.7s cubic-bezier(0.0,0.0,0.0,1.0);
    &.free3-table-cell-in {
      opacity: 1;
      margin-top: 0;
    }     
  }
  #funding-headerA, #funding-headerB {
    transition: all 0.7s cubic-bezier(0.0,0.0,0.0,1.0);
    &.funding-header-in { 
      position: relative;
      opacity: 1;
      left: 50%;
      width: 1000px;
      margin-left: -500px;
      text-align: center;
    }
  }
  #inperson-footer {
    transition: all 0.7s cubic-bezier(0.0,0.0,0.0,1.0);
    &.inperson-footer-in { 
      opacity: 1;
      left: 50%;
      margin-left: -200px;
    }
  }
  #news-bg-header {
    transition: all 0.7s cubic-bezier(0.0,0.0,0.0,1.0);
    &.news-bg-header-in {
      left: 50%;
      margin-left: -550px;
      opacity: 1;
    }
  }
  #news-story1, #news-story2, #news-story3, #news-story4, #news-story5 {
    transition: all 0.7s cubic-bezier(0.0,0.0,0.0,1.0);
    &.news-story-in {
      margin-top: 0;
      opacity: 1;
    }
  }
  #news2-header {
    transition: all 0.7s cubic-bezier(0.0,0.0,0.0,1.0);
    &.news2-header-in {
      margin-top: 0;
      opacity: 1;
    }
  }
  #remote-footer {
    transition: all 0.7s cubic-bezier(0.0,0.0,0.0,1.0);
    &.remote-footer-in { 
      opacity: 1;
      left: 50%;
      margin-left: -200px;
    }
  }
  #splash-logo2 {
    transition: all 0.7s cubic-bezier(0.0,0.0,0.0,1.0);
    &.splash-logo2-in {
      left: 50%;
      margin-left: -410px;
      opacity: 1;
    }
  }
  #splash-logo3 {
    transition: all 0.7s cubic-bezier(0.0,0.0,0.0,1.0);
    &.splash-logo3-in {
      left: 50%;
      margin-left: -410px;
      opacity: 1;
    }
  }
  #why-header {
    transition: all 0.7s cubic-bezier(0.0,0.0,0.0,1.0);
    &.why-header-in {
      left: 50%;
      margin-left: -80px;
      opacity: 1;
    }      
  }
  #why-interactive-block1, #why-interactive-block2, #why-interactive-block3, #why-interactive-block4, #why-interactive-block5, #why-interactive-block6, #why-interactive-block7, #why-interactive-block8, #why-interactive-block9 {
    transition: all 0.7s cubic-bezier(0.0,0.0,0.0,1.0);
    &.why-interactive-block-in {
      opacity: 1;
      margin-top: 0;
    }
  }
	.about-bg {
  	transition: all 20s linear;
  	&.about-bg-bigger { 
  		background-size: 120% auto;
  	}
  }
	.about-header {
		transition: all 0.7s cubic-bezier(0.0,0.0,0.0,1.0);
		&.about-header-in {
			opacity: 1;
			left: 50%;
			margin-left: -500px;
		}
	}
  .curriculum-header {
    transition: all 0.7s cubic-bezier(0.0,0.0,0.0,1.0);
    &.curriculum-header-in {
      opacity: 1;
      left: 50%;
      margin-left: -600px;
    }
  }
  .curriculum-interactive-block1, .curriculum-interactive-block2, .curriculum-interactive-block3, .curriculum-interactive-block4, .curriculum-interactive-block5 { 
    transition: all 0.7s cubic-bezier(0.0,0.0,0.0,1.0);
    &.curriculum-interactive-block-in {
      opacity: 1;
      margin-top: 0px;
    } 
  }
	.duo-comment-box-bg {
		transition: all 0.7s cubic-bezier(0.0,0.0,0.0,1.0);
		&.duo-comment-box-bg-in {
			opacity: 0.8;
		}
	}
	.duo-comment-box-button-wrap {
		transition: all 0.7s cubic-bezier(0.0,0.0,0.0,1.0);
  	&.duo-comment-box-button-wrap-in { 
			opacity: 1;
			top: 44%;  
		}	
	}
	.duo-comment-box-content {
		transition: all 0.7s cubic-bezier(0.0,0.0,0.0,1.0);
  	&.duo-comment-box-content-in { 
			opacity: 1;
			top: 32%; 
		}
	}
	.duo-comment-box-header {
		transition: all 0.7s cubic-bezier(0.0,0.0,0.0,1.0);
  	&.duo-comment-box-header-in { 
  		opacity: 1;
  		top: 18%; 
  	}
	}
  .navbar-top {
    transition: height 0.4s ease-out, background-color 0.4s ease-out, text-shadow 0.4s ease-out, margin-top 0.7s cubic-bezier(0.0,0.0,0.0,1.0);
    &.navbar-top-opening {
    	margin-top: 0;
    }
    &.navbar-shrink {
    	height: 61px;
    	background-color: rgba(0, 163, 163, 1);
    }
    &.navbar-off {
    	height: 0;
    }
  }
  .navbar-button-top {
    transition: margin-top 0.4s ease-out, text-shadow 0.4s ease-out;
    &.navbar-button-shrink {
    	margin-top: 20px;
    	text-shadow: -1px -1px 0 rgba(225,225,225,0), 1px -1px 0 rgba(225,225,225,0), -1px 1px 0 rgba(225,225,225,0), 1px 1px 0 rgba(225,225,225,0);
    }
    &.navbar-button-off {
    	margin-top: -25px;
    }
  }
  .navbar-button-active-top {
    transition: margin-top 0.4s ease-out;
    &.navbar-button-active-shrink {
    	margin-top: 20px;
    }
    &.navbar-button-active-off {
    	margin-top: -25px;
    }
  }
  .navbar-title-top {
    transition: font-size 0.4s ease-out, margin-left 0.4s ease-out, margin-top 0.4s ease-out, width 0.4s ease-out, top 0.4s ease-out;
    &.navbar-title-shrink {
    	font-size: 12px;
    	text-align: left;
    	margin-left: -20px;
    	margin-top: 15px;
    	width: 188px;
    	top: 0%;
    }
    &.navbar-title-off {
    	margin-top: -50px;
    	top: 0%;
    }
  }
  .navbar-logo-top {
    transition: opacity 0.4s ease-in, margin-top 0.4s ease-out;
    &.navbar-logo-shrink {
    	opacity: 1;
    }
    &.navbar-logo-off {
    	margin-top: -50px;
    	opacity: 1;
    }
  }
  .navbar-wrap {
    transition: all 0.7s cubic-bezier(0.0,0.0,0.0,1.0);
    &.navbar-wrap-opening {
    	margin-top: 0;
    }
  }
  .splash-button {
  	transition: all 0.7s cubic-bezier(0.0,0.0,0.0,1.0);
  	&.splash-button-in { 
  		opacity: 1;
  		left: 50%;  
			margin-left: 300px; 
  	}
  } 
  .splash-header-wrap {
  	transition: all 0.7s cubic-bezier(0.0,0.0,0.0,1.0);
  	&.splash-header-wrap-in { 
  		opacity: 1;
  		top: 0%;
			margin-top: 450px; 
  	}
  } 
  .splash-logo {
  	transition: all 0.7s cubic-bezier(0.0,0.0,0.0,1.0);
  	&.splash-logo-in { 
  		left: 50%;
  		opacity: 1;
  		margin-left: -500px;
  	}
  }
  .staff-pic1 {
  	transition: all 0.6s linear;
  	&.staff-pic1-bigger { 
  		height: 110%;
  		width: 110%;
  		margin-left: -5%;
  		margin-top: -5%;
  		filter: brightness(1.2);
  	}
  }
  .staff-pic2 {
  	transition: all 0.6s linear;
  	&.staff-pic2-bigger { 
  		height: 110%;
  		width: 110%;
  		margin-left: -5%;
  		margin-top: -5%;
  		filter: brightness(1.2);
  	}
  }
  .staff-pic3 {
  	transition: all 0.6s linear;
  	&.staff-pic3-bigger { 
  		height: 110%;
  		width: 110%;
  		margin-left: -5%;
  		margin-top: -5%;
  		filter: brightness(1.2);
  	}
  }
  .staff-pic4 {
  	transition: all 0.6s linear;
  	&.staff-pic4-bigger { 
  		height: 110%;
  		width: 110%;
  		margin-left: -5%;
  		margin-top: -5%;
  		filter: brightness(1.2);
  	}
  }
  .staff-pic5 {
  	transition: all 0.6s linear;
  	&.staff-pic5-bigger { 
  		height: 110%;
  		width: 110%;
  		margin-left: -5%;
  		margin-top: -5%;
  		filter: brightness(1.2);
  	}
  }
  .staff-pic6 {
  	transition: all 0.6s linear;
  	&.staff-pic6-bigger { 
  		height: 110%;
  		width: 110%;
  		margin-left: -5%;
  		margin-top: -5%;
  		filter: brightness(1.2);
  	}
  }
  .staff-pic7 {
  	transition: all 0.6s linear;
  	&.staff-pic7-bigger { 
  		height: 110%;
  		width: 110%;
  		margin-left: -5%;
  		margin-top: -5%;
  		filter: brightness(1.2);
  	}
  }
  .staff-pic8 {
  	transition: all 0.6s linear;
  	&.staff-pic8-bigger { 
  		height: 110%;
  		width: 110%;
  		margin-left: -5%;
  		margin-top: -5%;
  		filter: brightness(1.2);
  	}
  }
  .staff-pic1-wrap {
  	transition: all 0.7s cubic-bezier(0.0,0.0,0.0,1.0);
  	&.staff-pic1-wrap-in { 
  		top: 255px;
  		opacity: 1
  	}
  }	
  .staff-pic2-wrap {
  	transition: all 0.7s cubic-bezier(0.0,0.0,0.0,1.0);
  	&.staff-pic2-wrap-in { 
  		top: 255px;
  		opacity: 1
  	}
  }	
  .staff-pic3-wrap {
  	transition: all 0.7s cubic-bezier(0.0,0.0,0.0,1.0);
  	&.staff-pic3-wrap-in { 
  		top: 685px;
  		opacity: 1
  	}
  }	
  .staff-pic4-wrap {
  	transition: all 0.7s cubic-bezier(0.0,0.0,0.0,1.0);
  	&.staff-pic4-wrap-in { 
  		top: 685px;
  		opacity: 1
  	}
  }
  .staff-pic5-wrap {
  	transition: all 0.7s cubic-bezier(0.0,0.0,0.0,1.0);
  	&.staff-pic5-wrap-in { 
  		top: 1115px;
  		opacity: 1
  	}
  }	
  .staff-pic6-wrap {
  	transition: all 0.7s cubic-bezier(0.0,0.0,0.0,1.0);
  	&.staff-pic6-wrap-in { 
  		top: 1115px;
  		opacity: 1
  	}
  }
  .staff-pic7-wrap {
  	transition: all 0.7s cubic-bezier(0.0,0.0,0.0,1.0);
  	&.staff-pic7-wrap-in { 
  		top: 1545px;
  		opacity: 1
  	}
  }	
  .staff-pic8-wrap {
  	transition: all 0.7s cubic-bezier(0.0,0.0,0.0,1.0);
  	&.staff-pic8-wrap-in { 
  		top: 1545px;
  		opacity: 1
  	}
  }
  .triple-halfscreen-image-a1 {
  	transition: all 0.4s linear;
  	&.triple-halfscreen-image-bigger { 
  		height: 108%;
  		width: 108%;
  		margin-left: -4%;
  		margin-top: -4%;
  		filter: brightness(0.50);
  	}
  }
  .triple-halfscreen-image-a2 {
  	transition: all 0.4s linear;
  	&.triple-halfscreen-image-bigger { 
  		height: 108%;
  		width: 108%;
  		margin-left: -4%;
  		margin-top: -4%;
  		filter: brightness(1.5);
  	}
  }
  .triple-halfscreen-image-a3 {
  	transition: all 0.4s linear;
  	&.triple-halfscreen-image-bigger { 
  		height: 108%;
  		width: 108%;
  		margin-left: -4%;
  		margin-top: -4%;
  		filter: brightness(0.65);
  	}
  }
  .triple-halfscreen-text-a1 {
  	transition: all 0.4s linear;
  	&.triple-halfscreen-text-bigger { 
  		filter: brightness(2); 
  		text-shadow: -2px -2px 15px rgba(0,0,0,1), 2px -2px 15px rgba(0,0,0,1), -2px 2px 15px rgba(0,0,0,1), 2px 2px 15px rgba(0,0,0,1);
  	}
  }
  .triple-halfscreen-text-a2 {
  	transition: all 0.4s linear;
  	&.triple-halfscreen-text-bigger { 
  		filter: brightness(2); 
  		text-shadow: -2px -2px 15px rgba(0,0,0,1), 2px -2px 15px rgba(0,0,0,1), -2px 2px 15px rgba(0,0,0,1), 2px 2px 15px rgba(0,0,0,1);
  	}
  }
  .triple-halfscreen-text-a3 {
  	transition: all 0.4s linear;
  	&.triple-halfscreen-text-bigger { 
  		filter: brightness(2); 
  		text-shadow: -2px -2px 15px rgba(0,0,0,1), 2px -2px 15px rgba(0,0,0,1), -2px 2px 15px rgba(0,0,0,1), 2px 2px 15px rgba(0,0,0,1);
  	}
  }
}

@keyframes index-bg-header1 {
  0% { 
  	left: 0; 
    opacity: 0.8;
  }
  22.5% { 
  	left: 0; 
    opacity: 0.8;
  }
  25% { 
  	left: 100%; 
    opacity: 0.8;
  }
  47.5% { 
  	left: 100%; 
  	opacity: 0;
  }
  50% { 
  	left: -100%;
  	opacity: 0;
  }
  97.5% { 
    left: -100%;
    opacity: 0.8;
  }
  100% {
    left: 0;
    opacity: 0.8;
  }
}

@keyframes index-bg-header2 {
  0% { 
  	left: 0;
    opacity: 0;
  }
  22% { 
  	left: -100%;
    opacity: 0;
  }
  22.5% { 
    left: -100%;
    opacity: 0.6;
  }  
  25% { 
  	left: 0;
    opacity: 0.6;
  }
  47.5% { 
    left: 0;
    opacity: 0.6;
  }
  50% { 
    left: 100%;
    opacity: 0.6;
  }
  72.5% { 
    left: 100%;
    opacity: 0;
  }
  100% {
  	left: 0;
  	opacity: 0;
  }
}

@keyframes index-bg-header3 {
  0% { 
  	left: 0;
    opacity: 0;
  }
  22.5% { 
  	left: -100%;
    opacity: 0;
  }
  47.5% { 
  	left: -100%;
    opacity: 0.6;
  }
  50% { 
  	left: 0;
    opacity: 0.6;
  }
  72.5% { 
    left: 0;
    opacity: 0.6;
  }
  75% { 
  	left: 100%;
    opacity: 0.6;
  }
  97.5% { 
    left: 100%;
    opacity: 0;
  }
  100% {
  	left: 0;
    opacity: 0;
  }
}

@keyframes index-bg-header4 {
  0% { 
    left: 100%;
    opacity: 0.7;
  }
  22.5% { 
    left: 100%;
    opacity: 0;
  }
  25% { 
    left: -100%;
    opacity: 0;
  }
  72.5% { 
  	left: -100%;
    opacity: 0.7;
  }
  75% { 
  	left: 0;
    opacity: 0.7;
  }
  97.5% { 
    left: 0;
    opacity: 0.7;
  }
  100% {
  	left: 100%;
    opacity: 0.7;
  }
}

@keyframes curriculum-img-bg {
  0% { 
    background-image: url('../img/curriculum-bg.avif'); 
    background-size: 100% auto;
    background-position: 50% 20%
  }
  7.69% { 
    background-image: url('../img/curriculum-bg.avif'); 
    background-size: 105% auto;
    background-position: 50% 20%
  }
  7.7% {
    background-image: url('../img/curriculum-bg2.avif'); 
    background-size: 100% auto;
    background-position: 50% 20%
  }
  15.39% {
    background-image: url('../img/curriculum-bg2.avif'); 
    background-size: 105% auto;
    background-position: 50% 20%
  }
  15.4% {
    background-image: url('../img/curriculum-bg3.avif'); 
    background-size: 100% auto;
    background-position: 50% 30%;
  }
  23.09% {
    background-image: url('../img/curriculum-bg3.avif'); 
    background-size: 105% auto;
    background-position: 50% 30%;
  }
  23.1% {
    background-image: url('../img/curriculum-bg4.avif'); 
    background-size: 100% auto;
    background-position: 50% 20%
  }
  30.79% {
    background-image: url('../img/curriculum-bg4.avif'); 
    background-size: 105% auto;
    background-position: 50% 20%
  }
  30.8% {
    background-image: url('../img/curriculum-bg5.webp'); 
    background-size: 100% auto;
    background-position: 50% 35%
  }
  38.49% {
    background-image: url('../img/curriculum-bg5.webp'); 
    background-size: 105% auto;
    background-position: 50% 35%
  }
  38.5% {
    background-image: url('../img/curriculum-bg6.avif'); 
    background-size: 100% auto;
    background-position: 50% 75%;
  }
  46.19% {
    background-image: url('../img/curriculum-bg6.avif'); 
    background-size: 105% auto;
    background-position: 50% 75%;
  }
  46.2% {
    background-image: url('../img/curriculum-bg7.avif'); 
    background-size: 100% auto;
    background-position: 50% 35%
  }
  53.89% {
    background-image: url('../img/curriculum-bg7.avif'); 
    background-size: 105% auto;
    background-position: 50% 35%
  }
  53.9% {
    background-image: url('../img/curriculum-bg8.avif'); 
    background-size: 100% auto;
    background-position: 50% 75%
  }
  61.59% {
    background-image: url('../img/curriculum-bg8.avif'); 
    background-size: 105% auto;
    background-position: 50% 75%
  }
  61.6% {
    background-image: url('../img/curriculum-bg9.avif'); 
    background-size: 100% auto;
    background-position: 50% 54.5%;
  }
  69.29% {
    background-image: url('../img/curriculum-bg9.avif'); 
    background-size: 105% auto;
    background-position: 50% 54.5%;
  }
  69.3% {
    background-image: url('../img/curriculum-bg10.avif'); 
    background-size: 100% auto;
    background-position: 50% 40%
  }
  76.99% {
    background-image: url('../img/curriculum-bg10.avif'); 
    background-size: 105% auto;
    background-position: 50% 40%
  }
  77% { 
    background-image: url('../img/curriculum-bg11.webp'); 
    background-size: 100% auto;
    background-position: 50% 35%
  }
  84.69% { 
    background-image: url('../img/curriculum-bg11.webp'); 
    background-size: 105% auto;
    background-position: 50% 35%
  }
  84.7% {
    background-image: url('../img/curriculum-bg12.avif'); 
    background-size: 100% auto;
    background-position: 50% 50%;
  }
  92.39% {
    background-image: url('../img/curriculum-bg12.avif'); 
    background-size: 105% auto;
    background-position: 50% 50%;
  }
  92.4% {
    background-image: url('../img/curriculum-bg13.avif'); 
    background-size: 100% auto;
    background-position: 50% 0%;
  }
  99.99% {
    background-image: url('../img/curriculum-bg13.avif'); 
    background-size: 105% auto;
    background-position: 50% 0%
  }
  100% {
    background-image: url('../img/curriculum-bg.avif'); 
    background-size: 100% auto;
    background-position: 50% 20%
  }
}

body { 
	background-color: #FFFFFF; 
	margin: 0; 
	padding: 0; 
	border-width: 0;
	overflow-x: hidden;
}

body.preload *{
	animation-duration: 0s !important;
	-webkit-animation-duration: 0s !important;
}

a:link {	color:#8F0000; text-decoration: none }
a:visited {	color:#8F0000; text-decoration: none }
a:hover {	color:#8F0000; text-decoration: none }
a:active {	color:#8F0000; text-decoration: none }

.about-bg {
	background-image: url('../img/about-bg-scaled.avif'); 
	background-size: 100% auto;
  background-position: 40% 30%;
	position: absolute;
	width: 100%;
	height: 100%;
}

.about-bg-overlay {
	width: 100%;
	height: 100%;
}

.about-bg-wrap {
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 500px;
	position: absolute;
	overflow: hidden;
}

.about-header {
	position: absolute; 
	top: 0%;
	left: 100%;
	opacity: 0;
	margin-top: 225px;
	margin-left: 0;
	font-size: 140px; 
	width: 1000px; 
	text-align: center;
	text-shadow: -1px -1px 0 rgba(85,85,85,1), 1px -1px 0 rgba(85,85,85,1), -1px 1px 0 rgba(85,85,85,1), 1px 1px 0 rgba(85,85,85,1);
	font-family: 'Lexend', sans-serif;
	font-weight: 700;
	letter-spacing: -4px;
	line-height: 92px;
	color: #FFFFFF;
}

.admissions-form-banner {
	position: relative; 
	width: 840px; 
	height: 60px; 
	background-color: #00A3A3; 
	left: 30px; 
}

.admissions-form-break-A, .free-form-break-A, .funding-form-break-A {
	position: relative; 
	width: 10px; 
	height: 20px
}

.admissions-form-break-B {
	position: relative; 
	float: left; 
	width: 20px; 
	height: 44px
}

.admissions-form-break-C {
	position: relative; 
	width: 10px; 
	height: 77px
}

.admissions-form-break-D {
	position: relative; 
	width: 10px; 
	height: 70px
}

.admissions-form-input-A {
	position: relative; 
	border: 2px solid #7F473C; 
	width: 250px; 
	height: 25px
}

.admissions-form-input-wrap {
	position: relative; 
	z-index: 10; 
	float: left; 
	width: 300px; 
	height: 44px
}

.admissions-form-submit-section {
	position: relative; 
	left: 50%; 
	margin-left: -150px; 
	width: 300px; 
	top: 290px
}

.admissions-form-text {
	position: relative; 
	color: #7F473C; 
	width: 400px;
	text-align: right;
	font-family: 'Inter', sans-serif;
	font-size: 22px;
	font-weight: 600;
	line-height: 1;
	float: left;
	height: 44px; 
}

.admissions-form-text-B {
	position: relative; 
	color: #7F473C; 
	width: 100%;
	text-align: center;
	font-family: 'Inter', sans-serif;
	font-size: 22px;
	font-weight: 600;
	line-height: 1;
	float: left;
	height: 44px; 
}

.admissions-form-textarea-A {
	resize: none; 
	position: relative; 
	border: 2px solid #7F473C; 
	width: 400px; 
	left: 50%; 
	margin-left: -200px; 
	height: 120px;
	top: -5px
}

.admissions-form-textarea-B {
	resize: none; 
	position: relative; 
	border: 2px solid #7F473C; 
	width: 600px; 
	left: 50%; 
	margin-left: -300px; 
	height: 225px; 
	top: -5px
}

.admissions-form-textarea-wrap-A {
	position: relative; 
	width: 100%; 
	height: 120px
}

.admissions-form-textarea-wrap-B {
	position: relative; 
	width: 100%; 
	height: 275px; 
}

.bad-format-splash-logo {
  left: 50%;
  margin-left: -150px;
  top: 0%;
  margin-top: 110px;
  height: 300px; 
  width: 300px; 
  position: absolute; 
  background-image: url('../img/iomr-logo(shadow).webp'); 
  background-size: cover;
}

.break-bg {
	position: absolute; 
	width: 100%; 
	height: 40px; 
	background-color: #7F473C;
}

.break-text {
	font-family: 'Inter', sans-serif;
	font-weight: bold;
	line-height: 15px;
	position: relative; 
	font-size: 30px; 
	letter-spacing: 5px; 
	text-align: center; 
	width: 100%; 
	top: 0%; 
	margin-top: 13px;
	color: #FFFFFF;
}

.brown { color: #7F473C }

.brown-slate {
	position: absolute; 
	width: 100%;  
	background-color: #7F473C;
}

.brown-slate::before {
	content: "";
	position: absolute; 
	background-size: cover; 
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	opacity: 0.05;
}

.brown-slate2 {
  position: absolute; 
  width: 100%;  
  background-color: #7F473C;
}

.brown-slate2::before {
  content: "";
  position: absolute; 
  background-size: cover; 
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  opacity: 0.1;
}

.brown-slate-overlay {
	position: absolute; 
	width: 100%;
}

.bold600 { font-weight: 600 }

.bold700 { font-weight: 700 }

.bold900 { font-weight: 900 }

.button-bg {
	width: 100%;
	height: 100%;
	position: relative; 
	filter: drop-shadow(2px 2px 5px #000000);
}

.button-text {
	font-family: 'Lexend', sans-serif;  
	letter-spacing: -1px; 
	position: relative; 
	font-weight: bold;
	line-height: 92px;
	text-align: center;
	width: 100%;
}

.button-wrap {
	position: relative; 
	font-family: 'Inter', sans-serif;
	font-weight: bold;
	line-height: 15px;
	color: #FFFFFF;
}

.clickable, .clickable2 {
	position: absolute; 
	z-index: 1000; 
	height: 100%; 
	width: 100%
}

.contact-form-break-A { 
	position: relative; 
	width: 10px; 
	height: 12px 
}

.contact-form-break-B {
	position: relative; 
	float: left; 
	width: 20px; 
	height: 10px
}

.contact-form-input-A {
	border-color: #7F473C; 
	width: 300px
}

.contact-form-text {
	position: relative; 
	color: #7F473C; 
	width: 360px;
	text-align: right;
	font-family: 'Inter', sans-serif;
	font-size: 22px;
	font-weight: 600;
	line-height: 15px;
	float: left;
}

.content {
	font-family: 'Inter', sans-serif;
	font-size: 20px;
	font-weight: bold;
	line-height: 15px;
	color: #FFFFFF;
}

.curriculum-block-header, .why-block-header {
	width: 355px; 
	height: 20px; 
	position: absolute; 
	left: 50%; 
	text-shadow: -1px -1px 0 rgba(85,85,85,1), 1px -1px 0 rgba(85,85,85,1), -1px 1px 0 rgba(85,85,85,1), 1px 1px 0 rgba(85,85,85,1); 
	font-size: 20px; 
	font-weight: 700; 
	font-family: 'Inter', sans-serif; 
	line-height: 20px; 
	color: #FFFFFF; 
	line-height: 0.7 
}

.curriculum-block-shade, .why-block-shade {
	width: 380px; 
	height: 320px; 
	position: absolute; 
	left: 50%; 
	background-color: black; 
	opacity: 0.1
}

.curriculum-block-subtext, .why-block-subtext {
	visibility: hidden; 
	width: 320px; 
	height: 60px; 
	position: absolute; 
	left: 50%; 
	text-align: left; 
	text-shadow: -1px -1px 0 rgba(85,85,85,1), 1px -1px 0 rgba(85,85,85,1), -1px 1px 0 rgba(85,85,85,1), 1px 1px 0 rgba(85,85,85,1); 
	font-size: 16px; 
	font-weight: 400; 
	font-family: 'Inter', sans-serif; 
	line-height: 20px; 
	color: #FFFFFF;
}

.curriculum-header {
  position: absolute; 
  top: 0%;
  left: 100%;
  opacity: 0;
  margin-left: 0;
  margin-top: 375px;
  font-size: 110px; 
  width: 1200px; 
  line-height: 0.9;
  text-align: center;
  text-shadow: -1px -1px 0 rgba(85,85,85,1), 1px -1px 0 rgba(85,85,85,1), -1px 1px 0 rgba(85,85,85,1), 1px 1px 0 rgba(85,85,85,1);
  font-family: 'Lexend', sans-serif;
  font-weight: 700;
  letter-spacing: -4px;
  color: #FFFFFF;
}

.curriculum-interactive-block1, .curriculum-interactive-block2, .curriculum-interactive-block3, .curriculum-interactive-block4, .curriculum-interactive-block5 {
  position: absolute;
  left: 50%;
  top: 0;
  opacity: 0;
  margin-top: 300px;
}

.curriculum-slide5-subheader {
	position: relative; 
	font-size: 22px; 
	color: #7F473C;
	width: 600px; 
	text-align: left; 
	font-family: 'Lexend', sans-serif;
	font-weight: bold;
	letter-spacing: -1.5px;
	line-height: 1;
	left: 30px; 
}

.curriculum-slide5-subtext {
	position: relative; 
	color: #00A3A3; 
	width: 80%; 
	left: 50px; 
	margin-left: 0; 
	text-align: left; 
	font-family: 'Inter', sans-serif;
	font-size: 19px;
	line-height: 1.5
}

.curriculum-slideshow-nav-dot {
  position: absolute; 
  background-color: #FFFFFF; 
  border: 1px solid #303030; 
  border-radius: 50%; 
  height: 8px; 
  width: 8px; 
  top: 100%; 
  margin-top: -30px; 
  left: 50%; 
  margin-left: -203px; 
  opacity: 0.35
}

.curriculum-slideshow-nav-dot-active { opacity: 1 }

.curriculum-slideshow-nav-left, .curriculum-slideshow-nav-right {
  position: absolute; 
  height: 92px; 
  width: 32px; 
  top: 275px; 
  background-color: #303030; 
  border: 4px solid #303030; 
}

.curriculum-slideshow-nav-left { border-radius: 0px 4px 4px 0px }

.curriculum-slideshow-nav-right { 
  left: 100%; 
  margin-left: -40px; 
  border-radius: 4px 0px 0px 4px
}

.curriculum-slideshow-pic1 { 
  background-image: url('../img/slideshow1.avif');
  background-position: 50% 50%; 
}

.curriculum-slideshow-pic2 {
  background-image: url('../img/slideshow2.avif'); 
  background-position: 50% 50%; 
}

.curriculum-slideshow-pic3 { 
  background-image: url('../img/slideshow3.avif');
  background-position: 50% 50%;
}

.curriculum-slideshow-pic4 { 
  background-image: url('../img/slideshow4.avif');
  background-position: 50% 50%;
}

.curriculum-slideshow-pic5 {
  background-image: url('../img/slideshow5.avif'); 
  background-position: 50% 60%; 
}

.curriculum-slideshow-pic6 { 
  background-image: url('../img/slideshow6.avif');
  background-position: 50% 50%;
}

.curriculum-slideshow-pic7 {
  background-image: url('../img/slideshow7.avif'); 
  background-position: 50% 100%; 
}

.curriculum-slideshow-pic8 {
  background-image: url('../img/slideshow8.avif'); 
  background-position: 75% 50%; 
}

.curriculum-slideshow-pic9 { 
  background-image: url('../img/slideshow9.avif');
  background-position: 50% 50%;
}

.curriculum-slideshow-pic10 { 
  background-image: url('../img/slideshow10.avif');
  background-position: 50% 50%;
}

.curriculum-slideshow-pic11 {
  background-image: url('../img/slideshow11.avif'); 
  background-position: 65% 50%; 
}

.curriculum-slideshow-pic12 { 
  background-image: url('../img/slideshow12.avif');
  background-position: 50% 50%;
}

.curriculum-slideshow-pic13 {
  background-image: url('../img/slideshow13.avif'); 
  background-position: 50% 100%; 
}

.curriculum-slideshow-pic14 {
  background-image: url('../img/slideshow14.avif'); 
  background-position: 50% 0%; 
}

.curriculum-slideshow-pic15 { 
  background-image: url('../img/slideshow15.avif');
  background-position: 50% 50%;
}

.curriculum-slideshow-pic16 {
  background-image: url('../img/slideshow16.avif'); 
  background-position: 50% 30%; 
}

.curriculum-slideshow-pic17 {
  background-image: url('../img/slideshow17.avif'); 
  background-position: 56% 50%; 
}

.curriculum-slideshow-pic18 {
  background-image: url('../img/slideshow18.avif'); 
  background-position: 73% 50%; 
}

.curriculum-slideshow-pic19 { 
  background-image: url('../img/slideshow19.avif');
  background-position: 50% 50%;
}

.curriculum-slideshow-pic20 {
  background-image: url('../img/slideshow20.avif'); 
  background-position: 45% 50%; 
}

.curriculum-startdate-button {
	position: relative; 
	height: 40px; 
	width: 110px; 
	background-color:#00A3A3; 
	margin-top: 10px; 
	margin-bottom: -10px; 
	left: 50%; 
	margin-left: 280px; 
	border: 5px solid #00A3A3; 
	border-radius: 10px
}

.curriculum-startdate-button-text {
	position: relative; 
	color: #8F0000; 
	width: 100%; 
	left: 0; 
	top: 7px;
	font-weight: 600;
	margin-left: 0; 
	text-align: center; 
	font-family: 'Inter', sans-serif;
	font-size: 18px;
	line-height: 1.5;
	float: left;
}

.curriculum-startdate-subtext, .free2-table-availability-subtext {
	position: relative; 
	top: -13px
}

.curriculum-startdate-text {
	color: #FFFFFF;
	position: relative;  
	text-align: left; 
	font-family: 'Inter', sans-serif;
	font-size: 18px;
	line-height: 1.5;
}

.custom-submit {
	border-radius: 15px;
	background-color: #00A3A3;  
	width: 100%;
	height: 100%;
	position: relative; 
	float: left;
	filter: drop-shadow(2px 2px 5px #000000);
	font-family: 'Lexend', sans-serif;  
	letter-spacing: -1px; 
	position: relative; 
	font-weight: bold;
	text-align: center;
	font-size: 19px;
	color: #8F0000;
	border-color: rgba(255,255,255,0);
}

.duo-comment-box-bg, .duo-comment-box-text {
	position: relative; 
	width: 70%; 
	height: 225px; 
	left: 50%; 
	top: 100%; 
	margin-top: -225px; 
	margin-left: -35%;
}

.duo-comment-box-bg {
	background-color: #7F473C;
	opacity: 0;
}

.duo-comment-box-button-wrap {
	position: relative; 
	font-family: 'Inter', sans-serif;
	font-weight: bold;
	line-height: 15px;
	color: #FFFFFF;
	left: 50%; 
	margin-left: -60px; 
	top: 90%; 
	opacity: 0;
	width: 120px;
	height: 50px;
}

.duo-comment-box-content {
	position: relative; 
	width: 100%;
	top: 90%; 
	opacity: 0;
	text-align: center; 
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #FFFFFF;
}

.duo-comment-box-header {
	position: relative; 
	font-size: 30px; 
	letter-spacing: -1px; 
	width: 100%;
	top: 90%;
	opacity: 0; 
	text-align: center;
	font-family: 'Inter', sans-serif;
	font-weight: bold;
	line-height: 15px;
	color: #FFFFFF;
}

.duo-fullscreen-image {
	position: absolute; 
	width: 50%; 
	height: calc(100% - 40px); 
	background-size: cover; 
}

.fontsize-16 { font-size: 16px }

.fontsize-32 { font-size: 32px }

.fontsize-41 { font-size: 41px }

.fontsize-43 { font-size: 43px }

.fontsize-53 { font-size: 53px }

.fontsize-57 { font-size: 57px }

.fontsize-58 { font-size: 58px }

.fontsize-70 { font-size: 70px }

.fontsize-77 { font-size: 77px }

.fontsize-88 { font-size: 88px }

.fontsize-88point5 { font-size: 88.5px }

.fontsize-90 { font-size: 90px }

.fontsize-100 { font-size: 100px }

.fontsize-101 { font-size: 101px }

.fontsize-110 { font-size: 110px }

.fontsize-117 { font-size: 117px }

.free-form-break-B {
	position: relative; 
	float: left; 
	width: 20px; 
	height: 10px
}

.free-form-break-C, .news-spacer-C {
	position: relative; 
	width: 10px; 
	height: 10px
}

.free-form-break-D {
	position: relative; 
	float: left; 
	width: 370px; 
	height: 10px
}

.free-form-input {
	border-color: #7F473C; 
	width: 300px
}

.free-form-submit-cell {
	position: relative; 
	float: left; 
	width: 300px
}

.free-form-text {  
	position: relative; 
	color: #7F473C; 
	width: 370px;
	text-align: right;
	font-family: 'Inter', sans-serif;
	font-size: 22px;
	font-weight: 600;
	line-height: 15px;
	float: left;
}

.free2-table-cell {
  position: relative;
  top: 300px;
  opacity: 0;
}

.free2-line-break-A, .free2-line-break-B, .news-line-break {
	position: relative; 
	height: 4px; 
	width: 100px; 
	left: 50%; 
	margin-left: -50px; 
	background-color: #8F0000
}

.free2-line-break-B { background-color: #00A3A3 }

.free-title {
	text-shadow: -1px -1px 0 rgba(50,50,50,1), 1px -1px 0 rgba(50,50,50,1), -1px 1px 0 rgba(50,50,50,1), 1px 1px 0 rgba(50,50,50,1); 
	font-family: 'Lexend', sans-serif;
	font-size: 100px;
	font-weight: bold;
	letter-spacing: -4px;
	line-height: 92px;
	color: #BBBBE2;
	position: relative; 
	text-align: center; 
	left: 50%; 
	width: 150px;
	margin-left: 595px;
}

.free2-banner-break1, .free2-banner-break2 {
	position: relative; 
	width: 100%; 
	height: 150px; 
	top: 80px; 
	background-color: #8F0000
}

.free2-banner-break2 { top: 150px }

.free2-banner-break-text1, .free2-banner-break-text2 {
	position: relative; 
	font-size: 50px; 
	color: #FFFFFF; 
	width: 100%; 
	text-align: center; 
	font-family: 'Lexend', sans-serif;
	font-weight: bold;
	letter-spacing: -4px;
	line-height: 1; 
	top: 46px
}

.free2-banner-break-text2 { top: 25px }

.free2-header, .free2-header2, .free2-header3, .free2-header4 {
	position: relative; 
	font-size: 55px; 
	color: #00A3A3; 
	width: 100%; 
	text-align: center; 
	font-family: 'Lexend', sans-serif;
	font-weight: bold;
	letter-spacing: -4px;
	line-height: 0.6;
}

.free2-header2, .free2-header3 { line-height: 1 }

.free2-header3 { color: #7F473C }

.free2-header4 { margin-bottom: 4px; margin-top: -6px; line-height: 0.7 }

.free2-list-content, .inperson-list-content, .remote-list-content {
	font-size: 16px; 
	font-weight: 300;
	color: #7F473C;;
}

.free2-spacer-A, .news-spacer-A {
	position: relative; 
	height: 100px; 
	width: 10px
}

.free2-spacer-B {
	height: 55px; 
	width: 10px
}

.free2-spacer-C, .news-spacer-B {
	width: 10px; 
	height: 50px
}

.free2-subheader, .free2-subheader2 {
	position: relative; 
	font-size: 38px;  
	color: #00A3A3; 
	width: 100%; 
	text-align: center; 
	font-family: 'Lexend', sans-serif;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 1; 
}

.free2-subheader2 { color: #7F473C }

.free2-subtext, .free2-subtext2 {
	position: relative; 
	color: #7F473C; 
	width: 800px; 
	left: 50%; 
	margin-left: -400px; 
	text-align: center; 
	font-family: 'Inter', sans-serif;
	font-size: 19px;
	line-height: 1.5;
  	top: 40px
}

.free2-subtext2 { color: #8F0000 }

.free2-table-availability {
	position: relative; 
	color: #7F473C;  
	width: 100px; 
	left: 50%; 
	margin-left: -50px; 
	text-align: center; 
	font-family: 'Inter', sans-serif;
	font-size: 18px;
	line-height: 0px;
	top: 48px; 
	font-weight: 600; 
}

.free2-table-button {
	position: relative; 
	height: 40px; 
	width: 110px; 
	background-color: #00A3A3; 
	top: 10px; 
	left: 50%; 
	margin-left: 280px; 
	border: 5px solid #00A3A3; 
	border-radius: 10px
}

.free2-table-button-text {
	position: relative; 
	color: #8F0000;
	width: 100%;
	left: 0; 
	margin-left: 0; 
	text-align: center; 
	font-family: 'Inter', sans-serif;
	font-size: 18px;
	line-height: 1.5;
	top: 7px; 
	float: left; 
	font-weight: 600;
}

.free2-table-header {
	position: relative; 
	color: #7F473C; 
	width: 1078px; 
	margin-left: 0;  
	text-align: left; 
	font-family: 'Inter', sans-serif;
	font-size: 23px; 
	line-height: 1.5;
	font-weight: 600; 
	top: 20px; 
}

.free2-table-line-break {
	opacity: 0.4; 
	position: relative; 
	top: 22px
}

.free2-table-month {
	position: relative; 
	color: #8F0000; 
	width: 400px; 
	left: 0;
	margin-left: 0; 
	text-align: left; 
	font-family: 'Inter', sans-serif;
	font-size: 18px;
	line-height: 1.5;
	top: 48px; 
	float: left; 
	font-weight: 600; 
}

.free3-table-cell {
  position: relative;
  margin-top: 300px;
  opacity: 0;
}

.funding-form-break-B {
	position: relative; 
	float: left; 
	width: 20px; 
	height: 10px
}

.funding-form-break-C {
	position: relative; 
	width: 10px; 
	height: 10px
}

.funding-form-break-D {
	position: relative; 
	float: left; 
	width: 20px; 
	height: 44px
}

.funding-form-break-E {
	position: relative; 
	width: 10px; 
	height: 75px
}

.funding-form-break-F {
	position: relative; 
	float: left; 
	width: 20px; 
	height: 80px
}

.funding-form-break-G {
	position: relative; 
	width: 10px; 
	height: 100px
}

.funding-form-break-H {
	position: relative; 
	width: 10px; 
	height: 70px
}

.funding-form-break-I {
	position: relative; 
	width: 10px; 
	height: 77px
}

.funding-form-checkbox {
	z-index: 10; 
	position: relative; 
	float: left; 
	left: -3px; 
	width: 23px; 
	height: 23px; 
	top: -6px; 
	accent-color: #7F473C
}

.funding-form-checkbox-label {
	position: relative; 
	color: #7F473C; 
	font-family: 'Inter', sans-serif; 
	font-size: 18px; 
	font-weight: 600; 
	left: 3px; 
	top: -2px
}

.funding-form-input-area {
	position: relative; 
	float: left; 
	width: 300px
}

.funding-form-input-bar {
	position: relative; 
	border: 1px solid #7F473C; 
	width: 250px; 
	height: 25px
}

.funding-form-radio-break {
	position: relative; 
	float: left; 
	width: 20px; 
	height: 1px
}

.funding-form-radio-button {
	position: relative; 
	float: left; 
	width: 27px; 
	height: 27px; 
	top: -8px; 
	accent-color: #7F473C;
}

.funding-form-radio-button-label {
	position: relative; 
	float: left; 
	color: #7F473C; 
	font-family: 'Inter', sans-serif; 
	font-size: 18px; 
	font-weight: 600; 
	top: -2px
}

.funding-form-sample-camp-column {
	position: relative; 
	width: 33%; 
	height: 100%; 
	float: left
}

.funding-form-sample-camp-checkbox {
	position: relative; 
	float: left; 
	left: -3px; 
	width: 23px; 
	height: 23px; 
	accent-color: #7F473C
}

.funding-form-sample-camp-checkbox-label {
	position: relative; 
	color: #7F473C; 
	font-family: 'Inter', sans-serif; 
	font-size: 14px; 
	font-weight: 300; 
	left: 3px
}

.funding-form-text {
	position: relative; 
	color: #7F473C; 
	width: 400px;
	text-align: right;
	font-family: 'Inter', sans-serif;
	font-size: 22px;
	font-weight: 600;
	line-height: 15px;
	float: left; 
}

.grey-slate {
	position: absolute; 
	width: 100%;  
	background-color: #D0D3CA;
}

.header {
	font-family: 'Lexend', sans-serif;
	font-size: 72px;
	font-weight: 700;
	letter-spacing: -4px;
	line-height: 92px;
	color: #FFFFFF;
}

.inperson-break, .remote-break {
	position: relative; 
	height: 4px; 
	width: 100px; 
	left: 50%; 
	margin-left: -50px; 
	background-color: #8F0000
}

.inperson-spacer-A, .remote-spacer-A {
	position: relative; 
	height: 100px; 
	width: 10px
}

.inperson-spacer-B, .remote-spacer-B {
	height: 55px; 
	width: 10px
}

.inperson-subheader, .remote-subheader {
	position: relative; 
	color: #7F473C;
	width: 100%;  
	text-align: center; 
	font-family: 'Inter', sans-serif;
	font-weight: bold;
	letter-spacing: -1px;
	font-size: 38px; 
	line-height: 1;
}

.inperson-subtext, .remote-subtext {
	position: relative; 
	color: #00A3A3; 
	width: 800px; 
	left: 50%; 
	margin-left: -400px;
	text-align: center; 
	font-family: 'Inter', sans-serif;
	font-size: 19px;
	line-height: 1.5;
  	top: 40px
}

.letterspacing-1point1 { letter-spacing: -1.1px }

.letterspacing-28point7 {	letter-spacing: 28.7px }

.line-break {
	opacity: 0.4; 
	position: relative; 
}

.navbar-button-active-top, .navbar-button-top {
	position: absolute;
	left: 50%;
	margin-top: 40px;
	height: 25px;
	font-weight: 700;
	font-size: 16px;
}

.navbar-button-active-top {	color: white; }

.navbar-button-active-top a:link {	color: white; text-decoration: none }
.navbar-button-active-top a:visited {	color: white; text-decoration: none }
.navbar-button-active-top a:hover {	color: white; text-decoration: none }
.navbar-button-active-top a:active {	color: white; text-decoration: none }

.navbar-dropdown {
	z-index: 98; 
	position: fixed; 
	margin: 0; 
	top: 85px; 
	width: 100%; 
	height: 0; 
	background-color: #00A3A3;  
	font-family: 'Lexend', sans-serif; 
	font-weight: 600;
	color:#8F0000; 
	text-align: center; 
	font-size: 16px;
}

.navbar-hamburger-line1, .navbar-hamburger-line2, .navbar-hamburger-line3 {
	background-color: #FFFFFF;
	position: absolute;
	width: 100%; 
	height: 3px; 
}

.navbar-hamburger-line1 { margin-top: 0px }

.navbar-hamburger-line2 { margin-top: 6px }

.navbar-hamburger-line3 { margin-top: 12px }

.navbar-hamburger-wrap { 
	position: absolute; 
	width: 20px; 
	height: 45px; 
	top: 35px; 
	left: 100%; 
	margin-left: -55px; 
	display: none 
}

.navbar-logo-top {
	position: absolute; 
	height: 30px; 
	width: 54px; 
	top: 0%; 
	margin-top: 15px;
	left: 50%; 
	margin-left: -86px; 
	background-image: url('../img/iomr-small-logo-(reprint).png'); 
	background-size: cover;
	opacity: 0;
	image-rendering: crisp-edges;
}

.navbar-title-top {
	position: absolute; 
	font-size: 30px; 
	height: 95px; 
	width: 300px; 
	left: 50%; 
	margin-left: -150px; 
	top: 0%; 
	margin-top: 11px; 
	color: white;
}

.navbar-top {
	z-index: 100; 
	position: fixed; 
	top: 0; 
	width: 100%; 
	height: 100px; 
	margin-top: -115px;
	background-color: rgba(0, 163, 163, 0.8); 
	box-shadow: 1px 1px 10px rgba(0,0,0,0.7); 
	font-family: 'Lexend', sans-serif; 
	font-weight: 600;
	color:#8F0000; 
	text-align: center; 
	font-size: 16px;
}

.navbar-wrap {
	position: absolute;
	margin-top: -115px;
	width: 100%;
}

.navbutton-wrap { 
	position: relative;
	z-index: 101;
	font-family: 'Lexend', sans-serif; 
	font-weight: 600;
	color:#8F0000; 
	text-align: center; 
	font-size: 16px;
	position: fixed;
	left: 0;
	width: 100%;
}

.news-cell {
	position: relative; 
	width: 95%; 
	left: 5%; 
	height: 200px
}

.news-header {
	position: relative; 
	font-size: 30px; 
	color:#00A3A3; 
	width: 100%; 
	text-align: left; 
	font-family: 'Lexend', sans-serif;
	font-weight: bold;
	letter-spacing: 0.5px;
}

.news-header-headline { 
	position: relative; 
	width: 97%; 
	left: 3%; 
	color: #7F473C 
}

.news-pic { 
	position: relative; 
	height: 100%; 
	width: 25%; 
	background-size: cover; 
	float: left 
}

.news-story {
  position: relative;
  margin-top: 300px;
  opacity: 0;
}

.news-subtext, .admissions-subtext {
	position: relative; 
	color: #7F473C;  
	text-align: left; 
	font-family: 'Inter', sans-serif;
	font-size: 19px;
	line-height: 1;
	margin: 1%;
}

.news-subtext { 
	color: #00A3A3; 
	position: relative; 
	height: 89%; 
	width: 73%; 
	float: left
}

.newsfeed {
	position: relative; 
	width: 1200px; 
	height: 100%; 
	left: 50%; 
	margin-left: -600px
}

.Q-img, .why-img {
	width: 380px; 
	height: 320px; 
	position: absolute; 
	left: 50%;
	background-size: cover;  
}

.quad-slide-tiles {
	width: 20%; 
	height: 400px; 
	top: 120px; 
	position: absolute; 
}

.quad-slide-tiles-header, .quad-slide-tiles-text {
	font-family: 'Inter', sans serif; 	 
	color: white; 
	padding: 30px;
}

.quad-slide-tiles-header {
	font-weight: 600;
	padding-right: 0;
	padding-bottom: 0;
	font-size: 19px; 
	letter-spacing: -1px; 
}

.quad-slide-tiles-text {
	font-weight: 300; 
	font-size: 17px; 
	position: relative; 
	line-height: 1.4
}

.quad-slide-tiles-text a:link { color: white; text-decoration: none }
.quad-slide-tiles-text a:hover { color: white; text-decoration: none }
.quad-slide-tiles-text a:active { color: white; text-decoration: none }
.quad-slide-tiles-text a:visited { color: white; text-decoration: none }

.social-icon {
	height: 32px; 
	width: 32px; 
	position: absolute; 
	background-size: cover; 
	top: 335px; 
}

.splash-button {
	position: relative;
	opacity: 0;
	left: 100%;  
	margin-left: 0;
}

.splash-header-wrap {
	position: relative;
	opacity: 0;  
	top: 100%;
	margin-top: 0;
}

.splash-logo {
	top: 0%;
	left: 0;
	margin-top: 110px;
	margin-left: -210px;
	height: 400px; 
	width: 400px; 
	position: absolute; 
	background-image: url('../img/iomr-logo(shadow).webp'); 
	background-size: cover;
	opacity: 0;
}

.staff-header {
	position: relative; 
	color: #7F473C; 
	width: 100%;
	text-align: center;
	font-family: 'Inter', sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 2;
}

.staff-pic1, .staff-pic2, .staff-pic3, .staff-pic4, .staff-pic5, .staff-pic6, .staff-pic7, .staff-pic8 {
	position: absolute;
	background-size: cover;
	width: 100%;
	height: 100%;
}

.staff-pic1-wrap, .staff-pic2-wrap, .staff-pic3-wrap, .staff-pic4-wrap, .staff-pic5-wrap, .staff-pic6-wrap, .staff-pic7-wrap, .staff-pic8-wrap {
	width: 300px; 
	height: 350px; 
	position: absolute; 
	left: 50%; 
	opacity: 0;
	overflow: hidden;
}

.staff-pic1 { background-image: url('../img/portrait-caleb.avif') }

.staff-pic1-wrap {
	margin-left: -600px; 
	top: 655px
}

.staff-pic2 {
	background-image: url('../img/portrait-andrew.avif');
	background-position: 50% 50%
}

.staff-pic2-wrap {
	margin-left: 300px; 
	top: 655px
}

.staff-pic3 {
	background-image: url('../img/portrait-mike.avif'); 
	background-position: 50% 50%; 
	background-size: fill
}

.staff-pic3-wrap {
	margin-left: -600px;
	top: 1085px
}

.staff-pic4 {	background-image: url('../img/portrait-grace.avif') }

.staff-pic4-wrap {
	margin-left: 300px; 
	top: 1085px
}

.staff-pic5 {	background-image: url('../img/portrait-steven.avif') }

.staff-pic5-wrap {
	margin-left: -600px;
	top: 1515px
}

.staff-pic6 {	background-image: url('../img/portrait-peter.avif') }

.staff-pic6-wrap {
	margin-left: 300px;  
	top: 1515px
}

.staff-pic7 { background-image: url('../img/portrait-josh.avif') }

.staff-pic7-wrap {
	margin-left: -600px;  
	top: 1945px
}

.staff-pic8 {	background-image: url('../img/portrait-grant.avif') }

.staff-pic8-wrap {
	margin-left: 300px;  
	top: 1945px
}

.staff-writeup {
	position: relative; 
	color: #00A3A3; 
	width: 250px; 
	left: 0%; 
	margin-left: 0px; 
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	line-height: 1.5;
	top: 10px;
}

.staff-writeup-wrap {
	width: 240px; 
	height: 290px; 
	position: absolute; 
	left: 50%; 
	padding: 30px
}

.subtext {
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #FFFFFF;
}

.teal { color: #00A3A3 }

.triple-halfscreen-image-a1 {
 	height: 100%; 
	width: 100%; 
	position: absolute;
	background-image: url('../img/bg9.avif'); 
	background-position: 45% 100%; 
	background-size: cover; 	
}

.triple-halfscreen-image-a2 {
 	height: 100%; 
	width: 100%; 
	position: absolute;
	background-image: url('../img/bg10.avif'); 
	background-position: 50% 100%;
	background-size: cover;
	filter: brightness(2.25);  
}

.triple-halfscreen-image-a3 {
 	height: 100%; 
	width: 100%; 
	position: absolute; 
	background-image: url('../img/bg11.avif'); 
	background-position: 78% 100%;
	background-size: cover;
}

.triple-halfscreen-image-a1-overlay, .triple-halfscreen-image-a2-overlay, .triple-halfscreen-image-a3-overlay {
 	height: 100%; 
	width: 100%; 
}

.triple-halfscreen-image-a1-wrap {
	position: absolute;
	width: 33%;
	height: 66%;
	top: calc(100% + 500px + 100% + 500px + 40px);
	overflow: hidden;
}

.triple-halfscreen-image-a2-wrap {
	position: absolute;
	width: 34%;
	left: 33%;
	height: 66%;
	top: calc(100% + 500px + 100% + 500px + 40px);
	overflow: hidden;
}

.triple-halfscreen-image-a3-wrap {
	position: absolute;
	width: 33%;
	left: 67%;
	height: 66%;
	top: calc(100% + 500px + 100% + 500px + 40px);
	overflow: hidden;
}

.triple-halfscreen-subtext {
	line-height: 3; 
	font-size: 13px;
}

.triple-halfscreen-text-a1, .triple-halfscreen-text-a2, .triple-halfscreen-text-a3 {
	position: relative; 
	width: 95%; 
	left: 5%; 
	top: 86.5%; 
	font-size: 18px; 
	text-shadow: -1px -1px 0 rgba(85,85,85,1), 1px -1px 0 rgba(85,85,85,1), -1px 1px 0 rgba(85,85,85,1), 1px 1px 0 rgba(85,85,85,1);
	font-family: 'Inter', sans-serif;
	line-height: 20px;
	color: #FFFFFF;
}

.white-slate {
	position: absolute; 
	width: 100%;  
	background-color: white;
}

.white-slate::before {
	content: "";
	position: absolute; 
	background-size: cover; 
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	opacity: 0.15;
}

.white-slate-header {
	position: relative; 
	font-size: 45px; 
	color: #00A3A3; 
	width: 100%; 
	text-align: center; 
	font-family: 'Lexend', sans-serif;
	font-weight: bold;
	letter-spacing: -4px;
	line-height: 92px;
}

.white-slate-overlay {
	position: absolute; 
	width: 100%;
	text-shadow: -1px -1px 0 rgba(155,155,155,0.1), 1px -1px 0 rgba(155,155,155,0.1), -1px 1px 0 rgba(155,155,155,0.1), 1px 1px 0 rgba(155,155,155,0.1);
}

.white-slate-subheader {
	position: relative; 
	color: #7F473C; 
	width: 100%;
	text-align: center;
	font-family: 'Inter', sans-serif;
	font-size: 22px;
	font-weight: 600;
	line-height: 15px;
}

.white-slate-subtext {
	position: relative; 
	color: #00A3A3; 
	width: 1078px; 
	left: 50%; 
	margin-left: -539px; 
	text-align: left; 
	font-family: 'Inter', sans-serif;
	font-size: 19px;
	line-height: 1.5;
}

.why-block-header { line-height: 1 }

.why-block-subtext { width: 300px }

.why-interactive-block {
  position: relative;
  opacity: 0;
  margin-top: 300px;
}

.why-slide4-img {
	position: absolute; 
	left: 50%; 
	width: 350px; 
	height: 250px; 
	background-size: cover;
}

#about-bg {
	background-image: url('../img/about-bg-scaled.avif'); 
	background-size: cover;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	opacity: 1;
	width: 100%;
	height: 500px;
}

#about-footer {
	position: absolute; 
	top: 0%;
	left: 50%;
	margin-top: 350px;
	margin-left: 140px;
	width: 500px; 
	text-align: left;
	line-height: 1;
	text-shadow: -1px -1px 0 rgba(85,85,85,1), 1px -1px 0 rgba(85,85,85,1), -1px 1px 0 rgba(85,85,85,1), 1px 1px 0 rgba(85,85,85,1);
}

#about-pic-column1 {
	position: absolute; 
	left: 50%; 
	top: 235px; 
	margin-left: 200px; 
	width: 350px
}
	
#about-pic-column2 { 
	position: absolute; 
	left: 50%; 
	top: 230px; 
	margin-left: -550px; 
	width: 350px
}

#about-pic1 {
	width: 350px; 
	height: 400px; 
	background-size: cover; 
	background-image: url('../img/withalbini.avif')
}

#about-pic2 {
	position: relative; 
	top: 25px; 
	width: 350px; 
	height: 400px; 
	background-size: cover; 
	background-image: url('../img/FlagSign.avif'); 
	background-position: 50% 40%
}

#about-pic3 {
	width: 350px; 
	height: 400px; 
	background-size: cover; 
	background-image: url('../img/RackTracking.avif'); 
	background-position: 50% 40%
}

#about-pic4 {
	position: relative; 
	top: 25px; 
	width: 350px; 
	height: 400px; 
	background-size: cover; 
	background-image: url('../img/Upright.avif')
}

#about-slide2-bg {
	top: 500px;
	height: 1200px;
}

#about-slide2-header, #about-slide4-header, #about-slide5-header {
	top: 115px;
	width: 1100px;
	left: 50%;
	margin-left: -550px;
}

#about-slide2-header, #about-slide5-header { text-align: left; }

#about-slide4-header { text-align: right; }

#about-slide2-subheader, #about-slide4-subheader, #about-slide5-subheader {
	width: 1100px;
	left: 50%;
	margin-left: -550px;
}

#about-slide2-subheader, #about-slide5-subheader { text-align: left; }

#about-slide4-subheader { text-align: right; }

#about-slide2-subtext, #about-slide4-subtext, #about-slide5-subtext {
	width: 710px;
	left: 50%;
	text-align: left;
	top: 100px;
	line-height: 1.5;
	font-weight: 400;
}

#about-slide2-subtext, #about-slide5-subtext { margin-left: -550px }

#about-slide4-subtext { margin-left: -150px; }

#about-slide4-bg {
	top: 2350px;
	height: 1200px;
}

#about-slide5-bg {
	top: 3550px;
	height: 2000px;
}

#about-slide6-bg {
	top: 5550px;
	height: 560px;
}

#about-slide6-bg::before {
	background-image: url('../img/bg14.avif'); 
	background-position: 100% 15%;
}

#about-slide6-header, #slide8-header, #why-slide5-header, #curriculum-slide6-header, #free3-header, #contact-header, #remote3-header, #inperson3-header, #coupon_code2-header, #contactsent2-header, #funding2-header, #admissionssent2-header, #news-bg-header {
	text-shadow: -1px -1px 0 rgba(85,85,85,1), 1px -1px 0 rgba(85,85,85,1), -1px 1px 0 rgba(85,85,85,1), 1px 1px 0 rgba(85,85,85,1); 
	font-size: 50px; 
	letter-spacing: -3px; 
	font-weight: 700; 
	font-family: Lexend, 'sans-serif'; 
	position: absolute; 
	width: 1100px; 
	left: 50%;
  margin-left: -550px; 
	color: #FFFFFF;  
	text-align: center;
}

#about-slide6-header, #why-slide5-header, #curriculum-slide6-header, #coupon_code2-header, #contactsent2-header, #funding2-header, #admissionssent2-header {
	top: 155px;
}

#about-slide6-overlay {
	top: 5550px;
	height: 560px; 
}

#about-slide7-bg {
	position: absolute; 
	width: 100%;  
	background-color: #764238;
	top: 6110px;
	height: 640px;
}

#about-slide8-bg {
	position: absolute; 
	width: 100%;  
	background-color: #673b32;
	top: 6750px;
	height: 360px;
}

#about-slide8-text, #slide10-text, #why-slide7-text, #curriculum-slide8-text, #free5-bg-text, #contact4-bg-text, #admissions4-bg-text, #remote5-bg-text, #inperson5-bg-text, #coupon_code4-text, #funding4-text, #contactsent4-text, #admissionssent4-text {
	text-shadow: -1px -1px 0 rgba(85,85,85,1), 1px -1px 0 rgba(85,85,85,1), -1px 1px 0 rgba(85,85,85,1), 1px 1px 0 rgba(85,85,85,1); 
	font-family: 'Lexend', sans-serif; 
	line-height: 1.7; 
	font-weight: 400; 
	font-size: 13px; 
	color: white; 
	position: relative; 
	width: 600px; 
	left: 50%; 
	margin-left: -300px; 
	text-align: center; 
	top: 140px;	
}

#admissions-bg {
	background-color: #D0D3CA;
	height: 440px;
}

#admissions-bullets {
	width: 760px; 
	height: 200px; 
	top: 15px; 
	left: 50%; 
	margin-left: -380px; 
	text-align: left; 
	font-size: 16px
}

#admissions-header {
	font-size: 42px; 
	letter-spacing: -4px; 
	line-height: 0.8;
	font-weight: 700; 
	font-family: Lexend, 'sans-serif'; 
	position: relative; 
	width: 300px; 
	left: 100%;
  margin-left: 300px;
  opacity: 0; 
	color: #7F473C; 	 
	top: 230px;
}

#admissions-fixed-bg {
	background-image: url('../img/admissions-fixed-bg.jpg');
	background-size: cover;
	background-position: 50% 50%;
  position: fixed;
  width: 100vw;
  height: 100vh;
  overflow-x: hidden;
  z-index: -10;
}

#admissions-form {
	width: 780px; 
	position: relative; 
	left: 50%; 
	margin-left: -390px; 
	top: -50px
}

#admissions-form-banner-bottom { top: 30px }

#admissions-form-banner-top { top: 70px }

#admissions-form-bg {
	position: relative; 
	width: 900px; 
	height: 1870px; 
	left: 50%; 
	margin-left: -450px; 
	top: -25px; 
	background-color: white
}

#admissions-form-break-B4 { top: -30px }

#admissions-form-break-B5 { top: -40px }

#admissions-form-break-B6 { top: -50px }

#admissions-form-break-B7 { top: -20px }

#admissions-form-input-A2 { top: -10px }

#admissions-form-input-A3 { top: -20px }

#admissions-form-input-A6 { top: 22px }

#admissions-form-input-A7 { top: 22px }

#admissions-form-input-wrap4 { top: -30px }

#admissions-form-input-wrap5 { top: -40px }

#admissions-form-input-wrap6 { top: -50px }

#admissions-form-input-wrap7 { top: -20px }

#admissions-form-sides {
	position: relative; 
	width: 838px; 
	height: 1650px; 
	left: 30px; 
	border: 1px solid #00A3A3; 
	top: 30px
}

#admissions-form-text-B1 { top: 10px }

#admissions-form-text-B2 { top: 155px }

#admissions-form-text-B3 { top: 225px }

#admissions-form-text-B4 { top: 295px  }

#admissions-form-text2 { top: -10px }

#admissions-form-text3 { top: -20px }

#admissions-form-text4 { top: -30px }

#admissions-form-text5 { top: -40px }

#admissions-form-text6 { top: -50px }

#admissions-form-text7 { top: -20px }

#admissions-form-textarea-wrap-A1 { top: 25px }

#admissions-form-textarea-wrap-A2 { top: 170px }

#admissions-form-textarea-wrap-A3 { top: 240px }

#admissions-form-textarea-wrap-B1 { top: 332px }

#admissions-form-wrap {
	width: 760px; 
	position: relative; 
	margin-left: 13px
}

#admissions-title {
	font-size: 54px; 
	color: #00A3A3
}

#admissions-title2 {
	color: #8F0000; 
	width: 600px; 
	height: 100px; 
	top: 70px; 
	left: 50%; 
	margin-left: -300px; 
	text-align: center; 
	font-size: 32px
}

#admissions-writeup {
	position: relative; 
	height: 350px; 
	width: 950px; 
	left: 50%; 
	margin-left: -350px; 
	top: 80px
}

#admissions2-bg {
	top: 440px;
	height: 1845px;
}

#admissions3-bg {
	position: absolute; 
	width: 100%;  
	background-color: #764238;
	top: calc(440px + 1870px);
	height: 640px;
}

#admissions4-bg {
	position: absolute; 
	width: 100%;  
	background-color: #673b32;
	top: calc(440px + 1870px + 640px);
	height: 360px;
}

#admissionssent-header, #contactsent-header, #coupon_code-header, #funding-header { 
  line-height: 0; 
  position: absolute; 
  top: 0;
  left: 0;
  margin-top: 150px;
  font-size: 100px; 
  width: 100%;
  text-align: left;
  text-shadow: -1px -1px 0 rgba(85,85,85,1), 1px -1px 0 rgba(85,85,85,1), -1px 1px 0 rgba(85,85,85,1), 1px 1px 0 rgba(85,85,85,1);
}

#admissionssent-header-sub1 { 
	font-size: 100px; 
	line-height: 0.8  
}

#admissionssent-header-sub2 { 
	font-size: 138px; 
	line-height: 0.9  
}

#admissionssent-header-sub3 { 
	font-size: 80px; 
	line-height: 0.9  
}

#admissionssent-header-sub4 { 
	font-size: 50px; 
	line-height: 0  
}

#admissionssent-header-sub5 { 
	font-size: 37px; 
	line-height: 2  
}

#admissionssent-headerA, #contactsent-headerA, #coupon_code-headerA, #funding-headerA {
  position: relative;
  opacity: 0;
  left: 0;
  width: 1000px;
  margin-left: -1300px;
}

#admissionssent-headerB, #contactsent-headerB, #coupon_code-headerB, #funding-headerB {
  position: relative;
  opacity: 0;
  left: 100%;
  width: 1000px;
  margin-left: 300px;
  text-align: right;
}

#admissionssent2-bg {
	top: 100%;
	height: 560px;
}

#admissionssent2-bg::before {
	background-image: url('../img/bg14.avif'); 
	background-position: 100% 15%;
}

#admissionssent2-overlay {
	top: 100%;
	height: 560px; 
}

#apply-button-bg, #apply-button-bg2, #apply-button-bg3, #apply-button-bg4, #apply-button-bg5, #apply-button-bg6, #apply-button-bg7, #apply-button-bg8, #apply-button-bg9, #apply-button-bg10, #apply-button-bg11, #apply-button-bg12, #apply-button-bg13 {
	border-radius: 15px;
	background-color: #00A3A3;  
}

#apply-button-text, #apply-button-text2, #apply-button-text3, #apply-button-text4, #apply-button-text5, #apply-button-text6, #apply-button-text7, #apply-button-text8, #apply-button-text9, #apply-button-text10, #apply-button-text11, #apply-button-text12, #apply-button-text13 {
	font-size: 27px;
	top: -11px; 
	color: #8F0000;
}

#apply-button-wrap {
	top: 0%; 
	width: 200px;
	height: 75px; 
	margin-top: 785px;
}

#apply-button-wrap2, #apply-button-wrap7, #apply-button-wrap8, #apply-button-wrap9 {
	height: 75px; 
	width: 180px; 
	left: 50%; 
	margin-left: -90px; 
	top: 330px
}

#apply-button-wrap3, #apply-button-wrap4, #apply-button-wrap10, #apply-button-wrap11, #apply-button-wrap12, #apply-button-wrap13 {
	height: 75px; 
	width: 180px; 
	left: 50%; 
	margin-left: -90px; 
	top: 370px
}

#apply-button-wrap5, #apply-button-wrap6 {
	height: 75px; 
	width: 180px; 
	left: 50%; 
	margin-left: -90px; 
	top: 50px
}

#apply-button-subtext {
	position: relative; 
	text-shadow: -1px -1px 0 rgba(85,85,85,1), 1px -1px 0 rgba(85,85,85,1), -1px 1px 0 rgba(85,85,85,1), 1px 1px 0 rgba(85,85,85,1);
	width: 210px; 
	height: 30px; 
	top: 20px;
	left: -2px;
	color: #FFFFFF;
	font-size: 20px;
}

#bgheader {    
  width: 100%;
  height: 100%;
	background-image: url('../img/bg3.avif'); 
	background-size: cover;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	opacity: 0.8;
  background-position: 50% 50%;
  animation: 20s infinite normal index-bg-header1; 
}

#bgheader-pane {
  position: absolute; 
  height: 100%; 
  width: 100%; 
  top: 0; 
  left: 0; 
  overflow: hidden
}

#bgheader-primer {
  position: absolute; 
  width: 100%; 
  height: 100%; 
  background-color: #7F473C;
}

#bgheader2 { 
  width: 100%;
  height: 100%;   
  background-image: url('../img/bg4.avif'); 
  background-size: cover;
  background-position: 50% 30%;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  opacity: 0;
  animation: 20s infinite normal index-bg-header2;
}

#bgheader3 {    
  width: 100%;
  height: 100%;
  background-image: url('../img/bg1.avif'); 
  background-size: cover;
  background-position: 50% 57%;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  opacity: 0;
  animation: 20s infinite normal index-bg-header3;
}

#bgheader4 {    
  width: 100%; 
  height: 100%; 
  background-image: url('../img/bg2.avif'); 
  background-size: cover;
  background-position: 50% 35%;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  opacity: 0;
  animation: 20s infinite normal index-bg-header4; 
}

#bgheader-overlay {
	position: absolute; 
	width: 100%; 
	height: 100%;
}

#break1 {
	top: calc(100% + 500px); 
}

#break2 {
	top: calc(100% + 500px + 100% + 500px);
}

#break3 {
	top: calc(100% + 500px + 100% + 500px + 40px + 66% + 500px); 
}

#contact-bg, #news-bg {
	height: 440px;
}

#contact-bg::before {
	background-image: url('../img/contact-bg.avif'); 
	background-position: 100% 40%;
}

#contactsent-header-sub1 { 
	font-size: 124px; 
	line-height: 0.8 
}

#contactsent-header-sub2 { 
	font-size: 109.5px; 
	line-height: 0.8
}

#contactsent-header-sub3 { 
	font-size: 65px; 
	line-height: 0.9
}

#contactsent-header-sub4 { 
	font-size: 50px; 
	line-height: 0;
	top: -20px;
	position: relative;
}

#contactsent-header-sub5 { 
	font-size: 37px; 
	line-height: 2;
	top: -20px;
	position: relative;
}					 

#news-bg::before {
	background-image: url('../img/news-bg.avif'); 
	background-position: 100% 65%;
}

#contact-form { 
	width: 750px; 
	position: relative; 
	left: 50%; 
	margin-left: -400px; 
	top: 100px;
  margin-top: 300px;
  opacity: 0;
}

#contact-form-break-C {
	position: relative; 
	width: 10px; 
	height: 32px
}

#contact-form-header {
	position: relative; 
	font-size: 55px; 
	color: #00A3A3; 
	width: 100%; 
	text-align: center; 
	font-family: 'Lexend', sans-serif;
	font-weight: bold;
	letter-spacing: -4px;
	line-height: 0.7;
}

#contact-form-submit-section {
	position: relative; 
	float: left; 
	width: 300px; 
	left: 50%; 
	top: 50px; 
	margin-left: -150px
}

#contact-form-textarea {
	resize: none; 
	position: relative; 
	border: 2px solid #7F473C; 
	width: 600px; 
	left: 50%; 
	margin-left: -300px; 
	height: 300px; 
	top: -5px
}

#contact-form-textarea-wrap {
	position: relative; 
	width: 100%; 
	height: 300px
}

#contact-form-text4 {
	text-align: center; 
	top: -20px;
	width: 100%
}

#contact-form-wrap {
	width: 760px; 
	position: relative; 
	margin-left: 13px;
	top: 15px;
}

#contact-header {
  left: 0;
  margin-left: -1220px;
  opacity: 0;
	top: 210px;
}

#contact-overlay, #news-overlay {
	height: 560px; 
}

#contact2-bg {
	top: 440px;
	height: 800px;
}

#contact2-overlay { 
	height: 800px; 
	top: 440px;
}

#contact3-bg {
	position: absolute; 
	width: 100%;  
	background-color: #764238;
	top: 1240px;
	height: 640px;
}

#contact4-bg {
	position: absolute; 
	width: 100%;  
	background-color: #673b32;
	top: 1880px;
	height: 360px;
}

#contactsent-bg, #admissionssent-bg {
	background-image: url('../img/formsubmit-bg.avif'); 
	background-size: cover;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	opacity: 1;
	width: 100%;
	height: 100%;
}

#contactsent2-bg {
	top: 100%;
	height: 560px;
}

#contactsent2-bg::before {
	background-image: url('../img/bg14.avif'); 
	background-position: 100% 15%;
}

#contactsent2-overlay {
	top: 100%;
	height: 560px; 
}

#contactsent3-bg, #admissionssent3-bg {
	position: absolute; 
	width: 100%;  
	background-color: #764238;
	top: calc(100% + 560px);
	height: 640px;
}

#contactsent4-bg, #admissionssent4-bg {
	position: absolute; 
	width: 100%;  
	background-color: #673b32;
	top: calc(100% + 560px + 640px);
	height: 360px;
}

#coupon_code-bg {
	background-image: url('../img/coupon_code-bg.avif'); 
	background-size: cover;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	opacity: 1;
	width: 100%;
	height: 100%;
}

#coupon_code-form {
	width: 750px; 
	position: absolute; 
	left: 50%; 
	margin-left: -375px; 
	margin-top: 400px;
  opacity: 0
}

#coupon_code-form-wrap {
	width: 760px; 
	position: relative; 
	margin-left: 13px
}

#coupon_code-header-sub1 { line-height: 0.8 }

#coupon_code-header-sub2 { 
	font-size: 109.5px; 
	line-height: 0.8
}

#coupon_code-header-sub3 {
	font-size: 73px; 
	line-height: 0.9
}

#coupon_code-header-sub4 {
	font-size: 50px; 
	line-height: 0
}

#coupon_code-header-sub5 { 
	font-size: 37px; 
	line-height: 2
}

#coupon_code2-bg {
	top: 100%;
	height: 560px;
}

#coupon_code2-bg::before {
	background-image: url('../img/bg14.avif'); 
	background-position: 100% 15%;
}

#coupon_code2-overlay {
	top: 100%;
	height: 560px; 
}

#coupon_code3-bg {
	position: absolute; 
	width: 100%;  
	background-color: #764238;
	top: calc(100% + 560px);
	height: 640px;
}

#coupon_code4-bg {
	position: absolute; 
	width: 100%;  
	background-color: #673b32;
	top: calc(100% + 560px + 640px);
	height: 360px;
}

.curriculum-bg {
  background-image: url('../img/curriculum-bg.avif'); 
  background-size: 100% auto;
  background-position: 50% 20%;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 800px;
  animation: curriculum-img-bg 52s linear infinite normal
}

#curriculum-block-header1 {
	margin-left: -600px; 
	top: 170px; 
	text-align: right 
}

#curriculum-block-header2 {
	margin-left: -190px; 
	top: 410px; 
	text-align: right 
}

#curriculum-block-header3 {
	margin-left: 245px; 
	top: 170px; 
	text-align: left
}

#curriculum-block-header4 {
	margin-left: -395px; 
	top: 520px; 
	text-align: right
}

#curriculum-block-header5 {
	margin-left: 15px; 
	top: 760px; 
	text-align: right
}

#curriculum-block-shade1 {
	margin-left: -600px; 
	top: 150px
}

#curriculum-block-shade2 {
	margin-left: -190px; 
	top: 150px
}

#curriculum-block-shade3 {
	margin-left: 220px; 
	top: 150px
}

#curriculum-block-shade4 {
	margin-left: -395px; 
	top: 500px
}

#curriculum-block-shade5 {	
	margin-left: 15px; 
	top: 500px 
}

#curriculum-block-subtext1 {
	margin-left: -560px; 
	top: 345px
}

#curriculum-block-subtext2 {
	margin-left: -150px; 
	top: 180px
}

#curriculum-block-subtext3 {
	margin-left: 260px; 
	top: 345px
}

#curriculum-block-subtext4 {
	margin-left: -355px; 
	top: 690px
}

#curriculum-block-subtext5 {
	margin-left: 55px; 
	top: 530px
}

#curriculum-content-list1, #curriculum-content-list2 {
	left: 0; 
	font-size: 14px; 
	position: relative; 
	top: -60px;  
	width: 260px; 
	height: 432px
}

#curriculum-content-list1 {	
	margin-left: 0; 
	float: left;
}

#curriculum-content-list2 {	margin-left: 290px }

#curriculum-dl-wrap {
	position: relative; 
	width: 550px; 
	height: 550px; 
	left: 50%; 
	margin-left: -575px; 
	float: left; 
	top: 50px
}

#curriculum-slideshow-nav-dot1 { margin-left: -214px }

#curriculum-slideshow-nav-dot2 { margin-left: -192px }

#curriculum-slideshow-nav-dot3 { margin-left: -170px }

#curriculum-slideshow-nav-dot4 { margin-left: -148px }

#curriculum-slideshow-nav-dot5 { margin-left: -126px }

#curriculum-slideshow-nav-dot6 { margin-left: -104px }

#curriculum-slideshow-nav-dot7 { margin-left: -82px }

#curriculum-slideshow-nav-dot8 { margin-left: -60px }

#curriculum-slideshow-nav-dot9 { margin-left: -38px }

#curriculum-slideshow-nav-dot10 { margin-left: -16px }

#curriculum-slideshow-nav-dot11 { margin-left: 6px }

#curriculum-slideshow-nav-dot12 { margin-left: 28px }

#curriculum-slideshow-nav-dot13 { margin-left: 50px }

#curriculum-slideshow-nav-dot14 { margin-left: 72px }

#curriculum-slideshow-nav-dot15 { margin-left: 94px }

#curriculum-slideshow-nav-dot16 { margin-left: 116px }

#curriculum-slideshow-nav-dot17 { margin-left: 138px }

#curriculum-slideshow-nav-dot18 { margin-left: 160px }

#curriculum-slideshow-nav-dot19 { margin-left: 182px }

#curriculum-slideshow-nav-dot20 { margin-left: 204px }

#curriculum-slideshow-nav-left-arrow-top-half, #curriculum-slideshow-nav-left-arrow-bottom-half, #curriculum-slideshow-nav-right-arrow-top-half, #curriculum-slideshow-nav-right-arrow-bottom-half {
  background-color: #FFFFFF; 
  position: absolute; 
  width: 15px; 
  height: 3px; 
  top: 50%; 
  left: 50%;  
}

#curriculum-slideshow-nav-left-arrow-top-half, #curriculum-slideshow-nav-left-arrow-bottom-half { margin-left: -8px }

#curriculum-slideshow-nav-right-arrow-top-half, #curriculum-slideshow-nav-right-arrow-bottom-half { margin-left: -7px }

#curriculum-slideshow-nav-left-arrow-top-half, #curriculum-slideshow-nav-right-arrow-top-half { margin-top: -6px }

#curriculum-slideshow-nav-left-arrow-bottom-half, #curriculum-slideshow-nav-right-arrow-bottom-half { margin-top: 3px; }

#curriculum-slideshow-nav-left-arrow-top-half { transform: rotate(-45deg) }

#curriculum-slideshow-nav-left-arrow-bottom-half { transform: rotate(45deg) }

#curriculum-slideshow-nav-right-arrow-top-half { transform: rotate(-135deg) }

#curriculum-slideshow-nav-right-arrow-bottom-half { transform: rotate(135deg) }

#curriculum-slideshow-pane {
	top: 50px; 
  position: relative; 
	width: 550px; 
	height: 650px; 
	left: 50%; 
	margin-left: 25px;
  background-size: cover;
}

#curriculum-img3 {
	width: 575px; 
	height: 510px; 
	position: relative; 
	left: 50%; 
	margin-left: 25px; 
	top: 80px; 
	background-position: 100% 50%; 
	background-image: url('../img/curriculum-pic3.avif'); 
	background-size: cover
}

#curriculum-img4 {
	width: 575px; 
	height: 510px; 
	position: relative; 
	left: 50%; 
	margin-left: 25px; 
	top: 130px; 
	background-position: 60% 50%; 
	background-image: url('../img/curriculum-pic4.avif'); 
	background-size: cover
}

#curriculum-img5 {
	width: 1200px; 
	height: 510px; 
	position: relative; 
	left: 50%; 
	margin-left: -600px; 
	top: 180px; 
	background-position: 50% 40%; 
	background-image: url('../img/curriculum-pic5.avif'); 
	background-size: cover
}

#curriculum-slide2-bg {
	top: 800px;
	height: 1300px;
}

#curriculum-slide2-header {
	width: 1150px;
	left: 50%;
	margin-left: -575px;
	text-align: left;
	top: 20px;
	font-size: 28px;
	letter-spacing: -1.5px;
	color: #7F473C;
}

#curriculum-slide2-list-header {
	width: 100%;
	text-align: left;
	font-size: 28px;
	letter-spacing: -1.5px;
	color: #7F473C;
	top: -40px;
}

#curriculum-slide2-subtext {
	width: 1150px;
	left: 50%;
	margin-left: -575px;
	text-align: left;
}

#curriculum-slide3-bg {
	top: 2100px;
	height: 900px;
	background-color: #764238;
}

#curriculum-slide3-header {
	width: 1150px;
	left: 50%;
	margin-left: -575px;
	text-align: center;
	top: 25px;
	letter-spacing: -1.5px;
}

#curriculum-slide4-bg {
	top: 3000px;
	height: 800px;
	background-color: #000000;
}

#curriculum-slide4-bg::before {    
	content: "";
	background-image: url('../img/curriculum-slide4-bg.avif'); 
	background-size: cover;
	background-position: 30% 50%;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	opacity: 0.2;
}

#curriculum-slide4-cover {
	top: 3000px;
	height: 800px;
	color: white;
	background-color: rgba(0,0,0,0);
}

#curriculum-slide4-table {
	top: 115px;
	left: 50%;
	margin-left: -220px;
	width: 800px;
	position: relative;
}

.curriculum-slide4-table-cell {
  position: relative; 
  margin-top: 300px; 
  opacity: 0
}

#curriculum-slide4-table-header {
	font-size: 60px;
	font-weight: 400;
	line-height: 0.8;
  opacity: 0;
	position: relative;
	left: 60px;
  margin-top: 300px;
}

#curriculum-slide5-bg {
	top: 3800px;
	height: 1800px;
}

#curriculum-slide5-cell1 {
	width: 85%; 
	left: 30px; 
	margin-left: 0; 
	top: 20px
}

#curriculum-slide5-header1 {
	width: 600px;
	text-align: left;
	font-size: 25px;
	letter-spacing: -1.5px;
	color: #7F473C;
	line-height: 1;
}

#curriculum-slide5-header2 {
	width: 600px;
	text-align: left;
	font-size: 25px;
	letter-spacing: -1.5px;
	color: #7F473C;
	line-height: 1;
	top: 40px
}

#curriculum-slide5-subheader1 { top: 65px }

#curriculum-slide5-subheader2 {	top: 95px }

#curriculum-slide5-subheader3 {	top: 125px }

#curriculum-slide5-subheader4 {	top: 155px }

#curriculum-slide5-subtext1 { top: 73px }

#curriculum-slide5-subtext2 { top: 103px }

#curriculum-slide5-subtext3 { top: 133px }

#curriculum-slide5-subtext4 { top: 163px }

#curriculum-slide5-wrap {
	width: 575px; 
	height: 1070px; 
	position: relative; 
	left: 50%; 
	margin-left: -600px; 
	top: 80px; 
	float: left
}

#curriculum-slide6-bg {
	top: 5600px;
	height: 560px;
}

#curriculum-slide6-bg::before {
	background-image: url('../img/bg14.avif'); 
	background-position: 100% 15%;
}

#curriculum-slide6-overlay {
	top: 5600px;
	height: 560px; 
}

#curriculum-slide7-bg {
	position: absolute; 
	width: 100%;  
	background-color: #764238;
	top: 6160px;
	height: 640px;
}

#curriculum-slide8-bg {
	position: absolute; 
	width: 100%;  
	background-color: #673b32;
	top: 6800px;
	height: 360px;
}

#curriculum-startdate-button1 { visibility: visible }

#curriculum-startdate-button2 { visibility: hidden }

#curriculum-startdate-button3 { visibility: visible }

#curriculum-startdate-button4 { visibility: visible }

#curriculum-startdate-text1 {
	color: #00A3A3; 
	left: 0; 
	margin-left: 0; 
	top: 20px; 
	float: left; 
	width: 400px
}

#curriculum-startdate-text2 {
	color: #00A3A3; 
	left: -61px; 
	margin-left: -539px; 
	top: 20px;
	width: 1078px
}

#curriculum-startdate-text3, #curriculum-startdate-text5, #curriculum-startdate-text7, #curriculum-startdate-text9, #curriculum-startdate-text11 {
	left: 0; 
	margin-left: 0; 
	top: 48px; 
	float: left; 
	width: 400px
}

#curriculum-startdate-text4, #curriculum-startdate-text6, #curriculum-startdate-text8, #curriculum-startdate-text10 {
	left: 50%; 
	margin-left: -50px; 
	top: 48px; 
	width: 100px; 
	line-height: 0;
	text-align: center
}

#curriculum-startdate-text12 {
	left: 50%; 
	margin-left: -400px; 
	top: 48px; 
	width: 800px; 
	line-height: 0;
	text-align: center
}

#duo-comment-box-button-bg-a1, #duo-comment-box-button-bg-a2 {
	border-radius: 7px;
	background-color: #00A3A3;  
}

#duo-comment-box-button-text-a1, #duo-comment-box-button-text-a2 {
	font-size: 18px; 
	top: -21px; 
	color: #8F0000;
}

#duo-fullscreen-image-a1 {
	top: calc(100% + 500px + 40px); 
	left: 0%; 
	background-image: url('../img/bg6.avif'); 
	background-position: 50% 50%
}

#duo-fullscreen-image-a2 {
	top: calc(100% + 500px + 40px);
	left: 50%; 
	background-image: url('../img/bg7.avif'); 
	background-position: 25% 50%;
}

#duo-fullscreen-image-b1 {
	top: calc(100% + 500px + 100% + 500px + 40px + 66% + 500px + 40px); 
	left: 0%; 
	background-image: url('../img/bg13.avif'); 
	background-position: 62% 100%
}

#duo-fullscreen-image-b2 {
	top: calc(100% + 500px + 100% + 500px + 40px + 66% + 500px + 40px); 
	left: 50%; 
	background-color: #D0D3CA;
}

#duo-fullscreen-image-c1 {
	top: 1700px;
	left: 0%;
	height: 650px;
	background-image: url('../img/console1.avif');
	background-position: 50% 0%;
}

#duo-fullscreen-image-c2 {
	top: 1700px;
	left: 50%;
	height: 650px;
	background-image: url('../img/makeshiftcontrolroom.avif');
}

#free-footer {
	position: absolute; 
	top: 100%;
	left: 100%;
  opacity: 0;
	margin-top: -185px;
	margin-left: 300px; 
	width: 900px; 
	text-align: left;
	line-height: 70px;
	text-shadow: -1px -1px 0 rgba(85,85,85,1), 1px -1px 0 rgba(85,85,85,1), -1px 1px 0 rgba(85,85,85,1), 1px 1px 0 rgba(85,85,85,1);
}

#free-jump-menu {
	position: relative; 
	width: 500px; 
	left: 50%; 
  margin-top: 222px;
	margin-left: -250px; 
	text-align: center
}

#free-jump-spacer-A {
	height: 250px; 
	width: 10px
}

#free-jump-spacer-B {
	height: 150px; 
	width: 10px
}

#free-header-slide1 { 
  float: left; 
  letter-spacing: 66px;
  margin-left: -677px; 
  margin-top: 300px; 
  top: 100%;
  opacity: 0;
}

#free-header-slide2 { 
  float: left;
  left: 0;
  margin-left: -420px;
  margin-top: 120px;
  opacity: 0;
}

#free-header-slide3 { 
  position: relative;
  margin-top: -1100px;
  opacity: 0;
} 

#vert-title2 { top: 50px }

#vert-title3 { top: 100px }

#vert-title4 { top: 150px }

#vert-title5 { top: 200px }

#vert-title6 { top: 250px }

#free2-bg {
	top: 100%;
	height: 7275px;
}

#free2-grey-bg1 {
	background-color: #D0D3CA; 
	width: 100%; 
	height: 1000px;
  overflow: hidden;
}

#free2-grey-bg2 {
	background-color: #D0D3CA; 
	width: 100%; 
	position: relative; 
	top: 150px; 
	height: 1120px
}

#free2-overlay { 
	height: 7275px; 
	top: 100%;
}

#free2-table {
	top: 115px;
	left: 50%;
	margin-left: -400px;
	width: 800px;
	position: relative
}

#free2-table-button1 { visibility: visible }

#free2-table-button2 { visibility: visible }

#free2-table-button3 { visibility: hidden }

#free2-table-button4 { visibility: visible }

#free2-table-button5 { visibility: visible }

#free2-table-button6 { visibility: hidden }

#free2-table-button7 { visibility: visible }

#free2-table-button8 { visibility: visible }

#free2-table-header1 {
	left: 0; 
	float: left; 
	width: 400px
}

#free2-table-header2 { left: -72px }

#free2-table-line-break1 { top: 26px }

#free3-bg {
	top: calc(100% + 7275px);
	height: 560px;
}

#free3-bg::before {
	background-image: url('../img/bg14.avif'); 
	background-position: 100% 15%;
}

#free3-overlay { 
	top: calc(100% + 7275px);
	height: 560px; 
}

#free4-bg {
	position: absolute; 
	width: 100%;  
	background-color: #764238;
	top: calc(100% + 7275px + 560px);
	height: 640px;
}

#free5-bg {
	position: absolute; 
	width: 100%;  
	background-color: #673B32;
	top: calc(100% + 7275px + 560px + 640px);
	height: 360px;
}

#freeheader {
	position: absolute; 
	width: 100%; 
	height: 100%; 
	background-color: #7F473C;
}

#freeheader::before {    
	content: "";
	background-image: url('../img/free-bg2.avif'); 
	background-size: cover;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	opacity: 0.9;
}

#freeheader-overlay {
	position: absolute; 
	width: 100%; 
	height: 100%;
}

#funding-bg {
	background-image: url('../img/funding-bg.avif'); 
	background-size: cover;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	opacity: 1;
	width: 100%;
	height: 100%;
}

#funding-form { 
	width: 780px; 
	position: relative; 
	left: 50%; 
	margin-left: -390px; 
	top: 200px 
}

#funding-form-checkbox-label2, #funding-form-checkbox-label3 { float: left }

#funding-form-checkbox-wrap2 { 
	position: relative; 
	top: 10px; 
	left: -30px 
}

#funding-form-checkbox-wrap3 {
	position: relative; 
	top: 40px; 
	left: -130px
}

#funding-form-input-area2, #funding-form-input-area6, #funding-form-input-area7, #funding-form-input-area8, #funding-form-input-area9 { height: 44px }

#funding-form-input-area3 { height: 80px }

#funding-form-input-area4 { 
	position: relative; 
	width: 100%; 
	height: 250px; 
	top: 60px 
}

#funding-form-input-area5 { top: 23px }

#funding-form-input-bar1 { top: 20px }

#funding-form-input-bar2 { top: -2px }

#funding-form-input-bar3 { top: -12px }

#funding-form-input-bar4 { top: -22px }

#funding-form-radio-button1, #funding-form-radio-button3 { left: -5px }

#funding-form-sample-camp-checkbox1, #funding-form-sample-camp-checkbox6, #funding-form-sample-camp-checkbox11 { top: -42px }

#funding-form-sample-camp-checkbox2, #funding-form-sample-camp-checkbox7, #funding-form-sample-camp-checkbox12 { top: -27px }

#funding-form-sample-camp-checkbox3, #funding-form-sample-camp-checkbox8, #funding-form-sample-camp-checkbox13 { top: -12px }

#funding-form-sample-camp-checkbox4, #funding-form-sample-camp-checkbox9, #funding-form-sample-camp-checkbox14 { top: 3px }

#funding-form-sample-camp-checkbox5, #funding-form-sample-camp-checkbox10, #funding-form-sample-camp-checkbox15 { top: 18px }

#funding-form-sample-camp-checkbox-label1, #funding-form-sample-camp-checkbox-label6, #funding-form-sample-camp-checkbox-label11 { top: -43px }

#funding-form-sample-camp-checkbox-label2, #funding-form-sample-camp-checkbox-label7, #funding-form-sample-camp-checkbox-label12 { top: -29px }

#funding-form-sample-camp-checkbox-label3, #funding-form-sample-camp-checkbox-label8, #funding-form-sample-camp-checkbox-label13 { top: -15px }

#funding-form-sample-camp-checkbox-label4, #funding-form-sample-camp-checkbox-label9, #funding-form-sample-camp-checkbox-label14 { top: 1px }

#funding-form-sample-camp-checkbox-label5, #funding-form-sample-camp-checkbox-label10, #funding-form-sample-camp-checkbox-label15 { top: 15px }

#funding-form-sample-camp-column1 { left: 65px }

#funding-form-sample-camp-column2 { left: 33px; width: 34% }

#funding-form-submit-area { 
	position: relative; 
	left: 50%; 
	margin-left: -150px; 
	width: 300px 
}

#funding-form-text2, #funding-form-text6, #funding-form-text7, #funding-form-text8, #funding-form-text9 {	
	height: 44px; 
	Line-height: 1
}

#funding-form-text3 {
	height: 80px; 
	Line-height: 1
}

#funding-form-text3-wrap {
	position: relative; 
	top: 17px
}

#funding-form-text4, #funding-form-text10 {
	width: 100%; 
	text-align: center; 
	line-height: 1
}

#funding-form-text5 { line-height: 1 }

#funding-form-text8 {	top: -10px }

#funding-form-text9, #funding-form-text10 { top: -20px }

#funding-form-textarea { 
	resize: none; 
	position: relative; 
	border: 1px solid #7F473C; 
	width: 600px; 
	left: 50%; 
	margin-left: -300px; 
	height: 225px; 
	top: -5px 
}

#funding-form-textarea-wrap { 
	position: relative; 
	width: 100%; 
	height: 275px 
}

#funding-form-wrap {
	width: 760px; 
	position: relative; 
	margin-left: 13px
}

#funding2-bg {
	top: 100%;
	height: 560px;
}

#funding2-bg::before {
	background-image: url('../img/bg14.avif'); 
	background-position: 100% 15%;
}

#funding2-overlay {
	top: 100%;
	height: 560px; 
}

#funding3-bg {
	position: absolute; 
	width: 100%;  
	background-color: #764238;
	top: calc(100% + 560px);
	height: 640px;
}

#funding4-bg {
	position: absolute; 
	width: 100%;  
	background-color: #673b32;
	top: calc(100% + 560px + 640px);
	height: 360px;
}

#fundingsubmit-header1 { 
	font-size: 90px; 
	line-height: 1.1
}

#fundingsubmit-header2 { 
	font-size: 94px; 
	line-height: 0.7
}

#fundingsubmit-header3 { 
	font-size: 87.5px; 
	line-height: 1
}

#fundingsubmit-header4 { 
	font-size: 50px; 
	line-height: 0
}

#fundingsubmit-header5 { 
	font-size: 37px; 
	line-height: 2
}

#inperson2-header-A, #remote2-header-A {
	font-size: 51.5px; 
	line-height: 1;
	color: #7F473C;
}

#inperson2-header-B {
	font-size: 85px; 
	line-height: 0.7
}

#inpersonheader {
	position: absolute; 
	width: 100%; 
	height: 100%; 
	background-color: #7F473C;
}

#inpersonheader::before {    
	content: "";
	background-image: url('../img/bg7.avif');
	background-size: cover;
	background-position: 100% 20%;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	opacity: 0.9;
}

#inpersonheader-buffer, #remoteheader-buffer {
	height: 150px; 
	width: 10px
}

#inpersonheader-overlay {
	position: absolute; 
	width: 100%; 
	height: 100%;
}

#inperson2-bg {
	top: 100%;
	height: 2400px;
}

#inperson2-overlay { 
	height: 500px; 
	top: 100%;
}

#inperson3-bg {
	top: calc(100% + 2400px);
	height: 560px;
}

#inperson3-bg::before {
	background-image: url('../img/bg14.avif'); 
	background-position: 100% 15%;
}

#inperson3-overlay { 
	top: calc(100% + 2400px);
	height: 560px; 
}

#inperson4-bg {
	position: absolute; 
	width: 100%;  
	background-color: #764238;
	top: calc(100% + 2400px + 560px);
	height: 640px;
}

#inperson5-bg {
	position: absolute; 
	width: 100%;  
	background-color: #673b32;
	top: calc(100% + 2400px + 560px + 640px);
	height: 360px;
}

#line-break1 { top: 15px }

#line-break2 { top: 26px }

#line-break3, #line-break4, #line-break5, #line-break6 { top: 22px }

#navbutton1 {
	width: 100px; 
	margin-left: -650px
}

#navbutton2 {
	width: 105px; 
	margin-left: -547px
}

#navbutton3 {
	width: 170px; 
	margin-left: -439px
}

#navbutton4 {
	width: 85px; 
	margin-left: -266px
}

#navbutton5 {
	width: 90px; 
	margin-left: 181px
}

#navbutton6 {
 	width: 90px; 
 	margin-left: 268px
}

#navbutton7 {
	width: 130px; 
	margin-left: 354px
}

#navbutton8 {
	width: 170px; 
	margin-left: 480px
}

#news-bg-header {
	font-size: 70px; 
	position: relative; 
	top: 150px;
  left: 0;
  margin-left: -1300px;
  opacity: 0;
}

#news-pic1 { 
	background-image: url('../img/news1.jpg');
	background-position: 50% 0% 
}

#news-pic2 { 
	background-image: url('../img/news2.jpg');
	background-position: 50% 50% 
}

#news-pic3 { 
	background-image: url('../img/news3.jpg');
	background-position: 50% 50% 
}

#news-pic4 { 
	background-image: url('../img/news4.jpg');
	background-position: 50% 50% 
}

#news-pic5 { 
	background-image: url('../img/news5.avif');
	background-position: 50% 0% 
}

#news2-bg {
	top: 440px;
	height: 2250px;
}

#news2-header {
  position: relative;
	font-size: 55px; 
	line-height: 1; 
	color: #7F473C;
  margin-top: 300px;
  opacity: 0;
}

#news2-overlay { 
	height: 500px; 
	top: 440px;
}

#news3-bg {
	position: absolute; 
	width: 100%;  
	background-color: #764238;
	top: 2690px;
	height: 640px;
}

#news4-bg {
	position: absolute; 
	width: 100%;  
	background-color: #673b32;
	top: 3330px;
	height: 360px;
}

#pdf-ico {
	background-image: url('../img/pdfico.png'); 
	background-size: cover; 
	width: 100px; 
	height: 75px; 
	position: relative; 
	left: 50%; 
	margin-left: -43px; 
	top: 20px
}

#pdf-text {
	line-height: 1.2; 
	font-size: 18px; 
	top: 20px; 
	text-align: center; 
	position: relative; 
	width: 300px; 
	height: 100px; 
	left: 50%; 
	margin-left: -150px
}

#Q1-img { 
	margin-left: -600px; 
	top: 150px; 
	background-image: url('../img/Q1.avif'); 
	background-position: 50% 40% 
}

#Q2-img {
	margin-left: -190px; 
	top: 150px; 
	background-image: url('../img/Q2.avif'); 
	background-position: 50% 50%
}

#Q3-img {
	margin-left: 220px; 
	top: 150px; 
	background-image: url('../img/Q3.jpg'); 
	background-position: 50% 50%
}

#Q4-img {
	margin-left: -395px; 
	top: 500px; 
	background-image: url('../img/Q4.jpg'); 
	background-position: 49% 50%
}

#Q5-img {
	margin-left: 15px; 
	top: 500px; 
	background-image: url('../img/Q5.avif'); 
	background-position: 0% 50%
}

#quad-slide-tiles-header1 { padding-top: 0 }

#quad-slide-tiles-wrap { 
	position: relative; 
	width: calc(100% - 145px);
	left: 145px 
}

#quad-slide-tiles1 { left: 10% }

#quad-slide-tiles2 { left: 30% }

#quad-slide-tiles3 { left: 50% }

#quad-slide-tiles4 { left: 70% }

#quarterLength {
	position: relative; 
	border: 1px solid #7F473C; 
	width: 50px; 
	height: 25px; 
	top: 9px
}

#remote-footer, #inperson-footer {
	position: absolute; 
  opacity: 0;
	left: 100%;
	margin-left: 0;
	margin-top: 280px;
	width: 900px; 
	text-align: left;
	line-height: 70px;
	text-shadow: -1px -1px 0 rgba(85,85,85,1), 1px -1px 0 rgba(85,85,85,1), -1px 1px 0 rgba(85,85,85,1), 1px 1px 0 rgba(85,85,85,1);
}

#remote2-bg {
	top: 100%;
	height: 1725px;
}

#remote2-overlay { 
	height: 500px; 
	top: 100%;
}

#remote3-bg {
	top: calc(100% + 1725px);
	height: 560px;
}

#remote3-bg::before {
	background-image: url('../img/bg14.avif'); 
	background-position: 100% 15%;
}

#remote3-overlay { 
	top: calc(100% + 1725px);
	height: 560px; 
}

#remote4-bg {
	position: absolute; 
	width: 100%;  
	background-color: #764238;
	top: calc(100% + 1725px + 560px);
	height: 640px;
}

#remote5-bg {
	position: absolute; 
	width: 100%;  
	background-color: #673b32;
	top: calc(100% + 1725px + 560px + 640px);
	height: 360px;
}

#remoteheader {
	position: absolute; 
	width: 100%; 
	height: 100%; 
	background-color: #7F473C;
}

#remoteheader::before {    
	content: "";
	background-image: url('../img/bg6.avif');
	background-size: cover;
	background-position: 100% 20%;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	opacity: 0.8;
}

#remoteheader-overlay {
	position: absolute; 
	width: 100%; 
	height: 100%;
}

#slide2-bg {
	top: 100%;
	height: 500px;
}

#slide2-bg::before {
	background-image: url('../img/bg5.avif'); 
	background-position: 100% 60%;
}

#slide2-header {
	top: 115px;
}

#slide2-overlay { 
	height: 500px; 
	top: 100%;
}

#slide2-subheader {
	top: 120px;
}

#slide2-subtext {
	top: 180px;
}

#slide4-bg {
	top: calc(100% + 500px + 100%);
	height: 500px;
}

#slide4-bg::before {
	background-image: url('../img/bg8.avif'); 
	background-position: 100% 25%;
}

#slide4-header {
	top: 115px;
}

#slide4-overlay { 
	top: calc(100% + 500px + 100%);
	height: 500px; 
}

#slide4-subheader {
	top: 120px;
}

#slide4-subtext {
	top: 180px;
}

#slide6-bg {
	top: calc(100% + 500px + 100% + 500px + 40px + 66%);
	height: 500px;
}

#slide6-bg::before {
	background-image: url('../img/bg12.avif'); 
	background-position: 100% 50%;
}

#slide6-header {
	top: 105px;
}

#slide6-overlay { 
	top: calc(100% + 500px + 100% + 500px + 40px + 66%);
	height: 500px; 
}

#slide6-subheader {
	top: 110px;
}

#slide6-subtext {
	top: 170px;
}

#slide7-text {
	position: relative; 
	color: #7F473C; 
	top: 80px; 
	width: 600px; 
	left: 50%; 
	margin-left: -300px; 
	font-size: 19px; 
	font-family: 'Inter', sans-serif;
}

#slide8-bg {
	top: calc(100% + 500px + 100% + 500px + 40px + 66% + 500px + 100%);
	height: 560px;
}

#slide8-bg::before {
	background-image: url('../img/bg14.avif'); 
	background-position: 100% 15%;
}

#slide8-header, #free3-header, #remote3-header, #inperson3-header {
	top: 135px;
}

#slide8-overlay { 
	top: calc(100% + 500px + 100% + 500px + 40px + 66% + 500px + 100%);
	height: 560px; 
}

#slide9-bg {
	position: absolute; 
	width: 100%;  
	background-color: #764238;
	top: calc(100% + 500px + 100% + 500px + 40px + 66% + 500px + 100% + 560px);
	height: 640px;
}

#slide10-bg {
	position: absolute; 
	width: 100%;  
	background-color: #673b32;
	top: calc(100% + 500px + 100% + 500px + 40px + 66% + 500px + 100% + 560px + 640px);
	height: 360px;
}

#social-icon1 {
	background-image: url('../img/facebook-ico.png'); 
	left: 28px;
}

#social-icon2 {
	background-image: url('../img/instagram-ico.png'); 
	left: 65px;
}

#social-icon3 {
	background-image: url('../img/reddit-ico.png'); 
	left: 102px;
}

#social-icon4 {
	background-image: url('../img/youtube-ico.png'); 
	left: 139px;
}

#social-icon5 {
	background-image: url('../img/x-ico.png'); 
	left: 176px;
}

#social-icon6 {
	background-image: url('../img/tictoc-ico.png'); 
	left: 213px;
}

#social-icon7 {
	background-image: url('../img/twitch-ico.png'); 
	left: 250px;
}

#splash-header {
	position: absolute; 
	left: 50%;
	margin-left: -600px; 
	width: 1100px; 
	text-align: right;
	text-shadow: -1px -1px 0 rgba(85,85,85,1), 1px -1px 0 rgba(85,85,85,1), -1px 1px 0 rgba(85,85,85,1), 1px 1px 0 rgba(85,85,85,1);
}

#splash-logo2, #splash-logo3 {
	top: 0%;
  margin-top: 450px;
	left: 0;
	margin-left: -110px;
  opacity: 0;
	height: 400px; 
	width: 400px; 
	position: absolute; 
	background-image: url('../img/iomr-logo(shadow).webp'); 
	background-size: cover;
}

#staff-writeup-wrap1 {
	margin-left: -300px; 
	top: 222px;
	text-align: left;
}

#staff-writeup-wrap2 {
	margin-left: -5px; 
	top: 222px;
	text-align: right;
}

#staff-writeup-wrap3 {
	margin-left: -300px; 
	top: 652px; 
	text-align: left
}

#staff-writeup-wrap4 {
	margin-left: -5px; 
	top: 652px;
	text-align: right
}

#staff-writeup-wrap5 {
	margin-left: -300px; 
	top: 1082px;
	text-align: left;
}

#staff-writeup-wrap6 {
	margin-left: -5px; 
	top: 1082px;
	text-align: right 
}

#staff-writeup-wrap7 {
	margin-left: -300px; 
	top: 1512px;
	text-align: left
}

#staff-writeup-wrap8 {
	margin-left: -5px; 
	top: 1512px;
	text-align: right
}

#submit-button-wrap, #submit-button-wrap3, #submit-button-wrap5 {
	height: 40px; 
	width: 90px; 
	left: 50%; 
	margin-left: -45px; 
}

#submit-button-wrap2, #submit-button-wrap4 {
	height: 60px; 
	width: 120px; 
	left: 50%; 
	margin-left: -60px; 
}	

#why-bg {
	background-image: url('../img/why-bg.avif'); 
	background-size: cover;
	background-position: 50% 55%;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	opacity: 1;
	width: 100%;
	height: 600px;
}

#why-block-header1 {
	margin-left: -600px; 
	top: 50px; 
	text-align: right
}

#why-block-header2 {
	margin-left: -190px; 
	top: 310px; 
	text-align: right
}

#why-block-header3 {
	margin-left: 245px; 
	top: 50px; 
	text-align: left
}

#why-block-header4 {
	margin-left: -575px; 
	top: 660px; 
	text-align: left
}

#why-block-header5 {
	margin-left: -190px; 
	top: 400px; 
	text-align: right
}

#why-block-header6 {
	margin-left: 220px; 
	top: 660px; 
	text-align: right
}

#why-block-header7 {
	margin-left: -575px; 
	top: 750px; 
	text-align: left
}

#why-block-header8 {
	margin-left: -165px; 
	top: 1010px; 
	text-align: left
}

#why-block-header9 {
	margin-left: 220px; 
	top: 750px; 
	text-align: right
}

#why-block-shade1 {
	margin-left: -600px; 
	top: 30px
}

#why-block-shade2 {
	margin-left: -190px; 
	top: 30px
}

#why-block-shade3 {
	margin-left: 220px; 
	top: 30px
}

#why-block-shade4 {
	margin-left: -600px; 
	top: 380px
}

#why-block-shade5 {
	margin-left: -190px; 
	top: 380px
}	

#why-block-shade6 {
	margin-left: 220px; 
	top: 380px
}	

#why-block-shade7 {
	margin-left: -600px; 
	top: 730px
}

#why-block-shade8 {
	margin-left: -190px; 
	top: 730px
}

#why-block-shade9 {
	margin-left: 220px; 
	top: 730px
}

#why-block-subtext1 {
	margin-left: -560px; 
	top: 260px
}

#why-block-subtext2 {
	margin-left: -150px; 
	top: 60px
}

#why-block-subtext3 {
	margin-left: 260px; 
	top: 260px; 
	text-align: right
}

#why-block-subtext4 {
	margin-left: -560px; 
	top: 410px; 
	text-align: right
}

#why-block-subtext5 {
	margin-left: -150px; 
	top: 610px
}

#why-block-subtext6 {
	margin-left: 260px; 
	top: 410px
}

#why-block-subtext7 {
	margin-left: -560px; 
	top: 960px; 
	text-align: right
}

#why-block-subtext8 {
	margin-left: -150px; 
	top: 760px
}

#why-block-subtext9 {
	margin-left: 260px; 
	top: 960px
}

#why-header {
	position: absolute; 
	top: 50px;
	left: 0;
	margin-left: -950px;
  opacity: 0  ;
  margin-top: 175px;
	font-size: 140px; 
	width: 680px; 
	line-height: 0.9;
	text-align: center;
	text-shadow: -1px -1px 0 rgba(85,85,85,1), 1px -1px 0 rgba(85,85,85,1), -1px 1px 0 rgba(85,85,85,1), 1px 1px 0 rgba(85,85,85,1);
}

#why-slide2-bg {
	top: 600px;
	height: 300px;
}

#why-slide2-subtext {
	width: 1200px;
	left: 50%;
	margin-left: -600px;
	text-align: left;
	top: 60px;
	color: #7F473C;
	line-height: 1.5;
	font-weight: 400;
}


#why-slide3-bg {
	top: 900px;
	height: 1080px;
	background-color: #764238;
}

#why-slide4-bg {
	top: 1980px;
	height: 800px;
}

#why-slide4-bg::before {
	background-image: url('../img/whybg4.avif'); 
	background-position: 50% 45%;
}

#why-slide4-header { 
	color: #7F473C; 
	top: 30px; 
	font-size: 42px
}

#why-slide4-img1 {
	background-image: url('../img/why-pic10.avif'); 
	top: 180px; 
	margin-left: -450px
}

#why-slide4-img2 {
	background-image: url('../img/why-pic11.avif'); 
	top: 480px; 
	margin-left: -450px
}

#why-slide4-overlay { 
	height: 800px; 
	top: 1980px;
}

#why-slide4-subtext {
	font-weight: 400; 
	width: 500px; 
	margin-left: -50px; 
	top: 140px
}

#why-slide5-bg {
	top: 2780px;
	height: 560px;
}

#why-slide5-bg::before {
	background-image: url('../img/bg14.avif'); 
	background-position: 100% 15%;
}

#why-slide5-overlay {
	top: 2780px;
	height: 560px; 
}

#why-slide6-bg {
	position: absolute; 
	width: 100%;  
	background-color: #764238;
	top: 3340px;
	height: 640px;
}

#why-slide7-bg {
	position: absolute; 
	width: 100%;  
	background-color: #673b32;
	top: 3980px;
	height: 360px;
}

#why1-img {
	margin-left: -600px; 
	top: 30px; 
	background-image: url('../img/why-pic1b.avif'); 
	background-position: 50% 40%
}

#why2-img {
	margin-left: -190px; 
	top: 30px; 
	background-image: url('../img/why-pic2b.avif'); 
	background-position: 50% 50%
}

#why3-img {
	margin-left: 220px; 
	top: 30px; 
	background-image: url('../img/why-pic3.PNG'); 
	background-position: 50% 50%
}

#why4-img {
	margin-left: -600px;
	top: 380px; 
	background-image: url('../img/why-pic4.PNG'); 
	background-position: 50% 50%
}

#why5-img {
	margin-left: -190px;
	top: 380px; 
	background-image: url('../img/why-pic5.PNG'); 
	background-position: 49% 50%
}

#why6-img {
	margin-left: 220px; 
	top: 380px; 
	background-image: url('../img/why-pic6.avif'); 
	background-position: 0% 50%
}

#why7-img {
	margin-left: -600px;
	top: 730px; 
	background-image: url('../img/why-pic7.avif'); 
	background-position: 50% 50%
}

#why8-img {
	margin-left: -190px;
	top: 730px; 
	background-image: url('../img/why-pic8.PNG'); 
	background-position: 50% 50%
}

#why9-img {
	margin-left: 220px; 
	top: 730px; 
	background-image: url('../img/why-pic9.avif'); 
	background-position: 50% 50%
}