@charset 'UTF-8';



.back {
	background:url('/store/images/Laptop-Range-Selection-Back-2.jpg');
	opacity:100%;position:absolute;height:1236px;width:10000px;margin-top:1365px;left:50%;margin-left:600px;z-index:3000!important;
}

.back2 {
	background:url('/store/images/Laptop-Range-Selection-Back-2.jpg');
	opacity:100%;position:absolute;height:1236px;width:10000px;margin-top:1365px;right:50%;margin-right:600px;z-index:3000!important;
}

.backu {
	background:url('/store/images/Laptop-Range-Selection-Back-U-2.jpg');
	opacity:100%;position:absolute;height:1236px;width:10000px;margin-top:1365px;left:50%;margin-left:600px;z-index:3000!important;
}

.back2u {
	background:url('/store/images/Laptop-Range-Selection-Back-U-2.jpg');
	opacity:100%;position:absolute;height:1236px;width:10000px;margin-top:1365px;right:50%;margin-right:600px;z-index:3000!important;
}


#testan {
  	 transition: transform 0.8s;
	background:rgb(0,0,0,.1);
 	 transition: 0.8s;
}


#testan.hover {
 	 transition: 0.8s;
	 background-color:#31ed2d;
}


#testan1 {
  	 transition: transform 0.8s;
	background:rgb(0,0,0,.1);
 	 transition: 0.8s;
}


#testan1.hover {
 	 transition: 0.8s;
	 background-color:#31ed2d;
}


#testan2 {
  	 transition: transform 0.8s;
	background:rgb(0,0,0,.1);
 	 transition: 0.8s;
}


#testan2.hover {
 	 transition: 0.8s;
	 background-color:#31ed2d;
}


#testan3 {
  	 transition: transform 0.8s;
	background:rgb(0,0,0,.1);
 	 transition: 0.8s;
}


#testan3.hover {
 	 transition: 0.8s;
	 background-color:#31ed2d;
}


.zoom8 {
transition: transform .4s;
}

.zoom8:hover {
transform: scale(1.02);
}


#image0 {
transition: transform .4s;
}

#image0.zoom {
transform: scale(1.02);
}


.deep10 {
 	 transition: 0.3s;
	border:1px solid rgb(0,0,0,0);
	transition: transform .4s;


}


.deep10.hover {
 	 transition: 0.5s;
	transform: scale(1.1);
}

@keyframes widthtest {

	 to {width: 120px;}
   	 //0% {margin-left:120px;}
	//100% {margin-left:0px;}
}



}
#deep {
 	 transition: 0.3s;
	border:1px solid rgb(0,0,0,0);

}


#deep.hover {
 	 transition: 0.3s;
	background:#c8dbe9;
	border:1px solid rgb(0,0,0,.1);
	border-radius:10px;
}


#deep1 {
 	 transition: 0.3s;
	border:1px solid rgb(0,0,0,0);

}


#deep1.hover {
 	 transition: 0.3s;
	background:#c8dbe9;
	border:1px solid rgb(0,0,0,.1);
	border-radius:10px;
}

.hltext {font-weight:normal;font-size:13px;cursor:pointer;scale:.9;}
.hltext:hover {font-weight:bold;font-family:trueno;scale:0.95;}


.popup3 {

	scale:1;
	transition:.5s;
	background:url('/store/images/Gaming-Button-BG.jpg');
}

.popup3:hover {

	background: url('/store/images/Gaming-Button-BG-1.jpg');
	scale:1.01;
	transition:1s;
	cursor:pointer;

}



.popup2 {

	border:1px solid rgb(0,0,0,.2);
	scale:1;
	transition:.1s;
	background:rgb(0,0,0,0.05);

}

.popup2:hover {

	border:2px solid rgb(0,0,0,.3);
	scale:1.02;
	transition:.1s;
	background:rgb(0,0,0,0.1);

}


.popup2u {

	border:1px solid rgb(255,255,255,.5);
	scale:1;
	transition:.1s;
	background:rgb(255,255,255,0.2);

}

.popup2u:hover {

	border:2px solid rgb(255,255,255,1);
	scale:1.02;
	transition:.1s;
	background:rgb(255,255,255,0.4);

}



.popup {

	background: url('/store/images/popup-2.png');
	background:url('/store/images/popup-1.png');
	margin-top:-25px;margin-left:360px;z-index:5000;
	transition:1s;
	scale:.8;
}

.popup.hover {

	background:url('/store/images/popup-2.png');
	transition:.7s;
	margin-top:-23px;margin-left:350px;z-index:5000;
	transform:scale(1.3,1.3) rotateY(180deg);
}

.popup:hover {

	background:url('/store/images/popup-2.png');
	transition:.7s;
	margin-top:-23px;margin-left:350px;z-index:5000;
	transform:scale(1.3,1.3) rotateY(180deg);
}


.popupw {

	background: url('/store/images/popupw-2.png');
	background:url('/store/images/popupw-1.png');
	margin-top:-25px;margin-left:360px;z-index:5000;
	transition:1s;
	scale:.8;
}

.popupw.hover {

	background:url('/store/images/popupw-2.png');
	transition:.7s;
	margin-top:-23px;margin-left:350px;z-index:5000;
	transform:scale(1.3,1.3) rotateY(180deg);
}

.popupw:hover {

	background:url('/store/images/popupw-2.png');
	transition:.7s;
	margin-top:-23px;margin-left:350px;z-index:5000;
	transform:scale(1.3,1.3) rotateY(180deg);
}


.popupinfo {

	box-shadow: 1px 1px 5px 5px rgb(0,0,0,.1);
	border:1px solid rgb(0,0,0,.4);
	scale:1;
	transition:.1s;
	background:#e5e9eb;

}

.popupinfo:hover {

	border:1px solid rgb(0,0,0,.7);
	scale:1.1;
	transition:.1s;
	background:#e5e9eb;

}


.popupinfo .popup1 {

	background: url('/store/images/popup-2.png');
	background:url('/store/images/popup-1.png');
	margin-top:-25px;margin-left:-9px;z-index:5000;
	transform:scale(1,1) rotateY(0deg);
	transition:1s;
	scale:.8;
}

