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

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

	a{ color: #0c52a1; }
	a:hover { color: #222; }
	::selection {
		background: #0c52a1;
		color: #FFF;
		text-shadow: none;
	}
	h1 > span:not(.nocolor):not(.badge), h2 > span:not(.nocolor):not(.badge), h3 > span:not(.nocolor):not(.badge), h4 > span:not(.nocolor):not(.badge), h5 > span:not(.nocolor):not(.badge), h6 > span:not(.nocolor):not(.badge),.entry-title h2 a:hover, .entry-title h3 a:hover, .entry-title h4 a:hover {
    color: #0c52a1;
}

.content-wrap {margin-top:20px;}

	/* UTILITIES */
		.text-shadow { text-shadow: 1px 1px 2px #333; }
		.text-shadow-lg { text-shadow: 3px 3px 4px #333; }
		.bottom-shadow { box-shadow: 0 8px 6px -6px black; }
		.ta-header-block {
		    margin-bottom: 0;
		    font-weight: 700;
		    text-transform: uppercase;
		    letter-spacing: 1px;
		    color: #333;
		    line-height: 1.5;
		    margin: 0 0 30px 0;
		    font-size: 30px;
		    font-family: 'Raleway', sans-serif;
		}
		.ta-header-block > span:not(.nocolor) {
		    color: #0c52a1;
		}

		.fancy-title h3 span { color:#0c52a1; }

		.blue { color:#0c52a1; }

		.subpage-wrapper { margin-top: 95px; }

	/* HEADER NAV */
		#header.transparent-header.full-header.dark #logo, .full-header .primary-menu .menu-container, #header.full-header.dark {
		    border: none;
		}
		#header .menu-link {
			text-align:center;
/*			padding: 0 1em;*/
		}

		.primary-menu { width: 80% }

		@media (max-width: 1270px){
			.header-size-md #header-wrap #logo img {
			    height: 60px;
			}
			#header .menu-item a {
			    font-size: 0.7525rem;
			}
		}



		#header .menu-item a { transition: all 1s ease;}
/*		#header #menu-item-1{ padding-top: 41px;padding-bottom: 41px; }*/
		#header #menu-item-1 a:hover, #header #menu-item-1:hover, #menu-item-1.active { background-color:#000099; color:#FFF; }
		#header #menu-item-2 a:hover, #header #menu-item-2:hover, #menu-item-2.active { background-color:#0c52a1; color:#FFF; }
		#header #menu-item-3 a:hover, #header #menu-item-3:hover, #menu-item-3.active { background-color:#00CCCC; color:#FFF; }
		#header #menu-item-4 a:hover, #header #menu-item-4:hover, #menu-item-4.active { background-color:#006666; color:#FFF; }
		#header #menu-item-5 a:hover, #header #menu-item-5:hover, #menu-item-5.active { background-color:#006632; color:#FFF; }



	/* HOME SLIDER */
	/* SLIDER CAPTIONS */

		.slider-caption h1 {
		    font-size: 64px;
		    letter-spacing: 2px;
		    text-transform: uppercase;
		    font-weight: 700;
		    line-height: 1;
		    margin-bottom: 10px;
		    margin-top:500px;
		}
		.slider-caption.slider-caption-center {
			max-width: 100%;
		    text-shadow: 0px 0px 15px rgb(0 0 0);
		}
		.slider-caption p {
		    margin-bottom: 10px;
		    font-size: 24px;
		    background: #0c52a1;
		    text-shadow: none !important;
		}



		/* SUBPAGE SLIDER */
		.carousel-caption {
			  font-size: 64px;
		    letter-spacing: 2px;
		    text-transform: uppercase;
		    font-weight: 700;
		    line-height: 1;

		  }

	/* TRINITY CARD */
		.ta-trinity-card {
			background-color:#FFF !important;
		}

		.ta-btn { text-transform:uppercase; }
		#ta-btn-lets-connect h2, #contactFormModalLabel h2{ color:#FFF!important; }
		.ta-btn, .ta-btn h2 { margin-bottom:0px; color:#FFF!important; }


	/* PORTFOLIO */
		/*.portfolio-home { width:90% !important;margin:0 auto; }*/
		.portfolio-sub { width:100% !important; }
		.portfolio-desc h3 a, .portfolio-desc h3 {
			color: #0c52a1;
		}

		.portfolio-desc h3 a:hover {
			color: #0c52a1;
		}

		.portfolio-sub .portfolio-item { border: 3px solid #fff !important; }

/* video popup width */
.mfp-iframe-holder .mfp-content {
    max-width: 1200px;
}

/* SUBPAGE CAROUSELS */

/*#subpage-carousel {background-color: #000;}*/

			#portfolio-image-0 {border-top:2px solid white;}
/*			#portfolio-image-1,
			#portfolio-image-2,
			#portfolio-image-3 { opacity: .7 }*/

				.carousel-caption h1 {
						font-size:4rem;
				    color: #FFF;
				    margin-bottom:0;
				    text-shadow: 0px 0px 15px rgb(0 0 0);
				}
				.carousel-caption p {
		    	margin-bottom: 10px;
			    font-size: 1.3rem;
			    color:#FFF;
			    font-weight:lighter;
		}
		.carousel-caption {
		    bottom: 6.25rem;
		}
.overlay-trigger-icon {
    width: 60px !important;
    height: 60px !important;
     font-size: 1.525rem;
	line-height: 60px;
}

/*.overlay-trigger-icon {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 0 0.25rem;
    font-size: 1.125rem;
    text-align: center;
    border-radius: 50%;
    -webkit-backface-visibility: hidden;
    transition: all .3s ease;
}*/

.icon-comment { color: #2B68CC!important; }
.icon-play { color:#FAC10F!important; }
#portfolio-video { margin-top:-10px; }

.portfolio-item-featured .portfolio-image {
    outline: 2px solid #fff;
    outline-offset: -1px;
}


	/* TESTIMONIALS */
}
/*		.ta-testimonial-bg {
		    background-image: url(images/testimonial-default.webp);
		    padding: 85px 0;
		    	background-repeat: no-repeat;
  				background-size: 100%;
		}*/

		.testimonial-full .testi-content { font-size: 24px; }

			.dark .testimonial {
			    background: none;
			    border:none;
			}

		/* PAGING DOTS */
		.testimonial .flex-control-nav li a {
		 /*   width: 6px !important;
		    height: 6px !important;
		    border: none;*/
		    background-color: #fff;
		/*	opacity: 0.5;*/
		}

		#section-testimonials .flex-viewport {
			margin: 0 0 90px !important;
			height:300px !important
		}

	/* HOW IT WORKS */
		#how-it-works { color: #fff !important;}
			#how-it-works h1,
			#how-it-works h2,
			#how-it-works h3,
			#how-it-works h4,
			#how-it-works h5,
			#how-it-works p,
			#how-it-works ul,
			#how-it-works li { color: #fff !important; }

		#how-it-works .content-wrap { margin-top:0px !important }


		#ta-btn-faq { float: right; }
		#ta-btn-faq h2 { color: #fff; }

		.blue-circle-gradient{
			background: rgb(17,50,95);
			background: -moz-linear-gradient(94deg, rgba(17,50,95,1) 0%, rgba(57,115,197,1) 52%, rgba(17,50,95,1) 100%);
			background: -webkit-linear-gradient(94deg, rgba(17,50,95,1) 0%, rgba(57,115,197,1) 52%, rgba(17,50,95,1) 100%);
			background: linear-gradient(94deg, rgba(17,50,95,1) 0%, rgba(57,115,197,1) 52%, rgba(17,50,95,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#11325f",endColorstr="#11325f",GradientType=1);
		}

	/* ABOUT/CONTACT */

		.ta-contact .card { border:none; }
		.team-title span{ color: #0c52a1; }



/* PORTFOLIO */
.mfp-content .portfolio-long-text { display:block !important; }
.portfolio-long-text {
    position: relative;
    background: #FFF;
    padding: 20px;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
}


/* DEV MODE ON */
/*.debug::before {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 600px;
  right: 0;
  z-index: 999;
  padding: 0.25rem 0.5rem;
  background: rgba(0,0,0,0.75);
  color: #fff;
  border-radius: 0 0 0 0.25rem;
}

@media (min-width: 0px) {
  .debug::before { content: "XS"; }
}

@media (min-width: 576px) {
  .debug::before { content: "SM"; }
}

@media (min-width: 768px) {
  .debug::before { content: "MD"; }
}

@media (min-width: 992px) {
  .debug::before { content: "LG"; }
}

@media (min-width: 1200px) {
  .debug::before { content: "XL"; }
}

@media (min-width: 1400px) {
  .debug::before { content: "XXL"; }
}
*/


/* blog */

.entry-title.title-sm h2,
.entry-title.title-sm h3 {
	font-size: 1.25rem;
	letter-spacing: 0;
}

.entry-title.title-sm h3 {
	font-size: 1.125rem;
}

.entry-title.title-xs h2,
.entry-title.title-xs h3 {
	font-size: 1rem;
	letter-spacing: 0;
}

.entry-title h4 {
	font-size: 0.875rem;
	letter-spacing: 0;
}
.entry-meta ul {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	margin: 0 0 0 0;
	list-style: none;
}
.entry-meta li {
	font-size: 90%;
	margin: 0 15px 10px 0;
	color: #999;
}

.entry-meta ul.flex-column li {
	margin-left: 0;
}

.posts-sm .entry-meta li {
	margin-bottom: 5px;
}

.entry-meta:not(.no-separator) li::before {
/*	content: '\205E';*/
	width: 5px;
	text-align: center;
	display: inline-block;
	margin-right: 15px;
	opacity: 0.5;
}

.entry-meta i {
	position: relative;
	top: 1px;
	padding-left: 1px;
	margin-right: 5px;
}

/*FAQ*/

/* Toggle - FAQs
-----------------------------------------------------------------*/

.faqs .toggle {
	border-bottom: 1px solid #EEE;
	padding-bottom: 12px;
	margin-bottom: 12px;
}

.faqs .toggle-content { padding-bottom: 10px; }


/* ----------------------------------------------------------------
	Toggle
-----------------------------------------------------------------*/


.toggle {
	display: block;
	position: relative;
	margin: 0 0 20px 0;
}

.toggle-header,
.accordion-header {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -5px;
	cursor: pointer;
	color: #444;
	font-size: 1rem;
	font-weight: 700;
}

.toggle-icon,
.accordion-icon {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
	padding: 0 5px;
	text-align: center;
}

.toggle-icon i,
.toggle-icon span {
	width: 1rem;
}

.toggle-title,
.accordion-title {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
	padding: 0 5px;
}

.toggle:not(.toggle-active) > .toggle-header .toggle-open,
.toggle-active > .toggle-header .toggle-closed {
	display: none;
}

.toggle-active > .toggle-header .toggle-open {
	display: inline-block;
}

.toggle-content,
.accordion-content {
	display: none;
	position: relative;
	padding: 0.75rem 0;
}




/* ----------------------------------------------------------------
	FAQ List
-----------------------------------------------------------------*/


.faqlist li {
	margin-bottom: 5px;
	font-size: 15px;
}

.faqlist li a { color: #444; }

.faqlist li a:hover { color: #1ABC9C !important; }



/* pad content on xs */
@media (max-width: 768px){
	#content-faq, #careers, .ta-trinity-card { padding-left:10px; padding-right:10px; }
}


/* ----------------------------------------------------------------
	Owl Carousel CSS
-----------------------------------------------------------------*/
.slider-element .owl-carousel { margin: 0; }
.owl-carousel .animated {
	-webkit-animation-duration: 1000ms;
	animation-duration: 1000ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.owl-carousel .owl-animated-in { z-index: 0; }

.owl-carousel .owl-animated-out { z-index: 1; }

.owl-carousel .fadeOut  {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
	0% { opacity: 1; }
	100% { opacity: 0; }
}

@keyframes fadeOut {
	0% { opacity: 1; }
	100% { opacity: 0; }
}

.owl-height {
	-webkit-transition:height 500ms ease-in-out;
	-o-transition:height 500ms ease-in-out;
	transition:height 500ms ease-in-out
}

.owl-carousel {
	display:none;
	-webkit-tap-highlight-color:transparent;
	position:relative;
	z-index:1;
	width: 100%;
	touch-action: manipulation;
}

.owl-carousel .owl-stage {
	position:relative;
	-ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage::after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0
}

.owl-carousel .owl-stage-outer {
	position:relative;
	overflow:hidden;
	-webkit-transform:translate3d(0,0,0);
}

.owl-carousel.owl-loaded { display:block }

.owl-carousel.owl-loading {
	display:block;
	min-height: 100px;
	background: no-repeat center center;
}

.owl-carousel .owl-refresh .owl-item { display:none }

.owl-carousel .owl-item {
	position: relative;
	min-height: 1px;
	float: left;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
	display:block;
	width:100%;
	-webkit-transform-style:preserve-3d;
}

.slider-element .owl-carousel .owl-item img { -webkit-transform-style: preserve-3d; }

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled { display: none; }

.owl-nav .owl-prev,
.owl-nav .owl-next,
.owl-dot,
.owl-dots button {
	cursor: pointer;
	cursor: hand;
	padding: 0;
	border: 0;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.owl-carousel.owl-loaded { display: block; }

.owl-carousel.owl-loading {
	opacity: 0;
	display: block;
}

.owl-carousel.owl-hidden { opacity: 0; }

.mega-menu-content .owl-carousel.owl-hidden { opacity: 1; }

.owl-carousel.owl-refresh .owl-item { display: none; }

.owl-carousel.owl-drag .owl-item {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.owl-carousel.owl-grab {
	cursor: move;
	cursor: -webkit-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab;
}

.owl-carousel.owl-rtl { direction: rtl; }

.owl-carousel.owl-rtl .owl-item { float: right; }

.no-js .owl-carousel { display: block; }

.owl-carousel .owl-item .owl-lazy {
	opacity:0;
	-webkit-transition:opacity 400ms ease;
	-o-transition:opacity 400ms ease;
	transition:opacity 400ms ease
}

.owl-carousel .owl-item img { transform-style:preserve-3d }

.owl-carousel .owl-video-wrapper {
	position:relative;
	height:100%;
	background:#111
}

.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 64px;
	width: 64px;
	left: 50%;
	top: 50%;
	margin-left: -32px;
	margin-top: -32px;
	background: url("images/icons/play.png") no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-webkit-transition: scale 100ms ease;
	-o-transition: scale 100ms ease;
	transition: scale 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
	-webkit-transition:scale(1.3,1.3);
	-o-transition:scale(1.3,1.3);
	transition:scale(1.3,1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn { display:none }

.owl-carousel .owl-video-tn {
	opacity:0;
	height:100%;
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	-o-background-size:contain;
	background-size:contain;
	-webkit-transition:opacity 400ms ease;
	-o-transition:opacity 400ms ease;
	transition:opacity 400ms ease
}

.owl-carousel .owl-video-frame {
	position:relative;
	z-index:1;
	height: 100%;
	width: 100%;
}


/* Owl Carousel - Controls
-----------------------------------------------------------------*/

.owl-carousel .owl-dots,
.owl-carousel .owl-nav {
	text-align: center;
	-webkit-tap-highlight-color: transparent;
	line-height: 1;
}

/* Owl Carousel - Controls - Arrows
-----------------------------------------------------------------*/

.owl-carousel .owl-nav [class*=owl-] {
	position: absolute;
	top: 50%;
	margin-top: -18px;
	left: -36px;
	zoom: 1;
	width: 36px;
	height: 36px;
	line-height: 32px;
	border: 1px solid rgba(0,0,0,0.2);
	color: #666;
	background-color: #FFF;
	font-size: 18px;
	border-radius: 50%;
	opacity: 0;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.owl-carousel.with-carousel-dots .owl-nav [class*=owl-] { margin-top: -38px; }

.slider-element .owl-nav [class*=owl-],
.owl-carousel-full .owl-nav [class*=owl-] {
	margin-top: -30px;
	left: 0 !important;
	height: 60px;
	line-height: 60px;
	border: none;
	color: #EEE;
	background-color: rgba(0,0,0,0.4);
	font-size: 28px;
	border-radius: 0 3px 3px 0;
}

.owl-carousel-full .with-carousel-dots .owl-nav [class*=owl-] { margin-top: -50px; }

.owl-carousel .owl-nav .owl-next {
	left: auto;
	right: -36px;
}

.slider-element .owl-nav .owl-next,
.owl-carousel-full  .owl-nav .owl-next {
	left: auto !important;
	right: 0 !important;
	border-radius: 3px 0 0 3px;
}

.owl-carousel:hover .owl-nav [class*=owl-] {
	opacity: 1;
	left: -18px;
}

.owl-carousel:hover .owl-nav .owl-next {
	left: auto;
	right: -18px;
}

.owl-carousel .owl-nav [class*=owl-]:hover {
	background-color: #1ABC9C !important;
	color: #FFF !important;
	text-decoration: none;
}

.owl-carousel .owl-nav .disabled { display: none !important; }


/* Owl Carousel - Controls - Dots
-----------------------------------------------------------------*/

.owl-carousel .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;
	width: 8px;
	height: 8px;
	margin: 30px 4px 0 4px;
	opacity: 0.5;
	border-radius: 50%;
	background-color: #1ABC9C;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.owl-carousel .owl-dots .owl-dot.active,
.owl-carousel .owl-dots .owl-dot:hover { opacity: 1; }


/* Owl Carousel - Controls - Dots - Positions
-----------------------------------------------------------------*/
.owl-carousel[class*=owl-nav-pos-],
.owl-carousel[class*=owl-dots-pos-]
.owl-carousel[class*=owl-img-pos-] {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
}

.owl-carousel.owl-nav-pos-1 .owl-nav,
.owl-carousel.owl-dots-pos-1 .owl-dots,
.owl-carousel.owl-content-pos-1 .owl-stage-outer {
	order: 1;
}

.owl-carousel.owl-nav-pos-2 .owl-nav,
.owl-carousel.owl-dots-pos-2 .owl-dots,
.owl-carousel.owl-content-pos-2 .owl-stage-outer {
	order: 2;
	margin: 20px 0;
}

.owl-carousel.owl-nav-pos-3 .owl-nav,
.owl-carousel.owl-dots-pos-3 .owl-dots,
.owl-carousel.owl-content-pos-3 .owl-stage-outer {
	order: 3;
}

.owl-carousel.owl-dots-pos-2 .owl-dots .owl-dot,
.owl-carousel.owl-dots-pos-3 .owl-dots .owl-dot {
	margin-top: 0;
}

.owl-carousel.owl-nav-pos-left .owl-nav,
.owl-carousel.owl-nav-pos-right .owl-nav,
.owl-carousel.owl-dots-pos-left .owl-dots,
.owl-carousel.owl-dots-pos-right .owl-dots {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
}

.owl-carousel.owl-dots-pos-left .owl-dots,
.owl-carousel.owl-nav-pos-left .owl-nav {
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.owl-carousel.owl-dots-pos-right .owl-dots,
.owl-carousel.owl-nav-pos-right .owl-nav {
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.owl-carousel.with-carousel-dots.owl-dots-pos-top .owl-nav [class*=owl-] { margin-top: 0; }

/* Owl Carousel - Controls - Dots - Sizes
-----------------------------------------------------------------*/
.owl-carousel {
	--owl-nav-sizes: 36px;
	--owl-dots-gutters: 4px;
	--owl-dots-sizes: 8px;
	--owl-nav-bg: var(--themecolor, #1ABC9C);
	--owl-nav-margin: calc(var(--owl-nav-sizes) / -2);
	--owl-nav-with-dots: calc( var(--owl-nav-margin) - calc( calc( 30px + var(--owl-dots-sizes) ) / 2 ) );
}

.owl-carousel.owl-dots-size-sm {
	--owl-dots-sizes: 4px;
	--owl-dots-gutters: 2px;
}

.owl-carousel.owl-dots-size-lg {
	--owl-dots-sizes: 12px;
	--owl-dots-gutters: 5px;
}

.owl-carousel.owl-dots-size-xl {
	--owl-dots-sizes: 16px;
	--owl-dots-gutters: 6px;
}

.owl-carousel .owl-dots .owl-dot {
	width: var(--owl-dots-sizes);
	height: var(--owl-dots-sizes);
	background-color: var(--owl-nav-bg);
	margin-left: var(--owl-dots-gutters);
	margin-right: var(--owl-dots-gutters);
	transition: all .3s;
}

.owl-carousel.owl-nav-hover-fixed[class*=owl-nav-pos-] .owl-nav .disabled {
	display: inline-block !important;
	pointer-events: none;
	opacity: .4 !important;
}

/* Owl Carousel - Controls - Dots - Border
-----------------------------------------------------------------*/
.owl-carousel.owl-dots-border .owl-dots .owl-dot:not(.active) {
	opacity: 1;
	background-color: transparent;
	border: 1px solid var(--owl-nav-bg);
}

.owl-carousel.owl-dots-border .owl-dots .owl-dot.active {
	border-color: transparent;
}

/* Owl Carousel - Controls - Dots - square
-----------------------------------------------------------------*/
.owl-carousel.owl-dots-square .owl-dots .owl-dot {
	border-radius: 0;
	--owl-dots-sizes: 10px;
}

/* Owl Carousel - Controls - Dots - square
-----------------------------------------------------------------*/
.owl-carousel.owl-dots-rounded .owl-dots .owl-dot {
	--owl-dots-sizes: 10px;
	border-radius: 2px;
}

/* Owl Carousel - Controls - Dots - Dashed
-----------------------------------------------------------------*/
.owl-carousel.owl-dots-dashed .owl-dots .owl-dot {
	--owl-dots-sizes: 16px;
	opacity: .4;
	height: 4px;
	border-radius: 4px;
}

.owl-carousel.owl-dots-dashed .owl-dots .owl-dot.active {
	--owl-dots-sizes: 32px;
	opacity: 1;
}

/* Owl Carousel - Controls - Dots - Numbers
-----------------------------------------------------------------*/
.owl-carousel.owl-dots-number .owl-dots {
	--owl-dots-sizes: 28px;
	counter-reset: dots;
	--owl-nav-bg: #FFF;
}

.owl-carousel.owl-dots-number .owl-dots .owl-dot {
	position: relative;
	width: auto;
	opacity: .3;
}

.owl-carousel.owl-dots-number .owl-dots .owl-dot.active {
	opacity: 1;
}

.owl-carousel.owl-dots-number .owl-dots .owl-dot:before {
	display: inline-block;
	counter-increment: dots;
	content: counter(dots, decimal-leading-zero);
}

.owl-carousel.owl-dots-number .owl-dots .owl-dot span {
	position: relative;
	display: inline-block;
	width: 0px;
	height: 2px;
	background-color: #666;
	top: -5px;
	margin-left: 5px;
	transition: width .4s ease-in-out;
}

.owl-carousel.owl-dots-number .owl-dots .owl-dot.active span {
	 width: 30px;
}

/* Owl Carousel - Controls - Arrows - Sizes
-----------------------------------------------------------------*/

.owl-carousel .owl-nav [class*=owl-] {
	left: calc(-1 * var(--owl-nav-sizes));
	width: var(--owl-nav-sizes);
	height: var(--owl-nav-sizes);
	line-height: calc(calc(-1 * var(--owl-nav-sizes)) - 4px);
	font-size: calc(var(--owl-nav-sizes) / 2);
	margin-top: var(--owl-nav-margin);
}

.owl-carousel.with-carousel-dots .owl-nav [class*=owl-] {
	margin-top: var(--owl-nav-with-dots);
}

.owl-carousel .owl-nav .owl-next {
	left: auto;
	right: calc(-1 * var(--owl-nav-sizes));
}

.slider-element .owl-nav .owl-next,
.owl-carousel-full  .owl-nav .owl-next {
	left: auto !important;
	right: 0 !important;
}

.owl-carousel.owl-nav-hover-fixed .owl-nav [class*=owl-],
.owl-carousel:hover .owl-nav [class*=owl-] {
	opacity: 1;
	left: calc(calc(-1 * var(--owl-nav-sizes)) / 2);
}

.owl-carousel.owl-nav-hover-fixed .owl-nav .owl-next,
.owl-carousel:hover .owl-nav .owl-next {
	left: auto;
	right: calc(calc(-1 * var(--owl-nav-sizes)) / 2);
}

.owl-carousel .owl-nav [class*=owl-]:hover {
	background-color: var(--owl-nav-bg) !important;
}

.slider-element .owl-nav [class*=owl-],
.owl-carousel-full .owl-nav [class*=owl-] {
	margin-top: -30px;
	height: calc(var(--owl-nav-sizes) * 1.6666666667);
	line-height: calc(var(--owl-nav-sizes) * 1.6666666667);
	font-size: calc(calc(var(--owl-nav-sizes) * 1.6666666667) / 2);
}

.owl-carousel-full .with-carousel-dots .owl-nav [class*=owl-] {
	margin-top: calc( calc(calc(var(--owl-nav-sizes) * 1.6666666667) / -2)) - calc( calc( 30px + var(--owl-dots-sizes) ) / 2 );
}

.owl-carousel.owl-nav-hover-fixed[class*=owl-nav-pos-] .owl-nav [class*=owl-] {
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	margin: 0;
}

.owl-carousel.owl-nav-hover-fixed[class*=owl-nav-pos-] .owl-nav .owl-prev {
	margin-right: 5px;
}

.owl-carousel.owl-nav-hover-fixed[class*=owl-nav-pos-] .owl-nav .owl-next {
	margin-left: 5px;
}

.owl-carousel.owl-nav-text .owl-nav [class*=owl-] {
	width: auto;
	height: auto;
	line-height: 1.5;
	font-size: 0.925rem;
	border-radius: 3px;
	padding: 4px 8px;
}

.owl-carousel.owl-nav-text .owl-nav [class*=owl-] i {
	position: relative;
	top: 1px;
}