body {
    overflow-x: hidden;
}

html {
    /*  scroll-behavior: smooth; */
}

a {
    transition: all ease 0.2s;
    color: #d8b341;
}

p {
    margin: 0 0 20px;
}

img {
    max-width: 100%;
    height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0 !important;
    line-height: 1.2;
}

select option {
    font: -moz-pull-down-menu;
}



/*
h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
	color: #2c398a;
}
h1, h2 {
	font-size:45px;
}
h3 {
	font-size:35px;
}
h4 {
	font-size:23px;
	font-weight:500 !important;
}
h5 {
	font-size:20px;
}
*/
td p:first-child {
    margin-bottom: 0;
}

.t_t_u {
    text-transform: uppercase !important;
}

.vc_general.vc_btn3 {
    font-weight: 500;
}

.btn-primary {
    background-color: #f79421;
    border-color: #f79421;
}

.btn-primary:hover {
    background-color: #333333;
    border-color: #222;
}

.fw400 {
    font-weight: 400;
}

.fw500 {
    font-weight: 500;
}

.fw700 {
    font-weight: 700;
}

.txt_inline {
    display: inline-block;
}

.f55 {
    font-size: 55px !important;
}

.f28 {
    font-size: 28px !important;
}

.vc_btn3.vc_btn3-style-custom {
    background-image: none !important;
}

.vc_btn3-size-lg {
    font-weight: bold !important;
    font-size: 25px !important;
}

.vc_btn3:hover {
    opacity: 0.8;
}

.slick-slide {
    outline: none !important;
}

.site-content ul {
    padding: 0 0 8px 18px;
    line-height: 1.3;
}

.site-content ul li {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 26px;
}

.page-id-1256 #content.widecolumn {
    padding: 0 !important;
}


.responsive-menu-open button#responsive-menu-button {
    z-index: 1 !important;
}

/*
top_links
*/
.top_links {
    float: right;
    padding-bottom: 6px;
}

.top_links .fa.fa-phone {
    color: #0070bb;
}

.top_links .contact_btn {
    display: block;
    background: #2c398a;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    padding: 0 12px;
    text-decoration: none;
}

.top_links .contact_btn:hover {
    background-color: #f79421;
    color: #fff !important;
}








/*
footer subscription
*/
.ctct-form-61 .ctct-button {
    position: absolute;
}

.ctct-form-61 .ctct-text,
.ctct-form-61 .ctct-email {
    display: block;
    width: 100%;
    padding: 10px;
    border: 1px solid #59497e;
    font-size: 17px;
}

.ctct-form-61 .ctct-submit {
    padding: 0 22px;
    line-height: 44px;
    border: 0;
}

.ctct-form-61 .ctct-submit:focus,
.ctct-form-61 .ctct-submit:hover {
    opacity: 0.7;
}

.ctct-form-61 .ctct-disclosure {
    display: none;
}

/*
about
*/
.page-id-151 .site-content,
.page-id-444 .site-content,
.single-road-bikes .site-content {
    padding-top: 0px;
}

.site-content {
    padding-top: 50px;
}

body.home.page-template-default.page {
    /* 	padding: 150px;
    text-align: center;
    padding-bottom: 100px; */
}

.home .site-content,
body:not(.home) .content-area {
    /* 	padding-top: 0px !important; */
}

.product_1 {
    margin: 30px 0;
}

.product_1 a img {
    display: block;
    margin: auto;
}

.product_1 a {
    text-decoration: none;
}

.product_1 span {
    line-height: 50px;
}

.product_1 span,
.read_more_btn,
.single_product span.size {
    color: #bb2b35;
}

.read_more_btn {
    border-bottom: 2px solid #bb2b35;
    display: inline-block;
}

.read_more_btn:hover {
    color: #bb2b35;
}

/*
single bike
*/

.single_product .size {
    margin-bottom: 10px;
}

.home #main_nav ul a {
    color: #d8b241 !important;
}


.single_product h1 {
    position: relative;
    padding-bottom: 10px;
}

.single_product h1::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 20%;
    height: 5px;
    background: #bb2b35;
}



/* 
 gallery_row
 */

.row.gallery_row {
    margin-top: 50px;
}

.row.gallery_row {
    display: none !important;
}

/* 
 technical_specification 
 */

.technical_specification {
    background: url(https://offthefrontbikerental.com/wp-content/uploads/2022/02/tech_bg.jpg) no-repeat;
    background-size: cover;
    padding: 50px 0;
    margin: 50px 0;
    width: 100vw;
    margin-left: calc(-50vw + 50%) !important;

}

.technical_specification {
    display: none !important;
}

.technical_specification h3,
.geometry_sec h2 {
    color: #bb2b35 !important;
}

.technical_specification p,
.technical_specification h2 {
    color: #fff;
}

.technical_specification h2 {
    margin-bottom: 30px;
}

/*
geometry_sec
*/

.geometry_sec {
    background: url(https://offthefrontbikerental.com/wp-content/uploads/2022/02/geametry_bg.jpg) no-repeat left;
    background-position-x: -155px;
    width: 100vw;
    margin-left: calc(-50vw + 50%) !important;
    display: none !important;
}

.geometry_sec.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    color: #6c6c6c;
    font-weight: 400;
    font-size: 14px;
}

.table-wrapper {
    background-color: #f5f5f5;
    padding: 20px;
    border-radius: 20px;
}

.seprtr {
    border-bottom: 5px solid #bb2b35 !important;
    margin-top: 30px;
}



/*
footer blog
*/
#footerBlog .vc_gitem-zone {
    overflow: visible;
}

#footerBlog .postContent {
    position: relative;
}

#footerBlog .postDate {
    position: absolute;
    top: -30px;
    left: 0px;
    z-index: 9999;
}


/*
contact footer col1
*/
.page-id-279 #contact_foot1 {
    display: none;
}

#content .contact_foot {
    background-position: -130px 0 !important;
    position: relative;
}

#content .contact_foot:before {
    background: url(../images/cta_contact_bg.jpg) no-repeat center bottom;
    width: 100%;
    height: 260px;
    position: absolute;
    /*z-index:999;*/
    left: 0;
    bottom: 0;
}

.contact_foot .col1 .vc_column-inner .wpb_wrapper {
    background-color: #f7f7f7;
}



/*
contact footer col2
*/
.contact_foot .col2 .vc_column-inner {
    background-position: right bottom !important;
}

.contact_foot .col2 .wpb_single_image * {
    width: 100%;
}

.contact_foot .social_links {
    padding: 0 !important;
}

.contact_foot .social_links li {
    padding: 0 8px 0 0;
}

.contact_foot .social_links a {
    color: #fff;
}

.contact_foot .social_links .fa-circle:before {
    border: 1px solid #393939;
    border-radius: 100%;
}

.contact_foot .col2 .footer-contacts a,
.contact_foot .col2 .footer-contacts a:before {
    color: #393939;
}

.contact_foot .social_links .fab {
    color: #393939;
}

.footer-contacts .with-icon {
    position: relative;
    margin-bottom: 13px;
}


/*
footer-contacts
*/
.footer-contacts ul {
    list-style: none;
    padding: 0 0 10px;
    margin: 0;
}

.footer-contacts li {
    padding-bottom: 8px;
    /*line-height:28px;*/
    padding-left: 32px;
}

.footer-contacts .with-icon:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f095";
    position: absolute;
    left: -32px;
    color: #393939;
    font-size: 20px;
}

.contact_foot li a:hover {
    text-decoration: none;
    opacity: 0.7;
}

.footer-top .with-icon:before {
    color: #fff;
}

.footer-contacts .with-icon.phone:before {
    transform: scaleX(-1);
}

.footer-contacts .with-icon.email:before {
    content: "\f0e0";
    font-weight: 900;
}

.footer-contacts .with-icon.address:before {
    content: "\f3c5";
}


ul.list-inline.social_links li a span i {
    background-color: #d8b341;
    border-radius: 100px;
}



/*
---
contact footer form
-----------
*/
.contact_footer {
    padding-right: 15px;
}

.contact_footer>.row>div {
    padding-right: 0 !important;
}

.wpcf7-form-control-wrap {
    display: block;
    margin-bottom: 25px !important;
    padding-top: 6px;
}

#contact_foot1 .wpcf7-form-control-wrap {
    margin-bottom: 20px !important;
}

.contact_footer .wpcf7-list-item.first {
    margin: 0;
}

.contact_footer .wpcf7-list-item-label {
    font-weight: 400;
}

.contact_footer input[type=text],
.contact_footer input[type=email],
.contact_footer input[type=tel],
.contact_footer input[type=url],
.contact_footer textarea {
    font-size: 16px;
    border: 1px solid #d6d6d6;
    padding: 8px;
    width: 100%;
}

.contact_footer textarea {
    height: 120px;
    resize: none;
}

.contact_footer input::-webkit-input-placeholder,
.contact_footer textarea::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #000;
}

.contact_footer input::-moz-placeholder,
.contact_footer textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: #000;
}

.contact_footer input:-ms-input-placeholder,
.contact_footer textarea:-ms-input-placeholder {
    /* IE 10+ */
    color: #000;
}

.contact_footer input:-moz-placeholder,
.contact_footer textarea:-moz-placeholder {
    /* Firefox 18- */
    color: #000;
}

.contact_footer .btn {
    font-size: 22px;
    color: #fff;
    font-weight: 600;
    background: #2c398a;
    padding: 5px 15px;
    border: 0;
    border-radius: 0;
}

.contact_footer .btn:hover {
    opacity: 0.7;
}

.contact_footer .btn:focus:active {
    outline: none;
    box-shadow: none;
}

div.wpcf7-validation-errors {
    border: 2px solid rgb(220, 9, 9) !important;
    color: #fff;
    background-color: #ff2a5b;
}

div.wpcf7-mail-sent-ok {
    border: 2px solid #40a713;
    color: #fff;
    background-color: #48ab1d;
    padding: 6px;
}

div.wpcf7-mail-sent-ng {
    border: 2px solid #e41111;
    background-color: rgba(224, 59, 89, 0.98);
}

.contact_footer .form-group {
    margin-bottom: 13px;
}







/*----footer-bottom--------*/
#footer {
    background-color: #272e76;
    color: #fff;
    padding: 18px 0;
    text-align: center;
}

/* #footer{
	background: url(https://idevwork.com/off-the-front/php/wp-content/uploads/2022/01/footer_bg.jpg?id=106) no-repeat !important;
} */

#footer a {
    color: #fff;
    text-decoration: none;
}

#footer .footer-menu {
    list-style: none;
    margin: 0 auto;
    text-align: center;
}

#footer .footer-menu li {
    padding: 0 15px;
    border-left: 2px solid #fff;
    line-height: 1.1;
}

