/* * Theme: Shaadi Samaroh** Author: Wave Infotech** Version: 1.0, 2020**/
/*============================================================================================*/
/* 1. SITE STRUCTURE and TYPOGRAPHY */
/*============================================================================================*/
/*-------- 1.1 Typography --------*/
html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 15px;
}

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 1rem;
	font-style: normal;
	line-height: 1.6;
	text-transform: none;
	padding-top: 93px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.5;
	font-family: 'Playfair Display', serif;
	font-weight: 400;
}

p {
	font-size: 16px;
	color: #333
}

a {
	text-decoration: none
}

a:hover,
a:focus {
	color: #ffb506;
	text-decoration: none
}

label {
	color: #444;
	font-weight: 500
}

.custom-select,
.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.custom-file-label,
.form-control {
	min-height: 50px;
	box-shadow: none;
	font-weight: 300
}

.form-control.input-sm {
	min-height: 36px
}

.form-control:focus {
	background-color: #fff;
	border-color: #c70039;
	outline: 0;
	box-shadow: none
}

.custom-select:focus {
	border-color: #c70039;
	outline: 0;
	box-shadow: none
}

.custom-file-label,
.custom-file,
.custom-file-input,
.custom-file-label::after {
	height: 50px;
	line-height: 2.5
}

.text-primary {
	color: #ffb506!important
}

.text-info {
	color: #00264c!important
}

.bg-primary {
	background-color: #c70039!important;
	color: #fff;
	padding: 2% 5% 2% 5%;
	font-size: 16px
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
	background-color: #bc0d0d!important;
	color: #fff
}

.bg-info {
	background-color: #00264c!important
}

.form-control {
	border-radius: 0
}

.custom-select {
	border-radius: 0
}

.far.fa-user-circle {
	font-weight: 900;
	font-size: 20px
}
.btn.btn-theme.btn-block {
	color: #fff
}

.btn {
	border-radius: 0;
	font-size: 14px;
	font-weight: 700; 
	font-style: normal;
	transition: all .3s ease
}

.btn-theme {
	background: linear-gradient(to top, #ffc300 50%, #c70039 50%) no-repeat scroll right top / 100% 210% #c70039;
	border-color: #c70039;
	color: #fff;
	line-height: 1.5385em;
	text-decoration: none;
	text-transform: uppercase;
	padding: .95em 2.2em;
	transition: all .3s ease
}

.btn-theme:hover {
	background-position: right bottom;
	border-color: #ffc300;
	color: #333
}

.button-7 {
	width: 191px;
	height: 50px;
	border: 2px solid #c70039;
	text-align: center;
	cursor: pointer;
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
	margin: 10px auto
}

.button-7 a {
	font-size: 16px;
	color: #c70039;
	text-decoration: none;
	line-height: 50px;
	transition: all .5s ease;
	z-index: 2;
	position: relative;
	font-weight: 900
}

.button-7:hover .eff-7 {
	border: 70px solid #c70039
}

.button-7:hover a {
	color: #fff
}
.btn.focus, .btn:focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(0,123,255,.0);
}
.eff-7 {
	width: 191px;
	height: 50px;
	border: 0 solid #c70039;
	position: absolute;
	transition: all .5s ease;
	z-index: 1;
	box-sizing: border-box
}

.button_blog {
	width: 191px;
	height: 50px;
	border: 2px solid #c70039;
	text-align: center;
	cursor: pointer;
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
	margin: 40px auto 10px
}

.button_blog a {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #c70039;
	text-decoration: none;
	line-height: 50px;
	transition: all .5s ease;
	z-index: 2;
	position: relative;
	font-weight: 900
}

.eff_blog {
	width: 191px;
	height: 50px;
	border: 0 solid #c70039;
	position: absolute;
	transition: all .5s ease;
	z-index: 1;
	box-sizing: border-box
}

.button_blog:hover .eff_blog {
	border: 70px solid #c70039
}

.button_blog:hover a {
	color: #fff
}

.button_talk {
	width: 191px;
	height: 50px;
	border: 2px solid #c70039;
	text-align: center;
	cursor: pointer;
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
	margin-top: 6%
}

.button_talk a {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #c70039;
	text-decoration: none;
	line-height: 50px;
	transition: all .5s ease;
	z-index: 2;
	position: relative;
	font-weight: 900
}

.eff-7 {
	width: 191px;
	height: 50px;
	border: 0 solid #c70039;
	position: absolute;
	transition: all .5s ease;
	z-index: 1;
	box-sizing: border-box
}

.button_talk:hover .eff-7 {
	border: 70px solid #c70039
}

.button_talk:hover a {
	color: #fff
}

.button_work {
	width: 191px;
	height: 50px;
	border: 2px solid #fff;
	text-align: center;
	cursor: pointer;
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
	margin-top: 4%
}

.button_work a {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	line-height: 50px;
	transition: all .5s ease;
	z-index: 2;
	position: relative;
	font-weight: 900
}

.button_work:hover .eff-7 {
	border: 70px solid #c70039
}

.button_work:hover a {
	color: #fff
}

.container-fluid.wide {
	max-width: 1800px;
	margin: 0 auto
}

.item_subtitle {
	font-size: 13px;
	line-height: 1.8em;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: #002140;
	font-family: 'Open Sans', sans-serif
}

.item_subtitle::before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	background-color: #ffb506;
	width: 2.278rem;
	height: 4px;
	margin-right: 1.111rem;
	margin-bottom: .2em
}

.item_subtitle b {
	color: #8d949e;
	font-weight: inherit
}

.item_title {
	font-size: 2.5em;
	margin-top: 2em;
	margin-bottom: 1.3em;
	line-height: 1.1em;
	font-weight: bold;
	color: #002140
}

@media(max-width:768px) {
	html {
		font-size: 80%
	}
}
@media(min-width:1500px) {
	.container {
		max-width: 1440px
	}
}
/*============================================================================================*/
/* 2. HEADER AND FOOTER */
/*============================================================================================*/
/*-------- 2.1 Header --------*/

#header .navbar.fixed-top {
	padding-top: 0;
	padding-bottom: 0;
	background: #c70039
}

#header .navbar.fixed-top .navbar-brand img {
	transition: all .5s ease;
	max-height: 85px
}

#header .navbar.fixed-top.fixed .navbar-brand img {
	max-height: 40px
}

#header .navbar-nav .dropbtn,
#header .navbar-nav .nav-item a {
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600;
	padding: 9px 5px;
	position: relative
}

.dropbtn {
	background-color: #c70039;
	border: 0;
	cursor: pointer;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 1.1rem;
}

.dropbtn:hover {
	color: #ffc300
}

#header .navbar-nav .nav-item a::after {
	position: absolute;
	width: 0;
	left: 0;
	top: 100%;
	transition: all .4s ease;
	display: block;
	content: '';
	background-color: #ffc300;
	z-index: 2;
	height: 2px
}

#header .navbar-nav .nav-item a:active::after,
#header .navbar-nav .nav-item a:hover::after {
	width: 100%;
	right: 0
}

