:root {
    --brown: #4c3519;
    --light-white: #fafafa
}

body {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: "Nunito Sans", sans-serif !important;
}

.announcement {
    text-decoration: unset !important;
    transition: all .3s ease-in-out;
}

.announcement:hover {
    text-decoration: none;
    opacity: 0.9;
}

.navHeader {
    background-color: var(--brown);
}

.navHeader p {
    font-weight: 400;
    font-style: normal;
    color: var(--light-white);
    padding: 13px 24px;
    margin: 0;
    font-size: 13.5px;
    letter-spacing: 0px;
}
.navHeader p a{
    font-weight: 400;
    font-style: normal;
    color: var(--light-white);
    font-size: 13.5px;
    letter-spacing: 0px;
    text-decoration: none;
}

.nav-wrapper {
    display: flex;
    justify-content: space-between;
    height: 178px;
    align-items: center;
    padding: 0px 14px;
}



.logo_link img {
    width: 220px;
    height: 156px;
    margin-left: -10px;
}

.logo_link {
    transition: all .3s ease-in-out;
}

.logo_link:hover {
    opacity: .9;
}

.nav-wrapper .icon {
    width: 24px;
    height: 24px;
}

.menuIcon {
    width: 5%;
}

.nav-icons {
    display: flex;
    align-items: center;
    gap: 15px;
}

.nav-icons .cart {
    margin-top: -7px;
}

.menuIcon img,
.nav-icons img {
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.menuIcon img:hover,
.nav-icons img:hover {
    opacity: 0.6;
}

.footer {
    background-color: var(--brown);
    padding: 54px 16px 40px 16px;
}

.missionText {
    line-height: 2.9rem;
}

.footer h4 {
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #FFFF;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 1.5px;
}

.footer ul li {
    margin-bottom: 11.9px;
}

.footer p,
.footer a {
    color: #fffc;
    text-decoration: none;
    transition: all .3s ease-in-out;
    font-size: 15px;
}

.footer a:hover {
    color: #ffff;
    text-decoration: none;
}

.footer__icons-items {
    display: flex;
    gap: 5px;
    margin: unset !important;
    padding: unset;
}

.footer__icons-items {
    list-style: none;
}

.footer__bottom {
    background-color: #392813;
    padding: 13.5px 0px;
}

.footer__bottom .mainBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 9px 16px 0px;
    padding-left: 24px;
}

.footer-copyright__text {
    color: #fffc;
    font-size: 12px;
}

.footer-copyright__text .poweredBy a {
    padding-right: 15px;
    color: #fffc !important;
    transition: all 0.3s ease-in-out;
}

.footer-copyright__text .poweredBy a:hover {
    text-decoration: none;
    color: #FFFF !important;
}

.currency-dropdown {
    background-color: #5b3a1e;
    /* Brown background */
    padding: 20px;
    color: #fff;
}

 .dropdown_menu_custom_stype {
    width: 230px;
    height: 260px;
    bottom: 4rem !important;
    padding: 15px;
    border: unset !important;
    border-radius: unset !important;
}
 .dropdown_menu_custom_stype:after {
    content: '';
    bottom: 100%;
    position: absolute;
    left: 24%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f0f0f0;
}

 .dropdown_menu_custom_stype .dropdown-content {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: unset !important;
    justify-content: space-between;
    align-items: center;
}

 .dropdown_menu_custom_stype .dropdown-content li {
    padding: 5px 10px;
    text-align: start;
    width: 50%;
}

 .dropdown_menu_custom_stype .dropdown-content li a:hover {
    text-decoration: unset !important;
    background-color: #F3F3F3;
}

 .dropdown_menu_custom_stype .dropdown-item {
    color: #333;
    padding: 10px;
}

.footer_bottom_model {
    width: 230px;
    height: 260px;
    bottom: 4rem !important;
    padding: 15px;
    border: unset !important;
    border-radius: unset !important;
}
 .footer_bottom_model:after {
    content: '';
    bottom: -10px;
    position: absolute;
    left: 24%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #f0f0f0;
}

.footer_bottom_model .dropdown-content {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: unset !important;
    justify-content: space-between;
    align-items: center;
}

 .footer_bottom_model .dropdown-content li {
    padding: 5px 10px;
    text-align: start;
    width: 50%;
}

 .footer_bottom_model .dropdown-content li a:hover {
    text-decoration: unset !important;
    background-color: #F3F3F3;
}

.currency-button {
    background-color: transparent;
    border: unset;
    color: #fffc;
    padding: 0px 25px 0px 0px;
    font-size: 15px;
    border-right: 1px solid rgb(172, 169, 169);
}

.currency-button i {
    font-size: 16px;
    padding-left: 5px;
}

.currency-button:hover,
.currency-button:focus {
    background-color: transparent;
    color: #FFF !important;
}