#footer .footer-menu li:first-child {
    border: 0;
}

#footer .footer-menu li a {
    font-size: 18px;
}

#footer .footer-menu li.current_page_item a {
    color: #f79421;
}

#footer a:hover {
    opacity: 0.7;
}

#footer .footer-copyright {
    font-size: 14px;
}

#footer .footer-copyright a {
    font-size: 14px;
    color: #000;
}

#footer .footer-copyright a:hover {
    color: #D8B341;
}

/*----footer-bottom--------*/




/*
====================================
scroll_top
====================================
*/
.scroll_top,
.scroll_top:focus {
    widows: 44px;
    height: 44px;
    text-align: center;
    color: #444;
    display: none;
    position: fixed;
    right: 40px;
    bottom: 40px;
    z-index: 999;
    opacity: 0.8;
    overflow: hidden;
    outline: 0;
    font-size: 20px;
}

.scroll_top:hover {
    opacity: 1;
    color: #000;
}



/*
testi_loop_cont
*/
.testi_loop_cont {
    text-align: center;
}

.testi_loop_cont .content {
    padding-bottom: 40px;
    font-size: 18px;
    line-height: 30px;
    position: relative;
}

.testi_loop_cont .content .inner {
    padding: 20px 65px 0;
}

.testi_loop_cont .content .inner:before,
.testi_loop_cont .content .inner:after {
    width: 46px;
    height: 45px;
    position: absolute;
    content: "";
}

.testi_loop_cont .content .inner:before {
    background: url(../images/quote_left.gif);
    left: 0;
    top: 0;
}

.testi_loop_cont .content .inner:after {
    background: url(../images/quote_right.gif);
    right: 0;
    bottom: 32px;
}

.testi_foot {
    color: #2c398a;
    font-size: 25px;
    padding: 15px 0 0;
    position: relative;
}

.testi_title:before {
    height: 1px;
    background: #2d3093;
    position: absolute;
    top: 0;
    left: 50%;
    width: 240px;
    margin-left: -120px;
    content: "";
}

.testi_foot .testi_title {
    font-weight: 500;
}





/* Two Styled Sec*/
.two-styled-col .col_right {
    position: relative !important;
}

.two-styled-col .col_right>.vc_column-inner {
    border: 1px solid #d7d7d7;
}

.two-styled-col .col_left img {
    visibility: hidden;
}


.two-styled-col-2 .col_left {
    position: relative !important;
}

.two-styled-col-2 .col_left>.vc_column-inner {
    border: 1px solid #d7d7d7;
}

.two-styled-col-2 .col_right img {
    visibility: hidden;
}

.box_border {
    border: 1px solid #d7d7d7;
}

.img_full {
    width: 100%;
    max-width: 100%;
    height: auto;
}







/*
main_menu_bar
*/
.main_menu_bar {
    clear: both;
    text-align: right;
    font-size: 15px;
    /* 	padding:22px 0 0 0; */
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: end;
}

.main_menu_bar .menu-main-menu-container {
    position: relative;
    display: inline-block;
}

.main_menu_bar .menu-main-menu-container ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 0;
}

.main_menu_bar .menu-main-menu-container li {
    position: relative;
}

.main_menu_bar .menu-main-menu-container>ul>li {
    display: inline-block;
    border-left: 1px solid #fff;
    padding: 0 8px 0 12px;
}

.main_menu_bar .menu-main-menu-container>ul>li:first-child {
    border-left: 0;
}

.main_menu_bar .menu-main-menu-container>ul a {
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    line-height: 17px;
    padding-left: 0 5px 0 10px;
}

.top_links>ul>li.menul {
    border-left: 1px solid #fff;
}

.top_links>ul>li.menul:first-child {
    border: 0;
}

.menul a {
    display: block;
    color: #fff;
    text-decoration: none;
    line-height: 16px;
    padding-left: 3px;
}

.main_menu_bar .menu-main-menu-container>ul>li:hover>a,
.main_menu_bar .menu-main-menu-container .current-menu-item a,
.main_menu_bar .menu-main-menu-container .current_page_item a,
.main_menu_bar .menu-main-menu-container .current_page_parent a,
.top_links>ul>li:hover>a,
.top_links .current-menu-item a,
.top_links .current_page_item a,
.top_links .current_page_parent a {
    color: #bb2b35;
}


#responsive-menu-container #responsive-menu-additional-content {
    padding: 0 !important;
}

#responsive-menu-container .responsive-menu-button {
    font-size: 20px;
    border: 1px solid #fff;
    display: inline-block;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}

#responsive-menu-container .responsive-menu-button:hover {
    background-color: #ff8400;
}




/*
**************************
submenu
**************************
*/
.main_menu li:hover>ul.sub-menu {
    display: block;
}

.main_menu>li>ul.sub-menu {
    box-shadow: 2px 2px 18px 2px rgba(0, 0, 0, 0.1);
    top: 79px;
    left: 13px;
    padding: 10px 0;
    z-index: 5;
}

.main_menu>li ul.sub-menu {
    background: rgba(255, 135, 77, 0.90);
    border: 2px solid rgba(255, 255, 255, 0.95);
    /* rgba(26, 53, 75, 0.95); */
    margin: 0;
    position: absolute;
    width: 210px;
    display: none;
}

.main_menu>li>ul.sub-menu ul {
    top: 0;
    left: 210px;
    margin-left: -4px;
}

.main_menu>li>ul.sub-menu:before {
    content: "";
    position: absolute;
    top: -16px;
    left: 10px;
    border-bottom: 10px solid rgba(255, 255, 255, 0.90);
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    margin: 0px auto;
    width: 16px;
    height: 16px;
    z-index: 2;
}

.no-arrow:before {
    border: 0 !important;
}

.main_menu>li ul.sub-menu li {
    font-size: 14px;
    text-transform: capitalize;
    text-align: left;
    margin: 0px;
}

.main_menu>li ul.sub-menu .menu-item {
    list-style: none;
}

.main_menu>li>ul.sub-menu>li.menu-item-has-children {
    /*display: table-cell;*/
}

.main_menu>li ul.sub-menu li a {
    display: block;
    padding: 9px 11px;
    transition: all 0.4s linear 0s;
    -webkit-transition: all 0.4s linear 0s;
    color: #fff;
    text-decoration: none;
    background-color: transparent !important;
    line-height: 20px;
}

/*.main_menu>li ul.sub-menu > li.menu-item-has-children > a {
	color: #111;
	text-transform: uppercase;
}*/
.main_menu>li ul.sub-menu li:hover>a {
    color: #fff;
    background-color: #1a354b !important;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
}






/*
CTA homepage
*/
#lets_talk>.wpb_column:first-child {
    text-align: right;
}

#lets_talk .vc_custom_heading {
    display: inline-block;
    padding-right: 20px;
}

#lets_talk a:hover {
    text-decoration: none;
}








/*
====================================
33. BLOG WIDGET CSS
====================================
*/
.blogBox {
    padding-bottom: 22px;
    margin-bottom: 40px;
    border-bottom: 1px solid #cccdcd;
}

.blogImage {
    border: 1px solid #cccdcd;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
    background: #ebebeb;
}

.blogImage img {
    width: 100%;
    height: auto;
}

.blogImage .blogDate {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 39px;
    background: #f79421;
    color: #fff;
    padding: 10px 13px;
    text-align: center;
}

.blogImage .blogDate i {
    font-size: 12px;
    font-style: normal;
    display: block;
}

.blogImage .blogDate span {
    font-size: 20px;
    font-style: normal;
    display: block;
}

.blogImage .blogDate i,
.blogImage .blogDate span {
    margin-left: -3px;
}

.blogImage .blogDate i~i {
    margin-left: -6px;
}

.blogImage .blogDate hr {
    border-top: 1px solid #fff;
    padding: 5px 0 0 0;
    margin: 5px 0 0 0;
}

.blogContent h3.blog-title {
    font-size: 24px;
    line-height: 1.2;
}

.blogContent h2.blog-title {
    font-size: 30px;
    line-height: 1.2;
}

.blogDesc a.more {
    font-size: 16px;
}

.blogBox:hover {
    border-color: #f79421;
}

.blogBox:hover a.more,
.blogBox:hover a.more2 {
    color: #000;
}

.blogImage.hoverStyle .hoverIcons,
.blogImage .hoverStyle .hoverIcons,
.galleyBox.hoverStyle .hoverIcons {
    bottom: 50%;
    margin-bottom: -16px;
}

.blogPage hr {
    border-color:
        #d6d6d6;
}

section#recent-posts-2 ul li a {
    color: #000 !important;
    display: flex;
    padding: 10px 0;
    transition: all linear .25s;
    /* text-indent: 5px; */
    border-bottom: 2px dotted #000 !important;
    align-items: center;
    padding-left: 14px;
}

section#recent-posts-2 ul li a:hover {
    color: #d8b341 !important;
}

/*
blog sidebar
*/
.sidebar .widget_container {
    margin-top: 30px;
}

.sidebar .widget_container:first-child {
    margin-top: 0 !important;
}

.sideBox {
    margin-bottom: 30px;
}

.blogSideBar .widget_search {
    background: #f1f1f1;
    border: 1px solid #dddddd;
    border-radius: 8px;
    padding: 30px 25px;
    margin-bottom: 30px;
}

.blogSideBar .widget_search h4 {
    border-bottom: 0;
    padding-bottom: 0;
}

.blogSideBar .widget_search form {
    position: relative;
}

.blogSideBar .widget_search input[type="text"] {
    padding: 7px 90px 7px 10px;
}

.blogSideBar .widget_search button[type="submit"] {
    position: absolute;
    right: 0;
    top: 0;
    margin-bottom: 0;
    padding: 7px 15px;
    font-size: 17.5px;
    line-height: normal;
    margin: 0;
    color: #fff;
    background: #1f4767;
    border: 0;
    outline: 0;
}

.blogSideBar .widget_search button[type="submit"]:hover {
    background: #d8b341;
}

.blogSideBar ul {
    list-style: none;
    margin: 0px;
    padding: 0;
}

/* .blogSideBar ul li:first-child{border-top:0;padding-top:0;}
.blogSideBar ul li{border-top:1px dashed #b0b0b0;margin-left:2px;} */
.blogSideBar ul li a {
    color: #323232;
    display: block;
    padding: 10px 0;
}

.blogSideBar ul li {
    position: relative;
}

.blogSideBar ul li:before {
    content: "\f0da";
    line-height: 1;
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    position: absolute;
    top: 14px;
    left: 0;
    color: #d8b341;
}

/* .blogSideBar ul li a:hover{color:#fff;background:#f79421;text-decoration:none;} */
.recent-project a {
    float: left;
    margin: 16px 0 0 16px;
    width: 75px;
    height: 75px;
    overflow: hidden;
}

