/* ********************************* main page ******************************** */
@import url('https://fonts.googleapis.com/css?family=Hind:400,600');

html,
body {
    height: 100%;
    background: #ffffff !important;
}

div:hover,button:hover,a:hover,li:hover,.card:hover,button:hover{
    transition:0.3s ease-in-out;
}
button,link,select,a{
    cursor: pointer;
}
a{
    outline:none !important;
}
.card a,
.card img{
    cursor: pointer;
}
h4{
    line-height: 25px;
    font-size: 15px;
    font-weight: bold;
}
p{
    font-size: 14px!important;
}

::-moz-selection {
    background-color:#29b1466b;

}
::selection {
    background-color:#29b1466b;
}

.bg-div:hover,
.bg-div:focus
{
    box-shadow: 0 2px 8px 1px rgba(159, 144, 144, 0.4);
}
.bg_shadow{
    box-shadow: 1px 2px 5px 1px rgba(146, 146, 146, 0.2);
}

button:hover ,
button:focus
{
    cursor: pointer;
}

textarea {
    resize: none;
}


input::placeholder ,
textarea::placeholder
{
    color: #cccccc !important;
    font-size: 14px;
}

input:-ms-input-placeholder , textarea:-ms-input-placeholder{ /* Internet Explorer 10-11 */
    color: #cccccc !important;
    font-size: 14px;
}

/* style blockqute */
blockquote {
    background: #fafafa;
    border-right: 2px solid #29b146 !important;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    color: #6e6e6e;
    line-height:2.5rem !important;
}

blockquote p {
    display: inline;
}
.form_contact input[type=text]:focus , .form_contact input[type=email]:focus , .form_contact textarea:focus , .comment-respond input:focus , .comment-respond textarea:focus {
    border-color:  #29b146;
}
@media (max-width: 991px) {
    .order-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
}
@media (max-width: 767px) {
    .order-first2 {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
    #expire_villa_card{
        margin-top: 1rem;
    }
}


/* ******************************** header ************************************/

/* top menu */
.div_header{
    position: absolute;
    top: 0;
    left:0;
    right:0;
    z-index: 9999;
}
/* phone i header */
.container_div_contact{
    background-color:#010101 !important;
}
.div_contact{
    margin: 2px 5px 2px 1rem !important;
    text-align: left;
}
@media (max-width: 599px) {
    .div_contact{
        margin: 0 !important;
    }
    .div_contact .phone_text i{
        font-size: 12px !important;
    }
    .phone_text {
        font-size: 12px !important;

    }
}

@media (max-width: 400px) {
    .div_social{
        display: block !important;
    }
    .login_div_link2 a {
        font-size: 12px !important;
    }
}
@media (max-width: 370px) {
    .container_div_contact{
        padding: 0 7px;
    }
}
.phone_text{
    padding-right: 7px;
    font-size: 13px;

}

.div_social{
    margin-left: 1rem;
    display: inline-block !important;
}
.div_contact .phone_text i{
    margin-right: 3px;
    font-size: 13px;
    color:#FFFFFF;
    vertical-align: middle !important;
}
.div_contact .social_icon i{
    padding-top: 3px;
    margin-left: 5px;
    font-size: 13px;
    color:#FFFFFF;
    vertical-align: middle;
}
.div_contact i:hover , .phone_text:hover {
    color: #FFFFFF ;
}
.div_contact a{
    padding: 0 !important;
    color: #ffffff;
}
.div_social i{
    cursor:pointer !important;
}
.login_div_link i{
    cursor: pointer;
    padding-top: 5px;
    font-size:13px;
}
.login_div_link2 a{
    font-size: 13px;
    padding-right: 3px !important;
}
.div_contact a:hover , .div_social i:hover{
    color: rgba(255, 255, 255, 0.8);
}
.div_contact span{
    font-weight: 300;
    color:#FFFFFF !important;
    cursor: default;

}
.nav-custom{
    padding: 0 0.7rem;
}


@media (max-width: 599px) {
    .div_contact{
        text-align: center;
    }
}
@media (max-width: 379px) {
    .phone_text{
        padding-right: 5px;
    }
    .email_text{
        font-size: 11px;
    }
}
/* menu header */
.nav-custom-style{
    padding: 0;
    background-color: #fff;
    box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.1);
}

.nav-custom-style img{
    width: 85px;
    margin: 0 3.5rem 4px 5rem;
}
.nav-custom-style ul{
    padding-right:0;
}
.nav-custom-style ul li{
    padding: 0 0.5rem;
    border-bottom: 3px solid transparent;
    text-align: center;
}
.nav-custom-style ul li a {
    font-size: 15px;
    color: #2d2d2dd4;
    font-weight: 600;
}
.nav-custom-style ul li:hover .nav-link{
    color: #29b146;
    transition: 0.4s;

}

.nav-custom-style [data-toggle="dropdown"]:after {
    padding-right: 7px;
    padding-top: 0;
    font-family: "icomoon";
    font-weight: 600;
    content: "\e91d";
    font-size: 17px;
    vertical-align: middle;
}
.div_search_list_page [data-toggle="dropdown"]:after , .form_search_job [data-toggle="dropdown"]:after {
    padding-right: 7px;
    padding-top: 1px;
    font-family: "icomoon";
    font-weight: 600;
    content: "\e91d";
    font-size: 19px;
    vertical-align: middle;
}

.nav-custom-style .show [data-toggle="dropdown"]:after , .form_search_job .show [data-toggle="dropdown"]:after , .div_search_list_page .show [data-toggle="dropdown"]:after{
    content: "\e91c";
}
.nav-custom-style .dropdown-toggle , .form_search_job .dropdown-toggle , .div_search_list_page .dropdown-toggle{
    display: flex;
}
.nav-custom-style .dropdown-toggle:after , .form_search_job .dropdown-toggle:after  , .div_search_list_page .dropdown-toggle:after{
    border: none;
}

.nav-custom-style .dropdown-menu{
    background: rgb(7,91,41);
    background: linear-gradient(0deg, rgba(7,91,41,1) 0%, rgba(0,116,46,1) 6%, rgba(56, 142, 60) 47%, rgba(56, 142, 60) 50%, rgba(56, 142, 60) 77%);
    border-radius: 0 0 2px 2px !important;
    padding: 0.5rem 0 !important;
}

.nav-custom-style .dropdown-menu li{
    background-color: #fff !important;
    padding:0;


}
.nav-custom-style .dropdown-menu  .border-bottom{
    border-bottom: 1px solid #dddddd94 !important;

}
.btn_register_job{
    padding-left: 2rem;
    width: 25%;
}
.btn_register_job a{
    border-radius: 55px;
    font-size: 16px;
    font-weight: 500;
    box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.1);
    border-color: #29b146 !important;
}
.btn_register_job a:hover , .btn_estate:hover{
    box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.3);
}
.btn_estate{
    background: rgb(7,91,41);
    background: linear-gradient(0deg, rgba(7,91,41,1) 0%, rgba(0,116,46,1) 6%, rgba(56, 142, 60) 47%, rgba(56, 142, 60) 50%, rgba(56, 142, 60) 77%); !important;
    box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.1);
    border-color: #29b146 !important;
    color: #fff !important;
}
.btn_estate:active{
    background: rgb(7,91,41);
    background: linear-gradient(0deg, rgba(7,91,41,1) 0%, rgba(0,116,46,1) 6%, rgba(56, 142, 60) 47%, rgba(56, 142, 60) 50%, rgba(56, 142, 60) 77%); !important;

}
.title_expire_villa{
    margin-bottom:0;
    text-align: center;
    line-height: 2.3rem;
    font-size: 17px !important;
    color: #ff2b06;
    font-weight: 500;
}
.dropdown-menu{
    padding: 0 !important;
}
.dropdown-menu  li  a{
    font-size: 15px !important;
}

.dropdown-menu  li:hover .dropdown-item{
    color:#29b146 !important;
    background-color: transparent !important;
}
.nav-custom-style .dropdown-menu{
    background-color: #fff !important;
}
@media (max-width: 1299px) and (min-width: 1200px) {
    .btn_register_job {
        width: 30%;
    }
}
@media (max-width: 1199px) and (min-width: 1100px) {
    .btn_register_job {
        width: 31%;
    }

}
@media (max-width: 1099px) and (min-width: 992px) {
    .btn_register_job {
        width: 35%;
    }
    .title_expire_villa{
        font-size: 22px;
    }
}
@media (min-width: 992px) {
    .nav-custom-style .dropdown-menu{
        box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.1);
        margin-top: 20px;
        border: 0;
        right:0 !important;
        left:0 !important;
    }
    .nav-custom-style .dropdown-menu a{
        padding-bottom: 0.5rem;
        padding-top: 0.5rem;
    }
}

.nav-custom-style .dropdown-menu a , .nav-custom-style a{
    text-align: center !important;
}
.nav-custom-style .dropdown-menu a:hover{
    color: #FFFFFF;
    background-color: rgba(144, 144, 144, 0.1);

}
.navbar-toggler-icon {
    margin-top: .7rem;
    cursor:pointer !important;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(46, 165, 44)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
}
.home_banner_style{
    box-shadow: none !important;
    background-color: transparent !important;
}
.navbar-sticky{
    background-color:#fff !important;
    padding: 0;
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.2) !important;
}

.navbar-sticky nav{
    padding: 0 !important;
}

.border-top a{
    color: #ffffff !important;
}
.fixed-top ul li a{

}


.navbar-toggler{

    margin-right: 1rem !important;
}
@media (max-width: 1050px) and (min-width: 992px) {
    .nav-custom-style ul li {

    }
}

@media (max-width: 991px) {
    .nav-custom-style img {
        margin:5px 1rem 0 0;
    }
    .btn_register_job a {
        margin-right: .5rem;
    }
    .title_expire_villa{
        font-size: 22px;
    }
    .navbar-toggler {
        margin-right: 0 !important;
    }
    .btn_register_job{
        padding-left: 0;
        float: left !important;
        display: inline-block;
    }
    .nav-custom-style ul li:hover .nav-link , .nav-custom-style ul li:hover .dropdown-item{
        color: #fff !important;

    }
    .nav-custom-style a , .dropdown-menu a, .nav-custom-style a , .nav-custom-style .dropdown-menu a {
        text-align: right !important;
    }

    .nav-custom-style li , .navbar-nav .nav-link {
        padding-right:2rem !important;
        font-size: 15px !important;
    }


    .nav-custom-style .dropdown-menu li{
        padding-right: 1.5rem !important;
        border-bottom:none !important;
    }
    .nav-custom-style .dropdown-menu li:hover{
        background-color: transparent !important;
    }
    .navbar-collapse{
        background-color: #FFFFFF;
        border-top: 1px solid #e3e3e3;
    }
    .nav-custom-style ul{
        margin-top: 1rem;
        padding-right: 0 !important;
    }
    .nav-custom-style ul li a{

    }
    .nav-custom-style ul li{
        padding: 0 !important;
        margin-top: 0.5rem;
    }
    .nav-custom-style ul li:hover{

        color: #fff !important;
    }
    .nav-custom-style ul li a:hover{

        color: #fff !important;
    }
    .nav-custom-style .dropdown-menu {
        background: rgb(7,91,41);
        background: linear-gradient(0deg, rgba(7,91,41,1) 0%, rgba(0,116,46,1) 6%, rgba(56, 142, 60) 47%, rgba(56, 142, 60) 50%, rgba(56, 142, 60) 77%); !important;
        border-left: 0;
    }

    .div_header .navbar{
        display: flow-root !important;
    }

}


@media (max-width: 380px) {
    .div_contact {
        margin: 2px 5px 2px 0 !important;
    }
    .nav-custom-style img{
        width: 70px;
        margin:0 1rem 0 0;
    }
    .btn_register_job a{
        padding: 5px !important;
        font-size: 14px !important;
    }
    .navbar-toggler {
        padding-left: 0;
        padding-right: 6px;
    }
    .btn_register_job a {
        margin-right:0;
    }


}
@media (max-width: 991px) {


    .nav-custom-style {
        justify-content: flex-start !important;
    }

}

/* small nav menu */
@media screen and (min-width: 992px) {
    .closebtn , .logo_small{
        display:none !important;
    }
}

@media screen and (max-width: 991px) {
    .sidenav {
        overflow: auto !important; /* Hide scrollbars */
        display: block !important;
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 1;
        top: 0;
        right:0;
        background: rgb(7,91,41);
        background: linear-gradient(0deg, rgba(7,91,41,1) 0%, rgba(0,116,46,1) 6%, rgba(56, 142, 60) 47%, rgba(56, 142, 60) 50%, rgba(56, 142, 60) 77%);
        transition: 0.5s;

    }


    .sidenav .dropdown-menu li{
        background-color: transparent !important;
    }
    .sidenav li{
        color: #fff !important;
        border: 0 !important;
    }
    .sidenav li:hover{
        border: 0 !important;
        background-color: #64c37f !important;
    }

    .sidenav .dropdown-menu li:hover {
        background: rgb(7,91,41);
        background: linear-gradient(0deg, rgba(7,91,41,1) 0%, rgba(0,116,46,1) 6%, rgba(56, 142, 60) 47%, rgba(56, 142, 60) 50%, rgba(56, 142, 60) 77%); !important;
    }
    .sidenav a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 18px !important;
        color: #fff !important;
        display: block;
        transition: 0.3s;
    }

    .sidenav a:hover {
        color: #f1f1f1;
    }

    .sidenav .closebtn {
        position: absolute;
        top: 15px;
        left:0;
        font-size: 24px !important;
        margin-right: 50px;
    }

    .sidenav ul {
        margin-top: 0 !important;
    }

    .navbar-toggler:focus {
        outline: none !important;
    }

    /* width */
    .sidenav::-webkit-scrollbar {
        width: 7px;
    }

    /* Track */
    .sidenav::-webkit-scrollbar-track{
        box-shadow: inset 0 0 5px grey;
        border-radius: 10px;
    }

    /* Handle */
    .sidenav::-webkit-scrollbar-thumb{
        background: #2e7233;
        border-radius: 10px;
    }

    /* Handle on hover */
    .sidenav::-webkit-scrollbar-thumb:hover {
        background: #b30000;
    }
}

/* carousel fade */
.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .6s;
    transition-property: opacity;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
    opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
    opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
    transform: translateX(0);
    transform: translate3d(0, 0, 0);
}




/* style navbar */
.btn_contact{
    cursor: default!important;
    background: rgb(7,91,41);
    background: linear-gradient(0deg, rgba(7,91,41,1) 0%, rgba(0,116,46,1) 6%, rgba(56, 142, 60) 47%, rgba(56, 142, 60) 50%, rgba(56, 142, 60) 77%); !important;
    font-size: 18px;
    padding: 12px;
    box-shadow: 0 10px 16px 0 rgba(99, 99, 99, 0.2),0 6px 20px 0 rgba(180, 180, 180, 0.19) !important;
    border:0 !important;
    margin-top:4px;

}

@media (max-width:736px) {
    .header_contact,
    .header_logo{
        margin-left: 0!important;
        margin-right: 0!important;
    }

}
@media (max-width:656px) {
    .btn_contact{
        margin-top:10px;

    }
}

@media (max-width:390px) {
    #grad{
        margin-left: 0!important;
        margin-right: 0!important;
    }
    .btn_contact{
        font-size: 14px;
        padding: 12px 5px;
        margin-top:16px;
    }
    .container_search{
        padding:0 !important;
    }
    .my-group input[type=text] {
        font-size: 15px !important;
    }
    .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
        font-size: 15px !important;
    }
}

/* ******************************** search index ************************************/

/* search index */
.my-group .select2-container .select2-selection--single {
    height: 54px !important;
    background-color: #fff !important;
    border: 1px solid #fff;
    border-radius: 0 !important;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-top: 12px !important;
    font-size: 1rem;
    color: #76838e  !important;
    width: auto;
    text-align: right;
    padding-right: 1.2rem;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    top:15px !important;
    left: 1rem !important;
}
.select2-selection__arrow:after{
    padding-top: 2px;
    padding-right: 5px;
    font-family: "icomoon";
    font-weight: 600;
    content: "\e91d";
    font-size: 19px;
    vertical-align: middle;
    color: #76838e !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 0 !important;
}
.select2-results__option {
    padding: 5px 10px!important;
    font-size: 14px;
    font-weight: 400;

}
.select2-results__message {
    font-size: 13px;
    padding: 1px 10px!important;

}
.div_profile_edit .select_city_form_job .select2-container--default .select2-selection--multiple {
    display: block !important;
    width: 100% !important;
    padding: 3px 7px !important;
    font-size: 1rem !important;
    line-height: 1.25 !important;
    color: #495057 !important;
    background-color: #fff !important;
    background-image: none !important;
    background-clip: padding-box !important;
    border: 1px solid rgba(0,0,0,.15) !important;
    border-radius: .25rem !important;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
}
.select2-container--open .select2-dropdown--below , .select2-container--open .select2-dropdown--above{
    transform: none !important;
    border: 1px solid #fff !important;
    background-color: #fff !important;
    border-radius: 0 0 2px 2px !important;
    color: #000000;
    box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.1);
    top: -54px !important;
    padding: 5px !important;

}

.select2-container--open .select2-dropdown--above{
    transform: none !important;
    border: 1px solid #fff !important;
    background-color: #fff !important;
    border-radius: 0 0 2px 2px !important;
    color: #000000;
    box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.1);
    top: 54px !important;
    padding: 5px !important;

}
#city_my_id .select2-dropdown--below{
    background-color: #fff !important;
}
#cat_form_villa_my_id .select2-dropdown--below , #city_form_villa_my_id .select2-dropdown--below , #state_form_villa_my_id .select2-dropdown--below {
    top: -40px !important;
    padding: 0 !important;
    box-shadow: 1px 1px 5px 1px rgba(146, 146, 146, 0.4) !important;
}
#cat_form_villa_my_id .select2-dropdown--above ,   #city_form_villa_my_id .select2-dropdown--above ,  #state_form_villa_my_id .select2-dropdown--above{
    top: 0px !important;
    padding: 0 !important;
    box-shadow: 1px 1px 5px 1px rgba(146, 146, 146, 0.4) !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border-radius: 3px !important;
    border: 0 !important;
    background-color: transparent !important;
}
.select2-container--default .select2-results > .select2-results__options {
    background-color: transparent !important;
    color: #000000;
}

.select2-default {
    color: #fff !important;
}
.select2-result-repository__title{
    color: #000000;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: rgba(133, 133, 133, 0.2) !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #fff !important;
    color: #76838e  !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] .select2-result-repository__title {
    color: #76838e  !important;
    cursor: pointer;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #76838e !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    outline: none !important;
}
@media (min-width:657px) {
    .my-group .select2-container .select2-selection--single , .select_list_city .select2-container .select2-selection--single{
        border-left: 0 !important;
    }

}
@media (max-width:656px) {
    .my-group .select2-container .select2-selection--single ,  .select_list_city .select2-container .select2-selection--single {
        border-radius: 0 0 10px 10px !important;
    }
}
@media (max-width:656px) {
    .my-group .select2-container .select2-selection--single {
        border-radius: 0  !important;
    }

}
select , select option{
    outline: none !important;
}
span.select2-selection.select2-selection--single {
    outline: none;
}


.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color:#76838e !important;
}
/* scroll width */
.select2-container--open .select2-dropdown--above::-webkit-scrollbar {
    width: 2px !important;
}



/* main search */
.bs-searchbox input{
    border-radius: 5px !important;
}
.bs-searchbox input[type=text]:focus{
    border-color: #29b146 !important;
}

.bootstrap-select {
    width: 100% !important;
    padding: 0 !important;
    margin: 0  !important;
    text-align: right  !important;
    border-radius: 0  !important;
}
.bootstrap-select button{
    border-radius: 0 !important;
    padding: 1rem 0.78rem 0.55rem 1.5rem !important;
}
.bootstrap-select .filter-option{
    text-align: right  !important;
}
.bootstrap-select .dropdown-item-inner {
    text-align: right  !important;
}
#bg_search,
.dropdown-menu{
    margin-top: 1rem;
}

#bg_search,
.dropdown-menu,
#navbartop
{
    background:  #29b146 !important;
    border-radius: 0 !important;
}
#bg_search{
    border-bottom: 1px solid #fff;
}
.input_index_search{
    border-radius: 3px;
    box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.1);
}
.submit_index_search button , .submit_index_search{
    border-radius: 3px;
    background: rgb(7,91,41) !important;
    background: linear-gradient(
            1deg
            , rgba(7,91,41,1) 0%, rgba(0,116,46,1) 6%, rgba(56, 142, 60) 47%, rgba(56, 142, 60) 50%, rgba(56, 142, 60) 77%) !important;
}
.col_index_search{
    padding: 3px;
}

.my-group .form-control{
    width:100%;
}
.my-group i{
    margin-right: 5px;
    vertical-align: middle;
    font-size: 22px !important;
    color: whitesmoke;
    cursor: pointer;
}
.my-group button .icon-search{
    vertical-align: middle;
    cursor: pointer;
}
.my-group button:hover{
    box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.2);
background:linear-gradient(
0deg
, rgb(34 102 62) 0%, rgb(60 127 86 / 97%) 6%, rgb(3 153 64) 47%, rgb(60 147 64) 50%, rgb(56 147 93) 77%);

}
.my-group button{
    color:#fff !important;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    width: 100%;
    padding: 11.5px;

}
.my-group select{
    border: 0;
    color: #76838e !important;
    outline: 0;
    border-radius: 0;
    padding-top: 5px;
    height: 54px;

}
.my-group input[type=text]{
    border-radius: 0 5px 5px 0;
    width: 100%;
}

.my-group input:focus{
    border: 1px solid #fff;
}

@media (max-width: 767px) {
    .my-group input[type=text]{
        border-radius: 5px 5px 0 0 !important;
    }
    .my-group .my-group-button{
        border-radius: 0 0 5px 5px !important;
    }
}

.my-group button,
.my-group select {
    box-shadow:0 0 20px rgba(180, 180, 180, 0.19) !important;
}
.my-group input{
    box-shadow: inset 0 0 20px rgba(180, 180, 180, 0.19) !important;
}
.my-group .my-group-button{
    border-radius: 3px;
    cursor: pointer;
    padding: 15px 5px;
}
.my-group-button:hover .img_search  {
    transition:0.5s;
    -webkit-filter: opacity(0.8) drop-shadow(0 0 0 black);
    filter: opacity(0.8) drop-shadow(0 0 0 black);
}

/* ******************************** slider index ************************************/

