/*!
 * Start Bootstrap - New Age v5.0.9 (https://startbootstrap.com/theme/new-age)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-new-age/blob/master/LICENSE)
 */

html{
	overflow-x: hidden !important;
	max-width: 100vw;
  background-color:#ffffff;
  font-family: 'Josefin Sans','Maven Pro', 'Lato', 'Helvetica', 'Arial', 'sans-serif';
}
body {
  max-width: 100vw;
  background-color:#ffffff;
  font-family: 'Josefin Sans','Maven Pro', 'Lato', 'Helvetica', 'Arial', 'sans-serif';
  overflow: hidden ;
  padding-right:0px !important;
}


a {
font-family: 'Josefin Sans','Lato', 'Helvetica', 'Arial', 'sans-serif';
  color: #2F3E75;
  font-weight: 500;
  transition: all .35s;
}

a:hover, a:focus {
	font-family: 'Josefin Sans','Lato', 'Helvetica', 'Arial', 'sans-serif';
  text-decoration:none;
	transition: 0.5s ease-in-out;
	color:#2F3E75;	
}

hr {
  max-width: 60%;
  margin: auto;
  color: #fff;
}

hr.light {
  border-color: white;
}

h1
{
  font-family: 'Josefin Sans','Maven Pro', 'Lato', 'Helvetica', 'Arial', 'sans-serif';
  font-weight: 500;
  font-size:36px;
  color:#2F3E75;
  
}
h2{
	font-size:18px;
  font-family: 'Josefin Sans','Maven Pro', 'Lato', 'Helvetica', 'Arial', 'sans-serif';
  font-weight: 100;
  letter-spacing: 1px;
}
h3 {
	font-family: 'Josefin Sans','Maven Pro', 'Lato', 'Helvetica', 'Arial', 'sans-serif';
  font-weight: 500;
  font-size:26px;
  color:#2F3E75;
	
}


h4,
h5
{
font-size:20px;
  font-family: 'Josefin Sans','Maven Pro', 'Lato', 'Helvetica', 'Arial', 'sans-serif';
  font-weight: 200;
  letter-spacing: 1px;
}

h6 {
font-size:20px;
  font-family: 'Josefin Sans','Maven Pro', 'Lato', 'Helvetica', 'Arial', 'sans-serif';
  font-weight: 200;
  letter-spacing: 1px;
}

p {
font-family: 'Maven Pro', 'Lato', 'Helvetica', 'Arial', 'sans-serif';
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 20px;
  color: #696969;
}

section {
  padding: 10vh 0;
  background-color: #ffffff;
}

header{
	position:relative;
}
header.masthead .header-content {
	height:80vh;
  text-align: center;
}

header.masthead .header-content h1 {
   font-size:7vw;
}

header.masthead .device-container {
  max-width: 325px;
  margin-right: auto;
  margin-left: auto;
}

header.masthead .device-container .screen img {
  border-radius: 3px;
}

@media (min-width: 992px) {
  header.masthead {
    min-height: 775px;
    padding-top: 0;
    padding-bottom: 0;
  }
  header.masthead .header-content {
    margin-bottom: 0;
    text-align: center;
  }
  header.masthead .header-content h1 {
     font-size:7vw;
  }
  
  header.masthead .device-container {
    max-width: 325px;
  }
  
}
@media (max-width: 992px) {
	header.coverabout{
	height:100px;
	}
	header.coverRED{
	height:100px;
	}
	header.coverPRODUCTS{
	height:100px;
	}
	header.coverWELLNESS{
	height:100px;
	}
	header.coverCONTACTS{
	height:100px;
	}
	header.coverSHOP{
	height:100px;
	}
}


footer {
  padding: 25px 0;
  text-align: center;
  background-color: #2F3E75;
}

footer p {
  font-size: 12px;
  margin: 0;
}

footer ul {
  margin-bottom: 0;
}

footer ul li a {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.3);
}

footer ul li a:hover, footer ul li a:focus, footer ul li a:active, footer ul li a.active {
  text-decoration: none;
}

.bg-primary {
  background: #fdcc52;
  background: linear-gradient(#fdcc52, #fdc539);
}

.text-primary {
  color: #fdcc52;
}

.no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}

.btn-outline {
  color: white;
  border: 1px solid;
  border-color: white;
}

.btn-outline:hover, .btn-outline:focus, .btn-outline:active, .btn-outline.active {
  color: white;
  border-color: #fdcc52;
  background-color: #fdcc52;
}

