html, body{
	width:100%;
	height:100%;
	margin:0;
	overflow:hidden;
	
}

#productHolder{
	position:absolute;
	width:100%;
	height:100%;
	top:0;

	z-index:2
	
}
#outside{
	background-image:url(../sliderImages/extra/black.png);
	background-repeat:repeat;
	width:100%;
	height:100%;
	top:0;
	-webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
}
.blur{
	-webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
}

#parent {
	position: relative;
	height:100%;
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
}

#child {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 80%;
    height: 80%;
    margin: auto;
	max-width:600px;
	
}

.productTourHolder{
	border-top:1px #FFF solid;
	border-left:1px #CCC solid;
	border-right:1px #CCC solid;
	border-bottom:2px #333 solid;
	-moz-border-radius: 20px ;
    -webkit-border-radius: 20px ;
    -khtml-border-radius: 20px ;
    border-radius: 20px ;
	padding:20px;
	/*background-image:url(../sliderImages/extra/bg.png);
	background-repeat:repeat-x;
	background-size:100%;*/
	background-color:#F2F2F2;
	-webkit-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.75);
}
#productTourContent{
	height:100%;
}

#navigationHolder{
	text-align:center;
	position:absolute;
	bottom:15px;
	padding:20px 0px;
	text-align:center;
	background-image:url(../sliderImages/extra/black.png);
	background-repeat:repeat;
	width:100%;
	left:0px;
}

#dotsHolder{
	width:100%;
	margin:auto;
}

.dots{
	width:10px;
	height:10px;
	-moz-border-radius: 5px ;
    -webkit-border-radius: 5px ;
    -khtml-border-radius: 5px ;
    border-radius: 5px ;
	margin:0px 3px;
	border:1px #CCC solid;
	display:inline-block;
	background-color:#333;
}
.dots:hover{
	border-color:#FFF;
	background-color:#F90;
	cursor:pointer;
}

.active{
	border-color:#FFF;
	background-color:#25d228;
}

.btnHolder{
	position:absolute;
	top:67%;
	left:0;
	width:100%;
	z-index:3;
}
.btns{
	height:80px;
	width:40px;
	
}

#prevBtn{
	float:left;
	background-image:url(../sliderImages/nav/prevBtn.png);
	background-repeat:no-repeat;
	background-size: 100% 100%;
	
}
#prevBtn:hover{
	background-image:url(../sliderImages/nav/prevBtn2.png);
	cursor:pointer;
}

#nextBtn{
	float:right;
	background-image:url(../sliderImages/nav/nextBtn.png);
	background-repeat:no-repeat;
	background-size: 100% 100%;
	
}
#nextBtn:hover{
	background-image:url(../sliderImages/nav/nextBtn2.png);
	cursor:pointer;
}

.slides{
	height:60%;
}
.img{
	height:100%;
	-moz-border-radius: 20px ;
    -webkit-border-radius: 20px ;
    -khtml-border-radius: 20px ;
    border-radius: 20px ;
	border-top:2px #333 solid;
	border-left:1px #CCC solid;
	border-right:1px #CCC solid;
	border-bottom:2px #FFF solid;
	background-repeat:no-repeat;
	background-size: 100% 100%;
}

.textContent{
	margin-top:10px;
	display: table;
	height:26%;
	width:100%;
	position:absolute;
	left:0;
}
section p {
	display: table-cell; 
  vertical-align: middle; 
  text-align: center; 
	vertical-align:middle;
	padding:0px 45px;
	font-size:16px;
	line-height:20px;
	background-color:#333;
	color:#FFF;
}
section img {
	margin-bottom:-5px;
}
#exittiny{
	position:absolute;
	border-top:1px #B3FFB3 solid;
	border-bottom:1px #030 solid;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
	right:5px;
	top:5px;
	-moz-border-radius: 20px ;
    -webkit-border-radius: 20px ;
    -khtml-border-radius: 20px ;
    border-radius: 20px ;
	background-color:#25d228;
	color:#FFF;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.25);
}

#exittiny:hover{
	cursor:pointer;
	background-color:#333;
	border-top:1px #999 solid;
	border-bottom:1px #000 solid;
}

