@charset "utf-8";
/* CSS Document */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
form,
label,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
fieldset,
legend,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    border: 0 none;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    vertical-align: top;
}

body {
    margin: 0px;
    background: #f7f7f7;
    font-size: 100%;
    font-family: Arial, Helvetica, sans-serif;
}

img {
    border: none;
}

a {
    text-decoration: none;
}

.clr {
    clear: both;
}

.fullImage {
    width: 100%;
    height: auto;
}

h1 {
    font-size: 21px;
    color: #009fa0;
    text-align: center;
    font-weight: bold;
    outline: none;
}

h2 {
    font-size: 18px;
    color: #009fa0;
    text-align: left;
    font-weight: 400;
}

h4 {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 15px 0 3px 0;
    font-size: 15px;
    color: #00898a;
    text-align: left;
    font-weight: bold;
}

.green {
    color: #008800;
}

.blue {
    color: #004789;
}

.black {
    color: #000;
}

.red {
    color: #ff4800;
}

/*---Header---*/

.topRibon {
    width: 96%;
    height: auto;
    padding: 2px 2%;
    margin: auto;
    background: #00afb0;
}

.trAddress {
    width: auto;
    height: auto;
    padding: 9px 0;
    margin: 0;
    float: left;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
}

.trCallUs {
    width: auto;
    height: auto;
    padding: 9px 0;
    margin: 0;
    float: right;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
}

.trEmail {
    width: auto;
    height: auto;
    padding: 9px 0 9px 30px;
    margin: 0;
    float: right;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
}

.trsmnav {
    width: 20px;
    height: auto;
    padding: 12px 7px 7px 7px;
    margin: 0;
    display: block;
    float: left;
    text-align: center;
    color: #fff;
    border-left: solid 1px #eb001f;
}

.trsmnav:hover {
    background: #000;
    color: #fff;
}

.trsmnavrborder {
    border-right: solid 1px #eb001f;
}

.tricon {
    font-size: 15px;
    font-weight: 100;
    margin: 0px 7px 0 0;
}

header {
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}

header .header {
    width: 96%;
    height: auto;
    padding: 7px 2%;
    margin: auto;
    position: relative;
    z-index: 101;
    box-shadow: 0px 2px 2px #777;
    background: #333;
}

header .logoBox {
    width: 185px;
    height: auto;
    padding: 0px;
    margin: 0;
    float: left;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s !important;
}

header .rightBox {
    width: auto;
    float: right;
    margin: 0 0 7px 0;
    text-align: right;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s !important;
}

header .menuBox {
    width: auto;
    height: auto;
    margin: 14px 0 0 0;
    padding: 0 25px 0 0;
    float: left;
    color: #007db8;
    font-size: 17px;
    font-weight: 400;
}

header .booknow {
    width: auto;
    height: auto;
    padding: 0;
    margin: 25px 0 10px 7px;
    float: right;
}

header.smaller {
    height: auto;
}

header.smaller .header {
    width: 96%;
    height: auto;
    padding: 7px 2%;
    margin: auto;
    position: relative;
    z-index: 101;
    box-shadow: 0px 2px 2px #777;
    background: #333;
}

header.smaller .logoBox {
    width: 185px;
    height: auto;
    padding: 0px;
    margin: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s !important;
}

header.smaller .rightBox {
    width: auto;
    float: right;
    margin: 0 0 7px 0;
    text-align: right;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s !important;
}

header .booknow {
    width: auto;
    height: auto;
    padding: 0;
    margin: 25px 0 10px 7px;
    float: right;
}

header.smaller .menuBox {
    width: auto;
    height: auto;
    margin: 14px 0 0 0;
    padding: 0 25px 0 0;
    float: left;
    color: #007db8;
    font-size: 17px;
    font-weight: 400;
}

.loginRegBox {
    width: auto;
    height: auto;
    float: right;
}

.hRegBtn {
    display: block;
    width: auto;
    height: auto;
    padding: 10px 15px;
    margin: 15px 0 0 0;
    border: none;
    background: #ff6100;
    color: #fff;
    outline: none;
    cursor: pointer;
    border-radius: 5px;
    font-size: 21px;
    font-weight: bold;
}

.hRegBtn:hover {
    background: #00afb0;
}

.hLoginBtn {
    width: auto;
    height: auto;
    padding: 10px 15px;
    margin: 22px 0 0 0;
    border: none;
    background: #fff;
    color: #000;
    outline: none;
    cursor: pointer;
    border-radius: 5px;
    font-size: 13px;
    font-weight: bold;
}

.hLoginBtn:hover {
    background: #ff6100;
    color: #fff;
}

/*-- Banner Css --*/

.banner {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 120px 0 0 0;
    position: relative;
}

.bannertext {
    width: 55%;
    height: auto;
    padding: 0;
    margin: auto 0 auto 4%;
    font-size: 35px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 3px 3px #000;
    position: absolute;
    z-index: 1;
    top: 15%;
}

.bannertext .text2 {
    width: auto;
    height: auto;
    padding: 0;
    margin: 20px auto 0 auto;
    font-size: 21px;
    line-height: 35px;
}

.bannertext .contactno {
    width: auto;
    height: auto;
    padding: 0;
    margin: 50px auto 0 auto;
}

.bannertext .callbox {
    width: auto;
    height: auto;
    padding: 10px 15px;
    margin: 10px 10% auto 10%;
    background: #00afb0;
    box-shadow: 0 3px 3px #000;
    font-size: 35px;
    color: #fff;
    font-weight: bold;
    border-radius: 10px;
}

.bannertext .fa {
    position: relative;
    top: 2px;
}

.bannertext span {
    display: inline-block;
    width: auto;
    padding: 5px 10px;
    background: #fff;
    color: #ff6100;
    border-radius: 7px;
}

/*-- Inquiry Css --*/

