@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@1,400;1,500&display=swap');
main {
	position: relative;
	z-index: -1;
}
div#page {
	position: relative;
	z-index: -1;
}
section#banner {
	position: relative;
}
.newsletter_wrapper input:focus {
	color: #fff;
	background-color: transparent;
	border-color: #86b7fe;
	outline: 0;
	box-shadow: transparent;
}

section#second-sec {
	padding: 50px 0;
	position: relative;
}
.custom-container {
	/* min-width: 1370px;
	max-width: 1520px; */
	margin: 0 auto;
	padding-left: var(--bs-gutter-x, 1.75rem);
	padding-right: var(--bs-gutter-x, 1.75rem);
}
nav {
	/* display: flex; */
	align-items: center;
	justify-content: space-between;
	min-height: 10vh;
	padding: 19px 2rem;
}
.logo {
	font-family: "Abril Fatface", cursive;
	text-decoration: underline;
	font-size: 1.3rem;
	color: #fff;
	font-weight: lighter;
}
.card-items i {
	color: #fff;
}
.menu-btn {
	cursor: pointer;
}
section#banner .hero-content1 {
    position: relative;
    top: 0%;
    left: -8%;
    transform: translate(0%, 80%);
    width: 100% !important;
    color: #fff;
    text-align: center;
    z-index: 1 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.hero-content1 h5 {
    font-size: 3.5rem;
    font-family: var(--medium-font-family);
    font-style: italic;
    color: #14252a;
    margin: 0;
}
.hero-content h2 {
	font-size: 3.5rem;
	font-family: var(--bold-font-family);
	font-style: italic;
	color: #14252a;
}
.hero-content h5 {
	font-size: 3.5rem;
	font-family: var(--medium-font-family);
	font-style: italic;
	color: #14252a;
	margin: 0;
}

button {
	border: none;
	outline: none;
	padding: 0.5rem 1.5rem;
	border-radius: 10px;
	color: #025959;
	cursor: pointer;
	margin-top: 1.5rem;
	font-size: 0.9rem;
}

/* Preloader  */
.preloader {
	background: white;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9999;
}
.prl-logo {
	font-family: "Abril Fatface", cursive;
	font-size: 1.3rem;
	z-index: 2;
}

/* Sliders  */
.lightCyan-slider,
.persianGreen-slider,
.white-slider {
	position: fixed;
	top: 0;
	left: 0;
	width: 115%;
	height: 100%;
	transform: translateX(-100%);
}
.lightCyan-slider {
	background: #f4ecdf;
}
.persianGreen-slider {
	background: #d9d4d0;
}
.white-slider {
	background: #fff;
}

.hide {
	opacity: 0;
	color: #14252a;
	font-weight: lighter;
	font-style: italic;
}

/* Responsive media queries */
@media screen and (max-width: 768px) {
	.logo,
	.prl-logo {
		font-size: 1rem;
	}
	.hero-content h2 {
		font-size: 2rem;
	}
	.hero-content p {
		font-size: 0.8rem;
	}
}

@media screen and (max-width: 425px) {
	nav {
		padding: 1rem 3rem;
	}
}
.card-items h6 {
	background: #fde488;
	position: absolute;
	top: -3px;
	right: -4px;
	border-radius: 40px;
	width: 14px;
	height: 13px;
	font-size: 11px;
	color: #081a55;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 !important;
	font-family: "Space Mono", monospace;
	font-weight: 400;
	font-style: inherit;
}
ul.icon-ul {
	display: flex;
	align-items: center;
	justify-content: end;
	gap: 20px;
}
li.icon-nav-li {
	background: #14252a;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	position: relative;
}
li.icon-nav-li img.image-fluid {
	margin-bottom: 4px;
	width: 20px;
	height: 20px;
	object-fit: scale-down;
}
.nav-heading-wrapper ul li.nav-item a.nav-link {
	margin: 0;
	color: #081a55;
	font-size: 12px;
	padding: 0;
	position: relative;
	font-family: "Space Mono", monospace;
	font-weight: 400;
}
.nav-heading-wrapper ul li.nav-item {
	padding: 0px 16px;
}
div#stick-navbar * {
	background: #14252a;
	color: #fff;
	text-align: center;
	padding: 2px;
}
.sticky-heading h6 {
	margin: 0;
	color: #081a55;
	font-size: 12px;
	padding: 0;
	position: relative;
	font-family: "Space Mono", monospace;
	font-weight: 400;
	font-style: unset;
}

