/*! Etnetera a.s. © 2016 */


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 {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block
}

body {
  line-height: 1
}

ol, ul {
  list-style: none
}

blockquote, q {
  quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
  content: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}



*{ font-family: 'PT Sans', sans-serif; }



/* ::: helpers ::: */

	.hide { display: none; }

	@media only screen and (max-width: 450px) {
		.hide-mobile { display: none; }
	}	
	
	.clearfix:before,
	.clearfix:after{
		display: block;
		content: "";
		clear: both;
	}
	
	.f-left, .fl { float: left; }
	.f-right, .fr { float: right;}
	
	.t-left{ text-align: left; }
	.t-right { text-align: right; }
	.t-center { text-align: center; }

	ul.no-margin {
		margin: 0;
	}

	ul.no-bullets li {
		background: none;
		padding: 0;
	}


.clearfix:before,.clearfix:after,.c-promo-cat:before,.c-promo-cat:after,.c-brands:before,.c-brands:after,.topbar:before,.topbar:after,.columns:before,.columns:after,.footer-header:before,.footer-header:after,.l-news:before,.l-news:after,.section:before,.section:after,#content-box:before,#content-box:after,.c-section:before,.c-section:after,#main-nav:before,#main-nav:after,.l-categories:before,.l-categories:after{content:"";display:table;}

.clearfix:after,.c-brands:after,.topbar:after,.columns:after,.footer-header:after,.l-news:after,.section:after,#content-box:after,.c-promo-cat:after,.c-section:after,#main-nav:after,.l-categories:after{clear:both;}

.clearfix,.c-brands,.topbar,.columns,.footer-header,.l-news,.section,#content-box,.c-promo-cat,.c-section,#main-nav,.l-categories{zoom:1;}


/*base*/

	html, body{ 
		width: 100%;
		font-size: 16px;
  		min-height: 100%;
  		-ms-overflow-style: scrollbar;
	} 

	body {
	  position: relative;
	  overflow-y: scroll;
	  background-color: #e5ecf3;
	  font: .875em/1.286em Arial, Helvetica, sans-serif;
	  counter-reset: tabs;
      min-width: 320px;
    }
	
	@media (min-width: 671px) and (max-width: 1024px){
		body{ 
			overflow-x: hidden; 
			max-width: 100%;
		}
	}
	
	@media (max-width: 670px){
		body{ 
			overflow-x: hidden !important; 
			max-width: 100%;
		}
	}
	
	
	h1, h3 {
	  color: #014588;
	}
	
	h1 {
	  font-size: 22px;
	  line-height: 1.273em;
	  margin-bottom: 10px;
	}
	
	h2 {
	  font-size: 18px;
	  margin-bottom: 7px;
	  color: #014588;
	}
	
	h3 {
	  font-size: 16px;
	  line-height: 1.214em;
	  margin-bottom: 5px;
	}
	
	h4 {
	  font-size: 16px;
	  margin: 0;
	}
	
	h5 {
	  font-size: 14px;
	}
	
	h1, h2, h3, h4, h5, strong {
	  font-weight: 700;
	}
	
	a {
	  color: #181739;
	  text-decoration: none;
	  cursor: pointer;
	  outline: 0 !important;
	}
	
	a:hover {
	  color: #181739;
	  text-decoration: underline;
	}
	
	a:active {
	  outline: none;
	}
	
	h2 a{
	    color: #014588 !important;
    	text-decoration: none !important;
	}
	
	h2 a:hover{
		text-decoration: underline !important;
	}
	
	#page-container a {
	  text-decoration: underline;
	}
	
	p {
	  line-height: 20px;
	}

	hr {
	  margin: 0;
	  border: none;
	  border-top: 1px solid #D6EBFF;
	  height: 0;
	  background: transparent;
	}
	
	hr.grey {
	  border-color: #ebebeb;
	}
	
	hr.white {
	  /** pro hp **/
	  border-color: white;
	  background-color: #e5ecf3;
	  margin: 0 -30px;
	}
	
	p {
	  margin-bottom: 1em;
	}
	
	.p-as-br p {
	  margin-bottom: 0;
	}
	
	.p-as-br p:last-child {
	  margin-bottom: 1em;
	}
	
	#content>img {
	  padding: 0 15px 5px 0;
	}
	
	ul, ol {
	  padding-left: 0;
	  margin: 0 0 1em;
	}
	
	ul {
	  list-style: none outside none;
	  margin-left: 15px;
	}
	
	ol {
	  margin-left: 30px;
	  list-style-type: decimal;
	}

	ul.bullets {
    	width: auto;
    	display: block;
    	margin-top: 1em;
    	margin-left: 0;
    	margin-right: 0;
    	padding-left: 20px;
    	list-style-position: inside;
    	text-align: left;
    	margin: -10px 0 12px;
		position: relative;
	}

	ul.bullets li {
		background: transparent;
		padding: 0;
		color: #000;
    	line-height: 1.5;
	}

	ul.bullets li:after {
		content: "•";
    	color: #014588;
    	left: 0;
    	line-height: 22px;
    	position: absolute;
    	font-size: 22px;
	}
	
	ul li {
	  background: url("/public/d4/7f/cc/868_114_arrow.png") 0 0 no-repeat;
	  top: 0;
	  padding-left: 15px;
	  line-height: 1.8em;
	}
	
	ul li.light {
	  list-style: circle;
	  color: #81d4fb;
	}
	
	ul li.dark {
	  list-style: circle;
	  color: #4c65e6;
	}
	
	ol li {
	  line-height: 1.8em;
	}
	
	ul.with-icons {
	  margin-left: 0;
	}
	
	ul.with-icons li span {
	  margin-right: 10px;
	}
	
	li>p {
	  margin: 0
	}
	
	.wrapper {
	  margin: auto;
	  width: 100%;
	  min-width: 320px;
	}
		@media (min-width: 1025px){
			.wrapper {
			  	width: 1024px;
			}
		}
	
	.fullwidth {
	  width: 100%;
	}
	
	.show, .js-show {
	  display: block;
	}
	
	.hidden, .js-hidden {
	  display: none;
	}
	
	.green {
	  color: #4fb44a;
	}
	
	.grey {
	  color: #737373;
	}
	
	.red {
	  color: #d2001b;
	}
	
	.state-SAVED {
	  font-weight: 700;
	  color: #181739;
	}
	
	.state-ACCEPT, .state-PROCESS, .state-PICKING {
	  font-weight: 700;
	  color: #F90;
	}
	
	.state-READY, .state-DONE {
	  font-weight: 700;
	  color: #4fb44a;
	}
	
	.state-CANCEL {
	  font-weight: 700;
	  color: #d2001b;
	}
	
	.page-break {
	  display: none;
	}

	*{ outline: none; }

	img[align="left"] {
		margin-right: 15px;
	}

	img[align="right"] {
		margin-left: 15px;
	}

	img[align="middle"],
	img[align="top"],
	img[align="bottom"],
	img[align="block"] {
		display: block;
		margin: auto;
	}



/*********************
  form
*********************/

.form select {
	width: 100%;
  height: 30px;
  background: none;
  border: 1px solid #014488;
  font-size: 0.9rem;
  color: #028ac4;	
}

.form input {
	width: 100%;
}

.form .form-group {
	margin-bottom: 1rem;	
}

.form .form-group label,
.form .form-group .form-input {
	display: inline-block;
	line-height: 2rem;
}

.form .form-group label {
	width: 30%;
	padding-right: 1rem;
	line-height: 1rem;
}
.form .form-group .form-input {
	width: 60%;
}




/*********************
  tables
*********************/

.table td {
	padding: .2rem;
}


/* installment */

.table-installment {
	font-size: 80%;
}

.table-installment td {
	color: #939393;
	padding: .2rem 0;
	border: 0;
	height: auto;
}

.table-installment .tar {
	color: #275590;
	font-weight: bold;
	white-space: nowrap;
}




/*********************
  etn-slider
*********************/

.etn-slider {
	width: 100%;
}

.etn-slider.ui-slider-horizontal:before {
}

.etn-slider.ui-slider-horizontal:after {
	right: 0;
}

.etn-slider.ui-slider-horizontal .ui-slider-handle:last-child {
	margin-left: -6px;
}




/*********************
  etn-loader
*********************/

.etn-loader { position: relative; }
.etn-loader:after {
  content: "";
  display: block; 
  position: absolute; 
  top: 0; left: 0;
  height: 100%; width: 100%; 
  z-index: 100;
  background-color: rgba(255,255,255,0.9);
  /* background-image: url("https://upload.wikimedia.org/wikipedia/commons/b/b1/Loading_icon.gif"); */
  background-image: url(/public/36/66/41/1031_114_loader.gif);
  background-repeat: no-repeat; 
  background-position: 50% 50%;
}




@font-face {
  font-family: 'icons';
  src: url("/public/aa/b1/42/1120_114_icons.eot");
  src: url("/public/aa/b1/42/1120_114_icons.eot") format('embedded-opentype'),
       url("/public/b6/6c/3f/1122_114_icons.woff") format('woff'),
       url("/public/af/5e/8c/1118_114_icons.ttf") format('truetype'),
       url("/public/8/90/b0/1124_114_icons.svg") format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^=icon-]:before,[class*=" icon-"]:before{font-family:icons;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;}

.icon-cart:before{content:'\e804';}
.icon-up-dir:before{content:'\e80b';}
.icon-right-dir-1:before{content:'\e816';}
.icon-right-dir:before{content:'\e80a';}
.icon-down-dir:before{content:'\e807';}
.icon-down-dir-2:before{content:'\e814';}
.icon-down-dir-1:before{content:'\e808';}
.icon-left-dir-1:before{content:'\e815';}
.icon-left-dir:before{content:'\e809';}
.icon-ok-2:before{content:'\e821';}
.icon-ok-3:before{content:'\e822';}
.icon-ok-1:before{content:'\e820';}
.icon-signal:before{content:'\e824';}
.icon-basket-circled:before{content:'\e806';}
.icon-basket-2:before{content:'\e805';}
.icon-ok:before{content:'\e81f';}
.icon-minus:before{content:'\e81e';}
.icon-basket:before{content:'\e803';}
.icon-adjust:before{content:'\e823';}
.icon-basket-1:before{content:'\e802';}
.icon-down-open:before{content:'\e80c';}
.icon-left-open:before{content:'\e80d';}
.icon-right-open:before{content:'\e80e';}
.icon-up-open:before{content:'\e80f';}
.icon-down-open-mini:before{content:'\e810';}
.icon-left-open-mini:before{content:'\e811';}
.icon-right-open-mini:before{content:'\e812';}
.icon-up-open-mini:before{content:'\e813';}
.icon-dot-3:before{content:'\e81d';}
.icon-down-micro:before{content:'\e81b';}
.icon-up-micro:before{content:'\e81c';}
.icon-basket-alt:before{content:'\e801';}
.icon-down-open-1:before{content:'\e817';}
.icon-up-open-1:before{content:'\e81a';}
.icon-right-open-1:before{content:'\e819';}
.icon-left-open-1:before{content:'\e818';}
.icon-circle-empty:before{content:'\e800';}



	.with-warning-header-bar #fixed-header {
		position: relative;
	}
	
	.with-warning-header-bar #warning-header-bar {
		position: relative;
		background-color: #fcd21a;
		text-align: center;
		z-index: 10;
		width: 100%;
		min-height: 40px;
	}
	
	.with-warning-header-bar #warning-header-bar p {
		margin: 11px 0;
		line-height: 1.3;
		padding: 0 15px;
	}
	
	.with-warning-header-bar #warning-header-bar a {
		font-weight: 700;
	}
	
	.with-warning-header-bar #banner-right,
	.with-warning-header-bar #banner-left {
		margin-top: 40px;
	}
	
	.with-warning-header-bar #header {
		padding-top: 0;
	}

	.with-warning-header-bar #warning-header-bar.fixed {
		position: fixed;
		z-index: 100;
	}

	.with-warning-header-bar #fixed-header.fixed {
		top: 40px;
	}

		
	#fixed-header{
		background-color: #01376d;
		color: white;
		height: 40px;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		z-index: 1;
		top: -40px;
    	transform: translate(0, 40px);
    	-webkit-transform: translate(0, 40px);
    	transition: top 0.5s ease;
		z-index: 30;
	}
	#fixed-header .search_form_wrapper{ display: none !important; }
	
	#fixed-header.fixed{
		position: fixed;
    	top: 0;
    	transform: translate(0, 0);
    	-webkit-transform: translate(0, 0);
    	height: 60px;
	}
	#fixed-header.fixed .search_form_wrapper{ display: block !important; }
	#fixed-header.fixed .search_form_wrapper form{ margin: auto; }

	#fixed-header .wrapper > *{
		display: inline-block;
		float: left;
		width: auto;
	}

	#fixed-header .wrapper > *:last-of-type{
		text-align: right;
		z-index: 1;
		float: right;
    	position: relative;
	}
	
	#fixed-header .wrapper > *:first-of-type{
		z-index: 1;
    	position: relative;
    	float: left;
	}
	
	
	#fixed-header .wrapper > * > span{
		display: inline-block;
		padding: 12px 0;
		font-size: 13px;
	    height: 16px;
	}
	
	#fixed-header.fixed .wrapper > * > span{
		padding: 22px 0;
	}
	
		#fixed-header .wrapper > * > span .icon{
			font-size: 10px;
    		margin-right: 5px;
		    margin-bottom: 3px;
		    height: 16px;
		}
		#fixed-header .wrapper > * > span a{
			color: white;
			text-decoration: underline;
		}

		#fixed-header .wrapper > * > span a:hover{
			text-decoration: none;
		}

	#header {
	  position: relative;
	  background-color: #014588;
	  height: 120px;
	  padding-top: 40px;
	}
	
	#header > .wrapper {
	  position: relative;
	  padding: 0;
	  height: 100%;
	}

	#header > .wrapper > *{
		display: inline-block;
		vertical-align: middle;
	}

	#header #logo{
		min-width: 130px;
		height: 100%;
		text-align: center;
		padding: 21px 0px;
    	box-sizing: border-box;
	}
	
	#header #logo a {
		display: inline-block;
	}
	
	#header #logo img{
	    max-width: 114px;
    	height: 78px;
	}
	
	#fixed-header .search_form_wrapper,
	#header .search_form_wrapper{
		position: absolute;
		top: 50%;
		left: 50%;
	    margin-top: -20px;
    	margin-left: -170px;
    	max-height: 40px;
	}
		#fixed-header #search_form-fixed,
		#header #search_form{
			border: 5px solid white;
			background-color: white;
			border-radius: 5px;
			width: 340px;
			position: relative;
		}
	
		#fixed-header #search_form-fixed > .icon,
		#header #search_form > .icon{
			width: 25px;
			height: 25px;
			position: absolute;
			left: 5px;
			top: 50%;
			-webkit-transform: translate(0, -50%);
			transform: translate(0, -50%);
			fill: #014588;
		}
	
		#fixed-header #search_form-fixed input,
		#header #search_form input{
    		border: none;
   			height: 30px;
    		padding: 0;
    		padding-left: 40px;
    		width: 100%;
    		outline: none;
    		font-size: 16px;
    		box-sizing: border-box;
		}
		
		#fixed-header #search_form-fixed button,
		#header #search_form button{
    		background-color: #014588;
    		width: 30px;
    		height: 30px;
    		border-radius: 5px;
    		float: right;
    		border: 0;
    		outline: 0;
    		padding: 0;
    		position: relative;
    		top: -30px;
    		right: 0;
		}
		
		#fixed-header #search_form-fixed button .icon,
		#header #search_form button .icon{
			width: 30px;
    		margin-top: 5px;
    		height: 18px;
    		box-sizing: border-box;
    		position: absolute;
    		top: 0;
    		left: 0;
		}
		
		#fixed-header .search_form_wrapper .hide_search,
		#header .search_form_wrapper .hide_search{ display: none; }
	
	#header #info{
		float: right;
		height: 120px;
	    text-align: right;
		padding: 43px 0;
	    box-sizing: border-box;
        width: 240px;
	}
	
		#header #user-info{
			color: white;
			display: inline-block;
		    text-align: left;
		    float: left;
		}
		
		#header #user-info strong{
		    font-size: 15px;
		}

		#header #user-info p {
			margin: 0;
		}
		
		#header #user-info a{ text-decoration: underline; }
		#header #user-info a:hover{ text-decoration: none; }
		
		#header #user-info > a{
			display: inline !important;
			text-decoration: none !important;
		}
		
		#header #user-info .icon{
			height: 30px;
		    width: 25px;
		    margin-right: 15px;
		    margin-top: 4px;
		}
		
		#header #user-info div{
			display: inline-block;
			width: 130px;
			vertical-align: top;
		}
		
		#header #user-info a{
			/*display: block;*/ 
			font-size: 13px;
			color: white;
		}
		
		#header #user-info p,
		#header #user-info strong{
			display: block;
		}
		
		#header #user-info div a.name{
			width: 155px;
    		display: inline-block !important;
    		overflow:hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		
		#header #quick-basket{
			color: white;
			position: relative;
			display: inline-block;
		}
	
		#header #quick-basket .icon{
			width: 30px;
			height: 30px;
		}
	
		#header #quick-basket span{
			width: 18px;
			height: 18px;
			background-color: #e2031a;
			color: white;
			border-radius: 50%;
			display: block;
			position: absolute;
			text-align: center;
			line-height: 18px;
			top: -5px;
		    right: -5px;
	        font-size: 12px;
    		font-family: monospace;
		}
		
		#header #quick-basket.large span{
			width: 25px;
			height: 25px;
			line-height: 25px;
		}
	
		.nav-catalog-mobile{
			display: block;
		}
		
		.nav-catalog-mobile ul{ 
			display: block;
			margin: 0;
			
			position: absolute;
		    width: 100%;
		    transition: transform 0.5s ease-out;
		    background: white;
		    will-change: transform;
		    -webkit-transform: translate(0,-100%);
	        transform: translate(0,-100%);
	        z-index: 2;
	        background-color: #014588;
		}
		
		.nav-catalog-mobile ul:not(.root){
			transform: translate(100%,0);
			-webkit-transform: translate(100%,0);
			background-color: #028ac4;
		}
		
			.nav-catalog-mobile ul:not(.root) li:not(.back):after{
				display: block;
				content: "";
				height: 1px;
				width: calc(100% - 30px);
				margin: 0 15px;
				background-color: #2299cb;
			}
		
		.nav-catalog-mobile ul li.catalog{
			background-color: #e2031a;
		}
		
		.nav-catalog-mobile ul li{
			display: block;
			padding: 0;
			background-image: none;
			height: 50px;
			line-height: 50px;
		}
		
		.nav-catalog-mobile ul li a{
			color: white;
			font-weight: bold;
			padding: 0 45px 0 15px;
			display: block;
			width: calc(100% - 65px);
			height: 100%;
			font-size: 15px;
			position: relative;
		}
		
		.nav-catalog-mobile ul:not(.root) li a{
			font-weight: normal;
		}
		
		.nav-catalog-mobile ul li a .icon{
			position: absolute;
			right: 15px;
			top: 50%;
			margin-top: -25px;
			height: 50px;
			font-size: 10px;
		}
		
		.nav-catalog-mobile ul li.back a .icon{
			left: 15px;
			right: initial;
			font-size: 9px;
		}
		
		.nav-catalog-mobile ul li.back a{
			padding: 0 15px 0 45px;
		}
		
		.nav-catalog-mobile li.user-info,
		.nav-catalog-mobile li.phone,
		.nav-catalog-mobile li.subscribe{
			display: none;
		}
	
	.nav-catalog-mobile li.breadcrumbs,
	#open_search,
	.mob-menu-open,
	.nav-catalog-mobile{ display: none; }
	
	
	/** tablet **/
	@media (min-width: 671px) and (max-width: 1024px){
	
		.nav-catalog-mobile li.user-info{
			display: block;
		}
		
		
		.nav-catalog-mobile li.user-info{
			line-height: normal;
		}
		
		.nav-catalog-mobile li.user-info div{
			color: #fff;
			display: inline-block;
			vertical-align: middle;
		}
		
		.nav-catalog-mobile li.user-info div a { 
			display: block;
			height: 20px;
			line-height: 20px;
			width: auto;
		}
		
		.nav-catalog-mobile li.user-info div a:last-of-type{
			font-weight: normal;
			/*font-size: 13px;*/
		}
		
		.nav-catalog-mobile li.user-info .login-link,
		.nav-catalog-mobile li.user-info .register-link {
			font-weight: normal;
		    padding-left: 15px;
		    padding-right: 15px;
			display: inline-block;
		}

		.nav-catalog-mobile li.user-info .icon{
			left: 15px;
		    position: relative;
		    width: 25px;
		    height: 30px;
		    vertical-align: middle;
		    margin-right: 15px;
		}
	
		.mob-menu-open,
		.nav-catalog-mobile{ display: block; }
		
		#fixed-header{
			padding: 0 15px;
			z-index: 4;
		}
		
		#header{ 
			z-index: 3;
		}
		
		#header #user-info{ display: none !important; }
		
		#header .hamburger{
			display: inline-block;
			margin-top: 2px;
		}
		
		#header #info{
			width: 120px;
    		padding-right: 28px;
		}
		
		#header .mob-menu-open{
			color: white;
		}
			#header .mob-menu-open .icon{
				font-size: 30px;
				height: 20px;
				padding: 5px 0;
			}
			
		#header #quick-basket{
			float: left;
		}
		
		#header #logo{
			padding: 21px 0 21px 15px;
		}
		
		#main-nav{ display: none !important; }
	}

	@media (max-width: 670px){
		#main-nav,
		#fixed-header,
		#header #main-nav,
		#user-info{	
			display: none !important;			
		}	
		
		.mob-menu-open, .nav-catalog-mobile{
			display: block;
			overflow: hidden;
		}
		
		.nav-catalog-mobile ul.root{
			padding-top: 20px;
		}
		
		.nav-catalog-mobile li.user-info,
		.nav-catalog-mobile li.phone,
		.nav-catalog-mobile li.subscribe{
			display: block;
		}
		
		.nav-catalog-mobile li.phone{
			padding-top: 10px;
			margin-top: 10px;
			height: 50px;
			position: relative;
		}
		
		.nav-catalog-mobile li.phone a{
		    padding: 0 15px 0 45px;
		    box-sizing:border-box;
		    height: 50px;
		    width: 100%;
		    position: absolute;
		    left: 0;
		    top: 10px;
		}
		.nav-catalog-mobile li.phone a *{ display: inline-block; }
		.nav-catalog-mobile li.phone a .icon{
			left: 15px;
			right: initial;
		    font-size: 12px;
		}
		
		.nav-catalog-mobile li.phone:before{
			content: "";
			height: 1px;
			width: calc(100% - 30px);
			background-color: white;
			display: block;
			margin: 0 15px;
			top: -10px;
    		position: relative;
		}
		
		.nav-catalog-mobile li.user-info{
			line-height: normal;
		}
		
		.nav-catalog-mobile li.user-info div{
			color: #fff;
			display: inline-block;
			vertical-align: middle;
			width: calc(100% - 50px);
			overflow:hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		
		.nav-catalog-mobile li.user-info div a { 
			display: block;
			height: 20px;
			line-height: 20px;
			width: auto;
		}
		
		.nav-catalog-mobile li.user-info div a:last-of-type{
			font-weight: normal;
			/*font-size: 13px;*/
		}

		.nav-catalog-mobile li.user-info .login-link,
		.nav-catalog-mobile li.user-info .register-link {
			font-weight: normal;
		    padding-left: 15px;
		    padding-right: 15px;
			display: inline-block;
		}
		
		.nav-catalog-mobile li.user-info .icon{
			left: 15px;
		    position: relative;
		    width: 25px;
		    height: 30px;
		    vertical-align: middle;
		    margin-right: 15px;
		}
		
		/*.nav-catalog-mobile li.user-info:after{
			display: block;
			content: "";
			width: calc(100% - 30px);
			margin: 0 15px;
			background-color: white;
			height: 1px;
		}*/
		
		#header{ 
			padding-top: 0px; 
			height: 65px;
			z-index: 3;
		}
			#header #logo{
			    padding: 10px 0px;
			    min-width: 90px;
			}
				#header #logo img{
					width: 65px;
					height: 45px;
				}
		
		#header .search_form_wrapper{
			background-color: #014588;
    		top: 20px;
    		bottom: 0;
    		left: auto;
    		right: 760px;
			width: 100%;
    		box-sizing: border-box;
    		padding: 12px 15px;
    		z-index: 1;
    		transition: all 0.5s ease-in-out;
    		max-height: inherit;
		}
		#header .search_form_wrapper.active{ 
			padding: 0;
    		padding-left: 10px;
			padding-top: 13px;
			right: 0;
			width: 100%;
		}
			#header .search_form_wrapper #search_form{
				width: 87%;
				box-sizing: border-box;
				position: relative;
			}
			#header .search_form_wrapper .hide_search{ 
				display: block;
    			width: 20px;
    			height: 20px;
    			position: absolute;
    			top: 13px;
    			right: 5px;
    			text-align: center;
    			padding: 11px;
			}
			
		#header #info{
			height: 65px;
		    padding: 20px 15px 20px 0;
		    width: 153px;
		}
			#header #info > *{
				vertical-align: top;
			}
		
			#header #info #open_search{
				display: inline-block;
				fill: white;
				height: 25px;
				font-size: 23px;
				margin-right: 20px;
			}
			
			#header #info #quick-basket{
				margin-right: 5px;
				height: 25px;
			}
				#header #quick-basket .icon{
					width: 25px;
					height: 25px;
					margin-top: 2px;
				}
				
				#header #quick-basket span{
					width: 18px;
					height: 18px;
					font-size: 12px;
				}
			
			#header #info .hamburger{
				display: inline-block;
				font-size: 25px;
				margin-left: 20px;
			}
				#header #info .hamburger .icon{
					height: 25px;
					margin-top: 2px;
				}
				
			.nav-catalog-mobile li.breadcrumbs{
				display: block !important;
				padding: 15px 0 5px 10px;
				background-color: #014588;
				height: 30px;
				line-height: 30px;
			}
				.nav-catalog-mobile li.breadcrumbs:after{
					display: none !important;
				}
				.nav-catalog-mobile li.breadcrumbs ol,
				.nav-catalog-mobile li.breadcrumbs div{
					margin: 0 !important;
					padding: 0;
				}
				.nav-catalog-mobile li.breadcrumbs li{
					display: inline-block;
					vertical-align: top;
					position: relative;
					height: 30px;
					line-height: 30px;
				}
				
				.nav-catalog-mobile li.breadcrumbs li .icon{
					width: 15px;
					height: 15px;
					position: static;
					transform: none;
				}
				
				.nav-catalog-mobile li.breadcrumbs li a{
					padding: 0 10px;
					width: auto;
					box-sizing: border-box;
					font-size: 14px;
				}
				
				.nav-catalog-mobile li.breadcrumbs li:not(:last-child){
					margin-right: 5px;
				}
				
				.nav-catalog-mobile li.breadcrumbs li:not(:last-child):after{
			        display: inline-block;
				    content: "›";
				    text-align: center;
				    width: 10px;
				    display: inline-block;
				    margin: 0;
				    height: auto;
				    width: auto;
				    width: auto;
				    background: transparent;
				    position: absolute;
				    top: 0;
				    right: -5px;
				    color: #80a2c3;
				    font-size: 20px;
				}
				.nav-catalog-mobile li.breadcrumbs li:last-child:after{ display: none !important; }

			#header #info .icon {
				width: 25px;
				height: 25px;
			}
	}







/* top navigation */
#main-nav{
	display: block;
	background-color: #e2031a;
	border-bottom: 2px solid #b91d31;
	height: 42px;
	z-index: 6;
    position: relative;
}

#main-nav ul.master{
	margin: 0;
	height: 42px;
	position: relative;
	z-index: 50;
}

#main-nav ul.master li{
	display: block;
	position: relative;
	float: left;
	background: none;
	height: 100%;
	line-height: 42px;
	padding: 0;
}

#main-nav ul.master li.divider{
	margin-right: 1px;
}

#main-nav ul.master li.home a{
	margin: 0;
    width: 40px;
    padding: 0;
    text-align: center;
}

#main-nav ul.master li.home .icon{ font-size: 18px;}

#main-nav ul.master > li > a{
	color: white;
	padding: 0 15px;
	display: block;
	font-weight: bold;
	padding-top: 1px;
	height: 100%;
}

#main-nav ul.master > li > a:hover{
	text-decoration: none;
}

#main-nav ul.master > li:not(.catalog) > a:hover{
	background-color: rgba(0, 0, 0, 0.1);
}

#main-nav ul.master > li.catalog > a > .icon{
	width: 9px;
	height: 7px;
	margin-left: 10px;
	display: inline-block;
}

#main-nav ul.master li.divider:after{
	display: block;
	position: absolute;
	content: "";
	width: 1px;
	height: 20px;
	background-color: #b91d31;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	top: 50%;
	right: -1px;
}

#main-nav ul.master li.catalog{
	background-color: #014588;
	height: 48px;
	border-radius: 0 0 5px 5px;
	z-index: 1;
	position: static;
}



/* content */

#page-container{
	min-width: 320px !important;	
}

#content article {
  padding: 10px;
}

#content, #sidebar {
  float: left;
}

.without-sidebar #content, #content {
  width: 100%;
  position: relative;
}

#content>h2 {
  margin: 10px 0 20px 0;
}

#content>h3 {
  margin: 10px 0 10px 0;
}

#content>h4 {
  margin: 5px 0 10px 0;
}

#content>h5 {
  margin: 5px 0 5px 0;
}

.without-sidebar #content>h1 {
  margin: 10px 0 30px 0;
}

h1.info-headline {
  color: #5a5a5a;
  border-bottom: 1px solid #eaeaea;
  border-top: 1px solid #eaeaea;
  line-height: 1.6em;
  margin: 20px 0;
}

#sidebar {
  width: 200px;
}

.with-sidebar #content {
	margin-left: 25px;
	width: 739px;
}

.with-right-sidebar #content {
  margin-right: 10px;
  width: 720px;
}

#page-container {
  background: #fff;
  margin: 0 auto;
  width: 1024px;
  min-height: 500px;
  padding: 40px 30px;
  position: relative;
  box-sizing: border-box;
  min-height: 800px;
}

#homepage #page-container{ padding-bottom: 0; }

@media (min-width: 671px) and (max-width: 1024px){
	#page-container{
		width: 100%;
		padding: 25px;
	}
}
@media (max-width: 670px){
	#page-container{
		width: 100%;
		padding: 15px;
	}

	.article-content img {
		display: block;
		width: 100%;
		height: auto;
	}

	.nav-mob-is-open #page-container {
		min-height: 2500px;
	}
}

#homePage #page-container{ padding-bottom: 0; margin-bottom: 0; }

h2.for-section {
  padding: 11px 22px;
  margin: 0;
  display: block;
  float: left;
  clear: right;
  position: relative;
  top: 1px;
  z-index: 10;
  font-size: 1em;
}

.section {
  width: 100%;
  clear: both;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* corner labels */

.corner-label {}

.corner-label.right {}

.corner-label.left {}

/* add to cart dialog */

#tdi-add-cart-dialog h2 {
  font-size: 1.429em;
  padding: 10px 13px 20px;
}

#tdi-add-cart-dialog .added-article {
  padding: 20px;
}

#tdi-add-cart-dialog .added-article strong {
  margin-top: 45px;
  font-size: 1.286em;
}

#tdi-add-cart-dialog .article-wrapper {
	display: table;
	width: 100%;
	margin-bottom: 20px;
}

#tdi-add-cart-dialog .article-wrapper > div {
	display: table-cell;
	vertical-align: middle; 
}
#tdi-add-cart-dialog .article-wrapper .article-img {
	width: 120px;
} 

#tdi-add-cart-dialog .article-wrapper img {
	display: block;
	width: 120px;
	height: 120px;
	padding-right: 20px;
}

#tdi-add-cart-dialog .article-price {
	text-align: right;
    color: #e2031a;
    font-weight: bold;
    font-size: 22px;
}

#tdi-add-cart-dialog form {
	padding: 0;
}

#tdi-add-cart-dialog a {
}

#tdi-add-cart-dialog button {
	float: right;
}

/* news section */

.col.news {
  padding: 10px!important;
}

.news .icon {
  width: 208px;
  margin-right: 15px;
  display: block;
  float: left;
}

.news img {
  border: 1px solid #9f9f9f;
}

.news .text {
  float: left;
  padding-right: 20px;
}

.news .meta {
  font-size: 12px;
}

.news .date {
  font-style: italic;
}

.price-box.cols-2 {
  position: absolute;
  bottom: 0;
  width: 96%;
  margin-left: 9px;
  background: #ddf2fb;
  height: 165px;
}


/* footer */

#footer li {
  background: none;
}

#footer .footer-top {
  background: #014588;
  box-sizing: border-box;
  padding: 65px 0 20px 0 ;
  border-top: 1px solid #225d97;
}

#footer .footer-top .wrapper{
	position: relative;
}

#footer .footer-top .wrapper > *:not(.planeacek){
  width: 230px;
  margin-left: 0;
  float: left;
}

#footer .footer-top .wrapper > .form{
	width: 300px;
}

#footer h2 {
  color: #03b9fb;
  margin-bottom: 0;
  font-size: 19px;
  line-height: 30px;
  font-weight: normal;
  position: relative;
}
	#footer h2 .icon{ display: none; }
#footer ul{
	margin: 0;	
}

#footer li {
  padding: 0;
  font-size: 13px;
  list-style: none;
}

#footer li .icon{
	margin-right: 5px;
	height: 15px;
}

#footer a {
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  line-height: 20px;
}

#footer a:hover {
  text-decoration: underline;
}


#footer li span.mail {
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  background: url(/public/55/bb/fc/842_114_sprites.png) -370px -130px no-repeat;
}

#footer li span.phone {
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  background: url(/public/55/bb/fc/842_114_sprites.png) -400px -130px no-repeat;
}

#footer .footer-bottom{
	background-color: #002244;
	color: white;	 
	border-top: 1px solid #013569;
}

#footer .footer-bottom .wrapper{
	position: relative;
}

#footer .footer-bottom p {
	text-align: center;
	margin: 0;
	padding: 10px 0;
	color: #8091a2;
}

#footer .footer-bottom .social{
	position: absolute;
	right: 0;
	top: 0;
	height: 40px;
}

#footer .footer-bottom .social a{
	display: inline-block;
	
	margin: 10px 5px;
}

#footer .footer-bottom .social img{
	width: 20px;
	height: 20px;
}

.cookieWarn {
	background-color: #fcd21a;
	width: 100%;
  	position: fixed;
  	bottom: 0;
  	right: 0;
  	left: 0;
  	min-height: 51px;
  	z-index: 1000000;
	-webkit-backface-visibility: hidden;    
	-moz-backface-visibility: hidden;   
	-ms-backface-visibility: hidden;    
	backface-visibility: hidden;
}

.cookieWarn a {
	color: #138cc2 !important;
	text-decoration: underline !important;
}
.cookieWarn a:hover { text-decoration: none !important; }

.cookieWarn .text {
	width: 85%;
	display: inline-block;
	padding: 5px 0;
	font-size: 13px;
    line-height: 20px;
}

.cookieWarn button{
	float: right;
    margin: 8px 0 0 0;
    width: 100px;
}

/** subscribe form **/
#footer .subscribe{}

#footer .subscribe .input:nth-child(1),
#footer .subscribe .input:nth-child(2){
	width: calc( 50% - 5px );
	float: left;
}

#footer .subscribe .input:nth-child(1){ margin: 0 5px 10px 0; }
#footer .subscribe .input:nth-child(2){ margin: 0 0 10px 5px; }

#footer .subscribe .input input{ 
	background: transparent;
	border-color: white;
	color: white;
}

#footer .subscribe .input input::-webkit-input-placeholder{ color: white; }

#footer .subscribe .checkbox{
	margin-bottom: 15px;
	display: block;
	color: white;
}

@media (max-width: 670px){
	#footer .subscribe .checkbox{
		margin: 0 -20px 10px -20px;
	}
}

#footer .subscribe .checkbox span:after{ 
	background-color: transparent; 
	border-color: white;
	background-image: url(/public/96/c9/87/954_114_white_check.svg);
}

#footer .subscribe .btn{ float: right;}

/** compare panel **/
#footer #compare-panel{
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #028ac4;
	height: 50px;
	z-index: 50;
}

.withCompareBox.withCookieWarn #footer #compare-panel{ bottom: 50px; }

#footer #compare-panel .text{
	width: 72%;
	display: inline-block;
	padding: 5px 0;
	font-size: 13px;
	line-height: 20px;
	text-align: right;
    padding: 15px 0px;
    color: white;
}

#footer #compare-panel a{
	float: right;
    margin: 8px 0 0 0;
    width: 100px;
}

#footer #compare-panel a:not(.btn){
	width: auto;
	height: 35px;
	line-height: 35px;
	margin: 8px 15px 0 0;
	text-decoration: underline !important;
}
#footer #compare-panel a:not(.btn):hover{ text-decoration: none !important; }

#footer #compare-panel a span:first-child{ display: block; }
#footer #compare-panel a span:last-child{ display: none; }

#footer .cookieWarn .agree.copy{display: none;}


