/* 
-----------------------------------------------------------------------------
Version:  1.0	
Developer: 			WebAdaptive
Email Address:		support@webadaptive.com
Developer Website:  http://www.webadaptive.com
Client Website: 	http://downloads.accuweather.com
*/
/* Table of Contents
-----------------------------------------------------------------------------
	1. Device Breaks
	2. Base Typography
	3. Bootstrap Overrides
	4. Template
*/
/* 1. DEVICE BREAKS
------------------------------------------------------------------------------*/
/* 2. Define Base Typography 
------------------------------------------------------------------------------*/
/* General Colors */
/* Fonts */
@font-face {
  font-family: 'Solis';
  src: url('/assets/fonts/solis/solis-regular.eot');
  /* IE9 Compat Modes */
  src: url('/assets/fonts/solis/solis-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/assets/fonts/solis/solis-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/assets/fonts/solis/solis-regular.woff') format('woff'), /* Pretty Modern Browsers */ url('/assets/fonts/solis/solis-regular.ttf') format('truetype');
  /* Safari, Android, iOS */
}
@font-face {
  font-family: 'Solis';
  src: url('/assets/fonts/solis/solis-thin.eot');
  /* IE9 Compat Modes */
  src: url('/assets/fonts/solis/solis-thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/assets/fonts/solis/solis-thin.woff2') format('woff2'), /* Super Modern Browsers */ url('/assets/fonts/solis/solis-thin.woff') format('woff'), /* Pretty Modern Browsers */ url('/assets/fonts/solis/solis-thin.ttf') format('truetype');
  /* Safari, Android, iOS */
  font-weight: 100;
}
@font-face {
  font-family: 'Solis';
  src: url('/assets/fonts/solis/solis-medium.eot');
  /* IE9 Compat Modes */
  src: url('/assets/fonts/solis/solis-medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/assets/fonts/solis/solis-medium.woff2') format('woff2'), /* Super Modern Browsers */ url('/assets/fonts/solis/solis-medium.woff') format('woff'), /* Pretty Modern Browsers */ url('/assets/fonts/solis/solis-medium.ttf') format('truetype');
  /* Safari, Android, iOS */
  font-weight: 300;
}
@font-face {
  font-family: 'Solis';
  src: url('/assets/fonts/solis/solis-bold.eot');
  /* IE9 Compat Modes */
  src: url('/assets/fonts/solis/solis-bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/assets/fonts/solis/solis-bold.woff2') format('woff2'), /* Super Modern Browsers */ url('/assets/fonts/solis/solis-bold.woff') format('woff'), /* Pretty Modern Browsers */ url('/assets/fonts/solis/solis-bold.ttf') format('truetype');
  /* Safari, Android, iOS */
  font-weight: bold;
}
@font-face {
  font-family: 'Solis';
  src: url('/assets/fonts/solis/solis-regular_italic.eot');
  /* IE9 Compat Modes */
  src: url('/assets/fonts/solis/solis-regular_italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/assets/fonts/solis/solis-regular_italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/assets/fonts/solis/solis-regular_italic.woff') format('woff'), /* Pretty Modern Browsers */ url('/assets/fonts/solis/solis-regular_italic.ttf') format('truetype');
  /* Safari, Android, iOS */
  font-style: italic;
}
/* mixins */
.glow {
  -moz-box-shadow: 0 0 8px #333;
  -webkit-box-shadow: 0 0 8px #333;
  box-shadow: 0px 0px 8px #333;
  filter: progid:DXImageTransform.Microsoft.Glow(Color=#333, Strength=8);
}
.glow-white {
  text-shadow: 0 0 20px #ffffff;
}
.inner-right-glow {
  -webkit-box-shadow: inset -15px 0px 16px -8px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset -15px 0px 16px -8px rgba(0, 0, 0, 0.75);
  box-shadow: inset -15px 0px 16px -8px rgba(0, 0, 0, 0.75);
}
.shadow {
  -webkit-box-shadow: 0 4px 8px 0 #000000;
  box-shadow: 0 4px 8px 0 #000000;
}
.clear {
  clear: both;
}
.gradient-orange {
  background: #f5783a;
  background: -moz-linear-gradient(top, #f5783a 0%, #f5783a 50%, #f05614 51%, #f05614 71%, #f05614 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #f5783a), color-stop(50%, #f5783a), color-stop(51%, #f05614), color-stop(71%, #f05614), color-stop(100%, #f05614));
  background: -webkit-linear-gradient(top, #f5783a 0%, #f5783a 50%, #f05614 51%, #f05614 71%, #f05614 100%);
  background: -o-linear-gradient(top, #f5783a 0%, #f5783a 50%, #f05614 51%, #f05614 71%, #f05614 100%);
  background: -ms-linear-gradient(top, #f5783a 0%, #f5783a 50%, #f05614 51%, #f05614 71%, #f05614 100%);
  background: linear-gradient(to bottom, #f5783a 0%, #f5783a 50%, #f05614 51%, #f05614 71%, #f05614 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5783a', endColorstr='#f05614', GradientType=0);
}
.gradient-green {
  background: #8ebd4d;
  background: -moz-linear-gradient(top, #8ebd4d 0%, #8ebd4d 50%, #82b441 51%, #82b441 71%, #82b441 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #8ebd4d), color-stop(50%, #8ebd4d), color-stop(51%, #82b441), color-stop(71%, #82b441), color-stop(100%, #82b441));
  background: -webkit-linear-gradient(top, #8ebd4d 0%, #8ebd4d 50%, #82b441 51%, #82b441 71%, #82b441 100%);
  background: -o-linear-gradient(top, #8ebd4d 0%, #8ebd4d 50%, #82b441 51%, #82b441 71%, #82b441 100%);
  background: -ms-linear-gradient(top, #8ebd4d 0%, #8ebd4d 50%, #82b441 51%, #82b441 71%, #82b441 100%);
  background: linear-gradient(to bottom, #8ebd4d 0%, #8ebd4d 50%, #82b441 51%, #82b441 71%, #82b441 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8ebd4d', endColorstr='#82b441', GradientType=0);
}
html,
body {
  font-size: 1rem;
}
body {
  font-family: 'Solis', sans-serif;
  position: relative;
  background-color: #00B6EA;
  background-image: url(../images/bk-overlay_v2.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
}
h1,
h2,
h3,
h4 {
  color: #000000;
  font-family: 'Solis', sans-serif;
  display: block;
}
h1 {
  display: block;
  font-weight: 100;
  font-size: 30px;
  margin: 0px;
  padding: 0px;
  margin-top: 10px;
  margin-bottom: 20px;
}
h2 {
  font-size: 30px;
}
h4 {
  font-weight: 200;
}
a {
  color: #f05514;
}
a:hover {
  color: #000000;
  text-decoration: none;
}
.orange {
  color: #f05514 !important;
}
.blue {
  color: #00B6EA !important;
}
.txt-lg {
  font-size: 25px;
}
/* 3. Bootstrap Overrides
------------------------------------------------------------------------------*/
* {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
.container {
  max-width: 980px;
  background-color: #ffffff;
}
.container.padding {
  padding-left: 50px;
  padding-right: 50px;
}
.container.nopad {
  padding-left: 0px;
  padding-right: 0px;
  background: none;
}
.container.noback {
  background: none;
}
.container-full {
  background-image: url(../images/bk-overlay_v2.jpg);
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
}
.btn-primary.active {
  -moz-box-shadow: 0 0 8px #333;
  -webkit-box-shadow: 0 0 8px #333;
  box-shadow: 0px 0px 8px #333;
  filter: progid:DXImageTransform.Microsoft.Glow(Color=#333, Strength=8);
}
.btn-primary {
  background-image: none;
  background-color: #f05514;
  background: #f5783a;
  background: -moz-linear-gradient(top, #f5783a 0%, #f5783a 50%, #f05614 51%, #f05614 71%, #f05614 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #f5783a), color-stop(50%, #f5783a), color-stop(51%, #f05614), color-stop(71%, #f05614), color-stop(100%, #f05614));
  background: -webkit-linear-gradient(top, #f5783a 0%, #f5783a 50%, #f05614 51%, #f05614 71%, #f05614 100%);
  background: -o-linear-gradient(top, #f5783a 0%, #f5783a 50%, #f05614 51%, #f05614 71%, #f05614 100%);
  background: -ms-linear-gradient(top, #f5783a 0%, #f5783a 50%, #f05614 51%, #f05614 71%, #f05614 100%);
  background: linear-gradient(to bottom, #f5783a 0%, #f5783a 50%, #f05614 51%, #f05614 71%, #f05614 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5783a', endColorstr='#f05614', GradientType=0);
  color: #ffffff;
  border: none;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
  text-decoration: none !important;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background-color: #82b441;
  background: #8ebd4d;
  background: -moz-linear-gradient(top, #8ebd4d 0%, #8ebd4d 50%, #82b441 51%, #82b441 71%, #82b441 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #8ebd4d), color-stop(50%, #8ebd4d), color-stop(51%, #82b441), color-stop(71%, #82b441), color-stop(100%, #82b441));
  background: -webkit-linear-gradient(top, #8ebd4d 0%, #8ebd4d 50%, #82b441 51%, #82b441 71%, #82b441 100%);
  background: -o-linear-gradient(top, #8ebd4d 0%, #8ebd4d 50%, #82b441 51%, #82b441 71%, #82b441 100%);
  background: -ms-linear-gradient(top, #8ebd4d 0%, #8ebd4d 50%, #82b441 51%, #82b441 71%, #82b441 100%);
  background: linear-gradient(to bottom, #8ebd4d 0%, #8ebd4d 50%, #82b441 51%, #82b441 71%, #82b441 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8ebd4d', endColorstr='#82b441', GradientType=0);
}
.breadcrumb {
  background: none;
  padding: 0px;
  margin: 0px;
}
.breadcrumb li {
  padding: 0px;
  margin: 0px;
}
.breadcrumb a {
  color: #c8c8c8;
  padding: 0px;
  margin: 0px;
  height: 40px;
  line-height: 40px;
}
.modal {
  z-index: 9999999;
}
.modal .modal-dialog {
  position: relative;
}
.modal .modal-dialog .close {
  z-index: 999999999;
  color: #000000;
  position: absolute;
  right: -10px;
  top: -10px;
  -webkit-border-radius: 100% !important;
  -moz-border-radius: 100% !important;
  border-radius: 100% !important;
  opacity: 1;
}
.dropdown.open a.btn {
  background: none;
  background: #f5783a;
  background: -moz-linear-gradient(top, #f5783a 0%, #f5783a 50%, #f05614 51%, #f05614 71%, #f05614 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #f5783a), color-stop(50%, #f5783a), color-stop(51%, #f05614), color-stop(71%, #f05614), color-stop(100%, #f05614));
  background: -webkit-linear-gradient(top, #f5783a 0%, #f5783a 50%, #f05614 51%, #f05614 71%, #f05614 100%);
  background: -o-linear-gradient(top, #f5783a 0%, #f5783a 50%, #f05614 51%, #f05614 71%, #f05614 100%);
  background: -ms-linear-gradient(top, #f5783a 0%, #f5783a 50%, #f05614 51%, #f05614 71%, #f05614 100%);
  background: linear-gradient(to bottom, #f5783a 0%, #f5783a 50%, #f05614 51%, #f05614 71%, #f05614 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5783a', endColorstr='#f05614', GradientType=0);
}
.panel {
  border: none;
  color: #ffffff;
}
.panel a {
  color: #ffffff;
}
.panel .panel-heading {
  background: none;
  border: none;
  color: #ffffff;
  height: 40px;
  line-height: 40px;
}
.panel .panel-heading a {
  font-weight: 500;
  font-size: 1.5rem;
}
.panel .panel-body {
  padding: 10px;
}
.panel .panel-body .row {
  margin-left: -10px;
  margin-right: -10px;
}
.panel.panel-primary {
  background-color: #f05514;
}
.panel.panel-primary .panel-heading {
  background-image: none;
  background-color: #E41700 !important;
}
.panel.panel-primary .panel-heading .panel-title {
  background-color: #E41700 !important;
}
.panel.panel-default .panel-body a {
  text-decoration: underline;
}
.panel.panel-default.blue {
  background-color: #0062A1;
}
.panel.panel-default.blue .panel-heading {
  background: none;
  background-color: #004479 !important;
}
.panel.panel-default.blue .panel-heading .panel-title {
  background-color: #004479 !important;
}
.panel.panel-default.blue .panel-body {
  color: #ffffff;
}
.panel.panel-default.teal {
  background-color: #00AFBF;
}
.panel.panel-default.teal .panel-heading {
  background: none;
  background-color: #007890 !important;
}
.panel.panel-default.teal .panel-heading .panel-title {
  background-color: #007890 !important;
}
.jumbotron {
  background: none;
}
.jumbotron h1 {
  font-size: 40px;
}
.badge {
  font-size: 25px;
  border-radius: 100% !important;
  height: 40px;
  width: 40px;
  line-height: 30px;
  text-align: center;
  background-color: #f05514;
  color: #ffffff;
  margin-right: 10px;
}
.vertical-align {
  display: flex;
  align-items: center;
}
/* 4. Template
------------------------------------------------------------------------------*/
/* =========================================
   ************** HEADER  ******************
   =========================================*/
#menu {
  z-index: 999;
}
#header {
  z-index: 9999;
  width: 100%;
  background-color: #ffffff;
}
#header .top {
  display: block;
  padding-left: 20px;
  padding-right: 20px;
}
#header .top a {
  color: #000000;
}
#header .top i {
  color: #c8c8c8;
  margin-left: 5px;
  font-size: 30px;
}
#header .top i:hover {
  color: #231F1F;
}
#header .logo {
  position: relative;
  display: block;
  height: 100%;
}
#header .logo .valign {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 280px;
  display: block;
}
#header .logo .valign img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 280px;
}
#header .logo .tag {
  display: block;
  height: 50px;
  line-height: 50px;
  position: absolute;
  left: 0px;
  top: 8px;
  border-left: solid 1px #E9E9E9;
  padding-left: 10px;
  color: #6D6D6D;
  font-size: 35px;
  font-weight: 300;
  margin-left: 300px;
  margin-top: 26px;
}
#header .nav-right {
  padding-top: 20px;
}
#header .nav-right ul {
  list-style: none;
  float: right;
  height: 80px;
  line-height: 80px;
}
#header .nav-right ul li {
  float: left;
  margin-left: 15px;
  margin-right: 15px;
}
#header .nav-right ul li a {
  font-size: 14px;
  text-transform: uppercase;
}
#header .nav-right ul li a:hover {
  border-bottom: 2px solid #f05514;
  color: #f05514;
}
#header .nav-right ul li:last-child {
  margin-right: 30px;
}
#header .nav-right ul li.selected a {
  color: #f05514;
}
#header .nav-right ul li.selected a:hover {
  border-bottom: 2px solid #f05514;
}
#header .nav-mobile {
  display: inline-block;
  float: left;
}
#header .nav-mobile .menu-collapse {
  display: block;
  height: 80px;
  padding-top: 15px;
  text-align: center;
  color: #f05514;
}
#header .nav-mobile .menu-collapse i {
  color: #f05514;
}
#header .nav-mobile .nav-home {
  display: block;
}
#header .nav-bottom {
  display: block;
  padding: 0px;
  margin: 0px;
  height: 40px;
  line-height: 40px;
  background-color: #000000;
  position: relative;
}
#header .nav-bottom ul.nav {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
#header .nav-bottom ul.nav li {
  margin-top: 5px;
  border-right: solid 1px #545454;
}
#header .nav-bottom ul.nav li a {
  padding: 0px;
  margin: 5px;
  font-size: 14px;
  text-transform: uppercase;
  color: #ffffff;
  height: 30px;
  line-height: 30px;
  padding-left: 15px;
  padding-right: 15px;
}
#header .nav-bottom ul.nav li a:hover,
#header .nav-bottom ul.nav li a:active,
#header .nav-bottom ul.nav li a:focus {
  filter: none !important;
  background-color: #f05514 !important;
}
#header .nav-bottom ul.nav li i {
  height: 30px;
  line-height: 30px;
}
#header .nav-bottom ul.nav li.active a {
  background-color: #f05514 !important;
}
#header .nav-bottom ul.nav li:last-child {
  border: none;
}
#header .nav-bottom ul.nav li:last-child a {
  border: none;
}
#header .nav-bottom ul.nav li.selected,
#header .nav-bottom ul.nav li.active {
  /*a{filter:none !important;background-color: @black !important;}*/
}
#header .nav-bottom ul.nav li.dropdown ul.dropdown-menu {
  padding: 0px;
  margin: 0px;
  border: none;
}
#header .nav-bottom ul.nav li.dropdown ul.dropdown-menu li {
  padding: 0px;
  margin: 0px;
}
#header .nav-bottom ul.nav li.dropdown ul.dropdown-menu li a {
  background-color: #000000 !important;
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  text-transform: none;
}
#header .nav-bottom ul.nav li.dropdown ul.dropdown-menu li a:hover,
#header .nav-bottom ul.nav li.dropdown ul.dropdown-menu li a:active,
#header .nav-bottom ul.nav li.dropdown ul.dropdown-menu li a:focus {
  background: none;
  filter: none !important;
  background-color: #231F1F !important;
}
#header .nav-bottom ul.nav li.dropdown ul.dropdown-menu li.active a {
  background: none !important;
  filter: none !important;
  background-color: #231F1F !important;
}
#header .nav-bottom ul.nav li.dropdown.open a {
  background-color: #f05514;
}
#header .nav-bottom ul.nav li.dropdown:hover > ul.dropdown-menu {
  display: block;
}
#header .nav-bottom .nav-home {
  display: none;
}
#header .nav-bottom .search {
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 0px;
  margin: 0px;
}
#header .nav-bottom .search form {
  padding: 0px;
  margin: 0px;
}
#header .nav-bottom .search input {
  padding: 0px;
  margin: 0px;
  height: 40px;
  line-height: 40px;
  background-color: #333333;
  border: none;
  color: #c8c8c8;
  padding-left: 10px;
  font-size: 12px;
  -webkit-box-shadow: inset -15px 0px 16px -8px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset -15px 0px 16px -8px rgba(0, 0, 0, 0.75);
  box-shadow: inset -15px 0px 16px -8px rgba(0, 0, 0, 0.75);
  float: right;
}
#header .nav-bottom .search .btn {
  height: 40px;
  line-height: 30px;
  margin: 0px;
  float: right;
}
@media only screen and (max-width: 480px) {
  #header {
    height: 80px;
  }
  #header .logo {
    height: 80px;
    margin-left: 0px;
  }
  #header .logo .valign {
    width: 220px;
  }
  #header .logo .valign img {
    width: 220px !important;
  }
  #header .logo .tag {
    margin-top: 11px;
    margin-left: 230px;
    font-size: 25px;
  }
  #header .top {
    height: 80px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
  #header {
    height: 80px;
  }
  #header .logo {
    height: 80px;
    margin-left: 0px;
  }
  #header .logo .valign {
    width: 220px;
  }
  #header .logo .valign img {
    width: 220px !important;
  }
  #header .logo .tag {
    margin-top: 11px;
    margin-left: 230px;
    font-size: 25px;
  }
  #header .top {
    height: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  #header {
    height: 80px;
  }
  #header .logo {
    height: 80px;
    margin-left: 0px;
  }
  #header .logo .tag {
    margin-top: 11px;
  }
  #header .top {
    height: 80px;
  }
}
@media only screen and (min-width: 992px) and  (max-width: 1200px) {
  #header {
    height: 110px;
    /* hack for ipad 2 devices */
    /* hack for ipad 2 devices */
  }
  #header .logo {
    height: 110px;
  }
  #header .top {
    height: 110px;
  }
  #header .social {
    margin-top: 20px;
  }
  #header .nav.nav-justified {
    display: table;
  }
  #header .nav-justified > li {
    float: none;
    width: auto;
  }
}
@media only screen and (min-width: 1200px)  {
  #header {
    height: 110px;
  }
  #header .logo {
    height: 110px;
  }
  #header .top {
    height: 110px;
  }
  #header .social {
    margin-top: 20px;
  }
}
/* sticky header */
#header.stuck {
  position: fixed;
  top: 0;
  width: 100%;
}
/* force header to smallest height */
.sticky-wrapper {
  height: 110px !important;
}
@media only screen and (max-width: 480px) {
  .sticky-wrapper {
    height: 80px !important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
  .sticky-wrapper {
    height: 80px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .sticky-wrapper {
    height: 80px !important;
  }
}
/* =========================================
   ************** BODY  ******************
   =========================================*/
#body {
  position: relative;
}
@media only screen and (max-width: 480px) {
  #body h1 {
    font-size: 35px !important;
  }
}
/* =========================================
   ************** INTERIOR  ******************
   =========================================*/
