@media only screen and (max-width: 999px) {
  body.nav-on-left.overflow-hidden {
    overflow: hidden;
  }
}

/* -------------------------------- 

Main components 

-------------------------------- */
.cd-main-content, .cd-main-header {
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform;
}

.cd-main-content, .cd-main-header {
      position: fixed;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}

.cd-main-content { position:relative;}

.is-hidden {margin:0; padding:0;}

#video-feature {    width: 61%; border:none;    background: url(../jpg/sub-nav-background.jpg) no-repeat center right;
    background-size: 925px auto;
}

#index-feature {
    width: 67%;
    border: none;
    padding: 0;
    height: 580px;
}

#play-button {
	display: inline-block;
    width: 140px !important;
    height: 100px !important;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -50px 0 0-70px !important;}
#play-button div{
	position:relative;
	background: url(../png/play-button-outline2-2.png) left center no-repeat;
    background-size: 140px 96px;
    height: 97px;
    padding: 0;
    width: 140px;
    text-align: right;
    display: inline-block;
    font-family: "proxima-nova", Helvetica, Arial, sans-serif;
    text-decoration: none;
    color: #252525;
    color: #fff;
    line-height: 1em;
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    -webkit-transition: all .74s;
    -moz-transition: all .74s;
    -ms-transition: all .74s;
    -o-transition: all .74s;
    transition: all .74s;
}


