@font-face{
	font-family:'source_sans_proregular';
	src:url('/assets/fonts/sourcesanspro-regular-webfont.eot');
	src:url('/assets/fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/assets/fonts/sourcesanspro-regular-webfont.woff') format('woff'),
		 url('/assets/fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
		 url('/assets/fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face{
	font-family:'source_sans_prosemibold';
	src:url('/assets/fonts/sourcesanspro-semibold-webfont.eot');
	src:url('/assets/fonts/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/assets/fonts/sourcesanspro-semibold-webfont.woff') format('woff'),
		 url('/assets/fonts/sourcesanspro-semibold-webfont.ttf') format('truetype'),
		 url('/assets/fonts/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face{
	font-family:'source_sans_probold';
	src:url('/assets/fonts/sourcesanspro-bold-webfont.eot');
	src:url('/assets/fonts/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/assets/fonts/sourcesanspro-bold-webfont.woff') format('woff'),
		 url('/assets/fonts/sourcesanspro-bold-webfont.ttf') format('truetype'),
		 url('/assets/fonts/sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face{
	font-family:'source_sans_problack';
	src:url('/assets/fonts/sourcesanspro-black-webfont.eot');
	src:url('/assets/fonts/sourcesanspro-black-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/assets/fonts/sourcesanspro-black-webfont.woff') format('woff'),
		 url('/assets/fonts/sourcesanspro-black-webfont.ttf') format('truetype'),
		 url('/assets/fonts/sourcesanspro-black-webfont.svg#source_sans_problack') format('svg');
	font-weight:normal;
	font-style:normal;
}
		
*, *:after, *:before{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
body, html{min-height:100%; padding:0; margin:0;}

html, body{
	height:100%;
	margin:0;
}
#wrapper{
	min-height:100%;
	height:auto !important;
	height:100%;
	position:relative;
	margin:0;
	font-family:'source_sans_proregular', 'Lato', Calibri, Arial, sans-serif;
	color:#231f20;
}
a{
	color:#4b80be;
	text-decoration:none;
}
a:hover{
	color:#5b9de9;
	text-decoration:underline;
}
input, textarea, select{
	border-radius:4px;
	-moz-border-radius:4px;
	display:inline-block;
	border:1px solid #ccc;
}
#landing-contact .interested-in label{
	text-align:left;
	font-size:14px;
	font-weight:normal;
	position:relative;
	left:-10px;
}
#landing-contact .interested-in .main-label{
	margin-bottom:10px;
}
#landing-contact .interested-in .main-label span{
	font-size:12px;
}
.container{
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	position:relative;
	padding-top:95px !important;
}
.container.external{
	padding-top:0 !important;
}

/* ******* ELEMENTS ******* */
.button{
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	display:inline-block;
	-webkit-border-radius:5px;
	border-radius:5px;
	font-weight:700;
	text-decoration:none !important;
	white-space:nowrap;
	cursor:pointer !important;
	border-style:inherit;
	color:#fff;
}
.button:hover{
	color:#fff;
}
.button.small{
	margin:10px;
	padding:5px 10px;
	font-size:16px;
}
.button.medium{
	margin:15px;
	padding:10px 15px;
	font-size:18px;
}
.button.large{
	margin:20px;
	padding:15px 20px;
	font-size:20px;
}
.button.x-large{
	margin:25px;
	padding:20px 25px;
	font-size:25px;
}
.button.green{
	background:#23a123;
	-webkit-box-shadow:0 5px 0 0 #007900;
	box-shadow:0 5px 0 0 #007900;
}
.button.green:hover{
	background:#29bc29;
	-webkit-box-shadow:0 5px 0 0 #23a123;
	box-shadow:0 5px 0 0 #23a123;
}
.button.grey{
	background:#717171;
	-webkit-box-shadow:0 5px 0 0 #494949;
	box-shadow:0 5px 0 0 #494949;
}
.button.grey:hover{
	background:#8a8a8a;
	-webkit-box-shadow:0 5px 0 0 #717171;
	box-shadow:0 5px 0 0 #717171;
}
.gradient-grey-background-x{
	background:#c9c9c9; /* Old browsers */
	background:-moz-linear-gradient(left,  #c9c9c9 0%, #ffffff 50%, #c9c9c9 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, right top, color-stop(0%,#c9c9c9), color-stop(50%,#ffffff), color-stop(100%,#c9c9c9)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(left,  #c9c9c9 0%,#ffffff 50%,#c9c9c9 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(left,  #c9c9c9 0%,#ffffff 50%,#c9c9c9 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(left,  #c9c9c9 0%,#ffffff 50%,#c9c9c9 100%); /* IE10+ */
	background:linear-gradient(to right,  #c9c9c9 0%,#ffffff 50%,#c9c9c9 100%); /* W3C */
}
.gradient-grey-background-y{
	background:#c9c9c9; /* Old browsers */
	background:-moz-linear-gradient(top,  #c9c9c9 0%, #ffffff 50%, #c9c9c9 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9c9c9), color-stop(50%,#ffffff), color-stop(100%,#c9c9c9)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,  #c9c9c9 0%,#ffffff 50%,#c9c9c9 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,  #c9c9c9 0%,#ffffff 50%,#c9c9c9 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top,  #c9c9c9 0%,#ffffff 50%,#c9c9c9 100%); /* IE10+ */
	background:linear-gradient(to bottom,  #c9c9c9 0%,#ffffff 50%,#c9c9c9 100%); /* W3C */
}
.note{
	font-size:12px;
	color:#999;
}
.seperator{
	text-align:center;
}
img{
	max-width:100%;
	height:auto !important;
}
.blue a, nav a{
	color:#f0f0f0;
	text-decoration:none;
}
.blue a:hover, nav a:hover{
	color:#f0f0f0;
}
#main-nav a{
	color:#231f20;
}
#main-nav a:hover{
	color:#473f41;
}

.vid-container{
	position:relative;
	padding:25% 50%;
	width:0;
	overflow:hidden;
}
.vid-container iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/* ******* HELPERS ******* */
.small-text{font-size:85%;}
.smaller-text{font-size:70%}
.smallest-text{font-size:55%}
.medium-text{font-size:115%;}
.large-text{font-size:130%;}
.x-large-text{font-size:145%;}
.full-image{
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	width:100%;
}
.cut-margin{margin:0 !important;}
.cut-margin-top{margin-top:0 !important;}
.cut-margin-right{margin-right:0 !important;}
.cut-margin-bottom{margin-bottom:0 !important;}
.cut-margin-left{margin-left:0 !important;}
.cut-padding{padding:0 !important;}
.cut-padding-top{padding-top:0 !important;}
.cut-padding-right{padding-right:0 !important;}
.cut-padding-bottom{padding-bottom:0 !important;}
.cut-padding-left{padding-left:0 !important;}
.cut-width{width:auto !important;}
.cut-height{height:auto !important;}
.left-text{text-align:left !important;}
.center-text{text-align:center !important;}
.right-text{text-align:right !important;}
.center-object{
	margin-left:auto !important;
	margin-right:auto !important;
}
.overflow{
	overflow:visible !important;
}

/* ******* HEADER ******* */
.container > header,
.main section > div{
	max-width:69em;
	margin:0 auto;
	padding:2.875em 1.875em 1.875em;
}

#top-space{
	-webkit-transition:all 0.1s ease;
	-moz-transition:all 0.1s ease;
	transition:all 0.1s ease;
	min-height:95px;
	min-width:408px;
}
.cbp-af-header{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	background:#f6f6f6;
	z-index:9995;
	-webkit-transition:height 0.3s;
	-moz-transition:height 0.3s;
	transition:height 0.3s;
	-webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2);
	box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2);
}
#header-index{
	background:#fff;
	position:relative;
	z-index:9995;
}

