/*
Theme Name: goipower - Custom Theme
Theme URI: https://peakseven.com
Author: Peak Seven Advertising
Author URI: https://peakseven.com
Version: 1.0.1
*/

/*
https://fonts.google.com/share?selection.family=Montserrat:ital,wght@0,300;0,400;0,700;1,400;1,500;1,600
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,700;1,400;1,500;1,600&display=swap');

/* Magnific Popup */
.mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; }
.mfp-fade.mfp-bg.mfp-removing { opacity: 0; }
.mfp-fade.mfp-wrap .mfp-content { opacity: 0; transform: translateY(50px); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { transform: translateY(0); opacity: 1; }
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; }
.floor-plan-popup img.mfp-img { max-height: 100% !important; }

/* Basic Reset */
* { margin: 0; padding: 0; line-height: 1; font-size: 100%; border: 0 none; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 0; min-width: 0; font-weight: normal; }
::-webkit-input-placeholder { color: inherit; opacity: 0.85; }
:-ms-input-placeholder { color: inherit; opacity: 0.85; }
::-ms-input-placeholder { color: inherit; opacity: 0.85; }
::placeholder { color: inherit; opacity: 0.85; }
a { color: inherit; }
strong,
b { font-weight: bold; }
input,
textarea,
button { font-family: inherit; }
button { cursor: pointer; background: none; color: inherit; }
img { max-width: 100%; height: auto; }