@media (min-width: 671px) and (max-width: 1024px){
	
	#footer .footer-top .wrapper > *:nth-child(1),
	#footer .footer-top .wrapper > *:nth-child(2),
	#footer .footer-top .wrapper > *:nth-child(3){
		width: calc( (100% / 3) - 40px );
		padding: 0 20px;
	}
	
	#footer .footer-top .wrapper > *:nth-child(4){
		clear: both;
		float: none;
		display: block;
		padding: 20px;
		width: 500px;
	}
	
	.withCookieWarn #footer #compare-panel{ bottom: 72px !important; }
	#footer #compare-panel .text{ width: 55%; }
	#footer #compare-panel a{ margin: 8px 15px; }
	
	#footer .cookieWarn{
		height: 72px;
	}
	#footer .cookieWarn button{ margin: 8px 15px 0 0 ; }
	
	#footer .cookieWarn .text{
		padding: 5px 15px;
		width: 78%;
	}
}

@media (max-width: 670px){
	
	#footer #compare-panel{ text-align: center; }
	#footer #compare-panel .text{ display: none; }
	#footer #compare-panel a{ 
		margin: 8px auto; 
		width: auto;
		float: none;
		display: inline-block;
	}
		#footer #compare-panel a:not(.btn){ display: none; }
	
		#footer #compare-panel a span:last-child{ display: block; }
		#footer #compare-panel a span:first-child{ display: none; }
	
	#footer .footer-top{
		padding-top: 0px;
	}
	
	#footer .footer-top .wrapper > *:not(.planeacek){
		width: 100%;
		text-align: center;
		padding: 0 20px;
    	box-sizing: border-box;
	}
		#footer .footer-top .wrapper > *:not(.planeacek) form,
		#footer .footer-top .wrapper > *:not(.planeacek) ul{ display: none; }
		#footer .footer-top .wrapper > *:not(.planeacek).open form,
		#footer .footer-top .wrapper > *:not(.planeacek).open ul{ display: block; }
		
	#footer .footer-top .wrapper > *:not(.planeacek) ul{
		margin-bottom: 10px;
	}
	
	#footer .footer-top .wrapper > *:not(.planeacek) h2 .icon{
		height: 1em;
		position: absolute;
		right: 25px;
		top: 50%;
		transform: translate(0, -50%);
		-webkit-transform: translate(0, -50%);
		fill: #03b9fb;
	}
	
	#footer .footer-top .wrapper > *:not(.planeacek) .icon.up{ display: none; }
	#footer .footer-top .wrapper > *:not(.planeacek) .icon.down{ display: block; }
	#footer .footer-top .wrapper > *:not(.planeacek).open .icon.up{ display: block; }
	#footer .footer-top .wrapper > *:not(.planeacek).open .icon.down{ display: none; }
	
	#footer .footer-top .wrapper > *:not(.planeacek):not(.form):after{
		display: block;
		content: "";
		width: calc(100% - 30px);
		height: 1px;
		background-color: #155491;
		margin: 0 15px;
	}
	
	#footer .footer-top .wrapper > *:not(.planeacek) h2{
		padding: 10px;
	}
	
	#footer a{ 
		display: block; 
		line-height: 30px;
		font-size: 18px;
	}
	
	#footer .footer-bottom .social{
		position: static;
		text-align: center;
	}
		#footer .footer-bottom .social a{ margin: 10px; }
	
	#footer .subscribe{
		max-width: 270px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
		
	#footer .subscribe .input{
		display: block;
		width: 100% !important;
		margin: 10px auto !important;
		float: none !important;
	}
	
	#footer .subscribe .btn{
		display: block;
		margin: auto;
		float: none;
		width: 70%;
	}
	
	.withCompareBox.withCookieWarn #footer #compare-panel{ bottom: 0; }
	.withCompareBox #footer .cookieWarn{ bottom: 50px; }
	#footer .cookieWarn .text{ 
		width: 100%; 
		box-sizing: border-box;
		padding: 15px;
	}
	#footer .cookieWarn .text a{ 
		display: inline-block !important;
		padding: 0 5px;
	}
	#footer .cookieWarn button{ display: none; }
	#footer .cookieWarn .btn.copy{ display: block; }
}

@media (max-width: 350px){
	#footer h2{ text-align: left; }
}

#footer .subscribe .btn-newsletter-unsubscribe {
	float: left;
}

@media (max-width: 670px){
	#footer .subscribe .btn-newsletter-unsubscribe {
		float: 	none;
		height: auto;
		margin-top: 1rem;
		display: inline-block;
	}
}



/* medium thumbnail */
.article-thumbnail { width: 250px; display: block; border: 1px solid #d2d2d2; padding-bottom: 10px; background: #f3f3f3; }
.article-thumbnail > * { padding-left: 20px; padding-right: 20px; }
.article-thumbnail h3 { text-align: center; position: relative; padding-top: 15px; height: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.article-thumbnail h3:before { width: 0; height: 0; content: ""; position: absolute; display: block; top: 0; left: 50%; margin-left: -10px; border: 10px outset transparent; border-top: 10px solid #FFF;
}
.article-thumbnail form { float: right; padding-left: 0; }
.article-thumbnail big { font-size: 1.286em; float: left; padding-right: 0; line-height: 1.667em; } 
.article-thumbnail a.img-box { background: #fff; display: block; padding-top: 10px; padding-bottom: 10px; text-align: center; }

.left-thumbnail { float: left; margin: 0.5em 1em 0.5em 0; }
.right-thumbnail { float: right; margin: 0.5em 0 0.5em 1em; }

#copyright {background: #1e295c;}
#copyright p {font-size: 12px; text-align: center; color: #a4dffb; padding: 5px 0; margin: 0;}




	.planeacek{
		display: block;
		position: absolute;
	}
	
	.planeacek img{
		max-height: 140px;
		width: 100%;
		height: 100%;
	}
	
	.planeacek.left{
		top: 10px;
		width: 150px;
		left: -170px;
	}
		.planeacek.left img{ float: right; }
		
	.planeacek.right{
		top: 10px;
		width: 150px;
		right: -170px;
	}
	.planeacek.bottom{
		width: 150px;
		right: -160px;
    	top: -220px;
	}
	
	@media screen and (max-width: 1410px){
	    .planeacek{
	      display: none !important;
	    }
	}




	.breadcrumbs-ord{
		margin: 5px 0;
	}

	.breadcrumbs-ord ul{
		height: 40px;
		margin: 0;
	}
	
	.breadcrumbs-ord ul *{
		color: #088dc5;
	}
	
	.breadcrumbs-ord ul li{
		display: inline-block;
		padding: 8px 0;
		background: transparent;
		vertical-align: super;
		height: 25px;
	}

	.breadcrumbs-ord ul li:not(:last-child):after{
		display: inline-block;
		content: "›";
		text-align: center;
		width: 10px;
	}
	
	.breadcrumbs-ord ul li a { 
		display: inline-block; 
		vertical-align: middle;
	}
	
	.breadcrumbs-ord .home .icon{ display: none; }
	
	@media (min-width: 671px) and (max-width: 1024px){
		.breadcrumbs-ord{ padding-left: 15px; }
	}
	
	@media (max-width: 670px){
		.breadcrumbs,
		.breadcrumbs-ord{ 
		    padding-left: 15px;
		    min-width: 305px;
		    max-width: 100%;
		    position: relative;
		}
		
		.breadcrumbs:after,
		.breadcrumbs-ord:after{
			box-shadow: inset -20px 0px 29px -7px rgb(229, 236, 243);
			display: block;
		    position: absolute;
		    right: 0;
		    top: 0;
		    content: "";
		    width: 30px;
		    height: 100%;
		}
		.breadcrumbs .breadcrumbs-ord{
			min-width: 100%;
    		max-width: max-content;
		}
		.breadcrumbs .breadcrumbs-ord:after{ display: none; }
		
		.breadcrumbs,
		.breadcrumbs-ord .wrapper{ 
			overflow-x: scroll; 
			overflow-y: hidden; 
		}
		
		.breadcrumbs::-webkit-scrollbar,
		.breadcrumbs-ord .wrapper::-webkit-scrollbar{
			display: none;
		}
		
		.breadcrumbs-ord .home .icon{ 
			display: block; 
			height: 1em;
			font-size: 18px;
			fill: #088dc5;
		}
		
		.breadcrumbs-ord li:not(.home):not(:nth-last-child(2)):not(:nth-last-child(1)){
			display: none;
			
		}
		
		.breadcrumbs .breadcrumbs-ord,
		.breadcrumbs-ord ul{ 
			width: max-content; 
		}
		
		.breadcrumbs-ord .home span{
			display: none;
		}
		
		.breadcrumbs-ord .home a { margin-top: 25px; }
		
		.breadcrumbs .breadcrumbs-ord .home .icon{
			fill: white !important;
			height: 2.2em;
			font-size: 14px;
		}
		
		.breadcrumbs .breadcrumbs-ord{ padding-left: 0; }
		
		.breadcrumbs-ord li:last-of-type{
			margin-right: 150px;
		}

		#main-breadcrumbs .breadcrumbs-ord .home a {
    		margin-top: -5px;
		}
	}



.backTop{
	background: none;
    position: absolute;
    width: 155px;
    display: block;
    right: 0;
    margin-right: -10px;
    transition: opacity 1s ease-in-out;
    opacity: 0;
    text-align: center;
    margin-top: 10px;
    -webkit-transition: all .35s linear;
    -moz-transition: all .35s linear;
    transition: all .35s linear;
}
.backTop a{
	background: #028ac4;
	width: 40px;
    height: 40px;
    display: block;
}
.backTop .icon{ font-size: 20px; }

@media screen and (max-width: 1173px){
	.backTop{
		display: none;
	}
}

/* side banners */
#banner-left { 
	background: none;
	position: absolute;
	width: 155px;
	display: block;
	left: 50%;
	margin-left: -692px;
	-webkit-transform: translateZ(0px);
    transform: translateZ(0px);
-webkit-transition: all .35s cubic-bezier(.02, .01, .47, 1); 
-moz-transition: all .35s cubic-bezier(.02, .01, .47, 1); 
transition: all .35s cubic-bezier(.02, .01, .47, 1); 
}

#banner-right { 
	background: none;
	position: absolute;
	width: 155px;
	display: block;
	right: 50%;
	margin-right: -692px;
	-webkit-transform: translateZ(0px);
    transform: translateZ(0px);
-webkit-transition: all .35s cubic-bezier(.02, .01, .47, 1); 
-moz-transition: all .35s cubic-bezier(.02, .01, .47, 1); 
transition: all .35s cubic-bezier(.02, .01, .47, 1); 
}

#banner-left a, #banner-right a{ text-decoration: none;}

#banner-left span,
#banner-right span{
	display: block;
	color: #576977;
	background-color: #fcd21a;
	height: 34px;
	line-height: 34px;
	text-align: center;
	text-decoration: none;
	position: relative;
	font-weight: bold;
	text-transform: uppercase;
}

#banner-left span:before, #banner-right span:before,
#banner-left span:after, #banner-right span:after{
	displaY: block;
	content : "";
	position: absolute;
	width: 0;
	height: 0;
	bottom: -10px;
	border-style: solid;
}

#banner-left span:before, #banner-right span:before{
	border-width: 0 10px 10px 0;
	border-color: transparent #d3a903 transparent transparent;
}

#banner-left span:after, #banner-right span:after{
	border-width: 10px 10px 0 0;
	border-color: #d3a903 transparent transparent transparent;
	right: 0;
}

#banner-left img,
#banner-right img{
	padding: 0 10px;
	width: 135px;
    height: auto;
}

@media screen and (max-width: 1410px){
    #banner-left, #banner-right {
      display: none;
    }
}
	

	
	.nav-catalog{
		position: absolute;
		top: 44px;
		left: 40px;
		/*right: 40px;*/
		
		display: none;
		background-color: #014588;
		z-index: 50;
		
		font-size: 0;
		line-height: 0;
	}
	
		.nav-catalog li a,
		.nav-catalog li{
			color: white !important;
		}
		
		.nav-catalog li a{ display: block; }
	
	.nav-catalog.active{
		display: block;
		box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.58);
	}
	
	.nav-catalog .root{
		margin: 0;
		width: 200px;
		position: relative;
		display: inline-block;
	}
	
	.nav-catalog .root > li{
		display: block;
		box-sizing: border-box;
		width: 100%;
		float: none !important;
		
		font-size: 15px;
		height: 34px !important;
		line-height: 35px !important;
	}
		.nav-catalog .root > li{ border-bottom: 1px solid #346aa0; }
	
		.nav-catalog .root > li > a{ text-decoration: none !important; }
	
	.nav-catalog .root > li.haveChildren .icon{
		display: block;
		position: absolute;
		right: 10px;
		top: 0;
		height: 34px;
		line-height: 34px;
		font-size: 8px;
	}
	
	.nav-catalog .root > li.active{
		background-color: #346aa0 !important;
		font-weight: bold;
	}
	
	.nav-catalog .root > li.haveChildren.active:after{
		display: block;
		content: "";
		position: absolute;
		right: -10px;
		top: 0;
		z-index: 10;
		
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 17px 0 17px 10px;
		border-color: transparent transparent transparent #346aa0;
	}
	
	.nav-catalog .root > li > a{
		box-sizing: border-box;
		padding: 0 15px;
	}
	
	.nav-catalog .sub{
		margin: 0;
		padding: 10px;
		display: none;
		vertical-align: top;
		background-color: #028ac4;
		box-sizing: border-box;
		/*width: calc(100% - 200px);*/
		width: 744px;
		height: 100%;
	}
	
	.nav-catalog .sub.active{
		display: inline-flex;
		flex: 1 0 auto;
		flex-wrap: wrap;
	}
	
	.nav-catalog .sub li{
		display: inline-block !important;
		float: none !important;
		/*width: 181px;*/
		width: calc((100% / 3) - 5px);
		/*height: 155px !important;*/
		height: auto !important;
		font-size: 15px;
		line-height: 20px !important;
		margin-bottom: 20px;
		padding: 10px !important;
    	box-sizing: border-box;
	}
	
	/*.nav-catalog .sub li:not(:nth-child(4n+4)):after{*/
	.nav-catalog .sub li:not(:nth-child(3n+3)):after{
		display: block;
		content: "";
		width: 1px;
		height: 100%;
		position: absolute;
		right: -1px;
		top: 0;
		background-color: #2d9ece;
	}
	
	.nav-catalog .sub li > a{
		display: inline-block;
	    width: 100%;
	    white-space: nowrap;
	    overflow: hidden !important;
	    text-overflow: ellipsis;
	    padding: 0 !important;
	    text-transform: uppercase;
	    font-weight: bold;
	    line-height: 25px;
	    position: relative;
	}
	
	.nav-catalog .sub li > a .icon{
		font-size: 8px;	
	    position: absolute;
	    right: 0px;
	    top: 50%;
	    transform: translate(0, -50%);
	    -webkit-transform: translate(0, -50%);
	}
	
	.nav-catalog .sub li span a{
		padding: 0 5px !important;
		box-sizing: border-box;
		height: 20px;
		line-height: 20px;
		font-size: 14px;
		display: block;
	    width: 100%;
	    white-space: nowrap;
	    overflow: hidden !important;
	    text-overflow: ellipsis;
	}
	
		.nav-catalog .sub li span.more a{ text-decoration: underline; }
		.nav-catalog .sub li span.more a:hover{ text-decoration: none; }
	
	body > .overlay{
		z-index: 2;
	    /*background-color: #000;*/
	    background-color: transparent; 
    	opacity: .7;
    	position: absolute;	
    	bottom: 0;
    	left: 0;
    	width: 100%;
    	top: 204px;
    	display: none;
	}
	
	body > .overlay.active{
		display: block;
	}


@media (max-width: 670px) {

	#three-dim,
	#three-dim #container,
	#three-dim #container > div > div,
	#three-dim #container > div > div + div {
		min-width: 240px!important;
		width: 100%!important;
		min-height: 350px!important;
		height: 100%!important;
	}

	div.ggskin.ggskin_button img.ggskin.ggskin_button {
		width: 40px!important;
		height: auto!important;
	}

		div.ggskin.ggskin_button {
			left: 0!important;
			right: auto;
		}

		div.ggskin.ggskin_button + div.ggskin.ggskin_button {
			left: 50px!important;
			right: auto;
		}

			div.ggskin.ggskin_button + div.ggskin.ggskin_button + div.ggskin.ggskin_button {
				left: auto!important;
				right: 50px!important;
			}

				div.ggskin.ggskin_button + div.ggskin.ggskin_button + div.ggskin.ggskin_button + div.ggskin.ggskin_button {
					left: auto!important;
					right: 0!important;
				}

}

@media screen and (min-width: 500px) and (max-width: 670px) {
	#three-dim,
	#three-dim #container,
	#three-dim #container > div > div,
	#three-dim #container > div > div + div {
		min-width: 450px!important;
		width: 100%!important;
		min-height: 500px!important;
		height: 100%!important;
	}
}


/* disabling safari bounce */
body {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 100% !important;
	overflow-y: hidden !important;
	overflow-x: hidden !important;
}

html{
	overflow-y: auto !important;
	overflow-x: hidden !important;
}

a:not([href]){
	text-decoration: none !important;
}

.withTooltip{
	position: relative;
}

.withTooltip .tooltip{
	position: absolute;
	background-color: white;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.32);
    padding: 8px;
    min-width: 250px;
    z-index: 2;
}
@media (max-width: 670px){
	.withTooltip .tooltip{
		width: 100%;
	}
}

/** body **/
.withCompareBox, .withCookieWarn{ margin-bottom: 50px; }
.withCompareBox.withCookieWarn{ margin-bottom: 100px; }

/* JOb - SKONTROLOVAT, TIE CUNARNY PREPSAT */

/*---------*/
/* ico */
.ico-phone span { width: 17px; height: 21px; margin: 6px 5px 0 0; display: inline-block; background: url("/public/6e/bf/21/920_114__1207_7740_main_sprite.png") no-repeat scroll -19px -88px transparent; }


/* login box */
#login-content { position: absolute; top: 24px; right: 0; z-index: 999; background: #606060; padding: 15px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; }

.icon{
	width: 1em;
	height: 100%;
	vertical-align: middle;
	fill: white;
}

/*-----B2B-----*/
#print-logo { display: none; }

#price-holder { position: relative; }
#price-holder .switch-price {}

#content-box { min-height: 550px; }

#compare #content { overflow: auto; }


