body
{
max-width: 2000px;	
font-family: Arial, sans-serif;
font-weight: 300;
color: #969b96;
margin: 0 auto;
padding: 0px;
font-size: 18px;
line-height: 24px;
}

#mobile_menu_buttons
{
text-align: right;
visibility: hidden;
width: 100px;
height: 0px;
float: right;
position: relative;
top: 10px;
right: 10px;
}

/*@media (max-width: 767px) {

#mobile_menu_button
{
top: 0px;
right: 0px;
}
	
}*/	

#mobile_menu_button img
{
height: 0px;
}

#mobile_menu #mobile_menu_close
{
position: absolute;
top: 20px;
right: 20px;
display: none;
padding: 0px;
text-align: center;
}

@media (max-width: 1365px) {

#mobile_menu_buttons
{
visibility: visible;
height: auto;
}

#mobile_menu_button img
{
height: auto;
}

}

#mobile_menu
{
width: 100%;
height: auto;	
display: none;
position: absolute;
left: 0px;
top: 0px;
z-index: 1100;
background: #0564c5;
overflow: auto;
}

#mobile_menu a
{
display: block;	
font-size: 20px;
font-weight: bold; 	
padding: 10px 0px;
color: #ffffff;
text-decoration: none;
text-transform: uppercase;
}

#mobile_menu ul
{
width: 80%;	
padding: 50px 0px 50px 0px;	
margin: 0 auto;
list-style-type: none;
text-align: center;
}

#mobile_menu ul li
{
background: #0564c5;	
padding-top: 2px;
padding-bottom: 0px;
}

#mobile_menu ul li ul
{
padding: 0px 0px 0px 0px;	
}

#mobile_menu ul li ul li a
{
font-weight: normal;	
}

img
{
max-width: 100%;
height: auto;
}

strong
{
font-weight: bold;	
}

h1
{
font-size: 54px;
font-weight: 600;
line-height: 64px;
color: #0564c5;
margin-top: 0px;
}

@media (max-width: 767px) {

h1
{
font-size: 44px;
line-height: 54px;
}	
	
}

h2
{
font-size: 25px;
font-weight: 800;
line-height: 30px;
color: #0564c5;
margin-top: 10px;
margin-bottom: 10px;
}

h3, h4, h5
{
font-size: 20px;
line-height: 30px;
color: #474747;
margin-top: 0px;
}

a
{
color: #474747;
text-decoration: none;	
}

a.button
{
color: #ffffff;	
font-weight: bold;	
border-radius: 30px;
padding: 10px 20px;	
background: #0564c5;
text-decoration: none;
}


header
{
position: sticky;
top: 0px;
z-index: 1;
max-width: 100%;
min-height: 0px; 
}

@media (max-width: 1365px) {
	
header
{
position: relative;	
}
	
}	

header #header_inner
{
max-width: 2500px;
padding: 10px 2% 10px 2%;
margin: 0 auto;
background: #ffffff;
}

header #header_inner #logo
{
display: inline-block;
width: 50%;
}

header #header_inner #header_right
{
float: right;
width: 50%;
text-align: right;
padding-top: 0px;
}

header #header_inner #header_right p
{
font-size: 30px;
line-height: 40px;	
font-weight: bold;
color: #0564c5;
padding: 0px;
margin: 0px;
}

header #header_inner #header_right p a
{
color: #0564c5;	
}

header nav
{
position: relative;
top: 0px;
right: 0px;
display: inline-block;
width: 100%;
text-transform: uppercase;
background: #0564c5;
}

@media (max-width: 1365px) {
	
header nav
{
display: none;
}

header #header_inner
{
width: 60%;
float: left;
}

header #header_inner #logo
{
width: 100%;		
float: none;	
clear: both;
text-align: left;	
}	

header #header_inner #header_right
{
/*width: 100%;	
float: none;	
clear: both;
text-align: left;*/
display: none;	
}

header #header_inner #header_right p
{
font-size: 18px;
line-height: 24px;
padding-left: 5px;	
}
	
}	

