﻿@font-face {font-family:'AvenirNextLTPro-Bold';src:url('../webfonts/26D3F6_2_0.eot');src:url('../webfonts/26D3F6_2_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/26D3F6_2_0.woff') format('woff'),url('../webfonts/26D3F6_2_0.ttf') format('truetype');font-weight:bold;font-style:normal;font-stretch:normal;font-display: swap;}
@font-face {font-family:'AvenirNextLTPro-Regular';src:url('../webfonts/26D3F6_6_0.eot');src:url('../webfonts/26D3F6_6_0.eot?#iefix') format('embedded-opentype'), url('../webfonts/26D3F6_6_0.woff') format('woff'), url('../webfonts/26D3F6_6_0.ttf') format('truetype');font-weight:normal;font-style:normal;font-stretch:normal;font-display: swap;}

body {overflow-x: hidden;}

.dnnEditState .DnnModule {opacity:1 !important;}


#Wrapper{height:100%; min-height:100%;}

#Masthead {position:relative;top:0;width:100%;z-index:1000;height:100px;-webkit-backface-visibility:hidden;}

#Masthead ul,#Masthead li{ list-style:none; margin:0; -moz-box-sizing:border-box; box-sizing:border-box;}
#Masthead > li {float:left;}

#ContactBar{width:100%;background-color:#372c25;color:#b8b8b8;text-align:right;line-height:20px;font-size:11px;}
#ContactBar a,#ContactBar .clickToCall{padding:0px 9px; text-decoration:none; color:#b8b8b8;}
#ContactBar a{color:#FFF; font-weight:bold;}
#ContactBar .icon{margin:0 -8px 0 0;}
#TopCTA{ text-transform:uppercase; margin-bottom:-3px;	letter-spacing:.08em !important;}
#TopBlog{}
#ContactBar .topNavButton{float:right; width:auto;}
#Logo {float:left; padding-left:10px; padding-right:10px; width:120px;}
#Logo a{background:url(../svg/DNNLogo.svg) center left no-repeat;background-size:contain;display:block;overflow:hidden;text-indent:-100%;height:45px;padding:0px;margin-top:26px;max-width:100%;}
#MainMenu {float:right;margin:30px 0 0;}
#IntroWrapper { 
	/* space for the sticky nav bar with some color */
	margin:-100px 0 0;
	border-top:100px solid #301C1E;
	background-color:#ebebeb;	
	background-image: url('../images/clouds.jpg'); 
	background-repeat: no-repeat; 
	background-attachment: fixed; 
	background-position: center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	-webkit-transition:all 0.4s linear;
	-moz-transition:all 0.4s linear;
	-o-transition:all 0.4s linear;
	transition:all 0.4s linear;	
}

@media only screen and (max-width: 640px){ #IntroWrapper { background-image: none; } }

.homePageTopContainer{
	background-image: url('../images/Template-ProjectLaptop5.png'); 
	background-size: 75%; 
	background-repeat: no-repeat; 
	background-position: 200% 0%; 
	/*padding-bottom: 4em;	*/
}

.homePageTopContainerInnerDiv{
	width: 32%; 
	margin-left: 15%; 
	margin-top: 1%; 
	padding-top: 4%;
	float: left;
}

.homePageTopContainerLaptopLink{
	display: inline-block;
    position: relative;
    z-index: 1;
    height: 500px;
    width: 43%;
    float: right;
}

@media only screen and (max-width: 850px){ 
	.homePageTopContainer { background: none; }
	.homePageTopContainerInnerDiv { width: 100%; margin: 0; padding-top: 0; } 
	.homePageTopContainerInnerDiv p,
	.homePageTopContainerInnerDiv div {text-align: center !important;}
	.homePageTopContainerLaptopLink{display: none;}
}

#IntroWrapper .backstretch {
	background-color:#002E4A;
}
.showControlBar #IntroWrapper { /* Admin Mode */
	/* space for the sticky nav bar with some color */
	margin:-152px 0 0;
	border-top:152px solid #301C1E;
}
.showControlBar .is-sticky #Masthead {
	margin-top:52px;
}

/* */


