/* COLORS
#0068AB; Monnit
#08AFE6; ALTA
#F49729; Monnit
#C72128; Monnit
#008000; Monnit
#494C50; Anthracite
#6F7378; ALTA 1
#A6AAB1; ALTA 2
#333333;
#272727;
#000000;
#ffffff;
#182C39; FOOTER
*/

/* GENERAL STYLES */
/* Google Fonts */
@import url('//fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400&display=swap');
@font-face {
    font-family: 'FontAwesome';
    src: url('https://monnit.blob.core.windows.net/site/styles/webfonts/fontawesome-webfont.ttf') format('truetype');
}
body {
  font-family: 'Lato', sans-serif;
  background: #F0F0F0;
  color: #272727;
}

h1 {
  font-size: 26px;
  font-weight: 900;
  color: #0268AB;
  margin: 1.5rem 0 0 0;
}
h2 {
  font-size: 22px;
  font-weight: 900;
  margin: 1rem 0 1rem 0;
}
h3 {
  font-size: 20px;
  font-weight: 900;
  color: #272727;
  margin: 1.5rem 0 1rem 0;
}
.heading-3 {
  margin-top: 40px;
}

h4 {
  font-size: 20px;
  font-weight: 900;
}

a {
  color: #0B84D4;
}

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

.frequently-bought-together hr {
  margin-top: 4rem;
  margin-bottom: 3rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, .1);
}

.list-unstyled {
  line-height: 2rem;
}

.message {
  padding: 20px;
  background: #FFFFE0;
}

/* navigation */
.dropdown-toggle::after {
  transition: transform 0.15s linear;
}

.show.dropdown .dropdown-toggle::after {
  transform: translateY(3px);
}

.dropdown-menu {
  margin-top: 0;
}

.phone-utility {
  position: relative;
  top: 0;
  transition: top ease 0.5s;
  color: #0068AB;
  padding: 0.35rem 1.25rem;
  margin-bottom: .5rem!important;
  width: 310px;
}
@media screen and (max-width:767px){
  .phone-utility {
    width: 100%;
  }
  .phone-utility em {
    font-size: 15px;
  }
}
.phone-utility:hover {
  top: -10px;
  background-color: #b8daff;
}
.phone-utility.yellow:hover {
  background-color: #FFFF99!important;
}

/* TABLE OF CONTENTS (TOC)
******************************************************************
- CMS
- KNOWLEDGEBASE EDITOR
- PRODUCTS
- SENSOR FAMILY/PRODUCT TYPE PAGES
- KNOWLEDGEBASE/SUPPORT CARDS
- ARTICLE KNOWLEDGEBASE/SUPPORT
- ARTICLE
- FAQ
- DOCUMENT & DOWNLOADS
- VIDEOS
- SERACH RESULTS
- ADD TO CART
- ADMIN
- LEGAL AND ONE OFF PAGES IN CMS
- VERTICAL PAGES
- CHECK OUT PAGE
- ERROR PAGE
- HEADER
- FOOTER

/* CMS
-----------------------------------------------------------------*/

.editButton {
  position: absolute!important;
  z-index: 2000;
}

.tagline {
  color: #A6AAB1;
  font-size: 20px;
  font-style: italic;
  display: block;
  margin-bottom: 1rem;
}
.sensor-family-product-type ul {
  margin-bottom: 0;
}
.faq-header {
  width: auto;
  max-width: none;
  color: #fff;
  padding: 50px 0 80px 0;
  background-color: white;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
 background-image: linear-gradient(
203deg, rgba(144,216,242,1) 0%,rgba(144,216,242,1) 2%,rgba(144,216,242,0) 50%,rgba(144,216,242,0) 100%),
    url('../images/mastheads/faq-masthead.jpg');
}
.faq-header .title {
  color: white;
  font-size: 55px;
  text-shadow: 0 3px 6px rgb(124 202 229 / 50%);
}
@media screen and (max-width:800px) {
  .faq-header {
    background-position: center center;
    padding: 40px 0 70px 0;
    background-image: linear-gradient(36deg, rgba(144,216,242,0) 0%,rgba(144,216,242,0) 56%,rgba(144,216,242,1) 98%,rgba(144,216,242,1) 100%),
      url('../images/mastheads/faq-masthead.jpg');
  }
  .faq-header .title {
    font-size: 35px;
    text-align: left;
  }
}

/* CMS END
-----------------------------------------------------------------*/

/* KNOWLEDGEBASE EDITOR
-----------------------------------------------------------------*/
.knowledgebase-support h1 {
  background: #0068AB;
  color: white;
  padding: .8rem .5rem;
  font-size: 24px;
  font-weight:900;
  margin-top: 2.5rem;
}
.knowledgebase-support .edit svg {
  color: white!important;
}

.knowledgebase-support .content h2 {
  font-size: 22px;
  font-weight: 900;
  margin: 0 0 1rem 0;
}
.knowledgebase-support .content h3 {
  font-size:20px;
  font-weight: 900;
  margin: 0 0 1rem 0;
}
.knowledgebase-support .content h4 {
  font-size:18px;
  font-weight: 900;
  margin: 0 0 1rem 0;
}
.knowledgebase-support .content h5 {
  font-size:16px;
  font-weight: 900;
  margin: 0 0 1rem 0;
}

.knowledgebase-support h3.related-articles {
  background: #0068AB;
  color: white;
  padding: .8rem .5rem;
  font-size: 20px;
  margin-bottom: 1rem;
  font-weight: 900;
}
.knowledgebase-support #raitingResult_like a,
.knowledgebase-support #raitingResult_dislike a,
.knowledgebase-support .rating {
  color: #272727;
  font-weight: 900;
  background: #FFFDE7;
}
.knowledgebase-support .display-label {
  font-style: italic;
  font-size: 14px;
}
.knowledgebase-support .content ul li {
  margin-left: 1.5rem;
}
.knowledgebase-support fieldset {
  background: white;
  padding: 30px;
}
.knowledgebase-support fieldset a {
  margin-top: .8rem;
  line-height: 2.5rem;
  color: white;
}
.knowledgebase-support fieldset legend {
   position: relative;
   top: 2rem;
   z-index: 190;
   font-style: italic;
   font-size: 16px;
}
@media screen and (max-width: 991px) {
  .knowledgebase-support .rating .text-left,
  .knowledgebase-support .rating .text-right {
      text-align: unset!important;
  }
}
.knowledgebase-support .rating {
  margin: 0;
  padding: 20px;
}
.knowledgebase-support .edit a {
   background: #0B84D4;
   color: white;
   margin-top: 1.5rem;
   display: block;
}
.knowledgebase-support .fa-edit {
   margin-right: 5px;
}
.knowledgebase-support .content {
   word-break: break-word;
}
/* END KNOWLEDGEBASE EDITOR
-----------------------------------------------------------------*/

/* PRODUCTS
-----------------------------------------------------------------*/
.products .hero-banner {
  background: url('../images/products/products-search-hero.jpg');
      background-size: cover;
      height: 300px;
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin-bottom: 2rem;
}
@media (max-width: 576px) {
    .products .hero-banner {
      align-items: flex-start;
      height:100px;
      margin-bottom: 0;
    }
  }
  .products .bubbleTag {
  width: 100%;
  margin: 0;
  background: #0068AB;
  color: white;
  font-size: 24px;
  font-weight: 900;
  border-radius: 0;
}
.products .bubbleTag:hover {
  cursor:text;
  color: white;
  background: #0068AB;
}
.sensor-filter .btn-outline-success {
   left: 0;
   margin-left: 20px;
  background: #F49729;
  border: none;
}
.sensor-filter .btn-outline-success {
   left: 0;
   margin-left: 20px;
  background: #F49729;
  border: none;
}
.sensor-filter .btn-outline-success:hover {
  background: #0B84D4;
  border:none;
}
@media screen and (max-width: 600px) {
.alert-primary .btn-outline-success,
.alert-primary .btn-outline-success:not(:disabled):not(.disabled):active {
  background: none!important;
  border: none!important;
  top: -0.2rem!important;
  margin-left: 0!important;
  color: #004085;
}
 .familyAlertBtn {
   left: 0!important;
 }
}
@media screen and (max-width: 991px) {
.products .btn-outline-success,
.products .btn-outline-success:not(:disabled):not(.disabled):active  {
  background: none;
  border: none;
  top: -1rem;
  margin-left: 0;
}
}
.fa-filter {
  font-size: .875rem;
}
.fa-wifi,
.fa-broadcast-tower,
.fa-ethernet {
  font-size: 18px;
  margin: 5px 3px 0 0;
}
.btn-primary:not(:disabled):not(.disabled):active {
  background: #0068AB !important;
  border: 1px solid #0068AB;
}
.products .search-support {
  font-family: Lato;
  font-weight: normal;
  border: 1px solid rgba(11, 132, 212, .5);
  color: #0B84D4;
}
.products .nav-pills .dropdown-toggle::after {
  color: #F49729!important;
}
.nav-link {
    padding: .4rem 1rem;
}
.products .card button {
  font-size: 14px;
}
.products .card .col-4:nth-child(3) svg {
  float: right;
  margin-left: 10px;
}
.products label {
  cursor: pointer;
}
.products .nav-pills .nav-link.active,
.products .nav-pills .show>.nav-link {
  color: #fff;
  border-radius: 0;
  background: #0068AB;
}
.products .applications .col-lg-6 ul {
  margin: 0
}
.products .applications .row {
  margin-top: 1.5rem!important;
}

