/* Minification failed. Returning unminified contents.
(2160,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2161,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2162,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2163,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2164,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2175,22): run-time error CSS1039: Token not allowed after unary operator: '-fixBackground'
(2180,28): run-time error CSS1039: Token not allowed after unary operator: '-borderColor'
(2186,22): run-time error CSS1039: Token not allowed after unary operator: '-headBackground'
(2187,17): run-time error CSS1039: Token not allowed after unary operator: '-headColor'
(2194,28): run-time error CSS1039: Token not allowed after unary operator: '-borderColor'
(2209,32): run-time error CSS1039: Token not allowed after unary operator: '-borderColor'
(2228,28): run-time error CSS1039: Token not allowed after unary operator: '-borderColor'
(2229,22): run-time error CSS1039: Token not allowed after unary operator: '-expandBackground'
(2244,22): run-time error CSS1039: Token not allowed after unary operator: '-borderColor'
(4201,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4202,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
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, 
font, 
img, 
ins, 
kbd, 
q, 
s, 
samp, 
small, 
strike, 
strong, 
tt, 
var, 
b, 
u, 
i, 
center, 
dl, 
dt, 
dd, 
ol, 
ul, 
li, 
fieldset, 
form, 
label, 
legend, 
table, 
caption, 
tbody, 
tfoot, 
thead, 
tr, 
th, 
td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	list-style-type: none;
	list-style-position: outside;
	text-decoration: none;
}
body {
	font-family: Arial;
    -webkit-text-size-adjust: 100%;
}

/* --------------------------- GENERAL ---------------------------- */
.fs-os
{
	font-family: Arial;
}
/* --------------------------- CUSTOM FONT ---------------------------- */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(/client.stylesheets/woff/OpenSansLight.woff2) format('woff2'), url(/client.stylesheets/woff/OpenSansLight.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(/client.stylesheets/woff/OpenSans.woff2) format('woff2'), url(/client.stylesheets/woff/OpenSans.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/client.stylesheets/woff/OpenSansBold.woff2) format('woff2'), url(/client.stylesheets/woff/OpenSansBold.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(/client.stylesheets/woff/OpenSansLightItalic.woff2) format('woff2'), url(/client.stylesheets/woff/OpenSansLightItalic.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(/client.stylesheets/woff/OpenSansItalic.woff2) format('woff2'), url(/client.stylesheets/woff/OpenSansItalic.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(/client.stylesheets/woff/OpenSansBoldItalic.woff2) format('woff2'), url(/client.stylesheets/woff/OpenSansBoldItalic.woff) format('woff');
  font-display: swap;
}

/* --------------------------- GENERAL ---------------------------- */
.fs-os {
    font-size: 16px;
    line-height: 24px;
    font-family: 'Open Sans'
}
.f_base-11 {
    font-size: 13px;
    line-height: 18px
}
.f_base-12 {
    font-size: 14px;
    line-height: 20px
}
.f_base-12-b {
    font-size: 15px;
    line-height: 22px
}
.f_base-13 {
    font-size: 15px;
    line-height: 21px
}
.f_base-14 {
    font-size: 21px;
    line-height: 28px
}
.f_base-15 {
    font-size: 21px;
    line-height: 29px
}
.f_base-16 {
    font-size: 23px;
    line-height: 31px
}
body {
	background: #a1a1a1;
	color: #000;
}

/* **************** LAYOUT **************** */
.cn-wrp {
    max-width: 560px;
    display: block;
    position: relative;
    margin: 0 auto;
    text-align: left;
    background: #fff;
    width: 100%
}
.data-wrp {
	padding-top: 50px;
	z-index: 1;	
}

body.menu-open #cn-wrp-data,
body.menu-open .ar-hub,
body.menu-open footer {
	display: none
}

.clr {
    display: table;
    clear: both;
    height: 0;
    float: none!important;
    width: 100%!important;
    margin: 0!important
}

.clr:before,.clr:after {
    display: table;
    clear: both;
    height: 0;
    content: ""
}

a,a:active,a:hover {
    color: inherit
}


/* **************** ARTICLES **************** */
section.ar {
    padding: 20px 10px 0
}
.a-list article {
    display: block;
    position: relative
}

.a-list article:before,.a-list article:after {
    display: table;
    clear: both;
    height: 0;
    content: ""
}
.a-list.a-list-big article.main-ar {
    margin: -20px -10px -5px;
}

.a-list article .a-img {
    display: inline-block;
    position: relative;
    width: 38%;
    margin-right: 10px;
    padding-top: 19%;
    overflow: hidden
}

.a-list.a-list-big article:first-of-type .a-img {
    display: block;
    width: 100%;
    margin-right: 0;
    padding-top: 50%
}

.a-list article .a-img:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    border: 1px solid #e1e1e1;
    content: ""
}

.a-list.a-list-b article .a-img:after {
    border-color: #444;
}

.a-list.a-list-big article:first-of-type .a-img:after {
    display: none
}

.a-list article .a-img img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: auto
}

.a-list .a-body {
    	display: inline-block;
    	width: calc(62% - 10px);
    	float: right;
	margin-top: -5px;
}

.a-list.a-list-big article:first-of-type .a-body {
    display: block;
    width: auto;
    float: none;
    padding: 10px;
    background: #171717
}
.a-list.a-list-big article.main-ar .a-body {
    margin: 10px 10px auto;
}
.a-list.a-list-b article:first-of-type .a-body {
    padding: 0 0 10px 0;
}

.a-list .a-body h1,.a-list .a-body h2,.a-list .a-body h4 {
	display: block;
	font-weight: 700;
	color: #000;
	margin-bottom: 5px;
	hyphens: auto;
}
.a-list a .a-body h1:focus,.a-list a .a-body h2:focus,.a-list a .a-body h4:focus,
.a-list a .a-body h1:hover,.a-list a .a-body h2:hover,.a-list a .a-body h4:hover,
.a-list a .a-body h1:active,.a-list a .a-body h2:active,.a-list a .a-body h4:active {
    text-decoration: underline;
}
.a-list-big .a-body h1,.a-list-big .a-body h2,.a-list-b .a-body h2,.a-list-b .a-body h4 {
    color: #fff
}
.a-list .a-body span.a-premium:before,
.a-list .a-body span.a-renew:before {
	margin-bottom: 2px;
}

.a-list .a-body span.a-premium:before {
    display: inline-block;
    margin-right: 5px;
    content: "";
    height: 17px;
    width: 79px;
    background: url(/client.images/icons/ico-premium.svg) center left no-repeat;
    background-size: contain;
    margin-bottom: -4px;
}
span.a-renew:before {
    display: inline-block;
    content: "OŽIVENO";
    padding-left: 5px;
    padding-right: 5px;
    color: #fff;
    font-weight: 700;
    background: #d00000;
    margin-right: 5px
}
.a-list .a-body span.overlayer {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    color: #fff;
    font-weight: 700;
    background: #d00000;
    margin-right: 5px;
	text-transform:uppercase;
	padding-top: 1px;
}

.a-list .a-body .a-date,.a-list .a-body .a-author {
    color: #a1a1a1;
    margin-right: 5px;
    line-height: 24px;
}

.a-list .a-body .a-date + .a-author:before {
    color: #a1a1a1;
    content: "|";
    margin-right: 3px;
    margin-left: -3px;
}

.a-list .a-body .a-forum {
    position: relative;
    background: #d00000;
    border-radius: 2px;
    vertical-align: middle!important;
    padding: 0 6px 0px 5px;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    margin-top: -3px;
    font-size: 80%;
    margin-left: 1px;
    margin-right: 5px;
}

.a-list .a-body .a-forum:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border: 3px solid transparent;
    border-top-color: #d00000;
    border-bottom: 0;
    margin-left: -3px;
    margin-bottom: -3px
}
.a-list .a-sep,
#nextArticles .a-list:before {
    display: block;
    clear: both;
    height: .5px;
    background: #E1E1E1;
    margin-top: 6px;
    margin-bottom: 12px;
    overflow: hidden
}
#nextArticles .a-list:before {
	content: "";
}
.a-list .a-foot + .a-sep {
    margin-top: -12px;
}
.a-list.a-list-b .a-sep {
    background: #444;
}
.a-list .a-sep:before,.a-list .a-sep:after {
    display: table;
    clear: both;
    height: 0;
    content: ""
}
.a-list.a-list-big .a-foot {
	display: block;
	clear: both;
	margin-bottom: 20px;
}

.a-list.a-list-big .a-head {
    display: block;
    clear: both;
    height: 19px
}

section.ar .a-list.a-list-big:first-of-type .a-head {
    display: none
}

section.ar .btn {
    text-align: center;
    margin-bottom: 40px
}

section.ar .btn:before {
    display: table;
    clear: both;
    height: 0;
    content: "";
    margin-bottom: 20px
}

section.ar .btn a {
	background: #d00000;
	color: #fff!important;
	font-weight: 700;
	padding: 10px 25px;
	text-decoration: none!important;
}

section.ar .art-pgr {
    text-align: center
}

section.ar .art-pgr table,section.ar .art-pgr td {
    width: 100%
}

section.ar .art-pgr td:empty {
    display: none
}

section.ar .art-pgr .btn {
    display: inline-block;
}
section.ar .art-pgr .btn.disabled {
    visibility: hidden
}

section.ar .art-pgr .btn-curr a {
    color: #fff!important;
    margin-left: 6px;
    margin-right: 6px;
}

section.ar .art-pgr .btn-prev a,
section.ar .art-pgr .btn-next a {
    padding: 9px 15px 9px 15px;
}

section.ar .art-pgr .btn-prev a,section.ar .art-pgr .btn-next a {
    height: 23px;
    display: inline-block;
    background-image: url(/client.images/icons/ico-image-next.png);
    background-repeat: no-repeat;
    background-position: center center;
}

section.ar .art-pgr .btn-prev a {
    background-image: url(/client.images/icons/ico-image-prev.png)
}

section.ar-promo {
    	padding: 0 0 20px;
	margin: 0 10px;
}
section.ar > section.ar-promo {
	margin: 0 0;
}
section.ar-promo > section.ar-promo {
    	padding: 0;
}
section.ar-promo>div {
    padding: 20px 10px;
    background: #f5f5f5;
}


/* **************** BOX HEADERS **************** */
section h3.b-head {
    color: #d00000;
    padding-top: 7px;
    margin-bottom: 10px;
    position: relative;
}
section .a-list-b h3.b-head {
    margin-bottom: 20px;
}
section h3.b-head a {
    color: #d00000;
}
section .a-list-b h3.b-head,
section .a-list-b h3.b-head a,
section .a-list-r h3.b-head,
section .a-list-r h3.b-head a {
    color: #fff!important;
}
section h3.b-head:before {
    content: "";
    background: url(/client.images/header-red.svg) no-repeat;
    background-size: contain;
    width: 28px;
    height: 8px;
    display: inline-block;
    top: 0;
    left: 0;
    position: absolute;
}
section .a-list-b h3.b-head:before,
section .a-list-r h3.b-head:before {
    background-image: url(/client.images/header-white.svg);
}


/* ****************** BOXES ****************** */
section.ar .a-list-b {
	margin: 14px -10px 20px;
	background: #171717;
	padding: 20px 10px 16px 10px;
}
section.ar .a-list-b-top:first-of-type {
	margin-top: -20px;
}
section.ar .a-list-r {
	padding: 20px 10px 10px 10px;
	margin: 20px -10px 20px;
	background-image: url(/client.images/box-red.svg);
	background-size: cover;
}

section.ar .a-list-r a {
	background: #fff;
	display: inline-block;
	margin-right: 10px;
	color: #000;
	padding: 6px 8px;
	margin-bottom: 10px;
	font-weight: 700;
	float: left;
}

