/*!
Theme Name: lusso
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: lusso
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

lusso is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* Navigation
--------------------------------------------- */
body {
    font-family: 'Mulish', sans-serif;
}
p {
    font-weight: 500;
    font-size: 20px;
    color: #333335;
	line-height: 40px;
	margin: 0;
}
a {
    text-decoration: none;
}
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}
header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    background: transparent;
}
.header-wrapper {
    display: flex;
    justify-content: space-between;
    padding: 40px 200px;
	align-items: center;
}
img.custom-logo {
    width: 150px;
    height: 100%;
    object-fit: cover;
}
.main-navigation a {
    font-family: Poppins;
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    text-transform: uppercase;
    color: #333;
}
.main-navigation ul {
	display: flex;
	gap: 100px;
}
.homepage-wrapper {
    padding: 300px 200px 50px;
	/* display: flex; */
	/* height: 100vh; */
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    /* display: flex;
    align-items: center;
    justify-content: space-between;
	position: relative;
    z-index: 1; */
}
.homepage-content-wrapper {
    display: flex;
}
.content-left-wrapper {
    width: 55%;
}
.content-right-wrapper {
    width: 45%;
	padding: 0 60px 50px;
}
.home-form-container {
    background-color: #ECF0F1;
    text-align: center;
    padding: 50px;
    border-radius: 20px;
}
.content-left-wrapper h1 {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 60px;
    line-height: 1.5;
    text-transform: uppercase;
    color: #333335;
	margin-bottom: 10px;
}
.home-btn {
    margin-top: 80px;
}
a.lusso-btn {
    border: 4px solid #fff;
    border-radius: 40px;
    text-decoration: none;
    color: #fff;
    padding: 15px 35px;
	font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    text-transform: uppercase;
}
.page-template-page-aboutus .header-wrapper, .page-template-page-service .header-wrapper {
    display: none;
}
.about-us-wrapper {
    background-color: #E2C3A6;
    padding-top: 65px;
    padding-bottom: 65px;
}
.about-us-content-wrapper {
    background-color: #ECF0F1CC;
    padding: 60px 200px;
}
span.brown {
    color: #D2A882;
}
.about-us-content-wrapper h1 {
    text-align: center;
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
    font-size: 60px;
    line-height: 100%;
    text-transform: uppercase;
}
.about-us-right-content h2 {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-style: Medium;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 4%;
    text-transform: uppercase;
}
.aboutus-content-container {
    display: flex;
	margin-top: 60px;
}
.about-us-left-content {
    width: 45%;
}
.about-us-left-content img {
    /* position: absolute; */
	width: 100%;
    max-width: 600px;
    height: auto;
    object-fit: cover;
    padding: 100px;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0px 10px 20px 10px #0000000A;
}
.about-us-right-content {
    width: 55%;
	display: flex;
    flex-direction: column;
    gap: 40px;
}
.about-us-right-content p {
    color: #33333599;
}
a.about-btn {
    background: linear-gradient(90deg, #E2C3A6 0%, #D2A882 100%);
    width: fit-content;
    border-radius: 40px;
    padding: 15px 35px;
    text-decoration: none;
    font-family: Poppins;
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: #333335;
}
.aboutus-bottom-wrapper {
    padding: 210px 200px 65px 200px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: -195px;
    background-color: #E2C3A6;
}
.social-list {
    display: flex;
    gap: 20px;
}
a.social-link {
    border: 2px solid #333335;
    margin: 0;
    padding: 12px 15px;
    display: flex;
    align-items: center;
    border-radius: 50%;
    justify-content: center;
}
i.fa.fa-facebook, i.fa.fa-instagram, i.fa.fa-twitter, i.fa.fa-linkedin, i.fa.fa-youtube-play {
    font-size: 25px;
    color: #333335;
}
ul.about-bottom-links {
    list-style-type: none;
    display: flex;
    gap: 80px;
	margin: 0;
	padding: 0;
}
li.about-bottom-link-item a {
	font-family: Poppins;
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: capitalize;
	color: #333335;
}
.service-wrapper {
    padding: 50px 200px;
}
h1.service-title {
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 60px;
    line-height: 100%;
    text-transform: uppercase;
	margin-bottom: 120px;
}
.service-box-container {
    display: flex;
    justify-content: space-between;
	gap: 40px;
	/* flex-wrap: wrap; */
}
.service-box {
    border: 2px solid #E2C3A6;
    border-radius: 20px;
	width: 25%;
	padding: 0 10px 15px;
    text-align: center;
	box-shadow: 0px 10px 20px 10px #0000000A;
}
.service-bx-img {
    margin-top: -60px;
}
.service-box-content {
    margin-top: 20px;
}
.service-box-content h2 {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 4%;
    text-align: center;
    text-transform: uppercase;
	color: #333335;
}
.service-box-content p {
    font-family: 'Mulish', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 4%;
    text-align: center;
    color: #33333599;
}
.service-bx-img img {
    width: 120px;
	background-color: #e2c3a6;
    padding: 20px;
}
.service-box-container.second-row {
    margin-top: 100px;
}
.second-row .service-box {
    width: 33%;
}
.content-right-wrapper h2 {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: 4%;
    text-transform: uppercase;
    margin-bottom: 60px;
}
#forminator-module-119 input.forminator-input {
    border-color: #000000;
    border-radius: 40px;
    padding: 15px;
    text-align: center;
    font-family: Poppins;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: uppercase;
	color: #333335;
	width: 100%;
}
.forminator-input::placeholder,
.forminator-textarea::placeholder {
    color: #333335 !important;
}
/* #forminator-module-119 div#name-1 {
    margin-bottom: 30px;
} */
#forminator-module-119 label.forminator-radio {
    display: flex;
}
#forminator-module-119 label#forminator-field-radio-1-label-1 {
    margin-top: 40px;
	margin-bottom: 10px;
}
#forminator-module-119 label#forminator-field-radio-1-label-2 {
    margin-bottom: 40px;
}
#forminator-module-119 span.forminator-radio-label {
    margin-left: 10px;
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: uppercase;
	text-align: left;
}
#forminator-module-119 button.forminator-button.forminator-button-submit {
    background: linear-gradient(90deg, #E2C3A6 0%, #D2A882 100%);
    border: none;
    border-radius: 40px;
    padding: 15px 50px;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: 20px;
	line-height: 100%;
	letter-spacing: 0%;
	text-transform: uppercase;
	width: fit-content;
	color: #000;
}
.forminator-ui#forminator-module-119.forminator-design--default .forminator-radio .forminator-radio-bullet:before {
    background-color: #D2A882 !important;
}
.forminator-ui#forminator-module-119.forminator-design--default .forminator-radio input:checked + .forminator-radio-bullet {
	border-color: #000000 !important;
}
.page-template-page-leagal-content .header-wrapper {
    background-color: #e2c3a6;
}
.leagal-content-wrapper {
    padding: 300px 200px 50px;
}
.legal-content-heading {
    margin-bottom: 30px;
}
.legal-content-heading h1 {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 60px;
    line-height: 100%;
}
.legal-content-heading h2 {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 100%;
    color: #333335;
    margin-top: 10px;
}
.legal-content-container h2 {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 100%;
    color: #333335;
    margin-top: 30px;
}
.legal-content-container p {
    font-family: 'Mulish', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #333335;
}
.legal-content-container ul li {
    font-family: 'Mulish', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #333335;
}
.page-template-page-leagal-content .aboutus-bottom-wrapper {
    margin-top: 0px;
	padding-top: 65px;
}
.legal-content-container a {
    text-decoration: none;
    color: #D2A882;
}

