/* POB 04.01.2023 - 08:06 */

::selection {
	/* background: #ffdd6a; */
}
a {
	transition: color 0.2s, background-color 0.2s, border-color 0.2s,  opacity 0.2s;
}
a:focus, a:hover {
	text-decoration: none;
}
.fg-paragraph p, .tab-pane-content p {
	font-weight: 300;
	margin-bottom: 15px;
}
h1 > p, h2 > p, h3 > p, h4 > p {
	margin: 0;
}
.fg-paragraph strong, .tab-pane-content strong, blockquote strong {
	font-weight: 700 !important;
}
p, p a, .fg-text-dark.fg-heading, #footer p a, .theme-portfolio .cbp-filter-item, h1, h2, h3, h4, h5, .project-portfolio-detail .fg-paragraph li {
	color: #FFFFFF;
	line-height: 1.375;
}
p a {
	text-decoration: underline;
}
p a:hover, #footer p a:hover {
	color: #a9a9a9;
}
.fg-paragraph h2, #tab .tab-pane-content h2, .fg-paragraph h2:hover, #tab .tab-pane-content h2:hover {
	font-family: custom-font-family-2, Arial, sans-serif !important;
	color: #FFFFFF !important;
	margin-bottom: 0;
}

/* lightbox */
/*
.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.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.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-none {
	margin-top: 72px;
}
.header-large {
	/* height calc see custom.js, below only for non JS */
	height: calc(100vh - 81px);
}
/* hack VH issue safari (iPad) */
/* hack not for every situation, now JQuery Solution
@media not all and (min-resolution:.001dpcm) { @media {
   .header-large {
		height: calc(100vh - 110px);
		height: -webkit-calc(100vh - 110px);
	}
}}
 */
.header-medium {
    height: 36vw;
	max-height: 665px;
	
	/* to position header text */
	/* display: flex; */
    /* align-items: flex-end; */
}
/* .header-small { */
    /* height: 35vw; */
/* } */
.header-large .header-text {
	margin-top: 20vw;
}
/* .header-medium .header-text { */
	/* margin-top: 15vw; */
/* } */
/* .header-small .header-text { */
	/* margin-top: 10vw; */
/* } */
.header-large .header-text p {
	font-size: 70px;
	line-height: 1.15;
}
/* .header-medium .header-text p { */
	/* font-size: 62px; */
	/* line-height: 1.15; */
/* } */
/* .header-small .header-text p { */
	/* font-size: 55px; */
	/* line-height: 1.15; */
/* } */


/*
	The Poligon ist different for left and right aligned Text. The Case below is for right alinged Text.
	
	For left aligned Text, use the following polygons:
	clip-path: polygon(100% 80%, 100% 100%, 0 100%, 0 0);
	clip-path: polygon(100% 20%, 100% 100%, 0 100%, 0 0);
*/
/*
.header-text p {
	font-weight: 600;
	margin: 0;
	line-height: 1.8;
	
	-webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%);
	clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%);
	
	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% 0, 100% 100%, 0 100%, 0 80%);
      clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%);
  }
  20% {
      transform: translateY(0);
      opacity: 1;
      -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%);
      clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%);
  }
  100% {
       transform: translateY(0);
       opacity: 1;
      -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%);
      clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%);
  }
}
*/

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

.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%;
}

body.home .navbar-logo-wrap .navbar-logo-img {
	 content: url("/wp-content/uploads/logo-kuendig-architekten-sia.svg");
}
body.home div.header-large span.fg-bg span {
	transition: all 5000ms ease-out;
}

body:not(.home) #footer {
	border-top: 1px solid #fff;
}
#footer a:hover {
	text-decoration: none;	
}
#footer .fg-paragraph p {
	margin-bottom: 0;
}
#footer .fg-paragraph p a {
	text-decoration: none;
}
.footer-address {
	display: flex;
	justify-content: end;
}
.footer-address p {
	margin-left: 20px;
}

