:root { --darkcolor: #050505; }


body.dark,
.dark .slider-element,
.dark #content,
#footer.dark,
.dark .css3-spinner,
#header.dark.sticky-header.transparent-header #header-wrap:not(.not-dark) { background-color: var(--darkcolor); }

.slider-element h2 {
	font-size: 3.2rem;
	line-height: 1;
	font-weight: 700;
	letter-spacing: 0;
}

.button.button-change.button-color {
	background-color: #FFF !important;
	text-shadow: none;
}

.button.button-change { box-shadow: 0px 28px 32px -22px rgba(0,0,0,0.75); }

.dark.button.button-change,
.dark.section { background-color: var(--darkcolor) !important; }

.button.button-change.button-large {
	padding: 3px 22px;
	height: 50px;
}

.button.button-change span {
	text-align: center;
	display: block;
	vertical-align: middle;
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}

.button:hover.button-change span:first-child,
.button.button-change span:last-child {
	opacity: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.button:hover.button-change span:last-child {
	opacity: 1;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
}

.gradient-border {
	--borderWidth: 3px;
	background: #1D1F20;
	position: relative;
	border-radius: 0;
}

.gradient-border:after {
	content: '';
	position: absolute;
	top: calc(-1 * var(--borderWidth));
	left: calc(-1 * var(--borderWidth));
	height: calc(100% + var(--borderWidth) * 2);
	width: calc(100% + var(--borderWidth) * 2);
	background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
	border-radius: var(--borderWidth);
	z-index: -1;
	animation: animatedgradient 3s ease alternate infinite;
	background-size: 300% 300%;
}

@keyframes animatedgradient {
	0% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}

@media (min-width: 992px) {

	#header.transparent-header + #slider,
	#slider + #header.transparent-header {
		top: -120px;
		margin-bottom: -60px;
	}

	#header.transparent-header.floating-header + #slider {
		top: -120px;
		margin-bottom: -120px;
	}

	#primary-menu ul li > a {
		padding-top: 19px;
		padding-bottom: 19px;
		font-weight: 300;
		text-transform: capitalize;
	}

	#header,
	#header-wrap,
	#logo img { height: 100%; }

	#header.sticky-header:not(.static-sticky),
	#header.sticky-header:not(.static-sticky) #header-wrap,
	#header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3)  height: 60%; }

	#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a {
		padding-top: 19px;
		padding-bottom: 19px;
	}

	.dark #header.transparent-header,
	.dark #header.dark.sticky-header.transparent-header #header-wrap:not(.not-dark),
	.dark .border-bottom,
	.dark.border-bottom { border-bottom: 1px solid rgba(255, 255, 255, .1) !important; }

	.dark #header.transparent-header #primary-menu ul:last-child { border-left: 1px solid rgba(255, 255, 255, .15); }

	.slider-element h2 {
		font-size: 4.8rem;
		line-height: 1.2;
		letter-spacing: -4px;
	}

	#header.sticky-on-upscroll #header-wrap {
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

	#header.sticky-on-upscroll.sticky-header #header-wrap { top: -60px; }

	#header.sticky-on-upscroll.show-sticky-onscroll.sticky-header #header-wrap { top: 0px; }

}

.flip-card {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	perspective: 1000px;
}
.flip-card .front,
.flip-card .back {
	background-size: cover;
	background-position: center;
	-webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
	-o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1),
	-webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	width: 100%;
	height: 300px;
	border-radius: 6px;
	color: #FFF;
	font-size: 1.5rem;
}

.dark .back { background-color: #666; }

.flip-card .front.no-after:after,
.flip-card .back.no-after:after { content: none }

.flip-card .front:after,
.flip-card .back:after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	content: "";
	display: block;
	opacity: 0.5;
	background-color: #000;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border-radius: 6px;
}
.flip-card:hover .front,
.flip-card:hover .back {
	-webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
	-o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1),
	-webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
}

