body {
	font-family: "Oracle Sans", "Lucida Sans Unicode", "Lucida Grande",
		sans-serif !important;
}

p {
	line-height: 1.5;
}

img {
	width: 100%;
	vertical-align: middle;
	border: 0;
}

ul,
ol {
	padding: 0;
	margin: 0 0 9px 25px;
}

select {
	width: 220px;
	height: 34px;
	color: #100f0e;
	background-color: #fff;
	background-image: none;
	border: 1px solid #b9b8b8 !important;
	border-radius: 4px !important;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	background: #fff url("../../assets/images/sort-down-arrow.svg") no-repeat 95%
		11px !important;
}

label,
input,
button,
select,
textarea {
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 0px;
}

select,
textarea {
	display: inline-block;
	padding: 6px 12px;
	color: #555;
	border-radius: 0;
	vertical-align: middle;
}

button,
input,
select,
textarea {
	margin: 0;
	vertical-align: middle;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}

form {
	margin: 0 0 18px;
}

.topbar {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 15px;
}

.topbar h2 a {
	color: #000;
	text-decoration: none;
}

.topbar-search-container {
	position: relative;
	float: right;
}

.topbar-search {
	width: 180px;
	height: 34px;
	padding: 6px 12px 6px 30px;
	color: #100f0e;
	background-color: #fff;
	background-image: none;
	border: 1px solid #b9b8b8 !important;
	border-radius: 4px !important;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	background: white
		url("data:image/svg+xml,%3Csvg height='12' viewBox='0 0 24 24' width='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m10.1212266 1c5.0372326 0 9.1212266 4.08405043 9.1212266 9.1213526 0 2.1536493-.7465159 4.133053-1.9948779 5.6935382l5.7524247 5.7518269-1.4332625 1.4332823-5.7516795-5.7524977c-1.5605211 1.2485582-3.5400409 1.995203-5.6938314 1.995203-5.03723262 0-9.1212266-4.0840504-9.1212266-9.1213527 0-5.03730217 4.08399398-9.1213526 9.1212266-9.1213526zm0 2.02696725c-3.91778498 0-7.09428736 3.17654628-7.09428736 7.09438535 0 3.9178392 3.17650238 7.0943854 7.09428736 7.0943854 3.9177849 0 7.0942873-3.1765462 7.0942873-7.0943854 0-3.91783907-3.1765024-7.09438535-7.0942873-7.09438535z' fill='%23312D2A' fill-rule='evenodd'/%3E%3C/svg%3E")
		no-repeat 8px 50%;
}

h2 {
	font-size: 35px;
	color: #000;
}

.dropdown-menu {
	display: none;
}

#loader-container {
	display: none;
	position: absolute;
	right: calc(35% + 15px);
	top: calc(50% - 10px);
}

.searchbar-loader {
	position: relative;
	height: 20px;
	width: 20px;
	display: inline-block;
	-webkit-animation: around 5.4s infinite;
	animation: around 5.4s infinite;
}

@-webkit-keyframes around {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes around {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.searchbar-loader::after,
.searchbar-loader::before {
	content: "";
	background: white;
	position: absolute;
	display: inline-block;
	width: 100%;
	height: 100%;
	border-width: 2px;
	border-color: #333 #333 transparent transparent;
	border-style: solid;
	border-radius: 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	top: 0;
	left: 0;
	-webkit-animation: around 0.7s ease-in-out infinite;
	animation: around 0.7s ease-in-out infinite;
}

.searchbar-loader::after {
	-webkit-animation: around 0.7s ease-in-out 0.1s infinite;
	animation: around 0.7s ease-in-out 0.1s infinite;
	background: transparent;
}

.page-loader-container {
	height: calc(100vh - 124px);
}

.page-loader {
	width: 100px;
	height: 100px;
	border-radius: 100%;
	position: relative;
	margin: 0 auto;
}

.page-loader:before,
.page-loader:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	border: 10px solid transparent;
	border-top-color: #759c6c;
}

.page-loader:before {
	z-index: 100;
	-webkit-animation: spin 1s infinite;
	animation: spin 1s infinite;
}

.page-loader:after {
	border: 10px solid #ccc;
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@media screen and (min-width: 0px) and (max-width: 480px) {
	#main-block {
		background: url("https://suiteapp.ai/suiteappai/assets/images/bnr-suiteapp-480x460-c.jpg")
			no-repeat center top;
	}
	#search-input {
		width: 70%;
	}
	#search-dropdown {
		width: 70%;
	}
	#search-btn {
		width: 30%;
	}
	#loader-container {
		right: calc(30% + 15px);
	}
	.main-img-container {
		height: 300px !important;
		width: 300px !important;
	}
	.swiper-container img {
		max-height: 300px !important;
		max-width: 300px !important;
	}
	.swiper-button-next:after,
	.swiper-button-prev:after {
		font-size: 30px !important;
	}
}

