body.site.com_jshopping {padding:0;}
sup { color: #000; font-size:18px; vertical-align: baseline;}
#sort_count {display:flex; justify-content:space-around; flex-wrap:wrap;margin-bottom:30px;    background-color: #e1ffea;}
.mfoFilterTitle {font-size:20px;text-align:center;color:#fff;width:100%;margin-top:0px;}
.mfoFilterSubTitle {font-size:16px;font-weight: normal;text-align:center;color:#444;width:100%;margin-bottom:15px;}
#mxcpr, .mfo-buttons .button_rmore {display:none;}
.mfo-list {position:relative;}
.mfo-item, .review_item {display:flex; flex-wrap:wrap;justify-content:space-between;align-items:center; box-sizing: border-box; margin: 40px 5px; padding:10px; background-color: #f0fff2; position:relative;transition:0.3s all;border: 3px solid #07956f; border-radius: 6px;}
.review_item {padding:10px; box-sizing:border-box;}
.mfo-item:hover, .mfo-item:focus, .review_item:hover, .review_item:focus {border: 3px solid #f15c22; background-color: #fffded;}
.mfo-item-img {display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:25%;}
.mfo-buttons {padding-top:20px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width: 25%;}
.mfo-item-img img {width:180px;max-width:100%;}
.mfo-tarif {display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:50%;position:relative;}
.mfo-calc, .mfo-info-data {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%;}
.mfo-calc {border-bottom:1px #ccc dashed;margin-bottom:5px;padding-bottom:5px;}
.mfo-info-data {}
.paySumm, .payBody, .payRate, .firstCredit, .secondCredit, .creditTime {width:33%;}
.mfo-calc p, .mfo-info-data p {margin-bottom:5px; color:#757575;}
.paySumm 		{}
.paySumm span 	{font-size:28px;color:#f15c22;font-weight:600;}
.payBody			{}
.payBody span 		{font-size:28px;color:#404040;font-weight:600;}
.payRate 			{position: relative;}
.payRate i 		{text-decoration: line-through;font-style: normal;color: #e5484a;}
.payRate:after  		{content:'=';position:absolute;z-index:2;display:flex; font-size:30px; top:32px; left:-240px;}
.payRate:before 	{content:'+';position:absolute;z-index:2;display:flex; font-size:30px; top:32px; right: 220px;}
.payRate span 		{font-size:28px;color:#404040;font-weight:600;}
.firstCredit, .secondCredit, .creditTime 				{font-size:14px;}
.firstCredit span, .secondCredit span, .creditTime span	{font-size:0.9rem;font-weight: 400;}

.mfo-buttons .button_detail		{color:#fff; text-shadow:none; text-decoration:none; text-transform:uppercase; padding:10px 20px; margin-top:10px; background: #00c505;}
.mfo-buttons .button_detail:hover, .mfo-buttons .button_detail:focus 		{box-shadow:none; background:#6e36ea; color:#fff;}

.mfo-buttons .button_detail2										{background:#00c505; border-radius:0; color:#fff; text-shadow:none; text-decoration:none; text-transform:uppercase; padding: 20px 20px;    width: 70%;    font-size: 24px;    border-radius: 6px;}
.mfo-buttons .button_detail2:hover, .mfo-buttons .button_detail:focus 	{background:#6e36ea;color:#fff !important;}

.mfoDetailRate {font-size:0.9rem;color:#909090;}
.mfoDetailRate2 {color:#909090; font-size: 1.4rem;}
.mfo-stars {color:#f15c22;font-size:22px;vertical-align: middle;}
.mfo-stars2{color:#f15c22;font-size:1.8rem;}
.mfo-label	{position:absolute; font-size:14px; display:inline-flex; justify-content:center; align-items:center; border-radius: 3px 0px 0px 0px; padding: 2px 4px; flex: 0 0 100%;  top:0px; left:0px;}
.mfo-label-3 	{background:#328b34;color:#fff;letter-spacing:1px;font-size:15px;}
.mfo-label-4	{background:#1e274a;color:#fff;letter-spacing:1px;font-size:15px;}
.out_of_filter 	{font-size:15px; color:#5e5e5e; display:flex; flex-wrap: wrap; justify-content:center; align-items:center; background-color:#f9f2d8; border-radius:5px; box-shadow: 0 1px 5px rgba(0,0,0,.24);
    		box-sizing:border-box;margin-bottom:25px;padding:15px 25px; position:relative;transition:0.3s all;font-weight:500;}
.outOfRange .firstCredit span, .outOfRange .secondCredit span, .outOfRange .creditTime span, .outOfRange .payBody span, .outOfRange .paySumm, .outOfRange .paySumm span,
.outOfRange .payRate span {color: #5e5d5f;}
.outOfRange .mfo-item-img img {opacity:0.6;}
.outOfRange .mfo-buttons .button_detail {border-left:2px solid #5e5e5e;border-right:2px solid #5e5e5e;background: linear-gradient(to top, #868484, #787779);}
.outOfRange .mfo-buttons .button_detail:hover, .outOfRange .mfo-buttons .button_detail:focus {color: #fff;border-left: 2px solid #5e5e5e;border-right: 2px solid #5e5e5e;
					background: linear-gradient(to top, #787779, #868484);}
#sort_count .mfo-form-group 	{width:48%; padding:5px 30px; box-sizing:border-box; position:relative; border-top: 1px dashed #dddede; border-bottom: 1px dashed #dddede; margin: 1px 0; padding-bottom:20px;}
#sort_count .mfo-form-group p 	{margin: 0 0 15px 0; margin-left: -20px; font-size:18px; font-weight:400;}
.plus-minus {display: flex; justify-content:center; width:24px; height:24px; border: 1px #f200d8 solid; border-radius:4px; color:#fff;background-color:#f200d8;cursor:pointer;font-size:24px;line-height:18px;box-sizing:border-box;position:absolute;z-index:222;bottom:17px;ser-select: none;}
.plus-minus:hover, .plus-minus:focus {    color: #fff;    background-color: #12af4d;    border: 1px #139747 solid;}



#creditUp, #termUp {right:2px;}
#creditDown, #termDown {left:2px;}
.mfoDetailsWrap {display:flex;justify-content:space-between;width:100%;flex-wrap:wrap;}
.mfoDetailsWrap .mfoDetailsLeft {width:280px;padding:0px;}
.mfoDetailsWrap .mfoDetailsRight 			{margin-top: 30px;}
.mfoDetailImage						{text-align:center;border-bottom:0;padding:14px;box-sizing:border-box;padding-top:0; }
.mfoDetailInfo 							{border:4px solid #a91824; margin-bottom:20px; background-color:#ffeee7;border-radius: 10px;}
.mfoInfoTitle 							{font-weight: 500; color: #5a5a5a; font-size: 22px; margin: 0 10px; padding: 10px 0; border-bottom: 1px solid #cacaca;}
.mfoInfoRow							{display:flex;justify-content:space-between;flex-wrap:wrap; padding:10px 6px 4px 10px; align-items: baseline;}
.mfoInfoRow:nth-child(odd)				{}
.mfo-row-title							{font-weight:400; color:#9e9e9e; margin-top:2px;}
@media (max-width:980px) {.mfo-row-title	{font-size:16px;}}
.mfo-row-value span					{font-weight:400; font-size:24px;}
.mfo-row-value  						{color: #5f5f5f;}
.mfoCommissionInfo 					{border: 4px solid #07956f; margin-bottom:20px; border-radius: 10px; background-color: #e9fff2;}
.mfoCommissionInfo .mfo-form-group 		{padding:4px 10px;}
.mfoCommissionInfo .mfo-form-group p 	{margin:0 0 3px 0;padding:0; font-weight:400;}
.mfoCommissionInfo .mfo-row-title		{}
.mfoCommissionInfo .mfo-row-value span 	{font-weight:600; font-size:34px; color:#ff4700; padding-right:5px;}
.mfoCommissionInfo .mfo-row-value super	{font-weight:300;font-size:16px;}
.mfoInfoButtons.mfo-buttons				{width:100%;}
.mfoInfoButtons.mfo-buttons p 			{width:100%;text-align:center;line-height:58px;font-size:16px;margin:0;padding:0;}
 .mfoInfoButtons.mfo-buttons .button_compare {border:1px solid #d1d1d1;border-left:2px solid #5e5e5e;border-right:2px solid #5e5e5e;text-decoration:none; font-size:14px;font-weight:400;text-transform:uppercase;border-radius:4px;width:100%;padding:10px 0px;vertical-align:middle;text-align:center;box-shadow:inset 0 0 0 0 transparent;transition:all 0.1s ease-in-out;}
.mfoInfoButtons.mfo-buttons .button_compare:hover, .mfoInfoButtons.mfo-buttons .button_compare:focus {background:linear-gradient(to top, #868484, #787779);border:1px solid #868484;border-left:2px solid #5e5e5e;border-right:2px solid #5e5e5e;color:#fff;text-shadow:none;}
.mfoName {margin-top: 0; text-align: center;}
.mfoDetailsButtons {margin-bottom:20px; display:flex;justify-content:space-between;flex-wrap:wrap;}
.mfoDetailsButtons a {align-items:center;flex-wrap:wrap;transition:0.3s all;color:#8b8b8b;}
.mfoDetailsButtons a.btn-sipmple {display:flex; font-size:14px;  text-decoration:none; background-color:#fafafa; border-radius:4px; white-space:nowrap; padding:0 20px;line-height:40px;min-height:40px;border:1px solid #dddddd;}
.mfoDetailsButtons a:hover.btn-sipmple, .mfoDetailsButtons a:focus.btn-sipmple {text-decoration:none;}
.mfoDetailsButtons a.btn-sipmple.green {background:#00c505; color:#fff;}
.mfoDetailsButtons a:hover.btn-sipmple.green, .mfoDetailsButtons a:focus.btn-sipmple.green {background:#6e36ea; color:#fff;}
.mfoDetailDesc {}
.mfoDDTitle span {background:#fff;display:none;justify-content:center;align-items:center;padding:15px 25px;border:1px #d1d1d1 solid;border-bottom:0;border-radius:3px 3px 0 0;margin-bottom:-1px;}
.mfoDDText {}
.mfoDDText table {width:100%;margin-bottom:1rem;}
.mfoDDText table th, .mfoDDText table td {padding:0.75rem;vertical-align:top;border-top:1px solid #dee2e6;}
.mfoDDText table th {vertical-align:bottom;border-bottom:2px solid #dee2e6;}
.mfoDDText table {border:1px solid #dee2e6;}
.mfoDDText table th, .mfoDDText table td {border:1px solid #dee2e6;}
.mfoDDText table tr:nth-of-type(odd) {background-color:rgba(0, 0, 0, 0.05);}
.review_header {color:#202020;font-size:24px;font-weight:400;margin:30px 0;}
#jshop_review_write {display:flex;flex-wrap:wrap;}
.revWrapper2 {flex:0 0 50%;box-sizing:border-box;padding:0 10px;}
.revWrapper {flex:0 0 100%;box-sizing:border-box;padding:0 10px;}
.revControl input[type="text"], .revControl textarea {width:100%;box-shadow:none;background:#fafafa;height:30px; box-sizing:border-box;}
.revControl textarea {height:220px;padding:20px;}
.revStars {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;height:40px;}
.revButtons {display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;height:40px;}
.revLabel, .revStarsLabel {font-size:15px;font-weight:400;margin-bottom:5px;color:#909090;}
.revLabel span {padding-left:5px;color:#202020;}
.review_author, .review_text, .review_item .review_mark {flex:0 0 100%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.review_item p {font-size:14px;color:#b2b2b2;margin: 0px 5px;display:none;}
.review_author .review_user {font-size:18px;font-weight:500;}
.review_text {font-size:16px;color:#646464;}
.review_item .review_mark {justify-content:flex-end;text-align:right;font-size:18px;color:#ff4700;}
.revCounts	{cursor:pointer;margin-left:3px;}
.revCounts2 	{cursor:pointer;margin-left:3px;font-size: 1rem;}
.revCounts:hover, .revCounts:focus {color:#666;text-decoration:underline;}
.revWrapper2.revButtons .mfo-buttons, .revWrapper2.revButtons .mfo-buttons input {margin:0;}
.revWrapper2.revButtons .mfo-buttons {justify-content:flex-end;}
.mfo-item .mfo-buttons.wDesc .mfo-s-desc		{position:absolute; font-size:14px; color:white; background-color:#00a940; padding: 2px 4px; flex: 0 0 100%; display:inline-flex; justify-content: center; align-items: center; top: 0px; left: 0px;}
.mfo-item .mfo-buttons.wDesc .button_detail	{/*margin-bottom:10px;*/}
.creditRate, .showModal {display:none;}

@media (max-width:980px) {
.mfo-item .mfo-buttons.wDesc .mfo-s-desc		{width:100%; font-weight:400; padding:0; border-radius: 3px 3px 0px 0px;}
.mfo-buttons .button_rmore {display:inline-block;font-size:0.8rem;text-transform:uppercase;color:#ccc;width:80%;padding:0px;vertical-align:middle;text-align:center;white-space:nowrap;}
.mfo-item-img, .mfo-buttons, .mfo-tarif {width:100%;margin-bottom:10px;}
.mfo-item, .review_item {padding:25px 15px;}
.review_mark {text-align:center;width:100%;margin-top:7px;}
.mfo-item-img img, .mfo-buttons .btn {margin-top: 10px;}
.mfo-buttons .btn {margin-top:1px;}.payBody, .payRate, .secondCredit, .creditTime {text-align:right;}
#sort_count .mfo-form-group {width:100%;}
.mfoDetailsWrap .mfoDetailsLeft,.mfoDetailsWrap .mfoDetailsRight {width:100%;}
.mfoDetailsButtons a.btn-sipmple.green {display:none;}
}
@media (max-width:640px) {
.mfoDetailsWrap .mfoDetailsRight 			{ }
.mfo-buttons {padding-top:0px;}
.mfo-buttons .button_rmore {margin-left:0;}
.mfo-item-img, .mfo-buttons, .mfo-tarif {width:100%;margin-bottom:10px;}
.mfo-item, .review_item {padding: 5px 10px 0px 10px;}

.mfo-item-img a, .mfo-item-img .review_mark {/*flex:0 0 50%;*/margin:0;}
.mfo-item-img .review_mark {}
.payBody 		{width:30%;order:1;text-align:left;}
.payRate		{width:40%;order:2;text-align:center;position:relative; box-sizing:border-box;}
.paySumm 	{width:30%; order:3; text-align:right;}
.payRate:before		{content:'='; display:flex; right:-10px;top: 22px;}
.payRate:after 			{content:'+'; display:flex; left:-5px;top: 22px;}
.paySumm, .payRate, .payBody 				{font-size:14px;}
.paySumm p, .payRate p, .payBody padding:; 		{width:100%;font-size:font-size:0.8rem;}
.paySumm span, .payRate span, .payBody span 	{font-size:24px;}
.firstCredit, .secondCredit, .creditTime, .creditRate						{margin:0 5%; width:100%; display:flex; text-align:left; justify-content:space-between; font-size: 16px;}
.firstCredit span, .secondCredit span, .creditTime span, .creditRate span	{font-size:1rem;font-weight:400;}
.firstCredit p, .secondCredit p, .creditTime p, .creditRate p 				{width:120px;}
.showModal 		{display:inline; padding-right:5px;}
.hideModal		{display:none;}
.revWrapper, .revWrapper2 {flex:0 0 100%;margin:10px 0;}
}
.coverBg {display:none;}
.coverBg.cbgShow {display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999;background:rgba(0,0,0,0.7);}
.revFlex {padding:30px;background:#fff;position:relative;}
.formClose {display:flex;justify-content:center;align-items:center;width:30px;height:30px;top:0;right:0;font-size:28px;position:absolute;cursor:pointer;transition:all 0.2s;}
.formClose:hover, .formClose:focus {color:red;}
.revFlex form {text-align:center;margin:0;}
.revFlex form input.btn {height:38px;}
.revTitle {font-size:18px;text-align:center;margin-bottom:15px;}
.rating {overflow:hidden;vertical-align:bottom;display:inline-block;width:auto;height:30px;margin:0px 10px;}
.rating input {margin:0;padding:0;}
.rating > input {display:none;}
.rating > label {position:relative;display:block;float:right;cursor:pointer;}
.rating > label:before {display:block;content:'☆';color:#00c553;font-size:24px;width:24px;transition:all 0.2s;}
.rating > label:hover:before,  .rating > label:hover ~ label:before,  .rating:not(:hover) > :checked ~ label:before {content:'★';}
.rateBlock {margin:15px 0 0 0;}
.rateBlock form {text-align:center;margin:0px 0px 10px;}
.rateTitle {font-size:18px;text-align:center;margin:10px 0;}
 
.ratingbutton {cursor:pointer; white-space:nowrap;padding:2px 10px;background:transparent;vertical-align:middle;text-transform:uppercase;font-size:12px;
	font-weight:400;color:#aaaaaa;text-align:center;border:1px solid #ddd;background-color:#f5f5f5;border-radius:3px;text-decoration:none;}
.ratingbutton:hover, .ratingbutton:focus {background-color:#7039ea;color:#fff;outline:none;text-decoration:none;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

/***** jQuery.Rating Plugin CSS ******/
div.rating-cancel {display:none;}
div.rating-cancel a {height:100%;width:22px;background-position:0 0px;border:0;display:none;}
div.rating-cancel, div.rating-cancel a{background:url(/components/com_jshopping/images/delete.png) no-repeat 0 -44px;margin-right:15px;display:none;}
div.star-rating {float:left;width:22px;height:22px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.star-rating, div.star-rating a{background:url(/components/com_jshopping/images/star.png) no-repeat 0 0px}
div.star-rating a{display:block;height:100%;width:22px;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -22px!important}
div.star-rating-hover a{background-position:0 -22px}
div.star-rating-readonly a{cursor:default !important}
div.star-rating	{background:transparent!important;overflow:hidden!important}
.veroyatnost  {width:204px; height:6px; margin: 16px auto 0; border-left: 0 solid #27c540; border-radius:3px; background:#dddddd; box-sizing:border-box;}

.mfoAddDesc {display: none; border-top: 1px dashed #ccc; margin-top:10px;width: 100%;}
.rMoreLinkBlock {
	display: flex;
	justify-content: flex-end;
	text-align: right;
	font-size: 12px;
}
.rMoreLinkBlock a { display: flex; align-items: center; }
.rMoreLinkBlock a:hover, .rMoreLinkBlock a:focus {
	text-decoration: none;
	color: #6e36ea;
}
.rMoreLinkBlock a svg { height: 18px !important; max-width: 18px; fill: #b536ea; margin-left: 3px; }
.rMoreLinkBlock a:hover svg, .rMoreLinkBlock a:focus svg {
	fill: #6e36ea;
}