/*1140px;*/
/*Futura Medium*/
@font-face {
  font-family: "FuturaStd-Medium";
  src: url("../fonts/FuturaStd-Medium.woff2") format("woff2");
  src: url("../fonts/FuturaStd-Medium.woff") format("woff"),
    url("../fonts/FuturaStd-Medium.eot"),
    url("../fonts/FuturaStd-Medium.eot?#iefix") format("embedded-opentype"),
    url("../fonts/FuturaStd-Medium.otf") format("opentype"),
    url("../fonts/FuturaStd-Medium.svg") format("svg"),
    url("../fonts/FuturaStd-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/*Futura Heavy*/
@font-face {
  font-family: "FuturaStd-Heavy";
  src: url("../fonts/FuturaStd-Heavy.woff2") format("woff2");
  src: url("../fonts/FuturaStd-Heavy.woff") format("woff"),
    url("../fonts/FuturaStd-Heavy.eot"),
    url("../fonts/FuturaStd-Heavy.eot?#iefix") format("embedded-opentype"),
    url("../fonts/FuturaStd-Heavy.otf") format("opentype"),
    url("../fonts/FuturaStd-Heavy.svg") format("svg"),
    url("../fonts/FuturaStd-Heavy.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/*Futura Condense Bold*/
@font-face {
  font-family: "FuturaStd-CondensedBold";
  src: url("../fonts/FuturaStd-CondensedBold.woff2") format("woff2");
  src: url("../fonts/FuturaStd-CondensedBold.woff") format("woff"),
    url("../fonts/FuturaStd-CondensedBold.eot"),
    url("../fonts/FuturaStd-CondensedBold.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/FuturaStd-CondensedBold.otf") format("opentype"),
    url("../fonts/FuturaStd-CondensedBold.svg") format("svg"),
    url("../fonts/FuturaStd-CondensedBold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/*Helvetica Regular*/
@font-face {
  font-family: "Helvetica-Regular";
  src: url("../fonts/Helvetica-Regular.woff2") format("woff2");
  src: url("../fonts/Helvetica-Regular.woff") format("woff"),
    url("../fonts/Helvetica-Regular.eot"),
    url("../fonts/Helvetica-Regular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Helvetica-Regular.otf") format("opentype"),
    url("../fonts/Helvetica-Regular.svg") format("svg"),
    url("../fonts/Helvetica-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/*Helvetica Bold*/
@font-face {
  font-family: "Helvetica-Bold";
  src: url("../fonts/Helvetica-Bold.woff2") format("woff2");
  src: url("../fonts/Helvetica-Bold.woff") format("woff"),
    url("../fonts/Helvetica-Bold.eot"),
    url("../fonts/Helvetica-Bold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Helvetica-Bold.otf") format("opentype"),
    url("../fonts/Helvetica-Bold.svg") format("svg"),
    url("../fonts/Helvetica-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Helvetica-Light";
  src: url("../fonts/Helvetica-Light.woff2") format("woff2");
  src: url("../fonts/Helvetica-Light.woff") format("woff"),
    url("../fonts/Helvetica-Light.eot"),
    url("../fonts/Helvetica-Light.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Helvetica-Light.otf") format("opentype"),
    url("../fonts/Helvetica-Light.svg") format("svg"),
    url("../fonts/Helvetica-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Helvetica-Condensed";
  src: url("../fonts/Helvetica-Condensed.woff2") format("woff2");
  src: url("../fonts/Helvetica-Condensed.woff") format("woff"),
    url("../fonts/Helvetica-Condensed.eot"),
    url("../fonts/Helvetica-Condensed.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Helvetica-Condensed.otf") format("opentype"),
    url("../fonts/Helvetica-Condensed.svg") format("svg"),
    url("../fonts/Helvetica-Condensed.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Helvetica-Condensed-md";
  src: url("../fonts/HelveticaNeue-MediumCond.woff2") format("woff2");
  src: url("../fonts/HelveticaNeue-MediumCond.woff") format("woff"),
    url("../fonts/HelveticaNeue-MediumCond.eot"),
    url("../fonts/HelveticaNeue-MediumCond.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/HelveticaNeue-MediumCond.otf") format("opentype"),
    url("../fonts/HelveticaNeue-MediumCond.svg") format("svg"),
    url("../fonts/HelveticaNeue-MediumCond.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

* {
  box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

input,
button {
  outline: none;
}

blockquote:before,
blockquote:after {
  content: "";
  content: none;
}

q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html,
body {
  margin: 0;
  padding: 0;
  outline: none;
}

body {
  min-height: 100vh;
  /*display: flex;
  flex-direction: column;
  justify-content: space-between;*/
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

body.background-products {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../images/background/background_desktop.jpg");
}

.carousel.background-ibuflash-forte {
  background-image: url("../images/background/background-desktop.jpg");
}

body {
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../images/background/background-desktop.jpg");
}

@media screen and (max-width: 1024px) {
  .carousel.background-ibuflash-forte {
    justify-content: flex-start;
  }
}

body.carousel {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  background-size: 100% 100%;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  /*   display: flex;
  flex-direction: column;
    height: 100vh; */
}

body.carousel.background-ibuflash-forte {
  background-image: url("../images/background/background-ibuflash-forte.webp");
}

body.carousel.background-ibuflash-migran {
  background-image: url("../images/background/background-ibuflash-migran.jpg");
}

body.carousel.background-ibuflash-forte-red {
  background-image: url("../images/background/background-ibuflash-forte-red.jpg");
}

.container-grid {
  width: 80%;
  margin: 0 auto;
}

.container-grid .container-menu {
  width: 100%;
  padding: 20px 0 40px;
  display: inline-flex;
}

.container-grid .container-menu .icon-logo img {
  width: 10em;
  height: auto;
}

.container-grid .container-menu .menu {
  width: 100%;
  height: 25px;
  display: flex;
  padding-top: 20px;
  padding-right: 70px;
  justify-content: flex-end;
}

.container-grid .container-menu .menu ul.items_menu {
  margin: 0;
  padding: 0;
  width: 90%;
  display: inline-flex;
}

.container-grid .container-menu .menu ul.items_menu li {
  flex-grow: 1;
  list-style: none;
  position: relative;
  text-align: center;
}

.container-grid .container-menu .menu ul.items_menu li a {
  color: #5b5b5f;
  font-size: 1vw;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  font-family: FuturaStd-Medium;
}

.container-grid .container-menu .menu ul.items_menu li a:hover {
  color: #622562;
}

@media only screen and (min-width: 1279px) {
  .container-grid .container-menu .menu ul.items_menu li a {
    font-size: 0.9vw;
  }
}

.container-grid .container-menu .menu ul.items_menu li:last-child img {
  top: -7px;
  right: -29px;
  margin-left: 10px;
  position: absolute;
  width: 33px;
}

@media only screen and (min-width: 1279px) {
  .container-grid .container-menu .menu ul.items_menu li:after {
    content: ".";
    position: absolute;
    top: -7px;
    left: 0;
  }
}

@media only screen and (min-width: 1279px) {
  .container-grid .container-menu .menu ul.items_menu li:first-child:after {
    display: none;
  }
}

.container-grid .container-menu .menu ul.items_menu li.point:after {
  content: none;
}

@media only screen and (min-width: 1279px) {
  .container-grid .container-menu .menu ul.items_menu li.point {
    display: none;
  }
}

.container-grid .container-products {
  width: 100%;
  height: 75vh;
}

@media screen and (max-width: 713px) {
  .container-grid .container-products {
    display: none;
  }
}

.container-grid .container-products .products {
  bottom: 20%;
  width: 500px;
  height: 500px;
}

@media screen and (min-width: 1580px) {
  .container-grid .container-products .products {
    bottom: 25%;
  }
}

@media screen and (max-width: 1460px) {
  .container-grid .container-products .products {
    bottom: 18%;
    /* margin-left: -6em !important;
                      right: 5em !important; */
  }
}

.container-grid .container-products .products img {
  width: 100%;
  height: auto;
  max-width: 500px;
  max-height: 500px;
}

.container-grid .container-products .product-1 {
  left: 0;
  position: absolute;
}

.container-grid .container-products .product-1 a {
  padding: 10px;
  color: #fff;
  font-size: 1vw;
  border-radius: 10px;
  background: #374e51;
  text-decoration: none;
  text-transform: uppercase;
  font-family: FuturaStd-Medium;
  position: relative;
  bottom: 15%;
  left: 30%;
  z-index: 9;
}

@media only screen and (min-width: 1580px) {
  .container-grid .container-products .product-1 a {
    left: 26%;
  }
}

@media only screen and (min-width: 1900px) {
  .container-grid .container-products .product-1 a {
    left: 19%;
  }
}

.container-grid .container-products .product-2 {
  left: 33%;
  position: absolute;
}

.container-grid .container-products .product-2 a {
  padding: 10px;
  color: #fff;
  font-size: 1vw;
  border-radius: 10px;
  background: #622562;
  text-decoration: none;
  text-transform: uppercase;
  font-family: FuturaStd-Medium;
  position: relative;
  bottom: 15%;
  left: 30%;
  z-index: 9;
}

@media only screen and (min-width: 1580px) {
  .container-grid .container-products .product-2 a {
    left: 26%;
  }
}

@media only screen and (min-width: 1900px) {
  .container-grid .container-products .product-2 a {
    left: 19%;
  }
}

.container-grid .container-products .product-3 {
  right: 0;
  position: absolute;
}

.container-grid .container-products .product-3 a {
  padding: 10px;
  color: #fff;
  font-size: 1vw;
  border-radius: 10px;
  background: #9d3b38;
  text-decoration: none;
  text-transform: uppercase;
  font-family: FuturaStd-Medium;
  position: relative;
  bottom: 15%;
  left: 30%;
  z-index: 9;
}

@media only screen and (min-width: 1580px) {
  .container-grid .container-products .product-3 a {
    left: 26%;
  }
}

@media only screen and (min-width: 1900px) {
  .container-grid .container-products .product-3 a {
    left: 19%;
  }
}

.container-grid .container-product-info {
  padding-top: 20px;
}

.container-grid .container-product-info .product-title h1 {
  font-size: 1vw;
  color: #87868a;
  font-weight: bold;
  font-family: Helvetica-Regular;
}

.container-grid .container-product-info .product-title h1 span {
  color: #9d3b38;
}

.container-grid .container-product-info .product-info .row {
  padding-top: 30px;
  display: inline-flex;
}

.container-grid .container-product-info .product-info .row .column-1 {
  width: 27%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  padding-top: 40px;
  padding-left: 30px;
}

.container-grid .container-product-info .product-info .row .column-1 a {
  font-size: 1vw;
  color: #87868a;
  font-weight: bold;
  text-decoration: none;
  padding-bottom: 30px;
  font-family: Helvetica-Regular;
}

.container-grid .container-product-info .product-info .row .column-1 a:hover {
  color: #9d3b38;
}

.container-grid .container-product-info .product-info .row .column-1 a.active {
  color: #9d3b38;
}

.container-grid .container-product-info .product-info .row .column-2 {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.container-grid .container-product-info .product-info .row .column-2 h2 {
  color: #9c3030;
  font-size: 1vw;
  font-weight: bold;
  font-family: Helvetica-Regular;
}

.container-grid .container-product-info .product-info .row .column-2 p {
  color: #000000;
  font-size: 1vw;
  font-family: Helvetica-Regular;
}

.container-grid .container-product-info .product-info .row .column-3 {
  width: 23%;
  display: flex;
  flex-wrap: wrap;
  padding-top: 100px;
  padding-left: 60px;
  align-items: flex-end;
}

.container-grid .container-product-info .product-info .row .column-3 a {
  padding-bottom: 20px;
}

.container-grid
  .container-product-info
  .product-info
  .row
  .column-3
  a:last-child {
  padding-bottom: 0;
}

.img_carousel {
  width: 100%;
}

@media screen and (max-width: 1024px) {
  .img_carousel {
    flex-direction: row;
    width: 100%;
  }
}

@media screen and (max-width: 375px) {
  .img_carousel {
    margin: 0;
  }
  .pagination {
    margin: 0 20px;
  }
}

.btn_wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 1024px) {
  .btn_wrap {
    flex-direction: row;
    width: 100%;
    margin: 1em 0 2em 0;
    height: auto;
    width: auto;
  }
}

@media screen and (max-width: 713px) {
  .btn_wrap {
    order: 3;
    margin: 1em 0 1em 0;
  }
}

.btn_wrap .btn_arrow {
  margin: 0.5em 0;
  width: 30px;
}

@media screen and (max-width: 1024px) {
  .btn_wrap .btn_arrow {
    display: flex;
    flex-direction: row;
    margin: 0 0.5em;
    width: auto;
  }
}

.btn_wrap ul {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media screen and (max-width: 713px) {
  .btn_wrap ul {
    width: auto !important;
  }
}

@media screen and (max-width: 1024px) {
  .btn_wrap ul li {
    margin: 0.5em;
    width: auto;
  }
}

.btn_wrap ul li a {
  margin: 0.5em 0;
  width: 12px;
  height: 12px;
  border: solid 1.5px #7c3577;
  border-radius: 10px;
  display: block;
}

.btn_wrap ul li .active {
  background-color: #7c3577;
}

.title-section.forte > span {
  color: #7c3577;
}

.prueba_menu {
  color: #5b5b5f;
  font-size: 1vw;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  font-family: FuturaStd-Medium;
}

.prueba_menu:hover {
  color: #622562;
}

.items_menu > li.active a {
  color: #7c3577 !important;
}

.btn_disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

@media screen and (max-height: 700px) {
  .container.products > .container-grid {
    width: 85%;
  }
}

.sub_wrap .sub-item {
  width: 100%;
}

/* New Products */
.main_products {
  overflow: hidden;
}

.productos {
  display: flex;
  justify-content: center;
  margin-top: 5em;
  margin-bottom: 2em;
  flex-wrap: wrap;
  row-gap: 2rem;
}

@media only screen and (max-width: 768px) {
  .productos {
    margin-bottom: 5em;
  }
}

.productos__container {
  width: 400px;
  height: 400px;
}

@media only screen and (max-width: 420px) {
  .productos__container {
    width: 400px;
    height: 400px;
  }
}

@media only screen and (max-width: 375px) {
  .productos__container {
    width: 300px;
    height: auto;
  }
}

.productos__container figure {
  width: 400px;
  height: 400px;
}

@media only screen and (max-width: 420px) {
  .productos__container figure {
    width: 350px;
    height: 350px;
    margin: auto;
  }
}

@media only screen and (max-width: 375px) {
  .productos__container figure {
    width: 270px;
    height: 270px;
    margin: auto;
  }
}

.productos__container .img_back {
  background-size: contain;
  display: flex;
  align-items: center;
}

.productos__container .link_content {
  text-align: center;
  /* position: relative;
              bottom: 10%; */
}

.productos__container .link_content a {
  padding: 10px;
  color: #fff;
  font-size: 0.9em;
  border-radius: 10px;
  text-decoration: none;
  text-transform: uppercase;
  font-family: FuturaStd-Medium;
  display: inline-block;
}

.productos__container .link_content a.migran_back {
  background: #374e51;
}

.productos__container .link_content a.ultra_back {
  background: #622562;
}

.productos__container .link_content a.forte_back {
  background: #9d3b38;
}

.productos__container .sombra_content {
  width: 400px;
  height: 400px;
  background-size: contain;
  background-repeat: no-repeat;
}

@media (max-width: 420px) {
  .productos__container .sombra_content {
    width: 350px;
    height: 350px;
    margin: auto;
  }
}

@media (max-width: 375px) {
  .productos__container .sombra_content {
    width: 270px;
    height: 270px;
    margin: auto;
  }
}

.container-products-mobile {
  display: none;
  flex-direction: column;
  justify-content: content;
}

@media screen and (max-width: 713px) {
  .container-products-mobile {
    display: flex;
  }
}

.container-products-mobile article {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  overflow: hidden;
  min-height: 230px;
}

.container-products-mobile article figure {
  margin: 0;
  background-size: contain;
  width: 500px;
  height: 500px;
}

@media only screen and (max-width: 650px) {
  .container-products-mobile article figure {
    background-position: -12px;
  }
}

.container-products-mobile article figure img {
  width: 500px;
  height: 500px;
  margin: auto;
}

.container-products-mobile a {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  background-color: #7c3577;
  color: #fff;
  font-family: "FuturaStd-Medium";
  padding: 1em 1.2em;
  display: inline;
  font-size: 0.6em;
  letter-spacing: 1px;
  text-decoration: none;
  position: relative;
  bottom: 25%;
  left: 25%;
  border-radius: 20px;
}

@media screen and (max-width: 1024px) {
  .btn_arrow.bottom,
  .btn_arrow.top {
    width: 35px;
    display: block;
  }
}

@media screen and (max-width: 713px) {
  .btn_arrow.bottom {
    transform: rotate(-90deg);
  }
}

@media screen and (max-width: 713px) {
  .btn_arrow.top {
    transform: rotate(-90deg);
  }
}

.btn_mb_migran {
  background-color: #34494c !important;
}

.btn_mb_forte {
  background-color: #b51b2f !important;
}

.item-carousel {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end;
}

@media screen and (max-width: 1024px) {
  .item-carousel {
    height: auto;
    flex-direction: column;
  }
}

@media screen and (max-width: 1024px) {
  .item-carousel .img_wrap {
    width: 90%;
  }
}

@media screen and (max-height: 813px) {
  .item-carousel .img_wrap {
    width: 50%;
  }
}

@media screen and (max-width: 713px) {
  .item-carousel .img_wrap {
    width: 100%;
    margin: 1em 0;
  }
}

.item-carousel.frist {
  display: flex;
  justify-content: space-between;
}

.item-carousel.frist.bg-blueGreen {
  background-color: #102c37;
  border-radius: 40px;
  padding: 30px;
}

@media screen and (max-width: 1024px) {
  .item-carousel.frist {
    flex-direction: column;
  }
}

/* .item-carousel.frist .text-wrap.first {
    width: 30%;
} */
.item-carousel.frist .text-wrap.first {
  width: 50%;
}

@media screen and (max-width: 1024px) {
  .item-carousel.frist .text-wrap.first,
  .item-carousel.frist.bg-blueGreen .text-wrap.first {
    width: 100%;
    margin-bottom: 3em;
  }
}

@media screen and (max-width: 713px) {
  .item-carousel.frist .text-wrap.first {
    order: 2;
    margin: 1em 0 0 0;
  }
  .item-carousel.frist .text-wrap.first > p {
    margin: auto;
    padding-top: 1em;
    width: 70%;
  }
}

@media screen and (max-width: 375px) {
  .item-carousel.frist .text-wrap.first {
    margin: 0;
  }
}

.item-carousel.frist .img_wrap {
  width: 60%;
  display: block;
  height: auto;
  padding: 1em;
  position: relative;
  aspect-ratio: 16/9;
  height: auto;
}

.item-carousel.frist .img_wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.item-carousel.frist.bg-blueGreen .img_wrap {
  width: 50%;
}

@media screen and (max-width: 1024px) {
  .item-carousel.frist .img_wrap {
    width: 90%;
    padding: 2em 0 1em 0;
  }
}

@media screen and (max-height: 1036px) {
  .item-carousel.frist .img_wrap,
  .item-carousel.frist.bg-blueGreen .img_wrap {
    width: 70%;
  }
}

@media screen and (max-width: 713px) {
  .item-carousel.frist .img_wrap,
  .item-carousel.frist.bg-blueGreen .img_wrap {
    width: 100%;
    margin: 1em 0;
  }
}

.text-wrap h2 {
  font-family: "FuturaStd-CondensedBold";
  font-size: 4em;
  color: #5e1055;
  margin: 1em 0 0 0;
  line-height: 1.1;
  letter-spacing: 2px;
}

.item-carousel.frist.bg-blueGreen .text-wrap h2 {
  color: #ffed00;
  font-size: 2.5625em;
}

.item-carousel.frist.bg-blueGreen .text-wrap p {
  color: #ffffff;
  border-left-color: #ffed00;
}

@media screen and (max-width: 713px) {
  .text-wrap h2,
  .item-carousel.frist.bg-blueGreen .text-wrap h2 {
    width: 100%;
    margin: 0em 0 0 0;
    font-size: 2.3em;
  }
  .item-carousel.frist.bg-blueGreen .text-wrap h2 {
    font-size: 2em;
  }
}

@media screen and (max-width: 375px) {
  .text-wrap h2 {
    font-size: 1.3em;
  }
}

.text-wrap h2.migran {
  color: #34494c;
}

.text-wrap h2.migran span {
  color: #426c72;
}

.text-wrap h2.red {
  color: #8d0003;
}

.text-wrap h2.red span {
  color: #b51b2f;
}

@media screen and (max-width: 713px) {
  .text-wrap h2 {
    text-align: center;
  }
}

.text-wrap p {
  font-family: "Helvetica-Light";
  line-height: 1.6;
  font-size: 1em;
  padding: 0 25% 0 1em;
  color: black;
  letter-spacing: 1px;
  border-left: 3px solid #000;
}

@media screen and (max-width: 375px) {
  .text-wrap p {
    font-size: 0.7em;
  }
}

@media screen and (max-height: 1036px) {
  .text-wrap p {
    margin: 0.5em 0;
  }
}

@media screen and (max-width: 713px) {
  .text-wrap p {
    width: 70%;
    padding: 0;
    border: none;
    margin: auto;
  }
}

@media screen and (min-width: 1500px) {
  .text-wrap p {
    font-size: 1.3em;
    margin-top: 1em;
  }
}

.img_descrip {
  font-family: "Helvetica-Condensed";
  text-align: end;
  font-size: 1.3em;
  letter-spacing: 1.5px;
}

/* //////////////////////////////////////////////////////////////////////////////   Container carousel   ////////////////////////////////////////////////////////////////*/
.content-carousel {
  width: 100%;
  padding: 0 5% 0 0;
  height: 50%;
}

@media screen and (max-width: 1024px) {
  .content-carousel {
    width: 100%;
    padding: 0 10%;
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@media screen and (max-width: 1024px) {
  .content-carousel.video {
    align-items: center;
  }
}

.content-carousel.first {
  padding: 0 5% 0%;
  align-items: center;
}

@media screen and (min-width: 713px) {
  .content-carousel.first {
    display: flex;
    align-items: center;
  }
}

@media screen and (min-width: 1025px) {
  .text-wrap {
    width: 45%;
    padding: 0 0 0 1em;
  }
}

@media screen and (min-width: 1325px) {
  .text-wrap {
    width: 40%;
    margin-right: 2em;
  }
}

/*
  =======================================================
  Lightbox.js
  Version: 0.0.6
  Author: Victor Diego <victordieggo@gmail.com>
  License: MIT
  =======================================================
  1. Base Styles
  2. Buttons
  3. Videos
  4. Animations
  5. Helpers
  =======================================================
  */
/*
  -------------------------------------------------------
  1. Base Styles
  -------------------------------------------------------
  */
.lightbox-container {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  padding: 2em;
  display: flex;
  position: fixed;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.8);
}

.lightbox-wrapper {
  position: relative;
}

.lightbox-image {
  max-height: 100vh;
  vertical-align: middle;
}

/*
  -------------------------------------------------------
  2. Buttons
  -------------------------------------------------------
  */
.lightbox-btn {
  z-index: 2;
  width: 2.2em;
  height: 2.2em;
  position: absolute;
  border-radius: 50%;
  transition: all 0.3s;
  background-color: #000;
  background-position: center;
  background-repeat: no-repeat;
}

.lightbox-btn:focus,
.lightbox-btn:hover {
  background-color: #333;
}

.lightbox-btn:disabled {
  cursor: initial;
  background-color: #aaa;
}

.lightbox-btn-close {
  top: -0.8em;
  right: -0.8em;
  background-size: 40%;
  background-image: url("icons/icon-lightbox-close.svg");
}

.lightbox-btn-next,
.lightbox-btn-previous {
  top: calc(50% - (2.2em / 2));
  background-size: 25% 80%;
  background-image: url("icons/icon-lightbox-arrow.svg");
}

.lightbox-btn-previous {
  left: 1.5em;
  transform: rotate(180deg);
}

.lightbox-btn-next {
  right: 1.5em;
}

/*
  -------------------------------------------------------
  3. Videos
  -------------------------------------------------------
  */
.lightbox-video-wrapper {
  width: 80vw;
  overflow: hidden;
  position: relative;
  padding-bottom: 56.25%;
}

.lightbox-video-player {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

/*
  -------------------------------------------------------
  4. Animations
  -------------------------------------------------------
  */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes scaleIn {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}

@keyframes scaleIn {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}

@-webkit-keyframes scaleOut {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0);
  }
}

@keyframes scaleOut {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0);
  }
}

/*
  -------------------------------------------------------
  5. Helpers
  -------------------------------------------------------
  */
[hidden] {
  display: none;
}

.remove-scroll {
  overflow: hidden;
}

.btn_video {
  display: inline-flex;
  width: auto;
  text-decoration: none;
  color: #fff;
  padding: 0.4em 0.8em;
  background-color: #7c3577;
  border-radius: 5px;
  align-items: center;
  font-size: 1em;
  letter-spacing: 2px;
  margin-top: 2em;
  font-family: "FuturaStd-Medium", sans-serif;
}

.btn_video img {
  margin: 0 7px 0 0;
}

.btn_video.migran {
  background-color: #426c72;
}

.btn_video.red {
  background-color: #8d0003;
}

.btn_video.red_forte {
  background-color: #b51b2f;
}

.lightbox-btn-close {
  background-image: url("../images/icons/cross.png");
  cursor: pointer;
}

.container.content-second.video {
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 1024px) {
  .container.content-second.video {
    justify-content: space-between;
    flex-grow: 1;
    justify-content: space-around;
  }
}

@media screen and (max-width: 713px) {
  .container.content-second.video {
    flex-direction: column;
    justify-content: center;
  }
}

.container.content-second.video.index_video {
  width: 100%;
  justify-content: flex-end;
}

.container.content-second.video.index_video .video__responsive__wrap iframe {
  left: 7em;
  width: 80%;
}

@media only screen and (max-width: 1024px) {
  .container.content-second.video.index_video .video__responsive__wrap iframe {
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: 15%;
  }
}

.video-responsive {
  position: relative;
  padding-bottom: 56.25%;
  /* 16/9 ratio */
  padding-top: 30px;
  /* IE6 workaround*/
  height: 0;
  overflow: hidden;
}

.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video__responsive__wrap {
  width: 80%;
  max-width: 1080px;
  min-height: 600px;
  height: 100%;
  max-height: 961px;
  position: initial;
  margin-right: 2.5vw;
  z-index: 9;
}

@media screen and (max-width: 1024px) {
  .video__responsive__wrap {
    margin: 0;
  }
}

@media screen and (max-width: 713px) {
  .video__responsive__wrap {
    width: 100%;
    height: 21px;
    min-height: 350px;
  }
}

.video__responsive__wrap iframe {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 20px;
}

@media screen and (max-width: 713px) {
  .video__responsive__wrap iframe {
    width: 100%;
    height: 321px;
    border-radius: 0;
  }
}

.container.content-second {
  display: flex;
  padding: 0 5% 0 5%;
  justify-content: space-between;
}

@media screen and (max-width: 1024px) {
  .container.content-second {
    flex-direction: column;
  }
}

.container.content-second #carousel {
  width: 95%;
}

.next,
.prev {
  opacity: 0.4 !important;
}

.carousel_second_wrap.second {
  width: 95%;
}

.container.content-second #carousel {
  width: 100%;
}

.carousel_video_wrap {
  display: flex;
  justify-content: center;
}

li.items {
  border-radius: 15px;
}

@media screen and (max-width: 1200px) {
  li.items {
    width: auto;
    height: auto;
  }
}

.item_video {
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 1200px) {
  .item_video {
    width: 462px;
    height: 259px;
  }
}

@media screen and (max-width: 813px) {
  .item_video {
    width: 330px;
    height: 183px;
  }
}

.buttons.video {
  margin: 0;
}

@media screen and (max-width: 713px) {
  .buttons.video {
    margin: 0 0 2.5em 0;
  }
}

.buttons.video button {
  background-color: transparent;
  padding: 0 !important;
  display: flex;
  margin: 0 2em !important;
}

.buttons.video button:focus {
  color: none;
  border: none;
  background: none;
}

@media screen and (max-width: 713px) {
  .buttons.video button {
    margin: 0 0 0 0;
  }
}

.buttons.video button#prev {
  transform: rotate(270deg) !important;
}

.buttons.video button#next {
  transform: rotate(-90deg) !important;
}

@media screen and (max-width: 713px) {
  .container.content-second.video {
    padding: 0;
  }
}

@media screen and (max-width: 713px) {
  .container.content-second.video .carousel_second_wrap.second {
    padding: 0;
    width: 100%;
  }
}

.video_frame {
  width: 476px;
  height: 267px;
}

@media screen and (max-width: 713px) {
  .video_frame {
    width: 276px;
    height: 267px;
  }
}

@media screen and (max-width: 713px) {
  #carousel div.nextRightSecond {
    transform: scale(0.7);
  }
}

@media only screen and (min-width: 1025px) {
  .background-ibuflash-forte.index {
    height: 100vh;
  }
}

.swiper-container {
  width: 100%;
  height: 85%;
  overflow: hidden;
  position: relative;
}

.swiper-container .btn_swiper {
  /* position: relative;
  right: 96%;
  top: -100%;
  width: 1%; */
  position: absolute;
  transform: translateY(-50%);
  height: unset;
  top: 50%;
  right: 32px;
  z-index: 5;
}

@media only screen and (max-width: 1024px) {
  .swiper-container .btn_swiper {
    width: 100%;
    left: 0;
    top: 0;
    align-items: center;
    padding: 0 10%;
    position: initial;
  }
}

.swiper-container .btn_swiper .swiper-pagination {
  position: initial;
  font-size: 0;
  top: unset;
  transform: unset;
}

.swiper-container .btn_swiper .swiper-pagination .swiper-pagination-bullet {
  height: 12px;
  width: 12px;
  margin: 10px 0;
}

.swiper-container
  .btn_swiper
  .swiper-pagination
  .swiper-pagination-bullet-active {
  background-color: #7c3577;
}

@media only screen and (max-width: 1024px) {
  .swiper-container .btn_swiper .swiper-pagination .swiper-pagination-bullet {
    height: 15px;
    width: 15px;
    margin: 5px 12px;
  }
}

.swiper-container .btn_swiper a {
  position: inherit;
  margin: 0;
}

.swiper-container .btn_swiper a::after {
  display: none;
}

.swiper-container .btn_swiper a:first-child {
  position: initial;
  left: -8px;
}

@media only screen and (max-width: 1024px) {
  .swiper-container .btn_swiper a:nth-child(3) {
    position: relative;
    left: 7px;
  }
}

.swiper-container .btn_swiper .swiper-button-next,
.swiper-container .btn_swiper .swiper-button-prev {
  position: initial;
}

.swiper-container .lightbox-container {
  position: absolute;
  display: flex;
  height: 100vh;
  width: 100vw;
  z-index: 999;
  align-items: baseline;
}

@media only screen and (max-width: 1024px) {
  .swiper-container .lightbox-container {
    align-items: center;
    height: auto;
    background-color: #100f0f9c;
  }
}

.swiper-container .lightbox-container iframe {
  height: 90% !important;
}

@media only screen and (max-width: 1024px) {
  .swiper-container .lightbox-container iframe {
    height: 100% !important;
  }
}

@media only screen and (max-width: 1024px) {
  .swiper-container .lightbox-container .lightbox-video-wrapper {
    height: 20em;
  }
}

.swiper-slide {
  /* Center slide text vertically */
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.footer-text {
  z-index: 99;
}

@media screen and (min-width: 713px) {
  .container.products {
    display: flex;
  }
}

.container-grid .container-menu {
  display: none;
}

@media screen and (min-width: 1025px) {
  .container-grid .container-menu {
    display: flex;
    align-items: center;
  }
}

@media screen and (min-width: 713px) {
  .container-grid .container-products {
    display: flex;
    height: 65vh;
  }
}

@media screen and (max-width: 1024px) {
  .container-grid .container-products .products {
    bottom: 40% !important;
  }
}

.menu-desktop {
  display: flex;
  position: fixed;
  width: 100%;
  z-index: 10;
  background-color: #ced0d9;
}

.header-gap {
  width: 100%;
  height: 100px;
}

.container-product-banner {
  margin-top: 70px !important;
}

.header-mobile {
  display: none;
  width: 100%;
}

@media screen and (max-width: 1180px) {
  .container-grid.menu {
    width: 90%;
  }
}

@media screen and (max-width: 1024px) {
  .header {
    display: block !important;
  }
  .menu-desktop {
    display: none;
  }
  .header-mobile {
    display: flex;
    position: fixed;
    width: 100%;
    background-color: #ced0d9;
    z-index: 10000;
    padding: 1.5em 0;
  }
  .header-mobile .logo {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 8%;
  }
  .header-mobile .logo__container {
    width: 150px;
  }
  .header-mobile .hamburger_mobile {
    display: flex;
  }
  .header-mobile .hamburger_mobile > a {
    display: block;
    width: 2rem;
    height: 2rem;
  }
  .header-mobile .hamburger_mobile .icon-car img {
    width: 100%;
  }
  .header-mobile .hamburger_mobile .hamburger {
    margin: 0 0 0 2em;
    padding: 1em;
    background: linear-gradient(
      to bottom,
      #7c3577,
      #7c3577 15%,
      #ced0d9 15%,
      #ced0d9 40%,
      #7c3577 45%,
      #7c3577 60%,
      #ced0d9 60%,
      #ced0d9 85%,
      #7c3577 85%,
      #7c3577 100%
    );
  }
  .header-mobile .hamburger__mobile__image {
    width: 40px;
    height: auto;
  }
}

@media screen and (max-width: 1024px) and (max-width: 713px) {
  .navigation__list {
    height: 100vh;
  }
}

@media screen and (max-width: 1024px) {
  .container-product-banner {
    margin-top: 30px;
  }
  .navigation_mobile {
    height: auto;
    padding: 0 2em;
    width: 100%;
  }
  .navigation_mobile .menu-text-content {
    width: 100%;
    display: block;
    margin: 1em 0 0 0;
  }
  .navigation_mobile .menu_text {
    font-size: 24px;
    font-weight: bold;
    margin: 0.5em 0;
    /*   &::after{
                  content: "";
                  display: block;
                  position: absolute;
                  width: 60px;
                  height: 2px;
                 
              } */
  }
  .navigation_mobile .navigation__list {
    margin: 3em 0;
  }
  .navigation_mobile .navigation__list .navigation__item {
    padding: 0.4em 0;
  }
  .navigation_mobile .navigation__list .navigation__item.active {
    background-color: #cac9d4;
  }
  .navigation_mobile .navigation__list .navigation__item:active {
    background-color: #cac9d4;
  }
  .navigation_mobile .navigation__list .navigation__subitem {
    margin: 0.8em 0;
    padding: 0 0 0 13%;
  }
  .navigation_mobile .navigation__list .navigation__subitem a {
    text-decoration: none;
    color: #5b5b5f;
    font-family: "FuturaStd-Medium";
  }
  .navigation_mobile .navigation__list .subitem__wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 8%;
  }
  .navigation_mobile .navigation__list .subitem_arrow_wrap {
    display: flex;
    justify-content: flex-end;
    display: inline;
  }
  .navigation_mobile .navigation__list .subitem__arrow {
    padding: 10px;
    width: 40px;
    height: auto;
    z-index: 1000;
    transition: all 0.3s ease-out;
  }
  .navigation_mobile .navigation__list .subitem__link {
    display: flex;
  }
  .navigation_mobile .navigation__list .subitem__icon {
    width: 25px;
    height: auto;
    display: block;
    margin: 0 0.5em 0 0;
  }
  .wrap__btn {
    width: 100%;
    text-decoration: none;
    color: #5b5b5f;
    font-family: "FuturaStd-Medium";
    line-height: 1.3;
    width: 80%;
    margin: 0;
    padding: 10px 0;
  }
  .wrap__btn.active {
    color: #622562;
    font-family: "FuturaStd-Heavy";
  }
}

.header_active {
  border-bottom: 1.5px black solid;
  padding-bottom: 5px;
}

.header_sub_active {
  border-bottom: 2px black solid;
}

.header_blue {
  background-color: rgba(95, 160, 255, 0.95) !important;
}

.header_green {
  background-color: rgba(135, 198, 102, 0.95) !important;
}

.white {
  color: #fff !important;
}

.item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.item a {
  margin-bottom: 5px;
}

.item a.active {
  color: #622562 !important;
}

.item img {
  display: inline-block;
  width: 65%;
}

.translate_arrow {
  transform: rotate(180deg);
}

.sub_wrap {
  width: 100%;
  display: none;
  position: absolute;
  top: 1.5em;
}

.sub-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start;
  margin-left: 13%;
}

.sub-item > a {
  margin: 5px 0 0 0;
  font-size: 0.7vw !important;
}

@media screen and (min-width: 1440px) {
  .sub-item > a {
    margin: 8px 0 0 0;
    width: 105%;
    text-align: left;
  }
}

.item:hover > .sub_wrap {
  display: inline-block;
  z-index: 99999;
}

.container-grid.mobile {
  width: 80%;
  align-items: center;
}

.container-grid .container-menu .menu {
  padding: 0;
}

.subitem__link.active {
  color: #622562 !important;
  font-family: "FuturaStd-Heavy" !important;
}

li.item img {
  visibility: hidden;
}

li.item:hover > img {
  visibility: visible;
}

footer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
  margin: 1.5em 0 0 0;
}

@media screen and (max-width: 1024px) {
  footer {
    padding: 0 10% 1em 10%;
    margin: 0 0 0 0;
    position: relative;
  }
}

@media screen and (max-height: 713px) {
  footer {
    position: relative;
  }
}

@media screen and (max-width: 713px) {
  footer {
    position: relative;
    margin: 1em 0 0 0;
  }
}

footer .footer-text {
  /*bottom: 30px;*/
  color: #fff;
  font-size: 0.8em;
  line-height: 1.4;
  line-height: 1.3;
  text-align: center;
  position: relative;
  padding-bottom: 10px;
  width: 80%;
  font-family: Helvetica-Regular;
  margin: 0 auto;
}

@media screen and (max-width: 1024px) {
  footer .footer-text {
    padding: 0;
    font-size: 0.8em;
    line-height: 1.3;
    letter-spacing: 1.1px;
  }
}

@media screen and (max-width: 713px) {
  footer .footer-text {
    width: 100%;
  }
}

footer .footer-text p {
  font-size: 0.73vmax;
  margin: 0 0 0.5em 0;
}

@media screen and (max-width: 1024px) {
  footer .footer-text p {
    font-size: 0.8em;
  }
}

@media screen and (max-width: 713px) {
  footer .footer-text .text-extend {
    display: none;
  }
}

.footer_img_wrap {
  width: auto;
  height: auto;
}

.footer_img_wrap img {
  width: 12vmax;
  position: absolute;
  right: 0;
  bottom: 0;
}

@media screen and (max-width: 1024px) {
  .footer_img_wrap img {
    width: 15vmax;
  }
}

@media screen and (max-width: 714px) {
  .footer_img_wrap img {
    width: 100px;
  }
}

.page_dolor-body {
  background-image: url("../images/background/background-desktop.jpg");
  width: 100%;
  min-height: 100vh;
  overflow-x: hidden;
  background-size: 100% 100%;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.slider-item.track {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 1%;
}

.slider-item.track .track.first,
.slider-item.track .track.second {
  display: flex;
}

@media screen and (max-width: 713px) {
  .slider-item.track .track.first,
  .slider-item.track .track.second {
    flex-direction: column;
  }
}

.slider-item.track .track.first .track-col,
.slider-item.track .track.second .track-col {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: space-around;
  align-items: center;
  margin: 0 0.4vmax;
}

@media screen and (max-width: 713px) {
  .slider-item.track .track.first .track-col,
  .slider-item.track .track.second .track-col {
    margin: 2em 0;
  }
}

.slider-item.track .track.first .track-col.header-track,
.slider-item.track .track.second .track-col.header-track {
  margin: 0;
}

.slider-item.track .track.first .track-col figure img,
.slider-item.track .track.second .track-col figure img {
  width: 100%;
}

@media screen and (max-width: 713px) {
  .slider-item.track .track.first,
  .slider-item.track .track.second {
    flex-direction: column;
  }
}

.slider-item.track .track.track.first {
  display: flex;
  margin: 0 0 3em 0;
}

@media screen and (max-width: 713px) {
  .slider-item.track .track.track.first {
    margin: 0;
  }
}

.slider-item.track .track.second {
  display: flex;
  margin: 0.5em 0 0 0;
}

@media screen and (max-width: 713px) {
  .slider-item.track .track.second {
    margin: 0 0 1em 0;
  }
}

.track-col {
  display: flex;
}

.track-col h3 {
  font-size: 0.85em;
  display: block;
  color: #5e1055;
  text-align: center;
  height: auto;
}

.track-col h3.header-track {
  font-family: "FuturaStd-CondensedBold", sans-serif;
  color: #5e1055;
  display: block !important;
  font-size: 3vw;
  margin: 0;
  text-align: start;
  line-height: 1.2;
  display: block;
  height: auto;
}

@media screen and (max-width: 713px) {
  .track-col h3.header-track {
    font-size: 2em;
    margin: 1em 0 0.5em 0;
    height: auto;
  }
}

@media screen and (max-width: 1024px) {
  .track-col h3 {
    font-size: 0.8em;
    height: auto;
  }
}

@media screen and (max-width: 713px) {
  .track-col h3 {
    font-size: 1em;
    height: auto;
  }
}

.track-col figure {
  margin: 0.5em 0;
}

.track-col figure img {
  width: 90%;
}

.track-col p {
  color: #000;
  font-size: 0.63em;
  display: block;
  height: auto;
  text-align: center;
}

@media screen and (min-width: 1200px) {
  .track-col p {
    font-size: 0.75em;
    width: 85%;
  }
}

@media screen and (max-width: 713px) {
  .track-col p {
    font-size: 0.9em;
    width: 70%;
    line-height: 1.2;
    height: auto;
  }
}

@media screen and (min-width: 1200px) {
  .slider-item.column-2.hidden {
    font-size: 0.75em;
    width: 85%;
  }
}

.track-col.header {
  justify-content: center !important;
  display: block !important;
}

.title-article.track {
  font-size: 2.8em;
  height: auto !important;
}

@media screen and (max-width: 713px) {
  .title-article.track {
    text-align: start !important;
  }
}

.products_page {
  background-image: url("../images/background/products/back-forte.jpg");
  background-size: cover;
  background-position: center;
}

.products_page.forte {
  background-image: url("../images/product_page/bg-desktop-forte.jpg");
}

@media screen and (max-width: 713px) {
  .products_page.forte {
    background-image: url("../images/product_page/bg-mobile-red.jpg");
  }
}

.products_page.migran {
  background-image: url("../images/product_page/bg-desktop-migran.jpg");
}

@media screen and (max-width: 713px) {
  .products_page.migran {
    background-image: url("../images/product_page/bg-mobile-green.jpg");
  }
}

.products_page.ultra {
  background-image: url("../images/product_page/bg-desktop-ultra.jpg");
}

@media screen and (max-width: 713px) {
  .products_page.ultra {
    background-image: url("../images/product_page/bg-mobile-purple.jpg");
  }
}

.container-banner {
  padding: 0 1.5%;
  padding-top: 1.5em;
  margin: 0 0 1em 0;
}

.container-banner img {
  height: 400px;
  width: 400px;
}

@media (max-width: 713px) {
  .container-banner img {
    height: 300px;
    width: 300px;
  }
}

@media screen and (max-width: 1024px) {
  .container-banner {
    margin: 0;
    margin-bottom: 2em;
    flex-grow: 0.2;
    justify-content: center;
    align-items: flex-end;
  }
}

@media screen and (max-width: 713px) {
  .container-banner {
    margin-bottom: 1em;
    padding: 0;
  }
}

.container-grid-products {
  display: flex;
  padding: 0 1.5%;
  justify-content: space-between;
}

.container-grid-products .column {
  display: flex;
  flex-direction: column;
}

.container-grid-products .column:nth-child(1) {
  flex-basis: 27%;
  margin-bottom: 3em;
}

.container-grid-products .column:nth-child(2) {
  flex-basis: 50%;
}

.container-grid-products .column:nth-child(3) {
  flex-basis: 14.4%;
}

@media screen and (max-width: 1024px) {
  .container-grid-products {
    flex-grow: 1;
  }
}

@media screen and (max-width: 713px) {
  .container-grid-products {
    padding: 0;
  }
}

p,
ul,
li,
a,
h1,
h2,
h3 {
  text-decoration: none;
  font-family: "Helvetica-Regular";
}

.title-product {
  text-align: end;
  margin-bottom: 1.5em;
  font-family: "Helvetica-Regular";
  color: #fff;
  letter-spacing: 1.5px;
  padding: 0.6em 1em;
  border-radius: 10px;
}

.title-product.forte {
  background-color: #8d3131;
  color: #fff;
}

.title-product.migran {
  background-color: #0d3f3a;
}

.title-product.ultra-forte {
  background-color: #6f1762;
}

.title-product > span.forte,
.title-product > span.yelow {
  color: #d1c277;
}

.title-product > span.forte-mobile {
  color: #9c3030;
}

.title-product.mobile {
  background-color: transparent;
  color: #9d9e9c;
  text-align: center;
  margin: 0 0 2.5em 0;
  font-family: "Helvetica-Bold";
  letter-spacing: 0.5px;
}

.show {
  background-color: #d3d7db;
  color: #9d9e9c;
  text-align: end;
  margin: 0 2em 1em 0;
  padding: 0.5em 1em;
  border-radius: 10px;
  transition: all 0.2s ease-out;
}

.show.active-forte {
  color: #8d3131;
}

.show.active-migran {
  color: #0d3f3a;
}

.show.active-ultraforte {
  color: #6f1762;
}

.show:hover {
  transform: scale(1.03);
}

.show:active {
  transform: scale(1);
}

.show-title {
  font-family: "Helvetica-Bold", sans-serif;
  font-size: 1.2em;
}

.show-title.forte {
  color: #9c3030;
}

.show-p {
  font-family: "Helvetica-Light", sans-serif;
  line-height: 1.4;
  color: #000;
  margin: 0.5em 0;
  font-size: 0.92em;
}

.show-p.mobile {
  font-family: "Helvetica-Condensed";
}

.show-p.mobile b {
  font-family: "Helvetica-Condensed-md";
}

.hidden {
  display: none;
}

.column.third img {
  margin: 0 0 1em 0;
}

@media screen and (max-width: 713px) {
  .container-grid-products > .column {
    display: none;
  }
}

.article-mobile {
  height: auto;
  width: 100%;
  padding: 0 5% 2em 5%;
}

@media screen and (min-width: 714px) {
  .article-mobile {
    display: none;
  }
}

.container-banner picture {
  width: 100%;
}

.migran {
  color: #0d3f3a;
}

.forte {
  color: #9c3030;
}

.ultra-forte {
  color: #6f1762;
}

.column-logo-mobile {
  display: flex;
  flex-direction: column;
  margin-top: 1em;
  justify-content: center;
  align-items: center;
}

.column-logo-mobile a {
  margin: 0.5em 0;
}

.products_content {
  width: 40%;
}

@media (max-width: 650px) {
  .products_content {
    width: 100%;
    margin-top: -5em;
    padding: 15px 0;
  }
}

.products_content a {
  text-align: center;
}

.img_wrap.ibuflash_img {
  width: auto;
  margin: auto;
  margin-right: 7%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  z-index: 1;
  /* .ibuflash_capsula{
          img{
              width: 400px;
              margin-left: 9em;
              margin-top: -28em;
              position: absolute;
              @media only screen and (max-width: 1024px){
                  top: 3em;
                  left: 20em;
              }
              @media only screen and (max-width: 768px){
                  top: 6%;
                  left: 24%;
              }
              @media only screen and (max-width: 650px){
                  width: 300px;
                  top: 4.3em;
                  left: 4em;
              }
              @media only screen and (max-width: 375px){
                  left: 3em;
              }
              @media only screen and (max-width: 325px){
                  left: 1em;
              }
          }
      } */
}

@media only screen and (max-width: 1024px) {
  .img_wrap.ibuflash_img {
    margin-right: auto;
  }
}

@media only screen and (max-width: 420px) {
  .img_wrap.ibuflash_img {
    width: 400px;
  }
}

.img_wrap.ibuflash_img figure:first-child {
  width: 350px;
  height: 4350px;
  margin: auto;
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 1.2em;
}

@media only screen and (max-width: 420px) {
  .img_wrap.ibuflash_img figure:first-child {
    width: 300px;
    height: 300px;
  }
}

@media only screen and (max-width: 380px) {
  .img_wrap.ibuflash_img figure:first-child {
    width: 270px;
    /* height: 3270px; */
  }
}

.img_wrap.ibuflash_img figure:first-child img {
  width: 350px;
  height: 350px;
  margin: auto;
  z-index: -1;
  position: relative;
  right: 1.2em;
}

@media only screen and (max-width: 420px) {
  .img_wrap.ibuflash_img figure:first-child img {
    width: 300px;
    height: 300px;
  }
}

@media only screen and (max-width: 380px) {
  .img_wrap.ibuflash_img figure:first-child img {
    width: 270px;
    height: 270px;
  }
}

.img_wrap.ibuflash_img .ibuflash_sombra {
  width: 350px;
  height: 350px;
  margin: auto;
  background-size: contain;
  background-repeat: no-repeat;
}

@media (max-width: 420px) {
  .img_wrap.ibuflash_img .ibuflash_sombra {
    width: 300px;
    height: 300px;
  }
}

@media (max-width: 380px) {
  .img_wrap.ibuflash_img .ibuflash_sombra {
    width: 270px;
    height: 270px;
  }
}

.products_banner {
  background-size: cover;
}

@media only screen and (max-width: 1024px) {
  .products_banner {
    overflow: hidden;
    display: flex;
    justify-content: center;
  }
}

.products_banner .back_img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 400px;
  width: 400px;
  margin: auto;
}

@media (max-width: 713px) {
  .products_banner .back_img {
    height: 300px;
    width: 300px;
  }
}

.container-products .products {
  background-size: contain;
  background-position-y: 0;
  background-position-x: 0;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 713px) {
  .item-carousel .text-wrap {
    text-align: center;
  }
}

@media screen and (max-width: 450px) {
  .item-carousel .text-wrap p {
    width: 70%;
    margin: auto;
  }
}

@media screen and (max-width: 375px) {
  .item-carousel .text-wrap p {
    width: 60%;
    margin: auto;
  }
}

@media screen and (max-width: 450px) {
  .item-carousel .text-wrap .btn_video {
    margin-top: 20px;
  }
}

.logo__tq {
  align-items: center;
  height: auto;
  z-index: 9999;
  position: relative;
  display: flex;
  left: 5%;
}

.logo__tq figure {
  width: 50px;
  height: 50px;
}

body.carousel.contacto {
  background-image: url("../images/background/background-ibuflash-forte.webp");
  min-height: 100vh;
  height: auto;
}

.container.contacto {
  width: 100%;
  flex-grow: 1;
  padding: 10% 7.7% 0 11%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.form_landing_title {
  margin-bottom: 20px;
}

.form_landing_title h1 {
  padding: 0;
  margin: 0;
  font-size: 32px;
}

@media screen and (min-width: 713px) {
  .container.contacto {
    min-height: 550px;
  }
}

@media screen and (max-width: 713px) {
  .container.contacto {
    flex-direction: column-reverse;
    height: auto;
    padding: 0 5%;
  }
}

.container.contacto .form.desktop {
  width: 40%;
  height: 100%;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media screen and (max-width: 813px) {
  .container.contacto .form.desktop {
    font-size: 10px !important;
    margin: 2em 0;
  }
}

@media screen and (max-width: 713px) {
  .container.contacto .form.desktop {
    width: 100%;
    height: auto;
  }
  .container.contacto .form.desktop label.lb_img {
    display: none;
  }
}

@media screen and (max-width: 713px) {
  .container.contacto .form_select .document_select,
  .container.contacto .form_select .nationality_select,
  .container.contacto .form_select .gender_select {
    border: solid #6e0854 1px;
    color: #6e0854;
    font-size: 16px;
    font-family: "FuturaStd-CondensedBold";
    margin: 1em 0 0.5em 0;
    padding: 10px 6px;
    min-height: 38px;
  }
  .container.contacto .field_message {
    margin: 0;
    width: 100%;
  }
  .container.contacto .select_motivo {
    border-radius: 10px;
  }
  .container.contacto .field_firts input::-webkit-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #6e0854;
    opacity: 1;
    /* Firefox */
  }
  .container.contacto .field_firts input::-moz-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #6e0854;
    opacity: 1;
    /* Firefox */
  }
  .container.contacto .field_firts input:-ms-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #6e0854;
    opacity: 1;
    /* Firefox */
  }
  .container.contacto .field_firts input::-ms-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #6e0854;
    opacity: 1;
    /* Firefox */
  }
  .container.contacto .field_firts input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #6e0854;
    opacity: 1;
    /* Firefox */
  }
  .container.contacto .field_firts input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: red;
  }
  .container.contacto .field_firts input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: red;
  }
  .container.contacto .document_select {
    right: 0;
  }
  .container.contacto .select_motivo {
    padding: 10px 6px;
    font-size: 16px;
  }
  .container.contacto .contacto_enviar input {
    width: 100%;
    padding: 3% 10%;
  }
  .container.contacto .contacto_enviar {
    width: 100%;
    padding-top: 24px;
  }
}

.container.contacto picture {
  width: 60%;
}

@media screen and (max-width: 713px) {
  .container.contacto picture {
    width: 85%;
    margin-bottom: 1em;
  }
}

.container.contacto picture img {
  width: 90%;
  margin: 0 auto;
}

input {
  background-color: transparent;
  border: none;
}

.field_firts,
.field_second {
  display: flex;
  margin: 0;
  font-weight: 400;
}

.field_firts input,
.field_second input,
.form-select .nationality_select {
  width: 100%;
  border: solid #7f2568 2px;
  border-radius: 10px;
  padding: 10px 10px;
  margin: 1em 0;
  background: transparent;
  font-family: "FuturaStd-CondensedBold";
  font-size: 16px;
  color: #7f2568;
}

.field_firts,
input {
  display: flex;
  flex-direction: column;
  font-family: "FuturaStd-CondensedBold";
  font-size: 16px;
}

/* Delete arrows in Chrome, Safari, Edge, Opera */
#form-contact input::-webkit-outer-spin-button,
#form-contact input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Delete arrows in Firefox */
#form-contact input[type="number"] {
  -moz-appearance: textfield;
}

.just-validate-error-field {
  border-color: #9f0003 !important;
  color: #9f0003 !important;
  font-weight: 600;
}

#form-contact .form_select .choices__inner:has(.just-validate-error-field) {
  border-color: #9f0003 !important;
  color: #9f0003 !important;
  font-weight: 600;
}

