/*search popup*/

.search-popup-box-active {
	overflow: hidden;
}


.search-popup-box {
	position: relative;
}

@media only screen and (max-width: 54.7857rem) {
	.search-popup-box .popup-reveal {
		display: none !important;
	}
}

.search-popup-box .popup-content {
	position: fixed;
	top: 0;
	right: 0;
	background-color: #45b29d;
	z-index: 1000;
	display: table;
	table-layout: fixed;
	height: 100%;
	width: 22%;
	color: #666;
}
 

.search-popup-box .popup-content::before {
	/* content: "Search"; */
	font-size: 14.2857rem;
	position: absolute;
	right: 50%;
	top: 50%;
	color: #000;
	opacity: 0.02;
	font-weight: 500;
	-webkit-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
	pointer-events: none;
}

.search-popup-box .popup-content.color-dark::before {
	color: #FFF;
}

.search-popup-box .popup-content.color-dark .popup-close:hover {
	color: #FFF !important;
}


.search-popup-box .popup-content.color-dark {
	background-color: #2c5cda;
}


.search-popup-box .popup-center {
	text-align: left;
	display: table-footer-group;
	vertical-align: middle;
	width: 100%;
	-webkit-transition: all ease-in 200ms 0ms;
	transition: all ease-in 200ms 0ms;
}

.search-popup-box .icon>span {
	display: inline-block;
	vertical-align: middle;
}

span[id*="ClassicSearch"] {
	position: relative;
	display: inline-block;
	width: 60.4286rem;
	max-width: 80%;
}

.search-popup-box .searchInputContainer {
	display: inline-block;
	position: relative;
	width: 100%;
	margin: 0;
}

.search-popup-box .NormalTextBox {
	width: 100%;
	background: none;
	border: none;
	border-bottom: 0.0714rem solid #666;
	font-size: 1.4286rem;
	color: #333;
	/* padding: 1.7857rem 4.2857rem; */
	outline: none;
	text-align: center;
	font-weight: 600;
	font-size: 1.7143rem;
}

.search-popup-box ul.searchSkinObjectPreview {
	width: 100%;
	text-align: right;
}


.search-popup-box .color-dark .NormalTextBox {
	color: #fff;
	border-bottom-color: #FFF;
}


.search-popup-box .color-dark .search {
	color: #FFF;
}

.search-popup-box .color-dark .popup-close {
	color: #FFF;
}

.search-popup-box a.search {
	position: absolute;
	left: 0rem;
	top: 50%;
	margin-top: -1rem;
	font-size: 1.8571rem;
	color: #666666;
	border: none;
	background: none;
	outline: none;
	width: auto;
	height: auto;
	width: 2.8571rem;
	height: 1.7857rem;
	transition: color ease-in 200ms;
	-moz-transition: color ease-in 200ms;
	/* Firefox 4 */
	-webkit-transition: color ease-in 200ms;
	/* Safari and Chrome */
	-o-transition: color ease-in 200ms;
	/* Opera */
	-ms-transition: color ease-in 200ms;
	/* IE9? */
}

.search-popup-box a.search:before {
	content: "";
	background: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.6253 15.5381C18.6387 14.2047 19.252 12.7247 19.4653 11.0981C19.6787 9.4714 19.492 7.88473 18.9053 6.33807C18.3187 4.7914 17.3853 3.4714 16.1053 2.37807C14.8253 1.28473 13.3853 0.564734 11.7853 0.218067C10.1853 -0.128599 8.59867 -0.0619335 7.02533 0.418066C5.452 0.898067 4.06533 1.72473 2.86533 2.89807C1.66533 4.0714 0.838667 5.44473 0.385333 7.01807C-0.068 8.5914 -0.121333 10.1781 0.225333 11.7781C0.572 13.3781 1.292 14.8181 2.38533 16.0981C3.47867 17.3781 4.79867 18.3114 6.34533 18.8981C7.892 19.4847 9.47867 19.6714 11.1053 19.4581C12.732 19.2447 14.212 18.6314 15.5453 17.6181L21.4653 23.6181C21.732 23.8847 22.0787 24.0181 22.5053 24.0181C22.932 24.0181 23.292 23.8714 23.5853 23.5781C23.8787 23.2847 24.0253 22.9247 24.0253 22.4981C24.0253 22.0714 23.892 21.7247 23.6253 21.4581L17.6253 15.5381ZM18.0253 9.77807C18.0253 11.2714 17.652 12.6447 16.9053 13.8981C16.1587 15.1514 15.1587 16.1514 13.9053 16.8981C12.652 17.6447 11.2787 18.0181 9.78533 18.0181C8.292 18.0181 6.90533 17.6447 5.62533 16.8981C4.34533 16.1514 3.34533 15.1514 2.62533 13.8981C1.90533 12.6447 1.54533 11.2714 1.54533 9.77807C1.54533 8.28473 1.90533 6.89807 2.62533 5.61807C3.34533 4.33807 4.34533 3.33807 5.62533 2.61807C6.90533 1.89807 8.292 1.53807 9.78533 1.53807C11.2787 1.53807 12.652 1.89807 13.9053 2.61807C15.1587 3.33807 16.1587 4.33807 16.9053 5.61807C17.652 6.89807 18.0253 8.28473 18.0253 9.77807Z" fill="white"/></svg>');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 2rem;
	height: 2rem;
	position: absolute;
	top: 0.5rem 7px;
	right: 0;
}