#PageInfoWrapper {
	/* space for the sticky nav bar with some color */
	margin:-100px 0 0;
	border-top:100px solid #301C1E;
	
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	-webkit-transition:all 0.4s linear;
	-moz-transition:all 0.4s linear;
	-o-transition:all 0.4s linear;
	transition:all 0.4s linear;
	background-color:#03A5E4;
	min-height:117px;
}
.productsSkin #PageInfoWrapper {
	background-color:#FFF;
}
.showControlBar #PageInfoWrapper { /* Admin Mode */
	/* space for the sticky nav bar with some color */
	margin:-152px 0 0;
	border-top:152px solid #301C1E;
}

#PageInfo{color:#fff}
#PageInfo h1{ color:#fff;}
#Breadcrumb{color:#005270; padding:15px 0 0;}
#Breadcrumb ul,#Breadcrumb li {display:inline;list-style-type:none; margin:0;padding:0; color:#03729b}
#Breadcrumb a, #Breadcrumb a:visited { color:#003550; font-size:15px;}
#Breadcrumb a:hover{ text-decoration:underline}

#BreadcrumbWhyEvoq{color:#6792b7; padding:18px 0 0; font-family: "AvenirNextLTPro-Regular","Helvetica Neue","HelveticaNeue",Arial,Helvetica,sans-serif;}
#BreadcrumbWhyEvoq ul,#BreadcrumbWhyEvoq li {display:inline;list-style-type:none; margin:0;padding:0; color:#6792b7; font-family: "AvenirNextLTPro-Regular","Helvetica Neue","HelveticaNeue",Arial,Helvetica,sans-serif; }
#BreadcrumbWhyEvoq a, #BreadcrumbWhyEvoq a:visited { color:#6792b7; font-size:18px; font-family: "AvenirNextLTPro-Regular","Helvetica Neue","HelveticaNeue",Arial,Helvetica,sans-serif;}
#BreadcrumbWhyEvoq a:hover{ text-decoration:none;}

#Content{padding:0;}
.homePage #Content{padding:66px 0 20px 0;z-index:1;}
.sidbar{clear:left}
.dottedline{ border-bottom:dotted #DDB831}
 
/* Floats */
.floatLeft{float:left;}
.floatRight{float:right;}

.imgLeft{float:left;}
.imgRight{float:right;}

.LoginLink{ margin-top:1em;}
.currentURL{ cursor:default}
.dnnFormItem button, 
.dnnFormItem input[type="button"], 
.dnnFormItem input[type="reset"], 
.dnnFormItem input[type="submit"], 
.dnnPrimaryAction, .dnnSecondaryAction, .dnnTertiaryAction {padding:0.5em 1.2em;}
.dnnPrimaryAction,.dnnSecondaryAction,.dnnTertiaryAction{
	text-shadow:none !important; 
	text-transform:uppercase;  
	-webkit-border-radius:6px !important;
	-moz-border-radius:6px !important;
	border-radius:6px !important;
	box-shadow:none !important;
	-webkit-box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.35) !important;
	-moz-box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.35) !important;
	box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.35) !important;
	border:0 !important;
	font-weight:normal;
	color:#FFF;
}






/* body dividers */