@media screen and (min-width: 376px) {
	.product-card {
		height: 376px;
	}
}

@media screen and (min-width: 480px) {
	#main-block {
		background: url("https://www.suiteapp.com/suiteappcom/assets/images/home-background.jpg")
			no-repeat right top;
	}
}

@media (max-width: 767px) {
	.page-loader-container {
		height: calc(100vh - 55px);
	}
	#search-loader {
		display: none !important;
	}
	.item-list {
		min-height: 100vh;
	}
	.main-img-container {
		min-height: 250px;
		min-width: 250px;
	}
	blockquote,
	.blockquote {
		font-size: 14px !important;
	}
	.facet-header .item-listing-sorting {
		margin-left: 0px !important;
	}
	.review-filter {
		width: 100% !important;
	}
	.text-xs-center {
		text-align: center;
	}
	.sorter {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.reviews-header .item-rating {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

@media (max-width: 992px) {
	.item-detailed-page .well-header {
		margin-top: 25px !important;
	}
}

.dropdown-menu.dropdown-topbar {
	top: 35px;
	width: 300px;
	right: 0;
	left: auto;
}

.typeahead-image.typeahead-image-topbar {
	width: 50px;
}

.typeahead-title-topbar {
	font-size: 14px;
}

.dropdown-menu {
	position: absolute;
	top: 50px;
}

.typeahead {
	width: 80%;
	z-index: 100;
	margin-top: 2px;
	border-radius: 0;
}

.typeahead > li > a {
	padding: 3px 8px 3px 14px;
	white-space: normal;
	clear: both;
	font-weight: normal;
	line-height: 18px;
	color: #333;
}

.typeahead-item-head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	overflow: hidden;
	height: 65px;
}

.typeahead-image {
	width: 65px;
	float: left;
	margin-right: 10px;
}

.typeahead-title {
	font-size: 16px;
}

#search-dropdown > li {
	padding: 0 1px;
	font-size: 16px;
}

#search-dropdown > li > a > strong {
	font-size: 14px;
}

.home-container {
	margin-bottom: 60px;
}

#alert-bar .container span,
#alert-bar .container span a {
	color: #fff !important;
	font-size: 16px;
	font-weight: normal;
}

.sdn-aside {
	position: relative;
	height: calc(100% - 20px);
	padding-top: 10px !important;
	font-size: 16px;
	border: 1px solid #e6e6e6 !important;
	padding-top: 0;
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
	padding: 0px 10px 10px !important;
}

.sdn-aside ul {
	margin: 0;
}

.learn-container {
	position: absolute;
	margin: 10px;
	bottom: 0;
	left: 0;
}

.learn-container img {
	display: block;
	width: 100%;
}

.learn-container::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
	background: rgba(0, 0, 0, 0.5);
}

.learn-text {
	z-index: 1;
	font-weight: 600;
	font-size: 28px;
	color: white !important;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -ms-flexbox;
	display: flex;
}

@media (min-width: 768px) {
	.row.equal {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -ms-flexbox;
		display: flex;
	}
	.form-inline select {
		width: 160px !important;
	}
}

