div {
 float: left; 
 position: relative; 
 height: auto; 
 width: auto; 
}

.flw10 { width: 10%; }
.flw15 { width: 15%; }
.flw20 { width: 20%; }
.flw25 { width: 25%; }
.flw30 { width: 30%; }
.flw33 { width: 33%; }
.flw40 { width: 40%; }
.flw50 { width: 50%; }
.flw60 { width: 60%; }
.flw66 { width: 66%; }
.flw67 { width: 67%; }
.flw70 { width: 70%; }
.flw80 { width: 80%; }
.flw85 { width: 85%; }
.flw90 { width: 90%; }
.flw100 { width: 100%; }

.flw100, .flw50, .flw30, .flw33, .flw15, .flw25, .flw66, .flw60, .flw70, .flw20, .flw80, .flw10, .flw40, .flw67, .flw90, .flw85, .docSheet {
 float: left; 
 position: relative; 
 height: auto; 
}

@media screen and (max-width: 480px) {	
	.flw50, .flw30, .flw33, .flw15, .flw25, .flw66, .flw60, .flw70, .flw20, .flw80, .flw10, .flw40, .flw67, .flw90, .flw85 {
	 width: 100%; 
	 min-height: 1px; 
	}
}

.flw100center {
 text-align: center; 
 width: 100%; 
 float: left; 
 position: relative; 
}

.flwA {
 float: left; 
 position: relative; 
 width: auto; 
 height: auto; 
}

.posAbs {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: auto; 
 height: auto; 
}

.divRighter, .divR {
 float: right; 
 position: relative; 
 width: auto; 
 height: auto; 
}

.floatR { float: right; }

.noDisplay {
 display: none; 
}

.flw100alert {
 width: 100%; 
 font: bold 14px arial; 
 color: red; 
 text-align: center; 
}

a img {
 border: 0px; 
}
 
img {
 border: 0;
}

.topRminOrMax {
 position: absolute; 
 top: 0px; 
 left: 100%; 
 width: 23px; 
 height: 15px; 
 z-index: 500; 
 cursor: pointer; 
 margin-left: -26px; 
 background: white; 
 border: 1px solid silver; 
 text-align: center; 
 font: normal 12px courier; 
 line-height: 14px; 
 color: rgb(30,30,30);
}

.warnDiv {
 font: bold 14px arial; 
 color: red; 
}

