/*
Author       : Hash Theme.
Template Name: Brome - Responsive Html5 Digital Agency Template
Version      : 1.0
*/

/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE 
    02. BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME DESIGN
    04. START ABOUT DESIGN
    05. START FEATURE DESIGN
    06. START SERVICE DESIGN
    07. START PORTFOLIo DESIGN
    08. START TESTIMONIAL DESIGN
    09. START COUNTER DESIGN
    10. START TEAM DESIGN
    11. START SKILL & FAQ DESIGN
    12. START PRICING DESIGN
    13. START BLOG DESIGN
    14. START CONTACT DESIGN
    15. START FOOTER DESIGN
    16. START BLOG DESIGN
	
	=============================================================*/

/*
* ----------------------------------------------------------------------------------------
* 01. GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

/*
.row {
	margin-right: -0px !important;
	margin-left: -0px !important;
}
*/

/* Style for the dimension box for debugging*/
#dimension-box {
	position: fixed;
	top: 0;
	left: 0;
	padding: 3px;
	background: rgba(0, 0, 0, 0.7);
	color: #fff;
	font-size: 10px;
	z-index: 2000;
	border-bottom-right-radius: 8px;
}
html {
	font-size: 16px;
}

body {
	font-family: 'Lato', sans-serif;
	color: #787b7e;
	line-height: 1.5em;
	font-weight: 400;
	letter-spacing: 2px;
	overflow-x: hidden;
	margin: auto;
	background: #fff;
}

:root {
	--be-accent: #337ab7;
	--be-glow: rgba(51, 122, 183, 0.22);
	--be-surface-border: rgba(51, 122, 183, 0.14);
	--be-surface-shadow: 0 18px 40px rgba(8, 24, 41, 0.16);
	--be-nav-offset: 140px;
}

html,
body {
	height: 100%
}

html {
	scroll-padding-top: 4vh; /* Adjust based on your menu height */
}

h1,
h2,
h3,
h4,
h5,
h6 {
	/* color: #343a40; */
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
}

a {
	color: #337ab7;
	/* font-family: "Montserrat", sans-serif; */
	text-decoration: none;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	cursor: pointer;
}

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

a:focus {
	outline: none;
	text-decoration: none;
}

p {
	line-height: 1.5rem;;
	margin-bottom: 0;
}

.home-modern {
	position: relative;
	overflow: hidden;
}

.home-modern:before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(135deg, rgba(5, 18, 34, 0.72), rgba(5, 18, 34, 0.26)),
		url("../img/assets/city-grid.jpeg") center center / cover no-repeat;
	opacity: 0.22;
	pointer-events: none;
	z-index: 1;
}

.home-modern .home-slider,
.home-modern .slider-content,
.home-modern .slider-content-inner,
.home-modern .triggerFrame,
.home-modern .home-slider .owl-nav,
.home-modern .home-slider .owl-dots {
	position: relative;
	z-index: 2;
}

.home-modern .full-screen.bg-img:before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at 70% 20%, rgba(51, 122, 183, 0.18), transparent 42%),
		linear-gradient(180deg, rgba(6, 16, 28, 0.14), rgba(6, 16, 28, 0.48));
	pointer-events: none;
}

.network-atmosphere {
	position: relative;
	overflow: hidden;
}

.network-atmosphere:before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(240, 245, 249, 0.92)),
		url("../img/assets/city-grid.jpeg") center center / cover no-repeat;
	opacity: 0.18;
	pointer-events: none;
	z-index: 0;
}

.network-atmosphere:after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		repeating-linear-gradient(
			90deg,
			transparent 0 28px,
			rgba(51, 122, 183, 0.16) 29px 30px
		),
		repeating-linear-gradient(
			0deg,
			transparent 0 28px,
			rgba(51, 122, 183, 0.14) 29px 30px
		),
		radial-gradient(circle at 20% 25%, rgba(51, 122, 183, 0.2), transparent 42%),
		radial-gradient(circle at 80% 75%, rgba(51, 122, 183, 0.18), transparent 40%);
	opacity: 0.32;
	animation: beGeoDrift 14s linear infinite;
	pointer-events: none;
	z-index: 1;
}

.network-atmosphere > .container,
.network-atmosphere .section-title,
.network-atmosphere .custom-container,
.network-atmosphere .content {
	position: relative;
	z-index: 2;
}

.viewport-section {
	position: relative;
	box-sizing: border-box;
	min-height: calc(100vh - var(--be-nav-offset));
	min-height: calc(100svh - var(--be-nav-offset));
}

/* Intro hero sections use overlay nav, so they should fill the full viewport */
#fit.viewport-section,
#overview.viewport-section {
	min-height: 100vh;
	min-height: 100svh;
}

/* Keep tokenization intro fully visible including the scroll-down arrow */
#fit.viewport-section > .container {
	margin-top: 0 !important;
	padding-top: calc(var(--be-nav-offset) - 24px);
	padding-bottom: 78px;
}

#fit .custom-container {
	margin-bottom: 0;
}

#fit .blockquote.py-5 {
	padding-top: 1.6rem !important;
	padding-bottom: 1.6rem !important;
}

.viewport-section > .container {
	min-height: inherit;
	display: flex;
	flex-direction: column;
}

.viewport-section > .container > .custom-container {
	margin-top: auto;
	margin-bottom: auto;
}

.tech-glass-section {
	position: relative;
	overflow: hidden;
	background:
	linear-gradient(180deg, #c6d3df 0%, #b8c9d8 100%);
}

.tech-glass-section:before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(145deg, rgba(255, 255, 255, 0.6), rgba(238, 246, 252, 0.72)),
		url("../img/assets/abstract-duality-colored.jpeg") center center / cover no-repeat;
	opacity: 0.64;
	pointer-events: none;
}

.tech-glass-section:after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at 18% 20%, rgba(255, 255, 255, 0.34), transparent 42%),
		radial-gradient(circle at 82% 74%, rgba(162, 208, 240, 0.2), transparent 44%),
		repeating-linear-gradient(90deg, transparent 0 44px, rgba(51, 122, 183, 0.06) 45px 46px);
	opacity: 0.2;
	animation: beSweep 18s linear infinite;
	pointer-events: none;
}

.tech-glass-section > .container,
.tech-glass-section .section-title,
.tech-glass-section .custom-container {
	position: relative;
	z-index: 2;
}

.difference-glass-section {
	position: relative;
	overflow: hidden;
	background: linear-gradient(180deg, #c8d4de 0%, #bccbd9 100%);
}

.difference-glass-section:before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(160deg, rgba(255, 255, 255, 0.92), rgba(240, 247, 252, 0.72)),
		url("../img/assets/city-grid.jpeg") center center / cover no-repeat;
	opacity: 0.64;
	pointer-events: none;
}

.difference-glass-section:after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at 16% 18%, rgba(255, 255, 255, 0.28), transparent 42%),
		radial-gradient(circle at 84% 78%, rgba(147, 196, 230, 0.18), transparent 44%);
	pointer-events: none;
}

.difference-glass-section > .container,
.difference-glass-section .section-title,
.difference-glass-section .custom-container {
	position: relative;
	z-index: 2;
}

.cta-asset-section {
	position: relative;
	overflow: hidden;
	background: linear-gradient(160deg, #eef3f8 0%, #dde8f2 100%);
}

.cta-asset-section:before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(120deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 252, 255, 0.84) 38%, rgba(244, 250, 255, 0.66) 100%);
	opacity: 0.78;
	pointer-events: none;
}

.cta-asset-section:after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(180deg, rgba(51, 122, 183, 0.04), rgba(51, 122, 183, 0.08));
	pointer-events: none;
}

.cta-asset-section > .container,
.cta-asset-section .section-title,
.cta-asset-section .custom-container {
	position: relative;
	z-index: 2;
}

.cta-inline-visuals {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0.75rem;
	margin: 0 auto 1.3rem;
}

.cta-inline-visuals img {
	display: block;
	width: auto;
	height: 46vh;
	object-fit: cover;
	border-radius: 12px;
	border: 1px solid rgba(51, 122, 183, 0.18);
	box-shadow: 0 14px 36px rgba(8, 24, 41, 0.18);
	filter: saturate(0.72) contrast(1.03) brightness(1.01);
}

#twinx-overview .section-title h6,
#twinx-overview .section-title h3 {
	color: #343a40 !important;
}

@keyframes beSweep {
	0% {
		transform: translateX(-4%);
	}
	50% {
		transform: translateX(4%);
	}
	100% {
		transform: translateX(-4%);
	}
}

@keyframes beGeoDrift {
	0% {
		transform: translate3d(0, 0, 0) scale(1);
		background-position: 0 0, 0 0, 0% 0%, 100% 100%;
	}
	50% {
		transform: translate3d(1.8%, -1.6%, 0) scale(1.02);
		background-position: 14px 8px, -10px 12px, 6% 4%, 94% 96%;
	}
	100% {
		transform: translate3d(0, 0, 0) scale(1);
		background-position: 0 0, 0 0, 0% 0%, 100% 100%;
	}
}

.modern-surface {
	background: rgba(255, 255, 255, 0.94);
	border: 1px solid var(--be-surface-border);
	border-radius: 12px;
	box-shadow: var(--be-surface-shadow);
	padding: 2.5rem 3rem;
	position: relative;
	overflow: hidden;
}

.modern-surface:after {
	content: "";
	position: absolute;
	top: -40%;
	right: -10%;
	width: 18rem;
	height: 18rem;
	background: radial-gradient(circle, rgba(51, 122, 183, 0.1), transparent 65%);
	pointer-events: none;
}

.modern-surface .content,
.modern-surface .single-feature {
	position: relative;
	z-index: 2;
}

.modern-surface,
.modern-surface p,
.modern-surface li {
	color: #5a6066;
}

.modern-surface strong,
.modern-surface h4,
.modern-surface h5,
.modern-surface h6 {
	color: #343a40;
}

