* {
	position: relative;
}

.row {
	margin: 0;
	padding: 0;
	width: 100%;
	position: relative;
}


.line {
	line-height: 1 !important;
}


.loader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
/*    background-color: rgba(255, 255, 255, 0.8);*/
    color: #851733;
    display: flex;
    font-size: 24px;
    align-items: center;
    font-family: "Vontgod";
    justify-content: center;
    transition: opacity 0.5s ease;
    z-index: 9999;
}

.loader b {
	margin-right: .88rem;
}

.fade-out {
    opacity: 0;
    pointer-events: none; 
}


input,
select,
textarea {
	outline: none !important;
	box-shadow: none !important;
}


a,
.btn,
button {
	text-decoration: none;
	outline: none !important;
	box-shadow: none !important;
}


#portfolio .portfolio-popup,
#portfolio .portfolio-info {
	top: 0 !important;
	bottom: 0 !important;
	transition: all ease-in-out 0.4s;
	height: 100%;
	opacity: .6;
}

#portfolio .portfolio-item:hover .portfolio-popup {
	opacity: 1;
}


#header .container {
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

#logo img {
	margin: 0;
	padding: 0;
	width: 15rem;
	line-height: 1;
}

.logo-icon {
	width: 48px;
	height: 51px;
	display: block;
	background-image: url(../../image/logo/one&only.png) !important;
	background-position: center;
	background-size: 100% 100%;
}

.menu-category li a {
	width: 100%;
}

fieldset,
.error_page,
.success_page {
	margin: .44rem 0;
	display: block;
	padding: 1rem;
	line-height: 1.2;
	position: relative;
	box-shadow: 0px 0px 8px rgba(73, 78, 92, 0.15);
}

fieldset h1 {
	margin: .2rem 0rem .68rem !important;
	padding-bottom: .3rem !important;
	border-bottom: 2px solid #ffffff !important;
}

fieldset p {
	margin: 0;
	padding: 0;
	font-weight: 500;
	color: #444 !important;
	text-transform: capitalize;
	font-weight: normal !important;
}

fieldset p strong {
	padding: auto .45rem;
}


fieldset.success {
	color: limegreen !important;
}

fieldset.error {
	color: red !important;
}

.success,
fieldset.success,
.success_page,
.formmessage.success {
	background: #f8f9fa !important;
	border: 6px solid #ffffffff !important;
	outline: 2px solid lime !important;
	border-radius: 3px;
}

.error,
.error_page,
.formmessage.error {
	background: #f8f9fa !important;
	border: 6px solid #ffffffff !important;
	outline: 1.5px solid red !important;
	border-radius: 3px;
}

.error b,
.error h1,
.error strong,
.error p strong,
.error_page p strong:nth-child(1) {
	color: red !important;
}

.alert {
	font-size: .9rem;
}

.alert.error strong {
	width: 100% !important;
	display: block !important;
	color: red !important;
}

.alert b,
.alert strong {
	margin-right: .88rem;
	font-size: 1.2rem;
	font-weight: bold !important;
}

.alert p {
	font-size: .98rem;
}

.alert-load {
	display: flex;
	justify-content: flex-start;
    padding: 1.2rem;
    background: #f8f9fa;
    border: 4px solid #ffffffff !important;
    outline: 1.5px solid #999999;
    border-radius: 4px;
    line-height: 1;
}

.alert-load b {
	color: #851733;
}

.alert-load b.spinner-border {
	color: #851733;
}

.error_message {
	margin: 0;
	padding: .3rem .45rem;
}


.category-card {
	display: block;
	padding: .285rem !important;
	margin: 0;
	background: #ffffffff !important;
	border-color: #e8e8e8;
	border-radius: 3px;
}

.category-card .cover {
	display: flex;
	padding: .4rem;
	flex-direction: column;
	justify-content: center;
	background: #f1f6f5 !important;
	box-sizing: border-box;
}


.category-card .card-heading {
	margin: 0;
	padding: .89rem;
	padding-bottom: .68rem;
	font-size: 2rem;
	font-weight: 700 !important;
	letter-spacing: .084rem;
	color: #851733;
	text-transform: capitalize;
	background: #f1f6f5 !important;
	font-family: "Vontgod";
	line-height: 1 !important;
}

