.container-fluid {
  padding-right: 0;
  padding-left: 0;
}

.banner .cont img.main {
  width:100%;
  max-width: 650px;
  margin-top:-15px
}

.btn_inscribite {
  background:white;
  padding:15px 25px;
  color: black;
  font-size:24px;
}

.btn_inscribite:hover {
  text-decoration: none;
  color: #3f3f3f;
}

.banner h1 {
  font-family: futura_light_condensed;
  font-weight: 900;
	font-size: 38px;
}

.banner h3 {
  font-family: futura_condensedbold;
      font-weight: bolder;
    font-size: 27px;
    line-height: 27px;
    color: #4aa42a;
    text-shadow: 0px 0px 7px rgba(0, 0, 0, 1);

}

.banner h3 span {
  font-family: futura_light_condensed;
  font-weight: 100;
  font-size: 25px;
  color: #fdfdfd;
}

.toggler {
  background:url(../img/fondo-toggler.jpg) top center no-repeat;
  display: block;
  min-height: 300px;
  background-size:cover;
  text-align:center;
}

.toggler img.logo {
  margin:30px 0;
}

#info .first {
  background:url(../img/fondo-info-first.jpg) top center no-repeat;
  display: block;
  min-height: 600px;
  background-size:cover;
  text-align:center;
}

#info .first .logo {
  margin: 30px 0;
}

#info .first p {
  font-family: futura_light_condensed;
  font-size: 30px;
  text-transform: uppercase;
  color: white;
  text-align: center;
  text-shadow: 0.5px 0.5px 5px #001304;
}

#info .first .copy {
  font-family: futura_condensedbold;
  font-size: 36px;
  color:white;
  text-align:center;
  text-shadow: 0.5px 0.5px 5px rgba(0, 19, 4, 0.21);
}

#info .second {
  background:url(../img/fondo-info-second.jpg) top left no-repeat;
  display: block;
  min-height: 550px;
  /* background-size:cover; */
  text-align:center;
}

#info .second .desktop p {
  font-size:24px;
  color: white;
  text-align: left;
  font-family: futuraMed;
  margin-right: 50px;
  position: absolute;
  top: 50%;
  transform: translateY(75%);
  text-shadow: 1px 3px 5px #001304;
}

#info .second .device p {
  font-size:20px;
  color: white;
  text-align: left;
  font-family: futuraMed;
}

#info .second img {
  margin-top:20px;
}

.head {
  min-height: 50px;
}
.head .left {
  text-align: left;
  float:left;
}

.head .right {
  float:right;
  text-align: right;
}

.head .subright {
  position: absolute;
  right: 2px;
  top: 10%;
  max-width:
}

.banner .bottom {

}

.banner .bottom img {
  vertical-align:bottom;
  border:0;
}

.form {
  background: black;
}

.form .btnFacebook {
  background: white;
  padding: 5px 20px;
  color: black;
}


.form .btnFacebook:hover, .form .btnFacebook:active, .btnFacebook:focus,  .btnEnviar:hover, .btnEnviar:active, .btnEnviar:focus {
  text-decoration: none;
}

.bottle {
  position: absolute;
  left: 0;
  bottom: -44px;
}

.form .footer p {
  color: white;
  text-align: left;
  font-size:12px;
}

.form .footer p a {
  color: white;
  text-decoration: underline;
}

.form h2 {
  margin-top:0;
  font-family: futura_light_condensed;
}

.form input {
  margin-bottom:20px;
}

.form .btnEnviar:hover {
  text-decoration: none;
}

.form label {
  font-family: futura_light_condensed;
  font-weight: normal;
  font-size:24px;
}

.footer {
  text-align: center;
}

.footer .social {
  margin: 20px auto;
  display: block;
}

.footer .social a {
  display: inline-block;
}

.footer .legal {
  margin-top:40px;
  margin-bottom:50px;
}

.form-control {
  height: 100%;
}

img.rotado {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg); /* IE 9 */
  -moz-transform: rotate(180deg); /* Firefox */
  -webkit-transform: rotate(180deg); /* Safari and Chrome */
  -o-transform: rotate(180deg); /* Opera */
}

 .device {
  display: none;
}

.star {
  width: 100%;
}


nav {
	float: right;
}

nav #menu-icon {
	display: hidden;
	width: 30px;
	height: 30px;
	background: url(../img/menu.png) center;
}