/* filter */
#filterMenu {
    right: unset;
    left: 1.9rem;
    z-index: 1000;
    position: absolute;
    background: white;
    padding: 25px;
    color: #272727;
    cursor: pointer;
    border: 1px solid rgba(0,0,0,.125);
    text-align: left;
}
@media screen and (max-width: 991px) {
  #filterMenu {
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
  }
}
#filterMenu a {
  color: #F49729;
}
.secondary-nav .nav-link {
    padding: 0.8rem 0.4rem;
}
.products .product-nav .search-support ::placeholder {
  color: #0B84D4;
  font-family: Lato;
}
.products .l-main-container {
  background: white;
  padding: 1rem;
}
.products .region-ul {
  list-style: none;
}
.products .region-ul {
  cursor: pointer;
}
.products .product-nav svg {
    cursor: pointer;
    fill: white;
}
.filtersSection .row {
  background: whitesmoke;
  padding: 1rem;
  padding-bottom: 0;
}
@media screen and (max-width: 991px) {
  .filtersSection .row {
    background: none;
    }
    .filtersSection .row {
      padding-top: .5rem;
    }
}
.products .sensor-types label {
  margin-right: 10px;
  margin-bottom: 0;
  background: white;
  color: #0068AB;
  padding: 8px;
  border-radius: 5px;
  border: 1px solid rgba(11, 132, 212, .5);
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important
}
.products .search_item.active {
  background: #0068AB;
  color: white;
}
.products #powerSourceSubmenu label {
  display: inline;
}
.products .sensor-types {
  color: white;
}
@media screen and (max-width: 767px){
  .products .sensor-types {
    padding: 0;
  }
  .products .sensor-types label {
     margin-bottom: 1rem;
     margin-right: 0;
     padding: 8px;
     display: block;
     text-align: center;
   }
   .filter-products {
      margin-top: 0!important;
   }
}
@media screen and (min-width:992px) {
   .products #results .container {
      margin-bottom: 2rem;
   }
}
/* END PRODUCTS
-----------------------------------------------------------------*/


/* PRODUCTS FAMILY AND PRODUCT BASE
-----------------------------------------------------------------*/

.alert-secondary {
  color: #272727;
  background-color: whitesmoke;
  border-color: whitesmoke;
  margin: 0 2rem;
  padding: 1.5rem;
}

/* SENSOR FAMILY/PRODUCT TYPE PAGES
-----------------------------------------------------------------*/
/* hero and romance */
.hero {
  margin: 0;
  background: white;
}

.sensor-type {
  position: absolute;
  z-index: 1000;
  width: 0;
  height: 0;
  border-top: 325px solid rgba(0,104,171, .85);
  border-right: 325px solid transparent;
}

.circle {
  width: 125px;
  height: 125px;
  border-radius: 62.5px;
  font-size: 20px;
  background: white;
  bottom: 170px;
  position: absolute;
  left: 30px;
  z-index: 1001;
  line-height: 125px;
  padding: 13px;
}

.hero-sensor-image {
  background: url("../images/water-detection.jpg") right center no-repeat;
  background-size: cover !important;
  height: auto;
}

@media screen and (max-width: 1199px) {
  .hero-sensor-image {
    height: 50vh;
  }

  .sensor-type {
    position: absolute;
    z-index: 1000;
    width: 0;
    height: 0;
    border-top: 225px solid rgba(0,104,171, .85);
    border-right: 225px solid transparent;
  }

  .circle {
    width: 80px;
    height: 80px;
    border-radius: 40px;
    font-size: 20px;
    color: #fff;
    line-height: 100px;
    text-align: center;
    background: #ffffff;
    bottom: 120px;
    position: absolute;
    left: 25px;
    z-index: 1001;
  }
  .circle img {
    max-width: 100%;
  }
}
.hero-caption {
  display: none;
}
@media screen and (max-width: 767px) {
  .hero-caption {
      bottom: 1rem;
      left: 1rem;
      position: absolute;
      padding: .5rem 1rem .5rem 2.5rem;
      margin-right: 1rem;
  }
}
.hero-caption .fa-magic {
  color: white;
  position: absolute;
  left: 1rem;
  top: 1rem;
}
.sensor-family-product-type {
  padding: 0 2rem 0 2rem;
  background: white;
}

/* mobile accordion cards */
@media screen and (min-width: 992px) {
  .products .accordion {
    display: none;
  }

  .products #accordion .collapse:not(.show) {
    display: block;
    height: 100%;
  }
}
.filter-products {
  color: #0068AB;
  margin-top: -7px;
}
.products .product-nav .dropdown-menu {
    margin-top: -1px;
}
.products .product-nav {
  background: white;
  padding: 15px 30px 15px 30px;
  border: 1px solid rgba(0, 0, 0, .15);
}
@media screen and (max-width: 991px) {
  .products .product-nav {
    padding: 30px 15px 0 15px;
    border: none;
  }
  .products .accordion img {
    margin-bottom: 10px;
  }
  body.products #productsList {
    background: #0068AB;
  }
  .products .accordion {
    display: block;
  }
  .filter-products {
     text-align: center;
  }
  .products .accordion-icon {
    width: 60px;
    margin-right: 15px;
  }

  .products .accordion {
    border-radius: 0;
    border: none;
    -webkit-appearance: none;
  }
  .products .btn-link, .products .btn-link:hover {
    color: #0068AB;
    font-weight: 700;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    line-height: 1.3rem;
    margin: 0 -15px;
    padding: 10px 0 10px 0;
  }

  .products .btn-link {
    background: white;
    display: block;
  }

  .products .accordion .btn.focus,
  .products .accordion .btn:focus {
    outline: none;
    box-shadow: none;
  }
  .dropdown-menu {
    background: #0068AB !important;
    border: none !important;
    border-radius: !important;
  }
  svg {
    fill: white;
  }
  .breadcrumb {
    display: none;
  }
  .products  .sensor-filter .header {
    margin-top: 0!important;
  }
}/* end media query */
.products  .sensor-filter .header {
  text-align: center;
  width: 100%;
  background: #0068AB;
  padding: .8rem;
  color: white;
}

.products a:hover {
  text-decoration: none!important;
}

.container #mobile a:hover {
  text-decoration: none;
}

.products .card-text {
  margin-bottom: revert;
}

.horizontal {
  overflow-x: auto;
  flex-wrap: nowrap;
  padding-right: 50px;
}
.products .fa-question-circle {
  color: #272727;
}
.card .more-images {
  font-size: 12px;
  text-decoration: underline;
}
.card .more-images svg {
  margin-right: 5px;
}
.card {
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 0;
  height: 100%;
  color: #272727;
}
.question {
  font-size: 28px;
  margin-right: -5px;
}

.popover {
  box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 0;
}
.modal-content .carousel-control-next-icon,
.modal-content .carousel-control-prev-icon  {
   width: 40px;
   height: 40px;
}
.products .card .fa-question-circle {
  cursor: pointer;
  color: rgba(166, 170, 177, .4);
}
.products .card .fa-question-circle:hover {
    color: #A6AAB1;
}
.search-filter {
  filter: opacity(0.3) grayscale(100%)!important;
}
@media screen and (max-width:767px) {
  .col-4 img {
    display: none!important;
  }
}
.card-text {
  margin-bottom: 0;
}

.btn-primary {
  color: #fff;
  background-color: #0068AB;
  border-color: #0068AB;
}

.btn-primary:hover {
  color: #fff;
  background-color: #0B84D4;
  border-color: #0B84D4;
}

.btn-lg {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  border-radius: .3rem;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0B84D4;
  border-color: #0B84D4;
}