.about-bottom-links li a {
    font-family: Poppins;
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: capitalize;
    color: #333335;
}
ul.footer-social {
    list-style-type: none;
    display: flex;
	gap: 20px;
	margin: 0px;
	padding: 0px;
}
@media only screen and (max-width: 1600px) {
	.aboutus-bottom-wrapper {
		margin-top: 0px;
		padding: 65px 200px 0;
	}
	.page-template-page-leagal-content .aboutus-bottom-wrapper {
		padding: 65px;
	}
}
@media only screen and (max-width: 1440px) {
	.main-navigation ul {
    	gap: 50px;
	}
	.content-left-wrapper, .content-right-wrapper {
		width: 50%;
	}
	.service-box {
		width: 45%;
		margin-top: 40px;
	}
	.service-box-container {
		flex-wrap: wrap;
	}
	.second-row .service-box {
    	width: 45%;
	}
	.service-box-container.second-row {
    	margin-top: 40px;
	}
}
@media only screen and (max-width: 1200px) {
	.main-navigation ul {
        gap: 30px;
    }
	.main-navigation a {
		font-size: 20px;
	}
	.content-right-wrapper {
    	padding-right: 0px;
	}
	.aboutus-bottom-wrapper {
        margin-top: 0px;
    }
	.aboutus-content-container {
		gap: 50px;
	}
}
@media only screen and (max-width: 1200px) {
	.about-us-content-wrapper {
		padding: 60px 50px;
	}
}
@media only screen and (max-width: 1024px) {
	.main-navigation ul {
		gap: 50px;
	}
	.homepage-wrapper {
    	padding: 300px 200px 0;
	}
	.home-btn {
    	text-align: center;
	}
	.content-left-wrapper, .content-right-wrapper {
		width: 100%;
	}
	.homepage-content-wrapper {
		flex-direction: column;
		gap: 70px;
		text-align: center;
	}
	.content-right-wrapper {
        padding-right: 0;
        padding-left: 0;
    }
	.content-right-wrapper h2 {
		margin-bottom: 30px;
	}
}
@media only screen and (max-width: 992px) {
	.header-wrapper {
    	flex-direction: column;
	}
}
@media only screen and (max-width: 768px) {
	p{
    	font-size: 18px;
   		line-height: 30px;
	}
	.header-wrapper, .homepage-wrapper {
		flex-direction: column;
	}
	.homepage-wrapper {
    	padding: 250px 50px 0;
	}
	.header-menu {
    	display: none;
	}
	.content-left-wrapper, .content-right-wrapper {
    	width: 100%;
	}
	.content-left-wrapper h1 {
		font-size: 40px;
		text-align: center;
	}
	.content-left-wrapper p {
    	text-align: center;
	}
	.content-right-wrapper {
    	padding: 0 0px 50px;
	}
	/* .content-right-wrapper h2 {
		margin-bottom: 40px;
	} */
	.home-btn {
    	text-align: center;
	}
	.about-us-content-wrapper {
    	padding: 40px 50px;
	}
	.aboutus-content-container {
    	flex-direction: column-reverse;
		margin-top: 40px;
	}
	.about-us-right-content {
		width: 100%;
		text-align: center;
		gap: 20px;
	}
	.about-us-left-content {
    	width: 100%;
		text-align: center;
		margin-top: 40px;
	}
	a.about-btn {
    	margin: 0 auto;
	}
	.about-us-left-content img {
    	position: unset;
	    margin-bottom: -200px;
		padding: 50px;
		/* width: 350px; */
	}
	.aboutus-bottom-wrapper {
    	padding: 210px 50px 0;
		flex-direction: column;
		gap: 40px;
	}
	.aboutus-bottom-left-content, .aboutus-bottom-right-content {
    	text-align: center;
	}
	h1.service-title{
		font-size: 40px;
		margin-bottom: 60px;
	}
	.about-us-content-wrapper h1 {
		font-size: 40px;
	}
	.service-wrapper {
    	padding: 50px;
	}
	.service-box {
		width: 100%;
		margin-top: 40px;
	}
	.second-row .service-box {
        width: 100%;
    }
	.leagal-content-wrapper {
		padding: 300px 40px 20px;
	}
	.legal-content-heading h1 {
		font-size: 40px;
	}
}
@media only screen and (max-width: 400px) {
	.header-wrapper {
		padding: 40px;
	}
	.homepage-wrapper {
		padding: 250px 20px 0;
    }
	.about-us-content-wrapper {
        padding: 40px 20px;
    }
	.service-wrapper {
    	padding: 40px 20px;
	}
	.aboutus-bottom-wrapper {
		padding: 180px 20px 0;
	}
	.home-form-container {
		padding: 30px;
	}
	.leagal-content-wrapper {
        padding: 300px 40px 20px;
    }
}