/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
section#home_slide{
	    min-height: calc(100vh - 0px );
    margin-top: 0;
}
.login-back{
	max-width: 400px;
	background:url("../images/back5.png") repeat center; 
}
.back-video{
	    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: -99;
}
.video-cls{
	    min-height: calc(100vh + 30px);
}

.owl-carousel .owl-item img {
    width: 2rem !important;
	filter: brightness(10);
	    text-align: center;
    margin: auto;
}


span.ttl-h-icon img {
    max-width: 1.5em;
}
.title-block>h4{
	font-size: 2rem;
}
.Sector_Indicators_Div>h3{
	font-size: 2rem;
}
.srch-flter {
    width: 98%;
    position: absolute;
    right: 0;
    left: 0;
    overflow: hidden;
    bottom: 0em;
    padding: 1em 4em;
    margin: auto;
    text-align: center;
}
.srch-flter .col-lg {
    padding-right: 5px;
    padding-left: 6px;
}


.srch-flter a .card {
    background: #fbfbfb;
}

.srch-flter a span {
    margin-bottom: 10px !important;
    display: block;
}

.srch-flter a.active .card::after {
}

.srch-flter .mw-170-tab {
    min-width: 300px;
}

.srch-flter .mw-170-tab {
    min-width: 100%;
}
.srch-flter a span {
    min-height: 50px;
    color: #fff;
}

.srch-flter a.active span {
    color: #fff;
}

.srch-flter a .card {
    padding: 10px;
    box-shadow: 0px 0px 8px #b9b3b3, 0px 0px 4px #f5eded;
    border: 0;
    margin-top: 10px;
}

.srch-flter a span {
    font-size: 0.95rem;
    margin-bottom: 0 !important;
    min-height: 44px;
    font-weight: 500;
}
.srch-flter a .card, .counters .card {
    border-radius: 15px;
}

.srch-flter a .owl-card-body {
    padding: 0.5em !important;
    margin: auto 10px;
}


.srch-flter a .owl-card-body:hover {
    background: #ffffff2e;
    border-radius: 5px;
}

.srch-flter .center .owl-card-body {
    background: #ffffffeb;
	border-radius: 5px;
}
.srch-flter .center .owl-card-body:hover {
    background: #ffffffeb;
}
.srch-flter .center .owl-card-body img {
filter: brightness(0);
}
.srch-flter .center .owl-card-body span {
color: #887852;
}
.service-feature  .grid-inner .more-link {
	margin-top: 10px;
}

.service-feature {
		position: relative;
		z-index: 4;
	}

	.service-feature  .grid-inner .more-link {
		opacity: 0;
		visibility: hidden;
		transition: all .3s ease;
		margin-top: 0;
	}

	.service-feature .grid-inner:hover .more-link {
		opacity: 1;
		visibility: visible;
		transform: translateY(4px);
		will-change: transform;
	}

	.service-feature .grid-inner .f-b-desc {
		transform: translateY(10px);
		transition: transform .3s ease;
		will-change: transform;
	}

	.service-feature .grid-inner:hover .f-b-desc {
		transform: translateY(-4px);
	}


		.bg-p-dark,
		.dark .swiper-scrollbar-drag {
			background-color: #4F3267;
		}

		.bg-p-dark,
		.bg-p-dark h1,
		.bg-p-dark h2,
		.bg-p-dark h3,
		.bg-p-dark h4,
		.bg-p-dark p {
			color: #F3E3EC;
		}

		.font-display { font-family: 'Playfair Display', serif; }

		.swiper-vertical>.swiper-scrollbar {
			right: 60px;
			top: 30px;
			width: 3px;
			height: 170px;
			margin: 30px 0;
		}

		.dark .swiper-scrollbar { background-color: rgba(255, 255, 255, 0.1); }
		.dark .swiper-scrollbar-drag { background: #F3E3EC; }

		.swiper-pagination-fraction {
			position: absolute;
			top: -35px;
			bottom: auto;
			left: 0px;
			height: 233px;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			align-items: center;
			font-family: 'Playfair Display', serif;
			font-size: 1.25rem;
		}

		.swiper-pagination-current:before,
		.swiper-pagination-total:before {
			content: "0";
		}

		.swiper-pagination-total { color: #F3E3EC; }

		@media (min-width: 992px) {
			#section-testimonials { height: 200vh; }

			#section-testimonials > .row.section-sticky {
				position: -webkit-sticky;
				position: sticky;
				top: 0;
				height: 100vh;
				-webkit-box-align: start;
				-webkit-align-items: flex-start;
				-ms-flex-align: start;
				align-items: flex-start;
			}

			.swiper-navs { display: none }
		}


.gold-border:before {
    content: "";
    position: absolute;
    right: 0;
    background: #887852;
    width: 5px;
    height: 100%;
    top: 0;
    border-radius: 0 7px 7px 0;
}
.green-border:before {
    content: "";
    position: absolute;
    right: 0;
    background: #1e552a;
    width: 5px;
    height: 100%;
    top: 0;
    border-radius: 0 7px 7px 0;
}

.green2-border:before {
    content: "";
    position: absolute;
    right: 0;
    background: #63b246;
    width: 5px;
    height: 100%;
    top: 0;
    border-radius: 0 7px 7px 0;
}

.black-border:before {
    content: "";
    position: absolute;
    right: 0;
    background: #000000;
    width: 5px;
    height: 100%;
    top: 0;
    border-radius: 0 7px 7px 0;
}

.gray10-border:before {
    content: "";
    position: absolute;
    right: 0;
    background: #636569;
    width: 5px;
    height: 100%;
    top: 0;
    border-radius: 0 7px 7px 0;
}
.gold3-border:before {
    content: "";
    position: absolute;
    right: 0;
    background: #BAAD8D;
    width: 5px;
    height: 100%;
    top: 0;
    border-radius: 0 7px 7px 0;
}

.red-border:before {
    content: "";
    position: absolute;
    right: 0;
    background: #FF001B;
    width: 5px;
    height: 100%;
    top: 0;
    border-radius: 0 7px 7px 0;
}

/*
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    background: #887852;
    height: 28px;
    display: inline-block;
    width: 28px;
    padding: 0;
    text-align: center;
    line-height: 1.4;
    font-weight: bold;
    border-radius: 50%;
    color: #000 !important;
    margin: 2px;
    font-size: 20px;
}
*/

span.ttl-h-text {
    font-size: 20px;
    font-weight: bold;
	color: white !important;}

.loggy {
   	position: absolute;
	top: 50px;
	right: 50px;
	bottom: auto;

	z-index: 500;}

@media (max-width: 767.98px) {
  .loggy {
	  right: auto;
  }
}

#videobg-wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
	z-index: -99;
}
#videobg {
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;   
}