/*
Theme Name: Starkers HTML5
Theme URI: http://nathanstaines.com
Description: An HTML5 version of <a href="http://elliotjaystocks.com/starkers/">Starkers</a> by <a href="http://elliotjaystocks.com/">Elliot Jay Stocks</a> which is based on Twenty Ten.
Version: 3.2
Author: Nathan Staines
Author URI: http://nathanstaines.com
Tags: starkers, html5, naked, clean, basic


colors:

green c9fb50

*/

@import "css/reset.css";
@import "css/layout.css";

/* ENGENIUS CUSTOM WP THEME */
* {
 box-sizing: border-box;
 -webkit-appearance: none;
}
body {
 font-family: 'Roboto', sans-serif;
 overflow-x: hidden;
}
.alternate-font {
 font-family: 'Open Sans';
}

.logo {
 border-right: 1px solid #1c8ec7;
 padding: 11px 16px 19px 21px;
 float: left;
 display: block;
 width: 123px;
}
hr {
 border-top: 1px solid #e5e5e5 !important;
}
hr.press {
 border-top: 1px solid #e5e5e5 !important;
 width: 60%;
}
h2 {
 font-weight: 700;
 font-family: 'Manrope', sans-serif;
 font-size: 1.6em;
 line-height: .4em;
 margin: 0px 0 0 0;
 letter-spacing: -.5px;
}
h2a {
 font-weight: 500;
 font-size: 1.6em;
 line-height: .4em;
 margin: 0px 0 0 0;
}
h2b {
 font-weight: 300;
 font-size: 1.6em;
 line-height: 1.1em;
 margin: 0px 0 0 0;
 color: #ffffff;
}
h2c {
 font-weight: 300;
 font-size: 1.6em;
 line-height: 1.1em;
 margin: 0px 0 0 0;
}
.dividers {
 width: 90%;
 margin: 10px auto;
 height: 1px;
 background-color: #999;
}
h3 {
 font-weight: 500 !important;
 font-size: 1.5em;
}
h3c {
 font-weight: 300;
 font-size: 1.5em;
}
h3b {
 font-weight: 300;
 font-size: 1.5em;
 line-height: .5em;
 color: #00abfb;
}
h3d {
 letter-spacing: -1.5px;
 font-family: 'Manrope', sans-serif;
 font-weight: bold;
 font-size: 1.7em;
 color: #00AEEF;
}
h3f {
 font-weight: 500;
 font-size: 1.7em;
 color: #000000;
}
h1b {
 font-weight: 300;
 font-size: 1.8em;
 color: #000;
}
h1c {
 font-weight: 100;
 font-size: 2.9em;
 color: #fff;
}
h4 {
 font-weight: 500;
 font-size: 1.2em;
 color: #000;
}
h4p {
 font-weight: 500;
 font-size: 1.2em;
 color: #000;
}
h4c {
 font-weight: 500;
 font-size: 1.2em;
 color: #000;
 margin-top: 20px !important;
 margin-bottom: 20px !important;
}
.product-highlights h4c {
 margin-top: 20px !important;
 margin-bottom: 20px !important;
}
h4b {
 font-weight: 600;
 font-family: 'Manrope', sans-serif;
 font-size: 1.2em;
 color: #00AEEF;
 letter-spacing: -.5px;
}
h5 {
 font-weight: 500;
 font-size: 1.0em;
 color: #c9fb50;
}
h6 {
 font-weight: 400;
 font-size: 1.2em;
 line-height: 1.3em;
 color: #000;
}
h7 {
 font-weight: 500;
 line-height: 1.0em;
 font-size: 1.2em;
 color: #c9fb50;
}
h7b {
 font-weight: 500;
 line-height: 1.0em;
 font-size: 1.0em;
 color: #444444;
}
h8 {
 font-weight: 400;
 font-size: 1.2em;
 color: #c9fb50 !important;
}
h9 {
 font-weight: 300;
 font-size: .8em;
 color: #c9fb50;
}
h9b {
 font-weight: 300;
 font-size: .8em;
 color: #000000;
}
h10 {
 font-weight: 300;
 font-size: 1.0em;
 line-height: 1.0em;
 color: #000000;      
}
h10a {
 color: #444444; 
 font-size: 1.0em; 
 font-weight: 400; 
 line-height: 1.5em
}
h10b {
 font-weight: 300;
 font-size: .9em;
 color: #ffffff;
 line-height: 1.3em;
}
h10c {
 font-weight: 500;
 font-size: .8em;
 color: #00abfb;
}
h10d {
 font-weight: 500;
 font-size: .8em;
 line-height: .1em;
 color: #aa9663;
 padding-top: -27px !important;
}
p {
 margin: 20px 0;	
 font-weight: 400;
}
p2 {
 margin: 20px 0;	
 font-weight: 400;
 color: #444444;
 line-height: 1.1em !important;
}
.wrap {
 width: 1200px;
 margin: 0 auto;
 position: relative;
}
.wrapx {
 width: 1200px;
 margin: 0 auto;
 position: relative;
}
@media only screen and (max-width:1375px) {
.wrapx { 
 width: 1100px;
 margin: 0 auto;
 position: relative;
}
}
@media only screen and (max-width:1200px) {
.wrapx { 
 width: 1025px;
 margin: 0 auto;
 position: relative;
}
}
@media only screen and (max-width:1100px) {
.wrapx { 
 width: 925px;
 margin: 0 auto;
 position: relative;
}
}
@media only screen and (max-width:1000px) {
.wrapx { 
 width: 825px;
 margin: 0 auto;
 position: relative;
}
}
@media only screen and (max-width:900px) {
.wrapx { 
 width: 725px;
 margin: 0 auto;
 position: relative;
}
.filterx { 
 width: 165px;
 padding-left: 30px;
}
}
@media only screen and (max-width:720px) {
.wrapx { 
 width: 525px;
 margin: 0 auto;
 position: relative;
}
.archive-product {
 float: left;
 margin-bottom: 187px;
 width: 241px;
 padding-right: 170px;
}
.filterx { 
 width: 165px;
 padding-left: 25px;
}
}
@media only screen and (max-width:440px) {
.wrapx { 
 width: 325px;
 margin: 0 auto;
 position: relative;
}
.archive-product {
 float: left;
 width: 241px;
 height: 387px;
 padding-right: 0px;
 margin-bottom: 187px;
 padding-left: 100px;
}
.filterx { 
 display: none !important;
}
}
.z {
 position: relative;
 z-index: 0;
}
.columns {
 -webkit-column-count: 2; /* Chrome, Safari, Opera */
 -moz-column-count: 2; /* Firefox */
 column-count: 2;
 -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
 -moz-column-gap: 40px; /* Firefox */
 column-gap: 40px;
}
.content {
 width: 100%;
 float: left;
 padding-top: 0px;
}
.full-page {
 margin-top: 35px;
 width: 100%;
 float: left;
 padding: 20px 0 0 0;
}
article {
 position: relative;
 z-index: 50;
}
#header {
 background: #1e1e1e;
 transition: .2s all ease;
 position: fixed;
 padding: 3px;
 width: 100%;
 z-index: 999;
 float: left;
}
#header:hover {
 background: #000;
 box-shadow: -7px 7px 37px rgba(0, 0, 0, 0.4);
}
.header-right {
 float: right;
 width: auto;
}
.header-right a {
 color: #fff;
 float: left;
 padding: 18px;
 font-size: 1.0em;
 text-transform: capitalize;
 font-weight: 200;
}
.mobile-btn {
 display: none;
}
#searchform {
 display: none;
 position: relative;
 width: 180px;
 height: 0;
 float: left;
 overflow: hidden;
 transition: .3s all ease;
}
.sidebar-search #searchform {
 width: auto;
 height: auto;
}
#searchform.shown {
 display: block;
 height: auto;
}
#searchform #s {
 box-sizing: border-box !important;
 width: 80%;
 float: left;
 margin: 6px 0 0 0;
 color: #fff;
 padding: 12px;
 font-size: 16px;
 height: 40px;
 background: #555;
 border: none;
 border-top-left-radius: 24px;
 border-bottom-left-radius: 24px;
}
#searchform #searchsubmit {
 width: 20%;
 float: left;
 margin: 6px 0 0 0;
 padding: 12px;
 height: 40px;
 background: #333 url(/wp-content/uploads/2016/10/searchblue.png) 50% 50% no-repeat;
 background-size: 24px;
 border: none;
 border-top-right-radius: 24px;
 border-bottom-right-radius: 24px;
}
.slider-banner {
 float: left;
 width: 100%;
}
.slider-banner .panel-caption {
 max-width: 400px;
}
.screen-reader-text {
 display: none;
}
.search-btn {
 padding: 8px 8px 0px 0px !important;
 margin: 16px 6px 0px 10px;
 background: url(/wp-content/uploads/2016/09/engenius-search.png) 0 0 no-repeat;
 background-size: 100%;
 width: 24px;
 height: 24px;
}
.search-btn.close {
 background: url(/wp-content/uploads/2016/10/engenius-close.png) 0px 0px no-repeat;
 background-size: 100%;
 width: 9px;
 height: 9px;
 margin: 21px 9px 0px 19px;
}
.parallax-banner {
 width: 100%;
 float: left;
 position: relative;
 margin-top: 0px 0 0 0;
}
.parallax-banner img {
 width: 100%;
 float: left;
 height: auto;
}
.parallax {
 position: relative;
 background-position: fixed;
}
.banner-caption {
 position: absolute;
 top: 100px;
 left: 0;
 margin-left: 10%;
 color: #fff;
 z-index: 70;
 width: 50%;
}
.banner-caption h3 {
 color: #fff;
 font-size: 2.4em;
 line-height: 1.5em;
 font-weight: 100;
 float: left;
 width: 100%;
 margin: 10px 0;
}
.banner-caption p {
 color: #fff;
 font-size: 1em;
 line-height: 1.5em;
 font-weight: 300 !important;
 float: left;
 margin: 10px 0;
 clear: left;
 width: 100%;
}
.banner-caption .btn {
 background: #333;
 color: #fff;
 text-transform: capitalize;
 text-align: center;
 padding: 12px;
 border-radius: 5px;
 float: left;
 clear: left;
 margin:  50px 0;
 font-size: .8em;
}
.banner-caption-mobile {
 position: absolute;
 top: 100px;
 left: 0;
 margin-left: 10%;
 color: #fff;
 z-index: 70;
 width: 50%;
}
.banner-caption-mobile h3 {
 color: #fff;
 font-size: 2.9em;
 line-height: 1.0em;
 font-weight: 100;
 float: left;
 width: 100%;
 margin: 10px 0;
}
.banner-caption-mobile p {
 color: #fff;
 font-size: 1.4em;
 line-height: 1.1em;
 font-weight: 300 !important;
 float: left;
 margin: 10px 0;
 clear: left;
 width: 100%;
}
.banner-caption-mobile .btn {
 background: #333;
 color: #fff;
 text-transform: capitalize;
 text-align: center;
 padding: 12px;
 border-radius: 5px;
 float: left;
 clear: left;
 margin:  50px 0;
 font-size: .8em;
}
.banner-caption-cent {
 position: absolute;
 top: 100px;
 font-size: 2.4em;
 text-align: center;
 margin-left: 10%;
 color: #fff;
 z-index: 70;
 width: 50%;
}
.banner-caption-cent h3 {
 color: #fff;
 text-align: center;
 font-size: 2.4em;
 font-weight: 100;
 width: 100%;
 margin: 10px 0;
}
.banner-caption-cent p {
 color: #fff;
 text-align: center !important;
 font-size: 1em;
 line-height: 1.5em;
 font-weight: 300 !important;
 float: left;
 margin: 10px 0;
 clear: left;
 width: 100%;
}
.banner-caption-cent .btn {
 background: #333;
 color: #fff;
 text-transform: capitalize;
 text-align: center;
 padding: 12px;
 border-radius: 5px;
 float: left;
 clear: left;
 margin:  50px 0;
 font-size: .8em;
}
.banner-caption-dark {
 position: absolute;
 top: 100px;
 left: 0;
 margin-left: 10%;
 color: #000;
 z-index: 70;
 width: 50%;
}
.banner-caption-dark h3 {
 color: #000;
 font-size: 2.4em;
 font-weight: 100;
 float: left;
 width: 100%;
 margin: 10px 0;
}
.banner-caption-dark p {
 color: #555;
 font-size: 1em;
 line-height: 1.5em;
 font-weight: 300 !important;
 float: left;
 margin: 10px 0;
 clear: left;
 width: 100%;
}
.banner-caption-dark .btn {
 background: #00AEEF;
 color: #fff;
 text-transform: capitalize;
 text-align: center;
 padding: 12px;
 border-radius: 5px;
 float: left;
 clear: left;
 margin:  50px 0;
 font-size: .8em;
}
.page-title {
 margin: 40px 0;
 line-height: 1.1em !important;
}
.panel {
 width: 100%;
 float: left;
 margin: 0;
 padding: 20px 0;
 color: #999;
 position: relative;
}
.panel.grey {
 background: #f2f5f7;
 color: #444 !important;
}
.panel.lite.grey {
 background: #f6f6f6;
 color: #000 !important;
}
.panel.blackest {
 background: #000000;
}
.black {
 background: #222;
 color: #fff;
}
.bg-img {
 position: relative;
 z-index: 50;
 float: left;
 width: 100%;
}
.bg-img.right {
 float: right;
 width: 50%;
 padding: 10px;
}
.bg-img.left {
 float: left;
 width: 50%;
 padding: 10px;
}
.panel-caption {
 z-index: 60;
 position: absolute;
 color: #000;
 padding: 40px 40px;
}
.panel-caption.right {
 top: 50px;
 left: 57%;
 width: 47%;
 vertical-align: middle;
}
.panel-caption.left {
 top: 50px;
 left: 0%;
 width: 47%;
 vertical-align: middle;
}
.panel-box {
 width: 50%;
 position: absolute;
 right: 0;
 top: 0;
 height: 100%;
 padding: 120px 40px;
}
.panel-caption.white h3,
.panel-caption.white p,
.panel-caption.full h3,
.panel-caption.full p {
 color: #fff;
}
.panel-caption.center {
 width: 100%;
 text-align: center;
 position: relative;
 margin: 20px 0;
 float: left;
 width: 100%;
 padding: 40px;
 padding-top: 0px;
 padding-bottom: 0px;
}
.panel-caption.full {
 width: 100%;
 text-align: center;
 position: relative;
 margin: 20px 0;
 width: 100%;
 float: left;
 padding: 40px;
}
.panel-caption h3,
.panel-box h3 {
 font-size: 1.8em;
 margin: 20px 0px 10px 0;
 float: left;
 width: 100%;
 font-weight: 500;
}
.normal-banner h3,
.unnormal-banner h3,
.unnormal-banner-short h3,
.normal-banner-short h3 {
 font-size: 1.8em;
 margin: 20px 0px 10px 0;
 float: left;
 width: 100%;
 font-weight: 300;
}
.panel-caption p,
.normal-banner p,
.unnormal-banner p,
.normal-banner-short p,
.unnormal-banner-short p,
.panel-box p  {
 font-size: .9em;
 vertical-align: middle;
 margin: 10px 0px 10px 0;
 float: left;
 font-size: 1em;
 line-height: 1.5em;
 font-weight: 300;
 width: 100%;
}
.panel h3 {
 color: #000000;
 font-weight: 500 !important;
}
.panel p {
 color: #777777;
 font-weight: 300 !important;
}
.panel.grey p {
 color: #000;
 font-weight: 300 !important;
}
.panel.black h3, .panel.black p {
 color: #fff;
}
.panel.black .read-more {
 color: #aa9663;
 font-weight: 400;
}
.panel.blackest p {
 color: #fff;
 font-weight: 300;
}
.panel.blackest h3 {
 color: #fff;
 font-weight: 500;
}
.panel.blackest .read-more {
 color: #aa9663;
 font-weight: 400;
}
.panel iframe {
 min-height: 500px;
 margin: 20px 0;
 float: left;
}
.read-more {
 color: #c9fb50;
 font-weight: 400;
}
.top-section {
 margin-top: -100px;
}
.top-section.panel-caption {
 padding: 25px 25px 0 0px;
 margin-left: -25px;
 vertical-align: middle !important;
}
.normal-banner {
 padding-top: 70px;
 position: relative;
}
.unnormal-banner {
 padding-top: 70px;
 position: relative;
}
.normal-banner-short {
 padding-top: 70px;
 position: relative;
}
.unnormal-banner-short {
 padding-top: 70px;
 position: relative;
}
.black-gradient {
 background: linear-gradient(to top, #656565 0%, #232323 100%), url('../images/bg.jpg') left top no-repeat #f5f5f5;
 color: #fff;
}
.white-gradient {
 background: linear-gradient(to top, #ffffff 0%, #d1d1d1 100%), url('../images/bg.jpg') left top no-repeat #0c0c0c;
 color: #000;
}
.black-gradient h3,
.black-gradient p {
 color: #fff;
}
.white-gradient h3 {
 color: #000;
 font-weight: 300;
}
.white-gradient p {
 color: #000;
 font-weight: 300;
}
table.model-comparison {
 width: 100%;
}
table.model-comparison td {
 border: 1px solid #bbb;
}
table.model-comparison tr:last-child {
 border-bottom: none;
}
table.model-comparison td {
 padding: 15px;
 text-align: center;
 line-height: 1.2em;
}

table.model-comparison tr td:first-child {
 font-weight: bold;
 text-align: left !important;
 color: #00AEEF;
}
table.model-comparison tbody tr:first-child,
table.model-comparison tbody tr:first-child td:first-child {
 font-weight: bold;
 color: #000 !important;
}
ul#menu-menu-nohover {
 color: #fff;
 float: left;
 transition: .3s all ease;
 margin: 0 5px;
 position: relative;
 z-index: 999;
}
ul#menu-menu-nohover li {
 color: #fff;
 float: left;
 padding: 13px 13px 13px 13px;
 font-size: 1.0em;
 text-transform: capitalize;
 font-weight: 300;
 line-height: 1.7em;
}
ul#menu-menu-nohover li ul {
 position: absolute;
 background: #1e1e1e;
 font-size: .75em;
 letter-spacing: .3px;
 text-transform: capitalize;
 font-weight: 300;
 color: #fff;
 width: 200px;
 z-index: 100;
 border-radius: 10px;
 display: none;
 box-shadow: -7px 7px 50px rgba(0, 0, 0, 0.6);
 transition: .2s all ease;
 top: 45px;
 padding: 10px;
}
ul#menu-menu-nohover li ul::before {
 content: "\f0d8";
 font-family: FontAwesome;
 font-style: normal;
 font-weight: normal;
 text-decoration: inherit;
 /*--adjust as necessary--*/
 color: #1e1e1e;
 font-size: 30px;
 padding-left: 0.5em;
 position: absolute;
 top: -17px;
 left: 0;
 width: 20px;
 height: 20px;
}
ul#menu-menu-nohover li:hover ul {
 display: block;
}
ul#menu-menu-nohover li ul li {
 padding: 0 !important;
 width: 100%;
 float: left;
 position: relative;
 margin: 0;
}
ul#menu-menu-1 {
 color: #fff;
 float: left;
 transition: .3s all ease;
 margin: 0 5px;
 position: relative;
 z-index: 999;
}
ul#menu-menu-1 li {
 color: #fff;
 float: left;
 padding: 13px 13px 13px 13px;
 font-size: 1.0em;
 text-transform: capitalize;
 font-weight: 400;
 line-height: 1.7em;
}
ul#menu-menu-1 li:hover {
 color: #00AEEF;
 display: block;
 padding-bottom: 20px;
}
ul#menu-menu-1 li ul li:hover {
 color: #1bdfeb;
}
ul#menu-menu-1 li ul {
 position: absolute;
 background: #252525;
 font-size: .75em;
 letter-spacing: .3px;
 text-transform: capitalize;
 font-weight: 300;
 color: #fff;
 width: 200px;
 z-index: 100;
 border-radius: 10px;
 display: none;
 box-shadow: -11px 11px 50px rgba(0, 0, 0, 0.6);
 transition: .2s all ease;
 top: 55px;
 padding: 10px;
}
ul#menu-menu-1 li ul::before {
 content: "\f0d8";
 font-family: FontAwesome;
 font-style: normal;
 font-weight: normal;
 text-decoration: inherit;
 /*--adjust as necessary--*/
 color: #252525;
 font-size: 30px;
 padding-left: 0.5em;
 position: absolute;
 top: -19px;
 left: 0;
 width: 20px;
 height: 20px;
}
ul#menu-menu-1 li:hover ul {
 display: block;
}
ul#menu-menu-1 li ul li {
 padding: 0 !important;
 width: 100%;
 float: left;
 position: relative;
 margin: 0;
}
ul#menu-menu-nohover li ul li a,
ul#menu-menu-1 li ul li a,
ul#menu-menu-2 li ul li a {
 position: relative;
 width: 100%;
 padding: 4px 6px !important;
 float: left;
}
ul#menu-menu-1 li ul li.sub-cat {
 padding-left: 15px !important;
}
ul#menu-menu-2 li ul li.sub-cat {
 padding-left: 15px !important;
}
ul#menu-menu-2 li ul li.sub-cat::before {
 content: "-";
 color: #fff;
 position: absolute;
 top: 7px;
 left: 12px;
}
ul#menu-menu-1 li ul li.sub-cat::before {
 content: "-";
 color: #fff;
 position: absolute;
 top: 5px;
 left: 10px;
}
.sub-cat-title {
 margin: 20px 20px 0 0;
 float: left;
 color: #999;
 font-size: .6em;
 text-transform: capitalize;
}
.sub-cat-title.active {
 color: #ab9763;
}
.language.active {
 border-left: 4px solid #c9fb50;
}
.language-drop {
 position: fixed;
 top: 100px;
 width: 150px;
 right: -150px;
 transition: .25s all ease;
}
.language-drop.open {
 right: 0;
 background: #00AEEF;
 color: #fff;
}
.language-drop a {
 width: 100%;
 float: left;
}
.language-btn {
 display: block;
 font-weight: 300 !important;
}
/* PRESS ROOM */
.press-section {
 margin: 20px 0;
 float: left;
 width: 100%;
}
.press-section .home-news p {
 margin: 0 0 20px 0;
 font-weight: 300;
 color: #777;
}
.press-section .home-news .article-date {
 margin: 15px 0 5px 0;
 color: #00AEEF;
 font-weight: 400;
}
.press-room {
 width: 65%;
 float: left;
}
.press-sidebar {
 width: 35%;
 float: left;
}
.press-sidebar div {
 margin: 10px 0;
}
.search-press p {
 margin: 10px 0;
}
.press-blog .article {
 width: 100%;
}
.press-blog .article img {
 width: 50%;
 float: left;
 height: auto;
}
.press-blog .article-info {
 width: 50%;
 float: left;
}
.article {
 width: 90%;
 float: left;
 margin: 10px 5% 10px 0;
 padding: 0 20px 0 0;
 border-bottom: 1px solid #ddd;
}
.article img {
 width: 80%;
 height: auto;
}
.press-archive .article {
 width: 100%;
}
/* SINGLE POST */
.single-thumbnail {
 float: left;
 width: 100%;
}
.single-thumbnail img {
 width: 100%;
 height: auto;
}
.single-title {
 margin: 40px 0;
 float: left;
 width: 100%;
 line-height: 1.1em;
}
.single-content {
 margin: 20px 0;
 float: left;
 width: 100%;
}
/** ARCHIVE PRODUCTS */
.archive-product {
 float: left;
 width: 241px;
 margin-bottom: -80px !important;
 margin-left: -42px;
 margin-right: 53px;
}
.archive-img {
 width: 23%;
 padding: 5px;
 float: left;
}
.archive-img img {
 width: 25%;
 height: auto;
}
.archive-info {
 width: 50%;
 float: left;
 padding: 40px 20px;
 color: #999;
}
.archive-title {
 color: #111 !important;
}
.prod-link {
 color: #00AEEF;
}
.breadcrumb {
 width: 100%;
 float: left;
 padding: 20px 0;
}
.view-all {
 float: right;
 color: #aa9663;
 width: 50%;
 text-align: right;
}
.cat-link {
 float: left;
 width: 50%;
 text-align: left;
}
.cat-features div p::first-line {
 font-weight: 500 !important;
}
/* SINGLE PRODUCT*/
.product-img {
 width: 40%;
 float: left;
 padding-top: 55px;
}
.product-title {
 width: 60%;
 float: left;
}
.product-img img {
 width: 100%;
 height: auto;
}
.product-title {
 font-size: 1.5em;
 padding: 100px 20px 20px 20px;
 color: #000000 !important;
 font-weight: 500;
}
.product-desc {
 font-size: .7em;
 margin: 20px 0;
 font-weight: 400;
 color: #777777 !important;
}

