* {
	margin:0;
	padding:0;
	outline:0;
}
body {
	font-size:12px;
	line-height:18px;
	font-family:Arial, sans-serif;
	color:#565d54;
	background:url(images/body-bg.gif) repeat 0 0;
}
html, body {
	height:100%;
}
a {
	color:#659e03;
	text-decoration:none;
	cursor:pointer;
}
a:hover {
	color:#983D2A;
	text-decoration:none;
}
a img {
	border:0;
}
input, textarea, select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border:0;
}
textarea {
	overflow:hidden;
}
.cl {
	display:block;
	height:0;
	font-size:0;
	line-height:0;
	text-indent:-4000px;
	clear:both;
}
.notext {
	font-size:0;
	line-height:0;
	text-indent:-4000px;
}
.left, .alignleft {
	float:left;
	display:inline;
}
.right, .alignright {
	float:right;
	display:inline;
}
.shell {
	width:982px;
	margin:0 auto;
}
h2 {
	font-size:16px;
	line-height:24px;
}
#header-holder {
	background:url(images/header-bg.gif) repeat-x 0 0;
	height:330px;
}
#header-holder .shell {
	background:url(images/header.gif) no-repeat 0 0;
	height:413px;
}
#logo {
	position:relative;
	padding-top:4px;
}
#logo h1 {
	font-size:23px;
	line-height:26px;
	color:#fff;
}
#logo h1 a {
	color:#fff;
	text-decoration:none;
}
#logo p {
	font-size:10px;
	line-height:15px;
	color:#e29e10;
}
#navigation {
	padding-top:0px;
	float: right;
	background: #3366CC;
	border-top: 0px #9BC56F solid;
	border-bottom: 0px #9BC56F solid;
	margin: 2px 0 0 0;
}
#navigation ul {
	font-family:Calibri;
	font-size:18px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	line-height: normal;
}
#navigation ul li a, #navigation ul li a span {
	float:left;
	display:block;
	color:#ffff33;	
	background:url(images/btn-bg.gif) no-repeat right 0;
}
#navigation li {
	float: left;
	margin: 0px 0px 0px 0px;
}
#navigation a {
	display: block;
	width: 90.1px;
	height: 24px;
	text-align: center;
	padding: 2px 2px 0px 2px;
	background:url(images/header-bg.gif) repeat-x 0 0;
}
#navigation a:hover {
	text-decoration: underline;
	text-decoration: none;
	background: #983D2A;
  border-bottom: solid 1px ;
  transition: left 250ms ease-in-out, right 250ms ease-in-out;
}
#slider-holder {
	width:983px;
	height:335px;
	position:relative;
	margin-top:-145px;
	padding:0px;
}
#slider-holder .slider {
	width:982px;
	height:320px;
	position:relative;
	z-index:2;
	overflow:hidden;
}
#slider-holder .slider .jcarousel-clip {
	width:982px;
	height:320px;
}
#slider-holder .slider ul {
	list-style-type:none;
	height:320px;
}
#slider-holder .slider ul li {
	float:left;
	display:inline;
	width:982px;
	height:320px;
	position:relative;
}
#slider-holder .slider ul li .image img {
	display:block;
}
#slider-holder .slider ul li .slider-cnt {
	position:absolute;
	left:0;
	bottom:0;
}
#slider-holder .slider ul li .slider-cnt h2 {
	background:url(images/slider-cnt-bg.png) repeat 0 0;
	height:15px;
	width:982px;
	padding:18px 0 0 13px;
}
#slider-holder .slider ul li .slider-cnt h2 {
	font-size:15px;
	line-height:1px;
	color:#ffff33;
}
#slider-nav {
	position:absolute;
	right:18px;
	bottom:20px;
	z-index:3;
}
#slider-nav ul {
	list-style-type:none;
}
#slider-nav ul li {
	float:left;
	display:inline;
	padding-right:3px;
	height:100%;
	width:18px;
}
#slider-nav ul li a {
	float:left;
	display:inline;
	font-size:0;
	line-height:0;
	text-indent:-4000px;
}
#slider-nav ul li a {
	background:url(images/slider-nav-btn.gif) no-repeat 0 0;
	width:18px;
	height:18px;
}
#slider-nav ul li a:hover, #slider-nav ul li a.active {
	background-position:0 bottom;
}

