/* POB 11.04.2022 - 14:02 */

::selection {
	/* background: #ffdd6a; */
}
a {
	transition: all 0.2s;
}
a:focus, a:hover {
	text-decoration: none;
}
.fg-paragraph p {
	margin-bottom: 15px;
}
.fg-paragraph a {
	font-weight: 300;
}
.fg-paragraph.black-link-black a {
	color: #000000 !important;
}
.fg-paragraph.black-link-black a:hover {
	color: #a8153f !important;
}
.fg-paragraph.red-link-red a {
	color: #a8153f !important;
}
.fg-paragraph.red-link-red a:hover {
	color: #a8153f !important;
}
.fg-paragraph.black-link-red a {
	color: #a8153f !important;
}
.fg-paragraph.black-link-red a:hover {
	color: rgba(168, 21, 63, 0.73) !important;
}
h1 > p, h2 > p, h3 > p, h4 > p {
	margin: 0;
}
.fg-paragraph strong {
	font-weight: 500 !important;
}

/* lightbox */
.mfp-iframe-scaler {
	/* padding-top: 10vw; */
}
.mfp-iframe-holder .mfp-content {
	min-height: 86vh;
}
.mfp-iframe-scaler iframe {
	background-color: #ffffff;
}
.mfp-iframe-holder .mfp-close {
	top: 10px;
	right: 10px;
	border-radius: 0;
	opacity: 1;
	background: none;	
	width: 32px;
	height: 32px;
	font-size: 40px;
	line-height: 0.85;
	color: #000000;
}

/* Decoration / No Decoration in Lightbox iFrame */
body.no-decoration .ark-header, body.no-decoration .footer-container, body.no-decoration #footer, body.no-decoration #footer-map, body.no-decoration.page .page-wrapper .fg-container-no-padding, body.no-decoration.single-portfolio .page-wrapper .fg-container-no-padding, body.no-decoration .menu-top-menu-container, body.no-decoration .titlebar, body.no-decoration .contact-sidenav {
	display: none;
}
.ark-header, footer-container, #footer, .page .page-wrapper .fg-container-no-padding, .single-portfolio .page-wrapper .fg-container-no-padding, .menu-top-menu-container, .titlebar, .contact-sidenav {
	visibility: hidden;
}
body.decoration .ark-header, body.decoration .footer-container, body.decoration #footer, body.no-decoration #footer-map, body.decoration.page .page-wrapper .fg-container-no-padding, body.decoration.single-portfolio .page-wrapper .fg-container-no-padding, body.decoration .menu-top-menu-container, body.decoration .titlebar, body.decoration .contact-sidenav {
	visibility: visible;
}

/* Header Image and Text */
.header-large {
	height: 38.5vw;
	max-height: 700px;
	min-height: 450px;
}
.header-medium {
    height: 20vw;
	
	/* to position header text */
	/* display: flex; */
    /* align-items: flex-end; */
}
/* .header-small { */
    /* height: 35vw; */
/* } */
.header-large .header-text {
	margin-top: 3vw;
}
/* .header-medium .header-text { */
	/* margin-top: 15vw; */
/* } */
/* .header-small .header-text { */
	/* margin-top: 10vw; */
/* } */
.header-large .header-text p {
	font-size: 38px;
}
/* .header-medium .header-text p { */
	/* font-size: 62px; */
	/* line-height: 1.15; */
/* } */
/* .header-small .header-text p { */
	/* font-size: 55px; */
	/* line-height: 1.15; */
/* } */

/* polygons for right aligned text */
.header-text p {
	margin: 0;
	line-height: 1.4;
	
	-webkit-clip-path: polygon(100% 80%, 100% 100%, 0 100%, 0 0);
	clip-path: polygon(100% 80%, 100% 100%, 0 100%, 0 0);
	transform: translateY(-50px);
	opacity: 0;
	animation-name: titleAnimation;
	animation-timing-function:ease;
	animation-duration: 3.5s;
	-webkit-animation-fill-mode: forwards;
}
.header-text p:nth-child(1){
  animation-delay: 1.7s;
}
.header-text p:nth-child(2){
  animation-delay: 1.6s;
}
.header-text p:nth-child(3){
  animation-delay: 1.5s;
}
.header-text p:nth-child(4){
  animation-delay: 1.4s;
}
@keyframes titleAnimation {
    0% {
      transform: translateY(-50px);
      opacity: 0;
      -webkit-clip-path: polygon(100% 80%, 100% 100%, 0 100%, 0 0);
      clip-path: polygon(100% 80%, 100% 100%, 0 100%, 0 0);
  }
  20% {
      transform: translateY(0);
      opacity: 1;
      -webkit-clip-path: polygon(100% 20%, 100% 100%, 0 100%, 0 0);
      clip-path: polygon(100% 20%, 100% 100%, 0 100%, 0 0);
  }
  100% {
       transform: translateY(0);
       opacity: 1;
      -webkit-clip-path: polygon(100% 20%, 100% 100%, 0 100%, 0 0);
      clip-path: polygon(100% 20%, 100% 100%, 0 100%, 0 0);
  }
}

