@charset "utf-8";
/* CSS Document */

body, html {
 height: 100%;
}
/* Fix header styles */
.page-header-fixed .header {
	position: fixed !important;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99999;
	background: #fcfcfc;
}
/* Updated background colors and font colors */
.bg-white {
	background:#FFF
}
.font-white {
	color:#FFF
}
.bg-font-white {
	color:#333
}
.bg-default {
	background:#F4F4F4
}
.font-default {
	color:#333
}
.bg-font-default {
	color:#333
}
.bg-dark {
	background:#5F6062
}
.font-dark {
	color:#333
}
.bg-font-dark {
	color:#FFF
}
.bg-blue {
	background:#009DDC
}
.font-blue {
	color:#009DDC
}
.bg-font-blue {
	color:#FFF
}
.bg-blue-dark {
	background:#035098
}
.font-blue-dark {
	color:#035098
}
.bg-font-blue-dark {
	color:#FFF
}
.bg-blue-light {
	background:#32C5D2
}
.font-blue-light {
	color:#6AD81D
}
.bg-font-blue-light {
	color:#FFF
}
.bg-green-light {
	/*background:#32C5D2*/
	background:#6AD81D
}
.font-green-light {
	color:#6AD81D
}
.bg-font-green-light {
	color:#FFF
}
.bg-green-dark {
	background:#19C124
}
.font-green-dark {
	color:#19C124
}
.bg-font-green-dark {
	color:#FFF
}
.bg-grey {
	background:#E5E5E5
}
.font-grey {
	color:#E5E5E5
}
.bg-font-grey {
	color:#333
}
.bg-red {
	background:#DE3225
}
.font-red {
	color:#e7505a
}
.bg-font-red {
	color:#FFF
}
.bg-orange {
	background:#F68B1F
}
.font-orange {
	color:#F68B1F
}
.bg-font-orange {
	color:#FFF
}
.bg-purple {
	background:#9F159F;
}
.font-purple {
	color:#9F159F
}
.bg-font-purple {
	color:#FFF
}
.bg-purple-light {
	background:#DB1D56;
}
.font-purple-light {
	color:#DB1D56
}
.bg-font-purple-light {
	color:#FFF
}
.bg-purple-dark {
	background:#573996;
}
.font-purple-dark {
	color:#573996
}
.bg-font-purple-dark {
	color:#FFF
}
.color-demo {
	border:1px solid #eee;
	margin:0 0 20px;
	cursor:pointer
}
.color-demo .color-view {
	padding:35px 10px;
	text-align:center;
}
.color-demo .color-info {
	border-top:1px solid #eee;
	padding:10px;
	text-align:center
}
/* Updated btn */
.btn {
	outline:0!important
}
.btn:hover {
	 transition:all .3s;
}
.btn:not(.btn-sm):not(.btn-lg) {
}
.btn.white:not(.btn-outline) {
	 color:#333;
	 background-color:#FFF;
}
.btn.white:not(.btn-outline).active, .btn.white:not(.btn-outline):hover {
	 color:#333;
	 background-color:#E6E6E6;
}
.btn.btn-outline.white {
	border-color:#FFF;
	color:#FFF;
	background:0 0
}
.btn.btn-outline.white.active, .btn.btn-outline.white:active:hover, .btn.btn-outline.white:hover {
	border-color:#FFF;
	color:#333;
	background-color:#FFF
}
.btn.default:not(.btn-outline) {
	 color:#333;
	 background-color:#F4F4F4;
}
.btn.default:not(.btn-outline).active, .btn.default:not(.btn-outline):hover {
	 color:#333;
	 background-color:#C2CAD8;
}
.btn.btn-outline.default {
	border-color:#C2CAD8;
	color:#333;
	background:0 0
}
.btn.btn-outline.default.active, .btn.btn-outline.default:active:hover, .btn.btn-outline.default:hover {
	border-color:#C2CAD8;
	color:#333;
	background-color:#C2CAD8
}
.btn.dark:not(.btn-outline) {
	 color:#FFF;
	 background-color:#5F6062;
}
.btn.dark:not(.btn-outline).active, .btn.dark:not(.btn-outline):hover {
	 color:#FFF;
	 background-color:#2f353b;
}
.btn.btn-outline.dark {
	border-color:#5F6062;
	color:#5F6062;
	background:0 0
}
.btn.btn-outline.dark.active, .btn.btn-outline.dark:active:hover, .btn.btn-outline.dark:hover {
	border-color:#5F6062;
	color:#FFF;
	background-color:#5F6062
}
.btn.blue:not(.btn-outline) {
	 color:#FFF;
	 background-color:#009DDC;
}
.btn.blue:not(.btn-outline).active, .btn.blue:not(.btn-outline):hover {
	 color:#FFF;
	 background-color:#008BBB;
}
.btn.btn-outline.blue {
	border-color:#009DDC;
	color:#009DDC;
	background:0 0
}
.btn.btn-outline.blue.active, .btn.btn-outline.blue:active:hover, .btn.btn-outline.blue:hover {
	border-color:#009DDC;
	color:#FFF;
	background-color:#009DDC
}
.btn.blue-dark:not(.btn-outline) {
	 color:#FFF;
	 background-color:#035098;
}
.btn.blue-dark:not(.btn-outline).active, .btn.blue-dark:not(.btn-outline):hover {
	 color:#FFF;
	 background-color:#164B87;
}
.btn.btn-outline.blue-dark {
	border-color:#035098;
	color:#035098;
	background:0 0
}
.btn.btn-outline.blue-dark.active, .btn.btn-outline.blue-dark:active:hover, .btn.btn-outline.blue-dark:hover {
	border-color:#035098;
	color:#FFF;
	background-color:#035098
}
.btn.green-light:not(.btn-outline) {
	 color:#FFF;
	 background-color:#6AD81D;
}
.btn.green-light:not(.btn-outline).active, .btn.green-light:not(.btn-outline):hover {
	 color:#FFF;
	 background-color:#669C41;
}
.btn.btn-outline.green-light {
	border-color:#6AD81D;
	color:#6AD81D;
	background:0 0
}
.btn.btn-outline.green-light.active, .btn.btn-outline.green-light:active:hover, .btn.btn-outline.green-light:hover {
	border-color:#6AD81D;
	color:#FFF;
	background-color:#6AD81D
}
.btn.green-dark:not(.btn-outline) {
	 color:#FFF;
	 background-color:#19C124;
}
.btn.green-dark:not(.btn-outline).active, .btn.green-dark:not(.btn-outline):hover {
	 color:#FFF;
	 background-color:#3B9445;
}
.btn.btn-outline.green-dark {
	border-color:#19C124;
	color:#19C124;
	background:0 0
}
.btn.btn-outline.green-dark.active, .btn.btn-outline.green-dark:active:hover, .btn.btn-outline.green-dark:hover {
	border-color:#19C124;
	color:#FFF;
	background-color:#19C124
}
.btn.blue-light:not(.btn-outline) {
	 color:#FFF;
	 background-color:#32C5D2;
}
.btn.blue-light:not(.btn-outline).active, .btn.blue-light:not(.btn-outline):hover {
	 color:#FFF;
	 background-color:#32C5D2;
}
.btn.btn-outline.blue-light {
	border-color:#32C5D2;
	color:#32C5D2;
	background:0 0
}
.btn.btn-outline.blue-light.active, .btn.btn-outline.blue-light:active:hover, .btn.btn-outline.blue-light:hover {
	border-color:#32C5D2;
	color:#FFF;
	background-color:#32C5D2
}
.btn.grey:not(.btn-outline) {
	 color:#333;
	 background-color:#545454;
}
.btn.grey:not(.btn-outline).active, .btn.grey:not(.btn-outline):hover {
	 color:#333;
	 background-color:#ccc;
}
.btn.btn-outline.grey {
	border-color:#545454;
	color:#545454;
	background:0 0
}
.btn.btn-outline.grey.active, .btn.btn-outline.grey:active:hover, .btn.btn-outline.grey:hover {
	border-color:#545454;
	color:#333;
	background-color:#545454
}
.btn.red:not(.btn-outline) {
	 color:#FFF;
	 background-color:#DE3225;
}
.btn.red:not(.btn-outline).active, .btn.red:not(.btn-outline):hover {
	 color:#FFF;
	 background-color:#CF5728;
}
.btn.btn-outline.red {
	border-color:#DE3225;
	color:#DE3225;
	background:0 0
}
.btn.btn-outline.red.active, .btn.btn-outline.red:active:hover, .btn.btn-outline.red:hover {
	border-color:#DE3225;
	color:#FFF;
	background-color:#DE3225
}
.btn.orange:not(.btn-outline) {
	 color:#FFF;
	 background-color:#F68B1F;
}
.btn.orange:not(.btn-outline).active, .btn.orange:not(.btn-outline):hover {
	 color:#FFF;
	 background-color:#E18123;
}
.btn.btn-outline.orange {
	border-color:#F68B1F;
	color:#F68B1F;
	background:0 0
}
.btn.btn-outline.orange.active, .btn.btn-outline.orange:active:hover, .btn.btn-outline.orange:hover {
	border-color:#F68B1F;
	color:#FFF;
	background-color:#F68B1F
}
.btn.purple:not(.btn-outline) {
	 color:#FFF;
	 background-color:#9F159F;
}
.btn.purple:not(.btn-outline).active, .btn.purple:not(.btn-outline):hover {
	 color:#FFF;
	 background-color:#81317B;
}
.btn.btn-outline.purple {
	border-color:#9F159F;
	color:#9F159F;
	background:0 0
}
.btn.btn-outline.purple.active, .btn.btn-outline.purple:active:hover, .btn.btn-outline.purple:hover {
	border-color:#9F159F;
	color:#FFF;
	background-color:#9F159F
}
.btn.purple-light:not(.btn-outline) {
	 color:#FFF;
	 background-color:#DB1D56;
}
.btn.purple-light:not(.btn-outline).active, .btn.purple-light:not(.btn-outline):hover {
	 color:#FFF;
	 background-color:#AA3E5B;
}
.btn.btn-outline.purple-light {
	border-color:#DB1D56;
	color:#DB1D56;
	background:0 0
}
.btn.btn-outline.purple-light.active, .btn.btn-outline.purple-light:active:hover, .btn.btn-outline.purple-light:hover {
	border-color:#DB1D56;
	color:#FFF;
	background-color:#DB1D56
}
.btn.purple-dark:not(.btn-outline) {
	 color:#FFF;
	 background-color:#573996;
}
.btn.purple-dark:not(.btn-outline).active, .btn.purple-dark:not(.btn-outline):hover {
	 color:#FFF;
	 background-color:#4F367E;
}
.btn.btn-outline.purple-dark {
	border-color:#573996;
	color:#573996;
	background:0 0
}
.btn.btn-outline.purple-dark.active, .btn.btn-outline.purple-dark:active:hover, .btn.btn-outline.purple-dark:hover {
	border-color:#573996;
	color:#FFF;
	background-color:#573996
}
/* Updated header menu navigation */
.header-navigation-content h4 a {
	color: #E02222 !important;
}
.header-navigation-content h4 a:hover {
	text-decoration:none !important;
}