#interior .right-col-inner {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 30px;
}
#interior .right-col {
  padding-bottom: 50px;
}
#interior .left-col {
  padding-left: 0px;
  padding-bottom: 50px;
  position: relative;
}
#interior .left-col .arrow {
  display: block;
  height: 40px;
  line-height: 40px;
  background-image: url(/assets/images/banner-arrow.gif);
  background-repeat: no-repeat;
  background-position: 20px top;
}
#interior .left-col .ad-specs {
  margin: 10px;
}
#interior .left-col #left-nav.stuck {
  position: fixed;
  top: 0px;
}
#interior .left-col .accordion .accordion-group .accordion-heading a {
  display: block;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 20px;
  padding-right: 20px;
  border-bottom: solid 1px #c8c8c8;
  color: #000000;
}
#interior .left-col .accordion .accordion-group .accordion-heading.selected a {
  background-color: #82b441;
  color: #ffffff;
}
#interior .left-col .accordion .accordion-group .accordion-body ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
#interior .left-col .accordion .accordion-group .accordion-body ul li a {
  padding-left: 40px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #E9E9E9;
}
#interior .left-col .accordion .accordion-group .accordion-body ul li a:hover {
  background-color: #c8c8c8;
}
#interior .left-col .accordion .accordion-group .accordion-heading.specs {
  margin: 10px;
}
#interior .left-col .accordion .accordion-group .accordion-heading.specs a {
  color: #ffffff;
  background: #f5783a;
  background: -moz-linear-gradient(top, #f5783a 0%, #f5783a 50%, #f05614 51%, #f05614 71%, #f05614 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #f5783a), color-stop(50%, #f5783a), color-stop(51%, #f05614), color-stop(71%, #f05614), color-stop(100%, #f05614));
  background: -webkit-linear-gradient(top, #f5783a 0%, #f5783a 50%, #f05614 51%, #f05614 71%, #f05614 100%);
  background: -o-linear-gradient(top, #f5783a 0%, #f5783a 50%, #f05614 51%, #f05614 71%, #f05614 100%);
  background: -ms-linear-gradient(top, #f5783a 0%, #f5783a 50%, #f05614 51%, #f05614 71%, #f05614 100%);
  background: linear-gradient(to bottom, #f5783a 0%, #f5783a 50%, #f05614 51%, #f05614 71%, #f05614 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5783a', endColorstr='#f05614', GradientType=0);
}
#interior .left-col .accordion .accordion-group .accordion-heading.specs a:hover {
  background: #8ebd4d;
  background: -moz-linear-gradient(top, #8ebd4d 0%, #8ebd4d 50%, #82b441 51%, #82b441 71%, #82b441 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #8ebd4d), color-stop(50%, #8ebd4d), color-stop(51%, #82b441), color-stop(71%, #82b441), color-stop(100%, #82b441));
  background: -webkit-linear-gradient(top, #8ebd4d 0%, #8ebd4d 50%, #82b441 51%, #82b441 71%, #82b441 100%);
  background: -o-linear-gradient(top, #8ebd4d 0%, #8ebd4d 50%, #82b441 51%, #82b441 71%, #82b441 100%);
  background: -ms-linear-gradient(top, #8ebd4d 0%, #8ebd4d 50%, #82b441 51%, #82b441 71%, #82b441 100%);
  background: linear-gradient(to bottom, #8ebd4d 0%, #8ebd4d 50%, #82b441 51%, #82b441 71%, #82b441 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8ebd4d', endColorstr='#82b441', GradientType=0);
}
#interior .left-col .accordion .accordion-group .accordion-heading.selected.specs {
  background: none !important;
}
#interior .left-col .accordion .accordion-group .accordion-heading.selected.specs a {
  background: #f5783a;
  background: -moz-linear-gradient(top, #f5783a 0%, #f5783a 50%, #f05614 51%, #f05614 71%, #f05614 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #f5783a), color-stop(50%, #f5783a), color-stop(51%, #f05614), color-stop(71%, #f05614), color-stop(100%, #f05614));
  background: -webkit-linear-gradient(top, #f5783a 0%, #f5783a 50%, #f05614 51%, #f05614 71%, #f05614 100%);
  background: -o-linear-gradient(top, #f5783a 0%, #f5783a 50%, #f05614 51%, #f05614 71%, #f05614 100%);
  background: -ms-linear-gradient(top, #f5783a 0%, #f5783a 50%, #f05614 51%, #f05614 71%, #f05614 100%);
  background: linear-gradient(to bottom, #f5783a 0%, #f5783a 50%, #f05614 51%, #f05614 71%, #f05614 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5783a', endColorstr='#f05614', GradientType=0);
}
#interior .banner {
  padding-left: 0px;
  padding-right: 0px;
}
#interior .banner .interior {
  width: 100%;
  height: 205px;
  padding-left: 0px;
  padding-right: 0px;
  background: #000000;
  position: relative;
  background-image: url(/assets/images/banner-desktop.jpg);
  background-position: center 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
#interior .banner .interior h1 {
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding: 0px;
  margin: 0px;
  display: block;
  padding-left: 100px;
  width: 100%;
  height: 80px;
  line-height: 80px;
  background-image: url(/assets/images/banner-desktop-h1.png);
  background-repeat: no-repeat;
  color: #ffffff;
}
#interior .banner .parent_62 {
  background-image: url(/assets/images/banner-desktop.jpg);
  background-position: center 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
#interior .banner .parent_62 h1 {
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding: 0px;
  margin: 0px;
  display: block;
  padding-left: 100px;
  width: 100%;
  height: 80px;
  line-height: 80px;
  background-image: url(/assets/images/banner-desktop-h1.png);
  background-repeat: no-repeat;
  color: #ffffff;
}
@media only screen and (max-width: 480px) {
  #interior .right-col {
    padding: 0px;
  }
  #interior .banner .parent_62 {
    background-size: 250%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  #interior .banner .parent_62 {
    background-size: 150%;
  }
}
/* =========================================
   ************** FOOTER  ******************
   =========================================*/
#footer {
  background-color: #231F1F;
  padding-top: 20px;
  color: #E9E9E9;
}
#footer h4 {
  color: #c8c8c8;
  font-size: 1.2rem;
}
#footer a {
  color: #E9E9E9;
}
#footer a:hover {
  color: #ffffff;
}
#footer i {
  color: #c8c8c8;
  margin-left: 10px;
}
#footer i:hover {
  color: #ffffff;
}
#footer h2 {
  color: #c8c8c8;
  padding: 0px;
  margin: 0px;
  font-size: 1.2rem;
  margin-top: 10px;
  margin-bottom: 20px;
}
#footer .top {
  padding-top: 20px;
  padding-bottom: 20px;
}
#footer .top ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#footer .top ul li {
  display: block;
  float: left;
  width: auto;
  margin-left: 10px;
  margin-right: 10px;
}
#footer .top ul li a {
  color: #c8c8c8;
  text-transform: uppercase;
}
#footer .top ul li ul li {
  float: none;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
}
#footer .top ul li ul li a {
  text-transform: none;
}
#footer .top ul li ul li a:hover {
  text-decoration: underline;
}
#footer .top ul li ul li:first-child {
  margin-top: 20px;
}
#footer .top .nav-home {
  display: none;
}
#footer .top .nav-success-stories {
  display: none;
}
#footer .top .nav-custom-analytics {
  display: none;
}
#footer .bottom {
  min-height: 60px;
  padding-top: 20px;
  background-color: #000000;
  color: #E9E9E9;
}
#footer .bottom ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
#footer .bottom ul li {
  float: left;
  border-right: solid 1px #231F1F;
  padding-left: 10px;
  padding-right: 10px;
}
#footer .bottom ul li a {
  color: #c8c8c8;
  font-size: 0.9rem;
}
@media only screen and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 768px), only screen and (min-width: 768px) and (max-width: 992px) {
  #footer h4 {
    text-align: center;
  }
  #footer ul li {
    display: block;
    border: none;
    padding: 0px;
    text-align: center;
    padding-top: 10px;
  }
  #footer ul li a {
    line-height: 30px;
    height: 30px;
  }
  #footer .right-col {
    margin-top: 30px;
  }
  #footer .top ul li {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  #footer ul li {
    text-align: center;
  }
  #footer h4 {
    text-align: center;
  }
  #footer li {
    text-align: center;
  }
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
  #footer ul li {
    text-align: center;
  }
}
/* =========================================
   ************** HOMEPAGE  ******************
   =========================================*/
