* {
  box-sizing: border-box;
}

body{
  font-family: 'Manrope', sans-serif;
}

.section-custom-img::after{
  content: '';
  position: absolute;
  left: 0;
  width: 14%;
  height: 105%;
  z-index: -1;
  background-color: #E51521;
}

.w-logo-custom {
  width: 140px !important;
}
/* FONT SIZES */
.headline-resp,
.headline{
  font-size: 36px;
}

.sub-headline{
  font-size: 28px;
}

.title{
  font-size: 22px;
}

.body-3{
  font-size: 17px;
}

.body-1{
  font-size: 15px;
}

.body-2{
  font-size: 14px;
  font-weight: 700;
}

.fields{
  font-size: 12px;
}

.small{
  font-size: 11px;
}

.headline-resp,
.headline,
.small{
  font-weight: 500;
}

.sub-headline,
.title,
.body-1,
.fields,
.body-3{
  font-weight: 400;
}

/* BUTTONS */
.btn-main{
  background-color: #1F56B5 !important;
  color: white !important;
}

.btn-second{
  background-color: white;
  color: #1F56B5;
  border: 1px solid #1F56B5;
}

.btn-brand{
  background-color: white;
  color: #828282;
  border: 1px solid #828282;
}

.btn-main,
.btn-second{
  border-radius: 20px;
}

.btn-inv{
  background-color: white;
  border: none;
  color: #1F56B5 !important;
}

/* COLORS */
.color-gray{
  color: #4F4F4F;
}

.color-gray-3{
  color: #828282;
}

.color-blue{
  color: #1F56B5;
}

.color-blue-bg{
  background-color: #1F56B5;
}

.color-red{
  color: #E51521;
}

.color-red-bg{
  background-color: #E51521;
}

/* TOP NAVBAR */
#top-links .nav .nav-item .nav-link{
  font-size: 13px;/*<!--cambios-->*/
  font-weight: 500;/*<!--cambios-->*/
  color: #000000;/*<!--cambios-->*/
}

/* MAIN NAVBAR */
#main-nav .navbar-nav li:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #E51521;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.5s cubic-bezier(1, 0.25, 0, 0.75) 0s;
  transition: all 0.5s cubic-bezier(1, 0.25, 0, 0.75) 0s;
}

#main-nav .navbar-nav li:not(.active):before{
  visibility: hidden;
}

#main-nav .navbar-nav li.active::before,
#main-nav .navbar-nav li:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

#main-nav .navbar-nav li.active a{
  color: #1F56B5 !important;
  font-size: 15px;/*<!--cambios-->*/
  font-weight: 700;
}

#main-nav .navbar-nav li a{
  color: black !important;
  font-size: 15px;/*<!--cambios-->*/
  font-weight: 700;/*<!--cambios-->*/
}

#main-nav .navbar-nav > li {
  float: left;
  position: relative;
  transition: all 0.15s ease-out;
}

/* JUMBOTRON CAROUSEL */
#main-carousel .carousel-inner .carousel-caption{
  bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

#main-carousel .carousel-inner > .carousel-item,
#main-carousel .carousel-inner > .carousel-item > img{
  height: 600px;
}

#main-carousel .carousel-inner > .carousel-item{
  background-size: cover;
  background-position: center center;
}

#main-carousel .carousel-inner > .carousel-item.item-1{
  background-image: 
    linear-gradient(
      to right, 
      rgba(31, 86, 181, 0.7) 50.43%, /*<!--cambios-->*/
      rgba(31, 86, 181, 0) 80.81%, /*<!--cambios-->*/
      transparent 50%
    ), 
    url(../img/IMG_9049_1.JPG);
}

#main-carousel .carousel-inner > .carousel-item.item-2{
  background-image: 
    linear-gradient(
      to right, 
      rgba(31, 86, 181, 0.7) 50.43%, /*<!--cambios-->*/
      rgba(31, 86, 181, 0) 80.81%, /*<!--cambios-->*/
      transparent 50%
    ), 
    url(../img/IMG_3972.JPG);
    /*url(../img/IMG_8866_1.JPG);*/
}

