:root {
	--bs-primary: #2e3690;
	--bs-secondary: #ed1c24;
	--bs-light: #f2f2f2;
	--bs-dark: #06174b;
	--bs-accent1: #c7eafb;
	--bs-accent2: #3fa7d8;
	--bs-accent3: #9fc2e5;
	--bs-primary-rgb: 46,54,144;
	--bs-secondary-rgb: 237,28,36;
	--bs-light-rgb: 242,242,242;
	--bs-dark-rgb: 6,23,75;
	--bs-accent1-rgb: 199,234,251;
	--bs-accent2-rgb: 63,167,216;
	--bs-accent3-rgb: 159,194,229;
   --bs-gradient: linear-gradient(0deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
	--bs-font-sans-serif: "gothambook", Helvetica, Arial, sans-serif;
	--bs-body-font-family: var(--bs-font-sans-serif);
	--bs-body-color: #383941;
	--bs-body-bg: #f7f7f7;
	--bs-body-bg-gradient: linear-gradient(to right top, #f2f2f2, #e1e1e1, #d1d1d1, #c1c1c1, #b1b1b1);
	--bs-heading-font:"Bourgeois", Helvetica, Arial, sans-serif;
	--bs-box-shadow-main: 0 30px 40px 0px rgba(var(--bs-primary-rgb), 0.15);
   --bs-breadcrumb-font-size: .75rem;
}

/* ==========================================================================
   WEBFONTS
   ========================================================================== */
	
   .got {font-family: 'gothambook'!important;}
   .gotb {font-family: 'gothambold'!important;}
   .gotm {font-family: 'gothammedium'!important;}
   .bourg {font-family: 'Bourgeois'!important;}

/* ==========================================================================
   BASE: opinionated defaults
   ========================================================================== */

	:root {--indent: 0;}
	@media screen and (min-width: 40rem) {
		:root {
			--indent: clamp(1.5rem, 4vw, 2.5rem);
		}
	}

   b, strong {font-family: 'gothambold';}

/* ==========================================================================
   LAYOUT
   ========================================================================== */

   /* Header */
   header {position:relative; left:0; top:0; right:0; z-index:99; width:100%; font-family: var(--bs-heading-font); padding-bottom: 2rem;}
   header a {color: var(--bs-white);}
   header .text {text-align: center;}
   header h2 {color: var(--bs-dark); margin-bottom: 0;}
   header h3 {font-size: 1.5rem; margin-bottom: 0;}
   header h3 small {color: var(--bs-secondary);}
   header .inner-container {display: flex; flex-direction: column; justify-content: center; align-items: center;}
   header .header-top {position:relative; background-color:var(--bs-dark); font-size: .875rem; z-index: 101;}
   header .header-top .inner-container i {color:var(--bs-accent1); font-size: 1rem;}
   header .header-top .top-left {display: none;}
   header .header-top .top-right {width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
   header .header-top .top-right .social-box {list-style: none; margin-left:2rem; margin-bottom: 0; padding-left: 0; font-size: 1rem;}
   header .header-top .top-right .social-box li {position: relative; float:left;}
   header .header-top .top-right .social-box li a {padding:1rem; color:var(--bs-white); font-family: "FontAwesome"; font-weight: normal;}
   header .header-top .top-right .social-box li a:after{ position:absolute; content:''; right:0; top:.25rem; width:1px; bottom:.25rem; border-right:1px solid rgba(var(--bs-white-rgb), .1);}
   header .header-top .top-right .social-box li:last-child a {border-right:none;}
   header .header-top .top-right .social-box li:last-child a::after {display:none;}
   header .header-top .top-right .social-box li a:hover {color:var(--bs-primary); background-color:var(--bs-accent1);}

   header .logo-row, header .logo-row .area-left, header .logo-row .area-right {position:relative; display: flex; flex-direction: row; justify-content: center; align-items: center; text-transform: uppercase;}
   header .logo-row {padding:1.5rem 0;}
   header .logo-row .area-left {flex-direction: column;}
   header .logo-row .area-left img {max-height: 6.75rem; margin:0 1rem 1rem 0;}
   header .logo-row .area-right {margin-top: 1rem;}
   header .logo-row .area-right img {max-height: 6.75rem;}
   header .logo-row .area-right img:last-child {margin-left: .75rem;}

   @media (min-width: 768px) {
      header .inner-container {flex-direction: row; justify-content: space-between;}
      header .text {text-align: left;}
      header .header-top .top-left {display: block; position: relative; padding:.5rem 0; color:var(--bs-white);}
      header .header-top .top-right {width: auto; margin-left: auto; justify-content: center;}
      header .logo-row .area-left {flex-direction: row;}
      header .logo-row .area-left img {margin-bottom: 0;}
      header .logo-row .area-right {margin-top: 0;}
   }

   /* CONTAINERS */
   main {margin: 2rem 0 0; flex: 1;}
   main.content {background-position: center top; background-repeat: no-repeat; background-size: cover; position: relative;}

   .fancybox-container {z-index: 100000;}
   .fancybox-content {background:rgba(255, 255, 255, 0.3); max-width:fit-content;}
   .fancybox-slide--html .fancybox-close-small {color: #FFFFFF;}

/* ==========================================================================
   CONTENT
   ========================================================================== */

   /* REBOOT */
   /* Page Defaults */
   html, body {margin:0; padding:0; height: 100%;}
   body {font-family: var(--bs-body-font-family); display: flex; flex-direction: column; min-height: 100vh;}

   /* Paragraphs */
   p {margin-bottom:1.2rem;}

   /* Links */
   a {position: relative; text-decoration:none; cursor:pointer; color:var(--bs-primary); -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease;}
   button, a:hover, a:focus, a:visited{text-decoration:none; outline:none !important;}
   a:hover {color: var(--bs-danger);}

   /* Horizontal rules */
   .divider {border-bottom:1px dashed #b8b8b8; margin:2rem 0; width:100%; border-top:0;}

   /* Lists */
   ul, ol {margin-bottom:0.75rem;}

   /* TYPOGRAPHY */
   h1, h2, h3, h4, h5, h6 {color: var(--bs-primary); font-family:var(--bs-heading-font);}
   h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {font-family: var(--bs-heading-font); font-size: .75em;}
   
   .lead {font-weight: inherit;}

   @media (min-width: 768px) {}

   @media (min-width: 992px) {}

   h1, h2.section-title {position: relative; padding-bottom: 1.25rem; text-transform: uppercase;}
   h1:before, h2.section-title:before {content: ''; width: 2.5rem; height: .25rem; border-radius: .625rem; background: #c3c3c3; position: absolute; bottom: 0; left: 50%; margin-left: -1.25rem;}
   h1 {padding-bottom: .5rem; margin-bottom: 1.5rem;}
   h1:before {left: 1.5rem;}

   /* IMAGES */

   .image-box {display: flex; flex-direction: column; align-items: center;}
   .image-slider {width:15rem; height:auto; z-index: 0; box-shadow: 0 0 15px 0 rgba(0, 0, 0, .25); margin-bottom:2rem;}
   .image-slider img {width:100%;}
   .image-box-content {width:100%; background-color: var(--bs-white); border-radius:var(--bs-border-radius-sm); z-index: 2; padding: 1rem; margin-left:0; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);}
   .image-box-content.left {margin-right:0;}
   .image-box-content p:last-child {margin-bottom: 0;}
   
   @media (min-width: 768px) {}
   
   @media (min-width: 992px) {
      .image-box {flex-direction: row;}
      .image-slider {margin-bottom:0;}
      .image-box-content {width:calc(100% - 150px); margin-left:-1rem;}
   }
   
   @media (min-width: 1200px) {
      .image-slider {min-width:20rem;}
      .image-box-content {width:calc(100% - 200px); padding: 2rem; margin-left:-3rem;}
      .image-box-content.left {margin-left:0; margin-right:-3rem;}
   }

   /* TABLES */
   .table>:not(:first-child) {border-top: 1px solid #eaeaea;}

   thead.table-primary {--bs-table-bg: var(--bs-primary);}

   table.program {background-color: #FFF; border-collapse: separate; border-spacing: .25rem;}
   table.program, table.program th, table.program td {border: 1px solid #eceeef;}
   table.program tbody th {text-align: center;}
   
   .responsive-data {border: 1px solid #ccc; border-collapse: collapse; margin: 0; padding: 0; width: 100%; /*table-layout: fixed;*/}
   .responsive-data caption {font-size: 1.5rem; margin: .5rem 0 .75rem; font-family:var(--bs-alt-font);}
   .responsive-data tr {background-color: #f8f8f8; border: 1px solid #ddd; padding: .35rem;}
   .responsive-data th, .responsive-data td {padding: .625rem; text-align: center;}
   .responsive-data th {font-size: .85rem; /*letter-spacing: .1em;*/ text-transform: uppercase;}
   @media screen and (max-width: 600px) {
      .responsive-data {border: 0;}
      .responsive-data caption {font-size: 1.25rem;}
      .responsive-data thead {border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
      .responsive-data tr {border-bottom: 3px solid #ddd; display: block; margin-bottom: .625rem;}
      .responsive-data th, .responsive-data td {border-bottom: 1px solid #ddd; display: block; font-size: .875rem; text-align: left;}
      .responsive-data td::before {content: attr(data-label); /*float: left;*/ display: block; font-weight: bold; text-transform: uppercase;}
      .responsive-data td:last-child {border-bottom: 0;}
   }

/* ==========================================================================
   FORMS
   ========================================================================== */

   input:focus, input:active, .form-control:focus, .form-control:active {box-shadow:none!important;}
   .form-control {padding: .725rem 1rem; background-color: var(--bs-white);}
   .form-control::placeholder {color:rgba(102,102,102,.5);}

/* ==========================================================================
   COMPONENTS
   ========================================================================== */	

   /* ACCORDION */
   .accordion {font-size: 1rem; width:100%; margin: 0 auto; border-radius: .25rem;}
	.accordion-header {padding: 1.5em; background: var(--bs-primary); color: var(--bs-white); cursor: pointer; font-size: .85rem; letter-spacing: .05em; transition: all .3s; text-transform: uppercase; display:flex; flex-direction:row; justify-content:space-between; align-items:center; font-weight: 600;}
	.accordion__item {margin-bottom: .5rem;}
	.accordion__item .accordion__item {border-bottom: 1px solid rgba(0, 0, 0, 0.08);}
	.accordion-header:hover {background: var(--bs-secondary); position: relative; z-index: 5;}
	.accordion-body {background: #fcfcfc; color: #353535; display: none; border: 1px solid #eaeaea;}
	.accordion-body__contents {padding: 1.5em 1.5em; font-size: 1rem;}
	.accordion__item.active:last-child .accordion-header {border-radius: 0;}
	.accordion:first-child > .accordion__item > .accordion-header {border-bottom: 1px solid transparent;}
	.accordion__item > .accordion-header:after {content: "\f150"; font-family: "Font Awesome 6 Free"; font-size: 1.2em; right:1rem; transition: .3s all;}
	.accordion__item.active > .accordion-header:after {transform: rotate(-180deg);}
	.accordion__item.active .accordion-header {background: var(--bs-info);}
	.accordion__item .accordion__item .accordion-header {background: #f1f1f1; color: #353535;}

   /* BREADCRUMB */
   nav.breadcrumb {justify-content: end!important;}

   /* BUTTONS */
   button:hover, button:focus, .btn:active, .btn:focus {text-decoration: none; outline: none;}
   
   .btn {display:inline-block; transition:all 0.3s ease; font-family: var(--bs-heading-font);}
   .btn-primary, .btn-secondary, .btn-dark {position: relative; line-height: 1.875rem; font-weight:500; overflow: hidden; text-align:center; border-radius:.25rem; display: inline-grid; padding: 1rem 2.25rem; letter-spacing:1px; color: var(--bs-white); font-size: 1.125rem; text-transform: uppercase; background-color:var(--bs-primary); border: none;}
   .btn-primary .text, .btn-secondary .text, .btn-dark .text {position:relative; z-index:1;}
   .btn-primary:before, .btn-secondary:before, .btn-dark:before {transition-duration: 800ms; position: absolute; width: 200%; height: 200%; content: ""; top: 110%; left: 50%; transform: translateX(-50%); border-radius: 50%; z-index: 1; background: var(--bs-white);}
   .btn-primary span, .btn-secondary span, .btn-dark span {position:relative; z-index:1; font-style:normal; display:inline-block; margin-left:.25rem; transition-duration: 800ms;}
   .btn-primary:hover {background-color: var(--bs-primary); color: var(--bs-primary);}
   .btn-primary:hover:before, .btn-secondary:hover:before, .btn-dark:hover:before {top: -40%;}
   .btn-secondary {background-color:var(--bs-secondary);}
   .btn-secondary:hover {background-color: var(--bs-secondary); color: var(--bs-secondary);}
   .btn-dark {background-color:var(--bs-dark);}
   .btn-dark:before {background: var(--bs-primary);}
   .btn-dark:hover {background-color: var(--bs-dark); color: var(--bs-white);}
   
   .scroll2top {position:fixed; bottom:1rem; right:1rem; width:2.5rem; height:2.5rem; color:var(--bs-primary); text-transform:uppercase; font-size: 1.25rem; line-height:2.375rem; text-align:center; z-index:100; cursor:pointer; background:var(--bs-white); display:none; box-shadow:0px 0px 10px rgba(0,0,0,0.15); transition:all 300ms ease;}
   .scroll2top:hover {color:var(--bs-white); background:var(--bs-primary);}

   /* CARD */
   .shadowy {margin-bottom: 5.5rem; background: var(--bs-white); box-shadow: var(--bs-box-shadow-main); border-radius: var(--bs-border-radius-sm);}

   /* COLLAPSE */
   /* LIST GROUP */

   /* NAVBAR */
   .main-nav {position: relative; background-color: var(--bs-white); border-radius: 2.5rem; padding: 0 2rem; transition: all 300ms ease; text-align: center; display: flex; justify-content: center;}
   .main-nav .sf-menu {display: flex; margin: auto;}
   .main-nav .sf-menu ul {list-style:none; padding-left:0; min-width:12em;*width:auto; white-space:nowrap; *white-space:normal;}
   .main-nav .sf-menu > li {position: relative; display: flex; align-items: center; transition: all 500ms ease; margin-right:0;}
   .main-nav .sf-menu > li:last-child {margin-right: 0;}
   .main-nav .sf-menu > li > a {position: relative; display: block; padding: 1rem 0; font-size: 1rem; text-transform: uppercase; color: var(--bs-dark); line-height: 1.875rem; letter-spacing: 0;}
   .main-nav .sf-menu > li:hover > a {color: var(--bs-primary);}
   .main-nav .sf-menu > li > ul {position: absolute; top: 100%; left: 0; transform: perspective(300px) scaleY(0) translateZ(30px); transform-origin: top; opacity: 0; visibility: hidden; transition: all 300ms ease; border-radius: 0; background-color: var(--bs-primary); box-shadow: 0px 0px 10px rgba(0,0,0,0.10); z-index: 10;}
   .main-nav .sf-menu > li:hover > ul {transform: perspective(300px) scaleY(1) translateZ(0); opacity: 1; visibility: visible;}
   .main-nav .sf-menu > li > ul > li {position: relative; text-align:left; border-bottom:1px solid rgba(255,255,255,0.10);}
   .main-nav .sf-menu > li > ul > li:last-child {border-bottom: none;}
   .main-nav .sf-menu > li > ul > li > a {display: block; padding: .75rem 1.125rem; line-height: 1.5rem; text-transform: capitalize; color: var(--bs-white); transition: all 500ms ease; padding-left: 1.125rem;}
   .main-nav .sf-menu > li > ul > li > a:before {position:absolute; content:'//'; left:.625rem; top:.75rem; opacity:0; font-weight:500; color:var(--bs-white); font-size:.625rem; transition: all 500ms ease;}
   .main-nav .sf-menu > li > ul > li:hover > a:before {opacity:1;}
   .main-nav .sf-menu > li > ul > li:hover > a {padding-left:2rem; color:var(--bs-white); background-color:var(--bs-dark);}

   header .sticky-header {position:fixed; opacity:0; visibility:hidden; left:0; top:0; width:100%; padding:0; z-index:0; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; background-color:var(--bs-white); box-shadow:0px 0px 10px rgba(0,0,0,0.10); margin-top: -1px;}
   header.fixed-header .sticky-header {z-index: 100; opacity:1; visibility:visible; -ms-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -op-animation-name: fadeInDown; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -ms-animation-duration: 500ms; -moz-animation-duration: 500ms; -op-animation-duration: 500ms; -webkit-animation-duration: 500ms; animation-duration: 500ms; -ms-animation-timing-function: linear; -moz-animation-timing-function: linear; -op-animation-timing-function: linear; -webkit-animation-timing-function: linear; animation-timing-function: linear; -ms-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -op-animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-iteration-count: 1;}
   header .sticky-header > .container {display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
   header .sticky-header img {max-height: 4.75rem; margin:0 1rem 0;}
   header .sticky-header .main-nav {padding: 0;}
   header .sticky-header .main-nav .sf-menu > li > a {font-size: 1rem;}
   header .sticky-header .main-nav .sf-menu > li > a {padding: 1.75rem 0;}

   @media (min-width: 992px) {
      .main-nav .sf-menu > li {margin-right: 1rem;}
      .main-nav .sf-menu > li > a {padding: .5rem 0;}
   }

   @media (min-width: 1200px) {
      .main-nav .sf-menu > li > a {font-size: 1.125rem; padding: 2.25rem 0;}
   }

   @media (min-width: 1400px) {
      .main-nav .sf-menu > li {margin-right: 2rem;}
      .main-nav .sf-menu > li > a {font-size: 1.25rem; padding: 2.25rem 0;}
   }

/* ==========================================================================
   HELPERS
   ========================================================================== */

   /* ANIMATIONS */
   @-webkit-keyframes zoom-fade {
      0% {-webkit-transform: scale(0.8); transform: scale(0.8);}
      50% {-webkit-transform: scale(1); transform: scale(1);}
      100% {-webkit-transform: scale(0.8); transform: scale(0.8);}
   }
    
    @keyframes zoom-fade {
      0% {-webkit-transform: scale(0.8); transform: scale(0.8);}
      50% {-webkit-transform: scale(1); transform: scale(1);}
      100% {-webkit-transform: scale(0.8); transform: scale(0.8);}
   }

   @keyframes rotateit {
      0% {transform: rotate(0deg); opacity: 1;}
      50% {transform: rotate(-180deg);}
      100% {transform: rotate(-360deg); opacity: 1;}
   }
   @-webkit-keyframes floating {
      0% {-webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1;}
      50% {-webkit-transform: translateY(30px); transform: translateY(30px); opacity: 1;}
      100% {-webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1;}
   }
   @keyframes floating {
      0% {transform: translateY(0px); transform: translateY(0px); opacity: 1;}
      50% {transform: translateY(30px); transform: translateY(30px); opacity: 1;}
      100% {transform: translateY(0px); transform: translateY(0px); opacity: 1;}
   }

   @-webkit-keyframes ripple {
      70% {box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);}
      100% {box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);}
   }
   @keyframes ripple {
      70% {box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);}
      100% {box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);}
   }

   @-webkit-keyframes shine {
      100% {left: 125%;}
   }
   @keyframes shine {
      100% {left: 125%;}
   }

   /* CLEARFIX */
   .clearfix {line-height: 0;}

   /* COLOR & BACKGROUND */
   .text-accent1 {color: var(--bs-accent1);}
   .text-accent2 {color: var(--bs-accent2);}
   .text-accent3 {color: var(--bs-accent3);}
   
   .bg-halfgrey {
		background: #fcfcfc; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 29.99%, #f6f7fb 30%, #f6f7fb 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 29.99%,#f6f7fb 30%,#f6f7fb 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 29.99%,#f6f7fb 30%,#f6f7fb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f7fb',GradientType=0 ); /* IE6-9 */
	}

   .bg-accent1 {background-color: var(--bs-accent1);}
   .bg-accent2 {background-color: var(--bs-accent2);}
   .bg-accent3 {background-color: var(--bs-accent3);}

/* ==========================================================================
   UTILITIES
   ========================================================================== */

   /* BORDERS */
   /* COLORS */
   
   /* SHADOWS */
   .box-shadow-lg {-webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,.30); box-shadow: 0 0 30px 0 rgba(0,0,0,.30);}
   .box-shadow-md {-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.20); box-shadow: 0 0 15px 0 rgba(0,0,0,.20);}
   .box-shadow-sm {-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.15); box-shadow: 0 2px 2px 0 rgba(0,0,0,0.15);}

   /* TEXT */
   .text-justify {text-align: justify;}

	
/* ==========================================================================
   List Styles
   ========================================================================== */

	/* Side Bar Listing */
	ul.page-menu {padding: 0; margin: 0; font-family:var(--bs-body-font-family); font-weight: 600; font-size: 1rem; list-style-type: none; background-color: var(--bs-white); border:1px solid var(--bs-white);}
   ul.page-menu li {padding:.125rem .5rem; background-color: transparent;}
	ul.page-menu li:not(:last-child) {margin-bottom: .5rem;}
	ul.page-menu li a {background-image: linear-gradient(to right,var(--bs-primary), var(--bs-primary) 50%, var(--bs-dark) 50%); background-size: 200% 100%; background-position: -100%; display: block; padding: .75rem 0; position: relative; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: all 0.3s ease-in-out;}
	ul.page-menu li a::before {content: ''; background:var(--bs-primary); display: block; position: absolute; bottom: -3px; left: 0; width: 0; height: 3px; transition: all 0.3s ease-in-out;}
	ul.page-menu li a:hover {background-position: 0;}
	ul.page-menu li a:hover::before {width:100%;}

   /* Check List */
   ul.check-list {list-style: none; padding: 0;}
   ul.check-list li {padding-left: 1.3em;}
   ul.check-list li:before {
     content: "\f00c"; /* FontAwesome Unicode */
     font-family: 'Font Awesome 6 Free';
    font-weight: 900;
     display: inline-block;
     margin-left: -1.3em; /* same as padding-left set on li */
     width: 1.3em; /* same as padding-left set on li */
     color: var(--bs-success);
   }

   /* Important Dates Listing Template */
   .important-dates {display:flex; flex-direction:column; justify-content:space-between; background-color:var(--bs-secondary); color:var(--bs-white); padding:1rem; margin-bottom:1rem;}
   .important-dates .date {font-weight: bold;}
   @media (min-width: 768px) {
      .important-dates {flex-direction: row;}
   }

/* ==========================================================================
   SITE SPESIFIC SECTIONAL STYLES
   ========================================================================== */

   /* HEADER */
   .color-layer {position:absolute; left:0; top:0; width:40.875rem; height:32.5rem; border-radius:6.25rem; margin-left:-31.25rem; margin-top:-7.5rem; transform:rotate(-40deg); background-color:var(--bs-secondary); outline: 2px dashed var(--bs-secondary); outline-offset: 1rem;}

   /* SLIDER */
   #slider {position: relative;}
   #slider .heart {position:absolute; left:10%; top:5%; width:15.625rem; height:21.875rem; z-index:-1; opacity: .5; background-image: url(../../files/images/layout/general/heart.webp); background-repeat:no-repeat; animation: zoom-fade 3s linear infinite;}
   #slider .text h2 {font-size: 3rem; color: var(--bs-dark);}
   #slider .text h2 small {font-size: 1.5rem; color: var(--bs-primary);}
	#slider #slider-wrapper img {border-radius: 2.5rem;}

	/* QUICKLINKS */
   #quicklinks {background-color: var(--bs-dark); padding: 2rem 0; background-size: auto; background-position: right bottom; background-repeat: no-repeat; background-image: url(../../files/images/layout/general/bg-bubble-wave.webp); background-blend-mode: luminosity;}
   #quicklinks .quicklinks {display: grid; grid-template-columns: repeat(auto-fit, minmax(min(150px, 50vw), 1fr)); grid-auto-rows: minmax(min(100px, 50vh), auto); gap: 1rem;}
   #quicklinks .quicklinks a {display: flex; justify-content: center; align-items: center; text-decoration: none; color: var(--bs-white); padding: 1rem; box-sizing: border-box; flex-wrap: wrap;}
   #quicklinks .quicklinks a:not(:last-child)::after {content: ""; position: absolute; right: -.5rem; top: 0; bottom: 0; width: 1px; background-color: rgba(var(--bs-white-rgb), .125);}
   #quicklinks .quicklinks a:last-child:not(:nth-last-child(1))::after {display: none;}
   #quicklinks .quicklinks a h4 {opacity:.5; transition: all 300ms ease; color: var(--bs-white); margin-bottom: 0; text-align: center;}
   #quicklinks .quicklinks a:hover h4 {opacity:1;}
   #quicklinks .quicklinks a span {position:relative; flex-shrink: 0; width:3.75rem; height:3.75rem; line-height:3.75rem; border-radius:.25rem; text-align:center; font-size:1.5rem; color:var(--bs-white); display:inline-block; background-color: rgba(var(--bs-white-rgb), .25); transition: all 300ms ease; margin-right: .5rem;}
   #quicklinks .quicklinks a:hover span {transform:rotateY(360deg); background-color:var(--bs-accent1); color: var(--bs-primary);}
   @media (min-width: 992px) {
      #quicklinks .quicklinks a {justify-content: space-between; flex-wrap: nowrap;}
      #quicklinks .quicklinks a h4 {text-align: right;}
   }
   @media (min-width: 1400px) {
      #quicklinks .quicklinks a {justify-content: space-evenly;}
   }

   /* WELCOME MESSAGE */
   #welcome-message {position: relative; background-color: var(--bs-light); padding: 5rem 0;}
   #welcome-message .background, #welcome-message .curved-dottes {position:absolute; background-repeat:no-repeat;}
   #welcome-message .background {right:0; top:0; width:30.375rem; height:37.625rem; background-image: url(../../files/images/layout/general/bg-welcome-message-white.webp);}
   #welcome-message .committee .card {border: none; background-color: var(--bs-white); box-shadow: 0px 0px 15px rgba(0,0,0,0.07); border-radius: 2.5rem; padding: 1rem; margin-bottom: 1.25rem;}
   #welcome-message .committee .card .card-header {display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; padding: 0; background: transparent; border-bottom: 0;}
   #welcome-message .committee .card .card-header .img {border-radius: 25rem; overflow: hidden; width: 10rem; height: 10rem; margin-bottom: 1.5rem;}
   #welcome-message .committee .card .card-header .img img {display: inline-block; max-width: 100%; height: auto;}
   #welcome-message .committee .card .card-header h6 {text-transform: uppercase; text-align: center; margin-bottom: 0; flex: 1 0; margin-left: .5rem;}
   #welcome-message .committee .card .card-header h6 small {color: var(--bs-dark);}
   #welcome-message .committee .col-md-6:nth-child(2n + 0){
      transform:translateY(40px);
   }

	/* COUNTDOWN */
   #cd-section {background: var(--bs-white); padding: 5rem 0;}
   #cd-section .cd-container {border-radius: .25rem; overflow: hidden; background-color: var(--bs-light); position: relative; z-index: 1;}
   #cd-section .cd-container h3 {font-size: 1.5rem;}
   #cd-section .cd-container .newsletter-column .content {padding: 2rem;}
   #cd-section .cd-container .newsletter-column form {position: relative;}
   #cd-section .cd-container .newsletter-column form .btn-wrapper {position:absolute; z-index: 1; top: 55%; left: 104%; transform: translate(-50%, -50%);}
   #cd-section .cd-container .newsletter-column #kaydet {position: relative; width:4.5rem; height: 4.5rem; z-index:10; font-weight:400; padding-left: .825rem; border-radius:50%; text-align: center; display: inline-block; font-size: 1.25rem; color: var(--bs-white); background-color: var(--bs-dark); transition: all 900ms ease;}
   #cd-section .cd-container .newsletter-column #kaydet:hover {background-color: var(--bs-accent1);}
   #cd-section .cd-container .newsletter-column .btn-wrapper .ripple, #cd-section .cd-container .newsletter-column .btn-wrapper .ripple:before, #cd-section .cd-container .newsletter-column .btn-wrapper .ripple:after {position: absolute; top: 50%; left: 50%; width:4.5rem; height: 4.5rem; transform: translate(-50%, -50%); border-radius: 50% 50% 50% 50%; box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); animation: ripple 3s infinite;}
   #cd-section .cd-container .newsletter-column .btn-wrapper .ripple:before {animation-delay: .9s; content: ""; position: absolute;}
   #cd-section .cd-container .newsletter-column .btn-wrapper .ripple:after {animation-delay: .6s; content: ""; position: absolute;}
   #cd-section .cd-container .cd-column .content {position:relative; padding:3rem 1rem 2.5rem 2.5rem; background-image: url(../../files/images/layout/general/bg-cd.webp); background-repeat: no-repeat; background-position: right bottom; background-blend-mode: multiply;}
   #cd-section .cd-container .cd-column .content:before {position:absolute; content:''; left:0; top:0; right:-9.375rem; bottom:0; z-index:-1; transform: skewX(10deg); border-radius:1rem 0 0 1rem; background-color:var(--bs-primary);}

   div.timeblock div.timer {font-family: var(--bs-heading-font); color: var(--bs-white); font-size: 2.25rem; line-height: 1.2em; width: 100%;}
	div.timeblock div.timer ul {display: inline-block; list-style:none; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-start: 0; margin-bottom: 0;}
	div.timeblock div.timer ul li {float: left; text-align: center; position: relative;}
	div.timeblock div.timer ul li.seperator {font-size: 1.5rem; color: var(--bs-white);}
	div.timeblock div.timer ul li p {font-family: var(--bs-body-font-family); font-size: .75rem; line-height: 1em; margin-bottom:0px; opacity: .5; color: #FFFFFF;}
   @media (min-width: 992px) {
      div.timeblock div.timer {font-size: 3rem; text-shadow: 1px 1px #000000;}
   }

   /* SPEAKERS */
   #speakers {padding: 4rem 0;}
   #speakers h2 {margin-bottom: 2.5rem;}
   .speaker-container {margin-bottom: 1.25rem;}
   .speaker-container .content {position:relative; display: block; text-align:center; padding:2rem 1.25rem; border-bottom:4px solid transparent; background-color:var(--bs-white); box-shadow:0px 0px 15px rgba(0,0,0,0.05); transition:all 500ms ease;}
   .speaker-container .content:hover {border-color:var(--bs-primary);}
   .speaker-container .content:before {position:absolute; content:''; left:0; top:0; right:0; bottom:0; opacity:0; transform:scale(0.2,1); background-color:var(--bs-dark); transition:all 500ms ease;}
   .speaker-container .content:hover:before {opacity:1; transform:scale(1,1);}
   .speaker-container .content .img {position:relative; width:10rem; height:10rem; border-radius:50%; overflow:hidden; margin:0 auto 1rem;}
   .speaker-container .content .ear-one {position:absolute; right:6rem; top:1rem; width:1.25rem; height:8.625rem; border-radius:2.5rem; transform:rotate(45deg); background-color:var(--bs-primary);}
   .speaker-container .content .ear-two {position:absolute; right:5.5rem; top:3rem; width:.75rem; height:7.5rem; border-radius:2.5rem; transform:rotate(45deg); background-color:var(--bs-light);}
   .speaker-container .content .info {position: relative; z-index: 10;}
   .speaker-container .content h3 {font-size: 1.25rem; text-transform: uppercase; color: var(--bs-dark);}
   .speaker-container .content:hover h3 {color: var(--bs-white);}
   .speaker-container .content p {margin-bottom: 0; color: var(--bs-primary);}
   .speaker-container .content:hover p {color: var(--bs-accent1);}

   /* EVENTS */
   #events {padding: 5rem 0; background-color: var(--bs-white); background-position:left bottom; background-repeat:no-repeat; background-image: url(../../files/images/layout/general/bg-events.webp); background-size: contain;}
   #events h2 {margin-bottom: 2.5rem;}
   .event-container .content {position:relative; overflow:hidden; border-radius:.25rem .25rem 0px 0px; background-color:var(--bs-white); box-shadow:0px 0px 20px rgba(0,0,0,0.07);}
   .event-container .content .img {position:relative; overflow:hidden; background-color:var(--bs-primary);}
   .event-container .content .img img {position:relative; width:100%; display:block; transition: all 600ms ease;}
   .event-container .content:hover .img img {opacity:.6; transform:scale(1.06,1.06) rotate(2deg);}
   .event-container .content .img:before {position: absolute; top: 0; left: -85%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3))); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); transform: skewX(-25deg); z-index: 1;}
   .event-container .content:hover .img:before {-webkit-animation: shine 1s; animation: shine 1s;}
   .event-container .content .date {position:absolute; left:-4.75rem; top:8.125rem; z-index:1; font-weight:500; padding:.625rem 1.875rem .5rem; font-size:.875rem; color:var(--bs-white); text-transform:uppercase; transform:rotate(90deg); background-color:var(--bs-primary); transition: all 300ms ease; display:inline-block; clip-path: polygon(10% 0, 90% 0, 95% 51%, 100% 100%, 0 100%, 5% 49%);}
   .event-container .content .info {padding: 1.5rem;}
   .event-container .content .info h3 {font-size: 1.125rem;}
   .event-container .content .info h3 a {color: var(--bs-dark); transition: all 300ms ease;}
   .event-container .content .info h3 a:hover, .event-container .content .info .readmore:hover {color: var(--bs-primary);}
   .event-container .content .info .readmore {position:relative; font-family: 'gothambold'; font-weight:500; color:var(--bs-dark); font-size:.875rem; text-transform:uppercase; display:inline-block; margin-top:.5rem; padding-right:.625rem; transition: all 300ms ease;}
   .event-container .content .info .readmore:before {position:absolute; content: "\f0da"; left:100%; top:-1px; font-family: "FontAwesome"; font-size:.875rem; transition: all 300ms ease;}
   .event-container .content .info .readmore:hover:before {left:0%;}
   .event-container .content .info .readmore:hover {padding-left:1rem; padding-right:0;}

   /* CONTENT */
   .welcome-content .card {border: none; background-color: var(--bs-white); border-radius: .25rem; padding: 0; margin-bottom: 0; width: fit-content;}
   .welcome-content .card .card-header {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 1rem; background: transparent; border-bottom: 0;}
   .welcome-content .card .card-header .img {border-radius: 25rem; overflow: hidden; width: 7.5rem; height: 7.5rem; align-self:flex-start; box-shadow: 0px 0px 15px rgba(0,0,0,.25);}
   .welcome-content .card .card-header .img img {display: inline-block; max-width: 100%; height: auto;}
   .welcome-content .card .card-header h6 {text-transform: uppercase; margin-bottom: 0; flex: 1 0; margin-left: .5rem;}
   .welcome-content .card .card-header h6 small {color: var(--bs-dark);}

   /* HOME OF */
   .home-of {background-image: url(../../files/images/content/overview/about-turkey/home-of-series/Home-Of-Background.png); background-repeat: no-repeat; background-size: contain; background-position:center; text-align:center;}

   /* NAME TAG */
   .name-tag {background-color: rgba(var(--bs-light-rgb), .5); border-radius: .25rem; padding: 1rem 1rem 0; text-align: center;-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.15); box-shadow: 0 2px 2px 0 rgba(0,0,0,0.15); margin-bottom: 2rem;}
   .name-tag h5 {text-transform: uppercase; font-size: .875rem; color: var(--bs-secondary); margin: .5rem auto 0;}
   .name-tag > div {background-color: var(--bs-white); padding: 1.5rem; width: 90%; margin:auto; transform: translateY(1.5rem); -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.20); box-shadow: 0 0 15px 0 rgba(0,0,0,.20); display: flex; justify-content: center; align-items: center;}
   .name-tag > div > p {margin-bottom: 0; font-style: italic;}
   .name-tag > div > p > span {font-weight: bold; font-style: normal;}

   .name-tag.lil {padding: 1rem; margin-bottom: 0;}
   .name-tag.lil > div {transform: translateY(0); width: 100%; padding: .75rem;}
		
   /* FOOTER */
   footer {font-size: .75rem; color:rgba(255,255,255,.6); background-color: var(--bs-dark); border-top: 1px dashed var(--bs-light);}
   footer h2 {font-size: 0.875rem; color:#FFFFFF;}
	footer a {color:rgba(255,255,255,1);}
	footer a:hover {color:var(--bs-accent1);}