.recent-project a:nth-child(4n-7) {
    margin-left: 0;
}

.recent-project a img {
    width: 100%;
    height: auto;
}

.blogSideBar .list_accordion dt:before {
    content: "\f13a";
    color: #373737;
}

.blogSideBar .list_accordion dt.open:before {
    content: "\f139";
    color: #f79421
}

.blogSideBar .list_accordion dd {
    padding: 10px;
    background: none;
}

.blogSideBar .list_accordion dt.open {
    margin-bottom: 0;
}

.blogSideBar h4 {
    border-bottom: 1px dashed #333333;
    padding: 0 0 8px;
}

.blogSideBar #search-2 {
    background: #f1f1f1;
    border: 1px solid #dddddd;
    border-radius: 8px;
    padding: 30px 25px;
    margin-bottom: 30px;
}

.blogPage hr {
    border-color: #d6d6d6;
}

.blogDetail.style2 .blogContent {
    float: right;
}

.blogDetail.style2 .blogSide {
    float: left;
}

.blogGallery {
    margin-bottom: 15px;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 15px;
}

.galleyBox {
    margin-bottom: 30px;
}

.galleyBox img {
    width: 100%;
    height: auto;
}

.blogDetail .blogContent .blogBox:hover {
    border-color: #cccdcd;
}

.morelink,
.blogListFooter p {
    margin-bottom: 15px;
}

section#recent-posts-2 h2,
section#text-5 h2,
section#instagram-feed-widget-2 h2,
section#search-2 h2,
section#custom_html-2 h2,
section#custom_html-7 h2,
section#custom_html-6 h2,
section#fbtw_facebook-2 h2,
section#wpzoom_instagram_widget-3 h2,
section#wpzoom_instagram_widget-2 h2 {
    background: #1f4767;
    color: #fff;
    border-left: 20px solid #d8b341;
    line-height: 1.5;
    text-indent: 10px !important;
    font-size: 24px !important;
    margin-top: 30px !important;
}




/* ( PAGINATION CSS ) */
.pagination {
    display: inline-block;
}

.pagination a {
    display: inline-block;
    color: #a6a6a6;
    font-size: 15px;
    border: 1px solid #e1e1e1;
    background: #fff;
    width: 45px;
    height: 41px;
    text-align: center;
    line-height: 41px;
    float: left;
    margin-left: 1px;
    text-decoration: none;
}

.pagination a:hover,
.pagination .pagActive a {
    background: #ff6b56;
    color: #fff;
    border-color: #ff6b56;
}

.pagination .prevPage a,
.pagination .nextPage a {
    background: #31526d;
    color: #fff;
    border-color: #fff;
    font-size: 25px;
}

/*.pagination .prevPage{margin-right:10px;}
.pagination .nextPage{margin-left:9px;}*/





.subheader {
    background-color: #80b8c8;
    background: url(../images/home_package_bg.jpg);
    background-size: cover;
    padding: 12px 0 22px;
    /*text-align:right;*/
    color: #fff;
}

.subheader h1 {
    margin: 0;
    line-height: normal;
    color: #fff;
}

.breadcrumb {
    background-color: transparent;
    padding: 0 !important;
    margin: 8px auto 0 !important;
}

.breadcrumb ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.breadcrumb a {
    color: #fff;
}

.breadcrumb .current-item {
    color: #ff8400;
}

body:not(.home) .content-area {
    padding: 65px 0;
}









/*
services page
*/
ul.star_list {
    list-style: none;
    margin: 0px;
    padding: 0 0 20px 25px !important;
}

.star_list li {
    margin-bottom: 13px;
    position: relative;
}

.star_list li:before {
    content: "\f005";
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    color: #f79421;
    position: absolute;
    left: -25px;
}

#home_services.blue_bg>.wpb_column>.vc_column-inner {
    background: #27aae1;
}

#home_services.blue_bg>.wpb_column>.vc_column-inner:hover {
    background: #2c398a;
}

#home_services.blue_bg .vc_icon_element-inner {
    border-color: #fff !important;
}

#home_services.blue_bg .vc_icon_element-inner .vc_icon_element-icon {
    color: #fff !important;
}



















/*
new css here
*/
#cat_head_row {
    width: 490px;
    margin: auto;
}

#cat_head_row .heading2 b {
    color: #bb2b35;
}


#home_cat_row .wpb_heading {
    position: absolute;
    bottom: 45px;
    left: 0;
    width: 100%;
    color: #fff;
    font-size: 45px;
    font-weight: 700;
    padding: 15px;
}

#home_cat_row .wpb_single_image {
    position: relative;
    margin: 0;
}

#home_cat_row .vc_custom_heading a:hover {
    opacity: 1 !important;
}



#home_abt_row .col_left .vc_column-inner {
    background-position: center right !important;
    background-size: contain;
}

#home_abt_row .col_right {
    position: relative;
}

#home_abt_row .col_right .vc_column-inner>.wpb_wrapper {
    padding-right: 422px;
}

#home_abt_row .col_right .float_img {
    position: absolute;
    right: 0;
    top: 0;
    width: 422px;
    height: 798px;
}

#home_abt_row .col_right .vc_column-inner {
    background-position: center right !important;
    background-size: contain;
}


#home_off_front .wpb_single_image {
    text-align: center !important;
}

#home_off_front .vc_custom_heading {
    text-transform: uppercase;
}

#home_off_front .vc_custom_heading b {
    color: #bb2b35;
}



#home_dealday .cont .wpb_wrapper {
    max-width: 490px;
    margin: auto;
    left: 13%;
    position: relative;
}

#home_dealday .cont .vc_btn3 {
    font-weight: 400 !important;
}



#home_blog .heading b {
    color: #bb2b35;
}

#home_blog .head_row {
    padding: 0 60px;
}

#home_blog .post_date {
    color: #bb2b35;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 7px;
}

#home_blog .post_title {
    margin-bottom: 0;
}

#home_blog .post_title * {
    color: #000;
    font-size: 15px;
    font-weight: 900;
    text-transform: uppercase;
}

#home_blog .post_excerpt {
    color: #000;
    font-size: 13px;
}

#home_blog .post_excerpt {
    color: #000;
    font-size: 14px;
}

#home_blog .vc_grid-item-mini {
    border: 1px solid #eee;
    /*f7f7f7*/
}


#footer_menu .menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

#footer_menu .menu li {
    display: inline-block;
    padding: 0 10px 0 0;
    border-right: 1px solid #fff;
    margin: 0 10px 0 0;
}

#footer_menu .menu li:last-child {
    border-right: 0px solid #fff;
    padding-right: 0;
    margin-right: 0;
}

#footer_menu .menu li a {
    font-size: 17px;
    font-weight: 600;
}


#footer .footer_social {
    padding: 0;
}

#footer .footer_social li {
    margin: 0;
}

#footer .footer_social a {
    color: #eeebec;
}


.topbar {
    font-size: 16px;
    /* 	padding:10px 0; */

}

.topbar .head_contacts,
.topbar .head_socials {
    display: inline-block;
    margin: 0;
}

.topbar .head_contacts i {
    color: #bb2b35;
}

.topbar a {
    font-size: 16px;
    font-weight: 300;
}

.topbar .head_socials {
    margin-left: 30px;
}

.topbar .head_socials a {
    text-decoration: none;
}

.topbar .head_socials a:hover {
    opacity: 0.7;
}

.main_menu_bar .rmp_menu_trigger {
    display: none !important;
}


#page.site {
    position: relative;
}

.home header#masthead {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 999;
}

.sched_btn {
    display: inline-block;
    font-size: 18px;
    color: #fff;
    background: #bb2b35;
    border-radius: 4px;
    line-height: 28px;
}

.sched_btn a {
    color: #fff;
    padding: 0 10px;
    text-decoration: none;
}

.sched_btn a:hover {
    opacity: 0.7;
}


/*----------CONNECT PAGE----------*/

.page-id-149 .site-header {
    display: none;
}

#connect-btn {
    margin: auto;
    padding: 7px;
}

#connect-btn button,
#connect-btn a {
    width: 400px;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    background: #BB2B35;
}

.social-icon {
    margin: auto;
    text-align: center;
}

.social-icon a {
    color: #fff;
    font-size: 30px;
    text-decoration: none;
    font-family: "Font Awesome 5 Brands";
    margin: 10px;
    padding: 10px;
    width: 56px;
    border-radius: 5px;
}

.social-icon .fa-facebook-f {
    background: #3B5998;
    color: white;
}

.social-icon .fa-instagram {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    color: white;
}

.social-icon a:hover {
    color: #fff;
    text-decoration: none;
    opacity: 0.8;
}





#footer .ctct-form-wrapper {
    position: relative;
    width: 70%;
    text-align: center;
    margin: 0 auto;
}

#footer .ctct-form-wrapper input[type="email"] {
    border-radius: 55px !important;
    padding: 24px 55px;
    font-style: italic;
    background: #eae9e9;
    width: 100%;
    border: 0;
    color: #111;
}

#footer .ctct-form {
    position: relative;
}

#footer .button.ctct-button {
    display: none;
}

#footer p.ctct-form-field.ctct-form-field-submit {
    position: absolute;
    top: 11px;
    right: 16px;
}

#footer .ctct-form-wrapper .ctct-submit {
    background: #bb2b35;
    border: none;
    padding: 10px 55px;
    border-radius: 55px;
    font-size: 20px;
    text-transform: none;
    color: #fff;
    transition: 0.3s;
}

#footer .ctct-form-wrapper .ctct-submit:hover {
    opacity: 0.7;
}

.condition_ul li {
    list-style: none !important;
    padding: 0 !important;
}

.condition_ul li::bofore {
    content: "\2022";
    /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: red;
    /* Change the color */
    font-weight: bold;
    /* If you want it to be bold */
    display: inline-block;
    /* Needed to add space between the bullet and the text */
    width: 1em;
    /* Also needed for space (tweak if needed) */
    margin-left: -1em;
    /* Also needed for space (tweak if needed) */
}

.bike_btn {
    width: 280px;
    margin: auto;
    display: flex;
    justify-content: space-evenly;
}

a.read_more_btn.single_bike_anchor {
    border: 0;
    color: #fff;
    background: #bb2b35;
    width: 100px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    margin-top: 20px;
    text-decoration: none;
}

a.read_more_btn.single_bike_anchor:hover {
    color: rgba(255, 255, 255, 0.7)
}

.bike_time label {
    margin-top: 0 !important;
    font-size: unset !important;
}

.bike_time input {
    margin-top: 10px !important;
}

#field_2_4 {
    margin-bottom: 0 !important;
}

