@font-face {
	font-family: Pacifico;
	src: url(../../fonts/Pacifico.ttf);
}
@font-face {
	font-family: AutourOne;
	src: url(../../fonts/AutourOne-Regular.otf);
}

html, body{
	margin:0;
	padding:0;
}
body {
	font-family: AutourOne;
	background-color:#000000;
}

.myMenu {
	width: 400px;
	height: 300px;
	padding: 10px;
	text-align: center;
	border:0px solid green;
}
	.myMenu h2 {
		font-family: Pacifico;
		font-size: 30px;
		color: #df4a59;
		margin:0;
	}
	.myMenu p {
		color: #999;
		font-size:12px;
	}
	#slider {
	  position: relative;
	  overflow: hidden;
	  margin: 0px auto 0 auto;
	  border-radius: 10px;
	}
	#slider img {
		vertical-align: top;
	}
	.slide-img {
		width:200px;
		height:147px;
	}
	#slider ul {
	  position: relative;
	  margin: 0;
	  padding: 0;
	  height: 250px;
	  list-style: none;
	}
	
	#slider ul li {
	  position: relative;
	  display: block;
	  float: left;
	  margin: 0;
	  padding: 0;
	  width: 400px;
	  height: 250px;
	  text-align: center;
	}
	#slider p {
		font-size: 11px;
	}
	.menu-name {
		height: 100px;
		color: #808285;
		padding-top: 0px;
		margin-top: 0px;
	}
	
	a.control_prev, a.control_next {
	  position: absolute;
	  top: 20%;
	  z-index: 999;
	  display: block;
	  padding: 4% 0%;
	  width: 100px;
	  height: auto;
	  color: #fff;
	  text-decoration: none;
	  font-weight: 600;
	  font-size: 18px;
	  opacity: 0.8;
	  cursor: pointer;
	}
	
	a.control_prev:hover, a.control_next:hover {
	  opacity: 1;
	  -webkit-transition: all 0.5s ease;
	}
	
	a.control_prev {
	  left:20px;
	  border-radius: 0 2px 2px 0;
	}
	
	a.control_next {
	  left:298px;
	  border-radius: 2px 0 0 2px;
	}
	
.fancybox {
	opacity: 0;
}
.fancybox-skin {	
	background: transparent;
	overflow:hidden;
}
.fancybox-close {
	background-image: url(../images/exit.png);
    height: 29px;
    right: 10px;
    top: 20px;
    width: 29px;
}
	

/*****MOBILE*****/
.myMenu2 {
	width: 210px;
	height: 172px;
	padding: 5px;
	text-align: center;
	border:0px solid green;
}
	.myMenu2 h2 {
		font-family: Pacifico;
		font-size: 15px;
		color: #df4a59;
		margin:0;
	}
	.myMenu2 p {
		color: #999;
		font-size:6px;
	}
	
	#slider-m {
	  position: relative;
	  overflow: hidden;
	  margin: 0px auto 0 auto;
	  border-radius: 10px;
	}
	#slider-m img {
		vertical-align: top;
				
	}
	.slide-img-m{
		width:110px;
		height:70px;
		/*width:250px;
		height:184px;*/		
	}
	#slider-m ul {
	  position: relative;
	  margin: 0;
	  padding: 0;
	  height: 150px;
	  list-style: none;
	}
	
	#slider-m ul li {
	  position: relative;
	  display: block;
	  float: left;
	  margin: 0 0 0 0;
	  padding: 0;
	  width: 210px;
	  height: 150px;
	  text-align: center;
	}
	#slider-m p {
		font-size: 6px;
	}
	.menu-name-m {
		height: 56px;
		color: #808285;
		padding-top: 0px;
		margin-top: 0px;
		font-size:6px;
	}
	a.control_prev-m, a.control_next-m {
	  position: absolute;
	  top: 8%;
	  z-index: 999;
	  display: block;
	  padding: 4% 0%;
	  width: 20px;
	  height: auto;
	  color: #fff;
	  text-decoration: none;
	  font-weight: 600;
	  font-size: 10px;
	  opacity: 0.8;
	  cursor: pointer;
	}
	
	a.control_prev-m:hover, a.control_next-m:hover {
	  opacity: 1;
	  -webkit-transition: all 0.5s ease;
	}
	
	a.control_prev-m {
	  left:20px;
	  border-radius: 0 2px 2px 0;
	}
	
	a.control_next-m {
	  left:170px;
	  border-radius: 2px 0 0 2px;
	}
	
	.fancybox-close-m {
		background-image: url(../images/mobile/exit.png);
	    height: 16px;
	    right: 20px;
	    top: 10px;
	    width: 16px;
	    position: absolute;		
		cursor: pointer;
		z-index: 8040;
	}	