/*=================== fonts ====================*/
@import url("https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900|Roboto:300,400,500,700");
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');
/*---------------------------------------------------- */
/*----------------------------------------------------*/
:root {
    --success: #4CAF50;
    --danger: #dc3545;
}
.bg-success {
    background-color: var(--success) !important;
}
.btn-success{
    background-color: var(--success) !important;
}
.bg-danger{
    background-color: var(--danger) !important;
}
.list {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
a {
    text-decoration: none;
    transition: all 300ms linear 0s;
    color: #d11821;
}
a:hover, a:focus {
    text-decoration: none;
    outline: none;
    color: #8bc43f;
}
.row.m0 {
    margin: 0px;
}
body {
    line-height: 20px;
    font-size: 16px;
    font-family: 'Mulish', sans-serif;
    background: #f6f9fc;
    overflow-x: hidden;
}
body.blog {
    background: #f1f9ff;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Mulish', sans-serif;
    font-weight: bold;
    color: #222222;
}
button:focus {
    outline: none;
    box-shadow: none;
}
/*---------------------------------------------------- */
/*----------------------------------------------------*/
.p_120 {
    padding-top: 120px;
    padding-bottom: 120px;
}
.pad_top {
    padding-top: 120px;
}
.section_gap {
    padding: 80px 0;
}
@media (max-width: 991px) {
    .section_gap {
        padding: 70px 0;
   }
}
.section_gap_top {
    padding-top: 150px;
}
@media (max-width: 991px) {
    .section_gap_top {
        padding-top: 70px;
   }
}
.mt-25 {
    margin-top: 25px;
}
.mt-45 {
    margin-top: 50px;
}
.mt-50 {
    margin-top: 50px;
}
@media (min-width: 1620px) {
    .box_1620 {
        max-width: 1650px;
        margin: auto;
   }
}
/* Main Title Area css ============================================================================================ */
.main_title {
    text-align: center;
    margin: 30px auto 40px;
}
@media (max-width: 991px) {
    .main_title {
        margin: 0px auto 35px;
   }
}
.main_title .top-part p {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
}
.main_title h2 {
    font-family: 'Mulish', sans-serif;
    font-size: 35px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 400;
}
@media (max-width: 991px) {
    .main_title h2 {
        font-size: 40px;
   }
}
.main_title p {
    margin-bottom: 0px;
}
/* End Main Title Area css ============================================================================================ */
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
/*---------------------------------------------------- */
/*----------------------------------------------------*/
body:not(.home) .header_area{
    position: relative;
}
.header_area {
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    transition: background 0.4s, all 0.3s linear;
}
.header_area .navbar {
    background: transparent;
    padding: 15px 0px;
    border: 0px;
    border-radius: 0px;
}
body:not(.home) .header_area .navbar{
    background: #fff;
}
.header_area .navbar .nav .nav-item {
    margin-right: 20px;
    position: relative;
}
.header_area .navbar .nav .nav-item .nav-link {
    font: 500 13px/0px 'Mulish', sans-serif;
    text-transform: uppercase;
    color: #ffffff;
    padding: 10px;
    display: block;
    background: #d11821;
    border-radius: 5px;
}
.header_area .navbar .nav .nav-item .nav-link.green{
   background:#4CAF50;
}
.header_area .navbar .nav .nav-item .nav-link:hover{
   color: #fff !important;
   opacity: .8;
}
.header_area .navbar .nav .nav-item .nav-link:after {
    display: none;
}
.header_area .navbar .nav .nav-item:hover .nav-link,
.header_area .navbar .nav .nav-item.active .nav-link,
.header_area.navbar_fixed .main_menu .navbar .nav .nav-item.active .nav-link {
    color: #ffffff;
}
.header_area .navbar .nav .nav-item.submenu {
    position: relative;
}
.header_area .navbar .nav .nav-item.submenu ul {
    border: none;
    padding: 0px;
    border-radius: 0px;
    box-shadow: none;
    margin: 0px;
    background: #fff;
    box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1);
}
@media (min-width: 992px) {
    .header_area .navbar .nav .nav-item.submenu ul {
        position: absolute;
        top: 120%;
        left: 0px;
        min-width: 200px;
        text-align: left;
        opacity: 0;
        transition: all 300ms linear 0s;
        visibility: hidden;
        display: block;
        border: none;
        padding: 0px;
        border-radius: 0px;
   }
}
.header_area .navbar .nav .nav-item.submenu ul:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #eeeeee transparent transparent transparent;
    position: absolute;
    right: 24px;
    top: 45px;
    z-index: 3;
    opacity: 0;
    transition: all 400ms linear 300ms linear 0s;
}
.header_area .navbar .nav .nav-item.submenu ul .nav-item {
    display: block;
    float: none;
    margin-right: 0px;
    border-bottom: 1px solid #ededed;
    margin-left: 0px;
    transition: all 0.4s linear 300ms linear 0s;
}
.header_area .navbar .nav .nav-item.submenu ul .nav-item .nav-link {
    line-height: 45px;
    color: #222222;
    padding: 0px 30px;
    transition: all 150ms linear 300ms linear 0s;
    display: block;
    margin-right: 0px;
}
.header_area .navbar .nav .nav-item.submenu ul .nav-item:last-child {
    border-bottom: none;
}
.header_area .navbar .nav .nav-item.submenu ul .nav-item:hover .nav-link {
    background: #4d8eff;
    color: #fff;
}
@media (min-width: 992px) {
    .header_area .navbar .nav .nav-item.submenu:hover ul {
        visibility: visible;
        opacity: 1;
        top: 100%;
   }
}
.header_area .navbar .nav .nav-item.submenu:hover ul .nav-item {
    margin-top: 0px;
}
.header_area .navbar .nav .nav-item:last-child {
    margin-right: 0px;
}
.header_area .navbar .search {
    font-size: 12px;
    line-height: 60px;
    display: inline-block;
    color: #222222;
    margin-left: 80px;
}
.header_area .navbar .search i {
    font-weight: 600;
}
.header_area + section, .header_area + row, .header_area + div {
    margin-top: 0px;
}
.header_area.navbar_fixed .main_menu {
    position: fixed;
    width: 100%;
    top: -70px;
    left: 0;
    right: 0;
    background: #fff;
    -webkit-transform: translateY(70px);
    -moz-transform: translateY(70px);
    -ms-transform: translateY(70px);
    -o-transform: translateY(70px);
    transform: translateY(70px);
    transition: transform 500ms ease, background 500ms ease;
    -webkit-transition: transform 500ms ease, background 500ms ease;
    box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1);
    z-index: 9;
}
.header_area.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link {
}
.top_menu .container {
    border-bottom: 1px solid #eeeeee;
}
.top_menu .header_social li {
    display: inline-block;
    margin-right: 15px;
}
.top_menu .header_social li a {
    font-size: 14px;
    color: #777777;
    display: inline-block;
    line-height: 40px;
    transition: all 300ms linear 0s;
}
.top_menu .header_social li:last-child {
    margin-right: 0px;
}
.top_menu .header_social li:hover a {
    color: #4d8eff;
}
.top_menu .nice-select {
    float: none;
    display: inline-block;
    border: 0;
    background: transparent;
    height: 39px;
}
.top_menu .dn_btn {
    line-height: 40px;
    display: inline-block;
    font-size: 12px;
    margin-right: 30px;
    font-family: 'Mulish', sans-serif;
    font-weight: normal;
    color: #777777;
    transition: all 300ms linear 0s;
}
.top_menu .dn_btn:hover {
    color: #4d8eff;
}
.top_menu .dn_btn:last-child {
    margin-right: 0px;
}
.top_menu .lan_pack {
    height: 30px;
    border: 1px solid #eeeeee;
    border-radius: 3px;
    line-height: 28px;
    font-size: 12px;
    font-family: 'Mulish', sans-serif;
    font-weight: 500;
    padding-left: 19px;
    padding-right: 36px;
    color: #777777;
    background: #f9f9ff;
    margin-right: 5px;
    margin-top: 8px;
}
.top_menu .lan_pack .current {
    color: #777777;
}
.top_menu .lan_pack:after {
    content: "\f0d7";
    border: none !important;
    font: normal normal normal 12px/1 FontAwesome;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    height: auto;
    margin-top: -6px;
    right: 20px;
}
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Home Banner Area css ============================================================================================ */
.home_banner_area {
    position: relative;
    z-index: 1;
    min-height: 780px;
}
.home_banner_area .banner_inner {
    position: relative;
    overflow: hidden;
    width: 100%;
    min-height: 100vh;
}
.home_banner_area .banner_inner .bg-parallax {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../img/banner/home-banner.jpg) no-repeat scroll center center;
    background-size: cover;
    height: 110%;
    z-index: -1;
}
.home_banner_area .banner_inner .banner_content {
    color: #fff;
}
.home_banner_area .banner_inner .banner_content h5 {
    text-transform: uppercase;
    font-family: 'Mulish', sans-serif;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 15px;
}
.home_banner_area .banner_inner .banner_content h1 {
    font-size: 60px;
    line-height: 75px;
    font-family: 'Mulish', sans-serif;
    font-weight: 800;
    margin-bottom: 5px;
    color: #fff;
}
.home_banner_area .banner_inner .banner_content h3{
    color: #fff;
}
@media (max-width: 767px) {
    .home_banner_area .banner_inner .banner_content h1 {
        font-size: 60px;
        margin-bottom: 10px;
   }
}
.home_banner_area .banner_inner .banner_content .top-text {
    text-align: right;
    max-width: 506px;
    margin: auto;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 3px;
    margin-bottom: -10px;
}
@media (max-width: 767px) {
    .home_banner_area .banner_inner .banner_content .top-text {
        max-width: 50%;
   }
}
@media (max-width: 320px) {
    .home_banner_area .banner_inner .banner_content .top-text {
        max-width: 53%;
        margin-bottom: 10px;
   }
}
.home_banner_area .banner_inner .banner_content .text {
    margin: auto;
    font-size: 20px;
}
@media (max-width: 320px) {
    .home_banner_area .banner_inner .banner_content .text {
        display: none;
   }
}
.home_banner_area .banner_inner .banner_content .vdo-btn {
    margin-top: 50px;
}
.banner_box {
    max-width: 1620px;
    margin: auto;
}
.banner_area {
    position: relative;
    z-index: 1;
    min-height: 300px;
}
.banner_area .banner_inner {
    position: relative;
    overflow: hidden;
    width: 100%;
    min-height: 300px;
    background: #000000;
    z-index: 1;
}
.banner_area .banner_inner .overlay {
    background: url(../img/banner/banner.jpg) no-repeat scroll center center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 125%;
    bottom: 0;
    z-index: -1;
    opacity: .85;
}
.banner_area .banner_inner .banner_content h2 {
    color: #fff;
    font-size: 60px;
    font-family: 'Mulish', sans-serif;
    margin-bottom: 0px;
    font-weight: bold;
}
.banner_area .banner_inner .banner_content .page_link a {
    font-size: 14px;
    color: #fff;
    font-family: 'Mulish', sans-serif;
    margin-right: 32px;
    position: relative;
}
.banner_area .banner_inner .banner_content .page_link a:before {
    content: "\e87a";
    font-family: 'Linearicons-Free';
    position: absolute;
    right: -25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.banner_area .banner_inner .banner_content .page_link a:last-child {
    margin-right: 0px;
}
.banner_area .banner_inner .banner_content .page_link a:last-child:before {
    display: none;
}
.banner_area .banner_inner .banner_content .page_link a:hover {
    color: #4d8eff;
}
/* End Home Banner Area css ============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Latest Blog Area css ============================================================================================ */
.latest_blog_area.color-bg {
    background: #f1f9ff;
}
@media (max-width: 991px) {
    .single-recent-blog {
        margin-bottom: 40px;
   }
}
.single-recent-blog .thumb {
    overflow: hidden;
}
.single-recent-blog .thumb img {
    width: 100%;
}
.single-recent-blog h4 {
    font-size: 21px;
    font-weight: 600;
    transition: all 300ms linear 0s;
}
.single-recent-blog .name {
    font-size: 13px;
    font-weight: 100;
}
.single-recent-blog p {
    text-align: left;
    margin-top: 15px;
}
.single-recent-blog .bottom {
    padding: 30px 0;
}
.single-recent-blog .bottom .main_btn {
    text-transform: uppercase;
    line-height: 30px;
    font-size: 12px;
    padding: 0 16px;
}
.single-recent-blog .bottom span {
    margin-left: 30px;
    font-size: 12px;
    text-transform: uppercase;
}
@media (max-width: 380px) {
    .single-recent-blog .bottom span {
        margin-left: 20px;
   }
}
@media (max-width: 991px) {
    .single-recent-blog .meta {
        margin-top: 20px;
   }
}
@media (max-width: 768px) {
    .single-recent-blog {
        margin-bottom: 30px;
   }
}
@media (max-width: 767px) {
    .single-recent-blog .meta {
        margin-top: 0px;
   }
}
.single-recent-blog .f-img {
    transition: all 300ms linear 0s;
}
.single-recent-blog:hover {
    cursor: pointer;
}
.single-recent-blog:hover h4 {
    color: #4d8eff;
}
.single-recent-blog:hover .f-img {
    cursor: pointer;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
/* End Latest Blog Area css ============================================================================================ */
/*================= latest_blog_area css =============*/
.single-recent-blog-post {
    margin-bottom: 30px;
}
.single-recent-blog-post .thumb {
    overflow: hidden;
}
.single-recent-blog-post .thumb img {
    transition: all 0.7s linear;
}
.single-recent-blog-post .details {
    padding-top: 30px;
}
.single-recent-blog-post .details .sec_h4 {
    line-height: 24px;
    padding: 10px 0px 13px;
    transition: all 0.3s linear;
}
.single-recent-blog-post .details .sec_h4:hover {
    color: #777777;
}
.single-recent-blog-post .date {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
}
.single-recent-blog-post:hover img {
    -webkit-transform: scale(1.23) rotate(10deg);
    -moz-transform: scale(1.23) rotate(10deg);
    -ms-transform: scale(1.23) rotate(10deg);
    -o-transform: scale(1.23) rotate(10deg);
    transform: scale(1.23) rotate(10deg);
}
.tags .tag_btn {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    border: 1px solid #eeeeee;
    display: inline-block;
    padding: 1px 18px;
    text-align: center;
    color: #222222;
}
.tags .tag_btn:before {
    background: #4d8eff;
}
.tags .tag_btn + .tag_btn {
    margin-left: 2px;
}
/*========= blog_categorie_area css ===========*/
.blog_categorie_area {
    padding-top: 80px;
    padding-bottom: 80px;
}
.categories_post {
    position: relative;
    text-align: center;
    cursor: pointer;
}
.categories_post img {
    max-width: 100%;
}
.categories_post .categories_details {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    background: rgba(34, 34, 34, 0.8);
    color: #fff;
    transition: all 0.3s linear;
    display: flex;
    align-items: center;
    justify-content: center;
}
.categories_post .categories_details h5 {
    margin-bottom: 0px;
    font-size: 18px;
    line-height: 26px;
    text-transform: uppercase;
    color: #fff;
    position: relative;
}
.categories_post .categories_details p {
    font-weight: 300;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 0px;
}
.categories_post .categories_details .border_line {
    margin: 10px 0px;
    background: #fff;
    width: 100%;
    height: 1px;
}
.categories_post:hover .categories_details {
    background: #4d8eff;
    opacity: .8;
}
/*============ blog_left_sidebar css ==============*/
.blog_item {
    margin-bottom: 40px;
}
.blog_info {
    padding-top: 30px;
}
.blog_info .post_tag {
    padding-bottom: 20px;
}
.blog_info .post_tag a {
    font: 300 14px/21px 'Mulish', sans-serif;
    color: #222222;
}
.blog_info .post_tag a:hover {
    color: #777777;
}
.blog_info .post_tag a.active {
    color: #4d8eff;
}
.blog_info .blog_meta li a {
    font: 300 14px/20px 'Mulish', sans-serif;
    color: #777777;
    vertical-align: middle;
    padding-bottom: 12px;
    display: inline-block;
}
.blog_info .blog_meta li a i {
    color: #222222;
    font-size: 16px;
    font-weight: 600;
    padding-left: 15px;
    line-height: 20px;
    vertical-align: middle;
}
.blog_info .blog_meta li a:hover {
    color: #4d8eff;
}
.blog_post img {
    max-width: 100%;
}
.blog_details {
    padding-top: 20px;
}
.blog_details h2 {
    font-size: 24px;
    line-height: 36px;
    color: #222222;
    font-weight: 600;
    transition: all 0.3s linear;
}
.blog_details h2:hover {
    color: #4d8eff;
}
.blog_details p {
    margin-bottom: 26px;
}
.view_btn {
    font-size: 14px;
    line-height: 36px;
    display: inline-block;
    color: #222222;
    font-weight: 500;
    padding: 0px 30px;
    background: #fff;
}
.blog_right_sidebar {
    border: 1px solid #eeeeee;
    background: #ffffff;
    padding: 30px;
}
.blog_right_sidebar .widget_title {
    font-size: 18px;
    line-height: 25px;
    background: #4d8eff;
    text-align: center;
    color: #fff;
    padding: 8px 0px;
    margin-bottom: 30px;
}
.blog_right_sidebar .search_widget .input-group .form-control {
    font-size: 14px;
    line-height: 29px;
    border: 0px;
    width: 100%;
    font-weight: 300;
    color: #fff;
    padding-left: 20px;
    border-radius: 45px;
    z-index: 0;
    background: #4d8eff;
}
.blog_right_sidebar .search_widget .input-group .form-control.placeholder {
    color: #fff;
}
.blog_right_sidebar .search_widget .input-group .form-control:-moz-placeholder {
    color: #fff;
}
.blog_right_sidebar .search_widget .input-group .form-control::-moz-placeholder {
    color: #fff;
}
.blog_right_sidebar .search_widget .input-group .form-control::-webkit-input-placeholder {
    color: #fff;
}
.blog_right_sidebar .search_widget .input-group .form-control:focus {
    box-shadow: none;
}
.blog_right_sidebar .search_widget .input-group .btn-default {
    position: absolute;
    right: 20px;
    background: transparent;
    border: 0px;
    box-shadow: none;
    font-size: 14px;
    color: #fff;
    padding: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}
.blog_right_sidebar .author_widget {
    text-align: center;
}
.blog_right_sidebar .author_widget h4 {
    font-size: 18px;
    line-height: 20px;
    color: #222222;
    margin-bottom: 5px;
    margin-top: 30px;
}
.blog_right_sidebar .author_widget p {
    margin-bottom: 0px;
}
.blog_right_sidebar .author_widget .social_icon {
    padding: 7px 0px 15px;
}
.blog_right_sidebar .author_widget .social_icon a {
    font-size: 14px;
    color: #222222;
    transition: all 0.2s linear;
}
.blog_right_sidebar .author_widget .social_icon a + a {
    margin-left: 20px;
}
.blog_right_sidebar .author_widget .social_icon a:hover {
    color: #4d8eff;
}
.blog_right_sidebar .popular_post_widget .post_item .media-body {
    justify-content: center;
    align-self: center;
    padding-left: 20px;
}
.blog_right_sidebar .popular_post_widget .post_item .media-body h3 {
    font-size: 14px;
    line-height: 20px;
    color: #222222;
    margin-bottom: 4px;
    transition: all 0.3s linear;
}
.blog_right_sidebar .popular_post_widget .post_item .media-body h3:hover {
    color: #4d8eff;
}
.blog_right_sidebar .popular_post_widget .post_item .media-body p {
    font-size: 12px;
    line-height: 21px;
    margin-bottom: 0px;
}
.blog_right_sidebar .popular_post_widget .post_item + .post_item {
    margin-top: 20px;
}
.blog_right_sidebar .post_category_widget .cat-list li {
    border-bottom: 2px dotted #eee;
    transition: all 0.3s ease 0s;
    padding-bottom: 12px;
}
.blog_right_sidebar .post_category_widget .cat-list li a {
    font-size: 14px;
    line-height: 20px;
    color: #777;
}
.blog_right_sidebar .post_category_widget .cat-list li a p {
    margin-bottom: 0px;
}
.blog_right_sidebar .post_category_widget .cat-list li + li {
    padding-top: 15px;
}
.blog_right_sidebar .post_category_widget .cat-list li:hover {
    border-color: #4d8eff;
}
.blog_right_sidebar .post_category_widget .cat-list li:hover a {
    color: #4d8eff;
}
.blog_right_sidebar .newsletter_widget {
    text-align: center;
}
.blog_right_sidebar .newsletter_widget .form-group {
    margin-bottom: 8px;
}
.blog_right_sidebar .newsletter_widget .input-group-prepend {
    margin-right: -1px;
}
.blog_right_sidebar .newsletter_widget .input-group-text {
    background: #fff;
    border-radius: 0px;
    vertical-align: top;
    font-size: 12px;
    line-height: 36px;
    padding: 0px 0px 0px 15px;
    border: 1px solid #eeeeee;
    border-right: 0px;
}
.blog_right_sidebar .newsletter_widget .form-control {
    font-size: 12px;
    line-height: 24px;
    color: #cccccc;
    border: 1px solid #eeeeee;
    border-left: 0px;
    border-radius: 0px;
}
.blog_right_sidebar .newsletter_widget .form-control.placeholder {
    color: #cccccc;
}
.blog_right_sidebar .newsletter_widget .form-control:-moz-placeholder {
    color: #cccccc;
}
.blog_right_sidebar .newsletter_widget .form-control::-moz-placeholder {
    color: #cccccc;
}
.blog_right_sidebar .newsletter_widget .form-control::-webkit-input-placeholder {
    color: #cccccc;
}
.blog_right_sidebar .newsletter_widget .form-control:focus {
    outline: none;
    box-shadow: none;
}
.blog_right_sidebar .newsletter_widget .bbtns {
    background: #4d8eff;
    color: #fff;
    font-size: 12px;
    line-height: 38px;
    display: inline-block;
    font-weight: 500;
    padding: 0px 24px 0px 24px;
    border-radius: 0;
}
.blog_right_sidebar .newsletter_widget .text-bottom {
    font-size: 12px;
}
.blog_right_sidebar .tag_cloud_widget ul li {
    display: inline-block;
}
.blog_right_sidebar .tag_cloud_widget ul li a {
    display: inline-block;
    border: 1px solid #eee;
    background: #fff;
    padding: 0px 13px;
    margin-bottom: 8px;
    transition: all 0.3s ease 0s;
    color: #222222;
    font-size: 12px;
}
.blog_right_sidebar .tag_cloud_widget ul li a:hover {
    background: #4d8eff;
    color: #fff;
}
.blog_right_sidebar .br {
    width: 100%;
    height: 1px;
    background: #eeeeee;
    margin: 30px 0px;
}
.blog-pagination {
    padding-top: 25px;
    padding-bottom: 95px;
}
.blog-pagination .page-link {
    border-radius: 0;
}
.blog-pagination .page-item {
    border: none;
}
.page-link {
    background: transparent;
    font-weight: 400;
}
.blog-pagination .page-item.active .page-link {
    background-color: #4d8eff;
    border-color: transparent;
    color: #fff;
}
.blog-pagination .page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #8a8a8a;
    border: none;
}
.blog-pagination .page-link .lnr {
    font-weight: 600;
}
.blog-pagination .page-item:last-child .page-link, .blog-pagination .page-item:first-child .page-link {
    border-radius: 0;
}
.blog-pagination .page-link:hover {
    color: #fff;
    text-decoration: none;
    background-color: #4d8eff;
    border-color: #eee;
}
/*============ Start Blog Single Styles =============*/
.single-post-area .social-links {
    padding-top: 10px;
}
.single-post-area .social-links li {
    display: inline-block;
    margin-bottom: 10px;
}
.single-post-area .social-links li a {
    color: #cccccc;
    padding: 7px;
    font-size: 14px;
    transition: all 0.2s linear;
}
.single-post-area .social-links li a:hover {
    color: #222222;
}
.single-post-area .blog_details {
    padding-top: 26px;
}
.single-post-area .blog_details p {
    margin-bottom: 10px;
}
.single-post-area .quotes {
    margin-top: 20px;
    margin-bottom: 30px;
    padding: 24px 35px 24px 30px;
    background-color: white;
    box-shadow: -20.84px 21.58px 30px 0px rgba(176, 176, 176, 0.1);
    font-size: 14px;
    line-height: 24px;
    color: #777;
    font-style: italic;
}
.single-post-area .arrow {
    position: absolute;
}
.single-post-area .arrow .lnr {
    font-size: 20px;
    font-weight: 600;
}
.single-post-area .thumb .overlay-bg {
    background: rgba(0, 0, 0, 0.8);
}
.single-post-area .navigation-area {
    border-top: 1px solid #eee;
    padding-top: 30px;
    margin-top: 60px;
}
.single-post-area .navigation-area p {
    margin-bottom: 0px;
}
.single-post-area .navigation-area h4 {
    font-size: 18px;
    line-height: 25px;
    color: #222222;
}
.single-post-area .navigation-area .nav-left {
    text-align: left;
}
.single-post-area .navigation-area .nav-left .thumb {
    margin-right: 20px;
    background: #000;
}
.single-post-area .navigation-area .nav-left .thumb img {
    transition: all 300ms linear 0s;
}
.single-post-area .navigation-area .nav-left .lnr {
    margin-left: 20px;
    opacity: 0;
    transition: all 300ms linear 0s;
}
.single-post-area .navigation-area .nav-left:hover .lnr {
    opacity: 1;
}
.single-post-area .navigation-area .nav-left:hover .thumb img {
    opacity: .5;
}
@media (max-width: 767px) {
    .single-post-area .navigation-area .nav-left {
        margin-bottom: 30px;
   }
}
.single-post-area .navigation-area .nav-right {
    text-align: right;
}
.single-post-area .navigation-area .nav-right .thumb {
    margin-left: 20px;
    background: #000;
}
.single-post-area .navigation-area .nav-right .thumb img {
    transition: all 300ms linear 0s;
}
.single-post-area .navigation-area .nav-right .lnr {
    margin-right: 20px;
    opacity: 0;
    transition: all 300ms linear 0s;
}
.single-post-area .navigation-area .nav-right:hover .lnr {
    opacity: 1;
}
.single-post-area .navigation-area .nav-right:hover .thumb img {
    opacity: .5;
}
@media (max-width: 991px) {
    .single-post-area .sidebar-widgets {
        padding-bottom: 0px;
   }
}
.comments-area {
    background: #fafaff;
    border: 1px solid #eee;
    padding: 50px 30px;
    margin-top: 50px;
}
@media (max-width: 414px) {
    .comments-area {
        padding: 50px 8px;
   }
}
.comments-area h4 {
    text-align: center;
    margin-bottom: 50px;
    color: #222222;
    font-size: 18px;
}
.comments-area h5 {
    font-size: 16px;
    margin-bottom: 0px;
}
.comments-area a {
    color: #222222;
}
.comments-area .comment-list {
    padding-bottom: 48px;
}
.comments-area .comment-list:last-child {
    padding-bottom: 0px;
}
.comments-area .comment-list.left-padding {
    padding-left: 25px;
}
@media (max-width: 413px) {
    .comments-area .comment-list .single-comment h5 {
        font-size: 12px;
   }
    .comments-area .comment-list .single-comment .date {
        font-size: 11px;
   }
    .comments-area .comment-list .single-comment .comment {
        font-size: 10px;
   }
}
.comments-area .thumb {
    margin-right: 20px;
}
.comments-area .date {
    font-size: 13px;
    color: #cccccc;
    margin-bottom: 13px;
}
.comments-area .comment {
    color: #777777;
    margin-bottom: 0px;
}
.comments-area .btn-reply {
    background-color: #f1f9ff;
    color: #222222;
    border: 1px solid #eee;
    padding: 2px 18px;
    font-size: 12px;
    display: block;
    font-weight: 600;
    transition: all 300ms linear 0s;
    text-transform: capitalize;
}
.comments-area .btn-reply:hover {
    background-color: #4d8eff;
    color: #fff;
}
.comment-form {
    background: #fafaff;
    text-align: center;
    border: 1px solid #eee;
    padding: 47px 30px 43px;
    margin-top: 50px;
    margin-bottom: 40px;
}
.comment-form h4 {
    text-align: center;
    margin-bottom: 50px;
    font-size: 18px;
    line-height: 22px;
    color: #222222;
}
.comment-form .name {
    padding-left: 0px;
}
@media (max-width: 767px) {
    .comment-form .name {
        padding-right: 0px;
        margin-bottom: 1rem;
   }
}
.comment-form .email {
    padding-right: 0px;
}
@media (max-width: 991px) {
    .comment-form .email {
        padding-left: 0px;
   }
}
.comment-form .form-control {
    padding: 8px 20px;
    background: #f1f9ff;
    border: none;
    border-radius: 0px;
    width: 100%;
    font-size: 14px;
    color: #777777;
    border: 1px solid transparent;
}
.comment-form .form-control:focus {
    box-shadow: none;
    border: 1px solid #eee;
}
.comment-form textarea.form-control {
    height: 140px;
    resize: none;
}
.comment-form ::-webkit-input-placeholder {
   /* Chrome/Opera/Safari */
    font-size: 13px;
    color: #777;
}
.comment-form ::-moz-placeholder {
   /* Firefox 19+ */
    font-size: 13px;
    color: #777;
}
.comment-form :-ms-input-placeholder {
   /* IE 10+ */
    font-size: 13px;
    color: #777;
}
.comment-form :-moz-placeholder {
   /* Firefox 18- */
    font-size: 13px;
    color: #777;
}
/*============ End Blog Single Styles =============*/
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Reservation Form Area css ============================================================================================ */
.reservation_form_area .res_form_inner {
    max-width: 555px;
    margin: auto;
    box-shadow: 0px 10px 30px 0px rgba(153, 153, 153, 0.1);
    padding: 75px 50px;
    position: relative;
}
.reservation_form_area .res_form_inner:before {
    content: "";
    background: url(../img/contact-shap-1.html);
    position: absolute;
    left: -125px;
    height: 421px;
    width: 98px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.reservation_form_area .res_form_inner:after {
    content: "";
    background: url(../img/contact-shap-2.html);
    position: absolute;
    right: -125px;
    height: 421px;
    width: 98px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.reservation_form .form-group input {
    height: 40px;
    border-radius: 0px;
    border: 1px solid #eeeeee;
    outline: none;
    box-shadow: none;
    padding: 0px 15px;
    font-size: 13px;
    font-family: 'Mulish', sans-serif;
    font-weight: 300;
    color: #999999;
}
.reservation_form .form-group input.placeholder {
    font-size: 13px;
    font-family: 'Mulish', sans-serif;
    font-weight: 300;
    color: #999999;
}
.reservation_form .form-group input:-moz-placeholder {
    font-size: 13px;
    font-family: 'Mulish', sans-serif;
    font-weight: 300;
    color: #999999;
}
.reservation_form .form-group input::-moz-placeholder {
    font-size: 13px;
    font-family: 'Mulish', sans-serif;
    font-weight: 300;
    color: #999999;
}
.reservation_form .form-group input::-webkit-input-placeholder {
    font-size: 13px;
    font-family: 'Mulish', sans-serif;
    font-weight: 300;
    color: #999999;
}
.reservation_form .form-group .res_select {
    height: 40px;
    border: 1px solid #eeeeee;
    border-radius: 0px;
    width: 100%;
    padding: 0px 15px;
    line-height: 36px;
}
.reservation_form .form-group .res_select .current {
    font-size: 13px;
    font-family: 'Mulish', sans-serif;
    font-weight: 300;
    color: #999999;
}
.reservation_form .form-group .res_select:after {
    content: "\e874";
    font-family: 'Linearicons-Free';
    color: #cccccc;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    border: none;
    margin-top: -17px;
    font-size: 13px;
    right: 22px;
}
.reservation_form .form-group:last-child {
    text-align: center;
}
/* End Reservation Form Area css ============================================================================================ */
/*============== contact_area css ================*/
.mapBox {
    height: 420px;
    margin-bottom: 80px;
}
.contact_info .info_item {
    position: relative;
    padding-left: 45px;
}
.contact_info .info_item i {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 20px;
    line-height: 24px;
    color: #4d8eff;
    font-weight: 600;
}
.contact_info .info_item h6 {
    font-size: 16px;
    line-height: 24px;
    color: 'Mulish', sans-serif;
    font-weight: bold;
    margin-bottom: 0px;
    color: #222222;
}
.contact_info .info_item h6 a {
    color: #222222;
}
.contact_info .info_item p {
    font-size: 14px;
    line-height: 24px;
    padding: 2px 0px;
}
.contact_form .form-group {
    margin-bottom: 10px;
}
.contact_form .form-group .form-control {
    font-size: 14px;
    line-height: 26px;
    color: #000;
    border: 1px solid #eeeeee;
    font-family: 'Mulish', sans-serif;
    border-radius: 0px;
    padding-left: 20px;
}
.contact_form .form-group .form-control:focus {
    box-shadow: none;
    outline: none;
}
.contact_form .form-group .form-control.placeholder {
    color: #999;
}
.contact_form .form-group .form-control:-moz-placeholder {
    color: #999;
}
.contact_form .form-group .form-control::-moz-placeholder {
    color: #999;
}
.contact_form .form-group .form-control::-webkit-input-placeholder {
    color: #999;
}
.contact_form .form-group textarea {
    resize: none;
}
.contact_form .form-group textarea.form-control {
    height: 134px;
}
.contact_form .submit_btn {
    margin-top: 20px;
    cursor: pointer;
}
/* Contact Success and error Area css ============================================================================================ */
.modal-message .modal-dialog {
    position: absolute;
    top: 36%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) !important;
    -moz-transform: translateX(-50%) translateY(-50%) !important;
    -ms-transform: translateX(-50%) translateY(-50%) !important;
    -o-transform: translateX(-50%) translateY(-50%) !important;
    transform: translateX(-50%) translateY(-50%) !important;
    margin: 0px;
    max-width: 500px;
    width: 100%;
}
.modal-message .modal-dialog .modal-content .modal-header {
    text-align: center;
    display: block;
    border-bottom: none;
    padding-top: 50px;
    padding-bottom: 50px;
}
.modal-message .modal-dialog .modal-content .modal-header .close {
    position: absolute;
    right: -15px;
    top: -15px;
    padding: 0px;
    color: #fff;
    opacity: 1;
    cursor: pointer;
}
.modal-message .modal-dialog .modal-content .modal-header h2 {
    display: block;
    text-align: center;
    color: #4d8eff;
    padding-bottom: 10px;
    font-family: 'Mulish', sans-serif;
}
.modal-message .modal-dialog .modal-content .modal-header p {
    display: block;
}
/* End Contact Success and error Area css ============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Clients Logo Area css ============================================================================================ */
.clients_logo_area .clients_slider .item {
    text-align: center;
}
.clients_logo_area .clients_slider .item img {
    width: auto;
    text-align: center;
    display: block;
    margin: auto;
    line-height: 70px;
    opacity: .5;
    transition: all 300ms linear 0s;
}
.clients_logo_area .clients_slider .item:hover img {
    opacity: 1;
}
/* End Clients Logo Area css ============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/*============== Elements Area css ================*/
.mb-20 {
    margin-bottom: 20px;
}
.mb-30 {
    margin-bottom: 30px;
}
.sample-text-area {
    padding: 100px 0px;
}
.sample-text-area .title_color {
    margin-bottom: 30px;
}
.sample-text-area p {
    line-height: 26px;
}
.sample-text-area p b {
    font-weight: bold;
    color: #4d8eff;
}
.sample-text-area p i {
    color: #4d8eff;
    font-style: italic;
}
.sample-text-area p sup {
    color: #4d8eff;
    font-style: italic;
}
.sample-text-area p sub {
    color: #4d8eff;
    font-style: italic;
}
.sample-text-area p del {
    color: #4d8eff;
}
.sample-text-area p u {
    color: #4d8eff;
}
/*============== End Elements Area css ================*/
/*==============Elements Button Area css ================*/
.elements_button .title_color {
    margin-bottom: 30px;
    color: #222222;
}
.title_color {
    color: #222222;
}
.button-group-area {
    margin-top: 15px;
}
.button-group-area:nth-child(odd) {
    margin-top: 40px;
}
.button-group-area:first-child {
    margin-top: 0px;
}
.button-group-area .theme_btn {
    margin-right: 10px;
}
.button-group-area .white_btn {
    margin-right: 10px;
}
.button-group-area .link {
    text-decoration: underline;
    color: #222222;
    background: transparent;
}
.button-group-area .link:hover {
    color: #fff;
}
.button-group-area .disable {
    background: transparent;
    color: #007bff;
    cursor: not-allowed;
}
.button-group-area .disable:before {
    display: none;
}
.primary {
    background: #52c5fd;
}
.primary:before {
    background: #2faae6;
}
.success {
    background: #4cd3e3;
}
.success:before {
    background: #2ebccd;
}
.info:before {
    background: #298cdf;
}
.warning {
    background: #f4e700;
}
.warning:before {
    background: #e1d608;
}
.danger {
    background: #f54940;
}
.danger:before {
    background: #e13b33;
}
.primary-border {
    background: transparent;
    border: 1px solid #52c5fd;
    color: #52c5fd;
}
.primary-border:before {
    background: #52c5fd;
}
.success-border {
    background: transparent;
    border: 1px solid #4cd3e3;
    color: #4cd3e3;
}
.success-border:before {
    background: #4cd3e3;
}
.info-border {
    background: transparent;
    border: 1px solid #38a4ff;
    color: #38a4ff;
}
.info-border:before {
    background: #38a4ff;
}
.warning-border {
    background: #fff;
    border: 1px solid #f4e700;
    color: #f4e700;
}
.warning-border:before {
    background: #f4e700;
}
.danger-border {
    background: transparent;
    border: 1px solid #f54940;
    color: #f54940;
}
.danger-border:before {
    background: #f54940;
}
.link-border {
    background: transparent;
    border: 1px solid #4d8eff;
    color: #4d8eff;
}
.link-border:before {
    background: #4d8eff;
}
.radius {
    border-radius: 3px;
}
.circle {
    border-radius: 20px;
}
.arrow span {
    padding-left: 5px;
}
.e-large {
    line-height: 50px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.large {
    line-height: 45px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.medium {
    line-height: 30px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.small {
    line-height: 25px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.general {
    line-height: 38px;
    padding-top: 0px;
    padding-bottom: 0px;
}
/*==============End Elements Button Area css ================*/
/* =================================== */
/* Elements Page Styles 
/* =================================== */
/*---------- Start Elements Page -------------*/
.generic-banner {
    margin-top: 60px;
    text-align: center;
}
.generic-banner .height {
    height: 600px;
}
@media (max-width: 767.98px) {
    .generic-banner .height {
        height: 400px;
   }
}
.generic-banner .generic-banner-content h2 {
    line-height: 1.2em;
    margin-bottom: 20px;
}
@media (max-width: 991.98px) {
    .generic-banner .generic-banner-content h2 br {
        display: none;
   }
}
.generic-banner .generic-banner-content p {
    text-align: center;
    font-size: 16px;
}
@media (max-width: 991.98px) {
    .generic-banner .generic-banner-content p br {
        display: none;
   }
}
.generic-content h1 {
    font-weight: 600;
}
.about-generic-area {
    background: #fff;
}
.about-generic-area p {
    margin-bottom: 20px;
}
.white-bg {
    background: #fff;
}
.section-top-border {
    padding: 50px 0;
    border-top: 1px dotted #eee;
}
.switch-wrap {
    margin-bottom: 10px;
}
.switch-wrap p {
    margin: 0;
}
/*---------- End Elements Page -------------*/
.sample-text-area {
    padding: 100px 0 70px 0;
}
.sample-text {
    margin-bottom: 0;
}
.text-heading {
    margin-bottom: 30px;
    font-size: 24px;
}
.typo-list {
    margin-bottom: 10px;
}
@media (max-width: 767px) {
    .typo-sec {
        margin-bottom: 30px;
   }
}
@media (max-width: 767px) {
    .element-wrap {
        margin-top: 30px;
   }
}
b, sup, sub, u, del {
    color: #f8b600;
}
h1 {
    font-size: 36px;
}
h2 {
    font-size: 30px;
}
h3 {
    font-size: 24px;
}
h4 {
    font-size: 18px;
}
h5 {
    font-size: 16px;
}
h6 {
    font-size: 14px;
}
.typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6 {
    color: #777777;
}
.button-area .border-top-generic {
    padding: 70px 15px;
    border-top: 1px dotted #eee;
}
.button-group-area .genric-btn {
    margin-right: 10px;
    margin-top: 10px;
}
.button-group-area .genric-btn:last-child {
    margin-right: 0;
}
.circle {
    border-radius: 20px;
}
.genric-btn {
    display: inline-block;
    outline: none;
    line-height: 40px;
    padding: 0 30px;
    font-size: .8em;
    text-align: center;
    text-decoration: none;
    font-weight: 500;
    cursor: pointer;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.genric-btn:focus {
    outline: none;
}
.genric-btn.e-large {
    padding: 0 40px;
    line-height: 50px;
}
.genric-btn.large {
    line-height: 45px;
}
.genric-btn.medium {
    line-height: 30px;
}
.genric-btn.small {
    line-height: 25px;
}
.genric-btn.radius {
    border-radius: 3px;
}
.genric-btn.circle {
    border-radius: 20px;
}
.genric-btn.arrow {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.genric-btn.arrow span {
    margin-left: 10px;
}
.genric-btn.default {
    color: #222222;
    background: #f9f9ff;
    border: 1px solid transparent;
}
.genric-btn.default:hover {
    border: 1px solid #f9f9ff;
    background: #fff;
}
.genric-btn.default-border {
    border: 1px solid #f9f9ff;
    background: #fff;
}
.genric-btn.default-border:hover {
    color: #222222;
    background: #f9f9ff;
    border: 1px solid transparent;
}
.genric-btn.primary {
    color: #fff;
    background: #f8b600;
    border: 1px solid transparent;
}
.genric-btn.primary:hover {
    color: #f8b600;
    border: 1px solid #f8b600;
    background: #fff;
}
.genric-btn.primary-border {
    color: #f8b600;
    border: 1px solid #f8b600;
    background: #fff;
}
.genric-btn.primary-border:hover {
    color: #fff;
    background: #f8b600;
    border: 1px solid transparent;
}
.genric-btn.success {
    color: #fff;
    background: #4cd3e3;
    border: 1px solid transparent;
}
.genric-btn.success:hover {
    color: #4cd3e3;
    border: 1px solid #4cd3e3;
    background: #fff;
}
.genric-btn.success-border {
    color: #4cd3e3;
    border: 1px solid #4cd3e3;
    background: #fff;
}
.genric-btn.success-border:hover {
    color: #fff;
    background: #4cd3e3;
    border: 1px solid transparent;
}
.genric-btn.info {
    color: #fff;
    background: #38a4ff;
    border: 1px solid transparent;
}
.genric-btn.info:hover {
    color: #38a4ff;
    border: 1px solid #38a4ff;
    background: #fff;
}
.genric-btn.info-border {
    color: #38a4ff;
    border: 1px solid #38a4ff;
    background: #fff;
}
.genric-btn.info-border:hover {
    color: #fff;
    background: #38a4ff;
    border: 1px solid transparent;
}
.genric-btn.warning {
    color: #fff;
    background: #f4e700;
    border: 1px solid transparent;
}
.genric-btn.warning:hover {
    color: #f4e700;
    border: 1px solid #f4e700;
    background: #fff;
}
.genric-btn.warning-border {
    color: #f4e700;
    border: 1px solid #f4e700;
    background: #fff;
}
.genric-btn.warning-border:hover {
    color: #fff;
    background: #f4e700;
    border: 1px solid transparent;
}
.genric-btn.danger {
    color: #fff;
    background: #f44a40;
    border: 1px solid transparent;
}
.genric-btn.danger:hover {
    color: #f44a40;
    border: 1px solid #f44a40;
    background: #fff;
}
.genric-btn.danger-border {
    color: #f44a40;
    border: 1px solid #f44a40;
    background: #fff;
}
.genric-btn.danger-border:hover {
    color: #fff;
    background: #f44a40;
    border: 1px solid transparent;
}
.genric-btn.link {
    color: #222222;
    background: #f9f9ff;
    text-decoration: underline;
    border: 1px solid transparent;
}
.genric-btn.link:hover {
    color: #222222;
    border: 1px solid #f9f9ff;
    background: #fff;
}
.genric-btn.link-border {
    color: #222222;
    border: 1px solid #f9f9ff;
    background: #fff;
    text-decoration: underline;
}
.genric-btn.link-border:hover {
    color: #222222;
    background: #f9f9ff;
    border: 1px solid transparent;
}
.genric-btn.disable {
    color: #222222, 0.3;
    background: #f9f9ff;
    border: 1px solid transparent;
    cursor: not-allowed;
}
.generic-blockquote {
    padding: 30px 50px 30px 30px;
    background: #fff;
    border-left: 2px solid #f8b600;
}
@media (max-width: 991px) {
    .progress-table-wrap {
        /* overflow-x: scroll; */
   }
}
.progress-table {
    background: #fff;
    padding: 15px 15px 15px 15px;
    border: 1px solid #f1f1f1;
    box-shadow: 0 0 12px 0 rgba(0,0,0,.06);
    border-radius: .35rem;
}
.progress-table .serial {
    width: 11.83%;
    padding-left: 30px;
}
.progress-table .country {
    width: 28.07%;
}
.progress-table .visit {
    width: 19.74%;
}
.progress-table .percentage {
    width: 40.36%;
    padding-right: 50px;
}
.progress-table .table-head {
    display: flex;
}
.progress-table .table-head .serial, .progress-table .table-head .country, .progress-table .table-head .visit, .progress-table .table-head .percentage {
    color: #222222;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: 500;
}
.progress-table .table-row {
    padding: 15px 0;
    border-top: 1px solid #edf3fd;
    display: flex;
}
.progress-table .table-row .serial, .progress-table .table-row .country, .progress-table .table-row .visit, .progress-table .table-row .percentage {
    display: flex;
    align-items: center;
}
.progress-table .table-row .country img {
    margin-right: 15px;
}
.progress-table .table-row .percentage .progress {
    width: 80%;
    border-radius: 0px;
    background: transparent;
}
.progress-table .table-row .percentage .progress .progress-bar {
    height: 5px;
    line-height: 5px;
}
.progress-table .table-row .percentage .progress .progress-bar.color-1 {
    background-color: #6382e6;
}
.progress-table .table-row .percentage .progress .progress-bar.color-2 {
    background-color: #e66686;
}
.progress-table .table-row .percentage .progress .progress-bar.color-3 {
    background-color: #f09359;
}
.progress-table .table-row .percentage .progress .progress-bar.color-4 {
    background-color: #73fbaf;
}
.progress-table .table-row .percentage .progress .progress-bar.color-5 {
    background-color: #73fbaf;
}
.progress-table .table-row .percentage .progress .progress-bar.color-6 {
    background-color: #6382e6;
}
.progress-table .table-row .percentage .progress .progress-bar.color-7 {
    background-color: #a367e7;
}
.progress-table .table-row .percentage .progress .progress-bar.color-8 {
    background-color: #e66686;
}
.single-gallery-image {
    margin-top: 30px;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    height: 200px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.single-gallery-image:hover {
    opacity: .8;
}
.list-style {
    width: 14px;
    height: 14px;
}
.unordered-list li {
    position: relative;
    padding-left: 30px;
    line-height: 1.82em !important;
}
.unordered-list li:before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    border: 3px solid #f8b600;
    background: #fff;
    top: 7px;
    left: 0;
    border-radius: 50%;
}
.ordered-list {
    margin-left: 30px;
}
.ordered-list li {
    list-style-type: decimal-leading-zero;
    color: #f8b600;
    font-weight: 500;
    line-height: 1.82em !important;
}
.ordered-list li span {
    font-weight: 300;
    color: #777777;
}
.ordered-list-alpha li {
    margin-left: 30px;
    list-style-type: lower-alpha;
    color: #f8b600;
    font-weight: 500;
    line-height: 1.82em !important;
}
.ordered-list-alpha li span {
    font-weight: 300;
    color: #777777;
}
.ordered-list-roman li {
    margin-left: 30px;
    list-style-type: lower-roman;
    color: #f8b600;
    font-weight: 500;
    line-height: 1.82em !important;
}
.ordered-list-roman li span {
    font-weight: 300;
    color: #777777;
}
.single-input {
    display: block;
    width: 100%;
    line-height: 50px;
    border: none;
    outline: none;
    background: #f0f3f7;
    padding: 0 20px;
    border: 1px solid #f0f3f7;
    border-radius: 2rem;
    color: #172934;
    font-size: 14px;
}
.single-input:focus {
    outline: none;
}
.booking-form .single-input{
   background: #ffffff;
}
.input-group-icon {
    position: relative;
}
.input-group-icon .icon {
    position: absolute;
    left: 20px;
    top: 0;
    line-height: 50px;
    z-index: 3;
}
.input-group-icon .icon i {
    color: #707e9c;
}
.input-group-icon .single-input {
    padding-left: 45px;
}
.single-textarea {
    display: block;
    width: 100%;
    line-height: 40px;
    border: none;
    outline: none;
    background: #f9f9ff;
    padding: 0 20px;
    height: 100px;
    resize: none;
}
.single-textarea:focus {
    outline: none;
}
.single-input-primary {
    display: block;
    width: 100%;
    line-height: 40px;
    border: 1px solid transparent;
    outline: none;
    background: #f9f9ff;
    padding: 0 20px;
}
.single-input-primary:focus {
    outline: none;
    border: 1px solid #f8b600;
}
.single-input-accent {
    display: block;
    width: 100%;
    line-height: 40px;
    border: 1px solid transparent;
    outline: none;
    background: #f9f9ff;
    padding: 0 20px;
}
.single-input-accent:focus {
    outline: none;
    border: 1px solid #eb6b55;
}
.single-input-secondary {
    display: block;
    width: 100%;
    line-height: 40px;
    border: 1px solid transparent;
    outline: none;
    background: #f9f9ff;
    padding: 0 20px;
}
.single-input-secondary:focus {
    outline: none;
    border: 1px solid #f09359;
}
.default-switch {
    width: 35px;
    height: 17px;
    border-radius: 8.5px;
    background: #fff;
    position: relative;
    cursor: pointer;
}
.default-switch input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.default-switch input + label {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #f8b600;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}
.default-switch input:checked + label {
    left: 19px;
}
.single-element-widget {
    margin-bottom: 30px;
}
.primary-switch {
    width: 35px;
    height: 17px;
    border-radius: 8.5px;
    background: #fff;
    position: relative;
    cursor: pointer;
}
.primary-switch input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.primary-switch input + label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.primary-switch input + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    border-radius: 8.5px;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.primary-switch input + label:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #fff;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}
.primary-switch input:checked + label:after {
    left: 19px;
}
.primary-switch input:checked + label:before {
    background: #f8b600;
}
.confirm-switch {
    width: 35px;
    height: 17px;
    border-radius: 8.5px;
    background: #fff;
    position: relative;
    cursor: pointer;
}
.confirm-switch input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.confirm-switch input + label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.confirm-switch input + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #e6ecf1;
    border-radius: 8.5px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    cursor: pointer;
}
.confirm-switch input + label:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #fff;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}
.confirm-switch input:checked + label:after {
    left: 19px;
}
.confirm-switch input:checked + label:before {
    background: #4cd3e3;
}
.primary-checkbox {
    width: 16px;
    height: 16px;
    border-radius: 3px;
    background: #fff;
    position: relative;
    cursor: pointer;
}
.primary-checkbox input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.primary-checkbox input + label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid #f1f1f1;
}
.single-defination h4 {
    color: #222222;
}
.primary-checkbox input:checked + label {
    background: url(../img/elements/primary-check.png) no-repeat center center/cover;
    border: none;
}
.confirm-checkbox {
    width: 16px;
    height: 16px;
    border-radius: 3px;
    background: #fff;
    position: relative;
    cursor: pointer;
}
.confirm-checkbox input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.confirm-checkbox input + label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid #f1f1f1;
}
.confirm-checkbox input:checked + label {
    background: url(../img/elements/success-check.png) no-repeat center center/cover;
    border: none;
}
.disabled-checkbox {
    width: 16px;
    height: 16px;
    border-radius: 3px;
    background: #fff;
    position: relative;
    cursor: pointer;
}
.disabled-checkbox input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.disabled-checkbox input + label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid #f1f1f1;
}
.disabled-checkbox input:disabled {
    cursor: not-allowed;
    z-index: 3;
}
.disabled-checkbox input:checked + label {
    background: url(../img/elements/disabled-check.png) no-repeat center center/cover;
    border: none;
}
.primary-radio {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background: #fff;
    position: relative;
    cursor: pointer;
}
.primary-radio input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.primary-radio input + label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    cursor: pointer;
    border: 1px solid #f1f1f1;
}
.primary-radio input:checked + label {
    background: url(../img/elements/primary-radio.png) no-repeat center center/cover;
    border: none;
}
.confirm-radio {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background: #fff;
    position: relative;
    cursor: pointer;
}
.confirm-radio input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.confirm-radio input + label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    cursor: pointer;
    border: 1px solid #f1f1f1;
}
.confirm-radio input:checked + label {
    background: url(../img/elements/success-radio.png) no-repeat center center/cover;
    border: none;
}
.disabled-radio {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background: #fff;
    position: relative;
    cursor: pointer;
}
.disabled-radio input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.disabled-radio input + label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    cursor: pointer;
    border: 1px solid #f1f1f1;
}
.disabled-radio input:disabled {
    cursor: not-allowed;
    z-index: 3;
}
.unordered-list {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.ordered-list {
    list-style: none;
    padding: 0px;
}
.disabled-radio input:checked + label {
    background: url(../img/elements/disabled-radio.png) no-repeat center center/cover;
    border: none;
}
.default-select {
    height: 40px;
}
.default-select .nice-select {
    border: none;
    border-radius: 0px;
    height: 40px;
    background: #fff;
    padding-left: 20px;
    padding-right: 40px;
}
.default-select .nice-select .list {
    margin-top: 0;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    width: 100%;
    padding: 10px 0 10px 0px;
}
.default-select .nice-select .list .option {
    font-weight: 300;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    line-height: 28px;
    min-height: 28px;
    font-size: 12px;
    padding-left: 20px;
}
.default-select .nice-select .list .option.selected {
    color: #f8b600;
    background: transparent;
}
.default-select .nice-select .list .option:hover {
    color: #f8b600;
    background: transparent;
}
.default-select .current {
    margin-right: 50px;
    font-weight: 300;
}
.default-select .nice-select::after {
    right: 20px;
}
@media (max-width: 991px) {
    .left-align-p p {
        margin-top: 20px;
   }
}
.form-select {
    height: 50px;
    width: 100%;
}
.form-select .nice-select {
    border: none;
    border-radius: 0px;
    height: 50px;
    background: #f0f3f7;
    padding-left: 45px;
    padding-right: 40px;
    width: 100%;
    line-height: 50px;
    border: 1px solid #f0f3f7;
    border-radius: 2rem;
}
.booking-form .form-select .nice-select{
   line-height:50px;
   background: #ffffff;
}
.form-select .nice-select .list {
    margin-top: 0;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    width: 100%;
    padding: 10px 0 10px 0px;
    background-color: #f9f9fe;
}
.mt-10 {
    margin-top: 10px;
}
.form-select .nice-select .list .option {
    font-weight: 300;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    line-height: 40px;
    min-height: 28px;
    font-size: 14px;
    padding-left: 45px;
    color: #000;
}
.form-select .nice-select .list .option.selected {
    color: #d21720;
    background: transparent;
}
.form-select .nice-select .list .option:hover {
    color: #f8b600;
    background: transparent;
}
.form-select .current {
    margin-right: 50px;
    font-weight: 300;
    color: #192a36;
}
.form-select .nice-select::after {
    right: 20px;
}
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Main Button Area css ============================================================================================ */
.main_btn {
    display: inline-block;
    background: #cf171f;
    padding: 0px 34px;
    color: #fff;
    font-family: 'Mulish', sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 48px;
    border-radius: 0px;
    outline: none !important;
    box-shadow: none !important;
    text-align: center;
    border: 1px solid #cf171f;
    cursor: pointer;
    transition: all 300ms linear 0s;
}
.main_btn:hover {
    background: #8cc53f;
    color: #ffffff;
    border-color: #8cc53f;
}
.main_btn2 {
    display: inline-block;
    background: #fff;
    padding: 0px 32px;
    color: #222222;
    font-family: 'Mulish', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 48px;
    border-radius: 5px;
    outline: none !important;
    box-shadow: none !important;
    text-align: center;
    border: 1px solid #fff;
    cursor: pointer;
    transition: all 300ms linear 0s;
}
.main_btn2:hover {
    background: #4d8eff;
    color: #fff;
    border-color: #4d8eff;
}
.submit_btn {
    width: auto;
    display: inline-block;
    background: #4d8eff;
    padding: 0px 50px;
    color: #fff;
    font-family: 'Mulish', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 50px;
    border-radius: 0px;
    outline: none !important;
    box-shadow: none !important;
    text-align: center;
    border: 1px solid #4d8eff;
    cursor: pointer;
    transition: all 300ms linear 0s;
}
.submit_btn:hover {
    background: transparent;
    color: #4d8eff;
}
.white_bg_btn {
    display: inline-block;
    background: #f9f9ff;
    padding: 0px 35px;
    color: #222222;
    font-family: 'Mulish', sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 34px;
    border-radius: 0px;
    outline: none !important;
    box-shadow: none !important;
    text-align: center;
    border: 1px solid #eeeeee;
    cursor: pointer;
    transition: all 300ms linear 0s;
}
.white_bg_btn:hover {
    background: #4d8eff;
    color: #fff;
    border-color: #4d8eff;
}
.black_btn {
    padding: 0px 44px;
    line-height: 50px;
    background: #222222;
    color: #4d8eff;
    display: inline-block;
    border-radius: 5px;
    font-size: 13px;
    font-family: 'Mulish', sans-serif;
    font-weight: 500;
    transition: all 300ms linear 0s;
}
.black_btn:hover {
    background: #4d8eff;
    color: #222222;
}
/* End Main Button Area css ============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Course Details Area css ============================================================================================ */
.course_details_inner .nav.nav-tabs {
    border: none;
    margin-top: 30px;
}
.course_details_inner .nav.nav-tabs li {
    margin: 0px;
    margin-right: 35px;
}
.course_details_inner .nav.nav-tabs li a {
    border: none;
    padding: 0px;
    margin-bottom: 0px;
    line-height: 55px;
    font-size: 14px;
    font-family: 'Mulish', sans-serif;
    color: #222222;
    border-bottom: 1px solid transparent;
}
.course_details_inner .nav.nav-tabs li a.active {
    border-color: #4d8eff;
}
.course_details_inner .nav.nav-tabs li:last-child {
    margin-right: 0px;
}
.course_details_inner .tab-content {
    background: #f9f9ff;
}
.course_details_inner .tab-content .comments-area {
    margin-top: 0px;
    border-bottom: 0px;
}
.course_details_inner .tab-content .comment-form {
    margin-top: 0px;
    margin-bottom: 0px;
    border-top: 0px;
}
.course_details_inner .tab-content .comment-form .submit_btn {
    line-height: 40px;
    border-radius: 5px;
}
.course_details_inner .tab-content .objctive_text {
    padding: 25px;
    border: 1px solid #eeeeee;
}
.course_details_inner .tab-content .objctive_text .list {
    padding-top: 15px;
    padding-bottom: 15px;
}
.course_details_inner .tab-content .objctive_text .list li {
    margin-bottom: 28px;
}
.course_details_inner .tab-content .objctive_text .list li a {
    color: #777777;
    font-family: 'Mulish', sans-serif;
    font-size: 14px;
    transition: all 300ms linear 0s;
}
.course_details_inner .tab-content .objctive_text .list li a:hover {
    color: #4d8eff;
}
.course_details_inner .tab-content .objctive_text .list li:last-child {
    margin-bottom: 0px;
}
.c_details_list .list li {
    margin-bottom: 10px;
}
.c_details_list .list li a {
    background: #f9f9ff;
    display: block;
    line-height: 40px;
    padding: 0px 18px;
    font-size: 14px;
    font-family: 'Mulish', sans-serif;
    color: #777777;
}
.c_details_list .list li a span {
    float: right;
}
.c_details_list .list li:first-child a span {
    color: #4d8eff;
}
.c_details_list .main_btn {
    display: block;
}
/* End Course Details Area css ============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Booking Area css ============================================================================================ */
.booking_area {
    background: #ffffff;
    position: relative;
    z-index: 2;
    margin-top: -100px;
    box-shadow: 0 20px 50px rgba(158, 158, 158, 0.2);
}
@media (max-width: 991px) {
    .booking_area {
        margin-top: 65px;
   }
}
.booking_area .row {
    margin: 0;
}
.booking_area .col-lg-3 {
    padding: 30px 0;
}
.booking_area .col-lg-3:nth-child(3) .booking_item, .booking_area .col-lg-3:nth-child(4) .booking_item {
    border-right: 0;
}
.booking_area .coupon-code {
    background: #f1f9ff;
}
.booking_item {
    padding: 7px 40px;
    border-right: 1px solid #ddd;
}
.booking_item input[type="date"]::-webkit-calendar-picker-indicator, .booking_item input[type="date"]::-webkit-inner-spin-button {
    display: none;
}
@media (max-width: 460px) {
    .booking_item {
        padding: 7px 12px;
   }
}
@media (max-width: 1199px) {
    .booking_item .main_btn {
        font-size: 12px;
        padding: 0 15px;
   }
}
@media (max-width: 460px) {
    .booking_item .main_btn {
        line-height: 34px;
        padding: 0 10px;
        font-size: 11px;
   }
}
.booking_item p {
    text-transform: uppercase;
    font-size: 14px;
}
@media (max-width: 460px) {
    .booking_item p {
        font-size: 13px;
   }
}
.booking_item .day {
    font-size: 60px;
    font-family: 'Mulish', sans-serif;
    color: #000;
    font-weight: 600;
    margin-right: 10px;
    letter-spacing: 1px;
}
@media (max-width: 1199px) {
    .booking_item .day {
        font-size: 48px;
   }
}
@media (max-width: 460px) {
    .booking_item .day {
        font-size: 32px;
   }
}
.booking_item .month {
    font-family: 'Mulish', sans-serif;
    color: #000000;
    text-transform: uppercase;
    font-weight: 500;
}
@media (max-width: 460px) {
    .booking_item .month {
        font-size: 13px;
   }
}
.booking_item label {
    color: #000000;
    margin-left: 10px;
    cursor: pointer;
}
@media (max-width: 460px) {
    .booking_item label {
        margin-left: 6px;
   }
}
.booking_item input {
    border: 0;
    width: 0;
    height: 0;
    padding: 0;
}
.booking_item input:focus {
    box-shadow: none;
    outline: none;
}
.booking_item a {
    color: #777777;
}
/* End Booking Area css ============================================================================================ */
/* About Area css ============================================================================================ */
.about_area {
    position: relative;
}
.about_area:after {
    content: '';
    position: absolute;
    top: 70%;
    left: 0;
    right: 0;
    bottom: -23.4%;
    width: 100%;
    background: #f1f9ff;
    z-index: -1;
    display:none;
}
@media (max-width: 767px) {
    .about_area:after {
        bottom: -36.4%;
   }
}
.about_area.rooms:after {
    bottom: -48.4%;
}
.video_area {
    position: relative;
}
.video_area .overlay-bg {
    background: rgba(0, 0, 0, 0.2);
}
.video_area .popup-youtube {
    position: absolute;
    left: 0px;
    text-align: center;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
/* End About Area css ============================================================================================ */
/* Our Room Area css ============================================================================================ */
.our_room_area .col-lg-6 {
    padding: 0;
}
.our_room_area .owl-nav {
    right: 13%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media (max-width: 1024px) {
    .our_room_area .owl-nav {
        display: none;
   }
}
.our_room_area .owl-nav .owl-prev {
    margin-bottom: 10px;
}
.our_room_area .owl-nav .lnr-arrow-up, .our_room_area .owl-nav .lnr-arrow-down {
    padding: 6px;
    transition: all 300ms linear 0s;
}
.our_room_area .owl-nav .lnr-arrow-up:hover, .our_room_area .owl-nav .lnr-arrow-down:hover {
    background: #4d8eff;
    color: #ffffff;
}
@media (max-width: 991px) {
    .room_left img {
        width: 100%;
   }
}
.room_right {
    padding-right: 48%;
    padding-left: 12%;
    margin: 50px 0;
}
@media (max-width: 1366px) {
    .room_right {
        padding-left: 60px;
        padding-right: 25%;
   }
}
@media (max-width: 1024px) {
    .room_right {
        padding-left: 30px;
        padding-right: 30px;
   }
}
@media (max-width: 991px) {
    .room_right {
        padding-left: 16%;
        padding-right: 16%;
        margin: 70px 0;
   }
}
@media (max-width: 575px) {
    .room_right {
        padding-left: 15px;
        padding-right: 15px;
   }
}
.room_right .price {
    color: #4d8eff;
    font-family: 'Mulish', sans-serif;
}
.room_right .price span {
    font-size: 16px;
}
.room_right .type {
    padding: 15px 0;
}
.room_right ul {
    list-style: none;
    padding: 0;
    margin-bottom: 35px;
}
@media (max-width: 767px) {
    .room_right ul {
        margin-bottom: 0;
   }
}
@media (max-width: 767px) {
    .room_right .main_btn {
        margin-top: 30px;
   }
}
.room_right li {
    padding-left: 21px;
}
.room_right li:before {
    content: "\e87a";
    font-family: 'Linearicons-Free';
    display: inline-block;
    margin-left: -6px;
    width: 28px;
    font-weight: 600;
    color: #4d8eff;
}
/* End Our Room Area css ============================================================================================ */
/* Testimonials Area css ============================================================================================ */
.testimonials-area {
    position: relative;
}
.testimonials-area .quote-img {
    margin-bottom: -60px;
    position: relative;
    z-index: 2;
}
.testimonials-area .owl-thumbs {
    margin-top: -50px;
    position: relative;
    z-index: 2;
}
.testimonials-area .owl-thumb-item {
    margin-right: 20px;
    position: relative;
}
.testimonials-area .owl-thumb-item:last-child {
    margin-right: 0;
}
.testimonials-area .owl-thumb-item.active .overlay-grad {
    background: #4d8eff;
    opacity: .8;
}
.testimonials-area .owl-thumb-item .overlay-grad {
    transition: all 300ms linear 0s;
    cursor: pointer;
    border-radius: 50%;
}
.testimonials-area .owl-thumb-item .overlay-grad:hover {
    background: #4d8eff;
    opacity: .8;
}
.testimonials-area.color-bg {
    background: #f1f9ff;
}
.testimonials-area .owl-carousel .owl-item img {
    width: auto;
    margin: auto;
}
.testi-slider {
    margin: auto;
    background: #ffffff;
}
.testi-slider .testi-item {
    text-align: center;
}
.testi-item {
    margin-bottom: 40px;
}
.testi-item h4 {
    font-size: 21px;
    font-weight: 700;
    margin-top: 65px;
    margin-bottom: 10px;
}
.testi-item .list {
    margin-bottom: 20px;
}
.testi-item .list li {
    display: inline-block;
}
.testi-item .list li a {
    color: #ffc000;
    font-size: 14px;
}
.testi-item p {
    max-width: 605px;
    margin: auto;
    font-style: italic;
}
/* End Testimonials Area css ============================================================================================ */
/* Gallery Area css ============================================================================================ */
.gallery_area .gallery-filter {
    display: none;
}
.gallery_area .single-gallery {
    margin-bottom: 30px;
    position: relative;
}
.gallery_area .single-gallery .overlay {
    transition: all 300ms linear 0s;
}
.gallery_area .single-gallery .icon {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all 300ms linear 0s;
    z-index: 10;
    cursor: pointer;
}
.gallery_area .single-gallery:hover .overlay {
    background: rgba(0, 0, 0, 0.5);
}
.gallery_area .single-gallery:hover .icon {
    top: 50%;
    opacity: 1;
}
/* End Gallery Area css ============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
.footer-area {
    min-height: 100%;
    background: #1a1b1c;
    position: relative;
    margin-top: 77px;
    padding: 60px 0;
}
.footer-area:before{
   content:'';
   display: block;
   top: -77px;
   width: 100%;
   background: url("../img/footer-icon-pattern.png") no-repeat center bottom;
   position: absolute;
   height: 77px;
}
.footer-area h6 {
    color: #fff;
    margin-bottom: 25px;
    font-size: 18px;
    font-weight: 600;
}
.copy-right-text i, .copy-right-text a {
    color: #4d8eff;
}
.instafeed {
    margin: 0px -24px;
    padding: 0 15px;
}
@media (max-width: 767px) {
    .instafeed {
        margin: -16px;
   }
}
@media (max-width: 575px) {
    .instafeed {
        margin: 0px;
        padding: 0;
   }
}
.instafeed li {
    overflow: hidden;
    width: 25%;
}
.instafeed li img {
    margin: 5px;
}
@media (max-width: 575px) {
    .footer-social {
        margin-top: 15px;
   }
}
.footer-social a {
    padding-left: 25px;
    transition: all 300ms linear 0s;
}
@media (max-width: 575px) {
    .footer-social a:first-child {
        padding-left: 0;
   }
}
.footer-social a:hover i {
    color: #4d8eff;
}
.footer-social i {
    color: #cccccc;
    transition: all 300ms linear 0s;
}
@media (max-width: 991px) {
    .footer-social {
        text-align: left;
   }
}
.single-footer-widget .footer-nav li {
    list-style: none;
    margin-bottom: 12px;
}
@media (max-width: 991px) {
    .single-footer-widget .footer-nav li {
        margin-bottom: 3px;
   }
}
.single-footer-widget .footer-nav li a {
    color: #777777;
}
.single-footer-widget .footer-nav li a:hover {
    color: #ffffff;
}
.single-footer-widget input {
    border: 1px solid #777777;
    width: 80% !important;
    font-weight: 300;
    background: transparent;
    color: #ffffff;
    padding-left: 20px;
    border-radius: 0;
    font-size: 14px;
}
.single-footer-widget input:focus {
    box-shadow: none;
    color: #ffffff;
    background: #222222;
}
.single-footer-widget .bb-btn {
    background: #4d8eff;
    color: #fff;
    font-weight: 300;
    border-radius: 0;
    z-index: 9999;
    cursor: pointer;
}
.single-footer-widget .info {
    position: absolute;
    margin-top: 20%;
    color: #fff;
    font-size: 12px;
    background: transparent;
}
.single-footer-widget .info.valid {
    color: green;
}
.single-footer-widget .info.error {
    color: red;
}
.single-footer-widget .click-btn {
    background: #d11821;
    color: #fff;
    border-radius: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    padding: 7px 12px;
    border: 0;
}
.single-footer-widget ::-moz-selection {
   /* Code for Firefox */
    background-color: #191919 !important;
    color: #ffffff;
}
.single-footer-widget ::selection {
    background-color: #191919 !important;
    color: #ffffff;
}
.single-footer-widget ::-webkit-input-placeholder {
   /* WebKit, Blink, Edge */
    color: #ffffff;
    font-weight: 300;
}
.single-footer-widget :-moz-placeholder {
   /* Mozilla Firefox 4 to 18 */
    color: #ffffff;
    opacity: 1;
    font-weight: 300;
}
.single-footer-widget ::-moz-placeholder {
   /* Mozilla Firefox 19+ */
    color: #ffffff;
    opacity: 1;
    font-weight: 300;
}
.single-footer-widget :-ms-input-placeholder {
   /* Internet Explorer 10-11 */
    color: #ffffff;
    font-weight: 300;
}
.single-footer-widget ::-ms-input-placeholder {
   /* Microsoft Edge */
    color: #ffffff;
    font-weight: 300;
}
.footer-bottom {
    margin-top: 15px;
}
.logo_h img{
    width: 350px;
}
.welcome_text {
   position: relative;
   top: 0px;
   left: 0;
   max-width: 300px;
   z-index: 4;
}
.welcome_inner_text{
   position:absolute;
   top: 45%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 80%;
}
.welcome_text img, .welcome_text svg {
   position: relative;
   width: 100%;
   top: 0px;
   left: 0;
   fill:#d0181f;
   z-index: -1;
}
@media (min-width: 1400px) {
.welcome_text {
   max-width: 350px;
   }
}
@media (max-width: 991px) {
    .footer-bottom {
        margin-top: 10px;
   }
   .logo_h img{
    width: 250px;
 }
 
}
@media (max-width: 380px) {
    .footer-bottom {
        text-align: left !important;
   }
}
.footer-text a, .footer-text i {
    color: #4d8eff;
}
.btn {
   display: inline-block;
   font-weight: 300;
   text-align: center;
   white-space: nowrap;
   vertical-align: middle;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   border: 1px solid transparent;
   padding: .575rem 1.3rem;
   font-size: .8rem;
   line-height: 1.5;
   border-radius: 1.25rem;
   transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
   text-transform: uppercase;
}
.btn-primary {
   color: #fff;
   background-color: #d0181f;
   border-color: #d0181f;
}
.btn-primary:hover {
   color: #fff;
   background-color: #8bc43f;
   border-color: #8bc43f;
}
.btn-secondary {
   color: #fff;
   background-color: #8cc53f;
   border-color: #8cc53f;
}
.btn-secondary:hover {
   color: #000;
   background-color: #f0f9fe;
   border-color: #f0f9fe;
}
.booking-form{
   position: relative;
   z-index: 2;
   margin-top: 30px;
}
.hiw-section{
 background: #ffffff;
 position: relative;
 z-index: 2;
 margin-top: -100px;
 box-shadow: 0 20px 50px rgba(158, 158, 158, 0.2);
 border-radius: 1rem;
}
.hiw-section:before{
   content:'How to get a better deal?';
   text-align: center;
   display: block;
   position: absolute;
   width: 100%;
   top: -45px;
   font-size: 2rem;
   color: #fff;
}
.hiw-section .hiw-item{
 text-align: center;
 padding: 4rem 1rem;
 border-right: 1px solid #f3f2f2;
 min-height: 280px;
}
.hiw-section .hiw-item.last{
 border-right: 0px solid #f3f2f2;
}
.text-danger {
   color: #d0181f !important;
}
.make-offer-item{
   background: #8bc43f57;
   text-align: center;
   padding: 2rem;
   min-height: 270px;
   border-radius: .3rem;
   transition: all .3s ease;
}
.make-offer-item:hover{
   background: #d0181f3d;
}
.make-offer .make-offer-item figure{
 max-width: 60px;
 margin: 0 auto;
}
.make-offer .make-offer-item h4{
 font-family: 'Mulish', sans-serif;
 font-weight: 300;
 line-height: 26px;
 margin-top: 2rem;
}
.make-offer .make-offer-item:after{
   content:"\f054";
   font-family:'FontAwesome';
   display:block;
   position: absolute;
   right: -5px;
   top: 50%;
   color: #d0181f3d;
   font-size: 12px;
}
.make-offer .col-12:last-child .make-offer-item:after{
   display:none;
}
.sit-relax{
 background: #fefee6;
}
.sit-relax figure{
 background: #fefee6;
 margin: 0;
 overflow: hidden;
}
.sit-relax figure img{
 border-radius: 0% 50% 50% 0%;
}
.styled_card {
   border: 1px solid #eaebec;
   height: 100%;
}

.styled_card .card-img {
   position: relative;
   height: 160px;
}

.styled_card .card-img img {
   border-radius: 5px;
       max-width: 100%;
}

.styled_card .card-img .btn {
   position: absolute;
   bottom: 0;
   left: 50%;
   transform: translate(-50%, 7px);
   font-size: .8rem;
}

.styled_card .card-description {
   height: calc(100% - 160px);
}

.styled_card .card-heading h3:not(:last-child) {
   width: 70%;
}

.styled_card .card-heading span:last-child {
   width: 30%;
   padding-left: 15px;
}

.styled_card .card-status span:first-child {
   margin-right: 10px;
}

.styled_card .card-footer {
   border: none;
   background-color: transparent;
}

.card_h {
   flex-direction: row;
   border: 1px solid var(--gray-light);
   height: 100%;
}

.card_h .card-img {
   width: 200px;
   height: 200px;
}

.card_h._sm .card-img {
   width: 140px;
   height: 140px;
}

.card_h .card-description {
   width: calc(100% - 200px);
}

.card_h._sm .card-description {
   width: calc(100% - 140px);
}

.rating_show img,
.rating_show svg {
   width: 24px;
}
.form-group .form-control,.icon-form .cld-box form-group .form-control, .icon-form .input-with-shadow .form-control, .icon-form .input-with-shadow .select2-container, .icon-form .cld-box form-group .select2-container {
   border: none;
   border-radius: 50px;
   padding-left: 45px;
   height: 50px;
   background: #f6f7f9;
   overflow: hidden;
   box-shadow: none;
   -webkit-box-shadow: none;
   color: #717686;
   border: 1px solid #ebedf1;
}
.form-group .input-group-text{
   border-radius: 50px;
   background: #f6f7f9;
}
.form-group .form-control {
   padding-left: 15px;
}
.form-group .form-control:disabled,.form-group .form-control[readonly] {
   background: #c7c7c7;
   opacity: 1;
   border-color: #c7c7c7;
   cursor: not-allowed;
}
.form-group {
   color: #707e9c;
   font-weight: 500;
   position: relative;
   margin-bottom: 1.5rem;
}
.modal-divider {
   position: relative;
   margin: 20px 0;
   text-align: center;
}
.modal-divider:before {
   content: ' ';
   position: absolute;
   top: 50%;
   left: 0;
   right: 0;
   border-bottom: 1px solid #E1E5F2;
}
.modal-divider span {
   position: relative;
   background: #fff;
   padding: 0 20px;
}
.social-login ul {
   margin: 0;
   width: 100%;
   padding: 0;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
  justify-content: center;
}
.social-login ul li {
   display: inline-block;
   -ms-flex: 0 0 33.333333%;
   flex: 0 0 33%;
   width: 33%;
   list-style: none;
   padding: 0 10px;
}
.social-login ul li a.btn {
   width: 100%;
   border-radius: 4px;
   padding: 10px 0;
   color: #fff;
   background: #f4f5f7;
}
.social-login ul li a.btn.connect-fb {
   background: #3b5998;
}
.social-login ul li a.btn i {
   margin-right: 7px;
}
.social-login ul li a.btn.connect-google {
   background: #ec4514;
}
.social-login ul li a.btn.connect-twitter {
   background: #20a4ea;
}
.cld-box form-group {
   position: relative;
   width: 100%;
}
.cld-box form-group i {
   position: absolute;
   top: 50%;
   transform: translateY(-60%);
   left: 15px;
   font-size: 18px;
   color: #a2a9bf;
   font-style: normal;
   cursor: normal;
   pointer-events: none;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
   color: #fff;
   background-color: #1b1c1d;
}
.nav-link {
   display: block;
   padding: .8rem 1rem;
}
.dropdown-menu.auto-width{
   width: auto;
   min-width: auto;
}
.dropdown-menu.auto-width.language .dropdown-item{
   padding: .15rem 1rem;
   font-size: 12px;
   cursor: pointer;
   text-align: center;
}
.font-size-xs {
   font-size: 81.25% !important;
   line-height: 1.4;
}
.text-secondary {
   color: #8dc63f !important;
}
.singlePlaceitem{
   background-color:transparent;
   margin-bottom:1.875rem;
   position:relative
}
.singlePlaceitem.light{
   background-color:#fff
}
.singlePlacewrap{
   border-radius:6px;
   height:230px;
   margin-bottom:0;
   overflow:hidden;
   position:relative;
   -webkit-mask-image:-webkit-radial-gradient(white,black)
}
.singlePlacewrap::before{
   content:'';
   background:linear-gradient(180deg,rgba(42,43,48,0) 48.92%,#2A2B30 81.35%);
   height:100%;
   opacity:.5;
   pointer-events:none;
   position:absolute;
   top:0;
   left:0;
   width:100%;
   z-index:2
}
.place-link{
   height:100%;
   position:absolute;
   top:0;
   left:0;
   width:100%;
   z-index:1
}
.cover{
   object-fit:cover;
   object-position:center;
   height:100%;
   width:100%
}
.singlePlaceitem .cover{
   transform:scale(1);
   transition:transform .8s cubic-bezier(0.2,1,0.8,1);
   z-index:-10
}
.placeDetail{
   padding:1rem 1.5rem;
   position:relative;
   bottom:0;
   left:0;
   z-index:3;
   background:#fff;
   width:90%;
   margin:-50px auto 0;
   border-radius:.6rem;
   display:flex;
   flex-wrap:wrap;
   align-items:center;
   box-shadow:0 0 20px rgba(124,136,160,0.25);
   -webkit-box-shadow:0 0 20px rgba(124,136,160,0.25)
}
.placeDetail-left{
   flex:1
}
.onsale-section {
   position: absolute;
   top: -7px;
   right: 15px;
   z-index: 1;
}
.onsale:before, .onsale:after {
   position: absolute;
   content: '';
   display: block;
}
.onsale {
   position: relative;
   display: inline-block;
   text-align: center;
   color: #fff;
   background: #e01a4b;
   font-size: 12px;
   line-height: 1;
   padding: 10px 8px 6px;
   border-top-right-radius: 8px;
   width: 84px;
   letter-spacing: .5px;
   font-weight: 600;
   text-transform: uppercase;
}
.onsale-section:after {
   position: absolute;
   content: '';
   display: block;
   width: 0;
   height: 0;
   border-left: 44px solid transparent;
   border-right: 42px solid transparent;
   border-top: 6px solid #e01a4b;
}
.onsale:before {
   background: #e01a4b;
   height: 7px;
   width: 6px;
   left: -6px;
   top: 0;
}
.onsale:after {
   background: #bd002f;
   height: 7px;
   width: 8px;
   border-radius: 8px 8px 0 0;
   left: -8px;
   top: 0;
}
.item-rating .filled {
   color: #FF9800;
}
.item-rating i {
   color: #dfe4f1;
   font-size: 10px;
}
.price-title-cut {
   font-weight: 500;
   font-size: 13px;
   opacity: .6;
   margin-bottom: 0px;
}
.pricedetail-box .price-title {
   margin: 2px 0;
   font-size: 18px;
   color: #8cc53f;
}
.placeDetail-detail {
   font-size: 13px;
   position: relative;
   top: -5px;
}
.placeDetail-left .title {
   font-size: 16px;
   margin: 0px 0 0px 0;
   font-weight: 500;
}
.placeDetail-left .title a{
   color:#000;
}
.item-rating span {
   margin-left: 10px;
   font-size: 13px;
}
.singlePlaceitem:hover .cover {
   transform: scale(1.05);
}
.pricedetail-box {
   text-align: center;
   margin-top: 20px;
}
.item-rating{
   line-height: 10px;
   position: relative;
   top: -7px;
}
.text-primary {
   color: #d21720 !important;
}
.inner_banner_area{
   width: 100%;
   text-align: left;
   display: flex;
   flex-direction: column;
   align-items: center;
   flex-wrap: wrap;
   justify-content: center;
   background: #f4f5f7 url(../img/banner/home-banner.jpg) center center no-repeat;
   color: #fff;
   position: relative;
   padding: 2rem 0;
}
.inner_banner_area:before {
   position: absolute;
   content: '';
   background: #1b1c1d;
   width: 100%;
   height: 100%;
   top: 0;
   opacity: .6;
   left: 0;
}
.shorting-wrap{
   background:#fff;
   border-radius:.3rem;
   margin-bottom:2rem;
   padding:.5rem 1rem;
   border:1px solid #ebedf1;
   display:flex;
   justify-content:flex-start;
   align-items:center
}
.shorting-title{
   flex:1;
   font-size:14px;
   color:#586373;
   margin:0
}
.shorting-right{
   width:auto;
   background: #ffffff;
   border-radius:2px;
   padding:5px 10px;
   display:flex;
   align-items:center;
}
.shorting-right .dropdown.show{
   display:inline-block
}
.shorting-right .btn.btn-filter{
   color:#8891a7;
   padding:2px 5px;
   font-size:14px;
   line-height:unset
}
.shorting-right label{
   display:inline-block;
   margin-bottom:0
}
.exlip-page-sidebar{
   background:#fff;
   padding: 1.4rem;
   border-radius:6px;
   border:1px solid #ebedf1;
}
.sidebar-widgets{
   margin-bottom:30px
}
.sidebar-widgets:last-child{
   margin-bottom:0
}
.exlip-page-sidebar .cld-box form-group .form-control,.exlip-page-sidebar .input-with-shadow .form-control,.exlip-page-sidebar .input-with-shadow .select2-container,.exlip-page-sidebar .cld-box form-group .select2-container{
   border:none;
   border-radius:5px;
   padding-left:45px;
   height:60px;
   background:#f6f7f9;
   overflow:hidden;
   box-shadow:none;
   -webkit-box-shadow:none;
   color:#717686;
   border:1px solid #ebedf1
}
.exlip-page-sidebar .select2-container--default .select2-selection--single{
   background-color:#f5f7f9;
   padding-left:0;
   border:none
}
.exlip-page-sidebar label{
   font-weight: 300;
}
.exlip-page-sidebar label.title{
   color: #343435;
   font-weight:400;
   line-height: initial;
   margin-bottom: 1rem;
   display: block;
}
.exlip-page-sidebar label.title:before{
   font-family:'FontAwesome';
   content:'\f041';
   color:#e01b4b;
   margin-right:10px;
   display:inline-block;
}
.range-slider{
   margin-bottom:20px
}
.rangeslider{
   background:#e6eaf3;
   position:relative;
   box-shadow:none;
   height:5px;
   margin-top:8px
}
.rangeslider__fill{
   background:#f40c43;
   position:absolute;
   box-shadow:none
}
.rangeslider--horizontal .rangeslider__handle{
   border:2px solid #f40c43;
   box-shadow:none;
   height:15px;
   width:15px;
   top:-5px;
   background-image:none
}
.rangeslider__handle:after{
   display:none
}
.sidebar .recent-properties-box .detail header{
   padding-bottom:0
}
.search-review span i{
   margin-right:3px;
   font-size:12px;
   color:#c7ccda
}
.search-review span i.filled{
   color:#ff9800
}
.no-ul-list{
   padding:0
}
.no-ul-list li{
   list-style:none;
}
.no-ul-list.inline-li li{
   margin: 1% .5% 1% 0;
}
@media (min-width: 768px){
   .no-ul-list.inline-li li{
       width: 19%;
       display: inline-block;
       margin: .5% .5% .5% 0;
       vertical-align: top;
    }
}
.checkbox-custom:checked + .checkbox-custom-label:before {
   background: #f96825;
   border-radius: 2px;
   box-shadow: inset 0 0 0 4px #fff;
}
.sidebar-widgets hr{
   margin-left: -23px;
   margin-right: -23px;
   border-color: #ebedf1;
}
.custom-control-label::before{
   position: absolute;
   top: .089em;
   left: -1.5rem;
   display: block;
   width: 1rem;
   height: 1rem;
   pointer-events: none;
   content: "";
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   background-color: #dee2e6;
}
.custom-control-label::after{
   top: .089em;
}
textarea.form-control {
   height: auto !important;
   border-radius: 5px !important;
}
.custom-control-label {
   position: relative;
   margin-bottom: 0;
   font-size: 15px;
}
.spinner-border{
   display:inline-block;
   width:30px;
   height:30px;
   vertical-align:text-bottom;
   border:3px solid;
   border-right-color:transparent;
   border-radius:50%;
   animation:spinner-border .75s linear infinite
}
.spinner-border-sm{
   width:$spinner-width-sm;
   height:$spinner-height-sm;
   border-width:$spinner-border-width-sm
}
.sr-only{
   position:absolute;
   width:1px;
   height:1px;
   padding:0;
   overflow:hidden;
   clip:rect(0,0,0,0);
   white-space:nowrap;
   border:0
}
@keyframes spinner-grow{
   0%{
       transform:scale(0)
   }
   50%{
       opacity:1
   }
}
.spinner-grow{
   display:inline-block;
   width:20px;
   height:20px;
   vertical-align:text-bottom;
   background:currentColor;
   border-radius:50%;
   opacity:0;
   animation:spinner-grow .75s linear infinite
}
.spinner-grow-sm{
   width:30px;
   height:30px
}
.rangeslider {
 background-color: #f0f3f7;
 border-radius: 0;
 height: 0.2rem;
}

.rangeslider__fill {
 background-color: #F01F14;
 border-radius: 0;
}

.rangeslider__handle {
 width: 1.5rem;
 height: 1.5rem;
 position: absolute;
 transition: transform 0.3s ease-in-out;
 -moz-transition: transform 0.3s ease-in-out;
 -webkit-transition: transform 0.3s ease-in-out;
}
.rangeslider__handle::after {
 display: none;
}
.rangeslider__handle:hover, .rangeslider__handle:active {
 -ms-transform: scale(1.2, 1.2);
 /* IE 9 */
 -webkit-transform: scale(1.2, 1.2);
 /* Safari */
 transform: scale(1.2, 1.2);
 transition: transform 0.1s ease-in-out;
 -moz-transition: transform 0.1s ease-in-out;
 -webkit-transition: transform 0.1s ease-in-out;
}

.rangeslider__value-bubble {
 position: absolute;
 top: auto;
 left: 50%;
 top: 20px;
 transform: translate(-50%, 0);
 -webkit-transform: translate(-50%, 0);
 -ms-transform: translate(-50%, 0);
 text-align: center;
 background-color: #F01F14;
 padding: .5rem .5rem;
 color: #fff;
 width: auto;
 margin: 0;
 white-space: nowrap;
 border-radius: 4px;
 font-size: 10px;
 line-height: initial;
 z-index: 9;
}
.rangeslider__value-bubble span{
   display:block;
   font-weight: 800;
   font-size: 13px;
}
.rangeslider__value-bubble::before {
 content: "";
 width: 0;
 height: 0;
 border-left: 1rem solid transparent;
 border-right: 1rem solid transparent;
 border-bottom: 1rem solid #F01F14;
 position: absolute;
 top: 0rem;
 left: 50%;
 bottom: 0rem;
 transform: translate(-50%, -45%);
 -webkit-transform: translate(-50%, -45%);
 -ms-transform: translate(-50%, -45%);
 z-index: -1;
}
.search_result{
   display: none;
}
.slick-prev:before,
.slick-next:before
{
   font-family: 'slick';
   font-size: 20px;
   line-height: 1;
   opacity: .75;
   color: #d11821;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}
.spd-wrap {
   padding: 1em 0;
   border-bottom: 1px solid #e9ecf3;
   background: #fff;
}
.slide-property-detail {
   position: relative;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   align-items: center;
   width: 100%;
}
.slide-property-first {
   flex: 1;
}
.singles_item {
   display: flex;
   align-items: flex-end;
   margin: 5px 0;
}
.singles_item .icon {
   margin-right: 15px;
   font-size: 45px;
   color: #495b79;
}
.singles_item .info .name {
   font-size: 14px;
   color: #223b67;
   margin: 0;
   line-height: 1;
}
.singles_item .info .value {
   font-size: 14px;
   margin: 0;
   color: #879ac3;
}
.block-wrap {
   display: block;
   width: 100%;
   background: #fff;
   padding: 25px 25px 25px;
   border-radius: 4px;
   margin-bottom: 30px;
   border: 1px solid #eef2f7;
}
.block-header {
   display: table;
   width: 100%;
   margin-bottom: 1rem;
   border-bottom: 0px solid #e7eff9;
}
.block-header h4 {
   margin-bottom: 12px;
   font-size: 16px;
}
.block-body {
   /* line-height: 1.7; */
}
.slick-next{
   right:25px
}
.slick-prev{
   left:25px;
   z-index:1
}
.slick-arrow:before{
   position:absolute;
   top:0;
   width:28px;
   height:28px;
   opacity:0;
   line-height:30px;
   background: rgb(255 255 255 / 81%);
   font-size:10px;
   color: #d11821;
   cursor:pointer;
   border-radius:50%;
   box-shadow:0 5px 24px rgba(31,37,59,0.15);
   transition:.2s;
   left:0;
}
.slick-arrow:before {
   opacity: 1;
}
.avl-features {
   margin: 0;
   padding: 0;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}
.avl-features li {
   display: block;
   list-style: none;
   position: relative;
   margin: 10px 0;
   padding-left: 30px;
   -ms-flex: 0 0 33.333333%;
   flex: 0 0 33.333333%;
   max-width: 33.333333%;
}
.avl-features li:before {
   content: "\e64c";
   font-family: 'themify';
   position: absolute;
   color: #fff;
   width: 20px;
   height: 20px;
   background: rgba(249,104,37,1);
   text-align: center;
   line-height: 20px;
   border-radius: 50%;
   left: 0;
   top: 5px;
   font-size: 10px;
   box-shadow: 0 0 0 4px rgba(249,104,37,0.4);
   -webkit-box-shadow: 0 0 0 4px rgba(249,104,37,0.4);
}
.icon_list {
   display: flex;
   flex-wrap: wrap;
   padding: 0;
   margin-left: -15px;
   margin-right: -15px;
}

.icon_list li {
   width: 100%;
   flex-shrink: 0;
   padding: 10px 15px;
   display: flex;
   align-items: center;
}
@media (min-width: 1200px){
   .icon_list li {
       width: 25%;
    }
}
.icon_list li ._icon {
   width: 30px;
   height: 30px;
   flex-shrink: 0;
   margin-right: 15px;
}

.icon_list li ._icon img,
.icon_list li ._icon svg {
   width: 100%;
   height: 100%;
   object-fit: contain;
   fill: var(--dark);
}

.icon_list li ._description {
   width: calc(100% - 45px);
}
.side-booking-wrap{
}
.side-booking-wrap.over-top{
   width:100%;
   border:1px solid #dde2ec;
   border-radius:.5rem;
   overflow:hidden;
   margin-top:-85px;
   border-top:none
}
.dark .side-booking-wrap.over-top{
   width:100%;
   border:1px solid #dde2ec;
   border-radius:.5rem;
   overflow:hidden;
   margin-top:-84px;
   border-top:none
}
.side-booking-wrap.over-top.radius-0{
   width:100%;
   border:1px solid #eef2f7;
   border-radius:0 0 .5rem .5rem;
   overflow:hidden;
   border-top:none
}
.side-booking-wrap.shadow{
   border:none!important;
   box-shadow:0 0 10px 0 rgba(0,0,0,0.1);
   -webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.1)
}
.side-booking-header{
   background:#5662d2;
   padding:2rem;
   color:#fff
}
.side-booking-body{
   padding:1.5rem 0 2.5rem
}
.side-booking-body .row{
   margin:0
}
.side-booking-header span{
   font-weight:500;
   text-transform:uppercase
}
.side-booking-header .price{
   color:#fff;
   margin-top:5px
}
.side-booking-header sub{
   font-size:50%;
   font-weight:400;
   margin-left:5px
}
.cld-box,.guests-box{
   position:relative;
   border-radius:.2rem;
}
.cld-box .form-control{
   padding-left: 45px !important;
   padding-right: 20px;
}
.cld-box i{
   position:absolute;
   left: 16px;
   top: 16px;
   color: #707e9c;
}
.side-booking-body .form-group{
   margin-bottom:5px;
   height:auto
}
.cld-box .form-group .form-control{
   padding-left:36px !important;
   font-size:14px
}
.side-booking-body .form-group label{
   display:block;
   opacity:.8;
   font-weight:500;
   margin-bottom:2px
}
.guests-box{
   display:flex;
   width:100%;
   padding:0 6px;
   justify-content:center;
   align-items:center
}
.guests-box #guestNo,.guests-box #kidsNo{
   border:none;
   width:100px;
   text-align:center;
   text-align:center;
   color:#707e9c
}
.guests-box .counter-btn{
   background:#e6eaf3;
   border:none;
   border-radius:.2rem;
   text-align:center;
   width:30px;
   height:30px;
   outline:none!important;
   line-height:30px;
   text-shadow:none;
   color:#707e9c
}
.guests-box #cnt-down,.guests-box #kcnt-down{
   position:absolute;
   top:6px;
   left:6px
}
.guests-box #cnt-up,.guests-box #kcnt-up{
   position:absolute;
   top:6px;
   right:6px
}
.author-with-rate{
   width:100%;
   display:flex;
   flex-wrap:wrap;
   align-items:center
}
.hotel-booking .side-booking-header{
   background:#fff;
   padding: 0rem 0rem 0rem 0rem;
   color:#838f9e;
   border-bottom: 0px solid #edf1f7;
}
.head-author{
   flex:1
}
.hau-thumb{
   float:left;
   width: 70px;
   height: 70px;
   border-radius:50%;
   margin-right: 15px;
   overflow:hidden;
}
.hau-thumb img{
   max-width:100%
}
.head-author h5{
   margin:0;
   line-height:1.3;
}
.head-author span{
   text-transform:capitalize;
   font-weight:400;
   font-size:12px;
   position:relative;
}
.head-author span i{
   margin-right:3px
}
.head-ratting i{
   font-size:9px;
   margin-left:1px;
   color:#aec0d6
}
.head-ratting i.filled{
   color:#ffb900
}
.head-ratting span{
   font-size:12px;
   text-transform:capitalize;
   font-weight:400;
   margin-left:8px
}
.head-list-titleup{
   font-size:16px;
   margin:0
}
.hotel-booking .single-row-booking{
   border:2px solid #e6eaf3;
   border-radius:.4rem;
   padding:12px 0 10px;
   margin:0 15px;
   position:relative;
   margin-bottom:25px
}
.hotel-booking .single-row-booking:first-child{
   margin-top:10px
}
.hotel-booking .single-row-booking:last-child{
   margin-bottom:0
}
.hotel-booking .side-booking-body .form-group{
   margin-bottom:0;
   height:auto;
   padding:0
}
.hotel-booking .booking-title{
   font-size:13px;
   margin:0 0 5px
}
.hotel-booking .advance-bboking{
   display:flex;
   align-items:center
}
.hotel-booking .guest-type{
   flex:1
}
.hotel-booking .guest-type h5{
   font-size:12px;
   margin-bottom:0;
   opacity:.8;
   font-weight:500
}
.hotel-booking .guest-type span{
   font-size:9px;
   font-weight:400;
   line-height:1;
   top:-5px;
   position:relative
}
.hotel-booking .guests-box{
   display:flex;
   width:50%;
   padding:0;
   justify-content:center;
   align-items:center;
   border:none
}
.hotel-booking .guests-box .counter-btn{
   background:#fff;
   border:none;
   font-size:8px;
   text-align:center;
   width:20px;
   height:20px;
   line-height:20px;
   color:#1ca47b;
   font-weight:600;
   border:2px solid #1ca47b;
   border-radius:50%;
   padding:0
}
.hotel-booking .guests-box #guestNo,.hotel-booking .guests-box #kidsNo{
   border:none;
   width:18px;
   text-align:center;
   text-align:center;
   height:auto;
   color:#1ca47b
}
.hotel-booking .guests-box #kidsroomNo,.hotel-booking .guests-box #roomNo{
   border:none;
   width:18px;
   text-align:center;
   text-align:center;
   height:auto;
   color:#1ca47b
}
.hotel-booking .guests-box #cnt-up,.hotel-booking .guests-box #kcnt-up{
   position:relative;
   top:0;
   right:0
}
.hotel-booking .guests-box #krom-up,.hotel-booking .guests-box #krom-up{
   position:relative;
   top:0;
   right:0
}
.hotel-booking .guests-box #cnt-down,.hotel-booking .guests-box #kcnt-down{
   position:relative;
   top:0;
   left:0
}
.hotel-booking .guests-box #krom-down,.hotel-booking .guests-box #krom-down{
   position:relative;
   top:0;
   left:0
}
.hotel-booking .cld-box,.hotel-booking .guests-box{
   height:auto;
   width:auto
}
.hotel-booking .single-row-booking .small-spilx{
   padding:0 10px
}
.small-spilx{
   position:relative
}
.small-spilx.brl:before{
   content:"";
   position:absolute;
   left:-3px;
   top:6px;
   width:1px;
   height:26px;
   background:#e6eaf3
}
.hotel-booking .side-booking-footer{
   background:#fff;
   padding:2rem 1.5rem;
   color:#838f9e;
   border-top:1px solid #edf1f7
}
.stbooking-footer-top{
   display:flex;
   flex-wrap:wrap;
   align-items:center
}
.stbooking-left{
   flex:1
}
.hotel-booking .stbooking-title{
   font-size:25px
}
.stbooking-footer-top .st-subtitle{
   margin:0;
   line-height:1;
   font-size:17px
}
.stbooking-footer-top span{
   font-size:12px
}
.stbooking-footer-bottom{
   display:block;
   padding:5px 0 0;
   flex-wrap:wrap
}
.stbooking-footer-bottom .books-btn{
   padding:10px 15px;
   display:inline-block;
   margin:0;
   color:#fff!important;
   border-radius:.4rem;
   text-align:center;
   width:48%
}
.stbooking-footer-bottom .books-btn.black{
   background:#0c1d2d;
   float:right
}
.inner_slider_area{
   background:#fff;
}
.book_list_box {
   margin-bottom: 0px;
   background-color: #fff;
   display: block;
   border-radius: .5rem;
   overflow: hidden;
   margin-right: 5px;
   margin-left: 5px;
   border: 1px solid #dfe0e0;
}
.book_list_box figure {
   overflow: hidden;
   min-height: 220px;
   text-align: center;
   position: relative;
   margin: 0;
   height: 100%;
}
.book_list_box figure a img {
   width: 100%;
   max-height: 270px;
   -webkit-transform: scale(1.2);
   transform: scale(1.2);
   -webkit-transition: all .7s ease;
   transition: all .7s ease;
   object-fit: cover;
   height: 100%;
}
.book_list_box figure a:hover img {
   -webkit-transform: scale(1);
   transform: scale(1);
}
.book_list_header {
   padding: 15px 0 15px 0;
   width: 100%;
   display: block;
}
.view-ratting {
   margin: 0;
}
.view-ratting i.filler {
   font-size: 10px;
   margin-right: 0;
   color: #f59b1c;
}
.book_list_title {
   margin: 0 0 5px;
   font-size: 18px;
}
.book_list_header span.location {
   font-size: 13px;
   font-weight: 400;
}
.book_list_header span.location i {
   margin-right: 4px;
}
.book_list_rate {
   display: block;
   width: 100%;
   padding: 5px 0 0px;
}
.over_all_rate.high {
   color: #24ad78;
}
.over_all_rate .rating_status {
   width: 35px;
   height: 35px;
   display: inline-block;
   text-align: center;
   border-radius: 4px;
   background: #d5daea;
   line-height: 35px;
   font-size: 15px;
   font-weight: 500;
   margin-right: 10px;
   color: #fff;
}
.over_all_rate.high .rating_status {
   background: #24ad78;
}
.over_all_rate small {
   font-size: 12px;
   font-weight: 400;
   color: #838f9c;
   margin-left: 5px;
}
.book_list_offers {
   display: block;
   width: 100%;
}
.book_list_offers ul {
   margin: 0;
   padding: 0;
   list-style: none;
}
.book_list_offers li {
   margin: 0;
   color: #24ad78;
   padding: 0 20px 0 0;
   display: inline-block;
   list-style: none;
}
.book_list_offers li i {
   margin-right: 5px;
   font-size: 13px;
}
.book_list_foot {
   width: 100%;
   padding: 2.5rem 1rem;
}
.book_list_foot .off-status {
   margin-bottom: 2px;
   display: block;
   font-size: 11px;
   font-weight: 600;
}
.book_list_foot .book_list_price {
   margin: 0;
   color: #37445a;
   line-height: 1;
}
.book_list_foot .book_list_btn {
   display: block;
   width: 100%;
   padding: 12px 15px;
   border-radius: 4px;
   text-align: center;
   font-size: 17px;
   letter-spacing: .5px;
   margin-top: 60px;
}
.card.card_h {
   flex-direction: row;
   border: 1px solid #e7eff9;
   height: 100%;
}
.card_h .card-img {
   width: 185px;
   height: 205px;
}
.card_h .card-description {
   width: calc(100% - 185px);
}
.card_description_list {
   display: flex;
   flex-wrap: wrap;
   margin-left: -10px;
   margin-right: -10px;
   padding: 0;
}
.card_description_list li {
   width: 33.33%;
   padding: 0 10px;
   border-right: 1px solid var(--light);
   margin-bottom: 10px;
   display: flex;
   align-items: center;
   font-size: 75%;
   line-height: 1;
}
.card_description_list li {
   width: 33.33%;
   padding: 0 10px;
   border-right: 1px solid #f1f1f1;
   margin-bottom: 10px;
   display: flex;
   align-items: center;
   font-size: 85%;
   line-height: 1;
}
.icon-sm {
   width: 18px;
   height: 18px;
}
.img-cover {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
@media (min-width: 1200px){
.container {
   max-width: 1290px;
}
}
/* the slides */
.slick-slide {
   margin: 0 10px;
}
/* the parent */
.slick-list {
   margin: 0 0px;
}
.dashboard-navbar,.dashboard-wraper{
   position:relative;
   width:100%;
   padding: 1em 1em;
   box-shadow:0 0 20px 0 rgba(62,28,131,0.1);
   border-radius:10px;
   background:#fff;
   margin-bottom: 2rem;
}
.d-user-avater{
   text-align:center;
   margin: 0em 0 1em 0;
}
.d-user-avater img{
   border-radius:50%;
   margin-bottom:8px;
   max-width: 70%;
}
.d-user-avater h4{
   margin: 5px 0 0px;
}
.d-user-avater span{
   font-size: 14px;
}
.d-navigation ul{
   padding:0;
   margin:0
}
.d-navigation ul li{
   list-style:none;
   margin: 10px 0;
}
.d-navigation ul li.active a{
   color: #ffffff;
   background: #88c23d;
}
.d-navigation ul li a{
   padding: 20px 15px;
   color:#787e94;
   display: block;
   background: #f6f9fc;
   border-radius: 5px;
}
.d-navigation ul li.active a svg{
fill:#fff;
}

.d-navigation ul li a:hover  svg{
fill:#fff;
}

.d-navigation ul li a:hover{
   background: #d11821;
   color:#fff;
}
.d-navigation ul li a i{
   margin-bottom: 0px;
   position: relative;
   top: 0px;
   display: block;
   font-size: 1.5rem;
   left: calc(50% - 16px);
}
.d-navigation ul li a span{display: block;text-align: center;text-transform: uppercase;font-weight: 300;letter-spacing: .3px;font-size: 14px;margin-top: 5px;}
.dashboard-stat{
   display:inline-block;
   padding:0;
   height:160px;
   background-color:#444;
   color: #000;
   border-radius:4px;
   width:100%;
   position:relative;
   margin-bottom: 25px;
   overflow:hidden;
   transition:.3s;
   cursor:default;
   box-shadow: 0 0 12px 0 rgba(0,0,0,.06);
}
.dashboard-stat-content{
   position:absolute;
   left:32px;
   top:50%;
   transform:translateY(-50%)
}
.dashboard-stat-content h4{
   font-size:42px;
   font-weight:600;
   padding:0;
   margin:0;
   color: #000;
   letter-spacing:1px;
}
.dashboard-stat-content span{
   font-size:18px;
   margin-top:4px;
   line-height:24px;
   font-weight:300;
   display:inline-block;
   color: #000;
}
.dashboard-stat-icon{
   position:absolute;
   right:32px;
   top:50%;
   transform: translateY(-50%);
   font-size:80px;
   opacity: 1;
   font-size:65px;
   color: #d11821;
}
.dashboard-stat.widget-1{
   background: linear-gradient(to left,rgba(255,255,255,0) 30%,rgba(255,255,255,0.1));
   background-color:#ffffff;
}
.dashboard-stat.widget-2{
   background:linear-gradient(to left,rgba(255,255,255,0) 30%,rgba(255,255,255,0.1));
   background-color:#f39f00
}
.dashboard-stat.widget-3{
   background:linear-gradient(to left,rgba(255,255,255,0) 30%,rgba(255,255,255,0.1));
   background-color:#002758
}
.dashboard-stat.widget-4{
   background:linear-gradient(to left,rgba(255,255,255,0) 30%,rgba(255,255,255,0.1));
   background-color:#ce024b
}
.dashboard-gravity-list{
   margin:0 0 30px;
   box-shadow:0 0 12px 0 rgba(0,0,0,.06);
   border-radius:4px
}
.dashboard-gravity-list h4{
   font-size:16px;
   font-weight:600;
   margin:0;
   padding:20px 30px;
   background-color:#fff;
   display:block;
   border-bottom:1px solid #eaeaea;
   border-radius:4px 4px 0 0
}
.dashboard-gravity-list ul{
   list-style:none;
   padding:0;
   margin:0;
   background-color:#fff;
   border-radius:0 0 4px 4px
}
.dashboard-gravity-list ul li{
   padding:23px 30px;
   border-bottom:1px solid #eaeaea;
   transition:.3s;
   position:relative
}
.list-box-listing{
   display:flex;
   padding:5px 0;
   position:relative
}
.list-box-listing-img{
   flex:1;
   max-width:150px;
   position:relative
}
.list-box-listing-img a{
   width:100%;
   height:100%;
   display:inline-block;
   overflow:hidden;
   position:relative;
   z-index:10
}
.list-box-listing-img a:before{
   content:"";
   height:100%;
   width:100%;
   display:block;
   position:absolute;
   top:0;
   right:0;
   background-color:rgba(22,22,22,.2);
   border-radius:4px;
   z-index:11
}
.list-box-listing-img a img{
   object-fit:cover;
   height:100%;
   width:100%;
   border-radius:4px
}
.list-box-listing-content{
   flex:1;
   padding-left:25px
}
.list-box-listing-content .inner{
   position:relative;
   top:0;
   vertical-align:top
}
.list-box-listing-content .inner h3{
   font-size:18px;
   bottom:-2px;
   position:relative;
   font-weight:500;
   margin:0;
   line-height:27px
}
.star-rating .ti-star{
   display:inline-block;
   margin:0;
   padding:0;
   color:#ff9500;
   float:left;
   margin-right:4px;
   position:relative
}
span.ti-star.empty{
   color:#b1b9c1
}
.list-box-listing-content .inner span{
   font-size:15px;
   font-weight:300;
   display:inline-block
}
.list-box-listing-content .inner .star-rating{
   margin:5px 0 0;
   display:block
}
.bookings .list-box-listing-img img{
   max-width:100%
}
.rating-counter{
   color:#909090;
   padding-left:5px;
   display:inline-block;
   font-size:15px
}
.star-rating .rating-counter{
   top:-3px;
   position:relative;
   font-size:14px
}
.buttons-to-right,.dashboard-gravity-list .button.to-right{
   position:absolute;
   right:30px;
   top:50%;
   transform:translate3d(0,-49%,0);
   -moz-transform:translate3d(0,-50%,0);
   opacity:0;
   transition:.4s;
   box-shadow:0 0 10px 15px #fbfbfb
}
.dashboard-gravity-list .button{
   padding:8px 15px;
   line-height:20px;
   border-radius:50px;
   font-size:13px;
   font-weight:600;
   margin:0
}
.dashboard-gravity-list .button.gray{
   background-color:#e4e8ef;
   color:#636a7b
}
.dashboard-gravity-list .button.gray:hover,.dashboard-gravity-list .button.gray:focus{
   background:#da0136;
   color:#fff
}
.dashboard-gravity-list .button i{
   padding-right:2px;
   position:relative;
   top:1px
}
.dashboard-gravity-list li:hover .buttons-to-right,.dashboard-gravity-list li:hover .button.to-right{
   opacity:1
}
.dashboard-gravity-list.with-icons ul li{
   padding-left:87px;
   font-size:14px
}
.dashboard-gravity-list.with-icons ul li strong{
   color:#414b5a
}
.dashboard-gravity-list ul li i.dash-icon-box{
   height:38px;
   width:38px;
   color:#7f8bab;
   text-align:center;
   line-height:37px;
   border-radius:50%;
   transition:.3s;
   display:inline-block;
   background-color:#f4f5f7;
   position:absolute;
   top:50%;
   transform:translateY(-50%);
   left:30px
}
.numerical-rating{
   color:#fff;
   font-size:14px;
   font-weight:600;
   text-align:center;
   line-height:26px;
   height:26px;
   width:44px;
   display:inline-block;
   position:relative;
   border-radius:50px;
   letter-spacing:-.5px;
   background-color:rgba(255,255,255,.2);
   margin:15px 32px
}
.dashboard-gravity-list .numerical-rating{
   margin:0 3px
}
.numerical-rating:before{
   content:attr(data-rating)
}
a.close-list-item{
   position:absolute;
   top:50%;
   transform:translateY(-50%);
   right:30px;
   opacity:0;
   padding:4px;
   color:#ea2828;
   transition:.3s
}
.dashboard-gravity-list.invoices li{
   padding:20px 30px
}
.dashboard-gravity-list ul li:hover a.close-list-item{
   opacity:1
}
.dashboard-gravity-list.invoices ul ul{
   line-height:22px;
   color:#7c8796;
   padding:0;
   margin:0
}
.dashboard-gravity-list ul ul li{
   padding:0;
   border:none;
   transition:.3s;
   background-color:transparent;
   display:inline-block
}
.dashboard-gravity-list.invoices ul ul li{
   padding:0
}
.dashboard-gravity-list.invoices ul ul li:after{
   content:"";
   display:inline-block;
   width:1px;
   height:11px;
   background-color:#e0e0e0;
   position:relative;
   margin:0 10px
}
.dashboard-gravity-list.invoices ul ul li:last-child:after{
   display:none
}
.numerical-rating.high{
   background-color:#1baf65
}
.numerical-rating.mid{
   background-color:#ffc10a
}
.numerical-rating.low{
   background-color:#db2929
}
.unpaid{
   color:#d4222b
}
.paid{
   color:#00ba74
}
.dashboard-gravity-list ul ul{
   background-color:transparent
}
.dashboard-gravity-list ul ul li{
   padding:0;
   border:none;
   transition:.3s;
   background-color:transparent;
   display:inline-block
}
.inner-booking-list ul li:after{
   content:"";
   display:inline-block;
   position:relative;
   margin:0 10px;
   height:12px;
   top:1px;
   background-color:#ddd;
   width:1px
}
.inner-booking-list ul li.highlighted:after{
   display:none
}
.inner-booking-list ul li.highlighted{
   padding:2px 10px;
   line-height:22px;
   font-weight:500;
   font-size:14px;
   background-color:#f4f5f7!important;
   color:#7e8b9a;
   border-radius:50px;
   display:inline-block;
   border:none
}
.pending-booking .inner-booking-list ul li.highlighted{
   background-color:rgba(49,167,255,0.1)!important;
   color:#31a7ff
}
.approved-booking .inner-booking-list ul li.highlighted{
   background-color:rgba(29,183,92,0.1)!important;
   color:#1db75c
}
.dashboard-gravity-list ul ul li:nth-last-child(2n+1){
   background-color:transparent
}
a.rate-review{
   border:1px solid #e0e0e0;
   border-radius:50px;
   font-size:13px;
   color:#666;
   font-weight:500;
   padding:5px 20px;
   margin-top:20px;
   display:inline-block;
   transition:.3s
}
.dashboard-gravity-list a.rate-review{
   border:none;
   background-color:#eceef3;
   color:#636a7b;
   padding:6px 18px
}
a.rate-review i{
   padding-right:3px
}
.dashboard-gravity-list a.rate-review:hover{
   color:#fff;
   background:#e21f1f
}
.comission-taken{
   border-radius:3px;
   font-size:14px;
   color:#fff;
   font-weight:400;
   background:#333;
   display:inline-block;
   padding:6px 10px;
   float:right;
   position:relative;
   top:-3px
}
.messages-inbox ul{
   margin:0;
   padding:0
}
.messages-inbox ul li{
   border-bottom:1px solid #e6e8ec;
   transition:.2s;
   list-style:none
}
.messages-inbox ul li.unread,.messages-inbox ul li:hover{
   background-color:#f4f5f7
}
.messages-inbox ul li a{
   position:relative;
   display:block;
   padding:30px
}
.messages-inbox .message-avatar{
   position:absolute;
   left:30px;
   top:50%;
   transform:translateY(-50%)
}
.message-avatar img{
   display:inline-block;
   width:54px;
   height:54px;
   border-radius:50%
}
.messages-inbox .message-by{
   margin-left:85px;
   font-size:15px;
   color:#778394
}
.message-by-headline h5{
   font-weight:500;
   margin:0 0 7px;
   padding:0
}
.messages-inbox ul li.unread .message-by-headline h5{
   font-weight:600
}
.message-by-headline h5,.message-by-headline span{
   display:inline-block
}
.message-by h5 i{
   background-color:#00ba74;
   border-radius:50px;
   line-height:20px;
   font-size:12px;
   color:#fff;
   font-style:normal;
   padding:3px 8px;
   margin-left:3px
}
.message-by-headline span{
   float:right;
   color:#909cad;
   font-size:14px
}
.messages-inbox .message-by p{
   margin:0;
   padding:0;
   line-height:27px;
   font-size:15px
}
.messages-inbox .unread .message-by p{
   color:#40434a
}
.messages-container{
   margin:0;
   box-shadow:0 0 12px 0 rgba(0,0,0,.06);
   border-radius:4px;
   background-color:#fff
}
.messages-headline{
   font-size:16px;
   margin:0;
   padding:22px 30px;
   background-color:#fff;
   display:block;
   border-bottom:1px solid #edf1f9;
   border-radius:4px 4px 0 0;
   position:relative
}
.messages-headline h4{
   font-size:16px;
   padding:0;
   margin:0;
   font-weight:600;
   display:inline-block
}
.message-action{
   border-radius:50px;
   font-size:13px;
   font-weight:500;
   display:inline-block;
   transition:.3s;
   padding:0;
   float:right
}
.messages-container-inner{
   display:flex
}
.messages-container-inner .dash-msg-inbox{
   max-width:340px;
   border-right:1px solid #edf1f9;
   overflow:hidden
}
.messages-container-inner .dash-msg-content{
   padding:30px
}
.messages-container-inner .dash-msg-inbox,.messages-container-inner .dash-msg-content{
   flex:1
}
.messages-container-inner .dash-msg-inbox ul{
   max-height:950px;
   overflow-y:scroll;
   width:357px;
   list-style:none;
   padding:0;
   margin:0
}
.dash-msg-inbox ul li.active-message{
   background-color:#f9f9f9
}
.dash-msg-inbox ul li{
   border-bottom:1px solid #edf1f9;
   transition:.2s;
   list-style:none
}
.dash-msg-inbox ul li:last-child{
   border-bottom:none
}
.message-by-headline h5{
   margin-bottom:0
}
.dash-msg-inbox ul li a{
   position:relative;
   display:block;
   padding:30px
}
.messages-container-inner .dash-msg-inbox ul li a{
   padding:25px
}
.dash-msg-inbox .dash-msg-avatar{
   position:absolute;
   left:30px;
   top:50%;
   transform:translateY(-50%)
}
.messages-container-inner .dash-msg-inbox .dash-msg-avatar{
   left:25px
}
.dash-msg-avatar img{
   display:inline-block;
   width:54px;
   height:54px;
   border-radius:50%
}
.messages-container-inner .dash-msg-avatar img{
   width:40px;
   height:40px
}
.dash-msg-inbox .message-by{
   margin-left:85px
}
.messages-container-inner .dash-msg-inbox .message-by{
   margin-left:60px
}
.messages-container-inner .message-by-headline h5 i{
   background:#f98f14;
   padding:3px 8px;
   border-radius:50px;
   color:#fff;
   font-size:13px
}
.messages-container-inner .message-by-headline span{
   font-size:13px;
   position:absolute;
   top:25px;
   right:25px;
   float:right;
   color:#888
}
.messages-container-inner .dash-msg-inbox .message-by p{
   height:26px;
   max-width:205px;
   text-overflow:ellipsis;
   white-space:nowrap;
   overflow:hidden;
   font-size:14px;
   margin:0;
   padding:0;
   color:#6b747d;
   line-height:27px
}
.message-plunch{
   display:block;
   position:relative;
   margin-bottom:25px
}
.message-plunch .dash-msg-avatar{
   position:absolute;
   left:0;
   top:0
}
.message-plunch .dash-msg-avatar img{
   width:50px;
   height:50px;
   display:inline-block;
   border-radius:50%
}
.message-plunch .dash-msg-text{
   margin-left:70px;
   background-color:#f4f5f7;
   border-radius:4px;
   padding:20px;
   position:relative
}
.message-plunch .dash-msg-text:before{
   position:absolute;
   top:12px;
   left:-9px;
   content:"\f0d9";
   font-family:fontawesome;
   font-size:31px;
   color:#f4f5f7
}
.message-plunch .dash-msg-text p{
   font-size:15px;
   padding:0;
   margin:0;
   line-height:27px
}
.message-plunch.me .dash-msg-avatar{
   left:auto;
   right:0;
   position:absolute;
   top:0
}
.message-plunch.me .dash-msg-text{
   color:#39b36e;
   background-color:rgba(57,179,110,0.1);
   margin-left:0;
   margin-right:70px;
   border-radius:4px;
   padding:20px;
   position:relative
}
.message-plunch.me .dash-msg-text:before{
   color:rgba(249,25,66,.05);
   left:auto;
   right:-11px;
   content:"\f0da"
}
.message-reply{
   display:block;
   margin-top:15px
}
.message-reply textarea{
   max-width:100%;
   width:100%;
   font-size:15px;
   font-weight:400;
   line-height:26px;
   padding:15px 20px
}
.message-reply button{
   border-radius:4px;
   margin-top:5px
}
.bookings .list-box-listing-img{
   max-width:70px;
   max-height:70px;
   border-radius:50%;
   overflow:hidden;
   margin-right:5px;
   flex:1
}
.list-box-listing-content{
   flex:1;
   padding-left:25px
}
.bookings .list-box-listing-content .inner{
   top:0;
   transform:none
}
.list-box-listing-content .inner h3{
   font-size:18px;
   bottom:-2px;
   position:relative;
   margin:0;
   line-height:27px
}
.bookings .list-box-listing-content .inner h3{
   margin-bottom:20px
}
.bookings .inner h3 span.booking-status{
   border-radius:50px;
   line-height:20px;
   font-weight:600;
   font-size:12px;
   color:#fff;
   font-style:normal;
   padding:2px 8px;
   margin-left:3px;
   position:relative;
   top:-2px
}
.bookings .inner h3 span.booking-status.unpaid{
   background-color:#31a7ff
}
.pending-booking .bookings .inner h3 span.booking-status{
   background-color:#31a7ff
}
.approved-booking .bookings .inner h3 span.booking-status{
   background-color:#1db75c
}
.canceled-booking .bookings .inner h3 span.booking-status{
   background-color:#ee3535
}
.bookings .inner h3 span.booking-status.unpaid{
   background-color:#e21f1f
}
.buttons-to-right a.button.approve:hover{
   background-color:#1db75c
}
.inner-booking-list{
   margin-bottom:5px
}
.inner-booking-list h5{
   display:inline-block;
   font-weight:500;
   margin:0;
   color:#6d7482;
   font-size:17px
}
.inner-booking-list ul{
   display:inline-block;
   padding:0;
   margin-bottom:0
}
button#extra-services{
   background:#fff;
   border:none;
   height:60px;
   font-size:17px;
   box-shadow:0 0 6px 1px rgba(62,28,131,0.1);
   width:100%;
   text-align:left;
   padding:10px 20px;
   border-radius:5px;
   color:#879ac3;
   cursor:pointer;
   outline:none!important
}
.datepicker td, .datepicker th {
   padding: .5rem .5rem;
}
.gradiant-bg-red{
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cf171f+0,931713+100 */
   background: rgb(207,23,31); /* Old browsers */
   background: -moz-linear-gradient(45deg,  rgba(207,23,31,1) 0%, rgba(147,23,19,1) 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(45deg,  rgba(207,23,31,1) 0%,rgba(147,23,19,1) 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(45deg,  rgba(207,23,31,1) 0%,rgba(147,23,19,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf171f', endColorstr='#931713',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.gradiant-bg-green{
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8cc53f+0,6caa36+100 */
   background: rgb(140,197,63); /* Old browsers */
   background: -moz-linear-gradient(45deg,  rgba(140,197,63,1) 0%, rgba(108,170,54,1) 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(45deg,  rgba(140,197,63,1) 0%,rgba(108,170,54,1) 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(45deg,  rgba(140,197,63,1) 0%,rgba(108,170,54,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cc53f', endColorstr='#6caa36',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.mt-n10, .my-n10 {
   margin-top: -7rem !important;
}
.table {
 border-spacing: 0 0.85rem !important;
}

.table .dropdown {
 display: inline-block;
}

.table td,
.table th {
 vertical-align: middle;
 margin-bottom: 0px;
 border: none;
 font-size: .9rem;
}
.table tr{
   background: #f6f9fc !important;
}
.table tr:first-child{
   border-radius: 5px 0px 0px 0px;
}
.table tr:last-child{
   border-radius: 5px 5px 5px 5px;
}
.table thead tr,
.table thead th {
 border: none;
 font-size: 12px;
 letter-spacing: 1px;
 text-transform: uppercase;
 background: transparent;
}
.table th,
.table td {
 border-top: 1px solid #e3ebf3;
 background: transparent;
}
.table td:first-child {
 border-top-left-radius: 0px;
 border-bottom-left-radius: 0px;
}
.table td:last-child {
 border-top-right-radius: 0px;
 border-bottom-right-radius: 0px;
}
.avatar {
 width: 2.75rem;
 height: 2.75rem;
 line-height: 3rem;
 border-radius: 50%;
 display: inline-block;
 background: transparent;
 position: relative;
 text-align: center;
 color: #868e96;
 font-weight: 700;
 vertical-align: bottom;
 font-size: 1rem;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}

.avatar-sm {
 width: 2.5rem;
 height: 2.5rem;
 font-size: 0.83333rem;
 line-height: 1.5;
}

.avatar-img {
 width: 100%;
 height: 100%;
 -o-object-fit: cover;
 object-fit: cover;
}

.avatar-blue {
 background-color: #c8d9f1;
 color: #467fcf;
}

table.dataTable.dtr-inline.collapsed
 > tbody
 > tr[role="row"]
 > td:first-child:before,
table.dataTable.dtr-inline.collapsed
 > tbody
 > tr[role="row"]
 > th:first-child:before {
 top: calc(50% - 7px);
 left: 14px;
 border: none;
 box-shadow: none;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child {
 padding-left: 48px;
}

table.dataTable > tbody > tr.child ul.dtr-details {
 width: 100%;
}

table.dataTable > tbody > tr.child span.dtr-title {
 min-width: 50% !important;
 float: left;
}


table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
 padding: 0.75rem 1rem 0.125rem;
}

div.dataTables_wrapper div.dataTables_length label,
div.dataTables_wrapper div.dataTables_filter label {
 margin-bottom: 0;
}
table.dataTable>tbody>tr.child ul.dtr-details>li {
   border-bottom: 1px solid #e3ebf3;
   padding: 1em 0;
   display:flex !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
   padding: 2rem 2rem 2rem 2rem;
   border-top: 1px dashed #d0d5da;
   border-bottom: 1px dashed #d0d5da;
   background: #fff !important;
}
@media (max-width: 767px) {
 div.dataTables_wrapper div.dataTables_paginate ul.pagination {
   -ms-flex-pack: center !important;
   justify-content: center !important;
   margin-top: 1rem;
 }
}

table.dataTable.nowrap th, table.dataTable.nowrap td{
    white-space:normal !important;
}

.btn-icon {
 background: #fff;
}
.btn-icon .bx {
 font-size: 20px;
}

.btn .bx {
 vertical-align: middle;
 font-size: 20px;
}

.dropdown-menu {
 padding: 0.25rem 0;
}

.dropdown-item {
 padding: 0.5rem 1rem;
}

.badge {
 padding: 0.5em 0.75em;
}

.badge-success-alt {
 background-color: #d7f2c2;
 color: #7bd235;
}

.table a {
}

.table a:hover,
.table a:focus {
 text-decoration: none;
}

table.dataTable {
 margin-top: 12px !important;
 border-spacing: unset !important;
 border: 1px solid #e3ebf3;
 border-radius: 5px;
 background: transparent;
}

.icon > .bx {
 display: block;
 min-width: 1.5em;
 min-height: 1.5em;
 text-align: center;
 font-size: 1.0625rem;
}
.btn-group-lg>.btn, .btn-lg {
   padding: 1rem 2rem;
   border-radius: 2.25rem;
}
.btn-group-lg>.btn, .btn-md {
   padding: .9rem 1.5rem;
   border-radius: 2.25rem;
}
.btn-group-xs>.btn, .btn-xs {
   padding: .3rem 1rem;
   border-radius: 2.25rem;
}

.avatar-blue {
 background-color: #c8d9f1;
 color: #467fcf;
}

.avatar-pink {
 background-color: #fcd3e1;
 color: #f66d9b;
}
.nav-pills.pills-xs .nav-link{
   font-size: .8rem;
   text-transform: uppercase;
   padding: .4rem .7rem;
   line-height: initial;
}
.page-item.active .page-link {
   z-index: 1;
   color: #fff;
   background-color: #d11821;
   border-color: #d11821;
   font-size: .8rem;
}
.page-item.disabled .page-link {
   color: #d11821;
   pointer-events: none;
   cursor: auto;
   background-color: #fff;
   border-color: #dee2e6;
   font-size: .8rem;
}
dl, ol, ul {
   margin: 0;
   padding: 0;
   list-style: none;
}
.account-drop .dropdown-menu {
   top: 70px!important;
   right: 0!important;
   background: #fff;
   box-shadow: 0px 0px 3px #00000040;
   border: solid 1px #fff;
   min-width: 200px;
   left: initial!important;
   padding: 0;
   border-radius: 3px;
}
li.account-drop .dropdown-menu a {
   height: auto;
   line-height: 1.5;
   padding: 15px 20px !important;
   box-shadow: none;
   color: #606c8e!important;
   font-size: 13px;
   border-bottom: 1px solid #f7f5f5;
   text-transform: uppercase;
   letter-spacing: .5px;
   align-items: center;
   display: flex;
}
li.account-drop .dropdown-menu a:last-child{
   border-bottom:0;
}
li.account-drop .dropdown-menu a i{
   margin-right: 15px !important;
}
.icon-xl {
   width: 80px;
   height: 80px;
}
.step_list li {
   padding-top: 50px;
}
.step_list li>div {
   position: relative;
   padding-top: 70px !important;
}
.step_list li .icon {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   background-color: #fff;
   border: 1px solid #ccc;
   border-radius: 50%;
   width: 100px;
   height: 100px;
   transform: translateY(-50%);
   padding: 25px;
}
.dummy-btns{
   position: fixed;
   bottom: 20px;
   right: 20px;
   max-width: 400px;
   z-index: 1;
}
.dashboard-gravity-list {
   margin: 0 0 30px;
   box-shadow: 0 0 12px 0 rgba(0,0,0,.06);
   border-radius: 4px;
}

.dashboard-gravity-list h4{
   font-size: 16px;
   font-weight: 600;
   margin: 0;
   padding: 20px 30px;
   background-color: #fff;
   display: block;
   border-bottom: 1px solid #eaeaea;
   border-radius: 4px 4px 0 0;
}
.dashboard-gravity-list ul {
   list-style: none;
   padding: 0;
   margin: 0;
   background-color: #fff;
   border-radius: 0 0 4px 4px;
}
.dashboard-gravity-list ul li {
   padding: 23px 30px;
   border-bottom: 1px solid #eaeaea;
   transition: .3s;
   position: relative;
}
.list-box-listing {
   display: flex;
   padding: 5px 0;
   position: relative;
}
.list-box-listing-img {
   flex: 1;
   max-width: 150px;
   position: relative;
}
.list-box-listing-img a {
   width: 100%;
   height: 100%;
   display: inline-block;
   overflow: hidden;
   position: relative;
   z-index: 10;
}
.list-box-listing-img a:before {
   content: "";
   height: 100%;
   width: 100%;
   display: block;
   position: absolute;
   top: 0;
   right: 0;
   background-color: rgba(22,22,22,.2);
   border-radius: 4px;
   z-index: 11;
}
.list-box-listing-img a img {
   object-fit: cover;
   height: 100%;
   width: 100%;
   border-radius: 4px;
}
.list-box-listing-content {
   flex: 1;
   padding-left: 25px;
}
.list-box-listing-content .inner {
   position: relative;
   top: 0;
   vertical-align: top;
}
.list-box-listing-content .inner h3 {
   font-size: 18px;
   bottom: -2px;
   position: relative;
   margin: 0;
   line-height: 27px;
}
.list-box-listing-content .inner span {
   font-size: 15px;
   font-weight: 300;
   display: inline-block;
}
.list-box-listing-content .inner .star-rating {
   margin: 5px 0 0;
   display: block;
}
.star-rating .rating-counter {
   top: -3px;
   position: relative;
   font-size: 14px;
}
.star-rating .ti-star {
   display: inline-block;
   margin: 0;
   padding: 0;
   color: #ff9500;
   float: left;
   margin-right: 4px;
   position: relative;
}
.list-box-listing-content .inner span {
   font-size: 15px;
   font-weight: 300;
   display: inline-block;
}
.buttons-to-right, .dashboard-gravity-list .button.to-right {
   position: absolute;
   right: 30px;
   top: 50%;
   transform: translate3d(0,-49%,0);
   -moz-transform: translate3d(0,-50%,0);
   opacity: 0;
   transition: .4s;
   box-shadow: 0 0 10px 15px #fbfbfb;
}
.dashboard-gravity-list .button {
   padding: 8px 15px;
   line-height: 20px;
   border-radius: 50px;
   font-size: 13px;
   font-weight: 600;
   margin: 0;
}
.dashboard-gravity-list .button.gray {
   background-color: #e4e8ef;
   color: #636a7b;
}
.dashboard-gravity-list .button i {
   padding-right: 2px;
   position: relative;
   top: 1px;
}
.dashboard-gravity-list li:hover .buttons-to-right, .dashboard-gravity-list li:hover .button.to-right {
   opacity: 1;
}
.card {
   position: relative;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column;
   flex-direction: column;
   min-width: 0;
   word-wrap: break-word;
   background-color: #fff;
   background-clip: border-box;
   border: 0px solid rgba(0, 0, 0, .125);
   border-radius: .25rem;
   box-shadow: 0 0 12px 0 rgba(0,0,0,.06);
   border-radius: 4px;
}
.card-header {
   padding: .95rem 1.25rem;
   margin-bottom: 0;
   background-color: rgb(255 255 255);
   border-bottom: 1px solid rgb(0 0 0 / 7%);
}
.card-header h4 {
   font-size: 16px;
   font-weight: 600;
   margin: 0;
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
   position: absolute;
   bottom: 0.9em;
   display: block;
   opacity: 0.3;
   top: calc(50% - 10px);
}
.countdown li{
    background-color:#d11821; 
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
   padding: 0.7rem 0.7rem;
   text-align: center;
   color:#fff;
   font-size: .7rem;
   text-transform: uppercase;
   border-radius: .2rem;
   margin: .1rem;
   min-width: 85px;
   /*width: 25%;*/
}
.countdown li span{
   display: block;
   font-size: 1.5rem;
   line-height: 1.5rem;
}

.countdown-home li{
    background-image: linear-gradient(rgba(224,26,75,5), rgba(224,26,75,0.8)); /* Old browsers */
    padding: 0.3rem 0.3rem;
    text-align: center;
    color:#fff;
    font-size: .5rem;
    text-transform: uppercase;
    border-radius: .1rem;
    margin: .1rem;
    min-width: 50px;
    width: 15%;
    font-weight: 400;
 }
 .countdown-home li span{
    display: block;
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 600;
 }
hr {
   margin-top: 2rem;
   margin-bottom: 2rem;
   border: 0;
   border-top: 0px solid rgba(0, 0, 0, .1);
   background: -moz-linear-gradient(left,  rgba(69,72,77,0) 0%, rgba(229,229,229,1) 25%, rgba(229,229,229,1) 75%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(left,  rgba(69,72,77,0) 0%,rgba(229,229,229,1) 25%,rgba(229,229,229,1) 75%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to right,  rgba(69,72,77,0) 0%,rgba(229,229,229,1) 25%,rgba(229,229,229,1) 75%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0045484d', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
   height: 1px;
}
.shopping-cart .block-heading{
   padding-top: 50px;
   margin-bottom: 40px;
   text-align: center;
}

.shopping-cart .block-heading p{
   text-align: center;
   max-width: 420px;
   margin: auto;
   opacity:0.7;
}

.shopping-cart .dark .block-heading p{
   opacity:0.8;
}

.shopping-cart .block-heading h1,
.shopping-cart .block-heading h2,
.shopping-cart .block-heading h3 {
   margin-bottom:1.2rem;
   color: #3b99e0;
}

.shopping-cart .items{
   margin: auto;
}

.shopping-cart .items .product .info .product-name{
   font-weight: 600;
}

.shopping-cart .items .product .info .product-name .product-info{
   font-size: 14px;
   margin-top: 15px;
}

.shopping-cart .items .product .info .product-name .product-info .value{
   font-weight: 400;
}

.shopping-cart .items .product .info .quantity .quantity-input{
   margin: auto;
   width: 80px;
}

.shopping-cart .items .product .info .price{
   margin-top: 15px;
   font-weight: bold;
   font-size: 22px;
}

.shopping-cart .summary{
   padding: 15px;
}

.shopping-cart .summary h3{
   text-align: center;
   font-size: 1.3em;
   font-weight: 600;
   padding-top: 0px;
   padding-bottom: 20px;
}

.shopping-cart .summary .summary-item{
   padding-bottom: 10px;
   padding-top: 10px;
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.shopping-cart .summary .text{
   font-size: 1em;
   font-weight: 600;
}

.shopping-cart .summary .price{
   font-size: 1em;
   float: right;
}

.shopping-cart .summary button{
   margin-top: 20px;
}
.payment-form{
   padding-bottom: 50px;
   font-family: 'Montserrat', sans-serif;
}

.payment-form.dark{
   background-color: #f6f6f6;
}

.payment-form .content{
   box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.075);
   background-color: white;
}

.payment-form .block-heading{
   padding-top: 50px;
   margin-bottom: 40px;
   text-align: center;
}

.payment-form .block-heading p{
   text-align: center;
   max-width: 420px;
   margin: auto;
   opacity:0.7;
}

.payment-form.dark .block-heading p{
   opacity:0.8;
}

.payment-form .block-heading h1,
.payment-form .block-heading h2,
.payment-form .block-heading h3 {
   margin-bottom:1.2rem;
   color: #3b99e0;
}

.payment-form .container{
   border-top: 5px solid #72af38a8;
   box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.075);
   background-color: #ffffff;
   padding: 0;
   max-width: 600px;
   margin: auto;
}

.payment-form .title{
   font-size: 1em;
   border-bottom: 1px solid rgba(0,0,0,0.1);
   margin-bottom: 0.8em;
   font-weight: 600;
   padding-bottom: 8px;
}

.payment-form .products{
   background-color: #72af3814;
   padding: 25px;
}

.payment-form .products .item{
   margin-bottom:1em;
}

.payment-form .products .item-name{
   font-weight:600;
   font-size: 0.9em;
}

.payment-form .products .item-description{
   font-size:0.8em;
   opacity:0.6;
}

.payment-form .products .item p{
   margin-bottom:0.2em;
}

.payment-form .products .price{
   float: right;
   font-weight: 600;
   font-size: 0.9em;
}

.payment-form .products .total{
   border-top: 1px solid rgba(0, 0, 0, 0.1);
   margin-top: 10px;
   padding-top: 19px;
   font-weight: 600;
   line-height: 1;
}

.payment-form .card-details{
   padding: 25px 25px 15px;
}

.payment-form .card-details label{
   font-size: 12px;
   font-weight: 600;
   margin-bottom: 15px;
   color: #79818a;
   text-transform: uppercase;
}

.payment-form .card-details button{
}

.payment-form .date-separator{
   margin-left: 10px;
   margin-right: 10px;
   margin-top: 5px;
}
.list-group-item {
   padding: 1rem 1.25rem;
   border: 1px solid #eef2f7;
}
.table.no-header div.dataTables_wrapper div.dataTables_info{
   display: none;
}
@media (min-width: 576px) {
   .payment-form .title {
       font-size: 1.2em; 
   }

   .payment-form .products {
       padding: 40px; 
   }

   .payment-form .products .item-name {
       font-size: 1em; 
   }

   .payment-form .products .price {
       font-size: 1em; 
   }

   .payment-form .card-details {
       padding: 40px 40px 30px;
   }

   .payment-form .card-details button {
   } 
}
@media (min-width: 768px) {

   .shopping-cart .items .product .info .price {
       font-weight: bold;
       font-size: 22px;
       top: 17px; 
   }

   .shopping-cart .items .product .info .quantity {
       text-align: center; 
   }
   .shopping-cart .items .product .info .quantity .quantity-input {
       padding: 4px 10px;
       text-align: center; 
   }
}

@media (min-width: 992px){
   .modal-xl {
       max-width: 1000px;
   }
}
.category-business{
   display: none;
}
.language-list{
   column-count: 2;
}
@media (min-width: 768px) {
   .language-list{
       column-count: 4;
   }
}
.language-list li{
   display: block;
   padding: .1rem;
   margin: 0;
   line-height: 1.5rem;
}
.language-list li a{
   text-decoration: none;
   color: #000;
   font-size: .875rem;
}
.frb-group {
 margin: 0px 0;
}
.frb ~ .frb {
 margin-top: 15px;
}
.frb input[type="radio"]:empty,
.frb input[type="checkbox"]:empty {
 display: none;
}
.frb input[type="radio"] ~ label:before,
.frb input[type="checkbox"] ~ label:before {
 font-family: FontAwesome;
 content: '\f058';
 position: absolute;
 top: 50%;
 margin-top: -7px;
 left: 25px;
 font-size: 22px;
 color: #e4e4e4;
}
.frb input[type="radio"]:checked ~ label:before,
.frb input[type="checkbox"]:checked ~ label:before {
 content: '\f058';
 color: #ffffff;
}
.frb input[type="radio"] ~ label,
.frb input[type="checkbox"] ~ label {
 position: relative;
 cursor: pointer;
 width: 100%;
 border: 1px solid #eaeaea;
 border-radius: 5px;
 padding: 20px 0px;
 background: #fafafa;
}
.frb input[type="radio"] ~ label:focus,
.frb input[type="radio"] ~ label:hover,
.frb input[type="checkbox"] ~ label:focus,
.frb input[type="checkbox"] ~ label:hover {background: #f7f7f7;}
.frb input[type="radio"]:checked ~ label,
.frb input[type="checkbox"]:checked ~ label {
 color: #fafafa;
}
.frb input[type="radio"]:checked ~ label,
.frb input[type="checkbox"]:checked ~ label {
 background-color: #f6f9fc;
}
.frb.frb-default input[type="radio"]:checked ~ label,
.frb.frb-default input[type="checkbox"]:checked ~ label {
 color: #fff;
 background-color: #71ae37;
 border: 1px solid #71ae37;
}

.frb.frb-primary input[type="radio"]:checked ~ label,
.frb.frb-primary input[type="checkbox"]:checked ~ label {
 background-color: #337ab7;
}

.frb.frb-success input[type="radio"]:checked ~ label,
.frb.frb-success input[type="checkbox"]:checked ~ label {
 background-color: #5cb85c;
}

.frb.frb-info input[type="radio"]:checked ~ label,
.frb.frb-info input[type="checkbox"]:checked ~ label {
 background-color: #5bc0de;
}

.frb.frb-warning input[type="radio"]:checked ~ label,
.frb.frb-warning input[type="checkbox"]:checked ~ label {
 background-color: #f0ad4e;
}

.frb.frb-danger input[type="radio"]:checked ~ label,
.frb.frb-danger input[type="checkbox"]:checked ~ label {
 background-color: #d9534f;
}

.frb input[type="radio"]:empty ~ label span,
.frb input[type="checkbox"]:empty ~ label span {
 display: inline-block;
}

.frb input[type="radio"]:empty ~ label span.frb-title,
.frb input[type="checkbox"]:empty ~ label span.frb-title {
 font-size: 16px;
 font-weight: 700;
 margin: 5px 5px 0px 65px;
}

.frb input[type="radio"]:empty ~ label span.frb-description,
.frb input[type="checkbox"]:empty ~ label span.frb-description {
 font-weight: normal;
 font-style: italic;
 color: #999;
 margin: 0px 5px 5px 65px;
}

.frb input[type="radio"]:empty:checked ~ label span.frb-description,
.frb input[type="checkbox"]:empty:checked ~ label span.frb-description {
 color: #fafafa;
}

.frb.frb-default input[type="radio"]:empty:checked ~ label span.frb-description,
.frb.frb-default input[type="checkbox"]:empty:checked ~ label span.frb-description {
 color: #fff;
}
.social-icons a{
   display: block;
   background: #f6f9fc;
   padding: 1rem;
   margin-right: 5px;
   border-radius: 5px;
   color: #000;
   border: 1px solid #e6edf5;
}
.social-icons a:hover{
   background: #d0181f;
   color: #fff;
   border: 1px solid #d0181f;
}
.total-like-user-main a {
   display: inline-block;
   margin: 0 -17px 0 0;
}
.total-like {
   border: 1px solid;
   border-radius: 50px;
   display: inline-block;
   font-weight: 500;
   height: 34px;
   line-height: 33px;
   padding: 0 13px;
   vertical-align: top;
}
.restaurant-detailed-ratings-and-reviews hr {
   margin: 0 -24px;
}
.graph-star-rating-header .star-rating {
   font-size: 17px;
}
.progress {
   background: #f2f4f8 none repeat scroll 0 0;
   border-radius: 0;
   height: 30px;
}
.rating-list {
   display: inline-flex;
   margin-bottom: 15px;
   width: 100%;
}
.rating-list-left {
   height: 16px;
   line-height: 29px;
   width: 10%;
}
.rating-list-center {
   width: 80%;
}
.rating-list-right {
   line-height: 29px;
   text-align: right;
   width: 10%;
}
.restaurant-slider-pics {
   bottom: 0;
   font-size: 12px;
   left: 0;
   z-index: 999;
   padding: 0 10px;
}
.restaurant-slider-view-all {
   bottom: 15px;
   right: 15px;
   z-index: 999;
}
.offer-dedicated-nav .nav-link.active,
.offer-dedicated-nav .nav-link:hover,
.offer-dedicated-nav .nav-link:focus {
   border-color: #3868fb;
   color: #3868fb;
}
.offer-dedicated-nav .nav-link {
   border-bottom: 2px solid #fff;
   color: #000000;
   padding: 16px 0;
   font-weight: 600;
}
.offer-dedicated-nav .nav-item {
   margin: 0 37px 0 0;
}
.restaurant-detailed-action-btn {
   margin-top: 12px;
}
.restaurant-detailed-header-right .btn-success {
   border-radius: 3px;
   height: 45px;
   margin: -18px 0 18px;
   min-width: 130px;
   padding: 7px;
}
.text-black {
   color: #000000;
}
.icon-overlap {
   bottom: -23px;
   font-size: 74px;
   opacity: 0.23;
   position: absolute;
   right: -32px;
}
.menu-list img {
   width: 41px;
   height: 41px;
   object-fit: cover;
}
.restaurant-detailed-header-left img {
   width: 88px;
   height: 88px;
   border-radius: 3px;
   object-fit: cover;
   box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important;
}
.reviews-members .media .mr-3 {
   width: 56px;
   height: 56px;
   object-fit: cover;
}
.rounded-pill {
   border-radius: 50rem!important;
}
.total-like-user {
   border: 2px solid #fff;
   height: 34px;
   box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important;
   width: 34px;
}
.total-like-user-main a {
   display: inline-block;
   margin: 0 -17px 0 0;
}
.total-like {
   border: 1px solid;
   border-radius: 50px;
   display: inline-block;
   font-weight: 500;
   height: 34px;
   line-height: 33px;
   padding: 0 13px;
   vertical-align: top;
}
.restaurant-detailed-ratings-and-reviews hr {
   margin: 0 -24px;
}
.graph-star-rating-header .star-rating {
   font-size: 17px;
}
.progress {
   background: #f2f4f8 none repeat scroll 0 0;
   border-radius: 0;
   height: 30px;
}
.rating-list {
   display: flex;
   margin-bottom: 15px;
   width: 100%;
   align-items: center;
}
.rating-list-left {
   height: auto;
   line-height: initial;
   width: 5%;
   font-size: 12px;
}
.rating-list-center {
   width: 80%;
}
.rating-list-right {
   line-height: initial;
   text-align: right;
   width: 10%;
   font-size: 12px;
}
.restaurant-slider-pics {
   bottom: 0;
   font-size: 12px;
   left: 0;
   z-index: 999;
   padding: 0 10px;
}
.restaurant-slider-view-all {
   bottom: 15px;
   right: 15px;
   z-index: 999;
}

.progress {
   background: #f2f4f8 none repeat scroll 0 0;
   border-radius: 0;
   height: 5px;
   border-radius: 10px;
}
.faq .faq-list {
}

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

.faq .faq-list ul li + li {
 margin-top: 15px;
}

.faq .faq-list ul > li {
 padding: 20px;
 background: #fff;
 border-radius: 4px;
 position: relative;
 box-shadow: 0 0 12px 0 rgb(0 0 0 / 6%);
}

.faq .faq-list ol {
 padding-left: 10px;
}

.faq .faq-list ol li {
 padding: 0px;
 margin-top: 0px !important;
}

.faq .faq-list ul li > a {
 display: block;
 position: relative;
 font-size: 16px;
 line-height: 24px;
 font-weight: 500;
 outline: none;
}

.faq .faq-list .icon-help {
 font-size: 24px;
 position: absolute;
 right: 0;
 left: 20px;
 color: #47b2e4;
}

.faq .faq-list .icon-show, .faq .faq-list .icon-close {
 font-size: 24px;
 position: absolute;
 right: 0;
 top: 0;
}

.faq .faq-list p {
 margin-bottom: 0;
 padding: 10px 0 0 0;
 color: #102c3d;
}

.faq .faq-list .icon-show {
 display: none;
}

.faq .faq-list a.collapsed {
 color: #37517e;
 transition: 0.3s;
}

.faq .faq-list a.collapsed:hover {
 color: #47b2e4;
}

.faq .faq-list a.collapsed .icon-show {
 display: inline-block;
}

.faq .faq-list a.collapsed .icon-close {
 display: none;
}

@media (max-width: 1200px) {
 .faq .faq-list {
   padding: 0;
 }
}
.file-upload-btn {
 position: relative;
 overflow: hidden;
}
.file-upload-btn input {
 position: absolute;
 font-size: 50px;
 opacity: 0;
 right: 0;
 top: 0;
}
.editable-image{
   position:relative;
}
.editable-image .btns{
   position:absolute;
   top:10px;
   right:10px;
   z-index:2;
}
.editable-image .btns a{
   display:inline-block;
   background:#fff;
   width:30px;
   height:30px;
   text-align:center;
   line-height:30px;
   border-radius:50%;
   color:#000;
}
.item-slick.slick-slide.slick-current.slick-active {
   outline: none!important  
}

.slider-for {
 margin-bottom: 0px;
}

.slider-for img {
 width: 100%;
 min-height: 100%; 
}

.slider-nav {
 margin: auto;
 bottom: 25px;
 padding: 0em 5em;
}

.slider-nav .item-slick {
 max-width: 50px;
 margin-right: 15px;
 outline: none!important;
 cursor: pointer;
 height: auto;
 border-radius: 50%;
 border: 5px solid #ffffff85;
}

.slider-nav .item-slick img {
 max-width: 100%;
 background-size: cover;
 background-position: center; 
}

.slick-arrow {
 position: absolute;
 top: 50%;
 z-index: 50;
 margin-top: 0px;
}

.slick-prev {
 left: 32px;
 top: 22px;
}

.slick-next {
 right: 45px;
 top: 22px;
}
.slider-container{
   position: relative;
}
.contenteditable{
   background: #f6f9fc;
   padding: 2em 2em;
   border-radius: 4px;
   border: 1px solid #eff4f9;
   position: relative;
   font-size: 14px;
   font-family: monospace;
}
.contenteditable + .copy-btn{
   font-size: 10px;
   background: #dfe1e4;
   padding: .1em 1em;
   text-transform: uppercase;
   border-radius: 3px;
   font-family: 'Mulish', sans-serif;
   border: none;
   cursor: pointer;
   margin-top: 10px;
}
.keywords-holder{
   border: 1px dashed #ccc;
   padding: 1em 1em;
   border-radius: 5px;
   position: relative;
}
.keywords-holder .keywords{
   display: inline-block;
   background: #f6f7f9;
   padding: 5px 15px;
   font-size: 12px;
   text-transform: uppercase;
   color: #000;
   border-radius: 5px;
   box-shadow: 1px 2px 2px #cccccca1;
}
.add-more-div-results1 .remove-more-div-btn1,
.add-more-div-results .remove-more-div-btn{
   position: absolute;
   right: 0;
   top: 0;
   border-radius: 0px;
   padding: 0px 5px;
   z-index: 1;
}
.add-more-div1 > .keywords-holder > .remove-more-div-btn1,
.add-more-div > .keywords-holder > .remove-more-div-btn{
   display:none;
}
.date-filter-dt{
   position: absolute;
   left: 200px;
   top: 15px;
   z-index: 1;
}
.date-filter-dt .form-control{
height: calc(1.9rem + 0px);
font-size: 14px;
}

.room-image-thumb img {
   width: 100%;
   max-height: 180px;
 }

 .store-h-pic {
 
   background: #eee;
   min-height: 100px;
  
   position: relative;
   overflow: hidden;
   margin: 5px 0 0px;
   border: 2px #666 solid;
 }
 
 .store-h-pic img {
   width: 100%;
   max-height: 180px;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
 }
 
 .del-pic {
   position: absolute;
   right: 9px;
   top: -5px;
   background: #ff0000;
   color: #fff;
   border-radius: 50%;
   padding: 1px 5px;
 }

 .file-preview .fileinput-remove {
   display: none;
 }
 
 .file-preview {
   width: auto;
   display: inline-block;
 }

 .file-preview {
   border-radius: 25px;
   margin: 5px 0 15px;
 }
 
.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}
.custom-control-input{
   z-index: 99;
   left: 0;
   top: 0;
}
.preview-page-image-slider .image-slider .img-pop-gallary img{
   width: 100%;
   height: 415px;
   object-fit: cover;
}
.rooms-image-slider .slick-slide{
   margin: 0;
}
.rooms-image-slider .img-pop-gallary img{
   width: 100%;
   height: 150px;
   object-fit: cover;
}
.rooms-image-slider .slick-dots{
   bottom: 10px;
}
.rooms-image-slider .slick-dots li{
   margin: 0;
}
.rooms-image-slider .slick-dots li button::before{
   font-size: 14px;
   opacity: 1;
   color: #fff;
}
.rooms-image-slider .slick-dots li.slick-active button::before{
   color: #d11821;
   opacity: 1;
}
/* Style for custom tab */
.custom-tab-area .list-group a{
   background: #d11821;
   border-color: #960c0e;
   color: #fff;
   border-right: none;
}
.custom-tab-area .list-group a:last-child{
   border-right: 1px #960c0e solid;
   margin-bottom: -1px;
}
.custom-tab-area .list-group a.active{
   background: #fff;
   color: #d11821;
   border-color: #ccc;
   border-bottom: none;
}
.custom-tab-area .block-wrap{
   border-radius: 0;
   border-color: #ccc;
}
/* End */
/* For Home Avability section datepicker */
.datepicker.aval_sec_datepicker table tr td.new{
   color: #212529;
}
/* End */
.edit-profile-phone-code > a.dropdown-toggle{
   height: 100%;
   border-radius: 50px 0 0 50px;
   display: flex;
   align-items: center;
}
.edit-profile-phone-code .dropdown-menu{
   height: 200px;
   overflow-y: auto;
}

.dropdown-menu ul > li {
    padding: 0px !important;
    background: #fff !important;
    border-radius: 4px !important;
    position: relative !important;
    box-shadow: 0 0 12px 0 rgb(0 0 0 / 6%) !important;
}

.dropdown-menu ul li + li {
    margin-top: 0px !important;
}

.dropdown-menu ul li.open > a > span {
    border-top: 0px !important;
    border-bottom: 4px dashed !important;
}

.popover.primary {
    border-color:#337ab7;
}
.popover.primary>.arrow {
    border-top-color:#337ab7;
}
.popover.primary>.popover-title {
    color:#fff;
    background-color:#337ab7;
    border-color:#337ab7;
}
.popover.success {
    border-color:#d6e9c6;
}
.popover.success>.arrow {
    border-top-color:#d6e9c6;
}
.popover.success>.popover-title {
    color:#3c763d;
    background-color:#dff0d8;
    border-color:#d6e9c6;
}
.popover.info {
    border-color:#bce8f1;
}
.popover.info>.arrow {
    border-top-color:#bce8f1;
}
.popover.info>.popover-title {
    color:#31708f;
    background-color:#d9edf7;
    border-color:#bce8f1;
}
.popover.warning {
    border-color:#faebcc;
}
.popover.warning>.arrow {
    border-top-color:#faebcc;
}
.popover.warning>.popover-title {
    color:#8a6d3b;
    background-color:#fcf8e3;
    border-color:#faebcc;
}
.popover.danger {
    border-color:#ebccd1;
}
.popover.danger>.arrow {
    border-top-color:#ebccd1;
}
.popover.danger>.popover-title {
    color:#a94442;
    background-color:#f2dede;
    border-color:#ebccd1;
}


.password-pattern {
    margin: 0;
    padding: 5px 0 5px 15px;
    font-size: 13px !important;
  }
  
  .password-pattern li {
    list-style: disclosure-closed;
  }

  .password-pattern .alert {
    margin: 0;
    padding: 0;
   
  }

  .member_bid_section .card_h .card-img{
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 15px;
    overflow: hidden;
}
.member_bid_section .card_h.card{
    /* border-radius: 15px 15px 0 0 !important; */
    background: none;
    box-shadow: none;
    height: auto;
    border: none;
}
.member_bid_section .btn_group{
    /* border-radius: 0 0 15px 15px; */
}
.marchent-bid-wrap{
    border-radius: 15px;
}
.member_bid_section .bid_desc_text{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

  /* input.pw {
    -webkit-text-security: disc;
  } */

  /* .popover{
      display: none;
  }
   */

.preview-aminities-block{
    width: calc(100% / 3);
}


.cms-pages{
    display:inline-block;
    padding:30px;
    height:auto;
    background-color:#444;
    color: #000;
    border-radius:4px;
    width:100%;
    cursor:default;
    box-shadow: 0 0 12px 0 rgba(0,0,0,.06);
 }

 .cms-pages-content h4{
    font-size:42px;
    font-weight:600;
    padding:0;
    margin:0;
    color: #000;
    letter-spacing:1px;
 }
 .cms-pages-content span{
    margin-top:4px;
    line-height:24px;
    font-weight:300;
    display:inline-block;
    color: #000;
 }
 .cms-pages-icon{
    position:absolute;
    right:32px;
    top:50%;
    transform: translateY(-50%);
    font-size:80px;
    opacity: 1;
    font-size:65px;
    color: #d11821;
 }
  
.cms-pages.widget-1{
    background: linear-gradient(to left,rgba(255,255,255,0) 30%,rgba(255,255,255,0.1));
    background-color:#ffffff;
 }