body {
  padding-top: 0;
  background-color: #E0F1F4;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
/*  #8561AA*/
}

/* borderless table */
.table.table-borderless td, .table.table-borderless th {
    border: 0 !important;
}

.table.table-borderless {
    margin-bottom: 0px;
}

.landing_menu {
	margin-top: 13px;
	margin-right: 10px;
}

.landing_menu img:hover {
	-webkit-filter: saturate(160%); 
}

.L2-padding {
	padding-top: 5px;
	padding-bottom: 5px;
}

#Leaflet {
	background-color: #A9DCE6;
	padding:10px;
}

#Leaflet1 {
	background-color: #FEE4C2;
	padding:10px;
}

.L1_heading_1 {
	color: #4F3917;
}

.L1_heading_2 {
	color: #EC8763;
}

.L1_heading_3 {
	color: #8962A5;
}

.L1_heading_4 {
	color: #52B576;
}

.L1_heading_5 {
	color: #D67B79;
}

.L1_heading_6 {
	color: #A57D7D;
}

.L1_heading_7 {
	color: #7482A4;
}

.L2_heading_1 {
	color: #E7000E;
}

.L2_heading_2 {
	color: #EC5B7A;
}

.L2_heading_3 {
	color: #EF6E00;
}

.L2_heading_4 {
	color: #007C88;
}

.L2_heading_5 {
	color: #A2087F;
}

.L2_heading_6 {
	color: #925700;
}

.L2_heading_7 {
	color: #00943D;
}

.L2_heading_8 {
	color: #009EC3;
}

hr.L2_1 {
	border-top: 7px solid #E7000E;
}

hr.L2_2 {
	border-top: 7px solid #EC5B7A;
}

hr.L2_3 {
	border-top: 7px solid #EF6E00;
}

hr.L2_4 {
	border-top: 7px solid #007C88;
}

hr.L2_5 {
	border-top: 7px solid #A2087F;
}

hr.L2_6 {
	border-top: 7px solid #925700;
}

hr.L2_7 {
	border-top: 7px solid #00943D;
}

hr.L2_8 {
	border-top: 7px solid #009EC3;
}

#supplement .col-md-4, #supplement .col-md-6, #supplement .col-sm-12 {
	padding: 5px;
/*	padding-left: 10px;
	padding-right: 10px;*/
}

/*
#supplement img {
	width: 100%;
	height: auto;
}
*/
.footer {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #5AC5F3;
  vertical-align:-50px;
  font-size: 0.8em;
}

.footer-text {
  vertical-align:-50px;
}

.navbar-default {
/*    background-color: #5AC5F1;*/
	border-color: #5AC5F1;
}
.navbar-default .navbar-nav > li > a {
    color: #FFFFFF;
}
.navbar-nav > li > a {
    color: #FFFFFF;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #FFFFFF;
    background-color: #88337E;
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #fff;
}

.dropdown-menu > li > a {
	color: #FFFFFF;
	background-color: #F28817;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFF;
}

input[type=search] {
	background: #fff url(../images/search.jpg) no-repeat 2px center;
	border: solid 1px #FFFFFF;
	padding: 2px 6px 2px 20px;
	width: 120px;
	margin-right:18px;
	margin-left:10px;
	color:#000000;
	
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

/*--------------------------
/* Carousel style in bootstrap 4*/
.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #00BAEC;
    text-align: center;
    opacity: .5
}
.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #00BAEC;
    text-decoration: none;
    outline: 0;
    opacity: .9
}
.carousel-control-prev {
    left: -8%;
}
.carousel-control-next {
    left: 102%;
}


.carousel-control-next2,
.carousel-control-prev2{
    position: absolute;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .6
}
.carousel-control-prev2 {
    left: -4%;
}
.carousel-control-next2 {
    left: 90%;
}
.carousel-control-next2:focus,
.carousel-control-next2:hover,
.carousel-control-prev2:focus,
.carousel-control-prev2:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}



