@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Amaranth:400,700&display=swap');

h1,h2,h3,h4,h5,h6,span,p,li,ul,input,label,strong,small,table,td,th,a
{
    font-family: 'Poppins', sans-serif;
}
.form-control:focus
{
    box-shadow: none;
    outline: none;
}
.register_form
{
    background: #525252;color: white;width: 440px;padding: 3px 15px;text-align-last: left;
}
.news_letter_btn{
    color: white;
    padding: 6px 20px;
    background: #653f8f;
    display: inline-block;
}
/*.select2-container{
    width: 40% !important;
    margin: 0 auto;
    display: block;
    background-color: #525252;
    border: none;
    color: #525252;
    height: 45px;
    border-radius: 0px;
    padding: 10px 16px;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.5px;
}*/
.full-page-wrapping
{
    display: flex;
    height: auto;
    flex-direction: column;
    justify-content: space-between;
}
.home-page-wrape
{
    width: 100%;
    height: 100vh;
}
.img_pacifier
{
    height: 23px;
    width: 24px;
}
.js-cookie-consent
{ 
    background: #222;
    color: #2f323a;
    position: fixed;
    z-index: 999;
    left: 0px;
    width: 100%;
    bottom: 0;
    padding: 10px 20px;
}
.decorate_current_chat{
    background-color: #317d905c;
}
.js-cookie-consent span
{
    font-size: 20px;
    font-weight: 300;
    padding: 7px 0px 0px;
    color: white;
    display: inline-block;
}
.cookie-consent__agree
{
    background: #5d2490;
    color: white;
    float: right;
    border: none;
    padding: 10px;
    cursor: pointer;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}
.couchmeet-header .navbar
{
    /* background-color: #fff;  */
    /* box-shadow: 0 3px 6px 0 rgba(0,0,0,0.25); */
    height: auto;
    width: 100%;
    padding: 0px;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 99;
    font-size: 16px;
}
.svg-logo
{
    width: 287px;   
}
.add_bg_color
{
    background-color: #ffffff; 
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.25);
}
/* .header-right-side-btn {
    position: fixed;
    right: 87px;
    top: 75px;
    z-index: 9;
} */
.couchmeet-header .navbar-expand-lg .navbar-nav .nav-link
{
    font-size: 22px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 500;
    color: #45b7cf;
    padding: 23px 14px;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #317d90;
    font-weight: 700;
}

.login_signup_page
{
    width: 100%;
    height: 100%;
    background-image: url('https://cdn-image.travelandleisure.com/sites/default/files/1485976773/taj-mahal-agra-india-TAJ0217.jpg');
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    position: relative;
}
.sign_up_page_facebook
{
    width: 15%;
    margin: 0 auto;
}
.padding_10{
    padding-top: 19px;
}
.single_sign_up_page
{
    padding: 50px 0 0;
}
.single_sign_up_page h3
{
    padding-top: 50px;
}
.login_signup_page::before
{
    position: absolute;
    content: '';
    z-index: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.7);
    left: 0px;
    top: 0px;
}
.login-content
{
    padding: 180px 0 88px;
}
.login-content h2
{
    color: #653f8f;
    font-size: 32px;
    font-weight: 700;
}
.login-content p
{
    color: #317d90;
    font-size: 28px;
    font-weight: 600;
}

.login_signup_form
{
    width: 100%;
    background-color: #ffffff;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.25);
    padding: 30px;
}
.header-right-side-btn ul li
{
    list-style: none;
    width: auto;
    display: inline-block;
    padding: 8px 18px;    
    margin: 0px 4px;
}
.header-right-side-btn ul li:nth-child(1)
{
    background-color: #3b5998;
    border: 1px solid #3b5998;
}


.header-right-side-btn ul li:nth-child(2)
{
    margin-right: 10px;
    background-color: #fa9709;
    border: 1px solid #fa9709;
}
.header-right-side-btn ul li:nth-child(3)
{
    background-color: #317d90;
    border: 1px solid #317d90;  
}

.header-right-side-btn ul li a
{
    color: white;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
}
.login-with-facebook ul li a span
{
    display: block;
    font-size: 10px;
    color: white;
    font-weight: 300;
} 
.face_close
{
    position: absolute;
    right: -4px;
    top: -20px;
}
.face_close_modal
{
    position: absolute;
    right: 0px;
    top: -5px;  
}
.header-right-side-btn ul li a i
{
    color: white;
    padding-right: 5px;
    font-size: 18px;
}

.left-side-links h3
{
    font-size: 18px;
    color: #3a3a3a;
    font-weight: 600;
}
.left-side-links h2
{
    font-size: 20px;
    color: #3a3a3a;
    font-weight: 700;
}
.left-side-links p
{
    font-size: 14px;
    color: black;
    font-weight: 400; 
}




.ui_design_form .form-group
{
    position: relative;
}

.ui_design_form .form-control
{
    border: 1px solid rgb(255, 255, 255);
    transition: 0.3s;
    border-radius: 0px;
    padding: 0px 36px;
    position: relative;
    background-color: rgb(255, 255, 255);
}
.ui_design_form .only_label label
{
    display: block;
    position: absolute;
    left: 14px;
    bottom: 0;
    transition: 0.3s;
    z-index: 1;
}
.custom_border_t
{
    position: relative;
    overflow: hidden;
}
.custom_border_t::before
{
    width: 1px;
    height: 60%;
    position: absolute;
    right: 0px;
    top: 15%;
    content: '';
    background-color: #653f8f;
}
.register_text 
{
 padding: 0px 0;
}
.first_height
{
    width: 100%;
    height: 140px;
    padding: 14px 0 0;
}
.second_height
{
    width: 100%;
    height: 125px;
}
.user_signup_form .btn
{
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    width: 100%;
    padding: 8px;
    background-color: #fa9709;
    font-size: 15px;
    border: 1px solid #fa9709;
    color: white;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: 0px;
    font-weight: 700;
}
.ui_design_form .form-control:focus
{
    box-shadow: none;
    border-bottom: 2px solid #007bff;
    transition: 0.3s;
}
.ui_design_form .btn
{
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    width: 100%;
    padding: 8px;
    background-color: #fa9709;
    font-size: 15px;
    border: 1px solid #fa9709;
    color: white;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: 0px;
    font-weight: 700;
}
.facebook-login-popup .modal-content 
{
    background-color: #ffffffe8;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 15px;
}
.remember-me
{
    font-size: 14px;
    color: #353535;
    font-weight: 600;
    letter-spacing: 0.5px;
}



/* two section css */
.latest-slider-section
{
    padding-bottom: 58px;
}
.latest-section
{
    width: 100%;
    background: #317d90;
    padding-bottom: 2px;
    padding: 4px 5px;
}
.latest-section h3
{
    color: #ffffff;
    text-align: center;
    font-weight: 500;
    padding: 8px 0;
    font-size: 24px;
}
.latest-slider .client_user_pic 
{
	width: 75%;
    margin: 20px auto 0px;
    height: 170px;
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 120px;
}

