@font-face {
	font-family:source sans pro;src:url(fonts/SourceSansPro-Regular.ttf)
}

body {
	padding-top: 117px;
	color: #000
}

header .navbar .navbar-brand {
	margin: 0 45px 0 0;
	height: 75px;
	display: flex;
	align-items: center;
}

header .navbar .pclogo img{
	margin-top: 0px;

	width: auto
}
header .navbar .mobilelogo img{
	margin-top: 21px;
	height: 36px;
	width: auto
}

header .navbar .navbar-nav>li {
	margin-top: 21px
}

header .navbar .navbar-nav>li a {
	font-size: 14px;
	line-height: 1.3666;
	//text-transform: uppercase;
	padding-top: 8px;
	padding-bottom: 8px
}

header .navbar .navbar-nav>li .btn {
	padding: 7px 16px;
	font-size: 15px;
	line-height: 1.3666
}

header .navbar .navbar-nav>li .btn:focus,header .navbar .navbar-nav>li .btn:hover {
	color: #fff;
	background-color: #000;
	border-color: #000
}

@media screen and (max-width:991px) {
	header .navbar .navbar-nav>li {
		margin-top: 10px
	}

	header .navbar .navbar-nav>li:last-child {
		margin-bottom: 10px
	}
}

header .navbar .navbar-right {
	margin-top: 3px
}

header .navbar .navbar-right .btn {
	padding: 6px 16px;
	font-size: 14px;
}
header .navbar .navbar-right .btn-black {
	border-color: #000;
}

header .navbar-fixed-top .navbar-collapse {
	max-height: none
}

@media screen and (max-width:767px) {
	header .navbar-fixed-top .navbar-collapse .navbar-nav {
		height: 100vh
	}
}

footer {
	background-color: #242d37;
	padding: 60px 30px;
	margin: 70px 0 0;
	font-size: 14px;
	color: #fff
}

@media screen and (min-width:768px) {
	footer {
		padding: 60px 0
	}
}

footer a {
	font-size: 14px;
	color: #fff
}

footer a:focus,footer a:hover {
	color: #06b7f0;
	text-decoration: none
}

footer section h5 {
	margin: 0 0 20px;
	font-weight: 400;
	color: #969fa8;
	letter-spacing: 2px;
	text-transform: uppercase
}

@media screen and (max-width:767px) {
	footer section h5 {
		margin-top: 30px;
		margin-bottom: 4px
	}
}

footer section ul {
	margin: 0
}

footer section li a {
	padding: 3px 0;
	display: inline-block
}

footer #newsletter {
	margin-top: 20px
}

@media screen and (min-width:768px) {
	footer #newsletter {
		margin-top: 0
	}
}

footer #newsletter .input-group {
	display: block
}

footer #newsletter .form-control {
	height: 42px;
	border: 0;
	padding-right: 55px;
	border-radius: 3px;
	display: block;
	float: none
}

footer #newsletter .input-group-btn {
	position: absolute;
	right: 0;
	top: 5px;
	bottom: 5px;
	padding: 0 5px;
	border-left: 1px solid #e2e4e8;
	display: block;
	width: 49px;
	height: 32px;
	z-index: 99
}

footer #newsletter .input-group-btn .btn {
	width: 38px;
	height: 32px;
	line-height: 30px;
	padding: 0;
	text-align: center;
	font-size: 24px;
	margin: 0;
	border-radius: 3px
}

footer #copyright {
	padding-top: 20px;
	color: #969fa8
}

footer #copyright ul {
	margin: 0
}

footer #copyright li {
	display: inline-block;
	vertical-align: middle
}

footer #copyright img {
	max-height: 26px;
	width: auto;
	margin-right: 30px
}

footer #social {
	padding-top: 20px;
	text-align: right
}

@media screen and (max-width:767px) {
	footer #social {
		text-align: center
	}
}

footer #social li {
	display: inline-block;
	padding: 0 15px
}

footer #social li:first-child {
	padding-left: 0
}

footer #social li:last-child {
	padding-right: 0
}

a:hover,a:focus,a:active {
	text-decoration: none
}

.gray,.container-fluid {
	background-color: #f4f5f7
}

.page-header {
	height: 250px;
	margin: 0 0 60px;
	text-align: center;
	color: #fff;
	background-repeat: no-repeat;
	background-size: cover;
	border-bottom: 0
}

.page-header div {
	position: relative;
	top: 33%
}

.page-header div h1 {
	font-size: 40px;
	margin: 0;
	color: #fff
}

.page-header div p {
	font-size: 24px;
	margin: 5px 0 0;
	font-weight: 300
}

@media screen and (max-width:767px) {
	.page-header div h1 {
		font-size: 28px
	}

	.page-header div p {
		font-size: 17px
	}
}

#common-home .page-header {
	height: auto;
	margin-bottom: 0;
	border-bottom: 0
}

#common-home #hero {
	position: relative;
	overflow: visible;
	background-color: #0080c3
}

#common-home #hero h1 {
	font-size: 40px;
	color: #fff;
	text-align: center;
	margin-top: 54px;
	margin-bottom: 15px
}

#common-home #hero p {
	font-size: 24px;
	font-weight: 300;
	color: #fff;
	text-align: center;
	margin-top: 5px;
	padding-bottom: 30px
}

#common-home #hero img {
	clear: both
}

#common-home #hero .container {
	position: relative;
	padding-top: 0;
	height: 620px
}

#common-home #hero .btn {
	min-width: 220px;
	padding-top: 12px;
	padding-bottom: 12px
}

@media(min-width:768px) {
	#common-home #hero .btn+.btn {
		margin-left: 30px
	}
}

@media(min-width:992px) {
	#common-home #hero h1 {
		text-align: left
	}

	#common-home #hero p {
		text-align: left
	}

	#common-home #hero img {
		opacity: 0
	}

	#common-home #hero .container {
		padding-top: 86px;
		height: 500px
	}

	#common-home #hero .device {
		background-image: url(../image/home/hero-image.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		height: 506px;
		width: 50%;
		position: absolute;
		right: 0;
		margin-top: -445px
	}
}

@media(min-width:1200px) {
	#common-home #hero .container {
		padding-top: 106px
	}
}

#common-home #feature {
	padding-top: 90px;
	padding-bottom: 70px
}

#common-home #feature .page-header h2 {
	color: #000
}

#common-home #feature .page-header p {
	color: #000;
	font-weight: 400;
	font-size: 16px;
	margin: 0
}

#common-home #feature .row {
	margin-top: 62px
}

@media screen and (max-width:767px) {
	#common-home #feature .row>div+div {
		padding-top: 30px
	}
}

@media screen and (min-width:768px) {
	#common-home #feature .row>div+div {
		border-left: 1px solid #e2e4e8;
		padding-left: 20px
	}
}

#common-home #feature .row>div h4 {
	margin-top: 0;
	margin-bottom: 19px
}

#common-home #feature .row>div h4 i {
	font-size: 60px;
	color: #0080c3
}

@media screen and (max-width:767px) {
	#common-home #feature .row>div h4 i {
		width: 100%;
		text-align: center
	}
}

#common-home #feature .row>div h4 i+div {
	margin-top: 30px
}

@media screen and (max-width:767px) {
	#common-home #feature .row>div h4 {
		text-align: center
	}
}

#common-home #feature .row>div p {
	color: #4b525d
}

@media screen and (min-width:768px) and (max-width:991px) {
	#common-home #feature .row+.row {
		margin-top: 30px
	}
}

@media screen and (max-width:768px) {
	#common-home #feature {
		margin-top: 40px
	}
}

@media screen and (min-width:768px) and (max-width:992px) {
	#common-home #feature {
		margin-top: 50px
	}
}

#common-home #business {
	background-color: #242d37;
	padding-top: 70px;
	padding-bottom: 70px
}

#common-home #business .page-header {
	padding-bottom: 0;
	text-align: center;
	margin-bottom: 68px
}

#common-home #business .page-header h2 {
	color: #fff;
	font-size: 40px;
	margin-top: 0;
	margin-bottom: 7px
}

#common-home #business .page-header p {
	color: #fff;
	font-size: 24px;
	font-weight: 300
}

#common-home #business ul {
	font-size: 0;
	text-align: center;
	padding-left: 0;
	margin-bottom: 0
}

#common-home #business ul li {
	display: inline-block;
	vertical-align: middle;
	padding: 0 20px
}

#common-home #business ul li:first-child {
	padding-left: 0
}

#common-home #business ul li:last-child {
	padding-right: 0
}

#common-home #marketplace {
	padding-top: 70px;
	padding-bottom: 70px
}

#common-home #marketplace h2 {
	font-size: 40px;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 30px;
	text-align: center
}

@media screen and (min-width:992px) {
	#common-home #marketplace h2 {
		text-align: left
	}
}

#common-home #marketplace p {
	font-size: 20px;
	font-weight: 300;
	margin-bottom: 50px
}

#common-home #marketplace .row div:first-child {
	padding-top: 60px
}

@media screen and (min-width:992px) {
	#common-home #marketplace .row div:first-child {
		padding-top: 90px
	}
}

#common-home #marketplace .btn {
	max-width: 100%;
	margin-bottom: 30px
}

@media screen and (min-width:992px) {
	#common-home #marketplace .btn {
		margin-bottom: 0
	}
}

#common-home #marketplace .btn-xl {
	width: 300px
}

#common-home #marketplace img {
	margin: 0 auto
}

#common-home #extension {
	padding-top: 70px;
	padding-bottom: 70px
}

#common-home #extension .page-header {
	padding-bottom: 0;
	text-align: center;
	margin-bottom: 68px
}

#common-home #extension .page-header h2 {
	font-size: 40px;
	margin-top: 0;
	margin-bottom: 7px
}

#common-home #extension .page-header p {
	color: #000;
	font-size: 24px;
	font-weight: 300
}

#common-home #extension .list-inline {
	text-align: center
}

#common-home #extension .btn {
	margin: 35px 0 0
}

@media screen and (min-width:992px) {
	#common-home #extension .btn-lg {
		width: 160px
	}
}

#common-home #support {
	padding-top: 70px;
	padding-bottom: 70px;
	color: #000
}

#common-home #support .row {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px
}

@media screen and (min-width:768px) {
	#common-home #support .row div+div {
		border-left: 1px solid #d7d8da
	}
}

#common-home #support .row p {
	font-size: 20px;
	font-weight: 300;
	margin-bottom: 50px
}

#common-home #support .row img {
	max-width: 168px;
	height: auto;
	display: inline-block
}

#common-home #press {
	background-color: #f4f5f7;
	padding: 45px 0;
	font-size: 22px;
	font-weight: 300;
	color: #4b525d;
	display: block;
	margin-top: 2px
}

#common-home #press .col-md-3 {
	text-align: center;
	margin-bottom: 15px
}

@media screen and (min-width:992px) {
	#common-home #press .col-md-3 {
		padding-top: 6px;
		text-align: left;
		margin-bottom: 0
	}
}

#common-home #press .list-unstyled {
	text-align: center;
	margin-bottom: 0
}

@media screen and (min-width:768px) {
	#common-home #press .list-unstyled {
		text-align: right
	}
}

#common-home #press .list-unstyled li {
	display: inline-block;
	margin: 0 10px
}

@media screen and (min-width:768px) {
	#common-home #press .list-unstyled li {
		margin: 0 10px
	}
}

@media screen and (min-width:1200px) {
	#common-home #press .list-unstyled li {
		margin: 0 20px
	}
}

#common-home #press .list-unstyled li:first-child {
	margin-left: 0
}

#common-home #press .list-unstyled li:last-child {
	margin-right: 0
}

#common-home #press .list-unstyled li img.forbes-logo {
	width: 142px;
	height: 36px
}

#common-home #press .list-unstyled li img.tc-logo {
	width: 80px;
	height: 40px
}

#common-home #press .list-unstyled li img.mashable-logo {
	width: 176px;
	height: 30px
}

#common-home #press .list-unstyled li img.business-logo {
	width: 219px;
	height: 32px
}

#common-home+footer {
	margin-top: 0
}

#cms-feature .page-header {
	background-image: url(../image/banner/feature.jpg)
}

#cms-feature .nav-tabs li a {
	color: #000;
	font-size: 18px
}

#cms-feature .tab-pane h1 {
	margin-top: 0;
	margin-bottom: 50px
}

#cms-feature .tab-pane h2 {
	margin-top: 80px;
	margin-bottom: 20px
}

@media screen and (max-width:767px) {
	#cms-feature .tab-pane h2 {
		margin-top: 30px;
		text-align: center
	}
}

#cms-feature .tab-pane#tab-tutorial h2 {
	margin-top: 0
}

#cms-feature .tab-pane#tab-tutorial #video-url {
	width: 100%;
	height: 420px
}

@media screen and (max-width:767px) {
	#cms-feature .tab-pane#tab-tutorial #video-url {
		height: 280px
	}
}

@media screen and (max-width:991px) and (min-width:768px) {
	#cms-feature .tab-pane#tab-tutorial #video-url {
		height: 360px
	}
}

#cms-feature .tab-pane#tab-tutorial #video-list a {
	cursor: pointer
}

#cms-feature .tab-pane#tab-tutorial #video-list img {
	border: 1px solid #ccc;
	border-radius: 4px;
	margin-top: 10px;
	margin-bottom: 10px
}

#cms-feature .tab-content .container {
	padding-top: 50px;
	padding-bottom: 50px
}

#cms-feature .tab-content .bottom-link {
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px
}

#cms-feature .tab-content .bottom-link h6 {
	color: #d3d5d9;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-top: 0;
	margin-bottom: 3px
}

#cms-feature .tab-content .bottom-link a.btn-lg {
	font-size: 24px;
	padding: 0
}

#cms-feature .tab-content #tab-unlimited .btn-block {
	margin-bottom: 20px
}

#cms-feature+footer {
	margin-top: 0
}

#cms-blog .page-header,#cms-blog-info .page-header {
	background-image: url(../image/banner/blog.jpg);
	margin-bottom: 0
}

#cms-blog #category,#cms-blog-info #category {
	border: 0;
	min-height: inherit
}

#cms-blog #category .navbar-nav>li,#cms-blog-info #category .navbar-nav>li {
	padding: 0 15px
}

#cms-blog #category .navbar-nav>li:first-child,#cms-blog-info #category .navbar-nav>li:first-child {
	padding-left: 0
}

#cms-blog #category .navbar-nav>li>a,#cms-blog-info #category .navbar-nav>li>a {
	font-size: 18px;
	padding: 27px 0 25px;
	color: #4b525d
}

#cms-blog #category .navbar-nav>li.active,#cms-blog-info #category .navbar-nav>li.active {
	font-weight: 700
}

#cms-blog #category .navbar-nav>li.active::after,#cms-blog-info #category .navbar-nav>li.active::after {
	content: '';
	height: 3px;
	background-color: #14b5e9;
	display: block
}

#cms-blog>.container,#cms-blog-info>.container {
	margin-top: 70px
}

#cms-blog .blog-item,#cms-blog-info .blog-item {
	margin-bottom: 50px
}

#cms-blog .blog-item::after,#cms-blog-info .blog-item::after {
	padding-bottom: 50px
}

#cms-blog .blog-item section+section,#cms-blog-info .blog-item section+section {
	margin-top: 50px;
	padding-top: 50px;
	border-top: 5px solid #01afe8
}

#cms-blog .blog-item+.blog-item,#cms-blog-info .blog-item+.blog-item {
	padding-top: 50px;
	border-top: 5px solid #01afe8
}

#cms-blog .blog-item h2,#cms-blog-info .blog-item h2 {
	margin-top: 0;
	font-size: 38px
}

