/*
Theme Name: Katie Salove
Theme URI: 
Author: Chandni Patel
Author URI: http://phpwebdev.in/
Description: Katie Salove
Version: 1.0.0
License:
License URI:
Text Domain: katie-salove
Tags:
*/

/* Fonts */
@font-face {
  font-family: "ProximaNova-Light";
  src: url('fonts/ProximaNovaLight.woff2') format('woff2'), url('fonts/ProximaNovaLight.woff') format('woff');
}

@font-face {
  font-family: "ProximaNova-Regular";
  src: url('fonts/ProximaNovaRegular.woff2') format('woff2'), url('fonts/ProximaNovaRegular.woff') format('woff');
}

@font-face {
  font-family: "ProximaNova-Medium";
  src: url('fonts/ProximaNovaMedium.woff2') format('woff2'), url('fonts/ProximaNovaMedium.woff') format('woff');
}

:root{
	--color-white:  #FFFFFF;
	--color-blue: #00249B;
	--color-cream: #FBF8EE;
	--color-black: #000000;
	--color-green: #52A34D;

	--font-proxima-nova-light: "ProximaNova-Light";
	--font-proxima-nova-regular: "ProximaNova-Regular";
	--font-proxima-nova-medium: "ProximaNova-Medium";
}

*, ::after, ::before{
	box-sizing: border-box;
}

html {
	margin: 0 !important;
}

body {
	background: var(--color-white);
	color: var(--color-blue);
	font-family: var(--font-proxima-nova-regular);
	font-size: 16px;
	line-height: 19px;
	letter-spacing: 0;
	margin: 0;
    padding: 0;
    word-wrap: break-word;
}

h1 {
	font-family: var(--font-proxima-nova-light);
	font-size: 20px;
	line-height: 24px;
	font-weight: 300;
	letter-spacing: 4.8px;
	text-transform: uppercase;
}

h2 {
	font-family: var(--font-proxima-nova-medium);
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	letter-spacing: 3.84px;
	text-transform: uppercase;
}

h3 {
	font-family: var(--font-proxima-nova-medium);
	font-size: 14px;
	line-height: 17px;
	font-weight: 500;
	letter-spacing: 3.36px;
	text-transform: uppercase;
}


h4 {
	font-family: var(--font-proxima-nova-medium);
	font-size: 12px;
	line-height: 15px;
	font-weight: 500;
	letter-spacing: 3px;
	text-transform: uppercase;
}


h5 {
	font-family: var(--font-proxima-nova-medium);
	font-size: 10px;
	line-height: 13px;
	font-weight: 500;
	letter-spacing: 2.5px;
	text-transform: uppercase;
}


h6 {
	font-family: var(--font-proxima-nova-medium);
	font-size: 8px;
	line-height: 11px;
	font-weight: 500;
	letter-spacing: 2px;
	text-transform: uppercase;
}

a {
	text-decoration: none;
	color: var(--color-blue);
}

.hide-on-desktop {
	display: none;
}

.hide-on-mobile {
	display: block;
}

.button-blue {
	background: var(--color-blue);
	border: 1px solid var(--color-blue);
	color: var(--color-white);
	font-family: var(--font-proxima-nova-medium);
	font-size: 14px;
	line-height: 17px;
	font-weight: 500;
	letter-spacing: 3.36px;
	text-transform: uppercase;
	padding: 13px 60px;
	display: inline-block;
	text-align: center;
	transition: all 1s ease;
}

.button-blue:hover,
.button-blue:focus,
.button-blue:active {
	background: var(--color-white);
	color: var(--color-blue);
}

.button-green {
	background: var(--color-green);
	border: 1px solid var(--color-green);
	color: var(--color-cream);
	font-family: var(--font-proxima-nova-medium);
	font-size: 14px;
	line-height: 17px;
	font-weight: 500;
	letter-spacing: 3.36px;
	text-transform: uppercase;
	padding: 13px 60px;
	display: inline-block;
	transition: all 1s ease;
}

.button-green:hover,
.button-green:focus,
.button-green:active {
	background: var(--color-white);
	color: var(--color-green);
}

.container {
	max-width: 1216px;
	margin: 0 auto;
}

header {
	background: var(--color-cream);
}

header ul.nav.navbar-nav {
	margin: 0;
	padding: 22px 20px;
	list-style: none;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	column-gap: 20px;
    row-gap: 15px;
}

header ul.nav.navbar-nav li a:hover {
	color: #52A34D;
	transition: all 1s ease;
}
header ul.nav.navbar-nav li a {
	font-family: var(--font-proxima-nova-medium);
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	letter-spacing: 3.36px;
	text-transform: uppercase;
}
header ul.nav.navbar-nav li.current-menu-item a {
	color: #52A34D;
}

header .header-logo img {
    max-width: 304px;
}

footer {
    border-top: 5px solid var(--color-blue);
}

footer .footer-bottom {
	background: var(--color-blue);
	padding: 11px 0;
	color: var(--color-white);
}

footer .footer-bottom .footer-bottom-inner {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 20px;
}

footer .footer-bottom .footer-bottom-inner > div {
    width: 50%;
}

footer .footer-bottom .footer-bottom-inner .footer-attribution {
	text-align: right;
}

footer .footer-border {
    width: 100%;
    height: 25px;
    background: repeating-linear-gradient( to right, var(--color-blue), var(--color-blue) 18px, var(--color-white) 18px, var(--color-white) 36px );
    border-bottom: 5px solid var(--color-blue);
}

