/*@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');*/

/*@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');*/

/*@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');*/

/*@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/*@import url('https://fonts.googleapis.com/css2?family=Courgette&family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');*/

/*@import url('https://fonts.googleapis.com/css2?family=Varela+Round&display=swap');*/

/*@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');*/

/*@import url('https://fonts.googleapis.com/css2?family=Agbalumo&display=swap');*/
/*  default css================================================== */


h1,
h3,

h4,

h5,

h6 {

	margin: 0;

	/*font-family: "Varela Round", sans-serif;  font-optical-sizing: auto;  font-weight: 400;  font-style: normal;*/
	 /*font-family: "Courgette", cursive;  font-weight: 400;  font-style: normal;*/
/*	font-family: "Agbalumo", serif;*/

	font-family: "Montserrat", sans-serif; 
  font-weight: 400;
  font-style: normal;
/*  letter-spacing: 1.3px;*/
  letter-spacing: normal;

}

h2 {

	margin: 0;

/*	font-family: "Varela Round", sans-serif;*/
	font-family: "Montserrat", sans-serif; 
	 font-optical-sizing: auto;  font-weight: 400;  font-style: normal;

	 /*font-family: "Courgette", cursive;  font-weight: 400;  font-style: normal;*/
	/*font-family: "Agbalumo", serif;*/

  font-weight: 400;
  font-style: normal;
/*  letter-spacing: 1.3px;*/
  letter-spacing: normal;

}

html,

body {

	font-weight: 400;

	font-style: normal;
	font-family: "Montserrat", sans-serif; 
	  font-optical-sizing: auto; font-style: normal;

/*	overflow-x: hidden;*/

	padding: 0;

	margin: 0;

	box-sizing: border-box;

	scroll-behavior: unset;

}



:root {

	--defaultColor: rgba(227, 30, 36, 1);

	--grayColor: #b5b5c3;

	--primaryColor: rgba(227, 30, 36, 1);

	--dangerColor: #c82333;

	--btnColor: rgba(227, 30, 36, 1);

}



a:hover {

	text-decoration: none;

	outline: none;

}



a:focus {

	text-decoration: none;

	outline: none;

}



button:hover {

	text-decoration: none;

	outline: none;

}



button:focus {

	text-decoration: none;

	outline: none;

}



p {

	padding: 0;

	margin: 0;

	font-weight: normal;
	font-size: 16px;

}



.dis_none {

	display: none;

}



img {

	height: 100%;

	width: 100%;

	object-fit: cover;

}



ul {

	margin: 0;

	padding: 0;

	list-style: none;

}



a,

button {

	cursor: pointer;

	outline: none;

	transition: all 0.3s ease-out !important;

}



button {

	text-transform: capitalize;

}



a:hover,

button:hover {

	cursor: pointer;

	outline: none;

	transition: all .3s ease-in-out !important;

}



.pointer {

	cursor: pointer;

}



/* Remove Chrome Input Field's Unwanted Yellow Background Color */

input:-webkit-autofill,

input:-webkit-autofill:hover,

input:-webkit-autofill:focus {

	-webkit-box-shadow: 0 0 0px 1000px white inset !important;

}



.none {

	display: none !important;

}



/*  default css================================================== */
html{
	font-size: 10px;
}

body.light {

	font-size: 10px;

	background: #fff;

	padding-right: 0 !important;

	font-family: "Montserrat", sans-serif;

}

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

body.dark {

	color: #a4acc4;

}



.success {

	color: #4CAF50;

}



.c_green {

	color: #00a0e3;

}



span.out_of_stock {

	color: tomato;

}



.btn {

	outline: none !important;

}



.btn.focus,

.btn:focus {

	outline: none !important;

	box-shadow: none !important;

}



.ml-9 {

	margin-left: 9px !important;

}



.alert_msg {

	padding-top: 3px;

}



.c_red,

.error {

	color: red !important;

}



.mt-20 {

	margin-top: 20px;

}



.mh-250 {

	min-height: 250px;

}