.introbtnHolder{
	position:absolute;
	width:100%;
	left:0;
	bottom:30px;
	text-align:center;
	z-index:2;
}
.introbtns{
	border:1px blue solid;
	width:100px;
	height:30px;
	-moz-border-radius: 20px ;
    -webkit-border-radius: 20px ;
    -khtml-border-radius: 20px ;
    border-radius: 20px ;
	text-align:center;
	line-height:30px;
	display:inline-block;
	margin:0px 10px;
	
	border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.75);
   color: white;
}
.introbtns:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   cursor:pointer;
}


.arrow{
	width:40px;
	position:absolute;
}

.label{
	background-color:#FFF;
	border:2px #25d228 solid;
	-moz-border-radius: 10px ;
    -webkit-border-radius: 10px ;
    -khtml-border-radius: 10px ;
    border-radius: 10px ;
	padding:5px;
	text-align:center;
	position:absolute;
	width:60px;
	font-size:12px;
}
.box{
	position:absolute;
	-moz-border-radius: 10px ;
    -webkit-border-radius: 10px ;
    -khtml-border-radius: 10px ;
    border-radius: 10px ;
	border:2px #25d228 solid;
	
}

#slide2_Arrow1{
	top:8%;
	left:47%;
	-webkit-animation-name: slide2; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    animation-name: slide2;
    animation-duration: 1s;
	animation-iteration-count: infinite;
	/*-webkit-animation-delay: 1s; 
    animation-delay: 1s;*/
}
#slide2_Arrow2{
	top:8%;
	right:28%;
	-webkit-animation-name: slide2; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    animation-name: slide2;
    animation-duration: 1s;
	animation-iteration-count: infinite;
	/*-webkit-animation-delay: 1s;
    animation-delay: 1s;*/
}

#slide3_Arrow1{
	bottom:47%;
	left:43%;
	-webkit-animation-name: slide3; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    animation-name: slide3;
    animation-duration: 1s;
	animation-iteration-count: infinite;
	/*-webkit-animation-delay: 1s; 
    animation-delay: 1s;*/
}
#slide3_Arrow2{
	bottom:47%;
	right:43%;
	-webkit-animation-name: slide3; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    animation-name: slide3;
    animation-duration: 1s;
	animation-iteration-count: infinite;
	/*-webkit-animation-delay: 1s;
    animation-delay: 1s;*/
}
#slide3_label1{
	bottom:45%;
	left:30%;
}
#slide3_label2{
	bottom:45%;
	right:30%;
}

#slide4_Arrow1{
	bottom:47%;
	left:41.5%;
	-webkit-animation-name: slide4; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    animation-name: slide4;
    animation-duration: 1s;
	animation-iteration-count: infinite;
	/*-webkit-animation-delay: 1s; 
    animation-delay: 1s;*/
}
#slide4_Arrow2{
	bottom:47%;
	right:41.5%;
	-webkit-animation-name: slide4; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    animation-name: slide4;
    animation-duration: 1s;
	animation-iteration-count: infinite;
	/*-webkit-animation-delay: 1s;
    animation-delay: 1s;*/
}
#slide4_Arrow3{
	bottom:47%;
	right:4%;
	margin-right:5px;
	-webkit-animation-name: slide4; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    animation-name: slide4;
    animation-duration: 1s;
	animation-iteration-count: infinite;
	/*-webkit-animation-delay: 1s;
    animation-delay: 1s;*/
}
#slide4_label1{
	bottom:55%;
	left:30%;
}
#slide4_label2{
	bottom:55%;
	right:30%;
}
#slide4_label3{
	bottom:55%;
	right:11%;
	margin-right:2px;
}


#slide5_Arrow1{
	top:6%;
	right:35%;
	-webkit-animation-name: slide5;
    -webkit-animation-duration: 1s; 
    animation-name: slide5;
    animation-duration: 1s;
	animation-iteration-count: infinite;
	/*-webkit-animation-delay: 1s;
    animation-delay: 1s;*/
}
#slide5_Arrow2{
	bottom:47%;
	right:8%;
	margin-right:5px;
	-webkit-animation-name: slide4; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    animation-name: slide4;
    animation-duration: 1s;
	animation-iteration-count: infinite;
	/*-webkit-animation-delay: 1s;
    animation-delay: 1s;*/
}