#form-contact .field_message .choices__inner:has(.just-validate-error-field) {
  border-color: #9f0003 !important;
  color: #9f0003 !important;
  font-weight: 600;
}

.just-validate-error-label {
  position: relative;
  padding: 0 25px;
}

.just-validate-error-label::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(/images/contact/error-icon-form.svg);
  position: absolute;
  top: -1px;
  left: 5px;
  background-size: cover;
  background-repeat: no-repeat;
}

.field_firts input::-webkit-input-placeholder,
.field_second input::-webkit-input-placeholder {
  color: #7f2568;
  border-color: #7f2568;
  font-weight: 400;
  font-size: 16px;
}

/* Firefox */
.field_firts input::-moz-placeholder,
.field_second input::-moz-placeholder {
  color: #7f2568;
  border-color: #7f2568;
  font-weight: 400;
  font-size: 16px;
}

/* Internet Explorer 10+ */
.field_firts input:-ms-input-placeholder,
.field_second input:-ms-input-placeholder {
  color: #7f2568;
  border-color: #7f2568;
  font-weight: 400;
  font-size: 16px;
}

/* Microsoft Edge (older versions) */
.field_firts input::-ms-input-placeholder,
.field_second input::-ms-input-placeholder {
  color: #7f2568;
  border-color: #7f2568;
  font-weight: 400;
  font-size: 16px;
}