.popup1.hover {

	background:url('/store/images/popup-2.png');
	transition:.7s;
	margin-top:-23px;margin-left:0px;z-index:5000;
	transform:scale(1.3,1.3) rotateY(180deg);
}

.popupinfo:hover .popup1 {

	background:url('/store/images/popup-2.png');
	transition:.7s;
	margin-top:-23px;margin-left:0px;z-index:5000;
	transform:scale(1.3,1.3) rotateY(180deg);

}


#popup:before {
  content: url('/store/images/popup-2.png') url('/store/images/Gaming-Button-BG-1.jpg');
  visibility:hidden;
}


#popup-rev {

	margin-top:-10px;margin-left:0px;z-index:5000;
	transition:1s;
	scale:1;
}


.rotaterm {

visibility:hidden;

}

.rotaterm.hover {
	animation-name: revealon;
	animation-iteration-count: forwards;
        animation-duration: 100s;

}


.loadrevealrotate {
opacity: 0;

}

.loadrevealrotate.hover {
	animation: revealon 2.5s forwards;
	animation-timing-function: ease-out linear;

}



@keyframes revealon {
    0% { opacity: 0;  visibility:hidden;transform: rotate(30deg) scale(1.2); }
    //15% {visibility:visible; }
    //35% {visibility:visible;transform: }
    50% { opacity: 0.5;}
    //75% { opacity: 0.75; visibility:visible;transform: }
    100% { opacity: 1; visibility:visible;transform: rotate(0deg) scale(1); }
}

.loadrevealrotatem {
opacity: 0;

}

.loadrevealrotatem.hover {
	animation: revealonm 2.5s forwards;
	animation-timing-function: ease-out linear;

}



@keyframes revealonm {
    0% { opacity: 0;  visibility:hidden;transform: rotate(30deg) scale(1.2); }
    //15% {visibility:visible; }
    //35% {visibility:visible;transform: }
    50% { opacity: 0.5;}
    //75% { opacity: 0.75; visibility:visible;transform: }
    100% { opacity: 1; visibility:visible;transform: rotate(-30deg) scale(1); }
}

.hoverF {
	visibility:hidden;
	opacity:0;
	height:1600px;width:1600px;padding:9px;
	//box-shadow: 0px 0px 4px 4px rgb(0,0,0,.05);
	//font-weight:bold;color:#black;font-family:trueno;font-size:18px;letter-spacing:0px;text-align:center;
  	//transition-delay:2s;
 	transform: rotatex(-90deg);
	transition: opacity 2s, transform 0s;
}



.hoverF.hover {
	height:1600px;width:1600px;padding:9px;
	//animation: reveal .5s forwards;
	animation-duration:1.5s ease;
	animation-fill-mode:both;
	z-index:5000;
	visibility:visible;
	opacity:1;
	transition: transform .15s, opacity 1s;
 	transform: rotatex(0deg);

}



//.hoverR {

	animation: revealr 3s forwards;
	//box-shadow: 0px 0px 4px 4px rgb(0,0,0,.05);
}





.onloadreveal {

	//visibility:hidden;
	opacity:0;
}

.onloadreveal.hover {

	animation: 3s moveup ease-out forwards;
	//animation-timing-function:

}

.onloadreveal3 {

	//visibility:hidden;
	opacity:0;
}

.onloadreveal3.hover {

	animation: 6s moveup1 ease-out forwards;
	animation-delay: 2.5s;
	//animation-timing-function:

}

.onloadreveal2 {

	//visibility:hidden;
	opacity:0;
}

.onloadreveal2.hover {

	animation: 2s moveup1 ease-out forwards;
	//animation-timing-function:

}


.onloadreveal2-delay {

	//visibility:hidden;
	opacity:0;
}

.onloadreveal2-delay.hover {

	animation: 4s moveup1 ease-out forwards;
	animation-delay:3s;

}

.onloadreveal3-delay {

	//visibility:hidden;
	opacity:0;
}

.onloadreveal3-delay.hover {

	animation: 4s moveup1 ease-out forwards;
	animation-delay:3s;

}

.onloadrevealbar {

	//visibility:hidden;
	opacity:1;
	width:0px;
	display:block;
	height:46px;
	text-align:right;
	overflow:hidden;
	direction: rtl;
}

.onloadrevealbar.hover {

	animation: 4s moveup5bari ease-out forwards;
	direction: rtl;
	//animation-delay:5s;

}

.onloadrevealbar2 {

	//visibility:hidden;
	opacity:1;
	width:0px;
	display:block;
	height:46px;
	text-align:right;
	overflow:hidden;
	direction: rtl;
}

.onloadrevealbar2.hover {

	animation: 4s moveup5bar2i ease-out forwards;
	direction: rtl;
	//animation-delay:5s;

}



@keyframes moveup5bari {
  0% {
	opacity:1;
	width:0px;
	display:block;
	overflow:hidden;
	margin-left:-500px;
	text-align:right;
  }

  100% {
  	  opacity:1;
	margin-left:-500px;
	width:566px;
  }
}


@keyframes moveup5bar2i {
  0% {
	opacity:1;
	width:0px;
	display:block;
	overflow:hidden;
	margin-left:-250px;
	text-align:right;
  }

  100% {
  	  opacity:1;
	margin-left:-250px;
	width:250px;
  }
}



.onloadrevealbari {


	//visibility:hidden;
	opacity:1;
	width:0px;
	display:block;
	height:46px;
	text-align:right;
	overflow:hidden;
	direction: rtl;
}

.onloadrevealbari.hover {

	animation: 4s moveup5bari ease-out forwards;
	direction: rtl;
	//animation-delay:5s;

}

.onloadrevealbar2i {

	//visibility:hidden;
	opacity:1;
	width:0px;
	display:block;
	height:46px;
	text-align:right;
	overflow:hidden;
	direction: rtl;
}

.onloadrevealbar2i.hover {

	animation: 4s moveup5bar2i1 ease-out forwards;
	direction: rtl;
	//animation-delay:5s;

}


