html, body {
height: 100%;
min-height: auto;
margin: 0px auto;
box-sizing: border-box;
word-wrap: break-word;
}
::selection {
color: #fff;
background: #1E1E1E;
}
::-moz-selection {
color: #fff;
background: #1E1E1E;
}
body {
max-width:100%;
width:100%;
background-color: #fff;
margin: 0px;
vertical-align: middle;
text-align: center;
font-family: "Asap", "Helvetica", "Arial";
font-size: 19px; /* 16 */
font-weight: 400;
letter-spacing: 0px;
line-height: 24px;
color: #1E1E1E;
padding: 0px;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-ms-text-size-adjust: none;
-moz-text-size-adjust: none;
-o-text-size-adjust: none;
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
}
@font-face {
font-family: 'Asap';
src: url('webfonts/Asap-Regular.ttf') format('truetype');
font-weight: 100 900;
font-style: normal;
}
@font-face {
font-family: 'AsapItalic';
src: url('webfonts/Asap-Italic.ttf') format('truetype');
font-weight: 100 900;
font-style: normal;
}
#wrapper {
width: 100%;
height: auto;
margin: 0px auto;
text-align: left;
float: left;
}
#content {
background-color: #fff;
max-width: 700px;
height: auto;
margin: 0px auto;
margin-top: 20px;
padding: 20px;
text-align: left;
z-index: 1 !important;
overflow: auto;
}
#navigation-wrapper {
width: 100%;
height: auto;
padding-top: 0px;
padding-bottom: 0px;
background-color: #ffffff;
float: none;
position: relative;
z-index: 9000 !important;
}
#navigation {
max-width: 1000px;
height: auto;
margin: 0px auto;
padding: 10px;
text-align: left;
z-index: 0;
overflow: auto;
}
#navigation #left {
max-width: auto;
height: auto;
margin: 0px auto;
text-align: left;
float: left;
overflow: hidden;
}
#navigation #right {
max-width: auto;
height: auto;
text-align: right;
font-size: 20px; /* 16 */
font-weight: 500;
text-transform: normal;
letter-spacing: -0.2px;
margin-top: 40px;
margin-right: 15px;
float: right;
}
#navigation #right-mobile {
display: none;
}
#navigation #right a {
text-decoration: none;
color: #0077B0;
margin-left: 20px;
}
#navigation #right a:hover {
text-decoration: none;
color: #bb8a08;
}
#navigation #right a:visited {
text-decoration: none;
}
.active {
text-decoration: none;
color: #821722 !important;
}
#footer-wrapper {
width: 100%;
height: auto;
margin-top: 00px;
padding-top: 30px;
padding-bottom: 30px;
background-color: #fff;
float: none;
position: absolute;
}
#footer {
max-width: 1200px;
height: auto;
margin: 0px auto;
font-size: 11px;
text-align: center;
z-index: 0;
overflow: auto;
}
#footer a:link {
text-decoration: none;
color: #191919;
}
#footer a:visited {
text-decoration: none;
color: #191919;
}
#footer a:hover {
text-decoration: none;
color: #191919;
}
/* HEADINGS */
.opener {
font-weight: 400;
font-size: 45px;
letter-spacing: -1.5px;
line-height: 45px;
color: #1E1E1E;
padding: 20px;
margin-top: -30px;
}
.subsite {
font-weight: 400;
font-size: 45px;
letter-spacing: -1.5px;
line-height: 24px;
color: #1E1E1E;
}
a {
text-decoration: none;
color: #0077B0;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #0077B0;
}
a:hover {
text-decoration: underline;
text-decoration-skip-ink: auto;
color: #0077B0;
}
.services {
color: #821722;
margin-top: 30px;
margin-bottom: 10px;
}

.hi-opener-box {
padding: 3px;
cursor:pointer;
float: right;
display: block;
}


.hi-opener {
width: 20px;
height: 2px;
background-color: black;
margin-bottom: 3px;
display: block;
}