.search-popup-box .color-dark a.search:before {
	border-color: #FFF;
}

/* 
.search-popup-box a.search:after {
	content: "";
	border-top: 0.0714rem solid rgba(0, 0, 0, 0.8);
	width: 2rem;
	position: absolute;
	right: 0.2857rem;
	top: 0.7857rem;
} */

.search-popup-box .color-dark a.search:after {
	border-color: rgba(255, 255, 255, 0.8);
}

.search-popup-box a.search:hover {
	color: #2c5cda;
	text-decoration: none;
}

.search-popup-box .popup-close {
	position: absolute;
	left: 2.7857rem;
	top: 1.7857rem;
	cursor: pointer;
	font-size: 2rem;
	z-index: 10;
}

.search-popup-box .popup-close:hover {
	color: #2c5cda;
}

.search-popup-box .info {
	color: #666666;
	font-size: 1.0714rem;
}

.search-popup-box .searchInputContainer a.dnnSearchBoxClearText {
	left: 3.5714rem;
	top: 2.1429rem;
}




@media only screen and (max-width: 54.7857rem) {
	.search-popup-box .NormalTextBox {
		padding: 0.9286rem 0rem 0.9286rem 2.5rem;
		font-size: 1.1429rem;
		font-weight: normal;
		text-align: right;
		border-radius: 0;
	}

	.search-popup-box a.search {
		font-size: 1.4286rem;
		margin-top: -0.9286rem;
		margin-left: -0.3571rem;
	}

	.search-popup-box .popup-content:before {
		font-size: 7.1429rem;
	}

	.search-popup-box span[id*="ClassicSearch"] {
		max-width: 82%;
	}

	.search-popup-box .searchInputContainer a.dnnSearchBoxClearText {
		top: 0.7857rem;
	}
}


