@charset "UTF-8";
/***** ITX CSS *****/


/***** Product Page Template *****/

.pp-banner {
	display: table;
	width: 100%;
	height: 300px;
	text-align: left;
}

.pp-banner img {margin: 0 20px 10px 0;}

.banner-type {
	display: table-cell;
	vertical-align: bottom;
	padding: 35px;
	background: url(../images/marketplaces-banner.jpg) no-repeat center center;
	background-size: cover;
	color: white;
}

.banner-type h2 {
	font-weight: 900;
	font-size: 2.5em;
}

.banner-type p {
	font-size: 1.25em;
	margin: 0;
}

.hr {
	width: 100%;
	display: block;
	border-top: 2px solid #eff1f4;
}


/* Breadcrumb */

ul.breadcrumb {padding: 10px 35px; background-color: #eff1f4;}

ul.breadcrumb li {display: inline; text-transform: capitalize;}

ul.breadcrumb li+li:before {padding: 3px; color: black; content: "/\00a0";}

ul.breadcrumb li a {
    color: #37cc77;
    text-decoration: none;
}

ul.breadcrumb li a:hover {
    color: #01447e;
    text-decoration: underline;
} 

/* Important Message */

span.important-message {
	display: block;
	background: #F65050;
	color: white;
	text-transform: uppercase;
	font-weight: 500;
	padding: 10px 15px;
	border-radius: 4px;
	margin: 15px 35px -10px 35px; 
}
span.important-message:after {
	display: inline;
	content: "!"
}

/* Product Image Slider */

.mySlides {display:none}

.slider-container {
  width: 100%;
	height: 400px;
  position: relative;
  margin: auto;
	border-radius: 2px;
	overflow: hidden;
}

.mySlides img {width: 100%; border-radius: 2px;}

.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
	background: rgba(0,0,0,0.2);
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

.next {right: 0; border-radius: 3px 0 0 3px;}

.prev:hover, .next:hover {background-color: rgba(0,0,0,0.8);}

.numbertext {
  position: absolute;
  top: 0;
  color: #37cc77;
  font-size: 1.15em;
  padding: 8px 12px;
}

.dot {
  display: inline-block;
  cursor: pointer;
  height: 10px;
  width: 10px;
  margin: 0 2px;
  background-color: #37cc77;
  border-radius: 50%;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {background-color: #393a49;}



/* Product Details (Product Name, Price, Condition, Countdown) */

div.product-details, 
div.info-block, 
div.schedule-preview {
	border: 2px solid #eff1f4;
	border-radius: 4px;
	padding: 20px;
}

.product-details span.new {
	position: relative;
	border-radius: 4px;
	margin-bottom: 10px;
}

.product-details h3 {
	font-weight: 700; 
	font-size: 1.5em;
}

span.price {
	font-weight: 700; 
	color: #37cc77; 
	font-size: 1.25em;
}

.product-auction-info a {
	font-weight: 700; 
	color: #37cc77;
}


/* Idle Feature */
.countdown {
	font-weight: 700; 
	text-transform: capitalize;
}

/* Asset List UL */

ul.asset-list {margin: 15px 0;}

ul.asset-list > li {padding-bottom: 5px; font-weight: 700;}

ul.asset-list > li:before {
	display: inline-block;
	width: 5px;
	height: 5px;
	background: #37cc77;
	border-radius: 50%;
	content: "";
	vertical-align: middle;
	margin-right: 5px;
}

ul.asset-list ul {font-weight: 500; color: #37cc77;}

ul.asset-list ul li {padding-bottom: 5px;}

ul.asset-list ul.sub-list {padding: 5px 15px 15px; font-size: 0.8em;}


/* Specs UL */
ul.specs {
	margin: 20px 0;
}

ul.specs li {
	margin-bottom: 5px;
}

/* Full Product Description */

div.info-block {margin-bottom: 20px;}

.info-block h4,
.schedule-preview h4 {
	display: inline-block;
	font-weight: 700; 
	font-size: 1.25em;
	border-bottom: 2px solid #eff1f4;
	padding-bottom: 10px;
}

/* Schedule Preview */

.schedule-preview h4 {
	color: #37cc77;
}

.schedule-preview iframe {
	margin: 20px 0;
}

/* Sale Contacts */

ul.sale-contacts {padding: 15px 0;}

ul.sale-contacts > li {margin-bottom: 5px;}

ul.sale-contacts li:nth-of-type(1) {font-weight: 700;}

/* Notifications Form */

form.notifications-form {
	display: block;
	margin: 20px 0;
}

form.notifications-form input[type=text] {
	outline: none;	
	padding: 15px;
	border: 2px solid #eff1f4;
	border-radius: 4px;
	margin-bottom: 10px;
	margin-right: 10px;
}

form.notifications-form input[type=button] {
	border: none;
	outline: none;
	padding: 17px;
	border-radius: 4px;
	background: #37cc77;
	color: white;
	font-weight: 700;
	min-width: 150px;
}

/* Sale Info Links */

ul.sale-info-links {padding: 15px 0;}

ul.sale-info-links li a {color: #6b7584; font-weight: 500; transition: all 0.3s ease;}
ul.sale-info-links li a:hover {color: #37cc77;}

/*** IT Auction Calendar ***/
.ac-banner.it {
	background: url(../images/ac-it-banner.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}



/***** Mobile Styling *****/

@media screen and (max-width: 950px) {

.normalized {margin-top: 0px;}	
	
.brand-normalized {
	top: 0;
	left: 15px;
	margin-top: 7px;
	background: 45px 45px;
	width: 45px;
	height: 45px;
	background-image: url(../images/svd-logo-mobile.png);
	background-size: cover;
}	

.mobile-nav {
	position: fixed;
	top: 0;
	width: 100%;
	height: 60px;
	background: #2b363f;
	z-index: 4;
	box-shadow: 0px 1px 5px #1C1D23;
}

.nav-trigger {top: 10px;}
	
span.image-helper {text-align: center; display: block; margin: 0 auto; padding: 10px;}	

.banner-type {text-align: center;}	
	

}	
	


@media screen and (max-width: 600px) {	
	
.pp-banner {
	background-position: -975px 0%;
	height: 200px;
}
		
.banner-type {padding: 20px;}	
	
.banner-type h2 {font-size: 2em;}	
	
.banner-type p {
	font-size: 1.25em;
}	
	
ul.breadcrumb {padding: 10px 20px;}	
	
.slider-container {height: auto;}
	
.cat-open .product-categories {
	display: block;
}

.product-categories {
	display: none;
}

.category-trigger {
	background: #eff1f4;
	padding: 20px;
}	

.category-trigger:after {
	display: inline-block;
	vertical-align: middle;
	background-size: 15px 15px;
	background-image: url(../images/icon-arrow-drop.png);
	width: 15px;
	height: 15px;
	margin-top: -5px;
	margin-left: 10px;
	content: "";
	transition: all 0.3s ease-in-out;
}	


.open-cats .category-trigger:after {
	transform: rotate(-180deg);
}	

}
/***** end of mobile styles *****/