.display-flex-wrap {
	display: flex;
	flex-wrap: wrap;
}
.display-flex-center {
	display: flex;
	align-items: center;
}
.display-flex-wrap-bottom {
	display: flex;
	align-items: end;
	flex-wrap: wrap;
}

.image-full-width {
	/* height: 24vw; */
	/* max-height: 560px; */
}

/* 100% = browser width without scrollbars */
.column-left-indented-to-content {
	padding-right: 0;
}
.column-left-indented-to-content.col-lg-4 {
	padding-left: calc((100% - 1170px) / 2);
	width: calc(390px + (100% - 1170px) / 2);
}
.column-left-indented-to-content.col-lg-6 {
	padding-left: calc((100% - 1170px) / 2);
	width: calc(585px + (100% - 1170px) / 2);
}
.column-left-indented-to-content.col-lg-8 {
	padding-left: calc((100% - 1170px) / 2);
	width: calc(780px + (100% - 1170px) / 2);
}
.column-left-indented-to-content.col-lg-12 {
	padding-left: 0;
	width: 100%;
}
.column-right-indented-to-content {
	padding-left: 0;
}
.column-right-indented-to-content.col-lg-4 {
	padding-right: calc((100% - 1170px) / 2);
	width: calc(390px + (100% - 1170px) / 2);
}
.column-right-indented-to-content.col-lg-6 {
	padding-right: calc((100% - 1170px) / 2);
	width: calc(585px + (100% - 1170px) / 2);
}
.column-right-indented-to-content.col-lg-8 {
	padding-right: calc((100% - 1170px) / 2);
	width: calc(780px + (100% - 1170px) / 2);
}
.column-right-indented-to-content.col-lg-12 {
	padding-right: 0;
	width: 100%;
}

.footer-where-to-find {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	flex-direction: column;
	display: flex;
	justify-content: center;
}

#footer a:hover {
	text-decoration: none;
}
#footer .theme-icons-lg {
	padding: 0;
	min-height: auto;
	min-width: auto;
}
.webagency li {
	margin: 0;	
}

.footer-navigation ul {
	margin: 0;
	list-style: none;
	overflow: hidden;
	padding: 0;
}
.footer-navigation li {
	margin-left: 0;
	margin-right: 28px;
	list-style: none;
	float: left;
}

/* fixes lightbox more than 100% width */
.cbp-popup-wrap {
	width: 100vw;
}

/* Ark Map Element
.ff-map > div {
	pointer-events: all !important;
}
*/
.startpage-box, .startpage-box .fg-col {
	display: flex;
	flex-wrap: wrap;
}
.startpage-box .fg-col {
	/* align-content: space-between; */
}
.startpage-box .fg-heading, .startpage-box .fg-paragraph {
	margin-left: 18px;
	margin-right: 18px;
}
.startpage-box ul {
	padding-left: 0 !important;
}
.startpage-box ul li:before {
	content: "-";
	position: absolute;
	top: 0;
	left: 1px;
}
.startpage-box ul li {
	list-style-type: none;
	display: block;
	position: relative;
	padding-left: 10px;
}
.startpage-box .fg-wrapper {
    display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	/* align-content: stretch; */
}
.startpage-box .fg-wrapper.team-box {
	align-content: start;
}
.startpage-box .fg-wrapper .fg-paragraph {
	width: 100%;
}
.startpage-box .fg-wrapper.team-box .fg-paragraph ul li {
	padding-left: 18px;
}
.startpage-box .fg-wrapper.team-box .fg-paragraph ul li:before {
	content: url('/wp-content/uploads/team-box-arrow-right.png');
	margin-right: 18px;
}
.startpage-box-background-icon {
	position: absolute;
	right: 0;
}