.modern-surface .svg-wrapper {
	transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.modern-surface .svg-wrapper:hover {
	transform: translateY(-4px);
}

.duality-visual {
	margin: 2rem 0 2.5rem;
	padding: 0.8rem;
	border-radius: 14px;
	background: linear-gradient(145deg, rgba(8, 24, 41, 0.06), rgba(51, 122, 183, 0.08));
	border: 1px solid rgba(51, 122, 183, 0.18);
	box-shadow: 0 18px 44px rgba(8, 24, 41, 0.18);
}

.duality-visual img {
	display: block;
	width: 100%;
	border-radius: 10px;
	transition: transform 0.35s ease, filter 0.35s ease;
}

.duality-visual:hover img {
	transform: scale(1.01);
	filter: saturate(1.05);
}

.reveal-float {
	animation: beFloatIn 0.8s ease both;
}

@keyframes beFloatIn {
	from {
		opacity: 0;
		transform: translateY(18px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

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

ul.py-3 li, ul.py-2 li, ol.py-3 li, ol.py-2 li  {
	padding-top: 0.5rem;
	padding-bottom: 0.7rem;
}

fieldset {
	border: 0 none;
	margin: 0 auto;
	padding: 0;
}

label {
	display: none;
}

.truncate {
	max-width: 90%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
  }

  .w-90 {
	width: 90% !important;
  }

/*START PRELOADER DESIGN*/

#page-preloader {
	background: #343a40;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 999999;

    opacity: 1; /* Start fully visible */
    visibility: visible;
    transition: opacity 1s ease, visibility 1s ease; /* Smooth fade-in and fade-out */
}

.preload-loader {
	position: absolute;
	left: 44%;
	top: 36%;
	background: url("../img/BE-Logo-Small.svg");
	background-size: cover;
	width: 11.25em;
	height: 11.25em;
	display: box;
	display: -o-box;
	display: -ms-box;
	display: -webkit-box;
	display: -moz-box;
	display: flex;
	display: -o-flex;
	display: -ms-flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	margin: 0 auto;
	box-align: center;
	-o-box-align: center;
	-ms-box-align: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	align-items: center;
	-o-align-items: center;
	-ms-align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-flex-align: center;
	box-pack: center;
	-o-box-pack: center;
	-ms-box-pack: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	justify-content: center;
	-o-justify-content: center;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}


.preload-loader-old {
	position: absolute;
	left: 44%;
	top: 36%;
	border: 1px solid #ddd;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	width: 11.25em;
	height: 11.25em;
	display: box;
	display: -o-box;
	display: -ms-box;
	display: -webkit-box;
	display: -moz-box;
	display: flex;
	display: -o-flex;
	display: -ms-flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	margin: 0 auto;
	box-align: center;
	-o-box-align: center;
	-ms-box-align: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	align-items: center;
	-o-align-items: center;
	-ms-align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-flex-align: center;
	box-pack: center;
	-o-box-pack: center;
	-ms-box-pack: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	justify-content: center;
	-o-justify-content: center;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.preload-spinner {
	width: 5rem;
	height: 5rem;
	animation: 4s preload-spinner infinite linear;
	-o-animation: 4s preload-spinner infinite linear;
	-ms-animation: 4s preload-spinner infinite linear;
	-webkit-animation: 4s preload-spinner infinite linear;
	-moz-animation: 4s preload-spinner infinite linear;
	color: rgba(51, 122, 183, 0.53);
	text-align: center;
	font-size: 4rem;
	line-height: 16rem;
}

.preload-spinner-old {
	width: 5rem;
	height: 5rem;
	background: rgb(255, 255, 255);
	background-image: linear-gradient(270deg, rgba(17, 17, 17, 0) 45%, rgba(170, 102, 17, 0.5) 75%);
	background-image: -o-linear-gradient(270deg, rgba(17, 17, 17, 0) 45%, rgba(170, 102, 17, 0.5) 75%);
	background-image: -ms-linear-gradient(270deg, rgba(17, 17, 17, 0) 45%, rgba(170, 102, 17, 0.5) 75%);
	background-image: -webkit-linear-gradient(270deg, rgba(17, 17, 17, 0) 45%, rgba(170, 102, 17, 0.5) 75%);
	background-image: -moz-linear-gradient(270deg, rgba(17, 17, 17, 0) 45%, rgba(170, 102, 17, 0.5) 75%);
	animation: 4s preload-spinner infinite linear;
	-o-animation: 4s preload-spinner infinite linear;
	-ms-animation: 4s preload-spinner infinite linear;
	-webkit-animation: 4s preload-spinner infinite linear;
	-moz-animation: 4s preload-spinner infinite linear;
	box-shadow: inset 0 -0.2rem 0.4rem -0.22rem rgba(51, 122, 183, 0.54), inset 0 0rem 0rem 1rem rgb(6, 8, 11), inset 0 -0.2rem 0.6rem 0.8rem rgba(51, 122, 183, 0.53), 0 0.4rem 0.8rem -0.22rem rgba(51, 122, 183, 0.53);
	-o-box-shadow: inset 0 -0.2rem 0.4rem -0.22rem rgba(51, 122, 183, 0.54), inset 0 0rem 0rem 1rem rgb(6, 8, 11), inset 0 -0.2rem 0.6rem 0.8rem rgba(51, 122, 183, 0.53), 0 0.4rem 0.8rem -0.22rem rgba(51, 122, 183, 0.53);
	-ms-box-shadow: inset 0 -0.2rem 0.4rem -0.22rem rgba(51, 122, 183, 0.54), inset 0 0rem 0rem 1rem rgb(6, 8, 11), inset 0 -0.2rem 0.6rem 0.8rem rgba(51, 122, 183, 0.53), 0 0.4rem 0.8rem -0.22rem rgba(51, 122, 183, 0.53);
	-webkit-box-shadow: inset 0 -0.2rem 0.4rem -0.22rem rgba(51, 122, 183, 0.54), inset 0 0rem 0rem 1rem rgb(6, 8, 11), inset 0 -0.2rem 0.6rem 0.8rem rgba(51, 122, 183, 0.53), 0 0.4rem 0.8rem -0.22rem rgba(51, 122, 183, 0.53);
	-moz-box-shadow: inset 0 -0.2rem 0.4rem -0.22rem rgba(51, 122, 183, 0.54), inset 0 0rem 0rem 1rem rgb(6, 8, 11), inset 0 -0.2rem 0.6rem 0.8rem rgba(51, 122, 183, 0.53), 0 0.4rem 0.8rem -0.22rem rgba(51, 122, 183, 0.53);
	color: rgba(51, 122, 183, 0.53);
	text-align: center;
	border-top: 1px solid rgb(255, 255, 255);
	border-bottom: 1px solid rgba(51, 122, 183, 0.54);
	font-size: 4rem;
	line-height: 16rem;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}

@keyframes preload-spinner {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

@-o-keyframes preload-spinner {
	0% {
		-o-transform: rotate(0deg);
	}
	100% {
		-o-transform: rotate(360deg);
	}
}

@-ms-keyframes preload-spinner {
	0% {
		-ms-transform: rotate(0deg);
	}
	100% {
		-ms-transform: rotate(360deg);
	}
}

@-webkit-keyframes preload-spinner {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@-moz-keyframes preload-spinner {
	0% {
		-moz-transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(360deg);
	}
}


/*END PRELOADER DESIGN*/

/* START fancybox */
.svg-object {
	/* border: 1px solid green; */
	padding: 1rem 0rem;
}

.our-usecase  {
	margin: 1.5rem 0;
}

.svg-thumbnail {
	width: 200px;
	height: 200px;
	object-fit: contain;
}

.fancybox-gallery-title {
	height: 44px;
	background-color: rgba(30, 30, 30, .6);
	font-size: 0.85rem !important;
	/* border: 1px solid yellow; */
	vertical-align: middle;
}

.fancybox-slide--video .fancybox-content {
	position: absolute;
}

.fancybox-content {
	/* background-color: rgba(255, 255, 255, 0.7) !important; */
	/* background-color: #343a40 !important; */
	background-color: #ffffff !important;
	padding: 4rem;
	/* border-radius: 2rem; */
	border: 10px solid #ccc;
	margin: 4rem;
}

.fancybox-caption {
    /* background: rgba(30, 30, 30, .6) !important; */
	background: linear-gradient(0deg,rgba(0,0,0,1) 0,rgba(0,0,0,.95) 50%,rgba(0,0,0,.9) 65%,rgba(0,0,0,.85) 75.5%,rgba(0,0,0,.8) 82.85%,rgba(0,0,0,.75) 88%,rgba(0,0,0,.7));
    color: #FFFFFF !important;
	padding: 25px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
}

.fancybox-caption__body {
    font-size: 1.2rem;
}

.svg-wrapper {
	position: relative;
	margin-top: 1rem;

    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%; /* Ensures it takes the full height of the content area */
    width: 100%; /* Ensures it takes the full width of the content area */

	/* border: 1px solid #343a40; */
	/*
	-webkit-box-shadow: 7px 7px 23px -12px rgba(0,0,0,0.75);
	-moz-box-shadow: 7px 7px 23px -12px rgba(0,0,0,0.75);
	box-shadow: 7px 7px 23px -12px rgba(0,0,0,0.75);
	*/
	/* background-color: #FFFFFF; */

}

.svg-wrapper svg {
    max-width: 100%;
    max-height: 100%;
    margin: auto; /* Ensures the image is centered within the flexbox container */
    display: block; /* Prevents the image from inheriting inline behavior */
}

.svg-container {
	/* width: 100% !important; */
}

.svg-container h1 {
	font-size: 22px;
	margin: 8px 8px;
}

.svg-container h2 {
	font-size: 19px;
	margin: 8px 8px;
}

.svg-container h3 {
	font-size: 15px;
	margin: 8px 8px;
}

.svg-container h4 {
	font-size: 12px;
	line-height: 18px;
}


.svg-container ul, .svg-container ol {
	font-size: 17px;
	line-height: 105%;
}
.svg-container li {
	padding-top: 8px;
	list-style: disc;
	margin-left: 18px !important;
}


@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0.5;
	}
	100% {
		opacity: 1;
	}
}

/* Apply the fade-in animation to Fancybox content */
.fancybox-content {
	animation: fadeIn 1s cubic-bezier(0.25, 1, 0.5, 1);
}


/*START SCROLL TO TOP*/

.topcontrol {
	background: #337ab7;
	color: #fff;
	font-size: 26px;
	cursor: pointer;
	text-align: center;
	height: 40px;
	width: 40px;
	line-height: 40px;
	position: fixed;
	bottom: 5px;
	right: 5px;
	z-index: 999;
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}

.topcontrol {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.topcontrol:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #343a40;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.topcontrol:hover,
.topcontrol:focus,
.topcontrol:active {
	color: #fff;
	border-color: #343a40;
}

.topcontrol:hover:before,
.topcontrol:focus:before,
.topcontrol:active:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}

.blockquote {
    border: 2px solid rgba(#FFFFFF, 0.54);
    border-left: 0.5rem solid rgba(FFFFFF, 0.54);
    color: $blockquote-color;
    font-family: $font-family-base;
    font-style: italic;
    line-height: 1.6;
    margin: 0.4rem auto;
    max-width: 60%;
    padding: 0.2rem 0.2rem 0.2rem (0.2rem * 2.5);
    position: relative;
    width: 100%;
	text-shadow: 6px 7px 8px rgba(0,0,0,0.65);

    &:before {
		font-size: 9rem !important;
        color: #ffffff;
        content: '\201C';
        font-size: 1.2rem;
        line-height: 1;
        max-width: 0.6vw;
        position: absolute;
        text-align: inherit;
        top: -2rem;
        left: -4rem;
    }

    &:after {
		font-size: 9rem !important;
        color: #ffffff;
        content: '\201E';
        font-size: 1.2rem;
        line-height: 1;
        max-width: 0.6vw;
        position: absolute;
        text-align: inherit;
        bottom: -1rem;
        right: -1rem;
   }

    &-footer {
        color: #FFFFFF;
        display: block;
        font-style: normal;
        font-weight: $font-weight-bold;
        margin-top: 1rem;
        padding: 0;

        &:before {
            content: '\2014\00A0';
        }
    }
}


ul.custom-bullets {
	list-style-type: none !important; /* Removes default bullets */
	padding: 0;
	margin: 0;
	font-family: 'IcoFont' !important; /* Specify the font family that includes the character */
  }
  
  ul.custom-bullets li {
	list-style-type: none !important; /* Removes default bullets */
	position: relative;
	padding-left: 20px; /* Provides space for the custom bullet */
  }
  
  ul.custom-bullets li.money::before {
	content: "\ea7d"; /* Your custom character */
	color: #337ab7;
	position: absolute;
	left: -20px;
	top: 15px;
	font-size: 30px;
}

ul.custom-bullets li.hands::before {
	content: "\ec8d"; /* Your custom character */
	color: #337ab7;
	position: absolute;
	left: -20px;
	top: 15px;
	font-size: 30px;
}

ul.custom-bullets li.clock::before {
	content: "\efb0"; /* Your custom character */
	color: #337ab7;
	position: absolute;
	left: -20px;
	top: 15px;
	font-size: 30px;
}

ul.custom-bullets li.exchange::before {
	content: "\efe9"; /* Your custom character */
	color: #337ab7;
	position: absolute;
	left: -20px;
	top: 15px;
	font-size: 30px;
}

ul.custom-bullets li.thumb::before {
	content: "\f0f2"; /* Your custom character */
	color: #337ab7;
	position: absolute;
	left: -20px;
	top: 15px;
	font-size: 30px;
}

ul.custom-bullets li.secure::before {
	content: "\f0e3"; /* Your custom character */
	color: #337ab7;
	position: absolute;
	left: -20px;
	top: 15px;
	font-size: 30px;
}

ul.custom-bullets li.chart::before {
	content: "\ea8c"; /* Your custom character */
	color: #337ab7;
	position: absolute;
	left: -20px;
	top: 15px;
	font-size: 30px;
}

/*END SCROLL TO TOP*/
.section {
	width: 100vw;
}

.section-padding {
	padding: 75px 15px 0px 15px;
	position: relative;
}

.section-back-image {
	background-size: cover;
	background-position: center center;
}

.no-padding {
	padding: 0
}

.bg-gray {
	background-color: rgb(132, 133, 135);
}

.bg-gray-2 {
	background-color: rgb(214, 216, 221);
}

.twinx-issuer-bg {
	background: linear-gradient(180deg, #d6d8dd 0%, #ccd2db 100%);
}

.twinx-contact-bg {
	background: linear-gradient(180deg, #eef3f8 0%, #e6edf6 100%);
}

.bg-dark {
	background: #343a40;
}

.text-light {
	color: rgb(214, 216, 221) !important;
}

.text-gray {
	color: rgb(132, 133, 135);
}

.text-dark {
	color: #343a40 !important;
}

.text-highlight {
	color: #337ab7;
}

.overlay {
	position: relative;
	z-index: 1;
}

.overlay:before {
	background: rgba(0, 0, 0, 0.8);
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	position: absolute;
	top: 0;
	width: 100%;
}


/*START SECTION TITLE DESIGN*/

.section-title {
	margin-bottom: max(2.8vh, 25px)
}

.section-title h6 {
	text-transform: uppercase;
	font-size: 0.8rem;
	font-weight: 400;
}

.section-title h3 {
	text-transform: uppercase;
	position: relative;
}

.section-title h3:after {
	position: absolute;
	content: "";
	bottom: -20px;
	left: 50%;
	width: 58px;
	height: 8px;
	border: 2px dashed #337ab7;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.section-title-left {
	border-left: 4px solid #999;
	padding-left: 10px;
}

.section-title-left-white {
	color: #fff;
	border-color: #fff;
}

.section-title-left h6 {
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 400;
}

.section-title-left h3 {
	text-transform: uppercase;
	position: relative;
}

.mb-80 {
	margin-bottom: 80px;
}

section p.centered {
	text-align: center;
}

/*END SECTION TITLE DESIGN*/


/*
* ----------------------------------------------------------------------------------------
* 01. END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 02. BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/

.navbar-title {
    display: block;
    width: 100%;  /* Ensures the title spans the width of the container */
    text-align: center;
    margin-bottom: 1rem; /* Adds spacing between title and menu */
}

.page-title {
	width: auto;
	text-align: center;
	position: absolute;
	top: 20px;
    color: #fff;
	/* border: 1px solid green; */
    left: 50%;
    transform: translate(-50%, 0%);
}

.page-title h1, .page-title h2 {
	font-size: 1.2rem !important; /* Adjust size as needed */
    font-weight: 600;
    letter-spacing: 4px;
    display: inline-block;
	text-shadow: 6px 7px 8px rgba(0,0,0,0.65);
}

.div-hide {
    opacity: 0;
    transition: opacity 0.5s ease-in-out; /* Duration of fade out */
    display: none !important; /* Initial state is hidden */
}

.div-show {
    opacity: 1;
    transition: opacity 0.5s ease-in-out; /* Duration of fade in */
    display: block !important; /* Show when class is applied */
}

.top-logo {
	height: 10vh;;
}

.nav-subtitle {
	position: absolute;
	transform: translate(85px, -20px);
	text-transform: uppercase;
	letter-spacing: 5px;
}

li.nav-item.small>a {
	font-size: 0.7rem !important;
}

.nav-link.dropdown-toggle.adjustUnderlineAnumation::after {
    content: none !important; /* Disables the ::after element */
}

.navbar-brand h3.main-logo {
	font-size: 0.94rem;
	color: #fff;
	margin: 0;
}

.navbar .container {
	z-index: 99;
	padding: 0px 5px;
}

#mainNav.navbar-shrink .navbar-brand h3.main-logo {
	color: #343a40;
	margin: 0;
}

.navbar-brand h3.main-logo span {
	background: #337ab7;
	padding: 10px;
	margin-right: 5px;
	-webkit-border-radius: 50% 3px 50% 50%;
	-moz-border-radius: 50% 3px 50% 50%;
	border-radius: 50% 3px 50% 50%;
}

.navbar-toggler-right {
	margin-right: 15px;
}

#mainNav.navbar-shrink .navbar-brand h3.main-logo span, #mainNav h3 {
	color: #fff;
}

#mainNav {
	font-family: "Montserrat", sans-serif;
	padding: 35px;
	border-color: rgba(34, 34, 34, 0.05);
	border-color: transparent;
	background-color: transparent;
	-webkit-transition: all .35s;
	-moz-transition: all .35s;
	transition: all .35s;
	width: 100vw;
}

#mainNav.navbar-shrink {
	border-bottom: 1px solid #ddd;
	background-color: #fff;
	padding: 0px;
}

#mainNav .navbar-brand img {
	height: 70px;
}

#mainNav .navbar-brand {
	color: #fff;
	font-weight: 700;
	letter-spacing: 3px;
	text-transform: uppercase;
	font-size: 20px;
}