#FooterWrapper {
background:#291718;
background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNiMjUyNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyOTE3MTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background:-moz-linear-gradient(top,  #3b2527 0%, #291718 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b2527), color-stop(100%,#291718));
background:-webkit-linear-gradient(top,  #3b2527 0%,#291718 100%);
background:-o-linear-gradient(top,  #3b2527 0%,#291718 100%);
background:-ms-linear-gradient(top,  #3b2527 0%,#291718 100%);
background:linear-gradient(to bottom,  #3b2527 0%,#291718 100%);
}
/*#FooterInnerWrapper{padding-bottom:1em; background:url(svg/bigD.svg) 85% center no-repeat; background-size:auto 80%;}*/
#Footer{color:#857273; min-height:195px; padding-top:3em;}
#Footer h2{ color:#ECE9E9; font-weight:normal;}
#Footer p, #Footer li{color:#857273;}
#Footer .grid-30{width:32%; margin-right:3%;}
#Footer a:hover{color:#fff;}

#Footer .footerNoTitle {margin-top:31px; font-size:15px;}
#Footer ul.inlineLinks,ul.inlineLinks li{list-style:none;margin-left:0;padding-left:0;}
#Footer ul.inlineLinks li {display:inline;}
#Footer ul.inlineLinks li:after{content:"|"; padding:0 6px 0 6px}
#Footer ul.inlineLinks li:last-child:after{content:""; padding:0 6px 0 0}
#Footer ul.inlineLinks li a{color:#ECE9E9; font-weight:normal; display:inline; white-space:nowrap;}
#Footer ul.inlineLinks li a:hover{color:#FFF;}

#FooterBorder{ background:#11aae5; height:3px}
#FooterBorder .grid-50{ background:#ee3a43; height:3px}
#FooterLinks{ padding-bottom:1em;}
#FooterLinks .grid-25 {padding-left:10px; padding-right:25px; white-space:nowrap; line-height:42px; width:auto;}
#FooterLinks .icon {font-size:16px;margin:0 1px;}
#FooterLinks .icon.lg {font-size:26px;}

#FooterLinks, #FooterLinks a,#ContactList ,#ContactList a{color:#dddbd8;}
#FooterLinks li, #FooterLinks ul {color:#857273; margin-bottom:0;}
#FooterLinks ul a{color:#857273}
#FooterLinks .contactList {margin-top:2em; padding-top:2em; border-top:solid 1px #453232;min-width:300px;}
#ContactList li{display:inline-block;}
/* foot social */
.socialIcons {vertical-align:middle;padding-top:7px;padding-left:5px; position:relative;}
.socialIcons a .dnnIconContent{display:none; opacity:0; min-width:100px; position:absolute; right:0; margin-top:5px;background:#000;padding:3px 10px; text-align:center}
.socialIcons a:hover .dnnIconContent{ display:block; opacity:0.5;}

/* Language */
.language {float:left; line-height:42px;}
.language-object {display:inline-block;vertical-align:middle;}
.languagetxt { font-size:15px; padding-left:15px;}
.Language img {margin:5px 8px 0; border:1px solid #453232;}

/* Social links */
ul.socialConnect {display:inline-block;margin:0 0 15px 0;}
ul.socialConnect li {float:left;color:#999;font-weight:bold;list-style-type:none;padding-left:15px;}
ul.socialConnect li  a{display:inline-block;vertical-align:top;background-image:url(../images/spriteSocial.png);width:16px;height:16px;}
ul.socialConnect li a.socialConnect-twitter {background-position:-8px -8px;}
ul.socialConnect li a.socialConnect-facebook {background-position:-38px -8px;}
ul.socialConnect li a.socialConnect-linkedin {background-position:-68px -8px;}
ul.socialConnect li a.socialConnect-googleplus {background-position:-98px -8px;}
ul.socialConnect li a.socialConnect-twitter:hover {	background-position:-128px -8px;}
ul.socialConnect li a.socialConnect-facebook:hover {background-position:-158px -8px;}
ul.socialConnect li a.socialConnect-linkedin:hover {background-position:-188px -8px;}
ul.socialConnect li a.socialConnect-googleplus:hover {background-position:-218px -8px;}

#SubFooter{padding-bottom:1.1em}
#SubFooter hr{border-color:#453232}
#SubFooter, #SubFooter p, #SubFooter a{ color:#ECE9E9;font-size:13px;}
#SubFooter a:before { content:'|'; color:#ECE9E9; padding:0 5px; opacity:0.6;}
#SubFooter a:hover{color:#FFF;}



.MenuButton {
	display:none;
}

.twoLines {
	font-family:'AvenirNextLTPro-Regular';
	font-weight:normal;
	font-size:26px;
	-webkit-box-shadow:0px 3px 5px 0px rgba(0,0,0,0.25) !important;
	-moz-box-shadow:0px 3px 5px 0px rgba(0,0,0,0.25) !important;
	box-shadow:0px 3px 5px 0px rgba(0,0,0,0.25) !important;
	min-width:190px;
	margin:10px;
}
.twoLines small {
	font-weight:normal;
	font-size:18px;
	color:#40C9FF;
}
.twoLines:after {
	content:url(../svg/button-arrow-down.svg);
	width:100%;
	display:block;
}
.twoLines:hover:after {
	/*content:url(svg/button-arrow-down-over.svg);*/
}

/* Evoq Home Content */
.homeEvoq .grid-container {
	padding:40px 0;
}

/* font-sizes */
.home22px {
	font-size:22px;
}
.home20px {
	font-size:20px;
}

/* text align */
.txtLeft {
	text-align:left;
}
.txtCenter {
	text-align:center;
}
.txtRight {
	text-align:right;
}

/* content style */
.strikeGrey {
    display:block;
    width:100%;
	text-align:center;
}
.strikeGrey hr {
	border:0;
    border-top:1px solid #f0efef;
    border-bottom:1px solid #e8e7e7;
	margin:30px 0 -25px;
}
.strikeGrey h4 {
	background:#FFF;
	display:inline-block;
	padding:10px 20px;
	text-align:center;
}

/* containers */
.FollowMeTag {
	position:fixed;
	top:60%;
	right:0;
	float:right;
	z-index:999;
}
.Carousel {
	padding-bottom:30px;
	position:relative;
}
.overlayLinks {
	position:fixed;
	top:300px;
	right:0;
	float:right;
	z-index:999;
}
.overlayLinks * {
	-webkit-transition:all 0.4s linear;
	-moz-transition:all 0.4s linear;
	-o-transition:all 0.4s linear;
	transition:all 0.4s linear;
}
.overlayLinks .closeMe {
	display:block;
	position:absolute;
	top:20px;
	right:0;
	width:42px;
	height:42px;
	font-size:25px;
	line-height:42px;
	text-align:center;
/*	background:#CCC;*/
	-webkit-border-radius: 21px 0 0 21px;
	-moz-border-radius: 21px 0 0 21px;
	border-radius: 21px 0 0 21px;
	cursor:pointer;
	font-family:'FontAwesome';
	line-height:42px;
	text-align:center;
}
.overlayLinks .closeMe:before {
	color:#FFF;
	font-size:25px;
	content:'\f00d';
}
.overlayLinks .overlayBG {
	margin-right:0;
}
.overlayLinks.closed .overlayBG * {
	opacity:1;
}
.overlayLinks.closed .overlayBG {
	margin-right: -300px;
}
.overlayLinks.closed .overlayBG * {
	opacity:0;
}
.overlayLinks.closed .closeMe {
	right:-4px;
	width:32px;
}
.overlayLinks.closed .closeMe:before {
	font-size:22px;
	content:'\f053';
}
.overlayBG {
	width:300px;
	background:rgba(0,0,0,0.75);
	padding:25px;
	-webkit-border-top-left-radius: 7px;
	-moz-border-radius-topleft: 7px;
	border-top-left-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-radius-bottomleft: 7px;
	border-bottom-left-radius: 7px;
	box-sizing:border-box;
}
.overlayBG * {
	color:#FFF;
}
.overlayBG > h3 {
	margin:0;
	font-size:20px;
}
.overlayBG > div {
	margin-top:15px;
}
.overlayBG > div > a > em {
	display:inline-block;
	vertical-align:middle;
	width:42px;
	height:42px;
	font-size:25px;
	line-height:42px;
	text-align:center;
/*	background:#CCC;*/
	-webkit-border-radius: 21px;
	-moz-border-radius: 21px;
	border-radius: 21px;
	margin-right:-42px
}
.overlayBG > div > a > span {
	display:inline-block;
	vertical-align:middle;
	padding-left: 52px;
	line-height:18px;
}
.overlayBG > div > a:hover span {
	opacity:0.8;
}

@media only screen and (max-width: 850px){ 
	.overlayLinks,
	.overlayLinks * {
		display: none;
	}
}

/* blog tag styles */
.idea-tags ul.idea-tags > li {
	 display:inline;
	 list-style-type:none;
}

.idea-tags ul.idea-tags > li
{
	display:inline-block;
	list-style-type:none;
	padding:0;
	margin:0 5px 0 0;
}

ul.idea-tags > li:first-child
{
	margin-left:-12px;
}

.idea-tags ul.idea-tags > li:after {
	padding-left:4px;
	 content:',';
}

.idea-tags ul.idea-tags > li:last-child:after {
	 content:'';
}

/* fix console */
.console-none div div { display:none!important; }

.mktoForm input[type="text"] {
	min-width:100px;
	height:auto;
}

.form-center-div{
	width:27%;
	margin:0 auto;
}



/* content */
.reelOnTop {position:relative;z-index:900;}

/* Background Image */
.backgroundMe > div > div {
	background-position:center;
	background-size:auto;
	background-repeat:no-repeat;
}
#PageInfoWrapper {
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}
#PageInfoWrapper.products-overview-parent {
	background-position: right center;
}
.backgroundImage {
	opacity:0;
	display:none;
}

/* invert styles */
.invert,.invert h1,.invert h2,.invert h3,.invert h4,.invert h5,.invert h6,
.invert p,.invert div,
.invert a,.invert a:hover {
	color:#FFF;
}
.invert a {
	color:#EEE;
}
/* home hovers */
.home-circle > div, .home-circle .home-circle-overlay {
	width:186px;
	height:185px;
	overflow:hidden;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	margin:0 auto 20px;
	background-size:cover !important;
	-ms-behavior:url(/Portals/_default/Skins/DNN/js/backgroundsize.min.htc); /* ie8 */
}
.home-circle > div + p {
	color:#00a4e4;
}
.home-circle:hover p {
	color:#FFF;
}
.home-circle-1 {
	background:url(../images/home-circle-1.jpg) no-repeat;
}
.home-circle-2 {
	background:url(../images/home-circle-2.jpg) no-repeat;
}
.home-circle-3 {
	background:url(../images/home-circle-3.jpg) no-repeat;
}
.home-circle-4 {
	background:url(../images/home-circle-4.jpg) no-repeat;
}
.home-circle-5 {
	background:url(../images/home-circle-5.jpg) no-repeat;
}
.home-circle-6 {
	background:url(../images/home-circle-6.png) no-repeat;
}
.home-circle-7 {
	background:url(../images/home-circle-7.png) no-repeat;
}
.home-circle-overlay {
	background:rgba(1,142,198,0.80);
	color:#FFF;
	opacity:0;
	-webkit-transition:all 0.4s linear;
	-moz-transition:all 0.4s linear;
	-o-transition:all 0.4s linear;
	transition:all 0.4s linear;
}
.home-circle:hover .home-circle-overlay {
	opacity:1;
}
.home-circle-overlay > div {
	padding:35px 20px 15px;
}

/* Home top 3 boxes */
.blueSep + .blueSep {
	border-left:1px solid #037CA7;
}
.homeSkin .blueSep p a {
	font-size: 15px;
	font-weight: normal;
	letter-spacing: 0.04em;
	margin: 0 auto;
	max-width: 100%;
	width: 200px;
}





/* CSS tooltips */
.tooltipMe {
	outline:none;
}
.tooltipMe strong {
	line-height:30px;
}
.tooltipMe:hover {
	text-decoration:none;
}
.tooltipMe span {
	font-weight:normal;
	letter-spacing:0;
	z-index:10;
	display:none;
	padding:14px 18px;
	margin-top:12px;
	margin-left:-110px;
	width:220px;
	line-height:120%;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0 0 15px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 0 15px rgba(0,0,0,0.2);
	box-shadow:0 0 15px rgba(0,0,0,0.2);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.tooltipMe:hover span {
	display:inline;
	position:absolute;
	border:1px solid #D6D7D9;
	color:#231D1D;
	background:#FAFAFA;
}
.tooltipMe {
  color:#046096;
  text-decoration:underline;
}


.DNNEmptyPane {
  height:0;
  overflow:hidden;
  visibility:hidden;
  width:0;
}



/* font-icon on adTiles*/
.adTileIcon {
    color: #8A8D8F;
	font-size:16px;
	line-height: 115%;
	text-transform:uppercase;
	padding: 4px 0 0;
}
.adTileIcon em {
	float:left;
	margin: -4px 10px 4px 0;
}
.adTileText {
	clear:both;
	font-size:16px;
	line-height:125%;
	padding:15px 0 0;
}
.adTileLead {
	font-size:23px;
}
#dnnTopMenu .rootMenu li a.dnnPrimaryAction {
	text-shadow: none;
	padding:10px;
	text-transform:uppercase;
	font-size:15px;
	font-weight:normal;
	margin:15px 0 0;
}

.overlayMenu {
	background:#FFF;
	position:relative;
	z-index:9;
}


/* home owl carousel */
#heroCarousel .owl-controls {
	bottom:20px;
}
#heroCarousel.owl-theme .owl-controls .owl-page span {
	opacity: 1;
	background:#018EC6;
	border-radius: 20px;
	display: block;
	height: 10px;
	margin:7px;
	width:10px;
}
#heroCarousel.owl-theme .owl-controls .owl-page.active span, 
#heroCarousel.owl-theme .owl-controls.clickable .owl-page:hover span {
	opacity: 1;
	background:#FFF;
}
#heroCarousel {
    width: 535px;
    max-width:90%;
    height: auto;
	margin:80px auto;
	background:#002E4A;
	background:rgba(0,46,74,0.9);
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
#heroCarousel .item {
    display: block;
	padding:40px 50px 75px;
}
#heroCarousel .carousel-title {
	font-size:40px;
	color:#FFF;
	font-weight:normal;
	line-height:100%;
}
#heroCarousel .carousel-title > span {
	position:relative;
}
#heroCarousel .carousel-title > span em {
	border-top: 2px solid #FFF;
	margin-left: -17px;
	position: absolute;
	top: 10px;
	width: 14px;
}
#heroCarousel .carousel-text {
	font-size:25px;
	color:#50CEFF;
	font-weight:normal;
	line-height:140%;
	padding-top:20px;
}


