/* libre-barcode-128-regular - latin */
@font-face {
  /*font-display: swap;*/ /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/poppins-regular.woff2') format('woff2');
}
@font-face {
  /*font-display: swap;*/ /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/lora-regular.woff2') format('woff2');
}
  @font-face {
  font-family: 'Poppins-ExtraBold';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/Poppins-ExtraBold.ttf') format('truetype');
}
  @font-face {
  font-family: 'Poppins-Bold';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/Poppins-Bold.ttf') format('truetype');
}


* {
	margin:0;
	padding:0;
}

html, body {
    min-height: 100%;

}

body, .x-body, p {
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    line-height: 1.75;
    font-weight: 400;
    font-style: normal;
    color: #6c6b6a;
}


.lora {
    font-family: "Lora";
    line-height: 1.33;
    color: #545859;
}

.bodyBlackout {
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: #333;
    z-index: 100;
    opacity: .5;
}

p.largeText {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    color: #545859;
}

hr {
    height: 1px;
    border: 0;
    color: transparent;
    background-color: #e9e9e9;
    margin-top: 16px;
    margin-bottom: 16px;
    opacity: 1;
}

.narrowDividers hr {
    max-width: 250px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.narrowDividers p {
    margin-bottom: 10px;
}

.inherit {
    color: inherit;
}


a {
    text-decoration: none;
    color: #326295;
}

a:hover {
    text-decoration: underline;
}


a.largeLink {
    text-decoration: underline;
    color: inherit;
    font-size: 16px;
}

h1 {
    color: #326295;
    font-size: 38px;
    line-height: 1.5;
    font-weight: 700;
    font-family: "Poppins-Bold", sans-serif; 
}

h2 {
    font-size: 32px;
    line-height: 44px;
    font-weight: 500;
    margin-bottom: 15px;
}

h2.lora {
    font-size: 30px;
    font-weight: 700;
}


.pageHeader {
    margin-bottom: 48px;
    text-align: center;
}

.pageHeader.phSmall {
    margin-bottom: 30px;
}

.pageHeader.wHairline {
    border-bottom: 1px solid #E2E2E2;
    padding-bottom: 32px;
}

.pageHeader.phSmall.wHairline {
    margin-bottom: 20px;
    padding-bottom: 20px;
}


.pageHeader h1 {
    font-size: 46px;
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: 0.46px;
    color: #326295;
    margin-bottom: 0;
}

.pageHeader.phSmall h1 {
    color: #326295;
    font-size: 38px;
    font-weight: 700;
    letter-spacing: 0;
}

.pageHeader h2 {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    color: #545859;
    margin-bottom: 0;
    margin-top: 24px;
}

.subheader {
    font-family: "Lora";
    font-size: 25px;
    line-height: 1.33;
    font-weight: 700;
    color: #CBA052;
}


.sectionHeader {
}

.sectionSubheader {
}

.sectionHeaderSmall {
}

h3 {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    color: #545859;
}

h4 {
   /* font-size: 28px;
    line-height: 36px;  now dynamic in header
    font-weight: 500;  */
}



h6 {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    color: #545859;
}

.imgAlignLeft {
    display: block;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    width: auto;
}

.imgAlignRight {
    display: block;
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
    width: auto;
}


input[type="text"], input[type="password"], input[type="email"], select {
    padding-left: 12px;
    padding-right: 8px;
    border: 1px solid #E2E2E2;
    border-radius: 5px;
    height: 44px;
    font-size: 14px;
    font-weight: 600;
}

select {
    padding-left: 8px;
}

input::placeholder {
    color: #6C6B6A;
    font-size: 12px;
    line-height: 1;
    font-weight: 400;
}

select,
    ::picker(select) {
      appearance: base-select;
    }

select::picker(select) {
 border: 1px solid #e2e2e2;
 padding: 2px;
 border-radius: 0 0 4px 4px;
}


select {
  padding-top:10px;
  color: #545859;
}


option {
  padding: 2px 5px;
  border-radius: 5px;
  cursor: pointer;
  background: white;
  color: #545859;
  border: none;
  &:where(:hover, :focus, :active) {
    background: #DEBC8B;
    color: #fff;
  }
  &:checked {
    background: #DEBC8B;
    color: #fff;
  }
  &::checkmark {
    display: none;
  }
  &:first-child {
    border: 0;
  }
}

.pad {
    padding-left: 16px;
    padding-right: 16px;
}


.mobile480 {
    display: none;
}


.mobile767 {
    display: none;
}


.mobile991 {
    display: none;
}


.containerGale {
    width: 100%;
    max-width: 1142px;
    padding: 0 16px;
}
.containerGaleLg {
    width: 100%;
    max-width: 1400px;
    padding: 0;
}

.containerGale1440 {
    width: 100%;
    max-width: 1440px;
    padding: 0;
}

.containerGale700 {
    width: 100%;
    max-width: 700px;
    margin-right: auto;
    margin-left: auto;
}

.containerGale865 {
    width: 100%;
    max-width: 865px;
    margin-right: auto;
    margin-left: auto;
}

.row {
    margin-left: -16px;
    margin-right: -16px;
}

.row>* {
    padding-right: 16px;
    padding-left: 16px;
}

header {
    background-color: #fff;
    position: relative;
}

header > div.containerGale {
    padding-right: 2px;
}

.backdrop {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 10000;
    /*background: rgba(0,0,0,0.7);  */
    backdrop-filter: blur(2px) contrast(.4);
}

.navbar {
    height: 100px;
}

.navbar .mainLogo {
    width:140px;
    height:auto;
}


.navbar .navbar-brand {
    margin-right: 48px;
}

.navbar > .container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.navbar-nav > li {
    margin-right: 32px;
}

.navbar .d-flex {
    height: 30px;
}

.navbar .d-flex .btn {
    border: none;
    background-color: transparent;
    box-shadow: none;
    padding-right: 0;
}

.navbar .d-flex .form-control {
    border: none;
    background-color: #efefef;
    box-shadow: none;
    border-radius: 20px;
    font-size: 11px;
    font-style: italic;
    padding: 0px 5px 0px 18px;
    width: 220px;
}

.navbar-expand-lg .navbar-collapse {
    justify-content: space-between;
}

.navbar .navbar-collapse {
    z-index: 10;
    background-color: #fff;
}


.navbar > div.container-fluid {
    position: relative;
}

.navbar > div.container-fluid .headerSearch {
    position: absolute;
    right: 0;
    top: 15px;
    z-index: 10;
}

.navbar > div.container-fluid .headerSearch form {
    display: flex;
}

.navbar > div.container-fluid .headerSearch form {
    display: flex;
}

.navbar > div.container-fluid .headerSearch form .btn {
    padding-left: 5px;
    padding-right: 5px;
    color: #326295;
}

.navbar > div.container-fluid .headerSearch form .btn:hover {
    color: #326295;
}

.navbar > div.container-fluid .headerSearch .headerForm .form-control {
    border: none;
    background-color: #efefef;
    box-shadow: none;
    border-radius: 20px;
    font-size: 11px;
    font-style: italic;
    padding: 0px 5px 0px 18px;
    width: 160px;
    visibility: hidden;
}

.navbar > div.container-fluid .headerSearch .headerFormOpen .form-control {
    visibility: visible;
}

.nav-link {
    font-size: 14px;
    font-weight: 600;
    color: #326295;
}

.nav-link:hover, .nav-link:focus {
    text-decoration: none;
    color: #326295;
}

.nav-link i {
    color: #cba052;
}

.nav-link:hover i {
    color: #cba052;
}


.dropdown-toggle::after {
    display: none;
}


ul.dropdown-menu {
    margin-top: 20px !important;
    border-radius: 4px;
    padding: 0;
    width: 200px;
    border: none;
    background-color: #efefef;
}

ul.dropdown-menu a {
    text-decoration: none;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    font-weight: 500;
    display: block;
    padding: 12px 16px 12px 12px;
}

ul.dropdown-menu a:hover, ul.dropdown-menu a:focus {
    color: #fff;
    background-color: #326295;
}

.mobileNavActive .backdrop {
    display: block;
}

.mobileNavDrawer {
    position: fixed;
    width: 400px;
    max-width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 10002;
    background: white;
    border-top: 1px solid #d9d9d9;
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
    margin-top: 117px;
}

.mobileNavInner {
    padding: 32px;
}

.mobileNavInner ul, .mobileNavInner ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.mobileNavInner ul ul {
    padding-left: 24px;
    margin-bottom: 16px;
}

.mobileNavInner ul li {
    border-bottom: 1px solid #d9d9d9;
}

.mobileNavInner ul li li, .mobileNavInner ul.addlNav li {
    border-bottom: none;
}

.mobileNavInner ul li a {
}

.mobileNavInner ul li a i {
    position: absolute;
    right: 0;
}

.mobileNavInner ul.addlNav {
    margin-top: 32px;
}

.mobileNavInner ul.addlNav li a i {
    position: static;
}

.mobileNavInner ul li h3 {
    margin-bottom: 0;
}

.mobileNavInner ul li h3 a {
}

.mobileNavDrawer .drawerClose {
    top: -60px;
    right: 32px;
}
.mobileNavDrawer .drawerClose a {
    width: 62px;
    height: 42px;
    border-radius: 0%;
}




.dropdown-menu.show {
    display: none;
}

.ddNavWrap {
    display:none;
    background: transparent linear-gradient(90deg, #316194 0%, #00205b 100%) 0% 0% no-repeat padding-box;
    color: #fff;
    position: absolute;
    bottom: -45px;
    width: 100%;
    z-index: 2;
    height: 45px;
}

.ddNavWrap div {
    height: 100%;
}

.ddNavWrap .ddNav {
    display: flex;
    display: none;
    align-items: center;
    list-style-type: none;
    margin: 0;
    padding: 0;
    height: 100%;
}
.ddNavWrap .ddNavOn {
    display: flex;
}

.ddNavWrap .ddNav li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.ddNavWrap .ddNav li:first-child {
    border-right: 2px solid #debc8b;
    margin-right: 16px;
}

.ddNavWrap .ddNav li a {
    display: block;
    color: white;
    padding: 8px 14px;
    font-size: 12px;
}

.ddNavWrap .ddNav li a:hover {
    text-decoration: none;
}

.ddNavWrap .ddNav li:first-child a {
    padding-left: 0;
    padding-right: 36px;
    font-family: "Lora";
    font-size: 18px;
    line-height: 1.1;
    font-weight: 500;
}


/* / end nav */



/* breadcrumb */

.bcrumb {
    background: transparent linear-gradient(90deg, #DEBC8B 0%, #CBA052 100%) 0% 0% no-repeat padding-box;
    margin-bottom: 0;
    color: #323a66;
}

.bcrumb .row {
    display: flex;
    height: 34px;
    align-items: center;
}

.bcrumb a {
    color: #326295;
    text-decoration: none;
    line-height: 1;
    font-size: 12px;
}

.bcrumb a:last-child {
    font-weight: 600;
    cursor: default;
}

.bcrumb span {
    color: #fff;
    font-size: 12px;
    line-height: 1;
    padding-left: 5px;
    padding-right: 5px;
}


/* /end breadcrumb */



/* footer */


.logoFooter {
/*  background:#566294;  */
width: 106px;
height: auto;
display: block;
margin-bottom: 8px;
}

.logoFooter .st0 {
fill: #fff;
}

footer .footerTop {
    color: #fff;
    padding: 36px 0 32px 0;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 1.6;
    background: transparent linear-gradient(270deg, #00205B 0%, #326295 100%) 0% 0% no-repeat padding-box;
}
footer .footerTop .colInner {
    letter-spacing: -.1px;
}

footer .footerTop .row {
    align-items: center;
}

footer .footerTop .row > div:last-child {
    text-align: right;
}

footer .footerTop .row > div:last-child input {
    width: 100%;
    max-width: 230px;
    background-color: #326295;
    color: #E2E2E2;
    font-size: 12px;
    line-height: 1;
    font-weight: 400;
    font-style: italic;
    border: none;
}



footer .footerTop .row > div:last-child input::placeholder {
    color: #E2E2E2;
    font-size: 12px;
    line-height: 1;
    font-weight: 400;
    font-style: italic;
}

footer .footerBottom {
    padding: 8px 0;
    margin-bottom: 0;
    background: transparent linear-gradient(90deg, #DEBC8B 0%, #CBA052 100%) 0% 0% no-repeat padding-box;
}

footer .footerBottom .row {
    align-items: center;
}

footer .footerNav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 30px;
}

footer .footerNav a {
    color: #DEBC8B;
    text-decoration: none;
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    display: inline-block;
}

footer .footerLogo {
    display: block;
    margin-bottom: 12px;
}

footer .footerSocial {
    text-align: right;
    line-height: 1;
}

footer .footerSocial a {
    margin-left: 12px;
    line-height: 1;
}

footer .footerSocial a:first-child {
    margin-left: 0;
}

footer .footerSocial i {
    font-size: 24px;
    color: #DEBC8B;
}

footer .footerLinks {
    display: flex;
    justify-content: center;
    align-items: center;
}

footer .footerLinks span {
    color: #234971;
    font-weight: 200;
    font-size: 20px;
    line-height: 1;
    margin-left: 8px;
    margin-right: 8px;
}

footer .footerLinks a {
    color: #234971;
    font-size: 10px;
    font-style: italic;
    text-decoration: none;
    line-height: 1;
}

footer .footerLinks a:first-child, footer .footerLinks a:first-child:hover {
    cursor: default;
    color: #234971;
}



/* / end footer */


/* modals */
.modal-backdrop.show {
    opacity: .8;
}
.modal-lg {
   max-width: 800px;
}

.modal-content {
    color:  #262626;
    background-color: white;
    border: none;
    border-radius: 0;
}
.modal-header {
    background-color: #f9f7f3;
    border: none;
    border-radius: 0;
    justify-content: space-between;
    padding: 24px 24px 24px 32px;
}
.modal-header h5 {
}
.modal-header .modalClose {
    color: #262626;
}
.modal-body-wrap {
    background-color: #fff;
}
.modalBodyScroll .modal-body-wrap {
    max-height: 540px;
    overflow: auto;
    margin-top: 8px;
    margin-bottom: 8px;
}
.modal-body {
    padding: 24px 32px;
}

.modal-body h3 {
}

.modalTransHeader {
    background-color: transparent;
}

.modalTransHeader .modal-header {
    background-color: transparent;
    padding: 24px 0 24px 0;
}
.modalTransHeader .modal-header h5 {
    color: #fff;
}
.modalTransHeader .modal-header .modalClose {
    color: #fff;
}
.modalTransHeader .modal-body-wrap {
    background-color: white;
}

.modalSignup .modal-body {
    padding: 0;
}
.modalSignup .modalClose {
    display: inline-block;
    margin-right: 10px;
    margin-top: 10px;
    color: #262626;
}

.modalSignup .modal-body h3 {
    font-size: 35px;
    margin-bottom: 8px;
}

.modalSignup .produkt {
    font-size: 16px;
    color: #333;
}

.modalSignup .modalRow {
    display: flex;
}
.modalSignup .modalRow .modalRowLeft {
    width: 38%;
    background-image: url('/images/modalSignup.jpg');
    background-size: cover;
}
.modalSignup .modalRow .modalRowRight {
    width: 62%;
}

.modalSignup .modalRow .modalRowRight .inner {
    padding: 40px 48px 48px 42px;
}

.modalSignup .formWrap {
  margin-top: 24px;
}


.modalSignup .fieldWrap {
    margin-bottom: 16px;
}

.modalSignup .fieldWrap input[type=text] {
    background-image: url(/images/icon-email-field.png);
    display: block;
    height: 45px;
    width: 100%;
    padding-left: 60px;
    padding-right: 60px;
    position: relative;
    background-repeat: no-repeat;
    background-position: 12px center;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
}

.modalSignup .button {
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    border-radius: 30px;
    padding: 16px 24px;
    background-color: #333;
    color: #fff;
    text-decoration: none;
    border: none;
    box-shadow: 0px 10px 7px 0px rgba(38, 38, 38, 0.05);
}

.modalSignup p.smaller {
}

/* /end modals */

/* forms */


.formErrMsg {
    display: none;
}

.formErrMsg p {
    font-weight: bold;
    color: #d24424;
}

.genForm {
    max-width: 720px;
}

.genForm .row > div {
    margin-bottom: 22px;
}

.genForm .row:last-child div:last-child {
    margin-bottom: 0;
}

.genForm  label {
    display: block;
    margin-bottom: 8px;
}


.genForm input[type="text"], .genForm input[type="password"], .genForm select {
    width: 100%;
    height: 34px;
    color: #6C6B6A;
    font-size: 12px;
    line-height: 1;
    font-weight: 400;
}

.genForm select {
/* -webkit-box-shadow: 3px 6px 10px -1px rgba(204,204,204,1);
-moz-box-shadow: 3px 6px 10px -1px rgba(204,204,204,1);
box-shadow: 3px 6px 10px -1px rgba(204,204,204,1);  */
}

.genForm textarea {
    width: 100%;
    height: 80px;
    border: 1px solid #e2e2e2;
    padding-left: 12px;
    padding-right: 8px;
    color: #6C6B6A;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
}


.genForm  .cbRadioInline  {
    display: inline-block;
}

.genForm  .cbRadioInline .cbRadio {
    display: inline-block;
    padding-right: 20px;
}

.genForm .cbRadio label {
    display: inline-block;
    margin-bottom: 0;
    padding-left: 4px;
}

/* /end forms */

img.br8, .br8 img {
    border-radius: 8px;
}

img.br10, .br10 img {
    border-radius: 10px;
}

.white {
    color: #fff !important;
}

.black {
    color: #000;
}

.clearAll {
    clear: both;
    width: 100%;
    height: 0px;
    overflow: hidden;
    display: block;
}

.alignLeft {
    text-align: left;
}

.alignCenter {
    text-align: center;
}
.alignRight {
    text-align: right;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}


.rowValignCenter {
    align-items: center;
}

.rowValignBottom {
    align-items: flex-end;
}

.rowAlignCenter {
    justify-content: center;
}

.floatLeft {
    float: left;
}
.floatRight {
    float: right;
}

div.spacer40 {
    clear: both;
    height: 40px;
}

div.spacer80 {
    clear: both;
    height: 80px;
}

.w50pc480 {
    width: 50%;
}

.w70pc480 {
    width: 70%;
}

.w80pc480 {
    width: 80%;
}


.p0 {
    padding: 0;
}


.m0 {
    margin: 0;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mt0 {
    margin-top: 0 !important;
}

.pb0 {
    padding-bottom: 0;
}

.pt0 {
    padding-top: 0;
}

.mt10 {
    margin-top: 10px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pb15 {
    padding-bottom: 15px !important;
}

.mt20 {
    margin-top: 20px;
}

.mb20 {
    margin-bottom: 20px;
}

.pt20 {
    padding-top: 20px;
}

.pb20 {
    padding-bottom: 20px;
}

.mt25 {
    margin-top: 25px;
}

.mb25 {
    margin-bottom: 25px;
}

.pt25 {
    padding-top: 25px;
}

.pb25 {
    padding-bottom: 25px;
}

.mt30 {
    margin-top: 30px;
}

.mb30 {
    margin-bottom: 30px;
}

.pt30 {
    padding-top: 30px;
}

.pb30 {
    padding-bottom: 30px;
}

.mt40 {
    margin-top: 40px;
}

.mb40 {
    margin-bottom: 40px;
}

.pt40 {
    padding-top: 40px;
}

.pb40 {
    padding-bottom: 40px;
}

.mt50 {
    margin-top: 50px;
}

.mb50 {
    margin-bottom: 50px;
}

.pt50 {
    padding-top: 50px;
}

.pb50 {
    padding-bottom: 50px;
}

.mt60 {
    margin-top: 60px;
}

.mb60 {
    margin-bottom: 60px;
}

.pt60 {
    padding-top: 60px;
}

.pb60 {
    padding-bottom: 60px;
}

.mt70 {
    margin-top: 70px;
}

.mb70 {
    margin-bottom: 70px;
}

.pt70 {
    padding-top: 70px;
}

.pb70 {
    padding-bottom: 70px;
}

.mt80 {
    margin-top: 80px;
}

.mb80 {
    margin-bottom: 80px;
}

.pt80 {
    padding-top: 80px;
}

.pb80 {
    padding-bottom: 80px;
}

ra4 {
    border-radius: 4px;
}

ra8 {
    border-radius: 8px;
}


.fabricWrap {
    min-height: 300px;
    background-image: url('/images/bgFabricLg.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
}


.hairline {
    height:1px;
    background-color: #E2E2E2;
    margin-top: 16px;
    margin-bottom: 16px;
}


.sectionHeader {
    color: #326295;
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 40px;
}

.iconLink {
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
    color: #6C6B6A;
    font-style: italic;
    white-space: nowrap;
    display: inline-block;
    text-decoration: none;
}

.iconLink:hover {
    text-decoration: none;
}

.iconLink i {
    font-size: 20px;
    color: #CBA052;
    padding-left: 5px;
    position: relative;
    top: 3px;
}

.smallEm {
    font-size: 10px;
    line-height: 2;
    color: #6C6B6A;
    font-style: italic;
}

.narrow .colInner {
    max-width: 800px;
    margin: 0 auto;
}

.fixedStuff {
    position: fixed;
    right: 16px;
    bottom: 8px;
}
.fixedStuff img {
    display: block;
    margin-bottom: 8px;
}

.ttip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

.ttip .ttiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  width: 120px;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: opacity 1s;
}

.ttip:hover .ttiptext {
  visibility: visible;
  opacity: 1;
}

.ttip .ttiptext::after {
  content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.bleedRight {

}
.bleedRight .bleedRightInner {
    width: calc(1200px + (100vw - 1200px) / 2);
}



/* buttons */

.button {
    display: inline-block;
    text-align: center;
    min-width: 154px;
    height: auto;
    background: transparent linear-gradient(90deg, #DEBC8B 0%, #CBA052 100%) 0% 0% no-repeat padding-box;
    border: none;
    border-radius: 5px;
    padding: 15px 24px;
    color: white;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
}

.button:hover {
    text-decoration: none;
    background: #DEBC8B;
}

.btnDisabled {
    background-color: #7f7f7f !important;
    color: #d9d9d9 !important;
    text-decoration: none !important;
    cursor: default !important;
}


.btnDark {
    background-color: #333;
    color: #fff;
}

.btnCheckout {
    background-color: #0e49ca;
    color: #fff;
    width: 100%;
    max-width: 342px;
}

.btnWhite {
    color: #333;
    background-color: #fff;
    border: 1px solid #d9d9d9;
}

.btnTransWhite {
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
}

.btnWhiteBdr {
    background-color: #fff;
    border: 1px solid #262626;
    box-shadow: none;
}

.prodFilter .btnWhiteBdr {
    background-color: #fff;
    border: 1px solid #d9d9d9;
    box-shadow: 0px 5px 7px 0px rgba(38, 38, 38, 0.2);
}


.arrowLink {
    line-height: 1;
    white-space: nowrap;
}


.arrowLink:hover {
    color: #0e49ca;
}

.iconLink {
    white-space: nowrap;
}

.btnLtblue {
    background: #c7d9ff;
}


.btnCard {
    font-size: 14px;
    line-height: 1;
    background: #333;
    color: white;
    padding: 9px 20px;
}


.buttonFloat {
    display: none;
    position: fixed;
    top: 50%;
    width: 100%;
    background: #0E49CA;
}

.buttonFloat .inner {
    padding: 24px 16px;
}

.buttonFloat .btnFloat {
    display: inline-block;
    border-radius: 30px;
    width: 100%;
    text-align: center;
    padding: 16px 24px;
    background: #92ace6;
    color: #333;
    text-decoration: none;
    border: none;
    box-shadow: 0px 10px 7px 0px rgba(38, 38, 38, 0.05);
    cursor: default;
}

.buttonFloat .btnFloatActive {
    background: #fff;
    color: #333;
    cursor: pointer;
}


/* /end buttons */

section {
    margin-bottom: 80px;
    overflow: hidden;
}


.sectionTop {
    padding-top: 100px;
}

.sectionTopAlt {
    padding-top: 50px;
}

img.imgFull, .imgFull img {
    width: 100%;
}

/* accordion */


.accordionWrap {
    border-top: 1px solid #a6a6a6;
}

.accordionWrap > ul, .accordionWrap > ul > li {
    display: block;
    margin: 0;
    padding: 0;
}

.accordionWrap > ul > li {
    border-bottom: 1px solid #a6a6a6;
}

.accordionWrap > ul > li > h4  {
    display: block;
    padding: 30px 32px;
    position: relative;
    cursor: pointer;
    font-size: 30px;
}

.accordionWrap > ul > li > h4 i {
    position: absolute;
    right: 15px;
}

.accordionWrap .accordion h4 i.fa-angle-up  {
    display: none;
}

.accordionWrap .accordionOpen h4 i.fa-angle-up  {
    display: inline;
}

.accordionWrap .accordionOpen h4 i.fa-angle-down  {
    display: none;
}

.accordionWrap .accordion .accordionBody  {
    display: none;
    padding: 10px 32px 20px 32px;
}

.accordionWrap .accordionOpen .accordionBody  {
    display: block;
}

.accordionWrap .accordion .accordionBody {
    padding-top: 0;
}

/* / end accordion */

/* cards */

.cards {

}


.cards .slick-track {
    display: flex !important;
}

.cards .slick-slide {
    height: inherit !important;
}

.cards .row > div {
    margin-bottom: 30px;
}

.cards  .cardWrap {
    background: white;
    border: 1px solid #E2E2E2;
    border-radius: 10px;
    height: 100%;
}

.cards  .cardWrap > a img {
    width: 100%;
    border-radius: 10px 10px 0 0;
}

.cards  .cardWrap .colInner {
    padding: 24px;
}


.cards  .cardWrap .colInner .hairline {
    margin-left: -8px;
    margin-right: -8px;
}

.cards  .cardWrap .colInner h3 {
    font-size: 16px;
    line-height: 1.5;
    color: #326295;
    font-weight: 600;
    margin-bottom: 16px;
}

.cards  .cardWrap .colInner p {
}

/* /end cards */

/* subscribe section */

section.subscribe .subscribeWrap {
    border: 1px solid #E2E2E2;
    border-radius: 10px;
}

section.subscribe > .containerGale .rowSubscribe {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 30px;
}

section.subscribe > .containerGale .rowSubscribe > div:first-child {
    max-width: 385px;
}

section.subscribe h3 {
    font-family: "Lora";
    font-size: 25px;
    line-height: 1.33;
    font-weight: 700;
    color: #893C47;
    letter-spacing: -.02em;
}

section.subscribe form {
    display: flex;
}

section.subscribe form input[type=submit] {
    background: transparent linear-gradient(270deg, #893C47 0%, #572932 100%) 0% 0% no-repeat padding-box;
    width: 142px;
}

section.subscribe form input[type=submit]:hover {
    background: #893C47;
}

section.subscribe form input[type=text] {
    border: 1px solid #E2E2E2;
    border-radius: 5px;
    height: 42px;
    width: 300px;
}

/* /end subscribe section */


section.grayBg {
    padding: 70px 0;
    background: #f9f7f3;
}

section.grayBg h6 {
    margin-bottom: 35px;
}


section.ltBlueBg {
    padding: 70px 0;
    background: #c4e4fd;
}



.fieldWrap .fieldErrMsg {
    display: none;
    font-size: 12px;
    line-height: 1.25;
    font-weight: 600;
    color: #d24424;
    margin-top: 2px;
}

.fieldErr .fieldErrMsg {
    display: block;
}
.fieldErr input[type=text], .fieldErr input[type=password], .fieldErr select, .fieldErr .fieldErrBorder {
    border: 2px solid #d24424 !important;
}

.fieldErr .fieldErrBorder {
    padding: 5px 4px;
    display: inline-block;
}


/* galeSelect */

.galeSelect {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 4px;
    border: 1px solid #d9d9d9;
    box-shadow: rgb(217 217 217 / 87%) 1px 6px 10px 1px;
    list-style-type: none;
    z-index: 1;
    min-width: 150px;
    margin-bottom: 4px;
}
.galeSelect ul {
    margin-bottom: 0;
}

.galeSelect > i {
    position: absolute;
    right: 3px;
    top: 5px;
}

.galeSelect ul {
    display: none;
    position: absolute;
    top: 40px;
    left: 0;
    width: 200px;
    background: white;
    border: 1px solid black;
    padding: 0;
}

.galeSelectOn ul {
    display: block;
}

.galeSelect li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.galeSelect li a {
    text-decoration: none;
    display: block;
    padding: 2px 20px 2px 5px;
    position: relative;
}

.galeSelect li a i {
    position: absolute;
    right: 4px;
    top: 8px;
}

.galeSelect li a i.fa-angle-up {
    display: none;
}

.galeSelectOn li a i.fa-angle-down {
    display: none;
}

.galeSelectOn li a i.fa-angle-up {
    display: inline;
}

.galeSelect ul li a {
    display: block;
    padding: 5px 3px 5px 20px;
    position: relative;
    font-size: 14px;
    line-height: 1.2;
}

.galeSelect li a input {
    position: absolute;
    left: 2px;
    top: 8px;
}

/* / end galeSelect */

/* drawers */

.drawerActive .backdrop {
    display: block;
}

.atcDrawer {
    position: fixed;
    width: 500px;
    max-width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 10001;
    background: white;
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
}

.drawerActive .atcDrawer {
    transform: translateX(0);
    transition: transform 0.3s ease-in-out;
}

.atcWrap {
    width: 100%;
    height: 100%;
    padding-bottom: 60px;
    position:relative;
}

.atcInner {
    width: 100%;
    height: 100%;
    overflow: auto;
    padding-bottom: 25px;
}

.drawerClose {
    position:absolute;
    top: 10px;
    right: 10px;
}

.drawerClose a {
    color: #262626;
    text-decoration: none;
    background: white;
    display: flex;
    width: 30px;
    height: 30px;
    line-height: 1;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.filtersDrawer {
    position: fixed;
    width: 370px;
    max-width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10001;
    background: white;
    transform: translateX(-370px);
    transition: transform 0.3s ease-in-out;
}


.drawerActive .filtersDrawer {
    transform: translateX(0);
    transition: transform 0.3s ease-in-out;
}

.filtersDrawer .drawerClose {
    top: 22px;
    right: 22px;
}

.filtersDrawer .drawerClose a {
    background: transparent;
}

.filtersWrap {
    width: 100%;
    height: 100%;
    padding-bottom: 70px;
    position: relative;
}

.filtersInner {
    width: 100%;
    height: 100%;
    overflow: auto;
    padding-bottom: 25px;
}

.filtersBottom {
    position:absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.filtersBottom .button {
    color: #fff;
    background: #333;
}

.filtersBottom .inner {
    padding: 15px 32px;
}


.filtersBottom .inner .col-6 {
    display: flex;
    align-items: center;
}

.filtersBottom .textLink {
    text-decoration: underline;
}

.filtersDrawer h2 {
    margin-bottom: 0;
    background: #F9F7F3;
    padding: 26px 32px;
}

.filtersDrawer .galeSelect {
    display: block;
    position: relative;
    margin: 0;
    padding: 38px 0;
    border: none;
    border-top: 1px solid #d9d9d9;
    box-shadow: none;
    list-style-type: none;
    z-index: 1;
}

.filtersDrawer .galeSelect li a {
    padding: 2px 32px 2px 32px;
    position: relative;
}

.filtersDrawer .galeSelect li a i {
    position: absolute;
    right: 32px;
    top: 8px;
}

.filtersDrawer .galeSelect ul {
    position: static;
    width: 100%;
    background: white;
    border: none;
    padding: 20px 32px 0 32px;
}

.drawerActive .signinDrawer {
    transform: translateX(0);
    transition: transform 0.3s ease-in-out;
}
.signinDrawer {
    position: fixed;
    width: 500px;
    max-width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 10001;
    background: white;
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
}
.signinDrawer .signinHeader {
    height: 80px;
    padding-left: 32px;
    padding-right: 32px;
    background: #f9f7f3;
}
.signinDrawer .signinHeader .signinHeaderRow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}
.signinDrawer .signinHeader .signinHeaderLeft h1 {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 12px;
}
.signinDrawer .signinHeader .signinHeaderRight a i {
    color: black;
}
.signinDrawer .signinInner {
    padding: 52px 32px 12px 32px;

}
.signinDrawer .drawerBlock {
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 36px;
    margin-bottom: 52px;

}
.signinDrawer h3 {
    margin-bottom: 32px;

}
.signinDrawer .fieldWrap {
    margin-bottom: 16px;
}
.signinDrawer .fieldWrap input[type=text], .signinDrawer .fieldWrap input[type=password] {
    display: block;
    height: 45px;
    width: 100%;
    padding-left: 60px;
    padding-right: 60px;
    position: relative;
    background-repeat: no-repeat;
    background-position: 12px center;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
}
.signinDrawer .fieldWrap input[type=text] {
    background-image: url('/images/icon-email-field.png');
}
.signinDrawer .fieldWrap input[type=password] {
    background-image: url('/images/icon-password-field.png');
}
.signinDrawer .fieldWrap .fieldErrMsg {
    display:none;
    margin-top: 2px;
}
.signinDrawer .fieldErr input[type=text], .signinDrawer .fieldErr input[type=password] {
    border: 2px solid #d24424;
}
.signinDrawer .fieldErr .fieldErrMsg {
    display:block;
}
.signinDrawer .button {
    width: 100%;
    text-align: center;
    border-radius: 30px;
    padding: 16px 24px;
    background-color: #333;
    color: #fff;
    text-decoration: none;
    border: none;
    box-shadow: 0px 10px 7px 0px rgba(38, 38, 38, 0.05);
}
.signinDrawer .btnDrawerWhite {
    background-color: #fff;
    color: #333;
    border: 1px solid #262626;
    box-shadow: none;
}

/* / end drawers */




/* carousels */

.slick-prev, .slick-next {
    z-index: 1;
}

.slick-prev:before, .slick-next:before {
    color: #CBA052;
    display: none;
}

.galeCarouselTop .slick-prev {
    left: 25px;
    width: 16px;
    height: 23px;
    background: url(/images/carouselArrowLeft.png);
}

.galeCarouselTop .slick-next {
    right: 25px;
    width: 16px;
    height: 23px;
    background: url(/images/carouselArrowRight.png);
}

.crslNoMarg .slick-prev {
    width: 16px;
    height: 23px;
    background: url(/images/carouselArrowGrayLeft.png);
}

.crslNoMarg .slick-next {
    width: 16px;
    height: 23px;
    background: url(/images/carouselArrowGrayRight.png);
}






.cards .slick-prev {
    width: 14px;
    height: 22px;
    background: url(/images/arrowLeftBeige.png);
}

.cards .slick-next {
    width: 14px;
    height: 22px;
    background: url(/images/arrowRightBeige.png);
}

.cards .slick-prev:hover {
    background: url(/images/arrowLeftBeigeOn.png);
}

.cards .slick-next:hover {
    background: url(/images/arrowRightBeigeOn.png);
}




.prodStrip .cardWrap {
  /*  width: 300px;  */
    min-height: 100px;
    position: relative;
    padding-bottom: 65px;
}

.prodStrip .cardWrap .cardBottom {
    width: 100%;
    position: absolute;
    bottom: 0;
}

.prodStrip .cardWrap .cardBottom .starNum {

}

.prodStrip .cardWrap .cardBottom .row {
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 15px;
}

.prodStrip .cardWrap .cardBottom .row div:last-child {
    text-align:right;
}

.prodStrip .cardWrap .cardInner {
    margin: 0 12px;
}


.prodStrip .cardWrap .cardInner img {
    display: block;
    margin-bottom: 12px;
}

.prodStrip .cardWrap .cardInner img.spacer {
    display: block;
    width: 280px;
    height: 1px;
    visibility: hidden;
    margin-bottom: 0;
}

.prodStrip .cardWrap .cardInner eyebrow {
    margin-bottom: 10px;
}

.prodStrip .cardWrap .cardInner h3 {
    margin-bottom: 18px;
}

.prodStrip .priceLinePromo {
    color: #0a7b6c;
}

.prodStrip .priceLine .price {
    font-size: 16px;
}

.prodStrip .priceLine .priceStrike {
    font-size: 14px;
    line-height: 1.25;
    color: #595959;
    text-decoration: line-through;
}

.slick-dots li button {
    box-shadow: none;
}
.slick-dots li button:before {
    font-size: 8px;
}


.carouselFeatures .carouselRow {
    display: flex;
}
.carouselFeatures .carouselRow .carouselItem {
    width: 25%;
}
.carouselFeatures .carouselRow .carouselItem .carouselItemWrap {
    border-left: 4px solid #ffbb45;
    height: 100%;
    min-height: 425px;
    background-color: #fff;
}

.carouselFeaturesIcons .carouselRow .carouselItem .carouselItemWrap {
    border-left: 1px solid #ffbb45;
    height: 100%;
    min-height: auto;
    background-color: transparent;
}
.carouselFeatures .carouselRow .carouselItem .inner {
    padding: 28px 16px;
}
.carouselFeaturesIcons .carouselRow .carouselItem .inner {
    padding: 12px 16px;
}

.carouselFeatures .carouselRow .carouselItem .inner .produkt, .carouselFeatures .carouselRow .carouselItem .inner .produkt p {
    font-size: 16px;
    color: #262626;
}

.carouselFeatures .carouselRow .carouselItem .inner .produkt14, .carouselFeatures .carouselRow .carouselItem .inner .produkt14 p {
    font-size: 14px;
}

.carouselFeatures .carouselRow .carouselItem .img img {
    display: block;
    width: 100%;
}
.carouselFeaturesIcons .carouselRow .carouselItem .img img {
    display: inline-block;
    height: 45px;
    width: auto;
    margin-left: 16px;
}

.carouselFeatures .carouselRow .carouselItem h3 {
    margin-bottom: 16px;
}

.carouselFeatures .carouselRow .carouselItem p {
    font-size: 16px;
}

.carouselFeatures .carouselRow .carouselItem a.arrowLink {
    font-size: 12px;
}
.carouselWrap .intro {
    margin-bottom: 32px;
}

.carouselWrap .colInner .buttons {
    margin-top: 24px;
}
.carouselWrap .colInner .blocksRow {
    margin-top: 24px;
}
.carouselWrap .colInner .blocksRow > div {
    margin-bottom: 16px;
}

.carouselWrap .colInner .block h4 {
    margin-bottom: 4px;
}

.carouselWrap .colInner .block .produkt p, .carouselWrap .colInner .block .produkt {
    font-size: 14px;
    color: #fff;
}

.carouselWrap .colInner .block .produkt14 p, .carouselWrap .colInner .block .produkt14 {
    font-size: 14px;
}

.carouselWrap .colInner .block .produkt p:last-child {
    margin-bottom: 0;
}

.carouselWrap .colInner .buttons .button {
    min-width: 140px;
    text-align: center;
    margin-right: 16px;
}

/* / end carousels */




/* slick carousels */

.carousel{
 /*  width:90%;
  margin:0px auto; */
}
.slick-slide{
  margin:10px;
}
.slick-slide img{
  width:100%;
 /* border: 2px solid #fff; */
}
.wrapper .slick-dots li button:before {
  font-size:20px;
  color:white;
}

.carousel-indicators button.thumbnail {
  width: 100px;
}
.carousel-indicators button.thumbnail:not(.active) {
  opacity: 0.7;
}
.carousel-indicators {
  position: static;
}

/* / end slick carousels */



/* faqs */

.faqsWrap .colLeft .colInner {
  /*  padding-right: 32px;    */
}

.faqsWrap .accordionWrap > ul > li > h4 {
    font-size: 22px;
}

.faqForm .searchBox {
    margin-bottom: 24px;
}

.faqForm .searchBox input[type="text"] {
    width: 100%;
    height: 48px;
    padding-left: 36px;
    padding-right: 30px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
}

.faqForm .searchBox .fa-search {
    position: absolute;
    left: 10px;
    top: 17px
}

.faqForm .searchBox .fa-arrow-right {
    position: absolute;
    right: 10px;
    top: 17px
}

/* /end faqs */


/* pagination */
 .pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 32px 0;
 }
 .pagination > div {
    margin: 0 8px;
 }

 .pagination a {
    text-decoration: underline;
 }

 .pagination a.active {
    color: #999;
    text-decoration: none;
 }

 .pagination a.prev {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    color: #999;
    text-decoration: none;
    border-radius: 50%;
    border: 1px solid #999;
 }

 .pagination a.next {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    color: #fff;
    text-decoration: none;
    /*padding: 20px; */
    border-radius: 50%;
    border: 1px solid #000;
    background: #000;
 }
/* /end pagination */




/* iframe video */

.video-container {
  position: relative;
  height: 0;
  overflow: hidden;
}

/* 16x9 Aspect Ratio */
.video-container-16x9 {
  padding-bottom: 56.25%;
}

/* 4x3 Aspect Ratio */
.video-container-4x3 {
  padding-bottom: 75%;
}

.video-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height:0;
}

/* /end iframe video */

/* homepage */

.homeBrands .homeLogo {
    width: 183px;
}

.homeBrands .row > div:first-child .homeLogo {
    width: 156px;
    margin-top: 11px;
}

.homeBrands h2 {
    color: #326295;
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 40px;
    padding-bottom: 18px;
    border-bottom: 1px solid #E2E2E2;
}

.homeBrands h3 {
    color: #545859;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    margin-bottom: 8px;
}

.homeBrands .row > div {
    margin-bottom: 10px;
}

.homeBrands .row div .colInner {
    padding: 0 10%;
}

.homeBrands .row div .colInner p {
    line-height: 1.75;
    margin-bottom: 32px;
}

.homeBrands ul, .homeBrands ul li {
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
}

.homeBrands ul li {
    margin-bottom: 6px;
}


.heatshieldHome {
    height: 710px;
    background-image: url('/images/bgHeatshieldHome.jpg');
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    text-align: center;
    padding-top: 50px;
}
.heatshieldHome h2 {
    font-size: 38px;
    line-height: 1.5;
    font-weight: 600;
    color: #fff;
}
.heatshieldHome h3 {
    font-family: "Lora";
    font-size: 25px;
    line-height: 1.5;
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px;
}
.heatshieldHome .imgs {
    display: flex;
    justify-content: center;
    margin-top: 45px;
    margin-bottom: 20px;
}
.heatshieldHome .imgs img {
    padding-left: 20px;
    max-width: 250px;

}
.heatshieldHome .imgs div:first-child img {
    padding-left: 0;
}
.heatshieldHome .button {
    background: #3A3A3C;
    color: #fff;
}
.heatshieldHome .footnote {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: #fff;
    font-style: italic;
    position: absolute;
    bottom: 15px;
    width: 100%;
    text-align: center;
}


/* /end homepage */

/* innovation */

.innovation .sectionHeader {
    margin-bottom: 20px;
}

.innovation .logo {
    display: block;
    max-width: 410px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}

.innovation .carouselWrap {
    margin-bottom: 20px;
}

.innovation .carouselWrap imgFull {
    border-radius: 10px;
}

.innovation .containerGale700 > p:last-child {
    margin-bottom: 0;;
}

/* end innovation */

/* innovations */

.innovations .row {
    margin-bottom: 50px;
}
.innovations .row:last-child {
    margin-bottom: 0;
}
.innovations .row .colLeft img {
    display: block;
    width: 100%;
    border-radius: 10px;
}

.innovations .row .colRight {
    text-align: center;
}

.innovations .row .colRight .imgWrap {
    padding-bottom: 30px;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 30px;
}

.innovations .row .colRight img.logo {
    display: inline-block;
    width: auto;
    max-height: 80px;
}

.innovations .row .colRight .colInner {
    padding: 0 15%;
}

/* /end innovations */

/* brands */

.brands img.logo {
    display: block;
    height: 100px;
    margin: 0 auto 30px auto;
}

.brands img.cardImg {
    display: block;
    width: 100%;
    margin-bottom:20px;
    border-radius: 10px;
}

.brands .colInner {
    padding: 0 48px;
}

/* /end brands */


.galeHero .logo {
    max-width: 256px;
}

.galeHero .colInner {
    padding-left: 10%;
    padding-right: 10%;
}
.galeHero .socialRow {
    display: flex;
    justify-content: center;
}

.galeHero .socialRow a {
    display: inline-block;
    margin-left: 16px;
    margin-right: 16px;
    color: #BABABE;
    font-size: 30px;
    line-height: 1;
}

.galeHeroFixed {
    height: 496px;
    background-image: url('/images/placeholder.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
}

.galeHeroFixed .heroRow {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
}

.galeHeroFixed .heroRow > div {
    max-width: 483px;
}

.galeHeroFixed .heroOverlay {
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    background-color: rgba(255, 255, 255, 0.8);
    width: 640px;
    width: calc((100vw / 2) - 60px);
    padding: 20px 20px 20px 16px;
    height: 300px;
}

.heroOverlayMobile {
    padding: 8px 16px;
}


.galeHeroFixed h1 {
    font-size: 38px;
    line-height: 1.5;
    font-weight: 700;
    color: #326295;
    margin-bottom: 5px;
}

.galeCarouselTop {
    background-repeat: no-repeat;
    background-position: center;
}

.galeCarouselTop .slick-track {
    height: 444px;
}



.galeCarouselTop .carouselWrap {
    height: 444px;
    background-position: center;
    background-size: cover;
}

.galeCarouselTop .carouselWrap .carouselOverlay {
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    background-color: rgba(255, 255, 255, 0.6);
    width: 540px;
    width: calc((100vw / 2) - 150px);
    padding: 20px 20px 20px 16px;
    height: 100%;
}

.galeCarouselTop .carouselRow {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: flex-end;
}

.galeCarouselTop .carouselRow > div {
    max-width: 390px;
}

.galeCarouselTop h1 {
    font-size: 38px;
    line-height: 1.5;
    font-weight: 700;
    color: #326295;
    margin-bottom: 10px;
}

.galeCarouselTop h2 {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    color: #3B3B3B;
    margin-bottom: 30px;
}

.galeCarouselTop .slick-slide, .crslNoMarg .slick-slide {
    margin: 0;
}

.crslDotsIn .slick-dots {
    bottom: 15px;
}

.logoGrid .row {
    justify-content: center;
}

.logoGrid .row > div {
    text-align: center;
}


.logoGrid .logo {
    width: auto;
    max-width: 200px;
    display:inline-block;
    padding-top: 40px;
    padding-bottom: 40px;
}

.bioGrid {
    margin-top: 80px;
}

.bioGrid img.bio {
    display: block;
    max-width: 136px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
}

.bioGrid .bioHeader {
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #E2E2E2;
}

.bioGrid h3 {
    font-family: "Lora";
    font-size: 16px;
    line-height: 1.33;
    font-weight: 700;
    color: #CBA052;
    margin-bottom: 4px;
}

.bioGrid h4 {
    font-size: 14px;
    line-height: 1.5;
    color: #6C6B6A;
    margin-bottom: 0;
}

.docList .docItem {
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #e2e2e2;
}
.docList .docItem a {
    display: flex;
    align-items: center;
}
.docList .docItem a i {
    font-size: 26px;
    padding-right:16px;
    color: #893c47;
}
.docList .docItem a img {
    padding-right:16px;
}
.docList .docItem a .docTitle {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    color: #545859;
}

.docList .docItem a .docTitle .docSubtitle {
    display: block;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
    color: #6C6B6A;
}

.docList .docItem a:hover {
    text-decoration: none;
}

.docBlock .docRow {
    display: flex;
    align-items: center;
}

.docBlock .docRow > .docCol:first-child  {
    width: 240px;
    margin-right: 20px;
}

.docBlock .docRow > .docCol:first-child img  {
    width: 100%;
}
.docBlock .docRow h1 {
    color: #326295;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.5;
}

.filters .filterRow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 32px;
}
.filters .filterRow select {
    display: inline-block;
    min-width: 125px;
    margin-right: 20px;
    font-size: 14px;
    font-weight: 600;
    margin-top: 3px;
    margin-bottom: 3px;
}

/* news */

.newsDetail .newsHeader{
    margin-bottom: 25px;
}

.newsDetail .newsHeader h1 {
    color: #326295;
    font-size: 33px;
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: 0;
}

.newsDetail .newsSubheader {
    margin-bottom: 30px;
    border-top: 2px solid #dcdcde;
    padding-top: 10px;
}

.newsDetail .newsSubheader .subheaderRow {
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.newsDetail .newsSubheader .date {
    font-size: 10px;
    line-height: 1;
    font-style: italic;
    color: #6C6B6A;
}

.newsDetail .newsSubheader .social {
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    color: #545859;
}

.newsDetail .newsSubheader .social i {
    color: #CBA052;
    padding-right: 3px;
    font-size: 14px;
}

.newsDetail .newsBody .newsImage {
    display: block;
    width: 100%;
    margin-bottom: 34px;
    border-radius: 10px;
}

.newsDetail .newsRelated .newsRelatedBody {
    padding-top: 40px;
    border-top: 2px solid #dcdcde;
    margin-top: 40px;
}

.newsDetail .newsList {
    background-color: #F7F7F7;
    border: 1px solid #BABABE;
    border-radius: 10px;
    padding: 28px 24px;
}

.newsDetail .newsList ul, .newsDetail .newsList ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.newsDetail .newsList ul li {
    border-bottom: 1px solid #BABABE;
}

.newsDetail .newsList ul li a {
    font-size: 12px;
    line-height: 1.5;
    color: #545859;
    display: block;
    padding: 8px 0;
}

.newsDetail .newsList ul li a.active {
    text-decoration: none;
    color: #326295;
    font-weight: 500;
}

.newsDetail .newsList ul li a.active, .newsDetail .newsList ul li a:hover {
    text-decoration: none;
    color: #326295;
}

.newsDetail .newsList .iconLink {
    font-size: 16px;
}

/* /end news */



 /* contact */

.contact .colLeft .colInner {
    background-color: #F7F7F7;
    border-radius: 10px;
    padding: 40px;
}

.contact .listItem {
    font-size: 12px;
    color: #6C6B6A;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #E2E2E2;
}

.contact .listItem:last-child {
    border-bottom: none;
}

.contact h3 {
    font-family: Lora;
    font-size: 25px;
    line-height: 1.5;
    color: #CBA052;
    margin-bottom: 12px;
}

.contact .listItem h3 {
    margin-bottom: 4px;
}

.contact .listItem h4 {
    font-size: 16px;
    color: #545859;
    margin-bottom: 5px;
    font-weight: 600;
}

 /* /end contact */

 /* sitemap */

.sitemap .sitemapRow {
    display: flex;
    justify-content: center;
}

.sitemap .sitemapRow .colLeft {
    margin-right: 40px;
}

.sitemap .sitemapRow .colRight {
    margin-left: 40px;
}

.sitemap .colInner a {
    display: inline-block;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    color: #6C6B6A;
    text-decoration: underline;
    margin-bottom: 20px;
}
 /* /end sitemap */

/* about */

.heroAbout .heroOverlay .heroRow {
   /*width: 100%;
    max-width: 1130px; */
    padding-top: 46px;
    padding-bottom: 46px;
}
.heroAbout .heroOverlay .heroRow h3, .heroAbout .heroOverlayMobile h3 {
    font-size: 21px;
    line-height: 1.5;
    font-weight: 600;
    color: #00205B;
}

.heroAbout .heroOverlay .heroRow .heroRowInner, .heroAbout .heroOverlayMobile .heroRowInner {
    display: flex;
    align-items: center;
}

.heroAbout .heroOverlay .heroRow .heroRowInner {
    padding-right: 36px;
}

.heroAbout .heroOverlay .heroRow .heroRowInner img, .heroAbout .heroOverlayMobile .heroRowInner img {
    margin-right: 30px;
}



.heroAbout .galeHeroFixed .heroOverlay {
    width: calc((100vw / 2) + 420px);
    height: 230px;
}

.heroAbout .galeHeroFixed .heroRow > div {
    max-width: 963px;
}


.about .colLeft img {
    border-radius: 10px;
    margin-bottom: 20px;
    width: 100%;
}

.aboutLocations h2 {
    font-size: 38px;
    line-height: 1.5;
    font-weight: 700;
    color: #326295;
}

/* /end about */

/* history */

.history .colLeft img {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 20px;
}

.timeline .dividerRow {
    display: flex;
    justify-content: center;
}

.timeline .dividerRow div {
    width: 5px;
    height: 40px;
    background: #e2e2e2;
    margin-top:10px;
    margin-bottom:10px;
}

.timeline .timelineRow .middleCol h2 {
    font-family: Lora;
    font-size: 80px;
    line-height: 1;
    font-weight: 700;
    color: #326295;
    margin-bottom: 0;
}
.timeline .col-5 {
    width: 36%;
}
.timeline .col-2 {
    width: 28%;
    text-align: center;
}

/* /end history */

/* vision */

.visionImages img {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 20px;
}

.visionCards .colInner {
    text-align: center;
    margin-bottom: 60px;
    padding-left: 10%;
    padding-right: 10%;
}

.visionCards .colInner img {
    display: inline-block;
    height: 56px;
}

.visionCards .colInner h3 {
    font-family: "Lora";
    font-size: 25px;
    line-height: 1.33;
    font-weight: 700;
    color: #CBA052;
    padding-bottom: 25px;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 25px;
}

/* /end vision */


.flexValign {
    display: flex;
    margin-bottom: 1rem;
    align-items: center;
    margin-left: -7px;
    margin-right: -7px;
}
.flexValign > div {
    width: 50%;
    padding-left: 7px;
    padding-right: 7px;
}
.flexValign > div img {
    width: 100%;
}
.flexValign > div p:last-child {
    margin-bottom: 0;
}

.noMlDesktop {
    margin-left: 0;
}


.siteChat {
    position: fixed;
    right: 0;
    top: 70%;
    width: 112px;
    height: 40px;
    color: #fff;
    background-color: #00205b;
    border-radius: 20px 0 0 20px;
    padding: 5px 3px 5px 43px;
    background-image: url('/images/chat.png');
    background-repeat: no-repeat;
    background-position: left 5px center;
    background-size: 30px auto;
    cursor: pointer;
    font-size: 12px;
    line-height: 14px;
}


@media screen and (max-width: 1440px) {
    .deskTop1400, .desktop1400 {
        display: none !important;
    }
 /*   .navbar-expand-lg .navbar-collapse {
        display: none !important;
    }

    .navbar-expand-lg .navbar-toggler {
        display: block;
        z-index: 1;
    }
    .navbar-brand {
        position: relative;
    }   */

    .mobileNavActive .mobileNavDrawer {
        transform: translateX(0);
        transition: transform 0.3s ease-in-out;
    }

    .navbar-expand-lg .navbar-toggler {
          padding-right: 8px;
    padding-left: 8px;
    margin-right: 8px;
    }

}



@media screen and (max-width: 1400px) {
.fabricWrap {
    background-image: url('/images/bgFabric.jpg');
    background-size: auto;
}
}




@media screen and (max-width: 1220px) {
    .slick-prev {
        left: 0;
    }

    .slick-next {
        right: 0;
    }

.crslNoMarg .slick-prev {
    background: url(/images/carouselArrowLeft.png);
}

.crslNoMarg .slick-next {
    background: url(/images/carouselArrowRight.png);
}
 }



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

.deskTop991, .desktop991 {
    display: none !important;
}

.mobile991 {
    display: block;
}

.noMlDesktop {
    margin-left: auto;
}

.navbar .navbar-collapse {
    margin-left: -16px;
    margin-right: -16px;
}

.navbar .navbar-collapse .navbar-nav {
    padding: 16px;
}


.navbar > div.container-fluid .headerSearch {
    right: 60px;
}



.dropdown-menu.show {
    display: block;
    margin-top: 10px !important;
}

.ddNavWrap {
    display:none !important;
}


.investors .row > div.col-lg-6:first-child {
    margin-bottom: 40px;
}

.cards .row > div:last-child {
    margin-bottom: 0;
}

    .heroOverlay {
        display: none;
    }

    .galeHeroFixed {
        height: 300px;
        background-size: cover;
    }


.galeCarouselTop .slick-track {
     height: auto;
}

.galeCarouselTop .carouselWrap {
    height: 300px;
    background-position: center;
    background-size: cover;
}

.galeCarouselTop .carouselWrap .carouselOverlay {
    display: none;
}

.carouselWrapMobile {
    padding: 0 16px;
    text-align: center;
    padding-bottom: 20px;
}

.galeCarouselTop .carouselWrapMobile h1 {
    font-size: 28px;
    line-height: 1.25;
    margin-top: 10px;
}
.galeCarouselTop h2 {
    margin-bottom: 20px;
}


/* footer */


footer .footerTop .row > * {
    margin-bottom: 16px;
}

footer .footerTop .row > div:last-child {
    margin-bottom: 0;
    text-align: left
}

footer .footerNav {
    justify-content: flex-start;
    padding-left: 0;
}


footer .footerNav {
    display: block;
}

footer .footerNav a {
    margin-left: 0;
    margin-right: 48px;
    margin-bottom: 12px;
}

footer .footerNav a:last-child {
    margin-right: 0;
}

footer .footerSocial {
    text-align: left;
}

/* /end footer */

    /* subscribe section */

    section.subscribe > .containerGale .rowSubscribe {
        width: 100%;
        max-width: 100%;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: wrap;
        padding-top: 20px;
    }

    section.subscribe > .containerGale .rowSubscribe > * {
        width: 100%;
        max-width: 100%;
    }

    section.subscribe h3 {
        margin-bottom: 20px;
    }

    /* /end subscribe section */

/* about */

    .about .colLeft img {
        width: 48%;
    }

    .about .colLeft img:first-child {
        padding-right: 10px;
    }

/* /end about */

/* history */

.timeline .timelineRow {
    flex-wrap: nowrap;
    flex-direction: column;
}

.timeline .timelineRow.odd > div:first-child, .timeline .timelineRow.even > div:last-child {
    display: none;
}

.timeline .timelineRow > div {
    width: auto;
    text-align: center;
}

.timeline .timelineRow.odd > div:last-child, .timeline .timelineRow.even > div:first-child {
    width: calc(100% - 200px);
}

.timeline .timelineRow.even > div:first-child {
    order: 3;
}

/* /end history */

/* innovations */

.innovations .row .colLeft img {
    margin-bottom: 25px;
}

/* /end innovations */


.heroAbout .heroOverlayMobile .heroRowInner img {
    margin-right: 15px;
    width: 180px;
}
  .heroAbout .heroOverlayMobile h3 {
    font-size: 16px;
}

.twoUpBorder > div {
    padding-left: 16px !important;
    padding-right: 16px !important;
    border: none !important;
}


}  /* /end 991 */



@media screen and (max-width: 832px) {
    /* modals */
    .modal-lg {
        margin: 16px;
    }
    /* /end modals */
}

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

    .desktop767 {
        display: none !important;
    }

    .mobile767 {
        display: block;
    }


    .imgAlignLeft {
        float: none;
        margin-right: 0;
        width: 100%;
    }

    .imgAlignRight {
        float: none;
        margin-left: 0;
        width: 100;
    }

    .heroAbout .heroOverlayMobile .heroRowInner {
    align-items: flex-start;
    flex-direction: column;
}
.heroAbout .heroOverlayMobile .heroRowInner img {
        margin-bottom: 10px;
    }

    .galeCarouselTop .slick-prev {
        left: 10px;
    }

    .galeCarouselTop .slick-next {
        right: 10px;
    }

    /* modals */
    .modalSignup .modalRow {
        flex-direction: column;
    }
    .modalSignup .modalRow .modalRowLeft {
        width: 100%;
        order: 2;
        background-size: 100% auto;
        background-position: center;
        background-repeat: no-repeat;
        height: 200px;
    }
    .modalSignup .modalRow .modalRowRight {
        width: 100%;
        order: 1;
    }

    .modalSignup .modalRow .modalRowRight .inner {
        padding: 32px;
    }


    .modalSignup .formWrap {
      max-width: 350px;
    }
    /* /end modals */

      footer .footerNav a {
        margin-right: 32px;
    }


    /* homepage */

    .homeBrands .row > div {
        margin-bottom: 0;
    }

    .homeBrands .row > div:first-child {
        margin-bottom: 30px;
    }

    .homeBrands .row div .colInner {
        padding: 0;
    }

    .heatshieldHome h2 {
        font-size: 32px;
    }
    .heatshieldHome h3 {
        font-size: 20px;
    }
    /* /end homepage */

/* brands */

.brands .row > div {
    margin-bottom: 30px;
}

.brands .row > div:last-child {
    margin-bottom: 0;
}

/* /end brands */

/* history */

.timeline .timelineRow .middleCol h2 {
    font-size: 50px;
}

.timeline .timelineRow.odd > div:last-child, .timeline .timelineRow.even > div:first-child {
    width: calc(100% - 140px);
    padding-left: 0;
}

/* /end history */

    .flexValign {
        flex-direction: column;
        margin-bottom: 0;
    }
    .flexValign > div {
        width: 100%;
        margin-bottom: 15px;
    }

    .contact .colLeft {
        margin-bottom: 30px;
    }


}  /* /end 767 */


@media screen and (max-width: 600px) {
    .respImg600 {
    display: block;
    width: 100%;
    }


}

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

.visionBody {
    padding: 0 16px;
}


.contact .listItem {
    text-align: center;
}

.cards .slick-prev {
        left: 5px;
}
.cards .slick-next {
        right: 5px;
}

footer .footerLinks a {
    text-align: center;
    width: 25%;
}

.homeTop h2 {
    font-size: 28px;
    line-height: 1.3;
}


.deskTop480, .desktop480 {
    display: none !important;
}

.mobile480 {
    display: block;
}

    .respImg480 {
    display: block;
    width: 100%;
    }

.navbar > div.container-fluid .headerSearch .headerForm .form-control {
    width: 110px;
}

.heatshieldHome .imgs img {
    max-width: 160px;

}

.w50pc480 {
    width: 100%;
}

.w70pc480 {
    width: 100%;
}

.w80pc480 {
    width: 100%;
}


.galeHero .colInner {
    padding-left: 16px;
    padding-right: 16px;
}


.innovation .logo {
    max-width: 340px;
}


  /* forms */
    .genForm input[type="text"], .genForm input[type="password"], .genForm select {
        height: 44px;
    }
  /* /end forms */


      footer .footerNav a {
        line-height: 1.5;
    }

    /* subscribe section */

    section.subscribe > .containerGale .rowSubscribe {
        padding-top: 20px;
    }

    section.subscribe form {
        flex-direction: column;
    }

    section.subscribe form input[type=text] {
        margin-bottom: 10px;
        width: 100%;
        max-width: 350px;
    }

    /* /end subscribe section */

    /* brands */

    .brands .colInner {
        padding: 0 24px;
    }

    /* /end brands */

    .docBlock .docRow > .docCol:first-child  {
        width: 150px;
        margin-right: 20px;
    }
    .docBlock .docRow h1 {
        font-size: 24px;
    }

    footer .footerTop .colInner {
        text-align: center;
    }

    footer .footerSocial {
        text-align: center;
    }

    footer .footerNav {
        /*display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;*/
        text-align: center;
    }

    footer .footerNav a {
        margin-right: 15px;
        margin-left: 15px;
    }

    footer .footerNav a:last-child {
        margin-right: 20px;
    }


}  /* /end 480 */

@media screen and (max-width: 375px) {
    /* modals */
    .modal-header {
        padding: 24px 16px 24px 16px;
    }
    .modal-body {
        padding: 24px 16px;
    }

    .modalSignup .modal-body h3 {
        font-size: 29px;
    }

    .modalSignup .modalRow .modalRowRight .inner {
        padding: 24px 16px;
    }
    /* /end modals */



    .containerGale {
        padding-left: 16px;
        padding-right: 16px;
    }

    section {
        margin-bottom: 60px;
    }

    section.grayBg, section.ltBlueBg {
        padding: 60px 0;
    }




.sectionHeader {
    font-size: 32px;
}

.sectionSubheader {
    font-size: 20px;
}

.sectionHeaderSmall {
    font-size: 30px;
}


 /* drawers */

    .cartDrawer .cartHeader {
        padding-left: 16px;
        padding-right: 16px;
    }

    .cartDrawer .cartInner {
        padding-left: 16px;
        padding-right: 16px;
    }

    .cartDrawer .cartBottom {
        padding: 24px 16px;
    }

    .signinDrawer .signinHeader .signinHeaderLeft h1 {
        font-size: 23px;
    }
    .signinDrawer h3 {
        font-size: 29px;
    }
    .signinDrawer .signinInner {
        padding: 42px 16px 12px 16px;
    }

    .filtersDrawer {
        width: 98%;
    }

 /* /end drawers */

}