/* FONTS */

@font-face {
    font-family: "Arcon";
    src: url("../fonts/Arcon-Rounded-Regular.woff") format('woff');
}

@font-face {
    font-family: "Work Sans Medium";
    src: url("../fonts/WorkSans-Medium.WOFF") format('woff');
}

@font-face {
    font-family: "Work Sans Medium Italic";
    src: url("../fonts/WorkSans-MediumItalic.WOFF") format('woff');
}

@font-face {
    font-family: "Work Sans";
    src: url("../fonts/WorkSans-Regular.WOFF") format('woff');
}


/* GLOBAL STYLES
-------------------------------------------------- */

body {
  color: #030303;
  font-weight: 300;
  padding: 0;
}

h1, h2, h3, h4, h5, h6{
  font-family: 'Work Sans', Arial, sans-serif;
}
h1{
  font-size: 2.37rem;
}
p{
  line-height: 1.5;
  margin-bottom: 1.5rem;
  text-align: justify;
}
p a {
  color: #962A83;
  text-decoration: none;
  background-color: transparent;
}
p a:hover{
  color: #962A83;
}

/* Header logo */
.header{
  margin: 0;
  padding: .5rem 0rem .5rem 1rem;
}

/* Header tagline */
.header p{
  font-family: 'Work Sans', sans-serif;
  text-transform: uppercase;
}

/* Social icons */

ul.social-network {
  display: flex;
  list-style: none;
  margin-left:0 !important;
  margin-bottom:.3rem;
  padding: 0;
}
ul.social-network li {
  display: flex;
  margin: 0 5px;
}
ul.social-network a{
  background-color: #757575;
}


/* Social icons */
.social-network a.ico-facebook:hover {
  background-color:#3B5998;
}
.social-network a.ico-twitter:hover {
  background-color:#33ccff;
}
.social-network a.ico-instagram:hover {
  background-color:#e1306c;
}
.social-network a.ico-whatsapp:hover {
  background-color:#25d366;
}
.social-network a.ico-facebook:hover i, .social-network a.ico-twitter:hover i,
.social-network a.ico-instagram:hover i, .social-network a.ico-whatsapp:hover i {
  color:#fff;
}

.social-circle li a {
  display:inline-block;
  position:relative;
  margin:0 auto 0 auto;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  border-radius:50%;
  text-align:center;
  width: 2rem;
  height: 2rem;
  font-size:1.2rem;
}
.social-circle li i {
  margin:0;
  line-height:2rem;
  text-align: center;
}

.social-circle li a:hover i, .triggeredHover {
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -ms--transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
}
.social-circle i {
  color: #fff;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}

/* Header slogan and language option */
#header-right p{
  margin-bottom: 0;
}
.language{
  display: flex;
  justify-content: flex-end;
}
.flag{
  height: auto;
  margin-left: 8px;
  width: 24px;
}

/* Navbar */
.navbar{
  font-family: 'Work Sans Medium', sans-serif;
  font-size:.9rem;
  text-transform: uppercase;
  padding: .5rem 1rem .5rem 2rem;
}

.navbar-nav a{
  color: #7f1379;
}

.navbar-nav a:hover{
  color: #4baa4a;
}

.navbar-nav .active a{
  color: #4baa4a;
}

.custom-toggler.navbar-toggler {
  border-color: #7f1379;
}

.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(147,42,143, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

/* Dropdown menu */
.dropdown-menu{
  border-radius:.1rem;
  font-size: 0.8rem;
  margin:0.46rem 0 0;
  padding:0;
}

.dropdown-menu a:hover{
  background-color: #7f1379;
  color:#fff;
}

.dropdown-item {
  padding:.50rem 1.5rem;
}

/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
}

/* Intro text*/
.intro-text h1{
  font-size: 2.3rem;
  font-weight: 400;
  margin-bottom: 1.5rem;
}
.intro-text h5{
  color: #858787;
  font-weight: 300;
  text-transform: uppercase;
}

/* Principal products */
/* Center align the text within the three columns below the carousel */
.marketing{
  padding-left: 0;
  padding-right: 0;
}

.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}

.marketing h2, .marketing h3 {
  font-weight: 400;
}

.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}