input#gform_submit_button_2 {
    background: #bb2b35 !important;
    color: #fff !important;
    width: 100px !important;
    line-height: 40px !important;
    border: 0 !important;
}

#gform_2 input,
#gform_2 textarea {
    outline: none !important;
}

.terms_con li {
    color: #fff !important;
}

#gform_2 input#input_2_12 {
    background: #bb2b35;
    border: 0;
    color: #fff;
}

.technical_spec_btn {
    border: 0;
    color: #fff;
    background: #bb2b35;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    margin-top: 20px;
    text-decoration: none;
    margin: auto !important;
    font-size: 26px;
    width: 200px !important;
    height: 50px !important;
}

.technical_spec_btn:hover {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
}

#gform_2 input#input_2_13,
#gform_2 input#input_2_14 {
    width: 360px !important;
}

.res_weather_head b {
    color: #bb2b35 !important;
}

.b_read_more {
    font-size: 12px;
    color: #bb2b35;
    line-height: 15px;
    text-align: left;
}

.class_for_seperator {
    /* 	border-top: 2px solid #bb2b35 !important; */
    border-bottom: 2px solid #bb2b35 !important;
}

/* .page-id-683 .product_1{
	margin-top: 0 !important;
} */

.page-id-683 .site-content {
    padding-top: 0 !important;
}

.single_bike_header {
    background-image: url(https://offthefrontbikerental.com/wp-content/uploads/2022/02/1-slide-1.jpg);
    background-size: cover !important;
    height: 489px;
    width: 100vw;
    margin-left: calc(-50vw + 50%) !important;
    margin-bottom: 70px;
}

.col-md-12.cat_box {
    z-index: 999;
    color: #fff;
    font-size: 79px;
    display: flex;
    /*     justify-content: center; */
    align-items: center;
    /*     height: 489px; */
    margin-left: 270px !important;
}

.cat_box_inner {
    width: 396px;
}

.while_pedals_title {
    line-height: 60px !important;
    margin-bottom: 20px;
    font-size: 56px !important;
    white-space: normal;
}

.texonomy-description {
    font-size: 16px;
    margin-left: 5px !important;
    white-space: normal;
}

.postid-670 .cat_box_inner {
    width: 396px;
}

section.container.first_con {
    margin-bottom: 30px;
}


.promote_link_part {
    display: flex;
    justify-content: start;
    align-items: center;
}

div#cboxTitle {
    display: none !important;
}

div#cboxLoadedContent {
    overflow-y: auto !important;
}

.popBox {
    margin-top: 17px;
}


/*-------- New Home Page--------- */


.page-id-2513 .row.top-head-row {
    padding-top: 30px;
    padding-bottom: 30px;
}


.new-home-top-font p {
    font-size: 33px;
    line-height: 41px;
}

.new-home-top-font {
    margin-bottom: 28px !important;
}

.new-home-banner-text p {
    color: #fff;
    font-size: 26px;
}

.new-home-banner-text {
    text-align: center;
    margin-top: -165px;
    background: #20486BC9;
    position: relative;
    padding: 30px 30px 42px;
    max-width: 1695px;
    margin-left: auto;
    margin-right: auto;
}

.new-home-banner-text img {
    margin-right: 40px;
    position: relative;
}

.new-home-mid-sec {
    width: 90%;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: -65px !important;
    /*     z-index: 9999; */
    position: relative;
    max-width: 1595px;
    background: #fff;
}

.new-home-mid-sec-2 {
    width: 90%;
    margin-left: auto !important;
    margin-right: auto !important;
    /*     z-index: 9999; */
    position: relative;
    max-width: 1595px;
    /* 	top: -120px; */
    background: #fff;
}

.new-home-mid-sec img {
    z-index: 9999;
    position: relative;
}

.white-bg {
    background: #fff;
}

.mid-section-left-top p {
    font-size: 33px;
    line-height: 43px;
}

.icon-section-5-2 {
    display: flex;
    align-items: flex-start;
}




.icon-img-5-2 {
    width: 80px;
    margin-top: -12px;
}

.content-5-2 {
    width: 80%;
}

.content-5-2 p {
    font-size: 17.5px;
    line-height: 24px;
}

.content-5-2 h4 {
    font-size: 22px;
    color: #0C4678;
    line-height: 25px;
    margin-bottom: 7px;
}

.icon-img-5-3 img,
.icon-img-5-4 img {
    width: 57px;
}

.icon-img-5-3,
.icon-img-5-4 {
    width: 15%;
    position: relative;
}

a.btn-5-6 {
    text-decoration: none;
    padding: 20px;
    background-color: #d8b341;
    color: #fff;
    text-align: center;
    font-size: 28px;
    transition: 0.3s;
    width: 400px;
    display: block;
    margin: auto;
    font-weight: 600;
	border-radius: 5px;

}

a.btn-5-7 {
    text-decoration: none;
    padding: 20px;
    background-color: #20486B;
    color: #fff;
    text-align: center;
    font-size: 24px;
    transition: 0.3s;
    width: 260px;
    display: block;
    margin: auto;
    border-radius: 5px;
    font-weight: 600;
}

a.btn-5-7:hover {
    background-color: #d8b341;

}

a.btn-5-6:hover {
    background-color: #1d6076;

}

.home-2-bottom-section h2,
.home-2-bottom-section h4 {
    color: #fff;
}

.home-2-bottom-section h2 {
    font-size: 36px;
}

.home-2-bottom-section {
    color: #fff;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


.home-2-bottom-section p {
    font-size: 18px;
    line-height: 29px;
	font-weight: 300;
}

.home-2-bottom-section h4 {
    font-size: 20px;
    font-weight: 700;
    font-family: 'Montserrat';
}

.new-home-banner-text p:after {
    content: '';
    background: #fff;
    width: 2px;
    height: 70px;
    position: absolute;
    top: 25px;
    left: calc(50% - 73px);
}

li.astm-search-menu.is-menu.is-dropdown.menu-item {
    margin: 10px !important;
}

.icon-img-5-3:after {
    content: '';
    position: absolute;
    background: #eeeeee;
    top: 67px;
    left: 27px;
    width: 2px;
    height: 50px;
}

.icon-section-5-1 {
    display: flex;
    width: 97%;
}

.wpls-logo-showcase .slick-slide .logo-title {
    color: #20486B;
    padding: 10px 0;
    font-size: 18.65px;
    font-weight: 500;
}

.home-2-bottom-section a {
    text-decoration: none;
    padding: 10px;
    background-color: #d8b341;
    color: #fff;
    text-align: center;
    font-size: 18px;
    transition: 0.3s;
    width: 150px;
    display: inline-block;
	font-weight: 500;
}

.new-home-mid-sec .wpb_content_element,
.new-home-mid-sec-2 .wpb_content_element {
    margin-bottom: 10px !important;
}

.home-2-bottom-section a:hover {
    background-color: #1d6076;
}

.home2-prefered-partner p {
    font-size: 22px;
    line-height: 32px;
}

.home2-prefered-partner {
    text-align: center;
    color: #fff;
}

.home2-prefered-partner h2 {
    font-size: 50px;
    color: #fff;
}

.home-2-benefit-section h2 {
    font-size: 33px;
    padding-bottom: 19px;
}

.video-container {
    position: relative;
    width: 100%;
    max-width: 800px;
    /* Maximum width */
    margin: auto;
    /* Centering */
}

video {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 10px;
    /* Rounded corners (optional) */
}

.home2-prefered-partner-section {
    background-size: cover;
    background-repeat: no-repeat;
}

.revolution-btn a {
    background: #d8b341;
    color: #fff;
    padding: 12px 15px;
    display: inline-block;
	transition:0.3s;
}

.revolution-btn a:hover
{
	background:#000;
}

.new-home-mid-sec3 {
    width: 99%;
    margin: auto;
    margin-top: -50px;
    padding: 10px 30px;
    border: 1px solid #dcdcdc;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block;
}

.page-id-2630 {
	background:#F8F8F8 !important;
}

.new-bottom-sect-5-1 
{
	padding-left:35px;
}

.new-bottom-sect-5-1 .vc_column-inner {
    border-radius: 0px;
}

.second-home-top-1-2 
{
	padding-top:35px;
}

.home-2-mid-bottom p {
    font-size: 13px;
    color: #20486B;
    font-family: 'Inter';
    font-weight: 500;
	margin-bottom:10px;
}


#quadmenu .quadmenu-navbar-nav li.quadmenu-item .quadmenu-item-content:not(.home #quadmenu .quadmenu-navbar-nav li.quadmenu-item .quadmenu-item-content) {
    padding: 10px !important;
}


/* responsive start */


@media only screen and (min-width:1389px) {
	.page-id-2630 .container
	{
		width:1389px;
	}
}

@media only screen and (min-width:768px) {
    .only-mobile {
        display: none;
    }
}

@media only screen and (max-width:767px) {

    .only-desktop {
        display: none;
    }

    .home2-prefered-partner h2 {
        font-size: 35px;
    }

    .new-home-mid-sec-2 .vc_column_container>.vc_column-inner,
    .new-home-mid-sec .vc_column_container>.vc_column-inner {
        padding-top: 0px !important;
        padding-left: 0;
        padding-right: 0px;
    }

    .new-home-mid-sec,
    .new-home-mid-sec-2 {
        width: 100%;
    }

    .new-home-banner-text {
        margin-top: -15px;
    }

    .mid-section-left-top p {
        font-size: 20px;
        line-height: 29px;
        margin-top: 30px;
    }

    .new-home-banner-text p {
        line-height: 34px;
    }

    .new-home-banner-text p:after {
        display: none;
    }

    .icon-section-5-1 {
        display: inline;
    }


    .new-home-mid-sec {
        flex-direction: column-reverse;
    }



    a.btn-5-6 {

        width: 100%;
    }

    .icon-img-5-2 {
        width: 100%;
        margin-top: 0;
        text-align: center;
        padding-bottom: 15px;
    }

    .content-5-2 h4 {
        font-size: 21px;
    }

    .content-5-2 p {
        font-size: 17px;
        line-height: 21px;
    }

.revolution-btn a {
    padding: 12px 15px;
	font-size:14px;
}

.icon-section-5-2 {
    display: block;
    padding: 10px;
}
	
.content-5-2 {
    width: 100%;
}


.new-home-mid-sec3 {
    padding: 10px 0px;
}
	
.new-bottom-sect-5-1 
{
	padding-left:0px;
}
	
.second-home-top-1-2 
{
	padding-top:0px;
}
	
body.page-id-2630.page-template-default.page #content {
         padding: 0 !important; 
    }

}