@keyframes moveup5bari1 {
  0% {
	opacity:1;
	width:0px;
	height:46px;
	display:block;
	overflow:hidden;
	margin-left:-500px;
	text-align:right;
  }

  100% {
  	  opacity:1;
	margin-left:-500px;
	height:46px;
	width:577px;
  }
}

@keyframes moveup5bar2i1 {
  0% {
	opacity:1;
	width:0px;
	height:46px;
	display:block;
	overflow:hidden;
	margin-left:-250px;
	text-align:right;
  }

  100% {
  	  opacity:1;
	margin-left:-250px;
	height:46px;
	width:265px;
  }
}


.onloadrevealbara {

	//visibility:hidden;
	opacity:1;
	width:0px;
	display:block;
	height:46px;
	text-align:right;
	overflow:hidden;
	direction: rtl;
}

.onloadrevealbara.hover {

	animation: 4s moveup5bara1 ease-out forwards;
	direction: rtl;
	//animation-delay:5s;

}


@keyframes moveup5bara1 {
  0% {
	opacity:1;
	width:0px;
	height:46px;
	display:block;
	overflow:hidden;
	margin-left:-510px;
	text-align:right;
  }

  100% {
  	  opacity:1;
	margin-left:-510px;
	height:46px;
	width:704px;
  }
}


.onloadrevealbar2a {

	//visibility:hidden;
	opacity:1;
	width:0px;
	display:block;
	height:46px;
	text-align:right;
	overflow:hidden;
	direction: rtl;
}

.onloadrevealbar2a.hover {

	animation: 4s moveup5bar2a1 ease-out forwards;
	direction: rtl;
	//animation-delay:5s;

}


@keyframes moveup5bar2a1 {
  0% {
	opacity:1;
	width:0px;
	height:46px;
	display:block;
	overflow:hidden;
	margin-left:-250px;
	text-align:right;
  }

  100% {
  	  opacity:1;
	margin-left:-250px;
	height:46px;
	width:350px;
  }
}





.onloadrevealbari2 {

	//visibility:hidden;
	opacity:1;
	width:0px;
	display:block;
	height:46px;
	text-align:right;
	overflow:hidden;
	direction: rtl;
}

.onloadrevealbari2.hover {

	animation: 4s moveup5bari2 ease-out forwards;
	direction: rtl;
	//animation-delay:5s;

}


@keyframes moveup5bari2 {
  0% {
	opacity:1;
	width:0px;
	height:46px;
	display:block;
	overflow:hidden;
	margin-left:-530px;
	text-align:right;
  }

  100% {
  	  opacity:1;
	margin-left:-530px;
	height:46px;
	width:895px;
  }
}


.onloadrevealbar2i2 {

	//visibility:hidden;
	opacity:1;
	width:0px;
	display:block;
	height:46px;
	text-align:right;
	overflow:hidden;
	direction: rtl;
}

.onloadrevealbar2i2.hover {

	animation: 4s moveup5bar2i2 ease-out forwards;
	direction: rtl;
	//animation-delay:5s;

}


@keyframes moveup5bar2i2 {
  0% {
	opacity:1;
	width:0px;
	height:46px;
	display:block;
	overflow:hidden;
	margin-left:-250px;
	text-align:right;
  }

  100% {
  	  opacity:1;
	margin-left:-250px;
	height:46px;
	width:500px;
  }
}



.paragraph {

	//visibility:hidden;
	opacity:0;
}

.paragraph.hover {

	animation: 4s moveup2 ease-out forwards;
	//animation-timing-function:

}

#battery-counter {

	//visibility:hidden;
	opacity:0;
}

#battery-counter.hover {

	animation: 4s moveup2 ease-out forwards;
	color:blue;
	transition:2s ease;
	//animation-timing-function:

}

#battery-counter1 {

	//visibility:hidden;
	opacity:0;
}

#battery-counter1.hover {

	animation: 4s moveup2 ease-out forwards;
	color:blue;
	transition:2s ease;
	//animation-timing-function:

}


#battery-counter2 {

	//visibility:hidden;
	opacity:0;
}

#battery-counter2.hover {

	animation: 4s moveup2 ease-out forwards;
	color:blue;
	transition:2s ease;
	//animation-timing-function:

}


.onloadreveal1 {

	visibility:hidden;
	opacity:0;
}

.onloadreveal1.hover {

	animation: revealon 2s ease-out forwards;
	animation-timing-function: 5s

}


.loadreveal {

	//visibility:hidden;
	opacity:0;
}

.loadreveal.hover {

	animation: 2.5s moveup2 ease-out forwards;
	//animation-timing-function:

}

.loadreveals {

	//visibility:hidden;
	opacity:0;
}

.loadreveals.hover {

	animation: 2.5s moveup2s ease-out forwards;
	//animation-timing-function:

}


.loadreveal1 {
    opacity:0;
    margin-top:3350px;
    width:300px;
}

.loadreveal1.hover {

	animation: 3s moveup3 ease-out forwards;
	animation-delay:5s;
	//animation-timing-function:

}



.loadreveal2 {
    opacity:0;
}

.loadreveal2.hover {

	animation: 2s moveup4 ease-out forwards;
	//animation-timing-function:

}

.loadreveal3 {
    opacity:0;
}

.loadreveal3.hover {

	animation: 2s moveup4 ease-out forwards;
	animation-delay:.5s;
	//animation-timing-function:

}


.loadireveal42 {
  	  opacity:0;
	overflow:hidden;
}

.loadireveal42.hover {

	animation: 1s moveup42 ease-out forwards;
	animation-delay:0s;
	//animation-timing-function:

}



.loadreveal43 {
  	  opacity:0;
	overflow:hidden;
}

.loadreveal43.hover {

	animation: 2s moveup43 ease-out forwards;
	animation-delay:0s;
	//animation-timing-function:

}


@keyframes moveup43 {
  0% {
  	  opacity:0.25;
	margin-left:400px;
	width:600px;
  }
  100% {
  	  opacity:1;
	margin-left:20px;
	width:600px;
  }
}


.loadreveal43m {
  	  opacity:0;
	overflow:hidden;
}

.loadreveal43m.hover {

	animation: 2s moveup43m ease-out forwards;
	animation-delay:0s;
	//animation-timing-function:

}