.marketing .col-lg-4{
  text-align: left!important;
}

.marketing h3 {
  margin-bottom: 1.5rem;
  margin-left: .75rem;
  text-transform: uppercase;
}

.marketing a{
  color: #7f1379; 
  text-decoration: underline;
}

/* Featurettes (gradient backgrounds) */
.featurette{
  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(241,245,247,1) 30%, rgba(241,245,247,1) 100%);
}

.featurette-new{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f1f5f7+0,f1f5f7+66,f1f5f7+66,ffffff+67,ffffff+100 */
  background: #f1f5f7; /* Old browsers */
  background: -moz-linear-gradient(left,  #f1f5f7 0%, #f1f5f7 67%, #f1f5f7 67%, #ffffff 67%, #ffffff 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  #f1f5f7 0%,#f1f5f7 67%,#f1f5f7 67%,#ffffff 67%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #f1f5f7 0%,#f1f5f7 67%,#f1f5f7 67%,#ffffff 67%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f5f7', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

}

.featurette-new-2{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f1f5f7+0,f1f5f7+66,f1f5f7+66,ffffff+67,ffffff+100 */
  background: #f1f5f7; /* Old browsers */
  background: -moz-linear-gradient(right,  #f1f5f7 0%, #f1f5f7 40%, #f1f5f7 40%, #ffffff 40%, #ffffff 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(right,  #f1f5f7 0%,#f1f5f7 40%,#f1f5f7 40%,#ffffff 40%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to left,  #f1f5f7 0%,#f1f5f7 40%,#f1f5f7 40%,#ffffff 40%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f5f7', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */  
}

.featurette-new-3{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f1f5f7+0,f1f5f7+66,f1f5f7+66,ffffff+67,ffffff+100 */
  background: #f1f5f7; /* Old browsers */
  background: -moz-linear-gradient(left,  #f1f5f7 0%, #f1f5f7 40%, #f1f5f7 40%, #ffffff 40%, #ffffff 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  #f1f5f7 0%,#f1f5f7 40%,#f1f5f7 40%,#ffffff 40%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #f1f5f7 0%,#f1f5f7 40%,#f1f5f7 40%,#ffffff 40%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f5f7', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

}

.featurette-divider {
  border: 0;
  border-top: 1px solid #fff;
  margin: 2rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading, .featurette-heading-right{
  font-size: 1.7rem;
  font-weight: 300;
  margin: 2rem auto 0 0!important;
  padding: 1rem;
  text-transform: none!important;
}

.featurette-heading {
  border-left: 5px #ad1b81 solid;
}

.featurette-heading-right {
  border-right: 5px #ad1b81 solid;
  text-align: right;
}

.featurette-col-txt{
  padding-left:1.8rem!important;
  padding-right:3.3rem!important;
}

.btn-principal {
  background-color: #ad1b81;
  border: none;
  border-radius: 0;
  color: #fff!important;
  font-family: 'Work Sans', sans-serif;
  font-size: 1rem;
  text-decoration: none!important;
  text-transform: uppercase!important;
  padding: 1rem 1.5rem;
}


/* Footer */
footer {
  background-color: #363436;
  color: #fff;
  font-family: 'Work Sans', sans-serif;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

footer p{
  margin-bottom: 0;
}

#address p{
  font-size: 0.9rem;
  line-height: 1.4;
  margin-bottom: 0.8rem;
}

#address a{
  color: #fff;
  text-decoration: none;
}

#address a:hover{
  border-bottom: 1px dotted #fff;
}

/* ------------------------------ */
/* ----------- Pages ------------ */
/* ------------------------------ */

.jumbotron{
  border-radius: 0;
}

/* Index Jumbotron */
/*.jumbotron-index {
  background: url(../img/index-main.jpg) no-repeat center 100% / cover;
  padding: 9rem 2rem;
}*/

.jumbotron-index {
  position: relative;
  overflow: hidden;
  background-color:black;
  padding: 14rem 0rem;
}

.jumbotron-index video {
  position: absolute;
  z-index: 1;
  top: 0;
  width:100%;
  height:100%;
  /*  object-fit is not supported on IE  */
  object-fit: cover;
  opacity:0.5;
}

.jumbotron-index .container {
  z-index: 2;
  position: relative;
}

/* About Jumbotron */
.jumbotron-about {
  background: url(../img/about-main.jpg) no-repeat center center / cover;
  padding: 20rem 2rem;
}

/* Today Jumbotron */
.jumbotron-today {
  background: url(../img/today-main.jpg) no-repeat center 100% / cover;
  padding: 29rem 2rem;
}

/* Time Jumbotron */
.jumbotron-time {
  background: url(../img/time-main.jpg) no-repeat center center / cover;
  padding: 16rem 2rem;
}

/* Global presence */
.jumbotron-presence {
  background: url(../img/presence-main.png) no-repeat center 43% / cover;
  padding:26rem 2rem;
}

/* Products Jumbotron */
.jumbotron-products {
  background: url(../img/products-main.jpg) no-repeat center center / cover;
  height: 300px;
}

/* Passion Fruit Jumbotron */
.jumbotron-passion {
  background: url(../img/passionfruit-main.jpg) no-repeat center center / cover;
  padding: 24rem 2rem;
}

.jumbotron-passion p{
  color: #fff;
  font-family: 'Work Sans Medium Italic', sans-serif;
  font-size: 1.5rem;
}

/* Benefits Jumbotron */
.jumbotron-benefits {
  background: url(../img/benefits-main.jpg) no-repeat center center / cover;
  height: 300px;
}

.jumbotron-benefits p{
  color: #fff;
}

/* Advantages Jumbotron */
.jumbotron-advantages {
  background: url(../img/advantages-main.jpg) no-repeat center 16% / cover;
  padding: 20rem 2rem;
}

/* Brand Presence Jumbotron */
.jumbotron-brand {
  background: url(../img/brand-main.jpg) no-repeat center center / cover;
  padding: 31rem 2rem;
}

/* Certifications Jumbotron */
.jumbotron-certifications {
  background: url(../img/certifications-main.jpg) no-repeat center 16% / cover;
  padding: 14rem 2rem;
}

/* Quality Jumbotron */
.jumbotron-quality {
  background: url(../img/quality-main.jpg) no-repeat center center / cover;
  padding: 19rem 2rem;
}

/* Maracuya Jumbotron */
.jumbotron-maracuya {
  background: url(../img/maracuya-main.jpg) no-repeat center center / cover;
  padding: 14rem 2rem;
}

/* Mango Jumbotron */
.jumbotron-mango {
  background: url(../img/mango-main.jpg) no-repeat center center / cover;
  padding: 14rem 2rem;
}

/* Subproducts Jumbotron */
.jumbotron-subproducts {
  background: url(../img/subproducts-main.jpg) no-repeat center 100% / cover;
  padding: 19rem 2rem;
}

/* Memory Jumbotron */
.jumbotron-memory {
  background: url(../img/memory-main.jpg) no-repeat center 100% / cover;
  padding: 19rem 2rem;
}

/* Social Jumbotron */
.jumbotron-social {
  background: url(../img/social-main.jpg) no-repeat center 100% / cover;
  padding: 19rem 2rem;
}

/* Social Jumbotron */
.jumbotron-environment {
  background: url(../img/environment-main.jpg) no-repeat center 100% / cover;
  padding: 25rem 2rem;
}

/* Contact Jumbotron */
.jumbotron-contact {
  background: url(../img/contact-main.jpg) no-repeat center center / cover;
  padding: 10rem 2rem;
}

/* Contact Jumbotron Vietnam */
.jumbotron-contact-vn {
  background: url(../img/passionfruit-main.jpg) no-repeat center center / cover;
  padding: 10rem 2rem;
}

/* Para la Feria Virtual */
.jumbotron-feria {
  background: url(../img/fair2020.jpg) no-repeat center center / cover;
  padding: 10rem 2rem;
}


/* Vertically centered container */
.center-container {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

/* Tagline over footer */

#corp{
  background-color: #36b557;
  color: #fff;
  font-family: 'Work Sans', sans-serif;
  text-transform: uppercase;
}

#corp h5{
  color: #fff;
  text-transform: uppercase;
}

#corp p{
  font-size: 0.9rem;
  margin-bottom: 0.1rem;
}
#corp a{
  color: #fff;
  text-decoration: none;
  border-bottom: 1px dotted #fff;
}

