@font-face {
    font-family: 'BEBAS';
    src: url('../font/BEBAS.ttf') format('woff');
    font-weight: normal;
    font-style: normal;
}

.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	word-wrap: normal !important
}

.wpcf7 form .wpcf7-response-output {
	margin: 2em .5em 1em;
	padding: .2em 1em;
	border: 2px solid #00a0d2
}

.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
	display: none
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	border-color: #dc3232
}

.wpcf7 form.spam .wpcf7-response-output {
	border-color: #f56e28
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #ffb900
}

.wpcf7-form-control-wrap {
	position: relative
}

.wpcf7-not-valid-tip {
	color: #dc3232;
	font-size: 1em;
	font-weight: 400;
	display: block
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
	position: relative;
	top: -2ex;
	left: 1em;
	z-index: 100;
	border: 1px solid #dc3232;
	background: #fff;
	padding: .2em .8em;
	width: 24em
}

.wpcf7-list-item {
	display: inline-block;
	margin: 0 0 0 1em
}

.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
	content: " "
}

.wpcf7-spinner {
	visibility: hidden;
	display: inline-block;
	background-color: #23282d;
	opacity: .75;
	width: 24px;
	height: 24px;
	border: none;
	border-radius: 100%;
	padding: 0;
	margin: 0 24px;
	position: relative
}

form.submitting .wpcf7-spinner {
	visibility: visible
}

.wpcf7-spinner::before {
	content: '';
	position: absolute;
	background-color: #fbfbfc;
	top: 4px;
	left: 4px;
	width: 6px;
	height: 6px;
	border: none;
	border-radius: 100%;
	transform-origin: 8px 8px;
	animation-name: spin;
	animation-duration: 1000ms;
	animation-timing-function: linear;
	animation-iteration-count: infinite
}

@media(prefers-reduced-motion:reduce) {
	.wpcf7-spinner::before {
		animation-name: blink;
		animation-duration: 2000ms
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(360deg)
	}
}

@keyframes blink {
	from {
		opacity: 0
	}

	50% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

.wpcf7 input[type=file] {
	cursor: pointer
}

.wpcf7 input[type=file]:disabled {
	cursor: default
}

.wpcf7 .wpcf7-submit:disabled {
	cursor: not-allowed
}

.wpcf7 input[type=url],
.wpcf7 input[type=email],
.wpcf7 input[type=tel] {
	direction: ltr
}


@media only screen and (min-width:1921px) {
	.mkdf-title-holder.mkdf-bg-parallax {
		background-size: cover
	}

	.mkdf-video-button-holder {
		width: 100%;
		object-fit: cover
	}

	.mkdf-dual-image-carousel.swiper-container .swiper-wrapper .swiper-slide {
		width: 42%
	}

	.mkdf-dual-image-carousel.swiper-container .swiper-wrapper .swiper-slide .mkdf-slide-foreground-image-holder {
		margin-top: -31%
	}
}

@media only screen and (min-width:769px) {
	.mkdf-cc-banners .mkdf-banner-holder {
		border-right: 0;
	}
}

@media only screen and (max-width:768px) {
	.mkdf-cc-banners .mkdf-eh-item:not(:last-child) .mkdf-banner-holder {
		border-bottom: 0
	}
}

.mkdf-menu-area .mkdf-main-menu>ul>li.mkdf-ccmc>a>span.item_outer:before {
	background-color: #fff
}

.mkdf-menu-area .mkdf-main-menu>ul>li.mkdf-ccmc:hover>a>span.item_outer:before {
	background-color: #0057b1
}

.mkdf-menu-area .mkdf-main-menu>ul>li.mkdf-ccmc>a {
	color: #fff
}

.mkdf-menu-area .mkdf-main-menu>ul>li.mkdf-ccmc:hover>a {
	background-color: #fff;
	color: #000
}

.mkdf-menu-area .mkdf-main-menu>ul>li.mkdf-ccmc>a {
	color: #fff
}

.mkdf-menu-area .mkdf-main-menu>ul>li.mkdf-ccmc:hover>a {
	background-color: #fff;
	color: #000
}

@media only screen and (max-width:480px) {
	.mkdf-cc-banners .mkdf-elements-holder .mkdf-eh-item-content {
		padding: 0
	}
}

#rev_slider_7_1_wrapper .grandprix-arrows.tparrows.tp-leftarrow {
	color: #fff
}

.mkdf-position-right .mkdf-search-widget .mkdf-search-field {
	border-color: #c8c8c8
}

.mkdf-dropdown-menu-opened .mkdf-page-header>div:not(.mkdf-sticky-header) .mkdf-search-widget .mkdf-search-field {
	border-color: rgba(0, 0, 0, 0.1)
}