#homepage .tabs-nav .tab {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #c8c8c8 !important;
  background: repeating-linear-gradient(-55deg, #C4C5C6, #C4C5C6 4px, #C2C2C4 4px, #C2C2C4 8px);
  min-height: 130px;
}
#homepage .tabs-nav .tab a {
  color: #ffffff !important;
  text-transform: uppercase;
  border: none !important;
  width: 100%;
}
#homepage .tabs-nav .tab .icon {
  position: relative;
  display: block;
  height: 100px;
}
#homepage .tabs-nav .tab .icon .valign {
  position: absolute;
  width: 100%;
  height: 100%;
}
#homepage .tabs-nav .tab .icon .valign img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
#homepage .tabs-nav .tab.active {
  background-color: #f05514 !important;
  background: repeating-linear-gradient(-55deg, #F35400, #F35400 4px, #EA5100 4px, #EA5100 8px);
}
#homepage .tabs-nav .tab:hover {
  background-color: #231F1F !important;
  background: repeating-linear-gradient(-55deg, #231F1F, #231F1F 4px, #1E1A1A 4px, #1E1A1A 8px);
}
#homepage .tabs-nav .tab.active:hover {
  background-color: #f05514 !important;
  background: repeating-linear-gradient(-55deg, #F35400, #F35400 4px, #EA5100 4px, #EA5100 8px);
}
#homepage .tab-content {
  padding: 20px;
}
#homepage .content {
  padding-top: 0px;
}
#homepage .content .left {
  padding-left: 40px;
  padding-right: 40px;
}
#homepage .content .left p {
  font-size: 18px;
  line-height: 30px;
}
#homepage .carousel {
  z-index: 1;
  height: 400px;
  overflow: hidden;
  margin-top: 0px;
  background-color: #ffffff;
}
#homepage .carousel .carousel-caption {
  top: 50px;
  z-index: 999;
  text-align: left;
  text-shadow: none !important;
  left: 2%;
  right: 60%;
  padding: 20px;
}
#homepage .carousel .carousel-caption h1 {
  color: #00AFBF;
  font-size: 45px;
  font-weight: 500;
}
#homepage .carousel .carousel-caption p {
  color: #6D6D6D;
  font-size: 20px;
  margin-bottom: 20px;
}
#homepage .carousel h1.title {
  line-height: 400px;
  font-weight: bold;
  font-size: 30px;
}
#homepage .carousel .carousel-control {
  z-index: 99999;
}
#homepage .carousel .item {
  height: 400px;
}
#homepage #devices .heading {
  position: relative;
  min-height: 40px;
}
#homepage #devices .heading h1 {
  position: absolute;
  padding: 0px;
  margin: 0px;
  font-size: 35px;
  width: 100%;
}
#homepage #devices .heading h1 a {
  color: #000000 !important;
}
#homepage #devices .device {
  padding-bottom: 20px;
}
#homepage #devices .device h2 {
  font-size: 14px;
  text-align: center;
}
#homepage #devices .device a {
  color: #000000;
}
#homepage #devices .device a:hover {
  text-decoration: underline;
}
#homepage #devices .device .image {
  width: 100%;
}
#homepage #devices .device .download {
  display: inline-block;
  background-color: #c8c8c8;
  padding: 5px;
  margin-top: 20px;
  width: 100%;
}
@media only screen and (max-width: 480px) {
  #homepage .carousel {
    height: 400px;
    margin-top: 0px;
  }
  #homepage .carousel .carousel-caption {
    top: 20px;
  }
  #homepage .carousel .carousel-caption img {
    width: 200px;
  }
  #homepage .carousel .pull-right {
    right: -50px;
  }
  #homepage .carousel .pull-left {
    left: -50px;
  }
  #homepage .carousel .item {
    height: 400px;
  }
  #homepage .carousel .item.slide1 {
    background-position: right bottom !important;
  }
  #homepage .carousel .item.slide2 {
    background-position: left center !important;
  }
  #homepage .carousel .item.slide3 {
    background-position: left bottom !important;
  }
  #homepage .carousel .item.slide4 {
    background-position: left bottom !important;
  }
  #homepage .carousel .carousel-caption {
    right: 0%;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
  }
  #homepage .carousel .carousel-caption p,
  #homepage .carousel .carousel-caption h1 {
    color: #ffffff;
  }
  #homepage .tabs-nav .tab {
    min-height: 70px !important;
    border-right: solid 1px #E9E9E9;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  #homepage .tabs-nav .tab a {
    font-size: 11px;
  }
  #homepage #devices .heading {
    min-height: 30px;
  }
  #homepage #devices .heading h1 {
    text-align: center;
    font-size: 20px;
  }
  #homepage #devices .device h2 {
    min-height: 40px;
    font-size: 18px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
  #homepage .carousel {
    height: 400px;
  }
  #homepage .carousel .item {
    height: 400px;
  }
  #homepage .carousel .item.slide1 {
    background-position: right bottom !important;
  }
  #homepage .carousel .item.slide2 {
    background-position: left center !important;
  }
  #homepage .carousel .item.slide3 {
    background-position: left bottom !important;
  }
  #homepage .carousel .item.slide4 {
    background-position: left bottom !important;
  }
  #homepage .carousel .carousel-caption {
    top: 25px;
    right: 40%;
    background: rgba(0, 0, 0, 0.5);
  }
  #homepage .carousel .carousel-caption p,
  #homepage .carousel .carousel-caption h1 {
    color: #ffffff;
  }
  #homepage .tabs-nav .tab {
    min-height: 70px !important;
    border-right: solid 1px #E9E9E9;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  #homepage .tabs-nav .tab a {
    font-size: 11px;
  }
  #homepage #devices .heading {
    min-height: 30px;
  }
  #homepage #devices .heading h1 {
    text-align: center;
    font-size: 20px;
  }
  #homepage #devices .device h2 {
    min-height: 40px;
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  #homepage .carousel {
    height: 400px;
  }
  #homepage .carousel .item {
    height: 400px;
  }
  #homepage .carousel .item.slide1 {
    background-position: right bottom !important;
  }
  #homepage .carousel .item.slide2 {
    background-position: left center !important;
  }
  #homepage .carousel .item.slide3 {
    background-position: left bottom !important;
  }
  #homepage .carousel .item.slide4 {
    background-position: left bottom !important;
  }
  #homepage .carousel .carousel-caption {
    top: 25px;
    right: 40%;
    background: rgba(0, 0, 0, 0.5);
  }
  #homepage .carousel .carousel-caption p,
  #homepage .carousel .carousel-caption h1 {
    color: #ffffff;
  }
  #homepage .tabs-nav .tab {
    /* .icon{height:70px;line-height: 70px;} */
  }
  #homepage #devices .device h2 {
    min-height: 40px;
  }
}
/* ********************* START IE 10 hack *********************  */
HTML.ie10 #homepage .tabs-nav .tab .icon .valign {
  position: relative !important;
  display: block;
  margin: auto;
}
HTML.ie10 #homepage .tabs-nav .tab .icon .valign img {
  position: relative;
}
HTML.ie10 #homepage .tabs-nav .tab .icon.smartphone .valign {
  width: 40px;
  height: 40px;
  padding-top: 20px;
}
HTML.ie10 #homepage .tabs-nav .tab .icon.tablet .valign {
  width: 70px;
  height: 70px;
}
HTML.ie10 #homepage .tabs-nav .tab .icon.tv .valign {
  width: 100px;
  height: 50px;
  padding-top: 20px;
}
HTML.ie10 #homepage .tabs-nav .tab .icon.desktop .valign {
  width: 90px;
  height: 50px;
  padding-top: 25px;
}
HTML.ie10 #homepage .tabs-nav .tab .icon.api .valign {
  width: 90px;
  height: 50px;
  padding-top: 20px;
}
@media only screen and (max-width: 480px) {
  HTML.ie10 #homepage .tabs-nav .tab .icon.smartphone .valign {
    width: 30px;
    height: 40px;
    padding-top: 25px;
  }
  HTML.ie10 #homepage .tabs-nav .tab .icon.tablet .valign {
    width: 40px;
    height: 60px;
    padding-top: 25px;
  }
  HTML.ie10 #homepage .tabs-nav .tab .icon.tv .valign {
    width: 35px;
    height: 50px;
    padding-top: 40px;
  }
  HTML.ie10 #homepage .tabs-nav .tab .icon.desktop .valign {
    width: 35px;
    height: 50px;
    padding-top: 40px;
  }
  HTML.ie10 #homepage .tabs-nav .tab .icon.api .valign {
    width: 35px;
    height: 50px;
    padding-top: 40px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
  HTML.ie10 #homepage .tabs-nav .tab .icon.smartphone .valign {
    width: 30px;
    height: 40px;
    padding-top: 25px;
  }
  HTML.ie10 #homepage .tabs-nav .tab .icon.tablet .valign {
    width: 40px;
    height: 60px;
    padding-top: 25px;
  }
  HTML.ie10 #homepage .tabs-nav .tab .icon.tv .valign {
    width: 35px;
    height: 50px;
    padding-top: 40px;
  }
  HTML.ie10 #homepage .tabs-nav .tab .icon.desktop .valign {
    width: 35px;
    height: 50px;
    padding-top: 40px;
  }
  HTML.ie10 #homepage .tabs-nav .tab .icon.api .valign {
    width: 35px;
    height: 50px;
    padding-top: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  HTML.ie10 #homepage .tabs-nav .tab .icon.smartphone .valign {
    width: 40px;
    height: 40px;
    padding-top: 15px;
  }
  HTML.ie10 #homepage .tabs-nav .tab .icon.tablet .valign {
    width: 60px;
    height: 60px;
    padding-top: 10px;
  }
  HTML.ie10 #homepage .tabs-nav .tab .icon.tv .valign {
    width: 70px;
    height: 50px;
    padding-top: 25px;
  }
  HTML.ie10 #homepage .tabs-nav .tab .icon.desktop .valign {
    width: 70px;
    height: 50px;
    padding-top: 30px;
  }
  HTML.ie10 #homepage .tabs-nav .tab .icon.api .valign {
    width: 70px;
    height: 50px;
    padding-top: 25px;
  }
}
/* ********************* END IE 10 hack *********************  */
/* =========================================
   ************** FAQ ************** 
   =========================================*/