.latest-slider .client_user_pic::before
{
    width: 100%;
    height: 100%;
    background-image: linear-gradient(45deg, rgba(250, 151, 9, 0.49), #ffffff00);
    position: absolute;
    left: 0px;
    top: 0px;
    content: '';
}
.latest-slider .owl-item img
{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    object-fit: cover;
}

.latest-slider .owl-nav
{
    position: absolute;
    left: 0px;
    top: -60px;
    z-index: 99;
}
.latest-slider.owl-carousel .owl-nav button.owl-next, 
.latest-slider.owl-carousel .owl-nav button.owl-prev, 
.latest-slider.owl-carousel button.owl-dot
{
    background: #653f8f;
    padding: 0px 14px;
    color: white;
    font-size: 25px;
    line-height: normal;
}
.latest-slider.owl-carousel .owl-nav button.owl-next:focus,
.latest-slider.owl-carousel .owl-nav button.owl-prev:focus
{
    outline-color: transparent;
}

.slider-border-div
{
    border: 1px solid #cacaca;
    background: #f3e9e9b0;
}
.date_round_slider
{
    color: #653f8f;
    font-weight: 600;
}
.upcoming_trips_name
{
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color: #317d90;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.latest-section a
{
    color: white;
    padding: 10px 20px;
    background: #653f8f;
    display: inline-block;
    margin: 0 5px;
}
.tour-date
{
    position: absolute;
    left: 115px;
    top: 13px;
    text-align: center;
    background-color: #fa9709;
    border-radius: 50px;
    padding: 8px 11px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}
.tour-date span
{
    font-size: 16px;
    display: table-caption;
    line-height: 15px;
    font-weight: 600;
    color: #ffffff;
}
.tour-date span small
{
    font-size: 11px;
    font-weight: 600;
}
.user-name ul 
{
    padding: 0;
    padding-bottom: 19px;
}
.user-name ul li
{
    list-style: none;
    display: inline-block;
    padding: 0 6px;
    color: black;
    font-size: 16px;
}
.latest-slider .owl-item .user-name ul li img
{
    width: 35px;
}
.latest-slider .owl-item .user-name span
{
    font-weight: 600;
    font-size: 23px;
    color: #653f8f;
    text-align: center;
    display: block;
}
.latest-slider .owl-item .user-name ul li i
{
    color: #fa9709;
    transform: translateY(-1px);
    font-weight: 700;
    border-radius: 5px;
    display: block;
    font-size: 25px;
}


/* start footer section css */
.footer
{
    width: 100%;
    height: auto;
    background-color: #f2f4f5;
    padding: 18px 0 0;
}
.bottom-footer
{
    width: 100%;
    background-color: #2f323a;
    text-align: center;
    height: auto;
    padding: 10px 0 10px;
    margin-top: 8px;
    position: relative; 
}

.bottom-footer p
{
    color: #ffffff;
    margin: 0;
    font-weight: 300;
    padding: 7px 0 0;
    font-size: 12px;
}
.footer_icons ul
{
    padding-top: 8px;
}
.footer-links ul li
{
    list-style: none;
    padding: 8px 6px;
    display: inline-block
}

.footer-links ul li a
{
    color: #2f323a;
    font-size: 18px;
    padding: 0 12px;
    font-weight: 500;
    /*text-transform: uppercase;*/
}
.footer_icons ul li
{
    list-style: none;
    display: inline-block;
    padding: 5px;
    width: 30px;
    height: 30px;
    text-align: center;
    margin-right: 5px;
    border-radius: 4px;
    font-size: 14px;
}
.footer_icons ul li a i
{
    color: white;
}

.footer_icons ul li:nth-child(1)
{
    background-color: #3b5998;
}
.footer_icons ul li:nth-child(2)
{
    background-color: #00acee;
}
.footer_icons ul li:nth-child(3)
{
    background-color: #d34836;
}

.footer_icons ul li:nth-child(4)
{
    background-color: #0e76a8;
}
.footer_icons ul li:nth-child(5)
{
    background-image: radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
}
.footer_icons ul li:nth-child(6)
{
    background-color: #c8232c;
}
.subscriber
{
    display: flex;
}
.subscriber .form-control
{
    border: none;
    box-shadow: none;
    font-size: 15px;
    background: #EDECEC;
    border-radius: 22px 0px 0px 22px;
    padding: 12px 22px;
    height: auto;
    width: 65%;
}
.subscriber .btn
{
    width: 25%;
    height: auto;
    border-radius: 0px 22px 22px 0px;
    padding: 8px;
    border: 1px solid #2f323a;
    background: #2f323a;
    color: white;
    font-weight: 400;
}
.footer-other-links ul li
{
    list-style: none;
    padding-left: 10px;
}



/* /* user profile page css */
/* .change_bg_color
{
    background-color: #4dc1cf;
} */
.user-profile-page
{
    padding: 116px 0 0px; 
    width: 100%;
    height: auto;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}
.user-profile-img
{
    padding: 20px 15px;
    /* background-color: white; */
    width: 100%;
    margin-top: -49px;
    height: auto;
}

.user-profile-img img
{
    width: 200px;
    height: 200px;
    object-fit: cover;
    margin: 0 auto;
    display: block;
    border-top: 2px solid #ff9400;
    border-radius: 120px;
}
.user-profile-img .writer_img
{
    position: relative;
}
.user-profile-img .writer_img img:nth-child(1)
{
    width: 55px;
    height: 55px;
    border: none;
    background: white;
    position: absolute;
    bottom: 6px;
    left: 178px;
    padding: 5px;
    opacity: 1;
}
.user-profile-img .writer_img img:nth-child(2)
{
    width: 56px;
    border-radius: 46px;
    height: 55px;
    border: none;
    background: white;
    position: absolute;
    bottom: 6px;
    left: 178px;
    padding: 12px;
    opacity: 1;
}
.user-profile-img .writer_img:hover img
{
    opacity: 1;
}
.user-profile-img .leaf_icons ul
{
    text-align: center;
    padding: 0;
    padding-top: 15px;
}
.user-profile-img .leaf_icons ul li
{
    list-style: none;
    display: inline-block;
    margin: 0 8px 0 0;
    position: relative;
}
.user-profile-img .leaf_icons ul li img
{
    width: 19px;
    border: none;
    border-radius: 0;
    height: auto;
}
.user-profile-img .leaf_icons ul li img.gray_leaf_img
{
    position: absolute;
    top: 0;
    height: auto;
    left: 0;
}
.user-profile-img .leaf_icons ul li img.blog_icons
{
    width: 40px;
    height: auto;
}
.user-profile-img .follow_follower ul li
{
    display: inline-block;
    padding: 0 10px;
}
.user-profile-img .follow_follower ul li span
{
    color: #653f8f;
    font-size: 16px;
    font-weight: 500;
}
.user-profile-img .follow_follower ul li a.btn
{
    background-color: #317d90;
    color: white;
    font-size: 14px;
    border-radius: 0;
}
.user-profile-img .leaf_icons ul li i.disabled_css
{
    background-color: #b7b7b7;margin: 7px 4px;

}

.bell_photo
{
    margin-left: 25px;
    margin-right: 1px;
}
.user-profile-img .leaf_icons ul li i
{
    color: white;
    font-size: 18px;
    background: #653f8f;
    width: 32px;
    padding: 8px;
    height: 32px;
    border-radius: 50%;
}

.user-profile-img h4
{
    padding-top: 10px;
}

.user-profile-img .user-info ul
{
    padding-top: 40px;
    padding: 20px 0px 0px 119px;
}
.margin_left_profile_page{
    margin-left: -117px!important;
}
.user-profile-img_2 .user-info ul
{
    padding-top: 40px;
    padding: 20px 0px 0px 9px;
}

.user-profile-img .user-info ul li
{
    list-style: none;
    line-height: 20px;
    padding: 20px 54px 6px;
}
.user-profile-img .user-info ul li:nth-child(1)
{
    padding: 8px 45px;
}
.user-profile-img .user-info ul li:nth-child(2)
{
    padding: 0 59px;
}
.user-profile-img .user-info ul li a
{
    color: #717171;
    text-decoration: none;
}
.user-profile-img .user-info ul li a.active
{
    font-weight: 600;
    color: #2f323a;
}
.user-profile-img .user-info ul li a:hover
{
    color: #2f323a;
}
.user-profile-img .user-info ul li a i
{
    color: #2f323a;
    padding: 0px 20px 0 0px;
}

.user-profile-img .user-info ul li a:hover i
{
    color: #717171;    
}

.user-profile-details
{
    padding: 0;
    background-color: #f1f1f1;
    width: 100%;
    margin: 15px 0;
    border: 4px solid #317d90;
    position: relative;
    height: auto;
    border-radius: 15px;
}
.user-profile-details-other-page
{
    height: auto;
}
.bg-icon
{
    background-color: #317d90;
    padding: 5px 0px;
    width: 25px;
    height: 25px;
    color: white;
    font-size: 15px;
    border-radius: 50px;
    text-align: center;
}
.profile-setting-tab
{
     position: relative;
    height: 770px;
    overflow-y: scroll;   
}
.profile-setting-tab .form-control
{
    display: block;
    height: auto;
    padding: 10px 20px;
    overflow: hidden;
    position: relative;
    border: 1px solid #ffffff;
    white-space: nowrap;
    line-height: 26px;
    color: #444;    
    margin: 10px 0;
    text-decoration: none;
    border-radius: 4px;
    background-clip: padding-box;
    background-color: #fff;
    background-image: none;
}
.user-profile-details h5.bg-h5
{
    background-color: #317d90;
    padding: 10px;
    color: white;
}
.user-profile-details h5.bg-h55
{
    background-color: #317d90;
    padding: 10px;
    margin-right: 15px!important;
    margin-left: 15px!important;
    color: white;
}
.user-profile-create-trip
{
    padding: 24px 25px 8px;
    background-color: #f1f1f1;
    width: 100%;
    height: auto;   
}

.create-trip
{
    padding: 6px 0;    
}
.create-trip label
{
    color: #3e3e3e;
    font-weight: 500;
}
.add_new_itinerary label
{
    cursor: pointer;
    font-size: 20px;
}
.delet_iti
{
    color: white;
    padding: 4px;
    background-color: #fa092f;
    display: inline-block;
    margin: 8px 0;
    font-size: 14px;    
}
.delet_iti:hover
{
    text-decoration: none;
    color: white;
}
.add_new_itinerary label i
{
    background-color: #5d3b85;
    color: white;
    font-size: 12px;
    padding: 4px 13px;
}
.c-meet-up h4
{
    color: white;
}
.create-trip .form-control
{
    border-radius: 6px;
    font-size: 15px;
    color: #2f323a;
    padding: 1px 12px;
    border: 1px solid #cccccc;
    background: #ffffff;
}
.first-step-details-here h3
{
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    color: #653f8f;
}
.first-step-details-here h4
{    
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    color: #000000;
    margin: 0;
    padding: 20px 0;
}
.create-trip .select2-container--default.select2-container--focus .select2-selection--multiple
{
    border: none;
    background-image: none;
}
.create-trip .select2-container--default .select2-selection--multiple
{
    border: none;
}
.create-trip .form-control:focus
{
    box-shadow: none;
    /* border: 1px solid #4f93ff; */
    /* background: #4f93ff; */
    color: #000;
}
.create-btn .btn
{
    width: 23%;
    height: auto;
    float: right;
    color: white;
    margin: 0 auto;
    display: block;
    border: 1px solid #fa9709;
    background-color: #fa9709;
    margin-top: 20px;
}
.create-btn-one .btn
{
    width: 45%;
    height: auto;
    float: right;
    color: white;
    margin: 0 auto;
    display: block;
    border: 1px solid #fa9709;
    background-color: #fa9709;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: -291px;
}
.margin-left-button{
    margin-left:13px!important;
}
.margin-right-button{
    margin-left:55px!important;
}
.next-btn-one .btn
{
    width: auto;
    height: auto;
    float: right;
    color: white;
    margin: 0 auto;
    display: block;
    border: 1px solid #fa9709;
    background-color: #fa9709;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 23px;
    cursor: pointer;

}
.back-btn-one .btn
{
    width: 144px;
    height: auto;
    float: right;
    color: white;
    margin: 0 auto;
    display: block;
    border: 1px solid #fa9709;
    background-color: #fa9709;
    margin-top: 20px;
    margin-bottom: 20px; 
    /*margin-right: -84px;*/
    cursor: pointer;


}

.user-profile-create-trip .nav-link 
{
    padding: 15px 130px;
    background: #ffffff;
    color: #317d90;
}


.user-profile-create-trip .nav-tabs .nav-item.show .nav-link,
.user-profile-create-trip .nav-tabs .nav-link.active 
{
    color: #ffffff;
    background-color: #317d90;
    border-color: #317d90;
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
}
.log_out_top_right{
       color: green;
    font-size: 36px;
    
}
.log_out_top_right .nav-link
{
    padding: .5rem 1rem;
}
.move_icon_right {
    padding: 8px 0 0;
    display: block;
}

.move_icon_right:hover{
    color: grey;
}

.log_out_top_right:hover{
    color:red;
     font-size: 36px;
    cursor: pointer;
}
.user-profile-create-trip .nav-tabs .nav-link 
{
    border: 1px solid transparent;
    border-radius: 0px;
}

.user-profile-create-trip .tab-content>.active 
{
    display: block;
    padding: 16px;
    background: white;
}

.user-profile-create-trip .nav-tabs 
{
    border-bottom: 1px solid #dee2e6;
    background: #653f8f;
    padding: 14px 30px;
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
    width: 100%;
    margin: 0px auto;
    border-radius: 4px;
    display: block;
    text-align: center;
}

.user-profile-create-trip .nav-tabs .nav-item {
    display: inline-block;
    margin-bottom: -1px;
}

/* .create-trip ::-webkit-input-placeholder 
{ 
  color: #2f323a;
}
.create-trip :-ms-input-placeholder 
{ 
  color: #2f323a;
}
.create-trip ::placeholder 
{
  color: #2f323a;
}
.create-trip .form-control:focus::placeholder
{
    color: white;    
} */
.describe-text h6
{
    padding-top: 28px;
    font-size: 15px;
    color: #2f323a;
    font-weight: 400;
}
.add_box a
{
    background-color: #fa9709;
    padding: 14px 16px;
    cursor: pointer;
    font-size: 14px;
    text-decoration: none;
    color: white;
    display: block;
    margin-top: 40px;
    border: 1px solid #fa9709;
}
.close-btn
{
    color: #653f8e;
    background-color: white;
    cursor: pointer;
    padding: 4px 6px;
}
.form_control_danger{
    border: 1px solid red!important;
    color: red!important;
}
.create_trip_mandatory_error{
    color: red;
    text-align: right;
    display: block;
}
.create_trip_mandatory_error_two
{
    color: red;
    text-align: right;
    display: block;
}
.cover_picture
{
    width: 100%;
    height: 500px;
    position: relative;
    border-bottom: 2px solid #ff9400;
    overflow: hidden;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}
.cover_picture::before
{
    background-color: rgba(255,255,255,0.7);
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

.change_cover_pic_button
{
    position: absolute;
    right: 20px;
    cursor: pointer;
    bottom: 20px;
    overflow: hidden;
    background-color: #316cff;
    width: 60px;
    height: 60px;
    line-height: 64px;
    border-radius: 50px;
    text-align: center;
    padding: 20px 21px 0;
    box-shadow: inset 0 0px 13px 0 rgb(40, 155, 247), inset 0 2px 10px 0 rgb(79, 147, 255);
}
.change_cover_pic_button input[type="file"]
{
    position: absolute;
    left: 0px;
    opacity: 0;
    z-index: 1;
    cursor: pointer;
}
.change_cover_pic_button i
{
    font-size: 20px;
    color: white;
    font-weight: 600;
}

.hover_show_editor
{
    transition: 0.3s;
    width: 52%;
    margin: 0 auto;
    border-radius: 50%;
}
.change_profile_pic_button
{
    left: 206px;
    position: absolute;
    cursor: pointer;
    top: 100px;
    overflow: hidden;
    background-color: #ffffff;
    width: 60px;
    height: 60px;
    line-height: 64px;
    border-radius: 50px;
    opacity: 0;
    text-align: center;
    padding: 21px 21px 0;
    box-shadow: inset 0 0px 13px 0 rgb(183, 178, 178), inset 0 0px 13px 0 rgb(183, 178, 178);
}
.hover_show_editor:hover .change_profile_pic_button
{
    opacity: 1;
    transition: 0.3s;
}
.hover_show_editor:active .change_profile_pic_button
{
    opacity: 1;
}
.change_profile_pic_button input[type="file"]
{
    position: absolute;
    left: 0px;
    opacity: 0;
    z-index: 1;
    cursor: pointer;
}
.change_profile_pic_button i
{
    font-size: 20px;
    color: #317d90;
    font-weight: 600;
}
.image_within_box{
    height: 65px;
    width: 65px;
    position: relative;
    object-fit: cover;
}
.my-trips-box
{
    width: 80%;
    height: auto;
    border: 1px solid #c1c0c0;
    margin: 0 auto;
}
.my-trips-box-header
{
      background-color: #c1c0c0;
    height: auto;
    padding: 3px 3px;
    width: 100%;
}
.my-trips-box-header h4
{
    font-size: 24px;
    font-weight: 600;
    color: #000000;
}
/* modal popup css */


.facebook-login-popup .modal-dialog 
{
    top: 15%;
    text-align: center;
}
.facebook-login-popup .modal-body
{
    width: 100%;
    position: relative;
}
.login_with_register .modal-dialog 
{
    max-width: 750px;
    margin: 1.75rem auto;
}
.face_modal_popup .modal-dialog 
{
    max-width: 350px;
    margin: 1.75rem auto;
}
.login-with-facebook ul li
{
    list-style: none;
    width: auto;
    display: inline-block;
    padding: 8px 18px;
    margin: 30px 0;
}
.login-with-facebook ul li:nth-child(1)
{
    background-color: #3b5998;
    border-radius: 50px;
    padding: 8px 25px;
    font-size: 20px;
}

.login-with-facebook ul li a
{
    color: white;
    font-weight: 400;
    text-decoration: none;
    font-size: 16px;
}

.login-with-facebook ul li a i
{
    color: #3b5998;
    padding: 5px 10px;
    font-size: 20px;
    border-radius: 50px;
    background: white;
}


.login-with-facebook-other ul li
{
    background-color: #3b5998;
    border-radius: 50px;
    list-style: none;
    padding: 4px 20px;
}
.forgot_pass a
{
    font-size: 14px;
}

.login-with-facebook-other ul li a
{
    color: white;
    font-weight: 400;
    text-decoration: none;
    font-size: 16px;
}

.login-with-facebook-other ul li a i
{
    color: #3b5998;
    padding: 5px 8px;
    font-size: 12px;
    border-radius: 50px;
    background: white;
}

.login-with-facebook-other ul li a span
{
    display: block;
    font-size: 10px;
    color: white;
    font-weight: 300;
} 
.or
{
    text-align: center;
}
.or p
{
    font-size: 16px;
    font-weight: 600;
    color: black;
}

.save-btn
{
    background-color: #317d90;
    border: 1px solid #317d90;
    padding: 8px 15px;
    font-weight: 600;
    border-radius: 0px;
    cursor: pointer;
    width: 100%;
    font-size: 16px;
    color: white;
}
.save-btn-about
{
    background-color: #317d90;
    border: 1px solid #317d90;
    padding: 8px 15px;
    font-weight: 600;
    border-radius: 0px;
    cursor: pointer;
    width: 99%;
    font-size: 16px;
    color: white;
}
.save-change-btn .delete-btn
{
    background-color: #ca4343;
    border: 1px solid #ca4343;
    padding: 8px 15px;
    font-weight: 600;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    color: white;
}
.my-details-tab .select2-container
{
    width: 100%;
    padding: 10px 0;
}
.my-details-tab .select2-container .select2-choice {
    display: block;
    height: auto;
    padding: 10px 20px;
    overflow: hidden;
    position: relative;
    border: 1px solid #ffffff;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;
    border-radius: 4px;
    background-clip: padding-box;
    background-color: #fff;
    background-image: none;
}
.select_dropdown_name label
{
    padding-top: 10px;
    font-size: 16px;
}
.on-off-button ul li
{
    list-style: none;
}

.on-off-button ul li h5
{
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #653f8f;
}
.on-of-btn
{
    width: 65px;
    height: auto;
    position: relative;
    margin: 0 auto;
    display: block;
}
.on-of-btn label
{
    position: absolute;
    display: block;
    width: 100%;
    left: 0px;
    top: 0;    
    transition: 0.3s;
    margin: 0;
    height: 28px;
    overflow: hidden;
    background-color: #bdc1c8;
    border-radius: 50px;
}
.on-of-btn label::before
{
    width: 20px;
    height: 20px;
    background-color: #fff;
    position: absolute;
    left: 0px;
    top: 0px;
    content: '';
    border-radius: 50px;
    margin-top: 4px;    
    transition: 0.3s;
    margin-left: 5px;
}
.on-of-btn input[type="checkbox"]
{
    opacity: 0;
    position: relative;
    z-index: 99;
    cursor: pointer;
    width: 100%;    
    transition: 0.3s;
    height: 100%;
}

.on-of-btn input[type="checkbox"]:checked + label::before
{
    margin-left: 41px; 
    background-color: #fff;
    transition: 0.3s;
}

.on-of-btn input[type="checkbox"]:checked + label
{
    /* background-color: #fa970a; */
    transition: 0.3s;
    background-image: url('https://image.freepik.com/free-vector/texture-military-camouflage-repeats-seamless-army-green-hunting_152319-29.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.on-of-btn-profile input[type="checkbox"]:checked + label
{
    background-image: none;
    background-color: green;
    transition: 0.3s;
}
.user-leftside-details ul
{
    margin: 0px 0;
}
.user-leftside-details ul li
{   
    list-style: none;
    font-size: 20px;
    font-weight: 400;
    padding: 19px 0;
}
.user-leftside-details ul li i
{
    color: #54cfde;
    padding: 0px 30px;
}
.user-leftside-details img
{
    width: 27px;
}
.three-point
{
    padding: 20px 0;
}
.three-point i
{
    font-size: 32px;
    color: #fb980a;
    padding: 10px 0;
}
/* latest member page css */
.full-page-bg
{
    width: 100%;
    position: relative;
    overflow: hidden;
    height: auto;
    box-shadow: none;
    padding-top: 316px;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}
.full-page-bg::before
{
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color: #ffffffd6;
    content: '';
    position: absolute;
}
.member-bg-box
{
    width: 100%;
    height: auto;
    padding: 15px;
    border-radius: 0px;
}
.member-boxs
{
    width: 100%;
    height: 400px;
    padding: 10px 0;
    margin: 0 auto;
    border-radius: 4px;
}
.member-boxs ul
{
    position: relative;   
}
.member-boxs ul li
{
    list-style: none;
    display: inline-block;
}
.member-boxs ul li:nth-child(1)
{
    position: relative;
    left: 16px;
    animation: swing ease-in-out 1s infinite alternate;
    top: 83px;
}
@keyframes swing
{
    0% { transform: translate(0px, 0px); }
    100% { transform: translate(5px, 0); }
} 
.member-boxs ul li:nth-child(2)
{
    position: relative;
    left: 24px;
    animation: swing_two ease-in-out 1s infinite alternate;
    top: 196px;
}
@keyframes swing_two
{
    0% { transform: translate(0px, -5px); }
    100% { transform: translate(0px, 5px); }
} 
.member-boxs ul li:nth-child(3)
{
    position: relative;
    left: 7px;
    animation: swing_three ease-in-out 1s infinite alternate;
    top: 25px;
}
@keyframes swing_three
{
    0% { transform: translate(0px, 0px); }
    100% { transform: translate(-5px, 0); }
}
.member-boxs ul li:nth-child(4)
{
    position: relative;
    left: 7px;
    animation: swing_four ease-in-out 1s infinite alternate;
    top: 160px;
}
@keyframes swing_four
{
    0% { transform: translate(0px, 5px); }
    100% { transform: translate(5px, 0); }
}
.member-boxs ul li:nth-child(5)
{
    position: relative;
    left: 36px;
    animation: swing_five ease-in-out 1s infinite alternate;
    top: 70px;
}
@keyframes swing_five
{
    0% { transform: translate(5px, 0px); }
    100% { transform: translate(0px, 5px); }
}
.member-boxs ul li:nth-child(6)
{
    position: relative;
    left: 44px;
    top: 212px;
    animation: swing_six ease-in-out 1s infinite alternate;
}
@keyframes swing_six
{
    0% { transform: translate(0px, -5px); }
    100% { transform: translate(5px, 0); }
}
.member-boxs ul li:nth-child(7)
{
    position: relative;
    left: 38px;
    animation: swing_seven ease-in-out 1s infinite alternate;
    top: 28px;
}
@keyframes swing_seven
{
    0% { transform: translate(-5px, 0px); }
    100% { transform: translate(5px, 0); }
}

.member-boxs-details
{
    padding-top: 10px;
}
.member-boxs .member-boxs-img img
{
    width: 90px;
}
.member-boxs .member-boxs-details span
{
    font-size: 18px;
    font-weight: 400;
    padding-right: 8px;
}
.member-boxs .member-boxs-details img
{
    width: 30px;
    margin: 0px 5px 0;
}
.member-boxs .member-boxs-details p
{
    background-color: #653f8f;
    display: block;
    width: 30%;
    margin: 8px auto;
    color: white;
    padding: 3px 10px;
    text-align: center;
    border-radius: 30px;
    font-size: 14px;
} 

.inner_box_iti textarea
{
    border: 1px solid #cccccc;
    border-radius: 4px;
}
/* upcoming trips page css */
.one_slide
{
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    padding: 10px;
    position: relative;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12) 
}
.trip_descrition_box p
{
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.5px;
    color: #4e4e4e;
}
.trip_descrition_box a
{
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #653f8f;
}
.close_modal_pop
{
    position: absolute;
    right: -34px;
    font-size: 25px;
    top: 0;
    background-color: white!important;
    opacity: 1;
    padding: 0px 6px!important;
    box-shadow: none;
    border-radius: 51px;
}
.double-row-slider
{
    padding-bottom: 30px;
}
.double-row-slider .owl-carousel .owl-item img
{
    width: 100px;
    margin: 0 auto;
    display: block;
}
.double-row-slider .owl-carousel .owl-item .country-flag-details img
{
    width: 31px;
    margin: 0px 8px 0 0px;
}

.double-row-slider .owl-carousel .owl-item .country-flag-details span
{
    font-size: 18px;
    color: #653f8f;
    display: block;
    padding-top: 5px;
    font-weight: 600;
}
.double-row-slider .owl-carousel .owl-item .country-flag-details p
{
    background-color: #653f8f;
    display: inline;
    width: auto;
    margin: 0 auto;
    color: white;
    border-radius: 14px;
    padding: 1px 8px;
}
.img-slide-content .slide-name h4
{
    font-size: 30px;
    font-weight: 800;
    color: #ffffff;
    margin: 0;
}
.img-slide-content .slide-name span
{
      color: #317d90;
    display: block;
    padding: 3px 0;
    font-weight: 500;
    letter-spacing: 0.5px;
}
.img-side img
{
    margin: 0 auto;
    display: block;
}
.img-side .country-flag-details .profile_flag_height{
    height: 25px;
    width: auto;
}
.img-slide-content .slide-name i
{
    background-color: #fa980d;
    padding: 10px 8px;
    height: auto;
    width: 50px;
    border-radius: 2px;
    color: white;
    margin: 3px 13px;
}
.img-slide-content .slide-name .btn
{
    background-color: #653f8f;
    line-height: normal;
    border-radius: 2px;
    color: white;
}
.img-slide-dates ul li
{
    display: inline-block;
    list-style: none;
    padding-right: 2px;
    font-weight: 400;
    font-size: 20px;
}
.bell-icon-notification
{
    padding: 0 0px 0 30px;
}
.eye-noti img
{
    width: 40px;
}
.profile_pic_round img
{
    width: 40px;
}
.partner_btn .btn
{
    list-style: none;
    background-color: #317d90;
    width: auto;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 0;
    padding: 8px 18px;
    margin: 0px 0;
    color: white;
}
.partner_btn button:focus
{
    box-shadow: none;
    outline: none;
}
.partner_btn button
{
    background-color: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
}
.by-name-trip h4
{
    font-size: 22px;
    margin: 0;
    font-weight: 600;
    padding: 6px 0;
}
.super_bell
{
    position: absolute;
    font-size: 13px;
    padding: 3px 10px;
    background: #317d90;
    color: white;
    border-radius: 50px;
    right: 0px;
    top: -12px;
}
.partner_btn .dropdown-menu
{
    padding: 0;
    border-radius: 0;
    border: none;
    top: 74px;
    background-color: transparent;
    left: -160px;
    width: 240px;
}
.img_dob{
        height: 31px;
    width: 44px;
}
.partner_btn .dropdown-item::before
{
    position: absolute;
    content: '';
    right: 40px;
    top: -18px;
    border-bottom: 20px solid #317d90;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
}
.partner_btn .dropdown-menu p
{
    background-color: #317d90;
    text-align: center;
    margin-bottom: 6px;
    padding: 8px;
    font-size: 18px;
    font-weight: 300;
    color: white;
    letter-spacing: 0.5px;
}
.partner_btn .dropdown-menu .dropdown-item:last-child
{
    border-bottom: none;    
}
.partner_btn .dropdown-item 
{
    padding: 10px 20px;
    border-bottom: 1px solid rgba(0,0,0,.15);
    background: white;
}
.partner_btn .dropdown-item:hover
{
    background-color: #317d90;
    color: white;
}
.by-name-trip h4 span
{
    font-weight: 400;
    display: inline;
}
.by-name-trip h4 a
{
    color: #ffffff;
    text-decoration: underline;
}
.by-name-trip span
{
    font-weight: 400;
    font-size: 20px;
    padding: 8px 0px;
    display: block;
}
.last-row-four-step ul 
{
    padding: 0;
    margin: 20px 0;   
}
.img-slide-content .last-row-four-step ul li
{
    list-style: none;
    width: 100%;
    font-weight: 600;
    font-size: 18px;
    padding: 3px 0px;
}
.img-slide-content .last-row-four-step ul li .no-gaps
{
	padding: 0;
}
.img-slide-content .last-row-four-step ul li span
{
    padding: 0px 0;
    color: #f89509;
}
.double-row-slider .owl-carousel .owl-nav button.owl-next, .latest-slider.owl-carousel .owl-nav button.owl-prev, .latest-slider.owl-carousel button.owl-dot {
    background: #653f8f;
    padding: 0px 14px;
    color: white;
    font-size: 25px;
    line-height: normal;
}
.double-row-slider .owl-carousel .owl-nav button.owl-prev, .latest-slider.owl-carousel .owl-nav button.owl-next, .latest-slider.owl-carousel button.owl-dot {
    background: #653f8f;
    padding: 0px 14px;
    color: white;
    font-size: 25px;
    line-height: normal;
}

/* lightbox gallery css */
.cont {
    text-align: center;
}

.page-head {
    padding: 60px 0;
    text-align: center;
}

.page-head .lead {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 50px;
    margin-top: 0;
}

.page-head h1 {
    font-size: 42px;
    margin: 0 0 20px;
    color: #FFF;
    position: relative;
    display: inline-block;
}

.page-head h1 .version {
    bottom: 0;
    color: #ddd;
    font-size: 11px;
    font-style: italic;
    position: absolute;
    width: 58px;
    right: -58px;
}

.demo-gallery > ul {
    margin: 0;
    padding: 0px;
}

.demo-gallery > ul > li {
    width: 49%;
    display: inline-block;
    list-style: outside none none;
}

.demo-gallery > ul > li a {
    border: 3px solid #FFF;
    border-radius: 3px;
    display: block;
    overflow: hidden;
    position: relative;
    float: left;
}

.demo-gallery > ul > li a > img {
    -webkit-transition: -webkit-transform 0.15s ease 0s;
    -moz-transition: -moz-transform 0.15s ease 0s;
    -o-transition: -o-transform 0.15s ease 0s;
    transition: transform 0.15s ease 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    height: 100%;
    width: 100%;
}

.demo-gallery > ul > li a:hover > img {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}

.demo-gallery > ul > li a:hover .demo-gallery-poster > img {
    opacity: 1;
}

.demo-gallery > ul > li a .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.1);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color 0.15s ease 0s;
    -o-transition: background-color 0.15s ease 0s;
    transition: background-color 0.15s ease 0s;
}

.demo-gallery > ul > li a .demo-gallery-poster > img {
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
}

.demo-gallery > ul > li a:hover .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.5);
}