/* products overview pages */
.heroDarkBlueBox {
	background:#002E4A;
	background:rgba(0,46,74,0.9);
	width:435px;
	max-width:70%;
    height: auto;
	margin:60px auto 100px;
	padding:40px 50px 55px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.hero-title {
	font-size:40px;
	color:#50CEFF;
	font-weight:normal;
	line-height:100%;
}
.productsSkin .hero-title {
	padding: 0 20px 0 0;
}
.productsSkin .products-overview .hero-title {
	padding: 0 0 0;
}

/* products page carousels */
#productsCarousel .owl-controls {
	bottom:20px;
	left: 30px;
    text-align: left;
}
#productsCarousel.owl-theme .owl-controls .owl-page span {
	opacity: 1;
	background:#00517E;
	border-radius: 20px;
	display: block;
	height: 10px;
	margin:7px;
	width:10px;
}
#productsCarousel.owl-theme .owl-controls .owl-page.active span, 
#productsCarousel.owl-theme .owl-controls.clickable .owl-page:hover span {
	opacity: 1;
	background:#00A3E4;
}
#productsCarousel {
	width:465px;
	max-width:80%;
    height: auto;
	margin:110px auto 90px 0;
	background:#FFF;
	background:rgba(255,255,255,0.9);
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding:30px 30px 60px;
	float:left;
}
.social-carousel #productsCarousel {
	width:495px;
}
#productsCarousel .item {
    display: block;
	text-align:left;
}
#productsCarousel .carousel-title {
	font-size:34px;
	color:#053A59;
	font-weight:normal;
	line-height:120%;
}
#productsCarousel .carousel-title > span {
	position:relative;
}
#productsCarousel .carousel-title > span em {
	border-top: 2px solid #FFF;
	margin-left: -17px;
	position: absolute;
	top: 10px;
	width: 14px;
}
#productsCarousel .carousel-text {
	font-size:14px;
	font-weight:normal;
	line-height:140%;
	padding-top:20px;
}

