@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nothing+You+Could+Do&display=swap');
@import url('https://fonts.googleapis.com/css2?family=La+Belle+Aurore&display=swap');
@import url(https://fonts.googleapis.com/css?family=Roboto:500,100,300,700,400);

/**************************** MEDIA QUERIES *****************************/

/* SMALL*/
@media screen and (max-width: 800px) {
	.anchor {
		height: 136px;
		/*same height as header*/
		margin-top: 136px;
		/*same height as header*/
	}
	h1 {
		font-size: 30px;
	}
	h3 {
		font-size: 16px;
	}
	p {
		font-size: 12px;
	}
	.name {
		margin-top: 20px !important;
	}
	.filter-button {
		font-size: 8px;
		margin: 2px !important;
		margin-bottom: 10px !important;
	}
	.gallery-title {
		font-size: 20px;
	}
	.title {
		font-size: 20px;
	}
	.carousel-inner .carousel-item img {
		max-width: 80% !important;
	}
    iframe {
        margin-top: 20px;
        margin-left: auto !important;
        margin-right: auto !important;
        bottom: auto !important;
        width: 100%;
    }
    #waterHolder {
        display: none;
    }
    .packages {
        width: 50%;
        font-size: 10px;
    }
    .package {
        padding: 5px;
    }
}

/* LARGE */
@media screen and (min-width: 800px) {
	.anchor {
		height: 56px;
		/*same height as header*/
		margin-top: 56px;
		/*same height as header*/
	}
	h1 {
		font-size: 55px;
	}
}


/**************************** CUSTOM SCROLLBAR *****************************/

::-webkit-scrollbar {
	width: 10px;
}

::-webkit-scrollbar-thumb {
	border-radius: 30px;
	background: -webkit-gradient(linear, left top, left bottom, from(darkgray), to(black));
	box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .25), inset -2px -2px 2px rgba(0, 0, 0, .25);
}

::-webkit-scrollbar-track {
	background-color: #fff;
	background: linear-gradient(to right, #201c29, #201c29 1px, #100e17 1px, #100e17);
}


/**************************** ELEMENTS *****************************/
html {
    cursor: url('/images/hand_gray_faded2.png'), auto;    
}
a {
    cursor: url('/images/hand_gray_faded2.png'), auto !important;       
}

.amazingaudioplayer-play {
    cursor: url('/images/hand_red_glow2.png'), auto !important;      
}
canvas {
    cursor: url('/images/hand_blue_faded_clickhere2.png'), auto !important;      
}

body {
	width: 100% !important;
	min-width: 100% !important;
	color: darkgray;
	font-family: 'Cinzel', serif;
	background-color: black;  
}

h1 {
	color: white;
	font-family: 'Cinzel', serif;
	text-shadow: 2px 2px 1px black;
	/*    font-size: 3.6em;*/
}

h3 {
	-webkit-animation: Font 5s infinite alternate;
	text-shadow: 2px 2px 1px black;
	margin-top: 10px;
}


}
p {
	color: white;
	text-shadow: 2px 2px 1px black;
	padding-top: 20px;
	padding-bottom: 20px;
}

/**************************** NAVIGATION *****************************/
.navbar {
    background-color: #121212;
/*	box-shadow: 0 4px 2px -2px darkgray;*/
	margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    align-content: center;
    justify-content: center;
}
.navbar:hover {
/*    background-color: #121212;*/
}