@keyframes moveup43m {
  0% {
  	  opacity:0.25;
	margin-left:200px;
	width:400px;
  }
  100% {
  	  opacity:1;
	margin-left:-200px;
	width:400px;
  }
}


.loadreveal43l {
  	  opacity:0;
	overflow:hidden;
}

.loadreveal43l.hover {

	animation: 2s moveup43l ease-out forwards;
	animation-delay:0s;
	//animation-timing-function:

}


@keyframes moveup43l {
  0% {
  	  opacity:0.25;
	margin-left:-1000px;
	width:600px;
  }
  100% {
  	  opacity:1;
	margin-left:-620px;
	width:600px;
  }
}

@keyframes moveup42 {
  0% {
  	  opacity:0.25;
	margin-left:-600px;
	width:2952px;
  }
  100% {
  	  opacity:1;
	margin-left:-1000px;
	width:2952px;
  }
}

.loadreveal43lm {
  	  opacity:0;
	overflow:hidden;
}

.loadreveal43lm.hover {

	animation: 2s moveup43lm ease-out forwards;
	animation-delay:0s;
	//animation-timing-function:

}


@keyframes moveup43lm {
  0% {
  	  opacity:0.25;
	margin-left:-400px;
	width:400px;
  }
  100% {
  	  opacity:1;
	margin-left:-200px;
	width:400px;
  }
}

@keyframes moveup42 {
  0% {
  	  opacity:0.25;
	margin-left:-600px;
	width:2952px;
  }
  100% {
  	  opacity:1;
	margin-left:-1000px;
	width:2952px;
  }
}


.loadreveal6 {
    opacity:0;
}

.loadreveal6.hover {

	animation: 3.5s moveup3 ease-out forwards;
	animation-delay:1.9s;
	//animation-timing-function:

}

.loadreveal7 {

	//visibility:hidden;
	opacity:0;
}

.loadreveal7.hover {

	animation: 3s moveup2 ease-out forwards;
	//animation-timing-function:

}

.loadreveal8 {
    opacity:0;
}

.loadreveal8.hover {

	animation: 3.5s moveup3 ease-out forwards;
	animation-delay:0s;
	//animation-timing-function:

}


.onloadrevealfeatures {
    opacity:0;
}

.onloadrevealfeatures.hover {

	animation: 3.5s moveup3 ease-out forwards;
	animation-delay:1.6s;
	//animation-timing-function:

}

.onloadrevealfeaturesd {
    opacity:0;
}

.onloadrevealfeaturesd.hover {

	animation: 2s moveup3 ease-out forwards;
	animation-delay:1.6s;
	//animation-timing-function:

}

.onloadrevealfeaturesc {
    opacity:0;
}

.onloadrevealfeaturesc.hover {
	animation: 4.5s moveup5rr ease-out infinite;
	animation-delay:1.7s;
	//animation-timing-function:
}

@keyframes moveup5rr {
 0% {  opacity:0;transform:scale(1.05) rotate(360deg);  }
 25% {  opacity:.7;	transform:scale(1) rotate(270deg);  }
  50% {	  opacity:1;	transform:scale(.90) rotate(180deg);  }
  75% {   opacity:.7	transform:scale(1) rotate(0deg);  }
  100% {  opacity:0;	transform:scale(1.05) rotatey(360deg);  }
}


.onloadrevealfeaturescm {
    opacity:0;
}

.onloadrevealfeaturescm.hover {
	animation: 4.5s moveup5rrm ease-out infinite;
	animation-delay:1.7s;
	//animation-timing-function:
}

@keyframes moveup5rrm {
 0% {  opacity:0;transform:scale(1.05) rotate(360deg);  }
 25% {  opacity:.7;	transform:scale(1) rotate(270deg);  }
  50% {	  opacity:1;	transform:scale(.90) rotate(180deg);  }
  75% {   opacity:.7	transform:scale(1) rotate(0deg);  }
  100% {  opacity:0;	transform:scale(1.05) rotatey(360deg);  }
}


@keyframes moveup6 {
  0% {
  	  opacity:0;
	margin-left:150px;
  }
  20% {
    opacity:0;
  }
  50% {
    opacity:0;
  }
  100% {
  	  opacity:1;
	margin-left:350px;
	width:200px;
  }
}



.loadireveal3d {
    opacity:0;
}

.loadireveal3d.hover {

	animation: 3s moveup3 ease-out forwards;
	animation-delay:3.3s;
	//animation-timing-function:

}


.loadireveal51 {
  	  opacity:0;
	overflow:hidden;
}

.loadireveal51.hover {

	animation: 1s moveup5r ease-out forwards;
	animation-delay:2s;
	//animation-timing-function:

}

.loadireveal52 {
  	  opacity:0;
	overflow:hidden;
}

.loadireveal52.hover {

	animation: .9s moveup5r ease-out forwards;
	animation-delay:2.6s;
	//animation-timing-function:

}



.loadireveal4 {
  	  opacity:0;
	overflow:hidden;
}

.loadireveal4.hover {

	animation: 1s moveup5 ease-out forwards;
	animation-delay:0s;
	//animation-timing-function:

}

.loadireveal5 {
  	  opacity:0;
	overflow:hidden;
}

.loadireveal5.hover {

	animation: 1s moveup5 ease-out forwards;
	animation-delay:1s;
	//animation-timing-function:

}


@keyframes moveup5 {
  0% {
  	  opacity:0;
	margin-left:-1200px;
	width:1952px;
	scale:1.25;
	z-index:1000;
  }
  100% {
  	  opacity:1;
	margin-left:-1000px;
	width:1952px;
	transform:scale(1);
	z-index:1000;
  }
}

@keyframes moveup5r {
  0% {
  	  opacity:1;
	margin-left:-800px;
	width:1952px;
	transform:scale(1.25) rotatey(50deg);
	z-index:1000;
  }
  100% {
  	  opacity:1;
	margin-left:-1000px;
	width:1952px;
	transform:scale(1) rotatey(0deg);
	z-index:1000;

  }
}


.loadireveal51m {
  	  opacity:0;
	overflow:hidden;
}

.loadireveal51m.hover {

	animation: 1s moveup5rm ease-out forwards;
	animation-delay:2s;
	//animation-timing-function:

}