/* Custom Properties */
:root { --main-color: #46515A; --accent-color: #80CB53; --bg-color: #46515A; --bg-accent-color: #38444E; --text-default: #ffffff; --form-bg-color: #232c30; --transparent-color: rgba(37, 47, 56, 0.85); --block-vertical-padding: 150px; --inside-width: 1194px; --header-inside-width: 1440px; }
@media (max-width:700px) {
	:root { --block-vertical-padding: 50px; }
}

/* Default Typography */
html { scroll-behavior: smooth; background: var(--bg-color); }
body { font-family: 'Montserrat', sans-serif; font-size: 16px; background: var(--bg-color); text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: var(--text-default); }

/* Layout Utilities */
.layout-centered { max-width: 1260px; margin: 0 auto; }
.inside { max-width: var(--inside-width); margin: 0 auto; }
.header-inside { max-width: var(--header-inside-width); margin: 0 auto;padding:0 20px; }
.centered{text-align: center;}
.padding{padding: var(--block-vertical-padding) 0}
@media (max-width:1194px) {
	.inside,
	.header-inside { padding: 0 20px; }
}

/* Bulleted lists */
.content-list { margin: 25px 0 50px; }
.content-list.center {text-align: center;}
.content-list .inside ul { list-style-position: outside; padding-left: 50px; }
.content-list.center  .inside ul { list-style-position: outside; padding-left: 0px; }
.content-list .inside li { line-height: 30px;
    list-style-position: inside; }
.content-list .inside li a { color: #58ab18; text-decoration: none; }
.content-list .inside li a:hover { color: #78d92e; }
.content-list .inside .headline { font-size: 30px; line-height: 1.53em; letter-spacing: .05em; text-transform: uppercase; text-align: left; margin: 25px 0 30px; }
.content-list.center .inside .headline{text-align: center;}
.content-list .inside .headline:after { content: none; }
@media (max-width:768px) {
	.content-list .inside ul { padding-left: 15px; }
}

/* Single Image */

.single-image.layout-centered{text-align: center; padding:var(--block-vertical-padding) 0}

/* Button */
.btn { display: inline-block; font-size: 14px; padding: 10px 20px; border: 2px solid var(--accent-color); text-decoration: none; text-transform: uppercase; letter-spacing: .05em; color: #fff; }
.btn:hover { transition: all .5s ease; background: var(--accent-color); color: #fff; }

/* Headline */
.headline { font-size: 30px; line-height: 1.53em; letter-spacing: .05em; text-transform: uppercase; }
.headline:after { background: url('img/headline-separator.svg') no-repeat center; content: ''; display: block; width: 20px; height: 4px; margin: 25px 0 30px; }
.headline.headline-alt:after,
.bg-dark-gray .headline:after,
.basic-content.bg-image .headline:after { background: url('img/headline-separator-alt.svg') no-repeat center; content: ''; display: block; width: 29px; height: 4px; margin: 25px auto 30px; }
@media (max-width:700px) {
	.headline { font-size: 24px; }
}

/* WYSIWYG */
.wysiwyg > * { margin: 2em 0 0; }
.wysiwyg > *:first-child { margin-top: 0; }
.wysiwyg p,
.wysiwyg li { font-size: 16px; line-height: 2em;list-style-position: inside; }
.wysiwyg ul { list-style: disc outside; padding-left: 20px; }
.wysiwyg ol { list-style-position: outside; padding-left: 20px; }
.wysiwyg h1, .wysiwyg h2, .wysiwyg h3 {font-size:24px;}

/* Main Header */
.main-header { padding: 20px 0; background: var(--main-color); --spacing: 25px; position: sticky; top: 0; z-index: 100; border-bottom: 1px solid var(--bg-color); }
.main-header .header-inside { display: flex; flex-wrap: wrap; align-items: center; }
.main-header .header-inside .mobile-switch { display: none; }
.main-header .header-inside .logo { margin-right: auto; }
.main-header .header-inside .main-nav { display: flex; }
.main-header .header-inside .main-nav > ul { display: flex; list-style: none; }
.main-header .header-inside .main-nav > ul.items > li {position:relative;}
.main-header .header-inside .main-nav > ul.items > li > a {display: block;padding: 10px 18px; text-transform:uppercase; text-decoration: none;font-size: 13px;letter-spacing: 0.03em;color: #fff;white-space: nowrap;line-height: 20px;  }
.main-header .header-inside .main-nav > ul.items > li > a:hover { transition: all .5s ease; color: var(--accent-color) }
.main-header .header-inside .main-nav > ul.items > li > ul.dropdown {position:absolute; padding:0 18px; list-style:none; background:var(--main-color); display:none;}
.main-header .header-inside .main-nav > ul.items > li > ul.dropdown > li > a {display:block; padding:10px 0; text-transform:uppercase; text-decoration: none;font-size: 13px;letter-spacing: 0.03em;color: #fff;}
.main-header .header-inside .main-nav > ul.items > li > ul.dropdown > li > a:hover {transition: all .5s ease; color: var(--accent-color)}
.main-header .header-inside .main-nav > ul.items > li:hover > ul.dropdown {display:block;}
.main-header .header-inside .main-nav > ul.buttons { margin-left: var(--spacing); }
body.single-landing-pages .main-header {position:relative;}
body.single-landing-pages .main-header .header-inside .logo {margin:0 auto;}
@media (max-width:1024px) {
	.main-header { --spacing: 10px; }
	.main-header .header-inside .mobile-switch { display: block; font-size: 14px; letter-spacing: .05em; color: #fff; }
	.main-header .header-inside .main-nav { flex-basis: 100%; margin: 25px 0;text-align: right; color: #fff; background: var(--main-color); padding: 25px; display: none; }
	.main-header .header-inside .main-nav > ul { display: block; }
	.main-header .header-inside .main-nav > ul > li { padding: 10px 0; }
	.main-header .header-inside .main-nav > ul.items > li > ul.dropdown {position:relative; display:none;}
}
@media (max-width:700px) {
	.main-header .header-inside .logo img { height: 30px; width: auto; }
	.main-header .header-inside .main-nav > ul.items > li:hover > ul.dropdown {display:none;}
	.main-header .header-inside .main-nav > ul.items > li > ul.dropdown > li > a {color: var(--accent-color);}
}

/* Main Footer */
.main-footer { padding: 30px 0; background: #ECF1F5;color:#333; }
.main-footer .inside { display: flex; }
.main-footer .inside .social-media-icons { list-style: none; display: flex; margin-left: auto; }
.main-footer .inside .social-media-icons li { margin: 0 15px; }
.main-footer .credits { text-align: center; padding: 15px 15px 0px 15px; font-size: 12px; text-decoration: none; }
.main-footer .credits a { text-decoration: none; color:#135E00; }
.main-footer .credits a:hover { text-decoration: underline; }
@media (max-width:768px) {
	.main-footer .inside { display: block; text-align: center; }
	.main-footer .inside .wysiwyg { margin-bottom: 30px; }
	.main-footer .inside .social-media-icons { justify-content: center; flex-wrap: wrap; }
}

/* Main Form */
.main-form { background: var(--form-bg-color) url('img/form-back.jpg') no-repeat center top; color: #fff; padding: var(--block-vertical-padding) 0; text-align: center; }
.main-form .p7-form { max-width: 786px; margin: 0 auto; }
.mfp-content .p7-form { max-width: 786px; padding: 50px; margin: auto; position: relative; background: var(--form-bg-color); color: #fff; text-align: center; }
.mfp-close-btn-in .p7-form .mfp-close { color: #fff; }
.main-form .p7-form .btn { padding: 10px 56px }
.p7-form .wysiwyg { margin-bottom: 50px; }
.p7-form .wysiwyg a{ text-decoration: none; }
.p7-form .wysiwyg a:hover { text-decoration: underline; }
.p7-form .fields { display: flex; flex-wrap: wrap; margin: 0 -15px 50px; }
.p7-form .fields .field { flex: 0 0 calc(50% - 30px); margin: 15px; }
.p7-form .fields .field input,
.p7-form .fields .field textarea { display: block; width: 100%; background: none; border: 1px solid #fff; color: #fff; padding: 10px; font-size: 16px; }
.p7-form .fields .field input.error,
.p7-form .fields .field textarea.error { border-color: yellow; color: yellow; }
.p7-form .fields .field.field-large { flex-basis: calc(100% - 30px); }
.p7-form .fields label.error { display: block; display: block; font-size: 12px; padding: 10px; text-align: left; color: yellow; }
@media (max-width:700px) {
	.p7-form .fields { display: block; }
}

/* Form Thank You Message  */
.thankyou-message { max-width: 500px; position: relative; margin: auto; background: #fff; padding: 50px; text-align: center; }
.thankyou-message .wysiwyg { margin-bottom: 40px; color:var(--main-color);}
.thankyou-message .btn {background:var(--main-color);}

/* Hero Carousel */
.hero-carousel .slide {display:block; position: relative; padding: var(--block-vertical-padding) 20px;}
.hero-carousel .slide img.slider-back { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; }
.hero-carousel .slick-track { display: flex; }
.hero-carousel .slick-slide { height: inherit; display: flex; align-items: center; }
.hero-carousel .slide .content img { position: relative; z-index: 1; }
.hero-carousel .slide .content { position: relative; z-index: 2; text-align: left; }
.hero-carousel .slide .content h1 { color: #fff; }
.hero-carousel .slide .content h1 span { display: inline-block; background: var(--transparent-color); padding: 10px 60px; }
.hero-carousel .slide .content h1 span.top { font-size: 75px; line-height: 1.2em; font-weight: 300; letter-spacing: .05em; text-transform: uppercase; width: auto; }
.hero-carousel .slide .content h1 span.bottom { font-size: 75px; line-height: 1.2em; font-weight: 300; letter-spacing: .05em; text-transform: uppercase; width: auto; }
.hero-carousel .slick-dots { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 2; list-style: none; display: flex; justify-content: center; }
.hero-carousel .slick-dots li { margin: 10px 5px; }
.hero-carousel .slick-dots li button { width: 10px; height: 10px; border-radius: 100%; background: #BABABA; overflow: hidden; text-indent: -100px; color:#000;}
.hero-carousel .slick-dots li.slick-active button { background: var(--accent-color); }
@media (max-width:810px) {
	.hero-carousel .slide .content h1 { padding: 30px; }
	.hero-carousel .slide .content h1 span.top,
	.hero-carousel .slide .content h1 span.bottom { font-size: 48px; text-align: left;padding:5px }
	.hero-carousel .slide .content img { width: 50%; margin: 0 auto; }
}
@media (max-width:700px) {
	.hero-carousel .slide { padding: 50px 20px; }
	.hero-carousel .slide .content h1 { padding:0px; }
	.hero-carousel .slide .content h1 span.top,
	.hero-carousel .slide .content h1 span.bottom {font-size:24px;}
}

/* Hero Small */
.hero-small .slide { position: relative; padding: var(--block-vertical-padding) 20px; }
.hero-small .slide img.slider-back { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; }
.hero-small .slide .content img { position: relative; z-index: 1; }
.hero-small .slide .content { position: relative; z-index: 2; text-align: center; }
.hero-small .slide .content h1 { color: #fff; }
.hero-small .slide .content h1 span { display: inline-block; background: var(--transparent-color); padding: 10px 60px; }
.hero-small .slide .content h1 span.top { font-size: 75px; line-height: 1.2em; font-weight: 300; letter-spacing: .05em; text-transform: uppercase; width: auto; }
.hero-small .slide .content h1 span.bottom { font-size: 75px; line-height: 1.2em; font-weight: 300; letter-spacing: .05em; text-transform: uppercase; width: auto; }
.hero-small .banner { padding: 48px 0; background: #151E26; text-align: center; color: #fff; font-size: 30px; text-transform: uppercase; }
@media (max-width:768px) {
	.hero-small .slide .content h1 { padding: 30px; }
	.hero-small .slide .content h1 span.top,
	.hero-carousel .slide .content h1 span.bottom { font-size: 20px; text-align: left; }
	.hero-small .slide .content img { width: 50%; margin: 0 auto; }
	.hero-small .banner { font-size: 18px; padding: 28px 20px; line-height: 1.6em; letter-spacing: .05em; }
}
@media (max-width:700px) {
	.hero-small .slide { padding: 100px 20px; }
	.hero-small .slide .content h1 { padding: 20px; }
	.hero-small .slide .content h1 span.big { font-size: 36px; }
}

/* Code Embed */

.code-embed{padding: var(--block-vertical-padding) 0;background: var(--bg-accent-color)}
#z_wrapper,#z_wrapper p {color: #fff;line-height: 38px;text-align: left;}
#z_wrapper h4{font-size: 20px;}
#z_wrapper li {line-height: 28px;}
.z_contact,.z_category_wrapper {color: #333}
.ng-binding {line-height: 38px;}

/* Basic Content */
.basic-content { text-align: center; padding: var(--block-vertical-padding) 0; }
.basic-content  .icon-basic-content { padding-bottom: 30px; width: auto; }
.basic-content .buttons { margin-top: 30px; }

.basic-content.bg-light-gray { background: var(--bg-color);
	 x
}
.basic-content.bg-dark-gray { background: var(--bg-accent-color); }
.basic-content.bg-image { position: relative; color: #fff; }
.basic-content.bg-image img.background-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; }
.basic-content.bg-image .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background: var(--transparent-color); }
.basic-content.bg-image .inside { position: relative; z-index: 3; }
.basic-content-with-image { display: flex; }
.basic-content-with-image.image-right { flex-direction: row-reverse; }
.basic-content-with-image.image-left .content.wysiwyg p { font-size: 16px; text-align: left; padding-left: 20px; line-height: 28px; }
.basic-content-with-image.image-right .content.wysiwyg p { font-size: 16px; text-align: right; padding-right: 20px; line-height: 28px; }
.basic-content-with-image .content.image { flex: 0 0 40%; }
@media (max-width:768px) {
	.basic-content-with-image { display: block; }
	.basic-content-with-image.image-left .image,
	.basic-content-with-image.image-right .image { padding-bottom: 30px; }
	.basic-content-with-image.image-left .content.wysiwyg p,
	.basic-content-with-image.image-right .content.wysiwyg p { padding: 0; }
}


/* Main News */
.news { background: var(--bg-accent-color); }
.main-news.grid-big-squares { text-align: center; padding: 0 0 30px; word-break: break-word;}
.main-news.grid-big-squares .squares li img {width: auto;max-height: 40%;padding: 20px 0;}
.main-news.grid-big-squares .squares li { padding: 25px 0;display: flex;flex-direction: column;align-items: center;flex:33.33%; border:1px solid var(--bg-accent-color);margin: 10px;}
.main-news.grid-big-squares .squares li .wysiwyg {flex:1}
.main-news.grid-big-squares .squares li .btn {flex: none;padding: 10px 30px;}
.main-news.grid-big-squares .squares li .btn:hover {background: var(--accent-color);}
.main-news.grid-big-squares  h2.title{font-size: 18px;letter-spacing: .05em;}
.main-news.grid-big-squares  .date{font-size: 14px;color: var(--accent-color)}
.main-news.grid-big-squares  .wysiwyg p{text-align: left;letter-spacing: 0.02em;}
.news .inside { display: flex; }
.news-content { flex: 5 }
.news-sidebar { flex: 1; position: sticky; padding: 0 30px 30px; color: var(--text-default); border-left: 1px solid var(--main-color); height: 100%; top: 190px; bottom: auto; }
.news-sidebar .services { padding: 25px 0; }
.news-sidebar h2 { font-size: 20px; font-weight: bold; letter-spacing: .05em; text-transform: uppercase; }
.news-sidebar h4 { font-size: 18px; font-weight: 400; letter-spacing: .05em; line-height: 1.65em; text-transform: uppercase; }
.news-sidebar h4 a { text-decoration: none; }
.news-sidebar h4 a:hover { text-decoration: none; color: var(--accent-color) }

/* News Content */
.news-content { padding: 75px 30px 100px 0; word-break: break-word; }
.news-content a { color: var(--accent-color) }
.news-sidebar li { list-style: none; }
.news-sidebar li a { color: var(--accent-color); text-decoration: none; font-weight: normal; letter-spacing: .02em; transition: all 450ms }
.news-sidebar li a:hover { color: var(--text-default) }
.news-sidebar li { color: var(--text-default); text-decoration: none; font-weight: normal; line-height: 1.53em; letter-spacing: .02em; }
.news-content.bg-dark-grey { color: var(--text-default); }
.news-content.bg-image .inside { position: relative; z-index: 3; }
.news-content-with-image.image-right { flex-direction: row-reverse; }
.news-content-with-image.imag .content.wysiwyg p { font-size: 16px; text-align: left; padding-left: 20px; line-height: 28px; }
.news-content-with-image.image-right .content.wysiwyg p { font-size: 16px; text-align: right; padding-right: 20px; line-height: 28px; }
.news-content h2 { font-size: 24px; font-weight: normal; line-height: 1.33em; letter-spacing: .05em; }
.news-content h3 { font-size: 20px; font-weight: normal; line-height: 1.53em; letter-spacing: .05em; }
.news-content .headline { font-size: 30px; line-height: 1.53em; letter-spacing: .05em; text-transform: uppercase; }
.news-content .headline:after { background: url('img/headline-separator.svg') no-repeat center; content: ''; display: block; width: 20px; height: 4px; margin: 25px 0 30px; }
.news-content .headline.headline-alt:after,
.news-content .bg-dark-gray .headline:after,
.news-content.bg-image .headline:after { background: url('img/headline-separator-alt.svg') no-repeat center; content: ''; display: block; width: 29px; height: 4px; margin: 25px 0 30px; }
@media (max-width:768px) {
	.news .inside { display: block; }
	.news-sidebar { position: static; padding: 0 30px 30px; }
	.main-news.grid-big-squares .squares li .wysiwyg {padding: 0 35px 60px 35px;}
}

/* Core Image/Caption Styles */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter,
div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }

/* Text meant only for screen readers. */
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ }
.screen-reader-text:focus { background-color: #eee; clip: auto !important; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000;	/* Above WP toolbar. */ }

/* Satisfied Customers */
.satisfied-customers { text-align: center; padding: var(--block-vertical-padding) 0; background: var(--bg-accent-color); }
.satisfied-customers .satisfied-customers-inside .wysiwyg { padding: 123px 20px 0 20px; max-width: 826px; margin: 0 auto; }
.satisfied-customers .satisfied-customers-inside .customer-name { margin: 45px auto 10px; }
.satisfied-customers .satisfied-customers-inside .customer-title { color: var(--accent-color) }
.satisfied-customers .slick-dots { list-style: none; display: flex; justify-content: center; padding-top: 200px; }
.satisfied-customers .slick-dots li { margin: 10px 5px; }
.satisfied-customers .slick-dots li button { width: 10px; height: 10px; border-radius: 100%; background: #BABABA; overflow: hidden; text-indent: -100px; }
.satisfied-customers .slick-dots li.slick-active button { background: var(--accent-color); }
@media (max-width:768px) {
	.satisfied-customers-with-image { display: block; }
	.satisfied-customers-with-image.image-left .image,
	.satisfied-customers-with-image.image-right .image { padding-bottom: 30px; }
	.satisfied-customers-with-image.image-left .content.wysiwyg p,
	.satisfied-customers-with-image.image-right .content.wysiwyg p { padding: 0; }
}

/* Grid of Big Squares */
.grid-big-squares { text-align: center; padding: 125px 0; }
.grid-big-squares .icon-grid-big-squares { padding-bottom: 30px; width: auto;}
.grid-solutions-squares .squares li .partner .icon{width: auto;}
.grid-big-squares .squares { display: flex; flex-wrap: wrap; margin: 77px -15px 0; list-style: none;justify-content: center;}
.grid-big-squares .squares .no-link,.grid-big-squares .squares a { flex: 0 0 calc(33.33% - 30px); margin: 15px; background: var(--bg-accent-color); position: relative; padding: 53px 0; transition:all 450ms;text-decoration: none; }
.grid-big-squares .squares a:hover{background: #fff;}
.grid-big-squares .squares a:hover h2,.grid-big-squares .squares a:hover li{color:#000;}
.grid-big-squares .squares li .wysiwyg, .grid-big-squares .squares a li .wysiwyg { font-size: 16px; padding: 0 35px; }
.grid-big-squares .squares li img,.grid-big-squares .squares a li img { max-height: 80px;width: auto; }
.grid-big-squares .squares li h2, .grid-big-squares .squares a li h2 { padding: 25px 0; color: var(--text-default); font-size: 20px; letter-spacing: .05em; text-transform: uppercase; }
@media (max-width:768px) {
	.grid-big-squares .squares { margin: 30px 0; }
	.grid-big-squares .squares li,.grid-big-squares .squares a li { flex-basis: calc(50% - 30px); }
	.grid-big-squares .squares a:hover h2,.grid-big-squares .squares a:hover li{color:#fff;}
}
@media (max-width:700px) {
	.grid-big-squares .squares { display: block; }
}

/* Grid of Solutions Squares */
.grid-solutions-squares { text-align: center; padding: var(--block-vertical-padding) 0; }
.grid-solutions-squares .squares { display: flex; flex-wrap: wrap; margin: 30px -15px 0; list-style: none; }
.grid-solutions-squares .squares li { flex: 0 0 calc(49.33% - 30px); margin: 15px; background-image: linear-gradient(rgba(37, 47, 56, 0.86), rgba(37, 47, 56, 0.86)); position: relative; }
.grid-solutions-squares .squares li:before { content: ''; background-color: rgba(37, 47, 56, 0.86); position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 200ms ease-out; }
.grid-solutions-squares .squares li a:hover:before { background-color: rgba(255, 255, 255, 0.90); }

/* .grid-solutions-squares .squares li a {display:block; padding:100px 30px; text-decoration:none;position: relative;} */
.grid-solutions-squares .squares li .partner { display: flex; flex-direction: column; padding: 80px 30px 65px 30px; text-decoration: none; position: relative; min-height: 650px; align-items: center; }
.grid-solutions-squares .squares li .btn { display: inline-block; padding: 6px 26px; text-decoration: none; position: relative; }
.grid-solutions-squares .squares li a:hover .btn { color: #fff; background: var(--accent-color); }
.grid-solutions-squares .squares li a .icon { }
.grid-solutions-squares .squares li a:hover .icon { filter: invert(1) }
.grid-solutions-squares .squares li .title { font-size: 20px; color: #fff; text-transform: uppercase; letter-spacing: .05em; padding: 35px 0 25px 0; }
.grid-solutions-squares .squares li a:hover .title { color: #000; }
.grid-solutions-squares .squares li .text { flex: 1; }
.grid-solutions-squares .squares li .text p { font-size: 16px; font-weight: 400; color: #fff; letter-spacing: .05em; line-height: 1.8em; }
.grid-solutions-squares .squares li a:hover .text { color: #000; }
.grid-solutions-squares .squares li a .hover-text p { padding: 50px 15px 0 15px; font-size: 16px; font-weight: 400; color: #000; letter-spacing: .05em; line-height: 2em; position: absolute; left: 0; right: 0; bottom: 0; opacity: 0; transition: all 500ms ease-out; }
.grid-solutions-squares .squares li a:hover  .hover-text p { padding-top: 48px; font-size: 16px; font-weight: 400; color: #000; letter-spacing: .05em; line-height: 2em; position: absolute; bottom: 40px; opacity: 1; }
.grid-solutions-squares .squares li a:hover .text p { color: #000; }
.grid-solutions-squares .squares li a:hover { background: var(--main-color); color: #fff; transition: all .5s ease; }
@media (max-width:768px) {
	.grid-solutions-squares .squares { margin: 30px 0; }
	.grid-solutions-squares .squares li .text { padding-bottom: 35px; }
	.grid-solutions-squares .squares li { flex-basis: calc(50% - 30px); }
	.grid-solutions-squares .squares li .title { font-size: 18px; line-height: 1.2em }
	.grid-solutions-squares .squares li .question { font-size: 24px; }
}
@media (max-width:700px) {
	.grid-solutions-squares .squares { display: block; }
	.grid-solutions-squares .squares li .solutions-hover { display: none; }
}

/* Image + WYSIWYG */
.image-text { display: flex; margin-bottom: 60px; }
.image-text > div { flex: 0 0 50%; }
.image-text .image { display: flex; align-items: center; background: #fff; }
.image-text.image-size-contain .image img { object-fit: contain; padding: 100px; }
.image-text.image-pos-left .image { ; justify-content: flex-end; padding-right: 96px; }
.image-text.image-pos-right .image { ; justify-content: flex-start; padding-left: 96px; }
.image-text .content .content-inside { max-width: calc(var(--inside-width) / 1.9); background: #38444E; padding: 75px 44px; color: #fff; text-align: center; line-height: 28px; font-size: 16px; }
.image-text .content .buttons { margin-top: 30px; }
.image-text.image-pos-right { flex-direction: row-reverse; }
.image-text.image-pos-right .content { display: flex; justify-content: flex-end; }
.image-text .content .content-inside .headline { font-size: 20px; line-height: 1.6em letter-spacing:.05em; padding-bottom: 20px; text-transform: uppercase; }
.image-text .content .content-inside .headline:after { background: none; content: none; }
@media (max-width:1194px) {
	.image-text .content .content-inside { margin: 0; padding: 0 30px; }
}
@media (max-width:768px) {
	.image-text { display: block; margin-bottom: 50px; }
	.image-text .image img { position: relative; }
	.image-text.image-size-contain .image img {padding: 20px;}
	.image-text.image-pos-right .image, .image-text.image-pos-left .image { padding-left: 0;padding-right:0; }
	.image-text .content .content-inside { max-width: 100%; margin: 0 !important; text-align: center; padding: 50px 20px; }
}

/* Image + WYSIWYG */
.image-content-wrapper { padding-bottom: 120px }
.image-content { display: flex; margin-bottom: 30px; }
.image-content > div { flex: 0 0 50%; }
.layout-centered .image-content .content { flex: 0 0 33%; }
.layout-centered .image-content .image { flex: 0 0 67%; }
.image-content .content .content-inside { max-width: none; }
.image-content .image { position: relative; }
.image-content .image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.image-content.image-size-contain .image img { object-fit: contain; }
.image-content .content .content-inside { max-width: calc(var(--inside-width) / 2.9); background: #38444E; padding: 56px 44px; color: #fff; text-align: center; line-height: 28px; font-size: 16px; }
.image-content .content .content-inside img { padding-bottom: 24px;width: auto; }
.image-content .content .content-inside .headline { font-size: 20px; padding-bottom: 24px; }
.image-content .content .buttons { margin-top: 30px; }
.image-content.image-pos-right { flex-direction: row-reverse; }
.image-content.image-pos-right .content { display: flex; justify-content: flex-end; }
.image-content .content .content-inside .headline:after { background: none; content: none; }
@media (max-width:1194px) {
	.image-content .content .content-inside { margin: 0; padding: 0 30px; }
}
@media (max-width:768px) {
	.image-content { display: block; margin-bottom: 50px; }
	.image-content .image img { position: relative; }
	.image-content .content .content-inside { max-width: 100%; margin: 0 !important; text-align: center; padding: 50px 20px; }
}

/* Video */
.video-block { padding: var(--block-vertical-padding) 0; text-align: center; }
.video-block .video { margin-top: 50px; }
.video-block .video lite-youtube { max-width: 100%; }
.video-block .video.vimeo {position:relative; padding-bottom:56%;}
.video-block .video.vimeo iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

/* Icon Scroller */
.icon-scroller { padding: 50px 0; }
.icon-scroller.padding { margin: 0 0 150px 0; }
.icon-scroller.no-padding { margin: 0; }
.icon-scroller.bg-light-gray { background: var(--main-color); }
.icon-scroller.bg-dark-gray { background: #38444E; }
.icon-scroller .icons { width: 100%; }
.icon-scroller .icons .icon { padding: 0 50px; width: 300px; top: 50%; transform: translateY(-50%); }
.icon-scroller .icons .icon img { width: 100%; height: auto; }
.icon-scroller .headline { font-size: 30px; line-height: 1.53em; letter-spacing: .05em; text-transform: uppercase; text-align: center; color: #fff; }
.icon-scroller .headline:after { background: url('img/headline-separator.svg') no-repeat center; content: ''; display: block; width: 20px; height: 4px; margin: 25px auto 30px; }

/* Testimonials */
.testimonials { display: flex; align-items: center; overflow: hidden; padding-top: 130px; }
.testimonials > div { flex: 0 0 50%; }
.testimonials .headline { color: #fff; }
.testimonials .phone { background: var(--bg-color) url('img/hand-phone.png') no-repeat; height: 908px; position: relative; }
.testimonials .phone figure { position: absolute; top: 170px; left: 140px; width: 260px; text-align: center; color: #fff; }
.testimonials .phone figure blockquote p { font-size: 30px; line-height: 1.3em; }
.testimonials .phone figure figcaption span { display: block; text-transform: uppercase; }
.testimonials .phone figure figcaption span.author { margin: 30px 0 15px; font-weight: bold; }
.testimonials .phone figure svg { margin-top: 85px; }
.testimonials .left-side { display: flex; justify-content: flex-end; }
.testimonials .testimonials-content { max-width: calc(var(--inside-width) / 2); }
.testimonials .testimonials-content .headline:after { margin-left: 0; }
.testimonials .testimonials-content .testimonial { padding: 0 0 80px; }
.testimonials .testimonials-content .testimonial .wysiwyg { margin-bottom: 45px; color: #fff; }
.testimonials .testimonials-content .testimonial .author { display: block; font-weight: bold; color: #fff; text-transform: uppercase; letter-spacing: .05em; }
.testimonials .testimonials-content .testimonial .company { display: block; letter-spacing: .05em; color: var(--accent-color); margin-top: 15px; }
.testimonials .testimonials-content .slick-dots { list-style: none; display: flex; }
.testimonials .testimonials-content .slick-dots li { margin: 10px 5px; }
.testimonials .testimonials-content .slick-dots li button { width: 10px; height: 10px; border-radius: 100%; background: #BABABA; overflow: hidden; text-indent: -100px; }
.testimonials .testimonials-content .slick-dots li.slick-active button { background: var(--accent-color); }
@media (max-width:1194px) {
	.testimonials .testimonials-content { padding: 0 20px; }
}
@media(max-width:1000px) {
	.testimonials { display: block; }
	.testimonials .left-side { display: block; padding-left: 70px; }
}
@media (max-width:700px) {
	.testimonials .left-side { padding: 0 20px; }
	.testimonials .phone { background-position: -40px 0; background-size: 770px auto; }
	.testimonials .phone figure { left: 50px; }
}
.team-cards{display:flex;flex-wrap:wrap;padding:0 0 var(--block-vertical-padding) 0}
.team-cards .cards{margin: 10px;padding: 20px;flex: 0 0 48%;background: var(--bg-accent-color);}
.team-cards .cards p{line-height: 165%;}
.team-cards .cards-img img{object-fit: cover;width:100%;border-radius:5px;filter: grayscale(100%)}
.team-cards .cards .card-name{color: var(--accent-color);font-weight: 600;padding: 20px 0;font-size: 20px;}
.team-cards .cards .card-title {padding:0 0 0px 0;}
.team-cards .cards .card-position {padding:10px 0 20px 0;font-style: italic}
.team-cards .cards .card-bio{padding: 20px 0}

@media (max-width:768px) {
	.team-cards{display:block;width: 100%;}
	.team-cards .cards{margin:10px 0;}
}
.text-side-by-side-bg { background: var(--bg-accent-color) }
.text-side-by-side-wrapper { display: flex; max-width: var(--inside-width); margin: 0 auto;flex-basis: 100%; }
.text-side-by-side-wrapper .basic-content { padding:60px 0 }
.text-side-by-side-wrapper .wysiwyg { text-align: left; margin: 10px; padding: 20px; }
.text-side-by-side { display: flex; flex-wrap: wrap; padding: 0 0 var(--block-vertical-padding) 0 }
.text-side-by-side .content { margin: 10px; padding: 20px; flex: 0 0 45%; }
.text-side-by-side .content p { line-height: 165%; }
.text-side-by-side .content .headline { color: var(--accent-color); font-weight: 400; padding: 20px 0; font-size: 20px; }
.text-side-by-side .content .headline::after { display: none; }
.text-side-by-side-sidebar { flex: 0 0 20%; position: sticky; padding: 100px 30px; color: var(--text-default); border-right: 1px solid var(--main-color); height: 100%; top: 30px; bottom: auto; }
.text-side-by-side-sidebar .services { padding: 25px 0; }
.text-side-by-side-sidebar h2 { font-size: 20px; font-weight: bold; letter-spacing: .05em; text-transform: uppercase; }
.text-side-by-side-sidebar h4 { font-size: 18px; font-weight: 400; letter-spacing: .05em; line-height: 1.65em; text-transform: uppercase; }
.text-side-by-side-sidebar h4 a { text-decoration: none; }
.text-side-by-side-sidebar h4 a:hover { text-decoration: none; color: var(--accent-color) }
.text-side-by-side-sidebar a { color: var(--accent-color) }
.text-side-by-side-sidebar li { list-style: none; }
.text-side-by-side-sidebar li a { color: var(--accent-color); text-decoration: none; font-weight: normal; letter-spacing: .02em; transition: all 450ms }
.text-side-by-side-sidebar li a:hover { color: var(--text-default) }
.text-side-by-side-sidebar li { color: var(--text-default); text-decoration: none; font-weight: normal; line-height: 1.53em; letter-spacing: .02em;padding-bottom: 15px; }
.text-side-by-side ul {padding: 40px;}
.text-side-by-side li {line-height: 165%;list-style-position: outside;}
.text-side-by-side p {padding: 10px 0;}

@media (max-width:768px) {
	.text-side-by-side-wrapper {display: flex;flex-direction: column-reverse;}
	.text-side-by-side{display: block;}
	.team-cards{display:block;width: 100%;}
	.team-cards .cards{margin:10px 0;}
	.text-side-by-side-sidebar {
	flex: 0 0 100%;
	position: static;
	padding: 0 50px 30px;
	color: var(--text-default);
	border-right: 1px solid var(--main-color);
	height: 100%;
	bottom: auto; }
}





/* FAQs */

.faqs-block {padding:100px 0}
.faqs-block .faq h3.question {display:flex; align-items:center; margin:30px 0 0; cursor:pointer;}
.faqs-block .faq h3.question .label {text-transform:uppercase; font-weight:bold; font-size:18px;}
.faqs-block .faq h3.question .icon {flex:0 0 20px; content:url('img/plus.svg'); margin-right:10px;}
.faqs-block .faq.active h3.question .icon {content:url('img/minus.svg')}
.faqs-block .answer {display:none; padding:20px; border-left:1px solid var(--accent-color); margin:10px 0 0 10px}

/* Content Website Form */

section.content-website-form .inside {
	display: flex;
	flex-direction: row;
	padding: 0;
}

section.content-website-form .inside > * {
	width: 50%;
	justify-content: center;
	align-items: center;
	padding: 2em;
}

section.content-website-form .inside .headline:after {
}
.content-website-form {
	text-align: center;
	padding: var(--block-vertical-padding) 0;
}
.content-website-form .buttons {
	margin-top: 30px;
}
.content-website-form.bg-light-gray {
	background: var(--bg-color);
}
.content-website-form.bg-dark-gray {
	background: var(--main-color);
	color: #fff;
}
.content-website-form.bg-image {
	position: relative;
	color: #fff;
}
.content-website-form.bg-image img.background-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
}
.content-website-form.bg-image .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background: var(--transparent-color);
}
.content-website-form.bg-image .inside {
	position: relative;
	z-index: 3;
}

.content-website-form {
	text-align: center;
	padding: var(--block-vertical-padding) 0;
}
.content-website-form .buttons {
	margin-top: 30px;
}
.content-website-form.bg-light-gray {
	background: var(--bg-color);
}
.content-website-form.bg-dark-gray {
	background: var(--main-color);
	color: #fff;
}
.content-website-form.bg-image {
	position: relative;
	color: #fff;
}
.content-website-form.bg-image img.background-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
}
.content-website-form.bg-image .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background: var(--transparent-color);
}
.content-website-form.bg-image .inside {
	position: relative;
	z-index: 3;
}

@media (max-width: 810px) {
	section.content-website-form .inside {
		flex-direction: column;
	}
	section.content-website-form .inside > * {
		width: 100%;
	}
}