@-webkit-keyframes anim-popup-top {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	35%,
	65% {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	100% {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
}

@keyframes anim-popup-top {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	35%,
	65% {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	100% {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
}



@-webkit-keyframes anim-popup-top-content {

	0%,
	25% {
		opacity: 0;
		-webkit-transform: translate3d(0, -1.7857rem, 0);
		transform: translate3d(0, -1.7857rem, 0);
	}

	65% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0rem, 0);
		transform: translate3d(0, 0rem, 0);
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes anim-popup-top-content {

	0%,
	25% {
		opacity: 0;
		-webkit-transform: translate3d(0, -1.7857rem, 0);
		transform: translate3d(0, -1.7857rem, 0);
	}

	65% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0rem, 0);
		transform: translate3d(0, 0rem, 0);
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes anim-popup-out {
	0% {

		top: 0;
	}

	100% {
		opacity: 0;
		top: 0;
	}
}

@keyframes anim-popup-out {
	0% {

		top: 0;
	}

	100% {
		opacity: 0;
		top: 0;
	}
}

@-webkit-keyframes anim-popup-in {

	0%,
	25% {
		opacity: 0;
	}

	65%,
	100% {
		opacity: 1;
	}
}

@keyframes anim-popup-in {

	0%,
	25% {
		opacity: 0;
	}

	65%,
	100% {
		opacity: 1;
	}
}

.search-popup-box.hide {
	display: none;
}

.search-popup-box .popup-content {

	-webkit-animation: none;
	animation: none;
	top: -100%;
}

.search-popup-box .popup-content.loaded {
	-webkit-animation: anim-popup-out .3s ease-in;
	animation: anim-popup-out .3s ease-in;
}

.search-popup-box .popup-content.active {
	-webkit-animation: anim-popup-top 1.5s cubic-bezier(0.2, 1, 0.3, 1) both;
	animation: anim-popup-top 1.5s cubic-bezier(0.2, 1, 0.3, 1) both;
}

.search-popup-box .popup-content.active .popup-center {
	/* -webkit-animation: anim-popup-top-content 1.5s cubic-bezier(0.2, 1, 0.3, 1) both; */
	/* animation: anim-popup-top-content 1.5s cubic-bezier(0.2, 1, 0.3, 1) both; */
}

.search-popup-box .popup-content.active .popup-close {
	background: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.5784 13.5784L7.92158 7.92158M7.92157 13.5784L13.5784 7.92158M10.75 20.75C16.2728 20.75 20.75 16.2728 20.75 10.75C20.75 5.22715 16.2728 0.75 10.75 0.75C5.22715 0.75 0.75 5.22715 0.75 10.75C0.75 16.2728 5.22715 20.75 10.75 20.75Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 2rem;
	height: 2rem;
	position: absolute;
	top: calc(45% - -3rem);
	left: 13%;
}

@media only screen and (max-width: 70.7857rem) {

	.search-popup-box .popup-content,
	.search-popup-box .popup-content.active {
		top: 0;
	}

	.search-popup-box .popup-content,
	.search-popup-box .popup-content.active,
	.search-popup-box .popup-content .popup-center,
	.search-popup-box .popup-content.active .popup-center,
	.search-popup-box .popup-content.active .popup-close {
		-webkit-animation: none !important;
		animation: none !important;
	}

	.search-popup-box .popup-content.active .popup-close {
		left: 11%;
	}
}


.search-text {
	border-bottom: 0.0714rem solid rgba(0, 0, 0, 0.9);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	height: 2.5714rem;
}

.search-text .NormalTextBox {
	background: none;
	border: none;
	padding: 0.3571rem 0.3571rem;
	font-size: 0.9286rem;
	width: 12.8571rem;
	outline: none;
	color: #333333;
	height: 2.5714rem;
	line-height: 1.8571rem;
	font-weight: 600;
}

.search-text .search {
	background: none;
	border: none;
	padding: 0.2857rem 0.8571rem;
	color: inherit;
	color: #333333;
	margin-left: -0.3571rem;
	height: 2.5714rem;
	line-height: 2rem;
}

.search-text .search span {
	vertical-align: middle;
}

.search-text.color-light {
	border-bottom: 0.0714rem solid rgba(255, 255, 255, 0.9);
}

.search-text.color-light .NormalTextBox,
.search-text.color-light .search {
	color: #fff;
}

@media only screen and (max-width: 70.8571rem) {

	/* search-popup-box */
	.search-popup-box .popup-close {
		left: 0.9286rem;
		top: 0;
		height: 4.5714rem;
		line-height: 4.5714rem;
		transition: color ease-in 200ms, opacity ease-in 200ms 200ms !important;
		-moz-transition: color ease-in 200ms, opacity ease-in 200ms 200ms !important;
		/* Firefox 4 */
		-webkit-transition: color ease-in 200ms, opacity ease-in 200ms 200ms !important;
		/* Safari and Chrome */
		-o-transition: color ease-in 200ms, opacity ease-in 200ms 200ms !important;
		/* Opera */
		-ms-transition: color ease-in 200ms, opacity ease-in 200ms 200ms !important;
		/* IE9? */

		z-index: 1;
	}

	.search-popup-box .popup-close .lnr {
		line-height: 4.5714rem;
	}

	.search-popup-box .popup-reveal {
		display: none;
	}

	.search-popup-box .popup-content {
		opacity: 0;
		visibility: hidden;
		color: #666;

		transform: translateX(0%);
		-ms-transform: translateX(0%);
		/* Internet Explorer */
		-moz-transform: translateX(0%);
		/* Firefox */
		-webkit-transform: translateX(0%);
		/* Safari 和 Chrome */
		-o-transform: translateX(0%);
		/* Opera */

		transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-webkit-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		-ms-transition: all 0.4s ease;
	}

	.search-popup-box .popup-content.active {
		opacity: 1;
		visibility: visible;

		transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-webkit-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		-ms-transition: all 0.4s ease;
	}

	.search-popup-box .popup-content .popup-center {
		transform: scale(1.1) !important;
		-ms-transform: scale(1.1) !important;
		/* Internet Explorer */
		-moz-transform: scale(1.1) !important;
		/* Firefox */
		-webkit-transform: scale(1.1) !important;
		/* Safari 和 Chrome */
		-o-transform: scale(1.1) !important;
		/* Opera */

		transition-delay: 0ms !important;
		-moz-transition-delay: 0ms !important;
		/* Firefox 4 */
		-webkit-transition-delay: 0ms !important;
		/* Safari 和 Chrome */
		-o-transition-delay: 0ms !important;
		/* Opera */
		-ms-transition-delay: 0ms !important;
		/* IE9? */

		transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);
		-moz-transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);
		/* Firefox 4 */
		-webkit-transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);
		/* Safari 和 Chrome */
		-o-transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);
		/* Opera */
		-ms-transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);
		/* IE9? */

	}

	.search-popup-box .popup-content.active .popup-center {
		transform: scale(1) !important;
	}
}





