body {
				background-color: #ecffc1;
				margin: auto;
				padding: 20px;

			}	

			#menu {
				position: relative;
				background-color: #ffffff;
				width: 1000px;
				line-height: 0px;
				padding-left: 10px;
				margin: auto;
				border-radius: 15px;	
			}

			#container {
				width: 1000px;
				border-radius: 15px;
				margin: auto;
				padding: 20px;
				position: relative;
				/*background-image: url('../img/bg2.png');
    			background-repeat: no-repeat;
    			background-position: 750px 80px;
    			background-size: 300px;*/

			}

			header {
				position: relative;
				height: 35px;
				padding: 10px 20px;
				margin-bottom: 15px;
				bottom: 18px;
				border-radius: 15px;
			}

* img {
    max-width:100%;
    height: auto;
}

.pan1 {
	position: absolute;
	-webkit-animation: moveY 9.5s linear 0s infinite alternate;
}

.pan2 {
	position: absolute;
	-webkit-animation: moveX 5.5s linear 0s infinite alternate;
	transform: scale(1.3);
	top: -30px;
}

.zoom1 {
	position: absolute;
	-webkit-animation: zoom 10s infinite alternate;
	animation: zoom 10s infinite alternate;
}

@-webkit-keyframes moveY {
  from { top: 0px; } to { top: -400px; }
}

@-webkit-keyframes moveX {
  from { left: -60px; } to { left: 60px; }
}

@-webkit-keyframes zoom {
    from {
    	-webkit-transform: scale(1);
    }
    to {
    	-webkit-transform: scale(1.2);
    }
}
			
header h1 {
	display: none;
}
nav {
		font-family: 'Avenir', sans-serif;
		font-weight: lighter;
		position: absolute;
		right: 80px;
		top: 5px;
		}
nav a {
		display: inline-block;
		height: 60px;
		line-height: 50px;
		color: black;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 14px;
		padding: 0px 50px;
		transition: all 1s;
		}

nav a:hover {color: silver; }
nav a.chosen {color: silver; }

section {
	margin-top: 15px;
	padding-top: 15px;
	min-height: 0px;
}

section.border {
	border-top: solid 1px silver;
}

footer {
	background-color: #ffffff;
	width: 900px;
	line-height: 50px;
	padding-left: 100px;
	text-align: left;
	color: #797979;
	margin: auto;
	border-radius: 15px;
}

.thumbnail {
	margin-top: 20px;
	margin-left: 40px;
	margin-bottom: 20px;
	opacity: 0.5;
	display: inline-block;

}

.thumbnail:hover {opacity: 1; transition: 0.5s; }

#banner {
	margin: 20px;

}

#welcome {}
#welcome .des {
	width: 900px;
	margin: auto;
	
}

h2 {
	font-family: 'MontserratAltBoldItalic'; 
	font-size: 26px;
	line-height: 40px;
	color: #444;
}

h2.bordered {
	width: 500px;
	border-bottom: solid 2px #444;
	margin: auto;
}

h3 {
	font-family: 'MontserratAltBoldItalic';
	margin-left: 100px;
}

h4 {
	font-family: 'Silkscreen';
	font-size: 14px;
	color: silver;
	line-height: 0px;
	font-weight: lighter;
	margin-left: 20px;
}

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.cf:after {clear: both;}
.cf { *zoom: 1;}

p {
	font-family: 'Helvetica';
	font-size: 14px;
	line-height: 20px;
	padding-left: 100px;
	width: 700px;
	color: gray;
	}

	#gallery img {margin-right: 28px; }
	#gallery img.last { margin-right: 0px; }

	.images {
			display: inline-block;
			width: 250px;
			height: 260px;
			margin: 20px;
	}

footer {
	position: relative;
	left: 0px;
	bottom: 0px;
	right:0px;
	font-family: 'Avenir';
}

#container {
background-color: white;
margin-bottom: 15px;
	}

#main {border-top: solid 1px #c0c0c0;}
#main article{
	width: 900px;
	padding:10px;
	margin: auto;
}

#main aside {
	margin-left: 200px;
}


#main article h1 {
	border-bottom: solid 2px #000;
	width: 242px;
	font-family: 'CaviarDreams';
	font-size:26px;
	padding: 20px;
	margin: 0px;
}
#main aside h1 {
	border-bottom: solid 2px #000;
	width: 180px;
	font-family: 'CaviarDreams';
	font-size: 26px;
	line-height :30px;
	padding: 20px;
	margin: 0px;
}

.tab-content1 {
	margin: auto;
	position: relative;
	padding: 20px;
	width: 90%;
}


.slider-nav {
	margin: 0 auto;
 	width: 70%;
}

.tab1 {padding: 20px;}

.slick-prev:before {
	position: absolute;
	left: -20px;
	top: -5px;
	font-size: 0px;
	width: 32px;
	height: 32px;
	background-image: url("../img/arrow2.svg");
	} 

.slick-next:before { 
    position: absolute;
	top: -5px;
	font-size: 0px;
	width: 32px;
	height: 32px;
	background-image: url("../img/arrow.svg");
}

.unslider-nav ol {
  position: relative;
  right: 400px;
  top: 390px;
  margin: auto;
}
.unslider-nav ol li {
  border: 2px solid silver;
}
.unslider-nav ol li.unslider-active {
  background: gray;
}

