/* Translation */




:root {
  --language_menu_space_top_desktop: 28px;
  --language_menu_space_top_mobile: 17vw;
}

.translation-notice {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  text-shadow: none;
  /* padding: 2px 0; */
  z-index: 1000;
  background: #ffffff;
  border: none;
  height: var(--language_menu_space_top_desktop);
  font-family: Playfair Display;
  padding-bottom: 0;
  color: #3d3d3d;
}

.translation-notice p {
  margin: 0; font-size: 0.8em; text-shadow: none;
  line-height: 30px !important;
}

.translation-notice p a {
  font-weight: 400;
  /* transform: translateY(5px); */
  display: inline-block;
  border: none;
  font-size: 12px;
}

.translation-notice p i {
  padding-right: 3px;
}


.all-languages { 
  font-size: 0.7em !important;
  }


@media only screen and (max-width: 1200px) {
  .translation-notice {
    height: var(--language_menu_space_top_mobile);
  }
}

.extra_space_because_of_language {
  width: 100%;
  height: var(--language_menu_space_top_desktop);
}
@media only screen and (max-width: 1200px) {
  .extra_space_because_of_language {
    width: 100%;
    height: var(--language_menu_space_top_mobile);
  }
  .all-languages { 
    font-size: 3.0vw !important;
  }
}




/* ----------------  MENU ---------------- */


.menu {
  border-bottom: 7px double black;
  /* box-shadow: 1px 1px 5px 2px #dedede; */
  transition: all 0.3s ease;

  position: fixed;
  top: 0;
  z-index: 100;
  width: 100vw;
  font-family: Roboto;
  /* font-weight: 300; */
  text-align: left;
  
}

.menu img {
  height: 90px;
  padding: 12px;
  margin-left: 10px;
  transition: all 0.3s ease;
}

/* Compact menu state when scrolled */
.menu-compact {
  border-bottom-width: 4px;
}

.menu-compact img {
  height: 43px;
  padding: 5px 10px;
}


.menu-compact .competition-button-index div {
  padding: 6px 12px !important;
  font-size: 13px;
}

.menu ul {
  float: right;
  margin: 0;
  height: 85px;
  /* height: 100%; */
  padding-top: 28px;
  transition: all 0.3s ease;
  /* padding: 20px; */

  border-bottom: 7px double black;
  border-left: 7px double black;
  border-bottom-left-radius: 70px;

  /* color: #0e2c4e; */
  /* background: #062546; */
  /* color: white; */
  font-weight: 300;
}

.menu-compact .top_menu_area ul {
  height: 49px;
  padding-top: 4px;
  border-width: 4px;
}


.menu ul li {
  display: inline-block;
  padding-left: 0px;
  padding-right: 0px;
  margin: 0px 30px;
  padding-bottom: 2px;
  border-bottom: 1px dotted;
  transition: 0.2s padding, 0.2s margin;
  transition: all 0.3s ease;
}

.menu-compact .top_menu_area ul li {
  font-size: 13px;
}

.menu ul li:hover {
  border-bottom: 1px solid;
  
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 20px;
  margin-right: 20px;
}


.menu ul .social_media_link_menu:hover {
  padding-left: 0px;
  padding-right: 0px;
  margin: 0px 30px;
  padding-bottom: 2px;
}

.menu ul .competition-button-index {
  margin-right: 30px;
  transition: 0.2s transform, 0.2s box-shadow;
}
.menu ul .competition-button-index div {
  padding: 8px 15px;
}


.menu ul li i {
  margin-right: 5px;
}


.menu ul li span {
  margin-right: 2px;
  transform: translateY(4px);
  font-size: 21px;
}


.menu .top_menu_area {
  border-bottom: 1px solid black;
  background: #f7f7f7;
}

.menu_more_link, .social_media_link_menu {
  border-bottom: none !important;
}


.menu {
  height: 110px;
  /* height: 770px; */
  background: #f7f7f7;
}
.menu-compact {
  height: 53px;
  background: #f7f7f7;
}
.menu {
  background: #f7f7f7f5;
  overflow: hidden;
}

.menu-expanded {
  height: 770px;
  background: #f7f7f7f5;

}

.menu .menu_box {
  
}

.menu .menu_box {
  display: block;
  width: 100;
  /* position: absolute; */
  /* background: white; */
  float: right;
  /* width: 90%; */
  /* height: 600px; */
  /* transform: translateX(-1000px) translateY(60px); */
  /* left: 0; */
  /* top: 0; */
  /* padding-top: 100px; */
  border: none;
  margin-right: 20px;
  
}

.menu_group {
  /* margin-bottom: 30px; */
  margin-right: 25px;
  font-weight: 300;
  /* width: 40%; */
  /* float: right; */
  display: inline-block;
  float: left;
  font-size: 15px !important;
  border: 1px solid black;
  padding: 20px;
  box-shadow: 8px 10px 0px 0px black;
  background: #ffffff;
}

.menu .link_wrapper {
  /* background: #113d6f; */
  /* color: white; */
  width: 210px;
}