/*popup search*/

.popup-search-box>.icon {
	width: 7.1429rem;
	height: 7.1429rem;
	background-color: #fd4ea5;
	position: relative;
	cursor: pointer;
	transition: width ease-out 250ms, height ease-out 250ms;
}

.floating-active .popup-search-box>.icon {
	width: 5rem;
	height: 5rem;
}

.popup-search-box>.icon .magnifier {
	position: absolute;
	right: 50%;
	top: 50%;
	transform: translate(50%, -50%);
	color: #fff;
}

.popup-search-box .popup-content {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	background-color: #2c5cda;
	padding: 16.4286rem 0 14.2857rem;
	z-index: -1;
	text-align: center;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: translateY(-14.2857rem);
	transform: translateY(-14.2857rem);
	-webkit-transition: all 300ms cubic-bezier(0.65, 0.05, 0.36, 1);
	transition: all 300ms cubic-bezier(0.65, 0.05, 0.36, 1);
	z-index: 900;
}

.popup-search-box .popup-content.active {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.popup-search-box .NormalTextBox {
	height: 5.1429rem;
	line-height: 5.1429rem;
	border: none;
	border-bottom: 0.0714rem solid #ffffff;
	background: none;
	width: 63.7857rem;
	max-width: 100%;
	text-align: center;
	font-size: 1.7143rem;
	color: #FFF;
	opacity: 1;
	font-weight: 600;
}

.popup-search-box .NormalTextBox::-webkit-input-placeholder {
	opacity: 1 !important;
}

.popup-search-box .NormalTextBox:-moz-placeholder {
	opacity: 1 !important;
}

.popup-search-box .NormalTextBox::-moz-placeholder {
	opacity: 1 !important;
}

.popup-search-box .NormalTextBox:-ms-input-placeholder {
	opacity: 1 !important;
}

.popup-search-box .NormalTextBox:placeholder {
	opacity: 1 !important;
}

.popup-search-box span[id*="ClassicSearch"] {
	width: auto;
	max-width: inherit;
}

.popup-search-box .popup-content::before {
	content: "Search";
	font-size: 14.2857rem;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.05);
	position: absolute;
	right: 50%;
	top: 50%;
	transform: translate(50%, -50%);
	pointer-events: none;
	line-height: 1;
}

.popup-search-box a.search {
	position: absolute;
	left: -0.7143rem;
	top: 50%;
	margin-top: -0.7143rem;
	font-size: 1.8571rem;
	color: #ffffff;
	border: none;
	background: none;
	outline: none;
	width: auto;
	height: auto;
	width: 2.8571rem;
	height: 1.7857rem;
	-webkit-transition: color ease-in 200ms;
	transition: color ease-in 200ms;
}

.popup-search-box a.search:before {
	content: "";
	border-left: 0.0714rem solid #ffffff;
	border-top: 0.0714rem solid #ffffff;
	width: 0.6429rem;
	height: 0.6429rem;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 0.5rem;
	right: 1.6429rem;
	border-radius: 0.1429rem 0 0 0;
}

.popup-search-box a.search:after {
	content: "";
	border-top: 0.0714rem solid rgba(255, 255, 255, 0.9);
	width: 2rem;
	position: absolute;
	right: 0.2857rem;
	top: 0.7857rem;
}

.popup-search-box .searchInputContainer a.dnnSearchBoxClearText {
	left: 3.5714rem;
	top: 1.6429rem;
}

.popup-search-box ul.searchSkinObjectPreview {
	width: 100%;
	text-align: right;
}

/*search popup*/

.search-popup-box-active {
	overflow: hidden;
}


.search-popup-box {
	position: relative;
}

@media only screen and (max-width: 54.7857rem) {
	.search-popup-box .popup-reveal {
		display: none !important;
	}
}

.search-popup-box .popup-content {
	/* position: fixed; */
	/* top: 0; */
	/* right: 0; */
	/* background-color: #45b29d; */
	/* z-index: 1000; */
	/* display: table; */
	/* table-layout: fixed; */
	/* height: 100%; */
	/* width: 100%; */
	/* color: #666; */
}

.search-popup-box .popup-content::before {
	/* content: "Search"; */
	/* font-size: 14.2857rem; */
	position: absolute;
	right: 32%;
	top: 50%;
	color: #000;
	opacity: 0.02;
	font-weight: 500;
	-webkit-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
	pointer-events: none;
}