.navbar-collapse {
    align-content: center;
    justify-content: center;
}
.navbar-toggler {
    position: relative;
}
.navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    filter: invert(100%);
}
/**************************** LINKS *****************************/
.navbar a {
    color: gray;
}
.navbar a:hover {
	color: white;
	text-decoration: none;
  background: -webkit-linear-gradient(red, #c20000);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;    
   cursor: url('/images/hand_red_faded2.png'), auto !important;           
}
a:visited {
	color: darkgrey;
}
.active a {
    color: white;
    animation-name: pulse;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate; 
  background: -webkit-linear-gradient(red, #c20000);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;        
}

/**************************** FONTS *****************************/

/*
@font-face {
	font-family: 'Cinzel', serif;;
	src: url(https://faintdev.net/fonts/Cinzel-Regular.ttf);
}
*/
@-webkit-keyframes Font {
	0% {
		color: white;
	}
	
	50% {
		color: darkgray;
	}
}

/**************************** MISC CLASSES *****************************/
.no-flex {
	margin-top: 20px;
	display: block;
}
.card-header {
	background-color: black;
	border-color: darkgray;
	padding: 0px;
}
label {
	margin-right: 4px;
}
input {
/*	background-color: black;*/
/*	color: #ba0098;*/
}
.form-container {
	margin-bottom: 10px;
}
.uploadCard {
	margin-top: 200px;
	border: none !important;
	background-color: #27002b;
}
.uploadButton {
	margin-top: 10px;
	margin-bottom: 10px;
}
.submitButton {
	font-size: 14px;
	text-align: center;
	box-shadow: 5px 5px 5px black;
	background-color: darkgray;
	color: white;
	border-color: darkgray;
	border-radius: 10px;
	border-style: outset;
	border-width: 4px;
	margin: 4px;
	margin-bottom: 15px;
}
.submitButton:hover {
	box-shadow: 5px 5px 5px black;
	background-color: black;
	border-color: black;
	color: darkgray;
}
.submitButton:focus {
	font-size: 14px;
	text-align: center;
	box-shadow: 5px 5px 5px black;
	background-color: darkgray;
	color: white;
	border-color: darkgray;
	border-radius: 10px;
	border-style: outset;
	border-width: 4px;
	margin: 4px;
	margin-bottom: 15px;
}
#previewContainer img {
	margin: 8px;
	height: 100px;
	width: 100xp;
}
.title {
	font-size: 36px;
	color: white;
	text-align: center;
	font-weight: 500;
	margin-top: 30px;
	margin-bottom: 30px;
}
.name {
	margin-top: 80px;
	position: absolute;
	z-index: 1000;
	/* These four properties will horizontally center an absolute div. */
	
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}
.landing-name {
	position: relative;
	z-index: 1000;
	/* These four properties will horizontally center an absolute div. */
	
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}
.anchor {
	visibility: hidden;
	display: block;
	height: 56px;
	/*same height as header*/
	
	margin-top: 56px;
	/*same height as header*/
}
.about {
	margin-top: 0px;
	background-color: black;
	border-color: darkgray;
	border-width: 4px;
	border-style: inset;
	border-radius: 25px;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */     
}
.about:hover {
	/*	box-shadow: 0px 0px 2px 4px black;*/
}
.about p {
	text-align: center;
    font-family: Verdana, Geneva, sans-serif;   
}
.about a {
    color: #00ff08;
    cursor: url('/images/hand_green_glow2.png'), auto !important;       
}
.about a:visited {
    color: #00ff08;
}
.main-container {
	/*
    margin-top: 0px !important;
    background-image: url("https://evolutioncoding.net/images/white2.png");
    background-size: contain;
*/
}
.learnToCodeContainer {
	background-image: url("https://evolutioncoding.net/images/cubes_blur.png");
	background-size: cover;
	border-radius: 25px;
	border-style: outset;
	margin: 20px;
	margin-top: 40px;
	margin-bottom: 40px;
}
.learnToCode {
	max-width: 80%;
	align-content: center;
	align-self: center;
}
.notice {
	background-color: black;
	border-color: #eb00b0;
	border-style: outset;
	border-radius: 25px;
}

/************************* TESTIMONIALS *************************/
.testimonials {
	margin-top: 40px;
	background-color: black;
/*
	border-color: darkgray;
	border-width: 4px;
	border-style: inset;
	border-radius: 25px;
*/
    width: 50%;
}
.testimonials:hover {
	/*	box-shadow: 0px 0px 2px 4px black;*/
}
.testimonials p {
	text-align: center;
    font-family: Verdana, Geneva, sans-serif;   
}
.testimonials a {
    color: #00ff08;
}
.testimonials a:visited {
    color: #00ff08;
}

.testimonialsContainer {
	margin: 20px;
	margin-top: 40px;
	margin-bottom: 40px;
}
.testimonialImages {
    padding: 14px;
    margin-top: 20px;
	max-width: 100%;
	align-content: center;
	align-self: center;
	border-radius: 25px;
	border-style: inset;
    border-color: silver;
    filter: invert(100%);
}

/************************** INSTRUCTORS *************************/
.instructorsContainer {
	margin: 20px;
	margin-top: 40px;
	margin-bottom: 40px;
}
.instructorImage {
	max-width: 30%;
	align-content: center;
	align-self: center;
    margin-left: auto;
    margin-right: auto;
	border-radius: 25px;
	border-style: inset;
    border-color: black;
}
.instructorDescription {
    font-family: Verdana, Geneva, sans-serif;
    margin-left: auto;
    margin-right: auto;
    width: 60%;
    font-size: 15px;
    padding-bottom: 40px;
}
/************************** CALENDAR ******************************/

.calendar-container {
    margin-top: 80px;
    margin-bottom: 40px;
}

.fc-list-day th {
    background-color: #001424 !important;
    color: white;
}

.container-left, .container-right {
    width: 24.5%;
    display: inline-block;
    position: relative;
    padding: 40px;
    font-family: Verdana, Geneva, sans-serif;    
}

.calendar-sidenav {
    padding: 40px;
    padding-top: 148px;
    font-family: Verdana, Geneva, sans-serif;     
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */     
}
.calendar-sidenav a {
    color: #00ff08;
    cursor: url('/images/hand_green_glow2.png'), auto !important;           
}
.calendar-sidenav a:hover {
    
}
.calendar-sidenav a:visited {
    color: #00ff08;
    cursor: url('/images/hand_green_glow2.png'), auto !important;           
}
.left-list {
    margin-top: 34px;
    margin-bottom: 34px;
    text-align: left;
    list-style-image: url('/images/arrow32.png');
    list-style-type: circle;
}

/****************************** MODAL ******************************/

.modal-content {
    margin-top: 50%;
	background-color: #121212;
    border-style: outset;
    border-width: 4px;
    border-color: gray;
}
/**************************** GALLERY *****************************/
.galleryImage {
	width: 100%;
	height: 100%;
	object-fit: cover;
	overflow: hidden;
	box-shadow: 10px 10px 5px black;
	border-radius: 6px;
}
.galleryImage:hover {
	filter: brightness(0.6);
	-webkit-filter: brightness(0.6);
}
.gallery-title {
	font-size: 36px;
	color: darkgray;
	text-align: center;
	font-weight: 500;
	margin-top: 30px;
	margin-bottom: 30px;
	text-shadow: 2px 2px 1px black;
	-webkit-animation: Font 5s infinite alternate;
}
.gallery_product {
	width: 100%;
	height: 300px;
}
.gallery_product {
	margin-bottom: 30px;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.x {
	display: none !important;
}

/*
.gallery-container {
    background-color: #490348;
    border-color: #eb00b0;
    border-width: 4px;
    border-style: inset;
    border-radius: 25px; 
    opacity: 0.8;
}
*/

/***************************** PRICE PACKAGES ******************************/

.packages {
    margin-top: 60px;
    width: 74%;
    font-family: Verdana, Geneva, sans-serif;     
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */       
}

.packages .title {
    margin-bottom: 60px;
}

.packages a {
    color: #00ff08;
    cursor: url('/images/hand_green_glow2.png'), auto !important;       
}

h4 {
	font-family: 'Cinzel', serif;    
}

.package {
	border-color: darkgray;
	border-width: 4px;
	border-style: inset;
	border-radius: 25px;
    padding: 40px;     
}

.benefits-list {
    margin-top: 34px;
    margin-bottom: 34px;
    text-align: left;
    list-style-image: url('/images/checkmark_green32.png');
    list-style-type: circle;
}
.benefits-list li {
    padding: 5px;
}

.language-list {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
    list-style-image: url('');
    list-style-type: circle;
}

.portfolio-templates {
    animation-name: pulse;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;  
    cursor: url('/images/hand_green_glow2.png'), auto !important;        
}


/***************************** CONTACT INFORMATION ************************/
.contact-info {
	margin-top: 75px;
}
.contact {
	margin-top: 80px;
	background-color: black;
	border-color: darkgray;
	border-width: 4px;
	border-style: inset;
	border-radius: 25px;
    width: 50%;
    cursor: url('/images/hand_blue_glow2.png'), auto !important;   
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */     
}
.contact:hover {
	/*	box-shadow: 0px 0px 2px 4px black;*/
}
.contact-container {
}
.contact p {
	text-align: center;
}
.contact-logo {
	margin-top: -10px;
	margin-bottom: 40px;
	margin-left: auto !important;
	margin-right: auto !important;
	max-width: 30%;
	align-content: center;
	align-self: center;
	border-radius: 500px;
/*	filter: invert(100);*/
}
/************************* WATER POOL ***************************/

#waterHolder {
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    width: 400px;
    height: 419px;
}

canvas {
        flex: none !important;
}

/**************************** FILTER BUTTONS *****************************/
button:focus {
	/*    box-shadow: none !important;  Remove Bootstrap's blue box-shadow on focus. */
	
	box-shadow: 0px 0px 5px #b3007d;
}
.filter-button {
	font-size: 14px;
	text-align: center;
	box-shadow: 5px 5px 5px black;
	background-color: darkgray;
	color: white;
	border-color: darkgray;
	border-radius: 10px;
	border-style: outset;
	border-width: 4px;
	margin: 4px;
	margin-bottom: 30px;
}
.filter-button:hover {
	box-shadow: 5px 5px 5px black;
	background-color: black;
	border-color: black;
	color: darkgray;
}
.filter-button.active {
	box-shadow: 0px 0px 5px #b3007d;
	background-color: #b3007d;
	border-color: #b3007d;
	color: white;
}

/**************************** CAROUSEL *****************************/
#myCarousel {
	min-width: 100% !important;
	width: 100% !important;
	background-color: black;    
}