#main-carousel .carousel-inner > .carousel-item.item-3{
  background-image: 
    linear-gradient(
      to right, 
      rgba(31, 86, 181, 0.7) 50.43%, /*<!--cambios-->*/
      rgba(31, 86, 181, 0) 80.81%, /*<!--cambios-->*/
      transparent 50%
    ), 
    url(../img/IMG_8858_1.JPG);
}

/* CAROUSEL'S SECTION */
#carousel-cards .card img {
  max-width: 100%;
  max-height: 100%;
}

#carousel-cards .card {
  margin: 0 0.5em;
  box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
  border: none;
}

#carousel-cards .carousel-inner {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

#carousel-cards .carousel-control-prev,
#carousel-cards .carousel-control-next {
  background-color: #1F56B5;
  width: 3.5vh;
  height: 3.5vh;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
}

#carousel-cards .carousel-control-prev .carousel-control-prev-icon,
#carousel-cards .carousel-control-next .carousel-control-next-icon{
  width: 1.5vh;
  height: 1.5vh;
}
/* SECTION ARCHIVEMENTS */
.custom-border div:not(:last-child){
  border-right: 1px solid #E51521;
}



/* .custom-imgs-divs div:nth-of-type(1){
  background-image: url(/img/IMG_8872_1.JPG);
}

.custom-imgs-divs div:nth-of-type(2){
  background-image: url(/img/IMG_8863_1.JPG);
}

.custom-imgs-divs div:nth-of-type(3){
  background-image: url(/img/IMG_9046_1.JPG);
} */

/* .custom-imgs-divs div{
  -webkit-background-position: center center;
  -moz-background-position: center center;
  -o-background-position: center center;
  background-position: center center;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  background-repeat:no-repeat;
  min-height: 10px;
} */

/* SECTION CONTACT BANNER */
.contact-banner{
  background-image: url(../img/IMG_9042_1.JPG);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -webkit-background-position: center center;
  -moz-background-position: center center;
  -o-background-position: center center;
  background-position: center center;
  min-height: 400px;
}

/* FORM TRADING */
.trading-form input[type=text],
.trading-form input[type=email],
.trading-form textarea,
.trading-form select{
  background-color: #F3F6FA;
}

.trading-form select,
.trading-form .form-control{
  border-radius: 1rem;
}

.thanks-message{
  height: 400px;
}

.thanks-message hr{
  border-top-width: 2px;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

/* CAROUSEL PRODUCTS */
#carousel-fade .carousel-indicators{
  bottom: -60px;
}

#carousel-fade .carousel-indicators li{
  width: 7px;
  height: 7px;
  background-color: black;
  border-radius: 50%;
  margin-left: 8px;
  margin-right: 8px;
}

/* ACCORDION STYLES */

.accordion-products .collapsed > .when-opened,
.accordion-products :not(.collapsed) > .when-closed {
  display: none;
}

.accordion-products .list-group-item.not-collapsed,
.accordion-products .collapse.show .list-group-item{
  color: black;
}

.accordion-products .list-group-item.active{
  color: #1F56B5 !important;
}

@media (min-width: 768px) {
  #carousel-cards .card img {
    height: 11em;
  }
}

@media screen and (max-width: 768px) {
  .custom-border div:not(:last-child){
    border-bottom: 1px solid red;
    border-right: none;
  }

  #main-carousel .carousel-inner > .carousel-item.item-1{
    background-image: 
      linear-gradient(
        to right, 
        rgba(31, 86, 181, 0.7) 60%, 
        rgba(31, 86, 181, 0) 100%, 
        transparent 50%
      ), 
      url(../img/IMG_9049_1.JPG);
  }
  
  #main-carousel .carousel-inner > .carousel-item.item-2{
    background-image: 
      linear-gradient(
        to right, 
        rgba(31, 86, 181, 0.7) 60%, 
        rgba(31, 86, 181, 0) 100%, 
        transparent 50%
      ), 
      url(../img/IMG_8866_1.JPG);
  }
  
  #main-carousel .carousel-inner > .carousel-item.item-3{
    background-image: 
      linear-gradient(
        to right, 
        rgba(31, 86, 181, 0.7) 60%, 
        rgba(31, 86, 181, 0) 100%, 
        transparent 50%
      ), 
      url(../img/IMG_8858_1.JPG);
  }

  /* .custom-imgs-divs div{
    min-height: 300px;
  } */

  .headline-resp{
    font-size: 32px;
  }
}