html,
body {
  overflow-x: hidden;
  scroll-behavior: smooth;
  color: #14325c;
  font-family: 'Gotham';
}
p {
  font-size: 15px;
  color: #545454;
  font-family: 'Gotham Book';
}
h1 {
  font-size: 36px;
  color: #16325C;
  font-family: 'Gotham Bold';
}
h2 {
  font-size: 24px;
  color: #16325C;
  font-family: 'Gotham Bold', 'Gotham Book';
}
h3 {
  font-size: 20px;
  color: #545454;
  font-family: 'Gotham Light';
}
h4 {
  font-size: 18px;
  color: #545454 ;
  font-family: 'Gotham Book', 'Gotham Light', 'Gotham Bold';
}
h5 {
  font-size: 13px;
  color: #545454;
  font-family: 'Gotham Book', 'Gotham Light';
}
h6 {
  color: #545454 ;
  font-family: 'Gotham Book', 'Gotham Light', 'Gotham Bold';
}
h7 {
  color: #16325C;
  font-family: "Loving-Hollanda";
  font-size: 48px;
}
.multi-item-carousel .btn.primary-outline {
  font-size: 14px;
  font-family: 'Gotham Bold';
}
.selected {
  border: 2px solid #46bfa9;
}
.finishImg {
  height: 80px;
  width: 80px;
}
.replaceImg {
  height: 80px;
  width: 80px;
}
.alle-core-btn-link {
  background-color: #46bfa9;
  border-radius: 0;
  margin-top: 10px;
  transition: all .3s;
  color: white;
}
.alle-core-btn-link:hover {
  color: white;
  background-color: #46bfa9;
}
.login_auth {
  display: none;
}
.instaPost a {
  color: #3b3b3b;
}
.instaPost a:hover {
  color: #46bfa9;
  text-decoration-color: #46bfa9;
}
.cmp.cmp-breadcrumb .breadcrumb-core {
  list-style: none;
  margin-top: 20px;
}
.cmp.cmp-breadcrumb .breadcrumb-core li + li:before {
  padding: 0 5px;
  color: #46bfa9;
  content: ">";
}
.cmp.cmp-breadcrumb .breadcrumb-core li.breadcrumb-item {
  display: inline-block;
}
.cmp.cmp-breadcrumb .breadcrumb-core li.breadcrumb-item:first-child {
  border-left: none;
}
.cmp.cmp-breadcrumb .breadcrumb-core li.breadcrumb-item a {
  color: #46bfa9;
  text-decoration: none;
  transition: all .3s;
  font-size: 14px;
}
.cmp.cmp-breadcrumb .breadcrumb-core li.breadcrumb-item a:hover {
  color: #46bfa9;
  text-decoration: none;
  text-decoration-color: #46bfa9;
}
#homepage-carousel .carousel-indicators li {
  padding-top: 10px;
}
.alle-core-tabs .dyntabwapper .nav-tabs {
  border-color: #46bfa9;
}
.alle-core-tabs .dyntabwapper .nav-tabs li a {
  font-family: "Gotham Book";
  border-radius: 5px 5px 0 0;
  background-color: transparent;
  transition: all .3s;
  color: #14325c;
}
.alle-core-tabs .dyntabwapper .nav-tabs li a:hover {
  background-color: #e9f6f6;
  color: #14325c;
  border-bottom-color: #46bfa9 !important;
}
.alle-core-tabs .dyntabwapper .nav-tabs li.active a {
  color: white;
  background-color: #46bfa9;
}
.alle-core-tabs .dyntabwapper .tab-content {
  font-family: "Gotham";
  font-weight: 100;
}
.accordian-tab .alle-core-tabs li a {
  transition: background-color 0.2s;
  color: #14325c;
}
.accordian-tab .alle-core-tabs li a:hover {
  background-color: #e9f6f6;
  color: #14325c;
  border-bottom-color: #46bfa9 !important;
}
.accordian-tab .alle-core-tabs li.active a {
  background-color: transparent;
  color: #14325c;
}
.accordian-tab .alle-core-tabs li.active a:after {
  color: #46bfa9;
}
.accordian-tab .alle-core-tabs li.active a:hover {
  background-color: #46bfa9;
  color: white;
}
.checkBoxContainer input:checked ~ .checkmark {
  background-color: #46bfa9;
}
.modal-title.prod-comp-title {
  text-align: center;
}
.cmp.cmp-button .btn {
  background-color: #46bfa9;
  color: white;
}
.cmp.cmp-button .btn:hover {
  background-color: #14325c;
  color: white;
  opacity: 1!important;
}
.help-block {
  color: #14325c !important;
}
.alle-core-buttonlink a {
  background-color: #46bfa9 !important;
  color: white;
  border-radius: 5px;
}
.alle-core-buttonlink a:hover {
  background-color: #14325c !important;
  color: white;
  opacity: 1!important;
}
.customrte a {
  color: #46bfa9;
}
alle-core-download a b,
strong {
  color: #46bfa9;
}
.border-line .borderline {
  height: 2px;
  width: 100%;
  background-color: #46bfa9;
  float: left;
}
.panel-heading .panel-title {
  color: #14325c !important;
}
.panel-heading .panel-title .listingIconColor {
  color: #14325c !important;
}
h3 .filterClearButton:before,
h3 .filterClearButton:after {
  background-color: #14325c !important;
  font-family: "Gotham Book", sans-serif;
}