/* **************** CONSULT BOX ********************** */
.m-box-consult {
	padding: 20px 10px;
	background: #f5f5f5;
	margin: 14px auto 20px;
}
.m-box-consult ul.thin li {
	margin-top: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #e1e1e1;
}
.m-box-consult ul.thin li:last-child {
	padding-bottom: 9px;
	border-bottom-width: 0px;
}
.m-box-consult ul.thin li a {
	display: block;
	white-space: nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.m-box-consult ul.thin li span {
	float:right;
	color:#d00000;
	margin-left: 10px;
}
section.ar .m-box-consult .btn {
	margin-bottom: 10px;
}

.m-box-consult h3 a:active,.m-box-consult h3 a:focus,.m-box-consult h3 a:hover,
.m-box-consult li a:active,.m-box-consult li a:focus,.m-box-consult li a:hover {
	text-decoration: underline;
}

/* **************** COMPUTER BOX ********************** */
.computer {
	background-image: linear-gradient(to right, #000428, #004e92)!important;
	padding: 20px 10px;
	margin: 14px auto 20px;
	text-align: center;
}
.computer h3 {
	margin-bottom: 15px;
	display: block;
	text-align: center;
}
.computer h3 > a {
	color: #fff;
	font-weight: bold;
}
.computer .img {
	width: 45%;
	display: block;
	margin: 0px auto 15px;
	border: solid 1px #2f2f2f;
	position: relative;
}
.computer .img img {
	width: 100%;
	height: auto;
}
.computer .tx {
	display: block;
	margin-bottom: -10px;
}
.computer .tx > ul {
	list-style: none;
	color: #fff;
}
.computer .tx > ul li {
	display: block;
	position: relative;
	margin-bottom: 10px;
}
section.ar .computer .btn {
	margin-top: 10px;
	margin-bottom: 10px;
}
section.ar .computer .btn a {
	color: #1e3566!important;
	background: #fff;
}

/* **************** O WEBU BOX ********************** */
section.ar.links {
	padding: 20px 10px;
	background: #f5f5f5;
	margin: 0 10px 20px;
}
.menu-open section.ar.links {
	display:none;
}
section.ar.links h3 {
	margin-bottom: 0px;
}
section.ar.links a {
	font-weight: 700;
}

/* **************** 404 BOX ********************** */
section.ar.links.err404 {
	margin-top: 20px;
}

/* **************** INFO LAYOUT ********************** */
#info-layout{display:block;position:fixed;top:0;right:0;width:30px;height:30px;z-index:20001;}
#info-layout span{display:block;position:absolute;top:0;right:0;width:30px;height:30px;line-height:30px;color:#fff;background:#009900;border:1px solid #fff;text-align:center;z-index:20002;font-weight:800;cursor:pointer;}
#info-layout > div{display:none;position:absolute;top:0;right:0;background:#009900;white-space:nowrap;padding:30px;z-index:20000;cursor:pointer;text-align:left;color:#fff;}
#info-layout.active > div{display:block;}

.info-module{position:relative;}
.info-module .info-module-info{display:block;position:absolute;top:0;left:0;width:30px;height:30px;line-height:30px;color:#fff;border:1px solid #fff;background:#990000;text-align:center;z-index:20002;font-weight:800;cursor:pointer;}
.info-module .info-module-detail{display:none;position:absolute;top:0;left:0;background:#990000;color:#fff;white-space:nowrap;padding:30px;z-index:20001;cursor:pointer;text-align:left;}
.info-module > .active > .info-module-detail{display:block;}
.info-module > .active > .info-module-wrapper{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(255,0,0,.2);z-index:20000;}

/* ***************** ad repeater ******************* */
.cnc_category_ad_position {
    margin: 20px auto;
    display: block;
}
/* ******************* header *********************** */
.head-wrp {
	display: block;
	position: fixed;
	height: 50px;
	text-align: center;
	top: 0;
	left: 0;
	right: 0;
	z-index: 2;	
}
.cn-head {
	display: block;
	position: relative;
	height: 34px;
	padding: 8px 10px;
	text-align: right;
	background: #d00000; /*customize*/
	margin: 0 auto;
	max-width: 560px;
}
.cn-head .logo {
	display: block;
	position: absolute;
	top: 9px;
	left: 10px;
	height: 32px;
	width: 60px; /*customize*/
	background: url(/client.images/logo/zive.svg) no-repeat bottom left;
	background-size: contain;
}
.cn-head .logo span {
	display: none;
}

/* ************** web section header ******************** */
.cn-head .s-title {
	float: left;
	text-transform: uppercase;
	color: #fff;
	font-weight: 700;
	font-size: 16px;
	line-height: 33px;
	margin-left: 66px;
	margin-top: 10px;
}
.cn-head .s-title:before {
	content: "";
	display: inline-block;
	border-left: 1px solid #8d0000;
	padding-left: 7px;
	height: 18px;
	margin-top: 6px;
	float: left;
}

/* ************** user icon ******************** */
.cn-head .user,
.cn-head .user-logged .us-avatar {
	display: inline-block;
	margin-left: 10px;
	margin-top: 4px;
	width: 26px;
	height: 26px;
	background: url(/client.images/icons/ico-user.svg) no-repeat bottom left;
	background-size: cover;
	float: right;
}
.cn-head .user > span {
	display: none;
}

.cn-head .user-logged {
	display: inline-block;
	float: right;
	margin-top: -8px;
	padding: 8px 20px 15px 10px;
	position: relative;
}
.cn-head .user-logged.open {
	background: #8d0000;
}
.cn-head .user-logged .us-avatar {
	margin-left: 0px;
	margin-top: 0px;
	float: left;
	margin-right: 10px;
}
.cn-head .user-logged .us-avatar img {
	width: 26px;
	height: 26px;
	border: 2px solid #fff;
	border-radius: 50%;
	margin-top: 2px;
}
.cn-head .user-logged .us-avatar-empty img {
	width: 30px;
	height: 30px;
	border: 0;
	border-radius: 100%;
}
.cn-head .user-logged .us-nick {
	line-height: 34px;
	color: #fff;
	font-weight: 700;
	display: none;
}
.cn-head .user-logged:after {
	content: "";
	width: 20px;
	display: inline-block;
	background: no-repeat center top url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20690%20690%22%20enable-background%3D%22new%200%200%20690%20690%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22m158%20259.9l186.9%20137%20186.9-137v66l-186.9%20137-186.9-137v-66%22%2F%3E%3C%2Fsvg%3E);
	background-size: cover;
	height: 15px;
	position: absolute;
	right: 3px;
	top: 14px;
}
.cn-head .user-logged.open:after {
	background-position: center bottom;
	transform: rotate(180deg);
}
.cn-head .user-logged + ul {
	display: none;
	position: absolute;
	top: 49px;
	right: 44px;
	background: #8d0000;
	padding: 10px;
	text-align: left;
}
.cn-head .user-logged.open + ul {
	display: block;
}
.cn-head .user-logged.open + ul a {
	display: block;
	color: #fff;
	padding-bottom: 8px;
	margin-bottom: 8px;
	border-bottom: 1px solid #c94040;
}
.cn-head .user-logged.open + ul li:last-of-type a {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom-width: 0;
}


/* ************** menu icon ******************** */
.cn-head .menu {
	display: inline-block;
	margin-left: 10px;
	margin-top: 7px;
	width: 24px;
	height: 19px;
	float: right;
}
body.menu-open .cn-head .menu {
	background: url(/client.images/icons/ico-menu-close.svg) no-repeat center center;
	background-size: contain;
}
.cn-head .menu span {
	display: block;
	height: 3px;
	background: #fff;
}
body.menu-open .cn-head .menu span {
	display: none;
}
.cn-head .menu span:nth-of-type(2) {
	margin-top: 5px;
	margin-bottom: 5px;
}


/* ******************* main menu *********************** */
.main-menu {
	background: #171717;
	padding: 20px 30px;
	display: none;
	color: #fff;
	margin-bottom: 20px;
}
body.menu-open .main-menu {
	display: block;
}
.main-menu a {
	color: #fff;
}
.main-menu .mn-block {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #444;
}
.main-menu .mn-block:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top-width: 0;
}

/* *** soc row *** */
.main-menu .mn-block.soc a {
	width: 35px;
	height: 35px;
	margin-right: 5px;
	display: inline-block;
	background-repeat: no-repeat;
	background-color: transparent;
	background-size: cover;
}
.main-menu .mn-block.soc a.dn-switch {
	background: url(/client.images/icons/ico-dn-switch.png?v=1.0.001) no-repeat 0 0;
	width: 53px;
	height: 27px;
	background-size: auto;
	background-position: top right;
	margin-bottom: 4px;
	margin-left: 15px;
}
.main-menu .mn-block.soc a.facebook {
	background-image: url(/client.images/icons/ico-facebook.svg?v=1.0.000);
}
.main-menu .mn-block.soc a.twitter {
	background-image: url(/client.images/icons/ico-twitter.svg);
}
.main-menu .mn-block.soc a.instagram {
	background-image: url(/client.images/icons/ico-instagram.svg);
}
.main-menu .mn-block.soc a.email {
	background-image: url(/client.images/icons/ico-mail.svg);
}
.main-menu .mn-block.soc a.rss {
	background-image: url(/client.images/icons/ico-rss.svg);
}
.main-menu .mn-block.soc a span {
	display: none;
}

/* *** search *** */
.main-menu .mn-block.search .search-wrp {
    position: relative;
    background: #fff;
    padding: 10px 70px 10px 10px;
    vertical-align: middle;
}
.main-menu .mn-block.search .search-wrp input {
    display: block;
    width: calc(100% - 70px);
    border: 0;
    outline: none;
}
.main-menu .mn-block.search .search-wrp a {
    padding: 12px 25px 9px;
    font-weight: 700;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: #d00000;
    vertical-align: middle;
}

/* *** button row *** */
.main-menu .mn-block.btns a {
	background: #fff;
	display: inline-block;
	margin-right: 7px;
	color: #000;
	padding: 6px 8px;
	margin-bottom: 7px;
	font-weight: 700;
	float: left;
}
.main-menu .mn-block.btns a.premium {
	text-transform: uppercase;
	background: #cca550;
	color: #fff;
	font-size: 130%;
}

/* *** main links *** */
.main-menu .mn-block > ul > li {
	width: 48%;
	margin-right: 2%;
	float: left;
	margin-bottom: 10px;
	display: -webkit-box;
	max-width: 500%;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	display: block;
}
.main-menu .mn-block > ul > li:first-child {
	width: 100%;
	margin-right: 0;
	float: none;
	font-weight: 700;
}

/* *** main links *** */
.main-menu > .btn {
    text-align: center;
    margin-bottom: 20px
}

.main-menu > .btn:before {
    display: table;
    clear: both;
    height: 0;
    content: "";
    margin-bottom: 30px
}

.main-menu > .btn a {
    background: #d00000;
    color: #fff;
    font-weight: 700;
    padding: 10px 25px
}

/* *** hover links *** */
.mn-block.links a:active,.mn-block.links a:hover,.mn-block.links a:focus,
.search-btn:active,.search-btn:hover,.search-btn:focus {
	text-decoration: underline;
}
/* **************** VALIDATORS **************** */
.art-err {
	color: #d00000;
	font-weight: 700;
}

/* **************** BUTTONS **************** */
section.ar .art .btn:before,
.art-tx .btn:before {
    margin-bottom: 12spx;
}

/* **************** SECTION DESCRIPTION **************** */
.art.art-sec-desc {
    padding-bottom: 0px;
    margin-bottom: 22px;
    border-bottom: 1px solid #e1e1e1;
}
.art.art-sec-desc ul li {
	margin-left: 17px;
}
.art.art-sec-desc ul + div.clr {
	height: 10px;
}

/* **************** ARTICLE INFO ROW **************** */
.art .art-info {
    margin-bottom: 20px;
}
.art .art-info .a-date, .art .art-info .a-author {
    color: #a1a1a1;
    margin-right: 5px;
}
.art .art-info .a-date+.a-author:before {
    color: #a1a1a1;
    content: "|";
    margin-right: 5px;
    margin-left: -1px
}
.art .art-info .a-author+.a-author:before {
    color: #a1a1a1;
    content: ",";
    margin-right: 5px;
    margin-left: -4px
}
.art .art-info .a-forum {
    position: relative;
    background: #d00000;
    border-radius: 2px;
    vertical-align: middle!important;
    padding: 0 6px 0 5px;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    margin-top: -3px;
    font-size: 80%;
    margin-left: 8px;
    margin-right: 5px;
}
.art .art-info .a-forum:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border: 3px solid transparent;
    border-top-color: #d00000;
    border-bottom: 0;
    margin-left: -3px;
    margin-bottom: -3px;
}
.art .art-info .a-forum a {
    color: #fff;
    text-decoration: none;
}
.art .art-info .a-pr {
	color: #fff;
	padding: 0 6px 0 5px;
	margin-left: 5px;
	background: #a1a1a1;
}
.art .art-info .a-renew {
	margin-right: 4px;
	font-size: 85%;
}
.art .art-info-bottom {
	margin-bottom: 5px;
}
.art .art-info-bottom > a {
	text-decoration: none;
	color: #171717;
	font-weight: 700;
}
.art .art-info-bottom .a-forum {
	font-size: 70%;
	line-height: 160%;
}
.art .art-info-bottom > a:active,.art .art-info-bottom > a:focus,.art .art-info-bottom > a:hover
{
	text-decoration: underline;
}

/* **************** ARTICLE PEREX **************** */
.art .a-perex {
    font-weight: 700;
}
.art .a-perex ul, .art .a-perex ol {
    margin-left: 0px;
}

/* **************** ARTICLE PEREX IMAGE **************** */
.art .a-perex-img {
	display: block;
	position: relative;
	padding-top: 50%;
	margin-bottom: 20px;
	margin-top: 25px;
}
.art .a-perex-img img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}
.art .a-perex-img .licence {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: -20px;
	font-size: 70%;
	z-index: 2;
	opacity: .5;
	text-align: right;
	padding-right: 5px;
}
.art .a-perex-img .licence a {
	color: #000;
	text-decoration: none;
}
.art .a-perex-img .licence a:hover,
.art .a-perex-img .licence a:active {
	text-decoration: underline;
}

