nav {

    display: flex;
    align-items: center;
    justify-content: center;
text-align: center;
float: right;
margin-right: 20em;

}
 
.menu {
    font-size: 1em;
    padding: 0vh 2vw 0vh 1vw;
    text-decoration: none;
    color: #F4FCF9;
    font-weight: bold;
text-transform: uppercase;
}
/*A5FFDD*/
.menu:hover{
    color:#959191;

margin-top: 2px;}
.active{
    color: #B0B0B0;
     margin-top: 3px;
     text-decoration: underline;
}
.menuitem {
    text-decoration: none;
    font-size: 1em;
    color: black;

}
 
.menuitem:hover{
    font-size: 11.05vw;
    font-weight: bold;

}

.cursor1{
cursor: pointer;

}


@media only screen and (max-device-width: 500px) {
  #logo{display: none;} 
  #mobilew{  display: none;}  

  

}
@media only screen and (max-width: 700px) {
  #attr{display:none;}
  .item-1, 
.item-2, 
.item-3 {
  margin-top: 80px;
  margin-left: 30px;
}
#banner{
}

}


@media only screen and (max-width: 986px) {
  #attr{display:none;}
  .item-1, 
.item-2, 
.item-3 {
  margin-top: 20px;  margin-left: 30px;
}

#m_music{
  display: none;
}
}


@media only screen and (min-width: 700px) {
  #attr{display:none;}
}


@media only screen and (min-width: 500px) {
  .demo{display: none;} 
    #logo2{display: none;}
  #logoqs{display: none;background-color: }
.in_mobile{background-color: red};

}

@media only screen and (max-device-width: 800px) {

    #top_nav_en {display:none;}
  #top_nav_dn {display:none;}

}
#m_nav{
  color: #E9E3E3;
  font-family: verdana;
}
.spinner-wrapper {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #FFFFFF;
z-index: 999999;
}


.text{
    font-family: 'Raleway', Helvetica, sans-serif;
    color: #1F1F1F;
}




.dropbtn {
  background-color: ;
  color: black;
  padding: 16px;
  cursor: pointer;
}

.dropdown {
  position: relative;
  display: inline-block;

}

.dropdown-content {
  display: none;
  position: absolute;
   font-size: 0.9vw;
  background-color: #f9f9f9;
  min-width: 280px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
    border-radius: 10px;
}

.dropdown-content a {
  color: black;
  text-decoration: none;
  display: block;
  box-shadow: 0px 8px 22px 0px rgba(0,0,0,0.1);


}

   
.dropdown-content a:hover {background-color: ;color: black;border-radius: 10px;   box-shadow: 0px 8px 16px 5px rgba(0,0,0,0.1);   font-size: 0.86vw; font-weight: bold}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}

.submenus{
    margin-left: 1em;
}

.youtube-responsive-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}

.youtube-responsive-container iframe, .youtube-responsive-container object, .youtube-responsive-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
/* Hovers */

  
.facebook:hover{
margin-bottom: 10px;
}
.instagram:hover{
margin-bottom: 10px;
}
.youtube:hover{
margin-bottom: 10px;
}
.spotify:hover{
margin-bottom: 10px;
}
.apple:hover{
margin-bottom: 10px;
}


#m_active{
  background-color: #0A4361;
  color: black;
}
#b_menu{
color: #6C6565;
}
/* Index - Review SLider*/


.item-1, 
.item-2, 
.item-3,
.item-4, 
.item-5 {
  position: absolute;
  display: block;
  text-align: center;
  width: 60%;
  
  font-size: 2em;

  animation-duration: 25s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

.item-1{
  animation-name: anim-1;
}

.item-2{
  animation-name: anim-2;
}

.item-3{
  animation-name: anim-3;
}

.item-4{
  animation-name: anim-4;
}

.item-5{
  animation-name: anim-5;
}

@keyframes anim-1 {
  0%, 5% { left: -30%; opacity: 0; }
  5%,15% { left: -8%; opacity: 1; }
  20%, 100% { left: 30%; opacity: 0; }
}

@keyframes anim-2 {
  0%, 20% { left: -30%; opacity: 0; }
  25%, 35% { left: -8%; opacity: 1; }
  40%, 100% { left: 30%; opacity: 0; }
}

@keyframes anim-3 {
  0%, 40% { left: -30%; opacity: 0; }
  45%, 55% { left: -8%; opacity: 1; }
  60%, 100% { left: 30%; opacity: 0; }
}
@keyframes anim-4 {
  0%, 60% { left: -30%; opacity: 0; }
  65%, 75% { left: -8%; opacity: 1; }
  80%, 100% { left: 30%; opacity: 0; }
}
@keyframes anim-5 {
  0%, 80% { left: -30%; opacity: 0; }
  85%, 95% { left: -8%; opacity: 1; }
  100% { left: 30%; opacity: 0; }
}