/* Icons style */
.payment-icons img {
    width: 30px;
    margin-right: 5px;
}

.paymentSection {
    display: flex;
    gap: 25px;
    align-items: center;
}




/* navbar toggle  */

.toggle-navbar {
    background-color: #FFF;
    max-width: 360px;
}

.toggle-navbar .header {
    padding: 20px;
    height: 45px;
    position: fixed;
    background-color: #FFF;
    width: 360px;
    z-index: 111;
}

.toggle-navbar .nav_footer {
    padding: 30px;
    height: 70px;
    position: fixed;
    background-color: #F2F2F2;
    width: 360px;
}

.toggle-navbar .nav_footer .currency-button {
    width: 100%;
    border: unset;
    color: #222c !important;
}

.toggle-navbar .nav_footer .currency-button:hover {
    color: #222c !important;
}

.toggle-navbar .nav_footer .dropdown-menu::after {
    left: 50%;
}

.toggle-navbar .nav_footer .dropdown-menu {
    left: 50%;
    transform: translateX(-50%);
}

.glyphicon {
    float: right;
}

.navItems {
    padding: 50px 20px 0px 20px;
    height: 88.3vh;
    overflow-y: scroll;
}

.navItems .panel {
    background-color: transparent !important;
    border: unset;
    border-bottom: 1px solid #1111111a !important;
    border-radius: unset !important;
    margin-bottom: 12px !important;
    padding-bottom: 12px;
    box-shadow: unset !important;
}

.navItems .panel .panel-body li {
    padding: 10px 0px;
}

.navItems .panel .panel-body li a {
    color: #222c !important;
    font-size: 16px;
}

.loginSection a,
.shopOnly a,
.navItems .panel .panel-body li a:hover {
    text-decoration: unset !important;
}

.navItems .panel-heading {
    background-color: transparent !important;
    border: unset !important;
    border-radius: unset !important;
    padding: 20px 0px 5px;
}

.navItems .panel-heading .panel-title a {
    text-decoration: unset;
    color: #222c !important;
}

.accordinOne .panel-body {
    padding: 0px 15px 15px 15px;
}

.accordionChieldOne .panel-heading .panel-title {
    padding-bottom: 0px;
    border-bottom: none !important;
    font-size: 16px;
    color: #222c;
}

.accordionChieldTwo .panel,
.accordionChieldOne .panel {
    margin-bottom: 10px !important;

}

.accordionChieldTwo .panel-body ul,
.accordionChieldOne .panel-body ul {
    border-left: 1px solid lightgray;
    padding-left: 15px;
}

.accordionChieldTwo .panel-heading {
    padding: 0px 0px 10px 0px;
}

.accordionChieldTwo .panel-body {
    padding: 0px 15px 0px 15px !important;
}

.navItems .Vacation-homes-list {
    padding-bottom: 0px !important;
}

.shopOnly {
    border-bottom: 1px solid #1111111a;
    padding: 5px 0px 16px;
    font-size: 16px;
    text-transform: uppercase;
}

.loginSection a,
.shopOnly a {
    color: #222c;
}

.loginSection {
    padding: 20px 0px 16px;
    font-size: 16px;
    text-transform: uppercase;
}

.fieldBox {
    padding: 40px 0px 10px 0px;
    position: relative;
}

.fieldBox input {
    border-radius: unset;
    box-shadow: unset;
    border: 1px solid #1111111a !important;
    padding: 22px 10px !important;
}

.fieldBox input::placeholder {
    font-size: 16px;
    font-weight: 300;
}

.fieldBox img {
    position: absolute;
    right: 12px;
    top: 54px;
    width: 18px;
    height: auto;
    cursor: pointer;
}

.fieldBox input:active,
.fieldBox input:focus {
    border: 1px solid #1111111a !important;
    border-color: unset;
    box-shadow: unset;
}

.contectUs {
    padding: 10px 0px 16px;
}

.contectUs h4 {
    padding-bottom: 20px;
}

.contectUs p a{
    font-size: 16px;
    color: #222c;
    transition: all .3s ease-in-out;
    text-decoration: none;
}

.contectUs p a:hover{
    color: #111;
    cursor: pointer;
}

.aboutUs .imageBox img {
    width: 100%;
}

.aboutUs .imageBox {
    transition: all .3s ease-in-out;
}

.aboutUs .imageBox:hover {
    opacity: 0.9;
}

.aboutUs h4 {
    color: #222c;
    font-weight: 400;
}

.sidebarMain .modal-dialog {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 10px !important;
    margin-right: unset !important;
    width: 360px !important;
    border: unset !important;
    box-shadow: unset !important;
    z-index: 20000;
}

.sidebarMain .modal-content {
    border: unset !important;

}