header nav ul
{
position: relative;	
list-style: none;
text-align: center;
margin: 0px;
padding: 15px 2%;
z-index: 10;
}

header nav ul li 
{
display: inline-block;
}

header nav ul li a, header  nav ul li a:hover
{
font-size: 20px;	
font-weight: bold;	
line-height: 20px;	
color: #ffffff;
text-decoration: none;
padding: 15px 15px;
}

header nav ul .menu-item-has-children:after
{
content: url('images/nav_arrow.png');
position: relative;
left: -10px;
}

header nav ul li a:hover
{
color: #969b96;
}

header nav ul li ul 
{
position: absolute; 
left: -999em;
z-index: 10;
text-align: left;
margin-left: -35px;
}

header nav ul li ul li 
{
min-width: 250px;	
display: block;
}	

header nav ul li ul li a
{
display: block;
z-index: 10;
}

header nav ul li ul li
{
clear: both;
background: #0564c5;
z-index: 1;
}

header nav ul li ul li:hover
{
clear: both;
z-index: 1;
}

header nav ul li:hover ul {
    left: auto;
	z-index: 10;
}

#header_banner, #home_header_banner, #product_header_banner
{
width: 100%;
min-height: 647px;
overflow: auto;
background-position: center;
background-size: cover;
}

@media (max-width: 1365px) {
	
#header_banner, #home_header_banner
{
min-height: 400px;
}	
	
}	

@media (max-width: 767px) {
	
#header_banner
{
min-height: 300px;
}	

.single #header_banner
{
min-height: 400px;
}
	
}

#header_banner h3, #header_banner h1
{
position: relative;	
font-size: 40px;
line-height: 50px;
color: #ffffff; 	
width: 60%;
top: 500px;
padding: 15px 1%;
background: rgba(113,113,113,0.5);
text-align: left;
text-transform: uppercase;	
}

@media (max-width: 1365px) {
	
#header_banner h3, #header_banner h1
{
font-size: 40px;
line-height: 50px;
width: 60%;
top: 150px;
}	
	
}

@media (max-width: 1023px) {
	
#header_banner h3, #header_banner h1
{
font-size: 30px;
line-height: 40px;
width: 60%;
top: 150px;
}	
	
}

@media (max-width: 767px) {
	
#header_banner h3, #header_banner h1
{
top: 100px;
}	
	
}		

#why_us
{
font-size: 30px;
line-height: 40px;	
font-weight: bold;
width: 96%;
text-align: center;
color: #ffffff;
background: #0564c5;
padding: 5px 2%; 	
}

#why_us p
{
margin: 0px;
padding: 0px;	
}

#logos
{
width: 96%;
text-align: center;
padding: 20px 2%; 	
}

#logos img
{
max-height: 150px;	
padding: 10px 2%;	
}

#wrap
{
max-width: 1500px;
margin: 0 auto;
padding: 20px 2%;
overflow: hidden;
}

main
{
width: 75%;
margin-right: 2%;
float: left;	
}

aside
{
width: 21%;
padding: 0px 1%;
float: right;
color: #ffffff;
background: #0564c5;
text-align: center;
overflow: hidden;	
}

aside h3
{
color: #ffffff;	
}

@media (max-width: 1367px) {
	
main
{
width: 60%;

}

aside
{
width: 34%;
}	
	
}

@media (max-width: 1023px) {
	
main
{
width: 96%;

}

aside
{
width: 98%;
}	
	
}

#tile_menu
{
clear: both;	
width: 100%;
text-align: center;
padding-bottom: 40px;
}

#tile_menu .inner
{
max-width: 1550px;
margin: 0 auto;
}

#tile_menu h3
{
font-size: 16px;
line-height: 20px;
padding: 15px 4% 15px 4%;
margin-bottom: 0px;
color: #ffffff;
background: #0564c5;	
}