.flip-card .back {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.flip-card .inner {
	-webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
	transform: translateY(-50%) translateZ(60px) scale(0.94);
	top: 50%;
	position: absolute;
	left: 0;
	width: 100%;
	padding: 2rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: 1px solid transparent;
	-webkit-perspective: inherit;
	perspective: inherit;
	z-index: 2;
}

.flip-card .back {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.flip-card .front,
.flip-card:hover .back {
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.flip-card:hover .front {
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

/*  */
.flip-card.top-to-bottom .back {
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.flip-card.top-to-bottom .front,
.flip-card.top-to-bottom:hover .back {
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.flip-card.top-to-bottom:hover .front {
	-webkit-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.flip-card .inner p {
	position: relative;
	font-size: 13px;
	margin-bottom: 0;
	color: rgba(255, 255, 255, 0.7);
	font-weight: 300;
}

/* img-hover-wraps */
.img-hover-wrap {
	-webkit-transition: transform .3s ease;
	-o-transition: transform .3s ease;
	transition: transform .3s ease;
	-moz-transform-style: flat !important;
	-webkit-backface-visibility: hidden;
}

.img-hover-wrap:hover {
	-webkit-transform: scale(1.06);
	-ms-transform: scale(1.06);
	-o-transform: scale(1.06);
	transform: scale(1.06);
	z-index: 2;
}

.img-hover-card > a:after {
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 0;
	-webkit-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease;
}

.img-hover-wrap:hover .img-hover-card > a:after { background-color: rgba(0, 0, 0, 0.6); }

.img-hover-card {
	position: relative;
	display: block;
	will-change: transform;
	transition: all .3s ease;
	box-shadow: 0 10px 40px transparent;
}

.img-hover-card a {
	width: 100%;
	max-width: 100%;
	display: block;
	z-index: 99;
}

.img-hover-card.hover-in {
	transition: -webkit-transform .2s ease-out;
	transition: transform .2s ease-out;
	transition: transform .2s ease-out, -webkit-transform .2s ease-out;
}

.img-hover-card.hover-3d { z-index: 2; }

.img-hover-card.hover-out {
	transition: -webkit-transform .2s ease-in;
	transition: transform .2s ease-in;
	transition: transform .2s ease-in, -webkit-transform .2s ease-in;
}

.img-hover-wrap:hover .img-hover-card { box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4); }

.img-hover-wrap .img-hover-detail {
	position: absolute;
	top: auto;
	left: 40px;
	bottom: 40px;
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	-webkit-transform: scale(1) translateY(40px) translateZ(50px);
	-ms-transform: scale(1) translateY(30px) translateZ(50px);
	-o-transform: scale(1) translateY(30px) translateZ(50px);
	transform: scale(1) translateY(30px) translateZ(50px);
	-webkit-transition: transform .2s ease;
	-o-transition: transform .2s ease;
	transition: transform .2s ease;
}

.img-hover-wrap:hover .img-hover-detail {
	opacity: 1;
	-webkit-transform: scale(1.06) translateY(-5px) translateZ(50px);
	-ms-transform: scale(1.06) translateY(-5px) translateZ(50px);
	-o-transform: scale(1.06) translateY(-5px) translateZ(50px);
	transform: scale(1.06) translateY(-5px) translateZ(50px);
}

.img-hover-wrap .img-hover-title {
	margin: 0 0 6px 0;
	font-size: 17px;
	font-weight: 600;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	z-index: 9;
}

.img-hover-wrap .img-link {
	opacity: 0;
	width: 20px;
	height: 20px;
	border: 1px solid #FFF;
	border-radius: 50%;
	text-align: center;
	line-height: 18px;
	font-size: 11px;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

.img-hover-wrap:hover .img-link { opacity: 1; }

.img-hover-detail a { color: #FFF; }

@media (max-width: 991px) {
	#header.dark.transparent-header, #header.dark.semi-transparent { background-color: var(--darkcolor); }

	#primary-menu ul > li > a, #primary-menu.style-2 > div > ul > li > a {
		padding: 10px !important;
		border-radius: 0 !important;
		margin-right: inherit !important;
	}
}

.css3-spinner > div {
	margin-top: -36px;
	margin-left: -32px;
	width: 62px;
	height: 72px;
	background-color: transparent !important;
	-webkit-animation: none;
	animation: none;
}

#gotoTop { border-radius: 50% }

.dark-mode {
	position: fixed;
	top: auto;
	right: 11px;
	bottom: 80px;
	text-align: center;
	margin: 0 auto;
	z-index: 2;
}

.dark-mode i {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
	color: #FFF !important;
	background-color: #111;
	border-radius: 50%;
	margin: 0 auto;
}

.dark-mode span {
	display: block;
	opacity: 0;
	color: #000;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	margin: 0;
	-webkit-transform: translateY(10px);
	-ms-transform: translateY(10px);
	-o-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-transition: transform .3s, opacity .3s;
	-o-transition: transform .3s, opacity .3s;
	transition: transform .3s, opacity .3s;
	-webkit-backface-visibility: hidden;
}

.dark-mode:hover span {
	opacity: 1;
	margin-bottom: 7px;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.dark .dark-mode i {
	color: #111 !important;
	background-color: #FFF;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.dark .dark-mode span { color: #FFF; }

.scroll-mouse {
	position: relative;
	display: inline-block;
	width: 28px;
	height: 46px;
	margin: 0 auto;
	border: 2px solid #0D3D63;
	border-radius: 20px;
}

.scroll-wheel {
	position: absolute;
	top: 14px;
	left: 10px;
	width: 4px;
	height: 4px;
	background-color: #0D3D63;
	border-radius: 50%;
	-webkit-animation: scrollDown 2.5s infinite;
			animation: scrollDown 2.5s infinite;
}

.scroll-down {
	position: absolute;
	top: auto;
	bottom: 20px;
	left: 50%;
	display: inline-block;
	width: auto;
	margin: 0 auto;
	text-align: center;
	background-color: transparent;
	border: none;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 9;
	opacity: .8;

}

:root {
	--path-fill-1: #dce3f1;
	--path-fill-2: #2389CA;
	--path-fill-3: #0D3D63;
	--path-fill-4: #404040;
	--color-title: #fff;
	--color-menu: #fff;
	--font-size-menu: 1.5vmax;
	--theme-bg: #2389CA;
}

.global-menu {
	width: 100vw;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	pointer-events: none;
	z-index: 100;
}

.global-menu__item {
	color: var(--color-menu);
	font-size: var(--font-size-menu);
	opacity: 0;
	transform: translateY(-100%);
	pointer-events: none;
	display: block;
	margin: 0.3em 0;
	transition: transform 0.3s, opacity 0.3s;
	transition-timing-function: ease-in;
}

.global-menu__item:nth-child(odd) {
	transform: translateY(-100%) rotate(10deg);
}

.global-menu__item:nth-child(even) {
	transform: translateY(-100%) rotate(-10deg);
}

.global-menu__item:hover { color: var(--theme-bg); }

.global-menu__item.is-opened {
	opacity: 1;
	transform: translateY(0) rotate(0);
	pointer-events: auto;
	transition-timing-function: ease;
}

.global-menu__item:nth-of-type(1) {
	transition-delay: 0s;
}

.global-menu__item.is-opened:nth-of-type(1) {
	transition-delay: 0.85s;
}

.global-menu__item:nth-of-type(2) {
	transition-delay: 0.05s;
}

.global-menu__item.is-opened:nth-of-type(2) {
	transition-delay: 0.8s;
}

.global-menu__item:nth-of-type(3) {
	transition-delay: 0.1s;
}

.global-menu__item.is-opened:nth-of-type(3) {
	transition-delay: 0.75s;
}

.global-menu__item:nth-of-type(4) {
	transition-delay: 0.15s;
}

.global-menu__item.is-opened:nth-of-type(4) {
	transition-delay: 0.7s;
}

.shape-overlays {
	width: 100vw;
	height: 100vh;
	pointer-events: none;
	position: fixed;
	top: 0;
	left: 0;
}

.shape-overlays.is-opened {
	pointer-events: auto;
}

.shape-overlays__path:nth-of-type(1) {
	fill: var(--path-fill-1);
}

.shape-overlays__path:nth-of-type(2) {
	fill: var(--path-fill-2);
}

.shape-overlays__path:nth-of-type(3) {
	fill: var(--path-fill-3);
}

.shape-overlays__path:nth-of-type(4) {
	fill: var(--path-fill-4);
}

@-webkit-keyframes intervalHamburgerBorder {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	80% {
		-webkit-transform: scale(1.6);
		transform: scale(1.6);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1.6);
		transform: scale(1.6);
	}
}

@keyframes intervalHamburgerBorder {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	80% {
		-webkit-transform: scale(1.6);
		transform: scale(1.6);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1.6);
		transform: scale(1.6);
	}
}

.hamburger {
	width: 40px;
	height: 40px;
	display: block;
	position: relative;
	cursor: pointer;
	position: fixed;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	top: 40px;
	right: 30px;
	z-index: 110;
	border-radius: 50%;
	background-color: var(--theme-bg);
	pointer-events: auto;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.hamburger::after {
	width: 40px;
	height: 40px;
	box-sizing: border-box;
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	pointer-events: none;
	border: 4px solid var(--theme-bg);
	border-radius: 50%;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-name: intervalHamburgerBorder;
	animation-name: intervalHamburgerBorder;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.hamburger i {
	position: absolute;
	text-align: center;
	top: 50%;
	left: 50%;
	color: #FFF;
	margin: 0;
	padding: 0;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 16px;
	-webkit-transition: opacity .4s ease;
	-o-transition: opacity .4s ease;
	transition: opacity .4s ease;
}

.hamburger.is-opened-navi i:first-child,
.hamburger i:last-child { opacity: 0; }

.hamburger.is-opened-navi i:last-child { opacity: 1; }

.contact-properties [class^=col-] > a,
.iproduct .product-image,
.button,
.feature-box.media-box.fbox-bg {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	box-shadow: 0 1px 1px 0 #0F3E63;
    -webkit-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    border-radius: 5px;
}

.contact-properties [class^=col-] > a:hover,
.iproduct:hover .product-image,
.button:hover,
.feature-box.media-box.fbox-bg:hover {
	box-shadow: 0 10px 30px -5px rgba(10, 16, 34, .2);
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}

.feature-box h3 { font-size: 18px; }

.feature-box h3 span.subtitle { font-size: 15px; }

.feature-box.fbox-plain .fbox-icon img { height: 64px; }


/* Button-link
-----------------------------------------------------------------*/
.button-link {
	display: inline-block;
	position: relative;
	color: #333;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
	margin-top: 10px;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.footer-menu { margin-bottom: 10px; }

.footer-menu a {
	display: block;
	margin: 0 3px;
	color: #ffffff !important;
	margin-bottom: 5px;
}

.footer-menu a:hover {
	color: #2389CA !important;
}

/* ----------------------------------------------------------------
	Canvas: eCommerce Demo
	Version: 1.0
-----------------------------------------------------------------*/


body.top-search-open #top-search a i.icon-line2-magnifier,
#top-search a i.icon-line-cross { opacity: 0; }

.banner-section { position: relative; }

.banner-section .text-overlay {
	top: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	background: transparent;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.banner-section .text-overlay h4 {
	position: absolute;
	top: auto;
	left: 30px;
	bottom: 30px;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #555;
	text-shadow: none;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.banner-section .text-overlay span {
	position: absolute;
	top: auto;
	left: 30px;
	bottom: 6px;
	color: #555;
	text-shadow: none;
	font-style: italic;
	font-family: 'Droid Serif', serif;
	font-size: 13px;
	font-weight: 400;
	opacity: 0;
	line-height: 24px;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.banner-section .text-overlay span i { margin-left: 3px; }

.banner-section .text-overlay:hover h4,
.banner-section .text-overlay:hover span {
	-webkit-transform: translateY(-7px);
	-ms-transform: translateY(-7px);
	-o-transform: translateY(-7px);
	transform: translateY(-7px);
}

.banner-section .text-overlay:hover span {
	opacity: 1;
	-webkit-transition: all .3s .15s ease;
	-o-transition: all .3s .15s ease;
	transition: all .3s .15s ease;
}

.banner-section .text-overlay .price {
	position: absolute;
	right: 30px;
	bottom: 20px;
	text-shadow: none;
	font-size: 22px;
	color: #444;
	font-family: 'Merriweather', serif;
}

.slider-caption .emphasis-title h2,
.slider-caption .emphasis-title p  {
	opacity: 0;
	-webkit-transform: translateX(-120px);
	-ms-transform: translateX(-120px);
	-o-transform: translateX(-120px);
	transform: translateX(-120px);
	-webkit-transition: -webkit-transform .05s ease-out;
	transition: -webkit-transform .05s ease-out;
	transition: transform .05s ease-out;
	transition: transform .05s ease-out, -webkit-transform .05s ease-out;
	backface-visibility: hidden;
}

.swiper-slide.swiper-slide-active .slider-caption .emphasis-title h2,
.swiper-slide.swiper-slide-active .slider-caption .emphasis-title p  {
	opacity: 1;
	-webkit-transition: transform 1s, opacity 3s;
	-o-transition: transform 1s, opacity 3s;
	transition: transform 1s, opacity 3s;
	-webkit-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
	backface-visibility: hidden;
}

.swiper-slide.swiper-slide-active .slider-caption .emphasis-title p {
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.swiper-slide .slide-number {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	margin-top: -30px;
	margin-left: -40px;
	font-size: 130px;
	color: #F5F5F5;
	font-weight: 700;
	-webkit-transition: opacity .6s .5s ease;
	-o-transition: opacity .6s .5s ease;
	transition: opacity .6s .5s ease;
}

.swiper-slide.swiper-slide-active .slide-number {
	opacity: 1;
}

.slider-arrow-left,
.slider-arrow-right {
	top: auto;
	bottom: 10px;
	left: 185px;
	width: 40px;
    height: 40px;
	margin-top: 0;
	background-color: #0D3D63;
	border-radius: 50%;
}

.slider-arrow-left i,
.slider-arrow-right i {
	color: #fff;
    width: auto;
    height: auto;
    font-size: 18px;
	line-height: 40px;
	margin-left: 10px;
}


.slider-arrow-left:hover,
.slider-arrow-right:hover { background-color: #2389CA !important; }

.slider-arrow-left { left: 140px; }



@media (min-width: 992px) {

	body.stretched #header.full-header .container { padding-right: 0; }

	#header.full-header #primary-menu.style-ecommerce > ul { border-right: none; }

	#primary-menu > ul > li > a {
		position: relative;
		margin: 30px 15px;
		padding: 0 3px;
		padding-top: 9px;
		padding-bottom: 9px;
		font-size: 12px;
		letter-spacing: 1px;
		color: #aab7bd;
	}

	#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a {
		padding-top: 0;
		padding-bottom: 7px;
		margin: 16px 15px;
	}

	#primary-menu.style-ecommerce > ul > li > a:after {
		position: absolute;
		content: '';
		top: auto;
		left: 50%;
		bottom: 0;
		width: 0px;
		height: 2px;
		background-color: #444;
		-webkit-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all .3s ease;
	}

	#primary-menu.style-ecommerce > ul > li:hover > a,
	#primary-menu.style-ecommerce > ul > li.current > a { color: #000; }

	#primary-menu.style-ecommerce > ul > li:hover > a:after,
	#primary-menu.style-ecommerce > ul > li.current > a:after {
		width: 100%;
		left: 0;
	}

	#primary-menu.style-ecommerce ul ul:not(.mega-menu-column),
	#primary-menu.style-ecommerce ul li .mega-menu-content {
		width: 250px;
		border: 1px solid #EEE;
		padding: 15px;
		margin-top: -1px;
	}


	#primary-menu ul ul li:hover > a { background-color: transparent; }


	#primary-menu.style-ecommerce ul li .mega-menu-content,
	#primary-menu.style-ecommerce ul li.mega-menu-small .mega-menu-content {
		width: 720px;
		max-width: 400px;
		padding: 0;
	}

	#primary-menu.style-ecommerce ul li.mega-menu .mega-menu-content {
		margin: 0 15px;
		width: 1140px;
		max-width: none;
	}

	body.stretched #header.full-header #primary-menu.style-ecommerce ul li.mega-menu .mega-menu-content { margin-top: -1px; }

	#primary-menu.style-ecommerce ul li .mega-menu-content ul {
		display: block;
		position: relative;
		top: 0;
		min-width: inherit;
		border: 0;
		padding: 0;
		box-shadow: none;
		background-color: transparent;
	}


	#primary-menu.style-ecommerce #top-search,
	#primary-menu.style-ecommerce #top-cart,
	#primary-menu.style-ecommerce #side-panel-trigger,
	#primary-menu.style-ecommerce #top-account {
		margin: 0;
		border-left: 1px solid #EEE;
		padding: 30px 30px;
		transition: all .3s ease;
	}

	#primary-menu ul ul li > a {
	    font-weight: 600;
	    text-transform: none;
	    font-size: 14px;
	}

	#primary-menu.style-ecommerce #top-search:hover,
	body.top-search-open #top-search,
	#primary-menu.style-ecommerce #top-cart:hover,
	#primary-menu.style-ecommerce #top-cart.top-cart-open,
	#primary-menu.style-ecommerce #side-panel-trigger:hover,
	#primary-menu.style-ecommerce #top-account:hover { background-color: #F8F8F8; }

	#primary-menu.style-ecommerce #top-search > a,
	#primary-menu.style-ecommerce #top-cart > a,
	#primary-menu.style-ecommerce #side-panel-trigger > a,
	#primary-menu.style-ecommerce #top-account > a {
		width: 20px;
		height: 40px;
		font-size: 20px;
		line-height: 40px;
	}

	#top-cart a:hover { color: #333; }

	#primary-menu.style-ecommerce #top-cart > a > span {
		top: 2px;
		left: auto;
		right: -13px;
		font-size: 11px;
		font-weight: 400;
		font-family: 'Poppins', sans-serif;
		color: #FFF;
		font-weight: 300;
		text-shadow: none;
		background-color: #333;
		border-radius: 50%;
	}

	#primary-menu.style-ecommerce #top-cart .top-cart-content { right: 0; }

	#top-cart .top-cart-content { top: 100px; }

	#header.sticky-header:not(.static-sticky) #top-search,
	#header.sticky-header:not(.static-sticky) #top-cart,
	#header.sticky-header:not(.static-sticky) #side-panel-trigger,
	#header.sticky-header:not(.static-sticky) #top-account {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		padding: 10px 30px;
	}

	#header.sticky-header:not(.static-sticky) #top-cart .top-cart-content { top: 60px; }

	.grid-item {
	  display: flex;
	  flex-direction: row;
	  justify-content: center;
	  align-items: center;
	}

	.swiper-caption-wrapper {
		width: 576px;
		height: 500px;
		background-color: rgba(0, 0, 0, 0.85);
	}

	.swiper-caption-wrapper:after {
		content: '';
		position: absolute;
		bottom: -180px;
		width: 0;
		height: 0;
		border-left: 150px solid transparent;
		border-right: 425px solid transparent;
		border-top: 180px solid rgba(0, 0, 0, 0.85);
	}

	.swiper-caption-wrapper .caption { margin: 30px auto 0; }

	.swiper-caption-wrapper .caption h2 {
		font-size: 56px;
		line-height: 64px;
	}

	.slider-arrow-left,
	.slider-arrow-right { bottom: 70px; }

}

.device-xs .swiper-caption-wrapper { display: none; }

.device-md #top-account,
.device-sm #top-account,
.device-xs #top-account { margin: 39px 0 32px !important; }

.device-lg #primary-menu > ul > li > a {
	margin: 30px 10px;
	padding: 9px 0px;
	font-size: 12px;
	letter-spacing: 0px;
}

#primary-menu.style-ecommerce #top-cart > a > span { background-color: #333 }

#top-bar p {
	font-size: 13px;
	font-weight: 300;
	margin-bottom: 0;
}