/* login */
.reg-col { width: 350px; }
.reg-col h2 { font-size: 18px; }
.reg-col .box { border: 1px solid #d2d2d2; padding: 15px; background: #ffffff; }
.notification h2 { margin-top: 18px; }

.categories { border-top: 1px #d2d2d2 solid; border-left: 1px #d2d2d2 solid; border-right: 1px #d2d2d2 solid; background: #ffffff; padding: 12px 17px; }
.categories ul { margin: 0; }
.categories ul li { float: left; width: 160px; margin-right: 6px; background: none; padding-left: 0;}
.categories ul li:nth-child(3) { margin-right: 0; }
.categories ul li a  { padding-left: 11px; background: url("/public/a3/61/94/1079_114_menu_sprite_bg.png") no-repeat scroll 0 -496px transparent; display: block; }
.categories p { margin-bottom: 0px; }

/* catalogue */
p.no-results { margin: 18px; }

/* catalogue icon */
.buy-icon { background: url("/public/1b/7e/5d/1041_114_buy_icon.png") no-repeat; display: inline-block; height: 24px; width: 19px; }
.buy-icon.new-article { background-position: 0 0; }
.buy-icon.sale { background-position: 0 -25px; }
.buy-icon.history { background-position: 0 -50px; }
.buy-icon.blank { background: none; }
.scaled { background: url("/public/6a/b2/8e/962_114_scaled.png") no-repeat; display: inline-block; height: 25px; width: 25px; position: relative; top: 3px; margin-top: -6px; cursor: pointer; }

/*
#footer { background-color: #f0efeb; }
#footer article { margin: 0 auto; width: 890px; padding: 20px 55px 35px; }
#footer article section { width: 215px; float: left; margin-right: 10px; }
#footer article section:last-child { margin-right: 0px; }
#footer article section h4, #footer article section ul li { font-size: 12px; line-height: 25px; }
#footer article section ul { margin: 0; }
#footer article section ul li { background: none; list-style: none; padding-left: 0; }
#footer article section ul li a { color: #000000; }
#footer article section ul li a:hover { color: #000000; }
*/
/*
button, input.btn, a.btn { background-image: -moz-linear-gradient(top,  #fcfcfc 0%, #d8d8d8 100%); }
button, input.btn, a.btn { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#d8d8d8)); }
button, input.btn, a.btn { background-image: -webkit-linear-gradient(top,  #fcfcfc 0%,#d8d8d8 100%); }
button, input.btn, a.btn { background-image: -o-linear-gradient(top,  #fcfcfc 0%,#d8d8d8 100%); }
button, input.btn, a.btn { background-image: -ms-linear-gradient(top,  #fcfcfc 0%,#d8d8d8 100%); }
button, input.btn, a.btn { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#d8d8d8',GradientType=0 ); }
*/

.main-buy, .small-buy, a.btn.main-buy, a.btn.small-buy { background-image: -moz-linear-gradient(bottom, #ce5813 0%, #ffbf00 100%); }
.main-buy, .small-buy, a.btn.main-buy, a.btn.small-buy { background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #ce5813), color-stop(100%, #ffbf00)); }
.main-buy, .small-buy, a.btn.main-buy, a.btn.small-buy { background-image: -webkit-linear-gradient(bottom, #ce5813 0%, #ffbf00 100%); }
.main-buy, .small-buy, a.btn.main-buy, a.btn.small-buy { background-image: -o-linear-gradient(bottom, #ce5813 0%, #ffbf00 100%); }
.main-buy, .small-buy, a.btn.main-buy, a.btn.small-buy { background-image: -ms-linear-gradient(bottom, #ce5813 0%, #ffbf00 100%); }
.main-buy, .small-buy, a.btn.main-buy, a.btn.small-buy { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbf00', endColorstr='#ce5813',GradientType=0 ); }

/*
.center-blue, .fix-blue, a.btn.center-blue, a.btn.fix-blue, #main-nav ul.main, #main-nav ul.main>li a, form#search button, menu#main-menu h3 { background-image: -moz-linear-gradient(bottom, #004883 0%, #008CFF 100%); }
.center-blue, .fix-blue, a.btn.center-blue, a.btn.fix-blue, #main-nav ul.main, #main-nav ul.main>li a, form#search button, menu#main-menu h3 { background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #004883), color-stop(100%, #008CFF)); }
.center-blue, .fix-blue, a.btn.center-blue, a.btn.fix-blue, #main-nav ul.main, #main-nav ul.main>li a, form#search button, menu#main-menu h3 { background-image: -webkit-linear-gradient(bottom, #004883 0%, #008CFF 100%); }
.center-blue, .fix-blue, a.btn.center-blue, a.btn.fix-blue, #main-nav ul.main, #main-nav ul.main>li a, form#search button, menu#main-menu h3 { background-image: -o-linear-gradient(bottom, #004883 0%, #008CFF 100%); }
.center-blue, .fix-blue, a.btn.center-blue, a.btn.fix-blue, #main-nav ul.main, #main-nav ul.main>li a, form#search button, menu#main-menu h3 { background-image: -ms-linear-gradient(bottom, #004883 0%, #008CFF 100%); }
.center-blue, .fix-blue, a.btn.center-blue, a.btn.fix-blue, #main-nav ul.main, #main-nav ul.main>li a, form#search button, menu#main-menu h3 { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008CFF', endColorstr='#004883',GradientType=0 ); }
*/

#product-info-box { border: 1px solid #d2d2d2; background-color: #eeeeee; padding: 7px 14px; margin: 8px 0; }
#product-info-box p { margin-bottom: 0px; line-height: 25px; }

/* article navigation */

.navigation-items { position: relative; width: 100%; text-align: center; height: 20px; margin: 4px 0 13px; }
.navigation-items a.prev { position: absolute; left: 15px; padding-left: 20px; }
.navigation-items a.next { position: absolute; right: 15px; padding: 0 20px 0 0; }
.navigation-items a.back { padding-left: 50px; }


/* figure img */
figure, div.figure { float: right; margin-left: 18px }
figure img, div.figure img { margin-bottom: 18px }
figure figcaption, div.figure div.figcaption { font-style: italic; color: #729ab8; padding: 0 5px; }





/* error box */
.error-box { border: 1px #fd7e0d solid; background-color: #ffe9d5; color: #ff7900; padding: 20px; margin-bottom: 5px; }
.error-box strong { color: #ff7900; font-weight: bold; }
.error-box p { margin-bottom: 2px; }
.error-box a { color: #ff7900; font-weight: bold; }

/* add tovar ok */
.add-ok-box { border: 1px solid #7ab566; background-color: #b9f6c3; color: #246010; padding: 10px; text-align: center; margin-top: 10px; margin-bottom: 20px; }
.add-ok-box p { margin-bottom: 0; }



 

	
	
/* send email */    
#send-email-section h1 { float: left; }
#send-email-section .long-input { width: 218px; }

/* news section */
#news-section #content article img { display: block; margin: 0 10px 10px 0; }
#news-section #content article { padding-bottom: 10px; border-bottom: 1px solid #d2d2d2; margin-bottom: 10px; }
#news-section #content article h2 { margin-left: 0; }





/* hover na cene */
.scale-price { line-height: 16px; width: 172px; }
.scale-price h3 { margin: 0; margin-top: 10px; }
.scale-price h3:first-child { margin-top: 0px; }
.ui-tooltip-white span.th { text-align: left; font-size: 14px; font-weight: bold; width: 155px; display: inline-block; line-height: 25px; }
.ui-tooltip-white span.td { text-align: right; width: 145px; display: inline-block; line-height: 25px; }
.ui-tooltip-white big { color: #ff7900; font-size: 25px; }
.ui-tooltip-white span.td strong { font-size: 14px; color: #ff7900; }
.scale-price span.th { width: 90px; font-weight: normal; }
.scale-price span.td { width: 80px; font-size: 14px; }




/* search section */
#search-section h4 { margin-bottom: 2px; }
#search-section p { margin-bottom: 15px; }

/* show hide price */
.hiding-price { position: absolute; top: 0; right: 0; display: block }
.hiding-price a { width: 26px; height: 26px; display: inline-block; background: url("/public/ac/77/87/944_114_show_hide_sprite.png") no-repeat scroll 0 0 transparent; }
.hiding-price a.show { background-position: 0 0; }
.hiding-price a.hide { background-position: -26px 0; }
.hiding-price a span { display: none; }

.promotion-box { border: 1px solid #d2d2d2; }
.border-box { border: 1px solid #d2d2d2; padding: 20px; background: #ffffff; }
.in-box { background-color: #fff7dd; }

/* porovnavani */
#comparsion-section { border: 1px solid #d2d2d2; background-color: #ffffff; } 
#comparsion-section p { margin-left: 15px; }

/* upozorneni v kosiku */
.notification-cart { border: 1px solid #d2d2d2; padding: 10px 20px; margin-bottom: 10px; color: #ff7900; background-color: #ffffff; }

#page-container ul.tabs a {
	text-decoration: none;
}

.cols-5 .col {
    float: left;
    width: 20%;
}

.col2-1b1s .col {
    box-sizing: border-box;
    width: 33%;
    display: inline-block;
    vertical-align: top;
}
.col2-1b1s .col:first-child {
    width: 66%;
    padding-right: 75px;
}
.col2-1b1s .col .bullets {
	margin-top: 20px;
}
@media (max-width: 670px) {
	.col2-1b1s .col:first-child {
		width: 100%;
		padding: 0;
	}
	.col2-1b1s .col {
		width: 100%;
	}
}

.figure-center {
	display: block;
	margin: auto;
}
.figure-right {
	float: right;
	margin-left: 20px;
}
.figure-left {
	float: left;
	margin-right: 20px;
}
.figure-block {
	display: block;
}


/* ::: product_box_css ::: */

	/** availability types **/
	.availability .in-stock{
		color: #5fb509;
		margin: 0;
		font-weight: bold;
	}
		.availability .in-stock .short{ display: none; }
		
	.availability .not-available{
		color: #e2031a;
		font-weight: bold;
		margin: 0;
	}
		.availability .not-available .short{ display: none; }
	
	/** prices **/
	.price-box .total .total-price,
	.price-box .installments .price-installments{
		color: #e2031a;	
		font-weight: bold;
		font-size: 20px;
	}
	
	.price-box .basic .basic-price,
	.price-box .cash .price-cash{
		color: #404040;
		font-weight: bold;
		font-size: 20px;
	}
	
	.price-box .original{ 
		font-size: 13px; 
		line-height: 15px;
	    text-align: left;
    	vertical-align: middle;
	    max-height: 30px;
	    width: 50%;
	    height: auto;
	}

	.price-box .original > span:first-child { 
		display: block;
	}
	
	.price-box .original .price-original{
		color: #124b8b;
		text-decoration: line-through;
		font-size: 14px;
		font-weight: bold;
	}
	
	/** buy btns **/
	.buy-btn{
		color: white;
	    padding: 8px;
	    border-radius: 5px;
	    background-color: #028ac4;
	    font-size: 13px;
	    line-height: normal;
	    margin-left: 3px;
	    margin-top: 10px;
	    box-sizing: border-box;
	    text-align: center;
	}

	.buy-btn.installment{
		margin-left: 0;
		margin-right: 3px;
		background-color: #e2031a;
	}

	.buy-btn span{
		display: inline-block;
		margin-left: 19px;
		padding-left: 3px;
		border-left: 1px solid #006e9c;
	}

	.buy-btn.installment span{ border-color: #c71527; }

	/** compare form **/
	.product-box .compare{ text-align: center; }
	.product-box .compare a{
		color: #028ac4; 
		text-decoration: none !important;
	}
	.product-box .compare .icon{
		vertical-align: baseline;
	}
	.product-box input{ display: none; }

	/** product boxes - small **/
	.product-box{
		display: inline-block;
		box-sizing: border-box;
		padding: 15px 15px;
	}
	
	.product-box.small{
		max-width: 100%;
	}
	
	.product-box.small a{ text-decoration: none !important; }
	
	.product-box.small .title{
		display: block;
		text-align: center;
	}
	
	.product-box.small .stickers{
		position: absolute;
    	left: 5px;
    	top: 0;
    	max-width: 100px;
    	text-align: left;
	}
	
	.product-box.small .stickers .sticker{
		display: inline-block;
		box-sizing: border-box;
		background-color: #fcd21a;
		color: #576977;
		font-weight: 700;
		text-transform: uppercase;
		padding: 5px 10px;
		margin-bottom: 10px;
		position: relative;
	}
	.product-box.small .stickers .sticker:before{
		display: block;
	    content: "";
	    position: absolute;
	    width: 0;
	    height: 0;
	    border-style: solid;
	    border-width: 0 8px 8px 0;
	    border-color: transparent #d3a903 transparent transparent;
	    left: 0;
	    bottom: -8px;
	}
	
	.product-box.small .sticker.ecolabel{
		display: block;
		box-sizing: border-box;
		background-color: #25c207;
		color: white;
		font-weight: 700;
		text-transform: uppercase;
		padding: 5px;
		position: absolute;
		right: 5px;
		top: 0;
		min-width: 40px;
		text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	}
	.product-box.small .sticker.ecolabel:after,
	.product-box.small .sticker.ecolabel:before{
		display: block;
	    content: "";
	    position: absolute;
	    width: 0;
	    height: 0;
	    border-style: solid;
	    right: 100%;
	    top:0;
		border-width: 14px 15px 14px 0;
		border-color: transparent #25c207 transparent transparent;
	}
	.product-box.small .sticker.ecolabel:after{ display: none;}
	
	@media (max-width: 670px){
		.product-box.small .title{ color: #028AC4;}
	}
		
	.product-box.small .title a{
		height: 50px;
		width: 241px;
		display: table-cell;
		vertical-align: middle;
	}
	
	.product-box.small .image{
		display: block;
		position: relative
	}
	
	.product-box.small .image a:not('.eco-label-hover-box'){
		display: table-cell;
		vertical-align: middle;
    	text-align: center;
    	height: 140px;
		width: 241px;
		display: block;
		width: 100%;
	}

	.product-box.small .image img{
		max-width: 85%;
		max-height: 85%;
		margin: auto;
	}

	.product-box.small .price-box{
		background-color: #f3f3f3;
		height: 55px;
		width: 300px;
		box-sizing: border-box;
		display: table-cell;
    	vertical-align: middle;
	}

	.product-box.small .price-box > span{
		display: block;
		text-align: center;
		padding: 5px 0;
	}

	.product-box.small .price-box > span.price{
		color: #e2031a;
		font-size: 23px;
		font-weight: bold;
	}
	.product-box.small .price-box > span.price-original{
		color: black;
		font-size: 20px;
		text-decoration: line-through;
		font-weight: normal;
	}
	
	/** product boxes - normal **/
	.product-box.normal{
		box-sizing: border-box;
		padding: 5px;
		position: relative;
		width: 100%;
	}
	
	.product-box.normal .type{
		display: block;
		text-align: left;
		padding: 0 5px;
		color: #028ac4;
		font-size: 14px;
    	font-weight: bold;
    	display:inline-block;
	    max-width: 100%;
	    white-space: nowrap;
	    overflow:hidden !important;
	    text-overflow: ellipsis;
	}
	
		.product-box.normal .type a{
			text-decoration: none !important;
			color: #028ac4;
		}
	
	.product-box.normal .product-box-title {
		display: block;
		text-align: left;
		padding: 0 5px;
		margin-bottom: 5px;
	  max-height: 48px;
	  overflow: hidden;
	}
	
	.product-box.normal .product-box-title h3{
		padding: 0;
		margin: 0;
		color: #014588;
		line-height: 22px;
	}
	
	.product-box.normal .product-box-title a{
		height: 50px;
		width: 241px;
		display: table-cell;
		vertical-align: top;
		text-decoration: none !important;
	}
	
	.product-box.normal .stickers{
		position: absolute;
    	left: 5px;
    	top: 0;
    	max-width: 90px;
    	text-align: left;
	}
	
	.product-box.normal .stickers .sticker{
		display: inline-block;
		box-sizing: border-box;
		background-color: #fcd21a;
		color: #576977;
		font-weight: 700;
		text-transform: uppercase;
		padding: 5px 10px;
		margin-bottom: 10px;
		position: relative;
		white-space: nowrap;
	}
	.product-box.normal .stickers .sticker:before{
		display: block;
	    content: "";
	    position: absolute;
	    width: 0;
	    height: 0;
	    border-style: solid;
	    border-width: 0 8px 8px 0;
	    border-color: transparent #d3a903 transparent transparent;
	    left: 0;
	    bottom: -8px;
	}
	
	.product-box.normal .sticker.ecolabel,
	.product-box.large.top .sticker.ecolabel{
    	display: inline-block;
    	width: auto;
    	box-sizing: border-box;
    	background-color: #25c207;
    	color: white;
    	font-weight: bold;
    	text-transform: uppercase;
    	padding: 5px;
    	text-align: left;
    	right: 5px;
    	left: auto;
    	top: 0;
    	bottom: auto;
    	position: absolute;
    	min-width: 40px;
    	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	}
	.product-box.large.top .sticker.ecolabel {
		right: 15px;
		top: 20px;
	}
	.product-box.normal .sticker.ecolabel:after,
	.product-box.normal .sticker.ecolabel:before,
	.product-box.large.top .sticker.ecolabel:after,
	.product-box.large.top .sticker.ecolabel:before {
    	display: block;
    	content: "";
    	position: absolute;
    	width: 0;
    	height: 0;
    	border-style: solid;
    	left: -15px;
    	top: 0;
    	border-width: 14px 15px 14px 0;
    	border-color: transparent #25c207 transparent transparent;
	}
	.product-box.normal .sticker.ecolabel:after,
	.product-box.large.top .sticker.ecolabel:after { 
		display: none; 
	}
	
	@media (max-width: 670px){
		.product-box.normal .stickers.withEcoLabel{
			margin-top: 20px;
		}
		.product-box.normal .sticker.ecolabel, 
		.product-box.large.top .sticker.ecolabel{
			right: auto;
			left: 5px;
			padding: 5px 0 5px 5px;
			top: -15px;
		}
		.product-box.normal .sticker.ecolabel:before, 
		.product-box.large.top .sticker.ecolabel:before { 
			display: none;
		}
		.product-box.normal .sticker.ecolabel:after,
		.product-box.large.top .sticker.ecolabel:after {
			display: block;
			left: 100%;
			right: auto;
			border-width: 14px 0 14px 15px;
			border-color: transparent transparent transparent #25c207;
		}
	}
	
	.product-box.normal .desc{
		height: 80px;
		padding: 15px 5px 5px 5px; 
		overflow: hidden;
		position: relative;
		min-height: 100px;
	}
	
	.product-box.normal .desc:after{
		display: block;
		content: "";
		background: -moz-linear-gradient(top, rgba(255,255,255,0.01) 0%, rgba(255,255,255,1) 100%);
    	background: -webkit-linear-gradient(top, rgba(255,255,255,0.01) 0%,rgba(255,255,255,1) 100%);
    	background: linear-gradient(to bottom, rgba(255,255,255,0.01) -100%,rgba(255,255,255,1) 100%);
		height: 20px;
		width: 100%;
		position: absolute;
		bottom: 0;
	}
	
	.product-box.normal .desc p{
		margin: 0;
		line-height: 16px;
	}
	
	.product-box.normal .compare{
		text-align: center;
		padding: 5px;
	}
	
	.product-box.normal .compare .icon{
		height: 14px;
	    fill: #1492c8;
	    width: 20px;
	}
	
	.product-box.normal .image{ 
		height: 200px; 
		text-align: center;
		position: relative;
	}
	
	.product-box.normal .image img{
		max-width: 85%;
		max-height: 85%;
		margin: auto;
		display: block;
	}
	
	.product-box.normal .price-box{
		background-color: #f3f3f3;
		box-sizing: border-box;
    	width: 100%;
    	padding: 15px 8px 10px 8px;
    	height: 130px;
    	position: relative;
	}
	
	.product-box.normal .price-box .installments,
	.product-box.normal .price-box .cash{
		box-sizing: border-box;
		text-align: center;
		margin: auto;
	}
	
	.product-box.normal .price-box.withInstallment .installments,
	.product-box.normal .price-box.withInstallment .cash{
		min-height: 1px;
		float: left;
		width: 50%;
	}
	
		.product-box.normal .price-box .installments .btn{ float: left; }
		.product-box.normal .price-box .cash .btn{ float: right;}
	
		
	.product-box.normal .price-box .original{
		position: absolute;
		bottom: 10px;
		left: 10px;
	}
	.product-box.normal .price-box .availability{
		position: absolute;
		bottom: 8px;
		right: 10px;
	}
	
	.product-box.normal .price-box .availability p{
		margin: 0;
	}
	
	.product-box.normal .price-box .availability .long{ display: none; }
	.product-box.normal .price-box .availability .short{ display: block; }
	
	.product-box.normal .price-box .cash .price-cash,
	.product-box.normal .price-box .installments .price-installments{
		display: block;
		margin-bottom: 10px;
	}
	
	.product-box.normal .btn{
	    margin: auto;
	    display: inline-block;
	    float: none !important;
	}
		
	
	@media (min-width: 671px) and (max-width: 1024px){
		.product-box.normal .price-box .btn.icon-l{ padding: 9px 16px; }
			.product-box.normal .price-box .btn.icon-l .icon{ display: none; }
			.price-box .original .price-original { text-align: center; }
		
	}
	
	@media (max-width: 670px){
		
		.product-box.normal{
			padding: 0;
		}
		
		.product-box.normal .product-box-title {
			margin-left: 35%;
		}
		
		.product-box.normal .type{
			margin-left: 35%;
		}
		.product-box.normal .title{
			margin-left: 35%;
		}
			.product-box.normal .title a{ 
				padding: 0; 
				height: initial;
			}
			
		.product-box.normal .image{
			position: absolute;
			left: 0;
			top: 15px;
			width: 35%;
			height: auto;
			max-height: 130px;
		}
		
		.product-box.normal .image a{
			vertical-align: middle;
    	}
    	.product-box.normal .image img{
    		max-height: 130px;
    	}
		
		.product-box.normal .stickers{
			top: 0;
		}
		
		.product-box.normal .desc{
			margin-left: 35%;
			padding-top: 0;
		}
		.product-box.normal .price-box{
			position: relative;
			height: auto;
			margin-top: 35px;
		}
			.product-box.normal .price-box .availability{
				position: absolute;
			    left: 0;
			    /*
			    top: -30px;
			    bottom: auto;
			    */
			    bottom: 110px;
			    width: 35%;
			    text-align: center;
			    white-space: nowrap;
			}
			.product-box.normal .price-box .availability .short{ display: block; }
			.product-box.normal .price-box .availability .long{ display: none; }
			.product-box.normal .price-box .original{ display: none; }
		
		.product-box.normal .compare{ display: none; }
	}
	
	.product-box.normal.fulltext .btn .icon{
		width: 15px;
	    height: 15px;
	    padding-right: 5px;
	}
	
	.product-box.normal.fulltext .btn span{
		font-size: 13px;
	}
	
	/** product box large **/
	.product-box.large{
		box-sizing: border-box;
		padding: 0 35px 0 0;
		width: 100%;
		position: relative;
	}
	
	.product-box.large .left{
		display: inline-block;
		float: left;
		width: 250px;
	}
	
	.product-box.large .right{
		display: inline-block;
		float: right;
		width: calc(100% - 250px);
	}
	
	.product-box.large .image{
		display: block;
		position: relative;
	}
		.product-box.large .image.copy{ display: none; }
	.product-box.large .image a{
		display: table-cell;
    	vertical-align: middle;
    	text-align: center;
    	height: 260px;
		width: 250px;
	}

	.product-box.large .image img{
		max-width: 85%;
		max-height: 85%;
		margin: auto;
	}
	
	.product-box.large .price-box{
		box-sizing: border-box;
		padding: 15px;
		background-color: #f3f3f3;
		position: relative;
		height: 95px;
	}
	
	.product-box.large .price-box .availability{
		position: absolute;
		right: 15px;
		bottom: 15px;
		margin: 0;
	}
	
	.product-box.large .price-box .original{
		position: absolute;
		top: 15px;
		right: 15px;
		text-align: right;
	}
	
	.product-box.large .price-box .installments{
		display: inline-block;
		width: 140px;
		padding: 0 15px;
		margin-right: 10px;
		text-align: center;
		box-sizing: border-box;
		min-height: 1px;
	}
	
	.product-box.large .price-box .cash{
		display: inline-block;
		width: 140px;
		padding: 0 15px;
		margin-left: 10px;
		text-align: center;
		box-sizing: border-box;
	}
	
	.product-box.large .price-box:not(.withInstallment) .cash{
		display: block;
		text-align: center;
		width: calc(100% - 100px);
	}
	
	@media (min-width: 671px) and (max-width: 1024px){
		.product-box.large .price-box{
			height: 130px;
		}
		
		.product-box.large .price-box:not(.withInstallment) .cash{
			width: 100%;
			margin-left: 0;
		}	
		.product-box.large .price-box .cash .price-cash {
			display: inline-block;
			/*float: left;*/
			/*margin-top: 10px;*/
			margin-bottom: 0;
		}
		.product-box.large .price-box .cash .buy-action {
			/*float: right;*/
		}
		.product-box.large .price-box .original {
			text-align: left;
			float: left;
			position: relative;
			top: 13px;
			right: inherit;
		}
		
	}
	
	
	.product-box.large .price-box .cash > span,
	.product-box.large .price-box .installments > span{
		display: block;
		text-align: center;
		margin-bottom: 10px;
	}
	
	.product-box.large .type{
		display: block;
		text-align: left;
		color: #028ac4;
		font-size: 14px;
    	font-weight: bold;
    	display:inline-block;
	    max-width: 100%;
	    white-space: nowrap;
	    overflow:hidden !important;
	    text-overflow: ellipsis;
	}
		.product-box.large .type a{
			text-decoration: none !important;
			color: #028ac4;
		}
	
	.product-box.large .top-product-title h3{
		padding: 0;
		margin: 0;
		color: #014588;
		line-height: 22px;
	}
	
	.product-box.large .top-product-title a{
		height: 50px;
		width: 241px;
		display: table-cell;
		vertical-align: top;
		text-decoration: none !important;
	}
	
	.product-box.large .desc{
		height: 80px;
	}
	
	.product-box.large .desc p{ margin: 0; }
	
	.product-box.large .compare .icon{
		height: 14px;
	    fill: #1492c8;
	    width: 20px;
	}
	
	.product-box.large .stickers .sticker{
		display: inline-block;
	    box-sizing: border-box;
	    background-color: #fcd21a;
	    color: #576977;
		font-weight: 700;
	    text-transform: uppercase;
	    padding: 5px 10px;
	    margin-bottom: 10px;
	    white-space: nowrap;
	}
	
	.product-box.large .stickers{
		position: absolute;
    	left: 5px;
    	top: 0;
    	max-width: 90px;
    	text-align: left;
	}

	.product-box.large.top .stickers{
    	top: 20px;
	}
	
	.product-box.large .stickers .sticker{
		display: inline-block;
		box-sizing: border-box;
		background-color: #fcd21a;
		color: #576977;
		font-weight: 700;
		text-transform: uppercase;
		padding: 5px 10px;
		margin-bottom: 10px;
		position: relative;
	}
	.product-box.large .stickers .sticker:after{
		display: block;
	    content: "";
	    position: absolute;
	    width: 0;
	    height: 0;
	    border-style: solid;
	    border-width: 0 8px 8px 0;
	    border-color: transparent #d3a903 transparent transparent;
	    left: 0;
	    bottom: -8px;
	}
	
	.product-box.large .sticker.ecolabel{
		display: block;
		box-sizing: border-box;
		background-color: #25c207;
		color: white;
		font-weight: 700;
		text-transform: uppercase;
		padding: 5px 0px 5px 5px;
		position: absolute;
		top: 20px;
		left: 5px;
		min-width: 40px;
    	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	}
	.product-box.large .sticker.ecolabel:after,
	.product-box.large .sticker.ecolabel:before{
		display: block;
	    content: "";
	    position: absolute;
	    width: 0;
	    height: 0;
	    border-style: solid;
	    top:0;
	    left: 100%;
		border-width: 14px 0 14px 15px;
		border-color: transparent transparent transparent #25c207;
	}
	.product-box.large .sticker.ecolabel:before{ display: none; }
	
	@media (min-width: 671px) and (max-width: 1024px){
		.product-box.large{
			padding: 0 15px 0 0;
		}
		
		.product-box.large .left{
			width: 220px;
		}
		
		.product-box.large .right{
			    width: calc(100% - 230px);
		}
		
		.product-box.large .price-box .installments,
		.product-box.large .price-box .cash{
			padding-right: 0;
			margin-right: 0;
			padding-left: 0;
			margin-left: 0;
		    width: 50%;
		}
		
		.product-box.large .price-box .installments{
			float: left;
		}
		.product-box.large .price-box .cash{
			float: right;
		}
		
		.product-box.large .price-box .basic .basic-price, 
		.product-box.large .price-box .cash .price-cash{
			display: block;
			margin-bottom: 10px;
			float: none;
		}
		
		.product-box.large .image a{ height: 250px; }
	}
	
	@media (max-width: 670px){
		
		.product-box.large{
			padding: 0;
			display: flex;
			flex-wrap: wrap;
			margin-bottom: 20px;
			margin-top: 20px;
		}
			.product-box.large .left{ 
				order: 2 ;
				width: 100%;
			}
			.product-box.large .right{ 
				order: 1 ;
				width: 100%;
			}
			
		.product-box.large .desc{
			height: auto;
		}	
				
		.product-box.large .compare{
			display: none;
		}
	
		.product-box.large .image{ display: none; position: relative;}
		.product-box.large .image.copy{
			display: block;
		}
		
		.product-box.large .title a{ height: auto; }
		
		.product-box.large .price-box{
			margin: 0 -15px;
			height: auto;
		}
			.product-box.large .price-box .installments,
			.product-box.large .price-box .cash{
				display: block;
				float: none;
				width: 100%;
				margin: auto;
				padding: 0;
				max-width: 500px;;
			}
			.product-box.large .price-box .installments{margin-bottom: 10px;}
			
				.product-box.large .price-box .installments .price-installments,
				.product-box.large .price-box .cash .price-cash{
					float: left;
					height: 35px;
					line-height: 35px;
					width: calc(49%);
				    font-size: 28px;
					margin-bottom: 0;
					text-align: left;
				}
				.product-box.large .price-box .installments .btn,
				.product-box.large .price-box .cash .btn{
					float: right;
				}


			.product-box.large .price-box .original,
			.product-box.large .price-box .availability{
				position: static;
				displaY: block;
				width: 50%;
				float: left;
				margin-top: 15px;
				text-align: left;
			}
				.product-box.large .price-box .availability{ text-align: right; }
				.product-box.large .price-box .original > *{
					display: inline-block;
					line-height: 20px;
				}
		
		.product-box.large .image{ position: relative; }
			.product-box.large .image a{
				display: block;
				margin: auto;
				width: auto;
				height: auto;
			}
			
			.product-box.large .image img{
				max-height: 200px;
				padding: 20px 0;
			}
		
		.product-box.large .stickers{ display: none;}
	
		.product-box.large .stickers.copy{
			display: block;
			position: absolute;
			top: 20px;
			lefT: 0;
		}
		
		.product-box.large .stickers.copy.withEcoLabel{
			top: 55px;
		}
		.product-box.large .sticker.ecolabel{ display: none; }
		.product-box.large .sticker.ecolabel.copy{
			display: block !important;
			lefT: 0;
		}
	}
	
	/** product box basket **/
	.product-box.basket{
		display: block;
		padding: 0;
		padding: 15px 0;
		border-bottom: 1px solid #eeeeee;
	}
	
	.product-box.basket .top,
	.product-box.basket .bottom{
		display: block;
	}
	
	.product-box.basket .top > div{
		display: inline-block;
		vertical-align: top;
		height: 90px;
		position: relative;
	}
	
	.product-box.basket .image{
		width: 70px;
		height: 90px;
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		position: relative;
	}
	
	@media (max-width: 670px){
		.product-box.basket .image{ vertical-align: top; }
	}

	.product-box.large .price-box:not(.withInstallment) .cash{
		width: 100%;
	}

	.product-box.basket .image img{
		max-width: 100%;
		max-height: 100%;
	}
	
	.product-box.basket .top > div:nth-child(2){
		width: 455px;
		margin-left: 10px;
	}
	
	.product-box.basket .availability{
		position: absolute;
		bottom: 0;
	}
	
	.product-box.basket .top > div:nth-child(3){
		width: 385px;
		height: 90px;
		float: right;
	}
	
	.product-box.basket .type{
		margin-bottom: 5px;
	}
	
	.product-box.basket .title a{
		text-decoration: none !important;
	}
	
	.product-box.basket .title h3{
		margin: 0;
		color: #014588;
	}
	
	.product-box.basket .price-box{
		display: table-cell;
	    vertical-align: middle;
	    height: 90px;
	    width: 385px;
	}
	
	.product-box.basket .price-box .basic{
		display: inline-block;
		width: 110px;
		text-align: center;
		vertical-align: middle;
	}
	.product-box.basket .price-box .amount{
		display: inline-block;
		text-align: center;
		width: 98px;
		white-space: nowrap;
	}
	.product-box.basket .price-box .amount input{
		display: inline-block;
		width: 25px;
		height: 20px;
		border: 1px solid #1a95ca;
		border-radius: 3px;
		text-align: center;
		margin: 0 5px;
		vertical-align: -1px;
	}
	.product-box.basket .price-box .amount .amount-change{
		width: 20px;
		height: 20px;
		border-radius: 50%;
		background-color: #80c4e1;
		color: white;
		text-align: center;
		display: inline-block;
		cursor: pointer;
		vertical-align: 1px;
	}
	
	.product-box.basket .price-box .total{
		display: inline-block;
		text-align: center;
		width: 130px;
		vertical-align: middle;
	}
	.product-box.basket .price-box .remove{
		display: inline-block;
		text-align: center;
		width: 35px;
	}
	
	.product-box.basket .bottom .extra {
		width: 33%;
		box-sizing: border-box;
		padding-right: 20px;
		display: inline-block;
		vertical-align: top;
		margin-top: 20px;
	}
	
	.product-box.basket .bottom .extra:nth-child(3) {
		padding-right: 0;
	}
	
	.product-box.basket .bottom .extra h3 {
		margin-bottom: 5px;
	}
	
	.product-box.basket .bottom .extra h3 i {
		margin-left: 5px;
	}
	
	.product-box.basket .bottom .extra h3 i .icon {
		height: 25px;
		fill: #b3b3b3; 
		vertical-align: text-top;
		cursor: pointer;
	}
	
	.product-box.basket .bottom .extra .radio {
		color: black;
		margin: 5px 0;
		display: block;
	}
	
	.product-box.basket .bottom .extra .radio span {
		width:  calc(100% - 20px);
	}

	/*.product-box.basket .bottom .extra .radio span strong {
		float: right;
	}*/
	
	
	.product-box.basket .bottom .accessories{
		margin-top: 20px;
	}
	
	.product-box.basket .bottom .accessories .accessory{
		display: block;
		height: 50px;
		padding: 10px 0;
		position: relative;
	}
	
	.product-box.basket .bottom .accessories .accessory > *{
		vertical-align: middle;
	}
	
	.product-box.basket .bottom .accessories .accessory .img{
		width: 70px;
	    height: 50px;
	    display: inline-block;
	    text-align: center;
	}
		.product-box.basket .bottom .accessories .accessory .img a{
			display: table-cell;
	    	vertical-align: middle;
		}
		.product-box.basket .bottom .accessories .accessory .img img{
			max-width: 100%;
			max-height: 50px;
		}
	
	.product-box.basket .bottom .accessories .accessory .info{
		display: inline-block;
	}
	
	.product-box.basket .bottom .accessories .accessory .price-box{
	    display: inline-block;
	    height: 50px;
	    width: 385px;
	    float: right;
	}
		.product-box.basket .bottom .accessories .accessory .price-box > div{
			vertical-align: middle;
			display: table-cell;
			height: 50px;
		}
	.product-box.basket .bottom .accessories .accessory:not(:last-child){ margin-bottom:1px; }
	.product-box.basket .bottom .accessories .accessory:not(:last-child):after{
		display: block;
		content: "";
		bottom: -1px;
		background-color: #eee;
		height: 1px;
		width: 100%;
		position: absolute;
	}
	
	.product-box.basket .bottom .accessories .accessory .availability{ position: static; }
	.product-box.basket .bottom .accessories .accessory .type{ margin-bottom: 0; }
	
	
	.product-box.basket .amount-change,
	.product-box.basket .remove{
		background-color: transparent !important;
		border-radius: 50% !important;
		width: 20px !important;
		height: 20px !important;
	}
	
	.product-box.basket .amount-change .icon,
	.product-box.basket .remove .icon{
		fill: #80c4e1 !important;
		font-size: 20px;
	}
	
	@media (min-width: 671px) and (max-width: 1024px){
		.product-box.basket .top > div:nth-child(3),
		.product-box.basket .price-box{
			width: 370px;
		}
		
		.product-box.basket .top > div:nth-child(2){
			width: calc(100% - 469px);
		}
		
		.product-box.basket .bottom{
			padding-left: 30px;
		}
	}
	
	
	.ecolabel.type_Appp{ background-color: #00a652 !important; }
	.ecolabel.type_Appp:before{ border-right-color: #00a652 !important; }
	.ecolabel.type_Appp:after{ border-left-color: #00a652 !important; }
	
	.ecolabel.type_App{ background-color: #50b849 !important; }
	.ecolabel.type_App:before{ border-right-color: #50b849 !important; }
	.ecolabel.type_App:after{ border-left-color: #50b849 !important; }
	
	.ecolabel.type_Ap { background-color: #c0d731 !important; }
	.ecolabel.type_Ap:before{ border-right-color: #c0d731 !important; }
	.ecolabel.type_Ap:after{ border-left-color: #c0d731 !important; }
	
	.ecolabel.type_A{ background-color: #fef100 !important; }
	.ecolabel.type_A:before{ border-right-color: #fef100 !important; }
	.ecolabel.type_A:after{ border-left-color: #fef100 !important; }
	
	.ecolabel.type_B{ background-color: #fcb913 !important; }
	.ecolabel.type_B:before{ border-right-color: #fcb913 !important; }
	.ecolabel.type_B:after{ border-left-color: #fcb913 !important; }
	
	.ecolabel.type_C{ background-color: #f37020 !important; }
	.ecolabel.type_C:before{ border-right-color: #f37020 !important; }
	.ecolabel.type_C:after{ border-left-color: #f37020 !important; }
	
	.ecolabel.type_D{ background-color: #ed1b24 !important; }
	.ecolabel.type_D:before{ border-right-color: #ed1b24 !important; }
	.ecolabel.type_D:after{ border-left-color: #ed1b24 !important; }
	
	.ecolabel.type_E{ background-color: #ed1b24 !important; }
	.ecolabel.type_E:before{ border-right-color: #ed1b24 !important; }
	.ecolabel.type_E:after{ border-left-color: #ed1b24 !important; }
	
	.ecolabel.type_F{ background-color: #ed1b24 !important; }
	.ecolabel.type_F:before{ border-right-color: #ed1b24 !important; }
	.ecolabel.type_F:after{ border-left-color: #ed1b24 !important; }
	
	.ecolabel.type_G{ background-color: #ed1b24 !important; }
	.ecolabel.type_G:before{ border-right-color: #ed1b24 !important; }
	.ecolabel.type_G:after{ border-left-color: #ed1b24 !important; }
	

.box-yellow {
	color: #576977; 
	background-color: #fcd21a; 
	padding: 3px 7px; 
	margin-bottom: 10px; 
	font-weight: bold;
}

.equipment-sale-container {
    padding: 2em 2em 0 2em;
}

.equipment-sale-container .slick-prev {
    left: -30px;
}
.equipment-sale-container .slick-next {
    right: -40px;
}

.equipment-sale-container .slide { position: relative; }


@media (min-width: 671px) and (max-width: 1024px){
	.equipment-sale-container {
	    padding: 2em 0;
	}
	
	.equipment-sale-container .slick-prev {
	    left: 	0;
	}
	.equipment-sale-container .slick-next {
	    right: 0;
	}
}

@media (max-width: 670px){
	.equipment-sale-container {
	    padding: 2em 0;
	}
	
	.equipment-sale-container .slick-prev {
	    left: 	0;
	}
	.equipment-sale-container .slick-next {
	    right: 0;
	}
}


.product-box-mini { width: 100%; position: relative; }
	.product-box-mini:after {
	    content: "";
	    display: block;
	    width: 1px;
	    height: 90px;
	    background-color: #e4e4e4;
	    position: absolute;
	    bottom: 5px;
	    right: 0px;
	}

.product-box-mini-title * {
    color: #014588;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    padding: 0;
    margin: 0;
}

#page-container .product-box-mini-title a {
    text-decoration: none;
}

.product-box-mini-content {
    margin-top: 20px;
    display: table;
    width: 100%;
}

.product-box-mini-image {
    display: table-cell;
    width: 70px;
    height: 90px;
    vertical-align: middle;
    text-align: center;
    position: relative;
}

.product-box-mini-price {
    display: table-cell;
    width: 50%;
    background-color: transparent;
}

.product-box-mini-price .price-cash {
    color: #404040;
    font-weight: bold;
    font-size: 20px;
    padding-bottom: 10px;
}

.product-box-mini-title {
	height: 3.375rem; // 54px
}

.product-box-mini-title h3 {
	height: 2.25rem; // 36px
	overflow: hidden;
}

.product-box-mini-title div {
	height: 1.125rem; // 18px
	overflow: hidden;
}

.product-box-mini-title .article-type {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.product-box .warranties p,
.product-box .insurance p,
.product-box .exchange p {
	line-height: 1.3;
	margin-bottom: 0;
}

/*
.text-box-expanding {
	max-height: 3.72em; 	
	overflow: hidden;	
	transition: max-height 16s; /* tak vysoká animácia z dôvodu toho, že sa animuje na výšku až 1000em z dôvodu, že max-height: none animovať nejde */ /*
}

.text-box-expanding-safari {
	max-height: 3.72em; 	
	overflow: hidden;
	transition: max-height 0s; /* Fix pre Safari. Safari pri animácií mouseleave vytvára animáciu na celých 1000 em */ /*
}

.text-box-expanding.expanded,
.text-box-expanding-safari.expanded {
	max-height: 1000em;
} */

.text-box-expanding p {
	line-height: 1.3;
}




	
button.btn,
a.btn{
	display: inline-block;
	border: 0;
	border-radius: 5px;
	padding: 9px 10px 9px;
	font-size: 14px !important;
	outline: none;
	box-sizing: border-box;	
	line-height: 17px !important;
	position: relative;
	text-decoration: none !important;
	text-align: center;
	cursor: pointer;
	transition: 0.5s ease background-position;
	background-position: left;
	background-size: 200% auto;
	z-index: 1;
	position: relative;
	background-attachment: fixed;
}
button.btn:hover,
a.btn:hover{
	background-position: right;
}	
	
/** colors **/
	/* default */
	button.btn,
	a.btn{
		color: white;
		background-color: #028ac4;
		//background-image: linear-gradient(to right, #028ac4 0%, #028ac4 50%, #00a4ea 100%);
	}
		button.btn *,
		a.btn *{
			border-color: #027baf !important;
		}
	
	/* red*/
	button.btn.red,
	a.btn.red{
		color: white;
		background-color: #e2031a;
		//background-image: linear-gradient(to right, #e2031a 0%, #e2031a 50%, #ff001a 100%);
	}
		button.btn.red *,
		a.btn.red *{
			border-color: #c70f22 !important;
		}

	/* blue */
	button.btn.blue,
	a.btn.blue{
		color: white;
		background-color: #014588;
		background-image: linear-gradient(to right, #014588 0%, #014588 50%, #015c88 100%);
	}
		button.btn.blue *,
		a.btn.blue *{
			border-color: #015c88 !important;
		}

	/* grey */
	button.btn.grey,
	a.btn.grey{
		color: white;
		background-color: #d9d9d9;
		// background-image: linear-gradient(to right, #d9d9d9 0%, #d9d9d9 50%, #d9d9d9 100%);
	}
		button.btn.grey *,
		a.btn.grey *{
			border-color: #d9d9d9 !important;
		}

	/* cyan */
	button.btn.cyan,
	a.btn.cyan{
		color: white;
		background-color: #03b9fb;
	    background-image: linear-gradient(to right, #03b9fb 0%, #03b9fb 50%, #55d2ff 100%);
	}
		button.btn.cyan *,
		a.btn.cyan *{
			border-color: #05a6e0 !important;
		}
	
	button.btn.light-blue,
	a.btn.light-blue{
		color: white;
		background-color: #028ac4;
		background-image: linear-gradient(to right, #028ac4 0%, #028ac4 50%, #00a4ea 100%);
	}
		button.btn.light-blue *,
		a.btn.cyan *{
			border-color: #027baf !important;
		}
	
	/* transparent */
	.btn-transparent {
		background: none;
		padding: 0;
		border: 0;
		cursor: pointer;
	}
		.btn-transparent .icon { 
			fill: #80c4e1; 
			width: 1rem;
			height: 1rem;
		}
	
	

/** btns with icons **/
button.btn.icon-l,
a.btn.icon-l{
	padding-left: 35px;
}

button.btn.icon-l > *:first-child,
a.btn.icon-l > *:first-child{
position: absolute;
    left: 5px;
    top: 50%;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    padding-right: 2px;
    line-height: 20px;
    border-right: 1px solid;
}

button.btn.icon-l > *:nth-child(2),
a.btn.icon-l > *:nth-child(2){}

button.btn.icon-r,
a.btn.icon-r{
	padding-right: 30px;
}

button.btn.icon-r > *:last-child,
a.btn.icon-r > *:last-child{
	position: absolute;
    right: 5px;
    top: 50%;
    width: 18px;
    height: 20px;
    margin-top: -9px;
    padding-left: 2px;
    line-height: 20px;
    border-left: 1px solid;	
}

/** custom buy btns **/
.product-box.normal button.btn.buy,
.product-box.normal a.btn.buy{
	width: auto;	
	text-align: right;
	padding: 9px 8px;
	padding-left: 36px;
}

.product-box.normal button.btn.buy .icon,
.product-box.normal a.btn.buy .icon{
    height: 18px;
    width: 18px;
    padding-right: 5px;
}

/** big btn **/
button.btn.big,
a.btn.big{
	height: 45px;
	font-size: 15px !important;
	padding: 9px 35px;
}

button.btn.big.icon-r *:nth-last-child(2),
a.btn.big.icon-r *:nth-last-child(2),
button.btn.big.icon-l *:nth-child(2),
a.btn.big.icon-l *:nth-child(2){
	line-height: 27px;
}

button.btn.big.icon-r,
a.btn.big.icon-r{
	padding: 9px 35px 9px 9px;
}

button.btn.big.icon-l,
a.btn.big.icon-l{
	padding: 9px 9px 9px 32px;
}


	
	.select{
		box-sizing: border-box;	
		margin: 10px auto;
		vertical-align: top;
		position: relative;
	}
	
	div.select select{
		box-sizing: border-box;	
		height: 35px;
		border: 1px solid #5d88b3;
		padding: 0 15px;
		border-radius: 5px;
		width: 100%;
		outline: none;
		background-color: white;
		
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		
		background-image: url(/public/c1/a8/1f/1095_114_select.svg);
		background-repeat: no-repeat;
		background-position: 95% 50%;
		background-size: 13px;
	}
	
	div.select select::-ms-expand{ display: none; }
	
	div.select select[readonly]{
		background-color: rgba(229, 236, 243, 0.62);
	}
	
	div.select.label{ margin: 10px auto; }

	div.select.label label{
		display: inline-block;
	    width: calc( 30% - 15px );
	    padding-right: 15px;
	    float: left;
	    height: 35px;
	    line-height: 35px;
	    white-space: nowrap;
	    overflow: hidden !important;
	    text-overflow: ellipsis;
	    color: #014588;
	    font-weight: bold;
	    position: relative;
	}

	div.select.required label:after{
		display: inline-block;
		position: relative;
		content: "*";
		color: #e2031a;
		top: -2px;
		right: -3px;
		font-weight: bold;
	}
	
	div.select.label select{
		width: 70%;
	}

/** 2017 **/
.form label{ cursor: pointer; color: #1492c8; }

/** required explain **/
.required_explain:before{
	display: inline-block;
	position: relative;
	content: "*";
	color: #e2031a;
	margin-right: 3px;
	font-weight: bold;
}


/** inputs **/
div.input{
	box-sizing: border-box;	
	margin: 10px auto;
	vertical-align: top;
}

div.input.error,
div.input.label.error {
	position: relative;
    margin-bottom: 35px;
}

div.textarea.error .validation,
div.input.error .validation{
    position: absolute;
    right: 0;
    bottom: -26px;
    width: 70%;
    box-sizing: border-box;
    font-weight: 700;
    color: #e2031a;
    text-align: right;
    padding: 3px;
    /*padding: 3px 15px;*/
    /*border-radius: 4px;*/
    /*color: white;*/
    /*border: 1px solid #ec5968;*/
    /*background: #ec5968;*/
}

.input input {
	box-sizing: border-box;	
	height: 35px;
	border: 1px solid #5d88b3;
	padding: 10px 15px;
	border-radius: 5px;
	width: 100%;
	outline: none;
}
	.input input[readonly] {
		background-color: rgba(229, 236, 243, 0.62);
	}

div.input.big input{
	height: 45px;
	font-size: 14px;
}

div.input.label{ margin: 10px auto; }

div.input.label label{
	display: inline-block;
    width: calc( 30% - 15px );
    padding-right: 15px;
    float: left;
    height: 35px;
    line-height: 35px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    color: #014588;
    font-weight: bold;
    position: relative;
}
	div.input.required label:after{
		display: inline-block;
		position: relative;
		content: "*";
		color: #e2031a;
		top: -2px;
		right: -3px;
		font-weight: bold;
	}

div.input.label input{
	width: 70%;
}

div.input.label label i{
	margin-left: 5px;		
}
div.input.label label i .icon{
	fill: #b3b3b3;
}


div.input.error input{
	border-color: #e2031a;
}

/** checkboxes && radio **/
label.radio input[type=radio],
label.checkbox input[type=radio],
label.checkbox input[type=checkbox]{
	opacity: 0;
	position: absolute;
    margin: 3px 1px;
    z-index: -5;
}

label.radio span,
label.checkbox span{
	display: inline-block;
	padding-left: 20px;
	position: relative;
}
	label.radio span i,
	label.checkbox span i{
		margin-left: 5px;
	}
	label.radio span i .icon,
	label.checkbox span i .icon{
		fill: #b3b3b3;
	    height: 15px;
    	vertical-align: bottom;
	}

label.radio span a,
label.checkbox span a{
	text-decoration: underline !important;
	font-size: 14px !important;
	font-size: inherit !important;
	color: inherit;
	display: inline-block !important;
  margin-left: 10px;
}

label.radio span a:hover,
label.checkbox span a:hover{
	text-decoration: none !important;
}
label.radio span:before,
label.checkbox span:before{
	display: block;
	position: absolute;
	left: 0;
	content: "";
	width: 13px;
	height: 13px;
	border: 1px solid #1e5a96;
	border-radius: 3px;
	background-color: white;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
}

label.radio-top span:before,
label.checkbox-top span:before{
	top: 8px;
}

label.radio span:before{
	border-radius: 50%;
}

label.radio input[type=radio]:checked + span:before,
label.checkbox input[type=radio]:checked + span:before,
label.checkbox input[type=checkbox]:checked + span:before{
	background-image: url(/public/f2/a9/a9/938_114_check.svg);
	display: block;
	background-size: 12px;
    background-repeat: no-repeat;
    background-position: 50%;
}

label.radio input[type=radio]:checked + span:before{
	background-image: url(/public/8f/f2/a1/1035_114_circle.svg);
	background-size: 70%;
}

label.radio.required span:after,
label.checkbox.required span:after{
    display: inline-block;
    position: relative;
    content: "*";
    color: #e2031a;
    top: -2px;
    right: -3px;
    font-weight: bold;
}

label.radio.error .validation,
label.checkbox.error .validation{
    display: inline-block;
    margin-left: 10px;
    color: #e2031a;
}

/** textarea **/
div.textarea{
	box-sizing: border-box;	
	margin: 10px auto;
	vertical-align: top;
	position: relative;
}

div.textarea textarea{
	border: 1px solid #5d88b3;
	border-radius: 5px;
    padding: 10px 15px;
    outline: none;
    width: 100%;
    max-width: 100%;
    min-height: 60px;
    box-sizing: border-box;
}

div.textarea.label label{
	display: inline-block;
    width: calc( 30% - 15px );
    padding-right: 15px;
    float: left;
    height: 60px;
    line-height: 60px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    color: #014588;
    font-weight: bold;
    position: relative;
}
div.textarea.label textarea{
	width: 70%;
    max-width: 70%;
    display: inline-block;
}

div.textarea.error textarea{
	border-color: #e2031a;
}

input[type=date]::-webkit-clear-button,
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-calendar-picker-indicator {
    display: none;
	-webkit-appearance: none;
}

input[type="date"] {
	-webkit-appearance: none;
}

/** autofill color fix **/
input:-webkit-autofill{ transition: color 999999s ease-out,background-color 999999s ease-out; }

.validate { color: #e2031a; }

.input-group input { width: inherit; float: left; margin-right: .3rem; }
.input-group .btn { margin-bottom: -1px; float: left; }


@media (max-width: 670px) {
	.input-group input { margin-bottom: .3rem; }
}



	table{
		width: 100%;
		font-size: 14px;
	}
	
	table th,
	table td{
		padding: 0 10px;
		height: 40px;
		vertical-align: middle;
	}
	
	table th{
		background-color: #014588;
		color: white;
	}
	
	table td{
		padding: 13px 10px;
		border-bottom: 1px solid #f3f3f3;
	}



/* brands */

.c-brands {
  width: 100%;
}

.c-brands .col {
  float: left;
  padding: 10px!important;
  margin-bottom: 10px;
  border-right: 1px dashed #d6ebff;
  padding-top: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.c-brands .col:hover {
  opacity: 0.7;
}

.rs-carousel-item a h3 {
  color: #fff;
}

.rs-carousel-item ul li a {
  color: #181739;
  font-size: 13px;
  line-height: 20px;
  text-decoration: none;
}

.rs-carousel-item ul li a:hover {
  text-decoration: underline;
}


/* list of news and customers */

#news-customers {
  margin-bottom: 10px;
}

#news-customers .section {
  min-height: 285px;
}

.l-news {
  margin: 0;
}

.l-news li, .l-customer li {
  padding: 0;
  background: none;
}

.l-news .icon {
  width: 100px;
  margin-right: 15px;
  display: block;
  float: left;
}

.l-news img {
  border: 1px solid #9f9f9f;
}

.l-news .text {
  width: 200px;
  margin-top: 5px;
  float: left;
  font-size: 11px;
}

.l-news h4 a {
  display: block;
  font-size: 13px;
  color: #181739;
  font-weight: normal;
  text-decoration: none;
}

.l-news h4 a:hover {
  text-decoration: underline;
}

.l-news li.col {
  position: relative;
  padding: 20px;
  border-right: 1px dashed #d6ebff;
}

.l-news li.col:last-child {
  border-right: 0;
}

.links-news a {
  float: right;
  margin-left: 70px;
}

.links-news a:first-child {
  margin: none;
}

fieldset.section>a {
  text-decoration: none!important;
  background: #c4edff;
  color: #181739;
  padding: 5px 5px 6px 5px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  line-height: 18px;
  text-align: center;
  font-size: 1em;
  font-weight: bold;
  position: relative;
  left: 50%;
  margin-left: -58px;
  bottom: -7px;
}

fieldset.section>a:hover {
  text-decoration: underline;
}

fieldset.section>a:after, fieldset.section>a:before {
  content: '';
  display: block;
  position: absolute;
  background: url("/public/55/bb/fc/842_114_sprites.png");
  width: 9px;
  height: 29px;
  top: 0;
}

fieldset.section>a:before {
  left: -8px;
  background-position: -60px -50px;
}

fieldset.section>a:after {
  right: -9px;
  background-position: -70px -50px;
}

fieldset.section.news {
  padding-bottom: 20px;
}

.l-customer {
  margin-bottom: 0;
}

.l-customer .name {
  margin-right: 5px;
  color: #181739;
  font-size: 13px;
}

.l-customer em.date, .l-news em.date {
  color: #004f9f;
  font-size: 12px;
  font-style: normal;
}

.l-customer p {
  font-size: 11px;
  margin-top: 15px;
  line-height: 15px;
}

.l-customer .clearfix {
  margin-bottom: 15px;
}

.l-customer li.col {
  position: relative;
  padding: 20px;
  border-right: 1px dashed #d6ebff;
}

.l-customer li.col:last-child {
  border-right: 0;
}

.current-rating {
  height: 47px;
  width: 49px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 15px;
  background: url("/public/55/bb/fc/842_114_sprites.png") no-repeat 0 -100px;
}

.current-rating.star-0:after, .current-rating.star-1:after, .current-rating.star-2:after, .current-rating.star-3:after, .current-rating.star-4:after, .current-rating.star-5:after {
  font-size: 1.5em;
  color: black;
  position: absolute;
  font-weight: bold;
  text-indent: 0;
}

.current-rating.star-0 {
  background-position: -200px -50px;
}

.current-rating.star-0:after {
  content: '0';
  left: 27px;
  top: 23px;
}

.current-rating.star-1 {
  background-position: -250px -50px;
}

.current-rating.star-1:after {
  content: '1';
  left: 29px;
  top: 23px;
}

.current-rating.star-2 {
  background-position: -300px -50px;
}

.current-rating.star-2:after {
  content: '2';
  left: 28px;
  top: 23px
}

.current-rating.star-3 {
  background-position: -350px -50px;
}

.current-rating.star-3:after {
  content: '3';
  left: 29px;
  top: 23px
}

.current-rating.star-4 {
  background-position: -400px -50px;
}

.current-rating.star-4:after {
  content: '4';
  left: 27px;
  top: 23px
}

.current-rating.star-5 {
  background-position: -450px -50px;
}

.current-rating.star-5:after {
  content: '5';
  left: 28px;
  top: 23px
}


/* promo categories */

#c-promo {
  margin-top: -20px;
}

@-moz-document url-prefix() {
  #c-promo {
    margin-top: -24px;
  }
}

.promo-cat .rs-carousel-mask {
  height: 100%;
}

.c-promo-cat {
  width: 100%;
  height: 100%;
  background: #c4edff;
}

.c-promo-cat .col {
  width: 240px;
  min-height: 240px;
  padding: 20px 0 10px 0;
  margin: 20px 0 10px 0;
  display: block;
  border-right: 1px dashed #fff;
}

.c-promo-cat .col>* {
  padding-left: 20px;
  padding-right: 20px;
}

.c-promo-cat .col a.img-box {
  display: block;
  padding-top: 10px;
  margin-bottom: 10px;
  position: relative;
}

.c-promo-cat .col h3 {
  height: 25px;
  line-height: 25px;
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
  bottom: 4px;
  margin-left: 2px;
  padding-left: 10px;
  width: 183px;
  font-size: 12px!important;
}

.c-promo-cat .col ul {
  margin: 0px;
  min-height: 85px;
  position: relative;
  margin-left: 15px;
}


/* promo icons */

.cols-4.l-promo-icons {
  background: url("/public/d3/8c/ca/836_114_promoicons_repeatx.png") 0 0 repeat-x;
  height: 145px;
  border: 3px solid #fff;
  outline: 1px solid rgba(56, 130, 194, 0.05);
  padding: 10px 0;
  margin-bottom: 10px;
  -moz-box-shadow: inset 0 0 8px 0 rgba(56, 130, 194, 0.75);
  -webkit-box-shadow: inset 0 0 8px 0 rgba(56, 130, 194, 0.75);
  box-shadow: inset 0 0 8px 0 rgba(56, 130, 194, 0.75);
  margin-top: 40px;
  margin-bottom: 20px;
}

.cols-4.l-promo-icons div.col {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 15px;
}

.cols-4.l-promo-icons a {
  text-decoration: none;
  color: #4C4C4C;
}

.l-promo-icons div.img-box {
  height: 100px;
  display: block;
  position: relative;
  border-bottom: 1px solid #92dafb;
  margin-bottom: 5px;
}

.l-promo-icons div.img-box:before {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 101px;
  background: #d3effd;
  position: absolute;
}

.l-promo-icons div.img-box:after {
  content: '';
  display: block;
  width: 14px;
  height: 94px;
  position: absolute;
  background: url("/public/55/bb/fc/842_114_sprites.png") 0 -150px no-repeat;
  margin-top: -85px;
  margin-left: 215px;
}

.l-promo-icons div.col:last-child div.img-box:after {
  background: none;
}

.l-promo-icons a {
  display: block;
  font-size: 0.85em;
  text-align: center;
}

.l-promo-icons a:hover {
  text-decoration: underline;
}


/* main action banners */

#action-banner {
  position: relative;
}

#action-banner.section {
  border: none;
  margin-bottom: 20px;
  margin-top: -15px;
}

#action-banner:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 9px;
  bottom: -9px;
  background: url("/public/a/d3/45/1029_114_banner_shadow.png") center 0 no-repeat;
}

#action-banner ul a {
  display: block;
  font-size: 0;
  line-height: 0;
}

#action-banner ul a img {
  width: 960px;
  height: 263px;
}

/** 2017 carousel **/

.main-carousel{
	margin: -40px -30px -4px -30px;
	width: calc( 100% + 60px);
}

.main-carousel .slick-list{ top: -4px; }

.main-carousel .slide{
	width: 100%;
}

.main-carousel .slide img{
	width: 100%;
	height: auto;
}

.main-carousel .slide .mobile-variant{
	display: none;
}	

.main-carousel-nav{
	margin: 0 -30px;
	width: calc( 100% + 60px);
	border-bottom: 1px solid #e4e4e4;
	text-align: center;
}

.main-carousel-nav .slide{
	display: inline-block;
    padding: 0 11px;
    height: 50px;
    text-align: left;
    position: relative;
    color: black;
    cursor: pointer;
    box-sizing: border-box;
    float:left;
    font-size: 13px;
}
.main-carousel-nav .slide.mob{ display: none; }

.main-carousel-nav .slide span{
    display: table-cell;
    height: 50px;
    vertical-align: middle;
    padding-left: 30px;
}

.main-carousel-nav .slide img{
	width: 18px;
	height: 18px;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
}

.main-carousel-nav .slide.active{
	color: #138cc2;
}

.main-carousel-nav .slide:not(:last-child):after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	right: 0px;
	background-color: #e4e4e4;
	width: 1px;
	height: 35px;
}

.main-carousel:not(.slick-initialized) .slide:not(:first-of-type){
	display: none;
}

.main-carousel:not(.slick-initialized) .slide{
    position: relative;
    display: block;
    top: -4px;
    font-size: 0;
    line-height: 0;
}

/** actions 2017 **/
#action-sale{
	padding: 30px 0 15px 0;
}
#action-sale .slide{
	display: inline-block;
	float: left;
	position: relative;
}

#action-sale .slide:not(:last-of-type):after{
	content: "";
	display: block;
	width: 1px;
	height: 235px;
	background-color: #e4e4e4;
	position: absolute;
    right: 0;
    bottom: 20px;
}

#action-sale .slide:first-child:after {
	right: -1px;
}

#action-sale .slick-prev{ left: -20px !important; }
#action-sale .slick-next{ right: -20px !important; }

@media (max-width: 670px){
	#action-sale h2{ text-align: center; }
}

/** news 2017 **/
#news{
	padding: 30px 0 15px 0;
}

@media (max-width: 670px){
	#news h2{ text-align: center; }
}

.news-list .news-detail{
	padding: 15px;
	box-sizing: border-box;
	float: left;
	width: 241px;
}

.news-list .news-detail .text a{
	color: #028AC4;
	text-align: center;
	display: block;
	margin-top: 15px;
	font-size: 15px;
    font-weight: bold;
    text-decoration: none !important;
    line-height: 20px;
}

.news-list .news-detail:hover .text a{
	text-decoration: underline !important;
}

/** brands, payments, social 2017 **/
.slider-line{
	margin: 0 -30px;
	width: calc(100% + 60px);
	background-color: #e5ecf3;
	height: 80px;
}

.slider-line .slider{
	max-width: 964px;
	width: 100%;
	margin: auto;
	text-align: center;
}

.slider-line .slider .slide{
	width: 137px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	height: 80px;
	box-sizing: border-box;
	float: none;
}

.slider-line .slider .slick-prev{ left: -20px; }
.slider-line .slider .slick-next{ right: -20px; }

.slider-line .slider .slide{
	box-sizing: border-box;
	width: 145px;
	padding: 20px;
}
.slider-line .slider .slide img{
	max-height: 100%;
    max-width: 150px;
    height: auto;
}

.slider-line .slider .slide a{ cursor: default; }
.slider-line .slider .slide a[href]{ cursor: pointer; }

.slider-line.brands .slider .slide img{ max-height: 50px !important; }

/** trailers **/
#trailers{
	padding: 30px 0;
	margin: 0 0;
}

#trailers > div > div{
	max-width: 290px;
	margin: auto;
}

#trailers > div{
	display: inline-block;
	float:left;
	width: calc(100% / 2);
	position: relative;
	padding: 0 20px;
	box-sizing: border-box;
}
	#trailers.sk > div{
		display: inline-block;
		float:left;
		width: calc(100% / 3);
		position: relative;
		padding: 0 20px;
		box-sizing: border-box;
	}
#trailers > div:not(:last-child):after{
	display: block;
	content: "";
	background-color: #e4e4e4;
	width:1px;
	height: 100%;
	position: absolute;
	right: 10px;
	bottom: 0;
}

#trailers > div .header{
	text-align: center;
}

#trailers > div .header p{
	margin: 0;
}

#trailers .find_store img{
	margin: 20px auto 10px auto;
}

#trailers .find_store .input{
	width: 190px;
	margin: 0;
	float: left;
}

#trailers .find_store .btn{
	float: right;
}

#trailers .leaflet img{
	max-width: 100px;
}

#trailers .leaflet div > p {
	margin-bottom: 26px;
}

#trailers .leaflet div > div:first-of-type{
	width: 100px;
	float: left;
}

#trailers .leaflet div > div:last-of-type{
	float: right;
	width: 165px;
	text-align: left;
}

#trailers .leaflet .btn{
	margin: 22px auto 0 auto;
	display: inline-block;
}

#trailers .leaflet a:not(.btn){
	color: #028ac4 !important;
}

#trailers .leaflet a:hover{ text-decoration: none;  }

/** tablet **/
@media (min-width: 671px) and (max-width: 1024px){
	.main-carousel{ margin-top: -21px }
	
	.main-carousel-nav{
		padding: 10px;	
	    box-shadow: rgba(144, 144, 144, 0.29) 0px 0px 14px;
	}
		.main-carousel-nav .slide{ display: none; }
		.main-carousel-nav .slide.mob{ 
			display: inline-block;
			float: none;
			width: 30px;
			height: 30px;
			border-radius: 50%;
		    padding: 0;
		    text-align: center;
		    line-height: 30px;
		    color: #028ac4;
		    font-size: 15px;
		    margin: 0 10px;
		}
		.main-carousel-nav .slide.mob.active{
			color: white;
			background-color: #028ac4;
		}
			.main-carousel-nav .slide.mob:after{ display: none; }
			.main-carousel-nav .slide.mob span{
				padding: 0;
    			display: inline;
    			font-weight: bold;
			}
			
	.slider-line{
		margin: 0 -25px !important;
		width: calc(100% + 50px) !important;
	}
	
	#trailers.sk > div,
	#trailers.cz > div{ 
		float: left;
		display: block;
		width:50%;
		text-align: center;
		padding: 15px;
		padding-bottom: 30px;
	}
	
	#trailers > div > div{
		max-width: 290px;
		margin: auto;
	}
	
	#trailers > div:last-of-type{
		margin-bottom: 0;
		padding-bottom: 0;
	}
	
	#trailers > div:not(:last-child):after{
		width: 1px;
		height: 100%;
		bottom: 0;
		right: 0;
	}
	
	#trailers.sk > div:last-of-type{
		width: 100%;
	}
	#trailers.sk > div:nth-child(2):after{
		display: none;
	}
}

@media (max-width: 670px){
	
	.main-carousel .slide .mobile-variant{
		display: block !important;
	}
	.main-carousel .slide .desktop-variant{
		display: none !important;
	}
	
	.main-carousel{ margin-top: -11px !important; }
	
	.main-carousel{ margin-top: -21px }
	
	.main-carousel-nav{
		padding: 5px;	
	    box-shadow: rgba(144, 144, 144, 0.29) 0px 0px 14px;
	}
		.main-carousel-nav .slide{ display: none; }
		.main-carousel-nav .slide.mob{ 
			display: inline-block;
			float: none;
			width: 20px;
			height: 20px;
			border-radius: 50%;
		    padding: 0;
		    text-align: center;
		    line-height: 16px;
		    color: #028ac4;
		    font-size: 14px;
		    margin: 0 5px;
			
		}
		.main-carousel-nav .slide.mob.active{
			color: white;
			background-color: #028ac4;
		}
			.main-carousel-nav .slide.mob:after{ display: none; }
			.main-carousel-nav .slide.mob span{
			    height: 20px;
			    position: relative;
			    display: block;
			    padding: 2px;
			    box-sizing: border-box;
			    text-align: center;
			}
	
		
	#trailers.sk > div,
	#trailers.cz > div{ 
		float: none;
		display: block;
		width:100%;
		margin-bottom: 30px;
		padding-bottom: 30px;
		text-align: center;
		
	}
	
	#trailers > div > div{
		max-width: 290px;
		margin: auto;
	}
	
	#trailers > div:last-of-type{
		margin-bottom: 0;
		padding-bottom: 0;
	}
	
	#trailers > div:not(:last-child):after{
		width: 100%;
		height: 1px;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	#trailers .find_store .input{
		width: 100%;
		margin-bottom: 10px;
	}
	
	#trailers .find_store .btn{
	    margin: auto;
    	display: block;
	    float: none;
	}
	
	#trailers .leaflet{ padding: 0 !important; }
}

hr.grey{
	border-color: #e4e4e4;
}



/*
 * qTip2 - Pretty powerful tooltips - v3.0.3
 * http://qtip2.com
 *
 * Copyright (c) 2017 
 * Released under the MIT licenses
 * http://jquery.org/license
 *
 * Date: Thu Jan 5 2017 10:09 EST-0500
 * Plugins: tips
 * Styles: core
 */
.qtip{
	position: absolute;
	left: -28000px;
	top: -28000px;
	display: none;
	pointer-events: none;

    width: auto;
    max-width: 100%;

	font-size: 10.5px;
	line-height: 12px;

	direction: ltr;

	box-shadow: none;
	padding: 0;
}

	.qtip-content{
		position: relative;
		padding: 5px 9px;
		overflow: hidden;
		
    	white-space: nowrap;

		text-align: left;
	}

	.qtip-content .cols-2 .col {
		width: 60%;
	}

	.qtip-content .cols-2 .col:first-child{
		width: 40%;
		padding-right: 10px;
		text-align: right;
	}

	.qtip-content p {
		margin: 0;
	}

	.qtip-titlebar{
		position: relative;
		padding: 5px 35px 5px 10px;
		overflow: hidden;

		border-width: 0 0 1px;
		font-weight: bold;
	}

	.qtip-titlebar + .qtip-content{ border-top-width: 0 !important; }

	/* Default close button class */
	.qtip-close{
		position: absolute;
		right: -9px; top: -9px;
		z-index: 11; /* Overlap .qtip-tip */

		cursor: pointer;
		outline: medium none;

		border: 1px solid transparent;
	}

		.qtip-titlebar .qtip-close{
			right: 4px; top: 50%;
			margin-top: -9px;
		}

		* html .qtip-titlebar .qtip-close{ top: 16px; } /* IE fix */

		.qtip-titlebar .ui-icon,
		.qtip-icon .ui-icon{
			display: block;
			text-indent: -1000em;
			direction: ltr;
		}

		.qtip-icon, .qtip-icon .ui-icon{
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			text-decoration: none;
		}

			.qtip-icon .ui-icon{
				width: 18px;
				height: 14px;

				line-height: 14px;
				text-align: center;
				text-indent: 0;
				font: normal bold 10px/13px Tahoma,sans-serif;

				color: inherit;
				background: transparent none no-repeat -100em -100em;
			}

/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.qtip-focus{}

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.qtip-hover{}

/* Default tooltip style */
.qtip-default{
	border: 1px solid #014588;

	background-color: #014588;
	color: #fff;
}

	.qtip-default .qtip-titlebar{
		background-color: #014588;
	}

	.qtip-default .qtip-icon{
		border-color: #014588;
		background: #014588;
		color: #fff;
	}

	.qtip-default .qtip-titlebar .qtip-close{
		border-color: #014588;
		color: #fff;
	}


.qtip .qtip-tip{
	margin: 0 auto;
	overflow: hidden;
	z-index: 10;

}

	/* Opera bug #357 - Incorrect tip position
	https://github.com/Craga89/qTip2/issues/367 */
	x:-o-prefocus, .qtip .qtip-tip{
		visibility: hidden;
	}

	.qtip .qtip-tip,
	.qtip .qtip-tip .qtip-vml,
	.qtip .qtip-tip canvas{
		position: absolute;

		color: #123456;
		background: transparent;
		border: 0 dashed transparent;
	}

	.qtip .qtip-tip canvas{ top: 0; left: 0; }

	.qtip .qtip-tip .qtip-vml{
		behavior: url(#default#VML);
		display: inline-block;
		visibility: visible;
	}

.ui-tooltip-default {
    background: white;
    color: black;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 7px -2px rgba(0,0,0,0.5);
    border-radius: 4px;
    padding: 5px;
    font-size: 14px;
}

	.ui-tooltip-default .qtip-content {
    	white-space: initial!important;
		line-height: 1.25;
	}

@media (max-width: 670px) {
	.ui-tooltip-default {
    	max-width: 200px;
	}
}



.modal-dialog {
  position: fixed;
  left: 50%;
  top: -5000px;
  z-index: 1001;
  width: 570px!important;
  min-height: 190px;
  height: auto!important;
}

.modal-dialog.width_650{
	width: 650px !important;
}

.modal-dialog.width_370 {
	width: 370px !important;
	min-height: auto !important;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.modal-dialog-contents {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.modal-dialog-contents .modal-header {
  box-sizing: border-box;
  display: block;
  position: relative;
  padding: 10px 60px;
  /* background: #01509f; */
  background-color: #014588;
}

.modal-dialog-contents .modal-header h2 {
  font-size: 1.4em;
  margin: 0;
  color: #fff;
  text-align: center;
  padding: 10px 0;
}

.modal-dialog-contents .modal-header p {
  font-size: 12px;
  color: #fff;
  padding-top: 5px!important;
  text-align: center;
}

.modal-dialog-contents .modal-header p a {
  color: #fff;
  text-decoration: underline;
}

.modal-dialog-contents .modal-header p a:hover {
  text-decoration: none;
}

.modal-dialog-contents .modal-body {
  background-color: #fff;
  position: relative;
}

.modal-dialog-contents .modal-body.withPadding{
	padding: 15px;
}

.modal-dialog-contents .modal-body .body-wrapper{
	padding: 20px;
}

.modal-dialog-contents .modal-body .added-article {
  border-top: 0;
  padding: 20px;
}

.modal-dialog-contents .modal-body form {
  padding-bottom: 15px;
}

.modal-dialog-contents .modal-body div.fll {
  margin-top: 40px!important;
}

.modal-dialog-contents .modal-body div.fll small {
  color: inherit!important;
}

.modal-dialog-contents .modal-body div.fll h4 a {
  color: #004f9f;
  text-decoration: none;
}

.modal-dialog-contents .modal-body div.fll h4 a:hover {
  text-decoration: underline;
}

.modal-dialog-contents .modal-body big {
  float: right;
  margin-top: 48px;
  font-size: 22px;
  padding-right: 20px;
}

.modal-dialog-close{
  position: absolute;
  cursor: pointer;
  width: 20px;
  height: 20px;
  padding: 10px;
  top: 10px;
  right: 10px;
}

.modal-dialog-close:after{
	content: "";
	display: block;
	background-image: url(/public/5c/92/f2/1081_114_close.svg);
	background-repeat: no-repeat;
	background-size: contain;
    width: 100%;
    height: 100%;
}


.modal-dialog-shim {
  background-color: #000;
  opacity: .7;
  filter: Alpha(opacity=70);
  width: 100%;
  height: 100%;
  position: fixed;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  z-index: 1000;
}

#tdi-dialog-send-question .validation {
  width: 18%;
}

.modal-body .textarea,
.modal-body .input{
	width: 300px;
}

.modal-body .link{
	margin: 20px;
}
.modal-body .link > div{
	padding: 10px;
	margin: 10px;
	border:1px solid #eee;
}
.haveinterest-section {
    height: 100%;
}

.haveinterest-section .modal-body {
	padding: 10px;
}

.haveinterest-section h3 {
    margin: 25px 0;
    font-size: 1.2em;
	font-weight: 400;
}

.haveinterest-section label {
    padding: 5px 0px;
}

.haveinterest-section div.input.label,
.haveinterest-section .btn {
	margin-bottom: 25px;
}

@media (max-width: 670px){
	.modal-dialog.width_650,
	.modal-dialog,
	.modal-dialog-contents{
		width: 100% !important;
		height: 100% !important;
		top: 0 !important;
		left: 0 !important;
	}
	
	.modal-dialog-contents > div,
	.modal-dialog-contents .login-section,
	.modal-dialog-contents .login-trigger,
	.modal-dialog-contents .modal-body{ 
		height: auto;
		padding-bottom: 1.5rem;	
	}

	.modal-dialog-contents .modal-body a.btn,
	.modal-dialog-contents .modal-body button.btn {
		padding: 9px 12px;
	}

	.modal-dialog-contents .modal-body form {
		padding: 0;
	}

	.modal-dialog-contents .modal-header { min-height: 60px; height: auto; }

	.modal-dialog-contents .modal-header p { padding-left: 0; text-align: center; }
	
	.modal-dialog-contents .modal-header{
		padding-left: 20px;
	}
	.modal-dialog-contents .modal-header *{ 
		text-align: left !important; 
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	#tdi-add-cart-dialog .article-wrapper .article-img{ width: 80px; }
	#tdi-add-cart-dialog .article-wrapper .article-img img{ max-width: 80px; height: auto; }
	
	#tdi-add-cart-dialog form{
		margin: 0 -10px;
	}
	#tdi-add-cart-dialog a{ float: left; }
	
	#tdi-add-cart-dialog .modal-body a,
	#tdi-add-cart-dialog .modal-body button{
		height: 37px;
	}
	
	#login-trigger p a{
		display: block;
	}
}

#tdi-add-cart-dialog .buy-opts{}

#tdi-add-cart-dialog .buy-opts .icon{
	height: 18px;
	vertical-align: text-bottom;
	fill: #b3b3b3;
}

#tdi-add-cart-dialog .buy-opts .insurance,
#tdi-add-cart-dialog .buy-opts .warranties{
	margin-bottom: 20px;
	width: 49%;
	display: inline-block;
	vertical-align: top;
	min-width: 300px;
}

#tdi-add-cart-dialog .buy-opts .insurance label,
#tdi-add-cart-dialog .buy-opts .warranties label{
	display: block;
	color: black;
	padding: 2px 0;
}

#tdi-add-cart-dialog .buy-opts .insurance label strong,
#tdi-add-cart-dialog .buy-opts .warranties label strong{
	font-size: 14px;
}

.modal-dialog{
	max-height: 100% !important;
	overflow: auto !important;
}

/* Oprava modalu po odoslani prazdneho formu */
.modal-dialog {
	background-color: #fff;
}

.modal-dialog-contents > h3 {
	margin: 25px 0;
	font-size: 1.2em;
	font-weight: 400;
	text-align: center;
}

#captchaForm {
	padding-bottom: 15px;
}

#captchaForm div {
	text-align: center;
}

#captchaForm div.input.label {
		margin: 10px auto 25px auto;
}

#captchaForm .input {
	width: 300px;
}

#captchaForm div.input {
	box-sizing: border-box;
	vertical-align: top;
}

#captchaForm button.btn {
	margin-bottom: 25px;
}


.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }

.ui-state-disabled { cursor: default !important; }

.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget .ui-widget { font-size: 0.9em; }
.ui-widget-content { border: 1px solid #d2d2d2; background: #f3f3f3; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { background: url("/public/80/3f/d9/1103_114_slider_background.png") 0 0; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #fff; font-weight: bold; color: #014588; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #eee; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #d2001b; background: #ffffff url("") 50% 50% repeat-x; font-weight: bold; color: #d2001b; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; }
.ui-widget :active { outline: none; }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  { border: 1px solid #014588; background: #014588; color: #fff; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }

.ui-icon { width: 16px; height: 16px; background-image: url(""); }
.ui-widget-content .ui-icon {background-image: url(""); }
.ui-widget-header .ui-icon {background-image: url(""); }
.ui-state-default .ui-icon { background-image: url(""); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(""); }
.ui-state-active .ui-icon {background-image: url(""); }
.ui-state-highlight .ui-icon {background-image: url(""); }

.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }

.ui-corner-all { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }

.datepicker {
	position: relative;
}
.datepicker:after {
	content: '';
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	background: url('/public/2e/60/54/1087_114_icon_calendar.svg') 0 0 no-repeat;
	right: 7px;
    top: 7px;
    pointer-events: none;
}

@media (min-width: 671px) and (max-width: 1024px) {
	.datepicker:after {
		right: 7px;
    	top: 7px;
	}
}

@media (max-width: 670px) {
	.datepicker:after {
		right: 7px;
		top: 42px;
	}

	html[data-useragent*="iPhone"] .datepicker:after {
		content: none;
	}

	html[data-useragent*="iPad"] .datepicker:after {
		content: none;
	}

	.datepicker input {
		display: block;
    	min-width: 95%!important;
	    width: 100%;
	}
}
.ui-datepicker { width: 17em; padding: .2em .2em 0; width: 273px; background: #fcfcfc; border: 1px solid #5d88b3; margin-top: -1px; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; background: #014588; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { background: none; }
.ui-datepicker .ui-datepicker-prev { left: 12px; top: 6px; text-decoration: none; }
.ui-datepicker-prev .ui-icon-circle-triangle-w, .ui-datepicker-prev:hover .ui-icon-circle-triangle-w, .ui-datepicker-next .ui-icon-circle-triangle-e, .ui-datepicker-next:hover .ui-icon-circle-triangle-e { background: none; }
.ui-datepicker .ui-datepicker-next { right: -5px; top: 6px; text-decoration: none; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; width: 13%; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: 8px; text-align: center; text-decoration: none; font-size: 12px; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
.ui-datepicker a.ui-datepicker-prev:before { content: '\e80d'; font-family: 'icons'; color: #fff; text-decoration: none!important; }
.ui-datepicker a.ui-datepicker-next:before { content: '\e80e'; font-family: 'icons'; color: #fff; text-decoration: none!important; }
.ui-datepicker-title div.styled { width: 90px; float: left; }
.ui-datepicker-title div.styled select.ui-datepicker-month, .ui-datepicker-title div.styled select.ui-datepicker-year { width: 80px; }
.ui-datepicker-title div.styled:first-child { margin-right: 10px; }
.ui-datepicker table th { padding: 0px 0; background-color: transparent; color: #000;}
.ui-datepicker table td { height: 36px; }
.ui-datepicker-unselectable.ui-state-disabled .ui-state-default {
    background: #f4f4f4;
    color: #ccc;
}


.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 26px; height: 25px; cursor: pointer; border: 0; margin-left: -13px; }
.ui-slider .ui-slider-handle:focus { border: 0; outline: 0; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: 25px; background: #fff; border: 1px solid #e2f6ff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.ui-slider-horizontal .ui-slider-handle { background: url("/public/aa/c4/54/958_114_slider.png"); }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-slider-horizontal .ui-slider-handle:last-child { margin-left: -13px; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

/* autocomplete */

.ui-autocomplete { position: absolute; cursor: default; z-index: 99999;
    opacity: 0;
    display: none;
    transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
}
.ui-autocomplete.opened {
    opacity: 1;
    transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
}	
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

.autocomplete-content { border: 1px solid #d2d2d2; background: #ffffff; color: #000000; }

.ui-menu { 
	list-style: none;
    margin: 0;
	width: 100%;
    background: #fff;
    margin-top: 0px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: 0;
    box-shadow: 0 2px 4px -1px rgba(0,0,0,0.25);
	padding: 0;
    padding-top: 5px; 
}
.ui-menu .ui-menu { margin-top: -3px; }
.ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; background: none; height: 40px; }
.ui-menu .ui-menu-item a { color: #000000; text-decoration: none; display: block; line-height: 1; zoom: 1; font-size: 0.9em; padding: 7px 0 7px 47px; font-weight: 300; border-top: 1px solid #e4e4e4; border-radius: 0; }
.ui-menu .ui-menu-item a:hover, .ui-menu .ui-menu-item .autocomplete-hover { text-decoration: none; color: #000; }
.ui-menu .ui-menu-item a strong { text-decoration: none; }
.ui-menu .ui-menu-item a:hover strong, .ui-menu .ui-menu-item a.autocomplete-hover strong { text-decoration: none; color: #000; font-weight: normal; }
.ui-menu .ui-menu-item a span { font-size: 10px; }
.ui-menu .ui-menu-item a:hover strong { font-weight: bold; color: #d2001b; }
.ui-menu-item a.autocomplete-hover strong { font-weight: bold; color: #d2001b; }

.ui-menu .ui-menu-item a span{
	width: 90%;
	display:inline-block;
    white-space: nowrap;
    overflow:hidden !important;
    text-overflow: ellipsis;
}


ul.c-wrapper { margin: 0; padding: 0; }
ul.c-wrapper li { margin: 0; padding: 0; background: none; }

.rs-carousel, .rs-carousel .rs-carousel-runner { position: relative; width: 100%; }
.rs-carousel .rs-carousel-mask { overflow: hidden; width: 959px; } 
#gallery .rs-carousel-mask { width: 410px; margin: auto; } 
#action-banner .rs-carousel-mask { overflow: hidden; border: 1px solid #5aa7ea; border-bottom: none; webkit-border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-topleft: 4px; border-top-right-radius: 4px; border-top-left-radius: 4px; }
.rs-carousel.rs-carousel-horizontal .rs-carousel-item { float: left; }
.rs-carousel-item a img { padding: 0; }
#cart-section .rs-carousel.rs-carousel-horizontal .rs-carousel-item { padding: 21px!important; padding-bottom: 0!important; border-right: 1px dashed #d6ebff; }
#catalogue-section .rs-carousel.rs-carousel-horizontal .rs-carousel-item { padding: 22px!important; }
#catalogue-section .rs-carousel.rs-carousel-horizontal .rs-carousel-item:last-child { border: 0; }
ul li.rs-carousel-item:last-child { border-right: 0!important; }
.rs-carousel-item h5 {font-weight: normal;}
.rs-carousel-item h3 a {color: #004f9f; }
#base-cart ~ fieldset .rs-carousel-item { padding: 20px!important; border-right: 1px dashed #d6ebff; background: none!important; }
#base-cart ~ fieldset .rs-carousel-item center a img { border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }
#base-cart ~ fieldset legend h2 { font-size: 20px; }


.rs-carousel-action { height: 39px; width: 21px; display: block; background: url("/public/55/bb/fc/842_114_sprites.png") no-repeat; position: absolute; top: 50%; margin-top: -10px; cursor: pointer; }
.rs-carousel-action-prev:after { content: ''; font-family: 'icons'; font-size: 22px; color: #00b0f6; position: absolute; z-index: 5; top: 10px; right: 3px; }
.rs-carousel-action-next:after { content: ''; font-family: 'icons'; font-size: 22px; color: #00b0f6; position: absolute; z-index: 5; top: 10px; left: 3px; }
fieldset.light .rs-carousel-action-next { background-position: -121px -50px; right: -21px; }
fieldset.light .rs-carousel-action-prev { background-position: -100px -50px; left: -21px; }
fieldset.promo-cat .rs-carousel-action-next { background-position: -171px -50px; right: -21px; }
fieldset.promo-cat .rs-carousel-action-prev { background-position: -150px -50px; left: -21px; }


/* default carousel component */
ul.c-wrapper.c-section { width: 100%; padding-bottom: 5px; margin-left: -8px; }
#catalogue-section ul.c-wrapper.c-section { margin-left: -5px; }
.c-section .col { float: left; width: 240px; border-right: 1px dotted #d2d2d2; padding: 0 0 10px 0; display: block; }
.c-section .col a.img-box { display: block; padding-top: 30px; padding-bottom: 10px; text-align: center; }
.c-section .col h3 { height: 75px; padding-top: 25px; margin-bottom: 10px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; }
.c-section .price-box>div, .c-section .col form { display: inline-block; vertical-align: top; }
.c-section .col form { margin-left: 5px; float: right; }
.c-section .price-box>div { width: 90px; text-align: right; }
.c-section .col big, .c-section .col del { display: block; }
.c-section .col-half { position: relative; width: 50%; float: left; border-right: 1px dashed #d5ebff; box-sizing: border-box; -moz-box-sizing: border-box; padding: 5px; padding-bottom: 0; height: 500px; background: none!important; padding: 5px!important; }
.c-section .col-half .col { border: 0; padding: 15px 10px 15px 30px; height: 165px; }
.c-section .col-half .col:first-child { width: 60%!important; float: left; }
.c-section .col-half .col:last-child { width: 40%!important; float: left; position: relative; padding-left: 0;  }
.c-section .col-half .col h3 { text-align: left; padding-top: 0; height: 40px; }
.c-section .col-half .col h3 a { font-size: 18px; color: #004f9f; text-decoration: none!important; }
.c-section .col-half .col h3 a:hover { text-decoration: underline!important; }
.c-section .col-half .col h3 span { font-weight: normal; color: #181739; } 
.c-section .col-half .col:first-child h4 { text-align: left; }
.c-section .col-half .col p { font-size: 11px; text-align: left; color: #004f9f; line-height: 16px; }
.c-section .col-half .col del { font-size: 14px!important; line-height: 20px!important; padding-right: 20px; }
.c-section .col-half .col button { margin-right: 25px; }
.c-section .col-half .col form { margin-top: 32px; }
.c-section .col-half .col span.article-type { font-size: 14px; font-weight: normal }
.c-section .col-25 { position: relative; width: 25%; height: 250px; float: left; padding: 0 0 10px 0; display: block; padding: 15px; box-sizing: border-box; -moz-box-sizing: border-box; padding: 15px 10px; background: none; padding: 10px 15px;}
.c-section .col-25 a { width: 25%; color: #004f9f; font-size: 14px; font-weight: normal; text-decoration: none!important; }
.c-section .col-25 a:hover { text-decoration: underline!important; }

.c-section .col-25:nth-child(2) { border-bottom: 1px dashed #d5ebff; border-right: 1px dashed #d5ebff; }
.c-section .col-25:nth-child(3) { border-bottom: 1px dashed #d5ebff; }
.c-section .col-25:nth-child(4) { border-right: 1px dashed #d5ebff; }

.c-section .col-25 h3 {margin-top: 0; margin-bottom: 5px;}
.c-section .col-25 h4 {font-size: 10px;}

/* article detail carousel */
.article .rs-carousel-action { background: none; font-family: 'icons'!important; font-size: 28px; color: #00b0f6; display: block; position: absolute; z-index: 50; top: 50%; cursor: pointer; }
.article .rs-carousel-action-next:after { content: ''; margin-left: 420px; }
.article .rs-carousel-action-prev:after { content: ''; }
.promo-cat .rs-carousel-action-next:after { content: ''; top: 10px; left: 3px; }
.promo-cat .rs-carousel-action-prev:after { content: ''; top: 10px; right: 3px; }

#action-sale .col-25 big { font-size: 24px; }
#action-sale .col-half big { font-size: 33px; line-height: 40px; }

.sticky-label-action { position: absolute; left: 4px; }
.col-half .sticky-label-action { left: 12px; }
.col-half .sticky-label-action:nth-child(3) { top: 15px; }
.col-half .sticky-label-action:nth-child(4) { top: 61px; }
.col-half .sticky-label-action:nth-child(5) { top: 107px; }
.col-half .sticky-label-action:nth-child(6) { top: 153px; }
.col-25 .sticky-label-action:nth-child(4) { top: 15px; }
.col-25 .sticky-label-action:nth-child(5) { top: 61px; }
.col-25 .sticky-label-action:nth-child(6) { top: 107px; }
.col-25 .sticky-label-action:nth-child(7) { display: none; }

.sticky-label-action span { display: inline-block; height: 36px; line-height: 36px; position: relative; left: 0; top: 0; background: #d3eb0c; padding-left: 5px; padding-right: 5px; font-size: 18px; color: #515a05; font-weight: 600; text-transform: uppercase; }
.sticky-label-action span:before, .sticky-label-action span:after { position: absolute; display: block; background: url("/public/55/bb/fc/842_114_sprites.png");}
.sticky-label-action span:before { content: ''; background-position: -106px -100px; width: 5px; height: 36px; top: 0; left: -5px; }
.sticky-label-action span:after { content: ''; background-position: -112px -100px; width: 7px; height: 36px; top: 0; right: -7px; }

.sticky-label-action:first-child { top: 100px; }

.cart-carousel li { width: 199px; }
.cart-carousel .rs-carousel-action-prev { left: -21px; background-position: -100px -50px; }
.cart-carousel .rs-carousel-action-next { right: -21px; background-position: -121px -50px; }

.product-detail-carousel .rs-carousel-mask ul li { width: 197px; float: left; padding: 20px; border-right: 1px dashed #d6ebff; }
.product-detail-carousel .rs-carousel-mask { width: 720px; }
.product-detail-carousel .rs-carousel-action-prev { background-position: -100px -50px; left: -21px; }
.product-detail-carousel .rs-carousel-action-next { background-position: -121px -50px; right: -21px; }

.slider .slick-list {
		width: calc(100% - 1px);
}

.slider .slide:last-child .product-box-mini:after {
		display: none;
}


.js-tree { margin: 0; }
.js-tree, .js-tree ul { list-style-type: none; }
.js-tree li { clear: left; background: none; }
.js-tree ul { margin: 0 0 0 20px; }
.js-tree a, .js-tree .lbl { display: block; margin-left: 20px; }
.js-tree .lbl a { display: inline; margin: 0; }
.js-tree .tree-exp { text-decoration: none; color: #000; }
.js-tree .tree-plus span, .js-tree .tree-minus span { display: none; }
.js-tree .tree-plus, .js-tree .tree-minus, .js-tree .tree-void { display: block; float: left; width: 16px; height: 16px; background: transparent url('/public/a3/61/94/1079_114_menu_sprite_bg.png') no-repeat left top; }
.js-tree .tree-void { background: none; }
.js-tree .tree-plus { background-position: 6px 6px; }
.js-tree .tree-minus { background-position: 6px -94px; }

/* stars */
input[type="radio"]+label:before,input[type="radio"]+label:before{content:none;}

.star-ranking input[type="radio"] + label { display: block; text-indent: -9999em; padding-left: 0; }
.star-ranking{list-style:none;width:150px;height:30px;position:relative;background:url("/public/75/68/cc/1063_114__1201_1124_star_ranking.png") 0 0 repeat-x;margin:0;padding:0;}
.star-ranking li{height:30px;width:30px;float:left;background:none;margin:0;padding:0;}
.star-ranking li label{display:block;width:30px;height:27px;line-height:30px;text-indent:-9000px;z-index:20;position:absolute;overflow:hidden;top:0;}
.star-ranking li label:hover{background:url("/public/75/68/cc/1063_114__1201_1124_star_ranking.png") 0 30px;height: 26px;z-index:2;left:0;}
.star-ranking label.one-star{left:0;}
.star-ranking label.one-star:hover{width:30px;}
.star-ranking label.two-stars{left:30px;}
.star-ranking label.two-stars:hover{width:60px;}
.star-ranking label.three-stars{left:60px;}
.star-ranking label.three-stars:hover{width:90px;}
.star-ranking label.four-stars{left:90px;}
.star-ranking label.four-stars:hover{width:120px;}
.star-ranking label.five-stars{left:120px;}
.star-ranking label.five-stars:hover{width:150px;}
.star-ranking input[type="radio"]:checked + label, .star-ranking input[type="radio"].checked + label {background:url("/public/75/68/cc/1063_114__1201_1124_star_ranking.png") 0 30px;z-index:2;left:0;}
.star-ranking #star1:checked + label, .star-ranking #star1.checked + label {width:30px;z-index:0;}
.star-ranking #star2:checked + label, .star-ranking #star2.checked + label {width:60px;z-index:0;}
.star-ranking #star3:checked + label, .star-ranking #star3.checked + label {width:90px;z-index:0;}
.star-ranking #star4:checked + label, .star-ranking #star4.checked + label {width:120px;z-index:0;}
.star-ranking #star5:checked + label, .star-ranking #star5.checked + label {width:150px;z-index:0;}

.small-star-1, .small-star-2, .small-star-3, .small-star-4, .small-star-5 {display:block;background:url("/public/dc/55/a8/1015_114_star_small.png") 0 1px repeat-x;margin:auto;width:90px;height:20px;}
.small-star-1:after, .small-star-2:after, .small-star-3:after, .small-star-4:after, .small-star-5:after  {content: '';display: block;background:url("/public/dc/55/a8/1015_114_star_small.png") 0 -20px repeat-x;height:20px;}

.small-star-1:after{width: 18px;}
.small-star-2:after{width: 36px;}
.small-star-3:after{width: 54px;}
.small-star-4:after{width: 72px;}
.small-star-5:after{width: 90px;}


/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #ffffff;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-outer + img {
	cursor: pointer;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url(/public/37/6c/2e/1027_114_fancybox_sprite.png);
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(/public/eb/db/e2/862_114_fancybox_loading.gif) center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 50%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	opacity: 0.25;
	transition: opacity 0.25s ease-in-out;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	opacity: 1;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: visible !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url(/public/3b/c8/68/926_114_fancybox_overlay.png);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}


/* CHROME + SAFARI */
@media screen and (-webkit-min-device-pixel-ratio:0){.cart-table input.amount{padding:3px 4px;}}

/* IE 7 hack */
#main-nav ul.main{display:block;z-index:5000}
#main-nav ul.main>li{width:86px;z-index:4000}
#main-nav ul.main>li.action{width:45px}
#main-nav ul.main>li,#main-nav ul.main>li>div>a{zoom:1;display:inline}
#main-nav ul.main>li>div>a{text-align:center;word-wrap:break-word}
#main-nav ul.main ul.servant{top:54px;left:0;margin:0}

/* LT IE9 */
.lt-ie9 .cols-2 .col{margin-left:0}
.lt-ie9 .cols-2 .col:first-child{margin-right:19px}
.lt-ie9 .cols-4 .col{width:23.8%}
.lt-ie9 .footer-subscribe input{right:70px}
.lt-ie9 .article-detail{float:left;width:435px!important;margin-right:15px}
.lt-ie9 .article-image{float:left;width:300px!important}
.lt-ie9 #content .l-categories li{margin-left:0!important}
.lt-ie9 .footer-subscribe button,.lt-ie9 .footer-action a.btn{padding:0 10px}

	
	.message{
		display: block;
		color: white;
		padding: 8px 5px 8px 30px;
		font-weight: bold;
		margin-bottom: 15px;
		position: relative;
	}
	
	.message a{
		color: white;
	}
	
	.message.error{ background-color: #ec5968; }
	.message.info{ background-color: #96ce5d; }
	.message.warning{ background-color: #ff972c; }
	
	.message .icon{
		height: 1em;
		fill: white;
		position: absolute;
		left: 10px;
		top: 50%;
		transform: translate(0, -50%);
		-webkit-transform: translate(0, -50%);
	}
	


/* Shop maps */
.shop-map {}
.shop-map .search {
	margin-bottom: 10px;
	border-bottom: 1px dashed #D6EBFF;
}
.shop-map .search button {
	margin-left: -5px!important;
}
.shop-map .map {
	width: 100%;
	height: 400px;
	border: 1px solid #ccc;
}
#map-shops-search {
	width: 250px;
	margin-bottom: 10px;
	height: 25px;
}
/* Shop maps in Cart */
#delivery-cart .shop-map {
	background: #ddf2fb;
	margin-left: 36px;
	margin-bottom: 1px;
	padding: 10px;
}
#delivery-cart .shop-map p {
	margin: 0;
	line-height: 20px;
}
#delivery-cart .shop-map .search {
	padding-bottom: 0;
	border: none;
}
#delivery-cart .shop-map .search input {
	width: 200px;
	height: 27px;
	border-color: #e2f6ff;
}
#delivery-cart .shop-map .map {
	width: 400px;
	height: 400px;
}

/* Info window */
.gmap-info-window {
	min-width: 300px;
	min-height: 200px;
}
.gmap-info-window h1 {
	font-size: 13px;
}
#map-shops .gmap-info-window h2 {
	margin: 0;
	padding: 0;
	margin-top: 10px;
	font-size: 13px;
	color: #00b0f6;
}
.gmap-info-window p {
	margin-bottom: 5px;
}
.gmap-info-window a {
	font-size: 12px !important;
}
#delivery-cart .gmap-info-window h1 {
	padding-left: 0;
}
#delivery-cart .gmap-info-window {
	min-width: 250px;
}
.gmap-info-window button {
	margin-left: 0;
}
/* remove border-top from tr when personal pickup selected */
.map-tr { border-top: 0!important; }
.js-show-box { cursor: pointer; margin-bottom: 20px; margin-top: 20px; }
.js-show-box:hover { text-decoration: underline; }

.cols-2-maps .col:first-child { width: 240px; float: left; }
.cols-2-maps .col:last-child { margin-left: 10px; float: left; }

.smap .cluster img { 
    display: none;
}

.smap .cluster div {
    background-color: transparent !important;
    border: none !important;
    background-image: url('/public/a2/5f/eb/898_114_cluster.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.cluster span {
    color: #fff;
    font-size: 12px;
    position: relative;
}


/*core*/
.alertify,
.alertify-show,
.alertify-log {
	-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	   -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	    -ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	     -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	        transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
}
.alertify-hide {
	-webkit-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	   -moz-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	    -ms-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	     -o-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	        transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045); /* easeInBack */
}
.alertify-log-hide {
	-webkit-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	   -moz-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	    -ms-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	     -o-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	        transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045); /* easeInBack */
}
.alertify-cover {
	position: fixed; z-index: 99999;
	top: 0; right: 0; bottom: 0; left: 0;
	background-color:white;
	filter:alpha(opacity=0);
	opacity:0;
}
	.alertify-cover-hidden {
		display: none;
	}
.alertify {
	position: fixed; z-index: 99999;
	top: 50px; left: 50%;
	width: 550px;
	margin-left: -275px;
	opacity: 1;
}
	.alertify-hidden {
		-webkit-transform: translate(0,-150px);
		   -moz-transform: translate(0,-150px);
		    -ms-transform: translate(0,-150px);
		     -o-transform: translate(0,-150px);
		        transform: translate(0,-150px);
		opacity: 0;
		display: none;
	}
	/* overwrite display: none; for everything except IE6-8 */
	:root *> .alertify-hidden {
		display: block;
		visibility: hidden;
	}
.alertify-logs {
	position: fixed;
	z-index: 5000;
	bottom: 10px;
	right: 10px;
	width: 300px;
}
.alertify-logs-hidden {
	display: none;
}
	.alertify-log {
		display: block;
		margin-top: 10px;
		position: relative;
		right: -300px;
		opacity: 0;
	}
	.alertify-log-show {
		right: 0;
		opacity: 1;
	}
	.alertify-log-hide {
		-webkit-transform: translate(300px, 0);
		   -moz-transform: translate(300px, 0);
		    -ms-transform: translate(300px, 0);
		     -o-transform: translate(300px, 0);
		        transform: translate(300px, 0);
		opacity: 0;
	}
	.alertify-dialog {
		padding: 25px;
	}
		.alertify-resetFocus {
			border: 0;
			clip: rect(0 0 0 0);
			height: 1px;
			margin: -1px;
			overflow: hidden;
			padding: 0;
			position: absolute;
			width: 1px;
		}
		.alertify-inner {
			text-align: center;
		}
		.alertify-text {
			margin-bottom: 15px;
			width: 100%;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
			        box-sizing: border-box;
			font-size: 100%;
		}
		.alertify-buttons {
		}
			.alertify-button,
			.alertify-button:hover,
			.alertify-button:active,
			.alertify-button:visited {
				background: none;
				text-decoration: none;
				border: none;
				/* line-height and font-size for input button */
				line-height: 1.5;
				font-size: 100%;
				display: inline-block;
				cursor: pointer;
				margin-left: 5px;
			}

@media only screen and (max-width: 680px) {
	.alertify,
	.alertify-logs {
		width: 90%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}
	.alertify {
		left: 5%;
		margin: 0;
	}
}
/*default*/
.alertify,
.alertify-log {
	font-family: sans-serif;
}
.alertify {
	background: #FFF;
	border: 10px solid #333; /* browsers that don't support rgba */
	border: 10px solid rgba(0,0,0,.7);
	border-radius: 8px;
	box-shadow: 0 3px 3px rgba(0,0,0,.3);
	-webkit-background-clip: padding;     /* Safari 4? Chrome 6? */
	   -moz-background-clip: padding;     /* Firefox 3.6 */
	        background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
}
	.alertify-text {
		border: 1px solid #CCC;
		padding: 10px;
		border-radius: 4px;
	}
	.alertify-button {
		border-radius: 4px;
		color: #FFF;
		font-weight: bold;
		padding: 6px 15px;
		text-decoration: none;
		text-shadow: 1px 1px 0 rgba(0,0,0,.5);
		box-shadow: inset 0 1px 0 0 rgba(255,255,255,.5);
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
		background-image:    -moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
		background-image:     -ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
		background-image:      -o-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
		background-image:         linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
	}
	.alertify-button:hover,
	.alertify-button:focus {
		outline: none;
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
		background-image:    -moz-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
		background-image:     -ms-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
		background-image:      -o-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
		background-image:         linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
	}
	.alertify-button:focus {
		box-shadow: 0 0 15px #2B72D5;
	}
	.alertify-button:active {
		position: relative;
		box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
	}
		.alertify-button-cancel,
		.alertify-button-cancel:hover,
		.alertify-button-cancel:focus {
			background-color: #FE1A00;
			border: 1px solid #D83526;
		}
		.alertify-button-ok,
		.alertify-button-ok:hover,
		.alertify-button-ok:focus {
			background-color: #5CB811;
			border: 1px solid #3B7808;
		}

.alertify-log {
	background: #1F1F1F;
	background: rgba(0,0,0,.9);
	padding: 15px;
	border-radius: 4px;
	color: #FFF;
	text-shadow: -1px -1px 0 rgba(0,0,0,.5);
}
	.alertify-log-error {
		background: #FE1A00;
		background: rgba(254,26,0,.9);
	}
	.alertify-log-success {
		background: #5CB811;
		background: rgba(92,184,17,.9);
	}
	
/*custom style*/
#alertify {
	border: 2px solid #181739;
	box-shadow: 0 0 3px rgba(255, 255, 255, .5);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 1);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 1);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	overflow: hidden;
}
#alertify-cover {
	background-color: #000;
	opacity: .7;
	filter: Alpha(opacity=70);
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
}
.alertify-button-ok, .alertify-button-ok:hover, .alertify-button-ok:focus {
height: 23px;
background: #0098d4;
border-bottom: 1px solid #00aff4;
outline: 1px solid #008FC8;
margin-top: 1px;
line-height: 21px;
font-size: 12px;
margin-left: 0;
border: none;
border-radius: 0;
line-height: 10px;
font-weight: normal;
margin: 0 10px;
}
.alertify-button-cancel, .alertify-button-cancel:hover, .alertify-button-cancel:focus {
height: 23px;
background: #ff0021;
border-bottom: 1px solid #d2001b;
outline: 1px solid #d20000;
margin-top: 1px;
line-height: 21px;
font-size: 12px;
margin-left: 0;
border: none;
border-radius: 0;
line-height: 10px;
font-weight: normal;
margin: 0 10px;
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
    margin: auto;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/** redefine buttons **/

.slick-arrow{
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	z-index: 1;
	
	width: 30px;
	height: 30px;
	background-color: rgba(0,0,0,0.3);
	color: white;
	border-radius: 50%;
	
	border: 0;
    display: block;
    padding: 0;
    text-align: center;
    font-size: 11px;
    cursor: pointer;
    outline: none;
}

.slick-prev{
	left: 10px;	
}
	.slick-prev .icon{ margin-right: 1px; }
	
.slick-next{
	right: 10px;
}
	.slick-next .icon{ margin-left: 4px; }

.slick-arrow.invert{ background-color: white; }
.slick-arrow.invert .icon{ fill: #e5ecf3 }


.slick-list{ width: 100%; }
.slick-track{ margin: auto; }

.slick-dots{
	margin: 15px auto;
}
.slick-dots li{
	background: none;	
	padding: 0;
	display: inline-block;
}
.slick-dots li button{
	background: #e5ecf3;
	border: 0;
	outline: none;
	width: 8px;
	height: 8px;
	color: transparent;
	margin: 5px;
	padding: 0;
	display: block;
	border-radius: 50%;
}

.slick-dots li.slick-active button{
	background: #028ac4;
}




























	#main-menu{}

	#main-menu ul{
		margin: 0;
	}
	
	#main-menu li{
		padding: 0;
		background: transparent;
		position: relative;
	}
	
	#main-menu li > a{
		margin-left: 20px;
	}
	
	#main-menu li .jstree-ocl{
		position: absolute;
		left: 0;
		top: 0;
	}
	
	#main-menu li.active > a{
		font-weight: bold;
	}
	
	#main-menu li a .jstree-themeicon{
		display: none !important;
	}
	
	#main-menu li .jstree-icon{
		display: inline-block;
		vertical-align: top;
		width: 20px;
		height: 40px;
	}
	
	#main-menu li a{
		display: inline-block;
		width: calc(100% - 20px);
		height: 40px;
		vertical-align: top;
		text-decoration: none;
		color: white;
	}

	#main-menu li a span{
		width: 100%;
		height: 40px;
		display: table-cell;
		vertical-align: middle;
		line-height: 14px;
		padding-right: 10px;
	}

	/** **/
	#main-menu > ul > li{
		background-color: #014588;
	}
	
		#main-menu > ul > li:not(:last-of-type){
			border-bottom: 1px solid #053c73;
		}
	
		#main-menu > ul > li > a{
			font-size: 14px;
		}
	
	#main-menu ul ul li{
		background-color: #028ac4;
		padding-left: 20px;
		display: none;
	}
	
		#main-menu ul ul li a{
			position: relative;
		}
		#main-menu ul ul li a:after{
			content: "";
			display: block;
			position: absolute;
			right: 0;
			bottom: 0;
			background-color: #2d9ccc;
			height: 1px;
			width: calc( 100% + 20px );
		}
	
	#main-menu > ul > li ul > li > .jstree-ocl{
		left: 20px;
	}
	
	/** ikony **/
	#main-menu i{
	    background-size: 10px 8px;
    	background-repeat: no-repeat;
    	background-position: 50%;
	}
	
	#main-menu > ul > li > i{
		background-image: url(/public/5f/69/10/834_114_right_thick.svg);
	    background-size: 8px;
	}
		#main-menu > ul > li.jstree-open > i{
			background-image: url(/public/c5/8e/bd/1049_114_bottom_thick.svg);
		    background-size: 12px;
		}
		
	
	#main-menu > ul > li > ul > li > i{
		background-image: url(/public/88/c5/90/1113_114_right_normal.svg);
		background-size: 8px;
	}
		#main-menu > ul > li > ul > li.jstree-open > i{
			background-image: url(/public/9a/f/6a/850_114_bottom_normal.svg);
			background-size: 12px;
		}
	
	#main-menu > ul > li > ul ul li > i{
		background-image: url(/public/a7/23/e2/856_114_right_slim.svg);
		background-size: 6px;
	}
		#main-menu > ul > li > ul ul li.jstree-open > i{
			background-image: url(/public/14/d6/f2/964_114_bottom_slim.svg);
			background-size: 12px;
		}

	#main-menu ul li.jstree-leaf > i{ background-image: none; }



	/* UI slider - filters custom style */
	
	.attr-slider {
		margin-top: 1rem;
	}
	
	.ui-slider-horizontal {
		height: 3px;
		background: #06488A;
	}
	
	.ui-slider-horizontal:before, .ui-slider-horizontal:after {
		content: '';
	    position: absolute;
	    width: 3px;
	    height: 20px;
	    background: #06488A;
	    top: -9px;
	}
	
	.sidebar-filter-wrap .ui-slider-horizontal:before {
		left: -9px;
	}
	
	.sidebar-filter-wrap .ui-slider-horizontal:after {
		right: -9px;
	}
	
	.ui-slider-horizontal .ui-slider-range {
		background: #028AC4;
		margin: auto;
	}
	
	.ui-slider-horizontal .ui-slider-handle {
		border-radius: 50%;
		margin-top: -7px;
		width: 15px;
		height: 15px;
		background: #028AC4;
	}
	
	.ui-slider {
		width: calc(100% - 30px);
		margin: auto;
	}
	
	#side-filter .back-line {
	    width: calc(100% - 15px);
	    height: 3px;
	    background: #06488A;
	    display: block;
	    position: relative;
	    top: -4px;
	    margin: auto;
	}
	
	.sidebar-filter-wrap .ui-slider .ui-slider-handle {
		z-index: 1;
		margin-left: -15px;
	}
	
	.sidebar-filter-wrap .ui-slider-horizontal .ui-slider-handle:last-child {
		margin-left: 0px;
	}
	
	
	.ui-slider .same-min-and-max {
		width: 100% !important;
		left: 0;
		background: #028AC4;
	}
	
	.ui-slider .same-min-and-max-right-handle {
		left: 100% !important;
		background: #028AC4;
		
	}
	
	.ui-slider .same-min-and-max-left-handle {
		background: #028AC4;
	}
	
	.price-label-from, .price-label-to {
		width: 45%;
		display: inline-block;
		float: left;
		text-align: center;
		margin-top: 1rem;
		color: #028AC4;
	}
	
	.price-list .separator, .attr-slider .separator {
		width: 10%;
		display: inline-block;
		float: left;
		text-align: center;
		margin-top: 1rem;
		color: #028AC4;
	}
	
	.title .inner-title {
		width: 85%;
		display: inline-block;
	}
	
	.price-list {
		border-bottom: 1px solid #CEEBF9;
		margin-bottom: .7rem;
		margin-top: 1.3rem;
	}
	
	.price-list .title {
		cursor: pointer;
	}
	
	.bottom-arrow svg {
		width: 12px;
	    top: 4px;
	    position: relative;
	    float: right;
		-ms-transform: rotate(180deg);
	    -webkit-transform: rotate(180deg);
	    transform: rotate(180deg);
	}
	
	.attributes .title, .box .title {
		cursor: pointer;
	}
	
	.transform-by-toggle {
		-ms-transform: rotate(0deg) !important;
	    -webkit-transform: rotate(0deg) !important;
	    transform: rotate(0deg) !important;
	}
	
	.toggle.hidden {
		display: none !important;
	}
	
	#filter_price_range {
		margin-top: 1rem;
    	padding-bottom: 0.7rem;
	}
	
	#filter_brands .expandable-controll {
	    margin-bottom: .6rem;
	    position: relative;
	    display: inline-block;
	}
	
	#brands-expandable-controll {
		width: 100%;
	}
	
	.expandable-list {
	    //border-bottom: 1px solid #CEEBF9;
    	margin-bottom: .7rem;
	}
	
	#filter_availability {
		display: block;
	    position: relative;
	    overflow: auto;
	    margin-bottom: 1rem;
	}

	#selected-filter .selected-filter-inner-wrap {
	    margin-bottom: 1rem;
		background: #E5F3F9;
		padding: 1rem;
	}
	
	#selected-filter .list-h {
		color: #014588;
		margin-bottom: 0.5rem;
	}
	
	#selected-filter .filter-list span {
	    display: inline-block;
	    background: #004488;
	    color: white;
	    padding: 1px 10px;
	    margin-bottom: 5px;
	    margin-right: 2px;
	    cursor: pointer;
	}
	
	#selected-filter .filter-list span svg{
		width: 7px;
		margin-left: 10px;
	}
	
	#sidebar .checkbox span {
		width: 100%;
		padding-left: 0;
	    padding-right: 16px;
    	box-sizing: border-box;
	}
	
	#sidebar .checkbox span:before {
		left: inherit;
		right: -2px;
	}
	
	.attributes .toggle {
		width: 100%;
	}
	
	.attributes .bool_title {
		width: 100%;
	}
	
	.bool-checkbox .checkbox span {
		top: -5px;
    	padding-left: 13px;
	}
	
	.bool-checkbox .checkbox {
		float: right !important;
    	width: inherit !important;
	}
	
	.main-bool-checkbox-wrap .bool-checkbox {
		margin-bottom: 10px;
	}
	
	#sidebar .filter {
		background-color: #e5f3f9;
	}
	
	#sidebar .filter button .icon {
		margin-top: -0.9rem;
	}
	
	#sidebar .buttons {
		text-align: center;
	}

	#sidebar .buttons a {
		margin-top: 1rem;
		display: inline-block;
	}
	
	#sidebar .buttons .clear-filter svg {
		width: 10px;
		margin-right: 4px;
	}
	
	#sidebar .buttons .clear-filter {
		text-decoration: none;
		color: #028ac4;
		display: none;
	}
	
	#sidebar .bool-checkbox span {
		  max-width: 140px;
		  display: inline-block;
	    font-weight: bold;
	    color: #014588;
	}
	
	#expanded-filters.hidden {
		display: none;
	}
	
	#filter-expander {
	    display: block;
		text-align: center;
		width: 100%;
		margin-bottom: 1rem;
		margin-top: 1rem;
		text-decoration: underline;
		color: #028ac4;
		cursor: pointer;
	}
	
	.buttons {
		position: absolute;
		bottom: 0px;
        margin-left: -1.3rem;
	    margin-right: -1.3rem;
	    padding: 0.5rem;
	    background: rgba(255, 255, 255, 0.8);
	    width: 201px;
	    box-sizing: border-box;
	    z-index: 1;
	}
	
	.buttons #filter-submit-button {
		display: block;
		margin: auto;
	}
	
	.buttons.floating {
		position: fixed; 
		bottom: 0px; 
		top: initial;
	}
	
	@media (min-width: 671px) and (max-width: 1024px){ 
		.product-list .product-col {
			width: 50%;
		}
	}
	
	@media (max-width: 850px){
		#sidebar .filter.active {
			background-color: inherit;
		}
	
		#sidebar .checkbox span:before {
			right: 12px;
		}
		
		#sidebar {
			width: calc(100% + 2rem);
			margin-left: -1rem;
			margin-right: 1rem;
		}
		
		.buttons {
			width: 100%;
		}
		
		#sidebar .filter {
			padding-top: 1rem;
		}
	}
	
	@media (max-width: 670px){ 
		.buttons .btn.red {
			display: block;
			margin: auto;	
		}
		
		.category #main-menu { 
			display: none; 
		}
	}
	
