body{padding: 0;margin: 0;}
*{box-sizing: border-box;color: #333;font-family: 'Roboto', sans-serif}


.container-small{width: 100%;max-width: 930px;padding: 0 15px;margin: 0 auto}
.container-medium{max-width: 1100px;margin: 0 auto;}
.btn-outline-white{background: transparent;color: #fff;border-color: #fff;min-width: 150px;padding: 11px 15px;}
.btn-outline-white:hover{background: #fff;color: #33cc66}
.d-flex {display: flex}
.align-items-center {align-items: center}
.flex-wrap{flex-wrap: wrap}
h1,h2,h3,h4,h5,h6{font-family: 'Roboto', sans-serif;font-weight: 700;}
a{color: #33cc66}
p{font-family: 'Roboto', sans-serif;}
h2{font-size: 40px;}
h4{font-size: 20px}
.text-white, .text-white > *{color: #fff}
.bg-theme{background: #33cc66;}
.bg-white{background: #fff}
img{max-width: 100%;}

header{padding-top: 30px;z-index: 9;position: absolute;left: 0;right: 0;}
header .logo-brand .brand{max-width: 390px;padding: 0 10px;display: block;}
header .logo-brand .brand img{max-width: 100%;width: auto;}
header .navbar{padding: 0 10px;margin: 0;border: 0;min-height: auto;}
header .navbar:after, header .navbar:before{content: none}
header .navbar ul{list-style: none;display: flex;margin: 0;padding: 0;}
header .navbar ul li a{font-family: 'Roboto', sans-serif;font-weight: 700;color: #fff;font-size: 1.25em;padding: 0.55vw 1.56vw;display: block;}
header .navbar ul li a:hover{color: #23ce60;text-decoration: none}
.dropdown .dropMenu {position: absolute;padding: 5px;background: rgba(255,255,255,0.75);top: calc(100% - 0.25vw);left: 0;margin-left: 1.56vw;opacity: 0;visibility: hidden;transition: opacity 0.15s;}
.dropdown .dropMenu ul {list-style: none;padding: 0;display: flex;flex-direction: column;}
.dropdown .dropMenu ul li a{padding: 0.35vw 0.55vw;line-height: normal;color: #333;font-weight: 400;font-size: 1rem;}
.dropdown:hover > a{color: #23ce60}
.dropdown:after{transition: transform 0.15s;position: absolute;content: '';top: 22px;right: 5px;width: 0;height: 0;border-top: 5px solid #fff;border-left: 5px solid transparent;border-right: 5px solid transparent}



main > *{overflow: hidden}
.banner{min-height: 100vh;position: relative;z-index: 0;display: flex;align-items: center;flex-direction: column;justify-content: center;padding-block: 5rem;overflow: inherit;}
.banner .banner-img{width: 100%;height: 100%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.banner .banner-img img{width: 100%;height: 100%;object-fit: cover}
.banner .banner-img iframe{width: 100%;height: 100%}
.banner .banner-img video{width: 100%;height: 100%;object-fit: cover;}
.banner .banner-img:after{position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,0.1);content: '';}
.banner .banner-content{position: relative;z-index: 9;width: 100%;text-align: center}
.banner .banner-content .banner-caption h2{font-family: 'Roboto', sans-serif;font-weight: 700;margin: 0;font-size: 55px;color: #fff;}
.search-campus-filter{padding: 50px 0;display: flex;justify-content: center;align-items: flex-start;}
.search-campus-filter .search-group{display: flex;width: calc(100% - 15px - 25%);margin-right: 15px;align-items: flex-start;justify-content: flex-start;background: #fff;border-radius: 4px;}
.search-campus-filter .search-group .form-control{color: #33cc66;font-family: 'Roboto', sans-serif;font-weight: 700;background: transparent;border: 0;border-radius: 0;font-size: 25px;padding: 10px 20px;box-shadow: none;height: 57px;}
.search-campus-filter .search-group .form-control::placeholder{color: #383838}
.search-campus-filter .search-group .search-box{position: relative;width: 100%}
.search-campus-filter .search-group .ui-helper-hidden-accessible{display: none}
.search-campus-filter .btn-success{font-size: 25px;padding: 10px 19px;font-family: 'Roboto', sans-serif;font-weight: 700;}
.search-campus-filter .search-group .bd-dropdown button{position: relative;outline: 0;font-size: 25px;font-family: 'Roboto', sans-serif;font-weight: 700;color: #383838;width: 125px;padding: 20px;text-align: left;border: 0;background: #fff;}
.search-campus-filter .search-group .bd-dropdown button:after{content: '';position: absolute;right: 15px;top: calc(50% - 6px);width: 7px;transform: rotate(-45deg);height: 7px;border: 1px solid transparent;border-left-color: #383838;border-bottom-color: #383838;}
.search-campus-filter .search-group .bd-dropdown.open button:after{    top: calc(50% - 1px);transform: rotate(135deg);}
.corona {
    background: rgba(0,0,0,.5);
    flex: 0 0 100%;
    max-width: calc(100% - 15px - 25%);
    text-align: center;
    padding: 10px;
    margin: 0 50px;
}
.corona h4{margin: 0 0 10px;color: #fff;font-size: 20px}
.corona p{font-size: 14px;color: #fff;margin: 0}
.corona p i{color: #fff}
.bd-dropdown .dropdown-menu input[type="checkbox"]{opacity: 0;margin: 0;}
.bd-dropdown .dropdown-menu{min-width: auto;margin: 0px auto 0;padding: 15px;left: 50%;transform: translateX(-50%);box-shadow: -3px -6px 19px -2px rgba(0,0,0,0.22);border-radius: 7px;}
.bd-dropdown .dropdown-menu li:not(:last-child){margin-bottom: 7px;white-space: nowrap;}
.styled-checkbox {position: absolute;opacity: 0;height: 0;}
.styled-checkbox + label {position: relative;cursor: pointer;padding: 0;margin: 0;font-size: 14px}
.styled-checkbox + label:before {content: '';margin-right: 5px;display: inline-block;vertical-align: inherit;width: 10px;height: 10px;border: 1px solid #000;background: white;}
.styled-checkbox:hover + label, .styled-checkbox:checked + label{color: #33cc66}
.styled-checkbox:hover + label:before, .styled-checkbox:checked + label:before {background: #33cc66;border-color: #33cc66;}
.styled-checkbox:focus + label:before {box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);}
.styled-checkbox:checked + label:before {background: #33cc66;}
.styled-checkbox:disabled + label {color: #b8b8b8;cursor: auto;}
.styled-checkbox:disabled + label:before {box-shadow: none;background: #ddd;}

.gifImg{position: absolute;border: 3px solid #dedede;width: 200px;height: 200px;border-radius: 50%;box-shadow: 60px 0px 70px 0px rgba(0,0,0,0.08);overflow: hidden}
.gifImg img, .gifImg > *{width: 100%;height: 100%;object-fit: cover;object-position: center}

.walkTimes{padding: 65px 0;background: #f9f9f9;}
.walkTimeImg {position: relative;}
.walkTimeImg img{max-width: 100%;}
.walkTimeImg .walkTimeMacGif {right: 10px;top: 0;}
.walkTimeImg .walkTimeMacGif img{object-position: 10%;}
.walkTimes .walkTimeQuote h2{margin-top: 12px}
.walkTimes .walkTimeQuote p{font-size: 18px;margin-bottom: 15px;}
.walkTimes .walkTimeQuote a{font-size: 18px;font-style: italic}

.perPersonUnit{max-width: 100%;margin: 0;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;padding: 65px 0 80px;}
.perPersonUnit .perPersonImg{max-width: 600px;position: relative;margin-left: -15px;}
.perPersonUnit .perPersonImg img{max-width: 100%;}
.perPersonUnit .perPersonImg .perPersonGif-1{top: 40px;left: 140px;}
.perPersonUnit .perPersonImg .perPersonGif-1 img{object-position: 62%}
.perPersonUnit .perPersonImg .perPersonGif-2{bottom: 80px;left: 80px;}
.perPersonUnit .perPersonImg .perPersonGif-2 img{object-position: left}
.perPersonUnit .perPersonQuote{max-width: 450px;padding: 0 15px;margin: 0 auto;}
.perPersonUnit .perPersonQuote p{font-size: 18px;}
.perPersonUnit .perPersonQuote a{font-style: italic;font-size: 18px;}

.walkTimes.Search-Filters{background: #fff}
.Search-Filters .walkTimeImg .walkTimeMacGif {top: 20px;right: 25px;}
.Search-Filters .walkTimeImg .walkTimeMacGif img{object-position: center}

.searchState{padding: 60px 15px;overflow: hidden;}
.map-list{background: #fff;border-radius: 7px;box-shadow: 1px 0px 7px 7px rgba(0,0,0,0.05);padding: 25px 30px;max-height: 590px;}
.map-list #get-loc{padding: 0 0 15px;}
.map-list #get-loc h2{margin: 0;font-size: 25px;}
#USA-map{width: 100%;height: 600px;}
.get-list{list-style: none;margin: 0;padding: 0;max-height: 498px;overflow: auto;}
.get-list li{padding: 5px 0;font-family: Ambient;font-size: 15px;}
.get-list li a {color: #333;}
.walkTimes.SeamLess{background: #33cc66;}
.walkTimes.SeamLess .walkTimeImg{display: flex;padding-left: 4.5vw;flex-wrap: wrap;justify-content: space-around;align-items: center}
.walkTimes.SeamLess .walkTimeImg img{max-width: 40%;margin: 10px 0}

.getApp{padding: 60px 0;}
.getApp .getAppQuote p{font-size: 18px}
.getApp .getAppQuote a{font-style: italic;font-size: 18px}
.getApp .os-logo{margin-top: 45px;display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;}
.getApp .os-logo img{max-width: 160px;}
.getApp .os-logo img{margin: 10px 15px;}

.padNews{padding: 20px 0 60px;}
.padNews .logo-list{margin: 0;padding: 40px 15px 0;list-style: none;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.padNews .logo-list .slick-track{display: flex;align-items: center}
.padNews .logo-list li{padding: 0 15px;width: 20%}
.padNews .logo-list li img{max-height: 90px;width: auto;max-width: 100%;margin: 0 auto;}
.logo-list .slick-list{width: 100%;}

footer{padding: 30px 0;}
.socialList{list-style: none;margin: 0;padding: 0;display: flex;justify-content: center;align-items: center;}
.socialList li{padding: 0 6px;}
.socialList li a{width: 50px;height: 50px;border-radius: 50%;background: #33cc66;display: flex;justify-content: center;align-items: center;color: #fff;transition: 0.15s all linear;}
.socialList li a:hover{background: #fff;color: #23ce60;text-decoration: none;box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 40px 1px;}
.socialList li a .fab{font-size: 23px;color: inherit}
footer hr{margin: 30px 0;}
.footer-menu{list-style: none;margin: 0 0 15px;padding: 0;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.footer-menu li{position: relative;padding: 5px 20px;}
.footer-menu li:not(:first-child):after{content: '';position: absolute;left: 0;top: 13px;width: 8px;height: 8px;border-radius: 50%;background: #33cc66;}
.footer-menu li a{font-family: 'Roboto', sans-serif;font-weight: 700;font-size: 18px;color: #33cc66}
.footer-menu + p{margin: 0;text-align: center;font-size: 15px;color: rgba(53, 53, 53, 0.5);}

.burger-container{display: none}
.slick-dots{padding: 0;list-style: none;margin: 20px auto 0;display: flex;justify-content: center;}
.slick-dots li{padding: 0 5px;}
.slick-dots li button{text-indent: -999px;width: 10px;padding: 0;height: 10px;border-radius: 100%;border: 0;background: #dedede;}
.slick-dots li.slick-active button{background: #33cc66}

.all_location_list {position: absolute;width: calc(100% - 30px);background: #fff;color: #fff;display: none;border-radius: 7px;box-shadow: -3px -6px 19px -2px rgba(0,0,0,0.22);z-index: 9;margin: 10px auto 0;left: 0;right: 0;padding: 5px 0;}
.all_location_list .locations_list {height: 220px;overflow: auto;padding-left: 0;text-align: left;margin: 0; }
.all_location_list .locations_list li a{color: #000;display: block;padding: 10px 15px;font-family: 'Roboto', sans-serif;font-weight: 700;font-size: 18px}
.all_location_list .locations_list li:hover a{background: #33cc66;color: #fff;}
.all_location_list .locations_list li a:hover{text-decoration: none}

.ui-autocomplete {height: 300px;overflow-y: auto; position: absolute;width: calc(100% - 30px);background: #fff;color: #fff;display: none;border-radius: 7px;box-shadow: -3px -6px 19px -2px rgba(0,0,0,0.22);z-index: 9;margin: 10px auto 0 !important;left: 0;right: 0;padding: 5px 0;}
.ui-autocomplete .ui-menu-item {overflow: auto;padding-left: 0;text-align: left;margin: 0; }
.ui-autocomplete li .ui-menu-item-wrapper{color: #000;display: block;padding: 10px 15px;font-family: 'Roboto', sans-serif;font-weight: 700;font-size: 18px}
.ui-autocomplete li:hover .ui-menu-item-wrapper, .ui-autocomplete li .ui-menu-item-wrapper.ui-state-active{background: #33cc66;color: #fff;border: 0;margin: 0;}
.ui-autocomplete li .ui-menu-item-wrapper:hover{text-decoration: none}
.ui-autocomplete::-webkit-scrollbar{width:16px;background-color:#f7f7f7;border-radius:16px}.ui-autocomplete::-webkit-scrollbar-thumb{background-color:#d0d0d0;border-radius:16px;border:4px solid #f7f7f7}.ui-autocomplete::-webkit-scrollbar-track{background-color:#f7f7f7;border-radius:16px;border:4px solid #f7f7f7}

.bd-dropdown{display: none}


@media(min-width: 768px){
    .dropdown:hover .dropMenu{opacity: 1;visibility: visible}
    .dropdown:hover:after{transform: rotate(180deg);border-top-color: #23ce60}

}

@media (max-width:1649px){
    header .navbar ul li a{
        font-size: 1rem;
        line-height: 24px;
    }
}

@media (max-width:1399px){
    header .navbar ul li a {
        padding-inline: 12px;
    }
    
    header .navbar ul li .btn.btn-outline-white {
        min-width: auto;
        margin-left: 12px;
    }
    
    
    header .navbar ul .dropdown:after {
        right: -2px;
        top: 15px;
    }
}

@media(max-width: 1199px){
    header .navbar ul li a {
        font-size: .80rem;
        line-height: 24px;
        padding-inline: 10px;
    }
    .banner .banner-content .banner-caption h2{font-size: 45px}
    .gifImg{width: 160px;height: 160px;}
    .walkTimeImg .walkTimeMacGif {right: 20px;top: 10px;}
}

@media(max-width: 991px){
    h2{font-size: 30px}
    h4{font-size: 17px}
    p{font-size: 16px}

    .btn-outline-white{min-width: auto}
    header .logo-brand .brand img{max-width: 150px}
    header .navbar ul li a{padding: 0.5vw 0.95vw;font-size: 1em;}
    header .navbar ul li a.btn{padding: 0.5vw 1vw}
    .dropdown:after{border-top: 3px solid #fff;    border-left: 3px solid transparent;border-right: 3px solid transparent;top: 15px;right: 0;}

    .search-campus-filter .search-group .form-control{height: 64px;font-size: 21px;padding: 18px 25px;}
    .search-campus-filter .search-group .bd-dropdown button{font-size: 20px;padding: 18px 20px;border: 0;border-radius: 0;}
    .search-campus-filter .btn-success{font-size: 21px;}

    .banner .banner-content .banner-caption h2{font-size: 40px}
    .gifImg{width: 110px;height: 110px;}
    .walkTimeImg .walkTimeMacGif {right: 20px;top: 10px;}
    .perPersonUnit .perPersonQuote p, .perPersonUnit .perPersonQuote a, .walkTimes .walkTimeQuote p, .walkTimes .walkTimeQuote a{font-size: 15px;}
    .perPersonUnit .perPersonImg .perPersonGif-1{left: 80px;top: 30px;}
    .perPersonUnit .perPersonImg .perPersonGif-2{left: 50px;bottom: 60px;}
    .Search-Filters .walkTimeImg .walkTimeMacGif{right: 20px;top: 10px;}
    #USA-map{height: 450px;margin-bottom: 15px;}

    .burger-container {display: block;position: absolute;z-index: 99;right: 0px;top: calc(50% - 1.7em);display: inline-block;height: 3.13em;width: 3.13em;cursor: pointer;-webkit-transform: rotate(0deg);transform: rotate(0deg);transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: transparent;}
    .burger-container #burger {width: 1.6em;height: 0.5em;position: relative;display: block;margin: -4px auto 0;top: 50%;}
    .burger-container #burger .bar.topBar {-webkit-transform: translateY(0px) rotate(0deg);transform: translateY(0px) rotate(0deg);}
    .burger-container #burger .bar {width: 100%;height: 2px;display: block;position: relative;background: #fff;transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);transition-delay: 0s;}
    .burger-container.nav-active {-webkit-transform: rotate(90deg);transform: rotate(90deg);}
    .burger-container.nav-active #burger .bar.topBar {-webkit-transform: translateY(5px) rotate(45deg);transform: translateY(5px) rotate(45deg);}
    .burger-container.nav-active #burger .bar {transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);transition-delay: 0.2s;}
    .burger-container.nav-active #burger .bar.btmBar {top: 0;-webkit-transform: translateY(3px) rotate(-45deg);transform: translateY(3px) rotate(-45deg);}
    header{flex-wrap: wrap;padding: 0 15px;}
    header .logo-brand{position: relative;width: 100%;}
    header .logo-brand .brand{line-height: 60px;padding-left: 0;}
    header .logo-brand .brand img{max-width: 200px}
    header .navbar{width: 100%;display: none;background: rgba(0,0,0,.5);position: relative;z-index: 999;}
    header .navbar ul{flex-wrap: wrap;padding: 10px 0;}
    header .navbar ul li{width: 100%;}
    header .navbar ul li a{padding: 4px 15px;font-size: 1.1em;}
    header .navbar ul li a.btn{padding: 1vw;margin-top: 5px;width: calc(100% - 30px);margin-left: 15px;}
    .btmBar {top: 5px;}
    header .dropdown:after{top: 13px;border-top: 5px solid #fff;border-left: 5px solid transparent;border-right: 5px solid transparent;}
    header  .dropdown .dropMenu{position: static;max-height: 0;padding: 0;opacity: 0 !important;visibility: hidden !important;}
    header .dropdown.open > a{color: #23ce60}
    header .dropdown.open:after{border-top-color: #23ce60;transform: rotate(180deg);}
    header .dropdown.open .dropMenu{visibility: visible !important;opacity: 1 !important;max-height: 999px;padding: 5px;}
}
@media(max-width: 767px){   
    .banner .banner-content .banner-caption h1{
        font-size: 40px !important;
        line-height: 50px !important;
    }
    h2{font-size: 25px}
    p {font-size: 14px;}
    .xs-reverse-order{flex-direction: column-reverse}
   

    .banner .banner-content .banner-caption h2{font-size: 30px;position: relative;z-index: 0;}
    .search-campus-filter{flex-wrap: wrap;justify-content: center;padding: 25px 0 0;}
    .search-campus-filter .search-group{width: 100%;margin-bottom: 15px;margin-right: 0;}
    .search-campus-filter .search-group .form-control{height: 45px;font-size: 15px;padding: 10px 15px;}
    .search-campus-filter .search-group .bd-dropdown button{font-size: 15px;padding: 12px 10px;border: 0;border-radius: 0;width: 70px;}
    .search-campus-filter .btn-success{font-size: 16px;padding: 8px 15px;}
    .all_location_list{width: 100%}
    .all_location_list .locations_list li a{font-size: 15px;padding: 5px 10px}

    .perPersonUnit .perPersonQuote{max-width: 100%;}
    .perPersonUnit .perPersonQuote p, .perPersonUnit .perPersonQuote a, .walkTimes .walkTimeQuote p, .walkTimes .walkTimeQuote a{font-size: 13px;}
    .getApp{padding-bottom: 30px}
    .getMobileApp{margin-top: 15px;text-align: center}
    .walkTimes.SeamLess .walkTimeImg{padding-left: 0;align-items: center}

    .footer-menu li a{font-size: 15px}
}

@media(max-width: 575px){ 
    .banner .banner-content .banner-caption h1{
        font-size: 32px !important;
        line-height: 42px !important;
    }
}