.my-slider {
	position: relative;
	left: 200px;
	height: 300px;
	width: 600px;
}

.unslider-arrow.next {
	position: absolute;
	top: 220px;
	right: 150px;
	font-size: 0px;
	width: 32px;
	height: 32px;
	background-image: url("../img/arrow.svg");
}

.unslider-arrow.prev {
	position: absolute;
	top: 220px;
	left: 150px;
	font-size: 0px;
	width: 32px;
	height: 32px;
	background-image: url("../img/arrow2.svg");
}

.mylightbox {
	padding: 50px;
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-borderless-customized .tooltipster-box {
	font-family: 'Avenir';
	font-size: 14px;
	max-width: 17em;

}

.about {
	margin-left: 80px;
	padding: 40px;
	border-radius: 70px;
	float: left;
}


	#tab-navigation { height: 50px; width: 600px; margin-bottom: 2px; margin-left: 150px; }
		.tab-nav { width: 70px; height: 50px; margin-left: 0px; float: left; background-image: url('../img/tab-.png'); text-align: center; line-height: 50px; cursor: pointer; }
		.tab-nav1 { width: 70px; height: 50px; margin-left: 0px; float: left; background-image: url('../img/tab.png'); text-align: center; line-height: 50px; cursor: pointer; }
		.tab-nav2 { width: 70px; height: 50px; margin-left: 0px; float: left; background-image: url('../img/tab.png'); text-align: center; line-height: 50px; cursor: pointer; }
		.tab-nav3 { width: 70px; height: 50px; margin-left: 0px; float: left; background-image: url('../img/tab.png'); text-align: center; line-height: 50px; cursor: pointer; }
		.tab-nav.active { background-image: url('../img/tabpress-.png'); }
		
	#tab-content { width: 600px; height: 300px; background-image: url('../img/img.png'); padding: 10px 10px; margin-left: 120px; overflow: hidden; }
		.tab { width: 600px; height: 300px; padding: 0px 0px;}
		#tab-a { background-image: url('../img/img.png'); }
		#tab-b { background-image: url('../img/img.png'); }
		#tab-c { background-image: url('../img/img.png'); }
		#tab-d { background-image: url('../img/img.png'); }
		#tab-e { background-image: url('../img/img.png'); }
		#tab-f { background-image: url('../img/img.png'); }
		#tab-g { background-image: url('../img/img.png'); }
		#tab-h { background-image: url('../img/img.png'); }
			
		.hidden { display: none; }

/*Mosaic*/

.a1 {
display: inline;
width: 120px;
}

.a2 {
display: inline;
margin-left: 160px;
width: 120px;
}

.a3 {
display: inline;
margin-left: 320px;
width: 120px;
}

.a4 {
display: inline;
margin-left: 480px;
width: 120px;
}

.b1 {
display: inline;
margin-top: 140px;
width: 120px;
}

.b2 {
display: inline;
margin-top: 140px;
margin-left: 160px;
width: 120px;
}

.b3 {
display: inline;
margin-top: 140px;
margin-left: 320px;
width: 120px;
}

.b4 {
display: inline;
margin-top: 140px;
margin-left: 480px;
width: 120px;
}

.c1 {
display: inline;
margin-top: 280px;
width: 120px;
}

.c2 {
display: inline;
margin-top: 280px;
margin-left: 160px;
width: 120px;
}

.c3 {
display: inline;
margin-top: 280px;
margin-left: 320px;
width: 120px;
}

.c4 {
display: inline;
margin-top: 280px;
margin-left: 480px;
width: 120px;
}

#mosaic {
  position:relative;
  height:400px;
  width:600px;
  margin:0 auto;
  left: 0px;
}

#mosaic img {
  position:absolute;
  left:0;
  border-radius: 10px;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

@keyframes mosaicFade {
  0% {
  opacity:1;
}
45% {
opacity:1;
}
55% {
opacity:0;
}
100% {
opacity:0;
}
}

#mosaic img.top {
animation-name: mosaicFade;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 6s;
animation-direction: alternate;
}

#mosaic img.topp {
animation-name: mosaicFade;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 4s;
animation-direction: alternate;
}

#mosaic img.toppp {
animation-name: mosaicFade;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 8s;
animation-direction: alternate;
}

#mosaic img.topppp {
animation-name: mosaicFade;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 10s;
animation-direction: alternate;
}

/*@media all and (min-width: 1400px) {

	#container {
				width: auto;
				border-radius: 15px;
				margin: auto;
				padding: 20px;
				margin-left: 40px;
				margin-right: 40px;

			}

	footer {
		top: 15px;
	}

	.thumbnail {

	}

}*/

/*@media all and (max-width: 800px) {

  #container {
    width: auto;
  }

.thumbnail {
	margin-left: 50px;
	
}

h2.bordered {
	width: auto;
}

#main aside {
	margin: auto;
}

p {
	padding-left: 20px;
	font-size: 10px;
	width: 80%;
}

  #menu {
    width: auto;
}

  #menu a{
    font-size: 10px;
    padding: 0px 5px;
  }

  .my-slider {
	position: relative;
	left: 20px;
	height: auto;
	width: 80%;
}

  footer {
    width: auto;
    font-size: 12px;
    padding-left: 20px;
  }
}*/