/* ----------------------------- */
/* WP-admin Bar */
/* ----------------------------- */

.rr__button {
	display: none;
}

html {
	margin-top: 0 !important;
}

#wpadminbar {
	top: -38px !important;
	opacity: 0.5;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#wpadminbar .quicklinks ul {
	pointer-events: none;
}

#wpadminbar:hover {
	top: 0px !important;
	opacity: 1;
}

#wpadminbar:hover .quicklinks ul {
	pointer-events: initial;
}

@media (min-width: 992px) {
	#wpadminbar {
		top: -28px !important;
	}
}

/* ----------------------------- */
/* Template Edits */
/* ----------------------------- */

/* Form BTNS */

#gform_submit_button_8 {
	border: 2px solid #828286;
	color: #828286;
	text-transform: uppercase;
	min-width: 218px;
	min-height: 56px;
	background-color: transparent;
	padding: 1rem 2.5rem;
	border-radius: 4px;
	margin: 1rem 0 2rem 0;
	transition: 200ms ease-in;
}

#gform_submit_button_8:hover,
#gform_submit_button_1:hover {
	cursor: pointer;
	border: 2px solid #368DB1;
	color: #368DB1;
	background-color: #FFFFFF;
}

.grid {
	max-width: 1173px;
}

/* Breadcrumbs */

#breadcrumbs {
	min-height: 50px;
	display: flex;
	align-items: center;
	margin: 0 20px;
	justify-content: center;
}

#breadcrumbs .breadcrumb_last {
	color: #368db1;
}

/* ----------------------------- */
/* Hero */
/* ----------------------------- */

#hero {
	margin-top: 121px;
}

#hero .cover.dark {
	background-image: url("../images/header-dark.png");
	background-repeat: no-repeat;
	background-size: cover;
}

#hero .cover.dark .cover__text.grid h1,
#hero .cover.dark .cover__text.grid p {
	color: #FFFFFF;
}

#hero .cover.light {
	background-image: url("../images/header-light.png");
	background-repeat: no-repeat;
	background-size: cover;
}

#hero .cover.light .cover__text.grid h1,
#hero .cover.light .cover__text.grid p {
	color: #313E4E;
}

#hero .cover.blue {
	background: linear-gradient(130deg,
			rgba(29, 36, 45, 1) 0%,
			rgba(49, 62, 78, 1) 48%,
			rgba(65, 91, 124, 1) 100%);
}

#hero .cover.pink {
	background: linear-gradient(#fd3a83 0%,
			#fa498b 10%,
			#f75895 20%,
			#f3679e 30%,
			#f075a7 40%,
			#ed82b0 50%,
			#e98fb9 60%,
			#e69bc3 70%,
			#e3a7cb 80%,
			#dfb2d4 90%,
			#ddbbdb 100%);
}

#hero .cover.green {
	background: linear-gradient(#00ae84 0%,
			#0cb384 10%,
			#23b883 20%,
			#3abd83 30%,
			#50c282 40%,
			#66c782 50%,
			#7bcc82 60%,
			#90d181 70%,
			#a3d581 80%,
			#b5da81 90%,
			#c4de80 100%);
}

#hero .cover.teal {
	background: linear-gradient(#1c2b34 0%, #36596a 50%, #4ca1af 100%);
}

#hero .cover.leaf {
	background: linear-gradient(to top, #18416c, #3e926a);
}

#hero .grid {
	margin-bottom: 0px;
	text-align: left;
}

#hero h1,
#hero h2,
#hero h3 {
	color: #828286;
}

#hero .cover__text {
	z-index: 1;
	max-width: unset;
	margin: 0 15%;
	color: #828286;
}

#hero .cover.blue .cover__text,
#hero .cover.teal .cover__text {
	color: #fff;
}

#hero .cover.blue .cover__text h1,
#hero .cover.blue .cover__text h3,
#hero .cover.teal .cover__text h1,
#hero .cover.teal .cover__text h3,
#hero .cover.teal .cover__text h4 {
	color: #fff;
}

#hero .cover.teal .cover__text {
	color: #fff;
}

#hero .cover.teal .cover__text h1,
#hero .cover.teal .cover__text h3,
#hero .cover.teal .cover__text h4 {
	color: #fff;
}

#hero .cover.leaf .cover__text {
	color: #fff;
}

#hero .cover.leaf .cover__text h1,
#hero .cover.leaf .cover__text h3 {
	color: #fff;
}

#hero .cover__text .col-60 {
	margin: auto;
	padding: 50px 20px;
}

#hero .cover__text h1 {
	margin-bottom: 25px;
}

.cat-header {
	text-align: center;
	width: 100%;
}

.cat-title {
	width: 100%;
}

#hero .cover__text p {
	font-size: 32px;
	line-height: 33px;
	margin: 20px 0;
}

#hero .cover__text .btn-holder a:first-of-type {
	margin-right: 25px;
}

#hero .cover {
	margin-bottom: 0px;
	overflow: hidden;
}

.shell {
	width: 503px;
	right: 46px;
	position: absolute;
	bottom: -155px;
	height: 506px;
}

.shell .icon {
	height: 100%;
	width: 100%;
	background: url(../images/shell-dark.svg);
	background-repeat: no-repeat;
	background-size: contain;
	transform-origin: bottom;
	opacity: 0.05;
	position: absolute;
}

#hero .cover.teal .shell .icon,
#hero .cover.leaf .shell .icon {
	background: url(../images/shell.svg);
	opacity: 0.25;
}

.shell .icon:first-child {
	animation-delay: 6s;
	transform: scale(0.5);
	animation: growone 1s linear 0s 1;
}

.shell .icon:nth-child(2) {
	animation-delay: 6s;
	transform: scale(0.75);
	animation: growtwo 1s linear 0s 1;
}

.shell .icon:last-child {
	animation-delay: 6s;
	transform: scale(1);
	animation: growthree 1s linear 0s 1;
}

/*Home Edits*/

.home #hero .cover__text .col-60 {
	margin: 0;
}

.home #hero .cover__text h1 {
	margin-bottom: 40px;
}

.home #hero .cover__text p {
	margin: 40px 0;
	font-size: 22px;
}

.home #hero .cover {
	align-items: center;
	height: calc(100vh - 121px);
}

.hero-wscreen .cover {
	height: unset;
	min-height: calc(100vh - 121px);
	align-items: flex-start;
}

.expand-head {
	width: 100%;

}

#hero .hero-wscreen .cover .cover__text {
	margin-bottom: 350px;
}

#hero .hero-wscreen .cover__text p {
	font-size: 18px;
}

#hero .cover__text p {
	font-size: 18px;
}

section#hero a {
	color: white;
}

.web-screen {
	position: relative;
	width: 95%;
	max-width: 960px;
	margin: auto;
	margin-top: -350px;
	line-height: 0;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.home .shell .icon,
.hero-wscreen .shell .icon,
.blog .shell .icon,
.single .shell .icon,
.cover.blue .shell .icon,
.cover.teal .shell .icon,
.cover.leaf .shell .icon {
	background: url(../images/shell.svg);
	opacity: 0.25;
}

.home .shell {
	bottom: -95px;
}

.home #hero h1,
.home #hero h2,
.home #hero h3,
.home #hero .cover__text,
#hero .hero-wscreen h1,
#hero .hero-wscreen h2,
#hero .hero-wscreen h3,
#hero .hero-wscreen .cover__text,
.blog #hero h1,
.blog #hero h2,
.blog #hero h3,
.blog #hero .cover__text {
	color: #ffff;
}

@media (max-width: 1200px) {
	#hero .cover__text {
		margin: 0 10%;
		max-width: 1170px;
	}
}

@media (max-width: 1050px) {
	#hero .cover__text {
		margin: 0 20px;
		max-width: 1170px;
	}

	#hero .cover__text>div {
		width: 80%;
	}
}

@media (max-width: 900px) {
	#hero .cover__text>div {
		width: 100%;
	}

	#hero .cover__text h1,
	.single #hero .cover__text h1 {
		font-size: 32px;
		margin-bottom: 40px;
		line-height: 1.5em;
	}

	.single #hero .cover__text h1 {
		font-size: 32px;
		margin-bottom: 40px;
		line-height: 1.5em;
	}

	#hero .cover__text p,
	.home #hero .cover__text p,
	.project-template-default #hero .cover__text p {
		font-size: 15px;
		line-height: 1.5em;
		margin: 20px 0;
	}

	.home #hero .cover {
		align-items: center;
		min-height: 60vh;
		max-height: 60vh;
		height: calc(60vh - 121px);
	}
}

@media (max-width: 400px) {

	#hero .cover__text h1,
	.single #hero .cover__text h1 {
		font-size: 24px;
		margin-bottom: 20px;
		line-height: 1.5em;
		text-align: left;
	}

	#hero .cover {
		min-height: 50vh;
		max-height: 50vh;
	}

	.home #hero .cover {
		align-items: center;
		height: calc(60vh - 121px);
	}

	#hero .cover__text p,
	.project-template-default #hero .cover__text p {
		font-size: 14px;
		line-height: 1.5em;
		margin: 10px 0;
	}

	#hero .cover__text .btn-holder a:first-of-type {
		margin-right: 10px;
		margin-bottom: 10px;
	}
}

@media (max-width: 350px) {
	.home #hero .cover__text p {
		margin: 10px 0;
	}

	.home #hero .cover__text h1 {
		margin-bottom: 10px;
		line-height: 40px;
	}
}

#hero.two-section .branded .cover__text {
	margin: 70px 5%;
	display: flex;
	color: #fff;
	align-items: flex-start;
}

#hero.two-section .branded .cover__text h1,
#hero.two-section .branded .cover__text h2,
#hero.two-section .branded .cover__text h3,
#hero.two-section .branded .cover__text h4 {
	color: #fff;
}