/* footer */
.img-mountain.footer-img-mountain {
	z-index: 111;
}
.text-white {
	background: #14252a;
	padding: 90px 0 20px 0;
	position: relative;
}
.text-white .newsletter_wrapper .btn {
	background: white;
	/* font-family: var(--font-poppin-medium); */
	color: #025042 !important;
	font-size: 15px;
	border: 0;
	font-family: var(--bold-font-family);
	border-radius: 0px !important;
	width: 100%;
}
.text-white .newsletter_wrapper input {
	border: 1px solid #e1e3e4 !important;
	background: transparent;
	line-height: 59px;
	padding: 0px 23px;
	border-radius: 0;
	outline: none;
	font-size: 1rem;
	font-weight: 300;
	letter-spacing: 0.02em;
	color: #c4c9ca !important;
}
.text-white .newsletter_wrapper input::placeholder {
	font-size: 1rem;
	font-family: "Space Mono", monospace;
	font-weight: 400;
	color: #c4c9ca !important;
}
.text-white .btn-slatter {
	position: absolute;
	line-height: 0px;
	top: -17px !important;
	right: 10px !important;
	border-radius: 25px;
	padding: 0 5px !important;
}
.text-white .newsletter_wrapper .btn {
	background: white;
	color: #14252a !important;
	font-size: 14px;
	border: 0;
	border-radius: 0px !important;
	width: 100%;
	padding: 13px 30px;
	font-family: "Space Mono", monospace;
	font-weight: 400;
	letter-spacing: 6px;
	text-transform: uppercase;
}
.email {
	display: flex;
	gap: 10px;
	line-height: 1.2;
	margin-top: 20px;
}
.email.tele {
	margin-top: 1px;
}
.email p {
	width: 40px;
}
.service-heading.text-center h4 {
	margin-bottom: 40px;
}
section.service {
	padding: 20px 0 60px 0;
}
.head h5 {
	line-height: 3;
}
ul.footer-menus li {
	padding-bottom: 6px;
}
ul.footer-menus li a {
	color: #c4c9ca;
	font-size: 11px;
	font-family: "Space Mono", monospace;
	font-weight: 400;
}
ul.social_icons13 {
	display: flex;
	align-items: center;
	gap: 13px;
	margin-top: 47px;
}
.head h5::before {
	width: 50%;
	height: 5px;
	background-color: #fff;
	content: "";
}
ul.social_icons13 li a i {
	color: #fff;
}
.footer-all-right.text-center h6 {
	color: #fff;
	font-size: 13px;
	font-family: "Space Mono", monospace;
	font-weight: 400;
	margin: 0;
	font-style: normal;
}
.footer-all-right.text-center {
	padding-top: 30px;
}

.row.center-wrapper {
	padding-bottom: 0px;
	margin-top: 50px;
}
p.greenwood {
	font-size: 14px;
	margin-top: 16px;
}
.img-mountain {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1;
}
form.d-flex.news-wrapper {
	position: relative;
}
.footer-heading h3 {
	font-style: italic;
	font-size: 31px;
	color: #fff;
	margin: 0;
}
.footer-heading h5 {
	color: #fff;
	font-style: italic;
	font-size: 28px;
	font-family: var(--regular-font-family);
}
.footer_content .head h5 {
	font-family: var(--regular-font-family);
	color: #fff;
	font-size: 13px;
}
.footer_content.frst p {
	font-size: 11px;
	color: #fff;
}
.banner-img-main-wrapper img {
    width: 100%;
    height: 100vh;
    object-fit: fill;
}
.row.main-wrapper {
	position: absolute;
	top: 0;
}

.rotate-heading {
	transform: rotate(90deg);
	position: absolute;
	top: 46%;
	bottom: 54%;
	text-align: center;
	left: -16px;
}
.rotate-heading h5 {
	font-family: var(--bold-font-family);
	color: #14252a !important;
	font-size: 17px;
	font-style: initial;
	letter-spacing: 2px;
}
.rotate-heading h6 {
	font-family: var(--medium-font-family);
	color: #14252a !important;
	font-size: 14px;
	font-style: initial;
	letter-spacing: 2px;
	/* word-spacing: 3px; */
	margin: 0;
}
.building-card {
    /* position: absolute; */
    bottom: -2px;
    left: -40px;
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: end;
    height: 100vh;
}
.img-heading h4 {
	font-family: var(--medium-font-family);
	color: #14252a !important;
	font-size: 22px;
	font-style: italic;
	margin: 0;
	white-space: nowrap;
}
.img-heading p {
	font-family: var(--regular-font-family);
	color: #14252a !important;
	font-size: 14px;
	padding-right: 0px;
	margin: 4px 0 12px 0px;
}
.img-heading a.btn {
	padding: 11px 38px;
	font-size: 15px;
	letter-spacing: 0;
}
.img-heading h4 span {
	font-family: var(--bold-font-family);
}
.img-heading.fisrt-img-heading {
	margin-left: 10px;
	margin-bottom: 7px;
}
.image-card {
	text-align: center;
}
.second-build-card {
	width: 100%;
}
.build-card {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
}
.second-build-card .img-heading p {
	padding: 0;
	font-size: 14px;
	padding-right: 60px;
}
.second-build-card .img-heading h4 {
	font-size: 23px;
	margin-top: 10px;
}

.text span {
	position: absolute;
	left: 50%;
	font-size: 1.2em;
	transform-origin: 0 100px;
}
.circle-img-wrapper {
	position: relative;
	/* padding-left: 100px; */
	padding-right: 60px;
	margin-top: 50px;
}
.circle {
    position: absolute;
    z-index: 1111;
    top: -10px;
    display: block !important;
    left: -110px;
    animation: textRotation 8s linear infinite;
    width: 180px;
}

@keyframes textRotation {
	to {
		transform: rotate(360deg);
	}
}
.img-heading-para h4 {
	color: #14252a !important;
	font-size: 40px;
	font-style: italic;
	margin: 0;
	margin-top: 20px;
}
.img-heading-para h5 {
	font-family: var(--bold-font-family);
	color: #14252a !important;
	font-size: 42px;
	font-style: italic;
}
.img-heading-para p {
	font-family: "Space Mono", monospace;
	font-weight: 400;
	color: #14252a !important;
	font-size: 14px;
}
.rotate-heading-second {
	transform: rotate(90deg);
	position: absolute;
	top: 50%;
	bottom: 50%;
	text-align: center;
	right: -170px;
}
.img-heading-para a.btn {
	letter-spacing: 5px !important;
	padding: 13px 20px !important;
	font-size: 15px !important;
}
.rotate-heading-second h5 {
	font-family: var(--medium-font-family);
	color: #14252a !important;
	font-size: 25px;
	font-style: italic;
}
.rotate-heading-second h5 span {
	font-family: var(--bold-font-family);
}
img.img-fluid.second-para-imag-wrapper {
	width: 100%;
	height: 581px;
	object-fit: cover;
}

/* video */

.video-container {
	position: relative;
}