#mainNav .navbar-brand:hover,
#mainNav .navbar-brand:focus {
	color: #fcbd20;
}

#mainNav .navbar-toggler {
	font-size: 12px;
	padding: 8px 10px;
	color: #fff;
	border-color: #fff;
	outline: none;
}

#mainNav .navbar-nav>li>a {
	font-size: 13px;
	color: #fff;
	font-weight: 600;
	letter-spacing: 2px;
	display: inline-block;
	text-transform: uppercase;
	padding: 8px 12px;
}

#mainNav .navbar-nav>li>a.active {
	/* color: #337ab7; */
	background-color: transparent;
}

#mainNav .navbar-nav>li>a.active:hover {
	background-color: transparent;
}

#mainNav .navbar-nav>li>a:hover,
#mainNav .navbar-nav>li>a:focus:hover {
	color: #337ab7;
}

#mainNav .navbar-nav>li>a:focus {
	color: #fff;
}

#mainNav .navbar-nav>li>a {
	position: relative;
}

#mainNav .navbar-nav>li>a:before,
#mainNav .navbar-nav>li>a:after {
	content: "";
	position: absolute;
	bottom: -2px;
	right: 0;
	left: auto;
	width: 0;
	height: 2px;
	background-color: #337ab7;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

#mainNav .navbar-nav>li>a.active:before,
#mainNav .navbar-nav>li>a.active:after,
#mainNav .navbar-nav>li>a:hover:before,
#mainNav .navbar-nav>li>a:hover:after {
	width: 80%;
	left: 12px;
}

#mainNav.navbar-shrink .navbar-brand:hover,
#mainNav.navbar-shrink .navbar-brand:focus {
	color: #337ab7;
}

#mainNav.navbar-shrink .navbar-nav>li>a.active {
	color: #337ab7;
	background-color: transparent;
}

#mainNav.navbar-shrink .navbar-nav>li>a,
#mainNav.navbar-shrink .navbar-nav>li>a:focus {
	color: #343a40;
}

#mainNav.navbar-shrink .navbar-nav>li>a:hover,
#mainNav.navbar-shrink .navbar-nav>li>a:focus:hover {
	color: #343a40;
}

#mainNav .navbar-nav>li.quote-btn>a {
	color: #343a40;
	padding: 0;
}

#mainNav .navbar-nav>li.quote-btn>a:hover,
#mainNav .navbar-nav>li.quote-btn>a:focus {
	color: #fff;
}

/*
#audioPlayer {
    position: fixed;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    padding: 4px;
    background: transparent;
    color: #fff;
    z-index: 1100;
    border-radius: 4px;
    display: none;
    width: 150px;
    height: 10px !important;
	pointer-events: auto; 
	border: 1px solid green;
}
*/

#audioPlayerContainer {
    position: fixed;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    padding: 3px;
    background: rgba(0, 0, 0, 0.6);
    /* color: #fff; */
	color: #343a40;
    z-index: 2000;
    border-radius: 0 0 4px 4px;
    width: auto;
    height: auto;
    pointer-events: auto;
    text-align: center;
	transition: top 0.5s ease; 
}

/* Class to show the audio player */
#audioPlayerContainer.show {
    top: 0; /* Position at the top when shown */
}

/* Class to hide the audio player */
#audioPlayerContainer.hide {
    top: -100px; /* Slide up out of view */
}

/* Style for custom controls */
#customAudioControls {
    margin-top: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#customAudioControls button, #customAudioControls div {
    background: #337ab7;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 1px 4px;
    margin: 0 3px;
    cursor: pointer;
    font-size: 0.7rem;
}

#customAudioControls button:hover {
    background: #285e8e;
}


#audioPlayerIcon {
    color: #ffffff !important;
    background: none !important;
    font-size: 1.2rem !important;
    padding: 0px 4px;
	cursor: default !important;
}

#playPauseButton {
	width: 2.5rem;
}

.dropdown-menu {
	background-color: rgba(255, 255, 255, 0.9);
    line-height: 1rem;
    margin-top: 8px;
	font-size: 0.9rem;
}

.quote-btn {
	background: #fff;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	border-radius: 20px;
	padding: 8px 12px;
	margin-left: 50px;
	text-align: center;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	cursor: pointer;
	overflow: hidden;
}

.quote-btn:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #337ab7;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	border-radius: 20px;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.quote-btn:hover,
.quote-btn:focus,
.quote-btn:active {
	color: #fff;
}

.quote-btn:hover:before,
.quote-btn:focus:before,
.quote-btn:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

/* Style for the button bar container */
#iconButtonBar {
    position: fixed;
    top: 25%;
    left: 0;
    transform: translateY(-25%); /* Vertically center the bar */
    display: flex;
    flex-direction: column;
    align-items: center;
    background: rgba(0, 0, 0, 0.6);
    padding: 10px 5px;
    border-radius: 0;
    transition: left 0.5s ease;
    z-index: 1000;
	width: 22px;
	height: auto;
}

/* Style for the handle */
#handle {
    width: 10px;
    height: 100%;
    background-color: #337ab7;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	cursor: pointer;
    border-radius: 0 8px 8px 0; /* Rounded right edge */
    margin-bottom: 10px;
    position: absolute;
    right: -10px; /* Position handle sticking out from the right */
    top: 50%;
    transform: translateY(-50%); /* Vertically center the handle */
    z-index: 1001; /* Ensure the handle is always on top */
	font-size: 10px;
    color: #ffffff;
}

/* When the button bar is hidden, only the handle remains visible */
#iconButtonBar.hidden {
    left: -22px; /* Adjust based on the width of the button bar to fully hide it */
}

/* Style for the individual buttons */
.icon-button {
    background: transparent;
    border: none;
    color: rgb(214, 216, 221);
    font-size: 0.9rem;
    cursor: pointer;
	padding: 3px;
}

.icon-button:hover {
    color: #337ab7;
}

/* When the button bar is hidden, only the handle remains visible */
#buttonBar.hidden {
    left: -150px; /* Adjust based on the width of the button bar to fully hide it */
}

.cookie-btn {
	background: #fff;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	border-radius: 20px;
	padding: 4px 12px;
	text-align: center;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	cursor: pointer;
	overflow: hidden;
}

.cookie-btn:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	background: #337ab7;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.cookie-btn:hover,
.cookie-btn:focus,
.cookie-btn:active {
	color: #fff;
}

.cookie-btn:hover:before,
.cookie-btn:focus:before,
.cookie-btn:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

.cookie-btn-right {
	margin-left: 30px;
}

.cookie-consent-modal .modal-content-wrap .modal-content {
	padding: 1rem !important;
	border-radius: 0;
    border: 10px solid #ccc !important;
}

.consent-modal .modal-content-wrap .modal-content .modal-header h3 {
	color: #93989B;
}

.cookie-consent-modal .modal-content-wrap .modal-content .modal-body {
	color: #93989B;
    padding: 1rem 1rem;
    line-height: 1.3;
    font-family: 'Lato', sans-serif;
}

.content-btn {
	border: 2px solid #337ab7 !important;
}

#mainNav.navbar-shrink .navbar-nav>li.quote-btn>a,
#mainNav.navbar-shrink .navbar-nav>li.quote-btn>a:hover,
#mainNav.navbar-shrink .navbar-nav>li.quote-btn>a:focus {
	color: #fff;
}

#mainNav.navbar-shrink .quote-btn {
	background: #337ab7;
}

#mainNav.navbar-shrink .quote-btn:before {
	background: #343a40;
}

#mainNav.navbar-shrink .quote-btn:hover:before,
#mainNav.navbar-shrink .quote-btn:focus:before,
#mainNav.navbar-shrink .quote-btn:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

#mainNav .navbar-nav>li.quote-btn>a:before,
#mainNav .navbar-nav>li.quote-btn>a:after {
	opacity: 0;
}

/* language nav */
.currentLanguageFlag {
	height: 20px;
	width: 40px;
}
.languageDropdown {
	min-width: 0;
	padding: 0;
	margin-left: 0.75rem;
}
.otherLanguageOption {
	padding: 0.35rem 0.2rem;
}
.otherLanguageFlag {
	height: 20px;
	width: 34px;
}

.right-border {
	border-right: 0.15rem solid #93989B;
}
/*
* ----------------------------------------------------------------------------------------
* 02. END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 03. START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/


/*START HOME SLIDER*/

.full-screen {
	height: 100vh;
	width: 100%;
}

.vbox-container {
	max-width: 96%;
}

.vbox-container img {
	border-radius: 1rem;
    padding: 0.6rem !important;
}

.vbox-title {
	background-color: #343a40 !important;
    height: 5vh;
    min-height: 100px;
    font-size: 1.2rem;
    line-height: 1rem;
	padding: 6px 50px;
	display: flex;
	justify-content: center; 
	align-items: center;
}

.vbox-num, .vbox-close {
	background-color: #343a40 !important;
}

.bg-img {
	width: 100%;
	display: block;
	position: relative;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

.bg-img:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
}

.slider-content {
	display: table;
	height: 100%;
	width: 100%;
}

#home .slider-content .row {
	justify-content: center;
}

.triggerFrame {
	cursor: crosshair;
}

#home .triggerFrame {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	float: none;
	max-width: 980px;
}

.slider-content-inner {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	padding-top: 30px;
}

.slider-content .triggerframe {
	/* border: 1px solid green; */
}

.slider-content h2 {
	color: #fff;
	font-size: 70px;
	text-transform: capitalize;
	margin: 0 0 80px;
	border-left: 10px solid #fff;
	padding-left: 20px;
	position: relative;
}

#home .slider-content h2 {
	display: inline-block;
	text-align: left;
}

.slider-content h2 {
	text-transform: uppercase;
	line-height: 68px;
}

.slider-content h2 span {
	text-transform: none;
	font-size: 40px;
}

.slider-content h2:after {
	position: absolute;
	content: "";
	height: 2px;
	width: 96%;
	background: #fff;
	bottom: -50px;
	left: -10px;
}

.slider-content p {
	color: #fff;
	margin-bottom: 35px;
	font-size: 1.5rem;
    line-height: 2rem;
}

#home .slider-content p {
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
}

/* slider animations */
.home-slider.owl-carousel .owl-item .slider-content h2 {
	opacity: 0;
	-webkit-transform: translateX(200px);
	-ms-transform: translateX(200px);
	transform: translateX(200px);
	-webkit-transition: all 1.5s ease .1s;
	-moz-transition: all 1.5s ease .1s;
	-ms-transition: all 1.5s ease .1s;
	-o-transition: all 1.5s ease .1s;
	transition: all 1.5s ease .1s;
	line-height: 100%
}

