@charset "utf-8";
/*============================================================================*/

section.ere-headers.s1 {  }

section.ere-headers.s1 .omask {
	z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	background: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, .25) 50%, rgba(255, 255, 255, 0) 100%);
}

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

section.ere-headers.s1 .main { z-index: 2; position: relative; }

section.ere-headers.s1 .main .col {  }

section.ere-headers.s1 .main .col .reveal {  }

section.ere-headers.s1 .main .col .reveal .main {  }

section.ere-headers.s1 .main .col .reveal .main .level { display: flex; justify-content: space-between; }

section.ere-headers.s1 .main .col .reveal .main .level .isleft { position: relative; width: 15%; }

section.ere-headers.s1 .main .col .reveal .main .level .isleft a { position: absolute; top: 20px; left: 90px; }

section.ere-headers.s1 .main .col .reveal .main .level .isleft a img {  }

@media screen and (min-width: 1px) and (max-width: 1679px) {
	section.ere-headers.s1 .main .col .reveal .main .level .isleft a { top: 50px; left: 50px; }
}
@media screen and (min-width: 1px) and (max-width: 1365px) {
	section.ere-headers.s1 .main .col .reveal .main .level .isleft a { top: 50px; left: 20px; }
}
@media screen and (min-width: 1px) and (max-width: 1279px) {
	section.ere-headers.s1 .main .col .reveal .main .level .isleft { display: none; width: 0; }
}

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


section.ere-headers.s1 .main .col .reveal .main .level .isright { width: 85%; }

section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel { display: inline-block; position: relative; width: 100%; }

@media screen and (min-width: 1px) and (max-width: 1279px) {
	section.ere-headers.s1 .main .col .reveal .main .level .isright { width: 100%; }
	section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel { display: flex; flex-direction: column-reverse; }
}


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

section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .facia { float: left; position: relative; width: 70%; }

section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .facia ul { display: flex; justify-content: center; flex-wrap: wrap; margin: 30px 0 0 20px; }

section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .facia ul li { position: relative; margin: 10px; padding: 0 0 0 30px; }

section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .facia ul mark {  }

section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .facia ul mark.tick:before,
section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .facia ul mark.love:before,
section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .facia ul mark.star:before,
section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .facia ul mark.flower:before,
section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .facia ul mark.smile:before {
	z-index: 2; position: absolute; top: 0; left: 5px;
	font-family: 'Font Awesome 6 Pro'; font-style: normal; font-weight: 500;
	font-size: 16px; color: rgba(255, 255, 255, .95);
	text-shadow: -1px -1px rgba(255, 255, 255, 1), -1px 1px rgba(255, 255, 255, 1), 1px -1px rgba(255, 255, 255, 1), 1px 1px rgba(255, 255, 255, 1);
}
section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .facia ul mark.tick:before { content: '\f00c'; text-shadow: none; }
section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .facia ul mark.star:before { content: '\f005'; font-weight: 900; color: rgba(245, 200, 5, .95); }
section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .facia ul mark.love:before { content: '\f004'; font-weight: 900; color: rgba(255, 0, 0, .95); }
section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .facia ul mark.flower:before { content: '\f7ff'; font-weight: 900; color: rgba(244, 143, 177, .95); }
section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .facia ul mark.smile:before { content: '\f4da'; font-weight: 900; color: rgba(240, 200, 5, .95); }


section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .facia ul mark.tick:after {
	content: '';
	z-index: 1; position: absolute; top: 0; left: 0; width: 16px; height: 16px;
	border-radius: 100%;
	box-shadow: 0 0 3px 2px rgba(255, 255, 255, 1);
	background-color:  rgba(1, 66, 105, .95);
}

section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .facia ul li strong {
	font-size: 16px; color: rgba(1, 66, 105, .95); width: 160px;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
}

@media screen and (min-width: 1px) and (max-width: 1279px) {
	section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .facia { width: 100%; }
	section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .facia ul li { margin: 10px 0; }
}

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

section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .signup-login { float: right; position: absolute; right: 0; }

section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .signup-login ul { display: flex; margin: 20px 30px 0 0; }

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

section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .signup-login ul .searchsite {  }

section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .signup-login ul .searchsite {
	z-index: 9; margin: 0 15px 0 0; width: 36px; height: 36px;
	border-radius: 50px;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, .35);
	overflow: hidden;
	-webkit-transition: all 350ms; transition: all 350ms;
}
section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .signup-login ul .searchsite:hover,
section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .signup-login ul .searchsite:focus,
section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .signup-login ul .searchsite:focus-within {
	width: 300px; outline: none;
	border-radius: 5px 50px 50px 5px;
}
section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .signup-login ul .searchsite:hover input,
section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .signup-login ul .searchsite:focus input,
section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .signup-login ul .searchsite:focus-within input { display: inline-block; padding: 10px; width: 240px; }

