@charset "utf-8";

/* FONTS */
/****
font-family: 'Montserrat', Arial, Helvetica, sans-serif; 300, 400
font-family: 'Oswald', Arial, Helvetica, sans-serif; 700
****/

html, body {
margin: 0; padding: 0; height: 100%;
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
font-size: 18px; color: #000; }

a { color: #3b526c; text-decoration: none; transition: all 0.15s ease-in-out; }
a:hover { color: #999; }
p { margin: 0; padding: 10px 0; line-height: 34px; }
#content li { padding: 5px 0; line-height: 28px; }
div { margin: 0; padding: 0; height: auto; }
img { max-width: 100%; height: auto; vertical-align: middle; line-height: normal; }
hr { border: 0; margin: 0 0 25px 0; padding: 25px 0 0 0; }

#content ul.ccm-error {
padding: 10px 20px;
margin: 0 auto;
display: block;
text-align: center;
color: red; }
#content ul.ccm-error li {
dispaly: inline-block;
list-style-type: none;
margin: 0; padding: 0;
}

.wrap {	position: relative; margin: 0 auto; }
.clearit { clear: both; }
.redactor span { display: inline-block !important; }
html.c5-edit-mode .inner-content { z-index: auto !important; }

.fields input, .fields select, .fields textarea { background: rgba(255,255,255,0.25);  }
.form-actions input[type="submit"] { background: #009548; }
.form-actions input[type="submit"]:hover { background: #7a8893; }

#pagewrap,#headwrap,#navwrap,#slidewrap,#basewrap,#cntwrap,#footwrap,#credwrap 
{ position: relative; width: 100%; z-index:1; }

#pagewrap h1, #pagewrap h2, #pagewrap h3, #pagewrap h4, #pagewrap h5, .login-page button.btn {
color: #00355f; font-weight: normal; margin: 5px 0; 
font-family: 'Oswald', Arial, Helvetica, sans-serif; text-transform: uppercase; }
#pagewrap h1 strong, #pagewrap h2 strong, 
#pagewrap h3 strong, #pagewrap h4 strong, #pagewrap h5 strong { font-weight: normal; color: #a0abb3; }

#pagewrap h1 { font-size: 45px; line-height: 55px; padding-bottom: 25px; }
#pagewrap h2 { font-size: 45px; line-height: 55px; padding-bottom: 25px; }
#pagewrap h3 { font-size: 45px; line-height: 45px; }
#pagewrap h4 { font-size: 45px; line-height: 45px; }
#pagewrap h5 { font-size: 35px; line-height: 35px; }
#pagewrap h5 a, .login-page button.btn {
padding: 10px 15px; margin: 30px auto 15px auto; display: inline-block;
background: #efefef; color: #333; }
#pagewrap h5 a:hover { background: #bbb; }
#pagewrap #content h5 a:hover, .login-page button.btn:hover { background: #bbb; }

body { 
background: #fff url(../images/vds-wallpaper.jpg) top center no-repeat; 
background-attachment: fixed; background-size: cover; }

#pagewrap { background: rgba(255,255,255,0.3); text-align: center; }

#headwrap { }
#header { padding: 100px 0; }

	#logo, #headtxt { margin: 0 auto; padding: 0; vertical-align: middle; }
	
#navwrap { z-index: 10; }
#nav { padding: 0; }

#slidewrap { }
#slideshow { padding: 0; }

#cntwrap { text-align: center; }
#content { padding: 0 0 75px 0; }
	
#promowrap { }
#promobox { }

	.pbox { position: relative; background: #00355f; transition: all 0.15s ease-in-out; display: inline-block; vertical-align: top; margin: 0; padding: 0; }
	.pbox:before { 
	background: rgba(20,85,130,0.25); content:''; transition: all 0.25s ease-in-out;
	position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; }
	
	.pbox:hover { background: #155485; }
	.pbox:hover:before { background: rgba(20,85,130,0); height: 0; }
	
	.pbox a { display: block; }
	
	#promobox .pbox h3 { position: relative; text-align: left; margin: 0; }
	#promobox .pbox h3:after {
	position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; content:'';
	background: #021c31 url(../images/plus.png) center center no-repeat; background-size: 65%;
	}
	#pagewrap .pbox a h3 { color: #fff; }
	
#footwrap { background: #00355f; }
#footer { padding: 75px 0; text-align: center; color: #fff; }
	
	#footer ul { margin: 0; padding: 0; list-style-type: none; }
	#footer li { width: auto; margin: 10px 2%; display: inline-block; color: #fff; }
	#footer a { color: #fff; }
	#footer a:hover { color: #a0abb3; }
	#pagewrap #footer h1, #pagewrap #footer h2 { color: #fff; }
	#footer strong { color: #a0abb3; }
	
#credwrap { background: #021c31; }
#credits { padding: 25px 0; text-align: center; }

	#credits, #credits a { color: #bbb; font-size: 11px; }
	#credits a:hover { color: #999; }

/* ///////////////////////////////////////////////////////////// */
/* //////////////MAKE/IT/RESPONSIVE/THEY/SAID/////////////////// */
/* ////////////////////////////.../SO/I/DID///////////////////// */
/* ///////////////////////////////////////////////////////////// */

@media screen and (min-width: 250px)
{
.wrap { width: 100%; }

#toptxt { text-align: center; }
#logo, #headtxt { display: block; }
#logo { width: 90%; max-width: 450px; text-align: center; margin-bottom: 15px; }
#headtxt { width: 90%; text-align: center; }
 
#article,#articlefull,#aside 
{ position: relative; width: 90%; margin: 0 auto; padding: 40px 0; } 

#promobox { padding: 0 0 100px 0; }
.pbox { width: 47%; margin: 10px 1%; }
#promobox .pbox h3 { padding: 8px 12px; font-size: 30px; word-spacing: -8px; line-height: 40px; }
#promobox .pbox h3:after { max-width: 30px; }

#credits { width: 90%; margin: 0 auto; }
}
@media screen and (min-width: 550px) 
{ 
.pbox { width: 47%; margin: 10px 1%; }
#promobox .pbox h3 { padding: 8px 12px 15px 12px; font-size: 35px; word-spacing: -8px; line-height: 40px; }
} 
@media screen and (min-width: 800px)
{ 
#toptxt { text-align: right; }
#logo, #headtxt { display: inline-block; }
#logo { width: 50%; }
#headtxt { width: 69%; text-align: right; }

#promobox { padding: 50px 0 100px 0; }
.pbox { width: 47%; margin: 10px auto; }
#promobox .pbox h3 { font-size: 50px; word-spacing: -12px; line-height: 55px; }
#promobox .pbox h3:after { max-width: 75px; }

}
@media screen and (min-width: 1140px)
{ 
.wrap { width: 1140px; }

#article,#articlefull,#aside { float: left; margin: 0; }
#article { 		width: 800px; 	padding: 0 0; }
#articlefull { 	width: 1140px; 	padding: 0 0; }
#aside { 		width: 290px; 	padding: 0 0 0 50px; }

.sixty { width: 75% !important; margin: 0 auto !important; float: none !important; }

.pbox { width: 31%; margin: 10px 1%; }
} 
 
/* ///////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////// */