.cbp-af-header .cbp-af-inner{
	max-width:69em;
	margin:0 auto;
	padding:0 1.875em;
}
.cbp-af-header .cbp-af-inner #logo img{
	display:block;
	-webkit-transition:width 0.3s;
	-moz-transition:width 0.3s;
	transition:width 0.3s;
	width:200px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.cbp-af-header h1#logo{
	float:left;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
	margin:0.67em 0;
}
.cbp-af-header .call{
	position:relative;
	display:inline-block;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
	display:block;
	margin-top:25px;
	font-weight:700;
	float:right;
	text-align:right;
	font-size:17px;
	color:#231f20;
}
.cbp-af-header .call img{
	-moz-transform:scale(.5);
	-webkit-transform:scale(.5);
	-o-transform:scale(.5);
	-ms-transform:scale(.5);
	transform:scale(.5);
	display:inlne;
	position:absolute;
	left:-70px;
	top:-20px;
}
.cbp-af-header .call span{
	display:inline-block;
	vertical-align:text-bottom;
}
/* nav content */
.menu-content{
	display:none;
	padding:25px 0;
	border-top:1px solid #fff;
	border-bottom:1px solid #cbcbcb;
	background:rgba(217,217,217,1);
	background:-moz-linear-gradient(top, rgba(217,217,217,1) 0%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 100%);
	background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(217,217,217,1)), color-stop(75%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
	background:-webkit-linear-gradient(top, rgba(217,217,217,1) 0%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 100%);
	background:-o-linear-gradient(top, rgba(217,217,217,1) 0%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 100%);
	background:-ms-linear-gradient(top, rgba(217,217,217,1) 0%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 100%);
	background:linear-gradient(to bottom, rgba(217,217,217,1) 0%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 100%);
}
.menu-content a{
	color:#000;
}
.menu-content a:hover{
	text-decoration:underline;
}

/*products nav */
#product-menu-content{
	padding:0;
}
#product-menu-content a{
	display:block;
	text-align:center;
	position:relative;
}
#product-menu-content a:hover{
	text-decoration:none;
}
#product-menu-content a .description{
	position:relative;
	bottom:25px;
}
#product-menu-content a strong{
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	display:block;
}
#product-menu-content a em{
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	color:#999;
	font-size:75%;
}
#product-menu-content img{
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	width:100%;
	margin-top:10px;
}
#product-menu-content .enterprise img{
	margin-bottom:5px;
	margin-top:14px;
}
#product-menu-content a:hover img{
	-moz-transform:scale(1.2);
	-webkit-transform:scale(1.2);
	-o-transform:scale(1.2);
	-ms-transform:scale(1.2);
	transform:scale(1.2);
}

/* mobile nav */
#main-nav .mobile-menu{
	margin:0 25px;
	padding:5px 10px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background:#509fff;
	line-height:27px;
}
#main-nav .mobile-menu .mobile-icon{
	margin:0 5px 0 0;
	float:left;
}

.menu-content.mobile{
	margin:0; padding:0;
	font-weight:700;
}
.menu-content.mobile ul{
	display:block;
	list-style:none;
	margin:0; padding:0;
}
.menu-content.mobile li{
	display:block;
	text-align:left;
	margin:0; padding:0;
}
.menu-content.mobile a{
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	transition:all 0.2s;
	display:block;
	padding:5px 25px;
	border-bottom:1px solid #ccc;
}
.menu-content.mobile li:last-child a{
	border-bottom:none;
}
.menu-content.mobile a:hover, .menu-content.mobile a:active{
	background:#1969c9;
	text-decoration:none;
	color:#fff;
}
.menu-content.mobile .current a{
	color:#fff;
	background:#767676;
	cursor:default;
	pointer-events:none;
}
#mobile-products-menu-content{
	background:none !important;
	margin-left:25px;
	border-top:none;
	font-weight:normal;
}
#mobile-products-menu-content ul{
	list-style:disc;
}

/* main nav */
#cssmenu {
  position: relative;
  height: 44px;
  width: auto;
	float:right;
	top:40px;
	z-index:9999;
}
#cssmenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1;
}
#cssmenu > ul {
  position: relative;
  display: block;
  width: auto;
  z-index: 500;
  font-size: 0;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu.align-center ul {
  text-align: center;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu > ul > li {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
}
#cssmenu #phone:after{
	position:absolute;
	top:12px;
	right:-30px;
	width:30px;
	content:url(/assets/images/phone-icon2.png);
}
#cssmenu #phone:hover:after{
	content:url(/assets/images/phone-icon2hover.png);
}
#cssmenu > ul > #menu-button {
  display: none;
}
#cssmenu ul li a {
  display: block;
  font-family: Helvetica, sans-serif;
  text-decoration: none;
}
#cssmenu > ul > li > a {
  font-size: 16px;
  font-weight: bold;
  padding: 15px 15px;
  color: #000000;
  text-transform:capitalize;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 32px;
}
#cssmenu > ul > li:hover > a {
  color: #7a8189;
}
#cssmenu li.has-sub::after {
  display: block;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}
#cssmenu > ul > li.has-sub::after {
  right: 10px;
  top: 20px;
  border: 5px solid transparent;
  border-top-color: #000000;
}
#cssmenu > ul > li:hover::after {
  border-top-color: #7a8189;
}
#indicatorContainer {
  position: absolute;
  height: 12px;
  width: 100%;
  bottom: 0px;
  overflow: hidden;
  z-index: -1;
}
#pIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  z-index: -2;
  -webkit-transition: left .25s ease;
  -moz-transition: left .25s ease;
  -ms-transition: left .25s ease;
  -o-transition: left .25s ease;
  transition: left .25s ease;
}
#cIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  top: -12px;
  right: 100%;
  z-index: -2;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  top: 70px;
  opacity: 0;
  -webkit-transition: opacity .3s ease, top .25s ease;
  -moz-transition: opacity .3s ease, top .25s ease;
  -ms-transition: opacity .3s ease, top .25s ease;
  -o-transition: opacity .3s ease, top .25s ease;
  transition: opacity .3s ease, top .25s ease;
  z-index: 1000;
}
#cssmenu ul ul ul {
  top: 37px;
  padding-left: 5px;
}
#cssmenu ul ul li {
  position: relative;
}
#cssmenu > ul > li:hover > ul {
  left: auto;
  top: 44px;
  opacity: 1;
}
#cssmenu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
  opacity: 1;
}
#cssmenu ul ul li:hover > ul {
  left: 170px;
  top: 0;
  opacity: 1;
}
#cssmenu.align-right ul ul li:hover > ul {
  left: auto;
  right: 170px;
  top: 0;
  opacity: 1;
  padding-right: 5px;
}
#cssmenu ul ul li a {
  width: 130px;
  border-bottom: 1px solid #eeeeee;
  padding: 10px 20px;
  font-size: 16px;
  color: #000000;
  background: #f1f1f1;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  -ms-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
}
#cssmenu.align-right ul ul li a {
  text-align: right;
}
#cssmenu ul ul li:hover > a {
  background: #e4e4e4;
  color: #7a8189;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last > a {
  border-bottom: 0;
}
#cssmenu > ul > li > ul::after {
  content: '';
  border: 6px solid transparent;
  width: 0;
  height: 0;
  border-bottom-color: #f1f1f1;
  position: absolute;
  top: -12px;
  left: 30px;
}
#cssmenu.align-right > ul > li > ul::after {
  left: auto;
  right: 30px;
}
#cssmenu ul ul li.has-sub::after {
  border: 4px solid transparent;
  border-left-color: #000000;
  right: 10px;
  top: 12px;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub::after {
  border-left-color: transparent;
  border-right-color: #000000;
  right: auto;
  left: 10px;
}
#cssmenu ul ul li.has-sub:hover::after {
  border-left-color: #f1f1f1;
  right: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
#cssmenu.align-right ul ul li.has-sub:hover::after {
  border-right-color: #f1f1f1;
  border-left-color: transparent;
  left: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