.docSheet {
 width: 100%; 
 border: 1px solid silver; 
 background: white; 
 color: black; 
 padding: 10px; 
 margin-top: 3px; 
 margin-bottom: 3px; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.realContText {
 width: 100%; 
}

.bordRed {
 border: 1px solid red; 
}

.cursPoint { 
 cursor: pointer; 
}

.upcase { 
 text-transform: uppercase; 
}

.anycase { 
 text-transform: none; 
}

.text-center {
 text-align: center; 
}

.font-bold { font-weight: bold; }

.text-right {
 text-align: right; 
}

.text-left {
 text-align: left; 
}
/* COOKIES START */

.cookiesHint { 
 position: fixed; 
 top: 100%; 
 left: 0px; 
 margin-top: -45px; 
 width: 100%; 
 height: auto; 
 min-height: 45px; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
 text-align: center; 
 padding-top: 15px; padding-bottom: 3px; 
 background: white; color: black; 
 font-size: 12px;
 font-family: arial;
 box-shadow: inset 0px 11px 8px -10px #BBB;
 z-index: 100; 
}

.cookiesHeight { 
 width: 100%; float: left; 
 position: relative; height: 45px; 
}
 
@media screen and (max-width: 600px) {	
	.cookiesHint, .cookiesHeight { height: 60px; }
	.cookiesHint { margin-top: -60px; }
}

@media screen and (max-width: 400px) {	
	.cookiesHint, .cookiesHeight { height: 75px; }
	.cookiesHint { margin-top: -75px; }
}

.cookiesGotLink, a.cookiesGotLink:visited, a.cookiesGotLink {
 display: inline-block; 
 color: white; 
 background: rgb(190,190,190); 
 margin-left: 5px; 
 margin-right: 5px; 
 border-radius: 3px; 
 padding: 3px; 
 color: white; 
 -webkit-transition:  0.2s; /* Safari */
 transition: 0.2s;
}

a.cookiesGotLink:hover {
 background: rgb(90,90,90); 
 color: white; 
}

/* COOKIES END */

.docCell {
 width: 12.5%; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
 padding: 4px; 
 border: 1px solid white; 
 background: rgb(240,240,240);  
 min-height: 40px; 
}

.doc_user_head_row {  font-weight: bold; width: 100%; }
.doc_user_row { width: 100%; }

.doc_user_head_row .docCell { background: rgb(210,210,210); }

.doc_user_row:hover .docCell { background: rgb(230,230,230); }

.doc_user_row.doc_paid_row .docCell { background: rgba(100,255,100,0.4); }
.doc_user_row.doc_unpaid_row .docCell { background: rgba(255,100,100,0.4); }

@media screen and (max-width: 440px) {	
 .docCell { width: 100%; min-height: 10px; border-bottom: 2px solid white; }
 .doc_user_row { margin-top: 10px; }
 .doc_user_head_row { display: none; }
}

.overauto { overflow: auto; }

.bord-box { 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
}

/* select period control - START */

.selectPeriod {
 display: inline-block; 
 width: 16px; 
 height: 16px; 
}

.selectPeriodSubM {
 display: block!important; 
 top: -2px; 
 left: 0px; 
 margin: 0px; 
 border: 1px dotted silver;
 background: white; 
 z-index: 20; 
 background: white; 
 position: absolute!important; 
}

.selectPeriodLink {
 min-width: 180px; 
 padding: 5px; 
 border-bottom: 1px dotted silver;
 background: white; 
 z-index: 30;
 font-size: 11px; 
}

.selectPeriodLink:hover { background: rgb(235,235,235); }

/* select period control - END */

.padTop5 { padding-top: 5px; }
.padTop10 { padding-top: 10px; }
.padTop20 { padding-top: 20px; }
.padTop30 { padding-top: 30px; }
.padTop40 { padding-top: 40px; }
.padTop50 { padding-top: 50px; }
.padTop60 { padding-top: 60px; }
.padTop70 { padding-top: 70px; }
.padTop80 { padding-top: 80px; }
.padTop90 { padding-top: 90px; }
.padTop100 { padding-top: 100px; }

.margTop5 { margin-top: 5px; }
.margTop10 { margin-top: 10px; }
.margTop20 { margin-top: 20px; }
.margTop30 { margin-top: 30px; }
.margTop40 { margin-top: 40px; }
.margTop50 { margin-top: 50px; }
.margTop100 { margin-top: 100px; }

.padBot5 { padding-bottom: 5px; }
.padBot10 { padding-bottom: 10px; }
.padBot20 { padding-bottom: 20px; }
.padBot30 { padding-bottom: 30px; }
.padBot40 { padding-bottom: 40px; }
.padBot50 { padding-bottom: 50px; }
.padBot60 { padding-bottom: 60px; }
.padBot70 { padding-bottom: 70px; }
.padBot80 { padding-bottom: 80px; }
.padBot90 { padding-bottom: 90px; }
.padBot100 { padding-bottom: 100px; }

.margBot5 { margin-bottom: 5px; }
.margBot10 { margin-bottom: 10px; }
.margBot20 { margin-bottom: 20px; }
.margBot30 { margin-bottom: 30px; }
.margBot40 { margin-bottom: 40px; }
.margBot50 { margin-bottom: 50px; }
.margBot100 { margin-bottom: 100px; }

/* MULTY SELECT - START */

.multySelectValues {
 border: 1px solid silver; 
 min-height: 12px; 
 height: auto; 
 width: 100%; 
 background: white;
 color: rgb(30,30,30); 
 margin-bottom: 3px; 
 text-align: left!important; 
}

.multSelectIn { 
 width: 100%; font-size: 11px; color: black; min-height: 16px; float: left; position: relative; 
 background: white url('img/img-common/point-bot-blue.gif') no-repeat center right; 
 padding: 4px 20px 4px 5px; 
}

.multSelectSubs { 
 position: absolute; 
 top: 16px; 
 background: white; 
 color: rgb(30,30,30); 
 border-left: 1px solid silver; 
 border-right: 1px solid silver; 
 border-bottom: 1px solid silver; 
 width: 100%; 
 left: 0px; 
 max-height: 250px; 
 overflow: auto; 
 z-index: 999999; 
 padding: 5px; 
 text-align: left!important; 
}

.multSelectSubs input { width: auto!important; display:inline-block; height: auto!important; padding-right: 3px;  }

/* MULTY SELECT - END */

/* TRANSITIONS */
.trans02 {
 transition: 0.2s;
 -webkit-transition: 0.2s;
}
.trans05 {
 transition: 0.5s;
 -webkit-transition: 0.5s;
}

.noTrans {
 -webkit-transition:  0.0s; /* Safari */
 transition: 0.0s;
}

.loadIndicator { width: 100%; height: 14px; border: 1px solid black; background: white; margin-top: 5px; margin-bottom: 5px;  } 
.loadStatus { position: absolute; top: 0px; left: 0px; width: 0%;  height: 14px; 
 background: rgb(100,255,100) url('javascript/ajax-loader.gif') no-repeat center center;
 background-size: auto 100%; 
}

.streamFileName { width: 100%; color: green; margin-top: 2px; margin-bottom: 2px; }

.smallLoader { 
 background-color: rgb(240,240,240);
 background-image: url('javascript/ajax-loader.gif');
 background-size: 15px 15px;
 background-position: center center;
 background-repeat: no-repeat; 
 
}

.OKresult { 
 color: rgb(0,155,0); 
 background: white; 
 padding: 2px; 
 margin-bottom: 3px; 
}

.bord20prc { border: 1px solid rgba(155,155,155,0.3); 
 float: left; 
 position: relative; 
 width: 20%; 
 height: auto; 
 min-height: 3px; 
}

.bord80prc { border: 1px solid rgba(155,155,155,0.3); 
 float: left; 
 position: relative; 
 width: 80%; 
 height: auto; 
 min-height: 3px; 
}

.invalid, input.invalid, select.invalid, textarea.invalid {
 -webkit-box-shadow: 0px 0px 3px 3px rgb(255,0,0,0.6);
 -moz-box-shadow: 0px 0px 3px 3px rgb(255,0,0,0.6);
 box-shadow: 0px 0px 3px 3px rgb(255,0,0,0.6);
 -webkit-transition:  0.3s; /* Safari */
 transition: 0.3s;
}

.alertBlur {
 width: 100%; 
 height: 100%; 
 position: fixed; 
 top: 0px; 
 left: 0px; 
 display: none; 
 background: rgba(0,0,0,0.7); 
 z-index: 999999; 
}

.alertInBlur {
 left: 50%; 
 margin-left: -220px; 
 width: 400px; 
 top: 50%;
 margin-top: -100px; 
 position: fixed; 
 padding: 20px; 
 background: white; 
 color: red; 
 border: 1px solid rgb(51,51,51); 
 border-radius: 10px; 
 z-index: 1000000; 
}

.alertClose {
 position: absolute; 
 top: 0px; 
 left: 100%; 
 margin-left: -20px;
 margin-top: -10px; 
 width: 30px; 
 height: 30px; 
 border-radius: 15px; 
 font-weight: bold; 
 color: white; 
 background: rgb(51,51,51); 
 cursor: pointer; 
 text-align: center; 
 font-size: 18px; 
 line-height: 18px; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
 padding-top: 6px; 
  -webkit-transition:  0.4s; /* Safari */
 -moz-transition: 0.4s; 
 transition: 0.4s;
}
.alertClose:hover { background: rgb(127,127,127); }

.posAbs100 { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }

@media screen and (max-width: 440px) {	
 .alertInBlur { left: 5%; width: 80%; padding: 10px 5%; margin-left: 0px; margin-top: -130px; }
}

.mailValidity { position: absolute; top: 100%!important; left: 0px!important; font-size: 11px; margin-top: -12px; line-height: 11px; }

.loadAboveMain { 
 display: none; 
 position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; padding-top: 0px; padding-bottom: 0px; Z-INDEX: 9999999;
 background: rgba(0,0,0,0.4); 
 text-align: center; 
 z-index: 99999; 
}

.loadAboveIn {
 display: inline-block; float: none; text-align: left; 
 overflow: hidden; width: calc(100% - 40px); height: calc(100% - 20px); margin-top: 10px; 
 z-index: 99999;
 max-width: 1300px; 
 background: white url('javascript/ajax-loader.gif') no-repeat center center; 
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
 border-radius: 10px; 		  
 -webkit-box-shadow: 0px 0px 3px 3px rgb(0,0,0.6);
 -moz-box-shadow: 0px 0px 3px 3px rgb(0,0,0,0.6);
 box-shadow: 0px 0px 3px 3px rgb(0,0,0,0.6);	  
 -webkit-overflow-scrolling: touch;  
}

.loadAboveIn .loadAboveIn {
 width: calc(100% - 40px); height: calc(100% - 40px); margin-top: 10px; 
}

.loadAboveIn.loadAboveWhite {
 background-color: white; 
 background-image: none!important; 
 overflow-y: auto!important; 
 padding: 10px; 
}

.loadAboveIn iframe {
 -webkit-overflow-scrolling: touch!important;  
 overflow: scroll!important; 
 max-width: 100%; 
 border: none; 
}

.loadAboveClose {
 position: fixed; top: 7px; left: 100%; margin-left: -33px; width: 30px; 
 height: 30px; 
 border-radius: 15px; 
 font-weight: bold; 
 color: white; 
 background: rgb(51,51,51); 
 cursor: pointer; 
 text-align: center; 
 font-size: 18px; 
 line-height: 18px; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
 padding-top: 6px; 
  -webkit-transition:  0.4s; /* Safari */
 -moz-transition: 0.4s; 
 transition: 0.4s;
 z-index: 999999; 
}

.loadAboveClose:hover { background: rgb(127,127,127); }

@media screen and (min-width: 1340px) {	
 .loadAboveClose {left: 50%; margin-left: 640px;}
}


.econt_reg_select, .econt_reg_select_input, .econt_city_select, .econt_city_select_input, .econt_quarter_select, 
.econt_quarter_select_input, .econt_other_select, .econt_other_select_input, .econt_street_block, .econt_delivery_radios, 
.econt_office_fld, .econt_office_select, .econt_office_select_input, .econt_office_info, 
.econt_address_flds {
 width: 100%; 
}

.econt_street_select, .econt_street_select_input { width: 70%; }
.econt_streetnum_select, .econt_streetnum_select_input { width: 28%; padding-left: 2%; }

.datalist_def {
 background-image: url('img/img-common/point-bot-grey.gif'); 
 background-position: center right; 
 background-repeat: no-repeat; 
 background-size: 7px 30%; 
}

.datalist-clear {
 position: absolute; 
 display: block; 
 top: 50%; left: 100%; 
 background: white; 
 width: 14px!important; height: 14px; border-radius: 5px; 
 border: 1px solid rgb(160,160,160); 
 color: rgb(160,160,160); 
 text-align: center; 
 margin-top: -8px; margin-left: -36px; 
 font-weight: bold; 
 font-size: 14px; 
 line-height: 14px;
 transition: 0.2s;
 cursor: pointer; 
}
.datalist-clear:hover { color: rgb(30,30,30); border: 1px solid rgb(30,30,30)!important; }

.datalist-dropdown {
 position: absolute; 
 display: block; 
 top: 50%; left: 100%; 
 background: white url('img/img-common/point-bot-grey.gif') no-repeat center center; 
 width: 20px!important; height: 20px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; 
 border: 1px solid rgb(180,180,180); 
 text-align: center; 
 margin-top: -10px; margin-left: -18px; 
 font-weight: bold; 
 font-size: 14px; 
 line-height: 15px;
 cursor: pointer; 
}
.datalist-dropdown:hover {
 background: white url('img/img-common/point-bot-blue.gif') no-repeat center center; 
}

.dateFlow .calContainer { display: inline-block; float: none; width: auto; }

.swiper-wrapper { float: none; box-sizing: content-box; width: 100%; height: 100%; display: flex; }

.floatMid { display: inline-block; float: none; }

.cookiesHintHigh {
 position: fixed; 
 left: 50%; 
 top: 50%; 
 background: white; 
 border-radius: 20px; 
 width: 600px; 
 margin-left: -300px; 
 text-align: center; 
 padding: 10px; 
 height: 300px; 
 margin-top: -150px;  
 z-index: 999999; 
 color: black; 
 text-align: center; 
 font-family: arial!important; 
 box-shadow: 10px 11px 8px 0px #000;
}

.cookiesGotLight, a.cookiesGotLight:visited, a.cookiesGotLight {
 display: inline-block; 
 color: white; 
 background: rgba(190,190,190,0.5); 
 margin-left: 5px; 
 margin-right: 5px; 
 border-radius: 3px; 
 padding: 5px; 
 color: white; 
 -webkit-transition:  0.2s; /* Safari */
 transition: 0.2s;
}

.cookiesGotLight:hover, a.cookiesGotLight:hover {
 background: rgba(190,190,190,1); 
}

.consentGot, a.consentGot:visited, a.consentGot {
 display: inline-block; 
 font-weight: bold; 
 color: white; 
 background: rgb(90,180,90); 
 margin-left: 5px; 
 margin-right: 5px; 
 border-radius: 3px; 
 padding: 5px; 
 color: white; 
 -webkit-transition:  0.2s; /* Safari */
 transition: 0.2s;
}
.consentGot:hover, a.consentGot:hover {
 background: rgb(60,180,60); 
}

@media screen and (max-width: 600px) {	
 .cookiesHintHigh {
  top: 10px; 
  left: 0px; 
  width: 100%; 
  height: auto; 
  min-height: 50%; 
  margin-top: 0px; 
  margin-left: 0px;
 }
}
body {
 margin: 0px;
 padding: 0px; 
 background: white;  
 overflow-x: hidden; 
}

@font-face {
	font-family: 'StudioScriptCTT';
	src: url('img/fonts/StudioScriptCTT.eot?#iefix') format('embedded-opentype'), 
	     url('img/fonts/StudioScriptCTT.woff') format('woff'), 
	     url('img/fonts/StudioScriptCTT.ttf')  format('truetype'),
		 url('img/fonts/babamarta.otf')  format('opentype'),
	     url('img/fonts/StudioScriptCTT.svg#svgFontName') format('svg');
}

.stickHeighter {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 155px; 
 font: normal 0px arial; 
 display: none; 
}

@media screen and (max-width: 480px) {
	.stickHeighter {
	 height: 125px; 
	}
}


.stickTop { position: fixed; top: 0px; left: 0px; z-index: 300; background: rgba(255,255,255,0.95); width: 100%; 
  -webkit-transition:  0.4s; /* Safari */
 -moz-transition: 0.4s; 
 transition: 0.4s;
 border-bottom: 1px solid rgb(160,160,160); 
}

.logoRpt { display: none; }
a.cartRpt, a.cartRpt:visited { width: 31px; height: 31px; float: right; position: relative; display: none; background: url('img/cart.png') no-repeat center center; margin-top: 10px; margin-right: 5px;  }

.stickTop a.cartRpt, .stickTop a.cartRpt:visited { display: inline-block; }

.stickTop .theHeader, .stickTop .faceLinkContainer { display: none; }
.stickTop .logoRpt { float: left; position: relative; width: 106px; height: 53px; 
 background-image: url('img/logo-marteni4ka.png');
background-size: 100% 100%; 
display: inline;  
cursor: pointer; 
}
.stickTop .menuContainer { margin-top: 14px; margin-left: 10px; }
.stickTop .mainMenu3lines { margin-left: 10px; margin-top: 10px; }

a {
 text-decoration: none; 
 color: rgb(227,41,38); 
}

a:hover {
 color: rgb(153,1,1); 
}


a, .trans04, .prodKare, .productName a, .mostSoldKare, .prodImg img, .mostSoldPic img, .stickTop {
 -webkit-transition:  0.4s; /* Safari */
 -moz-transition: 0.4s; 
 transition: 0.4s;
}

.fullWidth {
 float: left; 
 position: relative; 
 width: 990px; 
 height: auto; 
 left: 50%; 
 margin-left: -495px; 
 font: normal 14px arial; 
 color: rgb(82,82,82); 
}

.fullWidthTopHomeContainer {
 display: inline-block; 
 float: none; 
 width: 1002px; 
 height: 375px;
 font: normal 14px arial; 
 color: rgb(82,82,82); 
 margin-bottom: 30px; 
 overflow: hidden; 
 margin-left: 12px; 
}

@media screen and (max-width: 1010px) {
	.fullWidth {
	 width: 98%; 
	 padding-left: 1%; 
	 padding-right: 1%; 
	 left: -0px; 
	 margin-left: 0px; 
	}
}
@media screen and (max-width: 1002px) {
	.fullWidthTopHomeContainer { width: 668px; }
}
@media screen and (max-width: 668px) {
	.fullWidthTopHomeContainer { width: 310px; }
}
@media screen and (max-width: 315px) {
	.fullWidthTopHomeContainer { width: 240px; }
}


.textOnHome {
 float: left; 
 position: relative; 
 width: 78%; 
 padding-left: 11%; 
 padding-right: 11%; 
 height: auto; 
 text-align: center; 
 font: normal 12px arial; 
 color: rgb(82,82,82); 
 padding-top: 20px; 
}

@media screen and (max-width: 640px) {
	.textOnHome {
	 width: 98%; 
	 padding-left: 1%; 
	 padding-right: 1%; 
	 padding-top: 10px; 
	}
	#menuDownContainer .flwA {
	 margin-bottom: 5px; 
	}
}

header {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto;
}

.theHeader {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 117px;
}

@media screen and (max-width: 990px) {
	.theHeader {
	 height: auto; 
	}
}