.heroWhiteBox {
    display: block;
	margin: 60px auto;
	background:#FFF;
	background:rgba(255,255,255,0.9);
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding: 40px 50px;
}
.hero-title {
	font-size:34px;
	color:#003550;
	font-weight:normal;
	line-height:120%;
}
.hero-title-blue {
	font-size:40px;
	color:#50CEFF;
	line-height:100%;
}

.icon.OMG.icon-stacked {
	font-size:160px !important;
	display:block;
	margin:0 0 -160px;
}
.icon.OMG.icon-stacked + span {
	display:block;
	line-height:50px;
	padding:55px 0;
}

/* products featured icons */
.feature-items p {
	font-size:17px;
	line-height:1.3em;
}
.feature-items .feature-title {
	font-size:24px;
	margin:0.5em 0;
	color:#582024;
}
.feature-items .smallLink {
	display: block;
	font-size: 14px;
	margin: 1em 0 2.5em;
}
.feature-items .feature-icon {
	display:block;
	width:110px;
	height:100px;
	margin:1.5em auto 1em;
}
.feature-items.feature-evoq-content .feature-icon {
	background:url(../images/evoq-content-icons.jpg) no-repeat;
}
.feature-items.feature-evoq-social .feature-icon {
	background:url(../images/evoq-social-icons.jpg) no-repeat;
}
.feature-items > div:nth-child(1) .feature-icon {
	background-position:0 0;
}
.feature-items > div:nth-child(2) .feature-icon {
	background-position:-110px 0;
}
.feature-items > div:nth-child(3) .feature-icon {
	background-position:-220px 0;
}
.feature-items > div:nth-child(4) .feature-icon {
	background-position:-330px 0;
}