@media all and (max-width: 940px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {
    width: auto;
  }
  #cssmenu.align-center ul {
    text-align: left;
  }
  #cssmenu.align-right > ul > li {
    float: none;
  }
  #cssmenu ul {
    width: auto;
		background:#f1f1f1;
  }
  #cssmenu .submenuArrow,
  #cssmenu #indicatorContainer {
    display: none;
  }
  #cssmenu > ul {
    height: auto;
    display: block;
  }
  #cssmenu > ul > li {
    float: none;
    display: block;
  }
	#cssmenu #phone:after, #cssmenu #phone:hover:after{
		content:'';
	}
  #cssmenu li,
  #cssmenu > ul > li {
    display: none;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu ul > li:hover > ul,
  #cssmenu ul ul > li:hover > ul,
  #cssmenu.align-right ul ul,
  #cssmenu.align-right ul ul ul,
  #cssmenu.align-right ul > li:hover > ul,
  #cssmenu.align-right ul ul > li:hover > ul {
    position: relative;
    left: auto;
    top: auto;
    opacity: 1;
    padding-left: 0;
    padding-right: 0;
    right: auto;
  }
  #cssmenu ul .has-sub::after {
    display: none;
  }
  #cssmenu ul li a {
    padding: 12px 20px;
  }
  #cssmenu ul ul li a {
    border: 0;
    background: none;
    width: auto;
    padding: 8px 35px;
  }
  #cssmenu.align-right ul ul li a {
    text-align: left;
  }
  #cssmenu ul ul li:hover > a {
    background: none;
    color: #7a8189;
  }
  #cssmenu ul ul ul a {
    padding: 8px 50px;
  }
  #cssmenu ul ul ul ul a {
    padding: 8px 65px;
  }
  #cssmenu ul ul ul ul ul a {
    padding: 8px 80px;
  }
  #cssmenu ul ul ul ul ul ul a {
    padding: 8px 95px;
  }
  #cssmenu > ul > #menu-button {
    display: block;
    cursor: pointer;
  }
  #cssmenu #menu-button > a {
    padding: 14px 50px 14px 20px;
  }
  #cssmenu ul.open li,
  #cssmenu > ul.open > li {
    display: block;
  }
  #cssmenu > ul.open > li#menu-button > a {
    color: #000;
    border-bottom: 1px solid rgba(150, 150, 150, 0.1);
  }
  #cssmenu ul ul::after {
    display: none;
  }
  #cssmenu #menu-button::after {
    display: block;
    content: '';
    position: absolute;
    height: 7px;
    width: 22px;
    border-top: 2px solid #000000;
    border-bottom: 2px solid #000000;
    right: 20px;
    top: 15px;
  }
  #cssmenu #menu-button:hover:after {
    border-top: 2px solid #7a8189;
    border-bottom: 2px solid #7a8189;
  }
  #cssmenu #menu-button::before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #000000;
    right: 20px;
    top: 25px;
  }
  #cssmenu #menu-button:hover:before {
    border-top: 2px solid #7a8189;
  }
  #cssmenu ul.open #menu-button::after,
  #cssmenu ul.open #menu-button::before {
    border-color: #000;
  }
}


@media only screen and (max-width:600px){
	.button.x-large{
		margin:15px;
		padding:10px 15px;
		font-size:20px;
	}
	#product-menu-content{
		display:none !important;
	}
	.button.x-large{
		margin:15px;
		padding:10px 15px;
		font-size:20px;
	}
}
@media only screen and (min-width:600px){
	.menu-content.mobile{
		display:none !important;
	}
}
@media only screen and (max-width:400px){
	.cbp-af-header .cbp-af-inner #logo img{
		width:225px;
	}
	.cbp-af-header.cbp-af-header-shrink .cbp-af-inner #logo img{
		width:195px;
	}
}

/* ******* FOOTER ******* */
#footer-clear{
	clear:both;
	font-size:1px;
} 
#footer{
	position:absolute;
	bottom:0;
	width:100%;
}
footer{
	margin:0;
	padding:0;
	display:inline-block;
	width:100%;
}
footer.grey{
	margin:50px 0 0 0;
	padding:15px 0;
	color:#fff;
	text-align:right;
	background:#494949;
}
footer.grey ul{
	margin:0;
	padding:0;
}
footer.grey li{
	list-style:none;
	display:inline-block;
	padding:0 10px;
	border-right:1px solid #fff;
}
footer.grey li:last-child{
	border-right:none;
}
footer.grey a{
	display:block;
	color:#fff;
	padding:0 1px 0 0;
}
footer.grey a:hover{
	text-decoration:underline;
}

footer.blue{
	padding:15px 0;
	background:#1969c9;
	font-size:12px;
	color:#fff;
}
footer.blue a:hover{
	color:#fff;
	text-decoration:underline;
}
footer.blue .social{
	font-size:14px;
	text-align:right;
}
footer.blue .social img{
	position:relative;
	top:7px;
	padding:0 8px 0 15px;
}
@media only screen and (max-width:960px){
	footer.grey ul{
		text-align:center;
	}
	footer.blue .grid-6, footer.blue .grid-6.social{
		width:100%;
		text-align:center;
	}
	footer.blue .grid-6.social{
		margin-top:25px;
	}
}

@media only screen and (max-width:600px){
	footer.grey ul{
		font-size:70%;
	}
	footer.grey li{
		padding:0 5px;
	}
}
@media only screen and (max-width:400px){
	footer.grey ul{
		font-size:60%;
	}
	footer.grey li{
		padding:0 2px;
	}
}

/* ******* BASIC CONTENT ******* */
.container-12{
	max-width:960px;
	margin:0 auto;
}
.intro-image{
	-moz-transform:all(.25);
	-webkit-transform:all(.25);
	-o-transform:all(.25);
	-ms-transform:all(.25);
	position:relative;
	text-align:center;
	max-width:960px;
	margin:0 auto;
}
.intro-image img{
	width:100%;
	max-width:960px;
	margin:0 auto;
	float:left;
}
.intro-image .container-12, .full-image .container-12{
	position:absolute;
	top:0;
	bottom:0;
	margin:0 auto;
	z-index:500;
}
.full-image{
	position:relative;
	text-align:center;
	margin:0 auto;
	max-height:500px;
	overflow:hidden;
}
.full-image img{
	width:100%;
	max-width:335px;
	margin:25px auto 0;
}
.full-image.wide img{
	display:block;
	max-width:100%;
	margin:0 auto;
	z-index:25;
}
.absolute-center{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	vertical-align:middle;
	height:0px; /* placeholder, target div specifically and add height */
}
.absolute-center a, .absolute-center > div{
	vertical-align:middle;
}

section .container-12{
	max-width:960px;
	margin:0 auto;
	padding:25px 30px;
}
section.blue{
	margin:0;
	padding:15px 0;
	border-top:1px solid #1271e4;
	border-bottom:1px solid #1271e4;
	background:#1271e4; /* Old browsers */
	background:-moz-linear-gradient(top, #1271e4 0%, #2d8cff 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#1271e4), color-stop(100%,#2d8cff)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #1271e4 0%,#2d8cff 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #1271e4 0%,#2d8cff 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, #1271e4 0%,#2d8cff 100%); /* IE10+ */
	background:linear-gradient(to bottom, #1271e4 0%,#2d8cff 100%); /* W3C */
	-webkit-box-shadow:inset 0 1px 0 0 #89b8f2;
	box-shadow:inset 0 1px 0 0 #89b8f2;
	color:#fff;
}
section.blue h1, section.blue h2, section.blue h3, section.blue h4, section.blue h5{
	text-shadow:0 2px 1px #1768ca;
}
section.blue hr{
	height:0px;
	color:#1768ca;
	border:none;
	border-top:1px solid #1768ca;
	border-bottom:1px solid #4995f1;
}
section.blue a{
	text-decoration:underline;
}
img.pdf{
	max-width:45px;
}


.container-12.grey-nav{
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
	font-size:18px;
	font-weight:700;
	background:#494949;
	width:100%;
}
.grey-nav ul{
	margin:0;
	list-style:none;
	text-align:center;
}
.grey-nav li{
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
	display:inline-block;
	margin:10px 0 0;
}
.grey-nav li span{
	display:block;
	padding:5px 15px 15px;
}
.grey-nav .full-menu li.current span{
	background:#fff;
	-webkit-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
}
.grey-nav full-menu li a{
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
	display:inline-block;
	padding:0 15px;
}
.grey-nav li:last-child a{
	border-right:none;
}
.grey-nav a:hover{
	color:#ccc;
}
.grey-nav li.current a{
	color:#494949;
}
.grey-nav .mobile-menu{
	display:none;
}


.top-intro.shade{
	background:#ffffff; /* Old browsers */
	background:-moz-linear-gradient(top, #ffffff 0%, #d9d9d9 50%, #ffffff 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#d9d9d9), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #ffffff 0%,#d9d9d9 50%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #ffffff 0%,#d9d9d9 50%,#ffffff 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, #ffffff 0%,#d9d9d9 50%,#ffffff 100%); /* IE10+ */
	background:linear-gradient(to bottom, #ffffff 0%,#d9d9d9 50%,#ffffff 100%); /* W3C */
}
.top-intro li, .top-intro a{
	color:#1969c9;
	text-decoration:none;
}
.top-intro a:hover{
	text-decoration:underline;
}
.intro{
	text-align:center;
}
.intro .logo{
/*
	width:100%;
	max-height:150px;
*/
	height:115px !important;
	padding:45px 20px 0;
}
#sub-logo{
	font-size:20px;
	font-weight:700;
	padding:10px 0 10px;
}
#sub-logo-img{
	font-size:20px;
	font-weight:700;
	padding:0 0 25px;
}
.intro-title{
	display:block;
	position:absolute;
	top:10%; left:5%;
	width:40%;
	height:10%;
	margin:0 0 45px 0;
	padding:0;
	color:#1b7aed;
	font-size:29px;
	font-size:2.7vw;
	font-family:'source_sans_probold', 'Lato', Calibri, Arial, sans-serif;
}
@media only screen and (min-width:960px){
	.intro-title{
		font-size:29px;
	}
	.full-image{
		max-height:600px;
	}
}
@media only screen and (max-width:960px){
	.container-12.grey-nav{
		font-size:14px;
	}
	.grey-nav li span{
		padding:5px 20px 10px;
	}
}
@media only screen and (min-width:400px) and (max-width:800px){
	section.blue > .container-12 .grid-6:not(.split-lists){
		width:98%;
		margin-bottom:0;
	}
	.grey-nav li span{
		padding:5px 10px 10px;
	}
}
@media only screen and (min-width:600px) and (max-width:800px){
	.full-image{
		max-height:400px;
	}
}
@media only screen and (max-width:600px){
	section.blue h1{
		font-size:1.5em;
	}
	.grey-nav .full-menu{
		display:none;
	}
	.grey-nav .mobile-menu{
		display:block;
		margin:15px 25px;
		padding:5px 10px;
		-webkit-border-radius:5px;
		border-radius:5px;
		background:#6d6d6d;
		line-height:27px;
		float:right;
	}
	.grey-nav .mobile-menu .mobile-icon{
		margin:0 5px 0 0;
		float:left;
	}
	.full-image{
		max-height:250px;
	}
	.sub-pages#features .grid-9, .sub-pages#features .grid-3{
		width:98%;
	}
	.sub-pages#features .icons .grid-5,	#features .icons .icon{
		margin-bottom:10px;
	}
	.sub-pages#features .icons .grid-5{
		width:89.667%;
	}
	#features .icons .icon{
		clear:left;
	}
}
@media only screen and (max-width:400px){
	.full-image{
		max-height:200px;
	}
	.blue .container-12 .grid-6{
		width:100%;
	}
}

