@font-face {
	font-family: inspiro-icons;
	src: url(webfonts/inspiro-icons.ttf?ijzgpf) format("truetype"), url(webfonts/inspiro-icons.woff?ijzgpf) format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: block
}

i:not(.fa):not(.fab):not(.far):not(.fas) {
	font-family: inspiro-icons !important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-activity:before {
	content: "\e900"
}

.icon-airplay:before {
	content: "\e901"
}

.icon-alert-circle:before {
	content: "\e902"
}

.icon-alert-octagon:before {
	content: "\e903"
}

.icon-alert-triangle:before {
	content: "\e904"
}

.icon-align-center:before {
	content: "\e905"
}

.icon-align-justify:before {
	content: "\e906"
}

.icon-align-left:before {
	content: "\e907"
}

.icon-align-right:before {
	content: "\e908"
}

.icon-anchor:before {
	content: "\e909"
}

.icon-aperture:before {
	content: "\e90a"
}

.icon-archive:before {
	content: "\e90b"
}

.icon-arrow-down-circle:before {
	content: "\e90c"
}

.icon-arrow-down-left:before {
	content: "\e90d"
}

.icon-arrow-down-right:before {
	content: "\e90e"
}

.icon-arrow-down:before {
	content: "\e90f"
}

.icon-arrow-left-circle:before {
	content: "\e910"
}

.infinite-scroll-message, #showMore {
	height: 80px;
	padding-top: 36px;
	text-align: center
}

.infinite-scroll-message p, #showMore p {
	margin: 0
}

.grid-loader {
	border-radius: 50%;
	width: 2.5em;
	height: 2.5em;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation: load7 1.8s infinite ease-in-out;
	animation: load7 1.8s infinite ease-in-out;
	position: absolute;
	top: 60px;
	left: 48%;
	color: #dadada;
	font-size: 6px;
	text-indent: -9999em;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation-delay: -.16s;
	animation-delay: -.16s
}

.grid-loader:before, .grid-loader:after {
	border-radius: 50%;
	width: 2.5em;
	height: 2.5em;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation: load7 1.8s infinite ease-in-out;
	animation: load7 1.8s infinite ease-in-out
}

.grid-loader:before, .grid-loader:after {
	content: '';
	position: absolute;
	top: 0
}

.grid-loader:before {
	left: -3.5em;
	-webkit-animation-delay: -.32s;
	animation-delay: -.32s
}

.grid-loader:after {
	left: 3.5em
}

@-webkit-keyframes load7 {
	0%, 80%, 100% {
		box-shadow: 0 2.5em 0 -1.3em
	}
	40% {
		box-shadow: 0 2.5em 0 0
	}
}

@keyframes load7 {
	0%, 80%, 100% {
		box-shadow: 0 2.5em 0 -1.3em
	}
	40% {
		box-shadow: 0 2.5em 0 0
	}
}

#header.header-modern:not(.header-active) + .inspiro-slider, #header.header-modern:not(.header-active) + #slider, #header.header-modern:not(.header-active) + .fullscreen, #header.header-modern:not(.header-active) + .halfscreen, #header.header-modern:not(.header-active) + #google-map {
	top: -130px;
	margin-bottom: -130px
}

#header[data-transparent=true] + .inspiro-slider, #header[data-transparent=true] + #slider, #header[data-transparent=true] + .fullscreen, #header[data-transparent=true] + .halfscreen, #header[data-transparent=true] + #google-map {
	top: -80px;
	margin-bottom: -80px
}

#header[data-transparent=true] + .inspiro-slider, #header[data-transparent=true] + #slider, #header[data-transparent=true] + .fullscreen, #header[data-transparent=true] + .halfscreen, #header[data-transparent=true] + #google-map {
	top: -80px;
	margin-bottom: -80px
}

@keyframes fade-in-out {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

.flickity-viewport {
	overflow: hidden !important
}

.flickity-slider > div > img, .carousel .polo-carousel-item img {
	width: 100%
}

.carousel[data-auto-width=true] .flickity-slider > div > img, .carousel[data-auto-width=true] .carousel .polo-carousel-item img, .carousel.custom-height .flickity-slider > div > img, .carousel.custom-height .carousel .polo-carousel-item img {
	height: 100%;
	width: auto
}

.flickity-enabled {
	position: relative
}

.flickity-enabled:focus {
	outline: none
}

.flickity-viewport {
	overflow: hidden;
	position: relative;
	height: 100%
}

.flickity-slider {
	position: absolute;
	width: 100%;
	height: 100%
}

.flickity-enabled.is-draggable {
	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
	cursor: move;
	cursor: -webkit-grab;
	cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
	cursor: -webkit-grabbing;
	cursor: grabbing
}

.flickity-enabled.is-fade .flickity-slider > * {
	pointer-events: none;
	z-index: 0
}

.flickity-enabled.is-fade .flickity-slider > .is-selected {
	pointer-events: auto;
	z-index: 1
}

.flickity-button {
	background: #fff;
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin: -23px 0 0;
	display: block;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	text-align: center;
	transition: all .2s ease 0s;
	color: #9896a6;
	text-align: center;
	z-index: 200;
	border: 0;
	box-sizing: initial;
	opacity: 0;
	border-radius: 50%;
	box-shadow: 0 0 15px rgba(0, 0, 0, .1)
}

.flickity-button:before {
	color: #1f1f1f
}

.flickity-button:hover {
	background-color: #2250fc
}

.flickity-button:hover:before {
	color: #fff
}

.flickity-button.next:before, .flickity-button.previous:before {
	font-size: 25px;
	font-family: inspiro-icons !important
}

.flickity-button.next {
	right: 0
}

.flickity-button.next:before {
	margin-left: 4px;
	content: "\e930"
}

.flickity-button.next.disabled {
	opacity: 0
}

.flickity-button.previous {
	left: 0
}

.flickity-button.previous:before {
	content: "\e92f";
	margin-right: 2px
}

.flickity-button.previous.disabled {
	opacity: 0
}

.flickity-button svg {
	display: none !important
}

.inspiro-slider:hover .flickity-button.next, .carousel:hover .flickity-button.next {
	left: auto;
	right: 10px;
	opacity: 1
}

.inspiro-slider:hover .flickity-button.next.disabled, .carousel:hover .flickity-button.next.disabled {
	opacity: 0
}

.inspiro-slider:hover .flickity-button.previous, .carousel:hover .flickity-button.previous {
	right: auto;
	left: 10px;
	opacity: 1
}

.inspiro-slider:hover .flickity-button.previous.disabled, .carousel:hover .flickity-button.previous.disabled {
	opacity: 0
}

.inspiro-slider.arrows-dark .flickity-button, .carousel.arrows-dark .flickity-button {
	color: #9896a6
}

.inspiro-slider.arrows-dark .flickity-button:hover, .carousel.arrows-dark .flickity-button:hover {
	background-color: #2250fc
}

.inspiro-slider.arrows-dark .flickity-button:hover:before, .carousel.arrows-dark .flickity-button:hover:before {
	color: #fff
}

.inspiro-slider.arrows-grey .flickity-button, .carousel.arrows-grey .flickity-button {
	color: #cecece
}

.inspiro-slider.arrows-grey .flickity-button:hover, .carousel.arrows-grey .flickity-button:hover {
	background-color: #2250fc
}

.inspiro-slider.arrows-grey .flickity-button:hover:before, .carousel.arrows-grey .flickity-button:hover:before {
	color: #fff
}

.inspiro-slider.arrows-only .flickity-button, .carousel.arrows-only .flickity-button {
	background-color: transparent;
	color: #fff;
	box-shadow: none
}

.inspiro-slider.arrows-only .flickity-button:hover, .carousel.arrows-only .flickity-button:hover {
	background-color: transparent
}

.inspiro-slider.arrows-only .flickity-button:hover:before, .carousel.arrows-only .flickity-button:hover:before {
	color: #fff
}

.inspiro-slider.arrows-visibile .flickity-button.next, .carousel.arrows-visibile .flickity-button.next {
	left: auto;
	right: 10px;
	opacity: 1
}

.inspiro-slider.arrows-visibile .flickity-button.previous, .carousel.arrows-visibile .flickity-button.previous {
	right: auto;
	left: 10px;
	opacity: 1
}

.inspiro-slider .portfolio-item, .carousel .portfolio-item {
	padding-bottom: 0
}

.polo-carousel-item.is-selected {
	z-index: 2
}

.flickity-button-icon {
	fill: currentColor
}

.flickity-page-dots {
	position: absolute;
	width: 100%;
	bottom: -25px;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	line-height: 1;
	z-index: 3;
	height: 10px
}

.flickity-page-dots .dot {
	display: inline-block;
	position: relative;
	margin: 0 4px;
	width: 10px;
	height: 10px;
	cursor: pointer;
	border-radius: 50%;
	overflow: hidden;
	background-color: transparent;
	box-shadow: inset 0 0 0 2px #ccc;
	transition: background .8s ease
}

.flickity-page-dots .dot:after {
	outline: medium;
	text-indent: -999em;
	border-radius: 50%;
	overflow: hidden;
	content: '';
	position: absolute;
	bottom: 0;
	height: 0;
	left: 0;
	width: 100%;
	background-color: #ccc;
	box-shadow: 0 0 1px #ccc;
	transition: height .3s ease
}

.flickity-page-dots .dot.is-selected:after {
	height: 100%
}

.inspiro-slider.dots-inside .flickity-page-dots, .carousel.dots-inside .flickity-page-dots {
	bottom: 20px;
	position: absolute
}

.inspiro-slider.dots-inside-top .flickity-page-dots, .carousel.dots-inside-top .flickity-page-dots {
	top: 20px
}

.inspiro-slider.dots-outside-top .flickity-page-dots, .carousel.dots-outside-top .flickity-page-dots {
	top: -46px
}

.inspiro-slider.dots-light .flickity-page-dots .dot, .carousel.dots-light .flickity-page-dots .dot {
	box-shadow: inset 0 0 0 2px #fff
}

.inspiro-slider.dots-light .flickity-page-dots .dot:after, .carousel.dots-light .flickity-page-dots .dot:after {
	background-color: #fff;
	box-shadow: 0 0 1px #fff
}

.inspiro-slider.dots-dark .flickity-page-dots .dot, .carousel.dots-dark .flickity-page-dots .dot {
	box-shadow: inset 0 0 0 2px #9896a6
}

.inspiro-slider.dots-dark .flickity-page-dots .dot:after, .carousel.dots-dark .flickity-page-dots .dot:after {
	background-color: #9896a6
}

.inspiro-slider.dots-grey .flickity-page-dots .dot, .carousel.dots-grey .flickity-page-dots .dot {
	box-shadow: inset 0 0 0 2px #bbb
}

.inspiro-slider.dots-grey .flickity-page-dots .dot:after, .carousel.dots-grey .flickity-page-dots .dot:after {
	background-color: #bbb
}

.inspiro-slider.dots-creative .flickity-page-dots .dot, .carousel.dots-creative .flickity-page-dots .dot {
	opacity: .5;
	box-shadow: none;
	border-radius: 0;
	background-color: #fff;
	height: 4px;
	width: 30px
}

.inspiro-slider.dots-creative .flickity-page-dots .dot:after, .carousel.dots-creative .flickity-page-dots .dot:after {
	background-color: #fff;
	box-shadow: none
}

.inspiro-slider.dots-creative .flickity-page-dots .dot:hover, .carousel.dots-creative .flickity-page-dots .dot:hover {
	opacity: .6
}

.inspiro-slider.dots-creative .flickity-page-dots .dot.is-selected, .carousel.dots-creative .flickity-page-dots .dot.is-selected {
	opacity: 1
}

.inspiro-slider.dots-creative.dots-dark .flickity-page-dots .dot, .carousel.dots-creative.dots-dark .flickity-page-dots .dot {
	background-color: #9896a6
}

.inspiro-slider.dots-creative.dots-dark .flickity-page-dots .dot:after, .carousel.dots-creative.dots-dark .flickity-page-dots .dot:after {
	background-color: #9896a6
}

.flickity-rtl .flickity-page-dots {
	direction: rtl
}

.carousel-promotion .owl-stage-outer {
	overflow: unset !important
}

.carousel-promotion .owl-stage-outer .polo-carousel-item {
	opacity: .3;
	transition: opacity 400ms ease
}

.carousel-promotion .owl-stage-outer .polo-carousel-item.active {
	opacity: 1
}

.carousel {
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s ease
}

.carousel.carousel-loaded {
	opacity: 1;
	visibility: visible
}

.item-video {
	position: relative;
	width: 100%;
	height: 400px
}

.item-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2
}

