:root {
    --btn-primary: #0071ad !important;
}

.btn-primary {
    background-color: var(--btn-primary) !important;
}

body {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "Lato", sans-serif;
    /* font-family: "Montserrat", sans-serif; */
}
label {
    font-size: 16px !important;
    font-family: "Lato", sans-serif;
}
p {
    font-family: "Lato", sans-serif;
    margin-bottom: 0;
    line-height: 25px;
}
.text-danger{
    color: #ff0000 !important;
}
.giftCheckbox label {
    font-size: 18px !important;
    margin: 0;
    padding-top: 4px;
}
.container {
    max-width: 1170px;
}
div#rightMenuBtn {
    font-family: montserrat;
}
#mainHeaderSec .navbar-light .navbar-nav .nav-link {
    color: #282828;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 15px;
    font-family: montserrat;
}

#mainHeaderSec .navbar-light .navbar-nav .nav-link:hover {
    color: #0071ad !important;
    border-bottom: 3px solid;
}

#mainHeaderSec .navbar-light .navbar-nav .nav-link:focus {
    color: #0071ad;
    border-bottom: 3px solid;
}

#mainHeaderSec .navbar-light .navbar-nav .nav-link:hover:focus {
    color: #0071ad;
}

/* Custom CSS for Navbar */
#mainHeaderSec .navbar-nav .nav-item.dropdown:hover .dropdown-menu {
    display: block;
}

#mainHeaderSec .navbar-nav .nav-item.dropdown:hover .nav-link {
    color: #0071ad;
}

#mainHeaderSec .navbar-nav .nav-item.dropdown:focus-within .dropdown-menu {
    display: block;
}

#mainHeaderSec .navbar-nav .nav-item:focus-within .nav-link {
    color: #0071ad;
}

#mainHeaderSec .navbar-nav .nav-item.dropdown .dropdown-menu {
    border: none;
    border-radius: 0;
    padding: 0;
}

#mainHeaderSec .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
    color: #fff;
    padding: 12px 16px;
    padding: 12px 16px;
    border-bottom: 1px solid #0281c5;
    font-family: roboto;
    font-size: 15px;
}



ul.dropdown-menu {
    background: #0071ad;
}

#mainHeaderSec .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:hover, #mainHeaderSec .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:focus {
    background-color: #3f444b;
    transition: .5s;
}

.phoneN a {
    color: #13194e;
    text-decoration: none;
    font-weight: 600;
}

.headerBookingBtn {
    background-color: #13194e;
    color: #fff;
}

.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-lg,
.navbar>.container-md,
.navbar>.container-sm,
.navbar>.container-xl,
.navbar>.container-xxl {
    align-items: flex-start;

}

section.headerBottom {
    background: #0071ad;
    color: #fff;
    padding: 63px 0 20px;
    margin-top: -74px;
    position: relative;
}

div#navbarSupportedContent {
    padding-top: 10px;
}

a.navbar-brand img {
    z-index: 1;
    position: relative;
}

footer.footer {
    background: #f6f6f6;
    padding: 4em 0;
}

.spacebox {
    height: 80px;
}

.footerLogo img {
    position: relative;
    margin-top: -134px;
}

footer.footer ul li a {
    color: #000;
    font-size: 14px;
    font-weight: 500;
}

footer.footer ul li a:hover {
    color: #0d6efd;
}

.footerBottom {
    margin: 10px 0;
}

.footerBottom p {
    font-size: 11px;
}

ul#sub-menu {
    position: absolute;
    background: #0071ad;
    top: 0;
    left: 214px;
    padding: 0;
}

#policydrop .dropdown-submenu {
    left: 160px;
}

/* main section card box start */
.rstCourse .card {
    height: 225px;
}
.bookingBox .card {
    border-color: #e9e9e9;
}

.description h5 {
    color: #0071ad;
}

.bookingBox {
    font-family: system-ui;
}

/* @media screen and (min-width: 1366px){
    div[class*=col-]{
        width: calc(25% - 20px);
    }
}
@media screen and (max-width: 1366px){
    div[class*=col-]{
        width: calc(25% - 20px);
    }
} */
div#readPolicy label {
    padding-top: 3px;
    padding-left: 3px;
}
.headerBookingBtn:hover {
    color: #fff;
}
div#nav-tabContent ul {
    padding-left: 18px;
}

h3.subTitle {
    font-size: 40px;
}
.bookingBox .card-body {
    overflow: overlay;
}
.row-cols-xxl-3 .card {
    height: 170px;
}

.bookingBox .card {
    border-color: #E9E9E9;
    height: 260px;
    max-height: 100%;
    overflow: hidden;
}
header.desktopHeader {
    display: block;
}
header.mobileHeader {
    display: none;
}

