@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
	--primary: #cf8b57;
}

::-webkit-scrollbar {
	width: 10px;
}

::-webkit-scrollbar-track {
	background: #000000;
}

::-webkit-scrollbar-thumb {
	background: var(--primary);
}

::-webkit-scrollbar-thumb:hover {
	background: #947252;
}

::selection {
	background: var(--primary);
	color: #ffffff;
}

::-moz-selection {
	background: var(--primary);
	color: #ffffff;
}

input:-webkit-autofill,
input:focus:-webkit-autofill,
input:not(:placeholder-shown):-webkit-autofill {
	-webkit-box-shadow: 0 0 0 30px #282828 inset !important;
	box-shadow: 0 0 0 30px #282828 inset !important;
	color: #FFFFFF !important;
	-webkit-text-fill-color: #FFFFFF !important;
	border-color: #ffffff1a !important;
}

body {
	font-family: "Montserrat", serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
[class^='heading-'] {
	font-family: "Inter", serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
[class^='heading-'] {
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 700;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: -0.02em;
	color: #000000;
}

p [data-toggle='tooltip'] {
	padding-left: .25em;
	padding-right: .25em;
	color: var(--primary);
}

a:focus,
button:focus {
	outline: none !important;
}

button::-moz-focus-inner {
	border: 0;
}

*:focus {
	outline: none;
}

input,
button,
select,
textarea {
	outline: none;
}

label {
	margin-bottom: 0;
}

hr {
	margin-top: 0;
	margin-bottom: 0;
	border-top: 1px solid #e5e5e5;
}

p {
	margin: 0;
	text-align: justify;
}

ul,
ol {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul li,
ol li {
	display: block;
}

dl {
	margin: 0;
}

dt,
dd {
	line-height: inherit;
}

dt {
	font-weight: inherit;
}

dd {
	margin-bottom: 0;
}

form {
	margin-bottom: 0;
}

html p a:hover {
	text-decoration: none;
}

body {
	margin: 0;
	text-align: center;
	font-size: 13px;
	line-height: 1.6;
	font-weight: 400;
	letter-spacing: -0.02em;
	color: #000000f3;
	background-color: #ffffff;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: subpixel-antialiased;
}

a {
	transition: all 0.3s ease-in-out;
}

a,
a:focus,
a:active,
a:hover {
	text-decoration: none;
	color: var(--primary);
}

a[href*='tel'],
a[href*='mailto'] {
	white-space: nowrap;
}

img {
	display: inline-block;
	max-width: 100%;
	height: auto;
	user-drag: none;
	-webkit-user-drag: none;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.img-responsive {
	width: 100%;
}

.context-dark .button.button-jerry:hover,
.context-dark .button.button-jerry:active {
	color: #ffffff;
}

.context-dark,
.bg-gray-700,
.bg-gray-800,
.bg-primary {
	color: #ffffffbf;
}

.context-dark h1,
.bg-gray-700 h1,
.bg-gray-800 h1,
.bg-primary h1,
.context-dark h2,
.bg-gray-700 h2,
.bg-gray-800 h2,
.bg-primary h2,
.context-dark h3,
.bg-gray-700 h3,
.bg-gray-800 h3,
.bg-primary h3,
.context-dark h4,
.bg-gray-700 h4,
.bg-gray-800 h4,
.bg-primary h4,
.context-dark h5,
.bg-gray-700 h5,
.bg-gray-800 h5,
.bg-primary h5,
.context-dark h6,
.bg-gray-700 h6,
.bg-gray-800 h6,
.bg-primary h6,
.context-dark [class^='heading-'],
.bg-gray-700 [class^='heading-'],
.bg-gray-800 [class^='heading-'],
.bg-primary [class^='heading-'] {
	color: #ffffff;
}

.context-dark .form-input,
.bg-gray-700 .form-input,
.bg-gray-800 .form-input,
.bg-primary .form-input,
.context-dark .form-label,
.bg-gray-700 .form-label,
.bg-gray-800 .form-label,
.bg-primary .form-label {
	color: #ffffff;
}

.context-dark .form-input,
.bg-gray-700 .form-input,
.bg-gray-800 .form-input,
.bg-primary .form-input {
	border-color: #ffffff1a;
}

.brand {
	display: inline-block;
}

/* popup - modal */

.popupForm .form-validation {
	top: auto;
	bottom: -15px;
	display: none;
}

.popupModalBody {
	background-color: #ffffff;
	box-shadow: 3px 5px 13px 7px var(--primary)2e;
}

.popupModalBody label {
	/* color: white; */
}

.popupModalBody .form-input {
	border-bottom: 1px solid #0000003b;
	/* color: white; */
}

/* hove-video */
.video-classic {
	position: relative;
	max-width: 530px;
}

.video-classic-figure {
	overflow: hidden;
	border-radius: 7px;
}

.video-classic-figure img {
	width: 100%;
}

.video-classic-link {
	position: absolute;
	text-align: center;
	display: inline-block;
	top: 50%;
	left: 50%;
	width: 60px;
	height: 60px;
	font-size: 22px;
	line-height: 60px;
	border-radius: 50%;
	transform: translate3d(-50%, -50%, 0);
	will-change: transform;
	z-index: 1;
}

.video-classic-link::after,
.video-classic-link::before {
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: inherit;
	z-index: -1;
}

.video-classic-link::before {
	background: var(--primary)4d;
	will-change: transform;
	transition: all .3s ease;
}

.video-classic-link .icon {
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

.video-classic-link,
.video-classic-link:focus,
.video-classic-link:active {
	color: #000000;
	background: transparent;
}

.video-classic-link::after,
.video-classic-link:focus::after,
.video-classic-link:active::after {
	background: #ffffff;
}

.video-classic-link:hover {
	color: #ffffff;
}

.video-classic-link:hover::before {
	transform: scale(1.3);
}

.video-classic-link:hover::after {
	background: var(--primary);
}

*+.video-classic {
	margin-top: 30px;
}

/* words - client */
.unit {
	display: flex;
	flex: 0 1 100%;
	margin-bottom: -10px;
	margin-left: -10px;
}

.unit>* {
	margin-bottom: 10px;
	margin-left: 10px;
}

.unit:empty {
	margin-bottom: 0;
	margin-left: 0;
}

.unit-body {
	flex: 0 1 auto;
}

.unit-left,
.unit-right {
	flex: 0 0 auto;
	max-width: 100%;
}

.unit-spacing-md {
	margin-bottom: -15px;
	margin-left: -25px;
}

.unit-spacing-md>* {
	margin-bottom: 15px;
	margin-left: 25px;
}

/* Icons */
.icon {
	display: inline-block;
	font-size: 16px;
	line-height: 1;
}

.icon::before {
	position: relative;
	display: inline-block;
	font-weight: 400;
	font-style: normal;
	speak: none;
	text-transform: none;
}

.icon-circle {
	border-radius: 50%;
}

.button {
	position: relative;
	overflow: hidden;
	display: inline-block;
	padding: 10px 30px;
	font-size: 12px;
	line-height: 1.5;
	border: 1px solid;
	font-weight: 700;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
	cursor: pointer;
	vertical-align: middle;
	user-select: none;
	transition: 250ms all ease-in-out;
}

/* form button */
.button-primary,
.button-primary:focus {
	color: #ffffff;
	background-color: var(--primary);
	border-color: var(--primary);
}

.button-primary:hover,
.button-primary:active,
.button-primary.active {
	color: #ffffff;
	background-color: #313131;
	border-color: #313131;
}

.button-primary.button-ujarak::before {
	background: #313131;
}

.button-primary.button-jerry .button-jerry-line {
	border-color: var(--primary);
}

.button-primary.button-jerry:hover,
.button-primary.button-jerry:active,
.button-primary.button-jerry.active {
	color: #ffffff;
}

.button-primary.button-jerry.buttonbg_light:hover,
.button-primary.button-jerry.buttonbg_light:active,
.button-primary.button-jerry.buttonbg_light.active {
	color: #313131;
}

.button-jerry {
	overflow: visible;
}

.button-jerry:hover {
	border-color: transparent;
	background-color: transparent;
}

.button-jerry:hover .button-jerry-line:nth-child(1) {
	animation: move1 1500ms infinite ease;
}

.button-jerry:hover .button-jerry-line:nth-child(2) {
	animation: move2 1500ms infinite ease;
}

.button-jerry:hover .button-jerry-line:nth-child(3) {
	animation: move3 1500ms infinite ease;
}

.button-jerry:hover .button-jerry-line:nth-child(4) {
	animation: move4 1500ms infinite ease;
}

.button-jerry-line {
	display: block;
	position: absolute;
	border: 0 solid #000000;
}

.button-jerry-line:nth-child(1) {
	bottom: -1px;
	left: -1px;
	border-left-width: inherit;
}

.button-jerry-line:nth-child(2) {
	top: -1px;
	left: -1px;
	border-top-width: inherit;
}

.button-jerry-line:nth-child(3) {
	top: -1px;
	right: -1px;
	border-right-width: inherit;
}

.button-jerry-line:nth-child(4) {
	right: -1px;
	bottom: -1px;
	border-bottom-width: inherit;
}

@keyframes move1 {
	0% {
		height: calc(100% + 1px);
		bottom: -1px;
	}

	54% {
		height: 0;
		bottom: calc(100% + 1px);
	}

	55% {
		height: 0;
		bottom: -1px;
	}

	100% {
		height: calc(100% + 1px);
		bottom: -1px;
	}
}

@keyframes move2 {
	0% {
		width: 0;
		left: -1px;
	}

	50% {
		width: calc(100% + 1px);
		left: -1px;
	}

	100% {
		width: 0;
		left: calc(100% + 1px);
	}
}

@keyframes move3 {
	0% {
		height: calc(100% + 1px);
		top: -1px;
	}

	54% {
		height: 0;
		top: calc(100% + 1px);
	}

	55% {
		height: 0;
		top: -1px;
	}

	100% {
		height: calc(100% + 1px);
		top: -1px;
	}
}

@keyframes move4 {
	0% {
		width: 0;
		right: -1px;
	}

	55% {
		width: calc(100% + 1px);
		right: -1px;
	}

	100% {
		width: 0;
		right: calc(100% + 1px);
	}
}

/* Form styles */
input:-webkit-autofill~label,
input:-webkit-autofill~.form-validation {
	color: #000000 !important;
}

.form-wrap {
	position: relative;
}

.form-wrap.has-error .form-input {
	border-color: #f5543f;
}

.form-wrap.has-focus .form-input {
	border-color: var(--primary);
}

.form-wrap+* {
	margin-top: 16px;
}

.form-wrap+.form-button {
	margin-top: 30px;
}

.form-wrap .form-input:focus+.form-label,
.form-wrap .form-input:not(:placeholder-shown)+.form-label {
	display: none;
}

/* This is for input fields with value */
.form-wrap .form-input:not(:placeholder-shown)+.form-label {
	display: none;
}

@media (min-width: 768px) {
	.form-wrap+* {
		margin-top: 24px;
	}

	.form-wrap+.form-button {
		margin-top: 44px;
	}
}

.form-input {
	display: block;
	width: 100%;
	min-height: 42px;
	padding: 9px 0;
	font-size: 15px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: -0.02em;
	color: #000000;
	background-color: transparent;
	background-image: none;
	border-radius: 0;
	-webkit-appearance: none;
	transition: .3s ease-in-out;
	border: 0 solid #0000001a;
	border-bottom-width: 1px;
}

.form-input:focus {
	outline: 0;
}

.form-label,
.form-label-outside {
	margin-bottom: 0;
	color: #000000;
	font-weight: 500;
}

.form-label {
	text-align: left;
	position: absolute;
	top: 21px;
	left: 0;
	right: 0;
	padding-left: 0;
	padding-right: 0;
	font-size: 15px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: -0.02em;
	transform: translateY(-50%);
	will-change: transform;
	pointer-events: none;
	transition: .25s;
	z-index: 9;
}

.form-label.focus {
	opacity: 0;
}

.form-validation {
	position: absolute;
	right: 8px;
	top: 0;
	z-index: 11;
	margin-top: 2px;
	font-size: 9px;
	font-weight: 400;
	line-height: 12px;
	letter-spacing: 0;
	color: #f5543f;
	transition: .3s;
}

.form-validation-left .form-validation {
	top: 100%;
	right: auto;
	left: 0;
}

#form-output-global {
	position: fixed;
	bottom: 30px;
	left: 15px;
	z-index: 2000;
	visibility: hidden;
	transform: translate3d(-500px, 0, 0);
	transition: .3s all ease;
}

#form-output-global.active {
	visibility: visible;
	transform: translate3d(0, 0, 0);
}

@media (min-width: 576px) {
	#form-output-global {
		left: 30px;
	}
}

.form-style-1 {
	max-width: 530px;
	padding: 20px;
	background: #282828;
	border-radius: 7px;
}

.form-style-1 .form-validation {
	top: auto;
	bottom: -15px;
}

*+.form-style-1 {
	margin-top: 30px;
}

@media (min-width: 576px) {
	.form-style-1 {
		padding: 30px 35px;
	}
}

@media (min-width: 768px) {
	.form-style-1 {
		box-shadow: 20px 30px 30px #00000033;
	}
}

@media (min-width: 992px) {
	.form-style-1 {
		padding: 42px 45px 50px;
	}

	*+.form-style-1 {
		margin-top: 44px;
	}
}

/* words of client */
.quote-classic {
	position: relative;
	text-align: center;
	color: #000000;
	padding-top: 40px;
}

.quote-classic-text {
	font-size: 18px;
	line-height: 1.4;
	font-weight: 400;
	text-transform: none;
	letter-spacing: -0.02em;
	color: #000000;
}

.quote-classic-figure {
	overflow: hidden;
	background-color: white;
	padding: 5px;
	border-radius: 20px;
	box-shadow: 10px 10px 20px #00000040;
}

.quote-classic-author {
	font-weight: 700;
	text-transform: uppercase;
}

.quote-classic-decor-wrap {
	position: absolute;
	top: 0;
	left: 50%;
	font-size: 0;
	line-height: 0;
	transform: translate3d(-50%, 0, 0);
}

.quote-classic-decor {
	display: inline-block;
}

.quote-classic-decor::before {
	display: block;
	content: '';
	width: 16px;
	height: 14px;
	background: var(--primary);
}

.quote-classic-decor::after {
	display: block;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 8px 0 0;
	border-color: var(--primary) transparent transparent transparent;
}

.quote-classic-decor+.quote-classic-decor {
	margin-left: 10px;
}

.quote-classic-status {
	color: var(--primary);
}

.quote-classic-text+.unit {
	margin-top: 20px;
}

*+.quote-classic-status {
	margin-top: 4px;
}

@media (min-width: 576px) {
	.quote-classic {
		text-align: left;
	}

	.quote-classic-decor-wrap {
		left: 0;
		transform: none;
	}

	.quote-classic-text {
		font-size: 20px;
	}
}

@media (min-width: 768px) {
	.quote-classic {
		padding-top: 26px;
		padding-left: 14.5%;
	}

	.quote-classic-decor::before {
		width: 21px;
		height: 18px;
	}

	.quote-classic-decor::after {
		border-width: 10px 10px 0 0;
	}

	.quote-classic-text {
		font-size: 22px;
	}

	.quote-classic-text+.unit {
		margin-top: 30px;
	}
}

@media (min-width: 992px) {
	.quote-classic-text {
		font-size: 26px;
	}

	.quote-classic-text+.unit {
		margin-top: 40px;
	}
}

@media (min-width: 1200px) {
	.quote-classic-text {
		font-size: 30px;
	}
}

.context-dark .quote-classic,
.bg-gray-700 .quote-classic,
.bg-gray-800 .quote-classic,
.bg-primary .quote-classic {
	color: #ffffff;
}

.context-dark .quote-classic-text,
.bg-gray-700 .quote-classic-text,
.bg-gray-800 .quote-classic-text,
.bg-primary .quote-classic-text {
	color: inherit;
}

.snackbars {
	padding: 9px 16px;
	margin-left: auto;
	margin-right: auto;
	color: #ffffff;
	text-align: left;
	background-color: #282828;
	border-radius: 0;
	box-shadow: 0 1px 4px 0 #00000026;
	font-size: 14px;
}

.snackbars .icon-xxs {
	font-size: 18px;
}

.snackbars p span:last-child {
	padding-left: 14px;
}

.snackbars-left {
	display: inline-block;
	margin-bottom: 0;
}

.snackbars-right {
	display: inline-block;
	float: right;
	text-transform: uppercase;
}

.snackbars-right:hover {
	text-decoration: underline;
}

@media (min-width: 576px) {
	.snackbars {
		max-width: 540px;
		padding: 12px 15px;
		font-size: 15px;
	}
}

/* Footers */
footer {
	background: linear-gradient(#060606ee, #060606ee), url(../images/footer-bg.webp) center center;
}

.footer_img img {
	max-width: fit-content;
	width: 22px;
}

.footer_img .footer_social {
	border: 1px solid white;
	border-radius: 50%;
	padding: 5px;
	height: 30px;
	width: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}

footer .footer_links div {
	line-height: 30px;
	padding-top: 15px;
}

footer .footer_links div p::before {
	content: '\f105';
	color: #ffffffbf;
	font-family: 'FontAwesome';
	padding-right: 5px;
}

footer a {
	color: #ffffffbf;
}

.copyrights_sec {
	background-color: black;
}

.copyrights_sec p {
	font-size: 13px;
}

.copyrights_sec .col-6 a {
	border: 1px solid white;
	border-radius: 50%;
	padding: 5px;
	height: 30px;
	width: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 10px;
}

.copyrights_sec .col-6 a:hover {
	border: 1px solid var(--primary);
	background-color: var(--primary);
}

.copyrights_sec .col-6 img {
	max-width: fit-content;
}

/* Projects */
.project-classic {
	text-align: center;
}

.project-classic-2 {
	display: inline-block;
}

.project-classic-title {
	font-size: 30px;
	line-height: 1.16667;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: -0.02em;
	white-space: nowrap;
	text-align: center;
}

@media (min-width: 768px) {
	.project-classic {
		text-align: left;
	}

	.project-classic-title {
		font-size: 35px;
	}
}

@media (min-width: 992px) {
	.project-classic-title {
		font-size: 40px;
	}
}

@media (min-width: 1200px) {
	.project-classic-title {
		font-size: 50px;
	}
}

@media (min-width: 1600px) {
	.project-classic-title {
		font-size: 3.125vw;
	}
}

.context-dark .project-classic-title,
.bg-gray-700 .project-classic-title,
.bg-gray-800 .project-classic-title,
.bg-primary .project-classic-title {
	color: #ffffff;
}

.project-modern {
	padding: 15px 15px 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100px;
	background: #282828;
}

.project-modern-info {
	margin-bottom: -6px;
	margin-left: -25px;
	text-align: left;
}

.project-modern-info .project-modern-address {
	color: #ececec;
}

.project-modern-info:empty {
	margin-bottom: 0;
	margin-left: 0;
}

.project-modern-info>* {
	display: inline-block;
	margin-top: 0;
	margin-bottom: 6px;
	margin-left: 25px;
}

.project-modern-info-item {
	color: var(--primary);
}

.project-modern-address {
	color: #282828;
}

.project-modern-decor {
	display: none;
	height: 0;
	width: 11.4%;
	border-top: 1px solid #ffffff1a;
}

.project-modern-counter,
.project-modern-counter-about,
.project-modern-counter-client,
.project-modern-counter-aboutinner,
.project-modern-counter-about,
.project-modern-counter-consult,
.project-modern-counter-project {
	position: absolute;
	font-size: 40px;
	line-height: 1;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: #c4c4c400;
	transform: translate3d(-50%, 0, 0);
	z-index: 1;
	text-wrap: nowrap;
}

.project-modern-counter,
.project-modern-counter-about,
.project-modern-counter-client,
.project-modern-counter-aboutinner,
.project-modern-counter-about {
	-webkit-text-stroke: 2px #c4c4c40d;
}

.err_page .project-modern-counter {
	-webkit-text-stroke: 2px #cf8b5714;
}

.project-modern-counter-consult,
.project-modern-counter-project {
	-webkit-text-stroke: 2px var(--primary)1a;
}

.project-modern-counter-client.words_of_client {
	left: 70%;
}

.project-modern-counter-aboutinner {
	bottom: 40px;
	left: 87%;
}

.project-modern-counter {
	bottom: 10px;
	left: 50%;
}

.project-modern-counter-about {
	top: 60px;
	left: 46%;
}

.project-modern-counter-consult {
	top: -50px;
	left: 20%;
}

.project-modern-counter-project {
	top: 50px;
	left: 79%;
}

*+.project-modern-decor {
	margin-left: 50px;
}

@media (min-width: 576px) {
	.project-modern-counter {
		font-size: 3.125vw;
	}
}

@media (min-width: 768px) {
	.project-modern {
		padding-bottom: 40px;
	}

	.project-modern-info {
		margin-left: -35px;
	}

	.project-modern-info>* {
		margin-left: 35px;
	}
}

@media (min-width: 992px) {
	.project-modern {
		justify-content: flex-end;
		padding: 20px 35px;
	}

	.project-modern-counter {
		bottom: 0;
		left: 4%;
		line-height: 100px;
		transform: none;
	}
}

@media (min-width: 1200px) {
	.project-modern {
		min-height: 121px;
	}

	.project-modern-counter {
		line-height: 90px;
		letter-spacing: 0.1em;
	}
}

@media (min-width: 1400px) {
	.project-modern-info {
		margin-left: -50px;
	}

	.project-modern-info>* {
		margin-left: 50px;
	}
}

@media (min-width: 1600px) {
	.project-modern-decor {
		display: block;
	}
}

@media (min-width: 1800px) {
	.project-modern-info {
		margin-left: -75px;
	}

	.project-modern-info>* {
		margin-left: 75px;
	}

	.project-modern-counter {
		left: 5.2%;
	}

	*+.project-modern-decor {
		margin-left: 70px;
	}
}

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

	.project-modern-counter,
	.project-modern-counter-about,
	.project-modern-counter-client,
	.project-modern-counter-aboutinner,
	.project-modern-counter-about,
	.project-modern-counter-consult,
	.project-modern-counter-project {
		font-size: 25px;
	}
}

.context-dark .project-modern-info-item,
.bg-gray-700 .project-modern-info-item,
.bg-gray-800 .project-modern-info-item,
.bg-primary .project-modern-info-item {
	color: #ffffffcc;
	font-weight: 400;
	line-height: 30px;
	font-size: 16px;
	letter-spacing: 0px;
}

/* Page layout */
.page {
	position: relative;
	overflow: hidden;
	opacity: 0;
}

.page.fadeIn {
	animation-timing-function: ease-out;
}

.page.fadeOut {
	animation-timing-function: ease-in;
}

[data-x-mode] .page {
	opacity: 1;
}

.font-weight-light {
	font-weight: 300;
}

*+p {
	margin-top: 16px;
}

h1+h3 {
	margin-top: 30px;
}

h3+h6 {
	margin-top: 12px;
}

h6+h1 {
	margin-top: 12px;
}

h1+p {
	margin-top: 12px;
}

h2+p {
	margin-top: 12px;
}

h3+p {
	margin-top: 12px;
}

h4+p {
	margin-top: 12px;
}

h5+p {
	margin-top: 12px;
}

h6+p {
	margin-top: 12px;
}

p+h2,
p+.heading-2 {
	margin-top: 15px;
}

p+p {
	margin-top: 12px;
}

img+p {
	margin-top: 15px;
}

h3+img {
	margin-top: 42px;
}

*+.row {
	margin-top: 30px;
}

*+.button {
	margin-top: 20px;
}

*+.owl-carousel {
	margin-top: 30px;
}

.row+h3,
.row+.heading-3 {
	margin-top: 80px;
}

.container+.container {
	margin-top: 35px;
}

.row+.row {
	margin-top: 35px;
}

@media (min-width: 768px) {
	h3+h6 {
		margin-top: 18px;
	}

	*+.row {
		margin-top: 40px;
	}

	*+.button {
		margin-top: 30px;
	}

	*+.owl-carousel {
		margin-top: 40px;
	}
}

@media (min-width: 992px) {
	*+.button {
		margin-top: 40px;
	}

	*+.owl-carousel {
		margin-top: 50px;
	}

	p+p {
		margin-top: 28px;
	}

	h1+p {
		margin-top: 20px;
	}

	h2+p {
		margin-top: 20px;
	}

	h3+p {
		margin-top: 20px;
	}

	h4+p {
		margin-top: 20px;
	}

	h5+p {
		margin-top: 20px;
	}

	h6+p {
		margin-top: 20px;
	}
}

@media (min-width: 1200px) {
	*+.rd-form {
		margin-top: 30px;
	}

	*+.button {
		margin-top: 50px;
	}

	*+.owl-carousel {
		margin-top: 20px;
	}

	.container+.container {
		margin-top: 60px;
	}

	.row+.row {
		margin-top: 60px;
	}
}

.row-30 {
	margin-bottom: -30px;
}

.row-30:empty {
	margin-bottom: 0;
}

.row-30>* {
	margin-bottom: 30px;
}

@media (min-width: 768px) {
	.row-md-40 {
		margin-bottom: -40px;
	}

	.row-md-40:empty {
		margin-bottom: 0;
	}

	.row-md-40>* {
		margin-bottom: 40px;
	}
}

.section-xs {
	padding: 30px 0;
}

.section-sm,
.section-md,
.section-lg,
.section-xl {
	padding: 50px 0;
}

@media (min-width: 768px) {
	.section-sm {
		padding: 60px 0;
	}

	.section-md {
		padding: 70px 0;
	}

	.section-lg {
		padding: 80px 0;
	}

	.section-xl {
		padding: 90px 0;
	}
}

@media (min-width: 992px) {
	.section-sm {
		padding: 70px 0;
	}

	.section-md {
		padding: 80px 0;
	}

	.section-lg {
		padding: 90px 0;
	}

	.section-xl {
		padding: 100px 0;
	}

	.section-inset-1 {
		padding-bottom: 30px;
	}
}

@media (min-width: 1200px) {
	.section-sm {
		padding: 80px 0;
	}

	.section-md {
		padding: 90px 0;
	}

	.section-lg {
		padding: 100px 0;
	}

	.section-xl {
		padding: 110px 0;
	}

	.section-inset-2 {
		padding-bottom: 140px;
	}

	.section-inset-3 {
		padding-bottom: 130px;
	}
}

.bg-gray-100 {
	background-color: #f5f5f5;
}

.bg-gray-100:not([style*="background-"])+.bg-gray-100:not([style*="background-"]) {
	padding-top: 0;
}

.bg-gray-800 {
	background-color: #282828;
}

.bg-gray-800:not([style*="background-"])+.bg-gray-800:not([style*="background-"]) {
	padding-top: 0;
}

.bg-cover {
	background-size: cover;
}

[class^='bg-'] {
	background-size: cover;
	background-position: center center;
}

@media (min-width: 992px) {
	html:not(.tablet):not(.mobile) .bg-fixed {
		background-attachment: fixed;
	}
}

[style*='z-index: 1000;'] {
	z-index: 1101 !important;
}

.inset-xl-top-20 {
	padding-top: 20px;
}

@media (min-width: 1200px) {
	.inset-xl-left-35 {
		padding-left: 35px;
	}
}

.title-style-1 {
	color: var(--primary);
}

.context-dark .title-style-1,
.bg-gray-700 .title-style-1,
.bg-gray-800 .title-style-1,
.bg-primary .title-style-1 {
	color: var(--primary);
}

.decoration-1 {
	position: relative;
}

.decoration-1::before,
.decoration-1::after {
	position: absolute;
	content: '';
	top: 0;
	left: 50%;
	bottom: 0;
	border: 0 solid #00000014;
	pointer-events: none;
}

.decoration-1::before {
	width: 436px;
	border-width: 0 1px;
	transform: translate3d(-50%, 0, 0);
}


/* Animation - home banner */
.animated {
	-webkit-animation-duration: .7s;
	animation-duration: .7s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	opacity: 1;
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}

html:not(.lt-ie10) .not-animated {
	opacity: 0;
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 40px, 0);
		transform: translate3d(0, 40px, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 40px, 0);
		transform: translate3d(0, 40px, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-40px, 0, 0);
		transform: translate3d(-40px, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-40px, 0, 0);
		transform: translate3d(-40px, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(40px, 0, 0);
		transform: translate3d(40px, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(40px, 0, 0);
		transform: translate3d(40px, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}

@-webkit-keyframes blurIn {
	0% {
		opacity: 0;
		filter: blur(7px);
		transform: scale3d(1.1, 1.1, 1.1);
	}

	100% {
		opacity: 1;
		filter: blur(0);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes blurIn {
	0% {
		opacity: 0;
		filter: blur(7px);
		transform: scale3d(1.1, 1.1, 1.1);
	}

	100% {
		opacity: 1;
		filter: blur(0);
		transform: scale3d(1, 1, 1);
	}
}

.blurIn {
	-webkit-animation-name: blurIn;
	animation-name: blurIn;
	animation-duration: 1.1s;
}

/* Preloader */
.preloader {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 10000;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px;
	background: #ffffff;
	transition: .3s all ease;
}

.preloader.loaded {
	opacity: 0;
	visibility: hidden;
}

.preloader-body {
	text-align: center;
}

.preloader-body p {
	position: relative;
	right: -8px;
}

.cssload-box-loading {
	width: 49px;
	height: 49px;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.cssload-box-loading:before {
	content: '';
	width: 49px;
	height: 5px;
	background: #000000;
	opacity: 0.1;
	position: absolute;
	top: 58px;
	left: 0;
	border-radius: 50%;
	animation: shadow 0.58s linear infinite;
}

.cssload-box-loading:after {
	content: '';
	width: 49px;
	height: 49px;
	background: var(--primary);
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 3px;
	animation: cssload-animate 0.58s linear infinite;
}

@keyframes cssload-animate {
	17% {
		border-bottom-right-radius: 3px;
	}

	25% {
		transform: translateY(9px) rotate(22.5deg);
	}

	50% {
		transform: translateY(18px) scale(1, 0.9) rotate(45deg);
		border-bottom-right-radius: 39px;
	}

	75% {
		transform: translateY(9px) rotate(67.5deg);
	}

	100% {
		transform: translateY(0) rotate(90deg);
	}
}

@keyframes shadow {

	0%,
	100% {
		transform: scale(1, 1);
	}

	50% {
		transform: scale(1.2, 1);
	}
}

/* ToTop */
.scroll-to-top {
	position: fixed;
	bottom: -60px;
	right: 20px;
	display: flex;
	font-size: 20px;
	padding: 10px 15px;
	background: var(--primary);
	color: white;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	z-index: 1000;
	transition: bottom 0.3s ease;
	width: 42px;
	height: 42px;
	justify-content: center;
	align-items: center;
	animation: action 1s infinite alternate;
}

.scroll-to-top.show {
	bottom: 20px;
}

a.scroll-to-top:focus {
	color: white;
}

.scroll-to-top:hover {
	background-color: #2b2b2b;
	color: white;
	border: 2px solid var(--primary);
}

@keyframes action {
	0% {
		transform: translateY(0)
	}

	100% {
		transform: translateY(-15px)
	}
}

.ui-to-top {
	display: none;
}

nav.page_navbar {
	z-index: 100;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 1;
	transform: translateY(0);
	transition: opacity 0.3s ease, transform 0.3s ease, background-color 0.3s ease;
}

nav.page_navbar.active {
	background-color: #000000;
	position: fixed;
	border-bottom: 1px solid #000000;
}

nav.page_navbar:not(.active) {
	background-color: #000000a3;
}

.navbar-toggler:not(.active)>span::after {
	width: 16px;
}

.navbar-toggler:not(.active):hover>span:after,
.navbar-toggler:not(.active):hover>span:before {
	width: 100%;
}

.navbar-toggler {
	display: inline-block;
	position: relative;
	width: 48px;
	height: 48px;
	line-height: 48px;
	cursor: pointer;
	color: #ffffff;
	background-color: transparent;
	border: none;
}

.navbar-toggler span {
	position: relative;
	display: block;
	margin: auto;
	transition: .3s all ease;
}

.navbar-toggler span:after,
.navbar-toggler span:before {
	position: absolute;
	content: "";
	right: 0;
	transition: .3s all ease;
}

.navbar-toggler span::before {
	top: -8px;
}

.navbar-toggler span:after {
	top: 8px;
}

.navbar-toggler span:after,
.navbar-toggler span:before,
.navbar-toggler span {
	width: 28px;
	height: 1px;
	background-color: #ffffff;
	backface-visibility: hidden;
	border-radius: 0;
}

.navbar-toggler.active span {
	background: transparent;
}

.navbar-toggler.active span:before,
.navbar-toggler.active span:after {
	transform-origin: 50% 50%;
	top: 0;
}

.navbar-toggler.active span:before {
	transform: rotate(45deg);
}

.navbar-toggler.active span:after {
	transform: rotate(-45deg);
}

nav .collapse {
	display: flex;
	justify-content: end;
}

.navbar-collapse.show {
	justify-content: center;
}

nav .nav-link {
	color: white;
	font-size: 13px;
	line-height: 1.25;
	font-weight: 500;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	word-break: break-all;
}

nav .collapse {
	display: flex;
	justify-content: end;
}

nav img.innerpage-img {
	width: 160px;
}

/* home - banner */

.homeTop_sec .carousel-item {
	position: relative;
}

.homeTop_sec .carousel-item .carousel_img {
	height: 759px;
	width: 100%;
	background-attachment: fixed !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	animation: bunner-img 20s infinite;
}

.homeTop_sec .carousel-item .carousel-caption {
	position: absolute;
	text-align: left;
	left: 70px;
	bottom: 90px;
	width: 50%;
}

.homeTop_sec .carousel-item .carousel_img.img-1 {
	background: url(../images/slider/slider-1.webp);
}

.homeTop_sec .carousel-item .carousel_img.img-2 {
	background: url(../images/slider/slider-2.webp);
}

.homeTop_sec .carousel-item .carousel_img.img-3 {
	background: url(../images/slider/slider-3.webp);
}

.homeTop_sec .carousel-item .carousel-caption h6 {
	text-transform: uppercase;
	font-size: 15px;
	color: var(--primary);
}

.homeTop_sec .carousel-item .carousel-caption h2 {
	color: #ffffff;
	text-transform: none;
	font-size: 50px;
	font-weight: 500;
}

@keyframes bunner-img {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.2);
	}

	100% {
		transform: scale(1);
	}
}

@media screen and (max-width: 800px) {
	.section-horace-left-panel {
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

.swiper-button-prev,
.swiper-button-next {
	display: none;
	text-align: center;
	position: absolute;
	top: 50%;
	width: 48px;
	height: 48px;
	font-size: 22px;
	line-height: 44px;
	color: #ffffff;
	border: 2px solid #ffffff66;
	border-radius: 50%;
	transform: translateY(-50%);
	will-change: transform;
	transition: all .2s ease-in-out;
	cursor: pointer;
	z-index: 10;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
	color: #ffffff66;
}

@media (min-width: 768px) {

	.swiper-button-prev,
	.swiper-button-next {
		display: block;
	}
}

@media (min-width: 1200px) {

	.swiper-button-prev,
	.swiper-button-next {
		width: 58px;
		height: 58px;
		line-height: 54px;
	}
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
	opacity: 0.35;
	cursor: auto;
	pointer-events: none;
}

.swiper-button-prev {
	left: 30px;
}

.swiper-button-next {
	right: 30px;
}

.swiper-custom-nav {
	position: absolute;
	background: var(--primary);
	box-shadow: 40px 30px 20px #00000040;
	text-align: center;
	z-index: 2;

}

.swiper-custom-nav .swiper-button-prev,
.swiper-custom-nav .swiper-button-next {
	display: inline-block;
	position: static;
	transform: none;
	top: auto;
	left: auto;
	right: auto;
}

.swiper-custom-nav>*+* {
	margin-left: 7px;
}

@media (min-width: 576px) {
	.swiper-slider-1 .swiper-slide {
		padding-top: 0;
	}
}

@media (min-width: 992px) {
	.swiper-custom-nav {
		right: 20px;
		bottom: 140px;
		padding: 20px;
	}
}

@media screen and (max-width: 1200px) {
	.section-horace-left-content {
		flex-grow: 0;
	}

	.swiper-custom-nav {
		bottom: 20px;
		right: 20px;
		padding: 5px;
		background-color: transparent;
		box-shadow: none;
	}

	.swiper-button-prev,
	.swiper-button-next {
		width: 35px;
		height: 35px;
		font-size: 15px;
		line-height: 30px;
		color: #ffffff;
		border: 2px solid #ffffff;
		font-weight: bolder;
		background-color: #c99e76;
		opacity: 1;
	}

	.swiper-slider-1 {
		min-height: 57.3vw;
	}

	.rd-navbar-fixed .rd-navbar-panel {
		height: 67px;
	}
}

.tabs-custom {
	text-align: left;
}

.tabs-custom .nav-tabs {
	font-size: 0;
	line-height: 0;
	word-spacing: 0;
	border: 0;
}

.tabs-custom .nav-tabs:before,
.tabs-custom .nav-tabs:after {
	display: none;
}

.tabs-custom .nav-item {
	float: none;
	border: 0;
	cursor: pointer;
	transition: .33s all ease;
}

.tabs-custom .nav-link {
	margin: 0;
	border-radius: 0;
	border: 0;
}

.tabs-custom .nav-link.active {
	cursor: default;
	border: 0;
}

.counter-classic {
	text-align: center;
}

.counter-classic-title::after {
	display: block;
	content: '';
	margin-left: auto;
	margin-right: auto;
	width: 18px;
	height: 4px;
	margin-top: 6px;
	background: var(--primary);
}

*+.counter-classic-text {
	margin-top: 10px;
}

@media (min-width: 768px) {
	.counter-classic {
		text-align: left;
	}

	.counter-classic-header {
		display: flex;
		align-items: flex-end;
		margin-bottom: -8px;
		margin-left: -16px;
	}

	.counter-classic-header:empty {
		margin-bottom: 0;
		margin-left: 0;
	}

	.counter-classic-header>* {
		display: inline-block;
		margin-top: 0;
		margin-bottom: 8px;
		margin-left: 16px;
	}

	.counter-classic-number {
		line-height: .7;
	}

	.counter-classic-title {
		line-height: 1;
	}

	.counter-classic-title::after {
		margin-left: 0;
		margin-right: 0;
		height: 5px;
		margin-top: 8px;
	}

	*+.counter-classic-text {
		margin-top: 16px;
	}
}

@media (min-width: 992px) {
	.counter-classic-title::after {
		height: 6px;
		margin-top: 10px;
	}
}

@media (min-width: 1200px) {
	.counter-classic-title::after {
		height: 7px;
		margin-top: 12px;
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.owl-height {
	transition: height 500ms ease-in-out;
}

.owl-nav.disabled {
	display: none !important;
}

.owl-prev,
.owl-next {
	text-align: center;
	position: absolute;
	top: 50%;
	width: 48px;
	height: 48px;
	font-size: 22px;
	line-height: 44px;
	color: #000000;
	border: 2px solid #c4c4c4;
	border-radius: 50%;
	transform: translateY(-50%);
	transition: all .2s ease-in-out;
	cursor: pointer;
	background: transparent;
}

.owl-prev:hover,
.owl-next:hover {
	color: var(--primary);
}

.owl-prev {
	left: 0;
}

.owl-prev::before {
	content: '\f14a';
}

.owl-next {
	right: 0;
}

.owl-next::before {
	content: '\f14f';
}

.owl-dots {
	text-align: center;
	font-size: 0;
	line-height: 0;
	margin-top: 30px;
}

.owl-dots.disabled {
	display: none !important;
}

.owl-dot {
	text-align: center;
	position: relative;
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-left: 8px;
	margin-right: 8px;
	border-radius: 50%;
	transition: .2s;
	cursor: pointer;
	outline: none;
	border: none;
	padding: 0;
}

.owl-dot:only-child {
	display: none;
}

.owl-dot,
.owl-dot:focus {
	background-color: #ffffff33;
}

.owl-dot:hover,
.owl-dot.active {
	background-color: var(--primary);
}

.owl-style-2 .owl-stage-outer {
	padding: 30px 0;
	margin: -30px 0;
}

.owl-style-2 .owl-stage {
	display: flex;
	align-items: flex-end;
}

.owl-style-2+* {
	margin-top: 40px;
}

@media (min-width: 576px) {
	.owl-style-2 .owl-dots {
		position: absolute;
		right: 24px;
		bottom: 64px;
		margin-top: 0;
	}
}

@media (min-width: 768px) {
	.owl-style-2+* {
		margin-top: 50px;
	}
}

@media (min-width: 992px) {
	.owl-style-2+* {
		margin-top: 70px;
	}
}

.parallax-scene-js {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.layer-wrap.layer-wrap-animate {
	transform: translate3d(-50%, -17%, 0);
}

.layer-wrap {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
	z-index: -1;
}

.layer-wrap img {
	max-width: none;
	opacity: .5;
}

@media (min-width: 768px) {
	.layer-wrap img {
		display: inline-block;
	}
}

@media (min-width: 1200px) {
	.layer-wrap img {
		opacity: 1;
	}
}

@media (min-width: 1600px) {
	.layer-2 {
		top: 53%;
	}

	.layer-3 {
		top: 55%;
		left: 44%;
	}
}

/* rotate animation */
.rotate_div.aboutpg_rotate {
	top: -60px;
	left: 0px;
	width: 160px;
	height: 160px;
}

.rotate_div.aboutpg_rotate img {
	border: none;
	height: 85px;
}

.rotate_div.aboutpg_rotate svg {
	width: 140px;
	height: 140px;
}

.rotate_div {
	position: absolute;
	width: 180px;
	height: 180px;
	left: 0;
	right: 0;
	margin: auto;
	top: 290px;
	border-radius: 50%;
	border: 2px dashed var(--primary);
}

.rotate_logo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100px;
	height: 100px;
}

.rotate_logo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.curved-text-container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	animation: rotate 10s linear infinite;
}

.curved-text {
	font-size: 36px;
	fill: rgb(255, 255, 255);
	text-anchor: middle;
	letter-spacing: 0;
}

.rotate_div svg {
	width: 160px;
	height: 160px;
}

@keyframes rotate {
	from {
		transform: translate(-50%, -50%) rotate(0deg);
	}

	to {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}

.image-1-about img,
.image-2-about img {
	width: 450px;
}

.mission_vission span {
	position: relative;
}

.mission_vission span.vis_mis {
	color: var(--primary);
	font-weight: 700;
}

.mission_vission h2 span::after {
	content: '';
	position: absolute;
	height: 2px;
	top: 55px;
	right: 75px;
	width: 40%;
	background-color: var(--primary);
}

/* .image-2-about {
	position: absolute;
	top: 180px;
} */

.image-1-about img {
	width: 450px;
	margin-left: 210px;
	margin-top: -27px;
}

/* .about_image_gall img {
	border: 2px solid #ffffff;
} */

/* video_home */
.home_videodiv .video-cover {
	position: relative;
	width: 100%;
	max-width: 600px;
	cursor: pointer;
}

.home_videodiv .cover-image {
	width: 100%;
	height: auto;
	border-radius: 10px;
	box-shadow: 20px 30px 30px #00000033;
}

.home_videodiv.lightbox {
	display: none;
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	background-color: #000000cc;
}

.home_videodiv .lightbox-content {
	position: absolute;
	left: 0;
	top: 10px;
	margin: auto;
	right: 0;
	padding: 20px;
	width: 80%;
	max-width: 800px;
}

.home_videodiv .close {
	color: white;
	position: absolute;
	top: 10px;
	right: 25px;
	font-size: 35px;
	cursor: pointer;
}

.home_videodiv iframe {
	width: 700px;
	height: 500px;
}

.video-cover img {
	border-radius: 10px;
	box-shadow: 20px 30px 30px #00000033;
}

@media screen and (max-width: 800px) {
	.home_videodiv iframe {
		width: 350px;
		height: 350px;
	}

	.home_videodiv .lightbox-content {
		width: 100%;
		top: 40px;
	}
}

@media screen and (min-width: 1500px) {
	.swiper-slider-1 {
		min-height: 47vw;
	}

	.swiper-custom-nav {
		right: 2%;
	}

	.swiper-slider-1 .swiper-slide {
		background-position-y: calc(50% - 121px);
	}
}

/* animation */
.about-section {
	position: relative;
	height: 100vh;
}

#arch,
#house1,
#house2,
#house3,
#house4 {
	position: absolute;
	bottom: 0;
	transform: translateX(-50%);
	opacity: 0;
}

#arch {
	width: 100%;
	z-index: 100;
}

#house1 {
	left: 17%;
	bottom: -10px;
	width: 20%;
}

#house2 {
	left: 50%;
	bottom: -8px;
	width: 30%;
}

#house3 {
	left: 90%;
	width: 23%;
	bottom: -8px;
}

#person1,
#person2,
#person3 {
	position: absolute;
	bottom: 0;
	transform: translateX(-50%);
	opacity: 0;
	z-index: 100;
}

#person1 {
	left: 20%;
	bottom: -13px;
	width: 80px;
}

#person2 {
	left: 40%;
	bottom: -10px;
	width: 50px;
}

#person3 {
	left: 75%;
	bottom: -10px;
	width: 50px;
}