#cms-blog .blog-item .list-unstyled>li,#cms-blog-info .blog-item .list-unstyled>li {
	display: inline-block;
	color: #4b525d;
	font-size: 14px
}

#cms-blog .blog-item .list-unstyled>li+li:before,#cms-blog-info .blog-item .list-unstyled>li+li:before {
	vertical-align: middle;
	font: normal normal normal 6px/1 FontAwesome;
	content: "\f111";
	color: #e2e4e8;
	padding: 8px 9px 0 5px
}

#cms-blog .blog-item .list-unstyled>li a,#cms-blog-info .blog-item .list-unstyled>li a {
	color: #01afe8
}

#cms-blog .blog-item .blog-image,#cms-blog-info .blog-item .blog-image,#cms-blog .blog-item .blog-excerpt,#cms-blog-info .blog-item .blog-excerpt {
	margin-bottom: 30px;
	color: #4b525d
}

#cms-blog .blog-item .btn-group,#cms-blog-info .blog-item .btn-group {
	margin-bottom: 30px
}

#cms-blog .blog-item #share-facebook,#cms-blog-info .blog-item #share-facebook,#cms-blog .blog-item #share-twitter,#cms-blog-info .blog-item #share-twitter,#cms-blog .blog-item #share-reddit,#cms-blog-info .blog-item #share-reddit {
	font-weight: 700
}

#cms-blog .blog-item #share-facebook i,#cms-blog-info .blog-item #share-facebook i,#cms-blog .blog-item #share-twitter i,#cms-blog-info .blog-item #share-twitter i,#cms-blog .blog-item #share-reddit i,#cms-blog-info .blog-item #share-reddit i {
	font-size: 18px;
	vertical-align: text-bottom;
	padding-right: 10px
}

#cms-blog .blog-item #social-button #share-facebook,#cms-blog-info .blog-item #social-button #share-facebook,#cms-blog .blog-item #social-button #share-twitter,#cms-blog-info .blog-item #social-button #share-twitter,#cms-blog .blog-item #social-button #share-reddit,#cms-blog-info .blog-item #social-button #share-reddit {
	width: 137px
}

#cms-blog .blog-item #social-button a+a,#cms-blog-info .blog-item #social-button a+a {
	margin-left: 26px
}

#cms-blog .pagination li.active span,#cms-blog-info .pagination li.active span {
	padding: 10px 17px;
	background-color: #f4f5f7
}

#cms-blog .pagination li a,#cms-blog-info .pagination li a {
	padding: 10px 17px
}

#cms-blog #blog-newsletter-bottom,#cms-blog-info #blog-newsletter-bottom {
	margin-bottom: 20px;
	background-color: #242d37;
	border-radius: 3px;
	padding: 30px 20px;
	text-align: center;
	color: #fff
}

#cms-blog #blog-newsletter-bottom h4,#cms-blog-info #blog-newsletter-bottom h4 {
	color: #fff;
	text-transform: uppercase
}

#cms-blog #blog-newsletter-bottom img,#cms-blog-info #blog-newsletter-bottom img {
	max-width: 124px;
	margin: 0 auto
}

#cms-blog #blog-newsletter-bottom.newsletter,#cms-blog-info #blog-newsletter-bottom.newsletter {
	margin: 0 auto
}

#cms-blog #blog-newsletter-bottom.newsletter .input-group,#cms-blog-info #blog-newsletter-bottom.newsletter .input-group {
	display: block
}

#cms-blog #blog-newsletter-bottom.newsletter .form-control,#cms-blog-info #blog-newsletter-bottom.newsletter .form-control {
	height: 42px;
	border: 0;
	padding-right: 55px;
	border-radius: 3px;
	display: block;
	float: none
}

#cms-blog #blog-newsletter-bottom.newsletter .input-group-btn,#cms-blog-info #blog-newsletter-bottom.newsletter .input-group-btn {
	position: absolute;
	right: 0;
	top: 5px;
	bottom: 5px;
	padding: 0 5px;
	border-left: 1px solid #e2e4e8;
	display: block;
	width: 49px;
	height: 32px;
	z-index: 99
}

#cms-blog #blog-newsletter-bottom.newsletter .input-group-btn .btn,#cms-blog-info #blog-newsletter-bottom.newsletter .input-group-btn .btn {
	width: 38px;
	height: 32px;
	line-height: 30px;
	padding: 0;
	text-align: center;
	font-size: 24px;
	margin: 0;
	border-radius: 3px
}

#cms-blog #blog-search,#cms-blog-info #blog-search {
	margin-bottom: 40px
}

#cms-blog #blog-search h4,#cms-blog-info #blog-search h4 {
	border-bottom: 1px solid #e9e9e9;
	margin: 0 0 15px;
	padding-bottom: 15px
}

#cms-blog #blog-search #form-search,#cms-blog-info #blog-search #form-search {
	margin-top: 20px
}

#cms-blog #blog-search #form-search .input-group,#cms-blog-info #blog-search #form-search .input-group {
	display: block;
	border: 1px solid #e2e4e8;
	border-radius: 4px
}

#cms-blog #blog-search #form-search .form-control,#cms-blog-info #blog-search #form-search .form-control {
	height: 42px;
	border: 0;
	padding-right: 55px;
	border-radius: 3px;
	display: block;
	float: none
}

#cms-blog #blog-search #form-search .input-group-btn,#cms-blog-info #blog-search #form-search .input-group-btn {
	position: absolute;
	right: 0;
	top: 5px;
	bottom: 5px;
	padding: 0 5px;
	border-left: 0 solid #e2e4e8;
	display: block;
	width: 49px;
	height: 32px;
	z-index: 99
}

#cms-blog #blog-search #form-search .input-group-btn .btn,#cms-blog-info #blog-search #form-search .input-group-btn .btn {
	width: 38px;
	height: 32px;
	line-height: 30px;
	padding: 0;
	text-align: center;
	font-size: 16px;
	margin: 0;
	border-radius: 3px;
	border: 0
}

#cms-blog #blog-search #form-search .input-group-btn .btn-default,#cms-blog-info #blog-search #form-search .input-group-btn .btn-default {
	color: #01afe8
}

#cms-blog #blog-newsletter,#cms-blog-info #blog-newsletter {
	margin-bottom: 40px;
	background-color: #242d37;
	border-radius: 3px;
	padding: 30px 20px;
	text-align: center;
	color: #fff
}

#cms-blog #blog-newsletter h4,#cms-blog-info #blog-newsletter h4 {
	color: #fff;
	text-transform: uppercase
}

#cms-blog #blog-newsletter img,#cms-blog-info #blog-newsletter img {
	max-width: 124px;
	margin: 0 auto
}

#cms-blog #blog-newsletter .newsletter,#cms-blog-info #blog-newsletter .newsletter {
	margin-top: 20px
}

#cms-blog #blog-newsletter .newsletter .input-group,#cms-blog-info #blog-newsletter .newsletter .input-group {
	display: block
}

#cms-blog #blog-newsletter .newsletter .form-control,#cms-blog-info #blog-newsletter .newsletter .form-control {
	height: 42px;
	border: 0;
	padding-right: 55px;
	border-radius: 3px;
	display: block;
	float: none
}

#cms-blog #blog-newsletter .newsletter .input-group-btn,#cms-blog-info #blog-newsletter .newsletter .input-group-btn {
	position: absolute;
	right: 0;
	top: 5px;
	bottom: 5px;
	padding: 0 5px;
	border-left: 1px solid #e2e4e8;
	display: block;
	width: 49px;
	height: 32px;
	z-index: 99
}

#cms-blog #blog-newsletter .newsletter .input-group-btn .btn,#cms-blog-info #blog-newsletter .newsletter .input-group-btn .btn {
	width: 38px;
	height: 32px;
	line-height: 30px;
	padding: 0;
	text-align: center;
	font-size: 24px;
	margin: 0;
	border-radius: 3px
}

#cms-blog #blog-trending h4,#cms-blog-info #blog-trending h4 {
	border-bottom: 1px solid #e9e9e9;
	margin: 0 0 15px;
	padding-bottom: 15px
}

#cms-blog #blog-trending .list-unstyled>li,#cms-blog-info #blog-trending .list-unstyled>li {
	padding: 10px 0;
	font-size: 15px;
	font-weight: 600
}

#cms-blog #blog-trending .list-unstyled>li+li,#cms-blog-info #blog-trending .list-unstyled>li+li {
	border-top: 1px solid #e9e9e9
}

#cms-blog #blog-trending .list-unstyled>li:first-child,#cms-blog-info #blog-trending .list-unstyled>li:first-child {
	padding-top: 0
}

#cms-blog #blog-trending .list-unstyled>li>a,#cms-blog-info #blog-trending .list-unstyled>li>a {
	color: #000
}

#cms-showcase .container-fluid {
	padding-bottom: 50px;
	margin-bottom: 50px
}

#cms-showcase .container-fluid .page-header {
	height: auto;
	margin: 40px 0;
	border-bottom: 0
}

#cms-showcase .container-fluid .page-header h1 {
	margin-top: 62px;
	margin-bottom: 6px;
	font-size: 40px
}

#cms-showcase .container-fluid .page-header h2 {
	margin: 0;
	font-weight: 300;
	font-size: 24px
}

#cms-showcase .container-fluid #carousel-show-case {
	margin-bottom: 40px
}

@media screen and (max-width:768px) {
	#cms-showcase .container-fluid #carousel-show-case .carousel-indicators {
		bottom: -60px
	}
}

#cms-showcase .container-fluid .showcase-story {
	padding-top: 23px
}

#cms-showcase .container-fluid .showcase-story .showcase-story-casestudy {
	position: relative
}

@media screen and (min-width:768px) {
	#cms-showcase .container-fluid .showcase-story .showcase-story-casestudy {
		height: 430px
	}
}

#cms-showcase .container-fluid .showcase-story .showcase-story-casestudy .showcase-story-about {
	margin-left: 22px
}

#cms-showcase .container-fluid .showcase-story .showcase-story-casestudy .showcase-story-about::before {
	content: ' ';
	background-color: #01afe8;
	position: absolute;
	width: 2px;
	height: 60px;
	margin-left: -22px;
	margin-top: 4px
}

#cms-showcase .container-fluid .showcase-story .showcase-story-casestudy .showcase-story-about h4 {
	font-weight: 300;
	font-style: italic;
	font-size: 22px
}

@media screen and (min-width:768px) {
	#cms-showcase .container-fluid .showcase-story .showcase-story-casestudy .showcase-story-about h4 {
		font-size: 24px;
		line-height: 36px
	}
}

#cms-showcase .container-fluid .showcase-story .showcase-story-casestudy .showcase-story-about .showcase-story-writter {
	margin-top: 36px;
	margin-bottom: 30px
}

#cms-showcase .container-fluid .showcase-story .showcase-story-casestudy .showcase-story-about .showcase-story-writter h5 {
	margin-bottom: 8px
}

#cms-showcase .container-fluid .showcase-story .showcase-story-casestudy .showcase-story-about .showcase-story-writter span {
	font-style: italic
}

@media screen and (max-width:767px) {
	#cms-showcase .container-fluid .showcase-story .showcase-story-casestudy .showcase-story-cover {
		margin-bottom: 20px
	}
}

#cms-showcase .nav-tabs li a {
	color: #000;
	font-size: 18px
}

#cms-showcase .nav+.row {
	margin-top: 50px
}

#cms-showcase .row+.row {
	margin-top: 30px
}

@media screen and (max-width:767px) {
	#cms-showcase .row+.row {
		margin-top: 0
	}
}

@media screen and (max-width:767px) {
	#cms-showcase .row>div {
		margin-top: 20px
	}
}

#cms-showcase .row .showcase-link {
	position: relative;
	height: 200px
}

#cms-showcase .row .showcase-link>div {
	position: absolute;
	display: block;
	z-index: 99;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	background-color: rgba(36,45,55,.9);
	opacity: 0;
	-webkit-transition: visibility 0s ease-in-out,opacity .15s ease-in;
	-o-transition: visibility 0s ease-in-out,opacity .15s ease-in;
	transition: visibility 0s ease-in-out,opacity .15s ease-in;
	border-radius: 2px
}

#cms-showcase .row .showcase-link>div:hover {
	opacity: 1
}

#cms-showcase .row .showcase-link>div a {
	position: absolute;
	z-index: 999;
	display: block;
	color: #fff;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

#cms-showcase .row .showcase-link img {
	margin: 0 auto
}

#cms-showcase .row h4 {
	margin-bottom: 8px
}

#cms-showcase .row h6 {
	margin-top: 0
}

#cms-showcase nav .pagination {
	margin-top: 50px
}

#cms-showcase nav .pagination li.active span {
	padding: 10px 17px
}

#cms-showcase nav .pagination li a {
	padding: 10px 17px
}

#cms-demo .page-header {
	background-image: url(../image/banner/demonstration.jpg)
}

#cms-demo .page-header div {
	top: 28%
}

#cms-demo h2 {
	margin-top: 0;
	margin-bottom: 40px;
	text-align: center
}

#cms-demo .border-right {
	border-right: 1px solid #efefef
}

@media screen and (max-width:767px) {
	#cms-demo .border-right {
		border-right: 0 solid #efefef
	}
}

#cms-demo .demonstration-box {
	padding: 30px 20px
}

#cms-demo .demonstration-box .box-overlay {
	position: absolute;
	display: block;
	z-index: 99;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #fff;
	background-color: rgba(36,45,55,.9);
	opacity: 0;
	-webkit-transition: visibility 0s ease-in-out,opacity .15s ease-in;
	-o-transition: visibility 0s ease-in-out,opacity .15s ease-in;
	transition: visibility 0s ease-in-out,opacity .15s ease-in;
	border-radius: 2px
}

#cms-demo .demonstration-box .box-overlay:hover {
	opacity: 1;
	text-decoration: none
}

#cms-demo .demonstration-box .box-overlay span {
	position: absolute;
	z-index: 999;
	display: block;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	text-align: center
}

#cms-demo .demonstration-box .box-overlay span i {
	text-transform: lowercase
}

#cms-demo .demonstration-box p {
	color: #a8a8ae;
	text-align: center;
	margin-top: 20px;
	letter-spacing: 2px;
	font-style: italic
}

#cms-download>.container,#cms-download-history>.container {
	margin-top: 50px
}

#cms-download #download h1,#cms-download-history #download h1 {
	margin-top: 0
}

#cms-download #download p,#cms-download-history #download p {
	padding-top: 15px;
	padding-bottom: 15px
}

#cms-download #download+.container,#cms-download-history #download+.container {
	border-top: 5px solid #01afe8;
	margin-top: 35px;
	padding-top: 50px
}

#cms-download #banners,#cms-download-history #banners {
	margin-bottom: 50px
}

#cms-download #banners img,#cms-download-history #banners img {
	margin: 0 auto
}

#cms-download #steps h2,#cms-download-history #steps h2 {
	margin-top: 0;
	margin-bottom: 30px
}

#cms-download #steps>ul,#cms-download-history #steps>ul {
	list-style: none;
	margin-left: -40px
}

#cms-download #steps>ul>li,#cms-download-history #steps>ul>li {
	border: 1px solid #ddd;
	background-color: #f4f5f7;
	padding: 30px;
	position: relative
}

@media screen and (max-width:767px) {
	#cms-download #steps>ul>li+li,#cms-download-history #steps>ul>li+li {
		border-top: 0
	}
}

@media screen and (min-width:768px) {
	#cms-download #steps>ul>li,#cms-download-history #steps>ul>li {
		display: inline-block;
		width: 33.3333%;
		margin-right: -4px;
		height: 375px;
		vertical-align: top
	}
}

@media screen and (min-width:1200px) {
	#cms-download #steps>ul>li,#cms-download-history #steps>ul>li {
		height: 330px
	}
}

