@charset "utf-8";
/* CSS Document */
html {
    background-image: url(../images/grey-mild.png);
    background-repeat: repeat;
	margin:0 auto;
	padding:0;
}
body {
    font-family: 'Open Sans', Palatino, 'Trebuchet MS', 'Raleway';
	overflow-x:hidden;
	font-size:19px;
	color:#333;
	font-weight:400;
	padding:0;
	margin:0 auto;
}
h1, h2, h3, h4, h5, h6 {
	color:#111;
	font-weight:700;
	margin:0 auto 25px;
}
h1 {
	font-size:30px;
	line-height: 40px;
}
h2 {
	font-size:28px
}
h3 {
	font-size:25px;
	line-height:45px;
	text-align: center;
	width: 80%;
}
h4 {
	font-size:25px
}
h5 {
	font-size:23px;
}
h6 {
	font-size:20px
}
p {
  font-size: 19px;
  line-height: 30px;
  margin-bottom:15px;
}
a {
	text-decoration:none;
	transition-duration:.5s;
	-moz-transition-duration:.5s;
	-o-transition-duration:.5s;
	-webkit-transition-duration:.5s;
	-ms-transition-duration:.5s;
	color:#0053a1
}
a:focus, a:hover {
	outline:0;
	color:#0784fa;
	text-decoration:underline;
}
.container {
	margin:0 auto;
	background:#fff;
	box-shadow:rgba(0, 0, 0, 0.2) 0 0 15px;
	max-width:1020px;
}
#header {
	padding:10px 35px;
	overflow:hidden;
	background: #D2E7F6;
	margin-bottom: 15px;
}
.logo {
	float:left;
}
.contact_info {
	float:right;
	text-align:right;
}
.contact_info p {
	display:inline-block;
	vertical-align:middle;
	margin:10px 0 0 20px;
	font-size:20px;
}
.wlc_text {
	padding:25px 35px;
	text-align:center;
	color:#0053a1;
	background: #ffffff;
}
.wlc_text h1 {
	margin:0 auto;
	color:#001a32;
	letter-spacing:1px;
	line-height: inherit;
}
.wlc_text p {
	font-size: 16px;
	color: #000;
}
.content_wrap {
	padding:30px 35px;
	overflow:hidden;
}
.fa-ul {
	float:left;
	width:100%;
}
.fa-ul li {
	margin-bottom: 10px;
	padding-left: auto;
  }
  
  .fa-ul i {
	position: absolute;
	left: 0;
	top: 0;
	color: #000;
    float: right;
    right: 10px;
    top:5px;
  }
  
  .blue-color i {
	color: rgba(62, 3, 164, 0.889);
  }

.img_wrap {
	float:right;
	width:40%;
}
img {
	max-width:100%;
}
ul li {
	margin:0 auto 15px;
}
.form_wrap {
    padding: 35px;
    border-top: #ccc solid 1px;
	padding-bottom: 30px;
}

.form_wrap h3 {
	text-align:center;
}
.centered-box {
	width: 400px;
	margin: 0 auto;
	background-color: #ffffff;
	padding: 20px;
	box-sizing: border-box;
	border: 1px solid #C9C9C9;
	border-radius: 0px;
	box-shadow: 7px 7px #C9C9C9;
}

@media (max-width: 768px) {
	.centered-box {
		width: 100%;
		max-width: 400px;
	}
}
.centered-box:hover {
	box-shadow: 7px 7px #a7a7a7;
}	
.intro-box {
	width: 750px;
	margin: 0 auto;
	background-color: #ffffff;
	padding: 20px;
	box-sizing: border-box;
	border: 1px solid #C9C9C9;
	border-radius: 0px;
	margin-top: 20px;
	box-shadow: 7px 7px #C9C9C9;
}

@media (max-width: 768px) {
	.intro-box {
		width: 100%;
		max-width: 400px;
	}
}
.intro-box:hover {
	box-shadow: 7px 7px #a7a7a7;
}	
.info {
	padding:10px 0 0;
}
.appnitro li {
	width:100% !important;
}
.form {
	margin-left: 230px;
	margin-right: -190px;
}
.info i {
	width:30px;
	height:30px;
	background:#666;
	border-radius:50%;
	text-align:center;
	line-height:30px;
	color:#fff;
	font-size:18px;
}
#footer {
	background:#444;
	text-align:center;
	padding:20px 35px;
	margin-top: 20px;
}
#footer p {
	color:#fff;
	margin:0 auto;
	line-height:22px;
}
#footer .contact_info {
	float:none;
	text-align:center;
	display:none;
}
#footer .contact_info p {
	display:block;
	margin:0 auto 15px;
	font-size:20px;
}
#footer .contact_info a {
	color:#fff;
}

@media (max-width:990px) {
.logo, .contact_info{
	float: none;
	margin: 0 auto;
	text-align: center;
}
#header .contact_info {
	display:none;
}
#footer .contact_info {
	display:block;
}
.logo {
	max-width: 90%;
}
h1 {
	font-size: 40px;
}
h2 {
	font-size: 30px;
}
h3 {
	font-size: 25px;
}
p, ul li {
	font-size:16px;
}
.text_wrap, .img_wrap {
	float: none;
	width: 100%;
}
.contact_info p {
	margin: 10px auto 0;
	font-size: 22px;
}
.content_wrap, .form_wrap {
	padding: 30px 25px;
}
.form {
	margin-left: 0;
	margin-right: 0;
}

}