#about-details {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 1;
	width: 100%;
	height: auto;
	z-index: 200;
	text-align: center;
}

#advantage {
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	width: 100%;
	height: auto;
	z-index: 200;
	text-align: center;
}

#advantage .animated_box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 15px;
}

#advantage .inner_icon {
	position: relative;
	padding: 10px;
	border-radius: 50%;
	background-color: transparent;
	display: flex;
	justify-content: center;
	align-items: center;
}

#advantage .inner_icon::before {
	content: "";
	position: absolute;
	top: -2px;
	left: -2px;
	right: -2px;
	bottom: -2px;
	border: 2px dashed var(--primary);
	border-radius: 50%;
	box-sizing: border-box;
	animation: borderRotate 15s linear infinite;
}

@keyframes borderRotate {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

#advantage .inner_icon img {
	height: 45px;
}

#advantage .inner_div {
	background-color: #000000d9;
	padding: 18px 10px;
	border: 2px solid #000000;
}

#advantage .inner_div h5 {
	color: var(--primary);
}

.adv-icon {
	margin: 7px 0;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFFFFF;
	background: var(--primary);
	border-radius: 10px;
	font-size: 20px;
	transition: .5s;
}

.about-section.appeared #about-details {
	opacity: 1;
	transform: translate(-50%, -50%);
}

