html , body { width: 100%; box-sizing: border-box; }

body { font-size: 16px; position: relative; -webkit-text-size-adjust: 100%; }
body { margin: 0; padding: 0; text-align: center; background-color: #FFFFFF; line-height: 23px; }
body, td , input , select, textarea , button, code { font-family: var(--ft1), sans-serif; font-weight: 400; color: #2d2d2d; }

div, span, a , i , b , input , textarea , button , select , table, td , code { box-sizing: border-box; touch-action: manipulation; outline: none; }


:root { 
 --ft1: 'Inter', sans-serif;
 --ft2: 'Inter', sans-serif;
 
 --cl: #48582b;
 --cl2: #fecc00;
 --cl3: #fafaed;
 --cl-hover: #879f45;
 --cl-f: #FFFFFF;
 --cl-gray: #2c2c2c;
 --cl-gray2: #606060;
 --cl-dark-gray: #2c2c2c;
 --cl-light-gray: #ededed;
	--cl-red: #cf4040;
 --cl-text: #494949;
	--fancybox-accent-color: #48582b;
 --fancybox-thumbs-border-radius: 12px;
}

.display_none { display: none; }
.badomi {  color: #48582b; }
.badomi a {  color: #48582b; }
.badomis {  color: #e5a700; }
.badomis a {  color: #e5a700; }
.color { color: var(--cl); } 

.description strong , .description b {  font-weight: 600;   }

h1  { display: none; }
#description a { color: var(--cl); text-decoration: underline; }
#description a:hover  {  color: var(--cl-hover); text-decoration: underline; }
a { color: var(--cl); text-decoration: none; }
a:hover { text-decoration: none; }
a img { border-width: 0; border-style: none; }
td { vertical-align: top; }
form { margin: 0; }
input { -webkit-border-radius:0; border-radius:0; }
input::-ms-clear { display: none; }
.button { -webkit-appearance: none; }
textarea { resize: none; } 
.spacer { overflow: hidden; clear: both; height: 0px; max-height: 0; }
.clear-after::after { content: ""; clear: both; display: table; }
.clear-before::before { content: ""; clear: both; display: table; }

.thin { font-weight: 200; }
.light { font-weight: 300; }
.normal { font-weight: 400; }
.bold { font-weight: 600; }
.heavy { font-weight: 700; }

.fancybox__button--zoom { display: none !important; }

.brandview { cursor: pointer; }

#pay-ment { font-size: 13px; font-style: italic; padding-top: 8px; }
#pay-wait-show {  }
#pay-wait { display: none; }
#pay-wait i , #pay-wait-show i { font-size: 26px; color: var(--cl); }
#pay-title { font-size: 26px; color: var(--cl); margin: 10px 0 20px 0; } 
#pay-title2 { font-size: 20px; color: var(--cl); margin: 10px 0; } 
#pay-ordnr { font-size: 18px;   margin: 40px 0 10px 0; } 
#pay-ordnr span { font-weight: 500; } 
#pay-ordrow { font-size: 16px;   margin: 10px 0; } 
#pay-ordrow span { font-weight: 500; } 
#pcform { padding: 20px 0 100px 0;}

#pay-preauth { margin: 20px 0; }
#pay-preauth.psuccess { font-size: 22px; font-weight: 500; }
#pay-preauth.psuccess_brown { color: var(--cl); font-size: 22px; font-weight: 500; }
#pay-preauth.psuccess i.fa-check-circle { font-size: 24px; color: var(--cl); margin-right: 10px; }

#pay-preauth.perror { font-size: 22px; font-weight: 500; }
#pay-preauth.perror i.fa-exclamation-triangle { font-size: 24px; color: red; margin-right: 10px; }

#wssup { position: fixed; bottom: 10%; right: 0.4%; z-index: 500; }
#wssup a { display: block;  }
#wssup a img { width: 60px; height: auto; display: block; }

.prod-indisp { margin: 4rem; padding: 2.5rem; background-color: #ffebeb; font-weight: 600; }

.returlinkcomm { display: block; margin-top: 20px; margin-bottom: 20px; }

#noprop { padding: 0.3rem 0 4rem 1rem; color: #808080; }


.command_section_choise.diam_tip { text-align: left; }
#illus { display: none; background: var(--cl3); margin: 1rem; font-size: 0; text-align: left; padding: 1rem; }
#illus > * { display: inline-block; vertical-align: top; font-size: 1rem; }
#illus > .a { width: 220px; }
#illus > .b { min-width: 300px; padding: 0.8rem 2rem; }
#illus > .b div { margin-bottom: 0.25rem; }
#illus > .b div.eme { font-size: 1.3rem; margin: 1rem 0; }
#illus > .b div.eme #totcutva { color: var(--cl-red); }
#illus .cc { font-weight: bold; margin-left: 0.5rem; color: var(--cl); }
.ill_expl { margin: 1rem 0; }


@media all and (min-width: 1000px)  {
 
#mobile_top_spacer,
#top_m, 
#menu_m,  
#search_m  ,
#logo_m  ,
#filtwinopen,
#filtwinclose,
#sortwinopen,
#allord_m,
#btz_m { display: none !important; }
 


}

/* ============================================================================================================================================================================== */

#subject , .subject { display: none; } /* honey pot */
.lowercase { text-transform: lowercase !important; }
#share_this { display: block; margin: 50px 0; }
.tzoom { transition: transform 0.2s ease-in-out; }
.tzoom:hover { transform: scale(1.05); display: block; }
.textcase_sentence { text-transform: capitalize; } 

.pointer_mouse { cursor: pointer; }

.button_high_visib { background-color: #568e5e !important; color: white !important; } 
.button_high_visib:hover { background-color: #28542e !important; color: white !important; } 
.button { display: inline-block; cursor: pointer; transition: background-color 0.14s ease-in; -webkit-transition: background-color 0.14s ease-in; cursor: pointer; border-color: transparent; border-width: 0; border-style: none; }
.button_color { background-color: var(--cl); color: var(--cl-f); }
.button_color:hover {  background-color: var(--cl-hover); color: var(--cl-f); }
.button_dpd { background-color: #ba2937; color: var(--cl-f); }
.button_dpd:hover {  background-color: #831822; color: var(--cl-f); }
.button_color2 { background-color: var(--cl2); color: var(--cl); }
.button_color2:hover {  background-color: var(--cl-f); color: var(--cl); }
.button_empty { background-color: var(--cl-f); color: var(--cl2);  }
.button_empty:hover {  background-color: var(--cl-hover); color: var(--cl-f); }
.button_empty_white { background-color: var(--cl-f); color: var(--cl2);  }
.button_empty_white:hover {  color: #000000; }
.button_red_empty { background-color: transparent; color: var(--cl-red);  }
.button_red_empty:hover {  background-color: rgba(0,0,0,0.12); color: var(--cl-red); }
.button_gray { background-color: #e0e0e0; color: #333333; }
.button_gray:hover {  background-color: #c0c0c0; color: #111111; }
.button_white {  background-color: var(--cl-f); color: #000000; }
.button_white:hover {  background-color: var(--cl2); color: #000000; }
.button_white_inv {  background-color: var(--cl);  color: #000000; }
.button_white_inv:hover { color: #ffffff; }
.button_brown {  background-color: var(--cl);  color: #ffffff; }
.button_brown:hover {  background-color: #9e7029;  color: #ffffff; }
.button.sym_left i { margin-right: 5px; display: inline-block; }
.button.sym_right i { margin-left: 5px; display: inline-block; }	
 
.download-inside-description { position: relative; font-size: 18px; display: block; padding-left: 34px; line-height: 21px; color: var(--cl-gray) !important; text-decoration: none; }
.download-inside-description:hover { color: var(--cl-gray) !important; text-decoration: none; }
.download-inside-description::before { position: absolute; content: '\f0ed'; font-family: 'Font Awesome 5 Pro'; font-size: 20px; color: #4db269; display: block; left: 1px; top: 50%; transform: translateY(-50%); }

div.ifr_cont { position: relative; width: 100%; margin: auto; height: 0; padding-bottom: 56.25%; }
div.ifr_cont iframe { position: absolute; border: 12px solid rgba(50,50,50,0.5); border-radius: 6px; top: 0; left: 0; right: 0; margin: auto; width: 96%; height: 70%; max-width: 1366px; } 
#vidpclose { position: fixed; left: 50%; transform: translateX(-50%); top: 10px; z-index: 600}
#vidpclose a { width: 30px; height: 30px; border-radius: 4px; background-color: #FFFFFF; padding: 5px 8px; box-shadow: 0 0 4px 1px rgba(0,0,0,0.5); line-height: 30px; box-sizing: border-box; }
#vidpclose i { font-size: 20px; color: #FF5555 }

.command_section_row_dist { background-color: #c8c8c8 !important; }
.command_section_row_dist span { display: block; color: #28542e; font-weight: 600; }

.space-right-10 { margin-right: 10px; }
/* */ 
	
	
@media all and (min-width: 681px)  {
 
#toTop { width: 37px;	height: 37px; background-color: var(--cl); text-align: center; transition: opacity 0.25s;  opacity: 0.4; border-radius: 25px; line-height: 36px; font-size: 1.2em; color: var(--cl-f); position: fixed; bottom: 30px;	cursor: pointer; right: 50px; display: none; }
#toTop:hover { opacity: 1; }

.ajax_window_outer { border-radius: 16px; box-shadow: 0 0 10px 5px rgba(0,0,0,0.15); background: #bdbdbd; background: rgba(255,255,255,0.15); overflow: hidden; }
.ajax_window_inner { border-radius: 15px; background: #fafafa; margin: 6px; float: left;  overflow: hidden;   }
.ajax_window_content { text-align: left; padding: 30px; clear: both; float: none;}
#fadclose {  position: absolute; right: 0px; top:0px; width: 46px; height: 46px;    }
#fadclose i { color:#e17070; transition: color 0.12s; font-size: 24px; margin-top: 10px; display: inline-block;}
#fadclose:hover i { color:#c43d3d;   }

#admin_insert_link , #admin_insert_link1 { position: fixed; right: -4px; width: 40px; height: 40px; text-align: center; line-height: 40px; z-index: 440; display: block; border-radius: 5px; background-color: #e4e4e4; box-shadow: 0 0 5px 0px rgba(0,0,0,0.5);}
#admin_insert_link { top: 210px; }
#admin_insert_link1 { top: 160px; }
#admin_insert_link i , #admin_insert_link1 i { transition: color 0.15s; }
#admin_insert_link:hover i.fa-pencil , #admin_insert_link1:hover i.fa-pencil { color: var(--cl); }
#admin_insert_link:hover i.fa-list-ul , #admin_insert_link1:hover i.fa-list-ul { color: var(--cl); }
#admin_insert_link i.fa-pencil , #admin_insert_link1 i.fa-pencil { font-size: 20px; line-height: 40px; display: block; margin: auto; color: var(--cl); }
#admin_insert_link i.fa-list-ul , #admin_insert_link1 i.fa-list-ul { font-size: 20px; line-height: 40px; display: block; margin: auto; color: var(--cl); }

.button_max { font-size: 1rem; font-weight: 600; padding: 14px 38px 14px 38px; border-radius: 17px !important; }
.button_mid { font-size: 0.94rem; font-weight: 500; padding: 9px 18px 9px 18px; border-radius: 12px !important;  }
.button_min { font-size: 0.77rem; font-weight: 400; padding: 3px 12px 3px 12px; border-radius: 12px !important;  }

/* dialog */
.malert-main { position: fixed; display: none; overflow: hidden;  cursor: default; top: 0; bottom: 0; left: 0; right: 0; background-color: #000000; background-color: rgba(0,0,0,0.5); z-index: 999990; }
.malert-dialog-box { cursor: default; position: fixed;  border-radius: 16px; box-shadow: 0 0 4px 1px rgba(0,0,0,0.3); background-color: #ffffff; transform: translate(-50%,-50%); top: -500px; left: 50%; width: 96%; height: 96%; max-width: 480px; max-height: 320px; min-width: 180px; min-height: 100px; }
.malert-type-info .malert-dialog-box-title { background-color: var(--cl); }
.malert-type-warn .malert-dialog-box-title { background-color: #9f5555; }
.malert-dialog-box-close { position: absolute; display: block; transition: background-color 0.14s; box-shadow: 0 0 3px 1px rgba(0,0,0,0.3); width: 24px; height: 24px; line-height: 24px; right: -11px; top: -11px;  text-align: center; cursor: pointer; background-color: #FFFFFF; border-radius: 20px;  }
.malert-dialog-box-close i { font-size: 0.85rem;  }
.malert-dialog-box-close:hover { background-color: #FFD5D5 }
.malert-dialog-box-title { font-size: 1rem; padding: 1rem; border-radius: 16px 16px 0 0; color: #FFFFFF; font-weight: 300;}
.malert-dialog-box-content { font-size: 1.1rem; padding: 3rem 2rem 0 2rem ; color: #333333; font-weight: 400;}
.malert-dialog-box-buttons { position: absolute;  left: 10px; right: 10px; bottom: 10px; padding: 1rem 0; }
.malert-dialog-box-buttons a { padding: 11px 31px 10px 31px; margin: 0 1rem;  border-radius: 12px; color: var(--cl-f); font-size: 0.92rem; transition: background-color 0.14s; }
.malert-type-info .malert-dialog-box-buttons a { background-color: var(--cl);  }
.malert-type-info .malert-dialog-box-buttons a:hover { background-color: var(--cl-hover); }
.malert-type-warn .malert-dialog-box-buttons a { background-color: #9f5555; }
.malert-type-warn .malert-dialog-box-buttons a:hover { background-color: #d15555; }

}

/* ============================================================================================================================================================================== */
/* ============================================================================================================================================================================== */

@media all and (min-width: 1000px) {

.mobile_only { display: none !important; }
.mobile_and_tablet_only { display: none !important; }
.desktop_only { } 

#searchdiv { position: fixed; width: 960px; height: 300px; transition: all 0.2s ease-in-out; border-radius: 8px;   background-color: #e0e0e0; opacity:0; top: -220px;  z-index: 10000; left: 50%; transform: translateX(-50%); }
#searchdiv.sinact { top: -520px; opacity: 0; }
#searchdiv.sact { top: 180px; opacity: 1; }
#searchdiv .a { position: absolute; right: 20px; top: 20px; transition: all 0.15s; padding: 7px; border-radius: 26px; display: block; cursor: pointer; color: #a11e25; font-size: 1.75rem; background: #transparent;   }
#searchdiv .a:hover  { color: var(--cl-f); background-color: #a11e25;}
#searchdiv .k  { margin: 110px 0 0 0 ; }
#searchdiv .k input { width: 600px; height: 72px; border: 0 none; line-height: 72px; border-radius: 8px; font-size: 24px; text-indent: 14px; font-weight: 300; display: inline-block; vertical-align: middle; }
#searchdiv .k button { display: inline-block !important; font-weight: 300; vertical-align: middle; padding: 0 40px; border-radius: 8px;  border: 0 none; cursor: pointer;  font-size: 24px; line-height: 72px; height: 72px; margin-left: 11px; }
#searchdiv .k button:hover { display: inline-block !important; vertical-align: middle;  }

 
.cim { font-size: 30px; color: var(--cl); font-weight: 600; font-family: var(--ft2); margin: 32px auto 24px auto;  }
	
#psearch { width: 75%; margin: 0 auto 5rem auto; }	
	
 
#tdfiller { height: 208px; display: none; }
#td { transition: 0.2s all ease-in; }

#td.normal { position: static; top: -100px; }

#td.normal #top { display: block; }
#td.normal #topline { height: 36px; line-height: 36px; background-color: var(--cl); text-align: center; }
#td.normal #topline a { color: #F5F5F5; font-weight: 200; margin: 0 1.3rem; font-size: 0.9rem; }
#td.normal #topline a:hover {  text-decoration: underline;    }
#td.normal #topline a i { color: var(--cl2); margin-right: 8px; font-size: 1rem }
 
#td.normal #top-c { height: 138px; text-align: center; margin: auto; position: relative;  max-width: 1822px; }
#td.normal #top-c #logomin { display: none; }
#td.normal #top-c #top-logo { display: flex; height: 100%; justify-content: center; align-items: center; }
#td.normal #top-c #top-logo a { display: block; }
#td.normal #top-c #top-logo img#logonormal { height: auto; width: 300px; display: block; max-width: 100%; }
#td.normal #top-c #top-content { position: absolute; top: 18px; right: 0; width: 350px; }
#td.normal #top-c #top-content > a {  margin: 0 1rem; display: inline-block;  vertical-align: middle; }
#td.normal #top-c #top-content > a > i { font-size: 1.4rem; color: #555; }

#cos_icon { position: relative; }
#cos_icon.items b { display: block !important; position: absolute; left: 13px; top: -6px; width: 11px; height: 11px; line-height: 11px; text-align: center; font-weight: 400; color: #FFFFFF; font-size: 0.7rem; border-radius: 8px; background-color: var(--cl-red); }
#cos_icon b { display: none; }

#fav_icon { position: relative; }
#fav_icon.items b { display: block !important; position: absolute; left: 13px; top: -6px; width: 16px; height: 16px; line-height: 16px; text-align: center; font-weight: 400; color: #FFFFFF; font-size: 0.7rem; border-radius: 8px; background-color: var(--cl); }
#fav_icon b { display: none; }


#langchg {  z-index: 50; width: 140px; border-radius: 16px; padding: 13px 11px;   height: auto !important; background: #F7F7F7; position: absolute; top: 30px; right: 0; }
#langchg.hidden { display: none; }
#langchg a { display: block; height: 42px; line-height: 40px;  text-align: left; padding-left: 19px; border-radius: 12px; transition: all 0.15s; }
#langchg a:hover > span { color: var(--cl4); }
#langchg a > * { display: inline-block; vertical-align: middle;  }
#langchg a > img { height: 30px; width: 30px;  }
#langchg a > span { color: #000; font-weight: 700; font-size: 0.8rem; margin-left: 8px; }

#tlang {  position: relative; cursor: pointer;  }
#tlang img { width: 28px; height: 28px; display: block; }

/*menu , fomenupontok*/ 


#menuopen { display: none;  }
#menu_cont { background-color: var(--cl3); text-align: center; }
#menu_cont_cont { width: 98%; max-width: 1342px; margin: auto; text-align: left;   }
#menu { position: relative; height: 64px;   }
#menu>ul { list-style-type: none; margin: 0; padding: 0; white-space: nowrap; font-size: 0;  }
#menu>ul>li { display: inline-block; line-height: 64px; margin: 0; border:0; padding: 0;  }
#menu>ul>li>a , #menu>ul>li>span { font-weight: 500; color: #000000; padding: 0 18px; display: block; font-size: 1rem;  margin: 0; border:0;  }
#menu>ul>li>a i.fa-bars { margin-right: 0.7rem; margin-left: 0.99rem;   }
#menu>ul>li:first-child>a { padding-left: 0 !important; display: block; font-size: 1rem;  margin: 0; border:0;  }
#menu ul ul a.noclick { pointer-events: none; }
 
#menu>ul>li>a>b {  margin-left: 3px; font-weight: 700; }
#menu a.allcatsprods { color: #999 !important; font-style: italic; }
 
 
/*lenyilok*/
#menu>ul>li:hover>ul { visibility: visible; opacity: 1;   }
#menu>ul>li:hover>a , #menu>ul>li.menu_active:hover>a , #menu>ul>li.menu_active>a { color: #4e4e4e; text-decoration: none; }
#menu>ul>li:hover>span , #menu>ul>li.menu_active:hover>span , #menu>ul>li.menu_active>span { cursor: pointer; color: #4e4e4e; text-decoration: none; }
#menu>ul>li:hover , #menu>ul>li.menu_active:hover , #menu>ul>li.menu_active { background-color: var(--cl2); }
#menu>ul>li>ul { position: absolute;  text-align: left; left: 50%; top: 60px; transform: translateX(-50%); min-height: 200px; max-height: calc( 100vh - 300px );  }
#menu>ul>li>ul { visibility: hidden; opacity: 0; overflow-y: auto; overflow-x: hidden; z-index: 1130; padding: 2rem 0rem 5rem 0rem; }
#menu>ul>li>ul { background-color: var(--cl3); border-radius: 0 0 8px 8px; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2);  }
#menu>ul>li>ul { column-width: 230px; column-gap: 30px; line-height: 1.2rem; list-style: none; width: 100%; max-width: 1342px;  }
#menu>ul>li>ul { box-shadow: 0 0 0 100vmax var(--cl3); clip-path: inset(0 -100vmax);  }




#menu>ul>li>ul>li { width: 100%; break-inside: avoid; margin-bottom: 0.8rem; }
#menu>ul>li>ul>li>a { font-size: 1.1rem; line-height: 1.3rem; color: var(--cl-text); font-weight: 600; display: inline-block; text-decoration: none; overflow-wrap: break-word; word-break: break-word; white-space: normal; }
#menu>ul>li>ul>li>a:hover { color: var(--cl-hover); text-decoration: underline; }
#menu>ul>li>ul>li>ul { margin-bottom: 3rem; list-style: none;   padding: 0;}
#menu>ul>li>ul>li>ul>li { margin-bottom: 0.6rem; }
#menu>ul>li>ul>li>ul>li>a { font-size: 0.94rem; line-height: 0.8rem; color: var(--cl-text); font-weight: 400; text-decoration: none; white-space: normal; }
#menu>ul>li>ul>li>ul>li>a:hover { color: var(--cl-hover); text-decoration: underline; }
/*#menu>ul>li>ul>li>ul:not(:has(li)) { display: inline; break-inside: avoid;  background: #E0FFE0;  }*/
 
/* lenyiloban menupontok, hoverek*/


 
#description { margin: 4rem 0; min-height: 350px; }
#description img.image-max { width: 100%;  }
.description   {  font-size: 1.25rem; font-weight: 400; color: var(--cl-text); line-height: 1.9rem; text-align: left;  }
.description img  {  max-width: 100%; border-radius: 6px;  }
.description td { padding: 0.6rem 1rem; font-size: 1rem; font-weight: 400; color: #333; line-height: 1.3rem; text-align: left;   }
.content { text-align: center;  margin: auto; max-width: 1342px; width: 96%; }
.content-bottom { margin-bottom: 14rem; }
.content-home { text-align: center;  margin: auto; max-width: 1318px; width: 96%; }
.content-centered { text-align: center; } 
	
 
#bottom { padding: 82px 0 160px 0; background-color: var(--cl3); text-align: center; }
#bottom-c { text-align: center;  margin: auto; max-width: 1260px; width: 98%; }
#bottom-c { display: grid; grid-template-columns: 1fr 1fr 0.8fr; }
#bottom-c > div  { min-height: 100px; }
#bottom-c .btn1 .btn0a  { width: 64%; display: block; }
#bottom-c .btn1 .btn0a a { display: block; width: 100%;   }
#bottom-c .btn1 .btn0a a img  { width: 100%; height: auto; display: block; }
#bottom-c .btn1 .btn1a { width: 64%; margin-top: 50px; text-align: justify; font-size: 1rem; line-height: 1.4rem; font-weight: 300;  }
#bottom-c .btn1 .btn2a { width: 64%; margin-top: 90px; text-align: center; font-size: 1rem; font-weight: 600;  }
#bottom-c .btn1 .btn3a {  width: 64%; }
#bottom-c .btn1 .btn3a a {  margin: 6rem auto 0 auto; display: block; }
#bottom-c .btn1 .btn3a img { display: block; text-align: center; width: 70px; margin: auto; }

#bottom-c .btn2 { text-align: left;  }
#bottom-c .btn2 .btn222-t { font-size: 2.125rem; color: #3b3b3b; text-transform: uppercase; font-weight: 500; padding-top: 7px;  }
#bottom-c .btn2 .btn222-0 { padding-top: 2rem  }
#bottom-c .btn2 .btn222-0 a { display: block; font-size: 1.125rem; font-weight: 500; color: #3b3b3b; text-decoration: underline; margin-bottom: 0.45rem; }
#bottom-c .btn2 .btn222-0 a:hover { color: var(--cl); }
#bottom #anpc { width: 52%; margin-top: 60px;  }
#bottom #anpc img { width: 100%; }
#bottom #bottom_cards { width: 65%; margin-top: 16px; }
#bottom #bottom_cards img { width: 100% }

#bottom-c .btn3 { text-align: left;  }
#bottom-c .btn3 .btn333-t { font-size: 2.125rem; color: #3b3b3b; text-transform: uppercase; font-weight: 500; padding-top: 7px;  }
#bottom-c .btn3 .btn333-0 { padding-top: 2rem; }
#bottom-c .btn3 .btn333-0 > div > * { display: inline-block; vertical-align: middle; margin-bottom: 1.3rem; }
#bottom-c .btn3 .btn333-0 > div > span { width: 80%; }
#bottom_phone i {  font-size: 1.6rem ; width: 30px; text-align: center;  color: var(--cl-hover); }
#bottom_phone span {  font-size: 1.125rem ; font-weight: 500; margin-left: 0.9rem; color: #3b3b3b}
#bottom_email {   }
#bottom_email i {  font-size: 1.6rem ; width: 30px; text-align: center; color: var(--cl-hover); }
#bottom_email span {  font-size: 1.125rem ; font-weight: 500; margin-left: 0.9rem; color: #3b3b3b }
#bottom_address {   }
#bottom_address i {  font-size: 1.6rem ; width: 30px; text-align: center; color: var(--cl-hover); }
#bottom_address span { font-size: 1.125rem ; font-weight: 500; margin-left: 0.9rem; color: #3b3b3b}

#bottom-c .btn3 .btn333also-t { font-size: 2.125rem; color: #3b3b3b; text-transform: uppercase; font-weight: 500; padding-top: 4.6rem;  }
#bottom-c .btn3 .btn333also-0 { padding-top: 2.25rem   }
#bottom-c .btn3 .btn333also-0 i { font-size: 2.6rem; color: var(--cl-hover); margin: 0 0.8rem; transition: all 0.2s; }
#bottom-c .btn3 .btn333also-0 a:hover i { color: var(--cl); }

.lc67652 { display: none; }

#main_home { margin: 3.5rem 0 0 0;  }
#main_home .a { font-size: 3.75rem; font-weight: 300; color: var(--cl); line-height: 4.2rem; }
#main_home .b { font-size: 1rem;  color: var(--cl-text); padding-top: 1rem; }
 

#navig { text-align: left; line-height: 26px; margin-top: 7px; margin-bottom: 17px; width: 100%; height: 26px; overflow: hidden; white-space: nowrap; }
#navig a , #navig span , #navig b , #navig div { display: inline-block; vertical-align: middle; }
#navig .homelink { display: inline-block; }
#navig .homelink i { color: var(--cl); font-size: 14px; }
#navig .homelink:hover i { color: var(--cl) }
#navig b { width: 1.6rem; text-align: center; }
#navig b i { color: var(--cl-light-blue); font-size: 18px; }
#navig span { color: #444444; font-size: 14px; font-weight: 400; }
#navig a { color: var(--cl); font-size: 14px; font-weight: 400;  text-decoration: underline; }
#navig a:hover { color: var(--cl2); text-decoration: underline;   }

#banner {  margin: 0 auto; position: relative;  }
#banner .bannerslide { margin-bottom: 3.2rem; position: relative; display: block; width: 100%; aspect-ratio: 3.2; background-position: center 0; background-size: cover; background-repeat: no-repeat; }
#banner .bannerslide .a { position: absolute; top: 50%; left: 10%; width: 70%; max-width: 700px; text-align: left; transform: translateY(-50%);  }
#banner .bannerslide .a .aa { font-size: 4rem; line-height: 4rem; font-family: var(--ft2); color: var(--cl-f); font-weight: 700; }
#banner .bannerslide .a .bb { margin-top: 2.4rem; }
#banner .bannerslide img { width: 100%;  }
#banner .bannerslide_m { display: none; }
#banner .swiper-pagination-bullet-active { background-color: var(--cl2) !important; width: 38px !important; border-radius: 20px !important; }
#banner .swiper-pagination-bullet { width: 22px; height: 22px; transition: all 0.2s; background-color: var(--cl); margin: 0 6px; }
#banner .swiper-pagination-bullet:hover {  background-color: var(--cl2); }
.noclk { cursor: grab; }
.noclk_a { pointer-events: none; cursor: default; }



.pricepromo , .price { color: #000000; display: block; font-weight: 500; }
.pricepromo u , .price u { color: #000000; text-decoration: none; font-weight: 400;  }
.priceold { display: block; color: #8c8c8c; }
.priceold u { display: none; }

.title { font-size: 2.7rem; line-height: 3.05rem; font-weight: 600; color: var(--cl); font-family: var(--ft2);   }
.title.title-belso { margin-top: 4rem; }
.title.title_prod_sim { margin-top: 6rem; }
.title-belso-prod { font-size: 1.875rem; line-height: 2.25rem; font-weight: 500; color: var(--cl-0); margin-bottom: 0.5rem; }

#first { position: relative;  background-image: url(img/bg.png); background-size: 100% 580px; background-repeat: no-repeat; margin-top: -78px; padding-top: 130px; } 
#first .content { } 
#main_cats_descr { font-size: 1.25rem; width: 80%; margin: 1.15rem auto 0 auto; line-height: 1.95rem; font-weight: 300; color: var(--cl-text); }
#main_cats_grid .swiper-wrapper { display: grid; gap: 2.45rem; grid-template-columns: repeat(3, 1fr); margin-top: 4rem;  }
#main_cats_grid .swiper-wrapper .swiper-slide { cursor: pointer; position: relative; background-color: var(--cl); border-radius: 3.4rem; aspect-ratio: 0.77; overflow: hidden; }
#main_cats_grid .swiper-wrapper .swiper-slide > img { width: 100%; height: 100%; object-fit: cover; display: block;  }
#main_cats_grid .swiper-wrapper .swiper-slide > span { position: absolute;  transition:  opacity 0.2s linear;  opacity: 0; bottom: 0; height: 23%; background: rgba(17,53,88,0.9); left: 0; right: 0; text-align: center;  }
#main_cats_grid .swiper-wrapper .swiper-slide:hover > span { opacity: 1;   }
#main_cats_grid .swiper-wrapper .swiper-slide > span > span { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%,-50%); font-size: 2rem; font-weight: 600; color: var(--cl-f); font-family: var(--ft2); }
#main_cats_grid .swiper-wrapper .swiper-slide > .dda { position: absolute; top: 50%; left: 50%; width: 100%;   transform: translate(-50%,-50%); font-size: 2rem; }
#main_cats_grid > .swiper-wrapper .swiper-slide.ddabox { position: relative; }
#main_cats_grid > .swiper-wrapper .swiper-slide.ddabox:hover { cursor: pointer;  }
#main_cats_grid > .swiper-wrapper .swiper-slide.ddabox i { color: transparent; font-size: 1.75rem; position: absolute; bottom: 7%; right: 11%;  }
#main_cats_grid > .swiper-wrapper .swiper-slide.ddabox:hover i { color: var(--cl); }
#main_cats_grid .swiper-wrapper .swiper-slide .dda > .da { padding: 0 3rem; font-size: 2rem; line-height: 2.6rem;  font-weight: 600; color: var(--cl-f); font-family: var(--ft2); }
#main_cats_grid .swiper-wrapper .swiper-slide .dda > .db {  padding: 2rem 3rem 0 3rem;  text-align: left; line-height: 1.75rem; font-size: 1.125rem; font-weight: 300; color: var(--cl-f);   }

#cat_image { position: relative; text-align: center; }
#cat_image .a {   width: 100%;}
#cat_image .a img { height: 100%; width: 100%; object-fit: contain; }
#cat_image .m { display: none; }
#cat_image .b { position: absolute; top: 0; bottom: 0; left: 50%; transform: translateX(-50%); width: 96%; height: 100%; max-width: 1342px;  }
#cat_image .b span { position: absolute; text-align: left; display: block;  width: 90%;; line-height: 6.25rem; top: 50%; left: 0; transform: translate(0, -50%); font-size: 5.375rem; color: #FFFFFF; font-family: var(--ft2); font-weight: 600; }

#voucher_image { position: relative; text-align: center; }
#voucher_image .a { height: 550px; width: 100%;}
#voucher_image .a img { height: 100%; width: 100%; object-fit: cover; }
#voucher_image .m { display: none; }
#voucher_image .b { position: absolute; top: 0; bottom: 0; left: 50%; transform: translateX(-50%); width: 96%; height: 100%; max-width: 1342px;  }
#voucher_image .b span { position: absolute; text-align: left; display: block;  width: 90%;; line-height: 6.25rem; top: 50%; left: 0; transform: translate(0, -50%); font-size: 5.375rem; color: #FFFFFF; font-family: var(--ft2); font-weight: 600; }

#voucherekdisp { display: grid; gap: 2rem; justify-content: center; grid-template-columns: repeat(auto-fit, 300px); margin-top: 5rem; margin-bottom: 5rem; }
#voucherekdisp > div { display: block; border: 2px solid #e2e2e2; background-color: var(--cl3); border-radius: 18px;  padding: 1.5rem 1.5rem; text-align: center; }
#voucherekdisp > div:hover { border: 2px solid var(--cl2);  }
#voucherekdisp > div > div.a {   }
#voucherekdisp > div > div.a i.fad { font-size: 2.45rem; color: var(--cl2); }
#voucherekdisp > div > div.b { margin-top: 2.5rem; }
#voucherekdisp > div > div.b b { font-family: var(--ft2); font-weight: 600; font-size: 2.5rem; color: var(--cl);  }
#voucherekdisp > div > div.b span { margin-left: 6px; font-size: 1.3rem; }
#voucherekdisp > div > div.c { margin-top: 1rem; font-size: 1rem; color: #666; font-weight: 400; }
#voucherekdisp > div > div.d { margin-top: 2rem; }

#voucher_expl { padding: 3rem 0; background-color: #f0f2f5; font-size: 0;  }
#voucher_expl > div { max-width: 800px; margin: 0 auto;}
#voucher_expl > div > div  { display: inline-block; width: 50%; text-align: center; }
#voucher_expl > div > div > b { display: block; font-size: 1.1rem; color: var(--cl); }
#voucher_expl > div > div > span { display: block; font-size: 1rem; color: var(--cl); }

.side-ftlgrp {  padding-bottom: 30px; }
.side-flttit { font-weight: 700; color: var(--cl); font-size: 1rem; margin-bottom: 16px; padding-left: 22px; padding-top: 6px;    }
.side-filterchk { margin-left: 22px; margin-bottom: 0.4rem; line-height: 16px; }
.side-filterchk input {  display: none; }
.side-filterchk u { display: inline-block; text-decoration: none; width: 13px; height: 13px; border-width: 1px; border-style: solid; vertical-align: middle; }
.side-filterchk span { display: inline-block; text-decoration: none;  vertical-align: middle; margin-left: 8px; }
.side-filterchk:hover label , .filterchk:hover u , .filterchk:hover i {  cursor: pointer !important;  }
.side-filterchk:hover {  cursor: pointer !important;  }
.side-filterchk:hover u i { visibility: visible !important; opacity: 1 !important; }
.side-filterchk u i { font-size: 13px; display: block; color: var(--cl); transition: visibility 0s, opacity 0.2s linear;  }
.side-filterchk label { display: inline-block;  vertical-align: top; margin: 0 0 0 14px; font-size: 14px; }
.side-filterchk.fakt u { border-color: var(--cl); line-height: 15px;   }
.side-filterchk.fakt u i { visibility: visible; opacity: 1; }
.side-filterchk.finakt u { border-color: #d8d8d8; }
.side-filterchk.finakt u i { visibility: hidden; opacity: 0;  }
.side-filterchk.finv { display: none !important; }


#pleft { float: left; width: 28%; min-width: 200px; padding-top: 34px; text-align: left; }
#pright { float: right; width: 66%; text-align: left; padding-top: 1rem; }
.ftlgrp {  margin-bottom: 4rem; }
.fltcat { margin-bottom: 1rem;  padding: 1.25rem; border-radius: 16px; }
.fltcat.aktmaincat {  background-color: var(--cl3); }
.fltcattit { margin-bottom: 1rem; font-size: 1.5rem; line-height: 1.85rem; font-weight: 600; color: #4e4e4e; }
.fltcattit a { color: var(--cl-hover); }
.fltcattit:hover a { color: var(--cl); }
.flttit { display: none; }

.filterchk { margin-left: 2px; margin-bottom: 0.85rem; line-height: 1rem;   }
.filterchk u { display: none; text-decoration: none; width: 13px; height: 13px; border-width: 1px; border-style: solid; vertical-align: top; }
.filterchk:hover span , .filterchk:hover u , .filterchk:hover i {  cursor: pointer !important;  }
.filterchk:hover {  cursor: pointer !important;  }
.filterchk:hover u i { visibility: visible !important; opacity: 1 !important; }
.filterchk u i { font-size: 13px; display: block; color: var(--cl2); transition: visibility 0s, opacity 0.2s linear;  }
.filterchk.sub1 span {  font-size: 1rem; color: #4e4e4e; }
.filterchk.sub1 span:hover {  font-size: 1rem; color: var(--cl-hover); }
.filterchk.sub2 span { display: none; vertical-align: top; font-size: 1rem; color: #4e4e4e; font-weight: 600; }
.filterchk.sub2 span:hover { color: var(--cl-hover); }
.filterchk.fakt span { text-decoration: underline; }
.filterchk.fakt u { border-color: var(--cl2); line-height: 15px; }
.filterchk.fakt u i { visibility: visible; opacity: 1; }
.filterchk.finakt u { border-color: #d8d8d8; }
.filterchk.finakt u i { visibility: hidden; opacity: 0; }
 
#topfilters { display: inline-block; margin-right: 30px; }
.top_ftlgrp { display: inline-block; position: relative; margin-right: 70px; }
.top_ftlgrp:hover .top_fltcont { display: block;  }
.top_ftlgrp .top_flttit { cursor: pointer; color: #646464; font-weight: 700; font-size: 1.125rem; position: relative; padding-bottom: 0.5rem  }
.top_ftlgrp .top_flttit::after { display: block; position: absolute; right: -22px; top: 0; color: var(--cl);  text-align: right; width: 20px; height: 30px; font-size: 1.4rem; content: "\f107"; font-family: 'Font Awesome 5 Pro';  }
.top_ftlgrp .top_fltcont { display: none; width: 275px; position: absolute; z-index: 100; left: -3px; top: 30px; background-color: var(--cl3); box-shadow: 0 0 4px 1px rgba(0,0,0,0.3); border-radius: 10px; padding: 1rem; }
.top_ftlgrp .top_filterchk {  cursor: pointer; }
.top_ftlgrp .top_filterchk u { display: inline-block; opacity: 0; margin-right: 8px; }
.top_ftlgrp .top_filterchk:hover u , #topfilters .top_ftlgrp .top_filterchk.fakt u  , #rendez .top_filterchk.fakt u { opacity: 1; }
.top_ftlgrp .top_filterchk u i { color: var(--cl); }
.top_ftlgrp .top_filterchk div { display: inline-block;  margin: 0.3rem 0 }

#pord  { display: inline-block; position: relative;   font-weight: 400; font-size: 18px;  }

#jelord { font-size: 18px; font-weight: 300; cursor: pointer; }
#jelord:hover b , #jelord:hover i  { color: var(--cl); }
#jelord b {  font-weight: 600; color: #848484; text-transform: lowercaseé }
#jelord i { margin-left: 10px; color: var(--cl); font-size: 18px; }

#allord {  position: absolute; display: none; left: 0; top: 34px; padding: 14px; box-shadow: 0 0 5px 2px rgba(0,0,0,0.3); z-index: 50; background: #FFFFFF; width: 260px; }
#allord a { padding-right: 40px; transition: all 0.2s;  padding-left: 8px; font-size: 14px; font-weight: 600; color: var(--cl2); display: block; padding-top: 4px; padding-bottom: 4px; }
#allord a.curord { background: #eeeeee; }
#allord a.curord:hover { background: #eeeeee; }
#allord a:hover { background: #eeeeee; }

#pflt { display: inline-block; font-size: 1.125rem; font-weight: 700; color: #646464; }
#pflt div { display: inline-block; margin-right: 20px; }
#pflt div span { font-size: 16px; }
#pflt div a { margin-left: 5px; color: #ff7800; font-size: 18px; }
	


#main_prod_grid { margin-top: 5rem; }

.cat-grid-main { display: grid; gap: 1.75rem; grid-template-columns: repeat(4, 1fr);  margin: 4rem auto 0 auto; }
.cat-grid-belso { display: grid; gap: 2rem; grid-template-columns: repeat(3, 1fr); margin: 2rem auto 0 auto; }

.cat-grid-item { display: block; cursor: pointer; border-width: 1px; padding: 1.5rem 1.1rem 0 1.1rem; border-style: solid; position: relative; border-color: #e2e2e2; border-radius: 18px; height: 390px; text-align: center; transition: border-color 0.2s; }
.cat-grid-item:hover { border-color: var(--cl-hover); }
.cat-grid-item:hover .prod-grid-item-favorite.inakt i.inakt { color: #b0b0b0; }
.cat-grid-item-image { height: 270px; text-align: center; }
.cat-grid-item-image img { width: 100%; height: 100%; object-fit: contain; }
.cat-grid-item-name { margin-top: 1rem; white-space: wrap;  }
.cat-grid-item-name a { display: block; line-height: 1.2rem; font-size: 1rem;  font-weight: 700; color: #3b3b3b;  }


.prod-grid-main { display: grid; gap: 2rem; grid-template-columns: repeat(4, 1fr);  margin: 4rem auto 0 auto; }
.prod-grid-belso { display: grid; gap: 2rem; grid-template-columns: repeat(3, 1fr); margin: 2rem auto 0 auto; }
.prod-grid-item { display: block; cursor: pointer; border-width: 1px; padding: 1.5rem 1.1rem 0 1.1rem; border-style: solid; position: relative; border-color: #e2e2e2; border-radius: 18px; height: 490px; text-align: center; transition: border-color 0.2s; }
.prod-grid-item:hover { cursor: pointer; border-color: var(--cl-hover); }
.prod-grid-item:hover .prod-grid-item-favorite.inakt i.inakt { color: #b0b0b0; }
.prod-grid-item-image { height: 270px; text-align: center; }
.prod-grid-item-price { text-align: left; margin-top: 0.3rem; margin-bottom: 0; height: 55px;  }
.prod-grid-item-price .pricepromo , .prod-grid-item-price .price { font-size: 1.5625rem; font- }
.prod-grid-item-price .pricepromo u , .prod-grid-item-price .price u { font-size: 0.825rem }
.prod-grid-item-price .priceold { font-size: 1rem; font-weight: 300; padding-bottom: 3px; }
.prod-grid-item .salestag { position: absolute; right: -2px; top: -2px; width: 70px; height: 26px; text-align: center; line-height: 26px; border-radius: 7px; display: block; background-color: var(--cl2); }
.prod-grid-item .newtag { position: absolute; right: -2px; top: -2px; width: 70px; height: 26px; text-align: center; line-height: 26px; border-radius: 7px; display: block; background-color: var(--cl-hover); }
.prod-grid-item .newtag b { font-size: 0.85rem; font-weight: 400; color: var(--cl-f); text-transform: uppercase; margin-right: 1px; display: inline-block; }
.prod-grid-item-image img { width: 100%; height: 100%; object-fit: contain; }
.prod-grid-item-stoc { text-align: left; margin-top: 0.1rem; position: relative; padding-left: 16px; text-transform: uppercase; font-size: 0.75rem; font-weight: 700; }
.prod-grid-item-stoc::before { position: absolute; display: block; content: ''; width: 9px; height: 9px; border-radius: 6px; top: 50%; left: 0; transform: translateY(-50%); }
.stoc-furn { color: #999999; }
.stoc-furn::before { background-color: #d5b01b; }
.stoc-1 { color: #999999; }
.stoc-1::before { background-color: #91ba78; }
.stoc-0 { color: #999999; }
.stoc-0::before { background-color: #d5311b; }
.prod-grid-item-name { margin-top: 0.3rem; white-space: wrap; height: 96px; overflow: hidden; text-align: left;  }
.prod-grid-item-name a { display: block; line-height: 1.2rem; font-size: 1rem;  font-weight: 500; color: #3b3b3b;  }
.prod-grid-item-name code { display: block;  font-size: 0.9rem;  font-weight: 400; color: #9c9c9c; margin-top: 0.2rem;   }
.prod-grid-item-details { text-align: center; margin-top: 14px; }
.prod-grid-item-details a {  display: inline-block; padding: 3px 46px; transition: background-color 0.14s; vertical-align: middle; font-size: 1rem; border-radius: 9px; text-align: center; color: var(--cl-f); background-color: var(--cl2); }
.prod-grid-item-details a:hover {  background-color: var(--cl);  }
.prod-grid-item-details a i {  display: inline-block; margin-left: 10px; vertical-align: middle; font-size: 1rem;  }
.prod-grid-item-favorite { position: absolute; top: 8px; left: 8px; width: 18px; height: 18px; line-height: 18px; cursor: pointer; }
.prod-grid-item-favorite i { font-size: 18px; }
.prod-grid-item-favorite.akt i.akt { display: block; color: var(--cl-red); }
.prod-grid-item-favorite.akt i.inakt { display: none; }
.prod-grid-item-favorite.inakt i.inakt { display: block; color: transparent; }
.prod-grid-item-favorite.inakt:hover i.inakt { display: block; color: var(--cl-red) !important; }
.prod-grid-item-favorite.inakt i.akt { display: none; }
.prod-state { margin: 0 0 0.6rem 0; }
.prod-state > span { display: inline-block; margin-right: 12px; border-radius: 9px; }
.prod-state .prod-state-new { background-color: var(--cl-hover); color: var(--cl-f); padding: 3px 24px; text-transform: uppercase; font-size: 0.875rem; font-weight: 500; }
.prod-state .prod-state-salestag { background-color: var(--cl-red); color: var(--cl-f); padding: 3px 24px;   font-size: 0.875rem; font-weight: 400; }
.prod-state .state-brand { color: var(--cl-hover); font-size: 1.25rem; font-weight: 700; margin-right: 10px;  }
.prod-grid-item-similar {  margin-top: 11px; height: 40px; overflow: hidden; width: 100%; text-align: left; }
.prod-grid-item-similar a { width: 40px; height: 40px;}
.prod-grid-item-similar a img { width: 40px; height: 40px;}

/* prod belso */

#prod_display { clear: both; position: relative; margin-top: 20px; } 
#prod_left { float: left; position: sticky; width: 48%; top: 60px; text-align: center; margin-bottom: 140px; }
#prod_left .swiper9 { display: none !important; } 
 
.prod-belso-image { position: relative; width: 85%; margin: 1rem auto; }
.prod-belso-image a { display: block; text-align: center; width: 100%; }
.prod-belso-image a img { display: block; width: 100%; height: auto; max-height: 440px; object-fit: contain; }
.prod-belso-image i { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100px; height: 100px; font-size: 3.25rem; color: rgba(135, 159, 69, 0.35); transition: color 0.2s; }
.prod-belso-image:hover i { color: rgba(135, 159, 69, 0.75); }
.fancybox__content { border-radius: 24px; overflow: hidden; }


#pd_left_img { width: 346px; height: 86px; margin: auto;  text-align: center; position: relative;  }
#pd_left_img ul { margin: 0; padding:0; width: 346px; height: 86px; display: block;  }
#pd_left_img ul li { width: 86px; height: 100%;   }
#pd_left_img ul li a { display: inline-block; box-sizing: border-box; border-width: 0 0 2px 0; border-style: solid; border-color: transparent; transition: all 0.2s; width: 100%; height: 100%; position: relative; }
#pd_left_img ul li a:hover { border-color: var(--cl); }
#pd_left_img ul li a img {  max-width: 100%; max-height: 100%; position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; }
.bxi_nav { position: absolute; transition: all 0.15s ease-in-out; display: block; color: #FFFFFF; background-color: var(--cl); border-radius: 8px; transform: translateY(-50%);  top: 50%; width: 34px; height: 24px; text-align: center; line-height: 26px; font-size: 16px; }
.bxi_nav:hover { color: #FFFFFF; background-color: var(--cl2); }
#bxi_prev { left: -50px;  }
#bxi_next { right: -50px; }
.video-prod { position: relative;  }
.video-prod::after { z-index: 6; color: #ff0101;   top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 1.8rem; border-radius: 7px; position: absolute; display: block; content: "\f167"; font-family: 'Font Awesome 5 Brands';  }
.video-prod::before { z-index: 5; background-color: #ffffff;  top: 50%; left: 50%; transform: translate(-50%,-50%); content: ''; position: absolute; display: block; width: 12px; height: 12px;  }
#pd_left_descr { text-align: left; font-size: 1.1rem; line-height: 1.6rem; margin: 4rem 0 0 0; }

#prod_right { float: right; width: 50%; text-align: left; padding: 0 1.8rem; margin-top: 20px; }
.prod-name { font-size: 1.65rem; font-weight: 600; color: var(--cl); line-height: 2rem; }
.prod-code { font-size: 0.92rem; padding: 1.5rem 0 1rem 1rem; text-transform: lowercase; font-weight: 300; color: #646464; }
#prod_right .price_filler { display: none !important;} 
.prod-price { background-color: #f6f6f6; padding: 1.25rem; margin: 1.45rem 0 0 0; position: relative; border-radius: 20px;  }
.prod-price .pricepromo , .prod-price .price { font-size: 1.85rem; font-weight: 600; padding-top: 0.5rem; }
.prod-price .pricepromo u , .prod-price .price u { font-size: 1.1rem }
.prod-price .priceold { font-size: 1.1rem; }
.prod-price .salestag { width: 70px; height: 26px; margin-bottom: 0.75rem; text-align: center;  line-height: 26px; border-radius: 7px; display: block; background-color: var(--cl2); }
.salestag i { font-size: 0.9rem; font-weight: 400; color: var(--cl-text); margin-right: 5px; display: inline-block; }
.salestag b { font-size: 0.9rem; font-weight: 400; color: var(--cl-text); margin-right: 1px; display: inline-block; }
.salestag u { font-size: 0.9rem; font-weight: 400; color: var(--cl-text); margin-right: 5px; display: inline-block; text-decoration: none; }

.prod-color-choose { margin: 3rem 0 0 0; }
.prod-color-choose .t { font-size: 1.5rem; }
.prod-color-choose-grid { display: grid; gap: 0.75rem; margin: 1rem 0 0 0 ; grid-template-columns: repeat(auto-fill, minmax(92px, 1fr)); }
.prod-color-choose-item { display: block; overflow: auto; width: 100%; aspect-ratio: 1; border-radius: 16px; border-color: #e8e8e8; border-style: solid; border-width: 2px; transition: all 0.2s; padding: 3px; }
.prod-color-choose-item:hover , .prod-color-choose-item.akt:hover , .prod-color-choose-item.akt { border-color: var(--cl); }
.prod-color-choose-item img {  width: 98%; height: 100%; object-fit: cover; display: block; }

.prod-size-choose { margin: 3rem 0 0 0; }
.prod-size-choose .t { font-size: 1.5rem; }
.prod-size-choose-grid { margin-top: 1rem; }
.prod-size-choose-item { display: inline-block; margin-right: 0.75rem;  text-align: center; padding: 10px 17px; white-space: nowrap; font-size: 1.20rem; color: var(--cl-text); font-weight: 600; border-radius: 16px; border-color: #e8e8e8; border-style: solid; border-width: 2px; transition: all 0.2s;   }
.prod-size-choose-item:hover , .prod-size-choose-item.akt:hover , .prod-size-choose-item.akt { border-color: var(--cl); }

.prod-stoc {   text-align:left;   position: relative; margin-left: 4px; padding-left: 20px; text-transform: uppercase; font-size: 0.7rem; font-weight: 500; }
.prod-stoc::before { position: absolute; display: block; content: ''; width: 12px; height: 12px; border-radius: 11px; top: 50%; left: 0; transform: translateY(-50%); }
.prod-termen {   color: #646464; font-weight: 300; font-size: 0.9rem; white-space: nowrap; margin-top: 3px;  }
.prod-dimens { color: #405067; font-weight: 400; font-size: 1rem; margin-top: 1rem; }
.prod-dimens span { color: #aaa; letter-spacing: 1px;  }
.prod-dimens p { vertical-align: top; display: inline-block; margin: 0; padding: 0; }
.prod-metal { color: #405067; font-weight: 400; font-size: 1rem; margin-top: 1rem; }
.prod-metal span { color: #aaa; letter-spacing: 1px;  }
.prod-metal p { vertical-align: top; display: inline-block; margin: 0; padding: 0; }
.prod-compos { color: #405067; font-weight: 400; font-size: 1rem; margin-top: 1rem; }
.prod-help { margin-top: 1rem; text-align: center; margin-bottom: 4rem;  color: var(--cl); font-weight: 300; }
.prod-help i { font-size: 2rem; margin-bottom: 10px; color: var(--cl);}
.prod-help b {  color: var(--cl); font-weight: 300; }
.prod-help a { text-transform: underline;  color: var(--cl); font-weight: 300; }
.prod-terms { display: flex; width: 80%; margin: 1.5rem auto 2.5rem auto; justify-content: space-between; }
.prod-terms a { width: 30%; text-align: center; cursor: default; color: #a0a0a0; }
.prod-terms a i { font-size: 1.6rem; }
.prod-terms a span { display: block; line-height: 1.1rem; font-size: 0.92rem; margin-top: 0.5rem; color: var(--cl-text); font-weight: 300; }

.prod-actions { display: grid; gap: 1rem; grid-template-columns: 5fr 1fr; margin-top: 2.5rem; }
.prod-actions > * {  }
.prod-addtocos { text-align: center; }
.prod-addtocos a { width: 100% !important; display: block; text-transform: uppercase; transition: all 0.2s; padding: 14px 0; background-color: var(--cl); color: #FFFFFF; border-radius: 22px !important; text-align: center;     }
.prod-addtocos a:hover { background-color: var(--cl); color: var(--cl2); }

.prod-addtofav {   text-align: center; }
.prod-addtofav a { width: 100% !important; display: block; transition: all 0.2s; padding: 12px 0; background-color: var(--cl-f);   border-radius: 22px !important; text-align: center; border: 2px solid #c0c0c0;  }
.prod-addtofav a i { font-size: 1.25rem }
.prod-addtofav a .fas { color: var(--cl-red); }
.prod-addtofav a .fal { color: var(--cl-gray); }

#proddescr { text-align: left; }
#proddescr > .a { border-bottom: 1px solid #d0d0d0 }
#proddescr > .a > div { display: inline-block; font-size: 1.125rem; font-weight: 600; color: #838383; transition: 0.2s all; cursor: pointer; padding: 1rem 2.4rem; border-bottom-width: 3px;  border-color: transparent; border-bottom-style: solid;}
#proddescr > .a > div:hover , #proddescr .a > div.active:hover , #proddescr .a > div.active { color: var(--cl-0); cursor: pointer; border-bottom-color: #9e9e9e }
#proddescr > .b { margin: 1rem 0; }
.prop-line { border-radius: 8px; padding: 0.9rem 1.25rem; font-size: 0; }
.prop-line > * { display: inline-block; vertical-align: top; font-size: 1rem; }
.prop-line .a { width: 18%; font-weight: 600; }
.prop-line .b { width: 82%; padding-left: 1rem; font-weight: 300; }
.prop-line.prpidx0 { background-color: #f0f0f0; }
.prop-line.prpidx1 { background-color: #ffffff; }

.prop-prev { padding: 0 0 0.3rem 1.1rem; }
.prop-prev i { color: #b0b0b0; font-size: 1.1rem;  }
.prop-prev .a { padding-left: 0.5rem; color: #717171 }
.prop-prev .b {  color: #717171 }

.prop-prev-lnk { margin: 0.7rem 0 1.5rem 2.75rem; font-weight: 500; text-decoration: underline; cursor: pointer; }

.prod-share { height: 30px; margin-bottom: 2rem; }
#pd_descr { margin-top: 3rem  }
#pd_descr ul br { display: none; }
#pd_descr ul p { margin: 0; padding: 0;  }
#pd_descr a { color: var(--cl); text-decoration: underline; font-weight: 600; }
#pd_descr a.vonalzo { position: relative; margin-left: 2.3rem; }
#pd_descr a.vonalzo::before { position: absolute; top: 1px; left: -36px; display: block; content: "\f547"; font-family: 'Font Awesome 5 Pro'; font-weight: 400; color: var(--cl); font-size: 20px;  }
#pd_descr #pd_descr_des { display: none; font-size: 1.05rem; font-weight: 400; line-height: 1.75rem; }
#pd_descr #pd_descr_sym  { display: inline-block;  margin-left: 11px;  }
#pd_descr #pd_descr_sym i { font-size: 1.3rem; color: var(--cl); transition: all 0.2s; }
#pd_descr.closed #pd_descr_sym i { transform: rotate(90deg); }
#pd_descr li.felsorol { position: relative; list-style-type: none; margin: 4px 0; }
#pd_descr li.felsorol::before { position: absolute; top: 1px; left: -30px; display: block; content: "\f058"; font-family: 'Font Awesome 5 Pro'; font-weight: 400; color: #91ba78; font-size: 20px;  }

#pd_descr #pd_descr_tit { font-size: 1.5rem; cursor: pointer; }
#pd_descr #pd_descr_des { margin-top: 10px; padding: 1rem 2rem; background-color: var(--cl3); border-radius: 19px; }

/**/
 

 
/* ask window */
#fclose { float: right; line-height: 24px; color: #ffffff; transition: background-color 0.2s; text-align: center; margin: 7px 0 0 0; width: 24px; height: 24px; background-color: #c09680; border-radius: 4px; display: block; }
#fclose:hover { color: #ffffff;  background-color: #a66663;  }
#formcump {  font-size: 18px; color: #111; padding-top: 26px; text-align: left}
#ftrim-ok { display: none; font-size: 16px; color: #FFFFFF; line-height: 52px; height: 52px; text-align: center; background-color: #79b47b; clear: both; }
#fprod-left { width: 120px; margin: 0 45px 0 33px; height: 135px; float: left;  }
#fprod-right {  float: left; margin: 20px 0 0 0px; color: var(--cl); font-size: 16px; width: 340px;  }

.askform { text-align: left; margin: 20px 0 0 30px; display: block; }
.fpinp { transition: border-color, 0.2s; width: 300px; height: 31px; border: 1px solid #d6d6d6; border-radius: 5px; line-height: 39px; color: #4e4e4e; padding-left: 11px; font-size: 16px;  }
.fptxt { line-height: 17px; padding-top: 9px; transition: border-color, 0.2s; width: 420px; height: 90px; border: 1px solid #d6d6d6; border-radius: 5px;   color: #4e4e4e; padding-left: 11px; font-size: 16px;  }
.fplbl { text-align: left; font-size: 14px; color: #4e4e4e;  }
.fpsmb { padding: 12px 35px; background-color: #e0e2e1; color: #4e4e4e; border-style: none; cursor: pointer;  border-radius: 4px; transition: background-color 0.2s; font-size: 16px; }
.fpsmb:hover { background-color: #c7c7c7;color: #4e4e4e;  }
#askprl { width: 32px; height: 32px; display: none; }
.fpinp , .fptxt { margin-bottom: 1rem; }
.fpfocblu:focus { border-color: var(--cl2); }
.red_alert { background-color: #d9bcbd; }
/* */

/* nws window */
#nwsclose { position: absolute; z-index: 100; top: -11px; right: -11px; line-height: 24px; color: #000000; transition: background-color 0.2s; text-align: center; width: 24px; height: 24px; background-color: #ffffff; border-radius: 20px; display: block; }
#nwsclose:hover { color: #ffffff;  background-color: #a66663;  }
 
.nwsform { text-align: left; margin: auto; width: 87%; display: block;  } 	
#fnews-left { width: 55%; height: 100%; display: inline-block; overflow: hidden;   }
#fnews-left img { width: 100%; height: 100%; object-fit: cover; }
#fnews-right { width: 44%; height: 100%; display: inline-block; overflow: hidden; background-color: #415168; }
.nwssubs-title-1 { font-size: 2.4rem; font-weight: 700; line-height: 2.4rem; color: #b3a294; text-align: center; margin-top: 2rem;  }
.nwssubs-title-2 { font-size: 1.2rem; font-weight: 300; line-height: 1.5rem; color: #ffffff; text-align: center; margin-top: 1.5rem; margin-bottom: 2rem;  }
.nwsinput { text-align: center; margin-bottom: 0.7rem; position: relative; }
.nwsinput input { height: 46px; line-height: 46px; border-radius: 10px; font-weight: 700; background-color: #FFFFFF; text-indent: 12px; color: #000000; font-size: 14px; border: 1px solid #000000; width: 280px; }
.nwsinput input::placeholder { color: #333333 !important; font-weight: 400; opacity: 1;  }
.prin_abon { font-size: 0.8rem; color: #A0A0A0; text-align: center; width: 270px; margin: auto; line-height: 1rem;}
.prin_abon a { color: #C0C0C0; text-decoration: none; }
.nwssubmit { text-align: center; margin: 2rem auto 0 auto; }
.errema , .erralr { display: none; color: #FF8888; font-weight: 600; text-align: center; }
.sikema { display: none; color: #E0FF00; font-weight: 600; text-align: center; }
.nwscancel { text-align: center; margin-top: 0.6rem; }
.nwscancel a { color: #b3a294; }


.promobanner { display: block; width: 100%; aspect-ratio: 2.42; font-size: 0; margin-top: 100px; }
.promobanner .a { position: relative; width: 38%; display: inline-block; vertical-align: middle; background-color: var(--cl); height: 100%; }
.promobanner .aa { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: var(--cl-f); text-align: center; width: 100%;  }
.promobanner .ab { width: 80%; margin: auto; font-weight: 600; font-size: 3.75rem; line-height: 4.4rem; font-family: var(--ft2);  }
.promobanner .ac { width: 66%; margin: auto; font-size: 1.25rem; padding-top: 1.2rem; font-weight: 300; line-height: 1.75rem; }
.promobanner .b { width: 62%; display: inline-block;  vertical-align: middle; height: 100%; }
.promobanner .b img { display: block; width: 100%; height: 100%; object-fit: cover; }
.promobanner .b img.pb_mobile { display: none !important; }

.nwsbanner { position: relative; display: block; width: 100%; aspect-ratio: 2;  }
.nwsbanner_bg { position: absolute; width: 100%; z-index: -1; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center top; }
.nwsbanner_bg_m { display: none; }
.nwsbanner .a { position: absolute; text-align: center; z-index: 5; display: block;  width: 95%; top: 55%; left: 50%; transform: translate(-50%,-50%);  }
.nwsbanner .aa { font-size: 3.75rem; line-height: 4.25rem; color: var(--cl-f); font-family: var(--ft2); width: 80%; max-width: 1000px; margin:0 auto 4.9rem auto; }
.nwsbanner .bb > * { vertical-align: middle; display: inline-block;  }
.nwsbanner .bb .b1 { font-size: 1.75rem; color: var(--cl-f); }
.nwsbanner .bb .b2 input { border: 0; margin-left: 40px; height: 47px; text-indent: 7px; background-color: var(--cl-f); border-radius: 1rem; color: var(--cl-text); font-weight: 600; font-size: 1rem; width: 275px; }
.nwsbanner .bb .b3 { margin-left: 8px;  }
.nwsbanner .cc { font-size: 1.125rem; width: 95%; line-height: 1.35rem; font-weight: 300; color: var(--cl-f); margin: 3.9rem auto 0 auto; line-height: 1.75rem; }
.nwsbanner .cc a {  color: var(--cl-f); text-decoration: underline; }
.nwsbanner .cc a:hover {  color: var(--cl-f); text-decoration: underline; }


/* BRANDS */
.brands-descr-mobile-image { display: none; }
.brands-descr { margin: 2rem auto 5rem auto; width: 95%; text-align: center; }
.brands-details { text-align: center; }
.brands-descr-desktop-image img { max-width: 100%; }

/* cos */
.cos_no_items { margin: 5rem auto; }
.cos_no_items div { font-size: 2rem; padding: 2rem;  }
.cos_no_items a {  margin: 2rem;  }

#cos_page { margin: 2rem 0; min-height: 350px; }
#cos_page * {   }
.cosn_item { text-align: left; padding-top: 1rem; }
.cosn_item::after { display: block; content: ""; height: 1px; overflow: hidden; border-bottom: 1px dashed var(--cl2); }
.cosn_nr { display: inline-block; width: 4%; vertical-align: top; font-size: 1.5rem; font-weight: 300; line-height: 1.75rem; padding-top: 1rem; }

.cosn_deta { display: inline-block; width: 25%; vertical-align: top; }
.cosn_deta .cosn_name { font-size: 1.5rem; font-weight: 300; line-height: 1.75rem; padding-top: 1rem; max-width: 90%; }
.cosn_deta .cosn_name:hover { text-decoration: underline; }
.cosn_deta .cosn_pic {  width: 35%; display: block;   padding-top: 1rem; }
.cosn_deta .cosn_pic img { width: 100%; height: auto;  }


.cosn_3  { width: 70%; display: inline-block; vertical-align: top; padding-left: 2rem; padding-top: 0.4rem; }
.cosn_3 .cosn_qty_price { text-align: right; }
.cosn_3 .cosn_qty_price .cosn_qty { display: inline-block; vertical-align: middle; margin-right: 5rem;  }
.cosn_3 .cosn_qty_price .cosn_pricediv { display: inline-block; vertical-align: middle; line-height: 2rem;  }
.cosn_3 .cosn_qty_price .cosn_qty > span { vertical-align: middle; display: inline-block; width: 36px; height: 36px; line-height: 36px; text-align: center; }
.cosn_3 .cosn_qty_price .cosn_qty .cosn_buc_name {  font-size: 1.1rem; margin-right: 4rem; display: inline-block;  }
.cosn_3 .cosn_qty_price .cosn_qty .cosn-cc {  cursor: pointer;  border-radius: 2px; transition: background-color 0.14s; }
.cosn_3 .cosn_qty_price .cosn_qty .cosn-cc:hover { background: var(--cl2);  }
.cosn_3 .cosn_qty_price .cosn_qty .cosn-cc:hover i { color: var(--cl-f) !important;  }
.cosn_3 .cosn_qty_price .cosn_qty .cosn-cc i { font-size: 0.9rem; color: var(--cl);  }
.cosn_3 .cosn_qty_price .cosn_qty .cosn-buc { transition: all 0.2s; font-size: 1.1rem; border-radius: 4px;  margin: 0 1rem; width: 50px; cursor: text;  border: 1px solid #b8b8b8;  border-radius: 4px;  background: #fff;  color: #333; box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.4); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }
.cosn_3 .cosn_qty_price .cosn_qty .cosn-buc:hover { background-color: var(--cl3);  }
.cosn_3 .cosn_priceline { text-align: right; padding-right: 40px; }
.cosn_3 .cosn_procent  {   text-align: right; padding-right: 40px;}
.cosn_3 .cosn_procent .salestag {  width: 70px; height: 26px; text-align: center; line-height: 26px; border-radius: 7px; display: inline-block; background-color: var(--cl2);  }

.cosneditval { font-size: 1rem; padding: 5px 7px 5px 0; width: 60px; text-align: right }

.comm_procent  {   text-align: right; margin-bottom: 0.1rem; }
.comm_procent .salestag {  width: 70px; height: 26px; text-align: center; line-height: 26px; border-radius: 7px; display: inline-block; background-color: var(--cl);  }


.cosn_3 .cosn_priceunline {   text-align: right; padding-right: 40px;}
.cosn_3 .cosn_priceextra { text-align: right;  padding-right: 40px;}
.cosn_3 .cosn_pricetotal { margin-top: 1rem; text-align: right;  padding-right: 40px;}
.cosn_3 .cosn_price { font-weight: 700; }
.cosn-buc-one .fa-minus { display: none; }
.cosn-buc-one .fa-trash { display: inline-block; color: #BB2222 !important; }
.cosn-buc-more .fa-trash { display: none; }
.cosn-buc-more .fa-minus { display: inline-block; }

.cosn_config {  }

.cosn_grand_total { margin: 3rem auto; background-color: var(--cl); padding: 40px 40px; text-align: right; border-radius: 10px; }
.cosn_grand_total .a , .cosn_grand_total .b , .cosn_grand_total .c { vertical-align: middle; display: inline-block; color: var(--cl-f); font-size: 1.2rem; }
.cosn_grand_total .c { margin-right: 5rem }

.cosn_accept { margin: 2rem 0.5rem 2rem 0;  text-align: right;  }
.cosn_accept a { text-decoration: underline; color: var(--cl); }

.cosn_next2 { margin: 2rem auto; background-color: var(--cl); padding: 40px 40px; text-align: right; border-radius: 13px; }
.cosn_next2 .c { vertical-align: middle; display: inline-block; color: var(--cl-f); font-size: 1.2rem; }

/* comanda */
.command_section { text-align: left; margin: 2rem 0 6rem 0; }
.command_section_title { font-size: 1.5rem; font-weight: 700; border-bottom: 1px dashed var(--cl); color: var(--cl); padding-bottom: 5px; margin: 1rem 0; }
.command_section_grid { display: grid; grid-gap: 26px; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); }
.command_section_row { background-color: #EDEDED; padding: 1.5rem 1.5rem; border-radius: 13px; }
.command_section_row_inp { margin: 1rem 0 0 0; }
.command_section_row_inp input , .command_section_row_inp textarea ,
.command_section_row_inp select { width: 100%; height: 32px; line-height: 32px; text-indent: 5px; color: var(--cl); font-weight: 700; font-size: 1rem; background-color: #FFFFFF; border-top-style: none; border-left-style: none; border-right-style: none; border-bottom-style: dashed; border-width: 0px; }
.command_section_login { margin: 1rem 0; }
.command_section_login a { text-decoration: underline; font-weight: 700; }
.command_section_login i { margin-right: 0.5rem; }
.command_section_choises { margin: 1rem 0 1.5rem 0; }
.command_section_choise { padding: 12px 30px;  border: 0 none; cursor: pointer; border-radius: 13px; margin-right: 0.5rem; font-size: 1rem; }
.command_section_choise i , .command_section_choise span { vertical-align: middle; display: inline-block; }
.command_section_choise i { margin-right: 1rem; font-size: 1.4rem; }
.command_section_choise.checked { background-color: var(--cl); color: var(--cl-f); }
.command_section_choise.checked .fa-circle { display: none; }
.command_section_choise.checked .fa-check-circle { display: inline-block; }
.command_section_choise.unchecked .fa-circle { color: rgba(255,255,255,0.5); display: inline-block; }
.command_section_choise.unchecked .fa-check-circle { display: none; }
.command_section_choise.unchecked { background-color: #E0E0E0; color: #000000; transition: all 0.14s;  }
.command_section_choise.unchecked:hover { background-color: var(--cl); color: var(--cl-f); }
.command_section_choise_info { margin-top: 1rem; }
.command_section_choise_info span.unchecked { display: none; }
.command_section_row .pre_expl { margin-top: 5px; font-size: 14px; font-style: italic; }
.jmandat { transition: background-color 0.2s; }
.jmandat_alert { background-color: #e2b6b6 !important; }
.command_section_copy_date { margin: 0 0 2rem 0; }
.command_section_copy_date button i { margin-right: 1rem; }
 

#cos_comm_cback { margin-right: 30px;  }
#ridicmap { display: none; margin-top: 6px; vertical-align: top;  }
#ridicmap i { font-size: 1.6rem }
#ridicmap.show { display: inline-block;  }
#ridicmap.show2 { display: inline-block;  }


#cs_livr_loc { cursor: pointer;  height: 46px; line-height: 20px;}
#cs_livr_loc:hover {  }
#local_select_cont { position: relative; }
#local_select_div { display: none; position: absolute; z-index: 50; top: 34px; left: 0; right: 0px; background: #FFFFFF;box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.3);   }
#local_select_div textarea#lssim { resize: none; overflow: hidden; padding-left: 34px; position: relative; font-weight: 400; color: #555}
#local_select_div textarea#lssim::placeholder { color: #999; font-style: italic; font-weight: 400; }
#local_select_div i.fa { position: absolute; z-index: 10; top: 9px; left: 8px; color: var(--cl); }
#local_select_div u { display: block; width: 100%; overflow: auto;  }
#locres {  height: 120px; overflow: auto;  background: #e9e9e9; }
.loc-res-none { padding: 10px; color: Red; }
.loc-res-item { padding: 0 0 0 5px; font-size: 0.8rem; cursor: pointer; color: #000000; height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.loc-res-item:hover { background-color: var(--cl); color: #FFFFFF;}

#locker_loc_id { display: none; }
#locker_loc_name { font-weight: 600; }
#locker_loc_address { font-weight: 400; font-size: 0.95rem; }
#overlay_locker { position: fixed; display: none; z-index: 9990; top: 5%; left: 5%; width: 90%; height: 90%; background-color: #EEEEEE; border-radius: 16px; border: 10px solid #C0C0C0;  }
#overlay_locker_close { position: absolute; display: block; z-index: 9999; top: 5px; right: 5px;  }
#overlay_locker_content { position: absolute; display: block; z-index: 9995; top: 0; bottom: 0; left:  0px; right:  0px;   }
#locker_loc_sele { margin-top: 11px; }

#com_rezum { display: grid; gap: 3rem; grid-template-columns: repeat(3, 1fr); margin: 4rem 0; }
#com_rezum > div { padding: 2rem 3rem 2rem 2rem ; background-color: #F0F0F0; border-radius: 13px; text-align: left; }
#com_rezum > div .a { font-size: 1.5rem; font-weight: 400; color: var(--cl); margin-bottom: 2rem; padding-bottom: 10px; border-bottom: 1px solid var(--cl2); }
#com_rezum > div .b { font-size: 1rem; font-weight: 400; line-height: 1.4rem;   }
#com_rezum > div b {  color: var(--cl); font-size: 1.15rem;  }

#com_prod_rezum { padding: 2rem 3rem 2rem 2rem ; background-color: #F0F0F0; border-radius: 13px; text-align: left; }
.com_prod_rezum_row { margin-bottom: 4rem; clear: both;  }
.com_prod_rezum_row::after { display: table; content: ""; clear: both; }
.com_prod_rezum_row .l {   width: 50%; color: var(--cl); font-size: 1.1rem; }
.com_prod_rezum_row .l .la span { font-weight: 400; }
.com_prod_rezum_row .l .la a {  color: var(--cl); }
.com_prod_rezum_row .l .la a:hover {  color: var(--cl); text-decoration: underline;  }
.com_prod_rezum_row .l .la { font-weight: 700; }
.com_prod_rezum_row .l .lb { margin-left: 18px; font-size: 1rem;  }
.com_prod_rezum_row .l .lb .p { color: #777777; }
.com_prod_rezum_row .l .lb .v { color: #000000; margin-left: 4px;  }
.com_prod_rezum_row .r { float: right; width: 49%; text-align: right; font-size: 1.1rem; }
.com_prod_rezum_row .r .buc { margin-right: 6px; }
.com_prod_rezum_row .r .x { margin-right: 6px;  }
.com_prod_rezum_row .r .un { margin-right: 6px;  }
.com_prod_rezum_row .r .tt {  margin-left: 6px; font-weight: 600;  }
#com_prod_rezum .subt { text-align: right; font-size: 1.1rem; margin-bottom: 7px; }
#com_prod_rezum .livr { text-align: right; font-size: 1.1rem; margin-bottom: 25px; }
#com_prod_rezum .livr i { font-size: 1rem; cursor: pointer; }
#com_prod_rezum .tota { text-align: right; font-size: 1.15rem; font-weight: 700; margin-top: 2.5rem; }
#com_prod_rezum .subt span , #com_prod_rezum .livr span , #com_prod_rezum .tota span { color: #777777 }
.livr_expl { text-align: right; display: none; font-size: 0.85rem; }
.sd4 { border-bottom: 1px solid var(--cl2); margin-bottom: 2rem; }
#comm_go .l { display: none; }

#com_rezum_voucher { text-align: right; color: #CC4444; font-weight: 700; font-size: 1.1rem;}
#com_rezum_voucher span { color: #444444; font-weight: 400; margin-left: 5px; font-size: 1rem;  }
#com_rezum_voucher input { margin-right: 5px; margin-left: 5px; border: 2px dashed var(--cl2); border-radius: 13px; width: 130px; height: 36px; line-height: 36px; text-indent: 2px; letter-spacing: 3px; font-family: 'courier new'; text-transform: uppercase; font-size: 1rem; font-weight: bold  }
#com_rezum_voucher_applied { text-align: right;   }
#com_rezum_voucher_applied u { text-decoration:none; font-weight: 700; color: var(--cl);  }
#applyvoucher { background-color: var(--cl2); color: var(--cl-f); border-radius: 9px; border: 1px solid var(--cl); font-size: 0.9rem; padding: 3px 10px; cursor: pointer; }
#applyvoucher:hover { background-color: var(--cl);    }
#voucher_remove { background-color: var(--cl-red); color: var(--cl-f); border-radius: 9px; border: 1px solid var(--cl-red); font-size: 0.9rem; padding: 3px 10px; cursor: pointer; }
#voucher_remove:hover { background-color: var(--cl-red);    }



.comanda_conf { margin: 4rem auto; }
.comanda_conf .a { margin: 2rem auto;}
.comanda_conf .a i { font-size: 5rem; color: var(--cl); }
.comanda_conf .b { margin-bottom: 3rem; font-size: 1.5rem; color: var(--cl); font-weight: 700; }
.comanda_conf .p { margin: 0 0 2rem 0; }
.comanda_conf .c {  }
.comanda_conf .p-mentiuni-card { margin-top: 2.3rem; font-size: 13px; color: #555; font-style: italic; }

/* user forms */
.login-form { padding: 2rem 4rem; background-color: var(--cl); width: 60%; border-radius: 22px; margin: 2rem auto 14rem auto; text-align: left; }
.user_section_row {  padding: 1.5rem 1.5rem; border-radius: 6px; color: var(--cl-f); }
.user_section_row_min {  padding: 0.2rem 1.5rem; border-radius: 6px; color: var(--cl-f); }
.user_section_row_prin_inreg { font-weight: 300; color: #DDD; font-size: 0.9rem; line-height: 1rem; }
.user_section_row_prin_inreg a { text-decoration: underline; color: #E9E9E9; }
.user_section_row_prin_inreg a:hover { text-decoration: underline; color: #FFFFFF; }
.user_section_row_inp { margin: 1rem 0 0 0; }
.user_section_row_inp input , .user_section_row_inp select { width: 100%; height: 42px; line-height: 42px; border-radius: 3px; text-indent: 5px; color: var(--cl); font-weight: 700; font-size: 1rem; background-color: #FFFFFF; border-width: 0px; }
.user_section_row_inp input.ro {  background-color: #E0E0E0;  }
.user_section_link_button_left { display: block; margin-top: 1rem; color: var(--cl-f); font-weight: 300; }
.user_section_link_button_left:hover { color: var(--cl-f); text-decoration: underline; }
.user_section_row_chk { display: inline-block; vertical-align: middle; width: 7%; } 
.user_section_row_chk input { width: 22px; height: 22px; } 
.user_section_row_chklbl { display: inline-block; vertical-align: middle; font-weight: 300; width: 80%; } 
.user_section_row_chklbl a { color: #E0E0E0; text-decoration: underline; } 
.user_section_submit button { margin-bottom: 1rem; }
#lform  {  }
#lform abbr { position: absolute; top: 50%; transform: translateY(-50%); right: 16px; z-index: 10; cursor: pointer; font-size: 1.1rem; }
#lform abbr i { color: #333333; }
#lform abbr.show .show { display: block; }
#lform abbr.show .hide { display: none; }
#lform abbr.hide .show { display: none; }
#lform abbr.hide .hide { display: block; }


/* profile page */
.profile-cont { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.5rem; margin-top: 4rem; margin-bottom: 14rem; }

.profile-cont .profile-box { background-color: #F0F0F0; padding: 7rem 1.5rem 12rem 1.5rem; height: 260px; position: relative; border-radius: 1.2rem; }
.profile-cont .profile-box .profile-box-sym { position: absolute; top: 2rem; left: 50%; transform: translateX(-50%); }
.profile-cont .profile-box .profile-box-title { font-size: 1.6rem; font-weight: 300; }
.profile-cont .profile-box .profile-box-descr { margin-top: 1rem  }
.profile-cont .profile-box .profile-box-btn { position: absolute; bottom: 2rem; left: 50%; transform: translateX(-50%); }
.profile-cont .profile-box .profile-box-btn a { white-space: nowrap; }
.profile-cont .profile-box .profile-box-sym i { font-size: 3rem; color: var(--cl-hover); opacity: 0.5; }
.profile-cont .profile-box .profile-box-sym i.fa-heart { font-size: 3rem; color: red; opacity: 0.5; }

/* profile favs */
#profile-favs {  max-width: 1200px; width: 90%; margin: 0 auto 14rem auto; min-height: 320px; }
#profile-nofavs { margin: 6rem auto; font-size: 1.3rem; color: var(--cl); width: 60%; }


/* order list */
.order-list {  } 
.order-list .a { margin: 1rem 0; display: block; background-color: #e0e0e0; color: #000000; cursor: pointer; border-radius: 5px; display: flex; justify-content: space-between; padding: 1rem; cursor: pointer } 
.order-list .a:hover { background-color: var(--cl2); color: #FFFFFF;  } 
.order-list .a:hover * { color: #FFFFFF;  } 
.order-list .a .aa  { width: 24%; text-align: left;  } 
.order-list .a .ab  { width: 15%; text-align: left;  } 
.order-list .a .ac  { width: 37%; text-align: left;  } 
.order-list .a .ad  { width: 24%; text-align: right;  } 
.order-list .a b , .order-list .a span { display: block; color: var(--cl) } 
.order-list .a span { font-weight: 500; font-size: 0.9rem;  } 
#order-details-user { } 
#order-details-user a.button_goto { display: none; } 
.order-details-pay-status { text-align: left; }
.order-details-pay-now { text-align: left; margin-top: 1rem; }


/* search */
.search-descr {  margin-left: auto; margin-right: auto; width: 75%; text-align: left; }
 

#searchagprev { margin: 3rem 0 3rem 0; width: 100%; display: flex; justify-content: space-between; }
#searchagprev * { display: inline-block; vertical-align: top; }
#searchagprev span {    height: 46px; line-height: 46px; width: 10%; }
#searchagprev input  { height: 46px; line-height: 46px;   border: 1px solid #b0b0b0; border-radius: 5px; font-size: 16px; color: #444444; text-indent: 5px; width: 75%; }
#searchagprev button  { height: 46px; line-height: 46px; width: 10%; border-radius: 5px; font-size: 16px; border: none;   }
#searchagprev button i { display: block; transform: rotate(-45deg); font-size: 1.5rem; }

#gdpr5 { background-color: #f3f1ee; position: fixed;  box-shadow: 1px 0 4px 1px rgba(0,0,0,0.4); line-height: 1.2rem;  left: 0; right: 0; bottom: -200px; z-index: 160000; text-align: center; }
#gdpr5_bar { font-weight: 400; padding: 20px 3px 20px 3px; text-align: left;  margin: auto; width: 93%; max-width: 1560px; }
#gdpr5_bar .a { display: inline-block; vertical-align: middle;  color: #565656; font-size: 1rem; line-height: 1.4rem; width: 70%; }
#gdpr5_bar .a span { color: var(--cl); font-size: 1.5rem; font-weight: 700; line-height: 26px;  padding-bottom: 6px;  display: block; }
#gdpr5_bar .a a { color: #565656; text-decoration: underline; }
#gdpr5_bar .a a:hover { color: #565656; text-decoration: underline; }
#gdpr5_bar .b { display: inline-block; vertical-align: middle; width: 29%; text-align: center; }
#gdpr5_bar .b a { padding: 13px 24px 13px 24px; font-size: 1.2rem; border-radius: 12px; transition: all 0.14s; padding-left: 50px; background-color: var(--cl); color: var(--cl-f); cursor : pointer; position: relative; }
#gdpr5_bar .b a::before { position: absolute; display: block; content: '\f00c'; font-weight: 300; top: 50%; transform: translateY(-50%); left: 20px; font-family: 'Font Awesome 5 Pro'; }
#gdpr5_bar .b a:hover { background-color: var(--cl-hover); color: var(--cl-f); }
 
	
#contact_form { margin-top: 5rem; text-align: center; margin-bottom: 9rem; }
#contact_form label { font-size: 1rem; }
.ctitle1 { font-size: 3.125rem;  font-weight: 500; margin: 0 auto; color: #494949; font-family: var(--ft2); }
.ctitle2 { font-size: 1rem;  font-weight: 400; margin: 2rem auto 3.5rem auto; color: #494949; }
.finp , #txt { display: block; border:1px solid var(--cl-light-gray); font-weight: 600; margin: 25px auto 0 auto;  width: 70%; color: var(--cl-text); border-radius: 18px; font-size: 16px; height: 56px; line-height: 56px; text-indent: 16px;   }
#txt { resize: none; display: block; height: 160px; text-indent:0;  padding: 16px; line-height: 19px; overflow: auto;   }
.finp::placeholder , #txt::placeholder {  font-weight: 400;   }
.hov_border { transition: background-color 0.5s; background-color: var(--cl3); }
.hov_border:focus { background-color: var(--cl3); }
#csmb{  cursor: pointer;  margin-top: 10px; font-size: 14px !important; font-weight: 500 !important; text-transform: uppercase; }
#prlcont { display: none;  text-align: center;  margin: 0 auto;}
#prlcont i { color: var(--cl); font-size: 25px; }
#zoom_mobile { display: none; }
#zoom_desktop { }
#form_send_ok { display: none; background: #eaffef; margin-bottom: 10px;  border:1px solid #ccf0d4; padding: 20px; width: 98%;  }
#form_send_err { display: none; background: #ffe7e7; margin-bottom: 10px; border:1px solid #f6cdcd; padding: 20px; width: 98%;  }
#contfchk { margin: 1rem auto; }
#contfchk a { color: var(--cl); }
.form_mandatory_alert { border-color: #b75f5f !important; }

#contact_boxes { text-align: center; max-width: 1000px; margin: 3rem auto 0 auto; display: flex; justify-content: space-between; flex-wrap: nowrap; }
.contact_box { width: 32%;  border-radius: 4px; padding: 4rem 0; }
.contact_box i { color: var(--cl-hover); }
.contact_box .cbxsym { height: 7rem;  }
.contact_box .sboxtxt { max-width: 75%; margin: auto; color: var(--cl-text); font-weight: 500; font-size: 1.3rem; line-height: 1.75rem; }
#contact_box_1 i { font-size: 3rem;  }
#contact_box_2 i { font-size: 3rem;   }
#contact_box_3 i { font-size: 3rem;  }
#c_vizit { text-align: center; font-size: 24px; margin-top: 50px; }

#map  { width: 100%; height: 800px; display: block; background-position: center center; background-color: #000000; position: relative; background-repeat: no-repeat; background-size: cover; }
#map:hover .imgcover { opacity: 1;  }
#map .imgcover { position: absolute; z-index: 2; width: 100%; height: 100%; top:0; left:0; right: 0; bottom: 0;  background-color: rgba(72,88,43,0.22); opacity:0; transition: all 0.2s; display: block; border-radius: 7px; }
#map .imgcover i.fa { position: absolute; left: 50%; top: 50%; font-size: 40px; color: #FFFFFF; transform: translate(-50%,-50%); }

.retur_section_login { margin: 2rem 0 0 0; text-align: left; }
.retur_section_login a { text-decoration: underline; font-weight: 700; }
.retur_section_login i { margin-right: 0.5rem; }
.retur_inside_div { margin: 2rem 0 0 0; text-align: left; padding: 1rem;  }

.retur-cominf { line-height: 2.25rem; }
.retur-cominf .a.evid { font-weight: 700; font-size: 1.125rem; }
.retur-cominf .a.evid .aa { color: var(--cl-dark-gray); }
.retur-cominf .a.evid .bb { color: var(--cl); }

.retur-cominf .a { font-weight: 500; font-size: 1.125rem; }
.retur-cominf .a .aa {   }
.retur-cominf .a .bb {   }

.return-not-possible-nmfa { font-size: 1.125rem; color: var(--cl-red); font-weight: 700; }
.return-possible { margin-top: 30px; }
.return-possible .s { color: var(--cl); font-weight: 700; font-size: 1.2rem; margin-bottom: 20px; }
 
.command_section_row_lbl .ra { display: block; font-size: 1.125rem; color: var(--cl); font-weight: 700; }
.command_section_row_lbl .rb { display: block; font-size: 1rem; font-style: italic }
.command_section_row_lbl .rc { display: block; font-size: 1.2rem; color: var(--cl); font-weight: 700; }
.command_section_row_lbl .ci { float: left; margin-right: 17px; }
.command_section_row_lbl .ci img { border: 2px solid var(--cl); border-radius: 12px; width: 50px; height: 50px; }
.command_section_row_inp .rr { display: block; font-size: 1.125rem; color: var(--cl); margin-bottom: 10px; font-weight: 700; }

.info { background-color: var(--cl-light-gray); display: inline-block; margin: 20px 0; padding: 14px 30px; line-height: 1.45rem; border-radius: 16px; width: 100%; max-width: 1000px;}
.info .bb { font-size: 1.125rem;  }
.info .bb i { font-size: 1.25rem; margin-right: 10px; color: var(--cl); }

}

 
.arrow { position: fixed; z-index: 2000; bottom: 8%; left: 50%; transform: translate(-50%,-50%); display: none; }
.arrow span {
    display: block;
    width: 20px;
    height: 20px;
    border-bottom: 2px solid var(--cl-f);
    border-right: 2px solid var(--cl-f);
    transform: rotate(45deg);
    margin: -14px;
    animation: animate 2s infinite;
}

.arrow span:nth-child(2) {
    animation-delay: -0.2s;
}

.arrow span:nth-child(3) {
    animation-delay: -0.4s;
}

@keyframes animate {
    0%{
        opacity: 0;
        transform: rotate(45deg) translate(-20px,-20px);
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
        transform: rotate(45deg) translate(20px,20px);
    }
}
 

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    box-shadow: 0 0 0 30px white inset !important;
}


@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.3);
    opacity: 0.6;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}