* {margin:0; padding:0;}
html, body {height: 100%;}
body {font-family: 'Roboto', sans-serif; font-size:16px; line-height:24px; color:#555e66; background:#ffffff;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.clear {display:block; clear:both; height:0;}
a img {border:none;}
a {outline:none;}
*, *::before, *::after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

header, nav, section, article, aside, footer {display:block;}

.loaded *, .loaded { -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
img {-webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none;}
input[type="submit"] {-webkit-appearance: none;}


#page-wrapper {overflow: hidden;}



/***** Header *****/
#header-container {position: absolute; left: 0; top: 0; width: 100%; z-index: 1000; background-color: #ffffff;}
#header {max-width: 1920px; margin: 0 auto; position: relative; padding: 37px 28px 0 28px; -webkit-box-sizing: border-box; box-sizing: border-box;}




/***** Logo *****/
#logo {float: left; max-width: 197px; display: block; margin-top: 35px; margin-left: 2.3%;}
#logo img {max-width: 100%; height: auto; display: block;}




/***** Header Links *****/
#header-links {float: right; padding-top: 0;}
#header-links a:not(.hlsm-link), .mobile-header-links a {display: inline-block; text-decoration: none; width: 86px; height: 26px; line-height: 26px; border-radius: 13px; text-align: center; color: #ffffff; font-size: 14px; background-color: #9abc03; margin-left: 12px;}
#header-links a.blue, #header-links a.blue:visited, .mobile-header-links a.blue, .mobile-header-links a.blue:visited {background-color: #25c0f1; color: #fff;cursor: default;}
#header-links a:hover, .mobile-header-links a:hover {background-color: #4f5961 !important;}




/***** Menu *****/
#nav {max-width: 1148px; margin: 0 auto; display: block; padding-top: 87px;}
#menu {list-style: none;}
#menu li {display: inline-block; margin-right: 18px; padding-bottom: 22px;}
#menu li a {text-decoration: none; color: #4f5961; font-size: 17px;}
#menu li a:hover, #menu > li:hover > a {color: #1491ab;}
#menu > li.current-menu-item > a, #menu > li.current-menu-parent > a {color: #1491ab;}

#menu > li > ul {position: absolute; left: -15px; top: 46px; background-color: #fafafa; white-space: nowrap; padding: 29px 47px 29px 47px; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; border-left: 2px solid #9abc03; -webkit-box-shadow: 0px 30px 40px 0px rgba(0, 0, 0, 0.13); box-shadow: 0px 30px 40px 0px rgba(0, 0, 0, 0.13); /*border-top: 1px solid #dcdedf;*/}
#menu li > ul > li {display: block; margin: 0; padding: 20px 0;}
#menu li > ul > li > a {color: #4f5961; font-weight: 300;    -webkit-transition-duration: .001s;    -o-transition-duration: .001s;    transition-duration: .001s;}
#menu > li:hover > ul {opacity: 1; visibility: visible;}

#menu > li > ul > li > a:hover, #menu > li > ul > li.current-menu-item > a {color: #8baa00;}




/***** Intro *****/
#intro-container {padding: 0; overflow:hidden; position: relative;}
#intro {max-width: 1148px; margin: 0 auto; padding: 33px 28px 0 28px;}
#intro .text {float: left; width: 34%; margin-right: 14%; padding: 74px 0 0 0;}
#intro h1 {font-weight: 100; font-size: 58px; line-height: 65px; color: #4f5961; letter-spacing: -1px; padding-bottom: 49px;}
#intro h2 {font-weight: 400; font-size: 25px; line-height: 37px; color: #9abc03; padding-bottom: 76px;}
#intro p {max-width: 350px;}
#intro .padding {padding-bottom: 80px;}

#intro .animation {float: left; width: 52%; position:relative;}
#intro .animation img {display: block;}

#intro .animation img.banner-image-overlay {position: absolute; left:0; top:110%; opacity:0;}
#intro .animation img.banner-image-overlay.overlay-9 {opacity:1;}

.scrollDownWrap {-webkit-animation: jump 2.5s ease 0s infinite normal; animation: jump 2.5s ease 0s infinite normal; padding: 0 0 0 0; text-align: center;}
.scrollDownWrap a {display: inline-block;}
.scrollDownWrap a img {display: block; max-width: 100%; height: auto; margin: 0;}


/***** Media Queries *****/
@media screen and (min-width: 1700px){
    /* Animation */
    #intro .animation img {max-width: 50vw;}
}

@-webkit-keyframes jump {
    0%{-webkit-transform: translateY(0);transform: translateY(0);}
    20%{-webkit-transform: translateY(0);transform: translateY(0);}
    40%{-webkit-transform: translateY(-20px);transform: translateY(-20px);}
    50%{-webkit-transform: translateY(0);transform: translateY(0);}
    60%{-webkit-transform: translateY(-10px);transform: translateY(-10px);}
    80%{-webkit-transform: translateY(0);transform: translateY(0);}
    100%{-webkit-transform: translateY(0);transform: translateY(0);}
}

@keyframes jump {
    0%{-webkit-transform: translateY(0);transform: translateY(0);}
    20%{-webkit-transform: translateY(0);transform: translateY(0);}
    40%{-webkit-transform: translateY(-20px);transform: translateY(-20px);}
    50%{-webkit-transform: translateY(0);transform: translateY(0);}
    60%{-webkit-transform: translateY(-10px);transform: translateY(-10px);}
    80%{-webkit-transform: translateY(0);transform: translateY(0);}
    100%{-webkit-transform: translateY(0);transform: translateY(0);}
}



.select-type {padding: 15px 0; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 100; background-color: #ffffff; width: 580px;}
.select-type.fixed {background-color: rgba(255,255,255,0.77); -webkit-box-shadow: 0px 7px 20px 0px rgba(0, 0, 0, 0.23);
box-shadow: 0px 7px 20px 0px rgba(0, 0, 0, 0.23); position: fixed; left: 0; bottom: auto; top: 0; width: 100%;}
.select-type p {display: inline-block; font-weight: 300; color: #4f5961; vertical-align: middle; margin-right: 0; padding-bottom: 10px; font-size: 20px;}
.select-type a {display: inline-block; font-weight: 400; color: #4f5961; vertical-align: middle; text-decoration: none; background-color: #f9f9f9; border: 1px solid #c8c8c8; border-radius: 17px; padding: 0 5px 0 5px; margin: 0 24px 0 0; min-width: 172px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 20px; height: 35px; line-height: 33px; text-align: center;}
.select-type a:last-of-type {margin-right: 0;}
.select-type a:nth-of-type(1).active {background-color: #1491ab; color: #ffffff;}
.select-type a:nth-of-type(2).active {background-color: #9abc03; color: #ffffff;}
.select-type a:nth-of-type(3).active {background-color: #25c0f1; color: #ffffff;}
.select-type a i {display: inline-block; font-size: 18px; -webkit-transition: none !important; -o-transition: none !important; transition: none !important; margin-left: 5px;}

body:not(.is-touch) .select-type a:nth-of-type(1):hover {background-color: #1491ab; color: #ffffff;}
body:not(.is-touch) .select-type a:nth-of-type(2):hover {background-color: #9abc03; color: #ffffff;}
body:not(.is-touch) .select-type a:nth-of-type(3):hover {background-color: #25c0f1; color: #ffffff;}

.parallax {position: relative; z-index: 90;}




/***** Solutions *****/
#solutions-container {padding: 0 28px; background:#fafafa url('assets/images/waves.png') no-repeat left top; background-size: 100% 160px;}
#solutions {max-width: 1042px; margin: 0 auto; padding: 152px 0 0 0;}
#tabs-container {padding: 0 0 160px 34px; position: relative; overflow: hidden;}
#tabs-container:before {content: ""; width: 1px; height: 100%; position: absolute; left: 6px; top: 0; background-color: #b0b5b8;}
#tabs-container .dot {content: ""; display: block; width: 13px; height: 13px; background-color: #4f5961; border-radius: 50%; position: absolute; left: 0px; top: 0;}


#tabs {padding-top: 35px;}
#tabs .tab {background-color: #ffffff; border-radius: 37px; padding: 62px 15px 0 100px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 124px; position: relative;}
#tabs .tab .inner {
	padding: 0 !important;
}
/* #tabs .tab:before {content: ""; display: block; width: 13px; height: 13px; background-color: #4f5961; border-radius: 50%; position: absolute; left: -35px; top: -45px;} */
#tabs .top {position: relative; padding: 0 300px 0 0;}
#tabs .top img {position: absolute; right: 80px; top: 0; max-width: 200px; height: auto; display: block;}
#tabs h1 {color: #4f5961; font-size: 44px; line-height: 48px; font-weight: 300;}
#tabs h3 {color: #1491ab; font-size: 26px; line-height: 32px; font-weight: 400; padding: 29px 0 20px 0;}
#tabs p {color: #4f5961; font-size: 25px; line-height: 37px; font-weight: 300;}
#tabs .read-more {text-decoration: none; display: inline-block; color: #ffffff; background-color: #1491ab; font-size: 18px; height: 30px; line-height: 30px; border-radius: 15px; padding: 0 16px; margin-top: 58px; position: relative; bottom: -15px;}
#tabs .read-more:hover {background-color: #b6babd !important;}

#tabs ul {list-style: none; font-size: 0; line-height: 0; color: #4f5961; margin-top: 34px;}
#tabs ul > li {display: inline-block; vertical-align: top; width: 18%; margin-right: 2.5%; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 20px; line-height: 24px;}
#tabs ul > li:nth-child(5n) {margin-right: 0;}
#tabs ul > li > ul {padding-top: 16px; margin-top: 0;}
#tabs ul > li > ul > li {font-size: 16px; line-height: 22px; display: block; width: auto; padding-right: 0; padding-top: 28px; min-height: 1px !important;}
#tabs ul a {text-decoration: none; color: #4f5961;}
#tabs ul a:hover {color: #1491ab;}
#tabs ul > li > a {display: inline-block; position: relative; padding-right: 28px;cursor: pointer;}
#tabs ul > li > a:after {content: "\f138"; font-family: "Font Awesome\ 5 Pro"; font-weight: 400; color: #1491ab; position: absolute; right: 0; top: 1px; font-size: 18px;}


/* Colors */
#tabs .tab:nth-child(2) .read-more {background-color: #9abc03;}
#tabs .tab:nth-child(2) h3 {color: #9abc03;}
#tabs .tab:nth-child(2) ul a:hover {color: #9abc03;}
#tabs .tab:nth-child(2) ul > li > a:after {color: #9abc03;}

#tabs .tab:nth-child(3) .read-more {background-color: #25c0f1;}
#tabs .tab:nth-child(3) h3 {color: #25c0f1;}
#tabs .tab:nth-child(3) ul a:hover {color: #25c0f1;}
#tabs .tab:nth-child(3) ul > li > a:after {color: #25c0f1;}



/***** About *****/
#about-container {padding: 0 28px; background-color: #ffffff;}
#about {max-width: 1148px; margin: 0 auto; padding: 135px 0 135px 0; font-size: 25px; line-height: 37px; font-weight: 300; color: #666666;}
#about .text { width: 47.56%; margin-right: 9.59%; padding-top: 38px;}
#about .image { width: 42.85%;}
#about .image img {display: block; -webkit-box-shadow: -24px 24px 60px 0px rgba(0, 0, 0, 0.22); box-shadow: -24px 24px 60px 0px rgba(0, 0, 0, 0.22);}
#about .about-text h2 {font-size: 44px; line-height: 48px; color: #4f5961; font-weight: 300; padding-bottom: 96px;}
#about .about-text p {padding-bottom: 12px;}
#about .read-more {text-decoration: none; display: inline-block; color: #ffffff; background-color: #1491ab; font-size: 18px; height: 30px; line-height: 30px; border-radius: 15px; padding: 0 16px; margin-top: 96px;}
#about .read-more:hover {background-color: #b6babd;}

@media (min-width: 1761px) {
	#about .image img {
		position: absolute;
		top: 0;
		left: 0;
		width: 150%;
		max-width: 150%;
	}
}

#about-container .image {top:120px; position: relative}
#about-container .image.in-down {top:0 !important; -webkit-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-animation-duration: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-animation-duration: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);}




/***** Clients Carousel *****/
#clients-carousel-container {padding: 0 28px; background-color: #ffffff;position: relative;}
#clients-carousel {padding: 27px 0;}
#clients-carousel .owl-stage {margin: 0 auto;}
#clients-carousel img {display: block; max-width: 100%; height: auto; margin: 0; border: 1px solid #e1e1e1; border-radius: 8px;}
#clients-carousel a {display: block;}
#clients-carousel a:hover img {-webkit-filter:grayscale(100%); filter:grayscale(100%);}
#clients-carousel .owl-carousel .owl-stage-outer {
	overflow: visible !important;
}
#clients-carousel .inner {
	padding: 0 !important;
}



/***** Awards *****/
#awards-container {padding: 0 28px; background-color: #ffffff;position: relative;}
#awards {padding: 73px 0 138px 0; text-align: center;}
#awards img {display: inline-block; vertical-align: middle; max-width: 100%; height: auto; margin: 0 36px;}




/***** Contact *****/
#contact-container {padding: 0 28px; background: #25c0f1 url('assets/images/cityscape.png') no-repeat center bottom; position: relative;    background-blend-mode: multiply;}
#contact {max-width: 530px; margin: 0 auto; text-align: center; color: #666666; padding: 96px 0 509px 0;}
#contact h3 {color: #ffffff; font-size: 44px; line-height: 48px; font-weight: 300; padding-bottom: 39px;}
#contact p {padding-bottom: 34px;}

#contact form {text-align: left; padding: 27px 0;}
#contact form label {display: none !important;}
#contact form input[type="text"],
#contact form input[type="email"],
#contact form input[type="tel"],
#contact form input[type="password"],
#contact form select {width: 100% !important; max-width: none !important; outline: none; border: none; border-bottom: 1px solid #397c80; padding: 0 0 0 2px !important; background-color: transparent; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 25px; line-height: 48px; height: 48px; color: #ffffff; font-family: 'Roboto', sans-serif; font-weight: 300; margin: 0 0 30px 0 !important;}
#contact form textarea {width: 100% !important; max-width: none !important; outline: none; border: none; border-bottom: 1px solid #397c80; padding: 0 0 0 2px !important; background-color: transparent; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 25px; line-height: 48px; height: 48px; color: #ffffff; font-family: 'Roboto', sans-serif; font-weight: 300; margin: 0 0 47px 0 !important;min-height: 150px;overflow: hidden;}
#contact form .customSelectWrap {position: relative; overflow: hidden;}
#contact form .customSelect {width: 100% !important; max-width: none !important; outline: none; border: none; border-bottom: 1px solid #397c80; padding: 0 0 0 2px !important; background-color: transparent; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 25px; line-height: 48px; height: 48px; color: #ffffff; font-family: 'Roboto', sans-serif; font-weight: 300; margin: 0 0 47px 0 !important;}
#contact form .customSelect option {color: #666666; font-size: 16px; line-height: 24px; height: 24px;}
#contact form .customSelectWrap:after {content:"\f0d7"; font-family: "Font Awesome\ 5 Pro"; font-weight: 700; color: #878787; position: absolute; right: 15px; top: 18px; pointer-events: none;}
#contact form .ginput_container_select { position: relative; }
#contact form .ginput_container_select::after {
	display: block;
	content: "\f0d7";
    font-family: "Font Awesome\ 5 Pro";
    font-weight: 700;
    color: #878787;
    position: absolute;
    right: 15px;
    top: 18px;
    pointer-events: none;
}
#contact .gform_footer {
	margin: 0;
	padding: 0;
}
#contact .gform_footer > * {
    display: none;
}
#contact .gform_footer > input[type="submit"] {
    display: block !important;
}
#contact .gform_wrapper p {
    margin: 0;
    padding: 0;
}

#contact .gform_wrapper div.validation_error {
    color: #bb5252;
    font-size: .85em;
    padding: 0;
    border: 0;
    font-weight: normal;
}
#contact li.gfield.gfield_error {
    padding: 0;
    background-color: transparent;
    border: 0;
}
#contact .gform_wrapper li.gfield.gfield_error div.gfield_description {
    padding: 0;
    margin-top: 0px;
	color: #ffffffa6;
    font-size: .85em;
	font-weight: normal !important;
    margin-top: -20px;
    color:#bb5252;
}

