/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

 /*-----------------INDEX--------------------*/

 /*HEADER*/

 #image-form_8401874016322479 img {
   width: 80% !important;
   padding-top:20px;
   padding-bottom:30px;
}

 #memgamenu-form_8755377460898120 .megamenu-off-canvas-8755377460898120 {
    width: 120%;
    position: relative;
    top: 5px;
 }

 #memgamenu-form_8755377460898120 .leo-megamenu .navbar-nav > li > a {
    right:40px;
    padding:10px 10px !important;
    font-size: 12px !important;
 }

 @media (max-width: 1200px) {
    #memgamenu-form_8755377460898120 .leo-megamenu .navbar-nav > li > a {
        right: 40px;
        padding: 8px 8px !important;
        font-size: 10px !important;
    }
 }

 /*--------------SLIDER HERO------------------------*/

 #slideshow-form_4613649173631722 .iview-items {
   display: none !important;
 }

 #slideshow-form_4613649173631722 .iview-timer {
   display: none !important;
 }

 /*LAST BANNER*/ 

 #lastBannerContainer {
   text-align: center;
 }

 /*FOOTER*/

 #containerUbication {
   display: flex;
   justify-content: center;
 }

 .iconoFooter1 , .iconoFooter2 , .iconoFooter3 {
   position: relative;
   left: 40px;
   top: 60px;
   margin-bottom: 30px;
 }

#divInformacion {
   margin-left: 5% !important;
}

 /*MINI-FOOTER*/

 #divSocial1 {
   position: relative;
   top: 15px;
}

#divSocial2 {
   position: relative;
   top: 16px;
   right: 50px;
   padding: 0px;
}

#divSocial3 {
   position: relative;
   top: 9px;
   right: 90px;
   padding: 0px;
}

#divSocial4 {
   position: relative;
   top: 17px;
   right: 135px;
   padding:0px;
}

#divPayment div {
   width: 250px;
   position: relative;
   top: 17px;
   right: 100px;
}

/*-----------VERSION MOVIL------------*/

/*HEADER*/

@media (max-width: 991px) {
   #image-form_8401874016322479 {
      text-align: center;
   }
}

/*FOOTER*/

@media (max-width: 1200px) {
   #containerIcono3 .iconoFooter1 , #containerIcono3 .iconoFooter2 , #containerIcono3 .iconoFooter3 {
      top: 100px;
      margin-bottom: 60px;
   }
}

@media (max-width: 900px) {
   #contenidoFooter {
      height: 900px;
   }

   #containerUbication {
      flex-direction: column;
   }

   #containerIcono2 {
      position: relative;
      bottom: 100px;
   }
   
   #containerIcono3 {
      position: relative;
      bottom: 200px;
   }

   .iconoFooter1, .iconoFooter2, .iconoFooter3 {
      top: 70px !important;
      margin-bottom: 20px !important;
   }

   #ubicationColumn1 , #ubicationColumn2 , #ubicationColumn3 {
      position: relative;
      left: 100px;
      bottom: 105px;
   }

   #ubicationColumn2 {
      bottom: 205px !important;
   }

   #ubicationColumn3 {
      bottom: 305px !important;
   }

   #divInformacion {
      margin-left: 100px !important;
      position: relative;
      bottom: 250px;
   }
}

@media (max-width: 600px) {

   #containerIcono1 {
      right: 40px;
      top: 10px;
   }
   
   #ubicationColumn1 {
      left: 50px;
      bottom: 95px;
   }
   
   #containerIcono2 {
      right: 40px;
   }
   
   #ubicationColumn2 {
      left: 50px;
   }
   
   #containerIcono3 {
      right: 40px;
   }
   
   #ubicationColumn3 {
      left: 50px;
   }

   #divInformacion {
      right: 50px;
   }
}

@media (max-width: 460px) {
   #containerIcono1 , #containerIcono2 , #containerIcono3 {
      visibility: hidden;
   }
   #ubicationColumn1 , #ubicationColumn2 , #ubicationColumn3 {
      left: 0px;;
   }
   #divInformacion {
      right: 0px;
      margin-left: 0px !important;
   }
}

/*MINI FOOTER*/

@media (max-width: 1200px) {
   #divSocial1 {
      left: 100px;
   }

   #divSocial2 {
      top: -13px;
      left: 40px;
   }

   #divSocial3 {
      right: 0px;
      top: -50px;
      left: -28px;
   }

   #divSocial4 {
      top: -82px;
      right: 95px;
   }

   #divPayment {
      display: flex;
      position: relative;
      bottom: 50px;
      justify-content: center;
      padding: 0px;
   }
   #divPayment div {
      position: static;
   
}

/*Estilos para el script del zoom*/
.slick-list.draggable {
	width:94px !important;
	display:inline-block;
}
	
@media (max-width: 1200px) {
	.slick-list.draggable {
		width:auto !important;
		display:block;
	}
}