/* ******* INDEX (HOME) ******* */
#page-index .full-opener{
	position:relative;
	max-height:580px !important;
	overflow:inherit;
	width:100%;
	height:auto;
	overflow:hidden;
}
#page-index #intro-slides{
	background:url('/assets/images/intro-image-home.jpg') left center no-repeat;
	background-attachment:fixed;
	background-size:cover;
}
@media only screen and (max-width: 767px) {
	#page-index #intro-slides{
		background:url('/assets/images/intro-image-home-mobile.jpg');
	}
}
#page-index .ds-example{
	position:relative;
	text-align:center;
	left:0; right:0;
	top:0; bottom:0;
	width:auto;
	z-index:15;
}
#page-index .ds-example img{
	position:relative !important;
	left:0; right:0;
	width:auto;
	padding-top:25px;
	height:100%;
	max-height:100%;
	z-index:15;
}
#page-index .call-to-action{
	position:absolute;
	bottom:0px; 
	left:0; right:0;
	text-align:center;
	z-index:25;
}
#page-index blockquote, #page-index cite{
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	text-align:center;
}
#page-index blockquote{
	font-size:26px;
	font-family:'source_sans_prosemibold', 'Lato', Calibri, Arial, sans-serif;
}
#page-index cite{
	font-family:'source_sans_proregular', 'Lato', Calibri, Arial, sans-serif;
	display:block;
	width:98%;
	margin:0 auto;
	padding:15px 0 0 0;
	font-size:20px;
	text-align:right;
	font-style:normal;
}
#page-index cite span{
	font-weight:normal;
	display:block;
	font-style:italic;
	padding-bottom:15px;
}
.field .container-12.logos{
	text-align:center;
	margin-top:25px;
}
.company img{
	width:100%;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	border:1px solid #ccc;
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	filter:grayscale(100%);
	margin-bottom:15px;
}
.company img:hover{
	border:1px solid #ccc;
	-webkit-filter:grayscale(0%);
	-moz-filter:grayscale(0%);
	filter:grayscale(0%);
}
#page-index .gradient-grey-background-x{
	padding-bottom:50px;
}
#page-index .gradient-grey-background-x .seperator{
	text-align:center;
	margin:0 auto;
}
#page-index .gradient-grey-background-x .seperator img{
	margin:25px auto;
	border:none;
	-webkit-filter:grayscale(0%);
	-moz-filter:grayscale(0%);
	filter:grayscale(0%);
}
.company h1, .company h2, .company h3, .company h4{
	font-family:'source_sans_probold', 'Lato', Calibri, Arial, sans-serif;
	font-size:36px;
	margin:25px 0 0 0;
}
.company span{
	display:block;
	font-family:'source_sans_prosemibold', 'Lato', Calibri, Arial, sans-serif;
	font-size:20px;
	margin-bottom:25px;
	color:#1f7ef1;
}
.tour img{
	width:100%;
}
.tour h1, .tour h2, .tour h3, .tour h4{
	font-family:'source_sans_probold', 'Lato', Calibri, Arial, sans-serif;
	font-size:26px;
}
.tour .cta{
	position:relative;
	text-align:center;
}
.tour .cta .button.grey{
	position:relative;
	bottom:-5px;
}
#page-index footer.grey{
	margin-top:0;
}
@media only screen and (max-width:600px){
	#page-index blockquote{
		font-size:22px;
	}
	#page-index cite{
		font-size:16px;
	}
}
@media only screen and (max-width:400px){
	#page-index .gradient-grey-background-x .seperator{
		display:none;
	}
	#page-index .gradient-grey-background-x .grid-5{
		width:100%;
	}
	#page-index .gradient-grey-background-x .grid-7{
		width:100%;
	}
}

/* ******* FAQ ******* */
#page-faq #questions .seperator{
	margin-top:25px;
}
#questions li{
	margin-bottom:5px;
	color:#1969c9;
}
#questions a{
	color:#1969c9;
}
#questions a:hover{
	text-decoration:underline;
}
#answers .container-12{
	padding:0;
}
#answers .grid-6{
	padding:0 0 10px;
	border-bottom:1px solid #ccc;
}
#answers h4{
	color:#1969c9;
}

/* ******* INSTALLATIONS ******* */
.field h1, .field h2, .field h3, .field h4{
	display:block;
	padding:0 0 5px 10px;
	margin-bottom:0;
	color:#1969c9;
	border-bottom:1px solid #ccc;
}
.companies img{
	width:100%;
	border:1px solid #ccc;
}
/* ******* PAGES ******* */

@keyframes spin {
	to { transform: rotate(1turn); }
}

.progress {
	position: relative;
	display: inline-block;
	width: 5em;
	height: 5em;
	margin: 0 .5em;
	font-size: 12px;
	text-indent: 999em;
	overflow: hidden;
	animation: spin 1s infinite steps(8);
}

.small.progress {
	font-size: 6px;
}

.large.progress {
	font-size: 24px;
}

.progress:before,
.progress:after,
.progress > div:before,
.progress > div:after {
	content: '';
	position: absolute;
	top: 0;
	left: 2.25em; /* (container width - part width)/2  */
	width: .5em;
	height: 1.5em;
	border-radius: .2em;
	background: #eee;
	box-shadow: 0 3.5em #eee; /* container height - part height */
	transform-origin: 50% 2.5em; /* container height / 2 */
}

.progress:before {
	background: #555;
}

.progress:after {
	transform: rotate(-45deg);
	background: #777;
}

.progress > div:before {
	transform: rotate(-90deg);
	background: #999;
}

.progress > div:after {
	transform: rotate(-135deg);
	background: #bbb;
}

.pdf-section .progress{
	position:absolute;
	top:50%; bottom:50%;
	left:50%; right:50%;
}
.pdf-section{
	padding-top:25px;
	background:#ccc;
}
.pdf-section .grid-12{
	position:relative;
}
.pdf-section .cover-info{
	position:absolute;
	top:0; left:0; right:0; bottom:0;
}
.pdf-section .product-info{
	height:1100px;
}
.pdf-section object{
	width:100%;
	height:100%;
}

@media all and (max-width:850px) {
	.pdf-section .product-info{
		height:1000px;
	}
}
@media all and (max-width:750px) {
	.pdf-section .product-info{
		height:900px;
	}
}
@media all and (max-width:650px) {
	.pdf-section .product-info{
		height:800px;
	}
}
@media all and (max-width:550px) {
	.pdf-section .product-info{
		height:675px;
	}
}
@media all and (max-width:450px) {
	.pdf-section .product-info{
		height:550px;
	}
}
@media all and (max-width:400px) {
	.pdf-section .product-info{
		height:400px;
	}
}

/* ******* M-SERIES ******* */
#page-m-series .intro-title{
	top:10%; left:10%;
}
#page-m-series .absolute-center{
	margin-top:80px;
}