.btn-primary.focus,
.btn-primary:focus {
  color: #fff;
  background-color: #0B84D4;
  border-color: #0B84D4;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, .5);
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23DCDCDC' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23DCDCDC' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")
}

/* applications */
.applications .header {
  background: #0068AB;
  padding: .8rem;
  color: white;
  margin-top: 0;
}
.applications {
  padding: 0;
}

}
.card-body ul li {
  font-size: 16px;
  font-weight: 700;
}

.applications ul {
  /* list-style: none; */
  margin-top: 1rem;
}

/* which sensors */
.which-sensor {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0b84d4+0,0b84d4+99&0.7+0,1+100 */
  background: -moz-linear-gradient(left, rgba(11, 132, 212, 0.7) 0%, rgba(11, 132, 212, 1) 99%, rgba(11, 132, 212, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(11, 132, 212, 0.7) 0%, rgba(11, 132, 212, 1) 99%, rgba(11, 132, 212, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(11, 132, 212, 0.7) 0%, rgba(11, 132, 212, 1) 99%, rgba(11, 132, 212, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b30b84d4', endColorstr='#0b84d4', GradientType=1);
  /* IE6-9 */
  color: white;
  padding: 2.5rem 2rem;
}

.which-sensor h4 {
  display: inline-block;
  font-weight: 900;
}

.fa-lightbulb, .fa-info {
  font-size: 24px;
  margin-right: .35rem;
}

.which-sensor ul li {
  line-height: 1.5rem;
  padding-bottom: .7rem;
}

.which-sensor a {
  color: white;
  text-decoration: underline;
}

/* features & benefits */
.header.sensor {
  background: #08AFE6;
  padding: .8rem;
  margin-bottom: 2rem;
  margin-top: 0;
  color: white;
}

.features-benefits {
  background: #182C39;
  padding: 0 0 1rem 0;
  color: white;
  position: relative;
}

.features-benefits .col-lg-6 {
  padding: 1rem 4rem 2.5rem 4rem;
}

.features-benefits .col-12 {
  padding: 0;
}

.features-benefits div {
  font-size: 16px;
  line-height: 4rem;
  font-weight: 900;
}

.features-benefits h4 {
  text-decoration: underline;
}


.features-benefits:before {
  font-family: "Font Awesome 5 Free";
  content: "\f338";
  display: inline-block;
  color: #08AFE6;
  vertical-align: middle;
  font-weight: 700;
  font-size: 420px;
  position: absolute;
  top: -38%;
  left: 40%;
  opacity: 0.04;
  transform: rotate(90deg);
}

@media screen and (max-width:991px) {
  .features-benefits:before {
    content: "";
  }
  .features-benefits .col-lg-5 {
    text-align: left;
    padding-left: 2rem;
  }
  .features-benefits .col-lg-5:last-child h4 {
    margin-top: 2rem;
  }
  .range,.battery-life,.data,.buildings,.hassle-free,.compliance {
    margin-left: 1.8rem;
  }
  .features-benefits div {
    line-height: 2.8rem;
  }
}

.features-benefits .fa-ruler,
.features-benefits .fa-battery-three-quarters,
.features-benefits .fa-database,
.features-benefits .fa-building,
.features-benefits .fa-smile,
.features-benefits .fa-thumbs-up {
  vertical-align: middle;
  font-weight: 700;
  font-size: 26px;
  position: relative;
  left: -5px;
  color: #08AFE6;
}

/* carousel */
.frequently-bought-together .carousel-control-next-icon,
.frequently-bought-together .carousel-control-prev-icon  {
   width: 60px;
   height: 60px;
}

@media (min-width: 768px) {
  .multi-item-carousel .carousel-inner .carousel-item {
    margin-right: inherit;
  }
  .multi-item-carousel .carousel-inner .carousel-item.active + .carousel-item,
  .multi-item-carousel .carousel-inner .carousel-item.active + .carousel-item + .carousel-item {
    display: block;
  }
  .multi-item-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
  .multi-item-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
  .multi-item-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
    transition: none;
  }
  .multi-item-carousel .carousel-inner .carousel-item.active + .carousel-item + .carousel-item + .carousel-item {
    position: absolute;
    top: 0;
    right: -33.33333333%;
    z-index: -1;
    display: block;
    visibility: visible;
  }
  .multi-item-carousel .carousel-inner .carousel-item-next,
  .multi-item-carousel .carousel-inner .carousel-item-prev {
    position: relative;
    transform: translate3d(0, 0, 0);
  }
  .multi-item-carousel .carousel-inner .carousel-item-prev.carousel-item-right {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    visibility: visible;
  }
  .multi-item-carousel .active.carousel-item-left + .carousel-item-next.carousel-item-left,
  .multi-item-carousel .carousel-item-next.carousel-item-left + .carousel-item,
  .multi-item-carousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
  .multi-item-carousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  .multi-item-carousel .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
  .multi-item-carousel .carousel-item-prev.carousel-item-right + .carousel-item,
  .multi-item-carousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
  .multi-item-carousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(100%, 0, 0);
    display: block;
    visibility: visible;
  }

  .frequently-bought-together .carousel-control-next {
      right: -65px !important;
  }
  .frequently-bought-together .carousel-control-prev {
      left: -65px !important;
  }
}

/* tabs */
.knowledgebase .fa-star {
  color: #A6AAB1;
}

.knowledgebase .checked {
  color: orange;
}

.knowledgebase ul {
  list-style: none;
  font-weight: 400;
}
.tab-content svg {
  color: #0068AB!important;
}
.knowledgebase .fa-file-pdf {
  margin-right: 5px;
}

.knowledgebase .fa-video {
  margin-right: 5px;
}
.knowledgebase .fa-book {
  margin-right: 5px;
}

.fa-question-circle {
  color: #08AFE6;
  margin-right: 5px;
}

.fa-download {
  margin-right: 5px;
}

.tab-pane {
  background: white;
  padding: 2.5rem 2rem;
}
#nav-documentation-tab,
#nav-specifications-tab {
   border-top: 140px solid transparent;
   margin-top: -140px;
   -webkit-background-clip: padding-box;
   -moz-background-clip: padding;
   background-clip: padding-box;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #0068AB;
  background-color: white;
  text-decoration: none;
}
.nav-tabs {
    margin-left: -1px;
}
.nav-tabs .nav-link {
  border: none;
  color: white;
  background-color: #0068AB;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  outline: 0;
  margin-right: 5px;
}

@media screen and (max-width: 767px) {
  .nav-tabs {
    background: white;
  }
}

@media screen and (max-width: 991px) {

  #nav-documentation,
  #nav-videos {
    background: white;
    padding: 2.5rem 0rem;
  }
}

.how-monnit-works {
  background: white;
}

.how-monnit-works .header {
  margin: 0 -15px;
  margin: 0 -15px;
background: #0068AB;
padding: .8rem;
color: white;
}

/* END SENSOR FAMILY/PRODUCT TYPE PAGES
-----------------------------------------------------------------*/
/* KNOWLEDGEBASE/SUPPORT CARDS
-----------------------------------------------------------------*/
.knowledgebase-hero {
  background: url("../images/support/support-background.jpg") center top no-repeat;
  background-size: cover;
  height: 375px;
}

.support-hero {
  background: url("../images/support/support-background.jpg") center top no-repeat;
  background-size: cover;
  height: 375px;
}

.knowledgebase-hero h2,
.support-hero h2 {
  color: white;
  margin-top: .5rem;
  margin-bottom: .8rem;
}

.knowledgebase-hero p,
.support-hero p {
  color: white;
  text-align: center;
}

.knowledgebase-hero button,
.support-hero button {
  background: #C72128;
  border: none;
}
@media screen and (max-width:991px) {
  .knowledgebase-hero button,
  .support-hero button {
     margin: 0 auto;
     display: block;
     margin-top: .5rem;
  }
  .cards-support {
    margin-top: 50px!important;
  }
}

.knowledgebase-hero .form-inline input,
.support-hero .form-inline input {
  border-radius: 35px;
  padding: 28px 20px;
  width: 100%;
  font-family: 'Lato';
  font-weight: 700;
}

.search-support::placeholder {
  color: #0B84D4;
}

.cards-support {
  margin-top: -50px;
}
.cards-support a {
  text-decoration: none;
}

.card .fa-question,
.card .fa-lightbulb,
.card .fa-file-pdf,
.card .fa-video,
.card .fa-download,
.card .fa-code,
.card .fa-laptop-code,
.card .fa-network-wired,
.card .fa-exclamation-circle,
.card .fa-desktop,
.fa-info-circle {
  font-size: 110px;
  color: #0068AB;
}

