@font-face {
    font-family: myFirstFont;
    src: url('/fonts/Poppins/Poppins-Medium.ttf')  format('truetype');}  

/****** Bundle-pass-entire page css start ******/
html{scroll-behavior: smooth;}
header{
    background: rgba(0, 0, 0, .6) !important;
    position: fixed !important;}

section{/*font-family: myFirstFont;*/ overflow: hidden;}
.text-bold{font-weight: bold;}
.text-red{color: #EE3124 !important;}


/* Awfis On Demand offers */
.wrap{margin: auto; position: relative;}
.text-over-image {
    /*height: 600px;*/
    color: #fff;  
    text-align: center;
    margin: auto;
    /*padding: 300px 0 200px 0;*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /*background-image: url("../images/bundle-pass/website-images-05.jpg");*/
    position: absolute;
    z-index: 1;
    bottom: 60px;
    justify-content: center;
    width: 100%;
}

#beforeLogin .caretopmenu, #afterLogin .caretopmenu {
    background: url(../images/white_down.png) right no-repeat !important; 
    opacity: 1 !important;}
    
.hero-title{font-size: 47px; font-weight: 700; font-family: "Poppins", sans-serif !important}
.hero-text{font-size: 20px; font-weight: 400; font-family: "Poppins", sans-serif !important}
.hero-form{padding-top: 10px;}
.hero-form .form-control {border: none;}
.hero-form .form-control .cityoptionfield{font-size: 14px;}

