/*!
Theme Name: mtis_Autumn_carnival_th
Theme URI: http://autumncarnival.marktwainschool.ro/
Author: TwaAndFrom
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: mtis_autumn_carnival_th
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

mtis_Autumn_carnival_th is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
	background-color: #3C2694;
	background: linear-gradient(180deg, #3C2694 24%, #623EC6 48.44%)
	

}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #fff;
	font-family: Inter, sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: #4169e1;
}

a:visited {
	color: #fff;
}

a:hover,
a:focus,
a:active {
	color: #191970;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #FF914D;
	border-radius: 8px;
	background: #FF914D;
	color: #fff;
	line-height: 1;
	padding: 18px 15px;

	text-align: center;
	font-family: Inter;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #3C2694;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #FF914D;
	background: #FF914D;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #3C2694;
	border: 1px solid #BABABA;
	border-radius: 8px;
	padding: 14px 11px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

#primary {
	margin-bottom: 4%;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

/*custom css here one*/

#home_form {
	display: flex;
	flex-flow: wrap;
	justify-content: center;
	overflow: hidden;
}

.form_title {
	font-size: 21px;
	font-weight: 700;
	text-align: left;
}

.slide_btn p {
	margin: 0;
}
.slide_btn .slide_btn_head  label{
	padding: 0 10px;
	color: #868686;

	font-family: Inter;
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	line-height: 150%; /* 22.5px */
	padding-right: 0;
}

.slide_btn .slide_btn_content {
	display: none;
	
}

.slide_btn .slide_btn_content.active{
    display: flex;
    flex-flow: column;
	
}

#buttonmodal .modal-body img {
	max-width: 150px;
	height: auto;
	object-fit: cover;
}

header .container .right .btn {
    padding-top: 15px;
}

.yellow_btn {
	background: #FF914D;
	color: #fff;
    border-radius: 6px;
    padding: 9.5px 15px;
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: default;
}

.yellow_btn a,
.yellow_btn a:visited {
	color: #FFF;

	font-family: Inter;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-decoration: none;
}

.yellow_btn .icon {
    position: relative;
    top: 0;
    margin-right: 9px;
}

.yellow_btn .text {
	text-align: left;
}

.title {
	color: #FFDE59;
	text-align: center;
	font-family: Brice;
	font-size: 64px;
	font-style: normal;
	font-weight: 700;
	line-height: 118.169%; /* 75.628px */
	text-transform: uppercase;
}

.title_description {
	color: #FF914D;
	font-family: Brice;
	text-align: center;
	font-size: 64px;
	font-style: normal;
	font-weight: 700;
	line-height: 118.169%;
	text-transform: uppercase;
}

.form_wrapper {
    max-width: 445px;
	padding: 36px 33px 7px 33px;
	background: #fff;
	border-radius: 16px;
}

.slide_btn .slide_btn_content br {
	display: none;
}

.slide_btn .slide_btn_content .input {
	margin-bottom: 17px;
}

.slide_btn .slide_btn_content .input input {
	color: #3C2694;

	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px; /* 150% */
	letter-spacing: 0.16px;
	
}


.slide_btn .slide_btn_content .input select {
	color: #3C2694;

	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px; /* 150% */
	letter-spacing: 0.16px;
	padding: 14px 11px;
}

.slide_btn .slide_btn_content .input textarea.form-control {
	padding: 15px 11px;
}
.simple_row .input textarea.form-control {
	padding: 15px 11px;
}