.home-slider.owl-carousel .owl-item.active .slider-content h2 {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

.home-slider.owl-carousel .owl-item .slider-content p {
	opacity: 0;
	-webkit-transform: translateX(-200px);
	-ms-transform: translateX(-200px);
	transform: translateX(-200px);
	-webkit-transition: all 1.5s ease .1s;
	-moz-transition: all 1.5s ease .1s;
	-ms-transition: all 1.5s ease .1s;
	-o-transition: all 1.5s ease .1s;
	transition: all 1.5s ease .1s;
}

.home-slider.owl-carousel .owl-item.active .slider-content p {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

.home-slider.owl-carousel .owl-item .btn-home-slider-1,
.home-slider.owl-carousel .owl-item .btn-home-slider-2,
.home-slider.owl-carousel .owl-item .btn-home-slider-3,
.home-slider.owl-carousel .owl-item .btn-home-slider-4 {
	opacity: 0;
	-webkit-transform: translateX(200px);
	-ms-transform: translateX(200px);
	transform: translateX(200px);
	-webkit-transition: all 1.5s ease .1s;
	-moz-transition: all 1.5s ease .1s;
	-ms-transition: all 1.5s ease .1s;
	-o-transition: all 1.5s ease .1s;
	transition: all 1.5s ease .1s;
}

.home-slider.owl-carousel .owl-item.active .btn-home-slider-1,
.home-slider.owl-carousel .owl-item.active .btn-home-slider-2,
.home-slider.owl-carousel .owl-item.active  .btn-home-slider-3,
.home-slider.owl-carousel .owl-item.active  .btn-home-slider-4 {
		opacity: 1;
	-webkit-transform: translatex(0);
	-ms-transform: translatex(0);
	transform: translatex(0);
}

.owl-theme.home-slider.owl-carousel .owl-item,
.owl-theme.home-slider.owl-carousel .owl-wrapper {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
}

.owl-theme.home-slider .owl-dots {
	text-align: center;
	position: absolute;
	left: 50%;
	bottom: 74px;
	top: auto;
	width: auto;
	transform: translateX(-50%);
	margin: 0;
	z-index: 4;
}

#home .slider-content .btn-home-slider-1,
#home .slider-content .btn-home-slider-2,
#home .slider-content .btn-home-slider-3,
#home .slider-content .btn-home-slider-4 {
	margin-left: 8px;
	margin-right: 8px;
}

.owl-theme.home-slider .owl-dots .owl-dot span {
	width: 6px;
	height: 6px;
	border-radius: 0;
	padding: 4px 28px;
	position: relative;
	background: #869791;
}

.owl-theme.home-slider .owl-dots .owl-dot.active span {
	background: #ddd;
}

.owl-theme.home-slider .owl-dots .owl-dot span:before {
	position: absolute;
	content: "";
	left: 18px;
	top: 0;
	height: 8px;
	width: 22px;
	background: transparent;
}

.owl-theme.home-slider .owl-dots .owl-dot.active span:before {
	background: #337ab7;
}

.owl-theme.home-slider .owl-nav div {
	position: absolute;
	top: 50%;
	color: #869791;
	font-size: 50px;
	padding: 0;
	margin: 0;
	width: 50px;
	line-height: 76px;
	transform: translateY(-50%);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.home-slider.owl-theme .owl-nav {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 4;
}

.home-slider.owl-theme .owl-nav .owl-prev {
	left: 0;
	-webkit-border-radius: 3px 50% 50% 3px;
	-moz-border-radius: 3px 50% 50% 3px;
	border-radius: 3px 50% 50% 3px;
}

.home-slider.owl-theme .owl-nav .owl-prev {
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0) translateY(-50%);
	transform: perspective(1px) translateZ(0) translateY(-50%);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-property: color;
	transition-property: color;
}

.home-slider.owl-theme .owl-nav .owl-prev:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #337ab7;
	-webkit-border-radius: 3px 50% 50% 3px;
	-moz-border-radius: 3px 50% 50% 3px;
	border-radius: 3px 50% 50% 3px;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.home-slider.owl-theme .owl-nav .owl-prev:hover:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

.home-slider.owl-theme .owl-nav .owl-next {
	right: 0;
	-webkit-border-radius: 50% 3px 3px 50%;
	-moz-border-radius: 50% 3px 3px 50%;
	border-radius: 50% 3px 3px 50%;
}

.home-slider.owl-theme .owl-nav .owl-next {
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0) translateY(-50%);
	transform: perspective(1px) translateZ(0) translateY(-50%);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.home-slider.owl-theme .owl-nav .owl-next:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #337ab7;
	-webkit-border-radius: 50% 3px 3px 50%;
	-moz-border-radius: 50% 3px 3px 50%;
	border-radius: 50% 3px 3px 50%;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.home-slider.owl-theme .owl-nav .owl-next:hover:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

/* home slider-2 */

.owl-theme.home-slider-2.owl-carousel .owl-item,
.owl-theme.home-slider-2.owl-carousel .owl-wrapper {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
}

.owl-theme.home-slider-2 .owl-nav div {
	position: absolute;
	top: 50%;
	color: #869791;
	font-size: 50px;
	padding: 0;
	margin: -55px 0 0 0;
	width: 50px;
	line-height: 76px;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.home-slider-2.owl-theme .owl-nav .owl-prev {
	left: 0;
	-webkit-border-radius: 3px 50% 50% 3px;
	-moz-border-radius: 3px 50% 50% 3px;
	border-radius: 3px 50% 50% 3px;
}

.home-slider-2.owl-theme .owl-nav .owl-prev {
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-property: color;
	transition-property: color;
}

.home-slider-2.owl-theme .owl-nav .owl-prev:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #337ab7;
	-webkit-border-radius: 3px 50% 50% 3px;
	-moz-border-radius: 3px 50% 50% 3px;
	border-radius: 3px 50% 50% 3px;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.home-slider-2.owl-theme .owl-nav .owl-prev:hover:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

.home-slider-2.owl-theme .owl-nav .owl-next {
	right: 0;
	-webkit-border-radius: 50% 3px 3px 50%;
	-moz-border-radius: 50% 3px 3px 50%;
	border-radius: 50% 3px 3px 50%;
}

.home-slider-2.owl-theme .owl-nav .owl-next {
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.home-slider-2.owl-theme .owl-nav .owl-next:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #337ab7;
	-webkit-border-radius: 50% 3px 3px 50%;
	-moz-border-radius: 50% 3px 3px 50%;
	border-radius: 50% 3px 3px 50%;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.home-slider-2.owl-theme .owl-nav .owl-next:hover:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

/*END HOME SLIDER*/

/*START STATIC SLIDER*/

.home-static {
	position: relative;
	height: 100vh;
}

.home-static:before {
	background: rgba(0, 0, 0, 0.2);
	opacity: 0.8;
	height: 100%;
	width: 100%;
	position: absolute;
	content: "";
	left: 0;
	top: 0;
}

.home-static-text {
	padding-top: 250px;
}

.home-static-text h2 {
	color: #fff;
	background: rgba(255, 255, 255, 0.34);
	font-size: 36px;
	padding: 8px;
	margin-top: 0;
	text-transform: uppercase;
	margin-bottom: 30px;
	position: relative;
}

.home-static-text h2:before,
.home-static-text h2:after {
	content: "";
	position: absolute;
	height: 5px;
	border-bottom: 2px solid #fff;
	border-top: 2px solid #fff;
	top: 50%;
	width: 100px;
}

.home-static-text h2:before {
	right: 100%;
}

.home-static-text h2:after {
	left: 100%;
}

.home-static-text p {
	color: #fff;
	margin: auto auto 40px;
	width: 70%;
}

.btn-home-slider-1 {
	color: #fff;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 700;
	background: transparent;
	border: 2px solid #fff;
	padding: 8px 20px;
	margin-bottom: 10px;
	margin-right: 20px;
	display: inline-block;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	border-radius: 20px;
}

.btn-home-slider-1:hover,
.btn-home-slider-1:focus,
.btn-home-slider-1:active {
	color: #fff;
	border-color: #337ab7;
}

.btn-home-slider-1 {
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.btn-home-slider-1:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #337ab7;
	border: 2px solid #337ab7;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	-ms-border-radius: 17px;
	border-radius: 17px;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.btn-home-slider-1:hover:before,
.btn-home-slider-1:focus:before,
.btn-home-slider-1:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

.btn-home-slider-2, .btn-home-slider-4 {
	color: #fff;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 700;
	background: transparent;
	border: 2px solid #fff;
	padding: 8px 20px;
	margin-bottom: 10px;
	display: inline-block;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	border-radius: 20px;
}

.btn-home-slider-2:hover,
.btn-home-slider-2:active,
.btn-home-slider-2:focus,
.btn-home-slider-4:hover,
.btn-home-slider-4:active,
.btn-home-slider-4:focus {
	color: #fff;
	border-color: #337ab7;
}

.btn-home-slider-2, .btn-home-slider-4 {
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.btn-home-slider-2:before,
.btn-home-slider-4:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #337ab7;
	border: 2px solid #337ab7;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	-ms-border-radius: 17px;
	border-radius: 17px;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.btn-home-slider-2:hover:before,
.btn-home-slider-2:focus:before,
.btn-home-slider-2:active:before,
.btn-home-slider-4:hover:before,
.btn-home-slider-4:focus:before,
.btn-home-slider-4:active:before {
		-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

.btn-home-slider-3 {
	color: #fff;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 700;
	background: #337ab7;
	border: 2px solid #337ab7;
	padding: 8px 20px;
	margin-bottom: 10px;
	margin-right: 20px;
	display: inline-block;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	border-radius: 20px;
}

.btn-home-slider-3:hover,
.btn-home-slider-3:focus,
.btn-home-slider-3:active {
	color: #343a40;
	border-color: #fff;
}

.btn-home-slider-3 {
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.btn-home-slider-4 {
	color: #337ab7;
}

.btn-home-slider-3:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	border: 2px solid #fff;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	-ms-border-radius: 17px;
	border-radius: 17px;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.btn-home-slider-3:hover:before,
.btn-home-slider-3:focus:before,
.btn-home-slider-3:active:before,
.btn-home-slider-4:active:before {
		-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

.btn-home-slider-1,
.btn-home-slider-2,
.btn-home-slider-3,
.btn-home-slider-4 {
	transition: transform 0.3s ease, box-shadow 0.3s ease, color 0.3s ease;
	box-shadow: 0 10px 24px rgba(8, 24, 41, 0);
}

.btn-home-slider-1:hover,
.btn-home-slider-1:focus,
.btn-home-slider-3:hover,
.btn-home-slider-3:focus,
.btn-home-slider-4:hover,
.btn-home-slider-4:focus {
	transform: translateY(-2px);
	box-shadow: 0 12px 28px rgba(8, 24, 41, 0.18);
}

.btn-home-slider-2:hover,
.btn-home-slider-2:focus,
.btn-home-slider-4:hover,
.btn-home-slider-4:focus {
	transform: none;
	box-shadow: 0 12px 28px rgba(8, 24, 41, 0.18);
}

#mainNav .navbar-nav>li>a {
	transition: color 0.25s ease, transform 0.25s ease;
}

#mainNav .navbar-nav>li>a:hover,
#mainNav .navbar-nav>li>a:focus:hover {
	transform: translateY(-1px);
}

.btn-scroll-down {
	width: 100px;
	height: 50px;
	position: absolute;
	bottom: 5px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 10;
	-webkit-transition: display 0.5s easy-in-out;
	-moz-transition: display 0.5s easy-in-out;
	-o-transition: display 0.5s easy-in-out;
	-ms-transition: display 0.5s easy-in-out;
	transition: display 0.5s easy-in-out;
}

.btn-scroll-down:before,
.btn-scroll-down:after {
	content: '';
	display: block;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
}

.btn-scroll-down-dark:before,
.btn-scroll-down-dark:after {
	border-bottom: 1px solid #343a40 !important;
	border-right: 1px solid #343a40 !important;
}

.btn-scroll-down:before {
	bottom: 20px;
	width: 60px;
	height: 60px;
}

.btn-scroll-down:after {
	width: 30px;
	height: 30px;
	bottom: 35px;
	-webkit-animation: sc-down-a 0.3s infinite alternate;
	-moz-animation: sc-down-a 0.3s infinite alternate;
	-o-animation: sc-down-a 0.3s infinite alternate;
	-ms-animation: sc-down-a 0.3s infinite alternate;
	animation: sc-down-a 0.3s infinite alternate;
}

@-moz-keyframes sc-down-a {
	0% {
		-webkit-transform: translateY(0px) rotate(45deg);
		-moz-transform: translateY(0px) rotate(45deg);
		-o-transform: translateY(0px) rotate(45deg);
		-ms-transform: translateY(0px) rotate(45deg);
		transform: translateY(0px) rotate(45deg)
	}
	100% {
		-webkit-transform: translateY(2px) rotate(45deg);
		-moz-transform: translateY(2px) rotate(45deg);
		-o-transform: translateY(2px) rotate(45deg);
		-ms-transform: translateY(2px) rotate(45deg);
		transform: translateY(2px) rotate(45deg)
	}
}

@-webkit-keyframes sc-down-a {
	0% {
		-webkit-transform: translateY(0px) rotate(45deg);
		-moz-transform: translateY(0px) rotate(45deg);
		-o-transform: translateY(0px) rotate(45deg);
		-ms-transform: translateY(0px) rotate(45deg);
		transform: translateY(0px) rotate(45deg)
	}
	100% {
		-webkit-transform: translateY(2px) rotate(45deg);
		-moz-transform: translateY(2px) rotate(45deg);
		-o-transform: translateY(2px) rotate(45deg);
		-ms-transform: translateY(2px) rotate(45deg);
		transform: translateY(2px) rotate(45deg)
	}
}

@-o-keyframes sc-down-a {
	0% {
		-webkit-transform: translateY(0px) rotate(45deg);
		-moz-transform: translateY(0px) rotate(45deg);
		-o-transform: translateY(0px) rotate(45deg);
		-ms-transform: translateY(0px) rotate(45deg);
		transform: translateY(0px) rotate(45deg)
	}
	100% {
		-webkit-transform: translateY(2px) rotate(45deg);
		-moz-transform: translateY(2px) rotate(45deg);
		-o-transform: translateY(2px) rotate(45deg);
		-ms-transform: translateY(2px) rotate(45deg);
		transform: translateY(2px) rotate(45deg)
	}
}

@keyframes sc-down-a {
	0% {
		-webkit-transform: translateY(0px) rotate(45deg);
		-moz-transform: translateY(0px) rotate(45deg);
		-o-transform: translateY(0px) rotate(45deg);
		-ms-transform: translateY(0px) rotate(45deg);
		transform: translateY(0px) rotate(45deg)
	}
	100% {
		-webkit-transform: translateY(2px) rotate(45deg);
		-moz-transform: translateY(2px) rotate(45deg);
		-o-transform: translateY(2px) rotate(45deg);
		-ms-transform: translateY(2px) rotate(45deg);
		transform: translateY(2px) rotate(45deg)
	}
}


/*END STATIC SLIDER*/


/* HTML5 VIDEO BACKGROUND */

video { min-width: 100% }

.html5-video {
    position: relative;
    height: 100vh;
    color: #fff;
    top: 0%;
    left: 0%;
    width: 100%;
    overflow: hidden;
}

.html5-video div.container-fluid {
    height: 100vh;
}

.html5-video:before {
	position: absolute;
	content: "";
	background: rgba(0, 0, 0, 0.9);
	opacity: 0.59;
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
}

.html5-video-text {
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	top: 36%;
	-webkit-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
}

.html5-video-text h2 {
	color: #fff;
	background: rgba(255, 255, 255, 0.34);
	font-size: 36px;
	padding: 8px;
	margin-top: 250px;
	text-transform: uppercase;
	margin-bottom: 30px;
	position: relative;
}

.html5-video-text h2:before,
.html5-video-text h2:after {
	content: "";
	position: absolute;
	height: 5px;
	border-bottom: 2px solid #fff;
	border-top: 2px solid #fff;
	top: 50%;
	width: 100px;
}

.html5-video-text h2:before {
	right: 100%;
}

.html5-video-text h2:after {
	left: 100%;
}

.html5-video-text p {
	color: #fff;
	margin: auto auto 40px;
	width: 70%;
}


/* HTML5 VIDEO BACKGROUND */

.home-youtube {
    position: relative;
    height: 100vh;
    color: #fff;
    top: 0%;
    left: 0%;
    width: 100%;
    overflow: hidden;
}

.home-youtube div.container {
    height: 100vh;
}

.home-youtube:before {
	position: absolute;
	content: "";
	background: rgba(0, 0, 0, 0.6);
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
}

.home-youtube-text {
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	top: 36%;
	-webkit-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
}

.home-youtube-text h2 {
	color: #fff;
	background: rgba(255, 255, 255, 0.34);
	font-size: 36px;
	padding: 8px;
	margin-top: 250px;
	text-transform: uppercase;
	margin-bottom: 30px;
	position: relative;
}

.home-youtube-text h2:before,
.home-youtube-text h2:after {
	content: "";
	position: absolute;
	height: 5px;
	border-bottom: 2px solid #fff;
	border-top: 2px solid #fff;
	top: 50%;
	width: 100px;
}

.home-youtube-text h2:before {
	right: 100%;
}

.home-youtube-text h2:after {
	left: 100%;
}

.home-youtube-text p {
	color: #fff;
	margin: auto auto 40px;
	width: 70%;
}


/* REVULATION SLIDER EDIT */

.tp-banner-container {
	width: 100%;
	position: relative;
	padding: 0;
	overflow: hidden !important;
	margin-top: -1px;
}
.tp-banner-container h2 {
	color: #fff;
	margin: 0;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 50px;
}
.tp-banner-container p {
	color: #fff;
	text-transform: capitalize;
}
.tp-caption a {
	color: #fff;
}

.slide-overlay {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	opacity: 0.9;
	background: rgba(0, 0, 0, 0.5);
}
.home-rev .navbar-brand h3.main-logo {
	color: #fff;
}
.home-rev #mainNav {
	background: transparent;
}
.home-rev #mainNav .navbar-toggler {
	color: #fff;
	border-color: #fff;
}
.home-rev #mainNav.navbar-shrink .navbar-toggler {
	color: #343a40;
	border-color: #343a40;
}
.home-rev #mainNav.navbar-shrink {
	background-color: #fff;
}

.home-rev .collapse.show {
	background: #fff;
	margin: 25px 00 25px;
	padding-left: 25px;
}

.home-rev #mainNav.navbar-shrink .collapse.show {
	background: #fff;
	margin: 5px 0 0 0;
	padding-left: 0;
}

/* HOME PARTICLE BACKGROUND */

.home-particle {
	position: relative;
	height: 100vh;
}

.home-particle:before {
	background: rgba(0, 0, 0, 0.2);
	opacity: 0.8;
	height: 100%;
	width: 100%;
	position: absolute;
	content: "";
	left: 0;
	top: 0;
}

.home-particle-text {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	padding-top: 250px;
}

.home-particle-text h2 {
	color: #fff;
	background: rgba(255, 255, 255, 0.34);
	font-size: 36px;
	padding: 8px;
	margin-top: 0;
	text-transform: uppercase;
	margin-bottom: 30px;
	position: relative;
}

.home-particle-text h2:before,
.home-particle-text h2:after {
	content: "";
	position: absolute;
	height: 5px;
	border-bottom: 2px solid #fff;
	border-top: 2px solid #fff;
	top: 50%;
	width: 100px;
}

.home-particle-text h2:before {
	right: 100%;
}

.home-particle-text h2:after {
	left: 100%;
}

.home-particle-text p {
	color: #fff;
	margin: auto auto 40px;
	width: 70%;
}



/*
* ----------------------------------------------------------------------------------------
* 03. END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 04. START ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/

.single-about {
	float: left;
	width: 100%;
}

.single-about-icon,
.single-about-text {
	float: left;
}

.single-about-text {
	width: 75%;
}

.single-about-icon {
	margin-right: 47px;
}

.single-about-icon i {
	color: #rgb(214, 216, 221) ;
	font-size: 35px;
	display: block;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.single-about:hover .single-about-icon i {
	-webkit-animation: fadeInUp 1000ms ease-in-out;
	animation: fadeInUp 1000ms ease-in-out;
	color: #337ab7;
}

.single-about-text h6 {
	font-size: 11px;
	margin: 0;
}

.single-about-text h4 {
	font-size: 20px;
	text-transform: uppercase;
	margin: 10px 0 20px;
}

.single-about-text p {
	margin-bottom: 20px;
}

.single-about-text p i {
	/* color: #337ab7; */
}