#cms-download #steps>ul>li h2,#cms-download-history #steps>ul>li h2 {
	color: #01afe8;
	margin-top: 0
}

#cms-download #steps>ul>li h4,#cms-download-history #steps>ul>li h4 {
	font-size: 16px
}

@media screen and (min-width:768px) {
	#cms-download #steps>ul>li .arrow,#cms-download-history #steps>ul>li .arrow {
		border-top: 15px solid transparent;
		border-bottom: 15px solid transparent;
		border-left: 15px solid #f4f5f7;
		border-right: 0
	}

	#cms-download #steps>ul>li .arrow.arrow-color,#cms-download-history #steps>ul>li .arrow.arrow-color {
		position: absolute;
		z-index: 800;
		left: 238px;
		top: 32px
	}

	#cms-download #steps>ul>li .arrow.arrow-border,#cms-download-history #steps>ul>li .arrow.arrow-border {
		border-left-color: #ddd;
		position: absolute;
		z-index: 799;
		left: 239px;
		top: 32px
	}
}

@media screen and (min-width:992px) {
	#cms-download #steps>ul>li .arrow.arrow-color,#cms-download-history #steps>ul>li .arrow.arrow-color {
		left: 230px;
		top: 32px
	}

	#cms-download #steps>ul>li .arrow.arrow-border,#cms-download-history #steps>ul>li .arrow.arrow-border {
		left: 231px;
		top: 32px
	}
}

@media screen and (min-width:1200px) {
	#cms-download #steps>ul>li .arrow.arrow-color,#cms-download-history #steps>ul>li .arrow.arrow-color {
		left: 280px;
		top: 32px
	}

	#cms-download #steps>ul>li .arrow.arrow-border,#cms-download-history #steps>ul>li .arrow.arrow-border {
		left: 281px;
		top: 32px
	}
}

#cms-download #extension h2,#cms-download-history #extension h2,#cms-download #theme h2,#cms-download-history #theme h2 {
	margin-top: 54px;
	margin-bottom: 44px
}

#cms-download .nav-tabs,#cms-download-history .nav-tabs {
	margin-bottom: 30px
}

@media screen and (max-width:991px) {
	#cms-download .well,#cms-download-history .well {
		margin-top: 30px
	}
}

#cms-download .well h3,#cms-download-history .well h3 {
	margin-top: 0
}

#cms-download .well img,#cms-download-history .well img {
	height: 40px
}

#cms-download .well img+p,#cms-download-history .well img+p {
	padding-bottom: 15px
}

#cms-download .well img+p:last-child,#cms-download-history .well img+p:last-child {
	padding-bottom: 0
}

#cms-download .container-fluid,#cms-download-history .container-fluid {
	margin-top: 50px
}

#cms-download .container-fluid .container,#cms-download-history .container-fluid .container {
	padding: 50px 0;
	text-align: center
}

#cms-download .container-fluid .container h2,#cms-download-history .container-fluid .container h2 {
	font-size: 40px;
	margin-top: 0;
	margin-bottom: 6px
}

#cms-download .container-fluid .container h3,#cms-download-history .container-fluid .container h3 {
	margin-top: 0;
	margin-bottom: 34px;
	font-size: 28px;
	font-weight: 300;
	color: #333
}

#cms-download .container-fluid .container .btn-lg,#cms-download-history .container-fluid .container .btn-lg {
	padding: 10px 0;
	width: 151px
}

#cms-download+footer,#cms-download-history+footer {
	margin-top: 0
}

#cms-download .thank-you-message,#cms-download-history .thank-you-message {
	border: 1px solid #ddd;
	background-color: #f4f5f7;
	border-radius: 4px
}

#cms-download .thank-you-message hr,#cms-download-history .thank-you-message hr {
	border-top: 1px solid #ddd;
	margin-top: 0;
	margin-bottom: 0
}

#cms-download .thank-you-message>.message,#cms-download-history .thank-you-message>.message {
	padding: 20px;
	background-color: #fff;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	text-align: center
}

#cms-download .thank-you-message>.message img,#cms-download-history .thank-you-message>.message img {
	margin-left: auto;
	margin-right: auto
}

#cms-download .thank-you-message>.follow,#cms-download-history .thank-you-message>.follow {
	padding: 20px
}

#cms-information+footer {
	margin-top: 0
}

#cms-information .page-header {
	background-image: url(../image/banner/feature.jpg)
}

#cms-information .page-header div {
	top: 45%
}

#cms-information #information-menu .list-unstyled>li {
	line-height: 35px;
	font-size: 18px
}

#cms-information #information-menu .list-unstyled>li:hover,#cms-information #information-menu .list-unstyled>li:focus,#cms-information #information-menu .list-unstyled>li:active {
	border-left: 2px solid #01afe8
}

#cms-information #information-menu .list-unstyled>li:hover>a,#cms-information #information-menu .list-unstyled>li:focus>a,#cms-information #information-menu .list-unstyled>li:active>a {
	background-color: #f4f5f7;
	padding-left: 18px;
	font-weight: 700
}

#cms-information #information-menu .list-unstyled>li.active {
	border-left: 2px solid #01afe8;
	background-color: #f4f5f7
}

#cms-information #information-menu .list-unstyled>li.active>a {
	padding-left: 18px;
	font-weight: 700
}

#cms-information #information-menu .list-unstyled>li>a {
	padding-left: 20px;
	color: #333;
	display: block
}

#cms-information #information-details .container {
	margin-top: 50px;
	margin-bottom: 50px
}

#cms-information #information-details section+section {
	margin-top: 50px
}

#cms-information #information-details legend {
	color: #000;
	font-size: 30px;
	font-weight: 700
}

#cms-information #information-details h2 {
	margin-top: 0;
	text-align: center
}

#cms-information #information-details h4 {
	color: #0babe3;
	font-weight: 300
}

#cms-information #information-details p {
	color: #4b525d
}

#cms-information #information-details p+h4 {
	margin-top: 30px
}

#cms-information #information-details #reference {
	color: #878787
}

#cms-information #information-details #reference a {
	color: #878787
}

#cms-information #information-details .table th,#cms-information #information-details .table td {
	text-align: center
}

#cms-information #information-details .table th:first-child,#cms-information #information-details .table td:first-child {
	text-align: left
}

#cms-information #information-details .table td:first-child {
	color: #878787
}

#cms-information #information-details .table .opencart-icon-star-light,#cms-information #information-details .table .opencart-icon-star-light-o,#cms-information #information-details .table .fa-check {
	color: #3ac9f0
}

#cms-information #information-details .table .fa-close {
	color: #878787
}

#cms-information #information-details #about #milestone #timeline {
	text-align: center
}

#cms-information #information-details #about #milestone #timeline .label {
	position: relative;
	z-index: 2;
	border-radius: 50px;
	padding: 11.5px 3px
}

#cms-information #information-details #about #milestone #timeline .label.label-check {
	padding: 12.5px 3px
}

#cms-information #information-details #about #milestone #timeline .label.label-bookmark {
	padding: 11.8px 3px
}

#cms-information #information-details #about #milestone #timeline .label i {
	border: 2px solid #f4f5f7;
	border-radius: 50px;
	padding: 9px
}

#cms-information #information-details #about #milestone #timeline .label i.fa-bar-chart {
	padding: 9px 8px
}

#cms-information #information-details #about #milestone #timeline .label i.fa-bookmark {
	padding: 8.5px 10px
}

#cms-information #information-details #about #milestone #timeline+div {
	padding-bottom: 40px
}

#cms-information #information-details #about #milestone #timeline+div::before {
	content: ' ';
	position: absolute;
	height: 100%;
	width: 4px;
	margin-left: -14%;
	background-color: #01afe8;
	z-index: 1
}

@media screen and (min-width:768px) {
	#cms-information #information-details #about #milestone #timeline+div::before {
		margin-left: -80px
	}
}

@media screen and (min-width:992px) {
	#cms-information #information-details #about #milestone #timeline+div::before {
		margin-left: -97px
	}
}

@media screen and (min-width:1200px) {
	#cms-information #information-details #about #milestone #timeline+div::before {
		margin-left: -114px
	}
}

#cms-information #information-details #about #milestone #timeline+div h3 {
	font-size: 20px;
	margin-top: 10px
}

#cms-information #information-details #about #milestone #timeline+div .event {
	padding: 8px 12px;
	border: 1px solid #ccc;
	border-radius: 3px;
	font-size: 18px;
	font-weight: 300
}

#cms-information #information-details #about #team .img-rounded {
	border-radius: 150px;
	max-width: 200px
}

@media screen and (max-width:767px) {
	#cms-information #information-details #about #team .img-rounded {
		max-width: 120px
	}
}

#cms-information #information-details #about #team p {
	text-align: center;
	font-weight: 700;
	font-size: 18px
}

#cms-information #information-details #media-kit h2 {
	text-align: left;
	padding-bottom: 20px;
	border-bottom: 1px solid #e2e4e8
}

#cms-information #information-details #media-kit img {
	border: 1px solid #e2e4e8;
	border-radius: 3px;
	margin: 0 auto
}

#cms-information #information-details #media-kit img+p {
	font-size: 25px;
	font-weight: 600;
	text-align: center
}

#cms-information #information-details #media-kit p {
	font-size: 18px
}

#cms-information #information-details #media-kit .background {
	background-color: #11255e;
	border-radius: 4px
}

#cms-information #information-details #media-kit .btn {
	font-size: 18px;
	font-weight: 600
}

#cms-information #information-details #media-kit .guideline {
	font-size: 24px;
	font-weight: 600;
	color: #000
}

#cms-information #information-details #media-kit .guideline+ol {
	margin-left: -23px
}

#cms-information #information-details #media-kit .guideline+ol li {
	font-size: 18px;
	font-weight: 300;
	color: #4b525d
}

#cms-information #information-details #media-kit .color-box {
	height: 150px;
	border: 0 solid #e2e4e8;
	border-radius: 3px
}

#cms-information #information-details #media-kit .color-box+p {
	font-size: 18px;
	font-weight: 300;
	margin-top: 10px;
	text-transform: uppercase
}

#cms-information #information-details #media-kit #spelling h3,#cms-information #information-details #media-kit #spelling .fa {
	margin-top: 20px;
	margin-bottom: 20px
}

#cms-information #information-details #media-kit #spelling .fa-check {
	color: #06b7f0
}

#cms-information #information-details #media-kit #spelling .fa-close {
	color: #4b525d
}

#cms-information #information-details #media-kit #spelling .color-box {
	border: 1px solid #e2e4e8;
	height: inherit;
	margin-bottom: 20px
}

#cms-cart-2-cart+footer {
	margin-top: 0
}

#cms-cart-2-cart .page-header {
	background-image: url(../image/banner/cart2cart.jpg);
	background-position: 50% 50%;
	height: 650px;
	margin-bottom: 0
}

#cms-cart-2-cart .page-header div>* {
	color: #fff
}

#cms-cart-2-cart .page-header div h1 {
	font-size: 3.875em
}

#cms-cart-2-cart .page-header div h2 {
	font-size: 1.75em;
	font-weight: 300
}

#cms-cart-2-cart h2 {
	font-size: 2.37em
}

#cms-cart-2-cart #features {
	padding: 60px 0
}

#cms-cart-2-cart #features h2 {
	padding-bottom: 60px
}

#cms-cart-2-cart #features .row+.row {
	margin-top: 30px
}

#cms-cart-2-cart #features .feature-item .icon-box {
	border: 2px solid #48b4ee;
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 4px;
	float: left;
	text-align: center;
	line-height: 60px
}

#cms-cart-2-cart #features .feature-item .icon-box i {
	color: #48b4ee;
	font-size: 36px;
	line-height: 56px;
	vertical-align: top;
	display: inline-block
}

#cms-cart-2-cart #features .feature-item .text-box {
	margin: 0 0 0 80px
}

#cms-cart-2-cart #features .feature-item .text-box h3 {
	padding: 3px 0 0;
	margin: 0 0 10px
}

#cms-cart-2-cart #features .feature-item .text-box p {
	color: #777b81
}

#cms-cart-2-cart #testimonial {
	padding-top: 60px
}

#cms-cart-2-cart #testimonial h2 {
	padding-bottom: 40px
}

#cms-cart-2-cart #testimonial .quote {
	position: relative;
	margin-bottom: 44px
}

#cms-cart-2-cart #testimonial .quote .quote-icon {
	position: absolute;
	left: 0;
	top: 12px
}

#cms-cart-2-cart #testimonial .quote .quote-icon .fa {
	font-size: 33px;
	background: -webkit-linear-gradient(right bottom,#48b4ee,#206f8c);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

#cms-cart-2-cart #testimonial .quote .quote-text {
	color: #000;
	font-size: 23px;
	line-height: 1.6;
	font-style: italic;
	font-weight: 300;
	padding-left: 50px
}

#cms-cart-2-cart #entity {
	padding-bottom: 60px
}

#cms-cart-2-cart #entity h2 {
	padding-top: 40px;
	padding-bottom: 30px
}

#cms-cart-2-cart #entity .entity-item .icon-box {
	border: 2px solid #77b249;
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 4px;
	float: left;
	text-align: center;
	line-height: 60px
}

#cms-cart-2-cart #entity .entity-item .icon-box i {
	font-size: 25px;
	line-height: 38px;
	color: #77b249;
	vertical-align: top;
	display: inline-block
}

#cms-cart-2-cart #entity .entity-item .text-box {
	margin: 0 0 0 60px;
	position: relative;
	bottom: -7px
}

#cms-cart-2-cart #pricing {
	padding: 60px 0
}

#cms-cart-2-cart #pricing h2 {
	padding-bottom: 40px
}

#cms-cart-2-cart #pricing .brands-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 0;
	list-style-type: none;
	margin-bottom: 30px
}

#cms-cart-2-cart #pricing .brands-list li {
	height: 56px;
	flex-basis: 190px;
	margin: 0 10px
}

#cms-cart-2-cart #pricing .brands-list li a {
	text-decoration: underline;
	color: #2d343e
}

#cms-cart-2-cart #pricing .get-quote-plan .pricing-plan,#cms-cart-2-cart #pricing .premium-plan .pricing-plan,#cms-cart-2-cart #pricing .upgrade-plan .pricing-plan {
	background-color: #fff;
	border: 1px solid #cecfd2;
	border-radius: 4px;
	text-align: center;
	display: inline-block
}

#cms-cart-2-cart #pricing .get-quote-plan .pricing-plan .top-line,#cms-cart-2-cart #pricing .premium-plan .pricing-plan .top-line,#cms-cart-2-cart #pricing .upgrade-plan .pricing-plan .top-line {
	height: 5px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px
}

#cms-cart-2-cart #pricing .get-quote-plan .pricing-plan .pricing-plan-info,#cms-cart-2-cart #pricing .premium-plan .pricing-plan .pricing-plan-info,#cms-cart-2-cart #pricing .upgrade-plan .pricing-plan .pricing-plan-info {
	position: relative;
	padding: 20px 20px 0
}

#cms-cart-2-cart #pricing .get-quote-plan .pricing-plan .pricing-plan-info .pricing-plan-info-text h2,#cms-cart-2-cart #pricing .premium-plan .pricing-plan .pricing-plan-info .pricing-plan-info-text h2,#cms-cart-2-cart #pricing .upgrade-plan .pricing-plan .pricing-plan-info .pricing-plan-info-text h2 {
	margin-top: 0;
	margin-bottom: 5px;
	padding-bottom: 0;
	text-align: left;
	font-size: 30px;
	font-weight: 400
}