.cards-support h2,
.cards-support p {
  text-align: center;
}

.cards-support .lkb {
  padding-bottom: 82px;
}

/* END KNOWLEDGEBASE/SUPPORT CARDS
-----------------------------------------------------------------*/
/* ARTICLE TOC KNOWLEDGEBASE/SUPPORT
-----------------------------------------------------------------*/

.knowledgebase-support img {
  max-width: 100%;
  height: auto;
}
.knowledgebase-support {
  background: #F0F0F0;
}

.knowledgebase-support .knowledgebase {
  padding: 0.2rem 0 0.2rem 1.5rem;
  line-height: 1.7rem;
}

.knowledgebase-support .support-nav {
  list-style: none;
  background: white;
  padding: 12px;
  line-height: 2.3;
  margin-top: 40px;
}

.support-nav .active {
  background: #EFECEC;
  padding: 5px 30px 5px 10px;
  max-width: 65%;
}

.knowledgebase-support .fa-angle-right,
.knowledgebase-support .fa-angle-down {
  color: #F49729;
}

.knowledgebase-support .knowledgebase {
  list-style: none;
}

.knowledgebase-support .box {
  background: -moz-linear-gradient(top,  rgba(8,175,230,0.2) 0%, rgba(8,175,230,1) 100%);
  background: -webkit-linear-gradient(top,  rgba(8,175,230,0.2) 0%,rgba(8,175,230,1) 100%);
  background: linear-gradient(to bottom,  rgba(8,175,230,0.2) 0%,rgba(8,175,230,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a08afe6', endColorstr='#08afe6',GradientType=0 );
  color: white;
  /* border: 1px solid #08afe6; */
  line-height: 1.3;
  padding: 20px;
}

.knowledgebase-support .fa-envelope-open-text {
  font-size: 76px;
}

.knowledgebase-support .sidebar .email {
  font-size: 26px;
  font-weight: 110;
  font-style: italic;
  text-align: center;
  padding: 0;
}

.knowledgebase-support .help {
  font-size: 30px;
  font-weight: 900;
  font-style: italic;
  text-align: center;
  margin: 0;
}

.knowledgebase-support a[href^="mailto:"] {
  text-decoration: none;
}

.search-small {
  background: white;
  margin: 0 0 40px 0;
}

.search-small {
  margin: 40px 0 40px 0;
}

.search-small .form-inline input {
  border-radius: 35px;
  background: #EFECEC;
  color: #0068AB;
  padding: 18px 20px;
  width: 100%;
  border: none;
  font-weight: 700;
}
.search-support {
  font-family: Lato!important;
}
.search-small p {
  color: #0B84D4;
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
}

.search-small ::placeholder {
  color: #0068AB;
}

.knowledgebase-support .results,
.knowledgebase-support .results a {
  background: #0B84D4;
  padding: 10px;
  color: white;
  text-align: center;
}

.knowledgebase-support .article-results {
  background: white;
  padding: 25px;
  margin: 30px 0;
}

.knowledgebase-support .article-results.even {
  background: white;
}

.knowledgebase-support .fa-star {
  color: #0B84D4;
  margin-right: 5px;
}

.knowledgebase-support .popular-topics {
  padding-left: 20px;
}

.knowledgebase-support .popular-topics a,
.knowledgebase-support .article-results a {
  text-decoration: none;
}
.knowledgebase-support .article-results a {
  text-decoration: none;
  font-size: 13px;
  font-weight: 700;
}
.knowledgebase-support .article-results a h4 {
  color: #272727;
  font-size: 18px;
}
.knowledgebase-support .article-results .tagline {
    color: #A6AAB1;
    font-style: italic;
    display: block;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0.4rem;
}
.knowledgebase-support .result-weight {
  font-size: 12px;
  font-style: italic;
  color: #c8c8c8;
  padding-left: 5px;
}
.knowledgebase-support .bg-gray {
  background: whitesmoke;
  padding: 20px;
}
@media screen and (max-width: 991px) {
  .knowledgebase-support .bg-gray {
    background: none;
    padding: 0;
  }
  .knowledgebase-support .results,
  .knowledgebase-support .results a {
    background: #0B84D4;
    padding: 8px;
    color: white;
    text-align: center;
    font-size: 18px;
   }
}
.knowledgebase-support .fa-check-circle {
  color: #008000;
  margin-right: 5px;
}
.knowledgebase-support .fa-times-circle {
  color: #C72128;
  margin-right: 5px;
}
.knowledgebase-support a {
  text-decoration: none;
}
@media screen and (max-width: 991px) {
  .knowledgebase-support .pagination-articles {
    display: block;
    text-align: center;
  }
}

/* END ARTICLE KNOWLEDGEBASE/SUPPORT
-----------------------------------------------------------------*/
/* ARTICLE
-----------------------------------------------------------------*/
.keywords {
  font-weight: 300;
}

.content {
  padding: 20px 30px 20px 30px;
  background: white;
}
@media screen and (max-width:991px) {
  .content {
     padding: 20px 20px 20px 20px;
     background: white;
  }
}
.FAQ p {
  margin-right: 20px;
}

.page-article {
  margin-top: 40px;
}

/* END ARTICLE
-----------------------------------------------------------------*/
/* FAQ
-----------------------------------------------------------------*/
.FAQ h3 {
  margin-top: 40px;
}

.FAQ .fa-plus {
  color: #272727;
}

.FAQ .btn-link {
  color: #272727;
  font-weight: 700;
  text-decoration: none;
  line-height: 1.5rem;
}

.FAQ .card-header {
  background: #ffffff;
}

.FAQ .card {
  margin-bottom: 20px;
}

.FAQ .card-header {
  border-bottom: none;
}

.accordion>.card:not(:last-of-type) {
  border: 1px solid rgba(0, 0, 0, .15);
}

.FAQ h2 {
  margin: 1rem 0 1.5rem 0;
}

/* END FAQ
-----------------------------------------------------------------*/
/* DOCUMENT & DOWNLOADS
-----------------------------------------------------------------*/
.knowledgebase-support .fa-file-pdf {
  font-size: 18px;
  margin-right: 5px;
  color: #C72128;
}

.knowledgebase-support .card-body {
  padding: 0 0 0 2.15rem;
}

/* END DOCUMENT & DOWNLOADS
-----------------------------------------------------------------*/
/* VIDEOS
-----------------------------------------------------------------*/
img.sensor {
  width: 130px;
}

.modal-content {
  border: none;
  border-radius: 0;
}

.modal-body .list-unstyled {
  line-height: 1.8rem;
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #F49729;
  border-color: #F49729;
}

.btn-secondary {
  color: #fff;
  background-color: #0068AB;
  border-color: #0068AB;
}

.btn-secondary:hover {
  color: #fff;
  background-color: #F49729;
  border-color: #F49729;
}

.modal-title {
  font-weight: 300;
}

.contentArea a {
  text-decoration: none;
  }

/* END VIDEOS

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

/* SEARCH RESULTS
-----------------------------------------------------------------*/
.support-search .row {
  background: white;
}
.support-search ul {
  padding: 2rem;
}
@media screen and (max-width: 991px) {
  .support-search .col-lg-2 img {
    margin: 2rem auto 1rem auto;
    display: block;
  }
  .support-search .search-results {
     max-width: 100%;
  }
}

@media screen and (min-width: 992px) {
  .support-search .products {
     padding: 2rem 6rem 1rem 2rem;
  }
  .support-search .products:nth-child(odd) {
      background: #f8f8f8;
   }
}

.support-search .search-results {
   padding: 1rem 0 0 0;
   max-width: 80%;
   margin-bottom: 2rem;
}
.support-search .search-results .fa-info-circle {
   margin-bottom: -2px;
}
.support-search h1 {
  background: #0068AB;
  color: white;
  padding: .8rem .5rem;
  font-size: 24px;
  font-weight:900;
  display: block;
}
.support-search .article-bg {
  background: whitesmoke;
  padding: 1.5rem;
  margin-top: 1rem;
}
.support-search #bg {
  background: white;
}
.support-search select {
  margin: 1rem 0 0 1rem;
  color: #0068AB;
  border: white;
  padding: 0.4rem;
  outline: none;
}
.support-search select:hover {
  cursor: pointer
}
.support-search h4 a {
  color: #272727;
}
#searchBar a {
  color: white;
  padding-left: 1rem;
}
.support-search b {
    margin-left: 1rem;
}
.support-search hr {
  margin-right: 5rem;
  margin-bottom: 2rem;
}
@media screen and (max-width:991px) {
  .support-search hr {
    margin-right: 0;
  }
}
.support-search .price {
  font-weight: bold;
  font-size: 18px;
  width: 95px;
  height: 95px;
  border-radius: 62.5px;
  background: #0068AB;
  color: white;
  z-index: 1001;
  line-height: 96px;
  padding-left: 14px;
  float: right;
  margin: 28px 20px 0 0;
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}
/* END SERACH RESULTS
-----------------------------------------------------------------*/