/* slider*/
.carousel-item-slider img{
    object-fit: cover !important;
}

.carousel-item-order{
    padding: 0 1rem;
}
.carousel-item-order img{
    border-radius:3px;
    height: 600px;
    object-fit: cover !important;
}
.carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 1px;
    background-color:#29b146 ;
}
.hovereffect {
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    height: 700px;
}
.hovereffect img{
    height: 700px;
}
.hovereffect .overlay {
    height: 15%;
    width: 100%;
    position: absolute;
    overflow: hidden;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background: rgba(0, 0, 0, 0.75);
}
.hovereffect img{
    height: 100vh;
    width: 100%;
    object-fit: cover !important;

}

.hovereffect header1{
    text-align: right;

}
.hovereffect header2{
    text-align: left;
}
.header_slider {
    margin: 1rem 2rem 0 1rem;
}
.header_slider h1{
    font-size: 23px;
    color: #fff;
    font-weight: 400;
}
.carousel-control-prev,
.carousel-control-next{
    top: 0;
    bottom: 90% !important;
    opacity:1 !important;
    width: auto !important;
}
.carousel-control-prev:hover,
.carousel-control-next:hover{
    opacity:0.7 !important;
}
.carousel-control-next {
    right: auto !important;
    left: 6.5% !important;
}
.carousel-control-prev {
    left: 3% !important;
}
.carousel-control-prev span,
.carousel-control-next span{
    cursor:pointer !important;
    font-size: 1.9rem;
}
.fa-play-circle{
    cursor: pointer !important;
}
.carousel-indicators .active{
    background-color: #aad9ab;
}

@media (max-width: 1199px) and (min-width: 992px){
    .hovereffect ,  .hovereffect img{

    }
}
@media (max-width:991px) and (min-width: 657px){
    .hovereffect ,  .hovereffect img{

    }
    .header_slider {
        margin: 0.8rem 2rem 0 1rem;
    }
    .hovereffect .overlay .header1, .hovereffect .overlay .header2 {
        font-size: 22px;
    }

}
@media (max-width:656px) and (min-width: 500px){
    .hovereffect ,  .hovereffect img{

    }
    .header_slider {
        margin: 0.3rem 2rem 0 1rem;
    }
    .hovereffect .overlay .header1, .hovereffect .overlay .header2 {
        font-size: 21px;
    }

}
@media (max-width:499px) {
    .col-single{
        padding: 0 !important;
    }
    .hovereffect ,  .hovereffect img{

    }
    .header_slider {
        margin: 0.4rem 2rem 0 1rem;
    }
    .hovereffect .overlay .header1, .hovereffect .overlay .header2 {
        font-size: 19px;
        line-height: 1.7rem;
    }
    .hovereffect .overlay {
        height: 25%;
    }


}
@media (max-width: 1000px) {
    .header_slider {
        margin-left: 0;
        margin-right: 0;
    }
}
@media (max-width: 991px) and (min-width: 794px){

    .carousel-control-next {
        left: 10% !important;
    }
    .carousel-control-prev {
        left: 5% !important;
    }

    .carousel-item-slider img{

    }
    .carousel-item-order img{
        height: 500px;
    }


}

@media (max-width: 876px) and (min-width: 770px){
    .carousel-control-next {
        left: 10% !important;
    }
    .carousel-control-prev {
        left: 5% !important;
    }

    .carousel-item-slidr img{
        height: 550px;
    }
    .carousel-item-order img{
        height: 500px;
    }

}
@media (max-width: 769px) and (min-width: 657px) {
    .hovereffect img , .carousel-item-slider img , .hovereffect, .hovereffect img {
        height: 600px;
    }

    .carousel-item-order img{
        height: 420px;
    }
    .carousel-control-next {
        left: 11.5% !important;
    }
    .carousel-control-prev {
        left: 5% !important;
    }


}
@media (max-width: 656px) and (min-width: 600px) {
    .hovereffect img , .carousel-item-slider img , .hovereffect, .hovereffect img {
        height: 600px;
    }
    .carousel-item-order img{
        height: 420px;
    }
    .carousel-control-next {
        left: 11.5% !important;
    }
    .carousel-control-prev {
        left: 6% !important;
    }



}
@media (max-width: 768px) and (min-width: 421px) {
    .carousel-indicators {
        margin-right: 10% !important;
    }

}
@media (max-width: 656px) and (min-width: 420px) {
    .carousel-item-order{
        padding: 0 2rem;
    }

}
@media (max-width: 420px) {
    .carousel-indicators {
        margin-right: 5% !important;
    }
}
@media (max-width: 599px)  and (min-width: 420px) {
    .hovereffect img , .carousel-item-slider img , .hovereffect, .hovereffect img {
        height: 480px;
    }
    .carousel-item-order img{
        height: 300px;
    }

    .position_title h1 {
        line-height: 1.5rem !important;
        font-size: 15px !important;
        padding: 0.7rem;
    }
}
@media (max-width: 590px)  and (min-width: 520px) {
    .carousel-control-prev, .carousel-control-next {
        top: 5%;
    .}
    .carousel-control-next {
        left: 13% !important;
    }
    .carousel-control-prev {
        left: 7% !important;
    }

}
@media (max-width: 519px)  and (min-width: 441px) {
    .carousel-control-prev, .carousel-control-next {
        top: 5%;
    .}
    .carousel-control-next {
        left: 15% !important;
    }
    .carousel-control-prev {
        left: 8% !important;
    }

}
@media (max-width: 440px)  and (min-width: 420px) {
    .carousel-control-prev, .carousel-control-next {
        top: 5%;
    .}
    .carousel-control-next {
        left: 18% !important;
    }
    .carousel-control-prev {
        left: 10% !important;
    }

}
@media (max-width: 550px)  and (min-width: 420px) {

    .position_title h1 {
        line-height: 1.5rem !important;
        font-size: 14px !important;
        padding: 0.7rem;
    }

}
@media (max-width: 419px)  and (min-width: 390px) {
    .hovereffect img , .carousel-item-slider img , .hovereffect, .hovereffect img {
        height: 420px;
    }
    .carousel-control-prev, .carousel-control-next {
        top: 5%;
    .}
    .carousel-control-next {
        left: 13% !important;
    }
    .carousel-control-prev {
        left: 5% !important;
    }
}
@media (max-width: 389px)  {
    .hovereffect img , .carousel-item-slider img , .hovereffect, .hovereffect img {
        height: 380px;
    }
    .carousel-control-prev span, .carousel-control-next span {
        font-size: 1.2rem !important;
    }
    .carousel-control-prev, .carousel-control-next {
        top: 5%;
    .}
    .carousel-control-next {
        left: 13% !important;
    }
    .carousel-control-prev {
        left: 6% !important;
    }
}
@media (max-width: 419px) {
    .carousel-item-slider img{

    }
    .carousel-item-order img{
        height: 240px;
    }


    .position_title .title_single {
        top:130px !important;
    }
    .position_title h1 {
        line-height: 1.5rem !important;
        font-size: 14px !important;
        padding: 0.7rem;
    }
}

/* ******************************** banner index ************************************/
.div_banner{
    padding:4rem 2rem;
}
@media  (min-width: 557px){
    .div_banner{
        padding: 0;
        margin-bottom: 1.7rem;
    }
}
@media (max-width: 556px){
    .div_banner{
        padding: 0;
    }
}


/* Images for 3 Parallax Sections */
.paralsec1 {
    height:auto;
    border-radius: 30px;
    background-size: cover;
    background-position: 50% 50%;
    margin-bottom: 1rem;
    margin-top: 1rem;
}
.paralsec2 {
    transition: opacity 0.9s, transform 0.5s ease-in-out;
    position: relative;
    border-radius: 0;
    top: 2rem;
    height: 100vh;
    background-size: cover;
    background-position: 50% 0%;
    background-attachment: fixed;
    margin-bottom: 6rem;


}
.paralsec3 {
    position: relative;
    border-radius: 0;
    top:0;
    height: 65vh;
    background-size: cover;
    background-position: right;
}
.paralsec3:after {
    position: absolute;
    content: '';
    width: 100%;
    height:100%;
    z-index: 0;
    background-color: rgba(0, 0, 0, 0.4);
    top:0;
    left:0;
    right: 0;
    bottom: 0;
}
.paralsec2:after {
    will-change: transform; // creates a new paint layer
    border-radius: 0;
    position: absolute;
    content: '';
    width: 100%;
    height:100%;
    z-index: 0;
    top:0;
    left:0;
    right: 0;
    bottom: 0;

    background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(3%, white), color-stop(54%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to bottom, white 0%, white 3%, rgba(255, 255, 255, 0) 54%, rgba(255, 255, 255, 0) 100%);

}
.index_slider:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -70px;
    overflow: visible;
    width: 50%;
    height: 70px;
    z-index: 1;
    -webkit-transform: skewY(
            -4deg
    );
    -moz-transform: skewY(-5deg);
    -ms-transform: skewY(-5deg);
    -o-transform: skewY(-5deg);
    transform: skewY(
            -5deg
    );
    background-color: #fff;
}
.index_slider:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -70px;
    overflow: visible;
    width: 50%;
    height: 70px;
    z-index: 1;
    -webkit-transform: skewY(
            4deg
    );
    -moz-transform: skewY(5deg);
    -ms-transform: skewY(5deg);
    -o-transform: skewY(5deg);
    transform: skewY(
            5deg
    );
    background-color: #fff;
}
/*  parallax */
.mb_parallax_overlay {
    height: 50vh;
}
.mb_parallax_overlay h4{
    color: #ffffff;
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 3rem;
    text-shadow: 2px 3px #343434;
}
.title_banner_right a , .title_banner_left  a{
    width: 100%;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
}
.title_banner_right h4{
    text-align: center;

}
.title_banner_left h4{
    text-align: center;
}
.mb_parallax_overlay  h4 i{
    cursor: pointer !important;
}
.mb_parallax_overlay2 {
    top: 22%;
    z-index: 1;
    position: relative;
    cursor: default;
}

.mb_parallax_overlay2 h2{
    color: rgba(0, 0, 0, 0.8);
    font-size: 2rem;
    font-weight: 500;
    text-align: center !important;
    line-height: 4rem;
    margin-top: 1rem;
    margin-bottom: 3rem;
}
.mb_parallax_overlay2 h1{
    font-size: 60px;
    color: #1a1a1a;
    line-height: 1.1;
    font-weight: 400;
    letter-spacing: 2px;
    text-align: center !important;
}
.mouse {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -30px;
    z-index: 2;
}
.mouse-icon {
    width: 80px;
    height: 80px;
    border: 1px solid #ae0416;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background: #ae0416;
    position: relative;
    text-align: center;
    margin: 0 auto;
    display: block;
    cursor: pointer;
}
.mouse-wheel {
    height: 80px;
    margin: 2px auto 0;
    display: block;
    width: 80px;
    background: transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
}
.mouse-wheel  .fa-angle-double-down{
    -webkit-animation: 1.6s ease infinite wheel-up-down;
    -moz-animation: 1.6s ease infinite wheel-up-down;
    animation: 1.6s ease infinite wheel-up-down;
}
@keyframes wheel-up-down {
    100% {
        transform: translateY(50px);
        opacity: .1;
    }
    50% {
        transform: translateY(20px);
        opacity: .8;
    }
    0% {
        transform: translateY(0);
        opacity: 1;
    }
}
@media (max-width: 991px){
    .mouse {
        bottom: -20px;
    }
}
@media (max-width: 1200px) and (min-width: 992px) {
    .mb_parallax_overlay h4{
        font-size: 3rem;
    }
    .mb_parallax_overlay {
        height: 40vh;
    }

}
@media (max-width: 991px) and (min-width: 768px) {
    .mb_parallax_overlay h4{
        font-size: 2.5rem;
    }
    .mb_parallax_overlay {
        height: 30vh;
    }

}
@media (max-width: 767px)  and (min-width: 440px){
    .mb_parallax_overlay2 {
        top: 15%;
    }
    .mb_parallax_overlay2 h1 {
        font-size: 50px;
    }
    .mb_parallax_overlay2 h2 {
        font-size: 1.8rem;
    }
    .title_banner_right{
        padding-right: 1rem !important;
    }
    .title_banner_left{
        padding-left: 1rem !important;
    }

}
@media (max-width: 439px) {
    .paralsec2 {
        top:0;

    }
    .mb_parallax_overlay2 {
        top: 18%;
    }
    .mb_parallax_overlay2 h1 {
        font-size: 45px;
    }
    .mb_parallax_overlay2 h2 {
        font-size: 1.6rem;
        line-height: 2.5rem;
    }
    .title_banner_right{
        padding-right: 0.5rem !important;
    }
    .title_banner_left{
        padding-left: 0.5rem !important;
    }

}
@media (max-width: 767px)  and (min-width: 657px) {
    .mb_parallax_overlay h4{
        font-size: 2rem;
    }

    .mb_parallax_overlay {
        height: 30vh;
    }

}
@media (max-width:656px)  and (min-width: 557px) {
    .mb_parallax_overlay h4{
        font-size: 2rem;
    }

    .mb_parallax_overlay {
        height: 25vh;
    }

}
@media (max-width:556px)  and (min-width: 440px) {
    .mb_parallax_overlay h4{
        font-size: 2rem;
    }

    .mb_parallax_overlay {
        height: 20vh;
        margin-bottom: 1rem;
    }

}
@media (max-width: 438px)  and (min-width: 380px) {
    .mb_parallax_overlay h4{
        font-size: 1.2rem;
        margin-top: 2.5rem;
    }
    .index_slider:before , .index_slider:after{
        bottom: -65px;
    }
    .paralsec2 {
        margin-bottom: 3.5rem;
    }
    .paralsec1 {
        border-radius: 20px;
    }
    .div_banner{
        padding: 0 !important;
        margin: 0 !important;
    }
    .mb_parallax_overlay {
        height: 18vh;
        margin-bottom: 1.5rem;
    }
    .mouse {
    bottom: 10px;
   }

}
@media (max-width: 379px) {
    .mb_parallax_overlay h4{
        font-size: 1.1rem;
        margin-top: 2.5rem;
        text-shadow: 2px 2px #343434;
    }

    .mb_parallax_overlay h4{
        font-size: 1.2rem;
        margin-top: 2.5rem;
    }
    .index_slider:before , .index_slider:after{
        bottom: -50px;
    }
    .paralsec2 {
        margin-bottom: 3.5rem;
    }
    .paralsec1 {
        border-radius: 20px;
    }
    .div_banner{
        padding: 0 !important;
        margin: 0 !important;
    }
    .mb_parallax_overlay {
        height: 15vh;
        margin-bottom: 1.5rem;
    }
    .title_banner_right {
        padding-right: 5px !important;
    }
}


/* ******************************** orders index ************************************/
.carousel-caption-order{
    left: 2% !important;
    margin:0 !important;
    padding:0 !important;
}
.city_order{
    font-size: 14px;
    background-color:#29b146; ;
    padding: 0 5px;
    border-radius: 3px;
    cursor: pointer;

}
.city_order a{
    color:#fff !important;
}
.city_order:hover{
    background-color: #2ab348;

}
.card_order{
    text-align:right;
    cursor: pointer !important;
}
.card-order-title{
    display:inline !important;
}
.order_desc{
    cursor: pointer !important;
    font-size: 14px;
    color: #29b146;
    margin-top: 1rem;
}
.info-order{
    cursor: pointer !important;
    padding-top:0.6rem;

}
.info-order span{
    color: #404040;
    font-weight: 500;
}
.info-order i{
    color: #363333;
    font-size: 25px;
    font-weight: 500;
    display: inline-block;
}

.btn-price{
    font-size: 14px;
    background-color: #fff;
    color: #29b146;
    border: 2px solid #29b146;
    border-radius: 2px;
}
/* tooltip */
.metrajh_div:hover  , .bed_div:hover , .room_div:hover{

    position: relative
}
.metrajh_div .metrajh_desc , .bed_div .bed_desc , .room_div .room_desc {
    display: none
}
.metrajh_div:hover .metrajh_desc , .bed_div:hover .bed_desc , .room_div:hover .room_desc {
    border: #808080 1px dotted;
    display: block;
    z-index: 100;
    background: #fff;
    color: #808080;
    left: 0px;
    width: 80px;
    padding: 0 3px;
    position: absolute;
    top: 26px;
    text-decoration: none;
    text-align: center;
    font-size: 13px;
}

/*  titles */
.titles_style h3 , .titles_style h1 {
    font-size: 18px;
    text-align: center;
    overflow: hidden;
    font-weight: 600;
}
.titles_style p{
    text-align: center;
    margin-top: 1rem;
    font-size: 16px !important;
    color: #29b146;
    font-weight: 500;
}
.title_green{
    color: #29b146;
}
.content{
    text-align:justify ;
}
.content h2{
    font-size: 27px;
    line-height: 3rem;
}
.content h3{
    font-size: 25px;
    line-height: 2.7rem;
}
.content a{
    color: #333333;
}
.content a:hover{
    color: #27b33e;
}
.content p , .content{
    text-align: justify;
    font-size: 14px !important;
    color: #3c434a;
    line-height: 2rem;
    font-weight: 500;
}
.single_content img{
    max-width: 100%;
    height: auto;
    cursor: pointer !important;
    border-radius: 5px;
}
.single_content img:hover{


}

@media (max-width: 767px) {
    .city_order{
        display: table;
        margin-bottom: 5px;
    }
}
@media (max-width: 656px) {
    .titles_style h2{
        font-size: 25px;
    }
    .titles_style p{
        font-size: 15px !important;
    }
    .order_desc{
        display: none;
    }
    .btn-price {
        font-size: 13px;
    }
    .info-order span {
        font-size: 13px;
    }
    .card-order-title{
        font-size: 18px;
    }
    .city_order a {
        font-size: 13px;
    }
    .div_info_order{
        margin-top: 0.5rem !important;
    }
    .carousel-control-prev span, .carousel-control-next span {
        font-size: 1.7rem;
    }

}
@media (max-width: 450px) {
    .single_content{
        padding: 0 !important;
    }
    .div_single{
        padding: 0 !important;
    }
    .titles_style p{
        margin-top: 0.5rem;
    }
    .card-body-order{
        padding: 3px !important;
        padding-top: 3px !important;
    }
    .info-order {
        padding-top: 0 !important;
    }
    .info-order i {
        font-size: 22px;
    }


}
.titles_style img{
    width: 40px;
}

.titles_style span {
    display: inline-block;
    position: relative;
    padding: 0 40px;


}
.titles_style span:before,.titles_style span:after {
    content: '';
    display: block;
    width: 1000px;
    position: absolute;
    top: 2em;
    border-top: 3px dotted #e7e7e7;

}
.titles_style span:before {
    right: 100%;
}
span:after {
    left: 100%;
}
@media (max-width: 400px) {
    .titles_style h2 {
        font-size: 19px;
    }
    .titles_style img{
        width: 35px;
    }
}

/* image effect cards */
.card_img,
.card_img2{
    margin: 0 0.5rem;
    box-shadow: 0 2px 8px 1px rgba(159, 144, 144, 0.2);
    background-color: inherit !important;
    border:0 !important;
    cursor: pointer !important;
    border-bottom: 0 !important;
}
.card_img2 {
    padding: 0 !important;
    margin: 0 0 10px 0 !important;
}

.card{
    background-color: inherit !important;
    border:0 !important;
}
.card_img img,
.card_img2 img{
    display: block;
    background: transparent;
}

.card_img:hover img,
.card_img2:hover img,
.card_img3:hover img
{

}

@media(min-width:992px){
    .card_img2 img {

    }
    .card_img img {
        height:220px !important;
    }
}
@media(max-width:991px) and (min-width:850px){
    .card_img img {
        height:170px !important;
    }

}
@media(max-width:849px) and (min-width:768px){
    .card_img img {
        height:220px !important;
    }

}
@media(max-width:767px) and (min-width:657px){
    .card_img img {
        height:180px !important;
    }

}
@media(max-width:991px) and (min-width:657px){

    .card_img2 img {
        height:150px !important;
    }
}
@media(max-width:656px) and (min-width:530px){
    .card_img img {
        height:170px !important;
    }

}
@media(max-width:656px) and (min-width:533px){
    .card_img2 img {
        height:190px !important;
    }

}
@media(max-width:529px) and (min-width:350px){
    .card_img img {
        height:230px !important;
    }

}
@media(max-width:532px) and (min-width:440px){
    .card_img2 img {
        height:150px !important;
    }

}
@media(max-width:440px) and (min-width:350px){
    .card_img2 img {
        height:110px !important;
    }
}
@media(max-width:349px){
    .card_img2 img {
        height:90px !important;
    }
    .card_img img {
        height:200px !important;
    }
}