#header .navbar-nav .nav-item a:active,
#header .navbar-nav .nav-item a:hover {
	color: #ffc300
}

#header .navbar-nav .nav-item a.btn {
	line-height: 1
}

#header .navbar-brand span {
	color: #fff;
	font-size: 2em;
	font-weight: 700
}

#header li.nav-item {
	font-size: 13px;
	padding: 0 6px;
}

.navbar-toggler:not(:disabled):not(.disabled) {
    cursor: pointer;
    color: #fff;
}

.navbar-toggler .fa-bars::before {
    content: "\f0c9";
    color: #fff;
    font-size: 25px;
}

#header .dropdown {
	position: relative;
	display: inline-block
}

#header .dropdown-content {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 160px;
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
	z-index: 1;
	width: 500px;
	right: -13em;
	padding: 2rem;
	left: auto;
	top: 95%;
}

#header .dropdown-content a {
	color: black;
	padding: 4px 12px;
	text-decoration: none;
	display: block;
	font-size: .85rem;
	width: 50%;
	text-transform: uppercase;
}
#header .dropdown-content a {
	width: 100% !important;
}
#header .dropdown-content a:hover {
	background-color: #ffc300;
	color: #fff
}
#header .dropdown-content a:hover {
	background-color: #ffc300;
	color: #fff;
	width: 100%;
}
#header .dropdown-content a i {
	font-size: 1.2rem;
	margin-right: 10px;
}
#header .dropdown:hover .dropdown-content {
	display: block
}

#header .dropdown:hover .dropbtn {
	background-color: #c70039
}
#header .header_mega_menu {
	width: 100%;
	max-width: 1100px;
	margin: 2em auto;
}
@media(min-width:992px) {
	#header .header_mega_menu {
		-moz-column-count:3;
		-moz-column-gap: 3%;
		-moz-column-width: 30%;
		-webkit-column-count:3;
		-webkit-column-gap: 3%;
		-webkit-column-width: 30%;
		column-count: 3;
		column-gap: 3%;
		column-width: 30%;
	}
}
@media(min-width:1500px) {
	.navbar.fixed-top .navbar-brand img {
		max-height: 130px
	}
}

@media(min-width:1100px) {
	#header .dropdown-content {
		width: 1100px;
		padding: 0 2rem;
	}
	#header .dropdown-content a {
		width: 25%;
	}
	#header .header_mega_menu {
		-moz-column-count:4;
		-moz-column-gap: 4%;
		-moz-column-width: 25%;
		-webkit-column-count:4;
		-webkit-column-gap: 4%;
		-webkit-column-width: 25%;
		column-count: 4;
		column-gap: 4%;
		column-width: 25%;
	}
}

#profle:hover {
    width: 80px;
}


/*-------- 2.2 Footer --------*/
.footer {
	background: #f02064 url(../images/footer-bg.jpg) no-repeat center / cover;
	width: 100%;
	padding-bottom: 10px;
}

.footer_text h6 {
	color: #fff;
	font-size: 20px;
	font-weight: revert
}

.footer_text ul li {
	list-style-type: none;
	padding-top: 7px
}

.footer_text li a {
	color: #fff
}

.footer_text li a:hover {
	color: #ffc300
}

.footer_text_area {
	padding: 4% 0 2% 0
}

.footer_logo h6 {
	color: #fff;
	font-size: 20px;
	font-weight: revert
}

.footer_logo p {
	color: #fff
}

.footer_text p {
	color: #fff
}

.footer_logo span {
	font-size: 11px
}

.social_icons.d-inline-block {
    padding: 2rem 0;
}

.social_icons ul {
	list-style: none;
	padding: 0;
	text-align: left
}

.social_icons ul li {
	display: inline-block;
	text-align: center
}

.social_icons ul li a {
	color: #fff;
	display: block;
	background: #ffc300;
	border-radius: 50%;
	margin: 0 1px;
	width: 37px;
	height: 37px;
	line-height: 38px;
	font-size: 1.3rem
}

.social_icons ul li a:hover {
	background: #bc0d0d;
	color: #fff
}
/*============================================================================================*/
/* 3. INDEX PAGE */
/*============================================================================================*/
.intro_bg {
	background: url(../images/intro2.png) no-repeat center / cover;
	overflow: hidden
}

.intro_heading {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100vh
}

.intro_heading h2 {
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 50px
}

.intro_logo {
	text-align: center
}

#banner {
	position: relative
}

#banner::before {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: block;
	content: '';
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 2
}

#banner .carousel-item .img-fluid {
	height: 70vh;
	min-height: 500px;
	width: 100%;
	object-fit: cover
}

#banner .form_bnr {
	position: absolute;
	top: 40%;
	width: 60%;
	left: 20%;
	z-index: 4
}

#banner .form_bnr h2 {
	text-align: center;
	color: #fff;
	font-style: italic;
	font-size: 2.7rem;
	line-height: 1.5
}

#banner .form_bnr p {
	text-align: center;
	color: #fff;
	font-size: 1.3rem;
	line-height: 1.5;
	font-weight: 500
}

#banner .form_bnr .search .btn-success {
	font-weight: bold;
	color: #fff;
	background-color: #c70039;
	border-color: #c70039
}

#banner .form_bnr .search .btn-success:hover {
	color: #fff;
	background-color: #bc0d0d;
	border-color: #bc0d0d
}

#banner .form_bnr .search .fa,
#banner .form_bnr .search .fas {
	color: #343a40;
	position: absolute;
	right: 15px;
	top: 19px
}

.services_wrp {
	padding: 6.5rem 0
}

.services_wrp h3 {
	color: #c70039;
	font-size: 2.1rem;
	text-align: center;
	font-style: italic
}

.services_wrp p {
	text-align: center;
	color: #333
}

.heading_img {
	background: url(../images/heading.png) no-repeat center / contain;
	width: 100%
}

.hovereffect {
	width: 100%;
	height: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
	border-radius: 5px
}

.hovereffect .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0
}

.hovereffect img {
	display: block;
	position: relative;
	-webkit-transition: all .4s ease-in;
	transition: all .4s ease-in;
	height: 220px;
	width: 100%;
	object-fit: cover;
}
.hovereffect:hover img {
	filter: grayscale(1) blur(3px);
	-webkit-filter: grayscale(1) blur(3px);
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2)
}

.hovereffect h2 {
	text-align: center;
	position: relative;
	font-size: 17px;
	padding: 10px;
	background: rgba(0, 0, 0, 0.6)
}

.hovereffect a.info {
	display: inline-block;
	text-decoration: none;
	padding: 7px 14px;
	border: 1px solid #fff;
	margin: 50px 0 0 0;
	background-color: transparent
}

.hovereffect a.info:hover {
	box-shadow: 0 0 5px #fff
}

.hovereffect a.info,
.hovereffect h2 {
	/*-webkit-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	-webkit-transition: all .4s ease-in;
	transition: all .4s ease-in;
	opacity: 0;
	filter: alpha(opacity=0);*/
	color: #fff;
}