.mkdf-position-right .mkdf-search-widget .mkdf-search-field:focus {
	border-color: #0057b1
}

@media only screen and (max-width:1024px) {

	.mkdf-slider #rev_slider_7_1_wrapper .grandprix .tp-bullet:hover span.mkdf-nav-num,
	.mkdf-slider #rev_slider_7_1_wrapper .grandprix .tp-bullet.selected span.mkdf-nav-num {
		background-color: #fff
	}

	.mkdf-slider #rev_slider_7_1_wrapper .grandprix .tp-bullet:after,
	.mkdf-slider #rev_slider_7_1_wrapper .grandprix .tp-bullet span.mkdf-slide-title,
	.mkdf-slider #rev_slider_7_1_wrapper .grandprix-arrows.tparrows {
		color: #fff
	}

	.mkdf-slider #rev_slider_7_1_wrapper .grandprix-arrows.tparrows.tp-rightarrow:before {
		border: 1px solid #eb4f54
	}
}

.mkdf-logo-wrapper a img.mkdf-light-logo {
	opacity: 1;
	/* filter: grayscale(1) brightness(10); */
}

.mkdf-sticky-header-appear .mkdf-sticky-header .mkdf-sticky-holder .mkdf-logo-wrapper a img.mkdf-light-logo {
	opacity: 0 !important
}

.mkdf-sticky-header-appear .mkdf-sticky-header .mkdf-sticky-holder .mkdf-logo-wrapper a img.mkdf-dark-logo {
	opacity: 1
}

.vc_custom_1568635243344 {
	padding-right: 0px !important;
	padding-bottom: 124px !important;
	padding-left: 0px !important
}

.vc_custom_1568726938296 {
	padding-top: 0px !important;
	/* margin-bottom: 100px!important; */!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
}

.vc_custom_1570695433784 {
	padding-top: 95px !important;
	padding-bottom: 68px !important
}

.vc_custom_1567695369601 {
	padding-bottom: 40px !important;
}

.vc_custom_1567695570353 {
	padding-bottom: 5rem;
	padding-top: 5rem;
	background: #f7f7f7
}

.vc_custom_1568618862932 {
	padding-right: 0px !important;
	padding-left: 0px !important
}

.vc_custom_1568635602433 {
	padding-right: 0px !important;
	padding-left: 0px !important
}

.vc_custom_1568618881656 {
	padding-right: 0px !important;
	padding-left: 0px !important
}

.vc_custom_1569490126087 {
	padding-top: 0px !important;
	padding-bottom: 36px !important
}

.wpb_animate_when_almost_visible {
	opacity: 1
}

#rev_slider_7_1_wrapper .grandprix-arrows.tparrows {
	background: rgba(0, 0, 0, 0);
	width: 171px;
	height: 60px;
	display: block;
	position: absolute;
	font-family: arial, sans-serif;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	line-height: 60px;
	color: #000000;
	transition: all .3s ease-in-out
}

#rev_slider_7_1_wrapper .grandprix-arrows.tparrows.rs-touchhover {
	background: rgba(0, 0, 0, 0)
}

#rev_slider_7_1_wrapper .grandprix-arrows.tparrows.tp-leftarrow {
	transform: scaleX(-1);
	color: #000000
}

#rev_slider_7_1_wrapper .grandprix-arrows.tparrows.tp-leftarrow:before,
#rev_slider_7_1_wrapper .grandprix-arrows.tparrows.tp-rightarrow:before {
	content: '';
	position: absolute;
	display: block;
	box-sizing: border-box;
	width: 79px;
	height: 60px;
	color: inherit;
	border: 1px solid #c8c8c8;
	background-color: transparent;
	transition: width .3s ease;
	right: 0
}

#rev_slider_7_1_wrapper .grandprix-arrows.tparrows.tp-leftarrow:before {
	border: 1px solid #eb4f54
}

#rev_slider_7_1_wrapper .grandprix-arrows.tparrows.tp-leftarrow.rs-touchhover:before,
#rev_slider_7_1_wrapper .grandprix-arrows.tparrows.tp-rightarrow.rs-touchhover:before {
	width: calc(100% + 55px)
}

#rev_slider_7_1_wrapper .grandprix-arrows.tparrows.tp-leftarrow .mkdf-nav-label:before,
#rev_slider_7_1_wrapper .grandprix-arrows.tparrows.tp-rightarrow .mkdf-nav-label:before {
	content: '';
	position: absolute;
	display: block;
	width: 74px;
	height: 1px;
	top: calc(50% - 1px);
	background-color: currentColor;
	right: calc(100% + 20px);
	transform: translateX(0) scaleX(0);
	transform-origin: right;
	transition: all .3s ease-in-out;
	opacity: .4
}

