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

.hero-banner-text {
	padding-top: 80px;
}

.hero-banner-text h1 {
	font-family: 'Roboto', sans-serif !important;
	font-style: normal;
	font-weight: 400;
	color: #2E4760;
	font-size: 48px !important;
	line-height: 50px !important;
	margin-bottom: 0px;
	margin-top: 15px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	letter-spacing: -1px;
}

.hero-banner-text h3 {
	font-family: 'Roboto', sans-serif !important;
	font-style: normal;
	font-weight: 300;
	color: #FFFFFF;
	font-size: 26px !important;
	line-height: 32px !important;
	margin-top: 0px;
	margin-bottom: 0px;
}

.hero-banner-text h5 {
	font-family: 'Roboto', sans-serif !important;
	font-style: normal;
	font-weight: 300;
	color: #2E4760;
	font-size: 20px !important;
	line-height: 28px !important;
	margin-top: 20px;
	margin-bottom: 25px;
	padding: 0px;
}

.watch-video-button {
	font-family: inherit;
	/*font-size: 14px !important;*/
	line-height: 30px !important;
	font-weight: 300;
	border-radius: 7px;
	color: #2E4760 !important;
	background-color: transparent;/*#2E4760 !important;*/
	/*border: 1px solid #2E4760 !important;*/
	padding-left: 20px;
	padding-right: 20px;
	padding-top:3px;
	text-align: center;
}

.watch-video-button:hover {
	/*color: #2E4760 !important;*/
	background-color: rgba(255, 255, 255, 0.2) !important;/*rgba(46, 71, 96, 0.75) !important;*/
	/*border: 1px solid #2E4760 !important;*/
}

.call-to-action-button {
	font-family: inherit;
	font-weight: 300;
	border-radius: 5px;
	color: #FFFFFF !important;
	background-color: #2E4760 !important;
	border: 1px solid #2E4760 !important;
	padding-left: 30px;
	padding-right: 30px;
}

.call-to-action-button:hover {
	color: #2E4760 !important;
	background-color: transparent !important;
	border: 1px solid #2E4760 !important;
}

.call-to-action-button-inverse {
	border: 1px solid #2E4760 !important;
	background-color: transparent !important;
	color: #2E4760 !important;
}

.call-to-action-button-inverse:hover {
	border: 1px solid #2E4760 !important;
	background-color: #2E4760 !important;
	color: #FFFFFF !important;
}

.call-to-action-button-white-inverse {
	border: 1px solid #FFFFFF !important;
	background-color: transparent !important;
	color: #FFFFFF !important;
}

.call-to-action-button-white-inverse:hover {
	border: 1px solid #2E4760 !important;
	background-color: #2E4760 !important;
	color: #FFFFFF !important;
}

.call-to-action-button-red {
	font-family: inherit;
	font-weight: 300;
	border-radius: 5px;
	color: #FFFFFF !important;
	background-color: #FF0000 !important;
	border: 1px solid #FF0000 !important;
	padding-left: 30px;
	padding-right: 30px;
}

.call-to-action-button-red:hover {
	color: #FF0000 !important;
	background-color: transparent !important;
	border: 1px solid #FF0000 !important;
}

.call-to-action-button-red-inverse {
	border: 1px solid #FF0000 !important;
	background-color: transparent !important;
	color: #FF0000 !important;
}

.call-to-action-button-red-inverse:hover {
	border: 1px solid #FF0000 !important;
	background-color: #FF0000 !important;
	color: #FFFFFF !important;
}





.custom-branding-button {
	font-family: inherit;
	font-weight: 300;
	font-size: 20px !important;
	line-height: 30px !important;
	border-radius: 10px;
	color: #FFFFFF !important;
	background-color: #50A0DC !important;
	border: 1px solid #50A0DC !important;
	padding: 20px 30px;
}

.custom-branding-button:hover {
	color: #50A0DC !important;
	background-color: transparent !important;
	border: 1px solid #50A0DC !important;
}

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

.intro-container {
	padding: 40px 0px 0px 0px;
}