.hovereffect:hover a.info,
.hovereffect:hover h2 {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.ser_img {
	padding: 4% 0 4% 0
}

.ser_text {
	left: 0;
	position: absolute;
	bottom: 0;
	line-height: 26px;
	font-size: 18px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	right: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center
}

.ser_img_1:hover .ser_text {
	background: rgba(0, 0, 0, .5)
}

.ser_img_1 {
	width: 100%;
	padding-top: 0
}

.button {
	text-align: center;
	color: #fff
}

.button a {
	color: #fff;
	background: #c70039;
	padding: 1% 2% 1% 2%;
	font-family: 'Open Sans', sans-serif
}

.button a:hover {
	color: #fff;
	background: #bc0d0d;
	padding: 1% 2% 1% 2%;
	border: 2px solid
}

.ser_img_1:hover {
	opacity: .7
}

.ser_img_1 {
	border-radius: 5px;
	cursor: pointer;
	transition: .3s;
	position: relative;
	overflow: hidden
}

.work_wrp {
	padding: 10rem 0;
	background: #f02064;
	background: url(../images/vendors-bg-img.jpg) no-repeat center / cover;
	width: 100%
}

.work_wrp h2 {
	color: #fff;
	padding-bottom: 20px;
	font-size: 2.1rem;
	text-align: center
}

.work_wrp p {
	color: #fff;
	text-align: center;
	font-size: 1.3rem;
	line-height: 1.7;
	max-width: 700px;
	margin: 10px auto
}

.blog_wrp {
	padding: 6rem 0 8rem
}

.blog_img_sect {
	width: 100%;
	height: 100%
}

.blog_hedding h3 {
	color: #c70039;
	font-size: 2.1rem;
	text-align: center
}

.blog_hedding p {
	text-align: center
}

.bg_blog {
	padding: 0rem 0;
	width: 100%;
	margin-top: 4rem
}

.bg_blog .blog-text {
	width: 100%;
	margin: 0 auto;
	max-width: 590px;
	border-radius: 5px;
	padding: 30px
}

.blog-text p {
	text-align: center;
	font-size: 16px;
	max-width: 85%;
	margin: 0 auto;
	line-height: 1.6
}

.about-img img {
	float: left;
	width: 50%;
	margin-right: 1rem
}

.about-data {
	text-align: justify
}

.latest_about h2 {
	color: #c70039;
	font-size: 1rem;
	font-style: normal;
	padding: 0rem 0 0 0
}

.latest_about.py-5 {
	padding: 12px 0!important
}

.contect-text {
	margin-bottom: 0rem;
	border: 1px solid #ccc;
	padding: 2rem;
	height: 100%
}

.contect-text h4 {
	color: #c70039;
	font-size: 1.4rem;
	padding: 0rem 0 0 0
}

.contact_address {
	padding-top: 5rem;
	overflow: hidden
}
.about_wrp h2 {
	color: #c70039;
	font-size: 2.1rem;
	font-style: italic;
	font-weight: 600;
	text-transform: capitalize
}

.about_wrp {
	padding: 3rem
}

.privacy-policy h2 {
	color: #c70039;
	font-size: 2.1rem;
	font-style: italic;
	text-align: center
}

.all-title {
	padding: 3rem
}

.all-title h2 {
	color: #c70039;
	font-size: 2.1rem;
	font-style: italic;
	font-weight: 600;
	text-transform: capitalize
}

.about-data h2 {
	color: #c70039;
	font-size: 1.2rem;
	font-style: normal;
	font-weight: 600;
	text-transform: capitalize
}

.blog-me {
	padding-top: 0!important
}

.contact_us {
	margin-bottom: 65px!important
}

.blog-image {
	width: 100%;
	height: 259px
}

.blog-image img {
	width: 100%;
	height: 250px;
	object-fit: cover
}

.blog-upper-text {
	position: absolute !important;
	top: 85px;
	left: 50%;
	transform: translateX(-50%);
}
.p-relative {
	position: relative!important
}

.blog-text-cont {
	overflow: hidden
}

.height-active {
	height: auto!important
}

.blog-text-area {
	height: 0
}

.detail_samaroh {
	background: #fff url(../images/bottom-hex-bg.svg) no-repeat center / cover
}

.detail_samaroh p {
	line-height: 2;
	color: #777
} 
.detail_samaroh h3 {
	font-family: 'Berkshire Swash', Playfair Display, serif;
	font-size: 3rem; 
}

.see_button {
	text-align: center
}

.blog-text.bg-white.center.radius.fcol {
	background-color: rgba(255, 255, 255, 0.95)!important
}

@media(min-width:1500px) {
	.bg_blog .blog-text {
		padding: 50px
	}
	.blog-text p {
		max-width: 80%;
		line-height: 1.6
	}
}

.why_us {
	padding: 8rem 0 0;
	background: url(../images/back.jpg) no-repeat center / cover
}

.section_heading h2 {
	color: #c70039;
	font-size: 2.1rem;
	text-align: center;
	position: relative;
	display: table;
	margin: 0 auto;
}
.section_heading .img-fluid.badge_img {
	position: absolute;
	max-width: 145px;
	top: -50px;
	left: 110%;
}
.why-heading {
	text-align: center;
	width: 100%;
	display: block;
	padding-top: 5rem
}

.why-heading img {
	width: 150px;
	display: inline-block
}

.why-heading h2 {
	display: inline-block;
	font-size: 2rem;
	font-weight: normal;
	vertical-align: middle
}
.whyus-content {
	text-align: center
}

.stats {
	text-align: center;
	margin: 2rem 0px;
}
.stats li {
	position: relative;
	display: flex;
	padding: 10px;
	align-items: center;
}
.stats li p {
	font-size: 3rem;
	font-weight: 700;
	color: #c70039;
	margin-bottom: 10px;
	line-height: 1;
}
.stats li span {
	font-size: 1.2rem;
	text-transform: uppercase;
	font-weight: 700;
	color: #222;
	letter-spacing: 1px;
}

.statsbox {
	margin-top: 15px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	overflow: hidden;
	position: relative
}
.imagebox img {
	max-width: 110px;
	margin-right: 15px;
}
.questions_wrp {
	padding: 3% 0 3% 0
}

.questions_wrp h2 {
	color: #000;
	font-weight: 600;
	padding-top: 15%
}

.questions_wrp span {
	color: #c70039;
	text-transform: uppercase;
	font-weight: 700
}

.questions_wrp h3 {
	color: #c70039;
	font-weight: 600;
	font-size: 20px
}

.questions_wrp h6 {
	color: #000;
	font-weight: 600;
	font-size: 25px
}

.talk_button a {
	color: #fff;
	background: #c70039;
	padding: 2% 4% 2% 4%;
	font-family: 'Open Sans', sans-serif
}

.talk_button a:hover {
	color: #fff;
	background: #bc0d0d;
	padding: 2% 4% 2% 4%
}

.talk_button {
	margin: 4% 0 0 0
}

.testimonial4_slide {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 70%;
	margin: auto;
	padding: 20px;
	position: relative;
	text-align: center;
	min-height: 450px;
}

.testimonial4_slide img {
	width: 136px;
	height: 136px;
	margin: auto;
	display: block;
	color: #f2f2f2;
	border-radius: 50%;
	box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
	-moz-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
	-o-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
	-webkit-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23)
}

