*{


    margin: 0px;
    padding: 0px;

}

.product-div{

    width: 1170px;
    height: auto;
    margin: 15px auto 0px auto;
}

.product-div>div{


    width: 480px;
   /* background-color: #1b8e99;*/
    height: auto;
    border: 1px #d1d1d1 solid;
    border-radius: 4px;
    margin: 25px auto;
}
.product-div>div>div:nth-child(1){

    width: 100%;
    height: 230px;

}

.product-price{

    height: 50px;
    width: 240px;
    margin: -7px auto 0px auto;
    line-height: 55px;
    font-size: 15px;
    border-bottom: 1px #edeae9 solid;
    color: #655d5d;
    text-align: center;
}

.product-price>span{


    color: #1b8e99;
}

.product-city{

    height: 40px;
    width: 240px;
    margin: 10px auto 0px auto;
    overflow: hidden;
    line-height:30px;
    font-size: 18px;

}



.product-country{

    height: 40px;
    width: 240px;
    margin: 5px auto 0px auto;

    font-size: 18px;

}
.product-city>img{
    vertical-align: middle;
    float: right;
}
.product-country>img{


    margin-left: -9px;
    vertical-align: middle;
}


.product-city>span{

    color: #b1aeae;
    font-size: 15px;
    margin-right: 15px;
    float: right;
    width: 187px;
    overflow: hidden;
    height: 25px;


}
.product-country>span{

     color: #b1aeae;
     font-size: 15px;
     margin-left: 10px;


 }

.product-text{

    width: 240px;
    height: 50px;
    margin: 5px auto 0px auto;
    font-size: 15px;
    color: #595757;

}


.product-choose{


    width: 160px;
    height: 35px;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    background-color: #1b8e99;
    margin:0px auto 25px auto;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    line-height: 31px;
    /*box-shadow: 2px 2px 5px #717171;*/
}




.form{
    margin-top: 40px;

}



.where{


     width: 300px;
     height: 50px;
     border: #eee9e9 1px solid;
     border-radius:4px;
    padding-left:50px;
    font-size: 14px;
    color: #514e4e;
    float: left;
    border-left: none;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}

.from,.to,.workid,.serviceid,.employeeid{


    border: #eee9e9 1px solid;

    border-radius: 4px;

    border-top-left-radius: 4px;

    border-bottom-left-radius: 4px;

    padding-left:80px;

    font-size: 14px;

    color: #514e4e;

    margin-left: 0px;

    float: left;

    /*border-left: none;*/
/*
    border-bottom-left-radius: 0px;

    border-top-left-radius: 0px;*/
}


.how-many{
    width: 155px;
    height: 50px;
    border: #eee9e9 1px solid;
    border-radius:4px;
    font-size: 14px;
    color: #514e4e;
    padding-left: 45px;
    margin-left: 0px;
    float: left;
    border-left: none;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}

.more-filter{

    width: 110px;
    height: 50px;
    border: #eee9e9 1px solid;
    border-radius: 4px;
    float: left;
    text-align: center;
    line-height: 48px;
    color: #7e7979;
    margin-left: 10px;
    cursor: pointer;

}


.passengers-div .more-filter{

    width: 91px;
}


.passengers-div .apply-button2{

    width: 67px;

}




.more-filter:hover,.more-filter:active{
    color: #fff;
    background-color: #1b8e99;
}

.filter{max-width: 100%;}

.filter-what{
    width: 705px;
    height: 60px;
    /* background-color: #1b8e99; */
    /* float: left; */
    margin: -57px auto 0px auto;
   /* padding: 61px 0px;*/
    /* float: left; */transition: 0s !important;
}

.filter-what>a>div:hover{

    border: 3px solid #1b8e99;
    transition: 2s;
}
.filter-what>div:first-child{

    margin-left: 0px !important;
}
.filter-what>a>div{

    width: 100px;
    height: 100px;
    background-color: #FFFFFF;
    float: left;
    margin-left: 43px;
    text-align: center;
    line-height: 48px;
    color: #ffffff;
    cursor: pointer;
    border-radius: 100%;
    transition: 0.5s !important;
    z-index: 0;
    position: relative;
    opacity: 1;

}
.home-png{

    background-image: url('/image/icon/home.svg');
    background-repeat: no-repeat !important;
    background-size: 137% !important;
    background-position: 49% 42% !important;
    border: 3px solid #f1f1f1;

}