.fg-wrapper.team-box .fg-paragraph li a {
	font-weight: 400;
}
.fg-wrapper.team-box .fg-paragraph p a:before {
	content: url('/wp-content/uploads/team-box-arrow-right.png');
}

.treatment .fg-paragraph p {
	margin-bottom: 6px !important;
}
.treatment .fg-paragraph p, .treatment .fg-paragraph {
	color: #ffffff !important;
}

.benefit .fg-paragraph p {
	margin-bottom: 24px !important;
}
.benefit .fg-paragraph p:last-child {
	margin-bottom: 15px !important;
}

.ff-portfolio-grid .ff-lightbox-icon::before {
	font-size: 33px;
}

/* Tablet (SM) */
@media screen and (min-width: 768px) {
	.custom-map #combinedMap {
		/* min-height: 300px; */
	}
	
}
/* Laptop (MD) */
@media screen and (min-width: 992px) {
	.custom-map #combinedMap {
		/* min-height: 325px; */
	}
}
/* Desktop (LG) */
@media screen and (min-width: 1200px) {
	.webagency {
		float: right;
	}
}
/* Extra Large Additional Media Query  */
@media screen and (min-width: 1650px) {
	.header-large .header-text p {
		font-size: 43px;
	}
    .fg-container-large {
		width: 1370px !important;
	}
	.column-left-indented-to-content.col-lg-4 {
		padding-left: calc((100% - 1370px) / 2);
		width: calc(456.66px + ((100% - 1370px) / 2));
		padding-right: 0;
	}
	.column-left-indented-to-content.col-lg-6 {
		padding-left: calc((100% - 1370px) / 2);
		width: calc(685px + ((100% - 1370px) / 2));
		padding-right: 0;
	}
	.column-left-indented-to-content.col-lg-8 {
		padding-left: calc((100% - 1370px) / 2);
		width: calc(913.33px + ((100% - 1370px) / 2));
		padding-right: 0;
	}
	.column-right-indented-to-content.col-lg-4 {
		padding-right: calc((100% - 1370px) / 2);
		width: calc(456.66px + (100% - 1370px) / 2);
	}
	.column-right-indented-to-content.col-lg-6 {
		padding-right: calc((100% - 1370px) / 2);
		width: calc(685px + (100% - 1370px) / 2);
	}
	.column-right-indented-to-content.col-lg-8 {
		padding-right: calc((100% - 1370px) / 2);
		width: calc(913.33px + (100% - 1370px) / 2);
	}
	/* .image-float-left { */
		/* width: 25% !important; */
	/* } */
	/* .image-float-right { */
		/* width: 25% !important; */
	/* } */
	.mfp-iframe-holder .mfp-content {
		max-width: 1100px;
	}
}
/* Extra Large Additional Media Query  */
@media screen and (min-width: 2000px) {
	.header-large {
		max-height: 800px;
	}
}