.about-section.appeared #advantage {
	opacity: 1;
	transform: translate(-50%, 0);
}

/* about - page */
.page-header-breadcrumbs {
	background: linear-gradient(#00000040, #00000040), url(../images/banner.jpg), no-repeat;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	display: flex;
	align-items: center;
	background-attachment: inherit;
	background-position: center center;
}

.page-header-breadcrumbs h1 {
	color: white;
	font-size: 45px;
}

.page-header-breadcrumbs .container {
	margin-top: 87px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 350px;
}

/* media query */
@media (min-width: 992px) {
	.button {
		padding: 15px 45px;
	}
}

@media (min-width: 768px) {
	.video-classic-figure {
		box-shadow: 20px 30px 30px #00000033;
	}

	.video-classic-link {
		width: 80px;
		height: 80px;
		font-size: 28px;
		line-height: 80px;
	}

	*+.video-classic {
		margin-top: 40px;
	}
}

@media (min-width: 992px) {
	.video-classic-link {
		width: 99px;
		height: 99px;
		font-size: 36px;
		line-height: 99px;
	}

	*+.video-classic {
		margin-top: 50px;
	}
}

@media (min-width: 768px) {
	body {
		text-align: left;
		font-size: 14px;
	}
}

@media (min-width: 992px) {
	body {
		font-size: 15px;
	}
}

@media (min-width: 381px) and (max-width: 490px) {
	.animated_box {
		margin-top: 20px;
	}
}

@media (min-width: 0px) and (max-width: 380px) {
	.animated_box {
		margin-bottom: 10px;
	}

	#advantage .inner_icon {
		width: 50px;
		height: 50px;
	}

	#advantage .inner_icon img {
		height: 33px;
	}

	#advantage .inner_icon {
		height: 40px;
		width: 40px;
	}

	#advantage .inner_icon img {
		height: 27px;
	}

	#advantage .inner_div {
		padding: 7px;
	}
}

