/****************************************/
/***MarketService Details View Styles***/
/**************************************/


/*.page-marketservicedetails .col-sm-9 {
   width:80%;
}*/

/*.page-marketservicedetails .col-sm-3 {
    width:10%;
}*/

/********************************/
/*title block*/
/********************************/

.page-marketservicedetails .marketservicetitle {
    color: #293647;
    font-size:30px;
    background:transparent;
    font-weight:700;
}

.page-marketservicedetails .servicemarketdetailscategory {
    color: #000;
    font-size: 16px;
    background: transparent;
    font-weight: 700;
    margin-top: 10px;
}

.page-marketservicedetails .dropdown-status {
            /*float: right;
            margin-right: 50px;*/
            cursor: pointer;
            color:red;
            /*font-size:16px;*/
          }
        
.page-marketservicedetails .dropdown-status a {
            color: #2399c6;
        }

/********************************/
/*user and user image block*/
/********************************/

.servicemarketdetailsotherimganddetails {
    text-align:center;
}

.smrp {
    /*display: inline-block;
    vertical-align: top;
    margin-left: 7px;*/
}

.smdll {
    font-size: 12px;
    color: #777;
}



.page-marketservicedetails .comprepnamefield {
    text-align:center;
}

.servicemarketdetailsviewtitleuser {
    border-right:1px solid #e7e7e7;
    width:850px;
}

.servicemarketdetailsviewtitleuser .marketserviceuserimg {
    /*text-align: center;
    margin-left:20px;*/
}

.servicemarketdetailsviewtitleuser .marketserviceuserimg img {
    max-width:75px;
    max-width:50px;
}

.servicemarketdetailsviewtitleuser .col-md-4 {
    width:8%;
    margin-left:20px;
}

.servicemarketdetailsview .defaultusericon {
    text-align: center;
    font-size: 30px;
    color: #337ab7;
}

.smrpltl {
    display:inline-block;
    font-size:14px;
    color: #e44724;
}

.smrpltd {
    display:inline-block;
    font-size:12px;
}

/********************************/
/*End title and user image block*/
/********************************/

/********************************/
/*Start service Image section*/
/********************************/

.marketserviceimgsgal .flexslider .slides img {
    /*max-height: 300px;
    max-width: 50%;
    margin: auto;*/
}

.flexslider .slides .lsrvpic img {
    max-width:80%;
    margin: auto;
}

.flexslider .slides .psrvpic img {
    max-width:40%;
    margin: auto;
}

.flexslider .slides .ssrvpic img {
    max-width:65%;
    margin: auto;
}

/*.page-marketservicedetails .mpserviceimggalland img {
    position: relative;
    Width:auto;
    max-height: 250px;
    overflow: hidden;
    margin: 0 auto; 
    vertical-align: middle;
}

.page-marketservicedetails .mpserviceimggalport img {
    position: relative;
    Width:auto;
    max-height:250px;
    overflow: hidden;
    margin: 0 auto; 
    vertical-align: middle;
}

.page-marketservicedetails .mpserviceimggalsquare img {
  Width:auto;
  max-height: 250px;
  margin: 0 auto; 
  vertical-align: middle;
}*/



/*.mpserviceimgthumbnails {
     zoom: 1;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    height:150px;
    border:1px solid #e7e7e7;
    background: transparent;
}

.marketserviceimgsthumbnails {
    margin-top: -30px;
}

/********************************/
/*End service Image section*/
/********************************/

/********************************/
/*Start service details section*/
/********************************/

.servicemarketdetailsview {
    background-color:#fff;
    /*border: 1px solid #e7e7e7;
    border-radius: 4px;*/
    box-shadow: 5px 5px 5px #e7e7e7;
}


.servicemarketdetailsview .marketservicedetailslabel {
    color:#293647;
    font-size:20px;
    font-weight:700;
}

.servicemarketdetailsview .marketservicedetails hr {
    border-top: 1px solid #e7e7e7;
    width:100%
}



/********************************/
/*END service IMG and details section*/
/********************************/


/********************************/
/*Right side block Price and Other Details*/
/********************************/

.page-marketservicedetails .marketservicecostandbtndetails {
    box-shadow: 5px 5px 5px #e7e7e7;
    border: 1px solid #e7e7e7;
    /*position: fixed;
    z-index: 10000;*/
    background: #fff;
}

.servicemarketdetailsotherview {
    background-color: #fff;
    box-shadow: 5px 5px 5px #e7e7e7;
}