video {
	width: 100%;
	height: 100vh;
	object-fit: fill;
}
/* .video-control {
	position: absolute;
	left: 1em;
	bottom: 1em;
	min-width: 7.5em;
	padding: 0.5em 1em;
	text-align: left;
	border-radius: 9in;
	background: #fffb;
} */
.row.video-main-wrapper {
	position: absolute;
	width: 100%;
	bottom: 0;
	z-index: 111;
}
.video-control:not(.playing) .video-control-pause,
.video-control.playing .video-control-play {
	display: none;
}

.video-control-symbol {
	font: 1.75em/0 Apple Color Emoji;
	vertical-align: -0.15em;
}
.video-heading h4 {
	font-family: var(--bold-font-family);
	font-size: 27px;
	font-style: italic;
	color: #fff;
}
.video-heading h6 {
	font-family: var(--regular-font-family);
	font-size: 28px;
	font-style: italic;
	color: #fff;
}
.video-heading p {
	color: #fff;
	padding-right: 160px;
	margin: 11px 0 0 0;
}
p.controls a {
	display: none;
}
.video-heading {
	padding: 50px;
}
.video-btn-wrapper {
	text-align: end;
	padding-bottom: 50px;
	display: flex;
	align-items: center;
	justify-content: end;
}
span.video-control-label {
	color: #fff;
	font-family: "Space Mono", monospace;
	font-weight: 400;
	letter-spacing: 10px;
	font-size: 11px;
}
.video-btn-wrapper button.video-control {
	background: transparent;
	color: #fff;
	font-family: "Space Mono", monospace;
	font-weight: 400;
}
span.video-control-play {
	display: flex;
	align-items: center;
	gap: 10px;
}
.video-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 99%;
	/* background-color: rgb(64 62 62 / 42%); */
	z-index: 2;
	background-color: rgb(0 0 0 / 22%);
}
.overlay-off {
	z-index: -1 !important;
}

.text-copy {
	position: absolute;
	top: 5%;
	left: 5%;
	z-index: 2;
	text-shadow: 1px 1px 1px #000;
}
section#videos-play {
	padding-bottom: 10px;
	position: relative;
}
section#shop-tha-latest .card {
	width: 100% !important;
	text-align: center;
	position: relative;
	background: transparent;
	border: none;
}
section#shop-tha-latest .card .card-body h3 {
	font-family: "Space Mono", monospace;
	font-weight: 700;
	font-size: 16px;
	color: #a6adaf;
	font-style: initial;
}
section#shop-tha-latest .card .card-body h4 {
	font-family: "Space Mono", monospace;
	font-weight: 700;
	font-size: 18px;
	margin: 0;
	text-transform: uppercase;
	font-style: initial;
}
section#shop-tha-latest .card .card-body h5 {
    font-family: var(--bold-font-family);
    font-size: 23px;
    font-style: italic;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 57px;
}
section#shop-tha-latest .card .card-body h6 {
	font-family: var(--regular-font-family);
	font-size: 20px;
	font-style: italic;
	margin: 0;
}
section#shop-tha-latest .card .btn {
    font-size: 14px;
    padding: 17px 43px;
    letter-spacing: 0;
    margin-top: 10px;
}