/* layover boxes */
/* products hovers */
.layoverBox h2 {
	font-size:34px;
}
.layover,
.layover > div {
	width:100%;
	height:120px;
	display:block;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	font-size:16px;
	color:#00a4e4;
	padding:0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.layover > div.layover-overlay {
	font-size:15px;
	color:#063A59;
	line-height:125%;
	background:#FCFCFC;
	opacity:0;
	-webkit-transition:all 0.4s linear;
	-moz-transition:all 0.4s linear;
	-o-transition:all 0.4s linear;
	transition:all 0.4s linear;
	letter-spacing: -0.02em;
	width:120%;
	margin:-110px -10% 0;
}
.layover:hover .layover-overlay {
	opacity:1;
}
.layover > div > div {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.layover .layover-overlay div {
	padding:10px;
}
.layover .layover-overlay br {
	display:none;
}


.overlap-icon {
	width:70px;
	height:70px;
	background:#00A4E4;
	display:block;
	margin:-35px auto;
	text-align:center;
	position:relative;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}
.overlap-icon em {
	line-height:70px;
	display:block;
	color:#FFF;
	font-size:2em;
}



/* temp */
#dnn_AdTilePane {display:none;}
.dnnEditState #dnn_AdTilePane {display:inherit;}




/* trial-flex */
.backCenter {
	position: absolute;
	z-index: -1;
	text-align: center;
}
.backCenter img {
	position: relative;
	z-index: 1;
	left:-30%;
	margin-left:0;
	width:750px;
}
.afterBackCenter {
	padding-left:35%;
}
#CustomerDataFields fieldset {
	padding:0;
	margin:0;
}
#CustomerDataFields hr {
	display:none;
}
span.dnnFormRequired:after {
	position: absolute;
	color:#cd2c34 !important
}
#CustomerDataFields .dnnForm + hr + div {
	text-align:center;
}
.red a.dnnPrimaryAction{
	background: #ee3a43;
	color:#fff !important;
	cursor:pointer;
	margin-top:10px !important;
}
.red a:hover.dnnPrimaryAction{ opacity:0.8}
#CustomerDataFields input[type="text"],
#CustomerDataFields select {
	margin-bottom:10px;
}
.bigArrow {
	position: relative;
	width: 90%;
	height: auto;
	color:#FFF;
	font-size:20px;
	text-transform:uppercase;
	opacity:0.9;
	box-sizing:border-box;
}
.bigArrow:after {
	content: '';
	position: absolute;
	border-style: solid;
	display: block;
	width: 0;
	z-index: 1;
	margin-top: -110px;
	top: 50%;
}
.bigArrow.leftArrow {
	padding:25px 20px 25px 10px;
	text-align:left;
	margin: 35px 0 35px 10%;
}
.bigArrow.leftArrow:after {
	border-width: 110px 45px 110px 0;
	left: -45px;
}
.bigArrow.rightArrow {
	padding:25px 10px 25px 20px;
	text-align:right;
	margin:35px 0;
}
.bigArrow.rightArrow:after {
	border-width: 110px 0 110px 45px;
	right: -45px;
}