.taxi-png {

    background-image: url('/image/icon/taxi.svg');
    background-repeat: no-repeat !important;
    background-size: 479% !important;
    background-position: 53.5% 50% !important;
    border: 3px solid #f1f1f1;
}
.passenger-png{

    background-image: url(/image/icon/passenger.svg);
    background-repeat: no-repeat !important;
    background-size: 114% !important;
    background-position:0% 33% !important;

    border: 3px solid #f1f1f1;

}


.resturant-png{

    background-image: url('/image/icon/restaurant.svg');
    background-repeat: no-repeat !important;
    background-size: 55% !important;
    background-position: 45% 44% !important;
    border: 3px solid #f1f1f1;
}




.leader-png{

    background-image: url('/image/icon/leader_blue.svg');
    background-repeat: no-repeat !important;
    background-size: 78% !important;
    background-position: 48% 33% !important;
    border: 3px solid #f1f1f1;
}


.free-png{

    background-image: url('/image/leader.png');
    background-size: contain;
    -ms-background-position-x: -1px;
    background-position-x: -1px;
}

.filter-what>a:first-child>div{
margin-left: 0px !important;
}
.filter-what>a>div:hover,.filter-what>div:active{


    color: #fff;
    border: 3px solid #1b8e99 !important;
}


.where-svg,.when-svg1,.when-svg2,.how-many-svg{

    width: 33px;
    height: 50px;
    border: #eee9e9 1px solid;
    float: left;
    margin-left: 21px;
    border-radius: 4px;
    border-right: none;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    margin-top: 1px;

}


.when-svg1,.when-svg2,.how-many-svg{
    margin-left: 18px;
margin-top: 1px;
    position: absolute;

    border: none !important;
}

.from,.to,.where,.how-many{

    outline: none;
}


.center-div{

    float: left;
    height: auto;
    width: 100%;
    margin-bottom: 40px;
}

footer{


    box-shadow: 0px 0px 10px #eee9e9;
}

.paging-div{

    width: 1170px;
    height:auto;
    margin: 0px auto 0px auto;
    float: left;
   /* background-color: #1b8e99;*/
    margin-top: 15px;
}

.paging-div>ul{
    width: 440px;
    height: 40px;
    margin: 10px auto 0px auto;
 }




.paging-div>ul>li {
    float: left;
    list-style: none;
    width: 30px;
    height: 30px;
    text-align: center;
    /* color: #999393; */
    cursor: pointer;
    background-color: #1b8e99;
    margin-left: 8px;
    line-height: 32px;
    border-radius: 100%;
    color: #ffffff !important;
}

.paging-div>ul>li:hover{
    color: #1b8e99;
    text-decoration: underline;
}

.picker__holder {

    margin-top: 52px;
    margin-left:279px;

}

.filter-div{

    width: 100%;
    height:auto;
    background-color: #FFFFFF;
    position: relative;
    margin-top: -66px;
    box-shadow: 0px 2px 5px #e2dfde;
    display: none;
    padding: 0px 0px;
    z-index: 1000;
float: left;
}

.filter-one-div{

    width: 22%;
    height: auto;
    background-color: #FFFFFF;
    position: relative;
    margin-top: 5px;
    margin-left:8%;
    float: left;
}

.filter-two-div{

    width: 22%;
    height: auto;
    background-color: #FFFFFF;
    position: relative;
    margin-top: 5px;

    float: left;
}


.filter-tree-div{

    width: 22%;
    height: auto;
    background-color: #FFFFFF;
    position: relative;
    margin-top: 5px;

    float: left;
}


.filter-four-div{

    width: 22%;
    height: auto;
    background-color: #FFFFFF;
    position: relative;
    margin-top: 5px;
    float: left;
}



header>form>div>div>div>div:first-child{
    width: 90%;
    height: 25px;
    /* background-color: #CCCCCC; */
    float: left;
    direction: ltr;
    font-size: 17px;
    color: #706e6e;
    line-height: 0px;
    padding: 0px 7px;
    margin-top: 15px;
    font-weight: bold;

}

.dedicate-radio{

    /*padding: 0px 23px !important;*/
}


.dedicate-head{
   /* padding: 0px 15px !important;*/

}

.service-body .dedicate-head{

    padding: 0px 0px !important;

}