.logoPlace { 
 float: left; 
 position: relative; 
 margin-top: 3px; 
 top: 3px; 
 left: 0px; 
 width: 212px; 
 height: 107px; 
 text-align: center; 
 background: url('img/logo-marteni4ka.png') no-repeat top center; 
 background-size: 100% 100%; 
 font: normal 24px StudioScriptCTT; 
 color: rgb(227,41,38); 
}

@media screen and (max-width: 480px) {
 .logoPlace { width: 85px; height: 43px; }
}

.topShadPlace {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: 100%; 
 height: 7px; 
}

.headIzvivka {
 position: absolute; 
 top: 0px; 
 left: 100%; 
 margin-left: -23px; 
 width: 259px; 
 height: 52px; 
 background: url('img/head-izviv.png') no-repeat top left; 
}

@media screen and (max-width: 1280px) { .headIzvivka { width: 100px; } }
@media screen and (max-width: 1240px) { .headIzvivka { width: 80px; } }
@media screen and (max-width: 1200px) { .headIzvivka { width: 50px; } }
@media screen and (max-width: 1000px) { .headIzvivka { display: none; } }


.topMenu {
 position: relative; 
 float: right; 
 margin-top: 20px; 
 width: 700px; 
 height: 20px; 
 text-align: right; 
 color: rgb(178,178,178); 
 font: normal 14px arial; 
}

.top3lines {
 display: none; 
 border-right: 1px solid rgb(178,178,178);
 background: url('img/top-3-lines.gif') no-repeat center left; 
 padding-left: 18px; 
 cursor: pointer; 
 padding-right: 4px; 
 margin-right: 3px; 
}

.flwTopMenu, .flwTopResponsive {
 width: auto; 
}

.topMenu a, .topMenu a:visited, .topMenu a:active {
 color: rgb(178,178,178); 
}
.topMenu a, .topMenu span {
 margin-left: 15px; 
}
.topMenu a:hover {
 color: rgb(76,76,76);
}

@media screen and (max-width: 931px) {
	.flwTopResponsive {
	 position: absolute; 
	 top: 20px; 
	 left: -50px; 
	 width: 160px; 
	 border-left: 1px solid rgb(178,178,178); 
	 border-right: 1px solid rgb(178,178,178); 
	 border-bottom: 1px solid rgb(178,178,178); 
	 z-index: 10; 
	 background: white; 
	 padding: 10px; 
	 text-align: left; 
	 margin: 0px; 
	}
	.flwTopResponsive a, .flwTopResponsive span {
	 float: left; 
	 position: relative; 
	 width: 100%; 
	 padding-bottom: 5px; 
	}
	.flwTopMenu { 
	 display: none; 
	}
	.topMenu {
	 width: auto; 
	 height: auto; 
	}
	.top3lines {
	 display: inline; 
	 background: url('img/top-3-lines.gif') no-repeat center left; 
	}
	.top3lines:hover {
	 color: rgb(76,76,76); 
	 background: url('img/top-3-lines-hover.gif') no-repeat center left; 
	}
}

@media screen and (max-width: 480px) {
		.topMenu { 
		 width: 100%; 
		}
		.topMenu .divRighter {
		 float: left; 
		}
}

.swCurrOpener {
 float: left; 
 position: relative; 
 width: auto; 
 height: auto; 
 cursor: pointer; 
 padding-left: 15px; 
 background: rgb(220,220,220); 
 border-radius: 20px; 
}

.swCurrOpener:hover {
 color: rgb(76,76,76); 
}

.searchAndCart {
 float: right; 
 padding-top: 15px; 
}

.theCart {
 position: relative;
 width: 170px; 
 height: 20px; 
 padding-top: 11px;
 text-align: right; 
 cursor: pointer; 
 background: url('img/cart.png') no-repeat center left;
 color: rgb(178,178,178); 
 font: normal 14px arial; 
}
.theCart:hover {
 color: rgb(227,41,38);
}

.theCart strong {
 font: normal 12px arial; 
 color: rgb(227,41,38);
}

@media screen and (max-width: 640px) {
	.searchAndCart { 
	 width: 240px;
	 padding-top: 5px; 
	 padding-bottom: 5px; 
	}
}

@media screen and (max-width: 480px) {
	.searchAndCart {
	 width: 100%; 
	 max-width: calc(100% - 88px);
	 padding-top: 5px; 
	 padding-bottom: 5px; 
	 float: right; 
	 
	}
	.swCurrOpener {
	 padding-left: 5px; 
	}
	
	.theCart {
	 padding-left: 0px; 
	 width: auto; 
	 min-height: 31px; 
	 padding-top: 0px; 
	 text-align: left; 
	 padding-left: 32px; 
	}
	.theCart span {
	 display: none; 
	}
}



.searchContainer {
 width: 215px; 
 height: 31px; 
 position: relative; 
 background: url('img/search.jpg') no-repeat center center; 
}

.searchInput {
 float: left; 
 position: relative; 
 width: 161px; 
 height: 18px; 
 padding-top: 5px; 
 padding-bottom: 5px; 
 padding-left: 12px; 
}
.searchInput input {
 width: 158px; 
 height: 16px; 
 background: white; 
 border: 1px solid white; 
 font: normal 14px arial; 
 color: rgb(178,178,178);
}

.searchSubmit {
 float: left; 
 position: relative; 
 width: 34px; 
 height: 28px;
 cursor: pointer; 
}
.searchSubmit input {
 width: 1px; 
 height: 1px; 
 font: normal 0px arial; 
 color: white; 
 background: white; 
 border: 1px solid transparent; 
 position: relative; 
 top: 12px; 
 left: 1px; 
}

.menuLine {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 padding-bottom: 4px; 
}

.menuPageIn {
 float: left; 
 position: relative; 
 width: auto; 
 height: 22px; 
 padding-top: 9px; 
 padding-left: 20px; 
 padding-right: 20px; 
 background: rgb(226,41,28); 
 color: white; 
 font: normal 14px arial; 
}
.menuPageIn a, .menuPageIn a:visited, .menuPageIn a:active {
 color: white; 
}

.menuPageLink {
 float: left; 
 position: relative; 
 width: auto; 
 height: 22px; 
 padding-top: 9px; 
 padding-left: 20px; 
 padding-right: 20px; 
 color: rgb(153,153,153); 
 font: normal 14px arial; 
} 
.menuPageLink a, .menuPageLink a:visited, .menuPageLink a:active {
 color: rgb(153,153,153); 
}
.menuPageLink:hover a {
 color: rgb(226,41,28); 
}

.stickTop .menuPageLink, .stickTop .menuPageIn { padding-left: 10px; padding-right: 10px; }

.mainMenu3lines {
 display: none; 
 background: url('img/3-lines.gif') no-repeat center left; 
}


.menuContainer, .menuContainerResponsive {
 float: left; 
 position: relative; 
 width: auto; 
 height: auto; 
 max-width: 940px; 
 max-width:calc(100% - 32px);
}

.faceLinkContainer {
 border-left: 1px solid rgb(153,153,153); 
 float: right; 
 position: relative; 
 width: 40px; 
 height: 20px; 
}

.faceLink {
 float: right; 
 position: relative; 
 margin-top: -5px; 
 background: rgb(126,126,126); 
 width: 27px; 
 height: 27px; 
 text-align: center; 
 border-radius: 14px; 
 color: white; 
 cursor: pointer; 
 font: bold 22px tahoma; 
 margin-left: 5px; 
 display: block; 
 color: white;
}
a.faceLink:visited { color: white; }
.faceLink:hover {
 background: rgb(226,41,28); 
 color: white;
}

@media screen and (max-width: 1000px) {
	.menuContainer {
	 display: none; 
	}
	.menuContainerResponsive {
	 width: 100%; 
	 height: auto; 
	 max-width: 100%; 
	}
	
	.menuContainerResponsive .menuPageIn, .menuContainerResponsive .menuPageLink {
	 padding-left: 3%; 
	 width: 97%; 
	 padding-right: 0px; 
	}
	.menuContainerResponsive .menuPageLink {
	 border-bottom: 1px solid rgb(226,41,28); 
	}
	
	.mainMenu3lines {
	 background: url('img/3-lines.gif') no-repeat center left; 
	 display: inline; 
	 height: 22px; 
	 margin-top: 6px; 
	 padding-top: 9px; 
	 padding-left: 35px; 
	 padding-right: 10px; 
	 color: rgb(226,41,28); 
	 font-weight: bold; 
	 cursor: pointer; 
	}
	.faceLinkContainer {
	 float: left; 
	 margin-top: 12px; 
	}
}

.homeFramesLine {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 495px; 
 overflow: hidden; 
 background: rgb(204,204,204); 
}

.homeFrameExplain {
 width: 100%; 
 font: normal 18px arial; 
 color: rgb(76,76,76); 
 text-align: center; 
}

.homeFrame {
 position: absolute; 
 top: 0px; 
 left: 50%; 
 margin-left: -610px; 
 width: 1220px; 
 height: 495px; 
}

.abovePicMartenica {
 position: absolute; 
 top: 14px; 
 left: 870px; 
 width: 274px; 
 height: 257px; 
 background: url('img/martenica-vector.png') no-repeat top right; 
}

.homeFrameMotto {
 position: absolute; 
 top: 130px; 
 left: 440px; 
 width: 740px; 
 text-align: center; 
 height: 340px; 
 font: normal 36px arial;
 color: rgb(76,76,76); 
}

.homeFrameMotto strong {
 font: normal 48px StudioScriptCTT;
}

.homeFrameMotto span strong {
 font: normal 42px StudioScriptCTT;
}
.homeFrameMotto span {
 color: rgb(226,41,28); 
}


.rakopisSilver {
 font: normal 48px StudioScriptCTT;
 color: rgb(76,76,76); 
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 text-align: center; 
 top: -10px; 
}

@media screen and (max-width: 799px) {
	.homeFramesLine {
	 height: 396px; 
	}
	.homeFrame .flwA  img {
	 max-width: 976px; 
	 width: 976px; 
	 height: auto;
	}
	.homeFrame {
	 margin-left: -488px; 
	 width: 976px; 
	}
	.rakopisSilver { 
	 font: normal 28px StudioScriptCTT;
	 top: 0px; 
	}
	.homeFrameMotto {
	 left: 40%; 
	 top: 20%; 
	 max-width: 50%; 
	 font: normal 24px arial;
	}
	.homeFrameMotto strong {
	 font: normal 28px StudioScriptCTT;
	}

	.homeFrameMotto span strong {
	 font: normal 26px StudioScriptCTT;
	}	
	.homeFrameExplain {
	 width: 80%; 
	 padding-left: 10%; 
	 font: normal 16px arial; 
	}
}

@media screen and (max-width: 599px) {
	.homeFramesLine {
	 height: 296px; 
	}
	.homeFrame .flwA  img {
	 max-width: 732px; 
	 width: 732px; 
	 height: auto;
	}
	.homeFrame {
	 margin-left: -366px; 
	 width: 732px; 
	}
	.homeFrameMotto {
	 left: 35%; 
	 top: 20%; 
	 max-width: 55%; 
	 font: normal 18px arial;
	}
	.rakopisSilver { 
	 font: normal 24px StudioScriptCTT;
	 top: 0px; 
	}
	.homeFrameMotto strong {
	 font: normal 24px StudioScriptCTT;
	}

	.homeFrameMotto span strong {
	 font: normal 18px StudioScriptCTT;
	}	
}