/* Modal coming from the left side */
.come-from-modal.left.fade .modal-dialog {
    left: -320px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
}

.come-from-modal.left.fade.in .modal-dialog {
    left: 0;
}

.come-from-modal.left .modal-dialog,
.come-from-modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 320px;
    height: 100%;
    transform: translate3d(0%, 0, 0);
}

.come-from-modal.left .modal-content,
.come-from-modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
    border-radius: 0px;
}

.come-from-modal.left .modal-body,
.come-from-modal.right .modal-body {
    padding: 15px 15px 80px;
}


/* large screen navbar */
.navbar-custom {
    background-color: #fff;
    height: 178px;
}

.navbar-custom .navbar-header {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.navbar-custom .navbar-brand {
    padding: 10px 0px 0px;
}

.navbar-custom .navbar-brand img {
    height: 156px;
    width: 220px;
}

.navbar-custom .nav li a {
    color: #222c;
}

.navbar-custom .navbar-left{
    display: flex;
    align-items: center;
    padding-top: 65px;
    font-size: 15px;
}
.navbar-custom .navbar-right {
    display: flex;
    align-items: center;
    padding-top: 65px;
    font-size: 14px;
}



.navbar-custom .navbar-left {
    margin-right: auto;
}

.navbar-right .currency_drop_menu {
    right: auto;
    left: -18px;
}

/* Dropdown Styling */
.navbar-nav .custom_Dropdown {
    width: 100%;
    display: none;
    position: absolute;
    background-color: #fff;
}

.navbar-nav .custom_Dropdown ul li {
    padding: 8px 5px;
    transition: all .3s ease-in-out;
    height: 30px;
}

.navbar-nav .custom_Dropdown ul li:hover {
    background-color: #1111110d;
    opacity: 1;
}

.navbar-nav .custom_Dropdown ul li a {
    text-decoration: none;
}

.large_screen_navbar .custom_Dropdown {
    width: 100%;
    box-shadow: unset;
    /* top: 18rem !important; */
    padding: 20px 20px;
}

.navbar-nav li a:hover {
    background-color: unset !important;
}

.currency_dropdown:hover .dropdown-menu {
    display: block;
}

.navbar-nav li:hover .currency_drop_menu,
.navbar-nav li:hover .custom_Dropdown {
    display: block !important;
    border-top: 1px solid rgba(197, 195, 195, 0.637) !important;
    /* Show on hover */
}

.navbar-custom .navbar-right {
    margin-left: auto;
}

.large_screen_navbar .currency-button {
    color: #222c !important;
    border: unset !important;
    padding: unset;
}

.large_screen_navbar .currency-button {
    color: #222c !important;
}

.large_screen_navbar .currency_dropdown .dropdown-menu {
    margin-top: 10px;
    box-shadow: unset !important;
    border: 1px solid #e0dfdf !important;

}

/* .large_screen_navbar .currency_dropdown .dropdown-menu::after {
    content: '';
    position: absolute !important;
    top: -10px !important;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent !important;
    border-right: 10px solid transparent !important;
    border-bottom: 10px solid #ece9e9 !important;
    border-top: unset !important;
} */

.navbar-left li.dropdown {
    position: unset !important;
}

.navbar-left li {
    position: unset !important;
}

.list-heading {
    padding: 4px;
    color: #222c;
    transition: all .3s ease-in-out;
}

.list-heading:hover {
    background-color: #1111110d;
    opacity: 1;
}

.navbar_right_section li a{
    padding-left: 12px !important;
    padding-right: 12px !important;
}

.container-ski {
    padding-top: 30px;
    padding-bottom: 30px;
}

@media(min-width:1556px) {
    .small_navbar {
        display: none;
    }

    .large_screen_navbar {
        display: block;
    }
    .site_logo img {
        margin-right: -15px;
    }
    .navbar_right_menu{
        margin-left: -17px !important;
    }
    .navbar-custom .navbar-left{
        font-size: 14px;
    }
    .navbar-custom .navbar-left li{
        height: 120px;
    }
    .navbar-custom{
        box-shadow: 0px 4px 12px rgba(0,0,0,0.1);
    }
    .custom_Dropdown{
        box-shadow: 0px 4px 12px rgba(0,0,0,0.1);
    }
}

@media(max-width:1555px) {
    .large_screen_navbar {
        display: none;
    }

    .small_navbar {
        display: block;
    }
}

@media (max-width:767px) {
    .nav-wrapper {
        height: 111px;
    }
    .logo_link img {
        width: 81px;
        height: 63px;
        margin-left: 21px;
    }

    .footer__bottom .mainBox {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;

    }

    .paymentSection {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .currency-button {
        border-right: none;
    }
    .footer__bottom__right{
        margin-top: 20px;
    }
    
}