/* Gotham Font */
.Gotham-Book-Web {
    font-family: "Gotham Book";
    font-weight: 100;
    font-style: normal;
    font-stretch: normal;
}

.Gotham-BookItalic-Web {
    font-family: "Gotham Book";
    font-weight: 100;
    font-style: italic;
    font-stretch: normal;
}

.Gotham-Light-Web {	
    font-family: "Gotham";
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
}

.Gotham-LightItalic-Web {
    font-family: "Gotham";
    font-weight: 300;
    font-style: italic;
    font-stretch: normal;
}

.Gotham-Medium-Web {
    font-family: "Gotham";
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
}

.Gotham-MediumItalic-Web {
    font-family: "Gotham";
    font-weight: 500;
    font-style: italic;
    font-stretch: normal;
}

.Gotham-Bold-Web {
    font-family: "Gotham";
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
}

.Gotham-BoldItalic-Web {
    font-family: "Gotham";
    font-weight: 700;
    font-style: italic;
    font-stretch: normal;
}

.Gotham-Black-Web {
    font-family: "Gotham";
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
}

.Gotham-BlackItalic-Web {
    font-family: "Gotham";
    font-weight: 900;
    font-style: italic;
    font-stretch: normal;
}

/* Loving Hollanda Font */
.Hollanda-Book-Web {
    font-family: "Loving-Hollanda";
    font-weight: 100;
    font-style: normal;
    font-stretch: normal;
}

.Hollanda-Light-Web {	
    font-family: "Loving-Hollanda";
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
}

.Hollanda-Regular-Web {
    font-family: "Loving-Hollanda";
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
}

.Hollanda-Medium-Web {
    font-family: "Loving-Hollanda";
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
}

.Hollanda-Black-Web {
    font-family: "Loving-Hollanda";
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
}