/* ADD TO CART
-----------------------------------------------------------------*/
.add-to-cart .more-images a {
 font-size: 14px;
 margin-top: 5px;
}
.add-to-cart .more-images .fa-ellipsis-h {
  font-size: 30px;
}
.add-to-cart .price {
  font-weight: bold;
  font-size: 18px;
}
@media screen and (min-width: 992px) {
  .add-to-cart .price {
    font-weight: bold;
    font-size: 16px;
    width: 90px;
    height: 90px;
    border-radius: 62.5px;
    background: #0068AB;
    color: white;
    z-index: 1001;
    line-height: 90px;
    padding-left: 11px;
    float: right;
    margin: 28px 20px 0 0;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
  }
  .add-to-cart .price  {
    opacity: 1;
    transition: opacity 0.3 ease-in-out;
  }
  .price.fade {
    opacity:0;
  }

}
.quantity {
  -moz-user-select: none;

-webkit-user-select: none;

user-select: none;
   }
.add-to-cart .fa-images {
  margin-right: 3px;
}
.add-to-cart .region-frequency {
  display: inline-block;
}
.add-to-cart #regionRow {
  background: #0068AB;
  padding: 2rem;
  color: white;
  margin: 0;
}
@media screen and (max-width: 991px) {
  .add-to-cart .region-frequency {
    margin-bottom: 0.7rem!important;
  }
  .add-to-cart .quantity {
    margin-top: .6rem;
  }
  .add-to-cart .options {
    padding: 5px 20px 5px 20px!important;
  }
}
.vc {
  max-width: 200px;
  background: #F49729;
  border-color: #F49729;
}
}
.add-to-cart .option-inactive {
  background: none!important;
  padding-left: 10px;
  margin-top: 1rem;
}
.add-to-cart .alert-warning {
  border-radius: 5px;
  text-align: center;
  margin: 0 auto;
  -webkit-appearance: none;
}
.qtyUpdateStatus {
  color: #C72128;
}

.add-to-cart .alert-warning svg {
   color: #856404;
}

.add-to-cart .freq-pop-btn {
  cursor: pointer;
}
.add-to-cart .fa-map-marker-alt {
  margin-right: 3px;
  color: #08AFE6;
}
.add-to-cart .region-required {
   color: white;
   font-style:italic;
   font-weight: 400;
   cursor: text;
}
.add-to-cart .fa-exclamation-circle {
  color: #08AFE6;
}
.add-to-cart .region-ul {
  list-style: none;
  margin-top: 1rem;
}
.add-to-cart .frequency-dropdown-content a {
    padding: 2px 0;
    text-decoration: none;
    display: block;
    cursor: pointer;
    color: #0068AB;
}
.add-to-cart .frequency-dropdown-content a:hover {
  text-decoration: underline!important;
  color: #F49729;
}
.add-to-cart .bg {
  background: whitesmoke;
  padding: 20px 20px 40px 20px;
}
.add-to-cart .col-lg-9 {
  background: whitesmoke;
}
.add-to-cart .options {
   background: white;
   padding: 5px 30px 5px 30px;
}
.add-to-cart .frequency-dropdown-content h2 {
   margin: 0;
}
.add-to-cart .frequency-dropdown-content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
@media screen and (max-width: 991px) {
  .add-to-cart .alert-warning {
    width: inherit;
   }
   #frequency-dropdown #ImageSelector {
     display: none;
   }
   .add-to-cart .bg {
     padding: 20px 20px 10px 20px;
   }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
   .add-to-cart .col-lg-4 {
      flex: none;
      max-width: none;
   }
}

.add-to-cart .box {
  border: 1px solid #E8E8E8;
  padding: 15px;
}
.add-to-cart form {

}
.add-to-cart .add-cart {
  max-width: 200px;
}
.add-to-cart .fa-cart-plus {
  margin-right: 3px;
}
.add-to-cart .in-the-box {
  background: white;
  padding: 20px 30px 20px 30px;
}
.add-to-cart .in-the-box p {
  margin-bottom: .5rem;
}
.add-to-cart .in-the-box .fa-box-open  {
  font-size: 150px;
  position: relative;
  color: whitesmoke;
}
.add-to-cart .more-images {
  font-size: 14px;
}
.add-to-cart .in-the-box  {
   position: relative;
}
.add-to-cart .fa-file-pdf {
  color: #C72128;
}
.add-to-cart .specs-docs .fa-file-invoice,
.add-to-cart .specs-docs .fa-file-pdf {
  margin-right: 5px;
}
.add-to-cart .option-item {
     cursor: pointer;
     margin: .5rem 0;
     padding: 0 10px;
}
.add-to-cart .option-active {
  background-color: #0068AB;
  border-radius: 5px;
  display: inline-block;
  color: white;
}

.add-to-cart .selection {
  margin-bottom: .5rem;
  font-size: 14px;
  display: inline-block;
  font-style: italic;
  font-weight: 400;
  color: #6F7378;
}
.add-to-cart .fa-info-circle {
   color: #08AFE6;
   font-size: 16px;
   margin-right: 3px;
   margin-left: 5px;
}
.add-to-cart .option-active {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}

.add-to-cart .fa-plus {
   color: #08AFE6;
   font-size: 15px;
}
.add-to-cart #addQty,
.add-to-cart #minusQty {
  cursor: pointer;
}
.add-to-cart .fa-minus {
  color: #08AFE6;
  font-size: 15px;
}
.add-to-cart .close-region {
    float: right;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    margin: 19px 2px 0 0;
}

/* END ADD TO CART
-----------------------------------------------------------------*/

/* ADMIN
-----------------------------------------------------------------*/
#editor textarea {
    width: 100%;
}
.adminBar__container ul li ul {
  list-style-type: none;
}
#editor {
      padding: 0 4rem 4rem 4rem;
}
/* END ADMIN
-----------------------------------------------------------------*/

/* LEGAL AND ONE OFF PAGES IN CMS
-----------------------------------------------------------------*/

.cms-wrapper {
   padding:2rem 4rem 2rem 4rem;
   background:white;
}
@media screen and (max-width: 991px) {
   .cms-wrapper {
      padding:1rem 1rem 1rem 1rem;
  }
}
.cms-wrapper button {
   color: #fff;
   background-color: #0068AB;
   border: none;
   border-radius: 5px;
   padding: 10px 15px;
}
.cms-wrapper {
  font-family: Lato;
}
.support-videos a {
  text-decoration: none;
}
.support-videos h2 {
  font-size: 20px;
}
.support-videos {
  background: white;
  margin-bottom: 3rem;
}
.support-videos button {
  width: 250px;
  margin: 0 auto;
}
.support-videos .circle-videos {
  background: whitesmoke;
  padding: 7.9rem;
  border-radius: 22rem;
  max-width: 34rem;
  margin: 0 auto;
}
@media screen and (max-width: 991px) {
  .support-videos .circle-videos {
    padding: 2rem;
    border-radius: unset;
  }
}
.support-videos .sc {
  background: #F49729;
  border: #F49729;
}
.support-videos .q {
  background: #08AFE6;
  border: #08AFE6;
}
/* END LEGAL AND ONE OFF PAGES IN CMS
-----------------------------------------------------------------*/

/* CONSENT COOKIE
-----------------------------------------------------------------*/
.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}

@media screen and (min-width: 850px) {
    .media_mobile {
        display: none !important;
    }
    .cc-banner {
        padding: 20px;
        width: 400px !important;
        display: flex;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        border-radius: 10px;
        margin-bottom: 10px;
        margin-left: 10px;
    }
}
@media screen and (max-width: 850px) {
    .media_desktop {
        display: none !important;
    }
    .cc-banner, .cc-window, .cc-floating,
    .cc-type-info, .cc-theme-classic, .cc-bottom,
    .cc-color-override-530831885 {
        margin: 10px !important;
    }
}


/* END CONSENT COOKIE
-----------------------------------------------------------------*/