header>form>div>div>div{
    width: 99%;
    height: 100px;
    /* background-color: #1b8e99; */
    margin: 0px auto 0px auto;
    margin-top: 30px;
    float: left;
    margin-bottom: -5px !important;
}


header>form>div>div>div>div:last-child{
    width: 90%;
    height: 50px;
    /* background-color: #CCCCCC; */
    float: left;
    margin-left: 2%;
    font-size: 16px;
    color: #706e6e;
    line-height: 55px;

}

.what-is-select {
    width:285px;
    height: 40px;
    border: 1px solid #e8e5e4;
    border-radius: 2px;
    padding: 0px 10px;
    color: #636161;
    font-size: 16px;
    position: relative;
}


header>form>div>div>div>div:last-child>input{
    width: 100%;
    height: 48px;
    border: 1px solid #e8e5e4;
    border-radius: 2px;
    padding: 0px 10px;
    float: left;
    font-size: 16px;
    color: #636161;
    margin-top: 3px;
}

.price{

    width: 92% !important;
}


.dedicate-radio {
    width: 20px !important;
    height: 25px !important;
}

.dedicate-div {
    height: 70px !important;
    margin-top: -20px !important;
    width: 100%;
}

.dedicate-div-first {
    margin-top: 18px !important;
}

.dedicate-radio>input {
    width: 20px !important;
    height: 20px !important;
    opacity: 0.6;
}


.apply-button {
    display: block;
    width: 100px;
    border-radius: 4px;
    background-color: #1b8e99;
    line-height: 40px;
    height: 45px;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
    direction: rtl;
    border: none;
    outline: none;
    position: relative;
    float: left;
    margin-left: 10px;
    font-size: 16px;
}

.apply-button2{

    display: block;
    width: 100px;
    border-radius: 4px;
    background-color: #1b8e99;
    line-height: 40px;
    height:50px;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
    direction: rtl;
    border: none;
    outline: none;
    position: relative;
    float: left;
    margin-left: 10px;
    font-size: 16px;
    margin-top: 1px;

}

.cancel-button{
    display: block;
    width: 50px;
    border-radius: 4px;
    /*background-color: #1b8e99;*/
    line-height: 40px;
    height: 42px;
    color: #676563;
    text-align: center;
    cursor: pointer;
    direction: rtl;
    border: none;
    outline: none;
    position: relative;
    float: left;
    margin-left: 55px;
    font-size: 18px;
    text-decoration: underline;
}

#a{


    color: #1b8e99;
    font-size: 16px;
    line-height: -19px;

}


#b{


    color: #1b8e99;
    font-size: 16px;

}

.range{


    height: 40px !important;
    width: 92% !important;
}

.filter-a-product{
    width:740px;
    height: 50px;
    /* background-color: #000000; */
    margin: 55px auto -20px auto !important;
    z-index: 1;
    position: relative;
}

.filter-a-product>span {
    color: #676563;
    width: 20%;
    display: block;
    float: left;
    text-align: center;
    /* background-color: #CCCCCC; */
}

.product-div>div>a{


    text-decoration: none;
}



.login-profile,.li-log,.sign-up{


    line-height: 22px !important;
}

.follow-strip{

    width: 165px;
    height: 25px;
    position: absolute;
    background-color: #1b8e99;
    font-size: 15px;
    color: #ffffff;
    text-align: center;
    transform: rotate(45deg);
    margin-left: 152px;
    margin-top: 33px;
}

.product-div>div{
    overflow: hidden;
    position: relative;
}

.image-div{

    background-image: url('/image/icon/car-wash1.svg');
    background-size: 60% 60%;
    background-repeat: no-repeat;
    background-position-x: 55px;
    background-position-y: 51px;


}


.product-div .favorite-content{



    width: 280px !important;
    /*position: absolute !important;*/
    height: 100% !important;
    margin-top: -24px;
}

.product-div .leader > div{

    margin-left: 0px !important;

}

.product-div .super-leader {
    height:94%;
    width: 285px;
    /* background-color: #0C6; */
    position: relative;
    display: block;

    overflow: hidden;
    margin-top: 10px;
    float: left;
    margin-left: -30px;
}











.product-div .super-leader {
    width: 100%;
}

.product-div .favorite-content {
    width: 100% !important;
    height: 200px !important;
}
.product-div > div > div:nth-child(1) {
    width: 100% !important;
    height: 300px;
}