/* **************** MAIN ARTICLE **************** */
.art a {
	color: #d00000;
	text-decoration: underline;
}
.art h1 {
	margin-bottom: 12px;
}
.art h2,
.art h3,
.art h4,
.art h6,
.art p,
.art ul,
.art ol,
.art table,
.art hr,
.art pre {
	margin-bottom: 10px;
}
.art .add-on {
	margin-top: 20px;
	margin-bottom: 20px;
}
.art h2,
.art h3,
.art h4 {
	color: #d00000;
}
.art h2 {
	font-size: 21px;
	line-height: 29px;
	margin-top: 21px;
}
.art h3 {
	font-size: 19px;
	line-height: 26px;
	margin-top: 19px;
}
.art h4 {
	font-size: 17px;
	line-height: 23px;
	margin-top: 17px;
}
.art ul {
	margin-left: 5px;
}
.art ul li {
	list-style-type: none;
	padding-left: 16px;
	position: relative;
    	margin-bottom: 5px;
}
.art ul li:before {
    	content: "";
	position: absolute;
	top: 10px;
	left: 0;
	background: #171717;
	width: 5px;
	height: 5px;
	border-radius: 5px;
}
.art ol {
	margin-left: 21px;
}
.art ol li {
    list-style-type: decimal;
}
.art hr {
	background: #d00000;
	border: 0 none;
	height: 2px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.art h2 + hr {
    margin-top: -5px;
}
.art h6 {
	text-align: center;
	font-size: 14px;
	line-height: 21px;
	margin-top: 20px;
}
.art h6 + h6 {
	/*margin-top: -15px;*/
}
.art h6 img,
.art p img {
	max-width: 100%;
	height: auto;
}

/* **************** ADDOns - article link **************** */
.art .add-on.add-on-ar-link {
	margin: 20px auto 20px;
	padding: 12px 0 5px;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	display: block;
	font-weight: 700;
}
.art .add-on.add-on-ar-link +  .add-on.add-on-ar-link {
	border-top-width: 0px;
	padding-top: 2px;
	margin-top: -11px;
}
.art .add-on.add-on-ar-link .a-img {
	display: inline-block;
	position: relative;
	width: 38%;
	margin-right: 10px;
	padding-top: 19%;
	overflow: hidden;
}
.art .add-on.add-on-ar-link .a-img:after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	border: 1px solid #e1e1e1;
	content: "";
}
.art .add-on.add-on-ar-link .a-img img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
	height: auto;
}
.art .add-on.add-on-ar-link .a-body {
	display: inline-block;
	width: calc(62% - 10px);
	float: right;
	margin-top: -5px;
}
.art .add-on.add-on-ar-link span.a-premium {
	display: block;
	margin-top: 5px;
}
.art .add-on.add-on-ar-link span.a-premium:before {
	display: inline-block;
 	content: "PREMIUM";
	padding-left: 5px;
	padding-right: 5px;
	color: #fff;
	font-weight: 700;
	background: #cca550;
}

/* **************** ADDOns - iframe video - mall tv/youtube **************** */
.art .add-on.cnc-video-wrap,
.art .add-on.mall-tv > div,
.art .add-on.yt-video-wrap > div {
	padding: 56.25% 0 0;
	position: relative;
	width:100%;
	background-color: #e8e8e8;
}
.art .add-on.cnc-video-wrap > div.video-content,
.art .add-on.mall-tv > div > iframe,
.art .yt-video-wrap > div > iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.art .add-on.cnc-video-wrap .spinner {
	display: inline-block;
	width: 80px;
	height: 80px;
	position: absolute;
	top: calc(50% - 40px);
	left: calc(50% - 40px);
	z-index:3;
}
.art .add-on.cnc-video-wrap .spinner:before {
	content: "Video";
	color: #999;
	font-size: 70%;
	text-transform: uppercase;
	position: absolute;
	top: calc(50% - 4px);
	display: block;
	left: 11px;
	right: 0;
	text-align: center;
}
.art .add-on.cnc-video-wrap .spinner:after {
	content: " ";
	display: block;
	width: 64px;
	height: 64px;
	margin: 8px;
	border-radius: 50%;
	border: 6px solid #999;
	border-color: #999 transparent #999 transparent;
	animation: spinner 1.2s linear infinite;
}
.art .add-on.cnc-video-wrap.rendered .spinner {
	display: none;
}

/* **************** ADDOns - html include **************** */
.art .add-on.html-inc {
	text-align: center;
}
.art .add-on.html-inc > iframe,
.art .add-on.html-inc > div > iframe,
.art .add-on.html-inc > twitter-widget {
    margin-left: auto!important;
    margin-right: auto!important;
    margin-top: 0!important;
    margin-bottom: 0!important;
    max-width: 100%!important;
}
.art .add-on.html-inc > iframe[src*="facebook"] {
	max-height: calc(100vw * .725);
}

/* **************** ADDOns - Tweet **************** */
.art .add-on.twitter-inc {
	background-color: #e8e8e8;
	min-height: 250px;
	position: relative;
	display: block;
}

.art .add-on.twitter-inc .spinner {
	display: inline-block;
	width: 80px;
	height: 80px;
	position: absolute;
	top: calc(50% - 40px);
	left: calc(50% - 40px);
}
.art .add-on.twitter-inc .spinner:before {
	content: "Twitter";
	color: #999;
	font-size: 70%;
	text-transform: uppercase;
	position: absolute;
	top: calc(50% - 4px);
	display: block;
	left: 11px;
	right: 0;
	text-align: center;
}
.art .add-on.twitter-inc .spinner:after {
	content: " ";
	display: block;
	width: 64px;
	height: 64px;
	margin: 8px;
	border-radius: 50%;
	border: 6px solid #999;
	border-color: #999 transparent #999 transparent;
	animation: spinner 1.2s linear infinite;
}
.art .add-on.twitter-inc .twitter-tweet-rendered {
	margin-top: 0!important;
	margin-bottom: 0!important;
	background: #fff;
}
body.mode-dark .art .add-on.twitter-inc .twitter-tweet-rendered {
	background: #1a1a1a;
}
.art .add-on.twitter-inc .twitter-tweet-rendered + .spinner {
	display: none!important;
}

/* **************** ADDOns - vykrik **************** */
.art .vykrik {
	font-size: 130%;
	font-style: italic;
	color: #d00000;
	margin: 20px;
	line-height: 29px;
}

/* **************** ADDOns - infobox **************** */
.art .infobox {
	width: 100%!important;
	margin: 20px 0;
}
.art .infobox-data {
	font-size: 95%;
	padding: 20px 10px;
	background: #f5f5f5;
	border-left: 4px solid #d00000;
	text-align: left;
}
.art .infobox-data > *:first-child {
	margin-top: 0;
}
.art .infobox-data > *:last-child {
	margin-bottom: 0;
}

/* **************** ADDOns - specbox **************** */
.art .article-spec-box {
	margin: 20px 0;
	font-size: 95%;
	padding: 20px 10px;
	background: #f5f5f5;
	border-top: 4px solid #d00000;
	text-align: left;
}
.art .article-spec-box > *:first-child {
	margin-top: 0;
}
.art .article-spec-box > *:last-child {
	margin-bottom: 0;
}

/* **************** ADDOns - tips **************** */
.art .tip {
	margin-bottom: 20px;
}
.art .tip .tip-data p::before {
    background: #d00000;
    color: #fff!important;
    font-size: 85%;
    margin-right: 5px;
    padding: 3px 5px 3px 8px;
    border-radius: 5px
}
.art .tip-0 .tip-data p::before {
    content: "POZOR "
}
.art .tip-1 .tip-data p::before {
    content: "DOPORUČUJEME "
}
.art .tip-3 .tip-data p::before {
    content: "TIP "
}
.art .tip-2 .tip-data p::before {
    content: "NEPŘEHLÉDNĚTE "
}
.art .tip-4 .tip-data p::before {
    content: "WEBOVÝ TIP "
}
.art .tip-5 .tip-data p::before {
    content: "TISKOVÁ ZPRÁVA "
}
.art .tip-6 .tip-data p::before {
    content: "VÍCE INFORMACÍ "
}

/* **************** ADDOns - tables **************** */
.art .table-rol {
	overflow-y: scroll;
	margin: 20px 0;
}
.art .table-rol table{
	margin: 0;
}
.art .article-macro-table,
.art .article-macro-table-1,
.art .article-macro-table-2,
.art .article-macro-table-3,
.art .article-macro-table-4,
.art .article-macro-table-sampionat {
	width: 100%!important;
	border-collapse: collapse;
}
.art .article-macro-table tr th,
.art .article-macro-table-1 tr th,
.art .article-macro-table-2 tr th,
.art .article-macro-table-3 tr th,
.art .article-macro-table-4 tr th,
.art .article-macro-table-sampionat tr th {
    background: #d00000;
    color: #fff;
    border: 1px solid #e1e1e1;
    padding: 2px 4px!important;
    text-align: left;
    empty-cells: hide;
}
.art .article-macro-table tr td,
.art .article-macro-table-1 tr td,
.art .article-macro-table-2 tr td,
.art .article-macro-table-3 tr td,
.art .article-macro-table-4 tr td,
.art .article-macro-table-sampionat tr td {
    border: 1px solid #e1e1e1;
    padding: 2px 4px!important
}
.art .article-macro-table tr td,
.art .article-macro-table-3 tr td {
    font-size: 80%!important
}
.art .article-macro-table-4 tr td {
    font-size: 110%!important
}
.art .article-macro-table-2 tr td {
    font-size: 80%!important;
}

.art .article-macro-table-1 tr td {
    font-size: 70%!important;
}

.art .article-macro-table-default tr td {
    font-size: 100%!important;
}


/* **************** ADDOns - code **************** */
.art pre {
	white-space: pre-wrap;
	padding: 20px 10px;
	background: #f5f5f5;
	overflow-y: scroll;
	margin: 20px 0;
	font-size: 14px;
	line-height: 17px;
}
.art code,
.art kbd,
.art pre,
.art samp {
	font-family: courier,monospace,serif;
}


/* **************** ADDOns - inquiry **************** */
.art .infobox-inquiry .vote-wrapper {
	cursor: pointer;
	margin-bottom: 20px;
}
.art .infobox-inquiry .vote-wrapper p {
	margin-bottom: 0px;
}
.art .infobox-inquiry .vote {
	margin-top: 2px;
	font-size: 80%;
}
.art .infobox-inquiry .vote span {
	display: inline-block;
}
.art .infobox-inquiry .vote span.bar {
	background: #d00000;
	margin-right: 5px;
}

/* **************** ADDOns - hce full banner + zbozi **************** */
.art .hce-full {
	margin-bottom: 20px;
}
.art .hce-full > a:first-child {
	float: left;
	margin-right: 20px;
}
.art .hce-full > a:first-child {
	float: left;
	margin-right: 20px;
}
.art .hce-full img {
	margin-top: 4px;
}
.art .hce-full .hce-button {
	display: inline-block;
	margin-top: 7px;
	padding: 2px 10px;
	background: #d00000;
	color: #fff!important;
	text-decoration: none;
	border-radius: 5px;
	font-size: 75%;
	text-transform: uppercase;
	font-weight: 700;
}
.art span.hce_hack {
	display: block;
	margin-bottom: 10px;
}
.art .zbozi span {
	height: 80px;
	width: 90px;
	display: inline-block;
	border: 1px solid #f5f5f5;
	background: #fff;
	text-align: center;
	vertical-align: middle;
}
.art .zbozi span:before {
    content: "";
    position: relative;
    width: 1px;
    height: 80px;
    display: inline-block;
    vertical-align: middle;
}
.art .zbozi img {
	max-height: 70px;
	max-width: 80px;
	margin: auto;
    display: inline-block;
    vertical-align: middle;
}