/* CHECK OUT
-----------------------------------------------------------------*/
/* cart */
#cartItems .up,
#cartItems .down {
  border: none;
  background: none;
}
@media screen and (min-width: 600px) {
#cartItems .quantity {
  background: whitesmoke;
  padding: 1.5rem 2rem 1.5rem 0!important;
}
}
#cartItems .cart-item-count {
  width: 35px;
  border: 1px solid #0068AB;
}
@media screen and (max-width:767px) {
  #cartItems .cart-item-count {
    width: 55px;
  }
}
#cartItems .fa-plus-square,
#cartItems .fa-minus-square {
  background: white;
  color: #0068AB;
  font-size: 28px;
}
#cartItems .deleteItem {
  text-decoration: underline;
}
#cartItems .fa-trash-alt {
  margin-right: 5px;
}
#cartItems .bv a {
  color: white!important;
}
#cartItems .gateway-require-title {
  margin-bottom: 0!important;
}
.checkoutSection .co  {
  background: #F49729!important;
  border: none;
}
#cartItems .verifyAcknowledge,
#cartItems .verifyContinue {
  border-radius: 5px;
  cursor: pointer;
}
#cartItems .updateItemInfo {
  background: #008000!important;
  border: none;
}
#cartItems .co {
  background: #C72128!important;
  border: none;
}
#cartItems .progress,
.cart-container .progress {
    border-radius: 0;
}
#cartItems .col-6,
.cart-container .col-6,
#cartItems .col-3,
.cart-container .col-3 {
  padding: 0;
}
#cartItems .sub-first {
  color: #272727;
  font-weight: 900;
  margin-left: -.5rem;
  font-size: 20px;
}
@media screen and (max-width:520px) {
  .bv {
    float: none!important;
  }
}
@media screen and (max-width:991px) {
  .prog-container h3 {
    font-size: 16px;
  }
}
#cartItems .progress-bar,
.cart-container .progress-bar {
    background-color: #0068AB;
}
.add-to-cart .alert-success {
  display: none;
  font-size: 18px;
  text-align: center;
  margin-top: 1rem;
}
.add-to-cart .fa-check-circle {
  font-size: 20px;
}
#quoteNameInput,
#quoteContactInput {
  width: 85%;
  border: 1px solid rgba(11, 132, 212, .5);
  border-radius: 0;
  padding-left: 3px;
}
.b-href-with-img .bg {
  background: white;
}
#receiveQuoteResponseMessage {
  color: #272727;
}
.coupon-container .coupon-input {
    border: 1px solid rgba(11, 132, 212, .5)!important;
    border-radius: 0;
    outline: 0;
    padding-left: 3px;
}
.b-href-with-img .row {
   margin: 0;
}
.b-href-with-img .fa-question-circle  {
  font-size: 140px;
  color: #0068AB;
}
.cart-container {
  background: white;
  padding: 0.1rem 2rem 2rem 2rem;
  width: 100%;
}
.prog-container .row {
  margin:0;
}
.cart-item-container {
  position: relative;
  width: 100%;
}
.cart-item-container .options {
  position: absolute;
  margin: -3.4rem 0 0 1rem;
  line-height: 1.1;
}
/* Billing and Shipping Addresses */
.b-col-default-indent.summaryPrice {
  background: white;
  padding: 2rem;
  width: 100%;
}
.fa-address-card {
  color: #0068AB;
}
.td-cart-no-items .b-href-with-img,
#newAddress,
#BillingnewAddress {
  background: white;
  padding: 2rem;
  margin-bottom: 2rem;
}
.ship-use-address a,
.use-billing a {
  color: white;
}
.ship-use-address {
   background: #F49729;
   border: none;
}
.use-billing {
   background: #0068AB;
   border: none;
}
.fa-trash-alt {
  color: #0068AB;
}
.ship-use-address .fa-shipping-fast,
.use-billing .fa-credit-card {
  color: white;
}
.address {
   margin: 0;
}

.pay-profile-container {
  background: white;
  margin-right: 1rem;
  padding: 1rem;
}
.ship-row {
    display: flex;
    flex-direction: column;
}
.form-input input {
  border: 1px solid rgba(11, 132, 212, .5);
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 991px) {
  .form-input input,
  .form-input select {
    width: 100%;
  }
  .pay-profile-container {
    margin-bottom: 2rem;
    margin-right: 0;
  }
}
.tzSelect {
    margin-bottom: .8rem;
    border: 1px solid rgba(11, 132, 212, .5);
}
.form-input .fa-shipping-fast,
.form-input .fa-credit-card {
  color: #0068AB;
}
/* checkout */
.order-sum-dropdown {
  background: white;
  padding: 2rem;
}
@media screen and (max-width: 991px) {
  .order-sum-dropdown {
    padding: 1rem;
  }
}
.cart-product-summary {
  background: #0068AB;
  color: white;
  width: 100%;
}
.cart-product-summary th,
.cart-product-summary tr {
  padding: 1rem;
}
.summary-cost-totals {
  background: whitesmoke;
  padding: 1rem 2rem 1.5rem 1.5rem;
}
.cart-product-summary tr:nth-child(odd) {
  background: white;
  color: #272727;
}
.cart-product-summary th {
  background: #E8E8E8;
  color: #272727;
}
.cart-product-summary td {
  padding: .5rem 0;
}
.summary-cost-totals .ef {
  text-align: left;
  font-size: 16px;
  font-style: italic;
}
.summary-cost-totals .total {
  background: #0068AB;
  color: white;
  padding: 1rem;
  margin: 0;
  font-size: 18px;
}
.billing-shipping-row {
  background: white;
  padding-top: 1rem;
  margin: 0;
}
.shipping-rate .fa-exclamation-circle {
  margin-right: 5px;
  color: #C72128;
}

.holder {
  padding: 1rem!important;
  background: white;
  margin: 1rem 0;
}
.address {
    background: white;
    padding: 1rem;
    margin-top: 1rem;
}
.shipping-rate {
  background: white;
  padding: 1rem;
  margin: 1rem 0;
}
.notesHolder {
  background: white;
  padding: 1rem;
  margin: 0;
}
.notesHolder textarea {
    width: 100%;
    border-color: rgba(11, 132, 212, .5)!important;
}
.card-holder,
.shipping-container {
   background: whitesmoke;
   padding: 1rem;
   margin-bottom: 1rem;
}
.transactionComplete,
.pendingTransaction {
    background-color: white!important;
    border-color: rgba(11, 132, 212, .5)!important;
}
.summary-cost-totals legend {
  line-height: 1.2;
  margin-bottom: 1rem;
  font-size: 18px;
}
.summary-cost-totals fieldset {
  margin-bottom: 1rem;
}
.summary-cost-totals fieldset span {
  margin-left: -1rem;
}
.summary-cost-totals #calculatedExpediteFee {
  margin-left: 0;
}
.summary-cost-totals #expediteCost {
  font-weight: bold;
}
.checkout-page-container .fa-info-circle {
  font-size: 20px;
  color: #0c5460;
  margin-right: 3px;
}
.summary-cost-totals input {
  border: none;
}
@media screen and (max-width:991px) {
  .summary-cost-totals #expediteCost {
    width: 100%;
  }
}
.summary-cost-totals .text-danger {
    display: block;
    font-size: 16px;
}
.back .fa-long-arrow-alt-left {
  font-size: 24px;
  margin-right: 3px;
  margin-bottom: -0.2rem;
}
.back {
  background-color: #F49729;
  border-color: #F49729;
}
.cart-place-order-btn,
.cart-place-order-btn:hover,
.cart-place-order-btn:active {
  background: #C72128!important;
  border: none!important;
}
.calc {
   background: #E8E8E8;
   padding: 1rem;
   margin-bottom: 1rem;
}
#OrderForm_btn {
  width: 50%;
}
.fa-wallet,
.fa-edit {
  color: #0068AB;
}
#newAddress legend,
#billingForm legend {
  font-size: 20px;
  font-weight: 900!important;
}
#newAddress .fa-credit-card {
  color: #0068AB;
}
.wallet__card__bottom__type {
  color: white;
}
.cardRow h3 {
  margin: 0;
}
.cardRow #addressGrid {
  padding: 0;
}
.Billing-address-table input {
    border: 1px solid rgba(11, 132, 212, .5);
    margin-bottom: 0.8rem;
  }
  .pay-profile-container .ship-use-address a {
    color: #0068AB;
  }
  .pay-profile-container .ship-use-address a:hover {
    color: #F49729;
  }
  #addressGrid .pay-profile-container .checkout-card.wallet__card {
    margin: 2.85rem;
}
@media screen and (max-width: 991px) {
  #addressGrid .pay-profile-container .checkout-card.wallet__card {
    margin-right: 0;
    margin: .75rem;
  }
  .wallet__card {
    height: 160px !important;
    width: 280px !important;
    font-size: 12px!important;
  }
  #addressGrid .pay-profile-container.wallet {
      margin-right: 0;
  }
}
.checkout-card.wallet__card {
  margin: 0 auto;
}
@media screen and (min-width:992px) {
  .billing-shipping-row .checkout-card.wallet__card {

  }
  .wallet__card {
       height: 150px!important;
       width: 250px!important;
       font-size: 12px!important;
   }
}
.cart-ind-price {
  display: none;
}
.sub-price {
  font-weight: bold;
}
.cartErrorRed {
  background: white;
  padding: 2rem
}
.alert-info,
.fa-thumbs-up {
  color: #04414d;
}
.alert-info svg {
  color: #04414d !important;
  font-size: 20px !important;
}
.pay-profile-container .shipping a,
.pay-profile-container .shipping a:hover {
    color: white;
}
#newAddress input,
#newAddress select {
    border: 1px solid rgba(11, 132, 212, .5);
}
@media screen and (max-width: 991px) {
  #newAddress input,
  #newAddress select {
      width: 100%;
  }
}
@media screen and (min-width:992px) {
  #addressGrid {
  display:flex;
  width: 100%;
  }
}
#loginForm form,
.social#externalLogins {
  background: whitesmoke;
  padding: 1rem;
}
@media screen and (max-width: 991px) {
  #loginForm form {
    padding: .3rem;
  }
}
#account .col-lg-4,
#loginForm .col-lg-8 {
  max-width: 100%;
  flex: 100%;
}
#account #loginForm input,
#account #loginForm select {
      border: 1px solid rgba(11, 132, 212, .5);
}
#account #loginForm .PrntBtn {
  background: #F49729;
  border-color: #F49729;
}
#account .delete,
#account .delete:hover {
  background: #C72128;
  border-color: #C72128;
}
.l-main-container.register {
    padding: 0;
}
@media screen and (max-width: 991px) {
   .b-container-login-page #loginForm {
      width: 100%;
   }
}
.b-container-login-page .form-control {
  font-family: Lato;
  font-weight: normal;
}
.b-container-login-page #loginForm form {
    padding: 1rem!important;
}
.b-container-login-page .field-validation-error {
  color: #C72128;
}
.b-container-login-page .field-validation-error::before {
  content: "* ";
}
#loginForm h1 {
  margin-top: 0;
}
#loginForm label {
    display: inline-block;
    margin-bottom: .2rem;
}
#loginForm .b-form-horizontal__input {
  margin-bottom: .5rem;
}
.b-container-login-page form .col-lg-4 {
  max-width: 100%;
  flex: 100%;
}
.b-container-login-page .b-social-links-box a {
   margin-right: 10px;
   text-decoration: underline;
}
.b-social-links-box svg {
    margin-right: 5px;
}