/* Laptop (MD)  */
@media screen and (max-width: 1199px) {
	.header-medium {
		height: 25vw;
	}
	.header-large .header-text p {
		font-size: 32px;
	}
	.column-left-indented-to-content.col-md-4 {
		padding-left: calc((100% - 970px) / 2);
		width: calc(323.33px + (100% - 970px) / 2);
	}
	.column-left-indented-to-content.col-md-6 {
		padding-left: calc((100% - 970px) / 2);
		width: calc(485px + (100% - 970px) / 2);
	}
	.column-left-indented-to-content.col-md-8 {
		padding-left: calc((100% - 970px) / 2);
		width: calc(646.66px + (100% - 970px) / 2);
	}
	.column-left-indented-to-content.col-md-12 {
		padding-left: 0;
		width: 100%;
	}
	.column-right-indented-to-content.col-md-4 {
		padding-right: calc((100% - 970px) / 2);
		width: calc(323.33px + (100% - 970px) / 2);
	}
	.column-right-indented-to-content.col-md-6 {
		padding-right: calc((100% - 970px) / 2);
		width: calc(485px + (100% - 970px) / 2);
	}
	.column-right-indented-to-content.col-md-8 {
		padding-right: calc((100% - 970px) / 2);
		width: calc(646.66px + (100% - 970px) / 2);
	}
	.column-right-indented-to-content.col-md-12 {
		padding-right: 0;
		width: 100%;
	}
}
/* Portfolio Medium  */
@media screen and (max-width: 1099px) {
}
/* Tablet (SM) */
@media screen and (max-width: 991px) {
	.header-large {
		height: 48vw;
		max-height: auto !important;
		min-height: auto;
	}
	.header-medium {
		height: 30vw;
	}
	.header-large .header-text p {
		font-size: 32px;
	}
	.column-left-indented-to-content.col-sm-4 {
		padding-left: calc((100% - 750px) / 2);
		width: calc(250px + (100% - 750px) / 2);
	}
	.column-left-indented-to-content.col-sm-6 {
		padding-left: calc((100% - 750px) / 2);
		width: calc(375px + (100% - 750px) / 2);
	}
	.column-left-indented-to-content.col-sm-8 {
		padding-left: calc((100% - 750px) / 2);
		width: calc(500px + (100% - 750px) / 2);
	}
	.column-left-indented-to-content.col-sm-12 {
		padding-left: 0;
		width: 100%;
	}
	.column-right-indented-to-content.col-sm-4 {
		padding-right: calc((100% - 750px) / 2);
		width: calc(250px + (100% - 750px) / 2);
	}
	.column-right-indented-to-content.col-sm-6 {
		padding-right: calc((100% - 750px) / 2);
		width: calc(375px + (100% - 750px) / 2);
	}
	.column-right-indented-to-content.col-sm-8 {
		padding-right: calc((100% - 750px) / 2);
		width: calc(500px + (100% - 750px) / 2);
	}
	.column-right-indented-to-content.col-sm-12 {
		padding-right: 0;
		width: 100%;
	}
}
/* Portfolio Small  */
@media screen and (max-width: 799px) {
}
/* Phone (XS) */
@media screen and (max-width: 767px) {
	.header-large {
		height: 60vw;
	}
	.header-medium {
		height: 45vw;
		min-height: 210px;
	}
	.header-large .header-text p {
		font-size: 30px;
	}
	.image-fullwidth {
		/* min-height: 70vw; */
	}
	.column-left-indented-to-content.col-xs-4 {
		width: 33.33%;
	}
	.column-left-indented-to-content.col-xs-6 {
		width: 50%;
	}
	.column-left-indented-to-content.col-xs-8 {
		width: 66.66%;
	}
	.column-right-indented-to-content.col-xs-4 {
		width: 33.33%;
	}
	.column-right-indented-to-content.col-xs-6 {
		width: 50%;
	}
	.column-right-indented-to-content.col-xs-8 {
		width: 66.6%;
	}
	.column-left-indented-to-content.col-xs-12, .column-right-indented-to-content.col-xs-12 {
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}
	#footer .icons-row .icons .list-inline {
		margin: 0;
	}
	#footer .icons-row .fg-col {
		margin-top: -8px;
	}
	.webagency {
		float: left;
	}	
	.custom-map #combinedMap {
		/* min-height: 54vw; */
	}
	.statement .display-flex-center {
		flex-direction: column-reverse;
	}
}
@media screen and (max-width: 599px) {
	.header-large .header-text {
		margin-top: 4vw;
	}
	.header-large .header-text p {
		font-size: 4.8vw;
	}
}
	
/* Portfolio Extra Small  */
@media screen and (max-width: 549px) {
	#footer .icons-row {
		margin-top: 20px;
	}
	#footer .icons-row .icons  {
		display: inline-block;
	}
	#footer .icons-row p {
		text-align: left !important;
	}
	#footer .icons-row .fg-col {
		margin-top: 10px;
	}
}
/* Extra Small 1 Additional Media Query  */
@media screen and (max-width: 480px) {
	.image-float-left, .image-float-right {
		width: 100% !important;
		margin: 0 0 20px !important;
	}
	
	.footer-where-to-find {
		position: relative !important;
		width: auto !important;
		padding: 30px 15px 15px !important;
	}
}
/* Extra Small 2 Additional Media Query  */
@media screen and (max-width: 400px) {
	
}
/* Extra Small 3 Additional Media Query  */
@media screen and (min-width: 580px) and (max-width: 991px) {
	
}
/* Extra Small 4 Additional Media Query  */
@media screen and (min-width: 550px) and (max-width: 767px) {
	.flex-basis-50 {
		flex-basis: 50%;
	}
}


/* effects */
@-webkit-keyframes fadeInUpSPWE {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 12px, 0);
    transform: translate3d(0, 12px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpSPWE {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 12px, 0);
    transform: translate3d(0, 12px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUpSPWE;
  animation-name: fadeInUpSPWE;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}