/* =============================================
*      COMPONENTS PAGE ( Remove on production )
================================================*/
/*.component {
  margin: 3rem auto;
}
.component h3 {
  border-bottom: 1px solid #f69346;
  margin-bottom: 2rem;
}*/
/* ------------------------------ SNIPPETS */
/* =======================
*      BASE
==========================*/
html,
body {
  position: relative;
  height: 100%;
}
body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  line-height: 1.2;
  font-size: 16px;
  font-weight: 400;
  /*color: #7d7663; */
  color: #1f2851;
}

#content_text h1, 
#content_text h2, 
#content_text h3, 
#content_text h4, 
#content_text h5, 
#content_text h6,
#login_box h2,
#login_box h3,
#login_box h4
{
	color: #1F2851!important;
}
.button {
	background-color: #1F2851!important;
}


h1,
h2,
h3,
h4,
h5,
h6,
a {
  color: #1f2851;
  -webkit-transition: color 0.5s;
          transition: color 0.5s;
  font-weight: 700;
}
a {
  font-weight: 400;
  color: #1f2851;
}
a:hover {
  color: #37437a;
  -webkit-transition: color 0.5s;
          transition: color 0.5s;
}
p {
  font-size: 0.9em;
}
.text_muted {
  color: #7d7663;
}
a,
a:focus,
a:active,
a:hover,
.dropdown {
  outline: 1px solid transparent;
}
/* =======================
*     PRELOADER 
==========================*/
.loader,
.outline {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 99999;
}
.animation {
  width: 73px;
  height: 73px;
}
.loader {
  width: 100%;
  height: 100%;
  background: #344245;
}
.outline {
  width: 70px;
  height: 70px;
}
.circles {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border-top: 5px solid rgba(139, 139, 139, 0.24);
  border-right: 5px solid rgba(139, 139, 139, 0.24);
  border-bottom: 5px solid rgba(139, 139, 139, 0.24);
  border-left: 5px solid #ffffff;
  -webkit-animation: circles 2s infinite linear;
          animation: circles 2s infinite linear;
}
@-webkit-keyframes circles {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes circles {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.finish,
.finish .circles {
  background: white;
  background: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  -webkit-transition: all 1s ease;
  transition: all 0.8s ease;
}
.finish .circles {
  stroke: white;
  stroke: rgba(255, 255, 255, 0);
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
/* =======================
*      IMG PRELOAD
==========================*/
.tumb {
  position: relative;
  display: inline-block;
  width: 100%;
  height: auto;
  overflow: hidden;
  background: url(../images/other/loader.gif) no-repeat center center rgba(255, 255, 255, 0);
  padding: 0;
  margin: 0.1em;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.tumb img {
  display: block;
  width: 100%;
}
.tumb span {
  display: none;
  visibility: hidden;
}
/* ======================= 
*      WINDOW
==========================*/
.window {
  position: relative;
  width: 100%;
  padding-bottom: 75%;
  margin-bottom: 2em;
  height: auto;
  overflow: hidden;
  background: #ffffff;
  border-width: 1px;
  border-color: #e6e6e6;
  border-style: solid;
  border-radius: 3px;
  display: block;
}
.window .window-search {
  position: absolute;
  left: 0.5em;
  top: 0.5em;
  background: #ffffff;
  width: 70%;
  padding: 0.3em;
  border-width: 1px;
  border-color: #e6e6e6;
  border-style: solid;
  color: #344245;
}
.window .window-buttons {
  position: absolute;
  top: 1em;
  right: 1em;
  width: 1em;
  height: 1em;
  background: #C0392B;
  border-radius: 100%;
  box-shadow: -1.5em 0 #d35400, -3em 0 #16a085;
}
.window .window-body {
  margin-top: 3em;
  padding: 0;
  display: block;
  border-top: 1px solid #e6e6e6;
}
@media (max-width: 480px) {
  .window-search {
    width: 60%;
  }
  .window-body {
    width: 100%;
  }
}
/* =======================
*      ICON SIZES
==========================*/
.size-12 {
  font-size: 12px;
}
.size-14 {
  font-size: 14px;
}
.size-16 {
  font-size: 16px;
}
.size-18 {
  font-size: 18px;
}
.size-21 {
  font-size: 21px;
}
.size-24 {
  font-size: 24px;
}
.size-36 {
  font-size: 36px;
}
.size-48 {
  font-size: 48px;
}
.size-60 {
  font-size: 60px;
}
.size-72 {
  font-size: 72px;
}
/* =======================
*      WELL LIST
==========================*/
.header-container {
  padding: 15px 30px 10px 30px;
  background: #F56746;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.header-container h3 {
  color: #fff;
}
.info-list {
  font-size: .95rem;
  background: #fafafa;
  list-style: none;
  margin: 0 0 20px 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.info-list li {
  padding: 20px 30px;
  border-bottom: 1px solid #E8E8E8;
}
.info-list li pre {
  margin-bottom: 0;
}
.info-list li pre code {
  background: #fff;
}
.info-list li pre:nth-child(even) {
  background: #f5f5f5;
}
/* =======================
*      CIRCLE FX
==========================*/
.circlenumber {
  background-color: #fff;
  border-radius: 50%;
  border: 2px solid #F56746;
  width: 35px;
  height: 35px;
  position: relative;
  margin-top: -5px;
  margin-right: 18px;
  margin-bottom: 5px;
  margin-left: 0.83333rem;
  z-index: 2;
}
.circlenumber h3 {
  color: #F56746;
  position: relative;
  text-align: center;
  top: 2.5%;
  font-weight: bold;
  font-size: 16px;
}
/* =======================
*      SYNTAX CODE
==========================*/
/* pre code */
pre {
  background-color: #344245;
  font: normal 12px/14px Monaco, Monospace;
  color: #ffffff;
  border: 1px solid #1e2628;
  padding: 10px 5px;
  margin: 0px 0px 10px;
  position: relative;
  word-break: break-word;
  word-wrap: break-all;
}
pre[rel] {
  padding-top: 32px;
}
pre[rel]:before {
  content: attr(rel);
  font: bold 12px/22px Arial, Sans-Serif;
  color: white;
  background-color: #7d7663;
  padding: 0px 10px;
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
}
/* =======================
*      CUSTOM FOUNDATION
==========================*/
.row {
  max-width: 80rem;
}
.top-bar {
  background: rgba(31, 40, 81, 1) !important; /* #1f2851 */
  
}
.top-bar-section ul li {
  background: rgba(31, 40, 81, 1);
}
.top-bar-section li:not(.has-form) a:not(.button) {
  background: rgba(31, 40, 81, 0);
}
.top-bar-section li.active:not(.has-form) a:not(.button) {
  color: #fff;
  background: rgba(55, 67, 122, 0.67); /* #37437a */
}
.top-bar-section li.active:not(.has-form) a:not(.button):hover {
  color: #ffffff;
  background: rgba(55, 67, 122, 0.37);
}
.top-bar-section li:not(.has-form) a:not(.button):hover {
  color: #ffffff;
  background: rgba(55, 67, 122, 0.37);
}
.top-bar-section ul li:hover:not(.has-form) > a {
  color: #ffffff;
  background: rgba(55, 67, 122, 0.37);
}
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
  color: #ffffff;
  background: #1f2851;
}
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
  color: #ffffff;
  background: #37437a;
}
.top-bar-section .has-dropdown li.active a {
  color: #ffffff;
  background: #37437a;
}
.top-bar.expanded .title-area {
  background: transparent;
  
}
.top-bar.expanded {
  background: #1f2851 !important;
}
.subheader {
  color: #e6e6e6;
}
.subtext {
	font-size: 14px;
	letter-spacing: 1px;
}

.subtext_with_icon{
	font-size: 24px;
	letter-spacing: 1px;
	padding: 0 0 15px 5px;
	margin-bottom:5px;
}



.f-dropdown {
  outline: none;
}
.pagination .current a {
  background: #f69346 !important;
}
.pagination .current button {
  background: #f69346 !important;
}
.breadcrumbs {
  background-color: transparent;
  border-color: #344245;
}
.breadcrumbs li {
  color: #344245;
}
.breadcrumbs .current {
  color: #f69346;
}
.accordion .accordion-navigation > a,
.accordion .accordion dd > a {
  background: #344245;
  color: #ffe299;
}
.accordion .accordion-navigation > a:hover,
.accordion .accordion dd > a:hover {
  background: #1f2851;
}
.accordion .accordion-navigation.active > a {
  background: #37437a;
}

.button {
	background-color: #37437a;
	border: 1px solid rgb(255,255,255);
	font-family: Arial, sans-serif;
	letter-spacing: 2px;
}

.button:hover {
  background-color: #37437a;
  border: 1px solid rgb(255,255,255);
	 opacity: 0.8;
  -webkit-transition: opacity 0.8s ease;
          transition: opacity 0.8s ease;
}


/*
.button {
  background-color: rgba(0, 0, 0, 0) !important;
  opacity: 1;
  border: 1px solid #f69346 !important;
  color: #f69346 !important;
  -webkit-transition: opacity 0.5s ease;
          transition: opacity 0.5s ease;
}
.button:hover {
  background-color: rgba(0, 0, 0, 0) !important;
  opacity: 0.5;
  -webkit-transition: opacity 0.5s ease;
          transition: opacity 0.5s ease;
} */
.alert-box {
  background-color: rgba(0, 0, 0, 0) !important;
  opacity: 1;
  border: 1px solid #f69346 !important;
  color: #f69346 !important;
  -webkit-transition: opacity 0.5s ease;
          transition: opacity 0.5s ease;
}
.alert-box:hover {
  background-color: rgba(0, 0, 0, 0) !important;
  opacity: 0.5;
  -webkit-transition: opacity 0.5s ease;
          transition: opacity 0.5s ease;
}
.secondary,
.info,
.success,
.warning,
.alert {
  background-color: rgba(0, 0, 0, 0) !important;
  opacity: 1;
  -webkit-transition: opacity 0.5s ease;
          transition: opacity 0.5s ease;
}
.secondary:hover,
.info:hover,
.success:hover,
.warning:hover,
.alert:hover {
  background-color: rgba(0, 0, 0, 0) !important;
  opacity: 0.5;
  -webkit-transition: opacity 0.5s ease;
          transition: opacity 0.5s ease;
}
.secondary {
  border: 1px solid #344245 !important;
  color: #344245 !important;
}
.secondary a {
  color: #344245 !important;
  opacity: 1;
}
.secondary a:hover {
  opacity: 0.5;
}
.info {
  border: 1px solid #7d7663 !important;
  color: #7d7663 !important;
}
.info a {
  color: #7d7663 !important;
  opacity: 1;
}
.info a:hover {
  opacity: 0.5;
}
.alert {
  border: 1px solid #c0392b !important;
  color: #c0392b !important;
}
.alert a {
  color: #c0392b !important;
  opacity: 1;
}
.alert a:hover {
  opacity: 0.5;
}
.success {
  border: 1px solid #16a085 !important;
  color: #16a085 !important;
}
.success a {
  color: #16a085 !important;
  opacity: 1;
}
.success a:hover {
  opacity: 0.5;
}
.warning {
  border: 1px solid #d35400 !important;
  color: #d35400 !important;
}
.warning a {
  color: #d35400 !important;
  opacity: 1;
}
.warning a:hover {
  opacity: 0.5;
}
.dropdown:after {
  border-color: #f69346 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) !important;
}
.secondary.dropdown:after {
  border-color: #344245 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) !important;
}
.info.dropdown:after {
  border-color: #7d7663 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) !important;
}
.alert.dropdown:after {
  border-color: #c0392b rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) !important;
}
.warning.dropdown:after {
  border-color: #d35400 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) !important;
}
.success.dropdown:after {
  border-color: #16a085 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) !important;
}
.split > span {
  border-color: #f69346 !important;
}
.split > span:after {
  border-color: #f69346 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) !important;
}
.secondary.split > span {
  border-color: #344245 !important;
}
.secondary.split > span:after {
  border-color: #344245 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) !important;
}
.info.split > span {
  border-color: #7d7663 !important;
}
.info.split > span:after {
  border-color: #7d7663 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) !important;
}
.alert.split > span {
  border-color: #c0392b !important;
}
.alert.split > span:after {
  border-color: #c0392b rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) !important;
}
.warning.split > span {
  border-color: #d35400 !important;
}
.warning.split > span:after {
  border-color: #d35400 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) !important;
}
.success.split > span {
  border-color: #16a085 !important;
}
.success.split > span:after {
  border-color: #16a085 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) !important;
}
.progress .meter {
  border-color: #f69346;
  background-color: #f69346;
  -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.progress.secondary .meter {
  border-color: #344245;
  background-color: #344245;
  -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.progress.info .meter {
  border-color: #7d7663;
  background-color: #7d7663;
  -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.progress.alert .meter {
  border-color: #c0392b;
  background-color: #c0392b;
  -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.progress.warning .meter {
  border-color: #d35400;
  background-color: #d35400;
  -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.progress.success .meter {
  border-color: #16a085;
  background-color: #16a085;
  -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.switch input:checked + label {
  background: #f69346;
}
.tabs dd a,
.tabs .tab-title a {
  background-color: #344245;
  color: #7d7663;
  -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.tabs dd.active a,
.tabs .tab-title.active a {
  background-color: #1e2628;
  color: #ffe299;
  -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.tabs dd > a:hover,
.tabs .tab-title > a:hover {
  background-color: #4a5e62;
  color: #97907c;
  -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.tabs-content .active {
  background: #1e2628;
  padding: 0.5em;
  color: #ffe299;
}
/* =======================
*           fx
==========================*/
/* ------------------------------ THEME STYLE */
body {
   font-family: "Avenir", Arial, sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Avenir", Arial, sans-serif;
  
}
/* =======================
*           HEADER
==========================*/



.header {
  position: relative;
  margin: 0;
  padding: 1em;
  display: block;
  background-size: cover;
  background-color: #1f2851;
  color: #fff;
  width: 100%;
  height: auto;
 
 
}



.header.internal{
	 background: url('../images/internal-header-image.jpg') no-repeat center top transparent;
}
.header:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(31, 40, 81, 1);
}
.index_main_image {
  vertical-align: middle;
  display: block;
  margin-top: 0%;
  margin-bottom: 0%;
	
  position: relative;
  margin: 0;
  padding: 1em;
  display: block;
  background-size: cover;
  color: #fff;
  width: 100%;
  height: auto;	
  min-height:600px;
	
	
}
#index_main_text{
	margin-top: 80px;
	text-shadow: 1.5px .5px #000;
}
#index_main_text p{
	font-size: 38px;
	color: #e6e6e6;
}

.header .header_inner h1 {
  font-size: 4em;
  color: #fff;
  text-shadow: 1.5px .5px #000;
}
.header .header_inner h2 {
  font-size: 2em;
  color: #fff;
}
.header .header_inner h1,
.header .header_inner h2 {
  margin: 0 auto;
}

.sideicon{
	color: #1f2851;
	
}
.sideicon a{
	color: #1f2851!important;
}


/* =======================
*           INFO
==========================*/
.information {
  
  background: rgba(2, 22, 86, .80);
  border-bottom: 1px solid #1e2628;
  padding: 2em 0 0 0;
   
}
.information p{
	font-size:10px;
	color:#fff;
	text-transform: uppercase;
}

.information a{
	color: #fff;
}

.stuck {
  position:fixed;
  top:0;
  z-index: 5555555;
  width: 100%!important;

}

/* =======================
*           MAIN
==========================*/
.main-index {
  min-height: 200px;
  background: #fff;
  border-bottom: 1px solid #e6e6e6;
  padding: 2em 4em;
}
.main-index h3{
	color: #37437a;
	font-size: 40px;
	padding-bottom:15px;
}
.main-index h3, .main-index h4{
	text-transform: uppercase;
}
.main-index h4, .main-index p{
	color: #000;
}



/* =======================
*           TESTIMONIALS
==========================*/
.testimonials {
  min-height: 200px;
  background: #dbdbd9;
  border-bottom: 1px solid #1e2628;
  padding: 2em 4em;
  color: #7d7663;
}
.testimonials h3 {
	color: #37437a;
	font-size: 40px;
  	text-transform: uppercase;
	padding-bottom:15px;
}
.testimonials img{
	padding-bottom: 4px;
}
/* =======================
*           SUBSCRIBE
==========================*/
.subscribe {
 
  vertical-align: middle;
  display: block;
  margin-top: 0%;
  margin-bottom: 0%;
	
  position: relative;
  margin: 0;
  padding: 1em;
  display: block;
 
  background-size: cover;
  color: #fff;
  width: 100%;
  height: auto;	
  min-height:600px;	
 	

}

#subscribe-box{
	background: rgba(0, 0, 0, .4);
	
}

#subscribe-outer{
	margin-top: 60px;
	
}
.subscribe-text {
	padding: 10px 0 10px 0;
}
.subscribe-text p, .subscribe-text h3{
	color:#fff;
}
.h3floatcenter{
	
	text-align:center;
	width:100%;
	
}

.h3floatcenter h3{
	padding: 12px 0 12px 0;
}

/* =======================
*           TEAM
==========================*/
.team {
  min-height: 200px;
  background: #ffffff;
  border-bottom: 1px solid #e6e6e6;
  padding: 2em 0;
}
.team .tumb {
  height: auto;
}
.team .tumb img {
  padding: 0.5em;
  border: 1px solid #e6e6e6;
  width: 150px;
  margin: 0 auto;
}
.team h3 {
  color: #251606;
}
.team p {
  text-align: center;
}
/* =======================
*           PREFOOTER
==========================*/
.prefooter {
  min-height: 200px;
  background: #1f2851;
  
  padding: 2em 0;
}
.prefooter h4 {
  color: #ffffff;
}
.prefooter ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.prefooter a{
	color: #fff;
}

/* =======================
*           FOOTER
==========================*/
.footer {
  min-height: 50px;
  background: #1f2851;
  padding: 1em 0;
  text-align: center;
  color: #fff;
}
/* ---------------------------- SECTIONS */
/* =======================
*           BLOG
==========================*/
.blog-header {
  padding: 0.5em;
}
.blog-header span {
  display: inline-block;
  margin-right: 0.5em;
  border-radius: 100%;
  text-align: center;
}
.blog-header a {
  display: inline-block;
  margin-right: 0.5em;
}
.blog-header h4 {
  color: #7d7663;
}
.blog-header b {
  color: #344245;
}
.blog-body {
  background: #ffffff;
  padding: 1em;
  word-break: break-word;
}
.blog-sidebar {
  background: #ffffff;
}
.blog-sidebar h3 {
  color: #344245;
}
.blog-sidebar h3 span {
  display: inline-block;
  margin-right: 0.5em;
  color: #f69346;
}
.blog-sidebar a {
  margin: 0;
}
/* =======================
*           PORTFOLIO
==========================*/
.works_header {
  text-align: center;
}
.works_header h2 {
  color: #7d7663;
}
.works_header h3 {
  font-style: italic;
  font-weight: 300;
}
.works_item {
  display: block;
  padding: 0;
  margin-bottom: 1em;
  text-align: center;
  border: 1px solid #f2f2f2;
  border-radius: 10px;
  background: #ffffff;
  overflow: hidden;
  color: #6B6B6B;
  -webkit-transition: all 0.8s ease;
          transition: all 0.8s ease;
}
.works_item .tumb {
  border-bottom: 0.5em solid #344245;
  margin: 0;
}
.works_item .tumb img {
  border-radius: 10px 10px 0 0;
  -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.works_item small {
  color: black;
}
.works_item:hover {
  background: #e6e6e6;
  -webkit-transition: all 0.8s ease;
          transition: all 0.8s ease;
}
.works_item:hover img {
  -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);
          transform: scale(1.5);
  -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
/* Fx window thumbnail */
.portfolio_item img {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-animation: tumb 30s infinite ease;
          animation: tumb 30s infinite ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes tumb {
  50% {
    -webkit-transform: translate(0%, -40%);
            transform: translate(0%, -40%);
  }
}
@keyframes tumb {
  50% {
    -webkit-transform: translate(0%, -40%);
            transform: translate(0%, -40%);
  }
}
.portfolio-description a {
  display: inline-block;
  padding: 0.2em 0.5em;
}
.portfolio-description a i {
  margin-right: 0.5em;
  color: #344245;
}
/* =======================
*           SERVICES
==========================*/
.services_item {
  display: block;
  margin: 0;
  margin-bottom: 1em;
  padding: 0.5em;
  text-align: center;
  color: #344245;
  border-bottom: 1px solid #E2E2E2;
}
.work-with-us {
  padding: 3em 0;
  text-align: center;
  background: #f69346;
  color: #ffffff;
}
.work-with-us-body h3 {
  color: #ffffff;
}
.work-with-us-body h6 {
  color: #e6e6e6;
}
.work-with-us-body span {
  color: #d37d24;
}
.work-with-us-body {
  margin: 2em 0;
}
/* =======================
*           CONTACT
==========================*/
.contact-info {
  color: #7d7663;
  font-size: 1.2em;
}
.contact-info h4 {
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}
.contact-info h4:first-child {
  margin-top: 0;
}
.contact-info span {
  display: inline-block;
  line-height: 0.9em;
  padding: 0.1em 0.3em;
  margin-right: 0.5em;
  background: #344245;
  color: #ffffff;
  border-radius: 100%;
}
/* =======================
*           ABOUT
==========================*/
.about-list {
  border: 1px solid #e6e6e6;
  padding-top: 1em;
  margin-bottom: 1em;
  background: #ffffff;
}
.about-list em,
.about-list i {
  color: #344245;
}
.about-list em:hover,
.about-list i:hover {
  color: #4a5e62;
}
.about-list img {
  border-radius: 4px;
}

/* =======================
*    MODULES, FAQs
==========================*/

.question{
	font-family: Arial, sans-serif;
	color: #6f6f6f;
	margin: 10px 0 -16px 0;
}
.question h4:first-child{
	margin-top: 0;
}

/* =======================
*           login
==========================*/
.login {
  min-height: 200px;
  background: #ffffff;
  padding: 4em 0;
}

/* =======================
*        modal windows
==========================*/

.modalTitle{
	color:#46A9F6;
}
.lblapplication{
	padding-left: 0!important;
	margin-left: 0!important;
	width: 100%;
}

.home-boxes p, .home-boxes span{
	color:#fff;
}

.home-box-header{
	color:#fff;
	font-size: 1.2em;
}

.box-p-home{
	padding:20px;
}

.home-box-header{
	color:#fff;
	font-size: 1.2em;
}

.box-p-home{
	padding:20px;
}

.hp1{
	display: none!important;
}

.hp2{
	display: none!important;
}

#life_process_wait, #medicare_process_wait{
	display:none;
}

.checksize{
		float:right;
	}
	
.navlogo{
	max-height:72px;
}

@media only screen and (min-width: 40.063em) { 
	.home-center{
		margin-left:40px; 
		margin-right:40px;
	}
	.header{
	 min-height: 90px;
	}
	.top-bar-section{
		margin-top:26px;
	}
}

@media only screen and (max-width: 40em) { 
.navlogo {
	height: 54px;
}
.top-bar-section{
	margin-top: 2px;
	
}
#index_main_text p{
	font-size: 20px;
	
}
	.checksize{
		float:none;
	}
}

#calc_results {
	margin: 0px 20px 0px 20px;
	padding: 0px 20px 0px 20px;
}