@media screen and (max-width: 488px) {
	.homeFramesLine {
	 height: 198px; 
	}
	.homeFrame .flwA  img {
	 max-width: 488px; 
	 width: 488px; 
	 height: auto;
	}
	.homeFrame {
	 margin-left: -244px; 
	 width: 488px; 
	}
	.homeFrameMotto {
	 left: 25%; 
	 top: 10%; 
	 max-width: 60%; 
	 font: normal 16px arial;
	}
	.rakopisSilver { 
	 font: normal 18px StudioScriptCTT;
	 top: 0px; 
	}
	.homeFrameMotto strong {
	 font: normal 18px StudioScriptCTT;
	}

	.homeFrameMotto span strong {
	 font: normal 14px StudioScriptCTT;
	}
	.homeFrameExplain {
	 width: 80%; 
	 padding-left: 10%; 
	 font: normal 14px arial; 
	}
}


.leftHomeFrameShadow {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: 78px; 
 height: 100%; 
}

.rightHomeFrameShadow {
 position: absolute; 
 top: 0px; 
 left: 100%; 
 width: 78px; 
 margin-left: -78px; 
 height: 100%; 
}


.horSep10px {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 10px; 
 font: normal 1px arial; 
}

.horSep14px {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 14px; 
 font: normal 1px arial; 
}

.horSep25px {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 25px; 
 font: normal 1px arial; 
}

.path2pageH1 {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 padding-top: 20px; 
 padding-bottom: 20px; 
 overflow: hidden; 
}

.inPathFon {
 position: absolute; 
 top: 0px; 
 left: 50%; 
 margin-left: -50px; 
 width: 563px; 
 height: 56px; 
 background: url('img/h1-line-back.gif') no-repeat top left; 
}

@media screen and (max-width: 1010px) { .inPathFon { width: 400px; } }
@media screen and (max-width: 760px) { .inPathFon { width: 300px; } }
@media screen and (max-width: 600px) { .inPathFon { width: 250px; } }
@media screen and (max-width: 400px) { .inPathFon { width: 120px; } }


.path2pageH1 h1, .path2pageH1 h2 {
 margin: 0px; 
 padding: 0px; 
 font: normal 24px arial; 
 color: rgb(227,41,38); 
}

.catsInHome {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 padding-top: 20px; 
 padding-bottom: 20px; 
 background: rgb(229,229,229); 
}

.cats2container { 
 float: left; 
 position: relative; 
 width: 1022px; 
 height: 311px; 
 overflow: hidden; 
 left: 5px; 
}

.catsALLcontainer { 
 float: left; 
 position: relative; 
 width: 1022px; 
 height: auto; 
 left: 5px; 
}


@media screen and (max-width: 1010px) {
	.cats2container, .catsALLcontainer { 
	 width: 100%; 
	 height: auto; 
	 left: 0px; 
	}
}

.left2catOrnament {
 position: absolute; 
 left: 0px; 
 width: 70px; 
 height: 140px; 
 margin-left: -70px; 
 top: 50%; 
 margin-top: -70px; 
 background: url('img/left2cat.png') no-repeat center right; 
}

.right2catOrnament {
 position: absolute; 
 left: 100%; 
 width: 70px; 
 height: 140px; 
 top: 50%; 
 margin-top: -70px; 
 background: url('img/right2cat.png') no-repeat center right; 
}

.catsALLcontainer .right2catOrnament { margin-left: -48px; }

@media screen and (max-width: 1010px) {
 .left2catOrnament, .right2catOrnament { display:none; }
}

.cat1of2home {
 float: left; 
 position: relative; 
 width: 19%; 
 padding-left: 27%; 
 margin-right: 3%; 
 height: 169px; 
 border: 1px solid rgb(227,41,38);
 background: white;
 padding-top: 140px; 
 margin-bottom: 10px; 
 font: normal 36px arial; 
 color: rgb(227,41,38); 
 cursor: pointer; 
 line-height: 30px; 
}

@media screen and (max-width: 800px) {
	.cat1of2home {
	 width: 24%; 
	 padding-left: 22%; 
	}
}

@media screen and (max-width: 600px) {
	.cat1of2home {
	 width: 41%; 
	 padding-left: 56%; 
	 margin-left: 0px; 
	}
}

@media screen and (max-width: 400px) {
	.cat1of2home {
	 width: 65%; 
	 padding-left: 34%; 
	 margin-left: 0px; 
	}
}


.cat1of2home strong {
 font: normal 24px arial; 
}

.cat1of2home a, .cat1of2home a:visited, .cat1of2home a:active {
 color: rgb(76,76,76); 
}

.cat1of2home:hover a {
 color: rgb(76,76,76); 
}

.cats2separator {
 float: left; 
 position: relative; 
 width: 32px; 
 height: 10px; 
 font: normal 1px arial; 
}

.redButton {
 float: left; 
 position: relative; 
 min-width: 105px; 
 width: auto; 
 min-height: 25px; 
 padding-top: 5px; 
 padding-left: 15px; 
 padding-right: 40px; 
 text-align: center; 
 background: rgb(228,41,36) url('img/red-button.jpg') no-repeat center right; 
 font: normal 16px arial; 
 color: white;
 margin-top: 10px; 
 cursor: pointer; 
}

@media screen and (max-width: 800px) {
	.redButton {
	 min-width: auto; 
	}
	.redInProd .redButton {
	 min-width: 105px; 
	}
}

.redButton a, .redButton a:visited, .redButton a:active {
 color: white; 
}
.redButton:hover a {
 color: rgb(228,41,36);
}

.redButton:hover {
 float: left; 
 position: relative; 
 min-width: 104px; 
 width: auto; 
 min-height: 24px; 
 padding-top: 5px; 
 padding-left: 15px; 
 padding-right: 40px; 
 text-align: center; 
 border: 1px solid rgb(228,41,36); 
 background: white url('img/read-more.jpg') no-repeat center right; 
 font: normal 16px arial; 
 color: rgb(228,41,36);
 margin-top: 10px; 
 cursor: pointer; 
}

.dotsContainer {
 float: left; 
 position: relative; 
 width: auto; 
 height: 15px; 
 padding-top: 12px; 
 padding-bottom: 20px; 
 left: 50%; 
}

.dotActive {
 float: left; 
 position: relative; 
 width: 15px; 
 height: 15px; 
 border-radius: 15px; 
 background: rgb(228,41,36);
 margin-left: 3px; 
 margin-right: 3px; 
}

.dot2click {
 float: left; 
 position: relative; 
 width: 15px; 
 height: 15px; 
 border-radius: 15px; 
 background: rgb(229,229,229);
 cursor: pointer; 
 margin-left: 3px; 
 margin-right: 3px; 
}
.dot2click:hover {
 background: rgb(189,189,189);
} 

.lineWithFon {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 overflow: hidden; 
}

.topProdsFon {
 position: absolute; 
 top: 0px; 
 margin-left: 195px; 
 left: 50%; 
 top: 0px; 
 width: 540px; 
 height: 58px; 
 background: url('img/fon-top-products.gif') no-repeat top left;
}

.prodKare {
 display: inline-block; float: none;
 width: 310px; 
 margin-right: 24px; 
 height: 374px; 
 padding-top: 11px; 
 padding-left: 14px; 
 padding-right: 14px; 
 padding-bottom: 21px; 
 border: 1px solid rgb(204,204,204); 
 margin-bottom: 12px; 
 background: white; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
}

.swiper-slide .prodKare {  }

@media screen and (max-width: 359px) {
	.prodKare {
	 margin-right: 0px; 
	}
}

@media screen and (max-width: 315px) {
	.prodKare {
	 width: 240px;
	 padding-left: 5px; 
	 padding-right: 5px; 
	}
}

.prodKare:hover {
 border: 1px solid rgb(228,41,36);
  -webkit-box-shadow: 0px 0px 3px 3px rgb(228,41,36,0.4);
 -moz-box-shadow: 0px 0px 3px 3px rgb(228,41,36,0.4);
 box-shadow: 0px 0px 3px 3px rgb(228,41,36,0.4);
}

.prodImg {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 225px; 
 overflow: hidden; 
 background: rgb(250,250,250); 
 cursor: pointer; 
}

.prodImg img, .mostSoldPic img { max-width: 100%; height: auto; max-height: 100%; }
/* .mostSoldKare:hover .mostSoldPic img, .prodKare:hover .prodImg img { width: 102%; margin-left: -1%; } */

.productName {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 40px; 
 padding-top: 12px; 
 font: normal 16px arial; 
 line-height: 20px; 
 color: rgb(76,76,76); 
 text-align: center; 
}
.productName a, .productName a:visited, .productName a:active {
 color: rgb(76,76,76); 
} 
.productName:hover a {
 color: rgb(76,76,76); 
}
.productPrice {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 30px; 
 padding-top: 2px; 
 font: normal 20px arial; 
 color: rgb(76,76,76); 
 text-align: center; 
}

.productPrice span {
 text-decoration: line-through; 
 font: normal 20px arial; 
}

.productPrice span.priceEUR, .prodPriceInProdPage span.priceEUR {
 text-decoration: none; 
 font: normal 20px arial;
 color: rgb(160,160,160); 
}



.redInProd {
 float: left; 
 position: relative; 
 width: auto; 
 height: auto; 
 left: 50%; 
 margin-left: -80px; 
}

.flw100plus28 {
 width: 1018px; 
 float: left; 
 position: relative; 
 height: auto; 
 text-align: center; 
}


.right2rowsInCat {
 position: absolute; 
 top: 0px; 
 left: 100%; 
 width: 279px; 
 height: 709px; 
 margin-left: -25px; 
 background: url('img/right2-2prodrows.gif') no-repeat top left; 
}



@media screen and (max-width: 1010px) {
	.flw100plus28 {
	 width: 676px; 
	 left: 50%; 
	 margin-left: -338px; 
	}
}

@media screen and (max-width: 690px) {
	.flw100plus28 {
	 width: 338px; 
	 left: 50%; 
	 margin-left: -169px; 
	}
}

@media screen and (max-width: 359px) {
	.flw100plus28 {
	 width: 100%; 
	 left: 0px; 
	 margin-left: 0px; 
	}
	.right2rowsInCat {
	 display: none; 
	}
}

.prodSep {
 float: left; 
 position: relative; 
 width: 28px; 
 height: 50px; 
 font: normal 1px arial; 
}

.left2rows2 {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: 279px; 
 height: 709px; 
 margin-left: -279px; 
 background: url('img/left2-2prodrows.gif') no-repeat top right; 
}

.right2rows2 {
 position: absolute; 
 top: 0px; 
 left: 100%; 
 width: 279px; 
 height: 709px; 
 margin-left: -62px; 
 background: url('img/right2-2prodrows.gif') no-repeat top right; 
}

.right2rows2.margMove { margin-left: -30px!important;  }