.redlogo {
    cursor: url('/images/hand_red_faded_clickhere2.png'), auto !important;      
}

.whitelogo {
    cursor: url('/images/hand_white_faded_clickhere2.png'), auto !important;      
}

.carouselContainer {
	min-width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px !important;  
}
.carousel-inner .item-active {}
.carousel-inner .carousel-item {}
.carousel-caption {

}
.white {
	background-color: white;
}
.white2 {
	background-image: url("https://evolutioncoding.net/images/white2.png");
}
.black {
	background-image: url("https://evolutioncoding.net/images/blackout.png");
}
.dark {
	background-image: url("https://evolutioncoding.net/images/darkout.png");    
}

/****************************** AUDIO CONTROLS ********************************/
audio::-webkit-media-controls-play-button,
audio::-webkit-media-controls-panel {
	background-color: lightgray;
	color: white !important;
}
audio {
/*	filter: drop-shadow(4px 10px 4px black);*/
    filter: invert(100%);
	margin-top: 40px;
	margin-bottom: 50px;
}

iframe {
    position: sticky;
    position: -webkit-sticky;    
    bottom: -200px;
    right: 0px;
    margin-left: 78%;
}

/**************************** TOAST *****************************/
.toast {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #121212;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */ 
    border-radius: 25px;
    padding: 10px;
}
.toast-header {
    background-color: inherit;
}
.toast-body {
    font-family: Verdana, Geneva, sans-serif;
    font-style: italic;
}