.demo-gallery .justified-gallery > a > img {
    -webkit-transition: -webkit-transform 0.15s ease 0s;
    -moz-transition: -moz-transform 0.15s ease 0s;
    -o-transition: -o-transform 0.15s ease 0s;
    transition: transform 0.15s ease 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    height: 100%;
    width: 100%;
}

.demo-gallery .justified-gallery > a:hover > img {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
    opacity: 1;
}

.demo-gallery .justified-gallery > a .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.1);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color 0.15s ease 0s;
    -o-transition: background-color 0.15s ease 0s;
    transition: background-color 0.15s ease 0s;
}

.demo-gallery .justified-gallery > a .demo-gallery-poster > img {
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
}

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.5);
}

.demo-gallery .video .demo-gallery-poster img {
    height: 48px;
    margin-left: -24px;
    margin-top: -24px;
    opacity: 0.8;
    width: 48px;
}

.demo-gallery.dark > ul > li a {
    border: 3px solid #04070a;
}
.profile-height-scroll
{
    height: 570px;
    overflow-y: scroll;
    overflow-x: hidden;
}

/* profile ratting css */
.stars h5
{
    margin: 0;
    color: #317d90;
    font-size: 18px;
    padding-bottom: 0px;
}
.star 
{
    color: #fa9709;
    font-size: 23px;
    padding: 5px 3px 0 0;
}