#cms-cart-2-cart #pricing .get-quote-plan .pricing-plan .pricing-plan-description,#cms-cart-2-cart #pricing .premium-plan .pricing-plan .pricing-plan-description,#cms-cart-2-cart #pricing .upgrade-plan .pricing-plan .pricing-plan-description {
	padding: 0 20px;
	text-align: left
}

#cms-cart-2-cart #pricing .get-quote-plan .pricing-plan .pricing-plan-description span,#cms-cart-2-cart #pricing .premium-plan .pricing-plan .pricing-plan-description span,#cms-cart-2-cart #pricing .upgrade-plan .pricing-plan .pricing-plan-description span {
	font-size: 16px
}

#cms-cart-2-cart #pricing .get-quote-plan .pricing-plan .features-box,#cms-cart-2-cart #pricing .premium-plan .pricing-plan .features-box,#cms-cart-2-cart #pricing .upgrade-plan .pricing-plan .features-box {
	padding-top: 10px;
	padding-bottom: 20px
}

#cms-cart-2-cart #pricing .get-quote-plan .pricing-plan .features-box .features-list,#cms-cart-2-cart #pricing .premium-plan .pricing-plan .features-box .features-list,#cms-cart-2-cart #pricing .upgrade-plan .pricing-plan .features-box .features-list {
	list-style-type: disc;
	padding-right: 20px;
	margin: 30px 0 40px;
	color: #777b81;
	min-height: 334px
}

#cms-cart-2-cart #pricing .get-quote-plan .pricing-plan .features-box .features-list li,#cms-cart-2-cart #pricing .premium-plan .pricing-plan .features-box .features-list li,#cms-cart-2-cart #pricing .upgrade-plan .pricing-plan .features-box .features-list li {
	text-align: left;
	list-style: disc outside none
}

#cms-cart-2-cart #pricing .get-quote-plan .pricing-plan .features-box .features-list li+li,#cms-cart-2-cart #pricing .premium-plan .pricing-plan .features-box .features-list li+li,#cms-cart-2-cart #pricing .upgrade-plan .pricing-plan .features-box .features-list li+li {
	margin-top: 10px
}

#cms-cart-2-cart #pricing .get-quote-plan .pricing-plan .top-line {
	background-color: #2380ff
}

#cms-cart-2-cart #pricing .get-quote-plan .pricing-plan .pricing-plan-info-price {
	position: absolute;
	top: 30px;
	right: 30px
}

#cms-cart-2-cart #pricing .get-quote-plan .pricing-plan .pricing-plan-info-price p {
	display: inline-block;
	font-size: 3.37em;
	line-height: 62%;
	font-weight: 400;
	color: #2d343e;
	margin-bottom: 0
}

#cms-cart-2-cart #pricing .get-quote-plan .pricing-plan .pricing-plan-info-price span {
	display: block;
	font-size: 14px;
	margin-top: 3px
}

#cms-cart-2-cart #pricing .get-quote-plan .pricing-plan .pricing-plan-info-price .currency {
	display: inline-block;
	vertical-align: top;
	font-size: 1.5em;
	line-height: 100%;
	font-weight: 600;
	color: #2d343e;
	margin: 0
}

#cms-cart-2-cart #pricing .get-quote-plan .pricing-plan .pricing-plan-info-text h2 {
	color: #2380ff
}

#cms-cart-2-cart #pricing .get-quote-plan .pricing-plan .pricing-plan-description span {
	color: #2380ff
}

#cms-cart-2-cart #pricing .premium-plan .pricing-plan .top-line {
	background-color: #7ec349
}

#cms-cart-2-cart #pricing .premium-plan .pricing-plan .pricing-plan-info-text h2 {
	color: #7ec349
}

#cms-cart-2-cart #pricing .premium-plan .pricing-plan .pricing-plan-description span {
	color: #7ec349
}

#cms-cart-2-cart #pricing .premium-plan .pricing-plan .btn-primary {
	background-color: #7ec349;
	border-color: #7ec349
}

#cms-cart-2-cart #pricing .upgrade-plan {
	margin-top: 30px
}

#cms-cart-2-cart #pricing .upgrade-plan .pricing-plan .top-line {
	background-color: #f58d37
}

#cms-cart-2-cart #pricing .upgrade-plan .pricing-plan .pricing-plan-info {
	position: relative;
	padding: 20px 20px 0
}

#cms-cart-2-cart #pricing .upgrade-plan .pricing-plan .pricing-plan-info .pricing-plan-info-text h2 {
	color: #f58d37;
	text-align: center;
	text-align: -webkit-center
}

#cms-cart-2-cart #pricing .upgrade-plan .btn-upgrade,#cms-cart-2-cart #pricing .upgrade-plan .btn-upgrade:hover,#cms-cart-2-cart #pricing .upgrade-plan .btn-upgrade:active,#cms-cart-2-cart #pricing .upgrade-plan .btn-upgrade:focus {
	background: #f58d37;
	color: #fff
}

#cms-cart-2-cart #faq {
	padding: 60px 0
}

#cms-cart-2-cart #faq h2 {
	padding-bottom: 40px
}

#cms-cart-2-cart #faq h3 {
	font-weight: 400;
	line-height: 1.28571;
	color: #2d343e
}

#cms-cart-2-cart #faq p,#cms-cart-2-cart #faq li {
	color: #777b81
}

#marketplace-extension .page-header {
	background-image: url(../image/banner/extensions.jpg)
}

#marketplace-extension section+section {
	margin-top: 30px
}

#marketplace-extension hr {
	margin-top: 40px;
	margin-bottom: 0;
	border-bottom: 1px solid #efefef
}

#marketplace-extension #extension-search .input-group {
	margin-top: 20px;
	display: block;
	border: 1px solid #e2e4e8;
	border-radius: 4px
}

#marketplace-extension #extension-search .form-control {
	height: 42px;
	border: 0;
	padding-right: 55px;
	border-radius: 3px;
	display: block;
	float: none
}

#marketplace-extension #extension-search .input-group-btn {
	position: absolute;
	right: 0;
	top: 5px;
	bottom: 5px;
	padding: 0 5px;
	border-left: 0 solid #e2e4e8;
	display: block;
	width: 49px;
	height: 32px;
	z-index: 99
}

#marketplace-extension #extension-search .input-group-btn .btn {
	width: 38px;
	height: 32px;
	line-height: 30px;
	padding: 0;
	text-align: center;
	font-size: 16px;
	margin: 0;
	border-radius: 3px;
	border: 0
}

#marketplace-extension #extension-search .input-group-btn .btn-default {
	color: #01afe8
}

#marketplace-extension #extension-category .list-unstyled>li {
	line-height: 35px;
	font-size: 18px
}

#marketplace-extension #extension-category .list-unstyled>li:hover,#marketplace-extension #extension-category .list-unstyled>li:focus,#marketplace-extension #extension-category .list-unstyled>li:active {
	border-left: 2px solid #01afe8
}

#marketplace-extension #extension-category .list-unstyled>li:hover>a,#marketplace-extension #extension-category .list-unstyled>li:focus>a,#marketplace-extension #extension-category .list-unstyled>li:active>a {
	background-color: #f4f5f7;
	padding-left: 18px;
	font-weight: 700
}

#marketplace-extension #extension-category .list-unstyled>li.active {
	border-left: 2px solid #01afe8;
	background-color: #f4f5f7
}

#marketplace-extension #extension-category .list-unstyled>li.active>a {
	padding-left: 18px;
	font-weight: 700
}

#marketplace-extension #extension-category .list-unstyled>li>a {
	padding-left: 20px;
	color: #333;
	display: block
}

#marketplace-extension #extension-opencart-version .input-group {
	width: 100%
}

#marketplace-extension #extension-rating .list-unstyled>li {
	line-height: 35px
}

#marketplace-extension #extension-rating .list-unstyled>li>a {
	color: #333
}

#marketplace-extension #extension-rating .list-unstyled>li>a i {
	color: #4b525d;
	padding-left: 3px
}

#marketplace-extension #extension-search,#marketplace-extension #extension-category,#marketplace-extension #extension-opencart-version,#marketplace-extension #extension-developed,#marketplace-extension #extension-rating {
	margin-bottom: 20px
}

#marketplace-extension #extension-search h4,#marketplace-extension #extension-category h4,#marketplace-extension #extension-opencart-version h4,#marketplace-extension #extension-developed h4,#marketplace-extension #extension-rating h4 {
	border-bottom: 1px solid #e9e9e9;
	margin: 0 0 15px;
	padding-bottom: 15px
}

@media screen and (min-width:992px) {
	#marketplace-extension #extension-sorting {
		text-align: right
	}
}

@media screen and (max-width:991px) {
	#marketplace-extension #extension-sorting form {
		padding-top: 15px
	}
}

#marketplace-extension #extension-sorting form label {
	line-height: 2.5
}

#marketplace-extension nav .pagination {
	margin-top: 40px
}

#marketplace-extension nav .pagination li.active span {
	padding: 10px 17px
}

#marketplace-extension nav .pagination li a {
	padding: 10px 17px
}

#marketplace-extension #mobile-switch {
	margin-bottom: 20px
}

@media screen and (min-width:768px) {
	#marketplace-extension #collapse-filter {
		display: block
	}
}

#marketplace-extension-info .container-fluid {
	padding-top: 20px
}

#marketplace-extension-info .container-fluid .breadcrumb>li+li::before {
	content: "/";
	padding: 0 5px;
	color: #4b525d
}

#marketplace-extension-info .container-fluid input {
	border-right: 0
}

#marketplace-extension-info .container-fluid .input-group-btn {
	background-color: #fff;
	border: 1px solid #d7d8da;
	border-left: 0;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px
}

@media screen and (max-width:991px) {
	#marketplace-extension-info .container-fluid #extension-search {
		margin-bottom: 30px
	}
}

#marketplace-extension-info .extension-review {
	border-top: 5px solid #01afe8;
	padding-top: 50px;
	margin-top: 50px;
	margin-bottom: 50px
}

#marketplace-extension-info .nav-tabs {
	font-size: 18px
}

#marketplace-extension-info .nav-tabs+.tab-content {
	margin-top: 30px;
	margin-bottom: 30px
}

#marketplace-extension-info iframe {
	width: 100%;
	height: 450px
}

@media screen and (max-width:767px) {
	#marketplace-extension-info iframe {
		height: 350px
	}
}

#marketplace-extension-info #buy {
	color: #4b525d
}

#marketplace-extension-info #buy #price {
	color: #000;
	font-size: 20px;
	padding-top: 15px;
	padding-bottom: 5px
}

#marketplace-extension-info #buy i {
	color: #10b4e9
}

#marketplace-extension-info #buy hr {
	border-color: #ddd;
	margin: 10px 0
}

#marketplace-extension-info #sales {
	color: #4b525d
}

#marketplace-extension-info #sales i {
	color: #7ec239;
	margin-right: 10px;
	font-size: 24px
}

#marketplace-extension-info #sales strong {
	font-size: 24px
}

#marketplace-extension-info #comment {
	color: #4b525d
}

#marketplace-extension-info #comment i {
	color: #02afe9;
	margin-right: 10px;
	font-size: 22px
}

#marketplace-extension-info #comment strong {
	font-size: 22px
}

#marketplace-extension-info .well .media {
	line-height: 1.2
}

#marketplace-extension-info .well .media .media-body {
	padding-top: 6px
}

#marketplace-extension-info .well .media .media-body span {
	font-size: 24px;
	font-weight: 600
}

#marketplace-extension-info .well .media .media-body small {
	color: #878f9a
}

@media screen and (max-width:992px) {
	#marketplace-extension-info .container-fluid {
		padding-bottom: 30px
	}
}

#marketplace-extension-disable .page-header,#marketplace-extension-failure .page-header {
	background-image: url(../image/banner/extensions.jpg)
}

#marketplace-extension-disable>.container,#marketplace-extension-failure>.container {
	margin-top: 30px;
	padding: 30px
}

#marketplace-extension-disable>.container .icon,#marketplace-extension-failure>.container .icon {
	padding-top: 30px;
	padding-bottom: 30px
}

#marketplace-extension-disable>.container .icon img,#marketplace-extension-failure>.container .icon img {
	margin: 0 auto;
	max-width: 200px
}

#marketplace-extension-disable>.container .message,#marketplace-extension-failure>.container .message {
	border: 1px solid #dedede;
	border-radius: 3px;
	padding: 20px 30px
}

#marketplace-extension-disable>.container .message h1,#marketplace-extension-failure>.container .message h1 {
	font-size: 100px;
	color: #0a80df;
	margin-top: 0;
	margin-bottom: 12px;
	line-height: 1;
	text-align: center
}

#marketplace-extension-disable>.container .message h2,#marketplace-extension-failure>.container .message h2 {
	text-align: center;
	margin-top: 0
}

#marketplace-extension-disable>.container .message p,#marketplace-extension-failure>.container .message p {
	font-size: 24px;
	font-weight: 300
}

#marketplace-extension-disable>.container .message p a,#marketplace-extension-failure>.container .message p a {
	font-weight: 600
}

@media screen and (min-width:768px) {
	#marketplace-extension-disable>.container,#marketplace-extension-failure>.container {
		margin-top: 50px;
		padding: 50px 30px;
		border: 1px solid #dedede;
		border-radius: 3px
	}

	#marketplace-extension-disable>.container .icon,#marketplace-extension-failure>.container .icon {
		padding-top: 30px;
		padding-bottom: 0
	}

	#marketplace-extension-disable>.container .icon img,#marketplace-extension-failure>.container .icon img {
		margin: 0 auto;
		max-width: 100%
	}

	#marketplace-extension-disable>.container .message,#marketplace-extension-failure>.container .message {
		border: 0
	}

	#marketplace-extension-disable>.container .message h1,#marketplace-extension-failure>.container .message h1 {
		font-size: 180px;
		text-align: left;
		margin-bottom: 30px
	}

	#marketplace-extension-disable>.container .message h2,#marketplace-extension-failure>.container .message h2 {
		text-align: left
	}
}

#marketplace-contact .page-header {
	background-image: url(../image/banner/extensions.jpg)
}

#marketplace-purchase .page-header,#marketplace-purchase-success .page-header {
	background-image: url(../image/banner/extensions.jpg)
}

#marketplace-purchase fieldset+fieldset,#marketplace-purchase-success fieldset+fieldset {
	margin-top: 50px
}

#marketplace-purchase fieldset #purchase input[name=quantity],#marketplace-purchase-success fieldset #purchase input[name=quantity] {
	line-height: 46px
}

#marketplace-purchase fieldset #purchase .btn,#marketplace-purchase-success fieldset #purchase .btn {
	padding: 11px 16px
}

#marketplace-purchase fieldset #purchase .btn-default,#marketplace-purchase-success fieldset #purchase .btn-default {
	color: #01afe8
}

#support-partner .page-header,#support-partner-success .page-header {
	background-image: url(../image/banner/partner.jpg)
}

#support-partner section+section,#support-partner-success section+section {
	margin-top: 50px
}

#support-partner #partner-country h4,#support-partner-success #partner-country h4 {
	color: #000;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #d7d8da
}

#support-partner #partner-type h4,#support-partner-success #partner-type h4 {
	color: #000;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #d7d8da
}

#support-partner #partner-status h4,#support-partner-success #partner-status h4 {
	color: #000;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #d7d8da
}

#support-partner #partner-list,#support-partner-success #partner-list {
	padding: 45px 0;
	border-bottom: 1px solid #d7d8da
}

#support-partner #partner-list .media-body,#support-partner-success #partner-list .media-body {
	padding-left: 10px
}

#support-partner #partner-list .media-body h4,#support-partner-success #partner-list .media-body h4 {
	margin-top: 3px
}