#slide5_box1{
	
	width:20%;
	height:5%;
	top:7%;
	right:5%;
	-webkit-animation-name: slide3_box1; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    animation-name: slide3_box1;
    animation-duration: 1s;
	animation-iteration-count: infinite;
	/*-webkit-animation-delay: 1s; 
    animation-delay: 1s;*/
}
#slide5_label1{
	top:5%;
	right:35%;
	margin-top:5px;
}
#slide5_label2{
	bottom:61%;
	right:6%;
	margin-right:2px;
}

#slide6_Arrow1{
	top:3%;
	right:10%;
	-webkit-animation-name: slide6;
    -webkit-animation-duration: 1s; 
    animation-name: slide6;
    animation-duration: 1s;
	animation-iteration-count: infinite;
	/*-webkit-animation-delay: 1s;
    animation-delay: 1s;*/
}


#slide6_box1{
	
	width:15%;
	height:5%;
	top:3%;
	right:5%;
	-webkit-animation-name: slide3_box1; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    animation-name: slide3_box1;
    animation-duration: 1s;
	animation-iteration-count: infinite;
	/*-webkit-animation-delay: 1s; 
    animation-delay: 1s;*/
}
#slide6_label1{
	top:18%;
	right:7.5%;
	margin-top:5px;
}



#slide7_Arrow1{
	top:11%;
	left:40%;
	-webkit-animation-name: slide7;
    -webkit-animation-duration: 1s; 
    animation-name: slide7;
    animation-duration: 1s;
	animation-iteration-count: infinite;
	/*-webkit-animation-delay: 1s;
    animation-delay: 1s;*/
}
#slide7_label1{
	top:12%;
	left:66%;
}

#slide8_Arrow1{
	bottom:55%;
	left:42.5%;
	-webkit-animation-name: slide8;
    -webkit-animation-duration: 1s; 
    animation-name: slide8;
    animation-duration: 1s;
	animation-iteration-count: infinite;
	/*-webkit-animation-delay: 1s; 
    animation-delay: 1s;*/
}

#slide9_Arrow1{
	bottom:55%;
	left:50%;
	-webkit-animation-name: slide8;
    -webkit-animation-duration: 1s; 
    animation-name: slide8;
    animation-duration: 1s;
	animation-iteration-count: infinite;
	/*-webkit-animation-delay: 1s; 
    animation-delay: 1s;*/
}

#slide10_Arrow1{
	bottom:64%;
	left:16%;
	-webkit-animation-name: slide10a;
    -webkit-animation-duration: 1s; 
    animation-name: slide10a;
    animation-duration: 1s;
	animation-iteration-count: infinite;
	/*-webkit-animation-delay: 1s; 
    animation-delay: 1s;*/
}

#slide10_Arrow2{
	bottom:53%;
	right:11.5%;
	-webkit-animation-name: slide10b;
    -webkit-animation-duration: 1s; 
    animation-name: slide10b;
    animation-duration: 1s;
	animation-iteration-count: infinite;
	/*-webkit-animation-delay: 1s; 
    animation-delay: 1s;*/
}
#slide10_label1{
	bottom:62%;
	left:26%;
	margin-bottom:3px;
}
#slide10_label2{
	bottom:69%;
	right:8.5%;
	margin-right:3px;
}

#slide11_Arrow1{
	top:7%;
	right:4%;
	-webkit-animation-name: slide11;
    -webkit-animation-duration: 1s; 
    animation-name: slide11;
    animation-duration: 1s;
	animation-iteration-count: infinite;
	/*-webkit-animation-delay: 1s;
    animation-delay: 1s;*/
}