.help-block {
    font-size: 14px;
    color: red;
}

/* new trips page css */
.new-trip-list h3
{
    color: #653f8f;
    font-size: 35px;
    position: relative;
    font-weight: 700;
    padding-top: 250px;
}
.new-trip-list p
{
position: relative;
    color: #317d90;
    padding: 15px 100px 0;
    margin: 0;
    text-align: center;
    font-size: 19px;
    font-weight: 500;
}
.custom-tabs 
{
    width: 100%;
    height: auto;
    padding: 0px;
    display: inline-block;
    margin: -36px 0 50px;
}
.custom-tabs .custom-tabs-four
{
    list-style: none;
    border: 4px solid #317d90;
    width: 100%;
    background: #317d90;
    padding: 15px 0px;
    text-align: center;
}
.custom-tabs .custom-tabs-active
{
    background-color: #fa9709;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}
.custom-tabs .custom-tabs-four a
{
    color: white;
    font-weight: 800;
    font-size: 24px;
}
/* .label-main-div .main-label
{
    font-weight: 600;
    font-size: 24px;
    color: black;
} */
.trip-booking-form
{
    margin-top: 45px;
}

.label-div-date label,
.label-div label
{
    font-weight: 400;
    font-size: 20px;
    color: black;
}
/* .label-div .chosen-container-multi .chosen-choices 
{
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 5px 10px;
    width: calc(100% - 0px);
    height: auto;
    border: 1px solid #317d90;
    background-color: #fff0;
    background-image: none;
    border-radius: 5px;
} */
.chosen-choices::before
{
    position: absolute;
    right: 5px;
    top: 11px;
    font-size: 10px;
    content: '\f078';
    font-family: FontAwesome;
}

.label-div .chosen-container-multi .chosen-choices li.search-field input[type=text] 
{
    font-size: 21px;
    color: black;
}
.label-div .form-control
{
    position: relative;
    overflow: hidden;
    margin: 0;    
    font-size: 20px;
    font-weight: 500;
    color: black;
    padding: 5px 10px;
    width: 100%;
    height: auto;
    border-radius: 0px;
    border: 1px solid #000;
    background-color: transparent;
}
.label-div-date .form-control
{
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 5px 10px;
    color: black;
    width: 65%;
    height: auto;
    font-weight: 500;
    border-radius: 0px;
    border: 1px solid #000;
    background-color: #fff;
}
.label-div input[type="checkbox"]
{
    margin-top: 10px;
}
.find-area
{
    width: 100%;
    height: auto;
    background-color: #fafafa;
    padding: 50px 0; 
}

/* meet locals page css */
.col-six-side
{
    width: 100%;
    height: 100%;
    background-color: white;
    padding: 10px; 

}
.icon-and-img ul li
{
    display: block;
    list-style: none;
    text-align: center;
}
.icon-and-img ul .co_profile_img
{
    width: 70px;
    margin: 0 auto;
    display: block;
}
.icon-and-img ul .co_national_flag
{
    width: 30px;
    margin: 6px auto 0;
    display: block;
}

.icon-and-img ul li a i
{
    background-color: #fa9709;
    padding: 15px 12px;
    border-radius: 50%;
    text-align: center;
    font-size: 17px;
    color: #ffffff;
    line-height: 0;
    margin-top: 5px;
}
.icon-and-img ul li a img
{
    width: 90px;
}
.traveler-star ul
{
    padding: 0;
    padding-top: 10px;
}
.traveler-star ul li
{
    list-style: none;
    display: inline-block;
}
.invite_trlr .btn
{
    width: 100%;
    background-color: #fa9709;
    padding: 6px 6px;
    color: white;
    border-radius: 0;
    font-size: 14px;
    margin: 13px auto 0;
    display: block;
}
.invited_person .btn
{
    background-color: #653f8fc4;
}
.name-and-age h3
{
    font-weight: 700;
    font-size: 24px;
}

.name-and-age h3 a
{
    color: #317d90;
    font-size: 16px;
}
.new_trp_age
{
    font-weight: 600;
    font-size: 23px;
    color: #653f8f;
    margin-top: -5px;
    text-align: center;
    display: block;
}
.new_trp_gender i
{
    color: #fa9709;
    transform: translateY(-1px);
    font-weight: 700;
    border-radius: 5px;
    display: block;
    font-size: 25px;
}
.inde_flag_img
{
    width: 28px;
}
.detail-button a
{
    background-color: #317d90;
    width: 100%;
    display: block;
    text-align: center;
    color: white;
    font-weight: 500;
    padding: 10px;
    border-radius: 1px;
}
.img-slide-content .ten_icon_img ul li
{
    list-style: none;
    display: inline-block;
    padding: 0 6px 0 0;
}
.img-slide-content .ten_icon_img ul li img
{
    width: 60px;
    display: block;
    margin: 6px auto;
}

/* about page css */
.bg_chnage_clr
{
  padding: 20px;
  background: #317d90;
}
.bg_chnage_clr .nav-link
{
    padding: 4px 16px;
    border-radius: 90px;
    margin: 0 10px 15px;
}
.bg_chnage_clr .nav-tabs 
{
    border: none;
    background: #317d90;
    padding: 10px;
    display: flex;
    justify-content: center;
}
.bg_chnage_clr .nav-tabs .nav-link
{
    border: 1px solid #317d90;
    background: #f1f1f1c7;
    color: #317d90;
}
.bg_chnage_clr .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: #fa9709;
    border-color: #fa9709;
    box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
}
.about-section-details
{
    width: 100%;
    height: auto;
    padding: 0px;
    margin: 0 auto 30px;
}
.coll_item_list ul li
{
    list-style: none;
    background: #fbfbfb;
    border-bottom: 0.5px solid #eaeaea;
    border-right: 0.5px solid #eaeaea;
}
.coll_item_list .btn 
{
    color: #000000;
}
.left-side-about button
{
    color: #fa9709;
    font-size: 18px;
    font-weight: 500;   
}
.left-side-about 
{
    background: #317d90;
}
.coll_item_list ul li a
{
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    padding: 14px 20px;
    display: block;
}
.about-right-content
{
  width: 80%;
  height: auto;
  margin: 0 auto;
}
.about-right-content h3
{
    color: #fa9709;
    font-size: 30px;
    text-align: center;
    letter-spacing: 0.5px;
    margin: 0;
    font-weight: 700;
    padding: 40px 0 10px;
}
.about-right-content h4
{
    color: #fff;
    font-weight: 300;
    font-size: 24px;
    line-height: 39px;
}
/* .about-right-content p
{
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    margin: 0;
    padding: 10px 0;
} */
.about-right-content h5
{
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    margin: 0;
    padding: 20px 0;    
}
.step-one-mobile
{
    width: 100%;
    height: 360px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url('https://www.couchsurfing.com/about/images/host-bg.jpg');
    background-position: top;
    margin-top: 24px;
}
.footer_link_anchor_tag a
{
    color: white;
    font-weight: 300;
    padding: 10px 20px 0 0;
    font-size: 12px;
    display: inline-block;
}
.mobile-tab-content img
{
    padding-top: 75px;
}
.mobile-tab-content h4
{
    color: #653f8f;
    font-weight: 600;
    font-size: 28px;
}
.mobile-tab-content p
{
    color: #317d90;
    font-weight: 500;
}
.about-right-content span
{
    font-size: 18px;
    font-weight: 500;
    color: #fff;
}
.about-right-content span a
{
    color: #fa9709;
    font-weight: 500;
    font-size: 20px;
}
.about-right-content a
{
    color: #fa9709;
}
.basic_content h6
{
  color: #fa9709;
  font-size: 24px;
}
.basic_content p
{
    font-size: 16px;
    color: white;
    font-weight: 300;
}
.basic_content ul li
{
  color: white;
  font-size: 16px;
  line-height: 40px;
  font-weight: 300;
}
.only_p_style h5
{
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    letter-spacing: 0.5px;
}
.only_p_style p
{
   color: #d2d2d2; 
}
.six-icon-copy ul li
{
    display: inline-block;
    list-style: none;
}
.six-icon-copy p
{
  color: white;
}
.three_vector img
{
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 220px;
    object-fit: contain;
}
.three_vector h3
{
color: #fff;
    font-size: 22px;
    text-align: center;
      padding: 21px 0 11px;
    margin: 0;
}
.three_vector p
{
    font-size: 18px;
    text-align: center;
    color: #fff;
    padding: 0px 2px 30px;
}
.read_values_btn .btn
{
    background-color: #fa9709;
    color: white;
}
.button_line
{
    width: 40%;
    margin: 10px auto;
    display: block;
    height: 0.1px;
    background-color: #fff;
}
.our_Story_heading h2
{
font-size: 32px;
    text-align: center;
    color: #fa9709;
    padding: 25px 0 0;
    font-weight: 700;
    margin: 0;
}
.full_screen_img img
{
    width: 100%;
}
.our_Story_heading h4
{
    padding: 20px 30px;
}
.count_img img 
{
    width: 60%;
    margin: 30px auto;
    display: block;
}
.bg_copy_img
{
    width: 100%;
    height: auto;
}
.public_user_profile_base
{
    width: 100%;
    height: auto;
    border: 2px solid #653f8f;
    background: #f1f1f1;
    margin: 3px 0;
}
.base_heading
{
    width: 100%;
    height: auto;
    background-color: #653f8f;
    padding: 15px 0;
}
.base_heading h3
{
    margin: 0;
    font-size: 30px;
    color: white;
}
.public_user_profile
{
    padding: 0 20px;
}
.public_user_profile ul li
{
    list-style: none;
    float: left;
    padding: 10px 0px;
    clear: inherit;
}
.public_user_profile ul li img
{
    width: 45px;
}