@media (max-width: 1024px) {
	.carousel .flickity-button {
		width: 40px
	}

	.carousel .flickity-button.next, .carousel .flickity-button.next:hover {
		right: 10px !important;
		opacity: 1
	}

	.carousel .flickity-button.previous, .carousel .flickity-button.previous:hover {
		left: 10px !important;
		opacity: 1
	}
}

.counter {
	margin-bottom: 14px
}

.counter span {
	font-size: 50px;
	line-height: 40px
}

.counter.small > span {
	font-size: 32px !important
}

.counter.medium > span {
	font-size: 50px !important
}

.counter.large > span {
	font-size: 62px !important
}

.icon-box.fancy > .counter span {
	margin: 0 12px 10px 56px
}

.icon-box.fancy.medium > .counter span {
	margin: 0 12px 10px 80px
}

.icon-box.effect:not(.center) > .counter span {
	margin: 0 12px 10px 82px
}

.icon-box.effect.large:not(.center) > .counter span {
	margin: 0 12px 10px 107px
}

.icon-box.effect.medium:not(.center) > .counter span {
	margin: 0 12px 10px 82px
}

.icon-box.effect.small:not(.center) > .counter span {
	margin: 0 12px 10px 58px;
	font-size: 32px !important
}

.countdown-container {
	display: table;
	margin: 0 auto
}

.countdown {
	color: #484848;
	overflow: hidden
}

.countdown .countdown-box {
	display: block;
	float: left;
	margin: 24px;
	overflow: hidden;
	position: relative;
	text-align: center;
	width: auto
}

.countdown .number {
	font-size: 72px;
	font-weight: 600;
	line-height: 1;
	margin-bottom: 10px;
	text-align: center
}

.countdown span {
	display: block;
	font-size: 18px;
	font-weight: 400;
	overflow: hidden;
	padding-top: 4px;
	position: relative;
	text-align: center;
	color: #9896a6
}

.countdown span:before {
	background: none repeat scroll 0 0 #9896a6;
	content: "";
	display: block;
	height: 1px;
	left: 0;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
	opacity: .3
}

.countdown.circle .countdown-box {
	border: 3px solid #9896a6;
	border-radius: 50%;
	color: #1f1f1f;
	height: 160px;
	padding: 34px 5px 0 0;
	width: 160px;
	margin: 20px 15px
}

.countdown.circle .countdown-box .number {
	font-size: 52px;
	font-weight: 800px
}

.countdown.circle .countdown-box span {
	font-size: 18px
}

.countdown.rectangle .countdown-box {
	border: 4px solid;
	padding: 24px;
	width: 170px;
	margin-left: 15px;
	margin-right: 15px
}

.countdown.rectangle .countdown-box .number {
	font-size: 52px;
	font-weight: 600
}

.countdown.rectangle .countdown-box span {
	font-size: 18px
}

.countdown.medium .countdown-box, .countdown.circle.medium .countdown-box, .countdown.rectangle.medium .countdown-box {
	height: 90px;
	margin: 6px;
	padding: 20px 4px 0 0;
	width: 90px
}

.countdown.medium .number, .countdown.circle.medium .number, .countdown.rectangle.medium .number {
	font-size: 30px;
	margin-bottom: 4px
}

.countdown.medium span, .countdown.circle.medium span, .countdown.rectangle.medium span {
	font-size: 12px
}

.countdown.circle.medium .countdown-box, .countdown.rectangle.medium .countdown-box {
	border: solid 2px
}

.countdown.small .countdown-box, .countdown.circle.small .countdown-box, .countdown.rectangle.small .countdown-box {
	margin: 10px;
	height: 60px;
	padding: 10px 0 0 0;
	width: 60px;
	margin: 5px 2px
}

.countdown.small .number, .countdown.circle.small .number, .countdown.rectangle.small .number {
	font-size: 14px;
	margin-bottom: 6px
}

.countdown.small span, .countdown.circle.small span, .countdown.rectangle.small span {
	font-size: 10px;
	padding-top: 0
}

.countdown.circle.small .countdown-box, .countdown.rectangle.small .countdown-box {
	border: solid 2px
}

.countdown.light .countdown-box {
	border-color: #fff;
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .3)
}

.countdown.countdown-light span:before {
	background: #fff
}

.countdown.countdown-light span, .countdown.countdown-light .number {
	color: #fff !important
}

.countdown.countdown-light.circle .countdown-box {
	border-color: #fff
}

.countdown.countdown-light.rectangle .countdown-box {
	border-color: #fff
}

.countdown.countdown-dark span, .countdown.countdown-dark .number {
	color: #9896a6 !important
}

@media (max-width: 1024px) {
	.countdown .countdown-box {
		height: 60px !important;
		padding: 2px 0 0 0 !important;
		width: 60px !important;
		margin: 0 !important;
		border: solid 0 !important
	}

	.countdown .countdown-box .number {
		font-size: 20px !important;
		margin-bottom: 0
	}

	.countdown .countdown-container .countdown-box span {
		font-size: 10px !important;
		padding-top: 0
	}
}

.p-progress-bar-container, .progress-bar-container {
	width: 100%;
	height: 40px;
	margin: 20px 0;
	overflow: hidden;
	background-color: #eee
}