.product-price,.product-city,.product-country,.product-text {

    width: 90%;
}


.product-div .right-arrow2 {


    float: right !important;
}

.product-div .super-leader {

    margin-left: 0px !important;
    position: absolute !important;

}



.product-div .leader>div{

    width: 285px;
    /* background-color: #1b8e99; */
    height: 132px;
    margin-left: 4px;
    float: left;
    border: 1px #f5f2f1 solid;
    margin-top: 12px;
    background-color: #ffffff;
    background-image: url('/image/togather-1.jpg');

    background-position: center;
    background-size: 100% 100%;
}


.product-div .left-arrow2 {
    height:130px;
    width: 25px;
    background-color: rgba(0, 0, 0, 0.0);
    border-bottom-left-radius: 4px;
    cursor: pointer;
    float: left;
    margin-top:23px;
    z-index: 10000;
    opacity: 0;
    position: inherit;
}


.product-div .right-arrow2 {
    height:130px;
    width: 25px;
    /* background-color: rgba(0,0,0,0.8); */
    border-bottom-left-radius: 4px;
    cursor: pointer;
    float: right;
    position: inherit;
    margin-top:23px;
    margin-left: -26px;
    opacity: 0;
}


.favorite-content:hover .left-arrow2{

opacity: 1;
}



.favorite-content:hover .right-arrow2{

opacity: 1;
}


.product-parent{

    width: 100%;
    height:auto;
    float: left;
}


.search-div{

    width: 100%;
    height: auto !important;
    float: left;
    margin-bottom: 67px;
}

.new-dedicate-div{


    float: left;

}

.dedicate-radio-text{

    margin-top: -2px !important;
    width: 260px !important;
    padding: 0px !important;
    margin-left: 67px !important;
}

.span-from{

    width: 45px;

    height: 50px;

    float: left;

    display: block;

    text-align: right;


    line-height: 47px;

    color: #666666;

    font-size: 12px;

    position: absolute;

    margin-top: 3px;

    margin-left: 36px;
}

.to-span{

    width: 30px !important;
}

.user-image-product{

    width: 70px;
    height: 70px;

}


.apply-div{


    width: 100%;
    height: 100px;
    float: left;
}

.picker {
    width: 100% !important;
}


.filter-div .dedicate-radio-text{

    margin-top: 15px !important;
    margin-left: 0px !important;
    line-height: 18px !important;
}




.service-body .dedicate-radio-text {

    margin-left: -8px !important;
    line-height: 27px !important;

    width:300px !important;
}

.service-body .dedicate-radio {

    margin-top: 3px !important;
}

.service-body .dedicate-div-first {
    margin-top: 32px !important;
}

.search-div>input ,.search-div>input>div ,.search-div>button{

    margin-bottom: 15px;
}

.top-div{

    width: auto !important;
    height: 36px !important;
    float: left;
    margin-right: 10px;
}

.pac-container{
    z-index:10000 !important;
    width: 400px !important;
    margin-left: -33px !important;
}

#menu>div{

    background-color: #1b8e99 !important;
}

.logo>img{

    z-index: 1;
    position: relative;
}

.filter-what{

    /*margin-top: -57px !important;*/
}




nav input{

    margin-left: 10px !important;
    margin-right:-10px !important;
}


.resturan-filter>div:nth-child(2)>div:first-child{

    width: 100% !important;
}

.passengers-filter .filter-one-div>div:last-child,.top-top{
    margin-top: 45px !important;
}
.product-works{

    height: auto !important;
    float: right;
}
.product-works>div{

    width: 250px !important;
    float: right !important;
    background-color: #FFFFFF !important;
    margin-top: 30px;
    margin-left: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 4px !important;
}

.t{

    float: right;
    width: 70%;
    margin-right: 20px;

}

.works-profile .product-country{
    height: 0px !important;
}

.works-profile .product-text{

    text-align: center;
    direction: rtl;

}