.shop-content.img-heading-para h4 {
	font-size: 35px !important;
}
.shop-content.img-heading-para h5 {
	font-size: 48px !important;
}
.shop-content.img-heading-para p {
	font-size: 16px;
}
.card-number {
    width: 50px;
    height: 50px;
    background: #14252a;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    position: absolute;
    top: 2%;
    left: 3px;
}
span.colour {
    width: 10px;
    padding: 2px 13px 0px 14px;
    margin: 10px !important;
}
.card-number h5 {
	font-size: 15px;
	color: #fff;
	margin: 0;
	font-style: initial;
}
.card img {
    width: 210px;
    height: 260px;
    object-fit: scale-down;
}
section#shop-tha-latest {
	position: relative;
	padding-bottom: 50px;
}
section.slider-logo {
	background: #14252a;
	padding: 50px 0;
}
.slider-wrapper .img-heading h4 {
	color: #fff !important;
	margin-top: 23px;
}
.slider-wrapper .img-heading p {
	color: #fff !important;
}
.marque-main-wrapper {
	margin: 0px 50px;
	width: 200px;
}
.marque-main-wrapper img.img-fluid {
	height: 40px;
	width: 30%;
	object-fit: scale-down;
}
.shop-image {
	position: relative;
}
.shop-content-second {
	position: absolute;
	width: 300px;
	height: 100%;
	bottom: 0px;
	right: 0;
	top: 0;
	left: 0;
	margin-left: 32px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
section#shop-for-look .shop-heading-wrapper h4 {
	font-size: 35px;
}
section#shop-for-look .shop-heading-wrapper h3 {
	font-size: 38px;
}
.shop-heading-wrapper h4 {
	font-family: var(--regular-font-family);
	font-size: clamp(24px, 5vw, 30px);
	font-style: italic;
	margin: 0;
}
.shop-heading-wrapper h3 {
	font-family: var(--bold-font-family);
	font-size: clamp(24px, 5vw, 30px);
	font-style: italic;
	margin: 0;
}
.shop-image img.img-fluid {
	width: 100%;
	height: 329px;
	object-fit: fill;
	position: relative;
}
.shop-heading-wrapper .btn {
	padding: 10px 18px;
	font-size: 14px;
	margin-top: 6px;
	letter-spacing: 6px;
}
section#shop-for-look {
	position: relative;
	padding: 50px 0;
}
.shop-heading-wrapper p {
	padding-right: 26px;
	font-size: 13px;
	margin-top: 19px;
}
li.icon-nav-li.search-bar input {
	position: absolute;
	/* left: -56%; */
	top: 60%;
	-webkit-transform: translate(-50%, -50%);
	width: 30px;
	height: 30px;
	border-style: none;
	border-radius: 20px;
	padding: 10px;
	background-color: #081925;
	outline: none;
	transition-duration: 500ms;
	cursor: pointer;
	background-image: url(../img/iconhome2.png);
	background-repeat: no-repeat;
	font-family: "Segoe UI";
	font-size: 14px;
	color: transparent;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	vertical-align: middle;
	background-position: center;
}
li.icon-nav-li.search-bar input::placeholder {
	opacity: 1 !important;
}
li.icon-nav-li.search-bar input:focus {
    width: 144px;
    cursor: text;
    padding-left: 40px;
    color: #a0a0a0;
}
li.icon-nav-li.search-bar input:hover,
li.icon-nav-li.search-bar input:hover,
li.icon-nav-li.search-bar input:focus {
	background-image: url(../img/iconhome2.png);
	background-position: left;
	background-position-x: 10px;
}
li.icon-nav-li.search-bar input::-webkit-input-placeholder {
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
	display: none;
} /* Chrome <=56, Safari < 10 */
li.icon-nav-li.search-bar input:-moz-placeholder {
	opacity: 0;
	-moz-transition: opacity 0.5s;
	transition: opacity 0.5s;
	display: none;
} /* FF 4-18 */
li.icon-nav-li.search-bar input::-moz-placeholder {
	opacity: 0;
	-moz-transition: opacity 0.5s;
	transition: opacity 0.5s;
	display: none;
} /* FF 19-51 */
li.icon-nav-li.search-bar input:-ms-input-placeholder {
	opacity: 0;
	-ms-transition: opacity 0.5s;
	transition: opacity 0.5s;
	display: none;
} /* IE 10+ */
li.icon-nav-li.search-bar input::placeholder {
	opacity: 1;
	transition: opacity 0.5s;
	display: none;
} /* Modern Browsers */
li.icon-nav-li.search-bar input:focus::-webkit-input-placeholder {
	opacity: 1;
	display: block;
} /* Chrome <=56, Safari < 10 */
li.icon-nav-li.search-bar input:focus:-moz-placeholder {
	opacity: 1;
	display: block;
} /* FF 4-18 */
li.icon-nav-li.search-bar input:focus::-moz-placeholder {
	opacity: 1;
	display: block;
} /* FF 19-50 */
li.icon-nav-li.search-bar input:focus:-ms-input-placeholder {
	opacity: 1;
	display: block;
} /* IE 10+ */
li.icon-nav-li.search-bar input:focus::placeholder {
	opacity: 1;
	display: block;
} /* Modern Browsers */
li.icon-nav-li.search-bar input:focus::placeholder {
	opacity: 1 !important;
}
li.icon-nav-li.search-bar .div1 {
	position: absolute;
	left: 0px;
	top: 45px;
	width: 50px;
	height: 5px;
}
li.icon-nav-li.search-bar {
	width: unset;
	height: unset;
}
/* sidebar css */
/* The side navigation menu */
.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1111;
	top: 0;
	background-color: #14252a;
	overflow-x: hidden;
	/* padding-top: 60px; */
	/* padding: 20px 20px; */
	transition: 0.5s;
	transform: translate(0px, 0px);
}
/* The navigation menu links */
.sidenav a {
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	font-size: 25px;
	color: #818181;
	display: block;
	transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover,
.offcanvas a:focus {
	color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
	position: absolute;
	top: 6px;
	right: 25px;
	font-size: 26px;
	margin-left: 50px;
	color: #fff;
}
/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
	transition: margin-left 0.5s;
	padding: 20px;
}

.sidenav {
	right: 0;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
	.sidenav {
		padding-top: 15px;
	}

	.sidenav a {
		font-size: 18px;
	}
}

.sidenav {
	right: 0;
}

/* sidebar css */
.btn-card-main-nav a.btn {
	background: #fff;
	color: #14252a;
	letter-spacing: 0;
	width: 100%;
	padding: 15px 10px;
	font-size: 14px;
}
.slide-nav-heading h4 {
	color: #fff;
	font-family: var(--bold-font-family);
	font-size: 20px;
	margin-bottom: 10px;
}
.btn-card-main-nav {
	margin-top: 20px;
}
a.btn-border {
	background: transparent;
	color: #fff;
	letter-spacing: 0;
	width: 100%;
	padding: 15px 10px;
	font-size: 14px;
	text-align: center;
	border: 1px solid #fff;
}
.btn-card-main-nav p.text-center {
	color: #fff;
	font-size: 10px;
	margin-top: 17px;
	margin-bottom: 36px;
}
.earth-wrapper h6 {
    color: #fff;
    font-family: var(--regular-font-family);
    margin: 0;
    font-size: 14px;
}
.earth-wrapper h4 {
    font-size: 17px;
    padding-right: 25px;
    line-height: 1.5;
    margin-bottom: 24px;
    text-transform: capitalize;
}
.erath-caed-royalty img.img-fluid {
	background: #fff;
	padding: 6px;
	border-radius: 50px;
	width: 30px;
	height: 30px;
	object-fit: fill;
}
.erath-caed-royalty {
	display: flex;
	gap: 10px;
}
.earth-wrapper ul {
    margin-top: 25px;
}
.specialcontent h4 {
    font-size: 13px;
    margin: 0;
    font-family: var(--regular-font-family);
    padding: 0;
    line-height: 1;
    margin-bottom: 4px;
}
.specialcontent h4 span {
    font-size: 14px;
    margin: 0;
    font-family: var(--bold-font-family);
}
.specialcontent p {
    color: #fff;
    font-size: 12px;
    margin: 0;
    letter-spacing: -1px;
}
li.border-card-royalty {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 10px;
	padding: 28px 0;
	margin: 25px 0px;
}

