*,
:after,
:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
body,
html {
	font-size: 100%
}
body {
	background: #fff;
	color: #222;
	cursor: auto;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	margin: 0;
	 padding: 0;
	/* position: relative;	  */
}
a:hover {
	cursor: pointer
}
/* img {
	max-width: 100%;
	height: auto
} */
.row {
    margin: 0 auto;
    max-width: 90%;
    width: 100%;
}
.row:after,
.row:before {
	content: " ";
	display: table
}
.row:after {
	clear: both
}
/* .button,
button {
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 0;
	border-style: solid;
	border-width: 0;
	cursor: pointer;
	font-weight: 400;
	line-height: normal;
	margin: 0 0 1.25rem;
	position: relative;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	padding: 1rem 2rem 1.0625rem 2rem;
	font-size: 1rem;
	background-color: #008cba;
	border-color: #007095;
	color: #fff;
	transition: background-color .3s ease-out
}
.button:focus,
.button:hover,
button:focus,
button:hover {
	color: #fff
} */
@media only screen and (min-width:40.0625em) {
	.button,
	button {
		display: inline-block;
		background: none;
        border: none;
	}
}
@media only screen and (max-width:40em) {
	.button-group.stack-for-small>li {
		display: block;
		margin: 0;
		width: 100%
	}
}
@media only screen and (min-width:40.0625em) {
	.button-group.radius.stack-for-small>* {
		display: inline-block;
		margin: 0 -2px
	}
}
@media only screen and (max-width:40em) {
	.button-group.radius.stack-for-small>* {
		display: block;
		margin: 0
	}
}
@media only screen and (min-width:40.0625em) {
	.button-group.round.stack-for-small>* {
		display: inline-block;
		margin: 0 -2px
	}
}
@media only screen and (max-width:40em) {
	.button-group.round.stack-for-small>* {
		display: block;
		margin: 0
	}
}
#demos .owl-carousel {
	margin: 2rem 0
}
#demos .owl-carousel .item {
	background-color: #fef866;
	padding: 13px 10px;
	border: 1px solid #afb0b0;
	border-radius: 50px
}
#demos .owl-carousel .item:hover {
	background: #ececee;
	padding: 13px 10px;
	border: 1px solid #ececee;
	border-radius: 50px;
	color: #000
}
#demos .owl-carousel .item h4 {
	color: #000;
	margin: 0;
	font-size: 13px;
	font-family: 'Poppins';
}
#demos .owl-carousel .item h4:hover {
	margin: 0;
	font-size: 13px;
	font-family: 'Poppins';
}
#demos .owl-carousel .item-video {
	height: 300px
}
#demos #setup {
	margin-top: 4rem
}
#demos .demo-list h5 {
	margin: 0
}
.owl-stage {
	width: 50000px!important
}
/* .owl-theme .owl-dots,
.owl-theme .owl-nav {
	text-align: center;
	-webkit-tap-highlight-color: transparent
}
.owl-theme .owl-nav {
	display: flex;
	justify-content: space-between;
	margin-top: -47px
} */
/* .owl-theme .owl-nav [class*=owl-] {
	color: #fff;
	font-size: 14px;
	margin: 3px;
	padding: 4px 7px;
	background: #d6d6d6;
	display: inline-block;
	cursor: pointer;
	border-radius: 3px
}
.owl-theme .owl-nav [class*=owl-]:hover {
	background: #dcdcdd;
	color: #000;
	text-decoration: none;
	font-weight: 500
}
.owl-theme .owl-nav .disabled {
	opacity: .5;
	cursor: default
}
.owl-theme .owl-nav.disabled+.owl-dots {
	margin-top: 10px
} */
.owl-theme .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1
}
.owl-theme .owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	background: #d6d6d6;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity .2s ease;
	border-radius: 30px
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background: #869791
}
.owl-carousel,
.owl-carousel .owl-item {
	-webkit-tap-highlight-color: transparent;
	position: relative
}
.owl-carousel {
	display: none;
	width: 100%;
	z-index: 1
}
.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
	touch-action: manipulation;
	-moz-backface-visibility: hidden
}
.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-item,
.owl-carousel .owl-wrapper {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item {
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-touch-callout: none
}
/* .owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
	display: none
} */
.no-js .owl-carousel,
.owl-carousel.owl-loaded {
	display: block
}
/* .owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
	cursor: pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
	color: inherit;
	border: none;
	height: 45px;
	font: inherit;
	font-size: 30px;
	padding: 0 17px!important;
	border-radius: 50%;
	background-color: #fff;
	border: 1px solid #c8c7c7
} */
/* .owl-prev {
	right: 55px
}
.owl-next {
	left: 55px
}
.owl-prev span {
	line-height: 10px
}
.owl-next span {
	line-height: 10px
} */
.owl-dots {
	display: none
}
.owl-carousel.owl-loading {
	opacity: 0;
	display: block
}
.owl-carousel.owl-hidden {
	opacity: 0
}
.owl-carousel.owl-refresh .owl-item {
	visibility: hidden
}
.owl-carousel.owl-drag .owl-item {
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
@media (min-width:1080px) and (max-width:2000px) {
	#demos .owl-carousel {
		margin: 4px 0 13px!important
	}
}
@media (min-width:780px) and (max-width:1080px) {
	#demos .owl-carousel {
		margin: 1rem 0
	}
}
@media only screen and (max-width:1080px) {
	/* #demos .row {
		margin: 0 auto;
		max-width: 51rem!important;
		width: 100%;
		position: relative;
		top: -12px
	} */
}
@media only screen and (max-width:1020px) {
	/* #demos .row {
		margin: 0 auto;
		max-width: 40rem!important;
		width: 100%;
		position: relative;
		top: -12px
	} */
}
@media only screen and (max-width:778px) {
	.owl-prev {
		display: none!important
	}
	.owl-next {
		display: none!important
	}
}
@media only screen and (max-width:768px) {
	#demos .owl-carousel {
		margin: 1rem 0;
	}
	/* #demos .row {
		margin: 0 auto;
		max-width: 41.5rem;
		width: 100%
	} */
}
@media only screen and (max-width:640px) {
	#demos .owl-carousel {
		margin: 1rem 0 0;
	}
	/* #demos .row {
		margin: 0 auto;
		max-width: 41.5rem;
		width: 100%;
		position: relative
	} */
}
@media only screen and (max-width:40em) {
	#docs {
		padding-top: 1rem
	}
	#docs ul.side-nav {
		text-align: left
	}
}