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


body {font-size: 1em; line-height: 1.3;}

p {font-weight: 400; font-size: 0.9em; line-height: 1.5; padding-right: 25px;}


/***** Marketplace Template *****/

.marketplace-banner {
	display: table;
	width: 100%;
	height: 350px;
	text-align: left;
	margin-top: 80px;
}

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

span.highlight {
	color: #37cc77;
	font-weight: 700;
}

/* Banner Background */

.banner-type.bso {	
	background: url(../images/bso-bg.jpg) no-repeat center center;
	background-size: cover;
}

.banner-type.services {	
	background: url(../images/services-bg.jpg) no-repeat center center;
	background-size: cover;
}

.banner-type.upcoming-auctions {	
	background: url(../images/upcoming-auctions-bg.jpg) no-repeat center center;
	background-size: cover;
}

.banner-type.data-destruction {	
	background: url(../images/data-destruction.jpg) no-repeat center center;
	background-size: cover;
}

.banner-type.remarketing {	
	background: url(../images/remarketing-bg.jpg) no-repeat center center;
	background-size: cover;
}

.banner-type.recycling {	
	background: url(../images/recycling-bg.jpg) no-repeat center center;
	background-size: cover;
}

.banner-type.controlled-facility {	
	background: url(../images/controlled-facility-bg.jpg) no-repeat center center;
	background-size: cover;
}

.banner-type.logistics {	
	background: url(../images/logistics-bg.jpg) no-repeat center center;
	background-size: cover;
}

.banner-type.sell {	
	background: url(../images/sell-bg.jpg) no-repeat center center;
	background-size: cover;
}

.banner-type.acquisition-process {	
	background: url(../images/acquisition-process-bg.jpg) no-repeat center center;
	background-size: cover;
}

.banner-type.defining-difference {	
	background: url(../images/defining-difference-bg.jpg) no-repeat center center;
	background-size: cover;
}

.banner-type.about {	
	background: url(../images/about-bg.jpg) no-repeat center center;
	background-size: cover;
}

.banner-type.contact {	
	background: url(../images/contact-bg.jpg) no-repeat center center;
	background-size: cover;
}

.banner-type.networking {	
	background: url(../images/networking-bg.jpg) no-repeat center center;
	background-size: cover;
}

.banner-type.pc {	
	background: url(../images/pc-bg.jpg) no-repeat center center;
	background-size: cover;
}

.banner-type.laptops {	
	background: url(../images/laptops-bg.jpg) no-repeat center center;
	background-size: cover;
}

.banner-type.tablets {	
	background: url(../images/tablets-bg.jpg) no-repeat center center;
	background-size: cover;
}

.banner-type.interface-cards {	
	background: url(../images/interface-cards-bg.jpg) no-repeat center center;
	background-size: cover;
}

.banner-type.memory {	
	background: url(../images/memory-bg.jpg) no-repeat center center;
	background-size: cover;
}

.banner-type.processors {	
	background: url(../images/processors-bg.jpg) no-repeat center center;
	background-size: cover;
}

.banner-type.hard-drives {	
	background: url(../images/peripherals-bg.jpg) no-repeat center center;
	background-size: cover;
}

.banner-type.monitors {	
	background: url(../images/monitors-bg.jpg) no-repeat center center;
	background-size: cover;
}

.banner-type.bitcoin {	
	background: url(../images/bitcoin-bg.jpg) no-repeat center center;
	background-size: cover;
}

.banner-type h2 {
	font-weight: 900;
	font-size: 3em;
	line-height: 1;
}

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

/* Breadcrumb */

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

ul.breadcrumb li {display: inline;}

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;
} 

.mp-services a {color: #7c8498; display: block;}

.mp-services a:hover {color: #37cc77;}

ul.mp-services {
	padding: 20px;
	border-radius: 4px;
	border: 2px solid #eff1f4;
}

ul.mp-services li:first-of-type {
	display: block;
	margin: 0 10px 0 0;
	color: #7c8498;
	padding: 0 0 5px;
	margin-bottom: 20px;
	font-weight: 700;
	border-bottom: 2px solid #7c8498;
	font-size: 1em;
}

ul.mp-services li {
	font-size: 0.9em;
	font-weight: 500;
	margin-bottom: 15px;
}

/* Data Destruction UL */
ul.data-security {
	margin: 50px 0;
}

ul.data-security li {
	color: #37cc77;
	font-weight: 500;
	font-size: 0.9em;
	margin-bottom: 10px;
}

ul.data-security li:before {
	display: inline-block;
	content: "•";
	margin-right: 5px;
}


/* Start Selling Form */

.start-selling h2 {
	font-size: 1.25em;
	font-weight: 700;
	color: #497aed;
	padding: 15px;
	border: 2px solid #497aed;
	border-radius: 4px;
	margin-bottom: 20px;
}

.start-selling form > label {
	display: inline-block;
	padding-bottom: 5px;
}

.start-selling input[type=text],
.start-selling input[type=email],
.start-selling input[type=tel],
.start-selling textarea {
	display: block;
	outline: none;
	border: 2px solid #eff1f4;
	border-radius: 4px;
	padding: 13px;
	width: 100%;
	margin-bottom: 15px;
}

.start-selling textarea {height: 175px;}

.start-selling input[type=button] {
	border: none;
	outline: none;
	width: 100px;
	color: white;
	background: #497aed;
	border-radius: 4px;
	padding: 15px;
	font-weight: 500;
}




/***** Typer JS Plugin Container *****/
.typer-container {
	padding: 35px;
	background: #2b363f;
	color: #37cc77;
}

.typer-container h2 {font-size: 1.25em;}


/***** Client Logos *****/
.client-logos {
	padding: 50px 0;
}


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

@media screen and (max-width: 950px) {
	
.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: #20282f;
	z-index: 4;
	box-shadow: 0px 1px 5px #1C1D23;
}

.nav-trigger {top: 10px;}
	
.marketplace-banner {margin-top: 0px;}	
	

}	/* End of 950px breakpoint */


@media screen and (max-width: 600px) {	
	
.marketplace-banner {
	background-position: -975px 0%;
	height: 200px;
	margin-top: 0px;
}

.banner-type {padding: 20px;}	
	
.banner-type h2 {font-size: 2em;}	
	
.banner-type p {font-size: 1.25em;}	
	
ul.breadcrumb {padding: 10px 20px;}
	
.it-service-blocks ul a,
.it-service-blocks ul a:last-of-type {width: 100%; margin: 0 0 15px 0;}	
	
}
/***** end of mobile styles *****/