#externalLogins tr td {
  padding-bottom: .6rem;
  color: #0068AB;
}
.account-manage .btn-lg{
  width: 100%;
}
.account-manage .btn-primary:not(:disabled):not(.disabled):active {
    background: #F49729!important;
    border-color: #F49729!important;
}
.account-manage svg {
  margin-right: 3px;
  color: white;
  font-size: inherit;
}
.account-manage a {
  border-radius: 0;
}
#externalLogins table {
  width: 40%;
}
@media screen and (max-width: 991px) {
  #externalLogins table {
    width: 100%;
  }
}
#externalLogins legend {
  line-height: 1.2;
}
#Orders thead {
  background: #0068AB;
  color: white;
}
#Orders a {
  text-decoration: underline;
}
#Orders tr:nth-child(even),
#Orders tr:nth-child(even) a {
  background: whitesmoke;
}
.netsuite-sales-order input {
  border: 1px solid rgba(11, 132, 212, .5);
}
.netsuite-sales-order #nsOrder,
.netsuite-sales-order #nsOrderItems {
   background: white;
   padding: 1rem;
}
.b-log-in-form table td  {
   padding: 8px;
}
#shippingDetails table tr:nth-child(even) {
  background: white;
}
#shippingDetails .b-log-in-form {
  background: whitesmoke;
  padding: 1rem;
}
.create-edit-address-info {
  background: white;
  padding: 1rem;
}
.create-edit-address-info input,
.create-edit-address-info select {
  border: 1px solid rgba(11, 132, 212, .5);
}
@media screen and (max-width: 991px) {
  .create-edit-address-info input,
  .create-edit-address-info select,
  .create-edit-address-info table,
  .create-edit-address-info .editor-label {
     width: 100%;
  }
}
.create-edit-address-info .editor-field,
.create-edit-address-info select,
.create-edit-address-info #PostalCode {
  margin-bottom: .5rem;
}
#billingDetails .pay-profile-container {
    background: none;

}
#billingDetails .checkout-card.wallet__card {
    margin: inherit;
}
#billingDetails .pay-profile-container {
    padding: 1rem 0;
}
#shippingDetails .deleteAddress {
  margin-left: 1rem;
}
.new-card {
  background: white;
  padding: 1rem;
}
.thankyou-container {
  background: white;
}
.thankyou-thankyou {
  font-size: 80px;
  color: #0068AB;
  line-height: 1;
}
.thankyou-container li {
   padding-bottom: 1rem;
}
.cart-couponFail {
  color: #C72128;
}
.quantity.co {
  background: whitesmoke;
  padding: 1rem;
}
@media screen and (min-width: 991px) {
 .price.korea p {
   color: #0c5460;
   position: absolute;
   line-height: 1.4;
   font-weight: normal;
   left: 260px;
   top: 11.3rem;
   width: 38%;
 }
}
@media screen and (min-width: 1200px) {
 .price.korea p {
   left: 340px;
   top: 9.3rem;
   width: 38%;
 }
}
.price.korea p {
  font-weight: normal;
  font-size: 14px;
  padding: .75rem 1.15rem;
}
.price.korea p a {
  color: #0c5460;
  font-weight: 700;
}
.price.korea p a:hover {
   text-decoration: underline!important;
}
.price.korea .fa-info-circle {
  font-size: 18px!important;
  margin-left: 0!important;
}

/* END CHECK OUT
-----------------------------------------------------------------*/

/* ERROR PAGE
-----------------------------------------------------------------*/
.error-page {
  background: #0B84D4;
  padding: 3rem 4rem 4rem 4rem;
}
.error-page a {
  color: #F49729;
}
.error-page h1 {
  margin: 0;
  color: white;
  font-size: 70px
}
.error-page p {
  color: white;
}
.validation-summary-errors {
  color: #C72128;
  line-height: 1.4;
}
.validation-summary-errors ul {
  list-style: none;
  color: #721c24;
  background-color: #f8d7da;
  border: 1px solid #f5c6cb;
  border-radius: 5px;
  padding: .8rem;
}
/* END ERROR PAGE
-----------------------------------------------------------------*/


/* HEADER
-----------------------------------------------------------------*/
header {
  background: white;
}

.logo {
  margin: 15px 0 0 35px;
}

.top-navbar {
  position: absolute;
  top: -40px;
  right: 0;
  color: #0B84D4;
}

@media screen and (max-width: 991px) {
  .top-navbar {
    position: absolute;
    top: -75px;
  }
}
.top-navbar ul li {
  display: inline;
  font-size: 24px;
}

.social li a {
  padding-right: 14px;
  color: #c8c8c8;
}

header .fa-envelope {
  font-size: 24px;
}
.phone {
  cursor: pointer;
}
.tooltip-inner {
  background-color: #0B84D4 !important;
  color: white ;
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
  border-top-color: #0B84D4 !important;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
  border-right-color: #0B84D4 !important;
}


.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  border-bottom-color: #0B84D4 !important;
}


.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
  border-left-color: #0B84D4 !important;
}
.email {
  font-weight: 700;
  padding: 0 7px 0 20px;
  cursor: pointer;
}
.user:hover {
  color: #A6AAB1;
}
.fa-circle {
  color: #F49729;
  right: 13px;
  position: relative;
  top: -22px;
  font-size: 11px;
}

.shopping-cart {
  padding: 0 10px 0 20px;
}
@media screen and (max-width:991px) {
  .shopping-cart {
    padding-right: 20px;
  }
}
.shopping-cart a {
   text-decoration: none;
}
.badge-primary {
  color: #F49729;
  background-color: transparent;
  margin: -14px 0 0 -50px;
  position: absolute;
}
.badge {
    font-size: 52%;
    font-weight: normal;
}