.slider-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-content: space-between;
    align-content: center;
    padding: 10px 0;
}

.slider-input {
    width: 50px;
    border: 1px solid #028ac4; 
    border-radius: 3px;
    text-align: right;
}

.slider-text {
    display: inline-block;
    font-size: .8em;
    color: #028ac4;
    font-weight: bold;
    text-align: center;
}

.slider-unit {
    text-align: right;
}

	


	
	/** list produktů **/
	.product-list{}
	
	.product-col{
		float: left;
		width: calc(100% / 3);
		box-sizing: border-box;
		position: relative;
		margin-bottom: 15px;
	}
	
	.product-col:not(:nth-child(3n)):after{
		display: block;
		content: "";
		width: 1px;
		height: calc( 100% - 5px );
		background-color: #e7e7e7;
		position: absolute;
		right: -1px;
		bottom: 5px;
	}
	
	/** filtr **/
	.filter .sidebar-filter-wrap {
		display: block;
	    box-sizing: border-box;
	    padding: 20px 20px 5.5rem 20px;
	    position: relative;
	    margin-bottom: 20px;
	    margin-top: 10px;
	}
	
	.filter .expandable-list .title, .filter .attributes .title, .price-list .title {
		display: block;
		font-weight: bold;
		color: #014588;
		margin-bottom: 10px;
		width: 100%;
	}
	
	.filter .expandable-list .expandable-content{
		display: none;
	}
	
	.filter .expandable-list label, .filter .attributes label {
		display: inline-block;
		float: left;
		width: 100%;
		margin-bottom: 10px;
	}
	
	.filter .box .buttons{
	    position: absolute;
	    right: 20px;
	    bottom: 20px;
	}
	
	.filter .box .buttons button{
		font-weight: bold;
	    margin-left: 10px;
	}
	
	.filter .box .buttons button span{
		font-weight: normal;
		display: inline-block;
		margin-left: 5px;
	}
	
	.filter .attributes {
		margin-bottom: 10px;
	    border-bottom: 1px solid #CEEBF9;
	}
	
	.filter .sort-panel{
		background-color: #028ac4;
		display: block;
		box-sizing: border-box;
		padding: 0 20px;
		color: white;
		height: 30px;
		position: relative;
		text-align: center;
		margin: 20px 0;
	}
	
	.filter .sort-panel .sort{
		position: absolute;
		left: 20px;
		top: 0;
		bottom: 0;
	}

	.filter .sort-panel .sort > div{
	    display: table-cell;
	    vertical-align: middle;
	    height: 30px;
	}
	
	.filter .sort-panel .sort span{
		display: inline-block;
		margin-right: 5px;
		height: 30px;
	    line-height: 30px;
	    display: inline-block;
	    vertical-align: top;
	}
	
	.filter .sort-panel .sort select{
		border: none;
		color: white;
		background-color: #014588;
		height: 30px;
		padding: 0 15px;
		-webkit-appearance: none;
   		-moz-appearance:    none;
   		appearance:         none;
   		width: 130px;
   		outline: none;
	}
	
	.filter .sort-panel .sort .chosen-container{
		height: 30px;
	}
	
		.filter .sort-panel .sort .chosen-container .chosen-single{
			color: white;
			background-color: #014588;
			height: 30px;
			text-decoration: none;
		}
			.filter .sort-panel .sort .chosen-container .chosen-single > span{
				display: block;
			    height: 30px;
			    line-height: 30px;
			    margin: 0;
			}
			
		.filter .sort-panel .sort .chosen-container .chosen-drop{
			background-color: #014588;
		}
		
		.filter .sort-panel .sort .chosen-container .chosen-results li{
			color: white;
		}
	
	.filter .sort-panel .pagination{
		display: inline-block;
		margin: auto;
	}
	
	.filter .sort-panel .pagination > div{
		display: table-cell;
	    vertical-align: middle;
	    height: 30px;
	}
	
	.filter .sort-panel .pagination *{ color: white; }
	
	.filter .sort-panel .count{
		position: absolute;
		right: 20px;
		top: 0;
		bottom: 0;
	}

	.filter .sort-panel .count > div{
		display: table-cell;
	    vertical-align: middle;
	    height: 30px;
	}

	.sort-panel .sort { display: none; }
	.with-sidebar .sort-panel .sort { display: block; }

	/** pagination **/	
	.pagination{ text-align: center; }
	.pagination > div > strong,
	.pagination > div > span,
	.pagination > div > a{
		display: inline-block;
		width: 25px;
		font-weight: bold;
		font-size: 14px;
		color: #038ac4;	
	}
	
	.pagination > div > strong{
		color: #014588;
	}
	
	.pagination a:hover{ text-decoration: none !important; }
	
	.pagination .spec{
		text-decoration: none !important;
		font-size: 20px;
	}
	
	@media (max-width: 670px){
		.pagination{ margin: 0 -10px; }
		.pagination > div > strong,
		.pagination > div > span,
		.pagination > div > a{
			font-weight: bold;
			padding: 3px;
		}
	}
	
	.filter .open-filter-box{
		display: none;
	}
	
	.mob-paging{ display: none; }

	.filter .expandable-controll{
		color: #028ac4;
		font-weight: bold;
	}
	
	.filter .expandable-controll:hover {
		text-decoration: underline!important;
	}

	@media (min-width: 671px) and (max-width: 1024px){
		.category #content{
			margin: 0;
			width: 60%;
			margin-left: 3rem;
		}
		
		.filter .sort-panel{
		    margin: 20px -25px;
		}
		.product-list {
		    margin: 0 -20px;
		}
	}
	
	@media (max-width: 850px){
		.category #main-menu{ display: none; }
		
		.category #content{
			margin: 0;
			width: 100%;
		}
		
		.filter .open-filter-box{
			display: inline-block;
			max-width: 288px;
			width: 100%;
			padding: 9px 35px !important;
			margin: 0 auto 15px auto;
			display: block;
		}
		.filter .open-filter-box > *:first-child{
			position: absolute;
			width: 33px !important;
			height: 30px !important;
		    padding-left: 5px;
			padding-right: 5px;
		}
		
		.filter .open-filter-box > *:nth-child(2){}
		
		.filter .box .expandable-list label{
		    width: calc(100% / 3);
		}
	}

	@media (max-width: 670px){ 
		
		.filter .sort-panel .pagination{ display: none; }
		
		.category #main-menu{ display: none; }
		
		.product-col{
			display: block;
			float:none;
			width: 100%;
		}
		.product-col:after{ display: none !important; }
			
		.filter .box{
			padding-left: 10px;
			padding-right: 10px;
			margin: 0 -15px 15px -15px;
			display: block;
		}
			.filter .box .buttons{
				left: 10px;
				bottom: 10px;
				right: 10px;
				text-align: center;
			}
				
			.filter .box .expandable-list label{
			    width: calc(100% / 2);
			}
			
			.filter .sort-panel{ 
				margin: 0 -15px 20px -15px; 
				height: 40px;
			}
				.filter .sort-panel .sort{ left: 15px; }
					.filter .sort-panel .count > div,
					.filter .sort-panel .sort select,
					.filter .sort-panel .sort span{ 
						height: 40px;
						line-height: 40px;
						font-size: 100%;
					}
						.filter .sort-panel .sort select{
							background-color: #028ac4;
						}
				.filter .sort-panel .count{ right: 15px; }
			
			.mob-paging{ 
				display: block; 
				margin-bottom: 20px;
			}
			.mob-paging .more-link { display: none; }
	}

	/** select2 **/
	.sort-input + .select2{
		background-color: #028ac4;
		font-size: 14px;
	}
	
	.sort-input + .select2.select2-container--open{
		background-color: #014588;
	}
	
	.sort-input + .select2 .select2-selection{
		border-radius: 0;
		border: 0;
		background-color: transparent;
	}
	
	.sort-input + .select2 *{
		color: white !important;
		outline: none;
	}

	.sort-input + .select2 .select2-selection__arrow b{ border: 0 !important; }
	
	.sort-input + .select2 .select2-selection__arrow{
		background-image: url(/public/2f/a0/b4/838_114_down_white.svg);
		background-repeat: no-repeat;
	    background-size: 11px;
    	background-position: 50%;
	}
	
	.sort-input + .select2.select2-container--open .select2-selection__arrow{
		background-image: url(/public/d/60/70/910_114_up_white.svg);
	}
	
	.select2-search--dropdown{ display: none !important; }

	.select2-container--default .select2-results__option[aria-selected=true]{
		background-image: url(/public/96/c9/87/954_114_white_check.svg);
		background-repeat: no-repeat;
		background-size: 11px;
    	background-position: 50%;
		background-position: 92% 50%; 
		background-color: transparent !important;
	}
	
	.select2-container--default .select2-results__option--highlighted[aria-selected]{
		background-color: transparent !important;
	}

	.select2-results__option{
		background-image: none;
	}
	
	.select2-dropdown{
		border: 0 !important;
		background-color: #014588 !important;
		color: white;
		border-radius: 0 !important;
	}

	.select2-results__option[aria-selected]{
	    padding: 5px 0 5px 0;
    	margin-left: 11px;
    	border-bottom: 1px solid #386da2;
	}

	.sort-input{
		background-image: url(/public/2f/a0/b4/838_114_down_white.svg);
		background-repeat: no-repeat;
	    background-size: 11px;
    	background-position: 100% 50%;
	}

	/** fulltext **/
	.fulltext .product-col{
		width: calc(100% / 4);
	}

	.fulltext .product-col:not(:nth-child(4n)):after{
		display: block;
		content: "";
		width: 1px;
		height: calc( 100% - 5px );
		background-color: #e7e7e7;
		position: absolute;
		right: -1px;
		bottom: 5px;
	}
	.fulltext .product-col:nth-child(4n):after{ display: none; }

	@media (min-width: 671px) and (max-width: 1024px){
		/*
		.filter .sidebar-filter-wrap {
			display: none;
		}
		*/
		
		
		.fulltext .product-col{
			width: calc(100% / 3);
		}
		
		.fulltext .product-col:not(:nth-child(3n)):after{
			display: block;
			content: "";
			width: 1px;
			height: calc( 100% - 5px );
			background-color: #e7e7e7;
			position: absolute;
			right: -1px;
			bottom: 5px;
		}
		.fulltext .product-col:nth-child(3n):after{ display: none; }
	}

	@media (max-width: 670px){
		/*
		.filter .sidebar-filter-wrap {
			display: none;
		}
		*/
		
		.fulltext .product-col{
			width: 100%;
		}
	}	
	
	@media (max-width: 360px) {
		.filter .sort-panel .sort span.sort-by {
			display: none;
		}
		
		.filter .sort-panel .sort select {
			padding-left: 0;
		}
	}