.enquirybox {
    width: 30%;
    height: auto;
    padding: 0;
    margin: auto;
    position: absolute;
    z-index: 1;
    top: 10%;
    right: 7%;
}

.bitabbox {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
}

.biformbox {
    width: 92%;
    height: auto;
    padding: 20px 4% 10px 4%;
    margin: 0;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 0 7px 7px 7px;
}

.biFormCol {
    width: 100%;
    height: auto;
    padding: 0 !important;
    margin: 0px !important;
    float: left;
    position: relative;
}

.biFormCol1 {
    width: 48%;
    height: auto;
    padding: 0 !important;
    margin: 0px 2% 0px 0 !important;
    float: left;
    position: relative;
}

.biFormCol2 {
    width: 48%;
    height: auto;
    padding: 0 !important;
    margin: 0px 0 0px 2% !important;
    float: left;
    position: relative;
}

.biTextBox {
    width: 94%;
    height: auto;
    padding: 10px 3% 9px 3%;
    margin: 0px auto 10px auto;
    border: solid 1px #fff;
    color: #a4abb2 !important;
    font-size: 15px;
    border-radius: 4px;
    outline: none;
}

.biTextBox1 {
    width: 94%;
    height: auto;
    padding: 10px 1% 9px 5%;
    margin: 0px auto 10px auto;
    border: solid 1px #fff;
    color: #a4abb2 !important;
    font-size: 15px;
    border-radius: 4px;
    outline: none;
}

.biTextBox2 {
    width: 100%;
    height: auto;
    padding: 10px 1% 9px 5%;
    margin: 0px auto 10px auto;
    border: solid 1px #fff;
    color: #a4abb2 !important;
    font-size: 15px;
    border-radius: 4px;
    outline: none;
}

.biDateTextBox {
    width: 94%;
    height: auto;
    padding: 10px 1% 9px 5%;
    margin: 0px auto 10px auto;
    background: #fff url(images/calendarIcon.png) no-repeat right 7px center;
    border: solid 1px #fff;
    color: #a4abb2 !important;
    font-size: 15px;
    border-radius: 4px;
    outline: none;
}

.biListBox {
    width: 100%;
    height: auto;
    padding: 10px 3% 9px 3%;
    margin: 0px auto 10px auto;
    border: solid 1px #fff;
    color: #6a6d73 !important;
    font-size: 15px;
    outline: none;
    border-radius: 4px;
}

.biTextAreaBox {
    width: 94%;
    height: 75px;
    padding: 10px 3%;
    margin: 0px auto 10px auto;
    border: solid 1px #fff;
    color: #a4abb2 !important;
    font-size: 15px;
    outline: none;
}

.bookingBtn {
    width: 100%;
    height: auto;
    padding: 10px 3%;
    background: #00afb0;
    box-shadow: 1px 1px 1px #000;
    border: none;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    border-radius: 4px;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s !important;
}

.bookingBtn:hover {
    background: #ff2a00;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s !important;
}