#contact form input[type="submit"] {width: 100%; max-width: 351px; margin: 29px auto 0 auto; text-align: center; border: none; height: 60px; line-height: 60px; color: #ffffff; font-size: 25px; font-family: 'Roboto', sans-serif; font-weight: 400; border-radius: 30px; background-color: #bdd748; display: block;padding: 0;}
#contact form input[type="submit"]:hover {cursor: pointer; background-color: #4f5961;}

#contact form ::-webkit-input-placeholder {color:#ffffff; opacity:1;}
#contact form ::-moz-placeholder {color:#ffffff; opacity:1;}
#contact form :-ms-input-placeholder {color:#ffffff; opacity:1;}
#contact form :-moz-placeholder {color:#ffffff; opacity:1;}




/***** Footer *****/
#footer-waves {display: block; position: absolute; left: 0; bottom: 0; width: 100%; max-width: none; margin: 0; height: 106px;}

#footer-container {padding: 0 28px; background-color: #4f5961;}
#footer {max-width: 1148px; margin: 0 auto; padding: 89px 0 39px 0; font-size: 25px; line-height: 37px; font-weight: 300; color: #ffffff;}

#footer .left {float: left;}
#footer .right {float: right; max-width: 638px; width: 100%;}


/* Footer Logo */
#footer-logo {display: block; max-width: 218px; margin-top: 63px;}
#footer-logo img {display: block; max-width: 100%; height: auto;}