.public_user_profile ul li:nth-child(odd)
{
    font-size: 18px;
    clear: both;
    width: 50%;
    color: #653f8f;
}
.public_user_profile ul li:nth-child(odd) span
{
    padding-right: 20px;
    float: right;
}
.public_user_profile ul li:nth-child(even)
{
    font-size: 18px;
    width: 50%;
    color: #317d90;
}

/* blog page css */
.blog_section
{
    height: auto;
    width: 94%;
    position: relative;
    margin: 0 auto;
}
.like_blog_gaping
{
    height: auto;
    width: 94%;
    position: relative;
    margin: 0 auto; 
}
#blog_slider .item img
{
    width: 100%;
    height: 450px;
    object-fit: cover;
}
.slider_heading
{
    width: 100%;
    height: auto;
    padding: 15px;
    background-color: #317d90;
}
.slider_heading h3
{
    margin: 0;
    font-size: 19px;
    color: white;
    border-left: 3px solid #fa9709;
    padding-left: 15px;
    font-weight: 400;
    letter-spacing: 0.5px;
}
.similar_trip_heading
{
    background-color: #fa980d;  
}
.similar_trip_heading h3
{
    border-left: 3px solid #653f8f; 
}
.blog_section .owl-nav
{
    right: 8px;
    top: -58px;
    position: absolute;
}
.blog_section .owl-nav button:focus
{
    box-shadow: none;
    border: none;
    outline-color: transparent;
}
.blog_section .owl-carousel .owl-nav button.owl-next, 
.blog_section .owl-carousel .owl-nav button.owl-prev,
.blog_section .owl-carousel button.owl-dot 
{
    color: white;
    border: none;
    padding: 4px 16px;
    font: inherit;
    background: #fa9709;
}

.similar_section .owl-carousel .owl-nav button.owl-next, 
.similar_section .owl-carousel .owl-nav button.owl-prev,
.similar_section .owl-carousel button.owl-dot 
{
    color: white;
    border: none;
    padding: 4px 16px;
    font: inherit;
    background: #653f8f;
}
.blog_section .owl-slider-caption-blog
{
    position: absolute;
    left: 20px;
    bottom: 20px;
}

.blog_section .owl-slider-caption-blog p a
{
    background-color: #664190;
    color: white;
    font-size: 16px;
    font-weight: 300;
    padding: 2px 8px;
    letter-spacing: 0.5px;
}
.blog_section .owl-slider-caption-blog h4 a
{
    color: white;
    padding: 6px 0 0;
    display: block;
    font-size: 30px;
    font-weight: 600;
}
.blog_section .owl-slider-caption-blog span a
{
    color: white;
    font-weight: 200;
    font-size: 16px;
    letter-spacing: 0.5px;
}
.right_side_blog_img
{
    width: 100%;
    height: 215px;
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;
    margin-bottom: 20px;
    background-position: top;
    overflow: hidden;
    background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQGgiMcL9d29k-i0VtutHIg-smr8UoxtStSX8BXMzSyB5SXmCuN');
}
.right_side_blog_img::before
{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #0000004a;
    left: 0px;
    top: 0px;
}
.blog_section .owl-slider-right-caption-blog
{
    position: relative;
    left: 20px;
    top: 115px;
}

