@font-face {
    font-family: 'dinregular';
    src: url('/concrete8/application/themes/hydraulic/webfonts/din-webfont.woff2') format('woff2'),
         url('/concrete8/application/themes/hydraulic/webfonts/din-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'din_mediumregular';
    src: url('/concrete8/application/themes/hydraulic/webfonts/din_medium-webfont.woff2') format('woff2'),
         url('/concrete8/application/themes/hydraulic/webfonts/din_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dinbold';
    src: url('/concrete8/application/themes/hydraulic/webfonts/din_bold-webfont.woff2') format('woff2'),
         url('/concrete8/application/themes/hydraulic/webfonts/din_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html {
    margin: 0;
    padding: 0;
	height: 100%;
	scroll-behavior: smooth;
}

body {
    display: flex;
    height: 100%;
    flex-direction: column;
	background: #eaeaea;
}

small .small {
	margin-top: -10px;
}

input {
	border: none;
	background: #fff;
}

textarea {
	border: none;
	background: #fff;
}

.btn-wide {
	width: 100%;
}

/**************** STICKY FOOTER ****************/
.sticky {
    flex: 1;
}

/**************** HEADER STYLES ****************/
.header {
    width: 100%;
    height: 125px;
    background-color: #012639;
    text-align: center;
	border-bottom: thin solid #fff;
}

.logo {
    float: left;
    padding: 35px 0 0 40px;
	width: 100%;
	max-width: 400px;
	height: auto;
}

.tagline {
    display: inline-block;
	font-size: 130%;
	color: #ccc;
	padding: 20px 80px 0 0;
	margin-top: 0;
}

.tagline .h1, h1 {
	color: #ccc;
}

.tagline a {
	color: #ccc;
}

.tagline a:hover {
	color: #fff;
	text-decoration: underline;
}

.tagRight {
	text-align: right;
}


.logos {
	text-transform: uppercase;
	font-size: 220%;
	line-height: 1.2;
}

.subline {
	text-transform: none;
}

.footer {
    text-align: left;
    font-size: 90%;
    background: #999;
	padding: 10px 0;
    width: 100%;
    color: #fff;
}

.footer a {
	text-decoration: none;
	font-size: 90%;
	color: #fff !important;
	background:  none !important;
}

.footer a:hover {
	text-decoration: underline;
	color: #002739 !important;
}
	
.logofooter {
	text-align: left;
	width: 100%;
	max-width: 350px;
	height: auto;
}

.basefooter {
    text-align: center;
    font-size: 50%;
    background-color: #444;
    padding: 10px 0;
    width: 100%;
    color: #fff;
    letter-spacing: 1px;
}

.contactdetails {
	padding-top: 20px;
	text-align: left;
}

.footerstrip {
    position: relative;
    bottom: 0;
    width: 100%;
    background: #555;
    color: #fff;
    padding: 40px;
    font-size: 80%;
	text-align: left;
}

.footerstrip a {
    color: #fff;
    background-color: darkorange;
    border-radius: 2px;
    padding: 3px 8px;
    line-height: 2
}

.footerstrip a:hover {
    color: #000;
}

.footerstrip h6 {
    color: #ccc;
	line-height: .5;
}

.facebook {
    float: right;
    text-align: center;
}

.google-map{
	overflow:hidden;
	padding-bottom:56.25%;
	position:relative;
	height:0;
}
.google-map iframe{
	left:0;
	top:0;
	height:100%;
	width:100%;
	position:absolute;
}

.btn-summit {
    color: #fff;
    background-color: #444;
    border-color: #ccc;
	border-radius: 0;
}

.btn-summit:focus,
.btn-summit.focus {
    color: #015378;
    background-color: #ccc;
    border-color: #8c8c8c;
}

.btn-summit:hover {
    color: #015378;
    background-color: #ccc;
    border-color: #8c8c8c;
}

.btn-summit:active,
.btn-summit.active,
.open>.dropdown-toggle.btn-default {
    color: #015378;
    background-color: #ccc;
    border-color: #8c8c8c;
}

.btn-summit:active:hover,
.btn-summit.active:hover,
.open>.dropdown-toggle.btn-summit:hover,
.btn-summit:active:focus,
.btn-v.active:focus,
.open>.dropdown-toggle.btn-summit:focus,
.btn-summit:active.focus,
.btn-summit.active.focus,
.open>.dropdown-toggle.btn-summit.focus {
    color: #015378;
    background-color: #ccc;
    border-color: #8c8c8c;
}

.btn-summit:active,
.btn-summit.active,
.open>.dropdown-toggle.btn-default {
    background-image: none;
}

.btn-summit.disabled:hover,
.btn-summit[disabled]:hover,
fieldset[disabled] .btn-summit:hover,
.btn-summit.disabled:focus,
.btn-summit[disabled]:focus,
fieldset[disabled] .btn-summit:focus,
.btn-summit.disabled.focus,
.btn-summit[disabled].focus,
fieldset[disabled] .btn-summit.focus {
    background-color: #fff;
    border-color: #ccc;
}

.centered a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	background: rgba(0,0,0,.6);
    color: #fff;
    font-size: 115%;
    font-weight: 800;
    width: 90%;
    text-transform: uppercase;
}

.centered a:hover {
    color: #000;
	background: rgba(255,255,255,.6);
}

.menulogo {
	display: block;
	margin: 0 auto;
	width: 100px;
	height: auto;
}

.padbase {
	padding-bottom: 20px;
}

.bg-white {
	background: #fff;
	height: 194px !important;
}

.bg-white-big {
	background: #fff;
	height: 500px !important;
}

.bg-white a {
	text-decoration: underline;
	color: #005279;
}

.bg-white-pad {
	background: #fff;
	padding: 4px 20px 20px 20px;
}

.bg-light {
	font-size: 90%;
	line-height: 1.2;
	text-align: center;
	border-bottom: thin solid #444;
	padding: 10px 0;
}

.bg-grey {
	font-size: 90%;
	line-height: 1.2;
	text-align: center;
	border-bottom: thin solid #444;
	padding: 10px 0;
	background: #f6f6f6;
}

.bg-light:nth-child (1) {
	font-size: 90%;
	line-height: 1.2;
	text-align: center;
	border-bottom: thin solid #444;
	padding-top: 10px;
	padding-bottom: 10px;
}

input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -moz-transform: scale(1.25); /* FF */
  -webkit-transform: scale(1.25); /* Safari and Chrome */
  transform: scale(1.25);
  padding-right: 20px;
}

label {
	padding-left: 10px;
}

/*************** IPAD ***************/
@media screen and (max-width: 1440px) {
.hamburger {
	right: 15px;
}
    
.logo {
	max-width: 350px;
	margin: 10px 0 0 0;
}

.caption {
    font-size: 180%;
	line-height: 1.25;
}
	
.phoneline {
	display: block;
	margin: -130px 0 0 80px;
}
	
.footer {
    text-align: center;
}

.logofooter {
	text-align: center;
}


/*************** MOBILE ************/
@media screen and (max-width: 768px) {
.header {
	height: 135px;
}
	
.logo {
    float: left;
    padding: 0 10px;
    width: 100%;
	max-width: 260px;
	height: auto;
}

.tagline {
    display: inline-block;
	font-size: 80%;
	color: #ccc;
	padding: 0;
	margin-top: 0;
}

.tagline a {
	color: #ccc;
}

.tagline a:hover {
	color: #fff;
	text-decoration: underline;
}

.tagRight {
	text-align: center;
}
	
.menulogo {
	display: none;
}
	
.phoneline {
	display: none;
}
	
.buttonlink {
	display: none;
}
	
.footerstrip {
	text-align: center;
}
	
.logofooter {
	text-align: center;
}
	
.footerlogo {
	float: none;
	text-align: center;
}

.contactdetails {
	padding-top: 20px;
	text-align: center;
}
}