/* ******* X-SERIES ******* */
#page-x-series .intro-title{
	top:0; left:13%;
}
#page-x-series .absolute-center{
	margin-top:80px;
}

/* ******* ENTERPRISE ******* */
#page-enterprise .intro-title{
	top:0; left:11%;
}
#page-enterprise .absolute-center{
	margin-top:80px;
}
#page-enterprise .blue .full-image{
	margin-top:50px;
}

/* ******* SMART TERMINAL ******* */
#page-smart-terminal .intro-title{
	top:0; left:11%;
}
#page-smart-terminal .absolute-center{
	margin-top:80px;
}
#page-smart-terminal .blue .full-image{
	margin-top:50px;
}

/* ******* ABOUT US ******* */
#lobby{
	width:50%;
	max-width:425px;
	float:right;
	overflow:hidden;
	margin:0 0 25px 25px;
	border:1px solid #ccc;
	-webkit-border-radius:15px;
	border-radius:5px;
}
#lobby img{
	display:block;
	width:100%;
	max-width:425px;
}
#lobby figcaption{
	padding:5px 0;
	text-align:center;
	font-size:14px;
	color:#666;
}
/* ******* CONTACT US ******* */
#contact-box .inner{
	position:relative;
	max-width:80%;
}
#contact-box .box{
	position:relative;
	margin-bottom:25px;
	padding:25px;
	border:1px solid #ccc;
	border-radius:5px;
	-webkit-border-raidus:5px;
}
#contact-box h1, #contact-box h2, #contact-box h3, #contact-box h4{
	margin:0;
	padding:0;
	font-size:22px;
}
#contact-box .box strong:nth-of-type(2), #contact-box .box strong:nth-of-type(3){
	display:inline-block;
	padding-top:10px;
}
#contact-box a.phone-number, #contact-box a.phone-number:hover{
	text-decoration:none;
	color:#000;
	cursor:text;
}
@media only screen and (max-width:640px){
	#contact-box a.phone-number, #contact-box a.phone-number:hover{
		text-decoration:none;
		color:#1969c9;
		cursor:pointer;
	}
}
#contact-box .social{
	position:absolute;
	left:0; right:0;
	bottom:-80px;
}
#contact-box .social img{
	width:100%;
}
#contact-box .social img:hover{
	-webkit-filter:brightness(115%);
	-moz-filter:brightness(115%);
	filter:brightness(115%);
}

/* ******* PRIVACY POLICY ******* */
#page-privacy-policy h4{
	padding-bottom:0;
}
#page-privacy-policy p{
	margin-left:15px;
}

/* ******* MARKETS ******* */
.field .container-12{
	margin:0;
	padding:0;
}
.field .featured h3{
	color:#666;
}
.field .featured h3 a{
	font-size:14px;
	float:right;
	position:relative;
	bottom:-7px;
	right:15px;
	font-weight:normal;
}
.featured ul{
	font-size:14px;
}
.view-scene{
	margin-top:75px;
}
.view-scene img{
	max-height:500px;
}
.view-scene .button{
	position:relative;
	top:-70px;
}
#page-digital-signage-markets .field h2{
		margin-top:50px;
}

/* ******* ALL SUB-PAGES ******* */
.container-12.sub-pages{
	padding:25px 0;
}
.sub-pages img.thumbnail{
	width:100%;
}
#dynamic-content-wrap{
	-webkit-transition: all 800ms linear;
	-moz-transition: all 800ms linear;
	-ms-transition: all 800ms linear;
	-o-transition: all 800ms linear;
	transition: all 800ms linear;
	position:relative;
	height:auto;
	min-height:400px;
}
#load {
	display:none;
	position:absolute;
	right:10px;
	top:10px;
	background:url(images/ajax-loader.gif);
	width:43px;
	height:11px;
	text-indent:-9999em;
}

.container-12.spec{
	padding:5px 3px;
	margin:10px;
	border-bottom:1px solid #ccc;
}
.container-12#specifications .sub-title{
	color:#1b7aed;
}
.container-12#specifications h2{
	margin-bottom:0;
}
.container-12 .title{
	font-weight:700;
}
.container-12.left, section .container-12.right{
	margin:0;
	padding:0;
}
.resolutions span{
	display:block;
	padding:3px;
	margin:10px 0;
	font-weight:700;
	border-bottom:1px solid #ccc;
}
.sub-pages h2, .sub-pages h3{
	margin-bottom:10px;
} 
.sub-pages p{
	margin-top:0;
} 

/* features */
#features .section-image img{
	margin:25px 0 0;
	max-width:100%;
}
#features .icons > .container-12{
	margin:0;
	padding:0;
}
#features .icons .icon{
	text-align:right;
}
#features .icons .icon img{
	width:100%;
}
#features .icons .icon-description p{
	margin:0;
	padding:0;
}

/* accessories */
#accessories .grid-1, #accessories .grid-2, #accessories .grid-3, #accessories .grid-4{
	text-align:right;
}
#accessories .grid-1 img, #accessories .grid-2 img, #accessories .grid-3 img, #accessories .grid-4 img{
	width:100%;
	max-width:120px;
	margin-top:10px;
	margin-right:10px;
}
#accessories .button{
	margin-left:0;
	float:right;
}

/* specifications */
section.container-12.sub-pages .container-12{
	padding-left:0;
	padding-right:0;
	padding-top:0;
	margin-left:0;
	margin-right:0;
}
section.container-12.sub-pages .container-12 .container-12{
	margin-left:0;
	margin-right:0;
}

/* ******* CONTACT FORMS / LANDING PAGES ******* */
#landing-content .container-12#installations{
	margin-right:0;
	margin-left:0;
	padding-right:0;
	padding-left:0;
	width:100%;
}
#landing-content .container-12#installations ul{
	margin-top:0;
	padding-top:0;
}
#landing-content .full-image{
	position:absolute;
	left:0; right:0;
	overflow:hidden;
	height:400px;
}
#landing-content .full-image img{
	min-height:340px !important;
	width:100% !important;
	min-width:940px !important;
}
#landing-content .landing-right, .landing-left{
	padding-top:50px;
}
#landing-content h1{
	display:block;
}
#landing-content .landing-left h1{
	display:block;
	color:#fff;
	padding-bottom:25px;
}
#landing-content .landing-left h1 span{
	color:#f4ab39;
}
#landing-content .landing-left .landing-description{
	padding-bottom:0; margin-bottom:0px;
	text-align:center;
}
#landing-content .landing-left p.landing-description.long{text-align:left;}
#landing-content .landing-left p.landing-description.last{
	padding-bottom:15px !important;
}
#landing-content .landing-left table{
	width:98%;
	margin-top:15px;
	margin-left:25px;
}
#landing-content .landing-left td{
	vertical-align:top;
	text-align:center;
}
#landing-content .landing-left td h2{
	display:block;
	margin:0; padding:0;
	padding-left:12px;
	text-align:left;
	color:#f4ab39;
}
#landing-content .landing-left .landing-learn-more-m{
	position:relative;
	top:-12px;
}
#landing-content .landing-left .landing-learn-more-x{
	position:relative;
	top:-25px;
}
#landing-content .landing-left .landing-learn-more-e{
	position:relative;
	top:-43px;
}
#landing-content .landing-left ul{
	margin:0; padding:0;
	padding-left:25px;
	text-align:left;
}
#landing-content .landing-left ul li{
	margin:0; padding:0;
}

#display-testimonial{
	padding:10px;
	border:1px solid #cacaca;
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top,  #fff 0%, #d6d6d6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#d6d6d6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fff 0%,#d6d6d6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fff 0%,#d6d6d6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fff 0%,#d6d6d6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fff 0%,#d6d6d6 100%); /* W3C */
	-webkit-border-radius:5px;
	border-radius:5px;
}
#display-testimonial-shadow{
	margin:15px 0;
	padding-bottom:22px;
	background:url(../images/testimonial_shadow.png) no-repeat bottom center;
}
#landing-content #display-testimonial p{
	font-weight:700;
	display:block;
	background:
		url(../images/testimonial_quote_left.png) left 10px no-repeat,
		url(../images/testimonial_quote_right.png) right 10px no-repeat;
	padding:7px 50px !important;
	color:#558dea;
	font-size:18px;
}
#landing-content #display-testimonial span{
	font-size:14px;
	display:block;
	text-align:center;
}
#landing-content #landing-demo-video{
	padding-bottom:17px;
	background:url(../images/testimonial_shadow.png) no-repeat bottom center;
	text-align:center;
}
#landing-content #landing-demo-video h2{
	text-align:center;
}
#landing-content #landing-demo-video iframe{
	border:10px solid #111;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	behavior:url(/scripts/PIE.htc)
}
#landing-content #landing-demo-video a span{
	display:block;
	padding-bottom:5px;
}
#landing-content #landing-demo-video a:hover{text-decoration:none;}
#landing-content #landing-demo-video{text-align:center;}