.p-progress-bar, .progress-bar {
	height: 100%;
	padding: 10px;
	background-color: #2250fc;
	box-shadow: none
}

.p-progress-bar .progress-number, .p-progress-bar .progress-type, .progress-bar .progress-number, .progress-bar .progress-type {
	color: #fff;
	float: right;
	margin-top: -2px
}

.progress-title {
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	position: absolute;
	text-align: left
}

.progress-title i {
	margin-right: 8px
}

.p-progress-bar-container.radius, .p-progress-bar-container.radius .p-progress-bar, .p-progress-bar-container.radius .progress-bar, .progress-bar-container.radius, .progress-bar-container.radius .p-progress-bar, .progress-bar-container.radius .progress-bar {
	border-radius: 4px
}

.p-progress-bar-container.title-up .progress-title, .progress-bar-container.title-up .progress-title {
	color: #333;
	margin-left: -10px;
	margin-top: -32px
}

.p-progress-bar-container.title-up:not(:first-child), .progress-bar-container.title-up:not(:first-child) {
	margin-top: 40px
}

.p-progress-bar-container.title-up .p-progress-bar .progress-number, .p-progress-bar-container.title-up .p-progress-bar .progress-type, .p-progress-bar-container.title-up .progress-bar .progress-number, .p-progress-bar-container.title-up .progress-bar .progress-type, .progress-bar-container.title-up .p-progress-bar .progress-number, .progress-bar-container.title-up .p-progress-bar .progress-type, .progress-bar-container.title-up .progress-bar .progress-number, .progress-bar-container.title-up .progress-bar .progress-type {
	color: #333;
	margin-top: -32px;
	position: absolute;
	right: 15px
}

.p-progress-bar-container.title-up .p-progress-bar .progress-number, .p-progress-bar-container.title-up .progress-bar .progress-number, .progress-bar-container.title-up .p-progress-bar .progress-number, .progress-bar-container.title-up .progress-bar .progress-number {
	right: 26px
}

.p-progress-bar-container.medium, .progress-bar-container.medium {
	height: 20px
}

.p-progress-bar-container.medium .p-progress-bar, .p-progress-bar-container.medium .progress-bar, .progress-bar-container.medium .p-progress-bar, .progress-bar-container.medium .progress-bar {
	padding: 0
}

.p-progress-bar-container.medium .progress-title, .progress-bar-container.medium .progress-title {
	margin-left: 0;
	margin-top: -20px
}

.p-progress-bar-container.medium .p-progress-bar .progress-number, .p-progress-bar-container.medium .p-progress-bar .progress-type, .p-progress-bar-container.medium .progress-bar .progress-number, .p-progress-bar-container.medium .progress-bar .progress-type, .progress-bar-container.medium .p-progress-bar .progress-number, .progress-bar-container.medium .p-progress-bar .progress-type, .progress-bar-container.medium .progress-bar .progress-number, .progress-bar-container.medium .progress-bar .progress-type {
	margin-top: -18px
}

.p-progress-bar-container.small, .progress-bar-container.small {
	height: 10px
}

.p-progress-bar-container.small .p-progress-bar, .p-progress-bar-container.small .progress-bar, .progress-bar-container.small .p-progress-bar, .progress-bar-container.small .progress-bar {
	padding: 0
}

.p-progress-bar-container.small .progress-title, .progress-bar-container.small .progress-title {
	margin-left: 0;
	margin-top: -20px
}

.p-progress-bar-container.small .p-progress-bar .progress-number, .p-progress-bar-container.small .p-progress-bar .progress-type, .p-progress-bar-container.small .progress-bar .progress-number, .p-progress-bar-container.small .progress-bar .progress-type, .progress-bar-container.small .p-progress-bar .progress-number, .progress-bar-container.small .p-progress-bar .progress-type, .progress-bar-container.small .progress-bar .progress-number, .progress-bar-container.small .progress-bar .progress-type {
	margin-top: -18px
}

.p-progress-bar-container.no-bg, .progress-bar-container.no-bg {
	background: 0 0 !important
}

.p-progress-bar-container.extra-small, .progress-bar-container.extra-small {
	height: 2px
}

.p-progress-bar-container.extra-small .p-progress-bar, .p-progress-bar-container.extra-small .progress-bar, .progress-bar-container.extra-small .p-progress-bar, .progress-bar-container.extra-small .progress-bar {
	padding: 0
}

.p-progress-bar-container.extra-small .progress-title, .progress-bar-container.extra-small .progress-title {
	margin-left: 0;
	margin-top: -20px
}

.p-progress-bar-container.extra-small .p-progress-bar .progress-number, .p-progress-bar-container.extra-small .p-progress-bar .progress-type, .p-progress-bar-container.extra-small .progress-bar .progress-number, .p-progress-bar-container.extra-small .progress-bar .progress-type, .progress-bar-container.extra-small .p-progress-bar .progress-number, .progress-bar-container.extra-small .p-progress-bar .progress-type, .progress-bar-container.extra-small .progress-bar .progress-number, .progress-bar-container.extra-small .progress-bar .progress-type {
	margin-top: -18px
}

.p-progress-bar-container.transparent, .progress-bar-container.transparent {
	background: 0 0 !important
}

.p-progress-bar-container.transparent .p-progress-bar, .p-progress-bar-container.transparent .progress-bar, .progress-bar-container.transparent .p-progress-bar, .progress-bar-container.transparent .progress-bar {
	background-color: rgba(0, 0, 0, .35)
}

.p-progress-bar-container.transparent.title-up .p-progress-bar .progress-title, .p-progress-bar-container.transparent.title-up .p-progress-bar .progress-number, .p-progress-bar-container.transparent.title-up .p-progress-bar .progress-type, .p-progress-bar-container.transparent.title-up .progress-bar .progress-title, .p-progress-bar-container.transparent.title-up .progress-bar .progress-number, .p-progress-bar-container.transparent.title-up .progress-bar .progress-type, .progress-bar-container.transparent.title-up .p-progress-bar .progress-title, .progress-bar-container.transparent.title-up .p-progress-bar .progress-number, .progress-bar-container.transparent.title-up .p-progress-bar .progress-type, .progress-bar-container.transparent.title-up .progress-bar .progress-title, .progress-bar-container.transparent.title-up .progress-bar .progress-number, .progress-bar-container.transparent.title-up .progress-bar .progress-type {
	color: #fff
}

.pie-animated {
	opacity: 1
}

.pie-chart {
	display: inline-block;
	margin-bottom: 20px;
	margin-top: 50px;
	position: relative;
	text-align: center
}

.pie-chart canvas {
	position: absolute;
	top: 0;
	left: 0
}

.pie-chart span, .pie-chart i {
	display: inline-block;
	font-size: 28px;
	z-index: 2;
	font-weight: 600
}

.pie-chart i {
	font-size: 38px
}

.pie-chart span.percent:after {
	content: '%';
	margin-left: .1em;
	font-size: .8em
}

.pie-chart.transparent span, .pie-chart.transparent span.percent, .pie-chart.transparent i {
	color: #fff
}

hr {
	margin-bottom: 10px;
	margin-top: 10px;
	clear: both
}

hr.space {
	border: none;
	height: 50px
}

hr.space-xs {
	border: none;
	height: 20px
}

hr.space-md {
	border: none;
	height: 40px
}

hr.space-lg {
	border: none;
	height: 80px
}

hr.space-xlg {
	border: none;
	height: 120px
}

hr.space-xxlg {
	border: none;
	height: 200px
}

body.breakpoint-md hr.space {
	height: 26px
}

body.breakpoint-sm hr.space, body.breakpoint-xs hr.space {
	height: 16px
}

body.breakpoint-xs hr.space-lg, body.breakpoint-sm hr.space-lg {
	height: 40px
}

body.breakpoint-xs hr.space-xlg, body.breakpoint-sm hr.space-xlg {
	height: 40px
}

body.breakpoint-xs hr.space-xxlg, body.breakpoint-sm hr.space-xxlg {
	height: 80px
}

.seperator, .separator {
	color: #ccc;
	width: 100%;
	margin: 30px auto;
	overflow: hidden;
	text-align: center;
	line-height: 1.2em
}

.seperator-simple {
	margin: 14px auto
}

.seperator::before, .seperator::after, .separator::before, .separator::after {
	border-bottom: 1px solid #eee;
	content: "";
	display: inline-block;
	height: .65em;
	margin: 0 -4px 0 -100%;
	vertical-align: top;
	width: 50%
}

.seperator.seperator-dark::before, .seperator.seperator-dark::after, .separator.seperator-dark::before, .separator.seperator-dark::after {
	border-bottom: 1px solid #333 !important
}

.seperator.seperator-grey::before, .seperator.seperator-grey::after, .separator.seperator-grey::before, .separator.seperator-grey::after {
	border-bottom: 1px solid #ccc
}