.blog_section .owl-slider-right-caption-blog p a
{
    background-color: #664190;
    color: white;
    font-size: 16px;
    font-weight: 300;
    padding: 2px 8px;
    letter-spacing: 0.5px;
}
.blog_section .owl-slider-right-caption-blog h4 a
{
    color: white;
    padding: 6px 0 0;
    display: block;
    font-size: 22px;
    font-weight: 600;
}
.blog_section .owl-slider-right-caption-blog span a
{
    color: white;
    font-weight: 200;
    font-size: 16px;
    letter-spacing: 0.5px;
}
.multiple_slider .item
{
    position: relative;
    overflow: hidden;
}
.multiple_slider .item::before
{
    position: absolute;
    left: 0px;
    top: 9px;
    content: '';
    width: 100%;
    height: 94%;
    background-color: #000000ad;
    transition: 0.3s;
}
.multiple_slider .item img 
{
    display: block;
    width: 100%;
    margin: 9px 0;
    height: 280px;
    object-fit: cover;
}
.multiple_slider .item:hover::before
{
    opacity: 0;
    transition: 0.3s;
}
.multiple_slider .item:hover .owl-slider-caption-blog
{
    transition: 0.3s;
    opacity: 0;
}

.multiple_slider .owl-slider-caption-blog
{
    transition: 0.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.multiple_slider .owl-slider-caption-blog img
{
    width: auto;
    height: auto;
    margin: 0 auto;
}
.multiple_slider .owl-slider-caption-blog h2
{
    color: white;
}
.blog_section .multiple_slider p a
{
    background-color: #664190;
    color: white;
    font-size: 16px;
    font-weight: 300;
    padding: 2px 8px;
    letter-spacing: 0.5px;
}
.blog_section .multiple_slider h4 a
{
    color: white;
    padding: 6px 0 0;
    display: block;
    font-size: 22px;
    font-weight: 600;
}
.blog_section .multiple_slider span a
{
    color: white;
    font-weight: 200;
    font-size: 16px;
    letter-spacing: 0.5px;
}

.cate_blog_box img
{
    width: 100%;
    margin: 25px auto 0;
    display: block;
}
.cate_blog_box_content
{
    width: 90%;
    height: auto;
    margin: -50px auto 0;
    position: relative;
    padding: 15px;
    z-index: 9;
    background-color: white;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}
.cate_blog_box_content h3 a
{
    letter-spacing: 0.5px;
    text-align: center;
    display: block;
    font-size: 28px;
    color: #317d90;
    font-weight: 600;
}
.cate_blog_box_content span
{
    color: #f58611;
    text-align: center;
    display: block;
    padding: 6px 0;
    font-size: 14px;
    letter-spacing: 0.5px;
    font-weight: 500;
}
.cate_blog_box_content span small
{
    color: #a9a9a9;
    font-size: 14px;
    display: inline-block;
    padding: 0px 6px;
    letter-spacing: 0.5px;
}
.cate_blog_box_content p
{
    font-size: 15px;
    text-align: center;
    font-weight: 300;
    margin: 0;
    color: #000000;
    letter-spacing: 0.5px;
}
.cate_blog_box_content .read_blog
{
    color: #5d2490;
    text-align: center;
    display: block;
    font-weight: 600;
    padding: 10px 0 0;
}
/* single blog page css */
.single_blog_section
{
    height: auto;
    width: 95%;
    position: relative;
    margin: 0 auto; 
}
.single_img_blog p
{
    color: #fa9709;
    letter-spacing: 0.5px;
    font-size: 14px;
    margin: 0;
    font-weight: 400;
    padding: 10px 0 4px;
}
.single_img_blog h3
{
    color: black;
    font-size: 32px;
    padding: 0px 0;
    font-weight: 500;
    margin: 0;
}
.single_img_blog .down-blog-content ul li
{
    list-style: none;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 0.5px;
    color: #909090;
}
.single_img_blog .down-blog-content ul li a
{
    color: #909090;
    font-weight: 400;
}
.single_img_blog .down-blog-content h4 
{
    padding: 16px 0 0;
    margin: 0;
    color: black;
    font-size: 24px;
    font-weight: 400
}
.single_img_blog .down-blog-content p
{
    color: #717171;
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
}
.top_side_gap
{
    margin-top: 104px;
}
.subscribe_form 
{
    background: #f2f4f5;
    margin-bottom: 30px;
}
.subscribe_form_heading
{
    padding: 10px;
    background-color: #317d90;
}
.subscribe_form_heading h4
{
    font-size: 20px;
    font-weight: 400;
    margin: 0;
    color: white;
    border-left: 3px solid #fa9709;
    padding-left: 15px;
}
.recent-cate p
{
    color: #717171;
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
}
.recent-cate span
{
    color: #317d90;
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;   
}
.subscribe_form button
{
    width: 100%;
    height: auto;
    padding: 8px 0;
    border-radius: 0px;
    letter-spacing: 0.5px;
    background: #fa9709;
    text-transform: uppercase;
    font-weight: 600;
    border: 1px solid #fa9709;
}
.img_details_content a
{
    font-weight: 700;
    font-size: 25px;
    color: #fa9709;
}
.value_main_img img
{
    width: 100%;
    height: 500px;
}
.bg-up-content
{
    width: 100%;
    height: auto;
    padding: 0px;
    margin: -154px 0 0;
    background-color: #ffffff;
}
.time_end_date_bg
{
    width: 100px;
    float: left;
}
.blog_c 
{
    padding: 30px 50px 20px 130px;
}
.blog_c p
{
    color: #717171;
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
}
.blog_c a
{
    color: #317d90;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.5px;
    display: block;
    padding-bottom: 10px;
}
.bg-up-content .time_end_date_bg ul li
{
    padding: 10px;
    list-style: none;
    text-align: center;
    font-weight: 400;
    letter-spacing: 0.5px;
    color: white;
}
.bg-up-content .time_end_date_bg ul li:first-child
{
    background-color: #5d2490;  
}
.bg-up-content .time_end_date_bg ul li:last-child
{
    background-color: #317d90;
}
.bg-up-content .time_end_date_bg ul li p i
{
    font-size: 40px;
}
.width_gap
{
    width: 70%;
    height: auto;
    margin: 40px auto 0;
    display: block;
}
.value_page_content h3
{
    font-size: 30px;
    color: #fa9709;
    padding: 0 0 20px;
    text-align: left;
    font-weight: 700;
}
.value_page_content p
{
    color:#d2d2d2;
    font-weight: 300;
    font-size: 19px;
    letter-spacing: 0.5px;
}
.values-text-icons img
{
    margin-top: 15px;
    width: 125px;
    margin-bottom: 40px;
}
.value_page_content ul li
{
    color: white;
    font-weight: 300;
    font-size: 16px;
}
.value_page_content .highlight_text
{
    font-size: 18px;
    color: black
}
.value_page_content .date_time
{
    color: black;
}
.strong_text
{
    color: black;   
}
.couch-box
{
    width: 100%;
    height: auto;
    padding: 15px;
    border: 2px solid #a7a7a7;
    background-color: #f2f4f5;
    border-radius: 4px;
}
.couch-box h5
{
    color: #317d90;
    font-weight: 600;
    font-size: 23px;
}   
.paper_text h5
{
    color: #fff;
    font-size: 25px;
    font-weight: 500;
    margin: 0;
    padding: 40px 0;
}
.get_in_touch_text a
{
    font-size: 23px;
    color: #fa9709;
    display: block;
    font-weight: 600;
}
.get_in_touch_text span
{
    color: white;
    font-size: 16px;
}
/* signup page */
.login_page 
{
    width: 100%;
    height: auto;
    background-size: cover;
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: top;
}
.login_page::before
{
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.7);
    position: absolute;
    left: 0px;
    top: 0px;
    content: '';
}
.backtohome a
{
    font-size: 22px;
    padding: 25px 55px;
    color: #653f8f;
    display: block;
    letter-spacing: 0.5px;
    font-weight: 600;
}

.backtohome a i
{
    color: #653f8f;
}
.signup_main_page img
{
    padding-top: 25px;
    width: 390px;
}
.signup_main_page h3
{
color: #317d90;
    margin: 0;
    padding: 20px 0 20px;
    font-weight: 600;
}
.facebook_link
{
    background-color: #3b5998;
    border-radius: 50px;
    list-style: none;
    padding: 4px 20px;
    margin: 0 auto;
    display: inline-block;
}
.facebook_link a
{
    color: white;
    font-weight: 400;
    text-decoration: none;
    font-size: 16px;
}
.facebook_link i
{
    color: #3b5998;
    padding: 5px 8px;
    font-size: 12px;
    border-radius: 50px;
    background: white;

}
.facebook_link span
{
    display: block;
    font-size: 10px;
    color: white;
    font-weight: 300;
}
.or-other-page p
{
    font-size: 22px;
    font-weight: 600;
    color: #317d90;
}
.custom_next_step_box ul li
{
    list-style: none;
    width: 15px;
    background-color: #545454;
    height: 15px;
    margin: 0 5px;
    display: inline-block;
}
.custom_next_step_box ul li.red_box_active
{
    background-color: #653f8f;
}
.signup_form_page .form-control:focus
{
    box-shadow: none;
    outline: none;
}
.signup_form_page ::placeholder
{
    color: #cacaca;
}
.signup_form_page .form-control
{
    width: 40%;
    margin: 0 auto;
    display: block;
    background-color: #525252;
    border: none;
    color: white;
    height: 45px;
    border-radius: 0px;
    padding: 10px 16px;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.5px;
}
.new_btn
{
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    padding: 8px;
    background-color: #fa9709;
    font-size: 15px;
    border: 1px solid #fa9709;
    color: white;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: 0px;
    font-weight: 700;
}
.signup_form_page .btn
{
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    width: 40%;
    padding: 8px;
    background-color: #fa9709;
    font-size: 15px;
    border: 1px solid #fa9709;
    color: white;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: 0px;
    font-weight: 700;
}
.signup_form_page p
{
    color: #317d90;
    font-size: 18px;
    font-weight: 500;
}
.gap_date
{
    width: 40%;
    margin: 0 auto;
}
.stylish_checkbox .form-check-input
{
    display: none;
}