.hce-with-btn:after {
	display: inline-block;
	margin-left: 10px;
	padding: 2px 10px;
	background: #d00000;
	color: #fff!important;
	text-decoration: none;
	border-radius: 5px;
	font-size: 75%;
	text-transform: uppercase;
	font-weight: bold;
	content: "Porovnat ceny";
	top: -1px;
	position: relative;
}

/* full banner zbozi */
.art .hce-full > div.zbozi-banner-list .item,
.art .hce-full > div.zbozi-banner-list .item-compare {
    	display: block;
    	width: 280px;
    	text-align: center;
    	/*margin-left: calc(50% - 140px);*/
}
.art .hce-full > div.zbozi-banner-list:before {
	margin-top: 18px;
	display:block;
	content: "";
}
.art .hce-full > div.zbozi-banner-list > .hce-click {
	margin-bottom: 20px;
    	display: block;
    	width: 100%;
    	position: relative;
    	padding-top: 50%;
}
.art .hce-full > div.zbozi-banner-list div.item {
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px solid #dcdcdc;
	display: block;
}
.art .hce-full > div.zbozi-banner-list > div.item:first-of-type {
	margin-top: 0px;
	padding-top: 0px;
	border-top: 0px solid #dcdcdc;
}
.art .hce-full > div.zbozi-banner-list div.item-compare {
	margin-top: 15px;
}
.art .hce-full > div.zbozi-banner-list div.item .hce-button {
	text-transform: none;
	margin-top: -1px;
	text-align: center;
	min-width: 130px;
	margin-left: 30px;
	float:right;
}
.art .hce-full > div.zbozi-banner-list div.item img {
	width: 80px;
	height: 25px;
}

.art .hce-full > div.zbozi-banner-list > .hce-click span{
    position: absolute;
    width: auto;
    height: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.art .hce-full > div.zbozi-banner-list > .hce-click span:before {
    height: 100%;
}
.art .hce-full > div.zbozi-banner-list > .hce-click img {
    max-height: 90%;
    max-width: 90%;
}

/* **************** ADDOns - buzzsprout **************** */
.art .add-on.buzzsprout {
	text-align: center;
}
.art .add-on.buzzsprout > div {
    margin: 0 auto;
    max-width: 100%!important;
    height: 200px;
}

/* **************** ADDOns - numbers **************** */
.art strong.malecervene {
	display: inline-block;
	background: #d00000;
	color: #fff;
	padding-left: 4px;
	padding-right: 4px;
	border-radius: 5px;
	line-height: 140%;
}

/* **************** MAIN ARTICLE OVERRIDES **************** */
.art ul.tag-list-main li {
    	list-style-type: none;
}
.art ul.tag-list-main li a {
    	text-decoration: none;
}

/* **************** MAIN ARTICLE FOOTER **************** */
.a-main-foot {
	margin-bottom: 20px;
	margin-top: 20px;
	padding: 10px;
	background: #f5f5f5;
}
.a-foot {
	display: block;
	font-weight: 700;
}
.a-foot a {
	text-decoration: none;
	color: #171717;
	display: block;
	position: relative;
	padding-right: 30px;
}
.a-foot a span {
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.a-foot a:last-of-type:after {
	content: "›";
	display: inline-block;	
	text-align: center;
	line-height: 14px;
	color: #fff;
	background: #d00000;
	width: 20px;
	height: 20px;
	font-weight: 500;
	font-size: 170%;
	margin-left: 10px;
	position: absolute;
	right: 0px;
	bottom: 3px;
}


/* ********************* TEMPLATE SPLITTER *************** */
.article-template-spliter {
    background-color: #e6e6e6;
    display: block;
    height: 50px;
    text-align: center;
    position: relative;
    font-size: 18px;
    overflow: hidden;
    margin-top: 1em!important
}

.article-template-spliter.quick {
    width: 232px;
    margin-left: calc(50% - 116px);
    height: 80px;
    border-radius: 20px
}

.article-template-spliter>span {
    display: none
}

.article-template-spliter.quick>span {
    display: block;
    position: absolute;
    left: 85px;
    width: 62px;
    text-align: center;
    line-height: 80px
}

.article-template-spliter-last {
    margin-bottom: 20px;
}

.article-template-spliter>div {
    display: inline-block;
    height: 50px;
    overflow: hidden;
    text-align: center;
    position: absolute;
    left: 69px;
    right: 69px;
    top: 0;
    bottom: 0
}

.article-template-spliter.quick>div {
    display: none
}

.article-template-spliter div span {
    display: block;
    height: 50px;
    text-align: center
}

.article-template-spliter a {
    display: inline-block;
    width: 46px;
    height: 50px;
    line-height: 50px;
    text-decoration: none;
    color: #000!important;
    font-weight: normal!important;
    font-size: 110%;
    vertical-align: middle;
    overflow: hidden;
    float: left
}

.article-template-spliter.quick a {
    height: 80px;
    line-height: 80px
}

.article-template-spliter a.active {
    color: #fff!important;
    background-color: #d00
}

.article-template-spliter a.arrow {
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #d00;
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50px
}

.article-template-spliter.quick a.arrow {
    width: 80px
}

.article-template-spliter a.arrow-prev {
    left: 0;
    background-image: url("/client.images/icons/ico-image-prev.png")
}

.article-template-spliter a.arrow-next {
    right: 0;
    background-image: url("/client.images/icons/ico-image-next.png")
}

.article-template-spliter.quick a.arrow-prev {
    background-image: url("/client.images/icons/ico-image-prev_big.png")
}

.article-template-spliter.quick a.arrow-next {
    background-image: url("/client.images/icons/ico-image-next_big.png")
}

/* **************** MAIN ARTICLE GALLERY **************** */
.art .box-gallery {
	height: 250px;
	width: 100%;
}
.art .box-gallery .gallery-main-container {
	margin-top: 25px;
}
.art .box-gallery .gallery-main-container .images-container {
	background: #000;
}
.art .box-gallery .gallery-main-container .image-description {
	display: block;
	position: absolute;
	top: -20px;
	font-size: 70%;
	text-align: right;
	color: inherit;
	opacity: .5;
	left: 0;
	right: 0;
	z-index: 2;
	padding: 0;
}
.art .box-gallery .gallery-main-container .image-description a {
	color: #000;
	text-decoration: none;
}
.art .box-gallery .gallery-main-container .image-description a:hover,
.art .box-gallery .gallery-main-container .image-description a:active {
	text-decoration: underline;
}

.art .box-gallery .gallery-main-container .gallery,
.art .box-gallery .gallery-main-container .gallery .btn {
    height: 100%!important
}
.art .article-gallery-container {
    padding: 10px 0;
    margin: 0 0 0;
    background-color: #fff
}
.art .article-gallery-container ul li {
    padding: 0;
}
.art .article-gallery-container ul li:before {
	display: none;
}
.art .article-gallery-container .gallery-items {
    font-size: 12px;
    margin: 0;
    height: 63px;
    overflow: hidden;
    position: relative;
    width: 100%;
    background-color: #fff
}
.art .article-gallery-container .gallery-strip::after,
.art .article-gallery-container gallery-strip::before {
    content: '';
    display: table;
    clear: both
}
.art .article-gallery-container .gallery-items ul {
    margin: 0!important;
    padding: 1px;
    list-style-type: none;
    max-height: 62px;
    position: relative;
    height: 62px;
    transition: 300ms;
    overflow: hidden
}
.art .article-gallery-container .gallery-items ul li {
    display: inline-block;
	margin-left:0;
}
.art .article-gallery-container .gallery-items ul li a {
    display: inline-block;
    height: 58px;
    text-align: center
}
.art .article-gallery-container .gallery-items ul li:last-child {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    padding-top: 13px;
    background-image: linear-gradient(to right,rgba(255,255,255,0) 0,#fff 4em);
    padding-left: 5em
}
.art .article-gallery-container .gallery-items ul li:last-child a {
    padding: 0;
    margin-right: 5px
}
.art .article-gallery-container .gallery-strip a.image {
    display: inline-block;
    float: left;
    margin: 0 10px 0 0;
    border: 1px solid #d8d8d8;
    width: 116px;
    padding: 1px;
    background: #fff
}
.art .article-gallery-container .gallery-strip a.image img {
    height: auto;
    width: auto;
    border: none;
    max-width: 100%;
    max-height: 100%
}
.art .article-gallery-container a.additional-value-container {
    color: #000
}
.art .article-gallery-container a.additional-value-container .additional-value {
    clear: both;
    display: block;
    float: right;
    font-weight: 700;
    font-size: 200%
}
.art .article-gallery-container a.additional-value-container .additional-value strong {
    font-weight: 400;
    font-size: 50%;
}
.art .article-gallery-container a.additional-value-container .additional-description {
    float: right;
    clear: both;
    margin-left: 5px;
    font-weight: 400;
    line-height: 80%;
}
.art .box-gallery .gallery-main-container .gallery .next .image-count {
    display: none!important
}
.art .box-gallery .gallery-main-container .gallery {
    background-color: #e8e8e8;
}

.art .box-gallery .gallery-main-container .gallery .spinner {
  display: inline-block;
  width: 80px;
  height: 80px;
  position: absolute;
  top: calc(50% - 40px);
  left: calc(50% - 40px);
}
.art .box-gallery .gallery-main-container .gallery .spinner:before {
    content: "galerie";
    color: #999;
    font-size: 70%;
    text-transform: uppercase;
    position: absolute;
    top: calc(50% - 4px);
    display: block;
    left: 11px;
    right: 0;
    text-align: center;
}
.art .box-gallery .gallery-main-container .gallery .spinner:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #999;
  border-color: #999 transparent #999 transparent;
  animation: spinner 1.2s linear infinite;
}

.gallery-main-container .image-description a,
.gallery-main-container .image-description a:visited,
.gallery-main-container .image-description a:active,
.gallery-main-container .image-description a:hover {
    color: #aaa
}
.gallery-main-container .image-description .source,
.gallery-main-container .image-description .source a,
.gallery-main-container .image-description .source a:visited,
.gallery-main-container .image-description .source a:active,
.gallery-main-container .image-description .source a:hover {
    color: #777;
    font-size: 12px
}


/* **************** MAIN ARTICLE TAGS **************** */
.a-tags {
	font-size: 90%;
	line-height: 140%;
	display: block; 
	margin-bottom: 20px;
}
.a-tags a {
	text-decoration: none;
	color: #171717;
}

.art .add-on-ar-link .a-body:active,.art .add-on-ar-link .a-body:focus,.art .add-on-ar-link .a-body:hover,
.art .a-foot a:active,.art .a-foot a:focus,.art .a-foot a:hover,
.art .a-tags a:active,.art .a-tags a:focus,.art .a-tags a:hover
{
	text-decoration: underline;
}

/* **************** KEYFRAMES **************** */
@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* *********************** TABLECOL ********************************** */
:root {
	--borderColor: #e8e8e8;
	--expandBackground: #d8d8d8;
	--fixBackground: #f4bebe;
	--headBackground: #dd0000;
	--headColor: #fff;
}
			.art .tex-col-wrapper {
				width: 100%;
				position: relative;
			}
			.art .tex-col-fix {
				position: absolute;
				top: 0;
				left: 0;
				bottom: 0;
				background: var(--fixBackground);
			}

			.art .tex-col-wrapper table {
				border-collapse: collapse;
				border: 1px solid var(--borderColor);
				width: 100%;
				margin-bottom: 0;
			}
			.art .tex-col-wrapper table th {
				font-weight: bold;
				background: var(--headBackground);
				color: var(--headColor);
			}
			.art .tex-col-wrapper table th,
			.art .tex-col-wrapper table td {
				display: none;
				white-space: nowrap;
				padding: 2px 4px;
				border: 1px solid var(--borderColor);
				position: relative;
			}
			.art .tex-col-wrapper table th.tex-col-visible,
			.art .tex-col-wrapper table td.tex-col-visible {
				display: table-cell;
			}
			.art .tex-col-wrapper table .tex-col-header td {
				border-color: transparent;
			}
			.art .tex-col-wrapper table .tex-col-header td.tex-col-expander {
				text-align: right;
			}
			.art .tex-col-wrapper table .tex-col-header td.tex-col-expander:after,
			.art .tex-col-wrapper table .tex-col-header td.tex-col-expanded:after {
				border-top: 1px solid var(--borderColor);
				content: "";
				left: 0;
				right: -1px;
				top: 50%;
				display: block;
				position: absolute;
				height: 0;
			}
			.art .tex-col-wrapper table .tex-col-header td.tex-col-expander:after {
				right: 25px;
			}
			.art .tex-col-wrapper table .tex-col-header td.tex-col-expander span {
				line-height: 12px;
			}
			.art .tex-col-wrapper table .tex-col-header td.tex-col-expander span:after {
				content: "+";
				padding: 3px;
				font-weight: bold;
				border: 1px solid var(--borderColor);
				background: var(--expandBackground);
				display: inline-block;
				cursor: pointer;
				text-align: center;
				width: 12px;
				height: 12px;
			}
			.art .tex-col-wrapper table .tex-col-header td.tex-col-expander:before,
			.art .tex-col-wrapper table .tex-col-header td.tex-col-expander-first:before {
				content: "";
				display: block;
				width: 1px;
				left: 0;
				bottom: 5px;
				top: 50%;
				background: var(--borderColor);
				position: absolute;
			}
			.art .tex-col-wrapper table .tex-col-header td.tex-col-expander.tex-col-expanded:before {
				display:none;
			}
			.art .tex-col-wrapper table .tex-col-header td.tex-col-expander.tex-col-expanded span {
				line-height: 11px;
			}
			.art .tex-col-wrapper table .tex-col-header td.tex-col-expander.tex-col-expanded span:after {
				content:"-";
			}





.recommender_zbozi {
	background: #fff;
	margin: 13px -10px 20px;
	padding: 20px 0 20px!important;
}
.recommender_zbozi .btn {
    margin-bottom: 4px!important;
}
.recommender_zbozi .wrapper {
    	width: 100%;
	overflow-x: scroll;
	position: relative;
}
.recommender_zbozi .wrapper>div {
    	width: 970px;
	display: block;
	position: relative;
}
.zbozi_item {
	display: inline-block;
	padding: 10px 10px 54px;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 126px;
	border: 1px solid #e8e8e8;
	background: #fff;
	position: relative;
}
.zbozi_item a {
 	display: block;
}
.zbozi_item .zbozi_title {
	position: absolute;
	bottom: -1px;
	left: -1px;
	right: -1px;
	height: 37px;
	text-align: center;
	vertical-align: middle;
	background: #e8e8e8;
	padding: 5px 3px;
}
.zbozi_item .zbozi_title b {
    	-webkit-line-clamp: 2;
    	-webkit-box-orient: vertical;
	display: inline-block;
    	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: auto;
}

.zbozi_item .zbozi_img {
	margin-left: 2px;
	margin-right: 2px;
    height: 120px;
    width: 120px;
    display: inline-block;
    background: #fff;
    text-align: center;
    vertical-align: middle;
}
.zbozi_item .zbozi_img:before {
    content: "";
    position: relative;
    width: 1px;
    height: 120px;
    display: inline-block;
    vertical-align: middle;
}
.zbozi_item .zbozi_img img {
    max-height: 118px;
    max-width: 118px;
    margin: auto;
    display: inline-block;
    vertical-align: middle;
}
.zbozi_item .zbozi_price {
    	display: block;
	text-align: center;
	margin-top: 4px;
}
.zbozi_item .zbozi_category {
    display: none;
}

.rec-zbozi-data-consult section {
	background: #fff;
	margin: -20px 0px 10px;
}
.rec-zbozi-data-consult section h3.b-head {
	padding-top:0;
}
.rec-zbozi-data-consult section h3.b-head:before {
	display:none;
}
.rec-zbozi-data-consult .recommender_zbozi .wrapper>div {
    	width: 1300px;
}
.rec-zbozi-data-consult .pager {
	margin-top:13px;
	font-weight: bold;
}
.rec-zbozi-data-consult .pager a {
	color:#dd0000;
	text-decoration: underline;
}
/*

github.com style (c) Vasily Polovnyov <vast@whiteants.net>

*/

.hljs {
  display: block; }

.hljs-comment,
.hljs-template_comment,
.diff .hljs-header,
.hljs-javadoc {
  color: #998;
  font-style: italic
}

.hljs-keyword,
.css .rule .hljs-keyword,
.hljs-winutils,
.javascript .hljs-title,
.nginx .hljs-title,
.hljs-subst,
.hljs-request,
.hljs-status {
  color: #333;
  font-weight: bold
}

.hljs-number,
.hljs-hexcolor,
.ruby .hljs-constant {
  color: #099;
}

.hljs-string,
.hljs-tag .hljs-value,
.hljs-phpdoc,
.tex .hljs-formula {
  color: #d14
}

.hljs-title,
.hljs-id,
.coffeescript .hljs-params,
.scss .hljs-preprocessor {
  color: #900;
  font-weight: bold
}

.javascript .hljs-title,
.lisp .hljs-title,
.clojure .hljs-title,
.hljs-subst {
  font-weight: normal
}

.hljs-class .hljs-title,
.haskell .hljs-type,
.vhdl .hljs-literal,
.tex .hljs-command {
  color: #458;
  font-weight: bold
}

.hljs-tag,
.hljs-tag .hljs-title,
.hljs-rules .hljs-property,
.django .hljs-tag .hljs-keyword {
  color: #000080;
  font-weight: normal
}

.hljs-attribute,
.hljs-variable,
.lisp .hljs-body {
  color: #008080
}

.hljs-regexp {
  color: #009926
}

.hljs-symbol,
.ruby .hljs-symbol .hljs-string,
.lisp .hljs-keyword,
.tex .hljs-special,
.hljs-prompt {
  color: #990073
}

.hljs-built_in,
.lisp .hljs-title,
.clojure .hljs-built_in {
  color: #0086b3
}

.hljs-preprocessor,
.hljs-pragma,
.hljs-pi,
.hljs-doctype,
.hljs-shebang,
.hljs-cdata {
  color: #999;
  font-weight: bold
}

.hljs-deletion {
  background: #fdd
}

.hljs-addition {
  background: #dfd
}

.diff .hljs-change {
  background: #0086b3
}

.hljs-chunk {
  color: #aaa
}

.hljs {
    display: inline-block;
    white-space: pre;
    overflow-x: auto;
    -webkit-text-size-adjust: none;
}
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.2
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}


/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.2
*/

.owl-theme .owl-controls{
	z-index: 1;

	text-align: center;
}

/* Styling Next and Prev buttons */
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(/Client.Images/AjaxLoader.gif) no-repeat center center
}
/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}
.gallery-container {
  position: relative;
}
.gallery-main-container {
  position: relative;
  width: 100%;
  height: 100%;
  margin-top: 20px;
}
.unvisible {
	visibility: hidden;
}
.gallery-main-container .gallery {
  width: 100%;
  height: 91%;
}
.gallery-main-container .gallery .images-container {
  width: 100%;
  height: 100%;
}
    
