@charset "UTF-8";
/* CSS Document */

body {
	font-family: 'stolzl', sans-serif;
	-webkit-font-smoothing: antialiased;
	line-height: 1.5;
	font-size: 15px;
	margin: 0px;
	background: #000;
	font-weight: 300;
}

strong {
	font-weight: 600;
}

body, html {
	padding-right:0px !important;
	margin-right:0px !important;
	overflow-y: auto;
	overflow-x: hidden;
}

#logo {
	z-index: 100;
	position: absolute;
	right: 0;
	top: 0;
	padding: 15px 18px;
	box-shadow: 0, 0, 10, 10, #000;
}

#videosem {
	z-index: -999;
	background: #000;
}

.video-background {
  background: #000;
}
.video-foreground,
.video-background iframe {
	pointer-events: none;
}


#seminar {
	z-index: 99;
	margin-top: -25%;
}


#picseminar {
	margin: 0;
	padding: 0;
}


#application a {
	color: #888 !important;
}

#workshops li {
	line-height: 1.5;
	padding: 0;
	margin: 0;
}

#workshops .rounded-pill {
	margin-bottom: 5px;
}

#workshops .small {
	margin-top: 5px;
	font-size: 12px;
}

#workshops th {
	font-weight: normal;
	font-size: small;
}

#workshops th .pinkbtn {
	margin-top: 8px;
	font-size: 11px;
	line-height: 14px;
	padding: 6px 12px !important;
}