.stylish_checkbox label
{
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    text-align: left;
    padding-left: 35px;
}
.stylish_checkbox label::before
{
    width: 20px;
    height: 20px;
    content: '';
    position: absolute;
    background-color: #ffffff;
    border: 1px solid #525252;
    left: 0px;
    top: 4px;
}
.stylish_checkbox label::after
{
    content: '\f00c';
    position: absolute;
    color: #525252;
    font-size: 14px;
    font-family: FontAwesome;
    left: 3px;
    top: 4px;
    opacity: 0;
}
.forgot_password
{
    padding: 297px 0;
}
.register_padding
{
    padding: 0px 0 214px;
}
.stylish_checkbox .form-check-input:checked + label::after
{
    opacity: 1;
}
.co-traveler-icons ul
{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.co-traveler-icons ul li img
{
    width: 40px;
    margin: 0 23px 6px 0;
    display: block;
}

.team-member
{
    width: 100%;
    background-color: white;
    border-radius: 4px;
    padding: 20px;
}
.team-member-img img
{
    padding: 10px;
    border: 1px solid #317d90;
    margin: 0 auto;
    display: block;
    width: 100%;
    height: 350px;
    object-fit: cover;
    object-position: top;
}
.team-member h3
{
    color: #317d90;
    padding: 10px 0;
    font-size: 22px;
}
.team-member span
{
    color: #653f8f;
    text-align: center;
    display: block;
}
.team-member p
{
    color: black;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
}
.contact-page-content h3
{   
    padding: 20px 0 4px;
    margin: 0;
    font-size: 25px;
    font-weight: 600;
}
.contact-page-content p
{    
    color: black;
    padding: 0;
    font-size: 18px;
}
.contact_form .form-control:focus
{
    box-shadow: none;
    outline: none; 
}
.contact_form label
{
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.5px;
}
.contact_form .form-control
{
    display: block;
    background-color: #525252;
    border: none;
    color: white;
    height: 45px;
    border-radius: 0px;
    padding: 10px 16px;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.5px;
}

/* start chat page css */

.full_page_bg_img
{
    background-color: #f2f4f5;;
    /*background-color: #147188;*/
    width: 100%;
    /*height: 100vh;*/
    height: 100%;
}
.top_bg_backhome
{
    width: 100%;
    height: auto;
    background-color: #e2e2e2;
    padding: 20px 0;
}
.seller_job_post 
{
    width: 100%;
    height: auto;
    padding: 16px;
    background-color: #f2f4f5;
    margin: 30px auto;
}

.chat_page_width
{
    width: 95%;
    margin: 4px 0 0;
}
.chat_bg_color
{
    background-color: #e2e2e2;
}
.all_chat_box_list {
    width: 100%;
    height: auto;
    /*background-color: #f8fdff;*/
    background-color: #f8fdff;
}
.all_chat_box_list h5 {
    font-size: 16px;
    color: white;
    margin: 0;
    background: #317d90;
    letter-spacing: 0.5px;
    padding: 10px 10px 10px;
}
.left_chat_box_list {
    width: 100%;
    height: 600px;
    background-color: white;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);
    border-radius: 4px;
    overflow-y: scroll;
    margin: 0 auto;
    overflow-x: auto;
}
.left_chat_box_list ul li {
    padding: 20px 4px;
    border-bottom: 0.5px solid #efefef;
    width: 98%;
    margin: 0 auto;
    cursor: pointer;
}

.about_me_height_select_option{
    height: 38px!important;
}
.gurm_class{
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #653f8f;
}


.left_chat_box_list::-webkit-scrollbar,
.chat_body_space::-webkit-scrollbar {
    width: 4px;
}

.left_chat_box_list::-webkit-scrollbar-track,
.chat_body_space::-webkit-scrollbar-track {
    background: #f8fdff;
}

.left_chat_box_list::-webkit-scrollbar-thumb,
.chat_body_space::-webkit-scrollbar-thumb {
    background: #888;
}

.left_chat_box_list::-webkit-scrollbar-thumb:hover,
.chat_body_space::-webkit-scrollbar-thumb:hover {
    background: #a4a7c7;
}
.chat_top_search_bar {
    position: relative;
    overflow: hidden;
}
.chat_top_search_bar .form-control {
    border-radius: 55px;
    width: 100%;
    background: #f3f9fb;
    padding: 6px 21px;
    position: relative;
    border: 1px solid #f8fdff;
    color: black;
}
.chat_top_search_bar i {
    position: absolute;
    right: 20px;
    top: 31px;
    cursor: pointer;
    color: #59899c;
}
.Chat_name {
    padding: 8px 10px 0px;
}
.chat_img img {
    width: 55px;
    border-radius: 100px;
}
.Chat_name h6 {
    margin: 0px;
    font-size: 15px;
    font-weight: 500;
}
.Chat_name h6 a
{
    color: black;
    text-decoration: none;
}
.Chat_name span {
    font-size: 13px;
    color: #1b9baa;
    padding-top: 6px;
    letter-spacing: 0.5px;
    font-weight: 500;
    display: -webkit-box;
    width: 175px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.Chat_name span small
{
    color: #fa9709;
    font-size: 12px;
    font-weight: 600;
}
.message_time span {
    color: #565656;
    font-size: 11px;
    padding-top: 10px;
    letter-spacing: 0.5px;
}
.right_chat_box_list {
   width: 100%;
    height: 548px;
    background-color: white;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);
    border-radius: 4px;
    margin: 0 auto 0px;
    position: relative;
    overflow: hidden;
}
.top_recent_chat_profile {
    width: 100%;
    padding: 8px 10px;
    height: auto;
    background-color: transparent;
    border-bottom: 0.5px solid #efefef;
    box-shadow: 0 0px 1px 0 rgb(248, 253, 255), 0 0px 12px 0 rgb(202, 240, 255);
}
.chat_body_space {
    padding: 10px;
    overflow: auto;
    margin: 0 auto;
    position: relative;
    height: 476px;
    background-color: #f8fdff;
    background-image: url('https://www.fullsail.edu/resources/wallpaper-file01/MediaIcons_1080x1920.jpg');
    background-repeat: no-repeat;
    background-position: center;
}
.chat_body_space li.right_msg_bubble {
    flex-direction: row-reverse;
}
.chat_body_space ul li {
    margin: 30px 0px;
    width: 100%;
    position: relative;
    display: flex;
}
.trip_info a i
{
    background-color: #fa9709;
    border-radius: 50px;
    padding: 4px 8px;
    color: white;
    font-size: 12px;
    margin: 15px 26px 0;
}
.right_msg_bubble .msg_bubble {
    background-color: #317d90;
    border-radius: 25px 25px 0px 25px;
}
.msg_bubble {
    max-width: 300px;
    height: auto;
    padding: 12px 16px;
}
.msg_bubble span {
    color: #020202;
    font-size: 13px;
    letter-spacing: 0.5px;
}
.right_msg_bubble img,
.left_msg_bubble img
{
    width: 45px;
    margin: 0 10px;
    height: 45px;
    object-fit: cover;
}
.right_msg_bubble .msg_bubble span,
.right_msg_bubble .msg_bubble small
{
    color: white;
}
.chat_time_show {
    font-size: 10px;
    float: right;
    padding-top: 6px;
    color: #4e4e4e;
    font-weight: 700;
    padding: 6px 0px 0px 9px;
    letter-spacing: 0.5px;
}
.left_msg_bubble .msg_bubble {
    background-color: #fff;
    border-radius: 25px 25px 25px 0px;
}
.bottom_chat_area {
    position: relative;
    overflow: hidden;
}
.bottom_chat_area {
    width: 100%;
    padding: 8px 10px;
    height: auto;
    background-color: transparent;
    border-bottom: 0.5px solid #efefef;
    box-shadow: 0 0px 1px 0 rgb(248, 253, 255), 0 0px 12px 0 rgb(202, 240, 255);
}
.type_area_fill .form-control {
    border-radius: 55px;
    width: 100%;
    letter-spacing: 0.5px;
    background: #97e5ff;
    padding: 8px 40px 8px 20px;
    font-size: 14px;
    height: 40px;
    resize: none;
    overflow-y: hidden;
    overflow-x: hidden;
    position: relative;
    border: 1px solid #f8fdff;
    color: black;
}
.paper-plane-icon {
    position: absolute;
    right: 30px;
    top: 1px;
    cursor: pointer;
    color: #ffffff;
}
.approved_nonapproved .right_msg {
    position: absolute;
    bottom: -25px;
    right: 14px;
    z-index: 9;
}
.approved_nonapproved .left_msg 
{
    position: absolute;
    bottom: -25px;
    left: 14px;
    z-index: 9;
}
.approved_nonapproved .left_msg a i,
.approved_nonapproved .right_msg a i 
{
    font-size: 18px;
    color: #fb9709;
}
.right_msg_bubble .user_approved_nonapproved 
{
    position: absolute;
    top: -19px;
    right: 22px;
    font-size: 14px;
    font-weight: 600;
    color: #fb9709;
}
.left_msg_bubble .user_approved_nonapproved 
{
    position: absolute;
    top: -19px;
    left: 22px;
    font-size: 14px;
    font-weight: 600;
    color: #fb9709;
}
/* end chat page css */

/* blog categories page css */
.blog-categories ul
{
    padding-left: 0px;
}
.blog-categories ul li
{
    padding: 10px 15px;
    border: 1px solid #317d90;
    margin: 25px 0;
    list-style: none;
    width: 85%;
    transition: 0.5s;
}
.blog-categories ul li.li_active_bg
{
    width: 100%;
    background-color: #317d90;
    transition: 0.5s;
}
.blog-categories ul li:hover
{
    transition: 0.5s;
    background-color: #317d90;  
    width: 100%;
}
.blog-categories ul li a
{
    color: #317d90;
    font-size: 26px;
    letter-spacing: 0.5px;
    font-weight: 400;
    transition: 0.5s;
}
.blog-categories ul li a.a_active_f
{   
    color: white;
    font-size: 26px;
    font-weight: 500;
    letter-spacing: 0.5px;
    transition: 0.5s;
}
.blog-categories ul li:hover a.a_active_f
{
    padding-left: 0px;
    letter-spacing: 0.5px;
}
.blog-categories ul li:hover a
{
    transition: 0.5s;
    color: white;
    font-size: 26px;
    padding-left: 15px;
    text-decoration: none;
    letter-spacing: 0.8px;
    font-weight: 500;   
}

/* write for us page css */
.write-us-page 
{
    padding: 20px 0;
}
.write-us-page h3
{
    margin-bottom: 4px;
}
.blog_form
{
    background-color: #f2f4f5;
    padding: 15px;
}
.blog_form .btn
{
    width: 100%;
    height: auto;
    color: white;
    margin: 0 auto;
    display: block;
    border: 1px solid #fa9709;
    background-color: #fa9709;
    cursor: pointer;
}

/* setting page css */
.profile_settings_height
{
    height: 690px;
    overflow-y: scroll;
}
.plan_box ul li
{
    padding: 8px 0px;
    list-style: none;
}
.plan_box ul li img
{
    width: 26px;
}

.bidding_img img
{
    width: 100px;
    position: absolute;
    right: 22px;
    top: 0;
}

/* age range slider css */

.ui-slider .ui-btn-inner {
    padding: 4px 0 0 0 !important;
}
 
.ui-slider-popup {
    position: absolute !important;
    width: 64px;
    height: 64px;
    text-align: center;
    font-size: 36px;
    padding-top: 14px;
    z-index: 100;
    opacity: 0.8;
}