@media screen and (max-width: 800px) {
	.rotate_div {
		position: relative;
		top: 30px;
		left: 0;
		margin: auto;
	}

	.image-1-about {
		display: none;
	}

	.image-2-about {
		position: relative;
		top: 0px;
	}

	.project-modern-counter-client {
		transform: translate3d(0, 0, 0);
	}

	#advantage {
		top: 50%;
	}

	#advantage .inner_icon {
		height: 50px;
		width: 50px;
	}

	#advantage .inner_icon img {
		height: 35px;
	}

	#person1 {
		width: 40px;
	}

	#person2 {
		width: 25px;
		left: 36%;
	}

	#person3 {
		width: 25px;
	}
}

/* slider - new plot waiting - home*/

.slider-hero {
	position: relative;
	height: 400px;
}

.owl-carousel {
	position: relative;
}

.owl-carousel .owl-item {
	opacity: 1;
}

.owl-carousel .owl-item.active {
	opacity: 1;
}

.owl-carousel .owl-nav {
	position: absolute;
	top: 50%;
	width: 100%;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
	position: absolute;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-top: 0;
	color: white !important;
	-webkit-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
	opacity: 1;
}

@media (prefers-reduced-motion: reduce) {

	.owl-carousel .owl-nav .owl-prev,
	.owl-carousel .owl-nav .owl-next {
		-webkit-transition: none;
		-o-transition: none;
		transition: none;
	}
}