.form-inline select {
	display: block;
	width: 100%;
	float: right;
	margin: 0 0 5px 5px;
}

.filter-row {
	display: inline;
}

.app-card {
	border: 1px solid #e6e6e6 !important;
	padding-top: 0;
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.app-card:hover,
.app-card:focus {
	text-decoration: none;
	-webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2) !important;
	box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2) !important;
}

.app-card .app-card-thumbnail {
	position: relative;
	overflow: hidden;
	background: white;
	padding-bottom: 100%;
}

.app-card .app-card-thumbnail img {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 4px;
}

.app-card div.app-card-details {
	border-top: 1px solid #e6e6e6;
	height: 100px;
	background: white;
	font-size: 14px;
	padding: 10px;
}

img.lazy {
	opacity: 0;
}

img.lazy:not(.initial) {
	-webkit-transition: opacity 0.8s;
	-o-transition: opacity 0.8s;
	transition: opacity 0.8s;
}

img.lazy.initial,
img.lazy.loaded,
img.lazy.error {
	opacity: 1;
}

img.lazy:not([src]) {
	visibility: hidden;
}

.home-app-row {
	margin: 20px 0px;
}

@media (min-width: 992px) {
	.ten-columns > .col-md-2 {
		width: 20% !important;
	}
	.main-img-container {
		height: 420px !important;
		width: 420px !important;
	}
	.swiper-container img {
		max-height: 420px !important;
		max-width: 420px !important;
	}
	.product-card {
		height: 250px;
	}
	.pull-md-right {
		float: right;
	}
}

@media (min-width: 1200px) {
	.product-card {
		height: 376px;
	}
}

.app-name-row,
.app-details-row {
	height: 50%;
}

.details-app-name > a {
	color: #303863;
	font-weight: 600;
	text-decoration: none;
}