/* camouflage page css */

.camouflage_page
{
    width: 100%;
    height: auto;
    background-image: url('https://i.dailymail.co.uk/i/pix/2015/09/01/15/2BE00E9000000578-3218366-image-a-40_1441116030180.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    background-position: top;
}
.camouflage_page::before
{
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0;
    content: '';
    position: absolute;
    background-color: rgba(255,255,255,0.7); 
}
.camouflage_content
{
    width: 40%;
    margin: 200px auto 50px;
    height: auto;
    padding: 35px;
    background-color: white;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}
.camouflage_content h3
{
    color: #5d2490;
    font-size: 30px;
    font-weight: 700;
}
.camouflage_content span
{
    color: #4c4c4c;
    text-align: center;
    display: block;
    font-size: 18px;
    padding: 10px 0 2px;
    font-weight: 500;
}
.relationship_chosen 
{
    width: 100%!important;
}
.camouflage_content p
{
    color: #317d90;
    font-size: 19px;
    font-weight: 700;
    text-align: center;
    margin: 0;
    padding: 15px 0;
}
.camouflage_content .list_item_msg ul li
{
    list-style: none;
    padding: 8px 0;
    font-size: 15px;
    font-weight: 400;
    color: #4c4c4c;
}
.camouflage_content .list_item_msg ul li img
{
    width: 25px;    
}

.stylish_radio_btn input[type="radio"]
{
    display: none;
}
.stylish_radio_btn label
{
    display: block;
    position: relative;
    cursor: pointer;
}
.stylish_radio_btn label::before
{
    position: absolute;
    left: -20px;
    top: 5px;
    width: 15px;
    height: 15px;
    background-color: #317d90;
    content: '';
    border-radius: 50px;
    transition: 0.2s;
}
.stylish_radio_btn label::after
{
    position: absolute;
    left: -17px;
    top: 8px;
    width: 9px;
    height: 9px;
    background-color: white;
    content: '';
    opacity: 1;
    border-radius: 50px;
    transition: 0.2s;
}

.stylish_radio_btn input[type="radio"]:checked + label
{
    font-weight: 600;
}
.stylish_radio_btn input[type="radio"]:checked + label::before
{
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    transition: 0.2s;
}
.stylish_radio_btn input[type="radio"]:checked + label::after
{
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    opacity: 0;
    transition: 0.2s;
}

.camouflage_content h5
{
    color: #5d2490;
    margin: 0;
    padding-top: 20px;
    font-size: 16px;
    letter-spacing: 0.5px;
    font-weight: 600;
}
.pay_option_design 
{
    border: 1px solid #ccc8c8;
    padding: 0;
    margin: 10px 0 0;
    border-radius: 8px;
}
.pay_option_design li
{
    list-style: none;
    padding: 10px 15px;
}
.pay_option_design li a
{
    color: #484848;
    font-weight: 500;
    font-size: 16px;
    transition: 0.3s;
}
.pay_option_design li:hover a
{
    font-weight: 600;
    transition: 0.3s;
}
.pay_option_design li:first-child
{
    border-bottom: 1px solid #ccc8c8;
}
.pay_option_design li img
{
    width: 34px;
    margin-right: 15px;
}
.start-free-trial .btn
{
    background-color: #317d90;
    margin: 15px 0 0;
    color: white;
    padding: 8px 20px;
}
.camouflage_content .all-payment
{
    font-size: 14px;
    padding: 10px 0 0;
    font-weight: 500;
    color: #4c4c4c;
}
.camouflage_content .verified
{
    width: 80%;
    margin: 15px 0;
}
.camouflage_content .down_text
{
    font-size: 14px;
    color: #4c4c4c;
    font-weight: 300;
}
.menu_gap
{
    padding-top: 80px;
}

/* view profile page css */
.viewed-profile
{
    position: relative;
}
.viewed-profile i
{
    width: 50px;
    height: 50px;
    font-size: 22px;
    padding: 14px 0px;
    border-radius: 50px;
    background: #317d90;
    margin: 5px 0;
    color: white;
    transition: 0.3s;
}
.modal_popup_box
{
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}
.modal_popup-img ul li a img
{
    width: 60px;
}
.modal_popup-img ul li a i
{
    padding: 14px 11px;
    font-size: 16px;
}
.modal_popup_bn a,
.modal_popup_bn .btn
{
    padding: 5px;
}
.like_text:focus
{
    box-shadow: none;
    outline: none;
}
.like_text
{
    border: none;
    background-color: transparent;
    color: #5d2490;
    font-size: 14px;
    cursor: pointer;
    font-weight: 500;
    letter-spacing: 0.5px;
}
/* notificatioin page css */
.notification_bg
{
    width: 100%;
    height: auto;
    padding: 50px 0 20px;
    background-color: #e4e4e4;
}
.notification_list
{
    width: 100%;
    height: auto;
    background-color: white;
    border-radius: 4px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    padding: 10px;
    margin-bottom: 30px;
}
.notifi_profile_img img
{
    margin: 15px auto 0;
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    border: 3px solid #dd4b39;
    object-fit: cover;
}
.notifi_profile_name h3
{
    font-size: 26px;
    font-weight: 600;
    color: #653f8f;
}
.notifi_profile_name p
{
    color: #303030;
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 25px;
    font-weight: 400;
}
.accept_reject_btn .btn
{
    background-color: #317d90;
    width: 80%;
    display: block;
    color: white;
    padding: 6px 0px;
    font-weight: 400;
    letter-spacing: 0.5px;
    font-size: 14px;
    margin: 18px auto 0;
    border-radius: 0;
}

.orange_color
{ 
    color:#f89509;
}

/* faqs page css */
.custom_tab_like_get .nav-link
{
    padding: 10px 15px;
    border: 1px solid white;
    border-radius: 0px;
    margin: 25px 0 0px;
    background-color: #ffffff00;
    list-style: none;
    width: 90%;
    color: #ffffff;
    font-size: 22px;
    letter-spacing: 0.5px;
    font-weight: 400;
    transition: 0.5s;
}
.custom_tab_like_get .nav-link:hover
{
    width: 100%;
    color: #fff;
    background-color: #fa9709;
    border: 1px solid #fa9709;
}
.custom_tab_like_get .nav-pills .nav-link.active,
.custom_tab_like_get .nav-pills .show>.nav-link
{
    color: #fff;
    background-color: #fa9709;
    border: 1px solid #fa9709;
    width: 100%;
}
.faq_content h2
{
    font-size: 28px;
    color: #fa9709;
    font-weight: 600;
}
.faq_content p
{
   font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 24px;
    color: #cacaca;
}
.id_bg
{
    padding: 3px 0;
    text-align: right;
}
.id_bg h5
{
    color: #317d90;
    margin: 0;
    font-size: 12px;
    letter-spacing: 0.5px;
    text-decoration: underline;
    font-weight: 500
}
.big_id_font h5
{
    font-size: 11px;
    font-weight: 600;
}
.small_text
{
    font-size: 16px;
    font-weight: 600;
    color: black;
}

.mobile_login_show_outside
{
    background-color: white;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    height: auto;
    padding: 10px;
}

/*  LightBox Gallery Code  */

.lightbox-gallery-content {
    margin-top: 7px;
}

#currency .select2-container .select2-choice .select2-arrow
{
    top: 1px;
}
#currency .select2-container .select2-choice
{
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
}
.select_dropdown_name .chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    margin: 0;
    cursor: text;
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    background-image: none; 
}
.subscribe_form_footer .form-control
{
	border-radius: 50px 0 0 50px;
    border: 1px solid #2f323a;
    font-size: 14px;
    padding: 0 16px;
    color: black;
}
.subscribe_form_footer .input-group-text 
{
    border-radius: 0px 50px 50px 0!important;
    padding: 0;
    color: white;
    background-color: #317d90;
    border: 1px solid #317d90;
}
.subscribe_form_footer .input-group-text a
{
	color: white;
    font-size: 14px;
}


.create-trip .select2-container .select2-choice {
    overflow: hidden!important;
    position: relative!important;
    white-space: nowrap!important;
    text-decoration: none!important;
    user-select: none!important;
    display: block!important;
    width: 100%!important;
    height: auto!important;
    padding: 6px 0 0!important;
    font-size: 1rem!important;
    font-weight: 400!important;
    line-height: 1.5!important;
    color: #7c7d7d!important;
    background: transparent!important;
    border: none!important;
    border-radius: 0!important;
}

.create-trip .select2-container .select2-choice .select2-arrow {

    right: -4px!important;
    top: 5px!important;
    
}

.chosen-container
{
    width: 100%!important;
}

.greyBg {
    background-color: #c1c0c0;
    width: 100px;
    border-radius: 5px;
    cursor: pointer;
}
.greenBg {
    background-color: #49d60e;
    border-radius: 5px;
    width: 100px;
    cursor: pointer;
}

.input-front-class {
    position: absolute;
    left: 4%;
    width: 108px;
    z-index: -1;
}

.input-back-class {
    position: absolute;
    left: 130px;
    width: 108px;
    z-index: -1;
}

.picture-upload {
    width: 100%;
    height: 38px;
    border-radius: 6px;
    color: #7c7d7d;
    background-color: white;
    cursor: pointer;
    border-color: #7c7d7d69;
}

div.gallery {
    border: 1px solid #ccc;
}
  
div.gallery:hover {
    border: 1px solid #777;
}
  
div.gallery img {
    width: 100%;
    height: auto;
}

.responsive {
    padding: 0 6px;
    float: left;
    width: 24.99999%;
}

.over-lay {
    width: 100%;
    height: 30px;
    background-color: #17a2b8;
    color: aliceblue;
    border-radius: 3px;
    padding: 5px 10px 0px 10px;
}

.pointer {
    cursor: pointer;
}

.review-right-op {
    float: right;
}

.review-right-op > span {
    border-radius: 2px;
    cursor: pointer;
    line-height: 27px;
    padding: 3px 8px;
    border: 1px solid rgba(0,0,0,.1);
    color: #444;
    background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
}

.review-right-op > span:hover{
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    -webkit-transition: all 0.0s;
    border: 1px solid #c6c6c6;
 }

 .review-row {
    width: 100%;
    line-height: 1.58;
    font-size: 14px;
    text-align: left;
    color: #222;
 }

 .user-prof {
    display: table-cell;
    vertical-align: middle;
    width: 40px;
 }

 .user-text {
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    line-height: 1.58;
    margin-top: 9px;
    overflow: hidden;
    padding-left: 10px;
 }

 .review-title {
    color: rgba(0,0,0,0.7);
    font-size: 20px;
    text-align: center;
    width: -webkit-fill-available;
 }

 .review-cancel {
    color: #4285f4;
    padding: 6px 20px;
    border: solid 1px #653f8f;
 }

 .review-submit {
    background: #653f8f;
    color: white;
    padding: 6px 29px;
    border: solid 1px #653f8f;
 }