.pt-50 {

	padding-top: 50px;

}



.mb-30 {

	margin-bottom: 30px;

}



.mr-25 {

	margin-right: 25%;

}



.card-pr-5 {

	padding-right: 5px !important;

}



.card-pl-5 {

	padding-left: 5px !important;

}



.mtb-20 {

	margin-top: 20px;

	margin-bottom: 20px;

}



.section-padding-top {

	padding-top: 120px;

}



.section-padding-bottom {

	padding-bottom: 120px;

}



.mi-padding-top {

	padding-top: 80px;

}



.mi-padding-bottom {

	padding-bottom: 80px;

}



.section_wrapper {

	padding: 0 50px;

	width: 100%;

	overflow: hidden;

}



.row-reverse {

	flex-direction: row-reverse;

	;

}



.mb-50 {

	margin-bottom: 50px;

}



.mb-20 {

	margin-bottom: 20px;

}



.mb-25 {

	margin-bottom: 25px;

}



.mt-20 {

	margin-top: 20px;

}



.mt-30 {

	margin-top: 30px;

}



.pb-20 {

	padding-bottom: 20px;

}



.pt-20 {

	padding-top: 20px;

}



.min-height {

	min-height: 100vh;

}



.error_content p {

	color: #fff;

	margin-top: 5px;

}



.home_page_navbar .navbar-brand {

	/*color: #777;*/

	width: auto;

	height: 50px;

	padding: 0;

	margin: 0;

}



#headers .navbar-light .navbar-nav .nav-link {

	/*color: #fff;text-transform: uppercase;*/

	color: #fff;

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

	 padding: 0 15px;
	 font-size: 18px;
	 font-weight: 500;
}



.contentArea.navLeft {

	padding-left: 300px;

}



#headers .login_signup {

	z-index: 9;

}



.contentArea.navRight {

	padding-right: 300px;

}



.navLeft {

	left: 0;

	border-right: 1px solid #2e344e;

}



.navRight {

	right: 0;

	border-left: 1px solid #2e344e;

}



.wrapper {

	display: flex;

	justify-content: center;

	align-items: center;

	min-height: 100vh;

	position: relative;

	z-index: 1;

	flex-direction: column;

}



body.dark {

	background: #191d2b;

}



.plr {

	width: 100%;

}



.homeContent {

	color: #fff;

	padding: 50px 80px;

}



.php-pagination {

	display: flex;

	width: 100%;

	justify-content: center;

	margin: 40px;

}



/* gallery filter */

.gallery_sort {

	display: flex;

	align-items: center;

	padding: 0;

	margin: 0;

	flex-wrap: wrap;

	white-space: nowrap;

}



ul.gallery_sort li {

	margin: 0 5px 5px;

}



ul.gallery_sort li button:focus {

	outline: none;

}



/*ul.gallery_sort li button.active .mcat, ul.gallery_sort li button:hover .mcat{border:2px solid rgba(227,30,36,1);color: rgba(227,30,36,1);transition: all 0.3s;}*/

ul.gallery_sort li button.active span,

ul.gallery_sort li button:hover span {

	color: #fff;

	transition: all 0.3s;

}



ul.gallery_sort li button .mcat {

	box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);

}



ul.gallery_sort li button {

	display: block;

	border: none;

	padding: 5px 15px;

	font-size: 16px;

	border-radius: 4px;

	background-color: #f2f2f2;

	transition: all 0.3s;

}
.gallery_top_menu {
	/*margin-bottom: 14px;*/
}
.gallery_sort li button.active {
	position: relative;
}
.gallery_sort li button.active::before {

	left: 0;

}



.filter {

	padding: 7px;

}



/* Create four equal columns that sits next to each other */

.item {

	background-color: none;

	display: inline-block;

	margin: 0;

	width: 100%;

	cursor: pointer;

}



#masonry4 {

	column-count: 2;

	column-gap: 0px;

}



@media(min-width: 30em) {

	#masonry4 {

		column-count: 2;

		column-gap: 0px;

	}

}



