/* Add here all your CSS customizations */
.pull-left {
	float: left;
	}
.pull-right {
	float: right;
	}
.full-width{
	width: 100%;
}
.onsalecart {
	background-color: #0088CC;
	border-bottom-color: #006da3;
	border-radius: 100%;
	color: #FFF;
	padding: 5px;	
	}
	
	#header .header-nav {
	padding: 0px 0; */
	min-height: 60px;
	}
	
#header .header-nav-main.header-nav-main-slide nav > ul > li > a {
	background-color: transparent;
	color: inherit;
	text-transform: none;
	font-size: 14px;
	font-weight: 500;
	padding: 18px 18px 22px !important;
	margin: 0 !important;
	-webkit-transition: ease transform 300ms;
	transition: ease transform 300ms;
}	
	
	section.section {
	margin: 20px 0;
	padding: 40px 0;
}
.slider-container {
	background: #fff;
}
  .nav > li:nth-child(1) > a{ border-top:8px solid #60cae8;}
  .nav > li:nth-child(2) > a{ border-top:8px solid #bed431;}
  .nav > li:nth-child(3) > a{ border-top:8px solid #e21e25;}
  .nav > li:nth-child(4) > a{ border-top:8px solid #7251a2;}
  .nav > li:nth-child(5) > a{ border-top:8px solid #f6c815;}
  .nav > li:nth-child(6) > a{ border-top:8px solid #c6c6c6;}
  .nav > li:nth-child(7) > a{ border-top:8px solid #f11aa8;}
  .nav > li:nth-child(8) > a{ border-top:8px solid #fe4419;}
  
  
  .nav > li:nth-child(1) > a:hover, .nav > li:nth-child(1).active > a{ color:#60cae8}
  .nav > li:nth-child(2) > a:hover, .nav > li:nth-child(2).active > a{ color:#bed431}
  .nav > li:nth-child(3) > a:hover, .nav > li:nth-child(3).active > a{ color:#e21e25}
  .nav > li:nth-child(4) > a:hover, .nav > li:nth-child(4).active > a{ color:#7251a2}
  .nav > li:nth-child(5) > a:hover, .nav > li:nth-child(5).active > a{ color:#f6c815}
  .nav > li:nth-child(6) > a:hover, .nav > li:nth-child(6).active > a{ color:#c6c6c6}
  .nav > li:nth-child(7) > a:hover, .nav > li:nth-child(7).active > a{ color:#f11aa8}
  .nav > li:nth-child(8) > a:hover, .nav > li:nth-child(8).active > a{ color:#fe4419}
  
#header-logo{
	height: 40px;
} 
  
#footer {
	margin-top: 0;
	padding: 30px 0px 50px;
	border-top: none;
}
  
  
  
  
  
  
  
  
  
/* CSS DESKTOP e21e25 */
@media (min-width: 1200px) {

}


/* CSS RESPONSIVE TABLET PRO */
@media (min-width: 768px) and (max-width: 991px) {

}


/* CSS RESPONSIVE   TABLET PRO*/
@media (min-width: 992px) and (max-width: 1199px) {



}


/* CSS RESPONSIVE TABLET */
@media (max-width: 767px) {


}


/* CSS RESPONSIVE SMARTPHONE */
@media (max-width: 480px) {
#header-logo{
	height: 30px;
} 
.threebox{
	margin-bottom: 20px;
}

}