.field_firts input::placeholder,
.field_second input::placeholder {
  color: #7f2568;
  border-color: #7f2568;
  font-weight: 400;
  font-size: 16px;
}

.field_firts input:hover::placeholder,
.field_second input:hover::placeholder {
  color: #50063d;
  font-weight: 700;
}

.field_firts input:hover {
  border-color: #50063d;
}

.field_second {
  margin: 0 0 0.8em 50px;
}

.lb_img {
  width: 45px;
  height: auto;
}

.form_header {
  color: #6e0854;
  font-size: 16px;
  font-family: "FuturaStd-CondensedBold";
  margin: 1em 0 0.5em 0;
  padding: 10px;
}

.field_message {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.field-help-request,
.field-text-tarea,
.field-terms-checkbox {
  border-color: #9f0003 !important;
  color: #9f0003 !important;
  font-weight: 600;
  font-family: "FuturaStd-CondensedBold";
  font-size: 16px;
}

.form_select {
  width: 100%;
}

.form_select .document_select:focus,
.form_select .nationality_select:focus,
.form_select .gender_select:focus {
  color: #6e0854;
  outline: none !important;
}

textarea {
  width: 100%;
  min-height: 120px;
  max-height: 600px;
  border: 2px solid #7f2568;
  font-family: "FuturaStd-CondensedBold";
  font-size: 16px;
  color: #7f2669;
  letter-spacing: 2px;
  border-radius: 10px;
  background-color: transparent;
  padding: 10px;
}

form textarea:hover {
  border-color: #50063d;
}

form textarea::placeholder {
  color: #7f2568;
  font-weight: 400;
  font-size: 16px;
}

form textarea:hover::placeholder {
  color: #50063d;
  font-weight: 700;
}

.input {
  display: inline-block;
  background-color: #6e0854;
  color: #fff;
  margin: 1em auto;
  padding: 0.4em 1.8em;
  font-family: "FuturaStd-Medium";
  font-size: 1.05em;
  letter-spacing: 2px;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
}

@media screen and (max-width: 1024px) {
  .input {
    display: block;
    margin-top: 2em;
    margin-left: 5em;
    /*  width: 80px; */
  }
}

@media screen and (max-width: 713px) {
  .input {
    display: block;
    margin-top: 0;
    margin-left: auto;
    width: auto;
  }
}

.input:hover {
  transform: scale(1.07);
}

.form.mobile {
  display: none;
  flex-direction: column;
}

@media screen and (max-width: 713px) {
  .form.mobile {
    display: block;
  }
}

.field_mobile {
  background-color: transparent;
  margin: 0 0 15px 0;
}

.field_mobile input,
.field_mobile select,
.form_select .document_select,
.form_select .nationality_select,
.form_select .gender_select {
  width: 100%;
  border: solid #6e0854 1px;
  border-radius: 10px;
  padding: 10px 10px;
  margin: 1em 0;
  background: transparent;
  font-family: "FuturaStd-CondensedBold";
  font-size: 16px;
  color: #6e0854;
}

label {
  color: #6e0854;
  font-size: 1.2em;
  font-family: "FuturaStd-CondensedBold";
  margin: 1em 0 0.5em 0;
}

.footer-contact-p-m {
  display: none;
  font-size: 1em !important;
  margin: 1.2em 0 !important;
}

.footer-contact-p-m > span {
  font-family: "Helvetica-Condensed-md";
}

@media screen and (max-width: 713px) {
  .footer-contact-p-m {
    display: block;
  }
}

/* /////////// Modal //////////////// */
.submit_content {
  display: flex;
  flex-direction: column;
  margin: 24px 0;
}

.submit_content .terms_check {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  margin: 5px 0;
}

.contacto_enviar {
  text-align: end;
  padding: 20px 0;
}

.contacto_enviar input {
  color: #fff;
}

.contacto_enviar input:hover {
  color: #fff;
}

.box {
  width: 40%;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.2);
  padding: 35px;
  border: 2px solid #fff;
  border-radius: 20px/50px;
  background-clip: padding-box;
  text-align: center;
}