#prodSlide1, #prodSlide2, #prodSlide3, #prodSlide4, #prodSlide5, #prodSlide6, #prodSlide7, #prodSlide8 {
	width: 100%; 
	height: auto; 
} 

@media screen and (max-width: 1010px) {
	#prodSlide1, #prodSlide2, #prodSlide3, #prodSlide4, #prodSlide5, #prodSlide6, #prodSlide7, #prodSlide8 {
	 width: 680px; 
	 left: 50%; 
	 margin-left: -340px; 
	 height: auto; 
	}
}

@media screen and (max-width: 694px) {
	#prodSlide1, #prodSlide2, #prodSlide3, #prodSlide4, #prodSlide5, #prodSlide6, #prodSlide7, #prodSlide8 {
	 width: 340px; 
	 left: 50%; 
	 margin-left: -170px; 
	 height: auto; 
	}
}

@media screen and (max-width: 347px) {
	#prodSlide1, #prodSlide2, #prodSlide3, #prodSlide4, #prodSlide5, #prodSlide6, #prodSlide7, #prodSlide8 {
	 width: 100%; 
	 left: 0%; 
	 margin-left: 0px; 
	 height: auto; 
	}
}

@media screen and (max-width: 1010px) {
	.left2rows2, .right2rows2 {
	 display: none; 
	}
}

.theBenefits {
 width: 100%; 
 height: auto;
 padding-bottom: 20px; 
 background: rgb(197,204,207) url('img/befits.jpg') repeat-y top center;
}

.theFooter {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 padding-top: 14px; 
 border-top: 5px solid rgb(154,154,154); 
 background: url('img/foot-footer.gif') no-repeat bottom center;
 padding-bottom: 14px; 
}

.menuDown {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 text-align: center; 
 padding-bottom: 14px; 
 color: rgb(153,153,153); 
 font: normal 14px arial; 
}

.menuDown a, .menuDown span {
 margin-left: 12px; 
 margin-right: 12px; 
}

.menuDown a, .menuDown a:visited, .menuDown a:active {
 color: rgb(153,153,153); 
} 
.menuDown a:hover {
 color: rgb(227,41,38); 
}

.newsSection {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 border: 1px solid rgb(204,204,204); 
 padding-top: 8px; 
 padding-bottom: 15px; 
 text-align: center; 
 color: rgb(127,127,127); 
 font: normal 14px arial; 
}

.newsSection span {
 font: normal 24px arial; 
 color: rgb(227,41,38); 
}

.newsSection input {
 width: 157px; 
 height: 24px; 
 border: 1px solid rgb(204,204,204); 
 color: rgb(127,127,127); 
 margin-right: 6px; 
 margin-top: 10px; 
 padding-left: 10px; 
}

.newsSection span input {
 width: 165px; 
 height: 28px; 
 text-align: center; 
 padding: 0px; 
 background: rgb(228,41,36) url('img/red-button.jpg') no-repeat center right; 
 font: normal 16px arial; 
 color: white;
 border: 1px solid rgb(228,41,36); 
 cursor: pointer; 
}
.newsSection span input:hover { 
 width: 165px; 
 height: 28px; 
 text-align: center; 
 padding: 0px; 
 background: white url('img/read-more.jpg') no-repeat center right; 
 font: normal 16px arial; 
 color: rgb(228,41,36);
 border: 1px solid rgb(228,41,36); 
 cursor: pointer; 
}

.catsAgain {
 float: left; 
 position: relaive; 
 width: 76%; 
 padding-left: 12%; 
 padding-right: 12%; 
 height: auto; 
 padding-bottom: 20px; 
 text-align: center; 
 color: rgb(153,153,153);
 font: normal 14px arial; 
 line-height: 35px; 
}


.catsAgain a, .catsAgain a:visited, .catsAgain a:active {
 color: rgb(153,153,153);
 margin-left: 30px; 
}
.catsAgain a:hover {
 color: rgb(227,41,38); 
} 

.paymentOPtions { 
 float: left; 
 position: relative; 
 width: 60%; 
 padding-left: 20%; 
 padding-right: 20%; 
 height: auto; 
 text-align: center; 
 font: normal 11px arial; 
 color: rgb(153,153,153); 
}

.paymentOPtions img {
 margin-right: 15px; 
 margin-bottom: 5px; 
 max-width: 100%; 
 height: auto; 
}

.paymentOPtions a, .paymentOPtions a:visited, .paymentOPtions a:active {
 color: rgb(100,100,100); 
}

.designLink {
 text-align: center; 
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 font: normal 12px arial; 
 color: rgb(153,153,153);
 padding-top: 20px; 
}

.designLink a, .designLink a:visited, .designLink a:active {
 color: rgb(153,153,153);
}
.designLink a:hover, .paymentOPtions a:hover {
 color: rgb(227,41,38); 
}

.benefit1 {
 margin-left: 22px; 
 margin-top: 24px; 
 width: 306px; 
 border: 1px solid rgb(230,230,230); 
 padding-top: 73px; 
 height: 137px;
 background: white; 
 overflow: hidden; 
 text-align: center; 
 margin-right: 12px; 
 float: left; 
 position: relative; 
}
.benefit2 {
 margin-top: 24px; 
 width: 306px; 
 border: 1px solid rgb(230,230,230); 
 padding-top: 73px; 
 height: 137px;
 background: white; 
 overflow: hidden; 
 text-align: center; 
 margin-right: 12px; 
 float: left; 
 position: relative; 
}
.benefit3 {
 margin-top: 24px; 
 width: 306px; 
 border: 1px solid rgb(230,230,230); 
 padding-top: 73px; 
 height: 137px;
 background: white; 
 overflow: hidden; 
 text-align: center; 
 margin-right: 12px; 
 float: left; 
 position: relative; 
}

@media screen and (max-width: 1000px) {
	.benefit1, .benefit2, .benefit3 {
	 width: 100%; 
	 margin-bottom: 28px; 
	 margin-left: 0px; 
	 margin-right: 0px; 
	 border-left: 0px; 
	 border-right: 0px; 
	 border-top: 1px solid rgb(230,230,230); 
	 border-bottom: 1px solid rgb(230,230,230); 
	}
}


.benefitPic {
 position: absolute; 
 top: 0px; 
 left: 50%; 
 margin-left: -153px; 
 width: auto; 
 height: auto; 
}

.benefit1 strong, .benefit2 strong, .benefit3 strong {
 font: normal 24px arial; 
 color: rgb(227,41,38); 
}

.benefit1, .benefit2, .benefit3 {
 color: rgb(76,76,76); 
 font: normal 12px arial; 
}

.readMore {
 float: left; 
 position: relative; 
 width: 105px; 
 height: 25px; 
 padding-top: 5px; 
 padding-left: 15px; 
 padding-right: 40px; 
 text-align: center; 
 border: 1px solid rgb(228,41,36);
 background: white url('img/read-more.jpg') no-repeat center right; 
 font: normal 16px arial; 
 color: rgb(228,41,36);
 margin-top: 10px; 
 cursor: pointer; 
}
.readMore:hover {
 float: left; 
 position: relative; 
 width: 105px; 
 height: 25px; 
 padding-top: 5px; 
 padding-left: 15px; 
 padding-right: 40px; 
 text-align: center; 
 border: 1px solid rgb(228,41,36);
 background: rgb(228,41,36) url('img/red-button.jpg') no-repeat center right; 
 font: normal 16px arial; 
 color: white;
 margin-top: 10px; 
 cursor: pointer; 
} 

.aboutUsLine {
 float: left; 
 position: relative; 
 width: 100%; 
 min-height: 495px; 
 background: rgb(202,207,210) url('img/about-fon.jpg') repeat-y top center;  
}

.deliveryLine {
 float: left; 
 position: relative; 
 width: 100%; 
 min-height: 495px; 
 overflow: hidden; 
 background: rgb(202,207,210) url('img/delivery-fon.jpg') repeat-y top center;  
}

.textOnPage {
 float: left; 
 position: relative; 
 width: 990px; 
 height: auto; 
 left: 50%; 
 margin-left: -490px; 
 text-align: justify; 
 font: normal 12px arial; 
 color: rgb(82,82,82); 
 padding-top: 20px; 
 padding-bottom: 20px; 
}

@media screen and (max-width: 1000px) {
	.textOnPage {
	 width: 98%; 
	 left: 0px; 
	 margin-left: 0px; 
	 padding-left: 1%; 
	 padding-right: 1%; 
	}
}

.aboutTextOverPic {
 position: relative; 
 float: left;
 width: 435px; 
 height: auto; 
 min-height: 455px; 
 margin-top: 17px; 
 left: 50%; 
 margin-left: -490px; 
 font: normal 13px arial; 
 color: rgb(82,82,82); 
}

@media screen and (max-width: 1000px) {
	.aboutTextOverPic {
	 left: 2%; 
	 margin-left: 0px; 
	 width: 50%; 
	 height: auto; 
	 padding-bottom: 10px; 
	}
}

@media screen and (max-width: 799px) {
	.aboutTextOverPic {
	 left: 2%; 
	 margin-left: 0px; 
	 width: 70%; 
	 height: auto; 
	 padding-bottom: 10px; 
	 color: black; 
	}
}

.pathOverPic {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 color: white; 
 font: normal 12px arial; 
}

.pathOverPic a, .pathOverPic a:visited, .pathOverPic a:active {
 color: white; 
}
.pathOverPic a:hover {
 color: rgb(227,41,38); 
}

.pathOverPic h1, .pathOverPic h2 {
 margin: 0px; 
 padding-top: 10px; 
 padding-bottom: 25px; 
 font: normal 24px arial; 
 color: rgb(227,41,38); 
}

.contFormOverPic {
 float: left;
 position: relative; 
 width: 1005px; 
 left: 50%; 
 margin-left: -490px; 
 min-height: 455px; 
 top: 17px; 
 font: normal 13px arial; 
 color: rgb(82,82,82); 
}

@media screen and (max-width: 1000px) {
	.contFormOverPic {
	 width: 98%; 
	 padding-left: 1%; 
	 left: 0px; 
	 margin-left: 0px; 
	 padding-bottom: 10px; 
	}
}

.contFormLeft {
 float: left; 
 position: relative; 
 width: 34%; 
 padding-right: 7%; 
 height: auto; 
 padding-top: 20px; 
 font: normal 16px arial; 
 color: rgb(76,76,76);
}

.contFormLeft input {
 width: 98%; 
 height: 23px; 
 background: white; 
 border: 1px solid white; 
 color: rgb(76,76,76); 
 font: normal 16px arial; 
 margin-top: 5px; 
 margin-bottom: 10px; 
}

.contFormLeft .flw100 .flwA { 
 width: 100%; 
}

.secureInput {
 float: right; 
 position: relative; 
 width: 150px; 
 height: auto; 
 text-align: right; 
}

.secureInput input  {
 width: 135px; 
 height: 23px; 
 background: white; 
 border: 1px solid white; 
 color: rgb(76,76,76); 
 font: normal 16px arial; 
 margin-top: 5px; 
 margin-bottom: 10px; 
}                                                     