.search-popup-box .popup-content.color-dark::before {
	color: #FFF;
}

.search-popup-box .popup-content.color-dark .popup-close:hover {
	color: #FFF !important;
}


.search-popup-box .popup-content.color-dark {
	background-color: #2c5cda;
}


.search-popup-box .popup-center {
	/* text-align: center; */
	/* display: table-cell; */
	/* vertical-align: middle; */
	/* width: 100%; */
	/* -webkit-transition: all ease-in 200ms 0ms; */
	/* transition: all ease-in 200ms 0ms; */
}

.search-popup-box .icon>span {
	display: inline-block;
	vertical-align: middle;
}

span[id*="ClassicSearch"] {
	position: relative;
	display: inline-block;
	width: 22.4286rem;
	max-width: 80%;
}

.search-popup-box .searchInputContainer {
	display: inline-block;
	position: relative;
	width: 100%;
	margin: 0;
}

.search-popup-box .NormalTextBox {
	width: 100%;
	background: none;
	border: none;
	/* border-bottom: 0.0714rem solid #666; */
	font-size: 1.4286rem;
	color: #fff;
	/* padding: 1rem 0.2857rem; */
	outline: none;
	text-align: right;
	font-weight: 600;
	font-size: 1rem;
}

.search-popup-box ul.searchSkinObjectPreview {
	width: 100%;
	text-align: right;
    overflow: auto;
    height: 20rem;
}


.search-popup-box .color-dark .NormalTextBox {
	color: #757474;
	border-bottom-color: #757474;
}


.search-popup-box .color-dark .search {
	color: #FFF;
	display: none;
}

.search-popup-box .color-dark .popup-close {
	color: #FFF;
}

.search-popup-box a.search {
	position: absolute;
	left: 0rem;
	top: 50%;
	margin-top: -1rem;
	font-size: 1.8571rem;
	color: #666666;
	border: none;
	background: none;
	outline: none;
	width: auto;
	height: auto;
	width: 2.8571rem;
	height: 1.7857rem;
	transition: color ease-in 200ms;
	-moz-transition: color ease-in 200ms;
	/* Firefox 4 */
	-webkit-transition: color ease-in 200ms;
	/* Safari and Chrome */
	-o-transition: color ease-in 200ms;
	/* Opera */
	-ms-transition: color ease-in 200ms;
	/* IE9? */
	visibility: hidden;
}

.search-popup-box a.search:before {
	content: "";
	background: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.6253 15.5381C18.6387 14.2047 19.252 12.7247 19.4653 11.0981C19.6787 9.4714 19.492 7.88473 18.9053 6.33807C18.3187 4.7914 17.3853 3.4714 16.1053 2.37807C14.8253 1.28473 13.3853 0.564734 11.7853 0.218067C10.1853 -0.128599 8.59867 -0.0619335 7.02533 0.418066C5.452 0.898067 4.06533 1.72473 2.86533 2.89807C1.66533 4.0714 0.838667 5.44473 0.385333 7.01807C-0.068 8.5914 -0.121333 10.1781 0.225333 11.7781C0.572 13.3781 1.292 14.8181 2.38533 16.0981C3.47867 17.3781 4.79867 18.3114 6.34533 18.8981C7.892 19.4847 9.47867 19.6714 11.1053 19.4581C12.732 19.2447 14.212 18.6314 15.5453 17.6181L21.4653 23.6181C21.732 23.8847 22.0787 24.0181 22.5053 24.0181C22.932 24.0181 23.292 23.8714 23.5853 23.5781C23.8787 23.2847 24.0253 22.9247 24.0253 22.4981C24.0253 22.0714 23.892 21.7247 23.6253 21.4581L17.6253 15.5381ZM18.0253 9.77807C18.0253 11.2714 17.652 12.6447 16.9053 13.8981C16.1587 15.1514 15.1587 16.1514 13.9053 16.8981C12.652 17.6447 11.2787 18.0181 9.78533 18.0181C8.292 18.0181 6.90533 17.6447 5.62533 16.8981C4.34533 16.1514 3.34533 15.1514 2.62533 13.8981C1.90533 12.6447 1.54533 11.2714 1.54533 9.77807C1.54533 8.28473 1.90533 6.89807 2.62533 5.61807C3.34533 4.33807 4.34533 3.33807 5.62533 2.61807C6.90533 1.89807 8.292 1.53807 9.78533 1.53807C11.2787 1.53807 12.652 1.89807 13.9053 2.61807C15.1587 3.33807 16.1587 4.33807 16.9053 5.61807C17.652 6.89807 18.0253 8.28473 18.0253 9.77807Z" fill="white"/></svg>');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 2rem;
	height: 2rem;
	position: absolute;
	top: 0.5rem 7px;
	right: 0;
}