/* Menu bottom */
#menu-bottom{
  background-color: #414042;
  font-family: 'Work Sans', sans-serif;
  padding: 3rem 0 5rem;
  text-transform: uppercase;
}

#menu-bottom h5{
  color: #fff;
}

#menu-bottom p{
  color: #fff;
  font-size: 0.8rem;
  margin-bottom: 0.7rem;
  text-align:left;
}

#menu-bottom p a{
  color: #fff;
  letter-spacing: -1px;
  text-decoration: none;
}

#menu-bottom ul {
  color: #abadb0;
  font-size: 0.65rem;
  padding-left: 0;
}

#menu-bottom ul li{
  list-style-type: none;
  margin-bottom: 0.4rem;
}

#menu-bottom ul li a{
  color: #abadb0;
  text-decoration: none;
}

.interes-link{
  text-transform: none;
}

.interes-link a{
  border-bottom:1px dotted #fff;
}

/* Index Jumbotron, About Jumbotron, Certifications Jumbotron */

.jumbotron-index, .jumbotron-about, .jumbotron-today, .jumbotron-advantages, .jumbotron-certifications, .jumbotron-quality, .jumbotron-maracuya, .jumbotron-mango, .jumbotron-subproducts, .jumbotron-memory, .jumbotron-social, .jumbotron-environment {
  font-family: 'Work Sans', sans-serif;
  text-transform: uppercase;
}