/* card style */
.card-body-style
{
    padding-left: 5px;
    padding-right: 5px;
    height: 110px;
    text-align: justify;
}
.card-body-style2 {
    padding: 1.5rem 0 1rem 1rem;
    text-align: justify;
}
.card-body-style_villa {
    padding-left: 5px;
    padding-right: 5px;
    text-align: justify;
}
.card-body-style_villa h4{
    height: 30px;
}
.text-green{
    color: #29b146 !important;
    font-weight: 400 !important;
}
.card-body-style_villa .villa_content{
    height: 50px;
}
.card-body-style_villa h4 , .card-body-style_villa h4 a ,
.card-body-style2 h4 , .card-body-style2 h4 a ,
.card-body-style h4 , .card-body-style h4 a
{
    color: #41464b !important;

}
.villa_content{
    padding-top: 0.8rem;
    font-weight: 400;
    font-size: 13px !important;
    color: #646464;
}
.card-body-style2 p{
    color: #000000c2;
    font-weight: 400;
}
.card-body-style3 img
{
    height: 200px !important;
}
.card-body-style_loc{
    height: 140px;
}
.card{
    border-bottom:1px solid #ededed !important;
    border-top: 0;
    border-left:0;
    border-right: 0;
    background: transparent !important;
}
.card_img2 img,
.card_img img,
.img_style{
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
    background: transparent;
}
.card_img img{
    height: 200px;
}
.card_img2 img{
    height: 120px !important;
}
.list_images div{
    background-color: transparent !important;
}
.title_price{
    padding: 5px;
    font-weight: 500;
    color: #41464b !important;
    text-align: center;
    font-size: 14px;
    background: #e6e6e666;
}
.title_price_list{
    font-weight: 500;
    color: #41464b !important;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    background: #e6e6e666;
    padding: 5px;
}
.info-villa span , .info-villa-list span{
    color: #404040;
    font-weight: 500;
    font-size: 13px !important;
}
.info-villa i{
    color: #363333a8;
    font-size: 18px !important;
    font-weight: 600;
    display: inline-block;
}
.info-villa-list i{
    color: #363333a8;
    font-size: 18px !important;
    font-weight: 600;
    display: inline-block;
}
.btn-price2 {
    padding: 5px 10px;
    font-size: 13px;
    background-color: #29b146;
    color: #fff;
    border: 0;
    border-radius: 2px;
}
.btn-price2:hover {
    background-color:  #29b146;
}
.btn_more_villa{
    float: left !important;
    margin-left: 1rem !important;
    width: fit-content;
}
@media (max-width: 991px) {
    .btn_more_villa{
        margin-bottom: 1rem;
    }
}
.img_height{
    padding: 1rem;
}
.img_height2{
    padding: 1rem 1rem 1rem 0;
}
.img_height3{
    padding: 0;
}
.img_height_blog{
    padding: 0;
}
.img_height img{
    object-fit: cover;
    border-radius: 10px !important;
    height: 250px !important;
}
.img_height2 img{
    object-fit: cover;
    border-radius: 10px !important;
    height: 175px !important;
}
.img_height3 img{
    object-fit: cover;
    border-radius: 0 5px 5px 0 !important;
    height: 220px !important;
}
.back_color{
    background-color: #f8f9fd;
}
.btn-more{
    padding: 5px 10px;
    font-size: 15px;
    background: rgb(7,91,41);
    background: linear-gradient(0deg, rgba(7,91,41,1) 0%, rgba(0,116,46,1) 6%, rgba(56, 142, 60) 47%, rgba(56, 142, 60) 50%, rgba(56, 142, 60) 77%);
    color: #fff;
    border: 0;
    border-radius: 5px;

}
.card-body-style-list{
    padding: 1rem 0.5rem;
}
@media (max-width: 1200px) {
    .img_height img{
        height: 220px;
    }

}


@media  (max-width: 1200px) and (min-width: 992px) {
    .card-body-style_villa h4{
        height: 45px;
    }
    .card-body-style_villa .villa_content{
        height: 50px;
    }
    .card-body-style_loc{
        height: 190px;
    }

}
@media  (max-width: 991px) and (min-width: 767px) {
    .card-body-style_villa h4{
        height: 55px;
    }
    .card-body-style_villa .villa_content{
        height: 65px;
    }
    .card-body-style {
        height: 158px;
    }
    .img_height img {
        height: 200px !important;
    }

    .card-body-style_loc{
        height: 160px;
    }

}
@media  (max-width: 766px) and (min-width: 657px) {
    .card-body-style
    {
        height: 110px;
    }
    .card-body-style_villa h4{
        height: 45px;
    }
    .card-body-style_villa .villa_content{
        height: 65px;
    }
    .card-body-style_loc{
        height: 210px;
    }

}
@media  (max-width: 766px)  {
    .col-state{
        padding: 1rem !important;
    }
    .card-state{
        margin: 0 !important;
    }
    .img_height2 {
        padding: 1rem ;
    }
    .img_height3 img {
        object-fit: cover;
        border-radius: 5px 5px 0 0 !important;
        height: 270px !important;
        margin-bottom: 1rem !important;
    }
    .card-body-style2 {
        padding: 0 1rem 1rem 1rem;
    }
    .card-body-style-list{
        padding: 0 1rem 1rem 1rem;
    }
    .title_price_list{
        margin-right: 1rem;
    }
    .card-body-style-list p{
        margin-right: 0.5rem;
    }

}
@media  (max-width: 656px) and (min-width: 400px) {
    .card-body-style_loc{
        height: 150px;
    }
    .img_height_loc img{
        object-fit: cover;
        height: 250px !important;
    }
}
@media  (max-width: 399px) {
    .card-body-style_loc{
        height: 180px;
    }
    .img_height_loc img{
        object-fit: cover;
        height: 220px !important;
    }
    .col-loc{
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}
@media  (max-width: 450px)  {
    .col-state3{
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .col-state {
        padding: 0 !important;
        margin-bottom: 0.5rem !important;
    }
    .img_height2 img {
        height: 250px !important;
    }
    .img_height3 img {
        height: 220px !important;
    }

}

@media  (max-width: 349px)  {
    .img_height2 img , .img_height img{
        height: 200px !important;
    }
}
@media  (max-width: 656px) and (min-width: 452px){
    .card-body-style
    {
        height: 150px;
    }
    .card-body-style_villa h4{
        height: 45px;
    }
    .card-body-style_villa .villa_content{
        height: 65px;
    }


}

@media  (max-width: 451px) and (min-width: 385px) {
    .card-body-style
    {
        height: 140px;
    }
}
@media  (max-width: 384px) {
    .card-body-style
    {
        height: 170px;
    }
}
@media  (max-width: 430px) and (min-width: 390px) {
    .card-body-style2
    {
        height: 100px;
    }
    .div_posts{
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}
@media  (max-width: 389px) {
    .card-body-style2
    {
        height: 140px;
    }
    .div_posts{
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .card-body-style_villa h4{
        height: 45px;
    }
    .card-body-style_villa .villa_content{
        height: 55px;
    }
}

@media  (max-width: 767px) {
    .card-body-style2 p
    {
        padding-right: 1rem !important;
        font-size: 13px !important;
    }
}
@media  (max-width: 567px) {
    .card-body-style2 p
    {
        font-size: 13px !important;
    }
}
/* slider */
.slick-slider{
    margin-bottom: 2rem !important;
}
.aniimated-thumbnials2 .slick-dots li button:before{
    color: #fff !important;
    font-size: 2rem !important;
}
.aniimated-thumbnials2 .slick-dots {
    bottom: 25px !important;
}
.villa_slider .slick-slide{
    min-height: 450px;
}
.div_posts a:focus {
    box-shadow: none !important;
    outline: none !important;
    border:0  !important;
}

.slick-initialized .slick-slide{
    height: auto !important;
}
.villa_slider{
    padding-bottom: 3rem;
}
.villa_slider .slick-prev {
    right: auto !important;
    left: 2.8rem !important
}
.villa_slider .slick-next {
    right: auto !important;
    left: 1rem !important;
}
.villa_slider .slick-prev, .villa_slider .slick-next {
    top: auto !important;
    bottom: -30px !important;
}
.villa_slider .slick-prev:hover , .villa_slider .slick-next:hover {
    color: #444444 !important;
}
.comments_slider , .blog_container{
   padding-bottom: 4rem;
   padding-top: 4rem;
}
.comments_slider .slick-prev {
    right: 47% !important;
    left: 47% !important;
}
.comments_slider .slick-next {
    right:53% !important;
    left: 53% !important;
}
.comments_slider .slick-prev, .comments_slider .slick-next {
    top: auto !important;
    bottom: -50px !important;
}
.comments_slider .slick-prev:hover , .comments_slider .slick-next:hover {
    color: #444444 !important;
}

@media (max-width: 529px) and (min-width: 453px) {
    .villa_slider .slick-slide{
        min-height: 470px;
    }
}
@media (max-width: 379px) {
    .villa_slider .slick-slide{
        min-height: 430px;
    }
    .metrajh_div , .room_div , .bed_div {
        padding-left: 5px !important;
    }
}
.villa_slider .slick-prev:before,
.villa_slider .slick-next:before {
    font-size: 22px !important;
    color: #929292a8 !important;
    font-family: 'icomoon'!important;
    vertical-align: middle;
    cursor:pointer !important;
}
.villa_slider .slick-next:before  {
    content: "\e920" !important;
}
.villa_slider .slick-prev:before  {
    content: "\e91f" !important;
}

.comments_slider .slick-prev:before,
.comments_slider .slick-next:before {
    font-weight: bold;
    font-size: 22px !important;
    color: rgb(131, 126, 126) !important;
    font-family: 'icomoon'!important;
    vertical-align: middle;
    cursor: pointer !important;
}
.comments_slider .slick-next:before {
    content: "\e913" !important;
}
.comments_slider .slick-prev:before {
    content: "\e912" !important;
}
@media (max-width: 767px)  and (min-width: 380px){
    .comments_slider .slick-prev {
        right: 45% !important;
        left: 45% !important;
    }
    .comments_slider .slick-next {
        right:55% !important;
        left: 55% !important;
    }
}
@media (max-width: 379px){
    .comments_slider .slick-prev {
        right: 35% !important;
        left: 35% !important;
    }
    .comments_slider .slick-next {
        right: 65% !important;
        left: 65% !important;
    }
}


/* Tabs*/
#tabs .section-title {
    text-align: center;
    margin-bottom: 50px;
    text-transform: uppercase;
}

#tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: transparent;
    border-bottom: 2px solid  #29b146 !important;
    border-right: 0 !important;
    border-left: 0 !important;
    border-top: 0 !important;
}
.nav-tabs a,
.nav-tabs.active{
    color: #1d1d1d;
    padding-top: 1.3rem;
    font-weight: 400;

}
.tab_custom .nav-link{
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    font-weight: 500;
    color: #495057;
}
.tab_custom:nth-child(1) .nav-link:hover{
    color: #29b146 !important;
}
.col-blog{
    padding-left: 0 !important;
}

#tabs .nav-tabs .nav-link {
    border: 1px solid  #ededed;
    border-right: 0;
    border-left:0;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    font-size: 20px;
    background-color: transparent;
}
.title_tabs h4 {
    font-size: 18px;
    color: #fff !important;
    font-weight: 500;

}
.title_tabs{
    border: 0 !important;
    cursor: default;
    background-color:  #29b146 !important;
    border-radius: 0;
}
.title_tabs a{
    cursor: default;
}

.more p {
    display: flex;
    align-items: center;
    justify-content: center;
}
.more p span {
    background: #fff;
    margin: 0 15px;
}
.more p:before,
.more p:after {
    background: black;
    height: 2px;
    flex: 1;
    content: '';
}
.more p.left:after {
    background: none;
}
.more a{
    color:#29b146;
    font-weight: 400;
}
@media (min-width: 357px) {
    .more_link{
        padding: 0 !important;
    }
}
/* list images */
.box8{
    cursor: pointer;
}
.box8 .icon,.box8 .title{
    margin:0;
    position:absolute;
}
.box8{
    position:relative;
}
.box8 img{
    width:100%;
    height:200px;
}
.box8 .icon li a,.box8 .title{
    background:#ff503f;
    font-size:14px;
    color:#fff;
    border-radius: 0!important;
}
.box8 .title{
    padding:5px 7px;
    border-radius:5px;
    font-weight:600;
    bottom:20px;
    right:20px;
    transition:all .9s ease 0s;
}
.box8 .icon li a{
    transition:all .35s ease 0s;
}
.box8 .icon{
    list-style:none;
    padding:0;top:42%;
    left:0;
    right:0;
}
.box8 .icon li a{
    display:block;
    width:40px;
    height:40px;
    line-height:40px;
    border-radius:50%;
    margin-right:7px;
}
.box8 .icon li a:hover{
    background:#fff;
    color:#000;
}

@media only screen and (max-width:990px){
    .box8{
        margin-bottom:20px;
    }
}
@media(max-width:991px)and (min-width:768px){
    .box8 img{
        height:150px;
    }
}
@media(max-width:656px)and (min-width:450px){
    .box8 img{
        height:300px;
    }
}

.single_img{
    object-fit: cover !important;
}
.title_align{
    text-align: right !important;
}

@media (max-width: 656px) {
    .title_align{
        text-align: center !important;
    }
}
@media (max-width: 430px) {
    .card_img{

    }
}
.img_height_blog img{
    border-radius: 3px !important;
    height: 300px;
    object-fit: cover;
}
.card-body-style4{
    height: 170px;
}
.card-img-blog{

    box-shadow: none;
    background-color: transparent !important;
}
.card-img-blog img{
    object-fit: cover;
    border-radius: 3px !important;
}
.card-img-blog p{
    font-size: 14px !important;
}
.card-body-style-blog{
    height: 120px;
}
@media (max-width: 767px) and (min-width: 430px){
    .card-body-style-blog{
        height: 80px;
    }
    .card-body-style-blog p{
        padding-right: 1rem !important;
    }
    .card-body-style4{
        height: 130px;
    }
    .col-blog{
        padding-left: 1rem !important;
    }
    .card-img-blog img{
        height: 150px !important;
    }
}
@media (max-width: 429px){
    .card-body-style-blog{
        height: 110px;
    }
    .card-body-style-blog p{
        padding-right: 1rem !important;
        font-size: 13px !important;
    }
    .card-body-style4{
        height: 160px;
    }
    .col-blog{
        padding-left: 1rem !important;
    }
    .card-img-blog img{
        height: 110px !important;
    }

}
/*********** comments index **********************/
.card-comments{
    cursor: default !important;
}
.card-comments span , .card-comments p{
    text-align: center !important;
    cursor: default !important;
}
.img_comment{
    cursor: default !important;
    text-align: center;
    border-radius: 50%;
    width: 80px;
    height: 80px !important;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -35px;
    z-index: 900;
    object-fit: cover;
}
.card-body-comment{
    cursor: default !important;
    background-color: #f8f9fd;
    padding-top: 45px;
}
.name_comment{
    margin-bottom: 5px;
    font-weight: bold;
    padding-bottom: 0;
    padding-top: 5px;
    color: #000000d6;
}
.city_comment{
    color: #898989;
    margin-bottom: 0;
}
.text_comment{
    padding-top: 0.8rem;
    font-weight: 400;
    font-size: 13px !important;
    color: #454946;
    height: 80px;
}

@media (max-width: 991px) {
    .card-body-comment {
        padding: 45px 5px 5px 5px;
    }
    .text_comment {
        padding-top: 0.8rem;
        font-weight: 400;
        font-size: 13px !important;
        height: 110px;
    }
}

.green_back{
    background: rgba(56, 142, 60);
    /*background: rgb(7,91,41);*/
    /*background: linear-gradient(0deg, rgba(7,91,41,1) 0%, rgba(0,116,46,1) 6%, rgba(56, 142, 60) 47%, rgba(56, 142, 60) 50%, rgba(56, 142, 60) 77%);*/
}
.div_info{
    padding: 2rem 0;
}
.div_info p{
    font-size: 19px !important;
    color: #fff;
    padding-top: 5px;
}
.div_info button a{
    font-size: 16px;
    font-weight: 500;
    color: #333232ed;
}
@media (max-width: 656px) {
    .div_info{
        width: 95% !important;
        padding: 1rem 0;
    }
    .div_info p{
        font-size: 19px !important;
        margin-bottom: 1rem !important;
    }
    .div_info button a{
        font-size: 15px;
    }
    .div_info .clearfix{
        text-align: center !important;
    }
    .div_info .float-right ,  .div_info .float-left{
        float: none !important;
    }
}
@media (max-width:400px) {
    .div_info p{
        font-size: 17px !important;
        margin-bottom: 1rem !important;
    }
    .div_info button a{
        font-size: 14px;
    }
}


/*************************footer***********************************/
.footer{
    width:100%;
    min-height:250px;
    padding: 20px 0px 25px 0px;
    background-color: #f8f9fd;
}
.footer h5 {
    font-size:16px;
}
.run-in{
    font-size: 15px;
    padding: 0;
    margin: 0;
    line-height: 1.2rem;
    display: inline-block;
    font-weight: 500;
    color: #272727;
}
.fartaak_title{
    padding-top: 1.7rem;
}
.social_footer_ul {
    margin: 0 auto !important;
    padding: 0;
    list-style-type:none;
    text-align: center;  padding: 0;
}
.social_footer_ul li {
    padding-right: 15px;
    float:left;
    cursor: pointer;
}
.social_footer_ul li a {
    color:#fff;
}
.social_footer_ul li i {
    text-align:center;
}
.social_footer_ul i{
    color: #29b146;
    cursor: pointer;
    font-size: 16px;
}
.social_footer_ul i:hover{
    transition: 0.5s;
    color: #2eb34c;
}
.social_google img:hover{
    opacity: 0.8;
}
ul.social-network {
    list-style: none;
    display: inline;
    margin-left:0 !important;
    padding: 0;

}
ul.social-network li {
    display: inline;
}

.col_white_amrc {
    color:#fff;
}
.pt2 {
    padding-top:40px ;
    margin-bottom:20px ;
}
.footer p {
    font-weight: 400;
    font-size: 13px;
    color: #5e5252;
    padding-bottom: 0;
    margin-bottom: 0 !important;
    line-height: 1.55rem;
}
.mb10 {
    padding-bottom:15px ;
}


.footer_ul_amrc {
    margin:0px ;
    list-style-type:none ;
    font-size:14px;
    padding:0px 0px 10px 0px ;
}
.footer_ul_amrc li {
    padding:0px 0px 5px 0px;
}
.footer_ul_amrc li a{
    color: #525252;
    transition: 0.5s;
    font-weight: 500;
}
.footer_ul_amrc li a:hover{
    color: #29b146;
    text-decoration:none;
    transition: 0.5s;
}
.footer_ul_amrc  ul {
    list-style: none;
}
.footer_ul_amrc  li {
    text-align: right;
    padding-right: 16px;
    margin-bottom: 0.25rem;
}


.fleft {
    float:left;
}
.padding-right {
    padding-right:10px;
}

.top_border {
    padding-bottom:20px;
}
.footer_bottom{
    border-top: 1px solid #ababab59;
}
.footer_bottom p{
    color:#757575;
    font-size: 13px;
}
.copy_right p{
    color: #525252;
    font-size: 13px;
}
.fartak a{
    color: #525252;
    font-weight: 500;
}
.fartak a:hover{
    color:  #29b146;
}
.fartak p{
    color: #525252;
    font-weight: 500;
}
.fartak img{
    width: 75px !important;
}



@media (min-width: 768px) and (max-width: 1199px) {
    .social_footer_ul li{
        padding-bottom: 15px;
    }

}

@media (max-width:1199px) and (min-width: 992px) {
    .social_footer_ul i{
        font-size: 14px;
    }
}

.line_footer {
    background-color:#d5e9b6 !important;
}


#mailpoet_form_1 .mailpoet_text, #mailpoet_form_1 .mailpoet_textarea {
    border-radius: 5px;
    margin-bottom: 1rem;
    padding: 10px;
    outline: none !important;
    box-shadow: none !important;
    text-align: left !important;
}

#mailpoet_form_1 .mailpoet_paragraph {
    text-align: left;
    line-height: 20px;
}

.input_connect{
    padding-top: 0.5rem;
}
.input_connect input[type=email]{
    border:0 !important;
    padding: 1rem;
    text-align: center !important;
    box-shadow: 0 10px 16px 0 rgba(99, 99, 99, 0.2),0 6px 20px 0 rgba(180, 180, 180, 0.19) !important;
    width: 100% !important;
}
.input_connect input[type=submit]{
    text-align: left;
    border-radius: 5px;
    background: rgb(7,91,41);
    background: linear-gradient(0deg, rgba(7,91,41,1) 0%, rgba(0,116,46,1) 6%, rgba(56, 142, 60) 47%, rgba(56, 142, 60) 50%, rgba(56, 142, 60) 77%);;
    color: #f1f1f1;
    font-size: 14px;
    border: 0 !important;
    padding: 5px;
    cursor: pointer !important;
}
.input_connect input[type=submit]:hover{
    transition: 0.5s;
    background: rgb(7,91,41);
    background: linear-gradient(0deg, rgba(7,91,41,1) 0%, rgba(0,116,46,1) 6%, rgba(56, 142, 60) 47%, rgba(56, 142, 60) 50%, rgba(56, 142, 60) 77%);;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}