.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent no-repeat center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
}
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")
}
.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")
}
.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}
.carousel-indicators li {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    max-width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, .5)
}
.carousel-indicators li::before {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: ""
}
.carousel-indicators li::after {
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: ""
}
.carousel-indicators .active {
    background-color: #fff
}
.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}
/* end carousel style in bootstrap 4 */

.api {
/*	padding-top: 20px;
	padding-left: 30px;
	padding-right: 5%;
	padding-bottom: 20px;
	margin: auto;
	background-color:#5AC5F1;*/
}
.highlightslide {
	padding-top: 20px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
}

@media (min-width: 768px) {
	.container {
		width: 100%;
	}

	.navbar-default {
		background-color: #007DB8;
	}

  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
  .navbar-toggle {
    display: none;
  }

.navbar {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
	margin-bottom: 0;
}

/*
.navbar-nav {
    margin: 0;
    display: table;
    width: 100%;
    table-layout: ; 
}

.navbar-nav>li {
	display: table-cell;
    width: 100%;
    float: none;
    text-align: center;
	font-size: 0.9em;
	border-right: 2px solid #ffffff;
}
*/


.navbar-nav {
    margin: 0 auto;
    display: table;
    table-layout: auto;
    float: none;
    width: 100%;
}

.navbar-nav>li {
    display: table-cell;
	width: auto;
    float: none;
    text-align: center;
	border-right: 2px solid #00BAEC;
}



/* remove the border of last menu */
.navbar-nav>li:nth-child(12) {
	border-right:none;
}

/* customize sub-menu diverder  */
.dropdown-menu .divider {
    margin: 0;
    background-color: #000;
}
.dropdown-menu {
	padding:0;
}
.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #FFFFFF;
	background-color:#8561AA;
}
.navbar-default .navbar-nav > li:hover {
    color: #000000;
	background-color:#8561AA;
}

ul.nav > li {
    vertical-align: middle;
}

.navbar-nav>li:hover {
/*	background-color:#E222CC;*/
}


}

@media (min-width: 961px) {
  .container {
    width: 960px;
  }
}

/* remove container padding */
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 0px;
    padding-left: 0px;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
}

.container {
    padding-right: 0px;
    padding-left: 0px;
	height: 50px;
}

.banner_gap {
	margin: 2px;
}

.main {
	padding-left: 50px;
	padding-top: 150px;
	background-color: #5AC5F1;
}

/* content text left top corner */
.main_text {
	background-color: #FFF;
	border-top-left-radius: 20px;
	padding-left: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 10%;
	min-height: 500px;
}

.main_text p {
/*	text-align: justify;*/
}

/* ultra us (ultra small) for 480px */
@media (max-width: 767px) {
/*
	.nav {
		padding-left: 15px;
	}
*/

.navbar {
    margin-bottom: 0px;
	z-index: 10;
}
	.navbar-default {
    	background-color: #5AC5F1;
	}

	.collapse.in {
		background-color: #A485BF;
	}

	.navbar-default .navbar-toggle {
	    background-color: #8B2885;
	}

	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	    background-color: #8B2885;
	}

	.nav>li {
		font-size: 1.2em;
		line-height: 1.2em;
	}

.navbar-nav>li:nth-child(1) {
/*    border-bottom: solid 1px #fff;*/
    padding:5px;
}

.navbar-nav>li:nth-child(2) {
/*    border-bottom: solid 1px #fff;*/
    padding:5px;
}

	input[type=search] {
		width: 150px;
	}

	.main {
		padding-left: 40px;
		padding-top: 15%;
		background-color: #5AC5F1;
	}
/*
	.api {
		padding-top: 10px;
		padding-left: 50px;
		padding-right: 50px;
		padding-bottom: 40px;
	}
*/
	.highlightslide {
		padding-top: 20px;
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 20px;
	}

.carousel-control-prev {
    left: -7%;
}
.carousel-control-next {
    left: 102%;
}