#faq .panel-heading:hover {
  background: none;
  background-color: #f05514 !important;
  color: #ffffff !important;
}
#faq .panel-heading:hover a {
  color: #ffffff !important;
}
#faq .panel-heading.active {
  background: none !important;
  background-color: #f05514 !important;
  color: #ffffff !important;
}
#faq .panel-heading.active a {
  color: #ffffff !important;
}
/* =========================================
   ************** SEARCH  PAGE ************** 
   =========================================*/
#search .results .row {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: solid 1px #c8c8c8;
}
#search .results i {
  font-size: 120px;
}
/* =========================================
   ********  SITEMAP  PAGE ********** 
   =========================================*/
#sitemap ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
#sitemap ul li {
  float: left;
  width: 30%;
  margin: 10px;
  text-align: center;
}
#sitemap ul li a {
  color: #000000;
  font-size: 20px;
}
#sitemap ul li ul {
  padding: 0px;
  margin: 0px;
  margin-top: 10px;
  padding: 10px;
  background-color: #E9E9E9;
}
#sitemap ul li ul li {
  float: none;
  width: 100%;
  padding: 5px;
  padding-left: 10px;
  text-align: left;
}
#sitemap ul li ul li a {
  color: #f05514;
  font-size: 14px;
}
#sitemap ul li ul li ul {
  background-color: none;
  padding: 0px;
  margin: 0px;
}
#sitemap ul li ul li ul li {
  background-color: none;
  padding: 5px;
  margin: 0px;
  padding-left: 20px;
}
#sitemap .nav-home {
  display: none;
}
#sitemap .nav-success-stories {
  display: none;
}
@media only screen and (max-width: 480px) {
  #sitemap ul li {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  #sitemap ul li {
    width: 100%;
  }
}
/* =========================================
   ************** ELEMENT - BRIGHCOVE  *********** 
   =========================================*/
.outer-container {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  margin-bottom: 20px;
}
.BrightcoveExperience {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* =========================================
   ************** ELEMENT - BLOCK  *********** 
   =========================================*/
.block {
  display: block;
  width: 100%;
  background-color: #ffffff;
}
.block.grey {
  background-color: #E9E9E9;
}
.block.pad {
  padding-left: 50px;
  padding-right: 50px;
}
.block .inner {
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 20px;
  padding-bottom: 20px;
}