.intro-container h5 {
	font-family: 'Roboto', sans-serif !important;
	font-style: normal;
	font-weight: 300;
	font-size: 26px;
	line-height: 32px;
	color: #336699;
	margin-top: 0px;
}

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

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

.white-container {
	background-color: #FFFFFF;
  	padding-top: 75px;
  	padding-bottom: 75px;
}

.white-container-1 {
	background-color: #FFFFFF;
  	padding-top: 15px;
  	padding-bottom: 75px;
}

.gray-container {
	background-color: rgba(236, 239, 241, 1);
  	padding-top: 75px;
  	padding-bottom: 75px;
}

.graysetup-container {
	background-color: rgba(236, 239, 241, 1);
  	padding-top: 30px;
  	padding-bottom: 20px;
}

.blue-container {
	background-color: rgba(187, 222, 251, 0); /*rgba(236, 239, 241, 0.5);*/
  	padding-top: 75px;
  	padding-bottom: 75px;
}

.darkblue-container {
	background-color: rgba(51, 102, 153, 1); /*rgba(236, 239, 241, 0.5);*/
  	padding-top: 75px;
  	padding-bottom: 75px;
}

.benefits h1 {
	font-family: 'Roboto', sans-serif !important;
	font-style: normal;
	font-weight: 300;
	font-size: 36px;
	line-height: 48px;
	color: #336699;
	margin-top: 20px;
	margin-bottom: 10px !important;
}

.benefits h3 {
	font-family: 'Roboto', sans-serif !important;
	font-style: normal;
	font-weight: 300;
	font-size: 26px;
	line-height: 32px;
	color: #336699;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-left: 10px;
}

.benefits h5 {
	font-family: 'Roboto', sans-serif !important;
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	line-height: 22px;
	color: #336699;
	padding-left: 10px;
}

.uk-list-line>li:nth-child(n+1) {
	padding-top: 10px;
	padding-bottom: 10px;
}

.feature-panel-container {
	background-color: rgba(236, 239, 241, 1);
	padding-top: 75px;
  	padding-bottom: 75px;
}

.feature-panel {
	padding: 40px 25px;
	background-color: #FFFFFF;
	text-align: center;
	border-radius: 15px;
	/*border-bottom: 3px solid #336699;*/
	/*box-shadow: 1px 1px 1px #CCCCCC;*/
	border: 1px solid #D5D5D5;
	margin-bottom: 40px !important;
}

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

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

.feature-panel-special {
	padding: 35px 25px 20px 25px;
	background-color: #FFFFFF;
	text-align: center;
	border-radius: 15px;
	margin-bottom: 0px !important;
}

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

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

.distributor h1 {
	font-family: 'Roboto', sans-serif !important;
	font-style: normal;
	font-weight: 300;
	font-size: 36px;
	line-height: 48px;
	color: #FFFFFF !important;
	margin-top: 0px;
	margin-bottom: 0px !important;
}

.distributor h3 {
	font-family: 'Roboto', sans-serif !important;
	font-style: normal;
	font-weight: 300;
	font-size: 20px;
	line-height: 26px;
	color: #FFFFFF !important;
	margin-top: 10px;
	margin-bottom: 0px !important;
}

.setup h1 {
	font-family: 'Roboto', sans-serif !important;
	font-style: normal;
	font-weight: 300;
	font-size: 36px;
	line-height: 48px;
	color: #336699 !important;
	margin-top: 0px;
	margin-bottom: 0px !important;
}

.setup h3 {
	font-family: 'Roboto', sans-serif !important;
	font-style: normal;
	font-weight: 300;
	font-size: 20px;
	line-height: 26px;
	color: #336699 !important;
	margin-top: 10px;
	margin-bottom: 0px !important;
}

.select-panel-container {
	padding-top: 75px;
  	padding-bottom: 75px;
}

.select-panel img {
	border-radius: 15px;
}

.select-panel {
	text-align: center;
	padding: 20px 20px 30px 20px;
	background-color: rgba(236, 239, 241, 1);
	border-radius: 15px;
	border: 1px solid #D5D5D5;
	margin-top: 0px;
}