.seperator.seperator-light::before, .seperator.seperator-light::after, .separator.seperator-light::before, .separator.seperator-light::after {
	border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.seperator::after, .separator::after {
	margin: 0 -100% 0 0
}

.seperator i, .separator i {
	font-size: 18px
}

.seperator i, .seperator span, .seperator a, .separator i, .separator span, .separator a {
	margin: 0 20px 0 24px;
	display: inline-block
}

.seperator.dotted:before, .seperator.dotted:after, .separator.dotted:before, .separator.dotted:after {
	border-bottom: 2px dotted #ccc
}

.seperator.seperator-left, .separator.seperator-left {
	float: left;
	margin: 2px 36px 0 0
}

.seperator.left i, .separator.left i {
	float: left;
	margin: 2px 36px 0 0
}

.seperator.right i, .separator.right i {
	float: right;
	margin: 0 0 2px 36px
}

.seperator.seperator-bold:before, .seperator.seperator-bold:after, .separator.seperator-bold:before, .separator.seperator-bold:after {
	border-bottom-width: 6px
}

.seperator.seperator-small, .separator.seperator-small {
	width: 10%;
	margin: 5px auto
}

.seperator.seperator-medium, .separator.seperator-medium {
	width: 20%;
	margin: 10px auto
}

.text-seperator {
	background-color: #111;
	display: block;
	height: 4px;
	margin: 20px 0
}

.text-seperator-small {
	width: 10%
}

.text-seperator-medium {
	width: 30%
}

.text-seperator-large {
	width: 60%
}

.seperator.seperator-image:before, .seperator.seperator-image:after, .separator.seperator-image:before, .separator.seperator-image:after {
	border: 0
}

.seperator.seperator-image, .separator.seperator-image {
	background-position: center center;
	background-repeat: repeat-x;
	margin: 0;
	padding: 0
}

.seperator.seperator-over-top, .separator.seperator-over-top {
	margin-bottom: -17px;
	position: relative;
	top: -13px !important
}

.triangle-divider-bottom {
	background-image: url(../images/triangle-divider-down.png);
	background-position: left center;
	background-repeat: repeat-x;
	bottom: 0;
	height: 12px;
	position: absolute;
	width: 100%
}

.triangle-divider-top {
	background-image: url(../images/triangle-divider-top.png);
	background-position: left center;
	background-repeat: repeat-x;
	top: 0;
	height: 12px;
	position: absolute;
	width: 100%
}

.spinners {
	position: relative
}

.spinners:before {
	content: '';
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	border-top: 2px solid #07d;
	border-right: 2px solid transparent;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-animation: spinner-rotate .6s linear infinite;
	-moz-animation: spinner-rotate .6s linear infinite;
	-ms-animation: spinner-rotate .6s linear infinite;
	-o-animation: spinner-rotate .6s linear infinite;
	animation: spinner-rotate .6s linear infinite;
	width: 1.4rem;
	height: 1.4rem;
	margin-top: -.7rem;
	margin-left: -.7rem;
	border-top-width: 2px;
	border-right-width: 2px
}

.spinners.spinners--xl:before {
	width: 2.6rem;
	height: 2.6rem;
	margin-top: -1.6rem;
	margin-left: -1.6rem;
	border-top-width: 5px;
	border-right-width: 5px
}

.spinners.spinners--lg:before {
	width: 2rem;
	height: 2rem;
	margin-top: -1rem;
	margin-left: -1rem;
	border-top-width: 3px;
	border-right-width: 3px
}

.spinners.spinners--sm:before {
	width: 1rem;
	height: 1rem;
	margin-top: -.5rem;
	margin-left: -.5rem;
	border-top-width: 1px;
	border-right-width: 1px
}

.spinners.spinners--right:before {
	left: auto;
	right: .7rem
}

.spinners.spinners--right.spinners--lg:before {
	right: 1rem
}

.spinners.spinners--right.spinners--sm:before {
	right: .5rem
}

.spinners.spinners--right.btn {
	padding-right: 3.1rem
}

.spinners.spinners--right.btn.spinners--lg {
	padding-right: 4.5rem
}

.spinners.spinners--right.btn.spinners--sm {
	padding-right: 2.25rem
}

.spinners.spinners--left:before {
	left: 1.4rem
}

.spinners.spinners--left.spinners--lg:before {
	left: 2rem
}

.spinners.spinners--left.spinners--sm:before {
	left: 1rem
}

.spinners.spinners--left.btn {
	padding-left: 3.1rem
}

.spinners.spinners--left.btn.spinners--lg {
	padding-left: 4.5rem
}

.spinners.spinners--left.btn.spinners--sm {
	padding-left: 2.25rem
}

.spinners:before {
	border-top-color: #dfe2ea
}

.spinners.spinners--skin-dark:before {
	border-top-color: #acafba
}

.spinners.spinners--brand:before {
	border-top-color: #716aca
}

.spinners.spinners--metal:before {
	border-top-color: #c4c5d6
}

.spinners.spinners--light:before {
	border-top-color: #fff
}

.spinners.spinners--accent:before {
	border-top-color: #00c5dc
}

.spinners.spinners--focus:before {
	border-top-color: #9816f4
}

.spinners.spinners--primary:before {
	border-top-color: #5867dd
}

.spinners.spinners--success:before {
	border-top-color: #34bfa3
}

.spinners.spinners--info:before {
	border-top-color: #36a3f7
}

.spinners.spinners--warning:before {
	border-top-color: #ffb822
}

.spinners.spinners--danger:before {
	border-top-color: #f4516c
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
	.spinners:before {
		animation: none !important
	}
}

@-webkit-keyframes spinner-rotate {
	to {
		transform: rotate(360deg)
	}
}

@-moz-keyframes spinner-rotate {
	to {
		transform: rotate(360deg)
	}
}

@-o-keyframes spinner-rotate {
	to {
		transform: rotate(360deg)
	}
}

@keyframes spinner-rotate {
	to {
		transform: rotate(360deg)
	}
}

.blockquote {
	border-left: 3px solid #2250fc;
	font-size: 20px;
	padding: 10px 20px;
	margin: 0 0 20px
}

.blockquote-reverse {
	padding-right: 15px;
	padding-left: 0;
	text-align: right;
	border-right: 5px solid #eee;
	border-left: 0
}

.blockquote-simple {
	border: 0 !important
}

.blockquote-fancy, .blockquote-color, .blockquote-dark {
	border: 0 !important
}

.blockquote-color {
	background-color: #2250fc
}

.blockquote-color small {
	color: #fff
}

.blockquote-fancy::before {
	color: rgba(0, 0, 0, .04);
	content: '"';
	display: block;
	font-size: 100px;
	left: 4px;
	position: absolute;
	top: 14px
}

.blockquote-fancy > small {
	float: right
}

.blockquote-dark {
	background-color: #333
}

.blockquote-color, .blockquote-dark {
	padding: 28px;
	color: #fff
}

.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: #0b0b0b;
	opacity: .8;
	filter: alpha(opacity=80)
}

.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1043;
	position: fixed;
	outline: none !important;
	-webkit-backface-visibility: hidden
}

.mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle
}

.mfp-align-top .mfp-container:before {
	display: none
}

.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto
}

.mfp-ajax-cur {
	cursor: progress
}

.mfp-zoom-out-cur {
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out
}

.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out
}

.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
	cursor: auto
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.mfp-loading.mfp-figure {
	display: none
}

.mfp-hide {
	display: none !important
}

.mfp-preloader {
	color: #ccc;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -.8em;
	left: 8px;
	right: 8px;
	z-index: 1044
}

.mfp-preloader a {
	color: #ccc
}

.mfp-preloader a:hover {
	color: #fff
}

.mfp-s-ready .mfp-preloader, .mfp-s-error .mfp-content {
	display: none
}

button.mfp-close, button.mfp-arrow {
	overflow: visible;
	cursor: pointer;
	background: 0 0;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: none;
	padding: 0;
	z-index: 1046;
	-webkit-box-shadow: none;
	box-shadow: none
}

button::-moz-focus-inner {
	padding: 0;
	border: 0
}

.mfp-close {
	width: 36px !important;
	height: 36px !important;
	cursor: pointer;
	line-height: 36px;
	position: absolute;
	right: 0;
	top: 0;
	text-decoration: none;
	text-align: center;
	opacity: .65;
	filter: alpha(opacity=65);
	padding: 0 0 18px 10px;
	color: #fff;
	font-style: normal;
	font-size: 22px
}

.mfp-close:hover, .mfp-close:focus {
	opacity: 1;
	filter: alpha(opacity=100)
}

.mfp-close:active {
	top: 1px
}

.mfp-close-btn-in .mfp-close {
	color: #a3a3a3;
	font-size: 37px;
	font-weight: 300;
	top: 5px;
	right: 5px
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
	color: #fff;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	width: 100%
}

.mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #ccc;
	font-size: 12px;
	line-height: 18px;
	white-space: nowrap
}

.mfp-arrow {
	position: absolute;
	opacity: .65;
	filter: alpha(opacity=65);
	margin: 0;
	top: 50%;
	margin-top: -55px;
	padding: 0;
	width: 90px;
	height: 110px;
	-webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
	margin-top: -54px
}

