/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Section Styles */
#section-one, #section-four, #section-six, #section-eight {
	background: #222126;
	padding: 40px;
}
#section-one p, li {
	color: #ccc;
}
#section-two {
	background: #fff;
	padding: 60px;
}
#section-three, #section-five {
	background: #13b07c;
	padding: 40px;
	color: #fff;
}
#section-three p, #section-four p, #section-six p {
	color: #fff;
}
#section-seven {
	padding: 40px;
}
#section-seven a {
	color: #13b07c;
}
#section-eight p {
	color: #77797c;
}
@media screen and (max-width: 767px){
	#section-one, #section-two, #section-three, #section-four, #section-five, #section-six, #section-seven, #section-eight {
		padding: 20px;
	}
}
.nav-link { color: #00a3ed !important; }
.navbar { border-bottom: 5px solid #00a3ed; }

p, li {
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	line-height: 26px;
}
h1, h2, h3, h4 {
    font-family: 'Gaegu', cursive !important;
}
nav a {
	color: #333;
	text-decoration: none !important;
}
nav a:hover {
	color: #00a3ed;
}

.btn { border-radius: 1rem !important; }

.workshop-1, .workshop-2, .workshop-3, .workshop-4, .workshop-5, .workshop-6 {
/* 	border: 2px solid #fff;
border-radius: 1em; */
	padding: 1em;
	text-align: center;
}
.workshop-1 h5 {
	color: #4bb2de;
	font-family: 'Gaegu', cursive !important;
	font-size: 1.6em;
	min-height: 5em;
}
.workshop-2 h5 {
	color: #00bd4b;
	font-family: 'Gaegu', cursive !important;
	font-size: 1.6em;
	min-height: 5em;
}
.workshop-3 h5 {
	color: #ffdd12;
	font-family: 'Gaegu', cursive !important;
	font-size: 1.6em;
	min-height: 5em;
}
.workshop-4 h5 {
	color: #ff390a;
	font-family: 'Gaegu', cursive !important;
	font-size: 1.6em;
	min-height: 4em;
}
.workshop-5 h5 {
	color: #7e73fe;
	font-family: 'Gaegu', cursive !important;
	font-size: 1.6em;
	min-height: 4em;
}
.workshop-6 h5 {
	color: #ff9822;
	font-family: 'Gaegu', cursive !important;
	font-size: 1.6em;
	min-height: 4em;
}

/*======================================================================== */

@-webkit-keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
@-moz-keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
@keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
 .scroll-btn {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	top: 90%;
}
.scroll-btn > * {
	display: inline-block;
	line-height: 18px;
	font-size: 13px;
	font-weight: normal;
	color: #7f8c8d;
	color: #ffffff;
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 2px;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *.active {
	color: #ffffff;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *:active,
.scroll-btn > *.active {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.scroll-btn .mouse {
	position: relative;
	display: block;
	width: 35px;
	height: 55px;
	margin: 0 auto 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 3px solid white;
	border-radius: 23px;
}
.scroll-btn .mouse > * {
	position: absolute;
	display: block;
	top: 29%;
	left: 50%;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 -4px;
	background: white;
	border-radius: 50%;
	-webkit-animation: ani-mouse 2.5s linear infinite;
	-moz-animation: ani-mouse 2.5s linear infinite;
	animation: ani-mouse 2.5s linear infinite;
}
@media screen and (max-width: 767px) {
	.scroll-btn { top: 83%; }
}
.wpcf7-form, div.wpcf7 {
	margin-top: 60px;
	margin-left: auto !important;
	margin-right: auto !important;
}
.wpcf7-form input, .wpcf7-form textarea {
	width: 100%;
}
.wpcf7-submit {
	background: #fff;
	color: #000;
	border: 1px solid #000;
	border-radius: 1rem;
	padding: 4px;
	width: 50% !important;
}
.wpcf7-submit:hover {
	background: #000;
	color: #fff;
	border: 1px solid #000;
	cursor: pointer;
}