.owl-carousel .owl-nav .owl-prev span:before,
.owl-carousel .owl-nav .owl-next span:before {
	font-size: 30px;
}

.owl-carousel .owl-nav .owl-prev {
	left: 20px;
}

.owl-carousel .owl-nav .owl-next {
	right: 20px;
}

.owl-carousel .owl-dots {
	text-align: center;
	margin-top: 0;
	position: absolute;
	bottom: 10px;
	right: 0;
	left: 0;
}

.owl-carousel .owl-dots .owl-dot {
	width: 10px;
	height: 10px;
	margin: 5px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.5);
	position: relative;
}

.owl-carousel .owl-dots .owl-dot:hover,
.owl-carousel .owl-dots .owl-dot:focus {
	outline: none !important;
}

.owl-carousel .owl-dots .owl-dot.active {
	background: var(--primary);
}

.owl-carousel.owl-drag .owl-item {
	-ms-touch-action: pan-y;
	touch-action: pan-y;
}

.work {
	width: 100%;
}

.work .img {
	width: 100%;
	height: 400px;
	background-size: cover;
	background-position: center;
	position: relative;
	z-index: 0;
	border-radius: 10px;
	overflow: hidden;
	-webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
	-moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
	box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
}

.work .text h3 {
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	text-transform: uppercase;
}

