html {height:100%;}
body {
  margin: 0;
  font-family: 'Philosopher', sans-serif;
  height:100%;
  color:#404040;
  background:#f6f7f7;
}

* {box-sizing: border-box;}
.clear {clear:both;}

a {color:#081a32;text-decoration:none;}
a:hover {text-decoration:underline;}
a[href^="tel:"] {
  color: #FFFFFF;
  text-decoration: none;
}
.class50 a[href^="tel:"] {
  color: #404040;
  text-decoration: none;
}

h1 {font-size:2.5em;color:#ffffff;}
p {font-size:1.25em;color:#ffffff;line-height:1.3em;}

h2 {font-size:1.75em;}
h3 {font-size:1.25em;}

ul {padding-left:15px;}
li {padding:5px 0;}

.intro-main{/*background:#e5e5e5 url(../images/hs-main-1.jpg);background-repeat: no-repeat;background-attachment: fixed;background-position: center;*/min-height:300px;width:100%;padding:80px 0;}
.intro {background:rgba(8, 26, 50, 0.9);width:60%;z-index:1;margin:0 auto;padding:20px 55px 35px 55px;}

.global-header {
  background-size: cover;
  background-position: center center;
  width: 100%;
  min-height: 500px;;
  transition: all 2s;
}

.text-center { text-align: center; }

.image-contain {margin:300 0; padding: 0;}
.image { width: 60%; margin:0 auto;}



.group-mobile {display:none;}

.top-nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  background-color: #ececec;
  color: #404040;
  height: 50px;
  /*padding: 1.3em;*/
}

.nav-main {
  background-color: #ececec;
  color: #404040;
  height: 50px;
  /*padding: 1.3em;*/
  width:100%;
}

.menu-block {float:left;width:65%;}


.logo {width:30%;padding-left:40px;background:#FFFFFF;height:50px;float:left;}
.logo-img {padding-top:5px;}

.triangle {float:left;width:5%;}

.menu {
  display: flex;
  flex-direction: row;
  list-style-type: none; 
  margin : 0;
  padding: 0;
  font-size:.85em;
  font-weight:bold;
  text-transform:uppercase;
}

.menu > li {
  /*margin: 0 1rem;*/
  /*padding:16.5px 21px;*/
  width:17%;
  text-align: center;
  padding:16.5px 0;
}

.menu > li a {
	color: #404040;
	text-decoration:none;
}

.menu > li a:hover {
background:#ffffff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
padding:8px;
}

.menu-button-container {
  display:none;
  height: 100%;
  width: 30px;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#menu-toggle {
  display: none;
}

.menu-button, .menu-button::before, .menu-button::after {
  display: block;
  background-color: #404040;
  position: absolute;
  height: 4px;
  width: 30px;
  transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
  border-radius: 2px;
  top:0;
  right:0;
  margin-top:20px;
  padding-right:5px;
  margin-right:5px;
  z-index: 999999;
}

.menu-button::before {
  content: '';
  margin-top: -8px;
}

.menu-button::after {
  content: '';
  margin-top: 8px;
}

#menu-toggle:checked + .menu-button-container .menu-button::before {
  margin-top: 0px;
  transform: rotate(405deg);
  background:#FFFFFF;
}

#menu-toggle:checked + .menu-button-container .menu-button {
  background: rgba(255, 255, 255, 0); 
}

#menu-toggle:checked + .menu-button-container .menu-button::after {
  margin-top:0px;
  transform: rotate(-405deg);
  background:#FFFFFF;
}
.phone {background:#9e0b0f;color:#ffffff;height:50px;}


.footer {width:100%;background:#081a32;color:#FFFFFF;font-size:.8em;}
.footer-left {float:left;width:60%;padding:20px 0 20px 40px;}
.footer-right {float:left;width:40%;padding:20px 40px 20px 0;text-align:right;}

.quote-contain {width:100%;background:#eff0f0;}
.quote {width:50%;margin:0 auto;background:#ffffff;text-align:center;padding:15px 30px;font-weight:bold;}
.quote h2 {color:#9e0b0f;font-size:1.5em;text-align:center;}
.quote p {color:#404040;font-size:1.2em;}

.quote-side {float:left;width:25%;background:#eff0f0;min-height:200px;}
.triangle-topleft {float:left;width: auto; height: 0; border-top: 200px solid #eff0f0; border-right: 70px solid transparent; }
.triangle-topright {float:left;width: auto; height: 0; border-top: 200px solid #ffffff; border-right: 70px solid #eff0f0; }
/*.quote {float:left;width:50%;background:#ffffff;min-height:200px;text-align:center;padding: 0 8%}*/

blockquote {
  /*margin: 1.5em 10px;*/
  margin:0px;
  padding: 0.8em 5px 0em 5px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #cccccc;
  content: open-quote;
  font-size: 5em;
  line-height: 0.1em;
  margin-right: 0.1em;
  vertical-align: -0.4em;
}
blockquote:after { 
  color: #cccccc;
  content: close-quote;
  font-size: 5em;
  line-height: 0.8em;
  margin-left: 0.1em;
  vertical-align: -0.46em;
}

blockquote p {
  display: inline;
}

.main-area {width:70%;margin:30px auto;padding-bottom:20px;}
.main-area p {color:#404040;font-size:1em;line-height:1.6em;}

.class25 {width:23%;float:left;margin-right:2%;}
.class50 {width:50%;float:left;margin:0px 0px 20px 0px;}
.class75 {width:75%;float:left;}

.class60 {width:58%;float:left;margin-right:2%;}
.class40 {width:40%;float:left;}

.client-ref {width:100%;background:#FFFFFF;margin:20px 0;padding:5px 20px;text-align:center;position: relative;}
.client-ref:before {
    content: '';
    position: absolute;
    bottom: 0; right: 0;
    border-right: 80px solid #f6f7f7;
    border-top: 80px solid #FFFFFF;
    width: 0;
}
.client-ref h3 {font-size:1em;}

.client-rep {width:100%;margin:20px 0;text-align:center;}
.rep-client {color:#404040;}
.rep-more {display:none;margin-bottom:20px;}

.client-rep ul {padding:0;margin:0;}
.client-rep li {
list-style: none;
padding:0;
margin:0;
background:#e5e5e5;
padding:10px 20px;
font-size:.75em;
}

.client-rep .sub-menu {
display: none;
}


.vletter {color:#9e0b0f;text-decoration:none;font-weight:bold;}

.profile-img {width:20%;float:left;margin:20px 10px;}
.profile-menu {width:10%;float:left;margin:20px 10px;}
.pro-right {margin-right:0px;}
.pro-left {margin-left:0px;}

.button-side {
color: #ffffff !important;
background: #9e0b0f !important;
text-decoration: none !important;
padding: 10px 0;
text-align: center;
display: block;
margin: 15px 0;
width: 100%;
}

.class25 a:hover {
background: #79080b !important;
text-decoration: none !important;
}

/*******NEWSFEED CSS*******/
.news-hero-img {float:left;width:40%;margin-right:2%;}
.news-hero-con {float:left;width:58%;}
.news-hero-con h3 {
margin:0 0 0 0;
padding:0 0 0 0;
}
.news-hero-con h4 {
margin:0 0 0 0;
padding:0 0 0 0;
color:#9e0b0f;
font-size:.9em;
font-style:italic;
font-weight:normal;
}
.news-cta {color:#9e0b0f;font-weight:bold;}
.news-entry {
float:left;
width:22%;
margin-right:3%;
margin-top:30px;
background:#ececec;
min-height:275px;
}
.news-entry p {
padding:0px 10px 10px 10px;
margin-top:5px;
}
.news-btn {
color: #ffffff !important;
background: #9e0b0f !important;
text-decoration: none !important;
padding: 5px 0;
text-align: center;
display: block;
margin: 15px 0;
width: 30%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; /* future proofing */
-khtml-border-radius: 5px; /* for old Konqueror browsers */
}

.newsfeed-full {width:100%;text-align:justify;}
.newsfeed-full h3 {margin-bottom:5px;}
.newsfeed-full h4 {
margin:0 0 0 0;
padding:0 0 0 0;
color:#9e0b0f;
font-size:.9em;
font-style:italic;
font-weight:normal;
}
.newsfeed-full h5 {
margin:3px 0 0 0;
padding:0 0 0 0;
font-size:.9em;
font-style:italic;
font-weight:normal;
}
.refnote {color:#9e0b0f;font-weight:bold;}
/*******NEWSFEED CSS*******/


/*MEDIA QUERY*/
@media (max-width: 1350px){
.profile-menu {width:15%;}
.pro-right {margin-right:20px;}
.pro-left {margin-left:20px;}


}

/*MEDIA QUERY*/
@media (max-width: 1024px){
.menu {font-size:.7em;}
.menu > li {padding-top:20px;}
}


@media (max-width: 1000px){
.logo {float:none;width:100%;text-align:left;border-bottom:2px solid #ececec;padding-left:15px;}
.triangle {display:none;}
.menu-block {float:none;width:100%;}
	
.menu-button-container {
	display: flex;
}
.menu {
  position: absolute;
  top: 0;
  /*margin-top: 65px;*/
  left: 0;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
  z-index:9999;
}

#menu-toggle ~ .menu li{
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
  display:none;
}

#menu-toggle:checked ~ .menu li{
  border-bottom: .5px solid #ffffff;
  height: 3.5em;
  padding: 1.2em;
  transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
  display:block;
}

.menu > li {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0.5em 0;
  width: 100%;
  color: white;
  background-color: #081a32;
  opacity: 0.96;
  filter: alpha(opacity=96); /* For IE8 and earlier */
  font-size:1.3em;
}
.menu > li a {
color:#ffffff;	
}

.menu > li:not(:last-child){
  border-bottom: 1px solid #444;
}
.menu-block {margin-right:20px;}
.phone {background:#9e0b0f !important;}

.footer-left {width:100%;padding:20px 40px 0 40px;text-align:center;}
.footer-right {width:100%;padding:0px 40px 20px 40px;text-align:center;}

.menu > li a:hover {
background:none;
}
.profile-img {width:28%;}
.profile-menu {width:20%;}
.class60 {width:100%;float:none;margin-right:0;}
.class40 {width:100%;float:none;margin-top:50px;}
.client-ref:before {
    border-right: 50px solid #f6f7f7;
    border-top: 40px solid #FFFFFF;
}

.news-hero-img {float:none;width:100%;}
.news-hero-con {float:none;width:100%;}
.news-entry {width:47%;min-height:325px;}
}


/*MEDIA QUERY*/
@media (max-width: 800px){
.intro-main{padding:0 0;background:url(../images/hs-main-mobile.jpg);background-repeat: no-repeat;background-attachment: fixed;background-position: center;}
.intro {width:100%;margin:0 auto;padding:20px 55px 45px 55px;}
.quote {width:75%;}
.group-mobile {display:block;}
.global-header{padding:0 0;background:url(../images/hs-main-mobile.jpg) !important;background-repeat: no-repeat !important;background-position: center !important;}
.class25 {width:100%;margin-bottom:20px;}
.class50 {width:100%;}
.class75 {width:100%;}
.profile-menu {width:40%;}
/*.image-contain { width: 100%; margin:0; padding: 0;}
.image { width: 100%; margin:0 auto; float:none}*/

}



/*MEDIA QUERY*/
@media (max-width: 600px){
.profile-img {width:45%;margin-right:0px;}
.profile-menu {width:60%;}
.news-btn {width:100%;}
.news-entry {width:100%;min-height:0px;}
.image-contain { width: 100%; margin:0; padding: 0;}
.image { width: 100%; margin:0 auto; float:none}

}



/*MEDIA QUERY*/
@media (max-width: 480px){
.logo {text-align:left;padding-left:10px;}
.logo-img {width:65%;}
h1 {font-size:2em;color:#FFFFFF;}
p {font-size:1em;color:#FFFFFF;line-height:1.3em;}
.quote {width:100%;}
.class50 {float:none;}
.profile-img {width:75%;float:none;}


/*.image-contain { width: 100%; margin:0; padding: 0;}
.image { width: 100%; margin:0 auto; float:none}*/

}