.button {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 12px 24px;
    border: 1px solid #441699;
    border-radius: 8px;
    background: #2b4cf0;
    background: -webkit-gradient(linear, left top, left bottom, from(#2b4cf0), to(#262699));
    background: -moz-linear-gradient(top, #2b4cf0, #262699);
    background: linear-gradient(to bottom, #2b4cf0, #262699);
    -webkit-box-shadow: #04024d 0px 0px 40px 0px;
    -moz-box-shadow: #04024d 0px 0px 40px 0px;
    box-shadow: #04024d 0px 0px 40px 0px;
    text-shadow: #591717 1px 1px 1px;
    font: normal normal bold 24px arial;
    color: #ffffff;
    text-decoration: none;
	margin-top: 10px;
	margin-bottom: 10px;
}
.button:hover,
.button:focus {
    border: 1px solid #6d23f5;
    background: #345bff;
    background: -webkit-gradient(linear, left top, left bottom, from(#345bff), to(#2e2eb8));
    background: -moz-linear-gradient(top, #345bff, #2e2eb8);
    background: linear-gradient(to bottom, #345bff, #2e2eb8);
    color: #ffffff;
    text-decoration: none;
}
.button:active {
    background: #1a2e90;
    background: -webkit-gradient(linear, left top, left bottom, from(#1a2e90), to(#262699));
    background: -moz-linear-gradient(top, #1a2e90, #262699);
    background: linear-gradient(to bottom, #1a2e90, #262699);
}
.button:before{
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 4px -6px -4px;
    position: relative;
    top: 0px;
    left: 0px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAACq0lEQVRIidWUS2gTURSG/ztzM5lMZ1q1TwRboxBBwSodCgqKRouCoujCR3WhojDdCq4ENy50pRYRI3Qh1V0Woq0BURduqmLrQmuFothqSh/EvNOk6Uyui2TakExqTN30h8s9HO75/nPuXAZY6eIrKdLkGpdqd1xSBXtmMD33678bqHZHx5VrV68H/H6nM5GMqII4PpieM6zOcpUYAIAxM43Ogx3utu3bugDsL3WuYgPCU1TpunRk3x63a5OrS5Nrdlqdo5pcI4CQZgDiP/CbYBcBjkOVkZG0C+cOe3ofQ/sych/AK088kl4wACHN6u5dt53rW1wwLK+xSMwwUF0lSWTeBgKAxWI4e+a0+2m/D0MDbwHAt2gAiM4NTteO1q0uzKVLMQscGJiuAzxdSMkg0tHjx9yxWAza5+GwJx4ZAABetYsNW1pbT65raKhlRROw4pgxgJDs4nmA0uxOCARCbO3uva4fY2ONzlAkogriOAWATCgA49tXsGQyCzBFSI7LiuN8s7zY4Dh0HnC7+0QBQx8+jlIAYMEAjMRvsHi8vCtaQsRuR6ploz49NRMEY+nsJXIUoDbApi8HDaLICK+pj9585O0BYw888chPCgBEqQbfVA+WnAVA/s4yDLDZBFgqtYiXZUwJYsD7+o0vBx8FAArGou8/Db8b/S4Fy32myDAcam/bvBp8NQBAEBCurYt6+577/JPT3SYc5bVbLE1ZderyxfN3G8PhOiJJCClK9MY9T09+56ZoKUg5IpKESZ4GvE+e+azgwDL+RRAEhBQl6n3x0uefmOi2ggOVT5AKio7gw1t3+kt1bmqpb1BovjDtCUleq3C8Os/YSG8iasIt3zjJFQo5oLmby9Igp0xBrOft6dzSaV6ysNjMcTmzDIql5+XNGtMgU6JmhekPuMISOqMJ/MUAAAAASUVORK5CYII=") no-repeat left center transparent;
    background-size: 100% 100%;
}



@media (max-width:767px) {
.logo {
  max-width: 155px;
}
.wlc_text {
	padding: 25px 20px;
}
.content_wrap, .form_wrap {
  padding: 25px 20px;
}
h1 {
  font-size: 25px;
  line-height: 32px;
}
h2 {
  font-size: 23px;
}
h3 {
  font-size: 21px;
  line-height: 28px;
}
	
}

.simplite{
	background-color:rgba(255, 170, 0, 0.55);
	padding:0.1em 0.1em;
	font-style: italic;
   }

   table { 
	width: 750px; 
	border-collapse: collapse; 
	margin:50px auto;
	box-shadow: 7px 7px #79acce54;
	}

tr:nth-of-type(odd) { 
	background: #eee; 
	}

th { 
	background: #3498db; 
	color: white; 
	font-weight: bold; 
	}

td, th { 
	padding: 10px; 
	border: 1px solid #ccc; 
	text-align: left; 
	font-size: 16px;
	}

@media 
only screen and (max-width: 600px),
(min-device-width: 600px) and (max-device-width: 800px)  {

	table { 
	  	width: 100%; 
	}

	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}

	td:before { 
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		/* Label the data */
		content: attr(data-column);
		color: #000;
		font-weight: bold;
	}

	table td:last-child {
		border-bottom: 0;
	  }

}