.fade {
/*    transition: opacity 0.5s linear !important;*/
}

.pricing-toast {
    width: 200px;
    top: 50%;
    position: absolute;
    margin-left: 22px;
/*    margin-right: 66%;*/
}

/**************************** ANIMATION CLASSES *****************************/
.show-on-scroll {
	opacity: 0;
}
.show-on-scroll.is-visible {
	-webkit-animation: slide-in-elliptic-top-fwd 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: slide-in-elliptic-top-fwd 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.focus-in {
	-webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}
.slide-in-blurdarkgray-bottom {
	-webkit-animation: slide-in-blurdarkgray-bottom 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	animation: slide-in-blurdarkgray-bottom 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}
.zoom {
	-webkit-animation: zoom 5s ease-out both;
	animation: zoom 5s ease-out both;
}
.reverse-zoom {
	-webkit-animation: reverse-zoom 5s ease-out both;
	animation: reverse-zoom 5s ease-out both;
}
.kenburns-bottom {
	-webkit-animation: kenburns-bottom 5s ease-out both;
	animation: kenburns-bottom 5s ease-out both;
}
.kenburns-right {
	-webkit-animation: kenburns-right 5s ease-out both;
	animation: kenburns-right 5s ease-out both;
}

@keyframes colortoggle {
  from {
      background-color: black;
    }
  to {
      background-color: #121212;
    }
}

@keyframes cursortoggle {
  from {
    cursor: url('/images/hand_red_faded.png'), auto;
    }
  to {
    cursor: url('/images/hand_red_glow2.png'), auto;
    }
}

/**************************** KEYFRAME ANIMATIONS *****************************/

/* ----------------------------------------------
 * Generated by Animista on 2020-7-22 3:9:57
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation text-focus-in
 * ----------------------------------------
 */
@-webkit-keyframes text-focus-in {
	0% {
		-webkit-filter: blur(12px);
		filter: blur(12px);
		opacity: 0;
	}
	
	100% {
		-webkit-filter: blur(0px);
		filter: blur(0px);
		opacity: 1;
	}
}
@keyframes text-focus-in {
	0% {
		-webkit-filter: blur(12px);
		filter: blur(12px);
		opacity: 0;
	}
	
	100% {
		-webkit-filter: blur(0px);
		filter: blur(0px);
		opacity: 1;
	}
}

/* ----------------------------------------------
 * Generated by Animista on 2020-7-22 3:21:56
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation tracking-in-expand
 * ----------------------------------------
 */
@-webkit-keyframes tracking-in-expand {
	0% {
		letter-spacing: -0.5em;
		opacity: 0;
	}
	
	40% {
		opacity: 0.6;
	}
	
	100% {
		opacity: 1;
	}
}
@keyframes tracking-in-expand {
	0% {
		letter-spacing: -0.5em;
		opacity: 0;
	}
	
	40% {
		opacity: 0.6;
	}
	
	100% {
		opacity: 1;
	}
}

/* ----------------------------------------------
 * Generated by Animista on 2020-7-22 3:23:21
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation roll-in-blurdarkgray-left
 * ----------------------------------------
 */
@-webkit-keyframes roll-in-blurdarkgray-left {
	0% {
		-webkit-transform: translateX(-1000px) rotate(-720deg);
		transform: translateX(-1000px) rotate(-720deg);
		-webkit-filter: blur(50px);
		filter: blur(50px);
		opacity: 0;
	}
	
	100% {
		-webkit-transform: translateX(0) rotate(0deg);
		transform: translateX(0) rotate(0deg);
		-webkit-filter: blur(0);
		filter: blur(0);
		opacity: 1;
	}
}
@keyframes roll-in-blurdarkgray-left {
	0% {
		-webkit-transform: translateX(-1000px) rotate(-720deg);
		transform: translateX(-1000px) rotate(-720deg);
		-webkit-filter: blur(50px);
		filter: blur(50px);
		opacity: 0;
	}
	
	100% {
		-webkit-transform: translateX(0) rotate(0deg);
		transform: translateX(0) rotate(0deg);
		-webkit-filter: blur(0);
		filter: blur(0);
		opacity: 1;
	}
}

/* ----------------------------------------------
 * Generated by Animista on 2020-7-22 3:26:13
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-elliptic-top-fwd
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-elliptic-top-fwd {
	0% {
		-webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
		transform: translateY(-600px) rotateX(-30deg) scale(0);
		-webkit-transform-origin: 50% 100%;
		transform-origin: 50% 100%;
		opacity: 0;
	}
	
	100% {
		-webkit-transform: translateY(0) rotateX(0) scale(1);
		transform: translateY(0) rotateX(0) scale(1);
		-webkit-transform-origin: 50% 1400px;
		transform-origin: 50% 1400px;
		opacity: 1;
	}
}
@keyframes slide-in-elliptic-top-fwd {
	0% {
		-webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
		transform: translateY(-600px) rotateX(-30deg) scale(0);
		-webkit-transform-origin: 50% 100%;
		transform-origin: 50% 100%;
		opacity: 0;
	}
	
	100% {
		-webkit-transform: translateY(0) rotateX(0) scale(1);
		transform: translateY(0) rotateX(0) scale(1);
		-webkit-transform-origin: 50% 1400px;
		transform-origin: 50% 1400px;
		opacity: 1;
	}
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	50% {
		-webkit-transform: scale3d(1.05,1.05,1.05);
		transform: scale3d(1.05,1.05,1.05)
	}

	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@keyframes pulse {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	50% {
		-webkit-transform: scale3d(1.05,1.05,1.05);
		transform: scale3d(1.05,1.05,1.05)
	}

	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

.animate__pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out
}

/* ----------------------------------------------
 * Generated by Animista on 2020-7-22 3:38:31
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-blurdarkgray-bottom
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-blurdarkgray-bottom {
	0% {
		-webkit-transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
		transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
		-webkit-transform-origin: 50% 100%;
		transform-origin: 50% 100%;
		-webkit-filter: blur(40px);
		filter: blur(40px);
		opacity: 0;
	}
	
	100% {
		-webkit-transform: translateY(0) scaleY(1) scaleX(1);
		transform: translateY(0) scaleY(1) scaleX(1);
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-filter: blur(0);
		filter: blur(0);
		opacity: 1;
	}
}
@keyframes slide-in-blurdarkgray-bottom {
	0% {
		-webkit-transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
		transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
		-webkit-transform-origin: 50% 100%;
		transform-origin: 50% 100%;
		-webkit-filter: blur(40px);
		filter: blur(40px);
		opacity: 0;
	}
	
	100% {
		-webkit-transform: translateY(0) scaleY(1) scaleX(1);
		transform: translateY(0) scaleY(1) scaleX(1);
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-filter: blur(0);
		filter: blur(0);
		opacity: 1;
	}
}

/* RUBBER BAND ANIMATION */
@-webkit-keyframes rubberBand {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
	
	30% {
		-webkit-transform: scale3d(1.25, .75, 1);
		transform: scale3d(1.25, .75, 1)
	}
	
	40% {
		-webkit-transform: scale3d(.75, 1.25, 1);
		transform: scale3d(.75, 1.25, 1)
	}
	
	50% {
		-webkit-transform: scale3d(1.15, .85, 1);
		transform: scale3d(1.15, .85, 1)
	}
	
	65% {
		-webkit-transform: scale3d(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1)
	}
	
	75% {
		-webkit-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1)
	}
	
	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}