/*==================================================*/
.slide1Imgblur{
	background-image:url(../sliderImages/widerView/home.png);
}
.slide1Img{
	background-image:url(../sliderImages/widerView/home.png);
}
#slide2Img{
	background-image:url(../sliderImages/widerView/slide1.png);
}
#slide3Img{
	background-image:url(../sliderImages/widerView/slide1.png);
}
#slide4Img{
	background-image:url(../sliderImages/widerView/slide4.png);
}
#slide5Img{
	background-image:url(../sliderImages/widerView/slide4.png);
}
#slide6Img{
	background-image:url(../sliderImages/widerView/slide4.png);
}
#slide7Img{
	background-image:url(../sliderImages/widerView/slide8.png);
}
#slide8Img{
	background-image:url(../sliderImages/widerView/slide9.png);
}
#slide9Img{
	background-image:url(../sliderImages/widerView/slide9.png);
}
#slide10Img{
	background-image:url(../sliderImages/widerView/slide10.png);
}
#slide11Img{
	background-image:url(../sliderImages/widerView/slide11.png);
}
#slide12Img{
	background-image:url(../sliderImages/widerView/slide12.png);
}


/*=================================== animation ==========================================*/

/* slide 1*/
@-webkit-keyframes slide2 {
    0%   {top:2%;}
    50%  {top:4%;}
    100% {top:2%;}
}
@keyframes slide2 {
    0%   {top:2%;}
    50%  {top:4%;}
    100% {top:2%;}
}

/* slide 2*/
@-webkit-keyframes slide3 {
    0%   {right:7%;}
    50%  {right:5%;}
    100% {right:7%;}
}
@keyframes slide3 {
    0%   {right:7%;}
    50%  {right:5%;}
    100% {right:7%;}
}

@-webkit-keyframes slide3_box1 {
    0%   {
			opacity: 1;
    		filter: alpha(opacity=100);
		}
    50%  {
			opacity: 0;
    		filter: alpha(opacity=0);
		}
    100% {
			opacity: 1;
    		filter: alpha(opacity=100);
		}
}
@keyframes slide3_box1 {
    0%   {
			opacity: 1;
    		filter: alpha(opacity=100);
		}
    50%  {
			opacity: 0;
    		filter: alpha(opacity=0);
		}
    100% {
			opacity: 1;
    		filter: alpha(opacity=100);
		}
}
/* slide 3*/
@-webkit-keyframes slide3 {
    0%   {bottom:47%;}
    50%  {bottom:45%;}
    100% {bottom:47%;}
}
@keyframes slide3 {
    0%   {bottom:47%;}
    50%  {bottom:45%;}
    100% {bottom:47%;}
}

/* slide 4*/
@-webkit-keyframes slide4 {
    0%   {bottom:53%;}
    50%  {bottom:51%;}
    100% {bottom:53%;}
}
@keyframes slide4 {
    0%   {bottom:53%;}
    50%  {bottom:51%;}
    100% {bottom:53%;}
}

/* slide 5*/
@-webkit-keyframes slide5 {
    0%   {right:26%;}
    50%  {right:28%;}
    100% {right:26%;}
}
@keyframes slide5 {
     0%   {right:26%;}
    50%  {right:28%;}
    100% {right:26%;}
}
/* slide 6*/
@-webkit-keyframes slide6 {
    0%   {top:9%;}
    50%  {top:11%;}
    100% {top:9%;}
}
@keyframes slide6 {
    0%   {top:9%;}
    50%  {top:11%;}
    100% {top:9%;}
}

/* slide 7*/
@-webkit-keyframes slide7 {
    0%   {left:57%;}
    50%  {left:59%;}
    100% {left:57%;}
}
@keyframes slide7 {
    0%   {left:57%;}
    50%  {left:59%;}
    100% {left:57%;}
}
/* slide 8*/
@-webkit-keyframes slide8 {
    0%   {bottom:61%;}
    50%  {bottom:63%;}
    100% {bottom:61%;}
}
@keyframes slide8 {
    0%   {bottom:61%;}
    50%  {bottom:63%;}
    100% {bottom:61%;}
}

/* slide 9*/
@-webkit-keyframes slide9 {
    0%   {bottom:55%;}
    50%  {bottom:57%;}
    100% {bottom:55%;}
}
@keyframes slide9 {
    0%   {bottom:55%;}
    50%  {bottom:57%;}
    100% {bottom:55%;}
}