#tile_menu a
{
display: block;	
font-size: 16px;
line-height: 20px;
padding: 10px 4% 10px 4%;
margin-top: 10px;
color: #ffffff;
background: #0564c5;
text-align: center;	
}

#tile_menu p
{
padding: 0px 4%;	
}

#tile_menu img
{
width: 100%;	
}

#tile_menu .tile
{
text-align: left;	
width: 22.5%;
margin: 1%;
display: inline-block;
vertical-align: top;
box-sizing: border-box;	
}

@media (max-width: 1367px) {
	
#tile_menu .tile
{	
width: 30.5%;	
}
	
}

@media (max-width: 1150px) {
	
#tile_menu .tile
{	
width: 46.5%;	
}
	
}	

@media (max-width: 767px) {	

#tile_menu .tile
{	
width: 95.5%;	
}
	
}	
	

footer
{
clear: both;	
font-size: 14px;
line-height: 24px;
color: #ffffff;	
max-width: 2000px;
margin: 0 auto;
overflow: auto;	
padding: 20px 0px;
text-transform: uppercase;
background: #0564c5;
}

footer h3
{
font-size: 20px;	
color: #ffffff;	
text-decoration: none;
margin: 0px;
padding: 0px;
border-bottom: 2px solid #ffffff; 
}

footer a
{
font-weight: bold;	
color: #ffffff;	
text-decoration: none;
}

footer ul
{
list-style-type: none;
padding: 0px;
margin: 0px;	
}

footer #footer_inner
{
max-width: 1550px;
margin: 0 auto;
padding: 20px 2% 0px 2%;
overflow: auto;
}

footer #footer_inner .col1
{
width: 21%;
padding: 0px 2%;
float: left;
}

footer #footer_inner .col2
{
width: 21%;
padding: 0px 2%;
float: left;
}

footer #footer_inner .col3
{
width: 21%;
padding: 0px 2%;
float: left;
}

footer #footer_inner .col4
{
width: 21%;
padding: 0px 2%;
float: left;
}

@media(max-width: 1367px){
	
footer #footer_inner .col1
{
width: 46%;
}

footer #footer_inner .col2
{
width: 46%;
}

footer #footer_inner .col3
{
width: 46%;
}

footer #footer_inner .col4
{
width: 46%;
}

}	

@media(max-width: 767px){
	
footer #footer_inner .col1
{
width: 96%;
min-height: 0px;
padding-bottom: 20px;
}

footer #footer_inner .col2
{
width: 96%;
min-height: 0px;
padding-bottom: 20px;
}

footer #footer_inner .col3
{
width: 96%;
min-height: 0px;
padding-bottom: 20px;
}

footer #footer_inner .col4
{
width: 96%;
min-height: 0px;
padding-bottom: 20px;
}

}

#areas_covered
{
clear: both;
width: 96%;
padding: 20px 2% 20px 2%;
overflow: auto;
}

#areas_covered h3
{
margin-bottom: 5px;	
}

#copyright
{
font-size: 12px;
font-weight: bold;
clear: both;
color: #ffffff;
text-align: left;
padding: 15px 2%;
margin: 0 auto;
overflow: auto;
}

input
{
font-weight: bold;	
width: 96%;
background: #ffffff;
padding: 10px 2%;
border: none;
}

input[type=submit]
{
font-size: 20px;
font-weight: bold;
width: 100%;
color: #0564c5;	
background: #ffffff;
border: none;
}

select
{
width: 330px;
color: #ffffff;	
background: #0c1019;
border: 5px solid #ffffff;
padding: 10px;
}

textarea
{
width: 96%;
background: #ffffff;
padding: 10px 2%;
border: none;
}

.wpcf7-spinner {
	text-align: center;
    visibility: hidden;
    display: inline-block;
    background-color: #23282d;
    opacity: 0.75;
    width: 96%;
    height: 24px;
    border: none;
    border-radius: 100%;
    padding: 0;
    margin: 0 24px;
    position: relative;
}