/* webkuban */
html, body	{
	color: #000; background-color: #f2f2f2; font-family: Arial, Tahoma, Verdana, sans-serif;
	font-weight: normal; font-style: normal; font-size: 10pt; margin: 0; padding: 0; line-height: 1.5; 
}
html	{height: 100%; }
body	{height: auto; min-height:100%; min-width: 1000px;}
img		{border: 0; display: block;}
table, td	{padding: 0; margin: 0; border-collapse: collapse; font-size:10pt;}
h1, h2, h3, h4, h5, h6 	{padding: 0; margin: 0; color: #31750b; font-weight: normal;}

.w50	{width: 50%;}

.w100	{width: 100%;}

h1, .bh, .bhh		{font-size: 1.4em;}
h2		{font-size: 1.3em;}
h3, .bh2		{font-size: 1.2em;}
h4		{font-size: 1.1em;}

h1 a, h2 a, h3 a, h4 a, .bh, .bh a, .bh2, .bh2 a, .softGreen	{color: #31750b;}

.bh, .bh2, .bh3	{float: left;}

.bh2 img, .bh3 img	{margin: 7px 7px 0 10px;}

.bh3		{margin: 3px 0 0 10px;}

.log		{width: 130px; padding-left: 40px;}

.dload		{width: 88px; height: 34px;}

.soft, .softGreen	{font-size: 0.9em; padding: 3px; margin: 3px 0;}

.soft	{margin: 2px 15px 0}

.softGreen	{background: #cee5bb; }

.black	{color: #666666;}

#all	{  background: url(/img/bg.png) repeat; height: auto;}

#page	{width: 1000px; min-width: 1000px; background: url(/img/pbg.png) repeat; 
	box-shadow: 1px 0 5px black, -1px 0 5px black; /* Параметры тени */
    box-shadow: 1px 0 10 rgba(0,0,0,0.5), -1px 0 10 rgba(0,0,0,0.5); /* Параметры тени */
    -moz-box-shadow: 0 0 10 rgba(0,0,0,0.5); /* Для Firefox */
    -webkit-box-shadow: 0 0 10 rgba(0,0,0,0.5); /* Для Safari и Chrome */
	filter: progid:DXImageTransform.Microsoft.shadow(direction=90, color=#888888, strength=7), progid:DXImageTransform.Microsoft.shadow(direction=270, color=#888888, strength=7); /* Для багов IE */
}

#head	{ background: url(/img/lbg.png) repeat-x;}

#cabinet	{margin-left: 20px; width: 200px; height: 117px; 
			background: url(/img/enter.png) no-repeat; background-position: bottom right;}

#kab		{background: url(/img/kabbg1.png) no-repeat; width: 138px; height: 39px; position: relative; right: 0; top: 8px; z-index: 50;display:none;}

#kabLink	{text-align: left; padding: 8px 5px 0 20px;}

#kabLink a	{color: #ffffff; text-shadow: 1px 1px 1px #333333;}

#kabLink a:hover	{color: #f2f2f2;}	

#flag		{margin-right: 5px;}	

#flag td	{padding: 15px 1px 10px 1px;}

#flag a, #hregionf a, .nTitle	a	{color: #268433;}

#enter		{margin: 15px 30px 0 0; }

#enter a	{color: #ffffff; text-decoration: none;}

#hbgt, #menu, #foot	{margin: 0 20px;}

#hbgt	{height: 17px; }

#hbg	{width: 949px; min-width: 949px; background: url(/img/hbg.png) repeat-x; height: 17px;}

#hbgr	{width: 11px; height: 17px; }

#menu, #hbgt	{width: 960px; min-width: 960px;}

#left	{width: 245px;}

.smup, .smfoot	{height: 6px; }

.smup		{background: url(/img/smup.png) no-repeat;}

.smfoot		{background: url(/img/smfoot.png) no-repeat;}

.smcenter, .smcentera	{height: 30px; background: url(/img/smcenter.png) no-repeat; padding: 0 0 0 45px;}

.smcentera	{background: url(/img/smcentera.png) no-repeat; }

.smcenter a, .smcentera a, .mli a, .mlia a, .nt a	{color: #3a7b16;}

.smcenter2, .smcenter2a 	{height: 30px; background: url(/img/smcenter2.png) no-repeat; padding: 0 0 0 70px;}

.smcenter2a	{background: url(/img/smcenter2a.png) no-repeat; }

.ml			{height: 30px; text-indent: 35px; background: url(/img/mgreen.png) no-repeat; 
			background-position: top right;}

.ml a		{color: #2b2b2b;}

.smcenter, .smcentera, .smcenter2, .smcenter2a, .ml, .mBlock	{line-height: 2;}

.ml a, .mli a, .smcenter2 a, .smcenter2a a, h1 > a, .smcenter a, .smcentera a, .mlia a, #enter a, #kabLink a, .more a, #subscribe a, #regionf a:hover, #hregionf a:hover, a.reg, #menu a, .nTitle a:hover, #bcountry a, .saleBlock a:hover, .saleServ a:hover, .footLinkAA	a, .footLinkA	a:hover	{text-decoration: none;}

.mli, .mlia		{height: 30px; text-indent: 45px; line-height: 2.2; background: url(/img/mblack.png) no-repeat;}

.mlia a			{font-weight: bold;}

#content	{background: url(/img/contentbg.png) repeat-x; width: 735px; }

.pContent	{margin-left: 13px;}

#flash	{background:url(/img/flashbg.png) no-repeat;width:737px;height:413px;text-align:center;}
#swfDev		{display:inline-block;}
#swfDev video	{width:734px;max-width:100%;height:413px;border-radius:15px 0;cursor:pointer;}

#blocks td	{width: 33%; height: 210px; text-align: center}

#version, #pc, #video	{width: 236px; height: 210px;} 

#vHead, #vSize	{font-size: 1.3em; float: left; margin: 70px 0 5px 30px;}

#vHead, #vCount	{color: #ffffff;}

#vSize, #vDate	{color: #92d319;}

#vLoad, .vLoad	{margin: 20px 0 0 70px;}
.vLoad1			{margin: 1px 0 0 70px;}

.x3264	{float:left;margin-right:10px;}

#vSize img		{float: left; margin: 8px 5px 0 0;}

#vDate			{width: 70px; height: 14px; margin: 0 0 10px 30px; padding: 10px 0 0;}

#vCount			{margin: 12px 0 10px 40px;}

#vCountImg		{margin: 0 0 0 30px; background: url(/img/strelka.png) no-repeat; width: 5px; height: 8px; float: left;}

#serverIP	{padding: 85px 0 29px;}

#vendor		{width: 716px; color: #375721; font-size: 1.3em; margin: 5px 0 10px 5px;}

#vendorSlider	{width: 716px; height: 90px; background: url(/img/vendor.png) no-repeat; }

#vLeft, #vRight	{width: 42px; height: 90px;}

#avLeft img		{margin: 31px 0 0 9px;}

#avRight img	{margin: 31px 0 0 6px;}

#fotoLeft, #fotoRight		{width: 18px;}

#fotoCenter		{width: 240px; height: 200px; padding: 0 2px;}

#fotoCenter img	{border: #666666 1px solid;}

#split, #splitOther		{background: url(/img/psplit.png) no-repeat; height: 95px; padding: 40px 20px 0; }

.fblock		{background: url(/img/footblock.png) no-repeat; width: 318px; height: 347px; float: left; padding: 0 1px;}

.fblock h1	{padding: 15px 0 0 20px;}

.fblocktxt	{padding: 0 0 0 20px; height: 290px; overflow-y: auto;}

.fblocktxt p	{color: #666666; line-height: 1; margin-top: 0; padding: 0 5px 0;}

#splitOther		{padding-left: 250px; height: 100px;}

#subscribe	{background: url(/img/subsbg.png) no-repeat; background-position: bottom right; white-space: nowrap; width: 144px; height: 23px;}

#subscribe a	{color: #ffffff; padding-left: 5px;}

#subscribe a:hover	{text-decoration: underline; }

#substd		{width: 144px; padding: 10px 5px 0;}

#si		{padding: 10px 2px 0;}

.small		{font-size: 0.8em; color: #ffffff;}

.small2		{font-size: 0.9em; color: #ffffff;}

#copy, #phone		{padding: 5px 0 0 30px; width: 285px;}

#phone		{width: 300px;}

#contact	{padding: 5px 0 0 50px;}

.fsplit		{width: 3px;}

#number, #numtxt, #rFoot 	{margin-left: 85px; padding-left: 2px;}

#hnumtxt 	{padding-left: 2px;}

#regionf a			{color: #91d11a;}

#numtxt		{ padding: 0 0 3px 3px; background: url(/img/supbg.png) no-repeat;}

#hnumtxt	{ padding: 0 0 3px 3px; background: url(/img/hsupbg.png) no-repeat; width: 177px; height: 15px;}

.fn1, .fn2	{float: left; font-size: 1.8em; text-shadow: #333333 1px 1px 2px;}

.fn1		{color: #7f7f7f;}

.fn2	{color: #92d319; margin-left: 8px;}

#selectRegion	{background: url(/img/regbg1.png) repeat-y; width: 120px; height: 180px; position: relative; left: 110px; top: 0; z-index: 50; display:none; }

#rUp, #rFoot a	{color: #268433; float: left; font-weight: bold;}

#rUp, #hregionf, #hnumber, #hnumtxt {margin-left: 15px;}

#hregionf	{text-align: left; padding: 2px 0 0 95px;}

#aPhone		{height: 90px; padding: 15px 10px 0 20px; width: 230px;}

#adr		{background: url(/img/adr.png) no-repeat; padding: 0 0 3px 4px; width: 77px; height: 15px;}

a.reg 		{color: #ffffff; text-shadow: 1px 1px 1px #333333; padding-left: 5px;}

.clear		{clear: left; line-height: 0.1;}

#foot	{background: url(/img/footbg3.jpg) no-repeat; height: 86px; margin-top: 10px;}

td.ms	{width: 1px;}

td.mb	{width: 11px;}

td.m,td.ma 	{background: url(/img/mbg.png) repeat-x; height: 43px; padding: 0 5px; white-space: nowrap; text-align: center;}

td.m a, td.ma a	{padding: 6px 10px 6px;}

td.ma 		{background: url(/img/mbga.png) repeat-x;}

#menu a	{color: #ffffff; text-shadow: #222222 2px 1px 2px; }

td a.search	{padding: 0; border-bottom: 1px solid #ffffff;}

#b1, #b2, #b3	{width: 123px; height: 23px; font-size: 0.9em; position: relative; top: 260px; left: -18px; padding: 2px 0 0 16px; z-index: 100;}

#b1 a, #b2 a, #b3 a	{color: #ffffff; }

#b1 a:hover, #b2 a:hover, #b3 a:hover	{text-decoration: underline; }

#b1		{background: url(/img/mmore.png) no-repeat;} 

#b2		{background: url(/img/mnews.png) no-repeat;} 

#b3		{background: url(/img/mfoto.png) no-repeat;} 

.nDate, .nD	{width: 35px; text-align: center;}

.nD		{background: url(/img/krug.png) no-repeat; color: #ffffff; height: 35px; font-size: 1.7em; font-weight: bold;}

.nMY, .nContent	{color: #777777; }

.nTitle, .nContent		{padding: 0 3px 0 8px; }

.nContent	{font-size: 8pt;}

.nContent img	{float: right; margin-top: 4px;}

.news	{margin-right: 15px;}

.nd		{padding: 20px 0 10px; color: #666666;}

.nsplit	{height: 3px; background: url(/img/nsplit.png) repeat-x; width: 280px; margin: 8px 0 8px;}

.r		{text-align: right; border-right: 1px solid #777777;}

#region-phone td, #subscribe-form td, #login-form td, #remind-form td, #price-form td, #join-form td	{padding: 5px; font-size: 1.3em; color: green; }

#region-phone td.info, #remind-form td.info	{font-size: 1.1em; color: #444444;}

.head	{text-align: center; padding: 7px; background-color: #777777; margin-top: 10;}

.head h1	{color: #ffffff; text-shadow: 1px 1px 2px black;}

.alt	{background-color: #dedede;}

.red	{color: red; border: 1px solid red; padding: 10px;}

.green	{color: #31750b; padding: 3px;}

.pc	{padding: 5px; text-align: center;}

.pc7 {padding: 5px; text-align: left;}

.pc a, li a, a.pInfo	{color: #3a7b16;}

.pr	{padding: 5px; text-align: right;}

.play {width: 18px; height: 21px; margin: -2px 0 -5px 11px;}

.id	{width: 1%; white-space: nowrap; padding-right: 5px;}

.subj {width: 84%;}

.last {	width: 8%; white-space: nowrap; padding-left: 10px;}

.cam {height: 33px; padding: 0 3px; text-align: center; background: url(/img/mbga.png) repeat-x; color: #ffffff; font-size: 9pt; border:#ffffff solid 1px;}

.cam0 {width: 33%; padding: 1px;}

.cam1 {width: 33%; padding-left: 3px; border:#000000 solid 1px;}

.cam2 {padding: 5px; text-align: center; border:#000000 solid 1px;}

.pH		{height: 33px; padding: 0 3px; text-align: center; background: url(/img/mbg.png) repeat-x; color: #ffffff; font-size: 9pt;}

.pH2	{border-top: 1px solid #75a25e; text-align: center; padding: 5px;}

.pH3		{height: 33px; padding: 5px 0px; text-align: center; background: url(/img/mbg2.png) repeat-x; color: #ffffff; font-size: 9pt;}

#priceList, #vendorItem {border-bottom: 1px solid #75a25e;}
#priceList {
	margin: auto;
	width: 96%;
}

.pLine	{height: 5px; background: url(/img/pline.png) repeat-x; }

.aLine	{background: #dbe5dc;}

.buy	{padding: 8px 5px 0 5px; float: left; }

.dashed, .dasheds	{background: url(/img/dashed.png) repeat-x; height: 1px; margin: 15px 0 15px 0;}

.btn	{width: 150px;}

.vendorImg	{width: 711px; background: url(/img/vendor/center.png) repeat-y;}

.vendorImg img	{display: inline-block;}

.vendorImg td	{width: 20%; text-align: center; }

#vUp		{background: url(/img/vendor/up.png) no-repeat; width: 711px; height: 15px;}

#vFoot		{background: url(/img/vendor/foot.png) no-repeat; width: 711px; height: 19px;}

.vLine		{margin: 0 4px; width: 703px; background: url(/img/dashed.png) repeat-x; height: 1px;}

.vLine		{margin: 0; width: 711px; background: url(/img/vendor/split.png) no-repeat; height: 11px;}

.vendorWidth, #vendorItem	{width: 711px;}

#vendorItem td	{padding: 5px; text-align: center;}

.vItemRow td	{background: #dbe5dc;}

.ftd	td	{padding-bottom: 4px;}

a	{outline: none;}

#ss	{cursor: pointer; margin: 1px 0 0;}

#se	{margin: 0 10px 0 3px;}


.calc			{padding: 70px 0 5px 30px;}
.calc div		{padding: 3px; text-align: left;}
.txtInput, .txtInput1	{float: left; width: 60px;}
.txtInput1		{width: 90px;}
.cInput input	{width: 100px;}

/* salers */
#map	{background: url(/img/map.png) no-repeat; min-height: 400px;}

#reg1, #reg2	{margin: 5px 5px 5px 5px;}

#reg1	{float:left;}

#bcity	{width: 615px; margin-top: 5px;}

#bcountry	{height: 36px;}

#bcountry a	{color: #ffffff;}

.csplit	{padding: 0; margin: 0; height: 36px; width: 1px;}

.cmenu, .cmenua	{text-align: center; padding: 5px; font-size: 1.1em; }

.cmenu		{background: url(/img/mbga.png) repeat-x;}

.cmenua, .cmenuaa		{background: url(/img/mbg.png) repeat-x;}

.saleBlock	{width: 31%; margin: 2px; padding: 5px; float: left; min-height: 240px; max-height: 240px; color: #222222; font-size: 0.9em; }

.saleBlock a, .mBlock a, .saleSite a	{color: #31750b;}

.saleHead		{color: #31750b; font-size: 1.2em; height: 30px; min-height:30px;}

.saleNal		{font-size: 0.8em; color: #222222;}

.saleService	{padding-left: 0px; height: 25px; min-height:20px;}

.saleServ		{display: inline-block; list-style-image: url(/img/greens.png); margin-left: 5px;}

.saleServ a		{color: #284a10;}

.saleAdr		{height: 25px; min-height:25px;}

.salePhone		{font-size: 1em; color: #0b7519; height: 25px; min-height:25px;}

#userInfo td, .objH	{padding: 5px;}

#objInfo		{margin-top: 10px;}

#p10		{background: url(/img/mUser.png) no-repeat; height: 107px;}

#p10 td		{padding: 10px;}

.mBlock	{width: 31%; margin: 2px; padding: 5px; float: left; min-height: 190px; max-height: 190px; color: #222222; font-size: 0.9em;}
.mHead		{color: #31750b; font-size: 1.2em; height: 35px; min-height:35px;line-height: 1.3;}
.mPhone		{font-size: 1.2em; color: #0b7519; height: 40px; min-height:40px;line-height: 1.3;}

#oLeft, #oRight	{width: 42px; height: 90px;}

#aoLeft img		{margin: 31px 0 0 9px;}

#aoRight img	{margin: 31px 0 0 6px;}

/* left menu */
#smenu-m1, #smenu-m2, #smenu-m3, #smenu-m4, #smenu-m5, #smenu-m6, #smenu-m7, #smenu-m8	{display: none;}

div.sm	{display: none;}


.submitGreen {border:none!important;width:171px!important;height:38px!important;cursor:pointer!important;color:#fff!important;}


/* modal */
label { display: block; padding: 0 0.5em 0 2em; cursor: pointer;}

input.check { float: left; position: relative; top: 0; width: 20px; }

.exitbutt{cursor:pointer; padding: 4px 6px; float:right; margin: 10px 0 0;}
.modalContent input.img {background:url(./img/popup/inp_bg.gif) no-repeat 100% 0 #FFF;border:1px solid #c5c5c5;height:23px;font-size:14px;color:#7f7f7f;padding:0 5px}

#modal	{display: none; cursor: default; text-align: left; padding: 10px; }

div.modalContent	{min-height:200px;height:auto;margin:5px 0;overflow:none;}

input.port	{width: 50px;}
input.litle	{width: 120px;}
input.short	{width: 200px;}
input.medium{width: 250px;}
input.nice	{width: 300px;}
input.big	{width: 416px;}
select.big	{width: 428px; padding: 2px;}
select.medium	{width: 260px; padding: 2px;}
select.short	{width: 210px; padding: 2px;}

.alert		{color: red;}
input.error, .errorBlock	{border: 1px solid red; background-color: #FF9966; }
.errorBlock	{padding: 10px;}

/* slider */
#liveCam	{width: 280px; height: 210px; border: 2px solid silver; margin: 0; padding:0;}

.slides_container {
	width:240px;
	overflow:hidden;
	position:relative;
	display:none;
	
}
.slides_container div.slide {
	width:240px;
	height:215px;
	display:block;
}

#vCenter, .vSlide	{width: 632px; height: 70px; float:left;}

.vSlide			{padding: 6px 0 0 0;}

.vSlide img, .oFoto {float: left;}

#oInfo, .oFoto	{padding: 10px;}

/* slider fotoObject */
#slides_two	{
	margin: 20;
}
.prev2 img, .next2 img	{padding: 53px 10px;}

#slides_two .slides_container {
	width:570px;
	display:none;
}

#slides_two .slides_container div {
	width:570px;
	height:131px;
	display:block;
	float: left;
}
#slides_two .fotoPopup img	{
	padding: 0 15px;
	float: left;
}

#objLine	{margin: 0 80px; width: 540px;}

#fotoHere	{text-align: center; padding: 10px;}

#fotoHere img	{display: inline; border: 2px solid silver;}

/* border background */
.bul, .bcl, .bfl, .bur, .bcr, .bfr	{width: 12px;}

.bul, .buc, .bur, .bfl, .bfc, .bfr	{height: 13px; }

.buc, .bfc	{width: 100%;}

.bcc		{background: #ffffff; padding: 0;}

.buc		{background: url(/img/2.png) repeat-x;}

.bfc		{background: url(/img/7.png) repeat-x;}

.bcl		{height: 100%; background: url(/img/4.png) repeat-y;}

.bcr		{height: 100%; background: url(/img/5.png) repeat-y;}




#contentFoot	{margin: 0; width: 1000px; background: url(/img/psplitgreen.png) no-repeat; height: 180px;}

.footLink	{float: left; padding: 0 10px; margin: 30px 5px 5px 15px; width: 240px;}

.footLinkA, .footLinkAA	{padding: 3px 5px 3px 20px; background: url(/img/footL.png) no-repeat; background-position: -3px 7px;}

.footLinkA	a, .footLinkAA a {color: #fff; font-size: 1.2em; }

.footLinkUp	{float: right; padding: 5px; margin:35px 60px 0 0;}

.footLinkUp	a	{color: #006600; font-size: 1.7em; padding: 0;}

#splitOtherG		{background: url(/img/psplitg.png) no-repeat; height: 75px; padding: 40px 20px 0 250px; }

.priceLeft	{float: left; bottom:35px;color:#FFF;font-size:19px;position:relative;text-align:center;width:162px;text-shadow:1px 1px 0 #26580a;filter:dropshadow(color=#26580a,offx=1,offy=1)}
.priceRight	{float: right;bottom:35px;color:#FFF;font-size:19px;position:relative;text-align:center;width:162px;text-shadow:1px 1px 0 #26580a;filter:dropshadow(color=#26580a,offx=1,offy=1)}


.vStat, .vendorChange	{width: 72px; text-align: center;}

.pHH	{width: 140px; padding: 0; margin: 0; text-align: center; background: url(/img/mbg.png) repeat-x; color: #ffffff; font-size: 9pt;}

.vendorChange	{height: 33px; width: 134px; margin: 0;}

.vendorChange2	{height: 20px; margin: 2px 0;}

.vendorIcon		{width: 16px; height: 16px; float: left; margin: 1px 8px; display: inline;}
/* city */
.cityBlock 	{padding: 10px;}

.cityHead	{font-size: 1.6em; color: green; padding: 0 10px; text-decoration: underline;  background-color: #dedede;}

/* webkru social 26.10.2016 */

#social	{text-align:center;width:310px;padding:5px 0 0 0;}

.si, .si a	{display:inline-block;padding:2px;}

.si a:hover	{background:#777;}


/* webkru 10.06.2021 */

.wkShop	{margin:1.8rem 0;}

.wkGrid	{display:grid;grid-gap:1rem;grid-template-columns:repeat(3, 1fr);width:736px;margin-bottom:1.2rem;}

.wkBlockH	{padding:0;min-height:200px;color:#fff;font-size:1.2rem;}

.wkBlockH img	{display:inline-block;}

.wkBlockH a	{display:inline-block;font-size:.95rem;width:6.6rem;height:2.2rem;line-height:2.2rem;color:#fff;border-radius:.4rem;margin:.3rem .4rem;text-decoration:none;text-shadow:1px 1px 2px rgba(0,0,0,1);
}

.wkBlockH .wkGr	{color:#92d319;}

.wkBtn	{margin:0 0 0 -4px;}

.wkBtn2	{margin:.5rem 0 0 0;}

.b3	{margin-bottom:1.5rem !important;}

.wkr1	{margin:4.7rem 0 0 1.5rem;}

.wkr2	{margin:1.3rem 0 1.3rem 1.5rem;}

.wkVer	{background:url(/locale/en/version.jpg) no-repeat;background-position:-5px 50%;}

.wkCalc	{background:url(/locale/en/pc.jpg) no-repeat 50% 50%;color:#000;}

.wkSrv	{background:url(/locale/en/video.jpg) no-repeat;background-position:5px 50%;}

.wkVer a	{
background: rgb(252,207,104); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(252,207,104,1) 0%, rgba(252,143,0,1) 50%, rgba(255,189,38,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(252,207,104,1) 0%,rgba(252,143,0,1) 50%,rgba(255,189,38,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(252,207,104,1) 0%,rgba(252,143,0,1) 50%,rgba(255,189,38,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fccf68', endColorstr='#ffbd26',GradientType=0 ); /* IE6-9 */
border:1px solid #c57437;
}

.wkCalc a	{
background: rgb(150,233,99); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(150,233,99,1) 0%, rgba(82,173,7,1) 50%, rgba(144,223,33,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(150,233,99,1) 0%,rgba(82,173,7,1) 50%,rgba(144,223,33,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(150,233,99,1) 0%,rgba(82,173,7,1) 50%,rgba(144,223,33,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96e963', endColorstr='#90df21',GradientType=0 ); /* IE6-9 */
border:1px solid #84c52b;
}

.wkSrv a	{
background: rgb(132,132,132); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(132,132,132,1) 0%, rgba(46,46,46,1) 50%, rgba(56,56,56,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(132,132,132,1) 0%,rgba(46,46,46,1) 50%,rgba(56,56,56,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(132,132,132,1) 0%,rgba(46,46,46,1) 50%,rgba(56,56,56,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#383838',GradientType=0 ); /* IE6-9 */
border:1px solid #12160f;
}

.wkVer a:hover	{box-shadow:0 0 5px 3px rgba(221, 221, 221, 0.5);}

.wkCalc a:hover	{box-shadow:0 0 5px 3px rgba(20, 20, 20, 0.5);}

.wkSrv a:hover	{box-shadow:0 0 5px 3px rgba(221, 221, 221, 0.5);}

#calcForm input {width:80px;margin-right:1rem;}

#calcForm select {width:86px;margin-right:1rem;}

#userIP	{width:200px;}

.tac	{text-align:center;}

.fr	{float:right;}

.clear	{clear:both;}

/* new added in 2025*/
.mih_slide {
	cursor : pointer;
}


    * {
        box-sizing: border-box;
    }
  
    .cbanner {
        font-family: "Arial";
        position: sticky;
		float: right;
		margin: -250px 10px;
        display: grid;
        place-items: end;
        z-index: 100;
        pointer-events: none;
    }
  
    @media (min-width: 640px) { .cbanner { inset: auto 60px 25px auto; } }
  
    .cbanner__card {
        max-width: 400px;
        width: 100%;
        background: #FFFFFF;
        box-shadow: 4px 4px 25px rgba(0, 0, 0, 0.15);
        border-radius: 20px;
        padding: 30px;
        position: relative;
        pointer-events: none;
        opacity: 0;
        transition: opacity .15s ease, transform .15s ease;
    }
    .cbanner[aria-hidden="false"] .cbanner__card,
    .cbanner:not([hidden]) .cbanner__card {
      opacity: 1;
      transform: translateY(0);
      pointer-events: all;
    }
  
    .cbanner__title {
        margin: 0 0 10px 0;
        font-weight: 400;
        font-size: 20px;
        line-height: 24px;
        color: #1D1D1D;
    }
    .cbanner__text {
        margin: 0 0 20px 0;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        color: #676767;
    }
    .cbanner__link {
      color: #277506;
      text-decoration: underline;
    }
  
    .cbanner__actions {
      display: flex;
      gap: 10px;
    }
  
    .cbanner__btn {
        min-width: 165px;
        padding: 14px 30px;
        appearance: none;
        border: 0;
        border-radius: 10px;
        font-weight: 400;
        font-size: 16px;
        line-height: 14px;
        text-transform: uppercase;
        color: #54AF0A;
        cursor: pointer;
        transition: transform .06s ease, filter .2s ease, background-color .2s ease;
        outline-offset: 2px;
    }
  
    .cbanner__btn--accept {
        color: #fff;
        background: linear-gradient(180deg, #82D848 0%, #54AF0A 52.23%, #82D848 100%);
        border: 1px solid #84C52B;
        border: none;
        outline: none !important;
        transition: .3s;
    }
    @media(min-width: 1025px) {
        .cbanner__btn--accept:hover { 
            box-shadow: 3px 3px 14px rgba(67, 138, 11, 0.5);
        }
    }
    .cbanner__btn--reject {
        color: #84C52B;
        background: transparent;
        border: 1px solid #84C52B;
        transition: .3s;
    }
    @media(min-width: 1025px) {
        .cbanner__btn--reject:hover {         
            box-shadow: 3px 3px 14px rgba(67, 138, 11, 0.5);
        }
    }


    @media(max-width: 767px) {
        .cbanner__card {
            max-width: 280px;
            padding: 20px;
        }
        .cbanner__title {
            font-size: 16px;
            line-height: 24px;
        }
        .cbanner__text {
            margin: 0 0 20px 0;
            font-size: 14px;
            line-height: 18px;
        }
        .cbanner__btn {
            min-width: 115px;
            padding: 12px 30px;
        }
    }