.button {
  font-size: 1em;
  padding: 10px;
  color: #fff;
  border: 2px solid #06d85f;
  border-radius: 20px/50px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-out;
}

.button:hover {
  background: #06d85f;
}

#motivo_contacto {
  width: 100%;
  height: 40px;
  margin-top: 2%;
  background-color: transparent;
  border: 0;
  border-bottom: solid 1px #6e0854;
  color: #6e0854;
  font-family: "FuturaStd-Medium";
  font-size: 1.05em;
}

#motivo_contacto:focus {
  outline: none;
}

@media (max-width: 500px) {
  .button_terminos {
    font-size: 15px;
    margin: 8% 0;
  }
}

.select_motivo {
  background-color: transparent;
  width: 100%;
  border-color: #6e0854;
  border-radius: 10px;
}

.select_motivo option {
  font-size: 20px;
}

.select_motivo:focus {
  outline: none;
}

@media (max-width: 1024px) {
  .select_motivo {
    font-size: 20px;
  }
}

.page_dolor-body {
  min-height: 100vh;
  background-image: url("../images/background/background-ibuflash-forte.webp");
}

.page_dolor-body.tipos {
  min-height: 100vh;
  background-image: url("../images/background/back_tipo.jpg");
}

.dolor_section {
  display: flex;
  padding: 2% 4% 0 8%;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
}

