@charset "UTF-8";
@media print{       
	@page{size: portrait; margin:1.5cm .5cm}
	*{border-color:#000!important;background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important; max-width: 100% !important}
	html{font-size:9.75pt;color:#000 !important}
	body{margin:16px}
	p,h2,h3{orphans:3;widows:3}
	h1,h2,h3{page-break-after:avoid}
	pre,blockquote{page-break-inside:avoid}
	thead{display:table-header-group}
	tr,img{page-break-inside:avoid}
	abbr,acronym{border-bottom-width:thin}
	img{max-width:100%!important}
	hr{background-color:transparent;background-image:none;filter:none;border-width:thin}
	hr:before{display:none}table[border]{border-width:thin}
	table[border] td,table[border] th{border-width:thin}table[border=""],table[border="0"]{border-width:0}
	table[border=""] td,table[border="0"] td,table[border=""] th,table[border="0"] th{border-width:0}
	table{page-break-inside: avoid}
	a{text-decoration: none}
	.page-main{margin: 0px !important; padding: 0 !important;color:#000 !important;}
	.wrap{color:#000 !important;}
	.no-print, .page-head-left, .action-bar, .page-foot, .administration-bar, button, .button, .categories, .slider, .sorty-by, .filter-toggle, .filter-wrap, .custom-select, .custom-radio, .custom-checkbox, .btn, input, .sidebar-mobile, .sidebar, #cookies, input, .categories, nav, .pagination, .filter-wrap, .detail-tabs .bookmarks{display: none !important}
	.logo{width: 100%; display: block; text-align: center}
	.detail-tabs .bookmarks div.active{display: block !important}
	.print-col-1-1{display: block; width: 100%}
	.print-col-1-2{width: 50%}
	.print-col-1-3{width: 33%}
	.print-col-1-4{width: 25%}
	.breadcrumb li{display: inline-block}
	.breadcrumb li::after{content: ' >'}
	.breadcrumb li:last-child::after{display: none;}
	.offer{display: flex; width: 100%; flex-direction: row; flex-wrap: wrap; margin: 16px 0}
	.offer .item{display: flex; width: 25%; flex-basis: 25%; max-width: 25%; padding: 8px 8px 24px}
	.offer .icon{display: none}
	.offer .content{background: var(--white); flex-grow: 1; padding: 24px 24px 16px}
	.offer .header{color: var(--red); font-size: 22px; line-height: 1.2em; font-weight: 500;}
	.offer li{list-style: circle; margin: 0; padding: 0}
	.offer li::before{display: none}
	.news{display: flex; width: 100%; flex-direction: row; flex-wrap: wrap; margin: 16px 0}
	.news .item{display: flex; flex-direction: column; width: 25%; flex-basis: 25%; max-width: 25%; padding: 8px}
	.news .preview{position: relative; width: 100%;}
	.news .preview .title{bottom: 0; padding: 16px; line-height: 1.4em; color: var(--white); font-weight: 500;}
	.news .preview .date{top: 0; right: 0; padding: 4px 8px; font-size: 13px; background: var(--light-blue); color: var(--white)}
	.news .preview img{display: block; width: 100%; max-width: 100%;}
	.news .perex{padding: 16px; background: var(--white)}
	.references{display: flex; width: 100%; flex-direction: row; flex-wrap: wrap; margin: 16px 0}
	.references .item{display: flex; flex-direction: column; width: 25%; flex-basis: 25%; max-width: 25%; padding: 8px}
	.references .item:nth-child(5n), .references .item:first-child{padding-left: 0px}
	.references .item:nth-child(4n){padding-right: 0px}
	.references a{position: relative; display: block; height: 100%}
	.references img{display: block; width: 100%; min-width: 100%; min-height: 100%}
	.references .title{position: absolute; bottom: 0; left: 0; right: 0; padding: 8px 16px; text-align: center; color: var(--white); font-weight: 500; opacity: 0; -webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;}
	.references a:hover img{opacity: 1}
	.references a:hover .title{opacity: 1}
	.boxes{display: flex; width: 100%; flex-direction: row; flex-wrap: wrap; margin: 16px 0}
	.boxes .item{display: flex; width: 25%; flex-direction: column; flex-basis: 25%; max-width: 25%; padding: 8px 8px 24px}
	.boxes .item:nth-child(5n), .boxes .item:first-child{padding-left: 0px}
	.boxes .item:nth-child(4n){padding-right: 0px}
	.boxes .content{display: flex; background: var(--white); flex-grow: 1; padding: 16px 24px 16px; margin-top: 3px; align-items: center}
	.boxes img{max-width: 100%}
	.boxes .header{display: block; padding: 12px; background: var(--white); color: var(--red); text-align: center; font-size: 22px; font-weight: 500; line-height: 1.2em}
}
