@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;700&display=swap');
*{font-family: 'Barlow', sans-serif;}
.header {background-color: #010101;}
.center {margin: 0 auto;}
#flex {         display: flex !important;
    flex-direction: row;
    align-items: center;
    align-content: stretch;}
.bg-blued {background-color: #01509F;}
.bg-blue {background-color: #E9F1FA; border-radius: 8px;}
.bg-blue p {color: #0970E6; font-size: 18px; font-weight: 700;}

.typ h1 {color: #FFDE2A; font-size: 54px; line-height: 65px; font-weight: 700;}
.typ h2 {color: #fff; font-size: 54px; line-height: 49px; font-weight: 700;}
.typ p {font-size: 30px; line-height: 32px; color: #fff; font-weight: 500;}

.logo img {width: 100%;}
img.double-serum-img {
    width: 100% !important;
}
.banda { background-color: #fff; box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.24); position: absolute; transform: translateX(8%) !important;  margin-right: 50% !important; margin-top: -45px !important;}
.banda p {color: #6e6e6e; font-size: 22px; line-height: 24px; font-weight: 700;}
.banda span {color: #d77e00;}

.text-bigger {color: #fff; font-size: 36px; line-height: 36px; font-weight: bold;}

.barra-azul { background-color: #86c7f6; border-top: 12px solid white; border-bottom: 12px solid white;}

.alto {height: 120px; margin-top: 10vw;}

.check-invalid {border-color: #dc3545 !important;}

.f-11pt {font-size: 11pt !important; }

.footer h3 {font-size: 24px;}

form h3 {font-size: 140%;}
.footer h4 {font-size: 120%; color: #333;}

a {color: #fff; text-decoration: underline;}
.footer a {color: #000;}

.footr p {color: #6D6E70; }

.strong-title {color: #333;}
.tiny-text {font-size: 7pt;}
.text-white {font-size: 12px; color: #fff !important; text-align: center;} hr {font-size: 12px; color: #fff !important; text-align: center;}
.tiny-text3 {font-size: 8pt; }

.bg-impots h4 {color: white; text-decoration: none; font-style: italic; font-size: 16px;}

.grey {color: #909090; font-size: 70%;}

.container-fluid {position: relative;}

.boton {border: none; background-color: #FFDE2A; color: #010101; font-size: 20px; border-radius: 8px; max-width: 310px; padding: 8px 25px; font-weight: 700; text-decoration: none;}
.boton:hover {background-color: #FFFFFF; border: none;color: #010101; text-decoration: none;}
.tiny-text2 {font-size:14px; line-height: 17px;}
.bg-landing {background-image: url("../../images/fondoisostar.jpg");background-size: cover; background-position: center; background-repeat: no-repeat;}


.prods {position: absolute; bottom: -270px;
    left: -7vw;}



header {
    background-color: #fff;
}

header .primary-logo img {
    display: block;
    width: 100%;
    margin: auto;
    max-width: 200px;
    padding-top: 0px;
}
.im1 {left: 5px; top: 110px}

@media (max-width: 1196px) {.prods {position: absolute; bottom: -300px;
    left: -0vw;}
}

@media (max-width: 580px) {.typ h1 {color: #FFDE2A; font-size: 34px; line-height: 25px; font-weight: 700;}
.typ h2 {color: #fff; font-size: 34px; line-height: 39px; font-weight: 700;}
.typ p {font-size: 20px; line-height: 22px; color: #fff; font-weight: 500;}.bg-landing {background-image: url("../../images/fondoisostar.jpg");background-size: cover; background-position: center right; background-repeat: no-repeat;}
.im1 {left: -10px; top: 50px}
}