.loadireveal52m {
  	  opacity:0;
	overflow:hidden;
}

.loadireveal52m.hover {

	animation: .9s moveup5rm ease-out forwards;
	animation-delay:2.6s;
	//animation-timing-function:

}



.loadireveal4m {
  	  opacity:0;
	overflow:hidden;
}

.loadireveal4m.hover {

	animation: 1s moveup5m ease-out forwards;
	animation-delay:0s;
	//animation-timing-function:

}

.loadireveal5m {
  	  opacity:0;
	overflow:hidden;
}

.loadireveal5m.hover {

	animation: 1s moveup5m ease-out forwards;
	animation-delay:1s;
	//animation-timing-function:

}


@keyframes moveup5m {
  0% {
  	  opacity:0;
	margin-left:-250px;
	width:500px;
	scale:1.25;
  }
  100% {
  	  opacity:1;
	margin-left:-100px;
	width:500px;
	transform:scale(1);
  }
}

@keyframes moveup5rm {
  0% {
  	  opacity:1;
	margin-left:200px;
	width:500px;
	transform:scale(1.25) rotatey(50deg);
  }
  100% {
  	  opacity:1;
	margin-left:250px;
	width:500px;
	transform:scale(1) rotatey(0deg);

  }
}



@keyframes moveup4 {
  0% {
    opacity:1;
    transform: rotatex(80deg) scale(1.35);
  }
  20% {
    opacity:1;
  }
  50% {
   // transform: translateY(0%);
  }
  100% {
	opacity:1;
    transform: rotatey(0deg) scale(1);
  }
}

@keyframes moveup3 {
  0% {
    opacity:0;z-index:1000;
  }
  20% {
  }
  50% {
   // transform: translateY(0%);
  }
  100% {

    opacity:1;z-index:1000;
  }
}


.td3u {
  background-color: #;
  border: none;
  font-family:trueno;
  width:270px;
  text-align: center;
  transition: 0.3s;
	padding-bottom:0px;
	height:10px;
}

.td3u:hover {
  background-color: #04f832;
  height:0px;
  font-weight:bold;
	padding-bottom:29px;
	border-radius:5px;
}


@keyframes moveup2 {
  0% {
    opacity: 0;
    color:white;
    transform: translateY(20%) scale(1.15);z-index:1;
  }
  20% {
    color:white;
    opacity: .5;
  }
  50% {
    opacity: .75;
    color:white;
    transform: translateY(0%);
  }
  60% {
    opacity:.75;
    color:white;
    transform: translateY(0%);
  }
  100% {
    opacity: 1;
    color:#4fc4f9;
    transform: translateY(0%)  scale(1);z-index:1;
  }
}


@keyframes moveup2s {
  0% {
    opacity: 0;
    color:white;
    transform: translateY(20%) scale(1.15);z-index:1;
  }
  20% {
    color:white;
    opacity: 0;
  }
  50% {
    opacity: .25;
    color:white;
    transform: translateY(0%);
  }
  60% {
    opacity:.75;
    color:white;
    transform: translateY(0%);
  }
  100% {
    opacity: 1;
    color:#4fc4f9;
    transform: translateY(0%)  scale(1);z-index:1;
  }
}