#hero.two-section .branded .cover__text p {
	font-size: 32px;
}

#hero.two-section .branded .cover__text .left,
#hero.two-section .branded .cover__text .right {
	flex: 1;
	flex-basis: 69%;
	padding-right: 50px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#hero.two-section .branded .cover__text .right {
	flex-basis: 30%;
	padding-right: 0px;
	padding-left: 20px;
}

#hero.two-section .branded .cover__text .right p {
	margin: 0;
}

#hero.two-section .branded .cover__text .right .hbspt-form label {
	color: #fff;
	font-size: 14px;
	margin: 0;
}

#hero.two-section .branded .cover__text .right .hbspt-form input,
#hero.two-section .branded .cover__text .right .hbspt-form select,
#hero.two-section .branded .cover__text .right .hbspt-form textarea {
	background-color: #e0e8f0;
}

#hero.two-section .branded .cover__text .right .hbspt-form input:placeholder,
#hero.two-section .branded .cover__text .right .hbspt-form select:placeholder,
#hero.two-section .branded .cover__text .right .hbspt-form textarea:placeholder {
	color: #313e4e;
}

#hero.two-section .branded .cover__text .right .hbspt-form input[type="submit"] {
	font-size: 16px;
	background-color: #368db1;
	border-radius: 4px;
	text-align: center;
	min-width: 178px;
	min-height: 38px;
	border: none;
	color: #fff;
}

#hero.two-section .branded .cover__text .right .hbspt-form .hs-error-msgs {
	display: none !important;
}

#hero.two-section .branded .cover__text .right .hbspt-form .submitted-message {
	font-size: 20px;
}

#hero.two-section .branded .cover__text .left .testimonial {
	margin: 30px 0;
}

#hero.two-section .branded .cover__text .left .testimonial .content {
	display: flex;
	justify-content: center;
	align-items: center;
}

#hero.two-section .branded .cover__text .left .testimonial .content img {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	margin-right: 20px;
}

#hero.two-section .branded .cover__text .left .testimonial>span {
	display: block;
	text-align: right;
	margin: 15px 0;
}

@media (max-width: 900px) {
	#hero.two-section .cover__text h1 {
		margin-bottom: 10px;
	}

	#hero.two-section .branded .cover__text p {
		font-size: 20px;
		margin: 10px 0;
	}

	#hero.two-section .branded .cover__text .left .testimonial .content {
		flex-direction: column;
		align-items: flex-start;
	}

	#hero.two-section .branded .cover__text .left,
	#hero.two-section .branded .cover__text .right {
		flex-basis: 100%;
		padding: 0;
	}
}

@media (max-width: 767px) {
	#hero.two-section .branded .cover__text {
		margin: 35px 5%;
	}
}

@media (max-width: 400px) {
	#hero.two-section .cover__text h3 {
		font-size: 24px;
	}

	#hero.two-section .branded .cover__text p {
		font-size: 16px;
	}
}

/* ----------------------------- */
/* SIMPLE CONTENT */
/* ----------------------------- */

.simple-content {
	margin-bottom: 0;
	padding: 63px 0;
}

.simple-content .content {
	margin-bottom: 0;
	padding: 0 16.1%;
}

.simple-content li {
	margin-left: 32px;
}

.simple-content .icon {
	margin: auto;
	max-width: 60px;
	max-height: 60px;
	margin-bottom: 35px;
}

.simple-content a {
	color: #368db1;
	position: relative;
}

/*.simple-content a:after {
    content: "";
    width: 4px;
    height: 8px;
    display: inline-block;
    position: absolute;
    background: url(../images/blue-arrow.svg) center center;
    background-repeat: no-repeat;
    top: 10px;
    right: -9px;
}*/