.gallery-main-container .gallery .images-container .owl-item {
  height: 100%;
}
.gallery-main-container .gallery .images-container .owl-item img {
  max-height: 100%;
  width: auto;
  margin: auto;
  position: absolute;
  left: -100%;
  right: -100%;
  top: 0;
  bottom: 0;
}
.gallery-main-container .gallery .images-container .owl-stage-outer {
  height: 100%;
}
.gallery-main-container .gallery .images-container .owl-stage-outer .owl-stage {
  height: 100%;
}
.gallery-main-container .gallery .images-container .owl-stage-outer .owl-stage .owl-item {
  height: 100%;
}
.gallery-main-container .gallery .btn {
  width: 9%;
  height: 91%;
  background: rgba(0, 0, 0, 0.6); /*rgba(22, 33, 45, 0.6);*/
  display: block;
  position: absolute;
  z-index: 50;
  cursor: pointer;
}
.gallery-main-container .gallery .btn .icon-arrow {
  width: 13px;
  height: 26px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 4%;
  right: 4%;
}                 

.gallery-main-container .gallery .prev {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012.8%2025.6%22%3E%3Cpath%20%20fill%3D%22%23FFFFFF%22%20d%3D%22M0%2C12.8c0-0.2%2C0.1-0.3%2C0.2-0.4l0%2C0L11.7%2C0.2l0%2C0%20C11.8%2C0.1%2C12%2C0%2C12.2%2C0c0.4%2C0%2C0.6%2C0.3%2C0.6%2C0.6c0%2C0.2-0.1%2C0.3-0.2%2C0.4l0%2C0L1.5%2C12.8l11.1%2C11.7l0%2C0c0.1%2C0.1%2C0.2%2C0.3%2C0.2%2C0.4%20c0%2C0.4-0.3%2C0.6-0.6%2C0.6c-0.2%2C0-0.3-0.1-0.5-0.2l0%2C0L0.2%2C13.2l0%2C0C0.1%2C13.1%2C0%2C13%2C0%2C12.8z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 13px;
}

.gallery-main-container .gallery .next {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012.8%2025.6%22%3E%3Cpath%20%20fill%3D%22%23FFFFFF%22%20d%3D%22M12.8%2C12.8c0%2C0.2-0.1%2C0.3-0.2%2C0.4l0%2C0L1.1%2C25.4l0%2C0%20c-0.1%2C0.1-0.3%2C0.2-0.5%2C0.2C0.3%2C25.6%2C0%2C25.3%2C0%2C25c0-0.2%2C0.1-0.3%2C0.2-0.4l0%2C0l11.1-11.7L0.2%2C1.1l0%2C0C0.1%2C1%2C0%2C0.8%2C0%2C0.6%20C0%2C0.3%2C0.3%2C0%2C0.6%2C0C0.8%2C0%2C1%2C0.1%2C1.1%2C0.2l0%2C0l11.5%2C12.2l0%2C0C12.7%2C12.5%2C12.8%2C12.6%2C12.8%2C12.8z%22%2F%3E%3C%2Fsvg%3E');  background-repeat: no-repeat;
  background-position: center center;
  background-size: 13px;
  right: 0;  
}
.gallery-main-container .image-description {
  color: #AAA;
  padding: 20px 0;
  font-family: Arial;
  font-size: 16px;
}
.gallery-main-container .image-description div {
  display: inline-block;
}
.gallery-main-container .image-description .description {
  padding: 0 5px 0 0;
  width: 100%;
  box-sizing: border-box;
}
.gallery-main-container .image-description .author {
  font-style: normal;
  float: left;
  margin-top: 2px;
  font-size: 12px;
}


.gallery-main-container .image-description .author em {
  font-style: normal;
}

/******************************************************************************
GALLERY DETAIL
******************************************************************************/
.gallery-container {
  height: 100%;
}

/* 
 *    Owl Carousel - Animate Plugin
 */
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out;
}