@keyframes moveup1 {
  0% {
    opacity: 0;
    transform: translateY(90%);
  }
  20% {
    opacity: .5;
  }
  50% {
    opacity: 1;
    transform: translateY(0%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}

#backdrop {

position:absolute;left:0%;width:100%;top:70px;height:85px;background-size:100% 100%;background:rgba(251, 251, 251, .7);backdrop-filter:blur(6px);z-index:1800;
}

.onloadrevealer {

	animation: revealon 2.5s forwards;
	animation-timing-function: ease-out linear;
}

.onloadrevealernav {

}


.onloadrevealernav.hover {

	animation: revealonnav 2.5s forwards;
	animation-timing-function: ease-out linear;
}



@keyframes revealonnav {
    0% { opacity: 0;  visibility:hidden;transform: rotate(5deg) scale(1.1); }
    //15% {visibility:visible; }
    //35% {visibility:visible;transform: }
    50% { opacity: 0.5;}
    //75% { opacity: 0.75; visibility:visible;transform: }
    100% { opacity: 1; visibility:visible;transform: rotate(0deg) scale(1); }
}

@keyframes revealonnavtry {
    0% { opacity: 0;  visibility:hidden;transform: rotate(5deg) scale(1.1); }
    //15% {visibility:visible; }
    //35% {visibility:visible;transform: }
    50% { opacity: 0.8;}
    //75% { opacity: 0.75; visibility:visible;transform: }
    100% { opacity: 1; visibility:visible;transform: rotate(0deg) scale(1); }
}


.onloadrevealertry {

	animation: revealonnavtry 1.7s forwards;
	animation-timing-function: ease-out linear;
}

.sticky {

}

.sticky.hover {

	animation: revealontry .5s forwards;
	animation-timing-function: ease-out linear;
 	 position: fixed;
 	 top: 0;
	left:0;
 	 height:45px;background:rgba(251, 251, 251, .7);backdrop-filter:blur(6px);
 	 width: 100%;
  	z-index:20000;
	text-align:center;
	padding-left:0px;
}

// series menu19
#Smenu19{vertical-align:bottom;position:absolute;width:1180px;left:50%;margin-left:-590px;height:44px;text-align:center;line-height:44px;z-index:20000;}
#Smenu19 div{display:inline-block;width:120px;color:#ffffff;cursor:pointer;font-family:trueno;font-weight:bold;font-size:15px;}
#Smenu19 div a{padding-right:0px;}



@keyframes revealontry {
    0% { opacity: 1;transform: translatex(8%) rotate(2deg);height:0px;width:1258px; }
    //15% {visibility:visible; }
    //35% {visibility:visible;transform: }
    50% { opacity: 1; }
    //75% { opacity: 0.75; visibility:visible;transform: }
    100% { opacity: 1; visibility:visible;transform: translatex(0%) rotate(0deg) scale(1); }
}

.onloadrevealer180{

	opacity:0;

}

.onloadrevealer180.hover {

	animation: revealon 2.5s forwards;
	animation-timing-function: ease-out linear;
}


.onloadrevealer2 {

	opacity:0;
	transition:opacity 5s ease-in-out, 3s ease-out;;
	top:3350px;width:300px;background-size:100%;

}


.onloadrevealer2.hover {

	animation: revealon10 3s ease-out forwards;
	animation-delay:.5s;
	transition: transform 3s;

}


.onloadrevealer23 {

	opacity:0;
	transition:opacity 5s ease-in-out, 3s ease-out;;
	top:3350px;width:300px;background-size:100%;

}


.onloadrevealer23.hover {

	animation: revealon10 2s ease-out forwards;
	animation-delay:1.5s;
	transition: transform 3s;

}


.onloadrevealer24 {

	opacity:0;
	transition:opacity 5s ease-in-out, 3s ease-out;;
	top:3350px;width:300px;background-size:100%;

}


.onloadrevealer24.hover {

	animation: revealon10 1.5s ease-out forwards;
	animation-delay:2.5s;
	transition: transform 3s;

}


.onloadrevealer25 {

	opacity:0;
	transition:opacity 5s ease-in-out, 3s ease-out;;
	top:3350px;width:300px;background-size:100%;

}


.onloadrevealer25.hover {

	animation: revealon10 .8s ease forwards;
	animation-delay:3.5s;
	transition: transform 3s;

}

.onloadrevealer26 {

	opacity:0;
	transition:opacity 5s ease-in-out, 3s ease-out;;
	top:3350px;width:300px;background-size:100%;

}


.onloadrevealer26.hover {

	animation: revealon10 .8s ease forwards;
	animation-delay:4.5s;
	transition: transform 3s;

}




.loadrevealfader {

	visibility:visible;
	display:block;
	width:2000px;
	height:2000px;

}


.loadrevealfader img{


    animation-name: fader;
    animation-iteration-count: infinite;
    animation-duration: 8s;
}

.loadrevealfader1 {

	visibility:visible;
	display:block;
	width:2000px;
	height:2000px;

}


.loadrevealfader1 img{


    animation-name: fader;
    animation-iteration-count: infinite;
    animation-duration: 9s;
}





.loadrevealfader2 {

	transform:scale(1);
	position:absolute;
	margin-top:591px;
	opacity:0%;
   	 animation: fader3 1s forwards;
	transition:1s;
	//border:1px solid #ffffff;

}



.loadrevealfader2.hover {


   	 animation: fader2 0s forwards;
	margin-top:583px;
	opacity:100%;
	transition:.5s;
}


@keyframes fader3 {
    	0% {opacity: 1;transform:translatey(0%);transition: .5s;}
    	90% {opacity: 1;transform:translatey(0%);transition: .5s;}
    100% {opacity: 0;transform:translatey(0%);transition: .5s;}
}

@keyframes fader2 {
    0% {opacity: 0;transform:translatey(0%);transition: .5s;}
    100% {opacity: 1;transform:translatey(0%);transition: .5s;}
}

.height {
	transform:translatey(-10%);
	transition: transform 1.5s;

}


@keyframes fader {
    0% {opacity: 0;}
    20% {opacity: 1;}
    33% {opacity: 1;}
    53% {opacity: 0;}
    100% {opacity: 0;}
}

#key1 {
}

#key2 {
    -webkit-animation-delay: -6s;
}
#key3 {
    -webkit-animation-delay: -4s;
}

#key4 {
    -webkit-animation-delay: -2s;
}



#key1d {
}

#key2d {
    -webkit-animation-delay: -6s;
}
#key3d {
    -webkit-animation-delay: -3s;
}




.btn15m {
background:#04f832;
  border: none;
  font-family:trueno;
  font-weight:bold;
  color: black;
  width:270px;
  text-align: center;
  font-size: 17px;
  transition: 0.3s;
  border-radius:12px;
}

.btn15m:hover {
  background-color: #04aff8;
  color: white;
}



@keyframes revealon10 {
    0% { opacity: 0;  visibility:visible;transform: scale(1.15);transition:opacity 10s ease-in-out;z-index:1000;}
    15% { opacity: 0.05; visibility:visible;transform: scale(1.15);transition:opacity 10s ease-in-out; }
    30% { opacity: 0.25; visibility:visible;transition:opacity 10s ease-in-out; }
    35% { opacity: 0.35;transition:opacity 10s ease-in-out; }
    50% { opacity: 0.5; visibility:visible;}
    75% { opacity: 0.75; visibility:visible;}
    100% { opacity: 1; visibility:visible;transform: scale(1);transition:1s ease-out;z-index:1000;}
}

.hide {
	display:none;
}

@media screen and (min-width: 2400px)
{

   #mmain25off, #mmain27off, #mmain28off, #nav2-i2, #mmain29off, #mmain30off, #mmain22-off,
    {
         display:none;
    }
}

.onloadrevealer3 {

	animation: floatdown2 2s forwards;
	animation-timing-function:ease-out;
}

@keyframes floatdown2 {
  0% {
    opacity: 1;
    transform: translateY(0%);
  }
  20% {
    opacity: 1;
  }
  50% {
    opacity: 1;
    transform: translateY(0%);
  }
  100% {
    opacity: 1;
    transform: translateY(10%);
  }
}