#top-bar p a {
	color: #FFF;
	font-weight: 400;
	border-bottom: 1px solid #EEE;
}


.grid-item .grid-info h3 { margin-bottom: 15px }

.grid-item .grid-info h3 a {
	display: block;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 15px;
	letter-spacing: 1px;
	color: #111;
}

.grid-item .grid-info h3 a span {
	display: block;
	font-family: 'Merriweather', serif;
	font-weight: 300;
	font-size: 13px;
	color: #999;
	margin-top: 5px;
	text-transform: none;
	letter-spacing: 0;
}

.more-link {
	color: #666;
	border-bottom-color: #666;
	font-style: normal;
	font-weight: 300;
	font-size: 13px;
	cursor: pointer;
}


@media (max-width: 991px) and (min-width: 767px) {
	.grid-item .grid-info h3 { margin-bottom: 10px; }

	.grid-item .grid-info h3 a {
		font-size: 13px;
		letter-spacing: 0;
		color: #111;
	}

	.grid-item .grid-info h3 a span {
		font-size: 11px;
		color: #999;
		margin-top: 5px;
		text-transform: none;
		letter-spacing: 0;
	}

	.more-link {
		font-size: 12px;
	}
}

@media (max-width: 767px) {
	.grid-info {
		padding: 15px 0;
		margin-bottom: 30px;
		text-align: center;
	}
}

