/* Google font import
------------------------------------------------------------------------*/

.mdn-accordion,
.mdn-accordion *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:0;
	margin:0;
}

.topic-page .mdn-accordion {
	padding:0;
}

.topic-page .mdn-accordion {
	list-style:none;
}

.mdn-accordion {
	width: 100%;
	margin: 1em auto;
	font-family:"Merriweather", Arial, Helvetica, sans-serif;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	font-weight:400;
	background:#fff;
}

.mdn-accordion,
.mdn-accordion ul,
.mdn-accordion ul li{ list-style: none; }
.mdn-accordion ul { display: none; }


/* @checkbox or radio 
----------------------------------------------------- */
.mdn-accordion .accordion-toggle {
	position: absolute;
	opacity: 0;
}

/* @first level panels
----------------------------------------------------- */
.mdn-accordion a,  
.mdn-accordion .accordion-title{  
	color:#788B94;
	display: block;
	background:#ffffff; 
	position: relative;
	-webkit-box-shadow: inset 0 -1px #EDF1F2;
	-moz-box-shadow: inset 0 -1px #EDF1F2;
	box-shadow: inset 0 -1px #EDF1F2;
	text-decoration:none;
	font-size:0.8em;
	padding:18px;
}

.mdn-accordion .accordion-title{ 
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* @first level panel :hover
----------------------------------------------------- */
.mdn-accordion a:hover,
.mdn-accordion .accordion-title:hover{ background:#F7F9F9; }

/* @all levels :active panels 
----------------------------------------------------- */
.mdn-accordion .accordion-toggle:checked + .accordion-title{ background:#F7F9F9; }
.mdn-accordion ul .accordion-toggle:checked + .accordion-title{ background:#FDFDFD; }
.mdn-accordion ul ul .accordion-toggle:checked + .accordion-title{ background:#FFFFFF; }


/* @panels with long text
----------------------------------------------------- */
.mdn-accordion a,
.mdn-accordion .accordion-title {
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;  
}

/* @show panel content
----------------------------------------------------- */
.mdn-accordion .accordion-toggle:checked + .accordion-title + ul,
.mdn-accordion .accordion-toggle:checked + .accordion-title:nth-of-type(n) + ul{ display: block; }
.mdn-accordion li a i,
.mdn-accordion .accordion-title i{ 
	font-size:1.1em; 
	margin-right:5px; 
}


/* @second level + 
----------------------------------------------------- */
.mdn-accordion ul a,
.mdn-accordion ul .accordion-title{ 
	-webkit-box-shadow: inset 0 -1px #EDF1F2;
	-moz-box-shadow: inset 0 -1px #EDF1F2;
	box-shadow: inset 0 -1px #EDF1F2; 
	padding-left: 52px; 
}

.mdn-accordion ul ul a,
.mdn-accordion ul ul .accordion-title { padding-left: 80px; }
.mdn-accordion ul ul ul a, 
.mdn-accordion ul ul ul .accordion-title{ padding-left: 110px; }

/* @second level + :hover
----------------------------------------------------- */
.mdn-accordion ul a:hover,
.mdn-accordion ul .accordion-title:hover {
	background:#FDFDFD;
}


/* @accordion arrow  
------------------------------------------------------- */
.mdn-accordion .accordion-title::before{
	width:26px;
	height:26px;
	font-size:1.4em;
	content: "\f105"; 
	position: absolute;
	display: inline-block;
	font-family: FontAwesome;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;	
	right:10px;
	top: 49%;
}

.mdn-accordion .accordion-toggle:checked + .accordion-title::before{
	top: 45%;
	right:22px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

/* @accordion support styles 
------------------------------------------------------- */
.mdn-accordion .mdn-container{ padding:30px; }
.mdn-accordion .mdn-container{ border-bottom:1px solid #EDF1F2; }
.mdn-accordion .mdn-container h1{ 
	font-family:"Merriweather", Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	font-weight:300;
	font-size:32px;
	color:#0099FF;  
}

.mdn-accordion .mdn-container{ color:#788B94; }
.mdn-accordion .mdn-container p{ 
	line-height:22px; 
	margin-top:22px; 
	font-size:16px;
	font-weight:400; 
    color: #333333;
    margin:0 !important;
}

.main-level-title{
    text-align:center;
}

.top-level-title {
    margin-top:30px;
}

.top-level-title h2 {
    color:#00a7c3 !important;
}

.mdn-accordion .mdn-tagline{ 
	display:block; 
	font-family:"Times New Roman", Times, serif;
	font-weight:700;   
}

.mdn-accordion .mdn-container ul{ 
	display:block; 
	padding:10px 0; 
	list-style-type:disc;
	margin-left:1.2em;
}

.mdn-accordion .mdn-container ul li{ 
    padding: 4px 0;
    display: list-item;
    list-style-type: disc;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    color: #333333;
}

.mdn-accordion .mdn-container h3{
	color:#0099FF; 
	font-size:24px;
	font-weight:300;
}

.single-level-accordion .mdn-container p{ margin:0 0 22px 0; }
.mdn-accordion .mdn-container a{ 
	padding:0; 
	margin:0; 
	background:none; 
	display:inline; 
	font-size:inherit; 
	font-weight:normal;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	background:none;
	color:#0099FF; 
}

.mdn-accordion .mdn-container a:hover{
	background:none;
	text-decoration:underline;
}


/* @separated content panels  
----------------------------------------------------------- */
.split-panels {
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	background:none;
}

.split-panels .sub-level{ 
	margin:8px 0;
	background: #ffffff; 
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
	-webkit-transition: box-shadow 0.2s;
	-moz-transition: box-shadow 0.2s;
	transition: box-shadow 0.2s;	
}

.split-panels .sub-level:hover{ 
	-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
}

.split-panels .sub-level .mdn-container{ border-bottom:0; }
.split-panels a,  
.split-panels .accordion-title{
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}

.split-panels .accordion-toggle:checked + .accordion-title{ 
	-webkit-box-shadow: inset 0 -1px #EDF1F2;
	-moz-box-shadow: inset 0 -1px #EDF1F2;
	box-shadow: inset 0 -1px #EDF1F2;
}

/* @accordion dark theme
------------------------------------------------------- */
.accordion-dark{ background:#0C1318; }
.split-panels.accordion-dark{ background:none; }
.accordion-dark a,  
.accordion-dark .accordion-title{  
	color:#869FA5;
	background:#1C2B36;
	-webkit-box-shadow: inset 0 -1px #223442;
	-moz-box-shadow: inset 0 -1px #223442;
	box-shadow: inset 0 -1px #223442;
}

.accordion-dark ul a,
.accordion-dark ul .accordion-title{ 
	-webkit-box-shadow: inset 0 -1px #223442;
	-moz-box-shadow: inset 0 -1px #223442; 
	box-shadow: inset 0 -1px #223442;
	font-weight:300; 
}

.accordion-dark a:hover,
.accordion-dark ul a:hover,
.accordion-dark .accordion-title:hover,
.accordion-dark ul .accordion-title:hover { background:#182530; }
.accordion-dark .accordion-toggle:checked + .accordion-title{ background:#141F27; }
.accordion-dark ul .accordion-toggle:checked + .accordion-title{ background:#182530; }
.accordion-dark ul ul .accordion-toggle:checked + .accordion-title{ background:#131E26; }
.accordion-dark .mdn-container{ border-bottom:1px solid #223442; color:#869FA5; }
.accordion-dark.split-panels .sub-level{ background:#0C1318; }
.accordion-dark.split-panels .accordion-toggle:checked + .accordion-title{ 
	-webkit-box-shadow: inset 0 -1px #223442;
	-moz-box-shadow: inset 0 -1px #223442;
	box-shadow: inset 0 -1px #223442;
}

.mdn-accordion .mdn-accordion-ripple {
	position: absolute;
	border-radius: 50%;
	pointer-events: none;
	background-color: rgba(255, 255, 255, 0.5);
	-webkit-transform: translate3d(-50%, -50%, 0);
	-moz-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
	-o-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);  
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	opacity: 0.6;
	padding: 0;
	margin: 0;
}

/* Accordion panel themes 
-------------------------------------------------- */

/* @Blue theme
--------------------------------------------------- */
.blue-accordion-theme a,  
.blue-accordion-theme .accordion-title{  
	color:#fff;
	background:#576069;
	-webkit-box-shadow: inset 0 -1px #797d81;
	-moz-box-shadow: inset 0 -1px #797d81; 
	box-shadow: inset 0 -1px #797d81;	

}

.blue-accordion-theme ul a,
.blue-accordion-theme ul .accordion-title{ 
	-webkit-box-shadow: inset 0 -1px #20c6e2;
	-moz-box-shadow: inset 0 -1px #20c6e2;
	box-shadow: inset 0 -1px #20c6e2;
	font-weight:300; 
}

.blue-accordion-theme a:hover,
.blue-accordion-theme ul a:hover,
.blue-accordion-theme .accordion-title:hover,
.blue-accordion-theme ul .accordion-title:hover { background:#00a7c3; }
.blue-accordion-theme .accordion-toggle:checked + .accordion-title{ background:#00a7c3; 
	-webkit-box-shadow: inset 0 -1px #00a7c3;
	-moz-box-shadow: inset 0 -1px #00a7c3; 
	box-shadow: inset 0 -1px #00a7c3;

}
.blue-accordion-theme ul .accordion-toggle:checked + .accordion-title{ background:#00a7c3; }
.blue-accordion-theme ul ul .accordion-toggle:checked + .accordion-title{ background:#00a7c3; }
.blue-accordion-theme .mdn-container a,
.blue-accordion-theme .mdn-container h1,
.blue-accordion-theme .mdn-container h3{ color:#2196F3; }

/* @Green theme
--------------------------------------------------- */
.green-accordion-theme a,  
.green-accordion-theme .accordion-title{  
	color:#fff;
	background:#4CAF50;
	-webkit-box-shadow: inset 0 -1px #6BC070;
	-moz-box-shadow: inset 0 -1px #6BC070;
	box-shadow: inset 0 -1px #6BC070;
}

.green-accordion-theme ul a,
.green-accordion-theme ul .accordion-title{ 
	-webkit-box-shadow: inset 0 -1px #6BC070;
	-moz-box-shadow: inset 0 -1px #6BC070; 
	box-shadow: inset 0 -1px #6BC070;
	font-weight:300; 
}

.green-accordion-theme a:hover,
.green-accordion-theme ul a:hover,
.green-accordion-theme .accordion-title:hover,
.green-accordion-theme ul .accordion-title:hover { background:#3E9144; }
.green-accordion-theme .accordion-toggle:checked + .accordion-title{ background:#38833D; }
.green-accordion-theme ul .accordion-toggle:checked + .accordion-title{ background:#3E9144; }
.green-accordion-theme ul ul .accordion-toggle:checked + .accordion-title{ background:#449D4A; }
.green-accordion-theme .mdn-container a,
.green-accordion-theme .mdn-container h1,
.green-accordion-theme .mdn-container h3{ color:#4CAF50; }

/* @Pink theme
--------------------------------------------------- */
.pink-accordion-theme a,  
.pink-accordion-theme .accordion-title{  
	color:#fff;
	background:#E91E63;
	-webkit-box-shadow: inset 0 -1px #EF568B;
	-moz-box-shadow: inset 0 -1px #EF568B;
	box-shadow: inset 0 -1px #EF568B;
}

.pink-accordion-theme ul a,
.pink-accordion-theme ul .accordion-title{ 
	-webkit-box-shadow: inset 0 -1px #EF568B;
	-moz-box-shadow: inset 0 -1px #EF568B; 
	box-shadow: inset 0 -1px #EF568B;
	font-weight:300; 
}

.pink-accordion-theme a:hover,
.pink-accordion-theme ul a:hover,
.pink-accordion-theme .accordion-title:hover,
.pink-accordion-theme ul .accordion-title:hover { background:#C91454; }
.pink-accordion-theme .accordion-toggle:checked + .accordion-title{ background:#B31149; }
.pink-accordion-theme ul .accordion-toggle:checked + .accordion-title{ background:#C91454; }
.pink-accordion-theme ul ul .accordion-toggle:checked + .accordion-title{ background:#DB155A; }
.pink-accordion-theme .mdn-container a,
.pink-accordion-theme .mdn-container h1,
.pink-accordion-theme .mdn-container h3{ color:#E91E63; }

/* @Red theme
--------------------------------------------------- */
.red-accordion-theme a,  
.red-accordion-theme .accordion-title{  
	color:#fff;
	background:#F44336;
	-webkit-box-shadow: inset 0 -1px #F76D62;
	-moz-box-shadow: inset 0 -1px #F76D62;
	box-shadow: inset 0 -1px #F76D62;
}

.red-accordion-theme ul a,
.red-accordion-theme ul .accordion-title{ 
	-webkit-box-shadow: inset 0 -1px #F76D62;
	-moz-box-shadow: inset 0 -1px #F76D62; 
	box-shadow: inset 0 -1px #F76D62;
	font-weight:300; 
}

.red-accordion-theme a:hover,
.red-accordion-theme ul a:hover,
.red-accordion-theme .accordion-title:hover,
.red-accordion-theme ul .accordion-title:hover { background:#DA1C0C; }
.red-accordion-theme .accordion-toggle:checked + .accordion-title{ background:#AF160A; }
.red-accordion-theme ul .accordion-toggle:checked + .accordion-title{ background:#DA1C0C; }
.red-accordion-theme ul ul .accordion-toggle:checked + .accordion-title{ background:#E81D0D; }
.red-accordion-theme .mdn-container a,
.red-accordion-theme .mdn-container h1,
.red-accordion-theme .mdn-container h3{ color:#F44336; }

/* @Purple theme
--------------------------------------------------- */
.purple-accordion-theme a,  
.purple-accordion-theme .accordion-title{  
	color:#fff;
	background:#9C27B0;
	-webkit-box-shadow: inset 0 -1px #B02DC8;
	-moz-box-shadow: inset 0 -1px #B02DC8;
	box-shadow: inset 0 -1px #B02DC8;
}

.purple-accordion-theme ul a,
.purple-accordion-theme ul .accordion-title{ 
	-webkit-box-shadow: inset 0 -1px #B02DC8;
	-moz-box-shadow: inset 0 -1px #B02DC8; 
	box-shadow: inset 0 -1px #B02DC8;
	font-weight:300; 
}

.purple-accordion-theme a:hover,
.purple-accordion-theme ul a:hover,
.purple-accordion-theme .accordion-title:hover,
.purple-accordion-theme ul .accordion-title:hover { background:#651A73; }
.purple-accordion-theme .accordion-toggle:checked + .accordion-title{ background:#52145C; }
.purple-accordion-theme ul .accordion-toggle:checked + .accordion-title{ background:#651A73; }
.purple-accordion-theme ul ul .accordion-toggle:checked + .accordion-title{ background:#761F85; }
.purple-accordion-theme .mdn-container a,
.purple-accordion-theme .mdn-container h1,
.purple-accordion-theme .mdn-container h3{ color:#9C27B0; }

/* @Orange theme
--------------------------------------------------- */
.orange-accordion-theme a,  
.orange-accordion-theme .accordion-title{  
	color:#fff;
	background:#FF9800;
	-webkit-box-shadow: inset 0 -1px #FFAC2F;
	-moz-box-shadow: inset 0 -1px #FFAC2F;
	box-shadow: inset 0 -1px #FFAC2F;
}

.orange-accordion-theme ul a,
.orange-accordion-theme ul .accordion-title{ 
	-webkit-box-shadow: inset 0 -1px #FFAC2F;
	-moz-box-shadow: inset 0 -1px #FFAC2F; 
	box-shadow: inset 0 -1px #FFAC2F;
	font-weight:300; 
}

.orange-accordion-theme a:hover,
.orange-accordion-theme ul a:hover,
.orange-accordion-theme .accordion-title:hover,
.orange-accordion-theme ul .accordion-title:hover { background:#EA8C00; }
.orange-accordion-theme .accordion-toggle:checked + .accordion-title{ background:#DF8600; }
.orange-accordion-theme ul .accordion-toggle:checked + .accordion-title{ background:#EA8C00; }
.orange-accordion-theme ul ul .accordion-toggle:checked + .accordion-title{ background:#F09100; }
.orange-accordion-theme .mdn-container a,
.orange-accordion-theme .mdn-container h1,
.orange-accordion-theme .mdn-container h3{ color:#FF9800; }

/* @Indigo theme
--------------------------------------------------- */
.indigo-accordion-theme a,  
.indigo-accordion-theme .accordion-title{  
	color:#fff;
	background:#3F51B5;
	-webkit-box-shadow: inset 0 -1px #5B6BC6;
	-moz-box-shadow: inset 0 -1px #5B6BC6;
	box-shadow: inset 0 -1px #5B6BC6;
}

.indigo-accordion-theme ul a,
.indigo-accordion-theme ul .accordion-title{ 
	-webkit-box-shadow: inset 0 -1px #5B6BC6;
	-moz-box-shadow: inset 0 -1px #5B6BC6; 
	box-shadow: inset 0 -1px #5B6BC6;
	font-weight:300; 
}

.indigo-accordion-theme a:hover,
.indigo-accordion-theme ul a:hover,
.indigo-accordion-theme .accordion-title:hover,
.indigo-accordion-theme ul .accordion-title:hover { background:#303E89; }
.indigo-accordion-theme .accordion-toggle:checked + .accordion-title{ background:#293574; }
.indigo-accordion-theme ul .accordion-toggle:checked + .accordion-title{ background:#303E89; }
.indigo-accordion-theme ul ul .accordion-toggle:checked + .accordion-title{ background:#37469B; }
.indigo-accordion-theme .mdn-container a,
.indigo-accordion-theme .mdn-container h1,
.indigo-accordion-theme .mdn-container h3{ color:#3F51B5; }

/* @Turqoise theme
--------------------------------------------------- */
.turqoise-accordion-theme a,  
.turqoise-accordion-theme .accordion-title{  
	color:#fff;
	background:#28C0C6;
	-webkit-box-shadow: inset 0 -1px #67D1D5;
	-moz-box-shadow: inset 0 -1px #67D1D5;
	box-shadow: inset 0 -1px #67D1D5;
}

.turqoise-accordion-theme ul a,
.turqoise-accordion-theme ul .accordion-title{ 
	-webkit-box-shadow: inset 0 -1px #67D1D5;
	-moz-box-shadow: inset 0 -1px #67D1D5; 
	box-shadow: inset 0 -1px #67D1D5;
	font-weight:300; 
}

.turqoise-accordion-theme a:hover,
.turqoise-accordion-theme ul a:hover,
.turqoise-accordion-theme .accordion-title:hover,
.turqoise-accordion-theme ul .accordion-title:hover { background:#09B0B7; }
.turqoise-accordion-theme .accordion-toggle:checked + .accordion-title{ background:#0799A0; }
.turqoise-accordion-theme ul .accordion-toggle:checked + .accordion-title{ background:#09B0B7; }
.turqoise-accordion-theme ul ul .accordion-toggle:checked + .accordion-title{ background:#0BC5CE; }
.turqoise-accordion-theme .mdn-container a,
.turqoise-accordion-theme .mdn-container h1,
.turqoise-accordion-theme .mdn-container h3{ color:#28C0C6; }



/* @responsive video 
----------------------------------------------- */
.mdn-accordion .mdn-video-wrapper{ 
	width:100%; 
	margin:20px 0 10px 0;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); 
}

.mdn-accordion .mdn-video{ 
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
	padding-top: 25px;
    height: 0;	 
}

.mdn-accordion .mdn-video iframe,
.mdn-accordion .mdn-video object,
.mdn-accordion .mdn-video embed, 
.mdn-accordion .mdn-video video {
	position: absolute;
	width: 100%!important;
	height: 100%!important;    
	left: 0;
	top: 0;
}

.accordion-dark .mdn-video-wrapper{ 
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 1);
	box-shadow: 0 1px 10px rgba(0, 0, 0, 1);
}

/* @body background style 
----------------------------------------------- */
.custom-bg{ background:#ffffff/*#F3F5F6#EDF1F2*/; }

/* @responsive styles
----------------------------------------------- */
@media only screen and (min-width: 600px) {
	.mdn-accordion a,
	.mdn-accordion .accordion-title{ 
		padding:24px; 
		font-size:19px;  
	}
}