﻿

@charset "utf-8";
/* CSS Document */





/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 font: inherit;
 vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
 display: block;
}
body {
 line-height: 1
}



blockquote, q {
 quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
 content: '';
 content: none;
}
table {
 border-collapse: collapse;
 border-spacing: 0;
}


/* CSS Reset end */


body {
 background-color:#333;
 font-family: 'Lexend', sans-serif;
 color:#333;
 line-height:1.3;
}




.container { 
 width: 100%;
 max-width: 1920px;
 margin-left: auto;
  margin-right: auto;
 box-sizing: border-box;
}


.logo-groups {
 width:300px;
}



.brandname {
 font-size: 50px;
 padding-bottom:10px;
 padding-top:20px;
 line-height:1;
 font-weight:normal;
 font-family: 'Lexend', sans-serif;
 font-weight:800;
 color:#fff;
 overflow-wrap: break-word;
	
}

.brandname-sub {
 font-size: 20px;
 padding-bottom:20px;
 line-height:1;
 font-weight:normal;
 font-family: 'Lexend', sans-serif;
 font-weight:800;
 color:#fff;
 overflow-wrap: break-word;
}


h1 {
 font-size: 90px;
 padding-bottom:10px;
 line-height:1;
 font-weight:normal;
 font-family: 'Lexend', sans-serif;
 font-weight:800;
 color:#1995AD;
 overflow-wrap: break-word;
}

h2 {
 font-size: 40px;
 padding-bottom:10px;
 line-height:1;
 font-weight:normal;
 font-family: 'Lexend', sans-serif;
 font-weight:800;
}


p, ul {
 padding-top:10px;
 padding-bottom:10px;
 line-height: 1.5
}



li {
 padding-top:0px;
 padding-bottom:3px;
}



a {
 color: #fff;
}


p a {
 color: #333;
 font-weight:bold;
}


ol, ul {
 list-style: outside;
 padding-left:5%;
}




blockquote {
 background-color:#333;
 padding:20px;
 border-left:8px solid #09C ;
 overflow-wrap: break-word;
}



.branding {
 background-color:#1995AD;
 padding: 40px 60px;
}


.top-image {
 width:100%;
background-color:#fff;
}


.image-body {
  width:100%
}

.intro {
  font-size:30px;
  font-weight:350;
  color:#666;
}




.main {
  padding: 40px 150px;
  background-color:#fff;
  font-size:22px;
  font-weight:320;
}


.footer {
  padding: 40px;
  background-color:#1995AD;
  font-weight:700;
}


.footer p {
 font-size:20px;
 text-align: center;
   color:#fff;
}


.footer a:link {
	color:#fff;
}

.form-area {
 background-color:#F4F4F4;
 padding:0px;
 width:100%;
}


.image-block-full {
 width:100%;
 margin-top:20px;
 margin-bottom:20px;
}

.image-full {
 max-width:100%;
}



.block-features {
  padding: 40px;
  border-style: solid;
  background-color:#F1F1F2;
  color:#333;
  margin-bottom:20px;
  margin-top:20px;
}  


.block-testimonials {
  padding: 60px;
  border-style: solid;
  background-color:#3d80a5;
  color:#fff;
  margin-bottom:20px;
  margin-top:20px;
}  

.block-testimonials-quote {
 font-size:50px;
 font-weight:bold;
 overflow-wrap: break-word;
line-height:1.2;
}  


.block-row {
    display: flex;
    flex-direction: row;
    border: 0px solid #333
}

.block-box-left {
  padding: 40px;
  flex: 70%;
  border-style: solid;
  border-width: 5px 5px 5px 0px;
  border-color: #fff;
  background-color:#efefef;
  color:#333;
}  

.block-box-right {
  padding: 40px;
  flex: 30%;
  border-style: solid;
  border-width: 5px 0px 5px 5px;
  border-color: #fff;
  background-color:#efefef;
  color:#333;
}  


.block-box-headline {
 font-weight:bold;
 font-size:50px;
 padding-bottom:10px;
color:#1995AD;
line-height:1.2;
}






.block-image-row {
    display: flex;
    flex-direction: row;
    border: 0px solid #333
}

.block-image-box-left {
  padding: 0px;
  flex: 50%;
  border-style: solid;
  border-width: 5px 5px 5px 0px;
  border-color: #fff;
  background-color:#efefef;
  color:#333;
}  

.block-image-box-right {
  padding: 0px;
  flex: 50%;
  border-style: solid;
  border-width: 5px 0px 5px 5px;
  border-color: #fff;
  background-color:#efefef;
  color:#333;
}  


.button-container {
	padding-top: 20px;
}


.button-large {
    display: inline-block;
    -webkit-appearance: none;
    background-color: #1995AD;
    border: solid 1px #1995AD;
    font-size: 25px;
    color: #FFFFFF;
    font-weight: bold;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-right: 44px;
    padding-left: 44px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}



/* new window icon auto added to _blank links */

a[target="_blank"]::after {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
  margin: 0 3px 0 5px;
}

/* END - new window icon auto added to _blank links */





/* Smaller Devices */


@media only screen and (max-width: 1200px) {

.main {
  padding: 40px 40px;
}

.branding {
 padding: 40px 40px;
}



}

@media only screen and (max-width: 1000px) {


.main {
  padding: 40px 40px;
}

.branding {
 padding: 40px 40px;
}



.logo-groups {
  max-width:50%;
padding:10px;
}



.block-row {
    flex-direction: column;
}
  
  
.block-box-left {
     border-width: 0px 0px 5px 0px;
}
  
.block-box-right {
     border-width: 5px 0px 0px 0px ;
}
  
}

@media only screen and (max-width: 600px) {

.container { 
 padding:0px;
}


.branding,
.main,
.footer {
 padding:15px;
}


.intro {
  font-size:22px;
  font-weight:350;
  color:#666;
}




.main {
  font-size:20px;
}


h1 {
 font-size: 50px;
 padding-top:10px;
}

.block-testimonials {
  padding: 20px;
}  

.block-features {
  padding: 20px;
}  
  
.block-testimonials-quote {
 font-size:30px;
}   
  

.block-box-headline {
 padding-bottom:5px;
 font-size:30px;
}


.block-box-left {
  padding: 20px;
}  

.block-box-right {
  padding: 20px;
}  


.button-large {
    font-size: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 20px;
    padding-left: 20px;
}








}

/* Smaller Devices End */

