/*@font-face {
    font-family: 'brix_sansblack';
    src: url('hvd_fonts_-_brixsansblack_0-webfont.woff2') format('woff2'),
         url('hvd_fonts_-_brixsansblack_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'brix_sansbold';
    src: url('hvd_fonts_-_brixsansbold_0-webfont.woff2') format('woff2'),
         url('hvd_fonts_-_brixsansbold_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'brix_sansextralight';
    src: url('hvd_fonts_-_brixsansextralight_0-webfont.woff2') format('woff2'),
         url('hvd_fonts_-_brixsansextralight_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'brix_sanslight';
    src: url('hvd_fonts_-_brixsanslight_0-webfont.woff2') format('woff2'),
         url('hvd_fonts_-_brixsanslight_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'brix_sansmedium';
    src: url('hvd_fonts_-_brixsansmedium_0-webfont.woff2') format('woff2'),
         url('hvd_fonts_-_brixsansmedium_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'brix_sansregular';
    src: url('hvd_fonts_-_brixsansregular_0-webfont.woff2') format('woff2'),
         url('hvd_fonts_-_brixsansregular_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'lorabold';
    src: url('lora-bold-webfont.woff2') format('woff2'),
         url('lora-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'loraitalic';
    src: url('lora-italic-webfont.woff2') format('woff2'),
         url('lora-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'loraregular';
    src: url('lora-regular-webfont.woff2') format('woff2'),
         url('lora-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}*/


/*GENERAL*/
/*body{
  margin: 0;
  padding: 0;
}
*{
  font-family: 'brix_sansmedium';
}*/


/*NAV*/
/*nav{
  height: 5vw;
  min-height: 50px;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #F7CB16;
  z-index: 2;
}
#nav-logo{
  width: 200px;
  height: 100%;
  display: flex;
  align-items: center;
}
#nav-logo img{
  height: 70%;
  margin-left: 20px;
}
nav .right{
  display: flex;
  height:100%
}
nav .right ul{
  display: flex;
  padding: 0;
  margin: 0;
  margin-right: 3vw;
}
nav .right ul li{
  list-style: none;
  height:100%;
}
nav .right ul li a{
  padding: 1.7vw 1.5vw;
  font-size: 1.3vw;
  color: #8D7926;
  text-decoration: none;
  
  display:block;
}

nav .right ul li:hover a {
    color:#FFF;
	background-color: #8D7926
}

nav .right ul li a i{
  
}*/

/*MAIN*/
#main{
  position:relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 3vw;
  background-color: #eee;
  z-index: 0;
}
#loader{
  display: flex;
  height: 100%;
}
#section-home {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
}
#section-home .left {
  background-color: #ccc;
  width: 70vw;
  background-image: url('../imgs/home-bg.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#section-home .left .title {
  color: #fff;
  font-size: 6vw;
  text-align: center;
  text-shadow: 2px 3px 5px rgba(0,0,0,0.4);
  margin-top: 10vw;
  font-family: 'brix_sansblack';
  letter-spacing: 2px;
}
#section-home .left .subtitle {
  color: #fff;
  font-size: 1.5vw;
  margin-top: 1vw;
  text-align: center;
  text-shadow: 2px 3px 5px rgba(0,0,0,0.4);
  font-family: 'lorabold';
  letter-spacing: 10px;
}
#section-home .right {
  background-color: #fff;
  width: 30vw;
  display: flex;
  justify-content: center;
}
#section-home .right .discount {
  width: 70%;
  margin-top: 10vw;
}
#section-home .right .discount img{
  width: 100%;
}
#section-home .search {
 /* position: absolute;*/
  display: flex;
  z-index: 2;
  align-items: center;
  flex-direction: column;
  left: 2vw;
  right: 2vw;
  bottom: 5vw;
}
#section-home .search ul {
  display: flex;
  padding: 0;
  align-self: stretch;
  justify-content: center;
}
#section-home .search ul li {
  list-style: none;
  margin: 0 0.2vw;
}
#section-home .search ul li select, 
#section-home .search ul li input {
  padding: 1vw;
  min-width: 15vw;
  font-size: 1.2vw;
  background-color: #fff;
  color: #666;
  border: none;
  box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.2);
}

#section-home .search .btn-search{
  align-self: flex-end;
  display: flex;
  padding: 1vw 2vw;
  min-width: 14vw;
  font-size: 1.2vw;
  margin-right: 2vw;
  background-color: #333;
  color: #fff;
  border: none;
  text-align: center;
}













/*FOOTER*/