.btn {
  border-radius: 300px;
  font-family: 'Lato', 'Helvetica', 'Arial', 'sans-serif';
  letter-spacing: 2px;
  text-transform: lower;
}

.btn-xl {
  font-size: 1em;
  padding: 15px 45px;
}
/* ---------------------------------------------- */
/*	HEADER */


#myVideo {
  position: absolute;
  top:0px;
  right: 1px;
  bottom: 1px;
  min-width: 100%;
  min-height: 100%;
}
.contentheader {
  position: absolute;
  bottom: 0;
  top:0;
  left:0;
  background: rgba(255, 255, 255, .7);
  color: #2F3E75;
  width: 100%;
  height:100%;
}

.logos{
	margin-top:100px;
	height:auto;
	width: 40vw;
}
	

/*	SOCIAL / MENU */

.social {
	width:30px;
	height: auto;
	color: white;
}

.social:hover{
	opacity: 30%;
	transition: 0.5s ease-in-out;
}
.social2 {
	width:50px;
	height: auto;
	color: white;
	font-size:30px;
}

.social2:hover{
	opacity: 30%;
	transition: 0.5s ease-in-out;
}

.social3 {
	width:auto;
	height: 30px;
	color: #2F3E75;
	font-size:30px;
	margin:5px;
}

.social3:hover{
	opacity: 30%;
	transition: 0.5s ease-in-out;
}

#menuToggle {
right:0px;
  position: fixed;
  display: block;
  width: 60px;
  height:60px;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
  background-size: 27px 27px;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  background: #2F3E75;
}

#menuToggle a {
	top: 50px;
	left: 30px;
	text-decoration: none;
	color: #fff;
	transition: color 0.3s ease;
}

#menuToggle a:hover {
  color: #bbb;
  opacity:1;
  background-image: url("../assets/img/onda.png");
	background-position: bottom;
	background-size: 33%;
	background-repeat: no-repeat;
  transition: all 1s ease-in-out;
}

.nav-link.active {
  color: #bbb !important;
  opacity:1;
  background-image: url("../assets/img/onda.png");
	background-position: bottom;
	background-size: 33%;
	background-repeat: no-repeat;
	transition: color;
}


#menuToggle input {
  display: block;
  width: 35px;
  height: 35px;
  position: absolute;
  top: 12px;
  left: 12px;
  cursor: pointer;
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  
  -webkit-touch-callout: none;
}

/*
 *hamburger
 */
 
#menuToggle span
{
top: 17.5px;
left: 12.5px;
  display: block;
  width: 35px;
  height: 5px;
  margin-bottom: 5px;
  position: relative;
  background: #fff;
  border-radius: 3px;
  z-index: 1;
  
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}


#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #ffffff;
}


#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}


#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}


#menu
{
  position: relative;
  right: 210px;
  width: 300px;
  height:100vh;
  margin: -30px 0 0 0;
  padding: 10px;
  padding-top: 5vh;
  text-align: center;
  background: #2F3E75;
  border-right: 1px solid #2F3E75;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  transform-origin: 0% 0%;
  transform: translate(300px,0);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu li
{
  padding: 5px 5px;
  font-size: 22px;
}

#menuToggle input:checked ~ ul
{
  transform: none;
}

.menulanguages {
	width:auto;
	padding:2px;
	color:white;
	height:30px;
	position:fixed;
	z-index:3;
	
}
.menulanguages a{
	color:#2F3E75;
	-webkit-text-stroke-width: .3px;
    -webkit-text-stroke-color: white;
	
}

.flip-card h1 {
	margin:33% 0 33% 0;
	color: white;
	text-align: center;
	font-size: 30px;
}
.flip-card p {
	color: white;
}
.flip-card {
  background-color: transparent;
  width: 300px;
  height: 300px;
  perspective: 1000px; 
  margin-right:auto;
  margin-left: auto;
  }

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: left;
  transition: transform 0.8s;
  transform-style: preserve-3d;
  
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
  border: 1px solid #2F3E75;
  border-radius:15px;
  padding: 15px;
}