.search-popup-box .color-dark a.search:before {
	border-color: #FFF;
}

/* 
.search-popup-box a.search:after {
	content: "";
	border-top: 0.0714rem solid rgba(0, 0, 0, 0.8);
	width: 2rem;
	position: absolute;
	right: 0.2857rem;
	top: 0.7857rem;
} */

.search-popup-box .color-dark a.search:after {
	border-color: rgba(255, 255, 255, 0.8);
}

.search-popup-box a.search:hover {
	color: #2c5cda;
	text-decoration: none;
}

.search-popup-box .popup-close {
	position: absolute;
	left: 2.7857rem;
	top: 1.7857rem;
	cursor: pointer;
	font-size: 2rem;
	z-index: 10;
}

.search-popup-box .popup-close:hover {
	color: #2c5cda;
}

.search-popup-box .info {
	color: #666666;
	font-size: 1.0714rem;
}

.search-popup-box .searchInputContainer a.dnnSearchBoxClearText {
	left: 3.5714rem;
	top: 2.1429rem;
	display: none;
}




@media only screen and (max-width: 54.7857rem) {
	.search-popup-box .NormalTextBox {
		padding: 4px;
		font-size: 1rem;
		font-weight: normal;
		text-align: right;
		border-radius: 0;
	}

	.search-popup-box a.search {
		font-size: 1.4286rem;
		margin-top: -0.9286rem;
		margin-left: -0.3571rem;
	}

	.search-popup-box .popup-content:before {
		font-size: 7.1429rem;
	}

	.search-popup-box span[id*="ClassicSearch"] {
		max-width: 82%;
	}

	.search-popup-box .searchInputContainer a.dnnSearchBoxClearText {
		top: 0.7857rem;
	}
}