@media screen and (max-width: 576px) and (min-width: 280px) {
    html {
        overflow-x: hidden !important;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    a,
    p,
    #home_blog .post_date div,
    .vc_gitem_row a,
    .vc_btn3-container.vc_btn3-left {
        text-align: center;
    }


    .rmp-menu-wrap ul li a {
        text-align: unset !important;
    }

    .logo img {
        width: 150px;
    }

    .home header#masthead {
        position: static !important;
    }

    .cus_res_btn .free_link {
        width: 350px !important;
        height: 90px !important;
        font-size: 16px !important;
    }

    .cus_free_text {
        font-size: 20px !important;
        line-height: 30px !important;
    }

    .res_cus_col:nth-child(2) img {
        margin: 50px 0;
    }

    #rmp_menu_trigger-10 {
        background: #bb2b35 !important;
    }

    .about_main_head {
        font-size: 42px !important;
    }

    .cus_head_h6 {
        font-size: 22px !important;
    }

    /* 	.col_right{
		text-align: justify !important;
	}
	
	.col_right h3{
		text-align: center !important;
	} */

    .vc_sep_width_20 {
        margin: 0 auto 30px auto !important;
    }

    /* 	.cus_read_more_btn, .cus_contact_btn{
		text-align: center !important;
	} */

    .cus_contact_btn {
        margin-top: 30px !important;
    }

    .line_head1 {
        font-size: 56px !important;
        text-align: center !important;
    }

    /* 	.line_head2{
		text-align: center !important;
	} */

    .res_weather_head b {
        font-size: 42px !important;
    }

    .res_weather_head b {
        color: #bb2b35 !important;
    }

    #footer .ctct-form-wrapper input[type="email"] {
        padding: 24px !important;
        margin-bottom: 20px !important;
    }

    #footer p.ctct-form-field.ctct-form-field-submit {
        position: unset !important;
    }

    .b_read_more {
        text-align: center !important;
    }

    .page-road-bike .page_title {
        margin-top: 30px !important
    }

}


/* typpin style */

a:hover {
    text-decoration: none;
}

.left_topbar_col ul {
    margin-bottom: 0;
    padding: 0;
}

.left_topbar_col ul li {
    font-size: 16px;
    font-weight: 300;
}


.left_topbar_col ul li a {
    text-decoration: none;
}

.topbar ul {
    margin-bottom: 0;
}

.topbar a:hover {
    /* 	opacity: .7; */
}

/* .topbar .col-md-4:first-child {
    display: flex;
    align-items: center;
    height: 65px;
}
 */
.topbar .col-md-3:first-child {
    display: flex;
    align-items: center;
    height: 65px;
}

ul#primary-menu li {
    margin-right: -5px;
    border-right: 1px solid #fff;
    padding-right: 20px;
}

ul#primary-menu li:last-child {
    border-right: 0px solid #fff;
    padding-right: 0px;
}

.logo img {
    width: 420px;
    margin: auto;
}

#footer {
    background: #f5f5f5 !important;
    text-align: left !important;
    color: #231f20 !important;
    line-height: 20px !important;
}

#footer .footer-menu {
    text-align: left !important;
}

#footer .footer-menu ul {
    padding: 0 !important;
}

#footer a {
    /* color: #231f20 !important; */
    font-size: 14px !important;
}

ul {
    padding: 0 !important;
}

li {
    list-style: none !important;
}

nav.footer-navigation {
    display: flex;
    justify-content: center;
    padding-top: 30px !important;
}

.address {
    line-height: 24px;
    font-size: 16px !important;
}

div#text-5 {
    padding-top: 30px;
}

form#gform_1 {
    width: 100%;
    /*     display: flex; */
    height: 45px !important;
}

.ginput_container.ginput_container_email {
    /*     height: 45px !important; */
    width: 100%;
}

input#input_1_1 {
    height: 45px !important;
    border: 2px solid #000 !important;
    outline: none !important;
    max-width: 80% !important;
}

@media only screen and (min-width:200px) and (max-width:420px) {
    #gform_1 input#input_1_1 {
        max-width: 100% !important;
    }

    #gform_1 input#gform_submit_button_1 {
        width: 100% !important;
        position: static !important;
    }
}

@media only screen and (min-width:421px) and (max-width:767px) {
    #gform_1 input#input_1_1 {
        max-width: 80% !important;
    }

    #gform_1 input#gform_submit_button_1 {

        bottom: 6px !important;
        right: 30px !important;
    }

}

.gform_footer.top_label {
    /*     padding: 0 !important;
    height: 34px;
    margin: 0 !important; */
}

.video-consult video {
    border: 3px solid #e7e7e7;
    border-radius: 10px;
    box-shadow: 0px -1px 3px 4px #a8a8a7;
}
}



.site-info p {
    width: 100%;
    max-width: 80%;
    font-size: 14px;
}

.site-info p strong {
    font-size: 24px;
}

.site-info p {
    margin-bottom: 10px;
}

input#gform_submit_button_1 {
    height: 45px !important;
    margin-bottom: 0 !important;
    width: 200px !important;
    background: #20486b;
    color: #fff;
    border: 0 !important;
    border-radius: 0px !important;
    position: absolute;
    bottom: 0px;
    right: 70px;
}

#gform_1 input#gform_submit_button_1:hover {
    opacity: 1 !important;
}

h5.widget-title {
    font-size: 18px !important;
}

.travel_content p {
    line-height: 24px !important;
    width: 430px;
    margin-left: auto;
    margin-right: auto;
}

.cus_btn button {
    font-family: 'Roboto';
    background-color: #d8b342 !important;
    border: 0 !important;
    color: #000 !important;
    font-size: 18px !important;
    line-height: 20px !important;
}

/*html form css*/

.form_head {
    background: #d9b342;
    padding: 20px 15px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.nav-pills li a {
    color: #000;
    padding: 0 15px !important;
    /* 	font-family: openSans !important; */
    font-size: 18px;
}

.nav-pills>li.active>a {
    background-color: transparent !important;
}

.nav-pills>li>a:hover {
    background-color: transparent !important;
}

.nav-pills>li {
    border-right: 1px solid #000 !important;
    margin-bottom: 0 !important;
}

.nav-pills>li:last-child {
    border-right: 0px !important;
}

input[type="search"],
input[type="date"] {
    outline: none;
    border: 0;
}

.form_content {
    width: 100%;
    font-family: roboto;
    background-color: #eeeeee;
    border-radius: 10px !important;
    margin-top: -226px;
    position: relative;
    z-index: 1;
}

.pills_content {
    width: 100%;
    margin: 0 auto;
    padding: 40px 80px;
}

.field_with_icon {
    border-radius: 5px;
    background: #fff;
    padding: 10px;
    display: flex;
    align-items: center;
    height: 43px !important;
}

.field_with_icon span i {
    color: #d9b342;
    font-size: 18px;
    margin-right: 10px;
    line-height: 1.5;
}

.form_content label {
    font-weight: 400 !important;
}

.field_with_icon select {
    outline: none;
    border: 0;
    width: 100%;
    font-size: 16px;
    /* 	font-weight: bold; */
    background: #fff !important;
}

.field_with_icon select option {
    font-size: 16px !important;
}

/* .col-md-2.last-col .field_with_icon{
	margin-top: 24px;
} */

.mt-2 {
    margin-top: 20px;
}

.btn_submit {
    margin: 30px auto;
    margin-bottom: 0px;
}

input[type="submit"] {
    background: #000;
    color: #fff;
    width: 136px;
    border-radius: 5px;
    border: 0;
    height: 30px;
    font-size: 16px;
    transition: .25s linear;
}

input[type="submit"]:hover {
    opacity: .7 !important;
}

.col-md-2.rate_range select {
    font-size: 16px;
    font-weight: normal !important;
}

.field_with_icon span {
    display: flex;
    line-height: 2 !important;
}

.pills-inner {
    border: 1px solid #d1d1d1;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.tab_row {
    position: relative;
}

/* .tab_inner_row{
	position: absolute;
} */

.page-id-112,
.page-id-167 {
    background-color: #e8e8e8;
}

ul.list_with_icon li {
    line-height: 26px;
}

ul.list_with_icon li i {
    color: #d9b342;
}

ul.popular_ul {
    margin-top: 10px;
}

ul.popular_ul li {
    line-height: 1.5;
}

ul.popular_ul li i {
    width: 24px;
}

.popular_row h4 {
    margin-bottom: 10px !important;
}

.mt-2 {
    margin-top: 20px;
}

.hyatt_regency_row {
    background-color: #fff;
}

.box_inner {
    padding: 0px 15px !important;
    font-family: roboto !important;
}

.box_inner h4 {
    margin-top: 10px !important;
    font-family: roboto !important;
}

.box_content ul {
    padding: 0;
    margin-bottom: 0;
}

.box_content ul li {
    list-style-type: none;
}

.box_content ul li:last-child {
    margin-bottom: 0 !important;
}

.policy_row .col-md-12 {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 20px 0;
    margin-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
}

.room_row .col-md-6 {
    padding-top: 20px;
}

.room_price {
    display: flex;
    justify-content: end;
    font-size: 22px;
}

.room {
    height: 30px;
    display: flex;
    align-items: center;
}

span.room_count {
    width: 45px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f1f1f1;
    border-radius: 5px;
    margin-left: 5px;
}

.col-md-6.reserve_detail {
    display: flex;
    justify-content: end;
}

.col-md-6.reserve_detail p {
    margin-bottom: 0;
    display: flex;
    justify-content: end;
    height: auto;
}

.reserve_anchor a {
    width: 122px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fac136;
    color: #fff;
    border-radius: 5px;
    font-size: 18px;
    transition: .25s linear;
}

.reserve_anchor {
    height: 67px;
    display: flex;
    align-items: end;
}

.reserve_row {
    margin-top: 10px;
    clear: both;
}

.reserve_anchor a:hover {
    text-decoration: none;
    opacity: .7;
}

.box_col .vc_column-inner {
    border-radius: 10px;
}

.cus_img img {
    width: 373px !important;
}

.desc_content p {
    line-height: 1.5;
}

/* search css */

body {
    background-color: #e8e8e8 !important;
    font-size: 15px !important;
    font-family: roboto !important;
}

.view_map.text-center a {
    font-family: roboto;
    font-size: 18px;
    color: #000 !important;
    transition: 25s linear;
}

.view_map.text-center a:hover {
    text-decoration: none;
    color: rgba(0, 0, 0, 0.7);
}

.map_row {
    border-radius: 10px !important;
    background: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
}

.search_row h5,
.filter_row h5,
.main_area_head h5 {
    font-family: roboto;
    font-weight: bold;
    font-size: 20px;
}

.search_row {
    border-top: 1px solid #000;
    margin-top: 20px;
    padding-top: 5px;
}

.search_row form,
.filter_row form,
.rating_row {
    background: #fff;
    height: 60px;
    border-radius: 10px;
}

.input_with_font {
    height: 60px;
    display: flex;
    align-items: center;
    padding-left: 10px;
}

.input_with_font button {
    background: transparent;
    border: 0;
    width: 40px;
}

.input_with_font i {
    font-size: 24px;
    margin-right: 10px;
}

.search_row input::placeholder {
    font-style: italic;
    font-size: 16px;
}

.search_row input {
    font-size: 16px;
    width: 100%;
}

.filter_row {
    margin-top: 10px;
}

.filter_row form {
    padding: 10px 10px;
    height: auto;
}

.filter_row form h6,
.rating_row h6 {
    font-size: 16px;
    font-weight: bold;
    font-family: roboto;
}

.rating_row h6 {
    margin-top: 10px !important;
}

.filter_row form span {
    margin-left: 5px;
}

input[type="checkbox"] {
    vertical-align: text-top;
}

.form_input {
    line-height: 1.8;
}

.rating_row {
    height: auto;
}

.rating_row {
    margin-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
}

.rating_row ul {
    padding: 0;
}

.rating_row ul li {
    list-style-type: none;
    display: inline-block;
    background-color: #dab852;
    color: #fff;
    padding: 5px 7px;
    border-radius: 5px;
    margin-bottom: 0;
}

.rating_row ul li i {
    font-size: 12px;
}

.main_area_head h5 {
    font-size: 22px;
    margin-top: 0;
}

.main_area_head span {
    font-style: italic;
    display: block;
}

.main_area_head button {
    margin-top: 10px;
    background-color: #dab852;
    border: 0;
    font-size: 18px;
    color: #fff;
    border-radius: 5px !important;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    transition: .25s linear;
}

.main_area_head button:hover {
    opacity: .7;
}

.select_with_icon {
    display: flex;
    background: #fff;
    padding: 10px;
    border-radius: 8px;
}

.select_with_icon select {
    background: #fff;
    border: 0;
    outline: none;
    width: 100%;

}

.select_with_icon i {
    color: #fac136;
    font-size: 20px;
}

.main_area_head {
    border-bottom: 1px solid #000;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.img_text.text-center {
    background: rgba(0, 0, 0, .5);
    color: #fff;
    transform: translateY(-22px);
    border-bottom-left-radius: 10px;
    width: 263px;
    line-height: 1.5;
}

.feature_pro .row {
    height: 195px;
}

.feature_pro {
    background: #fff;
    border-radius: 10px;
    clear: both;
    height: 220px;
    margin-bottom: 30px;
}

.feature_pro a:hover {
    text-decoration: none;
}

.pro_inner h4 {
    font-size: 20px;
    position: relative;
    margin-top: 10px !important;
}

.pro_inner h4 a {
    color: #000;
    text-decoration: none;
    transition: .25s linear;
}

.pro_inner h4 a:hover {
    opacity: .7;
}

/*.pro_inner h4::before {
    content: "";
    width: 20px;
    height: 20px;
    border: 1px solid #000;
    position: absolute;
    top: 2px;
    left: 0px;
}*/

.pro_inner h4 span {
    /*margin-left: 26px;*/
}

.pro_text p {
    margin-bottom: 0;
    font-size: 14px;
    color: #444444;
}

ul.amenity_ul,
.star_ul,
.preferred_ul,
.pagination_row ul {
    padding: 0;

    margin: 0 !important;
}

ul.amenity_ul {
    margin-top: 10px !important;
}

ul.amenity_ul li,
.star_ul li,
.preferred_ul li,
.pagination_row ul li {
    list-style: none;
    display: inline-block;
    color: #444;
}

ul.amenity_ul li strong,
.preferred_ul li a strong {
    color: #dab852;
}

.preferred_ul li:nth-child(2) {
    padding-left: 10px;
}

.preferred_ul li a {
    text-decoration: none;
}

ul.amenity_ul li svg {
    font-size: 18px;
    margin-left: 5px;
}


.star_ul li {
    color: #ffba00;
}

.preferred_ul li a:hover {
    text-decoration: none;
}

.per_night {
    padding-bottom: 13px;
    padding-right: 15px;
    height: 200px;
    display: flex;
    align-items: end;
}

.per_night p {
    font-size: 23px;
    font-weight: bold;
    margin-bottom: 0;
    line-height: 1.2;
    float: right;
}

.per_night span {
    float: right;
    margin-top: 5px;
    margin-bottom: 5px;
}

.pagination_row ul {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0px;
    line-height: 1.5 !important;
}

.pagination_row ul li {
    margin: 0 12px;
}

.pagination_row ul li a {
    font-size: 20px;
    text-decoration: none;
    color: #505050;
    width: 30px;
    height: 30px;
    display: block;
    transition: .25s linear;
    border-radius: 3px;
}

.pagination_row ul li a:hover {
    background: #dab852;
    color: #fff;
}

.page-id-172 .form_content {
    background: none !important;
    margin-top: unset !important;
}

.page-id-172 .pills-inner {
    border: 0 !important;
}

/* new_cus_header_css */

header.new_cus_header .logo a img {
    margin: unset;
}

header.new_cus_header {
    padding: 0px 0;
    background: #fff;
}

header.new_cus_header .left_topbar_col ul {
    float: right;
}

.list_row {
    border-top: 1px solid #000;
    padding-top: 30px;
}

.left_topbar_col ul li:first-child {
    background-color: #d8b241;
    padding: 15px 30px;
    border-radius: 40px;
    color: #fff !important;
}

.left_topbar_col ul li a:first-child {
    color: #fff !important;
}

header.new_cus_header .left_topbar_col ul li,
header.new_cus_header .left_topbar_col ul li a {
    color: #000;
    font-weight: 400;
}

/* header.new_cus_header .main_menu_bar ul li{
	border-right: 1px solid #000 !important; */
}

header.new_cus_header .main_menu_bar ul li:last-child {
    border: 0px !important;
}

header.new_cus_header .main_menu_bar ul li a {
    color: #1f4767;
    font-size: 17px;
}

header.new_cus_header .left_topbar_col ul li a:hover,
header.new_cus_header .main_menu_bar ul li a:hover,
a.map_anchor:hover {
    /* 	opacity: .7 !important; */
}

.page-id-172 .pills_content {
    padding-top: 0 !important;
}

.pagination_row ul {
    margin-top: -20px !important;
    margin-bottom: 20px !important;
}

a.map_anchor {
    color: #3a3a3a !important;
    transition: .25s linear;
}

.new_cus_header .main_menu_bar {
    padding: 22px 0 0 0 !important;
    height: unset !important;
}

.ftr_bottom {
    padding-top: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}

ul.socia_media_nav {
    margin-bottom: 0;
    float: right;
}

.footer_social_media {
    display: none;
}

ul.socia_media_nav li {
    display: inline-block;
    margin: 0 10px;
}

ul.socia_media_nav li:last-child {
    margin-right: 0 !important;
}

.gform_wrapper.gravity-theme .gform_footer,
.gform_wrapper.gravity-theme .gform_page_footer {
    /*     padding-left: 5px !important; */
}

.col-md-4.pre-partner-col {
    position: relative;
}

.pre-partner {
    position: absolute;
    padding: 25px 0px;
    right: 25px;
    background-image: url(../images/preffered-partner.png);
    background-position: right;
    background-size: auto;
    background-repeat: no-repeat;
    width: 100%;
    height: auto;
}

.cky-show-desc-btn,
.cky-always-active {
    color: #1f4767 !important;
    font-weight: 600;
}

.mainBlogHeader {
    padding: 150px 0;
    font-size: 48px;
    background: url('https://bellhopping.com/wp-content/uploads/2024/11/blog-page-banner.jpg') no-repeat center center;
    background-size: cover;
    background-position-y: 34%;
}

.mainBlogHeader h1 {
    margin-bottom: 0;
    color: #fff;
}


/* media query */
@media all and (max-width:992px) {
    .pills_content {
        padding: 25px;
    }

    form#form1 .col-md-4,
    form#form1 .col-md-3 {
        margin-bottom: 15px;
    }

    form#form1 .col-md-2.last-col {
        float: left;
        width: 50%;
    }

    .form_content {
        margin-top: -185px;
    }
}

@media all and (max-width:768px) {
    .form_content {
        margin-top: -120px;
    }

    .nav-pills li a {
        padding: 0 5px !important;
        font-size: 14px;
    }

    .promotion .blog_except h6 {
        text-align: left;
        font-size: 18px;
        margin: 18px 0;
        color: #d8b341;
        padding-bottom: 15px;
    }
}

@media screen and (max-width: 576px) and (min-width: 376px) {
    .res_h2 {
        font-size: 24px !important;
        line-height: 1.4 !important;
    }

    footer p {
        text-align: left !important;
    }

    footer h5 {
        text-align: left !important;
    }

    nav.footer-navigation {
        justify-content: start !important;
    }

    .ftr_bottom {
        text-align: center !important;
    }

    ul.socia_media_nav {
        float: none !important;
    }

    .footer_social_media {
        margin-top: 10px;
    }

    .travel_content p {
        width: 350px !important;
    }

    .nav-pills li a {
        font-size: 16px !important;
        padding: 0 10px !important
    }

    .form_content,
    .pills_content {
        width: auto !important;
    }

    .pills_content {
        padding: 40px 10px !important;
    }

    .topbar .col-md-4:first-child {
        justify-content: center !important;
        height: 40px !important;
    }

    .main_menu_bar {
        justify-content: center !important;
    }

    rs-module-wrap#rev_slider_1_1_wrapper {
        top: -210px !important;
        z-index: -1 !important;
    }

    .form_content {
        margin-top: -166px !important;
    }

    .tab-content label {
        margin-top: 20px !important;
    }

    .tab-content .col-md-6:first-child label {
        margin-top: 0 !important;
    }

    .tab-content .mt-2 {
        margin-top: 0 !important;
    }

    header.new_cus_header .logo a img {
        display: flex !important;
        margin: auto !important;
    }

    header.new_cus_header .left_topbar_col ul {
        float: none !important;
        padding-top: 10px !important;
        text-align: center !important;
    }

    .cus_size_img img {
        width: 384px;
    }

    .wpb_single_image.wpb_content_element.vc_align_center.vc_custom_1651144104508.cus_size_img,
    .wpb_single_image.wpb_content_element.vc_align_center.vc_custom_1651144114183.cus_size_img {
        margin-bottom: 0 !important;
    }

    .cus_size_img:first-child figure div img {
        margin-top: 30px !important;
    }

    .col-md-6.reserve_detail {
        margin-top: -64px !important;
    }

    .col-md-6 .room_price {
        margin-top: -22px !important;
    }

    .map_row iframe {
        width: 354px !important;
    }

    .search_row {
        padding-top: 10px !important;
    }

    .main_area_head {
        padding-top: 20px;
        border-top: 1px solid #000;
        margin-top: 20px;
    }

    .main_area_head span {
        text-align: center !important;
        margin-bottom: 10px !important;
    }

    .select_with_icon {
        width: 236px;
        margin-top: -36px;
        float: right;
    }

    .feature_pro .row {
        height: auto !important;
        margin-bottom: 40px;
    }

    .feature_pro a img {
        width: 356px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .img_text.text-center {
        border-bottom-right-radius: 10px;
        width: 355px !important;
    }

    .img_text.text-center p {
        margin-bottom: 0 !important;
    }

    .pro_inner h4::before {
        left: 30px !important;
    }

    .pro_text p {
        margin-bottom: 0;
        font-size: 18px;
        line-height: 1.5;
        color: #444444;
    }

    ul.amenity_ul,
    .star_ul,
    .preferred_ul,
    .pagination_row ul {
        padding: 0;
        margin: 0 !important;
        text-align: center;
    }

    ul.amenity_ul {
        margin-top: 10px !important;
    }

    ul.amenity_ul,
    .star_ul,
    .preferred_ul,
    .pagination_row ul {
        font-size: 18px;
    }

    .per_night {
        height: auto !important;
        display: block !important;
        padding-left: 15px !important;
    }

    .per_night .per_night_inner span {
        float: none !important;
        font-size: 20px !important;
    }

    .pagination_row {
        margin-bottom: 30px !important;
    }


}