/* Homepage products */
.product-thumbnail-list {
	position: relative;
}
.product-thumbnail-entry {
	float: left;
	margin-bottom: 14px;
	padding-bottom: 12px;
	position: relative;
	clear: both;
}
.product-thumbnail-list .product-thumbnail-entry > img {
	float: left;
	display: block;
	margin-right: 20px;
}
.product-thumbnail-list .product-thumbnail-entry img + .product-thumbnail-content {
	padding-left: 100px;
}
.product-thumbnail-list .product-thumbnail-entry .product-thumbnail-content h4 {
	font-size: 16px;
	font-weight: 600;
	margin: 0;
}
.product-thumbnail-1-list {
	position: relative;
}
.product-thumbnail-1-entry {
	float: left;
	margin-bottom: 14px;
	padding-bottom: 12px;
	position: relative;
	clear: both;
}
.product-thumbnail-1-list .product-thumbnail-1-entry > img {
	float: left;
	display: block;
	margin-right: 20px;
}
.product-thumbnail-1-list .product-thumbnail-1-entry img + .product-thumbnail-1-content {
	padding-left: 120px;
}
.product-thumbnail-1-list .product-thumbnail-1-entry .product-thumbnail-1-content h4 {
	font-size: 16px;
	font-weight: 600;
	margin: 0;
}
/* Homepage testimonials */
.testimonials-block {
	padding-top: 20px;
}
.testimonials-block .carousel.carousel-center {
	width: 100%;
	margin: 0 auto;
}
/* Homepage banner */
.homepage-banner {
	background-image: url('../images/homepage/home-bg.jpg');
	background-color:#F68B1F;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height:100%;
}
/* Homepage main banner */
.main-banner-1 {
	background-image: url('../images/homepage/home-bg-1.jpg');
	background-color:#F68B1F;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height:100%;
}
.main-banner-2 {
	background-image: url('../images/homepage/home-bg-2.jpg');
	background-color:#F68B1F;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height:100%;
}
.main-banner-3 {
	background-image: url('../images/homepage/home-bg-3.jpg');
	background-color:#F68B1F;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height:100%;
}
.main-banner-1 h2, .main-banner-2 h2, .main-banner-3 h2 {
	font-size:36px;
	margin-top:100px;
	margin-bottom:40px;
}
.main-banner-1 h2 span, .main-banner-2 h2 span, .main-banner-3 h2 span {
	font-weight:500;
}
/* Homepage nammer heading */
.banner-heading-homepage {
	height:180px;  
	align-items: center; 
	font-size:60px; 
	color:#FFF;
	font-weight:300; 
	margin-top:100px;
	text-transform:uppercase;
}
/* Homepage banner group */
.banner-group-link-homepage {
	margin:60px auto;
}
a.banner-group-link-homepage {
	padding:40px 20px;
	margin:0 auto;
	display:block;
	text-decoration:none;
	color:#fff;
	font-size:16px;
	font-weight:600;
	text-align:center;
	height:360px;
	width:360px;
}