/* 
 *    Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
  /*.fadeOut {
      animation-name: fadeOut;
  }*/
}
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: '.';
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next {
  cursor: hand;
  user-select: none;
}
.owl-carousel .owl-controls .owl-dot {
  cursor: hand;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  backface-visibility: hidden;
  tap-highlight-color: transparent;
  user-select: none;
}
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("/Client.Images/owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  backface-visibility: hidden;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}


.gallery-main-container .image-description a,
.gallery-main-container .image-description a:visited,
.gallery-main-container .image-description a:active,
.gallery-main-container .image-description a:hover {
	color: #aaa;
}

.gallery-main-container .image-description .source,
.gallery-main-container .image-description .source a,
.gallery-main-container .image-description .source a:visited,
.gallery-main-container .image-description .source a:active,
.gallery-main-container .image-description .source a:hover {
	color: #777;
	font-size: 12px;
}
/* ******************* consult *********************** */
section.ar-consult .tbl-list > span {
	padding: 10px;
	display: block;
	position: relative;
}
section.ar-consult .tbl-list > span:nth-of-type(odd) {
	background: #f5f5f5;
}
section.ar-consult .tbl-list > span a {
	display: block;
	color: #000;
	padding-left: 20px;
	position: relative;
}
section.ar-consult .tbl-list > span a:active > span:first-of-type,section.ar-consult .tbl-list > span a:focus > span:first-of-type,section.ar-consult .tbl-list > span a:hover > span:first-of-type
{
	text-decoration: underline;
}
section.ar-consult .tbl-list>span a:before {
	content: "";
	position: absolute;
 	width: 15px;
	height: 15px;
	display: block;
	background: url(/client.images/icons/ico-info.svg);
	left: 0;
	top: 4px;
}
section.ar-consult .tbl-list > span a > span:nth-of-type(2) {
	color: #d00000; /*customize*/
}

/* ******************* answers *********************** */
.content-locked:before {
	float: right;
	margin-bottom: 11px;
	content: url(../client.images/icons/ico-lock.svg);
	display: inline-block;
	width: 25px;
	height: 25px;
}
.f-list {
	margin-bottom: 20px;
}
.f-list p {
	margin-bottom: 10px;
}
#divAnswers .f-list + .art-btn {
	margin-top: 20px;
}
.f-list a {
	color: #d00000;
	text-decoration: underline;
}
.f-list-h {
	padding: 5px 10px;
	background: #f5f5f5;
	margin-bottom: 10px;
	position: relative;
}
.f-list-h .to-el {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.f-list.expanded .f-list-h:before {
	content: "▲";
	float: right;
	color: #a2a2a2;
}
.f-list.collapsed .f-list-h:before {
	content: "▼";
	float: right;
	color: #a2a2a2;
}
.f-list-h p {
	margin-bottom: 0;
}
.f-list-t {
	margin: auto 10px;
}
.f-list-reply-t-h {
    display: none;
}
.f-list-i {
	margin-top: -3px;
	padding: 0 10px;
}
.f-list-u {
	margin: -5px 0 10px;
	padding: 0 10px;
	color: #a2a2a2;
}
.f-list-i + .f-list-u {
	margin-top: 10px;
}
.f-list.expanded {
	margin-bottom: -10px;
}
.f-list.expanded + div > .f-list:first-child .f-list-h {
	display: none;
}

/* ******************* search******************** */
.f-search {
	position: relative;
	background: #fff;
 	padding: 8px 70px 8px 10px;
	vertical-align: middle;
	border: 1px solid #e5e5e5;
	margin-bottom: 20px;
}
.f-search input {
	display: block;
	width: calc(100% - 70px);
	border: 0;
	outline: none;
}
.f-search a {
	padding: 10px 25px 6px;
	font-weight: 700;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	background: #d00000;
	vertical-align: middle;
	color: #fff;
	text-decoration: none;
	margin-bottom: -1px;
	margin-top: -1px;
	margin-right: -1px;
}

/* ******************* form ******************** */
.f-inp-label {
	font-weight: 700;
}
.f-inp-wrp {
	display: block;
	border: 1px solid #a1a1a1;
	padding: 5px 10px;
	background: #f5f5f5;
	margin-bottom: 20px;
	z-index:1;
}
.f-inp-wrp + .art-btn {
	margin-top: 0px;
	margin-bottom: 40px;
}
.f-inp-wrp input, .f-inp-wrp textarea {
	border: none;
	outline: none;
	background-color: #f5f5f5;
	z-index:2;
}
.f-inp-wrp input {
	width: calc(100% - 20px);
}
.f-inp-select select {
	-webkit-appearance: menulist;
	display: block;
	border: 1px solid #a1a1a1;
	padding: 5px 10px;
	background: #f5f5f5;
	margin-bottom: 20px;
	width: 100%;
}
.f-inp-wrp textarea {
	width: 100%;
	height: 250px;
	resize:none;
}

/* ******************* paged answers ******************** */
#bxShowNext > div:first-of-type {
    position: relative;
    margin-bottom: 20px;
    display: block;
    height: 1px
}

#bxShowNext > div:first-of-type:before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 350px;
    background: linear-gradient(to bottom,rgba(255,255,255,0),#fff)
}

/* ******************* sort info ******************** */
#sortInfoWrap {
	position: relative;
}
#sortInfoWrap #sortInfo {
	display: none;
	position: absolute;
	bottom: 30px;
	left: 30px;
	background: #000;
	color: #fff;
	padding: 4px 15px;
	font-size: 90%;
	border-radius: 5px;
	width: 200px;
	/*opacity: .75;*/
}
#sortInfoWrap #sortInfo:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    z-index: 1;
    border-style: solid;
    border-width: 6px 6px 0 0;
    border-color: #000 transparent transparent transparent;
    bottom: -6px;
    left: 10%;
    margin-left: -10px;
}
/* ******************* hub list *********************** */
section.ar-hub {
	padding: 0 10px;
}
section.ar-hub > div  {
	padding: 20px 20px 0;
	background: #f5f5f5;
}
section.ar-hub > div > div {
	display: block;
	width: calc(50% - 10px);
	float: left;
	margin-bottom: 20px;
}
section.ar-hub > div > div.odd {
	margin-right: 10px;
}
section.ar-hub > div > div.even {
	margin-left: 10px;
}

section.ar-hub > div > div .a-img {
	display: block;
	width: 100%;
	padding-top: 75%;
	position: relative;
	margin-bottom: 10px;
	overflow: hidden;
}
section.ar-hub > div > div .a-img img {
	display: block;
	position: absolute;
	width: 100%;
	top: 0px; left: 0px; right: 0px; bottom: 0px;
}
section.ar-hub > div > div .a-title {
	display: block;
	font-weight: 700;
	color: #000;
	margin-top: 5px;
	display: -webkit-box;
	max-width: 100%;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}


/* ***************** CNC FOOTER ********************** */
#footer-global {
	box-sizing: border-box;
	width: 100%;
	padding: 0 24px 32px;
	background: #fff;
	clear: both;
	text-align: left
}

#footer-global a {
	cursor: pointer
}

#footer-global a:hover {
	text-decoration: underline
}

#footer-global .footer-version-switcher {
	font: normal normal 13px/17px "Open Sans";
	font-weight: 700;
}

#footer-global .footer-version-switcher>a {
	display: block;
	width: 50%;
	box-sizing: border-box;
	float: left;
	color: #8b8b8b;
	text-decoration: none
}

#footer-global .footer-version-switcher>a:hover {
	text-decoration: underline
}

#footer-global .footer-version-switcher>a#verDesktop {
	text-align: right;
	padding-right: 22px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-right: 1px solid #8b8b8b
}

#footer-global .footer-version-switcher>a#verMobile {
	text-align: left;
	padding-left: 22px;
	padding-top: 10px;
	padding-bottom: 10px
}

#footer-global .footer-version-switcher>a .switcher--icon-desktop,
#footer-global .footer-version-switcher>a .switcher--icon-mobile {
	width: 17px;
	height: 17px;
	background-repeat: no-repeat;
	display: inline-block;
	position: relative;
	top: 4px;
	right: 4px
}

#footer-global .footer-version-switcher>a .switcher--icon-desktop {
	background-image: url("data:image/svg+xml;charset%3DUS-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Vrstva_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20viewBox%3D%220%200%2070.1%2063.1%22%20style%3D%22enable-background%3Anew%200%200%2070.1%2063.1%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%238b8b8b%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cg%3E%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M50.4%2C59.6c-6.5-0.2-7-9.3-7-9.3H35h-8.4c0%2C0-0.5%2C9.1-7%2C9.3c-2.9%2C0.4-2.7%2C3.5%2C0%2C3.5H35h15.3%20%20%20C53.1%2C63.1%2C53.3%2C60%2C50.4%2C59.6z%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M63.5%2C0H6.6C3%2C0%2C0%2C3%2C0%2C6.6v34.8C0%2C45%2C3%2C48%2C6.6%2C48h56.9c3.6%2C0%2C6.6-3%2C6.6-6.6V6.6C70.1%2C3%2C67.1%2C0%2C63.5%2C0z%20%20%20%20M35%2C46.6c-0.8%2C0-1.5-0.7-1.5-1.5c0-0.8%2C0.7-1.5%2C1.5-1.5c0.8%2C0%2C1.5%2C0.7%2C1.5%2C1.5C36.5%2C45.9%2C35.9%2C46.6%2C35%2C46.6z%20M65.3%2C39.2%20%20%20c0%2C1.8-1.5%2C3.3-3.3%2C3.3H8c-1.8%2C0-3.3-1.5-3.3-3.3V8.8C4.7%2C7%2C6.2%2C5.5%2C8%2C5.5h54c1.8%2C0%2C3.3%2C1.5%2C3.3%2C3.3V39.2z%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

#footer-global .footer-version-switcher>a .switcher--icon-mobile {
	background-image: url("data:image/svg+xml;charset%3DUS-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Vrstva_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20viewBox%3D%220%200%2048.2%2076.4%22%20style%3D%22enable-background%3Anew%200%200%2048.2%2076.4%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%238b8b8b%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M38.3%2C0H9.9C4.4%2C0%2C0%2C4.4%2C0%2C9.9v56.7c0%2C5.4%2C4.4%2C9.9%2C9.9%2C9.9h28.5c5.4%2C0%2C9.9-4.4%2C9.9-9.9V9.9%20%20C48.2%2C4.4%2C43.8%2C0%2C38.3%2C0z%20M12.3%2C6.3h23.6c0.9%2C0%2C1.6%2C0.6%2C1.6%2C1.4c0%2C0.8-0.7%2C1.4-1.6%2C1.4H12.3c-0.9%2C0-1.6-0.6-1.6-1.4%20%20C10.7%2C7%2C11.4%2C6.3%2C12.3%2C6.3z%20M15.8%2C67H7.4c-0.9%2C0-1.6-0.6-1.6-1.4c0-0.8%2C0.7-1.4%2C1.6-1.4h8.4c0.9%2C0%2C1.6%2C0.6%2C1.6%2C1.4%20%20C17.5%2C66.4%2C16.7%2C67%2C15.8%2C67z%20M24.1%2C69.4c-2.1%2C0-3.8-1.7-3.8-3.8c0-2.1%2C1.7-3.8%2C3.8-3.8c2.1%2C0%2C3.8%2C1.7%2C3.8%2C3.8%20%20C27.9%2C67.7%2C26.2%2C69.4%2C24.1%2C69.4z%20M40.8%2C67h-8.4c-0.9%2C0-1.6-0.6-1.6-1.4c0-0.8%2C0.7-1.4%2C1.6-1.4h8.4c0.9%2C0%2C1.6%2C0.6%2C1.6%2C1.4%20%20C42.4%2C66.4%2C41.7%2C67%2C40.8%2C67z%20M44.5%2C57.6H3.7V13.8h40.8V57.6z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

#footer-global .footer-divider {
	width: 100%;
	border: 0;
	height: 1px;
	margin: 15px 0;
	background-color: silver
}

#footer-global .footer-divider--small {
	width: 100%;
	border: 0;
	height: 1px;
	margin: 5px 0;
	background-color: silver
}

#footer-global .footer-divider--vertical {
	display: inline-block;
	width: 1px;
	background: #002f8f;
	height: 13px;
	position: relative;
	margin: 0px 5px -2px 5px;
}

#footer-global .cnc-selection {
	font: normal normal 16px/24px "Open Sans";
	color: #002f8f;
	text-align: center;
	text-transform: uppercase;
	margin: 20px 0
}