/* Footer Phone */
#footer .phone {float: left; display: inline-block; text-decoration: none; color: #ffffff; font-weight: 500; font-size: 18px;}
#footer .phone i {display: inline-block; margin-right: 4px; -webkit-transition: none !important; -o-transition: none !important; transition: none !important;}
#footer .phone:hover {color: #16c1f3;}


/* Footer Social Icons */
#footer .social-icons {float: right;}
#footer .social-icons a {text-decoration: none; font-size: 25px; color: #16c1f3; vertical-align: middle; margin-left: 32px;}
#footer .social-icons a i { -webkit-transition: none !important; -o-transition: none !important; transition: none !important;}
#footer .social-icons a.email {color: #bdd748;}
#footer .social-icons a:hover {color: #ffffff !important;}


/* Footer Menu */
#footer-nav {padding-top: 82px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
#footer-menu {list-style: none; text-align: justify; font-size: 0; line-height: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
#footer-menu ul {list-style: none; padding-top: 27px;}
#footer-menu:after {content:""; display: inline-block; width: 100%; height: 0;}
#footer-menu > li {display: inline-block; vertical-align: top; margin-right: 20px;
	min-width: 70px;
    max-width: 150px;
    text-align: left;
}
#footer-menu > li > ul > li {display: block; padding-bottom: 27px;}
#footer-menu a {text-decoration: none; color: #ffffff; font-size: 17px; line-height: 24px; font-weight: 400;}
#footer-menu a:hover, #footer-menu > li.current-menu-item > a, #footer-menu > li.current-menu-parent > a, #footer-menu > li > ul > li.current-menu-item > a {color: #16c1f3;}
#footer-menu a.not-a-link:hover {
    color: inherit !important;
    cursor: default;
}