figure {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

/* Zoom In #1 */
.hover figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover figure:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

/**
 * `@property` is required for the animation to work.
 * Without it, the angle values won’t interpolate properly.
 *
 * @see https://dev.to/afif/we-can-finally-animate-css-gradient-kdk
 */
@property --bg-angle {
  inherits: false;
  initial-value: 0deg;
  syntax: "<angle>";
}

/**
 * To animate the gradient, we set the custom property to 1 full
 * rotation. The animation starts at the default value of `0deg`.
 */
@keyframes spin {
  to {
    --bg-angle: 360deg;
  }
}


article {
  /* add the animation, but pause it by default */
  animation: spin 5s infinite linear paused;
  
  /**
   * Using `background-origin` we can create a “border” using two gradients. And to
   * make the gradients better-looking, we use OKLCH.
   *
   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/background-origin
   * @see https://evilmartians.com/chronicles/oklch-in-css-why-quit-rgb-hsl
   */
  background:
    /* Background colors don’t work with `background-origin`, so use a gradient. */
    linear-gradient(
        to right, rgba(255,255,255,0.8), rgba(255,255,255,1)
      )
      padding-box, /* ends at inner border edges */
    conic-gradient(
        from var(--bg-angle),
        rgba(0,255,255,1), rgba(252,29,189,1), rgba(0,255,255,1)
      )
      border-box; /* extends to outer border edges */
  
  /* a clear border lets the background gradient shine through */
  border: 3px solid transparent;
	border-radius: 5px;
	animation-play-state: running;
	width: 100%;
	padding: 30px;
	height: 220px;

}

.bg-tips h2 {
	text-shadow: 2px 2px 4px #000;	
}

.tcodeASC {
	border-radius: 50px;
	background: -webkit-linear-gradient(45deg, #58D68D, #239B56);
	padding: 1px 8px;
	font-weight: bold;
}

.tcodeBUS {
	border-radius: 50px;
	background: -webkit-linear-gradient(45deg, #F1C40F, #B9770E);
	padding: 1px 8px;
	font-weight: bold;
}

.tcodeDES {
	border-radius: 50px;
	background: -webkit-linear-gradient(45deg, #00CBBE, #00949A);
	padding: 1px 8px;
	font-weight: bold;
}

.tcodeENG {
	border-radius: 50px;
	background: -webkit-linear-gradient(45deg, #AF7AC5, #76448A);
	padding: 1px 8px;
	font-weight: bold;
}

.tcodeHSS {
	border-radius: 50px;
	background: -webkit-linear-gradient(45deg, #DC7633, #A04000);
	padding: 1px 8px;
	font-weight: bold;
}

.tcodeIIT {
	border-radius: 50px;
	background: -webkit-linear-gradient(45deg, #5DADE2, #2874A6);
	padding: 1px 8px;
	font-weight: bold;
}

.bg-asc a {
	color: #fff!important;
}
.bg-asc a:visited {
	color: #fff!important;
}

.bg-bus a {
	color: #fff!important;
}
.bg-bus a:visited {
	color: #fff!important;
}

.bg-des a {
	color: #fff!important;
}
.bg-des a:visited {
	color: #fff!important;
}

.bg-hss a {
	color: #fff!important;
}

.bg-iit a {
	color: #fff!important;
}
.bg-iit a:visited {
	color: #fff!important;
}

.bg-eng a {
	color: #fff!important;
}
.bg-eng a:visited {
	color: #fff!important;
}

.diptext p {
	margin: 0 0 5px 0;
	text-indent: -49px;
		padding-left: 49px;
}

.diptext {
	text-shadow: 0 0 12px #000;
}

table .btn {
	font-size: 14px;
	padding: 8px 15px 10px 15px;
	text-align: center;
	margin: 0 auto;
}

.Aligner {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 500px;
}

@media (max-width: 767px) {
	.Aligner {
		min-height: 400px;
	}
}

.Aligner-item {
	max-width: 100%;
}

.pinktext {
  background: -webkit-linear-gradient(45deg, #ff00ff, #00ffff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	background-position: center center;
}

.detailstext{
  background: -webkit-linear-gradient(45deg, #ffffff, #99f9ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.radial {
	background: url("../images/eae-radial.webp");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.bg-quote {
	background: -webkit-linear-gradient(45deg, #7d029c, #0499be);
}

.pinkbtn {
	background-image: -webkit-linear-gradient(45deg, #ff00ff, #00ffff);
	background-size: 150% 100%;
  	background-position: -2px 0;
    transition: .7s;
	border-radius: 25px;
	padding: 8px 24px;
	text-transform: uppercase; 
	font-weight: 500;
	border: 0;
	letter-spacing: 1px;
	margin: 10px;
	border: 1px solid rgba(255,255,255,0.7);
}

.pinkbtn-disabled {
	background-image: -webkit-linear-gradient(45deg, #444444, #000000);
	background-size: 200% 100%;
  	background-position: 0 0;
    transition: .7s;
	border-radius: 25px;
	padding: 8px 24px;
	text-transform: uppercase; 
	font-weight: 800;
	border: 0;
	letter-spacing: 1px;
	margin: 10px;
	border: 1px solid rgba(255,255,255,0.7);
}

.pinkbtn-vr {
	background-image: -webkit-linear-gradient(45deg, #ff00ff, #00ffff);
	background-size: 200% 140%;
  	background-position: 30% 30%;
    transition: .7s;
	border-radius: 100px;
	text-transform: uppercase; 
	font-weight: 800;
	border: 0;
	letter-spacing: 1px;
	height: 100px;
	width: 100px;
	border: 10px solid rgba(255,255,255,0.3);
}

.pinkbtn-vr:hover {
	background-image: -webkit-linear-gradient(45deg, #ff00ff, #00ffff);
	background-size: 200% 140%;
    background-position:95% 30%;
    transition: .7s;
	border-radius: 100px;
	text-transform: uppercase; 
	font-weight: 800;
	border: 0;
	letter-spacing: 1px;
	height: 100px;
	width: 100px;
	border: 10px solid rgba(255,255,255,0.7);
}

.pinkbtn:hover {
    background-position:95% 0;
	border: 1px solid rgba(255,255,255,0.7);
}

.pinkbtnrvs {
	border-radius: 12px;
	line-height: 19px;
	border:0px solid #fc1dbd;
	text-transform: uppercase; 
	font-weight: 800;
	letter-spacing: 1px;
	margin: 10px;
	color: #fff;
	background-image: linear-gradient(to right, rgba(252,29,189,1), rgba(157,95,255,1));
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.3);
}

.pinkbtnrvs:hover {
	padding: 8px 24px;
	border:0px solid #00FFFF;
	background-image: linear-gradient(to right, rgba(252,29,189,1), rgba(157,95,255,1));
	box-shadow: 0px 0px 7px 0px rgba(250,250,250,0.5);
}

.pinkbtnrvs2 {
	border-radius: 100px;
	background-size: 105%;
	padding: 8px 24px;
	line-height: 19px;
	border:1px solid rgba(255,255,255,0.5);
	text-transform: uppercase; 
	font-weight: 500;
	margin: 10px;
	color: #fff;
	background-image: linear-gradient(to right, rgba(255,0,255,0.8), rgba(0,255,255,0.8));
	box-shadow: none;
}

.pinkbtnrvs2:hover {
	padding: 8px 24px;
	font-weight: 600;
	border: 1px solid rgba(255,255,255,0.7);
	background-image: linear-gradient(to right, rgba(255,0,255,1), rgba(0,255,255,1));
	box-shadow: 0px 0px 7px 0px rgba(250,250,250,0.5);
}

.gradient {
	color: #fff;
	background-image: linear-gradient(to right, rgba(255,0,255,0.8), rgba(0,255,255,0.8));
	background-size: 120% 100%;
	background-position: 0 0;
	border: 0;
}

.gradient:hover {
	color: #fff;
	background-image: linear-gradient(to right, rgba(255,0,255,0.8), rgba(0,255,255,0.8));
	background-size: 100% 100%;
	background-position: 0 0;
	transition: .7s;
	border: 0;
}

.accordion-pink .accordion-button {
	background-image: -webkit-linear-gradient(45deg, #ff00ff, #00ffff);
	background-size: 200% 100%;
  	background-position: 0 0;
    transition: .7s;
	padding: 8px 24px;
	text-transform: uppercase; 
	font-weight: 800;
	letter-spacing: 1px;
	box-shadow: none;
	border: none;
	color: #fff;
}

.number {
	margin: 0 auto;
	border-radius: 50%;
}

.modal {
	overflow-x: hidden;
}

.modal a {
	color: #291EB2;
	font-weight: 500;
}

.offcanvas {
	overflow: auto;
}

::selection {
  background-color: #fc9ff5;
}

li {
	line-height: 23px;
	padding-bottom: 10px;
}

.fa-li {
	color: #ff4da6;
	text-shadow: 0 0 10px #ff4da6;
}

.btn-group-vertical .btn{
	border-radius: 15px;
}

h1, h2, h3 {
	font-family: stolzl, sans-serif;
	font-weight: 500;
}

h6 {
	font-family: stolzl, sans-serif;
	font-weight: 500;
	font-size: 13px;
	letter-spacing: 1px;
	color: #FFFFFE;
}

h1 {
	font-size: 44px;
	line-height: 44px;
	padding-bottom: 0px;
	color: #FFFFFE;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); 
}

sm {
	font-size: 13px;
	font-style: italic;
}

#landing .container {
    display: flex;
    align-items: center;
}

@media (max-width:767px) {
	#landing .container {
    display: block;
	}
	
	h1 {
		font-size: 40px;
		line-height: 1;
	}
}

#workshops .nav {
	border-color: rgba(255,255,255,0.8);
}

#workshops .nav-tabs .nav-item .nav-link {
  color: #fffffe;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
	
}

#workshops .nav-tabs .nav-item .nav-link.active {
  color: #fffffe;
	border-color: rgba(255,255,255,0.8);
	background-image: -webkit-linear-gradient(45deg, #ff00ff, #00ffff); 
	font-weight: 600;
}

#workshops .nav-link:hover {
	border-color: rgba(255,255,255,0.8);
	background-color: rgba(255,255,255,0.1);
}

#workshops .tab-content {
	padding-top: 10px;
}

#workshops .tab-content .tab-pane {

}



.workshopst td, th{
	background-color: rgba(255,255,255,0.00) !important;
}

.workshopst {
	border-color: rgba(139,139,139,0.20);

}

.border-workshp {
	border: 1px solid rgba(255,255,255,1.00);
}
	

.beam-up-about {
  opacity: 0
}

.wow {
  visibility: hidden;
}


.img-fluid {
	width:100%;
	height: auto;
}

.infobg {
	border-radius: 10px;
	background-color: #fff;
	padding: 20px;
	font-size: 15px;
}

.infobg li {
	padding-bottom: 0;
	margin-bottom: 0;
}

@media (max-width: 410px) {
	.infobg {
		font-size: 14px;
	}
}

.infobg h4 {
	padding-bottom: 5px;
	font-weight: bold;
}

.infobg hr {
	color: #ccc;
	margin-top: 20px;
}

.infobg p {
	text-indent: -35px;
    padding-left: 35px;
	margin: 6px 0px;
}

a {
	text-decoration: none;
	color: #0DCAF0;

}

a:hover {
	color: #0DCAF0;
	text-decoration: none;
}


a:active, a:focus {
	outline: 0;	
	text-decoration: none;
}

a:visited {
	color: #0DCAF0;
	text-decoration: none;
}


.card {
	border: 0;
	margin: 20px;
}


.card-img-wrap {
  overflow: hidden;
  position: relative;
}

.card-img-wrap:after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  transition: 1s;
}

.card-img-wrap img {
  transition: transform 1s;
  width: 100%;
}

.card-img-wrap:hover img {
  transform: scale(1.1);
}

.card-title {
	font-weight: bold;
	font-size: 16px;
}

.card-text {
	font-size: 14px;
}

.card small {
	font-size: 12px;
	line-height: 12px !important;
}

.card-group {
	width: 80%;
	margin: 0 auto;
}

#quotes i {
	color: #000;
}

.btn {
	outline: 0;
	vertical-align: middle;
}

.btn-menu {
	background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 200%) !important;
	color:#ffffff !important;
	font-family: 'Stolzl', sans-serif;
	font-weight: 500; 
	line-height: 1;
}

.btn-menu:hover, .btn-menu:focus{
	background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 120%) !important;
	color:#ffffff !important;
	font-family: 'Stolzl', sans-serif;
	font-weight: 500; 
	line-height: 1;
}

#logo {
	z-index: 100;
	position: absolute;
	right: 0;
	top: 0;
	padding: 15px 18px;
	box-shadow: 0, 0, 10, 10, #000;
}

@media (max-width: 410px) {

	#logo {
	display: none;
}
}

.navbar .btn {
	border: 0;
	display: table-cell;
	vertical-align: middle;
}

.navbar .btn-red {
	background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 200%) !important;
	color:#ffffff !important;
	font-family: 'Stolzl', sans-serif;
	font-weight: 500; 
	vertical-align: middle;
	border: 0;
}

.navbar .btn-red:hover {
	background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 120%) !important;
	color:#ffffff !important;
	font-family: 'Stolzl', sans-serif;
	font-weight: 500; 
	vertical-align: middle;
	border: 0;
}