#support-partner #partner-list .media-body h6,#support-partner-success #partner-list .media-body h6 {
	color: #9ca0a6;
	font-size: 12px;
	margin-top: 0;
	margin-bottom: 0
}

#support-partner #partner-list p,#support-partner-success #partner-list p {
	margin-top: 40px;
	color: #4b525d
}

#support-partner #partner-list .btn-sm,#support-partner-success #partner-list .btn-sm {
	padding: 5px 12px
}

#support-partner hr+#partner-list,#support-partner-success hr+#partner-list {
	padding-top: 0
}

#support-partner .pagination li.active span,#support-partner-success .pagination li.active span {
	padding: 10px 17px
}

#support-partner .pagination li a,#support-partner-success .pagination li a {
	padding: 10px 17px
}

#support-partner .container-fluid,#support-partner-success .container-fluid {
	margin-top: 50px;
	padding: 50px 0
}

#support-partner .container-fluid .btn-sm,#support-partner-success .container-fluid .btn-sm {
	width: 220px;
	padding: 11px 0
}

#support-partner+footer,#support-partner-success+footer {
	margin-top: 0
}

#support-partner-info>.container {
	padding-top: 50px;
	padding-bottom: 50px
}

#support-partner-info>.container #partner-details .media .media-body {
	padding-left: 10px
}

#support-partner-info>.container #partner-details .media .media-body h4 {
	margin-top: 3px
}

#support-partner-info>.container #partner-details .media .media-body h6 {
	color: #9ca0a6;
	font-size: 12px;
	margin-top: 0;
	margin-bottom: 0
}

#support-partner-info>.container #partner-details .media .media-body h6 a {
	color: #35c4ec
}

#support-partner-info>.container #partner-details .media+div {
	margin-top: 40px;
	color: #4b525d
}

#support-partner-info>.container #partner-details .well h4 {
	text-transform: uppercase;
	font-size: 16px;
	margin-bottom: 6px;
	margin-top: 30px
}

#support-partner-info>.container #partner-details .well p {
	margin-top: 0;
	font-size: 16px;
	padding-bottom: 0;
	color: #49515c
}

#support-partner-info>.container #partner-details .well p a {
	color: #49515c
}

#support-partner-info>.container #projects h2 {
	text-align: center;
	margin-top: 70px;
	margin-bottom: 40px
}

#support-partner-info>.container #projects .row+.row {
	margin-top: 30px
}

@media screen and (max-width:767px) {
	#support-partner-info>.container #projects .row+.row {
		margin-top: 0
	}
}

@media screen and (max-width:767px) {
	#support-partner-info>.container #projects .row>div {
		margin-top: 20px
	}
}

#support-partner-info>.container #projects .row .showcase-link {
	position: relative;
	height: 200px
}

#support-partner-info>.container #projects .row .showcase-link>div {
	position: absolute;
	display: block;
	z-index: 99;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	background-color: rgba(36,45,55,.9);
	opacity: 0;
	-webkit-transition: visibility 0s ease-in-out,opacity .15s ease-in;
	-o-transition: visibility 0s ease-in-out,opacity .15s ease-in;
	transition: visibility 0s ease-in-out,opacity .15s ease-in;
	border-radius: 2px
}

#support-partner-info>.container #projects .row .showcase-link>div:hover {
	opacity: 1
}

#support-partner-info>.container #projects .row .showcase-link>div a {
	position: absolute;
	z-index: 999;
	display: block;
	color: #fff;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

#support-partner-info>.container #projects .row .showcase-link img {
	margin: 0 auto
}

#support-partner-info>.container #projects .row h4 {
	margin-bottom: 8px
}

#support-partner-info>.container #projects .row h6 {
	margin-top: 0
}

#support-partner-contact .page-header {
	background-image: url(../image/banner/partner.jpg)
}

#support-partner-contact button[type=submit] {
	margin-top: 20px
}

#support-partner-contact .well .media {
	line-height: 1.2
}

#support-partner-contact .well .media .media-body {
	padding-top: 6px
}

#support-partner-contact .well .media .media-body span {
	font-size: 24px;
	font-weight: 600
}

#support-partner-contact .well .media .media-body small {
	color: #878f9a
}

@media screen and (max-width:991px) {
	#support-partner-contact .well {
		margin-top: 30px
	}
}

#support-seller .page-header,#support-seller-success .page-header {
	background-image: url(../image/banner/extensions.jpg)
}

#support-seller .page-header h1,#support-seller-success .page-header h1 {
	margin-top: 10px
}

#support-seller button[type=submit],#support-seller-success button[type=submit] {
	margin-top: 20px
}

#support-seller .well .media,#support-seller-success .well .media {
	line-height: 1.2
}

#support-seller .well .media .media-body,#support-seller-success .well .media .media-body {
	padding-top: 6px
}

#support-seller .well .media .media-body span,#support-seller-success .well .media .media-body span {
	font-size: 24px;
	font-weight: 600
}

#support-seller .well .media .media-body small,#support-seller-success .well .media .media-body small {
	color: #878f9a
}

@media screen and (max-width:991px) {
	#support-seller .well,#support-seller-success .well {
		margin-top: 30px
	}
}

#support-contact .page-header,#support-contact-success .page-header {
	background-image: url(../image/banner/contact.jpg)
}

#support-contact #address,#support-contact-success #address {
	margin-bottom: 50px
}

#support-contact #address h2,#support-contact-success #address h2 {
	text-align: center;
	margin-top: 70px;
	margin-bottom: 44px
}

#support-contact #address .office,#support-contact-success #address .office {
	padding: 0 15px;
	border: 1px solid #ddd;
	background-color: #f4f5f7;
	margin-bottom: 30px
}

#support-contact #address .map,#support-contact-success #address .map {
	border: 1px solid #ddd;
	width: 100%;
	height: 300px
}

#support-contact #address .map+.office,#support-contact-success #address .map+.office {
	border-top: 0
}

#support-contact .container-fluid,#support-contact-success .container-fluid {
	background-image: url(../image/support/bg-support-ds.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 291px
}

#support-contact .container-fluid .container,#support-contact-success .container-fluid .container {
	text-align: center
}

#support-contact .container-fluid .container p,#support-contact-success .container-fluid .container p {
	font-size: 20px;
	font-weight: 700;
	color: #333
}

#support-contact .container-fluid .container p:first-child,#support-contact-success .container-fluid .container p:first-child {
	margin-top: 80px;
	margin-bottom: 36px
}

#support-contact .container-fluid .container .btn,#support-contact-success .container-fluid .container .btn {
	width: 220px
}

#support-contact .container-fluid .container .btn-lg,#support-contact-success .container-fluid .container .btn-lg {
	padding: 10px 0
}

#support-contact+footer,#support-contact-success+footer {
	margin-top: 0
}

@media screen and (max-width:992px) {
	#support-contact form button,#support-contact-success form button {
		margin-top: 15px
	}

	#support-contact .well,#support-contact-success .well {
		margin-top: 40px
	}
}

#support-support .page-header {
	background-image: url(../image/banner/support.jpg)
}

#support-support .page-header div {
	top: 45%
}

#support-support #support-ticket {
	background-image: url(../image/support/bg-big-support.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	border: 1px solid #ddd;
	padding: 20px 15px
}

@media screen and (max-width:992px) {
	#support-support .methods #documentation {
		padding-top: 30px
	}
}

#support-support .methods #cs {
	padding-top: 30px;
	border-top: 1px solid #ddd
}

#support-support .methods #ds {
	padding-top: 30px;
	border-top: 1px solid #ddd
}

#support-support .methods a {
	color: inherit
}

#support-support #resources h2 {
	text-align: center;
	margin-top: 50px;
	margin-bottom: 40px
}

#support-support #resources .box {
	background-color: #f4f5f7;
	text-align: center;
	padding: 20px 15px;
	position: relative
}

@media screen and (min-width:768px) and (max-width:991px) {
	#support-support #resources .box {
		min-height: 250px
	}
}

@media screen and (min-width:992px) {
	#support-support #resources .box {
		min-height: 200px
	}
}

#support-support #resources .box .box-overlay {
	position: absolute;
	display: block;
	z-index: 99;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #fff;
	background-color: rgba(36,45,55,.9);
	opacity: 0;
	-webkit-transition: visibility 0s ease-in-out,opacity .15s ease-in;
	-o-transition: visibility 0s ease-in-out,opacity .15s ease-in;
	transition: visibility 0s ease-in-out,opacity .15s ease-in;
	border-radius: 2px
}

#support-support #resources .box .box-overlay:hover {
	opacity: 1;
	text-decoration: none
}

#support-support #resources .box .box-overlay span {
	position: absolute;
	z-index: 999;
	display: block;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

#support-support #resources .box .box-overlay a {
	color: #fff
}

#support-support #resources .box .box-overlay+div {
	margin-top: 20px
}

@media screen and (max-width:767px) {
	#support-support #resources .row>div+div {
		margin-top: 30px
	}
}

#support-contact-success+footer,#support-partner-success+footer,#support-seller-success+footer {
	margin-top: 60px
}

#documentation>.container {
	margin-top: 50px
}

#documentation>.container h1 {
	margin-top: 0
}

@media screen and (max-width:991px) {
	#documentation>.container {
		margin-top: 25px
	}
}

#documentation #catrgories-top-menu .btn {
	font-size: 16px;
	font-weight: 600
}

#documentation #menu h4 {
	border-bottom: 1px solid #e9e9e9;
	margin: 0 0 15px;
	padding-bottom: 15px
}

#documentation #menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	transition: max-height .5s ease-in-out
}

#documentation #menu ul li {
	font-size: 16px
}

#documentation #menu ul li>a {
	line-height: 35px;
	display: block;
	padding-left: 20px;
	color: #000
}

#documentation #menu ul li>a.parent::after {
	font-family: FontAwesome;
	content: '\f0d7';
	position: absolute;
	right: 20px;
	color: #4b525d;
	width: 15px
}

#documentation #menu ul li:hover>a,#documentation #menu ul li:focus>a,#documentation #menu ul li:active>a {
	border-left: 2px solid #01afe8;
	background-color: #f4f5f7;
	padding-left: 18px;
	font-weight: 600
}

#documentation #menu ul li.open>a {
	border-left: 2px solid #01afe8;
	background-color: #f4f5f7;
	padding-left: 18px;
	font-weight: 600
}

#documentation #menu ul li.open>a.parent::after {
	content: '\f0de'
}

#documentation #menu ul li.open>ul {
	max-height: 9999px;
	opacity: 1;
	margin-top: 5px;
	margin-bottom: 5px
}

#documentation #menu ul li>ul {
	max-height: 0;
	opacity: 0;
	border-left: 1px solid #ededed;
	transition: all .5s
}

#documentation #menu ul li>ul li {
	font-size: 14px
}

#documentation #menu ul li>ul li>ul {
	border-left: 0;
	margin-left: 10px
}

#documentation #menu ul li>ul li>ul li a {
	color: #4b525d
}

#documentation #menu ul li>ul li>ul li:hover a,#documentation #menu ul li>ul li>ul li:focus a,#documentation #menu ul li>ul li>ul li:active a {
	border-left: 0;
	background-color: transparent;
	padding-left: 20px
}

#documentation #menu ul li>ul li>ul li.open>a {
	border-left: 0;
	background-color: transparent;
	padding-left: 20px
}

#cloud-landing .page-header {
	background-image: url(../image/banner/feature.jpg);
	margin: 0
}

#cloud-landing .page-header .container {
	padding: 0
}

#cloud-landing #category.container {
	padding-bottom: 0
}

#cloud-landing #category .nav-tabs li a {
	color: #000;
	font-size: 18px
}

#cloud-landing #start-button.container {
	padding-top: 0;
	padding-bottom: 60px
}

#cloud-landing #start-button .btn {
	font-size: 21px
}

#cloud-landing .container {
	padding-top: 60px;
	padding-bottom: 60px
}

#cloud-landing .start-button .btn {
	font-size: 21px
}

#cloud-landing #banner-section img {
	margin-left: auto;
	margin-right: auto
}

#cloud-landing #tab-cloud .container h3 {
	margin-top: 0
}

#cloud-landing #cloud-store {
	background-image: url(../image/cloud/cloud-bg.jpg);
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	color: #fff
}

#cloud-landing #cloud-store h1,#cloud-landing #cloud-store h2,#cloud-landing #cloud-store h3,#cloud-landing #cloud-store h4,#cloud-landing #cloud-store h5,#cloud-landing #cloud-store h6 {
	color: #fff
}

#cloud-landing #cloud-store h1 {
	margin-bottom: 40px
}

#cloud-landing #cloud-store hr {
	margin-top: 30px;
	border-top: 1px solid #666
}

#cloud-landing #cloud-store figure>img {
	margin-left: auto;
	margin-right: auto
}

@media screen and (max-width:767px) {
	#cloud-landing #cloud-store {
		background-position: 15% 50%
	}

	#cloud-landing #cloud-store h1 {
		font-size: 24px
	}
}

#cloud-landing #features h1 {
	text-align: center;
	margin-bottom: 20px
}

#cloud-landing #features img {
	margin-left: auto;
	margin-right: auto
}

#cloud-landing #plans.container {
	padding-top: 50px
}

#cloud-landing #plans h1,#cloud-landing #plans h2,#cloud-landing #plans h5,#cloud-landing #plans h6 {
	text-align: center
}

#cloud-landing #plans h2 {
	margin-top: 15px;
	margin-bottom: 15px
}

#cloud-landing #plans hr {
	border-top: 1px solid #eee
}

#cloud-landing #plans .list-inline li {
	width: 32.3333%;
	border: 1px solid #ddd;
	padding: 0;
	position: relative;
	vertical-align: middle;
	border-radius: 4px
}

#cloud-landing #plans .list-inline li:nth-child(2) {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd
}

#cloud-landing #plans .list-inline li.active {
	border-color: #01aee8;
	border-width: 3px
}

#cloud-landing #plans .list-inline li .plan {
	padding: 10px
}

#cloud-landing #plans .list-inline li .action-button {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	transition: all .5s;
	background-color: rgba(1,175,232,.5)
}

#cloud-landing #plans .list-inline li .action-button:hover {
	opacity: 1
}

#cloud-landing #plans .list-inline li .action-button>div {
	position: absolute;
	top: 50%;
	margin-top: -19px;
	width: 100%
}

@media screen and (max-width:767px) {
	#cloud-landing #plans .list-inline li {
		width: 100%
	}

	#cloud-landing #plans .list-inline li+li {
		margin-top: 30px
	}

	#cloud-landing #plans .list-inline li .action-button:hover {
		opacity: 0
	}
}

#cloud-landing #plans .list-inline hr {
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: 1px solid #eee
}

#cloud-landing #plans .list-inline .special-offer {
	padding: 5px 10px;
	font-weight: 700;
	font-size: 14px
}

#cloud-landing #plans .list-inline .special-offer.special-danger {
	background-color: #ffe7e7;
	color: #ff5b5b
}

#cloud-landing #plans .list-inline .special-offer.special-success {
	background-color: #d3face;
	color: #4b8643
}

#cloud-landing #paypal-section figure {
	margin-bottom: 30px
}

#cloud-landing #paypal-section figure img {
	margin-left: auto;
	margin-right: auto
}

#cloud-landing #paypal-section article {
	font-size: 21px;
	margin-bottom: 40px
}

#cloud-landing #paypal-section article p+p {
	margin-top: 10px
}

#cloud-landing #paypal-section .market {
	padding-top: 40px;
	padding-bottom: 40px;
	background-image: url(../image/cloud/market-bg.jpg);
	background-position: 50% 50%;
	color: #fff;
	font-size: 24px;
	line-height: 1.8
}

#cloud-landing #paypal-section .market article {
	font-size: 26px;
	font-weight: 600
}