@media (max-width: 991.98px) {
	.work .text h2 {
		font-size: 40px;
	}
}

.work .text span {
	font-size: 12px;
	letter-spacing: 1px;
	color: rgba(0, 0, 0, 0.3);
	text-transform: uppercase;
	font-weight: 500;
}

.thumbnail {
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
	bottom: 0px;
	left: 50%;
	-webkit-transform: translateY(50%) translateX(-50%);
	-ms-transform: translateY(50%) translateX(-50%);
	transform: translateY(50%) translateX(-50%);
	z-index: 99;
	width: 100%;
}

.thumbnail li {
	display: inline-block;
}

.thumbnail li a {
	display: block;
	margin: 4px;
}

.thumbnail li a img {
	width: 80px;
	border-radius: 50%;
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease;
	-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
}

.thumbnail li.active a img {
	border: 4px solid #fff;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
}

@media (max-width: 767.98px) {
	.thumbnail li a img {
		width: 50px;
	}
}

/* gallery */
#gallery {
	padding: 40px 0px;

	@media screen and (min-width: 991px) {
		padding: 60px 30px;
	}
}

.img-wrapper {
	position: relative;
	margin-top: 15px;

	img {
		width: 100%;
	}
}

.img-overlay {
	background: rgba(0, 0, 0, 0.74);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;

	i {
		color: #a26f40;
		font-size: 35px;
	}
}

