@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Darker+Grotesque:wght@300;400;500;600;700;800&display=swap');
body { font-size: 18px; font-family: 'Darker Grotesque', sans-serif; color: #111; font-weight: 500; background: #e5e5e5; }
img { max-width: 100%; }
nav ul { list-style: none; padding: 0; display: flex; margin: 0; }
.header-nav-list .header-nav-item a { color: #000; text-decoration: none; font-size: 19px; font-weight: 600; }
a.logo img { max-height: 98px; }
header { padding-top: 3vw; padding-bottom: 3vw; padding-left: 4vw; padding-right: 4vw; }
.header-nav-list .header-nav-item:hover a { text-decoration: underline; color: #000; }
footer { padding: 2vw 0; }
.social { text-align: right; }
.social a { color: #000; font-size: 24px; }
.site-info-content h4 { font-weight: 600; font-size: 30px; margin: 0 0 32px; }
.site-info-content p a { color: #000; }
.site-info-content p { font-size: 18px; font-weight: 600; }
section.breadcrumb-section { border-top: #ccc solid 1px; border-bottom: #ccc solid 1px; padding-top: 12px; margin-bottom: 0; }
section.breadcrumb-section a { color: #000; }
.panel-content { background: #e5e5e5; padding: 40px 0; }
.panel-content .panel-title { font-size: 3rem; font-weight: 700; text-align: center; margin: 0 0 30px; }
.video-container iframe { width: 100%; position: absolute; height: 100%; top: 0; left: 0; }
.video-container .video-item { position: relative; padding: 0 0 56%; margin-bottom: 20px; }
.text-container { font-size: 20px; line-height: 23px; padding-bottom: 20px; }
.quote-form form { max-width: 900px; margin: 0 auto; }
.quote-form .form-body { display: flex; flex-wrap: wrap; justify-content: space-between; }
.quote-form .form-body .form-group { flex: 0 0 49%; max-width: 49%; padding: 0 0 15px; }
.quote-form .form-body .form-group:last-child { flex: 0 0 100%; max-width: 100%; }
.quote-form .form-body .form-group label.control-label { font-weight: 600; font-size: 20px; }
.quote-form .form-body .form-group .form-control { font-size: 20px; color: #000; }
.quote-form .form-actions button.btn.default.green { background: #000; color: #fff; font-size: 22px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; padding: 8px 40px; }
span.help-block.help-block-error { color: red; }
.bg-custom-legend { background-color: #143d61; color: white; }
.bg-custom-row { display: flex; align-items: center; }
.bg-custom-row p { margin: 0; }
.form-check label.form-check-label { font-size: 16px; }
.form-actions { padding-top: 15px; }
.header-display-desktop { position: relative; display: flex; width: 100%; box-sizing: border-box; justify-content: flex-start; align-items: center; }
.header-display-mobile { display: none; position: relative; width: 100%; box-sizing: border-box; justify-content: flex-start; align-items: center; }
.header-title-nav-wrapper { display: flex; flex-wrap: nowrap; flex: 1 0 67%; align-items: center; }
.header-display-desktop .header-nav { width: 33%; flex: 1 1 33%; }
.header-display-desktop .header-title { width: 34%; text-align: center; flex: 1 1 34%; }
.header-display-desktop .header-actions { width: 33%; }
.header-title-logo { width: auto; font-size: 0; }
.header-title-logo a { display: inline-block; max-width: 100%; max-height: 98px; }
.header-title-logo img { width: auto; max-width: 100%; max-height: 98px; }
.header-title .header-mobile-logo { display: none; }
.header-nav-list { display: inline-flex; flex-wrap: wrap; }
.header-display-desktop .header-nav .header-nav-item:not(:last-child) { margin-right: 1.5vw; }
.header-burger { display: none; align-items: center; justify-content: center; }
/* responsive */
.burger { position: relative; display: inline-block; cursor: pointer; background-color: transparent; border: none; }
.burger-box {position: relative;display: flex;align-items: center;justify-content: center;width: 35px;height: 35px;z-index: 999;}
.burger-inner { width: 100%; height: 100%; }
.top-bun, .patty, .bottom-bun { height: 1px; }
.burger-inner .top-bun, .burger-inner .patty, .burger-inner .bottom-bun { position: absolute; display: block; top: 0; left: 0; bottom: 0; margin: auto; content: ''; width: 100%; transition: transform 250ms cubic-bezier(.2, .6, .3, 1), width 250ms cubic-bezier(.2, .6, .3, 1); will-change: transform, width; }
.burger-inner.header-menu-icon-plus .top-bun { transform: translatey(-0.5px) translatex(3.5px) rotate(180deg); width: 28px; }
.burger-inner.header-menu-icon-plus .patty { transform: scale(0); }
.burger-inner.header-menu-icon-plus .bottom-bun { transform: translatex(3.5px) rotate(90deg); width: 28px; }
:not(.header--menu-open) .burger-inner .top-bun, :not(.header--menu-open) .burger-inner .patty, :not(.header--menu-open) .burger-inner .bottom-bun { background-color: #000; }
.header-menu {
    position: fixed;
    z-index: 11;
    display: flex;
    flex-direction: column;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    will-change: opacity,visibility;
    user-select: none;
    text-align: center;
    pointer-events: auto;
}
 .header-menu .header-menu-bg {
    background-color: #e5e5e5;
}
.header-menu-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
}
.header-menu-nav {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 0;
    z-index: 99;
}
.header-menu-nav-list {
    position: relative;
    flex-grow: 1;
    width: 100%;
    transform: translatey(20px);
    transition: transform 600ms cubic-bezier(.4,0,.2,1);
}
header-menu-nav-folder {
    position: absolute;
    display: flex;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    max-height: 100%;
    justify-content: flex-start;
    overflow-y: scroll;
    overflow-x: hidden;
    transform: translatex(100%);
    transition: transform 600ms cubic-bezier(.4,0,.2,1);
    -webkit-overflow-scrolling: touch;
    flex-direction: column;
}
.header-menu-nav-folder--active {
    transform: translatex(0);
    will-change: transform;
}
.header-menu-nav-folder[data-folder="root"] {
    transform: translatex(0%);
}
.header-menu-nav-folder-content {
    position: relative;
    display: flex;
    width: 100%;
    flex-grow: 1;
    flex-shrink: 0;
    justify-content: center;
    flex-direction: column;
}
.header-menu-nav-item {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding-left: 4vw;
    padding-right: 4vw;
}
.header-menu .header-menu-nav  a, .header-menu .header-menu-nav .header-nav-item--active a {
    color: #000000;
    text-decoration: none;
    font-size: 32px;
    letter-spacing: 1px;
}
.burger--active .burger-inner .top-bun {
    transform: translatex(3.5px) rotate(-135deg);
    width: 28px;
}
.burger--active .burger-inner.navLeft .patty, .burger--active .burger-inner.navRight .patty, .burger--active .burger-inner .patty {
    transform: scale(0);
}
.burger--active .burger-inner .bottom-bun {
    transform: translatex(3.5px) rotate(135deg);
    width: 28px;
}
div#rightcartcontent span.badge {
    margin-bottom: 0.5rem!important;
    margin-right: 0.3rem!important;
}

div#rightsidecart form#myForm {
    text-align: center;
}
.incHI {
    background: #efefef;
    padding: 3px 15px;
    margin-top: 9px;
}

.incHI label.top-label {
    font-weight: 700;
    font-style: italic;
    font-size: 20px;
    color: #1f7dca;
}
.header-nav-folder-content {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: auto;
    left: -1em;
    padding: 0.5em 1em;
    text-align: left;
    min-width: 200px;
    z-index: 10;
}
.header-nav-item.header-nav-item--collection:hover .header-nav-folder-content {
    opacity: 1;
    pointer-events: auto;
}
.header-nav-item.header-nav-item--collection {
    position: relative;
}
.header-nav-item.header-nav-item--collection:hover .header-nav-folder-content a{text-decoration:none;}
.seletion-row { max-width: 660px; margin: 0 auto; display: flex; flex-wrap: wrap; }
.seletion-row .sec-col { flex: 0 0 50%; max-width: 50%; text-align: center; border-top: #d5d5d5 solid 5px; position: relative; }
.seletion-row .sec-col:before { content: ""; width: 28px; height: 28px; border-radius: 100%; background: url(../images/tick-mark.png) no-repeat center #fff; border: #c9c4c4 solid 1px; position: absolute; left: 50%; margin-left: -14px; top: -18px; }
.seletion-row .sec-col h4 { font-size: 20px; color: rgb(17 17 17 / 62%); padding-top: 10px; }
.text-item.home { text-align: center; color: #1f7dca; font-size: 30px; font-weight: 700; margin-top: 30px; }
.seletion-row .sec-col.active:before{ background: url(../images/tick-mark-white.png) no-repeat center #3b729f;border-color: #3b729f;}
.seletion-row .sec-col.active{ border-top: #3b729f solid 5px;}
.seletion-row .sec-col.active h4{ color:#111111;}
 @media (max-width: 1024px) {
.header-display-mobile { display: flex; }
.header-display-desktop { display: none; }
.header-burger { margin-right: 0; display: flex; align-items: flex-end; justify-content: flex-end; flex: 0 0 50px; width: 50px; }
.header-display-mobile .header-burger { justify-content: flex-start; }
.header-title-nav-wrapper .header-nav { display: none; }
.header-title-nav-wrapper { flex: 1 0 calc(100% - 50px); }
.header-mobile-layout-logo-center-nav-left .header-display-mobile .header-title { text-align: center; }
.header-title--use-mobile-logo .header-mobile-logo { display: block; }
.header-display-mobile .header-title .header-mobile-logo { padding-right: 50px; text-align: center; }
.header-title--use-mobile-logo .header-title-logo { display: none; }
.header-title--use-mobile-logo .header-mobile-logo a { display: inline-block; max-height: 75px; }
.header-title--use-mobile-logo .header-mobile-logo img { max-height: 75px; }
.header-title.header-title--use-mobile-logo {
    width: 100%;
}
.header-menu {
    transition: visibility 600ms cubic-bezier(.4,0,.2,1),opacity 400ms cubic-bezier(.4,0,.2,1);
}
.header--menu-open .header-menu {
    opacity: 1;
    visibility: visible;
}

}
@media (max-width: 767px) {
.quote-form .form-body .form-group { flex: 0 0 100%; max-width: 100%; }
}