@media only screen and (max-width: 999px) {#index-feature {display:none;}}

@media (min-width: 1000px) {

#index-feature {padding:10px 0px; min-height: 510px;height: auto;}
					
						#index-tile1 {width:40%; height:260px; display:block; background:#fff; float:left; margin-bottom:10px;}
						
						#sd-tile3 {width:40%; height:235px; display:block; background:#fff; float:left;}
						
						#sd-tile4 {width:60%; height:235px; display:block; background:#fff; float:right; overflow:hidden;}
						
						#index-tile2 {width:60%; height:260px; display:block;float:right; margin-bottom:10px;
						
						background: url(../jpg/banner-bg-3.jpg) top center fixed no-repeat;
						background-size: 770px auto;}
						
						#sd-tile1 {width:50%; height:260px; display:block;float:right; margin-bottom:10px; background:#fff;background:url(../jpg/meet-evodesk-standing-desk-nav.jpg) center right no-repeat; background-size:500px auto;}
						
						#sd-tile2 {width:50%; height:260px; display:block; background:url(../jpg/gaming-sd-featured.jpg) center right no-repeat; background-size:500px 320px; float:left;margin-bottom: 10px;}
						
						#sd-tile3 { background:url(../jpg/evodesk-gallery-nav.jpg) top center no-repeat;background-size:385px 275px;}
						
						#index-tile3 {width:50%; height:235px; display:block; background:url(../jpg/nav-tweet-featured.jpg) center center no-repeat; background-size:500px 280px; float:left;}
						
						#index-tile4 {width:50%; height:235px; display:block; background:#fff; float:right;}
						
						.interior-spacing {
						position: relative;
						border-top: 0;
						border-bottom: 0;
						height: 100%;}
						
						#index-tile1 .interior-spacing, #sd-tile3 .interior-spacing,  #index-tile3 .interior-spacing, #sd-tile2 .interior-spacing {border-left:10px solid #f2f2f2; border-right:5px solid #f2f2f2; }
						
						#index-tile3 .interior-spacing, #sd-tile1 .interior-spacing, #sd-tile2 .interior-spacing {overflow:hidden;}
						
				
						
						#index-tile2 .interior-spacing, #index-tile4 .interior-spacing, #sd-tile1 .interior-spacing, #sd-tile4 .interior-spacing {border-left:5px solid #f2f2f2; border-right:10px solid #f2f2f2;}
						.tile-content { z-index:2;}
						.tile-content h3, .tile-content h4, .tile-content h2 { margin:0;}
						.tile-content h3 span, .tile-content h4 span, .tile-content h2 span {color:#00bbde;}
						.tile-content h3 {text-transform:uppercase; font-size:20px; font-weight:400; line-height:1em;}
						.tile-content h2 {font-weight:300;text-transform:uppercase;font-size:13px; letter-spacing:.08em;}
						.tile-content { position:relative; float:left; padding:20px;}
						
						#index-tile2 .tile-content h3, #index-tile3 .tile-content h3, #sd-tile2 .tile-content P { color:#fff;}
						#index-tile2 .tile-content h2, #index-tile3 .tile-content h2,  #sd-tile2 .tile-content h2 { color:#ccc;}
						
						#sd-tile2 .tile-content p {        font-size: 20px;
    margin: 10px 0 10px 0;
    line-height: 1.45em;
    max-width: 250px;}
						
						#sd-tile2 a {    position: relative;
    color: #00bbde;
    height: auto;
    line-height: 15px;
    font-size: 15px;
    padding: 0;
    margin: 0;}
						
						#meet-sd-featured { width:100%; height:auto; bottom:0; left:0; z-index:1; position:absolute}
					
						#index-tile3 .tile-content .slide h3, #sd-tile2 .tile-content h3 {text-transform:none; line-height:1.3em; font-size:20px;}
						
						#index-tile3 .tile-content .slide h3 a, #sd-tile2 .tile-content .slide h3 a {text-transform:none; line-height:1.3em; font-size:20px; display:inline; position:relative; color:#fff; padding:0;}
						#index-tile3 .tile-content .slide h3 a:hover, #sd-tile2 .tile-content .slide h3 a:hover {color:#00bbde;}
						
						#index-tile3 .tile-content, #sd-tile2 .tile-content { width:90%;}
						
						#index-tile4 .tile-content {top: 0px;}
						
						#index-tile3 .jshowoff, #sd-tile2 .jshowoff { width:100%; margin:0; padding:0;}
						.featured-tile { overflow:hidden; position:relative;}
						.featured-tile a {position:absolute;left: 0;top: 0; width:100%; display:block; z-index:9; min-height:320px;}
						
						#featured-rotator { position:absolute; top: 20px; width:100%;}
						
						#featured-rotator .slide { width:100%; position:absolute; top:0;left:0;}
						
						#index-tile3 #featured-rotator .twitter-post .fa, #sd-tile2 #featured-rotator .twitter-post .fa{color:#00aced; font-size:26px;}
						#index-tile3 #featured-rotator .twitter-post, #index-tile3 #featured-rotator .twitter-post {color:#ccc; font-size:18px; line-height:1.5em; padding-top:10px; font-weight:300; }
						
						#index-feature .myBox:hover {opacity:.85;}
						
						#elevate-nav-featured, #meet-nav-featured { width:100%; height:auto; position:absolute; bottom:0; right:0; z-index:1;}
						
						#featured-details-logo {
							position: relative;
							    width: 145px;
    margin-top: 6px;
    margin-bottom: 10px;
    height: auto;;}
						
						#featured-play {
							background: url(../png/play-button-outline2-2.png) left center no-repeat;
							background-size: 100px auto;
							position:absolute;
							left:50%;
							top:50%;
							margin-top:-35px;
							margin-left:-50px;
							z-index:3;
							height: 70px;
							min-height: 0;
							width: 100px;
							text-align: right;
							display: inline-block;
							font-family: "proxima-nova", Helvetica, Arial, sans-serif;
							text-decoration: none;
							color: #252525;
							color: #fff;
							line-height: 1em;
							font-weight: 400;
							font-size: 20px;
							letter-spacing: 0.09em;
							text-transform: uppercase;
							-webkit-transition: all .74s;
							-moz-transition: all .74s;
							-ms-transition: all .74s;
							-o-transition: all .74s;
							transition: all .74s;}
							
							#index-tile2:hover #featured-play, #sd-tile1:hover #featured-play {
							margin-top:-45px;
							margin-left:-60px;
							z-index:3;
							height: 90px;
							width: 120px;
							background-size: 120px auto;
								
							}
							
							#hk-nav-featured { width:100%; height:auto; position:absolute; bottom:0; left:0;}
							
}
							