.navbar {
	margin:  5px;
}

nav .nav-item {
	text-transform: uppercase;
}

#write a:link {
	border: 1px solid rgba(255,255,255,0.3);
	border-radius: 25px;
	padding: 8px 15px;
	text-transform: uppercase; 
	font-weight: 800;
	letter-spacing: 1px;
	margin: 5px;
	color: #fff !important;
}

#write a:hover {
	border: 1px solid rgba(255,255,255,0.7);
	background-image: -webkit-linear-gradient(45deg, rgba(255,0,255,1), rgba(0,255,255,1));
	background-size: 200% 100%;
	background-position: right center;
    transition: .7s;
	color: #fff;
}

#write .active {
	border: 1px solid rgba(255,255,255,0.7);
	background-image: -webkit-linear-gradient(45deg, rgba(255,0,255,1), rgba(0,255,255,1));
	background-size: 110% 100%;
	background-position: -1px 0;
	color: #fff;
	transition: .7s;
}

#write .nav-link {
	border: 0;
}

#write .nav-item {
	padding: 0;
}

#writecontent .tab-content {
	color: #000;
	margin: 0;
}

.btn-main {
    text-align: center;
    text-decoration: none;
    font-weight: 800;
    font-size: 1em;
    color: #ffffff !important; 
    border-radius: 40px;
    padding: 0.5em 1.5em;
    background-size: 200% 200%;
  	background-position: -1px 0px;
    background-image: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%);
    transition: .5s;
}  