.flip-card-front {
	background-image: url("../assets/img/wellness/water3.jpg");
	background-size:100%;
	background-repeat: no-repeat;
  background-color: #2F3E75;
  border-radius:50%;
  opacity:.9;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.flip-card-back {
  background-color: #2F3E75;
  transform: rotateY(180deg);
  display: flex;
  justify-content: center;
  text-align: center;
  flex-flow: column;
}



/* ABOUT US FP*/
.aboutus {
	position:relative;
	background-color: #ffffff;
}

.imgabout {
	width:100%;
	height:auto;
}


/* COUNTER */
.sectioncounter{
	position:relative;
	padding-left:5vw;
	padding: 80px 0;
	color: #ffffff;
	background-color: #2F3E75;	
}
.counter{
	color: #ffffff;
}

.stats{
	width:200px;
	height:200px;
	padding:5px;
	margin:10px;
	
}
.number {
	font-size:30px;
	margin-top:20%;
	color: #ffffff;
}

.knowmore{
	color: #2F3E75;
}
.knowmore:hover{
	padding-left:30px;
	color: #898989;
}
  
  
  /* Custom Umimare*/
  
  .linha {
	  width: 30px;
	  border: 1px solid #2F3E75 ;
	  text-align: right;
  }
  
  .linhabranca {
	  width: 30px;
	  border: 1px solid #fff ;
	  text-align: right;
  }
  
.logopequeno {
	width:100px;
	height:auto;
}
.logomedio {
	max-width:200px;
	width:auto;
	height:auto;
}


.custom-shape-divider-bottom-1672670951 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1672670951 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 72px;
}

.custom-shape-divider-bottom-1672670951 .shape-fill {
    fill: #ffffff;
}

/*	CONTACTOS */
.contacts {
	height:auto;
	background-color: #2F3E75;
	color: #fff;
	padding-top: 10%;
	padding-left:5vw;
}

.contacts h1, .contacts p{
	color: #fff;
}

.contacts a {
	color: #fff;
}
.contacts a:hover {
	color: #7D7875;
}


/* RESEARCH & DEVELOPMENT */
.RED {
	position:relative;
	background-color: #ffffff;
}

.imgRED{
	height:auto;
	width:300px;
	border-radius:50%;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	transition: width 2s, height 2s, transform 2s;
	margin:10px;
}

/* WELLNESS */
.wellnessFP {
	position:relative;
	background-color: #ffffff;
}


/*Acordion*/

  .acc-wraper2{
margin: 30px auto;
  width:100%;
  
}

.accordion2{
  display:flex;
  flex-wrap:nowrap;
  overflow:hidden;
  width:100%;
  height:400px;
}

.accordion2 p{
font-size: 16px;
font-family: 'Maven Pro', 'Lato', 'Helvetica', 'Arial', 'sans-serif';
}

.accordion2 > div{
width:50%;
  flex-grow:1;
  flex-shrink:1;
  overflow:hidden;
  transition:all 2s ease;
  border-radius:5px;
  border: 1px #ffffff solid;
  position:relative;
  background-color:#7D7875;
  margin:2px;
}

.accordion2 > div:hover{
  flex-shrink:0;
  background-color:#2F3E75;
  color: #000;
  width:80%;
}

.accordion2 div img{
  border-radius:5px;
  width:auto;
  height:400px;
   object-fit: cover;
}

.custom-shape-divider-bottom-1672764101 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1672764101 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 64px;
}

.custom-shape-divider-bottom-1672764101 .shape-fill {
    fill: #2F3E75;
}
.custom-shape-divider-top-1672764420 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-top-1672764420 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 41px;
}

.custom-shape-divider-top-1672764420 .shape-fill {
    fill: #2F3E75;
}



/* PRODUCTS */

.products {
	  padding-left:5vw;
	background-color: #ffffff;
	position: relative;
}

.products h1{
	color: #2F3E75 ;
}


.imgFP {
	height:auto;
	width:100%;
	border-radius:50%;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	transition: width 2s, height 2s, transform 2s;
	margin:15px;
}

.imgFP:hover {
	height:auto;
	width:95%;
}

.services{
	position:relative;
}

/*----separadores--*/

.custom-shape-divider-bottom-contacts {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
	
}

.custom-shape-divider-bottom-contacts svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 22px;
	
}

.custom-shape-divider-bottom-contacts .shape-fill {
    fill: #2F3E75;
	
}

.custom-shape-divider-top-COUNTERS {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
	
}

.custom-shape-divider-top-COUNTERS svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 22px;
    transform: rotateY(180deg);
	
}

.custom-shape-divider-top-COUNTERS .shape-fill {
    fill: #2F3E75;
}