.testimonial4_slide p {
	color: #333;
	font-size: 15px;
	line-height: 1.7;
	margin: 40px 0 20px 0;
	font-weight: normal
}

.testimonial4_slide h4 {
	color: #c70039;
	font-size: 1.6rem
}

.testimonial .carousel {
	padding-bottom: 50px
}

.testimonial .carousel-control-next-icon,
.testimonial .carousel-control-prev-icon {
	width: 35px;
	height: 35px
}

.fa-chevron-circle-left::before {
	content: "\f137";
	color: #f00;
	font-size: 20px
}

.fa-chevron-circle-right::before {
	content: "\f138";
	color: #f00;
	font-size: 20px
}
/*============================================================================================*/
/* 4. LOGIN */
/*============================================================================================*/
.login_wrp input {
	border: 1px solid #ccc;
	padding: 15px 20px
}

.login_wrp input[type="submit"] {
	background-color: #c70039;
	color: white;
	cursor: pointer;
	padding-left: 2rem;
	padding-right: 2rem
}

.login_wrp .modal-content {
	background-color: #fefefe;
	margin: 4% auto 15% auto;
	border: 2px solid #c70039;
	width: 80%;
	padding-bottom: 1rem
}

.login_wrp .col {
	float: left;
	width: 50%;
	margin: auto;
	padding: 0 73px;
	margin-top: px
}

.login_wrp .google {
	background-color: #dd4b39;
	color: white;
	font-size: 16px;
	padding: 1rem 0rem;
	display: block;
	width: 49%
}
.login_wrp .vl {
	position: absolute;
	left: 30%;
	transform: translate(-50%);
	border: 2px solid #ddd;
	height: 175px;
	top: 14rem;
	display: none
}

.forgot-btn {
	display: flex;
	justify-content: center
}

.forgot-btn a {
	background: #e15151;
	padding: 5px 9px;
	margin-right: .7rem;
	color: #fff!important;
	font-size: 1rem;
	margin-bottom: 1rem;
	margin-top: 2rem
}

.fb-google {
	display: flex;
	justify-content: space-between
}

.login_wrp input[type=text],
input[type=password] {
	width: 100%;
	padding: 12px 20px;
	margin: 0;
	display: inline-block;
	border: 1px solid transprant;
	box-sizing: border-box
}

.login_wrp button {
	color: #c70039;
	padding: 14px 20px;
	margin: 8px 0;
	border: 0;
	cursor: pointer;
	width: 100%
}

.login_wrp button:hover {
	opacity: .8
}

.login_wrp .cancelbtn {
	width: auto;
	padding: 10px 18px;
	background-color: #f44336
}

.login_wrp .imgcontainer {
	text-align: center;
	margin: 24px 0 12px 0;
	position: relative
}

.login_wrp span.psw {
	float: right;
	padding-top: 16px;
	color: #333
}

.login_wrp span.psw a {
	color: #f00
}

.login_wrp .modal {
	display: none;
	position: fixed;
	z-index: 1030;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.4);
	padding-top: 60px
}

.login_wrp .modal-content {
	background-color: #fefefe;
	margin: 5% auto 15% auto;
	border: 2px solid #c70039;
	width: 80%
}

.login_wrp .close {
	position: absolute;
	right: 25px;
	top: 0;
	color: #000;
	font-size: 35px;
	font-weight: bold
}

.login_wrp .close:hover,
.login_wrp .close:focus {
	color: red;
	cursor: pointer
}

.login_wrp .animate {
	-webkit-animation: animatezoom .6s;
	animation: animatezoom .6s
}

@-webkit-keyframes animatezoom {
	from {
		-webkit-transform: scale(0)
	}
	to {
		-webkit-transform: scale(1)
	}
}

@keyframes animatezoom {
	from {
		transform: scale(0)
	}
	to {
		transform: scale(1)
	}
}

@media screen and (max-width:300px) {
	.login_wrp span.psw {
		display: block;
		float: none
	}
	.login_wrp .cancelbtn {
		width: 100%
	}
}

.login_wrp .heading_modal h2 {
	text-align: center;
	font-weight: 700;
	color: #c70039;
	padding: 2rem 0 0 0
}

.login_wrp .heading_modal p {
	text-align: center;
	color: #333
}

.login_wrp input,
.login_wrp .btn {
	padding: 15px;
	border-radius: 0;
	margin: 0;
	opacity: .85;
	display: inline-block;
	font-size: 15px;
	line-height: 20px;
	text-decoration: none
}

.login_wrp input:hover,
.login_wrp .btn:hover {
	opacity: 1
}

.login_wrp .fb {
	background-color: #3b5998;
	color: white;
	font-size: 16px
}

.login_wrp .google {
	background-color: #dd4b39;
	color: white;
	font-size: 16px
}

.login_wrp input[type=submit] {
	background-color: #c70039;
	color: white;
	cursor: pointer
}

.login_wrp input[type=submit]:hover {
	background-color: #c70039
}

.login_wrp .col {
	float: left;
	width: 50%;
	margin: auto;
	padding: 0 50px;
	margin-top: px
}

.login_wrp .row:after {
	content: "";
	display: table;
	clear: both
}

.login_wrp .vl {
	position: absolute;
	left: 30%;
	transform: translate(-50%);
	border: 2px solid #ddd;
	height: 175px;
	top: 14rem
}

.login_wrp .vl-innertext {
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	background-color: #f1f1f1;
	border: 1px solid #ccc;
	border-radius: 50%;
	padding: 8px 10px
}

.login_wrp .hide-md-lg {
	display: none
}

.login_wrp .bottom-container {
	text-align: center;
	background-color: #666;
	border-radius: 0 0 4px 4px
}

@media screen and (max-width:650px) {
	.login_wrp .col {
		width: 100%;
		margin-top: 0
	}
	.login_wrp .vl {
		display: none
	}
	.login_wrp.hide-md-lg {
		display: block;
		text-align: center
	}
}
/*============================================================================================*/
/* 5. CATEGORY PAGE */
/*============================================================================================*/
.c-album-img {
    display: block;
    margin: 0px auto;
        margin-top: 0px;
        margin-bottom: 0px;
    box-sizing: border-box;
    margin-top: 10px;
    margin-bottom: 10px;
    cursor: pointer;
	height: 100%;
	padding-bottom:2rem;
}

.c-album-img img {
    width: 100%;
    height: 100%;
}
.card_wrp {
	padding: 3rem 0 3rem 0
}

.card_img_sect {
	padding: 3rem 0 0 0;
	background: #f4f1f1
}

.card_img_sect h2 {
	color: #c70039;
	font-size: 2.1rem;
	font-style: italic;
	text-align: center
}

.weding_img img:hover {
	opacity: .7
}

.card_samaroh_sect {
	padding: 2rem 0 2rem 0
}

