@import url(https://fonts.googleapis.com/css?family=Merriweather:400,300,700,300italic,400italic);
.tel {
    position: absolute;
    top: 26px;
    right: 511px;
    z-index: 999;
}
.tel h3 {color:#fff}
@media (max-width: 970px) {
	.tel {display:none;}
}
.login2 a{color:#04245e}
.contact {position:absolute; top:5px; right:310px; z-index:999;}
.blue {color:#a4c8e1}
.login {position:absolute; top:5px; right:100px; z-index:999;}
 .login2 {display:none}  
@media (max-width: 660px) {
 .login {display:none}   
	 .contact {display:none} 
    .login2 {display:block; position:fixed; bottom:0; width:100%; z-index:9999; height:32px; background:#A4c8e1; text-align:center;  padding-top:5px; font-size:0.8rem}
}
#rss-feeds ul {list-style: none; margin-left: 0;}
#rss-feeds a{font-weight: 600; color:#A4c8e1}
#rss-feeds li{font-weight: 400; color:#fff; padding-bottom: 10px; border-bottom: dotted; border-bottom-color:#fff; border-width: 1px; margin-bottom: 10px;}
#rss-feeds li:last-child{border:none}

.magrack {background-image:url(../img/graphic.jpg); width:100%; height:500px; margin-top:-60px;}
 .down {position:absolute; width:30px; height:45px; left:50%; margin-left:-15px; z-index:999; bottom:80px;}
::-moz-selection{ background: #A4c8e1; color:#fff; text-shadow: none; }
::selection { background:#A4c8e1; color:#fff; text-shadow: none; }

/* j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #A4c8e1; }
.john {

    transform: rotate(1deg) ;
    -webkit-transform: rotate(1deg) ;
    -moz-transform: rotate(1deg) ;
    -o-transform: rotate(1deg) ;
    -ms-transform: rotate(1deg) ;
-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.59);
-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.59);
box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.59);
margin-bottom:30px;

}
.john2 {

    transform: rotate(1deg) ;
    -webkit-transform: rotate(-1deg) ;
    -moz-transform: rotate(-1deg) ;
    -o-transform: rotate(-1deg) ;
    -ms-transform: rotate(-1deg) ;
-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.59);
-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.59);
box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.59);
margin-bottom:30px;

}
.menu-text {font-size:1.4rem; color:#fff; position:absolute; right:80px; top:32px; z-index:999; text-transform:uppercase; font-weight:600;}
.menu-button:hover {background-color:transparent; text-indent:-999px;}
.widgettitle {color:#A4c8e1;}
#sidebar1 li {margin-left:0px;}
#sidebar1 ul {margin-bottom:60px;}

.full {position:absolute; top:0; left:0; bottom:0; right:0;  background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(0, 32, 91, 0.7), 
      rgba(0, 32, 91, 0.2)
    ),
    /* bottom, image */url(../img/bg.jpg);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
}
.book {margin-bottom: 60px; margin-top: -50px;}
.bookshelf{position:relative; margin-top: -60px; top:0; left:0; right:0; height:400px; margin-bottom:60px;  background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(0, 32, 91, 0), 
      rgba(0, 32, 91, 0)
    ),
    /* bottom, image */url(../img/bookshelf.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;}

.fullc {position:relative; top:0; left:0; right:0; height:200px; margin-bottom:60px;  background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(0, 32, 91, 0.7), 
      rgba(0, 32, 91, 0.2)
    ),
    /* bottom, image */url(../img/knowledge.jpg);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
}


.fullb {position:relative; top:0; left:0; right:0; height:600px; margin-bottom:60px;  background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(0, 32, 91, 0.7), 
      rgba(0, 32, 91, 0.2)
    ),
    /* bottom, image */url(../img/knowledge.jpg);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
}
.fullb h2 {font-size:2.5rem; color:#fff; margin-bottom:-10px; margin-top:70px;}
.fullb h3 a{color:#A4c8e1; font-size:1.2rem; }
.fullc h2 {font-size:2.5rem; color:#fff; margin-bottom:-10px; margin-top:70px;}
.fullc h3 a{color:#A4c8e1; font-size:1.2rem; }
.fullc h4 {font-size:2.5rem; color:#fff; margin-bottom:-10px; margin-top:130px;}
.fullc h5 {font-size:1.3rem; color:#fff; margin-bottom:-10px; margin-top:20px; font-weight: 300}
.fullb h4 {font-size:2.5rem; color:#fff; margin-bottom:-10px; margin-top:130px;}
.fullb h5 {font-size:1.3rem; color:#fff; margin-bottom:-10px; margin-top:20px; font-weight: 300}

.fulla {position:relative; top:0; left:0; right:0; height:200px; margin-bottom:60px;  background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(0, 32, 91, 0.7), 
      rgba(0, 32, 91, 0.2)
    ),
    /* bottom, image */url(../img/bg.jpg);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
}
.fulla h2 {font-size:2.5rem; color:#fff; margin-bottom:-10px; margin-top:70px;}
.fulla h3 a{color:#A4c8e1; font-size:1.2rem; }
.afterfull {position:absolute; width:100%; top:100%; padding-top:50px;}
.small {font-size:85%;}
.logo {width:343px; height:159px; position:absolute; z-index:999; left:40px; top:20px;}

#cookie-bar {
	
	line-height:34px;
	color:#fff;
	text-align:center;
	padding:3px 0;
	background-color: #5E5D5D;
}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%; z-index:9999;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;  z-index:9999;}
#cookie-bar p {
	margin:0;
	font-size:12px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom:5px;
	padding-left: 0;
}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {
	background-color: #7DAF3B;
}
#cookie-bar .cb-enable:hover {background:#111;}
#cookie-bar .cb-disable {
	background-color: #AF3B3B;
}
#cookie-bar .cb-disable:hover {
	background-color: #111;
}
#cookie-bar .cb-policy {
	background-color: #5E5D5D;
}
#cookie-bar .cb-policy:hover {background:#111;}

.subfooter {background-color:#00205b; width:100%; padding-top:50px; padding-bottom:50px; background-position:center;}
.subfooter p, .subfooter a {color:#fff;}
.subfooter strong {color:#A4c8e1;}
.subfooter h4 {color:#A4c8e1;}
.subfooter a:hover {text-decoration:underline;}

.footer {background-color:#222; width:100%; padding-top:50px; padding-bottom:50px;}
.footer p, .footer a {color:#fff;}
.footer strong {color:#A4c8e1;}
.footer a:hover {text-decoration:underline;}








/* -- BUTTONS -- */

	.btn,
	a.btn {
		font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
		display: inline-block;
		padding: 20px 30px;
		margin-top:20px;
		font-size: 12px;
		font-weight: 700;
		line-height: 12px;
		letter-spacing: 1px;
		color: #3A3C51;
		min-width: 200px;
		background: #A4c8e1;
		border: none;
		text-align: center;
		text-transform: uppercase;
		cursor:pointer;
text-decoration:none;
		transition: 0.9s cubic-bezier(0.18, 1, 0.21, 1);
		-o-transition: 0.9s cubic-bezier(0.18, 1, 0.21, 1);
		-ms-transition: 0.9s cubic-bezier(0.18, 1, 0.21, 1);
		-moz-transition: 0.9s cubic-bezier(0.18, 1, 0.21, 1);
		-webkit-transition: 0.9s cubic-bezier(0.18, 1, 0.21, 1);

		-webkit-border-radius: 24px;
		-moz-border-radius: 24px;
		border-radius: 24px;
	}
	
	.btn:hover,
	a.btn:hover {
		background: #fff;
		color: #3A3C51;
		
	}
	
	.btn1,
	a.btn1 {
		font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
		display: inline-block;
		padding: 20px 30px;
		margin-top:20px;
		font-size: 12px;
		font-weight: 700;
		line-height: 12px;
		letter-spacing: 1px;
		color: #3A3C51;
		min-width: 200px;
		background: #A4c8e1;
		border: none;
		text-align: center;
		text-transform: uppercase;
		cursor:pointer;
text-decoration:none;
		transition: 0.9s cubic-bezier(0.18, 1, 0.21, 1);
		-o-transition: 0.9s cubic-bezier(0.18, 1, 0.21, 1);
		-ms-transition: 0.9s cubic-bezier(0.18, 1, 0.21, 1);
		-moz-transition: 0.9s cubic-bezier(0.18, 1, 0.21, 1);
		-webkit-transition: 0.9s cubic-bezier(0.18, 1, 0.21, 1);

		-webkit-border-radius: 24px;
		-moz-border-radius: 24px;
		border-radius: 24px;
	}
	
	.btn1:hover,
	a.btn1:hover {
		background: #333;
		color: #fff;
		
	}
	
	
	@media (max-width: 2440px) {
		.btn,
		a.btn {
			padding: 18px 27px;
			font-size: 11px;
			line-height: 11px;
			letter-spacing: 1px;
			min-width: 180px;

			-webkit-border-radius: 24px;
			-moz-border-radius: 24px;
			border-radius: 24px;
		}
		
			.btn1,
		a.btn1 {
			padding: 18px 27px;
			font-size: 11px;
			line-height: 11px;
			letter-spacing: 1px;
			min-width: 180px;

			-webkit-border-radius: 24px;
			-moz-border-radius: 24px;
			border-radius: 24px;
		}
		
	}
	@media (max-width: 480px) {
		.btn,
		a.btn {
			padding: 18px 30px;
			font-size: 10px;
			line-height: 10px;
			letter-spacing: 1px;
			min-width: 150px;

			-webkit-border-radius: 24px;
			-moz-border-radius: 24px;
			border-radius: 24px;
		}
		.btn1,
		a.btn1 {
			padding: 18px 30px;
			font-size: 10px;
			line-height: 10px;
			letter-spacing: 1px;
			min-width: 150px;

			-webkit-border-radius: 24px;
			-moz-border-radius: 24px;
			border-radius: 24px;
		}
		.logo {width:266px; height:159px; position:absolute; z-index:999; left:20px; top:20px;}
	}

.quoteholder {width:100%; padding-top:60px; padding-bottom:40px; background-color:#A4c8e1; }


.quoteholder p {color:#222;}
.quoteholder h2 {color:#00205b; padding-bottom:20px;}

.picstrip2 {	
	background-image:url(../img/bg2.jpg);
	background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  height:400px; 
}
.picstrip3 {	
	background-image:url(../img/bg3.jpg);
	background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  height:400px; 
}
.picstrip4 {	
	background-image:url(../img/bg4.jpg);
	background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  height:400px; 
}
.picstrip5 {	
	background-image:url(../img/bg5.jpg);
	background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  height:400px; 
}
.picstrip6 {	
	background-image:url(../img/bg6.jpg);
	background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  height:400px; 
}
.picstrip7 {	
	background-image:url(../img/bg7.jpg);
	background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  height:400px; 
}
.picstrip8 {	
	background-image:url(../img/bg8.jpg);
	background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  height:400px; 
}
.picstrip9 {	
	background-image:url(../img/bg9.jpg);
	background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  height:400px; 
}
.picstrip10 {	
	background-image:url(../img/bg10.jpg);
	background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  height:400px; 
}

.large-8 ul
{
    margin:0;
    padding-left:15px;
	padding-bottom:30px;
	padding-top:0px;
}
	
		.large-8 li {
			color:#222;
			font-size:0.95rem;
	list-style-position: outside;
	list-style-type: square;
	text-indent: 0em;
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	
	margin-bottom: 0px;
	padding-left: 0px;
	list-style-image: url(../img/bull.png);
}


.bull ul
{
    margin:0;
    padding-left:15px;
	padding-bottom:30px;
	padding-top:0px;
}
	
		.bull  li {
			color:#333;
			font-size:0.95rem;
	list-style-position: outside;
	list-style-type: square;
	text-indent: 0em;
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	
	margin-bottom: 0px;
	padding-left: 0px;
	list-style-image: url(../img/bull1.png);
}