@media (min-width: 1300px) {
	
	#index-feature {padding:10px 0px; min-height: 580px;height: auto;}
					
						#index-tile1 {width:40%; height:320px; display:block; background:#fff; float:left; margin-bottom:10px;}
						
						#sd-tile1, #sd-tile2 {height:320px;}
						
						#index-tile2 {width:60%; height:320px; display:block;float:right; margin-bottom:10px;
						
						background: url(../jpg/banner-bg-3.jpg) top center fixed no-repeat;
						background-size: 770px auto;}
						
						#index-tile3 {width:50%; height:275px; display:block; background:url(../jpg/nav-tweet-featured.jpg) center center no-repeat; background-size:500px 280px; float:left;}
						
						#sd-tile3, #sd-tile4 {height:275px;}
						
						#index-tile4 {width:50%; height:275px; display:block; background:#fff; float:right;}
						#index-tile4 .tile-content {top: 85px;}
						
						#index-tile3 .tile-content .slide h3 {text-transform:none; line-height:1.3em; font-size:26px;}
						
						#index-tile3 .tile-content .slide h3 a {text-transform:none; line-height:1.3em; font-size:26px; display:inline; position:relative; color:#fff; padding:0;}
						
						#index-tile3 #featured-rotator .twitter-post .fa{color:#00aced; font-size:28px;}
						#index-tile3 #featured-rotator .twitter-post {color:#ccc; font-size:20px; line-height:1.5em; padding-top:10px; font-weight:300; }
						.tile-content h3 {font-size:24px;}
}
								
@media only screen and (max-width: 999px) {
  .cd-main-content.nav-is-visible, .cd-main-header.nav-is-visible {
    -webkit-transform: translateX(-260px);
    -moz-transform: translateX(-260px);
    -ms-transform: translateX(-260px);
    -o-transform: translateX(-260px);
    transform: translateX(-260px);
  }
  .nav-on-left .cd-main-content.nav-is-visible, .nav-on-left .cd-main-header.nav-is-visible {
    -webkit-transform: translateX(260px);
    -moz-transform: translateX(260px);
    -ms-transform: translateX(260px);
    -o-transform: translateX(260px);
    transform: translateX(260px);
  }
  
}

.cd-main-content {
  background: #e2e3df;
  min-height: 100vh;
  z-index: 2;
}

.cd-main-header {
      height: 65px;
      /*background: rgba(0,0,0,.85);*/
      z-index: 99999;
}


			
.nav-is-fixed .cd-main-header {
  /* add .nav-is-fixed class to body if you want a fixed navigation on > 1170px */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
@media only screen and (min-width: 1000px) {
  .cd-main-header {
        height: 90px;
  }
  .cd-main-header::after {
    clear: both;
    content: "";
    display: table;
  }
}

.cd-logo {
  position: absolute;
  top: 12px;
  left: 5%;
  z-index: 1000;
}
.cd-logo img {
  display: block;
}
@media only screen and (max-width: 999px) {
  .nav-on-left .cd-logo {
    left: auto;
    right: 5%;
  }
  
  #logo {
			position: absolute;
			width: 140px;
			height: 29px;
			    top: 15px;
			left: 20px;
			background: url(../png/evodesk-logo-white-3.png) center center no-repeat;
			background-size: 140px auto;}
}
@media only screen and (min-width: 1000px) {
  .cd-logo {
        top: 27px;
    left: 30px;
  }
  
  .cd-header-buttons {
	display: none !important;
  }
}

@media only screen and (max-width: 999px) {.cd-header-buttons {
	display: block !important;
  }}

.cd-header-buttons {
        position: absolute;
    display: inline-block;
    top: 24px;
    left: 185px;
    padding: 0;
    margin: 0;
}

