/*
Theme Name: NDC2
Author: Code Greene
*/

/* STYLE RESET =================================================================================================================================================== */

*{padding:0; box-sizing:border-box; margin:0; color:var(--color4); font-family:'Roboto', sans-serif; font-size:18px; font-weight:400; line-height:30px; text-rendering:geometricPrecision; position:relative;}
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

/* BLANKET STYLES ================================================================================================================================================ */

/* Defaults */

.hideScrollbar{scrollbar-width:none; -ms-overflow-style:none;}
.hideScrollbar::-webkit-scrollbar{display:none;}

body{background-color:var(--white);}
body.noscroll{overflow:hidden;}

hr{display:block; width:100%; max-width:330px; margin:50px auto; border:1px solid var(--black);}
img{display:block; width:initial; max-width:100%; height:auto;}
img.alignleft{float:left; margin:15px 15px 15px 0;}
img.alignright{float:right; margin:15px 0 15px 15px;}
img.aligncenter{margin:15px auto;}
strong, strong *, b, b *{font-size:1em; font-weight:700;}
em{font-style:italic;}
iframe{max-width:100%;}

a{color:var(--color1); font-size:1em; transition:all 0.25s;}
a *{color:var(--color1);}
a:hover, a:focus, a:active,
a:hover *, a:focus *, a:active *{color:var(--color2);}

.white-text, .white-text *{color:var(--white) !important; transition:all 0.25s;}
.white-text a{text-decoration:underline;}

.black-text, .black-text *{color:var(--black) !important; transition:all 0.25s;}
.black-text a{text-decoration:underline;}

/* Sticky Footer */

.page-wrapper{overflow:hidden; display:flex; flex-direction:column;  width:100%; min-height:100vh;}
.page-content{flex-grow:1; float:left; width:100%; z-index:2;}

/* Flexible */

.flexible{float:left; width:100%; margin:50px 0;}

.no-top{margin-top:0 !important;}
.no-bottom{margin-bottom:0 !important;}

/* Sections */

section{float:left; width:100%;}
section.default{padding:50px 0;}
.overlay{width:100%; position:absolute; top:0; bottom:0; z-index:1;}

.pcontainer{float:left; width:100%; height:100%;}
.parallax{height:100vh !important;}

