@font-face {
  font-family: 'Klavik-Light';
  src: url('../_FONTs/klavik-light-webfont.eot');
  src: url('../_FONTs/klavik-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('../_FONTs/klavik-light-webfont.woff') format('woff'),
    url('../_FONTs/klavik-light-webfont.ttf') format('truetype'),
    url('../_FONTs/klavik-light-webfont.svg#Klavik-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Klavik-Regular';
  src: url('../_FONTs/klavik-regular-webfont.eot');
  src: url('../_FONTs/klavik-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../_FONTs/klavik-regular-webfont.woff') format('woff'),
    url('../_FONTs/klavik-regular-webfont.ttf') format('truetype'),
    url('../_FONTs/klavik-regular-webfont.svg#Klavik-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Klavik-Medium';
  src: url('../_FONTs/klavik-medium-webfont.eot');
  src: url('../_FONTs/klavik-medium-webfont.eot?#iefix') format('embedded-opentype'),
    url('../_FONTs/klavik-medium-webfont.woff') format('woff'),
    url('../_FONTs/klavik-medium-webfont.ttf') format('truetype'),
    url('../_FONTs/klavik-medium-webfont.svg#Klavik-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

html, body{
  background: #2e3030;
  width: 100%; height: 100%;
  min-width: 970px; min-height: 100%;
  margin: 0px; padding: 0px;
  line-height: normal;
  font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;
  text-decoration: none;
  zoom: 1; -moz-transform: scale(1);
  -webkit-user-select: none;
  font-family: 'Klavik-Regular' !important; font-size: 14px; color: #333333; text-shadow: 1px 1px rgba(0, 0, 0, 0.75);
  -webkit-overflow-scrolling: touch;
}

#NoScript{display: none;}
.Clear{clear: both;}
a{text-decoration: none;}
table{border-spacing: 0;}

.Shadow{
  position: fixed; z-index: 150; top: -10px; width: 100%; height: 10px;
  -moz-box-shadow: 0 0 20px rgba(90,97,98,.8);
  -webkit-box-shadow: 0 0 20px rgba(90,97,98,.8);
  box-shadow: 0 0 20px rgba(90,97,98,.8);
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=0, Color='#5a6162')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=0, Color='#5a6162');
}

.Header{position: fixed; z-index: 100; width: 100%;}
.Header .Logo{margin: 20px 0px 0px 20px; opacity: 0.75; filter: alpha(opacity=75); width: 200px; height: 223px;}
.Header .Logo:hover{opacity: 1; filter: alpha(opacity=100);}
.Header #Menu{position: absolute; top: 0px; right: 24px; font-family: 'Klavik-Medium'; font-size: 30px;}
.Header #Menu li{display: inline-block; margin-left: 9px;}
.Header #Menu li a{text-decoration: none;}
.Header #Menu li a{color: #FFFFFF; opacity: 0.75; filter: alpha(opacity=75);}
.Header #Menu li.active a{color: #FFFFFF; opacity: 1; filter: alpha(opacity=100);}
.Header #Menu li:hover a{color: #FFFFFF;}

.Footer{position: fixed; z-index: 100; bottom: 0px; width: 100%;}
.Footer .Social-Media{position: absolute; z-index: 100; bottom: 20px; left: 20px; height: 25px;}
.Footer .Social-Media .Item{float: left; margin-right: 4px; width: 25px; height: 25px;}
.Footer .Social-Media .Item img{font-size: 0px;}
.Footer .Copyright{position: absolute; z-index: 50; bottom: 25px; width: 100%; color: #FFFFFF; font-size: 12px; text-align: center; opacity: 0.75; filter: alpha(opacity=75);}
.Footer .POMPAA{position: absolute; z-index: 100; bottom: 18px; right: 20px;}

.Section{text-align: center; background-size: cover; background-repeat: no-repeat; background-position: center;}
.Section a{color: #FFFFFF;}
.Section h1{width: 62.5%; margin: 0 auto; color: #FFFFFF; font-family: 'Klavik-Medium'; font-size: 3em; line-height: 1.2em;}
.Section h2{width: 50%; margin: 5px auto; color: #FFFFFF; font-family: 'Klavik-Medium'; font-size: 2em; line-height: 1em;}
.Section h3{width: 62.5%; margin: 6px auto -2px auto; color: #FFFFFF; font-size: 1.5em; line-height: 1.3em;}
.Section p{width: 50%; margin: 15px auto; color: #ffffff; font-size: 1.5em; line-height: 1.3em;}
.Section img{margin-top: 6px;}
.Section .Content{position: absolute; overflow: hidden; bottom: 28px; left: 0px; width: 100%;}

.Slide{background-size: cover; background-repeat: no-repeat; background-position: center;}

#Main-Slide-0{background-image: url(../_IMAGEs/Main/Slide-0.jpg);}
#Main-Slide-1{background-image: url(../_IMAGEs/Main/Slide-1.jpg);}
#Main-Slide-2{background-image: url(../_IMAGEs/Main/Slide-2.jpg);}
#Main-Slide-3{background-image: url(../_IMAGEs/Main/Slide-3.jpg);}
#Main-Slide-4{background-image: url(../_IMAGEs/Main/Slide-4.jpg);}

#Section-About{background-image: url(../_IMAGEs/About.jpg);}
#Section-About img{  margin-top: -1.5px; max-width: 100%; }
@media screen and (orientation: landscape){ #Section-About img{ width: 30%; } }
#Section-About table#T1{ width: 100%; height:100%; color: #FFFFFF;font-size: 1.0em;line-height: 1.2em; }
#Section-About table#T1 table td{ padding: 30px 50px;  }
#Section-About table#T1 td table{ height: 100%; }

#Section-Menu{background-image: url(../_IMAGEs/Menu.jpg); text-shadow: none;}
#Section-Menu h1{font-size: 2.0em; line-height: 1.2em;}
#Section-Menu p{font-size: 1.0em; line-height: 1.2em;}
#Section-Menu table{width: 50%; margin: 15px auto; color: #FFFFFF; font-size: 1.0em; line-height: 1.2em;}

#Section-Contact #Content-Map{position: absolute; overflow: hidden; top: 0px; right: 0px; width: 50%; height: 100%; background: #666666;}
#Section-Contact #Content-Map #Content-Map-Canvas{position: absolute; top: -12.5%; left: -12.5%; width: 125%; height: 125%;}
#Section-Contact .Color{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #2e3030; opacity: 0.50; filter: alpha(opacity=50);}
#Section-Contact h1{color: #FFFFFF;}
#Section-Contact .Content{ position: absolute; left: 0px; top: 0px; width: 50%; height: 100%; }
#Section-Contact .Content table{ width: 100%; height: 100%; }
#Section-Contact p{ width: 70% !important;  }

.fp-controlArrow{z-index: 75; opacity: 0.75; filter: alpha(opacity=75); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.fp-controlArrow:hover{opacity: 1; filter: alpha(opacity=100);}
.fp-controlArrow.fp-prev{left: 45px; width: 68px; height: 68px; border: none; background-image: url(../_IMAGEs/Previous-01-68x68px.png);}
.fp-controlArrow.fp-next{right: 44px; width: 68px; height: 68px; border: none; background-image: url(../_IMAGEs/Next-01-68x68px.png);}

.Animation-Fast{-webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out;}
.Animation-Fair{-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.Animation-Slow{-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.Animation-Slowest{-webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; transition: all .8s ease-in-out;}

.Shadow-Soft{
  -moz-box-shadow: 0 0 10px rgba(90,97,98,.8);
  -webkit-box-shadow: 0 0 10px rgba(90,97,98,.8);
  box-shadow: 0 0 10px rgba(90,97,98,.8);
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color='#5a6162')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color='#5a6162');
}