nav a:hover#menu-icon {
	background-color: #444;
	border-radius: 4px 4px 0 0;
}

nav ul {
	list-style: none;
  display: none;
}

nav li {
	display: inline-block;
	float: left;
	padding: 10px
}

nav li a:active, nav li a:hover, nav li a:focus {
  text-decoration: none;
  color: #006f2f;
}

.collapsing {
    /* transition: height 1.5s; */
}

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

  #info .first .copy {
    font-size: 24px;
    min-height: 184px;
  }

  #info .first p {
    min-height: 150px;
  }

}

.masinfo {
  font-size: 8px;
}

.aArrow {
  color: white;
  font-family: futuraBold;
  text-decoration: none;
  font-size:8px;
  text-transform: uppercase;
}

body::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #141A1E;
}

body::-webkit-scrollbar
{
	width: 23px;
	background-color: #101417;
}

body::-webkit-scrollbar-thumb
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #444;
}

.aArrow:hover, .aArrow:active, .aArrow:focus {
  color: white;
  text-decoration: none;
}

@media (min-width: 650px)
       and (max-width:872px)  {
  .bottle {
    max-width: 100px;
    transform: translateY(-20%);
  }
  #info .second .desktop p {
    transform: translateY(15%);
  }
}
@media (min-width: 873px)
       and (max-width:991px) {
  .bottle {
    transform: translateY(4%);
  }
}
@media (min-width: 992px)
       and (max-width:1281px) {
  .bottle {
    transform: translateY(-22%);
  }
}
@media (min-width: 1046px) {
  .bottle {
    transform: translateY(-15px);
  }
}

@media (min-device-width : 320px) and (max-device-width : 480px) {
 .head .left img {
   width:50%;
 }
 .head .right img {
   display: none;
 }

 .banner {
   min-height:450px;
 }

 .banner .btn_inscribite {
   max-width: 130px;
 }

 .banner h1 {
   margin: 40px 20px;
   font-size: 22px;
   margin-top:100px;
 }

 .bottle {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    bottom: 0;
    transform:translateY(100%);
 }

#info .first .logo {
  margin: 10px 0;
  max-width: 150px;
}

 .toggler {
   min-height: 250px;
 }

 .toggler img.logo {
   max-width: 300px;
 }

 #info .first p {
   font-size: 17px;
 }

 #info .first .copy {
   font-size: 22px;
 }

 .form .btnFacebook {
   padding: 5px 10px;
   font-size:10px;
 }

 .form .btnFacebook img {
   width: 5px;
   margin-right: 2px;
 }

 .head .subright {
   right: 5px;
 }

 .head .subright img {
   max-width: 20px;
 }

 .banner, .first {
   overflow: hidden;
   min-height: none;
 }

 .desktop {
   display: none;
 }

 .device {
   display: block !important;
 }

 .first .copy {
   margin-top:0px !important;
 }

 .star {
   max-width: 250px;
 }

 header {
   position: absolute;
 }

 #menu-icon {
   display:inline-block;
 }

 nav {
   position: fixed;
   top: 10px;
   right: 10px;
 }

 nav ul, nav:active ul {
   z-index: 100;
   display: none;
   position: fixed;
   padding: 10px;
   background: black;
   right: 30px;
   top: 30px;
   width: 50%;
   border-radius: 4px 0 4px 4px;
 }

 nav li {
   text-align: center;
   width: 100%;
   padding: 10px 0;
   margin: 0;
   font-family: futuraBold;
   color: white;
 }

 nav li a {
   color: white;
 }

 nav:hover ul {
   display: block;
 }

}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
  #info .second .desktop p {
    transform: translateY(25%);
  }
  .star {
    transform: translateY(10%);
  }
}

@media only screen
       and (min-width : 665px)
       and (max-width : 991px)
       {
      .class {
        max-width: 100px;
        transform: translateY(-20%);
      }
}

@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
    .bottle {
      transform: translateY(80%);
      max-width: 100px;
    }
}

@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
    .bottle {
      transform: translateY(100%);
      max-width: none;
    }
}

/* Portrait */
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) {
    .bottle {
      transform: translateY(125%);
      max-width: none;
    }
}

@media screen
  and (device-width: 360px)
  and (device-height: 640px)
  and (-webkit-device-pixel-ratio: 3)
  and (orientation: portrait) {
    .bottle {
      transform: translateY(100%);
      max-width: none;
    }
}