.product-spec h2 {
 color: #00AEEF !important;
 font-size: 1.5em;
 margin: 40px 0 40px 0;
 font-weight: 400;
}
.product-spec p:first-line {
 font-weight: 500;
 line-height: 1.7em;
 color: #000;
 font-size: 1.1em;
 margin: 2px 0;
}
.product-spec p {
 margin: 10px 10px;
 font-size: .8em;
 line-height: 1.7em;
 color: #858585;
 font-weight: 400;
}
.product-nav {
 float: left;
 width: 100%;
 padding: 20px;
}
.cat-tab {
 float: left;
 font-weight: 500;
 font-size: 1.2em;
}
.product-cat-link {
 margin: 13px 13px;
 float: right;
}
.product-tab {
 padding: 13px;
 border-radius: 6px;
 float: right;
 color: #00AEEF;
 cursor: pointer;
}
.product-tab.active {
 background: #00AEEF;
 color: #fff;
}
.product-panel {
 position: relative;
 display: none;
}
.product-panel.shown {
 display: block;
}
.othermodel {
 color: #00AEEF;
 margin: 0px 0 11px 0;
 float: left;
 width: 100%;
 font-size: .8em;
 line-height: 1.1em;
 font-weight: 500;
}
.othermodel-black {
 color: #444444;
 margin: 5px 0;
 float: left;
 width: 100%;
 font-size: .8em;
 line-height: 1.1em;
 font-weight: 700;
}
.product-downloads {
 color: #444444;
 margin: 5px 0;
 float: left;
 width: 100%;
 font-size: .8em;
 line-height: 1.1em;
 font-weight: 500;
}
/* CATEGORY COLUMNS */
.prod-category {
 width: 100%;
 float: left;
 margin: 5px 0;
}
.switches .archive-product,
.category-switches .archive-product {
 width: 100%;
}
.wireless .archive-product,
.indoor-ap .archive-product,
.outdoor-ap .archive-product
{
 width: 50%;
}
.category-wireless .blog-article {
 width: 50%;
}
.category .blog-date {
 display: none;
}
.d-link {
 width: 100%;
 float: left;
 padding: 5px 0 10px 0;
 font-size: .8em;
 line-height: 1.1em;
 font-weight: 400;
 color: #000000;
}
.d-link::before {
 background: url(/wp-content/uploads/2016/11/download-clear-1.png) 0 0 no-repeat;
 background-size: 90%;
 content: "";
 width: 30px;
 float: left;
 height: 25px;
 margin: -3px 5px 0 -5px;
}
.arrow-link {
 width: 100%;
 float: left;
 padding: 20px 0px 0px 0px;
 color: #000;
 font-weight: 500;
}
.arrow-link::before {
 content: "<";
 color: #000;
 margin: 0 5px;
}
.arrow-link .models {
 color: #00AEEF;
 font-weight: 500;
}
.product-highlights {
 color: #000;
 line-height: 1.4em;
 font-size: .95em;
 font-weight: 300;
}
.product-highlights h4 {
 margin: 20px 0;
}
.product-highlights .half {
 padding: 0 20px 0 0;
}
.product-highlights ul {
 margin: 20px 0;
 padding: 0;
 font-weight: 400;
 color: #444;
}
.product-highlights ul li {
 list-style-type: disc;
 list-style-position: inside;
 padding: 10px 0px 10px 20px;
 text-indent: -1em;
 font-size: .8em;
 line-height: 1.1em;
}
.product-sku {
 color: #00AEEF !important;
 width: 100%;
 margin: 4px 0;
 float: left;
 display: block;
 font-weight: 700;
 font-size: .9em !important;
}
h3.subscribe {
 margin: 2px auto;
 float: none;
 width: auto;
}
.subscribe::before {
 background: url(/wp-content/uploads/2016/10/mail-clear.png) 0 0 no-repeat;
 background-size: 100%;
 content: "";
 width: 80px;
 height: 60px;
 float: left; 
 margin: -5px 10px -47px -27px;
}
.subscribe-link span {
 float: left;
 width: auto;
 text-align: right;
 font-size: 1.5em;
 display: block;
 padding: 0px;
 margin: 10px 0 0 0;
 font-weight: bold;
}
.subscribe-link img {
 float: left;
 width: 50px;
 margin: 5px 20px;
}
.subscribe-link a {
 float: left;
 font-size: .75em;
}
/* CASE STUDIES */
.casestudy {
 width: 100%;
 float: left;
 margin: 10px 0;
}
.casestudy-img {
 width: 33%;
 padding: 13px 20px 0 0;
 float: left;
}
.casestudy-img img {
 width: 100%;
 height: auto;
}
.promotions-img {
 width: 33%;
 padding: 23px 20px 0 0;
 float: left;
}
.promotions-img img {
 width: 100%;
 height: auto;
}
.casestudy-info {
 width: 50%;
 float: left;
 font-weight: 400;
}
.casestudy-title {
 width: 100%;
 float: left;
 margin: 20px 0;
 font-size: 1.3em;
 font-weight: 700;
 line-height: 1.3em;
}
.casestudy-product {
 float: float;
 width: 100%;
 margin: 10px 0;
 color: #00AEEF;
 font-weight: 700;
}
.casestudy-loc {
 color: #af965d;
 font-weight: 300;
}
.casestudy-content {
 margin: 20px 0;
 font-weight: 300;
 font-size: 1.0em;
 line-height: 1.3em;
 color: #000000;
}
.promotions-content {
 margin: 0px 0;
 font-weight: 300;
 font-size: .90em;
 line-height: 1.3em;
}
.download-link {
 color: #00AEEF;
 margin: 10px 0;
 float: left;
 width: 100%;
}
/* WHERE TO BUY GRID */
.filter {
 float: left;
 margin: 0 20px 0 0 ;
}
.filter::after {
 content: "|";
 margin: 20px;
 color: #999;
}
.filter.active {
 color: #00AEEF;
}
.filter-box {
 width: 12.5%;
 float: left;
}
.filter-box img {
 width: 100%;
 height: auto;
}
/* BLOG ARCHIVE */
.blog-loop {
 width: 70%;
 float: left;
 margin: 0;
 padding: 0px 20px 0 0;
}
.blog-sidebar {
 float: left;
 width: 30%;
}
.sidebar-archive {
 width: 100%;
 float: left;
 margin: 40px 0 0 0;
 padding: 20px;
 background: #F1F5F9;
 color: #333;
}
.sidebar-search {
 background: #ab9763;
 color: #fff;
 padding: 140px 20px;
 float: left;
 margin: 20px 0;
 width: 100%;
 text-align: center;
}
.sidebar-search h3 {
 margin: 10px 0;
 font-weight: 300;
}
.archive-date {
 color: #00AEEF;
 font-family: 'Manrope', sans-serif !important;
 letter-spacing: -1px !important;
 font-weight: 800 !important;
 float: left;
 width: 100%;
 margin: 5px 0;
}
.archive-blog {
 border-bottom: 2px dotted #bbb;
 padding: 15px;
 font-weight: 300;
}
.black-bg .archive-date {
 color: #c9fb50;
}
.blog-article {
 width: 100%;
 float: left;
}
.blog-date {
 background: #00AEEF;
 color: #fff;
 float: left;
 font-weight: bold;
 font-family: 'Manrope', sans-serif !important;
 letter-spacing: -1px !important;
 font-weight: 800 !important;
 padding: 10px;
 font-size: 1.5em;
 text-align: center;
 width: 70px;
}
.blog-corner {
 background: #00AEEF;
 color: #fff;
 font-weight: bold;
 padding: 10px;
 font-size: 1.5em;
 text-align: center;
 width: 70px;
 position: absolute;
 top: 10px;
 left: 0;
}
.blog-title {
 margin: 21px 0 0 17px;
 color: #000000;
 float: left;
 line-height: 1.0em !important;
 padding-bottom: 17px;
 font-size: 1.3em !important;	
 font-weight: 700 !important;
}
.archive-blog p {
 color: #444;
 font-weight: 500 !important;
}
.blog-img {
 width: 100%;
 float: left;
}
.blog-img img {
 width: 100%;
 float: left;
 height: auto;
}
.blog-content {
 float: left;
 width: 100%;
}
.black-bg .press-blog .article {
 border: none !important;
}
.sidebar-search #searchform {
 width: 100%;
 text-align: center;
 margin: 0 auto;
}
.ctf {
 text-align: center;
 font-size: 1.2em;
}
.ctf-tweet-actions {
 margin: 10px auto;
 display: block;
 float: none;
 width: 123px;
 margin-left: auto !important;
}
/* VERTICALS */
.vertical-section {
 width: 100%;
 float: left;
}
.vertical-img {
 width: 33%;
}
.vertical-content {
 width: 66%;
 padding: 20px;
 float: left;
}
.vertical-content p {
 font-weight: 300;
 line-height: 1.7em;
}
.connected-section {
 width: 100%;
 float: left;
}
.connected-img {
 width: 43%;
}
.connected-content {
 width: 56%;
 padding: 20px;
 float: left;
}
.connected-content p {
 font-weight: 300;
}
/* CATEGORY */
.cat-panel {
 display: none;
}
.cat-panel:first-child {
 display: block;
}
.category-nav h2 {
 color: #00AEEF;
 margin: -15px 0 20px 20px;
 font-weight: bold;
 line-height: 1.0em !important;
}
.cat-nav {
 width: 100%;
 float: left;
 margin: 0 0 0 10px;
}
.cat-nav li {
 padding: 12px;
 float: left;
}
.cat-nav li.active {
 background: #00AEEF;
 border-radius: 10px;
}
.cat-nav-eol {
 width: 100%;
 float: left;
 margin: 0 0 0 10px;
}
.cat-nav-eol li {
 padding: 12px;
 float: left;
}
.cat-nav-eol li.active {
 background: #dadad9;
 border-radius: 10px;
}
/* FOOTER */
footer {
 background: #444;
 color: #b3b3b3;
 font-size: 1em;
 padding: 40px 0;
 float: left;
 width: 100%;
}
.footer-btm {
 background: #333;
 color: #fff;
 padding: 20px 0;
 float: left;
 width: 100%;
 font-size: 11px;
}
.footer-sidebar {
 width: 20%;
 float: left;
 color: #b3b3b3;
}
.footer-sidebar h3 {
 font-weight: 400 !important;
 padding: 20px 0px 0px 0;
	
}
.footer-sidebar ul {
 padding: 0px 0 20px 0;
 font-weight: 300;
}
.footer-sidebar span {
 color: #999;
}
.footer-sidebar ul li {
 padding: 20px 0 0 0;
 font-weight: 300;
}
.footer-sidebar ul li:hover {
 color: #00AEEF;
}
/* MISC */
iframe.html-graphic {
 width: 1200px;
 height: 435px;
}
.iframe {
 width: 1200px;
 height: 835px;
}
article footer {
 display: none;
}
.half {
 width: 50%;
}
.half-margin {
 width: 48%;
 margin: 0 1%;
}
.third {
 width: 33.3333%;
}
.two-third {
 width: 66.6666%;
}
.fourth {
 width: 25%;
}
.three-fourth {
 width: 75%;
}
.left {
 float: left;
}
.right {
 float: right;
}
.full {
 width: 100%;
}
.flex {
 display: flex;
}
.flex img {
 height: auto;
}
.center {
 text-align: center;
	
}.center-btn {
 margin: 0 auto;
 text-align: center;
}
input:focus {
 outline: none;
}
.divider {
 float: left;
 width: 100%;
 padding: 10px;
}
.skyline {
 background: url(/wp-content/uploads/2017/07/toronto_sky.jpg) 0 0 no-repeat; background-size: cover;
}
.p20 {
 padding: 20px 70px 20px 20px;
}
.p40 {
 padding: 40px;
}
.p80 {
 padding: 80px;
}
.z-float {
 z-index: 101;
 position: relative;
}
.thin p {
 font-weight: 300;
 line-height: 1.5em;
}
.thin a {
 font-weight: 500;
}
.grey-half {
 position: absolute;
 width: 50%;
 background: #444;
 top: 0;
 left: 0;
 z-index: 40;
 height: 100%;
}
.black-half {
 position: absolute;
 width: 50%;
 background: #000;
 top: 0;
 left: 50%;
 z-index: 40;
 height: 100%;
}
.lg-quote {
 text-align: left;
 font-family: "Glegoo", serif;
 font-size: 1.5em;
 font-weight: 700 !important;
 padding: 20px;
 padding-left: 0px;
 padding-top: 0px;
 line-height: 1.5em;
}
.white-bg {
 background: #fff;
}
.silver-bg {
 background: #eee;
}
.white-bg p {
 color: #444;
 line-height: 1.5em;
 font-weight: 300;
}
.brown-bg p {
 line-height: 1.5em;
 font-weight: 300;
}
.grey-bg p {
 line-height: 1.5em;
 font-weight: 300;
 color: #444 !important;
}
.white-bg .read-more {
 color: #00AEEF;
}
.blue-bg {
 background: #00AEEF;
}
.blue {
 color: #00AEEF !important;
}
.white {
 color: #fff;
}
.white p {
 color: #fff !important;
}
.grey-bg {
 background: #444;
 color: #fff;
}
.centerimg {
 text-align: center;
 margin: 0 auto;
 clear: left;display: block;
}
.play-title::before {
 background: url(/wp-content/uploads/2016/09/playarrow.png) 0 0 no-repeat;
 width: 25px;
 height: 25px;
 background-size: 100%;
 color: inherit;
 float: left;
 margin: -6px 10px 0 0;
 float: left;
 content: "";
}
.play-title {
 padding-left: 0px;
 width: 100%;
 float: left;
 margin: 20px 0;
}
.play-title.half {
 width: 50%;
}
.blue-bg p,
.aquablue-bg p,
.black-bg p,
.dark-bg p,
.purple-bg p,
.brown-bg p,
.grey-bg p,
.blue-bg h3,
.black-bg h3,
.dark-bg h3,
.grey-bg h3,
.purple-bg h3,
.brown-bg h3,
.black-bg h2 {
 color: #fff;
}
.black-bg {
 background: #000;
}
.dark-bg {
 background: #1e1e1e;
}
.brown-bg {
 background: #aa9663;
 color: #fff;
}
.purple-bg {
 background: #6a07ff;
}
.lite-grey-bg {
 background: #f6f6f6;
}
.aquablue-bg {
 background: #00AEEF;
}
.green-bg {
 background: #c9fb50;
 color: #000;
}
.blue-text {
 color: #00AEEF !important;
}
.green-text {
 color: #c9fb50 !important;
}
.brown-text,
.read-more-brown {
 color: #aa9663;
}
ul.blue-bullet li {
 list-style-type: disc;
 list-style-position: outside;
 padding: 10px 0 10px 20px;
 text-indent: -1em;
 text-align: left;
}
ul.blue-bullet {
 margin: 0px 0px 0px 20px;
 font-weight: 400;
 font-size: .8em;
 line-height: 1.3em;
 text-align: left;
}
ul.bullet-list {
 margin: 20px 0px 0px 20px;
 font-weight: 400;
 font-size: .8em;
 line-height: 1.3em;
}
ul.bullet-list li {
 list-style-type: disc;
 list-style-position: outside;
 padding: 10px 0px 10px 10px;
 text-indent: -.91em;
}
a.btn {
 padding: 12px 12px;
 border: 5px;
 display: block;
 max-width: 180px;
 width: auto;
 border-radius: 50px;
}
.sml-btn {
 padding: 18px 12px;
 border: 5px;
 display: block;
 width: 120px;
 border-radius: 50px;
 text-transform: capitalize;
 font-weight: 400;
 text-align: center;
}
.sml-btn-wide {
 padding: 18px 12px;
 border: 5px;
 display: block;
 width: 170px;
 border-radius: 50px;
 text-transform: capitalize;
 font-weight: 400;
 text-align: center;
}
.sml-btn-green {
 padding: 18px 12px;
 border: 5px;
 display: block;
 max-width: 200px;
 border-radius: 50px;
 text-transform: capitalize;
 font-weight: 400;
 font-color: #000;
 text-align: center;
}
.sml-btn-white {
 padding: 18px 12px;
 border: 5px;
 display: block;
 width: 120px;
 border-radius: 50px;
 text-transform: capitalize;
 font-weight: 400;
 font-color: #ffffff;
 text-align: center;
}
.center-btn {
 padding: 12px 12px;
 border: 5px;
 display: inline-block;
 margin: 0 auto;
 max-width: 150px;
 border-radius: 50px;
 text-transform: capitalize;
}
.center-btn-wide {
 padding: 18px 12px;
 border: 5px;
 display: inline-block;
 margin: 0 auto;
 width: 170px;
 border-radius: 50px;
 text-transform: uppercase;
 font-weight: 700;
}
.copyright {
 font-size: 1.2em;
 font-weight: 200;
 margin: 20px 0;
}
.copyright a,
.copyright span {
 float: left;
 margin: 0 20px 0 0;
}
.social {
 float: right;
 margin: -10px 0 0 0;
}
.social a {
 float: left;
 width: 36px;
 margin: 0 10px;
}
.social a img {
 width: 100%;
}
.chat-btn {
 display: none;
 position: fixed;
 width: 65px;
 right: 10px;
 bottom: 10px;
}
.chat-btn img {
 width: 100%;
}
.page-id-12249 .logo { 
 pointer-events: none !important; 
}
.page-id-12249 #menu-menu-1 {
 display: none !important;
}
.page-id-12249 #menu-company {
 display: none !important;
}
.page-id-12249 #menu-news {
 display: none !important;
}
.page-id-12249 #menu-support {
 display: none !important;
}
.page-id-12249 #shiftnav-toggle-main {
 display: none !important;
}
.page-id-12249 #menu-resources {
 display: none !important;
}
.page-id-12249 #menu-partners {
 display: none !important;
}
.page-id-12249 #hpbannerfooter2018_hype_container {
 display: none !important;
}
.page-id-12249 .header-right {
 display: none !important;
}
.page-id-12249 footer {
 display: none;
}
.page-id-12562 .logo { 
 pointer-events: none !important; 
}
.page-id-12562 #menu-menu-1 {
 display: none !important;
}
.page-id-12562 #menu-company {
 display: none !important;
}
.page-id-12562 #menu-news {
 display: none !important;
}
.page-id-12562 #menu-support {
 display: none !important;
}
.page-id-12562 #shiftnav-toggle-main {
 display: none !important;
}
.page-id-12562 #menu-resources {
 display: none !important;
}
.page-id-12562 #menu-partners {
 display: none !important;
}
.page-id-12562 #hpbannerfooter2018_hype_container {
 display: none !important;
}
.page-id-12562 .header-right {
 display: none !important;
}
.page-id-12562 footer {
 display: none;
}
.page-id-12223 #header {
 position: absolute !important;
}
.page-id-12379 #header {
 position: absolute !important;
}
.page-id-12391 #header {
 position: absolute !important;
}
.page-id-12396 #header {
 position: absolute !important;
}
.page-id-12401 #header {
 position: absolute !important;
}
.page-id-12409 #header {
 position: absolute !important;
}
.page-id-12414 #header {
 position: absolute !important;
}
#questions {
 margin-top: -300px;
 padding-top: 300px;
}
#resell {
 margin-top: -300px;
 padding-top: 300px;
}
#download {
 margin-top: -300px;
 padding-top: 300px;
}
#program {
 margin-top: -300px;
 padding-top: 300px;
}
#tutorials {
 margin-top: -300px;
 padding-top: 300px;
}
.anchor { 
 padding-top: 90px; 
 margin-top: -90px;
}
sup {
 vertical-align: top;
}
.page-id-6639 #menu-menu-1 {
 display: none !important;
}
.page-id-6639 #menu-company {
 display: none !important;
}
.page-id-6639 #menu-news {
 display: none !important;
}
.page-id-6639 #menu-support {
 display: none !important;
}
.page-id-6639 #menu-resources {
 display: none !important;
}
.page-id-6639 #menu-partners {
 display: none !important;
}
.page-id-6639 footer {
 display: none;
}
.page-id-8726 #menu-menu-1 {
 display: none !important;
}
.page-id-8726 #menu-company {
 display: none !important;
}
.page-id-8726 #menu-news {
 display: none !important;
}
.page-id-8726 #menu-support {
 display: none !important;
}
.page-id-8726 #menu-resources {
 display: none !important;
}
.page-id-8726 #menu-partners {
 display: none !important;
}
.page-id-8726 footer {
 display: none;
}
.page-id-8810 #menu-menu-1 {
 display: none !important;
}
.page-id-8810 #menu-company {
 display: none !important;
}
.page-id-8810 #menu-news {
 display: none !important;
}
.page-id-8810 #menu-support {
 display: none !important;
}
.page-id-8810 #menu-resources {
 display: none !important;
}
.page-id-8810 #menu-partners {
 display: none !important;
}
.page-id-8810 footer {
 display: none;
}
.page-id-8883 #menu-menu-1 {
 display: none !important;
}
.page-id-8883 #menu-company {
 display: none !important;
}
.page-id-8883 #menu-news {
 display: none !important;
}
.page-id-8883 #menu-support {
 display: none !important;
}
.page-id-8883 #menu-resources {
 display: none !important;
}
.page-id-8883 #menu-partners {
 display: none !important;
}
.page-id-8883 footer {
 display: none;
}
.page-id-8878 #menu-menu-1 {
 display: none !important;
}
.page-id-8878 #menu-company {
 display: none !important;
}
.page-id-8878 #menu-news {
 display: none !important;
}
.page-id-8878 #menu-support {
 display: none !important;
}
.page-id-8878 #menu-resources {
 display: none !important;
}
.page-id-8878 #menu-partners {
 display: none !important;
}
.page-id-8878 footer {
 display: none;
}
.page-id-8881 #menu-menu-1 {
 display: none !important;
}
.page-id-8881 #menu-company {
 display: none !important;
}
.page-id-8881 #menu-news {
 display: none !important;
}
.page-id-8881 #menu-support {
 display: none !important;
}
.page-id-8881 #menu-resources {
 display: none !important;
}
.page-id-8881 #menu-partners {
 display: none !important;
}
.page-id-8881 footer {
 display: none;
}
.page-id-8812 #menu-menu-1 {
 display: none !important;
}
.page-id-8812 #menu-company {
 display: none !important;
}
.page-id-8812 #menu-news {
 display: none !important;
}
.page-id-8812 #menu-support {
 display: none !important;
}
.page-id-8812 #menu-resources {
 display: none !important;
}
.page-id-8812 #menu-partners {
 display: none !important;
}
.page-id-8812 footer {
 display: none;
}
.page-id-8808 #menu-menu-1 {
 display: none !important;
}
.page-id-8808 #menu-company {
 display: none !important;
}
.page-id-8808 #menu-news {
 display: none !important;
}
.page-id-8808 #menu-support {
 display: none !important;
}
.page-id-8808 #menu-resources {
 display: none !important;
}
.page-id-8808 #menu-partners {
 display: none !important;
}
.page-id-8808 footer {
 display: none;
}
.page-id-7863 #menu-menu-1 {
 display: none !important;
}
.page-id-7863 ul#menu-menu-nohover {
 display: none !important;
}
.page-id-7863 ul#menu-menu-nohover li {
 display: none !important;
}
.page-id-7863 ul#menu-menu-nohover li ul {
 display: none !important;
}
.page-id-7863 ul#menu-menu-nohover li ul::before {
 display: none !important;
}
.page-id-7863 ul#menu-menu-nohover li:hover ul {
 display: none !important;
}
.page-id-7863 ul#menu-menu-nohover li ul li {
 display: none !important;
}
.page-id-7863 ul#menu-enmesh {
 color: #444444;
 float: left;
 transition: .3s all ease;
 margin: 0 5px;
 position: relative;
 z-index: 999;
}
.page-id-7863 ul#menu-enmesh li {
 color: #444444;
 float: left;
 padding: 13px 13px 13px 13px;
 font-size: 1.0em;
 text-transform: capitalize;
 font-weight: 600;
 font-family: 'Glegoo', serif !important;
 line-height: 1.7em;
}
.page-id-7863 ul#menu-enmesh li:hover {
 color: #AA9663;
}
.page-id-7863 ul#menu-enmesh li ul {
 display: none !important;
}
.page-id-7863 ul#menu-enmesh li ul::before {
 display: none !important;
}
.page-id-7863 ul#menu-enmesh li:hover ul {
 display: none !important;
}
.page-id-7863 ul#menu-enmesh li ul li {
 display: none !important;
}
.page-id-7863 ul#menu-enmesh li ul li.sub-cat {
 display: none !important;
}
.page-id-7863 ul#menu-enmesh li ul li.sub-cat::before {
 display: none !important;
}
.page-id-7863 .header-right {
 display: none !important;
}
.page-id-7863 .search-btn {
 display: none !important;
}
.page-id-7863 .language-btn {
 display: none !important;
}
.page-id-7863 .header {
 background: #ffffff !important;
 height: 59px;
}
.page-id-7863 #header {
 background: #ffffff !important;
 height: 59px;
}
.page-id-7863 .menu-enmesh-container {
 height: 59px;
}
.page-id-7863 .logo {
 border-right: 1px solid #fbb040;
 padding: 11px 16px 19px 21px;
 float: left;
 display: block;
 width: 123px;
}
.page-id-7863 #logo {
 border-right: 1px solid #fbb040;
 padding: 11px 16px 19px 21px;
 float: left;
 display: block;
 width: 123px;
}
.page-id-7863 .content {
 width: 100%;
 float: left;
 padding-top: 0px;
 overflow-x: hidden;
}
.page-id-7863 #content {
 width: 100%;
 float: left;
 padding-top: 0px;
 overflow-x: hidden;
}
.page-id-7863 ul#menu-enmesh-1 {
 display: none !important;
}
.page-id-7863 ul#menu-enmesh-1 li {
 display: none !important;
}
.page-id-7888 #menu-menu-1 {
 display: none !important;
}
.page-id-7888 ul#menu-menu-nohover {
 display: none !important;
}
.page-id-7888 ul#menu-menu-nohover li {
 display: none !important;
}
.page-id-7888 ul#menu-menu-nohover li ul {
 display: none !important;
}
.page-id-7888 ul#menu-menu-nohover li ul::before {
 display: none !important;
}
.page-id-7888 ul#menu-menu-nohover li:hover ul {
 display: none !important;
}
.page-id-8006 #product-cat-link {
 display: none !important;
 color: #ffffff !important;
 visibility: hidden;
}
.page-id-8006 .product-cat-link {
 display: none !important;
 color: #ffffff !important;
 visibility: hidden;
}
body#page-id-8006 #product-cat-link { 
 display: none !important; 
 visibility: hidden;
}
body#page-id-8006 .product-cat-link { 
 display: none !important; 
 visibility: hidden;
}
div#page-id-8006 #product-cat-link { 
 display: none !important; 
 visibility: hidden;
}
.page-id-7888 ul#menu-menu-nohover li ul li {
 display: none !important;
}
.page-id-7888 ul#menu-enmesh {
 color: #444444;
 float: left;
 transition: .3s all ease;
 margin: 0 5px;
 position: relative;
 z-index: 999;
}
.page-id-7888 ul#menu-enmesh li {
 color: #444444;
 float: left;
 padding: 13px 13px 13px 13px;
 font-size: 1.0em;
 text-transform: capitalize;
 font-weight: 600;
 font-family: 'Glegoo', serif !important;
 line-height: 1.7em;
}
.page-id-7888 ul#menu-enmesh li:hover {
 color: #AA9663;
}
.page-id-7888 ul#menu-enmesh li ul {
 display: none !important;
}
.page-id-7888 ul#menu-enmesh li ul::before {
 display: none !important;
}
.page-id-7888 ul#menu-enmesh li:hover ul {
 display: none !important;
}
.page-id-7888 ul#menu-enmesh li ul li {
 display: none !important;
}
.page-id-7888 ul#menu-enmesh li ul li.sub-cat {
 display: none !important;
}
.page-id-7888 ul#menu-enmesh li ul li.sub-cat::before {
 display: none !important;
}
.page-id-7888 .header-right {
 display: none !important;
}
.page-id-7888 .search-btn {
 display: none !important;
}
.page-id-7888 .language-btn {
 display: none !important;
}
.page-id-7888 .header {
 background: #ffffff !important;
 height: 59px;
}
.page-id-7888 #header {
 background: #ffffff !important;
 height: 59px;
}
.page-id-7888 .menu-enmesh-container {
 height: 59px;
}
.page-id-7888 .logo {
 border-right: 1px solid #fbb040;
 padding: 11px 16px 19px 21px;
 float: left;
 display: block;
 width: 123px;
}
.page-id-7888 #logo {
 border-right: 1px solid #fbb040;
 padding: 11px 16px 19px 21px;
 float: left;
 display: block;
 width: 123px;
}
.page-id-7888 .content {
 width: 100%;
 float: left;
 padding-top: 0px;
 overflow-x: hidden;
}
.page-id-7888 #content {
 width: 100%;
 float: left;
 padding-top: 0px;
 overflow-x: hidden;
}
.page-id-7888 ul#menu-enmesh-1 {
 display: none !important;
}
.page-id-7888 ul#menu-enmesh-1 li {
 display: none !important;
}
.page-id-7916 ul#menu-enmesh-1 {
 display: none !important;
}
.page-id-7916 ul#menu-enmesh-1 li {
 display: none !important;
}
.page-id-7916 ul#menu-enmesh {
 color: #444444;
 float: left;
 transition: .3s all ease;
 margin: 0 5px;
 position: relative;
 z-index: 999;
}
.page-id-7916 ul#menu-enmesh li {
 color: #444444;
 float: left;
 padding: 13px 13px 13px 13px;
 font-size: 1.0em;
 text-transform: capitalize;
 font-weight: 600;
 font-family: 'Glegoo', serif !important;
 line-height: 1.7em;
}
.page-id-7916 ul#menu-enmesh li:hover {
 color: #AA9663;
}
.page-id-7916 ul#menu-enmesh li ul {
 display: none !important;
}
.page-id-7916 ul#menu-enmesh li ul::before {
 display: none !important;
}
.page-id-7916 ul#menu-enmesh li:hover ul {
 display: none !important;
}
.page-id-7916 ul#menu-enmesh li ul li {
 display: none !important;
}
.page-id-7916 ul#menu-enmesh li ul li.sub-cat {
 display: none !important;
}
.page-id-7916 ul#menu-enmesh li ul li.sub-cat::before {
 display: none !important;
}
.page-id-7916 .header-right {
 display: none !important;
}
.page-id-7916 .search-btn {
 display: none !important;
}
.page-id-7916 .language-btn {
 display: none !important;
}
.page-id-7916 #header {
 background: #ffffff !important;
 height: 59px;
}
.page-id-7916 .menu-enmesh-container {
 height: 59px;
}
.page-id-7916 .logo {
 border-right: 1px solid #fbb040;
 padding: 11px 16px 19px 21px;
 float: left;
 display: block;
 width: 123px;
}
.page-id-7916 #logo {
 border-right: 1px solid #fbb040;
 padding: 11px 16px 19px 21px;
 float: left;
 display: block;
 width: 123px;
}
.page-id-7916 .content {
 width: 100%;
 float: left;
 padding-top: 0px;
 overflow-x: hidden;
}
.page-id-7916 #content {
 width: 100%;
 float: left;
 padding-top: 0px;
 overflow-x: hidden;
}
/* MOBILE ONLY ELEMENTS */