.works-profile .product-works>div>div>img{

    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.product-select{
    margin-bottom: 25px !important;
}

.search-body .product-city > img{

    margin-right: 0px !important;
}

.search-body .product-price{

    border-bottom: none ;
}

.search-body .product-price img{

    width: 88px;
    height: 88px;
    border: #FFFFFF 5px solid;
    border-radius: 100%;
    margin-top: -74px;
    z-index: 1;
    position: relative;

}


.search-body .product-country{

    text-align: center;
}

.match-service{

    width: 85%;
    height: auto;
    border-radius: 4px;
    border: 1.5px dashed #d4d2cc;
    margin: 50px auto;
}

.search-body .product-text:first-child{

    color: #1b8e99 !important;
}

.product-text img{

    width: 88px;
    height: 88px;
    border: #FFFFFF 5px solid;
    border-radius: 20px;
    margin-top: -51px;
    z-index: 1;
    position: relative;
}

.section-works{

    width:800px;
    margin-left: auto;
    margin-right: auto;
    height:auto;
    margin-top: -20px;
    /*background-color:#37ACFB;*/
}

.work-div-top{

    float: right;
    min-height: 150px;
    width: 100%;
    border: 1px solid #d5d9d4;
    border-radius: 4px;
    height: auto;
    margin-top:30px;
    overflow: hidden;

}

.work-div-top>div:first-child{

    float: right;
    height:130px;
    width: 130px;
    background-size: 100% 100%;
    margin-right: 10px;
    margin-top:11px;
    border-radius: 4px;
   /* background-color: #0f7864;*/
}

.work-div-top>div:last-child{

    min-height: 150px;
    height: auto;
    width: calc(100% - 160px);
   /* background-color: #fffbdb;*/
    float: left;
    text-align: right;
}

.desc-work{

    /*background-color: #727272;*/
    font-size: 13px;
    color: #727272;
    margin-top: 8px;
    height: auto;
    min-height: 70px;

}

.name-work{

    font-size: 15px;
    color: #515450;
    margin-top: 8px;
}
.address-work>img{

float: right;
    margin-left: 6px;
    margin-top: -3px;
}

.service-div-top{
    border-top: none;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    margin-top: 0px;

}

.service-div-top>div:first-child{

    width:80px;
    height: 80px;
}

.service-div-top>div:last-child{

    height: 80px;
    width: calc(100% - 100px);
}

.service-div-top .name-work{
    margin-top: 38px;
    width: calc(100% - 260px);
    float: right;
}
.service-time{

    width: 65px;
    height: 21px;
    float: right;
    margin-top: 31px;
    text-align: center;
    line-height: 30px;

}

.service-price{


    margin-right:10px;
    width: 65px;
    height: 21px;
    float: right;
    margin-top: 31px !important;
    text-align: center;
    line-height: 30px;
}
.service-price>span,.service-time>span{

    margin-top: 0px !important;
}
.service-time>span,.service-price>span{
    width: 90px;
    border-radius: 4px;
    height: 35px;
    color: #FFFFFF;
    font-size: 12px;
    background-color: #37ACFB;
    display: block;
    line-height: 32px;
    text-align: center;
}

.service-div-top .product-choose{
    width: 60px;
    height: 35px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #1b8e99;
    /* margin: 0px auto 0px auto; */
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    line-height: 36px;
    float: left;
    margin-top: 30px;
    margin-left: 10px;
}

.service-div-top{

    min-height: 100px;
    height: 100px;
}

.demo-default-service{

    float: right;
    /* position: absolute; */
    margin-left: 4px !important;
    width: 100px;
    text-align: right !important;
    margin-right: -13px !important;
    direction: ltr !important;
}
.address-work{

    margin-top: 8px;
    direction: rtl;
    height: 32px;
}
.leader>div>div{

    height: 100% !important;
    border-radius: 4px !important;
}
.leader>div>div>img{

    border-radius: 4px;
}

.details-work{

    float: left;
    margin-left: 10px;
    cursor: pointer;
    color: #1b8e99 !important;
}


.work-div-top>div:last-child>div>span{
    margin-left: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
    float: right;
    direction: rtl;
}
.work-div-top>div:last-child>div:last-child{

    margin-right: -148px;
    width:calc(100% + 150px);
    height:auto;
    float: right;
    margin-top: 10px;
}

.details-work-show{

    display: none;
}
.details-work-show p{
    margin-left: 15px;
    /* margin-top: 10px; */
    margin-bottom: 10px;
    display: block;
    float: left;
    direction: ltr;
    color: #37ACFB;
    margin-right: 3px;

}
iframe{
    border-radius: 4px;
}


.service-time>span{
    width: 70px !important;
}

.service-time>span{
    background-color: #fb5464 !important;
}