/*   Voyager Insurance Services CSS v1.3 - thatweb.co - Feb 2025  */





/* STYLES */

html {
	font-size:18px;
}
body {
    font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.5;
    color: rgba(34,34,34,1);
    background:rgba(255,255,255,1);
    overflow-x: hidden;
    padding-top:0px;
}
main{

}
.sticky-top {
    position: inherit;
}
.spacer{
    padding:.5rem 0;
    margin:4rem 0;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #eee;
    color:#ddd;
}

.feefo-badge__image{ 
    display: block; 
    max-width: 50%; 
}
img{
    max-width: 100%;
    height: auto;
}
strong{
}




 
/* FONTS */

.lead{
    font-weight: 300;
    line-height: 1.3rem;
    font-size: 1.2rem;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .display-1, .display-2, .display-3, .display-4, .display-5, .display-6  {
    font-weight: 600;
    line-height: 1;
}
h1 span, .h1 span, h2 span, .h2 span, h3 span, .h3 span, h4 span, .h4 span, h5 span, .h5 span, h6 span, .h6 span, .display-1 span, .display-2 span, .display-3 span, .display-4 span  {
	color:inherit;
}
h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, .display-1 small, .display-2 small, .display-3 small, .display-4 small  {
	display:block;
	font-size: 80%;
	color: #666!important;
}
h1, .h1{
    font-size:1.6rem;
    font-weight: 600;
}
h2, .h2{
    font-size:1.4rem;
}
h3, .h3{
    font-size:1.3rem;
}
h4, .h4{
    font-size:1.2rem;
}
h5, .h5{
    font-size:1.1rem;
}
h6, .h6{
    font-size:1rem;
}
/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    h1, .h1{
        font-size:1.8rem;
    }
    h2, .h2{
        font-size:1.4rem;
    }
    h3, .h3{
        font-size:1.3rem;
    }
    h4, .h4{
        font-size:1.2rem;
    }
    h5, .h5{
        font-size:1.1rem;
    }
    h6, .h6{
        font-size:1rem;
    }

}





ul li{
    margin-bottom: .5rem;
}
ul li.nav-item{
    margin-bottom: 0;
}


ul.nav.text-white .nav-link{
    color:rgba(255,255,255,1);
}
ul.nav.text-white .nav-link:hover, ul.nav.text-white .nav-link:active, ul.nav.text-white .nav-link:focus{
    color:rgba(29,145,206,1);
}


ul.ticklist, ul.chevronlist{
    text-align: left!important;
    margin-left: auto!important;
    margin-right: auto!important;
    padding: 0;
    list-style-type: none;
}
ul.ticklist>li:before, ul.chevronlist>li:before{
    font-family: "Font Awesome 5 Free";
    content:"\f00c";
    margin-right:7px;
    font-weight: 700;
    color: rgba(254,198,1,1);
    display: inline-block;
    position: absolute;
    left: 0;
}
ul.chevronlist>li:before{
    content:"\f054";
}
ul.ticklist li, ul.chevronlist li{
    padding-left: 30px;
    position: relative;
}
.ticklist-white, .ticklist-white a, .ticklist-white li:before{
    color:rgba(255,255,255,1)!important;
}