.input_connect input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fefefe !important;
    text-align:right !important;
}
.input_connect .mailpoet_validate_success{
    font-size: 12px !important;
    padding-top: 0.1rem;
}
.col_footer_contact{
    text-align: left !important;
}
@media (max-width: 991px) and (min-width: 657px) {
    .col_footer_contact .footer_ul_amrc  li {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .links_footer{
        text-align: left !important;
    }
    .footer_ul_amrc  li {
        padding-right: 0 !important;
        padding-left: 1rem !important;
    }
    .footer_ul_amrc{
        padding: 0 !important;
    }
}
@media (max-width:656px) {
    .social_footer_ul {
        display: table;
    }
    .links_footer{
        text-align:center !important;
    }
    .col_footer_contact , .col_footer_contact .social_footer_ul {
        margin: auto !important;
        text-align: center !important;
    }
    .links_footer{
        padding-left: 1rem !important;
    }
    .links_footer2 ul li{
        padding: 0px 0px 5px 35px;
    }
}
.fa-circle{
    color: #29b146;
    cursor: pointer;
}
@media (max-width:767px) {
    .fartaak_title {
        padding-bottom: 1rem !important;
        padding-top: 0 !important;
    }
}
@media (max-width:991px) {
    .links_footer2{
        margin-bottom: 1rem;
    }
}
@media (max-width:400px) {
    .links_footer2{
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-bottom: 0;
    }
    .links_footer2 li{
        text-align: center;
    }

}


/* *********************************** */

.tag-special {background: #A2D9FD; border: 3px solid black; padding: 10px;}

/*custom pagination */
.custom-pagination {
    text-align:center;
    direction:rtl !important;
}
.pagination {
    display:inline-block;
}
.custom-pagination a,
.custom-pagination span
{
    font-weight: 400;
    color: #3f3939;
    text-decoration:none;
    padding:0 10px;
    border-radius:3px;
}
.custom-pagination a
{
    background-color: #9a9a9a33;
}
.custom-pagination a:hover
{
    color: #fff;
    background: rgb(7,91,41);
    background: linear-gradient(0deg, rgba(7,91,41,1) 0%, rgba(0,116,46,1) 6%, rgba(56, 142, 60) 47%, rgba(56, 142, 60) 50%, rgba(56, 142, 60) 77%);
}
.custom-pagination span
{
    color: #fff;
    background: rgb(7,91,41);
    background: linear-gradient(0deg, rgba(7,91,41,1) 0%, rgba(0,116,46,1) 6%, rgba(56, 142, 60) 47%, rgba(56, 142, 60) 50%, rgba(56, 142, 60) 77%);
}

/* show cats */
.title a:last-child .separator:last-child {   display: none; }.breadcrumb-container li:last-child .separator:last-child {   display: none; }.parent-categories a:last-child {

                                                                                                                                            }
.title a{
    color:#fff !important;
}

/* ********************************* list page ******************************** */
/* breadcrump */
.container-bread{
    background-color: #f8f9fd;
}
.bread_list{
    margin-top: 5rem
}
.bread_single{
    margin-top: 1rem;
}
@media (max-width: 637px) {
    .bread-div {
        padding: 0;
    }
}
.bread-custom{
    padding: 5px;
    direction: rtl !important;
    background-color: transparent !important;
}
.bread-custom li{
    float: right;
}
.bread-custom li a {
    color: #b3b3b3 !important;
    font-weight: 400;
    font-size: 14px;
}
.bread-custom li a:hover {
    color:  #29b146 !important;
}
.bread-custom .active {
    cursor: default !important;
    color: #7d7979;
    font-weight: 500;
    font-size: 14px;
}
#bg_search_blog{
    background-color: transparent !important;
}
.container_search_blog{
    background: rgb(7,91,41);
    background: linear-gradient(0deg, rgba(7,91,41,1) 0%, rgba(0,116,46,1) 6%, rgba(56, 142, 60) 47%, rgba(56, 142, 60) 50%, rgba(56, 142, 60) 77%);
    border-radius: 10px;
    border: 5px solid #f6f6f6;
    margin-top: 1rem;
}
.line_red,.line_red2  {

}
.line_red2  {
}
.card_list:hover .line_red2{

}

.card-border2 {
    border:1px solid #e7e7e7 !important;
    border-radius:1px;
}
.card-border1 {
    border:1px solid #9f9f9f !important;
    border-radius:1px;
}
.card_list h5 , .more{
    font-size:15px;
    line-height:31px;
}
.main-text{
    font-size:13px !important;
}
.card_list ul{
    list-style:none;
}
.card_list ul li , .card_list p , .card_list a{
    color: #434343;

}
.card_list p , .card_list li{
    font-size:13px;
    line-height:31px;
}
.card_list ul li{
    font-size:15px;
    font-weight:500;
    line-height:32px;
}
.card_list ul .list_item:hover {
    cursor: pointer;
}
.card_list ul .list_item:hover {
    color: #29b146;
}
.card_list ul .list_item:hover::before {
    content: "\2022";
    color: #29b146;
    font-weight:bolder;
    display: inline-block;
    width: 1em;
    margin-left:2px;

}
.bg-color:hover{
    border-color:#29b146 !important;
}
.card-date {
    color:#9d9d9d !important;
    font-size: 11px !important;
    font-weight: 400;
}
.badge-default{
    cursor:pointer;
    background:#29b146 !important;
    color:#fff !important;
}
.more_list , .fa-angle-left{
    cursor:pointer;
    color:#41464b !important;
    vertical-align: middle;
}
.more_list{
    font-weight:500;
}
.more_list:hover{
    color:#29b146 !important;
}
.card_img3 img{
    border:0 !important;
    border-radius:5px;
    object-fit: cover;
}

.card-body-style_loc p{
    text-align: justify;
    cursor: pointer !important;
    font-size: 14px !important;
    font-weight: 400;
    margin-top: 1rem;
}
@media  (min-width: 992px) {
    .card-body-style3
    {
        height: 162px;
    }

}
@media  (max-width: 656px) and (max-width: 401px) {

    .card-body-style3 img
    {
        height: 250px !important;
    }
}
@media  (max-width: 400px) {

    .card-body-style3 img
    {
        height: 140px !important;
    }
}

/* ********************************* single page ******************************** */

.features ul{
    border-top:1px solid #f1f1f1;

}
.features ul li{
    background-color:transparent !important;
    border:1px solid #f1f1f1;
    border-left:0 !important;
    border-right:0 !important;
    border-top:0 !important;
    padding:15px;

}
.features button {
    font-size: 14px;
    width:150px;
    cursor: default!important;
    background: rgb(7,91,41);
    background: linear-gradient(0deg, rgba(7,91,41,1) 0%, rgba(0,116,46,1) 6%, rgba(56, 142, 60) 47%, rgba(56, 142, 60) 50%, rgba(56, 142, 60) 77%); !important;
    box-shadow: 0 10px 16px 0 rgba(99, 99, 99, 0.2),0 6px 20px 0 rgba(180, 180, 180, 0.19) !important;
    border:0 !important;
    margin-top:4px;

}
.parent {
    position: relative;

}
.child {
    position: absolute;
    top: -30px;
}
.vl {
    border-left:1px solid #f1f1f1;
    height: 200px;
}
.post_info i{
    display: inline-block;
    color:#29b146 !important;
    vertical-align: middle;
}
.post_info p{
    color:#979797 !important;
    font-size: 12px;
}
.post_info h3{
    font-size: 14px;
    font-weight: bold;
}
.post_info span{
    font-size:12px;
    font-weight:500;
}
.custom-tag span  , .default-tag a
{
    margin-left: 5px;
    color: #fff;
    text-decoration:none;
    border-radius:3px;
    background-color: #949494 !important;
    padding:0 5px;

}
.custom-tag span:hover , .default-tag a:hover
{
    background-color:#29b146 !important;
    border-radius:3px;
}
.card-tags a{
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    border-radius: 5px;
    padding: 2px 5px;
    margin-bottom: 5px !important;
    display: inline-block;
    background-color: #797979;
}
.card-tags a:hover{
    color: #fff;
    border-color: transparent;
    background-color:#29b146 !important;
}
.main_comment{
    background-color: #2cff060d !important;
}
.main_comment span{

    color:#808080 !important;
}
.main_comment p{
    font-weight:500;
}
.main_comment button ,
.main_comment i{
    cursor:pointer;
    background: rgb(7,91,41);
    background: linear-gradient(0deg, rgba(7,91,41,1) 0%, rgba(0,116,46,1) 6%, rgba(56, 142, 60) 47%, rgba(56, 142, 60) 50%, rgba(56, 142, 60) 77%); !important;
    color:#fff;
    font-size:15px;
}
.hvr-bounce-to-bottom{
    font-size: 14px;
    background: rgb(7,91,41);
    background: linear-gradient(0deg, rgba(7,91,41,1) 0%, rgba(0,116,46,1) 6%, rgba(56, 142, 60) 47%, rgba(56, 142, 60) 50%, rgba(56, 142, 60) 77%); !important;
    color:#fff;
    border-radius: 3px;
}
.hvr-bounce-to-bottom i{
    cursor:pointer;
}

.hvr-bounce-to-bottom i{
    color:#fff;
}
.bqYfxb {
    background: rgb(7,91,41);
    background: linear-gradient(0deg, rgba(7,91,41,1) 0%, rgba(0,116,46,1) 6%, rgba(56, 142, 60) 47%, rgba(56, 142, 60) 50%, rgba(56, 142, 60) 77%);
    position: relative;
    display: inline-block;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    text-align: center;
    box-sizing: border-box;
    appearance: none;
    text-decoration: none;
    white-space: nowrap;
    border-radius: 38px;
    width: 100%;
    flex: 1 1 auto;
    height: 38px;
    color: #fff;
    border: 0px;
    padding: 0px 16px;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 38px;
    cursor: pointer;
    transition-property: color, background-color, padding, margin, box-shadow;
    transition-duration: 0.15s, 0.15s, 0.15s, 0.15s, 150ms;
    transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, linear;
    outline: 0px;
    margin-bottom: 16px;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
}

.chAJPq::after {
    content: "";
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.75);
    width: 29.9px;
    height: 100%;
    left: 0px;
    top: 0px;
    opacity: 0.75;
    filter: blur(10px);
    transition: transform 0s ease 0s;
    transform: translateZ(0px);
    will-change: transform;
    animation: 2s cubic-bezier(0, 0, 0, 1.75) 0s infinite normal none running Shine;
}
@keyframes cixhCJ{0%{transform:translateX(100%);}100%{transform:translateX(-100%);}}/*!sc*/
@keyframes Shine{from{transform:translateX(150px) skewX(-15deg);}to{transform:translateX(-50px) skewX(-15deg);}}/*!sc*/

/* Bounce To Bottom */

.btn_comment {
    margin-right: auto;
    padding: 0.6rem 0;
    font-size: 19px;
    background: rgb(7,91,41);
    background: linear-gradient(0deg, rgba(7,91,41,1) 0%, rgba(0,116,46,1) 6%, rgba(56, 142, 60) 47%, rgba(56, 142, 60) 50%, rgba(56, 142, 60) 77%); !important;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    cursor: pointer;
    margin-left: auto;
}

.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
    color: white;
    background: rgb(7,91,41);
    background: linear-gradient(0deg, rgba(7,91,41,1) 0%, rgba(0,116,46,1) 6%, rgba(56, 142, 60) 47%, rgba(56, 142, 60) 50%, rgba(56, 142, 60) 77%); !important;

}
.bqYfxb:hover{
    background: linear-gradient(
            0deg
            , rgb(23 172 85) 0%, rgba(0,116,46,1) 6%, rgb(43 145 47) 47%, rgba(56, 142, 60) 50%, rgba(56, 142, 60) 77%);
}
.bqYfxb.disabled:hover , .bqYfxb.disabled{
    background:gray !important;
}
.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
    border-radius: 3px;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.link_tax a{
    color:#212529 !important ;
}
.link_tax a:hover{
    color:#29b146 !important
}

/* list ralations */
div.gallery {
    border-radius: 8px;
    background: transparent;
    cursor: pointer;
}

div.gallery img {
    border-radius: 5px 5px 0 0;
    object-fit: cover !important;
    width: 100%;
    height: 150px;
    opacity: 1;
}
.gallery img:hover {

}
.gallery .desc {
    font-size: 14px;
    border-radius: 0 0 5px 5px;
    transition: 0.5s;
    cursor: pointer;
    padding: 15px;
    text-align: center;
    background-color: #e6e6e6;
    color: #3a3737 !important;
    font-weight: 500;
    box-shadow: 1px 2px 5px 1px rgba(146, 146, 146, 0.1);
}
@media (max-width: 1199px) and (min-width: 992px) {
    .gallery .desc {
        height: 80px;
    }
}
@media (max-width: 767px) and (min-width: 657px) {
    .gallery .desc {
        height: 80px;
    }
}
@media (max-width: 565px) and (min-width: 451px) {
    .gallery .desc {
        height: 80px;
    }
}
@media (max-width: 450px)  {
    .div_relations{
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    div.gallery img {
        height: 200px !important;
    }
}
.desc h4 , desc span{
    color:#fff !important;
    font-weight: 400;
}
div.gallery:hover{
    box-shadow: 1px 2px 5px 1px rgba(146, 146, 146, 0.5);
}

div.desc:hover {
    transition: 0.5s;
    background-color:#29b146 !important;
    color:#fff !important;
}
div.gallery:hover .desc{
    color:#fff !important;
    transition: 0.5s;
    background-color:#29b146 !important;
}

* {
    box-sizing: border-box;
}
.responsive {
    float: left;
}

@media only screen and (max-width: 500px) {
    .responsive {
        width: 100%;
    }
}
@media(max-width:767px){
    .vl {
        display:none;
    }

}

@media(max-width:1190px){
    .post_social{
        margin-bottom: 1rem !important;
    }

}

/* comments */
@media(max-width:343px){
    .title_comments{
        font-size:13px !important;
    }

}
.title_comments{
    font-weight: 500;
    color:#959595 !important;
}
.list-comments{
    margin-top: 0;
}
.comment-body{
    background-color: #27ff000d;
    overflow: hidden;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 0.5rem;
    padding: 0.5rem 5px 0.5rem 5px;
    border-radius: 2px;
}

.comment-list{
    margin-top: 2rem;
    padding-right: 0 !important;
    margin-bottom: 3rem;
}
.comment-list li{
    list-style-type: none;
}
.comment-list img{
    border-radius: 15px;
    margin-left: 0.5rem;
}
.comment-author {
    cursor: default;
    font-size: 14px;
    color: #636363;
}
.comment-metadata a{
    color: #636363 !important;
    margin-right: 2.6rem;
}
.comment-content p {
    color: #252525 !important;
    font-weight: 400;
    margin-right: 2.6rem;
    margin-top: 1.5rem;
    cursor: default;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.comment-list .reply{
    float: left;
}
.comment-list .reply a{
    padding: 0 5px;
    color: #29b146  !important;
    border-radius: 5px;
}


.comment-list .reply a:before {
    font-family: "icomoon";
    content: "\e923";
    font-style: normal;
    text-decoration:none;
    display: inline-block;
    width: 1.2em;
    color: #29b146 !important;
    font-size: 14px;
    vertical-align: middle;
    padding-left: 5px;
    font-weight: 300;
}

.logged-in-as a{
    color: #828282 !important;
    font-size: 14px;
}
.comment-reply-title{
    font-weight: bold;
    margin-bottom: 2rem;
    font-size: 18px;
    color: #000000c7 !important
}
.logged-in-as a:hover {
    color:#29b146 !important;
}

.comment-reply-title:before{
    font-family: "icomoon";
    font-weight: 900;
    content: "\e923";
    display: inline-block;
    width: 1.7em;
    color:#29b146 !important;
    font-size: 18px;
    vertical-align: middle;
}
.comment-form-cookies-consent{
    display: none;
}
.row_input_comment{
    padding-left: 0.6rem;
    padding-right: 0.6rem;
    margin-top: 0.1rem;
    padding-bottom: 0.5rem;

}
.row_input_comment input , .row_input_comment textarea{
    border-color: #29b146;
}
.row_input_comment input:focus , .row_input_comment textarea:focus{
    border-color: #29b146;
}
.comment-reply-title a{
    color: #4c4c4c;
    font-size: 16px;
    font-weight: bold;

}
#cancel-comment-reply-link{
    color: #29b146 !important;
    padding-right: 7px;
}


.screen-reader-text {
    display: none !important;
}
.comment-navigation .nav-links{
    text-align: center;
    font-size: 13px;

}
.comment-navigation .nav-links a{

    color: #adadad !important;
}
.comment-respond{
    margin-top: 3rem;
}

.ajax-success{
    color: #46be52;
}
.ajax-error{
    color: red;
}
.comment-author a{
    color: #353535;
    font-weight: 500;
}
.comment-content a{
    color: #353535;
}
.comment-author a:hover{
    color: #353535;
    font-weight: 500;
}

.comments_link_style{
    color: #212529 !important;
    cursor: pointer !important;
}
.comments_link_style:hover{
    color: #29b146 !important;
}
.comment-form-cookies-consent{
    display: none !important;
}
#reply-title ,  .logged-in-as {
    margin-right: 1rem!important;
    font-size: 15px;
    color:#29b146 !important;
}
.logged-in-as {
    margin-top:1rem;
}
.logged-in-as a{
    color: #252525;
    font-weight: 400;
}
.logged-in-as a:hover{
    color: #29b146;
}
#cancel-comment-reply-link{
    font-size: 15px;
    background-color:#29b146 !important;
    padding: 2px 5px;
    border-radius: 3px;
    color:#fff !important;
    cursor: pointer;
}
.main_comment a{
    color:#fff !important;
}
.ajax-success , .ajax-placeholder{
    color:#29b146 !important;
    margin-right: 2.5rem!important;
}
.ajax-error{
    color:red !important;
    margin-right: 2.5rem!important;
}

.more_comments{
    font-size: 12px !important;
}
.div_comments{
    margin-right: 0.5rem !important;
}
@media (max-width:656px) {
    .btn_comment p{
        display: inline !important;
    }
    .btn_comment {
        height: auto !important;
        font-size: 15px;
    }
}
@media (max-width:767px) {
    .row_input_comment{
        margin-top: 0;

    }
    .comment-form-comment{
        padding-right: 0 !important;
        margin-right: 0 !important;
    }
    .commentUserinfFields{
        padding-left: 1rem !important;
    }
}

/*  **************** contact page**************************/
.card-back{
    background-color:#fdfdfd !important;
    box-shadow: 1px 2px 5px 1px rgba(146, 146, 146, 0.2);
}
.card-back h2{
    color:#b3b3b3;
    font-size:20px;
}
.card-back h4{
    font-size: 17px !important;
}

.wpcf7-submit{
    cursor: pointer;
}
.wpcf7-submit:hover{
    box-shadow: 1px 2px 5px 1px rgba(146, 146, 146, 0.5);
}
.contact_col i{
    font-size: 28px;
}
.contact_col p{
    text-align: justify;
}

/* contact7 style */
#form_contact label{
    width: 100%;
}
.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {
    border-color:#29b146 !important;
}
/*errors form */
.error {
    border-color:red!important;
}
@media (min-width: 1200px) {
    .contact_item{
        padding-right: 26px !important;
    }
}
@media (max-width: 400px) {
    .card-body-page{
        padding: 0 !important;
    }
}

/******************************************* styles villa ******************************************************/
/* datepicker*/
.form-control[readonly] {
    background-color: #fff !important;
}
.popover-header{
    background-color:#29b146 !important;
}

@media(max-width: 400px){
    .datepicker_border{
        border-left: 2px solid #d1d1d166;
    }
    .mds-bootstrap-persian-datetime-picker-popover {
        max-width: min-content !important;
    }
}
.mds-bootstrap-persian-datetime-picker-popover{
    top:90px !important;
}
.popover.bs-popover-auto[x-placement^=right] .arrow::before, .popover.bs-popover-right .arrow::before {
    top: -90px !important;
}
.popover.bs-popover-auto[x-placement^=right] .arrow::after, .popover.bs-popover-right .arrow::after {
    top: -90px !important;
}
.popover.bs-popover-auto[x-placement^=left] .arrow::after, .popover.bs-popover-left .arrow::after {
    top: -90px !important;
}
.popover.bs-popover-auto[x-placement^=left] .arrow::before, .popover.bs-popover-left .arrow::before {
    top: -90px !important;
}