@font-face {
    font-family: 'Gotham Book';
    src: url('clientlib-base/resources/fonts/Gotham-Book.eot');
    src: url('clientlib-base/resources/fonts/Gotham-Book.woff2') format('woff2'),
         url('clientlib-base/resources/fonts/Gotham-Book.woff') format('woff'),
         url('clientlib-base/resources/fonts/Gotham-Book.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Gotham Book';
    src: url('clientlib-base/resources/fonts/Gotham-BookItalic.eot');
    src: url('clientlib-base/resources/fonts/Gotham-BookItalic.woff2') format('woff2'),
         url('clientlib-base/resources/fonts/Gotham-BookItalic.woff') format('woff'),
         url('clientlib-base/resources/fonts/Gotham-BookItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}                                            

@font-face {
    font-family: 'Gotham';
    src: url('clientlib-base/resources/fonts/Gotham-Light.eot');
    src: url('clientlib-base/resources/fonts/Gotham-Light.woff2') format('woff2'),
         url('clientlib-base/resources/fonts/Gotham-Light.woff') format('woff'),
         url('clientlib-base/resources/fonts/Gotham-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('clientlib-base/resources/fonts/Gotham-LightItalic.eot');
    src: url('clientlib-base/resources/fonts/Gotham-LightItalic.woff2') format('woff2'),
         url('clientlib-base/resources/fonts/Gotham-LightItalic.woff') format('woff'),
         url('clientlib-base/resources/fonts/Gotham-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Gotham';
    src: url('clientlib-base/resources/fonts/Gotham-Medium.eot');
    src: url('clientlib-base/resources/fonts/Gotham-Medium.woff2') format('woff2'),
         url('clientlib-base/resources/fonts/Gotham-Medium.woff') format('woff'),
         url('clientlib-base/resources/fonts/Gotham-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gotham';
    src: url('clientlib-base/resources/fonts/Gotham-MediumItalic.eot');
    src: url('clientlib-base/resources/fonts/Gotham-MediumItalic.woff2') format('woff2'),
        url('clientlib-base/resources/fonts/Gotham-MediumItalic.woff') format('woff'),
        url('clientlib-base/resources/fonts/Gotham-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Gotham';
    src: url('clientlib-base/resources/fonts/Gotham-Bold.eot');
    src: url('clientlib-base/resources/fonts/Gotham-Bold.woff2') format('woff2'),
         url('clientlib-base/resources/fonts/Gotham-Bold.woff') format('woff'),
         url('clientlib-base/resources/fonts/Gotham-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gotham';
    src: url('clientlib-base/resources/fonts/Gotham-BoldItalic.eot');
    src: url('clientlib-base/resources/fonts/Gotham-BoldItalic.woff2') format('woff2'),
         url('clientlib-base/resources/fonts/Gotham-BoldItalic.woff') format('woff'),
         url('clientlib-base/resources/fonts/Gotham-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('clientlib-base/resources/fonts/Gotham-Bold.eot');
    src: url('clientlib-base/resources/fonts/Gotham-Bold.woff2') format('woff2'),
         url('clientlib-base/resources/fonts/Gotham-Bold.woff') format('woff'),
         url('clientlib-base/resources/fonts/Gotham-Bold.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('clientlib-base/resources/fonts/Gotham-BoldItalic.eot');
    src: url('clientlib-base/resources/fonts/Gotham-BoldItalic.woff2') format('woff2'),
         url('clientlib-base/resources/fonts/Gotham-BoldItalic.woff') format('woff'),
         url('clientlib-base/resources/fonts/Gotham-BoldItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}


@font-face {
    font-family: 'Loving-Hollanda';
    src: url('clientlib-base/resources/fonts/Loving-Hollanda.otf');
    src: url('clientlib-base/resources/fonts/Loving-Hollanda.woff') format('woff'),
    	 url('clientlib-base/resources/fonts/Loving-Hollanda.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Loving-Hollanda';
    src: url('clientlib-base/resources/fonts/Loving-Hollanda.otf');
    src: url('clientlib-base/resources/fonts/Loving-Hollanda.woff') format('woff'),
    	 url('clientlib-base/resources/fonts/Loving-Hollanda.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Loving-Hollanda';
    src: url('clientlib-base/resources/fonts/Loving-Hollanda.otf');
    src: url('clientlib-base/resources/fonts/Loving-Hollanda.woff') format('woff'),
    	 url('clientlib-base/resources/fonts/Loving-Hollanda.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Loving-Hollanda';
    src: url('clientlib-base/resources/fonts/Loving-Hollanda.otf');
    src: url('clientlib-base/resources/fonts/Loving-Hollanda.woff') format('woff'),
    	 url('clientlib-base/resources/fonts/Loving-Hollanda.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Loving-Hollanda';
    src: url('clientlib-base/resources/fonts/Loving-Hollanda.otf');
    src: url('clientlib-base/resources/fonts/Loving-Hollanda.woff') format('woff'),
    	 url('clientlib-base/resources/fonts/Loving-Hollanda.ttf') format('truetype');

    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hollanda';
    src: url('clientlib-base/resources/fonts/Hollanda.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gotham Bold';
    src: url('clientlib-base/resources/fonts/Gotham-Bold.eot');
    src: url('clientlib-base/resources/fonts/Gotham-Bold.otf') format('otf'),
         url('clientlib-base/resources/fonts/Gotham-Bold.ttf') format('ttf'),
         url('clientlib-base/resources/fonts/Gotham-Bold.woff') format('woff');
    	 url('clientlib-base/resources/fonts/Gotham-Bold.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'Gotham Light';
    src: url('clientlib-base/resources/fonts/Gotham-Light.eot');
    src: url('clientlib-base/resources/fonts/Gotham-Light.otf') format('otf'),
         url('clientlib-base/resources/fonts/Gotham-Light.ttf') format('ttf'),
         url('clientlib-base/resources/fonts/Gotham-Light.woff') format('woff');
    	 url('clientlib-base/resources/fonts/Gotham-Light.woff2') format('woff2');
    font-display: swap;
}
html, body{
    font-family: "Gotham Book";

}
p {
    font-family: "Gotham Book";
    font-size:15px!important;

}
b,strong{
    font-weight:unset!important;
    font-family: "Gotham Bold"!important;
}
.heading-blue {
  /*
  background: rgba(226, 226, 226, 1);
  background: -moz-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 0%, rgba(209, 209, 209, 1) 10%, rgba(254, 254, 254, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226, 226, 226, 1)), color-stop(0%, rgba(219, 219, 219, 1)), color-stop(10%, rgba(209, 209, 209, 1)), color-stop(100%, rgba(254, 254, 254, 1)));
  background: -webkit-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 0%, rgba(209, 209, 209, 1) 10%, rgba(254, 254, 254, 1) 100%);
  background: -o-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 0%, rgba(209, 209, 209, 1) 10%, rgba(254, 254, 254, 1) 100%);
  background: -ms-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 0%, rgba(209, 209, 209, 1) 10%, rgba(254, 254, 254, 1) 100%);
  background: linear-gradient(to bottom, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 0%, rgba(209, 209, 209, 1) 10%, rgba(254, 254, 254, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0);
  */
  background-color: transparent !important;
}
.heading-blue .utility-header {
  background-color: transparent;
  display: none;
}
.heading-blue .header-container {
  max-width: unset;
}
.heading-blue .header-container .navbar-header .col-sm-6.logo {
  margin-top: 15px !important;
}
@media (min-width: 1200px) {
  .heading-blue .header-container .navbar-header .col-sm-6.logo {
    padding-left: calc((100vw - 1200px)/2);
  }
}
@media (min-width: 830px) {
  .heading-blue .header-container .navbar-header #search_box {
    float: left;
  }
}
@media (min-width: 1200px) {
  .heading-blue .header-container .navbar-header #search_box {
    padding-right: calc((100vw - 1200px)/2);
  }
}
.heading-blue .header-container .navbar-header #search_box .search_btn {
  background-image: url("clientlib-base/resources/fonts/search-solid.svg");
  background-color: #46bfa9;
  position: relative;
  background-repeat: no-repeat;
  background-size: 20px;
}
.heading-blue .header-container .navbar-header #search_box input {
  padding-top: 2px;
}
.heading-blue .header-container .navbar-header #mainNav-navbar-collapse {
  background-color: #e9f6f6;
  margin-top: 15px;
  border-top: 1px solid #46bfa9;
}
@media (min-width: 768px) {
  .heading-blue .header-container .navbar-header #mainNav-navbar-collapse {
    display: flex !important;
    width: 100%;
    float: left;
  }
}
.heading-blue .header-container .navbar-header #mainNav-navbar-collapse .navbar-nav {
  max-width: 1200px;
  margin: 0 auto;
}
.heading-blue .header-container .navbar-header #mainNav-navbar-collapse .navbar-nav .dropdown a {
  padding: 25px 13px !important;
  border-top: none;
  font-family: 'Gotham Book' !important;
}
.heading-blue .header-container .navbar-header .hamburger .mobile-toggle {
  z-index: 1000;
  position: relative;
}
.heading-blue .header-container .navbar-header .hamburger .mobile-toggle[aria-expanded='true'] {
  position: fixed;
  top: 10px;
}
.heading-blue .header-container .navbar-header .hamburger .mobile-toggle .hamburgerMenuBars {
  background-color: #14325c !important;
}
.heading-blue .header-container .navbar-header .hamburger #accordion {
  max-height: 2000px !important;
  transition: all .3s;
  width: 100% !important;
  position: fixed;
  margin: 0 !important;
  height: 0 !important;
  top: 0;
  padding-top: 0;
  background-color: #212E40;
  border-color: #212E40;
}
.heading-blue .header-container .navbar-header .hamburger #accordion[aria-expanded="true"] {
  height: 100% !important;
  z-index: 999;
  padding-top: 60px;
  background-color: #e9f6f6 !important;
}
.heading-blue .header-container .navbar-header .hamburger #accordion .panel .panel-heading {
  display: flex;
  background-color: #e9f6f6 !important;
}
.heading-blue .header-container .navbar-header .hamburger #accordion .panel .panel-heading .panel-direct-link {
  background-color: #e9f6f6;
  color: #14325c;
}
.heading-blue .header-container .navbar-header .hamburger #accordion .panel .panel-heading a {
  font-size: 18px;
  color: #14325c;
}
.heading-blue .header-container .navbar-header .hamburger #accordion .panel .panel-heading .panel-title {
  width: 100%;
  text-align: left;
}
.heading-blue .header-container .navbar-header .hamburger #accordion .panel .panel-heading .panel-title a:before {
  float: right;
}
.heading-blue .header-container .navbar-header .hamburger #accordion .panel a {
  text-align: left;
}
.heading-blue .header-container .vertical-icon {
  display: none;
}
.header-navigation .navigation-item a {
  transition: all .3s;
  border-bottom: 2px solid transparent;
}
.header-navigation .navigation-item a:hover {
  color: #46bfa9;
  border-bottom-color: #46bfa9;
}
.header-navigation .navigation-item .alle-language {
  display: none !important;
}
@media only screen and (max-width: 829px) {
  .navbar-default .navbar-header .search {
    width: 50%;
  }
}
@media only screen and (max-width: 480px) {
  .navbar-default .navbar-header .search {
    width: 45% !important;
    padding: initial !important;
  }
}
@media (max-width: 480px) {
  .navbar-default .navbar-header .logo {
    height: 132px;
  }
}
.navbar-default .navbar-header .logo img {
  display: block;
  max-width: 100%;
  height: auto;
}
@media (max-width: 480px) {
  .navbar-default .navbar-header .logo img {
    height: 100px;
  }
}
@media only screen and (max-width: 829px) {
  .navbar-default .navbar-header .logo {
    width: 50%;
    margin-bottom: 0;
  }
}
.navbar-default .hamburger .mobile-toggle {
  position: absolute;
  z-index: 101;
  right: 15px;
  top: -30px;
}
.navbar-default .hamburger #accordion {
  background-color: transparent !important;
  border: none !important;
  top: 0 !important;
}
.navbar-default .hamburger #accordion .panel .panel-body .list-group-item a {
  text-transform: unset !important;
}
.navbar-default .hamburger #accordion .panel .panel-heading {
  background-color: #D9D9D9 !important;
}
.navbar-default .hamburger #accordion .panel .panel-heading .panel-title {
  color: black !important;
  text-transform: unset !important;
}
.navbar-default #search_box {
  padding-top: 110px !important;
}
@media only screen and (max-width: 829px) {
  .navbar-default #search_box {
    padding-top: 0 !important;
    margin-right: 25px;
    margin-bottom: 5px;
  }
}
@media (min-width: 470px) and (max-width: 480px) {
  .navbar-default #search_box {
    padding-top: 60px !important;
  }
}
.navbar-default #search_box [name='searchform'] #searchInput1 {
  background-color: white !important;
  border: 1px solid #46bfa9;
  border-radius: 5px 0 0 5px;
}
@media only screen and (max-width: 829px) {
  .navbar-default #search_box [name='searchform'] #searchInput1 {
    width: 175px;
  }
}
.navbar-default .logo {
  margin-top: unset !important;
}
.navbar-default .navbar-nav {
  background-color: transparent;
}
.navbar-default .navbar-nav > li > a {
  text-transform: unset !important;
  color: black !important;
  transition: all .3s;
  border-top: 1px solid #c2c2c2;
  padding-top: 30px !important;
  border-bottom: 2px solid transparent;
}
.navbar-default .navbar-nav > li > a:hover {
  background-color: transparent !important;
  text-transform: unset !important;
  color: #14325c !important;
  border-bottom-color: #14325c;
}
.navbar-default .navbar-nav .dropdown-menu {
  margin-top: -18px;
}
.navbar-default .navbar-nav .dropdown-menu > li {
  background-color: white !important;
}
.navbar-default .navbar-nav .dropdown-menu > li > a {
  text-transform: unset !important;
  color: black !important;
  transition: all .3s;
  border-top: 1px solid #c2c2c2;
}
.navbar-default .navbar-nav .dropdown-menu > li > a:hover {
  background-color: transparent !important;
  text-transform: unset !important;
  color: #46bfa9 !important;
  border-bottom: 2px solid #46bfa9;
}