.about {
	background-color: #fff;
	padding: 40px 40px 30px;
	box-shadow: 5px 6px 43px #ddd;
}

/*
* ----------------------------------------------------------------------------------------
* 04. END ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 05. START FEATURE DESIGN
* ----------------------------------------------------------------------------------------
*/

.custom-container {
	position: static;
	max-width: 1220px;
	margin: 0 auto;
}

.our-features {
	/* box-shadow: 0 5px 40px rgba(41, 41, 41, .2); */
	/*
	-webkit-box-shadow: 14px 14px 30px 14px rgba(0,0,0,0.54);
	-moz-box-shadow: 14px 14px 30px 14px rgba(0,0,0,0.54);
	box-shadow: 14px 14px 30px 14px rgba(0,0,0,0.54);
	*/

	-webkit-box-shadow: 7px 7px 23px -12px rgba(0,0,0,0.75);
	-moz-box-shadow: 7px 7px 23px -12px rgba(0,0,0,0.75);
	box-shadow: 7px 7px 23px -12px rgba(0,0,0,0.75);
}

.no-shadow {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.small-shadow {
	-webkit-box-shadow: 7px 7px 23px -12px rgba(0,0,0,0.75);
	-moz-box-shadow: 7px 7px 23px -12px rgba(0,0,0,0.75);
	box-shadow: 7px 7px 23px -12px rgba(0,0,0,0.75);
}

.our-features-transparent {
	background-color: rgb(150, 150, 150, 0.4) !important;
	border: 1px solid;
}

.our-features .feature-main {
	border-right: 1px solid rgb(200, 202, 208);
	border-bottom: 1px solid rgb(200, 202, 208);
}

.feature-rounded {
	padding: 2rem 3rem !important;
	/* border-radius: 2rem; */ 
}

.our-features .feature-main:before {
	position: absolute;
	content: "";
	bottom: -1px;
	left: 0;
	right: 0;
	height: 2px;
	width: 100%;
	background: #337ab7;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

.our-features .feature-main:hover:before {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}

.single-feature {
	padding: 40px;
}

.single-feature-icon i {
	color: #337ab7;
	font-size: 50px;
	display: block;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.single-feature:hover .single-feature-icon i {
	color: #555;
}

.single-feature h4 {
	font-size: 20px;
	text-transform: uppercase;
	margin: 30px 0;
}

.single-feature ul li {
	list-style-type: disc;
}

.offer ul li, .overview ul li {
	list-style-type: disc;
	margin-left: 2rem;
    padding-bottom: 1rem;
}

/*
* ----------------------------------------------------------------------------------------
* 05. END FEATURE DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 06. START SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/

.single-service-item {
	overflow: hidden;
	position: relative;
}

.single-service-main {
	display: table;
	width: 100%;
	height: 430px;
	max-height: 430px;
}

.single-service {
	padding: 80px;
	display: table-cell;
	vertical-align: middle;
}

.single-service h4 {
	font-size: 20px;
	text-transform: uppercase;
	margin: 0;
}

.single-service p {
	margin: 20px 0;
}

.ser-read {
	display: block;
}

.single-service-promo {
	position: relative;
}

.single-service-promo:before {
	background: rgba(0, 0, 0, 0.6);
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	position: absolute;
	top: 0;
	width: 100%;
}

.single-service-promo-icon {
	position: absolute;
	left: 48%;
	top: 42%;
	color: #fff;
	margin-left: -20px;
	height: 50px;
	width: 50px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}

.single-service-promo-icon a i {
	font-size: 65px;
	color: #fff;
}

.owl-theme.services-slider .owl-dots {
	margin-top: 50px !important;
	margin-bottom: -30px;
}

.owl-theme.services-slider .owl-dots .owl-dot span {
	width: 6px;
	height: 6px;
	border-radius: 0;
	padding: 4px 28px;
	position: relative;
	background: #869791;
}

.owl-theme.services-slider .owl-dots .owl-dot.active span {
	background: #ddd;
}

.owl-theme.services-slider .owl-dots .owl-dot span:before {
	position: absolute;
	content: "";
	left: 18px;
	top: 0;
	height: 8px;
	width: 22px;
	background: transparent;
}

.owl-theme.services-slider .owl-dots .owl-dot.active span:before {
	background: #337ab7;
}

.owl-theme.services-slider .owl-nav div {
	position: absolute;
	top: 42%;
	margin-top: -20px;
	background: transparent;
	color: #869791;
	font-size: 50px;
}

.owl-theme.services-slider .owl-nav div:hover {
	background: transparent;
	color: #869791;
}

.services-slider.owl-theme .owl-nav .owl-prev {
	left: -85px;
}

.services-slider.owl-theme .owl-nav .owl-next {
	right: -85px;
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100vh - 1rem);
}

/* service quick view style */
/*
.modal-content {
	max-height: 96vh;
    overflow-y: auto;
	padding: 0.3rem;
	color: rgb(132, 133, 135);
}


.modal {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}

.modal-dialog {
    margin: 0;
    max-width: 90%;
}

.modal-content {
    box-sizing: border-box;
    color: rgb(120, 123, 126);
    font-family: Lato, sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 2px;
    line-height: 24px;
    width: 100%;
    max-width: 600px; 
    min-width: 300px; 
    text-size-adjust: 100%;
    position: relative;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
*/


.modal-content p {
	color: rgb(132, 133, 135)
}

.modal-dialog ul li {
	list-style-type: disc;
	margin-left: 1.5rem;
	margin-bottom: 0.1rem;
}

.modal-dialog ul li ul li{
	list-style-type: '-';
	margin-left: 1.5rem;
	margin-bottom: 0.1rem;
}

.service-quick-view .modal-content {
	border-radius: 0;
	border: 10px solid #ccc;
}

.service-quick-view .modal-dialog {

	max-width: 1500px;  /* Set a maximum width that suits your requirements */
    width: 80%;          /* The modal can take up to 80% of the viewport width */
    margin: auto;        /* Ensure it's centered by applying auto margins */

	/*
    max-width: 2048px;
    min-width: 600px;
	width: 100%;
	margin: 30px auto;
	*/
	/*
	display: flex;
    align-items: center;
    min-height: calc(100vh - 1rem); 
	*/
}

.service-quick-view .modal-header button {
	cursor: pointer;
}

.service-quick-view .modal-footer {
	border: none;
}

.service-quick-view .modal-header .close {
	background: #343a40;
	height: 30px;
	width: 30px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	color: #fff;
	opacity: 1;
	text-shadow: inherit;
}
.service-modal-content p, .service-modal-content ul {
	font-size: 0.85rem;
	line-height: 1.2rem;
}

.service-modal-content h5 {
	padding-top: 16px;
	font-size: 1.1rem;
}

.service-modal-content ul li {
	margin-bottom: 0.5rem;
}

.service-quick-view .service-modal-content p {
	color: #93989B;
	margin: 8px 0 16px;
}

.service-quick-view .service-modal-content a, .custom-container .content a.button {
	border: 2px solid rgb(132, 133, 135);
	padding: 8px 16px;
	display: inline-block;
	background: #fff;
	margin-top: 1rem;
}

.service-quick-view .service-modal-content a.truncate {
	padding: 0;
	margin: 0;
}

.service-quick-view .service-modal-content a {
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.service-quick-view .service-modal-content p a {
	border: 0;
	padding: 0;
	-webkit-transform: none;
	transform: none;
	box-shadow: none;
	vertical-align: top;
}

.service-quick-view .service-modal-content a:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #337ab7;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.service-quick-view .service-modal-content a:hover,
.service-quick-view .service-modal-content a:focus,
.service-quick-view .service-modal-content a:active {
	color: #fff;
	border-color: #337ab7;
}

.service-quick-view .service-modal-content a.truncate:hover,
.service-quick-view .service-modal-content a.truncate:focus,
.service-quick-view .service-modal-content a.truncate:active {
	color: #343a40;
}

.service-quick-view .service-modal-content a.truncate:active {
	color: rgb(132, 133, 135)
}

.service-quick-view .service-modal-content a:hover:before,
.service-quick-view .service-modal-content a:focus:before,
.service-quick-view .service-modal-content a:active:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}

#assetDescription a {
	margin: 0px;
	padding: 0px;
	background: none;
}

/*
* ----------------------------------------------------------------------------------------
* 06. END SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 07. START PORTFOLIo DESIGN
* ----------------------------------------------------------------------------------------
*/

.portfolio-items .mix {
	display: none
}

.portfolio-filter-menu {
	text-align: right;
	position: relative;
}

.portfolio-filter-menu ul li {
	display: inline-block;
	color: #555;
	text-transform: uppercase;
	margin: 0 38px 0 0;
	font-weight: 700;
	font-size: 14px;
	cursor: pointer;
	position: relative;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.portfolio-filter-menu ul li.active {
	color: #337ab7;
}

.portfolio-filter-menu ul li:hover {
	color: #337ab7;
}

.portfolio-filter-menu ul li:after {
	position: absolute;
	content: "";
	height: 2px;
	width: 6px;
	background-color: #555;
	top: 12px;
	margin: 0 0 0 7px;
}

.portfolio-filter-menu ul li:last-child:after {
	display: none;
}

.single-portfolio {
	border: 10px solid #fff;
	margin-bottom: 30px;
	overflow: hidden;
	position: relative;
	-webkit-box-shadow: 1px 1px 2px #e6e6e6;
	-moz-box-shadow: 1px 1px 2px #e6e6e6;
	box-shadow: 1px 1px 2px #e6e6e6;
	cursor: default;
}

.single-portfolio .mask {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
}

.single-portfolio .mask-content {
	position: absolute;
	top: 22%;
}

.single-portfolio img {
	display: block;
	position: relative;
	width: 100%;
}

.single-portfolio h4 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	position: relative;
	font-size: 17px;
	padding: 10px;
	background: rgba(0, 0, 0, 0.8);
	margin: 20px 0 0 0;
}

.single-portfolio p {
	font-style: italic;
	font-size: 12px;
	line-height: 21px;
	position: relative;
	color: #fff;
	padding: 10px;
	margin-bottom: 8px;
}

.single-portfolio a.info {
	display: inline-block;
	text-decoration: none;
	padding: 4px 10px;
	background: #000;
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	-webkit-box-shadow: 0 0 1px #000;
	-moz-box-shadow: 0 0 1px #000;
	box-shadow: 0 0 1px #000;
}

.single-portfolio a {
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.single-portfolio a:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #337ab7;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.single-portfolio a:hover,
.single-portfolio a:focus,
.single-portfolio a:active {
	color: #fff;
	border-color: #337ab7;
}

.single-portfolio a:hover:before,
.single-portfolio a:focus:before,
.single-portfolio a:active:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}

.single-portfolio-wra img {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.single-portfolio-wra .mask {
	background-color: rgba(28, 186, 200, 0.65);
	-webkit-transform: translateX(-500px);
	-moz-transform: translateX(-500px);
	-o-transform: translateX(-500px);
	-ms-transform: translateX(-500px);
	transform: translateX(-500px);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.single-portfolio-wra h4 {
	background: rgba(255, 255, 255, 0.5);
	color: #000;
	-webkit-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
	-moz-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
	box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
}

.single-portfolio-wra p {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	color: #343a40;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.single-portfolio-wra:hover .mask {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
}

.single-portfolio-wra:hover img {
	-webkit-transform: translateX(500px);
	-moz-transform: translateX(500px);
	-o-transform: translateX(500px);
	-ms-transform: translateX(500px);
	transform: translateX(500px);
}

.single-portfolio-wra:hover p {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.portfolio-more-btn a {
	margin-top: 25px;
	margin-bottom: -25px;
	display: block;
}

.portfolio-more-btn a:hover {
	color: #343a40;
}


/*
* ----------------------------------------------------------------------------------------
* 07. END PORTFOLIo DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 08. START TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/

.single-testimonial {
	float: left;
	width: 100%;
	margin-top: 50px;
	border: 1px solid #e9e9e9;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.single-testimonial .testimonial-img {
	display: block;
	margin: -60px 0 30px;
}

.single-testimonial .testimonial-img img {
	width: auto;
	margin: 0 auto;
	border: 10px solid #fff;
	box-shadow: 0 5px 30px rgba(10, 10, 10, .1);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.single-testimonial:hover {
	border-color: #337ab7;
}

.testimonial-dec h4 {
	color: #343a40;
	text-transform: uppercase;
	font-size: 16px;
	margin: 0 0 15px;
}

.testimonial-dec p {
	color: #343a40;
	width: 85%;
	margin: 0 auto;
}

.testimonial-dec-2 {
	float: left;
	width: 100%;
	border-top: 1px solid #ddd;
	margin-top: 25px;
	padding: 30px;
}

.testimonial-author h4 {
	font-size: 17px;
	margin: 0;
}

.testimonial-author p {
	color: #337ab7;
}

.testimonial-author-rate {
	float: right;
	padding: 5px;
	color: #337ab7;
	margin-top: 8px;
}

.testimonial-author {
	float: left;
}

.owl-theme.testimonial-slider .owl-dots {
	margin-top: 70px !important;
	margin-bottom: -30px;
}

.owl-theme.testimonial-slider .owl-dots .owl-dot span {
	width: 6px;
	height: 6px;
	border-radius: 0;
	padding: 4px 28px;
	position: relative;
	background: #869791;
}

.owl-theme.testimonial-slider .owl-dots .owl-dot.active span {
	background: #ddd;
}

.owl-theme.testimonial-slider .owl-dots .owl-dot span:before {
	position: absolute;
	content: "";
	left: 18px;
	top: 0;
	height: 8px;
	width: 22px;
	background: transparent;
}

.owl-theme.testimonial-slider .owl-dots .owl-dot.active span:before {
	background: #337ab7;
}

.owl-theme.testimonial-slider.owl-carousel .owl-item,
.owl-theme.testimonial-slider.owl-carousel .owl-wrapper {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
}


/*
* ----------------------------------------------------------------------------------------
* 08. END TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 09. START COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/

.single-counter {
	padding: 40px 0;
}

.single-counter:hover.single-counter i {
	color: #337ab7;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.single-counter i {
	font-size: 50px;
	color: #fff;
}

.single-counter h2 {
	color: #fff;
	font-size: 40px;
	margin: 25px 0 10px;
}

.single-counter h4 {
	color: #fff;
	font-size: 20px;
}


/*
* ----------------------------------------------------------------------------------------
* 09. END COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 10. START TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/

.team-slider .owl-item:nth-child(even) {
	background: #f9f9f9;
}

.team-slider .owl-item:nth-child(odd) {
	background: #f5f5f5;
}

.single-team-item {
	float: left;
	width: 100%;
}

.single-team-dec {
	float: left;
	width: 100%;
	margin-top: 60px;
}

.single-team-img {
	position: relative;
	left: 44px;
	padding: 20px;
	top: 20px;
}

.single-team-dec .single-team-dec-icon {
	position: relative;
	font-size: 35px;
	font-weight: 700;
	color: #343a40;
	margin: 6px 20px 10px 0;
	border-right: 2px solid #ccc;
	padding-right: 8px;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}

.single-team-dec .single-team-dec-text {
	width: 70%;
	position: relative;
}

.single-team-dec .single-team-dec-icon,
.single-team-dec .single-team-dec-text {
	float: left;
}

.single-team-dec-text p {
	color: #343a40;
	display: inline-block;
}

.single-team-dec-text p:nth-child(1) {
	margin-bottom: 8px;
}

.single-team-dec-text p:nth-child(2) {
	margin-bottom: 40px;
}

.single-team-dec-text h4 {
	margin: 10px 0 0;
	text-transform: uppercase;
	font-size: 14px;
	display: block;
}

.single-team-dec-text span {
	margin-bottom: 15px;
	display: block;
	color: #337ab7;
}

.team-slider.owl-theme .owl-nav [class*="owl-"] {
	color: #343a40;
	font-size: 40px;
	margin: 0;
	padding: 0;
	background: transparent;
}

.team-slider.owl-theme .owl-nav {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 11px;
}


/*
* ----------------------------------------------------------------------------------------
* 10. END TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 11. START SKILL & FAQ DESIGN
* ----------------------------------------------------------------------------------------
*/


/* skill style */

.skill {
	overflow: hidden;
}

.skill {
	margin-bottom: 0;
	padding-top: 50px;
}

.skill .progress {
	background-color: #fff;
	box-shadow: none;
	margin-bottom: 78px;
	overflow: visible;
	position: relative;
}

.skill .progress:last-child {
	margin-bottom: 0;
}

.skill .progress .lead {
	font-size: 12px;
	margin-bottom: 10px;
	text-transform: uppercase;
	color: #fff;
	position: absolute;
	top: -30px;
	z-index: 99;
}

.skill .progress-bar {
	background-color: #337ab7;
	border-radius: .25rem;
	height: 4px;
	position: relative;
	margin: 0 auto;
}

.skill .progress span {
	float: right;
	font-size: 11px;
	position: absolute;
	padding: 0 5px;
	right: 0;
	top: -30px;
	color: #fff;
}


/*Accordion Box*/
li.accordion {
	list-style-type: none !important;
	margin-left: 0px !important;
}

.accordion-box {
	position: relative;
}

.accordion-box .block {
	position: relative;
	margin-bottom: 24px;
}

.accordion-box .block:before {
	position: absolute;
	content: '';
	left: 20px;
	top: 32px;
	height: 100%;
	border-right: 1px dashed #d0d0d0;
}

.accordion-box .block:last-child:before {
	display: none;
}

.accordion-box .block .acc-btn .icon-outer {
	color: #343a40;
	background: #f0f0f0;
	display: block;
	text-align: center;
	width: 42px;
	height: 42px;
	line-height: 42px;
	position: absolute;
	left: 0;
	top: 0;
	border: 1px solid rgb(200, 202, 208);
	border-radius: 50%;
}

.accordion-box .block .acc-btn {
	color: #fff;
	font-weight: 700;
	/* text-transform: capitalize; */
	cursor: pointer;
	position: relative;
	overflow: hidden;
	z-index: 1;
	padding: 10px 20px 10px 70px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.accordion-box .block .acc-btn.active .icon-outer {
	color: #fff;
	background: #337ab7;
	border-color: #337ab7;
}

.accordion-box.process .block .acc-btn span.acc-title, .accordion-box.process .block .content, .accordion-box.process .block .content p {
	color: #343a40;
}

.accordion-box.process .block .content ol li {
	color: #343a40;
	list-style-type: upper-roman;
	margin-bottom: 1.5rem;
	margin-top: 1.2rem;
}

.accordion-box.process .block .content ol.level1 li {
	color: #343a40;
	list-style-type:decimal;
	margin-left: 1rem;
	margin-bottom: 0.1rem;
}

.accordion-box.process .block .content ol.level1 {
	margin-bottom: 1.5rem;
}
.accordion-box.process .block .content ul li {
	color: #343a40;
}

ul.accordion-box.process > li:nth-child(1) > div.acc-content.current > div > ol > li > ul > li {
	margin-top: 0.8rem;
	padding-bottom: 0px;
}

.content ul li, {
	list-style-type: disc;
	margin-left: 1rem;
	margin-bottom: 0.1rem;
}

.content h6 {
	font-size: 1rem;
	margin-top: 2rem;
	margin-bottom: 1rem;
}

.accordion-box .block .acc-content {
	position: relative;
	display: none;
}

.accordion-box .block .acc-content h6 {
	font-size: 1rem;
	margin-top: 2rem;
	margin-bottom: 1rem;
}

.accordion-box .block .acc-content ul li, .custom-container .content ul li {
	list-style-type: disc;
	margin-left: 2rem
}

.accordion-box .block .acc-content ol li, .custom-container .content ol li {
	list-style-type: decimal;
	margin-left: 2rem
}

.accordion-box .block .acc-content ol li ul li, .custom-container .content ol li ul li {
	list-style-type: disc;
}


.accordion-box .block .acc-content ol li ul, .accordion-box .block .acc-content ol li ol, .accordion-box .block .acc-content ul li ul, .accordion-box .block .acc-content ul li ol {
	margin-top: 0.6rem;
}

.accordion-box .block .acc-content ol li ul li, .accordion-box .block .acc-content ol li ol li, .accordion-box .block .acc-content ul li ul li, .accordion-box .block .acc-content ul li ol li {
	margin-bottom: 0rem !important;
}

.accordion-box .block .acc-content ol li ul li, .accordion-box .block .acc-content ul li ol li {
	list-style-type: decimal !important;
} 

.accordion-box .block .acc-content.current {
	display: block;
}

.accordion-box .block .content {
	position: relative;
	/* font-size: 14px; */
	padding: 0px 20px 0px 70px;
}

.accordion-box.style-two .block .content {
	background: #fafafa;
}

.accordion-box .block .content p {
	color: #fff;
	margin-bottom: 15px;
}

.accordion-box .block .content p:last-child {
	margin-bottom: 0px;
}


/*
* ----------------------------------------------------------------------------------------
* 11. END SKILL & FAQ DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 12. START PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/

.single-price {
	border: 1px solid #ddd;
	background: #f5f5f5;
	position: relative;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.single-price-title {
	background: #fff;
}

.single-price-title h4 {
	text-transform: uppercase;
	font-size: 1.25rem;
	padding: 45px 0;
}

.single-price-pricing {
	color: #343a40;
	margin: 30px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 30px;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.single-price-pricing p {
	font-style: italic;
	font-size: 0.9rem;
}

.single-price-pricing span.price .price-digit, .single-price-pricing span.price .yield-short {
	font-size: 4rem;
	font-weight: 700;
	color: rgb(132, 133, 135);
}

.single-price-pricing span.price sub {
	font-weight: 700;
	font-size: 70px;
	position: relative;
	top: 0;
}

.single-price-pricing .price {
	display: block;
	margin: 40px 0 20px;
}

.single-price-list {
	padding: 20px;
	color: #343a40;
}

.single-price-btn {
	margin: 40px 0 60px;
}

.price-btn {
	text-transform: uppercase;
	color: #343a40;
	font-size: 14px;
	border: 2px solid #999;
	padding: 10px 20px;
	display: inline-block;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.single-price:hover {
	border-color: #337ab7;
	background: #337ab7;
}

.single-price:hover .single-price-pricing,
.single-price:hover .single-price-list,
.single-price:hover .price-btn {
	color: #fff;
}

.single-price:hover .price-btn {
	border-color: #fff;
}


/*
* ----------------------------------------------------------------------------------------
* 12. END PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 13. START BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/

.single-blog-ho {
	border-bottom: none;
}

.single-blog-ho:last-child {
	border-bottom: 1px solid #ddd;
	padding-bottom: 30px;
	margin-bottom: 40px;
}

.single-client-img {
	border: 1px solid #ddd;
	padding: 20px;
	margin-bottom: 30px;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.single-client:hover .single-client-img {
	border-color: #337ab7;
}

.client-slider .single-client-img img {
	width: auto;
	margin: 0 auto;
}

.single-client-dec h4 {
	font-size: 18px;
	text-transform: capitalize;
}

.single-client-dec p {
	margin: 20px 0;
}

.single-client-dec a {
	text-decoration: underline;
}

.owl-theme.client-slider .owl-dots {
	margin-top: 70px !important;
	margin-bottom: -30px;
}

.owl-theme.client-slider .owl-dots .owl-dot span {
	width: 6px;
	height: 6px;
	border-radius: 0;
	padding: 4px 28px;
	position: relative;
	background: #869791;
}

.owl-theme.client-slider .owl-dots .owl-dot.active span {
	background: #ddd;
}

.owl-theme.client-slider .owl-dots .owl-dot span:before {
	position: absolute;
	content: "";
	left: 18px;
	top: 0;
	height: 8px;
	width: 22px;
	background: transparent;
}

.owl-theme.client-slider .owl-dots .owl-dot.active span:before {
	background: #337ab7;
}

.sidebar-padding-left {
	padding-left: 65px;
}

.single-blog-details-ho span {
	padding-right: 20px;
	color: #555;
}

.single-blog-details-ho span a {
	padding-left: 10px;
}

.single-blog-details-ho h4 a {
	font-size: 17px;
	text-transform: capitalize;
	color: #555;
	margin: 10px 0;
	display: block;
}

.single-blog-allposth a {
	border: 2px solid #ccc;
	padding: 12px 20px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	background: #fff;
	display: inline-block;
}

.single-blog-allposth a {
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.single-blog-allposth a:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #337ab7;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.single-blog-allposth a:hover,
.single-blog-allposth a:focus,
.single-blog-allposth a:active {
	color: #fff;
	border-color: #337ab7;
}

.single-blog-allposth a:hover:before,
.single-blog-allposth a:focus:before,
.single-blog-allposth a:active:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}


/*
* ----------------------------------------------------------------------------------------
* 13. END BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 14. START CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/


/* contact form style */

.contact {
	position: relative;
	background-color: #fff;
	padding: 40px 40px 30px;
	-webkit-box-shadow: 14px 14px 30px 14px rgba(0,0,0,0.54);
	-moz-box-shadow: 14px 14px 30px 14px rgba(0,0,0,0.54);
	box-shadow: 14px 14px 30px 14px rgba(0,0,0,0.54);
}

.contact .form {
	color: #343a40;
}

.contact .form-group {
	margin-bottom: 25px;
	position: relative;
}

.contact .form-control {
	border: 1px solid transparent;
	border-bottom: 1px solid #343a40;
	height: 60px;
	color: #343a40;
	position: relative;
	-webkit-transition: all 0.2s;
	transition: all 0.2s
}

.contact textarea.form-control {
	height: auto;
	overflow-x: hidden;
}

.contact .form-control:focus {
	color: #495057;
	background-color: #fff;
	border-color: #80bdff;
	outline: 0;
}

button.mm-btn-send {
	background: #337ab7;
	color: #fff;
	font-size: 30px;
	border: none;
	cursor: pointer;
	height: 60px;
	width: 60px;
	line-height: 60px;
	margin-top: 25px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .14);
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	z-index: 9;
}

button.mm-btn-send:focus {
	outline: 0;
}

button.mm-btn-send:hover {
	background: #343a40;
}

.mm-btn-send .btn-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;              /* Ensure the icon is centered properly on iOS */
}

/* Rotate animation for the send icon */
.rotate-animation {
    display: inline-block; /* Ensure it can be transformed */
    animation: rotate-plane 1.7s linear infinite; /* Loop animation */
	z-index: 9;
}

@keyframes rotate-plane {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(350deg);
    }
}

#form-success {
	display: none;
}

.form-fields-wrapper {
    position: relative; /* Ensures the overlay is positioned properly */
}

/* Overlay to make the form look disabled */
.form-fields-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.6);
    z-index: 1;
}


