.mycontainer{width:98%; max-width:1200px;margin:0 auto;display:block;overflow:hidden;}




body,td{colot:#fff;overflow-x:hidden;font-family: "CenturyGothic";}

header{padding:30px 0;height:130px;position:fixed;width:100%;z-index:10000;}

#content
{
padding-top:130px;
color:#fff;
}


#navigation{
	
	position:fixed;
	width:100%;
	overflow:hidden;
	background-color:rgba(255,255,255,1);
	color:#000;
	left:0;
	top:0;
	padding:30px 0 30px 0;
z-index:10002;
font-size:0.9em;
line-height:2;
display:none;
}

#navigation h4{border-bottom:1px dotted #000;padding:0 0 10px 0;}

#navigation a{color:#000;}

#drawer{text-align:right; }
		  
		  
		  
		  #drawer img{-webkit-transition: -webkit-transform .2s ease-in-out;
          transition:         transform .2s ease-in-out;}
		  #drawer img:hover{opacity:0.5;}

#navigation #close{position:absolute;right:5px;top:5px;cursor:hand;

  -webkit-transition: -webkit-transform .2s ease-in-out;
          transition:         transform .2s ease-in-out;

}


#navigation #close:hover{-webkit-transform: rotate(90deg);
          transform: rotate(90deg);}



#mainslider{
width:100%;
height:100vh;	
overflow:hidden;
}

#mainslider #slide{
	overflow:hidden;
	background-color:#000;
	
	}
	
	#mainslider #slide img{width:auto;height:100vh;}
	
	
	
	
	#welcome{position:absolute;font-size:1.2em;
	bottom:30px;width:100%;left:0px;color:#fff;z-index:2000;font-size:1.1em;line-height:1.8;
	text-align:left;text-shadow: 0px 0px 11px #000;}
.mybtn{background-color:#fff;color:#000;padding:2px 7px;display:inline-block;font-size:0.9em;text-shadow:none;}

#collection{width:100%;line-height:100vh;position:relative;z-index:1000;display:block;background-image:url(../images/bg1.jpg);}

#collection .collectiontype{width:33.33%;height:100vh;background-color:#ddd;float:left;display:none;}

#collection .collectiondetails{width:100%;height:100vh;float:left;line-height:1.5;padding:8% 10%;color:#eee;text-align:center;background-color:rgba(0,0,0,0.6);display:block;padding-bottom:20px;}

#collection .collectiontype .c1 {
  background-image: url('../images/c1.jpg');
    background-size:auto 100%;
	 background-position:center;
	 position:relative;
}

#collection .collectiontype .c2 {
  background-image: url('../images/c2.jpg');
   background-size:auto 100%;
   background-position:center;
    position:relative;
}

#collection .collectiontype .c3 {
  background-image: url('../images/c3.jpg');
   background-size:auto 100%;
    background-position:center;
	 position:relative;

}

#collection .collectiontype .c4 {
  background-image: url('../images/c4.jpg');
   background-size:auto 100%;
    background-position:center;
	 position:relative;

}


#collection .collectiontype .c5 {
  background-image: url('../images/c5.jpg');
   background-size:auto 100%;
    background-position:center;
	 position:relative;

}


#collection .collectiontype .c6 {
  background-image: url('../images/c6.jpg');
   background-size:auto 100%;
    background-position:center;
	 position:relative;
}



.collectiontext{color:#fff;position:absolute;bottom:0;padding:5%;z-index:2002;left:0;display:block;width:100%;line-height:1.8;background-color:rgba(0,0,0,0.5);text-align:center;}

.collectiontext h4{font-size:1.6em;padding:0;}







#image-carousel {
  position: static;
  left: 0%;
  top: 0%;


  width: 100%;
  height: 100vh;
  border-radius: 0;
  overflow: hidden;
}

#image-carousel .handle {
  width: 100%;
  height: 100vh;
  border-radius: 0;
  background-color:#fff;
}

#image-carousel .handle .slide {
  float: left;
  position: relative;
  width: 100%;
  height: 100vh;
  background-repeat: no-repeat;
  background-position: center center;
/*  cursor:move;*/
}

#image-carousel .handle .img1 {
  background-image: url('../images/banner1.jpg');
   background-size:100% auto;
   background-position:top;
}

#image-carousel .handle .img2 {
  background-image: url('../images/banner2.jpg');
   background-size:100% auto;
   background-position:top;
}

#image-carousel .handle .img3 {
  background-image: url('../images/banner3.jpg');
   background-size:100% auto;
   background-position:top;
}

#image-carousel .handle .slidetitle
{
letter-spacing:2px;
	text-align:center;
	position:absolute;
	right:0;
	top:0;
	height:100vh;
	color:#000;
	background-color:#fff;
	padding:0 4%;
	font-size:1.7em;
	display:none;
	

}


#image-carousel .handle .slidetitle .text{ margin-top:100%;}

#image-carausel{}





@media screen and (max-width:480px){
	
	#header{position:static;clear:both;}
	
#welcome{position:static;width:100%;font-size:0.9em;padding-bottom:10px;}


#mainslider
{
	position:static;
	display:block;
height:auto;
min-height:150px;
	  overflow: hidden;
	  background-color:#fff;
	  clear:both;
	  margin-bottom:20px;

}


header{display:block;position:static;clear:both;}


#image-carousel {

  position: static;
  width: 100%;
height:auto;
  border-radius: 0;
  overflow: hidden;
  display:block;
}

#image-carousel .handle {
	position:static;
  width: 100%;
height:auto;
min-height:150px;
  border-radius: 0;
  background-color:#000;
}

#image-carousel .handle .slide {
    width: 100%;
  height: auto;
  min-height:150px;
    background-color:#000;
}


#image-carousel .handle .img1 {
  background-image: url('../images/banner1.jpg');
   background-size:100% auto;
   background-position:top;
}

#image-carousel .handle .img2 {
  background-image: url('../images/banner2.jpg');
   background-size:100% auto;
   background-position:top;
}

#image-carousel .handle .img3 {
  background-image: url('../images/banner3.jpg');
   background-size:100% auto;
   background-position:top;
}






#collection .collectiontype{width:100%;height:auto;background-color:#ddd;float:none;}

#collection .collectiondetails{width:100%;height:auto;float:none;line-height:1.5;padding:25% 10% 5% 10%;color:#eee;text-align:center;}



}