.shadow-0{
    box-shadow: none!important;
}
.shadow-hover{
    box-shadow: 0 14px 28px rgba(0,0,0,0.0), 0 10px 10px rgba(0,0,0,0.0);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.shadow-hover:hover{
    box-shadow: 0 14px 28px rgba(0,0,0,0.05), 0 10px 10px rgba(0,0,0,0.05);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}



.img-blur-1{
    filter: blur(.5rem);
    transform: scale(1.05);
}
.img-blur-2{
    filter: blur(1rem);
    transform: scale(1.53);
}
.img-blur-3{
    filter: blur(2rem);
    transform: scale(1.05);
}
.img-blur-4{
    filter: blur(3rem);
    transform: scale(1.05);
}


.img-overlay{
    margin: 0;
    padding:0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}



.hover-reveal, .hover-reveal * {
    transition: all 1s ease-out;
}
.hover-reveal .img-overlay .title, .hover-reveal .img-overlay .description {
    transition: all .05s ease-out;
}
.hover-reveal{
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    background-color: rgba(0,0,0,1);
}
.hover-reveal:hover{
}
.hover-reveal picture img{
    transform: scale(1.05);
    opacity: .5;
    filter: blur(3px);
}
.hover-reveal:hover picture img{
    transform: scale(1.25);
    opacity: .3;
    filter: blur(5px);
}
.hover-reveal .img-overlay{
}
.hover-reveal:hover .img-overlay{
}
.hover-reveal .img-overlay .title{
    color: rgba(255,255,255,1);
}
.hover-reveal:hover .img-overlay .title{
    color: rgba(255,255,255,1);
}
.hover-reveal .img-overlay .description{
    color:rgba(255,255,255,1);
}
.hover-reveal:hover .img-overlay .description{
}
.hover-reveal .img-overlay .summary{
    color:rgba(255,255,255,1);
    margin:0 auto;
    max-height: 1px;
    opacity: 0;
}
.hover-reveal:hover .img-overlay .summary{
    max-height: 200px;
    opacity: 1;
}
.hover-reveal .img-overlay .options{
    margin:0 auto;
    max-height: 1px;
    opacity: 0;
}
.hover-reveal:hover .img-overlay .options{
    max-height: 200px;
    opacity: 1;
}
.hover-reveal .img-overlay .buttons{
}




/* MODAL */
.modal-backdrop{
    background-color:rgba(0,0,0,1);
    opacity: .9!important;
}
.modal a.close{
    position: absolute;
    top: 30px;
    right: 45px;
    z-index: 1;
    opacity: .75;
    cursor: pointer;
    background: rgba(255,255,255,.1);
    width: 100px;
    height: 100px;
    text-align: center;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff!important;
    text-shadow: none;
    font-size: 1rem;
}
.modal a.close span:first-of-type{
    font-size: 4rem;
    line-height: .65;
    margin: -0.3rem 0 0 0;
}
.modal a.close:not(:disabled):not(.disabled):focus, .modal a.close:not(:disabled):not(.disabled):hover {
    opacity: 1;
}

.modal-search .title{
    font-size: 5rem;
}
.modal-search a.btn{
    border: 1px solid #ced4da!important;
    padding: .5rem 1.5rem 0rem 1.4rem;
}

.modal-policyselect .modal-body{
    padding-top:5vh;
}




/* BRAND COLOURS & BUTTONS */
.btn{
    font-size: 1rem;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    border:0;
    border-radius: .2rem;
	white-space:normal!important;
	text-shadow:none!important;
    outline: none!important;
    box-shadow: none!important;
    padding: .5rem 1.8rem;
}
.btn:hover, .btn:focus, .btn:active{
    outline: none!important;
    text-shadow:none!important;
    outline: none!important;
    box-shadow: none!important;
}
.btn-sm{
    font-size: .7rem;
    /**padding: .4rem 1.5rem .3rem 1.5rem;**/
    padding: .3rem 0.5rem .3rem 0.5rem;
}
.btn-lg{
    font-size: 1.2rem;
}


.btn-quote{
    position: relative;
    padding: .3rem 1.5rem 1rem 1.5rem;
    border:0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 0;
}
.btn-quote:after{
    content: "";
    width: calc(100% + 4px);
    height: .6rem;
    background-color: rgba(255,255,255,1);
    position: absolute;
    bottom: 0;
    left: 0;
    border-top-left-radius: 2rem;
    border:0;
}

.btn-default{
    background-color:rgba(255,255,255,1)!important;
    border: 2px solid rgba(153,153,153,1)!important;
    color:rgba(153,153,153,1)!important;
}
.btn-default:hover, .btn-default:focus, .btn-default:active {
    background-color:rgba(255,255,255,1)!important;
    border: 2px solid rgba(122,122,122,1)!important;
    color:rgba(122,122,122,1)!important;
}

.btn-outline-light{
    border: 2px solid rgba(210,210,210,1)!important;
    color:rgba(33,37,41,1)!important;
}
.btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active {
    border: 2px solid rgba(170,170,170,1)!important;
}

.btn-outline-dark{
    border: 2px solid rgba(52,58,64,1)!important;
    color:rgba(52,58,64,1)!important;
}
.btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active {
    border: 2px solid rgba(52,58,64,1)!important;
    background-color:rgba(226,230,234,1)!important;
}


.btn-red{
    background-color: rgba(239,61,52,1)!important;
    border: 2px solid rgba(239,61,52,1)!important;
    color:rgba(255,255,255,1)!important;
}
.btn-red:hover, .btn-red:focus, .btn-red:active {
	background-color: rgba(191,49,42,1)!important;
    border: 2px solid rgba(191,49,42,1)!important;
	color:rgba(255,255,255,1)!important;
}


.btn-primary{
    background-color: rgba(0,169,228,1)!important;
    border: 2px solid rgba(0,169,228,1)!important;
    color:rgba(255,255,255,1)!important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: rgba(85,211,255,1)!important;
    border: 2px solid rgba(85,211,255,1)!important;
	color:rgba(255,255,255,1)!important;
}

.btn-outline-primary{
    background-color:transparent!important;
    border: 2px solid rgba(0,169,228,1)!important;
    color:rgba(0,169,228,1)!important;
}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {
    background-color: rgba(85,211,255,1)!important;
    border: 2px solid rgba(85,211,255,1)!important;
    color:rgba(255,255,255,1)!important;
}

.btn-secondary{
    background-color: rgba(254,198,1,1)!important;
    border: 2px solid rgba(254,198,1,1)!important;
    color:rgba(255,255,255,1)!important;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
    background-color: rgba(254,224,117,1)!important;
    border: 2px solid rgba(254,224,117,1)!important;
	color:rgba(255,255,255,1)!important;
}

.btn-outline-secondary{
    background-color:transparent!important;
    border: 2px solid rgba(254,198,1,1)!important;
    color:rgba(254,198,1,1)!important;
}
.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active {
    background-color: rgba(254,224,117,1)!important;
    border: 2px solid rgba(254,224,117,1)!important;
    color:rgba(255,255,255,1)!important;
}


.btn-ghost{
    background-color:rgba(255,255,255,.2)!important;
    border: 2px solid rgba(255,255,255,1)!important;
    color:rgba(255,255,255,1)!important;
}
.btn-ghost:hover, .btn-ghost:focus, .btn-ghost:active {
    background-color:rgba(255,255,255,.4)!important;
    border: 2px solid rgba(255,255,255,1)!important;
    color:rgba(255,255,255,1)!important;
}

.btn-white{
    background-color:rgba(255,255,255,1)!important;
    border: 2px solid rgba(255,255,255,1)!important;
    color:rgba(34,34,34,1)!important;
}
.btn-white:hover, .btn-white:focus, .btn-white:active {
    background-color:rgba(255,255,255,.8)!important;
    border: 2px solid rgba(255,255,255,1)!important;
    color:rgba(34,34,34,1)!important;
}

.btn-outline-white{
    background-color:transparent!important;
    border: 2px solid rgba(255,255,255,1)!important;
    color:rgba(255,255,255,1)!important;
}
.btn-outline-white:hover, .btn-outline-white:focus, .btn-outline-white:active {
    background-color:rgba(255,255,255,.4)!important;
    border: 2px solid rgba(255,255,255,1)!important;
    color:rgba(255,255,255,1)!important;
}

.btn-orange{
    background-color: rgba(255,140,40,1)!important;
    border: 2px solid rgba(255,140,40,1)!important;
    color:rgba(255,255,255,1)!important;
}
.btn-orange:hover, .btn-orange:focus, .btn-orange:active {
	background-color: rgba(255,165,105,1)!important;
    border: 2px solid rgba(255,165,105,1)!important;
	color:rgba(255,255,255,1)!important;
}

.btn-outline-orange{
    background-color:transparent!important;
    border: 2px solid rgba(255,140,40,1)!important;
    color:rgba(255,140,40,1)!important;
}
.btn-outline-orange:hover, .btn-outline-orange:focus, .btn-outline-orange:active {
    background-color:rgba(255,165,105,1)!important;
    border: 2px solid rgba(255,165,105,1)!important;
    color:rgba(255,255,255,1)!important;
}



.border-primary{
    border-color:rgba(0,169,228,1)!important;
}
.border-secondary{
    border-color:rgba(254,198,1,1)!important;
}

.text-primary{
	color: rgba(0,169,228,1)!important;
}
.text-primary2{
	color: rgba(85,211,255,1)!important;
}
.text-primary3{
	color: rgba(216,245,255,1)!important;
}
.text-secondary{
    color:rgba(254,198,1,1)!important;
}
.text-secondary2{
    color:rgba(254,224,117,1)!important;
}
.text-secondary3{
    color:rgba(255,238,180,1)!important;
}

.text-black {
    color: rgba(34,34,34,1)!important;
}
.text-default{
    color: rgba(34,34,34,1)!important;
}
.text-light {
    color: rgb(191,190,190,1)!important;
}
.text-red {
    color: rgba(239,61,52,1)!important;
}
.text-orange{
    color: rgba(255,102,0,1)!important;
}


.bg-trans{
    background-color: transparent!important;
}
.bg-primary{
	background-color: rgba(0,169,228,1)!important;
}
.bg-primary2{
	background-color: rgba(85,211,255,1)!important;
}
.bg-primary3{
	background-color: rgba(216,245,255,1)!important;
}

.bg-primary-10{
    background-color:rgba(0,169,228,.1)!important;
}
.bg-primary-20{
    background-color:rgba(0,169,228,.2)!important;
}
.bg-primary-30{
    background-color:rgba(0,169,228,.3)!important;
}
.bg-primary-40{
    background-color:rgba(0,169,228,.4)!important;
}
.bg-primary-50{
    background-color:rgba(0,169,228,.5)!important;
}
.bg-primary-60{
    background-color:rgba(0,169,228,.6)!important;
}
.bg-primary-70{
    background-color:rgba(0,169,228,.7)!important;
}
.bg-primary-80{
    background-color:rgba(0,169,228,.8)!important;
}
.bg-primary-90{
    background-color:rgba(0,169,228,.9)!important;
}


.bg-primary2-10{
	background-color: rgba(76,144,226,.1)!important;
}
.bg-primary2-20{
	background-color: rgba(76,144,226,.2)!important;
}
.bg-primary2-30{
	background-color: rgba(76,144,226,.3)!important;
}
.bg-primary2-40{
	background-color: rgba(76,144,226,.4)!important;
}
.bg-primary2-50{
	background-color: rgba(76,144,226,.5)!important;
}
.bg-primary2-60{
	background-color: rgba(76,144,226,.6)!important;
}
.bg-primary2-70{
	background-color: rgba(76,144,226,.7)!important;
}
.bg-primary2-80{
	background-color: rgba(76,144,226,.8)!important;
}
.bg-primary2-90{
	background-color: rgba(76,144,226,.9)!important;
}


.bg-primary3-10{
	background-color: rgba(173,231,255,.1)!important;
}
.bg-primary3-20{
	background-color: rgba(173,231,255,.2)!important;
}
.bg-primary3-30{
	background-color: rgba(173,231,255,.3)!important;
}
.bg-primary3-40{
	background-color: rgba(173,231,255,.4)!important;
}
.bg-primary3-50{
	background-color: rgba(173,231,255,.5)!important;
}
.bg-primary3-60{
	background-color: rgba(173,231,255,.6)!important;
}
.bg-primary3-70{
	background-color: rgba(173,231,255,.7)!important;
}
.bg-primary3-80{
	background-color: rgba(173,231,255,.8)!important;
}
.bg-primary3-90{
	background-color: rgba(173,231,255,.9)!important;
}

.bg-hero-panel{
    background-color: rgba(0,0,0,.4)!important;
    backdrop-filter: blur(3px);
}

.bg-secondary{
	background-color: rgba(254,198,1,1)!important;
}
.bg-secondary2{
	background-color: rgba(254,224,117,1)!important;
}
.bg-secondary3{
	background-color: rgba(255,238,180,1)!important;
}


.bg-secondary-10{
	background-color: rgba(254,198,1,.1)!important;
}
.bg-secondary-20{
	background-color: rgba(254,198,1,.2)!important;
}
.bg-secondary-30{
	background-color: rgba(254,198,1,.3)!important;
}
.bg-secondary-40{
	background-color: rgba(254,198,1,.4)!important;
}
.bg-secondary-50{
	background-color: rgba(254,198,1,.5)!important;
}
.bg-secondary-10{
	background-color: rgba(254,198,1,.1)!important;
}
.bg-secondary-60{
	background-color: rgba(254,198,1,.6)!important;
}
.bg-secondary-70{
	background-color: rgba(254,198,1,.7)!important;
}
.bg-secondary-80{
	background-color: rgba(254,198,1,.8)!important;
}
.bg-secondary-90{
	background-color: rgba(254,198,1,.9)!important;
}



.bg-orange{
    background-color: rgba(255,102,0,1)!important;
}
.bg-red{
    background-color: rgba(239,61,52,1)!important;
}



a{
	color:rgba(0,169,228,1);
}
a:hover, a:focus, a:active{
	color:rgba(0,169,228,1);
	outline: none;
	text-decoration: none;
}
a.text-muted:hover{
    color:rgba(0,169,228,1)!important;
}
p a{
    font-weight: 600;
}
p a:hover{
    text-decoration: underline;
}
a.underline:hover{
    text-decoration: underline;
}

.small, small {
    font-size: 75%!important;
}
.smaller {
    font-size: 70%!important;
}


/*  CMS CONTENT - CONTENT AREA  */
.content-area h2, .content-area h3, .content-area h4, .content-area h5, .content-area h6{
    margin:2rem 0 1rem 0;
}
.content-area h2:first-child{
    margin-top:0!important;
}
.content-area ul.ticklist, .content-area ul.chevronlist{
    padding-left:1.5rem;
}
.content-area p, .content-area ul li{
    font-size:90%;
}

.content-area p.lead{
    font-size:1.2rem;
    line-height: 1.6rem
}
.umb-cell-inner{
    
}
.content-area table{
    font-size: 80%;
    width: 100%;
    margin-bottom: 1rem;
    display: block;
    width: 100%;
    overflow-x: auto;
}
.content-area table td, .content-area table th{
    padding: .5rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}
.content-area hr{
    margin: 1rem 0 2rem 0;
}



/*  GROW  */
.grow{
    overflow:hidden;
}
.grow, .grow img{
    transition: all .5s ease-in-out;
}
.grow:hover img, .grow a:hover +img{
    transform: scale(1.1);
}

/*  ZOOM  */
.zoom{
    overflow:hidden;
}
.zoom, .zoom img{
    transform: scale(1.025);
}
.zoom:hover img, .zoom a:hover +img{
    transform: scale(1);
}

/*  RISE  */
.rise{
    position: relative;
    bottom:0;
  	transition: all 0.3s ease-in-out;
}
.rise:hover{
    bottom: 3px;
    transition: all 0.3s ease-in-out;
}
.rise-0:hover{
    bottom: 0;
}





/*  NAVBAR  */
.topnav-top{
    font-size: .6rem;
    min-height:10px;
    background-color:#ddd;
}
.topnav-top .nav-link{
    color:rgba(0,169,228,.8);
}
.topnav-top .nav-link:hover, .topnav-top .nav-link:active, .topnav-top .nav-link:focus{
    color:rgba(0,169,228,1);
}

.topnav-main{
    background-color: rgba(255,255,255,1);
    padding:0;
}
.topnav-main  .toggle-icon {
    font-size: 1.2rem;
    color:rgba(0,169,228,1);
}

.topnav-main .navbar-brand{
    padding:0;
}
.topnav-main img.logo{
    width: 300px;
    /* filter: drop-shadow(-1px -1px 5px rgba(255,255,255,1)); */
}
.topnav-main .nav-mob a{
    padding:.75rem .25rem .75rem 0;
    display:flex;
    border-top:1px solid #eee;
}
.topnav-main .nav-mob .item-toplevel a{
    font-weight: 700;
    color: rgba(34,34,34,1);
    text-transform: uppercase;
}
.topnav-main .nav-mob .item-sub a{
    padding:.65rem .25rem .65rem .65rem;
    background-color: rgba(0,0,0,.01);
}
.topnav-main .nav-mob .item-sub a:first-child{
    border-top:2px solid #eee;
}

.topnav-main .nav-desktop ul li.nav-item{
    font-weight: 700;
    margin:0 3px;
}
.topnav-main ul li.nav-item p, .topnav-main ul li.nav-item li{
    font-weight: 400;
}
.topnav-main ul.navbar-nav .nav-link{
    color:rgba(0,169,228,1);
    font-size:.7rem;
    font-weight: 700;
    text-transform: uppercase;
}
.topnav-main ul.subnav .nav-link{
    font-size:.74rem!important;
}
.topnav-main ul.navbar-nav .nav-link:hover, .topnav-main ul.navbar-nav .nav-link:active, .topnav-main ul.navbar-nav .nav-link:focus {
    color:rgba(29,145,206,1);
}
.topnav-main .dropdown-toggle::after {
    margin-left: .5em;
    color:#222;
}
.topnav-main .nav-desktop .card{
    padding:1rem;
    font-size: .8rem;
}
.topnav-main .nav-desktop .card .card-body{
    padding:0;
}
.topnav-main .nav-desktop .card .card-footer{
    padding: 0;
    background-color: transparent;
    border:0;
}
.topnav-main .nav-desktop .card ul{
    margin-bottom:1.5rem;
}
.topnav-main .nav-desktop .card li i{
    color:rgba(191,49,42,1);
}
.topnav-main .nav-desktop .subnav ul li.nav-item{
    font-weight:400;
    margin:0 0 5px 10px;
}
.topnav-main .nav-desktop .subnav ul li.nav-item .nav-link{
    font-weight:400;
    padding:.2rem .5rem;
    text-transform: none;
}
.topnav-main .nav-desktop .subnav li.nav-item .nav-link:hover{
    background:rgba(248,249,250,1);
}
.topnav-main .nav-desktop .news-item:first-child{
    border-right: 1px solid #dee2e6!important;
}

.topnav-social{
    min-height: 10px;
}
.topnav-social ul.nav .nav-link{
    align-items: center;
    display: flex;
    color: rgba(255,255,255,.8);
    padding: .5rem .3rem;
    margin: 0 .3rem;    
    transition: all 0.2s ease-in-out;
}
.topnav-social ul.nav .nav-link:hover{
    color:rgba(255,255,255,1);
}



/*  SUBNAV  */
.subnav{
    border: 1px solid #dee2e6;
}
ul.subnav{
    border:0;

}
.subnav ul li.nav-item{
    font-weight:400;
    margin:0 0 5px 0;
}
.subnav ul li.nav-item .nav-link{
    font-weight:400;
    padding:.6rem .5rem;
    text-transform: none;
    color:#6c757d;
}
.subnav li.nav-item .nav-link:hover{
    background:rgba(0,0,0,.025);
    color: rgba(0,0,0,1);
}
.subnav li.nav-item.active .nav-link{
    font-weight: 700;
    color: rgba(34,34,34,1);
}
.subnav li.nav-item.active .nav-link i{
    color: rgba(239,61,52,1);
}




/*  MEGA MENU  */
.megamenu.navbar{
    font-size: .85rem;
    padding-left:0;
    padding-right:0;
}
.megamenu .dropdown {
    position: static;
}
.megamenu .dropdown-menu{
    left: auto;
}
.megamenu .dropdown .dropdown-menu{
    left: 0;
    right: 0;
    top: 58px;
    padding: 20px 15px 15px 15px;
    margin:0;
    border:0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 10px solid rgba(0,169,228,1);
    box-shadow: 0 0.9rem 1rem rgba(0,0,0,.15);
    background-color: rgba(255,255,255,1);
    z-index: 1040;
}
.megamenu .dropdown-menu.fade {
    display: block;
    opacity: 0;
    pointer-events: none;
    transform: translateY(0px);
    transition: all 0.5s ease-in;
}
.megamenu .show > .dropdown-menu.fade {
    pointer-events: auto;
    opacity: 1;
    transform: translateY(10px);
    transition: all 0.5s ease-out;
}
.megamenu .show > .dropdown-menu.show {
}







/* SWIPER SLIDER */
.hero ~ .alert-container .alert{
    margin-top:0px!important;

}
.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-container-coverflow{
    padding-top: 30px;
    padding-bottom: 60px;
}
.swiper-container-coverflow .swiper-slide img {
    -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    -ms-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    -o-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.swiper-container-coverflow .swiper-slide{
    transition: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.swiper-container-coverflow .swiper-slide-next {
}
.swiper-container-coverflow .swiper-slide p{
    font-size: .9rem;
}
.swiper-slide {
    display: flex;
    background-size: cover!important;
    background-position: center center!important;
    background-repeat: no-repeat;
}
.swiper-slide-content, .swiper-slide-content-left, .swiper-slide-content-right{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width:100%;
    height:100%;
    padding:0;
}
.swiper-slide-content {
    text-align:center;
}
.swiper-slide-content-left {
    text-align:left;
}
.swiper-slide-content-right {
    text-align:right;
}
.swiper-slide-content-left .card .text, .swiper-slide-content-left .card .text{
    padding:0;
}
.swiper-slide .title-blend{
    opacity:.4;
    font-size:8vw;
    mix-blend-mode:screen;
    white-space: nowrap;
}
.swiper-slide .title {
    font-size:2rem;
    font-weight: 700;
    line-height: 100%;
    margin:0;
    color:inherit;
}
.swiper-slide .subtitle {
    font-size:1.2rem;
    line-height: 100%;
    margin:0 0 1rem 0;
    color:inherit;
}
.swiper-slide .text {
    font-size:.9rem;
    color:inherit;
}
.swiper-slide .card, .swiper-slide .card .text {
    color:#000;
    font-size:.8rem;
}
.swiper-slide .card .text.lead {
    font-size:1rem;
}
.swiper-slide .card ul li {
    margin-bottom:.7rem;
}
.swiper-container .parallax-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 130%;
    height: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
}
.swiper-container.banner-xsmall {
    height: 100px;
}
.swiper-container.banner-small {
    height: 200px;
}
.swiper-container.banner-medium {
    height: 200px;
}
.swiper-container.banner-large {
    height: 200px;
}
.swiper-container.banner-xlarge {
    height: 200px;
}
.swiper-pagination {
    bottom: 40px!important;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background-color: rgba(255,255,255,1);
}
.swiper-button-next, .swiper-button-prev{
    
}
.down-arrow-bounce{
    position: absolute;
    bottom:0;
    left: calc(50% - 35px);
    max-width:75px;
    z-index:10;
}
.down-arrow-bounce:hover{
    cursor: pointer;
}
.swiper-slide-prev .AOS-item,
.swiper-slide-duplicate-prev .AOS-item,
.swiper-slide-next .AOS-item
.swiper-slide-duplicate-next .AOS-item{
    opacity: 0 !important;
}
.swiper-slide-active .AOS-item{
    opacity: inherit;
}
.swiper-button-next:after, .swiper-button-prev:after{
    color: rgba(255,255,255,1);
}






/*  CAMPAIGN  */
.campaign-page .topnav-top{
    background-color: rgba(0,169,228,1);
}
.campaign-page .topnav-social{
    background-color: rgba(254,198,1,1);
}
.campaign-brand-banner{

}





/*  ALTERNATING ROWS (pre feb 2025)  
.alternating-rows .alternating-rows-item{
    height: 100%;
}
.alternating-rows .image{
    overflow: hidden;
}
.alternating-rows .content{
    padding:10px 20px 20px 20px;
    font-size: 80%;
    text-align:center;
}
.alternating-rows .content .btn{
    margin:5px 0;
}
.alternating-rows .content a{
    color:rgba(255,255,255,1);
}

.alternating-rows .alternating-rows-wrapper:nth-child(odd) .alternating-rows-item{
    background-color:rgba(0,169,228,.9);
    color:rgba(255,255,255,1);
    flex-direction: column;
}
.alternating-rows .alternating-rows-wrapper:nth-child(even) .alternating-rows-item{
    background-color:rgba(0,169,228,.7);
    color:rgba(255,255,255,1);
    flex-direction: column;
}
.alternating-rows .alternating-rows-wrapper:nth-child(3n+3) .alternating-rows-item{
    background-color:rgba(0,169,228,.5);
    color:rgba(255,255,255,1);
    flex-direction: column;
}
.alternating-rows .alternating-rows-wrapper:nth-child(4n+4) .alternating-rows-item{
    background-color:rgba(0,169,228,.9);
    color:rgba(255,255,255,1);
    flex-direction: column;
}
.alternating-rows .alternating-rows-wrapper:nth-child(5n+5) .alternating-rows-item{
    background-color:rgba(0,169,228,.7);
    color:rgba(255,255,255,1);
    flex-direction: column;
}
*/


.alternating-rows .image{
    display:flex;
    flex-basis:100%;
    overflow: hidden;
}
.alternating-rows .content{
    display:flex;
    flex-basis:100%;
    padding:10px 20px 10px 20px;
    font-size: 80%;
    text-align:center;
    flex-direction:column;
}
.alternating-rows .content .btn{
    margin:5px 0;
}
.alternating-rows .content a{
}

.alternating-rows .row:nth-child(odd) .item{
    flex-direction: column;
}
.alternating-rows .row:nth-child(even) .item{
    flex-direction: column;
}
.alternating-rows .row:nth-child(even) a{
}





/*  CARD GRID  */
.card-grid .title{
    min-height:30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom:1rem;
}
.card-grid .title h6{
    color: rgba(0,169,228,1);
    font-size:.8rem;
    font-weight: 700;
    padding:0 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;
    margin-bottom:0;
}
.card-grid .btn{
    max-width:150px;
    margin:.5rem auto 0 auto;
}



/*  CARD SLIDER  */
.card-slider .swiper-slide{
    text-align: center;
}
.card-slider .card-title{
    font-size:1rem;
    font-weight: 700;
    margin-top:.5rem;
    padding:.5rem 1rem 0 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;
    min-height:45px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.card-slider .card-desc{
    font-size:95%;
    padding:0 1rem;
}
.card-slider .btn{
    margin:.5rem auto 0 auto;
}



/*  OPTIONS GRID  */
.option-item{
    font-size:80%;
    height:100%;
}
.option-item span{
    display: flex;
    overflow: hidden;
    max-height:120px;
    border-radius: 50rem;
}
.option-image-bg{
    filter: blur(6px);
    transform: scale(1.5);
}
.option-image-circle{
    border-radius: 50%;
    width: 170px;
    height: 170px;
    transform: scale(1);
    margin: -140px 0 -10px -20px;
    display: flex;
    border: 2px solid rgba(255,255,255,1);
}
.option-title{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;
    height:60px;
    margin: -100px 10px 60px 140px;
    color: rgba(255,255,255,1);
    position: relative;
    font-size: .9rem;
}






/*  FAQ  */
.faq-item{
    margin-bottom:20px;
}
.faq-title h4{
    font-size: 1.1rem;
    color: rgba(239,61,52,1);
    transition: all .2s ease-in-out;
}
.faq-title.collapsed h4{
    font-size: 1.1rem;
    color: rgba(0,169,228,1);
}
.faq-title i{
    transform: rotate(-90deg);
    transition: all .2s ease-in-out;
}
.faq-title.collapsed i{
    transform: rotate(0);
    color: rgba(239,61,52,1);
}
.faq-answer{
    color:#6c757d!important;
    padding:0 20px 0 40px;
}
.faq-answer p:last-child{
    margin-bottom: 0;
}



/*  COLLAPSE LIST  */
.collapse-item{
    margin-bottom:30px;
    background-position: right top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding:1rem 0 1rem 0;
}
.collapse-title h4{
    font-size: 1.2rem;
}
.collapse-title i{
    transform: rotate(-180deg);
    transition: all .2s ease-in-out;
}
.collapse-title.collapsed i{
    transform: rotate(0);
}
.collapse-desc{
    color:#6c757d!important;
    font-size:80%;
    padding:0 25% 0 35px;
}
.collapse-desc p{
}
.collapse-desc p:last-child{
    margin-bottom: 0;
}




/* DOCUMENT LIST */
ul.doclist{

}



/* FOOTER */
footer{
}
footer {
    min-height:25px;
}
footer a{
}
footer .title{
    margin-bottom:1rem;
}
footer .footer-columns ul.nav{
    flex-direction: column;
}
footer .footer-columns li.nav-item{
    margin-bottom:.25rem;
    display:block;
}
footer .footer-columns a.nav-link{
	color:rgba(255,255,255,1);
    padding:.2rem;
    transition: all .2s ease-in-out;
}
footer .footer-columns a.nav-link:hover{
    color:rgba(255,255,255,1);
    background-color:rgba(255,255,255,.1);
    padding:.2rem 0 .2rem .4rem;
}

footer .footer-links a{
    font-size: 80%;
    color: rgba(108,117,125,1);
}
footer .footer-links a:hover{
    color: rgba(0,169,228,1);
}


footer .recaptcha img{
    max-width:60px;
}
footer .recaptcha a{
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #6c757d;
}
footer .recaptcha a:hover, footer .recaptcha a:focus{
    color: #ddd;
}
.grecaptcha-badge{
    display:none;
}


/* SOCIAL */
.social-facebook:hover{
    color:#3b5998;
}
.social-twitter:hover{
    color:#3e8eca;
}
.social-linkedin:hover{
    color:#007bb6;
}
.social-instagram:hover{
    color:#3f729b;
}
.social-pinterest:hover{
    color:#BD081C;
}
.social-houzz:hover{
    color:#7ac142;
}




/* UMBRACO SEARCH */
.searchresults{

}
.searchresults-item{
    border:1px dashed transparent;
    padding:1rem .75rem 1rem 0;
}
.searchresults-item:hover{
    border:1px dashed #ccc;
    padding:1rem 0 1rem .75rem;
}




.ui-autocomplete-loading {
    background: white url("/css/base/images/ui-anim_basic_16x16.gif") right center no-repeat;
}

.ui-autocomplete {
    position: absolute;
    cursor: default;
    z-index: 9999 !important;
} 


.twcCookieDiv{
    display: none;
    position: fixed;
    bottom:0;
    left:0;
    color:rgba(0,0,0,1);
    background:rgba(240,240,240,1);
    z-index: 9999;
    width: 100%;
    padding:20px 10% 20px 10%;
    font-size:.9rem;
}

/*  BLOG  */
.blog-article h1, .blog-article h2, .blog-article h3, .blog-article h4, .blog-article h5, .blog-article h6 {
    color: rgba(0,169,228,1);
    margin-top: 2rem;
}




.field-validation-error{
    font-size:.8rem;
    font-weight: 700;
    color:#f20;
}
.input-validation-error{
    border: 1px dashed #f20;
    background-color: rgba(255,34,0,.05);
    -webkit-animation: pulse 2s;
    -webkit-animation-iteration-count: 5;
    animation: pulse 2s;
    animation-iteration-count: 5;
}
@-webkit-keyframes pulse {
    from { border-color: transparent; }
    50% { border-color: #f20; }
    to { border-color: transparent; }
}
@keyframes pulse {
    from { border-color: transparent; }
    50% { border-color: #f20; }
    to { border-color: transparent; }
}



.widgets-trigger{
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.lnkWidgetTrigger{
    background:#fff;
}


.back-to-top {
    cursor: pointer;
    position: fixed;
    z-index: 10;
    border:2px solid rgba(0,169,228,1);
    background: #fff;
    padding:5px 10px 10px 10px;
    font-size: 1.5rem;
    line-height: 1;
    text-align: center;
    transition: all 0.3s ease-in-out;
    border-radius: 5px;
    right:10px;
    bottom: -50px;
    opacity: 0;
}
.back-to-top span {
    display:block;
    font-size: .6rem;
    font-weight: 700;
}
.back-to-top.show {
    bottom: 20px;
    opacity: 1;
}



/*  QUOTE FORMS  */

.quoteform-wrapper{
    position: relative;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-radius: 0.25rem;
    font-size: .8rem;
    padding-bottom: 2rem;
}
.quoteform-wrapper .form-section{
    margin:2.5rem 0 2rem 0;
    padding:.75rem 1rem .5rem 1rem;
    border-top:5px solid #000;
    background-color: #f7f7f7;
}
.quoteform-wrapper .form-section:first-of-type{
    margin:0 0 2rem 0;
}

.quoteform-wrapper .form-section-title-wrapper{
    margin-bottom:1rem;
}
.quoteform-wrapper .form-section-title{
    color:#000;
    margin-bottom: 0.25rem;
}
.quoteform-wrapper .form-section-intro{
    color:#999;
    font-size: .8rem;
}

.quoteform-wrapper .form-group {
    margin-bottom: 1rem;
}

.quoteform-wrapper label{
    font-weight: 600;
    margin: 0 0 0.2rem 0.2rem;
    color: #666;
}
.quoteform-wrapper .required>label:after{
    content: "*";
    font-size: .75rem;
    color:#f00;
    margin-left:.25rem;
}

.quoteform-wrapper .input-prepend{
    position: relative;
}
.quoteform-wrapper .input-prepend input{
    padding-left:30px;
}
.quoteform-wrapper .input-prepend .icon{
    position: absolute;
    top: 6px;
    left: 15px;
    font-weight: 600;
    color:#999;
    font-size: .9rem;
}

.quoteform-wrapper .custom-radio .custom-control-input~.custom-control-label {
    opacity: .5;
    margin:0;
}
.quoteform-wrapper .custom-radio .custom-control-input:checked~.custom-control-label {
    opacity: 1;
}
.quoteform-wrapper .custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: none;
}
.quoteform-wrapper .custom-control-label::after {
}
.quoteform-wrapper .custom-control-label::before {
    top: 3px;
    left: -27px;
}

.quoteform-wrapper .custom-radio .custom-control-input:checked~.custom-control-label::before {
    border-color: #007bff;
    border-width: 6px;
    background-color: #fff;
}


/*  VALIDATION  */
.error-msg{
    display:none;
    color:#f00;
    font-size: .65rem;
}
.has-error .error-msg{
    display:inline-block;
}
.has-error label{
    color:#f00;
}
.has-error input, .has-error select, .has-error textarea, .has-error .custom-radio .custom-control-label::before, .has-error .form-check-input{
    background-color:#f9efef;
}
.has-error .radios{
    margin-bottom: 0px;
}




.float-center{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    display: flex;
    align-items: center;
    justify-content: center;
}


.tint-light{
    filter:saturate(.25) opacity(.2);
}




/*   LOADING SPINNER   */
.is-spinning{
	position: relative;
    pointer-events: none;
}
.is-spinning>span:first-child{
	opacity: 0;
}
.is-spinning>span:last-child{
	position: absolute;
    left: 0;
    top: 0;
    font-size: 1.2em;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}
.is-spinning>span:last-child svg{
    width:1.25rem;
    height:1.25rem;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}





.truncate-1line{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
.truncate-2line{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
.truncate-3line{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}



.bg-black-fade-to-top{
    background: rgba(0,0,0,.4);
    background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
}
.bg-black-fade-to-bottom{
    background: rgba(0,0,0,.4);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
}







/*      S E P T  2 0 2 3   -   U P D A T E S      */


.topnav-main img.logo {
    width:unset;
    max-width: 300px;
    max-height: 100px;
}


.hero-video{
    background:#000;

}
.hero-video .tint{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}
.hero-video .overlay{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
}

.hero-video .videoContainer{
    transition: all .5s ease-out;
    position: absolute;
    width: 100%;
    left: 0;
}


.mb-6{
    margin-bottom: 4.5rem!important;
}
.mb-7{
    margin-bottom: 6rem!important;
}
.mt-6{
    margin-top: 4.5rem!important;
}
.mt-7{
    margin-top: 6rem!important;
}

.bg-light-hover:hover{
    background-color:#f9f9f9;
}



@media (max-width: 768px) {
    .hero .swiper-slide .btn, .topnav-top .nav-item .btn {
        font-size: .75em !important;
        padding: .3rem .5rem !important;
    }
}







/*      J U L Y  2 0 2 5   -   U P D A T E S      */

.modal-popup .modal-body {
    padding: 3rem 3rem 1.5rem 3rem;
}









    /*  -  -  -  -  -    R  E  S  P  O  N  I  V  E   -  -  -  -  -       */


    /*Extra-Small devices (portrait phones, 320px and up)*/
    @media (min-width: 300px) {
        .swiper-slide .title {
            font-size: 12px;
        }

        .swiper-slide .subtitle {
            font-size: 11px;
        }

        .swiper-slide .text {
            font-size: 10px !important;
            line-height: 1.3;
        }

        .swiper-container.banner-medium {
            height: 160px;
        }

        .swiper-container.banner-large {
            height: 160px;
        }

        .btn {
            font-size: 9px !important;
            font-weight: 700;
            padding: 5px;
        }
    }

    /*Small devices (landscape phones, 576px and up)*/
    @media (min-width: 576px) {
        .swiper-slide .title {
            font-size: 13px;
        }

        .swiper-slide .subtitle {
            font-size: 11px;
        }

        .swiper-slide .text {
            font-size: 11px;
            line-height: 1.5;
        }

        .swiper-container.banner-medium {
            height: 150px;
        }

        .swiper-container.banner-large {
            height: 200px;
        }

        .btn {
            font-size: 10px;
            font-weight: 700;
            padding: 10px;
        }
    }

    /*Medium devices (tablets, 768px and up)*/
    @media (min-width: 768px) {
        .grecaptcha-badge {
            display: block;
        }

        .back-to-top.show {
            bottom: 80px;
        }

        .navbar-fat .navbar-brand img {
        }

        .navbar-thin .navbar-brand img {
        }

        .grecaptcha-badge {
            display: block;
        }

        .swiper-slide-content, .swiper-slide-content-left, .swiper-slide-content-right {
        }

        .swiper-button-next, .swiper-button-prev {
            display: initial;
        }

        .swiper-slide-content-right .text {
            padding-left: 20%;
        }

        .swiper-slide-content-left .text {
            padding-right: 20%;
        }

        .swiper-slide .card {
            margin-right: 20%;
        }

        .swiper-slide .title {
            font-size: 30px !important;
        }

        .swiper-slide .subtitle {
            font-size: 15px;
            font-weight: 300;
        }

        .swiper-slide .text {
            font-size: 15px !important;
        }

        .swiper-container.banner-xsmall {
            height: 200px;
        }

        .swiper-container.banner-small {
            height: 250px;
        }

        .swiper-container.banner-medium {
            height: 350px;
        }

        .swiper-container.banner-large {
            height: 450px;
        }

        .swiper-container.banner-xlarge {
            height: 40vh;
        }

        .down-arrow-bounce {
            bottom: -20px;
            left: calc(50% - 60px);
            max-width: 120px;
        }

        .alternating-rows .image {
            flex-basis: 40%;
        }

        .alternating-rows .content {
            flex-basis: 60%;
            font-size: 80%;
            text-align: center;
            flex-direction: column;
        }

        .alternating-rows .row:nth-child(odd) .item {
            flex-direction: row;
        }

        .alternating-rows .row:nth-child(even) .item {
            flex-direction: row-reverse;
        }

        .topnav-main img.logo {
        }

        .btn {
            font-size: 15px !important;
            font-weight: 700;
            padding: 10px;
        }
    }

    /*Large devices (desktops, 992px and up)*/
    @media (min-width: 992px) {
        .sticky-top {
            position: sticky;
            top: 20px;
        }

        .swiper-container-coverflow .swiper-slide {
            opacity: .5;
        }

        .swiper-container-coverflow .swiper-slide-next {
            opacity: 1;
        }

        .subnav {
            border: 0;
        }

        .topnav-main img.logo {
        }

        .swiper-container.banner-xsmall {
            height: 200px;
        }

        .swiper-container.banner-large {
            height: 600px;
        }

        .swiper-container.banner-xlarge {
            height: 60vh;
        }
    }


    /*Extra large devices (large desktops, 1200px and up)*/
    @media (min-width: 1200px) {
        .swiper-slide-content-right .text {
            padding-left: 30%;
        }

        .swiper-slide-content-left .text {
            padding-right: 30%;
        }

        .swiper-slide .card {
            margin-right: 50%;
        }

        .topnav-main ul.navbar-nav .nav-link {
            font-size: .85rem;
        }

        .swiper-container.banner-medium {
            height: 400px;
        }

        .swiper-container.banner-xlarge {
            height: calc(100vh - 250px);
        }
    }

    /*Custom - 1500px and up)*/
    @media (min-width: 1500px) {
        .swiper-container.banner-xsmall {
            height: 250px;
        }

        .swiper-container.banner-large {
            height: 700px;
        }
    }

    /*Custom - 1750px and up)*/
    @media (min-width: 1750px) {
        .swiper-container.banner-xsmall {
            height: 250px;
        }

        .swiper-container.banner-medium {
            height: 500px;
        }

        .swiper-container.banner-large {
            height: 800px;
        }
    }

    /*Custom - Extra Extra large devices (large desktops, 1920px and up)*/
    @media (min-width: 1920px) {
        .mx-50 {
            margin-left: 25% !important;
            margin-right: 25% !important;
        }

        .mx-60 {
            margin-left: 20% !important;
            margin-right: 20% !important;
        }

        .mx-70 {
            margin-left: 15% !important;
            margin-right: 15% !important;
        }

        .mx-80 {
            margin-left: 10% !important;
            margin-right: 10% !important;
        }

        .mx-90 {
            margin-left: 5% !important;
            margin-right: 5% !important;
        }

        .swiper-container.banner-xsmall {
            height: 300px;
        }

        .swiper-container.banner-small {
            height: 600px;
        }

        .swiper-container.banner-medium {
            height: 700px;
        }

        .swiper-container.banner-large {
            height: 900px;
        }
    }