.simple-content .ft-img {
	margin-top: 40px;
	min-height: 410px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

@media (max-width: 768px) {
	.simple-content .content {
		padding: 0px 50px;
	}
}

@media (max-width: 500px) {
	.simple-content .content {
		padding: 0px 20px;
	}
}

/* ----------------------------- */
/* WEBSITE IMAGE */
/* ----------------------------- */

.toolbar {
	width: 100%;
	height: 5%;
}

.site-image {
	height: 100%;
	width: 100%;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

@media (max-width: 630px) {
	.hero-wscreen .cover {
		height: unset !important;
		min-height: 60vh !important;
	}

	.web-screen {
		margin-top: -165px;
	}

	#hero .hero-wscreen .cover .cover__text {
		margin-bottom: 165px;
	}
}

/* ----------------------------- */
/* CHESS BOARD */
/* ----------------------------- */

.chess-row {
	display: flex;
	flex-wrap: wrap;
	background-color: #ffff;
	padding: 65px 11.6%;
}

.chess-board>.chess-row:nth-child(2n) {
	flex-direction: row-reverse;
}

.cb-image,
.cb-content {
	display: flex;
	flex-direction: column;
	width: 50%;
}

.cb-image {
	background-position: center;
	background-size: cover;
	min-height: 380px;
}

.cb-content {
	padding: 50px 40px 50px 0;
	display: flex;
	justify-content: center;
}

.chess-board>.chess-row:nth-child(2n) .cb-content {
	padding: 50px 0px 50px 110px;
}

.cb-content li {
	list-style: none;
	position: relative;
	margin-left: 32px;
}

.cb-content li:before {
	content: "";
	position: absolute;
	background-image: url(../images/circle.png);
	background-size: contain;
	background-repeat: no-repeat;
	height: 18px;
	width: 18px;
	left: -30px;
	top: 5px;
}

@media (max-width: 1200px) {
	.chess-row {
		padding: 65px 75px;
	}
}

@media (max-width: 998px) {

	.cb-image,
	.cb-content {
		width: 100%;
	}

	.chess-board>.chess-row:nth-child(2n) .cb-content {
		padding: 50px 40px 50px 0;
	}

	.chess-row {
		padding: 30px 75px;
	}
}

@media (max-width: 600px) {
	.chess-row {
		padding: 15px 20px;
	}
}

/* ----------------------------- */
/* TWO COLUMN TEXT */
/* ----------------------------- */

.two-col-text-row {
	display: flex;
	flex-wrap: wrap;
	background-color: #ffff;
	padding: 65px 11.6%;
}

/* .two-col-text>.two-col-text-row:nth-child(2n) {
	flex-direction: row;
} */

.tc-content {
	display: flex;
	flex-direction: column;
	width: 50%;
}

.tc-content {
	padding: 50px 40px 50px 0;
	display: flex;
	justify-content: center;
}

/* .two-col-text>.two-col-text-row:nth-child(2n) .tc-content {
	padding: 50px 0px 50px 110px;
} */

.tc-content li {
	list-style: none;
	position: relative;
	margin-left: 32px;
}

.tc-content li:before {
	content: "";
	position: absolute;
	background-image: url(../images/circle.png);
	background-size: contain;
	background-repeat: no-repeat;
	height: 18px;
	width: 18px;
	left: -30px;
	top: 5px;
}

@media (max-width: 1200px) {
	.two-col-text-row {
		padding: 65px 75px;
	}
}

@media (max-width: 998px) {
	.tc-content {
		width: 100%;
	}

	/* .two-col-text>.two-col-text-row:nth-child(2n) .tc-content {
		padding: 50px 40px 50px 0;
	} */

	.two-col-text-row {
		padding: 30px 75px;
	}
}

@media (max-width: 600px) {
	.two-col-text-row {
		padding: 15px 20px;
	}
}

/* ----------------------------- */
/* FEATURE BAR */
/* ----------------------------- */

.feature_bar {
	background-color: #f3f5f6;
	display: flex;
	padding: 45px 5px;
	justify-content: center;
	flex-wrap: wrap;
}

.feature_bar .feature {
	max-width: 255px;
	margin: 15px 22px;
}

.feature_bar .feature img {
	width: 32px;
	height: 32px;
}

.feature_bar .feature h4 {
	margin: 20px 0 10px;
}

.feature_bar .feature p {
	font-size: 14px;
	margin: 0;
}

@media (max-width: 500px) {
	.feature_bar .feature {
		max-width: 275px;
	}
}

/* ----------------------------- */
/* FEATURE GRID */
/* ----------------------------- */

.feature_bar {
	background-color: #f3f5f6;
	display: flex;
	padding: 45px 5px;
	justify-content: center;
	flex-wrap: wrap;
}

.feature_bar .feature {
	max-width: 255px;
	margin: 15px 22px;
}

.feature_bar .feature img {
	width: 32px;
	height: 32px;
}

.feature_bar .feature h4 {
	margin: 20px 0 10px;
}

.feature_bar .feature p {
	font-size: 14px;
	margin: 0;
}

@media (max-width: 500px) {
	.feature_bar .feature {
		max-width: 275px;
	}
}

/* ----------------------------- */
/* FEATURE GRID */
/* ----------------------------- */

.feature_grid {
	padding: 60px 11.5%;
}

.feature_grid h2,
.feature_grid p {
	text-align: center;
}

.feature_grid.white {
	background-color: #ffff;
}

.feature_grid.grey {
	background-color: #f3f5f6;
}

.feature_grid_holder {
	display: flex;
	justify-content: center;
	margin: auto;
	flex-wrap: wrap;
	max-width: 1700px;
}

.feature_grid_holder.left {
	flex-direction: row-reverse;
}

.feature-holder,
.grid-image {
	flex: 50%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.feature-holder .feature {
	max-width: 186px;
	margin: 15px 22px;
	flex: 50%;
}

.feature-holder .feature img {
	width: 32px;
	height: 32px;
}

.feature-holder .feature h4 {
	margin: 20px 0 10px;
}

.feature-holder .feature p {
	font-size: 14px;
	margin: 0;
}

.grid-image {
	background-size: contain;
	min-height: 380px;
	background-position: center;
	background-repeat: no-repeat;
}

@media (max-width: 1250px) {
	.feature_grid_holder {
		padding: 60px 80px;
	}
}

@media (max-width: 1100px) {
	.grid-image {
		flex: 100%;
		margin-bottom: 20px;
	}

	.feature_grid_holder,
	.feature_grid_holder.left {
		flex-direction: column-reverse;
	}

	.feature_grid_holder {
		padding: 60px 5px;
	}
}

@media (max-width: 486px) {
	.feature-holder .feature {
		max-width: 355px;
	}
}

/* ----------------------------- */
/* CTA */
/* ----------------------------- */

.cta-full.blue,
.cta-small .cta.blue {
	/* background: linear-gradient(
    #008bd0 0%,
    #0194d4 10%,
    #149dd7 20%,
    #28a6db 30%,
    #3bafdf 40%,
    #4eb8e2 50%,
    #61c2e6 60%,
    #73cbe9 70%,
    #85d5ed 80%,
    #96ddf0 90%,
    #a4e5f3 100%
    ); */
	/* updated gradient 2022 */
	background: linear-gradient(130deg,
			rgba(29, 36, 45, 1) 0%,
			rgba(49, 62, 78, 1) 48%,
			rgba(65, 91, 124, 1) 100%);
}

.cta-full.green,
.cta-small .cta.green {
	background: linear-gradient(#00ae84 0%,
			#0cb384 10%,
			#23b883 20%,
			#3abd83 30%,
			#50c282 40%,
			#66c782 50%,
			#7bcc82 60%,
			#90d181 70%,
			#a3d581 80%,
			#b5da81 90%,
			#c4de80 100%);
}

.cta-full.pink,
.cta-small .cta.pink {
	background: linear-gradient(#fd3a83 0%,
			#fa498b 10%,
			#f75895 20%,
			#f3679e 30%,
			#f075a7 40%,
			#ed82b0 50%,
			#e98fb9 60%,
			#e69bc3 70%,
			#e3a7cb 80%,
			#dfb2d4 90%,
			#ddbbdb 100%);
}

.cta-full {
	min-height: 600px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.cta-full .content {
	text-align: center;
	margin: 20px;
}

.cta-full .content h2 {
	color: #ffff;
	margin: 15px auto 60px;
	max-width: 1100px;
}

.cta-full .content p {
	color: #ffff;
	margin: 20px 0 0;
	padding: 0 36%;
}

.cta-full .content .btn {
	margin: 10px 12px;
}

@media (max-width: 998px) {
	.cta-full .content p {
		padding: 0 240px;
	}
}

@media (max-width: 768px) {
	.cta-full .content p {
		padding: 0 120px;
	}
}

@media (max-width: 450px) {
	.cta-full .content p {
		padding: 0 20px;
	}
}

/* ----------------------------- */
/* CTA SMALL */
/* ----------------------------- */

.cta-small .cta.blue {
	/* background: linear-gradient(
    #008bd0 0%,
    #0194d4 10%,
    #149dd7 20%,
    #28a6db 30%,
    #3bafdf 40%,
    #4eb8e2 50%,
    #61c2e6 60%,
    #73cbe9 70%,
    #85d5ed 80%,
    #96ddf0 90%,
    #a4e5f3 100%
  ); */
	/* updated gradient 2022 */
	background: #313e4e;
	background: linear-gradient(130deg,
			rgba(49, 62, 78, 1) 0%,
			rgba(54, 141, 177, 1) 50%,
			rgba(176, 222, 230, 1) 100%);
}

.cta-small .cta.green {
	background: linear-gradient(#00ae84 0%,
			#0cb384 10%,
			#23b883 20%,
			#3abd83 30%,
			#50c282 40%,
			#66c782 50%,
			#7bcc82 60%,
			#90d181 70%,
			#a3d581 80%,
			#b5da81 90%,
			#c4de80 100%);
}

.cta-small .cta.pink {
	background: linear-gradient(#fd3a83 0%,
			#fa498b 10%,
			#f75895 20%,
			#f3679e 30%,
			#f075a7 40%,
			#ed82b0 50%,
			#e98fb9 60%,
			#e69bc3 70%,
			#e3a7cb 80%,
			#dfb2d4 90%,
			#ddbbdb 100%);
}

.cta-small .cta {
	max-width: 1170px;
	min-height: 273px;
	border-radius: 4px;
	margin: 80px auto;
	display: flex;
	align-items: center;
	padding: 20px 75px;
}

.page-template-pillar-template .cta-small .cta {
	max-width: 800px;
}

.cta-small .cta .content,
.cta-small .cta .btn-holder {
	flex: 1;
}

.cta-small .cta .content {
	margin: 0px 20px;
}

.cta-small .cta .btn-holder {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.cta-small .cta h2 {
	color: #313e4e;
	margin-bottom: 20px;
}

.cta-small .cta p {
	color: #313e4e;
}

.cta-small .cta a.btn {
	max-width: 220px;
	margin: 16px 20px;
}

@media (max-width: 1175px) {
	.cta-small .cta {
		border-radius: unset;
	}
}

@media (max-width: 900px) {
	.cta-small .cta {
		padding: 0px;
	}
}

@media (max-width: 768px) {
	.cta-small .cta {
		flex-direction: column;
	}

	.cta-small .cta .btn-holder {
		align-items: flex-end;
	}

	.cta-small .cta .btn-1 {
		min-width: 218px;
	}

	.cta-small .cta .content {
		text-align: center;
	}

	.cta-small .cta .content h2 {
		margin: 16px 20px;
	}
}

/* ----------------------------- */
/* CTA SMALL INLINE */
/* ----------------------------- */

.cta-small.inline>.cta {
	max-width: 740px;
	margin: auto;
	padding: 20px 25px !important;
	margin-bottom: 60px;
}

.cta-small.inline>.cta .btn {
	color: #fff;
	font-size: 16px;
}

.cta-small.inline>.cta .btn:hover {
	color: #368db1;
	text-decoration: none;
}

.cta-small.inline>.cta .content {
	margin: 0 10px 0 0;
}

.cta-small.inline>.cta .content h3 {
	margin-bottom: 16px;
	font-size: 24px;
	color: #fff;
}

.cta-small.inline.small>.cta {
	min-height: 200px;
}

.cta-small.inline.small>.cta .content p {
	display: none;
}

.cta-small.inline.small>.cta .btn {
	padding: 16px 18px;
}

.cta-small.inline.small>.cta .content h3 {
	margin-bottom: 0;
}

/* ----------------------------- */
/* CTA BASIC */
/* ----------------------------- */

.cta-basic {
	background-color: #f3f5f6;
	min-height: 400px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-radius: 4px;
}

.cta-basic .content {
	padding: 60px 30%;
}

.cta-basic h2 {
	margin-bottom: 70px;
}

.cta-basic p {
	margin: 30px 0;
}

@media (max-width: 1200px) {
	.cta-basic .content {
		padding: 60px 250px;
	}
}

@media (max-width: 998px) {
	.cta-basic .content {
		padding: 60px 150px;
	}
}

@media (max-width: 768px) {
	.cta-basic .content {
		padding: 60px 20px;
	}
}

/* ----------------------------- */
/* PORTFOLIO GALLERY */
/* ----------------------------- */

.portfolio-gallery {
	padding: 0 20px 60px;
	display: flex;
	flex-wrap: wrap;
	max-width: 1110px;
	margin: auto;
}

.portfolio-gallery>div {
	flex: 50%;
	min-height: 70vh;
	background-size: cover;
	background-position: center;
}

.portfolio-gallery>div .content {
	padding: 10px;
	opacity: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
	flex-direction: column;
	background-color: rgba(49, 62, 78, 0.9);
	transition: all 0.4s ease-in-out 0s;
}

.portfolio-gallery>div .content h2 {
	color: #ffff;
	margin-bottom: 95px;
	text-align: center;
}

.portfolio-gallery>div .content a {
	min-width: 178px;
	min-height: 48px;
	background-color: #ffff;
	color: #313e4e;
	border-radius: 4px;
	text-transform: capitalize;
	padding: 8px 18px;
}

.portfolio-gallery>div .content:hover {
	opacity: 1;
}

@media (max-width: 998px) {
	.portfolio-gallery>div {
		min-height: 50vh;
	}
}

@media (max-width: 768px) {
	.portfolio-gallery>div {
		flex: 100%;
	}

	.portfolio-gallery>div .content a {
		min-width: 145px;
		padding: 12px 18px;
	}
}

/* ----------------------------- */
/* TESTIMONIAL SLIDER */
/* ----------------------------- */

.testimonial-slider h2 {
	text-align: center;
	/* background: #F6F8FA; */
	margin-bottom: 0;
}

.testimonial-slider .container-siema {
	margin: 0;
}

.testimonial-slider .siema__filter {
	background: #ffff;
	opacity: 1;
}

.testimonial-slider .siema__slide {
	min-height: 470px;
	max-height: 470px;
}

.testimonial-slider .siema__caption {
	color: #313e4e;
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 540px;
}

.testimonial-slider .siema__caption img {
	border-radius: 45px;
	height: 90px;
	width: 90px;
	margin-bottom: 40px;
}

.testimonial-slider .siema__caption p {
	font-size: 20px;
}

.testimonial-slider .siema__caption .small {
	text-align: center;
}

.testimonial-slider .slider-arrow {
	background-repeat: no-repeat;
	position: absolute;
	width: 15px;
	height: 30px;
	top: 50%;
	transform: translate(0, -50%);
}

.testimonial-slider .container-siema__prev .slider-arrow {
	background-image: url(../images/arrow-left.svg);
	left: 60px;
}

.testimonial-slider .container-siema__next .slider-arrow {
	background-image: url(../images/arrow-right.svg);
	right: 60px;
}

@media (max-width: 700px) {
	.testimonial-slider .siema__caption p {
		font-size: 16px;
	}

	.testimonial-slider .slider-arrow {
		display: none;
	}
}

/* NEW TESTIMONIAL SLIDER */
.new-testimonial-slider,
.new-testimonial-slider h2 {
	text-align: center;
}

.new-testimonial-slider .siema {
	background: #f6f8fa !important;
}

.new-testimonial-slider h2 {
	padding-top: 60px;
	margin-bottom: 20px;
}

.new-testimonial-slider .container-siema {
	margin: 0;
}

.new-testimonial-slider .short-testimonial.siema__slide {
	max-height: 600px;
	min-height: 500px;
	height: unset;
}

.new-testimonial-slider .short-testimonial .siema__caption {
	color: #313e4e;
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 540px;
}

.new-testimonial-slider .short-testimonial .siema__caption img {
	border-radius: 45px;
	height: 90px;
	width: 90px;
	margin-bottom: 40px;
}

.new-testimonial-slider .short-testimonial .siema__caption p {
	font-size: 20px;
}

.new-testimonial-slider .short-testimonial .siema__caption .small {
	text-align: center;
}

.new-testimonial-slider .slider-arrow {
	background-repeat: no-repeat;
	position: absolute;
	width: 15px;
	height: 30px;
	top: 50%;
	transform: translate(0, -50%);
}

.new-testimonial-slider .container-siema__prev .slider-arrow {
	background-image: url(../images/arrow-left.svg);
	left: 60px;
}

.new-testimonial-slider .container-siema__next .slider-arrow {
	background-image: url(../images/arrow-right.svg);
	right: 60px;
}

@media (max-width: 700px) {
	.new-testimonial-slider .short-testimonial .siema__caption p {
		font-size: 16px;
	}

	.new-testimonial-slider .slider-arrow {
		display: none;
	}
}


.new-testimonial-slider,
.new-testimonial-slider .siema__slide {
	background: #f6f8fa !important;
}

.new-testimonial-slider .siema__caption {
	z-index: 1;
}

.new-testimonial-slider .siema__caption,
.new-testimonial-slider h3 {
	color: #313e4e !important;
}

.new-testimonial-slider .long-testimonial {
	text-align: end;
	padding: 4rem 8rem;
}

.new-testimonial-slider .siema__slide.long-testimonial .author {
	margin-top: 2rem;
}

.new-testimonial-slider .siema__slide.long-testimonial .slide-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.new-testimonial-slider .logo-cont {
	text-align: center;
	width: 40%;
}

.new-testimonial-slider .siema__slide.long-testimonial .logo-cont img {
	max-width: 250px;
}

.new-testimonial-slider .logo-cont .tags {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.new-testimonial-slider .logo-cont .tags a {
	background-color: #2e3f4f;
	color: #fff;
	padding: 8px 10px;
	margin: 2px;
	text-transform: uppercase;
	font-size: 0.7rem;
	border: 2px solid #2e3f4f;
	transition: ease-in-out 0.3s;
}

.new-testimonial-slider .logo-cont .tags a:hover {
	background-color: transparent;
	color: #2e3f4f;
	border: 2px solid #2e3f4f;
}

.new-testimonial-slider .siema__slide.long-testimonial .slide-content .content {
	width: 70%;
}

.new-testimonial-slider .short-testimonial {
	text-align: center;
}

.new-testimonial-slider .short-testimonial .siema__caption img {
	border-radius: 45px;
	height: 90px;
	width: 90px;
	margin-bottom: 40px;
}

.new-testimonial-slider .siema__slide.long-testimonial .author {
	margin-bottom: 0;
}

@media only screen and (max-width: 992px) {
	.new-testimonial-slider .long-testimonial {
		padding: 4rem 0rem;
	}
}

@media only screen and (max-width: 768px) {
	.new-testimonial-slider .long-testimonial {
		padding: 2rem 0;
		height: 100%;
	}

	.new-testimonial-slider .slide-content {
		flex-direction: column;
	}

	.new-testimonial-slider .logo-cont {
		width: 100%;
		margin-bottom: 2rem;
	}

	.new-testimonial-slider .siema__slide.long-testimonial .slide-content .content {
		width: 100%;
	}
}

/* ----------------------------- */
/* CARD LAYOUT */
/* ----------------------------- */

.cards-layout_title {
	max-width: 1173px;
	margin: 63px auto 20px;
	text-align: center;
}

@media (max-width: 768px) {
	.cards-layout_title {
		margin: 32px auto 20px;
	}
}

.cards-layout {
	justify-content: center;
}

.cards-layout .col-33 {
	min-width: 350px;
}

.cards-layout .col-33 .card {
	min-height: 375px;
}

.cards-layout .nolink.card {
	min-height: 325px !important;
}

.cards-layout .col-33 .card a,
.cards-layout .col-33 .card div {
	display: flex;
	flex-direction: column;
	padding: 25px 30px;
	justify-content: center;
}

.cards-layout .col-33 .card a:hover,
.super-block .card a:hover {
	color: unset;
}

.cards-layout .col-33 .card a .card__copy,
.cards-layout .col-33 .card div .card__copy {
	padding: 0;
	text-align: center;
	min-height: 85px;
}

.cards-layout .col-33 .card a .card__copy p,
.cards-layout .col-33 .card div .card__copy p {
	margin-bottom: 10px;
}

.cards-layout .col-33 .card a .card__copy h4,
.cards-layout .col-33 .card div .card__copy h4 {
	text-transform: capitalize;
	margin-bottom: 35px;
}

.cards-layout .col-33 .card a .card__copy span {
	color: #313e4e;
	margin-bottom: 10px;
	font-family: "Poppins", sans-serif;
	text-transform: uppercase;
	font-size: 13px;
}

.cards-layout .card:hover {
	transform: translateY(-5px);
}

.cards-layout .nolink.card:hover {
	transform: unset;
}

.super-block {
	padding: 0 20px;
	margin-bottom: 20px;
	width: 100%;
}

.super-block .card {
	margin-bottom: 20px;
}

.super-block .card a {
	display: flex;
	min-height: 380px;
}

.super-block .card a .tile {
	margin: 25px 0;
	flex: 50%;
}

.super-block .card a span {
	color: #0065f2;
	margin-bottom: 10px;
}

.super-block .card a .card__copy {
	flex: 50%;
	padding: 100px 160px 100px 100px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.super-block .card a .card__copy p {
	margin-bottom: 0px;
}

.super-block .card a .card__copy h4 {
	margin: 10px 0;
}

/* Card List Items */
.cards-layout .card-with-list {
	min-width: 350px;
	display: flex;
	flex-direction: column;
	flex: 1 1 350px;
}

.cards-layout .card-with-list .card {
	height: 100%;
}

.cards-layout .card-with-list .card a,
.cards-layout .card-with-list .card div {
	height: fit-content;
}

.cards-layout .col-33 .card a .card__copy .card-list,
.cards-layout .col-33 .card div .card__copy .card-list {
	width: 100%;
	display: block;
	padding: 0;
	margin-top: -15px;
	margin-bottom: 20px;
}

.cards-layout .card-with-list .card a .card__copy .card-list ul,
.cards-layout .card-with-list .card div .card__copy .card-list ul {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	flex-direction: column;
}

.cards-layout .card-with-list .card a,
.cards-layout .card-with-list .card a .card__copy {
	height: 100%;
	justify-content: flex-start;
}

.cards-layout .card-with-list .card a .card__copy .card-list {
	flex: 1;
}

.cards-layout .card-with-list .card a .card__copy .card-list ul li,
.cards-layout .card-with-list .card div .card__copy .card-list ul li {
	width: 100%;
	display: flex;
	padding: 0 30px;
	align-items: center;
}

@media only screen and (max-width: 768px) {

	.cards-layout .card-with-list .card a .card__copy .card-list ul li,
	.cards-layout .card-with-list .card div .card__copy .card-list ul li {
		flex-direction: row;
		text-align: center;
		margin: 0;
		width: 100%;
		justify-content: flex-start;
	}
}

.cards-layout .card-with-list .card a .card__copy .card-list ul li .icon,
.cards-layout .card-with-list .card div .card__copy .card-list ul li .icon {
	height: 32px;
	min-width: 32px;
	max-width: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 18px 0;
	margin: 0 15px 0 0;
}

@media only screen and (max-width: 768px) {

	.cards-layout .card-with-list .card a .card__copy .card-list ul li .icon,
	.cards-layout .card-with-list .card div .card__copy .card-list ul li .icon {
		margin-right: 8px;
	}
}

.cards-layout .card-with-list .card a .card__copy .card-list ul li .content,
.cards-layout .card-with-list .card div .card__copy .card-list ul li .content {
	padding: 0;
	text-align: left;
}

.cards-layout .card-with-list .card a .card__copy .card-list ul li .content p,
.cards-layout .card-with-list .card div .card__copy .card-list ul li .content p {
	margin-bottom: 2px;
}

@media only screen and (max-width: 768px) {

	.cards-layout .card-with-list .card a .card__copy .card-list ul li .content p,
	.cards-layout .card-with-list .card div .card__copy .card-list ul li .content p {
		text-align: left;
	}
}

@media (max-width: 768px) {
	.cards-layout .col-33 {
		min-width: unset;
	}

	.super-block .card a {
		flex-direction: column;
	}

	.super-block .card a .tile {
		margin: 0;
	}

	.super-block .card {
		padding: 25px 30px;
	}

	.super-block .card a .card__copy {
		padding: 0;
		text-align: center;
	}

	.super-block .card a .card__copy h4 {
		margin-bottom: 35px;
	}
}

/* ----------------------------- */
/* CLIENT BAR */
/* ----------------------------- */

.client_bar {
	margin: 40px 20px 20px;
}

.client_bar h6 {
	opacity: 0.4;
	margin-bottom: 40px;
	text-align: center;
}

.client_bar>div {
	display: flex;
	flex-direction: row;
	max-width: 1110px;
	margin: auto;
	flex-wrap: wrap;
	justify-content: center;
}

.client_bar .cl-logo {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 35px 20px;
	height: 100%;
	max-height: 40px;
	max-width: 130px;
	min-width: 130px;
}

.client_bar .cl-logo img {
	height: 100%;
	width: 100%;
}

/* ----------------------------- */
/* LINK TILES */
/* ----------------------------- */

#tiles .tile:hover {
	transform: translateY(-5px);
}

/* ----------------------------- */
/* BLOG ARCHIVE */
/* ----------------------------- */

.blog-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 1140px;
	margin: auto;
}

.alm-reveal {
	display: grid;
	grid-template-columns: 33.3% 33.3% 33.3%;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 1140px;
}

.blogs {
	display: grid;
	grid-template-columns: 33.3% 33.3% 33.3%;
	justify-self: center;
}

@media (max-width: 950px) {
	.blogs {
		grid-template-columns: 50% 50%;
	}

	.alm-reveal {
		grid-template-columns: 50% 50%;
	}
}

@media (max-width: 550px) {
	.blogs {
		grid-template-columns: 100%;
	}

	.alm-reveal {
		grid-template-columns: 100%;
	}
}

.blogs .blog-tile {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	margin: 60px 15px;
}

.alm-reveal .blog-tile {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 92%;
	margin: 60px 15px;
}

.blog-tile .img-cont {
	min-height: 200px;
	width: 100%;
}

.blog-tile .img-cont img {
	max-height: 200px;
}

.blog-tile .bg-img {
	background-size: cover;
	background-position: center;
	min-height: 200px;
}

.blog-tile .content {
	padding: 20px 20px 0 0;
}

.blog-tile .content h4,
.blog-tile .content p {
	margin-bottom: 15px;
}

.blog-tile .content a {
	color: #0065f2;
}

.alm-btn-wrap button.alm-load-more-btn {
	min-width: 218px;
	min-height: 49px;
	padding: 3px 18px;
	color: #F3F5F6;
	text-transform: capitalize;
	background-color: #313E4E !important;
	border-radius: 4px;
}

.alm-btn-wrap .alm-load-more-btn:hover {
	background-color: #828286 !important;
	color: #fff;
	text-decoration: none;
}

/* Hide load more btn if no more posts to show */
.alm-load-more-btn.done {
	display: none !important;
}

@media (max-width: 550px) {
	.blog-container .blog-tile {
		flex: 100%;
	}
}

/* ----------------------------- */
/* SINGLE POST */
/* ----------------------------- */

.single #hero .cover__text {
	text-align: center;
}

.single #hero .cover__text>div {
	width: 100%;

}

.single #hero .cover__text p {
	font-size: 16px;
	line-height: 24px;
	margin: 0;
	margin-bottom: 20px;
	color: #fff;
}

/* .single #hero .cover__text h1 {
	font-size: 56px;
	line-height: 60px;
	margin-bottom: 30px;
	color: #fff;
} */

.single #hero .cover__text span {
	color: #fff;
}

.single #hero .cover__text p>a {
	color: #fff;
}

.single #hero .cover__text p>a:hover {
	color: #313e4e;
}

.single .social a {
	margin: 0 5px;
}

.single .social img {
	width: 30px;
}

.single .social .twitter img {
	margin-bottom: 2px;
}

.single .social {
	margin-top: 45px;
}

.single .single-content {
	margin: 60px 20px 50px;
}

.single .single-content>h1,
.single .single-content>h2,
.single .single-content>h3,
.single .single-content>h4,
.single .single-content>h5,
.single .single-content>p,
.single .single-content>ol,
.single .single-content>ul {
	max-width: 740px;
	margin: auto;
}

.single .single-content>h1,
.single .single-content>h2,
.single .single-content>h3 {
	margin-top: 50px;
	margin-bottom: 25px;
}

.single .single-content>h4,
.single .single-content>h5,
.single .single-content>h6 {
	margin-bottom: 20px;
}

.single .single-content ul,
.single .single-content ol {
	padding-left: 25px;
	padding-right: 25px;
}

.single .single-content>.wp-caption,
.single .single-content>blockquote {
	max-width: 700px;
	margin: auto;
}

.single .single-content>h5 {
	margin-top: 40px;
	margin-bottom: 15px;
}

.single .single-content>p {
	margin-bottom: 15px;
}

.single .single-content img {
	display: block;
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 110px;
	margin-bottom: 80px;
	max-width: 1110px;
}

.single .single-content img.alignright {
	max-width: 500px;
}

.single .navigation {
	text-align: center;
	margin: 40px 0;
}

.single .navigation a {
	padding: 15px 90px;
	position: relative;
}

.single .navigation .previous,
.single .navigation .next,
.single .navigation .archive {
	display: inline-block;
	min-width: 280px;
	margin: 10px 0;
}

.single .navigation .previous a,
.single .navigation .archive:first-child a {
	border-right: 1px solid rgba(0, 0, 0, 0.08);
}

.single .navigation a:before {
	content: "";
	position: absolute;
	width: 5px;
	height: 10px;
	background-repeat: no-repeat;
	top: 50%;
	transform: translate(0, -50%);
}

.single .navigation .previous a:before {
	background-image: url(../images/arrow-left.svg);
	left: 0;
}

.single .navigation .next a:before {
	background-image: url(../images/arrow-right.svg);
	right: 0;
}

#disqus_thread {
	max-width: 540px;
	margin: auto;
	margin-top: 40px;
}

@media (max-width: 400px) {
	.single #hero .cover {
		min-height: 60vh;
		height: unset;
	}
}