/*footer{
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3vw;
  z-index: 2;
  background-color: #333;
  display: flex;
  align-items: center;
  justify-content: space-between; 
}
footer .left{
  display: flex;
}
footer .left ul{
  display: flex;
  padding: 0;
  margin: 0;
}
footer .left ul li{
  list-style: none;
}
footer .left ul li a{
  padding: 0 0 0 1vw;
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 0.8vw;
  text-decoration: none;
}
footer .left ul li a img{
  height: 1.5vw;
  margin-right: 5px;
}
footer .left ul li a .separator{
  width: 1px;
  background-color: #fff;
  height: 1vw;
  margin-left: 1vw;
}
footer .left ul li a p{
  
}
footer .chat{
  display: flex;
  height: 100%;
  background-color: #5EB8D3;
  margin-right: 5vw;
}
footer .chat .chat-header{
  padding: 0 3vw;
  align-self: center;
  color: #fff;
}

#mobile-btn-menu{
  display: none;
  position: absolute;
  top:10px;
  right: 10px;
}
#mobile-btn-menu i{
  font-size: 8vw;
  padding: 1.5vw;
  color: #fff;
}*/

/*MUNDIAL*/


/*.parte-uno,
.parte-dos,
.parte-tres { width:100%; height:100vh;}


.parte-uno { background:#09C;}
.parte-dos {background:#09F;}
.parte-tres {background:#39F;}*/














@media screen and (max-width: 768px) {
  *{
    -webkit-transition: all 0.3s ease;
    -moz-transition:    all 0.3s ease;
    -ms-transition:     all 0.3s ease;
    -o-transition:      all 0.3s ease;
  }
  /*#mobile-btn-menu{
    display: block;
  }
  nav {
    height: auto;
    min-height: 60px;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    background-color: rgba(255,255,255,0.85);
    z-index: 99;
    overflow: hidden;
	
  }
  body.home nav{
    background: none;
  }
  body.home nav.toggle-mobile-menu{
    background-color: #444;
  }*/
  /*#nav-logo {
    width: 90px;
    height: auto;
    display: flex;
    align-items: center;
    margin-top: 20px;
    margin-left: 20px;
  }
  #nav-logo img {
    height: auto;
    width: 100%;
    filter: brightness(0) invert(1);
    margin: 0;
  }

  nav .right {
    display: none;
    width: 100%;
    flex-direction: column;

  }
  nav .right ul {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
  }
  nav .right ul li {
    list-style: none;
    display: flex;
  }
  nav .right ul li a {
    padding: 5vw;
    font-size: 5vw;
    color: #fff;
    text-decoration: none;
    width: 100%;
  }*/
  #loader {
    display: flex;
    height: calc(100vh - 60px);
    overflow: auto;
    background-image: url(../imgs/home-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding-top: 60px;
  }
  #section-home {
    margin-top: 0;
    display: block;
    position: relative;
    width: 100%;
    flex-direction: column;
    /*
    height: 100vh;
    */
    height: auto;
  }
  #section-home .left {
    background-color: #ccc;
    width: 100%;
    height: 20vh;
    min-height: auto;
    background: none;
    display: block;
    flex-direction: column;
    align-items: center;
    margin-top: 0;
  }
  #section-home .left .title {
    color: #fff;
    font-size: 5vh;
    text-align: center;
    text-shadow: 2px 3px 5px rgba(0,0,0,0.4);
    margin-top: 0;
    font-family: 'brix_sansblack';
    letter-spacing: 2px;
  }
  #section-home .left .subtitle {
    color: #fff;
    font-size: 2vh;
    margin-top: 3vw;
    text-align: center;
    text-shadow: 2px 3px 5px rgba(0,0,0,0.4);
    font-family: 'lorabold';
    letter-spacing: 10px;
  }
  #section-home .right {
    display: none;
  }

  #section-home .search {
    position: relative;
    display: flex;
    z-index: 2;
    align-items: center;
    flex-direction: column;
    left: auto;
    right: auto;
    bottom: auto;
    height: 55vh;
  }
  #section-home .search ul {
    display: flex;
    padding: 0;
    align-self: center;
    justify-content: center;
    width: 80%;
    flex-direction: column;
  }
  #section-home .search ul li {
    list-style: none;
    margin: 0 0.2vw;
    display: flex;
    align-items: center;
  }
  #section-home .search ul li select, 
  #section-home .search ul li input {   
    padding: 1.7vw;
    min-width: 15vw;
    width: 100%;
    margin: 2vw 0;
    font-size: 5vw;
    background-color: rgba(0,0,0,0.2);/*transparent;*/
    color: #fff;
    border: 1px solid rgba(255,255,255,0.8);
    box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.2);
    text-shadow: none;
    font-weight: bold;
  }
  #section-home .search .btn-search {
    align-self: center;
    display: block;
    margin-right: 0;
    text-align: center;
    padding: 2.5vw;
    min-width: 15vw;
    width: 80%;
    margin-bottom: 0;
    font-size: 5vw;
    background-color: rgba(255,255,255,0.4);
    color: #fff;
    border: none;
    font-weight: bold;
    height: 10vh;
    box-shadow: none;
  }
  /*footer {
    display: none;
  }*/
}