.category-card .card-heading span {
	color: #F9A399;
	text-shadow: 1px 3px 4px #ffffffff !important;
}

.category-card .card-heading::after {
	content: ' ';
	display: block;
	width: 8%;
	bottom: 0;
	margin: 0;
	padding: 1.5px;
	background: #F9A399;
	border-radius: 3px;
	line-height: 4px !important;
}

.category-card,
.category-card p,
.category-card .content-text {
	margin: 0;
	padding: 0;
}

.category-card .content-text .col {
	text-align: center;
}

.category-card p {
	display: block;
	width: 100%;
	font-weight: 500;
	font-size: .92rem !important;
	line-height: 1.38 !important;
	color: #ffffffff !important;
}

.category-card hr {
	margin: 0;
	margin-top: .42rem !important;
	padding: .5px;
	background: #efefef;
}

.category-card .border-left {
	border-width: 2.4px !important;
}


.category-images {
	width: 100%;
	min-height: 13rem;
	position: relative;
	margin: .4rem 0;
	padding: 0;
	display: flex;
	gap: 0.5px;
	justify-content: space-between;
	background: inherit;
	box-sizing: border-box;
	overflow: hidden;
}

.category-images img {
	display: block;
	min-width: 33%;
	max-width: 33.2%;
	background: #efefef !important;
}

/*#heroslide {
	height: 82%;
}


#heroslide .overly-content hr {
	margin: 1.2rem auto;
	width: 99%;
	padding: 2px;
	background: #fffe;
}

.overly-content {
	position: absolute;
	display: block;
	top: 20%;
	left: 0;
	bottom: 0;
	right: 0;
	text-transform: capitalize;
	z-index: 3 !important;
}

#heroslide .overly-content strong {
	margin: 0;
	display: block;
	color: #fff;
	background: #b63139;
	font-style: italic !important;
}*/


@media screen and (max-width: 800px) {
	.category-images img {
		max-width: 49.9%;
	}

	.category-images img:nth-child(-n+1) {
		display: none;
	}

	.category-card .card-heading {
		background: #f9f9f9 !important;
		font-size: 1.68rem !important;
		padding: .89rem 1rem .65rem;
	}

	/*#heroslide {
		height: 60%;
		min-height: 30vh !important;
	}

	#heroslide .overly-content strong {
		font-size: .9rem !important;
	}

	#logo img {
		width: 10rem;
	}*/

	.hero-logo {
		width: 18rem;
	}
}


.bold {
	font-weight: bold !important;
}

.head-muted {
	color: #8888;
}


.service-theme {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 80%;
	height: 100%;
	object-fit: fit;
	border-radius: 3px;
	opacity: .88;
}

@media (max-width: 1000px) {
	.service-theme {
		width: 100%;
		opacity: .1;
	}
}