.mb0 {
	margin-bottom: 0;
}

.success-box {
	text-align: center;
	padding: 14px;
	border: 1px solid #337ab7;
	box-shadow: 1px 7px 5px #ddd;
	background: #337ab7;
}

.success-box i {
	color: #fff;
	font-size: 60px;
	margin: 0 0 20px;
	display: block;
}

.success-box p {
	color: #fff;
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: 20px;
}

#loader {
	
}

/* address style */

.single-address {
	float: left;
	width: 100%;
	margin: 50px 0;
}

.single-address .single-address-icon,
.single-address .single-address-text {
	float: left;
}

.single-address .single-address-icon {
	margin-right: 15px;
}

.single-address .single-address-icon {
	background: #343a40;
	color: #fff;
	font-size: 30px;
	padding: 0px 12px;
	line-height: 60px;
	z-index: 1;
	box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}

.single-address .single-address-icon {
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.single-address .single-address-icon:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	background: #337ab7;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.single-address:hover .single-address-icon:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}

.single-address .single-address-text {
	width: 70%;
}

.single-address .single-address-text p {
	color: #555;
}

.single-address .single-address-text h4 {
	font-size: 17px;
	text-transform: uppercase;
}

.single-address .single-address-text p a {
	color: inherit;
}

#map {
	height: 400px;
}
#gmap_canvas {
	width: 100%;
	height: 400px;
	border: none;
}