/* ----------------------------- */
/* SINGLE PROJECT */
/* ----------------------------- */

.project-template-default .single-content {
	position: relative;
	padding-left: 180px;
}

.project-template-default .single-content .side-menu {
	position: absolute;
	left: 120px;
	background-color: #f3f5f6;
	max-width: 280px;
	padding: 45px 65px 45px 35px;
	border-radius: 8px;
}

.project-template-default .single-content .side-menu ul {
	list-style: none;
	margin-bottom: 25px;
}

.project-template-default .single-content .side-menu .menu-title {
	font-size: 16px;
}

.project-template-default .single-content .side-menu .pro-title {
	padding-top: 30px;
	font-size: 16px;
}

.project-template-default #hero .cover__text p {
	font-size: 16px;
	line-height: 1.5em;
}

.project-template-default .single-content img {
	max-width: 690px;
}

@media (max-width: 1400px) {
	.project-template-default .single-content .side-menu {
		left: 20px;
	}

	.project-template-default .single-content {
		padding-left: 280px;
	}
}

@media (max-width: 1100px) {
	.project-template-default .single-content .side-menu {
		max-width: 200px;
		padding: 45px 35px 45px;
	}

	.project-template-default .single-content .side-menu .btn {
		min-width: unset;
		font-size: 14px;
	}
}