.custom-shape-divider-bottom-cover {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
	
}

.custom-shape-divider-bottom-cover svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 50px;
}

.custom-shape-divider-bottom-cover .shape-fill {
    fill: #FFF;
	
}
/*----ABOUT US PAGE--*/
.logoflutuante{
	width:100px;
	height:auto;
	position:fixed;
	left:30px;
	z-index:1;
}
.coverabout{
background-image: url(../assets/img/cover/fucus.jpg);
   background-attachment: fixed;
  background-repeat:no-repeat;
  background-size:contain;
  height:300px;
  width:100%;
  text-align: center;
}

.coverabout h1{
	margin-right: auto;	
	margin-left: auto;	
	font-size:7vw;
	position:relative;
	color: #FFF;
	margin:100px;
	text-shadow: 2px 2px 15px #111;
}

.cartao {
	width:auto;
	height:auto;
	background-color: #2F3E75;
	border-radius:10px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	padding:0px;
	margin:15px;
}

.cartao-titulo{
	width:100%;
	height:auto;
	background-color: #2F3E75;
	color:#FFF;
	padding:15px;
	border-radius:10px;
}

.cartao-texto{
	color:#FFF;
	padding:10px;
}
.cartao-rodape {
	background-image: url(../assets/img/cover/mar.jpg);
	background-size:cover;
	height:50px;
	bottom:0px;
}

.imgredonda {
	height:300px;
	width:300px;
	border-radius:50%;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
	margin:15px;
}
.whereweare{
	position:relative;
}

/* OUR WAY */
.ourway{
	position:relative;
	padding-left:5vw;
	padding: 80px 0;
	padding-bottom:0;
	color: #ffffff;
	background-color: #2F3E75;
}
.ourway h1{
	color: #ffffff;
}
.ourway p{
	color: #ffffff;
}
.imgourway{
	width: 100%;
	height:auto;
}



/*RESEARCH & DEVELOPMENT PAGE*/
.coverRED{
background-image: url(../assets/img/cover/gracilaria.jpg);
  background-attachment: fixed;
  background-repeat:no-repeat;
  background-size:100%;
  height:300px;
  width:100%;
  text-align: center;
  
}
.partners {
	position:relative;
	text-align:center;
}

.researchpartners {
	align-content:center;
	width:100%;
}

.logopartner:hover {
	background-color:#aaa;
	width: 20%;
  height: auto;
}

.logopartner {
	background-color: #2F3E75;
	border-radius:50%;
	width:25%;
	height:auto;
	padding:15px;
	margin:5px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	transition: width 2s, height 2s, transform 2s;
}

.rdpartners {
	position:relative;
	text-align:center;
}


/*PRODUCTS PAGE*/
.coverPRODUCTS{
background-image: url(../assets/img/cover/ostras.jpg);
  background-attachment: fixed;
  background-repeat:no-repeat;
  background-size:100%;
  height:300px;
  width:100%;
  text-align: center;
  
}

.imgproducts{
	background-color: #2F3E75;
	border-radius:50%;
	width:100px;
	height:auto;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	transition: width 2s, height 2s, transform 2s;
}

.imgproducts:hover{
	background-color:#aaa;
	width: 200px;
  height: auto;
}

.productscircles {
	margin:50px;
}

.statement {
	position: relative;
	padding-top: 10px;
}

/* OUR ALGAE */
.ouralgae{
	position:relative;
	padding-left:5vw;
	padding: 80px 0;
	color: #ffffff;
	background-color: #2F3E75;	
}

.ouralgae h1{
	color: #ffffff;
}
.imgalgae{
	width:100%;
	height:auto;
	transition: width 2s, height 2s;
	
}
.imgalgae:hover{
	width: 80%;
	border: 1px solid white;
	border-radius:30px;
}

/*Portfolio*/

.portfolio-modal .modal-dialog {
  margin: auto,auto,auto,auto;
}

.portfolio-modal .modal-content {
  padding-top: 3em;
  margin-left: 1em;
  margin-right: 1em;
  text-align: center;
  
}

.portfolio-modal .close-modal {
float:right;
  position: absolute;
  top: 1em;
  right: 1em;
  width: 48px;
  height: 48px;
  cursor: pointer;
  background-color: transparent;
}

.portfolio-modal .close-modal:hover {
  opacity: 0.3;
}

.portfolio-modal h1,h6{
	color: #2F3E75;
}