/* slide 10*/
@-webkit-keyframes slide10a {
    0%   {left:20%;}
    50%  {left:18%;}
    100% {left:20%;}
}
@keyframes slide10a {
    0%   {left:20%;}
    50%  {left:18%;}
    100% {left:20%;}
}

@-webkit-keyframes slide10b {
    0%   {bottom:61%;}
    50%  {bottom:63%;}
    100% {bottom:61%;}
}
@keyframes slide11b {
    0%   {bottom:61%;}
    50%  {bottom:63%;}
    100% {bottom:61%;}
}

/* slide 11*/
@-webkit-keyframes slide11{
    0%   {top:8%;}
    50%  {top:10%;}
    100% {top:8%;}
}

/*=================================== end animation ==========================================*/



@media only screen and (min-width: 901px) {
    body {
    }
}

@media only screen and (min-width: 701px) and (max-width: 900px) {
    body {
    }
}

@media only screen and (max-width: 700px) {
    body {
		min-width:325px;
    }
	.introbtnHolder{
		bottom:5px;
	}
	#child {
		width: 80%;
		height: 60%;
	}
	#navigationHolder{
		bottom:5px;
		padding:5px 0px;
		background-image:none;
	}
	
	.btnHolder{
		top:72%;
	}
	.btns{
		height:50px;
		width:30px;
	}
	#prevBtn{
		margin-left:0px;
	}
	#nextBtn{
		margin-right:0px;
	}
	.textContent{
		margin-top:20px;
	}

	.img{
		background-size: 100% 100%;
		background-position: center;
		background-color:#333;
	}
	
	.arrow{
		width:20px;
	}
	.label{
		font-size:10px;
	}
	#slide3_box1{
		width:38%;
		height:32%;
		top:16%;
		right:13%;
	}
	section p {
		font-size:12px;
	}
	
	#slide3_Arrow1{
		bottom:47%;
		left:44%;
		-webkit-animation-name: slide3; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
		animation-name: slide3;
		animation-duration: 1s;
		animation-iteration-count: infinite;
		/*-webkit-animation-delay: 1s; 
		animation-delay: 1s;*/
	}
	#slide3_Arrow2{
		bottom:47%;
		right:44%;
		-webkit-animation-name: slide3; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
		animation-name: slide3;
		animation-duration: 1s;
		animation-iteration-count: infinite;
		/*-webkit-animation-delay: 1s;
		animation-delay: 1s;*/
	}
	#slide3_label1{
		bottom:45%;
		left:29%;
	}
	#slide3_label2{
		bottom:45%;
		right:29%;
	}
	
	#slide4_Arrow1{
		bottom:47%;
		left:43%;
		-webkit-animation-name: slide4; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
		animation-name: slide4;
		animation-duration: 1s;
		animation-iteration-count: infinite;
		/*-webkit-animation-delay: 1s; 
		animation-delay: 1s;*/
	}
	#slide4_Arrow2{
		bottom:47%;
		right:43%;
		-webkit-animation-name: slide4; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
		animation-name: slide4;
		animation-duration: 1s;
		animation-iteration-count: infinite;
		/*-webkit-animation-delay: 1s;
		animation-delay: 1s;*/
	}
	#slide4_Arrow3{
		bottom:47%;
		right:6%;
		margin-right:5px;
		-webkit-animation-name: slide4; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
		animation-name: slide4;
		animation-duration: 1s;
		animation-iteration-count: infinite;
		/*-webkit-animation-delay: 1s;
		animation-delay: 1s;*/
	}
	#slide4_label1{
		bottom:50%;
		left:28%;
	}
	#slide4_label2{
		bottom:50%;
		right:28%;
	}
	#slide4_label3{
		bottom:55%;
		right:11%;
		margin-right:2px;
	}

	
	/*#slide5_label1{
		bottom:45%;
		left:21%;
	}
	#slide5_label2{
		bottom:45%;
		right:21%;
	}*/
	#slide5_Arrow1{
		top:9%;
		right:35%;
		-webkit-animation-name: slide5;
		-webkit-animation-duration: 1s; 
		animation-name: slide5;
		animation-duration: 1s;
		animation-iteration-count: infinite;
		/*-webkit-animation-delay: 1s;
		animation-delay: 1s;*/
	}
	#slide5_Arrow2{
		bottom:47%;
		right:10%;
		margin-right:5px;
		-webkit-animation-name: slide4; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
		animation-name: slide4;
		animation-duration: 1s;
		animation-iteration-count: infinite;
		/*-webkit-animation-delay: 1s;
		animation-delay: 1s;*/
	}
	
	#slide5_box1{
		
		width:20%;
		height:5%;
		top:8.5%;
		right:5%;
		-webkit-animation-name: slide3_box1; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
		animation-name: slide3_box1;
		animation-duration: 1s;
		animation-iteration-count: infinite;
		/*-webkit-animation-delay: 1s; 
		animation-delay: 1s;*/
	}
	#slide5_label1{
		top:6%;
		right:33%;
		margin-top:5px;
	}
	#slide5_label2{
		bottom:59%;
		right:6%;
		margin-right:2px;
	}
	
	
	
	#slide6_Arrow1{
		top:3%;
		right:12%;
		-webkit-animation-name: slide6;
		-webkit-animation-duration: 1s; 
		animation-name: slide6;
		animation-duration: 1s;
		animation-iteration-count: infinite;
		/*-webkit-animation-delay: 1s;
		animation-delay: 1s;*/
	}
	
	
	#slide6_box1{
		
		width:15%;
		height:5%;
		top:4%;
		right:6%;
		-webkit-animation-name: slide3_box1; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
		animation-name: slide3_box1;
		animation-duration: 1s;
		animation-iteration-count: infinite;
		/*-webkit-animation-delay: 1s; 
		animation-delay: 1s;*/
	}
	#slide6_label1{
		top:15%;
		right:7.5%;
		margin-top:5px;
	}
	

	
	#slide7_Arrow1{
		top:13.5%;
		left:40%;
		-webkit-animation-name: slide7;
		-webkit-animation-duration: 1s; 
		animation-name: slide7;
		animation-duration: 1s;
		animation-iteration-count: infinite;
		/*-webkit-animation-delay: 1s;
		animation-delay: 1s;*/
	}
	#slide7_label1{
		top:13%;
		left:63%;
	}
	
	#slide8_Arrow1{
		bottom:55%;
		left:44%;
		-webkit-animation-name: slide8;
		-webkit-animation-duration: 1s; 
		animation-name: slide8;
		animation-duration: 1s;
		animation-iteration-count: infinite;
		/*-webkit-animation-delay: 1s; 
		animation-delay: 1s;*/
	}
	
	
	#slide9_Arrow1{
		bottom:55%;
		left:51%;
		-webkit-animation-name: slide8;
		-webkit-animation-duration: 1s; 
		animation-name: slide8;
		animation-duration: 1s;
		animation-iteration-count: infinite;
		/*-webkit-animation-delay: 1s; 
		animation-delay: 1s;*/
	}
	
	
	#slide10_Arrow1{
		bottom:64.5%;
		left:22%;
		-webkit-animation-name: slide10a;
		-webkit-animation-duration: 1s; 
		animation-name: slide10a;
		animation-duration: 1s;
		animation-iteration-count: infinite;
		/*-webkit-animation-delay: 1s; 
		animation-delay: 1s;*/
	}
	
	#slide10_Arrow2{
		bottom:55%;
		right:13.5%;
		-webkit-animation-name: slide10b;
		-webkit-animation-duration: 1s; 
		animation-name: slide10b;
		animation-duration: 1s;
		animation-iteration-count: infinite;
		/*-webkit-animation-delay: 1s; 
		animation-delay: 1s;*/
	}
	#slide10_label1{
		bottom:60%;
		left:25%;
		margin-bottom:3px;
	}
	#slide10_label2{
		bottom:65.5%;
		right:7.5%;
		margin-right:3px;
	}
	
	#slide11_Arrow1{
		top:7%;
		right:6.5%;
		-webkit-animation-name: slide11;
		-webkit-animation-duration: 1s; 
		animation-name: slide11;
		animation-duration: 1s;
		animation-iteration-count: infinite;
		/*-webkit-animation-delay: 1s;
		animation-delay: 1s;*/
	}
		

	