@media(max-width: 656px) and (min-width: 600px){
    .popover{
        margin-right: 25% !important;
    }
    .popover_container .arrow{
        display: none !important;
    }
}
@media(max-width: 599px) and (min-width: 565px){
    .popover{

        margin-right: 22% !important;
    }
    .popover_container .arrow{
        display: none !important;
    }
}
@media(max-width: 564px) and (min-width: 520px){
    .popover{

        margin-right: 21% !important;
    }
    .popover_container .arrow{
        display: none !important;
    }
}
@media(max-width: 521px) and (min-width: 480px){
    .popover{

        margin-right: 19% !important;
    }
    .popover_container .arrow{
        display: none !important;
    }
}
@media(max-width: 479px) and (min-width: 451px){
    .popover{

        margin-right: 15% !important;
    }

}
@media(max-width: 450px) and (min-width: 430px){
    .popover{

        margin-right: 13% !important;
    }

}
@media(max-width: 429px) and (min-width: 405px){
    .popover{

        margin-right: 10% !important;
    }

}
@media(max-width: 404px) and (min-width: 380px){
    .popover{

        margin-right: 8% !important;
    }

}
@media(max-width: 379px) and (min-width: 365px){
    .popover{

        margin-right: 6% !important;
    }

}
@media(max-width: 364px) and (min-width: 350px){
    .popover{

        margin-right: 4% !important;
    }

}
@media(max-width: 349px) and (min-width: 338px){
    .popover{

        margin-right: 2% !important;
    }

}
@media(max-width: 337px) and (min-width: 208px){
    .popover{

        margin-right: 0 !important;
    }

}
@media(max-width: 435px){
    .mds-bootstrap-persian-datetime-picker-container table th, .mds-bootstrap-persian-datetime-picker-container table td {
        font-size: 12px !important;
    }
    .price_villa{
        font-size: 11px !important;
    }
}
@media(max-width: 992px) and (min-width: 768px){
    .input-group-rsrv i {
        font-size: 18px !important;
        padding: 10px 3px !important;
    }
    .form_reserve input[type="text"] {
        font-size: 12px;
        padding: 2px;
        font-weight: 500;
    }

}
/* admin villa features */
.div-featuers{
    margin-bottom: 1rem;
}
.villa_meta input , .villa_meta label{
    margin-bottom: 2rem !important;
}
.pulse {
    display: block;
    border-radius: 50%;
    cursor: pointer;
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
        box-shadow: 0 0 0 0;
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

/************************** single villa *********************************/
.div_villa_title{
    margin-bottom: 1.3rem;
}
.div_villa_title h1 a{
    font-size: 21px;
    margin: 5px 5px;
    font-weight: 500;
    color: #3f3e3e !important;
    line-height: 2.7rem;
}
.main_meta , .main_meta a{
    font-size: 15px;
    color: #3f3e3e !important;
    font-weight: 500;
    cursor: default;
    display: inline-flex;

}
.card_meta{
    margin-bottom: 1rem;
    padding: 1rem 5px;
    box-shadow: 1px 2px 5px 1px rgba(146, 146, 146, 0.2);
    border: 0 !important;
}
.city_meta a{
    cursor: pointer !important;
}
.col_card_meta{
    display: inline-block;
}
.icon_meta {
    vertical-align: middle;
    font-weight: 600;
    font-size: 1.5rem !important;
    color: #29b146  !important;
}
.title_villa {
    color: #2f2f2fcc;
    font-weight: 500;
    font-size: 18px !important;
}
.title_villa_rsrv{
    color: #fff;
    font-weight: 400;
    font-size: 16px !important;
}
.desc_title{
    font-size: 12px;
    font-weight: 400;
    color: #29b146;
}
.title_calender{
    background: rgb(7,91,41);
    background: linear-gradient(0deg, rgba(7,91,41,1) 0%, rgba(0,116,46,1) 6%, rgba(56, 142, 60) 47%, rgba(56, 142, 60) 50%, rgba(56, 142, 60) 77%);
    border-radius: 2px 2px 0 0;
    padding: 0 10px;
    color: #fff;
    font-size: 14px;
    margin-bottom: -40px !important;
}

.desc_calender{
    font-size: 14px !important;
}
.desc_calender span{
    font-weight: 500 !important;
    color: #2d2b2bcc;
}
.price_public{
    color: #002300;
    font-weight: 500;
}
.price_danger{
    color: red !important;
    font-weight: 500;
}
.price_warning{
    color: #ff4403 !important;
    font-weight: 500;
}
.price_info{
    color: green !important;
    font-weight: 500;
}
.list_prices{
    list-style: none;
    padding: 0 !important;
    margin-bottom: 1rem;
    font-size: 25px;

}

.list_prices li::before {
    content: "";
}
.list_prices i{
    vertical-align: middle;
    font-size: 20px;
}
.villa_social li{
    display: contents;
}
.villa_social li i{
    color: #5b5959;
    font-size: 20px !important;
    padding-left:5px;
    vertical-align: middle;
}
.leaflet-control-zoom {
    box-shadow: 1px 1px 7px 1px rgb(155 154 154 / 51%) !important;
    border-radius: 10px !important;
    border: 0 !important;
}
.leaflet-control-zoom-in{
    border-radius: 10px 10px 0 0 !important;
}
.leaflet-control-zoom-out{
     border-radius: 0  !important;
 }
.leaflet-control-zoom-fullscreen{
    border-radius: 0 0 10px 10px !important;
}
.leaflet-popup{
    bottom: 25px !important;
}
.leaflet-touch .leaflet-control-layers{
    box-shadow: 1px 1px 7px 1px rgb(155 154 154 / 21%) !important;
    border-radius: 10px !important;
    border: 0 !important;
}
@media (max-width: 656px) {
    .leaflet-touch .leaflet-control-layers {
        padding: 5px 5px 0 5px !important;
    }
}

/* gallery */
.lg-prev , .lg-next{
    background: transparent !important;
}
.lg-thumb{
    text-align: center;
    margin: auto;
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover{
    border-color:#29b146 !important;
}
.lg-outer {
    direction: ltr !important;
}
.lg-toolbar .lg-download:after {
    content: "\f56d" !important;
}
.panorama_list{
    margin-top: .6rem;
    margin-bottom: 0;
    padding: 0;
}
.panorama_list li{
    float: right;
    display: inline-grid;
    cursor: pointer;
    margin-left: 10px;
    margin-bottom: 10px;
}
.panorama_list li img{
    width:100px;
    height:100px;
    object-fit: cover;
    border: 2px solid #cfc7c7;
}
.panorama_list li.active img , .panorama_list li:focus img , .panorama_list li:hover img{
    border:2px solid #29b146 !important;
}
.slick-lightbox-inner .slick-prev:before,
.slick-lightbox-inner .slick-next:before ,
.lg-actions .lg-next:before ,
.lg-actions .lg-prev:after{
    font-size: 30px !important;
    color: #6c6b6b !important;
    font-family: "Font Awesome 5 Free" !important;
    vertical-align: middle;
    cursor: pointer !important;
    border-radius: 50%;
    font-weight: bold;
    padding: 0 7px 0 8px;
    background-color: #ececec;
    height: 0;
}
.slick-lightbox-inner .slick-next:before{
    padding: 0 7px 0 8px;
}
.slick-lightbox-inner .slick-prev:before{
    padding:0 8px 0 7px !important;
}
.slick-lightbox-inner .slick-prev{
    right: auto !important;
    left: 1.7rem !important;
    z-index: 10000;
}
.slick-next:before ,  .lg-actions .lg-next:before {
    content: "\f105" !important;
}
.slick-prev:before , .lg-actions .lg-prev:after{
    content: "\f104" !important;
}
.slider-nav .slick-current img{
    filter: brightness(1);
}
.slider-nav  {
    padding:0 7px;
}
.slider-nav img {
    cursor: pointer;
    filter: brightness(0.7);
    height:100px !important;
}
.slider-for img{
    filter: brightness(0.7);
}
.slider-nav img:hover , .slider-for img:hover{
    filter: brightness(1);
}

.slick-slide img {
    object-fit: cover;
    width: 100%;
    border-radius: 5px;
}

.carousel-nav--vertical , .slider-for{
    position: relative;
}
.carousel-nav--vertical {
    padding: 0 6px 0 15px !important;
}
.carousel-nav--vertical .slick-slide img{
    height:200px !important;
    width: 100% !important;
    margin-bottom:6px;
}
.btn-more-image{
    cursor: pointer;
    box-shadow: 1px 2px 5px 1px rgb(146 146 146 / 20%);
    position: absolute;
    bottom: 40%;
    left: 28%;
    border-radius: 25px;
    background: #fff;
    border: 0;
    color: #4f4d4d;
    font-size: 14px;
    font-weight: 500;
}
.btn-more-image:hover{
    color: #1b1b1b !important;
    background: #cfcccc;
}
.light-box-image{
    position: relative;
}
.light-box-image img{
    opacity: 0.7;
    filter: brightness(1) !important;
}
.light-box-image:hover img{
    opacity: .9;
}
.tooltip_gallery {
    position: relative;
}

.tooltip_gallery  .tooltiptext {
    visibility: hidden;
   width: 120px;
    background-color: #090909bf;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 0;
    position: absolute;
    z-index: 1;
    top: 101%;
    left: 50%;
    margin-left: -60px;
}


.tooltip_gallery:hover .tooltiptext {
    visibility: visible;
}

@media (min-width: 1199px){
    .slider-for img{
        height: 357px;
        object-fit: cover;
    }
}
@media (max-width: 1199px) and (min-width: 992px) {
    .carousel-nav--vertical .slick-slide img {
        height: 161px !important;
    }
    .slider-nav img{
        height:80px !important;
    }
    .btn-more-image {
        left: 23%;
    }
}
@media (max-width: 991px) and (min-width: 768px) {
    .slider-for img {
        height: 380px !important;
    }
    .carousel-nav--vertical .slick-slide img {
        height: 121px !important;
    }
}
@media (max-width: 767px) and (min-width: 657px) {
    .slider-for img {
        height: 271px !important;
    }
    .carousel-nav--vertical .slick-slide img {
        height: 296px !important;
    }
}
@media (max-width: 656px) and (min-width: 500px) {
    .slider-for img {
        height: 400px !important;
    }
    .carousel-nav--vertical .slick-slide img {
        height: 400px !important;
    }
    .carousel-nav--vertical .slick-slide {
        margin: 0 4px;
    }
}

@media (max-width: 499px) and (min-width: 385px) {
    .slider-for img {
        height: 300px !important;
    }
    .carousel-nav--vertical .slick-slide img {
        height: 300px !important;
    }
    .carousel-nav--vertical .slick-slide {
        margin: 0 4px;
    }
    .page_img{
        padding-top: 0;
    }
    .panorama_list li img{
        width:80px;
        height:80px;
    }
}
@media (max-width: 384px){
    .slider-for img {
        height: 240px !important;
    }
    .carousel-nav--vertical .slick-slide img {
        height: 240px !important;
    }
    .carousel-nav--vertical .slick-slide {
        margin: 0 4px;
    }
    .single-content2 h1 {
        line-height: 2rem;
    }
    .page_img{
        padding-top: 0;
    }
    .panorama_list li img{
        width:65px;
        height:65px;
    }
    .panorama_list li {
        margin-left: 5px;
        margin-bottom: 5px;
    }

}
.meta_gallery{
    margin-bottom: 0;
    border: 0 !important;
}
.meta_gallery_image{
    margin-top: 3.7rem;
    position: relative;
}
.meta_gallery iframe{
    border: 0;
    border-radius: 35px;
}
.meta_gallery .slick-slider{
    margin-bottom: 0 !important;
}
.meta_gallery .slick-initialized .slick-slide{
    margin: 0 2px !important;
}
.meta_gallery .slick-track{

}
.meta_gallery .slick-prev {
    right: 15px !important;
    z-index: 999;
}
.meta_gallery .slick-next {
    left: 25px !important;
    z-index: 999;
}
.meta_gallery .slick-prev:before,
.meta_gallery .slick-next:before {
    font-size: 20px !important;
    color: #4a4646 !important;
    font-family: "icomoon";
    vertical-align: middle;
    cursor: pointer !important;
    border-radius: 50%;
    padding: 5px;
    background-color: #fffafad9;
    font-weight: 600;
}
.meta_gallery .slick-next:before {
    content: "\e913" !important;
}
.meta_gallery .slick-prev:before {
    content: "\e912" !important;
}
.slider-nav img{
    object-fit: cover;
    border-radius: 5px;
    height: 170px !important;
    margin-bottom: 12px;

}
.meta_gallery .slider-nav img{
    margin-bottom: 0 !important;
}

.slider-for img {
    object-fit: cover;
    width: 100%;
    border-radius: 5px;
}
.slider-for img:focus{
    border: 0;
    outline: none !important;
}
.slick-lightbox-close:before {
    font-size: 2rem !important;
}
.glsr-summary-stars-single{
    z-index: 1;
    background: #fff;
    position: absolute;
    top: 2.1rem;
    right: .7rem;
    padding: 2px 5px 4px 5px;
    border-radius: 7px;
    border: 1px solid #767575;
}
.pnlm-panorama-info{
    left:0 !important;
}
#panorama{
    margin: auto !important;
    border-radius: 2px;
    max-width: 100% !important;
    width: 100% !important;
    height: 500px !important;
}
.pnlm-load-box p{
    font-size: 24px;
    text-align: center;
    color: #fff;
    font-weight: 500;
}
@media (max-width: 1199px) and (min-width: 992px) {
    .slider-for img {
        height: 307px !important
    }
    .slider-nav img{
       height: 145px !important;
    }
    #panorama {
        height: 400px !important;
    }
}
@media (max-width: 991px) and (min-width: 768px) {
    .slider-for img {
        height: 262px !important;
    }
    .slider-nav img{
        height: 123px !important;
    }
    .btn-more-image {
        left: 8.5%;
        padding: 5px 10px;
    }
    .glsr-summary-stars-single {
        right: .8rem;
    }
    #panorama {
        height: 400px !important;
    }

}
@media (max-width: 767px) and (min-width: 657px) {
    .slider-for img {
        height: 330px !important;
    }
    .slider-nav img{
        height:330px !important;
    }
    .slider-for{
        margin-bottom: 13px;
        padding: 0 0 0 12px !important;
    }
    .slider-nav {
        padding: 0 7px;
    }
    .glsr-summary-stars-single {
        right: -.3rem;
    }
    #panorama {
        height: 400px !important;
    }
}

@media (max-width: 656px) and (min-width: 500px) {
    .meta_gallery{
        padding: 0 1rem;
    }
    .slider-for img {
        height: 310px !important;
    }
    .slider-nav img{
        height:310px !important;
    }
    .slider-for{
        margin-bottom: 13px;
        padding: 0 0 0 12px !important;
    }
    .slider-nav {
        padding: 0 7px;
    }
    .carousel-nav--vertical {
        padding: 0 .7rem !important;
    }
    .slider-for {
        padding: 0  !important;
    }
    .glsr-summary-stars-single {
        right: 1rem;
    }
    #panorama {
        height: 450px !important;
    }
}
@media (max-width: 767px) {
    #aniimated-thumbnials {
        display: none;
    }

}
@media (max-width: 499px) {
    #panorama {
        height: 300px !important;
    }
    .btn-more-image {
        left: 22%;
        padding: 5px 10px;
    }
    .slider-for img {
        height: 290px !important;
    }
    .slider-nav img{
        height:290px !important;
    }
    .carousel-nav--vertical {
        padding: 0  1rem !important
    }
    .slider-for {
        padding: 0  !important;
    }
    .glsr-summary-stars-single {
        top: 2.1rem;
        right: .3rem;
    }

}
@media (max-width: 449px) and (min-width: 385px) {
    .slider-for img {
        height: 250px !important;
    }
    .slider-nav img{
        height:250px !important;
    }
}
@media (max-width: 360px)  {
    .btn-more-image {
        left: 10%;
    }
    #panorama {
        height: 270px !important;
    }
}
@media (max-width: 656px) and (min-width: 451px) {
    .div_villa_title h1{
        font-size:25px;
        line-height: 2rem;
    }
}

@media (max-width: 450px){

    .div_villa_title h1{
        font-size:22px;
        line-height: 2rem;
    }
    .meta_gallery_videos{
        padding: .5rem !important;
    }
    .meta_gallery .slick-prev:before, .meta_gallery .slick-next:before {
        font-size: 12px !important;
    }
    .meta_gallery .slick-next {
        left: 10px !important;
    }
    .meta_gallery .slick-prev {
        right: 7px !important;
    }
    .desc_calender {
        font-size: 12px !important;
    }
    .info_single_villa{
        margin-top: 0 !important;
    }
}
@media (max-width: 384px){
    .slider-for img {
        height: 200px !important;
    }
    .slider-nav img{
        height:200px !important;
    }
}


/* map */
.div_map #wpfpm_map{
    z-index: 5 !important;
}
#wpfpm_map_view{
    border-radius: 25px;
    box-shadow: 1px 1px 7px 1px rgb(169 169 169 / 51%);
}
.title_tag{
    vertical-align: middle;
    color: #70de7b;
}
@media(max-width: 991px){
    .icon_meta {
        padding-bottom: 5px;
        display: block;
    }

}
@media(max-width: 450px){
    .col-single-meta{
        flex: 0 0 50% !important;
        max-width: 50% !important;
        margin-bottom: 1rem;
    }
}

/* features single */
.title_feature{
    color: #29b146;
    padding-left: 3px;
    display: inline-block;
    font-size: 22px;
    vertical-align: middle;
}
.title_feature2{
    color: #ff0309;
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
    font-size: 22px;
    vertical-align: middle;
}
.text_feature{
    margin-bottom: 1rem;
    font-size: 13px;
    font-weight: 500;
    color: #1f1e1e;
}

/* reserve */
@media (min-width: 768px) {
    .nav_reserve_lg {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 0;
        margin-bottom: 0;
    }

}
.reserve_mobile{
    display: none;
}
.reserve_price{
    color:#fff;
    margin: auto 0;
    text-align: right;
    font-size: 15px;
}
@media (max-width: 767px) {
    .div_villa_info{
        padding: 0 1px;
    }
    .col_reserve_date{
        padding: 0.1rem 1rem !important;
    }
    .reserve_mobile{
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        z-index: 10000;
    }
    .div_reserve_mobile{
        text-align: left;
        background: rgba(0, 0, 0, 0.6);
        backdrop-filter: blur(6px);
        transform: translateY(0px);
        transition: transform 300ms ease 0s;
        padding: 1rem;
        margin: 1rem;
        border-radius: 10px;
    }
    .div_reserve_mobile .bqYfxb{
        width: 170px;
        margin: auto;
    }
    .btn_register_job {
        padding-left: 1.5rem;
        width: auto;
        margin-top: 0;
    }

}
@media (max-width: 480px) {
    .div_reserve_mobile {
       padding: 1rem 0;
    }
    .div_reserve_mobile .bqYfxb{
        width: 130px;
    }
}
@media (max-width: 380px) {
    .div_reserve_mobile .bqYfxb{
        width: 110px;
    }
    .reserve_price {
        font-size: 14px;
    }
}
.div_reserve {
    margin-top:.5rem;
}
.title_reserve{
    background: rgba(56, 142, 60);
    padding: .6rem 0 0.7rem 0;
    text-align: center;
    margin-bottom: 0;
    color: #fff;
    border-radius: 5px 5px 0 0;
}
.form_reserve{
    box-shadow: 1px 2px 5px 1px rgba(146, 146, 146, 0.2);
    padding:0;
}
.div_villa_info .sticky-top {
    top: 0 !important;
}
#form_rsrv_request{
    padding: 10px 10px 0 10px;
}
.form_reserve  input::placeholder {
    font-size: 13px !important;
}
.form_reserve  input[type=number]:focus{
    border-color: #ffffff !important;
}
/* input number */
.form_reserve input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}
.form_reserve input[type="text"] {
    background: transparent !important;
    border:0 !important;
}
.input-group-rsrv{
    border: 1px solid #b8b8b8 !important;
    border-radius: 3px !important;
}
.input-group-rsrv:focus , .input-group-rsrv:hover{
    border: 1px solid #46be52 !important;
}
.input-group-rsrv i{
    color: #46be52;
    font-size: 25px;
    padding: 10px 5px;

}

.form_reserve input[type=number]::-webkit-inner-spin-button,
.form_reserve input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.number-input {
    border-radius: 3px;
    border: 1px solid #29b146;
    display: inline-block;
}

.number-input,
.number-input * {
    box-sizing: border-box;
}

.number-input button {
    float: right;
    margin-top: 7px;
    outline: none;
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 10px;
    cursor: pointer;

    position: relative;
}

.number-input button:before,
.number-input button:after {
    right: 5px;
    display: inline-block;
    position: absolute;
    content: '';
    width: 12px;
    height: 2px;
    background-color: #212121;
    transform: translate(-50%, -50%);
}
.number-input button.plus:after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.number-input input[type=number] {
    border: solid #29b146;
    border-width: 0 2px;
    font-size: 1rem;
    height: 1.5rem;
    font-weight: 500;
    text-align: center;
    margin: 0;
}
.lable_count{
    font-weight: 500;
    color: #3b8f53;
}

.submit_rsv{
    margin-top: 1rem;
}
.title_share{
    color: #5b5959;
    font-size: 13px;
    font-weight: 600;
    margin-left: 10px;
}
.show_price{
    padding-top: 1rem;
    font-size: 14px !important;
}
.show_price span{
    font-weight: bold;
    color: #242323;
    font-size: 14px !important;
}
.show_price i{
    font-style: normal;
    font-weight: 500;
    color: #40803a !important;
}

.count_night{
    color: #40803a;
    font-weight: 500;
}
.show_count{
    font-weight: 500;
    color:#363030ed;
    font-size: 15px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 0.5rem;
}
.show_count i{
    padding-left: 2px;
    font-weight: 600;
    color: #40803a;
    font-size: 25px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 0.1rem;
}
.show_count i:before{
    font-family: "icomoon";
    font-weight: 900;
    content: "\e902";
    color: #242323;
    font-size: 25px;
    vertical-align: middle;
    display: inline-block;
    font-style: normal;
}
.count_night{
    color: #40803a;
    font-weight: 500;
}

.date_input{
    font-weight: 500;
    color: #363030ed;
}
.date_input i{
    font-style: normal;
    text-decoration: underline;
}

/* payment page */
.content_payment h3 , .content_payment h4{
    font-size: 18px;
}
.content_payment ul li::before {
    content: "\2022";
    color: #70de7b;
    font-weight:bold;
    display: inline-block;
    width: 0.8rem;
    margin-left:2px;

}
.content_payment ul{
    list-style:none;
}
.content_payment ul li a{
    font-size: 14px;
    font-weight: 500;
}
/* cart */
.quantity {
    float: right;
    margin-left: 15px;
    position: relative;
    width: 80px;
    overflow: hidden
}

.shopping-cart {
    margin-top: 20px;
}
.cart_header{
    background-color: rgba(62, 222, 21, 0.1) !important;
    color: #000;
    font-weight: 500;
}
.product-name , .product-name strong{
    cursor: pointer !important;
}
.payment_img{
    border-radius: 5px;
    min-height: 80px;
}
.payment_img:hover{
    opacity: 0.8 !important;
}
.date_cart span{
    text-decoration: underline;
    text-decoration-color: #70de7b;
    font-weight: 500;
    color: #41464b;
}
.hvr-bounce-to-bottom2 {
    background-color: #fc7655 !important;
    color:#fff;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    cursor: pointer;
}
.hvr-bounce-to-bottom2:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fc4929;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    border-radius: 3px;
}
.hvr-bounce-to-bottom2:hover, .hvr-bounce-to-bottom2:focus, .hvr-bounce-to-bottom2:active {
    color: white;
    background-color: #fc1f1f !important;

}
.hvr-bounce-to-bottom2:hover:before, .hvr-bounce-to-bottom2:focus:before, .hvr-bounce-to-bottom2:active:before {
    border-radius: 3px;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.footer_cart{
    background: transparent !important;
    padding-top: 2rem;
}
.footer_cart label{
    font-size: 14px;
    font-weight: 500;

}
.footer_cart input[type="text"] , .footer_cart input[type="tel"] {
    border: 0 !important;
    border-bottom: 2px solid #807b7b !important;
    border-radius: 0 !important;
    padding-top: 0 !important;
    background-color: transparent !important;
}
.footer_cart input[type="text"]:focus , .footer_cart input[type="tel"]:focus {
    border-bottom: 2px solid #29b146 !important;

}
.footer_cart input[type="tel"] {

    direction: ltr !important;

}
.footer_cart input[type="tel"]:focus{
    outline: none;
    color: #000;
}

/*.footer_cart input[type="tel"] {
     display: inline-block;
     margin: 1.2rem auto;
     border: none;
     padding: 0;
     width: 9.9ch;
     background: repeating-linear-gradient(90deg, dimgrey 0, dimgrey 1ch, #ffffff1c 0, #ffffff00 2.5ch) 0 100%/ 10ch 2px no-repeat;
     font: 0.9rem 'Ubuntu Mono', monospace;
     letter-spacing: 0.5ch;
     border:0 !important;
 }
.footer_cart input[type="tel"]:hover ,  .footer_cart input[type="tel"]:focus{
    border:0 !important;
}
*/
.footer_cart input[type="tel"] {
    text-align: center !important;
    font-size: 19px !important;
}


.img_pay_logo{
    width: 80px !important;
}

@media(max-width: 656px) {
    .quantity {
        width: 100% !important;
    }
    .col_cart_deposit , .col_cart_price_all{
        margin-top: 1rem;
    }
    .col_cart_price2 h6 , .col_cart_deposit h6{
        display: inline-block;
        margin-left: 5px;
    }
    .row_price_villa{
        padding: 0;
    }
}
@media(max-width: 480px){
    .col_cart_count{
        flex: 0 0 25% !important;
        max-width: 25% !important;
        text-align: left !important;
    }
    .col_cart_price{
        flex: 0 0 75% !important;
        max-width: 75% !important;
        text-align: center !important;
    }
    .col_cart_btn{
        flex: 0 0 100% !important;
        max-width: 100% !important;
        text-align: center !important;
        margin-top: 1rem !important;
    }
    .row_cart{
        padding: 0 !important;
    }
    .date_break{
        display: block !important;
    }
    .div_pays{
        width: 100% !important;
        text-align: center !important;
    }
    .div_zarin{
        margin-bottom: 2rem;
    }
    .payment_btn{
        text-align: center !important;
    }
}

/* checkout */
.title_checkout{
    color: green !important;
    font-weight: bold !important;
    font-size: 18px !important;
}
.title_checkout i{
    vertical-align: middle;
    font-size: 25px;
}
.info_checkout{
    color: #000 !important;
    font-weight: bold !important;
    font-size: 18px !important;
}
.checkout_div p strong , .checkout_div span{
    font-weight: 500;
    color: #404040;
}
.title_error_checkout{
    color: #fc1f1f !important;
    font-weight: bold !important;
    font-size: 18px !important;
}
.container_checkout .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 255, 38, 0.07);
}
/********************** login ************************/
.slider_page{
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
.slider_page img{
    height: 200px;
    object-fit: cover;
}
.slider_page .carousel-caption {
    top: 20% !important;
}
.slider_page h2{
    font-size: 25px;
    font-weight: 400;
    color: #fff;
}
.slider_page p{
    color: #ffffffc9;
    font-size: 16px !important;
    padding-top: 1rem;
}
.slider_page .carousel-item:after {
    content:"";
    display:block;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:rgba(0,0,0,0.4);
}
@media(max-width: 991px) and (min-width: 657px){
    .slider_page img{
        height: 200px;
    }
    .slider_page .carousel-caption {
        top: 18% !important;
    }
}
@media(max-width: 656px) {
    .slider_page img{
        height: 150px;
    }
    .slider_page .carousel-caption {
        top: 10% !important;
        left:5%;
        right:5%
    }
    .slider_page h2{
        font-size: 24px;
    }
    .slider_page p{
        font-size: 14px !important;
    }
}

.container_login{
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)), url("../images/login.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-color: rgba(0, 0, 0, 0.5) !important;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    align-content: center;
}

