/* ============================================================================================================================================================================== */
/* ============================================================================================================================================================================== */

@media all and (max-width: 740px) {

body {  }

#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.2rem; 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: 500; padding: 12px 28px 12px 28px; border-radius: 17px !important; }
.button_mid { font-size: 0.94rem; font-weight: 500; padding: 7px 18px 7px 18px; border-radius: 13px !important;  }
.button_min { font-size: 0.77rem; font-weight: 400; padding: 3px 12px 3px 12px; border-radius: 12px !important;  }

#admin_insert_link , #admin_insert_link1 { display: none; }

.mobile_only {  }
.desktop_only { display: none !important; }
.mobile_and_tablet_only {  }

/* 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: 280px; 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: 8px 19px 8px 19px; margin: 0 0.5rem;  border-radius: 12px; color: var(--cl-f); font-size: 0.87rem; transition: background-color 0.14s; white-space: nowrap;  }
.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; }

.cim { font-size: 30px; line-height: 40px; color: var(--cl); font-weight: 600; font-family: var(--ft2); margin: 32px auto 24px auto;  }
  
#searchdiv { display: none !important; }

#site { text-align: center; background-color: var(--cl-f); }
#top { display: none !important; } 
#mobile_top_spacer { height: 3.7rem; }

#top_m { position: fixed; height: 3.7rem; line-height: 3.8rem; background: var(--cl3); left: 0; right: 0; box-sizing: border-box;  text-align: center; top: 0; z-index: 101; }
#top_m.gl::after { content: ''; border-bottom: 1rem solid var(--cl); display: block; bottom: -1rem; left: 0; right: 0; position: absolute; }

#main_home { margin: 1.57rem 1.25rem 0 1.25rem; text-align: center; }
#main_home .a { font-size: 2.00rem; font-weight: 400; color: var(--cl); line-height: 2.2rem; }
#main_home .b { font-size: 1rem;  color: var(--cl-text); padding-top: 1rem; }

#nav-icon4 { height: 3.7rem; width: 3.7rem; line-height: 4.3rem; float: left; position: relative;  cursor: pointer; }
#nav-icon4 div { position: absolute; top: 0; bottom: 0; margin: auto; left: 0; right: 0; height: 100%; width: 100%; -webkit-transition: visibility 0s, opacity 0.4s linear; -moz-transition: visibility 0s, opacity 0.4s linear;  -o-transition: visibility 0s, opacity 0.4s linear;  transition: visibility 0s, opacity 0.4s linear; }
#nav-icon4 div i {  color: #333333; font-size: 26px; }
#nav-icon4.open #n1 { visibility: hidden !important; opacity: 0 !important; }
#nav-icon4.open #n2 { visibility: visible !important; opacity: 1 !important; }
#nav-icon4 #n1 { visibility: visible !important; opacity: 1 !important; }
#nav-icon4 #n2 { visibility: hidden !important; opacity: 0 !important;  }

#icon_search_m { float: right; height: 100%; line-height: 3.9rem; position: relative; margin-right: 0.5rem; }
#icon_search_m i { color: #777; font-size: 1.2rem; padding: 0 0.5rem; }
#icon_search_m i:hover { color: var(--cl);   }

#icon_cos_m { float: right; height: 100%; line-height: 3.8rem; position: relative; margin-right: 0.5rem; }
#icon_cos_m i { color: #777; font-size: 1.2rem; padding: 0 0.5rem; }
#icon_cos_m i:hover { color: var(--cl);   }
#icon_cos_m.items b { display: block !important; position: absolute; left: 60%; top: 25%; width: 11px; height: 11px; line-height: 14px; text-align: center; font-weight: 400; color: #FFFFFF; font-size: 0.8rem; border-radius: 8px; background-color: var(--cl); }
#icon_cos_m b { display: none; }

#icon_fav_m { display: none; float: right; height: 100%; line-height: 3.8rem; position: relative; margin-right: 0.5rem; }
#icon_fav_m i { color: #777; font-size: 1.2rem; padding: 0 0.5rem; }
#icon_fav_m i:hover { color: var(--cl);   }
#icon_fav_m.items b { display: block !important; position: absolute; left: 58%; top: 27%; width: 16px; height: 16px; line-height: 14px; text-align: center; font-weight: 400; color: #FFFFFF; font-size: 0.8rem; border-radius: 8px; background-color: var(--cl); }
#icon_fav_m b { display: none; }

#icon_cont_m { float: right; height: 100%; line-height: 3.7rem; position: relative; margin-right: 0.5rem; }
#icon_cont_m i { color: #777; font-size: 1.2rem; padding: 0 0.5rem; }
#icon_cont_m i:hover { color: var(--cl);   }

#langchg_m {  z-index: 50; width: 140px; border-radius: 16px; padding: 13px 11px; height: auto !important; background: #F7F7F7; position: absolute; top: 70px; right: 0; }
#langchg_m.hidden { display: none; }
#langchg_m a { display: block; height: 42px; line-height: 40px;  text-align: left; padding-left: 19px; border-radius: 12px; transition: all 0.15s; }
#langchg_m a:hover > span { color: var(--cl4); }
#langchg_m a > * { display: inline-block; vertical-align: middle;  }
#langchg_m a > img { height: 30px; width: 30px;  }
#langchg_m a > span { color: #000; font-weight: 700; font-size: 0.8rem; margin-left: 8px; }

#tlang_m { float: right; height: 100%; line-height: 4.1rem; position: relative; margin-right: 0.4rem; cursor: pointer;  }
#tlang_m img { width: 22px; height: 22px; }

#logo_m { float: left; height: 3.7rem; line-height: 5rem; display: block; overflow: hidden; margin-left: 1rem;   }
#logo_m img {  height: 50%;   }

#search_m { background-color: var(--cl); text-align: left; position: relative; display: none; line-height: 1.3rem; top: 3.7rem; position: fixed; width: 100%; z-index: 140; box-shadow: 0 3px 4px 1px rgba(0,0,0,0.4);}
#szo_cont_m { height: 2.7rem; overflow: hidden; width: 75%; background: var(--cl-f);  margin: 1.8rem 0 1.8rem 2rem; border-radius: 6px; }
#szo_m { font-size: 1rem; line-height: 100%; height: 100%; text-indent: 1rem;   float: left; display: block; font-weight: 400; color: #000000; width: 85%; background: var(--cl-f); border-width: 0; }
#search_go_m { display: block;  height: 100%; background: #bbbbbb; float: right; width: 13%; line-height: 3rem; color: var(--cl-f); font-size: 1rem;  text-align: center; }
#search_go_m i { }
#search_m_close { position: absolute; top: 50%; padding: 1rem; transform: translateY(-50%); right: 2%;  font-size: 1.5rem;  display: block; color: var(--cl-f) !important; }
 
.dontscroll { overflow: hidden !important; }
#menumscrl { overflow: auto; -webkit-overflow-scrolling: touch; height: 100%; width: 100%; }
#menu { display: none; font-size: 0.7rem; }
.menu_m_open { left: 0 !important; right: 0 !important; }
#menu_m { position: fixed; display: block; z-index: 500; padding-top: 0.2rem; text-align: left; top: 3.7rem; bottom: 0; left: -200%; right: 101%; background: var(--cl3); -webkit-transition: .3s ease-in-out;  -moz-transition: .2s ease-in-out;  -o-transition: .2s ease-in-out;  transition: .2s ease-in-out;  }
#menu_m ul { margin: 0; padding: 0; list-style-type: none; }
#menu_m li { display: block; position: relative; }
#menu_m li.legal {  }
#menu_m li.legal a { font-size: 0.8rem !important; color: #555; }
#menu_m>div>ul>li { border-bottom: 1px solid #d2d2d2; }
#menu_m li a , #menu_m li span { color: #404040;  text-decoration: none; display: inline-block; position: relative; width: 100%; }
#menu_m ul > li.f1 > a , #menu_m ul > li.f1 > span {  padding: 0.4rem 0 0.4rem 1rem; font-weight: 600; font-size: 1rem;  text-transform: uppercase; }
#menu_m ul > li.f1.p1 > a { color: var(--cl); }
#menu_m ul > li.f2 > a { padding: 0.3rem 0 0.3rem 2rem; font-weight: 600; font-size: 0.9rem;   text-transform: none; }


#menu_m a.allcatsprods { padding: 0.4rem 0 0.4rem 3rem; font-weight: 500; font-size: 0.9rem;  text-transform: uppercase; color: #999 !important; font-style: italic; }

#menu_m li li li a { padding: 0.2rem 0 0.2rem 3rem; font-size: 0.9rem; font-weight: 500;  text-transform: none;}
#menu_m li li li li a { padding: 0.2rem 0 0.2rem 5rem; font-size: 0.9rem; font-weight: 500;  text-transform: none;}

#menu_m li ul {max-height: 0; transition: max-height 0.15s ease-out; overflow: hidden;}
#menu_m li.open>ul { max-height: 1500px;  transition: max-height 0.25s ease-in;  }
#menu_m li.is_parent>a::after { position: absolute; content: "\f067"; font-weight: 300; right: 40px; top: 50%; font-size: 14px; transform: translateY(-50%); display: block; font-family: 'Font Awesome 5 Pro';  }
#menu_m li.is_parent.open>a::after { position: absolute; content: "\f068" !important; right: 40px; font-weight: 300; top: 50%; font-size: 14px; transform: translateY(-50%); display: block; font-family: 'Font Awesome 5 Pro';  }
#menu_m a b { color: #ff0000; margin-left: 3px; font-weight: 400; }

#menu_logo { display: none !important; text-align: center; width: 50%; max-width: 240px; margin: 1rem auto; }
#menu_logo img {width: 100%; }

/* ===================================================================================================================================================== */

#description { margin: 4rem 0;  min-height: 350px; }
.description {  font-size: 1.1rem; font-weight: 300; color: #333333; line-height: 1.5rem; text-align: left;   }
.description img {  max-width: 100%; height: auto;    }
.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; padding: 0 0.5rem  }
.content-bottom { margin-bottom: 14rem; }
.content-centered { text-align: center; } 
 
#bottom-nws { background-color: var(--cl2); margin-top: 5rem; height: 90px; } 
#bottom-nws-left { display: inline-block;   vertical-align: top; text-align: left; padding: 1.5rem 0 0 0; }
#bottom-nws-left .a { font-size: 1.8rem; font-weight: 600; color: #FFFFFF; vertical-align: middle; display: inline-block; }
#bottom-nws-left .b {  vertical-align: middle; display: inline-block; margin-left: 40px;  }
#bottom-nws-left .b input {  height: 45px; border: 0; border-radius: 10px; font-weight: 700; font-size: 0.93rem; text-indent: 10px; color: #000000; width: 200px;  }
#bottom-nws-left .b input::placeholder {  font-weight: 500;  color: #333333;   }
#bottom-nws-left .c {   vertical-align: middle; display: inline-block; margin-left: 3px; }
#bottom-nws-left .c button { border-radius: 10px; height: 45px; line-height: 45px; border: 0; cursor: pointer;  padding: 0 34px;  }
#bottom-nws-right { display: none;}

 
#bottom { padding: 82px 0 160px 0; background-color: var(--cl3); text-align: center; }
#bottom-c { text-align: center; margin: auto; }
#bottom-c { }
#bottom-c > div  { text-align: center; width: 80%; margin: auto;  }
#bottom-c .btn1 .btn0a  {  display: block; margin: auto; }
#bottom-c .btn1 .btn0a a { display: block; width: 60%;  margin: auto; }
#bottom-c .btn1 .btn0a a img  { width: 100%; height: auto; display: block; }
#bottom-c .btn1 .btn1a {   margin-top: 30px; text-align: justify; font-size: 1rem; line-height: 1.4rem }
#bottom-c .btn1 .btn2a { display: none;   }
#bottom-c .btn1 .btn3a { display: none;  }
#bottom-c .btn1 .btn3a a {  margin: 0.62rem auto 0 auto;display: block  }
#bottom-c .btn1 .btn3a img { display: block; text-align: center; width: 80px; margin: auto; }

#bottom-c .btn2 { text-align: center; margin-top: 5rem;  }
#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.75rem; }
#bottom-c .btn2 .btn222-0 a:hover { color: var(--cl); }
#bottom #anpc { margin-top: 3rem;  }
#bottom #anpc img { width: 220px; }
#bottom #bottom_cards { width: 240px; margin-left: auto; margin-right: auto; margin-top: 16px; }
#bottom #bottom_cards img { width: 100% }

#bottom-c .btn3 { text-align: center; margin-top: 50px; }
#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_phone i { margin-top: 1.2rem; font-size: 1.6rem ; width: 30px; text-align: center; color: var(--cl-hover); }
#bottom_phone span { font-size: 1.125rem ; font-weight: 600; margin-left: 0.8rem; color: #3b3b3b}
#bottom_email { margin-top: 1.2rem; }
#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: 600; margin-left: 0.8rem; 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: 600; margin-left: 0.8rem; 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 { padding-top: 80px; }
.lc67652 .btn4b { margin-top: 2rem; }
.lc67652 .btn4b img { width: 90px;  }


#navig { text-align: center; 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: 14px; }
#navig span { color: #444444; font-size: 14px; font-weight: 400; }
#navig a { color: var(--cl); font-size: 14px; font-weight: 400; }
#navig a:hover { color: var(--cl2); text-decoration: underline;   } 
 
#banner { margin: 0 auto; position: relative; }
#banner .bannerslide_m { margin-bottom: 3.0rem; position: relative; display: block; width: 100%; aspect-ratio: 0.5; background-position: center 0; background-size: cover; background-repeat: no-repeat; }
#banner .bannerslide_m .a { position: absolute; top: 9%; left: 7.5%; text-align: left; width: 82%;   }
#banner .bannerslide_m .a .aa { font-size: 2.5rem; line-height: 2.75rem; font-family: var(--ft2); color: var(--cl-f); font-weight: 700; }
#banner .bannerslide_m .a .bb { margin-top: 3rem; }
#banner .bannerslide_m img { width: 100%;  }
#banner .bannerslide { 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: #323232; text-decoration: none; font-weight: 400; text-transform: uppercase; }
.priceold { display: block; color: #8c8c8c; }
.priceold u { display: none; }

.title { font-size: 2.25rem; line-height: 2.7rem; font-weight: 600; color: var(--cl); font-family: var(--ft2);}
.title.title-belso { margin-top: 3rem; }
.title-belso-prod { font-size: 1.5rem; line-height: 1.8rem; font-weight: 500; color: var(--cl-0); margin-bottom: 0.5rem; }

#first { position: relative;  background-image: url(img/bg.png); background-size: 100% 440px; background-repeat: no-repeat; margin-top: -48px; padding-top: 70px; } 
#first .content { } 
#main_cats_descr { font-size: 1rem; width: 80%; margin: 0.5rem auto 0 auto; line-height: 1.35rem; font-weight: 400; color: var(--cl-text); }
#main_cats_grid { margin-top: 2rem;  }
#main_cats_grid .swiper-slide { cursor: pointer; position: relative; background-color: var(--cl); border-radius: 1.7rem; aspect-ratio: 0.77; overflow: hidden; }
#main_cats_grid .swiper-slide img { width: 100%; height: 100%; object-fit: cover; display: block;  }
#main_cats_grid .swiper-slide > span { position: absolute; opacity: 1; bottom: 0; height: 24%; background: rgba(17,53,88,0.9); left: 0; right: 0; text-align: center;  }
#main_cats_grid .swiper-slide span > span { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%,-50%); font-size: 1.25rem; font-weight: 600; color: var(--cl-f); font-family: var(--ft2); }
#main_cats_grid .swiper-slide .dda { position: absolute; top: 50%; left: 50%; width: 100%;  transform: translate(-50%,-50%); }
#main_cats_grid .swiper-slide .ddabox { position: relative; }
#main_cats_grid .swiper-slide .ddabox:hover { cursor: pointer;  }
#main_cats_grid .swiper-slide .ddabox i { color: var(--cl); font-size: 1.75rem; position: absolute; bottom: 7%; right: 11%;  }
#main_cats_grid .swiper-slide .dda > .da { padding: 0 3rem; font-size: 1.25rem; line-height: 1.3rem;  font-weight: 600; color: var(--cl-f); font-family: var(--ft2); }
#main_cats_grid .swiper-slide .dda > .db {  padding: 1rem 1rem 0 1rem;  text-align: left; line-height: 1.2rem; font-size: 1rem; font-weight: 300; color: var(--cl-f);   }
#main_cats_grid .swiper-slide  { margin-bottom: 3rem; }
#main_cats_grid .swiper-pagination-bullet-active { background-color: var(--cl) !important; width: 29px !important; border-radius: 20px !important;  }
#main_cats_grid .swiper-pagination-bullet { width: 11px; height: 11px; transition: all 0.2s; background-color: #d3def4; margin: 0 3px;  }
#main_cats_grid .swiper-pagination-bullet:hover {  background-color: var(--cl);   }

#cat_image { position: relative; text-align: center; }
#cat_image .m { width: 100%; aspect-ratio: 1.15; }
#cat_image .m img { height: 100%; width: 100%; object-fit: cover; }
#cat_image .a { display: none; }
#cat_image .b { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; }
#cat_image .b span { position: absolute; text-align: left; display: block;  width: 90%; line-height: 3.75rem; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 3rem; color: #FFFFFF; font-family: var(--ft2); font-weight: 600; }
 
#voucher_image { position: relative; text-align: center; }
#voucher_image .m { width: 100%; aspect-ratio: 2; }
#voucher_image .m img { height: 100%; width: 100%; object-fit: cover; }
#voucher_image .a { display: none; }
#voucher_image .b { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; }
#voucher_image .b span { position: absolute; text-align: left; display: block;  width: 90%; line-height: 2.8rem; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 2.5rem; 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: 48%; padding: 0 1rem; 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); }

#pleft { display: none;  position: relative; }
#pleft.visible { display: grid; gap: 0 1rem; padding: 0.8rem; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));  margin-top: 1rem; border-radius: 1rem; text-align: left; background: var(--cl3); }
#pleft_close { position: absolute; top: 1rem; right: 1rem; }
#pleft_close a { width: 30px; height: 30px; font-size: 3.2rem; color: var(--cl-red); font-weight: 200; }

.ftlgrp {  padding-bottom: 30px; }
.flttit { font-weight: 700; color: var(--cl); font-size: 1rem; margin-bottom: 12px;  }
.fltcattit { font-weight: 400; font-size: 16px; margin-bottom: 6px; padding-left: 22px; padding-top: 12px;   }
.filterchk {  margin-bottom: 0.4rem; line-height: 16px; }
.filterchk input {  display: none; }
.filterchk u { display: inline-block; text-decoration: none; width: 13px; height: 13px; border-width: 1px; border-style: solid; vertical-align: middle; }
.filterchk span { width: 80%; display: inline-block; text-decoration: none;  vertical-align: middle; margin-left: 8px; }
.filterchk:hover label , .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(--cl); transition: visibility 0s, opacity 0.2s linear;  }
.filterchk label { display: inline-block;  vertical-align: top; margin: 0 0 0 14px; font-size: 14px; }
.filterchk.fakt u { border-color: #999;  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;  }
.filterchk.finv { display: none !important; }

.altfilter { margin-left: 22px; margin-bottom: 18px; line-height: 16px; }
.altfilter input {  display: none; }
.altfilter u { display: inline-block; text-decoration: none; width: 13px; height: 13px; border-width: 1px; border-style: solid; vertical-align: top; }
.altfilter:hover label , .filterchk:hover u , .filterchk:hover i {  cursor: pointer !important;  }
.altfilter:hover {  cursor: pointer !important;  }
.altfilter:hover u i { visibility: visible !important; opacity: 1 !important; }
.altfilter u i { font-size: 13px; display: block; color: var(--cl2); transition: visibility 0s, opacity 0.2s linear;  }
.altfilter label { display: inline-block;  vertical-align: top; margin: 0 0 0 14px; font-size: 14px; }
.altfilter.fakt u { border-color: var(--cl2); line-height: 15px;   }
.altfilter.fakt u i { visibility: visible; opacity: 1; }
.altfilter.finakt u { border-color: #d8d8d8; }
.altfilter.finakt u i { visibility: hidden; opacity: 0;  }

#filtwinopen { display: inline-block; margin: 1rem 0 0; }
#sortwinopen { display: inline-block; margin: 0 6px;}
#filtwinopen > a > i , #sortwinopen > a > i { color: var(--cl); }

#prodpage #pright { padding-top: 1rem;     }
#prodpage #prgtit { display: none; font-weight: 300; font-size: 20px; padding-bottom: 10px; border-bottom: 2px solid #d2d2d2; margin-bottom: 40px;   }

#pord  { display: none; }


#jelord { font-size: 18px; font-weight: 300; cursor: pointer; }
#jelord:hover b , #jelord:hover i  { color: #ab2a2a }
#jelord b {  font-weight: 300; color: var(--cl2); }
#jelord i { margin-left: 10px; color: var(--cl2);  }

#allord { position: absolute; display: none; left:0; top:0; margin: 30px 0 0 130px; padding: 10px; box-shadow: 0 0 5px 2px rgba(0,0,0,0.3); z-index: 50; background: #FFFFFF; width: 160px; }
#allord a {   padding-right: 40px; transition: all 0.2s;  padding-left: 8px; font-size: 14px; font-weight: 300; color: #404040; display: block; padding-top: 4px; padding-bottom: 4px; }
#allord a:hover { background: #d1d1d1; }

#allord_m { display: none; position: relative; text-align: left; background: var(--cl3); padding: 10px; border-radius: 1rem; }
#allord_m div.ssel { position: relative; padding: 3px 9px 3px 2rem; width: 80%; }
#allord_m a {  color: var(--cl); font-size: 0.92rem;  }
#allord_m a.curord { font-weight: 700;   }
#allord_m a.curord::before { position: absolute; display: block; content: '\f058'; left: 0.5rem; top: 50%; transform: translateY(-50%); font-family: 'Font Awesome 5 Pro'; }
 
#allordm_close { position: absolute; top: 1rem; right: 1rem; }
#allordm_close a { width: 30px; height: 30px; font-size: 3.2rem; color: var(--cl-red); font-weight: 200; } 

#pflt { display: block; margin: 1rem auto 0 auto; }
#pflt div { display: inline-block; margin-right: 20px; }
#pflt div span { font-size: 16px;  }
#pflt div a { margin-left: 5px;  }

.cat-grid-main { display: grid; gap: 1.5rem 0.4rem; grid-template-columns: repeat(2, 1fr);  margin: 2rem auto 0 auto; }
.cat-grid-belso { display: grid; gap: 1.5rem 0.4rem; grid-template-columns: repeat(2, 1fr); margin: 2rem auto 0 auto; }
.cat-grid-item { display: block; cursor: default; border-width: 1px; padding: 0.3rem 0.3rem 0.6rem 0.3rem; border-style: solid; position: relative; border-color: #e2e2e2; border-radius: 18px;   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 {  text-align: center; }
.cat-grid-item-image img { width: 100%; aspect-ratio: 0.8; object-fit: contain; }
.cat-grid-item-name { margin-top: 1rem; margin-bottom: 1rem; white-space: wrap;  }
.cat-grid-item-name a { display: block; line-height: 1.2rem; font-size: 1rem;  font-weight: 700; color: #3b3b3b;  }
 

 
#main_prod_grid { margin-top: 4rem; }
.prod-grid-main { display: grid; gap: 1.5rem 0.4rem; grid-template-columns: repeat(2, 1fr);  margin: 2rem auto 0 auto; }
.prod-grid-belso { display: grid; gap: 1.5rem 0.4rem; grid-template-columns: repeat(2, 1fr); margin: 2rem auto 0 auto; }
.prod-grid-item { display: block; cursor: default; border-width: 1px; padding: 1rem 0.6rem 0 0.6rem; border-style: solid; position: relative; border-color: #e2e2e2; border-radius: 18px; height: 400px; text-align: center; transition: border-color 0.2s; }
.prod-grid-item:hover { border-color: var(--cl); }
.prod-grid-item:hover .prod-grid-item-favorite.inakt i.inakt { color: #b0b0b0; }
.prod-grid-item-image { height: 180px; 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.3rem;   }
.prod-grid-item-price .pricepromo u , .prod-grid-item-price .price u { font-size: 0.75rem }
.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; line-height: 0.8rem; font-weight: 500; }
.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.05rem; font-size: 0.94rem;  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: #f3eadd; color: var(--cl-text); padding: 3px 24px; text-transform: uppercase; font-size: 0.875rem; font-weight: 600; }
.prod-state .prod-state-salestag { background-color: var(--cl2); 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;   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; font-size: 0;  } 
#prod_left { text-align: center; }
 
.prod-belso-image { 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; }

#prod_mobile_swiper { } 
#prod_mobile_swiper .swiper-slide { width: 100%; aspect-ratio: 1; margin-bottom: 3rem; } 
#prod_mobile_swiper .swiper-slide img { width: 100%; height: 100%; object-fit: contain; } 
#prod_mobile_swiper .swiper-pagination-bullet-active { background-color: var(--cl) !important; width: 29px !important; border-radius: 20px !important;  }
#prod_mobile_swiper .swiper-pagination-bullet { width: 11px; height: 11px; transition: all 0.2s; background-color: #d3def4; margin: 0 3px;  }
#prod_mobile_swiper .swiper-pagination-bullet:hover {  background-color: var(--cl);   }


#pd_left_img { display: none !important; }
#pd_left_img { width: 60%; height: 86px; margin: auto;  text-align: center; position: relative;  }
#pd_left_img ul { margin: 0; padding:0; width: 60%; 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 { text-align: left; padding: 0 0rem; margin-top: 20px; font-size: 1rem; }
.prod-name { font-size: 1.65rem; font-weight: 600; color: var(--cl); line-height: 2rem; }
.prod-code { font-size: 1rem; padding: 1.5rem 0 1rem 2px; text-transform: lowercase; font-weight: 400; 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); }

.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: 16px; text-transform: uppercase; font-size: 0.75rem; font-weight: 500; }
.prod-stoc::before { position: absolute; display: block; content: ''; width: 9px; height: 9px; border-radius: 6px; top: 50%; left: 0; transform: translateY(-50%); }
.prod-termen {   color: #646464; font-weight: 300; font-size: 0.9rem; white-space: nowrap;   }
.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: 3rem 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.8rem; margin-top: 0.5rem; color: var(--cl-text); font-weight: 300; }

.prod-actions { display: grid; gap: 1rem; grid-template-columns: 5fr 1fr; }
.prod-actions > * {  }
.prod-addtocos { text-align: center; }
.prod-addtocos a { width: 100% !important; display: block; 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-hover); }

.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.05rem; font-weight: 600; color: #838383; transition: 0.2s all; cursor: pointer; padding: 1rem 0.9rem; 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.5rem 0.5rem; font-size: 0; }
.prop-line > * { display: inline-block; vertical-align: top; font-size: 0.91rem; line-height: 0.91rem; }
.prop-line .a { width: 24%; font-weight: 600; }
.prop-line .b { width: 76%; 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 { margin-bottom: 2rem; height: 30px;  }
#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 {   }
#fprod-left img { height: 70px; width: auto;   }
#fprod-right {  margin: 20px 0 0 0px; color: var(--cl); font-size: 16px;  }

.askform { text-align: left; margin: 20px 0 0 0; padding: 0 0.7rem; display: block; }
.fpinp { transition: border-color, 0.2s; width: 100%; 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: 100%; 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; }
#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: 32px; color: #000000; transition: background-color 0.2s; text-align: center; width: 32px; height: 32px; 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: 45%; height: 100%; display: inline-block; vertical-align: top;  overflow: hidden;   }
#fnews-left img { width: 100%; height: 100%; object-fit: cover; }
#fnews-right { width: 54%; height: 100%; display: inline-block; vertical-align: top; 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: 2.5rem;  }
.nwssubs-title-2 { font-size: 1.2rem; font-weight: 300; line-height: 1.5rem; color: #ffffff; text-align: center; margin-top: 1.2rem; margin-bottom: 2rem;  }
.nwsinput { text-align: center; margin-bottom: 0.7rem; }
.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; font-weight: 500; }
.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: flex; flex-direction: column; margin-top: 50px; }
.promobanner .a { order: 2; background-color: var(--cl); padding: 6rem 0 }
.promobanner .aa {  color: var(--cl-f); text-align: center; width: 100%;  }
.promobanner .ab { width: 86%; margin: auto; font-weight: 600; font-size: 2.25rem; line-height: 2.7rem; font-family: var(--ft2);  }
.promobanner .ac { width: 86%; margin: auto; font-size: 1rem; padding-top: 1rem; font-weight: 300; line-height: 1.35rem; }
.promobanner .b { order: 1; aspect-ratio: 0.66;  }
.promobanner .b img { display: block; width: 100%; height: 100%; object-fit: cover; }
.promobanner .b img.pb_desk_tablet { display: none !important; }

.nwsbanner { position: relative; display: block; width: 100%; aspect-ratio: 0.66; margin-top: 100px; }
.nwsbanner_bg_m { position: absolute; width: 100%; z-index: -1; height: 100%; background-size: 100%; background-repeat: no-repeat; background-position: center top; }
.nwsbanner_bg { display: none; }
.nwsbanner .a {    }
.nwsbanner .aa { padding: 3rem 2rem 4rem 2rem; font-size: 1.9rem; line-height: 2.15rem; color: var(--cl-f); font-family: var(--ft2);   }
.nwsbanner .bb > * { text-align: center;  }
.nwsbanner .bb .b1 { font-size: 1.75rem; color: var(--cl-f); margin-bottom: 1rem; }
.nwsbanner .bb .b2 input { border: 0; height: 47px; margin-bottom: 1rem; text-indent: 7px; background-color: var(--cl-f); border-radius: 1rem; color: var(--cl-text); font-weight: 600; font-size: 1rem; width: 85%; }
.nwsbanner .bb .b3 button { padding-left: 60px !important; padding-right: 60px !important;   }
.nwsbanner .cc { position: absolute; bottom: 5%; left: 0; right: 0; font-size: 0.9rem; padding: 0 1.7rem; font-weight: 300; color: var(--cl-f); margin: 2rem auto 0 auto; line-height: 1rem; text-align: left; }
.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; }
.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 { width: 10%; display: inline-block;  vertical-align: top; font-size: 1.5rem; font-weight: 300; line-height: 1.75rem; padding-top: 1rem; }

.cosn_deta { width: 85%; display: inline-block;   vertical-align: top; }
.cosn_deta .cosn_name { font-size: 1.4rem; font-weight: 600; line-height: 1.75rem; padding-top: 1rem;   }
.cosn_deta .cosn_name:hover { text-decoration: underline; }
.cosn_deta .cosn_pic { margin: 2rem auto 0 auto; width: 70%; text-align: center;   }
.cosn_deta .cosn_pic img { max-width: 100%; max-height: 300px; width: auto; display: block; margin: auto;  }

.cosn_3 .cosn_procent  {   text-align: left; }
.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 }

.cosn_3  { display: block;  padding-left: 2rem; padding-top: 0.4rem; }
.cosn_3 .cosn_qty_price { text-align: left; }
.cosn_3 .cosn_qty_price .cosn_qty {   vertical-align: middle;  text-align: left; margin: 1rem 0;  }
.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.2rem; margin-right: 1rem; 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 { 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_priceline { text-align: left;  }
.cosn_3 .cosn_priceunline {   text-align: right; padding-right: 40px;}
.cosn_3 .cosn_priceextra { margin-top: 3rem; text-align: left; }
.cosn_3 .cosn_pricetotal { margin-top: 1rem; text-align: left; }
.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: 30px 10px; text-align: right; border-radius: 10px; }
.cosn_grand_total .b , .cosn_grand_total .a { vertical-align: middle; display: inline-block; color: var(--cl-f); font-size: 1.2rem; }
.cosn_grand_total .c  { margin-bottom: 2rem; }
.cosn_grand_total .c , .cosn_grand_total .b , .cosn_grand_total .a  { margin-right: 1rem; }
 

.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 0px; text-align: center; border-radius: 13px; }
.cosn_next2 .c { vertical-align: middle; display: inline-block; color: var(--cl-f); font-size: 1.2rem; }