.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-search--inline {
  float: left;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results>.select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results>.select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}


	
	#contacts{}

	#contacts .left,
	#contacts .right{
		float: left;
		width: calc(50% - 10px);
		position: relative;
		min-height: 250px;
	}
	#contacts .right{ margin-left: 10px; }
	#contacts .left{ margin-right: 10px; }

	#contacts .left:before{
		display: block;
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		width: 1px;
		height: 100%;
		background-color: #f3f3f3;
	}

	#contacts #map{
		height: 250px;
		width: 100%;
	}

	#contacts table p {
		margin: 0;
	}

	#contacts table td {
		padding: 0;
	    vertical-align: top;
		width: 50%;
    	height: auto;
    	padding: 3px 0;
    	border: inherit;
	}

	#contacts h1{ margin-bottom: 20px; }
	
	#contacts ul li{
		padding: 0;
		background-image: none;
	}
	
	#contacts .left .title{
		display: block;
		color: #014588;
		font-weight: bold;
		margin-bottom: 5px;
		font-size: 16px;
		width: 100%;
	}
	
	#contacts .left .legal{
		margin-top: 5px;
		width: 100%;
	}
	
	@media (min-width: 671px) and (max-width: 1024px){
		
		#contacts .left,
		#contacts .right{
			width: 100%;
			float: none;
			margin: 0 0 20px 0;
			padding: 0 0 20px 0;
			min-height: auto;
		}
		
		#contacts .left:before{
			width: 100%;
			height: 1px;
			bottom: 0;
			top: auto;
		}
	}

	@media (max-width: 670px){
		#contacts .left,
		#contacts .right{
			width: 100%;
			float: none;
			margin: 0 0 20px 0;
			min-height: auto;
		}
		
		#contacts .left:before{
			width: 100%;
			height: 1px;
			bottom: 0;
			top: auto;
		}
		
		#contacts .left > *{
			float: none;
			width: 100%;
			margin: 0 0 20px 0 !important;
		}
	}



	/** list **/
	#shops{}
	
	
	
	#shops .oHours {
		display: none;
	    font-size: 12px;
	    max-width: 90px;
    	line-height: 1.2;
	    margin-top: 10px;
	    color: #777;
	    white-space: nowrap;
	}

	#shops .filter{
		display: inline-block;
		max-width: 68%;
		width: 100%;
		float: left;
	}
		
		#shops .filter .mapWrapper{
			min-width: 630px;
			display: inline-block;
			float: left;
		}

		#shops button.btn.big,
		#shops a.btn.big{
			padding: 9px 25px;
		}
		
			#shops .filter .mapWrapper .find{
				margin-bottom: 20px;
			}
				#shops .filter .mapWrapper .find .input{
					width: 440px;
					/* width: 100%; seznam mapy */
					display: inline-block;
					margin: 0;
				}
		
				#shops .filter .mapWrapper .find .btn{
					float: right;
				}
	
			#shops .filter .mapWrapper #map{
				width: 100%;
				height: 420px;
			}
			
			#shops .filter .mapWrapper .types{
				height: 50px;
				padding: 20px 0;
			}
	
				#shops .filter .mapWrapper .types label{
					width: calc(100% / 3);
					padding-right: 10px;
				}

				#shops .filter .mapWrapper .types label img{
					vertical-align: middle;
				}
	
		#shops .filter .regionsWrapper{
			max-width: 190px;
			display: inline-block;
			float: left;
			box-sizing: border-box;
    		padding-left: 35px;
		}
		
		#shops .filter .mainShopContact table td {
			height: auto;
			border-bottom: none;
			padding: 0;
		}
		
		#shops .filter .mainShopContact table td p {
			margin-bottom: 0;
		}
	
			#shops .filter .regionsWrapper .region{
				display: block;
				line-height: 1.5em;
			}
			#shops .filter .regionsWrapper .region input:checked + span{
				font-weight: 700;
			}
				#shops .filter .regionsWrapper .region input[type="radio"]{
					display: none;
				}
        
   #shops .results{
		display: inline-block;
		width: calc(100% - 50px);
		float: left;
	}
  
  #shops #shopsList .shop-list-item .marker-link {
    margin-bottom: 5px;
    display: block;
	color: #1492c8;
	text-decoration: none;
  }

  #shops a.hasTooltip {
	color: #1492c8;
	white-space: nowrap;
  }

	#shops #shopsList .shop-list-item ul li {
		line-height: 1.3;
	}
	
	#shops #shopsList .shop-list-item > div {
	    border-top: 1px solid #ebebeb;
	}

	#shops #shopsList .shop-list-item:nth-of-type(4n+1) > div {
	    border-top: none;
	}

	#shops #shopsList {
		max-width: 32%;
		display: inline-block;
    	padding-left: 20px;
    	box-sizing: border-box;
		border-left: 1px solid #ebebeb;
	}
	
	.shop-list-item div.paging-item {
		display: flex;
		padding: 10px 0;
	}


	.shop-list-item-type {
		width: 12%;
	}

	.shop-list-item-desc{
		width: 60%;
	}

	.shop-list-item-hours{
		width: 28%;
	}

	@media (max-width: 960px) and (min-width: 671px) {

		#shops #shopsList {
			max-width: 100%;
			width: 100%;
			border: 0;
			padding: 0;
			margin-top: 25px;
		}

		#shops #shopsList .shop-list-item > div {
    		border-top: 0;
		}

		#shops .filter {
			max-width: 100%;
			width: 100%;
			margin-bottom: 30px;
		}
	
		.shop-list-item div.paging-item {
			display: flex;
		    padding: 10px 20px 10px 0;
		    width: 50%;
		    float: left;
		    height: 130px;
		    box-sizing: border-box;
		}
		.shop-list-item:nth-child(even) div.paging-item {
		    padding: 10px 10px 10px 20px;
		}
	}

	@media (max-width: 670px) {
		#shops .filter .mainShopContact {
			display: inline-block;
			margin-top: 3rem;
		}
		
		#shops .filter .mainShopContact table td{
			width: 50%;
		}
		
		#shops .oHours { 
			display: block;
		}

		#shops .cols-2 .col {	
		    float: left;
		}

		#shops .filter {
			float: none;
			max-width: 100%;
		    margin-bottom: 25px;
		}

		#shops .filter .mapWrapper {
			width: 100%;
			min-width: 0;
		}

		#shops .filter .mapWrapper .find .input{
			width: 100%;
			display: block;
		}

		#shops .filter .mapWrapper .find .btn{
			float: none;
    		display: inherit;
    		margin: 10px auto;
		}

		#shops .filter .types,
		#shops .filter .types + h3,
		#shops .filter .types + h3 + .cols-2,
		#shops .filter .regionsWrapper,
		#shops .hasTooltip {
			display: none;
		}

		#shops #shopsList {
			max-width: 100%;
			width: 100%;
			display: block;
			border-left: 0;
			padding-left: 0;
		}

		#shops #shopsList h3 {
			margin: 25px 0 10px;
		}

		#shops #shopsList .shop-list-item .shop-list-item-hours {
			margin: 15px 0;
		}

		#shops #shopsList .shop-list-item .shop-list-item-hours div{
			text-align: center  !important;	
		}

		#shops #shopsList .shop-list-item .shop-list-item-hours .btn {
			width: 50%;
			font-weight: 700;
		}

		#shops #shopsList .shop-list-item > div {
			display: block;
			padding: 10px 0;
		}	
	
		#shops #shopsList .shop-list-item-type {
			width: 45px;
			display: inline-block;
			vertical-align: top;
		}		

		#shops #shopsList .shop-list-item-desc{
			width: auto;
			display: inline-block;
			vertical-align: top;
		}

		#shops #shopsList .shop-list-item-hours{
			width: 100%;
			margin: auto;
		}	

		.shop-list-item div.paging-item {
			display: block;
		}
	}
	
	.closed-shop.shop-list-item {
		color: rgba(0, 0, 0, .2);
	}
	
	.closed-shop.shop-list-item a.btn {
		background-color: rgba(0, 0, 0, .2);
		color: #fff;
	}
	
	.closed-shop.shop-list-item a {
		color: rgba(0, 0, 0, .2);
		pointer-events: none;
		cursor: default;
	}
	
	.mapWrapper li,
	.shop-map-c-wrapper li {
		background-image: none;
	}
	.mapWrapper .smap-suggest { width: 438px; }
	.shop-map-c-wrapper .smap-suggest { width: 288px; }
	


	
	#shop{
		margin: 0 -20px;
	}
	
	#shop .map,
	#shop .info{
		float: left;
		width: calc(50% - 40px);
		padding: 20px 20px 35px 20px;
	}
	
	#shop #map{
		min-height: 250px;
	}
	
	#shop .address{
		display: block;
		margin: 0;
		width: 50%;
		float: left;
	}
	
	#shop .opening{
		float: left;
		width: calc(50% - 15px);
		padding: 0 0 0 15px;
		position: relative;
	}

	#shop .opening .w-half {
		width: 50%;
	}
	
	
	#shop .opening p {
		margin: 0;
	}
	
	#shop .path{
		padding-top: 20px;
		clear: both;
	}
	
	#shop ul{ margin: 0; }
	#shop ul li{ background: none; padding: 0;}
	
	#shop .gallery{
		clear: both;
		text-align: center;
		margin: 0 20px;
	}
	
	#shop .gallery a{
		display: inline-block;
		margin: 10px;
		height: 220px;
	}
	
	#shop .gallery a img{
		max-width: 100%;
		max-height: 100%;
		min-height: 220px;
	}
	
	#shop .services{
		margin: 20px 20px 0 20px;
	}
	
	#shop .services .service{
		display: block;
		float: left;
		width: calc(100% / 4);
		height: 40px;
		margin: 0 0 20px 0;
	}
	
	#shop .services .service img{
		display: inline-block;
		width: 40px;
		margin-right: 25px;
		vertical-align: middle;
	}
	
	#shop .services .service span{
		color: #028ac4;
		display: inline-block;
		font-weight: bold;
		font-size: 16px;
		padding: 11px 0;
		vertical-align: middle;
	}
	
	#shop .services > p{
		margin: 0 50px 20px 50px;
	}
	
	@media (min-width: 671px) and (max-width: 1024px){
		#shop{
			margin: 0;
		}
		
		#shop .map,
		#shop .info{
			width: 100%;
			margin: 0;
			box-sizing: border-box;
			padding: 0;
			padding-bottom: 30px;
		}	
		
		#shop .map{
			margin-top: 20px;
		}
		
		#shop #map{
			height: 350px;
		}
		
		#shop .gallery{
			margin-top: 20px;
		}
	}
	
	@media (max-width: 1024px) {
		#shop .services{ margin: 0; }
		
		#shop .services > p{ margin: 0; }
		
		#shop .services .service{
			width: calc(100% / 3);
			height: 80px;
		}
		#shop .services .service img{
			margin: 0;
			display: block;
			float: none;
			margin: auto;
			width: 50px;
		}
		#shop .services .service span{
			padding: 0;
			text-align:center;
			float: none;
			display: block;
		}
	}
	
	@media (max-width: 670px){
		#shop{
			margin: 0;
		}
		
		#shop .map,
		#shop .info{
			float: none;
			width: 100%;
			margin: 0;
			box-sizing: border-box;
			padding: 0 0 30px 0;
			
		}	
		
		#shop .opening,
		#shop .address{
			float: none;
			width: 100%;
			padding: 0;
		}
		
		#shop .opening{ margin-top: 20px; }
		
		#shop .map{
			margin-top: 20px;
		}
		
		#shop #map{
			height: 250px;
		}
		
		#shop .gallery{
			margin: 20px 0 0 0;
		}
	}
	
	.opening .shop-list-item-stamp {
		left: 10px;
		top: 20px;
	}
	
	.opening.closed-shop {
		color: rgba(0, 0, 0, .2);
	}
	
	.opening.closed-shop h3 {
		color: rgba(2, 138, 196, .5);
	}
	


