/*	
--------------------------------------------------
Theme 
-------------------------------------------------- 
*/


/* 	
--------------------------------------------------
Table of contents
-------------------------------------------------- 

Body
Header
Footer
Generic
Base Backgrounds
- Background
- Secondary heading
- Heading
- Text
- Borders 
- Links
Base Buttons
- Background
- Borders
- Text
	
*/



/* Body */

body { 
    background: rgba(var(--body-bg-color1), 1); 
}
body.body-bg-linear { 
    background: linear-gradient(var(--body-bg-angle), rgba(var(--body-bg-color1), 1) 0%, rgba(var(--body-bg-color2), 1) 100%); 
}
body.body-bg-radial { 
    background: radial-gradient(farthest-side at var(--body-bg-start-perc) var(--body-bg-stop-perc), rgba(var(--body-bg-color1), 1) 0%, rgba(var(--body-bg-color2), 1) 100%); 
}


/* Header */

header#site-header {
    color: rgba(var(--header-text), 1);
}

header#site-header { 
    background: rgba(var(--header-bg-color1), 1); 
}
header#site-header.header-bg-linear { 
    background: linear-gradient(var(--header-bg-angle), rgba(var(--header-bg-color1), 1) 0%, rgba(var(--header-bg-color2), 1) 100%); 
}
header#site-header.header-bg-radial { 
    background: radial-gradient(farthest-side at var(--header-bg-start-perc) var(--header-bg-stop-perc), rgba(var(--header-bg-color1), 1) 0%, rgba(var(--header-bg-color2), 1) 100%); 
}

header#site-header #logo a { 
    color: rgba(var(--logo-link), 1);
}
header#site-header #logo a:hover,
header#site-header #logo a:focus,
header#site-header #logo a:active { 
    color: rgba(var(--logo-link-hover), 1);
}


/* Footer */

footer#site-footer {
    color: rgba(var(--footer-text), 1);
}

footer#site-footer { 
    background: rgba(var(--footer-bg-color1), 1); 
}
footer#site-footer.footer-bg-linear { 
    background: linear-gradient(var(--footer-bg-angle), rgba(var(--footer-bg-color1), 1) 0%, rgba(var(--footer-bg-color2), 1) 100%); 
}
footer#site-footer.footer-bg-radial { 
    background: radial-gradient(farthest-side at var(--footer-bg-start-perc) var(--footer-bg-stop-perc), rgba(var(--footer-bg-color1), 1) 0%, rgba(var(--footer-bg-color2), 1) 100%); 
}


/*	
--------------------------------------------------
White and Black
-------------------------------------------------- 
*/

.white-bg { 
    background: rgba(var(--true-white), 1);
}

.white-text { 
    color: rgba(var(--true-white), 1);
}

.black-bg { 
    background: rgba(var(--true-black), 1);
}

.black-text { 
    color: rgba(var(--true-black), 1);
}


/*	
--------------------------------------------------
Base Colours - Backgrounds
-------------------------------------------------- 
*/


/* Backgrounds */

/* Backgrounds Solid */
.base-bg,
.item.item_overlay .inner .image.base-bg::before,
.usn_cmp_banner .item.item_overlay.base-bg .inner::before { 
    background: rgba(var(--base-bg-color1), 1); 
}


/* Backgrounds Linear */

.base-bg.base-bg-linear,
.item.item_overlay .inner .image.base-bg.base-bg-linear::before,
.usn_cmp_banner .item.item_overlay.base-bg.base-bg-linear .inner::before { 
    background: linear-gradient(var(--base-bg-angle), rgba(var(--base-bg-color1), 1) 0%, rgba(var(--base-bg-color2), 1) 100%); 
}

/* Backgrounds Radial */

.base-bg.base-bg-radial,
.item.item_overlay .inner .image.base-bg.base-bg-radial::before,
.usn_cmp_banner .item.item_overlay.base-bg.base-bg-radial .inner::before { 
    background: radial-gradient(farthest-side at var(--base-bg-start-perc) var(--base-bg-stop-perc), rgba(var(--base-bg-color1), 1) 0%, rgba(var(--base-bg-color2), 1) 100%); 
}


/* Tables */

table,
table tr:nth-of-type(even) td,
.tables table tr:nth-of-type(even) td { 
    background:transparent;
}