.servicemarketdetailsotherview hr,
.servicemarketdetailsview hr {
    border-top: 1px solid #e7e7e7;
    /*width: 90%;*/
    margin-top: 5px;
}

.servicemarketdetailsotherviewprice {
    text-align: center;
    color: #e44724;
    font-size:26px;
    font-weight:800;
    display:inline-block;
    /*margin-left:-75px;*/
}

.servicemarketdetailsotherviewcosttype {
    text-align: center;
    font-size:18px;
    font-weight:700;
    display:inline-block;
    /*margin-left:-75px;*/
    margin-bottom:10px;
}

.page-marketservicedetails .titleent {
    font-size:24px;
    font-weight:700;
}

.page-marketservicedetails .marketservicedescrlabel {
    font-weight: 700;
    font-size: 16px;
}

.page-marketservicedetails .marketserviceexplabel {
    font-weight: 700;
    font-size: 16px;
}

.page-marketservicedetails .marketservicefineprintlabel {
    font-weight: 700;
    font-size: 16px;
}

.servicebuttons {
    text-align: center;
    margin-top: -15px;
}

.servicebuttonsrq {
    margin-top: 5px;
}


.btn-ps {
    background-color: #e44724;
    color: #fff;
    font-weight: bold;
    padding: 5px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #999;
    /*width: 45%;
    display:inline-block;*/
}

.btn-pstwo {
    background-color: #fff;
    color: #000;
    font-weight: bold;
    border:1px solid #000;
    border-radius:4px;
    padding: 5px;
    border-radius: 4px;
    width: 60%;
    margin:auto;
}

.srvconfirmtxt { /*in modal*/
    font-size:16px;
}

.servicemarketdetailsotherviewloclead {

}

.servicemarketdetailsotherviewloclabel {
    /*.text-align:center;
    font-weight:700;
    font-size: 25px;*/
    display: inline-block;
    font-size: 14px;
    color: #e44724;
}
.servicemarketdetailsotherviewlocdata {
    /*.text-align:center;*/
    display: inline-block;
    font-size: 12px;
}




.servicemarketdetailsview .servicemarketdetailsotherviewpartialpaymentlabel {
    /*text-align:center;
    font-weight:700;
    font-size: 25px;*/
    display: inline-block;
    font-size: 14px;
}

.servicemarketdetailsview .glyphicon-map-marker {
    color: #e44724;
    font-size:20px;
}

.servicemarketdetailsview .glyphicon-time {
    color: #e44724;
    font-size:20px;
}

.servicemarketdetailsotherviewpartialpaymentdata {
    text-align:center;
}

.marketservicedetailsportfolio {
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #d9d9d9;
    margin-top: 20px;
    box-shadow: 5px 5px 5px #e7e7e7;
}

.page-marketservicedetails .marketserviceportfoliolabel {
    background-color: #e7e7e7;
    color: #293647;
    font-size: 20px;
    padding: 3px 0 3px 5px;
    width: 90%;
    margin-left: 17px;
}

.marketservicedetailsportfolio .masonry-item {
    border:1px solid #e7e7e7;
    text-align: center;
    }

.marketservicedetailsportfolioimg img{
    max-width:50px;
    max-height:100px;
    border:0px solid;
}

.page-marketservicedetails .servicemarketdetailinqlink {
    text-align:center;
}

.page-marketservicedetails .btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
    width:100%;
}

.servicemarketdetailsview .glyphicon-time {
    color: #e44724;
}

.servicemarketdetailsview .glyphicon-hourglass {
    color: #e44724;
}
/********************************/
/*End Right side block Price and Other Details*/
/********************************/

/********************************/
/*Right side block User Details*/
/********************************/

.marketservicedetailsuserinfo {
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #d9d9d9;
    margin-top: 20px;
    box-shadow: 1px 8px 5px 1px #e7e7e7;
    padding: 5px;
    text-align: center;
}

.page-marketservicedetails .marketserviceuser {
    text-align: center;
}

.page-marketservicedetails .servicemarketdetailsotherviewpchbtn {
    margin-top:8px;
}

.page-marketservicedetails .propiccomp {
    margin-top:5px;
}

.page-marketservicedetails .marketserviceimgcomp {
   /* float:right;*/
   display:inline-block;
   vertical-align: bottom;
}

.page-marketservicedetails .servicemarketdetailsotherviewrep {
    font-size:14px;
    font-weight:800;
    text-align:center;
    /*display:inline-block;*/
}

