body {
 background: black;
 color: white;	
}
.container {
  position: relative;
  width:90%;
  max-width: 900px;
  margin: 0 auto;
}
* {
  box-sizing: border-box;
}
.hero-image {
  height: 65%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.hero-text {
  text-align: center;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;

  width:100%;
}
.button-hero {
  border-radius: 3px;
  outline: 0;
  display: inline-block;
  padding: 10px 25px;
  color: white;
  font-size: 20px;
  font-weight: 600;
  background-color: #006d8d;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
}
.button-hero:hover {
  background-color: #555;
  color: white;
}
/*Slides*/
.mySlides {
  display: none;
}
.video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  z-index: -1;
  object-position: center;
  object-fit: cover;
  opacity: 0.4;
}
/* Slides Animation */
.kenburns-bottom {
  animation: kenburns-bottom 16s ease-out infinite both;
}
@keyframes kenburns-bottom {
  0% {
            transform: scale(1) translateY(0);
            transform-origin: 50% 84%;
  }
  100% {
            transform: scale(1.25) translateY(15px);
            transform-origin: bottom;
  }
}
.corner {
  border-radius:  15px 50px;
  background: #141414;
  padding: 42px; 
  width: 100%;
}
.corner1 {
  border-radius:  15px 50px;
  background: white;
  width: 99.7%;
  
} 
.corner2 {
  border-radius:  0px 0px 15px 15px;
  padding: 5px; 
  background: white;
  width: 100%; 
}
.corner3 {
 border-radius:  15px 50px;
 padding: 5px; 
 background: #141414;
 width: 90%;
 max-width:900px;
 margin: 0 auto;
 
}
.cursor {
  cursor: pointer;
}
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
  background: black;
}
.next {
  right: 0;
  border-radius: 3px 0 0 3px;	
}
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
	width:80%;
	margin:0 auto;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
.column {
  float: left;
  width: 16.66%;
}
.demo {
  opacity: 0.6;
}
.active,
.demo:hover {
  opacity: 1;
}
.mySlides1 {
  display:none;
}
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}
.dot1 {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #006d8d;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.active1 {
  background-color: #717171;
}
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
#timetable {
  background: black;
  margin: 0 auto;
  padding:20px;
  width: 80%;
  padding:30px;
}
.input-container1 {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 15px;
}
.icon1 {
  padding: 10px;
  background: #006d8d;
  color: white;
  min-width: 50px;
  text-align: center;
    font-size: 1.5em;
}
.input-field1 {
  width: 100%;
  padding: 10px;
  outline: none;
}
.input-field1:focus {
  border: 2px solid #006d8d;
}
.btn1 {
  background-color: #006d8d;
  color: white;
  padding: 15px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
}
.btn1:hover {
  opacity: 1;
}
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
    margin-top:2%;
}
.active, .accordion:hover {
  background-color: #ccc;
}
.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}
.active:after {
  content: "\2212";
}
.panel {
  padding: 0 18px;
  background-color: white;
    color: black;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.iconblu {
  color: #006d8d;
  font-size: large;
}
#containerflex {
    width: 85%;
    height: -webkit-calc(100% - 50px);
    height: calc(100% - 50px);
    position:relative;
    padding:5% 1% 0 1%;
    border-radius:  15px 50px;
    margin: 0 auto;
    background: #141414;
}
 .flexbox-container {
     display: flex;
     display: -webkit-flex;
     width: 100%;
     height: 30%;
     align-items:center;
     text-align: center;
     margin: 0 auto;
     flex-wrap:wrap;
     -webkit-flex-wrap: wrap;
     background: black;
     padding: 5%;
     align-items: stretch;
}
 .flexbox-item {
     background-color: #006d8d;
     width:128px;
     height:128px;
     margin: 0 auto;
     padding: 10px;
     box-sizing: border-box;
}
#containerflex1 {
width: 100%;
position:relative;
margin: 0 auto;
}
.flexbox-container1 {
display: flex;
display: -webkit-flex;
width: 100%;
height: auto;
align-items:center;
text-align: center;
margin: 0 auto;
flex-wrap:wrap;
-webkit-flex-wrap: wrap;
background: #006d8d;
padding: 5px;
align-items: stretch;
}
.flexbox-item1 {
background-color: #006d8d;
margin: 0 auto;
padding: 10px;
box-sizing: border-box;   
}
.polygon {
fill: #006d8d;
position: relative;
z-index: -1;
}
.svg {
  position: absolute;
  top: 0;
  left: 0;
	right: 0;
	bottom: 0;
  width: 100%;
  height: 100%;
}
.my-gallery {
  width: 100%;
  display: flex;
    align-items: center;
    justify-content: center;  
}
.my-gallery img {
  width: 100%;
  height: auto;
}
.my-gallery figure {
  display: block;
  margin: 0 auto;
}
.my-gallery figcaption {
  display: none;
}
.no-d {
  display: none;
}
.pswp__caption__center {
  text-align: center!important;
  font-weight: 900!important;
  font-size: 18px!important;
}
.pswp__button--share {
  display: none!important;
}
@media screen and (max-width: 1100px) {
.flexbox-container {
max-width: 70%;			 
 }
}  	
@media screen and (max-width: 1100px) {
  .flexbox-item1  {
  width: 700px!important;
 }  	
}
@media screen and (min-width: 990px) {
  h1 {
font-size: 70px !important;
 }
}
@media screen and (max-width: 989.99px) and (min-width: 772px) {
  h1 {
font-size: 52px !important;
 }
}
@media screen and (max-width:899.99px) {
.corner {
border-radius:  10px 25px;
background: #141414;
padding: 32px; 
width: 100%;  
 }
}
@media screen and (max-width: 771.99px) and (min-width: 499px) {
  h1 {
font-size: 45px !important;
 }
}
@media screen and (max-width:599.99px) {
#heroimg {
height: 500px!important;
 }
}
@media screen and (max-width: 498.99px) {
  h1 {
font-size: 35px !important;	
 }
}
@media screen and (min-width:348px) {
#short-description {
	margin-top: -5%;
 }
}
@media screen and (max-width:347.9px) {
#short-description {
margin-top: 100px;
 }
}
.freeprivacypolicy-com---nb-headline {
  height:auto!important;
  position: fixed!important;
  top: 0!important;
}
.freeprivacypolicy-com---palette-dark .cc-nb-okagree, .freeprivacypolicy-com---palette-dark .cc-nb-reject {
  background-color:#006d8d!important;
}
.freeprivacypolicy-com---palette-dark .cc-pc-head-lang select:focus {
  box-shadow: none!important;
}
.freeprivacypolicy-com---palette-dark .cc-cp-foot-save {
  background: #006d8d!important;
}
.cc-pc-head-lang-select {
  display: none!important;
}
.freeprivacypolicy-com---palette-dark.freeprivacypolicy-com---nb {
  opacity:0.9!important;
}