.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(--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; }

/* 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: 12px; grid-template-columns: repeat(auto-fit, minmax(300px, 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;  text-align: left; }
.command_section_choise { display: block; margin-bottom: 0.5rem; padding: 12px 16px; text-align: left; width: 100%; 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 span {  width: 80%; font-size: 0.9rem }
.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; }
.command_section_copy_date button  { font-size: 0.9rem; font-weight: 400}
.command_section_copy_date button:hover  { background-color: var(--cl); color: var(--cl-f);}
#cos_comm_cback { margin-right: 10px;  }
#ridicmap { display: none;   }
#ridicmap i { font-size: 1.6rem }
#ridicmap.show { display: none;   }
#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: 0%; left: 0%; width: 100%; height: 100%; background-color: #EEEEEE;   }
#overlay_locker_close { position: fixed; display: block; z-index: 9999; top: 15px; right: 15px;  }
#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 {  margin: 2rem 0; }
#com_rezum > div { margin: 2rem 0; padding: 1rem 1rem 1rem 1rem ; background-color: #F0F0F0; border-radius: 13px; text-align: left; }
#com_rezum > div .a { font-size: 1.2rem; font-weight: 400; color: var(--cl); margin-bottom: 1rem; padding-bottom: 10px; border-bottom: 1px solid var(--cl2); }
#com_rezum > div .b { font-size: 0.9rem; font-weight: 400; line-height: 1.1rem; color: #333333;  }
#com_rezum > div b {  color: var(--cl); font-size: 1rem;    }

#com_prod_rezum { padding: 2rem 1rem 2rem 1rem ; background-color: #F0F0F0; border-radius: 13px; text-align: left; }
.com_prod_rezum_row { margin-bottom: 2rem; clear: both;  }
.com_prod_rezum_row::after { display: table; content: ""; clear: both; }
.com_prod_rezum_row .l {   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; font-size: 1.5rem; padding-bottom: 1rem; }
.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 {  text-align: left; font-size: 1.1rem; margin-top: 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: left; font-size: 1.1rem; margin-bottom: 7px; }
#com_prod_rezum .livr { text-align: left; font-size: 1.1rem; margin-bottom: 25px; }
#com_prod_rezum .livr i { font-size: 1rem; cursor: pointer; }
#com_prod_rezum .tota { text-align: left; font-size: 1.15rem; font-weight: 700; margin-top: 4rem; }
#com_prod_rezum .subt span , #com_prod_rezum .livr span , #com_prod_rezum .tota span { color: #777777 }
.livr_expl { text-align: left; 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: left; 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 span::after { display: block; content: ' '; }
#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: left;   }
#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: 1rem 0rem; background-color: var(--cl); width: 100%; max-width: 650px; border-radius: 18px; margin: 1rem auto; text-align: left; }
.user_section_row {  padding: 0.8rem 1.3rem; 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_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: 8%; } 
.user_section_row_chk input { width: 20px; height: 20px; } 
.user_section_row_chklbl { display: inline-block; vertical-align: middle; width: 75%;  font-weight: 300; } 
.user_section_row_chklbl a { color: #E0E0E0; text-decoration: underline; } 
.user_section_submit { margin-top: 1rem; }
.user_section_submit button { margin-bottom: 1rem; }
#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: 1fr; gap: 2.2rem; margin-top: 4rem; }

.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 favs */
#profile-favs {  max-width: 1200px; width: 90%; margin: 0 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: pointerl } 
.order-list .a:hover { background-color: var(--cl2); color: #FFFFFF;  } 
.order-list .a:hover * { color: #FFFFFF;  } 
.order-list .a .aa  { width: 23%; text-align: left;  } 
.order-list .a .ab  { width: 26%; text-align: left;  } 
.order-list .a .ac  { width: 32%; text-align: left;  } 
.order-list .a .ad  { width: 18%; 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 { }
 

#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: 60%; }
#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: 1rem 3px 2rem 3px; text-align: left;  margin: auto; width: 93%; max-width: 1560px; }
#gdpr5_bar .a { color: #565656; font-size: 0.88rem; line-height: 1rem;   }
#gdpr5_bar .a span { color: var(--cl); font-size: 1rem; font-weight: 500; display: block; margin-bottom: 0.5rem;  }
#gdpr5_bar .a a { color: #565656; text-decoration: underline; }
#gdpr5_bar .a a:hover { color: #565656; text-decoration: underline; }
#gdpr5_bar .b { margin-top: 1.3rem;  text-align: left; }
#gdpr5_bar .b a { padding: 9px 20px 9px 38px; font-size: 0.9rem; border-radius: 12px; transition: all 0.14s; 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: 30px; color: var(--cl); font-weight: 600; font-family: var(--ft2);  }
.ctitle2 { font-size: 1rem;  font-weight: 400; margin: 2rem auto 3.5rem auto; color: #494949; }
.finp , #txt { display: block; border:0; font-weight: 600; margin: 25px auto 0 auto;  width: 85%; 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-hover); }
#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 2rem; }
#contfchk a { color: var(--cl); }
.form_mandatory_alert { border-color: #b75f5f !important; }


#contact_boxes { text-align: center;   margin: 2rem auto 0 auto;  }
.contact_box {  padding: 2rem 0; }
.contact_box i { color: var(--cl-hover); }
.contact_box .cbxsym { height: 5rem;  }
.contact_box .sboxtxt { max-width: 85%; 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); }









}