.col-us-1, .col-us-2, .col-us-3, .col-us-4, .col-us-5, .col-us-6, .col-us-7, .col-us-8, .col-us-9, .col-us-10, .col-us-11, .col-us-12 {
  float: left;
}
.col-us-12 {
  width: 100%;
}
.col-us-11 {
  width: 91.66666667%;
}
.col-us-10 {
  width: 83.33333333%;
}
.col-us-9 {
  width: 75%;
}
.col-us-8 {
  width: 66.66666667%;
}
.col-us-7 {
  width: 58.33333333%;
}
.col-us-6 {
  width: 50%;
}
.col-us-5 {
  width: 41.66666667%;
}
.col-us-4 {
  width: 33.33333333%;
}
.col-us-3 {
  width: 25%;
}
.col-us-2 {
  width: 16.66666667%;
}
.col-us-1 {
  width: 8.33333333%;
}
}

@media (min-width: 768px) {
  .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
  }
  .col-xs-12 {
    width: 100%;
  }
  .col-xs-11 {
    width: 91.66666667%;
  }
  .col-xs-10 {
    width: 83.33333333%;
  }
  .col-xs-9 {
    width: 75%;
  }
  .col-xs-8 {
    width: 66.66666667%;
  }
  .col-xs-7 {
    width: 58.33333333%;
  }
  .col-xs-6 {
    width: 50%;
  }
  .col-xs-5 {
    width: 41.66666667%;
  }
  .col-xs-4 {
    width: 33.33333333%;
  }
  .col-xs-3 {
    width: 25%;
  }
  .col-xs-2 {
    width: 16.66666667%;
  }
  .col-xs-1 {
    width: 8.33333333%;
  }
  .col-xs-pull-12 {
    right: 100%;
  }
  .col-xs-pull-11 {
    right: 91.66666667%;
  }
  .col-xs-pull-10 {
    right: 83.33333333%;
  }
  .col-xs-pull-9 {
    right: 75%;
  }
  .col-xs-pull-8 {
    right: 66.66666667%;
  }
  .col-xs-pull-7 {
    right: 58.33333333%;
  }
  .col-xs-pull-6 {
    right: 50%;
  }
  .col-xs-pull-5 {
    right: 41.66666667%;
  }
  .col-xs-pull-4 {
    right: 33.33333333%;
  }
  .col-xs-pull-3 {
    right: 25%;
  }
  .col-xs-pull-2 {
    right: 16.66666667%;
  }
  .col-xs-pull-1 {
    right: 8.33333333%;
  }
  .col-xs-pull-0 {
    right: auto;
  }
  .col-xs-push-12 {
    left: 100%;
  }
  .col-xs-push-11 {
    left: 91.66666667%;
  }
  .col-xs-push-10 {
    left: 83.33333333%;
  }
  .col-xs-push-9 {
    left: 75%;
  }
  .col-xs-push-8 {
    left: 66.66666667%;
  }
  .col-xs-push-7 {
    left: 58.33333333%;
  }
  .col-xs-push-6 {
    left: 50%;
  }
  .col-xs-push-5 {
    left: 41.66666667%;
  }
  .col-xs-push-4 {
    left: 33.33333333%;
  }
  .col-xs-push-3 {
    left: 25%;
  }
  .col-xs-push-2 {
    left: 16.66666667%;
  }
  .col-xs-push-1 {
    left: 8.33333333%;
  }
  .col-xs-push-0 {
    left: auto;
  }
  .col-xs-offset-12 {
    margin-left: 100%;
  }
  .col-xs-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-xs-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xs-offset-9 {
    margin-left: 75%;
  }
  .col-xs-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xs-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xs-offset-6 {
    margin-left: 50%;
  }
  .col-xs-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xs-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xs-offset-3 {
    margin-left: 25%;
  }
  .col-xs-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xs-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xs-offset-0 {
    margin-left: 0;
  }

	.navbar-nav > li {
		max-width: 100px;
	}

	.navbar-right {
		margin-right: -30px;
	}
}


@media (min-width:768px) and (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .hidden-us {
    display: none !important;
  }
  .show_us {
  	display:block !important;
  }
  .api {
/*	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;

*/
  }
/*
	.navbar-default {
		background-color: #FFF;
	}

	.collapse.in {
		background-color: #8B2885;
	}
*/

	.navbar-default .navbar-toggle {
	    background-color: #8B2885;
	}

	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	    background-color: #8B2885;
	}