.product-card {
	background: white;
	margin-bottom: 0px !important;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.details-app-name,
.details-comp-name {
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
}

@supports (-webkit-line-clamp: 2) {
	.details-app-name {
		overflow: hidden;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		white-space: initial;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
}

.details-comp-name {
	color: #b1b1b1;
	font-weight: 400;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.category-section {
	background-image: url("../../assets/images/business-needs-texture.png");
	background-size: cover;
}

.sce-section {
	background-image: url("../../assets/images/sce-texture.png");
	background-size: cover;
	position: relative;
}

.heroBar {
	position: relative !important;
	background-color: rgba(57, 134, 128) !important;
}

.suiteapp-videos figure a {
	text-decoration: none;
}

.product-card.video-card {
	padding: 0;
	overflow: hidden;
}

.product-card.video-card .video-image {
	height: 45%;
	border-bottom: 10px solid #82b5a4;
}

.product-card.video-card .video-details {
	padding: 15px;
}

.product-card.video-card .video-image > img {
	height: 100%;
}

.category-card {
	background-color: white;
	border: 1px solid #e6e6e6 !important;
	padding: 20px;
	height: 260px;
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.72);
	box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.72);
}

.category-img-container {
	position: relative;
	width: 100%;
	height: 150px;
	margin: 0 auto;
}

.category-img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.search-text {
	position: relative;
}

.search-text input[type="text"] {
	padding: 10px;
	font-size: 18px;
	border: 1px solid grey;
	float: left;
	width: 65%;
	background: #f1f1f1;
	color: black;
	border-radius: 0;
}

.search-text button {
	transition: background 0.8s ease;
	float: left;
	width: 20%;
	padding: 10px;
	background: #759c6c;
	color: white;
	font-size: 18px;
	border: 1px solid grey;
	border-left: none;
	cursor: pointer;
}

.search-text button:hover {
	background: #2b412a;
}

.search-text::after {
	content: "";
	clear: both;
	display: table;
}

.item-custom,
.carousel-custom,
.carousel-inner-custom {
	height: auto !important;
}

a.show-apps-link {
	color: #303863;
	font-weight: 400;
	text-decoration: none;
}

.carousel-custom {
	position: relative;
	margin: 0;
}

.item > ul {
	padding: 0;
	margin: 0 25px 0px 25px;
}

a.carousel-control {
	position: absolute;
	top: 40%;
	left: auto;
	width: auto !important;
	height: 30px !important;
	margin-top: 0;
	font-size: 60px;
	font-weight: 400;
	line-height: 30px;
	color: gray;
	text-align: center;
	background: 0 0;
	border: none;
	border-radius: 0;
	opacity: 1;
	-webkit-filter: none;
	filter: none;
}

.carousel-control:hover,
.carousel-control:focus {
	outline: 0;
	color: #7f7f7f !important;
	text-decoration: none;
	opacity: 0.9;
	filter: alpha(opacity=90);
}

.carousel-control-business {
	color: white !important;
}

.carousel-control-sce,
.carousel-control-business {
	margin: 20px 0px !important;
}

.sce-carousel-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

/* SEARCH CSS */

.well-section.top-filter-reset {
	padding: 10px 4px 10px 0;
	border: 0;
}

.well-section.top-filter-reset a {
	padding: 8px 11px;
	color: #759c6c;
	letter-spacing: 1px;
	text-decoration: none;
	color: white;
}

.facets-container .facet-well {
	border: 0;
	margin-top: 10px;
}

.facet-well > .heading {
	line-height: 18px;
	margin: 0;
	overflow: hidden;
	padding: 6px 0 4px 0;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.facets-container h3 {
	font-weight: 400;
	font-size: 17px;
	color: #759c6c;
}

.facet-well .filters {
	padding-bottom: 10px;
}

.facets-container .facet-well .filters > ul.nav-list {
	padding-left: 0;
	margin-left: 0;
}

.facet-well .filters > ul.nav-list li {
	padding: 2px 3px;
}

.facets-container .facet-well .filters > ul.nav-list li h4 {
	font-size: 14px;
	margin: 0;
}

.facets-container .facet-well .filters > ul.nav-list li h4 a {
	padding: 0 10px;
	text-decoration: none;
	color: #575757;
	display: block;
	margin: 0 -15px;
	font-weight: 400;
	transition: none;
}

.facets-container .facet-well .filters > ul.nav-list li.active {
	padding: 0 10px;
}

.facets-container .facet-well .filters > ul.nav-list li.active h4 a {
	background-color: #759c6c;
	color: #fff;
	text-decoration: none !important;
	padding: 8px 10px;
}

.facets-container .facet-well .filters > ul.nav-list li.active h4 a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #676867;
}

.facets-container .facet-well .filters > ul.nav-list li.active h4 a:after {
	content: "x";
	float: right;
}

.total-results {
	font-size: 22px;
}

.item-list .item-row,
.total-results {
	margin-top: 10px;
	margin-bottom: 10px;
}

.facet-header {
	margin-bottom: 18px;
}

a.scroll-top {
	-webkit-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	position: fixed;
	bottom: 0;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	cursor: pointer;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 3em 3em 0;
	border-radius: 50%;
	padding: 0.25em;
	width: 80px;
	height: 80px;
	background-color: #759c6c;
}

a.scroll-top::after {
	content: "\f077";
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-size: 2em;
	line-height: 50px;
	color: #fff;
}

a.scroll-top:hover {
	cursor: pointer;
	background-color: #333;
	text-decoration: none;
}

a.scroll-top:focus {
	text-decoration: none;
}

a.scroll-top:active {
	background-color: #555;
}

a.scroll-top.show-btn {
	visibility: visible;
	opacity: 1;
}

a.scroll-top.hide-btn {
	visibility: hidden;
	opacity: 0;
}

.search-results-header {
	padding: 0px 15px;
}

.scroll-status {
	display: none;
	/* hidden by default */
	padding-top: 20px;
	border-top: 1px solid #ddd;
	text-align: center;
	color: #777;
}

.app-card:hover .btn-quick-view,
.item-cell-thumbnail:hover .btn-quick-view {
	display: block;
	-webkit-animation: fade-in 750ms;
	animation: fade-in 750ms;
}

.app-card:not(:hover) .btn-quick-view.did-fade-in,
.item-cell-thumbnail:not(:hover) .btn-quick-view.did-fade-in {
	display: block;
	animation: fade-out 750ms;
}

@-webkit-keyframes fade-in {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes fade-in {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@-webkit-keyframes fade-out {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

@keyframes fade-out {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

#search-loader {
	display: block;
}

.item-list .item-cell-grid {
	border: 1px solid #e6e6e6 !important;
	padding-top: 0;
}

.item-list .item-cell-grid .thumbnails {
	padding: 4px;
	min-height: 220px;
	position: relative;
	overflow: hidden;
}

.item-list .item-cell-grid .thumbnails img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 95%;
}

.item-list .item-cell-grid h2.item-cell-name {
	margin-top: 1px;
	border-top: 1px solid #e6e6e6;
	height: 50px;
	background: #f5f5f5;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #f5f5f5),
		to(rgba(255, 255, 255, 0))
	);
	background: -o-linear-gradient(top, #f5f5f5 0, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(
		to bottom,
		#f5f5f5 0,
		rgba(255, 255, 255, 0) 100%
	);
	font-size: 14px;
	text-align: center;
	padding: 3px;
}

.item-list .item-cell-grid h2.item-cell-name a,
.results .item-list .item-cell-grid h2.item-cell-name a:hover {
	text-decoration: none;
}

.facet-header .item-listing-sorting {
	margin-left: auto;
}

.sort-dropdown {
	width: 140px;
}

/* MODAL CSS */

.modal {
	top: 0 !important;
}

.modal-open {
	padding-right: 0px !important;
	overflow-y: scroll;
}

.modal-header {
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
}

.modal-body {
	position: relative;
	padding: 15px;
}

.modal-body .product-detail {
	padding: 0 !important;
}

.modal-title {
	font-size: 18px;
	margin: 0;
}

.modal-content .modal-detail {
	font-size: 14px;
	padding-bottom: 10px;
}

.modal-content .modal-detail a {
	font-size: 14px;
	padding-bottom: 10px;
}

.modal-body .modal-guideline {
	font-size: 12px;
	margin: 0;
}

/* REVIEWS CSS */

.review-details * {
	font-size: 18px !important;
}

.item-product-reviews {
	font-size: 14px;
	letter-spacing: 0;
}

.item-detailed-reviews {
	padding: 0;
	border: none;
	margin: 0;
}

.reviews-header {
	margin-bottom: 30px;
}

article.product-review {
	margin-bottom: 45px;
}

article.product-review h4 {
	font-size: 18px;
}

.product-review-info {
	font-size: 18px;
}

.review-total {
	font-size: 18px;
}

.review-total a {
	text-decoration: none;
}

.review-container blockquote {
	border-left: 5px solid #eee;
	text-align: left;
	line-height: normal;
	letter-spacing: 0px;
}

blockquote.unstyled {
	border: none;
	margin: 0;
	padding: 0;
}

.reviews-header .reviews-list h4 {
	font-weight: 400;
	text-transform: none;
}

.btn.useful-review,
.btn.not-useful-review {
	padding: 6px 12px;
	font-size: 13px;
}

.rating-by-star-label,
.item-product-reviews .reviews-header .rating-by-star .rating-by-star-label {
	font-size: 14px;
	letter-spacing: 0;
	padding: 10px;
}

.item-product-reviews .item-detailed-reviews .rating-by-star .bar-rating,
.item-product-reviews .reviews-header .rating-by-star .bar-rating {
	background-color: #759c6c;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#759c6c),
		to(#2a8164)
	);
	background-image: -o-linear-gradient(top, #759c6c, #2a8164);
	background-image: linear-gradient(to bottom, #759c6c, #2a8164);
	background-repeat: repeat-x;
}

.rating-by-star .rating-by-star-label,
.rating-by-star .rating-by-star-count,
.rating-by-star .rating-by-star-percentage {
	display: block;
	float: left;
	margin-right: 10px;
	font-size: 14px;
}

.rating-by-star-count,
.rating-by-star-percentage {
	padding: 10px 0;
}

.rating.star {
	float: left;
	padding-top: 3px;
}

.rating-by-star-percentage-area {
	float: left;
	margin-right: 8px;
	width: 90px;
	padding: 10px;
}

.progress .bar {
	width: 0;
	height: 100%;
	color: #fff;
	float: left;
	font-size: 12px;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #0e90d2;
	background-image: -o-linear-gradient(top, #149bdf, #0480be);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#149bdf),
		to(#0480be)
	);
	background-image: linear-gradient(to bottom, #149bdf, #0480be);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: width 0.6s ease;
	-o-transition: width 0.6s ease;
	transition: width 0.6s ease;
}

.strong {
	font-weight: bold;
}

.contact-me {
	width: 100%;
	margin-bottom: 30px;
	margin-right: 10px;
	font-size: 16px;
	padding: 20px;
}

h2.item-cell-name,
.new-product-review h1 {
	font-size: 18px;
	color: #333;
	margin: 9px 0 9px 0px;
	font-weight: normal;
}

h2.item-cell-name a {
	text-decoration: none;
	color: #333;
}

.item-detail {
	border-bottom: 1px solid #eee;
	margin-bottom: 18px;
	padding: 18px 0 25px;
}

.new-product-review label i {
	color: #759c6c !important;
	padding-left: 3px;
}

.item-detail .item-cell-thumbnail {
	position: relative;
	background-color: #fff;
	border: 1px solid #ddd;
	padding-bottom: 100%;
}

.item-detail .item-cell-thumbnail img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 4px;
}

.reviews-header {
	margin-bottom: 30px;
}

.reviews-header h3 {
	font-size: 15px;
}

.btn-large {
	padding: 11px 19px;
	font-size: 16.25px;
	border-radius: 4px;
}

.btn-quick-view {
	display: none;
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
	top: 45%;
}

.btn-quick-view a {
	text-shadow: none;
	background-color: #759c6c;
	border: 1px #759c6c;
	opacity: 1;
}

.btn-quick-view a:hover {
	background-color: #2b412a !important;
	border: none;
	color: white !important;
}

#review-submit-btn {
	width: 80px;
	height: 40px;
}

#loader-review-container {
	display: block;
}

.review-loader {
	position: relative;
	height: 15px;
	width: 15px;
	display: inline-block;
	-webkit-animation: around 5.4s infinite;
	animation: around 5.4s infinite;
}

@-webkit-keyframes around {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes around {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.review-loader::after,
.review-loader::before {
	content: "";
	background: #759c6c;
	position: absolute;
	display: inline-block;
	width: 100%;
	height: 100%;
	border-width: 2px;
	border-color: white white transparent transparent;
	border-style: solid;
	border-radius: 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	top: 0;
	left: 0;
	-webkit-animation: around 0.7s ease-in-out infinite;
	animation: around 0.7s ease-in-out infinite;
}

.review-loader::after {
	-webkit-animation: around 0.7s ease-in-out 0.1s infinite;
	animation: around 0.7s ease-in-out 0.1s infinite;
	background: transparent;
}

#review-submit-btn:disabled:hover {
	background-color: #759c6c;
	border-color: #759c6c;
}

/* DETAIL CSS */

.title {
	font-size: 45px;
	font-weight: normal;
	margin: 0;
}

.title-col {
	width: 100%;
}

font {
	font-size: 100% !important;
	font-family: "Oracle Sans", "Lucida Sans Unicode", "Lucida Grande",
		sans-serif !important;
}

.details-tabs .tab-content span[style],
.details-tabs .tab-content p[style],
.details-tabs .tab-content li[style] {
	font-size: 18px !important;
	font-weight: 300 !important;
	line-height: 1.5 !important;
	font-family: "Oracle Sans", "Lucida Sans Unicode", "Lucida Grande",
		sans-serif !important;
	background: initial !important;
}

.details-tabs .tab-content blockquote + span.pull-right {
	display: block;
	text-align: right;
	float: none !important;
}

.details-tabs .tab-content h2 {
	color: #333;
	font-weight: 600;
}

.details-tabs .tab-content h2 + * {
	margin-bottom: 20px;
}

.item-detailed-page {
	margin-top: 50px;
	border: none;
	margin-bottom: 20px;
}

.main-img-container {
	height: 500px;
	width: 500px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.extra-img-container {
	display: inline;
}

.extra-img-container > a {
	text-decoration: none;
}

.item-detailed-page .well-header {
	margin: 0;
	padding: 14px;
	padding-top: 0px;
	background: 0px 0px;
	border-bottom: none;
}

.item-detailed-page .well-body {
	font-size: 18px;
	padding: 0px 12px 12px;
	border-bottom: 1px solid #eaeaea;
}

.item-detailed-page .well-footer {
	padding-top: 16px;
	padding-bottom: 16px;
	border-top: 1px solid #fff;
}

.item-detailed-page .well-header h1 {
	font-size: 28px;
	color: #333;
	text-shadow: none;
	font-weight: 400;
	text-rendering: optimizelegibility;
	padding-bottom: 0;
	margin-bottom: 0;
	margin-top: 0 !important;
}

.item-rating {
	margin-left: -2px;
	margin-top: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.rating {
	margin-bottom: 5px;
	padding-left: 0px;
}

.rating .rating-area {
	position: relative;
}

.rating .rating-label,
.rating .rating-area,
.rating .rating-value {
	display: block;
	float: left;
	height: 18px;
	line-height: 18px;
	margin-right: 10px;
}

.rating .rating-area,
.rating .rating-area-fill {
	background-image: url("../images/star.png");
	width: 115px;
}

.rating .rating-area-fill {
	height: 18px;
	background-position: 0 18px;
}

.item-detailed-page .well-footer .app-details {
	font-size: 18px;
	letter-spacing: 0;
}

.item-detailed-page .well-footer .app-details p {
	font-size: 18px;
	margin-left: 10px;
}

.item-detailed-page .well-footer .app-details em {
	color: #759c6c;
	font-style: normal;
	font-size: 18px;
	display: inline;
}

.well-footer .app-details .ai-elite {
	width: 200px;
	margin-bottom: 10px;
	height: 110px;
	background: url("../images/badges/ai_elite_badge.png");
	background-repeat: no-repeat;
	background-size: cover;
}

.well-footer .app-details .ai-application {
	width: 200px;
	margin-bottom: 10px;
	height: 110px;
	background: url("../images/badges/ai_application.png");
	background-repeat: no-repeat;
	background-size: cover;
}

.well-footer .app-details .bfn_hybrid {
	width: 200px;
	margin-bottom: 10px;
	height: 110px;
	background: url("../images/badges/bfn-hybrid.png");
	background-repeat: no-repeat;
	background-size: cover;
}

.well-footer .app-details .bfn_integrated {
	width: 200px;
	margin-bottom: 10px;
	height: 110px;
	background: url("../images/badges/bfn-integrated.png");
	background-repeat: no-repeat;
	background-size: cover;
}

.well-footer .app-details .bfn_native {
	width: 200px;
	margin-bottom: 10px;
	height: 110px;
	background: url("../images/badges/bfn-native.png");
	background-repeat: no-repeat;
	background-size: cover;
}

.well-footer .app-details .bfn_integrated_by_netsuite {
	width: 119px;
	margin-bottom: 10px;
	margin-left: 10px;
	height: 64px;
	background: url("../images/badges/bfn-integrated_by_netsuite.png");
	background-repeat: no-repeat;
}

.well-footer .app-details .bfn_sca-extension {
	width: 190px;
	margin-bottom: 10px;
	margin-left: -5px;
	height: 49px;
	background: url("../images/badges/bfn-sce.png");
	background-repeat: no-repeat;
}

.details-tabs {
	font-size: 18px;
}

.details-tabs ul.nav-tabs {
	margin: 0;
	border: 0;
}

.details-tabs ul.nav-tabs li.active {
	background: url("../images/topbar-active.png") top left no-repeat;
}

.details-tabs ul.nav-tabs li.active a {
	color: #333;
}

.details-tabs ul.nav-tabs li a {
	padding-left: 0;
	padding-top: 15px;
	color: #ccc;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0;
	text-decoration: none;
	cursor: pointer;
	border: none !important;
	background: 0 0 !important;
}

.details-tabs .tab-content {
	letter-spacing: 0;
	padding: 10px;
	color: #333;
}

.disclaimer-section {
	font-size: 14px;
	font-style: italic;
	margin-top: 30px;
	margin-bottom: 30px;
}

/* Exclude New Review Button Modal */
.details-tabs .tab-content *:not(.modal-body *) {
	font-size: 18px !important;
}

.details-tabs .tab-content h1,
.details-tabs .tab-content h2,
.details-tabs .tab-content h3,
.details-tabs .tab-content h4 {
	margin-bottom: 9px;
	line-height: 1.5;
}

.pswp__zoom-wrap {
	text-align: center;
}

.pswp__zoom-wrap:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.video-thumbnail {
	filter: brightness(75%) saturate(140%);
}

.play-button {
	position: absolute;
	box-sizing: border-box;
	display: block;
	width: 80px;
	height: 80px;
	padding-top: 14px;
	padding-left: 8px;
	line-height: 20px;
	border: 6px solid #fff;
	border-radius: 50%;
	color: #f5f5f5;
	text-align: center;
	text-decoration: none;
	background-color: rgba(0, 0, 0, 0.5);
	font-size: 20px;
	font-weight: bold;
	transition: all 0.3s ease;
	z-index: 1;
}

.play-button:hover {
	background-color: rgba(0, 0, 0, 0.8);
	box-shadow: 0px 0px 10px rgba(255, 255, 255, 1);
	text-shadow: 0px 0px 10px rgba(255, 255, 255, 1);
}

.video-wrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
	width: 100%;
}

.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.wrapper {
	line-height: 0;
	width: 100%;
	max-width: 900px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: auto auto;
	text-align: left;
	z-index: 1045;
}

ul.swiper-wrapper {
	list-style-type: none !important;
	margin: 0;
	padding: 0;
}

.swiper-container img {
	width: 100%;
	height: auto;
	max-height: 500px;
	max-width: 500px;
	cursor: -webkit-zoom-in;
	cursor: zoom-in;
}

.swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.swiper-button-prev {
	height: 100%;
	top: 0;
	left: 0;
	padding: 8px;
	opacity: 0.2;
	-webkit-transition: opacity 0.6s;
	-o-transition: opacity 0.6s;
	transition: opacity 0.6s;
	color: #759c6c !important;
}

.swiper-button-next {
	height: 100%;
	top: 0;
	right: 0;
	padding: 8px;
	opacity: 0.2;
	-webkit-transition: opacity 0.6s;
	-o-transition: opacity 0.6s;
	transition: opacity 0.6s;
	color: #759c6c !important;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #759c6c !important;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
	opacity: 1;
}

.pace {
	-webkit-pointer-events: none;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.pace-inactive {
	display: none;
}

.pace .pace-progress {
	background: #6e9d67;
	position: fixed;
	z-index: 2000;
	top: 0;
	right: 100%;
	width: 100%;
	height: 2px;
}

.return-home-link {
	display: block;
	cursor: pointer;
}

/* Referral Acknowledgement Page */

.banner {
	background-image: url("../../assets/images/referral-banner.png");
	height: 300px;
}

.jumbotron,
.hero,
.banner {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	display: table;
	width: 100%;
	color: #fff;
	text-align: left;
	text-shadow: 0px 1px 3px rgb(0 0 0 / 60%);
	position: relative;
	overflow: hidden;
}

.jumbotron .inner,
.hero .inner,
.banner .inner {
	display: table-cell;
	vertical-align: middle;
	position: relative;
}