.listFilterAccordion.filteringParent .panel.panel-default {
  border-radius: 0;
  border: none;
  box-shadow: none;
}
.listFilterAccordion.filteringParent label {
  cursor: pointer;
  font-weight: normal;
}
.listFilterAccordion.filteringParent label:hover {
  font-family: 'Gotham Bold';
}
.listFilterAccordion.filteringParent > .panel > .panel-collapse > .panel-body {
  padding: 0;
}
.product-detail-accordion .cstmAccordion-Mobile .panel {
  border-radius: 0 !important;
}
.pagination li a {
  border: none !important;
  border-radius: 0 !important;
  color: black !important;
  transition: all .3s;
}
.pagination li a:hover {
  cursor: pointer;
}
.pagination li.active a {
  background-color: #46bfa9;
  color: white !important;
}
.pagination li.active a:hover {
  background-color: #14325c !important;
}
.product-listing .listingBorder {
  border-color: #e7e7e8;
  box-shadow: transparent 0 0 0;
}
.product-listing .listingBorder:hover {
  box-shadow: #46bfa9 1px 1px 7px;
}
.product-listing .mobile-filtering > .filterClearButton {
  display: inline-block;
  border: 1px solid lightgrey;
  padding: 9px;
  margin-right: 15px;
  float: right;
}
@media (max-width: 768px) {
  .product-listing .mobile-filtering > h3 {
    margin-bottom: 20px;
  }
}
.product-listing .completeFilterOnMobile {
  color: white;
  background-color: #46bfa9;
  padding: 10px;
  display: inline-block;
  float: right;
}
.product-listing .hideOrShowFilterOnMobile {
  border: 1px solid lightgrey;
  text-align: center;
  width: 50%;
  padding: 8px;
  color: grey;
  transition: all .3s;
}
.product-listing .hideOrShowFilterOnMobile:hover {
  border-color: #46bfa9;
  color: #46bfa9;
}
.product-listing .productFilterAZ {
  display: none;
}
.product-listing .listingDetailsBtn {
  transition: all .3s;
  border-radius: 5px;
  background-color: #46bfa9;
  color: white;
  text-transform: uppercase;
  font-family: "Gotham", sans-serif;
  border-width: 0;
}
.product-listing .listingDetailsBtn:hover {
  background-color: #14325c;
  color: white;
}
.product-listing .boldThisText {
  font-weight: 600 !important;
}
.sampleFinishDisplay {
  display: none;
}
#compareProductsButton {
  bottom: 30px !important;
  background: linear-gradient(-45deg, #46bfa9, #d3d3d3, #ffffff) !important;
  background-size: 400% 400% !important;
  -webkit-animation: Gradient 15s ease infinite;
  -moz-animation: Gradient 15s ease infinite;
  animation: Gradient 15s ease infinite !important;
}
.productCompareTable li {
  list-style: none;
  padding-bottom: 5px;
  text-align: left;
}
.product-details .upperRow {
  display: none;
}
.product-details .finishImgTitle {
  display: none;
}
.product-details hr {
  border-color: #46bfa9;
}
.recentAndRelatedProducts a {
  color: #666666;
  transition: all .3s;
  text-decoration: underline transparent;
}
.recentAndRelatedProducts a:hover {
  color: #46bfa9;
  text-decoration-color: #46bfa9;
}
@-webkit-keyframes Gradient {
  0% {
    background-position: 0 50%;
    color: black;
  }
  50% {
    background-position: 100% 50%;
    color: #14325c;
  }
  100% {
    background-position: 0 50%;
    color: grey;
  }
}
@-moz-keyframes Gradient {
  0% {
    background-position: 0 50%;
    color: black;
  }
  50% {
    background-position: 100% 50%;
    color: #14325c;
  }
  100% {
    background-position: 0 50%;
    color: grey;
  }
}
@keyframes Gradient {
  0% {
    background-position: 0 50%;
    color: black;
  }
  50% {
    background-position: 100% 50%;
    color: #14325c;
  }
  100% {
    background-position: 0 50%;
    color: grey;
  }
}
.alle-buy-button .alle-core-btn-link {
  border-radius: 5px;
  padding: 25px;
  text-transform: uppercase;
  font-family: "Gotham", sans-serif;
  font-size: 14px;
}
.alle-buy-button .alle-core-btn-link:hover {
  background-color: #14325c !important;
  color: white;
  opacity: 1 !important;
}
.product__listing--tags .panel:last-child .panel-body {
  border-bottom: none !important;
}