.iportfolio .portfolio-image .flex-prev,
.iportfolio .portfolio-image .flex-next,
.product-cart,
.product-quickview {
	opacity: 0;
	background-color: #FFF;
	border-radius: 35px;
	width: 35px;
	height: 35px;
	border: 1px solid rgba(0, 0, 0, .07) !important;
	text-align: center;
	margin: -17px 8px 0;
	-webkit-transform: translateX(-3px);
	transform: translateX(-3px);
	-webkit-transition: -webkit-transform .6s;
	transition: -webkit-transform .6s;
	transition: transform .6s;
	transition: transform .6s,-webkit-transform .6s;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	z-index: 2;
}

.product-cart,
.product-quickview {
	position: absolute;
	bottom: 10px;
	right: 0px;
	-webkit-transform: none;
	transform: none;
}

.product-quickview { right: 40px; }

.iportfolio .portfolio-image .flex-next {
	-webkit-transform: translateX(3px);
	transform: translateX(3px);
}

.iportfolio:hover .portfolio-image .flex-prev,
.iportfolio:hover .portfolio-image .flex-next,
.iportfolio:hover .product-cart,
.iportfolio:hover .product-quickview {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}

.iportfolio .portfolio-image .flex-prev i,
.iportfolio .portfolio-image .flex-next i,
.product-cart i,
.product-quickview i {
	color: #444;
	text-shadow: none;
	width: auto;
	height: auto;
	line-height: 33px;
	margin-left: -2px;
	font-size: 18px;
	text-align: center;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.product-cart i,
.product-quickview i {
	font-size: 14px;
	margin-left: 1px;
}

.iportfolio .portfolio-image .flex-next i { margin-left: 2px; }

.iportfolio .portfolio-image .flex-prev:hover,
.iportfolio .portfolio-image .flex-next:hover { background-color: #FFF !important; }

.portfolio-desc {
	position: relative;
	font-family: 'Poppins';
}

.portfolio-desc h3 a {
	font-size: 16px;
	font-weight: 400;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.portfolio-desc span a {
	font-size: 12px;
	font-weight: 300;
	letter-spacing: 0;
	margin-top: 0;
}

.portfolio-desc .item-price {
	position: absolute;
	bottom: 0;
	right: 5px;
	float: right;
	text-align: right;
}

.portfolio-desc .item-price span {
	font-weight: 400;
	font-size: 15px;
	color: #444;
	margin-bottom: 3px;
}

.portfolio-desc .item-price del { color: #AAA; }

.tooltip.top .tooltip-arrow{ border-top: 5px solid #FFF; }

.tooltip-inner {
	padding: 4px 8px;
	color: #555;
	background-color: #FFF;
	border-radius: 2px;
	border: 1px solid #EEE;
	font-family: 'Poppins';
	font-weight: 300;
}

.heading-block.center > span {
	font-size: 15px;
	color: #555;
	font-family: 'Poppins';
}

.before-heading {
	text-transform: uppercase;
	font-style: normal;
	letter-spacing: 4px;
	font-family: 'Lato' !important;
	font-weight: 400;
	font-size: 14px;
}

.item-desc p {
	margin-top: 20px;
	font-size: 1rem;
	color: #888;
	font-weight: 400;
}

.item-color span {
	display: block;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 3px;
	margin-bottom: 12px;
	font-weight: 600;
}

#item-color-dots .owl-dot { display: inline-block; }

#item-color-dots .owl-dot span {
	display: block;
	width: 16px;
	height: 16px;
	margin: 0 5px;
	opacity: 1;
	border-radius: 50%;
	background-color: #444;
	cursor: pointer;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

#item-color-dots .owl-dot.active span {
	opacity: 0.7;
	border: 2px solid #000 !important;
}

#item-color-dots .owl-dot:nth-of-type(1) span {
	margin-left: 0;
	background-color: #2f3977;
}

#item-color-dots .owl-dot:nth-of-type(2) span { background-color: #c8271d; }
#item-color-dots .owl-dot:nth-of-type(3) span { background-color: #723f2e; }
#item-color-dots .owl-dot:nth-of-type(4) span { background-color: #4a4c4b; }
#item-color-dots .owl-dot:nth-of-type(5) span { background-color: #af6035; }
#item-color-dots .owl-dot:nth-of-type(6) span { background-color: #3d6370; }

.fbox-image { margin-top: 20px; }

.feature-box .before-heading { font-size: 10px; }

.widget.subscribe-widget .form-control {
	border-radius: 0 !important;
	border: 1px solid #333;
}

.widget.subscribe-widget .button {
	border-radius: 0 !important;
	height: 46px;
	line-height: 46px;
	margin: 0;
}

.widget.subscribe-widget .button:hover { background-color: #111; }

.copy-link a {
	font-family: 'Poppins';
	color: #000;
	opacity: .5;
	font-weight: 300;
	font-size: 13px;
}

.social-icon.si-mini {
	width: 24px;
	height: 24px;
	font-size: 11px;
	line-height: 23px !important;
}

.social-icon.si-mini:hover i:first-child { margin-top: -23px; }

/* Footer
-----------------------------------------------------------------*/
.widget_links li,
.widget_links li a {
	background-image: none !important;
	padding-left: 0;
	color: #666 !important;
	font-size: 13px;
	font-weight: 300;
}

:root{
	--theme1: #EAF4F4;
	--themecolor: #2389CA;
}

#content p:not(.lead) {
	font-size: 15px;
	line-height: 1.7;
}

.button-shadow:not(:hover) {
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	transform: translateY(-1px);
}

.section-curve:after {
	height: 50px;
	background-image: url('images/curve.svg');
	background-size: 100% 100%;
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	z-index: 0;
	bottom: 0;
}

#ytb-video { cursor: pointer }

#ytb-video-button.play-icon {
	position: absolute;
	display: block;
	left: 50%;
	top: 50%;
	width: 60px;
	height: 60px;
	line-height: 61px;
	margin-top: -31px;
	margin-left: -31px;
	transition: transform .3s ease;
}

#ytb-video:hover .play-icon {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

#ytb-video-button.play-icon i {
	width: 60px;
	height: 60px;
	line-height: 61px;
	font-size: 24px;
	color: #000;
	text-align: center;
	border-radius: 50%;
	background-color: #FFF;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	z-index: 2;
	transition: all .3s ease;
}

#ytb-video:hover .play-icon i {
	background-color: red;
	color: #FFF;
}