.container_login .card{
    height: auto;
    margin-top: 4rem;
    margin-bottom: 4rem;
    background-color: rgba(214, 214, 214, 0.5) !important;
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.2);
    padding: 2rem 1rem;
    border-bottom: 0 !important;
}

.container_login h3{
    color: #fff;
    text-align: center;
    font-weight: 400;
}
.container_login .card-header{
    border-bottom: 0;
    box-shadow: none;
    background-color: transparent;
}
.container_login label{
    font-weight: 400;
    font-size: 14px;
    font-weight: 500;
}
.container_login input{
    border-radius: 5px;
    border: 0;
}
.login_btn{
    margin-top: 1.5rem;
    background: rgb(7,91,41);
    background: linear-gradient(0deg, rgba(7,91,41,1) 0%, rgba(0,116,46,1) 6%, rgba(56, 142, 60) 47%, rgba(56, 142, 60) 50%, rgba(56, 142, 60) 77%);
    color: #fff;
    border-radius: 5px;
    box-shadow: 0px 1px 5px 1px rgba(16, 5, 5, 0.2);
    padding:10px 2rem 10px 2rem;
}
.login_btn:hover , .login_btn:focus{
    background-color: #66b168;
    box-shadow: 0px 1px 5px 1px rgba(16, 5, 5, 0.4);
}
.form_login .error_login[type="tel"]{
    border-bottom:2px solid red !important;
}
.login_error_msg{
    height: 20px;
    font-size: 12px !important;
    font-weight: 400 !important;;
    color: red !important;;
}
.login_number_ajax{
    color: green;
}
#code_login{
    text-align: center;
}
.edit_code_login{
    margin-top: 1rem;
    font-size: 14px !important;
    font-weight: 500 !important;
}
.edit_code_login a{
    color: #484848 !important;
}
.edit_code_login a:hover{
    color: green !important;
}
.hide_form{
    display:none;
}
#code_login2 {
    padding-left: 15px;
    letter-spacing: 42px;
    border: 0 !important;
    background-image: linear-gradient(to left, black 70%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 50px 1px;
    background-repeat: repeat-x;
    background-position-x: 35px;
    width: 220px;
    min-width: 220px;
    text-align: left !important;
}

#divInner2{
    left: 0;
    position: sticky;
}

#divOuter2{
    width: 190px;
    overflow: hidden;
}
.login_link:hover{
    color:#70de7b  !important;
}
.icon_login{
    vertical-align: middle !important;
    padding-left: 3px !important;
}
.login_link{
    font-weight: 500 !important;
}
.login_div_link .dropdown-menu {
    min-width: 5rem;
}
.login_div_link .dropdown-toggle{
    background-color: transparent !important;
    border: 0 !important;
    padding: 0 0 0 5px !important;

}
.login_div_link  .dropdown-toggle:after {
    content: none !important;
}
.login_div_link .dropdown-toggle:focus{
    border: 0 !important;
}
.login_div_link .dropdown-toggle i{
    vertical-align: bottom !important;
    color: #02a1ff !important;
}
.login_div_link .dropdown-toggle i:hover , .login_div_link .dropdown-toggle i:focus{
    color:#70de7b  !important;
}
.login_div_link ul{

    border: 1px solid #fff !important;
}
.login_div_link ul li a{
    padding: 0 !important;
}
.login_div_link ul li i{
    color: #fff !important;
}
.login_div_link ul li:hover{
    border: 0 !important;
}

.btn.focus, .btn:focus {
    box-shadow:none !important;
}
.btn.focus, .btn:focus .fa-user{
    color:#70de7b  !important;
}
@media (max-width: 500px) {
    .container_login .card {
        height: auto;
        margin-top: 2rem;
        margin-bottom: 2rem;
        background-color: rgba(214, 214, 214, 0.5) !important;
        box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.2);
        padding: 1rem;
        border-bottom: 0 !important;
    }
}
@media (max-width: 380px){
    .login_link {
        font-size: 12px !important;
    }
}
@media (max-width: 347px) {
    .edit_code_login .float-left{
        float: right !important;
    }
}
.icon_profile{
    color: #29b146 !important;
    padding: 0.5rem;
    font-size: 18px !important;
    cursor: pointer;
    vertical-align: middle;
    margin-top: 15px;
}
#mainNav a {
    font-size: 14px !important;
    box-shadow: none !important;

}
.link_profile{
    margin-top: 5px;
    box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.3);
}
.link_profile a{
    box-shadow: none !important;
    color: #3a3a3a !important;
    font-size: 15px !important;
}
.link_profile i{
    font-size: 15px !important;
}
.btn_register_job ul#mainNav {
    border: 0 !important;
}
.btn_register_job ul#mainNav > li {
    float: left;
    display: inline;
    position: relative;
    font-size: 16px;
    padding-left: 10px;
    border: 0 !important;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;

}
.btn_register_job ul#mainNav > li:hover {
    border: 0 !important;
}
.btn_register_job ul#mainNav > li:hover ul {
    visibility: visible;
    opacity: 1;
    transition-delay: .3s, .1s;
}
.btn_register_job ul#mainNav li ul {
    right: 0;
    z-index: 1000;
    background-color: transparent;
    position: absolute;
    width: 10px;
    visibility: hidden;
    opacity: 0;
    transition-property: opacity, visibility;
    transition-duration: 1s, 0s;
    transition-delay: 0s, .4s;
}
.btn_register_job ul#mainNav ul li {
    box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.1);
    padding: 0.3rem 0.5rem;
    width: 120px;
    text-align: right;
    background-color:#fff !important;
    list-style: none;
    border:0 !important;
    cursor: pointer;
    color: #3a3a3a;
}
.btn_register_job ul#mainNav ul li a:hover {
    background-color: #fff !important;
    color: #47af4e !important;
}

@media (max-width: 991px) {

    .btn_register_job ul#mainNav > li {
        margin-top: 0 !important;

    }
    .btn_register_job .link_profile li {
        margin-top: 0 !important;

    }
    .icon_profile {
        margin-top: 0;
        padding: 5px !important;
    }

}
@media (max-width: 380px) {
    .nav-custom-style ul {
        padding-top: 0;
    }
    .btn_register_job .form-inline {
        left: 1rem !important;
        margin-top: 0 !important;
    }
    .btn_register_job ul#mainNav > li {
        font-size: 14px;
        border-radius: 3px 3px 0 0;

    }
    .btn_register_job .link_profile li {
        padding: 5px !important;
    }
    .icon_profile {
        padding: 0.5rem 0.3rem;
        font-size: 18px !important;
        cursor: pointer;
    }
    .btn_register_job {
        padding-left: 1.3rem;
    }
    .navbar-toggler-icon {
        vertical-align: text-bottom;
    }


}


/*table styles  */
.container_checkout table tr th , .table_trans tr td{
    text-align: right !important;
}

.container_checkout table {
    border: 1px solid #ccc;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;
}

.container_checkout table caption {
    font-size: 1.5em;
    margin: .5em 0 .75em;
}

.container_checkout table tr {
    border: 1px solid #ddd;
    padding: .35em;
}

.container_checkout table th,
.container_checkout table td {
    padding: .625em;
    text-align: right;
}

.container_checkout table th {
    font-size: .85em;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.icon-printer{
    vertical-align: inherit;
    font-size: 25px;
    color: #fff;
    font-weight: 300;
    cursor: pointer;
}
.btn-print{
    padding: 5px;
    color: #fff;
    background: rgb(7,91,41);
    background: linear-gradient(0deg, rgba(7,91,41,1) 0%, rgba(0,116,46,1) 6%, rgba(56, 142, 60) 47%, rgba(56, 142, 60) 50%, rgba(56, 142, 60) 77%);
}
.btn-print:hover{
    background-color: #6fb175;
}
.post_feature_padding{
    line-height: 3rem;
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
}
@media print {
    #header, #breadcrump , #div_share , #div_link_panel , #info , #div_btn_print , #footer { display: none !important; }
}

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

    .container_checkout table {
        border: 0;
    }
    .container_checkouta table tbody {
        width: 100% !important;;
        display: inline-block !important;;
    }
    .container_checkout table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    .container_checkout table td {
        border-bottom: 1px solid #ddd;
        display: block;
        text-align: right;
    }
    .container_checkout table td::before {
        /*
        * aria-label has no advantage, it won't be read inside a table
        content: attr(aria-label);
        */
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
    }

    .container_checkout table td:last-child {
        border-bottom: 0;
    }
}

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

    .single_job_meta table caption {
        font-size: 1.3em;
    }

    .single_job_meta table td {
        font-size: .9em;
        font-weight: 400;
    }
    .container_checkout .card-body {
        padding: 1rem 0 !important;
    }
    .title_checkout {
        font-size: 16px !important;
    }
    .checkout_div p strong, .checkout_div span , .container_checkout table tr {
        font-size: 14px;
    }
}

/********************************************* user panel ****************************************************/
@media (max-width: 991px) and (min-width: 768px){
    .container_panel {
        max-width: 90%;
    }
}
.welcome_text{
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #3f3b3b !important;
}

.wallet_info{
    font-weight: 400 !important;
    font-size: 14px;
    color: #29b146 !important;
}
.card_panel_navs img{
    border-radius: 5px;
    margin-bottom: 1rem;
    box-shadow: 1px 2px 5px 1px rgba(20, 4, 4, 0.2);
}
.card_panel_navs ul li a , .nav_panel_small ul li a{
    font-size: 14px !important;
    font-weight: 500;
    color: #070606f2 !important;
}
.nav-dashboard .nav-link{
    border:1px solid #29b146;
    color: #29b146 !important;
    box-shadow: 1px 2px 5px 1px rgba(20, 4, 4, 0.1);
}
.nav-others .nav-link.active, .nav-others .show>.nav-pills .nav-link {
    border-radius: 0;
}
.card_panel_navs .nav-link.active, .show>.nav-pills .nav-link {
    background: rgb(7,91,41);
    background: linear-gradient(0deg, rgba(7,91,41,1) 0%, rgba(0,116,46,1) 6%, rgba(56, 142, 60) 47%, rgba(56, 142, 60) 50%, rgba(56, 142, 60) 77%); !important;
    color: #fff !important;
    box-shadow: 1px 2px 5px 1px rgba(20, 4, 4, 0.2);
}
.card_panel_navs .nav-link {
    font-size: 14px !important;
    padding: 1.5rem 10px;

}
.card_panel_navs i{
    font-size: 20px;
}
.nav-others{
    border:1px solid #29b146;
    margin-top: 1rem;
    border-radius: 5px;
    box-shadow: 1px 2px 5px 1px rgba(20, 4, 4, 0.2);
}
.nav-others li{
    border-bottom:1px solid #29b146;
    border-radius: 0;
}
.nav-others li:hover .nav-link , .nav-dashboard li:hover .nav-link{
    color: #29b146 !important

}
.card_panel_navs li:hover .nav-link.active , .card_panel_navs .link_logout:hover .nav-link{
    color: #fff !important;
}
.nav-others li .nav-link{
    color: #29b146 !important;
}
.link_logout{
    background-color: red;
    border-bottom:0 !important;
}
.nav-others .link_logout .nav-link{
    color: #fff !important;
}
.body_nav_panel{
    margin-bottom: 0.7rem;
    padding: 0;
}
.nav_panel_small{
    float: right;
}
.nav_panel_small button{
    margin-right: .5rem !important;
    padding: 9px 9px 4px 9px !important;
}
.nav_panel_small ul li{
    padding: 2px !important;
    border-radius: 3px;
}
.nav_panel_small img{
    border-radius: 50%;
    width: 42px;
}
.nav_panel_small .navbar-toggler-icon {
    border:0 !important;

}
.nav_panel_small{
    display:none;
    width: 100% !important;
}
.nav_panel_small ul li:hover {
    color: #fff !important;
    background: rgb(7,91,41);
    background: linear-gradient(0deg, rgba(7,91,41,1) 0%, rgba(0,116,46,1) 6%, rgba(56, 142, 60) 47%, rgba(56, 142, 60) 50%, rgba(56, 142, 60) 77%); !important;
}
.nav_panel_small ul li:hover a {
    color: #fff !important;

}
.toggller_panel{
    border: 0 !important;
    box-shadow: 0 2px 6px 1px rgba(159, 144, 144, 0.2);
}
@media(max-width: 767px){
    .nav_panel_small{
        display:inline-block;
    }
    .card_panel_navs{
        display:none !important;
    }
    .back_panel_shadow .alert-danger {
        font-size: 14px;
    }
}
.back_panel_shadow{
    box-shadow: 0 2px 6px 1px rgba(159, 144, 144, 0.4);
}


/* home panel */
.panel_villa_img {
    height: 160px !important;
    object-fit: cover !important;
    border-radius: 0 5px 5px 0 !important;
}
.panel_villa_img:hover{
    transition:0.3s ease-in-out;

}
.user_panel_header{
    border-bottom: 0;
    background: rgb(7,91,41);
    background: linear-gradient(0deg, rgba(7,91,41,1) 0%, rgba(0,116,46,1) 6%, rgba(56, 142, 60) 47%, rgba(56, 142, 60) 50%, rgba(56, 142, 60) 77%) !important;
    color: #fff;
    border-radius: 5px 5px 0 0;
}
.user_panel_header h5{
    font-size: 17px;
    color: #fff;
}
.back_panel_shadow .alert-dismissible .close {
    float: left !important;
    right: 0 !important;
    left: 0 !important;
    vertical-align: top !important;
}
.status_order span{
    font-size: 14px !important;;
    font-weight: 500 !important;
}
.date_style{
    font-size: 11px !important;
}
.btn_cancel_order{
    padding: 3px 5px;
}
.btn_cancel_order i{
    font-size: 10px !important;
}
.card_order{
    border-radius: 10px;
    border-bottom: 0 !important;
    cursor: pointer !important;
}

#div_user_orders , #div_user_orders_success{
    position:relative;
}
.loading_orders{
    position: absolute;
    padding-bottom: 5px;
    margin:0;
    color: green;
    width: 100%;
    text-align: center;
    bottom: 0;
    display: none;

}
.loading_orders i{
    font-size: 20px !important;
}
.alert_msg_panel{
    font-weight: 500;
    font-size: 18px !important;
    text-align: center;
}
.card_no_order{
    border-bottom: 0 !important;
}
.card-footer-panel{
    background-color: transparent !important;
    border-top: 0 !important;
    padding-bottom: 0 !important;

}
.status_title{
    color: #140202cc !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}
.status_order , .date_order{
    /*position: absolute;
    bottom: 0;*/
}
.status_order{
    left: 1.5rem;
}
.date_order{
    right: 0;
}
/* pagination panel */
.tablenav-pages span{
    background: rgb(7,91,41);
    background: linear-gradient(0deg, rgba(7,91,41,1) 0%, rgba(0,116,46,1) 6%, rgba(56, 142, 60) 47%, rgba(56, 142, 60) 50%, rgba(56, 142, 60) 77%);
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    padding: 0 10px;
    border-radius: 3px;
}
.tablenav-pages a{
    background-color: #9a9a9a33;
    font-weight: 400;
    color: #3f3939;
    text-decoration: none;
    padding: 0 10px;
    border-radius: 3px;
}
.tablenav-pages a:hover
{
    background-color: #14d270;
}
@media (max-width: 991px) {
    .row_pey_villa  , .row_pey_villa .col_cart_price2 , .row_pey_villa .col_cart_price2{
        text-align: center !important;
    }
}
@media (max-width: 767px) {
    .status_order, .date_order {
        position: inherit;
    }
}

@media (max-width: 656px) {
    .panel_villa_img {
        height: auto !important;
    }
    .panel_villa_img {
        border-radius: 5px !important;
    }
}

@media (max-width: 400px) {
    .div_edit_profile{
        padding: 5px !important;
    }
    .date_cart{
        display: block !important;
    }
}
@media (max-width: 480px) {
    .date_cart{
        display: block !important;
    }
}

/* user panel profile */
.bank_image{
    margin-bottom: 2.5rem;
    text-align: center;
}
.bank_image img{
    height: 100px;
    margin: auto;
    object-fit: contain;
}
.btn_villa_pay{
    padding: 10px 7rem;
}
.valid-feedback{
    display: none;
    font-size: 13px;
    color: red;
    font-weight: 400;
}
#msg_update_alert .alert{
    margin-bottom: 0 !important;
}
.div_edit_profile input[type=text]:focus , .div_edit_profile input[type=email]:focus , .div_edit_profile textarea:focus{
    border-color:  #29b146;
}
.div_edit_profile label{
    font-size: 14px;
    font-weight: 500;
}

/* user panel wallet */
.amount_wallet_input{
    border-left: 0 !important;
    border-radius: 0 2px 2px 0 !important;
}
.amount_wallet_span{
    padding: 5px;
    background-color: #fff !important;;
    border-top: 1px solid rgba(0,0,0,.15) !important;
    border-bottom: 1px solid rgba(0,0,0,.15) !important;
    border-left: 1px solid rgba(0,0,0,.15) !important;
    border-radius: 2px 0 0 2px !important;;
    color: rgb(134, 130, 130) !important;;
}
.div_edit_profile input[type=text]:focus  + .amount_wallet_span{
    border-bottom: 1px solid #29b146 !important;
    border-left: 1px solid #29b146 !important;
    border-top: 1px solid  #29b146 !important;
}
.alert_wallet_span{
    border-bottom: 1px solid red !important;
    border-left: 1px solid red !important;
    border-top: 1px solid  red !important;
}
.show_amount_wallet{
    margin-right: 1rem;
}
.show_amount_wallet strong{
    font-weight: bold;
    color: #000000c7;
}
.show_amount_wallet span{
    font-weight: 500;
    color: green;
}

/* user panel list orders */
.collapse_back{
    background-color: #70de7b !important;
    margin-bottom: 0 !important;
    border-radius: 5px;
    box-shadow: 0 2px 3px 1px rgba(159, 144, 144, 0.1);
    text-align: center;
    color: #fff !important;
    cursor: pointer !important;
    margin-left: 0.1px  !important;;
    margin-right: 0.1px  !important;;
}
.collapse_back p{
    margin-bottom: 0 !important;
    font-weight: 500 !important;
    color: #000000eb !important;;
}
.collapse_back :focus{
    background-color: #66cb6d !important;
}

#div_user_orders_success [data-toggle="collapse"] .fa:before , #div_user_villas  [data-toggle="collapse"] .fa:before{
    content: "\f13a";
}

#div_user_orders_success [data-toggle="collapse"].collapsed .fa:before , #div_user_villas  [data-toggle="collapse"].collapsed .fa:before {
    content: "\f139";
}
/* user panel transaction */
.table_trans tr th , .table_trans tr td{
    text-align: right !important;
}

#div_user_trans table {
    border: 1px solid #ccc;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;
}

#div_user_trans table caption {
    font-size: 1.5em;
    margin: .5em 0 .75em;
}

#div_user_trans table tr {
    border: 1px solid #ddd;
    padding: .35em;
}

#div_user_transtable th,
#div_user_transtable td {
    padding: .625em;
    text-align: center;
}

#div_user_trans table th {
    font-size: .85em;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.desc_balance{
    display: none;
    font-size: 12px !important;
    font-weight: 400 !important;
}
@media screen and (max-width: 991px){

    #div_user_trans{
        padding: 0 !important;
    }
    #div_user_trans table {
        border: 0;
    }
    #div_user_trans table tbody {
        width: 100% !important;;
        display: inline-block !important;;
    }
    .desc_balance{
        display: inline-block;
    }


    #div_user_trans table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    #div_user_trans table tr {
        border-bottom: 3px solid #ddd;
        display: block;
        margin-bottom: .625em;
    }

    #div_user_trans table td {
        border-bottom: 1px solid #ddd;
        display: block;
        text-align: right;
    }

    #div_user_trans table td::before {
        /*
        * aria-label has no advantage, it won't be read inside a table
        content: attr(aria-label);
        */
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
    }

    #div_user_trans table td:last-child {
        border-bottom: 0;
    }
}
@media screen and (max-width: 991px) and (min-width: 501px) {

}
@media screen and (max-width: 500px) {
    .btn_villa_pay{
        padding: 10px 5rem;
    }
    #div_user_trans  table caption {
        font-size: 1.3em;
    }

    #div_user_trans table td {
        font-size: .8em;
        font-weight: 400;
    }

}

.more_trans_btn{
    text-align: center !important;
    margin-top: 1rem;
}
.more_trans_btn button{
    font-size: 12px;
    font-weight: 500;
}

/*********************************** list villa ************************************/
.villa_city {
    border-top: 1px solid #29b146;
    padding-top: 0.5rem;
}
.villa_city i{
    color: green !important;
}
.villa_city a{
    color: #000000b5 !important;
    font-weight: 500;
    font-size: 13px !important;
}
.list_villa_div img{
    object-fit:cover;
}
.div_btn_add_villa{
    margin-bottom: 1rem;
    cursor: pointer !important;
}
.div_btn_add_villa button{
    border-radius: 50%;
    padding: 7px 10px 3px 10px;
    background: rgb(7,91,41);
    background: linear-gradient(0deg, rgba(7,91,41,1) 0%, rgba(0,116,46,1) 6%, rgba(56, 142, 60) 47%, rgba(56, 142, 60) 50%, rgba(56, 142, 60) 77%); !important;
    color: #fff;
    cursor: pointer !important;
}
.div_btn_add_villa button i{
    cursor: pointer !important;
}
.div_btn_add_villa button:hover{
    background-color:#29b146 !important
}
.div_btn_add_villa span{
    cursor: pointer !important;
    color: #29b146;
    font-weight: 500;
}
@media (max-width: 991px) and (min-width: 768px) {
    .div_list_villa img{
        height: 220px !important;
    }
}
@media (max-width: 767px) and (min-width: 7657px) {
    .div_list_villa img{
        height: 200px !important;
    }
}
@media (max-width: 656px) and (min-width: 480px) {
    .div_list_villa img{
        height: 300px !important;
    }
}
@media (max-width: 479px) and (min-width: 380px) {
    .div_list_villa img{
        height: 250px !important;
    }
}
@media (max-width: 379px)  {
    .div_list_villa img{
        height: 200px !important;
    }
}
/************************************* user villas **************************************/
.div_user_villas strong{
    font-size: 14px !important;
    font-weight: 500;
    color: #525252;
}
.card_user_villa_info{
    border: 1px solid #22da1f26 !important;
    border-radius: 5px;
}
.div_user_villas h5{
    line-height: 1.8rem;
    color: #656565 !important;
}
@media (max-width: 656px) {
    .div_user_villas{
        text-align: center !important;
    }
    .div_list_villa{
        margin-bottom: 2rem !important;
    }
}