/* Headings */

h1:not(.heading), 
h2:not(.heading), 
h3:not(.heading), 
h4:not(.heading), 
h5:not(.heading), 
h6:not(.heading),
thead {
    color: rgba(var(--base-heading), 1);
}

.base-heading {
    color: rgba(var(--base-heading), 1)!important;
}


/* Secondary Headings */

.base-secondary-heading {
    color: rgba(var(--base-secondary-heading), 1)!important;
}


/* Text */

body,
.base-text {
    color: rgba(var(--base-text), 1);
}


/* Borders */

.base-borders,
table, table th, table td {
    border-color: rgba(var(--base-borders), 1);
}
thead,
.quick-links ul li a::after { 
    background-color: rgba(var(--base-borders), 1);
}


/* Links */

a,
.base-link {
    color: rgba(var(--base-link), 1);
}

a:hover,
a:focus,
a:active,
.base-link:hover,
.base-link:focus,
.base-link:active {
    color: rgba(var(--base-link-hover), 1);
}


/* Highlights */

.base-highlight-bg {
    background-color: rgba(var(--base-highlight), 1);
}

blockquote::before,
.base-bg blockquote::before,
.component .component.base-bg div > blockquote::before { 
    color: rgba(var(--base-highlight), 1);
}


/* Used in rich text editors */

.heading {
    color: rgba(var(--base-heading), 1);
}
.secondary-heading {
    color: rgba(var(--base-secondary-heading), 1);
}
blockquote,
.quote {
    color: rgba(var(--base-heading), 1);
}
blockquote::before,
.quote::before {
    color: rgba(var(--base-highlight), 1);
}

.base-highlight-text {
    color: rgba(var(--base-highlight-text), 1);
}

.base-bg .label {
    background-color: rgba(var(--base-highlight), 1);
    color: rgba(var(--base-highlight-text), 1);
}


/*	
--------------------------------------------------
Buttons
-------------------------------------------------- 
*/


/*	
--------------------------------------------------
Base Colours - Buttons
-------------------------------------------------- 
*/

/* Solid Buttons */
.btn.base-btn-bg, 
.btn-bg_base-btn-bg .btn {
    background: rgba(var(--base-btn-bg-color1), 1);
}

.base-btn-bg:hover, 
.btn-bg_base-btn-bg .btn:hover,
.btn.base-btn-bg:focus, 
.btn-bg_base-btn-bg .btn:focus,
.btn.base-btn-bg:active, 
.btn-bg_base-btn-bg .btn:active {
    background: rgba(var(--base-btn-bg-color1), 1);
}

/* Linear Buttons */
.btn.base-btn-bg.base-btn-bg-linear, 
.btn-bg_base-btn-bg.btn-bg_base-btn-bg-linear .btn {
    background: linear-gradient(var(--base-btn-bg-angle), rgba(var(--base-btn-bg-color1), 1) 0%, rgba(var(--base-btn-bg-color2), 1) 100%); 
}

.base-btn-bg.base-btn-bg-linear:hover, 
.btn-bg_base-btn-bg.btn-bg_base-btn-bg-linear .btn:hover,
.btn.base-btn-bg.base-btn-bg-linear:focus, 
.btn-bg_base-btn-bg.btn-bg_base-btn-bg-linear .btn:focus,
.btn.base-btn-bg.base-btn-bg-linear:active, 
.btn-bg_base-btn-bg.btn-bg_base-btn-bg-linear .btn:active {
    background: linear-gradient(var(--base-btn-bg-angle), rgba(var(--base-btn-bg-color1), 1) 0%, rgba(var(--base-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */
.btn.base-btn-bg.base-btn-bg-radial, 
.btn-bg_base-btn-bg.btn-bg_base-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--base-btn-bg-start-perc) var(--base-btn-bg-stop-perc), rgba(var(--base-btn-bg-color1), 1) 0%, rgba(var(--base-btn-bg-color2), 1) 100%); 
}

.base-btn-bg.base-btn-bg-radial:hover, 
.btn-bg_base-btn-bg.btn-bg_base-btn-bg-radial .btn:hover,
.btn.base-btn-bg.base-btn-bg-radial:focus, 
.btn-bg_base-btn-bg.btn-bg_base-btn-bg-radial .btn:focus,
.btn.base-btn-bg.base-btn-bg-radial:active, 
.btn-bg_base-btn-bg.btn-bg_base-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--base-btn-bg-start-perc) var(--base-btn-bg-stop-perc), rgba(var(--base-btn-bg-color1), 1) 0%, rgba(var(--base-btn-bg-color2), 1) 100%); 
}