/* .webagency li {
	margin: 0;	
}

ul.footer-navigation {
	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;
}
*/
.d-none {
	display: none;
}
/* todo: in template überführen */
.ff-portfolio-filter {
	visibility: hidden;
}
.project-portfolio .cbp-filter-item {
	margin: 0 19px 7px 0;
	padding-left: 0;
	border-bottom: 0;
}
.project-portfolio .cbp-filter-item:hover, .project-portfolio .cbp-filter-item.cbp-filter-item-active:hover, .project-portfolio .cbp-filter-item.cbp-filter-item-active:not(:hover) {	
	border-bottom: 0 !important;
	color: #a9a9a9;
}
.project-portfolio .theme-portfolio-item-v3 img {
	/* POB not good, there should be no transition on visibility	 */
	/* transition: all 500ms linear;	*/
}
.project-portfolio .theme-portfolio-item-v3:hover img, .quote-portfolio .theme-portfolio-item-v3, .quote-portfolio.theme-portfolio-item-v3  {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 0.7;	
}
.quote-portfolio .theme-portfolio-item-v3 .theme-portfolio-item-v3-heading, .quote-portfolio.theme-portfolio-item-v3 .theme-portfolio-item-v3-heading {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.quote-portfolio .theme-portfolio-item-v3, .quote-portfolio.theme-portfolio-item-v3 {
	opacity: 1;
}
.quote-portfolio .ffb-featured-image-1 {
	opacity: 0.7;
}
/* customer can use class zitat to set class quote-portfolio through jquery, so the zitat-portfolio-entries can be mixed with project entries */ 
.theme-portfolio-item-v3 .zitat {
	display: none;
}
.project-portfolio .theme-portfolio-item-v3 .theme-portfolio-item-v3-heading .theme-portfolio-item-v3-title, .project-portfolio .theme-portfolio-item-v3 .theme-portfolio-item-v3-heading .theme-portfolio-item-v3-title a {
	letter-spacing: 0.07em !important;
	font-weight: 600 !important;
	font-family: custom-font-family-2, Arial, sans-serif !important;
	font-size: 15px;
}
.project-portfolio .theme-portfolio-item-v3 .theme-portfolio-item-v3-heading .theme-portfolio-item-v3-subtitle {
	font-style: normal;
	font-family: custom-font-family-1, Arial, sans-serif !important;
	font-size: 14px;
	letter-spacing: 0.07em !important;
	line-height: 1.5;
}
.project-portfolio .theme-portfolio-item-v3 .theme-portfolio-item-v3-heading .theme-portfolio-item-v3-subtitle a {
	color: #FFFFFF;
}
.project-portfolio .theme-portfolio-item-v3 .theme-portfolio-item-v3-heading .theme-portfolio-item-v3-subtitle a:hover {
	color: #d1d1d1;
}
.project-portfolio .theme-portfolio-item-v3 .theme-portfolio-item-v3-heading {
	padding: 0 26px 17px 27px;
}
.project-portfolio .theme-portfolio-item-v3 .theme-portfolio-lightbox {
	width: 100%;
	height: 100%;
	/* top: 20%; */
}
.project-portfolio .cbp-item .theme-portfolio-lightbox .theme-portfolio-item-v3-icon:after, .project-portfolio .cbp-item .theme-portfolio-lightbox .theme-portfolio-item-v3-icon:before {
	content: "";
	margin: -15px 0 0 -15px;
	width: 363px;
    height: 625px;
	background-color: transparent !important;
}
.project-portfolio-detail .fg-paragraph a img {
	margin-right: 9px;
    margin-top: -6px;
}
.project-portfolio-detail .theme-carousel-indicators-v5 {
    border: 0;
    text-align: left;
    padding: 0;
	/* width: 751px; */
}
.project-portfolio-detail .theme-carousel-indicators-v5 li {
	margin: 26px 26px 0 0 !important;	
}
.project-portfolio-detail .theme-carousel-indicators-v5 li .theme-carousel-indicators-item {
	/* width: 233px !important; */
	/* height: 195px !important; */
	border-radius: 0 !important;
	border: 0 !important;
}
.tab-content>.active {
	display: block !important;
}
.tab-v5 .nav-tabs.nav-tabs-left>li.fg-text-dark, .tab-v6 .nav-tabs.nav-tabs-right>li.fg-text-dark {
	background-color: transparent;
}
.tab-vertical-image {
	margin-bottom: 65px;
}
.tab-vertical-image .nav-wrapper {
	/* margin-top: 10px; */
	margin-top: 30px;
}
.tab-vertical-image .tab-pane-content {
	transition: all 1500ms ease-out;
}
.tab-vertical-image .tab-v5 {
	display: flex;
	flex-direction: column-reverse;
}
.tab-vertical-image .tab-v5 .tab-content .tab-pane-content {
	padding: 0;
}
.tab-vertical-image .tab-v5 .nav-tabs.nav-tabs-left > li > a {
	padding: 0;
}
.tab-vertical-image .tab-pane-content img {
	display: block;	
	float: left; 
	margin: 0 25px 10px 0;
}
.tab-vertical-image .tab-pane-content p:last-child {
	margin-bottom: 0;
}
.tab-vertical-image .tab-pane-content ol, .tab-vertical-image .tab-pane-content ul {
	flex-direction: column;
	display: flex;
}
.tab-vertical-image .tab-pane-content blockquote {
	display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    border: 0;
	min-height: 400px;
}
/* .tab-vertical-image .tab-pane-content img { */
	/* opacity: 0; */
/* }	 */
/* .tab-vertical-image [style="visibility: visible; animation-duration: 0.7s; animation-delay: 0.5s; animation-name: fadeIn;"] img { */
	/* opacity: 1; */
/* }		 */
.theme-icons-wrap .theme-icons {
	padding: 0;
	text-align: left;
}
.theme-icons-lg {
	font-size: 30px;
}
.map {
	background-color: #272727 !important;
}

/* Tablet (SM) */
@media screen and (min-width: 768px) {
	.project-portfolio-detail .theme-carousel-indicators-v5 li:nth-child(3n+3) {
		margin-right: 0 !important;
	}
	.project-portfolio-detail .theme-carousel-indicators-v5 {
		width: 720px;
	}
	.project-portfolio-detail .theme-carousel-indicators-v5 li .theme-carousel-indicators-item {
		width: 222.6px !important;
		height: 186.4px !important;
	}
	.quote-portfolio .theme-portfolio-item-v3 .theme-portfolio-item-v3-heading .theme-portfolio-item-v3-title, .quote-portfolio.theme-portfolio-item-v3 .theme-portfolio-item-v3-heading .theme-portfolio-item-v3-title {
		font-size: 30px;
	}
	.webagency {
		float: right;
	}
	.custom-map #combinedMap {
		/* min-height: 300px; */
	}
	.tab-vertical-image .nav-wrapper {
		position: absolute;
		top: 354px;
	}
}
/* Laptop (MD) */
@media screen and (min-width: 992px) {
	.custom-map #combinedMap {
		/* min-height: 325px; */
	}
	.project-portfolio-detail .theme-carousel-indicators-v5 {
		width: 616px;
	}
	.project-portfolio-detail .theme-carousel-indicators-v5 li .theme-carousel-indicators-item {
		width: 188px !important;
		height: 157px !important;
	}
	.tab-vertical-image .tab-pane-content img {
		width: 363px;
	}
}
/* Desktop (LG) */
@media screen and (min-width: 1200px) {
	#Project-XL {
		display: none;
	}
	.project-portfolio-detail .theme-carousel-indicators-v5 {
		width: 751px;
	}
	.project-portfolio-detail .theme-carousel-indicators-v5 li .theme-carousel-indicators-item {
		width: 233px !important;
		height: 195px !important;
	}
	.quote-portfolio .theme-portfolio-item-v3 .theme-portfolio-item-v3-heading .theme-portfolio-item-v3-title, .quote-portfolio.theme-portfolio-item-v3 .theme-portfolio-item-v3-heading .theme-portfolio-item-v3-title {
		font-size: 33px;
	}
	.tab-vertical-image {
		min-height: 688px;
	}
	/* .project-portfolio { */
		/* min-height: 780px; */
	/* } */
}
/* Extra Large Additional Media Query  */