#landing-content .list-box{
	line-height:150%; 
	border-top:1px solid #7bb1e1; 
	margin:0 5px 5px 5px; 
	padding:10px 20px;
}
#landing-content .list-box ul{
	list-style:disc;
	color:#333333;
	line-height:150%;
	display:block;
	width:220px !important;
	margin:0 0 0 35px;
	padding:0 0 0 20px;
	float:left;
}
#landing-content h2{
	margin-left:5px;
	color:#557ec3;
}
form span.required, form span.not-required{
	display:inline-block;
	width:5px;
	font-size:12px;
	position:relative;
	top:-3px;
}
form span.required:after{
	color:red;
	content:"*";
}
#landing-content .container-12 .container-12{
	margin:0;
	padding:0;
}
#landing-content .ds-example{
	min-height:247px;
	height:auto !important;
	height:247px;
	text-align:center;
}
#landing-content .ds-example p.long{
	min-height:0;
	text-align:left;
}
#landing-content .ds-example tr:last-of-type img{
	margin-top:25px;
}
#landing-content .edu_discount{
	margin-top:10px;
	text-align:center;
	color:#444;
}

#landing-content .intro-title{
	position:static;
	width:auto;
	color:#fff;
	text-align:center;
}
#landing-content .intro-title span{
	color:#f4ab39;
}
#landing-content #intro{
	width:auto;
	margin:5px 25px 25px;
	padding:15px;
	background-color: rgba(255, 255, 255, .8);
	-webkit-border-radius: 10px;
	border-radius: 10px; 
}
#landing-content #intro .intro-title{
	color:#557ec3;
}
#landing-content #intro p{
	text-align:center;
	margin:0px; padding:5px;
}
#landing-content .who-uses-exhibio{
	border-bottom:1px solid #557ec3;
}
.rollover img{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-filter:brightness(100%);
	-moz-filter:brightness(100%);
	filter:brightness(100%);
}
#landing-content .rollover img:hover{
	-webkit-filter:brightness(115%);
	-moz-filter:brightness(115%);
	filter:brightness(115%);
}
#landing-content .ds-logo{
	padding-top:20px;
	text-align:center;
}
#landing-content .under-example{
	width:85%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#landing-products .ds-logo h4{
	margin-top:0;
	padding-top:0;
}

/* ****** ARTICLES ******** */
#leftcol, #rightcol{ /*aka grid styles */
	display:inline;
	float:left;
	position:relative;
	margin-left:1%;
	margin-right:1%;
}
#leftcol{
	width:14.667%; /*aka grid-2 */
}
#rightcol{
	width:81.333%; /*aka grid-10 */
}
.postContent{
	padding-bottom:15px;
}
.postTitle{
	position:relative;
	margin-top:55px;
	margin-bottom:5px;
	width:95%;
	height:45px;
	border-bottom:1px solid #bdbdbc;
}
.postTitle h2 span{
	width:70%;
	position:absolute;
	bottom:10px;
	font-size:22px;
}
.postDate span.day{
	height:50px;
	font-size:47px;
	position:absolute;
	bottom:0;
	right:95px;
	display:block;
	color:#969696;
}
.postDate{
	display:none;
	width:80px;
	height:60px;
	position:absolute;
	right:0;
	bottom:0;
	line-height:26px;
	text-align:center;
	text-transform:uppercase;
	font-size:24px;
	font-weight:700;
	border-left:1px solid #bdbdbc;
	color:#969696;
}
.postCatDisplay{
	color:#969696;
	font-weight:700;
	font-size:12px;
}
ul#blog_nav{
	display:block;
	margin:0;
	padding:0;
}
#leftcol h4{
	display:block;
	padding:5px 0;
	margin:25px 0 10px 0;
	font-size:18px;
}
#blog_nav li{
	display:block;
	list-style:none;
	padding:5px 0;
	border-bottom:1px solid #ccc;
}

/* ****** CONTENT FEEDS ****** */
#page-content-feeds footer.grey{
	margin-top:0;
}
#page-content-feeds .gradient-grey-background-x{
	border-top:1px solid #f1f1f1;
	padding:15px 0;
	margin:25px 0 0 0;
}
#accu-packages{
	margin-bottom:0;
}
#accu-packages .titles [class^="grid-"] h3{
	margin-bottom:0;
}
#accu-packages ul{
	padding-left:20px;
}
#accu-reasons h4{
	margin-top:0;
}
@media only screen and (max-width:799px){
	#page-content-feeds #accu-reasons [class^="grid-"]{
		width:98%;
	}
	#page-content-feeds .example [class^="grid-"]:nth-of-type(1){
		text-align:center;
		margin-bottom:50px;
	}
}
@media only screen and (max-width:600px){
	#page-content-feeds [class^="grid-"]{
		width:98%;
	}
}

#page-accu-define h1, #page-accu-define h2, #page-accu-define h3{
	margin:10px 20px 5px;
}
#page-accu-define h3{
	color:#1969c9;
}
#page-accu-define p{
	padding:0 20px;
	margin:0 0 20px 0;
}
#page-accu-define h2{
	display:block;
	color:#212121;
	padding:10px;
	margin:35px 10px 20px;
	background:#f1f1f1;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/* ****** PRODUCT COMPARISON ****** */
#product-comparison{
	font-size:14px;
	padding:25px;
}
#product-comparison-chart{
	width:100%;
}
#product-comparison-chart table{
	width:100%;
}
#product-comparison-chart td{
	padding:0;
}
#product-comparison-chart, #product-comparison-chart tr, #product-comparison-chart th,
#product-comparison-chart h1, #product-comparison-chart h2, #product-comparison-chart h3, #product-comparison-chart h4{
	margin:0;
	padding:0;
}
#product-comparison-chart h1, #product-comparison-chart h2, #product-comparison-chart h3, #product-comparison-chart h4{
	display:inline-block;
}
#product-comparison-chart #product h2{
	display:block;
	margin-bottom:10px;
	color:#548fed;
	text-align:center;
}
#product-comparison-chart .toggle-div table{
	width:100%;
}
#product-comparison-chart #description td table td{
	vertical-align:top;
}
#product-comparison-chart #description td table td#key{
	vertical-align:bottom;
	padding:0 0 10px 10px;
}
#product-comparison-chart #description table td{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #d6d6d6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d6d6d6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#d6d6d6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#d6d6d6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#d6d6d6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#d6d6d6 100%); /* W3C */
}
#product-comparison-chart #description td table td ul{margin:0 3px 10px 0; padding:0;}
#product-comparison-chart #description td table td ul li{
	margin:0 0 3px 25px; padding:0 5px 2px 0 !important;
	text-align:left;
	line-height:auto;
	list-style-position:outside;
}
#product-comparison-chart #description td table td ul li, #product-comparison-chart #description table td #key{
	font-size:12px;
	text-align:left;
	color:#888;
}
#product-comparison-chart .info-title, #product-comparison-chart .category-title{
	width:auto;
	text-align:left;
	color:#4b80be;
}
#product-comparison-chart .info-title span{
	padding-left:15px;
}
#product-comparison-chart .info-title{
	color:#888;
	font-size:20px;
	text-align:center;
}
#product-comparison-chart .category .title-background{
	margin-top:25px;
	padding-bottom:10px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #d6d6d6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d6d6d6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#d6d6d6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#d6d6d6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#d6d6d6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#d6d6d6 100%); /* W3C */
	-webkit-box-shadow:inset 0 -1px 0 0 #f1f1f1;
	box-shadow:inset 0 -1px 0 0 #f1f1f1;
	border:1px solid #d5d5d5;
}
#product-comparison-chart tr.category:nth-of-type > .title-background{
	margin-top:0;
}