@keyframes rubberBand {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
	
	30% {
		-webkit-transform: scale3d(1.25, .75, 1);
		transform: scale3d(1.25, .75, 1)
	}
	
	40% {
		-webkit-transform: scale3d(.75, 1.25, 1);
		transform: scale3d(.75, 1.25, 1)
	}
	
	50% {
		-webkit-transform: scale3d(1.15, .85, 1);
		transform: scale3d(1.15, .85, 1)
	}
	
	65% {
		-webkit-transform: scale3d(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1)
	}
	
	75% {
		-webkit-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1)
	}
	
	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

/**
 * ----------------------------------------
 * animation zoom (used to be kenburns-top)
 * ----------------------------------------
 */
@-webkit-keyframes zoom {
	0% {
		-webkit-transform: scale(1) translateY(0);
		transform: scale(1) translateY(0);
		-webkit-transform-origin: 50% 16%;
		transform-origin: 50% 16%;
	}
	
	100% {
		-webkit-transform: scale(1.16) translateY(-55px);
		transform: scale(1.16) translateY(-55px);
		-webkit-transform-origin: top;
		transform-origin: top;
	}
}
@keyframes zoom {
	0% {
		-webkit-transform: scale(1) translateY(0);
		transform: scale(1) translateY(0);
		-webkit-transform-origin: 50% 16%;
		transform-origin: 50% 16%;
	}
	
	100% {
		-webkit-transform: scale(1.16) translateY(-55px);
		transform: scale(1.16) translateY(-55px);
		-webkit-transform-origin: top;
		transform-origin: top;
	}
}