/*********************************** rating style ***************************************/
.glsr-shortcode{
    padding: 2rem !important;
    box-shadow: 1px 2px 5px 1px rgba(146, 146, 146, 0.2) !important;
    margin-bottom: 2rem;
    margin-top: 2rem;
}
.glsr-shortcode-title{
    margin-bottom: 1.5rem;
    color: #141212cc;
    font-weight: 500;
    font-size: 22px !important;
}
.glsr-review-title h3{
    font-size: 18px !important;
}
.glsr-default .glsr-review-avatar img {
    border-radius: 50%;
}

.glsr-review-author span{
    font-weight: 400;
    color: #120b0bb0;
}
.glsr-button , .glsr-button span{
    border: 0;
    background: rgb(7,91,41);
    background: linear-gradient(0deg, rgba(7,91,41,1) 0%, rgba(0,116,46,1) 6%, rgba(56, 142, 60) 47%, rgba(56, 142, 60) 50%, rgba(56, 142, 60) 77%); !important;
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
}
.glsr-button:hover{
    box-shadow: 1px 2px 5px 1px rgba(146, 146, 146, 0.5) !important;
}

form.glsr-form input.glsr-field-control , form.glsr-form textarea.glsr-field-control  {
    border: 1px solid #29b146 !important;
    border-radius: 3px !important;
    padding: 5px;
    outline: none;
}
form.glsr-form input.glsr-field-control:focus , form.glsr-form textarea.glsr-field-control:focus {
    border-color: #1bd54e !important;
}
.glsr-summary-text{
    font-size: 22px;
    color: #29b146;
    font-weight: 500;
}
.rating_span{
    font-size: 35px;
    color: #29b146;
    font-weight: 500;
    line-height: 2rem;

}
.max_span{
    font-size: 18px;
    color: #29b146;
    font-weight: 500;
    margin-left: 1rem;
}
.rating_az{
    font-size: 16px;
    color: #4f4f4f;
    font-weight: 400;
}

.glsr-summary-rating , .glsr-summary-stars{
    /* display: none !important; */
}
.glsr-summary-rating span{
    display: none !important;
}
.glsr-no-margins{
    margin: 0 !important;
}
@media (max-width: 500px) {
    .glsr-shortcode{
        padding: 1rem !important;
    }
}
.glsr-default .glsr-bar-background:before , .glsr-default .glsr-bar-background-percent {
    border-radius: 20px;
}
.no_review{
    font-weight: 500;
    color: #454343;
}
.glsr-form-message{
    font-weight: 400;
}
.glsr-review{
    padding: 10px;
    background-color: #4d4d4d0a;
    border-radius: 15px;
    margin-bottom: 1rem !important;
}
.glsr-pagination .page-numbers{
    color: #29b146;
}

@media (min-width: 992px) {
    .glsr-shortcode .glsr-default.glsr-summary {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        max-width: 100%;
    }
    .rating_text{
        display: block;
    }
    .glsr-shortcode .glsr-summary-text {
        padding-left:1em;
        margin-left: 1em;
        font-size: 1.875em;
    }
}
.glsr-rtl .glsr-default .glsr-bar-label {
    color: #5e5d5d;
    font-weight: 400;
}
.rating_text {
    font-size: 25px;
    color: #797070;
}

.glsr-shortcode .glsr-default.glsr-summary {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
}

.glsr-default  .glsr-summary-text {
    white-space: nowrap !important;
    direction: ltr !important;;
    border-left: 1px solid rgba(0, 0, 0, 0.05) !important;
    padding: 0em .5em !important;
    margin-left: .5em !important;
    margin-right: .5em !important;
    text-align: center !important;
    width: auto !important
    /* flex: 0 0 30% !important;
     max-width: 30% !important;*/
}

.glsr-default .glsr-summary {
    align-items: center !important;
    /* display: flex !important; */
    /* flex-wrap: nowrap !important; */
    font-family: inherit !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    /* position: relative !important; */
    /* width: 100% !important; */
    /* flex: 0 0 100% !important; */
    max-width: 100% !important;

}
.glsr-default .glsr-summary>div:first-of-type {
    margin-top: 0 !important;
}
.glsr-default .glsr-summary-percentages {
    max-width: 450px !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    margin-top: .5rem !important;
    /*width: 1000px !important;*/
    position: relative !important;
}
.reviews-summary , .single-itm-comment {
    box-shadow: 1px 2px 5px 1px rgba(146, 146, 146, 0.2);
    border: 0 !important;
    padding: 1rem;
    margin: auto;
    margin-bottom: 1rem;
}
.glsr-form-wrap{
    margin-top: 2rem;
}
.glsr-default .glsr-bar>span {
    font-size: 14px;
    font-weight: 500;
    color: #616161;
}
.single-itm-comment h3{
    font-size: 20px;
    font-weight: bold;
}
.single-itm-comment p {
    margin: 20px 0 !important;
}
.glsr-review-content p{
    margin: 0 !important;
}
.glsr-label span{
    color: #565656;
}
.glsr-field-choice{
    display: none;
}
.glsr-default .glsr-pagination .navigation, .glsr-default .glsr-review {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}
.glsr-read-more a{
    color: #29b146;
}
.glsr-default .glsr-reviews, .glsr-default .glsr-reviews-wrap {
    gap: 1rem !important;
}
@media (max-width: 1199px) and (min-width: 992px){
    .glsr-default .glsr-summary-percentages {
        max-width: 350px !important;
    }
}

@media (max-width: 767px) and (min-width: 657px){
    .glsr-default .glsr-summary-percentages {
        max-width: 250px !important;
    }
}
@media (max-width: 656px) and (min-width: 507px){
    .glsr-default .glsr-summary-percentages {
        max-width: 220px !important;
    }
}
@media (max-width: 506px) and (min-width: 480px){
    .glsr-default .glsr-summary-text span {
        font-size: 20px !important;
    }
    .glsr-default .glsr-summary-percentages {
        max-width: 190px !important;
    }
}
@media (max-width: 479px) {
    .glsr-default .glsr-summary-text span {
        font-size: 20px !important;
    }
    .glsr-default .glsr-summary-percentages {
        max-width: 100% !important;
    }
}
@media (max-width: 339px) {
    .glsr-default .glsr-summary-text {

    }
    .glsr-default .glsr-summary-percentages {

    }
}


/* mail poet style */
.mailpoet_paragraph input , .mailpoet_paragraph select{
    border: 1px solid rgba(0,0,0,.15) !important;
    border-radius: .25rem !important;
}
.mailpoet_paragraph select{
    color: #524a4a !important;
}

.mailpoet_paragraph input::placeholder ,
.mailpoet_paragraph textarea::placeholder
{
    color: #cccccc !important;
}
.glsr-input , .glsr-textarea {
    border: 1px solid #80808057 !important;
    border-radius: 8px !important;
}

.mailpoet_paragraph input:-ms-input-placeholder , .mailpoet_paragraph textarea:-ms-input-placeholder{ /* Internet Explorer 10-11 */
    color: #cccccc !important;
}
.mailpoet_paragraph input[type=text]:focus , .mailpoet_paragraph input[type=email]:focus , .mailpoet_paragraph textarea:focus ,
.glsr-default form.glsr-form input.glsr-input:focus , .glsr-default form.glsr-form select.glsr-select:focus , .glsr-default form.glsr-form textarea.glsr-textarea:focus{
    border-color:  #29b146 !important;
}
.glsr-default form.glsr-form input.glsr-input:focus , .glsr-default form.glsr-form select.glsr-select:focus , .glsr-default form.glsr-form textarea.glsr-textarea:focus {
    box-shadow: none !important;
    outline: none !important;
}
.mailpoet_paragraph .mailpoet_submit{
    background: rgb(7,91,41);
    background: linear-gradient(0deg, rgba(7,91,41,1) 0%, rgba(0,116,46,1) 6%, rgba(56, 142, 60) 47%, rgba(56, 142, 60) 50%, rgba(56, 142, 60) 77%); !important;
    color: #fff !important;
    border-radius: 3px !important;
    border: 0 !important;
    cursor: pointer !important;
}
.mailpoet_paragraph .mailpoet_submit:hover,
.mailpoet_paragraph .mailpoet_submit:focus
{
    box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.1);
}


/******************************************* add villa ****************************************/
.container_add_villa h2{
    color: #b3b3b3;
    font-size: 20px;
}
.card_back_form{
    padding: 2rem;
    margin-bottom: 2rem;
}

.div_inputs_form label{
    font-size: 16px;
    font-weight: 500;
    color: #494949;
}

.div_inputs_form .lable_title{
    font-size: 18px;
    font-weight: 500;
    color: #343434;
}
.form-submit-job input , .form-submit-job textarea  {
    border: 1px solid #a9a9a9;
}
.form-submit-job input[type="text"] , .form-submit-job textarea , .form-submit-job input[type="email"] , .form-submit-job input[type="url"] {
    margin-top: 0;
    box-shadow: 1px 1px 3px 1px rgba(146, 146, 146, 0.2) !important;
    padding: 0.245rem;
    font-weight: 400;
    border-radius: 3px ;
    outline: none;
}

.form-submit-job .wp-editor-container{
    box-shadow: 1px 1px 3px 1px rgba(146, 146, 146, 0.2) !important;
    border: 1px solid #a9a9a9;
    border-radius: 5px;
}
.form-submit-job iframe {
    border: 0 !important;
}
.form-check-inline{
    font-size: 14px;
    vertical-align: top;
    color: #756d6d;
}

.form-check-inline input
{
    margin: 12px 8px 0 1px;
    cursor: pointer !important;
    width: 20px;
    height: 20px;
}
.lable_radio{
    display: block !important;
    padding: 0 !important;
}
.btn-submit{
    background: rgb(7,91,41);
    background: linear-gradient(0deg, rgba(7,91,41,1) 0%, rgba(0,116,46,1) 6%, rgba(56, 142, 60) 47%, rgba(56, 142, 60) 50%, rgba(56, 142, 60) 77%);;
    border: 0;
    color: #ffffff;
    cursor: pointer;
    padding: 0.7rem 2rem;
}
#wp-content-editor-container{
    border-radius: 3px;
}
.input_group_price input{
    border-left: 0 !important;
    border-radius: 0 3px 3px 0 !important;
}
.input_group_price .input-group-append{
    border: 1px solid #a9a9a9 !important;
    border-right: 0 !important;
    background-color: #fff !important;
    padding: 3px;
    font-size: 14px;
    font-weight: 500;
    color: #929292;
    border-radius: 3px 0 0 3px;
}
.form-submit-job input[type="text"]:focus , .form-submit-job textarea:focus , .form-submit-job input[type="email"]:focus , .form-submit-job input[type="url"]:focus , .form-submit-job .wp-editor-container:focus iframe {
    box-shadow: 1px 1px 5px 1px rgba(146, 146, 146, 0.4) !important;
    background-color: #fff !important;
    border: 1px solid transparent !important;

}
/* Radio buttons */
.col_radio input[type="radio"] , .col_radio input[type="checkbox"] {
    display: none;
}
.col_radio input[type="radio"] + label span {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent;
    vertical-align: middle;
    border: 2px solid #a99d9d8f;
    border-radius: 50%;
    padding: 2px;
    margin:0 5px;
}

.col_radio input[type="checkbox"] + label span {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent;
    vertical-align: middle;
    border: 2px solid #a99d9d8f;
    border-radius: 2px;
    padding: 2px;
    margin:0 5px;
}
.col_radio input[type="radio"]:checked + label span ,  .col_radio input[type="checkbox"]:checked + label span{
    width: 20px;
    height: 20px;
    background: rgb(7,91,41);
    background: linear-gradient(0deg, rgba(7,91,41,1) 0%, rgba(0,116,46,1) 6%, rgba(56, 142, 60) 47%, rgba(56, 142, 60) 50%, rgba(56, 142, 60) 77%);;
    background-clip: content-box;
    transition-property: width;
    transition-duration: 2s;
    transition-timing-function: linear;
    transition-delay: 1s;

    -webkit-animation:bounce .7s;
    -webkit-animation-iteration-count:1;

    -moz-animation:bounce .7s;
    -moz-animation-iteration-count:1;

    animation:bounce .7s;
    animation-iteration-count:1
}
/* @Keyframes for Chrome and Safari */
@-webkit-keyframes bounce {
    0%  { -webkit-transform:scale(.8); opacity:.8}
    25% { -webkit-transform:scale(.25); opacity:.25}
    50% { -webkit-transform:scale(1.4); opacity:1.4}
    75% { -webkit-transform:scale(.8); opacity:.8}
    100%{ -webkit-transform:scale(1); opacity:1}
}
@keyframes bounce {
    0%  { transform:scale(.8); opacity:.8}
    25% { transform:scale(.25); opacity:.25}
    50% { transform:scale(1.4); opacity:1.4}
    75% { transform:scale(.8); opacity:.8}
    100%{ transform:scale(1); opacity:1}
}
@-webkit-keyframes bounceout {
    0%  { -webkit-transform:scale(0)}
    25% { -webkit-transform:scale(.8)}
    50% { -webkit-transform:scale(1.4)}
    75% { -webkit-transform:scale(.25)}
    100%{ -webkit-transform:scale(0)}
}
@keyframes bounceout {
    0%  { transform:scale(0)}
    25% { transform:scale(.8)}
    50% { transform:scale(1.4)}
    75% { transform:scale(.25)}
    100%{ transform:scale(0)}
}

.col_radio label{
    padding-left: 0.5rem;
}
.col_radio img{
    border-radius: 5px;
    width: 40px;
    display: block !important;
    height: 60px;
    margin-bottom: 1rem;
    margin-right: 30px;
}
.radio_custom .col_radio input[type="radio"] + label span{
    margin-right: 40px;
    cursor: pointer;

}
.radio_custom .col_radio input[disabled] + label span{
    background: #dad4d4 !important;
    cursor: not-allowed;
}
@media (max-width: 500px) {
    .radio_custom label{
        font-size: 13px !important;
        line-height: 1.5rem !important;
    }
    .radio_custom img {
        width: 40px;
        height: 60px;
        margin-right: 20px;
    }
    .radio_custom .col_radio input[type="radio"] + label span{
        margin-right: 30px;
    }
    .col_radio_custom label {
        width: 100% !important;
    }
}
@media (max-width: 440px) {
    .radio_custom label{
        font-weight: 500;
        font-size: 11px !important;
    }
}
#submit_villa_waiting , #wp-register_waiting{
    display: none;
}

/* select2 */
#city_form_job_my_id .select2-container--open .select2-dropdown--below , #city_form_job_my_id  .select2-dropdown--below,
#state_form_job_my_id .select2-container--open .select2-dropdown--below , #state_form_job_my_id  .select2-dropdown--below,
#cat_form_job_my_id .select2-container--open .select2-dropdown--below , #cat_form_job_my_id  .select2-dropdown--below,
#skill_form_job_my_id .select2-container--open .select2-dropdown--below , #skill_form_job_my_id  .select2-dropdown--below,
#tags_form_job_my_id .select2-container--open .select2-dropdown--below , #tags_form_job_my_id  .select2-dropdown--below,
#edu_my_id .select2-container--open .select2-dropdown--below , #edu_my_id  .select2-dropdown--below,
#type_time_my_id .select2-container--open .select2-dropdown--below , #type_time_my_id  .select2-dropdown--below,
#work_experience_my_id .select2-container--open .select2-dropdown--below , #work_experience_my_id  .select2-dropdown--below,
#valid_days_my_id .select2-container--open .select2-dropdown--below , #valid_days_my_id  .select2-dropdown--below,
#more_features_my_id .select2-container--open .select2-dropdown--below , #more_features_my_id  .select2-dropdown--below
{
    background-color: #fff !important;

}
#user_city_div_my_id  .select2-dropdown--below , #city_form_job_my_id  .select2-dropdown--below{
    top: 0 !important;
}
.select_city_form_job .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #a09494 !important;
}

#tags_form_job_my_id .select2-container--open .select2-dropdown--below ,
#skill_form_job_my_id .select2-container--open .select2-dropdown--below,
#more_features_my_id .select2-container--open .select2-dropdown--below,
#tags_form_job_my_id .select2-dropdown--below , #skill_form_job_my_id  .select2-dropdown--below , #more_features_my_id  .select2-dropdown--below

{
    top: -10px !important;
    height: auto !important;
    display: none !important; /* temprory */

}
.tags_form_job .select2-container--default .select2-search--inline .select2-search__field {
    padding: 0 0.5rem !important;
}
.select_city_form_job .select2-container .select2-selection--single{
    box-shadow: 1px 1px 5px 1px rgba(146, 146, 146, 0.2) !important;
    border: 1px solid #a9a9a9 !important;
    border-radius: 3px !important;
    outline: none;
    color: #292929 !important;
}
.select_city_form_job .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    color: #495057 !important;
    padding-top: 7px !important;
    font-weight: 500;
}
.select_city_form_job .select2-results__message{
    color:#292929 !important;
}

.select_city_form_job .select2-container .select2-selection--single {
    height: 40px !important;
}
.select_city_form_job .select2-container .select2-selection--single:focus {
    box-shadow: 1px 1px 5px 1px rgba(146, 146, 146, 0.4) !important;
}
.select_city_form_job  input::placeholder , .select_city_form_job .select2-search__field::placeholder {
    color: #a09494 !important;
}
.select_city_form_job  input:-ms-input-placeholder .select_city_form_job .select2-search__field::placeholder {
    color: #a09494 !important;
}
.select_city_form_job .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 7px !important;
}
.select_city_form_job .select2-selection__arrow:after {
    color: #504e4e !important;
}

#city_form_job_my_id .select2-container--open .select2-dropdown--above {
    border: 1px solid #e6e0e0 !important;
}
.select_city_form_job .select2-container--default .select2-selection--multiple {
    color: #292929 !important;
    border: 2px solid   #a99d9d8f !important;
    background-color: whitesmoke !important;
}
.select_city_form_job .select2-container--default .select2-selection--multiple:focus {
    background-color: #fff !important;
}
@media (max-width:450px) {
    .card_back_form {
        padding: 1rem;
    }
    .div_inputs_form label {
        font-size: 15px;
    }
}
.input_border_red2 , .input_border_red , .error_select2 .select2-container .select2-selection--single {
    border: 1px solid red !important;
}

.post_error{
    font-size: 12px;
    color: red;
}
/* dropzone */
#myDropzone  i{
    top: 12px;
    text-align: center;
    color: #29b146;
    font-size: 72px;
    margin: 0 !important;
    width: 100%;
}

#myDropzone{
    border: 2px dashed #00000075 !important;
    padding: 40px 20px 40px 40px !important;
}
#myDropzone:hover  , #myDropzone:focus  {
    border-color: #29b146 !important;
}
.dropzone .dz-preview .dz-remove {
    color: red !important;
}
.list_points_upload{
    margin-top: 1rem;
}
.list_points_upload li{
    line-height: 1.5rem;
    font-size: 14px;
    display: block;
}

.old_image_upload{
    border-radius: 20px;
    overflow: hidden;
    width: 120px;
    height: 120px;
    position: relative;
    display: block;
    z-index: 10;
}
.btn_remove_uploaded{
    text-decoration: none !important;
    margin-right: 2rem !important;
    margin-top: 8px !important;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    display: block;
    cursor: pointer;
    border: none;
    color: #403f3f !important;
}
.btn_remove_uploaded{
    color: red !important;
}
@media (max-width: 1199px) {
    .old_image_upload{
        height: 100px;
    }
}
/* login form */
.card_login_footer{
    background-color: #fff !important;
}

.card_login{
    height: auto;
    margin-top: auto;
    margin-bottom: auto;
    width: 100%;
    background-color: #fff !important;
    border: 0;
}
.card_login_header{
    margin-top: 2rem;
    margin-bottom: 1rem;
    text-align: center;
    background-color: #fff !important;

}
.login_wrapper{

}
.card_login_header h4{
    font-size: 21px;
    color: #5b5858;
}

.input-login-group-prepend{
    padding-top: 7px;
    border-radius: 0 3px 3px 0 !important;
    width: 30px;
    background-color:#29b146;
    color: black;
    border: 0 !important;
    text-align: center;
}
.card_login .error_login{
    border: 1px solid red !important;
}
.login_input , .card_login input{
    box-shadow: 1px 1px 5px 1px rgba(146, 146, 146, 0.2) !important;
    border: 1px solid #d4d1d14f !important;
    border-radius: 3px !important;
    padding: 0.7rem 0.5rem;
    background-color: #fff !important;
}
.login_input:-webkit-autofill , .card_login input:-webkit-autofill , input:-webkit-autofill{
    transition: background-color 5000s ease-in-out 0s !important;
}
.login_input:focus , .card_login input:focus{
    border: 1px solid transparent !important;
    outline: 0  !important;
    box-shadow: 0 1px 4px rgba(38, 51, 51, 0.3) !important;

}

.remember{
    font-size: 15px;
    font-weight: 400;
}

.remember input {
    cursor: pointer !important;
    width: 20px;
    height: 20px;
    margin-left: 5px;
}

.login_btn , .card_login input[type="submit"]{
    margin-top: 1rem;
    padding: 0.7rem 3rem;
    background:#29b146  !important;
    border: 0 !important;
    color: #ffffff !important;
    border-radius: 3px;
    cursor: pointer;
}
.login_btn , .card_login input[type="submit"]:hover{
    box-shadow: 1px 1px 2px 1px rgba(82, 80, 80, 0.5) !important;
}

.login_links{
    color: #3b3b3b;
}

.login_links a{
    margin-right: 4px;
    color: #29b146 ;
}
.errors-feedback , .info-feedback , .success-feedback{
    line-height: 1.5rem;
    font-size: 13px;
    background-color: #fff;
    padding: 0 10px 0 5px;
    margin-bottom: 5px;
    border-right: 4px solid;
}

