/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */
#historia {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f4f4f4+50,cecece+100 */
  background: #ffffff; /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #f4f4f4 50%, #cecece 100%); /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#f4f4f4 50%,#cecece 100%); /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #ffffff 0%,#f4f4f4 50%,#cecece 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cecece',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.avia_textblock {
text-align: justify;
padding: 0 10px 0 10px;
line-height: 1.3em;
}
#enlaces-grilla {
background: url(http://grupoimpex.com.co/wp-content/uploads/2019/04/bg-enlaces.jpg);
background-repeat: no-repeat;
background-position: center -120px;
}
.avia-caption-content {
    font-size:17px;
}
.avia-slideshow-button {

}
#top .avia-slideshow-button.avia-color-light {
   background-color: rgb(128, 180, 50)!important;
}
.column-100 {
  width: 100%;
  clear: both;
}
.column-50 {
  width: 50%;
  float: left;
  padding: 0 15px 0 0;
}
.column-33 {
  width: 33,3%;
  float: left;
  padding: 0 15px 0 0;
}
.peso {
  width: 50%;
  float: left;
}
.volumen {
  width: 50%;
  float: left;
}
.column-25 {
  width: 25%;
  float: left;
  padding: 0 15px 0 0;
}
input[type="text"],input[type="input"],input[type="tel"],input[type="email"],textarea {
  background-color: white!important;
  color: #2c353d!important;
  border-color: #265fa1!important;
}
.text-gray {
  color: #2c353d;
}
#citydiv h2 {
    color: white!important;
}
.text-justify {
  text-align: justify;
}
.iconbox_icon img {
    vertical-align: middle;
}
.enlace-socket {
  margin-left: 2em;
}
.subtitulo-noticia {
  font-size: 28px;
}
#seccion-servicio-extendido .av_three_fourth img {
  border-radius: 10px 10px 2em 0;
}
#custom_html-2 .textwidget.custom-html-widget {
  text-align: center;
}
.indicadores-header {
    margin: 30px 0 0 80em;
    position: absolute;
}
#top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select {
  margin-bottom: 0!important;
}
#servicios img.avia_image {
    max-width: 90%;
    margin: 1em auto;
}
#mobile-advanced {
  background-color: #265fa1!important;
  color: white!important;
}
#mobile-advanced, #mobile-advanced a, #mobile-advanced .mega_menu_title {
  color: white!important;
}
#mobile-advanced a:before {
    color: white!important;
}
.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
  color: #80b432;
}
#top .scroll-down-link {
  color: #80b432!important;
}

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}


/*
Laptop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
    /* Add your laptop Styles here */
    .iconlist_title {
      font-size: 13px!important;
    }
    #historia .avia_image {
      max-width: 85%!important;
    }
    .indicadores-header {
      margin: 30px 0 0 65em;
    }
  }


/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (min-width: 320px) and (max-width: 767px) {
  /* Add your Mobile Styles here */
  #servicios {
    background-size: auto 100%!important;
  }
  #servicios .flex_column {
    background-size: 100% 581px!important;
  }
  #enlaces-grilla {
    background-position: center center!important;
    background-size: auto 100%!important;
  }
  #footer {
    background-size: auto 100%!important;
  }
  .responsive #scroll-top-link {
    display: block;
  }
  #servicios .avia_image, #conocenos .avia_image {
    max-width: 80%;
    margin: 0 auto;
  }
  .avia-caption-content {
    line-height: 1.1em;
  }
  .avia-caption-content p {
    display: none;
  }
  .avia-slideshow-button {

  }
  .avia-button {
    background: transparent!important;
    padding: 10px 5px!important;
    font-size: 9px!important;
    margin: 0!important;
  }
  #conocenos .avia_textblock p {
    font-size: 15px!important;
    line-height: 20px!important;
  }
  #huno-impex-home h1{
    font-size: 13px;
  }
  #servicios h2.av-special-heading-tag,
  #conocenos h4.av-special-heading-tag,
  #conocenos .avia_textblock h4,
  #enlaces-interes h5.av-special-heading-tag {
    font-size: 0.8em!important;
  }
  #servicios h3.av-special-heading-tag {
    font-size: 1.2em!important;
  }
  #historia h4.av-special-heading-tag {
    font-size: 0.5em!important;
  }
  #enlaces-grilla h4.iconlist_title {
    font-size: 13px!important;
  }
  .avia-icon-list .iconlist_icon {
    height: 50px!important;
    width: 50px!important;
    line-height: 50px!important;
    font-size: 25px!important;
  }
  .html_elegant-blog #top .post-entry .post-title, .html_elegant-blog .avia-content-slider .slide-entry-title {
    font-size: 17px!important;
  }
  #advanced_menu_toggle, #advanced_menu_hide {
    background-color: #80b432;
    color: white;
  }
  #advanced_menu_toggle, #advanced_menu_hide {
    height: 50px!important;
    width: 50px!important;
    line-height: 50px!important;
  }
  #full_slider_1 {
    display: none;
  }
  #huno-impex-home .flex_column {
    margin-bottom: 0!important;
  }
  .avia-section-small .content, .avia-section-small .sidebar {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .inner-container [data-av_icon]:before {
    content: "Menú";
    font-size: 0.5em;
    vertical-align: middle;
  }
  #seccion-servicio-extendido .flex_column {
    margin-bottom: 3px!important;
  }
  #seccion-servicio-extendido .flex_column .iconbox_content_title {
    font-size: 1em!important;
    margin: 18px 0 0 0;
  }

}