.menu .link_wrapper i {
  width: 16px;
  text-align: center;
}

.menu_group_title {
  font-weight: 300;
  /* border-bottom: 1px solid #0e2c4e; */
  /* color: #0e2c4e; */

  /* background: #0e2c4e; */
  font-family: 'Playfair Display';
  font-size: 20px;
  margin-bottom: 10px;
  
}

.menu .menu_box li {
  /* padding: 0; */
  margin: 0;
  margin: 15px;
  margin-left: 0;
  
}



.menu .menu_box li:hover {
  border-bottom: 1px solid;
  
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
}




@media only screen and (max-width: 1200px) {.menu {
  height: 15vw;
  border-width: 1vw;
}

.menu .top_menu_area {
  border-bottom: none;
}
                                            
.menu .menu_box {
  display: none;
}                                        
}

@media only screen and (max-width: 1200px) {.menu img {
  height: 11vw;
  margin: 0;
  padding: 0;
  margin-top: 2vw;
  margin-left: 2.5vw;
}}

@media only screen and (max-width: 1200px) {.menu ul li {
  display: none;
} .menu ul {
  border: none;
  display: none;
}}




@media only screen and (max-width: 1200px) {.menu .special-button {
  display: block;
  font-size: 4.5vw;
  margin: 1vw 2vw;
  padding: 0.5vw 1.5vw;
  font-weight: 400 !important;
}}

.menu .menu-bars {
  display: none;
}
@media only screen and (max-width: 1200px) {.menu .menu-bars {
  display: block;
  font-size: 9vw;
  margin: 4vw 4vw;
  transform: translateY(-1vw);
  float: right;
}}

.mobile-menu {
  display: none;
  transition: 0.5s left;
}

.mobile-menu-seperation-line {
  border-top: 3px solid #000000;
  width: 30%;
  padding: 6vw 0;
}

@media only screen and (max-width: 1200px) {.mobile-menu {
  display: block;
  position: fixed;
  top: 16vw;
  left: -102vw;
  width: 100vw;
  height: 100vh;
  background: #f7f7f7f5;
  font-size: 9.5vw;
  z-index: 100;
  overflow-y: scroll;
}
.mobile-menu ul {
  text-align: left;
  list-style-type: none;
  /* margin: 1vw; */
}
.mobile-menu ul li {
    font-size: 8vw;
    margin-top: 9vw;
}
.mobile-menu ul li i {
  width: 20vw;
  text-align: center;
} .mobile-menu ul li .select_lanugage_icon {
  width: 5vw;
  margin-left: 6.5vw;
}
                                            
.mobile-menu .special-button {
  text-align: center;
  width: 85vw;
  line-height: 12vw;
}}


.mobile-menu .top_menu_area {
  
}

.mobile-menu .menu_box {
  padding-bottom: 20vw;
  float: left;
}

.mobile-menu .menu_box .menu_group {
  width: 80%;
  margin-bottom: 8vw;
}

.mobile-menu .menu_box .menu_group_title {
  font-size: 6vw;
}

.mobile-menu .menu_box .menu_group li {
  font-size: 4.5vw;
}

.mobile-menu .top_menu_area {
  margin-bottom: 1vw;
  padding-top: 5vw;
}

.mobile-menu .menu_box li i {
  width: 9vw;
  text-align: center; 
}















/* ----------------  BUTTON ---------------- */


.competition-button-index {
  box-shadow: 3px 3px 0px 0px #dfdfdf;
  /* text-decoration: underline; */
  transition: 0.3s box-shadow, 0.3s border, 0.3s transform !important;
  display: inline-block;
  color: white;
  border: 2px solid #ffffff;
  text-align: center;
  letter-spacing: 0.8px;
  font-family: 'Roboto';
  font-weight: 300;
  margin: 5px 10px;
}


.competition-button-index div {
  border: 1px solid white;
  color: white;
  /* background: #235fa2; */
  background: linear-gradient(to right, #235fa2ed, #113e70);
  padding: 15px 25px;
  border: 2px solid #0a2b55;
  position: relative;
  z-index: 1;
}

.competition-button-index div::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to right, #113e70, #235fa2ed);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: -1;
  border: 2px solid #0a2b55;
}

.competition-button-index:hover {
  /* text-decoration: underline; */
  /* background: linear-gradient(to right, #0b2d52, #a3b6cced); */
  box-shadow: 10px 10px 0px 0px #282828;
  transform: translateX(-4px) translateY(-4px) !important;
  cursor: pointer;
}

.competition-button-index:hover div::before {
  opacity: 1;
}

.competition-button-index i {
  margin-right: 10px;
}

.button_wrapper {
  text-align: center;
  margin-bottom: 60px;
}

.button_wrapper .competition-button-index {
  display: inline-block;
  
}






