/* Main elements of the site */
* {margin:0 auto;padding:0;}
body {font-size:1em;color:#4b545f;font-family: "Calibri";}
h1 {font-size:1.5em;color:#002B7F;font-family: 'Comfortaa', sans-serif;padding:40px 0;max-width:740px;}
h2 {font-size:1.2em;color:#002B7F;font-family: 'Comfortaa', sans-serif;padding:40px 0;max-width:930px;text-align:center;}
h3 {font-size:1.2em;color:#FFFFFF;font-family: 'Comfortaa', sans-serif;}
h4 {font-size:1.2em;color:#002B7F;font-family: 'Comfortaa', sans-serif;}
h5 {font-size:1.2em;color:#FFFFFF;font-family: 'Comfortaa', sans-serif;}
h6 {font-size:1.1em;color:#002B7F;font-family: 'Orbitron', sans-serif;}

/* header */
#top {background:#626d7c;border-bottom:4px solid #ffffff;padding-left:10px;}
header {max-width:1000px;position:relative;}
header h4 {font-size:4.0em;padding:20px 0;color:#002B7F;font-family: 'Orbitron', sans-serif;margin-left:125px;}
#logo {float:left;width:60px;padding:30px 40px 0 0;z-index:1}
#phone {float:right;font-size:2em;color:#ffffff;}

/* nav */
nav {max-width:1000px;background:#626d7c;font-family: 'Comfortaa', cursive;z-index:10;}
nav ul {position: relative;display: inline-table;}
nav ul li {float:left;display: block;}
nav ul li:hover > ul {display:block;}
nav ul li a {font-size:1.25em;color:#ffffff;text-decoration:none;display:block;padding:.15em 1.20em;}
nav ul li a:hover {color:#d5761a;border-bottom:1px solid #bac1cd;cursor: pointer;}
#current {color:#bac1cd;border-bottom:1px solid #d5761a;}

/*footer */
footer {color:#002B7F;background:#bac1cd;clear:both;}
footer #foot {max-width: 1000px;}
footer h6 {padding-bottom: 10px;letter-spacing: .05em;}
footer aside {float:left;width:49.5%;padding: 30px 0;border-right: 2px solid #FFFFFF;text-align:right;margin:50px 0;}
footer aside:last-child {border: 0;text-align:left}
footer aside .fimg {height:120px;padding:0 25px;}
footer aside p {font-style:italic;padding-left: 30px;font-size: 1.1em;}
footer #base {padding:20px;color:#bac1cd;background:#626d7c;text-align:center;clear:both;border-top:4px solid #ffffff;}
footer #base div {max-width:1000px;}
footer #base a img {float:right;height:50px;margin:-15px 20px 0;}
footer .cimg {padding:0 20px 5px 0;vertical-align:middle} 

/* sticky */
.stick-this-one {position:sticky;position: -webkit-sticky;top:0;}
.stick-this-two {position:sticky;position: -webkit-sticky;top:40px;}

/* content */
.orange {color:#d5761a;}
.blue {color:#002B7F;}
.name {color:#d5761a;font-family: "Orbitron";font-size:1.2em;font-weight:400}
.nameblue {color:#002B7F;}
main {}
main li {margin-left:100px;}
main img {padding:0 0 20px 20px;}
main ul{padding:20px 0}
main li{list-style: none;list-style-position: outside;padding:10px 0;}
main li::before {content: "✔";margin-left: -1.5em;margin-right: 0.5em;color: green;}

.wrapper{max-width:930px;padding:80px 10px;font-size:1.1em;line-height:1.7em;}
.wrapbg {background:#e8e8e8;}
.wrapper img {margin-top:-20px;float:right;}
.heading1{background:#bac1cd;width:100%;}
.heading2{background:#efd6a6;width:100%;clear:both;}
.heading3{background:#002B7F;width:100%;clear:both;}
.heading3 h3{padding:40px 0;max-width:930px;text-align:center;font-weight:400;}
.heading4{background:#30a548;width:100%;clear:both;}
.heading4 h5{padding:40px 0;max-width:930px;text-align:center;font-weight:400;}
.heading4:hover {cursor: pointer;}
.heading4:hover h5{color:#002B7F;}


/* forms */
#contact{float:left;width:500px}
#contactform {float:right;width:400px;color:#002B7F;}
[type=text],[type=tel],[type=email],textarea {border: 1px solid #4b545f;background:#bac1cd;padding:5px;margin:5px;color:#002B7F;font-family: "Trebuchet MS";width:85%;}
[type=submit] {border: 1px solid #4b545f;background:#bac1cd;color:#4b545f;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding:5px;margin:5px;font-weight:700;font-family: "Trebuchet MS";}
[type=submit]:hover {color:#002B7F;cursor:pointer;background: #d5761a;}
#contactform p {text-align:center;}

/* widgets */
#widget{clear:both;width:100%;}
#widget aside {float:left;width:24%;height:250px;padding: 50px 0;border-right: 2px solid #d5761a;text-align:center;color:#626d7c;margin:50px 0;}
#widget aside:last-child {border: 0;}
#widget aside h4 {font-weight:700;transition: 1s ease;padding:0.5em;height:45px;}
#widget aside img {height:100px;padding-bottom:25px;}
#widget aside p {padding:5% 5%;height:75px;font-size:1.1em;}
#widget aside:hover{background:#e8e8e8;cursor: pointer;}
#widget aside:hover  h4{font-size:1.3em;}

.services{height:200px;clear:both;background:#e8e8e8;padding-top:25px;}
.services:nth-child(even) {background:#ffffff;}
.services:hover {background:#bac1cd;cursor: pointer;}
.services h3 {color:#4b545f;padding:0 0 25px 250px;}
.services p {padding-left:250px;}
.swrapper img {float:left;height:100px;padding:0;}
.swrapper{width:930px;padding:10px 0;font-size:1.1em;line-height:1.7em;}

/* mobile */
#mobile {display:none;}
#mobile #top {background:#626d7c;border-bottom:4px solid #ffffff;padding-left:10px;}
#mobile header {position:relative;}
#mobile header h4 {font-size:2.5em;padding:3% 0;color:#002B7F;font-family: 'Orbitron', sans-serif;width:65%;margin:0 auto;}
#mobile #logo {position:absolute;top:0;left:0;width:7%;padding:1%;z-index:1}
#mobile nav {position:absolute;top:0;right:0;}
#mobile nav #hamburger {color:#bac1cd;font-size:2em;}
nav ul ul {display:none;position:absolute;top:70px;z-index:10;right:25px;}
nav ul ul li {float: none; position: relative;list-style:none;}
nav ul ul li a {width:80%;padding:1.5em 3.5em;background: #001621;opacity:.8;filter: alpha(opacity=80)\9;border-bottom:1px solid #fff;}
nav ul ul li a:hover {color: #ffffff;}

@media all and (max-width: 1099px) {
	#widget{width:90%;margin:0 5%;}
	#widget aside {width:49%;margin: 0 0 50px 0;}
	#widget aside:nth-child(even) {border-right: 0;}
	#widget aside:nth-child(-n+2) {border-bottom: 2px solid #d5761a;margin: 50px 0 0 0;}
	#widget aside p {padding:2% 5%;}
}
@media all and (max-width: 999px) {
	h1 {margin-left:135px;}
	nav ul li a {font-size:1.2em;}
}
@media all and (max-width: 899px) {
	nav ul li a {padding:.15em 0.75em;}
	header h4 {margin-left:115px;}
	h1 {margin-left:125px;}
	#widget aside {min-height:300px;padding: 20px 0 50px 0;}
	
	footer aside {float:left;width:90%;padding: 2% 5%;border-bottom: 2px solid #FFFFFF;border-right:0;margin: 0;}
	footer aside:last-child {margin: 2% 0;width:80%;padding: 2% 10%;}
	footer #foot {padding:5% 10%;}
}
@media all and (max-width: 799px) {
	nav ul li a {font-size:1.1em;padding:.15em 0.5em;}
	h1 {font-size:1.2em;padding:30px 0;}
	header h4 {margin-left:105px;}
	h1 {margin-left:115px;}
}
@media all and (max-width: 666px) {
	#desktop {display:none;}
	#mobile {display:inline;}
	h1 {margin-left:5%;text-align:center;}
}
@media all and (max-width: 420px) {
	#mobile header h4 {font-size:2em;padding:5% 0;}
	#mobile nav #hamburger {font-size:2em;}
}
@media all and (max-width: 350px) {
	#mobile header h4 {font-size:1.5em}
	#mobile nav #hamburger {font-size:1.2em;}
}