@media (min-width: 1024px) {
  /*-- Fuentes --*/
  @font-face {
    font-family: 'ClioHeavy';
    src: url(../font/LeType_ClioHeavy_Heavy.otf);
  }
  @font-face {
    font-family: 'ClioLigth';
    src: url(../font/LeType_ClioLight_Light.otf);
  }
  @font-face {
    font-family: 'Nexa-Bold';
    src: url(../font/nexa/Nexa-Slab-Bold.otf);
  }
  @font-face {
    font-family: 'Nexa-Black';
    src: url(../font/nexa/Nexa-SlabBlack.otf);
  }
  :root{
    --ClioHeavy: ClioHeavy;
    --ClioLigth: ClioLigth;
    --NexaBold:  'Nexa-bold';
    --NexaBlack: 'Nexa-Black';
  }
  /*--  Slideshow --*/
  h3{
    font-family: var(--NexaBlack);
    font-size: 2rem;
  }
  h4{
    font-family: var(--NexaBlack);
    font-size: 2.2rem;
  }
  .site-header-white{

  }
  .cont_video{
    width:  370px;
    height: 100px;
    margin-right: 15px;
    color: #fff;
    font-family: var(--ClioLigth);
    text-align: right;
    margin-top: -120px;
    background-image: url(../assets/rectangulo_video.png);
    background-repeat: repeat;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
  }
  .cont_video p{
    width: 230px;
    padding-top: 15px;
    font-size: .9rem;
  }
  .btn_video{
    width:  80px;
    height: 80px;
    margin-right: 20px;
    margin-left: 20px;
    transform: scale(.8);
    filter:  opacity(40%);
    background-image: url(../assets/icon/player_video.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: all 1s ease;
  }
  .btn_video:hover{
    transform: scale(1);
    filter:  opacity(100%);
    transition: all 1s ease;
  }
  .btnClose_video{
    width: 30px;
    height: 30px;
    border-radius: 100px;
    background-color: #4e4e4e;
    position: absolute;
    z-index: 3;
    margin-top: 10px;
    margin-left: 96%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .btnClose_video p{
    margin: 0;
    padding: 0;
    font-size: .8rem;
    font-weight: lighter;
    font-family: Helvetica
  }
  .text_center{
    text-align: center;
  }
  .slide_01{
    width: 100%;
    height: 70vh;
    background-color: #4e4e4e;
    background-image: url(../assets/slider/slideshow_main_01.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .slide_02{
    width: 100%;
    height: 70vh;
    background-color: #4e4e4e;
    background-image: url(../assets/slider/slideshow_main_02.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
  }
  .slide_03{
    width: 100%;
    height: 70vh;
    background-color: #4e4e4e;
    background-image: url(../assets/slider/slideshow_main_03.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
  }
  .slide_04{
    width: 100%;
    height: 70vh;
    background-color: #4e4e4e;
    background-image: url(../assets/slider/slideshow_main_04.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
  }
  .header_main_movil{
    display: none;
  }
  .cont_log_slideshow{
    width: 100%;
    height: 200px;
    position: fixed;
    z-index: 3;
  }
  .logo_slideshow{
    width: 100%;
    height: 200px;
    background-image: url(../assets/logo_bicolor.png);
    background-repeat: no-repeat;
    background-position: center;
  }
  .nav_container{
    width: 100%;
    height: 70vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    position: fixed;
    z-index: 2;
  }
  .container_grid{
    width: 70%;
    height: 50px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    transition: all 1s ease;
  }
  .container_grid .nav-index a:hover{
    color: #C0AD71;
    transition: all 1s ease;
  }
  .nav-index{
    width: 400px;
    height: 60px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
  }
  .nav-index a{
    color: #ffff;
    font-size: .9rem;
    font-family: var(--ClioLigth);
    text-decoration: none;
  }
  .carousel-indicators li{
    width:  10px;
    height: 10px;
    margin-right: 15px;
    border-radius: 100px;
    background-color: #BBAE75;
  }
  .carousel-indicators .active{
    border: solid #BBAE75 2px;
    background-color: transparent !important;
  }
#slideshow{
  width: 100%;
  height: 500px;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#slideshow img{
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 1s linear;
}
#slideshow img.active{
  opacity: 1;
}

#slideshow div{
}
#slideshow span{
  float: left;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  margin: 0 10px;
  background: white;
}
#slideshow span.active{
  background: #C0AD71;
}
#slideshow p{
  width: 30px;
  line-height: 80px;
  position: absolute;
  top: 50%;
  margin-top: -40px;
  color: white;
  background: rgba(0,0,0,0.2);
  font-size: 16px;
  text-align: center;
  cursor: pointer;

  -ms-user-select:none;
  -webkit-user-select:none;
  user-select:none;
}
#slideshow p.left{
  left: 0;
}
#slideshow p.right{
  right: 0;
}
#slideshow:hover p{
  display: block;
}
#slideshow p:hover{
  background: rgba(0,0,0,0.6);
}
#dot_first{
  margin-left: 140px !important;
}
.cont_dots{
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.cont_dots h3{
  color: #fff;
}
.desc_desarrollo{
  width: 400px;
  height: 650px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 100px;
  background: rgba(0,0,0,0.5);
  background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 99%, rgba(0,0,0,0.5) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.5)), color-stop(99%, rgba(0,0,0,0.5)), color-stop(100%, rgba(0,0,0,0.5)));
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 99%, rgba(0,0,0,0.5) 100%);
  background: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 99%, rgba(0,0,0,0.5) 100%);
  background: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 99%, rgba(0,0,0,0.5) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 99%, rgba(0,0,0,0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}