.select-panel-l {
	margin-right: 20px;
}

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

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

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

.uk-overlay-icon:before {
	content: "\f16a";
	color: #ff0000;
	font-size: 60px;
}

.uk-thumbnail {
	border: 1px solid #D5D5D5 !important;
}

.visible-thumbnail {
	opacity: 1 !important;
}

.thumbnail-text {
	font-family: 'Roboto', sans-serif !important;
	font-weight: 300;
	color: #333333;
	margin-bottom: 25px;
	margin-top: 10px !important;
	font-size: 16px !important;
	line-height: 22px !important;
	text-align: center !important;
}

.duration {
	font-family: 'Roboto', sans-serif !important;
	font-weight: 300;
	color: #999999;
	margin-bottom: 0px;
	font-size: 14px !important;
	line-height: 18px !important;
	text-align: center !important;
}

.uk-overlay-hover:not(:hover):not(.uk-hover) .uk-overlay-panel:not(.uk-ignore) {
	opacity: 1 !important;
}

.panel-new-feature-badge {
	font-family: 'Roboto', sans-serif !important;
	font-weight: 300;
	font-size: 12px !important;
	line-height: 12px !important;
	background-color: #fb8c00 !important;
	color: #FFFFFF !important;
	padding: 5px 10px;
	margin-top: 5px;
	margin-right: 5px;
	border-radius: 5px;
}

.uk-overlay-scale {
	border-radius: 10px !important;
}

.uk-overlay-hover {
	border-radius: 10px !important;
}