a.btn-learn-more {
    font-family: "Space Mono", monospace;
    font-weight: 400;
    font-size: 14px;
    word-spacing: 4px;
    letter-spacing: 5px;
    text-align: start;
    color: #fff;
    margin: 40px auto;
}
/* Mobile Header Css Start Here */
header .canvas_btn {
	display: none;
	justify-content: end;
	padding: 0 10px 0 0px;
}
header .canvas_btn i {
	color: #14252a;
	font-size: 21px;
}
.canvas_btn button.btn.btn-open {
	background: transparent;
	border-radius: 0;
	border: 0;
	width: 25px;
	padding: 0;
	display: none;
	flex-direction: column;
	box-shadow: 0 0 0 0;
	cursor: pointer;
}

.canvas_btn button.btn.btn-open span.menu-line {
	width: 35px;
	height: 2px;
	background: #fff;
	margin: 3px 0;
	display: block;
}

.canvas_btn button.btn.btn-open span.menu-line.line-2x {
	width: 25px;
}

.mobile_header {
	position: fixed;
	z-index: 2;
	right: 0;
	top: 0;
	width: 30%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0px 0px 0px 30px;
	transition: 0.8s;
	transform: translateX(120%);
	z-index: 11111111;
	background: #14252a;
	margin-top: 30px;
}

.mobile_header.show {
	transform: translateX(0%);
}

.mobile_header .cancel {
	position: absolute;
	top: 10px;
	right: 10px;
	background: #fff;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mobile_header .mobile-seach {
	position: absolute;
	top: 10px;
	left: 0px;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mobile_header ul.mobile_menus {
	padding: 0;
	margin: 0;
	list-style: none;
}

.mobile_header ul.mobile_menus li.menu_items {
	margin: 10px 0;
}

.mobile_header ul.mobile_menus li.menu_items.menu_btn {
	margin-top: 30px;
}

.mobile_header ul.mobile_menus li.menu_items a {
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	position: relative;
	text-decoration: none;
}

.mobile_header ul.mobile_menus li.menu_items.menu_btn a {
	background: #c98536;
	padding: 13px 25px;
	border-radius: 50px;
}

.mobile_header ul.mobile_menus li.menu_items.cart_btn a span.count {
	background: #c98536;
	width: 15px;
	height: 15px;
	line-height: 15px;
	font-size: 9px;
	text-align: center;
	border-radius: 50%;
	position: absolute;
	right: -10px;
}

.col-lg-8.add-col-wrapper {
	display: block;
}
.mystyle {
	width: 25.5%;
	padding: 20px;
	transition: 0.5s all ease-in-out;
}
.mystyle1 {
	width: 0%;
}
li.search-bar .add-on .input-group-btn > .btn {
	border-left-width:0;left:-2px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  }
  /* stop the glowing blue shadow */
  li.search-bar .add-on .form-control:focus {
   box-shadow:none;
   -webkit-box-shadow:none;
   border-color:#cccccc;
  }
  li.search-bar .form-control{width:20%}
  li.search-bar .my-navbar-nav > li > a {
	border-right: 1px solid #ddd;
	padding-bottom: 15px;
	padding-top: 15px;
  }
  li.search-bar .my-navbar-nav:last-child{ border-right:0}
  li.search-bar .round-btn {
    background-color: transparent;
    text-align: center;
    color: #fff;
}
li.search-bar .flip-icon{
	 -webkit-transform: scaleX(-1);
	  transform: scaleX(-1);
  }
  li.search-bar .hidden-search-box {
    display: none;
    position: absolute;
    bottom: 10px;
    background-color: rgb(52, 73, 94);
    height: 52px;
    width: 46vw;
    z-index: 1000;
    right: -10px;
    top: 38px;
}
 li.search-bar {
    position: relative;
    background: #14252a;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    position: relative;
    cursor: pointer;
}
li.search-bar .addon-btn {
    /* width: 50px; */
    height: 50px;
    background-color: rgb(37, 51, 66);
    border: 0 none;
    margin-top: -5px;
    color: #ffffff;
}
li.search-bar .addon-text-box, addon-text-box:active {
    background-color: transparent!important;
    border: 0 none;
    color: #ffffff!important;
    border-radius: 0;
    /* border-bottom: 1px #FFF solid; */
    font-family: Proxima Nova soft,Helvetica,sans;
    font-weight: 600;
    /* margin-left: calc(5px + 1.13em); */
    margin-right: calc(5px + 1.13em);
}
li.search-bar .traingle{
	height:15px;
	width: 15px;
	background-color: transparent;
	border-left: 15px transparent solid;
	border-right: 15px transparent solid;
	border-bottom: 15px rgb(37, 51, 66) solid;
	float:right;
	margin-top: -10px;
	margin-right: 10px;
  }
@media (max-width: 1367px) {
	.nav-heading-wrapper ul li.nav-item a.nav-link {
        font-size: 12px;
    }
	.nav-heading-wrapper ul li.nav-item {
		padding: 0px 14px;
	}
	ul.icon-ul {
		gap: 11px;
	}
	li.icon-nav-li.search-bar input:focus {
		width: 115px;
	}
    section#banner .hero-content1 {
        top: 0%;
    }
}
@media (max-width: 1280px) {
	.nav-heading-wrapper ul li.nav-item a.nav-link {
		font-size: 12px;
	}
	li.icon-nav-li.search-bar input:focus {
		width: 100px;
	}
}