.imgmodal {
	width:100%;
	height:auto;
	max-width:450px;
}

/* SHOP*/
.shop {
	position:relative;
}

.produtosumimare {
	height:auto;
	width:200px;
	position:relative;
}

.buy{
	color: #fff;
	background-color: #898989;
	height:30px;
	width:100px;
	border-radius:10px;
	padding:10px;
	
}
.buy:hover{
	padding-left:30px;
	color: #898989;
}

.quadrado {
	border: 2px dotted #2F3E75;
	padding:10px;
	margin:30px;
	width:auto;
}

/*WELLNESS PAGE*/
.coverWELLNESS{
background-image: url(../assets/img/cover/wellnesscover.jpg);
  background-attachment: fixed;
  background-repeat:no-repeat;
  background-size:100%;
  height:300px;
  width:100%;
  text-align: center; 
}
/*CONTACTSPAGE*/
.coverCONTACTS{
background-image: url(../assets/img/cover/mar.jpg);
  background-attachment: fixed;
  background-repeat:no-repeat;
  background-size:100%;
  height:200px;
  width:100%;
  text-align: center; 
}
.contactus{
	position:relative;
}

.contactus form#contactForm .form-group {
  margin-bottom: 1.5rem;
}
.contactus form#contactForm .form-group input,
.contactus form#contactForm .form-group textarea {
  padding: 1.25rem;
}
.contactus form#contactForm .form-group input.form-control {
  height: auto;
}
.contactus form#contactForm .form-group-textarea {
  height: 100%;
}
.contactus form#contactForm .form-group-textarea textarea {
  height: 100%;
  min-height: 10rem;
}
.contactus form#contactForm p.help-block {
  margin: 0;
}
.contactus form#contactForm .form-control:focus {
  border-color: #2F3E75;
  box-shadow: none;
}
.contactus form#contactForm ::-webkit-input-placeholder {
  color: #aaa;
}
.contactus form#contactForm :-moz-placeholder {
  color: #aaa;
}
.contactus form#contactForm ::-moz-placeholder {
  color: #aaa;
}
.contactus form#contactForm :-ms-input-placeholder {
  color: #aaa;
}

#sendMessageButton {
font-family: 'Josefin Sans','Lato', 'Helvetica', 'Arial', 'sans-serif';
  color: #fff;
  font-weight: 500;
  transition: all .35s;
  background-color:#2F3E75;
  border:none;
  border-radius:5px;
  width:100%;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

#sendMessageButton:hover, #sendMessageButton:focus {
	font-family: 'Josefin Sans','Lato', 'Helvetica', 'Arial', 'sans-serif';
  text-decoration:none;
	transition: 0.5s ease-in-out;
	color:#ddd;	
	padding-right:30px;
}

/*PRIVACY POLICY*/
.coverPRIVACY{
background-color: #2F3E75;
  height:100px;
  width:100%;
  text-align: center;
  
}

.privacy {
	position: relative;
}

/*NEWS*/
.NEWSFP{
	position:relative;
}
.imgNEWS {
	height:auto;
	width:100%;
	border-radius:2px;
	border:.5px solid #2F3E75;
	box-shadow: rgba(47, 62, 117, .35) 0px 5px 5px;
	transition: width 2s, height 2s, transform 2s;
	margin:15px;
	max-width:200px;
}

.imgNEWS:hover {
	height:auto;
	width:80%;
}

/*CAROUSEL*/

.carousel {
  position: relative;
  width:100%;
  background-color:#eee;
}

.carousel.pointer-event {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
  width:90%;
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  -webkit-transform: none;
  transform: none;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 5%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}

.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: no-repeat 50% / 100% 100%;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%232F3E75' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%232F3E75' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
  bottom:5px;
}

.carousel-indicators li {
  box-sizing: content-box;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 20px;
  height: 20px;
  border-radius:50%;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #2F3E75;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}

.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

.texto-carrossel {
	margin:50px;
	margin-top:20px;
}

.coverSHOP{
background-image: url(../assets/img/cover/ulva.jpg);
   background-attachment: fixed;
  background-repeat:no-repeat;
  background-size:contain;
  height:300px;
  width:100%;
  text-align: center;
}

.logosmar2030 {
	height:auto;
	max-width:700px;
	width: 80vw;
	align-content: center;
	padding:30px;
}

.knowmore2{
	color: #FFFFFF;
}
.knowmore2:hover{
	padding-left:30px;
	color: #FFF;
}