body {font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
color:#333;
font-size: 16px;
line-height: 22px;
padding-top:3em;
padding-bottom: 3em;}

.productinfo {text-align: center;
display: flex;
padding: 1em;}

nav {font-family: Verdana;
text-align: right;
text-decoration: none;
font-size: 1.5em;
padding: 10px;
background-color: #333;}

h1 {
margin-bottom: 20px;
font-family: Roboto, sans-serif;
font-size: 35px;
line-height: 40px;
font-weight: 500; 
}

h2 {
margin-bottom: 20px;
font-family: Roboto, sans-serif;
font-size: 32px;
line-height: 36px;
font-weight: 500; }

h3 {
margin-bottom: 20px;
font-family: Roboto, sans-serif;
font-size: 26px;
line-height: 33px;
font-weight: 500;}

h4 {
margin-bottom: 20px;
font-family: Roboto, sans-serif;
font-size: 20px;
line-height: 27px;
font-weight: 500;}

h5 {
margin-bottom: 20px;
font-family: Roboto, sans-serif;
font-size: 16px;
line-height: 22px;
font-weight: 500;}

h6 {
margin-bottom: 20px;
font-family: Roboto, sans-serif;
font-size: 16px;
line-height: 22px;
font-weight: 500;}

p {
margin-bottom: 20px;
line-height: 22px;
font-weight: 400}

a {color: white;
text-decoration: none;}

a:visited{ color: #d32f2f;}

ul {margin-bottom: 20px;
list-style-type: none;
margin: 10px;
display: inline-flex;
float: center;}

ol {
margin-bottom: 20px;
padding-left: 40px}

li {padding-left: 5em;}

strong {font-weight: bold;}

blockquote {margin-bottom: 20px;
padding: 0px 20px;
border-left: 5px solid #e2e2e2;
font-size: 16px;}

figure {margin-bottom: 20px;}

figcaption {margin-top: 7px;
color: rgba(51, 51, 51, .56);
font-size: 14px;
line-height: 20px;
text-align: center; }

.button {display: inline-block;
padding: 11px 20px;
border-radius: 3px;
background-color: #2196f3;
-webkit-transition: background-color 150ms ease;
transition: background-color 150ms ease;
color: #fff;
font-size: 16px;
line-height: 19px;
text-align: center;
text-decoration: none;}

.button:hover { background-color: #1565c0;}

.button.w--current {background-color: #2e80b6;}

.button.white {display: inline;
background-color: #fff;
color: #333;
font-size: 60px;}

.button.white:hover {background-color: hsla(0, 0%, 100%, .77); }

.button.black {background-color: #000;}

.button.black:hover { background-color: #000;}

.button.black.with-field { width: 22%;
margin-left: 2%;
float: left;}

.button.full-width {display: block;
width: 100%; }

.button.small {padding: 7px 12px;
background-color: #2196f3;
font-size: 11px;
line-height: 14px;
text-transform: uppercase; }

.button.small:hover {background-color: #1565c0;}

.button.tab {margin-right: 8px;
margin-left: 8px;
background-color: #a8a8a8;}

.button.tab:hover {background-color: #7e7e7e;}

.button.tab.w--current {background-color: #2196f3}

.button.tab.w--current:hover {background-color: #1565c0;}

.button.with-field {width: 22%;
margin-left: 2%;
float: left;}

.navigation-link {height: 60px;}

.navigation-link:hover {color: #2196f3;}

.navigation-link.white {color:#fff;}

.navigation-bar {background-color: #fff;}

.navigation-bar.dark {background-color: #5d5d5d;
background-position: 0px 0px;
background-size: 120px;
background-repeat : no-repeat;
color: #d32f2f;
background-image: url(Logo.jpg);
margin-bottom: 2em;}

.navigation-bar.top {margin-top: 58px;
margin-bottom: 124px;
border-radius: 5px;
background-color: #fff;}

.navigation-menu.left {float: left;}

.navigation-menu.on-bottom {float: none;
text-align: center;}

.brand-text {margin-top: 16px;
margin-bottom: 0px;
font-size: 23px;
line-height: 26px;
font-weight: 400;
position : static;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: visible;
margin-right: 4px;
padding-right: 5px;
float: none;
clear: none;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
font-size: 2em;
padding-left: 4em;}

.brand-link {height: 60px;}

.brand-link:hover {opacity: 0.66;}

.brand-link.right {float: right}

.brand-link.on-top {display: block;
float: none;
text-align: center;}

.brand-link.left-spacing {margin-left: 15px;
color: #fff;}

.brand-link.left {margin-left: 16px;}

.section {position: relative;
padding-top: 50px;
padding-bottom: 50px;
background-color: #dbdbdb;}

.section.centered {text-align: center;}

.section.accent {background-color: #f3f3f3;}

.section.dark {background-color: #5d5d5d;
color: #fff;}

.hero-slider {height:455px;
background-color: transparent;}

.slide {padding-top: 82px;
padding-right: 85px;
padding-left: 85px;
background-color: #dbdbdb;}

.slide.two {background-color: #dbdbdb;}

.header-section {padding-top: 104px;
padding-bottom: 104px;
background-color: #5d5d5d;
color: #fff;
text-align: center;}

.page-heading {margin-top: 0px;
margin-bottom: 11px;
font-size: 48px;}

.page-subheading {font-size: 20px;}

.cta-section {padding-top: 50px;
padding-bottom: 50px;
background-color: #dbdbdb;}

.cta-section.centered {text-align: center;}

.cta-section.centered-accented { background-color: #2196f3;
color: #fff;
text-align: center;}

.cta-heading {margin-top: 3px;
margin-bottom: 0px;
font-weight: 400;}

.cta-heading.inline-block {display: inline-block;
margin-top: 0px;
margin-right: 13px;}

align-right {text-align: right;}

.white-box {padding: 15px;
border-radius: 5px;
background-color: #fff;}

.fixed-image-section {padding: 117px 20px;
background-image: -webkit-linear-gradient (270deg, rgba(0,0,0,.25), rgba(0,0,0, .25)),;
background-image: linear-gradient(180deg,rgba(0,0,0,.25), rgba(0,0,0, .25)),;
background-postion: 0px 0px, 50% 50%;
background-size: auto, 125px;
background-attachment: scroll, fixed;
background-color: #1565c0;
color: #fff;
text-align:center;}

.hero-section {height: 100vh;
padding-top: 250px;}

.hero-section.centered {text-align: center;}

.slider-navigation {font-size: 11px;}

.slider-icon-circle {width: 50px;
height: 50px;
padding: 6px;
font-size: 33px;}

.hero-subheading {margin-bottom: 18px;}

.hollow-button {display: inline-block;
margin-right: 10px;
margin-left: 10px;
padding: 9px 20px;
border: 2px solid #2196f3;
border-radius: 4px;
-webkit-transition: background-color 300ms ease, border 300ms ease, color 300ms ease;
transition: background-color 300ms ease, border 300ms ease, color 300ms ease;
color: #2196f3;
font-size: 16px;
line-height: 19px;
text-decoration: none;}

.hollow-button:hover { border-color: #1565c0;
color: #1565c0;}

.hollow-button.white { border-color: #fff;
color: #fff}

.hollow-button.white:hover{ border-color: hsla(0,0%,100%,.64);
color: hsla(0,0%,100%,.72);}

.section-heading {margin-bottom: 20px;}

.section-heading.centered {text-align: center;}

.main-container {padding-right: 20px;
padding-left: 20px;
background-color: #fff;}

.form-label {margin-bottom: 6px;
font-size: 13px;
text-transform: uppercase;}

.section-subheading.center{ font-size: 20px;
text-align: center;} 

.section-title-group { margin-bottom: 62px;}

.section-title-group.centered { text-align:center;}

.form-field {min-height: 41px;
margin-right: 1px;
margin-bottom: 17px;
border-style:none;
border-radius: 3px;
box-shadow: 0 0 0 1px rgba(0,0,0, .09);
-webkit-transition: box-shadow 150ms ease;
transition: box-shadow 150ms ease;}

.form-field:focus {box-shadow: 0 0 0 2px #2196f3;}

.form-field.text-area {min-height: 110px;}

.form-field.with-button {width: 75%;
margin-bottom: 0px;
float: left;}

.form-wrapper.squeezed {padding-right:19%;
padding-left: 19%;}

.picture-border {border: 5px solid #fff;
box-shadow: 0 0 0 1px rgba(0, 0, 0, .12);}

.round-image {margin-bottom: 13px;
border-radius: 100px;}

.social-button {margin-right: 4px;
margin-bottom: 8px;
margin-left: 4px;
padding: 8px;
border-radius: 100px;
background-color: #2196f3;
-webkit-transition: background-color 150ms ease;
transition: background-color 150ms ease;}

.social-button:hover {background-color: #1565c0;
opacity:1;}

.social-button.border {padding: 6px;
border: 1px solid rgba(0, 0, 0, .36);
background-color: transparent;}

.social-button.facebook { background-color: #3c5791;}

.social-button.twitter {background-color: #29a9a8;}

.social-button.red {background-color: #d11529;}

.social-button.pink {background-color: #fc488f;}

.social-button.pink2 {background-color: #ed1081;}

.social-button.orange {background-color: #db4e34;}

.social-button.medium {background-color: #549f63;}

.social-icon-link {padding: 3px;
opacity: 1;
-webkit-transition: opacity 150ms ease;
transition: opacity 150ms ease;}

.social-icon-link:hover {opacity: 0.5;}

.profile-image {margin-bottom: 15px;
border-radius: 100px;}

.hero-with-nav {background-color: #dbdbdb;}

.footer {padding-top: 50px;
padding-bottom: 50px;
display: inline;}

.footer.center {text-align: center;}

.footer.centered-smaller {padding-top: 33px;
padding-bottom: 33px;}

.footer.accent {background-color: #f1f1f1;}

.footer.centered-accented {background-color: #f1f1f1;
text-align: center;}

.float-right {float: right;}

.footer-text {margin-top: 5px;
margin-bottom: 5px;
font-size: 16px;}

.link {display: block;
margin-bottom: 10px;
color: #2196f3;
text-decoration: none;}

.link:hover {color: #1565c0}

.footer-brand-text {font-size: 26px;
line-height: 33px;}

.sidemenu-wrapper {margin-left: 10px;
padding-left: 20px;}

.sidemenu-title {margin-bottom: 10px}

.sidemenu-link {display: block;
padding-top: 6px;
padding-bottom: 6px;
color: #8f8f8f;
text-decoration: none;}

.sidemenu-link:hover {color: #333;}

.grid-image {margin-bottom: 20px;}

.info-wrapper {margin-bottom: 14px;}

.info-icon {float: left;}

.info-text {margin-left: 34px}

.footer-link {display: block;
margin-bottom: 6px;
color: rgba(0, 0, 0, .74);
text-decoration: none;}

.footer-link:hover {color: #3b99d9;}

.footer-link.with-icon {margin-left: 30px;}

.hero-title-wrapper {margin-bottom: 155px;}

.icon-left {padding: 6px;
float: left;
color: #919191;}

.text-right {margin-left: 49px;}

.left-navigation {width: 20%;
height: 100vh;
float: left;
background-color: #dbdbdb;}

.nav-link {display: block;
padding: 7px 0px;
text-align: center;}

.nav-menu {float: none}

.logo-link {display: block;
margin-top: 216px;
margin-bottom: 50px;
float: none;
text-align: center;}

.content {overflow: hidden;
width: 80%;
float: left;}

.social-footer {margin-top: 56px;
text-align: center;}

.grid-fours {width: 25%;
padding: 10px;
float: left;}

.tab-menu {margin-bottom: 40px;
text-align: center;}

.flushed-grid {width: 25%;
float: left;}

.flushed-grid.thirds {width: 33.33%;}

.flushed-grid.sixths {width: 16.66%}

.utility-page-wrap {display: -webkit-box;
display: -webkit-flex;
display:-ms-flexbox;
display: flex;
width: 100vw;
height: 100vh;
max-height: 100%;
max-width: 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;}

.utility-page-content {display: -webkit-box;
display: -webkit-flex;
display:-ms-flexbox;
display: flex;
width: 260px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: cloumn;
flex-direction: column;
text-align: center;}

.utility-page-form {display: -webkit-box;
display: -webkit-flex;
display:-ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: cloumn;
flex-direction: column;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;}

.succes-wrapper {padding: 31px;
border-radius: 5px;
background-color: #4caf50;
color: #fff;}

.success-message {margin-bottom: 0px;}

.error-wrapper {border-radius: 5px;
background-color: #d32f2f;
color: #fff;}

.error-message {margin-bottom: 0px;}

.social-link-wrapper {text-align: center;}

.background {background-color: #dbdbdb;}

.custom-container { display: block;
max-width: 1000px;
margin-right: auto;
margin-left: auto;
padding-right: 20px;
padding-left: 20px;
background-color: #fff;}

.rich-text h1 {margin-top: 30px;
-webkit-perspective: 1001px;
perspective: 1001px;}

rich-text h3 {margin-top: 30px;
font-size: 36px;}

rich-text h5 {margin-top: 30px;}

rich-text h4 {margin-top: 30px}

rich-text h6 {margin-top: 30px}

.image-column {text-align: center;}

.contet-column {padding-top: 42px;}

.feature-column {text-align: center;}

.waterfall-image-column {text-align: center;}

html.w-mod-js *[data-ix="fade-in-bottom-page-loads"] {opacity:0;
-webkit-transform: translate(0px,50px);
-ms-transform: translate(0px,50px);
transform: translation(0px,50px); }

html.w-mod-js *[data-ix="fade-in-left-scroll-in"]  {opacity:0;
-webkit-transform: translate(-50px,0px);
-ms-transform: translate(-50px,0px);
transform: translation(-50px,0px); }

html.w-mod-js *[data-ix="fade-in-right-scroll-in"]  {opacity:0;
-webkit-transform: translate(50px,0px);
-ms-transform: translate(50px,0px);
transform: translation(50px,0px); }

html.w-mod-js *[data-ix="fade-in-top-scroll-in"]  {opacity:0;
-webkit-transform: translate(0px,-50px);
-ms-transform: translate(0px,-50px);
transform: translation(0px,-50px); }

html.w-mod-js *[data-ix="fade-in-bottom-scroll-in"] {opacity:0;
-webkit-transform: translate(0px,50px);
-ms-transform: translate(0px,50px);
transform: translation(0px,50px); }

html.w-mod-js *[data-ix="bounce-in-scroll-in"] {opacity: 0;
-webkit-transform: scale(0.6000000000000003, 0.6000000000000003);
-ms-transform: scale(0.6000000000000003, 0.6000000000000003);
transform: scale(0.6000000000000003, 0.6000000000000003); }

html.w-mod-js *[data-ix="scale-on-scroll"] {opacity: 0;
-webkit-transform: scale(0.01, 0.01);
-ms-transform: scale(0.01, 0.01);
transform: scale(0.01, 0.01);}

@media (max-width: 991px) {.hamburger-button:hover {color: #2196f3;}
.hamburger-button.w--open {background-color: #333;}

.hamburger-button.left { float: left;}

.hamburger-button.white {color: #fff;}

.hero-slider {height: 400px;}

.form-wrapper.squeezed {padding-right: 10%;
padding-left: 10%;}

.left-navigation {width: 100%;
height: auto;
float: none;}

.nav-link {padding-top: 15px;
padding-bottom: 15px;
color: #fff;}

.nav-menu {padding: 17px;
background-color: #333;}

.logo-link { margin-top: 0px;
margin-bottom: 0px;
margin-left: 10px;
float: left;}

.content {width: 100%;
height: auto;}

.social-footer {margin-top: 0px;}

.content-column {padding-top: 0px;}
}

@media (max-width: 768px) {

.navigation-link.white {display: inline; 
vertical-align: middle;
padding-right: 3em;}

nav { margin: 0;}

nav a { display: block;
text-align: center;
width: .05em;}

nav li {display: block;}

ul {padding-left: 0em;}

li {padding-left: 2em;}

.brand-link.left-spacing {padding-left: 0px;}

.section {padding-right: 20px;
padding-left: 20px;}

.hero-slider {height: 528px;}

.slide {padding-top: 30px;
padding-bottom: 30px;}

.cta-section {padding-right: 20px;
padding-left: 20px;
text-align: center;}

.cta-heading {margin-bottom: 10px;}

.form-wrapper.squeezed {padding-right: 9px;
padding-left: 0px;}

.picture-border {margin-bottom: 13px;}

.footer {padding-right:20px;
padding-left: 20px;}

.grid-fours {width: 33.335;}

.image-column {margin-bottom;}

.content-column {margin-bottom: 13px;
text-align: center;}

.container {padding-right: 20px;
padding-left: 20px;}
}

@media (max-width: 479px) {

body {padding-left: 0px;
padding-right: 0px;}

nav { margin: 0;}

.brand-text {text-align: center;
padding-bottom: 1.25em;}

.navigation-link.white { display: block;
padding: -1em;
width: auto;
text-align: center;}

.navigation-bar.dark {background-image: none;
padding: 0em;}

.button.tab {margin-bottom: 9px}

.hero-slider {height: 550px;}

.slide {padding-right: 53px;
padding-left: 53px;}

.grid-fours {width: 50%;}

ul {display: block;
padding-left: 0em;}

.footer.accent {background-color: #dbdbdb;}   

img {float: inherit;}

p {padding-right: 1em;}

}