@media (max-width: 959px)
{
	.hero-banner-text {
		padding-top: 60px;
	}

	.hero-banner-text h1 {
		font-size: 40px !important;
		line-height: 44px !important;
		letter-spacing: 0px;
	}

	.hero-banner-text h5 {
		padding: 0px 20px;
		margin-top: 20px;
		margin-bottom: 40px;
	}

	.white-container {
	  	padding-top: 25px;
	  	padding-bottom: 50px;
	}

	.white-container-1 {
	  	padding-top: 75px;
	  	padding-bottom: 50px;
	}

	.intro-container {
		padding: 20px 0px 0px 0px;
	}

	.intro-container h5 {
		text-align: center;
	}

	.intro-container p {
		padding-right: 0px;
		text-align: center;
	}

	.caption-text {
		margin-top: 0px !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.feature-panel-container {
		padding-top: 50px;
	  	padding-bottom: 60px;
	}

	.feature-panel-special {
		margin-bottom: 40px !important;
	}

	.feature-header h1 {
		font-size: 30px;
		line-height: 38px;
		margin-bottom: 40px !important;
		text-align: center;
		padding-left: 30px;
		padding-right: 30px;
	}

	.select-header h1 {
		font-size: 30px;
		line-height: 38px;
		margin-bottom: 40px !important;
		text-align: center;
		padding-left: 30px;
		padding-right: 30px;
		margin-top: 0px;
	}

	.distributor h1 {
		font-size: 30px;
		line-height: 38px;
	}

	.graysetup-container {
	  	padding-top: 30px;
	  	padding-bottom: 75px;
	}

	.setup h1 {
		font-size: 30px;
		line-height: 38px;
	}

	.benefits {
		margin-top: 40px;
	}

	.benefits h1 {
		font-size: 30px;
		line-height: 38px;
		margin-top: 20px;
		margin-bottom: 10px !important;
	}

	.benefits h3 {
		text-align: center;
	}

	.benefits h5 {
		text-align: center;
	}

	.place-orders {
		margin-top: 40px;
	}

	.select-panel-container {
		padding-top: 50px;
	  	padding-bottom: 50px;
	}

	.punch {
		font-size: 30px !important;
		line-height: 38px !important;
		text-align: center;
		padding-left: 30px;
		padding-right: 30px;
	}
}



/*.solution-links {
	color: #336699;
	background-color: rgba(255,255,255,0.5);
	border: 1px solid #336699;
	border-radius: 34px;
	padding: 2px 20px;
}

.solution-links:hover {
	color: #FFFFFF;
	background-color: #336699;
	border: 1px solid #336699;
	border-radius: 34px;
	padding: 2px 20px;
}*/


.solution-links {
	color: #333333;
	background-color: #FFFFFF;
	/*border: 1px solid #336699;*/
	border-radius: 34px;
	padding: 2px 20px;
}

.solution-links:hover {
	color: #333333;
	background-color: rgba(255,255,255,0.50);
	/*border: 1px solid #336699;*/
	border-radius: 34px;
	padding: 2px 20px;
}
.solution-panel {
	padding: 40px 30px 30px 30px;
	/*background-color: #FFFFFF;*/
	/*text-align: center;*/
	border-radius: 15px;
	/*border-bottom: 3px solid #336699;*/
	/*box-shadow: 1px 1px 1px #CCCCCC;*/
	/*border: 1px solid #D5D5D5;*/
	margin-bottom: 40px !important;
}

.solution-panel h1 {
	font-family: 'Roboto Condensed', sans-serif !important;
	font-style: normal;
	font-weight: 400;
	color: #FFFFFF !important;
	font-size: 32px !important;
	line-height: 36px !important;
	margin-bottom: 0px;
	margin-top: 0px;
	text-transform: uppercase;
}

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

.solution-panel h5 {
	font-family: 'Roboto', sans-serif !important;
	font-style: normal;
	font-weight: 300;
	color: #37474f;
	font-size: 16px !important;
	line-height: 22px !important;
	margin-bottom: 0px;
	margin-top: 10px;
	background-color: #FFFFFF;
	padding: 5px 0px;
}

.solution-panel p {
	font-family: 'Roboto', sans-serif !important;
	font-style: normal;
	font-weight: 300;
	color: #37474f;
	font-size: 14px !important;
	line-height: 14px !important;
	margin-bottom: 5px;
	margin-top: 0px;
	/*background-color: #FFFFFF;*/
	/*padding: 5px 0px;*/
}

.punch {
	font-family: 'Roboto', sans-serif !important;
	font-style: normal;
	font-weight: 300;
	font-size: 36px;
	line-height: 48px;
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
}

.aws {
	background-color: #FFFFFF;
	padding: 18px 15px;
	border-radius: 20px;
	margin-bottom: 20px;
}

.mobile-interface p {
	font-family: 'Roboto', sans-serif !important;
	font-style: normal;
	font-weight: 300;
	color: #37474f;
	font-size: 16px !important;
	line-height: 20px !important;
	margin-bottom: 5px;
	margin-top: -30px;
}

/*.platform-icons {
	font-family: 'Roboto', sans-serif !important;
    font-style: normal;
    font-weight: 300;
    color: rgba(255,255,255,1);
    margin-right: 0px;
    margin-top: 0px;
    vertical-align: middle !important;
}*/

.platform-icons i {
	font-size: 20px !important;
    line-height: 34px !important;
    margin-top: 0px;
    margin-right: 8px;
    color: rgba(255,255,255,0.9);
}

.message-panel {
	padding: 0px 0px 20px 0px;
	background-color: #FFFFFF;
	text-align: center;
	border-radius: 15px;
	/*border-bottom: 3px solid #336699;*/
	/*box-shadow: 1px 1px 1px #CCCCCC;*/
	border: 1px solid #D5D5D5;
	margin-bottom: 40px !important;
}

.message-panel img {
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	/*border-bottom: 5px solid #Cc3366;*/
}

.message-panel h1 {
	font-family: 'Roboto', sans-serif !important;
	font-style: normal;
	font-weight: 300;
	color: #50A0DC;
	font-size: 18px !important;
	line-height: 24px !important;
	margin-bottom: 0px;
	margin-top: 10px;
	padding: 0px 15px;
}

/*.message-panel h4 {
	font-family: 'Roboto', sans-serif !important;
	font-style: normal;
	font-weight: 300;
	color: #333333;
	font-size: 16px !important;
	line-height: 22px !important;
	margin-bottom: 0px;
	margin-top: 5px;
	padding: 0px 15px;
}*/

.uk-slideset li {
	padding: 0px;
	text-align: center;
}