.user {
  padding: 0 55px 0 10px;
  cursor: pointer;
}
.MEA {
  margin: 0 15px 0 0;
}
.MEA .fa-sign-in-alt,
.fa-sign-out-alt,
.fa-user-circle,
.iMonnit svg {
  margin-right: 5px;
  font-size: 18px;
}
.iMonnit svg {
  margin-top: -3px;
}
#accountDropdown {
    margin: .2rem 1.85rem 0 1.85rem;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0068ab+1,0068ab+100&1+1,0.85+99,0.85+100 */
    background: -moz-linear-gradient(left, rgba(0, 104, 171, 1) 1%, rgba(0, 104, 171, 0.92) 99%, rgba(0, 104, 171, 0.92) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0, 104, 171, 1) 1%, rgba(0, 104, 171, 0.92) 99%, rgba(0, 104, 171, 0.92) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0, 104, 171, 1) 1%, rgba(0, 104, 171, 0.92) 99%, rgba(0, 104, 171, 0.92) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0068ab', endColorstr='#d90068ab', GradientType=1);
    /* IE6-9 */
    border: none;
    border-radius: 0;
    padding: 1rem;
}
@media screen and (min-width: 992px) {
   #accountDropdown {
      position: relative;
      right: 1.1rem;
      top: 0.2rem;
   }
}
#accountDropdown a {
  color: white;
  display: block;
}
#accountDropdown a:hover {
   text-decoration: underline!important;
}
@media screen and (max-width: 991px) {
  .top-navbar {
    position: relative;
    top: 0;
    left: 0;
    text-align: center;
  }
  .navbar-collapse {
    margin: 0 1rem;
  }

  .top-navbar ul li {
    font-size: 22px;
  }

  .email {
    margin-left: 0;
  }

  .logo {
    margin: 20px 0 0 20px;
    height: 35px;
  }

  .user {
    padding: 0;
  }
}

/* end media query */
.navbar {
    padding: 0;
}
.navbar-nav {
    margin-top: 0.9rem;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
  color: #0068AB;
  font-weight: 700;
}

.navbar-light .navbar-nav .nav-link {
  color: #0068AB;
  font-weight: 700;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: #F49729;
}


.dropdown-menu {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0068ab+1,0068ab+100&1+1,0.85+99,0.85+100 */
  background: -moz-linear-gradient(left, rgba(0, 104, 171, 1) 1%, rgba(0, 104, 171, 0.85) 99%, rgba(0, 104, 171, 0.85) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(0, 104, 171, 1) 1%, rgba(0, 104, 171, 0.85) 99%, rgba(0, 104, 171, 0.85) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(0, 104, 171, 1) 1%, rgba(0, 104, 171, 0.85) 99%, rgba(0, 104, 171, 0.85) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0068ab', endColorstr='#d90068ab', GradientType=1);
  /* IE6-9 */
  border: none;
  border-radius: 0;
}
.adminBar__container .dropdown-menu {
    padding: .4rem 1rem;
}
.adminBar__container .dropdown-heading {
  font-weight: 600;
  color: white;
  text-decoration: underline;
  margin: .4rem 0;
}
.adminBar__container .dropdown-item {
     line-height: 1.5rem;
}
.dropdown-toggle::after {
  font-family: "Font Awesome 5 Free";
  content: "\f107";
  display: inline-block;
  font-weight: 900;
  vertical-align: top;
  border: none;
}

.dropdown-item {
  color: white;
  padding: 0 1.3rem;
  line-height: 1.8rem;
}
@media screen and (max-width: 991px) {
  .dropdown-item {
    line-height: 2.2rem;
  }
}
.dropdown-item:focus, .dropdown-item:hover {
  color: white;
  text-decoration: none;
  background-color: #A6AAB1;
}

.navbar-toggler {
  margin-top: -57px;
}

.dropdown-toggle::after {
  color: #F49729;
}

.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,104,171,1)' stroke-width='4' stroke-linecap='square' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
  border-color: transparent;
}

.form-control {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

header input.form-control {
    color: #0B84D4!important;
    font-family: Lato;
    font-weight: normal;
}

.search::placeholder {
  color: #0B84D4;
}

.form-control {
  border: 1px solid rgba(11, 132, 212, .5);
  border-radius: 0;
}

@media (min-width: 576px) {
  .form-inline .form-control {
    width: 70%;
  }
}

.btn-outline-success {
  background: #0B84D4;
  border-color: #0B84D4;
  color: white;
  font-weight: 400;
}

.btn-outline-success:hover {
  color: #fff;
  background-color: #F49729;
  border-color: #F49729;
}

.btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show>.btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #F49729;
  border-color: #F49729;
}

button:focus {
  outline: none;
}
.results-monnit {
  background: #0B84D4;
  padding: 15px;
  color: white;
  text-align: center;
  width: 100%;
  margin: 2rem ;
}
.breadcrumb {
  margin-bottom: 0;
}

.breadcrumb {
  background: -moz-linear-gradient(left,  rgba(11,132,212,1) 0%, rgba(11,132,212,0.1) 100%);
background: -webkit-linear-gradient(left,  rgba(11,132,212,1) 0%,rgba(11,132,212,0.1) 100%);
background: linear-gradient(to right,  rgba(11,132,212,1) 0%,rgba(11,132,212,0.1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b84d4', endColorstr='#1a0b84d4',GradientType=1 );
border-radius: 0;
}

.breadcrumb-item a, .breadcrumb-item.active {
  color: white;
}

.breadcrumb-item+.breadcrumb-item::before {
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  display: inline-block;
  padding-right: .5rem;
  color: white;
  vertical-align: middle;
  font-weight: 900;
}
#accountDropdown a {
  font-size: 16px;
}
/* END HEADER
-----------------------------------------------------------------*/

/* FOOTER
-----------------------------------------------------------------*/
footer {
  color: white;
  padding: 50px 0 0 0;
  position: relative;
  bottom: 0;
  width: 100%;
  line-height: 1.75rem;
  background: #182C39 url("../images/black-linen.png");
}
@media screen and (min-width: 1500px) {
   .home footer  {
     margin-bottom: 5.8rem;
   }
}
.vertical-page footer {
  margin-bottom: 0;
}
footer a {
  display: block;
  color: white !important;
  line-height: 2rem;
}

footer h2 {
  color: white;
  margin-top: 0;
}

footer h3 {
  display: inline-block;
  color: #08AFE6;
  font-size: 16px;
  text-decoration: underline;
  font-weight: 700;
}

.getstarted:before {
  font-family: "Font Awesome 5 Free";
  content: "\f135";
  display: inline-block;
  color: white;
  vertical-align: middle;
  font-weight: 900;
  font-size: 26px;
  position: relative;
  left: -5px;
  top: -5px;
}

.about:before {
  font-family: "Font Awesome 5 Free";
  content: "\f129";
  display: inline-block;
  color: white;
  vertical-align: middle;
  font-weight: 900;
  font-size: 26px;
  position: relative;
  left: -10px;
  top: -5px;
}

.support:before {
  font-family: "Font Awesome 5 Free";
  content: "\f007";
  display: inline-block;
  color: white;
  vertical-align: middle;
  font-weight: 900;
  font-size: 26px;
  position: relative;
  left: -10px;
  top: -5px;
}

footer h2 {
  font-size: 22px;
  font-weight: 900;
  color: #08AFE6;
}

footer .social {
  font-size: 18px;
  color: white;
}

footer .social a {
  display: inline;
}

footer .social li {
  color: white;
}

footer p {
  font-size: 20px;
  font-weight: 300;
  font-style: italic;
  margin-bottom: 1.7rem;
}

footer ul li {
  display: inline;
}

footer .fa-newspaper {
  font-size: 40px;
  margin-left: 10px;
  margin-bottom: -4px;
}

footer input {
  line-height: 2.2rem;
  padding-left: 5px;
  color: #0B84D4;
}

footer ::placeholder {
  color: #0B84D4;
}

footer button[type="submit"] {
  border-radius: 5px;
  background: #0B84D4;
  border: none;
  color: white;
  padding: 6px 12px;
  margin-left: 10px;
}
@media screen and (min-width:768px) and (max-width:991px) {
  footer button {
    margin-left: 0!important;
  }
}

@media screen and (max-width: 767px) {
  footer .container {
    text-align: center;
  }

  .stayconnected {
    margin-top: 1rem;
  }

  header button[type="submit"] {
    margin-left: 0;
  }
  footer .form-news input {
    margin: 0 auto;
    display: block;
  }
}

.bottom-footer {
  background: #0268AB;
  text-align: center;
  padding: 12px 0;
  font-size: 14px;
}

.bottom-footer a {
  display: inline;
}

/* END FOOTER
-----------------------------------------------------------------*/