@-webkit-keyframes anim-popup-top {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	35%,
	65% {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	100% {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
}

@keyframes anim-popup-top {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	35%,
	65% {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	100% {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
}



@-webkit-keyframes anim-popup-top-content {

	0%,
	25% {
		opacity: 0;
		-webkit-transform: translate3d(0, -1.7857rem, 0);
		transform: translate3d(0, -1.7857rem, 0);
	}

	65% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0rem, 0);
		transform: translate3d(0, 0rem, 0);
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes anim-popup-top-content {

	0%,
	25% {
		opacity: 0;
		-webkit-transform: translate3d(0, -1.7857rem, 0);
		transform: translate3d(0, -1.7857rem, 0);
	}

	65% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0rem, 0);
		transform: translate3d(0, 0rem, 0);
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes anim-popup-out {
	0% {

		top: 0;
	}

	100% {
		opacity: 0;
		top: 0;
	}
}

@keyframes anim-popup-out {
	0% {

		top: 0;
	}

	100% {
		opacity: 0;
		top: 0;
	}
}

@-webkit-keyframes anim-popup-in {

	0%,
	25% {
		opacity: 0;
	}

	65%,
	100% {
		opacity: 1;
	}
}

@keyframes anim-popup-in {

	0%,
	25% {
		opacity: 0;
	}

	65%,
	100% {
		opacity: 1;
	}
}

.search-popup-box.hide {
	display: none;
}

.search-popup-box .popup-content {-webkit-animation: none;animation: none;top: -189.5%;right: -3%;background-color: transparent !important;}

.search-popup-box .popup-content.loaded {
	-webkit-animation: anim-popup-out .3s ease-in;
	animation: anim-popup-out .3s ease-in;
}

.search-popup-box .popup-content.active {
	-webkit-animation: anim-popup-top 1.5s cubic-bezier(0.2, 1, 0.3, 1) both;
	animation: anim-popup-top 1.5s cubic-bezier(0.2, 1, 0.3, 1) both;
}

.search-popup-box .popup-content.active .popup-center {
	/* -webkit-animation: anim-popup-top-content 1.5s cubic-bezier(0.2, 1, 0.3, 1) both; */
	/* animation: anim-popup-top-content 1.5s cubic-bezier(0.2, 1, 0.3, 1) both; */
}

.search-popup-box .popup-content.active .popup-close {
	background: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.5784 13.5784L7.92158 7.92158M7.92157 13.5784L13.5784 7.92158M10.75 20.75C16.2728 20.75 20.75 16.2728 20.75 10.75C20.75 5.22715 16.2728 0.75 10.75 0.75C5.22715 0.75 0.75 5.22715 0.75 10.75C0.75 16.2728 5.22715 20.75 10.75 20.75Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 1.5rem;
	height: 1.5rem;
	position: absolute;
	top: calc(63% - 11rem);
	/* left: 66%; */
	/* display: none; */
	visibility: hidden;
}

@media only screen and (max-width: 70.7857rem) {

	.search-popup-box .popup-content,
	.search-popup-box .popup-content.active {
		 
	 	top: -94%;
              right: 8%;
        width: 48% !important;
 
	}

 

	.search-popup-box .popup-content,
	.search-popup-box .popup-content.active,
	.search-popup-box .popup-content .popup-center,
	.search-popup-box .popup-content.active .popup-center,
	.search-popup-box .popup-content.active .popup-close {
		-webkit-animation: none !important;
		animation: none !important;
	}

}

 @media only screen and (max-width: 70.7857rem) {
  .search-popup-box .popup-content.active {
    animation: fadeSearchOnScroll linear both !important;
    animation-timeline: scroll(root) !important;
    animation-range: 0 12vh !important;
  }
}

 @media only screen and (min-width: 70.7858rem) {
  .search-popup-box .popup-content.active {
    animation:
      anim-popup-top 1.5s cubic-bezier(0.2, 1, 0.3, 1) both,
      fadeSearchOnScroll linear both !important;
    animation-timeline: auto, scroll(root) !important;
    animation-range: normal, 0 12vh !important;
  }
}

@keyframes fadeSearchOnScroll {
  from {
    opacity: 1;
    pointer-events: auto;
  }
  to {
    opacity: 0;
    pointer-events: none;
  }
}
.search-text {
	border-bottom: 0.0714rem solid rgba(0, 0, 0, 0.9);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	height: 2.5714rem;
}

.search-text .NormalTextBox {
	background: none;
	border: none;
	padding: 0.3571rem 0.3571rem;
	font-size: 0.9286rem;
	width: 12.8571rem;
	outline: none;
	color: #333333;
	height: 2.5714rem;
	line-height: 1.8571rem;
	font-weight: 600;
}

.search-text .search {
	background: none;
	border: none;
	padding: 0.2857rem 0.8571rem;
	color: inherit;
	color: #333333;
	margin-left: -0.3571rem;
	height: 2.5714rem;
	line-height: 2rem;
}

.search-text .search span {
	vertical-align: middle;
}

.search-text.color-light {
	border-bottom: 0.0714rem solid rgba(255, 255, 255, 0.9);
}

.search-text.color-light .NormalTextBox,
.search-text.color-light .search {
	color: #fff;
}

@media only screen and (max-width: 70.8571rem) {

	/* search-popup-box */
	.search-popup-box .popup-close {
		left: 0.9286rem;
		top: 0;
		height: 4.5714rem;
		line-height: 4.5714rem;
		transition: color ease-in 200ms, opacity ease-in 200ms 200ms !important;
		-moz-transition: color ease-in 200ms, opacity ease-in 200ms 200ms !important;
		/* Firefox 4 */
		-webkit-transition: color ease-in 200ms, opacity ease-in 200ms 200ms !important;
		/* Safari and Chrome */
		-o-transition: color ease-in 200ms, opacity ease-in 200ms 200ms !important;
		/* Opera */
		-ms-transition: color ease-in 200ms, opacity ease-in 200ms 200ms !important;
		/* IE9? */

		z-index: 1;
	}

	.search-popup-box .popup-close .lnr {
		line-height: 4.5714rem;
	}

	.search-popup-box .popup-reveal {
		display: none;
	}

	.search-popup-box .popup-content {
		opacity: 0;
		visibility: hidden;
		color: #666;

		transform: translateX(0%);
		-ms-transform: translateX(0%);
		/* Internet Explorer */
		-moz-transform: translateX(0%);
		/* Firefox */
		-webkit-transform: translateX(0%);
		/* Safari 和 Chrome */
		-o-transform: translateX(0%);
		/* Opera */

		transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-webkit-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		-ms-transition: all 0.4s ease;
	}

	.search-popup-box .popup-content.active {
		opacity: 1;
		visibility: visible;

		transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-webkit-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		-ms-transition: all 0.4s ease;
	}

	.search-popup-box .popup-content .popup-center {
		transform: scale(1.1) !important;
		-ms-transform: scale(1.1) !important;
		/* Internet Explorer */
		-moz-transform: scale(1.1) !important;
		/* Firefox */
		-webkit-transform: scale(1.1) !important;
		/* Safari 和 Chrome */
		-o-transform: scale(1.1) !important;
		/* Opera */

		transition-delay: 0ms !important;
		-moz-transition-delay: 0ms !important;
		/* Firefox 4 */
		-webkit-transition-delay: 0ms !important;
		/* Safari 和 Chrome */
		-o-transition-delay: 0ms !important;
		/* Opera */
		-ms-transition-delay: 0ms !important;
		/* IE9? */

		transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);
		-moz-transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);
		/* Firefox 4 */
		-webkit-transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);
		/* Safari 和 Chrome */
		-o-transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);
		/* Opera */
		-ms-transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);
		/* IE9? */

	}

	.search-popup-box .popup-content.active .popup-center {
		transform: scale(1) !important;
	}
}





