/**************************
HELPER CLASSES
**************************/
body{
	font-weight: 400;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #33495e;
}
h1, h2{
	margin-bottom: 25px;
}
h2{
	font-size: 36px;
	font-weight: 300;
	color: #33495e;
	text-align: center;
	margin: 0;
	margin-bottom: 50px;
}
h2 span{
	font-weight: 700;
}
p{
	font-size: 16px;
	line-height: 1.8;
}
p span{
	font-weight: 700;
}
ul{
	padding: 0 0 0 15px;
	margin: 0;
}
.logo{
	max-width: 25%;
}
.clear{
	clear: both;
}
.row{
	margin-right: 0;
	margin-left: 0;
}
.vp-hidden{
     opacity:0;
}
.vp-visible{
     opacity:1;
}

/**************************
HEADER 3 STYLES
**************************/
#header-3 .container{
	background: url('bkg-css/usbc/USB-C-HERO.jpg') center no-repeat;
	background-size: cover;
	color: #fff;
	height: 274px;
}
#header-3 .logo{
	margin-top: 45px;
	margin-left: 50px;
}
/**************************
CONTENT 1 STYLES
**************************/
#content-1{
	margin-bottom: 25px;
	padding: 0;
}
#content-1 h1, #content-1 h2{
	text-align: center;
	margin: 0 auto;
}
#content-1 h1{
	margin-top: 40px;
	font-size: 36px;
	font-weight: 500;
	margin-bottom: 25px;
}
#content-1 h2{
	margin-bottom: 50px;
	color: #33495e;
}
#content-1 h2 strong{
	font-weight: 600;
}
#content-1 p{
	margin: 0 0 10px 0;
}
#content-1 ul{
	margin-bottom: 10px;
}
#content-1 ul li{
	font-size: 16px;
}
/**************************
CONTENT 2 STYLES
**************************/
#content-2{
	background-color: #ebedec;
	padding: 50px 0;
}
#content-2 img{
	max-width: 100%;
}

/**************************
CONTENT 3 STYLES
**************************/
#content-3{
	padding: 50px 0;
	text-align: center;
}
#content-3 img{
	max-width: 100%;
}
#content-3 .quote{
	font-style: italic;
	font-weight: 600;
}
#content-3 .quote p{
	border-top: 1px solid #33495e;
	border-bottom: 1px solid #33495e;
	padding: 40px 0;
	font-size: 18px;
	margin: 0;
}
/**************************
FORM
**************************/
#form{
	padding: 50px 0;
	border-bottom: 1px solid #ebedec;
}
/**************************
CONTENT CHART STYLES
**************************/

#footer{
	margin: 50px;
}
#footer img{
	max-width: 100%;
}


@media (max-width: 1199px) {
	#content-3 a .prod-overlay p{
		margin-top: 50px;
		font-size: 30px;
	}
}
@media (max-width: 991px) {
	.no-tab{
		display: none;
	}
	#content-3 a .prod-overlay p{
		margin-top: 60px;
		font-size: 30px;
	}
	h2{
		font-size: 28px;
	}
	p{
		font-size: 14px;
		line-height: 1.6;
	}
	#content-1 ul li{
		font-size: 14px;
	}
}
@media (max-width: 767px) {
	#content-1 h1{
		margin-top: 20px;
		font-size: 30px;
		font-weight: 600;
		margin-bottom: 10px;
	}
	#header-3 .container{
		height: 174px;
	}
	#content-1 h2{
		margin-top: 5px;
		font-size: 30px;
		margin-bottom: 20px;
	}
	#content-2 .col-xs-6{
		width: 100%;
	}
	#content-3 .usbc-img{
		width: 50%;
	}
	#content-3{
		text-align: center;
	}
	#content-3 a .prod-overlay p{
		margin-top: 50px;
		font-size: 22px;
	}
	#content-3 .usbc-prod.bot .usbc-prod-name{
		bottom: 10px;
	}
	#content-3 a.top .prod-content p{
		top: 10px;
	}
	#content-3 .usbc-prod.top .prod-overlay .usbc-prod-name{
		top: 10px;
	}
	p{
		font-size: 14px;
		line-height: 1.6;
	}
}


.ie7-8 #content-chart h4{
	display: none;
}
.ie7-8 .container{
	width: 1150px;
}
.ie7-8 .col-sm-6{
	float: left;
	max-width: 500px;
}
.ie7-8 .col-lg-9{
	float: left;
	max-width: 750px;
}
.ie7-8 .col-lg-3{
	float: left;
	max-width: 250px;
}
.ie7-8 .col-md-4{
	max-width: 350px;
	float: left;
}
.ie7-8 #content-2 .col-xs-6{
	width: 525px;
}
.ie7-8 #content-3 .usbc-img{
	max-width: 200px;
	float: left;
}
.ie7-8 #content-3 a .prod-overlay{
	display: none;
}
.ie7-8 #content-3 a:hover{
	text-decoration: underline !important;
}