@charset "UTF-8";
/*
Dolphin Computer Access - All rights reserved
*/
/*
    styles.scss
    Created on : 01-Jun-2015, 11:32:13
    Author     : Matthew Pearsall <matthew.pearsall@yourdolphin.com>
*/
/* Colour variables */
div.dev-alert {
  position: fixed;
  left: 10px;
  top: 10px;
  z-index: 9999; }
  div.dev-alert a.close {
    float: none;
    position: absolute;
    right: 7px;
    top: 1px; }

[class*='flex'] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }

.flex-center-horizontal {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center; }

.flex-center-vertical {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }

.flex-row {
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap; }

.flex-column {
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap; }
  .flex-column.flex-center-vertical {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center; }
  .flex-column.flex-center-horizontal {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }

/*
Dolphin Computer Access - All rights reserved
*/
/* 
    _layout.scss
    Created on : 01-Jun-2015, 12:33:20
    Author     : Matthew Pearsall <matthew.pearsall@yourdolphin.com>
*/
/* lg */
@media only screen and (min-width: 1200px) {
  .home-notch-products {
    height: 9em; }
  #hardware-circle {
    padding-left: 9em;
    padding-right: 9em; } }

/* md */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .home-notch-products {
    height: 13em; }
  #hardware-circle {
    padding-left: 5em;
    padding-right: 5em; } }

/* sm */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-notch-products {
    height: 13em; }
  #cse-search-box input {
    width: 100%; } }

/* xs */
@media only screen and (max-width: 767px) {
  #logo {
    text-align: center; }
  #navbar-right {
    float: none;
    /* Float not required in mobile look */ }
  #footer-box {
    text-align: left; }
  .footer-col {
    margin-bottom: 2em; }
  #product-sub-footer {
    margin-bottom: 2em; }
  .breadcrumb {
    display: none; }
  div.title-bar h1 {
    margin: 1em 0; }
  .btn-shop {
    width: 100%;
    margin-bottom: 1em; }
  .home-notch-products {
    height: 8em; } }

@media only screen and (max-width: 767px) and (orientation: landscape) {
  div.circle-border {
    width: 75%;
    padding-bottom: 75%; }
  /* Reduce image sizes */
  div.circle-image img {
    width: 75%;
    height: 75%; } }

@media print {
  a[href]:after {
    content: none; } }

ul.no-bullet {
  list-style: none; }

nav.scroll-fix {
  background-color: white;
  border-radius: 0; }
  nav.scroll-fix.fixed {
    background-color: rgba(245, 245, 245, 0.9); }

.no-margin-top {
  margin-top: 0; }

.no-padding-top {
  padding-top: 0; }

.no-margin-right {
  margin-right: 0; }

.no-padding-right {
  padding-right: 0; }

.no-margin-bottom {
  margin-bottom: 0; }

.no-padding-bottom {
  padding-bottom: 0; }

.no-margin-left {
  margin-left: 0; }

.no-padding-left {
  padding-left: 0; }

.block-center {
  margin: 0 auto; }

div.fixed-container {
  position: relative; }
  div.fixed-container > nav.scroll-fix {
    position: absolute;
    top: 0;
    width: 100%; }
    div.fixed-container > nav.scroll-fix.fixed {
      position: fixed;
      left: 0;
      top: 0;
      width: 100vw;
      z-index: 99; }

div.row.full-height {
  min-height: 60vh; }

/* List styles */
div.cms ul:not(.bxslider) > li span.chevron {
  display: inline;
  font-size: 24px;
  font-weight: 700;
  left: -0.8em;
  position: absolute;
  top: -1px; }