#rev_slider_7_1_wrapper .grandprix-arrows.tparrows.tp-leftarrow.rs-touchhover .mkdf-nav-label:before,
#rev_slider_7_1_wrapper .grandprix-arrows.tparrows.tp-rightarrow.rs-touchhover .mkdf-nav-label:before {
	transform: translateX(74px) scaleX(1);
	opacity: 1
}

#rev_slider_7_1_wrapper .grandprix-arrows.tparrows.tp-leftarrow .mkdf-nav-label:after,
#rev_slider_7_1_wrapper .grandprix-arrows.tparrows.tp-rightarrow .mkdf-nav-label:after {
	display: inline-block;
	position: absolute;
	font-family: arial, sans-serif;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	line-height: 60px;
	transition: all .3s ease-in-out
}

#rev_slider_7_1_wrapper .grandprix-arrows.tparrows.tp-leftarrow .mkdf-nav-label:after {
	content: 'prev';
	transform: scale(-1) translateY(1px);
	transform: scaleX(-1);
}

.mkdf-ms-explorer #rev_slider_7_1_wrapper .grandprix-arrows.tparrows.tp-leftarrow .mkdf-nav-label:after {
	transform: translateX(0px) scaleX(-1) scaleY(1)
}

#rev_slider_7_1_wrapper .grandprix-arrows.tparrows.tp-leftarrow.rs-touchhover .mkdf-nav-label:after {
	transform: translateX(74px) scaleX(-1) scaleY(1)
}

.mkdf-ms-explorer #rev_slider_7_1_wrapper .grandprix-arrows.tparrows.tp-leftarrow.rs-touchhover .mkdf-nav-label:after {
	transform: translateX(74px) scaleX(-1) scaleY(1)
}

#rev_slider_7_1_wrapper .grandprix-arrows.tparrows.tp-rightarrow .mkdf-nav-label:after {
	content: 'next'
}

#rev_slider_7_1_wrapper .grandprix-arrows.tparrows.tp-rightarrow.rs-touchhover .mkdf-nav-label:after {
	transform: translateX(74px)
}

#rev_slider_7_1_wrapper .grandprix-arrows.tparrows:before {
	display: none
}

#rev_slider_7_1_wrapper .grandprix-arrows.tparrows .mkdf-nav-mark {
	position: relative;
	display: inline-block;
	font-size: 13px;
	margin: 0 0 0 128px
}

#rev_slider_7_1_wrapper .grandprix-arrows.tparrows .mkdf-nav-mark:after {
	content: '';
	position: absolute;
	display: block;
	right: 8px;
	width: 74px;
	height: 1px;
	top: calc(50% - 1px);
	background-color: currentColor;
	opacity: 1;
	transform: scaleX(1);
	opacity: 1;
	transition: all .3s ease-in-out;
	transform-origin: right
}

#rev_slider_7_1_wrapper .grandprix-arrows.tparrows.rs-touchhover .mkdf-nav-mark:after {
	transform: scaleX(0);
	opacity: .4
}

@media (max-width:480px) {

	#rev_slider_7_1_wrapper .grandprix-arrows.tparrows.tp-leftarrow .mkdf-nav-label,
	#rev_slider_7_1_wrapper .grandprix-arrows.tparrows.tp-rightarrow .mkdf-nav-label {
		display: none
	}

	#rev_slider_7_1_wrapper .grandprix-arrows.tparrows.tp-leftarrow.rs-touchhover:before,
	#rev_slider_7_1_wrapper .grandprix-arrows.tparrows.tp-rightarrow.rs-touchhover:before {
		width: 79px
	}

	#rev_slider_7_1_wrapper .grandprix-arrows.tparrows .mkdf-nav-mark:after {
		width: 50px
	}
}

#rev_slider_7_1_wrapper .grandprix.tp-bullets {
	width: 225px !important;
	height: 31px !important;
	text-align: center;
	counter-reset: section;
	pointer-events: none
}

#rev_slider_7_1_wrapper .grandprix.tp-bullets:after {
	content: '';
	width: 100%;
	height: 1px;
	background-color: #c8c8c8;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: -1
}

#rev_slider_7_1_wrapper .grandprix .tp-bullet {
	color: #c8c8c8;
	position: absolute;
	height: 31px;
	left: 0 !important;
	width: 100%;
	display: inline-flex;
	vertical-align: middle;
	align-items: center;
	padding: 0;
	background: none;
	border: 0;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	pointer-events: none
}

#rev_slider_7_1_wrapper .grandprix .tp-bullet .mkdf-nav-num-current:before,
#rev_slider_7_1_wrapper .grandprix .tp-bullet .mkdf-nav-num-total:after {
	content: "0" counter(section);
	opacity: 0;
	font-family: arial, sans-serif;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: .1em;
	transition: .2s ease
}

