@charset "UTF-8";
/* CSS Document */

html, body{ width: 100%; min-height:100%; font-family: 'Titillium Web', sans-serif; text-align:center;}
img{max-width: 100%; height:auto;}

a{color:inherit;}

a:hover{color: #fff;}

.anchor-move{height: 10%;}
.anchor-move-about{height: 50%;}
h1{font-size: 48pt; font-weight: 400; line-height: 52pt; text-transform: uppercase;} 
h2{font-size: 40pt; font-weight: 700; line-height: 44pt; text-transform: uppercase;}
h3{font-size: 36pt; font-weight: 600; line-height: 40pt; text-transform: uppercase;}
h4{font-size: 32pt; font-weight: 500; line-height: 36pt; text-transform: uppercase;}
h5{font-size: 28pt; font-weight: 400; line-height: 32pt; text-transform: uppercase;}
h6{font-size: 24pt; font-weight: 300; line-height: 28pt; text-transform: uppercase;}
h7{font-size: 18pt; font-weight: 500; line-height: 22pt; text-transform: uppercase;}
h8{font-size: 14pt; font-weight: 600; line-height: 18pt; text-transform: uppercase;}
p{font-size: 14pt; font-weight: 500; line-height: 18pt; text-transform: none;}

ul{font-size: 14pt; font-weight: 500; line-height: 18pt; text-transform: none;}
.title{font-size: 40pt; font-weight: 400; line-height: 45pt; text-transform: lowercase;}
.txt-menu{font-size: 10px;line-height:20px; font-weight: 400;}
.txt-size{font-size: 12pt; font-weight: 500; line-height: 18pt; text-transform: none;}
.footer-font{font-size: 12px;line-height:20px; font-weight: 400; padding-left:10px;}
.website-wrap{width:93%; margin-left:auto; margin-right:auto; min-height:100%; margin-top:10%;}

.spacer20{width: 100%; height: 300px;}
.spacer15{width: 100%; height: 250px;}
.spacer10{width: 100%; height: 200px;}
.spacer10footer{width: 100%; height: 140px;}
.spacer5{width: 100%; height: 100px;}
.icon-size{font-size: 18px; line-height: 1.4em; margin-right: 12px;}
.icon-size-LG{font-size: 25px; line-height: 1.4em; margin-right: 8px;}
.sides{padding: 0 14%; text-align: center;}

.valign10-up{margin-top: -3%;}
.valign10{margin-top: 10%;}
.valign5{margin-top: 5%;}
.valign2{margin-top: 2%;}
.txt-footer{font-size: 10pt; font-weight: 500; line-height: 12pt; text-transform: none;}

.txt-left{text-align: left; }
.txt-right{text-align: right;}
.txt-center{text-align: center;}

.footer-right{text-align: right;}

.color{background-color: aqua;}
.color2{background-color: pink;}
.txt-W{color:#e5e5e5;}
.txt-G{color:#4d4d4d;}

.bck-W{background-color:#e5e5e5;}
.txt-upper{text-transform: uppercase;}
.footer-fix{position:fixed; bottom:2%; left:0px; right:0px;}

.navfix{position: absolute; top:2%}

.footer-social{
width:35px;
height:auto;
padding: 0px 10px;
display:inline-block;
text-align: right;
} 

.vh90{height: 90vh;}
.vh80{height: 80vh;}
.vh70{height: 70vh;}

#video-panel{width: 100%;}
	
.videoblocks{
display:inline-block;
width: 300px;
height: auto;
margin-bottom: 5px;
 filter: brightness(60%);
  transition: 0.3s;
}

.videoblocks:hover {filter: brightness(100%)}


.absolute{ position:absolute; bottom: 0px;}
.contact-noborder{
list-style: none; list-style-position: inside; padding:20px 0px; margin: 20px 0px;
}
.contact-social{display: inline-block; list-style: none; list-style-position: inside; padding: 8px; text-align: left; width: 40px; height: auto;}

.vanish{display: inline-block;height: auto;}