{/* specifictejsi selector, abych to tu nezasiral s !important */}
	
	#page-container .news-list-item a {
		display: flex;
		text-decoration: none;
		flex-direction: column;
	}

	#page-container .news-list-item a:hover h2 {
		text-decoration: underline;
	}
	
	#page-container .article-content table td {
		border-bottom: none;
	}
	
	#page-container .article-content table.border-on, #page-container .article-content table.border-on td, #page-container .article-content table.border-on th {
		border: 1px solid #82C4DF !important;
	}
	
	#page-container .article-content table.borde-on, #page-container .article-content table.borde-on td, #page-container .article-content table.borde-on th {
		border: 1px solid #82C4DF !important;
	} 

	.news-list,
	.news-list-img,
	.news-list-body {
		box-sizing: border-box;
	}

	.news-list {
		margin: 0;
		padding: 0;
	}

	.news-list-item {
		background: none;
		padding: 20px 0;
	}

	.news-list .news-list-img, .news-list .news-list-body {
		display: inline-block;
		vertical-align: top;
	}

	.news-list .news-list-img {
		width: 100%;
		flex: none;
	}
 
	.news-list .news-list-img {
		width: 100%;
	}

	.news-list .news-list-body {
		width: 100%;
		flex-grow: 1;
	}

	.news-list .news-list-body h2,
	.news-list .news-list-body p {
		text-align: center;
	}

	@media (min-width: 760px) { 
		#page-container .news-list-item a {
			flex-direction: row;
		}
		
	 	.news-list .news-list-img {
	 		width: 255px;
	 	}

		.news-list .news-list-body {
			padding: 5px 0;
			width: auto;
		}

		.news-list .news-list-body h2,
		.news-list .news-list-body p {
			text-align: left;
		}
	}

	@media (max-width: 759px) { 
		.news-list .news-list-img img {
			display: block;
			margin: auto;
			width: 235px;
			margin-bottom: 20px;
		}
	}


	
	.login-section form > a{
		margin: 5px 0 30px 0;
		display: inline-block;
	}
	
	.login-section form a{ 
		text-decoration: underline; 
		color: #028ac4;
		font-weight: bold;
	}
	.login-section form a:hover{ text-decoration: none !important; }
	
	.login-section form p{ margin: 30px 0 15px 0; }
	
	.login-section form .input:first-of-type{
		margin-top: 45px;
	}
	
	.login-section form .input{ text-align: center; }
	


	#page-container .register{}
	
	#page-container .register > div:nth-child(1){
		width: calc(50% - 100px);
		float: left;
		padding: 0 100px 0 0;
	}
		
		#page-container .register > p:before,
		#page-container .register > div:first-of-type label:after{
	    display: inline-block;
	    content: "*";
	    color: #e2031a;
	    font-weight: bold;
	    position: relative;
	    top: 0;
	    margin-left: 3px;
		}
		#page-container .register > .checkbox:first-of-type span:before{
			position: absolute;
			right: -8px;
		}
		#page-container .register > p:before{ margin-right: 3px; }
		
	#page-container .register > div:nth-child(2){
		width: calc(50% - 100px);
		float: right;
		padding: 0 100px 0 0;
	}
	
	#page-container .register > div:nth-child(3){
		display: block;
		padding: 20px 100px 20px 240px;
		clear: both;
	}
				
	#page-container .register .btn{
		margin: auto;
		display: block;
	}
	
	#page-container .register .checkbox,
	#page-container .family-card .checkbox {
		color: #395098;
		display: block;
		padding: 3px 0;
	}
	
	#page-container .register .required_explain{
		margin: 30px 0 0 0 ;
	}
	
	@media (min-width: 671px) and (max-width: 1024px){
		#page-container .register > div:nth-child(1),
		#page-container .register > div:nth-child(2){
			padding: 0 20px 0 0;
			width: calc(50% - 20px);
		}
		#page-container .register > div:nth-child(3){
			padding-left: 0;
			padding-right: 0;
		}
	}
	
	@media (max-width: 670px){
		#page-container .register > div:nth-child(1),
		#page-container .register > div:nth-child(2){
			width: 100%;
			padding: 0;
			float: none;
		}
		#page-container .register > div:nth-child(3){
			padding: 20px 0;
		}
	}
	

	
	.mobile{ display: none; }
	
	.orders a.btn{
		display: inline-block;
	}
	
	.orders a.btn .icon{
		height: 15px !important;
	}
	
	table.summary-table td{
		min-width: auto !important;
	}
	
	table.summary-table th{
		border-bottom: 1px solid #f3f3f3;
	}
	
	table.summary-table th:last-child
	table.summary-table td:last-child{
		border-right: 0 !important;
	}
	
	@media (max-width: 670px){
		.summary-table{ display: none }
		.mobile{ display: block; }
		
		.mobile dl{
			text-align: center;
			position: relative;
			margin: 0 auto 20px auto;
			padding-bottom: 20px;
			max-width: 400px;
			font-size: 15px;
			line-height: 23px;
		}
		.mobile dl:not(:last-of-type):after{
			display: block;
			content: "";
			height: 1px;
			width: 100%;
			background-color: #f1f1f1;
			position: absolute;
			bottom: 0;
		}
		
		.mobile dt,
		.mobile dd{
			float: left;
			width: 50%;
		}
		
		.mobile dt{ 
			text-align: left; 
			color: #10508f;
			font-weight: bold;
		}
		.mobile dd{ text-align: right; }
		
		.mobile dl .btn{ margin-top: 20px; }
	}
	


	
	.addresses{}
	
	.addresses .heading{ margin-bottom: 10px; }
	
		.addresses .heading h1{
			float: left;
			margin: 0;
			line-height: 35px;
			height: 35px;
		}
		
		.addresses .heading .btn{
			float: right;
		}
	
	.addresses .address-list{
		margin: 0 -10px 30px -10px;
	}
		.addresses .address-list .address{
			display: block;
			float: left;
			width: calc((100% / 3) - 20px);
			padding: 10px;
			position: relative;
		}
		
		.addresses .address-list .address:not(:nth-child(3n+3)):after{
			display: block;
			content: "";
			position: absolute;
			top: 0;
			right: 0;
			width: 1px;
			height: 100%;
			background-color: #e8e8e8;
		}
		
		.addresses .address-list .address > *{ 
			display: block; 
			line-height: 20px;
		}
		
		.addresses .address-list .address .edit{
			font-weight: bold;
			display: inline-block;
			color: #028ac4;
			margin-top: 20px;
			text-decoration: none !important;
		}
			.addresses .address-list .address .edit .icon{ fill: #028ac4; }
			
		.addresses .address-list .address .delete{
			display: inline-block;
			font-weight: bold;
			color: #e2031a;
			margin-top: 20px;
			text-decoration: none !important;
		}
			.addresses .address-list .address .delete .icon{ fill: #e2031a; }
		
		.addresses .address-list .address .edit .icon,
		.addresses .address-list .address .delete .icon{
			width: 15px;
			height: 15px;
    		margin-top: -4px;
		}
		
		.addresses .address-list .address .edit:hover,
		.addresses .address-list .address .delete:hover{ text-decoration: none !important; }
		
		
		
	.addresses form > div{
		float: left;
		width: calc( 50% );
		box-sizing: border-box;
		margin-bottom: 15px;
		padding-left: 20px;
	}

	.addresses form > div:first-of-type {
		padding-left: 0;
		padding-right: 20px;
	}

	.addresses form > div > div.input.label label {
		width: 40%;
		box-sizing: border-box;
	}

	.addresses form > div > div.input.label input {
		width: 60%;
	}
	
	.addresses form > div.foot{
		width: 100%;
		padding-left: 0;
	}
	
	.addresses form > div.foot p{ 
		float: left; 
		height: 35px;
	    margin: 0;
	    line-height: 35px;
	}
	.addresses form > div.foot .btn{ float: right; }
	
	.addresses .mob{ display: none !important; }
	
	.address-list > .btn{ display: none !important; }
	
	@media (min-width: 671px) and (max-width: 1024px){
		.addresses form > div{
			width: 50%;
			padding: 0;
		}
		
		.addresses form > div .input.label label{
			display: block;
			float: none;
			width: 100%;
			line-height: 40px;
		}
		
		.addresses form > div .input.label input{
			width: 90%;
		}
		
		.addresses form > div.foot{ 
			width: 100%;
		    box-sizing: border-box;
		    padding-right: 5%;
			
		}
		
		.addresses .mob{ display: none !important; }
	}
	
	@media (max-width: 670px){
		.addresses form > div{
			display: block;
			float: none;
			width: 100%;
			padding: 0;'
		}
		
		.addresses form > div .input.label label{
			display: block;
			float: none;
			width: 100%;
			line-height: 40px;
		}
		.addresses form > div .input.label input{
			width: 100%;
		}

		.addresses form > div > div.input.label label {
			width: 100%;
		}

		.addresses form > div > div.input.label input {
			width: 100%;
		}
		
		.addresses form > div.foot{ 
			width: 100%;
			float: none;
			padding: 0;
		}
		
		.addresses form > div.foot p{
			float: none;
		}
		
		.addresses form > div.foot .btn{
		    display: block;
		    margin: auto;
		    float: none;
		    margin-top: 15px;
		}
		
		.addresses .address-list{ text-align: center;}
		
		.addresses .address-list .address{
			float: none;
			width: 100%;
			text-align: center;
			box-sizing: border-box;
		    margin-bottom: 5px;
    		padding-bottom: 20px;
		}
		
		.addresses .address-list .address:after{
			width: calc(100% - 30px);
			height: 1px;
			bottom: 0;
			left: 0;
			top: initial;
			margin: 0 15px;
		}
		
		.addresses .address-list .address:after{
			display: block;
			width: calc(100% - 20px) !important;
			height: 1px !important;
			background-color: #e8e8e8;
			position: absolute;
			left: 10px;
			bottom: 0;
			margin: 0 !important;
			top: auto !important;
		}
		
		.addresses .heading .btn{display: none;}
		
		.address-list > .btn{
		    display: inline-block !important;
		    margin: 30px auto 0 auto;
		    line-height: 30px !important;
		    float: none;
		}
		
		.addresses .normal{ display: none !important; }
		.addresses .mob{ 
			display: block !important; 
			margin-top: 20px;
		}
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

	
	.tabs{
		margin: -40px -30px 40px; -30px;
		text-align: center;
		background-color: #e5ecf3;
	}
	
	.tabs li{
		background: none;
		padding: 0;
		display: inline-block;
		text-transform: uppercase;
		font-size: 20px;
		font-weight: bold;
		color: #028ac4;
		position: relative;
		padding: 5px 20px 20px 20px;
	}
	
	.tabs li br{ display: none; }
	
	.tabs li.active{
		color: #e2031a;
	}
	
	.tabs li.active:after{
		display: block;
		position: absolute;
		content: "";
		width: 0;
		height: 0;
		bottom: 0;
		left: 50%;
		transform: translate(-50%, 0);
		-webkit-transform: translate(-50%, 0);
		border-style: solid;
		border-width: 0 15px 15px 15px;
		border-color: transparent transparent #ffffff transparent;
	}
	
	.tabs li a{ color: inherit; }
	
	@media (max-width: 670px){
		.tabs{
			margin: -15px -15px 15px -15px;
		}
		
		.tabs li{
			font-size: 18px;
			max-width: calc(100% / 3);
			padding: 5px 5px 15px 5px;
			line-height: 1.5em;
		}
		
		.tabs li a:first-word{  display: block; }
		
		.tabs li br{ display: initial; }
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

	
	.settings{ margin: 0 -20px; }
	
	.settings > div{
		float: left;
		padding: 0 80px 0 20px;
		width: calc(50% - 100px);
		position: relative;
	}
		.settings > div:first-of-type:before{
			display: block;
			content: "";
			position: absolute;
			right: 0;
			top: 0;
			background-color: #f3f3f3;
			width: 1px;
			height: 100%;
		}
		
	.settings .select.label label,
	.settings .input.label label{
		width: calc( 40% - 15px );
	}
	
	.settings .select.label select,
	.settings .input.label input{
		width: 60%;
	}

	.settings .input.label.error .validation {
		width: 60%;
	}
	
	.settings h1{ margin-bottom: 20px; }
	
	.settings button{ 
		margin-top: 20px; 
		margin-bottom: 30px;
	}
	
	.settings .checkbox{
		margin-top: 15px;
		margin-bottom: 15px;
		display: block;
	}
	
	.settings .only_company{ display: none; }
	.settings .only_company.active{ display: block; }
	
	
	@media (min-width: 671px) and (max-width: 1024px){
		.settings > div{
			padding: 0 20px 0 20px;
	    	width: calc(50% - 40px);
		}
	}
	
	@media (max-width: 670px){
		.settings{ margin: 0; }
		
		.settings > div{
			width: 100%;
			padding: 0;
		}
		.settings > div:before{
			display: none !important;
		}
		
		.settings > div .select.label label,
		.settings > div .input.label label{
			display: block;
			float: none;
			width: 100%;
			line-height: 40px;
		}
		
		.settings > div .select.label select,
		.settings > div .input.label input{
			width: 100%;
		}
		
		.settings .btn{
			display: block;
			margin-left: auto;
			margin-right: auto;
		}
		
		.settings > div:first-of-type form{
			position: relative;
			padding-bottom: 20px;
		}
		
		.settings > div:first-of-type form:after{
			display: block;
			content: "";
			height: 1px;
			width: 100%;
			background-color: #e7e7e7;
			position: absolute;
			bottom: 20px;
			left: 0;
		}
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	


	.order-summary{}
	
	.order-summary > h3{ margin: 0; }
	
	.order-summary > h3 span{
		color: #e2031a;
	}
	
	.order-summary div.info{ 
		margin: 0 -20px 20px -20px; 
		
	}
	
	.order-summary div.info > div{
		display: block;
		width: 200px;
		float: left;
		vertical-align: top;
		margin: 20px;
		position: relative;
	}
	
	.order-summary div.info > div:first-of-type{
		width: 420px;
	}

	.order-summary div.info > div:not(:last-of-type):after{
		display: block;
		content: "";
		background-color: #e8e8e8;
		width: 1px;
		height: 100%;
		position: absolute;
		right: -20px;
		top: 0;
		min-height: 150px; 
	}
		.order-summary div.info > div:nth-child(2) *,
		.order-summary div.info > div:nth-child(3) *{
			display: block; 
			line-height: 21px;
			display: block;
		}

	.order-summary dl{ line-height: 25px; }

	.order-summary dl dt{
		display: inline-block;
		width: 200px;
	}

	.order-summary dl dd{
		display: inline-block;
		width: calc(100% - 205px);
		font-weight: bold;
		color: #014588;
	}
	
	.order-summary table th{
		background-color: transparent;
		color: black;
		font-weight: normal;
	}
	
	.order-summary table td{
		border-top: 1px solid #e8e8e8;
		border-bottom: none;
		padding: 10px;
	}
	
	.order-summary table td.image{
		width: 70px;
	}
	
	.order-summary table td.image .icon{
		fill: #014588;
		width: 50px;
		height: 50px;
	}
	
	.order-summary table td.title *{
		display: block;
		line-height: 20px;
	}
		.order-summary table td.title a{
			color: #028ac4;
			text-decoration: none !important;
			font-size: 16px;
			font-weight: bold;
		}
		
	.order-summary table td .price-per-item{
		font-size: 17px;
	}	
	
	.order-summary table td .price-vat{
		font-size: 17px;
		color: #e2031a;
		font-weight: bold;
	}
		
	.order-summary table td.price-summary{
		font-weight: bold;
		font-size: 17px;
		color: #e2031a;
	}
		
	.order-summary table tr.accessory td{
		padding: 5px 10px;
		border: 0;
		height: auto;
	}
	
	.order-summary table tr.accessory td a {
		margin-left: 1rem;
	}
		
	.order-summary table tr.accessory td .price-vat,
	.order-summary table tr.accessory td .price-per-item{ font-size: 15px; }	
	.order-summary table tr.accessory td .count{ font-size: 13px; }	
		
	.order-summary tfoot td{
		vertical-align: top;
	}	
	
	.order-summary tfoot td a{ color: #028ac4; font-weight: bold;}
	.order-summary tfoot td a:hover{ text-decoration: none !important; }
	.order-summary tfoot td .date{ color: #014588; font-weight: bold;}
	
	.btn-inovoice2pdf { position: absolute; top: 90px; right: 30px; }
	.order-anonymous .btn-inovoice2pdf { top: 30px; }

	@media (min-width: 671px) and (max-width: 1024px){
		.order-summary div.info > div{
			width: calc(50% - 40px);
		}
		
		.order-summary div.info > div:first-of-type{
			width: 100%;
			float: none;
		}
			.order-summary div.info > div:first-of-type:after{ display: none; }
	}
	
	@media (max-width: 670px){
		.order-summary div.info{
			margin: 0 -15px 15px -15px;
		}
		.order-summary div.info > div{
			width: calc(100% - 30px) !important;
			margin: 15px;
		}
		.order-summary dl dt,
		.order-summary dl dd{
			width: 49%;
			vertical-align: top;
		}
		
		.order-summary table,
		.order-summary table tr,
		.order-summary table th,
		.order-summary table tbody,
		.order-summary table tfoot,
		.order-summary table thead{
			display: block;
		}
		
		.order-summary table td{ 
			display: inline-block; 
			height: 60px;
			border: 0;
		}
		
		.order-summary table th{ padding-left: 0; }
		
		.order-summary table tr td:nth-child(3),
		.order-summary table tr td:nth-child(4),
		.order-summary table tr th{display: none;}
		
		.order-summary table tr th:nth-child(1){ display: block; }
		
		.order-summary table td:nth-child(5),
		.order-summary table td:nth-child(1){ width: 40px; }
		.order-summary table td:nth-child(2){ width: calc(100% - 149px) }
		
		.order-summary table td:nth-child(1) a{
			display: table-cell;
			width: 40px;
			height: 60px;
			vertical-align: middle;
		}
		.order-summary table td:nth-child(1) img{ max-width: 40px; height: auto; }
		
		.order-summary table tbody td:nth-child(2) span{ display: none;}
		
		.order-summary table tbody tr,
		.order-summary table tfoot tr{ border-top: 1px solid #e8e8e8; }
		
		.order-summary table tfoot tr{ displaY: block; }
		.order-summary table tfoot td{
			display: inline-block !important;
			width: 46% !important;
			box-sizing: border-box;
			padding-left: 0;
			padding-right: 0;
		}
		.order-summary table tfoot td:last-child{
			text-align: right
		}
		.order-summary table tfoot td:first-child{ display: none !important;}
			
		.btn-inovoice2pdf { position: static; margin-top: 1rem; }
		
	}

	.order-summary .delivery-payment-row p {
		margin: 5px 0;
	}
	
	/* DIALOG */
	.width_dialog-s {
		max-width: 480px !important;
	}
	

	
	.subscribe_newsletter_page{}
	
	.subscribe_newsletter_page form{
		width: 400px;
	    display: block;
	    margin: 40px auto 0 auto;
	}
	
	.subscribe_newsletter_page form .checkbox{
		display: block;
		margin: 20px 0;
	}
	
	.subscribe_newsletter_page form .btn{
		margin: 20px auto;
		display: block;
	}
	
	@media (max-width: 670px){
		.subscribe_newsletter_page form{ width:100%; }
		
		.subscribe_newsletter_page .input.label label{
			display: block;
			line-height: 40px;
			width: 100%;
		}	
		
		.subscribe_newsletter_page .input.label input{
			width: 100%;
		}
		
		.subscribe_newsletter_page .btn{
			
		}
	}
	

	
	.leaflets{}
	
	.leaflets h1{
		margin-bottom: 15px;
	}
	
	.leaflet-wrapper {
		text-align: center;
	}
	
	.leaflets .leaflet{
		//float: left;
		width: calc( (100% / 3) - 30px );
		text-align: center;
		padding: 0 12px;
		margin: 25px 0;
		position: relative;
		min-height: 212px;
		display: inline-block
	}
		.leaflets .leaflet img{ 
			display: block;
			margin: auto;
		    max-width: 100%;
		}
	
		.leaflets .leaflet .btn{
			margin-top: 15px;
		}
	
	.leaflets .leaflet:after{
		display: none;
		content: "";
		height: 100%;
		width: 1px;
		background-color: #eee;
		position: absolute;
		top: 0;
		right: 0;
	}
	
	/*
	.leaflets .leaflet:not(:nth-child(3n+4)):after{
		display: block;
	}
	*/
	
	@media (min-width: 671px) and (max-width: 1024px){
		.leaflets .leaflet{
			width: calc( (100% / 2) - 30px );
			min-height: auto;
		}
		.leaflets .leaflet:after{ display: none !important; }
		.leaflets .leaflet:not(:nth-child(2n+3)):after{ display: block !important; }
	}
	
	@media (max-width: 670px){
		.leaflets .leaflet{
			width: 100%;
			box-sizing: border-box;
			min-height: auto;
		}
		.leaflets .leaflet:after{
			display: block;
			width: 100%;
			height: 1px;
			top: initial;
			bottom: -30px;
			left: 0;
			right: initial;
		}
		
		.leaflets .leaflet:last-of-type:after{
			display: none !important;
		}
	}
	


	.cols-2 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
	}

	.cols-2 .col {
		width: 50%;
	}

	.cols-4 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		flex-flow: row wrap;
	}

	.cols-4 .col {
		width: 25%;
	}

	.flex {
		display: flex;
	}

	.justify-center {
		justify-content: center;
	}

	@media (min-width: 671px) and (max-width: 1024px) {
		.cols-4 .col {
			width: 50%;
		}
	}

	@media (max-width: 670px) {
		.cols-4 .col {
			width: 100%;
		}

		.flex.justify-center {
			flex-direction: row;
		}
	}




	#paging {
    	text-align: center;
    	font-size: 1.15em;
    	font-weight: 700;
	}

	#paging .previous_link,
	#paging .next_link,
	#paging .first_link,
	#paging .last_link {
		font-size: 1.5em;
		color: #1492c8;
		padding: 0 6px;
		text-decoration: none;
	}

	#paging .no_more {
		color: #ccc;
	}

	#paging .page_link {
		color: #1492c8;
		padding: 0 6px;
	}

	#paging .page_link.active_page {
		color: #014588;
		text-decoration: none;
	}


@media (max-width: 670px) {
	#footer .footer-top .wrapper > *:not(.planeacek) h2 {
			padding: .625rem 3.125rem; /* 10px 50px */
	}
}

@media (max-width: 350px) {
	#footer .footer-top .wrapper > *:not(.planeacek) h2 {
			padding: .625rem 3.125rem .625rem .625rem; /* 10px 50px 10px 10px */
	}
}

?<}

.infowindow-content ul {
	margin: 0;
	margin-bottom: 5px;
}

.infowindow-content ul li {
	background: none;
	padding: 0;
    line-height: 16px;
}

.infowindow-content p {
    margin-bottom: 5px;
}


/*smap*/

.card-body strong {
	display: block;
	margin: 10px 0;
}

.card-body strong:first-of-type {
    margin-top: 0;
}