.dolor_section .dolor_article-wrap {
  flex-basis: 40%;
  flex-shrink: 0;
}

@media screen and (max-width: 713px) {
  .dolor_section .dolor_article-wrap {
    order: 3;
  }
}

.dolor_section picture {
  flex-grow: 0;
  flex-shrink: 1;
}

.dolor_section picture img,
.dolor_section picture source {
  max-height: 75vh;
}

@media screen and (max-width: 1024px) {
  .dolor_section {
    flex-direction: column;
    padding: 5% 10%;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
  }
}

@media screen and (max-width: 713px) {
  .dolor_section {
    display: block;
    padding: 5% 10%;
    flex-grow: 1;
    justify-content: center;
    height: auto;
  }
}

.title-article {
  font-family: "FuturaStd-CondensedBold";
  color: #6f1762;
  font-size: 3.3em;
  line-height: 1.1;
  margin: 0.5em 0 0.3em 0;
}

@media screen and (max-width: 713px) {
  .title-article {
    font-size: 2.5em;
  }
}

.p-article {
  font-size: 0.9em;
  line-height: 1.6;
  margin: 0.5em 0 1em 0;
  color: #000;
  font-family: "Helvetica-Light";
}

@media screen and (min-width: 1600px) {
  .p-article {
    font-size: 1.1em;
  }
}