@media(min-width: 40em) {

	#masonry4 {

		column-count: 2;

		column-gap: 0px;

	}

}



@media(min-width: 60em) {

	#masonry4 {

		column-count: 3;

		column-gap: 0px;

	}

}



@media(min-width: 75em) {

	#masonry4 {

		column-count: 4;

		column-gap: 0px;

	}

}



#masonry3 {

	column-count: 1;

	column-gap: 0px;

}



@media(min-width: 30em) {

	#masonry3 {

		column-count: 3;

		column-gap: 0px;

	}

}



@media(min-width: 40em) {

	#masonry3 {

		column-count: 3;

		column-gap: 0px;

	}

}



@media(min-width: 60em) {

	#masonry3 {

		column-count: 3;

		column-gap: 0px;

	}

}



@media(min-width: 75em) {

	#masonry3 {

		column-count: 3;

		column-gap: 0px;

	}

}



/*  menu btn================================================== */

.navOpen {

	display: none;

}



/* 404 page================================================== */

.error_page {

	background: #191d2b;

	margin: 0;

	padding: 0;

	height: 100vh;

}



.error_wrapper {

	width: 100%;

	height: 100%;

	display: flex;

	align-items: center;

	justify-content: center;

}



.error_wrapper h4 {

	color: #fff;

	font-size: 30px;

}



/*  fun================================================== */

#myBar {

	width: 100%;

	background: #2e344e;

	height: 6px;

	position: fixed;

	z-index: 99;

	border: 1px solid #191d2b;

	top: 0;

}



.scroll-line {

	height: 2px;

	background: linear-gradient(to right, #1345e6 0%, #ed239f 51%, #1345e6 100%) !important;

	width: 0%;

	position: fixed;

	transition: .3s;

}



/*  custom css================================================== */

body::-webkit-scrollbar {

	width: 2px;

}



body::-webkit-scrollbar-track {

	box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);

}



body::-webkit-scrollbar-thumb {

	background-color: rgba(227, 30, 36, 1);

	border-radius: 15px;

}



*::-webkit-scrollbar {

	width: 2px;

}



*::-webkit-scrollbar-track {

	box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);

}



*::-webkit-scrollbar-thumb {

	background-color: rgba(227, 30, 36, 1);

	border-radius: 15px;

}



.mb-80 {

	margin-bottom: 80px;

}



.pt-80 {

	padding-top: 80px;

}



.top_header_area {

	padding-top: 150px;

}



.layout_5 {

	background-attachment: fixed !important;

}



.on-scroll.bg_color {

	position: relative;

}