.nav > li:nth-child(3):hover, .nav > li:nth-child(4):hover, .nav > li:nth-child(5):hover, .nav > li:nth-child(6):hover, .nav > li:nth-child(7):hover, .nav > li:nth-child(8):hover, .nav > li:nth-child(9):hover, .nav > li:nth-child(10):hover, .nav > li:nth-child(11):hover, .nav > li:nth-child(12):hover {
	background-color: #007DB8;
}

}

#footer {
	color: #000000;
}
#footer a:link {
	color:#000000;
}
#footer a:visited {
	color:#000000;
}
#footer a:hover {
	color:#000000;
}
#footer a:active {
	color:#000000;
}


/* press releases in What's new section of index page */
#extra {
    position: relative;
}

#header_content {
   position: absolute;
   top: 66%;
   right: 10px;
   line-height:1.2em;
   width: 50%;
   height: 80px;
   color: #000000;
}

#header_content a:link {
	color:#000000;
}
#header_content a:visited {
	color:#000000;
}
#header_content a:hover {
	color:#000000;
}
#header_content a:active {
	color:#000000;
}

#langM {
	color:#000000;
}
#langM a:link {
	color:#000000;
}
#langM a:visited {
	color:#000000;
}
#langM a:hover {
	color:#000000;
}
#langM a:active {
	color:#000000;
}

.sizeS {
	font-size:16px;
	color:red;
	text-decoration:none;
}

.sizeM {
	font-size:18px;
	color: white;
	text-decoration:none;
}

.sizeL {
	font-size:24px;
	color: white;
	text-decoration:none;
}

/*
@media (min-width: 768px) and (max-width: 740px) {
	input[type=search] {
		width: 90px;
	}
}
.navbar-form {
    padding: 0;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    border-top: 0;
    border-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

*/

/* Policyaddrss coontent common style */
.chd {
	font-size:1.4em;
	line-height: 1.5em;
	font-weight: bold;
	color: #0087C5;
	letter-spacing: 0.02em;
}
.disclam {
	padding-top:0.2em;
	font-size: 0.8em;
	line-height: 1.5em;
	font-weight: lighter;
	letter-spacing: 0.02em;
}
h1{
	font-size:1.5em;
	font-weight:bold;
	line-height:1.5em;	
	color:#007DB8;
}
h2{
	font-size:1.3em;
	font-weight:bold;
	line-height:1.4em;	
	color:#007DB8;
}
h3 {
	font-size:1.25em;
	font-weight:bold;
	line-height:1.8em;	
	color:#88337E;
	margin:1em 0;
}
h4 {
	font-size:1.17em;
	font-weight:bold;
	line-height:1.2em;	
	color:#88337E;
	margin:1em 0;
	text-decoration: underline;
}
h5 {
	font-size:1.08em;
	font-weight:bold;
	line-height:1.1em;	
	color:#88337E;
	margin:1em 0;
	font-style:italic;
}
h6 {
	font-size:0.9em;
	font-weight:bold;
	line-height:1.5em;	
	margin:1em 0;
	text-decoration: underline;
}
h1, h2, h3 {
	margin-top: 5px;
	margin-bottom: 5px;
}

/*
.main_text ol {
	counter-reset: list;
}
.main_text ol > li {
	list-style: none;
	position: relative;
}
.main_text ol > li:before {
	counter-increment: list;
	content:  "(" counter(list, decimal) ") ";
	position: absolute;
	left: -1em;
}
*/
table#toc td.chapter_no, table#toc td.chapter{
	font-size:1.1em;
	font-weight:bold;
	color:#73673E;
	vertical-align:top;
}
table#toc td.chapter a{
	color:#73673E;
}
table#toc td.heading{
	font-size:1.1em;
}
table#toc td.subheading{
	font-size:1em;
}
table#toc td{
	font-size:1.1em;
}
table#toc td.paragraph{
	font-size:1.0em;
	vertical-align:top;
}
p{
	font-size:1.0em;
	line-height:1.5;
	text-align:left;
}
blockquote p{
	font-size:0.8em;
	font-style:italic; 
	font-weight:bold;
	line-height:1.5;
	text-align:center;	
	margin-bottom:1em;
}
strong{
	font-weight:bold;
}
em{
	font-style:italic;
}
p.note{
	margin-top:-1em;
	font-size:0.9em;
	color:#666;
}
p.indent{
	margin-left:3em;
	margin-top: -15px;
}
.page_nav{
	text-align:right;
	color:#408080;
	font-size:0.8em;
}
.wh4 {
	font-size:1.17em;
	font-weight:bold;
	line-height:1.2em;	
	color:#88337E;
	margin:1em 0;
}