/* Solid Buttons - inner <span> hover */
.btn.base-btn-bg-hover:hover > span, 
.btn.base-btn-bg-hover:focus > span, 
.btn.base-btn-bg-hover:active > span, 
.btn-bg_base-btn-bg-hover .btn:hover > span, 
.btn-bg_base-btn-bg-hover .btn:focus > span, 
.btn-bg_base-btn-bg-hover .btn:active > span,
a:hover .btn.base-btn-bg-hover > span, 
a:focus .btn.base-btn-bg-hover > span, 
a:active .btn.base-btn-bg-hover > span,
.btn.base-btn-bg-hover-solid:hover > span, 
.btn.base-btn-bg-hover-solid:focus > span, 
.btn.base-btn-bg-hover-solid:active > span, 
.btn-bg_base-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_base-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_base-btn-bg-hover-solid .btn:active > span,
a:hover .btn.base-btn-bg-hover-solid > span, 
a:focus .btn.base-btn-bg-hover-solid > span, 
a:active .btn.base-btn-bg-hover-solid > span {
    background: rgba(var(--base-btn-bg-hover-color1), 1);
}

/* Linear Buttons - inner <span> hover */
.btn.base-btn-bg.base-btn-bg-hover-linear:hover > span, 
.btn.base-btn-bg.base-btn-bg-hover-linear:focus > span, 
.btn.base-btn-bg.base-btn-bg-hover-linear:active > span, 
.btn-bg_base-btn-bg.btn-bg_base-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_base-btn-bg.btn-bg_base-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_base-btn-bg.btn-bg_base-btn-bg-hover-linear .btn:active > span,
a:hover .btn.base-btn-bg.base-btn-bg-hover-linear > span, 
a:focus .btn.base-btn-bg.base-btn-bg-hover-linear > span, 
a:active .btn.base-btn-bg.base-btn-bg-hover-linear > span {
    background: linear-gradient(var(--base-btn-bg-hover-angle), rgba(var(--base-btn-bg-hover-color1), 1) 0%, rgba(var(--base-btn-bg-hover-color2), 1) 100%); 
}

