/* Reset */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}object {outline:none;display:block;overflow:hidden}textarea {overflow:auto}iframe {border:0}sup,sub{line-height:0;font-size:10px;position:relative;vertical-align:baseline}sup{top:-7px}sub{bottom:3px}

	

body {    
    font-family: 'Verdana', Helvetica, Arial, sans-serif;
	  font-size: 10pt;
 	  font-weight: normal; 
	  line-height: 1.6; 
    color: #666666;
	  background-color: white;
	  background-image: none 
}
	

a, a:visited, a:hover {
	 font-size: 10pt;
 	 font-weight: normal; 
	 color: #666666; 
	 text-decoration: none;
	 cursor: hand;
}

img {
    max-width: 100%;
}

.clear {
    clear: both;
}

.blue {
    color: #3399CC;
}

.big {
	font-size: 20px;
}	

.spacer {
	margin-bottom: 100px;
}	

.centre {
    text-align: center;
}

.home-image {
    width: 100%;
    text-align: center;
    margin-top: 100px;
    margin-bottom: 50px; 
}

.title {
    position: absolute;
    top: 15px;
    left: 40px;
    margin: 0;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    color: #3399CC;
}

/* home page */
.tagline {
    margin-bottom: 20px;
}

/* 404 page */
.logo-block {
    margin-top: 70px;
    text-align: center;
}

/* about page */
.about-text {
    width: 60%;
    margin: 70px auto;
    font-weight: normal;
}

/* images details page */
.slider {
    margin-top: 100px;
} 

/* main menu */
.menu {
    width: 100%;
    text-align: center;
}	

.menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    color: #666666;	
}

.menu li {
    display: inline;
    padding-left: 25px;
    padding-right: 25px;
}

.menu li a {
    text-transform: uppercase;
}

/* Navigation */
div.menu-page-overlay {
  display: none;
  z-index: 100;  
  background-color: rgba(185, 185, 185, 0.8);
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 200;
  top: 0;
  right: 0;
  background-color: #3399CC; 
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 15px;
  color: white;
  text-decoration: none;
  display: block;
  text-transform: uppercase;
  transition: 0.3s;
}

.sidenav ul {
	list-style: none;
	margin-bottom: 200px;
}

.sidenav  li {
	font-size: 17px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 10px;
}

.sidenav a:hover {
   color: white;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
.menutoggle {
    position: absolute;
    top: 0px;
    right: 0px;
    margin: 0;
    cursor: pointer;
    z-index: 150;
}
.menuclose {
	  position: absolute;
    top: 10px;
    right: 10px;
}
.main-nav hr {
	width: 190px;
	margin-left: 15px;
}	

#menu-main-menu li,
#menu-main-menu li a {
  width: 200px;
  margin-left: 35px;
  text-transform: uppercase;
  color: #eaeaea;
}

#menu-main-menu .bottom-margin {
  padding-bottom: 8px;
}

#menu-main-menu li a .travel,
#menu-main-menu li a .sub {
  margin-left: 50px;
}

#menu-main-menu .header {
  margin-top: 20px;
  font-weight: bold;
}

#menu-main-menu .header a {
  margin-top: 20px;
  font-weight: bold;
  margin-left: 0px;
  font-size: 17px;
}

/* image gallery */
#waterfall { 
  margin-top: 55px; 
  margin-left: 10px; 
  margin-right: 10px; 
  margin-bottom: 10px; 
  list-style-type: none;
}

#waterfall li {
  left: 0;
  top: 0;
  opacity: 0;
  transform: translateY(100px);
  
  border-radius: 3px;
}

#waterfall li.show {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.3s, top 1s;
  
  border-radius: 3px;
}

#waterfall li > div {
  color: rgba(0,0,0,0.6);
  font-size: 32px;
  border-radius: 3px;
  margin: 10px;
  padding: 15px;
  background: rgb(255,255,255);
  border: 1px solid #bbb;
  transition: all 0.5s;
}

#waterfall li > div:hover {
  transform: translateY(-10px);
  border: 1px solid rgba(119, 119, 119, 1);
  box-shadow: 0 10px 15px rgba(119, 119, 119, 0.1);
  transition: all 0.3s;
}

.image-box { 
  max-width: 307px; 
}   

.arrow-previous {
    float: left;
    margin-left: 44%;
}  

.arrow-next{
    float: right;
    margin-right: 44%;
}