a:hover.banner-group-link-homepage {
	color:rgba(246,139,31,1);
	background:rgba(255,255,255,0.1);
	border-radius: 50%!important;
	-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
	height:360px;
	width:360px;
}
a.banner-group-link-homepage h3 {
	font-size:30px;
	font-weight:300;
	margin:20px 0;
}
a.banner-group-link-homepage .img1 {
	padding: 0;
	margin: 0;
	display: block;
	background: url(../images/homepage/end-users.png) no-repeat center bottom;
	height:80px;
}
a:hover.banner-group-link-homepage .img1 {
	padding: 0;
	margin: 0;
	display: block;
	background: url(../images/homepage/end-users-over.png) no-repeat center bottom;
	height:80px;
}
a.banner-group-link-homepage .img2 {
	padding: 0;
	margin: 0;
	display: block;
	background: url(../images/homepage/enterprise.png) no-repeat center bottom;
	height:80px;
}
a:hover.banner-group-link-homepage .img2 {
	padding: 0;
	margin: 0;
	display: block;
	background: url(../images/homepage/enterprise-over.png) no-repeat center bottom;
	height:80px;
}
a.banner-group-link-homepage .img3 {
	padding: 0;
	margin: 0;
	display: block;
	background: url(../images/homepage/developer.png) no-repeat center bottom;
	height:80px;
}
a:hover.banner-group-link-homepage .img3 {
	padding: 0;
	margin: 0;
	display: block;
	background: url(../images/homepage/developer-over.png) no-repeat center bottom;
	height:80px;
}
/* Product page banner */
.banner-end-users {
	background-image: url('../images/homepage/banner-end-users.jpg');
	background-color:#F68B1F;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 400px;
}
.banner-enterprise {
	background-image: url('../images/homepage/banner-enterprise.jpg');
	background-color:#F68B1F;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 400px;
}
.banner-developer {
	background-image: url('../images/homepage/banner-developer.jpg');
	background-color:#F68B1F;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 400px;
}
.banner-heading {
	height:300px; 
	display: flex; 
	justify-content: center; 
	align-items: center; 
	font-size:48px; 
	color:#FFF;
	font-weight:300;
	text-transform:uppercase;
}
.product-benefits {
	text-align:center;
	font-size:16px;
}
.product-benefits i {
	font-size:60px;
	text-align:center;
	color:#F68B1F;
}
.product-benefits h3 {
	text-align:center;
	font-size:24px;
	font-weight:600;
	color:#F68B1F;
	margin:20px 0;
}
.product-benefits p {
	text-align: left;
	font-size:16px;
	margin:20px 0 60px 0;
}
.product-benefits ul li {
	text-align:center;
	color:#F68B1F;
	font-size:14px;
}
.main-banner-1 hr, .main-banner-2 hr, .main-banner-3 hr, .main-banner-4 hr {
	border-top: 2px solid #F68B1F;
}
@media (max-width:1400px){
body, html {
	height: auto;
}
.homepage-banner {
	background-image: url('../images/homepage/home-bg.jpg');
	background-color:#F68B1F;
	background-attachment: scroll;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: auto;
}
.main-banner-1 {
	background-image: url('../images/homepage/home-bg-1.jpg');
	background-color:#F68B1F;
	background-attachment: scroll;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: auto;
}
.main-banner-2 {
	background-image: url('../images/homepage/home-bg-2.jpg');
	background-color:#F68B1F;
	background-attachment: scroll;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: auto;
}
.main-banner-3 {
	background-image: url('../images/homepage/home-bg-3.jpg');
	background-color:#F68B1F;
	background-attachment: scroll;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: auto;
}
.banner-end-users {
	background-image: url('../images/homepage/banner-end-users.jpg');
	background-color:#F68B1F;
	background-attachment: scroll;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 400px;
}
.banner-enterprise {
	background-image: url('../images/homepage/banner-enterprise.jpg');
	background-color:#F68B1F;
	background-attachment: scroll;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 400px;
}
.product-benefits {
	font-size:14px;
}
.product-benefits h3 {
	font-size:24px;
}
}
@media (max-width:1024px) {
body, html {
 height: auto;
}
.homepage-banner {
	background-image: url('../images/homepage/home-bg.jpg');
	background-color:#F68B1F;
	background-attachment: scroll;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: auto;
}
.main-banner-1 {
	background-image: url('../images/homepage/home-bg-1.jpg');
	background-color:#F68B1F;
	background-attachment: scroll;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: auto;
}
.main-banner-2 {
	background-image: url('../images/homepage/home-bg-2.jpg');
	background-color:#F68B1F;
	background-attachment: scroll;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: auto;
}
.main-banner-3 {
	background-image: url('../images/homepage/home-bg-3.jpg');
	background-color:#F68B1F;
	background-attachment: scroll;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: auto;
}
}
@media (max-width:768px) {

/* Fix header styles */
.page-header-fixed .header {
	position: static!important;
}


.main-banner-1 {
	background-image: url('../images/homepage/home-bg-1.jpg');
	background-color:#F68B1F;
	background-attachment: scroll;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: auto;
}
.main-banner-2 {
	background-image: url('../images/homepage/home-bg-2.jpg');
	background-color:#F68B1F;
	background-attachment: scroll;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: auto;
	min-height:500px;
}
.main-banner-3 {
	background-image: url('../images/homepage/home-bg-3.jpg');
	background-color:#F68B1F;
	background-attachment: scroll;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: auto;
}

.banner-heading-homepage {
	height:200px;  
	font-size:32px;
	margin-top:60px; 
}
.banner-group-link-homepage {
	margin:20px 0 40px 0;
}
a.banner-group-link-homepage h3 {
	font-size:24px;
	font-weight:300;
	margin:10px 0;
}
a.banner-group-link-homepage {
	border-radius:0!important;
	height: auto;
	width: auto;
}

a:hover.banner-group-link-homepage {
	border-radius:0!important;
	height: auto;
	width: auto;
}
.banner-heading {
	height:200px; 
	font-size:32px;
}
.banner-end-users {
	background-image: url('../images/homepage/banner-end-users.jpg');
	background-color:#F68B1F;
	background-attachment: scroll;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 300px;
}
.banner-enterprise {
	background-image: url('../images/homepage/banner-enterprise.jpg');
	background-color:#F68B1F;
	background-attachment: scroll;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 300px;
}
}
@media (max-width: 480px) {

.main-banner-1 h2, .main-banner-2 h2, .main-banner-3 h2 {
	font-size:24px;
	line-height:32px;
	margin:20px 0;
}
}
@media (max-width: 320px) {

.main-banner-1 h2, .main-banner-2 h2, .main-banner-3 h2 {
	font-size:24px;
	line-height:32px;
	margin:20px 0;
}
}