/**
 * ----------------------------------------
 * animation reverse-zoom
 * ----------------------------------------
 */
@-webkit-keyframes reverse-zoom {
	0% {
		-webkit-transform: scale(1.16) translateY(-55px);
		transform: scale(1.16) translateY(-55px);
		-webkit-transform-origin: top;
		transform-origin: top;
	}
	
	100% {
		-webkit-transform: scale(1) translateY(0);
		transform: scale(1) translateY(0);
		-webkit-transform-origin: 50% 16%;
		transform-origin: 50% 16%;
	}
}
@keyframes reverse-zoom {
	0% {
		-webkit-transform: scale(1.16) translateY(-55px);
		transform: scale(1.16) translateY(-55px);
		-webkit-transform-origin: top;
		transform-origin: top;
	}
	
	100% {
		-webkit-transform: scale(1) translateY(0);
		transform: scale(1) translateY(0);
		-webkit-transform-origin: 50% 16%;
		transform-origin: 50% 16%;
	}
}

/* ----------------------------------------------
 * Generated by Animista on 2020-7-22 4:5:4
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation kenburns-bottom
 * ----------------------------------------
 */
@-webkit-keyframes kenburns-bottom {
	0% {
		-webkit-transform: scale(1) translateY(0);
		transform: scale(1) translateY(0);
		-webkit-transform-origin: 50% 84%;
		transform-origin: 50% 84%;
	}
	
	100% {
		-webkit-transform: scale(1.25) translateY(15px);
		transform: scale(1.25) translateY(15px);
		-webkit-transform-origin: bottom;
		transform-origin: bottom;
	}
}
@keyframes kenburns-bottom {
	0% {
		-webkit-transform: scale(1) translateY(0);
		transform: scale(1) translateY(0);
		-webkit-transform-origin: 50% 84%;
		transform-origin: 50% 84%;
	}
	
	100% {
		-webkit-transform: scale(1.25) translateY(15px);
		transform: scale(1.25) translateY(15px);
		-webkit-transform-origin: bottom;
		transform-origin: bottom;
	}
}