.sub-article {
  color: #6f1762;
  font-family: "FuturaStd-CondensedBold";
  font-size: 1.3rem;
}

@media screen and (max-width: 1024px) {
  .btn_wrap.dolor {
    order: 2;
    /*  .btn_arrow.top, .btn_arrow.bottom{
                display: none;
              } */
  }
}

.btn-article.NextButton {
  background-color: #b51b2f;
  padding: 0.6em 0.8em;
  border: none;
  display: table;
  border-radius: 5px;
  font-family: "FuturaStd-Medium";
  margin: 1.5em auto 0 auto;
  color: #fff;
  font-size: 0.8em;
  transition: all 0.4s ease-in-out;
  text-align: center;
  cursor: pointer;
}

.btn-article.NextButton:hover {
  transform: scale(1.04);
}

@media screen and (min-width: 1600px) {
  .btn-article.NextButton {
    font-size: 1em;
  }
}

body.carousel.compras {
  background-image: url("../images/background/background-compras.png");
  min-height: 100vh;
  height: auto;
}

.hidden-in-mobile {
  display: flex;
}

.hidden-in-desktop {
  display: none;
}

@media (max-width: 1024px) {
  /* .logo__tq{
          display: none;
      } */
  .hidden-in-desktop {
    display: flex;
  }
  .hidden-in-mobile {
    display: none;
  }
  .compras_title {
    text-align: end;
  }
}

.container.compras {
  width: 100%;
  flex-grow: 1;
  padding: 0 7.7% 0 11%;
  /* display: flex; */
  justify-content: space-around;
  align-items: center;
}

@media screen and (min-width: 1024px) {
  .container.compras {
    height: 60vh;
    display: flex;
  }
}

@media screen and (max-width: 1024px) {
  .container.compras {
    flex-direction: column-reverse;
    height: auto;
    padding: 0 5%;
    height: 100vh;
  }
}

