@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Oswald&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:300&display=swap');
@import url("modules/paid_services.css");

/*body { min-width: 1300px; }*/

.bgr-up {
	background-image: url( /resources/images/bgr-up.svg);
	background-repeat: repeat-x;
	background-position: center top;
	width: 100%;
}
.logo {
	padding: 2px 0 10px 0;
	}
.bgr-up img { margin-top: 0px !important; margin-bottom: 0px !important; }
.bgr-up .container-fluid { padding-right: 0px !important;  }
.bgr2 {
	background-repeat: repeat-y;
	background-position: center top;
	padding: 10px;
}
.bgr3 {
	background-image: url( /resources/images/bgr-down.jpg);
	background-position: center center;
	background-repeat: repeat-x;
	padding: 0px;
}
.prozr-up {
	background-image: url( /resources/images/prozr.png);
	background-position: center top;
	background-repeat: repeat-x;
	padding: 0px;
}
.prozr-down {
	background-image: url( /resources/images/prozr.png);
	background-position: center bottom;
	background-repeat: repeat-x;
	padding-bottom: 30px;
}
.bgr1 {
	background-image: url( /resources/images/bgr1.png);
	background-position: center top;
	background-repeat: repeat-x;
	padding: 30px;
}
.pad5 {
	padding:5px;
}

.pad10 {
	padding:10px;
}

.pad20 {
	padding:20px;
}
.gray-border {
	padding:5px;
	border: 1px solid #EEE;
	background-color: #FFF;
}
.product-list { position: relative; }
.product-list .new {
width: 68px;
height:30px;
background: url('/resources/images/new.svg') no-repeat;
}
.product-list .promo {
	width: 98px;
height:30px;
background: url('/resources/images/promo.svg') no-repeat;
}
.promo {
	position:absolute;
	left:0px;
	top:5px;
	height:30px;
	border:none;
	z-index:300;
	margin:0;
	padding:0;
}


.new {
	position:absolute;
	right:5px;
	top:5px;
	height:30px;
	border:none;
	z-index:300;
	margin:0;
	padding:0;
}
.black-bgr {
	background-repeat: repeat-x;
	background-position: bottom;
}
.form1 {
	background-color: #F2F2F2;
	padding: 8px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #E6E6E6;
	border-bottom-color: #E6E6E6;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E6E6E6;
	border-right-style: none;
	font-size:14px;
	width: 374px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.form2 {
	background-color: #F2F2F2;
	padding: 9px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #E6E6E6;
	border-bottom-color: #E6E6E6;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E6E6E6;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	height: 38px;
}
.menu-bgr {
	padding:0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #E6E6E6;
	border-bottom-color: #E6E6E6;
	margin-bottom: 3px;
}
.dots {
    position:absolute;
    right:0px;
    bottom:50px;
    width:100%;
    height:0px;
    border:none;
    z-index:300;
    margin:0;
    padding:0;
}
.gray-border1 {
	border: 1px solid #EEE;
	background-color: #FFF;
	margin: 0px;
}
.gray-border2-1 {
	padding:10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #EEE;
	margin: 0px;
	background-color: #FFF;
}
.upp {
	text-transform: uppercase;
}


.gray-border1-1 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #EEE;
	border-right-color: #EEE;
	border-bottom-color: #EEE;
	border-left-color: #EEE;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.arrow {
	background-repeat: repeat-x;
	background-position: right center;
	height: 37px;
	width: 178px;
	padding-top:15px;
	padding-left:20px;
}
.prozr {
	padding:10px;
	background-repeat: repeat;
}
.wishlist {
	position:absolute;
	left:8px;
	bottom:10px;
	width:30px;
	height:30px;
	border:none;
	z-index:300;
	margin:0;
	padding:0;
}


#banners {

	border: medium none;

	width:100% ! important;

	left: 0;

	margin: 0;

	overflow: hidden;

	padding: 0;

	position: relative;

	top: 0;



	/*z-index: 100;*/

}



#banners img{

	max-width: 100%;

	height: auto;

	width: auto\9; /* ie8 */



}
.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.1); }