@media screen and (max-width:767px) {
	#cloud-landing #features h2,#cloud-landing #features p {
		text-align: center
	}

	#cloud-landing #features .row>div {
		margin-bottom: 20px
	}
}

@media screen and (min-width:992px) {
	#cloud-landing #features .row+.row {
		margin-top: 60px
	}
}

#cloud-landing+footer {
	margin-top: 0
}

#cloud-subscription .page-header {
	background-image: url(../image/banner/feature.jpg)
}

#cloud-subscription .plan-length {
	width: 100%;
	text-align: center
}

#account-login .page-header,#account-forgotten .page-header,#account-reset .page-header,#account-pin .page-header,#account-security .page-header {
	background-image: url(../image/banner/login.jpg)
}

#account-login .page-header div,#account-forgotten .page-header div,#account-reset .page-header div,#account-pin .page-header div,#account-security .page-header div {
	top: 45%
}

#account-login form .btn-link,#account-forgotten form .btn-link,#account-reset form .btn-link,#account-pin form .btn-link,#account-security form .btn-link {
	line-height: 46px
}

#account-login #need-help,#account-forgotten #need-help,#account-reset #need-help,#account-pin #need-help,#account-security #need-help {
	background-image: url(../image/account/bg_ds.png);
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 50px;
	padding: 30px 20px;
	color: #fff;
	border-radius: 3px
}

#account-login #need-help a,#account-forgotten #need-help a,#account-reset #need-help a,#account-pin #need-help a,#account-security #need-help a {
	color: #ffb3be;
	text-decoration: underline
}

#account-register #register,#account-register-success #register {
	margin-top: 50px
}

#account-register #register .well h3,#account-register-success #register .well h3 {
	padding-left: 10px
}

#account-register #register #register-newsletter,#account-register-success #register #register-newsletter {
	margin-bottom: 40px;
	background-color: #242d37;
	border-radius: 3px;
	padding: 30px 20px;
	text-align: center;
	color: #fff
}

#account-register #register #register-newsletter h4,#account-register-success #register #register-newsletter h4 {
	color: #fff;
	text-transform: uppercase
}

#account-register #register #register-newsletter img,#account-register-success #register #register-newsletter img {
	max-width: 124px;
	margin: 0 auto
}

#account-register #register #register-newsletter .newsletter,#account-register-success #register #register-newsletter .newsletter {
	margin-top: 20px
}

#account-register #register #register-newsletter .newsletter .input-group,#account-register-success #register #register-newsletter .newsletter .input-group {
	display: block
}

#account-register #register #register-newsletter .newsletter .form-control,#account-register-success #register #register-newsletter .newsletter .form-control {
	height: 42px;
	border: 0;
	padding-right: 55px;
	border-radius: 3px;
	display: block;
	float: none
}

#account-register #register #register-newsletter .newsletter .input-group-btn,#account-register-success #register #register-newsletter .newsletter .input-group-btn {
	position: absolute;
	right: 0;
	top: 5px;
	bottom: 5px;
	padding: 0 5px;
	border-left: 1px solid #e2e4e8;
	display: block;
	width: 49px;
	height: 32px;
	z-index: 99
}

#account-register #register #register-newsletter .newsletter .input-group-btn .btn,#account-register-success #register #register-newsletter .newsletter .input-group-btn .btn {
	width: 38px;
	height: 32px;
	line-height: 30px;
	padding: 0;
	text-align: center;
	font-size: 24px;
	margin: 0;
	border-radius: 3px
}

#account-account .page-header {
	background-image: url(../image/banner/login.jpg)
}

#account-account>.container h1 {
	margin-top: 0
}

#account-account>.container #short-cut h2 {
	margin-top: 0;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
	font-size: 24px
}

#account-account>.container #short-cut .row>div {
	padding: 20px 10px;
	background-color: #fff;
	vertical-align: top
}

#account-account>.container #short-cut .row>div:hover,#account-account>.container #short-cut .row>divfocus {
	background-color: #f4f5f7
}

@media screen and (min-width:768px) {
	#account-account>.container #short-cut .row>div {
		display: inline-block;
		width: 49.9999%;
		margin-right: -4px
	}

	#account-account>.container #short-cut .row>div:nth-child(even) {
		border-left: 1px solid #dcdcdc;
		padding-left: 30px
	}
}

#account-account>.container #short-cut .row+h2 {
	margin-top: 20px
}

#account-account>.container #short-cut .row .media .media-object {
	width: 60px
}

#account-account>.container #short-cut .row .media .media-body {
	padding-left: 10px
}

#account-account>.container #short-cut .row .media .media-body h4 {
	font-size: 20px
}

#account-account>.container #short-cut .row .media .media-body h4 a {
	font-weight: 600;
	color: #000
}

#account-account>.container #short-cut .row .media .media-body p {
	font-size: 14px
}

#account-account>.container #short-cut .row .media .media-body p a {
	color: #7a8494
}

#account-edit .page-header {
	background-image: url(../image/banner/login.jpg)
}

#account-edit>.container legend {
	color: #000
}

#account-edit>.container fieldset {
	margin-bottom: 40px
}

#account-password .page-header,#account-showcase .page-header,#account-transaction .page-header {
	background-image: url(../image/banner/login.jpg)
}

#account-password>.container,#account-showcase>.container,#account-transaction>.container {
	margin-top: 50px
}

#account-password>.container legend,#account-showcase>.container legend,#account-transaction>.container legend {
	color: #000
}

#account-password>.container fieldset,#account-showcase>.container fieldset,#account-transaction>.container fieldset {
	margin-bottom: 40px
}

#account-password>.container fieldset .input-group-btn .btn,#account-showcase>.container fieldset .input-group-btn .btn,#account-transaction>.container fieldset .input-group-btn .btn {
	height: 46px
}

#account-password>.container fieldset .input-group-btn .btn-default,#account-showcase>.container fieldset .input-group-btn .btn-default,#account-transaction>.container fieldset .input-group-btn .btn-default {
	color: #01afe8
}

#account-order .page-header {
	background-image: url(../image/banner/login.jpg)
}

#account-order>.container legend {
	color: #000
}

#account-order>.container .label {
	line-height: 2
}

#account-order-info>.container {
	margin-top: 50px
}

#account-order-info>.container h1 {
	margin-top: 0
}

#account-order-info>.container h2 {
	margin-top: 0
}

#account-order-info>.container img {
	height: 40px;
	margin-bottom: 20px
}

#account-download .page-header,#account-download-info .page-header {
	background-image: url(../image/banner/login.jpg)
}

#account-download>.container h1,#account-download-info>.container h1 {
	margin-top: 0
}

#account-download>.container #download-order,#account-download-info>.container #download-order {
	border-bottom: 1px solid #edebed;
	padding-bottom: 20px
}

#account-download>.container #download-order h1,#account-download-info>.container #download-order h1 {
	font-size: 24px
}

#account-download>.container #download-order a,#account-download-info>.container #download-order a {
	color: #5d5b5d
}

#account-download>.container #download-order a i,#account-download-info>.container #download-order a i {
	padding-right: 5px
}

#account-download>.container #downloads-list,#account-download-info>.container #downloads-list {
	padding-top: 50px;
	padding-bottom: 50px
}

#account-download>.container #downloads-list+#downloads-list,#account-download-info>.container #downloads-list+#downloads-list {
	border-top: 1px solid #e0e0e0
}

#account-download>.container #downloads-list img,#account-download-info>.container #downloads-list img {
	margin: 0 auto
}

#account-download>.container #downloads-list h3,#account-download-info>.container #downloads-list h3 {
	margin-top: 0;
	margin-bottom: 3px
}

@media screen and (min-width:768px) {
	#account-download>.container #downloads-list h3,#account-download-info>.container #downloads-list h3 {
		margin-right: 120px
	}
}

@media screen and (max-width:767px) {
	#account-download>.container #downloads-list #download-buttons,#account-download-info>.container #downloads-list #download-buttons {
		text-align: center
	}
}

#account-download>.container #downloads-list .support-valid-date,#account-download-info>.container #downloads-list .support-valid-date {
	background-color: #f4f5f7;
	padding: 13px 15px;
	width: 100%
}

#account-download>.container #downloads-list .support-valid-date p,#account-download-info>.container #downloads-list .support-valid-date p {
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 0;
	font-size: 11px
}

#account-download>.container #downloads-list .support-valid-date h4,#account-download-info>.container #downloads-list .support-valid-date h4 {
	color: #000;
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
	font-size: 19px
}

@media screen and (min-width:768px) {
	#account-download>.container #downloads-list .support-valid-date,#account-download-info>.container #downloads-list .support-valid-date {
		position: absolute;
		width: auto;
		right: 0;
		top: 0
	}
}

#account-download>.container #downloads-list .support-valid-date.support-valid-date-expired,#account-download-info>.container #downloads-list .support-valid-date.support-valid-date-expired {
	background-color: #f2dede
}

#account-download>.container #downloads-list .support-valid-date.support-valid-date-expired p,#account-download-info>.container #downloads-list .support-valid-date.support-valid-date-expired p,#account-download>.container #downloads-list .support-valid-date.support-valid-date-expired h4,#account-download-info>.container #downloads-list .support-valid-date.support-valid-date-expired h4 {
	color: #a94442
}

#account-download>.container #downloads-list ul,#account-download-info>.container #downloads-list ul {
	list-style: none;
	margin-left: -40px
}

#account-download>.container #downloads-list ul li,#account-download-info>.container #downloads-list ul li {
	display: inline-block;
	font-size: 12px
}

#account-download>.container #downloads-list ul li+li:before,#account-download-info>.container #downloads-list ul li+li:before {
	vertical-align: middle;
	font: normal normal normal 7px/1 FontAwesome;
	content: "\f111";
	color: #d7d8da;
	padding: 8px 9px 0 5px
}

#account-download>.container #downloads-list .btn-sm,#account-download-info>.container #downloads-list .btn-sm {
	padding: 2px 10px
}

#account-download>.container #downloads-list .btn-link,#account-download-info>.container #downloads-list .btn-link {
	padding: 2px 10px
}

@media screen and (max-width:767px) {
	#account-download>.container #downloads-list .btn-sm,#account-download-info>.container #downloads-list .btn-sm {
		text-align: center
	}

	#account-download>.container #downloads-list .btn-link,#account-download-info>.container #downloads-list .btn-link {
		text-align: center
	}
}

#account-download>.container #download-list-nothing,#account-download-info>.container #download-list-nothing {
	padding: 20px 30px;
	text-align: center;
	border: 1px solid #ddd
}

@media screen and (max-width:991px) {
	#account-download>.container #download-list-nothing,#account-download-info>.container #download-list-nothing {
		margin-bottom: 30px
	}
}

#account-download>.container #downloads-details th,#account-download-info>.container #downloads-details th {
	color: #000
}

#account-download>.container #downloads-details td:nth-child(3),#account-download-info>.container #downloads-details td:nth-child(3) {
	width: 100px
}

#account-download>.container #downloads-details .btn-sm,#account-download-info>.container #downloads-details .btn-sm {
	padding: 3px 10px
}

#account-download-info>.container {
	margin-top: 50px
}

@media screen and (min-width:768px) {
	#account-download-info>.container #downloads-list h3 {
		margin-right: 130px
	}
}

#account-download-info>.container #downloads-list p {
	font-size: 12px
}

#account-download-info>.container #downloads-list .btn-link {
	padding: 4px 0
}

@media screen and (min-width:768px) {
	#account-download-info>.container #downloads-list .support-valid-date {
		right: 15px
	}
}

#account-review .page-header {
	background-image: url(../image/banner/login.jpg)
}

#account-subscription .page-header {
	background-image: url(../image/banner/login.jpg)
}

#account-subscription>.container h1 {
	margin-top: 0
}

#account-subscription .subscription .nav-tabs>li>a {
	font-size: 16px
}

#account-subscription-form>.container,#account-subscription-info>.container {
	margin-top: 50px
}

#account-subscription-form>.container h1,#account-subscription-info>.container h1 {
	margin-top: 0
}

#account-subscription-form>.container fieldset+fieldset,#account-subscription-info>.container fieldset+fieldset {
	margin-top: 20px
}

#account-extension .page-header {
	background-image: url(../image/banner/login.jpg)
}

#account-extension>.container h1 {
	margin-top: 0
}

#account-extension>.container fieldset {
	margin-bottom: 40px
}

#account-promotion .page-header {
	background-image: url(../image/banner/login.jpg)
}

#account-promotion .page-header div {
	top: 45%
}

#account-promotion>.container legend {
	color: #000
}

#account-promotion-form>.container {
	margin-top: 50px
}

#account-promotion-form>.container h1 {
	margin-top: 0
}

#account-promotion-form>.container legend {
	color: #000
}

#account-promotion-form>.container fieldset {
	margin-bottom: 40px
}

#account-promotion-form>.container fieldset .input-group-btn .btn {
	height: 46px
}

#account-promotion-form>.container fieldset .input-group-btn .btn-default {
	color: #01afe8
}

#account-seller .page-header,#account-partner .page-header {
	background-image: url(../image/banner/login.jpg)
}

#account-seller>.container legend,#account-partner>.container legend {
	color: #000
}

#account-seller>.container fieldset,#account-partner>.container fieldset {
	margin-bottom: 40px
}

#account-seller .thumbnail,#account-partner .thumbnail {
	display: inherit
}

#account-freelancer .page-header {
	background-image: url(../image/banner/login.jpg)
}

#float-switch {
	background-color: #01afe8;
	border: 1px solid #009dd1;
	border-radius: 30px;
	padding: 8px 12px;
	color: #fff;
	position: fixed;
	right: 10px;
	bottom: 12px;
	z-index: 999;
	cursor: pointer
}

#float-switch.open {
	padding: 8px 14px
}

#float-menu {
	background-color: rgba(36,45,55,.9);
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	z-index: -998;
	opacity: 0;
	padding-top: 85px
}

#float-menu.open {
	z-index: 998;
	opacity: 1
}

#float-menu .list-group {
	padding: 10px 0;
	margin: 0;
	width: 100%;
	bottom: 54px;
	position: absolute
}

#float-menu .list-group .list-group-item {
	background-color: transparent;
	border-left: 0;
	border-radius: 0;
	margin-top: 8px
}

#float-menu .list-group .list-group-item.list-group-item-heading {
	border-bottom: 2px solid #ccc;
	font-weight: 700
}

#float-menu .list-group .list-group-item.active {
	background-color: #fff;
	border-radius: 3px
}

#float-menu .list-group .list-group-item.active a {
	color: #999
}

#float-menu .list-group .list-group-item a {
	color: #ccc
}

#float-menu .list-group .list-group-item i {
	background-color: #01afe8;
	border: 1px solid #009dd1;
	border-radius: 30px;
	padding: 8px;
	margin-left: 5px;
	color: #fff;
	z-index: 999;
	cursor: pointer
}

#float-menu .list-group .list-group-item ul li {
	padding-right: 14px
}

#float-menu .list-group .list-group-item ul li:first-child {
	margin-top: 10px
}

#float-menu .list-group .list-group-item ul li a {
	color: #eee
}

#not-found>.container,#unauthorized>.container,#internal-error>.container {
	margin-top: 30px;
	padding: 30px
}

#not-found>.container .icon,#unauthorized>.container .icon,#internal-error>.container .icon {
	padding-top: 30px;
	padding-bottom: 30px
}

#not-found>.container .icon img,#unauthorized>.container .icon img,#internal-error>.container .icon img {
	margin: 0 auto;
	max-width: 200px
}

#not-found>.container .message,#unauthorized>.container .message,#internal-error>.container .message {
	border: 1px solid #dedede;
	border-radius: 3px;
	padding: 20px 30px
}