@media (min-width: 1000px) and (max-width: 1025px) {
    .circle {
        top: -70px;
        left: -90px;
    }
    .rotate-heading-second {
        position: absolute;
        top: 57%;
        bottom: 82%;
        right: -170px;
    }

}
@media (max-width: 1100px) {
	header .canvas_btn {
		display: flex;
	}
	.mystyle {
		width: 36.5%;
		margin-top: 24px;
	}
	.mobile_header ul.mobile_menus {
		margin-top: 60px;
	}
	.nav-heading-wrapper.justify-content-center {
		display: none;
	}
	section#shop-for-look .shop-heading-wrapper h4 {
		font-size: 26px;
	}
	.shop-content-second {
        top: 0px;
        left: -20px;
    }
	section#shop-for-look .shop-heading-wrapper h3 {
		font-size: 26px;
	}
	.shop-heading-wrapper p {
		padding-right: 26px;
		font-size: 12px;
		margin-top: -1px;
	}
	.nav-icon {
		display: none;
	}
	.col-lg-8.add-col-wrapper {
		display: none;
	}
	div#stick-navbar {
		position: fixed;
		text-align: center;
		z-index: 1111111111;
		width: 100%;
	}
	nav {
		/* display: flex; */
		align-items: center;
		justify-content: space-between;
		min-height: 10vh;
		padding: 0px 0rem;
		margin-top: 40px;
	}
	.hero-content {
		transform: translate(0%, 152%);
	}
    .hero-content1 {
		transform: translate(0%, 152%);
	}
	.second-build-card .img-heading h4 {
		font-size: 17px;
		margin-top: 10px;
	}
	.banner-img-main-wrapper img {
		width: 100%;
		height: 100%;
		object-fit: fill;
	}
	.build-card {
		height: unset;
	}
	.second-build-card .img-heading p {
		line-height: 1.1;
		padding: 0;
		font-size: 12px;
	}
	.second-build-card {
		width: 100%;
		margin-top: 70px;
		padding: 50px;
	}
    .hero-content1 h5 {
		font-size: 1.5rem;
	}
	.hero-content1 h2 {
		font-size: 1.5rem;
	}
	.hero-content h5 {
		font-size: 1.5rem;
	}
	.hero-content h2 {
		font-size: 1.5rem;
	}
	a.btn-second {
		font-size: 10px !important;
	}
	.building-card {
		position: relative;
		bottom: 0;
		left: 30px;
		height: unset;
		height: 100%;
	}
	.rotate-heading {
		transform: rotate(90deg);
		position: absolute;
		top: 56%;
		left: -30px;
	}
	.rotate-heading-second {
		position: absolute;
		top: 77%;
		bottom: 22%;
		right: -170px;
	}
	.circle {
        top: -50px;
        left: 0;
    }
	video {
        width: 100%;
        height: 100%;
        object-fit: fill;
    }
	.video-heading h4 {
		font-size: 30px;
	}
	span.video-control-label {
		letter-spacing: 6px;
	}
	.encircle {
		position: absolute;
		bottom: 20px;
		right: 0;
		z-index: 11111;
	}
	.img-heading h4 {
		font-size: 12px;
	}
	.img-heading p {
		font-size: 9px;
		padding-right: 0px;
		margin: 6px 0px;
		line-height: 1.1;
	}
	.img-heading a.btn {
		padding: 8px 12px;
		font-size: 13px;
	}
	.building-card .ms-5 {
		margin-left: 27px !important;
	}
	.mobile_header {
		position: fixed;
		z-index: 2;
		right: 0;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: stretch;
		justify-content: flex-start;
		padding: 0px 0px 0px 20px;
		transition: 0.8s;
		transform: translateX(120%);
		z-index: 11111111;
		background: #14252a;
		margin-top: 30px;
		flex-direction: column;
	}
	ul.icon-ul {
		gap: 18px;
		align-items: center;
		justify-content: start;
	}
	li.icon-nav-li.search-bar input {
		position: absolute;
		left: 0;
		top: 60%;
		-webkit-transform: translate(-3%, -40%);
		border-style: none;
		border-radius: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0;
		vertical-align: middle;
		background-position: center;
	}
	li.icon-nav-li.search-bar input:focus {
		width: 181px;
	}
	.mobile_header ul.mobile_menus li.menu_items a {
		font-size: 17px;
	}
	.row.main-wrapper {
		position: absolute;
		top: 0;
		height: 100%;
	}
	.row.building-main-height {
		height: 100%;
	}
	.rotate-heading h6 {
		font-size: 12px;
	}
	.rotate-heading h5 {
		font-size: 13px;
	}
	.prl-logo h1.hide {
		font-size: 65px;
	}
	.prl-logo {
		font-family: "Abril Fatface", cursive;
		font-size: 1.3rem;
		z-index: 2;
		margin-right: 50px;
	}
}

@media (max-width: 820px) {
	.img-heading h4 {
		font-size: 10px;
	}
	.building-card {
		bottom: 0px;
	}
    .main-top-navbar.second-navbar-main.positive-wrapper a.navbar-brand img.img-fluid {
        width: 100%;
        height: 70px;
        object-fit: scale-down;
    }
}

@media (max-width: 768px) {
	.mobile_header {
		width: 100%;
	}
	.building-card {
		bottom: 0px;
	}
	.footer_content .head h5 {
		font-size: 12px;
	}
}