#footer-global .cnc-selection .company-info__logo {
	display: inline-block;
	width: 60px;
	height: 24px;
	position: relative;
	left: 5px;
	top: 2px;
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxOTMuODMgNzcuNzU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTMuODMgNzcuNzU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojMDA0NzhDO30NCgkuc3Qxe2ZpbGw6I0I1RDMzNDt9DQo8L3N0eWxlPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTQ4LjM5NCw3MS4xN2MwLDAtNi4wNSw2LjU4Ni0xOS4zMjUsNi41ODZDMTAuOTI0LDc3Ljc1NiwwLDY1LjAyOSwwLDQ5LjQ5OA0KCQlDMCwzMy45NywxMC45MjQsMjEuMjQsMjkuMDY5LDIxLjI0YzEzLjM2NiwwLDE5LjMyNSw2LjU5LDE5LjMyNSw2LjU5bC03LjQ5NiwxMC4wMjFjMCwwLTUuNTk2LTQuMDY0LTExLjY0NS00LjA2NA0KCQljLTkuMjEsMC0xNS43MSw2LjMyLTE1LjcxLDE1LjcxMWMwLDkuMzksNi41LDE1LjcxMiwxNS43MSwxNS43MTJjNy42NzMsMCwxMS42NDUtNC4wNjMsMTEuNjQ1LTQuMDYzTDQ4LjM5NCw3MS4xN3oiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTYzLjUxMiw3MS4xN2MwLDAtNi4wNSw2LjU4Ni0xOS4zMjQsNi41ODZjLTE4LjE0NiwwLTI5LjA3LTEyLjcyNy0yOS4wNy0yOC4yNTgNCgkJYzAtMTUuNTI4LDEwLjkyNS0yOC4yNTgsMjkuMDctMjguMjU4YzEzLjM2NCwwLDE5LjMyNCw2LjU5LDE5LjMyNCw2LjU5bC03LjQ5NiwxMC4wMjFjMCwwLTUuNTk2LTQuMDY0LTExLjY0NS00LjA2NA0KCQljLTkuMjEyLDAtMTUuNzEsNi4zMi0xNS43MSwxNS43MTFjMCw5LjM5LDYuNDk4LDE1LjcxMiwxNS43MSwxNS43MTJjNy42NzMsMCwxMS42NDUtNC4wNjMsMTEuNjQ1LTQuMDYzTDE2My41MTIsNzEuMTd6Ii8+DQo8L2c+DQo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjEwNi40NDksNzYuNTg0IDEwMy40Nyw3Ni41ODQgNjguNDM4LDQ2LjY5OSA2OC40MzgsNzYuNTg0IDU1LjQzOSw3Ni41ODQgNTUuNDM5LDIyLjQxMiA1OC40MTgsMjIuNDEyIA0KCTkzLjQ0OCw1MS4xMjIgOTMuNDQ4LDIyLjUwMiAxMDYuNDQ5LDIyLjUwMiAiLz4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xNzQuNTI2LDMzLjc5YzAtOC4yMTIsMS41MTgtMTcuODEzLDMuMTY2LTIzLjEyOGgtMjEuNjg4VjBoMzcuODI2Yy01LjA1NiwxMC45OTItNy40NTMsMjIuOTQyLTcuNDUzLDMzLjc5DQoJCUgxNzQuNTI2eiIvPg0KPC9nPg0KPC9zdmc+DQo=");
	background-repeat: no-repeat
}

#footer-global .cnc-selection .company-info__logo>img {
	height: 24px;
	width: auto
}

#footer-global .list-section {
	box-sizing: border-box;
	width: 100%;
	margin: 25px 0;
}

#footer-global .list-section:nth-child(4n+1) {
	clear: left
}

#footer-global .list-section-title {
	font: normal normal 20px/24px "Open Sans";
	font-weight: 700;
	color: #868686
}

#footer-global .list-section-themes {
	margin: 10px 0;
	line-height: 18px
}

#footer-global .list-section-themes .list-section-theme {
	font: normal normal 13px/18px "Open Sans";
	font-weight: 700;
	line-height: 18px;
	color: #002f8f;
	text-decoration: none
}

#footer-global .list-section-themes .list-section-theme:hover {
	text-decoration: underline
}

#footer-global .list-section-article {
	display: unset;
	margin: 5px 5px 0 0;
	font: normal normal 13px/11px "Open Sans";
	color: #8b8b8b;
	text-decoration: none;
}
#footer-global .list-section-article:before {
    content: "\00a0";
    display: inline-block;
    margin-right: 7px;
    border-right: 1px solid;
    font-size: 9px;
}
#footer-global .list-section-articles .list-section-article:first-of-type:before {
	display:none;
}
#footer-global .list-section-article:hover {
	text-decoration: underline
}

#footer-global .company-info {
	text-align: center
}

#footer-global .company-info .company-info__contacts {
	width: 100%;
	margin: 25px 0;
	padding: 0;
	list-style: none;
	font: normal normal 13px/17px "Open Sans";
	font-weight: 700;
	color: #8b8b8b
}

#footer-global .company-info .company-info__contacts .company-info__contact {
	font: normal normal 13px/17px "Open Sans";
	font-weight: 700;
	display: inline-block;
	float: none;
	margin: 0
}

#footer-global .company-info .company-info__contacts .company-info__contact::before,
#footer-global .company-info .company-info__contacts .company-info__contact::after {
	display: none
}

#footer-global .company-info .company-info__contacts .company-info__contact>a {
	display: block;
	color: #8b8b8b;
	text-decoration: none
}

#footer-global .company-info .company-info__contacts .company-info__contact>a:hover {
	text-decoration: underline
}

#footer-global .company-info .company-info__contacts .footer-divider--vertical {
	left: 0;
	background-color: #8b8b8b
}

#footer-global .company-info .company-info__terms {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	font: normal normal 11px/14px "Open Sans"
}

#footer-global .company-info .company-info__terms .company-info__term {
	display: inline-block;
	float: none;
	margin: 0;
	font: normal normal 11px/14px "Open Sans";
	color: #8b8b8b
}

#footer-global .company-info .company-info__terms .company-info__term::before,
#footer-global .company-info .company-info__terms .company-info__term::after {
	display: none
}

#footer-global .company-info .company-info__terms .company-info__term>a {
	color: #8b8b8b;
	text-decoration: none;
	font: normal normal 11px/14px "Open Sans"
}

#footer-global .company-info .company-info__terms .company-info__term>a:hover {
	text-decoration: underline
}

#footer-global .company-info .company-info__terms .footer-divider--vertical {
	height: 11px;
	left: 0;
	background-color: #8b8b8b
}

#footer-global .clear {
	clear: both
}
/* ****************************** PREMIUM INFO ***************************** */
.premium-info-modal {
    display: block;
    position:fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,.8);
    text-align:center;
    z-index:200000;
}
.premium-info {
    display: block;
    padding: 20px 0!important;
    background: #fff;
    text-align: center;
    font-size: 120%;
    position:relative;
}
#content > .premium-content .premium-info {
	padding-top:0px!important;
}
.premium-info-modal .premium-info {
    margin: 80px auto 0!important;
    width: calc(96% - 40px);
}
.article-text .premium-info:before 
{
    content: '';
    position: absolute;
    bottom: 100%;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 150px;
    background: linear-gradient(to bottom,rgba(255,255,255,0),#fff);
}
.premium-info-header {
    margin-bottom: 15px!important;
}
.premium-content .premium-info-header {
    margin-bottom: 25px!important;
}
.article-text .premium-info-header .logo-premium,
.premium-info-header .logo-premium {
    display: block;
    height: 45px;
    width: 150px;
    background: transparent url(../client.images/premium/premium.png) no-repeat 50% 50%;
    background-size: contain;
    margin: 0px auto!important;
}

.article-text .premium-info-header .logo,
.premium-info-header .logo  {
    display: block;
    height: 33px;
    width: 62px;
    background: transparent url(../client.images/premium/logo.png) no-repeat 50% 50%;
    background-size: contain;
    margin: 8px auto!important;
    padding: 0!important;
    float: none!important;
}
.article-text .premium-info p,
.premium-info p {
    margin-bottom: 7px!important;
    margin-top: 7px!important;
}
.premium-info p:last-of-type {
    font-size: 82%;
}

.premium-info div.premium-content-info {
    font-size: 90%;
	padding: 15px 5px!important;
	background: #f3f3f3;
	margin-top: 15px!important;
	margin-bottom: 15px!important;
}
.premium-info div.premium-content-info p {
    font-size: 90%;
	margin-bottom: 0px!important;
	margin-top: 0px!important;
}
.premium-info div.premium-content-info p:first-of-type {
	margin-bottom: 20px!important;
	font-size: 22px!important;
	font-weight: 700;
}

.article-text .premium-info-btn a.sidlink,
.premium-info-btn a.sidlink  {
    padding: 10px 50px;
    font-size: 100%;
    text-decoration: none;
    color: #fff!important;
    background: #d00000;
    margin: 12px auto 7px!important;
    display: inline-block;
    border-radius: 3px;
}
.premium-info-footer {
    font-size: 80%;
}

.premium-info-footer a {
    color: #d00000;
}

.premium-info-close {
    color: #999!important;
    text-decoration: none!important;
    position: absolute;
    top: 10px;
    right: 10px;
    display: inline-block;
    cursor: pointer;
    font-size: 55px;
}
.premium-info-close:hover {
    color: #d00000!important;
    text-decoration: none!important;
}


/* ****************************** PREMIUM PAGE ***************************** */
.premium-content .premium-info-header .logo-premium {
    height: 57px;
    width: 190px;
}
.premium-content .premium-info-header .logo {
    height: 44px;
    width: 83px;
}
.premium-content.p-hidden .premium-info {
	margin-bottom: 0!important;
}
.premium-content.p-hidden .premium-types-preview {
	display:none;
}
.premium-content .premium-info p {
    font-size: 28px;
	line-height: 38px;
}
.premium-types {
    display: table;
    width: 100%;
}
.premium-types .tile {
    display: block;
    background: #eee;
    padding: 18px 25px;
    text-align: center;
    position: relative;
	margin-bottom: 25px;
}

.theme-dark #content .tile {
    background: #333;
}

.premium-types .tile .premium-price-highlight {
    display: inline-block;
    background: #E7C257;
    width: 70px;
    height: 50px;
    border-radius: 50%;
    font-size: 13px;
    position: absolute;
    top: -5px;
    right: -5px;
    padding-top: 20px;
    line-height: 18px;
    transform: rotate(30deg);
}

.premium-types .premium-type {
    font-size: 24px;
    line-height:28px;
}
.premium-types .premium-price {
    margin-top: 10px;
    margin-bottom: 10px;
}
.premium-types .premium-price span {
    font-size: 40px;
    font-weight: 700;
}

.premium-content ul {
    list-style: none;
}
.premium-content ul li {
	margin-left: 0;
}
.premium-types .premium-highlight {
    display: inline-block;
}
.premium-content .premium-highlight li {
	position:relative;
	padding-left: 20px;
	text-align: left;
	list-style-type: none;
	margin-left: 0;
}
.premium-content .premium-highlight li:before {
    content: "\2713";
    color: #CEA858;
    display:inline-block;
    top:1px;
    left:0px;
    position:absolute;
	background: transparent;
}
.premium-content .premium-highlight li.empty:before {
    display:none;
}
.premium-content .premium-highlight li a {
	color: #000;
}
.premium-payments li {
	margin-right:13px!important;
	display: inline-block;
	font-size: 12px;
	vertical-align: middle;
}
.premium-payments li b {
	font-size: 14px;
}
.premium-payments li span {
	display: inline-block;
	background: transparent no-repeat center center;
	margin-left: 5px!important;
	position:relative;
}
.premium-payments li.payment-card {
	margin-right:42px!important;
}
.premium-payments li.payment-card span {
	width: 26px;
	height: 22px;
	background-image: url(../client.images/premium/mastercard.png);
	margin-bottom: -8px;
}
.premium-payments li.payment-card span:after {
    display: inline-block;
    width: 27px;
    height: 9px;
    background: url(../client.images/premium/visa.png) transparent no-repeat center center;
    content: "";
    position: absolute;
    right: -29px;
    bottom: 8px;
}
.premium-payments li.payment-online span {
	width: 50px;
	height: 12px;
	background-image: url(../client.images/premium/gopay.png);
	margin-bottom: -2px;
}
.premium-payments li.payment-sms span {
    width: 16px;
    height: 18px;
    background-image: url(../client.images/premium/sms.png);
    margin-bottom: -1px;
}

.premium-subscriber {
	padding-top: 10px;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	margin-bottom:20px;
	padding-bottom: 10px;
}
.premium-subscriber h3 {
	font-size: 18px;
	line-height: 24px;
	margin-bottom:30px!important;
}
.premium-subscriber li {
	margin-bottom: 15px;
}
.premium-subscriber p {
	margin-bottom: 0;
}
.premium-info-footer a.toggle {
	display:inline-block;
	position:relative;
}
.premium-info-footer a.toggle:after {
    content: "\25bc";
    position: absolute;
    left: calc(100% + 3px);
    font-size: 85%;
    top: 1px;
    transform: rotate(180deg);
}
.premium-info-footer a.toggle.p-hidden:after {
    transform: none;
}

/* ****************************** PREMIUM FUNCTIONS ***************************** */
li.us-arttype > a {
	padding-left: 48px;
	position: relative;
}
li.us-arttype > a:before {
	position: absolute;
	content: "";
	width: 18px;
	height: 18px;
	border: 4px solid #8D8D8D;
	left: 14px;
	top: 12px;
	background: none;
}
li.us-arttype.us-arttype-src > a:after {
	content: "\2714";
	position: absolute;
	left: 20px;
	font-size: 90%;
}