/*=================================== animation ==========================================*/

/* slide 2*/
@-webkit-keyframes slide2 {
    0%   {top:6%;}
    50%  {top:8%;}
    100% {top:6%;}
}
@keyframes slide2 {
    0%   {top:6%;}
    50%  {top:8%;}
    100% {top:6%;}
}

/* slide 3*/
@-webkit-keyframes slide3 {
    0%   {right:7%;}
    50%  {right:5%;}
    100% {right:7%;}
}
@keyframes slide3 {
    0%   {right:7%;}
    50%  {right:5%;}
    100% {right:7%;}
}

@-webkit-keyframes slide3_box1 {
    0%   {
			opacity: 1;
    		filter: alpha(opacity=100);
		}
    50%  {
			opacity: 0;
    		filter: alpha(opacity=0);
		}
    100% {
			opacity: 1;
    		filter: alpha(opacity=100);
		}
}
@keyframes slide3_box1 {
    0%   {
			opacity: 1;
    		filter: alpha(opacity=100);
		}
    50%  {
			opacity: 0;
    		filter: alpha(opacity=0);
		}
    100% {
			opacity: 1;
    		filter: alpha(opacity=100);
		}
}

/* slide 3*/
@-webkit-keyframes slide3 {
    0%   {bottom:47%;}
    50%  {bottom:45%;}
    100% {bottom:47%;}
}
@keyframes slide3 {
    0%   {bottom:47%;}
    50%  {bottom:45%;}
    100% {bottom:47%;}
}
/* slide 4*/
@-webkit-keyframes slide4 {
    0%   {bottom:54%;}
    50%  {bottom:52%;}
    100% {bottom:54%;}
}
@keyframes slide4 {
    0%   {bottom:54%;}
    50%  {bottom:52%;}
    100% {bottom:54%;}
}