.container.compras .form.desktop {
  width: 46%;
  height: 100%;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media screen and (max-width: 813px) {
  .container.compras .form.desktop {
    font-size: 10px !important;
    margin: 2em 0;
  }
}

@media screen and (max-width: 713px) {
  .container.compras .form.desktop {
    width: 100%;
    height: auto;
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .container.compras picture {
    margin-bottom: 1em;
  }
}

.container.compras picture img {
  width: auto;
  height: auto;
}

.compras_title {
  font-size: 99px;
  font-family: "FuturaStd-CondensedBold", sans-serif;
  text-transform: uppercase;
  color: #999999;
}

.compras_title span {
  color: #515151;
}

.compras_text {
  margin-top: 15px;
  border-left: solid 4px #5b5b5f;
  height: 100px;
  padding-left: 10px;
}

.allies {
  width: 45%;
}

@media only screen and (max-width: 1024px) {
  .allies {
    width: 100%;
    margin: 10% 0;
  }
}

.allies .first_allies {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 113px;
}

.allies .first_allies .exito {
  width: 30%;
}

.allies .first_allies .drogueria {
  width: 65%;
}

.allies .second_allies {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 5% 0;
  height: 60px;
}

.allies .second_allies .cafam {
  width: 70%;
}

.allies .second_allies .farmatodo {
  width: 50%;
}

.allies .second_allies .rebaja {
  width: 30%;
}

.allies .third_allies {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 120px;
}

.allies .third_allies .rappi {
  width: 35%;
}

@media (max-width: 1024px) {
  .compras_title {
    font-size: 70px;
    text-align: left;
  }
  .compras_text {
    margin-bottom: 25px;
  }
}

@media (max-width: 320px) {
  .container.compras {
    margin: 15% 0;
  }
}

.allies.hiden-in-mobile {
  display: block;
}

@media only screen and (max-width: 1000px) {
  .allies.hiden-in-mobile {
    display: none;
  }
}

.allies.hiden-in-desktop {
  display: none;
}

@media only screen and (max-width: 1000px) {
  .allies.hiden-in-desktop {
    display: flex;
  }
}

.allies.mobile .first_allies {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
}

.allies.mobile .first_allies picture {
  height: 100px;
}

@media (min-width: 720px) and (max-width: 1000px) {
  .allies.mobile .first_allies picture {
    height: 200px;
  }
}

.allies.mobile .first_allies picture img {
  width: auto;
  height: auto;
}

@media (max-width: 1024px) {
  body.carousel.compras {
    overflow: auto;
  }
}

@media (min-width: 1000px) and (max-width: 1050px) {
  .allies_title {
    order: 1;
  }
}

@media (max-width: 900px) {
  .footer-text.footer_compras {
    position: absolute;
    top: 100%;
  }
}

.navigation_mobile {
  background-color: white;
  transition: ease-in-out all 0.5s;
  transform: translateX(-100vw);
  position: absolute;
}

.translate {
  transform: translate(0vw);
  position: absolute;
  width: 100vw;
  height: auto;
  overflow: hidden;
  background-color: #ced0d9;
  padding: 0;
  z-index: -9;
}

.navigation__submenu {
  display: none;
  transform: scale(0, 0);
  transition: all 0.4s ease-in-out;
}

.link_animation {
  display: block;
  transform: scale(1, 1);
  height: auto;
}

.header_nav {
  transition: all 0.2s ease;
}

.nav__link {
  position: relative;
  transition: all 0.4s ease-in-out;
}

.nav__sub_link {
  transform-origin: top center;
  display: none;
  transform: scale(0, 0);
  transition: all 0.4s ease-in-out;
}

.header__nav:hover .nav__sub_link {
  display: block;
  transform: scale(1, 1);
  padding: 0.5em 0;
}

.bottom_arrow {
  transform: rotate(180deg) !important;
}

.term_content {
  padding: 0 7%;
  margin-top: 3%;
}

.term_content ol {
  list-style: lower-alpha;
  padding-left: 50px;
}

.term_content ul {
  list-style: disc;
  padding-left: 50px;
}

.term_content b {
  font-family: "Helvetica-Bold";
}

@media (max-width: 600px) {
  .term_content {
    padding: 0 3%;
  }
}

.term_content .content {
  line-height: 20px;
  margin-bottom: 2%;
}

.term_content .content h1 {
  font-size: 30px;
  text-align: center;
  margin-bottom: 30px;
  line-height: 40px;
}

@media (max-width: 600px) {
  .term_content .content h1 {
    font-size: 28px;
  }
}

.term_content .content h2 {
  font-size: 22px;
  margin: 1.5% 0;
}

.field_mobile input[type="checkbox"] {
  width: auto;
  display: inline-block;
}

.right_textbox {
  float: right;
  text-align: left;
  height: 45px;
  margin-left: 12px !important;
}

@media only screen and (max-width: 1030px) {
  .right_textbox {
    margin-left: 12px !important;
  }
}

@media only screen and (max-width: 800px) {
  .right_textbox {
    margin-left: 0px !important;
  }
}

/* The Checkbox & Radio Button Customized */
.checkboxgroup {
  display: inline-block;
  position: relative;
  padding-left: 0px;
  margin-top: 5px;
  margin-bottom: 5px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0 3px;
}

.radiogroup {
  display: inline-block;
  position: relative;
  padding-left: 0px;
  margin-top: 12px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.checkboxgroup input {
  min-width: 30px;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.radiogroup input {
  min-width: 55px;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkboxgroup .checkmark {
  position: absolute;
  top: 0;
  left: -2px;
  height: 13px;
  width: 25px;
  background-color: transparent;
  border: 1px solid #531849;
}

.radiogroup .checkmark {
  position: absolute;
  top: 0;
  left: 15px;
  height: 15px;
  width: 45px;
  background-color: transparent;
  border: 1px solid #531849;
  border-radius: 5px;
}

@media (max-width: 676px) {
  .radiogroup .checkmark {
    width: 55px;
    height: 30px;
  }
}

.checkboxgroup:hover input ~ .checkmark,
.radiogroup:hover input ~ .checkmark {
  background-color: transparent;
}

.checkboxgroup input:checked ~ .checkmark,
.radiogroup input:checked ~ .checkmark {
  background-color: transparent;
}

.checkboxgroup .checkmark:after,
.radiogroup .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.checkboxgroup input:checked ~ .checkmark:after,
.radiogroup input:checked ~ .checkmark:after {
  display: block;
}

.checkboxgroup .checkmark:after {
  left: 9px;
  top: -2px;
  width: 4px;
  height: 8px;
  border: solid #531849;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.radiogroup .checkmark:after {
  left: 18px;
  top: -2px;
  width: 5px;
  height: 10px;
  border: solid #531849;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.checkbox_terms .checkboxgroup {
  display: inline-block;
  position: relative;
  padding-left: 0px;
  margin-top: 2px;
  margin-bottom: 16px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.checkbox_terms .checkboxgroup input {
  min-width: 15px;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkbox_terms .checkboxgroup label {
  display: inline-block;
  font-size: 12px;
  font-family: "FuturaStd-Condensed", sans-serif;
  text-transform: uppercase;
  color: #282828;
  font-weight: 600;
  margin: 0;
  padding: 0;
}

@media (max-width: 325px) {
  .checkbox_terms .checkboxgroup label {
    font-size: 11px;
  }
}

.checkbox_terms .checkboxgroup .checkmark {
  position: absolute;
  top: 0;
  left: 0px;
  height: 20px;
  width: 25px;
  background-color: transparent;
  border: 1px solid #531849;
}

.checkbox_terms .checkboxgroup .checkmark:after {
  left: 9px;
  top: 2px;
  width: 4px;
  height: 8px;
  border: solid #531849;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.small_text .checkboxgroup {
  display: inline-block;
  position: relative;
  padding-left: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  cursor: pointer;
  font-size: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.small_text .checkboxgroup input {
  min-width: 30px;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  display: none;
}

.small_text .checkboxgroup label {
  display: inline-block;
  font-size: 7.5px;
  font-family: "FuturaStd-Condensed", sans-serif;
  text-transform: uppercase;
  color: #282828;
  font-weight: 600;
  margin: 0;
  padding: 0;
  margin-top: 7px;
  margin-left: 0px;
  margin-right: 4px;
}

.small_text .checkboxgroup:hover input ~ .checkmark {
  background-color: transparent;
}

.small_text .checkboxgroup input:checked ~ .checkmark {
  background-color: transparent;
}

.small_text .checkboxgroup .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.small_text .checkboxgroup input:checked ~ .checkmark:after {
  display: block;
}

.small_text .checkboxgroup .checkmark:after {
  left: 6px;
  top: -2px;
  width: 4px;
  height: 8px;
  border: solid #531849;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.small_text .checkboxgroup .checkmark {
  position: absolute;
  top: 4px;
  left: 0px;
  height: 13px;
  width: 20px;
  background-color: transparent;
  border: 1px solid #531849;
}

.small_text .checkboxgroup label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #531849;
  padding: 5px 8px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
}

.small_text .checkboxgroup input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 6px;
  width: 6px;
  height: 10px;
  transform: rotate(45deg);
  border: solid #531849;
  border-width: 0 2px 2px 0;
}

.checkbox_terms .checkboxgroup label {
  position: relative;
}

.checkbox_terms .checkboxgroup input {
  display: none;
}

.checkbox_terms .checkboxgroup label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #531849;
  padding: 6px 6px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
}

.checkbox_terms .checkboxgroup input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 5px;
  width: 5px;
  height: 10px;
  transform: rotate(45deg);
  border: solid #531849;
  border-width: 0 2px 2px 0;
}

.gender-checkboxes label {
  position: relative;
}

.gender-checkboxes input {
  display: none;
}

.gender-checkboxes label:before {
  content: "";
  appearance: none;
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #531849;
  padding: 14px 19px;
  display: inline-block;
  position: relative;
  /* vertical-align: middle; */
  cursor: pointer;
  display: block;
  margin-right: -4px;
  margin-bottom: 5px;
  border-radius: 5px;
}

@media (max-width: 713px) {
  .gender-checkboxes label:before {
    width: 15px;
  }
}

.gender-checkboxes input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 17px;
  width: 5px;
  height: 10px;
  transform: rotate(45deg);
  border: solid #531849;
  border-width: 0 2px 2px 0;
}

@media (max-width: 713px) {
  .gender-checkboxes input:checked + label:after {
    left: 25px;
  }
}

.date-checkbox label {
  position: relative;
}

.date-checkbox input {
  /*display: none;*/
  opacity: 1 !important;
  min-width: 30px !important;
  height: 30px !important;
  margin: 0 0 4px 0 !important;
  border: 1px solid #531849 !important;
  font-size: 0.6rem !important;
  text-align: center;
}

/*.date-checkbox label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #531849;
    padding: 6px 9px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    display: block;
    margin-right: 5px;
    margin-bottom: 5px;
  }
  
  .date-checkbox input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    left: 5px;
    width: 5px;
    height: 10px;
    transform: rotate(45deg);
    border: solid #531849;
    border-width: 0 2px 2px 0;
  }*/
.document_select,
.nationality_select,
.gender_select {
  background: transparent;
  border: none;
}

.field_document {
  width: 48%;
}

.submit_content span a {
  color: #6e0854;
  text-decoration: underline;
}

.submit_content .contacto_enviar {
  text-align: end;
  padding: 0;
  display: flex;
  align-self: end;
}

.submit_content .contacto_enviar input {
  display: flex;
  align-self: end;
}

@media only screen and (min-width: 1023px) {
  .field_span.field_document {
    margin: 0.8rem;
  }
  input.right_textbox {
    margin-left: 0 !important;
  }
  .field_span.float_left.field_date {
    margin: 0.8rem;
    min-width: 48%;
  }
  .field_span.float_left {
    margin: 0.8rem;
    margin-left: -4%;
  }
  .gender-checkboxes .radiogroup:first-child .medium_text {
    margin-left: 0;
  }
}

.field_date {
  width: 42%;
}

.field_content {
  display: flex;
  align-items: center;
}

.field_content label {
  width: auto !important;
}

.field_img {
  padding-right: 12px;
}

.field_content input {
  border: none;
  border-bottom: solid 1px;
  border-radius: inherit;
  border-color: #6e0854;
  margin: 0;
  padding: 0;
}

.icon_content {
  display: flex;
}

.input_container {
  width: 100%;
}

@media screen and (max-width: 713px) {
  .document_select,
  .nationality_select,
  .gender_select {
    margin-top: 10px;
    position: relative;
    right: 3px;
  }
  label {
    color: #282828;
  }
  .terms_input {
    height: 10px !important;
    display: block !important;
    position: relative;
    right: 20px;
    top: 15px;
    z-index: 9999;
    width: 100% !important;
  }
  .form_landing_title h1 {
    text-align: center;
  }
}

@media screen and (max-width: 713px) {
  .field_firts,
  .field_second {
    flex-direction: column;
  }
  .small_text .checkboxgroup {
    width: 100%;
    text-align: left;
  }
  .document_select,
  .nationality_select,
  .gender_select {
    width: 100%;
    border: solid #6e0854 1px;
    border-radius: 10px;
    padding: 10px 10px;
    margin: 1em 0;
    background: transparent;
  }
  .gender-checkboxes .radiogroup:first-child .medium_text {
    margin-left: 0;
  }
}

@media screen and (max-width: 713px) and (max-width: 676px) {
  .gender-checkboxes .radiogroup:first-child .medium_text {
    margin-left: 10px;
  }
}

@media screen and (max-width: 713px) {
  .submit_content {
    grid-template-columns: repeat(1, 1fr);
    margin-left: 0;
  }
  .checkbox_terms .checkboxgroup {
    padding-left: 0;
    text-align: left;
    font-size: 11px;
  }
}

.gender-checkboxes {
  margin-left: 11%;
}

@media (max-width: 1030px) {
  .gender-checkboxes {
    margin-left: 12px;
  }
}

@media (max-width: 800px) {
  .gender-checkboxes {
    margin-left: 14%;
  }
}

@media (max-width: 713px) {
  .gender-checkboxes {
    margin-left: 0%;
  }
}

@media (max-width: 676px) {
  #radio {
    margin-left: -9px;
  }
  .radiogroup .checkmark:after {
    left: 23px;
    top: 5px;
  }
}

.register_logo {
  width: 400px;
  height: 400px;
}

@media (max-width: 450px) {
  .register_logo {
    width: 400px;
    height: 400px;
  }
}

@media (max-width: 360px) {
  .register_logo {
    width: 300px;
    height: 300px;
  }
}

.register_logo img {
  max-width: initial;
  width: 400px;
  height: 400px;
  background-size: 400px;
  background-position: top;
  background-repeat: no-repeat;
  margin: auto;
}

@media (max-width: 450px) {
  .register_logo img {
    width: 400px;
    height: 400px;
    background-size: cover;
  }
}

@media (max-width: 360px) {
  .register_logo img {
    width: 300px;
    height: 300px;
  }
}

.politics_content h2 {
  font-weight: bold;
}

.politics_content h1 {
  font-weight: bold;
  color: #2a51a5;
  line-height: 30px !important;
}

@media (max-width: 600px) {
  .politics_content {
    padding: 0;
    margin: 3% 6%;
  }
}

.politics_order {
  list-style: lower-alpha;
}

.politics_order li {
  padding: 7px 0;
}
.carousel-cell {
  background-color: coral;
  display: flex;
  width: 100%;
  height: 300px;
}

.carousel-cell:nth-child(even) {
  background-color: darkcyan;
}

/*-------header css start------*/
.client__page {
  width: 100%;
  background: url(/static/images/bg.png) no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  padding-bottom: 50px;
}

.clientpage_row {
  padding-top: 150px;
}

.client__page_row {
  display: flex;
  width: 100vw;
  flex-direction: column;
  padding: 0 10%;
}

.client_title {
  font-size: 30px;
  font-weight: 600;
  font-family: "FuturaStd-CondensedBold";
  color: #34494c;
  margin-bottom: 27px;
  text-transform: uppercase;
}

.client_logo_row {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}

.client_logo_col {
  width: 15%;
  background-color: #f9f9f9;
  border-radius: 16px;
  padding: 8px 10px 12px;
  margin-right: 16px;
  text-align: center;
  margin-bottom: 16px;
}

.client_logo-img {
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 5px;
}

.client_logo-img img {
  width: auto;
  max-width: 100%;
}

.clint_logo_btn {
  border: 1px solid #fff !important;
  padding: 10px;
  display: inline-block;
  width: 108px;
  text-align: center;
  font-size: 12px;
  color: #fff !important;
  border-radius: 5px;
  background: #00606a;
  cursor: pointer;
}

.clint_logo_btn:hover {
  background-color: #009bdb;
  color: #fff;
  border-color: #009bdb;
}

.client_logo_col:nth-child(6n) {
  margin-right: 0;
}

.mtop-30 {
  margin-top: 30px;
}

.client-text {
  font-size: 9px;
  padding: 8px 0 !important;
}

.show_more_client {
  text-align: center;
  padding: 20px 0;
}

.show_more_client a {
  color: #2e93d7;
  text-decoration: underline;
  font-size: 16px;
}

.show_more_client img {
  width: 12px;
  display: inline;
  margin-left: 10px;
  vertical-align: middle;
}

/*-----Responsive Csss--------*/
@media screen and (min-width: 1800px) {
  .client_logo_col {
    width: 15.7%;
  }
  .client__page_row {
    padding: 0 15%;
  }
}

@media screen and (min-width: 1700px) {
  .client_logo_col {
    width: 15.6%;
  }
  .client__page_row {
    padding: 0 13%;
  }
}

@media screen and (max-width: 1200px) {
  .client_logo_col {
    width: 18.3%;
  }
  .client_logo_col:nth-child(5n) {
    margin-right: 0;
  }
  .client_logo_col:nth-child(6n) {
    margin-right: 16px;
  }
}

@media screen and (max-width: 1024px) {
  .client_logo_container {
    display: initial !important;
  }
}

@media screen and (max-width: 991px) {
  .client_logo_col {
    width: 31.2%;
  }
  .client_logo_col:nth-child(4n) {
    margin-right: 16px;
  }
  .client_logo_col:nth-child(5n) {
    margin-right: 16px;
  }
  .client_logo_col:nth-child(3n) {
    margin-right: 0px;
  }
}

@media screen and (max-width: 810px) {
  .clientpage_row {
    padding-top: 50px;
  }
}

@media screen and (max-width: 768px) {
  .client_logo_col {
    width: 31%;
  }
  .client__page_row {
    padding: 0 3%;
  }
  .client_title {
    margin-bottom: 11px;
  }
  .clientpage_row {
    padding-top: 30px;
  }
}

@media screen and (max-width: 655px) {
  .client_logo_col {
    width: 48%;
  }
  .client_logo_col:nth-child(3n) {
    margin-right: 16px;
  }
  .client_logo_col:nth-child(2n) {
    margin-right: 0;
  }
  .client_logo_col:nth-child(4n) {
    margin-right: 0px;
  }
}

@media screen and (max-width: 432px) {
  .client_logo_col {
    width: 48.5%;
    margin-right: 9px;
  }
  .client_logo_col:nth-child(odd) {
    margin-right: 9px;
  }
  .client_logo_col:nth-child(even) {
    margin-right: 0px;
  }
  .client_logo-img {
    height: 54px;
  }
}

footer {
  background-color: #0f1e37;
}

.footer {
  color: #ffffff;
  width: 100%;
}

.footer hr {
  background-color: lightcoral;
}

.footer .footer__menu {
  display: flex;
  flex-direction: column;
}

.footer .footer__menu .logo {
  max-width: 176px;
  margin: 24px 0 58px;
}

.footer .footer__menu .menu {
  display: flex;
  flex-wrap: wrap;
}

.footer .footer__menu .menu a {
  font-family: "Futura";
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 24px;
  letter-spacing: 0.01em;
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
}

.footer .footer__menu .menu .menu__navigation {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: 1fr;
  gap: 16px;
}

.footer .footer__social {
  display: flex;
  flex-direction: column;
  margin: 24px 0 32px;
}

.footer .footer__social .menu {
  display: flex;
  margin-bottom: 32px;
}

.footer .footer__social .menu .menu__right a {
  left: 7.2%;
  right: 78.4%;
  top: 75.86%;
  bottom: 20.52%;
  font-family: "Futura";
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.005em;
  color: #ffffff;
  margin-left: 28px;
  width: 44px;
  height: 44px;
}

.footer .footer__social .menu .menu__left p {
  display: flex;
  align-items: center;
}

.footer p {
  font-family: "Futura";
  font-size: 14px;
  line-height: 24px;
}

.footer .footer__social .menu .menu__right,
.footer .footer__social .menu .menu__left {
  display: flex;
  flex: 50%;
}

@media screen and (min-width: 1024px) {
  .footer {
    width: 80%;
    margin: 0 auto;
    padding: 32px 0;
  }
  .footer .footer__menu {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .footer .footer__menu .menu .tyc {
    text-align: right;
  }
  .footer .footer__menu .menu {
    flex-direction: column;
    flex-wrap: unset;
  }
  .footer .footer__menu .menu a {
    padding-left: 0%;
  }
  .footer .footer__social {
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  .footer .footer__social .menu .menu__left p {
    margin-right: 32px;
  }
}

.contacto .form .register-social {
  display: flex;
  justify-content: center;
}

.contacto .form .register-social .icon {
  background-color: #ffffff;
  border-radius: 5px;
  padding: 5px 20px;
  margin: 25px 8px 0;
}

.bg-modal-info {
  background-color: rgba(38, 39, 43, 0.24);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 1001;
}

.bg-modal-info.active {
  display: flex;
}

.bg-modal-info .modal-info {
  background-color: #fff;
  padding: 4rem 2rem 4rem;
  position: relative;
  max-width: 500px;
  width: 90%;
}

.bg-modal-info .modal-info .modal-close {
  cursor: pointer;
  border: none;
  color: #0060a4;
  text-align: right;
  background-color: transparent;
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
  font-size: 25px;
}

.bg-modal-info .modal-info .modal-text {
  text-align: center;
}

.bg-modal-info .modal-info .modal-text .title {
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 1rem;
  word-break: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  color: #00606a;
}

.bg-modal-info .modal-info .modal-text .text {
  font-size: 18px;
  color: #731d74;
}

.bg-modal-info .modal-info .modal-actions {
  text-align: center;
  margin-top: 1rem;
}

.main-btn {
  border: 1px solid #0060a4;
  display: inline-block;
  padding: 0.7em 2.8em;
  font-size: 17px;
  margin: 1.4em auto;
  text-align: center;
  font-weight: 700;
}

.bg-modal-info .modal-info .modal-actions .main-btn {
  cursor: pointer;
  background-color: #fff;
  color: #0060a4;
  min-width: 180px;
  margin: 0.4rem 0;
}

.bg-modal-info .modal-info .modal-actions .main-btn:nth-child(1) {
  background-color: #0060a4;
  color: #fff;
}

.cookies-modal {
  border: 1px solid #0f1e37;
  position: fixed;
  right: 5%;
  bottom: 4%;
  max-width: 400px;
  background-color: #ced0d9;
  padding: 32px 16px;
  border-radius: 8px;
  z-index: 1000;
  display: none;
}

@media screen and (max-width: 459px) {
  .cookies-modal {
    left: 5%;
  }
}

.cookies-modal.accepted {
  display: none;
}

.cookies-modal p {
  font-size: 15px;
  line-height: 28px;
  margin-bottom: 16px;
  color: #5b5b5f;
  font-weight: bold;
  font-family: FuturaStd-Medium;
}

.cookies-modal .accept-cookies {
  background-color: #6e0854;
  border-radius: 36px;
  font-family: FuturaStd-Medium;
  font-size: 16.6304px;
  line-height: 18px;
  letter-spacing: 0.450422px;
  color: #ffffff;
  padding: 8px 16px;
  cursor: pointer;
  border: none;
  transition: all 0.15s linear;
}

.cookies-modal .accept-cookies:hover {
  background-color: #0f1e37;
}

.formMessage .form_header {
  text-align: center;
}

#form-contact .choices {
  width: 100%;
  border-radius: 10px;
  margin: 1em 0;
  background: transparent;
  font-family: "FuturaStd-CondensedBold";
  font-size: 16px;
  overflow: visible;
}

#form-contact .choice:invalid {
  border-color: red in !important;
}

#form-contact .choices:last-child {
  margin: 15px 0;
}

#form-contact .choices__list--dropdown .choices__item,
.choices__list[aria-expanded] .choices__item {
  font-size: 16px;
}

#form-contact .is-open .choices__list--dropdown,
.is-open .choices__list[aria-expanded] {
  border-color: #6e0854;
  margin: 8px 0;
  padding: 16px;
}

#form-contact .choices__list--dropdown,
.choices__list[aria-expanded] {
  background-color: #e7e9eb;
  border-radius: 10px;
}

#form-contact .choices[data-type="select-one"]::after {
  display: none !important;
}

