/**************************
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: 42px;
	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 h2{
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 20px;
}
#content-2 ul{
	list-style-type: none;
	padding: 0;
}
#content-2 ul li{
	font-size: 14px;
	margin-bottom: 10px;
}

#content-2 .align-right{
	text-align: right;
}
#content-2 .align-right h3, #content-2 .align-right ul{
	padding-right: 90px;
}
#content-2 .align-right img{
	float: right;
	width: 60px;
	margin-top: -20px;
}

#content-2 .align-center{
	text-align: center;
}
#content-2 .align-left h3, #content-2 .align-left ul{
	padding-left: 90px;
}

#content-2 .align-left img{
	float: left;
	width: 60px;
	margin-top: -20px;
}

#content-2 .align-right ul, #content-2 .align-left ul{
	margin-bottom: 30px;
}
/**************************
CHALLENGES
**************************/
#challenges .container{
	border-top: 1px solid #eee;
	padding: 50px 0;
}
/**************************
CONTENT CHART STYLES
**************************/
#content-chart{
	padding: 50px 0;
}
#content-chart h2 strong{
	font-weight: 600;
}
#content-chart h2 span{
	font-weight: 700;
	color: #9258a2;
}
#content-chart h4{
	margin-top: 0;
}
#content-chart .tb-chart{
	text-align: center;
}
#content-chart .tb-chart canvas{
	max-width: 100%;
}
#footer{
	margin: 50px;
}
#footer img{
	max-width: 100%;
}

@media (max-width: 991px) {
	.no-tab{
		display: none;
	}
	#content-2 p{
		margin-bottom: 30px;
	}
	h2{
		font-size: 28px;
	}
	p{
		font-size: 14px;
		line-height: 1.6;
	}
	#content-1 ul li{
		font-size: 14px;
	}
}
@media (max-width: 767px) {
	#header-3 .container{
		height: 174px;
	}
	#content-1 h1{
		margin-top: 20px;
		font-size: 30px;
		font-weight: 600;
		margin-bottom: 10px;
	}
	#content-1 h2{
		margin-top: 5px;
		font-size: 30px;
		margin-bottom: 20px;
	}
	#content-2 .col-xs-6{
		width: 100%;
	}
	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;
}