.contFormRight {
 float: left; 
 position: relative; 
 width: 59%;
 height: auto; 
 padding-top: 20px; 
 font: normal 16px arial; 
 color: rgb(76,76,76);
}

@media screen and (max-width: 599px) {
	.contFormLeft, .contFormRight {
	 width: 90%; 
	 padding-right: 3%;
	}
}

.contFormRight textarea {	
 width: 98%; 
 height: 268px; 
 background: white; 
 border: 1px solid white; 
 color: rgb(76,76,76); 
 font: normal 16px arial; 
 margin-top: 5px; 
 margin-bottom: 10px; 
 overflow: auto; 
}

.contFormAlerter {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 font: bold 14px arial; 
 color: rgb(227,41,38); 
 text-align: right; 
}

.contFormRight input {
 width: 165px; 
 height: 28px; 
 text-align: center; 
 padding: 0px; 
 background: rgb(228,41,36) url('img/red-button.jpg') no-repeat center right; 
 font: normal 16px arial; 
 color: white;
 border: 1px solid rgb(228,41,36); 
}

.contFormRes {
 position: absolute; 
 width: 100%; 
 top: 0px; 
 left: 0px; 
 height: auto; 
 font: bold 14px arial; 
 color: rgb(227,41,38); 
 text-align: left; 
 margin-top: -10px; 
}

.pathInGTC {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 padding-top: 20px; 
 padding-bottom: 10px;  
 font: normal 12px arial; 
 color: rgb(127,127,127); 
}

.pathInGTC h1, .pathInGTC h2 {
 margin: 0px; 
 padding-top: 5px; 
 padding-bottom: 0px; 
 font: normal 24px arial; 
 color: rgb(227,41,38); 
} 

.pathInGTC a, .pathInGTC a:visited, .pathInGTC a:active {
 color: rgb(127,127,127); 
}
.pathInGTC a:hover {
 color: rgb(227,41,38); 
} 

.textGTC {
 float: left; 
 position: relative; 
 width: 98%; 
 height: auto; 
 padding-left: 1%; 
 text-align: justify; 
 font: normal 12px arial; 
 color: rgb(82,82,82); 
 padding-top: 0px; 
 padding-bottom: 20px; 
}

.smallTopFon {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 45px; 
 background: rgb(202,207,210) url('img/small-top-fon.jpg') no-repeat top center; 
}

.morePages {
 float: left; 
 position: relative; 
 width: auto; 
 height: auto; 
 padding-top: 4px; 
 padding-bottom: 4px; 
 padding-left: 5px; 
 padding-right: 5px; 
 background: rgb(204,204,204); 
 margin-bottom: 25px; 
 font: bold 14px arial; 
 color: rgb(227,41,38); 
}

.morePages a, .morePages a:visited, .morePages a:active {
 font: normal 14px arial; 
 color: white; 
 margin-right: 3px; 
 margin-left: 2px; 
}
.morePages img {
 vertical-align: middle; 
 margin-left: 4px; 
 margin-right: 4px; 
}

.morePages span {
 margin-right: 3px; 
 margin-left: 2px; 
}
.morePages a:hover {
 color: rgb(227,41,38);  
}

.mostSold {
 float: left; 
 position: relative; 
 width: 100%; 
 min-height: 307px;
 padding-top: 21px; 
 background: rgb(198,203,206) url('img/most-sold.jpg') repeat-y top center;
}

.mostSoldKare {
 float: left; 
 position: relative; 
 width: 211px; 
 padding-top: 10px; 
 padding-left: 12px; 
 padding-right: 12px; 
 height: 274px; 
 border: 1px solid rgb(148,148,148); 
 background: white;
 cursor: pointer; 
 margin-bottom: 10px; 
 margin-right: 10px; 
}

@media screen and (max-width: 989px) {
	.mostSold .fullWidth {
	 width: 494px; 
	 left: 50%; 
	 margin-left: -247px; 
	}
}

@media screen and (max-width: 490px) {
	.mostSold .fullWidth {
	 width: 248px; 
	 left: 50%; 
	 margin-left: -124px; 
	}
}

.mostSoldKare:hover {
 border: 1px solid rgb(228,41,36); 
 -webkit-box-shadow: 0px 0px 3px 3px rgb(228,41,36,0.4);
 -moz-box-shadow: 0px 0px 3px 3px rgb(228,41,36,0.4);
 box-shadow: 0px 0px 3px 3px rgb(228,41,36,0.4);
}

.mostSoldSep {
 float: left; 
 position: relative; 
 width: 10px; 
 height: 100px; 
}

.mostSoldPic {
 float: left; 
 position: relative; 
 width: 210px; 
 height: 165px; 
 overflow: hidden; 
 background: rgb(250,250,250);  
}

.prodImgCol {
 float: left; 
 position: relative; 
 width: 510px; 
 height: auto; 
 padding-bottom: 20px; 
 padding-top: 0px; 
}

.prodImgBigPic {
 width: 489px; 
 height: 495px; 
 border: 1px solid rgb(204,204,204);
 overflow: hidden; 
 font: normal 14px arial; 
}

@media screen and (max-width: 520px) {
	.prodImgCol {
	 width: 100%; 
	}
	.prodImgBigPic img {
	 max-width: 100%; 
	 height: auto; 
	}
	.prodImgBigPic {
	 width: 98%; 
	 margin-left: 1%; 
	 height: auto; 
	 overflow: none; 
	}
	div#zoomHider1 {
	 display: none; 
	}
}

@media screen and (max-width: 420px) {\ 
	div#zoomContainer1, div#zoomHere1 {
	 width: 100%; 
	 margin-left: -100px; 
	 float: left; 
	 position: relative; 
	 height: auto; 
	}
}

.prodThumb {
 float: left; 
 position: relative; 
 width: 97px; 
 height: 117px; 
 border: 1px solid rgb(204,204,204);
 overflow: hidden; 
 margin-right: 12px; 
 margin-bottom: 10px; 
 cursor: pointer; 
}
.prodThumb:hover {
 border: 1px solid rgb(153,153,153); 
}

.left2bigProdPic {
 position: absolute; 
 top: 367px; 
 left: 0px; 
 margin-left: -94px; 
 background: url('img/left2bigpic.png') no-repeat top right;
 width: 94px; 
 height: 132px; 
}

.prodmainText {
 float: left; 
 position: relative; 
 width: 420px; 
 max-width: calc(100% - 570px);
 height: auto; 
 font: normal 14px arial; 
 color: rgb(76,76,76); 
}

.flw100arial {
 width: 100%; 
 float: left; 
 position: relative; 
 font: normal 14px arial !important; 
 color: rgb(76,76,76) !important; 
}

.prodmainText h1 {
 margin: 0px; 
 padding: 0px; 
 font: normal 24px arial; 
 color: rgb(227,41,38); 
}

.prodNum {
 float: left; 
 position: relative; 
 height: auto; 
 width: 100%; 
 padding-bottom: 2px; 
 font: bold 14px arial; 
 color: rgb(76,76,76); 
}

.prodPriceInProdPage {
 padding-top: 10px; 
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 padding-bottom: 20px; 
}

.prodPriceInProdPage span {
 font: normal 24px arial; 
 color: rgb(227,41,38); 
}

.inProdRight {
 position: absolute; 
 top: 0px; 
 left: 390px; 
 width: 119px; 
 height: 111px; 
 background: url('img/in-prod-right.jpg') no-repeat top left;
}

.delivInProduct {
 width: 100%; 
}

.delivReadMore {
 display: none; 
}

@media screen and (max-width: 780px) {
	.delivReadMore {
	 display: inline; 
	 padding-top: 5px; 
	 padding-bottom: 10px; 
	 color: rgb(228,41,36); 
	 cursor: pointer; 
	}
	.delivInProduct { 
	 max-height: 42px; 
	 overflow: hidden; 
	}
	.prodmainText {
	 width: 100%; 
	 max-width: 100%;
	}
	.inProdRight {
	 display: none; 
	}
}

.li4noPoslanie { 
 width: 100%; 
 height: auto; 
 padding-top: 40px; 
}

@media screen and (max-width: 1000px) {
	.li4noPoslanie { 
	 width: 100%; 
	 float: left; 
	 position: relative; 
	 padding-top: 20px; 
	 top: 0px; 
	 padding-bottom: 15px; 
	}
}

.li4noPoslanie input {
 width: 97%; 
 height: 24px; 
 border: 1px solid rgb(204,204,204); 
 color: rgb(127,127,127); 
 margin-bottom: 7px; 
 margin-top: 10px; 
 padding-left: 2%; 
}

.li4noPoslanie textarea {
 width: 97%; 
 height: 130px; 
 border: 1px solid rgb(204,204,204); 
 color: rgb(127,127,127); 
 margin-bottom: 7px; 
 margin-top: 10px; 
 padding-left: 2%; 
 overflow: auto; 
}

.addGreetCard {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto;
 padding-top: 21px; 
 background: rgb(229,229,229);
}

.greetCardContainer {
 float: left; 
 position: relative; 
 width: 230px; 
 margin-right: 10px; 
 height: auto; 
 min-height: 345px; 
 padding-bottom: 20px; 
}

.greetingCard {
 float: left; 
 position: relative; 
 width: 220px; 
 height: 265px; 
 border: 1px solid rgb(148,148,148); 
 background: white;
 cursor: pointer; 
}

.greetCardContainer .flw100 {
 padding-top: 10px; 
}

.greetCardBox {
 float: left; 
 position: relative; 
 width: 26px; 
 height: 28px; 
 border: 1px solid rgb(148,148,148); 
 background: white; 
 color: white; 
 font: bold 22x arial; 
 text-align: center; 
 cursor: pointer; 
 margin-right: 5px; 
 margin-bottom: 3px; 
}

.greetCardBoxChecked {
 float: left; 
 position: relative; 
 width: 26px; 
 height: 28px; 
 border: 1px solid rgb(148,148,148); 
 background: white; 
 color: rgb(148,148,148); 
 font: bold 22px arial; 
 text-align: center; 
 cursor: pointer; 
 margin-right: 5px; 
 margin-bottom: 3px; 
}

.greetCardName {
 float: right; 
 position: relative; 
 width: 190px; 
 height: auto; 
 font: normal 14px arial; 
}

.chooseOthValuta {
 position: absolute; 
 top: 15px; 
 left: 0px; 
 width: 155px; 
 height: auto; 
 border: 1px solid rgb(178,178,178);
 background: white; 
 z-index: 200; 
 padding: 10px; 
 text-align: left;
 color: rgb(178,178,178); 
 font: normal 14px arial; 
 line-height: 16px; 
}

@media screen and (max-width: 1200px) {
 .chooseOthValuta {
  left: -125px; 
 }
}

.chooseOthValuta strong { 
 font: normal 14px arial; 
 color: rgb(227,41,38); 
 display: inline-block; 
 width: 100%; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
		  padding: 5px 10px; 
 border-top: 1px solid rgb(220,220,220); 
}

.chooseOthValuta a, .chooseOthValuta a:visited, .chooseOthValuta a:active {
 color: rgb(178,178,178); 
 display: inline-block; 
 width: 100%; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
  padding: 5px 10px; 
  border-top: 1px solid rgb(220,220,220); 
}
.chooseOthValuta a:hover {
 color: black; 
}

