body{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #FEFFF7;
	
}

.btn{
	background-color: #2D2859;
	border: none;
	outline: none;
	padding: 5px 15px;
	color: #fff;
	border-radius: 10px;
}

.btn-no{
	background-color: #A91D3A;
	border: none;
	outline: none;
	padding: 5px 15px;
	color: #fff;
	border-radius: 10px;
}

.btn:hover, .btn-no{
	opacity: .8;
}

.btn-margin-right{
	margin-top: 15px;
	margin-right: 5%;
}


.site-name{
	font-family: Sevillana;
	color: #ED9B29 !important;
}
.theme-bg{
	background-color: #0E6419;
	/* #DC5F00; */
	
}
.contents{min-height: 100vh;}

.scroller, .newArrivals, .onSale{
	height: 34vh;
	padding: 10px;
	margin-top: 15px;
	border: 1px solid #333;
}

.whatsappChat{
	position: fixed;
	top: 50%;
	right: 10px;
	
}

.footer{
	background-color: #2D2859;
	color: white;
	margin-top: 10px; 
	padding: 15px;
	}
	
.footer-menu{
	margin-bottom: 10px;
	font-size: 12px;
}

 a:link{text-decoration: none; color: white; cursor: pointer;}
 a:visited{color: white;}
 
 .link-popup{color: #333 !important; cursor: pointer;}
 
 .header-sub-menu > div > a:link{text-decoration: none; color: #333; cursor: pointer; display: block;}
 .header-sub-menu > div > a:visited{color: #333;}
 
.company-rights-reserved{
	background-color: #2D2859;
	color: #fefefe;
	font-size: 12px;
}
ul li{
	list-style-type: none;
	padding: 5px;
}

ul li:hover{
	cursor: pointer;
	text-decoration: underline;
}


.login-form{
	margin: 10px auto;
}




.search-box-container, .form-container {
  display: flex;
  justify-content: center;
  align-items: center;
 
}

.form-header{
	font-size: 16px;
	padding: 10px;
	margin-bottom: 15px;	
}


.header-sub-menu-item :hover{
	background-color: #e1e6e1;
	color: #fff;
}


.header-sub-menu-item, .home-card-content, .home-card-link {
  position: relative;
  line-height: 40px;
  font-size: 12px;
  transition: box-shadow ease 0.5s, transform ease 0.5s;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5)/*Initial shadow*/
}

.home-card-content::after, .home-card-link::after{
  content: "";
  position: absolute;
  border-radius: 20px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.25);/*final shadow*/
  transition: opacity ease 0.5s;
}

.home-card-content:hover, .home-card-link:hover{
  transform: translateY(-10px);
}
.home-card-content:hover::after, .home-card-link::after{
  opacity: 1;
}

.home-card-content{
	height: 420px;
	overflow: hidden;
}

..home-card-link{
	height: 120px;
}

.page-links > a{
	text-decoration: none;
	color: #333;
}

.verificate-code{
	line-height: 20px;
	font-size: 20px;
}

.link-text{
	color: black !important;
}

.scroll-container {
  /*border: 3px solid black;*/
  border-radius: 5px;
  overflow: hidden;
}

.scroll-text{
	
	height: 360px;
	line-height: 18px;
	
  /* animation properties */
  -moz-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  
  -moz-animation: my-animation 15s linear infinite;
  -webkit-animation: my-animation 15s linear infinite;
  animation: my-animation 15s linear infinite;
  &:hover{
	  animation-play-state: paused;
  }
}


/* for Firefox */
@-moz-keyframes my-animation {
  from { -moz-transform: translateY(100%); }
  to { -moz-transform: translateY(-100%); }
}

/* for Chrome */
@-webkit-keyframes my-animation {
  from { -webkit-transform: translateY(100%); }
  to { -webkit-transform: translateY(-100%); }
}

@keyframes my-animation {
  from {
    -moz-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  to {
    -moz-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }