:root {
  --theme-color: #2965b0;
  --footer-bg: #153a68;
  }


h1 { font-size: 30px; line-height:36px; }
h2 { font-size: 26px; line-height:32px; }
h3 { font-size: 20px; line-height:24px; }

.container { max-width:1300px !important; padding-left:20px; padding-right:20px; }

img.fancybox-image { background:#ffffff; }

.shop-single-desc h3 { padding-bottom:20px; }
.shop-cart-qty { width:120px; }
.shop-cart-qty input { width:40px; -webkit-appearance: none;  -moz-appearance: textfield;  }

.shop-cart-qty input::-webkit-outer-spin-button,
.shop-cart-qty input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.shop-checkout-form .nice-select .list { height:auto; max-height:200px; }


input.basketpreratat { display:none; width:auto; background:var(--theme-color); color:var(--color-white); padding:0 5px; font-size:12px; margin-top:5px; border-radius:5px; }


.site-breadcrumb { padding-top:20px; padding-bottom:20px; }

.theme-btn.mini { padding:2px 10px;     font-size: 14px; }
a.theme-btn { color:#ffffff !important; }


.pagination .page-link { margin:3px; padding:3px 8px; font-size:12px; width:auto; height:auto; white-space: nowrap; border-radius:5px !important; }

.blog-item-img { height:0; padding-bottom:60%; position:relative; }
.blog-item-img img { width:100%; height:100%; position:absolute; top:0; left:0; border-radius:0; object-fit: cover ; }


/* PROMO */
h1.hero-title { font-weight:500 !important; }
h1.hero-title img { height:50px; width:auto !important; border:none; }


/* Form */

form.eshopform input:required /* form.eshopform input:focus:required */
{
background-image:url(gfx/ico-warning2.png); background-repeat:no-repeat; background-position:top 3px left 3px; background-size:10px 10px;
}

form.eshopform input:required:not(:placeholder-shown)
{
background-image:none !important;
}

form.eshopform .nice-select {    border-color: var(--bs-border-color);  }
form.eshopform .nice-select.open {    border-color: var(--theme-color);  }

form.eshopform h5 { color:var(--theme-color); }

form.eshopform label { font-size:12px; }

.shop-cart-summary.delivery { overflow:hidden; }

form.eshopform ul > li > span { width:50%; text-align:right; }

form.eshopform input[type="text"].sumar { width:100%; border:none; text-align:right; padding:0; font-weight:bold; color:var(--theme-color); background:none; }
form.eshopform .oldselect {

-webkit-tap-highlight-color: transparent;

    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #e8e8e8;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    height: 42px;
    line-height: 40px;
    outline: 0;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 100%;

}



/* Commodity */

article.cc2 {  display:table; width:100%; clear:both; overflow:hidden; text-align:left; padding:0; margin:0 0 10px 0; position:relative; }

article.cc2 a.imgbtn { position:absolute; 

/* z-index:1000; */

bottom:5px; left:100px; border:none; width:20px; height:20px; display:inline-block; text-align:left; border-radius:0; color:var(--theme-color); }
article.cc2 img.itemimg { display:inline-block; width:70px; height:45px; object-fit:contain; object-position: 50% 50%; margin:0 10px 10px 0px; float:left; }

article.cc2 > a { text-decoration:none; display:table-row; padding:0; margin:0; text-align:left; background:rgba(51,78,152,0.05); overflow:hidden; border:#ffffff solid 2px; border-radius:10px;     transition: all 0.5s; }
article.cc2 > a > span { display:table-cell; font-size: 16px;    font-weight: normal; padding:10px; color:#000000; vertical-align:baseline; line-height:22px; }


article.cc2 > a:hover { border-color:var(--theme-color); }


article.cc2 h2 { font-size: 16px;    font-weight: normal;  padding:0; margin:0; line-height:20px; border:0px; }
article.cc2 .col_katcislo { width:120px; background:rgba(51,78,152,0.1); white-space: nowrap; border-radius:10px 0px 0px 10px; font-size:14px; line-height:18px; }
article.cc2 .col_nazov { width:auto;  text-align:left; }
article.cc2 .col_nazov h2 { text-align:left; font-size:18px; line-height:24px; font-weight:500; }
article.cc2 .col_nazov p { text-align:left; padding:10px 0; }
/* article.cc2 .col_cascislo { width:12%; white-space: nowrap; } */
article span.katcislo { display:block; padding-bottom:5px;white-space: nowrap; color:#000000 !important; }
article span.cascislo { white-space: nowrap; color:#334e98 !important; }
article span.cascislo span { color:#000000; font-size:12px; }
article.cc2 .col_balenie { width:70px; font-size:18px; text-align:right; color:#334e98; background:rgba(255,242, 0, 0.1);  font-weight:bold; white-space: nowrap; }
article.cc2 .col_cena { width:115px;  font-size:18px; text-align:right;  color:#334e98; background:rgba(51,78,152, 0.1);  font-weight:bold; white-space: nowrap; }
article.cc2 .col_cena > span { display:block; text-align:right; }
article.cc2 .col_kupit { width:40px; text-align:center; border-radius:0px 10px 10px 0px;  }
article.cc2 .col_kupit.inbasket { background:#eaf424; /* background:#00ff60; */ }
article.cc2 .col_kupit img { max-width:20px; width:80%; }

article.cc2 > a.row_header { background:#ffffff; }
article.cc2 > a.row_header > span { vertical-align:bottom; background:none !important; border-bottom:var(--theme-color) dashed 1px; font-size:16px !important; font-weight:400 !important; color: #a0a0a0 !important; }


article.cc2 span.minipieces { font-size:12px; line-height:14px; }



div.hero-section3 {
border-top:var(--theme-color) solid 1px;
border-bottom:var(--theme-color) solid 1px;
}



/* BLOG */

.blog-details { overflow:hidden; }
.blog-details > p a, .blog-details > a { text-decoration:underline; color:var(--theme-color); }


.blog-details a.btn { background-color:var(--theme-color) !important; color:#ffffff  !important; text-decoration:none !important; }
.blog-details a.btn:hover { background-color:#000000 !important; }


.blog-details img { margin-bottom:30px; }

.blog-details > img[align="left"], .blog-details p > img[align="left"], .blog-details p span > img[align="left"] { padding:0; margin:0 30px 30px 0; } /* border:#334e98 solid 2px; */
.blog-details > img[align="right"], .blog-details p > img[align="right"], .blog-details p span > img[align="right"] { padding:0; margin:0 0 30px 30px; } /* border:#334e98 solid 2px; */

.blog-details > h2, .blog-details > p > h2 { padding:30px 0 10px 0; color:var(--theme-color); }



.blog-details > ul { list-style:initial; list-style-type: disc; display:block; padding:10px 0 10px 20px; }
.blog-details > ul > li { list-style:initial;  display:list-item; padding:10px 0; }

.blog-details ul li a { text-decoration:underline; }


.blog-details table { width:100%; }
.blog-details table tr { border-top:#ffffff solid 3px;  }
.blog-details table td { padding:5px; background:#fafafa; width:auto !important; }
.blog-details table td:first-child { font-weight:bold; width:20% !important; }

@media screen and (max-width: 800px) {

article.cc2 > a > span { font-size: 14px;  }
article.cc2 .col_katcislo { width:110px; }
article.cc2 .col_balenie { width:70px; font-size:16px; }
article.cc2 .col_nazov h2 { font-size:18px; }

article.cc2 a.imgbtn { left:90px; }
article.cc2 img.itemimg { display:none; } 

.blog-details > img[align="left"], .blog-details p > img[align="left"], .blog-details p span > img[align="left"] {  width:100% !important; margin:0 0 30px 0; float:none; max-width:none !important; }


}

@media screen and (max-width: 640px) {


xxxarticle.cc2 a.imgbtn { left:auto; bottom:auto; top:10px; right: 10px; }
article.cc2 a.imgbtn { bottom:55px; }

article.cc2 {  display:block; margin-bottom:20px; }
article.cc2 > a { display:block; position:relative; overflow:hidden; border-radius:10px; }
article.cc2 > a > span { display:block; }

article.cc2 .col_katcislo { position:absolute; top:0; left:0;  border-radius:10px 0 0 0; width:110px;  height:200px; z-index:100; }
article.cc2 .col_nazov { padding-left:130px;  border-radius:0px 10px 10px 0px;  padding-bottom:70px; }
article.cc2 .col_balenie { position:absolute; bottom:0px; left:0;  width:110px; height:45px; overflow:hidden;  z-index:120; background: #f5f6e1; }

article.cc2 .col_cena { position:absolute; bottom:0; left:0px; width:100%; height:45px;  overflow:hidden;  text-align:right; padding-left:130px; padding-right:60px; }

article.cc2 .col_cena>span { display:inline-block; padding-left:10px; }
article.cc2 .col_cena>span + span { color:#a0a0a0; font-weight:normal; }

article.cc2 .col_kupit { position:absolute; bottom:0; right:0px; width:50px; height:45px; background:#c0c9df; padding-top:5px; }

}



.napistenamft-cform, .teshop-cform { background: var(--color-white);
    border-radius: 10px;
    padding: 30px 30px 10px 30px;
    box-shadow: var(--box-shadow);
	}
form.cform {   }
form.cform td {  display:table-cell; padding:10px 0; }


form.cform input:not(.theme-btn):not(.ccheck), form.cform textarea, form.cform select {
    display: inline-block;
	width:100%;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-color) solid 2px;
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

    outline:none;
    padding: 15px 20px;
    border-radius: 12px;
    box-shadow: none;
    transition: var(--transition);

}

form.cform input:not(.theme-btn):not(.ccheck):focus, form.cform textarea:focus {
    border-color: var(--theme-color);
	}


form.cform  input.f_captcha { padding:5px 10px !important; display:inline-block !important; }
form.cform  input.ccheck { width:20px; height:20px; border:#000000 solid 1px !important; float:left; margin-right:10px; }



@media screen and (max-width: 800px) {

form.cform td {  display:block;  }

}





.kosik_tovar { overflow: auto; padding-bottom: 15px; }
.kosik_img { width: 20%; height: 90px; padding:5px; display: block; float: left; border: 1px solid #bfbfbf; overflow:hidden;

 border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px;

}
.kosik_txtpole { padding-left: 0%; float: left; width:60%; overflow:hidden; }
.kosik_cena { padding-left: 2%; float: left; width:30%; overflow:hidden; }

form div.suma { padding-left:0px; overflow:hidden; border-top:#505050 dashed 1px; padding-top:20px; }


.kosikks input[type="text"] {  width:45px;margin:0px 5px 20px 0px; text-align:center; color:#334e98; font-weight:bold; padding:6px;  }

.kosik_cenacol {
	color: #334e98;
	font-size: 24px;
	font-weight: bold;
	display:block;
	text-align:center;
}

.kosik_tovar .kosik_cenacol { text-align:left; }


img.productimage { margin:auto; width:100%;border:#c0c0c0 dashed 1px; }

@media screen and (max-width: 800px) {

img.productimage { width:60%; border:none; }

}







div.crm1 { padding:20px 0 30px 0; }
table.crm1 { width:100%; border-radius: 10px; overflow:hidden;     border-collapse: unset; }

table.crm1 th { padding:5px; background:var(--theme-color); color:#ffffff; font-weight:bold; }
table.crm1 td { padding:5px; background:#fafafa; width:auto !important; }
table.crm1 tr { border-top:#ffffff solid 3px;  }
table.crm1 td:first-child { font-weight:bold; width:20% !important; }
table.crm1 td input { width:100%; padding:4px 10px; text-align:center; font-weight:bold; }
table.crm1 td.dopyt, table.crm1 th.dopyt { width:10%; text-align:right; }
table.crm1 td input.active { background:#fff200; }
table.crm1 td a { text-decoration:underline; display:block; }

div.crm1 a.btn { text-decoration:none; }


/* INDEX CATEGORY INFO */

.category-info select { width:90%; max-width:90%; padding:5px 10px; border-radius:5px; text-align:center; }
.category-info select > option { text-align:center; }
.category-info .icon i { font-size:30px; line-height:36px; font-weight:normal; vertical-align:middle; }


@media screen and (max-width: 800px) {

 .dropdown-cart-menu { display:none !important; }

 }


.sub-category { min-width:260px; }

.main-category li:hover .sub-category { opacity:0; visibility: hidden; }
.main-category li:hover > ul.sub-category { opacity:1; visibility: visible; }