/* table of content indent */
.indent1 {
	text-indent:15px;
}

.indent2 {
	text-indent:30px;
}

.indent3 {
	text-indent:45px;
}


.main_text ol.start { 
    counter-reset: mycounter; 
}
.main_text ol.start li, .main_text ol.continue li {
    list-style: none;
}
.main_text ol.start li:before, .main_text ol.continue li:before { 
    content: "(" counter(mycounter) ") "; 
    counter-increment: mycounter;
	position: absolute;
	left: -1.7em;
}

/*
.main_text ol {
	counter-reset: list;
}
.main_text ol > li {
	list-style: none;
	position: relative;
}
.main_text ol > li:before {
	counter-increment: list;
	content:  "(" counter(list, decimal) ") ";
	position: absolute;
	left: -1.7em;
}

*/

.webcast {
	font-size: smaller;
}


/* Heightlight style */
#h01, #h02, #h03, #h04, #h05, #h06, #h07, #h08 {
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: contain;
	padding-left: 0px;
	padding-right: 20px;

}

#h01 h3, #h02 h3, #h03 h3, #h04 h3, #h05 h3, #h06 h3, #h07 h3, #h08 h3 {
	margin-top:-10px;
	padding-top: 15px;
	padding-left: 10px;
}

#h01 h4, #h02 h4, #h03 h4, #h04 h4, #h05 h4, #h06 h4, #h07 h4, #h08 h4 {
	margin-top:-10px;
	padding-top: 15px;
	padding-left: 10px;
	text-decoration: none;
}

#h01 {
	background-color: #D0ECF7;
}

.h01 {
	color: #B27F37;
}

#h02 {
	background-color: #FFFCDB;
}

.h02 {
	color:#EA7852;
}

#h03 {
	background-color: #FEEDD3;
}

.h03 {
	color:#6C80A3;
}

#h04 {
	background-color: #F2F7E0;
}

.h04 {
	color: #19A28E;
}

#h05 {
	background-color: #F1E4F0;
}

.h05 {
	color:#8962A5;
}

/*  end designer style code */

.mainBg {
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
}

.whiteBg {
	background-color: #FFFFFF;
}

#content img {
	max-width:100%;
	width:100%;
}

.other img {
	max-width:100%;
	width:100%;
}

#other_pdf {
	max-width: 752px;
}

table#other_pdf img {
	max-width:100%;
	width:100%;
	padding: 5px;
}

#content .img-responsive {
	text-align: center;

}

video {
	padding-top: 20px;
	display: block;
	margin: 0 auto;
}

.slides {
	padding-top: 20px;
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 20px;
}


ul.separated > li {
  margin-bottom: 1em;
}

ol.pd {
  counter-reset: list;
  margin: 0;
  margin-left: 1.4em;
}

ol.pd > li {
  list-style: none;
  position: relative;
  margin-bottom: 1em;
}

ol.pd > li:before {
  counter-increment: list;
  content: "(" counter(list, decimal) ") ";
  position: absolute;
  left: -1.8em;
}

ol.start-5 {
  counter-reset: list 4;
}

.x-pn {
  font-size: 1.2em;
  padding-right: 0.38em;
  color: #0551A8;
  font-weight: 700;
  margin-right: 0;
  font-family: 'Roboto Mono', monospace, 'Courier New';
}