.control_dots{
  width: 400px;
  position: relative;
  display: flex;
  flex-direction: row;
}
.slide_info{
  width:  960px;
  height: 650px;
  padding: 0px;
  margin: 0px;
  color: #fff;
  padding-left:  20px;
  padding-right: 20px;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.slide_info h3{
  font-size: 1.5rem;
  margin-top: 50px;
  color: #c0ad71;
}
.slide_info h5{
  color: #fff;
  font-size: 1rem;
  text-align: justify;
  font-family: var(--ClioLigth);
}
  /*-- Nosotros --*/
  .parallax_nosotros{
    width: 100%;
    height: 600px;
    background-image: url(../assets/parallax_nosotros.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-attachment: fixed;
    background-size: cover;
  }
  .secc_somos{
    width: 100%;
    height: 650px;
    background-image: url(../assets/FONDO_parallax.png);
    background-repeat: no-repeat;
    background-position: top;
    background-attachment: fixed;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .secc_somos h3{
    margin-top: 100px;
    color: #fff;
  }
  .logo_somos{
    width: 100%;
    height: 140px;
    background-image: url(../assets/logos/logo_blanco.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .parrafo_somos{
    text-align: center;
    font-family: var(--ClioLigth);
    font-size: 1rem;
    color: #fff;
  }
.card0{
  width: 400px;
  height: 400px;
}
  .flip-container {
	perspective: 1000px;
}
	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
	}

.flip-container, .front, .back {
  width: 100%;
	height: 250px;
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
	transform: rotateY(180deg);
}
.icon_hand{
  width: 40px;
  height: 50px;
  filter: opacity(30%);
  background-image: url(../assets/icon/icon_click.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.target_front{
  width:  100%;
  height: 100%;
  background-color: #340706;
  border: solid #C0AD71 thin;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.target_front h3{
  margin-top: 10px;
  font-size: 1.8rem;
  font-weight: lighter;
  letter-spacing: 2px;
  color: #fff;
  font-family: 'Maven Pro', sans-serif;

}
.target_back{
  width:  100%;
  height: 100%;
  padding: 20px;
  background-color: #5F1717;
  text-align: center;
  color: #fff;
  font-family: 'Maven Pro', sans-serif;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.target_back h3{
  font-size: 2rem;
  font-weight: 200;
  letter-spacing: 2px;
}
.secc_slider{
  width: 100%;
}

.slide_img{
  width: 100%;
  height: 700px;
}
.slide_nos_01{
  width: 100%;
  height: 700px;
  background-image: url(../assets/slider/provedores/1.png);
  background-position: center;
  background-size: cover;
  transition: all 1s ease;
}
.slide_nos_02{
  width: 100%;
  height: 700px;
  background-image: url(../assets/slider/provedores/2.png);
  background-position: center;
  background-size: cover;
  transition: all 1s ease;
}
.slide_nos_03{
  width: 100%;
  height: 700px;
  background-image: url(../assets/slider/provedores/3.png);
  background-position: center;
  background-size: cover;
  transition: all 1s ease;
}
.slide_nos_04{
  width: 100%;
  height: 700px;
  background-image: url(../assets/slider/provedores/4.png);
  background-position: center;
  background-size: cover;
  transition: all 1s ease;
}
/* Nosotros */
.secc_nosotros{
  width: 100%;
  height: 450px;
  background-color: #340706;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
  .card_body{
    width:  100%;
    height:  360px;
    padding-left: 50px;
    padding-right: 50px;
    background-color: #5C1E1E;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .card_body h4{
    color: #fff;
  }
  .front_card{
    width:  80%;
    height: 350px;
    border-radius: 5px;
    background-color: #5C1E1E;
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .btn_card_01{
    filter: opacity(100%);
    transition: all 1s ease;
  }
  .btn_card_01:hover{
    filter: opacity(0%);
    transition: all 1s ease;
    cursor: default;
  }
  .desc_nosotros{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .group_icon_nos{
    color: #C0AD71;
    font-family: ClioHeavy;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .secc_nosotros p{
    color: #fff;
    font-family: ClioLigth;
    text-align: center;
    font-size: .9rem;
  }
  .icon-mision{
    width:  100px;
    height: 100px;
    background-image: url(../assets/icon/ICON_MISION.svg);
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center;
  }
  .icon-vision{
    width:  100px;
    height: 100px;
    background-image: url(../assets/icon/icon_vision.svg);
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center;
  }
  .border_somos{
    border:  solid 1px #C0AD71;
  }
  /*-- Secc proceso --*/
  .secc_proceso{
    width: 100%;
    height: 750px;
    padding-top: 50px;
    overflow: hidden;
    position: relative;
    background-color: #fff;
    background-image: url(../assets/bg_proceso.png);
    background-repeat: no-repeat;
    background-size: 75%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .secc_proceso h3{
    color: #330000;
  }
  .layout_cont_01{
    width: 960px;
    height: 700px;
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .layout_cont_02{
    width: 960px;
    height: 640px;
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
  }
  .proceso_01{
  }
  .view_proceso{
    position: absolute;
    filter: opacity(100%);
    transition: all 2s ease;
  }
  .hide_proceso{
    position: absolute;
    filter: opacity(0%);
    transition: all 2s ease;
    display: none;
  }
  .contenedor_proceso{
    width:  420px;
    height: 420px;
    background-image: url(../assets/bg_cont_proceso.png);
    background-position: center;
    background-size: contain;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .contenedor_proceso h5{
    text-align: center;
    color: #fff;
    font-size: 1rem;
  }
  .contenedor_proceso p{
    width: 330px;
    font-size: .8rem;
    color: #fff;
    font-family: ClioLigth;
    text-align: center;
  }
  /*-- Botones procesos --*/
  .btn_proc_norm_01{
    width: 100px;
    height: 100px;
    background-image: url(../assets/botones/btn_proc_norm_01.png);
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 1s ease;
  }
  .btn_proc_act_01{
    width: 100px;
    height: 100px;
    background-image: url(../assets/botones/btn_proc_act_01.png);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .btn_proc_norm_01:hover{
    background-image: url(../assets/botones/btn_proc_act_01.png);
    transition: all 1s ease;
  }
  .btn_proc_norm_02{
    width: 100px;
    height: 100px;
    background-image: url(../assets/botones/btn_proc_norm_02.png);
    background-size: contain;
    transition: all 1s ease;
  }
  .btn_proc_act_02{
    width: 100px;
    height: 100px;
    background-image: url(../assets/botones/btn_proc_act_02.png);
    background-size: contain;
  }
  .btn_proc_norm_02:hover{
    background-image: url(../assets/botones/btn_proc_act_02.png);
    transition: all 1s ease;
  }
  .btn_proc_norm_03{
    width: 100px;
    height: 100px;
    background-image: url(../assets/botones/btn_proc_norm_03.png);
    background-size: contain;
    transition: all 1s ease;
  }
  .btn_proc_act_03{
    width: 100px;
    height: 100px;
    background-image: url(../assets/botones/btn_proc_act_03.png);
    background-size: contain;
  }
  .btn_proc_norm_03:hover{
    background-image: url(../assets/botones/btn_proc_act_03.png);
    transition: all 1s ease;
  }
  .btn_proc_norm_04{
    width: 100px;
    height: 100px;
    background-image: url(../assets/botones/btn_proc_norm_04.png);
    background-size: contain;
    transition: all 1s ease;
  }
  .btn_proc_act_04{
    width: 100px;
    height: 100px;
    background-image: url(../assets/botones/btn_proc_act_04.png);
    background-size: contain;
  }
  .btn_proc_norm_04:hover{
    background-image: url(../assets/botones/btn_proc_act_04.png);
    transition: all 1s ease;
  }
  .btn_proc_norm_05{
    width: 100px;
    height: 100px;
    background-image: url(../assets/botones/btn_proc_norm_05.png);
    background-size: contain;
    transition: all 1s ease;
  }
  .btn_proc_act_05{
    width: 100px;
    height: 100px;
    background-image: url(../assets/botones/btn_proc_act_05.png);
    background-size: contain;
  }
  .btn_proc_norm_05:hover{
    background-image: url(../assets/botones/btn_proc_act_05.png);
    transition: all 1s ease;
  }
  .btn_proc_norm_06{
    width: 100px;
    height: 100px;
    background-image: url(../assets/botones/btn_proc_norm_06.png);
    background-size: contain;
    transition: all 1s ease;
  }
  .btn_proc_act_06{
    width: 100px;
    height: 100px;
    background-image: url(../assets/botones/btn_proc_act_06.png);
    background-size: contain;
  }
  .btn_proc_norm_06:hover{
    background-image: url(../assets/botones/btn_proc_act_06.png);
    transition: all 1s ease;
  }
  .vertical_cont_superior{
    width: 100%;
    height: 120px;
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  .vertical_cont_superior h3{
    width: 300px;
    margin-left: -310px;
  }
  .vertical_cont_inferior{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .horizontal_cont_superior{
    width: 570px;
    height: 170px;
    margin-bottom: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .horizontal_cont_inferior{
    width: 570px;
    height: 170px;
    display: flex;
    margin-top: 40px;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .proc_desc{
    text-align: center;
  }
  .proc_desc h4{
    color: #f6f6f6;
    font-family: ClioHeavy;
  }
  .proc_desc p{
    width: 350px;
    color: #f6f6f6;
    font-size: .8rem;
    font-family: ClioLigth;
  }
  .contBtn_proceso{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .bg_proc{
    width: 100%;
    height: 500px;
    margin-top: 200px;
    background-color: #cdcdcd;
  }
  .container_proceso{
    width: 400px;
    height: 400px;
    background-image: url(../assets/bg_cont_proceso.png);
    background-repeat: no-repeat;
    background-size: 35%;
    background-position: center;
  }
  .secc_clientes{
    width: 100%;
    margin-bottom: 150px;
    margin-top: 50px;
  }
  .secc_clientes h4{
    color: #330000;
  }
  .cliente_01{
    width: 100%;
    height: 150px;
    background-image: url(../assets/logo_clientes/Clientes_soriana.png);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .cliente_02{
    width: 100%;
    height: 150px;
    background-image: url(../assets/logo_clientes/Clientes_Global.png);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .cliente_03{
    width: 100%;
    height: 150px;
    background-image: url(../assets/logo_clientes/Clientes_comercial.png);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .cliente_04{
    width: 100%;
    height: 150px;
    background-image: url(../assets/logo_clientes/Clientes_PMI.png);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .cliente_05{
    width: 100%;
    height: 150px;
    background-image: url(../assets/logo_clientes/Clientes_mega.png);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .cliente_06{
    width: 100%;
    height: 150px;
    background-image: url(../assets/logo_clientes/Clientes_Walmart.png);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .row_clientes{
    margin-top: 30px;
  }
  .secc_alianzas{
    width: 100%;
    height: 70vh;
    background-image: url(../assets/Alianzas_CIASA.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
  }
  .bg_trnasparencia{
    width: 100%;
    height: 63vh;
    margin-top: 7vh;
    background: rgba(0,0,0,0.5);
    background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 99%, rgba(0,0,0,0.5) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.5)), color-stop(99%, rgba(0,0,0,0.5)), color-stop(100%, rgba(0,0,0,0.5)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 99%, rgba(0,0,0,0.5) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 99%, rgba(0,0,0,0.5) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 99%, rgba(0,0,0,0.5) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 99%, rgba(0,0,0,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
  }
  .cont_alianzas{
    color: #f6f6f6;
  }
  .cont_alianzas h3{
    padding-left: 30px;
    padding-top: 70px;
  }
  .cont_alianzas p{
    padding-left: 30px;
    padding-right: 30px;
    font-family: ClioLigth;
  }
  /* Incons alianzas */
  .icon_alianza_01{
    width: 100px;
    height: 100px;
    background-image: url(../assets/icon/icon-alianzas/icon_alainza_norm_01.png);
    background-position:  right;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .icon_alianza_01:hover{
    background-image: url(../assets/icon/icon-alianzas/alianza-02.png);
  }
  .icon_alianza_02{
    width: 100%;
    height: 100px;
    background-image: url(../assets/icon/icon-alianzas/icon_alianza_norm_02.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 1s ease;
  }
  .icon_alianza_02:hover{
    background-image: url(../assets/icon/icon-alianzas/alianza-01.png);
    transition: all 1s ease;
  }
  .icon_alianza_03{
    width: 100%;
    height: 100px;
    background-image: url(../assets/icon/icon-alianzas/icon_alianza_norm_03.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 120%;
    transition: all 1s ease;
  }
  .icon_alianza_03:hover{
    background-image: url(../assets/icon/icon-alianzas/alianza-03.png);
    transition: all 1s ease;
  }
  .icon_alianza_04{
    width: 100%;
    height: 100px;
    background-image: url(../assets/icon/icon-alianzas/icon_alianza_norm_04.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 120%;
    transition: all 1s ease;
  }
  .icon_alianza_04:hover{
    background-image: url(../assets/icon/icon-alianzas/alianza-04.png);
    transition: all 1s ease;
  }
  .icon_alianza_05{
    width: 100%;
    height: 100px;
    background-image: url(../assets/icon/icon-alianzas/icon_alianza_norm_05.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: 120%;
    transition: all 1s ease;
  }
  .icon_alianza_05:hover{
    background-image: url(../assets/icon/icon-alianzas/alianza-05.png);
    transition: all 1s ease;
  }
  /* Secc contacto */
  .secc_dir{
    width: 100%;
    height: 650px;
    background-image: url(../assets/bg_contacto.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .secc_form{
    width: 100%;
    height: 550px;
    padding-top: 100px;
    background-color: #330000;
    background-image: url(../assets/Vaca_contacto.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
  }
  .alert{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background-color: #68A172;
  }
  .color-send{
    background-color: #26A69A;
  }
  .color-error{
    background-color: #D84315;
  }
  .color-btn-error{
    background-color: #BF360C;
  }
  .color-btn-send{
    background-color: #26A69A;
  }
  .alert_msg{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .alert_msg p{
    padding-left: 20px;
    margin: 0;
    color: #fff;
  }
  .btn_close_alert{
    width: 40px;
    height: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all 1s ease;
  }
  .btn_close_alert p:hover{
    cursor: auto;
  }
  .btn_close_alert p{
    padding: 0;
    margin: 0;
  }
  .view-alert{
    filter: opacity(100%);
    transition: all 1s ease;
  }
  .hide-alert{
    filter: opacity(0%);
    transition: all 1s ease;
  }
  .secc_form h3{
    color: #fff;
  }
  .label_form{
    color: #fff;
  }
  .btn_send{
    width: 100%;
    height: 30px;
    border: none;
    padding-top: 5px;
    border-radius: 5px;
    background-color: #C0AD71;
    color: #fff;
    font-family: var(--ClioLigth);
    transition: all 1s ease;
  }
  .btn_send:hover{
    background-color: #8C7B47;
    transition: all 1s ease;
  }
  .group_icon_contacto{
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .group_icon_contacto h3{
    color: #c0ad71;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 1rem;
  }
  .group_icon_contacto p{
    line-height: 0px;
    font-family: ClioLigth;
    font-size: .9rem;
  }
  .icon_contacto_01{
    width: 100px;
    height: 100px;
    background-image: url(../assets/icon/ICON_OFICINA.svg);
  }
  .icon_contacto_02{
    width: 100px;
    height: 100px;
    background-image: url(../assets/icon/ICON_RANCHO.svg);
  }
  .secc_mail{
    margin-top: 70px;
  }
  /* Secc productos */
  .secc_productos{
    width: 100%;
  }
  .slide_secc_01{
    width: 100%;
    height: 600px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .slide_secc_02{
    width: 100%;
    height: 600px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
  }
  .group-title{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .box_text{
    width: 400px;
    height: 250px;
    margin-bottom: 100px;
    border: solid #C0AD71 thin;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .box_text h4{
    color: #fff;
    font-size: 1.5rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
  }
  .box_text p{
    margin-top: 10px;
    color: #fff;
    text-align: justify;
    font-size: .9rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: lighter;
  }
  .cont_desc_box{
    width: 340px;
  }
  .icon_corte{
    width: 100px;
    height: 30px;
    background-image: url(../assets/icon/icon_corte.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
  }
  .icon_product{
    width: 80px;
    height: 100px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
  }
  .img_product_01{
    width: 400px;
    height: 400px;
    background-image: url(../assets/slider/productos/Diezmillo.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .img_product_02{
    width: 400px;
    height: 400px;
    background-image: url(../assets/slider/productos/Cowboy.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .img_product_03{
    width: 100%;
    height: 400px;
    background-image: url(../assets/slider/productos/RibEye.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
  }
  .img_product_04{
    width: 100%;
    height: 400px;
    background-image: url(../assets/slider/productos/T-BONE.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
  }
  .img_product_05{
    width: 100%;
    height: 400px;
    background-image: url(../assets/slider/productos/NewYork.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
  }
  .img_product_06{
    width: 100%;
    height: 400px;
    background-image: url(../assets/slider/productos/Sirloin.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
  }
  .img_product_07{
    width: 100%;
    height: 400px;
    background-image: url(../assets/slider/productos/PulpaNegra.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .img_product_08{
    width: 100%;
    height: 400px;
    background-image: url(../assets/slider/productos/PulpaBola.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .bg_slide_product{
    width: 100%;
    height: 600px;
    background-image: url(../assets/bg_productos.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .slide_product{
    width: 100%;
    height: 600px;
  }
  .slide_produc_02{
    width: 100%;
    height: 600px;
    background-color: #AB47BC;
  }
  .slide_produc_03{
    width: 100%;
    height: 600px;
    background-color: #4DB6AC;
  }
  .secc_descarga{
    height: 130px;
  }
  .btn_catologo{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
  .cont-text-catalogo{
    height: 70px;
    padding-left: 10px;
    border-left: solid 2px #C0AD71;
  }
  .btn_catologo h3{
    margin-top: 10px;
    font-size: 1rem;
    font-family: var(--ClioHeavy);
    color: #330000;
  }
  .btn_catologo h4{
    color: #330000;
    font-size: 1rem;
    line-height: 0px;
    font-family: var(--ClioLigth);
  }
  .btn_catologo a{
    color: #330000;
    text-decoration: none;
  }
  .btn_catologo a :hover{
    color: #C0AD71;
  }
  .btn_catologo p{
    font-family: var(--ClioLigth);
  }
  .img_cat{
    width: 50px;
    height: 50px;
    background-image: url(../assets/icon/descarga_cat.png);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .logo_bilateral{
    width: 100%;
    height: 15px;
    margin-top: 20px;
    background-image: url(../assets/icon/logo_bilateral_norm.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }
  .logo_bilateral:hover{
    background-image: url(../assets/icon/logo_bilateral_act.png);
    transition: all 1s ease;
  }
  .logo_purple{
    width: 100%;
    height: 15px;
    margin-top: 20px;
    background-image: url(../assets/icon/logo_purple_norm.png);
    background-repeat: no-repeat;
    background-size: 90%;
    background-position: left;
  }
  .logo_purple:hover{
    background-image: url(../assets/icon/logo_purple_act.png);
    transition: all 1s ease;
  }
}

@media (min-width: 1920px) {
  #slideshow{
    width: 100%;
    height: 800px;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .slide_info{
    width:  960px;
    height: 800px;
    padding: 0px;
    margin: 0px;
    color: #fff;
    padding-left:  20px;
    padding-right: 20px;
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  .desc_desarrollo{
    width:  400px;
    height: 800px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 100px;
    background: rgba(0,0,0,0.5);
    background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 99%, rgba(0,0,0,0.5) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.5)), color-stop(99%, rgba(0,0,0,0.5)), color-stop(100%, rgba(0,0,0,0.5)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 99%, rgba(0,0,0,0.5) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 99%, rgba(0,0,0,0.5) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 99%, rgba(0,0,0,0.5) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 99%, rgba(0,0,0,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
  }
}