section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .signup-login ul .searchsite input {
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
	float: left; margin: 5px 10px; margin-right: -50px; padding: 0px; width: 0; height: 26px;
	border: 0; border-radius: 5px;
	box-shadow: 0 1px 5px rgba(0, 0, 0, .15) inset;
	color: rgba(1, 140, 190, .65); font-size: 14px;
	background: rgba(255, 255, 255, .85);
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	-webkit-transition: all 0.25s; transition: all 0.25s;
}
section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .signup-login ul .searchsite input:focus {
	outline: none;
	box-shadow: 0 -1px 1px rgba(255, 255, 255, .25), 0 1px 5px rgba(0, 0, 0, .15);
}
section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .signup-login ul .searchsite .button {
	display: flex; align-items: center; justify-content: center; text-align: center;
	float: right; width: 32px; height: 32px; margin: 2.2px;
	border-radius: 100%;
	box-shadow: 0 -1px 1px rgba(255, 255, 255, .25), 0 1px 1px rgba(0, 0, 0, .25);
	text-shadow: 0 -2px 1px rgba(0, 0, 0, .35);
	background: rgba(69, 69, 69, .65);
	cursor: pointer;
}
section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .signup-login ul .searchsite .button:active { border: 0 !important; text-shadow: 0 0 0; }
section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .signup-login ul .searchsite .button i { font-size: 18px; color: rgba(255, 255, 255, .85); }

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

section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .signup-login ul li {
	position: relative; margin: 0 15px;
	border-radius: 6px 6px 0 0;
	background-color: rgba(255, 255 ,255, .65);
}

section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .signup-login ul li:after {
	content: '';
	display: inline-block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px;
	background-color: rgba(69, 69, 69, .65);
}
section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .signup-login ul li:hover:after { background-color: rgba(1, 140, 190, .65); }

section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .signup-login ul li a { display: inline-block; padding: 10px 20px 0px 20px; }

section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .signup-login ul li a strong {
	font-size: 18px;
	-webkit-transform: scale(1); transform: scale(1);
	-webkit-transition: -webkit-transform 300ms ease; transition: transform 300ms ease;
}

section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .signup-login ul li a:hover > strong { -webkit-transform: scale(1.05); transform: scale(1.05); }


@media screen and (min-width: 1280px) and (max-width: 999999px) {
	section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .signup-login .tophead { display: none; }
}


@media screen and (min-width: 1px) and (max-width: 1279px) {
	section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .signup-login { position: relative; width: 100%; }
	section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .signup-login ul { position: absolute; top: 0; right: 10px; }
	section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .signup-login ul .searchsite { display: none; }
	section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .signup-login ul li a { padding: 10px 20px; }
	
	section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .signup-login .tophead { display: flex; justify-content: center; margin: 20px 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid rgba(1, 66, 105, .35); }
	section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .signup-login .tophead a {  }
	section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .signup-login .tophead a img { width: 50px; height: 25px; }
	section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .signup-login .tophead a strong { font-size: 18px; padding: 0 0 0 10px; -webkit-transform: -webkit-translate(0, -5px); transform: translate(0, -5px); }
	section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .signup-login .tophead a strong span { -webkit-transition: color 300ms linear; transition: color 300ms linear; }
	section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .signup-login .tophead a strong span.g { color: rgba(240, 98, 146, .85); }
	section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .signup-login .tophead a strong span.b { color: rgba(50, 185, 225, .95); }
	section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .signup-login .tophead a:hover strong span.g { color: rgba(50, 185, 225, .95); }
	section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .signup-login .tophead a:hover strong span.b { color: rgba(240, 98, 146, .85); }
	section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .signup-login .tophead a strong span.txt { font-size: 14px; }
}
@media screen and (min-width: 1px) and (max-width: 1023px) {
	section.ere-headers.s1 .main .col .reveal .main .level .isright .toplevel .signup-login ul { justify-content: center; position: relative;  margin: 20px 0 0 0; }
}


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

section.ere-headers.s1 .main .col .reveal .main .level .isright .bottomlevel .imploded { margin: 25px 0 0 0; }

section.ere-headers.s1 .main .col .reveal .main .level .isright .bottomlevel .imploded ul { display: flex; flex-wrap: wrap; /*justify-content: space-around;*/ }

section.ere-headers.s1 .main .col .reveal .main .level .isright .bottomlevel .imploded ul li {
	display: inline-block; margin: 15px;
}

section.ere-headers.s1 .main .col .reveal .main .level .isright .bottomlevel .imploded ul li a {
	padding: 8px 12px;
	border-radius: 12px;
	border: 1px solid rgba(0 , 0, 0, .65);
	box-shadow:  0 0 1px 0 rgba(0, 0, 0, .35);
	background-color: rgba(255, 255, 255, .65);
	-webkit-transition: box-shadow 300ms ease; transition: box-shadow 300ms ease;
}
section.ere-headers.s1 .main .col .reveal .main .level .isright .bottomlevel .imploded ul li:hover a {
	box-shadow:  0 0 3px 1px rgba(0, 0, 0, .35);
}

section.ere-headers.s1 .main .col .reveal .main .level .isright .bottomlevel .imploded ul li a strong { font-size: 14px; }

@media screen and (min-width: 1px) and (max-width: 479px) {
	section.ere-headers.s1 .main .col .reveal .main .level .isright .bottomlevel .imploded ul { justify-content: center; }
}

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