/*!

Front end development by
Twentytwo Digital Limited
http://www.twentytwo.digital

*/
/*

	Blue: 		#0082c8
	Light Grey: #eee
	Mid Grey:	#777
	
	
	Contents

01.	Globals
02.	Header / Nav
03.	Footer
04.	Home
05. Products
06.	Sidebars
07. Charts/ Tables
08.	Collapsible Panels
09.	Forms/ Inputs
10.	Resources
11.	Downloads
12.	Modals
13.	Media Queries
	
*/

/* Typeface: Lato */
@import url('https://fonts.googleapis.com/css?family=Lato:400,300,700,300italic');

@font-face {
  font-family: 'dl';
  src: url('../font/dl.eot?71532998');
  src: url('../font/dl.eot?71532998#iefix') format('embedded-opentype'),
       url('../font/dl.woff?71532998') format('woff'),
       url('../font/dl.ttf?71532998') format('truetype'),
       url('../font/dl.svg?71532998#dl') format('svg');
  font-weight: normal;
  font-style: normal;
}
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "dl";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;

  /* Reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* Animation center compensation - margins should be symmetric */
  margin-left: .2em;
 
  /* Font smoothing */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
}
 
.icon-down:before { content: '\e800'; }
.icon-left:before { content: '\e801'; }
.icon-right:before { content: '\e802'; }
.icon-top:before { content: '\e803'; }
.icon-contact:before { content: '\e804'; }
.icon-info:before { content: '\e805'; }
.icon-news:before { content: '\e806'; }
.icon-download:before { content: '\e807'; }
.icon-support:before { content: '\e808'; }
.icon-bag:before { content: '\e809'; }
.icon-people:before { content: '\e80a'; }
.icon-playhead:before { content: '\e80b'; }
.icon-linkedin:before { content: '\e80c'; }
.icon-play:before { content: '\e80d'; }
.icon-facebook:before { content: '\e80e'; }
.icon-twitter:before { content: '\e80f'; }
.icon-spiceworks:before { content: '\e810'; }
.icon-ok:before { content: '\e811'; }
.icon-menu:before { content: '\e812'; }
.icon-doc-text:before { content: '\e813'; }
.icon-file-pdf:before { content: '\e814'; }

.icon-large {
    font-size:140%;
    vertical-align: middle;
}


/* **********************************
	 	01. Globals
   ******************************* */
   
.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}

body {
	font-family: 'Lato', sans-serif;
	font-weight:300;
	padding-top: 70px;
	background:#f9f9f9;
}

.wrapper, header {
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
}

a, a:hover {
	text-decoration: none;
}
p a, p a:hover {
	text-decoration: underline;
}
abbr[title]{
	border: none !important;
}
.fade-all,
.menu a .icon-large,
.menu ul a,
.menu ul a .icon-right,
header,
.fullwidth-cta:after,
.btn i,
.subnav a,
.panel,
.sidebar-pod img,
.os,
.download-link,
.chip,
.collateral-links li {
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}

.anchor-text-hidden {
	position: absolute;
    overflow: hidden;
    height: 1px;
    width: 1px;
}

img {
	max-width:100%;
	height:auto;
}

.errorPageContent{
	min-height: 200px;
}
.errorPageCode{
	font-size: 0.9em;
	font-style: italic;
	margin: 1em 0 3em;
}

/* Buttons */

.btn {
    display:inline-block;
    padding: 13px 25px;
    clear:both;
}

.btn-blue {
    background:#0082c8;
    color:#fff;
}

.btn-blue:hover,
.btn-blue:focus {
	background:#000;
	color:#fff;
}

.btn-grey {
    background:#777;
    color:#fff;
}

.btn-grey:hover,
.btn-grey:focus {
	background:#000;
	color:#fff;
}

.btn-arrow:after {
	font-family: 'dl';
	content: '\e802';
	float:right;
}

.btn-download {
    background:#0082c8;
    display: block;
}

.btn-download:hover {
	background:#000;
	color:#fff;
}

.btn i {padding-left:10px;}

.btn i.icon-right {
	padding-left: 5px;
    padding-right: 5px;
    width: 34px;
    display: inline-block;
}

.btn:hover i.icon-right {
	padding-left:10px;
	padding-right:0;
}


/* Helpers */

.ct {text-align:center !important;}
.rt {text-align:right;}
.pointer {cursor: pointer;}
.db {display: block;}
.pr {position: relative;}
.oa {overflow:auto;}
.oh {overflow:hidden;}
.regular {font-weight:400;}