@media (max-width: 580px) {
	.mobile_header {
		width: 100%;
	}
    .banner-text h1 {
        font-size: 35px;
    }
	.responsive-table {
		overflow-x: auto;
	}
	.responsive-table > table {
		width: 100%;
		border-collapse: collapse;
		-webkit-overflow-scrolling: touch;
	}
	.row.main-wrapper {
		position: unset;
		top: 0;
	}
	.prl-logo h1.hide {
		font-size: 35px;
	}
	.banner-img-main-wrapper img {
		width: 100%;
		object-fit: cover;
		height: unset;
	}
	.rotate-heading {
		top: 20%;
		left: -30px;
		bottom: 80%;
	}
	.second-build-card {
		width: 100%;
		margin-top: 30px;
		text-align: center;
	}
	.img-heading {
		text-align: center;
	}
	.encircle {
		position: absolute !important;
		top: 30% !important;
		height: 70px;
	}
	.img-heading p {
		padding: 0px 90px;
		font-size: 11px;
	}
	.img-heading h4 {
		font-size: 19px;
		margin: 8px 0;
	}
	.circle-img-wrapper {
		padding-right: 5px;
	}
	.second-build-card .img-heading p {
		padding: 0px 110px;
	}
	.hide {
		font-size: 25px;
	}
	.rotate-heading-second {
		top: 71%;
		bottom: 26%;
		right: -173px;
	}
	.circle {
		top: -19px;
		left: -40px;
	}
	.circle img {
		width: 110px;
		height: 110px;
		object-fit: fill;
	}
	.video-heading p {
		color: #fff;
		padding-right: 9px;
		margin: 11px 0 0 0;
	}
	.video-heading {
		padding: 20px;
	}
	video {
		width: 100%;
		height: 400px;
		object-fit: fill;
	}
	.video-heading h4 {
		font-size: 16px;
	}
	.video-heading h6 {
		font-size: 16px;
	}
	.video-heading p {
		color: #fff;
		padding-right: 9px;
		margin: 11px 0 0 0;
		font-size: 11px;
	}

	.building-card {
		height: unset;
		width: 80%;
	}
	.hero-content {
		position: absolute;
		top: 1%;
		left: inherit;
		z-index: 1;
	}
    section#banner .hero-content1 {
        position: absolute !important;
        top: 0% !important;
        left: inherit;
        z-index: 1;
    }
	p {
		font-size: 11px;
	}
	.second-build-card .img-heading h4 {
		font-size: 22px;
		margin-top: 10px;
	}
	p {
		font-size: clamp(12px, 5vw, 12px);
	}

}
@media (max-width: 576px) {
	.mobile_header {
		width: 100%;
	}
	.hero-content {
		top: 7px;
	}
	.rotate-heading h6 {
		font-size: 10px;
	}
	.rotate-heading h5 {
		font-size: 10px;
	}
	img.img-fluid.second-para-imag-wrapper {
		height: 331px;
	}
	.img-heading-para p {
		font-size: 11px;
	}
	.img-heading-para a.btn {
		font-size: 10px !important;
	}
	.img-heading-para h5 {
		font-size: 20px;
	}
	.custom-container {
		padding: 0px;
	}
	.img-heading-para h4 {
		font-size: 20px;
	}
	.img-heading p {
		padding: 0px 10px;
		font-size: 10px;
	}
	.second-build-card .img-heading p {
		padding: 0px 40px;
	}
	.building-card .ms-5 {
		margin: 0 !important;
	}
	.banner-img-main-wrapper img {
		height: 60vh;
	}
	.encircle {
		position: absolute !important;
		bottom: 0 !important;
		height: 70px;
	}
	.rotate-heading-second {
		top: 83%;
		right: -104px;
	}
	.rotate-heading-second h5 {
		font-size: 13px;
	}
	.circle {
		top: -29px;
		left: -10px;
	}
	span.video-control-label {
		letter-spacing: 4px;
	}
	button {
		font-size: 10px;
	}
	.video-heading p {
		font-size: 10px;
	}
	.video-heading h4 {
		font-size: 13px;
	}
	.video-btn-wrapper button.video-control {
		padding: 0;
	}
	.video-btn-wrapper {
		text-align: end;
		padding-bottom: 24px;
		display: flex;
	}
	span.video-control-play {
		white-space: nowrap;
	}
	span.video-control-label {
		letter-spacing: 1px;
	}
	.shop-content.img-heading-para h4 {
		font-size: 20px !important;
	}
	.shop-content.img-heading-para h5 {
		font-size: 25px !important;
	}
	.shop-content.img-heading-para p {
		font-size: 10px;
	}
	section#shop-tha-latest .card .card-body h6 {
		font-size: 12px;
	}
	section#shop-tha-latest .card .card-body h5 {
		font-size: 14px;
	}
	section#shop-tha-latest .card .card-body h4 {
		font-size: 14px;
	}
	section#shop-tha-latest .card .card-body h3 {
		font-size: 13px;
	}
	section#shop-tha-latest .card .btn {
		font-size: 10px;
	}
	section#shop-for-look .shop-heading-wrapper h4 {
		font-size: 20px !important;
	}
	section#shop-for-look .shop-heading-wrapper h3 {
		font-size: 24px !important;
	}
	.shop-content-second {
        width: 230px;
        top: 40px;
        left: -20px;
    }
	.shop-heading-wrapper p {
		font-size: 10px;
	}
	.shop-image {
		margin-bottom: 20px;
	}
	.shop-heading-wrapper p {
		margin-top: -1px;
		margin-bottom: 0;
	}
	.footer-heading h5 {
		font-size: 20px;
	}
	.footer-heading h3 {
		font-size: 20px;
	}
	.footer-heading {
		margin-bottom: 20px;
	}
	.text-white {
		padding: 40px 0 20px 0;
	}
	.text-white .newsletter_wrapper .btn {
		font-size: 12px;
		padding: 13px 39px;
		letter-spacing: 1px;
	}
	.text-white .newsletter_wrapper input::placeholder {
		font-size: 10px;
	}
	.text-white .newsletter_wrapper input {
		padding: 0px 3px;
	}
	.marque-main-wrapper img.img-fluid {
        height: 40px;
        width: 100% ! important;
        object-fit: scale-down;
    }
	div#mySidenav {
		margin-top: 30px;
	}
	.btn-card-main-nav p.text-center {
		font-size: 10px;
	}
	.earth-wrapper h4 {
		font-size: 13px;
		padding-right: 3px;
		line-height: 1.5;
		margin-bottom: 0;
	}
	a.btn-learn-more {
		font-size: 11px;
	}
	.mystyle {
		width: 100%;
	}
	.mobile_header ul.mobile_menus {
		margin-top: 60px;
	}
	.second-build-card {
		padding: 0;
	}
	.head h5 {
		line-height: 1.2;
	}
	footer .col {
		flex: auto !important;
	}
	ul.social_icons13 {
		margin-top: 25px;
		margin-bottom: 20px;
	}
	.footer-all-right.text-center h6 {
		font-size: 11px;
	}
	video {
		height: 300px;
	}
}
@media (min-width: 389px) and (max-width: 415px) {
	.encircle {
		top: 36% !important;
	}
	.hero-content {
		top: 26px;
	}
    .hero-content1 {
		top: 26px;
	}
}
@media (max-width: 280px) {
	.hero-content {
		top: -7px;
	}
    .hero-content1 {
		top: -7px;
	}
	.text-white .newsletter_wrapper .btn {
		font-size: 10px;
		padding: 13px 15px;
		letter-spacing: 1px;
	}
	.mobile_header ul.mobile_menus li.menu_items a {
		font-size: 15px;
	}
	li.icon-nav-li.search-bar input:focus {
		width: 153px;
	}
	.rotate-heading h6 {
		font-size: 10px;
	}
	.prl-logo h1.hide {
		font-size: 25px;
	}
	.rotate-heading h5 {
		font-size: 10px;
	}
	.rotate-heading {
		top: 16%;
		left: -49px;
	}
	.building-card {
		height: unset;
		width: 74%;
		margin-top: 20px;
	}
	img.img-fluid.second-para-imag-wrapper {
		height: 331px;
	}
	.img-heading-para p {
		font-size: 11px;
	}
	.img-heading-para a.btn {
		font-size: 10px !important;
	}
	.img-heading-para h5 {
		font-size: 20px;
	}
	.custom-container {
		padding: 0px;
	}
	.img-heading-para h4 {
		font-size: 20px;
	}
	.img-heading p {
		padding: 0px 10px;
		font-size: 10px;
	}
	.second-build-card .img-heading p {
		padding: 0px 40px;
	}
	.building-card .ms-5 {
		margin: 0 !important;
	}
	.banner-img-main-wrapper img {
		height: 60vh;
	}
	.encircle {
		position: absolute !important;
		bottom: 0 !important;
		height: 70px;
	}
	.rotate-heading-second {
		top: 83%;
		right: -104px;
	}
	.rotate-heading-second h5 {
		font-size: 13px;
	}
	.circle {
		top: -29px;
		left: -10px;
	}
	span.video-control-label {
		letter-spacing: 4px;
	}
	button {
		font-size: 10px;
	}
	.video-heading p {
		font-size: 10px;
	}
	.video-heading h4 {
		font-size: 13px;
	}
	.video-btn-wrapper button.video-control {
		padding: 0;
	}
	.video-btn-wrapper {
		text-align: end;
		padding-bottom: 24px;
		display: flex;
	}
	span.video-control-play {
		white-space: nowrap;
	}
	span.video-control-label {
		letter-spacing: 1px;
	}
	.shop-content.img-heading-para h4 {
		font-size: 20px !important;
	}
	.shop-content.img-heading-para h5 {
		font-size: 25px !important;
	}
	.shop-content.img-heading-para p {
		font-size: 10px;
	}
	section#shop-tha-latest .card .card-body h6 {
		font-size: 12px;
	}
	section#shop-tha-latest .card .card-body h5 {
		font-size: 14px;
	}
	section#shop-tha-latest .card .card-body h4 {
		font-size: 14px;
	}
	section#shop-tha-latest .card .card-body h3 {
		font-size: 13px;
	}
	section#shop-tha-latest .card .btn {
		font-size: 10px;
	}
	section#shop-for-look .shop-heading-wrapper h4 {
		font-size: 20px !important;
	}
	section#shop-for-look .shop-heading-wrapper h3 {
		font-size: 24px !important;
	}
	.shop-content-second {
		width: 230px;
		top: 70px;
		left: -20px;
	}
	.shop-heading-wrapper p {
		font-size: 10px;
	}
	.shop-image {
		margin-bottom: 20px;
	}
	.shop-heading-wrapper p {
		margin-top: -1px;
		margin-bottom: 0;
	}
	.footer-heading h5 {
		font-size: 20px;
	}
	.footer-heading h3 {
		font-size: 20px;
	}
	.footer-heading {
		margin-bottom: 20px;
	}
	.text-white {
		padding: 40px 0 20px 0;
	}
	.text-white .newsletter_wrapper .btn {
		font-size: 10px;
		padding: 13px 15px;
		letter-spacing: 1px;
	}
	.text-white .newsletter_wrapper input::placeholder {
		font-size: 10px;
	}
	.text-white .newsletter_wrapper input {
		padding: 0px 3px;
	}
	.marque-main-wrapper img.img-fluid {
		height: 40px;
		width: 100%;
		object-fit: scale-down;
	}
	div#mySidenav {
		margin-top: 30px;
	}
	.btn-card-main-nav p.text-center {
		font-size: 10px;
	}
	.earth-wrapper h4 {
		font-size: 13px;
		padding-right: 3px;
		line-height: 1.5;
		margin-bottom: 24px;
	}
	a.btn-learn-more {
		font-size: 11px;
	}
	.mystyle {
		width: 100%;
	}
	.mobile_header ul.mobile_menus {
		margin-top: 60px;
	}
}