.feat_sect {
	padding-top: 3rem
}

.card_wrp h3 {
	color: #c70039;
	font-size: 2.1rem;
	font-style: italic;
	text-align: center
}

.card_heading p {
	text-align: center
}

.card_box h2 {
	font-size: 16px;
	padding: 3px 0 3px 0
}

.card_box span {
	font-size: 14px;
	color: #737272
}

.card_box p {
	font-size: 12px;
	color: #333;
	font-weight: 100;
	padding-top: 8px;
	padding-left: 8px
}

.card_box h6 {
	font-size: 17px;
	color: #333;
	font-weight: 100;
	padding-left: 8px;
	font-family: 'Open Sans', sans-serif
}

.card_box h4 {
	color: #c70039;
	font-family: normal;
	padding: 8px 0 0 8px
}

.card_box b {
	color: #c70039;
	padding: 8px 8px 0 8px;
	font-size: 16px;
	font-weight: 600
}

.card_box {
	border: 1px solid rgba(0, 0, 0, .125);
	border-radius: 8px 8px 8px 8px;
	background: #fff;
	padding: px;
	margin-bottom: 3rem;
	overflow: hidden
}

.card_box img {
	border-radius: 8px 8px 0 0
}

.card_box img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.card_box img:hover {
	-webkit-transform: scale(1.3);
	transform: scale(1.1)
}

.card_icon {
	padding-top: 20px;
	padding-bottom: 3rem
}

.card_icon.card.card-body.text-center:hover .img-fluid.mx-auto {
	filter: brightness(0) invert(1)
}

.card_icon.card.card-body.text-center:hover {
	background: #c70039;
	color: #fff
}

.fa-star::before {
	content: "\f005";
	color: #ffb260
}

.a-icon-popover {
	margin: 5px 0 0 .385em;
	vertical-align: text-top;
	width: 7px;
	height: 5px;
	background-position: -90px -5px;
	opacity: .6
}

.form_bnr_photo {
	padding: .9rem 0;
	background: #f7f3f3
}

.form_bnr_photo .search .fas.fa-map-marker-alt {
	color: #343a40;
	position: absolute;
	right: 15px;
	top: 18px
}

.form_bnr_photo .search .btn {
	margin: 0
}

.samaroh_tittle {
	font-size: 1.3rem;
	position: absolute;
	top: 40%;
	left: 16%;
	z-index: 4;
	color: #fff
}

.samaroh_tittle h2 {
	color: #fff;
	font-style: italic;
	font-size: 16px;
	border-bottom: 3px solid #ffc300
}

.weding_text h2 {
	text-align: center;
	color: #fff;
	font-style: italic;
	font-size: 18px;
	line-height: 1.5;
	border-bottom: 2px solid #ffc300;
	font-weight: 500
}

.weding_text {
	position: absolute;
	top: 40%;
	width: 60%;
	left: 20%;
	z-index: 4
}

.weding_img img {
	border-radius: 8px
}

.sub-banner .breadcrumb-area h1 {
	margin: 0 0 15px;
	font-weight: 700;
	color: #fff;
	font-size: 30px
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #535353
}

.sub-banner .breadcrumbs li {
	display: inline-block;
	list-style: none;
	font-size: 16px;
	font-weight: 500
}

.sub-banner .breadcrumbs li a {
	color: #fff
}

.sub-banner .breadcrumbs .active {
	margin-left: 7px;
	color: #fff
}

.fas.fa-angle-right {
	color: #fff;
	margin-left: 10px
}

.custom-select.index-cat-filter option {
	background: #e25051;
	color: #fff;
	font-weight: 500;
}

/*============================================================================================*/
/* 6. CONTACT PAGE */
/*============================================================================================*/

.contact_us h2 {
	color: #c70039;
	font-size: 2.1rem;
	font-style: italic;
	text-align: center
}

.contact_us p {
	text-align: center
}

.contact_address h4 {
	font-size: 18px;
	text-align: center
}

.contact_address p {
	color: #525252;
	text-align: center
}

.contact_address {
	padding-top: 5rem
}

.contact_us {
	padding: 3rem 0 0 0
}

.contact_form {
	padding: 3rem 0 3rem 0
}

.contact_form input[type=text],
.contact_form select,
.contact_form textarea {
	width: 100%;
	padding: 12px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	margin-top: 6px;
	margin-bottom: 16px;
	resize: vertical
}

.contact_form input[type=submit] {
	background-color: #4caf50;
	color: white;
	padding: 12px 20px;
	border: 0;
	border-radius: 4px;
	cursor: pointer
}

.contact_form input[type=submit]:hover {
	background-color: #45a049
}

.opening_hours {
	background-color: #f8f9fa!important;
	padding: 1rem 0 1rem 0
}

.opening_hours h3 {
	color: #333;
	font-size: 1.3rem;
	padding: 0 0 0 15px
}

.opening_hours .list-style-none {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #535353
}

.opening_hours .list-style-none li {
	list-style: none;
	line-height: 35px;
	font-size: 13px
}

.opening_hours ul li {
	line-height: 40px;
	font-size: 14px;
	font-weight: 600;
	border-bottom: 1px dashed #eaeff5
}

.opening_hours strong {
	color: #535353;
	font-weight: 600;
	padding-left: 2rem
}

.opening_hours ul li span {
	float: right;
	font-weight: 100;
	padding-right: 2rem
}

.filter_sect {
	padding: 2rem 0 2rem 0
}

.filter_sect h2 {
	font-size: 16px;
	color: #a8a5a5;
	padding-right: 2rem;
	text-transform: uppercase
}

.filter_sect strong {
	color: #333
}

.fa-bars::before {
	content: "\f0c9";
	color: #f00;
	font-size: 20px
}

.custom-control-input:checked~.custom-control-label::before {
	color: #fff;
	border-color: #c70039;
	background-color: #c70039;
	content: ''
}

.refine_result_sect h2 {
	color: #c70039;
	font-size: 25px;
	padding-left: 11px
}

.refine_result_sect span {
	font-size: 15px;
	color: #333;
	font-weight: bold;
	padding: 15px 15px 15px 0
}

.refine_result_sect {
	margin-bottom: 1rem
}

.refine_result_sect p {
	color: #a8a5a5;
	font-size: 15px;
	padding-left: 1rem
}

.filter_result {
	border: 1px solid #e3e2e2;
	padding: 1rem;
	margin-bottom: 2rem
}

.filter_sect a {
	margin: 0 1rem;
	font-size: 18px
}

.sort_by {
	color: #ccc;
	font-size: 16px!important;
	font-weight: 500
}

.reviews a {
	padding: .8rem .7rem;
	border-radius: 6px;
	border-color: #c70039;
	color: #c70039;
	font-weight: 100;
	font-size: 14px;
	border: 1px solid;
	border-style: dashed
}

.reviews p {
	margin-bottom: 0;
	margin: .3rem;
	color: #8f9fae
}

.tower_hotel h4 {
	font-style: normal;
	font-size: 18px
}

.tower_hotel p {
	font-size: 14px;
	color: #aeaead;
	margin-bottom: .3rem
}