.mfp-arrow:hover, .mfp-arrow:focus {
	opacity: 1;
	filter: alpha(opacity=100)
}

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: medium inset transparent
}

.mfp-arrow:after, .mfp-arrow .mfp-a {
	border-top-width: 13px;
	border-bottom-width: 13px;
	top: 8px
}

.mfp-arrow:before, .mfp-arrow .mfp-b {
	border-top-width: 21px;
	border-bottom-width: 21px;
	opacity: .7
}

.mfp-arrow-left {
	left: 0
}

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
	border-right: 17px solid #fff;
	margin-left: 31px
}

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
	margin-left: 25px;
	border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
	right: 0
}

.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
	border-left: 17px solid #fff;
	margin-left: 39px
}

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
	border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	max-width: 900px
}

.mfp-iframe-holder .mfp-close {
	top: -40px
}

.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 8px rgba(0, 0, 0, .6);
	background: #000
}

img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 40px 0;
	margin: 0 auto
}

.mfp-figure {
	line-height: 0
}

.mfp-figure:after {
	content: '';
	position: absolute;
	left: 0;
	top: 40px;
	bottom: 40px;
	display: block;
	right: 0;
	width: auto;
	height: auto;
	z-index: -1;
	box-shadow: 0 0 8px rgba(0, 0, 0, .6);
	background: #444
}

.mfp-figure small {
	color: #bdbdbd;
	display: block;
	font-size: 12px;
	line-height: 14px
}

.mfp-figure figure {
	margin: 0
}

.mfp-bottom-bar {
	margin-top: -36px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto
}

.mfp-title {
	text-align: left;
	line-height: 18px;
	color: #f3f3f3;
	word-wrap: break-word;
	padding-right: 36px
}

.mfp-image-holder .mfp-content {
	max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
	.mfp-img-mobile .mfp-image-holder {
		padding-left: 0;
		padding-right: 0
	}

	.mfp-img-mobile img.mfp-img {
		padding: 0
	}

	.mfp-img-mobile .mfp-figure:after {
		top: 0;
		bottom: 0
	}

	.mfp-img-mobile .mfp-figure small {
		display: inline;
		margin-left: 5px
	}

	.mfp-img-mobile .mfp-bottom-bar {
		background: rgba(0, 0, 0, .6);
		bottom: 0;
		margin: 0;
		top: auto;
		padding: 3px 5px;
		position: fixed;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	.mfp-img-mobile .mfp-bottom-bar:empty {
		padding: 0
	}

	.mfp-img-mobile .mfp-counter {
		right: 5px;
		top: 3px
	}

	.mfp-img-mobile .mfp-close {
		top: 0;
		right: 0;
		width: 35px;
		height: 35px;
		line-height: 35px;
		background: rgba(0, 0, 0, .6);
		position: fixed;
		text-align: center;
		padding: 0
	}
}

@media all and (max-width: 900px) {
	.mfp-arrow {
		-webkit-transform: scale(.75);
		transform: scale(.75)
	}

	.mfp-arrow-left {
		-webkit-transform-origin: 0;
		transform-origin: 0
	}

	.mfp-arrow-right {
		-webkit-transform-origin: 100%;
		transform-origin: 100%
	}

	.mfp-container {
		padding-left: 6px;
		padding-right: 6px
	}
}

.mfp-ie7 .mfp-img {
	padding: 0
}

.mfp-ie7 .mfp-bottom-bar {
	width: 600px;
	left: 50%;
	margin-left: -300px;
	margin-top: 5px;
	padding-bottom: 5px
}

.mfp-ie7 .mfp-container {
	padding: 0
}

.mfp-ie7 .mfp-content {
	padding-top: 44px
}

.mfp-ie7 .mfp-close {
	top: 0;
	right: 0;
	padding-top: 0
}

.lightbox-open {
	position: relative;
	overflow: hidden !important
}

.mfp-ajax-holder .mfp-content {
	background: #f8f8f8;
	max-width: 1000px
}

.mfp-ajax-holder .ajax-quick-view {
	padding: 20px 30px 35px
}

.mfp-ajax-holder .ajax-quick-view .quick-view-title {
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
	position: relative
}

.mfp-ajax-holder .ajax-quick-view .quick-view-title h2 {
	font-weight: 600
}

.mfp-ajax-holder .mfp-close:hover {
	background: #2250fc;
	color: #fff
}

.portfolio-ajax-page iframe {
	width: 100%
}

.portfolio-ajax-page .col-lg-8 {
	margin-bottom: -6px !important
}

@media (max-width: 1024px) {
	.mfp-ajax-holder .mfp-close {
		margin-right: 0
	}

	.mfp-close {
		font-size: 22px;
		height: 30px;
		line-height: 32px;
		width: 30px
	}
}

.animated-dot {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #2250fc;
	position: relative;
	top: -10px;
	right: 8px
}

.animated-dot:before, .animated-dot:after {
	content: "";
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: #2250fc;
	position: absolute;
	bottom: 0;
	left: 0;
	margin: auto;
	transform: scale(.5);
	transform-origin: center center;
	animation: pulse-me 3s linear infinite
}

.animated-dot:after {
	animation-delay: 2.4s
}

@keyframes pulse-me {
	0% {
		transform: scale(.5);
		opacity: 0
	}
	50% {
		opacity: .1
	}
	70% {
		opacity: .09
	}
	100% {
		transform: scale(16);
		opacity: 0
	}
}

.call-to-action {
	position: relative;
	overflow: hidden;
	padding: 46px 50px 34px;
	margin-bottom: 40px
}

.call-to-action .container {
	position: relative
}

.call-to-action h3 {
	margin-top: 10px;
	font-weight: 600;
	margin-bottom: 10px
}

.call-to-action p {
	margin-top: 0
}

.call-to-action a.btn {
	margin-top: 20px
}

.call-to-action.call-to-action-border {
	background: #fff;
	border: 1px solid #eee
}

.call-to-action.call-to-action-colored {
	background-color: #2250fc
}

.call-to-action.call-to-action-colored h3, .call-to-action.call-to-action-colored p {
	color: #fff
}

.call-to-action.call-to-action-colored h3 span {
	color: #fff !important
}

.call-to-action.call-to-action-dark {
	background-color: #1f1f1f
}

.call-to-action.call-to-action-dark h3, .call-to-action.call-to-action-dark p {
	color: #fff
}

.call-to-action.cta-center {
	text-align: center
}

.call-to-action.cta-center [class*=col-] {
	width: 100%;
	max-width: 100%;
	flex: none;
	clear: both;
	display: block
}

.call-to-action.cta-right {
	text-align: right
}

.call-to-action.cta-right [class*=col-]:first-child {
	float: right
}

@media (max-width: 1024px) {
	.call-to-action {
		padding: 26px 12px 18px
	}

	[class*=col-] > .call-to-action {
		padding: 26px 26px 18px
	}
}

.popover {
	border: 1px solid #e6e8eb;
	border-radius: 6px;
	box-shadow: 0 6px 38px rgba(0, 0, 0, .05)
}

.popover-header {
	padding: 18px 20px;
	background-color: transparent;
	border-bottom: 1px solid #e6e8eb;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	margin-bottom: 0 !important
}

.popover-body {
	padding: 18px 20px;
	color: #484848;
	font-size: .9rem
}

a[data-toggle] {
	color: #484848
}

.tooltip.left .tooltip-arrow {
	right: 1px
}

.tooltip-inner {
	white-space: pre-wrap
}

.modal .modal-content .modal-header {
	display: block
}

.modal .modal-content .modal-header .modal-title {
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 0
}

.modal-header .close {
	position: absolute;
	right: 20px;
	top: 14px;
	font-weight: 100
}

.modal-title {
	display: block;
	font-size: 28px;
	line-height: 28px;
	font-weight: 400;
	margin-bottom: 20px
}

.modal p {
	font-size: 15px;
	line-height: 26px;
	margin-top: 0;
	margin-bottom: 13px;
	font-weight: 300
}

.modal-strip {
	background-color: #000;
	bottom: 0;
	color: #fff;
	left: 0;
	padding: 20px;
	position: fixed;
	width: 100%;
	display: inline-block;
	transform: translate3d(0px, 200px, 0px);
	transition: all .7s ease 0s;
	z-index: 999 !important
}

.modal-strip .btn, .modal-strip h5, .modal-strip h4, .modal-strip h3, .modal-strip h2, .modal-strip h1 {
	margin-bottom: 0 !important
}

.modal-strip a, .modal-strip a:hover, .modal-strip a:active, .modal-strip a:visited {
	color: #fff;
	text-decoration: underline
}

.modal-strip.modal-top {
	bottom: auto;
	top: 0;
	transform: translate3d(0px, -200px, 0px)
}

.modal-strip.modal-left {
	bottom: auto;
	top: auto;
	left: 0;
	right: auto;
	width: 30%;
	transform: none
}

.modal-strip.modal-right {
	transform: translate3d(0px, 0px, 0px);
	bottom: auto;
	top: 0
}

.modal-strip.modal-active {
	transform: translate3d(0px, 0px, 0px)
}

@media (max-width: 1024px) {
	.modal-strip.modal-active .vertical-align {
		top: 0 !important;
		transform: translateY(0px) !important
	}
}

.mfp-zoom-out .mfp-content {
	opacity: 0;
	transition: all .3s ease-in-out;
	transform: scale(1.3)
}

.mfp-zoom-out.mfp-bg {
	opacity: 0;
	transition: all .3s ease-out
}

.mfp-zoom-out.mfp-ready .mfp-content {
	opacity: 1;
	transform: scale(1)
}

.mfp-zoom-out.mfp-ready.mfp-bg {
	opacity: .8
}

.mfp-zoom-out.mfp-removing .mfp-content {
	transform: scale(1.3);
	opacity: 0
}

.mfp-zoom-out.mfp-removing.mfp-bg {
	opacity: 0
}

.mfp-ready .modal {
	background: #fff;
	border-radius: 4px;
	display: block;
	margin: 0 auto;
	max-width: 580px;
	padding: 40px;
	position: relative;
	z-index: 1050
}

.modal .video-wrap video, .modal .iframe-wrap iframe, .modal .audio-wrap audio {
	width: 100%
}

.modal iframe {
	margin-bottom: -10px
}

.dark .mfp-bg {
	background-color: #181818
}

.dark .mfp-ready .modal {
	background-color: #181818
}

.dark .modal-content {
	background-color: #181818
}

.dark .modal-header {
	border-bottom-color: #444
}

.dark .modal-footer {
	border-top-color: #444
}

.client-logo {
	position: relative
}

.client-logo a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .9;
	transition: all .3s ease
}