@keyframes floatdown {
  0% {
    opacity: 0;
    transform: translateY(10%);
  }
  20% {
    opacity: 1;
  }
  50% {
    opacity: 1;
    transform: translateY(0%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}

@keyframes moveup {
  0% {
    opacity: 0;
    transform: translateY(180%);
  }
  20% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    transform: translateY(0%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}



@keyframes reveal {
    0% { opacity: 1 }
    2% { opacity: 0; visibility:visible;}
    50% { opacity: 0.5; visibility:visible;}
    100% { opacity: 1; visibility:visible; transform: rotateY(20deg); }
}

@keyframes revealr {
    1% { opacity: 1; visibility:visible; }
    2% { opacity: 0.25; visibility:visible;}
    50% {opacity: 0.5; visibility:visible;  }
    100% {opacity: 0; visibility:hidden;  }
}

.hoverG {
 	 background-color: #e4e8ea;
  	transition: background-color 0.3s ease;
  	transition-delay:0s;
	opacity:0;
	height:0px;width:31px;
	border-radius:12px;z-index:5000;
	border:3px solid rgb(210,210,210,1);
	//box-shadow: 0px 0px 4px 4px rgb(0,0,0,.05);
	font-weight:bold;color:#black;font-family:trueno;font-size:18px;letter-spacing:0px;text-align:center;
}


.hoverG.hover {
	height:25px;width:42px;padding:9px;
	opacity:1;
	transition: transform 1s 2s, opacity 3s 1s, height 3s ease-in;
 	transform: rotateX(180deg);

}


.hoverG:hover {
 	 transition: background-color 0.3s ease;
 	 transition-delay:0s;
 	 transform-delay:0s;
 	 background-color: #939292;
}



#flip-box15 {
 	 background-color: #0a0a0a;
  	transition: background-color 0.3s ease;
  	transition-delay:0s;
	opacity:0;
	height:0px;width:31px;padding:13px;
}


#flip-box15.hover {
	height:31px;width:31px;padding:13px;
	opacity:1;
	transition: transform 1s 2s, opacity 3s 1s, height 3s ease-in;
 	transform: rotateX(180deg);

}


#flip-box15.hover:hover {
 	 transition: background-color 0.3s ease;
 	 transition-delay:0s;
 	 transform-delay:0s;
 	 background-color: #25971d;
}


#flip-box16 {
 	 background-color: #0a0a0a;
  	transition: background-color 0.3s ease;
  	transition-delay:0s;
	opacity:0;
	visibility:hidden;
	height:0px;width:31px;padding:13px;
}

#flip-box16.hover {

	height:31px;width:31px;padding:13px;
	opacity:1;
	transition: transform 1s 2s, opacity 3s 1s, height 3s ease-in;
	animation: flip 1.5s forwards;
	animation-delay:1s;
 	transform: rotateX(180deg);

}


#flip-box16.hover:hover {
 	 transition: background-color 0.3s ease;
 	 transition-delay:0s;
 	 transform-delay:0s;
 	 background-color: #25971d;
}



#flip-box17 {
 	 background-color: #0a0a0a;
  	transition: background-color 0.3s ease;
  	transition-delay:0s;
	opacity:0;
	visibility:hidden;
	height:0px;width:31px;padding:13px;
}

#flip-box17.hover {

	height:31px;width:31px;padding:13px;
	opacity:1;
	transition: transform 1s 2s, opacity 3s 1s, height 3s ease-in;
	animation: flip 1.5s forwards;
	animation-delay:1s;
 	transform: rotateX(180deg);

}


#flip-box17.hover:hover {
 	 transition: background-color 0.3s ease;
 	 transition-delay:0s;
 	 transform-delay:0s;
 	 background-color: #25971d;
}

#flip-box17a {
 	 background-color: #0a0a0a;
  	transition: background-color 0.3s ease;
  	transition-delay:0s;
	opacity:0;
	visibility:hidden;
	height:0px;width:31px;padding:13px;
}

#flip-box17a.hover {

	height:31px;width:31px;padding:13px;
	opacity:1;
	transition: transform 1s 2s, opacity 3s 1s, height 3s ease-in;
	animation: flip 1.5s forwards;
	animation-delay:1s;
 	transform: rotateX(180deg);

}


#flip-box17a.hover:hover {
 	 transition: background-color 0.3s ease;
 	 transition-delay:0s;
 	 transform-delay:0s;
 	 background-color: #25971d;
}

#flip-box18 {
 	 background-color: #0a0a0a;
  	transition: background-color 0.3s ease;
  	transition-delay:0s;
	opacity:0;
	visibility:hidden;
	height:0px;width:31px;padding:13px;
}

#flip-box18.hover {

	height:31px;width:31px;padding:13px;
	opacity:1;
	transition: transform 1s 2s, opacity 3s 1s, height 3s ease-in;
	animation: flip 1.5s forwards;
	animation-delay:1s;
 	transform: rotateX(180deg);

}


#flip-box18.hover:hover {
 	 transition: background-color 0.3s ease;
 	 transition-delay:0s;
 	 transform-delay:0s;
 	 background-color: #25971d;
}


#flip-box19 {
 	 background-color: #0a0a0a;
  	transition: background-color 0.3s ease;
  	transition-delay:0s;
	opacity:0;
	visibility:hidden;
	height:0px;width:31px;padding:13px;
}

#flip-box19.hover {

	height:31px;width:31px;padding:13px;
	opacity:1;
	transition: transform 1s 2s, opacity 3s 1s, height 3s ease-in;
	animation: flip 1.5s forwards;
	animation-delay:1s;
 	transform: rotateX(180deg);

}


#flip-box19.hover:hover {
 	 transition: background-color 0.3s ease;
 	 transition-delay:0s;
 	 transform-delay:0s;
 	 background-color: #25971d;
}

#flip-box19a {
 	 background-color: #0a0a0a;
  	transition: background-color 0.3s ease;
  	transition-delay:0s;
	opacity:0;
	visibility:hidden;
	height:0px;width:31px;padding:13px;
}

#flip-box19a.hover {

	height:31px;width:31px;padding:13px;
	opacity:1;
	transition: transform 1s 2s, opacity 3s 1s, height 3s ease-in;
	animation: flip 1.5s forwards;
	animation-delay:1s;
 	transform: rotateX(180deg);

}


#flip-box19a.hover:hover {
 	 transition: background-color 0.3s ease;
 	 transition-delay:0s;
 	 transform-delay:0s;
 	 background-color: #25971d;
}


#flip-box20 {
 	 background-color: #0a0a0a;
  	transition: background-color 0.3s ease;
  	transition-delay:0s;
	opacity:0;
	visibility:hidden;
	height:0px;width:31px;padding:13px;
}

#flip-box20.hover {

	height:31px;width:31px;padding:13px;
	opacity:1;
	transition: transform 1s 2s, opacity 3s 1s, height 3s ease-in;
	animation: flip 1.5s forwards;
	animation-delay:1s;
 	transform: rotateX(180deg);

}