.menu_icon {
	display: flex
}

.menu_icon p {
	padding: 0 1.7rem 0 0
}

.budget_wrp span {
	font-size: 15px;
	color: #333;
	font-weight: bold
}

.pagination_section {
	margin: 0 auto;
	display: table
}

.pagination.pagination-lg .page-item .page-link.active {
	background: #c70039;
	color: #fff;
	font-size: 14px
}

.pagination.pagination-lg .page-item .page-link {
	color: #c70039;
	font-size: 14px
}

.pagination.pagination-lg .page-item .page-link:hover {
	background: #c70039;
	color: #fff
}

.average_rating h2 {
	color: #c70039;
	font-size: 25px;
	padding-left: 11px
}

.average_rating span {
	font-size: 15px;
	color: #333;
	font-weight: bold;
	padding: 15px 0
}

.average_rating p {
	color: #a8a5a5;
	font-size: 15px;
	padding-left: 1rem
}

.traditional {
	border: 1px solid #e3e2e2
}

.traditional.p-4 {
	margin-top: 1rem
}

.about_wrp {
	padding: 2rem
}

.about_wrp h2 {
	color: #c70039;
	font-size: 33px;
	font-weight: 600;
	text-transform: uppercase
}

.latest_statistics h2 {
	color: #c70039;
	font-size: 2.1rem;
	font-style: italic;
	text-align: center;
	padding: 3rem 0 0 0
}

.latest_icon {
	padding: 3rem 0 0 0;
	text-align: center
}

.latest_statistics {
	background: whitesmoke;
	border-top: 2px solid #ccc7c7;
	border-bottom: 2px solid #ccc7c7;
	padding: 0 0 3rem 0
}

.latest_statistics strong {
	color: #c70039;
	font-weight: 600;
	font-size: 33px
}

.sucess_stories h2 {
	color: #c70039;
	font-size: 2.1rem;
	font-style: italic;
	text-align: center;
	padding: 2rem 0 0 0
}

.sucess_stories {
	padding: 2rem
}

.media {
	border: 1px solid #ccc;
	padding: 1rem
}

.media-left img {
	display: inline-block;
	vertical-align: middle;
	width: 35px;
	height: 35px;
	-webkit-border-radius: 60%;
	-moz-border-radius: 60%;
	-ms-border-radius: 60%;
	border-radius: 60%
}

.media-body h4 {
	color: #c70039;
	font-size: 16px;
	font-family: revert
}

.testuser_profile {
	padding-left: 5px;
	display: inline-block;
	vertical-align: middle
}

.media-body p {
	color: #333;
	font-size: 16px
}

.rating {
	color: #fff;
	padding: 5px 12px 5px 12px;
	border-radius: 50px;
	background: #333;
	float: right;
	margin-top: -2rem
}

.rev_wrp {
	padding-bottom: 2rem;
	padding-top: 2rem
}

.regster_wrp {
	background: url(../images/vendors-bg-img.jpg) no-repeat center / cover;
	padding: 4rem;
	margin-top: 2rem
}

.regster_wrp p {
	text-align: center;
	color: #fff;
	font-size: 20px;
	padding-bottom: 2rem;
	font-weight: 500
}

.need_wrp h2 {
	color: #c70039;
	font-size: 2.1rem;
	font-style: italic;
	text-align: center;
	padding: 5rem 0 0 0
}

.need {
	padding: 2rem 0 2rem 0
}

.media-in {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 369px
}

.new-media li {
	padding: 3rem;
	font-size: 27px
}

.new-media a {
	color: #000
}

.new-media {
	padding: 4rem
}

.rating.fa-star::before {
	content: "\f005";
	color: #fff
}

.fa-phone-alt::before {
	content: "\f095";
	color: #fff;
	background: #f00;
	padding: 1rem;
	border-radius: 50px
}

.fa-envelope::before {
	content: "\f0e0";
	color: #fff;
	background: #f00;
	padding: 1rem;
	border-radius: 50px
}

.fa-globe::before {
	content: "\f0ac";
	color: #fff;
	background: #f00;
	padding: 1rem;
	border-radius: 50px
}

#titlebar {
	background-color: #f8f8f8;
	position: relative;
	padding: 70px 0;
	margin-bottom: 65px
}

#titlebar.gradient {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.03) 0, rgba(255, 255, 255, 0));
	padding-bottom: 0
}

#titlebar.white {
	background: #fff;
	padding-bottom: 0
}

#titlebar.transparent {
	background: transparent
}

#titlebar span a,
#titlebar span {
	font-size: 20px;
	color: #888;
	margin-bottom: 3px;
	margin-top: 3px;
	display: block
}

#titlebar #breadcrumbs span {
	font-size: 14px
}

#titlebar h1,
#titlebar h2 {
	font-size: 30px;
	line-height: 40px;
	margin: 1px 0 3px 0
}

#breadcrumbs {
	position: absolute;
	right: 15px;
	display: inline-block;
	font-size: 14.7px;
	top: 50%;
	transform: translateY(-51%);
	border-radius: 4px;
	font-weight: 600;
	color: #333;
	background-color: #f0f0f0
}

#breadcrumbs ul {
	margin: 0;
	padding: 12px 22px;
	line-height: 23px
}

#breadcrumbs ul li a {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	color: #666;
	font-weight: 500
}

#breadcrumbs ul li a:hover {
	color: #66676b
}

#breadcrumbs ul li {
	display: inline-block;
	list-style: none;
	margin: 0 0 0 7px
}

#breadcrumbs ul li:first-child:before {
	display: none
}

#breadcrumbs ul li:first-child {
	margin-left: 0
}

#breadcrumbs ul li:before {
	content: "";
	display: inline-block;
	height: 0;
	width: 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px solid #aaa;
	font-size: 14px;
	margin-right: 12px
}

#breadcrumbs ul li.home-icon a {
	opacity: 1;
	font-size: 24px;
	top: 4px;
	position: relative;
	line-height: 0;
	padding: 0;
	display: inline-block
}

#breadcrumbs ul li.home-icon i {
	line-height: 0
}

#breadcrumbs.white {
	color: #333;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
	background-color: #fff
}

#breadcrumbs.white ul li a {
	color: #666
}

#breadcrumbs.white ul li a:hover {
	color: #66676b
}

#breadcrumbs.white ul li:before {
	border-left: 4px solid rgba(0, 0, 0, 0.3)
}

.dashboard_tab .select2-container {
	display: block !important; 
}
.dashboard_pfofile .custom-control-label::before {
	position: absolute;
	top: .26rem;
	left: -1.5rem;
	display: block;
	width: 1rem;
	height: 1rem;
	pointer-events: none;
	content: "";
	background-color: #fff;
	border: #adb5bd solid 1px;
	border-top-color: #adb5bd;
	border-right-color: #adb5bd;
	border-bottom-color: #adb5bd;
	border-left-color: #adb5bd
}
.blog_details p {
	line-height: 1.8;
	font-size: 1.4rem;
	text-align: justify;
}

