﻿body {}

:root {
    --text-color: #333;
    --blue-color: #0076ba;
    --green-color: #006736;
    --elzonris-color: #009776;
    --error-color: red;
    --form-bg: #f9f9f9;
    --border-color: #ccc;
}

body {font-family: 'Raleway', sans-serif; font-weight: 400; font-size: 16px;}

.noWrapTxt {white-space: nowrap;}

.container {max-width: 1020px;}

a {color: var(--blue-color);}

a:hover {text-decoration: inherit;}

header ul {background: var(--blue-color); list-style: none; margin: 0 0 40px; padding: 15px 20px; display: flex; justify-content: flex-end; align-items: center; font-size: 14px;}
header ul li:not(:last-of-type)::after {content: '|'; color: var(--white); padding: 0 20px;}
header ul li a {color: var(--white) !important;}

.logoWrap {text-align: center;}
.logoWrap img {width: 100%; max-width: 400px; margin-bottom: 20px;}
.logoWrap .introTxt h1 {font-size: 24px; font-weight: 700; margin-bottom: 0;}
.logoWrap .introTxt h1 span {color: var(--blue-color);}
.logoWrap .introTxt p {font-size: 18px;}
.logoWrap .introTxt p.smallTxt {font-size: 11px;}
.logoWrap .introTxt p a {color: var(--blue-color); text-decoration: underline;}

.brandLogoWrap {display: flex; align-items: flex-start; justify-content: center; margin: 20px 0 80px;}
.brand {display: flex; flex-direction: column; align-items: center; width: 320px;}
.brand img {height: 54px; margin-bottom: 15px;}
.brand a:last-of-type {border-radius: 10px; color: var(--white); text-transform: uppercase; font-size: 14px; background: var(--blue-color); display: inline-block; padding: 0 25px; font-family: 'Montserrat', sans-serif; height: 28px; line-height: 28px;}
.brand a:last-of-type i {font-size: 20px; padding-left: 3px; transform: translateY(2px);}
.brand:first-of-type a:last-of-type {background: var(--green-color);}

.claimForm p a {text-decoration: underline;}

footer {box-shadow: 0 -2px 10px var(--border-color); padding: 30px 0 40px; font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 12px; margin-top: 40px;}
.footerWrap {display: flex; justify-content: space-between; align-items: flex-start;}
.footerWrap .copyrightWrap img {height: 40px; margin-bottom: 10px;}
.footerWrap ul {list-style: none; margin: 0; padding: 0; display: flex; justify-content: flex-end; align-items: flex-end;}
.footerWrap ul li:not(:last-of-type)::after {content: '|'; padding: 0 10px;}
.footerWrap ul li a {text-decoration: underline;}

.isiWrap.orserduBrandISI {font-family: 'Lato', sans-serif !important; border-top: 3px solid var(--border-color); padding-top: 20px; margin-top: 10px; font-size: 12px; font-weight: 500; font-family: 'Montserrat', sans-serif;}
.isiWrap.orserduBrandISI p {margin-bottom: 10px;}
.isiWrap.orserduBrandISI a {color: var(--blue-color); text-decoration: underline;}
.isiWrap.orserduBrandISI h4 {color: var(--green-color); font-size: 12px; font-weight: 700; margin-bottom: 15px;}
.isiWrap.orserduBrandISI h5 {color: var(--green-color); font-size: 12px; font-weight: 700; margin-bottom: 3px;}
.isiWrap.orserduBrandISI ul {margin: 0; padding: 0; list-style: none; width: 100%;}
.isiWrap.orserduBrandISI ul li {margin-bottom: 5px; position: relative; padding-left: 10px;}
.isiWrap.orserduBrandISI ul li::before {content: '•'; color: var(--green-color); font-size: 12px; padding-right: 2px; position: absolute; left: 0; top: 3px; line-height: 100%;}
.isiWrap.orserduBrandISI ul li.noGap {padding-left: 0;}
.isiWrap.orserduBrandISI ul li.noGap::before {display: none;}
.isiWrap.orserduBrandISI ul ul li {padding-left: 10px;}
.isiWrap.orserduBrandISI ul ul li::before {content: 'O'; font-size: 7px; top: 6px; font-weight: bold;}
.isiWrap.orserduBrandISI ul.sideEffectList {display: flex; flex-wrap: wrap;}
.isiWrap.orserduBrandISI ul.sideEffectList li {width: 50%;}

