@keyframes blurAnimation {
		    0% {
		     filter: blur(0px);   
		    }
		    100% {
		     filter: blur(2px);
		    }
		}
		@-ms-keyframes blurAnimation {
		    0% {
		     -ms-filter: blur(0px);   
		    }
		    100% {
		     -ms-filter: blur(2px);
		    }
		}
		@-moz-keyframes blurAnimation {
		    0% {
		     -moz-filter: blur(0px);   
		    }
		    100% {
		     -moz-filter: blur(2px);
		    }
		}
		@-webkit-keyframes blurAnimation {
		    0% {
		     -webkit-filter: blur(0px);   
		    }
		    100% {
		     -webkit-filter: blur(2px);
		    }
		}
		@keyframes unblurAnimation {
		    0% {
		     filter: blur(2px);   
		    }
		    100% {
		     filter: blur(0px);
		    }
		}
		@-ms-keyframes unblurAnimation {
		    0% {
		     -ms-filter: blur(2px);   
		    }
		    100% {
		     -ms-filter: blur(0px);
		    }
		}
		@-moz-keyframes unblurAnimation {
		    0% {
		     -moz-filter: blur(2px);   
		    }
		    100% {
		     -moz-filter: blur(0px);
		    }
		}
		@-webkit-keyframes unblurAnimation {
		    0% {
		     -webkit-filter: blur(2px);   
		    }
		    100% {
		     -webkit-filter: blur(0px);
		    }
		}
		.css-carousel .css-carousel-slide {
			text-align: center;
		}
		.css-carousel span {
			position: relative;
			width: 71%;
			height: 100%;
			display: inline-block;
		}
		.css-carousel .css-carousel-slide img {
			-webkit-animation: blurAnimation 200ms forwards;
			-moz-animation: blurAnimation 200ms forwards;
			-ms-animation: blurAnimation 200ms forwards;
			animation: blurAnimation 200ms forwards;
			width: 100%;
			position: absolute;
			bottom: 12%;
			left: 0px;
			box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.26);
		}
		.css-carousel .mask-left, .css-carousel .mask-right {
			background-color: rgba(255,255,255,0.7);
			height: 100%;
			width: 36%;
			position: absolute;
			top: 0;
			left: 0;
		}
		.css-carousel .mask-right {
			left: auto;
			right: 0;
		}
		.css-carousel .css-carousel-slide.active img {
			box-shadow: none;
			-webkit-animation: unblurAnimation 500ms forwards;
			-moz-animation: unblurAnimation 500ms forwards;
			-ms-animation: unblurAnimation 500ms forwards;
			animation: unblurAnimation 500ms forwards;
		}
		.css-carousel {
			margin-left: -1015px;
			left: 50%;
			width: 2030px;
			position: relative;
			-webkit-transform: translate3d(0,0,0);
			-moz-transform: translate3d(0,0,0);
			-ms-transform: translate3d(0,0,0);
			transform: translate3d(0,0,0);
		}
		.css-carousel .css-carousel-buttons {
			height: 0;
		}
		.css-carousel .css-carousel-buttons .css-carousel-button-left, .css-carousel .css-carousel-buttons .css-carousel-button-right {
			position: absolute;
			width: 10%;
			top: 40%;
			height: 20%;
			background-repeat: no-repeat;
			background-size: top 30%;
			cursor: pointer;
		}
		.css-carousel-button-left {
			left: 32%;
			background-image: url(/National_Library/oe_/https://h5mag.com/img/slider/left.png);
			background-position: left center;
		}
		.css-carousel-button-right {
			right: 32%;
			background-image: url(/National_Library/oe_/https://h5mag.com/img/slider/right.png);
			background-position: right center;
		}
		.css-carousel .css-carousel-main .mask {
			z-index: 1;
			pointer-events: none;
			background-image: url(/National_Library/oe_/https://h5mag.com/img/slider/ipad.png);
			background-size: 30%;
			background-position: center center;
			background-repeat: no-repeat;
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
		}
		.css-carousel-main:before {
			content: '';
			width: 24%;
			position: absolute;
			top: 11.7%;
			height: 80%;
			left: 38%;
			background-color: #000000;
			background-image: url('/National_Library/oe_/https://h5mag.com/img/slider/ipad-browser.png');
			background-size: cover;
		}