body { font-size: 14px; color: #666; font-family: arial; }

h1 { font-family: Arial; font-weight: bold; ; font-size: 40px; display: block; line-height: 1.1;text-transform: uppercase; color: #76bd1d; text-align: left; margin-bottom: 40px;}
h2 { font-family: Arial; font-weight: bold; ; font-size: 30px; display: block; line-height: 1.1;text-transform: uppercase; padding: 0 40px}
h3 { font-family: Arial; font-weight: bold; ; font-size: 20px; display: block; line-height: 1.1;text-transform: uppercase; color: #666666; text-align: left; margin-bottom: 40px;}


		div.module { max-width: 1280px; margin: 0 auto; font-size:0}
		div.module > aside, div.module > div.module-main { display: inline-block; vertical-align: top;}
		div.module aside {background-color: #76bd1d; width: 320px; color: #fff; padding:30px;}
		div.module div.module-main {width: calc(100% - 320px); padding: 30px 40px;}

		div.module aside div.thumbnail { margin-bottom: 30px;}
		div.module aside div.thumbnail img { display: block; width: 100%;}
		div.module aside div.title { text-align: left; font-size: 36px; margin-bottom: 34px; line-height: 1.1; font-family: Arial; text-transform: uppercase;}
		div.course-index > ul {display: block; width: 100%; }
		div.course-index > ul > li {display: block; width: 100%; border-bottom: 1px solid #fff; padding: 10px 0px;}
		div.course-index > ul > li.active { border: 0}
		div.course-index > ul > li > a { display: block; width: 100%; font-size: 24px; line-height: 30px; position: relative; padding-right: 30px; color: #fff; cursor: pointer;}
		div.course-index > ul > li > a:after { content:"+";display: block; position: absolute; text-align: right; line-height: 30px; font-size: 30px; color: #fff; font-family: Arial; width: 30px; top: 0; right:0}
		div.course-index > ul > li.active > a:after { content:"-"; transform: scaleX(1.5); transform-origin: 100% 50%;}
		div.course-index > ul > li ul { display: block; overflow: hidden; max-height: 0;}
		div.course-index > ul > li.active ul { max-height: 500px; margin: 10px auto;}
		div.course-index > ul > li ul li { display: block; }
		div.course-index > ul > li ul li a { display: block; font-size: 14px; line-height: 1.25; padding: 3px 0 3px 25px; position: relative; color: #fff; opacity: .35; }
		div.course-index > ul > li ul li.book a { opacity: 1; }
		div.course-index > ul > li ul li.completed a, div.course-index > ul > li ul li.active a { opacity: 1}
		div.course-index > ul > li ul li a:after { content: ""; display: block; width: 16px; height: 16px; background: url() no-repeat center center; background-size: 10px 14px; position: absolute; top: 3px; left:0;}
		div.course-index > ul > li ul li.completed a:after { background-image: url(/img/icons/checkmark.svg); background-color: #fff; border-radius: 16px;}
		div.course-index > ul > li ul li.active a:after { background-image: url(/img/icons/star.svg); background-size: 16px 16px; }

		div.module-header {position: relative; color: #666; border-bottom: 1px solid #ebebeb; padding-bottom: 10px; margin-bottom: 10px;}
		div.module-header div.title { text-align: left; margin-bottom: 5px; text-align: left; line-height: 1.1; font-family: Arial; font-size: 14px;}
		div.module-header div.page-title { text-align: left; margin-bottom: 15px; text-align: left; line-height: 1.1; font-family: Arial; font-size: 24px;}

		div.module-header div.page-index a.button { border-color: #76bd1d; line-height: 30px; color: #76bd1d; background: #fff; font-size: 15px; padding: 0 10px; display: inline-block; margin-left: 20px; margin-bottom: 15px}
		div.module-header div.page-index a.button:hover { background-color: #76bd1d; color: #fff;}

		div.module-body { padding-top: 30px;}

		a.continue { line-height: 54px; padding: 0 20px; background: #76bd1d; color: #fff; display: table; width: auto; margin: 0 0 0 auto; font-family: Arial; font-weight: bold font-size: 18px; border: 3px solid #76bd1d}
		a.continue:hover { background: #fff; color: #76bd1d;}
		div.book-navigation:before  { content: ""; display: block; width: 100%; color: #76bd1d; font-size: 18px; font-family: Arial; content: "PAGES"; text-transform: uppercase; text-align: center; padding-bottom: 5px}
		div.book-navigation  { display: table; width: auto; margin: 0 0 0 auto; width: 54px; position: fixed; top: 50%; right: 0; z-index: 10; transform: translateY(-50%); -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%); }
		div.book-navigation a  { line-height: 54px; padding: 0px; background: #76bd1d; color: #fff; display: block; width: 54px; margin: 0 0 0 auto; font-family: Arial; font-weight: bold font-size: 18px; text-align: center; margin-bottom: 1px}
		div.book-navigation a:hover  { transform: scale(1.25)}
		div.book-navigation a.active  { background-color: #f69200}

		div.book-icons { display: block; width: 100%; margin-top: 20px;}
		div.book-navigation a.icon  { line-height: 1.1; padding: 0px; color: #f69200; background-color: transparent; display: block; width: 54px; margin: 0 0 0 auto; font-family: Arial; font-weight: bold font-size: 32px; text-align: center; margin-bottom: 15px; }
		div.book-navigation a.icon:hover  { transform: scale(1); color: #76bd1d}

		div.book-navigation a.icon  svg { margin: 0 auto}
		div.book-navigation a.icon span  { display: block; width: 100%; color: inherit; font-size: 18px; font-family: Arial; text-transform: uppercase; text-align: center; padding-top: 0px}

		div.tooltip { position: absolute; display: block; width: 340px; background: #f69200; padding: 30px; z-index: 100}
		div.tooltip a.close { position: absolute; display: block; right: 20px; top:20px; }
		div.tooltip a.close img { width: 12px; height: 12px; display: block;}
		div.tooltip:before { content: ""; position: absolute; width: calc(100% - 20px); height: calc(100% - 20px); top:10px; left: 10px; border: 1px solid #fff;}
		div.tooltip div { position: relative; color: #fff; text-align: left;}
		div.tooltip div.title { font-size: 18px; font-family: Arial; line-height: 1;  margin-bottom: 12px;}
		div.tooltip div.body { font-size: 12px; font-family: Arial; line-height: 1.5;}
		/*FRAGMENTS*/
		.fragment { display: block; margin: 0 auto 50px; color: #666; text-align: left;}
		.fragment.with-two-columns p { column-count: 2; column-gap: 40px;}

		.fragment h2 { font-size: 36px; font-family: Arial;  line-height: 1.1; margin: 0 auto 20px; text-transform: none; padding: 0;}
		.fragment h3 { font-size: 24px; font-family: Arial;  line-height: 1.1; margin: 0 auto 10px; text-transform: none; padding: 0}
		.fragment p { font-size: 18px; font-family: Arial; line-height: 1.5;}
		.fragment a.tooltip { color: #f69200; display:inline-block; padding-bottom: 1px; border-bottom: 1px solid #f69200;}
		.fragment a.tooltip:hover { background-color: #f69200; color: #fff; }
		div.floating-image { float: left; margin: 0 20px 20px 0}




		div.olp-wrapper { display: block; width: 100%; max-width: 100%; margin: 0 auto; color: #666}

		div.olp-wrapper.margin-top-0 { margin-top: 0px; }
		div.olp-wrapper.margin-top-50 { margin-top: 50px; }
		div.olp-wrapper.margin-top-100 { margin-top: 50px; }
		div.olp-wrapper.margin-bottom-0 { margin-bottom: 0px; }
		div.olp-wrapper.margin-bottom-50 { margin-bottom: 50px; }
		div.olp-wrapper.margin-bottom-100 { margin-bottom: 50px; }

		div.olp-wrapper a { color: #f69200}
		div.olp-column-wrapper { display: block; width: 100%; margin: 0 auto; font-size: 0; text-align: inherit; color: inherit;}
		div.olp-column { display: block; margin: 0 auto;  text-align: inherit; color: inherit; width: 100%;}
		div.olp-columns-1 div.olp-column { display: block; width: 100%; }
		div.olp-columns-2 div.olp-column { display: inline-block; width: 50%; }
		div.olp-columns-3 div.olp-column { display: inline-block; width: 33.33%; }
		div.olp-columns-4 div.olp-column { display: inline-block; width: 25%; }

		div.olp-block { display: block; width: 100%; font-size: 16px; text-align: left; color: #666; page-break-inside: avoid !important;}
		.olp-content { display: block; width: 100%; font-size: 16px; text-align: left; color: #666}
		div.olp-wrapper.center .olp-content, div.olp-wrapper.center div.olp-block { text-align: center; }

		.olp-content h1, .olp-content h2, .olp-content h3, .olp-content h4, .olp-content h5, .olp-content h6 { font-weight: normal; color: inherit; display: block; text-align: inherit; margin: 0; padding: 0; line-height: 1.1; text-transform: none; letter-spacing: default; text-transform: none;}
		.olp-block h1, .olp-block h2, .olp-block h3, .olp-block h4, .olp-block h5, .olp-block h6 { font-weight: normal; color: inherit; display: block; text-align: inherit; margin: 0; padding: 0; line-height: 1.1; text-transform: none; letter-spacing: inherit; text-transform: none;}
		h1:empty, h2:empty,h3:empty,h4:empty,h5:empty,h6:empty,.olp-content:empty { display: none !important}

		.olp-content p { display: block; width: 100%; font-size: 16px; text-align: inherit; color: inherit; line-height: 1.5; font-family: Arial; margin: 0 auto 30px}
		.olp-content p:last-child { margin-bottom: 0}
		.olp-content b, .olp-content strong { font-weight: normal; font-family: Arial; font-weight: bold;  }
		.olp-content.with-two-columns { column-count: 2; column-gap: 40px; }
		.olp-content.with-three-columns { column-count: 3; column-gap: 30px; }
		.olp-content a { font-size: inherit; text-align: inherit; color: inherit}

		div.olp-block h2, .olp-content h2 { font-family: Arial; font-weight: bold;  font-size: 24px; margin: 30px auto 20px }
		div.olp-block h3, .olp-content h3 { font-family: Arial;  font-size: 18px; margin: 25px auto 5px }
		div.olp-block h2:first-child, .olp-content h2:first-child { margin-top: 0 }
		.olp-content h4 { font-family: Arial;  font-size: 18px; margin: 25px auto 20px }

		.olp-float-left {float: left; clear: right;}
		img.olp-float-left {display: block; margin: 0 30px 30px 0;  max-width: 30%;}
		img.olp-banner { display: block; width: 100%; margin: 0 auto 30px;}

		.olp-content ol { counter-reset: item; list-style-type: none;}
		.olp-content ol li {counter-increment: item; padding-left: 40px; position: relative; margin-bottom: 15px; line-height: 1.25; font-size: 16px;}
		.olp-content ol li:before {content: counter(item) "."; position: absolute; left: 0; top: -0.1em; line-height: 1; text-align: left; font-size: 1.5em;  font-family: Arial; font-weight: bold; }

		.olp-content ul { list-style-type: none;}
		.olp-content ul li {padding-left: 40px; position: relative; margin-bottom: 15px; line-height: 1.25;line-height: 1.25; font-size: 16px;}
		.olp-content ul li:before {content: ""; position: absolute; left: 0; top: 0.4em; width: 10px; height: 10px; border-radius: 10px; background-color: #666; display: block;}

		.olp-content.olp-references p { margin-bottom: 10px; font-size: 0.8em}

		p.olp-important { background-color: #f6f6f6; padding: 20px; page-break-inside: avoid !important;}
		/*TABLES*/ 

		table.olp-table-1 { background-color: #f6f6f6; border: 1px solid #d7d7d7; border-collapse: collapse; font-size: 18px; width: 100% !important}
		table.olp-table-1 tr td { padding: 20px;  font-size: inherit; text-align: inherit; color: inherit; line-height: 1.5; font-family: Arial}

		table.olp-table-2 { background-color: #f6f6f6; border: 1px solid #d7d7d7; border-collapse: collapse; font-size: 18px; width: 100% !important}
		table.olp-table-2 tr td { padding: 20px;  font-size: inherit; text-align: inherit; color: inherit; line-height: 1.5; font-family: Arial; vertical-align: top;}
		table.olp-table-2 thead tr td { padding: 20px;  font-size: inherit; text-align: inherit; color: inherit; line-height: 1.5; font-family: Arial; background-color: #d7d7d7; vertical-align: top;}

		table.olp-table-3 { background-color: #fff; border: 1px solid #d7d7d7; border-collapse: collapse; font-size: 18px; width: 100% !important}
		table.olp-table-3 tr td { padding: 20px;  font-size: inherit; text-align: inherit; color: inherit; line-height: 1.5; font-family: Arial; vertical-align: top; border: 1px solid #d7d7d7;}
		table.olp-table-3 thead tr td { padding: 20px;  font-size: inherit; text-align: inherit; color: inherit; line-height: 1.5; font-family: Arial; background-color: #d7d7d7; vertical-align: top;}

		table.olp-table-4 { background-color: #fff; border: 1px solid #d7d7d7; border-collapse: collapse; font-size: 14px; width: 100% !important; height: auto !important}
		table.olp-table-4 tr td { padding: 5px;  font-size: inherit; text-align: inherit; color: inherit; line-height: 1.1; font-family: Arial; vertical-align: top; border: 1px solid #d7d7d7; height: auto !important;  page-break-inside: avoid;}
		table.olp-table-4 thead tr td { padding: 5px;  font-size: inherit; text-align: inherit; color: inherit; line-height: 1.1; font-family: Arial; background-color: #d7d7d7; vertical-align: top; height: auto !important;  page-break-inside: avoid;}

		table.olp-table-5 { background-color: #fff; border: 1px solid #d7d7d7; border-collapse: collapse; font-size: 16px; width: 100% !important; height: auto !important}
		table.olp-table-5 tr td { padding: 10px;  font-size: inherit; text-align: inherit; color: inherit; line-height: 1.25; font-family: Arial; vertical-align: top; border: 1px solid #76bd1d; height: auto !important;  page-break-inside: avoid;}
		table.olp-table-5 thead tr td { padding: 10px;  font-size: inherit; text-align: inherit; color: inherit; line-height: 1.25; font-family: Arial; background-color: #76bd1d; vertical-align: top; height: auto !important; color: #fff;  page-break-inside: avoid;}


a.continue, div.module-header div.page-index, div.book-navigation, div.module aside, header, footer { display: none !important}
article { padding: 0}
div.module-header { min-height: 0; padding: 0}
div.module { max-width: 100%;}
div.module div.module-main { width: 100%; max-width: 100%}

		table, tr, td, th, tbody, thead, tfoot, ol, ul {
			page-break-inside: avoid !important; 
		}

@media  print {

		table, tr, td, th, tbody, thead, tfoot, ol, ul, p {
			page-break-inside: avoid !important; 
		}

	thead { 
        display: table-row-group  !important
    }

}