#callto-box {
width: 100%;
height: auto;
margin: 0px auto;
margin-top: 80px;
margin-bottom: 40px;
text-align: center;
}
.callto {
width: auto;
height: auto;
padding-top: 13px;
padding-bottom: 13px;
padding-left: 24px;
padding-right: 24px;
margin: 0px auto;
background-color: #0077B0;
color: #fff !important;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.5px;
text-transform: uppercase;
border-radius: 3px;
border: 0px;
transition: all 0.2s ease 0s !important;
}
.callto:hover {
text-decoration: none;
background-color: #088ac9;
}
.callto:visited {
text-decoration: none;
background-color: #088ac9;
transform: translateY(-7px) !important;
}






.animatefading{
animation: fading 5s infinite;
border-radius: 5px;
margin-bottom: 30px;
}

@keyframes fading{
0%{ opacity:0}50%{opacity:1}100%{opacity:0}}

#impression{
background-color: #fff;
max-width: 1100px;
height: auto;
margin: 0px auto;
margin-top:  -30px;
margin-bottom: -50px;
padding: 0px;
text-align: left;
z-index: 1 !important;
}

.impression{
border-radius: 5px;
}
.newsimage{
margin-top: 10px;
border-radius: 5px;
}



/*  SECTIONS  */
.section {
  clear: both;
  padding: 0px;
  margin: 0px;
}

/*  COLUMN SETUP  */
.col {
  display: block;
  float:left;
  margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF TWO  */
.span_2_of_2 {
  width: 100%;
}
.span_1_of_2 {
  width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 800px) {
  .col { 
    margin: 1% 0 1% 0%;
  }
}

@media only screen and (max-width: 800px) {
  .span_2_of_2, .span_1_of_2 { width: 100%; }
}






h2, h3, h4, h5, h6{
line-height: 35px;
font-weight: 600;
}
h1{
line-height: 35px !important;
font-weight: 600;
}
b {
font-weight: 600;
}
.spacer{
width: 100%;
height: 2px;
background-color: #E6E6E6;
margin-top: 30px;
margin-bottom: 30px;
display: block;
}
.teamimage{
width: 90%;
height: auto;
border-radius: 4px;
}






@media only screen and (max-width: 800px) {
#navigation #right {
display: none;
}
#navigation #right-mobile {
max-width: auto;
height: auto;
text-align: right;
font-size: 15px; /* 16 */
font-weight: 400;
letter-spacing: -0.2px;
text-transform: none;
margin-top: 15px;
margin-right: 15px;
z-index: 900000 !important;
float: right;
display: block;
}
.sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-color: #fff;
overflow-x: hidden;
transition: 0.01s;
padding-top: 35px;
text-align: left;
opacity: 1;
}
.sidenav a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 17px;
font-weight: 400;
color: #000000;
display: block;
transition: 0.3s;
}
.sidenav a:hover{
color: #000000;
}
.sidenav .closebtn {
position: absolute;
top: 15px;
right: 25px;
font-size: 32px;
margin-left: 50px;
padding: 3px;
}
.opener {
display: none !important;
}
.sidenav-spacer {
width: 100%;
height: 1px;
margin-top: 6px;
margin-bottom: 6px;
background-color: #E6E6E6;
display: block;
}

.sidenav-call {
float: right;
margin-right: 20px;
margin-top: -3px;
font-size: 11px;
text-transform: uppercase;
font-weight: 500;
border: 1px solid #bb8a08;
border-radius: 4px;
padding-left: 7px;
padding-right: 7px;
cursor: pointer;
}

#content-wide-image {
display: none !important;
}
.content-wide-image-mobile {
max-width: auto;
min-height: auto;
margin: 0px auto;
margin-top: 95px !important;
display: block !important;
}
.teamimage{
width: 40%;
height: auto;
border-radius: 4px;
}
}