*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
a {
    text-decoration: none;
    color: black;
  }
hr {
    height: 0px;
    border: none;
    border-top: 1px solid black;
}
  
img{
    border: none;
}
h1{
	font-family: "REM", sans-serif;
	font-weight: 100;
}
h2{
	font-family: "REM", sans-serif;
	font-weight: 100;
}
h6{
	font-family: "REM", sans-serif;
	font-weight: 100;
}

.logo{
	height: 60px;
	width: 60px;
}
.navbar-brand{
	font-family: "REM", sans-serif;
	font-weight: 300;
    font-size: xx-large;
	color: rgb(0, 114, 184);
}
.navbar-brand:hover{
	color: rgb(0, 114, 184);
}
#main-nav .navbar-nav .nav-link{
	font-family: "REM", sans-serif;
	font-weight: 300;
    font-size: 1.2rem;
	margin-right: 10px;
	margin-left: 10px;
	color: black;
	text-transform: uppercase;
}
.nav-link:hover{
	color: rgb(0, 114, 184);
}
.main{
	background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url(../img/main2.jpg)no-repeat;
	background-size: cover;
	height: 70vh;
	background-position: 50% 50%;
	width: 100%;
}
.main h1{
	font-weight: 100;
    font-size: 3rem;
	font-family: "REM", sans-serif;
	color: white;
}
.btn1{
	height: 45px;
	width: 35%;
	border: none;
	outline: none;
	background: rgb(238, 93, 136);
	color: white;
	font-weight: 400;
	border-radius: 60px;
}

/* TRENDING SECTION */

@media (max-width: 767px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {
    
    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
      transform: translateX(25%);
    }
    
    .carousel-inner .carousel-item-start.active, 
    .carousel-inner .carousel-item-prev {
      transform: translateX(-25%);
    }
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start { 
  transform: translateX(0);
}

.trending .card{
    border: 0;
}
.trending .carousel-item img{
    width: 90%;
}
.card-text{
	font-family: "REM", sans-serif;
	font-weight: 100;
	padding: 0 10px;
    font-size: 1.5rem;
}

/**********************/

.confirmation{
	background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(../img/main1.jpg)no-repeat;
	background-size: cover;
	height: 60vh;
	width: 100%;
}
.confirmation h1{
	font-family: "REM", sans-serif;
	font-weight: 200;
}
.newsletter{
	background-color: black;
	color: white;
}
.btn2{
	height: 45px;
	width: 100px;
	background: white;
	margin-left: -10px;
	border: 2px solid white;
	font-weight: 600;
}
.newsletter input{
	height: 45px;
	width: 55%;
	border: 2px solid white;
	outline: none;
	background: black;
	color: white;
	margin-top: 20px;
	font-weight: 600;
}
.newsletter ::placeholder{
	color: white;
	margin-left: 5px;
}

.newsletter p{
	margin: 0;
}
.fab{
	cursor: pointer;
	padding-right: 5px;
}
.copyright{
	font-family: "REM", sans-serif;
	font-weight: 100;
}
.footer p{
	font-family: "REM", sans-serif;
	font-weight: 100;
	padding-top: 3px;
}
.footer p:hover{
	font-weight: 300;
	cursor: pointer;
}
/*************** PRODUCTS **************/


.products_stage .card img:hover{
	opacity: 0.9;
	transform: scale(1.1);
}



.v-nav-products{
/*	background-color: rgb(228, 247, 136);  */
}
.v-nav-products .nav-link{
	color: black;
	font-family: "Oswald", sans-serif;
	font-weight: 400;
	padding-top: 1.5vw;
	padding-bottom: 1.5vw;
}

.scrollmenu::-webkit-scrollbar {
    display: none;
}
div.scrollmenu {
/*	background-color: #333; */
	overflow: auto;
	white-space: nowrap;
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
  }
  
  div.scrollmenu a {
	display: inline-block;
	color: rgb(0, 0, 0);
	text-align: center;
	padding: 14px;
	text-decoration: none;
  }
  
  div.scrollmenu a:hover {
/*	background-color: #777; */
  }

.products_stage .crumbs a{
	background-color: red;
}