@charset "utf-8";
/* CSS Document */
@import url("https://use.typekit.net/xab4wgj.css");
html {
    scroll-behavior: smooth;
    font-size: 1rem;
}
body {
    font-family: "montserrat", sans-serif;
    font-weight: 400;
    font-style: normal;
    background-color: #1A1A1A;
}
.muc-off_stripe {
    height: 24px;
    background-color: #FF3DC1;
}
a {
    text-decoration: none;
}
a:hover {
    color: #FF3DC1;
    text-decoration: none;
}
/* ----- Start Page Header CSS ----- */
.scrolly {
    transition: .2s;
    transition-timing-function: ease-out;
    background-color: rgba(0, 50, 60, 0.9);
}
#stick {
    top: 0px;
    z-index: 99;
}
#header {
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 94px; /* Was 110px */
}
#header.scrolly a {
    color: #ffffff;
}
#header.subpage {
    background-color: rgba(0, 0, 0, 1);
}
.logobox {
    padding: 20px 0px 20px 0px;
}
/* ----- End Page Header CSS ----- */
/*
/
/
/
/
/
/
*/
/* ----- Start Page Navigation CSS ----- */
.navbar {
    display: block;
}
nav a {
    color: #ffffff;
}
.navbar-light .navbar-nav .nav-link {
    color: #000000;
    font-weight: 700;
}
.subpage .navbar-light .navbar-nav .nav-link {
    color: #ffffff;
    font-weight: 700;
}
.nav-link:hover {
    color: #FF3DC1 !important;
}
.navbar-toggler {
    border: 0px;
    color: #ffffff;
}
.burgertray {
    text-align: right;
    position: relative;
    right: -80px;
}
.scrolly * .topnav {
    padding-bottom: 30px;
}
.dropdown-item:active, .dropdown-item:hover {
    color: #ffffff;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #1e2125;
    background-color: unset;
}
.burgertray {
    overflow: visible;
    padding: 10px 0px 0px 30px; /* was 35px top */
    float: left;
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
    border-radius: 8px;
    min-width: 400px;
    color: #ffffff;
    padding: 30px 20px;
}
.navbar-toggler {
    border-color: #ffffff;
}
.dropdown-menu {
    background-color: rgba(0, 0, 0, 1); /* transparent sea */
}
.dropdown-item {
    font-weight: 700;
}
.nav_getaquote {
    padding: 0px;
    background-color: #FF3DC1;
    border-radius: 4px;
    position: relative;
    margin-left: 10px;
    color: #000000;
}
.nav_getaquote .nav-link {
    color: #ffffff !important;
}
.nav_getaquote:hover {
    background-color: #C000A7;
}
#header.scrolly a {
    color: #ffffff;
}
#header.scrolly a:hover {
    color: #D0FF00;
}
.nav-item {
    font-size: 0.9rem;
}
/* ----- End Page Navigation CSS ----- */
/*
/
/
/
/
/
/
*/
/* ----- Start Page Mainbody CSS ----- */
#mainbody {
    padding: 160px 0px;
    min-height: 600px;
    background-color: #ffffff;
}
#mainbody .heading {
    text-align: center;
}
#mainbody .heading h1 {
    text-transform: uppercase;
    font-size: 2.3rem;
    font-weight: 700;
}
.angular_tray {
    padding-top: 60px;
}
/* ----- End Page Mainbody CSS ----- */
/*
/
/
/
/
/
/
*/
/* Start Dummy Login Box Styles */
/* input[type=text]:focus-visible, .custom-button:focus-visible, .quickquote_button_quote:focus-visible, .quickquote_button_back:focus-visible, .add_country_button:focus-visible, .add_medical_button:focus-visible, .datepicker-icon:focus-visible, input[type=email]:focus-visible, input[type=date]:focus-visible, input[type=tel]:focus-visible, input[type=number]:focus-visible, select:focus-visible, .custom-toggle2:focus-visible, input[type=checkbox]:focus-visible, .custom-toggle .slider:focus-visible, .custom-toggle input[type="checkbox"]:focus-visible + .slider, input[type=range]:focus-visible, input[type=search]:focus-visible {
    outline: 6px solid #15fabc;
    border: 2px solid #ffffff;
} */
/* End Dummy Login Box Styles */
/*
/
/
/
/
/
/
*/
/* ----- Start Standard One Column Section Styles ----- */
.col-lg-12 {
    margin-bottom: 10px;
}
/* ----- End Standard One Column Section Styles ----- */
/*
/
/
/
/
/
/
*/
/* ----- Start Footer Section Styles ----- */
#footer {
    padding-top: 90px;
    padding-bottom: 70px;
    margin-bottom: 90px;
    height: 100%;
    background-color: #000000;
    border-top: 0.5px solid #00826F;
}
.regtext {
    font-size: 0.8rem;
    color: #ACACAC;
}
.regtext img {
    padding-bottom: 20px;
}
.submenu {
    /*  padding-top: 90px; */
}
.submenu a {
    color: #ACACAC;
    padding-bottom: 6px;
}
.submenu a:hover {
    color: #FF3DC1;
    border-bottom: 2px solid #FF3DC1;
}
.social {
    color: #ffffff;
    font-size: 2.4rem;
    text-align: right;
}
.social .fa-facebook, .fa-tiktok {
    padding-right: 10px;
    display: none;
}
.fa-instagram {
    display: none;
}
/* ----- End Footer Section Styles ----- */
/*
/
/
/
/
/
/
*/
/* ----- Start Quote Styles ----- */
.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
/* ----- End Quote Styles ----- */
/*
/
/
/
/
/
/
/
*/
/* ----- Start Conditional Styles ----- */
.navbar .dropdown-menu {
    display: none;
}
.navbar .dropdown-menu.show {
    display: block;
}
.collapse {
    transition: height 0.3s ease;
    scroll-behavior: smooth;
}
a:focus-visible, .accordion-button:focus-visible {
    outline: 6px solid #D3FF03;
}
/* ----- End Conditional Styles ----- */
/*
/
/
/
/
/
/
/
*/
/* ----- Start Media Queries ----- */
@media only screen and (max-width: 1240px) {
    .col-sm-1 {
        margin-bottom: 10px;
    }
    .topnav.responsive {
        position: absolute;
        right: 0px;
        width: 45%;
        height: 100vh;
        padding-top: 70px;
        padding-bottom: 40px;
        background-color: rgba(0, 45, 50, 0.8);
    }
    .topnav {
        top: 0px;
        padding: 0px;
    }
    .topnav a {
        padding: 9px 30px;
    }
    .topnav.responsive .icon {
        position: absolute;
        top: 9px;
        left: 0px;
        width: 100%;
        height: auto;
    }
    .topnav.responsive a {
        float: none;
        display: block;
        text-align: left;
        padding: 0px 30px;
        width: 70%;
    }
    .topnav.responsive a .fa .fas {
        padding-top: 14px;
    }
    .topnav a {
        display: none;
    }
    .topnav a.icon {
        float: right;
        display: block;
    }
}
@media (max-width: 1199.98px) {
    .navbar-collapse {
        position: fixed;
        top: 0;
        right: 0;
        width: 45%;
        height: 100vh;
        background-color: rgba(0, 12, 24, 0.8); /* transparent sea */
        padding-top: 60px; /* to avoid overlap with navbar brand/toggler */
        z-index: 1050;
        transition: transform 0.2s ease-in-out;
    }
    .navbar-toggler {
        position: relative;
        z-index: 1100; /* higher than .navbar-collapse */
    }
    .navbar-collapse {
        z-index: 1050;
    }
    #burger {
        color: #FF3DC1;
        font-size: 1.8rem;
    }
    .navbar-collapse:not(.show) {
        transform: translateX(100%);
    }
    .navbar-collapse.show {
        transform: translateX(0);
    }
    .navbar-nav {
        flex-direction: column;
        padding-left: 1rem;
    }
    .dropdown-menu {
        background-color: transparent;
        border: none;
    }
    .burgerlink, .nav-link {
        color: #fff !important;
    }
    .navbar-toggler {
        z-index: 1060; /* ensure it's above the menu */
    }
    .navbar-toggler:focus {
        box-shadow: unset;
    }
    .nav_getaquote {
        padding: 0px;
        background-color: unset;
        border-radius: 0px;
        margin-left: 0px;
        color: rgba(0, 0, 0, .55);
        padding-right: 20px;
    }
    .nav_getaquote .nav-link {
        color: #ffffff !important;
    }
    .nav_getaquote:hover {
        box-shadow: 0px 0px 0px 0px;
        color: #F8FF00;
        background-color: unset;
    }
	.dropdown-item {
		text-align:right;
		padding-right:20px;
	}
	.navbar-expand-xl .navbar-nav .dropdown-menu {
    padding: 10px 0px;
}
}
@media only screen and (max-width:1199px) {
    li {
        list-style-position: inside;
    }
    .burgertray {
        padding-left: 20px;
        padding-right: 20px;
    }
    .nav-item:active, .nav-item:hover {
        color: #F8FF00;
    }
    .navbar-toggler-icon i {
        color: #F8FF00;
    }
    .navbar-toggler-icon i:hover {
        color: #F8FF00;
    }
    .dropdown-menu.show, .nav-item {
        padding-right: 70px;
    }
    .nav-item.dropdown {
        color: #000000;
    }
    a.burgerlink:hover {
        color: #F8FF00 !important;
    }
    .burgertray {
        position: absolute;
        right: 40px;
    }
}
@media only screen and (max-width:768px) {
    .topnav.responsive {
        position: absolute;
        left: 0px;
        width: 100%;
        height: auto;
        padding-top: 70px;
    }
    .logobox {
        padding-left: 20px;
    }
    .dropdown-menu.show {
        text-align: left;
    }
    .navbar-collapse {
        width: 100%;
        height: auto;
        padding-bottom: 60px;
    }
    .submenu {
        padding-top: 0px;
    }
    p {
        font-size: 0.9rem;
    }
	#mainbody {
    padding: 140px 0px 70px 0px;
	}
	#mainbody .heading h1 {
    font-size: 1.4rem;
	}
	.angular_tray {
    padding-top: 20px;
	}
	.burgertray {
	padding-right: 0px;
    }
}
@media only screen and (max-width:576px) {
    .logobox {
        padding-left: 20px;
    }
    .footerdec {
        padding: 0px 0px 0px 20px;
    }
    .burgertray {
        right: 20px;
    }
    .nav a {
        font-size: 0.9rem;
    }
    .dropdown-item {
        padding: 6px 10px 6px 0px;
    }
}
@media only screen and (min-width:575px) {
    .logobox {
        padding-left: 20px;
        position: relative;
    }
    .dropdown-item {
        white-space: unset;
    }
}
@media only screen and (max-width:388px) {
    .submenu a {
        font-size: 0.8rem;
    }
}
/* ----- End Media Queries ----- */
