.tipsy { padding: 5px; font-size: 12px; background-repeat: no-repeat;  background-image: url(/imgs/tipsy.gif); text-shadow: none; direction:rtl;z-index:40000 !important;}
.tipsy-inner { padding: 5px 8px 5px 10px; background-color: black; color: white; max-width: 205px; text-align: right; }
.tipsy-inner { border-radius: 4px;-moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; visibility:visible }
.tipsy-alert {color: #ea2525;}
/* basket */
@media only screen and (min-width: 800px){
.bmask {mask: url("/imgs/svg/cartb.svg");-webkit-mask: url("/imgs/svg/cartb.svg");width: 90px;height: 90px;}
#lblCount {color: #fff;display: inline-block;text-align: center;padding-top: 36px;width: 96px;font-size: 22px;font-family:Arial;}
a.bskt {background-color: #ffffff1a;padding-right: 5px;border-radius: 3px;}
}
#myBskt .bmask:hover, #aOrder:hover{box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.7);filter: brightness(110%);}
#myBskt{position:fixed; left:-20px; top:100px;z-index:41001;}
#myBskt a, .bmask{display: inline-block;}

/* page cat */
.paged1{float:right;width:280px;margin:0 0 50px 30px}
.paged1 .pdImg{display:block;height:144px;margin-bottom:9px}
.paged1 .pdName{font-size:16px;font-weight:bold;margin:0 3px 15px;display:block}
.pdSum{float:right}

/* product cat */
.product{display:inline-block;width:190px;height:305px;margin:0 0 15px 15px;background-color:#fff;text-align:center;border:1px solid #ccc;border-radius:6px;position:relative;vertical-align:top;}
.pName a,.pName a:link,.pName a:visited, .pName a:hover{color:#000;text-decoration:none;font-weight:bold;}
.pName{padding:7px;line-height:17px;height:35px;background-image:url("/imgs/txt-bg.jpg");background-repeat:repeat-x;border-radius:6px;margin:1px 2px}
.pImg{line-height:150px;height:150px;margin-bottom:10px;white-space:nowrap}
.pOPrice{color:#000;font-size:90%}
.pSale{color:#df0000;font-weight:bold;font-size: 18px;}
.pSale span, .pPrice span, .unitn {font-size: 85%;font-weight: 400;}
.prodPrice .unitn{font-size: 60%;}
.pPrice{color:#000;line-height:40px;font-size: 18px;font-weight:700}
.pDetails a,.pDetails a:link,.pDetails a:visited, .pDetails a:hover
{position:absolute;bottom:7px;left:7px;display:block;text-decoration:none;font-weight:bold;padding:0 9px 2px;border-radius:6px;color:#fff}
.pAddtoC.pDetails a{right:7px;left: auto;min-width: 45px;}
.pDetails .checkmark{right:7px;position:absolute;bottom:7px;}
.pbadge{width:55px;height:55px;position:absolute;z-index:10;right:17px;top:40px;border-radius:7px}
.pbadge::before{content:'';transform:rotate(30deg);background-color:inherit;width:100%;height:100%;position:absolute;z-index:1;right:0;top:0;border-radius:7px}
.pbadge::after{content:'';transform:rotate(-30deg);background-color:inherit;width:100%;height:100%;position:absolute;z-index:1;right:0;top:0;border-radius:7px}
.pbadge span{z-index:10;position:absolute;transform:translate(50%,-50%);display:inline-block;top:49%;color:#fff;line-height:17px;width:55px;font-size:15px;text-align:center}
.product.sum {padding-bottom: 35px;}
.pSum {font-size: 15px;padding: 0 5px;}

/* v ani */
.checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#7ac142;fill:none;animation:stroke .6s cubic-bezier(0.65,0,0.45,1) forwards}
.checkmark{width:25px;height:25px;border-radius:50%;display:block;stroke-width:4;stroke:#fff;stroke-miterlimit:10;box-shadow:inset 0 0 0 #7ac142;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}
.checkmark__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(0.65,0,0.45,1) .8s forwards}
@keyframes stroke {100%{stroke-dashoffset:0}}
@keyframes scale {0%,100%{transform:none}50%{transform:scale3d(1.1,1.1,1)}}
@keyframes fill {100%{box-shadow:inset 0 0 0 30px #7ac142}}

.bigProd .product {width: 260px;height: 375px;}
.bigProd .pName {height: 29px;}
.bigProd .pImg {height: 241px;line-height: 241px;}

/* submenu */
.topmenu li >p ul li{clear:both;padding:0;margin:0}
.topmenu li >ul,.topmenu li >p,.rightmenu li >ul,.rightmenu li >p{position:absolute;z-index:1000}
.ulsub li div a,.ulsub li div a:hover{line-height:19px;display:block;font-size:13px;font-weight:normal;color:#fff;padding:7px 10px;width:145px;border:0px;border-top:1px solid #7F7F7F;background:#3C3C3C url("/img/a_bg.png") repeat-x center center;margin:0px;text-align:right}
.ulsub li:first-child div a,.ulsub li:first-child div a:hover{border-top:0px}
.ulsub li div a:hover{color:#7F7F7F}
.ulsub li{background:url(/img/t.gif);margin:0px;padding:0px;border:0px}
.ulsub li span,.ulsub, .stkHold{display:none}
.topmenu li >p ul,.rightmenu li >p ul{float:right;list-style:none outside none;margin-right:0px;padding-right:0px}
.topmenu,.rightmenu .ulsub,.rightmw{position:relative}
.box-outer{overflow:hidden}
.LTxtImg img{margin-left:15px;vertical-align:middle;margin-bottom:.10em}
input[type=text].blur,input[type=password].blur,textarea.blur{color:#aaa;font-weight:normal}
.topmenu li a font{font-family: Trebuchet MS;font-size: 10px;}

/*.frmSrch{clear:both;}*/
#search{margin-bottom:10px;position:relative;max-width:250px;text-align:right;padding-bottom:1px;background:url(/imgs/srch_d.png) repeat-x bottom}
#search input[type=text]{line-height:29px;background:url(/imgs/srch.png) repeat-x right;border:0px;height:28px;width:92%;padding-right:5px;font-family:Arial}
#search input[type=submit]{position:absolute;left:0px;width:28px;height:28px;border:0px;background:url("/imgs/btn-srch.png") no-repeat scroll 0 0 transparent;cursor:pointer;top:0px}
#srcTop{float:left;width:220px}
#srcTop #search{margin-top:10px}
#lblTop,.frmSrch{clear:both;display:block}

.frmSrch,.fSearch{position:relative;max-width:275px;height: 35px;}
.frmSrch .search *,.fSearch .search *{display:inline-block}
.frmSrch .search input,.fSearch .search input{position: absolute;width: 100%;height: 35px;padding: 0 8px;box-sizing: border-box;border-radius: 35px;}
.frmSrch .search button,.fSearch button{position: absolute;border: 0;height: 35px;box-sizing: border-box;border-radius: 100%;width: 35px;
	line-height: 41px;left: 0;cursor:pointer;padding: 0 8px;}

/* Caption styles */
.nivo-caption{position:absolute;right:0px;top:50px;background:#000;color:#fff;z-index:8;padding:10px 15px 13px 24px;font-size:27px;overflow:hidden;display:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;opacity:0.8}

.pdName,.pdName:visited{text-decoration:none !important}

/* Breadcrumb */
.breadc{border:1px solid #ccc;float:right;margin-bottom:8px;/*border-radius:4px;*/}
.breadc ul li{float:right;height:28px}
.breadc ul{background:url(/imgs/bc_bg.gif) repeat-x;float:right;border-width:0 1px;border-style:solid;border-color:#fff;/*border-radius:4px;*/}
.breadc ul li a{margin:0 10px;line-height:28px;font-size:11px}
.breadc ul li a,.breadc ul li a:visited{color:#323232}
.breadc ul li a:hover{color:#666}

/* Paging */
.paging{clear:both;margin:0 auto}
.paging center{padding-top:20px}
.paging ul{text-align:center;margin:0 auto;width:350px}
.paging li{width:32px;display:inline-block}
.paging a,.paging span{font-size:12px;font-weight:bold}
.paging span{background:url(/imgs/pg_on.png) center top no-repeat;display:block;height:27px;padding-top:3px;color:#f2f2f2}
.paging a,.paging a:visited{background:url(/imgs/pg.png) center top no-repeat;display:block;height:27px;padding-top:3px;color:#717171}
.paging img{vertical-align:middle}
.paging .no{background:url(/img/t.gif)}

.big-s{background: url("/imgs/big-s.png") no-repeat scroll center bottom transparent;padding-bottom: 22px;}
.sm-s{background: url("/imgs/sm-s.png") no-repeat scroll center bottom transparent;padding-bottom: 10px;}
.rad4{border-radius:4px;}
.rad6{border-radius:6px;}
.bimg{border:1px solid #DDDDDD;padding:6px;}

.res_menu{display:none;}
.butSend{right: 239px; position:absolute;}

/* align */
.acenter:not(.iSlider):not(.iSearch):not(.prodOptions) {text-align:center;}
.acenter > .elIn > iframe, .acenter.iForm > .elIn, .theSlider, .acenter.iSearch > .fSearch {margin:0 auto;}
.acenter.iForm > .elIn{text-align:right;}
.aleft:not(.iSearch){text-align:left;}
.aleft:not(.iSearch):not(.iTemp) > .elIn{display: inline-block; margin-bottom: -5px;}
.aleft.iSearch > .fSearch{margin-right: auto;}

/* Forms */
/*.iForm .elIn{display: table-cell;}
.iForm .frow label, .iForm .frow .finpt, .iForm .frow{float: right;}
.iForm .frow label{width:90px;}
.iForm .frow {margin-bottom: 10px; clear: both;}*/
/*transition: all 0.5s ease-in-out 0s*/
button::-moz-focus-inner {border:0;padding:0;margin:-1px 0 0 0;}
.iForm .frowbtn{text-align: left;}
.finpt input, .finpt textarea {border:1px solid #9e9e9e;border-radius: 2px;padding: 3px;width: 100%;height: 27px;box-sizing: border-box;}
.finpt textarea{height:120px;}
.iForm .elIn{display: table;width:100%;max-width:400px}
.frow, .frowbtn{display: table-row; min-width:100%}
.frow label{padding-left: 13px;width: 87px;}
.frow label, .frow .finpt, .frowbtn div{display: table-cell;vertical-align: top;white-space: nowrap;}
.frow .finpt{padding-bottom: 10px;}
.frowbtn button{margin-top:-2px;}
.frowbtn button {border-radius:4px;cursor:pointer;
	color:#ffffff;font-weight:bold;padding:6px 16px;text-decoration:none;text-shadow:0px 1px 0px #263666;}
.dTY{padding-top: 10px;}

.iForm.aleft > .elIn{display: inline-table;}

/* horizontal form */
.hFrm .elIn {display: block;width: 100%;max-width: none;padding-right:2px}
.hFrm .finpt{display: block;padding-bottom: 0;}
.hFrm .frow, .hFrm .frowbtn {display: inline-block;min-width: 0;width: 27%;float: none;margin-left: 1.8%;vertical-align: bottom;}
.hFrm .frowbtn {width: 13%;}
.hFrm .frowbtn label{display:none}
.hFrm .finpt input {height: 33px;}
.hFrm .finpt textarea{border: 0;border-radius: 0;}
.hFrm {box-sizing: border-box;}
.hFrm label, .hFrm em {font-size: 17px;width: 100%;font-weight: 700;padding-bottom: 4px;}
.hFrm .frowbtn button{margin: 0px 0px 0px;width: 100%;height: 46px;font-size:20px;}
.hFrm .frowbtn div {display: block;}
.hFrm .frowbtn{margin:0px;}

.placeH .frow label{display:none;}
.placeH .finpt, .placeH .frowbtn div{display:block !important;}
.placeH.hFrm .finpt input {height: 40px;}
.placeH.hFrm .frowbtn button {height: 40px;font-size: 19px;}

@keyframes ani{from{opacity:0;visibility: hidden;}to{visibility: visible;opacity:1;}}
.ani{animation-duration: 1s;animation-fill-mode: backwards;animation-name:none;visibility: hidden;}
@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,150px,0)}to{opacity:1;transform:none}}
@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-150px,0)}to{opacity:1;transform:none}}
@keyframes fadeInLeft{from{opacity:0;transform:translate3d(-50%,0,0)}to{opacity:1;transform:none}}
@keyframes fadeInRight{from{opacity:0;transform:translate3d(50%,0,0)}to{opacity:1;transform:none}}
@keyframes rollInL{from{opacity:0;transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;transform:none}}
@keyframes rollInR{from{opacity:0;transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}to{opacity:1;transform:none}}
@keyframes rotate{from{opacity:0;transform:rotateZ(-360deg)}to{opacity:1;transform:none}}

@keyframes flip {from{opacity:0;transform:perspective(400px) rotateY(-360deg) scale3d(1,1,1);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94)}50%{opacity:1;transform:perspective(400px) rotateY(-180deg) scale3d(1.2,1.2,1.2);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94)}to{transform:perspective(400px) rotateY(0deg) scale3d(1,1,1);animation-timing-function:cubic-bezier(0.95,0.05,0.795,0.035)}}
.flip, .flipV{backface-visibility:visible;}
@keyframes flipV{from{opacity:0;transform:perspective(400px) rotate3d(1,0,0,-360deg);animation-timing-function:ease-out}40%{opacity:1;transform:perspective(400px) translate3d(0,0,150px) rotate3d(1,0,0,-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translate3d(0,0,150px) rotate3d(1,0,0,-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in}to{transform:perspective(400px);animation-timing-function:ease-in}}
@keyframes tada{from{opacity:0;transform:scale3d(1,1,1)}10%,20%{transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{opacity:1;transform:scale3d(1,1,1)}}
@keyframes flash{from,25%,75%{opacity:0}50%,to{opacity:1}}
@keyframes rubberBand{from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,0.75,1)}40%{transform:scale3d(0.75,1.25,1)}50%{transform:scale3d(1.15,0.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scale3d(1,1,1)}}
@keyframes swing{20%{transform:rotate3d(0,0,1,15deg)}40%{transform:rotate3d(0,0,1,-10deg)}60%{transform:rotate3d(0,0,1,5deg)}80%{transform:rotate3d(0,0,1,-5deg)}to{transform:rotate3d(0,0,1,0deg)}}
.swing{transform-origin:top center}
@keyframes zoomIn{from{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}
@keyframes zoomOut{from{opacity:0;transform:scale3d(2,2,2)}50%{opacity:1}}
@keyframes zoomInDown{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}
@keyframes bounceIn{from,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale3d(1,1,1)}}

.floating{animation: floating 5s ease-in-out infinite;}
@keyframes floating {0% {transform: translateY(0px);}50% {transform: translateY(-15px);}100% {transform: translateY(0px);}}
.jello{animation: floating 6s ease-in-out infinite;}
@keyframes jello {0%{transform:scale3d(1,1,1)}3.9%{transform:scale3d(1.25,0.75,1)}5.2%{transform:scale3d(0.75,1.25,1)}6.5%{transform:scale3d(1.15,0.85,1)}8.5%{transform:scale3d(0.95,1.05,1)}9.7%{transform:scale3d(1.05,0.95,1)}13%{transform:scale3d(1,1,1)}100%{transform:scale3d(1,1,1)}}
.shake{animation: shake 6s ease-in-out infinite;}
@keyframes shake{0%,100%{transform:rotate(0deg);transform-origin:50% 0}1%{transform:rotate(2deg)}2%,4%,6%{transform:rotate(-4deg)}3%,5%,7%{transform:rotate(4deg)}8%{transform:rotate(-2deg)}9%{transform:rotate(2deg)}10%{transform:rotate(0deg);transform-origin:50% 0}}
.flicker {animation: flicker 6s linear infinite both;}
@keyframes flicker{0%,100%{opacity:1}12%{opacity:0}13%{opacity:1}17%{opacity:1}18%{opacity:0}19%{opacity:1}}

@keyframes sld1{from{transform:translateY(6.5%) scale(1.2)}to{transform:none}}
@keyframes sld2{from{transform:translateY(-6.5%) scale(1.2)}to{transform:none}}
@keyframes sld3{from{transform:none}to{transform:translateY(4.5%) scale(1.1)}}
@keyframes sld4{from{transform:none}to{transform:translateY(-4.5%) scale(1.1)}}
.aniImg .sldAImg {position: absolute;top: 0px;right: 0px;z-index: -1;animation-duration: 8s;animation-play-state: paused; animation-timing-function: linear;animation-fill-mode: forwards;max-width: 100%;}
.aniImg .stretch, .aniImg .aSlide {overflow:hidden;}
.run{animation-play-state: running !important;}

.iImg img {transition: all .6s;}
.hEnlarge:hover{transform:scale3d(1.1,1.1,1.1)}
.hShrink:hover{transform:scale3d(.9,.9,.9)}
.hRotate:hover{transform:rotateZ(360deg)}
.hGray:hover{filter: grayscale(100%);-webkit-filter:grayscale(100%)}
.hShadow:hover{box-shadow:0px 0px 10px #494949;}
.hOpacity:hover{filter: opacity(40%);-webkit-filter: opacity(40%)}
.hUp:hover{transform:translate3d(0,-8px,0);}
.hTilt:hover{transform: rotate(-5deg)}

.btnLoading{animation: animate-stripes 3s linear 0s normal none infinite;
	-webkit-animation: animate-stripes 3s linear 0s normal none infinite;
	background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent) !important;
	background-size: 30px 30px !important;text-indent:-9999px;cursor:default !important;}
@keyframes animate-stripes {0% {background-position: 0 0;} 100% {background-position: 60px 0;}}
@-webkit-keyframes animate-stripes {0% {background-position: 0 0;} 100% {background-position: 60px 0;}}
.prodBuyBtn .btnLoading{text-indent:unset;background-repeat: repeat !important;}

@keyframes fadeInLeftR{from{opacity:1;}to{opacity:0;transform:translate3d(-100%,0,0)}}
@keyframes fadeInRightR{from{opacity:1;}to{opacity:0;transform:translate3d(100%,0,0)}}

.aSlide {position: absolute;height: 100%;width: 100%;background-position: center center;z-index: 100;}
.theSlider{max-width:100%;position: relative;}
.sldIn{padding:15px;box-sizing: border-box;height: 100%;overflow: hidden;}
.aSldPrev, .aSldNext {color: rgb(255, 255, 255);opacity: 0;display: block;text-align: center;right: 10px;top: 52%;position: absolute;cursor: pointer;
	transition: all .6s;z-index: 150;margin-top: -2.5%;stroke-width: 15;	width: 20px;}
.aSldPrev:hover, .aSldNext:hover{stroke-width: 25;}
.aSldPrev{direction: ltr;}
.aSldNext{left:10px;right:auto;direction: rtl;}
.iSlider .stretch{z-index:1;}
.iSlider:not(.arrOn):hover .aSldPrev, .iSlider:not(.arrOn):hover .aSldNext{opacity:0.8}
.aSldPrev:hover, .aSldNext:hover{opacity: 1 !important;color: rgb(255, 255, 255);}
.aSlide .aReverse{opacity:0;}
.iSlider .stretch, .aSlide, .aSlide .aReverse{opacity:0;transition: all 1s}
.aReverse{animation-duration: 0.5s !important;opacity:0;animation-timing-function: ease-in;animation-delay: 0s !important;}
.fadeInRightR{animation-name:fadeInRightR !important}
.fadeInLeftR{animation-name:fadeInLeftR !important}
.arrOn .aSldPrev, .arrOn .aSldNext{opacity: 1;}
p.theA{display:none;padding: 10px 0 5px;}
p.theQ{cursor: pointer;position: relative;}
p.theQ::after {content: '+';display: block;position: absolute;top: 2px;left: 0;font-size: 19px;border: 2px solid;border-radius: 100%;width: 22px;height: 22px;
	text-align: center;line-height: 17px;font-family: arial;box-sizing: border-box;}
p.theQ.open::after{content: '-';font-size: 29px;line-height: 12px;}
.fixBG, .fixBG .stretch{background-attachment: fixed;}
.stuck{z-index:41000}
#ovrly {background: #000;z-index: 41200;display: none;position: fixed;top: 0;left: 0;overflow: hidden;width: 100%;height: 100%;transition: all .3s;opacity:0.5;}
#resmw{right:-241px;}
#resmw.open{right:0px;}
#footer .stuck{position:fixed;bottom:0;width:inherit;margin-top: 0px !important;}
.iResMenu .elIn, .iIcon .elIn{width: min-content}
.iResMenu.acenter .elIn, .iIcon.acenter .elIn{margin: 0 auto;}
.iIcon.cart .elIn{position: relative;}
.bskCount {position: absolute;color: #fff;background-color: #f00f0f;top: -4px;right: -6px;border-radius: 100%;width: 18px;height: 18px;display: inline-grid;
	align-content: center;justify-content: center;font-size: 14px;font-family: arial;}