@media (max-width: 767px) {
	.project-template-default .single-content .side-menu {
		display: none;
	}

	.project-template-default .single-content {
		padding-left: 0;
	}
}

/* ----------------------------- */
/* CONTACT PAGE */
/* ----------------------------- */

.page-template-contact-template iframe {
	width: 100% !important;
}

#gform_wrapper_1 {
	margin: auto;
	max-width: 560px;
	margin-top: 45px;
	margin-bottom: 20px;
	padding: 0 20px;
}

.gform_wrapper .gform_footer {
	text-align: center;
}

#gform_submit_button_1 {
	border: 2px solid #828286;
	border-radius: 4px;
	color: #828286;
	background-color: transparent;
	min-width: 218px;
	min-height: 56px;
	margin: 0;
	text-transform: uppercase;
}

#gform_wrapper_1 input[type="email"],
#gform_wrapper_1 input[type="text"],
#gform_wrapper_1 textarea,
#gform_wrapper_1 select {
	border: none;
	background: #ebebeb;
	color: rgba(49, 62, 78, 1);
	padding-left: 25px;
	min-height: 48px;
}

#gform_wrapper_1 textarea {
	padding-top: 18px;
	min-height: 155px;
}

#gform_wrapper_1 input::placeholder,
#gform_wrapper_1 textarea::placeholder,
#gform_wrapper_1 option {
	color: rgba(49, 62, 78, 0.4);
}

#gform_wrapper_1 label {
	font-size: 14px;
	color: #313e4e;
	font-weight: normal;
	margin-bottom: 7px;
}

#gform_wrapper_1 .ginput_container {
	margin: 0;
}

#gform_wrapper_1 ul li.gfield {
	margin-top: 7px;
}

.page-template-contact-template .form p {
	max-width: 560px;
	padding: 0 20px;
	margin: auto;
	font-size: 14px;
	color: rgba(49, 62, 78, 0.4);
}

/* ----------------------------- */
/* OUR WORK TEMPLATE */
/* ----------------------------- */

.portfolio {
	padding: 80px 5px 30px;
}

.portfolio h2 {
	margin-bottom: 15px;
}

.portfolio-block {
	display: flex;
	flex-wrap: wrap;
	max-width: 1170px;
	margin: auto;
}

.portfolio-block>div {
	flex: calc(100% / 3 - 30px);
	min-height: 35vh;
	background-size: cover !important;
	background-position: center;
	margin: 15px;
	position: relative;
}

.portfolio-block>div:hover {
	transform: translateY(-5px);
}

