/*===============================slider======================*/
.swiper-slide img{width:100%;}
	.content-box{position:absolute; top:37%; left:10%; z-index:9;}
	.content1{  opacity:0;}
	.swiper-slide-active .content1{opacity:1; -webkit-animation: fadeInUp 300ms linear 300ms both;
  -moz-animation: fadeInUp 300ms linear 300ms both;
  -o-animation: fadeInUp 300ms linear 300ms both;
  -ms-animation: fadeInUp 300ms linear 300ms both;
  animation: fadeInUp 300ms linear 300ms both;
	opacity:1;
	}
	
	.content2{ opacity:0;}
	.swiper-slide-active .content2{opacity:1; -webkit-animation: fadeInUp 300ms linear 300ms both;
  -moz-animation: fadeInUp 300ms linear 900ms both;
  -o-animation: fadeInUp 300ms linear 900ms both;
  -ms-animation: fadeInUp 300ms linear 900ms both;
  animation: fadeInUp 300ms linear 900ms both;
	opacity:1;}
	.content3{ opacity:0;}
	.swiper-slide-active .content3{opacity:1; -webkit-animation: fadeInUp 300ms linear 300ms both;
  -moz-animation: fadeInUp 300ms linear 1200ms both;
  -o-animation: fadeInUp 300ms linear 1200ms both;
  -ms-animation: fadeInUp 300ms linear 1200ms both;
  animation: fadeInUp 300ms linear 1200ms both;
	opacity:1;}
	.content4{ opacity:0;}
	.swiper-slide-active .content4{opacity:1; -webkit-animation: fadeInUp 300ms linear 300ms both;
  -moz-animation: fadeInUp 300ms linear 1500ms both;
  -o-animation: fadeInUp 300ms linear 1500ms both;
  -ms-animation: fadeInUp 300ms linear 1500ms both;
  animation: fadeInUp 300ms linear 1500ms both;
	opacity:1;}

.white{background:#fff; padding:0px 20px;}
.slider{text-transform:none;}
.slider h1{font-family: 'Aileron-Thin'; font-size:43px; color:#fff; }
.black{background:#222; padding:0px 20px;}
.buy{background:#F37917; color:#fff; padding:10px 23px; display:inline-block; margin-top:12px;}
.buy:hover{background:#333; color:#fff;}
.slider h2{font-family: 'Arimo', sans-serif; font-size:34px; font-weight:700; color:#444; }