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

#content
{
	font-weight:400;
	color:#333;
}

#content p
{
	line-height:1.5em;
	
}

#content p b
{
	font-weight:900;	
}

#content h2
{
	font-size:1.6em;
	margin-top:0px;
	margin-bottom:10px;	
}

#content h3
{
	font-size:1.3em;	
}

#content ol li, #content ul li
{
	font-size:1.2em;
	line-height:1.5em;
}

#content .responsive-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
#content .responsive-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#content .download-box
{
	display:table;	
	width:100%;
	max-width: 480px;
	margin:20px auto;
	cursor:pointer;
}

#content .download-box .left-box, #content .download-box .right-box
{
	display:table-cell;
	vertical-align:middle;	
	padding:10px 10px;
}

#content .download-box .left-box
{
	text-align:center;
	padding-left:5px;
	width:50px;
}

#content .download-box .left-box img
{
	
	
}

@media (max-width: 767px) {
	#content p
	{
		font-size:1.2em;
	}
}

a { color:inherit; text-decoration:underline;	 }

.large-size
{
	font-size:1.6em;
	font-weight:300;
}

.large-size b
{
	font-weight:900;	
}

.subtle-size
{
	font-size:1.0em;
	font-weight:300;
}

.menu .large-size
{
	font-size:1.2em;
	font-weight:700;
}

.menu .subtle-size
{
	font-size:1.0em;
	font-weight:400;
}

.subtle-weight
{
	font-weight:300;
}

.action-box
{
	display:block;
	background-color:red;
	margin:0px auto;
	text-align:center;
}

.action-box-header
{
	color:white;
	font-weight:bold;
	font-size:1.8em;
	padding:20px 10px;
	text-align:center;
}

.action-box-body
{
	padding:20px 0px;	
}

.action-btn
{
	display:table;
	margin:0px auto;
	font-size:1.8em;
	font-weight:bold;
	padding:10px 20px;	
	cursor:pointer;
}

.back-btn
{
	display:inline-block;
	font-size:1.2em;
	margin-right:30px;
}

.next-btn
{
	display:inline-block;
	font-size:1.2em;
	margin-left:30px;
}

.next-question-btn
{
	display:inline-block;
	font-size:1.2em;
}

.nav-content
{
	background-color:white;
	text-align:center;
	margin-top:30px;
}


.action-btn a
{
	color:inherit;
	text-decoration:none;	
}

.menu-bar-btn-decoy
{
	color:white;
	background-color:#318ac6;
	display:inline-block;
	padding:5px 8px;
	font-size:1.4em;
	float:left;
	margin-right:10px;
}

#content table.table-of-contents
{
	width: 100%;
}

#content table.table-of-contents tr
{
	border-bottom:1px solid #ccc;	
}

#content table.table-of-contents p
{
	padding-top:8px;
	margin-left:5px;
}

.clickable
{
	cursor:pointer;	
}


{
	background-color:#318ac6;	
}

#content .btn
{
	 border-radius:0px;	
}

.left-column img
{
	width:100%;
	max-width:480px;
}

.right-column img
{
	width:100%;
	max-width:480px;	
}

@media (max-width: 767px) {
	
	.left-column img
	{
		width:100%;
		max-width:100%;
	}
	
	.right-column img
	{
		width:100%;
		max-width:100%;
	}
	
}

/* ::::::: COLORS ::::::: */

.white-color {		color:#fff; }
.gray-color { 		color:#666; }
.gray-light-color { color:#cacbcb; }
.black-color { 		color:black; }
.blue-color {		color:#318ac6; }
.blue-dark-color {	color:#006bb3; }

.white-bg, .btn.white-bg:hover, .btn.white-bg:focus {			background-color:#fff; }
.blue-bg, .btn.blue-bg:hover, .btn.blue-bg:focus {			background-color:#318ac6;	}
.blue-dark-bg, .btn.blue-dark-bg:hover, .btn.blue-dark-bg:focus {		background-color:#006bb3; }
.green-bg, .btn.green-bg:hover, .btn.green-bg:focus {			background-color:#6fc475; }
.purple-bg, .btn.purple-bg:hover, .btn.purple-bg:focus {		background-color:#642d91; }

.purple-light-bg, .btn.purple-light-bg:hover, .btn.purple-light-bg:focus {		background-color:#9b59b6; }

.red-bg, .btn.red-bg:hover, .btn.red-bg:focus {			background-color:#ee2324; }
.orange-bg, .btn.orange-bg:hover, .btn.orange-bg:focus {		background-color:#fcb03f; }
.gray-bg, .btn.gray-bg:hover, .btn.gray-bg:focus {			background-color:#cacbcb; }
.gray-dark-bg, .btn.gray-dark-bg:hover, .btn.gray-dark-bg:focus {	background-color:#9a9b9b; }