.isiWrap.elzonrisBrandISI {border-top: 3px solid var(--border-color); padding-top: 20px; margin-top: 10px; font-size: 12px; font-weight: 500; font-family: 'Montserrat', sans-serif;}
.isiWrap.elzonrisBrandISI p {margin-bottom: 10px;}
.isiWrap.elzonrisBrandISI a {color: var(--blue-color); text-decoration: underline;}
.isiWrap.elzonrisBrandISI h4 {color: var(--elzonris-color); font-size: 12px; font-weight: 700; margin-bottom: 15px;}
.isiWrap.elzonrisBrandISI h5 {color: var(--elzonris-color); font-size: 12px; font-weight: 700; margin-bottom: 3px;}
.isiWrap.elzonrisBrandISI ul {margin: 0; padding: 0; list-style: none; width: 100%;}
.isiWrap.elzonrisBrandISI ul li {margin-bottom: 5px; position: relative; padding-left: 10px;}
.isiWrap.elzonrisBrandISI ul li::before {content: '•'; color: var(--blue-color); font-size: 16px; padding-right: 2px; position: absolute; left: 0; top: 0; line-height: 100%;}
.isiWrap.elzonrisBrandISI ul ul li {padding-left: 14px;}
.isiWrap.elzonrisBrandISI ul ul li::before {content: '—'; font-size: 9px; top: 4px; font-weight: bold;}

.isiFixedWrap {position: relative;}
.isiFixedWrap .col-12 {display: flex; justify-content: space-between; position: fixed; z-index: 1; width: 100%; max-width: 990px; left: 50%; bottom: 0; transform: translateX(-50%); background: var(--white); max-height: 240px; padding: 0; box-shadow: 0 0 4px #999;}
.isiFixedWrap .col-12 > * {border-top: 0; padding-top: 0; margin-top: 0;}

.isiFixed.elzonrisBrandISIFixed h6 {background: var(--elzonris-color); color: var(--white); display: flex; justify-content: space-between; align-items: center; font-size: 12px; text-transform: uppercase; font-weight: bold; margin-bottom: 0; padding: 8px 20px; border-left: 1px solid var(--text-color);}
.isiFixed.elzonrisBrandISIFixed h6 span {font-size: 20px; line-height: 100%; cursor: pointer;}
.fixedIsiContent {border-left: 1px solid; padding: 20px 20px 5px; border-right: 1px solid; box-shadow: 0 0 4px var(--modal-text-color);}

.isiFixed.orserduBrandISIFixed h6 {background: var(--green-color); color: var(--white); display: flex; justify-content: space-between; align-items: center; font-size: 12px; text-transform: uppercase; font-weight: bold; margin-bottom: 0; padding: 8px 20px;}
.isiFixed.orserduBrandISIFixed h6 span {font-size: 20px; line-height: 100%; cursor: pointer;}
.isiFixed.orserduBrandISIFixed .fixedIsiContent {border-right: none;}


@media only screen and (max-width: 767px) {
    header ul {flex-wrap: wrap;}
    header ul li {width: 50%; padding: 2px 0;}
    header ul li:not(:last-of-type)::after {display: none;}

    .brandLogoWrap {flex-direction: column; align-items: center; gap: 20px;}

    .isiFixed {height: 40vw !important;}

    .isiWrap ul.sideEffectList li {width: 100% !important;}

    .footerWrap {flex-direction: column;}
    .footerWrap ul {margin-top: 20px;}
}

@media only screen and (max-width: 600px) {
    header ul li {width: 100%; padding: 5px 0 2px; border-bottom: 1px solid var(--white);}
}

.crx-gray-out, .crx-loader {z-index: 10;}