.portfolio-block>div .content {
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
	flex-direction: column;
	transition: all 0.4s ease-in-out 0s;
}

.portfolio-block>div .content h2 {
	color: #ffff;
	text-align: center;
	margin-bottom: 18px;
}

.portfolio-block>div .content span {
	color: #ffff;
	text-align: center;
	font-size: 14px;
}

@media (max-width: 998px) {
	.portfolio {
		padding: 80px 15px 30px;
	}

	.portfolio-block>div {
		flex: calc(100% / 3 - 10px);
		min-height: 41vh;
		margin: 5px;
	}
}

@media (max-width: 850px) {
	.portfolio-block>div {
		flex: calc(100% / 2 - 10px);
	}
}

@media (max-width: 768px) {
	.portfolio-block>div .btn {
		padding: 12px 18px;
	}
}

@media (max-width: 650px) {
	.portfolio-block>div {
		flex: calc(100% - 10px);
	}
}

.case-study {
	padding: 80px 5px 30px;
}

.case-study h2 {
	margin-bottom: 15px;
}

.case-study-block {
	display: flex;
	flex-wrap: wrap;
	max-width: 1170px;
	margin: auto;
}

.case-study-block>div {
	flex: calc(100% / 2 - 30px);
	min-height: 75vh;
	background-size: cover;
	background-position: center;
	margin: 15px;
}

.case-study-block>div .content {
	padding: 10px;
	opacity: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
	flex-direction: column;
	background-color: rgba(49, 62, 78, 0.9);
	transition: all 0.4s ease-in-out 0s;
}

.case-study-block>div .content h2 {
	color: #ffff;
	margin-bottom: 95px;
	text-align: center;
}

.case-study-block>div .content a {
	min-width: 178px;
	min-height: 48px;
	background-color: #ffff;
	color: #313e4e;
	border-radius: 4px;
	text-transform: capitalize;
	padding: 8px 18px;
}

.case-study-block>div .content:hover {
	opacity: 1;
}

@media (max-width: 1150px) {
	.case-study {
		padding: 80px 15px 30px;
	}

	.case-study h2 {
		margin-bottom: 25px;
	}

	.case-study-block>div {
		flex: calc(100% / 2 - 10px);
		min-height: 60vh;
		margin: 5px;
	}
}

@media (max-width: 850px) {
	.case-study-block>div {
		min-height: 40vh;
	}
}

@media (max-width: 767px) {
	.case-study-block>div .content a {
		min-width: 150px;
		min-height: 40px;
		padding: 12px 18px;
	}
}

@media (max-width: 650px) {
	.case-study-block>div {
		flex: calc(100% - 10px);
	}
}

/* ----------------------------- */
/* CONTENT BLOCK */
/* ----------------------------- */

.content-block {
	max-width: 740px;
	margin: auto;
}

/* ----------------------------- */
/* ARTICLE BLOCK */
/* ----------------------------- */

.article-block {
	max-width: 695px;
	background-color: #f3f5f6;
	padding: 40px 52px 30px;
	margin: 40px auto;
	border-radius: 8px;
}

.article-block h4 {
	margin: 0px 8px 10px;
}

.article-block ul,
.article-block li {
	list-style: none;
	display: inline-block;
}

.article-block ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}

.article-block li {
	flex: 1;
	margin: 0 8px;
	max-width: 180px;
}

.article-block li>.img {
	min-height: 100px;
	background-size: cover;
}

.article-block li>.img>div {
	min-height: 100px;
	min-width: 180px;
	background-size: cover;
	margin-bottom: 15px;
}

@media (max-width: 750px) {
	.article-block h4 {
		text-align: center;
	}

	.article-block ul {
		justify-content: center;
	}
}

/* ----------------------------- */
/* QUOTE BOX */
/* ----------------------------- */

.quote-box>a {
	max-width: 695px;
	display: block;
	margin: 40px auto 50px;
}

.quote-box .box {
	max-width: 695px;
	background-color: #f3f5f6;
	padding: 40px 52px 30px;
	margin: 40px auto 50px;
	border-radius: 8px;
	font-size: 24px;
	font-style: italic;
	color: rgba(49, 62, 78, 0.8);
}

.quote-box .box.tweet {
	max-width: unset;
	background-color: #ffffff;
	margin: unset;
	border: 2px solid #f3f5f6;
	border-radius: 8px;
}

.quote-box .box.tweet:hover {
	border: 2px solid #368db1;
}

.quote-box .box.tweet>span {
	display: block;
	font-style: normal;
	text-transform: uppercase;
	color: rgb(49, 62, 78);
}

@media (max-width: 767px) {
	.quote-box .box {
		font-size: 20px;
	}
}

/* ----------------------------- */
/* PILLAR PAGES */
/* ----------------------------- */

.pillar-content {
	position: relative;
	padding: 60px 20px 130px;
	padding-left: 180px;
}

.pillar-content .side-nav {
	position: absolute;
	left: 120px;
	background-color: #f3f5f6;
	max-width: 280px;
	padding: 45px 65px 45px 35px;
	border-radius: 8px;
}

.pillar-content .side-nav.fixTop {
	position: fixed;
	top: 80px;
}

.pillar-content .side-nav ul {
	list-style: none;
}

.pillar-content .content-block h2 {
	margin-bottom: 40px;
}

.pillar-content .content-block h5 {
	margin-bottom: 15px;
}

.pillar-content .content-block p {
	margin-bottom: 15px;
}

.image-pillar {
	min-height: 390px;
	max-width: 690px;
	margin: 40px auto 50px;
}

.image-pillar>div {
	min-height: 390px;
	max-width: 690px;
	background-size: cover;
	background-position: center;
}

@media (max-width: 1400px) {
	.pillar-content .side-nav {
		left: 20px;
	}

	.pillar-content {
		padding-left: 280px;
	}
}

@media (max-width: 1100px) {
	.pillar-content .side-nav {
		max-width: 200px;
		padding: 45px 35px 45px;
	}
}

@media (max-width: 767px) {
	.pillar-content .side-nav {
		display: none;
	}

	.pillar-content {
		padding-left: 20px;
	}
}

/* ----------------------------- */
/* PROGRESS BAR */
/* ----------------------------- */

#progress-bar {
	position: fixed;
	top: 0;
	height: 3px;
	z-index: 3;
	width: 100%;
	background-color: #fff;
}

#progress-bar .bar {
	height: 3px;
	width: 0%;
	background-color: #368db1;
}

/* ----------------------------- */
/* TILES */
/* ----------------------------- */

#tiles {
	margin: 40px auto 40px;
	padding: 0 20px;
}

#tiles .tile {
	min-height: 300px;
}

#tiles .tile .tile__text {
	padding: 20px;
}

#tiles .tile .tile__text h4 {
	font-family: "Poppins", sans-serif;
}

@media (max-width: 767px) {
	#tiles {
		margin: unset;
		margin-bottom: 0px;
		padding: 0;
	}

	#tiles .tile {
		margin-bottom: 10px;
	}
}

/* ----------------------------- */
/* AUTHOR */
/* ----------------------------- */

.author #hero h1 {
	text-align: center;
}

.author .profile {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 1140px;
	margin: auto;
	padding: 60px 20px;
}

.author .profile .content {
	padding-top: 20px;
}

.author .profile-img {
	width: 100%;
	height: 100%;
	margin-right: 60px;
}

.author .profile-img>img {
	border-radius: 50%;
	/* margin-right: 60px; */
	/* width: 256px; */
	/* height: 256px; */
	min-width: 256px;
	min-height: 256px;
	height: auto;
}

.author #ajax-load-more,
.search #ajax-load-more {
	display: block;
	width: 100%;
}

@media (max-width: 767px) {
	.author .profile {
		flex-wrap: wrap;
	}

	.author .profile {
		padding-bottom: 0px;
	}

	/* .author .profile-img > img { */
	.author .profile-img {
		margin-right: 0px;
	}
}

/* ----------------------------- */
/* TEAM PAGE */
/* ----------------------------- */

.team .cards-layout {
	margin-top: 100px;
	display: flex;
}

.team .cards-layout .card {
	padding-top: 6px;
	text-align: center;
	border-radius: 8px;
}

.team .cards-layout .card .image {
	height: 180px;
	max-width: 180px;
	border-radius: 50%;
	margin: auto;
	background-position: top;
	background-size: cover;
}

.team .cards-layout .card a {
	display: unset;
	padding: 0;
}

.team .cards-layout .card p {
	margin-top: 45px;
}

.team .cards-layout .card h4 {}

.team .cards-layout .card span {
	color: #0065f2;
}

/* ----------------------------- */
/* BLOG SEARCH */
/* ----------------------------- */

.searchandfilter>div {
	text-align: center;
	margin: 0 20px;
	margin-top: 60px;
}

.searchandfilter>div>ul {
	margin: 0;
}

.searchandfilter>div>ul>li input,
.searchandfilter>div>ul>li select {
	min-width: 200px;
	border: 1px solid #d1d1d1;
	border-radius: 4px;
	background-color: rgba(9, 19, 33, 0.06);
}

.searchandfilter>div>ul>li input:focus,
.searchandfilter>div>ul>li input:placeholder,
.searchandfilter>div>ul>li select:focus {
	color: #313e4e;
	background-color: rgba(9, 19, 33, 0.06);
}

input:-internal-autofill-previewed,
input:-internal-autofill-selected,
textarea:-internal-autofill-previewed,
textarea:-internal-autofill-selected,
select:-internal-autofill-previewed,
select:-internal-autofill-selected {
	background-color: rgba(9, 19, 33, 0.06) !important;
	background-image: none !important;
	color: #313e4e !important;
}