.light-grey-bg {background:#f5f5f5;}
.grey-bg {background:#eee;}
.blue-bg {background:#0082c8;color:#fff;}
.blue-bg a {color:#fff;}
.black-bg {background:#000; color:#fff;}
.white-bg {background:#fff;}
.white {color:#fff;}
.blue {color:#0082c8;}
.underline {text-decoration:underline;}

ul.unstyled {
	list-style: none !important;
	padding-left:0;
}

.pad7 {padding:7% !important;}
.pad4 {padding:4% !important;}
.hidden-xxs {display: none;}

.width-auto {width:auto !important;}

.no-padding {padding:0 !important;}
.pt20 {padding-top:20px;}
.pb0 {padding-bottom:0 !important;}
.pb50 {padding-bottom:50px;}
.ml20 {margin-left:20px;}
.mt50 {margin-top:50px;}
.mb50 {margin-bottom:50px !important;}
.mb20 {margin-bottom:20px;}
.mt20 {margin-top:20px !important;}
.mt10 {margin-top:10px;}

.border-top {border-top:1px solid #ccc;}
.border-bottom {border-bottom:1px solid #ccc;}
.border-right {border-right:1px solid #ccc;}

.vert-centered-border {
    position: absolute;
    height: 100%;
    width: 1px;
    background: #ccc;
    top: 0;
    left: 50%;
    margin-left: -1px;
}


/* Typography */

p,ol li,.panel-body ul,address {
	font-size:15px;
	margin:0 0 20px 0;
}

h1,h2,h3,h4,h5,h6 {
	font-weight:300;
	padding:0;
	margin:0 0 15px 0;
}

.home-overview h1 {
	font-size: 16px;
    line-height: 24px;
}

h2 {
	font-weight: 400;
}

h3 {
	text-transform: uppercase;
	color:#0082c8;
	margin-bottom:5px;
}

.textual ul,
.sidebar-pod ul {
    padding-left: 20px;
    font-size: 16px;
    margin-bottom:30px;
}

.textual h3 {
    font-size: 160%;
    margin-top: 40px;
}

.textual #family-comparison h3,
.tab-pane h3 {
	margin-top:0;
	font-size:100%;
}

.sidebar-pod p {margin: 0 0 10px 0;}

.sidebar-pod a {display: block;}
.sidebar-pod p a {display: inline-block;}

.sidebar-pod h4 {margin-bottom:-10px;}

.sidebar-pod iframe {
    max-width: 100%;
    height: auto;
}

.textual iframe {max-width:100%;}

.subnav ul {
    margin: 0;
    list-style:none;
    padding-left:0;
}

.subnav a {
    background:#f5f5f5;
    display:block;
    color:#0082c8;
    text-align: center;
    padding:14px 0;
}

.subnav a.active,
.subnav a:hover {
    background:#0082c8;
    color:#fff;
}

blockquote {
    font-size: 22px;
    border-left: 5px solid #0082c8;
    margin: 30px;
    padding: 10px 30px;
    max-width: 70%;
}

blockquote footer {
    font-size:85%;
    margin-top:10px;
    font-style:italic;
}

#cookie-bar {
	background: #ddd;
	background: rgba(238,238,238,0.92);
	border-top: solid 1px #fff;
    padding: 20px 20%;
    height: auto;
    line-height: 24px;
    color: #000;
    text-align: center;
    position:fixed;
    right:0;
    bottom:0;
    left:0;
    z-index: 99999;
}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {
	margin:0;
	padding:0;
	font-size: 16px;
    line-height: 24px;
}

#cookie-bar a {text-decoration: underline;}

#cookie-bar a:last-child {
	color: #0082c8;
	font-weight:600;
    display: block;
    border-radius: 0;
    text-decoration: underline;
    padding: 11px 23px;
    margin-left: 8px;
}

#cookie-bar a:hover {color:#000;}

.banner-overlay {
    color: #fff;
    width: 90%;
    margin: 60px 5%;
    padding: 5% !important;
    background: rgba(0,0,0,0.5);
}

.plugplay-small {max-width:200px;}


/* **********************************
	 	02. Header
   ******************************* */

header {
    height: 90px;
    background: #fff;
    position: fixed;
    width: 100%;
    top: 0;
/*
    right: 0;
    left: 0;
*/
    z-index: 999;
}

#logo {
    width: 180px;
    padding: 15px;
}

.noscript {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    background: #0082c8;
    color: #fff;
    padding: 5px;
    z-index: 9;
}

.searchbox {
    display: block;
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    border: 0;
    width: 100%;
    padding: 22px;
    background: #eeeeee;
    color: #bebebe;
    letter-spacing:1px;
}

header .btn {
	padding:22px;
}

.menu.open > nav {
	width: 100%;
	height: 100%;
	overflow: scroll;
}

.drilldown-container {
	padding: 20px 30px 220px 30px;
	height:100%;
	overflow: scroll;
}

#menu-toggle.active {
	background:#0082c8;
	color:#fff;
}

#menu-toggle {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	padding: 35px 25px;
	background: #eee;
	color:#0082c8;
	cursor: pointer;
	height: 65px;
}

.menu {
	position: fixed;
	top: 70px;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}

.menu > nav > ul > li {
	padding: 5px 0;
	font-size: 24px;
	display: block;
}

.menu > nav > ul > li > a {
	color:#fff;
	position: relative;
	display: inline;
	cursor: pointer;
}

.menu ul {
    list-style:none;
	margin: 0;
	padding:0;
	display: none;
}

.menu > nav > ul {display:block;}

.menu ul a {
    color:#fff;
    font-size:16px;
}

.menu a .icon-large {
    border: 1px solid #fff;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 20px;
    text-align: center;
    padding-top: 3px;
}

header.header-grey form#cse-search-box2 .searchbox {background: #eee;}


/* **********************************
	 	03. Footer
   ******************************* */
   
footer a {
	color:#fff;
}

footer a:hover {
	color:#fff;
	text-decoration:underline;
}

footer ul {
	list-style:none;
	padding-left:0;
	margin-top: 0;
}

footer p {
    margin: 0 0 10px 0;
}


/* **********************************
	 	04. Home
   ******************************* */

#owl-home .item-inner {
    position: absolute;
    top: 60px;
    right: 20px;
    max-width: 80%;
    z-index: 99;
}

#owl-home span {
    font-size: 28px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 0;
}

#owl-home .item-inner p:first-child {margin-bottom:10px;}

.home-hero .lead {
    max-width: 440px;
    float: right;
}

.home-hero .btn {
	display: block;
    float: right;
}

section {position:relative;}

.scroll-down {
    position: absolute;
    bottom: 20px;
    color: #fff;
    font-size: 30px;
    display:block;
    left:50%;
    margin-left:-21px;
}

.scroll-down:hover {
    color:#0082c8;
}

#home-video {
	background:url('../img/home/video-bg.jpg') no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#home-video {padding: 18% 0;}
#home-video h2 {font-weight:300;}
#home-video .icon-playhead {font-size:60px;}
#home-video:hover .icon-playhead {color: #0082c8;}

.fullwidth-cta {
	position:relative;
    display: block;
    width: 100%;
    padding: 10% 0;
    font-size: 17px;
    background: url('../img/cta-bg.jpg') no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.fullwidth-cta:hover {color:#fff;}

.fullwidth-cta span {
    position:relative;
    z-index: 9;
}

.fullwidth-cta:after {
	opacity: 0;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
}

.fullwidth-cta:hover:after {
	opacity: 1;
}

.fullwidth-cta.cta-grey {
    background: #f5f5f5;
    color: #0082c8;
    padding: 4% 0;
}

.fullwidth-cta.cta-grey:hover {
	color:#fff;
}

.link-block:nth-child(2n+1) {border-right:1px solid #ccc;}

.link-block {
    border-bottom:1px solid #ccc;
    padding:7%;
    color:#888;
}

.link-block h2 {
    font-weight:400;
    margin-bottom:5px;
}

.link-block i {
    border:1px solid #999;
    display:inline-block;
    height:50px;
    width:50px;
    border-radius:25px;
    font-size:26px;
    padding-top:5px;
    margin-bottom:10px;
    color:#999;
}

.link-block:hover {
    background:#0082c8;
    color:#fff;
}

.link-block:hover i {
    background:#fff;
    border-color:#fff;
    color:#0082c8;
}

.yt-container {
    position: relative;
    width: 100%;
    height: 100%;
}
.yt-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* **********************************
	 	05. Products
   ******************************* */

.sublevel-banner {
    background: #0082c8;
}

.sublevel-banner p,
.sublevel-banner span {
	position:relative;
	z-index:9;
}

.sublevel-banner p {
    font-weight:600;
    font-size:32px;
    line-height:40px;
    margin:0;
}

.banner-break.banner-vr {
	background:#fff;
}

.breadcrumbs {
	padding: 0 4%;
}

ul.breadcrumbs-links {
    list-style: none;
    padding-left: 0;
}

ul.breadcrumbs-links li {
    display:inline;
}

ul.breadcrumbs-links a {color:#000;}
ul.breadcrumbs-links a:hover {color:#0082c8;text-decoration:underline;}

ul.breadcrumbs-links li:after {content:' | ';}
ul.breadcrumbs-links li:last-child:after {content:'';}

ul.breadcrumbs-social {
    list-style: none;
    padding-left: 0;
    overflow: auto;
    margin: 0;
}

ul.breadcrumbs-social li {
    display:inline;
    float:left;
}

ul.breadcrumbs-social a {
    border:1px solid #0082c8;
    height:30px;
    width:30px;
    display:block;
    padding:2px;
    font-size:16px;
    margin-right:8px;
}

ul.breadcrumbs-social a:hover {
    background:#0082c8;
    color:#fff;
}

.search-products select {
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    border-radius: 0;
    border: 0;
    background-color: #0082c8;
    color: #fff;
    padding: 13px 40px 13px 25px;
    margin-bottom:10px;
}

.search-products input[type="checkbox"] {
    display:none;
}

.search-products label {
    border:1px solid #0082c8;
    color:#0082c8;
    padding: 9px 12px;
    display: inline-block;
    margin:0 2px 5px 2px;
}

.search-products input[type="checkbox"]:checked+label {
    background:#0082c8;
    color:#fff;
}

.search-products input[type="submit"] {
    border: 0;
    margin: 37px 0 0 0;
}

form.corporate-install {margin: 50px 0;}

.collateral-links ul {
   padding-left:0;
}

.collateral-links li {
    list-style:none;
    border:2px solid #0082c8;
    display:block;
    width:100%;
    vertical-align:top;
    font-size:14px;
    margin-bottom:15px;
}

.collateral-links a {
	padding:10px;
	display: block;
}

.collateral-links li:last-child {
    margin-bottom:30px;
}

.collateral-links i {
    font-size:20px;
    margin-right:10px;
}

.collateral-links li:hover,
.collateral-links li:hover i,
.collateral-links li:hover a {
    color:#fff;
}

.collateral-links li:hover {
    background:#0082c8;
}


.products img.certlogo {
	display: block;
	max-width: 80px;
	max-height: 80px;
}

.hot-products img.certlogo {
	display: block;
	max-width: 80px;
	max-height: 80px;
	margin: 1em 0 2em;
}

/* **********************************
	 	06. Sidebars
   ******************************* */

.sidebar-pod {
    background: #f5f5f5;
    border-bottom: 8px solid #0082c8;
    margin-bottom: 30px;
}

.sidebar-pod h3 {
    background:#0082c8;
    color:#fff;
    padding:16px 7%;
    margin-bottom:0;
}

.sidebar-pod a:hover img {
	opacity:0.7;
}

.country-dropdown {
    display: block;
    overflow: hidden;
}

.products .country-dropdown-links a {
    margin:0;
    padding:15px;
    width:100%;
    background:#0082c8;
    color:#fff;
    border-bottom:1px solid #ccc;
    display: block;
}

.products .country-dropdown-links a:hover {
    background:#000;
}

.country-dropdown-links {
    position: absolute;
    z-index: 9;
    margin-top:1px;
    max-height:150px;
    overflow-y:scroll;
    width:200px;
    display: none;
}

ul.sidebar-links {
	margin: 0;
	padding: 0;
	list-style: none;
}
	ul.sidebar-links li {
		margin: 0 0 1em 0;
		font-size: 0.9em;
	}
	ul.sidebar-links .sidebar-links-info{
		display: block;
		text-transform: uppercase;
		color: #000;
	}

/* **********************************
	 	07. Charts/ Tables
   ******************************* */
   
.chart {width:100%;}

.chart thead  {
    background:#0082c8;
    color:#fff;
}

.chart th,
.chart td {
	padding:10px;
	text-align: left;
}

.chart .grey-bg {color:#000;}

.chart tbody tr:nth-child(even) {background:#f5f5f5;}
.light-grey-bg .chart tbody tr:nth-child(odd) {background:#fff;}

.chip {opacity:0.3;}
.chip.active {opacity:1;}


.chip-features span {
    width:20px;
    height:20px;
    background:#0082c8;
    display:inline-block;
    border-radius:10px;
    border:2px solid #fff;
    vertical-align:middle;
    margin-right:6px;
}

.chip-features input[type="radio"] {
    display:none;
}

.chip-features label {
    display:block;
    margin:5px 0;
    font-size:16px;
}

.chip-features input[type="radio"]:checked + label span {background:#fff;}

.compatibility-table .compatibility-clickable {background:#f5f5f5;}
.compatibility-table .compatibility-clickable:hover {background:#eee;}

.compatibility-table p {
    font-size:90%;
    line-height:150%;
	margin-bottom:0;
    font-weight:bold;
}

.compatibility-table .compatibility-header p {
    font-size:120%;
}

.compatibility-port {
    height:140px;
    border-right:4px solid #fff;
    border-top:4px solid #fff;
    padding:10px 20px;
}

.compatibility-header {
    padding:10px 20px;
    border-right:4px solid #fff;
}

.compatibility-side,
.compatibility-clickable {
    height:202px;
    border-right:4px solid #fff;
    border-top:4px solid #fff;
}

.compatibility-clickable p {
    margin-left:20px !important;
    margin-right:20px !important;
}

.compatibility-clickable img {
	width:247px;
	max-width:100%;
	height:auto;
}


/* **********************************
	 	08. Collapsible Panels
   ******************************* */

.panel-title {margin-bottom:0;}

.panel-title a {
    display: block;
    font-size: 20px;
}

.panel-title a:hover,
.panel-title a:focus {text-decoration:none;}

.panel-title a:after {
    font-family: 'dl';
    font-weight: normal;
    font-style: normal;
    content: '\e800';
    float:right;
    color:#fff;
    font-size:30px;
    position:absolute;
    right: -46px;
    bottom:8px;
}

.panel.active .panel-title a:after {
    content: '\e803';
}

.panel {
    border-right:66px solid #0082c8;
    position:relative;
    margin-bottom:12px;
    padding:15px 15px 15px 15px;
}

.panel.active {border-color:#009dd1;}
.panel-body {padding-top: 20px;}

a#filters-toggle {
    background: #8C8C8C;
    display: block;
    text-align: center;
    padding: 15px;
    color: #fff;
    font-size: 18px;
}


/* **********************************
	 	09. Form Inputs
   ******************************* */

.form-control,select {
    border: 1px solid #0082c8;
    display: block;
    width: 100%;
    margin: 15px 0;
    padding: 20px 15px;
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
}

select {
    border-radius:0;
    background:#fff;
    color:#999;
}

select::-ms-expand {display: none;}

.select-dl {position: relative;}

.select-dl:after {
    content: '\e800';
    position: absolute;
    top: 40px;
    right: 18px;
    font-family: 'dl';
    font-weight: normal;
    font-style: normal;
    color: #0082c8;
    font-size: 35px;
}

.productsfilter select {
    background: #0082c8 url('../img/ico-down.png') no-repeat 95% center;
    background-size:28px;
}

input[type="checkbox"] {
	/*
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
	*/
    border:1px solid #0082c8;
    width:20px;
    height:20px;
    float:left;
    margin:5px 20px 20px 0;
    clear:both;
}

input[type="submit"] {
    border:none;
    display: inline-block;
}

.login-form .btn {
    display: inline-block;
    margin: 20px 0;
}

.login-form .select-dl:after {
    content: '\e800';
    position: absolute;
    top: 6px;
}

.map-canvas {
    width: 100%;
    height: 350px;
}

#family-comparison input[type="checkbox"],
#family-comparison input[type="radio"] {
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
	vertical-align: middle;
    margin: 3px;
    height: 14px;
    width: 14px;
    border:1px #fff solid;
}

#family-comparison input[type="radio"] {
	border-radius:7px;
}

#family-comparison input[type="checkbox"]:checked,
#family-comparison input[type="radio"]:checked {
	background:#fff;
}

#family-comparison form {
	margin-bottom:20px;
    clear: both;
    display: block;
    overflow: auto;
}

.products .item a {
    margin-top:30px;
    display:inline-block;
}

.products select, .hot-products select {
    background: #0082c8 url('../img/ico-down.png') no-repeat 80% center;
    background-size: 18px;
    background-position-x: 80%;
    color: #fff;
    margin: 30px 0 0 0;
    padding: 13px 55px 13px 25px;
    display: inline-block;
    float: none;
    font-size: 17px;
    width: auto;
}

ul.validation-summary{
	margin: 1em 0;
	border: solid 2px #c30;
	background: #ffd;
	padding: 25px 40px !important;
	color: #c30;
}



/* **********************************
	 	10. Resources
   ******************************* */

.resource {
    display:block;
    width:100%;
    background:#f5f5f5;
    padding:25px 130px 25px 30px;
    margin-bottom:20px;
    overflow:auto;
    position:relative;
}

.resource a.pull-right {
    font-family: 'dl';
    font-weight: normal;
    font-style: normal;
    background:#0082c8;
    color:#fff;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    font-size:35px;
    padding:15px 25px;
    width:96px;
    text-align:center;
}

.resource a.pull-right:hover {
	background:#000;
	color:#fff;
}

.resource a:hover {
    color:#0082c8;
    text-decoration:underline;
}

.tab-pane {
    display: none;
}

.tab-pane.active {
    display: block;
}


/* **********************************
	 	11. Downloads
   ******************************* */
 
.os:hover {background:#f5f5f5;}

.download {
    background:#0082c8;
    overflow:auto;
    position:relative;
    padding:15px 70px 15px 15px;
    margin-bottom:20px;
}

.download li {font-size: 80%;}

.download,
.download * {
    color:#fff;
}

.download h3{
	text-transform: none;
}

.download-link {
    background:#f5f5f5;
    color:#0082c8;
    width:60px;
    font-size:15px;
    position:absolute;
    top:0;
    right:0;
    height:100%;
}

.download-link:hover {
	background:#0082c8;
}

.download-link i {
    color:#0082c8;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-21px;
    margin-top:-22px;
    font-size:30px;
}

.download-link:hover i {color:#fff;}

.download .col-md-3,
.download .col-md-9 {position:static;}

.download-version:after {content:' |';}
   
.light-grey-bg .download {background:#fff;}

.light-grey-bg .download,
.light-grey-bg .download * {
    color:#0082c8;
}

.light-grey-bg .download-link {background:#0082c8;}
.light-grey-bg .download-link i {color:#fff;}

.light-grey-bg .download-link:hover {background:#009dd1;}
.light-grey-bg .download-link:hover i {color:#fff;}

.download-notes, .download-userguide {font-size: 20px;}

ul.nav.nav-tabs {
    list-style: none;
    padding-left: 0;
}

ul.nav.nav-tabs li {
    display:inline;
}

ul.nav.nav-tabs a {
    background:#f5f5f5;
    padding:15px 25px;
    font-weight:400;
}

ul.nav.nav-tabs li.active a,
ul.nav.nav-tabs li.active a:focus {
    background:#0082c8;
    color:#fff;
    text-decoration: none;
}

.eula{
	max-height: 300px;
	overflow-y: scroll;
}

.download ul {
    padding-left: 0;
    margin: 0 0 10px 0;
}


/* **********************************
	 	12. Modals
   ******************************* */
   
.modal {
	display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    background: rgba(0,0,0,0.9);
    z-index: 999;
    text-align: center;
    padding-top: 10%;
	outline: none
}

#close-modal {
    background: #000;
    background: transparent;
    border: 0;
    color: #fff;
    font-size: 50px;
    position: fixed;
    top: 20px;
    right: 20px;
    padding: 0;
    margin: 0;
    line-height: 30px;
    z-index: 999;
}

#video-modal {padding-top: 0;}

#close-modal:hover {color:#0082c8;}

div#chipsmodal {
    background: #fff;
    background: rgba(255,255,255,0.9);
    padding-top:70px;
    text-align:left;
    overflow:scroll;
}

div#chipsmodal .modal-dialog {
   max-width:1000px;
   margin-left:auto;
   margin-right:auto;
   background:#fff;
}

button.close {
    position: fixed;
    top: 15px;
    right: 20px;
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    background: #fff;
    background: transparent;
    border: 0;
    font-size: 50px;
    padding: 0;
    margin: 0;
    line-height: 40px;
}

div#surveymodal {
    background: #fff;
    background: rgba(222,222,222,0.9);
    padding-top:70px;
    text-align:left;
    overflow: auto;
}

	div#surveymodal .modal-dialog {
	   max-width:500px;
	   margin-left:auto;
	   margin-right:auto;
	   background:#fff;
	   border: solid 1px #ddd;
	   padding: 25px;
	   position: relative;
	   text-align: center;
	}

	div#surveymodal .modal-dialog h1 {
		font-weight: bold;
	}

	div#surveymodal .modal-dialog a {
		margin: 0 1em;
	}

	div#surveymodal button.close {
		position: absolute;
		top: 0px;
		right: 10px;
		font-size: 30px;
		line-height: 30px;
		color: #ccc
	}
	div#surveymodal button.close:hover
	, div#surveymodal button.close:focus {
		outline: none;
		color: #000;
	}

.news-module i {
    position: absolute;
    bottom: 60px;
    right: 20px;
    font-size: 25px;
}

.newsroom-banner {margin: 9px;}

.newsroom-banner,
.newsroom-banner a {color:#fff;}

.newsroom-banner-inner {
    padding:20px;
}

.newsroom-banner-inner * {
    text-shadow:3px 3px 3px rgba(0,0,0,1);
    -webkit-text-shadow:3px 3px 3px rgba(0,0,0,1);
    z-index: 5;
    position: relative;
}

.newsroom-banner:after {
    content: '';
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    left: 10px;
    background: #000;
    opacity: 0.5;
}

.newsroom-banner h1 {
    font-size: 22px;
    margin-bottom:0;
}

.newsroom-banner h2 {
    font-size:16px;
    margin-bottom:0;
}

.news-module iframe {height: auto;}

div#notesforagencies {
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    padding: 60px 20px;
    overflow: scroll;
    display:none;
}

a#close-notesforagencies {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 40px;
    line-height: 30px;
}

.compatibilityModal .close {
    color:#fff;
    position: absolute;
    top: -45px;
    right: -33px;
    color: #FFFFFF;
}

.compatibilityModal .close:hover {
	color:#0082c8;
}

.compatibilityModal .modal-dialog {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    background:#fff;
    padding:0 0 40px 0;
    position: relative;
}

.ico-presenter {
    width: 80px;
    padding: 10px 20px 10px 0;
}

#home-video.vr {
    background: url('../img/vr/vr-video-bg.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


/* **********************************
	 	13. Media Queries
   ******************************* */

@media (min-width: 460px) {

	.visible-xxs {display:none;}
	.hidden-xxs {display:block;}
	#owl-home .item-inner {max-width: 400px;}
	
	.newsroom-banner h1 {
	    font-size: 27px;
	    margin-bottom: 10px;
	}
	
	.newsroom-banner h2 {
	    font-size: 20px;
	    margin-bottom: 10px;
	}
	
}

@media (max-width: 767px) {
	
	body {padding-top: 65px;}
	header {height: 65px;}
	#menu-toggle {padding: 23px 25px 22px 25px;}
	#logo {width: 136px;padding: 10px;}
	.menu {top: 65px;}
	#chipsmodal .blue-bg.mt50 {margin-top:0;}
	.link-block {padding: 2%;}
	.breadcrumbs {padding: 10px 4% 20px 4%;}
	
	.chart {font-size: 12px;}
	.chart tr td,
	.chart th td {
	    padding:2px;
	}
	
	#filters-toggle.open i {
	 -webkit-transform: rotate(180deg);     /* Chrome and other webkit browsers */
	  -moz-transform: rotate(180deg);        /* FF */
	  -o-transform: rotate(180deg);          /* Opera */
	  -ms-transform: rotate(180deg);         /* IE9 */
	  transform: rotate(180deg);
	  display: inline-block;
	}
		
}

@media (min-width: 768px) {
	
	.menu ul a {
	    color: #fff;
	    font-size: 20px;
	}
		
	.menu a .icon-large {
	    height:64px;
	    width:64px;
	    padding-top:5px;
	}
		
	.menu a:hover .icon-large {
		background:#fff;
		color:#0082c8;
		border-color:#0082c8;
	}
	
	.drilldown-container {padding: 40px 60px 95px 60px;}
	.menu ul a .icon-right {padding-right:10px;width: 40px;display: inline-block;}
	.menu ul a:hover .icon-right {padding-left:10px;}
	.menu ul a:hover {color:#f5f5f5;}
	.col-sm-pullright {float:right;}
	#home-video .icon-playhead {font-size: 80px;}
	#home-video {padding: 10% 0;}
	.fullwidth-cta {font-size: 25px;}
	.col-sm-mr20 {margin-right:20px;}
	.col-sm-pull-right {float:right;}
	.profile-wrapper h3 {font-size: 25px;}
	.profile-wrapper h4 {font-size: 20px;}
	.profile-content {padding: 4%;}
	div#notesforagencies {padding: 10%;}
	
	#owl-home .item-inner {
		max-width: 420px;
		right: 70px;
	}
	
	#owl-home span {
	    font-size: 38px;
	    line-height: 61px;
	    margin-bottom: 10px;
	}
	
	#close-modal {
		font-size: 60px;
	    top: 30px;
	    right: 30px;
	    line-height: 40px;
	}
	
	ul.breadcrumbs-social {
	    float: right;
	    margin-top: 10px;
	}
	
	.subnav {
	    text-align:center;
	}
	
	.subnav li {
	    display: inline-block;
	}
	
	.subnav a {
	    padding: 14px 20px;
	    font-size: 15px;
	}
	
	.profile-img:after {
		content:'';
	    width: 0;
	    height: 0;
	    border-style: solid;
	    border-width: 25px 30px 25px 0;
	    border-color: transparent #fff transparent transparent;
	    position:absolute;
	    top:50%;
	    margin-top:-25px;
	    right:0;
	}
	
	.products img.prodphoto {
		padding-right: 20px;
	}
	
	.newsroom-banner h1 {font-size: 43px;}
	.newsroom-banner h2 {font-size: 25px;}
	
	.banner-overlay {
	    width: 50%;
	    margin: 60px 0;
/* 	    max-height: 500px; */
	}
	
	#menu-toggle {
	    height: 70px;
	    padding: 25px 25px;
	}
	
	header {height:70px;}
	#logo {padding: 5px 15px;}
	section.sublevel-banner.pad4 {padding: 2% 4% !important;}
	
	form#cse-search-box2 .searchbox {
	    width: 50%;
	    float: left;
	    margin-left: 110px;
	    background: #fff;
	    text-align: left !important;
	    height: 70px;
	}
		
	img#benefits-anydevice {
	    position: absolute;
	    top: 0;
	    right: -360px;
	    height: 600px;
	}
	
	img#benefits-universal1 {
	    position: absolute;
	    width: 350px;
	    top: 0;
	    left: 0;
	}
	
	img#benefits-universal2 {
	    position: absolute;
	    left: -100px;
	    width: 450px;
	    bottom: 0px;
	}
	
	img#benefits-expand1 {
	    position: absolute;
	    width: 600px;
	    top: 50px;
	    right: -200px;
	}
	
	img#benefits-performance1,
	img#benefits-performance2 {
	    position: absolute;
	    width: 450px;
	}
	
	img#benefits-performance1 {right:0;}
	img#benefits-performance2 {left:0;}
	
	img#benefits-futureproof {
	    position: absolute;
	    width: 400px;
	    top: 80px;
	    right: 0;
	}
	
	img#benefits-technology {
	    position: absolute;
	    width: 500px;
	    top: 0;
	    right: -100px;
	}
	
	img#benefits-networking {
	    position: absolute;
	    width: 350px;
	    top: 30px;
	    left: 0;
	}
	
	.productsfilter .row > div {
	    padding: 0 10px;
	}
	
	img#benefits-universal3 {
	    position: absolute;
	    bottom: 0;
	    right: 0;
	    width: 350px;
	}
	
	#filtersPanel.collapse {display:block !important;}
	.col-sm-pad2 {padding:2% !important;}
	
}

