body {background-color: #a89886 }

.panel {background-color: transparent; border: none}

#header img { 
	text-align: center; width: 17%; border: 2.5px solid #b2a191; margin-top: -1.3%  }


h1 {text-align: center; font-size: 1.95em; font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; padding: 0; color: #002142 !important; 
text-shadow: 1.5px 1.5px 2px rgba(150, 150, 150, .7); }

h2 {text-align: center; font-size: 1.45em; font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; margin: %; padding: 0; color: white ;
text-shadow: 1px 1px 1.5px rgba(150, 150, 150, .7);  margin-top: %}

h3 {text-align: center; font-size: 1.5em; font-family: 'Open Sans Condensed', sans-serif; font-weight: 400; margin: -1%; padding: 0; color: #a91b37 !important;
text-shadow: 1px 1px 1.5px rgba(150, 150, 150, .4);   }

h4 {text-align: center; font-size: 1.35em; font-family: 'Open Sans', sans-serif; 
font-weight: 400; margin: 0; padding: 0; color: white !important; text-shadow: 1px 1px 1.5px rgba(150, 150, 150, .4);  }

h5 {text-align: center; font-size: 1.25em; font-family: 'Open Sans', sans-serif; 
font-weight: 300; font-size: 1.1em; margin: 0; padding: 0; color: white !important;}


h6 {font-family: 'Open Sans Condensed', sans-serif; font-weight: 300;  color: white !important}






a {text-align: center; font-size: 1em; font-family: 'Open Sans Condensed', sans-serif; font-weight: 300;  color: white ;}

a:hover {text-align: center; font-size: 1em; font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; color: #c1b3a4 !important;}


  button:hover, button:focus, .button:hover, .button:focus { font-family: 'Open Sans', sans-serif !important; background-color: #c1b3a4 ; color: white !important; font-weight: 600 }

.button {
background-color: #c1b3a4; font-family: 'Open Sans', sans-serif; font-weight: 600; color: #001a34;
}


p {  font-family: 'Open Sans', sans-serif;  color: white !important; font-size: 1.1em}

#featured h2 {font-size: 1.15em; padding-top: 2%}

@media only screen and (max-width:640px) {
#featured h2 {font-size: 1.15em; padding-top: 2%; margin-left: 2%}
}

#featured img {width: 65%}


#featured .active {color: #a91b37; font-weight: bold; font-size: .92em }

#featured h3 {font-size: 1.05em; font-weight: 300}

#description  h2{text-align: left; padding-right: 1%;}   
	


#info p {text-align: left}

#info li {
 	color: white;
text-align: left;
font-size: 1.1em;
}

#info img {width: 25%}

#test-info img {width: 40%}

#test-info p {text-align: left}

#price h3{color: #2175ca !important}

#senior img {width: 40%}

nav.top-bar { 
background: #001a34; margin-top:0 ;padding-bottom: %; padding-top: 0;
}


.top-bar-section ul li > a {
                        color: white !important;					
						font-size: 1.3em;
                        background: #001a34 !important;
                        font-family: 'Open Sans Condensed', sans-serif;
text-shadow: .8px .8px 1px rgba(150, 150, 150, .6);  
              
}



.top-bar-section ul li > a:hover {color: #c1b3a4 !important}
					 				
section.top-bar-section ul.right li.active a {color: #b2a191 !important; text-shadow: .5px .5px 1px rgba(150, 150, 150, .6);  }
													
nav.top-bar ul.title-area li.name h1 a  {color: #c1b3a4; font-family: 'Open Sans Condensed', sans-serif;    background: transparent !important  }							
	
 .top-bar .toggle-topbar.menu-icon a::after {   -webkit-box-shadow: 1px 10px 1px 1px #766664, 1px 16px 1px 1px #766664, 1px 22px 1px 1px #766664;
box-shadow: 0 10px 0 1px #766664, 0 16px 0 1px #766664, 0 22px 0 1px #766664;  
}

nav.top-bar {
text-align:center;  ;
}
section.top-bar-section {
display: inline-block;
}



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


.top-bar ul li a { background: #001a34 !important; text-shadow: .5px .5px 1px rgba(150, 150, 150, .6) !important;  }
.top-bar-section ul li.active > a { background: #001a34 !important; }
.top-bar-section li a:not(.button):hover { color: yellow; background:#001a34 !important; }
body {background-color: #001a34}

}


@media only screen and (max-width:640px) {
	#header img { 
		text-align: center; width: 56%; border: 2.5px solid #b2a191; margin-top: -1%  }
		
	#info img {width: 42%}	
	
	#test-info img {width: 69%}
	
	#senior img {width: 79%}
		
}

.large-4.columns h6.text-center a{color: #002142 !important}

.large-4.columns h6.text-center a:hover{color: white !important}

.large-4.columns h6. text-center {color:}

#policy {margin-top: 2%}
#policy li {color: white; text-align: left}
#policy  p{text-align: left}



DIV.texthover {padding-top: ;
    width:100%;
    display:block;
    position:relative;
    text-align: center!important;}

DIV.texthover .overlay {
    position:absolute;
    top:52%;
    width:0;

    width:100%;
    height:20%;
    padding:10px;
    background-color:transparent;

	
    margin-top: %
}


 DIV.texthover  img {
	

	border: 2.5px solid #b2a191;
	opacity: 0.65 ;
	    filter: alpha(opacity=40); /* For IE8 and earlier */}	
		
}


 div.overlay h2 {color: red !important}

 
#ind-home img{margin-bottom: 3%}

#bottom-element img {width: 60%}
#bottom-element h4 {font-size: 1.3em; font-weight: 600}

#bottom-element h6 {margin: 0 !important; padding:0 !important; font-size: .8em}

#mail-gif img {text-align: center !important; width: 50% }





a.morelink {
    text-decoration:none;
    outline: none;

}
.morecontent span {
    display: none;
}
.comment {
    width: ;
    background-color: #001a34;
    margin: 2%;
color: white;
text-align: left;
font-size: 1.1em;
font-family: 'Open Sans', sans-serif;
}


.comment a {color: #a91b37 !important}

.comment p {
	color: white;
	text-align: left;
	font-size: 1em;
	font-family: 'Open Sans', sans-serif;
	}




			
	
@media only screen and (min-width: 40em) and (max-width: 64em) {
	DIV.texthover .overlay {
	    position:absolute;
	    top:35%;
	    width:0;

	    width:100%;
	    height:20%;
	    padding:10px;
	    background-color:transparent;	
	 }}