@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: '321impact';
  src: url('../fonts/321impact.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: '321impact';
  src: url('../fonts/321impact.ttf')  format('truetype'), url('../fonts/321impact.svg#321impact') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSans-BoldItalic';
  src: url('../fonts/OpenSans-BoldItalic.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-BoldItalic';
  src: url('../fonts/OpenSans-BoldItalic.ttf')  format('truetype'), url('../fonts/OpenSans-BoldItalic.svg#OpenSans-BoldItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans';
  src:url(../fonts/OpenSans-Bold_0.ttf);
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Italianate';
  src:url(../fonts/Itali__.ttf);
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'karla';
  src:url(../fonts/KAJHCSH_2.TTF);
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PerryGothic';
  src:url(../fonts/PERRYGOT_0.TTF);
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'arial';
  src:url(../fonts/arial.ttf);
  font-weight: normal;
  font-style: normal;
}

body {
	background: #0f1a32;
	width:100%;
	font-family: 'OpenSans', sans-serif;
	color: #fff;
  	font-size:14px;
	line-height:18px;
	
	
}
.main-container{
	width:1000px;
	padding:0;
}
.header1 {
	background:url(../images/header.jpg) center;
	width:100%;
	height:281px;
	margin:0px;
	padding:0px;
	
}

.menubar {
	background:#689f09;
	width:100%;
	height:45px;
	margin-top:-45px;
}
.logowraper {
	float:left;
	width:254px;
}
.logo {
	height:286px;
	width:254px;
	margin-top:-270px;
	background:#14803c;
	border-radius: 0px 0px 25px 25px;
	
}
.logo img {
	margin-left:75px;
	margin-top:20px;
}
.logo .logo_text {
	font-family:'karla';
	font-size:34px;
	margin:0 10px;
	line-height:37.11px;
}
.logo .logo_text span{
	text-transform: uppercase;
	margin:0 15px;
	
}

.logo_base {
	height:16px;
	width:190px;
	
	background:#14803c;
	margin-left:37px;
	border-radius: 0px 0px 25px 25px;
	
}
.banner {
	margin-left:410px;
	margin-top:-209px;
	float:left;
	background:#0c3d6b;
	width:581px;
	height:118px;
	position: absolute;
	border-radius: 25px 25px 25px 25px;
}
.banner .banner_text {
	font-family:'PerryGothic';
	line-height:48px;
	font-size:25px;
	margin:10px 40px;
}
.menu_cut{
	height:16px;
	width:206px;
	margin-left:28px;
	
	background:#0f1a32;
	border-radius: 0px 0px 25px 25px;
	margin-bottom:-15px;
	
}
.col-sm-12 {
	margin-top:0px;
}
.col1 {
	min-height:1456px;
	width:254px;
	background:#0c3d6b;
	border-radius: 25px 25px 25px 25px;
	min-height:500px;
	float:left;
	padding-bottom:100px;
	
}
.menu {
	margin-top:23px;
	margin-left:31px;
	font-family:'Italianate';
	font-size:12px;
	line-height:50px;
	
	
}
.menu ul {
	 list-style-image:url(../images/arrow.png);
	 list-style-position:inside;
	padding:0;
	margin:0;

}
.menu ul li {
	background-image:url(../images/line.png);
background-repeat: no-repeat;
background-position:bottom left;
}
.menu ul li a{
	color:rgba(255,255,255,1);
}
.menu ul li a:hover {
	text-decoration:none;
	color:#689f09;
}
.menu ul li.active a{ color:#689f09;}

.tonglemenu {
	margin-top:-5px;
	background:rgba(12,61,107,1);
	position:absolute;
	z-index:999999;
	width:45%;
	padding:0px 3px;
	padding-bottom:50px;
	border-radius: 0px 0px 20px 20px;
	display:none;
	
}
.tonglemenu .menu ul {
	 list-style:none;
	 list-style-position:inside;
	padding:0;
	margin:0;
}
.tonglemenu .menu ul li{
	background-image:url(../images/line.png);
background-repeat:repeat-x;
background-position:bottom left;
}
.col2{
	margin-left:10px;
	margin-right:10px;
	width:566px;
	min-height:500px;
	float: left;
	
}
.col2 .col2_text {
	width:100%;
	margin:0;
	padding:10px 17px;
	height:auto;
	font-family:'Italianate';
	font-size:30px;
	color:rgba(255,255,255,1);
	line-height:40px;
}
.col2 .wrapper {
	width:100%;
	min-height:1600px;
	background:rgba(255,255,255,1);
	text-align:justify;
}
.col2 .wrapperbanner {
	margin-top:20px;
	margin-bottom:20px;
	width:100%;
	height:69px;
	border-radius: 20px 20px 20px 20px;
	background:#14803c;
	color:rgba(255,255,255,1);
	padding:20px;
	
}
.col2 .wrapperbanner a{
	color:#56dd33;
	
}
.col2 .wrapperleft {
	float:left;
	width:80%;
}
.col2 .banner2 {
	width:100%;
	margin-left:5px;
}
.col2 .wrapperight {
	margin-top:-10px;
	font-size:15px;
	text-align:center;
	text-transform: uppercase;
	float:right;
	width:20%;
	height:50px;
	border-radius: 15px 15px 15px 15px;
	background:#a5e43a;
	color:#14803c;
	padding:10px;
}
.col2 .wrapper .wrapper_text{
	padding:40px 17px;
	color:#665555;
}
.col3 {
	min-height:1456px;
	width:160px;
	float: left;
}
.footer {
	width:100%;
	height:86px;
	margin-top:20px;
	background:#14803c;
	font-family:'arial';
	font-size:14px;
	line-height:18px;
	
}

.repu {
	padding-top:24px;
	padding-left:10%;
}
.privacy {
	padding-top:18px;
	text-align:center;
	font-style:italic;
	
}

.googleadd1 {
	margin-left:27%;
	width:40%;
	float:left;
}
.bars {
	float:right;
	padding-right:20px;
	cursor:pointer;
}
.para {
	color:#486384;
}
.col2 .wrapper .img-responsive {
	margin-left:auto;
	margin-right:auto;
	padding:10px;
}
.wrapperfooter .img-responsive{
	float:left;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}
.headeradd {
	color:rgba(0,102,204,1);
	margin-left:450px;
	padding:15px;;
}
.add {
	width:100%;
	padding:10px;
}
.sidebar{
	height:100%;
	overflow-y:hidden;
}
.repu a{
	color:rgba(204,204,204,1);
}
@media screen and (min-width:768px){
.sidebar{
	height:1140px;
	overflow-y:hidden;
}
}