.panel .evmet-logo { width: 58px; height: auto; margin: 12px 0px; fill: #fff!important; }

@media (min-width: 1024px) {
	.slide-8 .image {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: -18%;
		z-index: -1;
	}
}

@media (min-width: 768px) {
	.slide-4 .image {
		margin-top: -50%;
		margin-bottom: -50%;
		margin-right: -70%;
		max-width: none;
	}

	.slide-4 .image {
		margin-left: -42%;
	}

	.slide-5 .image {
		max-width: none;
		margin-left: -90%;
		margin-top: -15%;
		margin-bottom: -15%;
		float: right;
	}
	.slide-5 .image-2 {
		position: absolute;
		top: 0;
		right: 0;
		margin-right: 50px;
		margin-top: -80px;
	}
	.slide-3 .image {
		float: right;
		max-width: none;
		margin-top: -50%;
		margin-bottom: -50%;
		margin-left: -70%;
	}
	.slide-3 .image-2 {
		position: absolute;
		top: 0;
		right: 0;
		margin-right: -100px;
		margin-top: -100px;
	}

	.padding-top-6 {
		padding-top: 60px !important;
	}

	.slide .link {
		color: #ffffff;
		position: relative;
		/*box-shadow: 0 2px rgba(255,129,146,0.5);*/
	}


	a.link .material-icons {
		position: absolute;
		bottom: -1px;
		left: initial;
		transition: -webkit-transform .25s;
		transition: transform .25s;
		transition: transform .25s,-webkit-transform .25s;
		-webkit-transform: translateX(-2px);
		transform: translateX(-2px);
	}
	.nobr {
		white-space: nowrap;
	}

	.dropdownTrigger, .sidebarTrigger {
		cursor: pointer;
	}

}



/*list*/
.p-yt { font-size: 0; line-height: 0; cursor: default; }
.p-yt>li { display: inline-block; margin-right: 3px; padding: 10px 0; color: red; }
.p-yt>li:after { content: ""; background: #12103d; display: inline-block; width: 30px; height: 3px; border-radius: 3px; transition: .25s; }
.p-yt>li.selected:after { background: #ff8192; }

.r-yt { font-size: 0; line-height: 0; cursor: default; }
.r-yt>li { display: inline-block; margin-right: 3px; padding: 10px 0; color: red; }
.r-yt>li:after { content: ""; background:#0f1327; display: inline-block; width: 30px; height: 3px; border-radius: 3px; transition: .25s; }
.r-yt>li.selected:after { background: #3abfc5; }


.margin-top-1 { margin-top: 10px !important; }



/*slide color*/
.slide-3 { color: #3abfc5; background-color: #232a4d; }
.slide-3 .material-icons { position: absolute; left: 0; }
.slide-3 .grid>li { position: relative; padding-left: 35px; }

.slide-4 { color: #ff8192; }
.slide-4 .material-icons { position: absolute; left: 0; }
.slide-4 .grid>li { position: relative; padding-left: 35px; }

.slide-7 { color: #3abfc5;background-color: #232a4d; }


/*menu color*/
.slides.stage-1 .panel.top .menu a { color: #ffffff; }
.slides.stage-2 .panel.top .menu a { color: #ff8192; }
.slides.stage-5 .panel.top .menu a { color: #3abfc5; }

/*link color*/
.l-blue {color: #3abfc5!important; box-shadow: 0 2px rgba(58,191,197,0.7);}
.l-pink { font-size: 20px;color: #ff8192!important; box-shadow: 0 2px rgba(255,129,146,0.7);}
.l-wh {font-size: 18px; color: #ffffff!important; box-shadow: 0 2px rgba(255,255,255,0.7);}



@media (max-width: 767px) {
	.slide-4 .image {
		margin-left: -50%;
		margin-right: -50%;
		max-width: 200%;
	}
	.slide-3 .image {
		margin-left: -50%;
		margin-right: -50%;
		max-width: 150%;
	}
	.mob-icon { 
		position: relative!important;
		bottom: -7px!important;
		left: initial!important;
	}
	.vd-icon { 
		position: relative!important;
		top: 5px!important;
	}
	.ft-sp { margin-bottom: 24px; }
}




.hidden-xs, .hidden-sm, .hidden-md, .hidden-lg {
	display:none!important;
}


@media (max-width: 767px) {
	.hidden-xs { display: block !important;	}}

@media (min-width: 768px) and (max-width: 991px) {
	.hidden-sm { display: block !important; }}

@media (min-width: 992px) and (max-width: 1199px) {
	.hidden-md { display: block !important;	}}


.vn-d { display: none }
@media (min-width: 751px) {
	.vn-d { display: block !important; font-size:13px;  }
}