#flip-box20.hover:hover {
 	 transition: background-color 0.3s ease;
 	 transition-delay:0s;
 	 transform-delay:0s;
 	 background-color: #25971d;
}



#flip-box21 {
 	 background-color: #0a0a0a;
  	transition: background-color 0.3s ease;
  	transition-delay:0s;
	opacity:0;
	visibility:hidden;
	height:0px;width:31px;padding:13px;
}

#flip-box21.hover {

	height:31px;width:31px;padding:13px;
	opacity:1;
	transition: transform 1s 2s, opacity 3s 1s, height 3s ease-in;
	animation: flip 1.5s forwards;
	animation-delay:1s;
 	transform: rotateX(180deg);

}


#flip-box21.hover:hover {
 	 transition: background-color 0.3s ease;
 	 transition-delay:0s;
 	 transform-delay:0s;
 	 background-color: #25971d;
}



#flip-box22 {
 	 background-color: #0a0a0a;
  	transition: background-color 0.3s ease;
  	transition-delay:0s;
	opacity:0;
	visibility:hidden;
	height:0px;width:31px;padding:13px;
}

#flip-box22.hover {

	height:31px;width:31px;padding:13px;
	opacity:1;
	transition: transform 1s 2s, opacity 3s 1s, height 3s ease-in;
	animation: flip 1.5s forwards;
	animation-delay:1s;
 	transform: rotateX(180deg);

}


#flip-box22.hover:hover {
 	 transition: background-color 0.3s ease;
 	 transition-delay:0s;
 	 transform-delay:0s;
 	 background-color: #25971d;
}

#flip-box22a {
 	 background-color: #0a0a0a;
  	transition: background-color 0.3s ease;
  	transition-delay:0s;
	opacity:0;
	visibility:hidden;
	height:0px;width:31px;padding:13px;
}

#flip-box22a.hover {

	height:31px;width:31px;padding:13px;
	opacity:1;
	transition: transform 1s 2s, opacity 3s 1s, height 3s ease-in;
	animation: flip 1.5s forwards;
	animation-delay:1s;
 	transform: rotateX(180deg);

}


#flip-box22a.hover:hover {
 	 transition: background-color 0.3s ease;
 	 transition-delay:0s;
 	 transform-delay:0s;
 	 background-color: #25971d;
}

#flip-box23 {
 	 background-color: #0a0a0a;
  	transition: background-color 0.3s ease;
  	transition-delay:0s;
	opacity:0;
	visibility:hidden;
	height:0px;width:31px;padding:13px;
}

#flip-box23.hover {

	height:31px;width:31px;padding:13px;
	opacity:1;
	transition: transform 1s 2s, opacity 3s 1s, height 3s ease-in;
	animation: flip 1.5s forwards;
	animation-delay:1s;
 	transform: rotateX(180deg);

}


#flip-box23.hover:hover {
 	 transition: background-color 0.3s ease;
 	 transition-delay:0s;
 	 transform-delay:0s;
 	 background-color: #25971d;
}



#flip-box24 {
 	 background-color: #0a0a0a;
  	transition: background-color 0.3s ease;
  	transition-delay:0s;
	opacity:0;
	visibility:hidden;
	height:0px;width:31px;padding:13px;
}

#flip-box24.hover {

	height:31px;width:31px;padding:13px;
	opacity:1;
	transition: transform 1s 2s, opacity 3s 1s, height 3s ease-in;
	animation: flip 1.5s forwards;
	animation-delay:1s;
 	transform: rotateX(180deg);

}


#flip-box24.hover:hover {
 	 transition: background-color 0.3s ease;
 	 transition-delay:0s;
 	 transform-delay:0s;
 	 background-color: #25971d;
}



@keyframes flip {
    1% { opacity: 0; visibility: hidden; }
    2% { opacity: 0; visibility: visible;}
    50% { opacity: 0.5; visibility: visible;}
    100% { opacity: 1; visibility: visible;}
}

.zoom1 {
transition: transform .3s;
}

.zoom1:hover {
transform: scale(1.04);
}

.ArrowSN {
  	 transition: transform 0.8s;
 	 background-color: transparent;
 	 transition: 0.3s;
	height:143px;
	width:44px;
	background-size:100% 100%;
	background-color:#d2d0d0;
	border-radius: 15px;
}


.ArrowSN:hover {
	 transform: scale(1.15);
	height:143px;
	width:44px;
	background:#05e81f;
	background-size:100% 100%;
 	 transition: 0.3s;
}


.flip-boxtest {
  	 transition: transform 0.8s;
 	 background-color: transparent;
 	 transition: 0.3s;
}


.flip-boxtest:hover {
	 transform: scale(1.15);
}

transition: 0.3s;
}

/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    margin-top:500px;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}

.slick-disabled {
    opacity: 0;
    pointer-events:none;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: -50px;
}

.slick-dots
{
    position: absolute;
    bottom: -85px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}

/* Dots2 */


.slick-dots2
{
    position: absolute;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots2 li
{
    position: relative;

    display: inline-block;

    width: 90px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}


.hero-image {
  display:inline-block;
  opacity:0;
  transition:0.8;
z-index:1;
}

.hero-image2 {
  display:inline-block;
  opacity:0;
  transition:0.8;
z-index:1;
}




#image0

{
  display: none;
  transition:0.8;
}


#image0.hover

{
  display: block;
  transition:0.8;
}



.smallnav{
position:absolute;top:10px;left:10px;

}
.smallnav img{cursor:pointer;}

.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 55px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: white;
     	 transition: 1.5s;
 	 transform: rotateY(180deg);
}

.slick-dots2 li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots2 li button:hover,
.slick-dots2 li button:focus
{
    outline: none;
}
.slick-dots2 li button:hover:before,
.slick-dots2 li button:focus:before
{
    opacity: 0;
}
.slick-dots2 li button:before
{
    font-family: 'slick';
    font-size: 15px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    background:url('/store/images/slick-dot.png');
    background-size:100% 100%;
    content: "";
    text-align: center;

    opacity: .0;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots2 li.slick-active button:before
{
    opacity: 1;
    color: black;
     	 transition: 1.5s;
 	 transform: rotateY(180deg);
}