.client-logo a > img {
	width: 100%;
	height: auto
}

.client-logo a:hover {
	opacity: 1
}

.grid li {
	-webkit-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
	opacity: .9
}

.clients-carousel a {
	-webkit-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
	opacity: .9
}

.clients-carousel a img {
	-webkit-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
	opacity: .9
}

.parallax .clients-carousel a {
	opacity: 1
}

.grid li:hover {
	opacity: 1;
	cursor: pointer
}

.clients-carousel a:hover {
	opacity: 1;
	cursor: pointer
}

.clients-carousel a:hover img {
	opacity: 1;
	cursor: pointer
}

.client-carousel .polo-carousel-item img, .clients-logo .polo-carousel-item img {
	padding: 20px
}

.grid {
	padding: 0;
	list-style: none;
	overflow: hidden
}

.grid li {
	float: left;
	position: relative;
	width: 20%;
	padding: 40px
}

.grid.grid-2-columns li, .grid.grid-2-columns figure {
	width: 50%
}

.grid.grid-3-columns li, .grid.grid-3-columns figure {
	width: 33.333333%
}

.grid.grid-4-columns li, .grid.grid-4-columns figure {
	width: 25%
}

.grid.grid-5-columns li, .grid.grid-5-columns figure {
	width: 20%
}

.grid.grid-6-columns li, .grid.grid-6-columns figure {
	width: 16.6666666%
}

.grid li:hover {
	cursor: pointer;
	background-color: #f8f8f8
}

.grid li a, .grid li img {
	display: block;
	width: 100%;
	margin-left: auto;
	margin-right: auto
}

.grid li a img {
	width: 100%
}

.grid li:before, .grid li:after {
	content: '';
	position: absolute
}

.grid li:before {
	height: 100%;
	top: 0;
	left: -1px;
	border-left: 1px solid #eee
}

.grid li:after {
	width: 100%;
	height: 0;
	top: auto;
	left: 0;
	bottom: -1px;
	border-bottom: 1px solid #eee
}

.grid.clients-grey {
	border: 1px solid #ddd
}

.grid.clients-grey li {
	background-color: #eee
}

.grid.clients-grey li:before {
	border-left: 1px solid #ccc
}

.grid.clients-grey li:after {
	border-bottom: 1px solid #ccc
}

.grid.clients-border {
	border-width: 10px
}

.carousel-description-clients .flickity-page-dots {
	bottom: -40px !important
}

body.breakpoint-md .carousel-description-clients .flickity-button, body.breakpoint-xs .carousel-description-clients .flickity-button {
	display: none
}

body.breakpoint-md .grid li, body.breakpoint-sm .grid li {
	width: 33.33%
}

body.breakpoint-xs .grid li {
	width: 50%
}

.client-logos .polo-carousel-item {
	padding: 20px 30px
}

.pricing-table {
	padding-top: 50px;
	margin: 0;
	padding: 0;
	cursor: pointer
}

.pricing-table .plan {
	margin-bottom: 60px;
	transition: all .3s ease
}

.pricing-table .plan:hover {
	margin-top: -10px;
	box-shadow: 0 0 20px rgba(0, 0, 0, .1)
}

.pricing-table .plan .plan-header {
	position: relative;
	background-color: #fff;
	padding: 40px 22px 22px;
	text-align: center
}

.pricing-table .plan .plan-header {
	border-width: 1px;
	position: relative;
	text-align: center
}

.pricing-table .plan .plan-header .plan-price {
	font-size: 70px;
	font-weight: 600;
	position: relative;
	text-align: center;
	padding: 20px 0
}

.pricing-table .plan .plan-header .plan-price sup {
	font-size: 24px;
	position: relative;
	top: -30px;
	color: #bdc3c7
}

.pricing-table .plan .plan-header .plan-price span {
	font-size: 16px;
	color: #bdc3c7
}

.pricing-table .plan-header > h4 {
	margin-bottom: 0
}

.pricing-table .plan-list {
	background-color: #fff;
	border-width: 0 1px 1px;
	padding: 20px 0 40px
}

.pricing-table .plan-list ul {
	display: table;
	margin: 0 auto;
	padding: 0 40px
}

.pricing-table .plan-list ul li {
	list-style: none;
	border-bottom: 1px solid #eaeceb;
	line-height: 42px
}

.pricing-table .plan-list ul li:last-child {
	border: none
}

.pricing-table .plan-list ul li i {
	margin-right: 12px
}

.pricing-table .plan-list ul li span {
	color: #34495e
}

.pricing-table .plan-list .plan-button {
	margin-top: 20px !important;
	text-align: center
}

.pricing-table .plan.featured {
	box-shadow: 0 0 20px rgba(0, 0, 0, .1);
	margin-top: -30px;
	padding-bottom: 0
}

.pricing-table .plan.featured .plan-list {
	padding: 20px 0 40px
}

.pricing-table .plan .plan-featured-item {
	background-color: #f8f8f8;
	border: 1px solid #e3e3e3 !important;
	font-weight: 600;
	margin-top: 21px;
	padding: 0 20px
}

.pricing-table .plan .btn, .plan .button {
	margin: 0
}

.pricing-table.colored .plan-header {
	background-color: #2250fc;
	border-color: rgba(0, 0, 0, .05);
	color: #fff
}

.pricing-table.colored .text-muted {
	color: #fff !important
}

.pricing-table.colored .plan-header h4, .pricing-table.colored .plan-header .plan-price sup, .pricing-table.colored .plan-header .plan-price span {
	color: #fff
}

.pricing-table.transparent .plan-header, .pricing-table.transparent .plan-list {
	background-color: rgba(0, 0, 0, .4);
	border-color: rgba(0, 0, 0, .6)
}

.pricing-table.transparent .plan-list ul li {
	border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.pricing-table .plan .plan-featured-item {
	background-color: transparent
}

.section-grey .pricing-table .plan-list {
	background-color: #f8f8f8
}

section .pricing-table.full-width {
	padding-left: 30px;
	padding-right: 30px
}

body.breakpoint-xl .pricing-table .col-lg-2, body.breakpoint-lg .pricing-table .col-lg-2 {
	width: 20%
}

body.breakpoint-xl .pricing-table .col-lg-2 .plan-list ul li, body.breakpoint-lg .pricing-table .col-lg-2 .plan-list ul li {
	font-size: 13px
}

.dark .table, .table.dark {
	color: #999
}

.testimonial .testimonial-item {
	border: 1px solid #eee;
	background-color: #fff;
	padding: 46px;
	text-align: center;
	margin-bottom: 20px;
	width: 100%
}

.testimonial .testimonial-item > img {
	border-radius: 50%;
	display: block;
	float: none;
	height: 72px;
	margin: 0 auto 10px;
	width: 72px
}

.testimonial .testimonial-item > p {
	font-size: 15px;
	line-height: 22px;
	margin-bottom: 0;
	padding-bottom: 20px;
	font-weight: 400;
	margin-top: 10px
}

.testimonial .testimonial-item > span {
	font-weight: 600;
	font-size: 15px;
	display: block;
	line-height: 22px
}

.testimonial .testimonial-item > span ~ span {
	font-weight: 500;
	color: #bbb;
	display: block;
	font-size: 13px;
	font-style: italic
}

.testimonial.testimonial-box .testimonial-item {
	padding: 46px;
	background-color: #fff;
	border-radius: 8px
}

.testimonial.testimonial-box .testimonial-item p {
	font-size: 14px
}

.testimonial.testimonial-single .testimonial-item {
	padding: 30px 80px;
	background-color: transparent;
	border: 0
}

.testimonial.testimonial-single .testimonial-item > img {
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, .06)
}