#ytb-video-button.play-icon i.icon-play { padding-left: 4px; }

#ytb-video-button.play-icon i:nth-of-type(2),
.video-played #ytb-video-button.play-icon i:nth-of-type(1) { display: none; }

.video-played #ytb-video-button.play-icon i:nth-of-type(2) { display: block; }

#ytb-video:not(:hover) i:nth-of-type(2) { opacity: 0; }

.ytb-card { margin-top: -430px; }

.device-xs .ytb-card { margin-top: -310px; }

.showcase-section .showcase-target { display: none; }

.showcase-section .showcase-target.showcase-target-active { display: block; }

.showcase-section ul { list-style: none; }

.showcase-section ul li {
	display: block;
	position: relative;
	padding: 24px 0;
	cursor: pointer;
	border-top: 1px solid #F0F2F6;
}

.showcase-section ul li:first-child {
	padding-top: 0;
	border-top: 0;
}

.showcase-section ul li h3 {
	display: block;
	position: relative;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 5px;
}

.showcase-section ul li p {
	font-weight: 400;
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 0;
	color: #777;
}

.showcase-section ul li h3:before {
	opacity: 0;
	content: "\e77d";
	font-family: 'font-icons';
	position: absolute;
	margin-left: -20px;
	top: -2px;
	-webkit-transition: margin-left .3s ease, opacity .3s ease;
	-ms-transition: margin-left .3s ease, opacity .3s ease;
	-o-transition: margin-left .3s ease, opacity .3s ease;
	transition: margin-left .3s ease, opacity .3s ease;
}

.showcase-section ul li.showcase-feature-active h3:before {
	opacity: 1;
	margin-left: -15px;
}

.showcase-section ul li.showcase-feature-active h3 { color: var(--themecolor); }

.showcase-section .showcase-target {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	opacity: 0;
	width: 100%;
	-webkit-transform: translateX(-10px);
	-ms-transform: translateX(-10px);
	-o-transform: translateX(-10px);
	transform: translateX(-10px);
	-webkit-transition: all .3s .1s ease;
	-o-transition: all .3s .1s ease;
	transition: all .3s .1s ease;
	-webkit-backface-visibility: hidden;
}

.showcase-section .showcase-target.showcase-target-active {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	z-index: 9;
}

.showcase-section .showcase-target:first-child { position:  relative; }

.heading-block p { font-size: 17px; }

.portfolio-desc h3 {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0px;
	margin-bottom: 0;
}

.portfolio-desc h6 {
	margin-bottom: 0;
	font-size: 15px;
	font-weight: 400;
}

@media (min-width: 992px) {

	#slider + #header.transparent-header {
		top: -60px;
		margin-bottom: -60px;
	}

	#header.transparent-header.floating-header + #slider {
		top: -120px;
		margin-bottom: -120px;
	}

	#primary-menu ul li > a {
		padding-top: 19px;
		padding-bottom: 19px;
		font-weight: 600;
		text-transform: ;
		font-size: 14px;
	}

	.ytb-card { max-width: 820px; }

	.iportfolio { transition: transform .3s ease; }

	.iportfolio:hover {
		transform: translateY(-5px);
	}

}

/* Feaured Carousel
-----------------------------------------------------------------*/
#oc-features .owl-item:not(.active) { opacity: .4; }

#oc-features .owl-item p {
	font-size: 16px;
	font-weight: 300;
	color: #555;
}

.heading-block:before {
	content: attr(data-heading);
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	color: #F5F5F5;
	z-index: -1;
	font-family: 'poppins', sans-serif;
	font-weight: bold;
	font-size: 90px;
	line-height: .3;
}

.heading-block.center:before {
	right: 0;
	left: 0;
	margin: auto;
}

/* Hotspot */
.hotspot-img { position: relative; }

.hotspot-img img { opacity: .6; }

