:root {
  --theme-color: #4cbb17;
  --footer-bg: #153a68;
  --main-color:#2965b0;
  --color-white: #ffffff;
  --box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
  --admin-color: #0dcaf0;
  }



.header .main-header .header-left .header-logo a img {
    max-height: 50px;
}


a { color:var(--theme-color); }

a.inbasketinfo { display:inline-block; margin-top:10px; }

.header .main-menu > ul > li > ul > li > ul { min-width:330px; }
.header .main-menu li a:hover { color:var(--theme-color); }
.header .main-menu li a:hover > span, .header .main-menu li.active > a, .header .main-menu li.active > a > span { color:var(--theme-color) !important; }

.header .main-menu li a > span + span { font-size:12px; display:inline-block; color:#808080 !important; margin-left:10px; }

.header .main-header .header-left .header-shop .number-item { background-color: var(--theme-color); }


.header .main-header .header-left .header-shop { width:100px; }
@media (max-width: 1550px) {
    .header .main-header .header-left .header-shop { width:100px !important; }
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li a { display:block; }


ul.breadcrumb-menu { padding-top:10px; }
ul.breadcrumb-menu li { display:inline-block; padding:0px 10px; }
ul.breadcrumb-menu li:not(:first-child) { border-left:#606060 solid 1px; }

.tag-dot > span { color:#808080; }

.color-success {  color:var(--theme-color); }
.select2-dropdown { min-width:330px; width:auto; }

.card-grid-style-3 .card-grid-inner { overflow:auto; }

.box-btn-cart { width:30px; text-align:right; float:right; }
.box-btn-cart span {  display:inline-block; }
.box-btn-cart span img { width:24px; height:24px; margin-top:5px; cursor:pointer; }
.box-btn-cart > span { position:relative; }
.box-btn-cart > span span.minipieces { position:absolute; top:-20px; left:0; width:100%; text-align:center; color:var(--theme-color); font-weight:700; }

span.itemtitlespecs { color:#a0a0a0; font-weight:400; }
a:hover span.itemtitlespecs { color:var(--theme-color) !important; }

.bg-brand-2 { background-color:var(--theme-color) !important; }
.color-brand-2 { color:var(--theme-color) !important; }


.list-nav-arrow li a:hover { color:var(--theme-color); }
.list-nav-arrow li:hover .number { background-color:var(--theme-color); }
.border-brand-2::before { background-color:var(--theme-color); }

.pagination li a:hover, .pagination li a.active { background-color: var(--theme-color);    border-color: var(--theme-color); }

.header .main-header .header-left .header-search .box-header-search .box-category { min-width:200px; }
.select2-container { min-width:200px; }
.select2-search__field { display:none !important; }

.dropdown-cart { right:-60px; }




.box-quantity { flex-wrap: nowrap !important; }
.box-quantity .button-buy { margin-top:0 !important; }

.box-button button {  padding:0;     border: none;  padding:4px 6px;     background-color: #F0F3F8; color:#425A8B; font-size:20px; font-weight:bold; transition:all .2s ease-in-out; }
.box-button button:hover { background-color:var(--theme-color);; color:#ffffff; }


.breadcrumb li a { padding-top:5px;     background: url(assets/imgs/page/shop/arrow-right.svg) no-repeat top 10px right 10px; }
ul.breadcrumb .select2-container--default .select2-selection--single .select2-selection__rendered { color:#c0c0c0; font-size:12px; font-weight:normal; }

.header .main-header .header-left { margin-top:10px; }

h1.breadcrumb-title {     font-size: 20px;     line-height: 24px; font-weight:bold; }



@media (max-width: 575.98px) {

 .header .main-header .header-left { padding-bottom:75px; margin-top:10px; }
 .header .main-header .header-left .header-search {
    display: block;
    position:absolute;
    bottom:15px; left:0px; 
    width:100%;
    padding:0 36px;
    }

 .header .main-header .header-left .header-search .box-header-search .box-category { min-width:130px; max-width:120px; }
.select2-container {
    min-width: 130px;
   }


}


.swiper-pagination .swiper-pagination-bullet { background:var(--theme-color); }
.swiper-pagination .swiper-pagination-bullet-active { background:var(--theme-color); }



/*
.box-quantity .input-quantity { min-width:80px; max-width:80px; }
.box-quantity .button-buy { margin-top:0 !important; }
.box-quantity .button-buy .btn { max-width:120px;    padding: 7px 16px; }
*/


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

/* .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, .btn.mini { padding:2px 10px;     font-size: 14px; }
a.theme-btn { color:#ffffff !important; }

.btn.admin { padding:2px 10px;     font-size: 14px;   background:var(--admin-color); color:#ffffff; }

.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 span.select2-container { width:100% !important;      border: 1px solid #DDE4F0 !important; padding: .375rem .75rem;      border-radius: .25rem; background-color:#ffffff; }

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 select { width:100%; }
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; }

 }


a.btnmini {
    background-color: #F0F3F8;
    border-radius: 7px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    color: #425A8B;
    padding: 3px 5px;
    text-align: center;
    transition-duration: 0.2s;
	display:inline-block;
	margin:0 10px 5px 0;
}


div.cart-table table td { vertical-align:top; }


.shop-cart-summary {
    padding: 30px;
    border: 1px solid #a0a0a0;
    background: var(--theme-bg-light);
    border-radius: 10px;
    margin-top: 12px;
    margin-left: 20px;
	background:#f8f8f8;
}

.accordion-button:not(.collapsed) { color:var(--theme-color);  background:#f8f8f8; }

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;
	height:auto !important;
}

.shop-cart-img {
    width: 100px;
}

.shop-cart-img a { display:block; width:100%; }

.shop-cart-img img {
    width: 100%;
    border-radius: 8px;
    border: 1px solid var(--border-info-color);
}


.box-newsletter {
    padding: 90px 0px;
    background: #0E224D url(images/yacht.png) no-repeat right 10% top 10%;
	background-size:500px auto;
}

@media (max-width: 800px) {
.box-newsletter {
background: #0E224D url(images/yacht.png) no-repeat right 10% bottom -20px;
	background-size:45% auto;
}
}


.banner-hero.banner-1 .banner-big { background-position: right 20px bottom 20px; }


ul.main-menu li.has-children > ul {

    box-shadow: var(--box-shadow);

	}


.header .main-menu li.check1.has-children > a::after { position:absolute; right:5px; top:10px; transform: rotate(-90deg);  }
.header .main-menu li.check2.has-children > a::after { position:absolute; right:5px; top:10px; transform: rotate(-90deg);  }


.msg {
    border: 1px solid #D5DFE4;
    border-radius: 4px;
    display: block;
    padding: 15px;
    height: 100%;
	text-align:center;
 }
.msg-email {}
.msg-ok { color:var(--theme-color); }

.box-contactform { border-bottom:2px dashed #DDE4F0; }


.content-text { }
.content-text > p { }
.content-text > h2, .content-text > p > h2 { font-size: 20px;    line-height: 24px;    font-weight: bold; padding-top:20px; padding-bottom:20px; }

.content-text > h4 { color: #425A8B;     margin-bottom: 15px !important; }


.content-text > table { width:100%; }
.content-text > table td { padding:2px 10px; }
.content-text > table td:first-child { width:auto; max-width:250px !important; }
.content-text > table td:not(:first-child) { color:#000000; }
.content-text > table tr:nth-child(2n+1) td { background-color:#f8f8f8; }

.content-text > h3 { padding:10px 0 5px 0; color:var(--theme-color); }
.content-text > h4 { padding:10px 0 5px 0; color:var(--main-color); }


.content-text > ul { list-style:initial; list-style-type: disc; display:block; padding:10px 0 10px 25px; }
.content-text > ul > li { list-style:initial;  display:list-item; padding:3px 0; color:#666666; }


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

.card-grid-style-1 .image-box img {   border-radius: 4px; height:100%; object-fit:cover;  }


/* ## PROMO BIG */

.banner-desc { top:auto; bottom:0; }



.display-list.display-list-2.content2columns  .card-grid-style-1  { display:block; }
.display-list.display-list-2.content2columns  .card-grid-style-1  .image-box { max-width:none; min-width:auto;  width:100%; padding-right:0; }
.display-list.display-list-2.content2columns  .card-grid-style-1  .image-box a { display:block; position:relative; padding-bottom:50%; overflow:hidden; }
.display-list.display-list-2.content2columns  .card-grid-style-1  .image-box a img { position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover; }