*{ margin:0; padding: 0; }
body, p, ul, input { margin:0; padding: 0; font-family: Gotham-Light; }

ul li { display: inline-block; }

@font-face {
    font-family: Gotham-Light;
    src: url(../fonts/Gotham-Light.ttf),
         url(../fonts/Gotham-Light.eot),
         url(../fonts/Gotham-Light.woff),
         url(../fonts/Gotham-Light.woff2);
}

@font-face {
    font-family: Gotham-Book;
    src: url(../fonts/Gotham-Book.ttf),
         url(../fonts/Gotham-Book.eot),
         url(../fonts/Gotham-Book.woff),
         url(../fonts/Gotham-Book.woff2);
}

.clear { clear:both; }

a, a:hover { text-decoration: none; color:#fff; font-family: Gotham-Light; }

h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

.mb30 {
    margin-bottom: 30px;
}


html {
  height: 100%;
  overflow: hidden;
}

body {
  margin:0;
  padding:0;
  perspective: 1px;
  transform-style: preserve-3d;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  font-family: Nunito;
}

.slide {
  position: relative;
  min-height: 100vh;
  width: 100vw;
  transform-style: inherit;
}

.slide:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: 0 0 8px 1px rgba(0, 0, 0, .7);
}

.slide, .slide:before {
  background: 50% 50% / cover;
}

#slide1:before {
  background-image: url("../images/home.jpg");
  transform: translateZ(-1px) scale(2);
}

#slide2 {
  background-image: url("../images/inscrieri.jpg");
  z-index:2;
}

#slide3:before {
  background-image: url("../images/mecanism.jpg");
  transform: translateZ(-1px) scale(2);
}

#slide3.slide, #slide3.slide:before {
  background-position: left;
}

#slide4 {
  background-image: url("../images/regulament.jpg");
  z-index:4;
}

.main-menu {
  position: absolute;
  bottom: 95px;
  width: 100%;
  text-align: center;
}

.main-menu li {
  text-decoration: none;
  color:#fff;
  padding: 0px 40px 5px;
/*  background: #ed1166;*/
  font-size: 34px;
  -webkit-box-shadow: 7px 10px 40px -5px rgba(0,0,0,0.63);
  -moz-box-shadow: 7px 10px 40px -5px rgba(0,0,0,0.63);
  box-shadow: 7px 10px 40px -5px rgba(0,0,0,0.63);
  margin-left: 17px;
  border:3px solid #FFF;
}

.main-menu li:first-child {
  margin-left: 0;
}

img {
    max-width: 100%;
}

.menu_hamb {
    display: none;
    color: #ed1166;
    font-size: 30px;
    cursor: pointer;
    margin-right: 40px;
}

.max_width_container {
    max-width: 1520px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

.formular_concurs {
    margin: 0 0 0 auto;
    max-width: 755px;
    width: 100%;
    padding-top: 50px;
}

.formular_concurs>p {
    font-family: Gotham-Book;
    color:#fff;
    font-size: 37px;
    line-height: 46px;
    text-transform: uppercase;
    margin:0 15px 35px 15px;
/*    background: #ed1166;*/
    padding: 10px 3px;
    text-align:center;
}
.field input[type="text"],
.field input[type="email"] {color:#ed1166;font-weight:700;background:none;border:none; width:100%; font-size: 18px;}

.field {    margin-bottom: 30px;}
.background_input {
    margin-bottom: 10px;
    padding: 10px 15px;
    text-align: left;
    border-top:0;
    border-left: 0;
    border-right-width: 3px;
    border-bottom-width: 3px;
    border-radius: 5px;
    background: #fff;
    position: relative;
    -webkit-box-shadow: 6px 4px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 4px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 6px 4px 10px 0px rgba(0,0,0,0.75);
}

.background_input input[type="text"],
.background_input input[type="email"] {
    outline: none;
    width: 100%;
}

.background_input .form_placeholder::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #ed1166!important;
    font-size: 22px;
}
.background_input .form_placeholder:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #ed1166!important!important;
   opacity:  1!important;
   font-size: 22px;
}
.background_input .form_placeholder::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #ed1166!important;
   opacity:  1!important;
   font-size: 22px;
}
.background_input .form_placeholder:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #ed1166!important;
   font-size: 22px;
}

.submitButton,
.anchor_rule {
    max-width: 210px;
    width: 100%;
    margin: 0 0 0 auto;
    background: #fff;
    border:1px solid #fff;
    font-size: 19px;
    border-radius: 5px;
    padding: 7px 5px;
    color:#ed1166;
    display: inline-block;
    text-align: center;
    -webkit-box-shadow: 6px 4px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 4px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 6px 4px 10px 0px rgba(0,0,0,0.75);
}
.submitButton:hover,
.anchor_rule:hover {
    background: #ed1166;
    border:1px solid #ed1166;
    color:#fff;
}

.all_rules {
    max-width: 1046px;
    width:100%;
    margin:20px auto 0 auto;
   /* padding-bottom: 20px; */
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    z-index: 3;
    text-align:left;
}

.all_rules label {
    font-weight: 400;
}

.text_right {
    text-align: right;
}

.text_left {
    text-align: left;
}

.text_center {
    text-align: center;
}

.mecanism-section {
  padding-top: 50px;
}

.mecanism-section p {
  font-size: 50px;
  color: #fff;
  display: inline-block;
  position: relative;
}

.mecanism-section .bg-white {
  background: #fff;
  color: #ed1166;
  display: inline-block;
  padding: 0 8px;
}

.mecanism-section img {
  position: absolute;
  top: -32px;
  right: -105px;
}

.rules_download span {
  text-transform: uppercase;
  color: #fff;
/*  background:#ed1166;*/
  font-size: 50px;
  padding: 5px 10px;
}

.rules_download {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  cursor: pointer;
  width: 100%;
}


#topdemopanel {
    min-height: 30px;
    background: rgb(236, 242, 250);
    position: fixed;
    z-index: 9999;
    border-bottom: rgb(191, 191, 191) solid 1px;
    -webkit-transition: margin-top ease-in-out 100ms;
    -moz-transition: margin-top ease-in-out 100ms;
    -o-transition: margin-top ease-in-out 100ms;
    transition: margin-top ease-in-out 100ms;
    width:100%;
    text-align:center;
    padding:5px;
}
.gradient {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#84cbbc+1,97c3bd+26,b6b5be+51,dfa3c0+78,f39ac1+100 */
background: rgb(132,203,188); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(132,203,188,1) 1%, rgba(151,195,189,1) 26%, rgba(182,181,190,1) 51%, rgba(223,163,192,1) 78%, rgba(243,154,193,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(132,203,188,1) 1%,rgba(151,195,189,1) 26%,rgba(182,181,190,1) 51%,rgba(223,163,192,1) 78%,rgba(243,154,193,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(132,203,188,1) 1%,rgba(151,195,189,1) 26%,rgba(182,181,190,1) 51%,rgba(223,163,192,1) 78%,rgba(243,154,193,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84cbbc', endColorstr='#f39ac1',GradientType=1 ); /* IE6-9 */
}
.radius5 {-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.borderc {border:5px solid #FFF;}

#topdemopanel .xclose {position:absolute;top:8px;right:10px;color:#c12222;}
.error {color:red;}
.aligncenter {text-align:center;}
footer.policy_terms a {color:#000;padding:5px;}
.invisible {visibility: hidden;}