body {
			background-color: #eee;
			font-size: 16px;
		}

		a:focus,
		a:hover {
			text-decoration: none;
		}

		.header {
			background-color: #fff;
			height: auto;
			text-align: center;
			padding: 10px 0;
		}

		.header .logo {
			margin: 0 auto;
		}

		.title {
			background-color: #1C6080;
			text-align: center;
			color: white;
			padding: 5px 0px;
			margin-bottom: 10px;
		}

		#content {
			background-color: #fff;
		}

		.main-navi {
			border-bottom: 1px solid #efefef;
		}

		.main-navi li {
			width: 25%;
			display: inline-block;
			float: left;
			text-align: center;
			padding: 10px 0;
		}

		.main-navi li a {
			color: #757575;
		}

		.main-navi li.active a {
			color: #2A8FBD;
		}

		.navbar-toggle {
			background-color: #C1C1C1;
		}

		.nav > li > a:focus,
		.nav > li > a:hover {
			background-color: transparent;
		}

		.accordion {
			padding: 20px;
		}

		.accordion .panel {
			color: #757575;
			border-bottom: 1px solid #dddddd;
			box-shadow: none;
		}

		.accordion .panel-title a {
			font-size: 17px;
			display: block;
			background: #1C6080;
			color: #ffffff;
			font-size: 17px;
			padding: 15px;
			text-decoration: none;
			position: relative;
			/* border-top: 1px solid #DBDBDB; */
			/*			border-bottom: 1px solid #DBDBDB;*/
			-webkit-transition: all 0.4s ease;
			transition: all 0.4s ease;
			padding-right: 65px;
		}

		.panel-heading a.collapsed {
			color: #757575;
			background: #ffffff;
		}

		.accordion .panel-heading:hover a {
			color: #ffffff;
		}

		.accordion .panel-heading a:hover {
			background: #1C6080;
		}

		.accordion .panel-heading {
			padding: 0;
		}

		.accordion .panel-body img {
			margin: 7px 0;
			max-height: 500px;
		}

		.accordion .panel-body h4 {
			font-weight: bold;
			margin-bottom: 15px;
		}

		.accordion .panel-body p {
			margin: 0 0 15px 0;
		}
        .accordion .panel-indent p {
            padding-left: 30px;
        }
        .accordion .panel-indent p b {
            margin-left: -30px;
        }
        .panel-indent ol ,   
        .panel-indent ul {
            padding-left: 50px !important;
        }
        
		.accordion .panel-body ul,
		.accordion .panel-body ol {
			padding-left: 20px;
		}

		.inner-nav {
			text-align: center;
			float: none;
			margin: 20px 0;
		}

		.inner-nav li {
			float: none;
			display: inline-block;
			line-height: 35px;
			border-right: 1px #e6e6e6 solid;
			color: #e6e6e6;
			padding: 0px 12px 0px 7px;
			margin: 5px 0px;
		}

		.inner-nav li:last-child {
			border-right: none;
		}

		.inner-nav li.active a {
			color: #2A8FBD;
		}

		.inner-nav li:hover a {
			color: #2A8FBD;
		}

		.inner-nav li a {
			padding: 0;
			color: #777;
		}

		.navbar {
			margin-bottom: 0;
		}


		.mobile-title {
			text-align: center;
			width: 100%;
			float: left;
			margin-top: -35px;
			color: #2A8FBD;
		}

		.icon-menu {
			display: block;
			font-size: 48px;
			margin-bottom: 25px;
		}

		.nostyle1 span {
			font-weight: bold;
		}

		@media screen and (max-width: 320px) {

			.main-navi li a {
				font-size: 10px !important;
			}
			.icon-menu {
				font-size: 28px;
			}
			.mobile-title {
				font-size: 14px;
			}
		}

		@media screen and (max-width: 767px) {
			.accordion {
				padding: 0 10px 20px;
			}
			.accordion .panel-title a {

				padding: 15px;
			}
			.navbar {
				margin: 20px 0;
				padding: 0 15px;
			}
			.navbar-header {
				background-color: #f8f8f8;

			}
			.navbar-toggle .icon-bar,
			.navbar-toggle .icon-bar + .icon-bar {
				background: #fff;
			}
			.inner-nav {
				margin: 0;
			}
			.inner-nav li {
				display: block;
				background: none;
				border-right: none;
				padding: 0;
				margin: 0;
			}
			.inner-nav li a {
				background-color: #ffffff;
				border-bottom: 1px #DBDBDB solid;
				font-size: 15px;
				padding: 10px 0px;
			}
			.main-navi li a {
				font-size: 15px;
			}
		}

		/*******************************
* ACCORDION WITH TOGGLE ICONS
* Does not work properly if "in" is added after "collapse".
*******************************/

		.panel-title a.collapsed i {
			transform: rotate(0deg);

		}

		.panel-title a i {
			transition: all 0.2s ease;
			transform: rotate(180deg);
		}

		.panel-title {
			font-size: 14px;
		}

		.more-less {
			float: right;
			color: #b3b3b3;
		}