/* === Block navigation === */ 

.navigation { 
  background: 
    -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #612110),
	color-stop(1, #180869)
)
background-image: -o-linear-gradient(bottom, #612110 0%, #180869 100%);
background-image: -moz-linear-gradient(bottom, #612110 0%, #180869 100%);
background-image: -webkit-linear-gradient(bottom, #612110 0%, #180869 100%);
background-image: -ms-linear-gradient(bottom, #612110 0%, #180869 100%);
background-image: linear-gradient(to bottom, #612110 0%, #180869 100%);
padding: 0px;
}
.navigation ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
 
}
.down.one {
  font-size: 25px; 
  
}

.topmenu > li {
  display: inline-block;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.topmenu > li > a {
  font-family:sans-serif;
  padding: 30px 80px 30px 80px;
  font-weight: bold;
  color: white;
  text-transform: uppercase;
  font-size: 19px;
  text-decoration: none;
}

.topmenu li a:hover {color: #00CED1; }
.topmenu > li:hover .submenu{
  visibility: visible;
  opacity: 1;
}

.name {
  font-size: 25px;
  text-align: center;
  color: white;
}

/* === Block effect === */ 
element.style {
}
user agent stylesheet
video:-webkit-full-page-media {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    max-height: 50%;
    max-width: 100%;
    margin: auto;
}
user agent stylesheet
video {
    object-fit: contain;
}

.cta-button-v2__text {
    position: absolute;
    right: 30px;
    top: 0;
    line-height: 60px;
    white-space: nowrap;
}

/* === Block parallax-effect === */

h2{
  font-family: arial;
  letter-spacing: 2px;
  font-size: 40px;
  color: #999999;
  -webkit-animation: 0.5s color infinite;
  animation: 0.5s color infinite;
}

@-webkit-keyframes color {
  50% {
    color: #8fc8ae;
  }
}

@keyframes color {
  50% {
    color: #8fc8ae;
  }
}
.parallax {
  position:relative;
  z-index:1;
  height:950px;
  -webkit-box-shadow: inset 0px -6px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow: inset 0px -6px 5px rgba(50, 50, 50, 0.75);
box-shadow: inset 0px -6px 5px rgba(50, 50, 50, 0.75);
}

.clear {
clear: both; 
}

#trans1 {
  background: url('pictures/21.jpg') no-repeat fixed;
  height:950px;
  background-position: center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#trans2 {
  background: url('pictures/22.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#trans3 {
  background: url('pictures/23.jpg') no-repeat top center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:950px;
}

#trans4 {
  background: url('pictures/24.jpg') no-repeat top center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:950px;
}

#trans5 {
  background: url('pictures/25.jpg') no-repeat top center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:950px;
}

#trans6 {
  background: url('pictures/26.jpg') no-repeat top center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:950px;
}
#trans7 {
  background: url('pictures/27.jpg') no-repeat top center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:950px;
}
#trans8 {
  background: url('pictures/28.jpg') no-repeat top center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:950px;
}

#trans9 {
  background: url('pictures/29.jpg') no-repeat top center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:950px;
}

.txt {
  font-family: 'Niconne', cursive;
  font-size:55px;
  color:#000;
  width:auto;
  background:#FD62A9;
  background:rgba(150, 102, 153, 0.60);
  padding:5px 10px;
}
.txt.right {
  margin: 150px 100px 0 0;
  float:right;
  text-align:right;
}
.txt.left {
  float:left;
  text-align:left;
  margin: 150px 0 0 100px;
}

.txt.sub {
  font-size:50px;
  line-height:175%;
  font-weight:lighter;
  letter-spacing:1.5px;
  background:#000;
  background:rgba(0,0,0,0.60);
  font-size:25px;
  color:#ccc;
  margin: 0 100px 0 100px;
}
.content {
  box-sizing:border-box;-moz-box-sizing:border-box;
  position:relative;
  background:#FFF;
  width:100%;
  height: 300px;
  margin:0;
  padding:100px;
  -webkit-box-shadow: 0px 6px 5px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 0px 6px 5px rgba(50, 50, 50, 0.75);
  box-shadow: 0px 6px 5px rgba(50, 50, 50, 0.75);
  text-align:left;
}

.content p {
  font-size:30px;
}

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

/* === Block futer === */ 
.futer {
  display: flex;
  background:-webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #D9C493),
	color-stop(0, #2E2287),
	color-stop(0.48, #A1703F),
	color-stop(1, #690808)
);
background-image: -o-linear-gradient(bottom, #D9C493 0%, #2E2287 0%, #A1703F 48%, #690808 100%);
background-image: -moz-linear-gradient(bottom, #D9C493 0%, #2E2287 0%, #A1703F 48%, #690808 100%);
background-image: -webkit-linear-gradient(bottom, #D9C493 0%, #2E2287 0%, #A1703F 48%, #690808 100%);
background-image: -ms-linear-gradient(bottom, #D9C493 0%, #2E2287 0%, #A1703F 48%, #690808 100%);
background-image: linear-gradient(to bottom, #D9C493 0%, #2E2287 0%, #A1703F 48%, #690808 100%);
 
}
.futer .text2 {
  margin: 5px 5px 5px 10px;
  color: white;
} 

}
media {
width: 300px;
height: 300px;
 }

body {
	background : url('pictures/16.jpg');
}