/* slide 5*/
@-webkit-keyframes slide5 {
    0%   {right:26%;}
    50%  {right:28%;}
    100% {right:26%;}
}
@keyframes slide5 {
     0%   {right:26%;}
    50%  {right:28%;}
    100% {right:26%;}
}

/* slide 6*/
@-webkit-keyframes slide6 {
    0%   {top:9%;}
    50%  {top:11%;}
    100% {top:9%;}
}
@keyframes slide6 {
    0%   {top:9%;}
    50%  {top:11%;}
    100% {top:9%;}
}

/* slide 7*/
@-webkit-keyframes slide7 {
    0%   {left:57%;}
    50%  {left:59%;}
    100% {left:57%;}
}
@keyframes slide7 {
    0%   {left:57%;}
    50%  {left:59%;}
    100% {left:57%;}
}
/* slide 8*/
@-webkit-keyframes slide8 {
    0%   {bottom:63%;}
    50%  {bottom:61%;}
    100% {bottom:63%;}
}
@keyframes slide8 {
    0%   {bottom:63%;}
    50%  {bottom:61%;}
    100% {bottom:63%;}
}

/* slide 9*/
@-webkit-keyframes slide9 {
    0%   {bottom:55%;}
    50%  {bottom:57%;}
    100% {bottom:55%;}
}
@keyframes slide9 {
    0%   {bottom:55%;}
    50%  {bottom:57%;}
    100% {bottom:55%;}
}

/* slide 11*/
@-webkit-keyframes slide10a {
    0%   {left:19%;}
    50%  {left:21%;}
    100% {left:19%;}
}
@keyframes slide10a {
    0%   {left:19%;}
    50%  {left:21%;}
    100% {left:19%;}
}

@-webkit-keyframes slide10b {
    0%   {bottom:61%;}
    50%  {bottom:63%;}
    100% {bottom:61%;}
}
@keyframes slide10b {
    0%   {bottom:61%;}
    50%  {bottom:63%;}
    100% {bottom:61%;}
}

/* slide 12*/
@-webkit-keyframes slide11 {
    0%   {top:9%;}
    50%  {top:11%;}
    100% {top:9%;}
}

/*=================================== end animation ==========================================*/



}