.nav-banner-bg {
	background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(180deg, #99BBDD, #B6CEE7);
    background-image: linear-gradient(180deg, #99BBDD, #B6CEE7);
    background-color: #99BBDD;
}

.base-container {
	background-color: rgba(236, 239, 241, 1);
}

.content-header {
	background-color: #FFFFFF;
	border-top: 5px solid #336699;
	margin-top: 25px;
	min-height: 50px;
}

.content-area {
	background-color: #FFFFFF;
	padding-bottom: 50px;
	border-bottom: 5px solid #336699;
}

.hero-banner-text {
	padding-top: 40px !important;
}

.hero-banner-text h1 {
	font-family: 'Roboto', sans-serif !important;
	font-style: normal;
	font-weight: 300;
	color: #FFFFFF;
	font-size: 40px !important;
	line-height: 45px !important;
	margin-bottom: 0px;
	margin-top: 0px;
	/*text-shadow: 2px 2px 4px rgba(0,0,0,0.3);*/
	padding-left: 40px;
}

.feature-header h1 {
	font-family: 'Roboto', sans-serif !important;
	font-style: normal;
	font-weight: 300;
	font-size: 42px;
	line-height: 50px;
	color: #336699;
	margin-top: 0px;
	margin-bottom: 20px !important;
	text-align: center;
	padding-left: 40px;
}

.feature-header h5 {
	font-family: 'Roboto', sans-serif !important;
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 24px;
	color: #666666;
	margin-top: 0px;
	margin-bottom: 50px !important;
	text-align: center;
	padding-right: 120px;
	padding-left: 120px;
}

.feature-nav-panel img {
	border-radius: 6px;
}

.feature-nav-panel {
	text-align: left;
	padding: 5px 10px 6px 10px;
	background-color: rgba(236, 239, 241, 0.3);
	border-radius: 10px;
	border: 1px solid #E5E5E5;
}

.feature-nav-panel h1 {
	font-family: 'Roboto', sans-serif !important;
	font-style: normal;
	font-weight: 300;
	color: #333333 !important;
	font-size: 28px !important;
	line-height: 36px !important;
	margin-bottom: 0px;
	margin-top: 0px;
}

.feature-nav-panel h4 {
	font-family: 'Roboto', sans-serif !important;
	font-style: normal;
	font-weight: 300;
	color: #333333;
	font-size: 20px !important;
	line-height: 28px !important;
	margin-bottom: 0px;
	margin-top: 5px;
}

.feature-nav-panel p {
	font-family: 'Roboto', sans-serif !important;
	font-style: normal;
	font-weight: 300;
	color: #333333;
	font-size: 16px !important;
	line-height: 22px !important;
	margin-bottom: 0px;
	margin-top: 15px;
}

.feature-nav li>a {
	font-family: 'Roboto', sans-serif !important;
	font-style: normal;
	font-weight: 300;
	color: #333333;
	font-size: 14px !important;
	line-height: 18px !important;
	padding-top: 10px !important;
	padding-bottom: 10px;
	margin-right: 5px;
	margin-left: 5px;
}

.feature-nav li>a:hover {
	margin-right: 5px;
	margin-left: 5px;
}

.feature-nav>li.uk-active>a {
	background-color: #50A0DC;
	margin-right: 5px;
	margin-left: 5px;
}

.feature-nav>li.sub-link>a {
	padding-left: 30px !important;
}

.feature-nav>li.sub-link i {
	margin-right: 10px;
}

.feature-nav .uk-nav-header {
	margin-left: 5px;
}

.feature-nav .uk-nav-divider {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	margin-right: 5px;
	margin-left: 5px;
}

/* Off-Canvas Nav */
.offcanvas-nav li>a {
	font-family: 'Roboto', sans-serif !important;
	font-style: normal;
	font-weight: 300;
	color: #FFFFFF;
	font-size: 14px !important;
	line-height: 18px !important;
	padding-top: 10px !important;
	padding-bottom: 10px;
	margin-right: 5px;
	margin-left: 5px;
}

.offcanvas-nav li>a:hover {
	margin-right: 5px;
	margin-left: 5px;
}

.offcanvas-nav>li.uk-active>a {
	background-color: #50A0DC;
	margin-right: 5px;
	margin-left: 5px;
}

.offcanvas-nav>li.sub-link>a {
	padding-left: 30px !important;
}

.offcanvas-nav>li.sub-link i {
	margin-right: 10px;
}

.offcanvas-nav .uk-nav-header {
	margin-left: 5px;
}

.offcanvas-nav .uk-nav-divider {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	margin-right: 5px;
	margin-left: 5px;
}

.bold {
	font-weight: 400 !important;
}

/* Apply Left Padding to all Elements except images - because screenshots already have a left padding for drop shadow*/
.feature-content {
	/*padding-left: 40px !important;*/
}

.feature-content h1 {
	font-family: 'Roboto', sans-serif !important;
	font-style: normal;
	font-weight: 300;
	color: #333333 !important;
	font-size: 28px !important;
	line-height: 36px !important;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-left: 40px !important;
	padding-right: 40px !important;
}

.feature-content h3 {
	font-family: 'Roboto', sans-serif !important;
	font-style: normal;
	font-weight: 300;
	color: #333333 !important;
	font-size: 22px !important;
	line-height: 30px !important;
	margin-bottom: 10px;
	margin-top: 25px;
	padding-left: 40px !important;
	padding-right: 40px !important;
}

.feature-content p {
	font-family: 'Roboto', sans-serif !important;
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	line-height: 22px;
	color: #333333;
	margin-top: 15px;
	margin-bottom: 0px;
	padding-left: 40px !important;
	padding-right: 40px !important;
}

.custom-list li {
	font-family: 'Roboto', sans-serif !important;
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	line-height: 22px;
	color: #333333;
	margin-bottom: 0px;
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.applicable {
	padding-left: 40px !important;
	padding-right: 40px !important;
	padding-bottom: 10px !important;
}

.custom-list {
	padding-left: 40px;
	padding-right: 40px;
}

.caption-text {
	font-family: 'Roboto', sans-serif !important;
	font-style: normal;
	font-weight: 300;
	font-size: 14px !important;
	line-height: 18px !important;
	color: #999999 !important;
	/*margin-top: -25px !important;*/
	margin-bottom: 0px;
	padding-left: 50px !important;
	padding-right: 50px !important;
	text-align: left;
	/*font-style: italic !important;*/
	/*z-index: 10 !important;*/
}

.custom-button {
	border-radius: 5px !important;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #e53935;
	border: 1px solid #e53935 !important;
	color: #FFFFFF;
}

.custom-alert {
	margin-left: 40px !important;
	margin-right: 40px !important;
	padding: 15px 15px;
}

.custom-alert p {
	font-family: 'Roboto', sans-serif !important;
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	line-height: 22px;
	color: #666666;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.custom-alert-warning {
	background-color: #fff9c4;
}

.custom-alert-danger {
	background-color: #ffebee;
}

.custom-alert-normal {
	background-color: #eceff1;
}

.custom-alert-warning p {
	color: #ef6c00;
}

.custom-alert-danger p {
	color: #d32f2f;
}

.custom-alert-normal p {
	color: #546e7a;
}

.custom-badge {
	border-radius: 5px !important;
	padding: 4px 8px !important;
	font-size: 12px !important;
	line-height: 14px;
	font-family: inherit;
	font-style: normal;
	font-weight: 300;
	background-color: #50A0DC !important;
}

.custom-badge-small {
	border-radius: 5px !important;
	padding: 2px 6px !important;
	font-size: 12px !important;
	line-height: 14px;
	font-family: inherit;
	font-style: normal;
	font-weight: 300;
	background-color: #50A0DC !important;
}

.custom-badge-seller {
	background-color: #FF6384 !important;
}

.custom-badge-buyer {
	background-color: #FFCE56 !important;
}

.custom-badge-web {
	background-color: #03a9f4 !important;
}

.custom-badge-ios {
	background-color: #90a4ae !important;
}

.custom-badge-android {
	background-color: #8bc34a !important;
}

.custom-badge-disabled {
	background-color: #E9E9E9 !important;
}

.custom-badge-steps {
	background-color: #336699 !important;
	margin-top: 4px;
}

.custom-tab {
	margin-top: 25px !important;
}

.custom-tab>li>a {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.custom-tab-panel {
	padding-left: 5px;
}

.custom-tab-panel p {
	font-family: 'Roboto', sans-serif !important;
	font-style: normal;
	font-weight: 300;
	font-size: 14px !important;
	line-height: 18px !important;
	color: #999999 !important;
	margin-bottom: 0px;
}

.related-topics {
	padding-left: 40px;
	padding-right: 40px;
	margin-top: 25px;
}

.related-topics p {
	font-family: 'Roboto', sans-serif !important;
	font-style: normal;
	font-weight: 400;
	font-size: 14px !important;
	line-height: 18px !important;
	color: #333333 !important;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px !important;
}

.related-topics .uk-list {
	margin-top: 5px;
}

.related-topics .uk-list a {
	font-family: 'Roboto', sans-serif !important;
	font-style: normal;
	font-weight: 300;
	font-size: 14px !important;
	line-height: 18px !important;
}

.back-to-top {
	padding-left: 0px;
	padding-right: 10px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #D5D5D5;
	margin-left: 40px;
	margin-right: 40px;
}

.anchor-panel {
	margin-top: 10px;
	margin-left: 40px !important;
	margin-right: 40px !important;
	/*border-top: 1px dotted #DDDDDD;*/
	border-bottom: 1px dotted #DDDDDD;
}

.anchor-nav li>a {
	font-family: 'Roboto', sans-serif !important;
	font-style: normal;
	font-weight: 300;
	color: #333333;
	font-size: 14px !important;
	line-height: 18px !important;
	padding-top: 5px !important;
	padding-bottom: 5px;
	margin-right: 0px;
	margin-left: 0px;
}

.anchor-nav li>a:hover {
	margin-right: 0px;
	margin-left: 0px;
}

/*.anchor-nav .uk-nav-header {
	margin-left: 5px;
}*/

.anchor-nav .uk-nav-divider {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	margin-right: 0px;
	margin-left: 0px;
	border-top: 1px dotted #DDDDDD;
}

.select-topic-button {
	font-family: 'Roboto', sans-serif !important;
	font-style: normal;
	font-weight: 300;
	font-size: 12px !important;
	line-height: 24px !important;
	border-radius: 5px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #CA63A6;
	border: 1px solid #CA63A6 !important;
	color: #FFFFFF;
	padding-top: 2px;
	float: right; 
	margin-right: 40px;
	margin-top: -20px; 
	margin-bottom: 20px !important;
}

.select-topic-button:hover {
	background-color: #FFFFFF;
	border: 1px solid #CA63A6 !important;
	color: #CA63A6;
}

.offcanvas-bar-nav {
	background: #263238 !important;
	width: 300px !important;
}


@media (max-width: 959px)
{
	.content-container {
		padding-left: 20px;
		padding-right: 20px;
	}

	.feature-content h1 {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.feature-content h3 {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.feature-content p {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.applicable {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.custom-alert {
		margin-left: 20px !important;
		margin-right: 20px !important;
		padding: 15px 0px;
	}

	.select-topic-button {
		margin-right: 20px;
	}
}