/* Bottom */
#footer .bottom {padding-top: 67px;}


/* Copyright */
#copyright {float: left; font-size: 15px; line-height: 22px; font-weight: 300;}
#copyright p {display: inline-block;}
#copyright ul {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex; list-style: none; margin-left: 15px;}
#copyright ul li {display: inline-block; margin-left: 20px;}
#copyright ul li a {text-decoration: none; color: #ffffff;}
#copyright ul li a:hover, #copyright ul li.current-menu-item a {color: #16c1f3;}


/* Credits */
#credits {display: inline-block; float: right; text-decoration: none; font-size: 15px; line-height: 22px; font-weight: 300; color: #16c1f3;}
#credits:hover {color: #ffffff;}




#content-1 img {display: block; max-width: 100%; height: auto; margin: 0 auto;}
#content-2 img {display: block; max-width: 100%; height: auto; margin: 0 auto;}
#content-3 img {display: block; max-width: 100%; height: auto; margin: 0 auto;}

.color-1 #footer-menu a:hover, #footer-menu > li.current-menu-item > a, #footer-menu > li.current-menu-parent > a, #footer-menu > li > ul > li.current-menu-item > a {color: #0089a5;}
.color-2 #footer-menu a:hover, #footer-menu > li.current-menu-item > a, #footer-menu > li.current-menu-parent > a, #footer-menu > li > ul > li.current-menu-item > a {color: #9ec005;}
.color-3 #footer-menu a:hover, #footer-menu > li.current-menu-item > a, #footer-menu > li.current-menu-parent > a, #footer-menu > li > ul > li.current-menu-item > a {color: #16c1f3;}