/* Radial Buttons - inner <span> hover */
.btn.base-btn-bg.base-btn-bg-hover-radial:hover > span, 
.btn.base-btn-bg.base-btn-bg-hover-radial:focus > span, 
.btn.base-btn-bg.base-btn-bg-hover-radial:active > span, 
.btn-bg_base-btn-bg.btn-bg_base-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_base-btn-bg.btn-bg_base-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_base-btn-bg.btn-bg_base-btn-bg-hover-radial .btn:active > span,
a:hover .btn.base-btn-bg.base-btn-hover-bg-radial > span, 
a:focus .btn.base-btn-bg.base-btn-hover-bg-radial > span, 
a:active .btn.base-btn-bg.base-btn-hover-bg-radial > span {
    background: radial-gradient(farthest-side at var(--base-btn-bg-hover-start-perc) var(--base-btn-bg-hover-stop-perc), rgba(var(--base-btn-bg-hover-color1), 1) 0%, rgba(var(--base-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

.btn.base-btn-borders, 
.btn-borders_base-btn-borders .btn {
    border-color: rgba(var(--base-btn-borders), 1);
}

/* Button Borders Hover */

.btn.base-btn-borders:hover, 
.btn-borders_base-btn-borders .btn:hover,
.btn.base-btn-borders:focus, 
.btn-borders_base-btn-borders .btn:focus,
.btn.base-btn-borders:active, 
.btn-borders_base-btn-borders .btn:active,
a:hover .btn.base-btn-borders, 
a:focus .btn.base-btn-borders, 
a:active .btn.base-btn-borders {
    border-color: rgba(var(--base-btn-borders-hover), 1);
}


/* Button Text */

.btn.base-btn-text, 
.btn-text_base-btn-text .btn {
    color: rgba(var(--base-btn-text), 1);
}

/* Button Text Hover */

.btn.base-btn-text:hover, 
.btn-text_base-btn-text .btn:hover,
.btn.base-btn-text:focus, 
.btn-text_base-btn-text .btn:focus,
.btn.base-btn-text:active, 
.btn-text_base-btn-text .btn:active,
a:hover .btn.base-btn-text, 
a:focus .btn.base-btn-text, 
a:active .btn.base-btn-text {
    color: rgba(var(--base-btn-text-hover), 1);
}


/*LC Styles*/

@media only screen and (min-width: 430px) {
    img {
        image-rendering: -moz-crisp-edges; /* Firefox */
        image-rendering: -o-crisp-edges; /* Opera */
        image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
        image-rendering: crisp-edges;
        -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
    }
}

::selection {
    background: #f5c808; /* WebKit/Blink Browsers */
    color: #111;
}

::-moz-selection {
    background: #f5c808; /* Gecko Browsers */
    color: #111;
}

.home-usp .item {
    background-color: rgba(255, 255, 255, 0.9);
}
.home-usp .item .inner {
    background-color: transparent;
}
.home-usp .item .image {
    background-color: transparent;
}
.home-usp .item ul {
    list-style-type: none;
}

.home-usp .item ul li {
    line-height: 26px;
}

.home-usp .item ul li img {
    position: relative;
    margin-right: 5px;
    top: -3px;
}

@media only screen and (max-width: 430px) {
    .home-usp .item ul li img {
        display: none;
    }
    .home-usp .item ul li {
        font-size: 16px;
        margin-bottom: 12px;
        line-height: 22px;
    }
}

.text img {
    width: auto;
}

.header-info {
    flex: auto;
    order: 3;
    text-align: right;
    padding-right: 20px;
    margin-top: 10px;
}

.header-info p {
    position: relative;
    top: 5px;
    margin: 0px;
    color: #000;
    font-size: 1.6em;
    line-height: 1.2em;
}

.header-info p .small {
    position: relative;
    top: -4px;
    font-size: 13px;
    line-height: 13px;
    color: rgba(var(--header-text), 1);
}

.home-banner .heading.base-heading {
    color: #FFF!important;
}

.home-banner p .intro {
    color: #D7D7D7;
}

/*** USP STRIP ***/
section.content:not(.usn_cmp_banner).usp-strip {
    padding: 15px 0px;
    text-align: center;
}
section.content:not(.usn_cmp_banner).usp-strip .secondary-heading {
    padding-top: 30px;
}

section.content:not(.usn_cmp_banner).usp-strip .image {
    position: absolute;
    width: 28px;
    top: 0px;
    left: calc(50% - 14px);
    margin-top: 0px;
}

@media only screen and (max-width: 1200px) {
    section.content:not(.usn_cmp_banner).usp-strip .item.items-5 {
        flex: 0 0 20%;
        max-width: 20%;
        margin-bottom: 0px;
    }
}

@media only screen and (max-width: 992px) {
    section.content:not(.usn_cmp_banner).usp-strip {
        display: none;
    }
}

/*** HOME BANNER ***/
.home-banner.component.usn_cmp_banner .item .inner::before {
    display: none;
}

@media only screen and (max-width: 992px) {
    .home-banner.component.usn_cmp_banner .item .inner::before {
        display: block;
        opacity: 0.2;
    }
}

@media only screen and (max-width: 600px) {
    .component.usn_cmp_banner {
        overflow: unset!important;
    }
}

body.browser-ios .component.usn_cmp_banner .item.item_takeover-banner {
    height: auto !important;
}

body.browser-ios .component.usn_cmp_banner .item.item_takeover-banner .image {
    height: 100%!important;
}

body.browser-ios .component.usn_cmp_banner .item.item_takeover-banner .container {
    height: auto !important;
}

body.browser-ios .component.usn_cmp_banner .item.item_takeover-banner .row {
    height: auto !important;
}

body.browser-ios .component.usn_cmp_banner .item.item_takeover-banner .inner {
    position: static !important;
}

@media only screen and (max-width: 1190px) {
    .listing.listing_window-mosaic:not(.listing_no-spacing) .item {
        height: auto!important;
    }
    .listing.listing_window-mosaic:not(.listing_no-spacing) .item::before,
    .listing.listing_window-mosaic:not(.listing_no-spacing) .item .inner {
        position: static!important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .listing .item.item_text-boxed .image + .info {
        position: static!important;
        top: 0%!important;
        transform: initial!important;
    }
}

footer#site-footer {
    padding-bottom: 0px !important;
}
.quick-links ul li {
    flex-basis: 33%!important;
}
.footer-block:before {
    width: 60%;
    height: 1px;
    background-color: #444;
    display: table;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 50px;
    content: "";
    display: block;
}

#map {
    width: 100%;
    height: 60vh;
}

.narrow-text .intro {
    max-width: 600px;
}

#site-header .payment {
    position: relative;
    display: flex;
    order: 3;
    text-align: right;
    flex-direction: column;
    padding-left: 25px;
    padding-right: 20px;
    margin-top: 10px;
}

#site-header .payment:before {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #CCC;
    width: 1px;
    height: 100%;
    content: "";
    display: block;
}

#site-header .payment span {
    display: block;
    font-size: 0.85em;
}