.opening_bg {
	background-image: url(../../image/bg/img-bg-2.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.opening,
.times ul,
.times ul li {
	width: 100%;
	display: block;
	position: relative;
	box-sizing: border-box;
}

.times ul {
	margin: 2px !important;
	padding: .4rem !important;
}

.times ul li {
	margin-top: .45rem !important;
	padding-left: 0;
	text-align: left;
}

.times span {
	font-size: .99rem;
	font-weight: 500;
	text-transform: capitalize;
}

.times span.float-right strong {
	padding-left: .7rem !important;
	padding-right: .6rem !important;
}

.table-sm {
/*	font-family: "Raleway", sans-serif !important;*/
	text-transform: capitalize;
}

table.table-sm tr th,
table.table-sm tr td {
	font-size: 15px !important;
}

.table-sm tr th {
/*	font-family: Arial, sans-serif !important;*/
	font-weight: 500 !important;
}

/*.opening,
.times ul,
.times ul li {
	width: 100%;
	display: block;
	position: relative;
	box-sizing: border-box;
}

.times ul {
	margin: 2px !important;
	padding: .4rem !important;
}

.times ul li {
	padding-left: 0;
	text-align: left;
}

.times span {
	font-size: .99rem;
	font-weight: 500;
	text-transform: capitalize;
}

.times span.float-right strong {
	padding-left: .7rem !important;
	padding-right: .6rem !important;
}*/


.cover {
	margin: 0;
	width: 100%;
	height: 100%;
	position: relative;
}

.img-fill {
	content: " ";
}


h2.heading1 {
	font-size: 3.5rem;
}

.heading1 span {
	font-size: 2.2rem;
	line-height: 1;
	display: block;
}

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

	.heading1,
	.heading1 span {
		margin-top: 1rem;
		font-size: 1.3rem !important;
	}

	.heading1 span {
		display: inline-block !important;
	}
}



.modal-content {
	padding: 0;
}

.modal-header {
	padding: .89rem 1rem .45rem;
}

.modal-title {
	color: #7c2647;
	font-size: 1.55rem;
	font-weight: bold !important;
	letter-spacing: .04rem;
}

.modal-body {
	margin: 0;
	padding: 1.65rem 1rem;
}

.modal-body .btn-sm {
	padding: .45rem .5rem;
	font-size: .88rem;
	font-weight: 500;
}

.close {
	font-size: 21px !important;
}


section {
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden !important;
	box-sizing: border-box;
}

.row {
	width: 100%;
	margin: 0;
	position: 0;
	position: relative;
}


a:not(.email),
button,
.btn {
	text-transform: capitalize;
	font-weight: 400;
	outline: none;
	text-decoration: none;
}

.email {
	font-style: italic !important;
	text-transform: lowercase !important;
}

.btn-primary {
	font-weight: 500 !important;
	color: #ffffff !important;
	background: linear-gradient(#b53033, #b63139);
	border-color: #b53030;
	border-radius: 3px;
	transition: background .4s ease !important;
}

.btn-primary:hover,
.btn-primary:focus {
	background: linear-gradient(#903155, #7c2647);
	border-color: #903160;
	outline: none;
}

.social-links a {
	font-weight: bolder !important;
}

form {
	margin: 0;
	padding: 0;
	position: relative;
	text-transform: capitalize;
}

.form .form-group {
	margin: 0;
	margin-bottom: .6rem !important;
	padding: .4rem;
}

label {
	margin: 0;
	margin-bottom: 4px;
	position: relative;
	text-transform: capitalize;
	font-weight: 500;
	font-size: .94rem;
	line-height: 1.2;
}

select,
textarea,
select.form-control,
textarea.form-control,
input.form-control:not([type="email"]),

select:focus,
textarea:focus,
input:not([type="email"]),
input:not([type="disabled"]),
input:not([type="email"]):focus,

select.form-control:focus,
textarea.form-control:focus,

select.form-control:active,
textarea.form-control:active,
input.form-control:not([type="email"]):focus,
input.form-control:not([type="email"]):active {
	position: relative;
	text-transform: capitalize;
	background: #ffffffff !important;
	box-shadow: none important;
	outline: 0 !important;
}

.form-control:focus,
.form-control:active,
input:focus,
select:focus,
textarea:focus {
	border-color: #b53032 !important;
	box-shadow: none important;
	outline: 0 !important;
}

input::placeholder,
select::placeholder,
textarea::placeholder {
	font-style: italic;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none !important;
	margin: 0;
}

input[type=number],
input[type=tel] {
	-moz-appearance: textfield;
}


.form .validation {
	margin: 3px 0;
	font-size: 12px;
	font-style: italic !important;
	text-transform: capitalize;
	color: red;
	line-height: 1.25;
}


.list-one {
	position: relative;
	padding-left: 2rem;
}

.list-one li {
	position: relative;
	text-transform: capitalize;
	margin: 0px 0px 1px !important;
	padding: 3px 6px !important;
	font-size: 14.5px !important;
	line-height: 1.1;
}

.list-one li .fa {
	margin-right: 3rem !important;
}


.text-primary {
	color: #F9A392 !important;
}

.text-brand {
	color: #7c2649 !important;
}

.bg-brand {
	color: #ffffff;
	background: linear-gradient(#7c2649, #851733);
}

.bg-color {
	color: #fff;
	background: linear-gradient(#b53032, #b63137);
}

.bg-white {
	background: #ffffffff !important;
}


.bg-green {
	color: #fff;
	background: linear-gradient(lime, limegreen) !important;
}

.bg-yellow {
	color: #fff;
	background: linear-gradient(yellow, yellow);
}

.bg-pink {
	color: #fff;
	background: pink;
}

.success {
	background-color: #04AA6D;
}

/* Green */
.success:hover {
	background-color: #46a049;
}

.info {
	background-color: #2196F3;
}

/* Blue */
.info:hover {
	background: #0b7dda;
}

.warning {
	background-color: #ff9800;
}

/* Orange */
.warning:hover {
	background: #e68a00;
}

.danger {
	background-color: #f44336;
}

/* Red */
.danger:hover {
	background: #da190b;
}

.default {
	background-color: #e7e7e7;
	color: black;
}

/* Gray */
.default:hover {
	background: #ddd;
}


/* Green */
.success {
	border-color: #04AA6D;
	color: green;
}

.success:hover {
	background-color: #04AA6D;
	color: white;
}

/* Blue */
.info {
	border-color: #2196F3;
	color: dodgerblue
}

.info:hover {
	background: #2196F3;
	color: white;
}

/* Orange */
.warning {
	border-color: #ff9800;
	color: orange;
}

.warning:hover {
	background: #ff9800;
	color: white;
}

/* Red */
.danger {
	border-color: #f44336;
	color: red
}

.danger:hover {
	background: #f44336;
	color: white;
}

/* Gray */
.default {
	border-color: #e7e7e7;
	color: black;
}

.default:hover {
	background: #e7e7e7;
}


/* ------------------------------------------------------------ N ------------- */
.overly-dark,
.overly-light {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
}

.overly-dark {
	background: #000000a8;
}

.overly-light {
	background: #f2f2f2;
}


.z-zero {
	z-index: 0 !important;
}

.z-one {
	z-index: 1 !important;
}

.z-two {
	z-index: 2 !important;
}

.z-three {
	z-index: 3 !important;
}

.z-over {
	z-index: 99 !important;
}

.z-last {
	z-index: 999 !important;
}


.z-index-0 {
	z-index: 0 !important;
}

.z-index-2 {
	z-index: 2;
}

.z-index-3 {
	z-index: 3 !important;
}

.z-index-9 {
	z-index: 9;
}

.z-index-99 {
	z-index: 99;
}


.main-block {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
}


/* ------------------------------------------------------------ Carousel ------------- */
.img-fill,
.carousel-inner,
.carousel-item,
.main-carousel-home {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.carousel-inner {}

.carousel-item {}

.img-fill {
	margin: auto !important;
	object-fit: fit;
	object-position: center;
}


/* ------------------------------------------------------------ N ------------- */
.bg-block-img {
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}


.img-cover {
	display: flex;
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: fill !important;
	align-items: center;
	align-self: center;
	overflow: hidden;
}


.bg-covered {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center !important;
}


.icon-img {
	position: relative;
	width: 110px;
	margin: auto;
	margin-right: auto !important;
	line-height: 1;
}


.min-height-10 {
	min-height: 10rem;
}


/* ------------------------------------------------------------ N ------------- */
.pn-5 {
	padding: 5px !important;
}


/* ------------------------------------------------------------ N ------------- */
#topbar {
	padding: 6px !important;
}

.img-fit-absolute {
	position: relative;
	margin: 0;
	padding: 0;
	min-height: 8rem;
	overflow: hidden;
}

.img-fit-absolute img {
	width: 100%;
	height: 100%;
	position: absolute;
	object-fit: fit;
}


/* ------------------------------------------------------------ N ------------- */
.jumbotron-fluid {
	margin: 0 !important;
	margin-bottom: 20px;
	position: relative;
	padding: 10px 8px;
	background: url(../../image/bg/img-bg-3.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.jumbotron-inner {
	display: block;
	width: 100%;
	text-align: center;
	text-transform: capitalize;
	z-index: 9;
}

.jumbotron-fluid h3 {
	font-size: 3rem;
	font-weight: bold;
}


.hero-head {
	margin: 0;
	font-size: 5.8rem !important;
	font-weight: bolder !important;
	letter-spacing: 0.85px !important;
	text-transform: capitalize;
	font-style: italic;
}

@media (max-width: 800px) {
	.hero-head {
		font-size: 2.2rem !important;
	}
}


#pagehead {
	font-size: 3rem;
}

#pagehead .span,
#pagehead .small {
	font-size: 1.5rem;
}


@media(max-width: 800px) {
	#pagehead {
		font-size: 1.56rem;
	}

	#pagehead .small {
		font-size: .9rem !important;
	}
}


.content-head {
	padding: 0;
	margin-bottom: 1.56rem;
	text-transform: capitalize;
}

.content-head h1,
.content-head h2 {
	margin: 2px;
	margin-bottom: 4px !important;
	padding: 2px;
	font-size: 2.3rem;
	font-weight: bolder !important;
	color: #7c2649;
	line-height: 1.2 !important;
}


.content-head h1 span,
.content-head h2 span {
	color: #F9A392;
}

.content-head hr {
	width: 20%;
	margin: .2rem .2rem .6rem;
	padding: 2px;
	background: #7c2649;
	line-height: 1;
}

.content-head p {
	font-size: .89rem;
}


.header-lg {
	font-size: 4rem;
}

.header-mm {
	font-size: 3rem;
}

.header-sm {
	font-size: 2rem;
}

.header-xm {
	font-size: 1rem;
}


.copyright-block {
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	text-transform: capitalize;
	justify-content: space-between;
	font-size: 13px !important;
	text-align: center;
}


/* ------------------------------------------------------------ N ------------- */
ul {
	list-style: none;
}


.nav-menu ul li a::before,
ul.arrow-list li a::before {
	content: "» ";
	display: inline-flex;
	position: relative;
	margin-right: .44rem;
	line-height: 1;
}


.nav-menu ul,
.nav-menu ul li {
	margin: 0;
	padding: 0;
}

.nav-menu ul li a {
	margin: 1px;
	padding: 4.5px 11px;
	font-size: 15px;
	line-height: 1.4 !important;
}

.nav-menu ul li a:hover {
	background: #ededed;
}


/* ------------------------------------------------------------ N ------------- */
.testimonial-item {
	height: 100% !important;
	position: relative;
	display: inline-block;
	flex-direction: column;
}

.testimonial-item p {
	margin: 0;
	height: 10rem;
	overflow: hidden;
}


.pricing .pricing_box .list {
	width: 100%;
	border-style: dashed;
	color: #903155;
	padding: 1rem;
	height: 100%;
	border-width: 1px;
	/*    float: left;*/
}

.pricing .pricing_box .list ul {}


/* ------------------------------------------------------------ Display / Visibility ------------- */
.ds-mm,
.ds-mm {
	display: none;
}


/* ------------------------------------------------------------ N ------------- */
@media (max-width: 1200px) and (min-width: 810px) {
	.dn-mm {
		display: none !important;
	}

	.ds-mm {
		display: inline-block !important;
	}
}


@media (min-width: 820px) {
	.h3 {
		font-size: 1.5rem !important;
	}

	.h4 {
		font-size: 1.7rem !important;
	}

	.h5 {
		font-size: 2.1rem !important;
	}
}


@media(min-width: 800px) {
	p,
	p.cta-text {
		margin: 0;
		padding: 0px 0px 3px;
		font-size: 15px !important;
		font-weight: normal !important;
		line-height: 1.5;
	}
}

@media (max-width: 1200px) and (min-width: 800px) {
	.dn-mm {
		display: none;
	}
}


@media(max-width: 800px) {
	.dn-sm {
		display: none !important;
	}

	.db-sm {
		display: block !important;
	}

	.jumbotron-fluid h3 {
		font-size: 2rem !important;
	}

	h2,
	h3,
	h4 {
		font-size: 1.5rem;
	}

	p,
	p.cta-text {
		font-size: 14px !important;
		font-weight: normal !important;
	}
}