@media (min-width: 768px) and (max-width: 991px) {
	
	.col-smonly-pullright {float:right;}
	
	.profile-wrapper:nth-child(even) .profile-img:after {
	    right: auto;
	    left: 0;
	    border-width: 25px 0 25px 30px;
	    border-color: transparent transparent transparent #fff;
	}
	
	.productsfilter .productfilter-last select {width: 100%;}
	.col-sm-pad-adjust {padding:4% 0 !important;}
	
	.clear-nth > div:nth-child(2n+3) {clear: left;}
	
	.news-module:nth-child(2) .pad7,
	.news-module:nth-child(3) .pad7,
	.news-module:nth-child(4) .pad7,
	.news-module:nth-child(5) .pad7 {
	    height:120px;
	}
		
}

@media (max-width: 991px) {
	
	.border-right-mdlg {border-right:none;}
	
}

@media (min-width:992px) {
	
	p, .btn, .home-overview h1, ol li,.panel-body ul,.textual ul,address {font-size:17px;}
	
	header .btn-download {
	    position: fixed;
	    top: 0;
	    left: 113px;
	    padding: 23px 40px 20px 40px;
	    opacity: 1 !important;
	    visibility: visible !important;
	    height: 70px;
	}
	
	.searchbox {
	    position: fixed;
	    top: 0;
	    left: 407px;
	    width: 300px;
	    padding: 35px;
	    text-align: left;
	}
	
	#logo {
	    width: 190px;
	    padding: 3px 20px 0 20px;
	    background: #fff;
	    height: 70px;
	}
	
	.header-grey {background:#eee;}
	#owl-home .item-inner {max-width: 595px;}
	h2 {font-size: 31px;}
	.link-block h2 {font-size: 32px;}
	.col-md-pullright {float:right;}
	.drilldown-container.blue-bg {background: rgba(0,130,200,0.95);}
	.border-bottom-xssm {border-bottom:none;}
	.search-products .pad4 {padding: 3% 4% !important;}
	.benefits-chips .col-xs-6.col-sm-4.pad4 {width: 20%;}
	
	.link-block i {
	    border: 2px solid #999;
	    height: 70px;
	    width: 70px;
	    border-radius: 35px;
	    font-size: 39px;
	}
	
	#owl-home span {
	    font-size: 50px;
	    line-height: 58px;
	    margin-bottom: 25px;
	}
	
	.scroll-down {
	    font-size: 50px;
	    margin-left: -35px;
	}
	
	.link-block {
		border-right: 1px solid #ccc;
		border-top: 1px solid #ccc;
		padding: 4% 3%;
	}
	
	.link-block:last-child {border-right:0;}
	
	.menu .btn-download {
	    background: #ccc;
	    color: #0082c8;
	}
	
	.menu .btn-download:hover,
	.menu .btn-download:focus {
	    background: #036DA7;
	    color: #fff;
	}
	
	.search-products select,
	.search-products label {
	    font-size: 16px;
	}
	
	.search-products select {
	    padding: 17px 40px 17px 25px;
	    margin-bottom:30px;
	}
	
	.search-products label {
	    padding: 13px 20px;
	    margin-top:0;
	}
	
	.search-products input[type="submit"] {
	    margin-top:44px;
	    float:right;
	}
	
	.textual h1 {
	    font-size: 3em;
	    line-height: 1.2em;
	    margin-bottom: 30px;
	}
	
	.desktop-menu .drilldown-root ul {
	    position:fixed;
	    top:144px;
	}
	
	.desktop-menu .drilldown-root > li > ul {left:350px;}
	.desktop-menu .drilldown-root > li > ul > li > ul {left:650px;}
	.desktop-menu .drilldown-back {display:none;}
	.desktop-menu .drilldown-container {overflow:hidden;}
	
	.searchbox {
	    font-size: 19px;
	    padding: 22px;
	    height: 70px;
	}
	
	.profile-wrapper:nth-child(3) .profile-img:after,
	.profile-wrapper:nth-child(4) .profile-img:after,
	.profile-wrapper:nth-child(7) .profile-img:after,
	.profile-wrapper:nth-child(8) .profile-img:after {
	    content: '';
	    width: 0;
	    height: 0;
	    border-style: solid;
	    border-width: 25px 0 25px 30px;
	    border-color: transparent transparent transparent #fff;
	    position: absolute;
	    top: 50%;
	    margin-top: -25px;
	    right: auto;
	    left:0;
	}
	
	.download small {font-size: 70%;}
	.download .col-md-3 {text-align:right;}
	
	.drilldown-sub li {
	    max-width: 280px;
	    line-height: 26px;
	    margin-bottom: 20px;
	}
	
	.productsfilter .col-md-6 select {
	    background: #0082c8 url('../img/ico-down.png') no-repeat 95% center;
	    background-size:28px;
	}
	
	.productsfilter .col-md-3 select {
	    background: #0082c8 url('../img/ico-down.png') no-repeat 90% center;
	    background-size:28px;
	}
	
	.home #menu-toggle.active {
		background:#0082c8;
		color:#fff;
	}
	
	.home #menu-toggle {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		padding: 24px 25px;
		background: #eee;
		color:#0082c8;
		cursor: pointer;
	}
	
	#menu-toggle {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		padding: 25px 25px;
		background: #fff;
		color: #0082c8;
		cursor: pointer;
	}
	
	#menu-toggle:hover {
		background:#000;
		color:#fff;
	}
	
	header.home .btn-download,
	#menu-toggle.active:hover {
	    background: #0082c8;
	    color: #fff;
	}
	
	header.home .btn-download:hover {
		background:#000;
	}
	
	header .btn-download {
	    background: #eee;
	    color: #0082c8;
	}
	
	.newsroom-banner:after {
	    top: 10px;
	    bottom: 10px;
	}
	
	form#cse-search-box2 .searchbox {
	    width: 300px;
	    margin-left: 0;
	    font-size: 16px;
	}
	
	img#benefits-anydevice {
	    right: -160px;
	    height: 600px;
	}
	
	img#benefits-performance1, img#benefits-performance2 {width: 550px;}
	img#benefits-futureproof {width: 550px;}
	img#benefits-technology {width: 640px;}
	
	.banner-break.banner-vr {
		background:url('/img/vr/bg-vr.jpg') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
	.banner-break.banner-vr .pad7 {
		padding-top:25% !important;
		padding-bottom:25% !important;
	}
	
	.banner-break.banner-vr h2 {line-height:46px;}
	
}