.simple_row button,
.simple_row input[type="button"],
.simple_row input[type="reset"],
.simple_row input[type="submit"] {
	width: 100%;
	color: #FFF;

	text-align: center;
	font-family: Inter;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.simple_row {
	margin-bottom: 17px;
}

.simple_row br {
	display: none;
}

.simple_row p {
	margin-bottom: 0;
}

.slide_btn .slide_btn_head {
	position: relative;
	margin-bottom: 17px;
}

.slide_btn .form-check .form-check-input {
	position: absolute;
	width: 20px;
	height: 20px;
	top: -1px;
	background: rgba(60, 38, 148, 0.9);
}

.form_wrapper .slide_btn {
}


.form_wrapper .form-control {
	border-color: #BABABA!important;
    transition: #3C2694 .15s ease-in-out,box-shadow .15s ease-in-out!important;
}

.form_wrapper .form-control:focus {
	border-color: #BABABA!important;
	color: #3C2694!important;
}
.form_wrapper .form-control:active {
	border-color: #BABABA!important;
	color: #3C2694!important;
}

.small-desc {
	display: inline-block;
	width: 100%;
	color: #868686;
	font-family: Inter;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%;
	padding-left: 27px;
	margin-top: 10px;
}

.small-desc a {
	color: #868686;
	font-family: Inter;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%;
	text-decoration: none;
}

.input {
	position: relative;
}

.input input {
	color: #3C2694;

	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px; /* 150% */
	letter-spacing: 0.16px;
}
.input label {
    position: absolute;
    top: -11px;
    left: 7px;
    background: #fff;
    color: #868686;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    z-index: 1;
    padding: 5px;
}


.form-check-input:checked[type=radio] {
	background-image: url('data:image/svg+xml,%3Csvg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="10" cy="10.043" r="10" fill="#3C2694" fill-opacity="0.9"/><path d="M5.55566 10.0433L8.33344 13.9322L14.4446 6.70996" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg%3E>') !important;
}

.cstm-form {
	position: relative;
	padding-left: 16px;
}

.cstm-form input[type="radio"]{
	display: none;
	
}

.cstm-form label {
	position: relative;
}

.cstm-form label:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: 100%;
    background: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10.543' r='10' fill='%233C2694' fill-opacity='0.9'/%3E%3C/svg%3E");
    background-position: center;
    position: absolute;
    top: 2px;
    left: -15px;
    border-radius: 50%;
    
}

.cstm-form input:checked + label:before{
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: 100%;
	background: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10.543' r='10' fill='%233C2694' fill-opacity='0.9'/%3E%3Cpath d='M5.55566 10.5433L8.33344 14.4322L14.4446 7.20996' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-position: center;
    position: absolute;
    top: 2px;
    left: -15px;
    border-radius: 50%;
}

/**/
.radio {
	position: relative;
	padding-left: 16px;
}

.radio input[type="radio"]{
	display: none;
	
}

.radio .wpcf7-list-item-label {
    position: relative;
    padding-left: 10px;
    padding-right: 5px;
    margin-right: 15px;
    vertical-align: middle;
    display: inline-block;
}

.radio .wpcf7-list-item-label:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: 100%;
    background: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10.543' r='10' fill='%233C2694' fill-opacity='0.9'/%3E%3C/svg%3E");
    background-position: center;
    position: absolute;
    top: 2px;
    left: -15px;
    left: -1.01em;
    border-radius: 50%;
    
}

.radio input:checked + .wpcf7-list-item-label:before{
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: 100%;
	background: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10.543' r='10' fill='%233C2694' fill-opacity='0.9'/%3E%3Cpath d='M5.55566 10.5433L8.33344 14.4322L14.4446 7.20996' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-position: center;
    position: absolute;
    top: 2px;
    left: -15px;
    left: -1.01em;
    border-radius: 50%;
}

/**/

.acceptance {
	position: relative;
	color: #868686;
	text-align: justify;
	font-family: Inter;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%;
}

.acceptance a {
	display: inline-block;
	color: #868686;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%;
}

.acceptance a:visited{
	color: #868686;
	
}


.acceptance input{
	display: none;
	
}

.acceptance .wpcf7-list-item-label {
	position: relative;
    display: inline-block;
	padding-left: 15px;
	color: #868686;
	text-align: justify;
	font-family: Inter;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%;
}

.acceptance .wpcf7-list-item-label:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: 100%;
    background: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10.543' r='10' fill='%233C2694' fill-opacity='0.9'/%3E%3C/svg%3E");
    background-position: center;
    position: absolute;
    top: 0;
    left: -11px;
    border-radius: 50%;
    
}

.acceptance input:checked + .wpcf7-list-item-label:before{
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: 100%;
	background: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10.543' r='10' fill='%233C2694' fill-opacity='0.9'/%3E%3Cpath d='M5.55566 10.5433L8.33344 14.4322L14.4446 7.20996' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-position: center;
    position: absolute;
    top: 0;
    left: -11px;
    border-radius: 50%;
}

.wpcf7 form.invalid .wpcf7-response-output {
	color: #FF914D;
}

.radio input {
	width: 20px;
	height: 20px;
    background: rgba(60, 38, 148, 0.9)!important;
	background-color: rgba(60, 38, 148, 0.9) !important;
    border-color: rgba(60, 38, 148, 0.9) !important;
    position: relative;
    top: 5px;
    margin-right: 5px;
}