.testimonial.testimonial-single .testimonial-item p {
	font-size: 20px
}

.testimonial.testimonial-left .testimonial-item {
	text-align: left
}

.testimonial.testimonial-left .testimonial-item > img {
	display: inherit;
	float: left;
	margin: 0 0 40px;
	height: 160px;
	width: 160px
}

.testimonial.testimonial-left .testimonial-item > p, .testimonial.testimonial-left .testimonial-item > span {
	margin-left: 220px
}

.testimonial.testimonial-blockquote .testimonial-item > p {
	font-style: italic;
	font-size: 24px;
	line-height: 32px;
	padding: 30px 10px
}

[data-arrows=false].testimonial-single.testimonial-blockquote .testimonial-item {
	padding: 0 !important
}

[data-arrows=false].testimonial-single.testimonial-blockquote .testimonial-item > p {
	padding: 10px !important
}

.widget .testimonial .testimonial-item {
	text-align: left;
	padding: 0
}

.widget .testimonial .testimonial-item > img {
	display: inherit;
	float: left;
	margin: 0 0 40px;
	height: 48px;
	width: 48px
}

.widget .testimonial .testimonial-item > p {
	font-size: 15px;
	padding-bottom: 14px
}

.widget .testimonial .testimonial-item > p, .widget .testimonial .testimonial-item > span {
	margin-left: 68px
}

.widget .testimonial .testimonial-item > span {
	font-size: 13px
}

@media (max-width: 1024px) {
	.testimonial.testimonial-left .testimonial-item {
		text-align: left
	}

	.testimonial.testimonial-left .testimonial-item > img {
		display: inherit;
		float: none;
		margin: 20px auto;
		height: 80px;
		width: 80px
	}

	.testimonial.testimonial-left .testimonial-item > p, .testimonial.testimonial-left .testimonial-item > span {
		margin-left: 0;
		text-align: center
	}

	.testimonial.testimonial-single .testimonial-item {
		padding: 10px 20px
	}

	.testimonial.testimonial-single .testimonial-item > img {
		box-shadow: 0 0 15px 0 rgba(0, 0, 0, .06)
	}

	.testimonial.testimonial-single .testimonial-item p {
		font-size: 14px
	}
}

.timeline {
	list-style-type: none;
	position: relative
}

.timeline:before {
	content: '';
	position: absolute;
	left: 16px;
	height: 100%;
	z-index: 2;
	top: 0;
	bottom: 0;
	border-left: 3px dashed #e3e6f0
}

.timeline .timeline-item {
	margin: 3rem 2rem 3rem 5rem
}

.timeline .timeline-item > h4 {
	margin-bottom: 0
}

.timeline .timeline-item .timeline-item-date {
	font-size: .9rem;
	margin-bottom: 30px
}

.timeline .timeline-item .timeline-item-image {
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 30px
}

.timeline .timeline-item .timeline-item-image img {
	width: 100%;
	height: auto
}

.timeline .timeline-item .timeline-icon {
	background-color: #2250fc;
	position: absolute;
	border-radius: 50%;
	left: 0;
	width: 34px;
	height: 34px;
	z-index: 3;
	color: #fff;
	text-align: center;
	padding: 5px;
	font-size: 18px
}

.timeline .timeline-item .timeline-icon i {
	margin-top: 1px
}

#youtube-background-controls {
	display: none
}

.youtube-background {
	background-color: #181818
}

.ytplayer-container {
	background-color: #181818;
	position: absolute;
	z-index: -2;
	transform: scale(1.2)
}

.background-video {
	background-color: #181818;
	background-position: top center;
	background-repeat: no-repeat;
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: fixed;
	right: 0;
	top: 0
}

.background-video video, .background-video source {
	bottom: 0;
	left: 0;
	min-height: 100%;
	min-width: 100%;
	position: absolute
}

.loaded .ytplayer-container {
	display: block
}

.loaded .placeholder-image {
	opacity: 0
}

.ytplayer-container {
	bottom: 0;
	height: 100%;
	left: 0;
	min-width: 100%;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0
}

.placeholder-image {
	height: 100%;
	left: 0;
	min-height: 100%;
	min-width: 100%;
	position: fixed;
	top: 0;
	z-index: 1
}

.ytplayer-shield {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2
}

.ytplayer-player {
	position: absolute
}

.html5vid {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: -1;
	opacity: 0;
	transition: opacity .5s linear
}

.html5vid:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
	background-color: #181818
}

.html5vid video {
	border: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	opacity: 1
}

.html5vid.video-loaded {
	opacity: 1
}

video {
	width: 100%
}

.bg-overlay {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	content: ' ';
	z-index: 0;
	background: rgba(0, 0, 0, .59);
	opacity: .5
}

.bg-overlay[data-style="1"] {
	background: #fff
}

.bg-overlay[data-style="2"] {
	background: #2250fc;
	opacity: .9
}