/*
* ----------------------------------------------------------------------------------------
* 14. END CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 15. START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/


/* footer style one */

#footerone {
	background: #343a40;
	padding: 20px 0;
}

#footertwo {
	font-size: 0.8rem;
}

/* award style */

.award-list {
	background: #343a40;
	position: relative;
	top: -100px;
}

.single-award {
	float: left;
	width: 100%;
	padding: 34px;
}

.single-award .single-award-icon,
.single-award .single-award-text {
	float: left;
}

.single-award .single-award-icon {
	margin-right: 15px;
}

.single-award .single-award-icon i {
	color: #fff;
	font-size: 30px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.single-award .single-award-text {
	width: 70%;
}

.single-award:hover .single-award-icon i {
	color: #337ab7;
}

.single-award .single-award-text h4 {
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
	margin: 6px 0 0;
}

.footer-title {
	margin-bottom: 15px;
	display: inline-block;
}
.footer-about p {
	line-height: 1.2rem;
}

.footer-title h3 {
	color: rgb(214, 216, 221);
	font-size: 16px;
	/* text-transform: uppercase; */
}

.footer-title h3.fo-logo span {
	background: #337ab7;
	padding: 10px;
	margin-right: 5px;
	-webkit-border-radius: 50% 3px 50% 50%;
	-moz-border-radius: 50% 3px 50% 50%;
	border-radius: 50% 3px 50% 50%;
}

.footer-widget ul li a {
	color: inherit;
	margin-bottom: 8px;
	display: block;
}

.footer-widget ul li a:hover {
	color: #337ab7;
}

.footer-widget ul li a i {
	color: #fff;
}

.footer-social .footer-social-title h3 {
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	margin: 0;
}

.footer-social {
	float: left;
	width: 100%;
}

.footer-social-title,
.footer-social-list {
	float: left;
}

.footer-social-title {
	margin-right: 50px;
	margin-bottom: 30px;
}

.footer-social .footer-social-title p {
	text-transform: uppercase;
	font-size: 12px;
}

.footer-social .footer-social-list ul li {
	float: left;
}

.footer-social .footer-social-list ul li a i {
	color: #fff;
	background: #343a40;
	text-align: center;
	display: block;
	margin-right: 10px;
	height: 42px;
	width: 42px;
	line-height: 42px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.footer-social-list {
	width: 64%;
}

.footer-social .footer-social-list ul li a i:hover {
	background: #fff;
	color: #343a40;
}

.footer-newsletter .footer-newsletter-title h3 {
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	margin: 0;
}

.footer-newsletter {
	float: left;
	width: 100%;
}

.footer-newsletter-title,
.footer-newsletter-form {
	float: left;
}

.footer-newsletter-title {
	margin-right: 76px;
	margin-bottom: 30px;
}

.footer-newsletter-form {
	width: 64%;
	position: relative;
}

.footer-newsletter-form form [type="email"] {
	background: #343a40;
	color: #666;
}

.footer-newsletter-form form [type="submit"] {
	color: #fff;
	font-size: 20px;
	line-height: 34px;
	position: absolute;
	right: 8px;
	top: 8px;
	background: none;
	border: 0;
	outline: 0;
	cursor: pointer;
}

.footer-newsletter-form .form-control {
	border: 1px solid #666;
	border-radius: 0;
	box-shadow: none;
	height: 45px;
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}

span.subscription-success,
span.subscription-error {
	color: #93989B;
	font-size: 0.94rem;
	margin-top: 15px;
	display: block;
}

span.subscription-success i,
span.subscription-error i {
	padding: 5px;
	color: #343a40;
	background: #fff;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	border-radius: 30px;
	margin-right: 10px;
}

span.subscription-error a {
	font-size: 0.94rem;
}

.error {
	color: #E85642;
}

/* footer style two */

#footertwo {
	font-family: "Montserrat", sans-serif;
	background: #343a40;
	padding: 0 0 12px 0;
}

p.copy-write a {
	text-decoration: underline
}


/*
* ----------------------------------------------------------------------------------------
* 15. END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 16. START BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/

/* page banner style */

.banner-area {
	padding: 200px 0 130px;
	position: relative;
}

.page-header h2 {
	color: #fff;
	margin: 0 0 30px;
}
.page-breadcrumb .breadcrumb {
	background-color: transparent;
	display: inline-block;
	margin: 0;
	padding: 0;
}
.page-breadcrumb .breadcrumb li a {color: #fff}
.page-breadcrumb .breadcrumb li {color: #337ab7}

/* blog list style */

.sidebar-padding-left-b {
	padding-left: 40px;
}

.page-intro {
	text-align: justify;
	color: #ddd;
}

#news-container {
    transition: opacity 0.2s ease-in-out; /* Smooth transition for fade effect */
    opacity: 1;
}

#news-container.fade-out {
    opacity: 0;
}

#news-container.fade-in {
    opacity: 1;
}

.site-pagination-top {
	margin-top: 0rem !important;
	margin-bottom: 1.5rem !important;
}
.site-pagination-bottom {
	margin-top: 0rem !important;
	margin-bottom: 3rem !important;
}


.single-press-item {
    padding: 30px;
    border: 1px solid #dddddd;
    margin: 30px;
	-webkit-box-shadow: 7px 7px 23px -12px rgba(0,0,0,0.75);
	-moz-box-shadow: 7px 7px 23px -12px rgba(0,0,0,0.75);
	box-shadow: 7px 7px 23px -12px rgba(0,0,0,0.75);
}

.single-press-meta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap; /* Allows wrapping if the content doesn't fit */
	flex-direction: row;
    flex-wrap: wrap;
	background-color: #212529;
	color: #FFFFFF;
	font-size: 0.7rem;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.single-press-meta a {
	color: #FFFFFF;
}
.single-press-meta a:hover {
	color: #337ab7;
}

.single-press-meta span.author {
}
.single-press-meta span.author .icon{
	position: relative;
	font-size: 0.8rem;
}

.single-press-meta span.date {
	display: inline-block;
}
.single-press-meta span.date .icon{
	position: relative;
	font-size: 0.8rem;
}