/***** Media Queries *****/
@media screen and (max-width: 1700px){
    /* Logo */
    #logo {margin-left: 0;}

    /* Animation */
    #intro .animation img {max-width: 50vw;}
}


@media screen and (max-width: 1500px){
    /* Header */
    #header {padding: 20px 28px 0 28px;}


    /* Menu */
    #nav {padding-top: 67px; float: left; margin-left: 40px;}


    /* Logo */
    #logo {margin-top: 15px;}


    /***** Intro *****/
    #intro {padding: 33px 0 0 0;}
    #intro .text {padding: 50px 0 0 0;}
    #intro h1 {padding-bottom: 39px;}
    #intro h2 {padding-bottom: 76px;}
    #intro .select-type {padding-top: 49px;}
}
@media (max-width: 1025px) {
	#intro h1 {
		font-weight: 300;
	}
}

@media (max-width: 767px) {
	#tabs-container {
		padding-bottom: 10px;
	}
	#contact form textarea {
	    font-size: 20px;
	}
}

@media (max-width: 600px) {
	#contact form textarea {
	    font-size: 16px;
	}
}
 
body.page .regular-page-header-content-right.has-video {-ms-flex-item-align:auto;-ms-grid-row-align:auto;align-self:auto; max-width: 740px;}
.solutions-intro-right {max-width: 740px;}
.responsive-video { position: relative; padding-bottom: 56.25%; padding-top: 0; margin-top: 25px; height: 0; -webkit-box-shadow: -10px 10px 40px -10px rgba(0,0,0,0.75); box-shadow: -10px 10px 40px -10px rgba(0,0,0,0.75); overflow:hidden; border-radius:10px;}
.responsive-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


.blog-article-content ul,
.blog-article-content ol {max-width: calc(543px - 1.3em);}
.blog-article-content h1, 
.blog-article-content h2, 
.blog-article-content h3, 
.blog-article-content h4, 
.blog-article-content h5, 
.blog-article-content h6 {max-width:543px;} 




/* Lending Landing */
body.page-template-template-loan-fact-sheets #nav {display: none !important;}
body.page-template-template-loan-fact-sheets #header-links {display: none !important;}
body.page-template-template-loan-fact-sheets #mobile-nav {display: none !important;}

.regular-page .lending-landing-header .inner h2, .regular-page .lending-landing-header .inner h3, .regular-page .lending-landing-header .inner p {max-width: 500px;}
.regular-page .lending-landing-header img {position: absolute; display: block; max-width: 100%; height: auto; margin: 0; left: 730px; top: 86px;}

