@charset "utf-8";
/* CSS Document */
html, body {
	height: 100%;
	margin: 0;
}
@font-face {
 font-family: SuperClarendon;
 src: url('SuperClarendon.ttc');
}
 
body {
	font-size:100%;
	font-family:SuperClarendon;
	color: #000;
	line-height:3em;
	color:#666;
		display: -ms-flexbox;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: box;
	-ms-flex-direction: row;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-ms-box-orient: horizontal;
	box-orient: horizontal;
	justify-content: center;
	align-items: center;
}
#mainContainer{
	max-width:1920px;
	margin:0 auto;
	/*height:100%;*/
	}

#section-1{
/*	height:100%;*/
	overflow:hidden;
	display:  block;
	}
h1,h2,h3 {
	font-family:SuperClarendon;
	font-weight:normal;
}
img {
	width: 100%;
	display:table-cell;
	vertical-align:middle;
	margin:auto;
}
#section-5 img{
	/* width:35%; */
	max-width: 532px;
}
.full-height {
	display: table;
	width: 100%;
	/* height: 100%; */
	text-align: center;
}
.content-wrapper {
	display: table-cell;
	vertical-align: middle;
	padding: 0;
	height:100%;
}
.content-wrapper h1.big{
	text-align:left;
	font-size: calc( 14px + (38 - 14) * ( (100vw - 200px) / (1800 - 200) ));
	/*font-size: 2.5vw;*/
	line-height: 1.5em;
}
 h1.whiteCapitals{
	text-align:left;
	font-size: calc( 15px + (38 - 15) * ( (100vw - 200px) / (1800 - 200) ));
	/*font-size: 2.5vw;*/
	 
	color:  #fff;
	}
.content-wrapper.section-1{
	display:block;
	}
 .index-video{
	 width:100%;
 	height:100%;
    object-fit: cover;
    z-index: -100;
    right: 0;
    bottom: 0;
     overflow: hidden; 
	 }
.videoContainer {
 position: relative;
    padding-bottom: 56.25%; 
    padding-top: 25px;
    height: 0;
}

iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  /*  height: 100%;*/
  height:90%;
}
 #section-2,#section-3{
	 width:80%;
	 margin:0 auto;
	 }

  #section-4{
  	width: 100%;
  	background-color: #eea044;
  }
   #section-4-1{
  	width: 100%;
  	background-color: #fff;
  }

 #section-4 .content-wrapper,
 #section-4-1 .content-wrapper,
 #section-5 .content-wrapper,
  #section-6 .content-wrapper   {
	 	 max-width: 80%;
	 	 margin:0 auto;
	 	 display: block;
	 }
 #section-4-1 .content-wrapper a{
	 color: #666;
	 font-weight: bold;
	 }
 a[href^=tel],
  a[href^=tel]:link, 
  a[href^=tel]:visited, 
  a[href^=tel]:hover{
 color:#666;
 text-decoration:none;
 }
#section-5{
	width:100%;
	background-color:#7a7a7a;
	color:#fff;
	font-family:Arial, sans-serif;
	text-align:left;
	padding: 0 0 20px 0;
	}
#section-6{
	padding:40px 0;
}
#section-5 ul{
	margin:20px 0 0 0;
}
#section-5 ul li{
	display:block;
	font-size: 0.8em;
	line-height: 1.8em;
}
#section-5 ul li a{
	color:#fff;}
 .fliesstext{
	 font-family: arial, sans-serif;
	 text-align:left;
	 font-size: 0.95em;
	 line-height: 1.9em;
	 }
ul.fliesstext{
	
padding: 0 0 0 22px;
	}
ul.fliesstext li{
	padding: 0 0 10px 0;
	display: list-item;
	list-style-type: disc;
	list-style-position: outside;
	line-height: 1.5em;
}
.smallText{
	font-size: 13px;
	line-height: 16px;
	margin: 21px 0 0;
	}
.grid-container {
  display: grid;
  grid-gap: 1%;
  grid-template-columns: 30% 35% 31%;
  align-items: self-start;
}

.grid-container {}
.grid-container.four {
   grid-template-columns: auto auto auto auto;
   grid-column-gap: 90px;
}
.grid-item img{
	/* text-align:  left; */
	display:  block;
	/* margin: 0; */
}
.grid-container  .grid-item {
	align-self: start;
}
.grid-container.four  .grid-item {
	align-self: center;
}