.user_fn_arttype .ar-redir {
	display:none;
}

/* ************************* Rewamp iSport *********************** */
.subscription--article {
    background-image: linear-gradient(111deg,#1f1e26,#27272e)!important;
    color: #fff!important;
    text-align: left;
    padding: 35px 20px
}

.art .subscription--article .subscription__headline {
    font-size: 22px!important;
    line-height: 29px!important;
    letter-spacing: 0;
    text-align: left;
    color: #fff!important;
    margin-top: 20px!important;
    margin-bottom: 10px!important;
font-weight: 800;
}

.subscription--article .subscription__description {
    line-height: 1.3!important;
    font-size: 14px;
    margin-bottom: 25px!important;
}

.art .subscription--article .subscription__type-order {
    width: 190px;
    margin: 0 15px 0 0;
    position: static;
    border-radius: 2px;
    font-size: 16px;
    line-height: 40px;
    background-color: #f66533;
    border: none;
    display: inline-block;
	color: #fff!important;
	text-decoration: none;
	text-align: center;
font-weight: 800;
}

.subscription--article .subscription__link {
    display: inline-block;
    font-size: 14px;
    margin-top: 20px;
}

.subscription--article .subscription__link a {
    color: #fff!important;
    text-decoration: underline
}

.subscription--article .subscription__link a:hover {
    color: #fff!important;
    text-decoration: none
}

.subscription--article .subscription__login {
    margin: 15px auto 0;
    font-size: 14px
}

.subscription--article .subscription__login-link:after {
    display: none
}

.subscription--article .subscription__logo {
    width: 100%;
    height: auto
}

.subscription--article .subscription__logo svg {
    max-height: 20px
}

.subscription--article .subscription__logo svg:first-child {
    padding-right: 22px;
    margin-right: 17px;
    border-right: 1px solid #646464
}

.subscription--article .subscription__logo svg:last-child {
    opacity: .6
}
.subscription {
    position: relative;
    margin: 15px 0;
    background: #f0f0f0
}

.subscription.fade-out:before {
    display: block;
    width: 100%;
    height: 300px;
    position: absolute;
    top: -300px;
    left: 0;
    content: " ";
    background: linear-gradient(to bottom,rgba(255,255,255,0),#fff);
}
.subscription__logo {
    width: 190px;
    height: 115px;
    margin: 0 auto 15px;
    background-size: contain
}

.main-article .subscription__logo {
    width: 116px;
    height: 72px
}

.subscription__logo.dataimg-isport-premium-welcome {
    width: 326px;
    height: 38px
}

.subscription--article .subscription__description__full {
	margin-bottom: 10px!important;
	border-bottom: 1px solid #666;
	font-size: 16px;
	padding-bottom:10px!important;
}
.art .subscription--article .subscription__description__full p {
	margin-bottom: 3px!important;
	padding-left: 15px;
	position: relative;
}
.art .subscription--article .subscription__description__full p:last-of-type {
	margin-bottom: 0px!important;
}
.art .subscription--article .subscription__description__full p:before {
	content: "";
	background: #fff;
	border-radius: 50%;
	width: 8px;
	height: 8px;
	position: absolute;
	left: 0;
	top: 8px;
}


/* ********************* PREMIUM LOCK MODALS ************************** */
.pLockModal {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:#27272e;
	text-align:center;
	z-index:10000;
	padding-top: 80px;
}
.pLockModal .close {
    color: #999!important;
    text-decoration: none!important;
    position: absolute;
    top: 8px;
    right: 10px;
    display: inline-block;
    cursor: pointer;
    font-size: 40px;
	font-weight: 700;
	padding: 20px;
}
.pLockModal .close:hover {
    color: #fff!important;
}
.pLockModal .subscription {
	margin: 0 auto;
	max-width: 520px;
	width: calc(100% - 40px);
	background-image: none!important;
	background: #27272e;
}
.pLockModal .subscription.fade-out:before {
	display: none;
}
body.mode-dark .main-menu .mn-block.soc a.dn-switch {
	background-position: bottom right;
}

body.mode-dark .cn-wrp,
body.mode-dark #footer-global,
body.mode-dark .art .article-gallery-container,
body.mode-dark .art .article-gallery-container .gallery-items {
	background: #1a1a1a;
}

body.mode-dark section.ar-promo>div,
body.mode-dark section.ar.links,
body.mode-dark section.ar-hub>div,
body.mode-dark section.ar .a-list-b,
body.mode-dark .m-box-consult,
body.mode-dark .a-list.a-list-big article:first-of-type .a-body,
body.mode-dark .art .infobox-data,
body.mode-dark .art .article-spec-box,
body.mode-dark .art pre,
body.mode-dark section.ar-consult .tbl-list>span:nth-of-type(odd),
body.mode-dark .f-list-h,
body.mode-dark .article-template-spliter,
body.mode-dark .a-main-foot {
	background: #333;
}

body.mode-dark .a-list .a-sep {
	background: #666;
}

body.mode-dark #footer-global .footer-divider--vertical,
body.mode-dark .art ul li:before {
	background :#f1f1f1;
}

body.mode-dark .a-list article .a-img:after,
body.mode-dark .m-box-consult ul.thin li {
	border-color: #666;
}

body.mode-dark .f-list {
	border-color: #1a1a1a!important;
}

body.mode-dark .art .article-gallery-container .gallery-items ul li:last-child {
	background-image: linear-gradient(to right,rgba(51,51,51,0) 0,#333 8em);
}

body.mode-dark section h3.b-head,
body.mode-dark section h3.b-head a,
body.mode-dark .m-box-consult ul.thin li span,
body.mode-dark .art a,
body.mode-dark .f-list a,
body.mode-dark .art h2,
body.mode-dark .art h3,
body.mode-dark .art h4 {
	color: #f00000;
}

body.mode-dark .a-list .a-body h1,
body.mode-dark .a-list .a-body h2,
body.mode-dark .a-list .a-body h4,
body.mode-dark section.ar.links,
body.mode-dark section.ar.links a,
body.mode-dark section.ar-hub>div>div .a-title,
body.mode-dark .m-box-consult ul.thin li a,
body.mode-dark #footer-global .cnc-selection,
body.mode-dark #footer-global .list-section-themes .list-section-theme,
body.mode-dark #cn-wrp-data,
body.mode-dark .a-foot a,
body.mode-dark section.ar-consult .tbl-list>span a,
body.mode-dark .art .article-gallery-container a.additional-value-container,
body.mode-dark .a-tags a,
body.mode-dark .f-search a,
body.mode-dark .art .art-info-bottom > a,
body.mode-dark .art .a-perex-img .licence a,
body.mode-dark .art .box-gallery .gallery-main-container .image-description a {
	color: #f1f1f1;
}

body.mode-dark .article-template-spliter a {
	color: #f1f1f1!important;
}

body.mode-dark .cnc-ads{background-color:#333}
body.mode-dark .cnc-ads:before{color:#fff;}
//#f7931d
:root {
	--fixBackground: #f9e1c4;
	--headBackground: #f7931d;
}
/* ************** layout.css ************** */
span.a-renew:before,
.a-list .a-body span.overlayer,
.a-list .a-body .a-forum,
section.ar .btn a {
    background: #f7931d;
}
.a-list .a-body .a-forum:after {
    border-top-color: #f7931d;
}

section h3.b-head,
section h3.b-head a,
.m-box-consult ul.thin li span {
	color: #f7931d;

}
section h3.b-head:before {
    background-image: url(/client.images/header-red-doupe.svg);
}

section.ar .a-list-b {
    background: #0a1c30;
}

/* ************** layout-header.css ************** */
.cn-head .logo {
	background-image: url(/client.images/logo/doupe.svg);
	height: 32px;
	width: 166px;
}
.cn-head .s-title {
	margin-left: 116px;
}
.cn-head .s-title:before {
    border-left-color: #f7931d;
}
.cn-head {
	background: #0a1c30;
	border-bottom: 1px solid #fff;
}
.main-menu .mn-block.search .search-wrp a,
.main-menu > .btn a {
    background: #f7931d;
}
.cn-head .user-logged.open,
.cn-head .user-logged+ul {
    background: #f7931d;
}
.cn-head .user-logged.open+ul a {
    border-bottom-color: #0a1c30;
}

/* ************** layout-consult.css ************** */
section.ar-consult .tbl-list > span a > span:nth-of-type(2),
.f-list a {
	color: #f7931d;
}
.f-search a {
	background: #f7931d;
}


/* ************** layout-article.css ************** */
.art-err,
.art h2,
.art h3,
.art h4,
.art .vykrik {
	color: #f7931d;
}
.art a {
	color: #24374c;
}
.art .art-info .a-forum,
.art hr,
.art .tip .tip-data p::before,
.art .article-macro-table tr th,
.art .article-macro-table-1 tr th,
.art .article-macro-table-2 tr th,
.art .article-macro-table-3 tr th,
.art .article-macro-table-4 tr th,
.art .article-macro-table-sampionat tr th,
.art .infobox-inquiry .vote span.bar,
.art .hce-full .hce-button,
.a-foot a:last-of-type:after {
    background:  #24374c;
}
.art .art-info .a-forum:after {
    border-top-color: #24374c;
}
.art .article-spec-box {
    border-top-color: #f7931d;
}
.art .infobox-data {
	border-left-color: #f7931d;
}
.article-template-spliter a.active,
.article-template-spliter a.arrow {
    background-color: #24374c;
}
.a-foot a,
.a-tags a {
    color: #171717;
}

.art .tip-0 .tip-data p::before {
    content: "DOPORUČUJEME "
}
.art .tip-1 .tip-data p::before {
    content: "NEPŘEHLÉDNĚTE "
}
.art .tip-2 .tip-data p::before {
    content: "TIP "
}
.art .tip-3 .tip-data p::before {
    content: "JAK NA TO "
}
.art .tip-4 .tip-data p::before {
    content: "VYZKOUŠEJTE "
}
.art .tip-5 .tip-data p::before {
    content: "DALŠÍ INFORMACE "
}
.art .tip-6 .tip-data p::before {
    content: "POZNÁMKA "
}
.art .tip-7 .tip-data p::before {
    content: "UŠETŘETE "
}
.art .tip-8 .tip-data p::before {
    content: "POZOR "
}
.art .article-macro-table-game tr td {
    font-size: 100%!important
}

.art .art-info .game-rating {
	display: inline-block;
	height: 28px;
	width: 150px;
	background: no-repeat url(/client.images/icons/ico-stars.svg);
	background-size: cover;
}
.art .art-info .rating-01 {
	background-position: 0 -27px;
}
.art .art-info .rating-02 {
	background-position: 0 -54px;
}
.art .art-info .rating-03 {
	background-position: 0 -82px;
}
.art .art-info .rating-04 {
	background-position: 0 -109px;
}
.art .art-info .rating-05 {
	background-position: 0 -137px;
}
.art .art-info .rating-06 {
	background-position: 0 -164px;
}
.art .art-info .rating-07 {
	background-position: 0 -191px;
}
.art .art-info .rating-08 {
	background-position: 0 -219px;
}
.art .art-info .rating-09 {
	background-position: 0 -246px;
}
.art .art-info .rating-10 {
	background-position: 0 -274px;
}

.hce-with-btn:after {
	background: #24374c;
}

/* ************** layout-article-list.css ************** */
section.ar .a-list-r {
	background-image: url(/client.images/box-blue.svg?v=1.0.000);
	background-position: center left;
}

/* ************** twitter ************** */
section.ar-promo>div.art-twitter {
    padding: 1px 10px;
    margin: 15px -10px 0px;
}
section.ar div.art-twitter .btn{
    margin-bottom: 30px;
}

.art-twitter ul li {
    border-bottom: #e1e1e1 solid 1px;
    padding-bottom: 5px;
}
.art-twitter ul li:last-of-type {
    border-bottom: #e1e1e1 solid 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

/* ************** layout-dark.css ************** */
body.mode-dark section h3.b-head,
body.mode-dark section h3.b-head a,
body.mode-dark .m-box-consult ul.thin li span,
body.mode-dark .art a,
body.mode-dark .f-list a,
body.mode-dark .art h2,
body.mode-dark .art h3,
body.mode-dark .art h4 {
	color: #f7931d;
}
body.mode-dark .a-foot a, 
body.mode-dark .a-tags a {
	color: #f1f1f1;
}
