#site-header .payment img {
    display: block;
    width: 110px;
    height: 52px;
    float: right;
}

#site-header .trading-logo {
    position: relative;
    display: flex;
    order: 2;
    text-align: right;
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 10px;
}

#site-header .trading-logo:before {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #CCC;
    width: 1px;
    height: 100%;
    content: "";
    display: block;
}

#site-header .trading-logo img {
    width: 85px;
    margin-top: 4px;
}

#site-header .checkatrade-logo {
    position: relative;
    display: flex;
    order: 2;
    text-align: right;
    flex-direction: column;
    padding-right: 20px;
    margin-top: 16px;
}

#site-header .checkatrade-logo img {
    height: 48px;
}

footer#site-footer .footer-item.mobile-call {
    position: fixed;
    width: 100vw;
    max-width: 100%;
    padding: 0px;
    bottom: 0px;
    left: 0px;
    background-color: #05a081;
    margin-bottom: 0px !important;
    text-align: center;
    color: #FFF;
    display: none;
    z-index: 9999;
    font-size: 19px;
    font-weight: 500;
}

footer#site-footer .footer-item.mobile-call a {
    padding: 15px;
}

footer#site-footer .footer-item.mobile-call a svg {
    position: relative;
    top: -1px;
}

footer#site-footer .footer-item.mobile-call a:focus,
footer#site-footer .footer-item.mobile-call a:active {
    background-color: #111;
}

.bg-img-pos-r-82 .background-image {
    background-position: 82% 0%!important;
}

.like-buttons {
    text-align: center;
}

.like-buttons #twitter-widget-0 {
    display: inline-block;
    position: relative!important;
    top: 7px;
}

@media only screen and (min-width: 1190px) {
    header#site-header #logo {
        height: 120px !important;
    }

    header#site-header #logo picture,
    header#site-header #logo img {
        max-height: calc(130px - var(--logo_lg-padding_top) - var(--logo_lg-padding_bottom)) !important;
    }
}

@media only screen and (max-width: 1100px) {
    #site-header .checkatrade-logo {
        display: none;
    }
}

@media only screen and (max-width: 850px) {
    /*#site-header .trading-logo {
        display: none;
    }*/

    header#site-header {
        height: 90px!important;
    }

    .header-info p {
        font-size: 1.2em;
    }

    header#site-header #logo {
        padding: 8px 10px!important;
        height: 70px!important;
    }

    #site header#site-header #logo picture,
    #site header#site-header #logo img {
        max-height: 60px;
    }

    #site #site-header .payment {
        margin-top: 7px;
        padding-left: 12px;
        padding-right: 12px;
    }

    #site #site-header .payment img {
        width: auto;
        max-width: max-content;
        height: 40px;
        margin: 0 auto;
    }

    #site #site-header .trading-logo {
        margin-top: 10px;
        padding-left: 12px;
        padding-right: 12px;
    }

    #site #site-header .trading-logo img {
        width: 56px;
    }

    header nav.main {
        top: 90px!important;
    }
}