.regular-page.lending-landing-container {position: relative; max-width: 1172px; margin: 0 auto; padding: 126px 0 0 0;}
.regular-page.lending-landing-container .inner {max-width: 730px; margin: 0;}
.regular-page.lending-landing-container h1 {padding: 0; margin: 0 0 71px 0 !important;}
.regular-page.lending-landing-container h2 {font-size: 29px; line-height: 39px; color: #4f5961; font-weight: normal; padding: 0; margin: 0 0 42px 0;}.regular-page.lending-landing-container h3 {font-size: 32px; line-height: 40px; color: #4f5961; font-weight: bold; padding: 0; margin: 0 0 42px 0;}
.regular-page.lending-landing-container p {padding: 0 0 10px 0;}

.regular-page-wrap-waves {background: transparent url('assets/images/waves.png') no-repeat left bottom; background-size: 100% 160px;}
.regular-page-wrap-gray {background: #fafafa; padding-bottom: 50px;}

.regular-page-wrap-gray .regular-page.lending-landing-container {padding-top: 0;}


.regular-page.lending-landing-container .gform_wrapper {background-color: #fff; border-radius: 30px; padding: 50px 40px; margin: 0;}
.regular-page.lending-landing-container .gform_wrapper .gfield {margin-bottom: 40px}
.regular-page.lending-landing-container .gform_wrapper .gfield_label {display: none}
.regular-page.lending-landing-container .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.regular-page.lending-landing-container .gform_wrapper select { padding: 3px 0 !important; font-weight: 300; font-size: 25px !important; -webkit-appearance: none; border: 0; border-radius: 0; border-bottom: 1px solid #666; background-color: transparent; color: #4f5961}
.regular-page.lending-landing-container .gform_wrapper .ginput_container_select {position: relative}
.regular-page.lending-landing-container .gform_wrapper .ginput_container_select::after {display: block; content: "\f0d7"; font-family: "Font Awesome\ 5 Pro"; font-weight: 700; color: #878787; position: absolute; right: 0; top: 10px; pointer-events: none}
.regular-page.lending-landing-container .gform_wrapper .gform_wrapper {margin: 0}
.regular-page.lending-landing-container .gform_wrapper textarea {font-size: 25px !important; font-weight: 300; width: calc(100% + 20px); margin-left: -10px; color: #4f5961}
.regular-page.lending-landing-container .gform_wrapper .gform_footer {padding: 0; margin: 0}
.regular-page.lending-landing-container .gform_wrapper input.button,
.regular-page.lending-landing-container .gform_wrapper input[type=submit] {background-color: #25c0f1 !important; width: 100% !important; -webkit-box-shadow: 0px 0 0 0 rgba(33, 33, 33, 0); box-shadow: 0px 0 0 0 rgba(33, 33, 33, 0); -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; font-size: 25px; border: 0; padding: 10px 0; margin: 0; max-width: none;}
.regular-page.lending-landing-container .gform_wrapper input.button:hover,
.regular-page.lending-landing-container .gform_wrapper input[type=submit]:hover {-webkit-box-shadow: 0px 10px 20.68px 1.32px rgba(33, 33, 33, 0.32);box-shadow: 0px 10px 20.68px 1.32px rgba(33, 33, 33, 0.32)}
.regular-page.lending-landing-container .gform_wrapper .gform_footer>*:not(input) {display: none}
.regular-page.lending-landing-container .gform_wrapper ::-webkit-input-placeholder {color:#4f5961; opacity:1;}
.regular-page.lending-landing-container .gform_wrapper ::-moz-placeholder {color:#4f5961; opacity:1;}
.regular-page.lending-landing-container .gform_wrapper :-ms-input-placeholder {color:#4f5961; opacity:1;}
.regular-page.lending-landing-container .gform_wrapper :-moz-placeholder {color:#4f5961; opacity:1;}

.regular-page.lending-landing-container .gform_wrapper input[type="submit"][style="display: none;"] {pointer-events: none; background-color: #fafafa !important; color: #ddd; display: block !important;}


/***** Media Queries *****/
@media screen and (max-width: 1700px){
    .regular-page.lending-landing-container {padding: 82px 0 0 0;}
    .regular-page .lending-landing-header img {max-width: 37vw; top: 92px;}
    .regular-page.lending-landing-container h1 {margin: 0 0 40px 0 !important;}
    .regular-page.lending-landing-container h2 {margin: 0 0 30px 0;}
}

@media screen and (max-width: 1500px){
    .regular-page.lending-landing-container {padding: 52px 0 0 0;}
    .regular-page .lending-landing-header img {top: 62px;}
}

@media screen and (max-width: 1200px){
    .regular-page.lending-landing-container {padding: 52px 0 0 0;}
    .regular-page .lending-landing-header img {top: 160px; left: 560px; max-width: 43vw;}
}

@media screen and (max-width: 960px){
    .regular-page-wrap-waves {background-image: none;}
    .regular-page-wrap-gray {padding-top: 50px;}
    .regular-page .lending-landing-header img {display: none;}
    .regular-page.lending-landing-container .inner {max-width: none;}
    .regular-page .lending-landing-header .inner h2, .regular-page .lending-landing-header .inner h3, .regular-page .lending-landing-header .inner p {max-width: none;}

    .regular-page.lending-landing-container .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
    .regular-page.lending-landing-container .gform_wrapper select {font-size: 18px !important;}
}

@media screen and (max-width: 767px){
    .regular-page.lending-landing-container .regular-page-header.lending-landing-header {padding-bottom: 10px;}
    .regular-page.lending-landing-container {padding-bottom: 24px !important;}
    .regular-page.lending-landing-container h1 {margin: 0 0 26px 0 !important;}
    .regular-page.lending-landing-container h2 {margin: 0 0 20px 0; font-size: 20px; line-height: 28px;}
    .regular-page-wrap-gray {padding-top: 36px; padding-bottom: 30px !important;}
    .regular-page.lending-landing-container .gform_wrapper {border-radius: 5px; padding: 10px 15px 15px 15px;}
    .regular-page.lending-landing-container .gform_wrapper input[type=submit] {font-size: 18px; padding: 6px 0; margin-top: 10px;}
    .regular-page.lending-landing-container .gform_wrapper textarea {font-size: 18px !important;}
    .regular-page.lending-landing-container .gform_wrapper .gfield {margin-bottom: 16px; margin-top: 0;}
}




/* Fact Sheets */
body.page-template-template-loan-fact-sheets-downloads #nav {display: none !important;}
body.page-template-template-loan-fact-sheets-downloads #header-links {display: none !important;}
body.page-template-template-loan-fact-sheets-downloads #mobile-nav {display: none !important;}
body.page-template-template-loan-fact-sheets-downloads .regular-page.lending-landing-container h1 {margin-bottom: 27px !important;}
body.page-template-template-loan-fact-sheets-downloads .regular-page.lending-landing-container h2 {margin-bottom: 0;}
body.page-template-template-loan-fact-sheets-downloads .regular-page.lending-landing-container .inner {max-width: none;}

body.page-template-template-loan-fact-sheets-downloads .regular-page-wrap-gray {padding-bottom: 107px;}


body.page-template-template-loan-fact-sheets-downloads .residential h2 {color: #a5c51d;}
body.page-template-template-loan-fact-sheets-downloads .commercial h2 {color: #0089a5;}

body.page-template-template-loan-fact-sheets-downloads .fact-sheets {padding: 25px 0 0 0; margin: 0; list-style: none;}
body.page-template-template-loan-fact-sheets-downloads .fact-sheets li {display: block; float: left; padding: 0; margin: 0 0 50px 0; width: 22.1275%; margin-right: 3.83%;}
body.page-template-template-loan-fact-sheets-downloads .fact-sheets li:nth-child(4n) {margin-right: 0;}
body.page-template-template-loan-fact-sheets-downloads .fact-sheets li:nth-child(4n+1) {clear: left;}
body.page-template-template-loan-fact-sheets-downloads .fact-sheets li:before {display: none;}
body.page-template-template-loan-fact-sheets-downloads .fact-sheets li a {display: block; text-decoration: none; position: relative; background-color: #fff; padding: 30px 0 70px 0; border-radius: 10px; -webkit-box-shadow: -4px 5px 22.68px 4.32px rgba(82, 89, 90, 0.2); box-shadow: -4px 5px 22.68px 4.32px rgba(82, 89, 90, 0.2);}
body.page-template-template-loan-fact-sheets-downloads .fact-sheets li a:hover {-webkit-box-shadow: -4px 5px 28.68px 4.32px rgba(82, 89, 90, 0.4);box-shadow: -4px 5px 28.68px 4.32px rgba(82, 89, 90, 0.4);}
body.page-template-template-loan-fact-sheets-downloads .fact-sheets li a img {display: block; position: relative; left: auto; top: auto; right: auto; margin: 0 auto; padding: 0; max-width: 97px; -o-object-fit: cover; object-fit: cover; -webkit-box-shadow: -3px 4px 10.44px 1.56px rgba(82, 89, 90, 0.48); box-shadow: -3px 4px 10.44px 1.56px rgba(82, 89, 90, 0.48);}
body.page-template-template-loan-fact-sheets-downloads .fact-sheets li a span {position: absolute; left: 24px; bottom: -15px; width: calc(100% - 48px); height: 46px; line-height: 46px; border-radius: 23px; text-align: center; font-size: 20px; font-weight: normal;}
body.page-template-template-loan-fact-sheets-downloads .fact-sheets li a i {color: #ffffff; margin-right: 12px;}
body.page-template-template-loan-fact-sheets-downloads .residential .fact-sheets li a span {background-color: #a5c51d; color: #4f5961;}
body.page-template-template-loan-fact-sheets-downloads .commercial .fact-sheets li a span {background-color: #0089a5; color: #ffffff;}


body.page-template-template-loan-fact-sheets-downloads .fact-sheets-contact-container .specialists {width: 535px; margin-right: -118px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-align: center;}
body.page-template-template-loan-fact-sheets-downloads .fact-sheets-contact-container .specialists .specialist {float: left; width: calc(50% - 15px);}
body.page-template-template-loan-fact-sheets-downloads .fact-sheets-contact-container .specialists .specialist:nth-child(1) {margin-right: 30px;}
body.page-template-template-loan-fact-sheets-downloads .fact-sheets-contact-container .specialists .specialist-content {display: inline-block; text-align: left;}
body.page-template-template-loan-fact-sheets-downloads .fact-sheets-contact-container .specialists img {width: 100%; height: auto; margin: 0 0 46px 0; -o-object-fit: cover; object-fit: cover;}
body.page-template-template-loan-fact-sheets-downloads .fact-sheets-contact-container .specialists h3 {padding: 0 0 5px 0; margin: 0; color: #282828; font-size: 16px; line-height: 24px; font-weight: normal;}
body.page-template-template-loan-fact-sheets-downloads .fact-sheets-contact-container .specialists p {padding: 0; margin: 0; color: #282828; font-size: 14px; line-height: 22px;}
body.page-template-template-loan-fact-sheets-downloads .fact-sheets-contact-container .specialists a {text-decoration: none; opacity: 1; color: #282828;}
body.page-template-template-loan-fact-sheets-downloads .fact-sheets-contact-container .specialists a:hover {text-decoration: underline; opacity: 1;}




/***** Media Queries *****/
@media screen and (max-width: 1500px){
    body.page-template-template-loan-fact-sheets-downloads .fact-sheets-contact-container .specialists {width: 480px;}
    body.page-template-template-loan-fact-sheets-downloads .fact-sheets-contact-container .specialists img {margin-bottom: 35px;}
}

@media screen and (max-width: 1400px){
    body.page-template-template-loan-fact-sheets-downloads .fact-sheets-contact-container .specialists {width: 440px; margin-right: 0;}
    body.page-template-template-loan-fact-sheets-downloads .fact-sheets-contact-container .specialists img {margin-bottom: 25px;}
}

@media screen and (max-width: 1200px){
    body.page-template-template-loan-fact-sheets-downloads .fact-sheets {margin-bottom: -20px;}
}

@media screen and (max-width: 960px){
    .regular-page.lending-landing-container h3 {margin: 0 0 30px 0;}
    body.page-template-template-loan-fact-sheets-downloads .fact-sheets li {margin: 0 0 40px 0; width: 47.5%; margin-right: 5%;}
    body.page-template-template-loan-fact-sheets-downloads .fact-sheets li:nth-child(4n) {margin-right: 5%;}
    body.page-template-template-loan-fact-sheets-downloads .fact-sheets li:nth-child(4n+1) {clear: none;}
    body.page-template-template-loan-fact-sheets-downloads .fact-sheets li:nth-child(2n) {margin-right: 0;}
    body.page-template-template-loan-fact-sheets-downloads .fact-sheets li:nth-child(2n+1) {clear: left;}
    body.page-template-template-loan-fact-sheets-downloads .fact-sheets-contact-container .specialists {width: auto; margin-right: 0; margin-top: -70px;}
    body.page-template-template-loan-fact-sheets-downloads .fact-sheets-contact-container .specialists .specialist {margin: 0 0 30px 0 !important; float: none; width: auto;}
    body.page-template-template-loan-fact-sheets-downloads .fact-sheets-contact-container .specialists img {max-width: 200px; margin: 0 auto 14px auto;}
}

@media screen and (max-width: 767px){
    .regular-page.lending-landing-container h3 {font-size: 24px; line-height: 28px; margin: 0 0 25px 0;}
    body.page-template-template-loan-fact-sheets-downloads .regular-page.lending-landing-container h2 {font-size: 22px;}
    body.page-template-template-loan-fact-sheets-downloads .fact-sheets li {float: none; width: auto; margin-right: 0 !important;}
    body.page-template-template-loan-fact-sheets-downloads .fact-sheets li a {padding: 20px 0 50px 0;} 
    body.page-template-template-loan-fact-sheets-downloads .fact-sheets li a span {height: 40px; line-height: 40px; border-radius: 20px; font-size: 18px; width: calc(100% - 80px); left: 40px;}
    body.page-template-template-loan-fact-sheets-downloads .fact-sheets li a i {margin-right: 7px;}
    body.page-template-template-loan-fact-sheets-downloads .fact-sheets-contact-container .specialists img {margin: 0 auto 15px auto;}
    body.page-template-template-loan-fact-sheets-downloads .fact-sheets-contact-container .specialists {margin-top: 10px;}
    body.page-template-template-loan-fact-sheets-downloads .fact-sheets-contact-container .specialists .specialist {margin-top: 40px !important; margin-bottom: 0 !important;}
    body.page-template-template-loan-fact-sheets-downloads .fact-sheets-contact-container .specialists .specialist:nth-child(1) {margin-top: 0 !important;}
    body.page-template-template-loan-fact-sheets-downloads .fact-sheets-contact-container .specialists .specialist-content {display: block; text-align: center;}
}