@media screen and (min-width: 1650px) {	
    .container {
		width: 1370px;
	}	
	#Project-L {
		display: none;
	}
	#Project-XL {
		display: block;
	}
	.project-portfolio .cbp-item .theme-portfolio-lightbox .theme-portfolio-item-v3-icon:after, .project-portfolio .cbp-item .theme-portfolio-lightbox .theme-portfolio-item-v3-icon:before {	
		width: 426px;
		height: 733px;
	}
	.project-portfolio-detail .theme-carousel-indicators-v5 {    
		width: 883px;
	}
	.project-portfolio-detail .theme-carousel-indicators-v5 li {
		margin: 26px 26px 0 0 !important;	
	}	
	.project-portfolio-detail .theme-carousel-indicators-v5 li .theme-carousel-indicators-item {
		width: 277px !important;
		height: 232px !important;

	}
	.quote-portfolio .theme-portfolio-item-v3 .theme-portfolio-item-v3-heading .theme-portfolio-item-v3-title, .quote-portfolio.theme-portfolio-item-v3 .theme-portfolio-item-v3-heading .theme-portfolio-item-v3-title {
		font-size: 36px;
	}
	.tab-vertical-image .tab-pane-content img {
		width: 426px;
	}
	.tab-vertical-image .nav-wrapper {
		top: 405px;
	}
	.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;
	}
}
/* Extra Large Additional Media Query  */
@media screen and (min-width: 2000px) {	
}