.single-press-meta span.source {
}
.single-press-meta span.source .icon{
	position: relative;
	font-size: 0.8rem;
}

.single-press-image-container {
	padding: 0px 15px 0px 15px;
	background-color: #212529;
}

.single-press-image {
	border-radius: 1rem;
	padding-top: 15px;
	height: 260px;
}

.single-press-title {
	font-size: 1.3rem;
	color: #343a40;
}

.single-press-title h1 {
	font-size: 1.2rem;
    text-align: left;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 1.6rem;
}

.single-press-content {
	padding-top: 10px;
	font-size: 0.9rem;
	height: 200px;
	color: #343a40;
}

.img-news-list {
	max-width: 100%;
	width: 100%;
    height: 200px;
	object-fit: cover;
}

#newsModal .modal-body {
    /* max-height: 500px; */ /* Set a maximum height for the modal body */
    overflow-y: auto; /* Enable vertical scrolling if the content overflows */
    padding: 20px; /* Add some padding for spacing */
}

#newsModal .modal-content {
	max-height: 90vh;
}


#newsModal .hashtags {
    font-size: 0.8rem;
    margin-top: 0.9rem;
}

#newsModal .original-link-small {
	display: none;
}

.archive-month ul li a {
	text-transform: none !important;
  }
  
.news-content-container {
    position: relative;
    display: block;
    width: 100%;
}

/* Targeting the scrollbar for WebKit-based browsers (Chrome, Safari) */
.news-content-container::-webkit-scrollbar {
    width: 12px; /* Set the width of the scrollbar */
	cursor: pointer;
}

.news-content-container::-webkit-scrollbar-track {
    background: #f1f1f1; /* Set the background of the scrollbar track */
    border-radius: 10px; /* Optional: rounding the scrollbar track */
}

.news-content-container::-webkit-scrollbar-thumb {
    background-color: rgb(51, 122, 183); /* Set the color of the scrollbar handle */
    border-radius: 10px; /* Rounding the scrollbar handle */
    border: 2px solid #f1f1f1; /* Optional: give a border for a better look */
}

.news-content-container::-webkit-scrollbar-thumb:hover {
    background-color: rgb(51, 122, 183); /* Darken the handle on hover */
}

/* Firefox-specific scrollbar styling */
.news-content-container {
    scrollbar-color: rgb(51, 122, 183) #f1f1f1; /* Set thumb color and track color */
    scrollbar-width: thin; /* Set width of the scrollbar */
}

.news-content {
    overflow: hidden; /* Ensure proper text flow around the floated image */
    padding-top: 5px;
    padding-bottom: 5px;
	font-size: 0.9rem;
	text-align: justify;
}

.news-modal-image {
    float: left; /* Float the image to the left */
    width: 50%; /* Make the image take up half the width of the container */
    margin-right: 15px; /* Add some space between the image and the text */
    margin-bottom: 5px; /* Space below the image */
    padding: 5px; /* Padding for image */
    border-radius: 8px; /* Optional: rounded corners for the image */
}

.news-modal-image-header {
	display: none;
}

.modal-blog {
	border: 1px solid #ddd;
	box-shadow: 0 5px 8px #ddd;
	position: relative;
}
.modal-info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap; /* Allows wrapping if the content doesn't fit */
	flex-direction: row;
    flex-wrap: wrap;
}
.modal-blog-meta {
	padding: 0px 20px 10px 20px;
	min-height: 30px;
	height: 30px;
}
.modal-blog-meta span, .modal-info .original-link {
  font-size: 0.7rem;
}
.modal-blog-meta span a, .modal-info .original-link a {
  color: #343a40;
}
.modal-blog-meta h4 {
  margin-top: 8px;
  line-height: 1.1rem;
}
.modal-blog-meta h4 a {
  color: #343a40;
  margin: 0;
  font-size: 0.96rem;
  letter-spacing: -1px;
}
.modal-blog-meta p {
  margin: 20px 0 8px;
  font-size: 0.92rem;
  letter-spacing: -0.01rem;
  line-height: 1.2rem;
}
.modal-blog-meta .hashtags {
	font-size: 0.7rem;
}

.modal-blog-meta .hashtags a {
	margin-right: 0.5rem;
}

.single-blog {
	border: 1px solid #ddd;
	box-shadow: 0 5px 8px #ddd;
	position: relative;
}
.single-blog-meta, #newsModal .modal-blog-meta {
  padding: 0px 20px 0px 20px !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap; /* Allows wrapping if the content doesn't fit */
  flex-direction: row;
  width: 100%;
}
#newsModal .modal-blog-meta {
	padding: 0 !important;
}
.single-blog-meta span {
  font-size: 0.7rem;
}
.single-blog-meta span a {
  color: #343a40;
  cursor: default;
}

.single-blog-content {
	padding: 0px 20px 10px 20px;
	min-height: 200px;
	height: 200px;
	margin: 0;
	font-size: 0.92rem;
	letter-spacing: -0.01rem;
	line-height: 1.2rem;
	cursor: pointer;
}
.single-blog-content h4 {
	margin-top: 8px;
	line-height: 1rem;
	font-size: 0.94rem;
	letter-spacing: -1px;
}
  .single-blog-content h4 a {
	color: #343a40;
	margin: 0;
	font-size: 0.94rem;
	letter-spacing: -1px;
}
  .single-blog-content .hashtags {
	font-size: 0.89rem;
}
.single-blog-content .hashtags a {
	margin-right: 0.5rem;
}
.single-blog-content p {
    margin: 10px 0 8px;
    font-size: 0.9rem;
    letter-spacing: -0.01rem;
    line-height: 1.1rem;
    cursor: pointer;
}
		
.single-blog .overlay:before {
	opacity: 0;
	-webkit-transition: all 1.5s ease .1s;
	-moz-transition: all 1.5s ease .1s;
	-ms-transition: all 1.5s ease .1s;
	-o-transition: all 1.5s ease .1s;
	transition: all 1.5s ease .1s;
}
.single-blog:hover .overlay:before {opacity: 0.8;}
.single-blog-image-box {
  position: relative;
}
.single-blog-image-box figure {
	margin-bottom: 8px;
}
.single-blog-overlay-info {
  position: absolute;
  top: 30%;
  z-index: 2;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
  opacity: 0;
  -webkit-transition: all 1.5s ease .1s;
  -moz-transition: all 1.5s ease .1s;
  -ms-transition: all 1.5s ease .1s;
  -o-transition: all 1.5s ease .1s;
  transition: all 1.5s ease .1s;
}
.single-blog:hover .single-blog-overlay-info {
  opacity: 1;
  top: 50%;
}
.single-blog-overlay-info a {
  background: #337ab7;
  color: #fff;
  padding: 15px;
  border-radius: 30px;
}
.single-blog-overlay-info a:hover {
  background: #fff;
  color: #343a40;
}
.site-pagination .page-item:first-child .page-link {
	border-radius: 0;
	border: none;
}
.site-pagination .page-link {
  border: none;
  color: #343a40;
  padding: 10px 20px;
  margin: 0;
}
.site-pagination .page-link:hover,.site-pagination .page-link:focus {
  background: transparent;
  color: #337ab7;
}
.site-pagination .page-link.active {
  background: #337ab7;
  color: #fff;
}

/* widget style */

.widget-title {
  text-transform: uppercase;
  font-size: 1.1rem;
  margin: 0 0 50px;
  position: relative;
}
.widget-title:after {
  position: absolute;
  content: "";
  bottom: -14px;
  left: 9%;
  width: 58px;
  height: 5px;
  border: 2px dashed #337ab7;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.widget {
  margin-bottom: 50px;
  float: left;
  width: 100%;
}

#hashtag-container {
    max-height: 400px; /* Set the maximum height of the container */
    overflow-y: auto;  /* Enable vertical scrolling when content exceeds the height */
    padding: 10px;     /* Optional: Add some padding inside the container */
    border: 1px solid #ccc; /* Optional: Add a border to fit your layout */
    background-color: #f9f9f9; /* Optional: Set background color */
}

/* Style for the scrollbars (for modern browsers) */
#hashtag-container::-webkit-scrollbar {
    width: 10px; /* Width of the scrollbar */
}

#hashtag-container::-webkit-scrollbar-track {
    background: #f1f1f1; /* Background of the scrollbar track */
}

#hashtag-container::-webkit-scrollbar-thumb {
    background-color: #337ab7; /* Color of the scrollbar */
    border-radius: 10px;    /* Rounded corners */
}

#hashtag-container::-webkit-scrollbar-thumb:hover {
    background: #555; /* Change scrollbar color when hovered */
	cursor: pointer;
}

.hideDiv {
	display: none;
}

.blog-search .form-check {
	margin-left: 24px;
}

.blog-search .form-check label {
	display: inline-block;
	font-size: 0.8rem;
	padding-left: 12px;
}

.blog-search form .form-control {
  height: 50px;
  border-radius: 0;
}
.btn.search-btn {
  height: 50px;
  border-radius: 0;
  background: #337ab7;
  color: #fff;
  cursor: pointer;
}
.blog-list ul li {
  list-style: square;
  color: #337ab7;
  font-size: 20px;
  margin-left: 19px;
  padding-bottom: 8px;
}
.blog-list ul li a {
  font-size: 0.9rem;
  color: #343a40;
  text-transform: capitalize;
}
.blog-list ul li a:hover {
	color: #337ab7;
}
.blog-list ul li a.active-hashtag {
	color: #337ab7;
}

.blog-singleRecpost {
    margin-bottom: 20px;
    min-height: 100px;
    padding-left: 117px;
	border-bottom: 1px solid #999;
    position: relative;
    overflow: hidden;
}
.blog-singleRecpost:last-child {
	border: none;
}
.blog-singleRecpost img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
}
.blog-recTitle {
    line-height: 20px;
    margin: 0;
    font-size: 0.75rem;
	letter-spacing: -0.3px;
}
.blog-recTitle a {
    color: #343a40;
}
.blog-singleRecpost p {
	margin: 5px 0;
}
.blog-singleRecpost p:last-child {
	margin-top: 5px;
	color: #337ab7;
	font-size: 14px;
}

h5.archive-year {
	font-size: 1rem;
}
h6.archive-month {
	font-size: 1rem;
}

.archive-month ul {
    display: none; /* Initially hide the week lists */
    margin: 0;
    padding-left: 20px;
}

.archive-month h6 {
    cursor: pointer; /* Make the month heading clickable */
	padding: 6px;
    border: 1px solid #ccc;
    background-color: #f9f9f9;
    margin: 0;
    font-size: 0.85rem;
}

.archive-month h6:hover {
    background-color: #e0e0e0; /* Add hover effect */
}

.archive-month ul.open {
    display: block; /* Class to open the list */
}

.switch-to-current-news {
	font-size: 0.8rem;
    margin-top: -2rem;
    position: relative;
    top: -1.4rem;
}

/* blog single page style */

.owl-theme.blog-image-slider .owl-dots {
	text-align: center;
	position: relative;
	top: -60px;
	margin: 0 auto -30px;
}

.owl-theme.blog-image-slider .owl-dots .owl-dot span {
	width: 6px;
	height: 6px;
	border-radius: 0;
	padding: 4px 28px;
	position: relative;
	background: #869791;
}

.owl-theme.blog-image-slider .owl-dots .owl-dot.active span {
	background: #ddd;
}

.owl-theme.blog-image-slider .owl-dots .owl-dot span:before {
	position: absolute;
	content: "";
	left: 18px;
	top: 0;
	height: 8px;
	width: 22px;
	background: transparent;
}

.owl-theme.blog-image-slider .owl-dots .owl-dot.active span:before {
	background: #337ab7;
}

.single-blog-meta-s {
	margin: 30px 0;
}
.single-blog-meta-s span a {
  color: #343a40;
  padding-right: 15px;
}

.single-blog-page-title h4 a {
  color: #343a40;
  margin: 0 0 35px;
  display: block;
  position: relative;
}
.single-blog-page-title h4 a:after {
  position: absolute;
  content: "";
  bottom: -16px;
  left: 0;
  width: 58px;
  height: 5px;
  border: 2px dashed #337ab7;
  display: block;
}
.single-blog-page-title p:nth-child(2n) {
	margin-bottom: 15px;
}

/* comments list */

.comments-area,.comments-form {
    border: 1px solid #e9e9e9;
    padding: 20px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.06);
}
.comments-area ol {
	list-style: none;
	padding: 0;
	margin-top: 20px;
}
.comments-list li {
    border-top: 1px solid #ddd;
    padding: 20px 8px;
}
.comments-list li .comment-head {
    margin-bottom: 12px;
}
.comments-list li .reply-link {
    float: right;
}
.comments-list li .avatar {
    float: left;
    margin-right: 12px;
}
.comments-list li .avatar img {
	width: 90px;
	height: 90px;
	max-width: 100%;
	height: auto;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
.comments-list li .commenter h4 {
	font-size: 18px;
}
.comments-list li .commenter {
    margin-top: 12px;
}
.comments-list li ol,
.comments-list li ul {
    margin-left: 104px;
}
.comments-form h4 {border-bottom: 1px solid #ddd; padding: 0 0 10px; margin: 0 0 30px}

.btn-comments-form {
  background: #337ab7;
  color: #fff;
  padding: 10px 20px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 14px;
}
.btn-comments-form:hover {
  background: #343a40;
  color: #fff;
}



/*
* ----------------------------------------------------------------------------------------
* 16. END BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/