.schema-rate, .schema-rate div, .schema-rate span{ display:inline-block}

#citywork{ background: #eef0ec; margin:30px 0px 0px 0px;}

.sbg{-ms-transform: skew(15deg, 0deg); -webkit-transform:skew(15deg, 0deg);transform: skew(15deg, 0deg); background:#dcdddb; 

border-bottom:3px solid none;padding:10px 30px 10px 75px;position:relative; left:-60px;}

.sbg:after{ content:""; display:inline-block; position:absolute; width:20px;  height:100%;background:#dcdddb; float:right; right:0px; top:0px; z-index:10;}

.sbg-content{-ms-transform: skew(-15deg, 0deg); -webkit-transform:skew(-15deg, 0deg);transform: skew(-15deg, 0deg); padding: 30px 50px 30px 50px;}



.citybenefit{ padding:5px 0px;}

ul.cben{ list-style:none; padding:0px; margin:0}

ul.cben li{ margin:12px 0px;  margin-left:-150px;  padding:5px 100px 5px 0; color:#858282; transition:all .3s ease-in-out}

ul.cben li::before, ul.cben li::after,  ul.mrate::before, ul.mrate::after{ content:""; clear:both; display:table; box-sizing: border-box}

ul.cben li:nth-child(2){ margin-left:-125px;}

ul.cben li:nth-child(3){ margin-left:-100px;}

ul.cben li:nth-child(4){ margin-left:-80px;}



ul.cben li span{ font-size:18px; color:#162a40; display:block; font-weight:600; padding:3px 0px;}

ul.cben li i{ width:60px; height:60px; background:#1e1e1e url(../images/icon-how.png) no-repeat; text-align:center; margin-right:15px; line-height:60px; border-radius:50%; display: inline-table; float:left}



ul.cben li i.icon-fill{ background-position:-810px -258px}

ul.cben li i.icon-quote{ background-position:-809px -191px}

ul.cben li i.icon-compare{ background-position:-874px -191px}

ul.cben li i.icon-con{ background-position:-940px -191px}

ul.cben li:hover{ color:#333}

.hire i{ font-size:80px; display:table; margin:5px auto; color:#f99e10}

.hire h3{ font-weight:600}



/*  city join */

#cityjoin{ background:url(../images/wt-bg.jpg) repeat/*#eef0ec*/;}

.cjointag{ color:#0775d1}

.citypage{ background:#FFF; border:1px solid #DDD; box-shadow:0px 0px 3px #DDD; padding:15px; margin:15px 0px}

.citypage_prem{ position:relative; margin-top:60px;}

.perem_memb{ position:absolute; top:-40px; left:-2px; background:url(../images/premium.png) left top no-repeat; height:41px; width:245px;}



.cllogo{ width:60px; height:60px; padding:5px; border:1px solid #DDD;}

.coname{ font-size:18px; padding-top:0}

ul.mrate{ padding:8px 5px 8px 50px ; margin:0; list-style:none; background:url(../images/bg-star.png) left center no-repeat; display:block}

ul.mrate li{ float:left; margin-right:2px; color:#666; font-size:12px;}

ul.mrate li.star-default{ width:25px; height:15px; background:#e4e5e5}

ul.mrate li.star1{ background:#b50404}

ul.mrate li.star2{ background:#ff9f02}

ul.mrate li.star3{ background:#ffcf02}

ul.mrate li.star4{ background:#9fc600}

ul.mrate li.star5{ background:#749e1b}

ul.mrate li:last-child{ padding-left:8px;}



.rcom{ display:block; padding:5px 0px; color:#666}

.citypage .fa-map-marker{ font-size:22px;}

.citypage p{ font-weight:400; font-size:13px;}

.action-btn .btn{ margin-bottom:10px; text-align:left}

i.geq, i.ged, i.gep{ width:24px; height:24px; float:left; display:table; margin-right:8px;background: url(../images/icon-smal.png) no-repeat; background-position:0px 5px;}

i.ged{ background-position:-26px 5px;} i.gep{ background-position:-51px 5px;}

/*  member page css  */

#membercontact{ background:#f9f9f3}

#membercontact p{ margin:20px 0px;}

#membercontact p b{ font-size:18px; color:#333}

.iconclientaddress, .iconclientname, /*, .iconlikes*/ .iconstab, .iconwish, .iconrevirews, .iconcomment{ width:30px; height:30px; background-position:-762px -335px; margin-right:5px; float:left;}

.iconclientname{ background-position:-633px -335px}

.icontrust{ width:107px; height:63px; display:table; margin:5px auto; background-position:2px -251px}

.iconlikes{ font-size:30px; float:left; margin-right:10px;}

.iconstab{ background-position: -890px -330px; height:40px; width:45px;}

.iconwish{ background-position: -824px -393px;margin-right:10px; }

.iconrevirews, .iconcomment{ background-position: -692px -337px;  width:40px;}

.iconcomment{ background-position: -948px -334px;}

.btn-text-left{ text-align:left}

.faresponse, .reve{display: inline-table; float: left; height: 40px; margin-right: 10px; width: 48px; background-position:-5px -331px;}

.reve{ background-position:-92px -331px;}



.arrow_box {position: relative;background: #f6f7f7;border: 1px solid #d0d0d0; margin-top:50px; color:#a6a7a9; padding-left:15px}

.arrow_box:after, .arrow_box:before {bottom: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}

.arrow_box:after {border-color: rgba(136, 183, 213, 0);border-bottom-color: #f6f7f7;border-width: 30px;margin-left: -30px;}

.arrow_box:before {border-color: rgba(194, 225, 245, 0);border-bottom-color: #d0d0d0;border-width: 31px; margin-left: -31px;}

.arrow_box .col_border_right{ min-height:50px;}

.arrow_box p{ padding:8px 0px;}



.trust_area{ background:#FFF; border:1px solid #a6d6e3; margin:5px 0px; padding:15px;}

.starcont{ font-size:16px; font-weight:600; color:#21a707}

.trust_area ul.mrate li.star-default{height: 23px;width: 70px;}

.trust_area .allform{ margin-top:-15px; margin-right:-15px; margin-bottom:-15px;}



.trust_area .mainform .form-control{ border:1px solid #ccc;}.trust_area .mainform .form-control:focus{ border-color:#0d8eca}

#exTab3 .nav-pills > li > a {  border-radius: 4px 4px 0 0 ; font-size:23px; padding:30px 20px 30px 15px; color:#868788; text-transform:uppercase }

#exTab3 .nav-pills > li:hover > a,#exTab3 .nav-pills > li.active > a, #exTab3 .nav-pills > li.active > a:focus, #exTab3 .nav-pills > li.active > a:hover{color : #108ad7;  background-color: #efecec;}

#exTab3 .tab-content {  color : #333;  background-color: #efecec;  padding :15px;}

.box-content{ padding:15px; background:#FFF; box-shadow:0px 0px 3px #666}

.reviewsbox{ background:#FFF; border:1px solid #ddd; padding:15px;}

.user-com{ background:#f3f4f5; padding:15px;}

i.comment-user{ background:#FFF; border-radius:50%; width:50px; height:50px; line-height:50px; border:1px solid #DDD; display: table; text-align:center}

.comname{ font-size:22px; color:#666; font-weight:600}
.rclist{ background: none!important; margin:5px 0px !important; padding:5px; border-top:1px solid #333; border-radius:0}
.revmsg { height:100px;}
.revdtarea{ min-height:60px;}

/*  reviewspage css */

.reviewsbox{ border:1px solid #DDD; padding:15px; transition:all .3s ease-in-out; border-top:5px solid #DDD; margin-bottom:15px}

.mem_name{ font-size:14px; font-weight:600; margin:5px 0px;}

.padd5{ padding-top:5px; padding-bottom:5px;}

.reviewsbox:hover{ border:1px solid #CCC; border-top: 5px solid #fe5003; transition: all .3s ease-in-out}

/*  reviewspage css */





@media (max-width: 768px) {

.sbg{-ms-transform: skew(0deg, 0deg); -webkit-transform:skew(0deg, 0deg);transform: skew(0deg, 0deg); left:0; padding:0}

.sbg-content{ -ms-transform: skew(0deg, 0deg); -webkit-transform:skew(0deg, 0deg);transform: skew(0deg, 0deg);}

.sbg-content img{ width:90%; display:table; margin: 10px auto}



ul.cben li, ul.cben li:nth-child(2), ul.cben li:nth-child(3), ul.cben li:nth-child(4){ margin-left:0}

ul.cben li i{ margin:5px auto; display:table; float:none}

ul.cben li{ text-align:center; padding-right:0}



.trust_area .allform{ margin-top: auto; margin-right: auto; margin-bottom: auto;}

.hire{ background:#efedea; padding-top:15px; padding-bottom:15px}

.hire:nth-child(odd){ background:none}

}



@media (max-width:480px){



.sbg{-ms-transform: skew(0deg, 0deg); -webkit-transform:skew(0deg, 0deg);transform: skew(0deg, 0deg); left:0; padding:0}

.sbg-content{ -ms-transform: skew(0deg, 0deg); -webkit-transform:skew(0deg, 0deg);transform: skew(0deg, 0deg);}

.sbg-content img{ width:90%; display:table; margin: 10px auto}



}