.radio input[type="checkbox"]:checked, .radio input[type="radio"]:checked {
	background-image: url('data:image/svg+xml,<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M100 50C100 63.2608 94.7322 75.9785 85.3553 85.3553C75.9785 94.7322 63.2608 100 50 100C36.7392 100 24.0215 94.7322 14.6447 85.3553C5.26784 75.9785 0 63.2608 0 50C0 36.7392 5.26784 24.0215 14.6447 14.6447C24.0215 5.26784 36.7392 0 50 0C63.2608 0 75.9785 5.26784 85.3553 14.6447C94.7322 24.0215 100 36.7392 100 50ZM75.1875 31.0625C74.7411 30.6176 74.2095 30.2673 73.6246 30.0326C73.0397 29.7979 72.4134 29.6835 71.7833 29.6963C71.1531 29.7092 70.5321 29.8489 69.9572 30.1073C69.3823 30.3657 68.8655 30.7373 68.4375 31.2L46.7313 58.8562L33.65 45.7687C32.7614 44.9407 31.5861 44.49 30.3717 44.5114C29.1574 44.5328 27.9987 45.0248 27.1399 45.8836C26.281 46.7424 25.7891 47.9011 25.7677 49.1155C25.7462 50.3299 26.197 51.5052 27.025 52.3938L43.5625 68.9375C44.008 69.3822 44.5385 69.7326 45.1224 69.9678C45.7063 70.2031 46.3315 70.3183 46.9609 70.3066C47.5903 70.2949 48.2108 70.1566 48.7856 69.8999C49.3604 69.6432 49.8775 69.2734 50.3062 68.8125L75.2563 37.625C76.1068 36.7406 76.5767 35.558 76.565 34.331C76.5534 33.104 76.061 31.9305 75.1938 31.0625H75.1875Z" fill="black"/></svg>') !important;
}

.simple_row .radio {
	margin-left: -15px;
	margin-right: -15px;
}

.radio label {
	color: #868686;

	font-family: Inter;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
}


#masthead .right {
	text-align: right;
}

#content_section {
	padding-top: 208px;
    padding-bottom: 115px;
	z-index: -1;
	
}

#content_section svg {
	display: inline-block;
}

.article_text {
	color: #fff;
	text-align: center;
	font-family: Inter;
	font-size: 28px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
}

.article_text p {
    margin-bottom: 1.3em;
    font-size: 23px;
    line-height: 30px;
}


footer ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    list-style: none;
    margin-bottom: 5px;
    margin-left: 0;
    margin-top: 38px;
    padding: 0;
}
footer ul li {
    position: relative;
    color: rgba(255, 255, 255, 0.6);
}
footer ul a {
    font-size: 12px;
    line-height: 150%;
    text-align: center;
    text-decoration-line: underline;
    color: rgba(255, 255, 255, 0.6);
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 0 10px;
}
footer ul li:after {
    content: "";
    left: auto;
    position: absolute;
    display: block;
    right: 0px;
    top: 5px;
    height: 13px;
    width: 1px;
    background: rgba(255, 255, 255, 0.6);
}

footer ul li:last-child:after {
	display: none;
}

footer .copyright {
    margin-bottom: 0;
}
footer .copyright p {
    font-size: 12px;
    line-height: 150%;
    text-align: center;
    color: rgba(255, 255, 255, 0.6);
}


footer .made_by a {
    font-size: 12px;
    line-height: 150%;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
}

#sitefooter {
	padding-top: 128px;
	padding-bottom: 54px;
	background: rgb(189,100,45);
background: linear-gradient(0deg, rgba(199,114,62,1) 0%, rgba(255,145,77,1) 100%);
    margin-top: -4%;
    z-index: 2;
    position: relative;
	
}

#home_form .home_form_wrapper {
	padding-bottom: 88px;
	text-align: center;
}

#home_form .home_form_wrapper .wpcf7 {
	display: inline-block;
	text-align: left;
}

.image_part {
	position: relative;
	flex: 0 0 100%;
	display: flex;
	flex-flow: wrap;
	padding: 0;
}

.image_part .overlay {
	position: absolute;
    flex: 0 0 100%;
    width: 100%;
    height: 100%;
}

.image_part .leftside {
    position: relative;
    flex: 0 0 50%;
    width: 50%;
    top: 0;
    z-index: 1;
    left: 0;
    box-sizing: border-box;
    border: 0;
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: top;
    height: 100%;
}