.alle-banner .textOnBanner {
  background-color: unset!important;
}
.alle-banner .textOnBanner .font-size-24pt {
  font-size: 50pt;
  white-space: nowrap;
  font-family: 'Loving-Hollanda' !important;
  font-weight: 900;
  color: #14325c;
  position: inherit;
  top: 50%;
  height: auto;
  justify-content: center;
  transform: translateY(-50%);
}
@media (min-width: 320px) {
  .alle-banner .textOnBanner {
    background-color: #e9f6f6 !important;
    height: 80px;
  }
  .alle-banner .textOnBanner .font-size-24pt {
    font-size: 14pt;
    position: inherit;
    vertical-align: middle;
  }
}
@media (min-width: 768px) {
  .alle-banner .textOnBanner {
    background-color: unset!important;
    height: 80px;
  }
  .alle-banner .textOnBanner .font-size-24pt {
    font-size: 50pt;
    position: inherit;
    display: unset!importnat;
    margin: 40%!important;
    vertical-align: middle;
  }
}
@media (min-width: 992px) {
  .alle-banner .textOnBanner {
    background-color: unset!important;
  }
  .alle-banner .textOnBanner .font-size-24pt {
    font-size: 50pt;
    position: inherit;
    display: flex;
    top: 0;
    height: auto;
    transform: translateX(-375%) !important;
  }
}
@media (min-width: 1200px) {
  .alle-banner .textOnBanner {
    background-color: unset!important;
  }
  .alle-banner .textOnBanner .font-size-24pt {
    font-size: 60pt;
    display: flex;
    top: 0;
    height: auto;
    transform: translateX(-375%) !important;
  }
}