#not-found>.container .message h1,#unauthorized>.container .message h1,#internal-error>.container .message h1 {
	font-size: 100px;
	color: #0a80df;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1;
	text-align: center
}

#not-found>.container .message h2,#unauthorized>.container .message h2,#internal-error>.container .message h2 {
	text-align: center;
	margin-top: 0
}

#not-found>.container .message p,#unauthorized>.container .message p,#internal-error>.container .message p {
	font-size: 24px;
	font-weight: 300
}

#not-found>.container .message p a,#unauthorized>.container .message p a,#internal-error>.container .message p a {
	font-weight: 600
}

@media screen and (min-width:768px) {
	#not-found>.container,#unauthorized>.container,#internal-error>.container {
		margin-top: 50px;
		padding: 50px 30px;
		border: 1px solid #dedede;
		border-radius: 3px
	}

	#not-found>.container .icon,#unauthorized>.container .icon,#internal-error>.container .icon {
		padding-top: 30px;
		padding-bottom: 0
	}

	#not-found>.container .icon img,#unauthorized>.container .icon img,#internal-error>.container .icon img {
		margin: 0 auto;
		max-width: 100%
	}

	#not-found>.container .message,#unauthorized>.container .message,#internal-error>.container .message {
		border: 0
	}

	#not-found>.container .message h1,#unauthorized>.container .message h1,#internal-error>.container .message h1 {
		font-size: 200px;
		text-align: left
	}

	#not-found>.container .message h2,#unauthorized>.container .message h2,#internal-error>.container .message h2 {
		text-align: left
	}
}

#forum .page-header {
	background-image: url(../image/banner/demonstration.jpg);
	margin-bottom: 0;
	height: 200px
}

#forum #banners {
	background: #efefef;
	padding-top: 15px;
	padding-bottom: 15px
}

#forum #banners img {
	margin: 0 auto
}

#forum #banners-top {
	margin-top: 30px
}

#forum #banners-top img {
	margin: 0 auto
}

#forum #banners-bottom {
	background: #efefef;
	padding-top: 15px;
	padding-bottom: 15px
}

#forum #banners-bottom img {
	margin: 0 auto
}

#forum #header-nav.navbar {
	min-height: auto
}

#forum #header-nav.navbar-default {
	border-left: 0;
	border-right: 0;
	border-top: 0
}

@media screen and (max-width:991px) {
	#forum #header-nav #user-menu {
		width: 100%
	}
}

#forum #header-nav #user-menu .divider {
	margin-top: 10px
}

#forum #header-nav #user-menu .divider+li {
	margin-bottom: 10px
}

#forum #header-nav #user-menu .fa {
	width: 30px;
	text-align: center
}

@media screen and (max-width:991px) {
	#forum #header-nav #main-menu {
		width: 100%
	}
}

@media screen and (min-width:992px) {
	#forum #header-nav #main-menu .navbar-nav li>a {
		line-height: 69px
	}
}

@media screen and (max-width:991px) {
	#forum #header-nav #search-menu {
		width: 100%
	}

	#forum #header-nav #search-menu .navbar-form {
		margin-top: 0;
		margin-bottom: 0;
		border-top: 0;
		border-bottom: 0
	}

	#forum #header-nav #search-menu .input-group {
		width: 100%
	}

	#forum #header-nav #search-menu .input-group-btn {
		width: 1px
	}
}

#forum #header-nav .input-group .input-medium {
	height: 36px
}

#forum #header-nav .input-group-btn .btn-lg {
	padding: 5px 15px;
	border-left: 0;
	color: #01afe8
}

@media screen and (max-width:991px) {
	#forum #header-nav #main-menu-btn,#forum #header-nav #search-menu-btn,#forum #header-nav #user-menu-btn {
		border-radius: 0;
		margin: 0;
		padding: 15px 20px
	}

	#forum #header-nav #main-menu-btn i,#forum #header-nav #search-menu-btn i,#forum #header-nav #user-menu-btn i {
		font-size: 20px;
		color: #5e5e5e
	}

	#forum #header-nav #main-menu-btn {
		border-width: 0 1px 0 0
	}

	#forum #header-nav #main-menu-btn.pull-left-mobile {
		float: left!important
	}

	#forum #header-nav #search-menu-btn,#forum #header-nav #user-menu-btn {
		border-width: 0 0 0 1px
	}

	#forum #header-nav #search-menu-btn.pull-right-mobile,#forum #header-nav #user-menu-btn.pull-right-mobile {
		float: right!important
	}
}

#forum #footer-nav {
	font-size: 14px
}

#forum #footer-nav.navbar {
	min-height: auto
}

#forum #footer-nav.navbar-default {
	border-left: 0;
	border-right: 0;
	border-bottom: 0
}

#forum #footer-nav.navbar-default .navbar-text {
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 15px;
	color: #4b525d
}

#forum #footer-nav .nav>li {
	line-height: 45px
}

#forum #footer-nav .nav>li+li::before {
	vertical-align: middle;
	font: normal normal normal 6px/1 FontAwesome;
	content: "\f111";
	color: #e2e4e8;
	margin: 20px 0 0 -2px;
	position: absolute
}

#forum #footer-nav .nav>li>a {
	line-height: 45px
}

#forum #page-footer {
	padding-top: 8px;
	padding-bottom: 8px;
	border-top: 0;
	margin-top: 0;
	background-color: #545c65;
	color: #b4b6b9;
	font-size: 14px
}

#forum #page-footer .row {
	margin-bottom: 0
}

#forum #page-footer p {
	margin-bottom: 0;
	line-height: 35px
}

#forum #page-footer p a {
	color: #fff
}

#forum #page-footer p a:hover,#forum #page-footer p a:focus,#forum #page-footer p a:active {
	color: #fff
}

#forum #back-to-top {
	cursor: pointer;
	position: fixed;
	bottom: 60px;
	right: 30px;
	display: none;
	z-index: 1000
}

#forum #content-wrapper .row:first-child {
	margin-bottom: 20px
}

#forum #content-wrapper .row+.row {
	margin-bottom: 20px
}

#forum #content-wrapper .btn-breadcrumb .btn-default {
	border-color: transparent;
	color: #000
}

#forum #content-wrapper .btn-breadcrumb .btn-default:hover,#forum #content-wrapper .btn-breadcrumb .btn-defaultfocus {
	color: #0189b5;
	background-color: transparent
}

#forum #content-wrapper .btn-breadcrumb .btn-default i {
	padding-left: 6px
}

#forum #content-wrapper>.row+.table-responsive {
	margin-top: 15px
}

#forum #content-wrapper .page-header {
	border-radius: 4px;
	border: 1px solid #ddd;
	background-color: #f4f5f7;
	background-image: none;
	color: #4b525d;
	height: auto;
	padding: 25px 0;
	margin-bottom: 30px
}

#forum #content-wrapper .nav-tabs.nav-justified>li>a {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-top: 5px;
	color: #000
}

#forum #content-wrapper .nav-tabs.nav-justified>li.active a {
	padding-bottom: 0;
	color: #000
}

#forum #content-wrapper .nav-tabs.nav-justified>li.active a::after {
	margin-top: 3px
}

#forum #content-wrapper .user-details {
	padding: 0
}

#forum #content-wrapper .user-details .user-image {
	position: relative;
	z-index: 1;
	margin: auto;
	text-align: center;
	top: 45px!important
}

#forum #content-wrapper .user-details .user-image img {
	clear: both;
	margin: auto;
	position: relative;
	width: 90px!important;
	height: 90px!important
}

#forum #content-wrapper .user-details .user-image.rounded img {
	border-radius: 50%
}

#forum #content-wrapper .user-details .user-info-block {
	width: 100%;
	background: #fff;
	z-index: 0;
	padding-top: 35px
}

#forum #content-wrapper .user-details .user-info-block .user-heading {
	width: 100%;
	text-align: center;
	margin: 10px 0 0
}

#forum #content-wrapper .user-details .user-info-block .navigation {
	height: 60px;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #01afe8;
	border-top: 1px solid #01afe8;
	text-align: center
}

#forum #content-wrapper .user-details .user-info-block .navigation li {
	display: inline-block;
	margin: 0;
	padding: 0
}

#forum #content-wrapper .user-details .user-info-block .navigation li a {
	padding: 17px 30px;
	float: left
}

#forum #content-wrapper .user-details .user-info-block .navigation li.active a {
	background: #01afe8;
	color: #fff
}

#forum #content-wrapper .user-details .user-info-block .user-body .tab-content>div {
	float: left;
	width: 100%
}

#forum #content-wrapper .user-details .user-info-block .user-body .tab-content h4 {
	width: 100%;
	margin: 10px 0;
	color: #333
}

#forum #content-wrapper .mobile-fix {
	margin-bottom: 30px
}

#forum #content-wrapper .input-group .input-medium {
	height: 36px
}

#forum #content-wrapper .input-group .input-group-btn .btn-lg {
	padding: 5px 15px;
	border-left: 0
}

@media screen and (max-width:767px) {
	#forum #content-wrapper #jumpbox {
		margin-top: 10px
	}
}

#forum #content-wrapper .jumpbox .label {
	color: #4b525d;
	line-height: 31px
}

#forum #content-wrapper #ucp-nav .panel {
	margin-bottom: 0
}

#forum #content-wrapper #ucp-nav .panel+.panel {
	margin-top: 20px
}

#forum #content-wrapper #ucp-nav .row:first-child {
	margin-bottom: 0
}

#forum #content-wrapper #ucp-nav .list-group .list-group-item {
	border-radius: 0;
	font-size: 14px;
	background-color: transparent;
	border-left-width: 0
}

#forum #content-wrapper #ucp-nav .list-group .list-group-item.active {
	background-color: #fff;
	border-left-width: 2px
}

#forum #content-wrapper #forum-search .input-group .input-medium {
	height: 36px;
	font-size: 14px
}

#forum #content-wrapper #forum-search .input-group-btn .btn-lg {
	padding: 6px 15px 7px;
	font-size: 14px
}

#forum #content-wrapper .bootstrap-select .btn {
	padding-bottom: 0;
	padding-top: 0;
	height: 36px
}

#forum #content-wrapper .bootstrap-select .btn .filter-option {
	line-height: 32px
}

#forum #content-wrapper #login .row+.row {
	margin-top: 15px
}

#forum #content-wrapper input[name=sort] {
	padding: 6px 10px
}

#forum #content-wrapper input[name=confirm_code] {
	height: 38px
}

#forum #content-wrapper .list-group {
	margin-left: 0
}

#forum #content-wrapper button[name=refresh_vc] {
	color: #01afe8
}

#forum #content-wrapper form[name=loginform] .form-group {
	margin-bottom: 0
}

#forum #content-wrapper select.form-control {
	vertical-align: top;
	height: 38px;
	padding: 0 16px;
	width: initial;
	display: initial
}

#forum label {
	font-size: 16px
}

#forum .table {
	color: #4b525d
}

#forum .table .topic-list th {
	font-size: 14px
}

#forum .table .topic-list th.forum-name,#forum .table .topic-list th.topic-name {
	width: 50%
}

#forum .table .topic-list th.topics,#forum .table .topic-list th.posts,#forum .table .topic-list th.mark,#forum .table .topic-list th.views {
	width: 8%;
	text-align: center
}

#forum .table .topic-list th.replies {
	width: 12%
}

#forum .table .topic-list th.lastpost {
	width: 25%;
	text-align: center
}

#forum .table .topic-list th.forum-name {
	padding-left: 15px
}

#forum .table .topic-list th.forum-name i {
	padding-right: 5px
}

#forum .table .topic-list-forums td.forum-name,#forum .table .topic-list-forums td.topic-name {
	width: 50%
}

#forum .table .topic-list-forums td.topics,#forum .table .topic-list-forums td.posts,#forum .table .topic-list-forums td.mark,#forum .table .topic-list-forums td.views,#forum .table .topic-list-forums td.replies,#forum .table .topic-list-forums td.lastpost {
	text-align: center
}

#forum .table .topic-list-forums td.forum-name {
	line-height: 18px;
	padding-top: 12px
}

#forum .table .topic-list-forums td.forum-name span .forum-icon .btn {
	padding-top: 10px;
	padding-bottom: 10px
}

#forum .table .topic-list-forums td.forum-name .forum-title {
	padding-left: 5px;
	font-size: 14px;
	font-weight: 600;
	color: #000
}

@media screen and (min-width:768px) {
	#forum .table .topic-list-forums td.forum-name small {
		padding-left: 5px
	}

	#forum .table .topic-list-forums td.forum-name .sub-forum {
		padding-left: 5px
	}
}

#forum .table .topic-list-forums td.lastpost {
	font-size: 14px
}

#forum .table .topic-list-forums td.topics,#forum .table .topic-list-forums td.posts {
	vertical-align: middle
}

#forum .table .topic-list-topics td.forum-name,#forum .table .topic-list-topics td.topic-name {
	width: 50%
}

#forum .table .topic-list-topics td.topics,#forum .table .topic-list-topics td.posts,#forum .table .topic-list-topics td.mark,#forum .table .topic-list-topics td.views,#forum .table .topic-list-topics td.replies,#forum .table .topic-list-topics td.lastpost {
	text-align: center
}

#forum .table .topic-list-topics td.topic-name {
	line-height: 18px;
	padding-top: 12px
}

#forum .table .topic-list-topics td.topic-name span .forum-icon .btn {
	padding-top: 10px;
	padding-bottom: 10px
}

#forum .table .topic-list-topics td.topic-name .topic-title {
	padding-left: 5px;
	font-size: 14px;
	font-weight: 600;
	color: #000
}

#forum .table .topic-list-topics td.topic-name .status {
	font-size: 14px;
	font-weight: 400
}

@media screen and (min-width:768px) {
	#forum .table .topic-list-topics td.topic-name small {
		padding-left: 5px
	}

	#forum .table .topic-list-topics td.topic-name .status {
		padding-left: 5px
	}
}

#forum .table .topic-list-topics td.lastpost {
	font-size: 14px
}

#forum .table .topic-list-topics td.posts,#forum .table .topic-list-topics td.views {
	vertical-align: middle
}

@media(max-width:767px) {
	#forum .table .forum-topic-icon,#forum .table .forum-icon,#forum .table .topic-pagination {
		display: none
	}
}

@media(min-width:768px) {
	#forum .table .forum-topic-icon-mobile,#forum .table .forum-icon-mobile {
		display: none
	}
}

#forum .table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #f4f5f7
}

#forum .sub-forum {
	font-weight: 600
}

#forum .sub-forum,#forum .subforum {
	font-size: 14px;
	line-height: 2
}

#forum .well fieldset label {
	font-size: 14px
}

#forum .well fieldset label+label {
	margin-left: 5px
}

#forum .panel {
	background-color: #fff
}

#forum .panel.panel-primary .panel-heading a {
	color: #fff
}

#forum .panel .panel-heading {
	color: #000;
	font-size: 15px;
	font-weight: 700
}

#forum .panel .panel-heading a {
	color: #000
}

#forum .panel .panel-heading i {
	padding-right: 5px
}

#forum .panel .panel-heading .btn-xs {
	padding: 8px 12px;
	font-size: 12px
}

#forum .panel .panel-heading .btn-xs i {
	text-align: center;
	padding-right: 0
}

#forum .panel .panel-body p+fieldset {
	margin-top: 30px
}

#forum .panel p {
	margin-bottom: 0;
	font-size: 14px
}

#forum .panel hr {
	border-top: 1px solid #f4f5f7
}

#forum .btn-reg {
	padding: 0!important;
	display: inline!important
}

#forum .btn-sel,#forum .btn-nav,#forum #topicreview {
	margin-bottom: 20px
}