.searchandfilter>div>ul>li input[type="submit"] {
	background-image: url(../images/search.svg);
	background-size: contain;
	height: 20px;
	width: 20px;
	background-repeat: no-repeat;
	min-width: unset;
	border: none;
	background-color: transparent;
	color: transparent;
	cursor: pointer;
}

/* ----------------------------- */
/* GERMAN TRANSLATIONS */
/* ----------------------------- */

.h-de,
.btn-de {
	text-transform: none;
}

/* ----------------------------- */
/* PRE LOADER */
/* ----------------------------- */

#loader {
	position: fixed;
	background-color: #fff;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 4;
}

#loader>.shell {
	position: absolute;
	bottom: -155px;
	left: 50%;
	bottom: 50%;
	transform: translate(-50%, 50%);
	height: 200px;
	width: 200px;
}

#loader>.shell>.icon {
	background: url(../images/shell-solid.svg);
	background-repeat: no-repeat;
	background-size: contain;
	transform-origin: bottom;
}

#loader>.shell .icon:first-child {
	transform: scale(0.5);
	opacity: 1;
	animation: loadone 1.2s linear 0s infinite;
}

#loader>.shell .icon:nth-child(2) {
	transform: scale(0.75);
	opacity: 0.7;
	animation: loadtwo 1.2s linear 0s infinite;
}

#loader>.shell .icon:last-child {
	transform: scale(1);
	opacity: 0.2;
	animation: loadthree 1.2s linear 0s infinite;
}

/* ----------------------------- */
/* HOTEL TECH HEADER */
/* ----------------------------- */

.hoteltec {
	display: block;
	min-width: 305px;
	text-transform: uppercase;
	padding-left: 8%;
}

.hoteltec p {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}

.hoteltec .star {
	width: 15px;
	margin-bottom: 3px;
}

.hoteltec .tech-logo {
	margin-left: 8px;
	width: 130px;
}

@media (max-width: 1280px) {
	.hoteltec {
		min-width: 315px;
		padding-left: 15%;
	}
}

@media (max-width: 1180px) {
	.hoteltec {
		min-width: 280px;
		padding-left: 8%;
	}
}

@media (max-width: 1150px) {
	.hoteltec {
		min-width: 140px;
		padding-left: 20px;
	}

	.hoteltec p {
		display: none;
	}

	.hotel-tech .star {
		width: 12px;
	}

	.hoteltec .tech-logo {
		width: 110px;
		margin-left: 0px;
		display: block;
	}
}

@media (max-width: 800px) {
	.hoteltec {
		display: none;
	}
}

/* ----------------------------- */
/* SINGLE PROJECT */
/* ----------------------------- */

.single-project .cta-form {
	/* background: linear-gradient(
    #008bd0 0%,
    #0194d4 10%,
    #149dd7 20%,
    #28a6db 30%,
    #3bafdf 40%,
    #4eb8e2 50%,
    #61c2e6 60%,
    #73cbe9 70%,
    #85d5ed 80%,
    #96ddf0 90%,
    #a4e5f3 100%
  ); */
	/* updated gradient 2022 */
	background: linear-gradient(130deg,
			rgba(29, 36, 45, 1) 0%,
			rgba(49, 62, 78, 1) 48%,
			rgba(65, 91, 124, 1) 100%);
	max-width: 740px;
	margin: auto;
	padding: 20px;
	border-radius: 4px;
	margin-top: 32px;
}

.single-project .cta-form .pro-title {
	color: #fff !important;
}

/* ------------------------- */
/* FEATURES LIST */
/* ------------------------- */
.features-list {
	max-width: 100%;
	margin: auto;
	margin-bottom: 40px;
	padding: 60px 0px;
}

.features-list>div {
	max-width: 1173px;
	margin: 0 auto;
}

.features-list>div .ft-list {
	width: 100%;
	display: flex;
}

.features-list>div .ft-list ul {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	margin: 20px auto;
	justify-content: space-between;
}

@media only screen and (max-width: 768px) {
	.features-list>div .ft-list ul {
		flex-direction: column;
		padding: 0 20px;
	}
}

.features-list>div .ft-list ul li {
	margin: 0px 10px;
	width: calc(33% - 20px);
	display: flex;
	justify-content: space-between;
}

@media only screen and (max-width: 992px) {
	.features-list>div .ft-list ul li {
		margin: 0px 20px;
		width: calc(50% - 40px);
	}
}

@media only screen and (max-width: 768px) {
	.features-list>div .ft-list ul li {
		flex-direction: row;
		text-align: center;
		margin: 0;
		width: 100%;
		justify-content: flex-start;
	}
}

.features-list>div .ft-list ul li .image {
	display: flex;
	justify-content: center;
	align-items: baseline;
	width: 50px;
	height: auto;
	object-fit: contain;
}

@media only screen and (max-width: 768px) {
	.features-list>div .ft-list ul li .image {
		height: 75px;
		max-width: 80px;
	}
}

.features-list>div .ft-list ul li .image img {
	width: inherit;
	height: inherit;
	opacity: 40%;
}

.features-list>div .ft-list ul li .content {
	margin: 0 0 24px 15px;
}

.features-list>div .ft-list ul li .content:last-child {
	margin: 0 0 0 15px;
}

@media only screen and (max-width: 768px) {
	.features-list>div .ft-list ul li .content {
		margin-right: 8px;
	}
}

.features-list>div .ft-list ul li .content h4 {
	color: #303b2b;
	margin-bottom: 8px;
}

@media only screen and (max-width: 768px) {
	.features-list>div .ft-list ul li .content h4 {
		text-align: left;
	}
}

.features-list>div .ft-list ul li .content p {
	color: #3d4146;
	margin-top: 8px;
}

@media only screen and (max-width: 768px) {
	.features-list>div .ft-list ul li .content p {
		margin-top: 4px;
		text-align: left;
	}
}

.features-list>div .ft-list ul li .content ul {
	font-family: "rival-sans";
	font-size: 1.125rem;
	line-height: 160%;
	font-weight: 300;
	letter-spacing: 0;
	list-style-position: inside;
}

/* ----------------------------- */
/* ROTATING CARDS */
/* ----------------------------- */
.rotating-cards {
	justify-content: center;
	flex-flow: nowrap;
	max-width: 100%;
}

.rotating-cards .col-33 {
	margin: 35px auto 20px;
}

.rotating-cards .col-33 .card {
	margin-bottom: 0;
	margin-left: 22px;
	position: relative;
}

.rotating-cards .col-33 .card .dots {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	margin-left: -18px;
	margin-top: -18px;
}

.rotating-cards .col-33 .card .dots p mark {
	display: block;
	border-radius: 30px;
	padding: 0 5px 0 4px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	position: relative;
	background-color: #313e4e;
	color: #ffffff;
	box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.16);
	font-style: normal;
	font-size: 18px;
	font-weight: bold;
}

.card__copy span {
	font-size: 13px;
}

.card__copy .card-subtitle {
	margin-bottom: 10px;
	font-family: "Poppins";
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 13px;
	margin-top: 20px;
	color: #eccd75;
}

.rotating-cards .col-33 .card div {
	display: flex;
	flex-direction: column;
	padding: 25px 30px;
	justify-content: center;
}

.rotating-cards .col-33 .card div .card__copy {
	padding: 0;
	text-align: center;
	min-height: 85px;
}

.rotating-cards .col-33 .card div .card__copy p {
	margin-bottom: 10px;
}

.rotating-cards .col-33 .card div .card__copy h4 {
	text-transform: capitalize;
	margin-bottom: 35px;
	text-align: left;
	padding: 0 15px;
}

.rotating-cards .col-33 {
	min-width: 350px;
	max-width: 350px;
	display: flex;
	flex-direction: column;
	flex: 1 1 350px;
}

.rotating-cards .col-33 .card {
	height: 100%;
}

.rotating-cards .col-33 .card div {
	height: fit-content;
	min-height: 100%;
	justify-content: flex-start;
}

.rotating-cards .col-33 .card div .card__copy .card-list {
	width: 100%;
	display: block;
	padding: 0;
	margin-top: -15px;
}

.rotating-cards .col-33 .card div .card__copy .card-list ul {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	flex-direction: column;
}

.rotating-cards .col-33 .card div .card__copy .card-list ul li {
	width: 100%;
	display: flex;
	padding: 0 0 0 20px;
	align-items: center;
}

.rotating-cards .col-33 .card div .card__copy .card-list ul li .icon {
	height: 32px;
	min-width: 32px;
	max-width: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 17px 0;
	margin: 0 10px 0 0px;
}

/* Rotating Cards with link */
.rotating-cards .col-33 .rotating-card_link:hover {
	transform: translateY(-5px);
}

.rotating-cards .col-33 .rotating-card_link a:hover {
	color: unset;
}
.rotating-cards .col-33 .rotating-card_link .card__copy a span {
	color: #313e4e;
	margin-bottom: 10px;
	font-family: "Poppins", sans-serif;
	text-transform: uppercase;
	font-size: 13px;
}

@media only screen and (max-width: 768px) {
	.rotating-cards .col-33 .card div .card__copy .card-list ul li .icon {
		margin-right: 8px;
	}
}

.rotating-cards .col-33 .card div .card__copy .card-list ul li .content {
	padding: 0;
	text-align: left;
}

.rotating-cards .col-33 .card div .card__copy .card-list ul li .content p {
	margin-bottom: 2px;
}

@media only screen and (max-width: 768px) {
	.rotating-cards .col-33 .card div .card__copy .card-list ul li .content p {
		text-align: left;
	}
}

.slick-dots li button:before {
	font-size: 10px !important;
}

.slick-dots li.slick-active button:before {
	color: #368db1 !important;
	opacity: 1;
}

.slick-slide div {
	height: 90%;
}

.slick-dotted.slick-slider {
	margin-bottom: 70px !important;
}