.competition-button, input[type='submit'] {
  box-shadow: 3px 3px 0px 0px #dfdfdf;
  color: white !important;
/* display: inline-block; */
  
  text-align: center;
  letter-spacing: 0.8px;
  font-family: 'Roboto';
  font-weight: 300;

  background: linear-gradient(to right, #235fa2ed, #113e70);
  padding: 15px 25px !important;
  margin: 0 20px;
  border: 2px solid #0a2b55;

  transition: 0.3s box-shadow, 0.3s border, 0.3s transform !important;

  text-shadow: none;
  outline: none;
  text-decoration: none !important;
}
@media only screen and (max-width: 1200px) {.competition-button, input {
border: 1.5px solid white;
font-size: 5vw;
  /* display: inline-block; */
}
                                           .competition-button {
                                             display: inline-block;
                                           }
                                           .login-box .competition-button {
                                            display: inline;
                                            font-size: 6vw;
                                          }
                                           }


.competition-button:hover, input[type='submit']:hover {
  box-shadow: 10px 10px 0px 0px #282828;
  transform: translateX(-4px) translateY(-4px) !important;
  cursor: pointer;
}

input, select {
  border: 1px solid #000000;
  background: hsl(0deg 0% 100% / 70%);
  color: black;
  font-family: Roboto;
  padding: 10px 10px;
  font-size: 14px;
  font-weight: 300;
  outline: none;
  box-shadow: 5px 5px 0px 0px #282828;
}













/* ----------------  FOOTER ---------------- */

footer {
  float: left;
  width: 100%;
  text-align: center;
  font-family: Roboto;
  font-weight: 200;
}

footer a {
  color: inherit !important;
  font-weight: inherit !important;
  border: none !important;
}

footer a:hover {
  text-decoration: underline;
}

.footer-section {
    padding: 60px 0;
    border-top: 1px solid black;
}

h5 {
  font-size: 16px;
  margin: 0;
  /* font-family: 'Playfair Display'; */
}
@media only screen and (max-width: 1200px) {h5 {
  font-size: 5vw;
}}

.footer-section .content-wrapper {
  color: hsl(0,0%,70%);
  font-size: 15px;
    display: inline-block;
}
@media only screen and (max-width: 1200px) {.footer-section .content-wrapper {
  font-size: 4.5vw;
}}

#footer-footer, .footer-section {
      float: left;
      width: 100%;
      text-align: center;
}

#footer-newsletter  {background: #062546;}
#footer-team        {background: #041b34;}
#footer-links       {background: #03162b;}
#footer-footer      {background: #020e1b;}

footer input {
  background: white;
}

footer input[type='submit'] {
  /* padding: 5px 15px; */
  /* font-weight: 300; */
  /* background: hsla(0,0%,10%,0.2); */
}
@media only screen and (max-width: 1200px) {footer input, footer input[type='submit'] {
  font-size: 3.5vw;
  padding: 1.5vw 2vw;
}
                                           footer input[type='email'] {
                                             width: 80vw;
                                             font-size: 4vw;
                                             margin-bottom: 4vw;
                                           }
                                           }

#footer-team img {
  width: 60px;
  height: 60px;
  margin: 5px;
  filter: grayscale(100%);
}
@media only screen and (max-width: 1200px) {#footer-team img {
  width: 20vw;
  height: 20vw;
}}

.team-wrapper {
  text-align: left;
  display: inline-block;
  width: 160px;
  margin: 15px 20px;
  font-size: 13px;
  line-height: 20px;
}
@media only screen and (max-width: 1200px) {.team-wrapper {
  width: 90%;
  font-size: 4.5vw;
  line-height: 7.5vw;
  text-align: center;
}}

.footer-column {
  float: left;
  width: 200px;
  text-align: left;
  font-size: 14px;
  line-height: 30px;
}
@media only screen and (max-width: 1200px) {.footer-column {
  width: 100%;
  text-align: center;
  font-size: 4.5vw;
  line-height: 10vw;
  /* display: inline-block; */
}}

h6 {
  font-size: 14px;
  margin: 0;
    font-weight: 400;
  /* font-family: 'Playfair Display'; */
}
@media only screen and (max-width: 1200px) {h6 {
  font-size: 5vw;
  margin-top: 15vw;
}}

#footer-column-3 span {
  line-height: 10px;
}

#footer-column-0 {
  width: 170px;
}
@media only screen and (max-width: 1200px) {#footer-column-0 {
  text-align: center;
  width: 100%;
}}

#footer-column-0 img {
  width: 80px;
  margin-top: 11px;
}
@media only screen and (max-width: 1200px) {#footer-column-0 img {
  width: 30%;
  margin-top: 1vw;
}}

#footer-column-3 img {
  width: 30px;
  height: 30px;
  filter: grayscale(100%);
}
@media only screen and (max-width: 1200px) {#footer-column-3 img {
  width: 12vw;
  height: 12vw;
  margin: 1vw;
}}

#footer-footer {
  margin: 0;
  padding: 5px 0;
  font-size: 11px;
  text-align: left;
  color: hsl(0deg 0% 66.9%);
}
@media only screen and (max-width: 1200px) {#footer-footer {
  display: none;
}}

#footer-footer span {
  float: right;
}


.last-center-block {
  margin-right: 20px;
}
@media only screen and (max-width: 1200px) {.last-center-block {
  margin-right: 0;
}}