


header .block-header1{
  background: #DA4200;
  width: 100%;
  min-height: 40px;
}

header .block-header2{
  background: #fff;
  width: 100%;
  min-height:73px;
}


header .block-header2 .logo img{
  display: block;
}


header .block-header1 ul li{
  list-style: none;
  padding: 0 10px ;
  font-size: 15px;
  font-family: popins-regular;

}

header .block-header1 ul li a:link,
header .block-header1 ul li a:visited{
  text-decoration: none;
  color: #fff;


}


header .block-header1 ul li:nth-child(1):after,
header .block-header1 ul li:nth-child(2):after{
  content: '';
  border-right: 1px solid;
  border-color: #802700;
  margin-left: 12px;
}


header .block-header2 {

}

header .block-header2 .buscador{
  width: 100%;
  max-width: 600px;  
}


header .block-header2 .buscador input{
  background: #f2f2f2;
  padding: 10px ;
  border:none;
  border-radius: 5px;
  width: 100%;
}

header .block-header2 .buscador input{
  background: #f2f2f2;
  padding: 10px 25px ;
  border: 1px solid #c1c1c1;
  border-radius: 10px 0px 0px 10px ;
  width: 100%;
  outline: none;
}


header .block-header2 .buscador button{
  background:#DA4200 ;
  border: none;
  border-radius: 0px 10px 10px 0px ;
  width: 60px;
  outline: none;
}


header .block-header2 .buscador i.fa-search{
  font-size: 20px !important;
  color: #fff;
}


header .block-header2 .group-register i{
  font-size: 24px;
  color:#AB3400;
}

header .block-header2 .group-register a:link,
header .block-header2 .group-register a:visited{
  text-decoration: none;
  color: #606060;
}

nav.menu-primario{
  background: #fff7f3;
  border-top: 1px solid #f8d3c3 ;
  border-bottom:4px solid #f8d3c3 ;
  width: 100%;
  font-family: popins-medium;
  font-size: 15px;


}


  .contenedor-menus{
   position: relative;

 }

 .contenedor-menus .contenedor-fixed{
   position: fixed;
   width: 100%;
   top: 0;
   z-index: 150;
 }

header .header-menu{
  margin-top: 113px;
}



nav.menu-primario ul li{
 list-style: none;
 position: relative;

}

nav.menu-primario ul li a{
 display: block;
 padding: 7px;
 color: #414141 !important;
}

nav.menu-primario ul li a:hover
{
  background: #ffd6c2;
  color: #551c03 !important;
}

nav.menu-primario ul li a:link,
nav.menu-primario ul li a:visited{
  color: black;
  text-decoration: none;
}

nav.menu-primario ul li i.fa-arrow-circle-down
{
  color: #666666;
}


/*Sub Menu*//////


nav.menu-primario ul li.sub-menu{
  position: relative;

}

nav.menu-primario ul li.sub-menu ul{
  font-size: 13.5;
  min-width:350px;
  position: absolute;
  padding: 4px 8px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3) ;
  background: #fff;
  transform: scale(0);
  transform-origin: top left;
  opacity: 0;
  visibility: hidden;
  transition: 200ms all ease;
  font-family: popins-regular;
  z-index: 100;
  
}



nav.menu-primario ul li.sub-menu:hover > ul{
  background: #fff;
  transform: scale(1.0);
  opacity: 100;
  visibility: visible;
}

nav.menu-primario ul li.sub-menu ul h5{
  color: #414141;
  margin-left: 3px;
  font-size: 18PX;
}

nav.menu-primario ul li.sub-menu ul h5:after{
  content: "";
  display: block;
  width: 30%;
  height: 3px;
  background: #DA4200;
  margin-top: 10px;

}


header .menu-togglers{

  display: none;    
}

/*...........SLIDER..............*/



header .carousel-item img {
  width: 101.10%;
}

main .banner4 img{
  width: 99.85%;
}



/*...........Media Query Menu Toggle..............*/

nav.menu-secundario {

  display: none;
}





/*...........Media Query..............*/

@media screen and (max-width: 991px){

header .header-menu{

  margin-top: 164px;
}


 nav.menu-secundario .container{
  max-width: 100% !important;
}

nav.menu-secundario {
  display: block;
  position: fixed;
  top: 50;
  left: 0;
  width: 100%;
  height: 70vh;
  overflow-y: auto;
  transform: translateX(-100%);
  opacity: 0;

  transition: 500ms all ease;
  z-index: 110;


}

nav.menu-secundario.menu {
  opacity: 1;
  transform: translateX(0);

}

nav.menu-secundario .main-ul{
  border-bottom: 8px solid #DA4200;
}




nav.menu-secundario ul{
  width: 100%;
  margin:0;
  padding:0;

}


nav.menu-secundario ul li{
  width: 100%;
  list-style: none;
  background: #504b43;
  border-top: 1px solid #b6aa99;
  position: relative;
}



nav.menu-secundario ul li.responsive-menu:before{
 font-family: FontAwesome;
 content: "\f0d7";
 font-size: 20px; 
 position: absolute;  
 right: 40PX;
 z-index: 2;
 color: #a99e8e;
 line-height: 40px;
}


nav.menu-secundario ul li.active.responsive-menu:before {
 content: "\f0d8";

}


nav.menu-secundario ul li a:link,
nav.menu-secundario ul li a:visited{
 text-decoration: none;
 color: #ffff;
}
nav.menu-secundario ul li a{
  width: 100%;

  display: block;
  padding: 10px 13PX;
}


nav.menu-secundario ul li.responsive-menu ul{
  display: none;

}

nav.menu-secundario ul li.responsive-menu ul li{

  background: #6d665b;
  
}

nav.menu-secundario ul li.responsive-menu ul li:hover{

  background: #706453;
  margin: 0;
}

nav.menu-secundario ul li.responsive-menu ul li a{
  margin-left: 12px;
}






header .block-header2 .logo{
  width: 100%;
  height: 80px;
}

header .block-header2 .logo img{
  width: 220px;
  height: 51px;
}

header .menu-togglers{
  color: #DA4200;
  float: right;
  cursor: pointer;
  font-size: 15px;
  display: block;    
}

header .block-header1 ul.lista-header1{
  display: none;

}

header .block-header2 .buscador{
  width: 100%;
  max-width: 100%;

}

header .block-header2 .group-register{
 display: none !important;
}

header nav.menu-primario{
  display: none;
}

}


@media screen and (max-width: 575px){

  header .block-header2 .container{
    padding: 0 0 !important;
  }

  header .block-header2 .buscador input{

    border-radius: 0px 0px 0px 0px ;
  }

  header .block-header2 .buscador button{
    border-radius: 0px 0px 0px 0px ;
  }

  header .block-header1 ul{
    justify-content: center;
  }

  header .block-header1 ul li{
    font-size: 13px;

  }


}