.newAddrLeft {
 float: left; 
 position: relative; 
 width: 50%; 
 height: auto; 
}

.newAddrLeft .flw100 .flwA {
 width: 100%; 
}

.orderAddrRight {
 float: right; 
 position: relative; 
 width: 43%; 
 height: auto; 
}

.newAddrLeft input, .orderAddrRight input {
 width: 85%; 
 height: 24px; 
 background: white; 
 border: 1px solid rgb(204,204,204); 
 color: rgb(76,76,76); 
 font: normal 16px arial; 
 margin-top: 5px; 
 margin-bottom: 22px;  
}

.newEcontAddress input {
 width: 98%; 
 height: 24px; 
 background: white; 
 border: 1px solid rgb(204,204,204); 
 color: rgb(76,76,76); 
 font: normal 16px arial; 
 margin-top: 5px; 
 margin-bottom: 22px;  
}

.econt_delivery_radios { width: 100%; }

.econt_reg_select, .econt_reg_select_input, .econt_city_select, .econt_city_select_input, .econt_street_select_input, .econt_quarter_select, .econt_quarter_select_input, .econt_other_select, .econt_street_select
{
 width: 80%; 
}

.econt_streetnum_select, .econt_streetnum_select_input {
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
 width: 20%; 
}

.econt_street_select_input .flwA.elementFloat, 
.econt_quarter_select_input .flwA.elementFloat,
.econt_city_select_input .flwA.elementFloat, .econt_reg_select_input .flwA.elementFloat {
 width: 100%; 
}

.datalist-dropdown { margin-top: -20px; }
.flexdatalist-results { font-family: arial, helvetica, sans-serif; }

.newAddrRight { 
 float: right; 
 position: relative; 
 width: 46%; 
 height: auto; 
}

.newAddrRight textarea {
 width: 98%; 
 height: 165px; 
 overflow: auto; 
 background: white; 
 border: 1px solid rgb(204,204,204); 
 color: rgb(76,76,76); 
 font: normal 16px arial; 
 margin-top: 5px; 
 margin-bottom: 20px;  
}

.orderAddButtons {
 width: 100%; 
 text-align: right; 
}

.newAddrRight input, .orderAddButtons input {
 width: 235px; 
 height: 28px; 
 text-align: center; 
 padding: 0px; 
 background: rgb(127,127,127) url('img/grey-button-arrow.jpg') no-repeat center right; 
 font: normal 16px arial; 
 color: white;
 border: 1px solid rgb(127,127,127); 
}
.orderAddButtons input:hover {
 opacity: 0.9; 
}

.newAddrRight span input, .orderAddButtons span input  {
 width: 235px; 
 height: 28px; 
 text-align: center; 
 padding: 0px; 
 margin-left: 10px; 
 background: rgb(228,41,36) url('img/red-button.jpg') no-repeat center right; 
 font: normal 16px arial; 
 color: white;
 border: 1px solid rgb(228,41,36); 
} 

.newAddrRight span input:hover, .orderAddButtons span input:hover  {
 opacity: 0.9;
}

.orderAddButtons span input:disabled {
 opacity: 0.6;
}

@media screen and (max-width: 799px) {
	.orderAddButtons { 
	 text-align: left; 
	}
	.newAddrRight input, .orderAddButtons input, .newAddrRight span input, .orderAddButtons span input {
	 margin-bottom: 10px; 
	 margin-left: 0px; 
	 margin-right: 10px; 
	}
}

@media screen and (max-width: 399px) {
	.newAddrRight, .newAddrLeft {
	 width: 100%; 
	 float: left; 
	}
	.newAddrRight textarea {
	 width: 85%; 
	}
}

.addressInCart {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 padding-bottom: 18px; 
 border-bottom: 2px solid rgb(210,210,210); 
 margin-bottom: 7px; 
}

.addressInCart input {
 width: 230px; 
 height: 24px; 
 border: 1px solid rgb(204,204,204); 
 color: rgb(127,127,127); 
 margin-left: 6px; 
 margin-bottom: 7px; 
 padding-left: 10px; 
}

.addressInCart .divRighter {
 text-align: right; 
}

@media screen and (max-width: 599px) {
	.addressInCart .flw50, .pathInGTC .flw50 {
	 width: 100%; 
	}
	.addressInCart .flw50 .divRighter, .pathInGTC .newAddrRight , .pathInGTC .newAddrRight  .divRighter {
	 width: 100%; 
	 float: left; 
	 text-align: left; 
	}
	.addressInCart input {
	 margin-left: 0px; 
	 margin-top: 5px; 
	}
}

.prodsByAddress {
 float: left; 
 position: relative; 
 width: 98%; 
 height: auto; 
 padding-left: 1%; 
 padding-right: 1%; 
 padding-top: 10px; 
 padding-bottom: 5px; 
 background: rgb(229,229,229); 
}

.itemInCart {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 padding-top: 6px; 
 padding-bottom: 6px; 
 border-bottom: 8px solid white; 
}

.itemInCartPic {
 float: left; 
 position: relative; 
 width: 260px; 
 height: 222px; 
 border: 1px solid rgb(204,204,204);
 overflow: hidden; 
}

.itemInCartText {
 float: left; 
 position: relative; 
 width: 690px; 
 height: 230px; 
 max-width: calc(100% - 300px); 
 overflow: auto; 
 top: 5px; 
 padding-left: 10px; 
 font: normal 14px arial; 
 color: rgb(76,76,76); 
}


.itemInCartText .flw100 {
 padding-bottom: 3px; 
}

.persNoteInCart {
 float: left; 
 position: relative; 
 width: 50%;
 height: 70px; 
 overflow: auto; 
}

.cartButtons {
 position: absolute; 
 left: 100%; 
 width: 230px; 
 top: 185px; 
 margin-left: -230px; 
 height: auto; 
}

@media screen and (max-width: 720px) {
	.itemInCartText {
	 height: auto; 
	 width: 98%; 
	 max-width: 98%; 
	 height: auto; 
	 padding-bottom: 10px; 
	 padding-left: 1%; 
	}
	.persNoteInCart {
	 height: auto; 
	}
}

@media screen and (max-width: 420px) {
	.itemInCartText .flw50, .itemInCartText .divRighter {
	 height: auto; 
	 width: 100%; 
	 text-align: left; 
	 padding-bottom: 3px; 
	}
	.orderAddrRight {
	 width: 100%; 
	}
}

.cartRemoveItem {
 float: left; 
 position: relative; 
 width: 155px; 
 padding-left: 30px; 
 padding-right: 45px; 
 padding-top: 4px; 
 height: 27px; 
 margin-bottom: 5px; 
 background: white url('img/remove-back.jpg') no-repeat center right; 
 cursor: pointer; 
 font: normal 18px arial; 
 color: rgb(204,204,204); 
}

.cartUpdateItem {
 float: left; 
 position: relative; 
 width: 155px; 
 padding-left: 30px; 
 padding-right: 45px; 
 padding-top: 4px; 
 height: 27px; 
 background: rgb(153,153,153) url('img/update-back.jpg') no-repeat center right; 
 cursor: pointer; 
 font: normal 18px arial; 
 color: white; 
}

.payWayRadios {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 padding-top: 5px; 
 padding-bottom: 20px; 
}

.payWayRadios .flwA {
 max-width: cacl(100% - 15px); 
}
.payWayRadios .flwA  img {
 max-width: 100%; 
 height: auto; 
}

.payWayRadios input {
 width: 15px; 
 height: 15px; 
 background: rgb(204,204,204);
}

.payWayExplain {
 float: left; 
 position: relative; 
 width: 79%; 
 border: 1px solid rgb(204,204,204); 
 padding-top: 10px; 
 padding-bottom: 10px; 
 padding-left: 10%; 
 padding-right: 10%; 
 height: 94px; 
 overflow: auto; 
 text-align: justify; 
 font: normal 12px arial; 
 color: rgb(76,76,76); 
 margin-bottom: 5px; 
}

.payWayRadios .dotActive, .payWayRadios .dot2click {
 margin-right: 5px; 
}
.payWayRadios .flwA {
 margin-left: 10px; 
 margin-right: 20px; 
}

.payWayRadios img {
 cursor: pointer; 
}

.chooseAddrOrTypeNew {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 padding-bottom: 15px; 
 font: bold 14px arial; 
 color: rgb(76,76,76); 
}

.addressRadio {
 float: left; 
 position: relative; 
 width: 40px; 
 height: auto; 
 text-align: center; 
}

.addressAddress {
 float: left; 
 position: relative; 
 width: 330px; 
 max-width: calc(100% - 45px);
 height: auto; 
 padding-left: 5px; 
 padding-bottom: 15px; 
}

.benefitInDetails {
 float: left; 
 position: relative; 
 width: 79%; 
 height: auto; 
 padding-top: 323px; 
 padding-bottom: 50px; 
 border: 1px solid rgb(204,204,204);
 padding-left: 10%; 
 padding-right: 10%; 
 margin-bottom: 20px; 
 font: normal 13px arial; 
 color: rgb(76,76,76); 
 overflow: hidden; 
}


.inOpenBenefitTitle {
 position: absolute; 
 top: 180px; 
 left: 0px; 
 width: 100%; 
 height: auto; 
 font: normal 13px arial; 
 color: rgb(76,76,76); 
 text-align: center; 
}

@media screen and (max-width: 599px) {
	.benefitInDetails {
	 padding-top: 150px; 
	}
	.inOpenBenefitTitle {
	 top: 20px; 
	}
 
}

.inOpenBenefitTitle h2 {
 margin: 0px; 
 padding: 0px; 
 font: normal 24px arial; 
 color: rgb(227,41,38); 
}

.topAdvert {
 position: fixed; 
 left: 50%; 
 width: 600px; 
 top: 150px; 
 padding-top: 15px; 
 padding-bottom: 25px; 
 padding-left: 50px; 
 padding-right: 50px; 
 margin-left: -350px; 
 height: auto;
 min-height: 300px; 
 border: 1px solid rgb(204,204,204); 
 background: white; 
 color: rgb(82,82,82);
 font: normal 14px arial; 
 -moz-box-shadow: 10px 10px 30px rgb(76,76,76);
 -webkit-box-shadow: 10px 10px 30px rgb(76,76,76);
 box-shadow: 10px 10px 30px rgb(76,76,76);
}

.closeAdvert {
 position: absolute; 
 top: 5px; 
 left: 100%; 
 margin-left: -40px; 
 width: auto; 
 height: auto; 
 font: normal 28px tahoma; 
 cursor: pointer; 
 color: rgb(180,180,180); 
}

.closeAdvert:hover {
 color: black; 
}

.topAdvert h2 { 
 margin-left: 0px; 
 margin-top: 7px; 
 margin-bottom: 25px; 
 padding: 0px; 
 font: normal 24px arial; 
 color: rgb(227,41,38); 
}

.topAdvert strong {
 font: normal 18px arial; 
}

.topAdvert p {
 padding-bottom: 10px; 
}