@media only screen and (max-width: 1024px) {
    footer#site-footer .footer-item.mobile-call {
        display: block;
    }
    .component.usn_cmp_banner .item.item_medium-banner, .component.usn_cmp_banner .item.item_medium-banner .container, .component.usn_cmp_banner .item.item_medium-banner .row, .component.usn_cmp_banner .item.item_medium-banner .image, .component.usn_cmp_banner .item.item_medium-banner .image .video {
        height: var(--medium-banner)!important;
    }
}

@media only screen and (max-width: 800px) {
    /*.header-info p {
        font-size: 1.2em;
    }
    #site header#site-header #logo picture,
    #site header#site-header #logo img {
        max-height: 60px;
    }
    #site #site-header .payment {
        margin-top: -20px;
    }
    #site #site-header .payment img {
        width: auto;
        max-width: max-content;
        height: 40px;
        margin: 0 auto;
    }
    #site #site-header .trading-logo {
        margin-top: -9px;
    }
    #site #site-header .trading-logo img {
        width: 100px;
    }*/
}

@media only screen and (max-width: 680px) {
    /*#site #site-header .trading-logo,
    #site-header .payment {
        display: none;
    }
    .header-info {
        margin-top: -10px;
    }*/


    /*** GAP ON RIGHT FIX ***/
    body:not(.browser-ios):not(.browser-safari) .component.usn_cmp_banner .item.parallax:not(.item_scale-banner) .image {
        transform: translate3d(0px, 0px, 0px) scale(1)!important;
    }

    .component.usn_cmp_banner .item .simpleParallax .image {
        transform: translate3d(0px, 0px, 0px) scale(1) !important;
    }

    .home-usp .item h4::after {
        background: #ddb41a;
    }
}

@media only screen and (max-width: 625px) {
    #site #site-header .trading-logo {
        display: none;
    }
}

@media only screen and (max-width: 545px) {
    #site #site-header .payment {
        display: none;
    }
}

@media only screen and (max-width: 509px) {
    .text {
        font-size: 20px;
        line-height: 130%;
    }
    header#site-header {
        height: 80px!important;
        min-height: auto!important;
        box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.25) !important;
    }
    header#site-header nav.main {
        top: 80px!important;
        height: calc(100% - 80px);
        background: #111;
    }

    header#site-header nav.main ul li span a {
        font-size: 2em;
        margin-top: 30px;
        text-align: center;
        color: #FFF!important;
    }
    .header-info {
        position: absolute;
        right: 40px;
    }
    .header-info p {
        font-size: 1em;
    }
    #site-header .trading-logo {
        display: none;
    }
    header#site-header a.expand {
        height: 80px!important;
    }
    html.reveal-out header#site-header {
        height: 100% !important;
    }
    html.reveal-out #site-content {
        margin-top: 80px!important;
    }
}

html.reveal-out header#site-header {
    transition: height 0.3s ease;
}

.component.usn_cmp_banner .ultion-banner.item .info.col {
    max-width: 50%;
}

@media only screen and (max-width: 1350px) {
    .component.usn_cmp_banner .ultion-banner.item .info.col .text h1 {
        font-size: 30px;
    }
    .component.usn_cmp_banner .ultion-banner.item .info.col .text p img {
        width: 300px;
    }
}

@media only screen and (max-width: 500px) {
    .component.usn_cmp_banner .ultion-banner.item .info.col {
        max-width: 65%;
    }
}

.component.usn_cmp_banner .ultion-banner.item .info.col h1 {
    font-weight: 300;
}

.ultion-section h2 {
    font-weight: 200;
    font-size: 40px;
    line-height: 58px;
}

.no-padd.content .component-introduction {
    padding-bottom: 0px!important;
}

.ultion-banner h1 strong,
.ultion-section h2 strong {
    font-weight: 500;
}