#product-comparison-chart th.m-series h4, #product-comparison-chart th.x-series h4, #product-comparison-chart th.enterprise h4{
	color:#888888;
	font-size:14px;
	text-shadow: 0px 1px 0px #fff;
}
#product-comparison-chart th.category-title h3, #product-comparison-chart th.m-series h4, #product-comparison-chart th.x-series h4, #product-comparison-chart th.enterprise h4{
	margin-top:10px;
}
#product-comparison-chart th.category-title h3{
	margin-left:25px;
}
#product-comparison-chart .m-series{
	width:167px;
	text-align:center;
}
#product-comparison-chart .x-series{
	width:223px;
	text-align:center;
}
#product-comparison-chart .enterprise{
	width:248px;
	text-align:center;
}
#product-comparison-chart #description td.contain{
	padding:0;
}
#product-comparison-chart tr.toggle-div td.contain th{
	padding:5px;
}
#product-comparison-chart #description table{
	width:100%;
	margin:0 auto;
}
#product-comparison-chart tr.toggle-div table{
	width:100%;
	margin:5px auto;
}
#product-comparison-chart tr.toggle-div table tr:nth-of-type(odd){
	background:#fff;
}
#product-comparison-chart tr.toggle-div table tr:nth-of-type(even){
	background:#dedede;
}
#product-comparison-chart #description table #key, #product-comparison-chart tr.toggle-div table .info-title{
	font-size:12px;
	text-align:left;
	color:#212121;
	border-right:1px solid #d2d2d2;
}
#product-comparison-chart #description table .m-series, #product-comparison-chart tr.toggle-div table .m-series{
	border-left:1px solid #f4f4f4;
	border-right:1px solid #d2d2d2;
}
#product-comparison-chart #description table .x-series, #product-comparison-chart tr.toggle-div table .x-series{
	border-left:1px solid #f4f4f4;
	border-right:1px solid #d2d2d2;
}
#product-comparison-chart #description table .enterprise, #product-comparison-chart tr.toggle-div table .enterprise{
	border-left:1px solid #f4f4f4;
}
/* ****** CONTACT FORM ******** */
#landing-contact{
	border:1px solid #cacaca;
	background:#fff;
	overflow:hidden;
	border-radius:5px;
	-moz-border-radius:5px;
}
#landing-contact .form-title{
	display:block;
	padding:10px 0;
	margin-bottom:15px;
	text-align:center;
	color:#558dea;
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top,  #eeeeee 0%, #d6d6d6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#d6d6d6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#d6d6d6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #eeeeee 0%,#d6d6d6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eeeeee 0%,#d6d6d6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #eeeeee 0%,#d6d6d6 100%); /* W3C */
}
#landing-contact label{
	text-align:right;
	font-weight:700;
	white-space:nowrap;
}
#landing-contact form fieldset{
	padding:0 10px 10px 10px;
	border:none;
}
#landing-contact div.action{
	text-align:center;
	margin:15px 5px 0 0;
}
#landing-contact .container-12{
	margin:0;
	padding:5px 0;
}

#SalesLeadStatus{
	font-weight:bold;
	margin-left:15px;
}
#SalesLeadStatus.error{color:red;}
#SalesLeadStatus.success{
	color:#26d437;
	font-size:20px;
	margin-bottom:20px;
	padding:10px;
	font-weight:normal;
	margin:0 15px 15px;
	text-align:center;
	border:1px solid #ccc;
	background: #f1f1f1;
}

form#SalesLeadContactForm fieldset div div input[type="submit"]{margin-right:90px}
#UserAccountLoginForm{margin-top:10px}
#UserAccountLoginForm .controls{margin-left:140px}
#UserAccountLoginForm label{width:80px}
label[for="SalesLeadDescription"]{text-align:left; padding-bottom:8px}
label[for="SupportCaseDescription"]{text-align:left; padding-bottom:8px}
input#SalesLeadZip{width:120px}
input#SalesLeadPhone, input#SupportCaseWebPhone, input#phone_number, input#Phone, input#zip{width:120px}
input#software_maintenance, input#parts_labor{margin-top:3px}
textarea#streetName{height:52px}
textarea#SalesLeadDescription{height:100px !important}
#cart input{width:auto}
#SalesLeadComments, #SupportDescription{width:60% !important; min-height:100px;}
.blue{color:#5793db}
.interested-in h4.blue{margin:0;}

/* reseller styles */
.reseller h2{
	color:#f4ab39;
	display:block;
	text-align:left;
	padding:25px 0 0 10px;
}
.reseller p{
	text-align:left;
	text-indent:0;
	padding:10px 15px 0 !important;
}
.reseller #display-testimonial h3{
	color:#558dea;
	padding:10px 0 0 10px;
}
.reseller #display-testimonial ul{
	padding:0 0 0 25px; margin:5px 0;
}
.reseller #display-testimonial li{
	padding:0 0 5px 0;
}
.landingRight.reseller h2{
	margin-left:0; padding-top:6px; padding-left:0;
	position:relative;
	top:-15px;
}
.landingRight.reseller p{
	padding:10px 0 25px 0 !important;
	margin-left:0;
	position:relative;
	top:-15px;
}

@media only screen and (max-width:960px){
	#specifications .split .title, #specifications .split .description{
		width:98%;
	}
	#contact-form .grid-1, #contact-form .grid-2, #contact-form .grid-3, #contact-form .grid-4, #contact-form .grid-5, #contact-form .grid-6, #contact-form .grid-7, #contact-form .grid-8 {
		width:98%;
	}
	#landing-contact label{
		text-align:left;
	}
	#landing-contact textarea{
		width:98% !important;
	}
	#contact-box .social{
		bottom:-65px;
	}
	#landing-contact .interested-in label{
		width:89.667%;
	}
	#landing-contact .interested-in input[type="checkbox"]{
		width:6.333%;
	}
	#page-digital-signage-markets .container-12 .container-12 .grid-4, #page-digital-signage-markets .container-12 .container-12 .grid-6{
		width:98%;
	}
	#page-digital-signage-markets .container-12 .container-12 .grid-4 ul, #page-digital-signage-markets .container-12 .container-12 .grid-6 ul{
		margin-top:0;
		margin-bottom:0;
	}
	#page-digital-signage-markets .featured .grid-4:first-child ul, #page-digital-signage-markets .featured .grid-6:first-child ul{
		margin-top:25px;
	}
	.featured ul{
		font-size:16px;
	}
	#leftcol, #rightcol{
		width:98%;
	}
	#product-comparison{
		padding:0;
	}
	#product-comparison-chart tr#product .info-title, #product-comparison-chart #description td table td#key{
		display:none;
	}
	#product-comparison-chart .info-title span{
		padding-left:0;
	}
	#product-comparison-chart .m-series, #product-comparison-chart .x-series, #product-comparison-chart .enterprise{
		width:180px;
	}
}
@media only screen and (max-width:800px){
	#landing-content .full-image{
		max-height:400px !important;
	}
	#landing-content .landing-left, #landing-content .landing-right{
		width:98%;
	}
	#landing-content .intro-title{
		font-size:22px;
	}
	#landing-content .container-12#installations .grid-4{
		width:98%;
		margin-top:0;
		margin-bottom:0;
		padding-top:0;
		padding-bottom:0;
	}
	#page-contact-us #contact-box, #page-contact-us .form, #page-contact-support #contact-box, #page-contact-support .form, #page-registration .form, #page-registration #contact-box, #page-registration .form{
		width:98%;
	}
	#page-contact-us #contact-box .inner, #page-contact-support #contact-box .inner, #page-registration #contact-box .inner{
		margin-left:auto; margin-right:auto;
	}
	#contact-box .social{
		position:static;
		padding-bottom:0;
	}
	#contact-box .box{
		font-size:22px;
	}
	#page-digital-signage-markets .field .grid-7, #page-digital-signage-markets .field .grid-5{
		width:98%;
	}
	#page-digital-signage-markets .field img{
		margin-top:25px;
	}
	#product-comparison-chart .m-series, #product-comparison-chart .x-series, #product-comparison-chart .enterprise{
		width:120px;
	}
	#page-markets .featured .grid-1,
	#page-markets .featured .grid-2,
	#page-markets .featured .grid-3,
	#page-markets .featured .grid-4,
	#page-markets .featured .grid-5,
	#page-markets .featured .grid-6,
	#page-markets .featured .grid-7,
	#page-markets .featured .grid-8,
	#page-markets .featured .grid-9,
	#page-markets .featured .grid-10,
	#page-markets .featured .grid-11{
		width:98%;
	}
	#page-markets .featured .grid-1 ul,
	#page-markets .featured .grid-2 ul,
	#page-markets .featured .grid-3 ul,
	#page-markets .featured .grid-4 ul,
	#page-markets .featured .grid-5 ul,
	#page-markets .featured .grid-6 ul,
	#page-markets .featured .grid-7 ul,
	#page-markets .featured .grid-8 ul,
	#page-markets .featured .grid-9 ul,
	#page-markets .featured .grid-10 ul,
	#page-markets .featured .grid-11 ul{
		margin-bottom:0;
		padding-bottom:0;
		margin-top:0;
		padding-top:0;
	}
	#page-markets .featured .grid-1:first-of-type ul,
	#page-markets .featured .grid-2:first-of-type ul,
	#page-markets .featured .grid-3:first-of-type ul,
	#page-markets .featured .grid-4:first-of-type ul,
	#page-markets .featured .grid-5:first-of-type ul,
	#page-markets .featured .grid-6:first-of-type ul,
	#page-markets .featured .grid-7:first-of-type ul,
	#page-markets .featured .grid-8:first-of-type ul,
	#page-markets .featured .grid-9:first-of-type ul,
	#page-markets .featured .grid-10:first-of-type ul,
	#page-markets .featured .grid-11:first-of-type ul{
		margin-top:15px;
	}
}
@media only screen and (max-width:600px){
	#specifications .grid-6, #specifications .split{
		width:98%;
	}
	#specifications .description{
		width:98%;
	}
	#questions .grid-6, #answers .grid-6{
		width:98%;
	}
	#questions ul, #answers .grid-6{
		margin-top:0; margin-bottom:0;
	}
	.company.logos{
		display:none;
		padding-bottom:0;
	}
	.companies .grid-4{
		width:98%;
	}
	.companies ul{
		margin-top:0;
		margin-bottom:0;
	}
	.companies .grid-4:first-child ul:first-child{
		margin-top:25px;
	}
	#lobby{
		width:95%;
		float:none;
		margin-left:auto;
		margin-right:auto;
	}
	#contact-box .social{
		padding-top:5px;
	}
	#rightcol .postTitle h2 span{
		width:auto;
	}
	#rightcol .postDate, #rightcol .day, #rightcol .year{
		display:inline !important;
		position:static;
		height:auto !important;
		line-height:auto !important;
		font-weight:normal !important;
		margin:0; padding:0;
		border:none;
		font-size:14px;
	}
	#rightcol .postDate{
		float:right;
		position:absolute;
		bottom:-30px;
	}
	#rightcol .day{
		padding-left:4px;
	}
	#rightcol .postDate br{
		display:none;
	}
	#product-comparison-chart .m-series, #product-comparison-chart .x-series, #product-comparison-chart .enterprise{
		width:80px;
	}
	#product-comparison-chart th.category-title h3{
		margin-left:10px;
	}
	#page-markets .grid-7, #page-markets .grid-5{
		width:98%;
	}
}