/*popup search*/

.popup-search-box>.icon {
	width: 7.1429rem;
	height: 7.1429rem;
	background-color: #fd4ea5;
	position: relative;
	cursor: pointer;
	transition: width ease-out 250ms, height ease-out 250ms;
}

.floating-active .popup-search-box>.icon {
	width: 5rem;
	height: 5rem;
}

.popup-search-box>.icon .magnifier {
	position: absolute;
	right: 50%;
	top: 50%;
	transform: translate(50%, -50%);
	color: #fff;
}

.popup-search-box .popup-content {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	background-color: #2c5cda;
	padding: 16.4286rem 0 14.2857rem;
	z-index: -1;
	text-align: center;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: translateY(-14.2857rem);
	transform: translateY(-14.2857rem);
	-webkit-transition: all 300ms cubic-bezier(0.65, 0.05, 0.36, 1);
	transition: all 300ms cubic-bezier(0.65, 0.05, 0.36, 1);
	z-index: 900;
}

.popup-search-box .popup-content.active {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.popup-search-box .NormalTextBox {
	height: 5.1429rem;
	line-height: 5.1429rem;
	border: none;
	border-bottom: 0.0714rem solid #ffffff;
	background: none;
	width: 63.7857rem;
	max-width: 100%;
	text-align: center;
	font-size: 1.7143rem;
	color: #FFF;
	opacity: 1;
	font-weight: 600;
}

.popup-search-box .NormalTextBox::-webkit-input-placeholder {
	opacity: 1 !important;
}

.popup-search-box .NormalTextBox:-moz-placeholder {
	opacity: 1 !important;
}

.popup-search-box .NormalTextBox::-moz-placeholder {
	opacity: 1 !important;
}

.popup-search-box .NormalTextBox:-ms-input-placeholder {
	opacity: 1 !important;
}

.popup-search-box .NormalTextBox:placeholder {
	opacity: 1 !important;
}

.popup-search-box span[id*="ClassicSearch"] {
	width: auto;
	max-width: inherit;
}

.popup-search-box .popup-content::before {
	content: "Search";
	font-size: 14.2857rem;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.05);
	position: absolute;
	right: 50%;
	top: 50%;
	transform: translate(50%, -50%);
	pointer-events: none;
	line-height: 1;
}

.popup-search-box a.search {
	position: absolute;
	left: -0.7143rem;
	top: 50%;
	margin-top: -0.7143rem;
	font-size: 1.8571rem;
	color: #ffffff;
	border: none;
	background: none;
	outline: none;
	width: auto;
	height: auto;
	width: 2.8571rem;
	height: 1.7857rem;
	-webkit-transition: color ease-in 200ms;
	transition: color ease-in 200ms;
}

.popup-search-box a.search:before {
	content: "";
	border-left: 0.0714rem solid #ffffff;
	border-top: 0.0714rem solid #ffffff;
	width: 0.6429rem;
	height: 0.6429rem;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 0.5rem;
	right: 1.6429rem;
	border-radius: 0.1429rem 0 0 0;
}

.popup-search-box a.search:after {
	content: "";
	border-top: 0.0714rem solid rgba(255, 255, 255, 0.9);
	width: 2rem;
	position: absolute;
	right: 0.2857rem;
	top: 0.7857rem;
}

.popup-search-box .searchInputContainer a.dnnSearchBoxClearText {
	left: 3.5714rem;
	top: 1.6429rem;
}

.popup-search-box ul.searchSkinObjectPreview {
	width: 100%;
	text-align: right;
}

.search-popup-box .popup-content.active {
  animation:
    anim-popup-top 1.5s cubic-bezier(0.2, 1, 0.3, 1) both,
    fadeSearchOnScroll linear both;
  animation-timeline: auto, scroll(root);
  animation-range: normal, 0 12vh;
}

@keyframes fadeSearchOnScroll {
  from {
    opacity: 1;
    pointer-events: auto;
  }
  to {
    opacity: 0;
    pointer-events: none;
  }
}