.jumbotron-index .btn, .jumbotron-about .btn{
  background-color: rgba(255,255,255,0.2);
  border:none;
  border-radius: 0;
  padding:1rem 1.5rem;
}

.jumbotron-index .btn:hover, .jumbotron-about .btn:hover {
  color: #fff;
  background-color: #000;
  border-color: #f1f1f1;
}

.jumbotron-index .btn:focus, .jumbotron-index .btn.focus, .jumbotron-about .btn:focus, .jumbotron-about .btn.focus {
  background-color: #000;
  border:none;
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.jumbotron-index .btn.disabled, .jumbotron-index .btn:disabled, .jumbotron-about .btn.disabled, .jumbotron-about .btn:disabled {
  color: #9e9e9e;
  background-color: #fff;
  border-color: #f1f1f1;
}

.jumbotron-index .btn:not(:disabled):not(.disabled):active,.jumbotron-index .btn:not(:disabled):not(.disabled).active,
.show >.jumbotron-index .btn.dropdown-toggle, .jumbotron-about .btn:not(:disabled):not(.disabled):active,.jumbotron-about .btn:not(:disabled):not(.disabled).active,
.show >.jumbotron-about .btn.dropdown-toggle,{
  color: #fff;
  background-color: #000;
  border-color: #f1f1f1;
}

.jumbotron-index .btn:not(:disabled):not(.disabled):active:focus,.jumbotron-index .btn:not(:disabled):not(.disabled).active:focus,
.show >.jumbotron-index .btn.dropdown-toggle:focus, .jumbotron-about .btn:not(:disabled):not(.disabled):active:focus,.jumbotron-about .btn:not(:disabled):not(.disabled).active:focus,
.show >.jumbotron-about .btn.dropdown-toggle:focus{
  color: #fff;
  background-color: #000;
  border-color: #f1f1f1;
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.jumbotron-index h1, .jumbotron-about h1, .jumbotron-today h1, .jumbotron-advantages h1, .jumbotron-certifications h1, .jumbotron-quality h1, .jumbotron-maracuya h1, .jumbotron-mango h1, .jumbotron-subproducts h1, .jumbotron-memory h1, .jumbotron-social h1, .jumbotron-environment h1  {
  color:#36b557;
  font-family: 'Work Sans', sans-serif;
  font-size: 2.7rem;
  line-height: 1;
  margin-bottom: 0;
}

.jumbotron-index h2, .jumbotron-about h2, .jumbotron-today h2, .jumbotron-advantages h2, .jumbotron-certifications h2, .jumbotron-quality h2, .jumbotron-maracuya h2, .jumbotron-mango h2, .jumbotron-subproducts h2, .jumbotron-memory h2, .jumbotron-social h2, .jumbotron-environment h2 {
  color:#fff;
  font-family: 'Work Sans', sans-serif;
  font-size: 3.2rem;
  line-height: 1;
  margin-bottom: 0.6rem;
}

/* Index Styles*/
.quality-subheading{
  font-size: 2rem;
}

.img-shadow:hover{
  -webkit-box-shadow: 0px 16px 10px -10px #c5c5c5;
  -moz-box-shadow: 0px 16px 10px -10px #c5c5c5;
  box-shadow: 0px 16px 10px -10px #c5c5c5;
}

/* Text overlay for products description at index */
.carousel-caption-home {
    position: absolute;
    right: 7%;
    bottom: 20px;
    left: 7%;
    z-index: 10;
    padding: 75px 20px 0!important;
    color: #030303;
    text-align: left;
    background-color: rgba(255,255,255,0.5);
}

.carousel-caption-home-large {
    position: absolute;
    right: 3.4%;
    bottom: 20px;
    left: 3.4%;
    z-index: 10;
    padding: 75px 20px 0!important;
    color: #030303;
    text-align: left;
    background-color: rgba(255,255,255,0.5);
}

/* Ribbon for products description at index */
.ribbon {
    position: absolute;
    top: 0;
    left: -40px;
    padding: 15px;
    width: 240px;
    z-index: 11;
    -webkit-box-shadow: 0px 16px 10px -10px #504e4e;
    -moz-box-shadow: 0px 16px 10px -10px #504e4e;
    box-shadow: 0px 16px 10px -10px #504e4e;
}
.ribbon.maracuya {
    background: #36b557;
    color: #fff;
}
.ribbon.mango {
    background: #962A83;
    color: #fff;
}
.ribbon.subproducts {
    background: #ffdc23;
    color: #962A83;
}
.ribbon:before, .ribbon:after {
    content: '';
    position: absolute;
    left: -9px;
    border-left: 10px solid transparent;
}
.ribbon:before {
    top: 0;
}
.ribbon:after {
    bottom: 0;
}
.ribbon span {
    display: block;
    font-size: 1.1rem;
    padding-left: 2rem;
    text-align: left;
    text-transform: uppercase;
}

/* Carousel caption news carousel */
.carousel-caption-news {
  background-color: rgba(255,255,255,0.5);
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #000;
  text-align: left;
}

.carousel-caption-news h2{
  float: left;
  padding-left: 20px;
}

.btn-caption {
  background-color: rgba(255,255,255,0);
  border: 2px solid #ad1b81;
  border-radius: 0;
  color: #ad1b81!important;
  font-family: 'Work Sans', sans-serif;
  font-size: 1rem;
  margin-left: 20px;
  text-decoration: none!important;
  text-transform: uppercase!important;
  padding: 1rem 1.5rem;
}

/* Submenu */
.submenu-item{
  color: #58595B;
  display: block;
  font-family: 'Work Sans Medium', sans-serif;
  line-height: 1;
  margin-bottom: 0.8rem;
  padding: 0.5rem 0.5rem 0.5rem 0.8rem;
  text-transform: uppercase;
}

.submenu-item:hover{
  color:#962A83;
  text-decoration: none;
  -webkit-box-shadow: 0 4px 6px -6px #222;
  -moz-box-shadow: 0 4px 6px -6px #222;
  box-shadow: 0 4px 6px -6px #222;
}

.submenu-item-current{
  color: #962A83;
  display: block;
  font-family: 'Work Sans Medium', sans-serif;
  line-height: 1;
  margin-bottom: 0.8rem;
  padding: 0.5rem 0.5rem 0.5rem 0.8rem;
  text-transform: uppercase;
  -webkit-box-shadow: 0 4px 6px -6px #222;
  -moz-box-shadow: 0 4px 6px -6px #222;
  box-shadow: 0 4px 6px -6px #222;
}

.submenu-item-current:hover{
  color:#962A83;
  text-decoration: none;
}

/* Time Styles */
.today-subtitle{
  color: #962A83;
  font-family: 'Work Sans Medium', sans-serif;
  font-size: 1.8rem;
  line-height: 1.3;
  text-transform: uppercase;
}

/* Today Styles */
.today-table{
  text-transform: uppercase;
}

/* Brand pressence styles */
#brand p{
  margin-bottom: 0.2rem;
}


/* Products styles */
h2.products, h4.products-related{
  text-transform: uppercase;
}


#products li a{
  color:#030303;
  font-size: 1.3rem;
}

