@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;500;700;800&display=swap');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
*{
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
.rekvizitai div{
  -webkit-touch-callout: text; /* iOS Safari */
    -webkit-user-select: text; /* Safari */
     -khtml-user-select: text; /* Konqueror HTML */
       -moz-user-select: text; /* Old versions of Firefox */
        -ms-user-select: text; /* Internet Explorer/Edge */
            user-select: text; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
body {
	line-height: 1;
	font-family: 'Poppins', sans-serif;
	font-size:14px;
	color:#222;
}
b{font-weight:bold;}
a{text-decoration:none;}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.header{padding:10px 0;line-height:40px;position:relative;z-index:5;}
.header .contacts{text-align:right;line-height:40px;vertical-align:middle;position:relative;bottom:-5px;}
.header .contacts i{font-size:24px;vertical-align: middle;}
.header .contacts a{color:#222;}
.logo{width:280px;height:40px;text-align:center;}
.logo img{width:230px}
.logo-slogan{width:280px;line-height:12px;font-size:12px;margin-top:-3px;text-align:center;font-weight: 600;}
.slider .container{position:relative;z-index:5;}

.slider .col.categories{width:280px;}
.slider .category_title{font-size:20px;font-weight:800;margin: 0 0 15px 15px;}
.slider{background:#FFF;padding:30px 0;position:relative;overflow: hidden;}
.slider .slider-bg{background-image:url('slide/65.jpg');background-size:cover;background-position:center right;padding:30px 0;position:absolute;top:0;width:100%;height:100%;z-index:1;opacity:0.3;
filter: blur(100%);-webkit-filter: blur(3px);}

.category_list .category{width:280px;height:40px;line-height:40px;background:#FFF;padding:0 10px;margin-bottom:5px;cursor:pointer;}
.category_list .category i{width:28px;font-size:18px;display:inline-block;pointer:}
.category_list .category.active, .category_list .category:hover{background:#16a2d0;color:#FFF;}
.category_list .category .text{line-height:18px;display:inline-block;width: 80%;line-height: 14px;}

.category-text{font-size:11px;font-weight: 600;line-height:18px;text-align:center;margin:15px 15px 0 15px;}

.products_more{text-align:right;font-size:16px;font-weight:500;margin-top:30px;margin-right:50px;}
.products_more .more_btn{width:220px;height:45px;background:#d01616;color:#FFF;line-height:45px;font-size:16px;font-weight:500;display:inline-block;text-align:center;outline:5px solid rgba(208, 22, 22, 0.15);margin-top:15px; animation: border-pulsate 2s infinite;cursor:pointer;}

@keyframes border-pulsate {
    0%   { outline-color: rgba(208, 22, 22, 0.95); }
    50%  { outline-color: rgba(208, 22, 22, 0.15); }
    100% { outline-color: rgba(208, 22, 22, 0.95); }
}


.market{background:#222;color:#FFF;height:35px;line-height:35px;position:relative;z-index:20;}
.market:before{content:' ';width:20%;height:35px;background:#16a2d0;position:absolute;z-index:0;}

.market .more{width:400px;background:#16a2d0;text-align:right;position:relative;padding-right:10px;}
.market .more:after{ content: '';position: absolute;left: 100%;top: 0;height: 0;border-right: 35px solid transparent;border-top: 35px solid #16a2d0;clear: both;}
.market .column{z-index:1;}

.market-list{background:#FFF;padding:10px 0;position:relative;z-index:20;}
.market-list .column{padding:5px 0;}
.market-list .column:not(:last-child){border-right:1px solid #DDD;}
.market-list .column .market-logo{height:70px;line-height:70px;text-align:center;}
.market-list .column .market-url{text-align:center;color:#666666;font-size:12px;padding-top:15px;}
.market-list .column .market-url.false{color:#999;}
.market-list .column:hover .market-url{color:#16a2d0;}
.market-list .column img{max-width: 85%;max-height: 70px;vertical-align:middle;display:inline-block;transition: transform .5s ease;}
.market-list .column:hover img{transform: scale(1.05);}
.market-list .column:hover .no-url .market-url{color:#999;}
.market-list .no-url img{filter: grayscale(100%);opacity:0.5;}

.footer{background:#222;color:#FFF;padding:50px 0;line-height:18px;}
.footer h3{font-size:20px;font-weight:700;margin-bottom:20px;}


.product_list{margin-top:30px;margin-left:30px;height:380px;overflow:hidden;}
.product_list a{color:#222;}
.product_list .product{width:180px;height:180px;background:#FFF;display:inline-block;margin: 5px;}
.product_list .product .product-image{width:180px;height:130px;background:#FFF;position:relative;text-align:center;}
.product_list .product .product-image img{max-width:150px;height:130px;background:#FFF;}
.product_list .product .product-title{height:50px;background:#EEE;padding:10px 10px;font-size:12px;line-height:16px;text-align:center;overflow:hidden;position:relative;}
.product_list .product .product-title:after{content:' ';width:180px;height:5px;background:#EEE;position:absolute;bottom:0;left:0;}

.product_list .product:not(.active) {display:none;}

.blur-bg.active{
	width:100%;
	height:100%;
	backdrop-filter: blur(5px) grayscale(1);
	position:fixed;
	top:0;
	z-index:10;
}
@media screen and (max-width: 1200px) {
	.col {flex: 1 0 25%;}
	.market-list .column:not(:last-child){border-right:0px solid #DDD;}
	.market-list .column{border-right: 1px solid #DDD;}
	.market-list .column:not(:nth-child(4)) {border-right: 1px solid #DDD;}
	.market-list .column:last-child{border-right:0px solid #DDD;}
	.market-list .column{border-bottom: 1px solid #DDD;}
}
@media screen and (max-width: 768px) {
	.logo {width: 240px;}
	.logo img {width: 200px;}
	.logo-slogan {width: 240px;line-height: 12px;font-size: 12px;margin-top: -7px;}
	.category_list .category {
    width: 49%;
    height: 40px;
    line-height: 40px;
    background: #FFF;
    padding: 0 10px;
    margin-bottom: 5px;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;}
	.category_list .category .text{line-height:18px;display:inline-block;width: 80%;line-height: 14px;vertical-align: middle;}
	.product_list .product {width: 45%;}
	.product_list {margin-top: 15px;margin-left: 0px;}
	.market .more {width: 90%;background: #16a2d0;text-align: left;font-size: 13px;}
	.market-list .column:not(:last-child) {border-right: 1px solid #DDD;border-bottom: 1px solid #DDD;}
	.market-list .column:nth-child(2), .market-list .column:nth-child(4) {border-right: 0px solid #DDD;}
	.rekvizitai{margin-top:20px;}
	.category-text {font-size: 11px;line-height: 18px;text-align: center;margin: 15px 15px 0 15px;border-top: 1px solid #DDD;border-bottom: 1px solid #DDD;padding: 5px;}
	.col {flex: 1 0 50%;}
	.market-list .column:nth-child(6){border-right: 0px solid #DDD;}
}
@media screen and (max-width: 390px) {
	.category_list .category .text {width: 77%;}
	.product_list .product .product-image {width: 100%;}
	.market-list .column img {width: 150px;}
	.logo img {width: 90%;}
	.logo {width: 200px;}
	.logo-slogan {width: 198px;line-height: 12px;font-size: 10px;margin-top: -12px;}
	.header .contacts i {font-size: 20px;}
	.header .contacts {bottom: -1px;font-size: 13px;}
	.market-list .column .market-url {text-align: center;color: #666666;font-size: 10px;padding-top: 10px;}
	.footer{font-size: 12px;}
	.footer h3 {font-size: 18px;}
	
}