#forum .btn-sel {
	text-align: right
}

#forum .btn-nav {
	text-align: center
}

#forum .btn-post {
	margin-bottom: 15px
}

#forum .btn-panel .btn-group {
	margin-top: -3px
}

#forum .btn-group:only-child {
	border-radius: 0!important
}

#forum .topic-buttons {
	float: right
}

#forum .btn-labeled {
	padding-top: 0!important;
	padding-bottom: 0!important
}

#forum #format-buttons .btn {
	margin-bottom: 0!important
}

#forum .submit-buttons {
	text-align: center
}

#forum .btn-label {
	position: relative;
	left: -17px;
	display: inline-block;
	padding: 6px 12px;
	background: rgba(0,0,0,.15);
	border-radius: 3px 0 0 3px
}

#forum .btn-block>.btn-label {
	background: 0 0;
	left: 0
}

#forum .mcp-buttons {
	margin-bottom: 20px
}

#forum .clickable {
	cursor: pointer
}

#forum .chradio {
	display: none
}

#forum form[name=loginform] .input-group-btn:last-child .btn {
	padding-top: 5px;
	height: 36px
}

#forum form[name=loginform] a[name=login_panel_forgot].btn-block {
	padding-top: 7px;
	padding-bottom: 7px
}

#forum+footer {
	margin-top: 0
}

#maintain .media img {
	width: 100px
}

#maintain .media .media-body h2 {
	margin-top: 14px
}

#collapse-menu {
	padding: 10px 15px
}

#collapse-menu .list-group {
	margin: 0
}

#collapse-menu .list-group .list-group-item {
	background-color: transparent
}

#side-banner {
	margin-bottom: 40px
}

#side-banner .row+.row {
	margin-top: 20px
}

#side-banner img {
	margin: 0 auto
}

.campare-plan-duration {
	height: 27px
}

.remind {
	padding-top: 20px;
	text-align: right
}

.compare-select {
	width: 450px;
	margin: 0 auto
}

.terms {
	background: #fff;
	border: 1px solid #dbdbdb;
	height: 150px;
	overflow-y: scroll
}

.tool-box {
	position: relative
}

.tool-box .tool-box-message {
	position: absolute;
	padding: 5px;
	background-color: rgba(0,0,0,.7);
	width: 100%;
	width: 100%;
	color: #fff;
	opacity: 0;
	transition: all .5s
}

.tool-box .tool-box-message:hover {
	opacity: 1
}

.tool-box .tool-box-message a {
	color: #fff
}

.pagination li.active span {
	padding: 10px 17px
}

.pagination li a {
	padding: 10px 17px
}

#extension-list {
	color: #4b525d
}

#extension-list h2 {
	margin-top: 54px;
	margin-bottom: 44px
}

#extension-list h3 {
	margin-bottom: 0
}

#extension-list h3+.row {
	margin-top: 20px
}

#extension-list section {
	border: 1px solid #ddd
}

#extension-list section>div {
	position: relative
}

#extension-list section>div+div {
	border-top: 1px solid #ddd;
	padding: 10px
}

#extension-list section:hover {
	border: 1px solid #01afe8
}

#extension-list>.row {
	margin-top: 40px
}

@media screen and (max-width:991px) {
	#extension-list>.row>div+div {
		margin-top: 30px
	}
}

#extension-list .extension-preview {
	min-height: 150px
}

#extension-list .extension-preview .extension-description {
	position: absolute;
	background-color: rgba(36,45,55,.9);
	color: #fff;
	padding: 10px;
	font-size: 14px;
	line-height: 16px;
	opacity: 0;
	height: 100%;
	width: 100%
}

#extension-list .extension-preview .extension-description:hover {
	opacity: 1
}

@media screen and (min-width:992px) and (max-width:1199px) {
	#extension-list .extension-preview {
		min-height: 123px
	}

	#extension-list .extension-preview .extension-description {
		font-size: 12.5px;
		padding: 6px
	}
}

#extension-list .extension-preview img {
	margin: 0 auto
}

#extension-list .extension-name {
	min-height: 100px
}

#extension-list .extension-name p {
	color: #000;
	margin-bottom: 0;
	font-weight: 600
}

#extension-list .extension-name p:first-child {
	font-size: 17px
}

#extension-list .extension-name p span {
	color: #4b525d;
	font-weight: 400
}

#extension-list .extension-name p a {
	color: #000
}

#extension-list .extension-name+div>.row {
	margin-top: 0
}

@media screen and (min-width:992px) and (max-width:1199px) {
	#extension-list .extension-name+div>.row {
		font-size: 14px
	}
}

#extension-list i {
	color: #10b4e9
}

#extension-list span {
	font-weight: 600
}

.list-check {
	list-style: none
}

.list-check li::before {
	font-family: fontawesome;
	content: '\f00c';
	margin-left: -30px;
	width: 29px;
	display: inline-block;
	color: #7ebd38
}

.list-check.list-color-blue li::before {
	color: #02afe9
}

.promotion-banner {
	max-width: 637px;
	margin-left: auto;
	margin-right: auto
}

.promotion-banner img {
	border: solid 1px #ddd;
	margin: 0 auto
}

#terms.form-control[readonly] {
	background-color: #fff
}

h3+#comment-input-box {
	padding-top: 15px;
	border-top: 3px solid #01afe8
}

#comment-input-box {
	position: relative;
	padding-bottom: 35px;
	border-bottom: 3px solid #f4f5f7
}

#comment-input-box .login-layer {
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
	background-color: rgba(36,45,55,.9);
	color: #fff;
	text-align: center;
	padding-top: 30px
}

#comment-input-box+#commont-box {
	margin-top: 35px
}
#comment-input-box #input-comment{
	font-size: 16px;
}

#comment-box {
	font-size: 14px
}

#comment-box .media+.media {
	border-top: 1px solid #e1e1e1;
	padding-top: 20px
}

#comment-box .media-heading {
	font-weight: 600
}

#comment-box .media-heading span {
	color: #999
}

#comment-box .media-heading span::before {
	content: '•';
	padding-left: 3px;
	padding-right: 6px
}

.radio label {
	cursor: pointer;
	position: relative
}

.radio label::before {
	content: ' ';
	padding-left: 8px
}

.radio label input[type=radio] {
	position: absolute;
	z-index: 0;
	margin-top: 8px;
	margin-left: -27px
}

.radio label input[type=radio]:checked~.check::before {
	background-color: #01afe8
}

.radio label .check {
	display: block;
	position: absolute;
	border: 1px solid #cbccce;
	background-color: #fff;
	border-radius: 100%;
	height: 16px;
	width: 16px;
	top: 6px;
	left: 0;
	z-index: 100;
	transition: border .25s linear;
	-webkit-transition: border .25s linear
}

.radio label .check::before {
	display: block;
	position: absolute;
	content: '';
	border-radius: 100%;
	height: 8px;
	width: 8px;
	top: 3px;
	left: 3.1px;
	margin: auto;
	transition: background .25s linear;
	-webkit-transition: background .25s linear
}

.checkbox {
}

.checkbox label {
	cursor: pointer;
	position: relative
}

.checkbox label::before {
	content: ' ';
	padding-left: 7px
}

.checkbox label input[type=checkbox] {
	position: absolute;
	left: 22px;
	top: 3px;
	z-index: 0
}

.checkbox label input[type=checkbox]:checked~.check::after {
	-ms-filter: "alpha(opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1
}

.checkbox .check {
	cursor: pointer;
	position: absolute;
	width: 16px;
	height: 16px;
	top: 6px;
	left: 0;
	border-radius: 3px;
	border: 1px solid #cbccce;
	background-color: #fff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222',endColorstr='#45484d',GradientType=0)
}

.checkbox .check::after {
	-ms-filter: "alpha(opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 10px;
	height: 6px;
	background: 0 0;
	top: 3px;
	left: 2px;
	border: 3px solid #01afe8;
	border-top: 0;
	border-right: 0;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

@font-face {
	font-family:opencart;src:url(fonts/opencart.eot?h4wsna);src:url(fonts/opencart.eot?h4wsna#iefix) format('embedded-opentype'),url(fonts/opencart.ttf?h4wsna) format('truetype'),url(fonts/opencart.woff?h4wsna) format('woff'),url(fonts/opencart.svg?h4wsna#opencart) format('svg');font-weight:400;font-style:normal
}[class^=opencart-icon-],[class*=" opencart-icon-"] {
	font-family: opencart!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
}

.opencart-icon-mail:before {
	content: "\e912"
}

.opencart-icon-tag:before {
	content: "\e913"
}

.opencart-icon-bell:before {
	content: "\e914"
}

.opencart-icon-seller:before {
	content: "\e915"
}

.opencart-icon-partner:before {
	content: "\e916"
}

.opencart-icon-dollar:before {
	content: "\e917"
}

.opencart-icon-social-facebook:before {
	content: "\e918"
}

.opencart-icon-social-reddit:before {
	content: "\e919"
}

.opencart-icon-social-twitter:before {
	content: "\e91a"
}

.opencart-icon-comment:before {
	content: "\e91b"
}

.opencart-icon-cart-mini:before {
	content: "\e91c"
}

.opencart-icon-star-light-o:before {
	content: "\e91d"
}

.opencart-icon-star-light:before {
	content: "\e91e"
}

.opencart-icon-device-tablet:before {
	content: "\e91f"
}

.opencart-icon-device-mobile:before {
	content: "\e920"
}

.opencart-icon-device-desktop:before {
	content: "\e921"
}

.opencart-icon-star-o:before {
	content: "\e922"
}

.opencart-icon-star:before {
	content: "\e923"
}

.opencart-icon-opencart-extension-and-themes:before {
	content: "\e924"
}

.opencart-icon-opencart-support-you-can-trust-on:before {
	content: "\e925"
}

.opencart-icon-opencart-powerful-store-management:before {
	content: "\e926"
}

.opencart-icon-opencart-open-source-and-free:before {
	content: "\e927"
}

.opencart-icon-maga-shop:before {
	content: "\e928"
}

.opencart-icon-cart:before {
	content: "\e929"
}

.opencart-icon-shop:before {
	content: "\e92a"
}

.opencart-icon-account-details:before {
	content: "\e900"
}

.opencart-icon-account-password:before {
	content: "\e901"
}

.opencart-icon-account-showcase:before {
	content: "\e902"
}

.opencart-icon-cloud-billing:before {
	content: "\e903"
}

.opencart-icon-cloud-invoice:before {
	content: "\e904"
}

.opencart-icon-cloud-subscriptions:before {
	content: "\e905"
}

.opencart-icon-moderator-reported:before {
	content: "\e906"
}

.opencart-icon-order-download:before {
	content: "\e907"
}

.opencart-icon-order-history:before {
	content: "\e908"
}

.opencart-icon-partner-details:before {
	content: "\e909"
}

.opencart-icon-seller-details:before {
	content: "\e90a"
}

.opencart-icon-seller-manage:before {
	content: "\e90b"
}

.opencart-icon-seller-promote:before {
	content: "\e90c"
}

.opencart-icon-seller-sales:before {
	content: "\e90d"
}

.opencart-icon-seller-transactions:before {
	content: "\e90e"
}

.icon-bronze {
	color: #766146
}

.icon-silver {
	color: #696564
}

.icon-gold {
	color: #e09132
}

div.required .control-label:not(span):before,td.required:before {
	content: '* ';
	color: #ff6f6f;
	font-weight: 700
}

#captcha {
	border: 1px solid #ededed;
	padding: 8px;
	text-align: center
}

#captcha #captcha-message {
	margin-bottom: 10px
}

#captcha #captcha-message+#captcha-image {
	margin-top: 10px
}

#captcha #captcha-message div {
	padding: 16px 20px
}

#captcha a {
	border: 3px solid transparent;
	display: block
}

#captcha a.active {
	border: 3px solid #01afe8;
	background-color: rgba(1,175,232,.3)
}

#captcha img {
	width: 32px;
	height: 32px
}

.feature-plan {
	padding: 20px 15px;
	text-align: center;
	background-color: #fff
}

.feature-plan hr {
	border-top-color: #e0e0e0
}

.feature-plan i {
	font-size: 100px
}

.feature-plan strong {
	font-size: 30px
}

.compare-row {
	border: 1px solid #ddd;
	background-color: #f4f5f7;
	margin-top: 5px;
	line-height: 2.6em
}

.compare-header {
	text-align: center;
	border: 1px solid #ddd
}

.compare-header.compare1 {
	background-color: #fff;
	border-bottom: thick solid #486d8b
}

.compare-header.compare2 {
	background-color: #fff;
	border-left: 0;
	border-bottom: thick solid #486d8b
}

.compare-header.compare3 {
	background-color: #fff;
	border-left: 0;
	border-bottom: thick solid #486d8b
}

.compare-feature {
	text-align: center
}

.compare-feature .compare1,.compare-feature .compare2,.compare-feature .compare3 {
	border-left: 1px solid #ddd;
	background-color: #fff
}

.compare-feature i {
	color: #254691
}

#compare-table .table-title {
	background-color: #f4f5f7;
	font-weight: 700
}

#compare-table .table-title .block-item {
	font-size: 21px
}

#compare-table .block-title {
	width: 40%
}

#compare-table .block-item {
	width: 20%;
	text-align: center
}

#compare-table .table tr:hover {
	background-color: #f4f5f7
}

#compare-table .table tr td {
	vertical-align: middle
}

#compare-table .price {
	font-size: 32px;
	font-weight: 700;
	line-height: 2
}

#compare-table .price small {
	font-size: 60%
}

#compare-table .fa {
	color: #01aee8
}

.code-present li {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	border-left: 3px solid #14b5e9;
	background-color: #f4f5f7
}

.code-present li:nth-child(even) {
	background-color: #fff
}

#paypal-banner-ad {
	margin-bottom: 40px
}

#paypal-banner-ad img {
	margin-left: auto;
	margin-right: auto
}

.blog-item .blog-title:hover {
	text-decoration: none;
	color: #000
}

#cms-blog .blog-item .blog-image,#cms-blog-info .blog-item .blog-image,#cms-blog .blog-item .blog-excerpt,#cms-blog-info .blog-item .blog-excerpt,.blog-item p,.blog-item p span,.blog-item div ol li,.blog-item div ul li {
	font-size: 20px!important
}

.blog-item div ol li a,.blog-item div ul li a {
	color: #000;
	text-decoration: underline;
	-webkit-text-decoration-line: underline;
	text-decoration-line: underline;
	-webkit-text-decoration-style: solid;
	text-decoration-style: solid;
	font-weight: 100
}

.blog-item div ol li a:hover,.blog-item div ul li a:hover {
	color: #277ece
}

.blog-item div h4 strong {
	margin-top: 1.875em;
	margin-bottom: .9375em;
	font-size: 1.77778em;
	line-height: 1.2;
	font-weight: 500;
	clear: both
}

.blog-item div img {
	max-width: 100%
}

.blog-item div blockquote {
	padding: 1.875em!important;
	background: #f4f6f8;
	color: #212b37;
	border: 2px solid #dfe3e8
}

.blog-item div a:hover {
	text-decoration: underline
}

.blog-item .socials {
	margin-top: -10px
}

.blog-item section>h2 {
	margin-bottom: 20px
}

.blog-item #social-button a,.blog-item .socials a {
	text-decoration: none!important
}

.blog-item section .main {
	margin-top: 5%
}

.blog-item #social-button a+a,.blog-item .socials a+a {
	/*margin-left: 26px*/
}

#social-button {
	margin-top: 5%
}

@media screen and (min-device-width:320px) and (max-device-width:812px) and (orientation:portrait) {
	.blog-item .socials {
		margin-top: 10px
	}
}