@media (min-width:992px) and (max-width:1199px) {
	
	.profile-content {padding:1%;}
	.profile-wrapper h3 {font-size: 17px;}
	.profile-wrapper h4 {font-size: 14px;margin-bottom:5px;}
	.profile-wrapper p {font-size:13px;}
	.clear-nth > div:nth-child(2n+3) {clear: left;}
	
	.news-module:nth-child(2) .pad7,
	.news-module:nth-child(3) .pad7,
	.news-module:nth-child(4) .pad7,
	.news-module:nth-child(5) .pad7 {
	    height:120px;
	}
	
}

@media (max-width: 1199px) {
	
	.os img {max-width: 100px;}
	
	.compatibilityModal .close {
	    background: #000;
	    top: 0;
	    right: 0;
	    padding: 5px 9px 9px 9px;
	    margin:0;
	}
	
}

@media (min-width:1200px) {
	
	#owl-home span {
	    font-size: 63px;
	    line-height: 70px;
	}
	
	#owl-home .item-inner {
	    max-width: 720px;
	    right: 140px;
	    top: 120px;
	}
	
	h2 {font-size: 38px}
	
	.search-products select, .search-products label {font-size: 18px;}
	.search-products select {padding: 21px 25px;}
	.search-products input[type="submit"] {padding: 21px 35px;}
	.search-products label {padding: 19px 23px;margin: 0 5px 0 0;}
	
	.menu ul a {font-size: 24px;}
	.menu ul li {padding:10px 0;}
	
	.desktop-menu .drilldown-root > li > ul {left: 480px;}
	.desktop-menu .drilldown-root > li > ul > li > ul {left: 900px;}
	
	.sublevel-banner p {font-size: 40px;}
	.chart {font-size: 16px;}
	.panel-title a {font-size: 23px;}
	
	.profile-content {padding: 2%;}
	.profile-wrapper p {font-size:15px;}
	.profile-wrapper h4,
	.profile-wrapper h3 {font-size: 17px;margin-bottom:5px;}
	div#notesforagencies {padding: 10% 15%;}
	a#close-notesforagencies {font-size: 60px;}

	
	.os {font-size:20px;}
	
	.map-canvas {height: 530px;}
	
	.drilldown-sub li {
	    max-width: 380px;
	    line-height: 29px;
	    margin-bottom: 0px;
	}
	
	img#benefits-anydevice {
	    right: -80px;
	    height: 650px;
	}
	
	img#benefits-universal1 {width: 500px;}
	img#benefits-universal2 {left: 0px;}
	img#benefits-expand1 {right: 0px;}
	img#benefits-performance2 {left: 100px;}
	img#benefits-futureproof {width: 650px;}
	img#benefits-technology {width: 800px;right: -200px;}
	.benefits-performance-section .row:last-child {margin-top:-120px;}
	.clear-nth > div:nth-child(3n+4) {clear: left;}
	img#benefits-universal3 {width: 500px;}
	.col-lg-pad2 {padding:2% !important;}
	.subnav a {font-size: 17px;}

	.news-module:nth-child(1) .pad7,
	.news-module:nth-child(2) .pad7 {
	    height:150px;
	}
	
	.news-module:nth-child(3) .pad7,
	.news-module:nth-child(4) .pad7,
	.news-module:nth-child(5) .pad7 {
	    height:120px;
	}
	
}

