a:link {
	color: #000;
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: #bfbfbf; 
}

a:active {
  text-decoration: none;
}

.pm-header-menu > li > a{
	font-size: 1.5rem;	
}
.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a{
	color: #85e085!important;
}

#header.header-scrolled{
	background-color: #000!important;
}

.navbar .navbar-expand-lg{
	background-color: #000!important;
}

.pm-header{
	background-color: #fff!important;
	/*border-bottom: 4px solid #e6e6e6;*/
	-webkit-box-shadow:0px 1px 1px #e6e6e6;
	-moz-box-shadow:0px 1px 1px #e6e6e6;
	box-shadow:0px 1px 1px #e6e6e6;
}

.pm-header .navbar-brand{
	/*color: #000;*/
	color: #24248f;
}

.pm-header .nav-link{
	color: #000!important;
}

.navbar-brand{
	color: #24248f;
	font-size: 1.8rem;
	font-weight: bolder;
	/*text-shadow:1px 1px 1px #fff, 1px 1px 1px #fff;*/
}

.carousel-item{
	height: 80vh;
}

.nav-link{
	color: #000000!important;
	font-size: 1rem;
	/*font-weight: bold;*/
}

.caption-slider{
	width: 40%;
	position: absolute;
    right: 15%;
    bottom: 35%;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    /*text-align: center;*/
}

.caption-slider h5{
	font-size: 3.8rem;
}

.caption-slider p{
	font-size: 1.2rem;
}

#carouselExampleSlidesOnly{
	min-width: 100%!important;
}

@media only screen and (max-width: 600px) {
	.navbar-collapse{
		/*background-color: #d9d9d9;*/
	}
	.navbar-nav{
		/*padding: 10px;*/
	}
	.navbar-light .navbar-nav .nav-link{
		font-size:1rem;
	}

	.caption-slider{
		bottom: 10%;
		width: 70%;
	}

	.caption-slider h5{
	font-size: 1.5rem;
	}

	.caption-slider p{
		font-size: 0.9rem;
	}
}


/*--------------------------------------------------------------
# Cliens
--------------------------------------------------------------*/
.cliens {
  padding: 12px 0;
  min-height: 20vh;
  text-align: center;
  background-color: #e6e6e6;
}

.cliens img {
  max-width: 65%;
  transition: all 0.4s ease-in-out;
  display: inline-block;
  padding: 15px 0;
  -webkit-filter: grayscale(100);
  filter: grayscale(100);
}

.cliens img:hover {
  -webkit-filter: none;
  filter: none;
  transform: scale(1.1);
}

.cliens .row{
	/*padding-top: 5%;*/
}

@media (max-width: 768px) {
  	.cliens img {
	    max-width: 50%;
	  }
	.cliens .row{
		padding-top: 0px;
	}
}


/*--------------------------------------------------------------
# Cliens
--------------------------------------------------------------*/
.about{
	padding: 60px 0;
	text-align: center;
}

.about-text{
	font-size: 1.2rem;
}

.about-header{
	font-size: 2rem;
	color: #24248f!important;
	font-weight: bolder;
	/*margin-bottom: 50px;*/
	padding-bottom: 20px;
}

@media (max-width: 768px) {
	.about-header{
		font-size: 1.2rem;
	}
	.about-text{
		font-size: 0.8rem;
	}
	
}

/*--------------------------------------------------------------
# Product
--------------------------------------------------------------*/

.product{
	padding: 60px 0;
	text-align: center;
	background-color: #f2f2f2;
}

.card-link{
	text-decoration: none;
	color: #000;
}

.product-header{
	font-size: 2rem;
	color: #24248f!important;
	font-weight: bolder;
	margin-bottom: 50px;
	padding-bottom: 20px;
}

.owl-prev{
	position: absolute;
    top: 300px;
    left: -100px;
}
.owl-next{
	position: absolute;
    top: 300px;
    right: -100px;
}
.owl-prev > span{
    font-size: 5rem;
   	font-weight: bolder;
    color: #24248f;
}
.owl-next > span{
    font-size: 5rem;
	font-weight: bolder;
    color: #24248f;
}

.card-text{
	margin-bottom: 3px;
}