.option-text-with-image .text h1 {
  font-family: "Loving-Hollanda";
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  color: #14325c;
  line-height: 60px;
  font-size: 36px;
}
.customrte h1 {
  font-family: "Gotham Bold";
  color: #14325c;
  line-height: 45px;
  font-size: 36px;
}
.customrte h2 {
  font-family: "Gotham Bold";
  font-style: normal;
  font-stretch: normal;
  color: #14325c;
  font-size: 24px;
}
.customrte h4 {
  font-family: "Gotham Book";
  font-style: normal;
  font-stretch: normal;
  color: #14325c;
  font-size: 18px;
}
h1 {
  font-size: 36px!important;
  font-family: "Gotham Bold";
  color: #14325c;
}
h2 {
  font-size: 24px!important;
  font-family: "Gotham Bold";
  color: #14325c;
}
h3 {
  font-size: 20px!important;
  font-family: "Gotham Light";
  color: #545454;
}
h4 {
  font-size: 18px!important;
  font-family: "Gotham Bold";
  color: #545454;
}
h5 {
  font-size: 13px!important;
  font-family: "Gotham Book";
  color: #545454;
}
h6 {
  font-size: 12px!important;
  font-family: "Gotham Bold";
  color: #545454;
}
.font__style--h6 h1 {
  text-align: center;
  font-family: "Loving-Hollanda";
  font-weight: Regular;
  font-size: 100px !important;
}
@media (max-width: 767px) {
  .font__style--h6 h1 {
    font-size: 70px !important;
  }
}
.font__style--h7 h1 {
  text-align: center;
  font-family: "Loving-Hollanda";
  font-weight: Regular;
  font-size: 70px !important;
}
@media (max-width: 767px) {
  .font__style--h7 h1 {
    font-size: 50px !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .font__style--h7 h1 {
    font-size: 45px!important;
  }
}

.imageText .text {
  color: #14325c !important;
  font-family: "Gotham Book" !important;
  margin-top: 50px;
}
@media (min-width: 320px) {
  .imageText .text {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .imageText .text {
    margin-top: 0;
  }
}
@media (min-width: 992px) {
  .imageText .text {
    margin-top: 50px;
  }
}
@media (min-width: 1200px) {
  .imageText .text {
    margin-top: 50px;
  }
}
.homepage-twi__styleblueimage,
.homepage-twi__smartblueimage,
.homepage-twi__diyimage {
  margin-bottom: 2em !important;
}
@media (max-width: 767px) {
  .homepage-twi__styleblueimage,
  .homepage-twi__smartblueimage,
  .homepage-twi__diyimage {
    margin-bottom: 0px !important;
  }
}
.homepage-twi__styleblueimage .textWithIcon .padding-null,
.homepage-twi__smartblueimage .textWithIcon .padding-null,
.homepage-twi__diyimage .textWithIcon .padding-null {
  padding: 1.5em !important;
}
@media (max-width: 992px) and (min-width: 767px) {
  .homepage-twi__styleblueimage .textWithIcon .padding-null,
  .homepage-twi__smartblueimage .textWithIcon .padding-null,
  .homepage-twi__diyimage .textWithIcon .padding-null {
    padding: 0.5em !important;
  }
}
.homepage-twi__styleblueimage .textWithIcon .img-responsive,
.homepage-twi__smartblueimage .textWithIcon .img-responsive,
.homepage-twi__diyimage .textWithIcon .img-responsive {
  height: 200px !important;
  width: 200px !important;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .homepage-twi__styleblueimage .textWithIcon .img-responsive,
  .homepage-twi__smartblueimage .textWithIcon .img-responsive,
  .homepage-twi__diyimage .textWithIcon .img-responsive {
    border-width: 10px !important;
  }
}
.homepage-twi__styleblueimage .textWithIcon .option-text-with-image,
.homepage-twi__smartblueimage .textWithIcon .option-text-with-image,
.homepage-twi__diyimage .textWithIcon .option-text-with-image {
  border: 1px solid #9aa6b9;
}
@media (max-width: 767px) {
  .homepage-twi__styleblueimage .textWithIcon .option-text-with-image,
  .homepage-twi__smartblueimage .textWithIcon .option-text-with-image,
  .homepage-twi__diyimage .textWithIcon .option-text-with-image {
    margin: 2em;
  }
}
.homepage-twi__styleblueimage:hover,
.homepage-twi__smartblueimage:hover,
.homepage-twi__diyimage:hover {
  background-color: #e3f3ef !important;
}
.homepage-twi__styleblueimage .text,
.homepage-twi__smartblueimage .text,
.homepage-twi__diyimage .text {
  margin: 0 !important;
  border-top: 1px solid #9aa6b9;
  text-align: center;
}
.homepage-twi__styleblueimage .text a,
.homepage-twi__smartblueimage .text a,
.homepage-twi__diyimage .text a {
  position: relative;
  text-decoration: none;
  border: none !important;
  background-color: transparent;
  color: #16325C !important;
  font-family: 'Gotham';
  font-weight: bold;
  letter-spacing: normal;
}
.homepage-twi__styleblueimage .text a::before,
.homepage-twi__smartblueimage .text a::before,
.homepage-twi__diyimage .text a::before {
  font-family: "Font Awesome 5 Free";
  content: "\f0da";
  position: absolute;
  right: -10%;
  top: 0px;
  padding-left: 14px;
}
.homepage-twi__styleblueimage .text h4,
.homepage-twi__smartblueimage .text h4,
.homepage-twi__diyimage .text h4,
.homepage-twi__styleblueimage .text h1,
.homepage-twi__smartblueimage .text h1,
.homepage-twi__diyimage .text h1,
.homepage-twi__styleblueimage .text h2,
.homepage-twi__smartblueimage .text h2,
.homepage-twi__diyimage .text h2,
.homepage-twi__styleblueimage .text h3,
.homepage-twi__smartblueimage .text h3,
.homepage-twi__diyimage .text h3,
.homepage-twi__styleblueimage .text h5,
.homepage-twi__smartblueimage .text h5,
.homepage-twi__diyimage .text h5,
.homepage-twi__styleblueimage .text h6,
.homepage-twi__smartblueimage .text h6,
.homepage-twi__diyimage .text h6 {
  font-family: 'Gotham Bold';
  font-size: 18px !important;
}
.homepage-twi__styleblueimage .img-responsive {
  border: 5px solid #16325c;
}
.homepage-twi__styleblueimage a:before {
  color: #16325c !important;
}
.homepage-twi__smartblueimage .img-responsive {
  border: 5px solid #0a7ec3;
}
.homepage-twi__smartblueimage a:before {
  color: #0a7ec3 !important;
}
.homepage-twi__diyimage .img-responsive {
  border: 5px solid #f3b401;
}
.homepage-twi__diyimage a:before {
  color: #f3b401 !important;
}
.homepage-twi__rounded-image .textWithIcon .img-responsive {
  width: 150px !important;
  height: 150px !important;
  border-radius: 50%;
  padding: 15px;
  border: 1px solid #16325c !important;
}
.homepage-twi__rounded-image .textWithIcon .text {
  margin: 5px !important;
  text-align: center;
}
.homepage-twi__rounded-image .textWithIcon .text h4,
.homepage-twi__rounded-image .textWithIcon .text h1,
.homepage-twi__rounded-image .textWithIcon .text h2,
.homepage-twi__rounded-image .textWithIcon .text h3,
.homepage-twi__rounded-image .textWithIcon .text h5,
.homepage-twi__rounded-image .textWithIcon .text h6 {
  font-family: 'Gotham Bold';
  font-size: 18px !important;
}
@media (max-width: 767px) {
  .carousel__rounded-image {
    height: 370px !important;
  }
  .carousel__rounded-image picture {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .carousel__rounded-image picture img {
    width: 200px !important;
    height: 200px !important;
    padding: 25px;
    border: 1px solid #16325c !important;
    border-radius: 50%;
  }
  .carousel__rounded-image .carousel .carousel-inner {
    height: 280px !important;
  }
  .carousel__rounded-image .carousel-control {
    width: 80px !important ;
    top: 58% !important;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  .caption__below-image.carousel__rounded-image {
    height: 440px !important;
  }
  .caption__below-image.carousel__rounded-image picture {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .caption__below-image.carousel__rounded-image picture img {
    width: 250px !important;
    height: 250px !important;
    padding: 25px;
    border: 1px solid #16325c !important;
    border-radius: 50%;
  }
  .caption__below-image.carousel__rounded-image .carousel .carousel-inner {
    height: 350px !important;
  }
  .caption__below-image.carousel__rounded-image .carousel-control {
    width: 80px !important ;
    top: 58% !important;
  }
  .caption__below-image.carousel__rounded-image .carousel-control .fa-caret-left,
  .caption__below-image.carousel__rounded-image .carousel-control .fa-caret-right {
    color: #02986d;
  }
  .caption__below-image.carousel__rounded-image .carousel .carousel-caption {
    top: 19.5em !important;
  }
  .caption__below-image.carousel__rounded-image .carousel-indicators {
    bottom: -2.5em !important;
  }
}

.cmp.cmp-image.link-hover a {
  transition: all .3s;
  text-decoration: transparent underline;
}
.cmp.cmp-image.link-hover a img {
  transition: all .3s;
}
.cmp.cmp-image.link-hover:hover a {
  text-decoration-color: #14325c;
}
.cmp.cmp-image .clearfix {
  text-align: center;
}
.cmp.cmp-image .cmp-image--title {
  font-size: 23px;
  font-family: "Gotham", sans-serif;
  color: #14325c;
  font-weight: 500;
}