/*Clearfix*/
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


/*Generics*/
body {font-family: 'Open Sans', sans-serif; }

section {padding: 0;}

.divider {padding: 0 0 15px 0; margin: 0 0 60px 0; border-bottom: 1px solid #D6D0AC;}
.divider-big {padding: 0 0 15px 0; margin: 0 0 60px 0; border-bottom: 3px solid #e3a433;}


/*==== VIDEOS ====*/
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom: 20px;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*==== IMAGES ====*/
.img-ux {
	width: 18px;
	margin: 0 5px;
	border: 1px solid #DCDCDC;
	padding: 5px;
}

.img-responsive {
	display: inline-block;
	height: auto;
	max-width: 100%;
}

.img-responsive-700 {
	display: inline-block;
	height: auto;
	width: 100%;
	max-width: 700px;
}

.img-responsive-500 {
	display: inline-block;
	height: auto;
	width: 100%;
	max-width: 500px;
}

.img-responsive-400 {
	display: inline-block;
	height: auto;
	width: 100%;
	max-width: 400px;
}

.img-responsive-200 {
	display: inline-block;
	height: auto;
	width: 100%;
	max-width: 200px;
}

.img-inset-400 {
	margin: 10px 20px 0 0;
	max-width: 400px;
}

.img-inset-400-right {
	margin: 10px 0px 0px 20px;
	max-width: 400px;
}

.img-inset-200 {
	margin: 10px 20px 0 0;
	max-width: 200px;
}

.img-inset-200-right {
	margin: 10px 0px 0 20px;
	max-width: 200px;
}

.float-left {float: left;}
.float-right {float: right;}

/*==== TITLES ====*/
h1 {
	font-weight: 700;
	font-size: 50px;
	line-height: 70px;
	text-align: center;
	color: #E6A503;
	margin: 20px 0 10px 0;
	padding: 0;
	text-transform: uppercase;
}

h2 {
	font-weight: 600;
	font-size: 32px;
	line-height: 36px;
	color: #E6A503;
	padding: 0 0 10px 0;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #e0e0e0;
}

h3 {
	font-weight: 700;
	font-size: 24px;
	line-height: 30px;
	color: #396382;
	padding: 0;
	margin: 20px 0 10px 0;

}

h4 {
	font-weight: 700;
	font-size: 19px;
	line-height: 24px;
	color: #396382;
	padding: 0 0 0 10px;
	margin: 40px 0 10px 0;
	text-transform: uppercase;
	border-left: 10px solid #e3a433;
}

h5 {
	font-weight: 700;
	font-size: 17px;
	line-height: 24px;
	color: #000;
	padding: 0 0 0 10px;
	margin: 40px 0 10px 0;
	text-transform: uppercase;
	border-left: 10px solid #396382;
}

h6 {
	font-size: 17px;
	text-transform: uppercase;
	color: #093D81;
	margin-bottom: 15px;
	border-bottom: 1px dotted #666;
	padding-bottom: 8px;
}

/*+++ variants +++*/

h2.subtitle {
	font-weight: 400;
	font-size: 23px;
	line-height: 30px;
	color: #5C5C5C;
	text-align: center;
	margin: 10px 0 10px 0;
	border-bottom: none;
}


h2.subtitle-banner {
	color: #fff;
}

h5.highlight-title {
	font-weight: 700;
	font-size: 18px;
	line-height: 32px;
	color: #000;
	margin: 0 0 6px 0;
	text-transform: none;
	border: none;
	padding: 0;
}

.logo-title {
	height: 70px;
}

.logo-title img {
	float: left;
	width: 200px;
	height: auto;
	margin: 0 20px 0 0;
}

.logo-title h4 {
	float: left;
	margin: 20px 0 10px 0;
	border-left: none;
	text-transform: none;
	padding: 0;
}




/*==== TEXTS ====*/

/*+++ colors +++*/
.dark-grey {color: #111;}
.dark-blue {color: #396382;}
.gold {color: #FF6B03;}
.yellow {color: #E6A503;}
.black {color: #000;}


/*+++ styles +++*/
.italic {font-style: italic;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.text-left {text-align: left;}
.smaller {font-size: 80%;}

a {
	font-weight: 600; 
	text-decoration: none;
	color: #014170;
}

a:hover {
	text-decoration: underline;
}

p, ul, ol {
	font-weight: 400;
	font-size: 17px;
	line-height: 40px;
	color: #111;
	text-align: justify;
	margin: 0 0 25px 0;
}

ul {
	list-style-type: square;
}

p.intro {
	font-size: 21px;
	color: #111;
	line-height: 40px;
	font-weight: 400;
	margin: 0 0 50px 0;
}

.caption-inset {
	font-size: 14px;
	color: #000;
	font-weight: 500;
	font-style: italic;
	line-height: 18px;
	text-align: left;
	margin: 8px 0 8px 0;
}

p.caption {
	font-size: 15px;
	color: #000;
	font-weight: 500;
	font-style: italic;
}

.caption a {
	font-weight: 800; 
	text-decoration: none;
	color: #014170;
}

.caption a:hover {
	text-decoration: underline;
}

.tooltip, .tooltip a {
	font-weight: 700;
	color: #DF5E03;
	text-decoration: none;
}

.tooltip a:hover, a.tooltip:hover, a .tooltip:hover {
	text-decoration: none!important;
}

.tooltip-note {
	font-weight: 700;
	font-style: italic;
	color: #014170;
	text-decoration: none;
}
.sschap ul li {
	line-height: 32px;
	font-size: 15px;
}

.sschap ul li a{
	font-weight: 400;
}






/*==== HIGHLIGHT SECTIONS ====*/
.icon-tab {
	width: 20px;
	margin: 6px 8px 0 8px;
	float: left;
}

.highlight-tab {
	height: 30px;
	margin: 0;
	padding: 0;
	border-radius: 5px 5px 0 0;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
}

.highlight-tab span {
	display: inline-block;
	padding-top: 6px;
}

.highlight-content {
	padding: 15px 20px 0px 20px;
	margin: 0 0 25px 0;
	border: 2px solid;
}

.highlight-content p, .highlight-content ul, .highlight-content ol {
	margin: 0 0 15px 0;
	/*font-size: 14px;*/
	line-height: 40px;
	font-weight: 400;
}

.highlight-content ul {
	font-weight: 600;
}

.ul-light {
	font-weight: 400 !important;
}

.highlight-content ul li {
	line-height: 25px;
	margin-bottom: 10px;
}

/* Focus */
	.focus-tab {
		width: 100px;
		background-color: #dab46d; 
	}

	.focus-content {
		background-color: #FFFCE9;
		border-color: #dab46d; 
	}


/* Highlight */
	.info-tab {
		width: 125px;
		background-color: #57bb74; 
	}

	.info-content {
		background-color: #EFFFEF;
		border-color: #57bb74; 
	}

/* Tip */
	.tool-tab {
		width: 70px;
		background-color: #396382; 
	}

	.tool-content {
		background-color: #EAEFFF;
		border-color: #396382; 
	}

	.tool-content a {
		/*font-weight: 600;*/
	}

/* Study */
	.study-tab {
		width: 150px;
		background-color: #dabd87; 
	}

	.study-tab span {
		color: #41566C;
	}

	.study-content {
		background-color: #fff;
		border-color: #dabd87; 
	}

	.study-content h5 {
		color: #396382;
	}


/* Snapshot */
	.snap-tab {
		width: 200px;
		margin: auto;
		background-color: #C42C00;
		text-transform: uppercase;
		text-align: center;
		font-size: 17px; 
	}

	.snap-content {
		border: 1px solid #C42C00;
		margin-top: -1px;

	}

	.snap-content h5 {
		color: #C42C00;
		font-size: 20px;
	}

	.snap-content ul {
		list-style-type: square;
		font-size: 17px;
		color: #111;
		font-weight: 400;
		line-height: 40px;
	}

	.snap-content ul li {
		padding-bottom: 20px;
	}



/*==== DIV TABLES ====*/

.btn {
  background: #d9cb34;
  background-image: -webkit-linear-gradient(top, #d9cb34, #b8952b);
  background-image: -moz-linear-gradient(top, #d9cb34, #b8952b);
  background-image: -ms-linear-gradient(top, #d9cb34, #b8952b);
  background-image: -o-linear-gradient(top, #d9cb34, #b8952b);
  background-image: linear-gradient(to bottom, #d9cb34, #b8952b);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: #ffffff;
  font-size: 15px;
  padding: 8px 15px 8px 15px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}



/*==== DIV TABLES ====*/

/* Generic Layout */
.rTable { display: table; width: 100%;}
.rTableRow { display: table-row; }
.rTableHeading { background-color: #ddd; display: table-header-group; }
.rTableCell, .rTableHead { display: table-cell; padding: 3px 10px; border: 1px solid #BAB991;background-color: #fff; }
.rTableHeading { display: table-header-group; background-color: #ddd; font-weight: bold; }
.rTableFoot { display: table-footer-group; font-weight: bold; background-color: #ddd; }
.rTableBody { display: table-row-group; }

/* Customisation */
.tablepos {width: 20%;}
.tablepos-small {max-width: 10px;}
.rTableBody p {font-size: 14px; text-align: left; line-height: 20px; margin-bottom: 10px;}
.rTableBody p strong {color: #505050;}
.tableHead {background-color: #E9E9E9 !important; }
.tableHeadLeft {background-color: #E9E9E9;}
.tableHead p {margin-bottom: 0; text-transform: uppercase; font-weight: 700; color: #505050; text-align: center; min-height: 30px;}
.borderTopNone {border-top: none;}
.borderBottomNone {border-bottom: none;}
.oddCell {background-color: #f2f4ef;}