.hotspot-img .hot-spot {
	position: absolute;
	width: 12px;
	height: 12px;
	top: 5px;
	left: 5px;
	text-align: center;
	background-color: rgba(13, 61, 99, 0.8);
	border: 1px solid #FFF;
	border-radius: 100%;
	cursor: pointer;
	transition: transform .3s ease;
}

.hotspot-img .hot-spot .circle {
	display: block;
	position: absolute;
	top: 47%;
	left: 47%;
	width: 2em;
	height: 2em;
	margin: -1em auto auto -1em;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	border-radius: 50%;
	background: rgba(13, 61, 99, 0.8);
	opacity: 0;
	z-index: -1;
	-webkit-animation: pulsate 3.5s ease-out infinite;
	animation: pulsate 3.5s ease-out infinite;
}

.hotspot-img .hot-spot:nth-child(2) .circle { animation-delay: 2s; }
.hotspot-img .hot-spot:nth-child(3) .circle { animation-delay: 3.5s; }
.hotspot-img .hot-spot:nth-child(4) .circle { animation-delay: 5.2s; }
.hotspot-img .hot-spot:nth-child(5) .circle { animation-delay: 6.4s; }
.hotspot-img .hot-spot:nth-child(6) .circle { animation-delay: 8s; }
.hotspot-img .hot-spot:nth-child(7) .circle { animation-delay: 9.2s; }
.hotspot-img .hot-spot:nth-child(8) .circle { animation-delay: 11s; }
.hotspot-img .hot-spot:nth-child(9) .circle { animation-delay: 13s; }
.hotspot-img .hot-spot:nth-child(10) .circle { animation-delay: 15s; }

.hotspot-img .hot-spot .tooltip {
	background-color: rgba(255, 255, 255, 0.9);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 14px;
	opacity: 0;
	display: none;
	left: 0;
	padding: 8px 10px;
	position: absolute;
	top: 20px;
	width: auto;
	z-index: 999;
	box-shadow: 0 10px 80px rgba(0,0,0,0.1), 0 10px 50px rgba(0,0,0,0.1);
	-webkit-transform: translateY(3px);
	-ms-transform: translateY(3px);
	-o-transform: translateY(3px);
	transform: translateY(3px);
	-webkit-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}

.hotspot-img .hot-spot.hotspot-tooltip-open .tooltip {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.hotspot-img .hot-spot .tooltip.ontop {
	top: auto;
	bottom: 35px;
}

.hotspot-img .hot-spot .tooltip  p {
	font-size: 13px;
	line-height: 1.3rem !important;
	margin-bottom: 0;
	white-space: nowrap;
	color: #666 !important;
	text-transform: capitalize;
}

@-webkit-keyframes
	pulsate {  0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0.8;
	}
	 45% {
		-webkit-transform: scale(1.75);
		transform: scale(1.75);
		opacity: 0;
	}
}
@keyframes
	pulsate {  0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0.8;
	}
		45% {
		-webkit-transform: scale(1.75);
		transform: scale(1.75);
		opacity: 0;
	}
}

.iconlist li:not(:first-child) { margin-top: 8px; }
.iconlist li img {
	position: relative;
	margin-top: -2px;
	width: 16px;
	margin-right: 5px;
}

.iconlist a {
	font-size: 15px;
	color: #444;
}

.iconlist a:hover { text-decoration: underline !important; }
.text-muted { 
	opacity: 0.8; }

.pricing-price:after { content: none }

.irs-single { top: -12px; }

.irs-slider {
	background: #0D3D63;
	border-radius: 50%;
	width: 28px;
	height: 28px;
	top: 13px;
}

.irs-slider:after {
	content: "\e733";
	font-family: 'font-icons';
	color: #FFF;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 11px;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.price-compare { list-style-type: disc; }
.price-compare.iconlist li:not(:first-child) {
	font-weight: 300;
	margin-top: 15px;
}

.testi-content p { font-size: 16px; }

.clients { max-height: 50px; }

.bg-angle:after,
.section.bg-angle:before {
	content: '';
	height: 100%;
	overflow: hidden;
	width: 100%;
	position: absolute;
	height: 70px;
	bottom: -70px;
	left: 0;
	transform-origin: 0;
	-webkit-transform-origin: 0;
	-webkit-transform: skewY(-1.5deg);
	-moz-transform: skewY(-1.5deg);
	-ms-transform: skewY(-1.5deg);
	-o-transform: skewY(-1.5deg);
	transform: skewY(-1.5deg);
	background-color: #0D3D63;
	z-index: 1;
}

.section.bg-angle:before { top: -30px; }

.section.bg-angle:after,
.section.bg-angle:before { background-color: #FFF; }

.dark #primary-menu ul li,
.dark #primary-menu ul li .mega-menu-content ul.mega-menu-column:not(:first-child) { border-top-color: rgba(255, 255, 255, 0.1) }


/* Devices Under 991 Width */
@media (max-width: 991px) {

	#top-bar { height: 44px }

	#top-bar p {
		margin-bottom: 0px;
		line-height: 44px;
	}

	#header.transparent-header { z-index: 1 !important; }

	#header .button {
		position: absolute;
		top: 50%;
		right: 0;
		-webkit-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
		margin: 0;
	}

	.vertical-middle { z-index: 0; }

	.mega-menu-column .feature-box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		align-items: center;
	}

	.mega-menu-column .feature-box.fbox-center .fbox-icon {
		margin: 0;
		width: 28px;
		height: 28px;
		margin-right: 10px;
	}

	.mega-menu-content .feature-box h3 a { font-size: 13px; text-transform: capitalize; letter-spacing: 0; }

	.dark .mega-menu-content .feature-box h3 a { color: #FFF; }

	.mega-menu-content .feature-box.fbox-center { text-align: left; }

	.mega-menu-content .btn.btn-link { display: none; }

	#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column { padding: 10px 0; }

	.owl-stage-outer:before,
	.owl-stage-outer:after { display: none; }

	.slider-bottom-box { padding: 15px; }

	.img-map { opacity: 0.2; }
}

.feature-box.media-box .fbox-icon {
	position: relative;
	width: 36px;
	height: 54px;
	margin-bottom: 15px;
}

.badge {
	font-size: ;
	padding: 8px 12px;
	border: 0;
	border-radius: 3px;
	font-weight: 400;
	font-size: 14px;
}

.registration-badge {
	position: absolute;
	display: block;
	top: -10px;
}

/* elements
---------------------------------------------------------------------------- */
.badge {
	position: relative;
	padding: 0.25em 0.4em;
	font-weight: 500;
	border-radius: 2px;
	top: -1px;
}

.before-heading {
	font-style: normal;
	font-weight: 400;
	font-size: 1rem;
}

.heading-block h2 { font-size: 240%; }

.heading-block:after {
	opacity: .8;
	border-width: 2px;
	border-style: solid;
	border-color: #0C1CCC;
	border-color: var(--themecolor);
}

.section-features .btn-link { font-size: 14px; }

.section-features .card {
	border: 0;
	overflow: hidden;
	background: #FFF;
  	background-clip: padding-box;
	box-shadow: 0 0 35px rgba(140, 152, 164, 0.2);
}