.blog_details img {
	max-height: 400px;
	width: auto;
	margin: 10px auto;
	display: table;
	object-fit: contain;
}
/*============================================================================================*/
/* 8. VENDOR LIST */
/*============================================================================================*/
.vendor-card {
	border: 1px solid #eee;
	padding: 0;
	border-radius: 5px;
	transition: all 0.4s ease;
	position: relative;
	width: 100%;
	height: calc(100% - 15px);
}

.vendor-card:hover {
    box-shadow: 0 0 7px #ccc;
    border: 1px solid #dfdfdf;
}
.vendor-card img.img-fluid {
    width: 100%;
    height: 210px;
    object-fit: cover;
}
.vendor-card h5 {
    font-family: inherit;
    font-style: normal;
    margin: 0;
    color: #444;
    font-weight: 600;
	font-size: 1.15rem;
	height: 60px;
}
.vendor-card h6 {
    margin: 5px 0 10px;
    color: #999;
}
.vendor-card h6 i {
    color: #999;
    display: inline-block;
    margin-right: 5px;
}
.vendor-card .text-primary {
    color: #e72e77 !important;
    display: block;
    font-weight: bold;
}
.fastar {
	background: #25b125;
	min-width: 50px;
	color: white;
	padding: 7px 7px;
	border-radius: 4px;
	margin: 5px 0 0 auto;
	display: table;
	line-height: 1;
	font-size: 10px;
}
.vendor-card i.fas.fa-star::before {
    display: inline-block;
    margin-right: 6px;
    color: #fff;
}
.vendor-card .topborder {
	border-top: 1px dashed #dfdfdf;
}  
.a2a_default_style a.fastara {
	float: none;
	line-height: inherit;
	padding: 0;
}
.fastara i {
	padding: 16px 2px;
	display: block;
	color: #fff;
	background: #25d366;
}
.fastara i.fa-phone {
	background: #27b7f6;
}
.fastara i.fa-envelope-open {
	background: #7c3c9b;
}
.fastara i.fa-share-alt {
	background: #c81f8e;
}
.share {
    color: #fff;
    background: yellow;
	min-width: 70px;
    max-width: 70px;
    height: 25px;
	padding:5px;
}
/*============================================================================================*/
/* 9. SINGLE PAGE */
/*============================================================================================*/
.bg-grey.category_detail_header {
	padding: 20px;
	background: #eee;
	border-bottom: 1px solid #dfdfdf;
	box-shadow: 0px 2px 14px #ccc;
	margin-bottom: 40px;
}

.verified-badge-with-title {
	position: relative;
	top: -1px;
	color: #fff;
	font-size: 13px;
	background-color: rgba(64, 44, 202, 0.48);
	text-align: center;
	z-index: 10;
	border-radius: 4px;
	padding: 0 8px 0 34px;
	margin: 0 0 0 10px;
	overflow: hidden;
	line-height: 27px;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	display: inline-block;
	vertical-align: middle;
	text-transform: uppercase
}
.verified-badge-with-title i {
	font-size: 12px;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 26px;
	height: 26px;
	width: 26px;
	display: inline-block;
	background-color: rgba(64, 44, 202, 0.8)
}
.vendor_address_detail {
	color: #666;
	font-size: 1rem;
}
.vendor_price_detail {
	margin: 0;
	color: #900c3e;
	font-size: 1.3rem;
	display: inline-block;
	margin-right: 10px;
}

.over_wrp p.title {
	font-weight: 600;
	color: #000;
	margin: 0;
}

.share_icons {
	width: 100%;
	display: flex;
}
.share_icons .fastara i {
	padding: 16px 22px;
}
.star-rating {
	display: inline-block
}

.star-rating .star {
	display: inline-block;
	margin: 0;
	padding: 0;
	margin-right: 0;
	position: relative
}

.star-rating .star:before {
	display: block;
	font-size: 17px
}

.star-rating .star.empty:before {
	color: #ddd
}

.star-rating:before {
	content: attr(data-rating);
	border-radius: 4px;
	background-color: #febe42;
	color: #fff;
	font-size: 14px;
	line-height: 15px;
	padding: 3px 7px;
	margin-right: 10px
}


.content-right-offset .single-page-section {
	margin-bottom: 2rem;
	position: relative;
}

.content-right-offset .single-page-section .text-primary {
	color: #c70039!important;
	font-size: 1.6rem;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}

.single-page-section h5 {
    border: 1px solid;
    color: #c70039 ;
    text-align:center;
}

.content-right-offset .single-page-section p {
	color: #545454;
	font-size: 1rem
}

.content-right-offset #single-page-main_banner {
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 2px 2px 5px #ccc
}

.content-right-offset #single-page-main_banner img {
	width: 100%;
	height: 500px;
	object-fit: cover
}

.content-right-offset .gallery {
	margin-top: 20px
}

.content-right-offset .gallery .album {
	padding: 5px
}

.content-right-offset .gallery .album img {
	width: 100%
}

.over_wrp {
	background: #f0f0f0;
	margin-top: 1rem;
	margin-bottom: 1rem
}

.over_wrp h2 {
	text-align: center;
	color: #333;
	font-size: 26px;
	padding: 10px;
	background: #ccc;
	font-family: normal
}

.over_wrp h4 {
	color: #333;
	font-family: unset;
	font-size: 18px;
	padding-left: 8px;
	padding-top: 5px
}

.over_wrp p {
	padding-left: 8px;
	color: #545454;
	font-size: 1rem
}

.modal-body h2 {
	text-align: center;
	font-size: 20px;
	color: #c70039;
	font-family: unset
}

.form-control:disabled,
.form-control[readonly] {
	background: #fff
}

.my_vendor h2 {
	color: #c70039;
	font-size: 2.1rem;
	font-style: italic;
	text-align: center
}

.my_vendor img {
	border-radius: 8px;
	object-fit: cover;
	height: 100%;
	width: 100%
}

.my_vendor {
	padding: 2rem 0 4rem 0
}

.vendor_sect {
	padding: 1rem 0 1rem 0
}

.my_vendor_text {
	background-color: rgba(255, 255, 255, 0.7);
	padding: .5rem 1.5rem 1.5rem;
	position: absolute;
	bottom: -40px;
	left: 10%;
	right: 10%;
	transition: all .3s ease
}

.indexsec4_divhead {
	color: #c70039!important;
	font-size: 16px;
	line-height: 1;
	display: block;
	font-weight: 300;
	margin-top: 0
}

.indexsec4_divp {
	color: #c70039!important;
	font-size: 16px;
	line-height: 6px;
	align-items: center!important;
	display: flex
}

.vendor_img {
	overflow: hidden
}

.vendor_img:hover .my_vendor_text {
	bottom: 0
}

.col-lg-4.col-sm-4.col-12.vendor_img { 
	padding-top: 2rem
}

.ideas-img img {
	border-radius: 50%;
	width: 150px;
	height: 150px;
}
.ideas-img p {
	margin: 1rem 0;
	text-transform: capitalize;
}
.idea-tips p {
	font-size: 1rem;
	margin-bottom: 4rem;
	color: #7b7979;
}
.ideas-img:hover img {
	opacity: .85;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}
