@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
*,*:after,*:before {-moz-box-sizing:border-box; box-sizing:border-box; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility;}

html {font-size:62.5%;}
body {font-family: 'Montserrat', sans-serif; sans-serif; font-display: swap;  margin: 0px;}
h1, h2, h3, h4, h5, h6, p { font-family: 'Montserrat', sans-serif;, sans-serif; font-display: swap;}

h1, .h1 { font-size:42px; font-weight: 700; line-height: 1.3; letter-spacing: 0px; color:#fff; margin: 0px;}
h2, .h2 { font-size:32px; font-weight: 700; line-height: 1.3; letter-spacing: 0px; color:#041027; margin: 0px;}
h3, .h3 { font-size:32px; font-weight: 700; line-height: 1.3; letter-spacing: 0px; color:#041027;margin: 0px;}
h4, .h4 { font-size:24px; font-weight: 700; line-height: 1.3; letter-spacing: 0px; color:#041027;margin: 0px;} 
h5, .h5 { font-size:22px; font-weight: 700; line-height: 1.3; letter-spacing: 0px; color:#041027;margin: 0px;}
h6, .h6 { font-size:20px; font-weight: 700; line-height: 1.3; letter-spacing: 0px; color:#041027;margin: 0px;}
p { font-size: 18px; font-weight: 400; line-height: 1.6; color: #2c2c2c; margin: 0px;}

.row-fluid [class*="span"]:first-child { margin-left: 0; }
.full [class*="span"]:first-child { margin-left: 0; }
[class*="span"] { display: block;float: left; min-height: 1px; margin-left: 2.12%;}

.span12{width:99.99999998999999%;*width:99.94680850063828%}
.span11{width:91.489361693%;*width:91.4361702036383%}
.span10{width:82.97872339599999%;*width:82.92553190663828%}
.span9{width:74.468085099%;*width:74.4148936096383%}
.span8{width:65.95744680199999%;*width:65.90425531263828%}
.span7{width:57.446808505%;*width:57.3936170156383%}
.span6{width:48.93617020799999%;*width:48.88297871863829%}
.span5{width:40.425531911%;*width:40.3723404216383%}
.span4{width:31.914893614%;*width:31.8617021246383%}
.span3{width:23.404255317%;*width:23.3510638276383%}
.span2{width:14.89361702%;*width:14.8404255306383%}
.span1{width:6.382978723%;*width:6.329787233638298%}
/***columnas por %***/
.col-5, .col-10, .col-15, .col-20, .col-25, .col-30, .col-33, .col-35, .col-40, .col-45, .col-50, .col-55, .col-60, .col-65, .col-70, .col-75, .col-80, .col-85, .col-90, .col-95, .col-100{ float: left;    min-height: 1px;}
.col-5  { width: 5%; }.col-10 {  width: 10%; }.col-15 {  width: 15%; }.col-20 {  width: 20%; }.col-25 {  width: 25%; }.col-30 {  width: 30%; } .col-33 {  width: 33%; }.col-35 {  width: 35%; }.col-40 {  width: 40%; }.col-45 {  width: 45%; }.col-50 {  width: 50%; } .col-55 {  width: 55%; }.col-60 {  width: 60%; }.col-65 {  width: 65%; }.col-70 {  width: 70%; }.col-75 {  width: 75%; }.col-80 {  width: 80%; }.col-85 {  width: 85%; }.col-90 {  width: 90%; }.col-95 {  width: 95%; }.col-100{  width: 100%; }

main{float: left;}
.btn1 {
    text-transform: uppercase;
    background: #f93;
    border: solid 2px #f93;
    color: #fff;
    border-radius: 23px;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Montserrat';
    letter-spacing: 1px;
    height: 45px;
    line-height: 18px;
    min-width: 205px;
    padding: 12px 3.2%;
    display: inline-block;
}
.btn1:hover {color:#FF9933;background:#FFFFFF;}
.b2{ font-size: 24px; font-weight: 700; letter-spacing: 0px; background-color: #e84c3c; color: #fff; text-align: center; height: 43px; float: left; line-height: 43px; width: 233px; border-radius: 23px;}
.b2:hover { background-color: #26a79b; color: #fff;}
.b3{ font-size: 18px; font-weight: 700; letter-spacing: 0px; background-color: #012053; color: #fff; text-align: center; height: 49px; float: none; line-height: 49px; width: 178px; border-radius: 23px;display: inline-block;}
.b3:hover { background-color: #26a79b; color: #fff;}
#btn-cta {text-align:center;margin-top: -30px;position: relative;padding-bottom:30px;}

img {max-width:100%;vertical-align:bottom;}
a { color:#444; text-decoration:none; transition: 0.3s; }
a:hover {color:#444;}
a:focus {outline:0;}
a:hover,a:active {outline:0;}
input:focus { outline:0;border:1px solid #04A4CC;}
:focus { outline: -webkit-focus-ring-color auto 0px !important;}
::selection { background:transparent; color:#0095eb; text-shadow:none;}
::-webkit-selection {background:transparent; color:#0095eb; text-shadow:none;}
::-moz-selection { background:transparent; color:#0095eb; text-shadow:none;}

.full{width:100%;float:left}
.boxer{width:1200px;margin:0 auto!important;margin-left:auto!important;margin-right:auto!important;}
.video{width:100%!important;border:0 solid #000!important;margin:0!important;border-radius:0!important}
.ordenador{display:block}
.movil{display:none !important; }
::-webkit-input-placeholder{color:#A3A3A3}
::-moz-placeholder{color:#A3A3A3}
:-ms-input-placeholder{color:#A3A3A3}
:-moz-placeholder{color:#A3A3A3}
.div-hijo{display:table-cell;vertical-align:middle;float:none}
.div-padre{display:table}
.parallax{background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;
}
.center {text-align:center;}
.espacio {width:100%;height:130px;float:left;}
select {
  -webkit-appearance: none; /* Webkit */
  -moz-appearance: none; /* FF */
  -ms-appearance: none; /* Edge */
  appearance: none; /* Future */}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition: "color 9999s ease-out, background-color 9999s ease-out";
    -webkit-transition-delay: 9999s;
}
option {
   background: transparent;
}
::-webkit-file-upload-button {
  background: #0095eb;
  color: #fff;
  padding: 1em;
  border:0px;
  display:none;
}

/** Clases Flex **/
.flex-r-c {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.flex-c-c {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.flex-r-s {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:start;}
.wrap {-ms-flex-wrap:wrap;flex-wrap:wrap;}
.nowrap {-ms-flex-wrap:nowrap;flex-wrap:nowrap;}


#formulario input[type="submit"]{
   -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
}
@media screen and (max-width : 1200px) and (min-width : 300px) {
.boxer{width:90%;margin:0 auto}
}
@media screen and (max-width : 767px) and (min-width : 300px) {
.ordenador{display:none!important}
.movil{display:block!important}
.espacio {height:80px;}
}

@media screen and (max-width : 1024px) and (min-width : 767px) {
  .col-t-100{width: 100%;}
  .col-t-50{width: 50%;}
  .col-t-33{width: 33%;}
  .col-t-25{width: 25%;}
  .col-t-0{width: 0%;}
}

@media screen and (max-width : 767px) and (min-width : 300px) {
  .boxer{width:81%;margin:0 auto}
  .parallax {
    background-attachment: initial !important;
}
  .col-m-100{width: 100% !important;}
  .col-m-80{width: 80% !important;}
  .col-m-50{width: 50% !important;}
  .col-m-25{width: 25% !important;} 
  .col-m-10{width: 10% !important;}   
  
h1, .h1 { font-size:43px ;}
h2, .h2 { font-size:27px ; line-height: 1.4; }
h3, .h3 { font-size:32px ; line-height: 1.3; }
h4, .h4 { font-size:24px; line-height: 1.3; } 
h5, .h5 { font-size:28px; line-height: 1.3; }
h6, .h6 { font-size:20px; line-height: 1.3; }
p { font-size: 18px; line-height: 1.7; }

}
/** BANNER DE PRODUCTOS **/ 
h1.titulo_seo{font-size: 0px!important; color: rgb(255 255 255 / 3%); margin: 0px;line-height:0!important;}
.hs_recaptcha.hs-recaptcha.field.hs-form-field{ padding-left: 6%;}
#banner-productos {margin-top:117px;}
#banner-productos .filtro{ background-color: rgb(15 72 110 / 55%); float: left; width: 100%;}
#banner-productos .textos {padding-right:6%;margin-left: 0%; min-height: 500px;}
#banner-productos .h1 {margin-top:105px;margin-left: 10px;color:#FFFFFF;text-transform:uppercase;}
#banner-productos .h1 span {box-shadow: 0 0 0 10px #23ccfc;background-color: #23CCFC;line-height: 2;box-decoration-break: clone # Fix Firefox}
#banner-productos h5 {font-size:38px;color:#FFFFFF;font-weight:400;margin-bottom:40px;}
#banner-productos p {color:#FFFFFF;font-size:22px;}
#banner-productos .ticket-txt {display:flex;gap:15px;align-items:center;margin-bottom:18px;}
#banner-productos .ticket-txt:last-child {margin-bottom:0;}
#banner-productos .box-form {background: #FFFFFF;border-radius: 30px;padding: 35px 0 60px;box-shadow: 0 3px 26px rgb(0 0 0 / 8%); min-height: 700px;}
#banner-productos .span5 {position:relative;top:45px;}
#banner-productos .hs_message label {margin-left:6%;}
#banner-productos fieldset.form-columns-1 .input {margin-left:6%;}
#banner-productos fieldset.form-columns-2 .input {
    margin-right: 0;
    width: 100%;
    float: left;
}
#banner-productos fieldset.form-columns-2 .hs-form-field {width: 41%;float: left;margin-left: 6%;}
#banner-productos #formulario h3 {font-size:26px;color:#FFFFFF;text-align:center;margin-bottom:25px;font-weight:700;background:#23CCFC;}
#banner-productos #formulario label {font-family: 'Monserrat',sans-serif;display:block;font-size:16px;font-weight:700;color:#1177B8;margin-bottom:10px!important;}
#banner-productos #formulario input, #banner-productos #formulario select {font-family: 'Monserrat',sans-serif;background: #EFFBFF; height: 57px; padding: 0px 5px;  margin: 0px; width: 100%; line-height: 57px; border: 0px;  border-radius: 8px; font-size: 18px; color: #212F79; margin-bottom: 20px;}
#banner-productos #formulario input[type="submit"] {cursor: pointer;font-family: 'Monserrat',sans-serif;margin-top: 30px !important;Color: #fff;background-color: #FB9440;border: solid 2px #FB9440;font-size: 20px;font-weight: 600;line-height: 53px;height: 57px;padding: 0px 2%;border-radius: 27px;text-decoration: none;margin: 0 auto;display: block;width: 44%;text-align: center;transition-duration: .5s;letter-spacing: 2px;text-transform: uppercase;}
#banner-productos #formulario input[type="submit"]:hover {background:#FFFFFF;color:#FB9440;transition-duration: 0.5s;}
#banner-productos #formulario textarea {font-weight:300;font-family: 'Lato',sans-serif;background: #EFFBFF;width: 95.5%;font-size: 16px;color:#041027;border:0;border-radius:8px;padding: 18px 25px 0;height: 81px;margin-bottom: 20px;}
#formulario select {font-family: 'Lato',sans-serif;color:#041027;font-weight:300;}

/** CARRUSEL DE PRODUCTOS **/
#carrusel{padding: 90px 0px 140px 0px;}
#carrusel .span5 h2{ font-size: 22px; font-weight: 400;line-height: 1.3; letter-spacing: 0px; color: #041027;  margin: 0px;}
#carrusel .span5 h3{ color: #1177B8;margin-bottom: 20px;}
#carrusel .span5 .parrafo{ padding-bottom: 40px;}
#carrusel .span5 .col-100 .col-50 p { padding: 0px 10% 34px 40px; background-image: url(https://www.biopure.cl/hubfs/Landings%20Productos%202022/check.svg); background-position: left top; background-repeat: no-repeat;}
#carrusel .nav { display: flex; align-items: center; justify-content: flex-start;gap:30px;}
#carrusel .next, #carrusel .prev{ cursor: pointer; width: auto; padding: 11px 16px; color: white; font-weight: bold; font-size: 18px; transition: .6s ease; border-radius: 0 3px 3px 0; user-select: none; background-color: #23ccfc; border-radius: 21px !important;float: left;}
#carrusel .next:hover, #carrusel .prev:hover{}
#carrusel .products {display: flex;justify-content: space-between;gap: 15px;}
#carrusel .dotx {display:flex;align-items:center;width: 141px; height: 123px; border-radius: 10px; border: solid 1px #00b5db; float: left; opacity: 0.7;padding:25px;}
#carrusel .dotx.active, #carrusel .dotx:hover {display:flex;align-items:center;background-color: #ffffff; opacity: 1;}

/** PRODUCTO **/
#producto {padding: 90px 0px 70px 0px;}
#producto .span5 h2{ font-size: 22px; font-weight: 400;line-height: 1.3; letter-spacing: 0px; color: #041027;  margin: 0px;}
#producto .span5 h3{ color: #1177B8;margin-bottom: 20px;}
#producto .span5 .parrafo{ padding-bottom: 40px;}
#producto .span5 .col-100 .col-50 p { padding: 0px 10% 34px 40px; background-image: url(https://www.biopure.cl/hubfs/Landings%20Productos%202022/check.svg); background-position: left top; background-repeat: no-repeat;}
#producto .nav { display: flex; align-items: center; justify-content: flex-start;gap:30px;}
#producto .next, #producto .prev{ cursor: pointer; width: auto; padding: 11px 16px; color: white; font-weight: bold; font-size: 18px; transition: .6s ease; border-radius: 0 3px 3px 0; user-select: none; background-color: #23ccfc; border-radius: 21px !important;float: left;}
#producto .next:hover, #producto .prev:hover{}
#producto .products {display: flex;justify-content: space-between;gap: 15px;}
#producto .dotx {display:flex;align-items:center;width: 141px; height: 123px; border-radius: 10px; border: solid 1px #00b5db; float: left; opacity: 0.7;padding:5%;}
#producto .dotx.active, #producto .dotx:hover {display:flex;align-items:center;background-color: #ffffff; opacity: 1;}

/** TEXTO - IMAGEN **/ 
#texto-imagen{ background-color: #7f969d; padding: 78px 0px 88px;}
#texto-imagen h2 { color: #1177B8; text-transform: uppercase; padding-right: 10%;margin-bottom: 20px;}
#texto-imagen .parrafo { padding-bottom: 28px;}
#texto-imagen .parrafo p {  font-size: 18px;  font-weight: 300; line-height: 1.4;  color: #041027;  margin: 0px; font-family: 'Lato', sans-serif;}
#texto-imagen img{ padding-left: 10%;}
.flex-center {  display: flex; align-items: center;}

/** TEXTO - LISTA **/ 
#texto-lista {background-color: #7f969d; padding: 78px 0px 88px;}
#texto-lista h2 {color: #1177B8; text-transform: uppercase; padding-right: 10%;margin-bottom: 20px;}
#texto-lista .parrafo {padding-bottom: 28px;}
#texto-lista .parrafo p {font-size: 18px;  font-weight: 300; line-height: 1.4;  color: #041027;  margin: 0px; font-family: 'Lato', sans-serif;}
#texto-lista .lista {display: flex;align-items: start;gap: 15px;margin-bottom:15px;}
#texto-lista .lista:last-child {margin-bottom:0;}
.flex-center {  display: flex; align-items: center;}

/** TABLA **/
#tabla {padding: 77px 0px;}
#tabla h2 { color: #1177b8; text-transform: uppercase; margin-bottom: 20px;}
#tabla .parrafo{ margin-bottom: 40px;}
#tabla .parrafo p { font-size: 18px; font-weight: 300; line-height: 1.4; color: #041027; margin: 0px; font-family: 'Lato',sans-serif;}
#tabla .col-80 { width: 80%; text-align: center; margin: 0px 10%;}
#tabla .tabla div {border-radius: 20px;border: solid 1px #ED9952;}
#tabla table{border: 0px solid #99acc2 !important;}
#tabla td {border: 0.5px solid #fc9934;font-size: 17px;font-weight: 300;}

/** ESQUEMA **/
#Esquema_purificador_de_aire{ padding: 120px 0px 78px;}
#Esquema_purificador_de_aire .col-100{text-align: center;}
#Esquema_purificador_de_aire img{margin-bottom: 30px;}
#Esquema_purificador_de_aire .contenido{ padding: 30px 8%;}
#Esquema_purificador_de_aire .contenido h2 { color: #1177b8; text-transform: uppercase; margin-bottom: 20px;}
#Esquema_purificador_de_aire .contenido .parrafo{}
#Esquema_purificador_de_aire .contenido .parrafo p { font-size: 18px; font-weight: 300; line-height: 1.4; color: #041027; margin: 0px; font-family: 'Lato',sans-serif;}

/** TESTIMONIOS **/
#Testimonios{}
#Testimonios .blanco{ text-align: center; padding: 30px 0px 10px 0px;}
#Testimonios .blanco h2 { color: #1177b8; text-transform: uppercase; margin-bottom: 20px;}
#Testimonios .color{ padding: 60px 0px;}
#Testimonios .el-flex {display: flex;align-items: center;justify-content: space-between;gap: 55px;}
#Testimonios .prev:hover, #Testimonios .next:hover { opacity: 0.5;}
#Testimonios .prev,#Testimonios .next {width:50px;cursor: pointer; width: auto; padding: 11px 16px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; background-color: #23ccfc; border-radius: 21px !important;}
#Testimonios .slideshow-container{ text-align: center;}
#Testimonios .mySlides img{ height: 69px; width: auto; margin-bottom: 32px;}
#Testimonios .mySlides .testimonio{ margin-bottom: 38px;}
#Testimonios .mySlides .testimonio p{ font-size: 18px;font-weight: 300; line-height: 1.4; color: #041027; margin: 0px; font-family: 'Lato',sans-serif;}
#Testimonios .mySlides .nombre{ color: #041027; font-size: 22px;font-weight: 700; text-transform: uppercase;}
#Testimonios .mySlides .cargo{color: #041027; font-size: 22px; font-weight: 400;  margin-bottom: 30px;}
#Testimonios .puntos {display: flex;justify-content: center;gap: 20px;}
#Testimonios .dot.active{ background-color: #23CCFC;}
#Testimonios .dot:hover{  background-color: rgb(35 204 252 / 40%);}
#Testimonios .dot{ cursor: pointer; height: 15px; width: 15px;  margin: 0 2px; background-color: #fff; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease;}

/** PUBLICACIONES **/
.publicaciones{ padding: 90px 0px 80px 0px;}
.publicaciones h2 { color: #1177b8; text-transform: uppercase; margin-bottom: 60px; text-align: center;}
.publicaciones .contenedor {display:flex;justify-content:center;gap:70px;}
.publicaciones .relacionados{ border: solid #62C9F7 1px; border-radius: 19px 19px; overflow: hidden;width:24%;}
.publicaciones .relacionados .related-image{  height: 148px; overflow: hidden;}
.publicaciones .relacionados .related-image a{}
.publicaciones .relacionados .related-image img{}
.publicaciones .relacionados .related-title{ padding: 25px 20px;}
.publicaciones .relacionados .related-title h4 { color: #1177b8; text-transform: uppercase; margin-bottom: 18px; font-size: 18px; min-height: 70px;}
.publicaciones .relacionados .related-title h4 a { color: #1177b8; transition: 0.3s;}
.publicaciones .relacionados .related-title h4 a:hover { color: #FF9933;}
.publicaciones .relacionados .related-title p{ font-size: 16px; font-weight: 300; line-height: 1.4; color: #041027; margin: 0px; font-family: 'Lato',sans-serif; margin-bottom: 16px; min-height: 88px;}
.publicaciones .relacionados .btn-landing { float: right; width: 100%; text-align: right; margin-bottom: 24px; margin-right: 25px; transition: 0.3s;}
.publicaciones .relacionados .btn-landing:hover { margin-right: 0px;}
.publicaciones .link{ color: #FF9933; font-family: 'Montserrat',sans-serif; text-align: center; width: 100%; float: left; margin-top: 56px; font-size: 18px; text-transform: uppercase; font-weight: 600; letter-spacing: 2px; transition: .3s;}
.publicaciones .link:hover{color: #1177b8;}

/** CONTENIDOS **/
#contenidos{ padding: 70px 0px 170px;}
#contenidos h2{ color: #1177b8; text-transform: uppercase; margin-bottom: 60px; text-align: center;}
#contenidos .contenedor {display: flex;justify-content: center;align-items:center;}
#contenidos .box {width:32%;}
#contenidos .box a{ transition: .3s;}}
#contenidos .box a:hover img{ opacity: 0.7;}

@media screen and (max-width : 767px) and (min-width : 300px) 
{
  
/** BANNER DE PRODUCTOS **/
#banner-productos {margin-top:60px;}
#banner-productos .h1 {font-size:28px;margin-top: 60px;}
#banner-productos h5 {font-size:24px;}
#banner-productos p {font-size:18px;}
#banner-productos .span5 {margin-left:0;}
#banner-productos fieldset.form-columns-2 .hs-form-field {width: 87.3%;}
  
/** TEXTO - IMAGEN **/ 
#texto-imagen img { padding-left: 0%;} 
#texto-imagen h2 {padding-right: 0;}
#texto-imagen .flex-center { display: flex; flex-wrap: nowrap;flex-direction: column; align-items: center;text-align:center;}
#texto-imagen .btn1 { margin-bottom: 30px;} 
  
/** TEXTO - LISTA **/ 
#texto-lista img { padding-left: 0%;} 
#texto-lista h2 {padding-right: 0;}
#texto-lista .flex-center { display: flex; flex-wrap: nowrap;flex-direction: column; align-items: center;text-align:center;}
#texto-lista .btn1 { margin-bottom: 30px;} 
#texto-lista .lista .textos {text-align:left;}

/** CARRUSEL DE PRODUCTOS **/
#carrusel {padding: 0px 0px 70px 0px;}
#carrusel .btn1 { margin: 0 0 0 14%;} 
#carrusel .nav {margin-top:40px;}
#carrusel .products {overflow:hidden;}
#carrusel .dotx {flex-shrink:0;width:100%;}

/** PRODUCTO **/
#producto {padding: 0px 0px 70px 0px;}
#producto .btn1 { margin: 0 0 0 14%;} 
#producto .nav {margin-top:40px;}
#producto .products {overflow:hidden;}
#producto .dotx {flex-shrink:0;width:100%;}
    
/** TABLA **/
#tabla .col-80 {margin: 0}
#tabla td {width: 180px!important;height: 81px!important;}
  
/** CONTENIDOS */
#contenidos {padding: 0px 0px 170px;}
#contenidos .contenedor {flex-direction:column;}

/** PUBLICACIONES **/
.publicaciones .contenedor {flex-direction:column;}
.publicaciones .relacionados {width:100%;}

/** TESTIMONIOS **/
#Testimonios .el-flex {gap:0;}
  
}

@media screen and (max-width : 1024px) and (min-width : 767px) 
{
/**Banner Productos **/  
#banner-productos {margin-top:40px;}
}
.row-fluid {width: 100%;}
#footer ul{ list-style: none; padding: 0px; margin: 0px;}
#footer ul li a { margin-bottom: 15px;float: left;}
#footer .section2{ width: 270px;}
.btn {height:53px;line-height:49px;padding:0 3.2%;border-radius:27px;}


#banner{}
#banner .transparencia{ padding: 0px 0px 93px 0px; } 
#banner .logotipo{ padding: 0px 0px 80px 0px;}
#banner h1{ padding-bottom: 30px; letter-spacing: 1px;}
#banner p{ padding-bottom: 30px; letter-spacing: 1px; padding-right: 0%;}
.banner h1{margin-left: 10px;color:#FFFFFF;}
.banner h1 span {text-transform:uppercase;box-shadow: 0 0 0 10px #23ccfc;background-color: #23CCFC;line-height: 2;box-decoration-break: clone # Fix Firefox;}
.banner p{ font-size: 20px; padding-bottom: 30px; letter-spacing: 1px; padding-right: 10%;}
.banner #titulo_texto .parrafo{ margin-bottom: 0px; }
.banner .dnd-section .row-fluid:first-child{ }
.banner #imagen_adornos{ position: relative; top: 0px;}
.banner #formulario{ position: relative;}


.ajuste_sobrepuesto_superior { position: relative; margin-top: -8%; float: left; width: 100%;}
.ajuste_sobrepuesto_inferior{ position: relative; float: left; width: 100%;}

#imagen_adornos .imagen img {/* width: 100%; float: left; height: auto;*/}
#imagen_adornos .imagen { width: 100%;}


#titulo_texto{}
#titulo_texto h3{ color: #000; margin-bottom: 20px;}
#titulo_texto .parrafo{ margin-bottom: 30px; } 


#Lista_destacada {padding: 30px 0px; }
#Lista_destacada .ico{ float: left; width: 32px; margin-top: 4px;}
#Lista_destacada .text{ margin-left: 32px;}
#Lista_destacada .Lista_d{ margin-bottom: 15px;}
#Lista_destacada p {font-size: 18px; font-weight: 300;line-height: 1.5;color:#FFFFFF;padding-bottom:0;}


#formulario svg {}
#formulario .formulario {background: #fff; box-shadow: 0px 10px 56px rgb(105 105 105 / 10%);margin: 0; border-radius: 28px;padding:45px 0;}
#formulario .formulario .box {padding: 0 38px}
#formulario .formulario h3 {display:none;}
#formulario h6 {text-align: center;font-size:26px;font-weight:700;color:#FFFFFF;}
#formulario p {font-family: 'Lato',sans-serif;text-align: center; padding-bottom: 45px; letter-spacing: 0px; padding-right: 0%; font-size: 20px; padding-top: 10px;font-weight:300;color:#041027;}
#formulario .formulario fieldset {max-width:unset;}
#formulario form {}
#formulario form input.hs-input, #formulario form select.hs-input, #formulario textarea {border:0;font-family: 'Lato',sans-serif;font-weight:300;color:#041027;background-color:#EFFBFF;width: 100%; font-size: 18px; height: 40px; padding: 0px 13px; transition: 0.3s;}
#formulario form input.hs-input:focus {opacity:0.8;}
#formulario form input.hs-input::placeholder {font-family: 'Lato',sans-serif;font-weight:300;color:#041027;font-size: 18px;}
#formulario form label span {font-size: 15px;color:#1177B8;font-weight:700;padding-bottom:15px;float:left;}
#formulario form .hs-error-msg { font-size: 14px; color: #ff0000; }
#formulario form .hs-form-field{ margin-bottom: 15px; }
#formulario form input.hs-button {text-transform: uppercase;background: #f93;border: solid 2px #f93;color: #fff;border-radius: 23px;font-size: 18px;font-weight: 600;font-family: 'Montserrat';letter-spacing: 1px;height: 45px;line-height: 18px;min-width: 205px;padding: 12px 3.2%;display: inline-block;}
#formulario form input.hs-button:hover {color:#FF9933;background:#FFFFFF;}
#formulario form .actions{ text-align: center;}
#formulario textarea {width:100%;min-height:74px;}
#formulario form select.hs-input {background-image:url(//www.biopure.cl/hubfs/raw_assets/public/BioPure%20Theme/img/flecha-celeste-abajo.svg);background-size:5%;background-repeat:no-repeat;background-position:right;background-position-x: 95%;}


#linea{}
#linea hr{ max-width: 1100px; background: #DBDBDB; height: 1px; border: 0px;}


.publicaciones{ padding: 50px 0px 130px 0px;}
.publicaciones h2{ text-align: center; margin-bottom: 50px;}
.publicaciones .relacionados{ border: solid 1px #707070; border-radius: 16px; overflow: hidden;}
.publicaciones .relacionados:hover { border: solid 1px #F9B91C;}
.publicaciones .relacionados .related-image{}
.publicaciones .relacionados .related-image a{ height: 219px; float: left; width: 100%; background-position: center !important;}
.publicaciones .relacionados .related-image .eff-o{ width: 100%; height: 219px;transition: 0.3s;}
.publicaciones .relacionados .related-image a:hover .eff-o{ background-color: rgb(0 0 0 / 53%);}
.publicaciones .relacionados .related-image .eff-o svg { opacity: 0; margin: 94px 43.7%; text-align: center;}
.publicaciones .relacionados .related-image a:hover .eff-o svg {opacity:1;}
.publicaciones .relacionados .related-title { float: left; padding: 25px;}
.publicaciones .relacionados .related-title .post-list-titulo { font-size: 20px; font-weight: 700; line-height: 1.5; letter-spacing: 0px; color: #000; margin-bottom: 18px; min-height: 90px;}
.publicaciones .relacionados .related-title .post-list-titulo a{}
.publicaciones .relacionados .related-title p { font-size: 17px; min-height: 112px;}
.publicaciones .relacionados .btn-landing{ padding: 0px 45px 25px 25px; float: left; width: 100%; text-align: right; transition: 0.3s}
.publicaciones .relacionados .btn-landing:hover {padding: 0px 25px 25px 25px;}
.publicaciones .relacionados .btn-landing svg path{fill: rgb(159, 159, 159);transition: 0.3s;}
.publicaciones .relacionados .btn-landing:hover svg path{fill: rgb(249, 185, 28);}

@media screen and (max-width:1100px) and (min-width:767px){
.banner-row-0-vertical-alignment > .row-fluid { width: 90%; margin: 0px 5%;}
.dnd_area-row-1-padding, .dnd_area-row-3-padding { padding-left: 5% !important; padding-right: 5% !important;}
}

@media screen and (max-width : 767px) and (min-width : 300px) {
.banner #titulo_texto { padding: 0 0%;}  
.boxer { width: 300px;}
.dnd-section {float: left;width: 100%;}
.dnd-section .row-fluid {float: left;width: 100%;}
.row-fluid [class*="span"] {width: 100%;min-height: 0 !important;float: left;margin-left:0;}
.banner .dnd-section{ float: left; width: 100%; padding-bottom: 40px !important;}
.banner, .banner .row-fluid-wrapper, .banner .row-fluid-wrapper .row-fluid{ float: left; width: 100%; }
.banner .dnd-section .row-fluid:first-child { width: 90%; margin: 0px auto; float: initial;}
.boxer-v2 .dnd_area-row-0-padding { padding-top: 50px !important;padding-bottom: 50px !important;}
.banner #imagen_adornos, .banner #formulario { position: inherit; top: 0px;}
.banner h1 { letter-spacing: 1.5px; font-size: 27px; font-weight: 700; line-height: 1.5; letter-spacing: 0; color: #fff; margin-top: 20px; }
#formulario .formulario { margin: 0 0%;}  
#formulario { margin-bottom: 30px;} 
#linea{ margin-bottom: 50px;}  
#imagen_adornos { margin: 0px 0px;}   
.go_top { margin-top: 50px;}  
.box { margin-bottom: 50px;}  
.cuerpo .dnd_area-row-1-padding { padding-top: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; float: left;}
.ajuste_sobrepuesto_superior { margin-top: 3%; margin-bottom: -7px;}
.cuerpo #imagen_adornos, .cuerpo .hs_cos_wrapper_type_rich_text, .cuerpo #Lista_destacada, .cuerpo #titulo_texto, .cuerpo .boton {  width: 80%; margin: 0px 10%; float: left;}
#imagen_adornos .imagen { margin: 0px 0px 25px 0px;}  
#Lista_destacada { margin-bottom: 25px !important;}
.btn {line-height: 55px; padding: 0px 30px; font-size: 16px!important;}
 h2 {  font-size: 30px; }
 h3 {  font-size: 26px; }  
.publicaciones { padding: 50px 0px 50px 0px;}
.publicaciones .boxer { width: 80%; margin: 0px 10% !important; float: left;}
.publicaciones .relacionados { margin-bottom: 30px;}  
.columnas-row-3-padding { width: 100%; float: left;} 
#titulo_texto {padding:0 10%;}
}