.bigArrow.blue {
	background: #00a4e4;
}
.bigArrow.blue:after {
	border-color: transparent #00a4e4;
}
.bigArrow.red {
	background: #ee3a43;
}
.bigArrow.red:after {
	border-color: transparent #ee3a43;
}
.bigArrow.grey {
	background: #857273;
}
.bigArrow.grey:after {
	border-color: transparent #857273;
}

/* trial-flex ends */


/* home videos */
.blueHeader .blueHeaderTitle {
	font-size:20px;
	font-weight:bold;
	color:#FFF;
	line-height:22px;
	padding:10px;
	text-align:center;
	display:block;
	background:#0385B9;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.blueHeader .blueHeaderContent {
	text-align:center;
	background:#FFF;
	padding:25px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	line-height:0;
}
.imgreflect {
	border:0;
	margin:0;
	padding:0;
	line-height:0;
}
.imgreflect > div {
	position:relative;
	margin:1px 0 -25px;
	height:25px;
	overflow:hidden;
}
.imgreflect > div:after {
    content:"";
    width: 100%;
    height: 25px;
    position: absolute;
    top: 0;
    left: 0;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 90%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(90%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 90%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 90%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 90%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}
.imgreflect > div img {
	opacity:0.5;
    -webkit-transform: scaleY(-1);
       -moz-transform: scaleY(-1);
        -ms-transform: scaleY(-1);
         -o-transform: scaleY(-1);
            transform: scaleY(-1); 
}
div.top_banner{margin: 0 0 0.5em 0;}