html.no-touch body.header-02-lg header#site-header nav.main ul>li:hover>ul {top:80px}

.btn {margin: 5px 10px 5px 0;}

.hp-vid .ratio>* {height:auto!important}
.hp-vid  {padding:0px!important}
.hp-vid .ratio-16x9 {--bs-aspect-ratio:30%!important}

.secondary-heading+.heading {margin-bottom:20px!important}

.heading {margin-bottom:20px!important}

.secondaryNavTR {position:fixed; top:8px; right:20px;font-size:14px;color:#666969;z-index: 100;}
.secondaryNavTR a {color:#666969; text-decoration:none;}
.secondaryNavTR a:hover {color:#b2b5b2; text-decoration:underline;}

.maincta-hidesm {display:inline;float:right;padding-left:4px}
@media screen and (max-width: 1222px) {.maincta-hidesm {display:none}}


@media screen and (max-width: 992px) {
    .secondaryNavTR {display:none}
}
.secondaryNavTR .headerPhone {font-weight:600;margin-right:10px;font-size:14px;color:#1b243e}

header#site-header #logo img {max-height:80px;margin-top:5px}
@media screen and (max-width: 1300px) {header#site-header #logo img {max-height:65px;margin-top:20px}}
@media screen and (max-width: 1200px) {header#site-header #logo img {max-height:55px;margin-top:20px}}
@media screen and (max-width: 991px) {header#site-header #logo img {;margin-top:0px}}


html[dir="ltr"] body.header-02-lg header#site-header nav.main {margin-top:10px}
footer#site-footer {padding-bottom:20px}    
nav.footer-navigation {padding-top:20px}
footer#site-footer > .container {padding-top:20px}

header#site-header {border-bottom: 1px #dddddd solid;}

.umbraco-forms-form {padding-top:20px!important;}

.umbraco-forms-form input.text {max-width:800px!important}
.umbraco-forms-form input.text {margin:1px!important}

/* Fixes in 6.4.1 */
.text-center .img-max {
    margin-left: auto;
    margin-right: auto;
}
.text-right .img-max {
    margin-left: auto;
}

/* Theme specific changes */

/* Slick Carousel */
/* Slick next/prev */
.component:not(.usn_cmp_banner) .slick-prev,
.component:not(.usn_cmp_banner) .slick-next,
.ekko-lightbox-nav-overlay a::before {
    width:40px; height:40px;
}
.ekko-lightbox-nav-overlay a {
    opacity:1!important;
}
.component:not(.usn_cmp_banner) .slick-prev {
    left:0!important;
}
.component:not(.usn_cmp_banner) .slick-next {
    right:0!important;
}
.component:not(.usn_cmp_banner) .slick-next, .component:not(.usn_cmp_banner) .slick-prev,
.ekko-lightbox-nav-overlay a::before { 
    color: rgba(var(--base-link), 1);
    background: rgba(var(--base-bg-color1), 1); border-radius:50%; 
    box-shadow: var(--base-box-shadow_h) var(--base-box-shadow_v) var(--base-box-shadow_b) rgba(var(--true-black), var(--base-box-shadow_o));
}

/* Pricing recurring text */
.heading.lg > .small {
    font-size:50%;
}

/* Links */
.usn .text a:not(.btn),
.usn .quick-links a:not(.btn),
.usn .footer-navigation a:not(.btn) {
    border-bottom: none!important;
    display: inline-block;
    text-decoration: none!important;
    transition: all 0.35s ease-in-out 0s;
}
.usn .text a:hover:not(.btn),
.usn .text a:focus:not(.btn),
.usn .text a:active:not(.btn),
.usn .quick-links a:hover:not(.btn),
.usn .quick-links a:focus:not(.btn),
.usn .quick-links a:active:not(.btn) {
    border-bottom: none!important;
}

.usn footer#site-footer .quick-links a:not(.btn),
.usn .footer-navigation a:not(.btn) {
    border-bottom: none!important;
}
.usn footer#site-footer .quick-links a:hover:not(.btn),
.usn footer#site-footer .quick-links a:focus:not(.btn),
.usn footer#site-footer .quick-links a:active:not(.btn)
.usn .footer-navigation a:hover:not(.btn),
.usn .footer-navigation a:focus:not(.btn),
.usn .footer-navigation a:active:not(.btn) {
    border-bottom: var(--base-border-width) solid rgba(var(--footer-link-hover), 1)!important;
}
.usn .footer-navigation .site-credit a:not(.btn) {
    border-bottom: var(--base-border-width) dotted rgba(var(--footer-highlight), 0.5)!important;
}
.usn .footer-navigation .site-credit a:hover:not(.btn),
.usn .footer-navigation .site-credit a:focus:not(.btn),
.usn .footer-navigation .site-credit a:active:not(.btn) {
    border-bottom: var(--base-border-width) solid rgba(var(--footer-highlight), 1)!important;
}

.form .return-link a:not(.btn) { 
    display: inline-block;
}
.form > .base-bg .return-link a:not(.btn) { 
    color: rgba(var(--base-link), 1);   
    border-bottom: var(--base-border-width) dotted rgba(var(--base-link), 0.5)!important;
}
.form > .base-bg .return-link a:hover:not(.btn),
.form > .base-bg .return-link a:focus:not(.btn),
.form > .base-bg .return-link a:active:not(.btn) {
    border-bottom: var(--base-border-width) solid rgba(var(--base-link-hover), 1)!important;
}
.manufacturers-logos {padding:40px;}
@media screen and (max-width: 992px) {
.manufacturers-logos {padding:20px;}
}

.manufacturers-logos img {width:100%;max-width:200px}
.manufacturers-logos .item.item_text-below:not(.item_has-bg) .image {margin-bottom:0px}

.sw-contact .umbraco-forms-form input.text,.umbraco-forms-form textarea {max-width: 800px!important;}
.sw-contact .umbraco-forms-form textarea  {max-width: 800px!important;}

.repeater {padding:20px 20px 40px 20px!important;border:0px #333 solid}
.repeater img {max-width:300px;overflow:auto}

.side-image-300 {padding:20px 20px 40px 20px!important;border:0px #333 solid;display: flex;justify-content: center; align-items: center;}
.side-image-300 img {width:100%;max-width:300px;}

.side-image-400 {padding:20px 20px 40px 20px!important;border:0px #333 solid;display: flex;justify-content: center; align-items: center;}
.side-image-400 img {width:100%;max-width:400px;}

.side-image-500 {padding:20px 20px 40px 20px!important;border:0px #333 solid;display: flex;justify-content: center; align-items: center;}
.side-image-500 img {width:100%;max-width:500px;}

.side-image-600 {padding:20px 20px 40px 20px!important;border:0px #333 solid;display: flex;justify-content: center; align-items: center;}
.side-image-600 img {width:100%;max-width:600px;}
@media screen and (max-width: 767px) {
    .side-image-600 {padding:20px 20px 40px 20px!important;border:0px #333 solid}
.side-image-600 img {width:100%;max-width:600px!important;}
    
}

@media screen and (max-width: 767px) {
    .repeater img {max-width:250px;}
}

.tablewrapper {}
.tablewrapper .yes {color:#4aab53;text-align:center}
.tablewrapper .no {color:#C75A5A;text-align:center}
@media screen and (max-width: 767px) {
.tablewrapper {font-size:12px}
.tablewrapper td {padding:4px}
}
.hidesm {display:inline}
@media screen and (max-width: 1200px) {.hidesm {display:none}}
.showsm {display:none}
@media screen and (max-width: 767px) {.showsm {display:inline}}

.contact-rc {
}
.contact-rc .umbraco-forms-legend {font-size:16px;margin:0px!important}
.contact-rc .legend {}
.contact-rc .col-md-4 {border:0px #333 solid}

.contact-rc .umbraco-forms-form .checkboxlist {width: 100%;padding-left:0px}
.contact-rc .umbraco-forms-form .checkboxlist label {width: fit-content;}
.contact-rc .umbraco-forms-form .checkboxlist div {float:left;border:0px #333 solid;width:fit-content;padding-right:20px}

.contact-rc .umbraco-forms-field.singlechoice .umbraco-forms-field-wrapper label {width: fit-content;}

.contact-rc .umbraco-forms-form .radiobuttonlist {padding:16px 0}

.contact-rc .umbraco-forms-indicator {color: #951b29!important;}
.contact-rc h4 {line-height:34px!important;margin-bottom:10px}
    .contact-rc .umbraco-forms-form span.field-validation-error {
        color: #951b29 !important;font-size:14px;
    }

    .contact-rc .umbraco-forms-form span.checkboxlist {
        float: none
    }

    .contact-rc .umbraco-forms-form textarea {
        max-width: 1000px !important
    }

    .contact-rc input[type=submit].btn {
        max-width: 200px;
        display: table;
        margin-right: 20px;
        padding: 8px 10px;
    font-size: 16px;
    float:right;
    }
    

    .contact-rc input[type=submit].prev {
        float: left;
        max-width: 200px;
        display: table;
        margin-right: auto;
        margin-left: auto;
    }

    .contact-rc .umbraco-forms-form input.text {
        max-width: 1000px !important
    }

    .contact-rc .form > .inner {
        padding: 0px 20px 0px 30px
    }

    .contact-rc .umbraco-forms-form fieldset {
        padding-top: 0px;
        margin-bottom: 10px
    }

    .contact-rc .g-recaptcha {
        margin-top: 30px
    }

    .contact-rc .umbraco-forms form {
    }

    .contact-rc .component-inner {
        max-width: 900px !important;
        margin:0 auto
    }

.hp-pods-2 {padding:10px 80px 20px 80px;border:0px #333 solid}
.hp-pods-2 img {max-width:80px}
    .hp-pods-2 .image {margin-bottom:10px!important}
@media screen and (max-width: 767px) {
    .hp-pods-2 {padding:10px 30px 20px 30px;border:0px #333 solid}
    .hp-pods-2 .image {margin-bottom:2px!important}

}

nav.footer-navigation ul li {padding:3px}
.footer-logo {margin-bottom:20px}
.footer-links-r  {}
@media screen and (max-width: 767px) {
    .footer-links-r .footer-text {margin-top:20px!important;text-align:left!important}
    
}
.umbraco-forms-caption {margin-left:-4px}

footer#site-footer a:not(.btn):hover, footer#site-footer a:not(.btn):focus, footer#site-footer a:not(.btn):active {color:#b2b5b2}
footer#site-footer nav.footer-navigation ul li:not(.site-credit) a:not(.btn):active {color:#b2b5b2}
footer#site-footer nav.footer-navigation ul li:not(.site-credit) a:not(.btn):hover {color:#b2b5b2}

.usn .footer-navigation a:focus:not(.btn), .usn .footer-navigation a:active:not(.btn)  {border-bottom:#b2b5b2 ;color:#b2b5b2}

/*.404 .item .link {padding-bottom: 100px!important}*/
.h-button {padding-top:30px}
.h-button-m {padding-top:0px}
.x404container .container {padding:0px;margin:0px;max-width:800px}
.x404mBox {}
.x404mWrapper {min-height:400px;padding:20px;background:url('/media/dp3cljrz/404-2m.jpg') no-repeat left center;background-size: cover;display:block;}
.x404Wrapper {min-height:500px;padding:20px;background:url('/media/dzuj2vhs/404-2.jpg') no-repeat left center;background-size: cover;display:block;}
.x404Box {padding-right:20vw}
.x404Box h1 {color:#000!important;font-size:60px;font-weight:900;line-height:57px}
.x404Box h2 {color:#fff!important;}

.x404DBox {padding-right:50vw}
.x404DBox h1 {color:#000!important;font-size:80px;font-weight:900;line-height:70px}
.x404DBox h2 {font-size:40px;color:#fff!important;}
@media screen and (max-width: 767px) {
.x404 {min-height:500px!important}
.h-button-m {}
.x404mBox {padding-right:20vw}
.x404mBox h1 {color:#000!important;font-size:60px;font-weight:900;line-height:57px}
.x404mBox h2 {color:#fff!important;}

}
@media screen and (max-width: 400px) {
.x404 {min-height:500px!important}
.x404mBox {padding-right:20vw}
.x404mBox h1 {color:#000!important;font-size:40px;font-weight:900;line-height:35px}
.x404mBox h2 {color:#fff!important;}

}