.products-slider-container { width: 90%; margin: 0 auto; }
.gallery-slider-container  { width: 90%; margin: 0 auto; }
.testimonials-carousel { width: 90%; margin: 0 auto; }
.slick-next { right: -45px !important; }
.slick-prev { left: -55px !important; }
.slick-prev::before, .slick-next::before {
	color: black !important;
}
.discount { padding: 0 10px; }
.discount .item-carousel { overflow: hidden; padding-top:5px;}
.discount .item-carousel, .discount .slick-vertical .slick-slide {
    border-bottom:1px #ddd solid !important;
	padding: 10px 0;
}
.discount .item-content .gray_16-1 { font-size:16px; line-height:normal; display: block;}
.discount .item-content .lilavo_20 { font-size:18px; }

/* FILTERS ************************************************************************************************************/
#frmFilter ul { list-style: none; }
/* title */
#frmFilter h2 { font-size: 16px;
	border-bottom: 1px #eee solid;
	padding-bottom: 2px;
	font-weight: bold; }
/* options */
#frmFilter li label { font-size: 14px; font-weight: normal; }
#frmFilter ul.two-columns { overflow: auto; }
#frmFilter ul.two-columns li { float: left; width: 50%; }
/* slider */
#frmFilter .slider-range { margin-left: 9px; }
#frmFilter .ui-slider .ui-slider-handle { width: 1em; height: 1em; }
#frmFilter .ui-slider-horizontal { height: .6em; }
#frmFilter .from-to-input { width: 36%; }
#frmFilter ul.two-columns li.checkbox_with_image {
	width: 40px;
	margin: 5px;
}
#frmFilter ul.two-columns li.checkbox_with_image:first-child { margin-left:0; }
#frmFilter .option_with_image {
	width: 40px;
	height:40px;
	border: 1px #E5E5E5 solid;
}
#frmFilter .checkbox_with_image.checked .option_with_image {
	border: 2px #000 solid;
}

/*#frmFilter .filter-vid_sdelka label span { display: none; }*/
#frmFilter .filter-ekstri label span { display: none; }

#frmFilter .multiselect-container li { display: block; }

.quotes {
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 35px;
	margin: 10px;
}

.date {
	position:absolute;
	left:10px;
	top:0px;
	width:50px;
	height:55px;
	border:none;
	z-index:300;
	margin:0;
	background-color: #FFF;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
}
.b1 {
	padding:10px;
	background-color: #2970FF;
}
.b1-1 {
	padding:10px;
	background-color: #00A0E3;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2970FF;
}
.g1 {
	padding:10px;
	background-color: #8FB504;
}
.g1-1 {
	padding:10px;
	background-color: #ADD41E;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8FB504;
}
.cat-bgr {
	background-color: #F7F7F7;
	padding: 15px;}
	
	.static_banner {
	position: fixed;
	z-index:999;
	right: 40px;
	bottom: 40px;
}

/* Animation property */
.wiggle {
  animation: wiggle 2s linear 2;
  animation-delay: 5s;
}

/* Keyframes */
@keyframes wiggle {
  0%, 7% {
    transform: rotateZ(0);
  }
  15% {
    transform: rotateZ(-15deg);
  }
  20% {
    transform: rotateZ(10deg);
  }
  25% {
    transform: rotateZ(-10deg);
  }
  30% {
    transform: rotateZ(6deg);
  }
  35% {
    transform: rotateZ(-4deg);
  }
  40%, 100% {
    transform: rotateZ(0);
  }
}

#tbiButton {
  width: 232px !important;
}

/* toBoxes ************************************************************************************************************/
.toBoxes { padding: 0 !important; margin:0 !important; height:0 !important; border:0 !important; visibility: hidden; }
.theBoxes { display: flex; }
.theBoxes_option,
.theBoxes_disabled_option {
	margin-right: 4px;
	cursor: pointer;
	padding: 10px 20px 7px 20px;
	border: 1px #333 solid;
	border-radius: 5px;
}
.theBoxes_option.active {
	background: #333;
	color: #fff;
}
.theBoxes_disabled_option {
	box-shadow: none !important;
	color: #ccc !important;
	cursor: default;
}