#rev_slider_7_1_wrapper .grandprix .tp-bullet .mkdf-nav-num-current:before {
	counter-increment: section;
	color: #000000
}

#rev_slider_7_1_wrapper .grandprix .tp-bullet:last-child .mkdf-nav-num-total:before {
	content: "/";
	padding: 0 4px 0 0;
	font-family: arial, sans-serif;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: .1em;
	transition: .2s ease
}

#rev_slider_7_1_wrapper .grandprix .tp-bullet.selected .mkdf-nav-num-current:before,
#rev_slider_7_1_wrapper .grandprix .tp-bullet:last-child .mkdf-nav-num-total:after {
	opacity: 1
}

#rev_slider_7_1_wrapper .grandprix .tp-bullet.rs-touchhover:before,
#rev_slider_7_1_wrapper .grandprix .tp-bullet.selected:before {
	transition: transform 0.2s ease
}

#rev_slider_7_1_wrapper .grandprix .tp-bullet .mkdf-slide-title-holder {
	opacity: 0;
	position: absolute;
	right: 0;
	top: 3px;
	font-family: arial, sans-serif;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: #000000;
	transition: .2s ease;
	overflow: hidden
}

#rev_slider_7_1_wrapper .grandprix .tp-bullet .mkdf-slide-title {
	display: inline-block;
	transform: translateX(100%);
	transition: transform .35s ease-out
}

#rev_slider_7_1_wrapper .grandprix .tp-bullet.selected .mkdf-slide-title {
	transform: translateX(0%)
}

#rev_slider_7_1_wrapper .grandprix .tp-bullet.selected .mkdf-slide-title-holder {
	opacity: 1
}

#rev_slider_7_1_wrapper .grandprix-numbered-bullets .tp-bullet:after {
	content: '';
	height: 1px;
	width: 0;
	margin-left: 10px;
	background-color: ##active-color##;
	transition: width .25s ease
}

#rev_slider_7_1_wrapper .grandprix.tp-bullets.nav-dir-vertical {
	height: 225px !important;
	width: 31px !important
}

#rev_slider_7_1_wrapper .grandprix.tp-bullets.nav-dir-vertical:after {
	height: 100%;
	width: 1px;
	top: 0;
	left: -2px
}

#rev_slider_7_1_wrapper .grandprix.tp-bullets.nav-dir-vertical .tp-bullet {
	height: 225px;
	top: 0 !important;
	display: inline-block
}

#rev_slider_7_1_wrapper .grandprix.tp-bullets.nav-dir-vertical .mkdf-nav-num-current,
#rev_slider_7_1_wrapper .grandprix.tp-bullets.nav-dir-vertical .mkdf-nav-num-total {
	transform: rotate(90deg)
}

#rev_slider_7_1_wrapper .grandprix.tp-bullets.nav-dir-vertical .mkdf-nav-num-current:before,
#rev_slider_7_1_wrapper .grandprix.tp-bullets.nav-dir-vertical .mkdf-nav-num-total:before {
	margin-left: -14px
}

#rev_slider_7_1_wrapper .grandprix.tp-bullets.nav-dir-vertical .mkdf-slide-title-holder {
	right: 3px;
	top: 100%;
	transform: rotate(90deg);
	transform-origin: 100% 0%;
	min-width: 225px;
	height: 31px;
	text-align: right
}

#rev_slider_7_1[data-slideactive="rs-13"] .grandprix-arrows.tparrows.tp-leftarrow:before,
#rev_slider_7_1[data-slideactive="rs-13"] .grandprix-arrows.tparrows.tp-rightarrow:before {
	border: 1px solid #c8c8c8 !important
}

#rev_slider_7_1[data-slideactive="rs-13"] .grandprix-arrows.tparrows.tp-leftarrow:before {
	border: 1px solid #eb4f54 !important
}