a:link, a:visited {
	color.#666;
	font-size: 0.95em;
	color: #666;
	font-weight:  bold;
	text-decoration:none;
}
a:hover, a:focus, a:active {
	color: #999;
	text-decoration:none;
}

 
.navigation{
	display:none;
	position: fixed;
	height:0;
	transition: height 700ms;
	top: 0;
	right: 0;
	width:  100%;
	z-index: 100;
	/*-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.22);
-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.22);
box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.22);*/
	}	
ul{
	list-style:none;
 	}
li{

	display:inline;
	/* padding: 0 30px; */
	font-size: 1.1em;
	}
	
/* hide the checkbox and the label */

input#responsive-nav,
label.responsive-nav-label {
  display: none;
}

/* declarations for the not-responsove-menu */

nav {
  /* float: left; */
  background-color: #7a7a7a;
  width: 100%;
}
nav h1,
#section-5 h1{
	text-align:left;
	line-height: 32px;
	font-size: 28px;
	font-weight: 100;
	
	}
nav h1{
	margin: 48px 0;
	}
#section-5 h1{
	color:#fff;
	margin: 16px 0 0 0;
	}
nav ul {
	width: 147px;
	color: #fff;
	text-align: left;
	margin: 0 auto;
	padding: 0 0 100px 0;
}
nav a:link, nav a:visited, nav a:active, nav ul li a {
  display: block;
  color: #fff;
  text-decoration: none;
}
nav a:hover{
	color:#e6e1e1}
nav ul li {
  position: relative;
  /* float: left; */
  list-style: none;
  color: #fff;
  padding:  0;
  /* transition: 0.5s; */
}


nav ul li a {
  padding: 0;
  line-height: 38px;
  font-size: 0.9em;

}



/* Declarations for the responsive menu */

label.responsive-nav-label {
    position: absolute;
    display: block;
    padding: 20px;
    margin:0;
    /* background: #7a7a7a; */
    cursor: pointer;
    color: #333;
    right: 5px;
    z-index:  100;
}
  
label.responsive-nav-label span {
  padding:  0;
  margin: 0;
}
label.responsive-nav-label span img{
  width: 72px;
}
nav {
  position: absolute;
  top: -9999px;
  padding: 10px;
}

input#responsive-nav[type=checkbox]:checked ~ nav {
  position: absolute;
  z-index: 90;
  top: 0;
}

#section-scroller-button-bottom,
#section-scroller-button-top{
	position: fixed;
	left: 50%;
	transform: translate(-50%, -50%);
	bottom: 5px;
	height: 60px;
	width: 60px;
	border-radius: 50%;
	background-color:transparent;
	color: black;
	z-index: 10;
	cursor: pointer;
}
.caret {
	position: absolute;
	top: 0;
	width: 20px;
	height: 20px;
	display: inline;
	margin: 10px 16px;
	padding: 3px;
	border-bottom: solid 3px #000;
	border-right: solid 3px #000;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}
#section-scroller-button-top.small-device{
	display:none;
 	}
#section-scroller-button-bottom.rotate .caret {
	top: 4px;
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.footer{
	position:fixed;
	bottom:0;
	display:block;
	width:100%;
	height:50px;
	background-color:#999;}
@media screen and (max-width: 768px) {
.grid-item img{
	max-width: 100px;
}
}

@media screen and (max-width: 700px) {
#section-5 h1{
	font-size: calc( 13px + (28 - 13) * ( (100vw - 200px) / (1800 - 200) ));
	line-height:1em;
	padding-top: 0.3em;
}
#section-5  .grid-container {
   grid-template-columns: 19% 39% 48%;
}
.grid-container.four {
  
   grid-column-gap: 10px;
}
}

@media screen and (max-width: 400px) {
#section-5 h1{
	padding-top: 0.45em;
}
}
.contact #mainContainer{
	width:100%;
	max-width:auto;

	}
.contact h2,h3{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;}
.contact .full-height{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 25px;
	}
 #section-7{
  	width: 100%;
  	padding: 7px 0;
  	background-color: #eea044;
  }
 #section-7 h1{
 padding-left:10%
 } 

.contact .navigation{
	top:-12px;
} 
 #section-8,
 #section-9,
 #section-10{
	    width: 80%;
    margin: 0 auto;}
.tooltip{
	color:#fff;}