.errors-feedback , .errors-feedback-panel{
    font-weight: 400;
    color: red;
    border-color:  red;
}
.success-feedback , .success-feedback-panel{
    color: green;
    border-color: green;
    font-weight: 500;
}
.info-feedback , .info-feedback-panel{
    color: #1d28ab;
    border-color: #1d28ab;
}
.info-feedback{
    font-size: 16px !important;
    font-weight: 400;
}
.errors-feedback-panel, .info-feedback-panel, .success-feedback-panel {
    line-height: 1.5rem;
    font-size: 15px;
    background-color: #fff;
    padding: 10px 5px;
    margin-bottom: 5px;
    border: 1px solid;
    border-right: 6px solid;
}
.login_error_link a{
    display:none !important;
}

@media (max-width: 450px) {
    .col_login{
        flex: 0 0 100%;
        max-width:100%;
    }
    .login_links , .login_links a{
        font-size: 14px;
    }
    .content_login{
        padding: 0 !important;
    }

}
@media (max-width: 1100px) and (min-width: 992px){
    .login_links , .login_links a{
        font-size: 14px;
    }

}
@media (max-width: 400px) {
    .card-body-login{
        padding: 5px !important;
    }
}

/* register */
.reg_input{
    border-radius: 3px  !important;
    border:0 !important;
}
.reg_input:focus{
    outline: 0  !important;
    box-shadow: 0 0 0 0 !important;

}
/* img profile */
.imageUpload
{
    display: none;
}

.profileImage
{
    cursor: pointer;
}

#profile-container {
    height: 190px;
    width: 190px;
    overflow: hidden;
}

#profile-container img {
    object-fit: cover;
    width: 190px;
    height: 190px;
    cursor: pointer;
}
#profile-container2 {
    height: 45px;
    width: 45px;
    overflow: hidden;
    cursor: pointer;
}

#profile-container2 img {
    object-fit: cover;
    height: 45px;
    width: 45px;
    cursor: pointer;
}

.card_panel_navs .upload-button{
    top: 5px;
    position: absolute;
    right: 5px;
    color: #29b146 !important;
    cursor: pointer;
}
.nav_panel_small .upload-button-small{
    top: 25px;
    position: absolute;
    /* right: 5px; */
    color: #29b146 !important;
    cursor: pointer;
    right: -5px;
    font-size: 14px;

}
@media (max-width: 1199px) and (min-width: 992px){
    #profile-container , #profile-container img {
        width: 160px;
        height: 160px;
    }
}
@media (max-width: 991px) and (min-width: 900px){
    #profile-container , #profile-container img {
        width:203px;
        height: 203px;
    }
}
@media (max-width:899px) and (min-width: 845px){
    #profile-container , #profile-container img {
        width:190px;
        height:190px;
    }
}
@media (max-width:844px) and (min-width: 800px){
    #profile-container , #profile-container img {
        width:180px;
        height:180px;
    }
}
@media (max-width:799px) and (min-width: 768px){
    #profile-container , #profile-container img {
        width:170px;
        height:170px;
    }
}



.profile-pic {
    max-width: 200px;
    max-height: 200px;
    display: block;
}

.file-upload , .file-upload-small{
    display: none;
}
.circle ,  .circle_small{
    position: absolute;
    top: 0;
}
.circle_small .profile-pic{
    width: 52px !important;
    height: 52px !important;
}
img {
    max-width: 100%;
    height: auto;
}
.p-image {
    position: absolute;

    color: #666666;
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}
.p-image:hover {
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}
.upload-button ,  .upload-button-small{
    font-size: 1.2em;
}

.upload-button:hover , .upload-button-small{
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
    color: #999;
}
/* villa info */
.div_author_info{
    padding: 1rem;
}
.div_author_info p{
    font-weight: 400;
    font-size: 15px !important;
}
.div_author_info img{
    margin-top: 1rem;
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 50%;
}
.phone_author{
    letter-spacing: 2px;
    padding-right: 5px;
    color: #29b146;
    cursor: pointer;

    font-size: 15px;
}
.form_reserve input[type="text"].input_rsrv_info{
    border: 1px solid #b8b8b8 !important;
    border-radius: 3px !important;
    margin-bottom: 0.5rem;
    padding: 13px 10px;
}
.form_reserve input[type="text"].input_rsrv_info:focus{
    border: 1px solid #29b146 !important;
}
@media (max-width: 991px) {
    .div_author_info {
        text-align: center;
    }

    .div_author_info img {
        margin-bottom: 1rem;
    }
}
@media (max-width: 400px){
    .col-author_info{
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .div_author_info img {
        margin-top: 0;
    }
}
.msg_submit{
    font-size: 12px;
    font-weight: 500;
    color: red;
}
.submit_error{
    font-size: 12px !important;;
    font-weight: 500 !important;;
}
.submit_error .villa_error p {
    color: red !important;
    font-weight: 400;
}
.submit_error .villa_success p {
    color: green !important;
    font-weight: 400;
}
.villa_error_payment p{
    padding: 0 !important;
    color: #fff !important;
    font-weight: 500 !important;
    margin: 0 !important;
}
.villa_error_payment{
    padding: 7px !important;
    background-color:  #fc7655 !important;
    border-radius: 2px !important;
    color: #fff !important;
    margin-bottom: 1rem !important;
}

.submit_error .villa_success p{
    color: green !important;
}
.form_reserve .error_date , .form_reserve .error_date , .form_reserve input[type="text"].error_date
{
    border:1px solid red !important;
}

.form_reserve .error_count {
    border:1px solid red !important;
}
.google_map_link{
    font-size: 12px;
    color: #272626d4 !important;
    font-weight: 600 !important;

}
.google_map_link:hover{
    color: #29b146 !important;

}
.div_phone_order{
    font-size: 14px;
    font-weight: 500;
    color: #545454;
}
#msg_update_avatar{
    color: red;
    font-weight: 400;
}
.show_more_number{
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
}
.show_more_number:hover{
    color: #29b146 !important;
}
@media (max-width: 1199px)  and (min-width: 992px){
    .phone_author{
        letter-spacing: 1px;
    }
}
.show_more_number{
    display: block;
}

.alert-danger {
    font-weight: 400 !important;
}

/* author profile */
.container_author_info{
    margin-top: 1.2rem;
}
.col-author_info{
    margin: auto 0;
}
.col-author_info h1{
    font-size: 17px !important;
    color: #64707b !important;
    padding-bottom: 15px;
    margin-top: 1.1rem;
}
.col_author_sidebar .card{
    box-shadow: 0 2px 8px 1px rgba(159, 144, 144, 0.2);
    padding: 0.5rem 1rem;
}
.col_author_villa .card{
    margin-bottom: 1.3rem;
}
.col_author_villa h5.card-title{
    font-size: 15px;
}
.col_author_sidebar{
    margin-top: 3rem;
}
.col_author_sidebar .sticky-top {
    top: 4rem !important;
    margin-bottom: 4.2rem;
}

.container_author_info .card-header{
    background: transparent !important;
    margin-bottom: 1rem;
}
.body_author_info{
    font-size: 15px;
    font-weight: 400;
    color: #565656;
}
.author_city_show a{
    color: #565656;
    font-weight: 500;
}
.author_city_show a:hover{
    color: #29b146;
}
.author_info_date{
    font-weight:400;
    font-size: 12px !important;
}
.author_image img{
    border-radius: 50% !important;
    width: 100px;
    height: 100px;
    object-fit: cover;
}
.star-rating .star-full:before {
    content: "\f005";
}

.star-rating .star-half:before {
    content: "\f5c0";
}

.star-rating .star-empty:before {
    content: "\f005";
}

.star-rating .star {
    color: orange;
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    height: 20px;
    line-height: 1;
    text-align: center;
    text-decoration: inherit;
    vertical-align: top;
    width: 20px;
}
.col_author_villa h2{
    overflow: hidden;
    font-weight: 500;
    font-size: 20px;
    text-align: center;
    color: #5f6163;
}
@media (max-width: 767px) {
    .col_author_sidebar {
        margin-top: 0;
    }
    .col_author_sidebar .sticky-top {
        margin-bottom: 1.5rem;
    }
    .col_author_villa img{
        height: 250px !important;
    }
}
@media (max-width: 656px) and (min-width: 500px) {
    .col_author_sidebar .sticky-top {
        padding: 0 1.5rem
    }
    .col_author_villa img {
        height: 300px !important;
    }

}
@media (max-width: 499px) and (min-width: 380px) {
    .col_author_sidebar .sticky-top {
        padding: 0 1.5rem
    }
    .col_author_villa img {
        height:250px !important;
    }

}
@media (max-width: 379px)  {
    .col_author_sidebar .sticky-top {
        padding: 0 1.5rem
    }
    .col_author_villa img {
        height:210px !important;
    }

}

/* list authors */
.div_list_author{
    margin-bottom: 2rem;
}
.div_list_author  .card , .div_list_author  p , .div_list_author  img{
    cursor: pointer !important;
}
.div_list_author  .card{
    border: 1px solid #29b146 !important;
    padding-top: 1.8rem;
    border-radius: 4px;
    background: rgb(7,91,41);
    background: linear-gradient(0deg, rgba(7,91,41,1) 0%, rgba(0,116,46,1) 6%, rgba(56, 142, 60) 47%, rgba(56, 142, 60) 50%, rgba(56, 142, 60) 77%); !important;
}
.div_list_author img{
    border: 2px solid #e8e8e8;
}
.card-body-author{
    margin-bottom: 1px;
    padding: 3rem 1rem 1.5rem 1rem;
    border-radius: 0 0 3px 3px;
    cursor: pointer !important;
    background: #fff;
}
.card-body-author .text_comment{
    color: #777575;
    height: 40px !important;
}
.row_list_authors{
    margin-top: 2.5rem;
}
@media (max-width: 400px) {
    .row_list_authors{
        justify-content: center!important;
    }
    .div_list_author{
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-bottom: 1rem;
    }
}
.villa_glsr_list{
    right: 3.5%;
    background: white;
    border-radius: 5px;
    line-height: 0;
    position: absolute;
    top: 5.5%;
    padding: 0 2px 1px 2px;

}
.villa_image_container{
    position: relative;
}
.degree_360{
    right: 3.5%;
    border-radius: 5px;
    line-height: 0;
    position: absolute;
    bottom: 4%;
}
.degree_360 i{
    text-shadow: 1px 2px 3px #191919;
    color: white;
    font-size: 2.5rem;

}
.villa_glsr_list .glsr-shortcode{
    padding: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    position: relative;
    direction: ltr;
}
.div_post_reviews .result__content-wrap{
    padding-right: 3rem;
}
@media (max-width: 1199px) and (min-width: 992px){
    .villa_glsr_list {
        right: 5%;

    }
}
@media (max-width:991px) and (min-width: 768px){
    .villa_glsr_list {
        right: 4%;

    }
    .div_post_reviews .result__content-wrap{
        padding-right: 1rem;
    }
}
@media (max-width:767px) and (min-width: 657px){
    .villa_glsr_list {
        right: 5%;

    }
    .div_post_reviews .result__content-wrap{
        padding-right:1rem;
    }
}
@media (max-width:656px) {
    .div_post_reviews .result__content-wrap{
        padding-right:0;
    }
}
@media (max-width:656px) and (min-width: 640px){
    .villa_glsr_list {
        right: 3.5%;

    }
}
@media (max-width:639px) and (min-width: 480px){
    .villa_glsr_list {
        right: 4%;

    }
}
@media (max-width:479px) and (min-width: 380px){
    .villa_glsr_list {
        right: 4%;

    }

}
@media (max-width:379px) and (min-width: 340px){
    .villa_glsr_list {
        right: 4%;

    }
}
@media (max-width:339px) {
    .villa_glsr_list {
        right: 4%;

    }
}
.grecaptcha-badge {visibility: hidden;}

.div_post_reviews textarea{
    width: 100%;
}
.div_post_reviews  .btn-cancel{
    background-color: #b9b9b9 !important
}
.div_post_reviews img{
    border-radius: 100%;
}
.dashboard_review_form {
    display: none;
    width: 100%;
    margin-top: 1rem;
}
.ipnrm .ipnrm-markers .ipnrm-custom .ipnrm-body>img {
    width: 20px !important;
}
.glsr-default .glsr-summary-stars .glsr-star {
    display: inline-block;

}
.rc-anchor-light.rc-anchor-normal {
    display: none;

}

/* footer */
.footer {
    background-size: cover;
    position: relative;
    width: 100%;
    background-position: bottom;
}
.logo_footer p{
    padding-left: 3rem;
    text-align: justify !important;

}
.logo_footer img{
    width: 95px !important;
    margin-top: 0.7rem;
}

.run-in{
    display: block;
    font-size: 20px;
    padding-bottom: 7px;
    font-weight: 500;
    color: #666565;
    margin-top: 1rem;
}
.footer_ul_amrc li span , .footer_ul_amrc li i{
    color: #000000;
    font-size:16px;
    font-weight: 300;
}
.footer_ul_amrc li i{
    font-weight: bold;
}
.logo_footer p{
    color: #343434;
    font-size:16px;
    font-weight: 400;
    line-height: 2rem;
}
.list_info_footer li i{
    color: #4b4848;
    vertical-align: middle;
    line-height: 1.7rem;
    padding-left: 5px;
}

.footer h5  {
    padding-top: 0.9rem;
    text-align:right;
    cursor: default;
    color: #000000;
    line-height: 2.5rem;
    padding-bottom:0;
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 500;
}


.footer ul li a{
    font-size: 14px;
    color: #4b4848;
    font-weight: 500;
}
.footer ul li a:hover {
    color: #000000;

}
.headin5_amrc {
    font-size: 18px;
}
.headin5_amrc img{
    width: 120px;
    margin-top: 0.7rem;
}
.footer_contact{
    margin-top: 0 !important;
}
.footer_contact ul{
    padding-right: 0;
    text-align: right;
}

.hr_social_footer{
    margin-bottom: 5px !important;
    margin-top: 0 !important;
    border-color: #bdbdbd;
}

.footer_contact ul li{
    display: flex;
    list-style-type:none;
    text-align: right;
    font-size:15px;
    color: #000000;
    font-weight: 400;
    line-height: 2rem;
}
.social_icon li{
    display: contents !important;
}
.footer_contact ul li a span:hover{
    color: #000 !important;
}
.footer_ul_amrc{
    margin-bottom: 0 !important;
}
.footer_ul_amrc a +span+ i { /* in all other case hide it */
    color: #c9c9c9;
    transition: 0.3s;
}
.footer_ul_amrc  li:hover i{
    color: #29b146 !important;
    transition: 0.5s;
}


.social-div img{
    border-radius: 4px;
}
.social_footer_ul {
    margin-top: 5px !important;
    color: #000000;
    display:table;
    list-style-type:none;
    text-align: center;  padding: 0;
}
.social_footer_ul i{
    padding-left: 5px;
    font-size: 20px;
    color:#4b4848;
}
.social_footer_ul i:hover{
    color: #161616;
}
.social_footer_ul li {
    padding-left:0.6rem;
    padding-top:2px;
    float:left;
    cursor: pointer;
}
.social_footer_ul li a {
    color: #2346ca;
}
.links-div{
    margin-top: 1.8rem;
}
.list_info_footer li{
    padding-bottom: 1px;
}
.list_info_footer .name_phone{
    padding-right: 5px;
    font-size: 12px;
    color: #6d6d6d;
    font-weight: 400;
}
@media (min-width: 992px) {
    .footer_contact ul {
        margin-right: 0 !important;
    }
    .links_footer{
        padding-right: 5rem;
    }
}
@media (max-width: 991px)  {
    .container_footer{
        padding: 0 !important;
    }
    .list_info_footer li i {
        margin-right: auto;

    }


}

@media (max-width: 767px)  {
    .footer_ul_amrc li{
        text-align: center !important;
    }
    .links-div{
        margin-top: 0.5rem;
    }
    .col-border{
        border-right: 0;
    }

    .footer ul li::before {
        content: "" !important;
        width: 0 !important;
    }

    .logo_footer p {
        padding: 0 !important;
    }
    .enamad_footer{
        text-align: center !important;
        padding:0 !important;
    }

}

.line_footer {
    background-color: #fbfbfb !important;
    margin: 0;
    display: none;
}
.pt2 {
    margin-top:25px ;
}

.mb10 {
    padding-bottom:15px ;
}
.col_white_amrc ul{
    padding: 0;
}
.footer_ul_amrc {
    padding:0;

}
.footer_ul_amrc2{
    padding:1rem 0 0 0;
}

.footer_ul_amrc{
    margin-top: 0 !important;

}
.footer_ul_amrc li , .footer_ul_amrc2 li{
    margin: 0;
    text-align: right;
    list-style-type: none;
    font-size: 16px;

}
.footer_ul_amrc li{
    padding:0;
    list-style: none;
}


.link_all_jobs{
    padding-top: 0.5rem !important;
}
.link_all_jobs a{
    color: rgb(0, 120, 130) !important;
}
.link_all_jobs a:hover{
    color: rgb(0, 120, 130) !important;
}
.link_all_jobs::before {
    content: "" !important;
    width: 0 !important;
}


.footer_ul_amrc2 li{
    padding:0 0 1rem 0;

}
.footer_ul_amrc li  a , .footer_ul_amrc2 li a{
    font-weight:400;
    color: #8d8d8d;
    margin-top: 0.33rem;
}
.footer_ul_amrc li a:hover , .footer_ul_amrc2 li a:hover{
    color: #525252 !important;
    text-decoration:none;
    transition: 0.3s;
}

.footer_ul_amrc2 img{
    border-radius: 3px;
    
}
.footer_ul_amrc2 img:hover{
    opacity: 0.8;

}
.enamad_footer{
    text-align: right;
}
.enamad_footer img {
    padding-top: 1rem;
    width: 66%;
}
.link_enamad{
    margin-top: 3.7rem !important;
}
.footer_bottom{
    padding-top: 0.3rem;

}
.footer_bottom p{
    font-weight: 400 !important;
    color: #948d8d !important;
    font-size: 12px;
}
.footer_bottom p a{
    padding-right: 2px;
    color: #000000 !important;
}
.footer_bottom p a:hover{
    color: rgb(0, 120, 130) !important;
}
.copy_right{
    text-align: center;
}
.copy_right p{
    color: #948d8d !important;
    font-size: 12px !important;
    padding-top: 5px;
}
.fartak a{
    color: #444444;
    font-weight: 500 !important;
    font-size: 12px;
}
.fartak a:hover{
    color:rgb(0, 120, 130);
}
.fartak p{
    color: #e1e1e1;
}
.desc_footer{
    font-weight: 500;
    color: #3b3a3a;
    margin: 0;
    font-size: 15px;
}
.col-footer-description{
    padding: 0;
}
.div_footer_link{
    text-align: right;
    padding: 0 2rem !important;
}
@media (max-width: 1199px){
    .desc_footer {
        padding-top: 0;
    }
    .list_info_footer{
        margin-bottom: 0 !important;
    }
}
@media (max-width: 500px){
    .logo_footer{
        padding: 0 !important;
    }
    .logo_footer p{
        font-size: 14px !important;
    }
    .footer h5 {
        font-size: 18px;
    }
    .copy_right p {
        font-size: 13px;
    }
    .run-in{
        font-size: 24px;
    }
    .footer_bottom {
        padding: 0 !important;
    }
}

@media (max-width: 656px) and (min-width: 387px){
    .line_footer{
        display: block;
    }

}
@media (max-width: 386px){
    .line_footer{
        display: block;
    }
    .run-in{
        font-size: 20px;
    }
    .footer ul li a {
        font-size: 13px;

    }

}

@media (max-width: 656px) and (min-width: 468px) {
    .line_footer{
        margin-left: 5rem;
        margin-right: 5rem;
    }
}
@media (max-width: 467px) and (min-width: 385px) {
    .line_footer{
        margin-right: 4rem;
        margin-left: 4rem;
    }
}
@media (max-width: 384px) {
    .line_footer{
        margin-right: 3rem;
        margin-left: 3rem;
    }
}

@media (max-width: 800px) {
    .footer_contact , .social_footer_ul , .footer_ul_amrc  {
        text-align: center !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }
}


@media (min-width: 768px) and (max-width: 1199px) {
    .social_footer_ul li{
        padding-bottom: 15px;
    }

}


@media (max-width:1199px) and (min-width: 768px) {
    .social-div{
        padding:0;

    }

}
@media (max-width:991px) {
    .social-div{
        margin-top: .5rem;

    }
    .links-div {
        margin-top: 2.2rem;
    }
    .footer_ul_amrc2 li {
        text-align: left;
    }

    .footer_contact ul li {
        text-align: center !important;
        display: list-item;
    }
    .links_feed ul{
        margin-top: 1.3rem !important;
    }
    .links_feed ul li{
        margin-top: 4px !important;
    }

    .footer ul li a {
        padding-left: 1rem;
    }
    .footer_contact ul {
        text-align: center !important;
    }
    .headin5_amrc {
        text-align: center !important;
    }
    .footer_contact.list_info_footer{
        text-align: right !important;
    }

}
@media (max-width: 767px) {
    .fartak , .copy_right{
        text-align: center !important;
    }
}
@media (max-width: 656px) {
    .div_footer_link {
        margin-top: 1rem !important;
        margin-bottom: 0;
    }
    .footer_ul_amrc2 {
        padding: 0;
        margin-bottom: 0.5rem !important;
    }
    .footer_ul_amrc2 li {
        text-align: center;
    }
    .footer {
        padding: 0;
    }
    .footer_ul_amrc2 img {
        margin-top: 0;

    }
    .footer ul li a {
        padding-left: 0;
    }
}
.shortlink_villa{
    text-align: center;
    margin-top: 1rem;
}
.shortlink_villa span{
    border-radius: 1px;
    padding: 1px 3px;
    color: rgb(56, 142, 60);
    cursor: pointer;
}
.shortlink_villa span:hover{
    box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.2);
}
.shortlink_villa a{
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;
    color: rgb(34, 34, 34);
    font-weight: 500;
    font-size: 14px;
}
.shortlink_villa a:hover{
    color: rgb(0, 120, 50);
}
.card-comments img{
    object-fit: cover;
    width: 100px;
    height: 100px !important;
    border-radius: 50%;
}
.tooltipReserve{
    background-color: #bebebe  !important;
}
@media (max-width: 1199px) {
    .shortlink_villa{
        margin-top: 0;
    }
}