.btn-main:hover {
	color: #fff;
    background-position: 90% 0;
}

.btn-white {
    border-radius: 100rem;
  	padding: 1rem;
  	font-family: 'Outfit';
	font-weight: 800;
    font-size: 1em;
  	padding: 1rem 2rem;
  	color: #0E1320;
  	box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
  	border: solid 3px transparent;
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(120deg, #ffd97f, #ff7aa0, #0fc6ce);
  background-origin: border-box;
  background-clip: content-box, border-box;
  box-shadow: 2px 1000px 1px #f7f7f7 inset;
    transition: .5s;
	margin: 5px;
}  

.btn-white:hover {
	box-shadow: none;
  color: white;
}

.btn-white-small {
    position: relative;
    display: inline-block;
    vertical-align: top;
    top: 0;
    height: 30px;
    padding: 0 10px;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    letter-spacing: 0.1em;
    font-family: 'Outfit', sans-serif;
	font-weight: 700; 
	font-size: 15px/1.2;
    line-height: 32px;
    text-decoration: none;
    color: #615cff;
    background-color: #ffffff;
    border: none;
	border-radius: 0;
    outline: none;
    cursor: pointer;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    transition: color 0.3s, background-color 0.3s;
}

.btn-white-small:hover {
    background-color: #615cff;
	color: #ffffff;
}

#offcanvasNavbar .nav-link, .dropdown-item {
	font-family: 'Stolzl', sans-serif;
	font-size: 15px;
	font-weight: 700;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;  
}