.card-body .shop-list-item-stamp {
    margin-top: -50px;
}


	.disabled {
		padding-left: 10px !important;
		padding-right: 10px !important;
		background: gray !important;
		pointer-events: none !important;
		cursor: default !important;
	}

	.disabled .icon {
		display: none;
	}
	
	.disable-cart {
		display: none !important;
	}

	#product-detail{
		margin-top: -10px;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		position: relative;
	}	

	#product-detail .slick-initialized .slick-slide {
		position: relative;
	}
	
		#product-detail > *:not(script){ display: inline-block; }
	
		#product-detail .img{
			width: calc(50% - 30px);
			/*height: 470px;*/
			padding: 10px 30px 0 0;
			position: relative;
		}
			#product-detail .img:after{
				content: "";
				display: block;
				position: absolute;
				right: 0;
				width: 1px;
				height: 100%;
				background-color: #f3f3f3;
				top: 0;
			}
			
			#product-detail .img #detail{
				margin: auto;
				text-align: center;
				overflow: hidden;
			  height: 285px;
			  position: relative;
			}
				#product-detail .img #detail a{
					display: table-cell;
					height: 285px;
					width: 482px;
					vertical-align: middle;
				}
			#product-detail .img #gallery{	
				margin: 30px 40px 0 40px;
			}
				#product-detail .img #gallery .slide{
					width: 100px;
					height: 100px;
					border: 1px solid #f2f2f2;
					text-align: center;
					margin: 10px;
					display: inline-block;
					position: relative;
				}
				#product-detail .img #gallery .slide.slick-current{
					border-color: #79b6d0;
				}
					#product-detail .img #gallery .slide a{
						display: table-cell;
						width: 100px;
						height: 100px;
						vertical-align: middle;
						position: relative;
					}
				#product-detail .img #gallery .slick-arrow{ 
					margin: 0 5px; 
					background-color: #e7e7e7;
				}
				#product-detail .img #gallery .slick-prev{ left: -40px; }
				#product-detail .img #gallery .slick-next{ right: -40px; }
		
			#product-detail .social{
				margin-top: 15px;
			}
				#product-detail .social.copy{ display: none; }
				#product-detail .social > div:first-of-type{ float: left; }
				#product-detail .social > div:last-of-type{ 
					float: right; 
					line-height: 20px;
					height: 20px;
				}
					#product-detail .social > div:last-of-type a{
						color: #028ac4;
						text-decoration: none;
						margin: 0 5px ;
						display: inline-block;
					}
						#product-detail .social > div:last-of-type a:hover{ text-decoration: underline !important; }
					#product-detail .social > div:last-of-type a .icon{ 
					    fill: #028ac4;
					    height: 20px;
					    display: inline-block;
					    vertical-align: bottom;
					    margin-right: 3px;
					}
		
		#product-detail .info{
			width: calc(50% - 30px);
			padding-left: 30px;
		}
		
		#product-detail .reasons,
		#product-detail .more-info-btns,
		#product-detail .more-info{
			width: 100%;
		}
		#product-detail .more-info a {
			color: #028ac4;
		}
		#product-detail .more-info-label-desktop { display: inline; }
		#product-detail .more-info-label-mobile { display: none; }
		@media only screen and (max-width: 450px) {
			#product-detail .more-info-label-desktop { display:	none; }
			#product-detail .more-info-label-mobile { display: inline; }
		}
		
		#product-detail .stickers{
    		position: absolute;
    		left: -40px;
    		z-index: 1;
   			max-width: 110px;
		}
			#product-detail .stickers.copy{ display: none; }
			#product-detail .stickers .sticker{
				display: inline-block;
			    color: #576977;
			    background-color: #fcd21a;
			    height: 30px;
			    line-height: 30px;
			    text-align: center;
			    text-decoration: none;
			    position: relative;
			    font-weight: bold;
			    margin-bottom: 5px;
			    padding: 0 15px;
			    position: relative;
				text-transform: uppercase;
			}
			
			#product-detail .stickers .sticker:before{
				display: block;
				content: "";
				position: absolute;
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 0 10px 10px 0;
				border-color: transparent #d3a903 transparent transparent;
				left: 0;
				bottom: -10px;
			}
			
		#product-detail .sticker.ecolabel{
			position: absolute;
			top: 0;
			right: 20px;
			font-weight: 700;
			display: inline-block;
		    box-sizing: border-box;
		    background-color: #25c207;
		    color: white;
		    text-transform: uppercase;
		    padding: 5px 0px 5px 5px;
		    min-width: 40px;
		    z-index: 1;
			text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
		}

		#product-detail .sticker.ecolabel:after,
		#product-detail .sticker.ecolabel:before{
		    display: block;
		    content: "";
		    position: absolute;
		    width: 0;
		    height: 0;
		    border-style: solid;
		    right: 100%;
		    top: 0;
		    border-width: 14px 15px 14px 0;
		    border-color: transparent #25c207 transparent transparent;
		}
		#product-detail .sticker.ecolabel:after{display: none;}
	#product-detail .reasons{
		margin: 0 -30px;
		padding: 30px;
		width: calc(100% + 60px);
		background-color: #ebf6fa;
		margin-top: 30px;
	}
		#product-detail .reasons > div{
			width: calc( 50% - 20px );
			float: left;
			margin-top: 20px;
		}
			#product-detail .reasons > div:first-of-type{ padding-right: 20px; }
			#product-detail .reasons > div:last-of-type{ padding-left: 20px; }
			
			#product-detail .reasons ul{
				margin: 0;
				list-style: none;
			}
				#product-detail .reasons ul li{
					background-image: none;
					position: relative;
				}
				#product-detail .reasons ul li:before{
					content: "";
					display: block;
					position: absolute;
					background-color: #014588;
					width: 6px;
					height: 6px;
					border-radius: 50%;
					position: absolute;
					left: 0;
					top: 9px;
				}
	
	#product-detail .heading{
		padding: 5px;
	}
		#product-detail .heading .type{
			color: #028ac4;
			font-size: 17px;
			font-weight: bold;
			text-decoration: none !important;
		}
		#product-detail .heading h1{
			color: #014588
			font-weight: bold;
			font-size: 20px;
			margin-top: 5px;
		}
		#product-detail .heading.copy{ display: none; }
	#product-detail .desc{
		padding: 5px;
	}
	
	#product-detail .price-box{
		background-color: #f3f3f3;	
		padding: 10px 25px;
	}
		#product-detail .price-box .installment{
			border-bottom: 1px solid white;
			padding: 5px;
		}
			#product-detail .price-box .button .btn {
				height: 45px;
		    margin: 5px 0;
		    /* line-height: 27px !important; */
		    font-weight: bold;
		    font-size: 15px !important;
        padding: 9px 20px 9px 40px;
        width: 140px;
        display: table-cell;
        vertical-align: middle;
			}
				#product-detail .price-box .button .btn > *:first-child{
					margin: -9px 7px 0 3px;
					padding-right: 7px;
				}
		
			#product-detail .price-box .installment	.price{ 
				float: left; 
				color: #e2031a;
				font-size: 30px;
				line-height: 35px;
				font-weight: bold;
			}
				#product-detail .price-box .installment	.price span{
					font-size: 14px;
					line-height: 20px;
					display: block;
					font-weight: normal;
					color: black;
					text-align: center;
				}
			#product-detail .price-box .installment	.button{ float: right; }
		
		#product-detail .price-box .cash{
			padding: 5px;
		}
			#product-detail .price-box .cash .price{
				font-size: 30px;
				line-height: 35px;
				font-weight: bold;
				text-align: center;
			}
				#product-detail .price-box .cash .price span{
					font-size: 14px;
					line-height: 20px;
					display: block;
					font-weight: normal;
					text-align: center;
				}
				#product-detail .price-box .cash .price span.unit-price {
					font-size: 11px;
					font-weight: bold;
				}
			#product-detail .price-box .cash .button{ float: right; }
		
		#product-detail .price-box .availability{
			text-align: center;
			margin-top: 10px;
		}

		#product-detail .price-box .variants{
			margin-top: 20px;
		}

		#product-detail .price-box .availability-desktop {
			display: block;
		}
		
		#product-detail .price-box .availability-mobile {
			display: none;
		}
		
			#product-detail .price-box .variants dl{
				margin: auto;
				margin-bottom: 2rem;
				line-height: 21px;
				width: 50%;
			}
				#product-detail .price-box .variants dl dt{
					display: inline-block;
					width: 40%;
				}
				#product-detail .price-box .variants dl dd{
					display: inline-block;
					width: 49%;
					color: #014588;
					font-weight: bold;
				}
				#product-detail .price-box .variants dl dd.moc{ text-decoration: line-through; }
			#product-detail .price-box .variants > div{
				margin: auto;
				text-align: center;
				width: 50%;
			}
			#product-detail .price-box .variants .checkbox{
				color: black;
				display: block;
				margin-bottom: 5px;
			}
				#product-detail .price-box .variants .checkbox span:before{
					transform: none;
					top: 1px;
				}
			#product-detail .price-box .variants .checkbox span strong{
				color: #014588;
			}	
			
			
			#product-detail .price-box .variants .buy-options-box{
				position: relative;
			}
			#product-detail .price-box .variants .buy-options-options{
				display: none;
				position: absolute;
				top: -10px;
				left: -10px;
				right: -10px;
				padding: 10px;
				height: auto;
				background-color: #f3f3f3;
				box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.85);
				z-index: 5;
			}
			#product-detail .price-box .variants .buy-options-options.active{
				display: block;
			}
			
			#product-detail .price-box .variants .buy-options .icon{
				height: 18px;
				fill: #b3b3b3;
				vertical-align: bottom;
			}
			#product-detail .price-box .variants .buy-options > div{
				padding-bottom: 10px;
			}
			
	#product-detail .compare{
		text-align: center;
	}
		#product-detail .compare a{
			color: #028ac4;
			text-decoration: none !important;
			display: inline-block;
			padding: 10px;
		}
		#product-detail .compare .icon{
			height: 14px;
			fill: #1492c8;
			width: 20px;
			vertical-align: baseline;
		}
				
	#product-detail .more-info-btns{
		text-align: center;
	}
		#product-detail .more-info-btns a{
			color: #028ac4;
			font-size: 24px;
			line-height: 23px;
			text-transform: uppercase;
			text-decoration: none;
			displaY: inline-block;
			padding: 20px 10px;
			position: relative;
			font-weight: bold;
		}
		#product-detail .more-info-btns a.active{
			color: #e2031a;
		}
		#product-detail .more-info-btns a.active:before,
		#product-detail .more-info-btns a.active:after{
			display: block;
			content: "";
			position: absolute;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 0 15px 15px 15px;
			border-color: transparent transparent white transparent;
			bottom: -2px;
			left: 50%;
			transform: translate(-50%, 0);
			-webkit-transform: translate(-50%, 0);
		}
		#product-detail .more-info-btns a.active:before{
			border-color: transparent transparent #e9e9e9 transparent;
			bottom: -0px;
		}
		
		#product-detail .more-info > div[data-id=description]{
			max-width: 640px;
			margin-left: auto;
			margin-right: auto;
		}
	
	#product-detail .more-info{
		margin: 0 -30px;
		padding: 20px 30px;
		width: calc(100% + 60px);
		border-top: 1px solid #e9e9e9;
	}
	#product-detail .more-info > div:not(.active){
		display: none;
	}
		
		#product-detail .more-info table{
			max-width: 60%;
			margin: auto;
		}
		#product-detail .more-info table th{
			background-color: transparent;
			color: #014588;
			font-weight: bold;
			text-align: left;
			border-bottom: 1px solid #f3f3f3;
			height: 20px;
		}
		#product-detail .more-info table td{
			border-bottom: 1px solid #f3f3f3;
			height: 20px;
		}
		
	#product-detail .img img{
		max-width: 100%;
		max-height: 100%;
	}

	#product-detail .img #detail img {
		max-width: 285px;
	}

	#product-detail .img #gallery img {
		width: 60px;
		height: 60px;
	}

	
	#product-detail #gallery svg.threedim-icon {
		position: absolute;
		display: block;
		width: 40px;
		height: 40px;
		overflow: hidden;
		right: 0;
		bottom: 0;
		z-index: 10;
		pointer-events: none;
	}
		
	.calc-link {
		color: #028ac4 !important;
		display: block;
	}		
	
	.calc-link:hover {
		color: #028ac4 !important;
		text-decoration: underline !important;
	}
	
		.calc-link-icon {
		float: right;
	}
	
	.calc-link-icon svg {
		width: 15px;
		height: 15px;
		position: absolute;
		margin-left: 10px;
	}

	.calc-link-pop {
		position: relative;
		cursor: pointer;
	}
	
	.calc-link-pop:hover .calc-link-pop-window { display: block; }
	.calc-link-pop-window {
		display: none;
		position: absolute;
		padding: 20px;
		background-color: white;
		border: 1px solid #e9e9e9;
	}
	
	.calc-link-universal {
		display: inline-block;
		width: 141px;
		height: 28px;
		line-height: 28px;
		text-align: center;
		border: 1px solid #c8cfe3;
		margin-bottom: 5px;
	}
	
	.calc-link.calc-link-pop {
		max-width: 184px;
	}
	
	/* Eco label stickers detail */
	.sticker.ecolabel:hover + .eco-label-hover-box {
		display: block !important;
	}
	
	.eco-label-hover-box.homepage {
		width: 150px !important;
		height: 180px !important;
	}
	
	.eco-label-hover-box, .eco-label-hover-box.homepage {
		width: 300px;
		height: 450px;
		position: absolute;
		right: 20px;
		top: 28px;
		background: white;
		border: 1px solid #eee;
		z-index: 20;
		display: none !important;
		text-align: center;
	}
	
	.eco-label-hover-box:hover {	
		display: block !important;
	}
	
	.eco-label-hover-box img {
		width: 100%;
		margin-top: 22% !important;
	}
	
	.product-box .eco-label-hover-box {
		right: 5px;
	}

	@media (min-width: 671px) and (max-width: 1024px){
		
		#product-detail .sticker.ecolabel{
			right: auto;
			left: -10px;
		}
		
		#product-detail .sticker.ecolabel:before{ display: none;}
		#product-detail .sticker.ecolabel:after{
			display: block;
			border-color: transparent transparent transparent #25c207;
		    right: auto;
    		left: 100%;
		    border-width: 14px 0 14px 15px;
		}
		
		#product-detail .stickers{
			left: -10px;
		}
		#product-detail .stickers.withEcoLabel{
			top: 33px;
		}
			/*#product-detail .stickers .sticker:before{ display: none; }*/
	
		#product-detail .info{
			padding-left: 15px;
			width: calc(50% - 15px);
		}
		#product-detail .img{
			padding-right: 15px;
			width: calc(50% - 15px);
		}

		#product-detail #detail svg {
			display: none!important;
		}
		
		#product-detail .price-box{
			padding: 10px;
			position: relative;
		}
			#product-detail .price-box .button .btn{
				width: 130px;
				font-size: 15px !important;
			}
				#product-detail .price-box .button .btn > *:first-child{
					margin: -9px 7px 0 3px;
    				padding-right: 7px;
				}
			
		/*	
		#product-detail .price-box .variants{
			display: none;
		}
		*/
		
		#product-detail .social > div:last-of-type{
			height: auto;
		}
			#product-detail .social > div:last-of-type > a{
				display: inline-block;
			}
			#product-detail .social > div:last-of-type > a:last-of-type{ 
				display: none;
			}
	}
	
	@media (max-width: 670px){
		
		.eco-label-hover-box {
		    left: 5px;
    		top: 13px;
		}
		
		#product-detail .sticker.ecolabel{
			right: auto;
			left: 0;
			top: 70px;
		}
		
		#product-detail .sticker.ecolabel:before{ display: none;}
		#product-detail .sticker.ecolabel:after{
			display: block;
			border-color: transparent transparent transparent #25c207;
		    right: auto;
    		left: 100%;
    		border-width: 14px 0 14px 15px;
		}
		
		#product-detail .stickers{
			left: -10px;
		}
		
			/*#product-detail .stickers .sticker:before{ display: none; }*/
		#product-detail .buy-options{ display: none; }
		
		#product-detail{
			margin-top: 0;
		}	
		
		#product-detail .img{
			width: 100%;
			float: none;
			padding: 0;
		}
			#product-detail .img:after{ display: none; }
		#product-detail .info{
			width: 100%;
			float: none;
			padding: 0;
		}
		
		#product-detail .heading{ display: none !important; }
		#product-detail .heading.copy{ display: block !important; }
		
		#product-detail .price-box{
			margin: 0 -15px;
			width: 100%;
			padding: 40px 15px 15px 15px;
			position: relative;
		}
		
		#product-detail .price-box .availability{
			position: absolute;
			top: 10px;
			left: 0;
			right: 0;
		}
		
		#product-detail .price-box .availability-desktop {
			display: none;
		}
		
		#product-detail .price-box .availability-mobile {
			display: block;
		}
		
		#product-detail .price-box .cash,
		#product-detail .price-box .installment{
			padding: 10px 0;
		}
		#product-detail .price-box .cash .price,
		#product-detail .price-box .installment .price{ padding: 8px 0; }
		
		#product-detail .price-box .cash .installment span,
		#product-detail .price-box .cash .price span { display: none;}
		#product-detail .price-box .cash .price span.unit-price { display: block; }
		
		#product-detail .social{ display: none; }
		
		#product-detail .img{ position: relative; }
		#product-detail .stickers{ display: none !important; }
		#product-detail .stickers.copy{ 
			display: block !important; 
			top: 70px;
			left: 0;
		}
			/*#product-detail .stickers .sticker:before{ display: none; }*/
			
		#product-detail .img #gallery{
			display: none;
		}
		
		#product-detail .img #detail{
			height: auto;
		}
		
		#product-detail .img #detail a{
			display: block;
			width: 100%;
			position: relative;
		}

		#product-detail #detail svg {
    		display: block!important;
		}

		#product-detail #detail svg.threedim-icon {
			display: block;
    		width: 102px;
    		height: 102px;
    		position: absolute;
    		top: 50%;
    		margin-top: -51px;
    		left: 50%;
    		margin-left: -51px;
			pointer-events: none;
		}
		
		#product-detail .reasons > div{
			padding: 0 !important;
			margin: 0 !important;
			width: 100%;
			float: none;
		}
		
		#product-detail .more-info-btns a{
			padding: 15px 6px;
			font-size: 14px;
			font-weight: bold;
		}
			#product-detail .more-info-btns a.active:before, 
			#product-detail .more-info-btns a.active:after{
				border-width: 0 10px 10px 10px;
			}
			
		#product-detail .more-info table{
			max-width: 100%;
		}
		
		#product-detail .price-box .variants{
			display: flex;
			flex-direction: column;
			margin-top: 0;
		}
			#product-detail .price-box .variants > *{
				float: none !important;
				width: 100% !important;
			}
			#product-detail .price-box .variants dl{ 
				order: 2;
				margin-top: 10px;
			}
			#product-detail .price-box .variants div{ 
				order: 1;
				margin: 10px 0;
			}
			
		#product-detail .social.copy{ 
			display: block !important; 
			width: 100%;
			 margin: 25px 0;
		}
			#product-detail .social.copy > div:last-of-type	{
				float: none;
				text-align: center;
			}
			#product-detail .social.copy > div:last-of-type a:last-of-type{ display: none; }
			#product-detail .social > div:last-of-type a{
				font-size: 15px;
				margin: 0 10px;
			}
			#product-detail .social > div:last-of-type > a:last-of-type{ 
				display: none;
			}

		#product-detail .reasons{ margin-top: 0; }
		
		#product-detail .reasons{ display: none;}
		
		#product-detail .price-box .variants .checkbox span{
			padding-left: 27px;	
			line-height: 22px;
		}
		#product-detail .price-box .variants .checkbox span:before{
			transform: none;
			top: 1px;
			width: 18px;
			height: 18px;
		}
		
		
		#product-detail .price-box .variants dl dt{
			width: 80px;
		}
		#product-detail .price-box .variants dl dd{
			width: calc(100% - 85px);
		}
		
		#product-detail .compare{ display: none !important; }
		#product-detail .stickers.withEcoLabel{
			top: 103px;
		}
	}
	
	#product-detail #interest{
		margin-top: 5px;
	}
	
	img.product-pop-img {
		position: relative;
		top: calc(50% - 11px);
		width: auto;
		height: 22px;
	}
	
	@media (max-width: 430px) {
		.slick-slider svg.icon {
			display: none;
		}
	
		.slick-slider button.btn.icon-l, a.btn.icon-l {
			padding-left: 35px;
		}
		
		.slick-slider .product-box-mini a.btn.icon-l {
			padding-left: 10px;
		}
	}
	
	#page-container.carousel-extra-container {
		min-height: auto;
		margin: 0;
		padding: 0;
	}


	.shop-map {
		position: relative;
	}
		.shop-map .flex{
		    display: -webkit-box;
		    display: -ms-flexbox;
		    display: flex;
		    -webkit-box-orient: horizontal;
		    -webkit-box-direction: normal;
		        -ms-flex-direction: row;
		            flex-direction: row; 
		    -ms-flex-wrap:wrap; 
		        flex-wrap:wrap;
	    	-webkit-box-flex: 1;
	    	    -ms-flex: 1 100%;
	    	        flex: 1 100%;
		}

		.shop-map-h {
			background: #014588;
			padding: 16px 0px;
		}
			.shop-map-h h1 {
				font-weight: 700;
				color: #fff;
				margin-bottom: 0;
			}

		.shop-map-c-wrapper {
			padding: 15px 25px;
		}
			.shop-map-c-wrapper .aside-1 {
				width: 290px;
			}
				.shop-map-c-wrapper .aside-1 .input {
					margin: 0 0 15px;
					position: relative;
				}
				.shop-map-c-wrapper .aside-1 .input .btn {
    				position: absolute;
   					top: 5px;
    				right: 5px;
    				bottom: 5px;
    				left: auto;
    				text-indent: -9999em;
    				padding: 0;
    				width: 25px;
    				height: 25px;
				}
				.shop-map-c-wrapper .aside-1 .input .btn:after {
					content: "";
    				display: block;
    				background-image: url(/public/88/c5/90/1113_114_right_normal.svg);
    				background-size: cover;
    				width: 9px;
    				height: 12px;
    				top: 6px;
    				left: 9px;
    				position: absolute;
				}
				.shop-map-c-wrapper .aside-2 #shopsList {
					width: 96%;
					overflow-y: scroll;
					height: 366px;
				}
					.shop-map-c-wrapper .aside-2 #shopsList .shop-list-item .cols-2 {
						width: 60%;
					    font-size: 12px;
				    	line-height: 14px;
					    color: #777;	
					}
					.shop-map-c-wrapper .aside-2 #shopsList .shop-list-item .cols-2 .col {
						width: 60%;
					}
					.shop-map-c-wrapper .aside-2 #shopsList .shop-list-item .cols-2 .col:first-child {
						width: 40%;
					}

					.shop-map-c-wrapper .aside-2 #shopsList .shop-list-item-desc strong {
						color: #028ac4;
					}
					
					.shop-map-c-wrapper .aside-2 #shopsList .closed-shop .shop-list-item-desc strong {
						color: rgba(2, 138, 196, .5);
					}
					
					.infowindow-content.closed-shop,
					.infowindow-content.closed-shop a {
						color: rgba(0, 0, 0, .2);
						pointer-events: none;
  					cursor: default;
					}
					
					.shop-map-c-wrapper .aside-2 #shopsList .closed-shop .shop-list-item-desc,
					.fancybox-skin .shop-map-c-wrapper .aside-2 #shopsList .closed-shop {
						color: rgba(68, 68, 68, .5);
					}
					
					.shop-map-c-wrapper .aside-2 #shopsList .closed-shop.shop-list-item .cols-2 {
						color: rgba(119, 119, 119, .5);
					}
					
					.shop-map-c-wrapper .aside-2 #shopsList .closed-shop a.btn {
						pointer-events: none;
  					cursor: default;
						background-color: rgba(0, 0, 0, .2);
					}
					
					.infowindow-content.closed-shop p a.btn {
						pointer-events: none;
  					cursor: default;
  					color: #fff;
						background-color: rgba(0, 0, 0, .2);
					}

					.shop-map-c-wrapper .aside-2 #shopsList .shop-list-item-desc ul {
						margin-bottom: 5px;
					}

						.shop-map-c-wrapper .aside-2 #shopsList .shop-list-item-desc ul li {
    						line-height: 16px;
   							font-size: 13px;
						}

			.shop-map-c #map {
				height: 466px;
			}

			.shop-map-c .shop-list-item-hours {
				    display: -webkit-box;
				    display: -ms-flexbox;
				    display: flex;
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
					    -ms-flex-direction: column;
					        flex-direction: column;
					-webkit-box-pack: justify;
					    -ms-flex-pack: justify;
					        justify-content: space-between;
			}

			.shop-map-c .shop-list-item-hours p {
				line-height: 16px;
			}

			.shop-map .main-content {
    			-webkit-box-flex: 1;
    			-ms-flex: 1;
    			    flex: 1;
    			text-align: left;
    			margin-top: -50px;
			}

			.shop-map .aside-1 {
  				padding: 10px;
  				max-width:320px; 
  				height:40px;  
			}
			.shop-map .aside-2 {
    			-webkit-box-flex: 1;
    			-ms-flex: 1;
    			    flex: 1;
   			 	padding: 10px; 
    			max-width:320px;
			}

.shop-list-item {
	position: relative;
}

.shop-list-item-stamp,
.shop-list-item-stamp.small {
		z-index: 2;
		box-sizing: border-box;
  	position: absolute;
  	top: 40px;
  	background-color: #fff;
  	color: #d34240;
  	text-align: center;
  	padding: 4px 10px;
  	border: 2px solid #d34240 !important;
  	transform: rotate(-8deg);
}

.shop-list-item-stamp {
	top: 50%;
	margin-top: -25px;
    left: 50%;
    margin-left: -120px;
  	width: 240px;		
 }
 
 .shop-list-item-stamp.small {
 		left: 8px;
  	width: 200px;
 }

.shop-rekonstrukce {
		font-size: 1.3rem;
		line-height: 1.2;
		text-transform: uppercase;
}

.shop-open-date {
		line-height: 1;
}


	@media (min-width: 671px) and (max-width: 1024px) {
		.shop-map .shop-map-c .col-small #shopsList .shop-list-item-desc ul li {
		    height: 32px;
		}

		.shop-map .shop-list-item div.paging-item {
		    display: -webkit-box;
		    display: -ms-flexbox;
		    display: flex;
		    padding: 10px 0;
		    width: 93%;
		    float: left;
		    height: 95px;
		}

	}

	@media (max-width: 670px) { 
		.shop-map-c #map {
			height: 240px!important;
		}

		.shop-map-c-wrapper {
    		width:100%;
    		height:100%;
			padding: 15px 0;
  		}
  			.flex{
    			-webkit-box-orient: vertical;
    			-webkit-box-direction: normal;
    			    -ms-flex-direction: column;
    			        flex-direction: column;
    			-webkit-box-flex: 1;
    			    -ms-flex: 1;
    			        flex: 1;
    			display:-webkit-box;
    			display:-ms-flexbox;
    			display:flex;
  			}

		.shop-map-c-wrapper .aside-1 {
		    max-width: 90%;
		    margin: auto;
		    width: 100%;
		}

  		.main-content { 
    		margin-top: -50px;
    		display: block;
    		position: absolute;
    		top: 135px;
    		left: 0;
    		right: 0;
    		width: 100%;
		}

  		.aside-2 {
    		-webkit-box-ordinal-group :3;
    		    -ms-flex-order :2;
    		        order :2;
    		min-width: 100%;
    		margin-top: 200px;
		}

		.aside-2 h3 {
			margin: 15px 5px 5px;
    		font-size: 18px;
		}

		.shop-map .shop-map-c .paging-item {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
		    width: 97%;
		}

		.shop-map-c-wrapper .aside-2 #shopsList {
		    width: 92%;
		    padding-right: 10px;
		    overflow-y: scroll;
		    height: 366px;
		    margin: 0;
		}

		.shop-map .main-content {
			margin-top: 10px;
		}

		.gm-style-iw:after {
    		content: '';
    		display: block;
    		z-index: 9;
    		position: absolute;
    		bottom: 0;
    		left: 0;
    		right: 0;
    		height: 30px;
    		width: 100%;
    		background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    		background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    		background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
		}
		
		.shop-list-item-stamp {
				width: auto;
		  	min-width: 200px;
		  	max-width: 230px;
		  	padding: 4px 8px;
		}
	}