footer .footer-address-content {
    padding: 27px 0 24px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

footer .footer-logo img {
	max-width: 126px;
	margin: 0 40px 0 0;
}

footer .footer-address {
	letter-spacing: 3.84px;
	line-height: 20px;
}

footer .footer-instagram {
	display: block;
	margin: 2px 0 0 5px;
	font-size: 18px;
}

footer .footer-instagram i {
	display: block;
}

footer .footer-gallery .MediaTile__overlay {
	display: none !important;
}

footer .footer-gallery .FeedHeader__left-container {
	display: none;
}

footer .footer-gallery .FeedHeader__root {
	justify-content: center;
}

footer .footer-gallery .FeedHeader__follow-button button {
	background: unset !important;
	color: var(--color-blue) !important;
	padding: 0;
	margin: 28px 0 27px !important;
	text-decoration: underline !important;
	font-family: var(--font-proxima-nova-medium);
	font-weight: 500 !important;
	font-size: 14px;
	line-height: 17px;
	letter-spacing: 3.36px;
	text-transform: uppercase;
}

footer .footer-gallery .FeedHeader__centered-style .FeedHeader__follow-button {
	margin: 0;
}

.no-post-data {
	width: 1160px;
	margin: auto;
    background: none;
    text-align: center;
    height: 150px;
}

/* Password Page */
#password-page-body #password-page .password-header-logo {
	max-width: 257px;
	background: var(--color-white);
	display: block;
	margin: 15px auto;
}
#password-page-body #password-page .password-header-logo img {
	max-width: 100%;
	height: auto;
}
#password-page .banner-image {
	margin: 29px auto 0;
	text-align: center;
}
#password-page .banner-image img {
	max-width: 100%;
	height: auto;
	max-height: 580px;
}
#password-page .contact-info {
	margin-bottom: 40px;
}
#password-page form {
	text-align: center;
}
#password-page form .button-blue {
	width: 301px;
}
#password-page form .button-blue::placeholder {
    color: var(--color-white);
}
#password-page form .button-blue:focus::placeholder,
#password-page form .button-blue:hover::placeholder {
    color: var(--color-blue);
}
#password-page form .button-blue:focus-visible {
	outline: unset;
}
#password-page form .input-field {
	margin-top: 17px;
	margin-bottom: 14px;
}
#password-page form .enter-site-link {
    color: var(--color-blue);
	background: unset;
	border: unset;
	border-bottom: 1px solid var(--color-blue);
	padding: 0;
	font-family: var(--font-proxima-nova-medium);
	font-size: 14px;
	line-height: 17px;
	font-weight: 500;
	letter-spacing: 3.36px;
	text-transform: uppercase;
	cursor: pointer;
}
#password-page .error-msg {
	text-align: center;
	color: #e80000;
	margin: 17px 0;
}