.bg-overlay[data-style="3"] {
	background: linear-gradient(140deg, #7c1bd6 0%, #31049b 100%);
	opacity: .9
}

.bg-overlay[data-style="4"] {
	background: linear-gradient(140deg, rgba(236, 0, 83, 0.979) 0%, rgba(231, 46, 0, 0.71) 100%);
	opacity: .9
}

.bg-overlay[data-style="5"] {
	background: radial-gradient(circle at left top, #09c8e6 20%, #2250fc 38%, #5839e4 66%);
	opacity: .9
}

.bg-overlay[data-style="6"] {
	background: radial-gradient(circle at left top, #FE68BB 38%, #4294FA 66%);
	opacity: .9
}

.bg-overlay[data-style="7"] {
	background: radial-gradient(circle at right top, #c4d622 20%, #93d839 38%, #4294FA 66%);
	opacity: .9
}

.bg-overlay[data-style="8"] {
	background: linear-gradient(180deg, #e02b20 0%, #720462 100%);
	opacity: .9
}

.bg-overlay[data-style="9"] {
	background: radial-gradient(circle at center, #00a6c0 0%, #0c71c3 100%);
	opacity: .9
}

.bg-overlay[data-style="10"] {
	background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.99) 100%);
	opacity: 1
}

.bg-overlay[data-style="11"] {
	background: linear-gradient(90deg, #0090f0 0%, #5d08e6 100%);
	opacity: .9
}

.bg-overlay[data-style="12"] {
	background: linear-gradient(to bottom, #ba01ff 0, #ff0092 100%);
	opacity: .8
}

.bg-overlay ~ .container, .bg-overlay ~ .container-fluid {
	position: relative;
	z-index: 2
}

.box-fancy > .container {
	padding: 0 30px
}

.box-fancy [class*=col-] {
	padding: 5% !important
}

.box-fancy.fancy-box-over {
	top: -100px
}

body.breakpoint-xs .box-fancy [class*=col-] {
	padding: 10% !important
}

.over-slider-top {
	top: -100px
}

.site-map i {
	margin-right: 8px
}

.site-map ul li {
	padding-bottom: 2px
}

.animated.rounded {
	animation-fill-mode: none
}

.animated.infinite {
	animation-duration: 3s;
	animation-fill-mode: both
}

[data-animate] {
	opacity: 0
}

[data-animate].visible {
	opacity: 1
}

.icon[data-animate] {
	opacity: 1
}

.rateit, .rateit-font .rateit-range {
	overflow: hidden !important
}

.rateit, .rateit-font .rateit-range > div, .rateit > div {
	cursor: pointer !important
}

.rateit-selected {
	color: #ffc400 !important
}

.rateit-reset {
	display: none !important
}

#page-title[data-bg-parallax], [data-bg-parallax] {
	background-color: #181818
}

.parallax-container {
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-size: cover !important;
	background-position: center center;
	width: 100%;
	height: 100%;
	z-index: -100;
	opacity: 0;
	transition: opacity .5s linear
}

.parallax-container.parallax-responsive {
	background-size: cover !important;
	background-attachment: scroll !important;
	background-position: center center !important
}

.img-loaded {
	opacity: 1
}

[data-bg-image] {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center
}

[data-bg-image]::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
	background-color: #181818;
	transition: opacity .5s linear
}

[data-bg-image].bg-loaded::before {
	opacity: 0
}

body[data-bg-image] {
	background-attachment: fixed;
	background-position: top center
}

.shape-divider {
	position: absolute;
	width: 100%;
	z-index: 0;
	bottom: 0;
	left: 0;
	pointer-events: none;
	display: block
}

.shape-divider svg {
	width: 101%;
	height: 100%;
	left: 50%;
	position: absolute;
	transform: translatex(-50%);
	bottom: -2px
}

.shape-divider[data-position=bottom] {
	bottom: -2px;
	top: auto
}

.shape-divider[data-position=top] {
	bottom: auto;
	top: -2px
}

.shape-divider[data-flip-horizontal=true] {
	transform: rotateY(180deg)
}

.shape-divider[data-flip-vertical=true] {
	transform: rotateX(180deg)
}

.shape-divider[data-flip-horizontal=true][data-flip-vertical=true] {
	transform: rotateY(180deg) rotateX(180deg)
}

.wizard {
	opacity: 0;
	position: relative;
	width: 100%;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: opacity .3s linear;
	transition-delay: .2s
}

.wizard > .steps {
	position: relative;
	display: block;
	width: 100%;
	margin-bottom: 1rem
}

.wizard > .steps ul {
	position: relative;
	z-index: 1;
	display: flex
}

.wizard > .steps ul li {
	display: inline;
	margin-right: 6px
}

.wizard > .steps ul li:last-child {
	margin-right: 0
}

.wizard > .steps ul li > a {
	background: #f8f9fa;
	color: #9896a6;
	border-radius: 5px;
	display: inline-block;
	padding: 1rem
}

.wizard > .steps ul li > a .number {
	margin-right: 4px;
	font-size: 1.429rem
}

.wizard > .steps ul li > a .number::after {
	content: ".";
	right: 0
}

.wizard > .steps ul li > a:hover, .wizard > .steps ul li > a:active {
	background: #2250fc;
	color: #fff
}

.wizard > .steps ul li.current a, .wizard > .steps ul li.current a:hover, .wizard > .steps ul li.current a:active {
	background: #2250fc;
	color: #fff
}

.wizard > .steps ul li.error a, .wizard > .steps ul li.error a:hover, .wizard > .steps ul li.error a:active {
	background: #ce041c;
	color: #fff
}

.wizard > .steps ul li.disabled a, .wizard > .steps ul li.disabled a:hover, .wizard > .steps ul li.disabled a:active {
	background: #f8f9fa;
	color: #9896a6;
	cursor: not-allowed;
	opacity: .7
}

.wizard .content {
	min-height: 320px;
	padding-top: 30px
}

.wizard .content > .body {
	width: 100%;
	height: auto;
	position: absolute
}

.wizard .content > .body.current {
	position: relative
}

.wizard .actions {
	border-top: 1px solid #e6e8eb;
	padding-top: 20px
}

.wizard .actions > ul {
	display: inline-block;
	float: right
}

.wizard .actions > ul > li {
	display: inline;
	float: left;
	margin-left: 1rem
}

.wizard[data-style="1"] > .steps ul {
	flex-direction: row;
	justify-content: space-between;
	margin: 0 5rem
}

.wizard[data-style="1"] > .steps ul li::after {
	content: "";
	position: absolute;
	top: 2.1rem;
	left: 0;
	right: 0;
	z-index: -1;
	border: 1px dashed #e6e8eb
}

.wizard[data-style="1"] > .steps ul li > a {
	text-align: center;
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
	padding: 1.2rem
}

.wizard[data-style="1"] > .steps ul li > a .title {
	display: none
}

.wizard[data-style="1"] > .steps ul li > a .number {
	margin-right: 0
}

.wizard[data-style="1"] > .steps ul li > a .number::after {
	content: ""
}

.wizard[data-style="2"] > .steps ul {
	padding-top: 26px
}

.wizard[data-style="2"] > .steps ul li > a {
	width: 100px;
	height: 7px;
	border-radius: 3.5px;
	padding: 0
}

.wizard[data-style="2"] > .steps ul li > a .title, .wizard[data-style="2"] > .steps ul li > a .number {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	color: #1f1f1f;
	font-weight: 600
}

.wizard[data-style="2"] > .steps ul li:not(.current) a {
	background-color: #e9ecef
}

.wizard[data-style="2"] > .steps ul li.current a .title {
	font-size: 20px;
	display: block
}

.wizard[data-orientation=vertical] {
	flex-direction: row;
	flex-wrap: wrap
}

.wizard[data-orientation=vertical] > .steps {
	flex: 1;
	width: 30%;
	padding-right: 30px
}

.wizard[data-orientation=vertical] > .steps ul {
	display: block
}

.wizard[data-orientation=vertical] > .steps ul li {
	width: 100%;
	margin-right: 0
}

.wizard[data-orientation=vertical] > .steps ul li > a {
	width: 100%;
	margin-bottom: 10px
}

.wizard[data-orientation=vertical] .content {
	padding-top: 0;
	width: 70%
}

.wizard[data-orientation=vertical] .actions {
	width: 100%
}

.wizard[data-orientation=vertical][data-style="1"] > .steps ul {
	margin: 0
}

.wizard[data-orientation=vertical][data-style="1"] > .steps ul li {
	position: relative;
	padding-bottom: 20px
}

.wizard[data-orientation=vertical][data-style="1"] > .steps ul li::after {
	height: 100%;
	left: 1.8rem;
	top: 0;
	bottom: 0;
	border: 0;
	border-left: 1px dashed #e6e8eb
}

.wizard[data-orientation=vertical][data-style="1"] > .steps ul li > a {
	padding: 0;
	text-align: left;
	width: 100%;
	height: auto;
	border-radius: none;
	background-color: transparent
}

.wizard[data-orientation=vertical][data-style="1"] > .steps ul li > a .title {
	display: block;
	color: #9896a6;
	padding: 1.2rem 0
}

.wizard[data-orientation=vertical][data-style="1"] > .steps ul li > a .number {
	text-align: center;
	width: 3.5rem;
	height: 3.5rem;
	border-radius: 50%;
	padding: .6em;
	background: #f8f9fa;
	color: #9896a6;
	margin-right: 10px;
	float: left
}

.wizard[data-orientation=vertical][data-style="1"] > .steps ul li > a .number::after {
	content: ""
}

.wizard[data-orientation=vertical][data-style="1"] > .steps ul li:hover a .number, .wizard[data-orientation=vertical][data-style="1"] > .steps ul li:active a .number {
	background: #2250fc;
	color: #fff
}

.wizard[data-orientation=vertical][data-style="1"] > .steps ul li.current a .number, .wizard[data-orientation=vertical][data-style="1"] > .steps ul li.current a:hover .number, .wizard[data-orientation=vertical][data-style="1"] > .steps ul li.current a:active .number {
	background: #2250fc;
	color: #fff
}

.wizard[data-orientation=vertical][data-style="1"] > .steps ul li.error a .number, .wizard[data-orientation=vertical][data-style="1"] > .steps ul li.error a:hover .number, .wizard[data-orientation=vertical][data-style="1"] > .steps ul li.error a:active .number {
	background: #ce041c;
	color: #fff
}

.wizard[data-orientation=vertical][data-style="1"] > .steps ul li.disabled a .number, .wizard[data-orientation=vertical][data-style="1"] > .steps ul li.disabled a:hover .number, .wizard[data-orientation=vertical][data-style="1"] > .steps ul li.disabled a:active .number {
	background: #f8f9fa;
	color: #9896a6;
	cursor: not-allowed;
	opacity: .7
}

.wizard.clearfix {
	opacity: 1
}

.wizard > .steps .current-info, .tabcontrol > .steps .current-info, .wizard > .content > .title, .tabcontrol > .content > .title {
	position: absolute;
	left: -999em
}

@media (max-width: 576px) {
	.wizard > .steps ul {
		flex-direction: column
	}

	.wizard > .steps ul li {
		flex: 1;
		margin-bottom: 10px
	}
}

.card .card-body .wizard {
	padding: 1rem
}

.p-hover-shadow {
	transition: ease .3s box-shadow, ease .3s transform;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
	transform: translateY(0)
}

.p-hover-shadow:hover {
	box-shadow: 18px 14px 27px 0 rgba(0, 0, 0, .1);
	transform: translateY(-3px);
	border: 1px solid #ebedef
}

.kenburns-bg {
	background-position: 50% 20%;
	background-repeat: repeat-y;
	background-size: cover;
	height: 100%;
	position: absolute;
	top: 0;
	vertical-align: middle;
	width: 100%;
	z-index: -1;
	transform: scale(1);
	transition: 14s transform ease
}

.kenburns-bg.kenburns-bg-animate {
	transform: translate3d(0, 0, 0) scale(1.2)
}

.zoom-out {
	animation-name: zoom-out;
	transform: scale(1);
	opacity: 1
}

@-webkit-keyframes zoom-out {
	0% {
		opacity: .1
	}
	100% {
		opacity: 1
	}
}

@-moz-keyframes zoom-out {
	0% {
		opacity: .1
	}
	100% {
		opacity: 1
	}
}

@-o-keyframes zoom-out {
	0% {
		opacity: .1
	}
	100% {
		opacity: 1
	}
}

@keyframes zoom-out {
	0% {
		transform: scale(1.5);
		opacity: .1
	}
	100% {
		transform: scale(1);
		opacity: 1
	}
}