/* ::: basket_css ::: */

	.basket-steps{
		margin: -40px -30px 0 -30px;
		padding-bottom: 20px;
		margin-bottom: 30px;
		background-color: #e5ecf3;
		text-align: center;
	}

	.basket-steps .steps{
		margin: 0;
		color: #999;
		padding-top: 30px;
	}
	.basket-steps .steps li{
		display: inline-block;
		position: relative;
		/* width: 125px; */
		background-image: none;
		/* padding: 35px 10px 10px 10px; */
		padding: 0 20px 0 60px;
		vertical-align: middle;
	}
	
	.basket-steps .steps li a{
		color: inherit;
		text-decoration: none !important;
	}
		.basket-steps .steps li a:hover{
			text-decoration: underline !important;
		}

	.basket-steps .steps li span{
	    font-weight: bold;
    	font-size: 16px;
	}

	.basket-steps .steps .divider{
		width: 20px;
	    /* height: 80px; */
	    height: 24px;
	    font-size: 12px;
	    padding: 0;
	}
	.basket-steps .steps .divider .icon{ height: 90%; }
	.basket-steps .steps .icon{
		position: absolute;
		top: 0;
		/*
		left: 50%;
		transform: translate(-50%, 0);
		-webkit-transform: translate(-50%, 0);
		*/
		fill: #9c9c9c;
	}
		.basket-steps .steps .current .icon{
			fill: #e2031a;
		}
		.basket-steps .steps .current{
			color: #e2031a;
		}
	
		.basket-steps .steps .step-1 .icon{
			width: 24px;
			height: 24px;
			left: 20px;
		}
		.basket-steps .steps .step-2 .icon{
			width: 32px;
			height: 26px;
			left: 15px;
		}
		.basket-steps .steps .step-3 .icon{
			width: 24px;
			height: 22px;
			left: 20px;
		}
	/*
		.basket-steps .steps .step-1 .icon{
			width: 36px;
			height: 36px;
		}
		.basket-steps .steps .step-2 .icon{
			width: 42px;
			height: 26px;
		}
		.basket-steps .steps .step-3 .icon{
			width: 24px;
			height: 31px;
		}
	*/
	
	/** product-list-header **/
	.product-list-header{
	    border-bottom: 1px solid #eeeeee;
	    padding-bottom: 10px;
	    font-size: 13px;
	    color: #3d3d3d;
	}

	.product-list-header div{
		float: left;
		text-align: right;
	}
	
	.product-list-header div:first-of-type{ width: 660px; }
	.product-list-header div:last-of-type{ width: 225px; }

	#cart .finalPrice{
		display: block;
		width: 100%;
		text-align: right;
		padding: 35px 0;
	}
	
	#cart .finalPrice :first-child{
		font-size: 16px;
		vertical-align: top;
		display: inline-block;
		margin-right: 20px;
	}
	#cart .finalPrice :last-child{
		color: #e2031a;
		font-weight: bold;
		font-size: 30px;
	}
	
	#basket-section .btns .icon{
	}
		#basket-section .btns > *:nth-child(2){ floaT: right; }
		
		#basket-section .btns .btn strong{
			font-size: 18px;
			line-height: 27px;
		}
	
	#delivery-cart h1{ margin-bottom: 20px; }
	
	#delivery-cart .payment-delivery{
		position: relative;
		margin: 0 -20px 40px -20px;
	}

	#delivery-cart .payment-delivery .message.warning {
		text-align: justify;
		padding: 8px 22px;
	}
	
	#delivery-cart .payment-delivery:before,
	#delivery-cart .payment-delivery > *:first-of-type:after{
		display: block;
		background-color: #f2f2f2;
		height: 1px;
		width: calc( 100% - 40px);
		content: "";
		position: absolute;
		bottom: -20px;
		margin: 0 20px;
	}
	
	#delivery-cart .payment-delivery > *:first-of-type{ position: relative; }
	
	#delivery-cart .payment-delivery > *:first-of-type:after{
		width: 1px;
		height: 100%;
		bottom: auto;
		right: -20px;
		top: 0;
	}
		
	#delivery-cart .payment-delivery > *{
		floaT: left;
		width: calc(50% - 40px);
		margin: 0 20px;
	}
	
	#delivery-cart .payment-delivery label i{
		display: block;
    	position: absolute;
    	top: 2px;
    	right: -25px;
    	z-index: 2;
    	height: 18px;
	}
	
	#delivery-cart .payment-delivery label i .icon{
		fill: #b3b3b3;
	    vertical-align: initial;
	    height: 1em;
	}
	
	#delivery-cart .payment-delivery label strong{
		display: inline-block;
		margin-left: 10px;
	}
	
	#delivery-cart .payment-delivery label{
		display: block;
		color: black;
		padding-bottom: 10px;
	}

	#delivery-cart .payment-delivery label .choosen-shop {
	    margin-top: 10px;
		margin-bottom: 0;
    	padding-left: 10px;
	}

	#delivery-cart .payment-delivery label .choosen-shop strong {
		margin-right: 20px;
		color: #014588;
	}

	#delivery-cart .payment-delivery label .choosen-shop a {
		color: #03b9fb;
		text-decoration: underline;
	    display: block;
    	padding-left: 10px;
	}
	
	.payment-delivery .price {
		float: right;
		padding-right: 20px;
	}
	
	@media (max-width: 670px) {
		.payment-delivery .price {
			padding-right: 	0;
		}
	}
	
	@media (min-width: 671px) and (max-width: 1024px) {
		#delivery-cart .payment-delivery label .choosen-shop a {
    		display: block;
    		padding-left: 10px;
		}
	}

	#delivery-cart .payment-delivery label .choosen-shop a:hover {
		text-decoration: none 
	}
	
	#delivery-cart .summary{ 
		margin:0 -15px 30px -15px;  
	}	
	
	#delivery-cart .summary h1{ margin-left:15px; }
	
	#delivery-cart .summary dl{
		float: left;
		width: calc(50% - 30px);
		margin: 0 15px;
		font-size: 15px;
	}
	
	#delivery-cart .summary dl dt{
		float: left;
		width: 300px;
	}
	
	#delivery-cart .summary dl dd{
		float: left;
		width: calc(100% - 300px);
		text-align: right;
		font-weight: bold;
		color: #e2031a;
		font-size: 18px;
	}
	
	#delivery-cart .summary dl:last-of-type dt{
		text-align: right;
		margin: 3px 0 0 0;
		vertical-align: bottom;
	}
	
	#delivery-cart .summary dl:last-of-type dd{
		font-size: 26px;
	}
	
		
	#account-cart .left,
	#account-cart .right{
		float: left;
		width: calc(50% - 20px);
		box-sizing: border-box;
	}
	
	#account-cart .right{ 
		box-sizing: content-box; 
		width: 50%;
	}
	
	#account-cart .left{ padding-right: 20px; }
	#account-cart .right{ padding-left: 20px; padding-bottom: 100px; }
	
	#account-cart label.checkbox{
		display: block;
	}
	
	#account-cart .login p{ margin: 0; }
	
	#account-cart .login > *{
		display: inline-block;
		vertical-align: top;
	}
	
	#account-cart .login .btn{
		float: right;
	}
	
	@media (max-width: 670px){
		#account-cart .login .btn{
			float: none;
			margin: 20px 0 0 0 ;
		}
	}
	
	#account-cart .login{
		padding-bottom: 15px;
		margin-bottom: 15px;
		border-bottom: 1px solid #e9e9e9;
	}
	
	#account-cart .right .product{
		display: block;
		min-height: 70px;
		border-bottom: 1px solid #e9e9e9;
		padding: 15px 0;
		
	}
		#account-cart .right .product .img{
			width: 60px;
			max-height: 70px;
			height: 100%;
			float: left;
			margin-right: 15px;
		}
			#account-cart .right .product .img a{
				display:block;
    			max-width: 75px;
    			width: 75px;
			    height: 70px;
			    max-height: 70px;
			    vertical-align: middle;
			}
		#account-cart .right .product .info{
			float: left;
			margin-right: 15px;
			height: 80px;
			max-width: 270px;
			position: relative;
		}
			#account-cart .right .product .info .title{
				font-weight: bold;
			}
				#account-cart .right .product .info .title a{
					color: #014588;
					text-decoration: none !important;
					font-size: 15px;
					padding: 5px 0;
					display: inline-block;
					cursor: pointer;
				}	
			#account-cart .right .product .info .count{
				position: absolute;
				bottom: 0;
				color: #e2031a;		
			}
		#account-cart .right .product .price-box{
			float: right;
			font-size: 20px;
			color: #e2031a;
			font-weight: bold;
			padding: 26px 0;
		}
		#account-cart .right .product .additional{
			clear: both;
			padding-top: 8px;
		}
			#account-cart .right .product .additional > div{
				line-height: 25px;
			}
			
			#account-cart .right .product .additional .title{
				float: left;
				margin-lefT: 75px;
				font-weight: bold;
			}
			#account-cart .right .product .additional .price{
				float: right;
				color: #e2031a;		
				font-weight: bold;
				font-size: 18px;
			}
			
		#account-cart .right .product.services .icon{
			fill: #014788;
			width: 50px;
    		margin: 0 13px;
		}
		#account-cart .right .product.services .info{
		    height: 35px;
		    vertical-align: middle;
		    line-height: 20px;
			width: 50%;
		}
		#account-cart .right .product.services .price-box{
			padding: 8px 0;
		}
		
		#account-cart .right .total{
			padding: 20px 0;
		}
		
		#account-cart .right .total div:first-child{
			float: left;
			font-size: 18px;
		}
		
		#account-cart .right .total div:last-child{
			float: right;
			font-size: 28px;
			color: #e2031a;
			font-weight: bold;
		}
		
		#account-cart .input.l label{
			//width: calc(53% - 15px);
		} 
		#account-cart .input.l input{
			width: 50%;
			float: right;
		}
		
		#account-cart .checkbox{
			padding: 5px 0;
			color: #504a88;
		}
		
		#account-cart .btns > *{
			margin-top: 20px;
		}
		
		#account-cart .btns.copy{ display: none; }

		#account-cart .right .product.services.table {
			display: table;
    		width: 100%;
			line-height: 32px;
		}

		#account-cart .right .product.services .img.table-cell {
			display: table-cell;
    		float: none;
    		vertical-align: middle;
		}

		#account-cart .right .product.services .f.table-cell {
    		display: table-cell;
    		vertical-align: middle;
    		float: none;
    		height: 30px;
		}

		#account-cart .right .product.services .f.table-cell .info {
			margin: 0;
    		height: 28px;
    		vertical-align: middle;
			display: block;
			width: 50%;
			white-space: nowrap;
		}

		#account-cart .right .product.services .f.table-cell .price-box {
			height: 28px;
    		text-align: right;
    		padding: 0;
    		vertical-align: middle;
			display: block;
			width: 50%;
		}
	
	@media (min-width: 671px) and (max-width: 1024px){
		.product-list-header{ display: none;}
		
		#account-cart .right,
		#account-cart .left{
			float: none;
			width: 100%;
			padding: 0;
			display: block;
		    max-width: 670px;
		    margin: auto;
		}
		
		#account-cart .right{ margin-top: 40px; }
		
		#delivery-cart .summary{ margin: 0; }
				#delivery-cart .summary dl{
					float: none;
					width: 100%;
				}
				#delivery-cart .summary h1{ margin-left: 0; }
				#delivery-cart .summary dl{ margin: 0 }
				#delivery-cart .summary dl:last-of-type{
					margin-top: 20px;
				}
					#delivery-cart .summary dl dt{
						float: left;
						width: 50%;
						text-align: left !important;
						font-size: 17px;
						padding: 3px 0;
					}
					#delivery-cart .summary dl dd{
						float: right;
						width: 50%;
						text-align: right;
						padding: 3px 0;
					}
			#delivery-cart .summary{ margin-bottom: 30px; }
	}
		
	@media (max-width: 670px){
		#account-cart .right .product.services .f{
    		float: right;
    		width: 90%;
		}

		#account-cart .right .product .info .title {
			max-width: 200px;
		}
		
		.basket-steps{
			margin: -15px -15px 15px -15px;
			padding-bottom: 0;
		}
			.basket-steps .steps{ padding-top: 0; }
			.basket-steps .steps li{
				width: 90px;
			    padding: 25px 0 0 0;
			}
				.basket-steps .steps li span{ 
					font-size: 12px;
				}
				
				.basket-steps .steps .divider{
					width: 10px;
				    height: 80px;
				    font-size: 7px;
				}
				.basket-steps .steps *:not(.divider) .icon{
					width: 25px;
					height: 25px;
				    left: 50%;
				    transform: translate(-50%, 0);
				    -webkit-transform: translate(-50%, 0);
				}
		
		.product-list-header{ display: none; }
		
		.product-box.basket{
			border: 0;
			position: relative;
			padding-bottom: 0;
		}
			.product-box.basket:after{
				display: block;
				content: "";
				margin: 0 -15px;
    			width: calc(100% + 30px);
				height: 2px;
				background-color: #eee;
				position: absolute;
				left: 0;
				bottom: 0;
			}
			.product-box.basket .top{
				position: relative;
			}
				.product-box.basket .top > div:nth-child(2){
					width: calc(100% - 85px);
				}
				
				.product-box.basket .top > div{
					position: static;
				}
				
				.product-box.basket .price-box .remove{
					position: absolute;
					right: 0;
					top: 0;
				}
					.product-box.basket .price-box .remove a{
						padding: 5px;
					    display: inline-block;
					    width: auto;
				    	height: inherit;
					}
				
				.product-box.basket .top > div:nth-child(3){
					width: 100%;
					float: none;
					border-top: 1px solid #eee;
				}
				
				.product-box.basket .availability{
					position: static;
				}
				
				.product-box.basket .price-box{ 
					height: 50px; 
					width: 100%;
					display: block;
				    padding: 15px 0;
    				height: auto;
				}
					.product-box.basket .price-box .basic{ display: none; }
					.product-box.basket .price-box .total{ 
						float: right; 
						line-height: 24px;
						text-align: right;
					}
				.product-box.basket .bottom{ padding: 0; }
				
				.product-box.basket .bottom .insurance, .product-box.basket .bottom .warranties{
					margin-top: 0;
				}
				
				.product-box.basket .top > div:nth-child(3){ height: auto; }
				
			.product-box.basket .bottom > *:first-child{
				border-top: 1px solid #eee;
			}
			
			.product-box.basket .bottom > *{ 
				padding: 15px 0 !important; 
				width: 100% !important;
			}
			
			.product-box.basket .bottom > *:last-child{ padding-top: 0 !important; }
			
			#cart .finalPrice{
    			width: 110%;
    			margin-left: -5%;
    			background-color: #f3f3f3;
    			text-align: center;
    			padding: 15px 0;
    			margin-bottom: 30px;
			}
				#cart .finalPrice *{
					display: block !important;
					margin: 0;
				}
				#cart .finalPrice :last-child{
					line-height: 40px;
				}
				
		#delivery-cart .payment-delivery{
			margin: 20px 0 0 0;
		}
		
		#delivery-cart .payment-delivery > *{
			display: block;
			float: none;
			width: 100%;
			margin: 0;
		}
		
		#delivery-cart .payment-delivery:before, #delivery-cart .payment-delivery > *:first-of-type:after{ display: none; }
		
			#delivery-cart h1{
				font-size: 18px;
				margin-bottom: 10px;
			}
			
			#delivery-cart .payment-delivery label{
				padding-bottom: 10px;
				clear: both;
			}
			
			#delivery-cart .payment-delivery > *:last-of-type{
				margin: 20px 0 20px 0;
				border-bottom: 1px solid #eee;
			}
			
			#delivery-cart .summary{ margin: 0; }
				#delivery-cart .summary dl{
					float: none;
					width: 100%;
				}
				#delivery-cart .summary h1{ margin-left: 0; }
				#delivery-cart .summary dl{ margin: 0 }
				#delivery-cart .summary dl:last-of-type{
					margin-top: 20px;
				}
					#delivery-cart .summary dl dt{
						float: left;
						width: 50%;
						text-align: left !important;
						font-size: 17px;
						padding: 3px 0;
					}
					#delivery-cart .summary dl dd{
						float: right;
						width: 50%;
						text-align: right;
						padding: 3px 0;
					}
			#delivery-cart .summary{ margin-bottom: 30px; }

		#delivery-cart .payment-delivery label .choosen-shop a {
			display: block;
			padding-left: 10px;
		}
			
		#account-cart .right,
		#account-cart .left{
			float: none;
			width: 100%;
			padding: 0;
			display: block;
		    margin: auto;
		}
		
		#account-cart .right{ margin-top: 40px; }	
		
		#account-cart .input.label label,
		#account-cart .textarea.label label{
			width: 100%;
		}
		#account-cart .textarea.label textarea,
		#account-cart .input.label input{
			max-width: 100%;
			width: 100%;
		}
		
		#account-cart .right .product{ position: relative; }
		#account-cart .right .product > .price-box{
			position: absolute;
			top: 40px;
			right: 0;
		}
		
		#account-cart .right .product .additional .title{ margin-left: 0; }
		
		#account-cart .btns{ display: none; }
		#account-cart .btns.copy{ display: block !important; }
		
		#account-cart .btns.copy .btn{
			display: inline-block;
	    	width: 49%;
		}
		
		#account-cart .login div{
			display: block;
		}
	}	
	
	/** bannery **/	
	#cart .banner img,
	#delivery-cart .banner img,
	#account-cart .banner img{
		width: 100%;
		max-width: 100%;
		height: auto;
	}
	
	#cart .banner.top,
	#delivery-cart .banner.top,
	#account-cart .banner.top{
		margin-bottom: 20px;
	}
	
	#cart .banner.bottom,
	#delivery-cart .banner.bottom,
	#account-cart .banner.bottom{
		margin-top: 60px;
	}	
		
	#order label {
	    width: 35%;
    	box-sizing: border-box;
		text-overflow: unset;
		overflow: visible!important;
	}

	#order label.checkbox {
		width: auto;
	}

	#order input[type="text"],
	#order textarea,
	#order select {
		width: 65%;
	}

	#order .deliveryTooltip {
		vertical-align: 1px;
	}
	
	#order .required i {
		padding-left: 10px;
	}

	#order .required .with-tooltip:after {
		right: 30px;
	}
	
	.delivery_code_banner {
		display: none;
	}
	
	body.delivery_code_0-selected .delivery_code_banner.delivery_code_0-selected {
		display: block;
	}
	
	body.delivery_code_1-selected .delivery_code_banner.delivery_code_1-selected {
		display: block;
	}
	
	input.promo-code-input {
		width: 350px;
	}
	
	@media (max-width: 540px) {
		input.promo-code-input {
			width: 100%;
			margin-right: 0;
		}
	}
	
	.hcr-description { padding: 3px 0 5px 20px; }
	.hcr-description a { color: #028ac4; text-decoration: underline; }
	#page-container .hcr-description a:hover { text-decoration: none; }


	.basket-agreement-checkbox {
	  text-align: right;
	  position: absolute;
	  right: 33px;
	  margin-top: -66px;
	}	

	@media (min-width: 671px) and (max-width: 1024px) {
		.basket-agreement-checkbox {
			text-align: center;
		  position: static;
		  margin-top: 20px;
		}	
	}
	@media (max-width: 670px) {
		.basket-agreement-checkbox {
			text-align: left;
		  position: static;
		  margin-top: 20px;
		}	
	}

	

	.forgotten-password form{
		max-width: 500px;
		margin: auto;
	}
	
	.forgotten-password .btn{ 
		margin: auto; 
		display: block;
	}

	.compare{}
	
		.compare .table-holder{
			overflow-x: scroll;
		}
		
	.compare .intro p{
		float: left;
	}	
	.compare .intro > a{
		float: right;
		margin: 15px 0 0 0 ;
	}	
	
	@media (min-width: 671px) and (max-width: 1024px){
		.compare .intro p,
		.compare .intro a{
			float: none;
		}
		.compare .intro a{ margin: 0;}
	}	
	@media (max-width: 670px){
		.compare .intro p,
		.compare .intro a{
			float: none;
		}
		.compare .intro a{ margin: 0;}
	}
		
	.compare table th{
		background-color: transparent;
		color: black;
		border-right: 1px solid #f3f3f3;
		border-bottom: 1px solid #f3f3f3;
		padding: 8px;
		height: auto;
		width: 200px;
		text-align: left;
	}

	.compare table th:empty{
		border-bottom: 0;
	}
			
	.compare table td{
		padding: 8px;
		height: auto;
		border-right: 1px solid #f3f3f3;
		border-bottom: 1px solid #f3f3f3;
		text-align: center;
		position: relative;
		min-width: 200px;
	}
			
	.compare table tr:nth-child(2n+1):not(:first-child) th,
	.compare table tr:nth-child(2n+1):not(:first-child) td {
		background-color: rgba(243, 243, 243, 0.45);
	}
			
	.compare table tfoot td{
		border-bottom: 0;
		padding: 15px;
	}
			
	.compare .price{
		color: #e2031a;
		font-weight: bold;
		font-size: 20px;
		padding: 15px;
	}
			
	.compare .name{
		padding: 15px;
	}
			
	.compare table p { margin-bottom: 0; }
			
	.compare .remove{
		position: absolute;
		top: 10px;
		right: 10px;
	}
			
	.compare .remove .icon{
		fill: #80c4e1 !important;
		width: 22px;
		height: 22px;
	}
	
	.compare table .short{
		displaY: none !important;
	}


	
	.family-card {

	}
	
		.family-card-disclaimer p {
			font-size: 12px;
		    line-height: 1.2;
		}

		.family-card img {
			margin: 20px auto;
			display: block;
		}
	
		.family-card button[type="submit"] {
		    margin: 20px auto 40px;
		    display: block;
		    padding: 9px 26px;
		}
		
		.family-card .cols-2-gap .col {
		    float: left;
			padding: 0 50px 0 0;
			width: calc(50% - 50px);
		    position: relative;
		}

		.family-card input {
		    width: 100%;
    		max-width: 280px;
    		background: #fff;
		}

		.family-card label.checkbox span,
		.family-card label.checkbox span a {
			color: #014588;
		}

		.family-card div.input.label label {
			text-overflow: clip;
			width: 31%;
		}

		.family-card label.checkbox span a:hover {
			text-decoration: none;
		}

	@media (min-width: 671px) and (max-width: 1024px)	{
		.family-card .cols-2-gap div.input.label label,
		.family-card .cols-2-gap div.input.label input  {
			box-sizing: border-box;
		}

		.family-card .cols-2-gap div.input.label label {
			width: 40%;
		}

		.family-card .cols-2-gap div.input.label input {
			width: 60%;
		}

		.family-card .cols-2-gap .col {
		    padding: 0 0 0 5%;
			width: 50%;
		}

		.family-card .cols-2-gap .col:first-child {
			padding: 0;
		}
	}

	@media (max-width: 670px) {
		.family-card .cols-2-gap {
		    display: block;
		}

		.family-card .cols-2-gap .col {
			width: 100%;
			padding: 0;
		}

		.family-card .cols-2-gap div.input.label label {
			width: 100%;
		}

		.family-card .cols-2-gap div.input.label input {
			width: 100%;
			max-width: 100%;
		}
	}


	.services{}
	
	.services h1{
		margin-bottom: 20px;
	}
	
	.services .service{
	    width: 49%;
		display: inline-block;
		margin: 0 0 30px 0;
		vertical-align: top;
	}

	.services .service img{
		display: inline-block;
		width: 70px;
		height: 100%;
		height: 70px !important;
		margin-right: 15px;
		vertical-align: top;
	}
	
	.services .service div {
		display: inline-block; 
		width: calc(100% - 115px);
		padding-right: 20px;
	}
	
	.services .service div h2{
		color: #028ac4;
		font-size: 22px;
	}
	
	.services .service div p{
		line-height: 18px;
		margin-bottom: 5px;
	}
	
	.services .service a{
		text-decoration: none !important;	
		display: block;
		padding: 10px;
	}
	.services .service a:hover{
		background-color: #f7f7f7;
	}
	
	@media (min-width: 671px) and (max-width: 1024px){
		.services .service{
			width: 100%;
		}
		
		.services .service div{
			padding-right: 0 !important;
			width: calc(100% - 90px);
		}
	}
	
	@media (max-width: 670px){
		.services .service{
			width: 100%;
		}
		.services .service div{
			padding-right: 0 !important;
			width: calc(100% - 90px);
		}
	}


	
	.fulltext{}
	
	.fulltext h1{
		margin-bottom: 30px;
	}
	
	.fulltext > h2{
		margin-bottom: 15px;
	}

	.fulltext .article {}
		.fulltext .article > div {
			margin-bottom: 20px;
		}

		.fulltext .article h4 {
			color: #028AC4;
		}

		.fulltext .article p {
			margin: 0;
		}

		.fulltext .article a {
		    font-size: 12px;
		    color: #028AC4;
		}

		.fulltext .article strong {
		    color: #e2031a;
		}
	


	.installment {}

		.installment-article {
			margin-top: 30px;
		}

		.installment .cols-2 .col {
			box-sizing: border-box;
			padding-left: 15px;
		}

		.installment .cols-2 .col:first-child {
			padding-left: 0;
			padding-right: 15px;
		}

		.installment form .btn {
			margin-top: 30px;
			margin-right: 15px;
		}
		
		.installment table {
			margin-bottom: 15px;
		}

			.compare{}
	
		.installment .table-holder{
			overflow-x: scroll;
		}
		
	.installment table th{
		background-color: transparent;
		color: black;
		border-right: 1px solid #f3f3f3;
		border-bottom: 1px solid #f3f3f3;
		padding: 8px;
		height: auto;
		width: 200px;
		text-align: left;
	}

	.installment table th:empty{
		border-bottom: 0;
	}
			
	.installment table td{
		padding: 8px;
		height: auto;
		border-right: 1px solid #f3f3f3;
		border-bottom: 1px solid #f3f3f3;
		text-align: center;
		position: relative;
		min-width: 200px;
	}
			
	.installment table tr:nth-child(2n):not(:first-child) th,
	.installment table tr:nth-child(2n):not(:first-child) td {
		background-color: rgba(243, 243, 243, 0.45);
	}
			
	.installment table tfoot td{
		border-bottom: 0;
		padding: 15px;
	}
			
	.installment .price{
		color: #e2031a;
		font-weight: bold;
		font-size: 20px;
		/* padding: 15px; tohle se aplikuje i na cenu v detailu produktu PLAN-353*/
	}
			
	.installment .name{
		padding: 15px;
	}
			
	.installment table p { margin-bottom: 0; }
			
	.installment .remove{
		position: absolute;
		top: 10px;
		right: 10px;
	}
			
	.installment .remove .icon{
		fill: #80c4e1 !important;
		width: 22px;
		height: 22px;
	}

	@media (max-width: 670px){
		.installment .cols-2 {
			display: inline;		
		}	
				
		.installment .col {
	    width: 100%;
	    display: inline-block;
	    padding-right: 0;
		}
		
		.installment .col:last-child {
			padding-left: 0;
			margin-top: 2rem;
		}
	}
	
	.barem-banner {
		background-color: #014588;
		color: #fff;			
		padding: 10px;
	}
	
	.barem-banner h3 {
		color: #fff;
	}
	
	.barem-banner p {
		margin-bottom: 0;
	}


.videogallery .video-thumb {
	padding: 15px;
    height: 158px;
    display: table-cell;
    vertical-align: middle;
}

.videogallery hr {
    margin: 25px 0;
}

.videogallery .video-thumb img {
	display: block;
	width: 100%;
	height: auto;
}

.videogallery .video-caption p {
	text-align: center;
	font-weight: 700;
    color: #014588;
}

 
	.article-content img {
		max-width: 47%;
		margin-bottom: 20px;
		width: auto;
		height: auto;
	}

	.article-content .fullpage-img {
	    max-width: 100%;
	    clear: both;
	}

	.article-content .little-img {
		width: auto;
	}
	
	.articles-next {
		clear: both;
		padding-top: 2rem;
	}

	@media screen and (max-width: 768px) {
		.article-content img {
			width: 35%;
			max-width: initial;
			height: auto;
		}
		.article-content .fullpage-img {
		    max-width: 100%;
		    width: auto;
		}
		
		.articles-next--title {
			text-align: center;
		}
	}


.discount-sticker {
		width: calc(100% + 20px); /* 10px po každej strane */
		position: relative;
		left: -10px;
		background-color: #fcd21a;
}

.discount-sticker.is-large {
		width: calc(100% + 80px); /* 10px po každej strane */
		left: -40px;
		margin-top: 20px;
}

.discount-sticker.is-simple {
		width: 100%;
		left: 0;
		margin-top: 20px;
}

.discount-sticker:before {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		bottom: -10px;
		width: 0;
		height: 0;
		border-left: 10px solid #fff;
		border-left: 10px solid transparent;
  	border-top: 10px solid #d3a903;
}

.discount-sticker.is-simple:before {
		display: none;
}

.discount-sticker:after {
		content: '';
		display: block;
		position: absolute;
		right: 0;
		bottom: -10px;
		width: 0;
		height: 0;
		border-right: 10px solid #fff;
		border-right: 10px solid transparent;
  	border-top: 10px solid #d3a903;
}

.discount-sticker.is-simple:after {
		display: none;
}

.discount-sticker p {
		margin-bottom: 0;
		padding: 0 35px;
		line-height: 30px;
		text-transform: uppercase;
		font-weight: 700;
		color: #576977;
}

.discount-sticker p span#discount-time {
		text-transform: lowercase;
}

.discount-sticker.is-simple p,
.discount-sticker.is-simple.is-large p {
		padding: 0 20px;
}

.discount-sticker.is-large p {
		padding: 0 40px;
}

.discount-sticker .discount {
		color: #e2031a
}

#product-detail .discount-sticker + .price-box {
		padding-top: 20px;
}


/*
*
* Responsive
*
*/

@media (max-width: 1024px) {
		.discount-sticker.discount-sticker-catalog {
				width: calc(100% + 50px);
				position: relative;
				left: -25px;
		}
}

@media(max-width: 850px) {
	.discount-sticker.is-small p {
		padding: 4px 0;
	}
	
	.discount-sticker.is-small p {
		line-height: 1.5;
	}
	
	.discount-sticker.is-small span {
		width: 100%;
		display: block;
		text-align: center;
	}
	
	.discount-sticker.is-small span.discount-time-description,
	.discount-sticker.is-small span#discount-time {
			display: inline;
	}
}

@media (max-width: 670px) {
	.discount-sticker.no-responsive {
			display: none !important;
	}
	
	.discount-sticker.is-small {
			width: calc(100% + 30px); /* 15px po každej strane */
			left: -15px;
			right: 0;
	}
	
	.discount-sticker.is-large {
			margin-bottom: 20px;
	}
	
	.discount-sticker.is-small span {
			width: auto;
			display: inline-block;
	}
	
	.discount-sticker.is-small p {
			padding: 0 15px;
			line-height: 30px;
	}
	
	.discount-sticker.is-simple.is-large p {
			line-height: 1.5;			
			padding: 10px 15px;
	}
	
	.discount-sticker.discount-sticker-catalog {
				width: calc(100% + 30px);
				left: -15px;
		}
}		

@media (max-width: 450px) {
	.discount-sticker.is-small .discount-info {
			text-align: center;
	}
	
	.discount-sticker.is-small .discount,
	.discount-sticker.is-small .discount-time-description {
			width: 100%;
	}
	
	.discount-sticker.is-small .discount-time-description.pull-right {
			float: none;
	}
}



#product-detail .action-banner {
		display: flex;
		align-items: center;
		width: 100%;
		min-height: 6.25rem; /* 100px */
		background-color: #014588;
}

#product-detail .action-banner p {
		display: inline-block;
		width: 100%;
		margin-bottom: 0;
		font-size: 1.5625rem; /* 25px */
		color: #fff;
		line-height: 1.3;
		padding: 1rem;
}

#product-detail .action-banner a {
		color: #fff;
}

@media (min-width: 671px) and (max-width: 1024px) {
		#product-detail .action-banner {
				min-height: 4.375rem; /* 70px */
		}
		
		#product-detail .action-banner p {
				font-size: 1.375rem; /* 22 px */
		}
}

@media (max-width: 670px) {
		#product-detail .action-banner {
				min-height: auto;
		}
		
		#product-detail .action-banner p {
				font-size: 1rem; /* 16 px */
		}
}



/* CSS for marketing icons */
.stamp-icon {
    position: absolute;
    bottom: 0;
    right: 0;
	z-index: 2;
}

/* CSS for stamp without price */
.stamp-info {
    position: absolute;
    top: 27%;
    width: 6.25rem; /* 100px */
    text-align: center;
    color: #fff;
}

/* CSS for stamp without price */
.no-price .stamp-info {
    top: 39%;
}

.stamp-info p {
    margin: 0;
}

.stamp-info .stamp-text {
    font-size: .75rem; /* 12px */
    font-weight: 700;
}

/* CSS for stamp without price */
.no-price .stamp-info .stamp-text {
    font-size: 13px;
    font-weight: 700;
}

.stamp-info .stamp-text:after {
    display: inline-block;
    width: 70%;
    height: 1px;
    position: absolute;
    top: 1.375rem; /* 22px */
    left: calc(50% - 35%); /* - Half of width, center */
    content: '';
    background-color: #fff;
}

/* CSS for stamp without price */
.no-price .stamp-info .stamp-text:before {
    display: inline-block;
    width: 70%;
    height: 1px;
    position: absolute;
    top: -0.375rem; /* -6px */
    left: calc(50% - 35%); /* - Half of width, center */
    content: '';
    background-color: #fff;
}

/* CSS for stamp without price */
.no-price .stamp-info .stamp-text:after {
    display: inline-block;
    width: 70%;
    height: 1px;
    position: absolute;
    top: 1.5rem; /* 24px */
    left: calc(50% - 35%); /* - Half of width, center */
    content: '';
    background-color: #fff;
}

.stamp-info .stamp-price {
    font-size: 1.1rem; /* 17.6px */
    font-weight: 700;
    margin-top: .525rem; /* 9px */
}

/* CSS for CUSTOM stamp -> custom img */
#product-detail .img #detail .custom-stamp img {
		max-width: 100px;
		max-height: 100px;
}

/* Icon with link */
#product-detail .img #detail a.marketing-icon-link,
.product-box.large .image a.marketing-icon-link {
		position: absolute;
		right: 0;
		bottom: 0;
		z-index: 2;
		width: 6.25rem; /* 100px */
		height: 6.25rem; /* 100px */
}

/* Product box in catalog */
.product-box.normal .image .custom-stamp img,
.product-box.large .image .custom-stamp img {
		max-width: 100px;
		max-height: 100px;
}


/* Carousel on HP */
.main-carousel .slide.slick-slide {
		position: relative;
}

.main-carousel .stamp-icon {
		right: 1.25rem; /* 20px */
		bottom: 1.875rem; /* 30px */
}


/* Responsive */
@media (min-width: 671px) and (max-width: 1024px) {
	#product-detail #detail .stamp-icon svg {
			display: inline-block !important;
	}
}

@media (max-width: 670px) {
	.product-box.large .image img	 {
			padding: 0;
	}
	
	/*.product-box.large a.marketing-icon-link,
	.product-box.large .stamp-icon,*/
	.product-box.normal a.marketing-icon-link,
	.product-box.normal .stamp-icon {
		display: none;
	}
	
	.main-carousel a.marketing-icon-link, 
	.main-carousel .stamp-icon {
		display: none;
	}
	
	#product-detail .img #detail a.marketing-icon-link {
		bottom: 50px;
	}
	
	#product-detail .img #detail.no-gallery a.marketing-icon-link {
		bottom: 0;
	}
	
	#detail .stamp-icon {
		bottom: 50px;
	}
	
	#detail a.marketing-icon-link .stamp-icon,
	#detail.no-gallery .stamp-icon,
	#detail.no-gallery a.marketing-icon-link .stamp-icon {
			bottom: 0;
	}
}		 	

/* marketing-icon--mobile */

.marketing-icon--mobile {
  padding: 10px;
  text-align: center;
  max-width: 100%;
  margin-bottom: 10px;
	/*
	position: absolute;
  z-index: 1;
  width: 60%;
  bottom: 100px;
  right: 0;
  margin: 0 5px;
  */
}

#page-container .marketing-icon--mobile a,
#page-container .marketing-icon--mobile-link {
	text-decoration: none;
}

@media screen and (min-width: 671px) {
	.marketing-icon--mobile { display: none; }
}



.barem_perex {
	display: none;
	margin-left: 10px;
	vertical-align: middle
}
				
.active_perex {
	display: inline-block
}

.qtip {
	max-width: 400px
}

.barem-banner { 
	display: none; 
	background-color: #014588;
	color: #fff;
	padding: 10px;
	margin-top: 20px;
}
.barem-banner h3 { 			
	position: relative;
	color: #fff; 
	font-size: 22px;
	font-weight: normal;
	text-transform: uppercase;
	padding-right: 50px;
    align-self: center;
}
	.barem-banner h3:after {
		content: "\00BB";
		position: absolute;
	    right: 15px;
	    font-size: 30px;
	    top: calc(50% - 15px);
    }
	
.barem-banner p {
	margin: 0;
}

.barem-banner-active { display: flex; }



/* Cetelem calc style */
#tdi-cetelem-calc {
	width: 800px !important;
	height: auto !important;
}

#vertical-line {
    width: 1px;
    height: 470px;
    display: inline-block;
    background: #eee;
    position: relative;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

#info-calc {
    position: relative;
    display: block;
}

.cetelemCalc {
	background: white;
}

.cetelemCalc .left-side {
	width: 65%;
	padding: 1rem;
	box-sizing: border-box;
	float: left;
}

.cetelemCalc .right-side {
	width: 34%;
	padding: 1rem;
	box-sizing: border-box;
	float: right;
	font-size: 80%;
	padding-left: 0.4rem;
}

.barem-container {
	display: none;
}

.barem-container .data-holder {
	display: none;
}

.cetelemCalc .active {
	display: block;
}

.cetelemCalc .ui-slider-horizontal:before, .cetelemCalc .ui-slider-horizontal:after {
	height: 14px;
	top: -6px;
}

.cetelemCalc .ui-slider-horizontal:before {
	left: -3px;
}

.cetelemCalc .ui-slider-horizontal:after {
	right: 0;
}
.cetelemCalc .ui-slider-horizontal .ui-slider-handle:last-child {
	margin-left: -9px;
}
.cetelemCalc .ui-slider {
	width: calc(100% - 70px) !important;
	margin: 0 !important;
}

.barem-container .slider {
	box-sizing: border-box;
    padding: 1rem 0 1rem 0;
    display: block;
    height: 60px;
    position: relative;
}

.cetelemCalc .wrap-slider {
	width: 68%;
	float: right;
	position: relative;
}

.cetelemCalc .wrap-slider .span-from {
    position: absolute;
    top: 10px;
    left: -4px;
}

.cetelemCalc .value-indicator {
    width: 45px;
    position: absolute;
    right: 0;
    top: -14px;
    padding: 0.3rem 0.7rem;
    border: 2px solid #81c4e1;
    border-radius: 5px;
    box-sizing: border-box;
    text-align: center;
}

.cetelemCalc .value-indicator-label {
	position: absolute;
    right: 1px;
    top: 20px;
}

.cetelemCalc .wrap-slider .span-to {
    position: absolute;
    right: 66px;
    top: 13px;
}

.cetelemCalc .wrap-slider .wrap-slider.disable,
.cetelemCalc .wrap-slider .installments.disable, 
.cetelemCalc .wrap-slider .installments.disable:after, 
.cetelemCalc .wrap-slider .delay.disable,
.cetelemCalc .wrap-slider .delay.disable:after,
.cetelemCalc .wrap-slider .installments .ui-slider-handle.disable,
.cetelemCalc .wrap-slider .delay .ui-slider-handle.disable {
	background: #eee;
	color: #eee;
}

.cetelemCalc .wrap-slider.disable {
	color: #eee;
}

.cetelemCalc .wrap-slider .value-indicator.disable {
	color: #eee;
	border-color: #eee;
}

.cetelemCalc .direct-payment-spinner {
    box-sizing: border-box;
    padding: 1rem 0 1rem 0;
    display: block;
    height: 60px;
    position: relative;
    margin-bottom: 2rem;
}

.cetelemCalc .direct-payment-spinner .direct-payment-spinner-ui {
	width: 70%;
	float: right;
	position: relative;
    text-align: center;
}

.cetelemCalc .direct-payment-spinner .direct-payment-spinner-ui.disable {
	color: #eee;
}

.cetelemCalc .direct-payment-spinner .direct-payment-spinner-ui .current-value {
    border: 2px solid #81c4e1;
    border-radius: 7px;
    width: 77%;
    height: 25px;
    text-align: center;
    font-size: 0.9rem;
}

.cetelemCalc .direct-payment-spinner .direct-payment-spinner-ui .current-value.disable {
	color: #eee;
}

.cetelemCalc .direct-payment-spinner .direct-payment-spinner-ui .current-value:disabled {
	border-color: #e6e6e6;
}

.cetelemCalc .direct-payment-spinner .spinner-down-trigger, .cetelemCalc .direct-payment-spinner .spinner-up-trigger {
	width: 24px;
    height: 24px;
    background: #81c4e1;
    position: relative;
    display: block;
    border-radius: 50%;
    margin-top: 4px;
}

.cetelemCalc .direct-payment-spinner .spinner-down-trigger:before, .cetelemCalc .direct-payment-spinner .spinner-up-trigger:before {
	content: '';
    width: 14px;
    height: 2px;
    top: 11px;
    left: 5px;
    background: white;
    position: absolute;
}

.cetelemCalc .direct-payment-spinner .spinner-up-trigger:after {
    content: '';
    width: 2px;
    height: 14px;
    background: white;
    left: 11px;
    top: 5px;
    position: absolute;
}

.cetelemCalc .direct-payment-spinner .spinner-down-trigger {
	float: left;
}

.cetelemCalc .direct-payment-spinner .spinner-up-trigger {
	float: right;
}

.cetelemCalc .direct-payment-spinner .spinner-down-trigger.disable, .cetelemCalc .direct-payment-spinner .spinner-up-trigger.disable {
	background: #e6e6e6;
}

.cetelemCalc .direct-payment-spinner .span-from {
    float: left;
    position: absolute;
    left: 11px;
    top: 37px;
}

.cetelemCalc .direct-payment-spinner .span-to {
    float: right;
    position: absolute;
    top: 37px;
    right: 0;
}

.cetelemCalc #barem-type, .cetelemCalc #insurance-list {
	width: 100%;
    height: 30px;
    background: none;
    border: 1px solid #014488;
    font-size: 0.9rem;
    color: #028ac4;
}

.cetelemCalc .barem-type-wrap, .cetelemCalc .insurance-wrap {
    display: inline-block;
    width: 100%;
    position: relative;
}

.cetelemCalc .barem-type-wrap .select-wrap, .insurance-wrap .select-wrap {
	width: 70%;
	float: right;
}

.cetelemCalc #total-price {
    width: 100%;
    display: inline-block;
    position: relative;
    margin-top: 2rem;
}

.cetelemCalc #total-price .result-price {
	width: 50%;
	float: right;
    font-weight: bold;
    color: #DF0D25;
    position: relative;
    text-align: right;
    font-size: 1.3rem;
}

.cetelemCalc .right-side .main-label {
    font-weight: bold;
    color: black;
}

.cetelemCalc .right-side #detail-list, .cetelemCalc .right-side #detail-list-fast {
	margin-left: 0;
}

.cetelemCalc .right-side #detail-list li, .cetelemCalc .right-side #detail-list-fast li {
    background: none;
    padding-left: 0;
    display: inline-block;
    width: 100%;
	line-height: 1.3em;
}

.cetelemCalc .right-side #detail-list li .label, .cetelemCalc .right-side #detail-list-fast li .label {
	width: 60%;
	float: left;
	color: #939393;
    font-weight: bold;
}

.cetelemCalc .right-side #detail-list li .label small, .cetelemCalc .right-side #detail-list-fast li .label small {
    font-weight: normal;
}

.cetelemCalc .right-side #detail-list li .value, .cetelemCalc .right-side #detail-list-fast li .value {
	font-weight: bold;
    color: #275590;
	width: 40%;
	float: right;
	box-sizing: border-box;
	padding-left: 10px;
	text-align: right;
}

.product-price {
    display: inline-block;
    width: 100%;
    margin-top: 53px;
    margin-bottom: 0.5rem;
}

/*
 {
	width: 30%;
    float: left;
    top: 12px;
    position: absolute;
    font-weight: bold;
    color: #275590;
    font-size: 16px;
}
*/

.product-price .label, .cetelemCalc #total-price .label, .product-price .price-label, .cetelemCalc .barem-type-wrap .label, .insurance-wrap .label, .barem-container .label {
    width: 50%;
    float: left;
    font-weight: bold;
    color: #1492c8;
    position: relative;
    text-align: left;
}

.product-price .price-label {
    float: right;
    color: black;
    text-align: right;
    font-size: 1.2rem;
}

.cetelemCalc .barem-type-wrap .label, .insurance-wrap .label, .barem-container .label {
	width: 30%;
	top: 7px;
}

.cetelemCalc .slider .label {
	top: -6px !important;
}


.mobile-toggler-wrap {
	width: 100%;
    display: none;
    text-align: center;
    color: #309CCB;
}

.mobile-toggler-wrap #mobile-toggler {
    font-size: 1rem;
    text-decoration: underline;	
}

.mobile-toggler-wrap #mobile-toggler svg {
	transform: rotate(180deg);		
}

.cetelemCalc .buy-button {
	width: 100%;
	text-align: center;
	margin-top: 3rem;
	display: inline-block;
}

.cetelemCalc .left-side .buy-button.mobile {
	display: none;
}

.cetelemCalc .buy-button strong {
	display: inline-block;
	background: #D00C23;
	color: white;
	border-radius: 5px;
    position: relative;
    padding: 0.5rem 2rem 0.5rem 1rem;
    cursor: pointer;
}

.cetelemCalc .buy-button strong span {
	position: absolute;
    top: 10px;
    right: 10px;
}

#tdi-cetelem-calc-contents .ui-slider-horizontal .ui-slider-range {
	background: #06488A;
}

.select-wrap select, .insurance-wrap select {

}

.calc-buy.mobile {
	display: none;
}

@media (min-width: 671px) and (max-width: 1024px){ 
	#tdi-cetelem-calc {
		width: 	auto !important;
		left: 0 !important;
	}
}

@media (max-width: 670px){ 
	#vertical-line {
		display: none;	
	}	

	.calc-buy.mobile {
		display: inline-block;
	}

	.calc-buy.desktop {
		display: none;
	}

	.cetelemCalc .barem-type-wrap .label, .insurance-wrap .label, .barem-container .label {
		width: 35%;
	}
	
	
	.cetelemCalc .barem-type-wrap .select-wrap, .insurance-wrap .select-wrap, .cetelemCalc .direct-payment-spinner .direct-payment-spinner-ui{
		width: 58%;
	}
	
	.cetelemCalc .wrap-slider {
		width: 55%;
	}
	
	.product-price {
		margin-top: 0.5rem;
	}
	
	#tdi-cetelem-calc {
		width: 	auto !important;
	}
	
	.cetelemCalc .left-side .buy-button.desktop {
		display: none;
	}
	
	.cetelemCalc .left-side .buy-button.mobile {
		display: block;
	}
	
	.mobile-toggler-wrap {
		display: inline-block;
		margin-top: 1rem;
	}
	
	.cetelemCalc .left-side {
		width: 100%;
	}
	
	.cetelemCalc .right-side {
		width: 100%;
		float: left;
		padding: 1.1rem;
		display: none;
	}
	
	.cetelemCalc .barem-wrapper .direct-payment-spinner-ui .current-value {
		width: 55% !important;
	}
}

.delivery_code_0-selected .pl-installment-save,
.delivery_code_1-selected .pl-installment-save,
.delivery_code_2-selected .pl-installment-save
{ display: none; }



#tdi-cetelem-calc-contents .message {
	box-sizing: border-box;
    display: block;
    position: relative;
    height: 60px;
    padding: 10px 60px;
    background: #01509f;
    
}

#tdi-cetelem-calc-contents .message h2 {
	text-align: center;
    color: white;
    padding: 10px 0;
}

#tdi-cetelem-calc-contents .installment {
	padding: 20px;
}

#tdi-cetelem-calc-contents span#buttonSubmit {
	display: inline-block;
    border: 0;
    border-radius: 5px;
    padding: 9px 10px 9px;
    font-size: 14px !important;
    background: #d2001b;
    color: white;
    cursor: pointer;
}

#tdi-cetelem-calc-contents #right-data-side .loader { 
	text-align: center;
    top: 50%;
    position: relative;
    margin-top: -25px;
}

#tdi-cetelem-calc-contents .installment-article {
	padding: 20px;
}

@media (min-width: 671px) and (max-width: 1024px){ 
	#tdi-cetelem-calc {
		width: 100% !important;	
	}
}

@media (max-width: 670px){ 
	#tdi-cetelem-calc {
		width: 100% !important;	
	}
	
	#tdi-cetelem-calc-contents .installment .cols-2 {
		display: block;
		width: 100%;
	}
	
	#tdi-cetelem-calc-contents .installment .cols-2 .col {
		width: 100%;
		padding-right: 0;
	}
	
	#tdi-cetelem-calc-contents .installment .cols-2 #right-data-side {
		padding-left: 0;	
	}
	
	#tdi-cetelem-calc-contents .installment table {
		margin-bottom: 0;
		margin-top: 3rem;
	}

	#tdi-cetelem-calc-contents .installment .cols-2 #right-data-side .loader {
		margin-top: 3rem;
	}
}


.q-widget {
	max-width: 141px;
}
/*
.payment-delivery input[value="QUA"] + span i {
	right: -170px !important;
}
*/

.payment-delivery input[value="QUA"] + span .q-widget {
	float: right;	
	margin-left: 6px;
	position: absolute;
	top: -6px;
	left: 166px;
}

.q-widget iframe {
	max-height: 30px;
}

@media (max-width: 940px) {
	.payment-delivery input[value="QUA"] + span i {
		right: -25px !important;
	}

	.payment-delivery input[value="QUA"] + span .q-widget {
		float: 		none;	
		margin-left: 0;
		position: static;
		top: 0;
		left: 0;
	}
}


/*******************************************
  SHAME CSS
********************************************/

#page-container .links-light a {
  color: #028ac4;
}

@media only screen and (max-width: 500px) {
	.link-track-your-order {
		margin: 10px 0;
	}
}