.ywk-index-banner{position:relative;width:100%;height:100%}
.ywk-index-banner .swiper-container{width:100%}
.ywk-index-banner .ywk-index-banner-container{position:relative;overflow:hidden;width:100%}
.ywk-index-banner .text{position:absolute;width:90%;top:34%;left:8%;z-index:10;color:#fff;text-align: left;}
.ywk-index-banner .text *{position:relative;z-index:10;margin: 0 auto;color: #fff;}
.ywk-index-banner .text .title-1{font-size:140px;line-height:120px;color:#fff;transform:translateY(200px);opacity:0;transition:all 0.2s}
.ywk-index-banner .text .title-1 h1{font-size:140px;line-height:120px;text-transform:uppercase;display:none}
.ywk-index-banner .text .title-2{position:relative;font-size: 90px;font-weight: bold;font-family: BEBAS;line-height:1;text-transform:uppercase;transform:translateY(200px);opacity:0;transition:all 0.5s;display:inline-block;color:#FFF;text-shadow: 5px 5px 0px #003469;max-width: 600px;line-height: 1.15;font-style: italic;}
.ywk-index-banner .text .title-2:before{content:'';width:100%;height: 0;position: absolute;bottom: 0px;background: #d11111;z-index: -1;left: 0;}
.ywk-index-banner .text .en{display:block;white-space:nowrap;font-family:'Montserrat-Bold';font-size:6rem;line-height:0.8em;color:rgba(255,255,255,0);-webkit-text-stroke:1px #fff;position:absolute;left:50%;-webkit-transform:translateX(-50%) translateY(1.2rem);-ms-transform:translateX(-50%) translateY(1.2rem);transform:translateX(-50%) translateY(1.2rem);top:-48px;z-index:1;opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}
.ywk-index-banner .swiper-slide-active .text .en{-webkit-transform:translateX(-50%) translateY(0);-ms-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0);opacity:0.38;-webkit-transition-delay:0.2s;transition-delay:0.2s}
.ywk-index-banner .text .line-3{transform:translateY(200px);left:47.5%;opacity:0;transition:all 0.7s}
.ywk-index-banner .text .line-3 i{display:block;margin:30px 0;width:80px;height:4px;background:#fff}
.ywk-index-banner .text .text-4{font-size: 22px;line-height:30px;color:#fff;transform:translateY(200px);opacity:0;transition:all 0.7s;margin-top: 40px;margin-bottom: 40px;}
.ywk-index-banner .index_aboutmore{transform:translateY(200px);opacity:0;transition:all 0.9s;width: 160px;line-height: 42px;border: 2px solid #fff;text-align: center;margin-left: 0;}
.ywk-index-banner .index_aboutmore:hover{background:#fff;}
.ywk-index-banner .index_aboutmore:hover a{color:#0057b1}
.ywk-index-banner .swiper-slide-active .index_aboutmore{transform:translateY(0px);opacity:1;transition:all 0.9s}
.ywk-index-banner .text .text-4 span{color:#fff!important}
.ywk-index-banner .text .viewmore span{color:#666}
.ywk-index-banner .text .viewmore{transform:translateY(200px);opacity:0;transition:all 1.2s}
.ywk-index-banner .video{position:absolute;width:100%;height:100%;left:0;top:0;z-index:9;opacity:0.5}
.ywk-index-banner .video video{display:block;width:100%;height:100%;object-fit:cover}
.ywk-index-banner .swiper-slide-active .text .title-1,.ywk-index-banner .swiper-slide-active .text .title-2,.ywk-index-banner .swiper-slide-active .text .line-3,.ywk-index-banner .swiper-slide-active .text .text-4,.ywk-index-banner .swiper-slide-active .text .viewmore{transform:translateY(0px);opacity:1}
.ywk-index-banner .swiper-slide-active .img{animation:bigimgani 5000ms infinite ease-out}
.ywk-index-banner .ywk-index-banner-pagination{width:auto!important;left:auto!important;right:4%;bottom:5%!important;text-align:right}
.ywk-index-banner .ywk-index-banner-pagination span.swiper-pagination-bullet{background:none;border-radius:0;width:20px;height: 40px;transition:all .4s ease;margin:0;position:relative;opacity:1}
.ywk-index-banner .ywk-index-banner-pagination span.swiper-pagination-bullet::before{content:'';width: 2px;height:20px;margin:auto;position:absolute;left:50%;bottom:0;background: #0057b1;opacity: 1;transition:all .4s ease}
.ywk-index-banner .ywk-index-banner-pagination span.swiper-pagination-bullet-active::before{height:30px;opacity:1}
.ywk-index-banner .ywk-index-banner-container.left .text{width: 94%;max-width: 1600px;top:40%;left:8%;left:50%!important;top:54%!important;-webkit-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important}
.ywk-index-banner .ywk-index-banner-container.center .text{width:90%;top:34%;left:5%;text-align:center}
.ywk-index-banner .ywk-index-banner-container.center .text .line-3{margin:30px auto}
.ywk-index-banner .ywk-index-banner-container.center .text .line-3 i{display:inline-block}
.ywk-index-banner .ywk-index-banner-container.center .text .text-4{margin:auto}
.ywk-index-banner .ywk-index-banner-container.center .text::before{display:none}
.ywk-index-banner .ywk-index-banner-container.center .text .title-2{display:inline-block;padding-left:10px;margin-left:-10px}
.ywk-index-banner .ywk-index-banner-container.center .viewmore a{margin:auto;text-align:left}
.ywk-index-banner .ywk-index-banner-container.right .text{width:90%;top:34%;left:auto;right:8%;text-align:right}
.ywk-index-banner .ywk-index-banner-container.right .text .line-3 i{display:inline-block}
.ywk-index-banner .ywk-index-banner-container.right .text .text-4{text-align:right;float:right}
.ywk-index-banner .ywk-index-banner-container.right .viewmore{clear:both}
.ywk-index-banner .ywk-index-banner-container.right .viewmore a{display:inline-block;margin-top:40px;text-align:left}
.ywk-index-banner .ywk-index-banner-container.none .text{display:none}
.ywk-index-banner .ywk-index-banner-container .img{padding-bottom: 44.27%;}
.ywk-index-banner .ywk-index-banner-container .img img{width:100%;height:auto!important;transition:all .5s ease;left:50%!important;top:50%!important;-webkit-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;position:absolute}
.ywk-index-banner .ywk-index-banner-container .img video{width:100%;height:auto!important;transition:all .5s ease;left:50%!important;top:50%!important;-webkit-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;position:absolute}
.ywk-index-banner .ywk-index-banner-container .img::after{content:"";width:100%;height:100%;left:50%!important;top:50%!important;-webkit-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;position:absolute;background: rgba(0,0,0,0);}

.making{}
.makingbt{margin-top:40px;display:flex;justify-content:space-between}
.makingbt li{padding: 15px 10px;flex: 0 0 calc(12.5% - 10px);width: calc(12.5% - 10px);background:#eee;box-sizing:border-box;list-style:none;display:flex;align-items:center;font-size: 14px;color: #333;line-height: 1.4;justify-content: center;text-align: center;}
.makingbt li svg{width:60px;height:60px;margin-right:25px}
.makingbt li span{color:#000;font-size:24px;font-weight:bold;line-height:1.2}
.makingbt li.on{background:#0057b1;color: #fff;}
.makingbt li.on svg path{fill:#FFF}
.makingbt li.on span{color:#fff}
.makingrow{margin-top:30px}
.makingrow li{display:none}
.makingrow li .text{flex: 0 0 calc(62% - 10px);padding:50px;box-sizing:border-box;background:#eee}
.makingrow li .text .top{display:flex;align-items:center;padding-bottom:20px;margin-bottom:30px;border-bottom:1px solid #ddd}
.makingrow li .text .number{width:90px;height:90px;background:#0057b1 url(../image/numbj.png) no-repeat center bottom / contain;display:flex;align-items:center;justify-content:center;font-size:40px;font-family:BEBAS;color:#fff;margin-right:20px}
.makingrow li .text .text-box{font-size:30px;font-family:BEBAS;line-height:1.2;color:#0057b1}
.makingrow li .text .title{}
.makingrow li .text .bottom{}
.makingrow li .text .summary{color:#333;font-weight:bold;font-size:22px}
.makingrow li .text .bottom p{color:#666;font-size:18px;margin-top:20px}
.makingrow li .img{flex: 0 0 calc(38% - 10px);}
.makingrow li .img img{width:100%;float:left}
.makingrow li.on{display:flex;justify-content:space-between}

.line{}
.linebt{margin-top:40px;display:flex;justify-content:space-between}
.linebt li{padding:40px;flex:0 0 calc(20% - 15px);background:#eee;box-sizing:border-box;list-style:none;display:flex;align-items:center;justify-content: center;}
.linebt li svg{width:60px;height:60px;margin-right:25px}
.linebt li span{color:#000;font-size:24px;font-weight:bold;line-height:1.2}
.linebt li.on{background:#0057b1}
.linebt li.on svg path{fill:#FFF}
.linebt li.on span{color:#fff}
.linerow{margin-top:30px}
.linerow li{display:none}
.linerow li .text{flex:0 0 calc(50% - 15px);padding:50px;box-sizing:border-box;background:#eee}
.linerow li .text .top{display:flex;align-items:center;padding-bottom:20px;margin-bottom:30px;border-bottom:1px solid #ddd}
.linerow li .text .number{width: 140px;flex: 0 0 140px;height:90px;background: #0057b1 url(../image/numbj.png) no-repeat center bottom / contain;display:flex;align-items:center;justify-content:center;font-size:40px;font-family:BEBAS;color:#fff;margin-right:20px}
.linerow li .text .text-box{font-size:30px;font-family:BEBAS;line-height:1.2;color:#0057b1}
.linerow li .text .title{}
.linerow li .text .bottom{}
.linerow li .text .summary{color:#333;font-weight:bold;font-size:22px}
.linerow li .text .bottom p{color:#666;font-size:18px;margin-top:20px}
.linerow li .img{flex:0 0 calc(50% - 15px)}
.linerow li .img img{width:100%;float:left;max-width: 690px;}
.linerow li.on{display:flex;justify-content:space-between}

@media only screen and (max-width: 768px) {
	.ywk-index-banner{margin-top:60px}
    .ywk-index-banner-scroll{display:none}
    .ywk-index-banner .ywk-index-banner-container.left .text{width: 94%;transform: translate(-50%,-50%)!important;}
    .ywk-index-banner .text .viewmore{display:none}
    .ywk-index-banner .text .title-2{font-size: 20px;}
    .ywk-index-banner .text .title-2:before{display:none;}
    .ywk-index-banner .text .line-3{display:none}
    .ywk-index-banner .text .text-4 span{margin-top:8px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
    .banner-title h2,.ywk-title h2{font-size:20px;line-height:20px}
}


@media only screen and (max-width: 1400px) {
	.ywk-index-banner .text .title-2{font-size:52px;}
	.ywk-index-banner .text .text-4 img{max-width: 35%;}
	.mkdf-section-title-holder.mkdf-st-split .mkdf-st-title{font-size:48px;}
}
@media only screen and (max-width: 1280px) {
	.mkdf-page-header .mkdf-menu-area .mkdf-vertical-align-containers{padding:20px 35px;}
	.ywk-index-banner .text .title-2{font-size:40px;}
	.mkdf-search-widget{display:none;}
	.mkdf-sticky-header .mkdf-search-widget{display:inline-flex;}
	.mkdf-section-title-holder.mkdf-st-split .mkdf-st-title{font-size:36px;}
	.mkdf-content .mkdf-content-inner>.mkdf-container>.mkdf-container-inner, .mkdf-content .mkdf-content-inner>.mkdf-full-width>.mkdf-full-width-inner{padding-top:20px;}
	.vc_custom_1567695369601{padding-bottom:20px!important;padding-top: 0px !important;}
	.makingbt li span{font-size:20px;}
	.makingrow li .text .bottom p{font-size:16px;}
	.mkdf-dual-image-carousel.swiper-container .swiper-wrapper .mkdf-slide-info .mkdf-slide-title,.mkdf-blog-list-holder .mkdf-post-title{font-size:18px;}
	.linerow li .text .text-box{font-size:24px;}
	.linerow li .text .summary{font-size:20px;}
	.linerow li .text .bottom p{font-size:16px;}
	.linerow li .text .number{font-size:30px;}
	.linebt li{padding:20px;}
	.linebt li span{font-size:16px;}
}
@media only screen and (max-width: 1040px) {
	.ywk-index-banner .text .title-2{font-size:28px;}
	.mkdf-section-title-holder.mkdf-st-split .mkdf-st-title{font-size:26px;}
	.makingbt li span{font-size:18px;}
	.makingrow li .text .bottom p{font-size:15px;}
	.linerow li .text .text-box{font-size:20px;}
	.linerow li .text .summary{font-size:18px;}
	.linerow li .text .bottom p{font-size:15px;}
	.linerow li .text .number{font-size:26px;}
	.linerow li .text{padding:20px;}
	.makingrow li .text{padding:20px;}
}
@media only screen and (max-width: 768px) {
	.ywk-index-banner .text .title-2{width: 50%;font-size: 22px;}
	.mkdf-section-title-holder.mkdf-st-split .mkdf-st-title{font-size:20px;text-align: center;}
	.mkdf-section-title-holder.mkdf-st-split .mkdf-st-inner p{font-size:14px;}
	.makingbt li span{font-size:16px;}
	.makingrow li .text .bottom p{font-size:14px;}
	.linerow li .text .text-box{font-size:18px;}
	.linerow li .text .summary{font-size:16px;}
	.linerow li .text .bottom p{font-size:14px;}
	.linerow li .text .number{font-size:24px;}
	.linebt li{padding:10px;flex: 0 0 calc(20% - 5px);}
	.linebt li span{font-size:14px;}
	.line{width:94%;margin: 0 auto;}

	.mkdf-banner-holder .mkdf-banner-title{font-size:18px;min-height: auto;}
	.mkdf-mobile-header{position: fixed;width: 100%;}
	.mkdf-mobile-header .mkdf-mobile-menu-opener.mkdf-mobile-menu-opener-predefined{min-height:60px;}
	.mkdf-mobile-header .mkdf-mobile-header-inner{height:60px;}
	.mkdf-mobile-header .mkdf-vertical-align-containers{padding-left: 10px;}
	.mkdf-content{margin-top:0!important}
	.ywk-index-banner .ywk-index-banner-container .img img{height:100%!important;width:auto!important;}

	.mkdf-grid-col-3:nth-child(1){width:100%}
	.mkdf-grid-col-3:nth-child(2){width:100%}
	.mkdf-grid-col-3:nth-child(3){width:100%}
	.mkdf-grid-col-3:nth-child(4){width:100%}

	.making{width: 94%;margin:0 auto;display:block}
	.makingbt{margin-top:40px;display:flex;justify-content:space-between;flex-wrap: wrap;}
	.makingbt li{padding: 10px;flex: 0 0 49%;background:#eee;box-sizing:border-box;list-style:none;display:flex;align-items:center;margin-bottom: 5px;font-size: 13px;}
	.makingbt li svg{width: 40px;height: 40px;margin-right: 20px;}
	.makingbt li span{color:#000;font-size: 14px;font-weight:bold;line-height:1.2}
	.makingbt li.on{background:#0057b1}
	.makingbt li.on svg path{fill:#FFF}
	.makingbt li.on span{color:#fff}
	.makingrow{margin-top: 10px;}
	.makingrow li{display:none;flex-wrap: wrap;}
	.makingrow li .text{flex: 0 0 100%;padding: 15px;box-sizing:border-box;background:#eee}
	.makingrow li .text .top{display:flex;align-items:center;padding-bottom:20px;margin-bottom:30px;border-bottom:1px solid #ddd}
	.makingrow li .text .number{width:90px;height: 60px;background:#0057b1 url(../image/numbj.png) no-repeat center bottom / contain;display:flex;align-items:center;justify-content:center;font-size: 30px;font-family:BEBAS;color:#fff;margin-right:20px}
	.makingrow li .text .text-box{font-size: 20px;font-family:BEBAS;line-height:1.2;color:#0057b1}
	.makingrow li .text .title{}
	.makingrow li .text .bottom{}
	.makingrow li .text .summary{color:#333;font-weight:bold;font-size: 20px;}
	.makingrow li .text .bottom p{color:#666;font-size: 15px;margin-top:20px}
	.makingrow li .img{flex: 0 0 100%;}
	.makingrow li .img img{width:100%;float:left}
	.makingrow li.on{display:flex;justify-content:space-between}

	.line{}
	.linebt{margin-top:40px;display:flex;justify-content:space-between;margin-bottom: 0;}
	.linebt li{padding: 10px;flex: 0 0 calc(20% - 5px);background:#eee;box-sizing:border-box;list-style:none;display:flex;align-items:center;justify-content: center;}
	.linebt li svg{width:60px;height:60px;margin-right:25px}
	.linebt li span{color:#000;font-size: 15px;font-weight:bold;line-height:1.2}
	.linebt li.on{background:#0057b1}
	.linebt li.on svg path{fill:#FFF}
	.linebt li.on span{color:#fff}
	.linerow{margin-top: 10px;}
	.linerow li{display:none}
	.linerow li .text{flex: 0 0 100%;padding: 15px;box-sizing:border-box;background:#eee}
	.linerow li .text .top{display:flex;align-items:center;padding-bottom:20px;margin-bottom:30px;border-bottom:1px solid #ddd}
	.linerow li .text .number{width: 120px;flex: 0 0 120px;height: 60px;background: #0057b1 url(../image/numbj.png) no-repeat center bottom / contain;display:flex;align-items:center;justify-content:center;font-size: 26px;font-family:BEBAS;color:#fff;margin-right:20px}
	.linerow li .text .text-box{font-size: 20px;font-family:BEBAS;line-height:1.2;color:#0057b1}
	.linerow li .text .title{}
	.linerow li .text .bottom{}
	.linerow li .text .summary{color:#333;font-weight:bold;font-size: 18px;}
	.linerow li .text .bottom p{color:#666;font-size: 15px;margin-top:20px}
	.linerow li .img{flex: 0 0 100%;}
	.linerow li .img img{width:100%;float:left;max-width: 690px;}
	.linerow li.on{display:flex;justify-content:space-between;flex-wrap: wrap;}

	.vc_custom_1567695570353{    padding-bottom: 2rem;    padding-top: 2rem;}
	.vc_empty_space{height:30px!important}
	.mkdf-normal-space .mkdf-outer-space{width:94%;margin:0 auto}
	.mkdf-normal-space .mkdf-outer-space .mkdf-pli{width:calc(50% - 10px);flex: 0 0 calc(50% - 10px);}
	.mkdf-pl-holder .mkdf-pli .mkdf-pli-price,.mkdf-pl-holder .mkdf-pli .mkdf-pli-rating-holder{display:none}
	.mkdf-pl-holder .mkdf-pli .mkdf-pli-category,.mkdf-pl-holder .mkdf-pli .mkdf-pli-title{width:100%;}
	.mkdf-pl-holder .mkdf-pli-text-wrapper{margin-bottom:0!important;}
}