.image_part .leftside .starsimg {
    position: absolute;
    width: 56%;
    top: 3%;
    left: 25%;
}
.image_part .leftside .batsimg {
    position: absolute;
    right: -6%;
    top: 5%;
    width: 39%;
    left: 5%;

}

.image_part .rightside {
    position: relative;
    flex: 0 0 50%;
    width: 49%;
    top: 0;
    z-index: 1;
    right: 0;
    box-sizing: border-box;
    border: 0;
    display: inline-block;
    vertical-align: top;
    height: 100%;
}

.image_part .rightside .starsimg {
	position: absolute;
    left: 35%;
    top: 8%;
    z-index: 2;
    width: 59%;
}
.image_part .rightside .batsimg {
    position: absolute;
    right: 21%;
    top: 6%;
    z-index: 1;
    width: 41%;
}

.image_part #mainimg {
	position: relative;
	z-index: 0;
}

.image_part svg {
	width: 100%;
}

.image_part embed {
	width: 100%;
}
.image_part embed #bigstar1 {
	fill: red;
}

.image_part .batsimg svg {
	width: 100%;
	height: auto;
}

.starsimg svg {
	width: 100%;
	height: auto;
}

#stars1 #bigimag1  {
  animation: footerimage1 10s ease-in-out infinite;
}
#stars1 #mediumsimg1  {
  animation: footerimage1 10s ease-in-out infinite;
}
#stars1 #smallimg1  {
  animation: footerimage1 10s ease-in-out infinite;
}


#stars2 #bigimag2  {
  animation: footerimage2 10s ease-in-out infinite;
}
#stars2 #mediumsimg2  {
  animation: footerimage2 10s ease-in-out infinite;
}
#stars2 #smallimag2  {
  animation: footerimage2 10s ease-in-out infinite;
}

@keyframes footerimage1 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}


@keyframes footerimage2 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}

.title_wrapper_img {
	position: relative;
	display: inline-block;
	width: 100%;
	flex: 0 0 100%;
	padding: 0 20px;
	z-index: 2;
}

.title_wrapper_img svg {
	width: 100%;
}

.header_section {
	position: relative;
}

.header_section .clouds_of_bats {
    position: absolute;
    width: 100%;
    height: 150%;
    top: -74px;
	left: 0;
	
/*	background-image: url('/wp-content/themes/mtis_autumn_carnival_th/assets/img/cloud.png');*/
/*	background-image: url('/wp-content/themes/mtis_autumn_carnival_th/assets/img/test.png');*/
	background-image: url('/wp-content/themes/mtis_autumn_carnival_th/assets/img/testclouds1.png');
    background-repeat: repeat-x;
    background-size: 100% auto;
/*    background-blend-mode: soft-light;*/
	opacity: 0.45;
    background-color: #3C2694 ;
    background-position: 0% 0%;
    
    -webkit-animation-name: clouds;
    -webkit-animation-duration: 10s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    filter: blur(0);
  	-webkit-filter: blur(0);
    
    z-index: 1;
}

@keyframes clouds {
	from {
		background-position: 0% 0%;
	}
 	to {
		background-position: 100% 0%;
	}
	
}



.header_section .clouds_of_bats .rightside {
    position: relative;
    flex: 0 0 50%;
    width: 49%;
    top: 0;
    z-index: 1;
    right: 0;
    box-sizing: border-box;
    border: 0;
    display: inline-block;
    vertical-align: top;
    height: 100%;
}

.header_section .clouds_of_bats .leftside {
    position: relative;
    flex: 0 0 50%;
    width: 49%;
    top: 0;
    z-index: 1;
    right: 0;
    box-sizing: border-box;
    border: 0;
    display: inline-block;
    vertical-align: top;
    height: 100%;
    
}

.clouds_of_bats .rightside .batsimg {
    position: absolute;
    display: inline-block;
    top: initial;
    left: initial;
    right: 15%;
    bottom: 24%;
    z-index: 1;
}

.clouds_of_bats .leftside .batsimg {
	position: absolute;
 	display: inline-block;
    top: 22%;
    left: 15%;
    z-index: 1;
}

.before_form_description {
	position: relative;
	z-index: 2;
}


.site-header {
	position: relative;
    padding: 36px 15px;
	z-index: 1;
}

.map_wrapper {
	padding-top: 0;
	padding-bottom: 50px;
}

.map_wrapper img {
	width: 100%;
}