/* ----------------------------------------------
 * Generated by Animista on 2020-7-22 4:6:0
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation kenburns-right
 * ----------------------------------------
 */
@-webkit-keyframes kenburns-right {
	0% {
		-webkit-transform: scale(1) translate(0, 0);
		transform: scale(1) translate(0, 0);
		-webkit-transform-origin: 84% 50%;
		transform-origin: 84% 50%;
	}
	
	100% {
		-webkit-transform: scale(1.25) translateX(20px);
		transform: scale(1.25) translateX(20px);
		-webkit-transform-origin: right;
		transform-origin: right;
	}
}
@keyframes kenburns-right {
	0% {
		-webkit-transform: scale(1) translate(0, 0);
		transform: scale(1) translate(0, 0);
		-webkit-transform-origin: 84% 50%;
		transform-origin: 84% 50%;
	}
	
	100% {
		-webkit-transform: scale(1.25) translateX(20px);
		transform: scale(1.25) translateX(20px);
		-webkit-transform-origin: right;
		transform-origin: right;
	}
}

/**************************** TEMPLATE *****************************/

/*
.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid #5e5e5e;
}
*/
.block {
	opacity: 0;
}
@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	
	100% {
		opacity: 1;
	}
}
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	
	100% {
		opacity: 1;
	}
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}