@font-face {
    font-family: Gotham;
    src:url(/wp-content/themes/thewanderers/assets/fonts/Gotham-Light.eot);
    src:url(/wp-content/themes/thewanderers/assets/fonts/Gotham-Light.eot?#iefix) format('embedded-opentype'),
    url(/wp-content/themes/thewanderers/assets/fonts/Gotham-Light.woff) format('woff'),
    url(/wp-content/themes/thewanderers/assets/fonts/Gotham-Light.ttf) format('truetype');
    font-weight:300;
    font-style:normal
}
@font-face {
    font-family: Gotham;
    src:url(/wp-content/themes/thewanderers/assets/fonts/Gotham-Medium.eot);
    src:url(/wp-content/themes/thewanderers/assets/fonts/Gotham-Medium.eot?#iefix) format('embedded-opentype'),
    url(/wp-content/themes/thewanderers/assets/fonts/Gotham-Medium.woff) format('woff'),
    url(/wp-content/themes/thewanderers/assets/fonts/Gotham-Medium.ttf) format('truetype');
    font-weight:500;
    font-style:normal
}
@font-face {
    font-family: Gotham;
    src:url(/wp-content/themes/thewanderers/assets/fonts/Gotham-Book.eot);
    src:url(/wp-content/themes/thewanderers/assets/fonts/Gotham-Book.eot?#iefix) format('embedded-opentype'),
    url(/wp-content/themes/thewanderers/assets/fonts/Gotham-Book.woff) format('woff'),
    url(/wp-content/themes/thewanderers/assets/fonts/Gotham-Book.ttf) format('truetype');
    font-weight:400;
    font-style:normal
}
@font-face {
    font-family: Gotham;
    src:url(/wp-content/themes/thewanderers/assets/fonts/Gotham-Black.eot);
    src:url(/wp-content/themes/thewanderers/assets/fonts/Gotham-Black.eot?#iefix) format('embedded-opentype'),
    url(/wp-content/themes/thewanderers/assets/fonts/Gotham-Black.woff) format('woff'),
    url(/wp-content/themes/thewanderers/assets/fonts/Gotham-Black.ttf) format('truetype');
    font-weight:900;
    font-style:normal
}
@font-face {
    font-family: Gotham;
    src:url(/wp-content/themes/thewanderers/assets/fonts/Gotham-Bold.eot);
    src:url(/wp-content/themes/thewanderers/assets/fonts/Gotham-Bold.eot?#iefix) format('embedded-opentype'),
    url(/wp-content/themes/thewanderers/assets/fonts/Gotham-Bold.woff) format('woff'),
    url(/wp-content/themes/thewanderers/assets/fonts/Gotham-Bold.ttf) format('truetype');
    font-weight:700;
    font-style:normal
}

html, body, div, h1, h2, h3, h4, h5, h6, p, ul, li, a, * { font-family: Gotham; font-style: normal; margin: 0; padding: 0; font-size: 16px; }
html { overflow-x: hidden; }
.pb-0 { padding-bottom: 0 !important; }
.pb-10 { padding-bottom: 10px !important; }
.pb-20 { padding-bottom: 20px !important; }
.pb-30 { padding-bottom: 30px !important; }
.pb-40 { padding-bottom: 40px !important; }
.pb-50 { padding-bottom: 50px !important; }
.twt-container { max-width: 1360px; margin: 0 auto; }
.twt-container-fluid { max-width: 100%; margin: 0 auto; }
.twt-row { padding: 40px 0 20px; }
.flex-box { display: flex; justify-content: space-between; }
.flex-valign { align-items: center; }
.header { background: #ffffff; height: auto; width: 100%; position: fixed; top: 0; left: 0; z-index: 1500; display: block;} /* fw css */
.brand-logo { height: auto; width: 250px; padding: 5px 0; margin: 10px 0 0; position: relative; z-index: 100; }
.brand-logo a img { width: 100%; height: 64px;}
.navigation-links { height: fit-content; }

#top-menu { display: flex; align-items: center; } /* fw css */
#top-menu li { padding: 0 15px 0; } /* fw css */
#top-menu li a { display: block; padding: 14px 0 10px 0; color: #064f9e; text-decoration: none; font-size: 12px; text-transform: uppercase; position: relative; font-weight: 500; } /* fw css */
#top-menu >li a::after { content: ""; display: block; width: 0; height: 1px; background-color: #e18d4b; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); transition: width .3s ease-in-out; }
#top-menu > li:hover > a { color: #3c6; }
#top-menu > li:hover > a::after { width: 100%; }

#top-menu li.hamberg-menu { position: relative; top: 0px; width: 47px; }
#top-menu li.hamberg-menu .hmbrgmnu { cursor: pointer; }
#top-menu li.hamberg-menu .top-heading svg { color: #064f9e; font-size: 18px; } /* fw css */
#top-menu li.hamberg-menu .dropdown { width: 172px; left: auto; color: #fff; padding: 10px 0; margin: 0; display: none; position: absolute; overflow: hidden; top: 100%; background-color: #000000; right: 0; }
#top-menu li.hamberg-menu .dropdown.active { display: block; }
#top-menu li.hamberg-menu .dropdown ul li a { font-size: 11px; color: rgba(256,256,256, 0.5); text-transform: uppercase; display: block; width: fit-content; text-wrap: nowrap; transition: all 0.2s ease-in-out; position: relative; }
#top-menu li.hamberg-menu .dropdown ul li a::after { content: ""; display: block; width: 0; height: 1px; background-color: #e18d4b; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); transition: width .3s ease-in-out; }

#top-menu li.hamberg-menu .dropdown ul li:hover a { color: rgba(51,204,102, 1); }
#top-menu li.hamberg-menu .dropdown ul li:hover a::after { width: 100%; }
@media only screen and (max-width:1024px){
   .brand-logo {
    width: 200px;
   }
   #top-menu li {
        padding: 0 5px 0;
    }
}
@media only screen and (max-width:767px){
    #top-menu li.hamberg-menu .dropdown{
        color: #064f9e;
        background: #fff;
        width: 100%;
    }
    #top-menu li.hamberg-menu .dropdown ul li a{
        color: #064f9e;
        font-size: 12px;
    }
}
.hmpg-banner { margin-top: 48px; position: relative; }
.viewmore-cta { position: absolute; left: 50%; transform: translateX(-50%); z-index: 999; max-width: fit-content; margin: inherit; margin-top: -80px; }
.twt-btn { font-size: 14px; background-color: #ffffff; border: 1px solid #33cc66; padding: 15px 30px 12px; border-radius: 30px; cursor: pointer; transition: 0.2s ease-in-out; text-decoration: none; display: block; width: fit-content; }
.twt-btn.view-more { color: #000000; margin: 0 auto; }
.twt-btn:hover { background-color: #33cc66; color: #ffffff; }
/*.twt-btn > svg { color: #e18d4b; margin-right: 6px; transition: 0.2s ease-in-out; }
.twt-btn:hover > svg { color: #ffffff; }*/
.swiper-horizontal { height: 630px; }
.swiper-slide > a { text-decoration: none; }
.swiper-slide .swiper-image { position: relative; background-color: #000000; }
.swiper-slide .swiper-image img { width: 100%; }
.swiper-slide .swiper-image::after { content: ""; display:block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.25); }
.swiper-slide .swiper-text { position: absolute; top: 30%; left: 50%; transform: translateX(-50%); width: 100%; }
.swiper-slide .swiper-text h2 { font-size: 32px; color: #ffffff; font-weight: 700; text-align: center; margin-bottom: 10px; }
.swiper-slide .swiper-text h4 { font-size: 24px; font-weight: 300; color: #ffffff; text-align: center; }
.swiper-pagination-bullet { width: 8px; height: 8px; outline: 2px solid #ffffff; background-color: #ffffff; opacity: 1; transition: 0.5s ease-in-out; }
.swiper-pagination-bullet-active { background-color: #3c6; outline: 3px solid #ffffff; width: 13px; height: 13px; }
.vshaped-mask { position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; }
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { top: inherit; bottom: 10%; }
.swiper-button-next, .swiper-button-prev, .swiper-pagination { display: none; }
.swiper-slide .swiper-text h1 { text-align: center; font-size: 60px; font-weight: 500; text-transform: uppercase; } /* fw css */


/**
BODY CONTENT STYLING
*/

.static { padding: 5% 0; }
.static h2 { padding: 2% 0; font-size: 20px; font-weight: 600; }
.static h3 { padding: 2% 0; font-size: 18px; font-weight: 500; }
.static p { padding-bottom: 20px; font-size: 14px; line-height: 22px; }
.static strong { font-weight: 500; }
.static ul.static-list { list-style: none; }
.static ul.static-list li { margin-bottom: 10px; position: relative; padding-left: 20px; font-size: 14px; line-height: 22px; }
.static ul.static-list li::before { content: ""; display: block; position: absolute; top: 7px; left: 0px; width: 8px; height: 8px; background-color: #000000; border-radius: 25px; }

/**
FOOTER STYLING
*/

.footer-top { background-color: #282828; padding: 2% 0; }
ul.footer-menuitems li { margin-bottom: 5px; }
ul.footer-menuitems li a { display: block; font-size: 12px; color: #ababab; text-decoration: none; text-transform: uppercase; padding: 10px 0 0; position: relative; transition: all 0.2s; width: fit-content; }
ul.footer-menuitems li a::after { content:""; width: 0; height: 1px; background-color: #e18d4b; position: absolute; bottom: -5px; left: 0; transition: all 0.2s ease-in-out; }
ul.footer-menuitems li a:hover { color: #33cc66; }
ul.footer-menuitems li a:hover::after { width: 100%; }

ul.social-items { list-style: none; display: flex; flex-wrap: wrap; width: 54%; }
ul.social-items li { display: block; position: relative; margin-right: 5px; margin-bottom: 6px; border-radius: 5px; }
ul.social-items li a { display: block; font-size: 20px; color: #ffffff; padding: 8px 0; border-radius: 5px; background-color:#676464; width: 45px; text-align: center; transition: all 0.2s ease-in-out; }

ul.social-items li a.facebook:hover { background: #4267B2; }
ul.social-items li a.twitter:hover { background: #1DA1F2; }
ul.social-items li a.googleplus:hover { background: #DB4437; }
ul.social-items li a.linkedin:hover { background: #1986c6; }
ul.social-items li a.instagram:hover { background: #7a5543; }
ul.social-items li a.youtube:hover { background: #FF0000; }


.footer-bottom { background-color: #000000; padding: 20px 0; }
.footer-menuitems-policies { list-style: none; }
.footer-menuitems-policies li { display: inline-block; }
.footer-menuitems-policies li a { display: block; text-decoration: none; font-size: 12px; color: #ababab; padding: 5px 0 5px 0; margin-right: 10px; width: fit-content; transition: all 0.2s; position: relative; }
.footer-menuitems-policies li a::after { content:""; width: 0; height: 1px; background-color: #e18d4b; position: absolute; bottom: 0px; left: 0; transition: all 0.2s ease-in-out; }
.footer-menuitems-policies li a:hover { color: #33cc66; }
.footer-menuitems-policies li a:hover::after { width: 100%; }
.footer-bottom .copyrights { font-size: 11px; color: #ababab; font-weight: 400; padding: 5px 0; text-align: right; text-transform: uppercase; }
@media (max-width: 768px){

    .navigation-links #ddmenu {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }


    /* Make search button sit on right side */
    .navigation-links #top-menu > li ul .srch-btn {
        position: absolute;
        left: 5px;
        top: 0px;
        z-index: 999;
    }

    /* Prevent layout breaking */
    .navigation-links #top-menu li {
        white-space: nowrap;
    }
    .navigation-links #top-menu li:first-child {
        padding-top: 30px;
    }
}