/* Laptop (MD)  */
@media screen and (max-width: 1199px) {
	.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) {
	.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%;
	}
	.project-portfolio-detail .col-md-4 {
		padding-top: 23px;
	}
	.footer-address {
		display: flex;
		justify-content: start;
	}
	.footer-address p {
		margin-left: 0;
		margin-right: 20px;
	}
	.map {
		height: 580px !important;
	}
}
/* Portfolio Small II */
@media screen and (max-width: 799px) {
	#Project-XS-II {
		display: block;
	}
	#Project-XXS, #Project-XS-I {
		display: none;
	}
}
/* Phone (XS) */
@media screen and (max-width: 767px) {	
	.project-portfolio .cbp-filter-item {
		margin-bottom: 9px;
		margin-right: 9px;
	}
	.project-portfolio-detail .theme-carousel-indicators-v5 li:nth-child(2n+2) {
		margin-right: 0 !important;
	}
	.project-portfolio-detail .theme-carousel-indicators-v5 li {
		margin: 15px 15px 0 0 !important;	
	}
	.project-portfolio-detail .theme-carousel-indicators-v5 {
		width: calc(100vw - 30px);
	}
	.project-portfolio-detail .theme-carousel-indicators-v5 li .theme-carousel-indicators-item {
		width: calc((100vw - 30px - 15px) / 2) !important;
		height: auto !important;
	}
	.quote-portfolio .theme-portfolio-item-v3 .theme-portfolio-item-v3-heading .theme-portfolio-item-v3-title, .quote-portfolio.theme-portfolio-item-v3 .theme-portfolio-item-v3-heading .theme-portfolio-item-v3-title {
		font-size: 23px;
	}
	.tab-vertical-image .tab-v5 {
		flex-direction: column;
	}
	.tab-vertical-image .nav-wrapper {
		margin-top: 0;
		margin-bottom: 30px;
	}
	.tab-vertical-image .tab-pane-content img {
		clear: both; 
		float: none;
		margin-right: 0;
		margin-bottom: 23px;
	}
	.fg-paragraph h2 {
		font-size: 15px;
	}
	.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%;
	}
	.webagency {
		float: left;
	}	
	.custom-map #combinedMap {
		/* min-height: 54vw; */
	}
	.map {
		height: 450px !important;
	}
}
/* Portfolio Small  I */
@media screen and (max-width: 674px) {
	#Project-XS-I {
		display: block;
	}
	#Project-XS-II {
		display: none;
	}
	.footer-address {
		flex-direction: column;
	}
	#footer .fg-paragraph p {
		margin-bottom: 3px;
	}
}
/* Portfolio Extra Small  */
@media screen and (max-width: 549px) {
	#Project-XXS {
		display: block;
	}
	#Project-XS-I, #Project-XS-II {
		display: none;
	}
}
/* 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;
	}
	.project-portfolio-detail .theme-carousel-indicators-v5 {
		display: block;
	}
	.tab-vertical-image .tab-pane-content img {
		width: 100%;
	}
}
/* 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;
}