.nav-is-visible .cd-header-buttons {
    position: absolute;
    display: inline-block;
    top: 24px;
    left: auto;
    right: 20px;
}
.cd-header-buttons li {
  display: inline-block;
}
@media only screen and (max-width: 999px) {
  .nav-on-left .cd-header-buttons {
    right: auto;
    left: 5%;
  }
  .nav-on-left .cd-header-buttons li {
    float: right;
  }
}
@media only screen and (min-width: 1000px) {
  .cd-header-buttons {
    top: 18px;
    right: 4em;
  }
}

.cd-search-trigger, .cd-nav-trigger {
     position: relative;
    display: block;
        width: 75px;
    height: 18px;
    overflow: hidden;
    white-space: nowrap;
    color: #fff;
    z-index: 3;
    font-size: 14px;
    text-decoration: none;
    color: #ccc;
    text-transform: uppercase;
    font-family: "proxima-nova", Helvetica, Arial, sans-serif;
    font-weight: 200;
	    letter-spacing: .07em;
}

.cd-search-trigger::before, .cd-search-trigger::after {
  /* search icon */
  content: '';
  position: absolute;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-search-trigger::before {
  /* lens */
  top: 11px;
  left: 11px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 3px solid #f2f2f2;
}
.cd-search-trigger::after {
  /* handle */
  height: 3px;
  width: 8px;
  background: #f2f2f2;
  bottom: 14px;
  right: 11px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cd-search-trigger span {
  /* container for the X icon */
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.cd-search-trigger span::before, .cd-search-trigger span::after {
  /* close icon */
  content: '';
  position: absolute;
  display: inline-block;
  height: 3px;
  width: 22px;
  top: 50%;
  margin-top: -2px;
  left: 50%;
  margin-left: -11px;
  background: #f2f2f2;
  opacity: 0;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
}
.cd-search-trigger span::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cd-search-trigger span::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.cd-search-trigger.search-is-visible::before, .cd-search-trigger.search-is-visible::after {
  /* hide search icon */
  opacity: 0;
}
.cd-search-trigger.search-is-visible span::before, .cd-search-trigger.search-is-visible span::after {
  /* show close icon */
  opacity: 1;
}
.cd-search-trigger.search-is-visible span::before {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.cd-search-trigger.search-is-visible span::after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after {
  /* hamburger icon in CSS */
  position: absolute;
  display: inline-block;
         height: 3px;
    width: 24px;
  background: #f2f2f2;
}
.cd-nav-trigger span {
  /* line in the center */
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -1px;
    -webkit-transition: background 0.3s 0.3s;
    -moz-transition: background 0.3s 0.3s;
    transition: background 0.3s 0.3s;
}
.cd-nav-trigger span::before, .cd-nav-trigger span::after {
  /* other 2 lines */
  content: '';
  right: 0;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transition: -webkit-transform 0.3s 0.3s;
  -moz-transition: -moz-transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s;
}
.cd-nav-trigger span::before {
  /* menu icon top line */
  top: -6px;
}
.cd-nav-trigger span::after {
  /* menu icon bottom line */
  top: 6px;
}
.cd-nav-trigger.nav-is-visible span {
  /* hide line in the center */
  background: rgba(46, 50, 51, 0);
}
.cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after {
  /* keep visible other 2 lines */
  background: #f2f2f2;
}
.cd-nav-trigger.nav-is-visible span::before {
  -webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -moz-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -o-transform: translateX(4px) translateY(-3px) rotate(45deg);
  transform: translateX(4px) translateY(-3px) rotate(45deg);
}
.cd-nav-trigger.nav-is-visible span::after {
  -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -o-transform: translateX(4px) translateY(2px) rotate(-45deg);
  transform: translateX(4px) translateY(2px) rotate(-45deg);
}
@media only screen and (min-width: 1000px) {
  .cd-nav-trigger {
    display: none;
  }
}

.cd-primary-nav, .cd-primary-nav ul {
  position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 260px;
    background: #333;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 9999;
    margin: 0;
    padding: 0;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.cd-primary-nav a, .cd-primary-nav ul a {
  display: block;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
      border-bottom: 1px solid #444;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform, opacity;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
      text-decoration: none;
}
.cd-primary-nav.is-hidden, .cd-primary-nav ul.is-hidden {
  /* secondary navigations hidden by default */
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.cd-primary-nav.moves-out > li > a, .cd-primary-nav ul.moves-out > li > a {
  /* push the navigation items to the left - and lower down opacity - when secondary nav slides in */
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  opacity: 0;
}

@media only screen and (max-width: 999px) {
  .nav-on-left .cd-primary-nav, .nav-on-left .cd-primary-nav ul {
    right: auto;
    left: 0;
  }
}
.cd-primary-nav .see-all a {
  /* different style for the See all button on mobile and tablet */
  color: #00bbde;
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item, .cd-primary-nav .cd-nav-icons .cd-nav-item {
  /* items with picture (or icon) and title */
  height: 80px;
  line-height: 80px;
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item h3, .cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
  overflow: hidden;
  text-overflow: ellipsis;
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item {
  padding-left: 90px;
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item img {
  position: absolute;
  display: block;
  height: 40px;
  width: auto;
  left: 20px;
  top: 50%;
  margin-top: -20px;
}
.cd-primary-nav .cd-nav-icons .cd-nav-item {
  padding-left: 75px;
}
.cd-primary-nav .cd-nav-icons .cd-nav-item p {
  color: #f2f2f2;
  font-size: 1.3rem;
  /* hide description on small devices */
  display: none;
}
.cd-primary-nav .cd-nav-icons .cd-nav-item::before {
  /* item icon */
  content: '';
  display: block;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px 40px;
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-1::before {
  background-image: url("../line-icon-1.html");
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-2::before {
  background-image: url("../line-icon-2.html");
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-3::before {
  background-image: url("../line-icon-3.html");
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-4::before {
  background-image: url("../line-icon-4.html");
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-5::before {
  background-image: url("../line-icon-5.html");
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-6::before {
  background-image: url("../line-icon-6.html");
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-7::before {
  background-image: url("../line-icon-7.html");
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-8::before {
  background-image: url("../line-icon-8.html");
}
@media only screen and (max-width: 999px) {
  .cd-primary-nav {
    /* by default .cd-primary-nav is hidden - trick for iOS devices where you can see the navigation if you pull down */
    visibility: hidden;
    -webkit-transition: visibility 0s 0.3s;
    -moz-transition: visibility 0s 0.3s;
    transition: visibility 0s 0.3s;
  }
  .cd-primary-nav.nav-is-visible {
    visibility: visible;
    -webkit-transition: visibility 0s 0s;
    -moz-transition: visibility 0s 0s;
    transition: visibility 0s 0s;
  }
}

@media only screen and (min-width: 1000px) {
  .cd-primary-nav {
        position: static;
        padding: 0 0 0 225px;
    margin: 0;
    height: auto;
    width: auto;
    float: left;
    overflow: visible;
    background: transparent;
  }
  .cd-primary-nav::after {
    clear: both;
    content: "";
    display: table;
  }
  .cd-primary-nav.moves-out > li > a {
    /* reset mobile style */
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  .cd-primary-nav ul {
    position: static;
    height: auto;
    width: auto;
    background: transparent;
    overflow: visible;
    z-index: 3;
  }
  .cd-primary-nav ul.is-hidden {
    /* reset mobile style */
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .cd-primary-nav ul.moves-out > li > a {
    /* reset mobile style */
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  .cd-primary-nav > li {
    float: left;
       margin-left: 30px;
  }
  .cd-primary-nav > li > a {
    /* main navigation buttons style */
    position: relative;
    display: inline-block;
        height: 90px;
    line-height: 90px;
    padding: 0 10px;
    color: #fff;
    overflow: visible;
    border-bottom: none;
    -webkit-transition: color 0.3s, box-shadow 0.3s;
    -moz-transition: color 0.3s, box-shadow 0.3s;
    transition: color 0.3s, box-shadow 0.3s;
	text-decoration: none;
  }
  .cd-primary-nav > li > a:hover {
    color: #00bbde;
  }
  .cd-primary-nav > li > a.selected {
    color: #00bbde;
    box-shadow: inset 0 4px 0 #00bbde;
  }
  .cd-primary-nav .go-back, .cd-primary-nav .see-all {
    display: none;
  }
  .cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-nav-gallery, .cd-primary-nav .cd-nav-icons {
       position: absolute;
    top: 90px;
    width: 94vw;
    max-width: 1430px;
    margin: 0;
    left: 0;
    background: #ffffff;
    padding: 0;
    box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
  }
  .cd-primary-nav .cd-secondary-nav::after, .cd-primary-nav .cd-nav-gallery::after, .cd-primary-nav .cd-nav-icons::after {
    clear: both;
    content: "";
    display: table;
  }
  .cd-primary-nav .cd-secondary-nav.is-hidden, .cd-primary-nav .cd-nav-gallery.is-hidden, .cd-primary-nav .cd-nav-icons.is-hidden {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
  }
  .cd-primary-nav .cd-secondary-nav > .see-all, .cd-primary-nav .cd-nav-gallery > .see-all, .cd-primary-nav .cd-nav-icons > .see-all {
    /* this is the BIG See all button at the bottom of the dropdown menu */
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 80px;
    width: 100%;
    overflow: hidden;
    /* reset some inherited style */
    margin: 0;
    padding: 0;
	    background-color: #fff;
    z-index: 99;
  }
  
  
  .cd-primary-nav .cd-secondary-nav > .see-all a, .cd-primary-nav .cd-nav-gallery > .see-all a, .cd-primary-nav .cd-nav-icons > .see-all a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    font-size: 2.2rem;
    font-weight: bold;
    text-align: center;
    line-height: 80px;
    border-top: 1px solid #e2e3df;
    /* reset some inherited style */
    border-bottom: none;
    margin: 0;
    padding: 0;
    -webkit-transition: color 0.2s, background 0.2s, border 0.2s;
    -moz-transition: color 0.2s, background 0.2s, border 0.2s;
    transition: color 0.2s, background 0.2s, border 0.2s;
  }
  .cd-primary-nav .cd-secondary-nav > .see-all a:hover, .cd-primary-nav .cd-nav-gallery > .see-all a:hover, .cd-primary-nav .cd-nav-icons > .see-all a:hover {
    background: #f2f2f2;
    border-color: #f2f2f2;
    color: #ffffff;
  }
  .cd-primary-nav .cd-secondary-nav > li {
      height: 495px;
	width: 30%;
	float: left;    float: right;
	margin-right: 0;
	padding: 2.5% 0 2.5% 3%;
	/*border-right: 1px solid #e2e3df;*/
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
  }
   /*.cd-primary-nav .cd-secondary-nav > li:nth-child(4n+2) {
    +2 because we have 2 list items with display:none 
    margin-right: 0;
    border-right: none;
  }*/
  .cd-primary-nav .cd-secondary-nav > li > a {
    /* secondary nav title */
    color: #00bbde;
    font-weight: bold;
    font-size: 1.6rem;
    margin-bottom: .6em;
  }
  .cd-primary-nav .cd-secondary-nav a {
    height: 30px;
    line-height: 30px;
        padding: 0 18% 0 5px;
    color: #222;
    border-bottom: none;
    font-size: 20px;
	    text-decoration: none;
  }
  
  .cd-secondary-nav li {    padding: 5px 0;
  }
  
  .cd-primary-nav .cd-secondary-nav #video-feature a {
	      height: auto;
    color: #999;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: .08em;
	padding:0;
	margin:0;
	    width: 93%;
  }
   .cd-primary-nav .cd-secondary-nav #video-feature a img {
      width: 100%;
    height: auto;
   }
  .cd-primary-nav .cd-secondary-nav a:hover {
    color: #00bbde;
  }
  .cd-primary-nav .cd-secondary-nav ul {
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
  }
  .cd-primary-nav .cd-secondary-nav ul ul {
    /* tertiary navigation */
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
	    padding: 0;
  }
  .cd-primary-nav .cd-secondary-nav ul ul.is-hidden {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  .cd-primary-nav .cd-secondary-nav ul ul .go-back {
    display: block;
  }
  .cd-primary-nav .cd-secondary-nav ul ul .go-back a {
        color: #999;
  }
  .cd-primary-nav .cd-secondary-nav ul ul .see-all {
    display: block;
  }
  .cd-primary-nav .cd-secondary-nav .moves-out > li > a {
    /* push the navigation items to the left - and lower down opacity - when tertiary nav slides in */
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  .cd-primary-nav .cd-nav-gallery li {
    /* set here number of columns - use width percentage */
    width: 22%;
    float: left;
    margin: 0 4% 40px 0;
  }
  .cd-primary-nav .cd-nav-gallery li:nth-child(4n+2) {
    /* +2 because we have two additional list items with display:none */
    margin-right: 0;
  }
  .cd-primary-nav .cd-nav-gallery .cd-nav-item {
    border-bottom: none;
    padding: 0;
    height: auto;
    line-height: 1.2;
  }
  .cd-primary-nav .cd-nav-gallery .cd-nav-item img {
    position: static;
    margin-top: 0;
    height: auto;
    width: 100%;
    margin-bottom: .6em;
  }
  .cd-primary-nav .cd-nav-gallery .cd-nav-item h3 {
    color: #00bbde;
    font-weight: bold;
    padding: 0 .4em;
  }
  .cd-primary-nav .cd-nav-icons li {
    /* set here number of columns - use width percentage */
    width: 32%;
    float: left;
    margin: 0 2% 20px 0;
  }
  .cd-primary-nav .cd-nav-icons li:nth-child(3n+2) {
    /* +2 because we have two additional list items with display:none */
    margin-right: 0;
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item {
    border-bottom: none;
    height: 80px;
    line-height: 1.2;
    padding: 24px 0 0 85px;
    position: relative;
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item:hover {
    background: #f6f6f5;
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
    color: #00bbde;
    font-weight: bold;
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item p {
    display: block;
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item::before {
    left: 25px;
  }
}


@media (min-width:1000px) and (max-width:1300px) {
    .cd-primary-nav .cd-secondary-nav a {
        height: 22px;
        line-height: 22px;
        padding: 0 18% 0 5px;
        color: #222;
        border-bottom: none;
        font-size: 18px;
    }
}

.has-children > a, .go-back a {
  position: relative;
}
.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
  /* arrow icon in CSS - for element with nested unordered lists */
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -1px;
  display: inline-block;
  height: 2px;
  width: 10px;
     background: #666;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.has-children > a::before, .go-back a::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.has-children > a::after, .go-back a::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media only screen and (min-width: 1000px) {
  .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
    background: #c9cbc4;
  }
  .has-children > a:hover::before, .has-children > a:hover::after, .go-back a:hover::before, .go-back a:hover::after {
    background: #00bbde;
  }
}

.has-children > a {
  padding-right: 40px;
}
.has-children > a::before, .has-children > a::after {
  /* arrow goes on the right side - children navigation */
  right: 20px;
  -webkit-transform-origin: 9px 50%;
  -moz-transform-origin: 9px 50%;
  -ms-transform-origin: 9px 50%;
  -o-transform-origin: 9px 50%;
  transform-origin: 9px 50%;
}

.cd-primary-nav .go-back a {
  padding-left: 40px;
}
.cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
  /* arrow goes on the left side - go back button */
  left: 20px;
  -webkit-transform-origin: 1px 50%;
  -moz-transform-origin: 1px 50%;
  -ms-transform-origin: 1px 50%;
  -o-transform-origin: 1px 50%;
  transform-origin: 1px 50%;
}

@media only screen and (min-width: 1000px) {
  .has-children > a::before, .has-children > a::after {
       right: 10%;
  }

  .cd-primary-nav > .has-children > a {
    /* main navigation arrows on larger devices */
    padding-right: 30px !important;
  }
  .cd-primary-nav > .has-children > a::before, .cd-primary-nav > .has-children > a::after {
    width: 9px;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    background: #c9cbc4;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: width 0.3s, -webkit-transform 0.3s;
    -moz-transition: width 0.3s, -moz-transform 0.3s;
    transition: width 0.3s, transform 0.3s;
  }
  .cd-primary-nav > .has-children > a::before {
    right: 12px;
  }
  .cd-primary-nav > .has-children > a::after {
    right: 7px;
  }
  .cd-primary-nav > .has-children > a.selected::before, .cd-primary-nav > .has-children > a.selected::after {
    width: 14px;
  }
  .cd-primary-nav > .has-children > a.selected::before {
    -webkit-transform: translateX(5px) rotate(-45deg);
    -moz-transform: translateX(5px) rotate(-45deg);
    -ms-transform: translateX(5px) rotate(-45deg);
    -o-transform: translateX(5px) rotate(-45deg);
    transform: translateX(5px) rotate(-45deg);
  }
  .cd-primary-nav > .has-children > a.selected::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .cd-secondary-nav > .has-children > a::before, .cd-secondary-nav > .has-children > a::after {
    /* remove arrows on secondary nav titles */
    display: none;
  }

  .cd-primary-nav .go-back a {
    padding-left: 20px;
  }
  .cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
    left: 1px;
  }
}
.cd-search {
  position: absolute;
  height: 50px;
  width: 100%;
  top: 50px;
  left: 0;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-search form {
  height: 100%;
  width: 100%;
}
.cd-search input {
  border-radius: 0;
  border: none;
  background: #ffffff;
  height: 100%;
  width: 100%;
  padding: 0 5%;
  box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.cd-search input::-webkit-input-placeholder {
  color: #c9cbc4;
}
.cd-search input::-moz-placeholder {
  color: #c9cbc4;
}
.cd-search input:-moz-placeholder {
  color: #c9cbc4;
}
.cd-search input:-ms-input-placeholder {
  color: #c9cbc4;
}
.cd-search input:focus {
  outline: none;
}
.cd-search.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.nav-is-fixed .cd-search {
  position: fixed;
}
@media only screen and (min-width: 1000px) {
  .cd-search {
    height: 120px;
    top: 80px;
  }
  .cd-search input {
    padding: 0 2em;
    font-size: 3.2rem;
    font-weight: 300;
  }
}

.cd-overlay {
      position: fixed;
    z-index: 9999;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    background-color: rgba(0,0,0, 0.8);
  visibility: hidden;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
}
.cd-overlay.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;
}
@media only screen and (max-width: 999px) {
  .cd-overlay.is-visible {
    -webkit-transform: translateX(-260px);
    -moz-transform: translateX(-260px);
    -ms-transform: translateX(-260px);
    -o-transform: translateX(-260px);
    transform: translateX(-260px);
  }
  .nav-on-left .cd-overlay.is-visible {
    -webkit-transform: translateX(260px);
    -moz-transform: translateX(260px);
    -ms-transform: translateX(260px);
    -o-transform: translateX(260px);
    transform: translateX(260px);
  }
  .cd-overlay.is-visible.search-is-visible, .nav-on-left .cd-overlay.is-visible.search-is-visible {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

/* -------------------------------- 

support for no js 

-------------------------------- */
.no-js .cd-primary-nav {
  position: relative;
  height: auto;
  width: 100%;
  overflow: visible;
  visibility: visible;
  z-index: 2;
}

.no-js .cd-search {
  position: relative;
  top: 0;
  opacity: 1;
  visibility: visible;
}

@media only screen and (min-width: 1000px) {
  .no-js .cd-primary-nav {
    position: absolute;
    z-index: 9999;
    display: inline-block;
    width: auto;
    top: 0;
    right: 150px;
    padding: 0;
  }

  .no-js .nav-is-fixed .cd-primary-nav {
    position: fixed;
  }
}

@media only screen 
		and (min-width : 320px) 
		and (max-width : 375px) {
		  #header-social {
    display: none;
  }
  
  .cd-header-buttons {
    position: absolute;
    display: inline-block;
    top: 24px;
    left: auto;
    right: 20px;
  }
		}