#main {
	padding-top: -2px;
}


#big-content {
	background:#fff;
	padding:20px 16px;
	border-left:1px solid #c0c7ae;
	border-right:1px solid #c0c7ae;
}
.boxes-holder {
	height:100%;
	overflow:hidden;
	padding-bottom:23px;
}
.boxes-holder .box {
	float:left;
	display:inline;
	width:300px;
	text-align:justify;
	margin-right:20px;
}
.boxes-holder .last-box {
	margin-right:0;
}
.boxes-holder .box h2 {
	border-bottom:1px dotted #565d54;
	padding-bottom:16px;
	margin-bottom:12px;
}
p.more-link {
	padding-top:6px;
}
p.more-link a {
	background:url(images/link-bg.gif) no-repeat 1px 4px;
	padding-left:15px;
	font-weight:bold;
}
ul.links {
	list-style-type:none;
	padding-bottom:20px;
}
ul.links li {
	padding-bottom:14px;
}
ul.links li a {
	background:url(images/links-bg.gif) no-repeat 1px 4px;
	color:#565d54;
	padding-left:14px;
}
.two-boxes {
	padding-bottom:6px;
}
.two-boxes .box {
	width:460px;
	height:100%;
}
.two-boxes .box h2 {
	padding-bottom:12px;
	margin-bottom:13px;
}
.two-boxes .box .box-cnt {
	position:relative;
	padding-left:114px;
	width:341px;
}
.two-boxes .box .box-cnt .image {
	position:absolute;
	left:1px;
	top:4px;
}
.two-boxes .box .box-cnt .image img {
	display:block;
}
.two-boxes .box .box-cnt p.spacer {
	padding-bottom:18px;
}
.footer {
	font-size:10px;
	padding:12px 13px 14px 0;
}
.footer, .footer a {
	color:#283026;
	text-decoration:none;
}
.footer p {
	margin:0;
	padding:0;
	line-height:normal;
}
.footer .lf {
	float:left;
}
.footer .rf {
	float:right;
}

table, td, th {
					border: 1px solid black;
					}
					
					table {
					border-collapse: collapse;
  					width: 100%;
  					margin-top: 3px;
					margin-right: 0px;
					transition: relative;
					}

					th {
					height: 30px;
					}
					
					td {
					height: 30px;
  					vertical-align: center;
					}
					
					
.container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.item {
    margin:2%;
    width: 46%;
    background: red;
    height: 100px;
}

.bg_class {
			position: fixed;
			background: rgba(0, 0, 0, 0.5);
			width: 100%;
			height: 100%;
			z-index: 10001;
      top:0;
		}

		.popup_class {
			display: none;
			position: absolute;
			margin: 0 auto;
			padding: 40px;
    		background: #fff;
			width: 500px;
    		height:600px;
			top: 56%;
			left: 50%;
			transform: translate(-50%, -50%);
			overflow-y: auto;
		}

		.popup_class img {
			width: 500px;
			height: 600px;
			color: #0c5099;
			overflow-y: scroll;
		}

		.close_class {
			position: absolute;
            right: 0%;
            font-size: 16px;
   			padding: 10px;
   			top: .8%;
            border: none;
            background: transparent;

		}

		.popup_class h2 {
			/*this is for tilte\head*/
			font-size: 18px;
			font-weight: 600;
			color: #d12110;
		}

    @media  screen and (max-width: 992px) {
      .popup_class {
			width: 60%;
    		height:250px;
    }

    }