/* Home Page  */
.home-page .home-banner {
	height: 807px;
}
.home-page .home-banner img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.home-page .home-content {
	padding: 77px 20px 84px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.home-page .home-content img {
	max-width: 159px;
    margin: 0 87px 0 0;
}
.home-page .home-content .content-part {
	max-width: 596px;
}
.home-page .home-content .content-part h1 {
	margin-bottom: 27px;
	margin-top: 0;
}
.home-page .home-content .content-part .description {
	font-family: var(--font-proxima-nova-regular);
	font-size: 18px;
	line-height: 21px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #00249B;
	opacity: 1;
}
.home-page .home-content .content-part .description p {
	margin-bottom: 0;
}
.home-page .home-view-all-project {
	height: 574px;
	position: relative;
	border-top: 5px solid var(--color-blue);
}
.home-page .home-view-all-project-without-image {
	height: unset;
	position: relative;
	border-top: 5px solid var(--color-blue);
	display: flex;
	justify-content: center;
	padding: 20px 10px;
}
.home-page .home-view-all-project img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.home-page .home-view-all-project a {
	position: absolute;
    top: 50%;
    z-index: 9999;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 13px 35px;
}
.home-page .home-page-slider-section .slick-slide {
	margin: 0;
	transition: opacity 0.8s ease-in 0.1s !important;
}
.home-page .home-page-slider-section .slick-dots {
	bottom: 50px;
}
.home-page .home-page-slider-section .slick-dots li {
	height: 10px;
	width: 10px;
	background: #fff;
    border-radius: 50%;
	opacity: .6;
}
.home-page .home-page-slider-section .slick-dots li.slick-active {
	background: var(--color-blue);
	opacity: 1;
}
.home-page .home-page-slider-section .slick-dots li button {
	display: none;
}
.home-page .home-page-slider-section.slick-dotted.slick-slider{
	margin-bottom: 0;
}

/* Interior Page */
.interior-page{
	margin:45px auto;
}
.interior-page .interior-wrapper{
	display: flex;
	gap: 60px 25px;
	flex-wrap: wrap;

	max-width: 1216px;
	margin: auto;
}
.interior-page .interior-container img {
    /*transition: all 1s ease;*/
}
.interior-page .interior-container:hover {
	opacity: 0.7;
}
.interior-page .interior-container .view-project-link {
	display: block;
	letter-spacing: 3.84px;
    color: var(--color-green);
    text-transform: uppercase;
    opacity: 0;
}
/*.interior-page .interior-container .short-description {
	display: none !important;
    margin: 5px 0;
}*/
/*.interior-page .interior-container:hover .short-description {
	display: block !important;
}*/
.interior-page .interior-container:hover .view-project-link {
	display: block !important;
	opacity: 1;
}
.interior-page .interior-container.normal-width {
	display: flex;
	flex-direction: column;
	row-gap: 5px;
	/*flex-wrap: wrap;*/
	/*margin: 0 auto 60px;*/

	width: calc(50% - 25px/2);
	transition: all 1s ease;
	margin: 0;
}
.interior-page .interior-container.margin-0 {
	margin: 0 !important;
}
.interior-page .interior-container.full-width {
	margin: 101px auto 83px;
}
.interior-page .interior-container.full-width .interior-title {
	padding: 0 20px;
	text-align: center;
}
.interior-page .interior-container.full-width .interior-image a {
	height: 514px;
	display: block;
}
.interior-page .interior-container.full-width .interior-image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.interior-page .interior-container.normal-width .interior-title,
.interior-page .interior-container.normal-width .interior-image {
	/*width: 50%;*/
}
/*.interior-page .interior-container .interior-image a {
    display: flex;
}*/
.interior-page .interior-container.normal-width:nth-child(odd) .interior-image a {
	/*justify-content: flex-end;*/
}
.interior-page .interior-container .interior-image {
	line-height: 0;
	/*height: 100%;*/
	width: 100%;
}
.interior-page .interior-container .interior-image a {
	display: block;
	height: 100%;
	width: 100%;
}
.interior-page .interior-container .interior-image img {
	aspect-ratio: 4/3;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.interior-page .interior-container.normal-width:nth-child(even) {
    /*flex-direction: row-reverse;*/
}
.interior-page .interior-container.normal-width:nth-child(odd) .interior-image {
	/*text-align: right;*/
}
/*.interior-page .interior-container:nth-child(even):not(.full-width) .short-description,*/
.interior-page .interior-container:nth-child(even):not(.full-width) .view-project-link,
.interior-page .interior-container:nth-child(even):not(.full-width) .interior-title a {
	/*text-align: right;*/
	/*padding: 0 19px 5px 0;*/
	/*display: block;*/
}
/*.interior-page .interior-container:nth-child(odd):not(.full-width) .short-description,*/
.interior-page .interior-container:nth-child(odd):not(.full-width) .view-project-link,
.interior-page .interior-container:nth-child(odd):not(.full-width) .interior-title a {
	/*padding: 0 0 5px 19px;*/
	/*display: block;*/
}

/*.interior-page .interior-container.full-width .interior-title .short-description {
	margin: 10px 0;
    animation: fadeIn 1s;
}*/
/*.interior-page .interior-container .interior-title .short-description,*/
.interior-page .interior-container .interior-title a {
	transition: all 1s ease;
	text-align: center;
}
.interior-page .interior-container:not(.full-width) .interior-title a h2 {
	margin: 0;
}
.interior-page .interior-container.full-width .view-project-link {
	text-align:center;
	margin: 5px 0;
}
.interior-page .interior-container.full-width .interior-title h2 {
	text-align:center;
	margin: 22px 0 0 0;
}
.interior-page .interior-load-more {
	text-align: center;
	margin: 60px 0;
}
header .main-menu ul li.active-main-menu a {
	color: #52A34D;
}

@keyframes fadeIn {
    from {
    	opacity: 0;
    }
    to {
    	opacity: 1;
    }
}

/*Press Page*/
.press-page .container.press-list {
	/*display: flex;
	flex-wrap: wrap;*/
	margin: 64px auto 72px;
	/*margin: 64px auto 92px;*/
	padding: 0 20px;

	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 60px 25px;
}
.press-page .press-container {
	/*margin-bottom: 20px;*/
	/*max-width: calc(33.33% - 23px + 23px/3);*/
	/*width: 100%;*/
	/*width: calc(50% - 25px/2);*/
	transition: all 1s ease;
	grid-row: span 3;
	display: grid;
	grid-template-rows: subgrid;
	width: 100%;
	gap: 0;
}
.press-page .press-container .press-title {
	grid-row: 1;
}
.press-page .press-container .press-image {
	grid-row: 2;
}
.press-page .press-container .press-details {
	grid-row: 3;
}
.press-page .press-container:hover {
	opacity: 0.7;
}
.open-modal .press-page .press-container:hover {
	opacity: 1;
}
.press-page .press-container:not(:nth-child(3n)) {
	/*margin-right: 23px;*/
}
.press-page .press-container .press-image {
	/*height: 495px;*/
	width: 100%;
	margin-bottom: 8px;
	cursor: pointer;
	line-height: 0;
}
.press-page .press-container .press-image a {
	width: 100%;
	height: 100%;
	display: block;
	aspect-ratio: 4/3;
}
.press-page .press-container h2 {
	margin-bottom: 11px;
	margin-top: unset;
}
.press-page .press-container .press-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.press-page .press-container .press-details {
	display: flex;
	justify-content: space-between;
	/*margin-bottom: 20px;*/
	column-gap: 30px;
}
.press-page .press-container .press-details p {
	margin: unset;
}
.press-page .load-more-button {
	text-align: center;
	margin-bottom: 92px;
}

/*Press Single Page - Popup */

body.open-modal header {
	position: relative;
	z-index: 999999;
}
.press-container-modal {
	display: none;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	padding-top: 180px;
	background-color: rgba(0,0,0,0.4);
}
.press-container-modal .press-single-page-modal {
	background-color: #FBF8EE;
}
.press-container-modal .container {
	display: flex;
	margin: 15px auto;
	position: relative;
	padding: 23px 30px 12px;
}
.press-container-modal .container i.hide-modal {
	position: absolute;
	top: 20px;
	right: 20px;
	-webkit-text-stroke: 4px #FBF8EE;
	color: #67A057;
	font-size: 34px;
	cursor: pointer;
}
.press-container-modal .press-single-page-images {
	width: 68%;
	margin: auto 117px auto 0;
}
.press-container-modal .press-images-modal {
	display: flex;
}
.press-container-modal .single-press-image {
	width: 50%;
	height: 514px;
	margin-right: 14px;
	margin-bottom: 8px;
}
.press-container-modal .single-press-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.press-container-modal .single-press-image + .press-images {
	width: calc(100% - 50% );
	display: block;
}
.press-container-modal .press-images {
	width: 100%;
    display: flex;
    align-items: center;
    column-gap: 14px;
}
.press-container-modal .press-multi-images {
	column-count: 2;
	column-gap: 14px;
}
.press-container-modal .press-multi-image {
	height: auto;
	margin-bottom: 8px;
	-webkit-column-break-inside: avoid;
	display: inline-flex;
}
.press-container-modal .press-multi-image img {
	width: 100%;
	height: auto;
}
.press-container-modal .press-images-modal .press-multi-image {
	height: 253px;
	width: 100%;
}
.press-container-modal .press-images-modal .press-multi-image img {
	height: 100% !important;
	object-fit: cover;
}
.press-container-modal .press-content-detail {
	width: calc(100% - 68% - 117px);
	text-align: center;
	display: flex;
	min-height: 476px;
	flex-direction: column;
	align-items: center;
	padding-top: 238px;
}
.press-container-modal .press-content-detail h2 {
	margin-bottom: 12px;
}
.press-container-modal .press-content-detail p {
	margin: unset;
	word-wrap: break-word;
	margin-bottom: 10px;
    word-break: break-word;
}
.press-container-modal .press-content-detail span {
	word-wrap: break-word;
    word-break: break-word;
	margin-bottom: 20px;
}

/* Interior Detail Page */
.interior-single-page .container{
	display: flex;
	position: relative;
	/*margin: 65px auto 86px;*/
	margin: 65px auto 0;
}

.interior-single-page .interior-cover-section{
	height: 807px;
	width: 100%;
}
.interior-single-page .interior-cover-section img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.interior-single-page .interior-details-container{
	text-align: center;
	/*width: 66%;*/
    /*margin: 65px 0 0;*/

    /*position: sticky;*/
    top: 40px;
    left: 40px;
    width: 340px;
    text-align: left;
    flex-shrink: 0;

    max-height: calc(100dvh - 65px - 86px - 40px - 65px);
    overflow-y: auto;
    /*margin: 0 0 auto;*/
    margin: 0;
    align-self: center;
}
.interior-single-page .interior-details-container a{
	text-decoration: underline;
}

.interior-single-page .interior-details-container h2 {
    margin: 0 0 21px 0;
}

.interior-single-page .image-parent-section{
	width: 550px;
	/*margin-bottom: 112px;*/
	text-align: center;
	line-height: 0;
	/*cursor: e-resize;*/
	position: relative;
	z-index: 1;
}
.interior-single-page .interior-details-container > :last-child,
.interior-single-page .image-parent-section:last-child{
	margin-bottom: 0;
}
.interior-single-page .image-parent-section img{
	max-width: 100%;
	width: auto;
	/*height: auto;*/
	height: calc(100dvh - 86px - 65px - 65px);
	max-height: calc(100dvh - 86px - 65px - 65px);
	object-fit: contain;
}
.interior-single-page .swiper-button-prev::after,
.interior-single-page .swiper-button-next::after {
  	display: none; /* removes arrow icons */
}

.interior-single-page .swiper-button-prev,
.interior-single-page .swiper-button-next {
  	font-size: 16px;
  	color: var(--color-blue);
  	width: auto;
}
.interior-single-page .swiper-button-wrapper {
	position: absolute;
	left: -10px;
	bottom: 10px;

	width: 120px;
}
.interior-single-page .swiper-button-wrapper span {
    position: absolute;
	left: 45%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.interior-single-page .swiper-button-prev,
.interior-single-page .swiper-button-next {
	/*right: auto;*/
	/*left: 0;*/
	/*top: auto;*/
	/*bottom: 0;*/
}
.interior-single-page .swiper-button-next {
	left: 50px;
}
.interior-single-page .multiple-image-section{
	/*column-count: 2;*/
	/*column-gap: 112px;*/
	/*margin: 65px 265px 86px 0;*/
	margin: 0 0 0 20px;
	width: calc(100% - 340px - 20px);
	flex-shrink: 0;
	position: relative;
}
.interior-single-page .testimonial-container{
	background: #00249B;
	text-align: center;
	color: #fff;
	padding: 61px 50px 47px;
}
.interior-single-page .testimonial-container .testimonial-content p,
.interior-single-page .testimonial-container .testimonial-title h1{
	margin-bottom: 27px;
}
.interior-single-page .testimonial-container .testimonial-content{
	width: 55%;
    margin: auto;
}
.interior-single-page .testimonial-page-link .container{
	display: flex;
	justify-content: space-between;
    /*margin: 53px auto 47px;*/
    margin: 17px auto 0px;
}
.interior-single-page .testimonial-page-link h3{
	margin-bottom: 7px;
	margin-top: 0;
	font-family: var(--font-proxima-nova-light);
}
.interior-single-page .testimonial-page-link .arrow-icon {
	width: 34px;
}
.interior-single-page .testimonial-page-link .arrow-icon img {
	max-width: 100%;
	height: auto;
}
.interior-single-page .testimonial-page-link .next-project-text .arrow-icon {
	margin: 0 0 0 auto;
}
.interior-single-page .overlay-controls {
	position: absolute;
	top: 0;
	height: 100%;
}
.interior-single-page .overlay-controls.right-control {
	right: 0;
	cursor: e-resize;
}
.interior-single-page .overlay-controls.right-control,
.interior-single-page .overlay-controls.left-control {
	width: 50%;
}
.interior-single-page .overlay-controls.left-control {
	left: 0;
	cursor: w-resize;
}

/* About page */
.about-page .container{
	display: flex;
	margin:60px auto 72px;
	justify-content: space-between;
}
.about-page .container .about-content-full-width{
	width: 100%;
}
.about-page .container .about-content {
    width: calc(100% - 637px);
}
.about-page .container .about-banner {
    width: 496px;
    height: 543px;
}
.about-page .container .about-banner img{
	width: 100%;
	height: auto;
	object-fit: cover;
}
.about-page .container .description {
	font-size: 18px;
	line-height: 21px;
}
.about-page .container .description p{
	margin: 0;
}

/* Contact Page */
.contact-page {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 40px 0 58px;
	align-items: stretch;
}
.contact-page .image-section {
    width: 47%;
    flex: 0 0 auto;
    text-align: right;
}
.contact-page .image-section img {
	min-height: 100%;
	object-fit: cover;
	width: 100%;
}
.contact-page .form-section {
    width: 53%;
    flex: 0 0 auto;
    display: flex;
    position: relative;
    align-items: center;
}
.contact-page .form-section .nf-form-content {
	padding: 0;
}
.contact-page .form-section .form-container {
	max-width: 458px;
	margin: 0 auto;
	text-align: center;
}
.contact-page .form-section .form-container .contact-form {
	max-width: 425px;
    margin: auto;
}
.contact-page .form-section h2.heading {
	margin-bottom: 15px;
}
.contact-page .form-section .content p {
	margin-top: 0;
	margin-bottom: 21px;
}
.contact-page .form-section .nf-field-label {
	display: none;
}
.contact-page .form-section .nf-field-container {
	margin-bottom: 8px;
}
.contact-page .form-section .submit-container {
	margin-bottom: 0;
}
.contact-page .form-section .submit-container input {
	background: var(--color-green);
	border: 1px solid var(--color-green);
	color: var(--color-cream);
	font-family: var(--font-proxima-nova-medium);
	font-size: 14px;
	line-height: 17px;
	font-weight: 500;
	letter-spacing: 3.36px;
	text-transform: uppercase;
	padding: 13px 36px;
	display: inline-block;
	cursor: pointer;
	height: auto;
	resize: none;
}
.contact-page .form-section .submit-container input:hover,
.contact-page .form-section .submit-container input:focus,
.contact-page .form-section .submit-container input:active {
	background: var(--color-white);
	color: var(--color-green);
}
.contact-page .form-section .nf-element:not([type=button]):focus,
.contact-page .form-section .nf-element:not([type=button]) {
	text-align: center;
	color: var(--color-blue);
	border: 2px solid var(--color-blue);
	text-transform: uppercase;
	padding: 10px 12px;
	background: none;
	font-family: var(--font-proxima-nova-medium);
	font-size: 14px;
	line-height: 17px;
	font-weight: 500;
	letter-spacing: 3.36px;
	text-transform: uppercase;
}
.contact-page .form-section .nf-pass .ninja-forms-field {
	border-color: var(--color-blue) !important;
}
.contact-page .form-section .nf-element::placeholder {
	color: var(--color-blue);
	opacity: 1;
}
.contact-page .form-section .nf-error.field-wrap .nf-field-element::after,
.contact-page .form-section .nf-pass.field-wrap .nf-field-element::after {
	display: none;
}
.contact-page .form-section input[type=email].nf-element,
.contact-page .form-section input[type=text].nf-element {
	height: 43px;
}
.contact-page .form-section .textarea-container .nf-element {
	height: 151px;
	resize: none; 
}
.contact-page .nf-response-msg {
	color: var(--color-green);
}
.contact-page .label-above .nf-field-element, 
.contact-page .label-below .nf-field-element {
	display: block;
	line-height: 0;
}

/* Common page  */
.common-page {
    margin: 60px 0;
}

/* Responsive View */

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

	/* About Page */
	.about-page .container{
		padding: 0 39px;
	}

	.about-page .container .about-content {
	    width: calc(60% - 100px);
	}

	.about-page .container .about-banner {
	    width: 40%;
	    height: auto;
	}

	/* Interior Detail Page */
	.interior-single-page .testimonial-container .testimonial-content {
    	width: 58%;
	}

	/*Press Detail Page*/
	.press-container-modal .container {
		padding: 23px 20px 12px;
	}
}

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

	.interior-page .interior-wrapper,
	.interior-single-page .testimonial-page-link .container,
	.interior-single-page .container {
		max-width: calc(100% - 100px);
	}
}

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

	/*Interior Page*/
	.interior-page .interior-wrapper {
		max-width: calc(100% - 100px);
	}
	.interior-page .interior-container.normal-width {
		/*padding: 0 39px;*/
	}

	/*Press Detail Page*/
	.press-container-modal .container {
		padding: 17px !important;
	}
	.press-container-modal .container i.hide-modal {
		right: 20px;
		top: 15px;
	}
	.press-container-modal .press-single-page-images {
		margin-right: unset;
	}
	.press-container-modal .press-content-detail {
		width: calc(100% - 68%)
	}

	/*Press Page*/
	.press-page .container.press-list {
		/*padding: 20px;*/
	}

	/* Interior Detail Page */
	.interior-single-page .testimonial-container .testimonial-content {
    	width: 77%;
	}
	.interior-single-page .multiple-image-section{
		column-gap: 62px;
	}
	.interior-single-page .image-parent-section {
    	width: 475px;
    	margin-bottom: 112px;
    	/*margin: 0 auto 100px auto;*/
    	margin: 0 auto 0 auto;
	}

	.interior-single-page .testimonial-page-link {
	    /*margin: 0 39px;*/
	}

	.interior-single-page .testimonial-page-link h3 {
    	margin-bottom: 10px;
	}
	.interior-single-page  .next-project-text{
		margin-top: 26px;
	}

	/* Contact Page */
	.contact-page {
		padding: 40px 39px 58px;
	}

	.common-page {
	    padding: 0 39px;
	}
}

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

	/* Interior Detail Page */
	.interior-single-page .image-parent-section {
    	width: 420px;
    }

    .interior-single-page .multiple-image-section {
	    column-gap: 30px;
	    /*margin-left: 39px;*/
	    /*margin-right: 39px;*/
	}

	.interior-single-page .image-parent-section {
	    width: 100%;
	    /*margin-bottom: 30px;*/
	    margin-bottom: 0;
	}

	.interior-single-page .next-project-text {
	    margin-top: 0;
	}
}

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

	.interior-single-page .next-project-text {
	    margin-top: 26px;
	}

	footer .footer-gallery .FeedHeader__follow-button button {
		margin: 37px 0 !important;	
	}
}

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

	.hide-on-mobile {
		display: none;
	}

	.hide-on-desktop {
		display: block;
	}

	/* Header  */

	body.display-menu {
		height: 100%;
    	overflow: hidden;
	}
	body.display-menu header .mob-header{
	    background-color: var(--color-blue);
	}
	header .mob-header {
		display: flex;
	    justify-content: space-between;
	    align-items: center;
	    padding: 23px 39px;
		background-color: var(--color-cream);
	    column-gap: 20px;
	}
	body header .mob-header-logo.logo-hide,
	body.display-menu header .mob-header-logo.logo-display{
		display: none;
	}
	body.display-menu header .mob-header-logo.logo-hide{
		display: block;
	}
	body.display-menu header .mob-header-logo.logo-hide a{
		color: var(--color-cream);
	}
	body.display-menu header .mob-header-logo.logo-display a{
		color: var(--color-cream);
	}
	header .mob-header-logo a {
		position: relative;
	    display: block;
	    line-height: 0;
	    color: var(--color-blue);
	}
	header .mob-header-logo img {
		max-width: 257px;
	}
	header .mob-nav-button {
		display: flex;
	    row-gap: 4px;
	    flex-direction: column;
	}
	header .mob-nav-button span {
		height: 3px;
	    width: 27px;
	    background-color: var(--color-blue);
	}
	body.display-menu header {
		background: var(--color-white);
		position: fixed;
	    height: 100vh;
	    width: 100vw;
	    left: 0;
    	right: 0;
    	padding: 0;
    	z-index: 9999;
    	top: 0;
	}
	body header .main-menu .menu-main-container {
		display: none;
	}
	body.display-menu header .main-menu .menu-main-container {
		display: block;
		background-color: var(--color-cream);
	    position: fixed;
	    overflow-y: auto;
	    height: calc(100% - 78px);
	    width: 100%;
	}
	body.display-menu header ul.nav.navbar-nav {
	    row-gap: 40px;
	    flex-direction: column;
	    min-height: 100%;
	    height: auto;
    	justify-content: center;
	}
	body.display-menu header ul.nav.navbar-nav li a {
	    font-size: 20px;
	    line-height: 35px;
	    letter-spacing: 4.8px;
	}
	body.display-menu header .mob-nav-button .close-icon .fa-times {
		-webkit-text-stroke: 3px var(--color-blue);
		font-size: 31px;
    	line-height: 21px;
    	color: var(--color-white);
	}
	header .mob-nav-button .close-icon,
	body.display-menu header .mob-nav-button span {
		display: none;
	}
	body.display-menu header .mob-nav-button .close-icon {
		display: block;
		line-height: 0;
	}

	/* Footer  */
	footer .footer-address-content {
		flex-direction: column;
		padding: 29px 39px;
	}
	footer .footer-logo img {
		margin: 0 0 28px 0;
	}
	footer .footer-bottom .footer-bottom-inner {
		flex-direction: column;
		justify-content: center;
		row-gap: 7px;
	}
	footer .footer-bottom .footer-bottom-inner > div {
		width: 100%;
		text-align: center !important;
	}
	footer .footer-address {
		text-align: center;
		max-width: 350px;
		font-size: 12px;
		line-height: 15px;
		letter-spacing: 2.88px;
	}
	footer .footer-logo img {
		max-width: 90px;
	}

	/* Home Page  */
	.home-page .home-banner {
		/*height: 714px;*/
		height: auto;
		width: 100%;
	}
	.home-page .home-content {
		flex-direction: column;
		padding: 30px 43px 67px;
		text-align: center;
	}
	.home-page .home-content img {
		margin: 0 0 37px 0;
		max-width: 114px;
	}
	.home-page .home-content .content-part h1 {
		margin-bottom: 23px;
	}
	.home-page .home-view-all-project a {
		max-width: 90%;
    	width: max-content;
    	text-align: center;
	}

	/* About Page */
	.about-page .container{
		flex-direction: column-reverse;
		padding: 0 40px;
		margin-bottom: 60px;
	}
	.about-page .container .about-banner{
		width: 100%;
		height: auto;
	}
	.about-page .container .about-banner img{
		width: 100%;
		height: auto;
		object-fit: unset;
	}
	.about-page .container .about-content{
		width: 100%;
		height: 100%;
	}
	.about-page .container .about-content .description{
		margin-top: 56px;
	}

	/* Press Page */
	.press-page .container.press-list {
		margin: 38px 0;
		padding: 0 39px;
		gap: 40px 15px;
	}
	.press-page .press-container {
		/*max-width: calc(50% - 23px + 23px/2);*/
		/*margin-bottom: 43px;*/

		/*width: calc(50% - 15px/2);*/
	}

	.press-page .press-container:nth-last-child(2):nth-child(odd),
	.press-page .press-container:nth-last-child(1):nth-child(even),
	.press-page .press-container:nth-last-child(1):nth-child(odd) {
		margin-bottom: 0;
	}
	.press-page .press-container {
		/*margin-right: 23px;*/
	}
	.press-container-modal .press-content-detail {
		min-height: unset;
		padding-top: unset;
	}
	.press-page .press-container:nth-child(2n) {
		/*margin-right: 0;*/
	}
	.press-page .load-more-button {
		margin-bottom: 101px;
	}

	/* Press Detail Page */
	.press-container-modal {
		background: unset;
	}
	.press-container-modal {
		padding: 155px 39px;
	}
	.press-container-modal .press-content-detail {
		min-height: unset;
		padding-top: unset;
	}
	.press-container-modal {
		padding: 90px 39px;
	}
	body.open-modal {
		position: relative;
	}
	body.open-modal:before {
		content: '';
	    background: #000;
	    opacity: 0.4;
	    position: absolute;
	    height: 100%;
	    width: 100%;
	}
	.press-container-modal .container {
		flex-direction: column-reverse;
		padding: 17px !important;
	}
	.press-container-modal .press-content-detail {
		width: 100%;
		margin: 65px 0 39px;
		height: auto;
	}
	.press-container-modal .press-single-page-images {
		width: 100%;
		height: auto;
	}
	.press-container-modal .single-press-image {
		width: calc( 50% - 7px);
	}
	.press-container-modal .single-press-image + .press-images {
		width: calc(100% - 50% - 7px )
	}
	.press-container-modal .press-images {
		width: 100%;
	}

	/*INterior Page*/
	.interior-page .interior-container .interior-image img {
    	width: 100%;
	}
	/* Interior Detail Page */
	.interior-single-page .testimonial-page-link .container,
	.interior-single-page .container {
		max-width: calc(100% - 78px);
		margin: 56px auto;
	}
	.interior-single-page .multiple-image-section {
    	/*margin:40px;
    	column-count: 1;
    	margin: 40px 40px 80px 40px;*/
    	width: 100%;
    	/*margin: 56px 0;*/
    	margin: 0;
	}
	.interior-single-page .image-parent-section{
		width: 100%;
		margin: 0 auto 0 auto;
	}
	.interior-single-page .testimonial-page-link .container {
    	flex-direction: column;
    	text-align: center;
	}
	.interior-single-page .testimonial-page-link .next-project-text img{
		float: unset;
	}
	.interior-single-page .interior-cover-section{
		height: 713px;
	}
	.interior-single-page .interior-details-container{
		/*margin: 56px auto;*/
    	/*padding: 0 40px;*/
	}
	.interior-single-page .testimonial-container .testimonial-content p{
    	margin-bottom: 17px;
	}
	.interior-single-page .testimonial-page-link .container {
    	margin: 36px auto 21px;
    	gap: 0;
	}

	.interior-single-page .testimonial-page-link .next-project-text .arrow-icon,
	.interior-single-page .testimonial-page-link .arrow-icon {
		margin: auto;
	}
	.interior-single-page .swiper-button-wrapper,
	.interior-single-page .swiper-button-prev,
	.interior-single-page .swiper-button-next{
	  display:none;
	}
	.interior-single-page .swiper-wrapper{
		display:flex;
		flex-direction: column;
		gap:39px;
    }
    .interior-single-page .container {
    	flex-direction: column;
    	gap: 30px;
    }
    .interior-single-page .interior-details-container {
    	max-height: fit-content;
    	width: 100%;
    	margin: 0;
    }
    .interior-single-page .image-parent-section img {
    	max-height: fit-content;
    	cursor: default;
    	width: 100%;
    	height: auto;
    }
    .interior-single-page .overlay-controls.left-control,
    .interior-single-page .overlay-controls.right-control {
    	cursor: default;
    }

	/* Contact Page */
	.contact-page {
		flex-direction: column;
		padding: 15px 39px 52px;
	}
	.contact-page .form-section,
	.contact-page .image-section {
		width: 100%;
	}
	.contact-page .image-section {
		text-align: center;
		width: 50%;
		margin: auto;
	}
	.contact-page .form-section {
		padding: 11px 0 0;
	}

	/* Password page */
	#password-page-body #password-page {
		/*padding: 45px 20px 45px;*/
	}
	#password-page {
		padding: 0 20px;
	}
	#password-page form .input-field {
		margin-top: 44px;
	}
	#password-page .contact-info {
		margin-bottom: 57px;
	}

	/* Press Page */
	.press-page .press-container .press-image {
		/*height: 444px;*/
	}
}

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

	/* Interior Page */

	.interior-page {
		margin: 48px auto;
	}
	.interior-page .interior-wrapper{
		gap: 40px 15px;

		max-width: calc(100% - 78px);
	}
	.interior-page .interior-container.full-width,
	.interior-page .interior-container.normal-width {
		/*margin: 0 auto 70px;*/
	}
	.interior-page .interior-container.normal-width {
		width: calc(50% - 15px/2);
	}
	.interior-page .interior-container .interior-image,
	.interior-page .interior-container.full-width .interior-image {
		/*height: 365px;*/
		/*height: 265px;*/
	}
	.interior-page .interior-container.normal-width .interior-title,
	.interior-page .interior-container.normal-width .interior-image {
		width: 100%;
	}
	.interior-page .interior-container.normal-width:nth-child(odd) .interior-image {
		text-align: left;
	}

	.interior-page .interior-container:nth-child(even):not(.full-width) .interior-title a,
	.interior-page .interior-container:nth-child(odd):not(.full-width) .interior-title a {
		/*padding: 16px 0 5px 0;*/
	}
	/*.interior-page .interior-container:nth-child(odd):not(.full-width) .short-description,*/
	/*.interior-page .interior-container:nth-child(even):not(.full-width) .short-description,*/
	.interior-page .interior-container:nth-child(even) .view-project-link,
	.interior-page .interior-container:nth-child(odd) .view-project-link {
		padding: 0 !important;
	}
	.interior-page .interior-container.normal-width:nth-child(even) .interior-image {
		text-align: right;
	}

	/*.interior-page .interior-container .short-description {
		margin: 10px 0 0;
	}*/
}