.rightArrow i {
    z-index: 1;
    position: absolute;
    color: #fff;
    right: 11px;
    bottom: 10px;
}
.rightArrow:after {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 70px solid #E9E9E9;
    border-left: 75px solid transparent;
    position: absolute;
    right: 0px;
    bottom: 0;
  }
  .eventCardSel {
    border: 2px solid #ECA71B !important;
}
.eventCardSel .rightArrow:after {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 70px solid;
    border-left: 75px solid transparent;
    position: absolute;
    right: 0;
    bottom: 0;
    border-color: #F4BC35 transparent #ECA71B transparent;
}
.payForm .card{
    height: auto !important;
}
.courseTitle {
    color: #0071AD;
}
.courseFee{
    color: #0071AD;
}
@media screen and (min-width: 601px) and (max-width: 1035px){
    div#choosePackage .containerWidth {
        width: auto !important;
    }
}
@media screen and (min-width: 601px) and (max-width: 861px){
    .freeListItem li {
        font-size: 14px;
    }
}
@media screen and (max-width: 768px) {
    .bookingBox .card {
        border-color: #E9E9E9;
        height: 350px;
        max-height: 100%;
        overflow: hidden;
    }
    
}
@media screen and (max-width: 600px) {
    #mainHeaderSec .navbar-light .navbar-nav .nav-link {
        color: #fff;
        font-size: 16px;
        font-weight: 500;
        padding: 10px 15px;
    }
    .prefDate p {
        font-size: 16px;
        width: 82%;
    }
    .seatsBook p {
        font-size: 16px;
    }
    h5.slotTitle {
        font-size: 16px;
        margin: 0;
    }
    .mainTabsec button {
        font-size: 16px !important;
    }
    div#navbarSupportedContent {
        position: absolute;
        background: #0071ad !important;
        top: 12.5em;
        width: 100%;
        right: 0;
        left: 0;
        z-index: 99999;
    }

    div#rightMenuBtn {
        margin-left: 15px;
        margin-bottom: 15px;
    }

    ul#sub-menu {
        position: relative;
        background: #0071ad;
        top: 0;
        left: 0;
        padding: 0;
    }

    #mainHeaderSec .navbar-light .navbar-nav .nav-link:hover {
        color: #fff !important;
    }

    #policydrop .dropdown-submenu {
        left: 0;
    }

    div#eventFee {
        margin-left: 0 !important;
        margin-bottom: 10px !important;
    }

    .freeListItem ul {
        display: block !important;
        text-align: left;
    }

    li#freeBoat {
        padding: 0 !important;
    }
    section.headerBottom{
        margin: 0 !important;
    }
    header.mobileHeader {
        display: block;
    }
    header.desktopHeader {
        display: none;
    }
    button#mobileToggle {
        position: relative;
        float: initial;
        padding: 6px 10px;
        background: #0071ad;
        margin-bottom: 10px;
    }
    .mobileMenuCont {
        position: absolute;
        top: 90px !important;
    }
    header.mobileHeader .navbar-light .navbar-nav .nav-link:hover:focus {
        background: #3f444b !important;
    }
    header.mobileHeader .navbar-light .navbar-nav .nav-link:hover {
        color: #fff !important;
        border-bottom: 1px solid #008ad3 !important;
    }
    h3.subTitle {
        font-size: 30px;
    }
    .navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl {
        display: inline-table !important;
    }
  
}

ul.dropdown-menu a {
    padding: 10px 15px !important;
}
a:hover,a:focus {text-decoration: none;outline: none;}