@media (max-width: 768px) {
	.card-title{
		font-size: 0.9rem;
	}
	.card-text{
		font-size: 0.8rem;
	}
	.home-product-area{
		padding: 20px;
	}
	.ribbon{
		font-size: 0.8rem;
	}
	.product-header{
		font-size: 1.2rem;
	}
	.owl-prev{
	    top: 100px;
	    left: 0px;
	}
	.owl-next{
	    top: 100px;
	    right: 0px;
	}
	.owl-prev > span{
	    font-size: 3rem;
	}
	.owl-next > span{
	    font-size: 3rem;
	}
}

.item-card{
	overflow: hidden;
	/*margin:20px;*/
}

.price-item{
	font-weight: 500;
    font-size: 1.2rem;
    color: #24248F!important;
    margin-bottom: 10px;
}

.ribbon {
  margin: 0;
  padding: 0;
  background: rebeccapurple;
  color:white;
  padding: 0.5em 0;
  position: absolute;
  top:10!important;
  left: 15px;
  /*right:0;*/
  /*transform: translateX(30%) translateY(0%) rotate(45deg);*/
  transform-origin: top left;
}
.ribbon:before,
.ribbon:after {
  content: '';
  position: absolute;
  top:0;
  margin: 0 -1px; /* tweak */
  width: 100%;
  height: 100%;
  background: rebeccapurple;
}
.ribbon:before {
  right:100%;
}

.ribbon:after {
  left:100%;
}

@media (max-width: 768px) {
	.price-item{
    	font-size: 1rem;
	}

	.ribbon{
		font-size: 0.7rem;
	}

}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.footer-top{
	padding: 50px 0;
	background-color: #fff;
	/*color: #0f3d0f;*/
	border-top: 1px;
    border-style: solid;
    border-color: #f2f2f2;
}

ul{
 	list-style-type: none;
  	margin: 0;
  	padding: 0;
}

.footer-logo{
	width: 220px;
	margin-bottom: 20px;
}

.footer-contact{
	margin-top: 20px;
}
.footer-links{
	margin-top: 20px;
}

.footer-links > ul li a {
	color: #000;
	margin: 10px 0;
}

.footer-bottom{
	padding: 10px  0px;
	background-color: #0f3d0f;
	color: white;
}

.social-links > a{
	margin-right: 5px
}

@media (max-width: 768px) {
	.footer-title > h3{
		font-size: 1.3rem!important;
	}
	.footer-contact{
		margin-top: 0px;
	}
	.footer-contact > p {
		font-size: 1rem!important;
	}
	.footer-links h4{
		font-size: 1.2rem!important;
	}

	.footer-links > ul li a {
		font-size: 0.8rem;
	}

	.footer-links p{
		font-size: 1rem;
	}

	.footer-bottom{
		font-size: 0.7rem;
	}

}
/*--------------------------------------------------------------
# Product Page
--------------------------------------------------------------*/

#hero-products{
	height: 600px;
	width: 100%;
	/*background-size: cover;*/
	/*background-position: center;*/

}

#product-area{
	background-color: #f2f2f2;
	padding: 20px 0px;
}

.col-lg-9.col-md-9.product-area > h5{
	color: #24248f
}

.hero-title{
	color: white;
	font-size: 3rem;
    font-family: Lato;
    font-weight: lighter;	
}

.category-box{
	background-color: #fff;
    padding: 20px 20px;
}

.category-box h5{
	color: #24248f!important;
}

.category-box a{
    padding: 10px 0px;
    font-size: 1rem;
    font-weight: 500;
}

.category-nav-item{
	width: 100%;
}

.nav.sub-menu a{
	padding: 0px;
	font-weight: 200;
	padding-left: 20px;
}

@media (max-width: 768px) {
	.product-area > .row{
		padding:5%;
	}

	.col-lg-9.col-md-9.product-area > h5{
		margin-top: 20px;
		margin-bottom: 10px;
		padding-bottom: 2px;
		border-bottom: 1px solid;
		border-color: #24248F;
	}

	.loop-items{
		padding:5px!important;
	}

	.card-body.text-left{
		padding: 0.5rem;
	}

	.card-link > h5{
		margin-top: 5px;
	}

	.category-box a{
		font-size: 1rem;
	}

	.price-item

}