#overlay {
	backdrop-filter: blur(5px);
	background: #000000c4;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 999;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	img {
		margin: 0;
		width: 80%;
		height: auto;
		object-fit: contain;
		padding: 5%;

		@media screen and (min-width:768px) {
			width: 60%;
		}

		@media screen and (min-width:1200px) {
			width: 50%;
		}
	}
}

#nextButton {
	color: var(--primary);
	font-size: 2em;
	transition: opacity 0.8s;

	&:hover {
		opacity: 0.7;
	}

	@media screen and (min-width:768px) {
		font-size: 25px;
	}
}

#prevButton {
	color: var(--primary);
	font-size: 2em;
	transition: opacity 0.8s;

	&:hover {
		opacity: 0.7;
	}

	@media screen and (min-width:768px) {
		font-size: 25px;
	}
}

#exitButton {
	color: var(--primary);
	font-size: 2em;
	transition: opacity 0.8s;
	position: absolute;
	top: 15px;
	right: 15px;

	&:hover {
		opacity: 0.7;
	}

	@media screen and (min-width:768px) {
		font-size: 26px;
	}
}

/* contact */
.contact-section a {
	color: #000000;
}

.contact-section a:hover {
	color: #8b521d;
	margin-left: 2px;
}

.contact-section i {
	color: var(--primary);
}

.contact-section p {
	display: flex;
	align-items: center;
	gap: 5px;
}

.contact-section .location .map {
	box-shadow: 2px 7px 20px 3px #00000057;
	height: 400px;
}

/* upcoming projects */
.plot_details {
	padding: 30px 10px;
	border-radius: 7px;
}

.project_child {
	position: relative;
}

.project_content {
	position: absolute;
}

.project_content1,
.project_content2 {
	top: 33px;
}

.project_content1 {
	right: 0px;
}

.project_content2 {
	left: 0px;
}

@media screen and (max-width: 490px) {
	.project_img img {
		border-radius: 7px 7px 0px 0px;
	}

	.plot_details {
		padding: 20px 10px;
	}

	.plot_details img {
		height: 45px;
	}

	.plot_details {
		padding: 30px 10px;
		border-radius: 0 0 7px 7px;
	}

	.project_content {
		position: static;
	}

	.rotate_div.aboutpg_rotate {
		top: -14px;
		left: 0;
	}
}

/* projects */

.project-portfolio {
	text-align: center;
}

.project-portfolio h2 {
	font-size: 2rem;
	margin-bottom: 0.5rem;
}

.project-portfolio p {
	margin-bottom: 0.5rem;
	font-size: 1rem;
	color: #555;
}

.project_row {
	background-color: #ffffffe8;
	padding: 20px 10px 0px;
	box-shadow: 2px 2px 16px 0px #63636354;
}

.project_parent .page-content {
	margin: 0 auto;
}

.project_parent .card {
	position: relative;
	display: flex;
	align-items: flex-end;
	overflow: hidden;
	width: 100%;
	margin-bottom: 20px;
	height: fit-content;
	text-align: center;
	color: whitesmoke;
	background-color: whitesmoke;
	box-shadow: 0 1px 1px #0000001a,
		0 2px 2px #0000001a,
		0 4px 4px #0000001a,
		0 8px 8px #0000001a,
		0 16px 16px #0000001a;
}

.project_parent .card img {
	position: relative;
}

.project_parent .card:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 110%;
	background-size: cover;
	background-position: 0 0;
	transition: transform calc(700ms * 1.5) var(cubic-bezier(0.19, 1, 0.22, 1));
	pointer-events: none;
}

.project_parent .card:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 200%;
	pointer-events: none;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.009) 11.7%, rgba(0, 0, 0, 0.034) 22.1%, rgba(0, 0, 0, 0.072) 31.2%, rgba(0, 0, 0, 0.123) 39.4%, rgba(0, 0, 0, 0.182) 46.6%, rgba(0, 0, 0, 0.249) 53.1%, rgba(0, 0, 0, 0.32) 58.9%, rgba(0, 0, 0, 0.394) 64.3%, rgba(0, 0, 0, 0.468) 69.3%, rgba(0, 0, 0, 0.54) 74.1%, rgba(0, 0, 0, 0.607) 78.8%, rgba(0, 0, 0, 0.668) 83.6%, rgba(0, 0, 0, 0.721) 88.7%, rgba(0, 0, 0, 0.762) 94.1%, rgba(0, 0, 0, 0.79) 100%);
	transform: translateY(-50%);
	transition: transform calc(700ms * 2) cubic-bezier(0.19, 1, 0.22, 1);
}