.gradient-bg{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0166d6+0,00a1e0+50,3cc148+100 */
	background: var(--color1); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  var(--color1) 0%, var(--color2) 50%, var(--color3) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  var(--color1) 0%,var(--color2) 50%,var(--color3) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  var(--color1) 0%,var(--color2) 50%,var(--color3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--color1)', endColorstr='#3cc148',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* Paragraphs */

p{margin:30px 0;}
p img{max-width:100%; height:auto;}
p img.alignright{float:right; margin:0 0 10px 10px;}
p img.alignleft{float:left; margin:0 10px 10px 0;}
p img.aligncenter{margin:20px auto;}
/* p + p{margin-top:-15px;} */
p:first-child{margin-top:0;}
p:last-child{margin-bottom:0;}

.main-text{float:left; width:100%; margin-bottom:40px;}

.wp-caption img{max-width:100%; height:auto;}

@media screen and (max-width:600px) {
    p img{width:100%; margin:20px 0 !important;}
}

/* Headings */

h1, h2, h3, h4, h5, h6{width:100%; margin-bottom:10px; font-weight:400; line-height:1;}
h1 *, h2 *, h3 *, h4 *, h5 *, h6 *{font-size:1em !important; line-height:1;}
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child{margin-bottom:0;}

h1{font-size:50px;}
h2{font-size:28px;}
h3,
h4,
h5,
h6{font-size:20px; line-height:30px;}

h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6,
h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6,
h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6,
h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6,
h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6,
h6 + h1, h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6{margin-top:30px;}

h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p,
h1 + ul, h2 + ul, h3 + ul, h4 + ul, h5 + ul, h6 + ul,
h1 + ol, h2 + ol, h3 + ol, h4 + ol, h5 + ol, h6 + ol,
h1 + blockquote, h2 + blockquote, h3 + blockquote, h4 + blockquote, h5 + blockquote, h6 + blockquote,
h1 + q, h2 + q, h3 + q, h4 + q, h5 + q, h6 + q,
h1 + table, h2 + table, h3 + table, h4 + table, h5 + table, h6 + table{margin-top:15px;}

@media screen and (max-width:600px) {
	h1{font-size:36px;}
}

/* Lists */

ul, ol{width:100%; margin:30px 0;}
ul:first-child, ol:first-child{margin-top:0;}
ul:last-child, ol:last-child{margin-bottom:0;}

ul{padding:0 0 0 15px;}
/* ul li:before{content:''; width:15px; height:15px; background-image:url('./images/bullet.png'); background-repeat:no-repeat; background-size:contain; background-position:center; position:absolute; top:4.5px; left:0;} */

li{margin-bottom:10px;}
li:last-of-type{margin-bottom:0 !important;}

/* Nav */

nav ul{padding:0; margin:0; list-style:none;}
nav li{padding-left:0;}
nav li:before{display:none;}
nav a,
.white-text nav a,
.black-text nav a{text-decoration:none;}

/* Blockquote */

blockquote, q{width:100%; padding:30px 50px; margin:30px 0; background-color:var(--color1);}
blockquote:first-child, q:first-child{margin-top:0;}
blockquote:last-child, q:last-child{margin-bottom:0;}
blockquote *, q *{color:var(--white);}

@media screen and (max-width:700px) {
    blockquote, q{padding:20px 35px;}
}

@media screen and (max-width:425px) {
    blockquote, q{padding:20px;}
}

/* Tables */

table{width:100%; margin:30px 0;}
table:first-child{margin-top:0;}
table:last-child{margin-bottom:0;}
tr{background:var(--white);}
tr:nth-child(even){background:#f9f9f9;}
th{padding:10px 15px; color:var(--white); background-color:var(--black); font-weight:700; text-align:left;}
td{padding:10px 15px;}

/* Pagination */

.pagination{display:flex; flex-wrap:wrap; justify-content:center; float:left; width:100%; margin:-50px 0 50px;}
.pagination *{text-decoration:none !important;}
.page-numbers{float:left; background-color:#f2f2f2; padding:15px 20px; margin:100px 0 0 5px; color:var(--black); transition:all 0.25s;}
.page-numbers:first-child{margin-left:0;}
.page-numbers:hover{color:var(--white); background-color:var(--color2);}
.page-numbers.current{color:var(--white); background-color:var(--color1);}

.single-pagination{display:flex; flex-wrap:wrap; justify-content:space-between; margin:50px 0 0;}
.single-pagination .btn{width:180px;}
.single-pagination .btn a{width:100%;}

@media screen and (max-width:650px) {
	.single-pagination{flex-direction:column; align-items:center;}
	.single-pagination .btn{width:100%; max-width:220px;}
	.single-pagination .nav-prev a{margin-bottom:10px;}
	.single-pagination .nav-next a{margin-bottom:10px;}
	.single-pagination .nav-back{order:2;}
}

/* Buttons */

.btn a, a.btn,
.btn input[type=submit],
input[type=submit].btn{display:inline-block; height:auto !important; padding:8px 15px !important; color:var(--white) !important; font-weight:400; text-align:center !important; text-transform:uppercase; text-decoration:none !important; white-space:nowrap !important; border:none; transition:all 0.25s !important;}
.btn a:hover, a.btn:hover,
.btn input[type=submit]:hover,
input[type=submit].btn:hover{cursor:pointer; transform:scale(1.05);}

.color1-btn a, a.color1-btn,
.color1-btn input[type=submit],
input[type=submit].color1-btn{background-color:var(--color1) !important;}

.color1-transparent-btn a, a.color1-transparent-btn,
.color1-transparent-btn input[type=submit],
input[type=submit].color1-transparent-btn{color:var(--color1) !important; border:1px solid var(--color1);}

.color2-btn a, a.color2-btn,
.color2-btn input[type=submit],
input[type=submit].color2-btn{background-color:var(--color2) !important;}

.color2-transparent-btn a, a.color2-transparent-btn,
.color2-transparent-btn input[type=submit],
input[type=submit].color2-transparent-btn{color:var(--color2) !important; border:1px solid var(--color2);}

.color3-btn a, a.color3-btn,
.color3-btn input[type=submit],
input[type=submit].color3-btn{background-color:var(--color3) !important;}

.color3-transparent-btn a, a.color3-transparent-btn,
.color3-transparent-btn input[type=submit],
input[type=submit].color3-transparent-btn{color:var(--color3) !important; border:1px solid var(--color3);}

.color4-btn a, a.color4-btn,
.color4-btn input[type=submit],
input[type=submit].color4-btn{background-color:var(--color4) !important;}

.color4-transparent-btn a, a.color4-transparent-btn,
.color4-transparent-btn input[type=submit],
input[type=submit].color4-transparent-btn{color:var(--color4) !important; border:1px solid var(--color4);}

.white-btn a, a.white-btn,
.white-btn input[type=submit],
input[type=submit].white-btn{color:var(--color1) !important; background-color:var(--white) !important;}

.white-transparent-btn a, a.white-transparent-btn,
.white-transparent-btn input[type=submit],
input[type=submit].white-transparent-btn{border:1px solid var(--white);}

/* Containers */

.container{width:100%; max-width:1620px; padding:0 50px; margin:0 auto;}
.medium{max-width:1300px;}
.small{max-width:1000px;}

@media screen and (max-width:700px) {
	.container{padding:0 35px;}
}

@media screen and (max-width:425px) {
	.container{padding:0 20px;}
}

/* Forms ========================================== */
/* There is a very good html form & css on the website "DBE" in the html folder (also has JS) */
form{display:flex; flex-wrap:wrap; justify-content:space-between; float:left; width:calc(100% + 20px); margin-left:-20px;}
.form-item{flex-grow:1; float:left; width:100%; min-width:232px; padding-left:20px; margin-bottom:20px;}
.form-item.form-half{width:50%;}
.form-item.form-third{width:33.33%;}
.form-item.form-quarter{width:25%;}
.form-item.select:after{content:'\f078'; font-family:'Font Awesome 5 Free'; font-weight:700; color:var(--color1) !important; position:absolute; top:15px; right:15px; z-index:1;}
.form-text{float:left; width:100%; margin-bottom:10px;}
.form-input{float:left; width:100%;}
.form-input input,
.form-input select{float:left; width:100%; height:48px; padding:15px 20px; box-sizing:border-box; color:var(--color1) !important; background-color:var(--white); border:1px solid #2F2F2F;}
.form-input textarea{float:left; width:100%; padding:15px 20px; font-family:'Roboto', sans-serif; color:var(--color1) !important; border:1px solid #2F2F2F;}

.form-input .wpcf7-list-item label{display:flex;}
.form-input .wpcf7-list-item input{width:15px; height:17px; margin:5px 10px 0 0;}
.form-input .wpcf7-list-item span{font-size:14px;}
.form-input .wpcf7-acceptance .wpcf7-list-item{margin-left:0;}

.form-submit{flex-grow:1; float:left; width:100%; min-width:232px; padding-left:20px;}
.form-submit.form-half{width:50%;}
.form-submit input[type=submit]{width:100%; height:48px;}
.form-submit span.ajax-loader{margin:0 -20px 0 4px !important;}

.form-input input::-webkit-input-placeholder{color:#888;}
.form-input input::-moz-placeholder{color:#888;}
.form-input input:-ms-input-placeholder{color:#888;}
.form-input input:-moz-placeholder{color:#888;}
.form-input textarea::-webkit-input-placeholder{color:#888;}
.form-input textarea::-moz-placeholder{color:#888;}
.form-input textarea:-ms-input-placeholder{color:#888;}
.form-input textarea:-moz-placeholder{color:#888;}

/* CF7 Form Validation ========================================== */
.wpcf7-not-valid-tip{display:none !important;}
form.invalid .wpcf7-not-valid{float:left; color:red !important; border:1px solid red !important; background:#f0e3e3 !important;}
.wpcf7-response-output.wpcf7-mail-sent-ok,
.wpcf7-response-output.wpcf7-validation-errors{float:left; width:100%; padding:10px 0; margin:20px 0; text-align:center;}
div.wpcf7-response-output{float:left; width:100%; padding:0; margin:0;}
div.wpcf7-mail-sent-ng{float:left; width:100%; box-sizing:border-box; margin-left:0 !important; margin-right:0 !important;}

form.invalid .wpcf7-not-valid::-webkit-input-placeholder{color:red;}
form.invalid .wpcf7-not-valid::-moz-placeholder{color:red;}
form.invalid .wpcf7-not-valid:-ms-input-placeholder{color:red;}
form.invalid .wpcf7-not-valid:-moz-placeholder{color:red;}

form input[type=submit]:disabled{opacity:0.5;}
form input[type=submit]:disabled:hover{cursor:not-allowed;}

/* Parallax Scrolling Elements ========================================== */
.parallax-icon{position:absolute; z-index:-1;}
#pattern1{width:440px; height:451px; right:0;}
#pattern2{width:445px; height:455px; right:-150px;}

/* Slick Slider ========================================== */
.slide-cover{clip-path:inset(-100vw -100vw -100vw 50px);}

.slick-dots{display:flex; justify-content:flex-end; align-items:flex-end; bottom:-70px;}
.slick-dots li{width:30px; height:2px; margin:0 5px;}
.slick-dots li button{width:30px; height:2px; padding:0;}
.slick-dots li button:before{content:''; opacity:1; width:30px; height:2px; background-color:#888;}
.slick-dots li.slick-active,
.slick-dots li.slick-active button{width:30px; height:4px;}
.slick-dots li.slick-active button:before{height:4px; background-color:var(--color1);}

@media screen and (max-width:700px) {
	.slide-cover{clip-path:inset(-100vw -100vw -100vw 35px);}
}

@media screen and (max-width:425px) {
	.slide-cover{clip-path:inset(-100vw -100vw -100vw 20px);}
}

/* CUSTOM STYLES ================================================================================================================================================= */

/* Header ========================================== */
header{float:left; width:100%; padding:25px 0; background-color:var(--white); z-index:100;}
header .container{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
header .logo{flex:0 0 227px; display:flex; justify-content:center; align-items:center;}
header .logo img{display:block; width:100%; height:auto;}

header .tagline{max-width:282px; padding-left:30px; margin-left:auto; text-align:center;}
header .tagline *{color:var(--color3); font-size:20px; text-transform:uppercase;}

header .menu{display:flex; align-items:center; margin-left:auto;}
header .menu-header-menu-container{display:flex; width:100%;}
header ul#menu-header-menu{display:flex; align-items:center; padding:0; margin:0;}
header ul#menu-header-menu li{display:flex; justify-content:center; padding:0; margin:0 0 0 30px; position:relative;}
header ul#menu-header-menu li.btn{margin-left:15px;}
header ul#menu-header-menu li a{display:flex; justify-content:center; align-items:center; color:var(--color4); font-weight:500; text-align:center; text-transform:uppercase; white-space:nowrap;}
header ul#menu-header-menu li a:hover{color:var(--color1);}

header .hamburger{display:none; margin-left:auto; position:relative;}
header .hamburger:hover{opacity:1;}
header .hamburger-inner,
header .hamburger-inner:before,
header .hamburger-inner:after{background-color:var(--color4);}

header .slicknav{display:none; float:left; width:100%; background-color:var(--white); box-shadow:0 3px 6px rgba(0,0,0,0.5); text-align:center; position:absolute; top:100%; left:0; z-index:100;}
header .slicknav ul#menu-header-menu-1{display:flex; flex-direction:column; float:left; width:100%; padding:0; margin:0; list-style:none; position:relative;}
header .slicknav ul#menu-header-menu-1 li{float:left; width:100%; padding:0; margin:0;}
header .slicknav ul#menu-header-menu-1 li.btn a{border-radius:0;}
header .slicknav ul#menu-header-menu-1 li a{display:inline-block; float:left; width:100%; padding:20px; box-sizing:border-box; color:var(--black); text-decoration:none;}
header .slicknav ul#menu-header-menu-1 li a:hover{background-color:#f2f2f2;}

@media screen and (max-width:1150px) {
        header .tagline{margin-left:0;}
        
	header .menu{display:none;}
	header .hamburger{display:block;}
}

@media screen and (min-width:1151px) {
	header .slicknav{display:none !important;}
}

@media screen and (max-width:650px) {
	header .tagline{display:none;}
}

/* Footer ========================================== */
footer{display:flex; align-items:center; min-height:417px; padding:100px 0; background-color:var(--color1); z-index:99;}
footer .footer-block{display:flex; justify-content:space-between; float:left; width:calc(100% + 40px); margin:0 0 -60px -20px;}
footer .footer-column{display:flex; flex-direction:column; max-width:363px; padding:0 20px; margin-bottom:60px;}
footer .column-logo{display:flex; justify-content:center; align-items:center; margin-bottom:25px;}
footer .column-logo img{display:block; width:initial; height:75px;}
footer .column-social{display:flex; justify-content:space-between;}
footer .column-social a{text-decoration:none; transition:all 0.25s;}
footer .column-social a i{font-size:24px;}
footer .column-social a:hover{transform:scale(1.1);}

footer .footer-column.text p{margin:15px 0;}
footer .footer-column.text p:first-child{margin-top:0;}
footer .footer-column.text p:last-child{margin-bottom:0;}

footer .footer-menu ul{display:flex; flex-direction:column;}
footer .footer-menu a:hover{text-decoration:underline;}

footer .subscribe .ctct-form-wrapper{float:left; width:100%;}
footer .subscribe form.footer-newsletter{float:left; width:100%; margin:0;}
footer .subscribe form.footer-newsletter a.ctct-button,
footer .subscribe form.footer-newsletter span.ctct-label-top{display:none;}
footer .subscribe form.footer-newsletter p.ctct-form-field-email{width:calc(100% - 54px);}
footer .subscribe form.footer-newsletter input.ctct-email{float:left; width:100%; padding:7px 20px; background:none; border:1px solid #fff;}
footer .subscribe form.footer-newsletter p.ctct-form-field-submit{flex:0 0 54px;}
footer .subscribe form.footer-newsletter input.ctct-submit{width:100%; padding:8px 15px; color:#0166d6 !important; border:none;}
footer .subscribe form.footer-newsletter .ctct-disclosure{width:100%;}
footer .subscribe form.footer-newsletter .ctct-disclosure hr{display:none;}
footer .subscribe form.footer-newsletter .ctct-disclosure small,
footer .subscribe form.footer-newsletter .ctct-disclosure a{display:block; font-size:12px; line-height:16px; font-style:italic;}

footer .subscribe form.footer-newsletter input.ctct-email::-webkit-input-placeholder{color:var(--white);}
footer .subscribe form.footer-newsletter input.ctct-email::-moz-placeholder{color:var(--white);}
footer .subscribe form.footer-newsletter input.ctct-email:-ms-input-placeholder{color:var(--white);}
footer .subscribe form.footer-newsletter input.ctct-email:-moz-placeholder{color:var(--white);}

/* CF7 Form
footer .subscribe form{width:100%; margin:0;}
footer .subscribe form .form-container{display:flex; float:left; width:100%;}
footer .subscribe form .form-item{min-width:initial; padding:0; margin:0;}
footer .subscribe form .form-input input{color:var(--white) !important; background-color:transparent; border:1px solid var(--white);}
footer .subscribe form .form-submit{width:60px; min-width:initial; padding:0;}
footer .subscribe form .form-submit .wpcf7-spinner{position:absolute; top:calc(100% + 10px); right:0;}

footer .subscribe form .form-input input::-webkit-input-placeholder{color:var(--white);}
footer .subscribe form .form-input input::-moz-placeholder{color:var(--white);}
footer .subscribe form .form-input input:-ms-input-placeholder{color:var(--white);}
footer .subscribe form .form-input input:-moz-placeholder{color:var(--white);}
footer .subscribe form .form-input textarea::-webkit-input-placeholder{color:var(--white);}
footer .subscribe form .form-input textarea::-moz-placeholder{color:var(--white);}
footer .subscribe form .form-input textarea:-ms-input-placeholder{color:var(--white);}
footer .subscribe form .form-input textarea:-moz-placeholder{color:var(--white);}

footer .subscribe form.invalid .wpcf7-not-valid{color:red !important;}

footer .subscribe form.invalid .wpcf7-not-valid::-webkit-input-placeholder{color:red;}
footer .subscribe form.invalid .wpcf7-not-valid::-moz-placeholder{color:red;}
footer .subscribe form.invalid .wpcf7-not-valid:-ms-input-placeholder{color:red;}
footer .subscribe form.invalid .wpcf7-not-valid:-moz-placeholder{color:red;}
*/

footer a.backtotop{position:absolute; right:20px; bottom:calc(100% + 140px);}
footer a.backtotop img{width:initial; height:60px;}

@media screen and (max-width:1439px) {
	footer .footer-block{flex-wrap:wrap;}
        footer .footer-column.logo-social{align-items:flex-start; width:100%; max-width:initial;}
        footer .column-social{width:100%; max-width:205px;}
}

@media screen and (max-width:1199px) {
        footer .footer-column.logo-social{max-width:245px;}
        footer .footer-column.text{width:calc(100% - 245px); max-width:initial;}
}

@media screen and (max-width:850px) {
        footer .footer-block{justify-content:center;}
	footer .footer-column{width:100% !important; max-width:initial;}
        
        footer .footer-column.text{text-align:center;}
        
        footer .footer-menu ul li{text-align:center;}
        
        footer .footer-column.subscribe{max-width:500px;}
        
        footer .footer-column.information{text-align:center;}
}

/* Footer Contact ========================================== */
section.footer-contact{padding:100px 0; z-index:2;}
section.footer-contact .container{display:flex; align-items:flex-start;}
section.footer-contact .left-side{width:45%; padding-left:28px; border-left:2px solid var(--color4);}
section.footer-contact .left-side .section-title{float:left; width:100%; margin-bottom:5px;}
section.footer-contact .left-side .section-title h1{color:var(--color1); font-weight:500;}
section.footer-contact .left-side .section-text{float:left; width:100%; max-width:445px;}
section.footer-contact .right-side{width:55%; margin-left:40px;}

section.footer-contact.stacked .container{flex-direction:column;}
section.footer-contact.stacked .left-side{width:50%; margin-bottom:40px;}
section.footer-contact.stacked .right-side{width:50%; margin-left:0;}

@media screen and (max-width:768px) {
	section.footer-contact .container{flex-direction:column;}
	section.footer-contact .left-side{width:100% !important; margin-bottom:40px;}
	section.footer-contact .right-side{width:100% !important; margin-left:0;}
}

/* Footer Testimonials ========================================== */
section.section-image-container{display:none; height:400px; margin-top:50px; background-repeat:no-repeat; background-size:cover; background-position:center; z-index:2;}

section.footer-testimonials{display:flex; align-items:center; min-height:853px; padding:100px 0; margin:50px 0; z-index:2;}
section.footer-testimonials .overlay{opacity:0.24; width:75%; z-index:-1;}
section.footer-testimonials .section-block{width:100%; max-width:650px;}
section.footer-testimonials .section-part{display:flex; flex-direction:column; padding-left:2px;}
section.footer-testimonials .section-text{width:100%; padding-left:30px; border-left:2px solid var(--color4);}
section.footer-testimonials .section-text p,
section.footer-testimonials .section-text li,
section.footer-testimonials .section-text a{font-size:24px; font-weight:300;}
section.footer-testimonials .section-text img{width:45px; height:auto; margin-bottom:40px;}
section.footer-testimonials .section-name{width:100%; padding-left:30px; margin-top:60px; font-size:20px;}
section.footer-testimonials img.section-image{width:initial; height:calc(100% - 90px); position:absolute; top:0; left:65%;}

@media screen and (max-width:1150px) {
	section.footer-testimonials .section-block{width:60%; max-width:initial;}
}

@media screen and (max-width:768px) {
	section.section-image-container{display:block;}
	
	section.footer-testimonials{min-height:initial;}
	section.footer-testimonials .overlay{width:100%;}
	section.footer-testimonials .section-block{width:100%;}
	section.footer-testimonials img.section-image{display:none;}
}

/* Hero ========================================== */
section.hero.tall{height:56.173vw; max-height:910px;}
section.hero.short{height:auto; max-height:initial;}

section.hero{display:flex; align-items:center; height:28.396vw; max-height:460px; padding:100px 0; margin:50px 0; background-repeat:no-repeat; background-size:cover; background-position:center;}
section.hero .overlay{opacity:0.5;}
section.hero video{overflow:hidden; width:100%; height:100%; object-fit:cover !important; position:absolute; top:0; bottom:0;}
section.hero .container{z-index:2;}
section.hero .section-all-text{display:flex; flex-direction:column; float:left; width:100%; padding-left:28px; border-left:2px solid var(--white);}
section.hero .breadcrumb{width:100%; font-size:12px; text-transform:uppercase;}
section.hero .breadcrumb a{text-decoration:none;}
section.hero .breadcrumb a:hover{text-decoration:underline;}
section.hero .section-title{width:100%; max-width:1000px; margin-top:10px;}
section.hero .section-title *{font-weight:500;}
section.hero .section-text{width:100%; max-width:685px; margin-top:10px;}
section.hero .section-button{float:left; width:100%; padding-left:28px; margin-top:30px;}

@media screen and (max-width:1620px) {
	section.hero.tall{min-height:56.173vw;}
	section.hero.short{min-height:auto;}

	section.hero{min-height:28.396vw; height:auto !important; max-height:initial !important;}
}

@media screen and (max-width:1023px) {
	section.hero img.parallax-icon{display:none;}
}

/* Team ========================================== */
section.team.full-section{margin:50px 0;}
section.team.full-section .overlay{opacity:0.14; z-index:-1;}
section.team.full-section .main-title{border-left:2px solid var(--color1);}
section.team.full-section .main-title *{color:var(--color1);}
section.team.full-section .main-text{border-left:2px solid var(--color1);}
section.team.full-section .main-text *{color:var(--color1);}

section.team{padding:100px 0; z-index:2;}
section.team .container{display:flex; flex-direction:column;}
section.team .small-title{width:100%; padding:0 0 10px 28px; color:var(--color1); font-size:12px; letter-spacing:2.4px; text-transform:uppercase; border-left:2px solid var(--color4);}
section.team .main-title{width:100%; max-width:1000px; padding:0 0 5px 28px; border-left:2px solid var(--color4);}
section.team .main-title h1{font-weight:500;}
section.team .main-text{width:100%; max-width:550px; margin-bottom:40px; padding-left:28px; border-left:2px solid var(--color4);}
section.team .section-category{margin:40px 0 15px;}
section.team .section-block{display:flex; float:left; width:calc(100% + 28px); margin:0 0 70px -28px;}
section.team .section-part{display:flex; flex-direction:column; width:25%; padding-left:28px;}
section.team .section-image{overflow:hidden; width:100%; height:27vw; max-height:437px;}
section.team .section-image .headshot{width:100%; background-repeat:no-repeat; background-size:cover; background-position:center top; position:absolute; top:0; bottom:0;}
section.team .section-image .overlay{right:100%; z-index:2; transition:all 0.25s;}
section.team .section-image:hover .overlay{right:0;}
section.team .section-image .overlay a.inner-link{display:flex; justify-content:center; align-items:center; width:100%; position:absolute; top:0; bottom:0;}
section.team .section-image .overlay a.inner-link .inner-overlay{width:100%; opacity:0.7; background-color:var(--color4); position:absolute; top:0; bottom:0;}
section.team .section-image .overlay a.inner-link img{width:40px; height:auto; z-index:2; transition:all 0.25s;}
section.team .section-image .overlay a.inner-link:hover img{transform:scale(1.1);}
section.team .section-image .overlay .overlay-social{display:flex; flex-direction:column; align-items:center; position:absolute; bottom:10px; left:10px; z-index:2;}
section.team .section-image .overlay .overlay-social a{display:block; margin-top:10px;}
section.team .section-image .overlay .overlay-social i{color:var(--white); font-size:20px;}
section.team .section-image .overlay .overlay-social a:hover{transform:scale(1.1);}

section.team .section-all-text{flex-grow:1; width:100%; padding-left:28px; margin-top:28px; border-left:1px solid var(--color4);}
section.team .section-all-text .section-name{margin-top:5px; text-transform:uppercase;}
section.team .section-all-text .section-name *{color:var(--color1);}
section.team .section-all-text .section-position{margin-top:5px;}

section.team .slick-list{width:100%; overflow:initial;}
section.team .slick-track{width:100%;}

/*
section.team .spacer{float:left; width:100%; height:60px;}
section.team .spacer:last-of-type{display:none; height:0;}
*/

@media screen and (max-width:1024px) {
	section.team .section-image{height:35vw; max-height:initial;}
	section.team .section-part{width:33.33%;}
}

@media screen and (max-width:768px) {
	section.team .section-image{height:50vw;}
	section.team .section-part{width:50%;}
}

@media screen and (max-width:500px) {
	section.team .section-image{height:104vw;}
	section.team .section-part{width:100%;}
}

/* Featured Properties ========================================== */
section.featured-properties.full-section{margin:50px 0; z-index:2;}
section.featured-properties.full-section .overlay{opacity:0.14; z-index:-1;}
section.featured-properties.full-section .main-title{border-left:2px solid var(--color1);}
section.featured-properties.full-section .main-title *{color:var(--color1);}
section.featured-properties.full-section .main-text{border-left:2px solid var(--color1);}
section.featured-properties.full-section .main-text *{color:var(--color1);}

section.featured-properties{padding:100px 0;}
section.featured-properties .container{display:flex; flex-direction:column;}
section.featured-properties .main-title{width:100%; max-width:1000px; padding:0 0 5px 28px; border-left:2px solid var(--color4);}
section.featured-properties .main-title h1{font-weight:500;}
section.featured-properties .main-text{width:100%; max-width:550px; margin-bottom:40px; padding-left:28px; border-left:2px solid var(--color4);}
section.featured-properties .section-block{display:flex; float:left; width:calc(100% + 28px); margin:0 0 70px -28px;}
section.featured-properties .section-part{display:flex; flex-direction:column; width:25%; padding-left:28px;}
section.featured-properties .section-image{overflow:hidden; width:100%; height:27vw; max-height:437px; background-repeat:no-repeat; background-size:cover; background-position:center top;}
section.featured-properties .section-image .overlay{opacity:0; visibility:hidden;}
section.featured-properties .section-image:hover .overlay{opacity:1; visibility:visible;}

section.featured-properties .section-all-text{flex-grow:1; width:100%; padding-left:28px; margin-top:28px; border-left:1px solid var(--color4);}
section.featured-properties .section-all-text .section-name{margin-top:5px; color:var(--color1); text-transform:uppercase;}
section.featured-properties .section-all-text .section-address{margin-top:5px;}

section.featured-properties .slick-list{width:100%; overflow:initial;}
section.featured-properties .slick-track{width:100%;}

@media screen and (max-width:1024px) {
	section.featured-properties .section-image{height:35vw; max-height:initial;}
	section.featured-properties .section-part{width:33.33%;}
}

@media screen and (max-width:768px) {
	section.featured-properties .section-image{height:50vw;}
	section.featured-properties .section-part{width:50%;}
}

@media screen and (max-width:500px) {
	section.featured-properties .section-image{height:104vw;}
	section.featured-properties .section-part{width:100%;}
}

/* Image w/Text Block ========================================== */
section.image-w-text-block{display:flex; align-items:flex-end; height:68vw; max-height:1100px; padding:100px 0; margin:50px 0;}
section.image-w-text-block .bg-image{overflow:hidden; width:100%; background-repeat:no-repeat; background-size:cover; background-position:center; position:absolute; top:0; bottom:30%; left:0; z-index:-1;}
section.image-w-text-block .section-block{display:flex; align-items:center; float:left; width:100%; padding:50px;}
section.image-w-text-block .section-block .overlay{opacity:0.95; background-color:#D3E4F8; left:0;}

section.image-w-text-block .text-block{display:flex; flex-direction:column; width:100%; margin-right:38px; z-index:2;}
section.image-w-text-block .section-title{width:100%; padding:0 0 10px 30px; border-left:2px solid var(--color1);}
section.image-w-text-block .section-title *{color:var(--color1);}
section.image-w-text-block .section-text{display:flex; width:100%; border-left:2px solid var(--color1);}
section.image-w-text-block .text-column{width:50%; padding-left:30px;}
section.image-w-text-block .section-button{width:100%; padding-left:30px; margin-top:30px;}

section.image-w-text-block .logo-block{display:flex; flex-direction:column; margin-bottom:-45px; z-index:2;}
section.image-w-text-block .logo-block a.logo-link{min-width:283px; max-width:283px; margin-bottom:45px;}
section.image-w-text-block .logo-block a.logo-link img{width:100%; height:auto;}
section.image-w-text-block .logo-block img.logo{min-width:283px; max-width:283px; margin-bottom:45px;}

@media screen and (max-width:1620px) {
	section.image-w-text-block{min-height:68vw; height:auto !important; max-height:initial !important;}
}

@media screen and (max-width:1150px) {
	section.image-w-text-block .section-text{flex-direction:column;}
	section.image-w-text-block .text-column{width:100%;}
}

@media screen and (max-width:950px) {
	section.image-w-text-block .section-block{flex-direction:column-reverse;}
	
	section.image-w-text-block .text-block{margin-right:0;}
	
	section.image-w-text-block .logo-block{width:calc(100% + 20px); flex-direction:row; justify-content:space-between; margin:0 0 0 -20px;}
	section.image-w-text-block .logo-block a.logo-link,
	section.image-w-text-block .logo-block img.logo{min-width:initial; max-width:initial; width:220px; height:auto; padding-left:20px;}
}

@media screen and (max-width:850px) {
	section.image-w-text-block .logo-block a.logo-link,
	section.image-w-text-block .logo-block img.logo{width:180px;}
}

@media screen and (max-width:700px) {
	section.image-w-text-block .section-block{padding:50px 35px;}
}

@media screen and (max-width:690px) {
	section.image-w-text-block .logo-block{display:none;}
}

@media screen and (max-width:425px) {
	section.image-w-text-block .section-block{padding:50px 20px;}
	
	section.image-w-text-block .section-title,
	section.image-w-text-block .text-column,
	section.image-w-text-block .section-button{padding-left:20px;}
}

/* Affiliations ========================================== */
section.affiliations{padding:50px 0 100px; z-index:2;}
section.affiliations .container{display:flex; flex-direction:column;}
section.affiliations .main-title{max-width:1000px; padding:0 0 5px 28px; border-left:2px solid var(--color4);}
section.affiliations .main-text{max-width:550px; margin-bottom:40px; padding-left:28px; border-left:2px solid var(--color4);}
section.affiliations .main-title h1{font-weight:500;}
section.affiliations .section-block{float:left; width:calc(100% + 120px); margin:0 0 70px -120px;}
section.affiliations .section-part{display:flex; justify-content:center; align-items:center; width:16.66%; padding-left:120px;}
section.affiliations .section-part img{width:initial; max-width:100%; height:auto; max-height:100%;}

section.affiliations .slick-list{width:100%; overflow:initial;}
section.affiliations .slick-track{display:flex; align-items:center; width:100%;}

@media screen and (max-width:1300px) {
	section.affiliations .section-block{width:calc(100% + 70px); margin-left:-70px;}
	section.affiliations .section-part{padding-left:70px;}
}

@media screen and (max-width:768px) {
	section.affiliations .section-block{width:calc(100% + 30px); margin-left:-30px;}
	section.affiliations .section-part{padding-left:30px;}
}

@media screen and (max-width:425px) {
	section.affiliations .section-block{width:calc(100% + 20px); margin-left:-20px;}
	section.affiliations .section-part{padding-left:20px;}
}

/* Text w/Image ========================================== */
section.text-w-image.full-section{padding:70px 0; margin:50px 0;}

section.text-w-image{min-height:1087px; padding:20px 0; z-index:2;}
section.text-w-image.with-image{z-index:1;}
section.text-w-image .overlay{opacity:0.24; z-index:-1;}
section.text-w-image .container{display:flex; flex-direction:column-reverse;}
section.text-w-image .section-all-text{display:flex; flex-direction:column; float:left; width:100%; padding:60px 0;}
section.text-w-image.with-image .section-all-text{width:60%; padding-right:50px;}
section.text-w-image .small-title{width:100%; padding:0 0 10px 28px; color:var(--color1); font-size:12px; letter-spacing:2.4px; text-transform:uppercase; border-left:2px solid var(--color4);}
section.text-w-image .section-title{width:100%; padding-left:28px; margin-bottom:40px; border-left:2px solid var(--color4);}
section.text-w-image .section-title h1{font-weight:500;}
section.text-w-image .section-text{width:100%; padding-left:28px;}
section.text-w-image .section-text h3,
section.text-w-image .section-text h4,
section.text-w-image .section-text h5,
section.text-w-image .section-text h6{color:var(--color1);}
section.text-w-image .section-button{width:100%; padding-left:28px; margin-top:50px;}
section.text-w-image img.section-image{width:43%; height:auto; margin-top:110px; position:absolute; top:0; left:60%;}

@media screen and (max-width:1023px) {
	section.text-w-image{min-height:initial;}
	section.text-w-image.with-image .section-all-text{width:100%; padding-right:0;}
	section.text-w-image img.section-image{width:100%; height:auto; margin-top:0; position:static;}
}

/* Columns w/Image ========================================== */
section.columns-w-image{min-height:1087px; padding:50px 0; z-index:2;}
section.columns-w-image .container{}
section.columns-w-image .section-top{float:left; width:100%; padding:120px 0 80px;}
section.columns-w-image .section-top .overlay{opacity:0.24; z-index:-1;}

section.columns-w-image .section-image-container{display:none; float:left; width:100%; height:400px; background-repeat:no-repeat; background-size:cover; background-position:center;}

section.columns-w-image .section-bottom{float:left; width:100%; min-height:482px; padding:90px 0 50px; z-index:2;}
section.columns-w-image .section-column{display:flex; flex-direction:column; float:left; width:50%;}

section.columns-w-image .section-logo{width:100%; padding-left:28px; margin-bottom:20px; border-left:2px solid var(--color4);}
section.columns-w-image .section-logo img{width:initial; height:90px; }
section.columns-w-image .section-title{width:100%; padding-left:28px; margin-bottom:40px; border-left:2px solid var(--color4);}
section.columns-w-image .section-title h1{font-weight:500;}
section.columns-w-image .section-text{width:100%; padding-left:28px;}
section.columns-w-image .section-text h3,
section.columns-w-image .section-text h4,
section.columns-w-image .section-text h5,
section.columns-w-image .section-text h6{color:var(--color1);}
section.columns-w-image .section-button{width:100%; padding-left:28px; margin-top:50px;}

section.columns-w-image .column-1,
section.columns-w-image .column-3{padding-right:38px;}
section.columns-w-image .column-2{padding-left:38px; margin-bottom:430px;}

section.columns-w-image img.section-image{width:initial; height:861px; position:absolute; top:-520px; left:58%;}

@media screen and (max-width:1023px) {
	section.columns-w-image .section-image-container{display:block;}
	
	section.columns-w-image img.section-image{display:none;}
	section.columns-w-image .column-1{padding-right:25px;}
	section.columns-w-image .column-2{padding-left:25px; margin:0;}
	section.columns-w-image .column-3{width:100%; padding-right:0;}
}

@media screen and (max-width:850px) {
	section.columns-w-image .column-1{width:100%; padding:0; margin-bottom:75px;}
	section.columns-w-image .column-2{width:100%; padding:0;}
}