.y_btn {
	border-radius: 8px;
	background: #FFDE59;
	padding: 18px 100px;
	text-align: center;
	min-width: 378;
	color: #3A2690;

	text-align: center;
	font-family: Inter;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}


.y_btn:hover {
	background: #FFDE59;
	opacity: 0.8;
}

.btn_y_wrapper {
	margin-top: 60px;
}

.y_btn:visited {
	color: #3A2690;
}

.left_side {
	position: relative;
}

.left_side:after {
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	background: url('assets/img/left_bg.svg');
	background-repeat: no-repeat;
	position: absolute;
    top: -225px;
    left: -50%;
	z-index: -1;
}
.right_side {
	position: relative;
}

.right_side:before {
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	background: url('assets/img/right_bg_top.svg');
	background-repeat: no-repeat;
	position: absolute;
    top: -80px;
    left: 92%;
	z-index: -1;
}
.right_side:after {
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	background: url('assets/img/right_bg_bottom.svg');
	background-repeat: no-repeat;
    position: absolute;
    top: initial;
    bottom: -45%;
    left: 34%;
    z-index: -1;
    background-size: contain;
}

.simple_row.submitbtnwrapper {
	margin-bottom: 0;
}

.simple_row .label {
    color: #868686;
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    padding-right: 0;
    padding-left: 0;
}


.slide_btn .slide_btn_content .input select option {
    color: #3C2694;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.16px;
    padding: 14px 11px;
}

.simple_row .label p {
	margin-bottom: 0;
    padding-left: 26px;
}

.fields_info {
    font-size: 12px;
    color: #868686;
    font-family: Inter;
}

.fields_info p {
	 font-size: 12px;
    color: #868686;
    font-family: Inter;
}

/*.submitbtnwrapper input[type="submit"] {
	background: #FF914D url('assets/img/ambilet.png');
    background-repeat: no-repeat;
    background-size: 64px auto;
    background-position: 0 -6px;
}*/

.sponsor {
	text-align: center;
    display: inline-block;
    width: 100%;
    margin-bottom: 24px;
}

.sponsor img {
	width: 80px;
}

article h1 {
	color: #fff;
}

.error404 #primary {
    margin-bottom: 0;
}

.logo svg {
	max-width: 275px;
	width: 275px;
}

.site-footer .logo img {
	width: 142px;
}

.advisorsss {
    display: inline-block;
    position: relative;
    top: initial;
    left: 0;
    color: #ff914d;
    font-size: 14px;
    font-weight: 700;
    padding-left: 10px;
}

.event_time_location {
    z-index: 1;
    position: relative;
    text-align: center;
    padding-top: 50px;	
}

.stamp {
    position: absolute;
    top: 0;
    right: 20%;
    width: 250px;
    z-index: 1;
    transform: rotate(45deg);
}

@media ( max-width: 1440) {
	body {
		margin: 0;
		background-color: #3c2694;
		background-color: linear-gradient(180deg, #3C2694 24%, #623EC6 48.44%);

	}
}


@media (max-width: 768px) {
	.article_text p br {
		display: none;
	}
}

@media (max-width: 640px) {
	
	.stamp {
        top: -83px;
	    right: 0;
	    width: 150px;
	}
	.clouds_of_bats .rightside .batsimg {
	    bottom: 12%;
	}
	.clouds_of_bats .rightside .batsimg {
	    bottom: 57%;
	}
	.map_wrapper {
	    padding-top: 0;
	    padding-bottom: 70px;
	}

	.clouds_of_bats .leftside .batsimg svg{
		width: 50%;
	}
	.clouds_of_bats .rightside .batsimg svg{
		width: 50%;
	}

	#content_section {
	    padding-top: 0;
	    padding-bottom: 50px;
	}
	
	#sitefooter {
	    padding-top: 50px;
	}
}

@media (max-width: 480px) {
	#page {
		overflow: hidden;
	}
	.yellow_btn {
		display: none;
	}
	.site-header {
	    padding: 0px 15px 36px 15px;
	}
	.left svg {
		width: 100%;
	}
	.yellow_btn .text {
		display: none;
	}
	.y_btn {
	    padding: 18px 20px;
	}
	.image_part .leftside {
	    flex: 0 0 49%;
	    width: 49%;
	}
}


@media (max-width: 420px) {
	.radio .wpcf7-list-item-label{
	    margin-right: 7px;	
	}
	
	footer ul {
	    flex-direction: column;
		
	}
	
	footer ul li:after {
		display: none;
	}
}