.navbar {
	width: 450px;
}

.navbar a {	
	color: #0E1320 !important;
	background: transparent !important;
}
.navbar a:hover {
	color: #615cff  !important; 
	transition: 0.3s;
}
.navbar .active > a {
	background: #4c4c4e !important; 
	color: #ffffff !important; }
.navbar .active > a:hover { 
	color: #615cff !important; 
	transition: 0.3s;
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
}

.offcanvas {
    background-color: #fff;
	opacity: 0.9;
}

.navbar a {
    color: #0E1320 !important;
}

.navbar a:hover {
    color: #615cff !important;
}

.offcanvas-title {
    color: #0E1320;
	font-weight: 700;
}

.dropdown-menu[data-bs-popper] {
    margin-top: 0rem;
}

.dropdown-menu {
    color: #fff;
    background-color: transparent;
	border: 0;
	padding: 0 0 0.5rem 1rem;
}

.dropdown-item {
    padding: 0.15rem 1rem;
}

#offcanvasNavbar .nav-link {
    padding: 0.4rem 1rem;
}

.clearfix { clear: both; }

.curveimg {
	border-radius: 20px;
}

#diplomas a {
	color: #000 !important;
}

/* Admission */


#admission .btn{
	padding: 20px 26px;
	font-weight: bold;
	text-shadow: 0 0 5px #000;
	background-color: rgba(0,0,0,0.50);
}

#admission .btn-outline-info:hover{
	background-color: rgba(13,202,240,1.00);
	text-shadow: none;
}

.profiles-container {
	background: rgba(25,0,85,0.8);
}

.profiles-container h5{
	line-height: 32px;
}

#stories img {
	margin: 0 auto;
	overflow: hidden;
	opacity: 0.9;
	transition-duration: .2s;
}

#stories img:hover {
	transition-duration: .2s;
	transform: scale(1.02);
	overflow: hidden;
	opacity: 1;
}



/* Transition */
@keyframes marquee {
  0% {
    transform: translateX(0)
  }
  100% {
    transform: translateX(-100%)
  }
}

@keyframes swap {
  0%, 50% {
    left: 0%;
  }
  50.01%,
  100% {
    left: 100%;
  }
}

.bg-links a{
	color: #fff;	
}

#application .gp {
	background-color: rgba(255,255,255,1);
	height: 100%;
	padding: 15px;
	border-radius: 5px;
}

#application .col {
	margin-bottom: 25px;
}

#application h2{
	text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}


/* Timer */

#countdowntimer p {
	font-size:26px;
}

@media(max-width:767px) {
	#countdowntimer p {
	font-size:18px;
}
}

.flipper {
  color: #000;
  display: block;
  font-size: 50px;
  line-height: 100%;
  padding: 0;
  margin: auto;
  height: 1.7em;
}
.flipper.flipper-invisible {
  font-size: 0px !important;
}

.flipper-group {
  position: relative;
  white-space: nowrap;
  display: block;
  float: left;
  padding: 0;
  margin: auto;
}
.flipper-group label {
  position: absolute;
	text-transform: uppercase;
  color: #fff;
  font-size: 20%;
  top: 100%;
  line-height: 1em;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  text-align: center;
  padding-top: .5em;
}

.flipper-digit {
	white-space: nowrap;
	position: relative;
	padding: 0;
	margin: 0;
	float: left;
	display: inline-block;
	height: 1.2em;
	overflow-y: hidden;
	color: #333;

}
.flipper-digit span {
  font-size: 25%;
}

.flipper-delimiter {
  white-space: nowrap;
  display: block;
  float: left;
  padding: 0;
  margin: 0;
  color: #fff;
  min-width: .1em;
  white-space: nowrap;
  display: block;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  line-height: 1em;
}

.digit-face {
  display: block;
  visibility: hidden;
  position: relative;
  border-radius: 0.1em;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 8;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  padding-left: 0.1em;
  padding-right: 0.1em;
  box-sizing: border-box;
  text-align: center;
}