.section-features .card:before {
	content: '';
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    margin-bottom: 0;
    height: 3px;
    width: 100%;
    background: linear-gradient(to right, blue, lightblue);
}

.section-features .card.border-color-pink:before { background: linear-gradient(to right, red, pink); }
.section-features .card.border-color-yellow:before { background: linear-gradient(to right, teal, cyan); }
.section-features .card.border-color-blue:before { background: linear-gradient(to right, #111, #DDD); }
.section-features .card.border-color-green:before { background: linear-gradient(to right, blue, yellow); }
.section-features .card.border-color-black:before { background: linear-gradient(to right, #111, #DDD); }
.section-features .card.border-color-magenta:before { background: linear-gradient(to right, red, yellow); }
.section-features .card.border-color-sea:before { background: linear-gradient(to right, rgb(5, 160, 238), #d2d7fa); }
.section-features .card.border-color-beach:before { background: linear-gradient(to right, #0C1CCC, #1098ad); }
.section-features .card.border-color-brown:before { background: linear-gradient(to right, #723f2e, #f37055); }
.section-features .card.border-color-coffee:before { background: linear-gradient(to right, #723f2e, #DDD); }
.section-features .card.border-color-orange:before { background: linear-gradient(to right, red, orange); }
.section-features .card.border-color-etd:before { background: linear-gradient(to right, #0D3D63, #2389CA); }

body:not(.dark) .section-scroller {
	background-image: linear-gradient(to top, rgba(241,244,248,.5), rgba(241,244,248,.5) 30%, #FFF 30%);
	background-repeat: no-repeat;
}

body:not(.dark) .section-features {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-image: url('images/bg-3.svg');
	background-image: var(--section-features-bg);
	background-size: auto 100%;
}
.section-scroller .swiper-container,
.section-scroller .swiper-container .swiper-slide { overflow: visible; }

.device-xl .section-scroller .swiper-container .swiper-slide { width: 38%; }
.device-lg .section-scroller .swiper-container .swiper-slide { width: 42%; }
.device-md .section-scroller .swiper-container .swiper-slide { width: 58%; }
.device-sm .section-scroller .swiper-container .swiper-slide { width: 42%; }
.device-xs .section-scroller .swiper-container .swiper-slide { width: 65%; }

.section-scroller .card {
	border: 1px solid #EEE;
	border: 1px solid var(--light);
	border-left-width: 1px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	box-shadow: 0 0 10px rgba(140, 152, 164, 0.15);
	margin-top: -20px;
}

body:not(.dark) .section-scroller .card h4 a { color: #111; color: var(--fulldark); }

.section-scroller .card p {
	font-size: 13px;
	color: #888;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.section-scroller { overflow: visible; }

.swiper-container-horizontal>.swiper-scrollbar {
	width: 80%;
	max-width: 1140px;
	left: 50%;
	bottom: -60px;
	height: 8px;
	z-index: 1;
	background-color: rgba(0,0,0,0.045);
	transform: translateX(-50%);
}

body:not(.dark) .swiper-scrollbar-drag { opacity: .2; }

.circle-border {
	position: relative;
	margin-top: 25px;
	margin-left: 25px;
	border: 2px solid rgba(12, 28, 204, .05);
	border-radius: 50%;
	height: 250px;
	width: 250px;
}

.feature-content {
	position: absolute;
	top: -25px;
	left: -25px;
	width: 300px;
	height: 300px;
}

.circle-inner {
	border-radius: 50%;
	min-width: 80px;
	min-height: 80px;
	padding: 4px;
	background: #FFF;
	box-shadow: 0 0 35px rgba(140, 152, 164, 0.2);
	text-align: center;
	line-height: 1;
	box-sizing: content-box;
	white-space: nowrap;
}

.circle-inner:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	padding-top: 100%;
	height: 0;
}

.circle-inner > div {
	display: inline-block;
	vertical-align: middle;
}

.counter { font-size: 32px; }
.counter + h5 { font-size: 12px; }

.button { box-shadow:0 8px 16px rgba(32,41,50,0.12); }

.slider-feature {
	position: relative;
	transform: translateY(-20%);
	z-index: 4;
}

.slider-feature a {
	color: #222;
	transition: all .2s ease;
}

.slider-feature a:hover {
	background-color: #C6C09C;
	background-color: var(--themecolor);
	transform: translateY(-2px);
	z-index: 1;
}

.slider-feature a i {
	position: relative;
	top: 4px;
	font-size: 20px;
	padding-right: 6px;
}

/* SVG Divider
-----------------------------------------------------------------*/
.svg-line {
	display: block;
	position: relative;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% 100%;
	width: 100%;
	height: 20px;
}

.button-svg {
	background-image: url('images/border.svg');
	background-repeat: no-repeat;
	background-position: center 120%;
	background-size: 100% 10px;
	color: #222;
	font-size: 16px;
}

/* Animated Setting
-----------------------------------------------------------------*/
.animated {
  -webkit-animation-duration: .4s;
  animation-duration: .4s;
}

@-webkit-keyframes fadeInUp {
  from {
	opacity: 0;
	-webkit-transform: translate3d(0, 30px, 0);
	transform: translate3d(0, 30px, 0);
  }

  to {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
	opacity: 0;
	-webkit-transform: translate3d(0, 30px, 0);
	transform: translate3d(0, 30px, 0);
  }

  to {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
  }
}

/* Carousel
-----------------------------------------------------------------*/
.oc-desc {
	position: absolute;
	top: 5%;
	left: 5%;
	bottom: 16px;
	background-color: #FFF;
	padding: 25px;
	border-radius: 3px;
	height: 90%;
	width: 90%;
}
.oc-desc  p {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}

.oc-desc h3 { font-size: 16px; }
.oc-desc h3 a { color: #111; }

.oc-desc .skills li .progress:after {
	content: "\e9e3";
	font-family: 'font-icons';
	color: #C6C09C;
	color: var(--themecolor);
	position: absolute;
	right: -8px;
	top: 50%;
	transform: translateY( -50% );
}

.oc-desc .counter.counter-inherit.counter-instant { display: inline-block; }

.oc-desc .skills li .progress-percent {
	display: inherit;
	position: relative;
	background-color: transparent;
	color: #222;
	text-shadow: none;
	font-size: 14px;
	font-weight: 400;
	top: -30px;
	width: 100%;
	left: 0;
	height: auto;
	line-height: inherit;
	padding: 0;
	border-radius: 0;
}

.oc-desc .progress-percent:after, .progress-percent:before { display: none; }

.oc-desc .skills li .progress-percent .counter {
	display: block;
	position: relative;
	white-space: nowrap;
}

.owl-carousel .owl-item .oc-desc {
	opacity: 0;
	transform: scale(0.7);
	transition: all .3s cubic-bezier(0.4, 0.2, 0.2, 1);
}

/* .owl-carousel .owl-item:hover .oc-desc, */
.owl-carousel .owl-item.active.center .oc-desc {
	opacity: 1;
	transform: scale(1);
}

.world-map-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 1;
}

.counter-section [class^=col-]:not(:last-child):after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 100%;
	opacity: .4;
	background-image: url('images/divider-2.svg');
	background-repeat: no-repeat;
	background-position: center center;
}

.device-sm .counter-section [class^=col-]:nth-child(2):after,
.device-md .counter-section [class^=col-]:nth-child(2):after,
.device-xs .counter-section [class^=col-]:after  { display: none; }

/* Play Icon
-----------------------------------------------------------------*/
.play-video i {
	display: block;
	width: 60px;
	height: 60px;
	line-height: 61px;
	border-radius: 50%;
	z-index: 1;
	background-color: rgba(255, 255, 255, 0.85);
	text-align: center;
	font-size: 24px;
	color: #111;
	transition: all .3s ease;
	box-shadow: 0 0 1px 15px rgba(255,255,255,.1);
	-webkit-backface-visibility: hidden;
}

.play-video i.icon-small {
	width: 40px;
	height: 40px;
	line-height: 41px;
	font-size: 16px;
	box-shadow: 0 0 1px 10px rgba(255,255,255,.1);
}

.play-video:hover i {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	background-color: #FFF;
}

.bg-color:before {
	content: '';
	position: absolute;
	top: -15px;
	left: -15px;
	width: 75%;
	height: 75%;
	z-index: -1;
	border-radius: 6px;
	opacity: .3;
	background-color: #C6C09C;
	background-color: var(--themecolor);
}

.bg-color.left:before {
	top: -10px;
	left: -10px;
}

/* Missions Gloals
-----------------------------------------------------------------*/
.missions-gloals .feature-box {
	box-shadow: 0 0 10px rgba(99, 114, 130, 0.15);
	padding: 25px 20px; border-radius: 10px;
}

/* Border Form Design
---------------------------------------------------------------------------- */
.form-control.border-form-control {
	height: 48px;
	padding: 8px 4px;
	font-size: 19px;
	background-color: transparent !important;
	background-image: url('images/divider-3.svg');
	background-repeat: no-repeat;
	background-position: bottom center;
	border: 0;
}

.form-control.border-form-control::-moz-placeholder { opacity: .4; }
.form-control.border-form-control:-ms-input-placeholder { opacity: .4; }
.form-control.border-form-control::-webkit-input-placeholder { opacity: .4; }

/* Section Details
-----------------------------------------------------------------*/
.section-details p { color: #999; }

.pricing--etd .pricing--item {
	font-family: 'Alegreya Sans', sans-serif;
	padding: 2em 3em;
	margin: 1em;
	color: #262b38;
	background: #fff;
	cursor: default;
	overflow: hidden;
	box-shadow: 0 0 15px rgba(0,0,0,0.05);
}

@media screen and (min-width: 66.250em) {
	.pricing--etd .pricing--item {
		margin: 1.5em 0;
	}
}

.pricing--etd .pricing--price {
	font-size: 5em;
	font-weight: 800;
	color: #2389CA;
	position: relative;
	z-index: 100;
}

.pricing--etd .pricing--currency {
	font-size: 0.5em;
	color: #0D3D63;
	vertical-align: super;
}

.pricing--etd .pricing--period {
	font-size: 0.25em;
	display: inline-block;
	padding: 0 0 0 0.5em;
	color: #0D3D63;
}

.price-list .card-body { padding: 20px 30px !important; }

.price-list .price-title {
	font-size: 48px;
	line-height: 32px;
	font-weight: 600;
	color: var(--themecolor, #2689ca);
}

.price-list .price-title small {
	position: relative;
	font-size: 16px;
	color: #AAA;
	top: -4px;
	margin-left: 6px;
}

.price-list .list-group-item:first-child,
.price-list .list-group-item:last-child { border-bottom: 0; }

.card { border-radius: 8px; }
.card-img-top {
	border-top-left-radius: calc(8px - 1px);
	border-top-right-radius: calc(8px - 1px);
}

#price-carousel .owl-stage {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
}

.price-list .card-body { padding: 20px 30px !important; }

.price-list .price-title {
	font-size: 48px;
	line-height: 32px;
	font-weight: 600;
	color: var(--themecolor, #2689ca);
}

.price-list .price-title small {
	position: relative;
	font-size: 16px;
	color: #AAA;
	top: -4px;
	margin-left: 6px;
}

.price-list .list-group-item:first-child,
.price-list .list-group-item:last-child { border-bottom: 0; }

.card-img-overlay * { position: relative; }

.card-img-overlay::before {
	content: '';
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(4,4,4,.45);
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
}

.owl-carousel .owl-dots .owl-dot {
	width: 20px;
	height: 5px;
	border-radius: 4px;
	transition: all .3s ease-out;
	opacity: .3;
}

.owl-carousel .owl-dots .owl-dot.active { width: 45px; }

#price-carousel .owl-item {
	opacity: 0;
	transform: translateY(20px);
	transition: all .4s .1s ease-out;
}

#price-carousel .owl-item.active {
	opacity: 1;
	transform: translateY(0);
}

#image-carousel { overflow: visible; }

#image-carousel .carousel-column {
	display: flex;
	flex-direction: column;
	flex: 1 0;
	margin: 0;
	padding: 0;
	list-style: none;
}
#image-carousel .column-1 { padding-right: 12px; }
#image-carousel .column-2 { padding-left: 12px; }

#image-carousel .carousel-column-container {
	display: flex;
	flex-direction: row;
}

#image-carousel .carousel-grid-item {
	display: flex;
	flex: 1;
	margin: 0;
	padding: 0;
}

#image-carousel .carousel-grid-item .item {
	flex: 1;
	position: relative;
	width: 100%;
	min-height: 150px;
	margin-bottom: 24px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border-radius: 5px;
	transition: all .2s ease-out;
}

.button:hover,
.top-phone:hover,
#image-carousel .carousel-grid-item:hover a.item {
	box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2);
	transform: translateY(-3px);
	opacity: .95;
	color: #FFF;
}

#image-carousel .carousel-grid-item .item blockquote { z-index: 1; }

.img-overlay::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	background-color: rgba(var(--themecolorrgba, 38, 125, 244), 0.8);
}

#locations-carousel .owl-stage-outer { padding-bottom: 40px  }

#locations-carousel .owl-item.active .card {
	opacity: 1;
	transform: translateY(0px);
}

#locations-carousel.owl-carousel .owl-nav [class*=owl-] {
	opacity: 1;
	background-color: #FFF;
	color: var(--themecolor, #267DF4);
}

#locations-carousel.owl-carousel .owl-dots {
	position: relative;
	background: #FFF;
	width: 150px;
	padding: 10px;
	margin: 0 auto;
	bottom: 20px;
	border-radius: 4px;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

#locations-carousel.owl-carousel .owl-dots .owl-dot { margin: 0 4px; }

.owl-carousel .owl-dots .owl-dot {
	width: 20px;
	height: 5px;
	border-radius: 4px;
	transition: all .3s ease-out;
	opacity: .3;
}

.owl-carousel .owl-dots .owl-dot.active { width: 45px; }

#price-carousel .owl-item {
	opacity: 0;
	transform: translateY(20px);
	transition: all .4s .1s ease-out;
}

#price-carousel .owl-item.active {
	opacity: 1;
	transform: translateY(0);
}