@media (max-width: 768px) {
    .ultion-section h2 {
        font-weight: 200;
        font-size: 30px;
        line-height: 48px;
        width: 60%;
    }
    .ultion-section .container {
        max-width: 100%;
    }
    .ultion-section .container .text img {
        max-width: 60%;
    }
    
    .without-image {
        width: auto!important;
        height: auto!important;
        margin-bottom: 20px!important;
        margin-left: 15px!important;
    }

    .without-image .image.video {
        width: 180px;
        background-color: #444;
        border-radius: 48px !important;
        padding-left: 58px;
        height: 48px;
    }

    .without-image .image:after {
        content: "Play Video";
        white-space: nowrap;
        line-height: 48px;
        color: #FFF;
        display: block;
    }
    .without-image .image .play-video.overlayicon {
        width: 38px;
        height: 38px;
        top: 5px;
        left: 5px;
    }
    .without-image .image .play-video.overlayicon .icon {
        margin-left: 3px;
    }
    .without-image .image .play-video.overlayicon .icon::before {
        font-size: 30px;
    }
    .home-banner .info img {
        max-width: 250px;
        display: table;
        margin: 0 auto;
    }
}

.ultion-description .text h3 img {
    position: relative;
    top: -4px;
}

.listing-pods .items-3:last-child {
    margin-left: -1px!important;
}

.without-image {
    width: 100px;
    height: 100px;
    margin: 0 auto;
}

.without-image .image {
    width: 100px;
    height: 100px;
}

.without-image .image .overlayicon {
    width: 100px;
    height: 100px;
    background-color: #FFF;
    border-radius: 50%!important;
    right: calc(50% - 50px);
}

.without-image .image .overlayicon .icon {
    margin-left: 4px;
}

.without-image .image .overlayicon .icon:before {
    font-size: 48px;
    line-height: 3;
    color: rgba(var(--c5-highlight), 1);
}

.without-image .image .overlayicon:hover {
    background-color: rgba(var(--c5-highlight), 1);
}

.without-image .image .overlayicon:hover .icon:before {
    color: #FFF;
}

.review-logos .grid-section a {
    width: 300px;
    display: block;
    border: solid 1px #DDD;
    border-radius: 10px;
    box-shadow: 4px 2px 5px 2px rgba(0, 0, 0, 0.15);
    padding: 25px 0px;
    overflow: hidden;
}

.review-logos .grid-section a:hover {
    box-shadow: 6px 6px 6px 3px rgba(0, 0, 0, 0.15);
}

.review-logos .grid-section a img {
    display: table;
    margin: 0 auto;
    width: 65%;
}

.review-logos .grid-section .container .row .column:first-child a {
    float: right;
}

.review-logos .grid-section .container .row .col-md-3 > div {
    display: table;
    width: 100%;
}

.review-logos .grid-section .container .row .column:nth-child(2) a {
    margin: 0 auto;
}

@media only screen and (max-width: 1350px) {
    .review-logos .grid-section .container {
        padding-bottom: 10px;
    }
    .review-logos .grid-section .container .row .col-md-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .review-logos .grid-section a {
        width: auto;
    }
    .review-logos .grid-section .container .row .col-md-3:nth-child(2) a {
        float: left;
        margin-bottom: 20px;
    }
    .review-logos .grid-section .container .row .col-md-3:nth-child(3) a {
        float: right;
    }
    .review-logos .grid-section .container .row .col-md-3:nth-child(4) a {
        float: left;
    }
}

@media only screen and (max-width: 690px) {
    .review-logos .grid-section .row {
        margin-left: -10px;
        margin-right: -10px;
    }
    .review-logos .grid-section .container .row .col-md-3 > div p {
        margin-bottom: 10px;
        margin-top: 0px;
    }
    .review-logos .grid-section .row .col-md-3 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .review-logos .grid-section a img {
        width: 80%;
    }
    .review-logos .grid-section a {
        padding: 10px 0px;
    }
}

/*** Main Nav ***/
header {
    box-shadow: none!important;
}
header nav.main {
    position: fixed;
    height: 40px;
    top: 130px;
    left: 0px;
    width: 100%;
    background: rgba(var(--c4-bg-color1), 1);
    box-shadow: 0px 16px 15px -5px rgba(var(--true-black), var(--header-box-shadow_o));
}

header nav.main ul {
    height: 40px;
    max-width: var(--header-max-width) !important;
    margin: 0 auto;
}

header nav.main ul li {
    height: 40px!important;
}

header nav.main ul li span {
    height: 40px!important;
}

header nav.main ul li span::before {
    top: 38px!important;
    height: 2px!important;
}

header nav.main ul li span a {
    height: 40px!important;
    line-height: 40px!important;
}

.weather-widget {
    pointer-events: none;
}