/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent}a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea,optgroup{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}


body {
    color: #646464;
    font-family: "Lato", Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: 300;
    line-height: 1.4em;
	background: #fff;
}
h1, h2, h3, h4, h5, h6 {
    color: #545454;
    font-weight: 700;
    font-family: "Lato", Helvetica, sans-serif;
    line-height: 1em;
    margin: 0 0 0.5em 0;
}
p {
	margin: 0.5em 0 0.5em 0;
}
a {
	border-bottom:1px dotted #ffffff;
	text-decoration:none;
	color:#FFFFFF;
}
a:hover {
	border-bottom:1px dotted #e0555a;
	color:#e0555a;
}

a.grey {
	border-bottom:1px dotted #646464;
	text-decoration:none;
	color:#646464;
}
a.grey:hover {
	border-bottom:1px dotted #e0555a;
	color:#e0555a;
}



.container {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
	max-width:1400px;
}

.w3-col{float:left;width:100%}
.w3-col.s0{display:none;}
.w3-col.s1{width:8.33333%}
.w3-col.s2{width:16.66666%}
.w3-col.s3{width:24.99999%}
.w3-col.s4{width:33.33333%}
.w3-col.s5{width:41.66666%}
.w3-col.s6{width:49.99999%}
.w3-col.s7{width:58.33333%}
.w3-col.s8{width:66.66666%}
.w3-col.s9{width:74.99999%}
.w3-col.s10{width:83.33333%}
.w3-col.s11{width:91.66666%}
.w3-col.s12{width:99.99999%}


@media (min-width: 601px) and (max-width: 992px)  {
	.w3-col.m6-first {
		clear:both;
	}
}
@media (min-width:601px){
	.w3-col.s0{display:unset;}
	.w3-col.m0{display:none;}
	.w3-col.m1{width:8.33333%}
	.w3-col.m2{width:16.66666%}
	.w3-col.m3{width:24.99999%}
	.w3-col.m4{width:33.33333%}
	.w3-col.m5{width:41.66666%}
	.w3-col.m6{width:49.99999%}
	.w3-col.m7{width:58.33333%}
	.w3-col.m8{width:66.66666%}
	.w3-col.m9{width:74.99999%}
	.w3-col.m10{width:83.33333%}
	.w3-col.m11{width:91.66666%}
	.w3-col.m12{width:99.99999%}
}

@media (min-width:993px){
	.w3-col.m0{display:unset;}
	.w3-col.l4-first {clear:both;}
		
	.w3-col.l1{width:8.33333%}
	.w3-col.l2{width:16.66666%}
	.w3-col.l3{width:24.99999%}
	.w3-col.l4{width:33.33333%}
	.w3-col.l5{width:41.66666%}
	.w3-col.l6{width:49.99999%}
	.w3-col.l7{width:58.33333%}
	.w3-col.l8{width:66.66666%}
	.w3-col.l9{width:74.99999%}
	.w3-col.l10{width:83.33333%}
	.w3-col.l11{width:91.66666%}
	.w3-col.l12{width:99.99999%}
}

.w3-row:after,.w3-row:before{content:"";display:table;clear:both}

.w3-col {
	padding: 10px;
}
.w3-col h3 {
	line-height:1.3em;
	font-size:1.25em;
}
.feature {
    text-decoration: none;
    padding-left: 5.5em;
    position: relative;
    text-align: left;
}
.feature:before {
    border-radius: 0.5em;
    border: solid 1px rgba(144, 144, 144, 0.25);
    color: #e0555a;
    display: inline-block;
    font-size: 2.25em;
    height: 2em;
    left: 0;
    line-height: 2em;
    position: absolute;
    text-align: center;
    top: 0;
    width: 2em;
}
.feature:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-transform: none !important;
}
.feature h3 {
	line-height:1.3em;
	font-size:1.25em;
}