blog-desktop {
 max-width: 100% !important;
 display: block;
 margin-left: auto;
 margin-right: auto;
}
ul#menu-menu-2 {
 color: #fff;
 float: left;
 position: absolute;
 top: 57px;
 left: -100%;
 z-index: 9999;
 background: rgba(0, 0, 0, .9);
 padding-left: 13px;
}
ul#menu-menu-2 li {
 padding: 4px;
 font-size: .8em;
 position: relative;
 line-height: .75em;
}

.mobile-desc {
 display: none;
}
.mobile-search {
 display: none;
 cursor: pointer;
}
.mobile-search-btn {
 display: none;
 cursor: pointer;
}
/* MEDIA QUERIES */
@media only screen and (min-width:1400px) {
.normal-banner {
 height: 800px;
}
.normal-banner-short {
 height: 600px;
}
}
@media only screen and (max-width:720px) {
.normal-banner-short {
 height: 1000px!important;
}
img {
 max-width:100%
}
.blog-image {
 width: 140% !important;
 text-align: center !important;
 position: center !important;
}
.filter-box {
 width: 20%;
 float: left;
}
.language-btn {
 margin-right: 27px;
 margin-top: 5px;
}
.half {
 width: 100% !important;
}
.flex {
 flex-wrap: wrap;
}
.flex img {
 height: auto;
 width: 100%;
}
.panel-caption {
 width: 100%;
}
.slider-banner {
 margin-top: 0px;
 float: left;
 width: 100%;
}
.search-form {
 display: none;
}
.header-right a {
 padding: 13px;
}
.mobile-btn {
 display: block;
 z-index: 100;
}
.chat-btn {
 display: none;
 position: relative;
 float: left;
 width: 40px;
 right: 0px;
 bottom: 0px;
}
.search-btn {
 display: none;
}
ul#menu-menu-1 {
 display: none;
}
ul#menu-menu-2 {
 display: block;
 width: 100%;
}
.page-id-13642 .panel {
 max-height: 80px !important;
}
.page-id-13642 #panel {
 max-height: 80px !important;
}
.page-id-7863 #logo {
 border: none !important;
}
.page-id-7863 .logo {
 border: none !important;
}
.page-id-7863 ul#menu-enmesh {
 display: none;
}
.page-id-7863 ul#menu-menu-1 {
 display: none;
}
.page-id-7863 ul#menu-menu-2 {
 display: none;
}
.page-id-7916 #logo {
 border: none !important;
}
.page-id-7916 .logo {
 border: none !important;
}
.page-id-7916 ul#menu-enmesh {
 display: none;
}
.page-id-7916 ul#menu-menu-1 {
 display: none;
}
.page-id-7888 #logo {
 border: none !important;
}
.page-id-7888 .logo {
 border: none !important;
}
.page-id-7888 ul#menu-enmesh {
 display: none;
}
.page-id-7888 ul#menu-menu-1 {
 display: none;
}
ul#menu-menu-2 li {
 width: 50%;
 float: left;
}
ul#menu-menu-2.open {
 z-index: 999;
 left: 0;
}
ul#menu-menu-2 li ul {
 position: relative;
 background: transparent;
 color: #fff;
 width: 100%;
 z-index: 100;
 border-radius: 10px;
 display: block;
 transition: .2s all ease;
 top: 10px;
 padding: 10px;
 float: left;
}
ul#menu-menu-2 li ul {
 background: transparent;
}
ul#menu-menu-2 li ul::before {
 display: none;
}
ul#menu-menu-2 li ul li {
 border-bottom: none;
 width: 100%;
 float: left;
}
.panel-caption.left,
.panel-caption.full,
.panel-caption.right,
.panel-box {
 position: relative !important;
 float: left !important;
 padding: 20px !important;
 width: 100%;
 top: 0 !important;
}
.bg-img {
 width: 100% !important;
}
.panel {
 min-height: 250px;
}
.social {
 width: 100%;
}
.social a {
 width: 20%;
 margin: 0;
}
.social a img {
 width: 100%;
 padding: 20px;
}
.copyright {
 width: 100%;
 padding: 20px;
}
.copyright span {
 width: 100%;
 margin: 10px 0;
}
.footer-sidebar {
 width: 50%;
 padding: 20px;
}
}
@media only screen and (max-width:1199px) {
.normal-banner-short {
 height: 800px!important;
}
.wrap {
 width: 960px;
 margin: 0 auto;
 position: relative;
}
iframe.html-graphic {
 width: 960px;
 height: 412px;
 max-width: 100%;
}
}
@media only screen and (max-width:959px) {
.unnormal-banner {
 display: none;
}
.mobile-pad {
 padding-top: 200px;
}
iframe.html-graphic {
 width: 720px;
 height: 415px;
 max-width: 100%;
}
.wrap {
 width: 720px;
 margin: 0 auto;
 position: relative;
}
.filter {
 font-size: .8em;
 width: 25%;
 margin: 0;
 border: none;
 float: left;
 padding: 10px 0;
}
.casestudy {
 margin: 30px 0;
}
#cookieChoiceInfo {
 display: none;
}
#cookieChoiceDismiss {
 display: none;
}
#cookieChoiceInfo {
 display: none;
}
#cookieChoiceDismissIcon {
 display: none;
}
.casestudy-title {
 margin: 0 0 20px 0;
}
.casestudy-img {
 width: 50%;
}
.panel-caption,
.panel-box {
 font-size: .9em;
 padding: 5px 10px !important;
}
}
@media only screen and (max-width:719px) {
.normal-banner-short {
 height: 1000px!important;
}
ul.bullet-list li {
 list-style-type: disc;
 list-style-position: inside;
 padding: 10px 0px 10px 20px;
 text-indent: -.91em;
}
.page-id-7863 #logo {
 border: none !important;
}
.page-id-7863 .logo {
 border: none !important;
}
.page-id-7863 ul#menu-enmesh {
 display: none;
}
.page-id-7863 ul#menu-menu-1 {
 display: none;
}
.page-id-7916 #logo {
 border: none !important;
}
.page-id-7916 .logo {
 border: none !important;
}
.page-id-7916 ul#menu-enmesh {
 display: none;
}
.page-id-7916 ul#menu-menu-1 {
 display: none;
}
.page-id-7888 #logo {
 border: none !important;
}
.page-id-7888 .logo {
 border: none !important;
}
.page-id-7888 ul#menu-enmesh {
 display: none;
}
.page-id-7888 ul#menu-menu-1 {
 display: none;
}
iframe.html-graphic {
 width: 375px;
 height: 300px;
 max-width: 100%;
}
.wrap {
 width: 480px;
 margin: 0 auto;
 position: relative;
}
.bg-img.top-section {
 display: none;
}
.top-section.panel-caption {
 width: 100%;
 background: #00AEEF;
 left: 0;
 padding: 47px !important;
 margin: -47px !important;
 width: calc(100% + 94px);
}
.mobile-desc {
 display: none;
}
.promotions-img {
 width: 100%;
 margin-bottom: 10px;
}
}
@media only screen and (max-width:479px) {
.p80,.p40 {
 padding: 20px;
}
iframe.html-graphic {
 max-width: 100%;
 width: 320px;
 height: 250px;
}
.archive-img,
.archive-info {
 width: 100%;
 margin: 5px 0;
 padding: 5px 0;
}
.sub-menu {
 margin: 0 0 10px 0 !important;
 padding: 0 !important;
 top: 0 !important;
}	
.vertical-img,
.vertical-content {
 width: 100%;
}
.connected-img,
.connected-content {
 width: 100%;
}
.model-comparison tr td:nth-child(2),
.model-comparison tr td:nth-child(3),
.model-comparison tr td:nth-child(4),
.model-comparison tr td:nth-child(5),
.model-comparison tr td:nth-child(6) {
 display: none;
}
.mobile-desc {
 display: block;
}
.bg-img.top-section {
 display: none;
}
.top-section.panel-caption {
 width: 100%;
 background: #00AEEF;
 left: 0;
 padding: 47px !important;
 margin: -47px !important;
 width: calc(100% + 94px);
}
.slider-banner .banner-caption {
 top: 70px;
 width: 50%;
}
.in-person {
 background: #000 !important;
 margin: 0 -48px -20px -48px !important;
 padding: 40px !important;
 width: calc(100% + 96px) !important;
}
.slider-banner .banner-caption h3 {
 font-size: 24px !important;
}
.slider-banner .banner-caption a {
 font-size: 14px !important;
 padding: 14px !important;
}
.slider-banner .banner-caption p {
 font-size: 12px !important;
 padding: 15px 0 0 0!important;
 max-width: 150px;
 line-height: 1.5em !important;
 float: left;
}
.page-id-7863 .logo {
 border: none;
 padding: 11px 0 0 17px;
 width: 33%;
}
.logo {
 border: none;
 padding: 11px 0 0 0;
 width: 27%;
 float: left;
}
.blog-loop,
.blog-sidebar,
.press-room,
.press-sidebar,
.play-title.half,
.press-section .article,
.press-section .article img,
.press-blog .article,
.press-blog .article img,
.press-blog .article-info {
 width: 100%;
}
.casestudy-img,
.casestudy-info {
 width: 100%;
 margin-bottom: 10px;
}
.promotions-img {
 width: 100%;
 margin-bottom: 10px;
}
.p40 {
 padding: 20px;
}
.p20 {
 padding: 10px;
}
.product-img,
.product-title {
 width: 100%;
 padding: 10px 0 !important;
}
.promotions-img {
 width: 100%;
 padding: 10px 0 !important;
}
.filter {
 width: 100%;
 border: none;
 float: left;
 text-align: center;
}
.filter::after {
 display: none;
}
.panel {
 min-height: 50px;
}
.grey-half,
.black-half {
 background: #333;
}
.half-margin {
 width: 100%;
 margin: 0;
}
.wrap {
 width: 320px;
 margin: 0 auto;
 position: relative;
}
.panel-caption.right {
 left: 15px;
}
.panel-caption p {
 margin-right: 47px !important;
}
.panel-box {
 left: 15px;
 margin-top: 21px;
}
}
@media only screen and (max-width:320px) {
.language-btn {
 padding-right: 107px !important;
 margin-top: 5px;
}
}
@media only screen and (max-width:380px) {
.language-btn {
 padding-right: 57px !important;
 margin-top: 5px;
}
}