@media (min-width:1500px) {
	
	#owl-home .item-inner {max-width: 780px;}
	header .btn-download {padding: 20px 40px;left: 127px;height: 70px;}
	.searchbox {left: 443px;}
	h2 {font-size: 44px;}
	.fullwidth-cta {font-size: 35px;}
	
	#menu-toggle {
	    font-size: 17px;
	}
	
	#owl-home span {
	    font-size: 95px;
	    line-height: 111px;
	}
	
	p, .btn, .home-overview h1,ol li,.panel-body ul,.textual ul,address {
	    font-size: 19px;
	    line-height: 27px;
	}
	
	.drilldown-container {padding: 150px 200px;}
	.desktop-menu .drilldown-root ul {top: 247px;}
	.desktop-menu .drilldown-root > li > ul {left: 620px;}
	.desktop-menu .drilldown-root > li > ul > li > ul {left: 1050px;}
	.menu > nav > ul > li {padding: 10px 0;}
	.menu ul li {padding: 12px 0;}
	.panel-title a {font-size: 30px;}
	.panel-title a:after {bottom: 12px;}
	.panel {margin-bottom: 20px;}
	
	.profile-content {padding: 4%;}
	.profile-wrapper p {font-size:16px; line-height: 22px;}
	.profile-wrapper h3 {font-size: 32px; line-height: 35px;}
	
	.profile-wrapper h4 {
		font-size: 22px;
		margin-bottom:10px;
		line-height: 28px;
	}
	
	.os {font-size:25px;}

	img#benefits-anydevice {right: -60px;height: 750px;}
	img#benefits-universal1 {width: 650px;}
	img#benefits-universal2 {width: 650px;bottom: -50px;}
	img#benefits-expand1 {right: 50px;}
	img#benefits-performance1 {right: 0;top: 200px;}
	img#benefits-performance2 {width: 650px;left: 150px;}
	img#benefits-futureproof {width: 700px;right: 50px;}
	img#benefits-technology {right: 0px;}
	img#benefits-networking {width: 450px;}
	img#benefits-expand1 {width: 750px;}
	img#benefits-universal3 {width: 600px;}
	
	.products select {
		font-size: 19px;
		line-height: 27px;
	}
	
	.compatibility-clickable img {
		height:130px;
		width:300px;
	}
	
	.compatibility-side,
	.compatibility-clickable {
    	height: 233px;
    }

}

@media (min-width:1800px) {
	
	header .btn-download {
	    left: 50%;
	    margin-left: -774px;
	}
	
	.searchbox {
	    left: 50%;
	    margin-left: -460px;
	}
	
	form#cse-search-box2 .searchbox {margin-left: -456px !important;}
	
	.desktop-menu {
	    max-width: 1800px;
	    margin-left: auto;
	    margin-right: auto;
	    left: auto;
	}
	
	.desktop-menu .drilldown-root > li > ul {left: 50%; margin-left: -300px;}
	.desktop-menu .drilldown-root > li > ul > li > ul {left: 50%; margin-left: 100px;}
	
	.profile-content {padding: 7%;}
	
	.profile-wrapper p {
	    font-size: 18px;
	    line-height: 25px;
	}
	
}