.page-marketservicedetails a.servicemarketdetailsotherviewcomp {
    /*color: #000;*/
    font-size: 16px;
    font-weight: 700;
}

.page-marketservicedetails a.servicemarketdetailsotherviewcomp:hover {
    /*color: #000;*/
    font-size: 16px;
    font-weight: 700;
    text-decoration:none;
}

/*.page-marketservicedetails .marketserviceimgcomptdetailsotherviewabout {
    font-size:12px;
    color:#777;
}*/

.page-marketservicedetails .servicemarketdetailuserdescr {
    font-size:12px;
    color:#777;
    font-style: italic;
}

.page-marketservicedetails .marketservicesocial {
    /*margin-top: -10px;
    text-align: center;
    margin-left: 10px;*/
}

.page-marketservicedetails .marketserviceuserfb {
    display: inline-block;
    padding-right:5px;
}
.page-marketservicedetails .marketserviceuserfb img {
    width: 15px;
    height: 15px;
}

.page-marketservicedetails .marketserviceuserinsta {
    display: inline-block;
    padding-right:5px;
}
.page-marketservicedetails .marketserviceuserinsta img {
    width: 15px;
    height: 15px;
}

.page-marketservicedetails .marketserviceusertwitter {
    display: inline-block;
    padding-right:5px;
}
.page-marketservicedetails .marketserviceusertwitter img {
    width: 15px;
    height: 15px;
}

.page-marketservicedetails .marketserviceuseryt {
    display: inline-block;
    padding-right:5px;
}
.page-marketservicedetails .marketserviceuseryt img {
    width: 15px;
    height: 15px;
}

.page-marketservicedetails .msdabout {
   font-size:13px;
   font-style: italic;
   color:#777;
}
    
.page-marketservicedetails .marketservicelocation {
    font-size:14px;
    margin-top: 5px;
    font-weight:700;
}

.page-marketservicedetails .marketserviceleadtime {
    font-size:14px;
    margin-top: 5px;
    font-weight:700;
}

/********************************/
/*End Right side block User Details*/
/********************************/


/**************************************************/
/* 08/13/2018 Change - Added serviceinquire form */
/************************************************/

.page-marketservicedetails .sendrequestbannerform {
    width: 95%;
    margin: auto;
    border: 2px solid #999;
    border-radius: 4px;
 }
 
.page-marketservicedetails .sendrequestentry,
.page-marketservicedetailsinq .sendrequestentry,
.page-marketservicedetailsinqhr .sendrequestentry{
    padding-bottom: 5px;
    background: #e9e9e9;
}

.page-marketservicedetails .messagebodyfield,
.page-marketservicedetailsinq .messagebodyfield {
    /*border-bottom: 2px solid #e7e7e7;*/
}



.page-marketservicedetails .sendrequestbannertext {
       font-size: 25px;
       font-weight: 700;
    }

/********************************/
/********************************/
/********************************/
/*Mobile*/
/********************************/
/********************************/
/********************************/

/*greater then equal to iPad size*/
@media (min-width: 992px) {
    
    .marketservicemobfloatbtn {
       float:right;
    }
    
     .marketservicemobfloatbtnbtn {
        display:none;
    }
    
    .sendmsgfloatbtn {
       display:none;
    }



}


@media (max-width: 992px) {
    
    .btn-pstwo {
        margin-top:5px;
    }

}

@media (max-width: 991px) {
    
    .marketserviceimgsgallery {
        display:none;
    }

}

@media (max-width: 767px) {
    
    .marketservicedetailsuserinfo {
        display:none;
    }
    
    .mblusrdtlsimg {
        display: inline-block;
    }
    
    .mblusrdtlsimg .marketservice_details_profpicport {
        width: 30px;
        height: 30px;
        overflow: hidden;
        border-radius: 50%;
        display: inline-block;  
    }
    
    .page-marketservicedetails .marketservice_details_profpicland {
        width: 30px;
        height: 30px;
        overflow: hidden;
        border-radius: 50%;
        display: inline-block; 
    }
    
    .smrp{
        display: inline-block;
    }
    
    .page-marketservicedetails a.servicemarketdetailsotherviewcomp {
        font-size:14px;
        font-weight: 700;
    }
    
    .page-marketservicedetails a.servicemarketdetailsotherviewcomp:hover {
        /*color: #000;*/
        font-size: 14px;
        font-weight: 700;
        text-decoration:none;
    }
    
    
}

@media (min-width: 768px) {
    
    .smdumbl {
        display:none;
    }
    
    .mblusrdtls {
        display:none;
    }

}