/* NAV BAR */
header {
    height: 70px;
    background-color: #22292F;
    padding: 10px 0;
	line-height: 1em;
}
header.menu {
	position: sticky;
    top: 0;
    z-index: 1;
}
.menu-wrap {
    display: flex;
    justify-content: space-between;
    padding: 0 15px;
}
.logo-img {
    height: 50px;
}
.menu-icon {
    font-size: 2.4em;
    color: #ffffff;
    line-height: 50px;
}
.menu-image, .menu-image:hover {
	border-bottom: none;
}
nav {
    position: absolute;
    background-color: #2d363e;
    top:70px;
    left:0;
    width: 100%;
}
nav ul {
    list-style-type: none;
    max-height: 0px;
    overflow: hidden;
    transition: all 0.5s;
	margin-top:0px;
	margin-bottom: 0px;
}
nav ul li {
    padding: 0 10px;
}
nav ul li a {
    display: inline-block;
    padding: 12px;
    /* Add your custom styles below to change appearance of links */
    color: #FFFFFF;
    text-decoration: none;
    letter-spacing: 0.05em;
	border-bottom: none;
	font-weight: 700;
}
nav ul li a:hover, nav ul li a:focus {
	border-bottom: none;
}
#checkbox {
    display: none;
}
#checkbox:checked ~ nav ul {
    max-height: 500px;
    padding: 15px 0;
    transition: all 0.5s;
}
#checkbox:checked ~ nav {
	z-index: 1;
}

@media (min-width: 993px) { 
    .menu-icon {
        display: none;
    }
    nav {
        position: relative;
        top: -10px;
        background-color: transparent;
    }
    nav ul {
        max-height: 70px;
        padding: 15px 0;
        text-align: right;
    }
    nav ul li {
        display: inline-flex;
        padding-left: 10px;
    }
	li.contact-ray {
		border-radius: 5px;
		background-color: #e0555a;
	}
	li.contact-ray:hover, li.contact-ray:hover a {
		background-color: #ffffff;
		color: #e0555a;
	}
}






/* HEADER BANNER */
#header-banner {
	padding-top:50px;
	padding-bottom:60px;
	background-color: #494d53;
    position: relative;
    text-align: center;
}
#header-banner h1 {
	font-size:2.5em;
}
#header-banner h2 {
	font-size:3.25em;
}
#header-banner p {
	font-size:1.5em;
}
@media (max-width:600px){
	#header-banner h1 {
		font-size:2.25em;
	}
	#header-banner h2 {
		font-size:2.75em;
	}
	#header-banner p {
		font-size:1em;
	}
}


/* WHITE/GREY SECTION */
#grey-section {
	padding-top:40px;
	padding-bottom:40px;
	background-color: #f2f2f2;
    position: relative;
    text-align: center;
	clear:both;
}
#white-section {
	padding-top:40px;
	padding-bottom:40px;
	background-color: #ffffff;
    position: relative;
    text-align: center;
	clear:both;
}
#grey-section p, #white-section p {
	font-size: 1em;
    margin: unset !important;
    margin-bottom: 10px !important;
    color: #646464;
}
a.cta-button {
	border-bottom:none;
	background-color:#e0555a;
	color:#FFFFFF;
	padding:10px 22px;
	border-radius:5px;
	margin:5px;
    font-weight: 700;
	display:inline-block;
}
a.cta-button:hover {
	border-bottom:none;
	background-color:#494d53;
	color: #e0555a;
}





/* RED CTA SECTION */
#cta-section {
	padding-top:40px; 
	padding-bottom:40px; 
	color:#FFFFFF;
	background-color: #e0555a;
    position: relative;
    text-align: center;
	clear:both;
}
#cta-section a:hover {
	border-bottom:1px dotted #545454;
	color:#545454;
}
#cta-section p.contact {
	font-size:1.3em;
	line-height:1.6em;
}
@media (max-width:600px){
	#cta-section p.contact {
		font-size:1em;
	}
}


/* FOOTER CTA SECTION */
#footer-cta-section {
	padding-top:30px; 
	padding-bottom:30px; 
	color:#FFFFFF;
	background-color: #22292F;
    position: relative;
    text-align: center;
	clear:both;
}
#footer-cta-section a {
	border-bottom:none;
	background-color:#e0555a;
	color:#FFFFFF;
	padding:10px 22px;
	border-radius:5px;
	margin:5px;
    font-weight: 700;
	display:inline-block;
}
#footer-cta-section a:hover {
	border-bottom:none;
	background-color:#FFFFFF;
	color: #e0555a;
}





#footer {
	width:90%; 
	margin-left:auto; 
	margin-right:auto; 
	text-align:center;
	padding-top:20px; 
	padding-bottom:20px;
	background-color: #FFFFFF;
	clear:both;
}
#footer a {
	border-bottom:1px dotted #646464;
	text-decoration:none;
	color:#646464;
}
#footer a:hover {
	border-bottom:1px dotted #e0555a;
	color:#e0555a;
}