.slick-list {
	padding: 0 20% 0 15% !important;
}

@media only screen and (max-width: 768px) {
	.slick-list {
		padding: 0 !important;
	}
}

/* Cookiebot */

div#CybotCookiebotDialog {
	border: none !important;
	border-radius: 0px !important;
	box-shadow: 0 0 20px rgb(0 0 0 / 10%) !important;
}

#CybotCookiebotDialogPoweredbyImage {
	margin-top: 10px !important;
}

div#CybotCookiebotDialogBodyContent {
	padding: 25px !important;
	margin-top: 10px;
}

div#CybotCookiebotDialog,
#CybotCookiebotDialogBodyContentControls,
h2#CybotCookiebotDialogBodyContentTitle {
	font-family: "Tenor Sans", sans-serif !important;
	color: #313e4e !important;
	line-height: 1.6 !important;
}

h2#CybotCookiebotDialogBodyContentTitle {
	font-family: "Tenor Sans", sans-serif !important;
	font-size: 24px !important;
}

#CybotCookiebotDialog a,
#CybotCookiebotDialog div,
#CybotCookiebotDialogBodyContentControls,
#CybotCookiebotDialogBodyContentTitle {
	font-family: "Nunito", sans-serif !important;
	font-size: 14px !important;
	font-weight: normal !important;
	line-height: 125% !important;
}

div#CybotCookiebotDialogBodyContentText {
	font-size: 12px !important;
	font-family: "Nunito", sans-serif !important;
	line-height: 1.5 !important;
}

#CybotCookiebotDialogBodyButtons {
	margin-bottom: 26px !important;
}

#CybotCookiebotDialogBodyButtonAccept {
	display: inline-block;
	border-radius: 4px;
	text-align: center;
	background: transparent;
	min-width: 150px;
	min-height: 20px;
	padding: 9px 18px;
	color: #fff !important;
	text-transform: uppercase !important;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4;
	transition: all 0.4s;
	font-size: 16px;
	font-family: "Poppins", sans-serif !important;
}

#CybotCookiebotDialogBodyButtonAccept:hover {
	background-color: rgba(9, 19, 33, 0.06) !important;
	color: #000 !important;
	border: 1px solid rgba(9, 19, 33, 0.06) !important;
}

#CybotCookiebotDialogBodyButtonDetails {
	font-size: 14px !important;
	font-family: "Poppins", sans-serif !important;
	border: none;
	background-color: rgba(9, 19, 33, 0.06);
	padding: 10px 20px !important;
	margin-right: 62px !important;
	color: #313e4e;
	display: inline-block;
	border-radius: 4px;
	text-align: center !important;
	min-width: 150px;
	min-height: 20px;
	color: #000 !important;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4;
	transition: all 0.4s;
	background-image: none !important;
}

#CybotCookiebotDialogBodyButtonDetails:hover {
	background-color: #00acf2 !important;
	color: #fff !important;
	text-decoration: none !important;
}

#CybotCookiebotDialogDetailBodyContentTabs a {
	font-size: 10.5pt;
	border-radius: 4px 4px 0 0;
}

#CybotCookiebotDialogDetailBodyContentCookieContainer {
	font-size: 12px !important;
}

.CybotCookiebotDialogDetailBodyContentTabsItem {
	background-color: rgba(9, 19, 33, 0.06) !important;
}

#CybotCookiebotDialogDetailBodyContentTabs a.CybotCookiebotDialogDetailBodyContentTabsItem:focus,
#CybotCookiebotDialogDetailBodyContentTabs a.CybotCookiebotDialogDetailBodyContentTabsItem:hover {
	background-color: #00acf2 !important;
	color: #fff !important;
	/* 	border: 1px solid #00ACF2!important; */
}



/* ------------------------------------------------------------------------- *
/* GRID */
/* ------------------------------------------------------------------------- */

.image-loop {
	/* margin-bottom: 80px; */
	padding: 60px 150px;
}

@media (max-width: 992px) {
	.image-loop {
		/* margin-bottom: 80px; */
		padding: 60px 40px;
	}
}

.image-loop .title {
	text-align: center;
}

.image-loop .block {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: repeat(8, 5vw);
	grid-gap: 8px;
	margin: 8px 0;
}

@media (max-width: 767px) {
	.image-loop .block {
		display: flex;
		flex-wrap: wrap;
	}
}

.image-loop .block.by-1,
.image-loop .block.by-2 {
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: repeat(5, 5vw);
}

.image-loop .block.by-1 article:first-child,
.image-loop .block.by-2 article:first-child {
	grid-column-start: 1;
	grid-column-end: 7;
	grid-row-start: 1;
	grid-row-end: 6;
}

.image-loop .block.by-1 article:nth-child(2),
.image-loop .block.by-2 article:nth-child(2) {
	grid-column-start: 7;
	grid-column-end: 13;
	grid-row-start: 1;
	grid-row-end: 6;
}

@media (max-width: 767px) {
	.image-loop .block.by-1 article {
		width: calc(100% - 16px);
	}
}

.image-loop .block.by-3 article:first-child,
.image-loop .block.by-4 article:first-child {
	grid-column-start: 1;
	grid-column-end: 6;
	grid-row-start: 1;
	grid-row-end: 9;
}

.image-loop .block.by-3 article:nth-child(2),
.image-loop .block.by-4 article:nth-child(2) {
	grid-column-start: 6;
	grid-column-end: 10;
	grid-row-start: 1;
	grid-row-end: 5;
}

.image-loop .block.by-3 article:nth-child(3),
.image-loop .block.by-4 article:nth-child(3) {
	grid-column-start: 6;
	grid-column-end: 10;
	grid-row-start: 5;
	grid-row-end: 9;
}

.image-loop .block.by-3 article:nth-child(4),
.image-loop .block.by-4 article:nth-child(4) {
	grid-column-start: 10;
	grid-column-end: 13;
	grid-row-start: 1;
	grid-row-end: 9;
}

@media (max-width: 767px) {
	.image-loop .block.by-3 article:nth-child(3) {
		width: calc(100% - 16px);
	}
}

.image-loop .block.by-5 article:first-child {
	grid-column-start: 1;
	grid-column-end: 5;
	grid-row-start: 1;
	grid-row-end: 9;
}

.image-loop .block.by-5 article:nth-child(2) {
	grid-column-start: 5;
	grid-column-end: 8;
	grid-row-start: 1;
	grid-row-end: 5;
}

.image-loop .block.by-5 article:nth-child(3) {
	grid-column-start: 5;
	grid-column-end: 9;
	grid-row-start: 5;
	grid-row-end: 9;
}

.image-loop .block.by-5 article:nth-child(4) {
	grid-column-start: 8;
	grid-column-end: 13;
	grid-row-start: 1;
	grid-row-end: 5;
}

.image-loop .block.by-5 article:nth-child(5) {
	grid-column-start: 9;
	grid-column-end: 13;
	grid-row-start: 5;
	grid-row-end: 9;
}

@media (max-width: 767px) {
	.image-loop .block.by-5 article:nth-child(5) {
		width: calc(100% - 8px);
	}
}

@media (max-width: 767px) {
	.image-loop .block article {
		width: calc(50% - 8px);
		min-height: 350px;
		margin: 4px;
	}
}

@media (max-width: 575px) {
	.image-loop .block article {
		width: calc(100% - 8px);
		min-height: 300px;
	}
}

.image-loop .block article .grid-tile,
.image-loop .block article .property-content {
	position: relative;
	background-position: center;
	background-size: cover;
	display: block;
	height: 100%;
	width: 100%;
}

.image-loop .block article .grid-tile .overlay,
.image-loop .block article .property-content .overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	padding: 2rem;
	transition: 0.5s ease;
	background-color: rgba(0, 0, 0, 0.6);
	color: #e9e2de;
}

@media (max-width: 767px) {

	.image-loop .block article .grid-tile .overlay,
	.image-loop .block article .property-content .overlay {
		background-color: rgba(0, 0, 0, 0.4);
		opacity: 1;
	}
}

.image-loop .block article .grid-tile .overlay h2,
.image-loop .block article .property-content .overlay h2 {
	margin: 0;
	letter-spacing: 2px;
	font-size: 1.5rem;
	font-weight: 100;
	text-transform: uppercase;
}

.image-loop .block article .grid-tile .overlay p,
.image-loop .block article .property-content .overlay p {
	margin: 8px 0;
	letter-spacing: 1px;
}

@media (max-width: 1400px) {

	.image-loop .block article .grid-tile .overlay p,
	.image-loop .block article .property-content .overlay p {
		margin: 4px 0;
	}
}

.image-loop .block article .grid-tile .overlay .btn,
.image-loop .block article .property-content .overlay .btn {
	color: #e9e2de;
	border-color: #e9e2de;
	padding: 0.25rem;
	min-width: 150px;
	min-height: 0;
}

.image-loop .block article .grid-tile .overlay .btn:hover,
.image-loop .block article .property-content .overlay .btn:hover {
	color: #e9e2de;
	border-color: #e9e2de;
	background-color: transparent;
}

@media (max-width: 1400px) {

	.image-loop .block article .grid-tile .overlay .btn,
	.image-loop .block article .property-content .overlay .btn {
		margin: 4px 0;
	}
}

@media (max-width: 1200px) {

	.image-loop .block article .grid-tile .overlay .btn,
	.image-loop .block article .property-content .overlay .btn {
		min-width: 150px;
		min-height: 35px;
		padding: 0.2rem 1rem;
	}
}

.image-loop .block article .grid-tile:hover .overlay,
.image-loop .block article .property-content:hover .overlay {
	opacity: 1;
}

.image-loop .block article .grid-tile:active .overlay,
.image-loop .block article .property-content:active .overlay {
	opacity: 1;
}