@media screen and (max-width: 480px) {
	.homeTop_sec .carousel-item .carousel_img {
		height: 230px;
		background-size: contain !important;
	}

	.homeTop_sec {
		padding-top: 89px;
	}

	nav.page_navbar:not(.active) {
		background-color: #282828;
	}

	.project_parent .card {
		justify-content: flex-end;
	}

	.project_parent .copy {
		display: none;
	}

	.homeTop_sec .carousel-item .carousel-caption h2 {
		font-size: 25px;
	}

	.homeTop_sec .carousel-item .carousel-caption {
		left: 0;
		padding: 0px 10px;
		width: 100%;
		bottom: 55px;
	}
}

@media (hover: hover) and (min-width: 600px) {
	.project_parent .card:after {
		transform: translateY(0);
	}

	.project_parent .content {
		transform: translateY(calc(100% - 0.5rem));
	}

	.project_parent .content>*:not(.title) {
		opacity: 0;
		transform: translateY(1rem);
		transition: transform 700ms cubic-bezier(0.19, 1, 0.22, 1), opacity 700ms cubic-bezier(0.19, 1, 0.22, 1);
	}

	.project_parent .card:hover,
	.project_parent .card:focus-within {
		align-items: center;
	}

	.project_parent .card:hover:before,
	.project_parent .card:focus-within:before {
		transform: translateY(-4%);
	}

	.project_parent .project_row:hover .card:after,
	.project_parent .project_row:focus-within .card:after {
		transform: translateY(-50%);
	}

	.project_parent .card:hover .content,
	.project_parent .card:focus-within .content {
		transform: translateY(calc(100% - 9.5rem));
	}

	.project_parent .card:hover .content>*:not(.title),
	.project_parent .card:focus-within .content>*:not(.title) {
		opacity: 1;
		transform: translateY(0);
		transition-delay: calc(700ms / 8);
	}

	.project_parent .card:focus-within:before,
	.project_parent .card:focus-within:after,
	.project_parent .card:focus-within .content,
	.project_parent .card:focus-within .content>*:not(.title) {
		transition-duration: 0s;
	}
}

.project_details p {
	margin-top: 0;
}

.project_details .project_title,
.project_innerpage .project_title {
	background-color: #2f8d46;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: black;
	background-repeat: repeat;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	text-transform: uppercase;
	font-family: 'Steelfish Rg', 'helvetica neue',
		helvetica, arial, sans-serif;
	font-weight: 800;
	-webkit-font-smoothing: antialiased;
}

.project_details .project_title,
.project_innerpage .project_title {
	background-image: url("../images/prestige-avenue-top.webp");
}

.plot_type,
.project_details li p b,
.project_details i,
.button-primary.button-jerry.project_explore:hover,
.button-primary.button-jerry.registerPopupButt:hover,
.inner_product_plot {
	color: var(--primary);
}

.project_details li,
.project_innerpage li {
	border-right: 1px solid black;
	padding: 0px 15px;
	text-align: center;
}

.project_innerpage li {
	padding: 0px 50px;
}

.project_details li:last-child,
.project_innerpage li:last-child {
	border: none;
}

.pro_features {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
}

.pro_features .feature_img {
	overflow: hidden;
	display: flex;
	justify-content: center;
	height: 155px;
	width: 155px;
	margin-bottom: 10px;
	position: relative;
}

.pro_features .feature_img img {
	transition: transform 0.3s ease-in-out;
	transform: scale(1);
}

.pro_features:hover .feature_img img {
	transform: scale(1.1);
}

.pro_advantage_div i {
	font-size: 30px;
	color: var(--primary);
}

.pro_features .feature_img::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;
	background-color: rgba(0, 0, 0, 0.5);
	transition: height 0.3s ease-in-out;
}

.pro_features:hover .feature_img::after {
	height: 100%;
}

/* sitemap */
.sitemap li a {
	color: black;
}

.sitemap li a:hover {
	color: #a26f40;
}

.flow {
	list-style: none;
	border-left: solid 4px #141414;
	padding: 20px;
	width: 300px;
	text-align: left;
}

.flow li a {
	text-decoration: none;
	color: black;
}

.flow li a:hover {
	color: #ee9243;
}

.flow li {
	position: relative;
	margin-bottom: 15px;
	color: #333;
	font-weight: 400;
}

.flow li:before {
	content: "";
	position: absolute;
	left: -30px;
	top: 3px;
	width: 16px;
	height: 16px;
	background: var(--primary);
	border: solid 4px #ffe1c6;
}

.flow li ul {
	list-style: none;
	padding: 0;
	position: relative;
}

.flow li ul li {
	padding-left: 60px;
	font-size: 12px;
}

.flow li ul li:last-child {
	height: 9px;
}

.flow li ul li:before {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	top: 7px;
	left: -23px;
	width: 60px;
	height: 4px;
	border: none;
}

.flow li ul li:after {
	content: "";
	position: absolute;
	top: 1px;
	left: 30px;
	width: 12px;
	height: 12px;
	background: #8B4500;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	border: solid 2px #FFDAB9;
}

.flow li ul li ul {
	border-left: solid 2px #8B4500;
	padding-top: 10px;
	margin-left: -23px;
}

.flow li ul li ul li {
	font-size: 10px;
	color: #a55200;
}

.flow li ul li ul li:before {
	height: 2px;
	left: 0;
	width: 40px;
}

.flow li ul li ul li:after {
	width: 8px;
	height: 8px;
	top: 2px;
	left: 40px;
}

.flow li ul li ul li ul {
	border-left: none;
	list-style: circle;
	padding: 0;
	margin-left: 20px;
}

.flow li ul li ul li ul li {
	padding-left: 10px;
	margin-bottom: 5px;
}

.flow li ul li ul li ul li:before {
	width: 0;
	height: 0;
}

.flow li ul li ul li ul li:after {
	width: 0;
	height: 0;
}

@media (min-width: 768px) {
	.registerModal .modal-dialog {
		position: fixed;
		width: 100%;
		right: 30px;
		margin: 0;
	}
}

/* success modal */

.modal#statusSuccessModal .modal-content {
	border-radius: 30px;
}

.modal#statusSuccessModal .modal-content svg {
	width: 80px;
	display: block;
	margin: 0 auto;
}

.modal#statusSuccessModal .modal-content .path {
	stroke-dasharray: 1000;
	stroke-dashoffset: 0;
}

.modal#statusSuccessModal .modal-content .path.circle {
	-webkit-animation: dash 0.9s ease-in-out;
	animation: dash 0.9s ease-in-out;
}

.modal#statusSuccessModal .modal-content .path.line {
	stroke-dashoffset: 1000;
	-webkit-animation: dash 0.95s 0.35s ease-in-out forwards;
	animation: dash 0.95s 0.35s ease-in-out forwards;
}

.modal#statusSuccessModal .modal-content .path.check {
	stroke-dashoffset: -100;
	-webkit-animation: dash-check 0.95s 0.35s ease-in-out forwards;
	animation: dash-check 0.95s 0.35s ease-in-out forwards;
}

@-webkit-keyframes dash {
	0% {
		stroke-dashoffset: 1000;
	}

	100% {
		stroke-dashoffset: 0;
	}
}

@keyframes dash {
	0% {
		stroke-dashoffset: 1000;
	}

	100% {
		stroke-dashoffset: 0;
	}
}

@-webkit-keyframes dash {
	0% {
		stroke-dashoffset: 1000;
	}

	100% {
		stroke-dashoffset: 0;
	}
}

@keyframes dash {
	0% {
		stroke-dashoffset: 1000;
	}

	100% {
		stroke-dashoffset: 0;
	}
}

@-webkit-keyframes dash-check {
	0% {
		stroke-dashoffset: -100;
	}

	100% {
		stroke-dashoffset: 900;
	}
}

@keyframes dash-check {
	0% {
		stroke-dashoffset: -100;
	}

	100% {
		stroke-dashoffset: 900;
	}
}
#statusSuccessModal .modal-content{
	background-color: #000000e3;
	color: white;
}
/* error page */
.err_page i {
	font-size: 50px;
	text-align: center;
	color: #cb0000;
}