.tabbtn {
    width: auto;
    height: auto;
    padding: 12px 15px 8px 15px;
    margin: 0 1px 0 0;
    background: rgba(255, 255, 255, 0.95);
    color: #999;
    float: left;
    font-size: 15px;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

.tabbtn:hover {
    background: #ff4800;
    cursor: pointer;
    color: #fff;
}

.activetab {
    background: #ff4800;
    cursor: pointer;
    color: #fff;
}

.tab-content {
    width: auto;
    height: auto;
    padding: 8px 0;
    margin: 0 1px 0 0;
    color: #fff;
    border-radius: 0px 7px 7px 7px;
}

.tab-content-phone {
    width: auto;
    height: auto;
    padding: 8px 0;
    margin: 0 1px 0 0;
    border-radius: 0px 7px 7px 7px;
}

.iti {
    position: relative;
    display: inline-block;
    width: 100.5%;
    margin: 0 0 10px 0;
}

.iti__country-list {
    width: 300px !important;
}

/*-- Tour Package Css --*/

.tpPanel {
    width: 93%;
    height: auto;
    padding: 50px 3.5% 7px 3.5%;
    margin: auto;
}

.toppackages {
    padding-bottom: 65px;
    background: #fff;
}

.itpPanel {
    width: 100%;
    height: auto;
    padding: 0;
    margin: auto;
}

.tpHeading {
    width: 100%;
    padding: 10px 0 7px 0;
    margin: 0;
}

.tpSMHeading {
    width: 100%;
    padding: 10px 0 7px 0;
    margin: 0 0 35px 0;
    text-align: center;
    font-size: 15px;
    color: #555;
}

.tpBox {
    width: 22%;
    height: auto;
    padding: 0.5%;
    margin: 0 1% 25px 1%;
    background: #fff;
    border-radius: 4px;
    float: left;
    position: relative;
    box-shadow: 0px 0px 5px #cbcbcb;
}

.tpBox img {
    border-radius: 4px;
}

.tpDetailsBox {
    width: 96%;
    height: auto;
    margin: 0 auto;
    line-height: 25px;
}

.tpName {
    width: 100%;
    margin: auto;
    padding: 10px 0 0 0;
    text-align: left;
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
    background: -webkit-linear-gradient(45deg, #0a3965, #ff4800 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.tpPriceDuration {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 5px 0 0 0;
}

.tpPrice {
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    text-align: left;
    float: left;
    font-size: 13px;
    font-weight: bold;
    color: #555;
}

.tpPriceColor {
    color: #ff4800;
}

.tpDuration {
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    text-align: left;
    float: right;
    font-size: 13px;
    font-weight: bold;
    color: #555;
}

.tpdurationicon {
    font-size: 15px;
    font-weight: 100;
    margin: 4px 7px 0 0;
}

.tpBox:hover .img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.tpImg {
    overflow: hidden;
}

.img {
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

.tpBox .profile-overlay {
    width: 100%;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.3);
    overflow: hidden;
    transition: .5s ease;
    z-index: 1;
}

.tpBox:hover .profile-overlay {
    height: 100%;
}

.tpBox .profile-nav {
    width: 80px;
    height: auto;
    padding: 7px 1px 4px 1px;
    margin: 27% auto 0 auto;
    line-height: 13px;
    display: block;
    background: rgba(255, 255, 255, 0.5);
    text-align: center;
    color: #fff;
    font-size: 9px;
    border: solid 1px #fff;
    border-radius: 4px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s !important;
}

.tpBox .profile-nav:hover {
    background: #ff4800;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s !important;
}

.viewmorebox {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 40px 0 0 0;
    text-align: center;
}

.viewmore {
    width: auto;
    height: auto;
    padding: 10px 15px;
    margin: 22px 0 0 0;
    border: none;
    background: #009fa0;
    color: #fff;
    outline: none;
    cursor: pointer;
    border-radius: 5px;
    font-size: 13px;
    font-weight: bold;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s !important;
}

.viewmore:hover {
    background: #ff4800;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s !important;
}

/*-- Taxi Css --*/

.tPanel {
    width: 93%;
    height: auto;
    padding: 50px 0;
    margin: auto;
}

.tBox h2 {
    font-size: 15px;
    text-align: left;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
}

.tBox {
    width: 23.1%;
    height: auto;
    padding: 0;
    margin: 0px 0.75% 25px 0.75%;
    background: #0f346e;
    float: left;
    border: solid 2px #0f346e;
    border-radius: 10px;
    overflow: hidden;
}

.tImgBox {
    width: 70%;
    height: auto;
    padding: 20px 15%;
    margin: 0 auto;
    background: #fff;
    position: relative;
}

.tTextBox {
    width: 90%;
    height: auto;
    padding: 10px 5%;
    margin: 0;
    background: #0f346e;
}

.tcvbox {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 7px 0 0 0;
    color: #fff;
    font-size: 12px;
}

.tcapacity {
    width: auto;
    height: auto;
    padding: 0;
    margin: 6px 0 0 0;
    float: left;
}

.tviewdetails {
    width: auto;
    height: auto;
    padding: 5px 7px;
    margin: 0;
    float: right;
    border: solid 1px #184995;
    font-size: 12px;
    border-radius: 4px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s !important;
}

.tviewdetails:hover {
    background: #ff7800;
    border: solid 1px #ff7800;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s !important;
}

.tnav {
    color: #fff;
}

/*-- Hotel Css --*/

.hPanel {
    width: 95%;
    height: auto;
    padding: 50px 2% 60px 3%;
    background: #f3f9ff;
    margin: auto;
}

.hBox {
    width: 30.3%;
    height: auto;
    padding: 0;
    margin: 0px 1% 25px 1%;
    background: #001d34;
    float: left;
    border: solid 2px #001d34;
    border-radius: 10px;
    overflow: hidden;
}

.hDetailsBox {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    background: #fff;
    color: #555;
}

.hImgBox {
    width: 40%;
    height: auto;
    padding: 0;
    margin: 0;
    float: left;
}

.hTextBox {
    width: 50%;
    height: auto;
    padding: 10px 5%;
    margin: 0;
    float: right;
}

.hcvbox {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 7px 0 0 0;
    font-size: 14px;
}

.hlocation {
    width: auto;
    height: auto;
    padding: 0;
    margin: 6px 0 0 0;
}

.hprice {
    width: auto;
    height: auto;
    padding: 0;
    margin: 6px 0 0 0;
    color: #ff4200;
    font-weight: bold;
}

.hviewdetails {
    width: auto;
    height: auto;
    padding: 5px 0;
    margin: 12px 0 0 0;
}

.hnav {
    width: auto;
    padding: 5px 7px;
    margin: 0;
    border: solid 1px #e1e1e1;
    font-size: 13px;
    border-radius: 4px;
    color: #999;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s !important;
}

.hnav:hover {
    background: #ff7800;
    border: solid 1px #ff7800;
    color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s !important;
}

.hiconbox {
    width: 92%;
    height: auto;
    padding: 10px 0;
    margin: 0 auto;
}

.hfacilityicon {
    width: 20px;
    height: 20px;
    padding: 7px;
    margin: 0 12px 0 0;
    background: #fff;
    float: left;
    border-radius: 30px;
    overflow: hidden;
}

/*-- Why With 365 Yatra Css --*/

.wwnyPanel {
    width: 100%;
    height: auto;
    padding: 60px 0 25px 0;
}

.wwnyBox {
    width: 91.5%;
    height: auto;
    padding: 0;
    margin: auto;
}

.wwnyLeftBox {
    width: 23.7%;
    height: auto;
    padding: 0;
    margin: auto;
    background: #fff;
    box-shadow: 1px 1px 2px #cbcbcb;
    float: left;
}

.wwnyHeading1 {
    width: 90%;
    height: auto;
    padding: 15px 5%;
    font-size: 15px;
    font-weight: bold;
    color: #ff6100;
    border-bottom: solid 1px #e6e6e6;
}

.wwnyLeftImgBox {
    width: 96%;
    height: auto;
    padding: 7px 2%;
}

.wwnyRightBox {
    width: 100%;
    height: auto;
    padding: 0 0 5px 0;
    margin: auto;
    background: #fff;
    box-shadow: 1px 1px 2px #cbcbcb;
    float: right;
}

.wwnyHeading2 {
    width: 96%;
    height: auto;
    padding: 15px 2%;
    margin: 0 0 20px 0;
    font-size: 15px;
    font-weight: bold;
    color: #ff6100;
    border-bottom: solid 1px #e6e6e6;
}

.wwnyRRow1 {
    width: 100%;
    height: auto;
    margin: 0 0 5px 0;
}

.wwnyRRow2 {
    width: 100%;
    height: auto;
    margin: 0;
}

.wwnyRCol {
    width: 95%;
    height: auto;
    margin: 0 2.5% 16px 2.5%;
    float: left;
    line-height: 20px;
    text-align: justify;
}

.wwnyRHead {
    width: 100%;
    height: auto;
    padding: 0 0 0 38px;
    margin: 7px 0 15px 0;
    background: url(images/okIcon.jpg) no-repeat;
    font-size: 21px;
    font-weight: bold;
    color: #002865;
}

.wwnyRTextBox {
    width: 100%;
    height: auto;
    font-size: 12px;
    font-weight: 400;
}

/*-- Customer Reviews --*/

.crPanel {
    width: 90%;
    height: auto;
    padding: 60px 5% 50px 5%;
    margin: 70px auto 0px auto;
    background: #fff;
}

.crPanel h2 {
    font-size: 21px;
    color: #0f346e;
    text-align: center;
    font-weight: bold;
    outline: none;
}

.crBox {
    width: 94%;
    height: auto;
    padding: 22px 0 30px 0;
    margin: 20px 3% 0 3% !important;
    background: #fff;
    border: solid 1px #eeeeee;
    border-radius: 10px;
}

.crName {
    width: 95%;
    height: auto;
    padding: 8px 2.5%;
    color: #000;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
}

.crRating {
    width: 95%;
    height: auto;
    padding: 8px 2.5%;
    margin: 0 0 10px 0;
    color: #999;
    text-align: center;
    font-size: 16px;
}

.crRating img {
    width: 60px !important;
    height: 11px !important;
}

.crtext {
    width: 90%;
    height: auto;
    padding: 0;
    margin: 0 auto;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    font-style: italic;
}

.reviewformrow {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 0 12px 0;
    position: relative;
}

.rtextbox {
    width: 95.5%;
    height: auto;
    padding: 10px 2%;
    margin: auto;
    background: #fff;
    border: solid 1px #e1e1e1;
    outline: none;
    font-size: 15px;
}

.rtextarea {
    width: 95.5%;
    height: 50px;
    padding: 10px 2%;
    margin: auto;
    background: #fff;
    border: solid 1px #e1e1e1;
    outline: none;
    font-size: 15px;
}

.rrrmbox {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 auto 15px auto;
    text-align: center !important;
}

.rrrm {
    width: 150px;
    height: auto;
    padding: 0;
    margin: 0 auto;
    color: #0306f1;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
}

.rrrm:hover {
    color: #f10500;
}

/*-- Faqs --*/

.faqPanel {
    width: 90%;
    height: auto;
    padding: 60px 5% 50px 5%;
    margin: 70px auto 0px auto;
    background: #fff;
}

.faqPanel h2 {
    font-size: 21px;
    color: #0f346e;
    text-align: center;
    font-weight: bold;
    outline: none;
}

.faqPanel h3 {
    width: 100%;
    height: auto;
    padding: 7px 10px;
    margin: auto;
    background: #f5f5f5;
    font-size: 21px;
    color: #0f346e;
    text-align: center;
    font-weight: bold;
    outline: none;
}

.faqPanel h3 {
    width: 100%;
    height: auto;
    padding: 10px 10px 8px 10px;
    margin: 12px auto 10px auto;
    background: #f5f5f5;
    font-size: 16px;
    color: #0f346e;
    text-align: left;
    font-weight: bold;
}

.faqPanel p {
    width: 100%;
    height: auto;
    padding: 5px 0;
    margin: auto;
    font-size: 13px;
    color: #333;
    text-align: left;
    line-height: 21px;
}

.faqPanel .fa {
    margin: 0 5px 0 0;
    color: #ff6100;
}

/*-- City Guide Css --*/

.cgPanel {
    width: 100%;
    height: auto;
    padding: 30px 0 50px 0;
}

.cgBox {
    width: 90%;
    height: auto;
    padding: 0;
    margin: auto;
    font-size: 13px;
    color: #333;
    line-height: 22px;
}

.cgBox p {
    margin: 0 auto 12px auto;
}

.cgHeading {
    width: 100%;
    padding: 5px 0;
    margin: 0;
    text-align: left;
    color: #002865;
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
}

/*-- Footer Css --*/

.footer {
    width: 100%;
    height: auto;
    padding: 40px 0 0 0;
    background: #032424;
    border-top: solid 0px #fe4800;
}

.footerBox {
    width: 90%;
    height: auto;
    padding: 30px 0 50px 0;
    margin: auto;
}

.footerCol1 {
    width: 30%;
    height: auto;
    margin: 0;
    float: left;
}

.footerCol2 {
    width: 38%;
    height: auto;
    margin: 0;
    float: right;
}

.fPaymentCardBox {
    width: 100%;
    height: auto;
}

.fContactDetails {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 0 15px 0;
    text-align: left;
    font-size: 14px;
    color: #fff;
    line-height: 27px;
}

.socialMediaIconBox {
    width: 100%;
    height: auto;
    text-align: left;
}

div.fNav1 ul {
    margin: 10px 0;
    padding: 0;
    list-style: none;
}

div.fNav1 ul li {
    margin: 0;
    padding: 1px 0px;
    list-style: none;
}

div.fNav1 ul a:link,
div.fNav1 ul a:active,
div.fNav1 ul a:visited {
    margin: 0;
    padding: 0px;
    text-decoration: none;
    color: #fff;
    display: block;
    font-size: 14px;
    text-align: left;
    line-height: 27px;
    font-weight: 400;
}

div.fNav1 ul li a:hover {
    color: #ff6100;
    text-decoration: none;
}

.footerHeading {
    width: 100%;
    margin: 0 0 15px 0;
    font-size: 17px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
}

.cRightBox {
    width: 90%;
    height: auto;
    padding: 17px 5%;
    background: #024546;
    border-top: solid 0px #fff;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
}

.copyright {
    width: 100%;
    height: auto;
    padding: 0;
    margin: auto;
    text-align: center;
    text-transform: uppercase;
}

.whatsapp {
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    position: fixed;
    bottom: 5px;
    left: 5px;
    z-index: 99999;
}

.contacticon {
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    position: fixed;
    bottom: 5px;
    right: 5px;
    z-index: 99999;
}

/*---- Inner Page ----*/

.breadcrumbbox {
    width: 92%;
    padding: 15px 4%;
    margin: 125px 0 0 0;
    background: #fff;
    border-bottom: solid 1px #e1e1e1;
}

.pageHeading {
    margin: 0px 0 0 0;
    font-weight: 400;
}

.pageHeading h1 {
    font-size: 18px;
    color: #0f346e;
    text-align: left;
    font-weight: 400;
}

.bcNavBox {
    width: 100%;
    height: auto;
    padding: 0px 0 10px 0;
    font-size: 12px;
    color: #000;
}

a.bcNav:link,
a.bcNav:active,
a.bcNav:visited {
    font-size: 13px;
    color: #555;
    text-transform: uppercase;
    font-weight: 400;
}

a.bcNav:hover {
    color: #ff6100;
}

/*---- Inner Page ----*/

.innbody {
    width: 92%;
    height: auto;
    padding: 40px 4%;
    margin: 0;
    font-size: 14px;
    line-height: 27px;
    color: #555;
}

.inn-left-panel {
    width: 70%;
    height: auto;
    padding: 0;
    margin: 0;
    background: #fff;
    float: left;
}

.inn-right-panel {
    width: 27%;
    height: auto;
    padding: 0;
    margin: 0;
    background: #f7f7f7;
    float: right;
}

.sticky-position {
    height: auto;
    position: -webkit-sticky;
    position: sticky;
    top: 105px;
}

.ipagehead {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
}

.ipagehead .row1 {
    width: 97%;
    height: auto;
    padding: 14px 1.5% 12px 1.5%;
    margin: 0;
    background: linear-gradient(#0f346e, #1e52a4, #1e52a4);
    border-bottom: solid 5px #f5f5f5;
}

.ipagehead .row2 {
    width: 97%;
    height: auto;
    padding: 10px 1.5% 8px 1.5%;
    margin: 0;
    border-bottom: solid 5px #f5f5f5;
}

.ipagehead h1 {
    font-size: 25px;
    color: #fff;
    text-align: left;
    font-weight: 400;
}

.ipagehead .seller-panel {
    width: auto;
    height: auto;
    padding: 0;
    margin: 0 45px 0 0;
    float: left;
    color: #000;
    font-size: 15px;
}

.ipagehead .sdstitle-bg {
    width: auto;
    height: auto;
    padding: 5px 7px;
    margin: 0;
    background: #777;
    color: #fff;
    font-weight: 400;
    border-radius: 4px;
}

.ipagehead .sds-bg {
    width: auto;
    height: auto;
    padding: 5px 7px;
    margin: 0;
    background: #ff4800;
    color: #fff;
    font-weight: bold;
    border-radius: 4px;
}

/*-- Holidays Details --*/

.hdp-body {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
}

.itpd-price-days {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    background: #009fa0;
    border-bottom: solid 20px #f7f7f7;
}

.itpd-price-days h1 {
    width: 92%;
    height: auto;
    padding: 22px 0 20px 0;
    margin: 0 auto 22px auto;
    color: #fff;
    font-weight: 500;
    text-align: left;
    text-transform: uppercase;
    border-bottom: dashed 1px #e1e1e1;
}

.itpd-price {
    width: 45%;
    height: auto;
    padding: 0;
    margin: 0 auto 17px 4%;
    float: left;
    font-size: 18px;
    color: #fff;
    text-align: left;
    border-right: dashed 1px #e1e1e1;
}

.itpd-duration {
    width: 45%;
    height: auto;
    padding: 0;
    margin: 0 auto 17px auto;
    font-size: 18px;
    color: #fff;
    text-align: left;
    float: right;
}

.hdp-banner {
    width: 100%;
    height: auto;
    padding: 0 0 5px 0;
    margin: 0;
    border-bottom: solid 5px #f7f7f7;
}

.hdp-img-box {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    position: relative;
}

.hdp-slider-text {
    width: 96%;
    height: auto;
    padding: 5px 2% 7px 2%;
    margin: 0;
    background: rgb(0, 0, 0, 0.5);
    position: absolute;
    z-index: 1;
    bottom: 0px;
    font-size: 17px;
    color: #fff;
    line-height: 18px;
}

.hdp-body .overview {
    width: 94%;
    height: auto;
    padding: 10px 3% 20px 3%;
    margin: 0 auto;
    border-bottom: solid 5px #f5f5f5;
}

.hdp-body .overview-heading {
    width: 100%;
    height: auto;
    padding: 10px 0;
    margin: 0 auto;
    font-size: 22px;
    color: #000;
}

.hdp-body .pricebox {
    width: 94%;
    height: auto;
    padding: 10px 3%;
    margin: 0 auto;
    border-bottom: solid 5px #f5f5f5;
}

.hdp-rate-box {
    width: 100%;
    height: auto;
    padding: 10px 0;
    margin: 0;
}

.hdp-rate-box table {
    width: 100%;
    border-collapse: collapse;
    padding: 5px;
    font-size: 12px;
    text-align: center;
}

.hdp-rate-box table th {
    padding: 6px 5px;
    border: 2px solid #fff;
    background: #00388f;
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
}

.hdp-rate-box table td {
    padding: 5px 5px;
    border: 2px solid #fff;
    background: #f7f7f7;
    font-size: 13px;
    font-weight: bold;
}

.hdp-rate-box table tfoot td {
    padding: 2px 5px;
    background-color: #ff4800;
    color: #fff;
}

.tc-table {
    width: 100%;
    height: auto;
    padding: 10px 0;
    margin: 0;
}

.tc-table table {
    width: 100%;
    border-collapse: collapse;
    padding: 5px;
    font-size: 12px;
    text-align: center;
}

.tc-table table th {
    padding: 6px 5px;
    border: 2px solid #fff;
    background: #00388f;
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
}

.tc-table table td {
    padding: 5px 5px;
    border: 2px solid #fff;
    background: #f7f7f7;
    font-size: 13px;
    font-weight: bold;
}

.tc-table table tfoot td {
    padding: 2px 5px;
    background-color: #ff4800;
    color: #fff;
}

.hdp-details {
    width: 97%;
    height: auto;
    padding: 15px 0;
    margin: 0 auto;
}

.in-tabbtn {
    width: auto;
    height: auto;
    padding: 7px 20px 5px 20px;
    margin: 0 1px 0 0;
    background: #009fa0;
    color: #fff;
    float: left;
    font-size: 13px;
    font-weight: bold;
}

.in-tabbtn:hover {
    background: #ff4800;
    cursor: pointer;
    color: #fff;
}

.activetab {
    background: #ff4800;
    cursor: pointer;
    color: #fff;
}

.in-tab-content {
    width: 97%;
    height: auto;
    padding: 12px 0;
    margin: auto;
    color: #333;
    border-radius: 0px 7px 7px 7px;
}

.ienquiryform {
    width: 100%;
    height: auto;
    padding: 0 0 10px 0;
    margin: 0;
    background: #fff;
}

.ibnheading {
    width: 100%;
    height: auto;
    padding: 22px 0 20px 0;
    margin: 0 0 22px 0;
    background: #ff4800;
    color: #fff;
    font-size: 21px;
    text-align: center;
    font-weight: bold;
    text-align: center;
    border-bottom: solid 10px #f7f7f7;
}

.ibnFormRow {
    width: 86%;
    height: auto;
    padding: 0;
    margin: 0 auto 17px auto;
}

.ibnBtnRow {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 0 20px 0;
    text-align: center;
}

.ibntxt {
    width: 93.7%;
    height: auto;
    padding: 10px 2.5%;
    margin: auto;
    border: solid 1px #e1e1e1;
    color: #999 !important;
    font-size: 13px;
    border-radius: 4px;
    outline: none;
}

.ibntxtarea {
    width: 93.7%;
    height: auto;
    padding: 10px 2.5%;
    margin: auto;
    border: solid 1px #e1e1e1;
    color: #999 !important;
    font-size: 13px;
    border-radius: 4px;
    outline: none;
}

.isubmitbtn {
    width: auto;
    height: auto;
    padding: 10px 25px 11px 25px;
    margin: auto;
    background: #ff2a00;
    font-size: 15px;
    color: #fff;
    border-radius: 4px;
    border: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s !important;
}

.isubmitbtn:hover {
    background: #dd2400;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s !important;
}

.ibncontactDetails {
    width: 98%;
    height: auto;
    padding: 1px 1%;
    margin: 20px 0 0 0;
    background: #fff;
}

.icontacticon {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 25px 0 20px 0;
    text-align: center;
}

.needhelp {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    font-size: 25px;
    text-align: center;
}

.icontactno {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 25px 0 20px 0;
    color: #074f99;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
}

/*-- Car Details Css --*/

.cdPanel {
    width: 95%;
    height: auto;
    padding: 50px 2% 40px 3%;
    background: #fff;
    margin: auto;
}

.cdBox {
    width: 23%;
    height: auto;
    padding: 7px 0 0 0;
    margin: 0px 0.75% 20px 0.75%;
    background: #fff;
    border-left: solid 0px #e5e5e5;
    border-right: solid 0px #e5e5e5;
    border-bottom: solid 5px #002e8a;
    border-top: solid 5px #002e8a;
    float: left;
    border-radius: 10px;
    box-shadow: 1px 1px 2px #cbcbcb;
}

.cdImgBox {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    position: relative;
}

.cdHeading {
    width: 100%;
    height: auto;
    padding: 7px 0 5px 0;
    margin: 0;
    background: #ff4800;
    color: #fff;
    font-size: 15px;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
}

.cddetailsbox {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    font-size: 15px;
    color: #000;
    text-align: center;
    line-height: 24px;
}

.cdBox .cdrow {
    width: 100%;
    height: auto;
    padding: 5px 0 2px 0;
    margin: 0;
    font-size: 13px;
    border-bottom: dashed 1px #e5e5e5;
}

.cdBox .cdrow1 {
    width: 100%;
    height: auto;
    padding: 7px 0 0 0;
    margin: 0;
    font-size: 15px;
    font-weight: bold;
    color: #ff4800;
}

.cdBox .cdbookingbox {
    width: 100%;
    height: auto;
    padding: 12px 0;
    margin: 0;
    font-size: 15px;
    font-weight: bold;
    color: #ff4800;
}

.cdbookingbtn {
    width: auto;
    height: auto;
    padding: 7px 15px;
    margin: auto;
    background: #ff2a00;
    font-size: 15px;
    color: #fff;
    border-radius: 4px;
    border: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s !important;
}

.cdbookingbtn:hover {
    background: #dd2400;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s !important;
}

.cdBox:hover .img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.cdImg {
    overflow: hidden;
}

.img {
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

.cbooking-tc {
    width: 94%;
    height: auto;
    padding: 20px 2%;
    margin: 25px auto 0 auto;
    background: #fff;
}

/*-- Contact Page --*/

.iContactPanel {
    width: 92%;
    height: auto;
    padding: 20px 1% 0 1%;
    margin: 20px auto;
}

.iContactInquiryBox {
    width: 40%;
    height: auto;
    padding: 0;
    margin: 0;
    float: left;
}

.iContactFormRow {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 0 15px 0;
    position: relative;
}

.iContactBtnRow {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 0 20px 0;
    text-align: right;
}

.iFormTextBox {
    width: 95%;
    height: auto;
    padding: 10px 2.5%;
    margin: auto;
    border: solid 1px #e1e1e1;
    color: #999 !important;
    font-size: 14px;
    border-radius: 4px;
    outline: none;
}

.iFormTextAreaBox {
    width: 95%;
    height: 45px;
    padding: 10px 2.5%;
    margin: auto;
    border: solid 1px #e1e1e1;
    color: #999 !important;
    font-size: 14px;
    border-radius: 4px;
    outline: none;
}

.isubmitbtn {
    width: auto;
    height: auto;
    padding: 10px 25px 11px 25px;
    margin: auto;
    background: #dd2400;
    font-size: 15px;
    color: #fff;
    border-radius: 4px;
    border: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s !important;
}

.isubmitbtn:hover {
    background: #ff2a00;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s !important;
}

.iContactDetailsBox {
    width: 50%;
    height: auto;
    padding: 0;
    margin: 0;
    float: right;
}

.iContactHeading {
    width: 100%;
    height: auto;
    padding: 0px;
    margin: 0 0 25px 0;
    color: #00898a;
    font-size: 25px;
    font-weight: bold;
}

.iContactDetails {
    width: 100%;
    height: auto;
    padding: 0px;
    margin: 0 0 12px 0;
    color: #777;
    font-size: 15px;
    font-weight: 400;
}

.iContactMap {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
}

/*--Explore Offers Page CSS 15/06/2016 --*/

.eoContainer {
    width: 100%;
    height: auto;
    margin: 10px auto 20px auto;
}

.eoBox {
    width: 29%;
    height: auto;
    padding: 10px 1%;
    margin: 5px 1%;
    background: #fff;
    float: left;
    box-shadow: 0px 0px 4px #cbcbcb;
}

.eoImgBox {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    position: relative;
}

.eoNameBox {
    width: 92%;
    height: auto;
    padding: 10px 4%;
    margin: 0;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 18px;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
}

.eoToursDayBox {
    width: auto;
    height: auto;
    padding: 0 10px;
    margin: 0;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 12px;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
}

.eoPriceBox {
    display: none;
    width: auto;
    height: auto;
    padding: 5px 0;
    margin: 0;
    color: #363636;
    font-size: 17px;
    font-weight: 500;
    border-bottom: solid 1px #fff;
}

.eoIncludeBox {
    width: 94%;
    height: auto;
    padding: 10px 3% 5px 3%;
    margin: 12px 0 0 0;
    background: #f7f7f7;
}

.eoIncludeHeading {
    width: 96%;
    height: auto;
    padding: 2px 2%;
    margin: 0 0 12px 0;
    background: #ededed;
    font-weight: bold;
    font-size: 13px;
    line-height: 20px;
    text-align: left;
}

.eoIncludeItem {
    width: auto;
    height: auto;
    margin: 0 5% 0 0;
    float: left;
}

.eoIncludeIcon {
    width: 100%;
    height: 15px;
    padding: 0;
    text-align: center;
}

.eoIncludeTextBox {
    width: 100%;
    height: auto;
    padding: 0;
    font-size: 11px;
    text-align: center;
}

.eoMorDetailsRow {
    width: 100%;
    height: auto;
    padding: 0;
}

.eoMorDetailsBox {
    width: 100%;
    height: auto;
    padding: 15px 0 5px 0;
    float: left;
}

.eoMorDetailsBtn {
    width: auto;
    height: auto;
    padding: 7px 10px;
    border: none;
    background: #00388f;
    color: #fff;
    outline: none;
    cursor: pointer;
    border-radius: 3px;
    font-size: 13px;
    font-weight: bold;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s !important;
}

.eoMorDetailsBtn:hover {
    background: #ff6100;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s !important;
}

.reqtextbox {
    width: 96%;
    height: auto;
    padding: 12px 2%;
    margin: 0 0 10px 0;
    border: solid 1px #e1e1e1;
    border-radius: 4px;
}

.reqtextarea {
    width: 96%;
    height: 40px;
    padding: 12px 2%;
    margin: 0 0 10px 0;
    border: solid 1px #e1e1e1;
    border-radius: 4px;
}

.reqsubmitbtn {
    width: auto;
    height: auto;
    padding: 10px 15px 10px 15px;
    margin: 0;
    background: #e9270e;
    border: none !important;
    border-radius: 4px;
    font-size: 15px;
    color: #fff;
    font-weight: 400;
}

/* Model popup css */

.modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 99999;
    /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(81, 79, 79, 0.9);
    /* Black w/ opacity */
    padding-top: 0px;
}

/* Modal Content/Box */

.modal-content {
    background-color: #fefefe;
    margin: 5% auto 10% auto;
    /* 5% from the top, 15% from the bottom and centered */
    border: 1px solid #888;
    width: 40%;
    font-family: 'Poppins', sans-serif;
    /* Could be more or less, depending on screen size */
}

/* The Close Button (x) */

.close.closeTop {
    position: absolute;
    right: 26%;
    top: 40px;
    color: #f1f1f1;
    font-size: 36px;
    font-weight: normal;
    opacity: 1;
}

.close.closeTop:hover,
.close.closeTop:focus {
    color: #fff;
    cursor: pointer;
    opacity: 1;
}

h1.call-title {
    color: #fff;
    text-align: left;
    font-size: 18px;
    padding: 12px 20px;
    border-bottom: 1px solid #eee;
    background: rgb(9, 109, 183);
    background: linear-gradient(#fff, #e1e1e1);
    margin-bottom: 0;
}

.term-xx input[type="checkbox"] {
    cursor: pointer;
    position: inherit;
    top: 0;
    left: 0;
    /* opacity: 0!important; */
    outline: 0;
    z-index: 3;
    width: 17px;
    height: 17px;
    margin-left: 0;
    margin-top: 0;
}

.modal-top {
    background-color: #fefefe;
    margin: 5% auto 10% auto;
    border: none;
    width: 45%;
    border-radius: 20px;
    position: relative;
}

.modal-call {
    background: url(https://reservationscorp.com/images/girls.jpg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 92px;
}

/************************call-popup ****************************/

.term-xx input[type="checkbox"] {
    cursor: pointer;
    position: inherit;
    top: 0;
    left: 0;
    /* opacity: 0!important; */
    outline: 0;
    z-index: 3;
    width: 17px;
    height: 17px;
    margin-left: 0;
    margin-top: 0;
}

.modal-top {
    background-color: #fefefe;
    margin: 5% auto 10% auto;
    border: none;
    width: 45%;
    border-radius: 20px;
}

.modal-call {
    background: url(https://reservationscorp.com/images/girls.jpg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 92px;
}

h1.call-title {
    color: #072a60;
    text-align: left;
    font-size: 27px;
    padding: 12px 20px;
    border-bottom: 1px solid #eee;
    text-align: center;
    font-weight: bold;
    border-radius: 17px 17px 0 0;
}

.phone-modal-content {
    text-align: center;
    padding: 15px 14px 25px 15px;
    color: #000;
}

.phone-modal-text.floadmodalinterval {
    padding: 7px 0 10px 0;
    margin: 0 0 15px 0;
    border-bottom: solid 2px #f5f5f5;
}

.phone-modal-text.floadmodalinterval h3 {
    font-weight: 900;
    line-height: 42px;
    color: #ff4700;
    font-size: 1.75rem;
}

.phone-modal-phone {
    margin: 0 0 25px 0px;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    text-decoration: none;
    color: #3964a2;
}

.popup-callnow {
    margin: 0 0 25px 0px;
    text-align: center;
}

.powered-by-block {
    color: #666;
    bottom: 5px;
    position: absolute;
    left: 10px;
    font-size: 12px;
}

.powered-by-block span {
    color: #0f0f0f;
}

.phone-modal-phone i,
.rates-phone-number-inner-block i {
    margin-right: 10px;
    color: #ff4700;
}

/************************call-popup //****************************/

.phonefarediv.row {
    background: #062961;
    padding: 12px;
    margin-top: 10px;
    border-radius: 10px;
}

.phoneoffermod {
    width: 65%;
    height: auto;
    float: left;
}

.phoneoffermod h2 {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 1px;
    line-height: 21px;
    text-align: left;
}

.phoneoffermod .callsonly {
    font-size: 21px;
    font-weight: 700;
    margin: 0;
    font-weight: bold;
    text-align: left;
    color: #ffde00;
}

.calldeal {
    border: 1px solid #315fa1;
    width: 30%;
    float: right;
    margin-right: 12px;
    color: #ffde00;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    border-radius: 5px;
}

.call_Us_off {
    float: left;
    width: 100%;
    background: #315fa1;
}

.calldeal {
    padding: 0;
}

.call_Us_off {
    float: left;
    padding: 2px 0;
    width: 100%;
    background: #315fa1;
    font-weight: 700;
    font-size: 17px;
}

.centerHeading {
    width: 100%;
    margin: auto;
    padding-bottom: 12px;
    padding-top: 12px;
    font-size: 24px;
    font-weight: 600;
    background: rgb(247, 186, 114);
    background: linear-gradient(180deg, #ff5c6d 0%, #e40115 100%);
    border-radius: 5px;
    color: #fff;
}

.callcenterimg {
    display: none;
    text-align: left;
}

@media (min-width: 320px) and (max-width: 769px) {
    .modal-top {
        background-color: #fefefe;
        margin: 5% 5% 5% 5%;
        border: none;
        width: 90%;
        height: 92.5%;
        border-radius: 0;
        position: absolute;
        z-index: 9999;
        top: 0;
        left: 0;
    }
    .close.closeTop {
        position: absolute;
        right: 0px;
        top: -5px;
        color: #f1f1f1;
        font-size: 36px;
        font-weight: normal;
        opacity: 1;
    }
    h1.call-title {
        font-size: 18px;
    }
    .phone-modal-text.floadmodalinterval h3 {
        font-weight: bold;
        line-height: 35px;
        color: #ff4700;
        font-size: 24px;
    }
    .phone-modal-phone {
        margin: 0 0 10px 0px;
        text-align: center;
        font-size: 27px;
    }
    .popup-callnow {
        margin: 0 0 15px 0px;
        text-align: center;
    }
    .centerHeading {
        font-size: 20px;
        font-weight: 500;
        padding: 12px 10px;
        line-height: 35px;
    }
    .calldeal {
        width: 80%;
        margin-right: 10% !important;
        margin-left: 10% !important;
        margin-top: 20px !important;
        font-size: 27px;
        line-height: 42px;
    }
    .phoneoffermod h2 {
        text-align: center;
    }
    .phoneoffermod .callsonly {
        text-align: center;
        font-size: 21px;
    }
    .call_Us_off {
        font-size: 27px;
    }
    .text-blink {
        font-size: 15px !important;
    }
    .bottom-callus .text-blink {
        font-size: 35px !important;
    }
    .callcenterimg {
        display: block;
        text-align: center;
    }
    .clicktocall {
        display: inline-block;
        padding: 7px 12px;
        background: #f1f1f1;
        border-radius: 20px;
    }
}

.staricon {
    color: #fff;
}

/* End Model popup css */

/* End footer tpl css */