.phone-only { position: fixed; width: inherit; padding: 20px 0px 10px; background: #ffffff; font-size: 1.2rem; color: #313541; left: 50%; bottom: 0; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; min-width: 800px; z-index: 9; border: solid 1px #ededed; margin-bottom: 40px; -webkit-box-shadow: 0 4px 16px 0 rgb(70 89 116 / 08%); -moz-box-shadow: 0 4px 16px 0 rgb(70 89 116 / 08%); box-shadow: 0 4px 16px 0 rgb(70 89 116 / 08%); -webkit-animation-name: fadeInUpPhone; -moz-animation-name: fadeInUpPhone; -o-animation-name: fadeInUpPhone; animation-name: fadeInUpPhone; -webkit-animation-duration: 400ms; -moz-animation-duration: 400ms; -o-animation-duration: 400ms; animation-duration: 400ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeInUpPhone { 0% { opacity: 0; -webkit-transform: translateX(-50%) translateY(100%); transform: translateX(-50%) translateY(100%); } 100% { opacity: 1; -webkit-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); } } @-moz-keyframes fadeInUpPhone { 0% { opacity: 0; -webkit-transform: translateX(-50%) translateY(100%); -moz-transform: translateX(-50%) translateY(100%); transform: translateX(-50%) translateY(100%); } 100% { opacity: 1; -webkit-transform: translateX(-50%) translateY(0); -moz-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); } } @-o-keyframes fadeInUpPhone { 0% { opacity: 0; -webkit-transform: translateX(-50%) translateY(100%); -o-transform: translateX(-50%) translateY(100%); transform: translateX(-50%) translateY(100%); } 100% { opacity: 1; -webkit-transform: translateX(-50%) translateY(0); -o-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); } } @keyframes fadeInUpPhone { 0% { opacity: 0; -webkit-transform: translateX(-50%) translateY(100%); -moz-transform: translateX(-50%) translateY(100%); -o-transform: translateX(-50%) translateY(100%); transform: translateX(-50%) translateY(100%); } 100% { opacity: 1; -webkit-transform: translateX(-50%) translateY(0); -moz-transform: translateX(-50%) translateY(0); -o-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); } } .phone-only .cross-icon { position: absolute; cursor: pointer; color: #73767f; right: 7px; top: 6px; font-size: 1.5rem; } .phone-only .cross-icon img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .phone-only .row__manual { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .phone-only .row__manual .collg5__left { width: 50%; float: left; } .phone-only .row__manual .collg7__right { width: 50%; float: left; padding-left: 30px; } .phone-only .padd__0 { padding-left: 0px; } .phone-only .call__btn__body { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 15px; width: 100%; } .phone-only .call__btn__body .img img { width: 100px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-top: -2px; -webkit-box-shadow: 0 0 0 7px #fff; -moz-box-shadow: 0 0 0 7px #fff; box-shadow: 0 0 0 7px #fff; } .call__tfn { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .phone-only .call__btn__body .call__tfn .phone_number {} .phone-only .call__btn__body .call__tfn .phone_number a { margin: 0 0 10px 0; padding: 8px 10px; font-size: 16px; font-weight: bold; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #101010; color: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .phone-only .call__btn__body .call__tfn .phone_number a:hover { background-color: #ff6600; } .phone-only .icon__box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; margin-bottom: 25px; } .phone-only .icon__box .img_box img { width: 40px; height: 40px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .phone-only .icon__box .content p { margin-bottom: 2px; font-size: 14px; color: #5A5A5A; } .phone-only .icon__box .content span.bold { margin-bottom: 0; font-size: 14px; color: #5A5A5A; font-weight: 600; } /* stkcall */ .phone-only.stkcall { -webkit-box-shadow: 0px 5px 90px rgb(0 0 0 / 15%); -moz-box-shadow: 0px 5px 90px rgb(0 0 0 / 15%); box-shadow: 0px 5px 90px rgb(0 0 0 / 15%); border: solid 3px #ffffff; min-width: auto; margin-bottom: 20px; } .phone-only.stkcall .buttonContainer-wrap { max-height: 52px; overflow: hidden; } .phone-only.stkcall .container { max-width: 1180px; } .phone-only.stkcall .row__manual .collg5__left { width: 55%; position: relative; } .phone-only.stkcall img.bottom-curvs { top: 36px; } .phone-only.stkcall .row__manual .collg7__right { width: 50%; padding-left: 20px; position: relative; z-index: 2; margin-left: auto; margin-bottom: -12px; } .phone-only.stkcall .row__manual .collg5__left .img { position: absolute; top: -14px; left: -77px; z-index: 1; width: 70px; } .phone-only.stkcall .img_box img { border: solid 1px #ff6600; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .phone-only.stkcall p.phone_number a img { margin-right: 6px; width: 19px; vertical-align: middle; margin-top: -4px; position: relative; top: 2px; } .phone-only.stkcall .cross-icon { z-index: 2; -webkit-box-shadow: 0 2px 5px -1px rgb(0 0 0 / 8%); -moz-box-shadow: 0 2px 5px -1px rgb(0 0 0 / 8%); box-shadow: 0 2px 5px -1px rgb(0 0 0 / 8%); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .phone-only.stkcall .icon__box .content p { color: #877b7b; font-size: 13px; } .phone-only.stkcall .icon__box .content span.bold { color: #000000; } .phone-only.stkcall .call__tfn { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 8px; } .phone-only.stkcall .call__btn__body .call__tfn .phone_number a { margin: 0 0 6px; font-size: 14px; width: 100%; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .phone-only.stkcall .row__manual { -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .phone-only.stkcall .call__btn__body .call__tfn .phone_number { width: 100%; } .letusmodal .custom_owl_btn, .letusmodal .custom_owl_btn:hover, .phone-only.stkcall .custom_owl_btn, .phone-only.stkcall .custom_owl_btn:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-color: #f5f5f5; border: solid 2px #f5f5f5; } .letusmodal .custom_owl_btn.act, .phone-only.stkcall .custom_owl_btn.act { background-color: #ffffff; border-color: #ff6600; -webkit-box-shadow: 0 0px 0 4px rgb(255 102 0 / 14%); -moz-box-shadow: 0 0px 0 4px rgb(255 102 0 / 14%); box-shadow: 0 0px 0 4px rgb(255 102 0 / 14%); } /*flightbook-modal*/ .flightbook-modal.call-model .modal-content { max-width: 720px; } .flightbook-modal .model-top-rht { width: 100%; } .flightbook-modal.call-model .model-top { float: none; } .flightbook-modal .content-ins p, .destination_details.destination_page .flightbook-modal p { margin-bottom: 4px; } .flightbook-modal .model-bottom .top__heading p { font-size: 20px; color: #333; font-weight: 600; position: relative; margin-bottom: 30px; } .flightbook-modal .model-bottom .top__heading p:before { position: absolute; content: ""; height: 2px; width: 14%; background: #FF6600; bottom: -7px; } .flightbook-modal.call-model .model-bottom { padding: 60px 30px 43px 30px; -webkit-border-radius: 0px 10px 10px 0px; -moz-border-radius: 0px 10px 10px 0px; border-radius: 0px 10px 10px 0px; } .flightbook-modal .right__side__box { margin-bottom: 20px; } .flightbook-modal .right__side__box:last-child { margin-bottom: 0; } .flightbook-modal .model-top-lft img.call.Image { width: auto; height: auto; border: none; } .flightbook-modal .model-top .model-top-lft { width: auto; float: none; margin-top: 20px; } .flightbook-modal.call-model .model-top { padding: 10px 0px 0px 30px; } .flightbook-modal .content__middle span { float: left; width: 100%; } .flightbook-modal .content__middle span { font-size: 13px; margin-bottom: 15px; } .flightbook-modal p.phone_number a img { margin-right: 12px; } .flightbook-modal.call-model .content-inn img { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /*flightbook-modal ENd*/ @media (min-width:1200px) { .phone-only.stkcall{ width: 1186px; } } @media (max-width:1399px) { .phone-only.stkcall .row__manual .collg5__left .img { left: 92%; margin-left: 30px; top: -70px; width: 60px; } } @media (max-width:1199px) { .phone-only.stkcall .row__manual .collg5__left { width: 100%; margin-bottom: 37px; } .phone-only.stkcall .row__manual { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .phone-only.stkcall .row__manual .collg7__right { width: 100%; padding-left: 8px; padding-right: 8px; } .phone-only.stkcall::after { width: 98%; height: 146px; top: auto; bottom: 5px; left: 8px; } .phone-only.stkcall .container { max-width: 750px; } .phone-only.stkcall .row__manual .collg5__left .img { margin-left: -30px; width: 60px; top: -70px; left: 50%; } .phone-only.stkcall .cross-icon { top: -16px; right: 20px; } .phone-only.stkcall .cross-icon img { width: 22px; } } @media (max-width:991px) { .flightbook-modal .model-top-rht p.phone_number a { font-size: 20px; } } @media screen and (max-width:991px) { .cheapbook-modal.call-model .model-top-lft { width: 120px; float: none; margin: 0 auto; } } @media (max-width:767px) { .flightbook-modal .model-top .model-top-lft { width: 100px; } .cheapbook-modal.call-model .model-top-lft { width: 90px; } } @media (max-width:600px) { .phone-only { display: none !important; background-color: transparent; } .flightbook-modal.call-model .model-top { padding: 0px 15px 0px 15px; } .flightbook-modal .model-top-rht { margin-top: 0px; margin-bottom: 15px; } .flightbook-modal .model-top-rht p.phone_number a { font-size: 18px; } } @media (min-width:600px) and (max-width:991px) { .phone-only { display: none !important; } .flightbook-modal.call-model .model-top { padding: 10px 15px 0px 15px; } .flightbook-modal .model-top-rht { margin-top: 0px; margin-bottom: 15px; } } @media (max-width:480px) { .phone-only { display: none !important; } .flightbook-modal.call-model .model-top { padding: 10px 15px 0px 15px; } .flightbook-modal .model-top-rht { margin-top: 0px; margin-bottom: 15px; } .flightbook-modal .model-top-rht p.phone_number a { font-size: 16px; } .flightbook-modal .model-bottom .top__heading p { font-size: 18px; } .flightbook-modal.call-model .model-bottom { padding: 50px 20px 43px 20px; } }