#form-contact .choices__inner {
  position: relative;
  background-color: transparent;
  border-radius: 5px;
  vertical-align: middle;
  width: 100%;
  background-color: transparent;
  padding: 0;
  font-size: 16px;
  min-height: 0;
  overflow: visible;
  border-radius: 10px;
}

#form-contact .choices__inner:hover {
  border-color: #50063d;
  color: #50063d !important;
  font-weight: 700;
}

#form-contact .choices__inner::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 6L8 10L4 6' stroke='%236E0854' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  transform: translateY(-50%);
  pointer-events: none;
}

#form-contact .choices__placeholder {
  opacity: 1 !important;
}

#form-contact .choices__list--single {
  padding: 0;
  overflow: visible;
  border-radius: 10px;
}

#form-contact .choices__list--single .choices__item {
  display: flex;
  align-items: center;
}

#form-contact .choices[data-type*="select-one"]::after {
  border-color: #333 transparent transparent transparent;
  border-width: 6px;
  right: 10px;
}

#form-contact .choices[data-type*="select-one"].is-invalid .choices__inner {
  padding-bottom: 0 !important;
  border-color: red !important;
}

#form-contact .choices[data-type*="select-one"] .choices__inner {
  border: 2px solid #7f2568;
  padding-bottom: 0 !important;
}

#form-contact .choices__list--dropdown {
  background: #f6f6f6;
  border: 1px solid #ccc;
  border-radius: 10px;
}

#form-contact .choices__list--dropdown:hover {
  background: #f6f6f6;
}

#form-contact .choices__item--selectable {
  padding: 13.5px 10px;
  font-size: 16px;
  color: #7f2568;
  border-color: #7f2568;
  border-radius: 10px;
}

#form-contact .choices__inner .choices__item--selectable:hover {
  color: #50063d;
  font-weight: 700;
}

#form-contact .choices__list--dropdown input {
  margin-bottom: 15px;
  border: 1px solid #7f2568;
  border-radius: 15px;
}

#form-contact .choices__list--dropdown .choices__item {
  margin-bottom: 8px;
  position: relative;
}

#form-contact .choices__list--dropdown .choices__item::after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 0.5px;
  background-color: #d9d7db;
  bottom: -5px;
  left: 0;
}

#form-contact .choices__list--dropdown .choices__item:hover {
  background-color: white;
}

#form-contact .choices__list--multiple .choices__item {
  background-color: #007bff;
  color: white;
  border-radius: 20px;
  padding: 5px 10px;
  margin: 3px;
}

#form-contact .choices__button {
  color: white;
  border-radius: 50%;
  padding: 2px 5px;
  font-size: 14px;
  margin-left: 5px;
}

#form-contact .error {
  border: 2px solid #9f0002 !important;
  border-radius: 10px !important;
  padding: 0 !important;
}

.choices__list #choices--typeDocument-item-choice-1,
#choices--country-item-choice-1,
#choices--department-item-choice-1,
#choices--gender-item-choice-1,
#choices--helpRequest-item-choice-1,
#choices--cities-item-choice-1 {
  display: none;
}