.menu-icon {
	color: #c70039 !important;
	font-weight: 600;
}
/*============================================================================================*/
/* RESPONSIVE */
/*============================================================================================*/

@media (min-width: 768px) {	
	.sidebar-container .btn {
		padding: 16px 7px;
		text-transform: uppercase;
		min-width: 50%;
	}
}
@media (min-width: 992px) {
	.vendor-card .show_on_hover {
		position: absolute;
		top: 70%;
		left: 0;
		right: 0;
		opacity: 0;
		visibility: hidden;
		transition: all 0.4s ease-in-out;
		z-index: 2;
		background: #f8f9fa;
		border: 1px solid #eee;
		border-top: 1px dashed #dfdfdf;
		border-radius: 0 0 5px 5px ;
	}
	.vendor-card:hover .show_on_hover {
		top: 99%;
		opacity: 1;
		visibility: visible;
	}
	#header .dropdown-content {
		width: 980px;
		right: -33em;
	}
}

@media(min-width:360px) and (max-width:767px) {
	#banner .form_bnr h2 {
		font-size: 1.9rem
	}
	#banner .form_bnr p {
		font-size: .9rem
	}
	#banner .form_bnr {
		top: 77px;
		width: 86%;
		left: 7%;
	}
	.about_wrp h2 {
		font-size: 19px
	}
	.about_wrp p {
		font-size: 14px
	}
	.new-media {
		padding: 0rem
	}
	.new-media li {
		font-size: 24px
	}
	.single-page-header .right-side {
		max-width: 46%
	}
	.sidebar-menu ul li a {
		font-size: 14px
	}
	.detail_samaroh p {
		line-height: 1.9;
		color: #000;
		text-align: left;
		font-family: 'Playfair Display';
	}
}

@media(min-width:768px) and (max-width:991px) {
	p {
		font-size: 14px
	}
	#banner .form_bnr h2 {
		font-size: 25px
	}
	#banner .form_bnr p {
		font-size: 16px
	}
	#banner .form_bnr {
		top: 27%
	}
	.new-media li {
		padding: 2rem;
		font-size: 16px
	}
	.about_wrp h2 {
		font-size: 21px
	}
	.dashboard_pfofile {
		width: 100%
	}
	.blog-text p {
		font-size: 12px;
		max-width: 100%
	}
	.bg_blog {
		margin-top: 0rem
	}
	.sidebar-menu ul li a {
		font-size: 12px
	}
	.table td,
	.table th {
		font-size: 12px
	}
}

@media(min-width:992px) and (max-width:1024px) {
	.about_wrp h2 {
		font-size: 28px
	}
	.new-media {
		padding: 0
	}
	.bg_blog {
		margin-top: 0rem
	}
	.login_wrp .vl {
		left: 26%
	}
	label {
		font-size: 12px
	}
	.sidebar-menu ul li a {
		font-size: 16px
	}
	.table td,
	.table th {
		font-size: 13px
	}
}

@media(min-width:1024px) and (max-width:1300px) {
	.login_wrp .vl {
		left: 25%
	}
	
}

@media(min-width:1038px) {
	.about_wrp h2 {
		font-size: 26px
	}
	.new-media {
		padding: 0
	}
}

@media(min-width:1300px) and (max-width:1400px) {
	.sidebar-menu ul li a {
		font-size: 16px
	}
}

@media(max-width: 992px) {
	.navbar-nav {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		background: #444;
		flex-direction: row;
	}
	#header .navbar-nav {
		display: flex;
		justify-content: space-between;
	}
	#header .navbar-nav .nav-item {
		width: 25%;
		padding: 0;
		display: block;
	}
	#header .navbar-nav .nav-item a {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: 12px 10px 6px;
		font-size: 12px;
		border-left: 1px solid #333;
		text-align: center;
		width: 100%;
	}
	#header .navbar-nav .nav-item a i {
		display: block;
		font-size: 24px;
		margin-bottom: 7px;
	}
	#header .dropdown-content {
		display: block;
		position: fixed;
		background-color: #f1f1f1;
		min-width: 160px;
		max-width: 400px;13
		box-shadow: none;
		width: 80%;
		right: auto;
		left: -400px;
		z-index: 1020;
		top: -1px;
		bottom: -1px;
		border-radius: 0;
		margin: 0;
		padding: 0;
		transition: all 0.4s ease;
	}
	#header .dropdown-content > div {
		max-height: 95vh;
		overflow-y: scroll;
	}
	#header .dropdown.show::before {
		background: rgba(0,0,0,.8);
		display: block;
		content: '';
		width: 100%;
		height: 100%;
		position: fixed;
		left: 0;
		top: 0;
	}
	#header .dropdown-content.show {
		left: -1px;
	}
	#header .dropdown-content a {
		width: 100%;
		border-bottom: 1px solid #dfdfdf;
	}
}
@media(max-width: 768px) {
	body {
		padding-bottom: 68px;
	}
	
	.search-container {
		width: 100%;
		position: fixed;
		z-index: 11;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background: rgba(0,0,0,.8);
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.search-bar {
		left:0;
	}
	.hovereffect a.info,
	.hovereffect h2 {
		opacity: 1;
		filter: alpha(opacity=100);
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	.bg_blog .blog-text.blog-upper-text {
		width: 90%;
		left: 5%;
		padding: 20px 0px;
		transform: none;
	}
	.button_blog {
		margin: 20px auto 10px;
	}
	.stats li {
		padding: 8px 13px;
	}
	.stats li img {
		max-width: 50px;
	}
	.blog-image {
		height: 130px;
	}
	.blog-image img {
		height: 124px;
	}
	.blog_details img {
		width: 100% !important;
	}
	.custom-select, 
	.select2-container--default .select2-selection--multiple, 
	.select2-container--default.select2-container--focus .select2-selection--multiple, 
	.custom-file-label, .form-control {
		min-height: 40px;
		border-radius: 4px;
		font-weight: 400;
	}
	.login_wrp .modal-content {
		width: 90%;
	}
	.login_wrp .fb-google {
		margin-top: 10px;
		flex-direction: column;
	}
	.login_wrp input,.login_wrp  .btn {
		padding: 10px 22px;
		border-radius: 4px;
		width: 100%;		
	}
	.stats li {
		display: block;
	}
	
	.sidebar-container {
		display: flex;
	}
	.sidebar-container .btn {
		width: 50%;
		border-radius: 0;
		margin: 0;
		padding: 14px 7px;
	}
	.category_detail_header .social_icons {
		margin-top: 10px;
	}
	.share_icons {
		right: 0;
	}
	
	
}

@media(max-width: 565px) {
	.section_heading h2 {
		margin: 0;
	}
	.section_heading .img-fluid.badge_img {
		max-width: 88px;
		top: -20px;
		left: 130%;
	}
	.detail_samaroh {
		background-position: left center;
	}
	.questions_wrp h2 {
		font-size: 1.7rem;
		padding-top: 1.3rem;
	}
}