.navbar-nav > li > a{padding-top:0;padding-bottom:0}
.mainmenu{background-color:transparent;border-color:transparent;margin-bottom:0;border:0!important}
.navbar-nav > li:last-child > a{padding-right:0;margin-right:0}
.dropdown-menu{padding:0;margin:0;border:0 solid transition!important;border:0 solid rgba(0,0,0,.15);border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important}
.navbar-nav .show .dropdown-menu > li > a{padding:16px 15px 16px 25px;}
.header_bottom{background:#fff}
.header_area .header_bottom .mainmenu a, .navbar-default .navbar-nav > li > a, .header_area .header_bottom .mainmenu ul li a {
    color:#282828;
    font-size:16px;
    text-transform:capitalize;
    padding:5px 14px;
    font-family:'Roboto',sans-serif;
    display: block !important;
}
.header_area .mainmenu .active a, .header_area .mainmenu .active a:focus, .header_area .mainmenu .active a:hover, .header_area .mainmenu li a:hover, .header_area .mainmenu li a:focus, .navbar-default .navbar-nav>.show>a, .navbar-default .navbar-nav>.show>a:focus, .navbar-default .navbar-nav>.show>a:hover {
    color: #0071ad !important;
    background: #fff;
    outline: 0;
    border-bottom: 4px solid;
}
ul.dropdown-menu.subMenu li>a:hover {
    border-bottom: none;
}
/*-----./ Main Menu-----*/

.navbar-default .navbar-toggle { border-color: #fff } /*Toggle Button*/
.navbar-default .navbar-toggle .icon-bar { background-color: #fff } /*Toggle Button*/

/*==========Sub Menu=v==========*/
.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .show .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .show .dropdown-menu > li > a:hover {
    background-color: #3f444b;
    transition: .5s;
    color: #fff !important;
}
.mainmenu .collapse ul ul ul > li:hover > a{color: #0071ad;}

.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu{background:#0071ad;}
.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu{background:#0071ad}
.mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu{background:#0071ad}
.desktopHeader a{
    text-decoration: none;
}
.mainmenu a {
    font-family: montserrat !important;
    color: #282828;
    font-size: 16px;
    font-weight: 500;
}
ul.dropdown-menu.subMenu a {
    color: #fff !important;
}
ul.dropdown-menu.subMenu a {
    color: #fff !important;
    font-family: roboto !important;
    font-weight: 400;
    letter-spacing: 0.5px;
    padding: 12px 16px;
    border-bottom: 1px solid #0281c5;
    font-size: 15px !important;
}
.mainmenu .collapse ul > li:hover > a {
    color: #0071ad !important;
    /* border-bottom: 3px solid; */
}
/******************************Drop-down menu work on hover**********************************/
.mainmenu{background: none;border: 0 solid;margin: 0;padding: 0;min-height:20px;width: 100%;}
@media only screen and (min-width: 767px) {
.mainmenu .collapse ul li:hover> ul{display:block}
.mainmenu .collapse ul ul{position:absolute;top:100%;left:0;min-width:250px;display:none}
/*******/
.mainmenu .collapse ul ul li{position:relative}
.mainmenu .collapse ul ul li:hover> ul{display:block}
.mainmenu .collapse ul ul ul {
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 175px;
    display: none;
}
/*******/
.mainmenu .collapse ul ul ul li{position:relative}
.mainmenu .collapse ul ul ul li:hover ul{display:block}
.mainmenu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:250px;display:none;z-index:1}

}
@media only screen and (max-width: 767px) {
.navbar-nav .show .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 35px}
.navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 45px}
}


/* Main section start */
.formTitle {
    background: #e1e1e1;
    color: #0071ad;
    text-transform: UPPERCASE;
}
.checkbox-lg .custom-control-label::before, 
.checkbox-lg .custom-control-label::after {
  top: .8rem;
  width: 1.55rem;
  height: 1.55rem;
}
.checkbox-lg {
    height: 20px;
    width: 20px;
}
.rightArrow i {
    z-index: 1;
    position: absolute;
    color: #fff;
}
.rightArrow:after {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 70px solid #E9E9E9;
    border-left: 75px solid transparent;
    position: absolute;
    right: 0px;
    bottom: 0;
  }
  .eventCardSel {
    border: 2px solid #ECA71B !important;
}
.eventCardSel .rightArrow:after {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 70px solid;
    border-left: 75px solid transparent;
    position: absolute;
    right: 0;
    bottom: 0;
    border-color: #F4BC35 transparent #ECA71B transparent;
}
a#cboBoat2 {
    border-color: #0071AD !important;
    padding: 15px 25px;
    color: #0071AD;
    font-size: 20px;
    border-bottom: 4px solid !important;
}
button.accordion-button {
    background: #e1e1e1 !important;
    padding: 8px 20px;
}
.accordion-button:not(.collapsed){
    color: #282828;
}
button.accordion-button {
    font-size: 18px;
    font-weight: bold;
}
input[type="radio"] {
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Chrome, Safari, Opera */
    transform: scale(1.5);
}
div#carbonads {
    background: rgba(0, 0, 0, .05);
    padding: 20px 11px;
    border-radius: 5px;
}
input[type=checkbox] {
    font-size: 22px;
}
footer.footer {
    font-family: 'Montserrat';
}
.aboutCheckBox .form-check {
    padding-left: 2.3em;
}
h5 {
    font-size: 18px !important;
}
@media screen and (max-width: 600px){
    .aboutCheckBox .form-check {
        padding-left: 2.3em;
    }
    .rstCourse .card {
        height: 240px;
    }
    .giftCheckbox label {
        font-size: 17px !important;
        margin: 0;
        padding-top: 4px;
    }
    .policyCheckbox .form-check {
        text-align: left !important;
    }
    .policyRead {
        padding-top: 20px !important;
        padding: 10px;
    }
    section.headerBottom {
        background: #0071ad;
        color: #fff;
        padding: 32px 0 20px;
        margin-top: -74px;
        position: relative;
    }
    section.headerBottom h1 {
        font-size: 24px;
    }    
}