.select2-container .select2-selection--single {
    width: 100%;
    border: 0;
    position: relative;
}

.select2.select2-container.select2-container--bootstrap4.select2-container--below {
    width: 100%;
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    padding-left: 0 !important;
}

#date {
    border: 0;
    width: 100%;
}

.main_featured_img {
    height: 220px;
    width: auto;
    object-fit: cover;
}

.hyatt_regency {
    background-color: #fff;
    padding: 30px 15px;
}

.all_room_type {
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.all_room_type h3 {
    margin-bottom: 0;
}

.reservation_row {
    margin-bottom: 30px;
}

.vc_column-inner {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

/* .reservation_row .wpb_wrapper{
	background-color: #fff;
	padding-bottom: 10px;
} */

.vc_single_image-wrapper.vc_box_border_grey {
    text-align: center;
}

.wpb_wrapper.main_wpb_wrapper {
    background: #fff;
    padding: 30px 15px;
    border-radius: 10px;
    margin-bottom: 30px;
}

.mt-1 {
    margin-top: 9px;
}

/* .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow{
	right: -186px !important;
} */

.col-md-6.detail_main_img {
    padding: 0;
}

.col-md-6.detail_main_img img {
    width: 100%;
}

.row.detail_thumb_img .col-md-6 {
    padding-left: 2px;
    padding-right: 0px;
}

.row.detail_thumb_img .col-md-6 img {
    width: 100%;
    height: 178px;
    object-fit: cover;
}

.col-md-6 .row.detail_thumb_img:last-child {
    margin-top: 4px !important;
}

.uitk-layout-grid-columns-4,
.uitk-layout-grid-columns-small-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.uitk-layout-grid-rows-2,
.uitk-layout-grid-rows-small-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
}

.uitk-layout-grid-gap-half {
    grid-gap: 2px;
}

.uitk-layout-grid {
    display: grid;
    grid-auto-columns: minmax(0, 1fr);
    position: relative;
}

.uitk-layout-grid-item-columnspan-2,
.uitk-layout-grid-item-columnspan-small-2 {
    grid-column-start: span 2;
}

.uitk-layout-grid-item-rowspan-2,
.uitk-layout-grid-item-rowspan-small-2 {
    grid-row-start: span 2;
}

.uitk-image-ratio-16-9 {
    aspect-ratio: 16 / 9;
}

.uitk-image {
    content-visibility: auto;
    inline-size: 100%;
    place-self: stretch;
    position: relative;
}

.uitk-image .uitk-image-media {
    block-size: 100%;
    inline-size: 100%;
    inset-block-end: 0;
    inset-block-start: 0;
    inset-inline-end: 0;
    inset-inline-start: 0;
    position: absolute;
}

.uitk-image-media,
.uitk-image-background {
    opacity: 1;
    transition: opacity 1s;
}

.uitk-image-media {
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
}

.uitk-layout-flex-gap-two {
    margin: calc(-1 * (0.5rem / 2));
}

.uitk-layout-flex-flex-wrap-nowrap {
    flex-wrap: nowrap;
}

.uitk-layout-flex {
    display: flex;
    display: flex;
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.uitk-button-medium.uitk-button-has-text {
    gap: 0.5rem;
}

.uitk-layout-flex-gap-two>* {
    margin: calc(0.5rem / 2);
}

.uitk-button-overlay,
.uitk-button-overlay-icon {
    background-color: rgba(0, 11, 38, 0.56);
    color: #FFFFFF;
    border-radius: 0.5rem;
}

.uitk-button-medium {
    font-size: 1rem;
    line-height: 1.25rem;
    min-height: 2.25rem;
    padding: 0.25rem 1rem;
}

.uitk-button {
    align-items: center;
    border-radius: 2500rem;
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    display: inline-flex;
    flex-wrap: wrap;
    font-weight: 500;
    justify-content: center;
    -webkit-tap-highlight-color: transparent;
    text-shadow: none;
}


/* figure.wpb_wrapper.vc_figure {
    display: none;
} */

.reservation_row .col-md-4 .vc_column-inner {
    margin-top: 30px;
}

/*
 * New Custom CSS
*/

.hotel-destinations img {
    border-radius: 12px;
}

.reservation_row .cus_img {
    display: none;
}

.reservation_row .policy_row .col-md-12 {
    margin-top: 0;
}

#loader2 {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 999998;
    opacity: 0.9;
}

#loader {
    border: 12px solid #f3f3f3;
    border-radius: 50%;
    border-top: 12px solid #444444;
    width: 110px;
    height: 110px;
    animation: spin 1s linear infinite;
    z-index: 999999;
}

@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}

.center {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.amenitiesDiv {
    display: none;
    border: 1px solid #ddd;
    padding: 15px;
    background: #eee;
}

body.page-template-default.page.page-id-31 #content {
    /* padding: 100px; */
}

/* 
 header#masthead {
    padding: 20px 0;
    background: #ccc;
} */
body.login div#login h1 a {
    min-height: 80px;
}

p.disclainer {

    margin: 0;
    font-size: 15px;
    font-weight: 600;
}

header.new_cus_header .row {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

/* header.new_cus_header .left_topbar_col{
	display: none;
} */
.newsletter p:last-child {
    max-width: 85%;
}

.nav-wrapper .current-menu-item a,
.nav-wrapper ul li a:hover {
    color: #1f4767;
    font-weight: bold;
}

header.new_cus_header .main_menu_bar ul li a:hover {
    border-bottom: 1px solid #e5be4b;
    padding-bottom: 2px;

}

ul#primary-menu li {
    padding-left: 0 !important;
}

.left_topbar ul li:first-child {
    display: block !important;
}



.right-content span {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
    color: #1f4767;
    width: 100%;
    display: block;
}

.site-branding.logo {
    /*     padding: 20px 0; */
}

ul.right-detail {
    padding-left: 0 !important;
}

ul.right-detail {
    /*     display: flex;
    align-items: start; */
    padding-top: 25px;
    /*     justify-content: space-between; */
}

ul.right-detail li {
    transition: all ease .5s;
    display: inline-block;
}

li.phone-option {
    display: inline-block;
    padding-right: 30px;
}

.main-navigation {
    display: block;
    width: 100%;
}

.menu-toggle {
    display: none;
}

.main-navigation ul {
    display: flex;
    justify-content: flex-end;
}

ul#primary-menu li a {
    font-size: 18px;
    color: #1f4767;
}

.top-head-icon i {
    color: #1c3b60;
    font-size: 14px;
    transition: all ease .5s;
}

.phone-option-right {
    display: flex;
}

ul.right-detail {
    display: flex;
    align-items: center;
    justify-content: end;
	margin-bottom:0px;
}

.top-head-details .col-md-12 {
    padding-right: 0px;
}

.right-content a {
    color: #000;
    font-weight: 500;
    padding-top: 3px;
    display: inline-block;
}

.logged-in a.gfs-editprfile:hover,
.logged-in a.profile-logout:hover {
    background-color: #d8b341;
    border: 2px solid #d8b341;
}

a.log-btns,
a.gfs-editprfile {
    color: #fff;
    border: 2px solid #1f4767;
    padding: 10px 15px;
    border-radius: 20px;
    display: flex;
    margin-left: 10px;
    background-color: #1f4767;
    font-size: 16px;
}

.page-id-2513 a.log-btns,
a.gfs-editprfile {
    border-radius: 0px;
}

a.log-btns:hover,
a.gfs-editprfile:hover {
    color: #fff;
    border-radius: 30px;
    display: flex;
    background-color: #1f4767;
}

.page-id-2513 a.log-btns:hover,
a.gfs-editprfile:hover {
    border-radius: 0px;
}

a.log-btns.profile-register:hover,
a.log-btns.profile-login:hover {
    background-color: #d8b341;
    border: 2px solid #d8b341;
}

nav#site-navigation {
    padding-bottom: 20px;
}

ul#primary-menu li.current_page_item a {
    font-weight: 600;
    color: #1f4767;
}

ul#primary-menu li a:hover {
    border-bottom: 1px solid #d8b241;
}

/* a.log-btns:hover {
    background-color: #20486b;
	
    color: #fff;
} */
.promotion .blog-box {
    background-color: #f3f3f3;
    padding: 10px 10px 24px 10px;
    border-radius: 10px;
    /*     background-image: url(https://bellhopping.com/wp-content/uploads/2024/07/Watermark-022.png);
    background-size: 80%;
    background-position: 50px;
    background-repeat: no-repeat;
    background-position: 280% 250px;
    background-blend-mode: luminosity; */
    margin-bottom: 40px !important;
    border: 2px solid #ECECEC;
}

.promotion .blog_title {
    font-size: 21px;
    line-height: 28px;
    font-weight: 500;
    margin: 15px 0;
    color: #1f4767;
}

.promotion .blog_title_popup {
    font-size: 21px;
    line-height: 28px;
    font-weight: 500;
    margin: 15px 0;
    color: #1f4767;
}


.promotion .blog-box .blog-thumbnail img {
    border-radius: 10px 10px 0 0px;
}

.promotion .blog_except {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 30px;
}

.promotion .blog_except h6 {
    font-size: 18px;
    margin: 8px 0;
    margin-bottom: 10px !important;
    color: #d8b341;
}