.offers{color: #000; padding: 25px 100px; font-size: 20px;}
.mobility-tailored{font-size: 16px; margin-top: 10px; padding: 5px;}

/* Bundle Up Your Day Pass & Meeting Rooms */
.bundle-up{padding: 0 40px; color: #000;}
.bundle-up-img{padding-top: 0;}
.bundle-up-title{font-size: 22px; text-align: center;}
.meeting-room-title{margin-top: 225px;}

.day-pass-row{
    display: flex;
    margin-top: 10px;
    border-radius: 10px;
    border: 2px solid #919191; 
    padding-left: 10px;
    padding-right: 0;}

.days p{float: left;}
.price p{color: #EE3124; font-weight: bold;}
.days p, .price p, .add p{
    font-size: 18px; 
    padding-top: 10px; 
    margin: 0 0 7px; }

.add p{text-align: center;}

.add{background-color: #f5f5f5; border-radius: 0 10px 10px 0;}
.add-btn, .remove-btn{font-size: 20px; margin-top: -7px;}

.total{margin-top: 20px; font-size: 19px;}
.total-price p{padding-top: 7px; font-weight: bold;}
.book-now-btn{
    font-size: 15px;
    padding: 7px 40px;
    letter-spacing: 4px;
    color: #fff;
    background-color: #EE3124;
    border: 2px solid #EE3124;
    border-radius: 8px;
    transition: ease-in-out 0.5s;}

.book-now-btn:hover{
    color: #EE3124;
    background-color: transparent;
    border: 2px solid #EE3124;
    transition: ease-in-out 0.5s;}

.date-box{padding: 0 !important;}
img.map-icon{
    height: auto;
    position: absolute;
    top: 10px;
    left: 20px;
    width: 30px;}

img.date-icon {
    height: auto;
    position: absolute;
    right: 3px;
    top: 10px;
    width: 16px;}
button, input, optgroup, select, textarea {
    color: initial !important;
    font: inherit;
    margin: 0;
}
.open-button {
    height: 25px;
    pointer-events: none;
    position: absolute;
    right: 15px;
    top: 5px;
    width: 22px;
    z-index: 9;}

.date-home {
    color: #404043;
    font-size: 16px;
    height: 60%;
    top: 17px;
    left: 58px;
    padding: 5px;
    width: 210px;
    position: absolute;
    align-items: center;
    background-color: #fff;
    color: #404043;
    content: attr(data-date);
    display: none;}

.date{
    border: 2px solid #919191 !important;
    padding: 22px 0 22px 60px !important; 
    font-size: 15px; 
    cursor: pointer;}



/* icons section*/
.icons-row{display: flex; flex-direction: row;}
.icon-bg{
    margin: 120px 70px 60px 70px;
    padding-bottom: 35px;
    background-color: #f0f0f0;
    border-radius: 10px;}

.icon{
    text-align: center;
    padding: 0 5px;
    margin-left: auto;
    margin-right: auto;}

.icon img{width: 100px; margin-top: -40px;}
.icon .icon-text{color:#000; padding-top: 25px; font-size: 18px;}


/* For Specific Requirements section*/
.specific-requirements{text-align: center;}
.specific-requirements h2{color: #000; padding-bottom: 40px; font-size: 25px;}
.red-btn{
    font-size: 25px;
    font-weight: 600;
    color: #fff !important;
    background-color: #EE3124;
    text-decoration: none;}

.meeting-room-btn, 
.day-pass-btn{
    margin: 10px;
    border: 2px solid #EE3124;
    transition: ease-in-out 0.5s;}

.meeting-room-btn:hover, 
.day-pass-btn:hover{
    color: #EE3124 !important; 
    border: 2px solid #EE3124;
    background-color: transparent;
    text-decoration: none;
    transition: ease-in-out 0.5s;}

.meeting-room-btn{padding: 10px 120px;}
.day-pass-btn{padding: 10px 150px;}

.specific-requirements img{padding-top: 70px; width: 95%;}

/* Frequently Asked Questions section */
.faq{color: #000;}
.faq h2{color: #000; padding-bottom: 50px; font-size: 30px;}
.faq-col{padding-left: 5px; padding-right: 5px;}

.panel {margin-bottom: 10px !important;}
.panel-group .panel{border-radius: 0; background-color: transparent !important;}
.panel-default>.panel-heading {background: #eeeeee; padding: 15px 35px;}
.panel .panel-body{font-size: 15px; padding: 25px; text-align: left;}

.panel-title p{text-align: left; color: #000; margin-top: 1rem; font-size: 18px;}
.panel-title p a.double-line{margin-top: -17px !important;}
.panel-title p a{
    float: right; 
    font-size: 25px; 
    color: #4d4d4d;
    margin-top: -7px;
    margin-right: -20px;}

.panel-title p a:hover{text-decoration: none;}


/* Still don't see what you're looking for? */
.looking{background-color: #f0f0f0; padding: 50px; margin-bottom: 50px;}
.looking-title{color: #000; font-size: 38px;}
.looking-text{color: #000; font-size: 22px; padding-bottom: 20px;}

.submit-form{width: 80%; margin-left: auto; margin-right: auto;}
.form-group{padding: 20px 5px 0 5px;}
.form-control{
    border-radius: 12px;
    padding: 20px 15px;
    background-color: #f0f0f0 !important; 
    border: 1px solid #000;}

::placeholder {font-size: 14px; color: #919191;}
.submit-btn{
    padding: 8px 35px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    background-color: #EE3124;
    border: 2px solid #EE3124;
    border-radius: 10px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    transition: ease-in-out 0.5s;}

.submit-btn:hover{
    color: #EE3124;
    background-color: transparent;
    border: 2px solid #EE3124;
    border-radius: 10px;
    transition: ease-in-out 0.5s;}

.call-us-text{
    color: #303030;
    font-size: 20px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;}

    
header nav.navbar .navbar-collapse .nav.navbar-right>li>a{color: #ffffff;}
.call-btn, .awfisbtn-header {color: #fff !important;}

/****** Bundle-pass-entire page css End ******/

/* media quaries start*/



@media screen and (min-device-width: 992px) and (max-device-width: 1199px){
    
    .companyHeader.custom-container {padding: 0 !important;}

    /*.text-over-image {top: 82%;}*/
    
    .offers {padding: 20px 25px;}

    .bundle-up {padding: 0 15px;}
    .bundle-up-title {padding-top: 0; font-size: 20px;}
    .meeting-room-title{margin-top: 185px;}
    .days p, .price p, .add p {padding-top: 5px; margin: 0 0 0px;}

    .icons-row {padding: 0;}
    .icon .icon-text {font-size: 15px;}

    .meeting-room-btn {padding: 10px 80px;}
    .day-pass-btn {padding: 10px 114px;}

    .panel-default>.panel-heading {padding: 15px;}
    .panel .panel-body {font-size: 12px; padding: 13px;}

}

@media screen and (min-device-width: 768px) and (max-device-width: 991px){
    
    .companyHeader.custom-container {padding: 0 !important;}

   
    .text-over-image{
        height: 500px;
            bottom: 0;
    padding: 200px 0 0 0;
        position: relative;background-image: url("../images/bundle-pass/mobile-view-01.jpg");}
    .mob-f {padding: 0 3px;}
    .hero-title {font-size: 35px;}
    .hero-text{padding: 0 25px; font-size: 16px;}
    
    .offers {padding: 25px 40px;}

    .bundle-up {padding: 0 100px;}
    .bundle-up-img{display: none;}
    .bundle-up-title {padding-top: 0; font-size: 20px;}
    .meeting-room-title{margin-top: 30px;}
    .days p, .price p, .add p {padding-top: 5px; margin: 0 0 0px;}
    .total{display: flex;}

    .icons-row {padding: 0;}
    .icon-bg{margin: 90px 5px 60px 5px; padding: 0 10px 35px 10px;}
    .icon img{width: 75px;}
    .icon .icon-text {font-size: 14px;}

    .red-btn {font-size: 22px;}
    .meeting-room-btn {padding: 10px 60px;}
    .day-pass-btn {padding: 10px 90px;}

    .panel-default>.panel-heading {padding: 10px 25px;}
    .panel-title p a.double-line {margin-top: -10px !important;}

    .panel .panel-body {font-size: 12px; padding: 13px;}    

}

@media screen and (min-device-width: 576px) and (max-device-width: 767px){
    
    .companyHeader.custom-container {padding: 0 !important;}

    .text-over-image {
        position: relative;
        background-image: url("../images/bundle-pass/mobile-view-01.jpg");}

    .hero-title {font-size: 40px;}
    .hero-text{padding: 0 25px; font-size: 16px;}
    .hero-text br {display: none;}
    
    .offers {padding: 20px;}

    .bundle-up {padding: 0 30px;}
    .bundle-up-img{display: none;}
    .bundle-up-title {padding-top: 0; font-size: 22px;}
    .meeting-room-title{margin-top: 20px;}
    .bundle-up h3{font-size: 18px;}
    .days p, .price p, .add p {padding-top: 5px; margin: 0; font-size: 18px;}
    .total{display: flex;}

    .icons-row {padding: 0; margin: 50px 0; flex-direction: column;}
    .icon{
        padding: 0; 
        margin-left: 0; 
        margin-top: 40px; 
        display: flex; 
        flex-direction: row;}

    .icon-bg {margin: 0 60px 60px 60px; padding-bottom: 5px; margin-left: 100px;}
    .icon img {width: 100px; margin: 10px 20px 0 -50px;}
    .icon .icon-text{text-align: left;}

    .red-btn {font-size: 22px;}
    .meeting-room-btn, .day-pass-btn{display: block;}
    .meeting-room-btn {padding: 10px 60px;}
    .day-pass-btn {padding: 10px 90px;}

    .specific-requirements img {padding-top: 40px; width: 100%;}

    .panel-default>.panel-heading {padding: 10px 18px;}
    .panel-title p a.double-line {margin-top: 0;}
    .panel .panel-body {font-size: 12px; padding: 13px;}

    .submit-form {display: block; width: 100%;}
    .form-group {padding: 10px 5px 0 5px;}
    
}

@media screen and (min-device-width: 426px) and (max-device-width: 575px){
    
    .companyHeader.custom-container {padding: 0 !important;}

    .text-over-image {
        padding: 200px 0 0 0; 
        height: 500px;
        position: relative;
        background-image: url("../images/bundle-pass/mobile-view-01.jpg");}

    .hero-title {font-size: 30px;}
    .hero-text{padding: 0 25px; font-size: 16px;}
    .hero-text br{display: none;}
    
    .offers {padding: 20px; text-align: justify;}

    .bundle-up {padding: 0 15px;}
    .bundle-up-img{display: none;}
    .bundle-up-title {padding-top: 0; font-size: 16px;}
    .meeting-room-title{margin-top: 20px;}
    .bundle-up h3{font-size: 16px;}
    .days p, .price p, .add p {padding-top: 5px; margin: 0; font-size: 14px;}

    .icons-row {padding: 0; margin: 50px 0; flex-direction: column;}
    .icon{
        padding: 0; 
        margin-left: 0; 
        margin-top: 40px; 
        display: flex; 
        flex-direction: row;}

    .icon-bg {margin: 0 30px 60px 30px; padding-bottom: 5px; margin-left: 60px;}
    .icon img {width: 100px; margin: 10px 20px 0 -50px;}
    .icon .icon-text{text-align: left;}

    .total{display: flex; padding-left: 0; padding-right: 0;}
    .book-now-btn{padding: 7px 20px;}

    .specific-requirements h2 {font-size: 20px;}
    .red-btn {font-size: 22px;}
    .meeting-room-btn, .day-pass-btn{display: block;}
    .meeting-room-btn {padding: 10px 60px;}
    .day-pass-btn {padding: 10px 90px;}

    .specific-requirements img {padding-top: 40px; width: 100%;}

    .panel-default>.panel-heading {padding: 10px 18px;}
    .panel-title p a.double-line {margin-top: 0;}
    .panel .panel-body {font-size: 12px; padding: 13px;}

    .looking{padding: 40px 20px;}
    .looking br{display: none; padding: 40px 20px;}
    .submit-form {display: block; width: 100%;}
    .form-group {padding: 10px 5px 0 5px;}

}

@media screen and (min-device-width: 376px) and (max-device-width: 425px){
    
    .companyHeader.custom-container {padding: 0 !important;}
    
    .text-over-image {
        height: 550px;
        padding: 250px 0 0 0;
        position: relative;
        background-image: url("../images/bundle-pass/mobile-view-01.jpg");}

    .thirty.left.mob-w.mob-f.text-left {width: 45%; margin: 5px 10px;}

    .hero-title {font-size: 30px;}
    .hero-text{padding: 0 16px !important; font-size: 14px;}
    .hero-text br{display: none;}
    
    .offers {padding: 20px; text-align: justify;}

    .bundle-up {padding: 0 15px;}
    .bundle-up-img{display: none;}
    .bundle-up-title {padding-top: 0; font-size: 18px;}
    .meeting-room-title{margin-top: 20px;}
    .bundle-up h3{font-size: 15px;}
    .days p, .price p, .add p {padding-top: 5px; margin: 0; font-size: 16px;}
    .days, .price, .add {padding-left: 0; padding-right: 0;}
    .total-price{padding-right: 0;}

    .icons-row {padding: 0; margin: 50px 0; flex-direction: column;}
    .icon{
        padding: 0; 
        margin-left: 0; 
        margin-top: 15px; 
        display: flex; 
        flex-direction: row;}

    .icon-bg {margin: 0 30px 60px 30px; padding-bottom: 5px; margin-left: 60px;}
    .icon img {width: 100px; margin: 10px 20px 0 -50px;}
    .icon .icon-text{text-align: left; font-size: 17px;}

    .total{display: flex; padding-left: 0; padding-right: 0;}
    .book-now-btn{padding: 7px 20px;}

    .specific-requirements h2 {font-size: 18px;}
    .red-btn {font-size: 22px;}
    .meeting-room-btn, .day-pass-btn{display: block;}
    .meeting-room-btn {padding: 10px 60px;}
    .day-pass-btn {padding: 10px 90px;}

    .specific-requirements img {padding-top: 40px; width: 100%;}

    .panel-default>.panel-heading {padding: 10px 24px;}
    .panel-title p a {margin-right: -15px;}
    .panel-title p a.double-line {margin-top: 0;}
    .panel .panel-body {font-size: 12px; padding: 13px;}
    .panel-title p {font-size: 15px;}

    .looking{padding: 40px 20px;}
    .looking-title {font-size: 25px;}
    .looking-text {font-size: 16px;}
    .looking br{display: none; padding: 40px 20px;}
    .submit-form {display: block; width: 100%;}
    .form-group {padding: 10px 5px 0 5px;}

}

@media screen and (min-device-width: 320px) and (max-device-width: 375px){
    
    .companyHeader.custom-container {padding: 0 !important;}

    .hero-form {padding-top: 5px;}
    .text-over-image {
        position: relative;
        height: 550px;
        padding: 300px 0 0 0;
        background-image: url("../images/bundle-pass/mobile-view-01.jpg");}

    .thirty.left.mob-w.mob-f.text-left {width: 42%; margin: 3px 12px;}

    .hero-title {font-size: 24px;}
    .hero-text{padding: 0 15px !important; font-size: 13px;}
    .hero-text br{display: none;}
    
    .offers {padding: 20px; text-align: justify;}

    .bundle-up {padding: 0 10px;}
    .bundle-up-img{display: none;}
    .bundle-up-title {padding-top: 0; font-size: 16px;}
    .meeting-room-title{margin-top: 20px;}
    .bundle-up h3{font-size: 15px;}
    .days p, .price p, .add p {padding-top: 5px; margin: 0; font-size: 13px;}
    .days, .price, .add {padding-left: 0; padding-right: 0;}
    .total-price{padding-right: 0;}

    .icons-row {padding: 0; margin: 50px 0; flex-direction: column;}
    .icon{
        padding: 0; 
        margin-left: 0; 
        margin-top: 40px; 
        display: flex; 
        flex-direction: row;}

    .icon-bg {margin: 0 0 60px 0; padding-bottom: 5px; margin-left: 30px;}
    .icon img {width: 100px; margin: 10px 10px 0 -50px;}
    .icon .icon-text{text-align: left; font-size: 15px;}

    .total{display: flex; padding-left: 0; padding-right: 0;}
    .book-now-btn{padding: 7px 20px;}

    .specific-requirements h2 {font-size: 18px;}
    .red-btn {font-size: 22px;}
    .meeting-room-btn, .day-pass-btn{display: block;}
    .meeting-room-btn {padding: 10px 60px;}
    .day-pass-btn {padding: 10px 90px;}

    .specific-requirements img {padding-top: 40px; width: 100%;}

    .panel-default>.panel-heading {padding: 10px 22px;}
    .panel-title p a {margin-right: -15px;}
    .panel-title p a.double-line {margin-top: 0;}
    .panel .panel-body {font-size: 12px; padding: 13px;}
    .panel-title p {font-size: 13px;}

    .looking{padding: 40px 20px;}
    .looking br{display: none; padding: 40px 20px;}
    .looking-title{font-size: 25px;}
    .looking-text{font-size: 15px; padding-top: 10px;}
    .submit-form {display: block; width: 100%;}
    .form-group {padding: 10px 5px 0 5px;}

}

/* Bundle-pass-entire page css end*/