#products li a:hover{
  color: #962A83;
  text-decoration: none;
}

#products h5 a{
  font-size: 1.2rem;
  color:#030303;
  text-transform: none;
}

#products h5 a:hover{
  color: #962A83;
  text-decoration: none;
}

/* Quality styles */
ul.quality-list {
  list-style: none;
}

ul.quality-list li.yellow::before {
  content: "\2022";
  color: #ffdc23;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}

ul.quality-list li.violet::before {
  content: "\2022";
  color: #7751a1;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}

ul.quality-list li.red::before {
  content: "\2022";
  color: #ed1c24;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}

ul.quality-list li.orange::before {
  content: "\2022";
  color: #f15a22;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}

ul.quality-list li.skyblue::before {
  content: "\2022";
  color: #35c6f4;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}

/* Thumbnails for products */
.thumbnail {
    position:relative;
    overflow:hidden;
}
 
.caption {
    position:absolute;
    top:-100%;
    right:0;
    background: rgba(255, 255, 255, 0.50);
    width:100%;
    height:100%;
    padding:40% 2% 0%;
    text-align:center;
    color:#fff !important;
    z-index:2;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.thumbnail:hover .caption {
    top:0%;
}

.caption p{
  text-align: center;
}
  

/* Utilities */
.narrow-container{
  max-width: 860px;
}

h1.page-title{
  color: #00943b;
  font-family: 'Work Sans Medium', sans-serif;
  font-size: 1.4rem;
  margin: 1.5rem 0;
  padding: 0.5rem 0 0 1.5rem;
  text-transform: uppercase;
}

h3.brand{
  text-transform: uppercase;
}

h5{
  color: #962A83;
  text-transform: uppercase;
}


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

.py-10{
  padding-bottom: 7rem;
  padding-top: 7rem;
}

.pb-10{
  padding-bottom: 7rem;
}

.bg-yellow{
  background-color: #fffdee;
}

.bg-gray{
  background-color: #f1f5f7;
}

.bg-green {
  background-color: #00943b;
  color:#fff;
}

.page-title-border{ /* Border of the main page title */
  background-color:#ad1b81;
  height: 5px;
  margin: 0;
  padding: 0;
  width: 15rem;
}

.page-title-border-green { /* Border of the main page title in green */
    background-color: #4baa4a;
    height: 5px;
    margin: 0;
    padding: 0;
    width: 15rem;
}

/* Remove padding */
.no-padding {
  padding-left: 0;
  padding-right: 0;
}

/* Mid underlined text */
.little-underlined{
  margin-bottom: 0;
  text-align: center;
}

.little-underlined::after {
    background: black;
    bottom: -20px;
    content: '';
    display: block;
    height: 2px;
    left: 50%;
    margin-left: -15%;
    position: absolute;
    text-align: center;
    width: 30%;
}

/* Text colors */
.gray{
  color: #1f140f;
}

.purple{
  color: #962A83;
}

.green{
  color: #36b557;
}

/* Thick color lines */
.yellow-border{
  background-color:#ffdc23;
  height: 10px;
  margin: 0 0 8px;
  padding: 0;
}

.purple-border{
  background-color:#962A83;
  height: 10px;
  margin: 0 0 8px;
  padding: 0;
}

.green-border{
  background-color:#36b557;
  height: 10px;
  margin: 0 0 8px;
  padding: 0;
}

/* Today chaart borders */
.gray-border{
    border: 2px solid #e8e8e8;
    border-radius: 2px;
}

/* PDF reader */
.pdfobject-container { height: 36rem; border: 1rem solid rgba(0,0,0,.04); }

.galeriaPop{
	width: 90%;
	padding: 5%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}


.pop_img_wrap{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	background:rgba(0,0,0,0.5);
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.pop_img{
z-index: 5000;
height: 90vh; /*height: 90%*/
	/*width: 70vw;max-height: 80vh;*/
	overflow: hidden;
	border:2px solid #fff;
}

.pop_img img{
	max-width: 100%;
	min-width: 100%;
}