@media screen and (max-width: 736px) {
	html {
		margin-top: 0 !important;
	}
}
@media screen and (max-width: 736px) {

	/* Press Detail Page */
	.press-container-modal .press-images-modal {
		display: block;
		width: 405px;
		margin: auto;
	}
	.press-container-modal .single-press-image {
		width: 100%;
		height: auto;
	}
	.press-container-modal .single-press-image + .press-images {
		width: 100%;
	}
	.press-container-modal .press-images {
		display: block;
	}
	.press-container-modal .press-images-modal .press-multi-image {
		height: auto;
	}
	.press-container-modal .press-multi-images {
		column-count: 1;
		margin: auto;
		width: 405px;
	}

	.press-page .press-container {
		width: 100%;
	}
}

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

	/* About Page  */
	.about-page .container{
		margin: 44px auto 56px;
	}
	.about-page .container .about-content .description {
    	margin-top: 40px;
	}

	/* Interior Detail Page */
	.interior-single-page .interior-details-container {
	    width: 100%;
	}
	.interior-single-page .testimonial-container .testimonial-content {
    	width: 100%;
	}

	.press-page .container.press-list {
		grid-template-columns: repeat(1, 1fr);
	}
}

@media screen and (max-width: 430px) {
	/* Press Page  */
	.press-page .container.press-list {
		padding: 0 39px;
	}
	.press-page .press-container {
		max-width: 100%;
		margin-right: unset !important;
		width: 100%;
	}
	.press-page .press-container:nth-last-child(2):nth-child(odd) {
		/*margin-bottom: 43px;*/
	}
	.press-page .press-container .press-image {
		/*height: 444px;*/
	}

	/* Press Detail Page  */
	.press-container-modal .press-images-modal {
		width: 100%;
	}
	.press-container-modal .press-multi-images {
		width: 100%;
	}
	.press-container-modal {
		padding: 118px 39px;
	}

	/* Contact Page */
	.contact-page .image-section {
		width: 187px;
		height: 239px;
	}

	.interior-page .interior-container.normal-width {
		width: 100%;
	}
}

@media screen and (max-width: 390px) { 
	.press-page .press-container .press-image {
		height: auto;
	}
}

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

	header .mob-header-logo img {
		max-width: 180px;
	}
}

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

	/* Header */
	header .mob-header-logo img {
		/*max-width: 205px;*/
	}
	body.display-menu header .main-menu .menu-main-container {
		height: calc(100% - 71px);
	}

	/* Interior Detail Page */
	.interior-single-page .multiple-image-section{
		/*margin: 40px;*/
	}
	.interior-single-page .image-parent-section{
		/*margin: 0 auto 40px auto;*/
	}

	/* Press Detail Page  */
	.press-container-modal {
		padding: 112px 39px;
	}
}

@media screen and (max-width: 320px) {
	/* Password page  */
	#password-page form .button-blue {
		padding: 13px 40px;
		width: 270px;
	}
}