.promotion a.blog_link {
    font-size: 16px;
    background-color: #d8b341;
    padding: 10px 20px;
    border-radius: 10px;
    color: #ffffff;
}

.promotion a.blog_link:hover {
    background-color: #20486b;
}

a.blog_link:nth-child(2) {
    margin-left: 20px !important;
}

.promotion .blog_except p {
    font-size: 16px;
}

.promotion-image img {
    width: 100%;
}


.facilities-hotels p {
    /* padding-bottom:  20px; */
}

.facilities-hotels {
    padding: 0px !important;
    margin: 0px !important;
}

.facilities-hotels ul li {
    padding: 0 15px !important;
}

.facilities-hotels ul li::before {
    left: 17px !important;
}
body.page-id-2630 #content{
 padding: 50px 0 !important; 
    text-align: center;
}


/* body.page-template-default.page #content {
    padding: 50px 0 !important;
    text-align: center;
} */
@media screen and (max-width: 767px) and (min-width: 320px) {

    h2.inner_heading,
    h2.contact-heading {
        font-size: 28px !important;
    }

    body.page-template-default.page #content {
        padding: 30px 0px !important;

    }
}



body.page-template-default.page #content {
    /* padding: 40px 0; */
    /* text-align: center; */

}

/* .page-id-1256 .site-content {
   padding: 40px 0 !important;
} */
.page-id-2630 .user_activated {
    padding: 120px 0 140px;
    background: #140e0e url(https://bellhopping.com/wp-content/uploads/2024/11/b3.jpg?id=2097) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.page-id-2630  .widecolumn h2 {
    font-size: 48px;
    margin-bottom: 20px;
    color: #1F4767;
}

.page-id-2630  .widecolumn p {
    font-size: 24px;
    line-height: 32px;
}

h2.inner_heading {
    font-size: 48px;
    margin: 0;
    background-color: #00000026;
    display: inline-block;
    line-height: normal;
    color: #fff;
    float: left;
}

.page-id-2630  h2.contact-heading {
    font-size: 48px;
    margin: 0;
    background-color: #00000026;
    display: inline-block;
    line-height: normal;
    color: #fff;
}

/*  Preffered Partner  CSS*/


.section-g {
    background: #F8F8F8;
}

.ban_sec {
    width: 100%;
}

.ban_img {
    width: 100%;
    position: relative;
}

.ban_img img {
    width: 100%;
}

.bg-txt {
    top: 50%;
    position: absolute;
    width: 50%;
    background: #f0f8ffa1;
    transform: translateY(-50%);
    padding: 20px 90px 30px 150px;
}

.ban_text h1 {
    font-weight: 700;
    font-size: 48.39px;
    line-height: 65.08px;
    color: #D8B341;
}

.ban_text p {
    font-size: 17.4px;
    font-weight: 500;
    line-height: 29px;
    color: #3E3E3E;
}

.email-cls img {
    width: 50px;
    height: 50px;
}

.email-cls h6 {
    line-height: 33.3px;
    font-size: 22.2px;
    margin: 0;
}

.email-cls p {
    font-weight: 400;
    color: #000 !important;
    font-size: 22px;
    margin: 0;
}

.email-cls p a {
    color: #000;
}

.image-col {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.sec-txt {
    width: 70%;
    margin: auto;
}

.sec-txt h2 {
    font-size: 43.39px;
    font-weight: 600;
    line-height: 58px;
}

.sec-txt p {
    font-size: 20.4px;
    line-height: 35px;
    font-weight: 400;
}

.sec-txt p a {
    color: #20486B !important;
    text-decoration: none;
    font-weight: 600;
}

.sec-txt-w {
    width: 90%;
    margin: auto;
}

.sec-txt-w h2 {
    font-size: 43.39px;
    font-weight: 600;
    line-height: 58px;
}

.sec-txt-w p {
    font-size: 20.4px;
    line-height: 35px;
    font-weight: 400;
}

.sec-txt-w p a {
    color: #20486B;
    text-decoration: none;
    font-weight: 600;
}

/* partner */

.partner-card-col a {
    text-decoration: none;
    color: #20486b;
}


.part-bg-txt {
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    text-align: center;
    background-color: transparent;
    width: 100%;
}

.partner-banner img {
    width: 100%;
    height: 396px;
}

img.logo_banner {
    width: 495px;
    max-width: 100%;
    margin-bottom: 20px;
    height: auto;
}

.part-bg-txt .ban_text {
    width: 50%;
    margin: auto;
}

.part-bg-txt h1 {
    font-size: 63.79px;
    color: #fff;
    line-height: 95.69px;
}


.partner-card-row {
    display: flex;
    flex-wrap: wrap;
}

.partner-card-col {
    width: 25%;
}

.card {
    margin: 30px auto;
    width: 100%;
    height: auto;
    border-radius: 10px;
    /* box-shadow: 5px 5px 30px 7px rgba(0,0,0,0.25), -5px -5px 30px 7px rgba(0,0,0,0.22); */
    cursor: pointer;
    transition: 0.4s;
    border: none;
}

.card .card_image {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.card .card_image img {
    width: inherit;
    height: inherit;
    border-radius: 10px;
    object-fit: cover;
}

.card .card_title {
    text-align: center;
    /* border-radius: 0px 0px 0px 40px; */
    font-weight: 500;
    font-size: 20px;
    /* margin-top: -80px; */
    /* height: 40px; */
    color: #20486B;
}

.card:hover {
    transform: scale(1, 1);
    box-shadow: 0px 0px 5px 2px rgba(227, 227, 227, 0.25),
        -0px -0px 5px 2px rgba(227, 227, 227, 0.25);
}


.card_link {
    font-size: 18px;
    font-family: "Quicksand", sans-serif;
    color: #000;
    font-weight: 400;
    margin-bottom: 20px !important;
}

.card_link a {
    color: #000;
    text-decoration: none;
}

.card_title p {
    margin-bottom: 5px;
}

.card_link:after {
    content: "";
    border: 1px solid #000;
    display: block;
    width: 83px;
    margin: auto;
}

.card:hover .card_link {
    color: #808080;
    text-decoration: none;
    transition-duration: 1s;
}

.card:hover .card_link:after {
    border: 1px solid #808080;
    transition-duration: 1s;
}




@media only screen and (max-width: 1844px) {
    .sec-txt {
        width: 82%;
        margin: auto;
    }
}

@media (max-width: 1500px) {
    .ban_text h1 {
        font-size: 38px;
        line-height: 45px;
    }

    .bg-txt {
        padding: 30px 50px;
    }

    .ban_text p {
        font-size: 16px;
    }

    .email-cls h6 {
        font-size: 18.2px;
        line-height: 26.3px;
    }

    .email-cls img {
        width: 35px;
        height: 35px;
    }

    .sec-txt p,
    .sec-txt-w p {
        font-size: 16px;
        line-height: 24px;
    }

    .sec-txt h2,
    .sec-txt-w h2 {
        font-size: 35px;
        line-height: 48px;
    }

    .sec-txt,
    .sec-txt-w {
        width: 90%;
        margin: auto;
    }
}

@media (max-width: 1200px) {
    .partner-card-col {
        width: 33.3333%;
    }
}

@media (max-width: 1140px) {
    .ban_text h1 {
        font-size: 30px;
        line-height: 40px;
    }

    .ban_text p {
        line-height: 24px;
    }

    .bg-txt {
        padding: 30px 14px;
    }

    .sec-txt,
    .sec-txt-w {
        width: 100%;
        margin: auto;
    }

    .sec-txt h2,
    .sec-txt-w h2 {
        font-size: 32px;
        line-height: 40px;
    }

}

@media only screen and (max-width: 991px) {
    .section-w .row {
        flex-direction: column-reverse !important;
    }

    .sec-txt,
    .sec-txt-w {
        padding: 50px;
    }

    .email-cls h6 {
        font-size: 15px;
        line-height: 18.3px;
    }

    .ban_text p {
        line-height: 20px;
        font-size: 15px;
    }

    .ban_text h1 {
        font-size: 25px;
        line-height: 32px;
    }

    .bg-txt {
        padding: 15px 14px;
        width: 75%;
    }

    .partner-card-col {
        width: 50%;
    }

    .part-bg-txt .ban_text {
        width: 70%;
        margin: auto;
    }

    .partner-banner img {
        height: 220px;
    }

    img.logo_banner {
        height: auto;
    }

    .partner-banner h1 {
        font-size: 35px;
    }
}

@media only screen and (max-width: 700px) {
    .bg-txt {
        padding: 15px 14px;
        width: 95%;
        margin: 10px;
    }

    .ban_text h1 {
        font-size: 25px;
        line-height: 32px;
    }

    .ban_text p {
        line-height: 20px;
        font-size: 15px;
    }

    .ban_img img {
        width: 100%;
        object-fit: cover;
        height: 420px;
    }

    .email-cls img {
        width: 35px;
        height: 35px;
    }

    .sec-txt,
    .sec-txt-w {
        padding: 50px 20px;
    }

    .sec-txt h2,
    .sec-txt-w h2 {
        font-size: 24px;
        line-height: 30px;
    }

    .sec-txt p,
    .sec-txt-w p {
        font-size: 15px;
        line-height: 24px;
    }

    .partner-card-col {
        width: 100%;
    }

    .part-bg-txt .ban_text {
        width: 70%;
        margin: auto;
    }

    .partner-banner img {
        height: 220px;
    }

    img.logo_banner {
        height: auto;
    }

    .partner-banner h1 {
        font-size: 27px;
    }
}


.post-expt {
    margin-top: 20px;
}

.home_blog_content {
    margin: 20px 0;
}

.home_blog_content a {
    color: #d8b341;
}

@media only screen and (max-width: 480px) {

    .ftr_bottom {
        padding: 0px;
        display: inline;
    }
}




.ticker-container {
    background: #d8b341;
    color: #000;
    font-size: 16px;
    padding: 10px 0;
    overflow: hidden;
    white-space: nowrap;
}

.ticker-text {
    display: inline-block;
    padding-left: 10%;
    animation: marquee 30s linear infinite;
    ;
    color: #fff;
    font-size: 18px;
}

@keyframes marquee {
    from {
        transform: translateX(50%);
    }

    to {
        transform: translateX(-100%);
    }
}


/* @media all and (max-width:768px) {

    .mobmenu-right-panel .menu-item-2599 {
        background-color: aqua !important;
        border-radius: 50px !important;
        width: 100% !important;
        max-width: 80% !important;
        margin: 20px auto !important;
        text-align: center !important;
    }

    li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-2599{
        background-color: aqua !important;
        border-radius: 50px !important;
        width: 100% !important;
        max-width: 80% !important;
        margin: 20px auto !important;
        text-align: center !important;
    }

} */