/*--------------------------------------------------------------
# GLOBAL
--------------------------------------------------------------*/
/*Breadcrumb*/

#search-field{
	width: 150px; 
	margin-right: 10px;
	padding: 5px 10px!important;
	font-style: italic;
}

@media (max-width: 768px) {
	.search-form{
		margin-bottom: 20px;
	}
}

#search-mobile{
	margin-bottom: 20px;
}

ol.breadcrumb{
	margin-bottom: 0px!important;
	background-color: #fff!important;
}
.breadcrumb-panel{
	background-color: #e9ecef;
	background-color: #fff;
}

.breadcrumb-item a{
	color: #24248f!important;
	font-size: 1.2rem;
}
.breadcrumb-item a:hover{
	color: #99ccff!important;
}

.breadcrumb-item.active a{
	font-weight: bolder;
}

@media (max-width: 768px) {
	.breadcrumb-item a{
		font-size: 1rem;
	}
}

ol.breadcrumb{
	padding-left: 0px;
}

/*.breadcrumb li{
	margin-right: 20px;
}*/


.content-main{
	margin-top: 80px;
}

/*--------------------------------------------------------------
# S E A R C H
--------------------------------------------------------------*/
.search-area{
	position: relative;
}
.search-result{
	width: 250px!important;
	right:0;
	top: 40px;
}

/*--------------------------------------------------------------
# DETAIL
--------------------------------------------------------------*/

.product-detail-area{
	padding-top: 2rem;	
}

.product-title{
	font-size: 2rem;
    font-weight: 500;
    color: #24248f;
}

.detail-price{
	font-size: 1.8rem;
}

.detail-excerpt{
	/*margin-top: 10px;*/
    font-size: 1.5rem;
}

.product-info h5{
	margin-top: 40px;
	font-size: 1.5rem;
}

.product-info p{
	font-size: 1.1rem;
}

.detail-descr{

}

.whatsapp-btn{
	border-color: #4FCE5D!important;
    color: #4FCE5D!important;
    padding: 15px 100px;
    font-weight: 500;
}

.whatsapp-btn > img{
	width: 20px;
	margin-right: 10px;
}

.whatsapp-btn:hover{
	background-color: #70db70!important;
	color: white!important;
}

.ecom-btn{
	border-color: #24248f!important;
    color: #24248f!important;
    padding: 15px 20px;
    font-weight: 500;	
}

.ecom-btn:hover{
	background-color: #24248f!important;
	color: white!important;
}


.carousel-indicators{
	height: 150px;
	overflow: hidden;
}

.carousel-indicators > li{
	width: 80px;
	margin-top: 20px;
	max-height: 150px;
}

.product-related > h5{
	font-size: 1.5rem;
}


.product-related{
	margin-top: 200px;
	margin-bottom: 40px;
	
}

.detail-img{
	margin-bottom: 30px;
}

@media (max-width: 768px) {
	.product-title{
		font-size: 1.5rem;
	}
	.detail-excerpt{
		font-size: 1.2rem;
	}

	.product-info > p{
		font-size: 1rem;
	}

	.product-info h5{
		font-size: 1.3rem;
	}

	.whatsapp-btn{
		font-size: 1rem;
		padding: 10px 25px;
    	font-weight: 500;
	}

	.ecom-btn{
		padding: 10px 15px;
	}

	.product-related > h5{
		font-size: 1.25rem;
	}

	.product-related{
		margin-top: 100px;
	}
}

.page-about{
	min-height: 500px;
	margin-bottom: 40px;
}

.page-about > h2{
	margin-top: 20px;
}

.page-about > p{
	margin-top: 20px;
}

.about-logo{
	margin-top: 80px;
}

.about-img-area{
	margin-top: 40px;
	margin-bottom: 40px;
}

.contact-form{
	margin-top: 40px;
	margin-bottom: 40px;
}

.contact-form > .form-group > label{
	color: #24248f!important;	
	font-weight: 500!important;
}

.input-contact{
	padding: 10px 20px;
}