.digit-next {
  display: block;
  position: relative;
  border-radius: 0.1em;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 8;
  height: 1.2em;
  background: #fff;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  padding-left: 0.1em;
  padding-right: 0.1em;
  box-sizing: border-box;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.digit-top {
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  height: 50%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  pointer-events: none;
  overflow: hidden;
  position: absolute;
  background: #fff;
  padding-top: 0.1em;
  padding-bottom: 0;
  padding-left: 0.1em;
  padding-right: 0.1em;
  border-top-left-radius: 0.1em;
  border-top-right-radius: 0.1em;
  box-sizing: border-box;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: background 0s linear, -webkit-transform 0s linear;
  transition: transform 0s linear, background 0s linear;
  transition: transform 0s linear, background 0s linear, -webkit-transform 0s linear;
  -webkit-transform-origin: 0 0.6em 0 !important;
          transform-origin: 0 0.6em 0 !important;
  -webkit-transform-style: preserve-3d !important;
          transform-style: preserve-3d !important;
  z-index: 20;
}
.digit-top.r {
  transition: background 0.2s linear, -webkit-transform 0.2s linear;
  transition: transform 0.2s linear, background 0.2s linear;
  transition: transform 0.2s linear, background 0.2s linear, -webkit-transform 0.2s linear;
  -webkit-transform: rotateX(90deg);
          transform: rotateX(90deg);
  background: #cccccc;
}

.digit-top2 {
  visibility: hidden;
  position: absolute;
  height: 50%;
  left: 0;
  right: 0;
  background: #cccccc;
  transition: -webkit-transform 0.2s linear;
  transition: transform 0.2s linear;
  transition: transform 0.2s linear, -webkit-transform 0.2s linear;
  line-height: 0em !important;
  top: 50% !important;
  bottom: auto !important;
  padding-top: 0;
  padding-bottom: 0.1em;
  padding-left: 0.1em;
  padding-right: 0.1em;
  border-bottom-left-radius: 0.1em;
  border-bottom-right-radius: 0.1em;
  overflow: hidden;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: background 0s linear, -webkit-transform 0s linear;
  transition: transform 0s linear, background 0s linear;
  transition: transform 0s linear, background 0s linear, -webkit-transform 0s linear;
  -webkit-transform: rotateX(-90deg);
          transform: rotateX(-90deg);
  -webkit-transform-style: preserve-3d !important;
          transform-style: preserve-3d !important;
  -webkit-transform-origin: 0 0 0 !important;
          transform-origin: 0 0 0 !important;
  z-index: 20;
}
.digit-top2.r {
  visibility: visible;
  transition: background 0.2s linear 0.2s, -webkit-transform 0.2s linear 0.2s;
  transition: transform 0.2s linear 0.2s, background 0.2s linear 0.2s;
  transition: transform 0.2s linear 0.2s, background 0.2s linear 0.2s, -webkit-transform 0.2s linear 0.2s;
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
  background: #fff;
}

.digit-bottom {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  pointer-events: none;
  position: absolute;
  overflow: hidden;
  background: #fff;
  height: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  line-height: 0em;
  padding-top: 0;
  padding-bottom: 0.1em;
  padding-left: 0.1em;
  padding-right: 0.1em;
  border-bottom-left-radius: 0.1em;
  border-bottom-right-radius: 0.1em;
  box-sizing: border-box;
  text-align: center;
  transition: none;
}
.digit-bottom.r {
  transition: background 0.2s linear;
  background: #555;
}

.flipper-digit:after {
  content: "";
  position: absolute;
  height: 2px;
  background: rgba(0, 0, 0, 0.5);
  top: 50%;
  display: block;
  z-index: 30;
  left: 0;
  right: 0;
}


/* Footer */
footer .container {
	padding-top: 40px;
	padding-bottom: 40px;
}

footer {
	font-size: 13px;
	font-weight: 300;
	font-family: 'Stolzl', sans-serif;
	background-color: #111111;
	color: #FFFFFF;
}

footer .harriet {
	-webkit-font-smoothing: antialiased;
	font-size: 13px;
	text-transform: none;
}

footer a {
	font-weight: bold;
}

footer a:hover {
	color: #ffffff;
}

.footertop {
	padding-top: 40px;
	padding-bottom: 40px;
}

.footerbottom {
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 13px;
}

.footerbottom a {
	font-weight: bold;
}

.fa-layers:hover .fa-circle {
  	color: #222 !important;
	border: solid 1px #fff;
	border-radius: 50%;
}

@media (min-width: 576px) {
.socialmedia-footer {
	text-align: right;
}

.tp-mission {
	text-align: right;
}
}

.modal-fullscreen {
	overflow-y: scroll;
	overflow-x: hidden;
	
}

.modal-header {
	border: 0;
}