div.cms.guide:not(.bxslider) ul:not(.no-bullet) li:before {
  background-color: #B7D166; }

div.cms.guide:not(.bxslider) ul > li span.chevron {
  color: #B7D166; }

div.cms.gr:not(.bxslider) ul:not(.no-bullet) li:before {
  background-color: #B7D166; }

div.cms.gr:not(.bxslider) ul > li span.chevron {
  color: #B7D166; }

div.cms.grtv:not(.bxslider) ul:not(.no-bullet) li:before {
  background-color: #B7D166; }

div.cms.grtv:not(.bxslider) ul > li span.chevron {
  color: #B7D166; }

div.cms.s_nova:not(.bxslider) ul:not(.no-bullet) li:before {
  background-color: #E72F56; }

div.cms.s_nova:not(.bxslider) ul > li span.chevron {
  color: #E72F56; }

div.cms.r_mag:not(.bxslider) ul:not(.no-bullet) li:before {
  background-color: #00B2E5; }

div.cms.r_mag:not(.bxslider) ul > li span.chevron {
  color: #00B2E5; }

div.cms.a_suite:not(.bxslider) ul:not(.no-bullet) li:before {
  background-color: #E72F56; }

div.cms.a_suite:not(.bxslider) ul > li span.chevron {
  color: #E72F56; }

div.cms.se:not(.bxslider) ul:not(.no-bullet) li:before {
  background-color: #931B7F; }

div.cms.se:not(.bxslider) ul > li span.chevron {
  color: #931B7F; }

div.cms.s_read:not(.bxslider) ul:not(.no-bullet) li:before {
  background-color: #F7B634; }

div.cms.s_read:not(.bxslider) ul > li span.chevron {
  color: #F7B634; }

div.cms.easy_c:not(.bxslider) ul:not(.no-bullet) li:before {
  background-color: #931B7F; }

div.cms.easy_c:not(.bxslider) ul > li span.chevron {
  color: #931B7F; }

div.cms.easy_ce:not(.bxslider) ul:not(.no-bullet) li:before {
  background-color: #931B7F; }

div.cms.easy_ce:not(.bxslider) ul > li span.chevron {
  color: #931B7F; }

div.cms.easy_r:not(.bxslider) ul:not(.no-bullet) li:before {
  background-color: #00B2E5; }

div.cms.easy_r:not(.bxslider) ul > li span.chevron {
  color: #00B2E5; }

div.cms.test:not(.bxslider) ul:not(.no-bullet) li:before {
  background-color: #00B2E5; }

div.cms.test:not(.bxslider) ul > li span.chevron {
  color: #00B2E5; }

div.cms.easy_r_ios:not(.bxslider) ul:not(.no-bullet) li:before {
  background-color: #00B2E5; }

div.cms.easy_r_ios:not(.bxslider) ul > li span.chevron {
  color: #00B2E5; }

div.cms.dol_pub:not(.bxslider) ul:not(.no-bullet) li:before {
  background-color: #931B7F; }

div.cms.dol_pub:not(.bxslider) ul > li span.chevron {
  color: #931B7F; }

div.cms.blind:not(.bxslider) ul:not(.no-bullet) li:before {
  background-color: #F7B634; }

div.cms.blind:not(.bxslider) ul > li span.chevron {
  color: #F7B634; }

div.cms.orgs:not(.bxslider) ul:not(.no-bullet) li:before {
  background-color: #931B7F; }

div.cms.orgs:not(.bxslider) ul > li span.chevron {
  color: #931B7F; }

div.cms.dys:not(.bxslider) ul:not(.no-bullet) li:before {
  background-color: #00B2E5; }

div.cms.dys:not(.bxslider) ul > li span.chevron {
  color: #00B2E5; }

div.cms.mag:not(.bxslider) ul:not(.no-bullet) li:before {
  background-color: #F7B634; }

div.cms.mag:not(.bxslider) ul > li span.chevron {
  color: #F7B634; }

div.cms ul:not(.bxslider) {
  list-style: none; }
  div.cms ul:not(.bxslider):not(.no-bullet) > li:before {
    background-color: black;
    border-radius: 50%;
    content: '';
    display: block;
    height: 7px;
    position: absolute;
    left: -1.4em;
    top: 0.5em;
    width: 7px; }
  div.cms ul:not(.bxslider) > li {
    position: relative; }
    div.cms ul:not(.bxslider) > li p {
      position: relative;
      margin-left: 1.4em;
      text-align: left; }
    div.cms ul:not(.bxslider) > li i {
      display: none; }

div.guide ul > li:before {
  background-color: #B7D166;
  color: #B7D166; }

div.guide:not(.cms) {
  background-color: #B7D166; }

hr.guide {
  border-color: #B7D166; }

i.guide {
  color: #B7D166; }

div.gr ul > li:before {
  background-color: #B7D166;
  color: #B7D166; }

div.gr:not(.cms) {
  background-color: #B7D166; }

hr.gr {
  border-color: #B7D166; }

i.gr {
  color: #B7D166; }

div.grtv ul > li:before {
  background-color: #B7D166;
  color: #B7D166; }

div.grtv:not(.cms) {
  background-color: #B7D166; }

hr.grtv {
  border-color: #B7D166; }

i.grtv {
  color: #B7D166; }

div.s_nova ul > li:before {
  background-color: #E72F56;
  color: #E72F56; }

div.s_nova:not(.cms) {
  background-color: #E72F56; }

hr.s_nova {
  border-color: #E72F56; }

i.s_nova {
  color: #E72F56; }

div.r_mag ul > li:before {
  background-color: #00B2E5;
  color: #00B2E5; }

div.r_mag:not(.cms) {
  background-color: #00B2E5; }

hr.r_mag {
  border-color: #00B2E5; }

i.r_mag {
  color: #00B2E5; }

div.a_suite ul > li:before {
  background-color: #E72F56;
  color: #E72F56; }

div.a_suite:not(.cms) {
  background-color: #E72F56; }

hr.a_suite {
  border-color: #E72F56; }

i.a_suite {
  color: #E72F56; }

div.se ul > li:before {
  background-color: #931B7F;
  color: #931B7F; }

div.se:not(.cms) {
  background-color: #931B7F; }

hr.se {
  border-color: #931B7F; }

i.se {
  color: #931B7F; }

div.s_read ul > li:before {
  background-color: #F7B634;
  color: #F7B634; }

div.s_read:not(.cms) {
  background-color: #F7B634; }

hr.s_read {
  border-color: #F7B634; }

i.s_read {
  color: #F7B634; }

div.easy_c ul > li:before {
  background-color: #931B7F;
  color: #931B7F; }

div.easy_c:not(.cms) {
  background-color: #931B7F; }

hr.easy_c {
  border-color: #931B7F; }

i.easy_c {
  color: #931B7F; }

div.easy_ce ul > li:before {
  background-color: #931B7F;
  color: #931B7F; }

div.easy_ce:not(.cms) {
  background-color: #931B7F; }

hr.easy_ce {
  border-color: #931B7F; }

i.easy_ce {
  color: #931B7F; }

div.easy_r ul > li:before {
  background-color: #00B2E5;
  color: #00B2E5; }

div.easy_r:not(.cms) {
  background-color: #00B2E5; }

hr.easy_r {
  border-color: #00B2E5; }

i.easy_r {
  color: #00B2E5; }

div.test ul > li:before {
  background-color: #00B2E5;
  color: #00B2E5; }

div.test:not(.cms) {
  background-color: #00B2E5; }

hr.test {
  border-color: #00B2E5; }

i.test {
  color: #00B2E5; }

div.easy_r_ios ul > li:before {
  background-color: #00B2E5;
  color: #00B2E5; }

div.easy_r_ios:not(.cms) {
  background-color: #00B2E5; }

hr.easy_r_ios {
  border-color: #00B2E5; }

i.easy_r_ios {
  color: #00B2E5; }

div.dol_pub ul > li:before {
  background-color: #931B7F;
  color: #931B7F; }

div.dol_pub:not(.cms) {
  background-color: #931B7F; }

hr.dol_pub {
  border-color: #931B7F; }

i.dol_pub {
  color: #931B7F; }

div.blind ul > li:before {
  background-color: #F7B634;
  color: #F7B634; }

div.blind:not(.cms) {
  background-color: #F7B634; }

hr.blind {
  border-color: #F7B634; }

i.blind {
  color: #F7B634; }

div.orgs ul > li:before {
  background-color: #931B7F;
  color: #931B7F; }

div.orgs:not(.cms) {
  background-color: #931B7F; }

hr.orgs {
  border-color: #931B7F; }

i.orgs {
  color: #931B7F; }

div.dys ul > li:before {
  background-color: #00B2E5;
  color: #00B2E5; }

div.dys:not(.cms) {
  background-color: #00B2E5; }

hr.dys {
  border-color: #00B2E5; }

i.dys {
  color: #00B2E5; }

div.mag ul > li:before {
  background-color: #F7B634;
  color: #F7B634; }

div.mag:not(.cms) {
  background-color: #F7B634; }

hr.mag {
  border-color: #F7B634; }

i.mag {
  color: #F7B634; }

.panel-notch-guide:after {
  border-top: solid 1em #B7D166 !important; }

.panel-notch-guide > div.title {
  border: solid #B7D166 2px;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.panel-notch-guide > div.content {
  border: solid #B7D166 2px; }
  .panel-notch-guide > div.content > p span.chevron {
    color: #B7D166; }

.panel-notch-s_nova:after {
  border-top: solid 1em #E72F56 !important; }

.panel-notch-s_nova > div.title {
  border: solid #E72F56 2px;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.panel-notch-s_nova > div.content {
  border: solid #E72F56 2px; }
  .panel-notch-s_nova > div.content > p span.chevron {
    color: #E72F56; }

.panel-notch-blind:after {
  border-top: solid 1em #F7B634 !important; }

.panel-notch-blind > div.title {
  border: solid #F7B634 2px;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.panel-notch-blind > div.content {
  border: solid #F7B634 2px; }
  .panel-notch-blind > div.content > p span.chevron {
    color: #F7B634; }

.panel-notch-orgs:after {
  border-top: solid 1em #931B7F !important; }

.panel-notch-orgs > div.title {
  border: solid #931B7F 2px;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.panel-notch-orgs > div.content {
  border: solid #931B7F 2px; }
  .panel-notch-orgs > div.content > p span.chevron {
    color: #931B7F; }

.panel-notch-dys:after {
  border-top: solid 1em #00B2E5 !important; }

.panel-notch-dys > div.title {
  border: solid #00B2E5 2px;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.panel-notch-dys > div.content {
  border: solid #00B2E5 2px; }
  .panel-notch-dys > div.content > p span.chevron {
    color: #00B2E5; }

.panel-notch-mag:after {
  border-top: solid 1em #F7B634 !important; }

.panel-notch-mag > div.title {
  border: solid #F7B634 2px;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.panel-notch-mag > div.content {
  border: solid #F7B634 2px; }
  .panel-notch-mag > div.content > p span.chevron {
    color: #F7B634; }

.panel-notch-r_mag:after {
  border-top: solid 1em #00B2E5 !important; }

.panel-notch-r_mag > div.title {
  border: solid #00B2E5 2px;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.panel-notch-r_mag > div.content {
  border: solid #00B2E5 2px; }
  .panel-notch-r_mag > div.content > p span.chevron {
    color: #00B2E5; }

.panel-notch-a_suite:after {
  border-top: solid 1em #E72F56 !important; }

.panel-notch-a_suite > div.title {
  border: solid #E72F56 2px;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.panel-notch-a_suite > div.content {
  border: solid #E72F56 2px; }
  .panel-notch-a_suite > div.content > p span.chevron {
    color: #E72F56; }

a.btn-guide {
  border: solid #B7D166 2px; }
  a.btn-guide:hover, a.btn-guide:focus {
    background-color: #B7D166;
    color: #fff; }

a.btn-s_nova {
  border: solid #E72F56 2px; }
  a.btn-s_nova:hover, a.btn-s_nova:focus {
    background-color: #E72F56;
    color: #fff; }

a.btn-s_nova-solid {
  background-color: #E72F56;
  color: #fff; }
  a.btn-s_nova-solid:hover, a.btn-s_nova-solid:focus {
    background-color: rgba(231, 47, 86, 0.8); }

a.btn-blind {
  border: solid #F7B634 2px; }
  a.btn-blind:hover, a.btn-blind:focus {
    background-color: #F7B634;
    color: #fff; }

a.btn-orgs {
  border: solid #931B7F 2px; }
  a.btn-orgs:hover, a.btn-orgs:focus {
    background-color: #931B7F;
    color: #fff; }

a.btn-orgs-solid {
  background-color: #931B7F;
  color: #fff; }
  a.btn-orgs-solid:hover, a.btn-orgs-solid:focus {
    background-color: rgba(147, 27, 127, 0.8); }

a.btn-dys {
  border: solid #00B2E5 2px; }
  a.btn-dys:hover, a.btn-dys:focus {
    background-color: #00B2E5;
    color: #fff; }

/* Product specific overrides */
a.btn-mag {
  border: solid #F7B634 2px; }
  a.btn-mag:hover, a.btn-mag:focus {
    background-color: #F7B634;
    color: #fff; }

a.btn-r_mag {
  border: solid #00B2E5 2px; }
  a.btn-r_mag:hover, a.btn-r_mag:focus {
    background-color: #00B2E5;
    color: #fff; }

a.btn-a_suite {
  border: solid #E72F56 2px; }
  a.btn-a_suite:hover, a.btn-a_suite:focus {
    background-color: #E72F56;
    color: #fff; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-list {
  z-index: 1; }
  .slick-loading .slick-list {
    background: #fff url("/assets/images/ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("/assets/fonts/slick.eot");
  src: url("/assets/fonts/slick.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/slick.woff") format("woff"), url("/assets/fonts/slick.ttf") format("truetype"), url("/assets/fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  z-index: 2; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 40px;
    line-height: 1;
    color: black;
    opacity: 0.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    .slick-prev:before:hover,
    .slick-next:before:hover {
      opacity: 1; }

.slick-prev {
  left: -45px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -45px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 18px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.5; }

table.table-fixed {
  table-layout: fixed; }
  table.table-fixed th.column-wide {
    width: 35%; }

div.row.row-table {
  display: table; }
  div.row.row-table > [class*="col"] {
    display: table-cell;
    float: none;
    padding-top: 22px;
    position: relative; }
    div.row.row-table > [class*="col"]:before {
      background-color: #f2f2f2;
      content: "";
      height: 100%;
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      z-index: -1; }
    div.row.row-table > [class*="col"]:first-child:before {
      border-top-left-radius: 0.5em;
      border-bottom-left-radius: 0.5em;
      left: 15px; }
    div.row.row-table > [class*="col"]:last-child:before {
      border-top-right-radius: 0.5em;
      border-bottom-right-radius: 0.5em;
      right: 15px; }
  div.row.row-table.inside-borders > [class*="col"]:not(:last-child) {
    border-right: 1px solid #a0a0a0; }
  div.row.row-table.rounded {
    border-radius: 0.5em; }

@media screen and (max-width: 768px) {
  table.table-fixed {
    table-layout: auto; } }

/* [Bootstrap overrides] -------------------------------------------------------*/
/* ### [Navigation] ### */
div.top-container {
  /*  display: -ms-flexbox;*/
  display: flex;
  /*  overflow: hidden;*/
  flex-direction: row;
  /*  display: -ms-flexbox;*/
  display: flex;
  /*  overflow: hidden;*/
  justify-content: center;
  margin: 0.6em 0; }
  div.top-container > div {
    /*  display: -ms-flexbox;*/
    display: flex;
    /*  overflow: hidden;*/
    flex-direction: column;
    /*  display: -ms-flexbox;*/
    display: flex;
    /*  overflow: hidden;*/
    justify-content: flex-end; }
    div.top-container > div.company-info-ctr p.company-tel {
      color: #0F83A5; }
  div.top-container img.logo {
    max-height: 75px; }

.navbar-default {
  background: #555;
  border: none;
  border-radius: 0; }
  .navbar-default .navbar-brand {
    color: #fff; }
    .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
      color: #fff; }
  .navbar-default .navbar-text {
    color: #fff; }
  .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li.active > a, .navbar-default .navbar-nav > li.open > a, .navbar-default .navbar-nav > li:focus > a {
    line-height: inherit;
    color: #fff; }
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li.active > a:hover, .navbar-default .navbar-nav > li.active > a:focus, .navbar-default .navbar-nav > li.open > a:hover, .navbar-default .navbar-nav > li.open > a:focus, .navbar-default .navbar-nav > li:focus > a:hover, .navbar-default .navbar-nav > li:focus > a:focus {
      background-color: #00B2E5;
      color: #fff; }
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #666; }
  .navbar-default .navbar-toggle {
    border-color: #ddd; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
      background-color: #ccc; }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: #333; }
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    border-color: #fff; }
  .navbar-default .navbar-link {
    color: #fff; }
    .navbar-default .navbar-link:hover {
      color: #fff; }

@media (max-width: 767px) {
  .navbar-default {
    background: #F2F2F2; }
    .navbar-default .navbar-nav > li > a {
      color: #333; }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
      color: #333; }
      .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333; }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #333;
      background-color: #666; } }

/* Fixes issue where elements in wrong order due to float right on multiple elements */
#navbar-right {
  float: right; }

.thumbnail-highlight {
  box-shadow: 0 0 15px 0 rgba(0, 178, 229, 0.9); }

.page-header {
  margin-top: 0;
  padding-bottom: 0.05em;
  border-bottom: 2px solid #00B2E5; }
  .page-header > h1 {
    margin-top: 0;
    margin-bottom: 0.4em; }
    .page-header > h1 > small {
      color: #555; }

.breadcrumb {
  margin-top: -15px;
  margin-bottom: 15px; }

.dol-jumbo {
  margin: -22px 0 1em 0;
  background-color: #00B2E5;
  color: #fff;
  padding: 1em 0;
  text-align: center; }
  .dol-jumbo a {
    color: #555; }
    .dol-jumbo a:link, .dol-jumbo a:visited, .dol-jumbo a:hover {
      color: #555; }

.required {
  color: red; }

/* NOT USED */
div.title-bar {
  background-color: #00B2E5;
  color: #fff;
  margin-top: -20px;
  margin-bottom: 1em; }
  div.title-bar h1 {
    margin: 0.25em 0 0.5em; }

/* NOT USED */
ol.title-bar-breadcrumb, ul.title-bar-breadcrumb {
  list-style: outside none none;
  margin: 0.5em 0 0;
  padding: 0 0 0.5em;
  border-bottom: solid #fff 1px; }
  ol.title-bar-breadcrumb li + li::before, ul.title-bar-breadcrumb li + li::before {
    padding: 0 5px;
    color: #fff;
    content: "/ "; }
  ol.title-bar-breadcrumb li, ul.title-bar-breadcrumb li {
    display: inline-block; }
  ol.title-bar-breadcrumb li, ol.title-bar-breadcrumb a, ul.title-bar-breadcrumb li, ul.title-bar-breadcrumb a {
    color: #fff; }
  ol.title-bar-breadcrumb li.active, ul.title-bar-breadcrumb li.active {
    font-weight: bold; }

/* [Top level] -----------------------------------------------------------------*/
body {
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.5px; }

div.cms {
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif !important; }
  div.cms p, div.cms span {
    font-size: 1em; }
  div.cms img {
    height: auto !important; }
  div.cms img[style*="float:left"] {
    margin: 0 1em 0 0; }
  div.cms img[style*="float:right"] {
    margin: 0 0 0 1em; }
  div.cms img, div.cms iframe {
    max-width: 100%; }

/* [Typography] ----------------------------------------------------------------*/
h1.small, h2.small, h3.small, h4.small, h5.small, h6.small {
  font-size: 1em; }

h1.medium, h2.medium, h3.medium, h4.medium, h5.medium, h6.medium {
  font-size: 1.1em; }

h1.large, h2.large, h3.large, h4.large, h5.large, h6.large {
  font-size: 1.2em; }

h1.x-large, h2.x-large, h3.x-large, h4.x-large, h5.x-large, h6.x-large {
  font-size: 1.3em; }

h1 {
  font-size: 2.0em; }

h2 {
  font-size: 1.6em; }

h3 {
  font-size: 1.4em; }

h4 {
  font-size: 1.3em; }

h5 {
  font-size: 1.2em; }

h6 {
  font-size: 1.0em; }

a:focus:not(:hover) {
  text-decoration: none; }

/*a.dark {
  color: $darkerGrey;
  &:hover {
    color: #000;
  }
}*/
a.bold {
  color: #333;
  font-weight: bold; }
  a.bold:hover {
    color: #000; }

.dolphin-text {
  color: #00B2E5; }

a.dead:link, a.dead:visited {
  color: red; }

/* Fix for CKEditor placing jump links in anchor tags with no href */
a:not([href]) {
  color: #333;
  text-decoration: none; }

hr {
  border: 0 solid #00B2E5;
  border-top-width: 1px; }

hr.even {
  margin: 10px 0 10px 0; }

hr.family {
  border: #00B2E5 solid 2px;
  width: 75%;
  border-radius: 1em; }

/* [Footer] ------------------------------------------------------------------*/
#footer-box {
  margin-top: 1em;
  background-color: #555; }
  #footer-box * {
    color: #fff; }
  #footer-box h2, #footer-box h3, #footer-box h4, #footer-box h5, #footer-box h6 {
    margin-top: 0; }

div.footer-col {
  margin-bottom: 1em; }

span.social-icon a img {
  margin-bottom: 0.25em; }

#footer-nl {
  border: #00B2E5 solid 1px;
  padding: 0.75em 0.5em;
  border-radius: 0.5em; }
  #footer-nl input[type='email'] {
    color: #333; }

/* [Blobs] -------------------------------------------------------------------*/
div.blobBox {
  text-align: center; }
  div.blobBox img {
    padding: 0; }

/* Notched box */
div.notch-box, div.padded-notch-box, div.panel-notch-guide, div.panel-notch-s_nova, div.panel-notch-blind, div.panel-notch-orgs, div.panel-notch-dys, div.panel-notch-mag, div.panel-notch-r_mag, div.panel-notch-a_suite, div.panel-notch-default {
  position: relative;
  border-radius: 0.5em;
  margin-bottom: 1em; }
  div.notch-box:after, div.padded-notch-box:after, div.panel-notch-guide:after, div.panel-notch-s_nova:after, div.panel-notch-blind:after, div.panel-notch-orgs:after, div.panel-notch-dys:after, div.panel-notch-mag:after, div.panel-notch-r_mag:after, div.panel-notch-a_suite:after, div.panel-notch-default:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1em;
    width: 0;
    z-index: 1;
    height: 0;
    border-top: solid 1em #fff;
    border-left: solid 1em transparent;
    border-right: solid 1em transparent; }
  div.notch-box div.title, div.padded-notch-box div.title, div.panel-notch-guide div.title, div.panel-notch-s_nova div.title, div.panel-notch-blind div.title, div.panel-notch-orgs div.title, div.panel-notch-dys div.title, div.panel-notch-mag div.title, div.panel-notch-r_mag div.title, div.panel-notch-a_suite div.title, div.panel-notch-default div.title, div.notch-box div.content, div.padded-notch-box div.content, div.panel-notch-guide div.content, div.panel-notch-s_nova div.content, div.panel-notch-blind div.content, div.panel-notch-orgs div.content, div.panel-notch-dys div.content, div.panel-notch-mag div.content, div.panel-notch-r_mag div.content, div.panel-notch-a_suite div.content, div.panel-notch-default div.content {
    width: 100%; }
  div.notch-box div.title, div.padded-notch-box div.title, div.panel-notch-guide div.title, div.panel-notch-s_nova div.title, div.panel-notch-blind div.title, div.panel-notch-orgs div.title, div.panel-notch-dys div.title, div.panel-notch-mag div.title, div.panel-notch-r_mag div.title, div.panel-notch-a_suite div.title, div.panel-notch-default div.title {
    padding: 1em;
    display: table; }
    div.notch-box div.title > h1, div.padded-notch-box div.title > h1, div.panel-notch-guide div.title > h1, div.panel-notch-s_nova div.title > h1, div.panel-notch-blind div.title > h1, div.panel-notch-orgs div.title > h1, div.panel-notch-dys div.title > h1, div.panel-notch-mag div.title > h1, div.panel-notch-r_mag div.title > h1, div.panel-notch-a_suite div.title > h1, div.panel-notch-default div.title > h1, div.notch-box div.title h2, div.padded-notch-box div.title h2, div.panel-notch-guide div.title h2, div.panel-notch-s_nova div.title h2, div.panel-notch-blind div.title h2, div.panel-notch-orgs div.title h2, div.panel-notch-dys div.title h2, div.panel-notch-mag div.title h2, div.panel-notch-r_mag div.title h2, div.panel-notch-a_suite div.title h2, div.panel-notch-default div.title h2, div.notch-box div.title h3, div.padded-notch-box div.title h3, div.panel-notch-guide div.title h3, div.panel-notch-s_nova div.title h3, div.panel-notch-blind div.title h3, div.panel-notch-orgs div.title h3, div.panel-notch-dys div.title h3, div.panel-notch-mag div.title h3, div.panel-notch-r_mag div.title h3, div.panel-notch-a_suite div.title h3, div.panel-notch-default div.title h3, div.notch-box div.title h4, div.padded-notch-box div.title h4, div.panel-notch-guide div.title h4, div.panel-notch-s_nova div.title h4, div.panel-notch-blind div.title h4, div.panel-notch-orgs div.title h4, div.panel-notch-dys div.title h4, div.panel-notch-mag div.title h4, div.panel-notch-r_mag div.title h4, div.panel-notch-a_suite div.title h4, div.panel-notch-default div.title h4, div.notch-box div.title h5, div.padded-notch-box div.title h5, div.panel-notch-guide div.title h5, div.panel-notch-s_nova div.title h5, div.panel-notch-blind div.title h5, div.panel-notch-orgs div.title h5, div.panel-notch-dys div.title h5, div.panel-notch-mag div.title h5, div.panel-notch-r_mag div.title h5, div.panel-notch-a_suite div.title h5, div.panel-notch-default div.title h5, div.notch-box div.title h6, div.padded-notch-box div.title h6, div.panel-notch-guide div.title h6, div.panel-notch-s_nova div.title h6, div.panel-notch-blind div.title h6, div.panel-notch-orgs div.title h6, div.panel-notch-dys div.title h6, div.panel-notch-mag div.title h6, div.panel-notch-r_mag div.title h6, div.panel-notch-a_suite div.title h6, div.panel-notch-default div.title h6 {
      text-align: center;
      display: table-cell;
      vertical-align: middle;
      /*@include verticalFlexAlign;*/ }
  div.notch-box div.content, div.padded-notch-box div.content, div.panel-notch-guide div.content, div.panel-notch-s_nova div.content, div.panel-notch-blind div.content, div.panel-notch-orgs div.content, div.panel-notch-dys div.content, div.panel-notch-mag div.content, div.panel-notch-r_mag div.content, div.panel-notch-a_suite div.content, div.panel-notch-default div.content {
    padding: 0.5em;
    /*    display: table;*/ }
    div.notch-box div.content ul, div.padded-notch-box div.content ul, div.panel-notch-guide div.content ul, div.panel-notch-s_nova div.content ul, div.panel-notch-blind div.content ul, div.panel-notch-orgs div.content ul, div.panel-notch-dys div.content ul, div.panel-notch-mag div.content ul, div.panel-notch-r_mag div.content ul, div.panel-notch-a_suite div.content ul, div.panel-notch-default div.content ul {
      height: 100%;
      /*  display: -ms-flexbox;*/
      display: flex;
      /*  overflow: hidden;*/
      justify-content: center;
      /*  -ms-flex-pack: center;*/
      align-content: center;
      flex-direction: column;
      /*  -ms-flex-align: center;*/ }
    div.notch-box div.content > p, div.padded-notch-box div.content > p, div.panel-notch-guide div.content > p, div.panel-notch-s_nova div.content > p, div.panel-notch-blind div.content > p, div.panel-notch-orgs div.content > p, div.panel-notch-dys div.content > p, div.panel-notch-mag div.content > p, div.panel-notch-r_mag div.content > p, div.panel-notch-a_suite div.content > p, div.panel-notch-default div.content > p {
      display: block; }

div.padded-notch-box {
  padding: 1.5em 1em; }
  div.padded-notch-box div.title, div.padded-notch-box div.content {
    background-color: #fff;
    border-radius: 0.5em; }
  div.padded-notch-box div.title {
    margin-bottom: 1em; }
    div.padded-notch-box div.title > h1, div.padded-notch-box div.title h2, div.padded-notch-box div.title h3, div.padded-notch-box div.title h4, div.padded-notch-box div.title h5, div.padded-notch-box div.title h6 {
      margin: 0; }
  div.padded-notch-box div.content > p {
    margin: 0;
    text-align: center;
    /*  display: -ms-flexbox;*/
    display: flex;
    /*  overflow: hidden;*/
    justify-content: center;
    /*  -ms-flex-pack: center;*/
    align-content: center;
    flex-direction: column;
    /*  -ms-flex-align: center;*/ }
    div.padded-notch-box div.content > p:before {
      content: ''; }

.panel-notch-guide, .panel-notch-s_nova, .panel-notch-blind, .panel-notch-orgs, .panel-notch-dys, .panel-notch-mag, .panel-notch-r_mag, .panel-notch-a_suite, div.panel-notch-default {
  padding: 0; }
  .panel-notch-guide > div.title, .panel-notch-s_nova > div.title, .panel-notch-blind > div.title, .panel-notch-orgs > div.title, .panel-notch-dys > div.title, .panel-notch-mag > div.title, .panel-notch-r_mag > div.title, .panel-notch-a_suite > div.title, div.panel-notch-default > div.title {
    border-radius: 0.5em; }
    .panel-notch-guide > div.title > h1, .panel-notch-s_nova > div.title > h1, .panel-notch-blind > div.title > h1, .panel-notch-orgs > div.title > h1, .panel-notch-dys > div.title > h1, .panel-notch-mag > div.title > h1, .panel-notch-r_mag > div.title > h1, .panel-notch-a_suite > div.title > h1, div.panel-notch-default > div.title > h1, .panel-notch-guide > div.title h2, .panel-notch-s_nova > div.title h2, .panel-notch-blind > div.title h2, .panel-notch-orgs > div.title h2, .panel-notch-dys > div.title h2, .panel-notch-mag > div.title h2, .panel-notch-r_mag > div.title h2, .panel-notch-a_suite > div.title h2, div.panel-notch-default > div.title h2, .panel-notch-guide > div.title h3, .panel-notch-s_nova > div.title h3, .panel-notch-blind > div.title h3, .panel-notch-orgs > div.title h3, .panel-notch-dys > div.title h3, .panel-notch-mag > div.title h3, .panel-notch-r_mag > div.title h3, .panel-notch-a_suite > div.title h3, div.panel-notch-default > div.title h3, .panel-notch-guide > div.title h4, .panel-notch-s_nova > div.title h4, .panel-notch-blind > div.title h4, .panel-notch-orgs > div.title h4, .panel-notch-dys > div.title h4, .panel-notch-mag > div.title h4, .panel-notch-r_mag > div.title h4, .panel-notch-a_suite > div.title h4, div.panel-notch-default > div.title h4, .panel-notch-guide > div.title h5, .panel-notch-s_nova > div.title h5, .panel-notch-blind > div.title h5, .panel-notch-orgs > div.title h5, .panel-notch-dys > div.title h5, .panel-notch-mag > div.title h5, .panel-notch-r_mag > div.title h5, .panel-notch-a_suite > div.title h5, div.panel-notch-default > div.title h5, .panel-notch-guide > div.title h6, .panel-notch-s_nova > div.title h6, .panel-notch-blind > div.title h6, .panel-notch-orgs > div.title h6, .panel-notch-dys > div.title h6, .panel-notch-mag > div.title h6, .panel-notch-r_mag > div.title h6, .panel-notch-a_suite > div.title h6, div.panel-notch-default > div.title h6 {
      margin: 0.2em 0 0; }
  .panel-notch-guide > div.content, .panel-notch-s_nova > div.content, .panel-notch-blind > div.content, .panel-notch-orgs > div.content, .panel-notch-dys > div.content, .panel-notch-mag > div.content, .panel-notch-r_mag > div.content, .panel-notch-a_suite > div.content, div.panel-notch-default > div.content {
    border-radius: 0 0 0.5em 0.5em; }
    .panel-notch-guide > div.content > p, .panel-notch-s_nova > div.content > p, .panel-notch-blind > div.content > p, .panel-notch-orgs > div.content > p, .panel-notch-dys > div.content > p, .panel-notch-mag > div.content > p, .panel-notch-r_mag > div.content > p, .panel-notch-a_suite > div.content > p, div.panel-notch-default > div.content > p {
      position: relative;
      margin-left: 1.4em;
      text-align: left; }
      .panel-notch-guide > div.content > p span.chevron, .panel-notch-s_nova > div.content > p span.chevron, .panel-notch-blind > div.content > p span.chevron, .panel-notch-orgs > div.content > p span.chevron, .panel-notch-dys > div.content > p span.chevron, .panel-notch-mag > div.content > p span.chevron, .panel-notch-r_mag > div.content > p span.chevron, .panel-notch-a_suite > div.content > p span.chevron, div.panel-notch-default > div.content > p span.chevron {
        display: inline;
        font-size: 24px;
        font-weight: 700;
        left: -0.8em;
        position: absolute;
        top: -1px; }
  .panel-notch-guide:hover div.title[id*="choose"], .panel-notch-s_nova:hover div.title[id*="choose"], .panel-notch-blind:hover div.title[id*="choose"], .panel-notch-orgs:hover div.title[id*="choose"], .panel-notch-dys:hover div.title[id*="choose"], .panel-notch-mag:hover div.title[id*="choose"], .panel-notch-r_mag:hover div.title[id*="choose"], .panel-notch-a_suite:hover div.title[id*="choose"], div.panel-notch-default:hover div.title[id*="choose"], .panel-notch-guide:hover div.title[id*="feature"], .panel-notch-s_nova:hover div.title[id*="feature"], .panel-notch-blind:hover div.title[id*="feature"], .panel-notch-orgs:hover div.title[id*="feature"], .panel-notch-dys:hover div.title[id*="feature"], .panel-notch-mag:hover div.title[id*="feature"], .panel-notch-r_mag:hover div.title[id*="feature"], .panel-notch-a_suite:hover div.title[id*="feature"], div.panel-notch-default:hover div.title[id*="feature"] {
    text-decoration: underline; }

div.panel-notch-default {
  background-color: #00B2E5; }
  div.panel-notch-default > div.title {
    color: #fff; }
  div.panel-notch-default > div.content {
    background-color: #fff;
    border: solid #00B2E5 2px; }
    div.panel-notch-default > div.content > p:before {
      color: #00B2E5; }

/* Circles */
div.circle {
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto; }

div.circle-border {
  position: relative;
  border: solid #fff 2px;
  width: 100%;
  padding-bottom: 100%; }

div.circle-inner {
  position: absolute;
  background: #fff;
  width: 94%;
  height: 94%;
  margin: 3%; }

/* if circle inner contained within anchor tag, add box shadow on hover */
a > div.circle-inner:hover, a > div.circle-inner:active, a > div.circle-inner:focus {
  -webkit-box-shadow: inset 0 0 5px 1px black;
  -moz-box-shadow: inset 0 0 5px 1px black;
  box-shadow: inset 0 0 5px 1px black; }

div.circle-image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  /*  display: -ms-flexbox;*/
  display: flex;
  /*  overflow: hidden;*/
  justify-content: center;
  /*  -ms-flex-pack: center;*/
  align-content: center;
  flex-direction: column;
  /*  -ms-flex-align: center;*/
  align-items: center;
  -webkit-align-items: center; }

/*div.circle-image:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}*/
div.circle-image img {
  max-width: 100%;
  /*  vertical-align: middle;*/
  width: 75%; }

/* Right arrow box */
div.arrow-box-right {
  position: relative;
  height: 5em;
  border-top-left-radius: 0.5em;
  border-bottom-left-radius: 0.5em;
  background-color: #00B2E5;
  margin-right: 4em; }
  div.arrow-box-right:after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    margin-top: 0;
    width: 0;
    z-index: 1;
    height: 0;
    border-left: solid 4em #00B2E5;
    border-top: solid 2.5em transparent;
    border-bottom: solid 2.5em transparent; }
  div.arrow-box-right > div.content {
    height: 100%;
    width: 100%;
    display: table; }
    div.arrow-box-right > div.content > h2 {
      display: table-cell;
      vertical-align: middle;
      margin: 0;
      color: #fff;
      font-size: 2.2em;
      font-weight: bold;
      text-align: center; }

div.grey-arrow-box {
  background-color: #555; }
  div.grey-arrow-box:after {
    border-left-color: #555; }

div.circle-box, div.grey-circle-box {
  padding: 1em;
  border-radius: 0.5em;
  background: #00B2E5; }

div.grey-circle-box {
  background: #555; }

div.rounded-line, div.grey-rounded-line {
  height: 0.5em;
  border-radius: 0.5em;
  margin-bottom: 0.5em;
  background: #00B2E5; }

div.grey-rounded-line {
  background: #555; }

div.std-box {
  padding: 0.75em;
  border-radius: 0.5em;
  background-color: #00B2E5; }
  div.std-box > div {
    background: #fff;
    border-radius: 0.5em;
    padding: 0.5em;
    margin-bottom: 0.5em; }
    div.std-box > div > h1, div.std-box > div h2, div.std-box > div h3, div.std-box > div h4, div.std-box > div h5, div.std-box > div h6, div.std-box > div p {
      text-align: center;
      margin: 0; }

div.bordered-box {
  padding: 0.75em;
  border-radius: 0.5em;
  border: #00B2E5 solid 2px; }

div.grey-bordered-box {
  border-radius: 0.5em;
  border: #ccc solid 1px;
  padding: 0.75em 1em; }
  div.grey-bordered-box p, div.grey-bordered-box li, div.grey-bordered-box label {
    font-size: 1.5em;
    line-height: 1.5em; }
  div.grey-bordered-box p {
    text-align: center;
    padding: 0 2em; }
  div.grey-bordered-box div.description {
    min-height: 15em; }
  div.grey-bordered-box div.center {
    width: 70%;
    margin: 0 auto; }

ul > li > i.blue-check {
  color: #00B2E5; }

ul > li > i.red-cross {
  color: #E72F56; }

/* [Support Categories] ------------------------------------------------------*/
div.support-category {
  border: #ccc 1px solid;
  border-radius: 0.3em;
  text-align: center;
  padding: 1em 0.5em; }
  div.support-category a {
    color: #555;
    text-decoration: none; }
  div.support-category a:hover, div.support-category a:focus {
    color: #ccc; }
  div.support-category h2 {
    margin: 0;
    font-size: 1.2em; }

div.support-category-index {
  min-height: 11em; }

/* [Forms] -------------------------------------------------------------------*/
textarea {
  resize: none; }

.btn-cart {
  background-color: #00B2E5;
  border: #ccc solid 1px;
  color: #fff; }
  .btn-cart:hover {
    background-color: #0F83A5;
    color: #fff; }

.btn-search {
  background-color: #00B2E5;
  border: #ccc solid 1px;
  color: #fff;
  font-size: 15px; }
  .btn-search:hover {
    background-color: #0F83A5;
    color: #fff; }

a.custom-btn-link, a.btn-yellow, a.video-btn, a.call-me-btn, a.try-near-btn, a.btn-try-it, a.btn-buy-it, a.btn-prices, a.btn-free-dl, a.btn-more {
  display: block;
  border-radius: 0.5em;
  text-align: center;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 110%;
  color: #333;
  padding: 0.75em;
  margin-bottom: 0.5em; }
  a.custom-btn-link:hover, a.btn-yellow:hover, a.video-btn:hover, a.call-me-btn:hover, a.try-near-btn:hover, a.btn-try-it:hover, a.btn-buy-it:hover, a.btn-prices:hover, a.btn-free-dl:hover, a.btn-more:hover, a.custom-btn-link:focus, a.btn-yellow:focus, a.video-btn:focus, a.call-me-btn:focus, a.try-near-btn:focus, a.btn-try-it:focus, a.btn-buy-it:focus, a.btn-prices:focus, a.btn-free-dl:focus, a.btn-more:focus {
    color: #333;
    text-decoration: none; }

a.btn-no-sale {
  background-color: #E72F56;
  color: #fff; }
  a.btn-no-sale:hover, a.btn-no-sale:focus {
    background-color: rgba(231, 47, 86, 0.8); }

a.hollow-btn {
  background-color: #fff; }

a.btn-dolphin {
  background-color: #00B2E5;
  border: solid #00B2E5 2px;
  color: #FFF;
  display: inline-block; }
  a.btn-dolphin:hover, a.btn-dolphin:active, a.btn-dolphin:focus {
    background-color: #00c6ff;
    border-color: #00c6ff;
    color: #000; }
  a.btn-dolphin.hollow-btn {
    background-color: #FFF;
    color: #000; }
    a.btn-dolphin.hollow-btn:hover, a.btn-dolphin.hollow-btn:active, a.btn-dolphin.hollow-btn:focus {
      background-color: #00B2E5;
      border-color: #00B2E5;
      color: #FFF; }

a.btn-dolphin-grey {
  background-color: #555;
  border: solid #555 2px;
  color: #FFF;
  display: inline-block; }
  a.btn-dolphin-grey:hover, a.btn-dolphin-grey:active, a.btn-dolphin-grey:focus {
    background-color: #626262;
    border-color: #626262;
    color: #000; }
  a.btn-dolphin-grey.hollow-btn {
    background-color: #FFF;
    color: #000; }
    a.btn-dolphin-grey.hollow-btn:hover, a.btn-dolphin-grey.hollow-btn:active, a.btn-dolphin-grey.hollow-btn:focus {
      background-color: #555;
      border-color: #555;
      color: #FFF; }

a.btn-yellow {
  background-color: #F7B634;
  color: #fff; }
  a.btn-yellow:hover, a.btn-yellow:focus {
    background-color: rgba(247, 182, 52, 0.8); }

a.btn-with-icon, a.video-btn, a.call-me-btn, a.try-near-btn, a.btn-try-it, a.btn-buy-it, a.btn-prices, a.btn-free-dl, a.btn-more, button.btn-with-icon, button.download {
  text-align: left;
  padding: 1em 0.5em 1em 65px;
  font-size: 1.4em;
  color: #fff; }

a.video-btn {
  background: #E72F56 url("/assets/images/products/button-icons/Video-Button-44x44.png") no-repeat 0.5em 50%; }
  a.video-btn:hover, a.video-btn:focus {
    background-color: rgba(231, 47, 86, 0.8); }

a.call-me-btn {
  background: #931B7F url("/assets/images/products/button-icons/CallMe-Button-44x44.png") no-repeat 0.5em 50%; }
  a.call-me-btn:hover, a.call-me-btn:focus {
    background-color: rgba(147, 27, 127, 0.8); }

a.try-near-btn {
  background: #555 url("/assets/images/products/button-icons/TryIt-NearMe-Button-44x44.png") no-repeat 0.5em 50%; }
  a.try-near-btn:hover, a.try-near-btn:focus {
    background-color: rgba(85, 85, 85, 0.8); }

a.btn-try-it {
  background: #F7B634 url("/assets/images/products/button-icons/TryIt-Button-44x44.png") no-repeat 0.5em 50%; }
  a.btn-try-it:hover, a.btn-try-it:focus {
    background-color: rgba(247, 182, 52, 0.8); }

a.btn-buy-it {
  background: #8ec128 url("/assets/images/products/button-icons/BuyIt-Button-44x44.png") no-repeat 0.5em 50%; }
  a.btn-buy-it:hover, a.btn-buy-it:focus {
    background-color: rgba(142, 193, 40, 0.8); }

a.btn-prices {
  background: #00B2E5 url("/assets/images/products/button-icons/Price-List-Button-44x44.png") no-repeat 0.5em 50%; }
  a.btn-prices:hover, a.btn-prices:focus {
    background-color: rgba(0, 178, 229, 0.8); }

a.btn-free-dl {
  background: #B7D166 url("/assets/images/products/button-icons/Free-Download-Button-44x44.png") no-repeat 0.5em 50%; }
  a.btn-free-dl:hover, a.btn-free-dl:focus {
    background-color: rgba(183, 209, 102, 0.8); }

a.btn-more {
  background: #931B7F url("/assets/images/products/button-icons/Plus-Button-44x44.png") no-repeat 0.5em 50%; }
  a.btn-more:hover, a.btn-more:focus {
    background-color: rgba(147, 27, 127, 0.8); }

button.custom-btn, button.download {
  border-radius: 0.5em;
  border: solid 1px;
  text-align: center;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 110%;
  color: #333; }
  button.custom-btn:hover, button.download:hover, button.custom-btn:focus, button.download:focus {
    color: #333; }

button.download {
  border: #8ec128;
  background: #8ec128 url("/assets/images/products/button-icons/TryIt-Button-44x44.png") no-repeat 0.5em 50%;
  color: #fff; }
  button.download:hover, button.download:focus {
    color: #000;
    background-color: rgba(142, 193, 40, 0.8); }

.embed-responsive iframe, .embed-responsive-item {
  border: solid gray 1px !important;
  border-radius: 4px; }

/* [Alert box styles] --------------------------------------------------------*/
div.centredSuccessMsg {
  background-color: #DDF0D8;
  border: #D6E9C6 solid 1px;
  padding: 1.5em;
  border-radius: 0.5em;
  text-align: center; }

/* [Google maps JS styles] ---------------------------------------------------*/
div.infoWindow {
  margin: 0;
  padding: 0; }
  div.infoWindow > p {
    color: black;
    margin: 0;
    padding: 0; }

#map-canvas {
  height: 100%;
  margin: 0;
  padding: 0; }

/* [Miscellaneous] -----------------------------------------------------------*/
textarea.embed {
  font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; }

.review {
  text-align: center; }
  .review .reviewer {
    font-size: 1.2em; }
  .review .review-content {
    padding: 0.5em; }
  .review .review-read-more {
    padding: 0.5em;
    text-align: right; }
    .review .review-read-more a {
      color: #00B2E5; }
  .review img {
    margin: 1em auto;
    min-height: 150px;
    max-width: 150px;
    max-height: 150px; }

.ratings {
  padding: 1em 0;
  color: #00B2E5;
  font-size: 1em; }

/* Cookie banner */
.cookie-pol-banner {
  margin: 0; }

/* JQuery Slider overrides */
.bx-wrapper {
  margin-bottom: 1em; }
  .bx-wrapper .bx-viewport {
    box-shadow: none;
    border: none;
    left: 0; }

.robot {
  display: none; }

/* Google search results fixes - conflicts with BS */
#google-search-results, #google-search-results * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

/* Google translate fixes - conflicts with BS */
#google-translate a:hover {
  text-decoration: none; }

/* List styles */
div.cms ul:not(.bxslider) > li span.chevron {
  display: inline;
  font-size: 24px;
  font-weight: 700;
  left: -0.8em;
  position: absolute;
  top: -1px; }

div.cms.guide:not(.bxslider) ul:not(.no-bullet) li:before {
  background-color: #B7D166; }

div.cms.guide:not(.bxslider) ul > li span.chevron {
  color: #B7D166; }

div.cms.gr:not(.bxslider) ul:not(.no-bullet) li:before {
  background-color: #B7D166; }

div.cms.gr:not(.bxslider) ul > li span.chevron {
  color: #B7D166; }

div.cms.grtv:not(.bxslider) ul:not(.no-bullet) li:before {
  background-color: #B7D166; }

div.cms.grtv:not(.bxslider) ul > li span.chevron {
  color: #B7D166; }

div.cms.s_nova:not(.bxslider) ul:not(.no-bullet) li:before {
  background-color: #E72F56; }

div.cms.s_nova:not(.bxslider) ul > li span.chevron {
  color: #E72F56; }

div.cms.r_mag:not(.bxslider) ul:not(.no-bullet) li:before {
  background-color: #00B2E5; }

div.cms.r_mag:not(.bxslider) ul > li span.chevron {
  color: #00B2E5; }

div.cms.a_suite:not(.bxslider) ul:not(.no-bullet) li:before {
  background-color: #E72F56; }

div.cms.a_suite:not(.bxslider) ul > li span.chevron {
  color: #E72F56; }

div.cms.se:not(.bxslider) ul:not(.no-bullet) li:before {
  background-color: #931B7F; }

div.cms.se:not(.bxslider) ul > li span.chevron {
  color: #931B7F; }

div.cms.s_read:not(.bxslider) ul:not(.no-bullet) li:before {
  background-color: #F7B634; }

div.cms.s_read:not(.bxslider) ul > li span.chevron {
  color: #F7B634; }

div.cms.easy_c:not(.bxslider) ul:not(.no-bullet) li:before {
  background-color: #931B7F; }

div.cms.easy_c:not(.bxslider) ul > li span.chevron {
  color: #931B7F; }

div.cms.easy_ce:not(.bxslider) ul:not(.no-bullet) li:before {
  background-color: #931B7F; }

div.cms.easy_ce:not(.bxslider) ul > li span.chevron {
  color: #931B7F; }

div.cms.easy_r:not(.bxslider) ul:not(.no-bullet) li:before {
  background-color: #00B2E5; }

div.cms.easy_r:not(.bxslider) ul > li span.chevron {
  color: #00B2E5; }

div.cms.test:not(.bxslider) ul:not(.no-bullet) li:before {
  background-color: #00B2E5; }

div.cms.test:not(.bxslider) ul > li span.chevron {
  color: #00B2E5; }

div.cms.easy_r_ios:not(.bxslider) ul:not(.no-bullet) li:before {
  background-color: #00B2E5; }

div.cms.easy_r_ios:not(.bxslider) ul > li span.chevron {
  color: #00B2E5; }

div.cms.dol_pub:not(.bxslider) ul:not(.no-bullet) li:before {
  background-color: #931B7F; }

div.cms.dol_pub:not(.bxslider) ul > li span.chevron {
  color: #931B7F; }

div.cms.blind:not(.bxslider) ul:not(.no-bullet) li:before {
  background-color: #F7B634; }

div.cms.blind:not(.bxslider) ul > li span.chevron {
  color: #F7B634; }

div.cms.orgs:not(.bxslider) ul:not(.no-bullet) li:before {
  background-color: #931B7F; }

div.cms.orgs:not(.bxslider) ul > li span.chevron {
  color: #931B7F; }

div.cms.dys:not(.bxslider) ul:not(.no-bullet) li:before {
  background-color: #00B2E5; }

div.cms.dys:not(.bxslider) ul > li span.chevron {
  color: #00B2E5; }

div.cms.mag:not(.bxslider) ul:not(.no-bullet) li:before {
  background-color: #F7B634; }

div.cms.mag:not(.bxslider) ul > li span.chevron {
  color: #F7B634; }

div.cms ul:not(.bxslider) {
  list-style: none; }
  div.cms ul:not(.bxslider):not(.no-bullet) > li:before {
    background-color: black;
    border-radius: 50%;
    content: '';
    display: block;
    height: 7px;
    position: absolute;
    left: -1.4em;
    top: 0.5em;
    width: 7px; }
  div.cms ul:not(.bxslider) > li {
    position: relative; }
    div.cms ul:not(.bxslider) > li p {
      position: relative;
      margin-left: 1.4em;
      text-align: left; }
    div.cms ul:not(.bxslider) > li i {
      display: none; }

div.guide ul > li:before {
  background-color: #B7D166;
  color: #B7D166; }

div.guide:not(.cms) {
  background-color: #B7D166; }

hr.guide {
  border-color: #B7D166; }

i.guide {
  color: #B7D166; }

div.gr ul > li:before {
  background-color: #B7D166;
  color: #B7D166; }

div.gr:not(.cms) {
  background-color: #B7D166; }

hr.gr {
  border-color: #B7D166; }

i.gr {
  color: #B7D166; }

div.grtv ul > li:before {
  background-color: #B7D166;
  color: #B7D166; }

div.grtv:not(.cms) {
  background-color: #B7D166; }

hr.grtv {
  border-color: #B7D166; }

i.grtv {
  color: #B7D166; }

div.s_nova ul > li:before {
  background-color: #E72F56;
  color: #E72F56; }

div.s_nova:not(.cms) {
  background-color: #E72F56; }

hr.s_nova {
  border-color: #E72F56; }

i.s_nova {
  color: #E72F56; }

div.r_mag ul > li:before {
  background-color: #00B2E5;
  color: #00B2E5; }

div.r_mag:not(.cms) {
  background-color: #00B2E5; }

hr.r_mag {
  border-color: #00B2E5; }

i.r_mag {
  color: #00B2E5; }

div.a_suite ul > li:before {
  background-color: #E72F56;
  color: #E72F56; }

div.a_suite:not(.cms) {
  background-color: #E72F56; }

hr.a_suite {
  border-color: #E72F56; }

i.a_suite {
  color: #E72F56; }

div.se ul > li:before {
  background-color: #931B7F;
  color: #931B7F; }

div.se:not(.cms) {
  background-color: #931B7F; }

hr.se {
  border-color: #931B7F; }

i.se {
  color: #931B7F; }

div.s_read ul > li:before {
  background-color: #F7B634;
  color: #F7B634; }

div.s_read:not(.cms) {
  background-color: #F7B634; }

hr.s_read {
  border-color: #F7B634; }

i.s_read {
  color: #F7B634; }

div.easy_c ul > li:before {
  background-color: #931B7F;
  color: #931B7F; }

div.easy_c:not(.cms) {
  background-color: #931B7F; }

hr.easy_c {
  border-color: #931B7F; }

i.easy_c {
  color: #931B7F; }

div.easy_ce ul > li:before {
  background-color: #931B7F;
  color: #931B7F; }

div.easy_ce:not(.cms) {
  background-color: #931B7F; }

hr.easy_ce {
  border-color: #931B7F; }

i.easy_ce {
  color: #931B7F; }

div.easy_r ul > li:before {
  background-color: #00B2E5;
  color: #00B2E5; }

div.easy_r:not(.cms) {
  background-color: #00B2E5; }

hr.easy_r {
  border-color: #00B2E5; }

i.easy_r {
  color: #00B2E5; }

div.test ul > li:before {
  background-color: #00B2E5;
  color: #00B2E5; }

div.test:not(.cms) {
  background-color: #00B2E5; }

hr.test {
  border-color: #00B2E5; }

i.test {
  color: #00B2E5; }

div.easy_r_ios ul > li:before {
  background-color: #00B2E5;
  color: #00B2E5; }

div.easy_r_ios:not(.cms) {
  background-color: #00B2E5; }

hr.easy_r_ios {
  border-color: #00B2E5; }

i.easy_r_ios {
  color: #00B2E5; }

div.dol_pub ul > li:before {
  background-color: #931B7F;
  color: #931B7F; }

div.dol_pub:not(.cms) {
  background-color: #931B7F; }

hr.dol_pub {
  border-color: #931B7F; }

i.dol_pub {
  color: #931B7F; }

div.blind ul > li:before {
  background-color: #F7B634;
  color: #F7B634; }

div.blind:not(.cms) {
  background-color: #F7B634; }

hr.blind {
  border-color: #F7B634; }

i.blind {
  color: #F7B634; }

div.orgs ul > li:before {
  background-color: #931B7F;
  color: #931B7F; }

div.orgs:not(.cms) {
  background-color: #931B7F; }

hr.orgs {
  border-color: #931B7F; }

i.orgs {
  color: #931B7F; }

div.dys ul > li:before {
  background-color: #00B2E5;
  color: #00B2E5; }

div.dys:not(.cms) {
  background-color: #00B2E5; }

hr.dys {
  border-color: #00B2E5; }

i.dys {
  color: #00B2E5; }

div.mag ul > li:before {
  background-color: #F7B634;
  color: #F7B634; }

div.mag:not(.cms) {
  background-color: #F7B634; }

hr.mag {
  border-color: #F7B634; }

i.mag {
  color: #F7B634; }

.panel-notch-guide:after {
  border-top: solid 1em #B7D166 !important; }

.panel-notch-guide > div.title {
  border: solid #B7D166 2px;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.panel-notch-guide > div.content {
  border: solid #B7D166 2px; }
  .panel-notch-guide > div.content > p span.chevron {
    color: #B7D166; }

.panel-notch-s_nova:after {
  border-top: solid 1em #E72F56 !important; }

.panel-notch-s_nova > div.title {
  border: solid #E72F56 2px;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.panel-notch-s_nova > div.content {
  border: solid #E72F56 2px; }
  .panel-notch-s_nova > div.content > p span.chevron {
    color: #E72F56; }

.panel-notch-blind:after {
  border-top: solid 1em #F7B634 !important; }

.panel-notch-blind > div.title {
  border: solid #F7B634 2px;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.panel-notch-blind > div.content {
  border: solid #F7B634 2px; }
  .panel-notch-blind > div.content > p span.chevron {
    color: #F7B634; }

.panel-notch-orgs:after {
  border-top: solid 1em #931B7F !important; }

.panel-notch-orgs > div.title {
  border: solid #931B7F 2px;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.panel-notch-orgs > div.content {
  border: solid #931B7F 2px; }
  .panel-notch-orgs > div.content > p span.chevron {
    color: #931B7F; }

.panel-notch-dys:after {
  border-top: solid 1em #00B2E5 !important; }

.panel-notch-dys > div.title {
  border: solid #00B2E5 2px;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.panel-notch-dys > div.content {
  border: solid #00B2E5 2px; }
  .panel-notch-dys > div.content > p span.chevron {
    color: #00B2E5; }

.panel-notch-mag:after {
  border-top: solid 1em #F7B634 !important; }

.panel-notch-mag > div.title {
  border: solid #F7B634 2px;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.panel-notch-mag > div.content {
  border: solid #F7B634 2px; }
  .panel-notch-mag > div.content > p span.chevron {
    color: #F7B634; }

.panel-notch-r_mag:after {
  border-top: solid 1em #00B2E5 !important; }

.panel-notch-r_mag > div.title {
  border: solid #00B2E5 2px;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.panel-notch-r_mag > div.content {
  border: solid #00B2E5 2px; }
  .panel-notch-r_mag > div.content > p span.chevron {
    color: #00B2E5; }

.panel-notch-a_suite:after {
  border-top: solid 1em #E72F56 !important; }

.panel-notch-a_suite > div.title {
  border: solid #E72F56 2px;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.panel-notch-a_suite > div.content {
  border: solid #E72F56 2px; }
  .panel-notch-a_suite > div.content > p span.chevron {
    color: #E72F56; }

a.btn-guide {
  border: solid #B7D166 2px; }
  a.btn-guide:hover, a.btn-guide:focus {
    background-color: #B7D166;
    color: #fff; }

a.btn-s_nova {
  border: solid #E72F56 2px; }
  a.btn-s_nova:hover, a.btn-s_nova:focus {
    background-color: #E72F56;
    color: #fff; }

a.btn-s_nova-solid {
  background-color: #E72F56;
  color: #fff; }
  a.btn-s_nova-solid:hover, a.btn-s_nova-solid:focus {
    background-color: rgba(231, 47, 86, 0.8); }

a.btn-blind {
  border: solid #F7B634 2px; }
  a.btn-blind:hover, a.btn-blind:focus {
    background-color: #F7B634;
    color: #fff; }

a.btn-orgs {
  border: solid #931B7F 2px; }
  a.btn-orgs:hover, a.btn-orgs:focus {
    background-color: #931B7F;
    color: #fff; }

a.btn-orgs-solid {
  background-color: #931B7F;
  color: #fff; }
  a.btn-orgs-solid:hover, a.btn-orgs-solid:focus {
    background-color: rgba(147, 27, 127, 0.8); }

a.btn-dys {
  border: solid #00B2E5 2px; }
  a.btn-dys:hover, a.btn-dys:focus {
    background-color: #00B2E5;
    color: #fff; }

/* Product specific overrides */
a.btn-mag {
  border: solid #F7B634 2px; }
  a.btn-mag:hover, a.btn-mag:focus {
    background-color: #F7B634;
    color: #fff; }

a.btn-r_mag {
  border: solid #00B2E5 2px; }
  a.btn-r_mag:hover, a.btn-r_mag:focus {
    background-color: #00B2E5;
    color: #fff; }

a.btn-a_suite {
  border: solid #E72F56 2px; }
  a.btn-a_suite:hover, a.btn-a_suite:focus {
    background-color: #E72F56;
    color: #fff; }

/*
Dolphin Computer Access - All rights reserved
*/
/* 
    _layout.scss
    Created on : 01-Jun-2015, 12:33:20
    Author     : Matthew Pearsall <matthew.pearsall@yourdolphin.com>
*/
/* lg */
@media only screen and (min-width: 1200px) {
  .home-notch-products {
    height: 9em; }
  #hardware-circle {
    padding-left: 9em;
    padding-right: 9em; } }

/* md */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .home-notch-products {
    height: 13em; }
  #hardware-circle {
    padding-left: 5em;
    padding-right: 5em; } }

/* sm */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-notch-products {
    height: 13em; }
  #cse-search-box input {
    width: 100%; } }

/* xs */
@media only screen and (max-width: 767px) {
  #logo {
    text-align: center; }
  #navbar-right {
    float: none;
    /* Float not required in mobile look */ }
  #footer-box {
    text-align: left; }
  .footer-col {
    margin-bottom: 2em; }
  #product-sub-footer {
    margin-bottom: 2em; }
  .breadcrumb {
    display: none; }
  div.title-bar h1 {
    margin: 1em 0; }
  .btn-shop {
    width: 100%;
    margin-bottom: 1em; }
  .home-notch-products {
    height: 8em; } }

@media only screen and (max-width: 767px) and (orientation: landscape) {
  div.circle-border {
    width: 75%;
    padding-bottom: 75%; }
  /* Reduce image sizes */
  div.circle-image img {
    width: 75%;
    height: 75%; } }

@media print {
  a[href]:after {
    content: none; } }