.left_height_line {

	width: 7px;

	background: radial-gradient(circle, #00a8cc, #00afca, #00b5c6, #00bbc0, #00c0b9, #36bf9e, #5bbd81, #7cb865, #aba63e, #d48c39, #ef6d57, #f35588);

	position: absolute;

	top: 0;

	left: 108px;

	transition: .5s;

	z-index: 8;

}



ul.social_icons li a:hover {

	background: #fff;

	color: rgba(227, 30, 36, 1);

	transition: .5s;

}



.top_btn {

	display: flex;

	align-items: center;

	justify-content: flex-end;

}



.top_btn a {

	display: inline-block;

	background: #194368;

	color: #fff;

	padding: 6px 12px;

	font-size: 14px;

	border-radius: 3px;

	height: 30px;

	white-space: nowrap;

	padding-top: 0;

	margin-right: 10px;

}



.hidden_text {

	display: inline-block;

	width: 0;

	overflow: hidden;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

	text-align: left;

	line-height: 35px;

	vertical-align: middle;

	text-transform: uppercase;

	font-size: 10px;

	padding-left: 0;

}



.top_btn a:hover .hidden_text {

	width: 111px;

	padding-left: 5px;

}



.topMenu_bar {

	height: 53px;

	width: 50px;

	position: fixed;

	left: 11px;

	top: 20px;

	overflow: hidden;

	z-index: 10;

}



.topMenu_bar a {

	color: #fff;

	background: #191d2b;

	font-size: 25px;

	padding: 2px 10px;

	text-align: center;

	display: inline-block;

	line-height: 42px;

	padding-bottom: 0;

}



.leftMenu_bar {

	height: 100vh;

	width: 250px;

	position: fixed;

	background: #191d2b;

	display: flex;

	align-items: center;

	flex-direction: column;

	left: -260px;

	z-index: 999;

}



.hideNav {

	/*background: rgba(0,0,0,.5);*/

	position: absolute;

	top: 0;

	left: 198px;

	width: 50px;

	height: 50px;

	color: #fff;

	text-align: center;

	font-size: 28px;

	transition: all .3s ease-in-out;

}



.hideNav:hover {

	background: #000;

	color: #fff;

}



.leftMenu_name {

	width: 100%;

	text-align: center;

	border: 2px solid #fff;

	padding: 14px;

	margin-bottom: 16px;

}



.leftMenu_name h4 {

	color: #fff !important;

}



.menu_area {

	width: 100%;

	text-align: center;

	padding: 10px 0px;

}



.menu_area ul a {

	color: #fff;

}



.menu_area .mainMenu ul a::before,

.menu_area .mainMenu ul a::after {

	display: none;

}



.menu_area .mainMenu ul a.active,

.menu_area .mainMenu ul a:hover {

	background: #2e344e;

}



.scroll-top {

	height: 50px;

	width: 50px;

	overflow: hidden;

	position: fixed;

	right: 25px;

	bottom: 45px;

	background: rgba(227, 30, 36, 1);

	text-align: center;

	border-radius: 100%;

	box-shadow: 0px 8px 16px 0px rgba(56, 196, 252, 0.5);

}



.scroll-top a {

	display: block;

	font-size: 29px;

	color: #fff;

	line-height: 42px;

}



.layout_5 .single-blog.cv.style_1 {

	box-shadow: 0 0 5px rgba(0, 0, 0, .5);

}



.back.layout_5 {

	display: inline-block;

	color: #a4acc4;

	padding: 10px 30px;

	font-size: 20px;

	position: fixed;

	z-index: 99;

	background: #000;

	top: 16px;

	left: 0;

}



.appointment_schedule.layout_5 {

	margin-top: 20px;

}



.users_section_area.home {

	background: #000;

	overflow: hidden;

	height: 100vh;

}



.aboutImage {

	position: relative;

	height: 455px;

	max-width: 392px;

}



/* Style the search field */

form.example input[type=text] {

	padding: 6px;

	font-size: 17px;

	float: left;

	width: 80%;

	background: #f1f1f1;

	border: 1px solid transparent;

	outline: none;

}



/* Style the submit button */

form.example button {

	float: left;

	width: 20%;

	padding: 6px;

	background: #f1f1f1;

	color: #777;

	font-size: 17px;

	border-left: none;

	cursor: pointer;

	border: 1px solid transparent;

	outline: none;

}



form.example button:hover {

	background: #f1f1f1;

	color: #000;

}



/* Clear floats */

form.example::after {

	content: "";

	clear: both;

	display: table;

}



.right_bar {

	display: flex;

	align-items: center;

	justify-content: space-between;

}



.search_area {

	margin-right: 40px;

}



.custom_menu {

	width: 100%;

	display: flex;

	justify-content: flex-end;

	gap: 11px;

}



.custom_menu ul li a{

}



/* start  empty area================================================== */

.empty_area {

	width: 100%;

	height: 250px;

	display: flex;

	align-items: center;

	justify-content: center;

	text-align: center;

}



.empty_area code {

	background: #eee;

	padding: 1px 7px;

	box-shadow: 0 0 3px #ddd;

	margin-top: 13px;

	display: inline-block;

}



.empty_area h4 {

	margin-top: 5px;

	font-size: calc(17px + .3vw);

}



/* End  empty area================================================== */

/*  alert custom css================================================== *