.fb-share-button, .fb-like {
 min-width: 40px; 
 width: auto; 
 height: auto; 
 min-height: 12px; 
}

.noAvailInCat {
 position: absolute; 
 left: 100%;
 margin-left: -125px; 
 top: 10px; 
 width: 80px; 
 height: 55px;
 padding-top: 25px; 
 border: 14px solid rgb(229,229,229);  
 border-radius: 53px; 
 background: white; 
 text-align: center; 
 font: normal 13px arial; 
 color: rgb(76,76,76);  
}

.noAvailInCatGR {
 position: absolute; 
 left: 100%;
 margin-left: -100px; 
 top: 20px; 
 width: 80px; 
 height: 55px;
 padding-top: 25px;   
 border-radius: 53px; 
 background: rgb(229,229,229); 
 text-align: center; 
 font: normal 13px arial; 
 color: rgb(228,41,36);  
}
.noAvailInCatReal {
 position: absolute; 
 left: 100%;
 margin-left: -100px; 
 top: 20px; 
 width: 80px; 
 height: 55px;
 padding-top: 25px;   
 border-radius: 53px; 
 background: rgb(199,199,199); 
 text-align: center; 
 font: normal 13px arial; 
 color: rgb(76,76,76);  
}

.martOfTheDay {
 position: absolute; 
 left: 100%;
 margin-left: -100px; 
 top: 120px; 
 width: 80px; 
 height: 55px;
 padding-top: 25px;   
 border-radius: 53px; 
 background: rgb(227,41,38); 
 text-align: center; 
 font: normal 13px arial; 
 color: white;  
}

.mostSoldPic .martOfTheDay { 
 top: 80px; 
}

.scrollAdvert {
 position: fixed; 
 left: 99%; 
 width: 80px; 
 top: 195px; 
 height: auto; 
 padding-top: 15px; 
 padding-bottom: 15px; 
 padding-left: 15px; 
 padding-right: 15px; 
 margin-left: -111px; 
 height: auto;
 text-align: center; 
 border-left: 1px solid rgb(204,204,204); 
 border-top: 1px solid rgb(204,204,204); 
 border-bottom: 1px solid rgb(204,204,204); 
 background: white; 
 color: rgb(82,82,82);
 font: normal 12px arial; 
}

@media screen and (max-width: 790px) {
	.topAdvert, .scrollAdvert {
	 width: 90%; 
	 float: left; 
	 position: relative; 
	 border-left: 0px; 
	 padding-left: 5%; 
	 padding-right: 5%; 
	 top: 0px; 
	 left: 0px; 
	 margin-left: 0px; 
	}
}

.scrollAdvert strong {
 font: normal 24px arial; 
 color: rgb(227,41,38); 
}

.scrollAdvert sup {
 font: normal 12px arial; 
 color: rgb(227,41,38); 
}

.scrollAdvert span {
 font: bold 14px arial; 
}

.scrollAdvMoreInfo {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 padding-top: 10px; 
 padding-bottom: 10px; 
 font: bold 14px arial; 
 cursor: pointer; 
 color: rgb(82,82,82);
}
.scrollAdvMoreInfo:hover {
 color: rgb(227,41,38); 
}

.inScrollAdvFace {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 min-height: 15px; 
 padding-bottom: 5px; 
}

.docPayOnlineSubmit { width: 100%; }

.docPayOnlineSubmit .flw100center input {
 min-width: 105px; 
 width: auto; 
 height: 25px; 
 border: 1px solid rgb(228,41,36); 
 padding-left: 15px; 
 padding-right: 40px; 
 text-align: center; 
 background: rgb(228,41,36) url('img/red-button.jpg') no-repeat center right; 
 font: normal 16px arial; 
 color: white;
 margin-top: 10px; 
 cursor: pointer;  
}

.flwAred {
 color: rgb(227,41,38); 
}

.martText { color: rgb(227,41,38); }

.promoCodeEnter { width: auto; }
.promoCodeEnter input {
    width: 80px;
	margin-left: 5px; 
	margin-right: 5px; 
    height: 24px;
    background: white;
    border: 1px solid rgb(204,204,204);
    color: rgb(76,76,76);
    font: normal 16px arial;    
}

.promoCodeEnter span input {
    width: auto;
    height: 28px;
    text-align: center;
    padding-left: 10px;
	padding-right: 30px;
    background: rgb(127,127,127) url('img/grey-button-arrow.jpg') no-repeat center right;
    font: normal 16px arial;
    color: white;
    border: 1px solid rgb(127,127,127);
}

.discounted{
 text-decoration: line-through; 
}

.cardInCart { margin-right: 3px; vertical-align: top; }

.lowcase { text-transform: lowercase; }

.alertBlur { font-family: atial, helvetica, sans-serif; }

.overhidden { overflow: hidden; }

.info {
 display: inline-block; 
 width: 20px; height: 20px; cursor: pointer; line-height: 20px; text-align: center; 
 margin-left: 6px; margin-right: 6px; font: bold 14px arial; color: rgb(30,30,30); 
 background: rgb(255,251,237); border-radius: 11px; border: 1px solid rgb(50,50,50); 
}
.info:hover { background: rgb(227,41,38); color: white; }

.wishKarton {
 width: 9cm; 
 height: 15cm;
 background: white;
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
}

.wishWish {
 position: absolute; 
 text-align: center;
 top: 1cm;
 width: 100%; 
 font-size: 24px;
 font-family: 'Century Gothic', 'Courier New', sans-serif;
}

.wishCredits {
  font-family: 'Didact Gothic', arial, helvetica, sans-serif!important; 
  position: absolute;
  top: 11.9cm; 
  left: 0px; 
  text-align: center; 
  width: 100%; 
}

@media print {
.printSeparator { display: none; }
.wishKarton{
 width: 8.8cm;
 height: 12.7cm;
 page-break-after: always;
}
.wishWish {
 position: absolute; 
 top: 1cm;
 left: 0.9cm;
 width: 7cm;
 height: 9cm;
 text-align: center; 
 font-size: 0.5cm;
 font-family: 'Century Gothic', 'Courier New', sans-serif;
}
.wishCredits {
 position: absolute; 
 top: 10.5cm;
 left: 0cm;
 width: 9cm;
 text-align: center; 
 color: rgb(150,150,150);
 font-size: 8pt;
}
.cmsMenuMainButton { display: none; }
}
.calendarDivInPage {
 width: 280px; 
 background: white; 
 z-index: 1000; 
 display: none; 
 font: normal 12px arial; 
 color: black; 
 height: auto; 
 position: absolute; 
 margin-top: -22px; 
 border: 1px solid silver;
}

@media screen and (max-width: 280px) {
	.calendarDivInPage { width: 240px; }
}

.calendarprevNext, .calendarYear {
 width: 100%; 
 float: left; 
 text-align: center;
 padding-top: 2px; 
 padding-bottom: 2px; 
 font: bold 14px arial; 
 color: rgb(228,41,36);
 height: auto; 
}

.calendarprevNext a, .calendarprevNext a:visited, .calendarprevNext a:active {
 color: rgb(228,41,36);
}

.ajCalDay {
 width: 12%; 
 padding-right: 1%; 
 height: auto; 
 margin-left: 1%; 
 padding-top: 2px; 
 padding-bottom: 2px; 
 margin-top: 1px; 
 float: left; 
 text-align: right; 
 position: relative; 
 font: normal 12px arial; 
}

.ajCalDayLink {
 width: 12%; 
 padding-right: 1%; 
 height: auto; 
 margin-left: 1%; 
 padding-top: 2px; 
 padding-bottom: 2px; 
 float: left; 
 text-align: right; 
 margin-top: 1px; 
 position: relative; 
 background: rgb(228,41,36); 
 font: normal 12px arial; 
 cursor: pointer; 
 color: white; 
}
.ajCalDayLink:hover { background: rgb(255,0,0);  }

.ajCalDayLink a, .ajCalDayLink a:active, .ajCalDayLink a:visited {
 color: white; 
}

.ajCalDayLinkSlctd {
 width: 12%; 
 padding-right: 1%; 
 height: auto; 
 margin-left: 1%; 
 padding-top: 1px; 
 padding-bottom: 1px; 
 margin: 1px; 
 float: left; 
 text-align: right; 
 position: relative; 
 margin-top: 1px; 
 background: rgb(0,255,0); 
 font: normal 12px arial; 
}

.calendarDivDirect {
 width: 160px; 
 background: white; 
 display: block; 
 font: normal 12px arial; 
 color: black; 
 height: auto; 
 float: left; 
 position: relative; 
}

.ajcalRow {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
}

.calendarPrevMonLink {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: 25%; 
 height: auto; 
 font: bold 14px arial; 
 text-align: center; 
 text-align: center; 
 border: 1px solid silver; 
 cursor: pointer;
 background: rgb(230,230,230); 
 color: rgb(228,41,36);
}

.calendarNextMonLink {
 position: absolute; 
 top: 0px; 
 left: 75%; 
 width: 25%; 
 height: auto; 
 font: bold 14px arial; 
 text-align: center; 
 text-align: center; 
 border: 1px solid silver; 
 cursor: pointer;
 background: rgb(230,230,230); 
 color: rgb(228,41,36);
}
.realContText p, .realContText td
{
 font: normal 12px arial; 
 color: RGB(25,25,25);
 line-height: 14px; 
}

a, a:visited,  a:active {
 text-decoration: none;
 color: rgb(227,41,38); 
}

a:hover {
 text-decoration: none; 
 color: rgb(153,1,1); 	
}

a img {
 border: 0; 
}

.realContText p, .realContText td p  {
 padding-top: 0px; 
 margin-top: 0px; 
}

.realContText h1, .realContText td h1 {
 font: normal 18px arial; 
 margin-top: 0px; 
 padding-top: 0px; 
 margin-bottom: 18px; 
 padding-bottom: 0px; 
 color: rgb(227,41,38); 
}

.realContText h2, .realContText td h2 {
 font: normal 18px arial; 
 margin-top: 0px; 
 padding-top: 0px; 
 margin-bottom: 18px; 
 padding-bottom: 0px; 
 color: rgb(227,41,38); 
}

.realContText h3, .realContText td h3 {
 font: normal 14px arial; 
 margin-top: 0px; 
 padding-top: 0px; 
 margin-bottom: 14px; 
 padding-bottom: 0px; 
 color: rgb(227,41,38); 
}

.realContText h4, .realContText td h4 {
 font: normal 13px arial; 
 margin-top: 0px; 
 padding-top: 0px; 
 margin-bottom: 14px; 
 padding-bottom: 0px; 
 text-transform: uppercase; 
}

.realContText h5, .realContText td h5 {
 font: bold 12px arial;
 margin-bottom: 0px;
 margin-top: 0px;
 margin-bottom: 14px; 
}


.realContText h6, .realContText td h6 {
 font: normal 12px arial; 
 margin-bottom: 5px;
 margin-top: 0px;
}

.realContText ul {
 margin-left: 5px; 
}

.realContText li {
 font: normal 12px arial;
}

.realContText a, .realContText a:visited, .realContText a:active {
 text-decoration: none; 
}