@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------------------- */

/* Responsive images */

img,
embed,
iframe,
object,
video {
	max-width: 100%;
}


/* Body, links, basics */
html {
	font-size: 87.5%;
	font-size: 15px;
}

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

body {
	margin: 0; padding: 0;
	font-size: 15px;
	font-size: 1em;
	background: #e2e2e2 url(bg.jpg) top repeat-x;
	color: #212d35;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-weight: 400;
}
p { margin: 0; padding: 0 0 1em 0; }
a { color: #00629c; }
a:hover, a:active { color: #00afd9; }
a:visited { color: #00629c; }

.page {
	max-width: 1250px;
	margin: 0 auto;
}

#header {
	padding: 1em 1em 0 1em;
}
#header h1 {
	margin: 0 0.5em 0.5em 0; padding: 0;
	float: left;
}
#header p#headtel {
	clear: right;
	float: right;
	font-family: "Open Sans", sans-serif;
	font-size: 1.4em;
	font-weight: 600;
	color: #455a68;
	margin: 0;
	padding: 0 0 0.25em 0;
}
#header p#lang {
	float: right;
	margin: 0 0 0.25em 0.25em;
	padding: .5em 0 0 0;
}
#nav {
	display: none;
	margin: 0 0 0.25em 0; padding: 0;
}
#nav-repeat {
	margin: 1em 0 0.5em 0; padding: 0;
}
#nav ul, #nav-repeat ul {
	margin: 0; padding: 0;
	list-style: none;
}
#nav ul li, #nav-repeat ul li {
	float: left;
	margin: 0 1px 3px 0; padding: 0;
}
#nav ul li a, #nav-repeat ul li a {
	display: block;
	padding: 0.5em 1em;
	text-decoration: none;
	background: #212d35;
	border-radius: 4px;
	color: #ffffff;
	transition: all linear .2s;
}
#nav ul li a:hover, #nav ul li a:active,
#nav-repeat ul li a:hover, #nav-repeat ul li a:active {
	background: #798894;
}
#home #nav ul li#navhome a, #home #nav-repeat ul li#navhome a,
#about #nav ul li#navabout a, #about #nav-repeat ul li#navabout a,
#repairs #nav ul li#navrepairs a, #repairs #nav-repeat ul li#navrepairs a,
#appointment #nav ul li#navappointment a, #appointment #nav-repeat ul li#navappointment a,
#pdr #nav ul li#navpdr a, #pdr #nav-repeat ul li#navpdr a,
#glass #nav ul li#navglass a, #glass #nav-repeat ul li#navglass a,
#followup #nav ul li#navfollowup a, #followup #nav-repeat ul li#navfollowup a,
#feedback #nav ul li#navfeedback a, #feedback #nav-repeat ul li#navfeedback a,
#contact #nav ul li#navcontact a, #contact #nav-repeat ul li#navcontact a {
	background: #0196a3;
}

#content {
	background: #fff;
	/*border-bottom: 12px solid #455a68;*/
	/*border-top: 1px solid #798894;*/
	border-radius: 4px;
	box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
}
#content-content {
	padding: 2em;
}

#content #home-splash {
	position: relative;
	width: 100%;
	margin: 0 0 1em 0; }
#content #home-splash img {
	width: 100%;
	height: auto; }

#content #contacttel {
	font-size: 1.4em;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
}

#content dl {
	margin: 1em 0;
	padding: 0 0 0 2em;
}
#content dl dt {
	font-size: 1.3em;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	margin: 0 0 0.5em 0;
}
#content dl dt span {
	background: #0196a3;
	padding: 0.25em 0.75em;
	color: #ffffff;
}
#content dl dt a {
	color: #ffffff;
}
#content dl dd {
	margin: 0 0 2em 0;
	padding: 0;
}

#content .rightalign {
	float: right;
	margin: 1em;
	max-width: 50%;
	height: auto;
}

#footer {
	padding: 1em;
	font-size: 0.8em;
	text-align: right;
	color: #788d9b;
}

#footer p {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

#footer p a {
	color: #788d9b;
	margin: 0 .5em;
}

.btn {
	display: inline-flex;
	align-items: center;
}

a.btn-primary {
	background-color: #0196a3;
	border-color: #0196a3;
	color: #fff;
}

a.btn-primary:hover,
a.btn-primary:focus,
a.btn-primary:active {
	background-color: #00393e;
	border-color: #00393e;
}

.page #pswidget .pswidget-block .pswidget-field {
	box-shadow: none;
	border-color: #212d35;
	border-radius: 2px;
	background-color: #fff;
}


/* =Media queries
-------------------------------------------------------------- */

/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {

	body {
		background-image: url(bg.gif);
		background-position: top right;
		background-repeat: no-repeat;
	}
	
	#header { }
	#header h1 { float: left; }
	#header p#headtel { font-size: 1.5em; }
	
	#nav {
		float: right;
		clear: right;
		display: block; }
	#nav-repeat {
		display: none; }
		
	#content {
		clear: both;
		margin: 1em 1em 0 1em;
		/*border: 1px solid #aabbcc;*/
		/*border-bottom: 18px solid #455a68;*/ }

	#content #home-splash img {
		border-radius: 4px;
	}
	
	#content #home-about {
		clear: both;
	}
	
	#contact-content {
		margin: 1em 2em 2em 2em;
	}
	#content #contact-fake {
		float: left;
		margin: 0;
		width: 45%;
	}
	#content #contact-dev {
		float: right;
		margin: 0;
		width: 45%;
	}


}

/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {
}

@media screen and (min-width: 840px) {
	#content #pswidget { width: auto; }
}


/* =Print
----------------------------------------------- */

@media print {


}