/* ******* COLORBOX ******* */
@media only screen and (min-width:830px){
	#page-landing #cboxLoadedContent, #page-digital-signage-markets #cboxLoadedContent{
		width:750px;
		height:424px;
	}
}
@media only screen and (min-width:665px) and (max-width:830px){
	#page-landing #cboxLoadedContent, #page-digital-signage-markets #cboxLoadedContent{
		width:602px;
		height:341px;
	}
}
@media only screen and (min-width:460px) and (max-width:665px){
	#page-landing #cboxLoadedContent, #page-digital-signage-markets #cboxLoadedContent{
		width:401px;
		height:227px;
	}
}
@media only screen and (max-width:460px){
	#page-landing #cboxLoadedContent, #page-digital-signage-markets #cboxLoadedContent{
		width:281px;
		height:159px;
	}
}

/* ******* SUPPORT ******* */
#page-support #rightcol{
	width:660px;
	padding:0 0 20px 0;
	float:right;
}
#page-support #category_tree ul, #page-support #category_tree ul{
	background:none;
	background-color:none;
}
#page-support #leftcol{
	min-height:600px;
	height:auto !important;
	height: 600px;
}
#page-support .filetree{
	padding:0;
}
#page-support .filetree li{
	padding:5px 0 !important;
}
#page-support ul, ol{
	margin:0 0 0 20px !important;
}
.grid-me label, .grid-me input, .grid-me select, textarea#SupportCaseDescription, .grid-9.login label, .grid-9.login input{
	display:inline;
	float:left;
	position:relative;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:5px;
}
.grid-me label, .grid-9.login label{
	text-align:right;
	width:31.333%;
}
.grid-me input, .grid-me select{
	width:auto;
}

section .container-12#contact_form, .grid-9.login{
	border:1px solid #ccc;
	border-radius:5px;
	-moz-border-radius:5px;
	background:#f1f1f1;
}
.grid-9.login{
	padding:25px;
}


.control-group:after{
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0;
}
.control-group{
	display:inline-block;
}
* html .control-group{
	height:1%;
}
.container-12 .grid-9#login{
	width:50%;
}
.top-intro h1{
	margin:0.67em 0 !important;
}
.control-group{
	display:block;
}
section .container-12#contact_form input[type="submit"], input.btn.btn-primary{
	padding:5px 10px;
	background:#1e7df0;
	color:#fff;
	font-weight:700;
	border:none;
}
#side-bar{
	font-size:16px;
	line-height:20px;
}

@media only screen and (max-width:830px){
	#page-support .grid-1, #page-support .grid-2, #page-support .grid-3, #page-support .grid-4, #page-support .grid-5, #page-support .grid-6, #page-support .grid-7, #page-support .grid-8, #page-support .grid-9, #page-support .grid-10, #page-support .grid-11{
		width:98%;
	}
	.grid-me label{
		width:98%;
	}
}

/* ******* PAGINATION ******* */
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination-centered{
	width:100%;
	text-align:center;
	font-size:14px;
	position:relative;
}
.pagination-centered ul{
	font-size:16px;
	display:block;
	height:auto;
}

.pagination li {
  display: inline-block;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
	padding:0;
  line-height: 1.42857143;
  position: relative;
}
.pagination li a,
.pagination li span {
  color: #428bca;
  text-decoration: none;
	display:inline-block;
  padding: 9px 12px;
}
.pagination li:first-child a,
.pagination li:first-child span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination li:last-child a,
.pagination li:last-child span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination li.active{
	background:#428bca !important;
}
.pagination li a:hover,
.pagination li span:hover,
.pagination li a:focus,
.pagination li span:focus {
  color: #2a6496;
  background-color: #eee;
  border-color: #ddd;
}
.pagination .active a,
.pagination .active span,
.pagination .active a:hover,
.pagination .active span:hover,
.pagination .active a:focus,
.pagination .active span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #428bca;
  border-color: #428bca;
}
.pagination .disabled span,
.pagination .disabled span:hover,
.pagination .disabled span:focus,
.pagination .disabled a,
.pagination .disabled a:hover,
.pagination .disabled a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg li a,
.pagination-lg li span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg li:first-child a,
.pagination-lg li:first-child span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg li:last-child a,
.pagination-lg li:last-child span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm li a,
.pagination-sm li span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm li:first-child a,
.pagination-sm li:first-child span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm li:last-child a,
.pagination-sm li:last-child span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

/* ******* FIRST TIME SETUP GUIDES ******* */
#page-first-time-setup-guides a img:hover{
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
#page-first-time-setup-guides a img:hover{
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

/* ******* THEMES ******* */
.theme-list{
	padding-bottom:50px;
}
.theme-list h2{
	margin-top:0; padding-top:0;
	padding-bottom:0; margin-bottom:0;
	color:#1969c9;
}
.theme-list .note{
	text-transform:uppercase;
}
.theme-list p{
	margin-top:0; padding-top:0;
}
.theme-list ul{
	padding-left:20px;
}
.theme-list li:first-child{
	margin-left:-20px;
	padding-left:0;
	list-style:none;
	font-weight:700;
}
.theme-preview{
	overflow:hidden;
}
.theme-preview img{
	padding:5px;
	border:1px solid #ccc;
}
@media only screen and (max-width:1000px){
	.theme-list .grid-2, .theme-list .grid-3, .theme-list .grid-4, .theme-list .grid-5, .theme-list .grid-6, .theme-list .grid-7 {
		width:100%;
		margin-top:10px;
		margin-right:10px;
	}
	.theme-list{
    border-bottom:1px solid #ccc;
		padding-bottom:25px;
		margin-bottom:50px;
	}
	.theme-list img{
		float:left;
		width:100%;
		max-width:500px;
	}
}


	
@media only screen and (max-width:650px){
	#page-first-time-setup-guides .grid-2, #page-first-time-setup-guides .grid-3, #page-first-time-setup-guides .grid-4 {
		width:100%;
		margin-top:10px;
		margin-right:10px;
	}
}
@media only screen and (max-width:1024px){
	#page-discontinued .grid-2, #page-discontinued .grid-3, #page-discontinued .grid-4 {
		width:100%;
		margin-top:10px;
		margin-right:10px;
	}
	#page-discontinued p.note {
		text-align:center !important;
	}
}