:root {--menu-height: 0px;}

body {font-family: 'Open Sans', sans-serif;font-size: 1rem;line-height: 1.875;color: #040f3f;margin:0;padding:0;}

/*headings*/
h1 {font-weight:700; font-size:3rem; color: #040f3f;}
h2 {font-weight:700; font-size:2rem; color: #040f3f;margin-bottom: 10px;}
h3 {font-weight:700; font-size:3rem; color: #040f3f;}
h4 {font-weight:700; font-size:1rem; color: #040f3f;text-transform: uppercase;margin:0;padding:0;}
h5 {font-weight:700; font-size:1rem; color: #040f3f;margin-bottom:10px;}

/*general*/
a {color: #040f3f;text-decoration: none;font-weight:700;}
a:hover {color: #040f3f;text-decoration: underline;}
img {max-width:100%;}
.row {margin:0; padding:0;width:100%;}
.container {max-width:1080px;margin:0 auto;}

/*header*/
.header {padding: 10px 0 0 0;overflow:auto;}
.menu {font-weight: 700;font-size: 1rem;float:left; width: calc(100% - 200px);}
.menu ul {list-style-type: none; margin: 0; padding: 18px 0 0 0;text-align:right;width:100%;}
.menu li {display:inline-block;padding-left:25px;}
.menu li a {color: #040f3f; text-decoration: none;}
.menu li a:hover {color: #000;text-decoration: underline;}
.logo {float:left;width:200px;}
.logo img {max-width:120px;}

/*footer*/
.footer {padding: 40px 0 40px 0;overflow:auto;}
.footer-content p{font-size:0.85em;}
.footer-content .col1{width:25%;float:left;}
.footer-content .col2{width:25%;float:left;}
.footer-content .col3{width:25%;float:left;}
.footer-content .col4{width:25%;float:left;}
.footer a {font-weight:400;}

/*buttons*/
.btn {width:220px; background:transparent; color: #040f3f; border: 2px solid #040f3f; font-weight:700;font-size: 1rem;border-radius:50px;text-align:center;padding:5px 25px;  transition: all 0.5s ease;cursor:pointer;display: inline-block;}
.btn:hover {background:#040f3f; color: #fff;text-decoration:none;  transition: all 0.5s ease;}
.btn-inv {width:220px; background:#040f3f; color: #fff; border: 2px solid #040f3f; font-weight:700;font-size: 1rem;border-radius:50px;text-align:center;padding:5px 25px;  transition: all 0.5s ease;cursor:pointer;display: inline-block;}
.btn-inv:hover {background:transparent; color: #040f3f;text-decoration:none;  transition: all 0.5s ease;}

/*elements*/
.greybg {background: #f6f6f6;}
.roundimg {border-radius:50%; width: 260px;  height: 260px; object-fit: cover;margin:20px 0;}

/*home*/
.hero {min-height:350px; background-image: url("../images/bghero01.jpg");background-repeat: no-repeat;background-size:cover;background-position:center right;}
.hero-content {color:#fff; max-width:400px; float:right;padding-top:70px;}
.hero-content h4 {color:#fff;margin:0;}
.hero-content h1 {color:#fff;margin:0;line-height:100%;}

.section01 {min-height:150px;text-align:center;padding:30px 0px 50px 0px;}
.section01 .section-content {max-width:650px;margin:0 auto;}
.section02 {min-height:150px;padding:30px 0px 50px 0px;}
.section02 .section-content {overflow:auto;}
.section02 .section-content-left {float:left;width:40%;text-align:center;}
.section02 .section-content-right {float:left;width:60%;}
.section02 .section-content p {padding-top:0;margin-top:0;}

/*services*/
.pageheader {min-height:350px; background-image: url("../images/bghero02.jpg");background-repeat: no-repeat;background-size:cover;background-position:center;}
.section03 {min-height:150px;text-align:center;}
.section03 .section-content {background:#fff;margin-top:-120px;padding:15px 0 20px 0;}
.section03 .section-content p {max-width:650px;margin:0 auto;}

.section04 {min-height:150px;padding:30px 0px 50px 0px;}
.section04 .section-content {overflow:auto;margin:0 auto;max-width:900px;}
.section04 .section-content-left {float:left;width:60%;}
.section04 .section-content-right {float:left;width:40%;text-align:center;}
.section04 .section-content p {padding-top:0;margin-top:0;}

.section05 {min-height:150px;padding:30px 0px 50px 0px;}
.section05 .section-content {overflow:auto;}
.section05 .section-content-left {float:left;width:40%;text-align:center;}
.section05 .section-content-right {float:left;width:50%;}
.section05 .section-content p {padding-top:0;margin-top:0;}

/*clientlogin*/
.pageheader2 {min-height:350px; background-image: url("../images/bghero09.jpg");background-repeat: no-repeat;background-size:cover;background-position:center;}
.clientloginintro {padding-bottom:20px;}
.section06 {min-height:150px;padding:30px 0px 50px 0px;}
.section06 .section-content {overflow:auto;text-align:center;}
.section06 .section-content p {max-width:650px; margin:0 auto;padding-top:0;margin-bottom:20px;}

/*contact*/
.pageheader3 {min-height:350px; background-image: url("../images/bghero04.jpg");background-repeat: no-repeat;background-size:cover;background-position:center;}
.section07 {min-height:100px;padding:10px 0px 50px 0px;}
.section07 .section-content {overflow:auto;}
.cntct-left {float:left;width:33%;padding:0px 10px 0 0;box-sizing: border-box;}
.cntct-center {float:left;width:33%;padding:0px 5px 0 5px;box-sizing: border-box;}
.cntct-right {float:left;width:33%;padding:0px 0px 0 10px;box-sizing: border-box;}
.cntct-top {padding-left:30px;}
.cntct-top2 {padding-left:35px;}
.cntct-top3 {padding-left:40px;}
.cntct-box {padding:35px 30px 15px 30px;}
.cntct-box h3 {font-size:1.5em;margin:0;padding:0 0 10px 0;line-height:100%;}
.cntct-box h4 {font-size:1.2em;text-transform: none;margin:0;padding:0;line-height:100%;color:#747474;}
.cntct-box p {font-size:0.85em;}
.cntct-box a {font-weight:400;}
.cntct-top2 a {font-weight:400;}
.section08 {min-height:150px;padding:30px 0px 10px 0px;}
.section08 .section-content {overflow:auto;}
.section08 .section-content-left {float:left;width:33%;text-align:left;box-sizing: border-box;}
.section08 .section-content-right {float:left;width:66%;box-sizing: border-box;padding-left:5px;}
.section08 .section-content-right img {height:325px; object-fit: cover;width:100%;}

/*about*/
.pageheader4 {min-height:350px; background-image: url("../images/bghero08.jpg");background-repeat: no-repeat;background-size:cover;background-position:center;}

/*terms*/
.section-content-text {max-width:650px;margin:0 auto;}

/*mobile menu*/
.hamburger.hamburger--elastic {display: none;}
.overflow-hide {overflow:hidden;}

@media only screen and (max-width: 768px) {
    .hamburger.hamburger--elastic {display: inline-block;}
    .menu {position:absolute;z-index:2;background:white;}
    .menu ul {text-align:center;position:absolute;width:100vw;top:64px;left:0;background:white;box-shadow: 0px 15px 10px -15px rgba(0,0,0,.2);}
    .menu li {display:block;padding:25px;border-top: 1px solid #e6e7ec;}
    .menu li:hover {cursor:pointer;}
    .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {    width: 35px!important;}
    .logo {    padding-left: 20px;}
    .hero {    min-height: 320px;background-position: center left;}
    .hero-content {padding-top:70px;padding-left:15px;}
    .hero-content h1 {    font-size: 38px;text-shadow: 0px 0px 8px rgba(0, 0, 0, 1);}
    .hero-content h4 {text-shadow: 0px 0px 8px rgba(0, 0, 0, 1);}
    .hero-content p {text-shadow: 0px 0px 8px rgba(0, 0, 0, 1);}
    .section01 {    padding: 10px 0px 30px 0px;}
    h2 {    font-size: 1.5rem;}
    .section02 {    padding: 30px 0px 25px 0px;}
    .section02 .section-content-left {width:100%;padding: 0 15px; box-sizing: border-box;}
    .section02 .section-content-right {width:100%;padding: 0 15px; box-sizing: border-box;}
    .roundimg {margin:0;}
    .footer .col1 {width:100%;padding:0 15px;}
    .footer .col2 {display:none;}
    .footer .col3 {display:none;}
    .footer .col4 {width:100%;padding:0 15px;}
    .footer {padding:0;}
    .section04 .section-content-left {width:100%;padding: 0 15px; box-sizing: border-box;}
    .section04 .section-content-right {width:100%;padding: 0 15px; box-sizing: border-box;}
    .section05 .section-content-left {width:100%;padding: 0 15px; box-sizing: border-box;}
    .section05 .section-content-right {width:100%;padding: 0 15px; box-sizing: border-box;}
    .clientloginintro {    padding-bottom: 0px;}
    .cntct-left {width:100%;padding: 0 15px; box-sizing: border-box;}
    .cntct-center{width:100%;padding: 0 15px; box-sizing: border-box;}
    .cntct-right{width:100%;padding: 0 15px; box-sizing: border-box;}
    .section07 {    padding: 10px 0px 20px 0px;}
    .cntct-box {    margin-bottom: 5px;}
    .section08 .section-content-left {display:none;}
    .section08 .section-content-right {width:100%; box-sizing: border-box;}
    .section-content-text {padding: 0 15px;}
}