@font-face { font-family: 'icomoon'; src: url('../fonts/icomoon.eot?qbaecw'); src: url('../fonts/icomoon.eot?qbaecw#iefix') format('embedded-opentype'), url('../fonts/icomoon.svg?qbaecw#icomoon') format('svg'), url('../fonts/icomoon.ttf?qbaecw') format('truetype')/*, url('../fonts/icomoon.woff?qbaecw') format('woff')*/; font-weight: normal; font-style: normal; }
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
a, b, body, canvas, div, em, embed, footer, form, h1, h2, h3, h4, h5, h6, header, hr, html, iframe, img, label, li, ol, p, q, small, span, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, u, ul { border: 0; margin: 0; padding: 0; outline: 0 none; font-size: 100%; font: inherit; }
html, body { height: 100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; }
b, strong { font-weight: 600; }
img { color: transparent; font-size: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; outline: 0 none; }
progress { vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
a { background-color: transparent; -webkit-text-decoration-skip: objects; }
a:active, a:hover { outline-width: 0; }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
figure { margin: 1em 40px; }
img { border-style: none; }
svg:not(:root) { overflow: hidden; }
code, kbd, pre, samp { font-family: monospace,monospace; font-size: 1em; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
table { border-collapse: collapse; border-spacing: 0; }
th, td, caption { font-weight: normal; vertical-align: top; text-align: left; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
button, input, select, textarea { font: inherit; margin: 0; }
optgroup { font-weight: bold; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, html [type=button], [type=reset], [type=submit] { -webkit-appearance: button; }
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; }
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: .35em .625em .75em; }
legend { color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
textarea { overflow: auto; }
[type=checkbox], [type=radio] { padding: 0; }
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; }
[type=search] { -webkit-appearance: textfield; outline-offset: -2px; }
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-input-placeholder { color: inherit; opacity: 0.54; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
a, a img, img { border: 0 none; outline: 0 none; }
ul, ol, li { margin: 0; padding: 0; list-style-type: none; }
.radioElement label, .checkElement label { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }

/*--- end reset ---*/

/* --------------- */
/* --- Helpers --- */
/* --------------- */

/* xs */ @media (max-width: 767px) { .xs-inv { display: none; } }
/* xs > */ @media (min-width: 576px) {}

/* sm */ @media (min-width: 768px) and (max-width: 991px) { .sm-inv { display: none; } }
/* sm > */ @media (min-width: 768px) {}

/* md */ @media (min-width: 992px) and (max-width: 1199px) { .md-inv { display: none; } }
/* md > */ @media (min-width: 992px) {}

/* lg */ @media (min-width: 1200px) and (max-width: 1599px) { .lg-inv { display: none; } }
/* lg > */ @media (min-width: 1200px) {}

/* xl */ @media (min-width: 1600px) { .xl-inv { display: none; } }


.cistic::after { content: ''; clear: both; display: table; }
.spacer { clear: both; visibility: hidden; display: block; height: 10px; font-size: 0px; }
.spacer-5 { clear: both; visibility: hidden; display: block; height: 5px; font-size: 0px; }
.spacer-10 { clear: both; visibility: hidden; display: block; height: 10px; font-size: 0px; }
.spacer-15 { clear: both; visibility: hidden; display: block; height: 15px; font-size: 0px; }
.spacer-20 { clear: both; visibility: hidden; display: block; height: 20px; font-size: 0px; }
.spacer-25 { clear: both; visibility: hidden; display: block; height: 25px; font-size: 0px; }
.spacer-30 { clear: both; visibility: hidden; display: block; height: 30px; font-size: 0px; }
.flL { float: left !important; }
.flR { float: right !important; }
.flN { float: none !important; }
.aL { text-align: left; }
.aR { text-align: right; }
.aC { text-align: center; }
.aJ { text-align: justify; }
.img-responsive { width: 100%; height: auto; }

/* -------------- */
/* --- Layout --- */
/* -------------- */

html { box-sizing: border-box; overflow-x: hidden; overflow-y: scroll; }
*, *:before, *:after { box-sizing: inherit; }
html, body { width: 100%; height: 100%; }
body { padding: 0; margin: 0; background-color: #fff /*#2d3337*/; font-family: 'Open Sans', Calibri, Arial, Helvetica, sans-serif !important; }

/* !!! .column-side.column-down { width: 480px !important; position: relative; } */
/* !!!  #main-page { width: 100%; max-width: 1060px ; padding: 20px 10px 20px; margin: 0 auto; display: block; position: relative; background: #fff; } */
/*
.pnl-side-top-hp { padding-bottom: 15px; }
.pnl-side-top-skc { padding-bottom: 15px; }
.pnl-side-top-clk { padding-bottom: 112px; }

.pnl-side-down-hp { padding-bottom: 19px; }
.pnl-side-down-skc { padding-bottom: 9px; padding-top: 40px; }
.pnl-side-down-clk { padding-bottom: 19px; }

.pnl-main-down-hp { padding-bottom: 0px; }
.pnl-main-down-skc { padding-bottom: 0px; }
.pnl-main-down-clk { padding-bottom: 0px; }
*/

.page { width: 100%; max-width: 1060px; min-height: calc(100vh - 105px); margin: 0 auto; padding: 15px 0; display: block; position: relative; background: #fff; }

/* xs and sm */ @media (max-width: 991.98px) {
.page { padding-top: 0px; }
}

.page-body { padding-top: 15px; }

/* xs and sm */ @media (max-width: 991.98px) {
.page-body { padding-top: 40px; }
}


.column-container { display: flex; margin: 0 auto; x-align-items: stretch; width: 100%; max-width: 1060px; }
.column-content { flex: 1; flex-wrap: wrap; padding: 0; max-width: 750px; }
.column-side { width: 330px; flex: 0 0 310px; max-width: 310px; padding: 0 10px 0 0; }
.column-side.article-side-down { width: 490px; flex: 0 0 490px; max-width: 490px; padding: 0 10px 0 0; }
.article-detail-sep { height: 30px; }

/* xs and sm */ @media (max-width: 991.98px) {
.column-content { max-width: 100%; }
.column-side { display: none !important; }
}

.wrapper { width: 100%; max-width: 1060px; margin: 0 auto; position: relative; padding: 0; }
.container { width: 100%; position: relative; padding: 0; }
.block { width: 100%; margin: 0 auto; position: relative; padding: 10px; }
.panel { width: 100%; margin: 0 auto; position: relative; padding: 0 10px; }
.row { width: 100%; margin: 0 auto; position: relative; padding: 15px 0; }
.flex-row { display: flex; flex-direction: row; }
.flex-column { display: flex; flex-direction: column; }

.left-gutter { padding-left: 15px; }
.right-gutter { padding-right: 15px; }
.top-gutter { padding-top: 15px; }
.bottom-gutter { padding-bottom: 15px; }
.no-gutters { padding: 0 !important; }
.no-gutters-childs > * { padding: 0 !important; }
.no-gutters-all * { padding: 0 !important; }


/* ------------------ */
/* --- Typography --- */
/* ------------------ */

h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif; font-weight: 400; color: #111; padding: 0; margin: 0; font-weight: normal; }
h3, h4, h5, h6 { font-size: 15px; }
sup { font-size: 6pt !important; }

h2, h3, h4, h5, h6 { padding: 15px 0px 5px; margin: 0px; }
ul + h2, ul + h3, ul + h4, ul + h5, ul + h6 { padding-top: 30px; }
h2.hp-section-title { font-size: 22px; padding-top: 0px; font-weight: 400; color: #008283; text-transform: uppercase; clear: both; }
h2.hp-section-title a { color: #222; text-transform: uppercase; text-decoration: none; }

.h1-title-container { padding: 0 0 10px; }
.h1-title-container:empty { padding: 0px !important; }

h1.section-title.double-line { font-size: 22px; line-height: 30px; margin: 15px 10px 0; padding: 0 !important; font-weight: bold; color: #008283; text-transform: uppercase; clear: both; }
h1.section-title.double-line a { color: #008283; }

/*h1.section-title.double-line { font-size: 22px; line-height: 30px; margin: 20px 15px 15px; padding: 0 !important; font-weight: bold; color: #fff; background: #008283 url('../images/assets/bgr-title.gif') repeat-y right top; text-transform: uppercase; clear: both; }
h1.section-title.double-line a { color: #fff; }*/

.h1-title-container h1.article-title { display: block; padding-top: 15px; font-size: 35px; line-height: 1.2; font-weight: 700; /*letter-spacing: -1px;*/ }

h1.section-title.tight-title { font-size: 33px; line-height: 33px; margin: 35px 15px -11px 13px; font-weight: 700; letter-spacing: -0.5px; color: #008283; text-transform: uppercase; clear: both; border-bottom: 1px solid #ccc; }

/*h2.block-title { font-size: 22px; padding: 0 0 5px 0px; font-weight: 400; color: #008283; text-transform: uppercase; }
h2.block-title a { color: #008283; text-transform: uppercase; text-decoration: none; }*/

h2.block-title { height: 30px; font-size: 22px; line-height: 28px; margin: 15px 0 0; padding: 0 0 0 10px !important; font-weight: bold; color: #fff; background: #008283 url('../images/assets/bgr-title.gif') repeat-y right top; text-transform: uppercase; clear: both; }
h2.block-title a { color: #fff; }


.hp-section-title-cont { position: -webkit-sticky; position: sticky; top: 65px; z-index: 10; background: rgba(255,255,255,.99); padding: 10px; }
.part-title { display: block; height: 0; border-top: 1px solid #eee; position: relative; margin: 30px 0 5px; }
.part-title span { position: absolute; left: 0; background: #fefefe; padding: 0 20px 0 0; display: block; top: -11px; font-size: 15px !important /*11*/; color: #008283 !important; font-weight: 600 !important; text-transform: uppercase !important; }
#next-clk-title { font-size: 20px; margin-top: 20px; padding: 16px 15px 0px 1px; font-weight: 600; color: #008283; }
.title-line { width: 150px; height: 1px; background: #008283; display: block; margin: 15px 0 5px; }
.title-line.title-line-c { margin: 15px auto 5px; }
.h1-title-container h1.section-title + .title-line,
.h1-title-container h1.article-title + .title-line { margin: 15px auto 5px !important; }
p.title-note { font-size: 17px; font-weight: 300; color: #999; }
p.title-annotation { text-align: center; font-size: 15px; font-weight: 300; color: #555; padding: 0 0 20px !important; margin: 0 !important; }


h2.hp-section-title.double-line { height: 30px; font-size: 22px; line-height: 28px; margin: 15px 0 0; padding: 0 0 0 10px !important; font-weight: bold; color: #fff; background: #008283 url('../images/assets/bgr-title.gif') repeat-y right top; text-transform: uppercase; clear: both; }
h2.hp-section-title.double-line a { color: #fff; }
.column-side h2.hp-section-title.double-line { margin: 30px 0 15px; background: #008283 url('../images/assets/bgr-title-rsekce.gif') repeat-y right top; }
.column-side .fb-hp-cont h2.hp-section-title.double-line:first-child { margin-top: 15px; }

/*h2.hp-section-title.double-line { font-size: 25px; line-height: 50px; margin: 15px 15px 0px; padding: 0 !important; font-weight: 700; letter-spacing: -1px; color: #111; text-transform: uppercase; clear: both; border-bottom: 1px solid #ccc; }
.column-side h2.hp-section-title.double-line { position: relative; top: initial; margin: 0 0 15px; }
h2.hp-section-title.double-line span { border-bottom: 5px solid #008283; padding: 0 !important; position: relative; bottom: -6px; }
h2.hp-section-title.double-line a { color: #111; }*/



h2.hp-section-title.tight-title { font-size: 33px; line-height: 33px; margin: 35px 15px -11px 12px; font-weight: 700; letter-spacing: -0.5px; color: #008283; text-transform: uppercase; clear: both; }
h2.hp-section-title.tight-title a { color: #008283; }


/* xs */@media (max-width: 767px) {
.hp-section-title-cont { top: 75px; }
h2.hp-section-title.double-line { margin: 0px 0px; background: #008283 url('../images/assets/bgr-title-rsekce.gif') repeat-y right top; }
h2.block-title { background: #008283 url('../images/assets/bgr-title-rsekce.gif') repeat-y right top; }
}


.after-container-tight-link { display: block; position: relative; text-align: right; margin: 0; padding: 0; font-size: 0; line-height: 0; }
.after-container-tight-link a { font-size: 13px; line-height: 1.25; color: #fff; text-decoration: none; margin: 0; padding: 0px 10px 5px; background: #008283; border-radius: 0 0 2px 2px; position: relative; top: 0; }
.after-container-tight-link a:hover { color: #fff; text-decoration: underline; }

hr { height: 1px; color: #ddd; background: #ddd; margin: 0 5px; }

iframe, iframe *, iframe:before, iframe:after { box-sizing: unset !important; }

/* -------------- */
/* --- Tables --- */
/* -------------- */

table.tbl-cenik { border-collapse: collapse; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
table.tbl-cenik td { border-collapse: collapse; border-top: 1px solid #ccc; padding: 20px 10px; font-family: inherit; font-size: 14px; line-height: 22px; font-weight: 300; color: #222; }


table.tbl-contacts { width: 100%; border-collapse: collapse; }
table.tbl-contacts tr td { border-collapse: collapse; padding: 10px 0px; font-family: 'Open Sans', Calibri, Arial, Helvetica, sans-serif; font-size: 17px; line-height: 25px; font-weight: 300; color: #222; }
table.tbl-contacts tr td { vertical-align: top; width: 50%; }
table.tbl-contacts tr td h3,
table.tbl-contacts tr td p { padding-left: 0 !important; padding-right: 0 !important; }
table.tbl-contacts .circle-image { width: 80px; height: 80px; display: inline-block; position: relative; top: 0px; border: 3px solid #fff; border-radius: 100%; overflow: hidden; box-shadow: 0 0 5px rgba(0,0,0,.1); }

/* xs */@media (max-width: 767px) {
table.tbl-contacts tr { display: flex; flex-direction: column; }
table.tbl-contacts tr td { flex: 0 0 100%; /*display: table-row;*/ width: 100%; }
table.tbl-contacts tr td p { padding-left: 0px !important; padding-right: 0px !important; }
table.tbl-contacts tr td h3 { padding-left: 0px !important; padding-right: 0px !important; padding-bottom: 10px; }
}

table.tbl-redakce { width: 100%; border-collapse: collapse; }
table.tbl-redakce tr td { border-collapse: collapse; padding: 10px 0px; font-family: 'Open Sans', Calibri, Arial, Helvetica, sans-serif; font-size: 17px; line-height: 25px; font-weight: 300; color: #222; }
table.tbl-redakce tr td { vertical-align: top; }
table.tbl-redakce tr td:first-child { width: 130px; text-align: left; }
table.tbl-redakce tr td h2,
table.tbl-redakce tr td h3,
table.tbl-redakce tr td p { padding-left: 0 !important; padding-right: 0 !important; }
table.tbl-redakce .circle-image { width: 100px; height: 100px; display: inline-block; position: relative; top: 10px; border: 3px solid #fff; border-radius: 100%; overflow: hidden; box-shadow: 0 0 5px rgba(0,0,0,.1); }

/* xs */@media (max-width: 767px) {
table.tbl-redakce tr { display: flex; flex-direction: column; }
table.tbl-redakce tr td,
table.tbl-redakce tr td:first-child { flex: 0 0 100%; /*display: table-row;*/ width: 100%; text-align: center; }
table.tbl-redakce tr td h2,
table.tbl-redakce tr td h3,
table.tbl-redakce tr td p { padding-left: 15px !important; padding-right: 15px !important; text-align: center !important; }
}


/* ----------------- */
/* --- Preloader --- */
/* ----------------- */

.page-preloader { position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 10000; display: flex; justify-content: center; align-items: center; padding: 20px; background: #fff; transition: .3s all ease; }
.page-preloader.loaded { opacity: 0; visibility: hidden; }
.page-preloader.preloader-body { text-align: center; }
.page-preloader.preloader-body p { position: relative; right: -8px; }

.logo-spin { width: 150px; height: 40px; display: block; background: url('../images/logo-150.png') no-repeat center center / 150px 40px; position: absolute; left: 50%; top: 50%; margin: -20px 0 0 -75px; }
.logo-spin { -webkit-perspective: 700px; perspective: 700px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.logo-spin { -webkit-animation-name: spinHorizontal; -webkit-animation-duration: 3s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -webkit-animation-delay: .1s; }
.logo-spin { animation-name: spinHorizontal; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: linear; animation-delay: .1s; }

.spinner-1-container { width: 100%; height: 36px; text-align: center; }
.spinner-1 { width: 36px; height: 36px; margin: 0 auto; border: 3px solid #e6393f; border-radius: 50%; border-left-color: transparent; border-bottom-color: transparent; animation: spin .88s infinite linear; }

.spinner-3 { display: block; position: absolute; left: 50%; top: 50%; width: 50px; height: 50px; margin: -25px 0 0 -25px; border-radius: 50%; border: 2px solid transparent; border-top-color: #1ccbd1; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; }
.spinner-3:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 2px solid transparent; border-top-color: #c22158; -webkit-animation: spin 3s linear infinite; animation: spin 3s linear infinite; }
.spinner-3:after { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 2px solid transparent; border-top-color: #f4900d; -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; }

@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(359deg); }
}
@keyframes spin {
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); }
}

/* ----------------- */
/* --- Top panel --- */
/* ----------------- */

.top-panel { display: block; position: relative; padding: 30px 0 0; }


/* ------------ */
/* --- Logo --- */
/* ------------ */

.pnl-logo { width: 350px; height: 80px; display: block; position: relative; margin: 0px auto 20px; }
#logo { width: 350px; height: 80px; display: block; background: url('../images/logo.png') no-repeat left top / 350px 80px; }
#logo a { width: 350px; height: 80px; display: block; }
#logo a span { display: none; }

/* xs */ @media (max-width: 767px) {
.pnl-logo { width: 180px; height: 41px; position: fixed; top: 24px; left: 50%; margin-bottom: 0; margin-left: -75px; z-index: 1000 !important; }
#logo { width: 180px; height: 41px; background: url('../images/logo-sm.png') no-repeat left top / 180px 41px; }
#logo a { width: 180px; height: 41px; }
}

/* sm */ @media (min-width: 768px) and (max-width: 991px) {
.pnl-logo { width: 200px; height: 46px; position: fixed; top: 19px; left: 15px; margin-bottom: 0; z-index: 1000 !important; }
#logo { width: 200px; height: 46px; background: url('../images/logo-sm.png') no-repeat left top / 180px 41px; }
#logo a { width: 200px; height: 46px; }
}

/* ---------------- */
/* --- Top menu --- */
/* ---------------- */

nav { width: 100%; height: 85px; display: block; position: -webkit-sticky; position: sticky; top: 0px; z-index: 999; background: rgba(255,255,255,.99); }

#mMenu { display: block; margin: 0; position: relative; top: 5px; background: #008283; font-size: 0; line-height: 0; text-align: center; }
#main-menu { list-style: none; position: relative; text-align: center; font-size: 0; line-height: 0; }
#main-menu li { height: 37px; display: inline-block; float: none; position: relative; vertical-align: middle; }
#main-menu li a { font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif; height: 37px; display: block; color: #fff; font-size: 18px; font-weight: bold; line-height: 38px; padding: 0 15px; text-align: center; text-transform: uppercase; position: relative; transition: all 0.2s; }
#main-menu li:hover a,
#main-menu li a:hover { background: #039798; }
#main-menu li a.sel { background: #016969; }
#main-menu a { text-decoration: none; font-size: 14px; color: #fff; line-height: 40px; }
#main-menu li#hp-ico { width: 54px; }
#main-menu li#hp-ico:hover { background: #039798; }
#main-menu li#hp-ico a:hover { background: #039798 url('../images/assets/HP-icon-sel.png') no-repeat center center; background-size: 21px 21px; }
#main-menu li#hp-ico a { width: 54px; background: url('../images/assets/HP-icon-sel.png') no-repeat center center; background-size: 21px 21px; }
#main-menu li#hp-ico a.sel { background: #016969 url('../images/assets/HP-icon-sel.png') no-repeat center center; background-size: 21px 21px; }
#main-menu li#hp-ico a span { display: none; }

/* xs */ @media (max-width: 767px) {
nav { height: 85px; display: block; position: fixed !important; top: 0 !important; overflow: initial; }
#mMenu { border: 0 none; background: none; }
#mMenu.main-menu-cont { display: none; width: 100%; height: 100%; position: fixed; top: 20px; right: 0; bottom: 0; left: 0; z-index: 100 !important; background: rgba(255,255,255,.99); }
#main-menu { list-style: none; position: relative; overflow: hidden; padding-top: 80px; }
#main-menu li { height: 35px; display: block; }
#main-menu li a { height: 30px; font-size: 21px; font-weight: 500; line-height: 30px; font-weight: bold; border: 0 none; color: #222; }
#main-menu li a.sel { color: #008283; border: 0 none; background: none; }
#main-menu li#hp-ico { display: none; }
}

/* sm */ @media (min-width: 768px) and (max-width: 991px) {
nav { height: 85px; display: block; position: fixed !important; top: 0 !important; overflow: auto; }
#mMenu { border: 0 none; background: none; }
#mMenu.main-menu-cont { display: none; width: 100%; height: 100%; position: fixed; top: 0px; right: 0; bottom: 0; left: 0; z-index: -1 !important; background: rgba(255,255,255,.99); }
#main-menu { list-style: none; position: relative; overflow: hidden; padding-top: 100px; }
#main-menu li { height: 45px; display: block; }
#main-menu li a { height: 40px; font-size: 25px; font-weight: 500; line-height: 40px; font-weight: bold; border: 0 none; color: #222; }
#main-menu li a.sel { color: #008283; border: 0 none; background: none; }
#main-menu li#hp-ico { display: none; }
}

#main-submenu { list-style: none; position: relative; overflow: hidden; background: #d8ece6; font-size: 0; line-height: 0; }
#main-submenu li { height: 37px; display: inline-block; float: none; position: relative; }
#main-submenu li a { font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif; height: 37px; display: block; color: #008283; font-size: 18px; font-weight: bold; line-height: 38px; padding: 0 15px; text-align: center; text-transform: uppercase; position: relative; transition: all 0.2s; }
#main-submenu li:hover a,
#main-submenu li a:hover { background: #c5e0d8; }
#main-submenu li a.sel { background: #b7ded3; }
#main-submenu a { text-decoration: none; font-size: 14px; color: #333; line-height: 40px; }

/* xs */ @media (max-width: 767px) {
#main-submenu { /*display: flex; flex-direction: column; justify-content: center; height: 100%;*/ list-style: none; position: relative; overflow: hidden; background: none; padding-bottom: 20px; }
#main-submenu li { height: 35px; display: block; }
#main-submenu li a { height: 30px; font-size: 21px; font-weight: 500; line-height: 30px; font-weight: bold; border: 0 none; color: #222; }
#main-submenu li a.sel { color: #008283; border: 0 none; background: none; }
}
/* sm */ @media (min-width: 768px) and (max-width: 991px) {
#main-submenu { /*display: flex; flex-direction: column; justify-content: center; height: 100%;*/ list-style: none; position: relative; overflow: hidden; background: none; padding-bottom: 20px; }
#main-submenu li { height: 45px; display: block; }
#main-submenu li a { height: 40px; font-size: 25px; font-weight: 500; line-height: 40px; font-weight: bold; border: 0 none; color: #222; }
#main-submenu li a.sel { color: #008283; border: 0 none; background: none; }
}

/* -------------------------- */
/* --- Mobile menu button --- */
/* -------------------------- */

.mob-menu-btn { display: none; width: 25px; height: 20px; position: absolute; z-index: 1000; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }
.mob-menu-btn span { display: block; position: absolute; height: 2px; width: 100%; background: #111; border-radius: 1px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
.mob-menu-btn:hover span,
.mob-menu-btn.open span { background: #c00; }
.mob-menu-btn span:nth-child(1) { top: 0px; }
.mob-menu-btn span:nth-child(2), .mob-menu-btn span:nth-child(3) { top: 7px; }
.mob-menu-btn span:nth-child(4) { top: 14px; }
.mob-menu-btn.open span:nth-child(1) { top: 7px; width: 0%; left: 50%; }
.mob-menu-btn.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.mob-menu-btn.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.mob-menu-btn.open span:nth-child(4) { top: 7px; width: 0%; left: 50%; }

/* xs */ @media (max-width: 767px) {
.mob-menu-btn { display: block; top: 35px; left: 20px; }
}

/* sm */ @media (min-width: 768px) and (max-width: 991px) {
.mob-menu-btn { display: block; top: 33px; right: 80px; }
}

/* ----------------- */
/* --- User area --- */
/* ----------------- */

.menu-usr-ic { height: 40px; display: block; position: absolute; top: 0px; right: 15px; z-index: 1000; cursor: pointer; border-radius: 0; }
.menu-usr-ic .menu-usr-icon { display: block; float: right; width: 50px; height: 40px; background: url('../images/assets/usr-icon.png') no-repeat center center / 24px 24px; }
.menu-usr-ic .menu-usr-icon span { display: none; }
.menu-usr-ic.ic-lgin .menu-usr-icon { background: url('../images/assets/usr-icon-blue.png') no-repeat center center / 24px 24px; }
.menu-usr-ic .menu-usr-name { display: block; float: left; padding-left: 13px; height: 40px; line-height: 40px; font-size: 15px; font-weight: 400; color: #08c; }

/* user icon is in nav */
/*
.menu-usr-ic.active { background: #fafafa; }
.menu-usr-ic.active .menu-usr-icon { background: url('../images/assets/usr-icon-close.png') no-repeat center center / 24px 24px; }
.menu-usr-ic.active .menu-usr-name { color: #222; }
*/

/* xs */ @media (max-width: 767px) {
.menu-usr-ic { height: 25px; position: fixed; top: 30px; right: initial; left: 65px; z-index: 1000; }
.menu-usr-ic .menu-usr-icon { display: block; float: none; width: 25px; height: 25px; }
}

/* sm */ @media (min-width: 768px) and (max-width: 991px) {
.menu-usr-ic { height: 25px; position: fixed; top: 28px; right: 125px; z-index: 1000; }
.menu-usr-ic .menu-usr-icon { display: block; float: none; width: 25px; height: 25px; }
}

/* user icon is NOT in nav */
.btn-login-form-close { width: 50px; height: 40px; display: block; background: url('../images/assets/usr-icon-close.png') no-repeat center center / 24px 24px; cursor: pointer; position: absolute; top: 0; right: 0; z-index: 1001; }
.btn-login-form-close span { display: none; }

.user-area { width: 100%; display: none; position: absolute; top: 0px; left: 10px; right: 15px; z-index: 1001; background: #fafafa /*#69727c #f06b1c*/; border: 1px solid #ccc; /*border-top: 0 none;*/ border-radius: 0 0 3px 3px; }
.user-area.fb-login-only { width: 40%; min-width: 450px; left: auto; } /*66*/

/* xs */ @media (max-width: 767px) {
.user-area.fb-login-only { width: 100%; min-width: initial; left: 0; }
}

.login-frm { padding: 15px 10px 25px 20px; } /* 40 30 */
.login-frm:after { content: ""; display: table; clear: both; }
.login-frm h2 { padding: 0 0 5px; margin: 0; font-size: 17px; font-weight: 600; }
.login-frm h3.logged-usr-name { padding: 10px 0 0; margin: 0; font-size: 35px; font-weight: 300; }
.login-frm .mfPol { padding: 5px; }
.login-frm .mfPol.btn-only { padding: 48px 5px 5px; text-align: right; }
.login-frm .mfPol .popisek { font-size: 12px; padding-bottom: 5px; }
.login-frm .mfPol input { width: 100%; }
.login-frm a { font-size: 13px; font-weight: 300; color: #333; text-decoration: none; }
.login-frm a:hover { color: #f06b1c; }
.login-frm a.btn { font-size: 13px; font-weight: 400; color: #fff; text-decoration: none; }
.login-frm a.btn:hover { color: #fff; }
.login-frm .mfPol.btn-only.btn-logoff-cont { width: 100px; float: right; }

.fb-login-form { text-align: center; }
.fb-login-form h2 { text-align: left; }
.fb-login-button { margin-top: 15px; } /* 20 */

/* xs */ @media (max-width: 767px) {
.fb-login-form h2 { text-align: center; }
}

.sep-login-form { display: flex; justify-content: center; align-items: center; margin: -15px 0; background: url('../images/assets/sep-vertical.gif') repeat-y top center; }
.sep-login-form span { font-size: 15px; font-weight: 300; display: inline-block; padding: 10px 0; background: #fafafa; }

.btn-logoff { display: inline-block; width: 90px; }

/* xs */ @media (max-width: 767px) {
.menu-usr-name { font-size: 12px; }
.login-frm { padding: 20px 30px; }
.sep-login-form { display: flex; justify-content: center; align-items: center; margin: 0; background: url('../images/assets/sep-horizontal.gif') repeat-x center left; height: 50px !important; }
.sep-login-form span { font-size: 15px; font-weight: 300; display: inline-block; padding: 0 20px; background: #fafafa; }
.fb-login-button { margin-top: 0px; }
.login-frm h3.logged-usr-name { font-size: 25px; font-weight: 300; }
.login-frm .logged-usr,
.login-frm .mfPol.btn-only.btn-logoff-cont { text-align: center; }
}

/* --------------------- */
/* --- Google search --- */
/* --------------------- */

/*.menu-srch-ic { width: 60px; height: 74px; display: block; background: url('../images/assets/srch-icon.png') no-repeat 10px center / 38px 38px; position: absolute; top: 5px; right: 15px; z-index: 1000; cursor: pointer; border-radius: 0; }*/

.menu-srch-ic { width: 60px; height: 74px; display: block; position: absolute; top: 5px; right: 15px; z-index: 1000; cursor: pointer; border-radius: 0; }
.menu-srch-ic:before { content: ''; width: 38px; height: 38px; border: 2px solid #fff; border-radius: 50%; background: #008283 url('../images/assets/srch-icon.png') no-repeat center center / 38px 38px; position: absolute; top: 19px; left: 10px; }

.menu-srch-ic span { display: none; }
.menu-srch-ic.active { background: #008283 url('../images/assets/srch-icon-w-close.png') no-repeat 16px center / 24px 24px; z-index: 1001; }
.menu-srch-ic.active:before { content: none; }
.srch-cont { background: #008283; height: 74px; display: none; position: absolute; top: 5px; left: 15px; right: 75px; border-radius: 0px; z-index: 1001; }

.gcse-srch-frm, .gcse-srch-frm * { box-sizing: initial !important; font-family: 'Open Sans', Calibri, Arial, Helvetica, sans-serif; box-shadow: none !important; border-radius: 3px !important; z-index: inherit; }
.gcse-srch-frm { height: 52px; display: block; top: 11px; left: 5px; right: 0px; position: absolute; }
.gcse-srch-frm td.gsc-input { padding-top: 0 !important; padding-bottom: 0 !important; }
.gcse-srch-frm .gsc-input-box { height: 50px !important; line-height: 50px !important; margin-top: 0px; -webkit-appearance: none; }
.gcse-srch-frm .gsc-search-box td { padding: 0 5px !important; margin: 0 !important; }
.gcse-srch-frm input.gsc-input { height: 42px; line-height: 42px; padding: 0 5px !important; margin: 1px 0 0 !important; font-size: 13px !important; -webkit-appearance: none; }
.gcsc-find-more-on-google-magnifier { width: 48px; height: 48px; }

/* xs */ @media (max-width: 767px) {
.srch-cont { width: auto; left: 15px; z-index: 1001 !important; }
.gcse-srch-frm .gsc-input-box { height: 38px !important; line-height: 38px !important; }
.gcse-srch-frm input.gsc-input { height: 32px; line-height: 32px; }
}
/* sm */ @media (min-width: 768px) and (max-width: 991px) {
.srch-cont { width: auto; left: 15px; z-index: 1001 !important; }
.gcse-srch-frm .gsc-input-box { height: 38px !important; line-height: 38px !important; }
.gcse-srch-frm input.gsc-input { height: 32px; line-height: 32px; }
}

div.gs-webResult.gs-result a.gs-title { color: #008283 !important; }
div.gs-webResult.gs-result a.gs-title b { color: #3e454c !important; font-weight: normal !important; }
div.gs-webResult.gs-result .gs-visibleUrl-long { color: #636d76 !important; }
div.gsc-results.gsc-webResult .gsc-cursor-page { color: #fff !important; background: #111 !important; width: 30px !important; height: 30px !important; display: inline-block; text-decoration: none !important; font-size: 12px !important; line-height: 30px !important; text-align: center !important; transition: all 0.2s; }
div.gsc-results.gsc-webResult .gsc-cursor-page.gsc-cursor-current-page { background: #008283 !important; /* #e64418 */ }
div.gsc-results.gsc-webResult .gsc-cursor-box { margin-top: 40px; }
.gsc-search-button,
.gsc-search-button.gsc-search-button-v2 { display: none; background: #008283 !important; border: 1px solid #008283 !important; padding-left: 0px; padding-right: 0px;  -webkit-appearance: none; }
table.gsc-branding,
div.gcsc-branding { display: none; }
#srch-result-count { padding: 0 0 5px 16px; margin-top: 10px; font-size: 11px; color: #666; text-align: left;font-weight: 400; }

/* ---------------------------- */
/* --- Social Network Icons --- */
/* ---------------------------- */

.socnet-top { display: inline-block; position: absolute; right: 10px; top: -40px /* -100px (nahore -> -80 a -20 is bottom-margin of panel-logo*/; text-align: center; }
.socnet-top a { width: 21px; height: 21px; display: inline-block; margin: 2px; line-height: 21px; text-align: center;  }
.socnet-top a span { display: none; }
.socnet-top a.socnet-link { color: #aaa; font-size: 17px; font-style: normal; font-weight: normal; text-decoration: none; transition: all 0.2s linear; display: inline-block; }
.socnet-top a.socnet-link.icon-facebook2:hover { color: #48e; background-color: #fff; }
.socnet-top a.socnet-link.icon-twitter2:hover { color: #1dc6ff; background-color: #fff; }
.socnet-top a.socnet-link.icon-youtube:hover { color: #c00; background-color: #fff; }
.socnet-top a.socnet-link.icon-instagram:hover { color: #777; background-color: #fff; }
/*.socnet-top a.socnet-link:hover { width: 28px; height: 28px; font-size: 28px; }*/

/* xs */ @media (max-width: 767px) {
.socnet-top { left: 15px; top: 55px; right: unset; }
}
/* sm */ @media (min-width: 768px) and (max-width: 991px) {
.socnet-top { left: 15px; top: 90px; right: unset; }
}
.socnet-bottom { display: inline-block; position: relative; top: 4px; /*margin-left: 15px;*/ }
.socnet-bottom a { width: 17px; height: 17px; display: inline-block; margin: 0 4px; line-height: 17px; border-radius: 9px; box-shadow: inset 0 0 0 1px rgba(46,51,56,1); text-decoration: none !important;  }
.socnet-bottom a span { display: none; }
.socnet-bottom a.socnet-link { color: #777; font-size: 17px; font-style: normal; font-weight: normal; text-decoration: none; transition: all 0.2s linear; }
.socnet-bottom a.socnet-link.icon-facebook3:hover { color: #48e; background-color: #fff; }
.socnet-bottom a.socnet-link.icon-twitter3:hover { color: #1dc6ff; background-color: #fff; }
.socnet-bottom a.socnet-link.icon-googleplus3:hover { color: #c00; background-color: #fff; }
.socnet-bottom a.socnet-link.icon-youtube:hover { color: #c00; }
.socnet-bottom a.socnet-link.icon-instagram:hover { color: #ddd; }
.socnet-bottom a.socnet-link.icon-feed3:hover { color: #fa0; background-color: #fff; }

/* xs and sm */ @media (max-width: 991.98px) {
.socnet-bottom { text-align: center; }
}

/* ---------------- */
/* --- HP video --- */
/* ---------------- */

#hp-video-cont { display: flex; flex-wrap: wrap; padding: 10px 5px 20px; background: #008283; border-radius: 2px; }
#hp-video-cont .video-item { padding: 10px 10px 0; }
#hp-video-cont .video-item h2 { padding: 10px 5px 0; font-weight: 600; color: #fff; }
#hp-video-cont .video-main { padding-bottom: 15px; }
#hp-video-cont .video-main h2 { font-size: 27px; display: block; min-height: unset; line-height: 1.25 /*38px*/; padding: 10px 15px 0; }
#hp-video-cont .video-small h2 { font-size: 19px; line-height: 1.25 /*27px*/; display: block; min-height: 80px; }

/* --- fix video in article --- */
#hp-video-cont .video-item .vid-resp { overflow: hidden; padding-bottom: 56.25%; position: relative; height: 0; }
#hp-video-cont .video-item .vid-resp iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute; }

/* ------------------ */
/* --- HP prilohy --- */
/* ------------------ */

#hp-prilohy-cont { display: flex; flex-wrap: wrap; padding: 10px 0px; background: #eee; border-radius: 2px; }
#hp-prilohy-cont .priloha-item { padding: 10px; text-align: center; }


/* ------------------- */
/* --- HP facebook --- */
/* ------------------- */

.fb-hp-cont { padding-top: 0px /*15*/; }

/* ---------------------- */
/* --- HP DDK titulka --- */
/* ---------------------- */

.ddk-titulka-cont { padding: 0px 0 0; }
.rsekce:first-child.ddk-titulka-cont { margin-top: -20px; }
.ddk-titulka { padding: 10px 0; text-align: center; }
.ddk-titulka img { border: 1px solid #ddd; }

/* --------------- */
/* --- content --- */
/* --------------- */

.circle-image { width: 140px; height: 140px; display: inline-block; position: relative; top: 0px; border: 5px solid #fff; border-radius: 100%; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,.1); }

.articles-cont { display: flex; flex-direction: row; flex-wrap: wrap; }
.main-clk + .articles-cont { padding-top: 15px; }

.article { /*border: 1px solid #e5e5e5;*/ position: relative; }
.article a { transition: all 0.1s linear; }
.article.locked:before { content: ''; width: 16px; height: 16px; background: url('../images/lock-icon.png') no-repeat left top; position: absolute; top: 182px; right: 12px; }
.article.archived.locked:before { content: ''; width: 16px; height: 16px; background: url('../images/lock-icon.png') no-repeat left top; position: absolute; top: 12px; right: 12px; }

.article h2 { padding: 10px 0 0; font-size: 15px; line-height: 22px; font-weight: 600; }
.article h2 a { text-decoration: none; color: #111; }
.article:hover h2 a,
.article h2 a:hover { text-decoration: none; color: #008283; }
.article p { font-size: 15px; padding: 5px 0px 5px; font-weight: 300; line-height: 1.3; text-align: justify; cursor: pointer; color: #333; margin: 0; }

#article .clk-image, .article .clk-image {  }
#article .clk-image img, .article .clk-image img { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }
.article:hover .clk-image.scalable img { -webkit-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05); -o-transform: scale(1.05,1.05); -ms-transform: scale(1.05,1.05); transform: scale(1.05,1.05); }
.article.main-clk:hover .clk-image.scalable img,
.article.main-clk-hpta:hover .clk-image.scalable img { -webkit-transform: scale(1.02,1.02); -moz-transform: scale(1.02,1.02); -o-transform: scale(1.02,1.02); -ms-transform: scale(1.02,1.02); transform: scale(1.02,1.02); }

a.btn-clk-edit { display: none; transition: all .3s; color: #fff !important; }

.article a.more { display: block; text-decoration: none; color: #fff; background-color: #111; font-size: 11px; font-weight: 600; position: absolute; bottom: 52px; right: 15px; left: 15px; text-align: center; padding: 5px 0px; }
.article a.more:hover,
.article:hover a.more { color: #fff; background-color: #4ac; }

.article .tools { width: 100%; height: 35px; display: block; padding: 0 5px; border-top: 1px solid #e5e5e5; position: relative; /*position: absolute; left: 0; bottom: 0;*/ line-height: 35px; font-size: 11px; color: #999; }
.article .tools span { font-size: 11px; display: inline-block; padding: 0 5px; font-weight: 600; }
.article .tools .sekce { font-size: 10px; font-weight: 600; text-transform: uppercase; color: #333; text-decoration: none; }
.article .tools .sekce:hover { text-decoration: underline; color: #008283; }
.article:hover .tools { border-top: 1px solid #008283; }
.article:hover .tools:after { content: ""; position: absolute; height: 0; width: 0; z-index: 2; top: 0; left: 50%; margin: -12px 0 0 -6px; border: 6px solid transparent; border-bottom: 6px solid #008283; }

.article .tools .tls-dtm { float: left; width: 100px; }

.article .dmc-cont { font-size: 12px; padding: 0 0 0px; font-weight: 400; text-transform: uppercase; color: #666; text-decoration: none; }
.article .dmc-cont a { color: #333; text-decoration: none; }
.article .dmc-cont a:hover { text-decoration: underline; color: #008283; }

/* xs */ @media (max-width: 767px) {
.article .dmc-cont { padding: 10px 0 0; }
}

.article .clk-info-cont { font-size: 12px; padding: 5px 0 0; font-weight: 400; text-transform: uppercase; color: #666; text-decoration: none; }
.article .clk-info-cont a { color: #008283; text-decoration: none; }
.article .clk-info-cont a:hover { text-decoration: underline; }
.article .clk-info-cont .tls-dtm { display: inline-block; padding-left: 10px; }


.article .tools .socnet-iconz { position: absolute; top: 0; right: 10px; }
.article .tools .socnet-iconz a { width: 26px; height: 36px; display: block; float: left; margin: 0; text-align: center; line-height: 36px; border-left: 0px solid #e5e5e5 }
.article .tools .socnet-iconz a { color: #bbb; font-size: 17px; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none; }
.article .tools .socnet-iconz a  { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }
.article .tools .socnet-iconz a span { display: none; }
.article .tools .socnet-iconz a.icon-facebook3:hover { color: #48e; }
.article .tools .socnet-iconz a.icon-twitter3:hover { color: #1dc6ff; }
.article .tools .socnet-iconz a.icon-googleplus3:hover { color: #b00; }

.article .regreq { display: block; text-decoration: none; color: #888; background-color: #ddd; font-size: 11px; font-weight: 600; text-align: center; padding: 5px 0px; margin: 10px 15px; transition: all 0.2s linear; cursor: pointer; }
.article .regreq:hover,
.article:hover .regreq { color: #fff; background-color: #e64418; }

.article.main-clk { margin: 0; padding-bottom: 20px; border: 0 none; border-bottom: 1px solid #e5e5e5; }
.article.main-clk.archived { min-height: 200px; }
.article.main-clk .clk-image { margin: 0; position: relative; }
.article.main-clk .clk-image a { position: relative; }
.article.main-clk .clk-image .clk-with-video { display: block; width: 100%; height: 100%; background: rgba(0,0,0,.4) url('../images/assets/play-video.png') no-repeat center center / 82px 82px; cursor: pointer; }
.article.main-clk .clk-image .clk-with-video { transition: all .3s; opacity: .6; filter: alpha(opacity=60); position: absolute; left: 0; top: 0; z-index: 10; }
.article.main-clk:hover .clk-image .clk-with-video { opacity: 1; filter: alpha(opacity=100); }

.article.main-clk h2 { font-size: 44px; line-height: 1.05 !important; padding: 0px 0px 20px; font-weight: 700; /*letter-spacing: -1px;*/ }  /* 22 32 */
.article.main-clk h2 a { text-decoration: none; color: #111; }
.article.main-clk:hover h2 a,
.article.main-clk h2 a:hover { text-decoration: none; color: #008283; }
.article.main-clk p { font-size: 15px; line-height: 1.3; color: #333; padding: 0px 0px 5px 0px; }
.article.main-clk.locked:before { content: ''; width: 16px; height: 16px; background: url('../images/lock-icon.png') no-repeat left top; position: absolute; top: 467px; right: 12px; }
.article.main-clk.archived.locked:before { content: ''; width: 16px; height: 16px; background: url('../images/lock-icon.png') no-repeat left top; position: absolute; top: 12px; right: 12px; }
.article.main-clk .btn-clk-edit { position: relative; top: -1px; margin-left: 10px; display: none; transition: all .3s; }
.article.main-clk:hover .btn-clk-edit { display: inline-block; }

/* xs */ @media (max-width: 767px) {
.article.main-clk { border-bottom: 1px solid #bbb; }
.article.main-clk h2 { font-size: 34px; line-height: 1.05 !important; padding: 0px 0px 20px; font-weight: 700; } 
}

.article.main-clk  .dmc-cont { padding: 10px 0 5px; }

.article.main-clk:hover { border-bottom: 1px solid #008283; }
.article.main-clk:hover:after { content: ""; position: absolute; height: 0; width: 0; z-index: 2; bottom: 0; left: 50%; margin: -12px 0 0 -6px; border: 6px solid transparent; border-bottom: 6px solid #008283; }


/* ------------------------------------*/
/* --- Section articles - VERTICAL --- */
/* ------------------------------------*/

.articles-cont .vertical-clk { padding: 30px 8px 0px 8px; border: 0 none; }

.full-banner + .articles-cont .vertical-clk { padding-top: 30px; }
.hp-section-title + .articles-cont .vertical-clk { padding-top: 15px; }
.h1-title-container + .block { padding-top: 0; }
.h1-title-container + .block.articles-cont .vertical-clk { padding-top: 0px; }
.articles-cont .vertical-clk .article { width: 100%; margin: 0; padding: 0px; border: 0 none; position: relative; }

/* 3 in row*/
.articles-cont .vertical-clk:nth-child(3n+3) .article { right: -8px; }
.articles-cont .vertical-clk:first-child .article,
.articles-cont .vertical-clk:nth-child(4n+4) .article { left: -8px; }

/* 2 in row*/
.articles-cont.in-row-2 .vertical-clk:nth-child(2n+2) .article { right: -8px; }
.articles-cont.in-row-2 .vertical-clk:first-child .article,
.articles-cont.in-row-2 .vertical-clk:nth-child(3n) .article { left: -8px; }



/* xs */ @media (max-width: 767px) {
.articles-cont .vertical-clk { padding: 20px 0px 10px 0px; }
.full-banner + .articles-cont .vertical-clk { padding-top: 20px; }
.full-banner + .articles-cont .vertical-clk:first-child { padding-top: 30px; }
.articles-cont .vertical-clk .article { left: 0 !important; right: 0 !important; }
}

.articles-cont .vertical-clk .article h2 { font-size: 17px; line-height: 1.25; display: block; min-height: 75px; padding: 10px 5px; font-weight: 700; /*letter-spacing: -0.5px;*/ }
.articles-cont.in-row-2 .vertical-clk .article h2 { font-size: 17px; line-height: 1.25; display: block; min-height: 60px; padding: 10px 0px 0; font-weight: 700; /*letter-spacing: -0.5px;*/ }

/* xs */ @media (max-width: 767px) {
.articles-cont .vertical-clk .article h2 { min-height: initial; }
}

.articles-cont .vertical-clk .article p { min-height: 46px; text-align: left; }
.articles-cont.in-row-2 .vertical-clk .article p { min-height: 55px; text-align: left; }


/* ---------------------------------------*/
/* --- Subsection articles - VERTICAL --- */
/* ---------------------------------------*/

.vertical-clk.sub-sekce { padding: 0px 10px 50px 0; }
.vertical-clk.sub-sekce:nth-child(2n) { padding: 0px 0 50px 10px; }
.vertical-clk.sub-sekce .article { padding-bottom: 0px; border: 0 none; }
.vertical-clk.sub-sekce .article h2 { font-size: 21px; display: block; min-height: 50px; line-height: 50px; overflow: hidden; font-weight: 700; /*letter-spacing: -1px;*/ }
.vertical-clk.sub-sekce .article p { min-height: 46px; }

/* --------------------------------------*/
/* --- Section articles - HORIZONTAL --- */
/* --------------------------------------*/

.horizontal-clk { padding: 20px 0; position: relative; border-bottom: 1px solid #e5e5e5; }
.horizontal-clk:first-child { margin-top: 10px; }
.horizontal-clk .article { width: 100%; margin: 0; padding-bottom: 0px; overflow: hidden; }
.horizontal-clk.sub-sekce .article {padding-bottom: 0px; }
.horizontal-clk .article .clk-image { margin-right: 20px; position: relative; }
.horizontal-clk .article .clk-image .clk-with-video { display: block; width: 100%; height: 100%; background: rgba(0,0,0,.4) url('../images/assets/play-video.png') no-repeat center center / 82px 82px; cursor: pointer; }
.horizontal-clk .article .clk-image .clk-with-video { transition: all .3s; opacity: .6; filter: alpha(opacity=60); position: absolute; left: 0; top: 0; z-index: 10; }
.horizontal-clk:hover .article .clk-image .clk-with-video { opacity: 1; filter: alpha(opacity=100); }
.horizontal-clk .article h2 { font-size: 26px; line-height: 1.1; display: block; min-height: unset; font-weight: 700; /*letter-spacing: -0.5px;*/ padding-top: 5px; }
.horizontal-clk .article p { font-size: 15px; line-height: 1.5 /*22px*/; color: #333; padding: 5px 0 5px; min-height: unset; text-align: left; }
.horizontal-clk .article a.regreq { position: relative; display: inline-block; width: 96%; margin: 15px 2% 10px; }
.horizontal-clk .article.locked:before { content: ''; width: 16px; height: 16px; background: url('../images/lock-icon.png') no-repeat left top; position: absolute; top: 12px; right: 12px; }
.horizontal-clk .btn-clk-edit { position: relative; top: -1px; margin-left: 10px; display: none; transition: all .3s; }
.horizontal-clk:hover .btn-clk-edit { display: inline-block; }

.horizontal-clk:hover { border-bottom: 1px solid #008283; }
.horizontal-clk:hover:after { content: ""; position: absolute; height: 0; width: 0; z-index: 2; bottom: 0; left: 50%; margin: -12px 0 0 -6px; border: 6px solid transparent; border-bottom: 6px solid #008283; }

/*.horizontal-clk .dmc-cont { font-size: 11px; color: #999; text-align: left; padding-left: 0; }
.horizontal-clk .clk-info-cont { font-size: 12px; color: #999; padding-top: 5px; }
.horizontal-clk .clk-info-cont .sekce { display: inline-block; color: #008283; text-transform: uppercase; text-decoration: none; }*/



/* xs */ @media (max-width: 767px) {
.horizontal-clk { border-bottom: 1px solid #bbb; }
.horizontal-clk .article h2 { font-size: 21px; line-height: 1.25; padding: 10px 0 0; }
.horizontal-clk .flex-row { flex-direction: column; }
}

.btn-next-news { height: 40px; line-height: 40px; margin: 20px 0; text-decoration: none; font-size: 16px; font-weight: 600; background: #222; color: #fff; text-align: center; text-transform: uppercase; }
.btn-next-news:hover { background: #008283; color: #fff; }
p.under-constr-section { margin-top: 10px; font-weight: 300; font-size: 17px; line-height: 25px; padding: 10px 15px 15px; border: 1px solid #3e454c; }


/* -------------------------*/
/* --- HP small article --- */
/* -------------------------*/

.articles-cont .hp-small-clk { position: relative; padding: 15px 22px 0px 0px; border: 0 none; }
.articles-cont .hp-small-clk:nth-child(2n) { padding: 15px 0px 0px 22px;  }

.hp-small-clk .article { width: 100%; margin: 0; padding-bottom: 15px; border: 0 none; }
.hp-small-clk.sub-sekce .article { padding-bottom: 0px; border: 0 none; }
/*.hp-small-clk .article .clk-image { display: block; position: relative; width: 270px; height: 170px; overflow: hidden; border: 0 none; float: left; margin-right: 20px; }*/
.hp-small-clk .article .clk-image { margin-right: 20px; position: relative; }
.hp-small-clk .article .clk-image .clk-with-video { display: block; width: 100%; height: 100%; background: rgba(0,0,0,.4) url('../images/assets/play-video.png') no-repeat center center / 82px 82px; cursor: pointer; }
.hp-small-clk .article .clk-image .clk-with-video { transition: all .3s; opacity: .6; filter: alpha(opacity=60); position: absolute; left: 0; top: 0; z-index: 10; }
.hp-small-clk:hover .article .clk-image .clk-with-video { opacity: 1; filter: alpha(opacity=100); }
.hp-small-clk .article h2 { font-size: 15px; display: block; min-height: unset; line-height: 1.25 /*25px*/; padding: 0px; font-weight: 600; }
.hp-small-clk .article p { min-height: unset; text-align: left; font-size: 15px; line-height: 24px; }
.hp-small-clk .article a.regreq { position: relative; display: inline-block; width: 96%; margin: 15px 2% 10px; }
.hp-small-clk .article.locked:before { content: ''; width: 16px; height: 16px; background: url('../images/lock-icon.png') no-repeat left top; position: absolute; top: 12px; right: 12px; }
.hp-small-clk .article.archived.locked:before { content: ''; width: 16px; height: 16px; background: url('../images/lock-icon.png') no-repeat left top; position: absolute; top: 12px; right: 12px; }
.hp-small-clk .btn-clk-edit { position: relative; top: -1px; margin-left: 10px; display: none; transition: all .3s; }
.hp-small-clk:hover .btn-clk-edit { display: inline-block; }
.hp-small-clk .tools { position: relative; margin-top: 0; top: 0; }
.hp-small-clk .tools .tls-dtm { width: 85px; }
.hp-small-clk .tools .dmc-cont { text-align: left; padding-left: 0; }
.hp-small-clk .tools .sekce { width: 100px; float: right; text-align: right; }
.hp-small-clk .article:hover .tools:after { content: ""; position: absolute; height: 0; width: 0; z-index: 2; top: 0; left: 70%; margin: -12px 0 0 -6px; border: 6px solid transparent; border-bottom: 6px solid #008283; }

/* xs */ @media (max-width: 767px) {
.articles-cont .hp-small-clk,
.articles-cont .hp-small-clk:nth-child(2n) { padding: 15px 0px 0px;  }
}



/* ---------------------*/
/* --- HP BIG THEME --- */
/* ---------------------*/

/*.big-theme { background: url('../images/big-theme.jpg') no-repeat left center; background-size: cover; }
.big-theme:before { content: ''; background: rgba(133, 26, 0, 0.80); width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }*/

.big-theme { background-repeat: no-repeat; background-position: left center;  background-size: cover; }
.big-theme-inner { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; height: 100%; position: relative; top: 0; right: 0; bottom: 0; left: 0; }

.big-theme h2.theme-title { font-size: 30px; line-height: 1.25; color: #111 !important; background: #fff; font-weight: bold; text-transform: uppercase; padding: 0 0 0 15px; margin-top: 15px; position: relative; z-index: 1; }
.big-theme h3.theme-title { font-size: 30px; line-height: 1.25; color: #eee !important; font-weight: bold; text-transform: uppercase; padding: 15px 0 0 15px; position: relative; z-index: 1; }

.big-theme .bt-clks .bt-clk { padding: 15px 15px 15px 30px; position: relative; }
.big-theme .bt-clks + .bt-clks .bt-clk { padding: 15px 30px 15px 15px; }

.big-theme .bt-clks .bt-clk h2,
.big-theme .bt-clks .bt-clk h2 a { font-family: 'Open Sans', Calibri, sans-serif; font-size: 18px; color: #fff; }

.big-theme ul { padding: 0px 5px 5px 25px; margin: 15px 0; position: relative; background: #fff; }
.big-theme ul li { list-style-type: square; padding: 5px 0px 5px 0px; margin: 0; }
.big-theme ul li h3 { font-family: 'Open Sans', Calibri, sans-serif; font-size: 15px; padding: 0; font-weight: 400; line-height: 1.25; }
.big-theme ul li h3 a { color: #333; text-decoration: none; }
.big-theme ul li h3 a:hover { text-decoration: underline; }






/*

.big-theme h2.theme-title { font-size: 17px; line-height: 1.25; color: #eee !important; font-weight: 600; text-transform: uppercase; padding: 15px 30px 0; position: relative; z-index: 1; }
.big-theme .article * { color: #eee !important; }
.big-theme .articles-cont .article { width: 100%; margin: 0; padding: 0px; border: 0 none; position: relative; }
.big-theme .articles-cont .horizontal-clk,
.big-theme .articles-cont .horizontal-clk:first-child { padding: 0px 20px 0px 20px; margin: 0; border: 0 none; }

.big-theme .two-in-row { padding: 15px 30px; }
.big-theme .two-in-row .horizontal-clk:nth-child(2n+2) .article { right: -20px; }
.big-theme .two-in-row .horizontal-clk:first-child .article,
.big-theme .two-in-row .horizontal-clk:nth-child(3n) .article { left: -20px; }
.big-theme .two-in-row .horizontal-clk .article h2 { font-size: 17px; }

.big-theme .three-in-row { background: rgba(237, 237, 237, 0.20); padding: 15px 30px; }
.big-theme .three-in-row .horizontal-clk:nth-child(3n+3) .article { right: -20px; }
.big-theme .three-in-row .horizontal-clk:first-child .article,
.big-theme .three-in-row .horizontal-clk:nth-child(4n+4) .article { left: -20px; }
.big-theme .three-in-row .horizontal-clk .article h2 { font-size: 15px; font-weight: 600; }

*/







.flex-row .clk-image,
.flex-row .clk-text { flex: 1; }


#top-clanky { position: relative; padding: 15px 0 0px; }

.column-side .rsekce { margin-top: 15px; padding-bottom: 15px; }
.column-side .rsekce.frst-rsekce,
.part-top .column-side .rsekce:first-child { margin-top: 0; }
.column-side .rsekce.frst-rsekce.ddk-top-banner { margin-top: 20px; }
.column-side .rsekce:last-child { padding-bottom: 0; }

.column-side .rsekce h2.rvrz { font-size: 20px; padding: 3px 0 5px 8px; color: #fff; background-color: #008283; border: 1px solid #e5e5e5; border-bottom: 0 none; }
.column-side .rsekce h2.rvrz a { color: #fff; text-decoration: none; }
.column-side .rsekce h2.rvrz.blk { padding: 7px 0 7px 9px; color: #fff; background-color: #3e454c; border: 0 none; margin-top: 20px; }
.column-side .rsekce h2.rvrz.blk a { color: #fff; text-decoration: none; }
.column-side.flR .rsekce:first-child h2.rvrz { margin-top: -5px; }

.column-side .article { width: 300px; position: relative; overflow: hidden; cursor: pointer; }
.column-side .article.brdr { height: 76px; border: 1px solid #e5e5e5; border-top: 0 none; }
.column-side .article.locked:before { content: ''; width: 16px; height: 16px; position: absolute; background: url('../images/lock-icon-x.png') no-repeat left top; position: absolute; bottom: 10px; right: 90px; }
.column-side .rsekce h2 + .article.brdr ,
.column-side .rsekce .article.brdr .frst { border-top: 1px solid #e5e5e5; }

.column-side .rsekce.meteo { text-align: center; font-size: 11px; }
.column-side .rsekce.meteo a { text-align: center; font-size: 11px; color: #333; text-decoration: none; display: block; padding-top: 5px; }
.column-side .rsekce.meteo a:hover { color: #333; text-decoration: underline; }


.column-side .article a { transition: all 0.1s linear; }
.column-side .article .clk-image { display: block; position: relative; width: 80px; height: 80px; overflow: hidden; border-left: 1px solid #e5e5e5; float: right; }
.column-side .article .clk-image img { display: block; position: relative; top: 0; left: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }
.column-side .article:hover .clk-image.scalable img { -webkit-transform: scale(1.2,1.2); -moz-transform: scale(1.2,1.2); -o-transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); transform: scale(1.2,1.2); }
.column-side .article .clk-text { display: block; position: relative; width: 211px; height: 80px; padding-left: 7px; overflow: hidden; float: left; }
.column-side .article h3 { font-size: 13px; padding: 7px 2px 0 0; font-weight: 300; line-height: 18px; }
.column-side .article h3 a { text-decoration: none; color: #111; }
.column-side .article h3 a:hover { text-decoration: underline; color: #008283; }
.column-side .article p { display: inline-block; padding-top: 7px; font-size: 11px; color: #999; }
.column-side .article:hover h3 a { text-decoration: underline; color: #008283; }

.column-side .news-clk { padding: 15px 7px 5px; position: relative; }
.column-side .news-clk .news-dtm { font-size: 11px; font-weight: 600; line-height: 13px; color: #111; padding-left: 18px; background: url('../images/assets/clock.png') no-repeat left center / 13px 13px; }
.column-side .news-clk img { float: left; margin: 10px 10px 3px 0; }
.column-side .news-clk h3 { font-size: 13px; padding: 7px 2px 0 0; font-weight: 300; line-height: 19px; }
.column-side .news-clk .btn-clk-edit { position: absolute; top: 10px; right: 0px; z-index: 10; display: none; transition: all .3s; }
.column-side .news-clk:hover .btn-clk-edit { display: block; }

.column-side .tops-clk { padding: 10px 7px 5px; position: relative; }
.column-side .tops-clk .news-dtm { font-size: 11px; font-weight: 600; line-height: 19px; color: #111; padding-left: 20px; padding-right: 10px; background: url('../images/assets/tops.png') no-repeat left center / 13px 13px; }
.column-side .tops-clk h3 { font-family: 'Open Sans', Calibri, sans-serif; color: #008283; font-size: 15px; padding: 0 0 0 22px; font-weight: 300; line-height: 1.25; background: url('../images/assets/tops.png') no-repeat left 3px / 13px 13px; }
.column-side .tops-clk h3 a { color: #008283; text-decoration: none; }
.column-side .tops-clk h3 a:hover { text-decoration: underline; }
.column-side .tops-clk:hover .btn-clk-edit { display: block; }

.column-side .ul-tops { padding: 0px 0px 5px 15px; position: relative; }
.column-side .ul-tops li  { list-style-type: square; padding: 5px 0px 5px 0px; margin: 0; color: #008283; }
.column-side .ul-tops li h3 { font-family: 'Open Sans', Calibri, sans-serif; color: #008283; font-size: 15px; padding: 0; font-weight: 400; line-height: 1.25; }
.column-side .ul-tops li h3 a { color: #008283; text-decoration: none; }
.column-side .ul-tops li h3 a:hover { text-decoration: underline; }


.column-side .comment a { transition: all 0.1s linear; }
.column-side .comment { width: 300px; /*height: 76px;*/ border-top: 0 none; position: relative; overflow: hidden; cursor: pointer; padding: 8px 0; }
.column-side .comment:first-child { padding-top: 0; }
.column-side .comment .usr-image { display: block; position: relative; width: 55px; height: 80px; overflow: hidden; float: left; }
.column-side .comment .usr-image img { display: block; position: relative; width: 50px; height: 50px; top: 0; left: 0; border: 1px solid #eee; border-radius: 3px; }
.column-side .comment .clk-text { display: block; position: relative; width: 235px; /*height: 70px;*/ padding-left: 10px; overflow: hidden; float: left; }
.column-side .comment .autor { font-size: 13px; padding: 0 0 0 0; font-weight: 600; line-height: 16px; color: #111; }
.column-side .comment h3 { font-size: 13px; padding: 7px 2px 0 0; font-weight: 300; line-height: 18px; }
.column-side .comment h3 a { text-decoration: none; color: #111; }
.column-side .comment h3 a:hover { text-decoration: underline; color: #008283; }
.column-side .comment p { display: block; padding-top: 3px; font-size: 10px; color: #777; text-align: right; }
.column-side .comment:hover h3 a { text-decoration: underline; color: #008283; }
.column-side .comment .btn-clk-edit { position: absolute; top: 5px; right: 0px; z-index: 10; display: none; transition: all .3s; }
.column-side .comment:hover .btn-clk-edit { display: block; }

.pnl-main-down .comment a { transition: all 0.1s linear; }
.pnl-main-down .comment { /*width: 100%; height: 76px;*/ border-top: 0 none; position: relative; overflow: hidden; cursor: pointer; padding: 15px 10px 0 10px; }
.pnl-main-down .comment:first-child { padding-top: 0; }
.pnl-main-down .comment .usr-image { display: block; position: relative; width: 65px; height: 80px; /*overflow: hidden; float: left;*/ }
.pnl-main-down .comment .usr-image img { display: block; position: relative; width: 50px; height: 50px; top: 0; left: 0; border: 1px solid #eee; border-radius: 3px; }
.pnl-main-down .comment .clk-text { display: block; position: relative; /*width: 235px; height: 70px; padding-left: 10px; overflow: hidden; float: left;*/ }
.pnl-main-down .comment .autor { font-size: 13px; padding: 0 0 0 0; font-weight: 600; line-height: 16px; color: #111; }
.pnl-main-down .comment h3 { font-size: 13px; padding: 7px 2px 0 0; font-weight: 300; line-height: 18px; }
.pnl-main-down .comment h3 a { text-decoration: none; color: #111; }
.pnl-main-down .comment h3 a:hover { text-decoration: underline; color: #008283; }
.pnl-main-down .comment p { display: block; padding-top: 3px; font-size: 10px; color: #777; text-align: right; }
.pnl-main-down .comment:hover h3 a { text-decoration: underline; color: #008283; }
.pnl-main-down .comment .btn-clk-edit { position: absolute; top: 5px; right: 0px; z-index: 10; display: none; transition: all .3s; }
.pnl-main-down .comment:hover .btn-clk-edit { display: block; }


/* ------------------------ */
/* --- Article (detail) --- */
/* ------------------------ */

#article { width: 100%; margin-top: 0; border: 0px solid #e5e5e5; margin-right: 13px; margin-top: 0px; position: relative; }

#article h2, #article h3, #article h4, #article h5 { font-size: 19px; font-weight: 600; }

#article.txt { position: relative; }
#article.autorPlace { padding: 5px 0 10px; min-height: 20px; overflow: hidden; }
#article.autorPlace img.autorAvatar { float: left; margin: 5px 20px 5px 10px; border: 1px solid #eee; }
#article .clk-image { display: block; position: relative; overflow: hidden; border-bottom: 1px solid #e5e5e5; }
#article .clk-image .img-info { position: absolute; bottom: 0; right: 0; line-height: 20px; padding: 0 10px; font-size: 11px; font-style: italic; color: #111; background: rgba(255,255,255,.7); -webkit-border-radius: 3px 0 0 0; -moz-border-radius: 3px 0 0 0; border-radius: 3px 0 0 0; }
#article .clk-image .img-info span { color: #555; }
#article .clk-image .img-info span.sep { display: inline-block; padding: 0 5px; color: #555; }
#article a { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }
#article a { color: #008283; text-decoration: none; font-weight: 300; }
#article a:hover { text-decoration: underline; }
#article .sekce { display: block; padding: 10px 0 0 15px; font-size: 10px; font-weight: 600; color: #333; text-transform: uppercase; }
#article .sekce a { color: #333; text-decoration: none; }
#article .sekce a:hover { color: #008283; }
#article p { font-size: 17px; line-height: 25px; padding: 5px 0px 15px; font-weight: 300; text-align: justify; color: #222; }
#article p img { max-width: 700px; }
#article p.clk-perex { padding: 30px 0px 15px; font-weight: 600 /*600*/; text-align: justify; color: #111; }
#article p.bq { margin: 10px 0px 10px 20px; padding: 5px 10px 5px 20px; border-left: 1px solid #008283; font-style: italic; color: #444; }
#article p.bqn { margin: 10px 0px 10px 20px; padding: 5px 10px 5px 20px; border-left: 1px solid #008283; font-style: normal; color: #444; }
#article p em { font-style: italic; }
#article .autorCLK { display: block; padding-left: 15px; font-size: 12px; color: #444; }

#article .info-text-cont { display: block; float: right; width: 33%; max-width: 250px; padding: 10px; border: 1px solid #008283; background: #fef9f1; border-radius: 3px; margin: 0 0 10px 20px; font-size: 15px; line-height: 21px; text-align: left; }

#article ul { padding: 0 15px; position: relative; }
#article ul li { padding: 5px 10px 5px 25px; margin: 0; list-style: none; position: relative; color: #222; font-size: 17px; line-height: 25px; font-weight: 300; }
#article ul li:before { content: '\f105'; font-family: FontAwesome; color: #008283; font-size: 15px; position: absolute; left: 5px; top: 4px; }
#article ul li h2 { font-size: 15px; line-height: 23px; font-weight: 600; color: #111; margin: 0; padding: 0; }
#article ul li h3 { font-size: 15px; line-height: 23px; font-weight: 400; color: #111; margin: 0; padding: 0; }
#article ol { padding: 0px 15px; position: relative; }
#article ol li { padding: 5px 10px 5px 10px; margin-left: 15px; font-size: 15px; line-height: 22px; font-weight: 300; list-style-type: decimal; }
#article ol.alfb li { list-style-type: lower-alpha; }
#article ol li h2 { font-size: 19px; line-height: 23px; font-weight: 600; color: #111; margin: 0; padding: 0; }
#article ol li h3 { font-size: 19px; line-height: 23px; font-weight: 400; color: #111; margin: 0; padding: 0; }

#article .tools { width: 100%; height: 36px; display: block; padding-left: 0px; border: 0px solid #e5e5e5; border-top: 0 none; line-height: 36px; font-size: 12px; color: #666; position: relative; }
#article .tools.after-text { border: 1px solid #e5e5e5; padding-left: 15px; margin: 20px 0; }

#article .tools.lck { padding-left: 45px; background: url('../images/lock-icon.png') no-repeat 15px 9px; }
#article .mini-info-item#type-of-clk { display: inline-block; float: right; margin-right: 125px; }
#article .tools .btn-clk-edit { position: relative; top: -1px; margin-left: 10px; display: none; transition: all .3s; }
#article:hover .tools .btn-clk-edit { display: inline-block; }
#article .tools .socnet-iconz { position: absolute; top: 0; right: 10px; }
#article .tools .socnet-iconz a { width: 26px; height: 35px; display: block; float: left; margin: 0; text-align: center; line-height: 35px; border-left: 0px solid #e5e5e5 }
#article .tools .socnet-iconz a { color: #bbb; font-size: 17px; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none; }
#article .tools .socnet-iconz a  { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }
#article .tools .socnet-iconz a span { display: none; }
/*
#article .tools .socnet-iconz a.icon-facebook { color: #48e; }
#article .tools .socnet-iconz a.icon-twitter { color: #1dc6ff; }
#article .tools .socnet-iconz a.icon-googleplus { color: #b00; }
#article .tools .socnet-iconz a.icon-facebook:hover { background-color: #48e; color: #fff; }
#article .tools .socnet-iconz a.icon-twitter:hover { background-color: #1dc6ff; color: #fff; }
#article .tools .socnet-iconz a.icon-googleplus:hover { background-color: #b00; color: #fff; }
*/
#article .tools .socnet-iconz a.icon-facebook3:hover { color: #48e; }
#article .tools .socnet-iconz a.icon-twitter3:hover { color: #1dc6ff; }
#article .tools .socnet-iconz a.icon-googleplus3:hover { color: #b00; }

#article .tools .sekce { display: inline-block; font-size: 12px; padding: 0 8px; text-transform: uppercase; }
#article .tools a.sekce { color: #008283; text-decoration: none; }
#article .tools a.sekce:hover { text-decoration: underline; }

#article .tools .tls-dtm { display: inline-block; padding: 0 8px; }

#article .tools .dmc-cont { display: inline-block; font-size: 12px; padding: 0 8px 0 0; font-weight: 400; text-transform: uppercase; color: #666; text-decoration: none; }
#article .tools .dmc-cont a { color: #333; text-decoration: none; }
#article .tools .dmc-cont a:hover { text-decoration: underline; color: #008283; }

.redaction-note { font-size: 12px; line-height: 1.5; padding: 7px 10px; color: #222; background-color: #d8ece6; border: 1px solid #008283; }

#article .img-in-clk { position: relative; display: inline-block; }
#article .img-in-clk .img-info { position: absolute; bottom: 0; right: 0; line-height: 20px; padding: 0 10px; font-size: 11px; font-style: italic; color: #111; background: rgba(255,255,255,.7); -webkit-border-radius: 3px 0 0 0; -moz-border-radius: 3px 0 0 0; border-radius: 3px 0 0 0; }
#article .img-in-clk .img-info span { color: #555; } 
#article .img-in-clk .img-info span.sep { display: inline-block; padding: 0 5px; color: #555; }

#article .twitter-tweet { display: inline-block; margin: 0 auto; position: relative; }


/* --- fix video in article --- */
/* xs */ @media (max-width: 767px) {
.content #article .vid-resp { overflow: hidden; padding-bottom: 56.25%; position: relative; height: 0; }
.content #article .vid-resp iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute; }
}
/* sm */@media (min-width: 768px) and (max-width: 991px) {
.content #article .vid-resp { overflow: hidden; padding-bottom: 56.25%; position: relative; height: 0; }
.content #article .vid-resp iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute; }
}
/* --- / fix video in article --- */


/* ----------------------------- */
/* --- Locked article - form --- */
/* ----------------------------- */

#clkLockedForm { width: 90%; display: block; background-color: #f6f6f6; border: 1px solid #ddd; margin: 30px auto; padding: 20px 0; text-align: center;  }
#clkLockedForm p { font-size: 15px; line-height: 22px; padding: 0px 15px 30px; font-weight: 300; text-align: center; }
#clkLockedForm a#clkPredplatitel { display: inline-block; height: 38px; padding: 0 15px; margin: 0 5px; background-color: #111; text-decoration: none; text-transform: uppercase; color: #fff; line-height: 38px; font-size: 11px; font-weight: 600; font-family: 'Open Sans', Calibri, Arial, Helvetica, sans-serif; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
#clkLockedForm a#clkPredplatitel:hover { background-color: #e64418; }
#clkLockedForm a#clkPredplatitel i { display: inline-block; float: left; line-height: 36px; padding: 0 10px 0 0; font-size: 14px; }
#clkLockedForm a#clkRegistrace { display: inline-block; height: 38px; padding: 0 15px; margin: 0 5px; background-color: #111; text-decoration: none; text-transform: uppercase; color: #fff; line-height: 38px; font-size: 11px; font-weight: 600; font-family: 'Open Sans', Calibri, Arial, Helvetica, sans-serif; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
#clkLockedForm a#clkRegistrace:hover { background-color: #e64418; }
#clkLockedForm a#clkRegistrace i { display: inline-block; float: left; line-height: 36px; padding: 0 10px 0 0; font-size: 14px; }


/* ------------------------------ */
/* --- Edit button of article --- */
/* ------------------------------ */

#article.txt a.btn-clk-edit { position: absolute; bottom: 10px; left: 10px; z-index: 10; display: none; transition: all .3s; color: #fff !important; }
#article.txt a.btn-clk-edit:hover { text-decoration: none; }
#article.txt:hover .btn-clk-edit { display: inline-block; }


/* ----------------------- */
/* --- Tags of article --- */
/* ----------------------- */

#kws-tags-title { display: none; }
#kws-tags { /*margin-top: 10px; padding: 0px 15px 10px 0px;*/ position: relative; }
#kws-tags a.kws-tag { display: inline-block; padding: 5px 15px; margin: 0 3px 10px 3px; font-size: 12px; text-align: center; vertical-align: middle; background: #d8ece6; text-decoration: none; color: #008283; }
#kws-tags a.kws-tag:hover { background-color: #008283; color: #fff; }
#kws-tags a span { display: none; }

/* ---------------------------- */
/* --- Discusion of article --- */
/* ---------------------------- */

#dsk-link-place { overflow: hidden; padding: 0 15px; }
#dsk-link { float: right; height: 24px; line-height: 24px; font-size: 14px; font-weight: 400; padding-left: 24px; margin-top: 20px; color: #008283; cursor: pointer; background: url('../images/icons/i16color/chats.png') no-repeat left center; }
#dsk-link:hover { color: #000; }

#clk-diskuse { margin-top: 20px; }
#clk-diskuse a { transition: all 0.2s linear; color: #008283; text-decoration: none;  }
#clk-diskuse a:hover { text-decoration: underline; }
#clk-diskuse p { font-size: 15px; line-height: 22px; padding: 5px 15px 15px; font-weight: 300; text-align: justify; color: #333; }


/* ---------------------------------- */
/* --- Related articles - kam dal --- */
/* ---------------------------------- */

/* --- old style --- */

.related-cont { display: flex; flex-direction: row; padding: 15px 0px 15px; border: 0 none; overflow: hidden; }
.related-column { display: flex; flex-direction: column; flex: 1; padding: 0px; }
.related-column.related-column-left { padding-right: 8px; }
.related-column.related-column-right { padding-left: 8px; }
.related-column .related-item { flex: 1; padding: 15px 0 0; }
.related-column .related-item:first-child { padding-top: 0; }
.related-article-cont { width: 100%; height: 210px; display: block; /*border: 1px solid #ddd;*/ background-position: center center; background-repeat: no-repeat; background-size: cover; /*background-size: 340px 213px;*/ position: relative; overflow: hidden; }
.related-article-link { width: 100%; height: 210px; display: block; padding: 0; margin: 0; }
.related-article-title { position: absolute; left: 0; right: 0; bottom: 0; z-index: 10; }
.related-article-title { padding: 10px; margin: 0; background: rgba(0, 0, 0, 0.60) /*rgba(20, 117, 185, 0.70)*/; color: #eee; font-size: 14px; line-height: 19px; }

/* xs */ @media (max-width: 767px) {
.related-cont { flex-direction: column; }
.related-column { padding: 0px !important; }
}

/* --- new style --- */

.related-clk-cont { display: flex; flex-direction: column; padding: 15px 0px 15px; border: 0 none; }
.related-clk-item { display: flex; flex-direction: row; padding: 15px 0; }
.related-clk-item .rci-image { flex: 0 0 200px; }
.related-clk-item .rci-title { flex: 1; padding: 0 15px; }
.related-clk-item .rci-title h3 { margin: 0; padding: 3px 0 5px; }
.related-clk-item .rci-title h3 a { font-size: 17px; font-weight: 700; color: #555; text-decoration: none; }
.related-clk-item:hover .rci-title h3 a,
.related-clk-item .rci-title h3 a:hover { color: #008283; }
.related-clk-item .rci-title p { line-height: 1.3; }
.related-clk-item .rci-title p a { font-size: 13px; font-weight: 400; color: #555; text-decoration: none; }

/* xs */ @media (max-width: 767px) {
.related-clk-item { display: flex; flex-direction: column; padding: 15px 0; }
.related-clk-item .rci-image { flex: 1; }
.related-clk-item .rci-title { padding: 10px 5px 5px; }
}


/* ------------------ */
/* --- HP gallery --- */
/* ------------------ */

#hp-gallery-cont { /*display: flex; flex-direction: column; flex-wrap: wrap;*/ padding: 10px; background: #008283; border-radius: 2px; }

#hp-gallery-cont .hp-gallery-items { display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 -8px; padding-bottom: 10px; }
#hp-gallery-cont .hp-gallery-item { padding: 0 8px; }
#hp-gallery-cont .hp-gallery-item .article { position: relative; }

/* xs */ @media (max-width: 767px) {
#hp-gallery-cont .hp-gallery-item { padding: 0 8px 20px; }
}

#hp-gallery-cont .article { border: 0 none; }
#hp-gallery-cont .article.main-clk { width: 100%; }

#hp-gallery-cont .article h2 { padding-top: 10px; font-size: 22px; font-weight: bold; }
#hp-gallery-cont .article h2,
#hp-gallery-cont .article h2 a { color: #fff; text-decoration: none; }
#hp-gallery-cont .article:hover h2 a,
#hp-gallery-cont .article h2 a:hover { color: #fff; text-decoration: underline; }

#hp-gallery-cont .article.main-clk .gal-main-image,
#hp-gallery-cont .article.main-clk .gal-main-image img { width: 100%; height: auto; }


/* -------------------------- */
/* --- Gallery of article --- */
/* -------------------------- */

/*.galerie { padding: 0 0 20px 20px; border-top: 0px solid #ddd; position: relative; overflow: auto; }
.galerie .gal-pol-img { width: 102px; height: 72px; display: block; overflow: hidden; background: #fcfcfc url('../images/assets/p16-circle1.png') no-repeat center center; border: 1px solid #eee; float: left; margin: 5px 5px 10px 5px; position: relative; }
.galerie .gal-pol-img.sq { width: 72px; height: 72px; }*/


.rel-gal-clk-cont { padding: 30px 0; }
.rel-gal-clk-items { padding-top: 0px; display: flex; flex-wrap: wrap; }
.rel-gal-clk-items::after { content: ''; clear: both; display: table; }
.rgc-item { padding: 10px 0 5px; }
.rgc-item .article::after { content: ''; clear: both; display: table; }
.rgc-item .article { cursor: pointer; }
.rgc-item .article a { transition: all 0.1s linear; }
.rgc-item .article .clk-image { display: block; position: relative; width: 80px; height: 80px; overflow: hidden; border: 0 none; border-bottom: 0 none !important; border-right: 1px solid #e5e5e5; float: left; }
.rgc-item .article .clk-image img { display: block; border: 0 none; position: relative; top: 0; left: 0; transition: all 0.2s linear; }
.rgc-item .article:hover .clk-image.scalable img { -webkit-transform: scale(1.2,1.2); -moz-transform: scale(1.2,1.2); -o-transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); transform: scale(1.2,1.2); }
.rgc-item .article .clk-text { display: block; position: relative; /*height: 80px;*/ padding: 0 7px 0 15px; overflow: hidden; }
.rgc-item .article h2,
.rgc-item .article h2 a { font-size: 17px !important; line-height: 21px !important; font-weight: 400 !important; text-decoration: none; color: #222 !important; }
.rgc-item .article h2 {  padding: 2px 2px 0 0 !important;  }
.rgc-item .article .clk-text { cursor: pointer; }
.rgc-item .article h2 a:hover,
.rgc-item .article .clk-text:hover h2 a,
.rgc-item .article:hover h2 a { text-decoration: underline !important; color: #008283 !important; }
.rgc-item .article .tls-dtm { display: block; padding-top: 7px; font-size: 11px; color: #999; }


/* --------------------------- */
/* --- Articles of gallery --- */
/* --------------------------- */

#article .gallery-text { padding: 20px 0 30px; }
.gallery-cont { display: flex; flex-wrap: wrap; }
.gallery-cont .gal-item { padding: 3px; }
.gallery-cont .gal-item a { cursor: url('../images/assets/srch-icon-cursor.png'), pointer; }


/* -------------------------------- */
/* --- Fotogallery (fotoreport) --- */
/* -------------------------------- */

.vertical-gal .article.main-clk .clk-image { overflow: hidden; }
.vertical-gal .article.main-clk h2 { font-size: 26px; line-height: 1.1; display: block; padding: 5px 0px 0; font-weight: 700; }
.vertical-gal .article.main-clk .tls-dtm { font-size: 12px; line-height: 1.1; padding: 10px 0 0; font-weight: 400; color: #666; }

.articles-cont .vertical-gal { padding: 30px 8px 10px 8px; border: 0 none; }
.full-banner + .articles-cont .vertical-gal { padding-top: 30px; }
.articles-cont .vertical-gal .article { width: 100%; margin: 0; padding: 0 0 10px; border: 0 none; position: relative; border-bottom: 1px solid #e5e5e5; }
.articles-cont .vertical-gal .article:hover { border-bottom: 1px solid #008283; }
.articles-cont .vertical-gal .article:hover:after { content: ""; position: absolute; height: 0; width: 0; z-index: 2; bottom: 0; left: 50%; margin: -12px 0 0 -6px; border: 6px solid transparent; border-bottom: 6px solid #008283; }
.articles-cont .vertical-gal:nth-child(3n+3) .article { right: -8px; }
.articles-cont .vertical-gal:first-child .article,
.articles-cont .vertical-gal:nth-child(4n+4) .article { left: -8px; }

/* xs */ @media (max-width: 767px) {
.articles-cont .vertical-gal { padding: 20px 0px 10px 0px; }
.full-banner + .articles-cont .vertical-gal { padding-top: 20px; }
.full-banner + .articles-cont .vertical-gal:first-child { padding-top: 30px; }
.articles-cont .vertical-gal .article { left: 0 !important; right: 0 !important; }
}

.articles-cont .vertical-gal .article .clk-image { overflow: hidden; width: 222px; height: 140px; }
.articles-cont .vertical-gal .article h2 { font-size: 19px; line-height: 1.1; display: block; min-height: 50px; padding: 5px 0px 0; font-weight: 700; }
.articles-cont .vertical-gal .article .tls-dtm { font-size: 12px; line-height: 1.1; padding: 10px 0 0; font-weight: 400; color: #666; }
.sep-strip .vertical-gal .article p { display: none; }
#article .clk-image.gal-main-image { cursor: url('../images/assets/srch-icon-cursor.png'), pointer; }
#article .gallery-text { padding: 20px 0 30px; }

.gallery-cont { display: flex; flex-direction: row; flex-wrap: wrap; padding-bottom: 40px; }
.gallery-cont .gal-item { padding: 3px; }
.gallery-cont .gal-item a { cursor: url('../images/assets/srch-icon-cursor.png'), pointer; }



/* --- gallery - with filter --- */

article.gallery-page { padding: 0px 0 20px 0; position: relative; }
article .gallery-body { position: relative; padding-top: 20px; }
/*article.gallery-page h1.article-title { padding-left: 0px; }*/
article.gallery-page p { font-size: 15px; line-height: 22px; padding: 5px 15px 15px; font-weight: 300; text-align: justify; color: #222; }

.filtr-place { padding-bottom: 25px; margin-top: -10px; position: relative; }
.simplefilter { float: right; padding-right: 15px; }
.simplefilter li { display: inline-block; background: #fff; color: #444; cursor: pointer; padding: 0 10px; margin: 0 3px; height: 32px; font-size: 14px; font-weight: 400; line-height: 32px; }
.simplefilter li { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }
.simplefilter li:hover { background: #eee; color: #222; }
.simplefilter li.active { color: #008283; border-bottom: 1px solid #008283; }
/*
.filtr-item { padding: 15px; overflow: hidden; }
.filtr-item a { color: #eee; text-decoration: none; }

.filtr-item .item-desc { padding: 7px 10px; background-color: #404b52; color: #eee; height: 56px; line-height: 21px; font-size: 15px; text-align: center; position: relative; text-decoration: none; margin-top: 2px; transition: all 0.2s; }
.filtr-item:hover .item-desc { background-color: #f80; color: #fff; }
*/
.section-gallery { }
.photos { display: block; position: relative; margin-top: -12px; }
.photos-gal { padding: 0 15px; }
.photo-container { margin: 0px 0; padding: 6px 2px; }
.photo-pol { width: 100%; /*max-width: 375px;*/ margin: 0 auto; padding-bottom: 30px; border: 1px solid #ddd; background-color: #fff; position: relative; cursor: pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }
.photo-pol .photo-image { margin: 4px 4px 0; position: relative; overflow: hidden; }
.photo-pol .photo-image img { width: 100%; height: auto; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }
.photo-pol:hover {  outline: 0; /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);*/ }
.photo-pol:hover .photo-image.scalable img { -webkit-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05); -o-transform: scale(1.05,1.05); -ms-transform: scale(1.05,1.05); transform: scale(1.05,1.05); }
/*.photo-pol .photo-title { position: relative; margin: 0 4px; padding: 0 15px; min-height: 45px; height: 42px; font-size: 19px; color: #c4df00; background-color: #222; overflow: hidden; }*/
.photo-pol .photo-title { position: absolute; left: 0; right: 0; bottom: 0; padding: 6px 10px 8px; line-height: 23px; background-color: rgba(34,34,34,.9) /*#222*/; overflow: hidden; }
.photo-pol .photo-title h2 { font-size: 15px; color: #eee; padding: 0; margin: 0; }
.photo-pol .photo-title h2 a { color: #eee; text-decoration: none; }
.photo-pol:hover .photo-title h2 a,
.photo-pol .photo-title h2 a:hover { /*text-decoration: underline;*/ color: #fff; }
.photo-pol .photo-perex p { height: 72px; overflow: hidden; margin: 0; padding: 10px 0px 0; font-size: 13px; line-height: 21px; color: #333; }
.photo-pol .tools { width: 100%; height: 24px; display: block; position: absolute; left: 0; bottom: 3px; z-index: 100; }
.photo-pol .tools .socnet-iconz { position: absolute; top: 0px; right: 10px; z-index: 101; }
.photo-pol .tools .socnet-iconz a { width: 24px; height: 24px; display: block; float: left; margin: 0; text-align: center; line-height: 24px; }
.photo-pol .tools .socnet-iconz a { color: #ccc; font-size: 18px; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none; }
.photo-pol .tools .socnet-iconz a { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }
.photo-pol .tools .socnet-iconz a:hover { color: #eb651f;  }
.photo-pol .tools .socnet-iconz.colored-icons a.s_facebook:hover { color: #48e;  }
.photo-pol .tools .socnet-iconz.colored-icons a.s_twitter:hover { color: #1dc6ff;  }
.photo-pol .tools .socnet-iconz.colored-icons a.s_plus:hover { color: #c00;  }
.photo-pol .tools .socnet-iconz a span { display: none; }
.photo-pol .tools .btn-gal-show { display: inline-block; padding: 0 8px; margin-left: 7px; height: 22px; line-height: 20px; border-radius: 0px; background-color: #fff; color: #eb651f; font-size: 12px; text-decoration: none; }
.photo-pol:hover .tools .btn-gal-show,
.photo-pol .tools .btn-gal-show:hover { background-color: #eb651f; color: #fff; }

.photo-pol-lite { /*width: 100%; max-width: 250px; margin: 0 10px 20px;*/ display: inline-block; padding: 2px; text-align: left; background-color: #fff; position: relative; cursor: pointer; transition: all 0.2s linear; }
.photo-pol-lite .photo-image { /*width: 250px; height: 140px;*/ display: block; position: relative; margin: 3px; overflow: hidden; transition: all 0.2s linear; }
.photo-pol-lite .photo-image img { display: block; transition: all 0.2s linear; }
.photo-pol-lite:hover .photo-image { outline: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }
.photo-pol-lite:hover .photo-image.scalable img { -webkit-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05); -o-transform: scale(1.05,1.05); -ms-transform: scale(1.05,1.05); transform: scale(1.05,1.05); }

/* ----------------- */
/* --- Anketa HP --- */
/* ----------------- */

#anketa-place { width: 300px; /*height: 434px;*/ display: block; position: relative; padding: 0; margin: 0; background-color: #fff; border: 1px solid #e5e5e5; overflow: hidden; }
#anketa-place .add-title { background-color: #222; line-height: 32px; text-align: center; }
#anketa-otz { background-color: #fff; padding: 15px 10px 10px; margin: 0; text-align: center; height: 66px; overflow: hidden; }
#anketa-otz a { font-size: 16px; line-height: 22px; color: #222; padding: 0; margin: 0; text-decoration: none; }
#anketa-otz a:hover { text-decoration: underline; }

.ank-graph { display: block; padding: 20px 0; cursor: pointer; box-sizing: unset; }
.piegraph { position: relative; width: 200px; height: 200px; display: block; margin: 0 auto; }
.piegraph > .percent { position: absolute; top: 0; left: 0; width: 180px; height: 180px; border: 10px solid rgba(34, 62, 146, 0.2); background-color: none; border-radius: 180px; line-height: 175px; font-size: 77px; font-weight: 600; text-align: center; color: #008283; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.piegraph > .percent sup { font-size: 20px !important; font-weight: 400; top: -25px; }
.piegraph > .slice { position: absolute; width: 200px; height: 200px; clip: rect(0px,200px,200px,100px); }
.piegraph > .slice.gt50 { clip: rect(auto, auto, auto, auto); }
.piegraph > .slice > .pie { border: 10px solid #008283; position: absolute; width: 180px; height: 180px; clip: rect(0,100px,200px,0); border-radius: 100px; }
.piegraph > .slice > .pie.fill { -moz-transform: rotate(180deg) !important; -webkit-transform: rotate(180deg) !important; -o-transform: rotate(180deg) !important; transform: rotate(180deg) !important; }
.piegraph.fill > .percent { display: none; }
.piegraph.fill > .slice > .pie { border: transparent; background-color: #008283; width: 180px; height: 180px; }

#anketa-place .ank-odp { font-size: 16px; line-height: 22px; color: #333; padding: 5px 5px 15px; margin: 0; text-align: center; cursor: pointer; }
#anketa-place a#more-link { float: right; display: block; background-color: #fff; color: #008283; font-size: 13px; line-height: 32px; text-align: right; padding-right: 10px; text-decoration: none; }
#anketa-place a#more-link:hover { text-decoration: underline; }

#anketa-place .btn-clk-edit { float: left; position: relative; margin-left: 10px; display: none; transition: all .3s; }
#anketa-place:hover .btn-clk-edit { display: inline-block; }


/* -------------- */
/* --- Anketa --- */
/* -------------- */

.anketa-odpovedi { padding: 10px 0px 30px; }
.anketa-pol { padding: 15px 0; position: relative; }
.anketa-pol.odp-with-img { padding: 15px 0 15px 100px; position: relative; }
.anketa-pol .anketa-odp-img { position: absolute; left: 5px; top: 10px; border-radius: 3px; overflow: hidden; }
.anketa-pol .anketa-odpoved { padding: 0; }
.anketa-pol .anketa-bar { display: flex; flex-direction: row; clear: both; }
.anketa-pol .bar-bgr { flex: 1; height: 12px; display: block; margin: 3px 0 0 5px; padding-right: 4px; background-color: #fff; border: 1px solid #ddd; border-radius: 6px; }
.anketa-pol .bar-progress { height: 6px; margin: 2px 0px 0px 2px; background-color: #008283; border-radius: 3px; }
.anketa-pol .procento { flex: 0 0 50px; width: 50px; max-width: 50px; height: 16px; line-height: 14px; padding-left: 10px; font-size: 13px; color: #111; text-align: left; float: right; }
.anketa-pol .radioPanel { text-align: center; padding-top: 0px; }
.anketa-pol .radioElement { position: relative; }
.anketa-pol .radioElement .radio { position: absolute; left: 5px; top: 9px; }
.anketa-pol .radioElement label { color: #369; font-size: 15px; padding-left: 30px; display: block; }
.anketa-pol .votes-count { padding: 5px 0 0 10px; font-size: 11px; color: #aaa; }

/* ----------------- */
/* --- Hlasovani --- */
/* ----------------- */

.poll-group-cont { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; align-content: flex-start; justify-content: center; padding: 30px 0; }

.group-row { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; }
.group-column { display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; justify-content: center; }
.group-column + .group-column { align-items: center; justify-content: center; }

#article .poll-group-cont h2 { font-weight: 600; line-height: 0.9; font-size: 41px; text-transform: uppercase; text-align: center; margin: 0; padding: 0 15px 15px; }
#article .poll-group-cont .group-row h2 { display: flex; flex: 0 1 600px; align-self: center; justify-content: center; }
#article .poll-group-cont .group-column h2 { display: block; width: 100%; max-width: 300px; }
#article .poll-group-cont h3 { font-weight: 600; line-height: 1.2; font-size: 25px; text-align: left; margin: 0; padding: 0; color: #008283; }
#article .poll-group-cont h4 { font-weight: 400; line-height: 1.2; font-size: 21px; text-align: left; margin: 0; padding: 0; }

/* xs */ @media (max-width: 767px) {
#article .poll-group-cont .group-column + .group-column h2 {  padding-top: 50px; }
}


.poll-item { padding: 15px; max-width: 300px !important; margin: 0 5px; border: 1px solid #fff; }
.poll-item .hldr { padding-bottom: 10px; }

/* blue .poll-item-sel { background: #e8faff; border: 1px solid #c9f3ff; }*/

/* red .poll-item-sel { background: #fff7f7; border: 1px solid #b00; } */

/* orange .poll-item-sel { background: #fff5e3; border: 1px solid #f90; } */

/* green */ .poll-item-sel { background: #ecfcf7; border: 1px solid #008283; }


.poll-itm-img-cont { position: relative; }
.poll-itm-img-cont .fBox { position: absolute; right: 10px; bottom: 10px; }

.hls-odpovedi { padding: 10px 0px 30px; }
.hls-pol { padding: 5px 5px 5px; margin-top: 10px; position: relative; /*border: 1px solid #fff;*/ }
.hls-pol:first-child { margin-top: 5px; }
.hls-pol.hls-pol-sel { background: #e8faff; /*border: 1px solid #c9f3ff;*/ }
.hls-pol .hls-odp-img { display: flex; flex-direction: row; padding: 5px 0 10px; }
.hls-pol .poll-item-img-cont { padding: 1px; }
.hls-pol .poll-item-img-cont a { cursor: url('../images/assets/srch-icon-cursor.png'), pointer; }
.hls-pol .hls-odpoved { padding: 0; }
.hls-pol .hls-bar { display: flex; flex-direction: row; clear: both; padding: 3px 0 3px 5px }
.hls-pol .hls-bar-bgr { flex: 1; height: 18px; display: block; padding: 2px 2px 0 2px; background-color: #fff; border: 1px solid #ddd; border-radius: 9px; }

.hls-pol .hls-bar-progress { height: 12px; border-radius: 6px; background: #008283 url('../images/assets/graphbar.png') repeat left center; }
.hls-pol .hls-procento { width: 70px; height: 20px; font-size: 12px; font-weight: 600; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.3); text-align: right; padding: 5px 0 0 15px;  }
.hls-pol .hls-procento span { display: inline-block; width: 100%; height: 20px; line-height: 20px; text-align: center; padding: 0; background: #008283; border-radius: 3px; font-size: 12px; position: relative; top: -6px; }
.hls-pol .hls-procento span:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 6px 6px 6px 0; border-color: transparent #008283 transparent transparent; position: absolute; top: 4px; left: -5px; }
.hls-pol .hls-procento em { font-size: 11px; }

.group-color-red .hls-pol .hls-bar-progress { background-color: #c00; }
.group-color-red .hls-pol .hls-procento span { background: #c00; }
.group-color-red .hls-pol .hls-procento span:before { border-color: transparent #c00 transparent transparent; }

.group-color-orange .hls-pol .hls-bar-progress { background-color: #fb0; }
.group-color-orange .hls-procento span { background: #fb0; }
.group-color-orange .hls-procento span:before { border-color: transparent #fb0 transparent transparent; }

.group-color-green .hls-pol .hls-bar-progress { background-color: #4c0; }
.group-color-green .hls-procento span { background: #4c0; }
.group-color-green .hls-procento span:before { border-color: transparent #4c0 transparent transparent; }

.group-color-blue .hls-pol .hls-bar-progress { background-color: #0af; }
.group-color-blue .hls-procento span { background: #0af; }
.group-color-blue .hls-procento span:before { border-color: transparent #0af transparent transparent; }


.hls-pol .radioPanel { text-align: center; padding-top: 0px; }
.hls-pol .radioElement { position: relative; }
.hls-pol .radioElement .radio { position: absolute; left: 5px; top: 9px; }
.hls-pol .radioElement label { color: #005ebd; font-size: 17px; padding-left: 30px; display: block; }
.hls-pol .votes-count { padding: 5px 0 0 10px; font-size: 11px; color: #aaa; }

.selected-poll-items { }
.selected-poll-items table { border-collapse: collapse; margin-top: 10px; }
.selected-poll-items td { font-family: 'Open Sans Condensed', sans-serif; padding: 5px 10px; color: #222; font-size: 21px; font-weight: 600; }
.selected-poll-items td + td { color: #008283; font-weight: 600; }
.selected-poll-items td span { color: #b00 !important; font-weight: 400 !important; text-transform: uppercase; }

/* xs */ @media (max-width: 767px) {
.selected-poll-items td { font-size: 17px; }
}

.nominating-form { display: flex; flex-direction: column; flex-wrap: wrap; padding: 30px 30px; margin: 30px 0; border: 1px solid #ddd; background: #fafafa; }
.nominating-form .mfPol { padding: 0px 15px 20px; }
.nominating-form .mfPol .uni-txt-input { width: 98.5%; font-size: 17px; line-height: 30px; }
.nominating-form .mfPol .popisek { display: block; padding: 0 0 5px 10px; font-size: 15px; color: #444; text-align: left; font-weight: 300; }
.nominating-form .mfPol .popisek .rq { color: #a00; }


.poll-voting-form { display: flex; flex-direction: row; flex-wrap: wrap; padding: 30px 30px; margin: 30px 0; border: 1px solid #ddd; background: #fafafa; }
.poll-voting-form .mfPol { padding: 0px 15px 20px; }
.poll-voting-form .mfPol .uni-txt-input { width: 98.5%; font-size: 17px; line-height: 30px; }
.poll-voting-form .mfPol .popisek { display: block; padding: 0 0 5px 10px; font-size: 15px; color: #444; text-align: left; font-weight: 300; }
.poll-voting-form .mfPol .popisek .rq { color: #a00; }


.thanks-msg { text-align: center; padding-top: 50px; }
.thanks-msg .vfr-icon { width: 128px; height: 128px; display: inline-block; margin-bottom: 0px; }
.thanks-msg.poll-not-found .vfr-icon { background: url('../images/assets/msgs/msg_icons_err.png') no-repeat center center; }
.thanks-msg.poll-vrf-exists .vfr-icon { background: url('../images/assets/msgs/msg_icons_exclam.png') no-repeat center center; }
.thanks-msg.poll-vrf-done .vfr-icon { background: url('../images/assets/msgs/msg_icons_ok.png') no-repeat center center; }
.thanks-msg h1 { font-size: 41px; color: #ccc; font-weight: 700; }
.thanks-msg p { text-align: center; line-height: 20px; font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: 300; color: #888; padding-top: 15px; }
.thanks-msg a.btn-thx-page-done { display: inline-block; width: 150px; height: 40px; line-height: 38px; font-size: 15px; font-weight: 400; background: #008283; color: #fff; border-radius: 3px; text-transform: uppercase; padding: 0; margin-top: 40px; text-decoration: none; }
.thanks-msg a.btn-thx-page-done:hover { background: #5c0; color: #fff; }


/* ----------------------------- */
/* --- Buttons Votes / Polls --- */
/* ----------------------------- */

.btn-vote { width: 200px; height: 36px; display: block; margin: 30px auto 0; font-size: 14px; text-align: center; line-height: 36px; text-transform: uppercase; background: #222; color: #fff; border: 0 none; cursor: pointer; }
.btn-vote:hover { background: #008283; color: #fff; }
.btn-vote.btn-user-voted { background: #b00; color: #fff; }
.btn-vote.btn-user-voted:hover { background: #b00; color: #fff; }
.btn-back-vote { margin: 20px 5px; color: #008283; text-decoration: none; font-size: 14px; }
.btn-back-vote:hover { color: #222; text-decoration: underline; }

/* ----------------------------- */
/* --- Another Votes / Polls --- */
/* ----------------------------- */

#next-votes { overflow: hidden; position: relative; padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #e6e6e6; }
#next-votes  h2 { font-size: 22px; padding: 0 0 5px 5px; font-weight: 400; color: #008283; text-transform: uppercase; }
#next-votes .next-vote-cont { padding: 0 5px; }
#next-votes .next-vote { margin: 5px 0 0; padding: 5px; overflow: hidden; position: relative; border: 1px solid #ddd; }
/*#next-votes .next-vote:first-child { margin-left: 0; }*/
#next-votes .article-image { width: 95px; float: left; }
#next-votes  h3 { font-size: 17px; font-weight: 400; color: #222; margin-top: 0; padding-top: 0; }
#next-votes  h3 a { color: #222; text-decoration: none; }
#next-votes  h3 a:hover { color: #008283; text-decoration: underline; }
#next-votes a.more { display: inline-block; padding: 3px 12px; color: #fff; font-size: 10pt; background-color: #008283; text-decoration: none; position: absolute; right: 5px; bottom: 5px; }

/* ----------------------------- */
/* --- Map of Czech Republic --- */
/* ----------------------------- */

#svg-map-container { padding: 10px; }
svg, #svg-mapa-cr, #CRmapa-svg { width: 100%; height: 100%; }
#mapa-cr, #CRmapa { width: 100%; }
.kraj { fill: #fefefe; stroke: #bbb; }

/*.st0 { fill: #e5e5e5; stroke: #ccc; }
.st1 { fill: #e5e5e5; stroke: #ccc; }
.st2 { fill: #e5e5e5; stroke: #ccc; }
.st3 { fill: #e5e5e5; stroke: #ccc; }
.st4 { fill: #e5e5e5; stroke: #ccc; }
.st5 { fill: #e5e5e5; stroke: #ccc; }
.st6 { fill: #e5e5e5; stroke: #ccc; }
.st7 { fill: #e5e5e5; stroke: #ccc; }
.st8 { fill: #e5e5e5; stroke: #ccc; }
.st9 { fill: #e5e5e5; stroke: #ccc; }
.st10 { fill: #e5e5e5; stroke: #ccc; }
.st11 { fill: #e5e5e5; stroke: #ccc; }
.st12 { fill: #e5e5e5; stroke: #ccc; }
.st13 { fill: #a00; stroke: #ccc; }
#CRmapa path { cursor: pointer; opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
#CRmapa path:hover { opacity: 0.5; }*/

#CRmapa .kraj { cursor: pointer; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; }
#CRmapa .kraj:hover { fill: #f6f6f6; stroke: #666; }
#CRmapa .kraj.selected { fill: #008283; stroke: #d1150a; }

/* ---------------- */
/* --- Messages --- */
/* ---------------- */

#msgPlace { position: fixed; }
div.jGrowl { z-index: 9999; color: #333; font-size: 12px; font-weight: 600; }
div.ie6 { position: absolute; }
div.ie6.top-right { right: auto; bottom: auto; left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); }
div.ie6.top-left { left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); }
div.ie6.bottom-right { left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); }
div.ie6.bottom-left { left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); }
div.ie6.center { left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); width: 100%; }
div.jGrowl { position: absolute; }
body > div.jGrowl { position: fixed; }
div.jGrowl.top-left { left: 0px; top: 0px; }
div.jGrowl.top-right { right: 0px; top: 0px; }
div.jGrowl.bottom-left { left: 0px; bottom: 0px; }
div.jGrowl.bottom-right { right: 0px; bottom: 0px; }
div.jGrowl.center { top: 20px; width: 50%; left: 25%; }
/*div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer { background: #dedede; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZWRlZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); }*/
/*div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer { background: -moz-linear-gradient(top, #ffffff 0%, #dedede 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dedede)); background: -webkit-linear-gradient(top, #ffffff 0%,#dedede 100%); background: -o-linear-gradient(top, #ffffff 0%,#dedede 100%); background: -ms-linear-gradient(top, #ffffff 0%,#dedede 100%); background: linear-gradient(to bottom, #ffffff 0%,#dedede 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedede',GradientType=0 ); }*/
div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer { width: 500px; padding: 15px 20px; margin: 10px; /*font-family: Arial, Helvetica, sans-serif;*/ font-size: 1em; text-align: left; display: none; border: 1px #ccc solid; border-radius: 0px; position: relative; background: #fefefe; opacity: .99; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=99)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=99); zoom: 1; }
div.jGrowl div.jGrowl-notification { min-height: 100px; padding: 20px 20px 15px 110px; box-shadow: 0 0 10px rgba(0,0,0,.1); }
div.jGrowl div.jGrowl-closer { width: 370px; }
div.jGrowl div.jGrowl-notification div.jGrowl-header { font-weight: 600; font-size: 15px; display: inline-block; padding-bottom: 3px; color: #222 !important; text-transform: uppercase; }
div.jGrowl div.jGrowl-notification div.jGrowl-close { width: 16px; height: 16px; display: block; line-height: 15px; font-size: 21px; text-align: center; text-decoration: none; color: #b00; position: absolute; top: 5px; right: 5px; z-index: 99; cursor: pointer; }
/*div.jGrowl div.jGrowl-notification div.jGrowl-close:before { content: '\2716'; }*/
div.jGrowl div.jGrowl-notification div.jGrowl-close span { display: none; }
div.jGrowl div.jGrowl-closer { padding-top: 4px; padding-bottom: 4px; cursor: pointer; font-size: .9em; font-weight: bold; text-align: center; }
div.jGrowl .okMsg:before { content: ""; width: 80px; height: 80px; display: block; background-image: url('../images/assets/msgs/msg_icons_ok.png'); background-size: 80px 80px; position: absolute; top: 7px; left: 5px; }
div.jGrowl .jGrowl-message { font-weight: 500; font-size: 15px; line-height: 1.5; }
div.jGrowl .okMsg .jGrowl-message { color: #666 /*#76ba08*/; }
div.jGrowl .errMsg:before { content: ""; width: 80px; height: 80px; display: block; background-image: url('../images/assets/msgs/msg_icons_err.png'); background-size: 80px 80px; position: absolute; top: 7px; left: 5px; }
div.jGrowl .errMsg .jGrowl-message { color: #666 /*#b00*/; }
div.jGrowl .infoMsg:before { content: ""; width: 80px; height: 80px; display: block; background-image: url('../images/assets/msgs/msg_icons_info.png'); background-size: 80px 80px; position: absolute; top: 7px; left: 5px; }
div.jGrowl .infoMsg .jGrowl-message { color: #666 /*#39f*/; }
div.jGrowl .exclMsg:before { content: ""; width: 80px; height: 80px; display: block; background-image: url('../images/assets/msgs/msg_icons_exclam.png'); background-size: 80px 80px; position: absolute; top: 7px; left: 5px; }
div.jGrowl .exclMsg .jGrowl-message { color: #666 /*#f80*/; }
div.jGrowl .jGrowl-message span.kod { display: inline-block; margin: 5px auto; padding: 3px 10px; font-size: 14px; font-weight: bold; color: #369; background: #fff; background: rgba(255,255,255,.8); border: 1px solid #999; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); }
div.center div.jGrowl-notification, div.center div.jGrowl-closer { margin-left: auto; margin-right: auto; }
#clona { width: 100%; background: #000; opacity: 0.15; filter: alpha(opacity:15); position: fixed; z-index: 9998; display: none; }

/* xs */ @media (max-width: 767px) {
div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer { width: 98%; min-width: 250px; padding: 15px 20px; left: 10px !important; right: 10px !important; margin: 0 !important; }
div.jGrowl.center { top: 20px; width: 90%; left: 10px; }
div.jGrowl div.jGrowl-notification { min-height: 100px; padding: 20px 20px 15px 20px; }
div.jGrowl .okMsg:before,
div.jGrowl .errMsg:before,
div.jGrowl .exclMsg:before,
div.jGrowl .infoMsg:before { content: none; }
}


#clona { width: 100%; background: #000; opacity: 0.15; filter: alpha(opacity:15); position: fixed; z-index: 9998; display: none; }
.tipOfDay { position: relative; background: #fefefe url('../images/assets/bulb.png') no-repeat 10px 11px / 10px 10px; padding: 5px 20px 5px 30px !important; margin: 5px 0px; border: 1px solid #ddd; border-left: 2px solid #fb0; border-right: 2px solid #fb0; font-size: 13px !important; border-radius: 3px; text-shadow: 0 1px #fff; }

/* --------------------------- */
/* --- Validation messages --- */
/* --------------------------- */

.mfPol { position: relative; }
.mfPol .errIcon { width: 52px; height: 18px; display: block; background: transparent url('../images/icons/error.png') no-repeat left top; position: absolute; top: 7px; left: 232px; }
.mfPol .errToolTip { display: inline-block; background: #a00; background: rgba(170,0,0,.85); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000); padding: 4px 15px; color: #fff; font-size: 11px; font-weight: bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: absolute; top: -1px; left: 15px; }
.mfPol .errToolTip:after { width: 9px; height: 5px; content: " "; after: " "; position: absolute; bottom: -5px; left: 15px; background: url('../images/assets/errToolTipArrow.png') no-repeat center top; }

.errElement { border: 1px solid #b00; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 5px rgba(187,0,0,0.3); -moz-box-shadow: 0 0 5px rgba(187,0,0,0.3); box-shadow: 0 0 5px rgba(187,0,0,0.3); }


/* --------------- */
/* --- Banners --- */
/* --------------- */

.advert { position: relative; display: block; clear: both; }
.advert:before { content:'REKLAMA'; height: 15px; line-height: 15px; position: absolute; left: 5px; top: -14px; font-size: 10px; color: #aaa; }
.leaderboard { display: block; margin: 0 0 15px; position: relative; }
.leaderboard:before { content:'REKLAMA'; height: 15px; line-height: 15px; position: absolute; left: 5px; top: -14px; font-size: 10px; color: #aaa; }
.leaderboard:empty { margin: 0px; }
.leaderboard:empty:before { content: none;}
.footer-banner { text-align: center; margin: 45px 10px 0; }
.full-banner { display: block; padding: 0; margin: 15px 10px 0; max-width: 730px; }
panel.articles-cont + .full-banner { margin-top: 30px; }
block.articles-cont + .full-banner { margin-top: 15px; }
.full-banner:empty { padding: 0 !important; margin: 0 !important; height: 0 !important;  }
.perex-banner { margin: 30px 0 5px; padding: 0; clear: both; max-width: 100%; }
.bottom-article-banner { margin: 30px 0 15px; padding: 0; clear: both; max-width: 100%; }
.sticky-banner { position: -webkit-sticky; position: sticky; top: 95px; }
body.evn-page .sticky-banner { position: -webkit-sticky; position: sticky; top: 215px; } /* sticky kalendar to zvedne o 120px (.timeline-cont) */
.sky-track { display: flex; flex-direction: column; height: 100%; }

/* xs */ @media (max-width: 767px) {
.articles-cont + .full-banner { margin-top: 20px; }
.leaderboard { display: none; }
}

/* sm */ @media (min-width: 768px) and (max-width: 991px) {
.full-banner { margin: 15px auto 0; }
.leaderboard { display: none; }
}


/* -------------- */
/* --- Footer --- */
/* -------------- */

footer { width: 100%; display: block; font-size: 12px; font-weight: 400; color: #ccc; background-color: #2e3338; padding: 40px 0; position: relative; }
footer > .panel { display: flex; flex-direction: row; }

/* xs and sm */ @media (max-width: 991.98px) {
footer { padding: 20px 0; }
footer > .panel { display: flex; flex-direction: column; }
}

.copyright { min-height: 24px; font-size: 12px; line-height: 24px; color: #aaa; letter-spacing: .4px; position: relative; }
.copyright span,
.copyright a { color: #eee; text-decoration: none; }
.copyright a:hover { text-decoration: underline; }

/* xs and sm */ @media (max-width: 991.98px) {
.copyright { text-align: center; }
}

.footer-menu { min-height: 24px; line-height: 24px; display: block; text-align: center; font-size: 14px; font-weight: 400; color: #666; float: right; text-align: right; }
.footer-menu a { text-decoration: none; color: #aaa; display: inline-block; padding: 0 6px; text-transform: uppercase; font-size: 11px; }
.footer-menu a:hover { color: #fff; }

/* xs and sm */ @media (max-width: 991.98px) {
.footer-menu { text-align: center; }
}

/* ------------------------- */
/* --- Cookies agreement --- */
/* ------------------------- */

#cookies-agreement {  width: 100%; height: auto; font-size: 13px; padding: 0px 15px 15px; display: block; position: fixed; left: 0; bottom: 0; z-index: 999999; font-family: Arial, Helvetica, sans-serif; color: #fff; background-color: rgba(0,0,0,.85); text-align: center; border-top: 1px solid rgba(0,0,0,.95); box-shadow: -3px 0 10px rgba(0,0,0,.4); }
#cookies-agreement h2 { font-size: 21px; font-weight: 600; color: #fff; padding-bottom: 5px; }
#cookies-agreement p { font-size: 13px; color: #fff; line-height: 21px; padding-bottom: 10px; }
#cookies-agreement a { font-size: 13px; color: #fff; line-height: 33px; }
#cookies-agreement .btn.btn-cookies { display: inline-block; height: 33px; line-height: 33px; font-size: 13px; text-align: center; vertical-align: middle; background: #e00 !important; color: #eee; padding: 0 20px; margin: 0 10px !important; text-transform: uppercase !important; border: 0 none; border-radius: 0px; position: relative; cursor: pointer; }


/* ------------------- */
/* --- Back To Top --- */
/* ------------------- */

.ui-to-top { position: fixed; right: 15px; bottom: 25px; z-index: 100; width: 50px; height: 50px; font-size: 20px; line-height: 46px !important; overflow: hidden; text-align: center; text-decoration: none; transition: .45s all ease-in-out; transform: translate3d(0, 100px, 0); }
.ui-to-top, .ui-to-top:focus, .ui-to-top:active, .ui-to-top.active { color: #fff; background: #008283; }
.ui-to-top:hover { color: #fff; background: #222; text-decoration: none; }
.ui-to-top:focus { color: #fff; }
.ui-to-top.active { transform: translate3d(0, 0, 0); }
html.mobile .ui-to-top,
html.tablet .ui-to-top { display: none !important; }

@media (min-width: 576px) {
.ui-to-top { right: 25px; bottom: 25px; }
}


#reg-form { width: 100%; min-height: 50px; padding: 15px 15px 20px; border: 1px solid #e5e5e5; position: relative; background-color: #fff; }
#reg-form .pols { overflow: hidden; display: block; padding-top: 0px; }
#reg-form .pols .pol-1-2 { float: left; width: 380px; margin-left: 40px; }
#reg-form .pols .pol-1-3 { float: left; width: 150px; margin-left: 50px; }
#reg-form .pols .pol-1-2:first-child,
#reg-form .pols .pol-1-3:first-child  { margin-left: 10px; }
#reg-form .divider { height: 0; border-top: 1px solid #e5e5e5; position: relative; margin: 30px 0 15px 5px; }
#reg-form .divider:first-child  { margin-top: 15px; }
#reg-form .divider > span { position: absolute; left: 0; background: #fefefe; padding: 0 20px 0 0; display: block; top: -10px; font-size: 11px !important; color: #666 !important; font-weight: 400 !important; text-transform: uppercase !important; }
#reg-form .popisek { display: block; padding: 0 0 5px 10px; font-size: 15px; color: #444; text-align: left; font-weight: 300; }
#reg-form .popisek .rq { color: #a00; }
#reg-form .popisek .pozn { font-size: 12px; }
#reg-form select { width: 350px !important; }
#reg-form input[type=text].rfInput,
#reg-form input[type=password].rfInput,
#reg-form input[type=text].rfInput:hover,
#reg-form input[type=password].rfInput:hover { font-size: 18px; color: #111; width: 97%; height: 48px; display: block; line-height: 40px; font-weight: 300; padding: 0 15px; border: 1px solid #ddd; background-color: #fcfcfc; font-family: 'Open Sans', Calibri, Arial, Helvetica, sans-serif; transition: border linear 0.2s, box-shadow linear 0.2s; outline: 0; }
#reg-form input[type=text].rfInput:focus,
#reg-form input[type=password].rfInput:focus { border-color: #008283; box-shadow: 0 0 3px rgba(240,107,28,.6); }
#reg-form .ffPol { padding: 15px 0 10px 0; position: relative; }
#reg-form .ffPol .errToolTip { display: inline-block; background: #b00; padding: 5px 10px 5px 10px; color: #fff; font-family: Arial, Tahoma, Verdana, Sans-Serif; font-size: 11px; font-weight: bold; position: absolute; top: 10px; left: 0px; }
#reg-form .ffPol .errSouhlas { top: 0px; left: 45px; }
#reg-form .ffPol .errCaptcha { top: 0px; }
#reg-form .ffPol .errToolTip:after { width: 9px; height: 5px; content: " "; after: " "; position: absolute; bottom: -5px; left: 15px; background: url('../images/assets/errToolTipArrow.png') no-repeat center top; }
#reg-form .recaptcha { padding-top: 25px; text-align: center; }

#passwdout { width: 100px; border: 1px solid #ddd; padding: 1px; margin-top: 3px; background-color: #f6f6f6; float: left; }
#passwd_lv { height: 8px; width: 0%; overflow: hidden; }
#passwd_lv_txt { float: left; padding: 2px 0px 0px 5px; font-family: 'Open Sans', Calibri, Arial, Helvetica, sans-serif; font-size: 11px; }

#reg-btn { padding-top: 40px; text-align: center; }
#reg-btn .btn-registrovat { width: 98%; line-height: 40px; margin: 5px auto; background-color: #222; color: #fff; border: 0 none; text-transform: uppercase; cursor: pointer; }
#reg-btn .btn-registrovat:hover { background-color: #008283; }

#Verifikace { width: 810px; padding: 30px 15px; border: 1px solid #e5e5e5; position: relative; background-color: #fefefe; }
#Verifikace .vrfMsg { width: 770px; padding: 50px 20px; font-family: 'Open Sans', Calibri, Arial, Helvetica, sans-serif !important; font-size: 35px; font-weight: 300; line-height: 50px; text-align: center; margin: 40px 0; }
#Verifikace .vrfMsg.vrfOK { color: #fff; background-color: #9bcf30; }
#Verifikace .vrfMsg.vrfInfo { color: #fff; background-color: #008283; }
#Verifikace .vrfMsg.vrfErr { color: #fff; background-color: #b00; }


/* -------------- */
/* --- Paging --- */
/* -------------- */

.pging2 { position: relative; min-height: 1px; display: block; overflow: hidden; clear: both; }
.pging2.topAbs { position: absolute; top: 7px; right: 37px; }
.pging2.top { padding: 8px 0 0 0; }
.pging2.down { margin: 40px 0 0; padding-top: 0px; border-top: 0px solid #ccc; }
.pging2 .pgtop,
.pging2 .pgdown { display: inline-block; margin: 0; }
.pging2 span.sep { width: 22px; height: 30px; display: inline-block; float: left; margin: 0 3px; font-size: 11px; background: url('../images/assets/paging_sep.png') no-repeat center center; }
.pging2 span.sep span { display: none; }
.pging2 .cell,
.pging2 a { width: 30px; height: 30px; display: inline-block; padding: 0; margin: 0 3px; float: left; text-align: center; text-decoration: none; font-size: 14px; line-height: 30px; color: #fff; background: #111; border: 0 none; *border: 0; outline: 0px none; text-decoration: none; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.pging2 a { color: #008283 /*#fff*/; background: none /*#111*/; font-weight: 400; }
.pging2 a.sel { color: #111 /*#fff*/; background: none /*#008283*/; font-weight: 700; font-size: 14px; }
.pging2 .pgPrev,
.pging2 .pgNext { width: 30px; height: 30px; display: inline-block; padding: 0; margin: 0; float: left; }
.pging2 .pgPrev span,
.pging2 .pgNext span { display: none; }
.pging2 .pgNext { margin-left: 5px; background: transparent url('../images/assets/paging_next.png') no-repeat center center; }
.pging2 .pgPrev { margin-right: 5px; background: transparent url('../images/assets/paging_prev.png') no-repeat center center; }
.pging2 .dsb { -moz-opacity: 0.2; opacity: 0.2; filter: alpha(opacity=20); }

/* xs */ @media (max-width: 767px) {
.pging2 a { width: 25px; height: 25px; font-size: 11px; line-height: 25px; }
.pging2 .pgPrev,
.pging2 .pgNext { width: 25px; height: 25px; }
}


/* ------------------ */
/* --- iCU slider --- */
/* ------------------ */

.slider { max-width: 700px !important; display: block; padding-bottom: 15px; margin: 0px auto; position: relative; overflow: hidden; }

/* xs */ @media (max-width: 767px) {
.slider { padding: 0 15px 15px; margin: 0px auto; }
}

.slider .slider-tracker { display: block; width: 100%; max-width: 100%; position: relative; z-index: 2; padding: 0; margin: 0; overflow: hidden !important; box-sizing: border-box; background: lime; }
.slider .slider-tracker .slide { display: none; position: absolute; z-index: 10; width: 100%; height: 100%; overflow: hidden; }
.slider .slider-tracker .slide:first-child { display: block; }
.slider .slider-tracker .slide.active { z-index: 11; }
.slider .slider-tracker .slide img { width: 100%; height: auto; object-fit: fill; }
.slider .slider-tracker .nextArrow,
.slider .slider-tracker .prevArrow  { width: 30px; height: 30px; display: block; font-size: 30px; line-height: 22px; background: rgba(255,255,255,.3); color: #111; text-align: center; position: absolute; top: 50%; margin-top: -12px; cursor: pointer; z-index: 100; }
.slider .slider-tracker .nextArrow { right: 10px; }
.slider .slider-tracker .prevArrow { left: 10px; }
.slider .slider-tracker .nextArrow:before { content: '\203a'; }
.slider .slider-tracker .prevArrow:before { content: '\2039'; }
.slider .slider-tracker .slider-progress-bar { height: 3px; display: block; background: rgba(0,0,0,.1); position: absolute; left: 0; bottom: 0px; right: 0; z-index: 23; }
.slider .slider-tracker .slider-progress-line { width: 0; height: 3px; display: block; background: rgba(255,255,255,.5); }
/*.slider .slider-tracker .slider-progress-bar { height: 2px; display: block; background-color: rgba(0,0,0,.1); position: absolute; left: 0; bottom: 0; right: 0; z-index: 101; }
.slider .slider-tracker .slider-progress-line { width: 0; height: 2px; display: block; background-color: rgba(0,0,0,.2); }
*/
.slider .slider-tracker .slide-caption { width: 100%; min-height: 37px; display: block; padding: 15px 15px 20px; background: rgba(0,0,0,.3); position: absolute; left: 0; bottom: 0px; right: 0; z-index: 21; }
.slider .slider-tracker .slide-caption { font-size: 27px; line-height: 37px; font-weight: 400; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.8); }
.slider .slider-tracker .slide-caption a { color: #fff; text-decoration: none; display: block; }
.slider .slider-tracker .slide-caption a:hover,
.slider:hover .slider-tracker .slide-caption a { text-decoration: underline; }

/* xs */ @media (max-width: 767px) {
.slider .slider-tracker .slide-caption { min-height: 37px; display: block; padding: 5px 15px 10px; }
.slider .slider-tracker .slide-caption { font-size: 23px; line-height: 1.3; }
}

.slider .slider-tracker .slider-pager { display: block; text-align: center; position: absolute; right: 10px; bottom: 10px; z-index: 22; }
.slider .slider-tracker .slider-pager .pager-link { display: inline-block; padding: 0; margin: 0 3px; width: 5px; height: 5px; border-radius: 5px; border: 1px solid #666; }
.slider .slider-tracker .slider-pager .pager-link:hover { background-color: #ccc; }
.slider .slider-tracker .slider-pager .pager-link.sel { background-color: #999; }
.slider .slider-tracker .slider-pager .pager-link span { display: none; }

.slider .slider-thumbs-pager { display: flex; flex-direction: row; padding: 0; position: relative; top: 10px; }
.slider .slider-thumbs-pager .pager-thumb { flex: 1; border: 5px solid #ddd; transition: all .3s; position :relative; }
.slider .slider-thumbs-pager .pager-thumb.sel { border: 5px solid #008283; }
.slider .slider-thumbs-pager .pager-thumb.sel:after { content: ""; position: absolute; height: 0; width: 0; z-index: 2; top: -5px; left: 50%; margin: -12px 0 0 -6px; border: 6px solid transparent; border-bottom: 6px solid #008283; }


/* -------------- */
/* --- Select --- */
/* -------------- */

.uni-select { display: inline-block; }
.ui-selectmenu, .ui-selectmenu-menu { font-size: 13px !important; font-weight: normal !important; }
.uni-select .ui-state-hover,
.uni-select .ui-widget-content .ui-state-hover,
.uni-select .ui-state-focus,
.uni-select .ui-widget-content .ui-state-focus,
.ui-selectmenu { height: 23px; display: block; color: #666 !important; position: relative; text-decoration: none !important; overflow: hidden; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #b3b3b3; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; background-repeat: repeat-x; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -ms-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e6e6e6), to(#fff)); background: -webkit-linear-gradient(top, #fff, #e6e6e6); background: -moz-linear-gradient(top, #fff, #e6e6e6); background: -ms-linear-gradient(top, #fff, #e6e6e6); background: -o-linear-gradient(top, #fff, #e6e6e6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6'); }
.ui-selectmenu:hover,
.ui-selectmenu-focus,
.ui-state-active { border-color: rgba(255, 153, 0, 0.7); outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(255, 153, 0, 0.3); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(255, 153, 0, 0.3); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(255, 153, 0, 0.3); }
.ui-state-active { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }
.ui-selectmenu-icon { position: absolute; top: 50%; right: 6px; margin-top: -8px; }
.ui-selectmenu-menu { margin: 1px 0 0 0; font-size: 9pt; list-style: none; position: absolute; top: 0px; visibility: hidden; overflow: auto; z-index: 99999; text-shadow: none; background-color: #fff !important; border: 1px solid rgba(255, 153, 0, 0.7); border-top: 0px none; -webkit-border-radius: 0px 0 4px 4px; -moz-border-radius: 0px 0 4px 4px; border-radius: 0px 0 4px 4px; -webkit-box-shadow: 0px 0 3px rgba(255, 153, 0, 0.3); -moz-box-shadow: 0px 0 3px rgba(255, 153, 0, 0.3); box-shadow: 0px 0 3px rgba(255, 153, 0, 0.3); }
.ui-selectmenu-open { visibility: visible; }
.ui-selectmenu-menu .ui-state-hover { border: none; }
.ui-selectmenu-menu-popup { margin-top: -1px; padding-right: 58px !important; }
.ui-selectmenu-menu-dropdown { padding: 0px; max-height: 220px; }
.ui-selectmenu-menu li { background: #fff; margin: 0px; display: block; font-weight: normal !important; }
.ui-selectmenu-menu li a, .ui-selectmenu-status { height: 24px; display: block; line-height: 24px; color: #333; padding: 0px 10px; outline: none; text-decoration: none; }
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a, .ui-selectmenu-hasIcon .ui-selectmenu-status { position: relative; margin-left: 5px; }
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 10px; left: 0px; margin-top: -8px; margin-left: 15px; }
.ui-selectmenu-status { color: #666; }
.ui-selectmenu-open li.ui-selectmenu-item-focus a { background: rgba(0, 0, 0, 0.7); color: #fff !important; }
.ui-selectmenu-open li.ui-selectmenu-item-selected { background: rgba(255, 153, 0, 0.7); }
.ui-selectmenu-open li.ui-selectmenu-item-selected a { color: #fff !important; }
.ui-selectmenu-menu li span, .ui-selectmenu-status span { display: block; margin-bottom: .2em; }
.ui-selectmenu-menu li .ui-selectmenu-item-footer { -moz-opacity: 0.8; opacity: 0.8; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); }

/* ----------------------------- */
/* --- Textarea & Text input --- */
/* ----------------------------- */

.uni-textarea,
.uni-txt-input { padding: 4px 5px; font-size: 13px; color: #333; background-color: #ffffff; border: 1px solid #cccccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -ms-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; }
.uni-textarea:focus,
.uni-txt-input:focus { border-color: rgba(255, 153, 0, 0.8); outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(255, 153, 0, 0.4); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(255, 153, 0, 0.4); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(255, 153, 0, 0.4); }
.uni-textarea.blue:focus,
.uni-txt-input.blue:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(82, 168, 236, 0.4); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(82, 168, 236, 0.4); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(82, 168, 236, 0.4); }
.uni-textarea.green:focus,
.uni-txt-input.green:focus { border-color: rgba(186, 216, 46, 0.95); outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(186, 216, 46, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(186, 216, 46, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(186, 216, 46, 0.6); }

/* --------------- */
/* --- Buttons --- */
/* --------------- */

.btn { border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #b3b3b3; display: inline-block; padding: 4px 20px; margin: 0 auto; text-decoration: none; font-size: 13px; line-height: 18px; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; background-repeat: repeat-x; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); }
.btn { display: inline-block; *display: inline; padding: 4px 10px 4px; margin-bottom: 0; *margin-left: .3em; font-size: 13px; line-height: 18px; *line-height: 20px; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; *background-color: #e6e6e6; background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(top, #ffffff, #e6e6e6); background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #cccccc; *border: 0; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-bottom-color: #b3b3b3; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
.btn-big { width: 340px; height: 50px; line-height: 50px; font-size: 20px; padding: 0; }
.btn-square { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] { background-color: #e6e6e6; *background-color: #d9d9d9; }
.btn.active,
.btn:active { background-color: #e6e6e6; background-color: #d9d9d9 \9; outline: 0; }
.btn:first-child { *margin-left: 0; }
.btn-chng-bgr:hover { background-color: #e6e6e6; *background-color: #d9d9d9; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -ms-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; }
.btn.disabled,
.btn[disabled] { cursor: default; background-color: #e6e6e6; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.btn-blue,
.btn-blue:hover,
.btn-orange,
.btn-orange:hover,
.btn-red,
.btn-red:hover,
.btn-green,
.btn-green:hover,
.btn-sky,
.btn-sky:hover,
.btn-black,
.btn-black:hover { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); text-decoration: none; }
.btn-blue.active,
.btn-orange.active,
.btn-red.active,
.btn-green.active,
.btn-sky.active,
.btn-black.active { color: rgba(255, 255, 255, 0.75); }
.btn-blue { background-color: #0074cc; *background-color: #0055cc; background-image: -ms-linear-gradient(top, #0088cc, #0055cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0055cc); background-image: -o-linear-gradient(top, #0088cc, #0055cc); background-image: -moz-linear-gradient(top, #0088cc, #0055cc); background-image: linear-gradient(top, #0088cc, #0055cc); background-repeat: repeat-x; border-color: #0055cc #0055cc #003580; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); }
.btn-blue:hover,
.btn-blue:active,
.btn-blue.active,
.btn-blue.disabled,
.btn-blue[disabled] { background-color: #0055cc; *background-color: #004ab3; }
.btn-orange { background-color: #faa732; *background-color: #f89406; background-image: -ms-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(top, #fbb450, #f89406); background-repeat: repeat-x; border-color: #f89406 #f89406 #ad6704; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); }
.btn-orange:hover,
.btn-orange:active,
.btn-orange.active,
.btn-orange.disabled,
.btn-orange[disabled] { background-color: #f89406; *background-color: #df8505; }
.btn-orange:active,
.btn-orange.active { background-color: #c67605 \9; }
.btn-red { background-color: #da4f49; *background-color: #bd362f; background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(top, #ee5f5b, #bd362f); background-repeat: repeat-x; border-color: #bd362f #bd362f #802420; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); }
.btn-red:hover,
.btn-red:active,
.btn-red.active,
.btn-red.disabled,
.btn-red[disabled] { background-color: #bd362f; *background-color: #a9302a; }
.btn-red:active,
.btn-red.active { background-color: #942a25 \9; }
.btn-green { background-color: #c4db31; *background-color: #c4db31; background-image: -ms-linear-gradient(top, #c4db31, #afcf2c); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c4db31), to(#afcf2c)); background-image: -webkit-linear-gradient(top, #c4db31, #afcf2c); background-image: -o-linear-gradient(top, #c4db31, #afcf2c); background-image: -moz-linear-gradient(top, #c4db31, #afcf2c); background-image: linear-gradient(top, #c4db31, #afcf2c); background-repeat: repeat-x; border-color: #c4db31 #c4db31 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#c4db31', endColorstr='#afcf2c', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); }
.btn-green:hover,
.btn-green:active,
.btn-green.active,
.btn-green.disabled,
.btn-green[disabled] { background-color: #b0cf2c; *background-color: #b0cf2c; }
.btn-green:active,
.btn-green.active { background-color: #b0cf2c \9; }
.btn-sky { background-color: #49afcd; *background-color: #2f96b4; background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); background-image: linear-gradient(top, #5bc0de, #2f96b4); background-repeat: repeat-x; border-color: #2f96b4 #2f96b4 #1f6377; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); }
.btn-sky:hover,
.btn-sky:active,
.btn-sky.active,
.btn-sky.disabled,
.btn-sky[disabled] { background-color: #2f96b4; *background-color: #2a85a0; }
.btn-sky:active,
.btn-sky.active { background-color: #24748c \9; }
.btn-black { background-color: #414141; *background-color: #222222; background-image: -ms-linear-gradient(top, #555555, #222222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222)); background-image: -webkit-linear-gradient(top, #555555, #222222); background-image: -o-linear-gradient(top, #555555, #222222); background-image: -moz-linear-gradient(top, #555555, #222222); background-image: linear-gradient(top, #555555, #222222); background-repeat: repeat-x; border-color: #222222 #222222 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); }
.btn-black:hover,
.btn-black:active,
.btn-black.active,
.btn-black.disabled,
.btn-black[disabled] { background-color: #222222; *background-color: #151515; }
.btn-black:active,
.btn-black.active { background-color: #080808 \9; }
.btn { outline: 0px none; }
.btn-small { font-size: 11px; font-weight: bold; padding: 2px 10px; line-height: 16px; }
.btnVote { width: 300px; height: 40px; font-size: 16px; margin: 30px 0 30px 225px; }
.btnBackVote { margin-top: 50px; }

/* -------------------------- */
/* ---  Checkbox & Radio  --- */
/* -------------------------- */

.radioElement,
.checkElement { padding: 8px; overflow: hidden; }
.radioElement label,
.checkElement label { display: block; float: left; line-height: 24px; font-size: 13px; color: #444; padding-left: 5px; -webkit-font-smoothing: antialiased; cursor: pointer; }
div.radio span,
div.checker span { width: 22px; height: 22px; display: block; background: #f9f9f9; border-radius: 50%; margin: 1px; }
.radio, .checker, .radio *, .checker * { margin: 0; padding: 0; }

/* ---------------- */
/* --- Checkbox --- */
/* ---------------- */

div.checker { width: 22px; height: 22px; float: left; cursor: pointer; }
div.checker input { width: 22px; height: 22px; float: left; cursor: pointer; }
div.checker span { background: #f9f9f9; box-shadow: inset 0 0 0 1px rgba(170,170,170,1); }
div.checker:active span,
div.checker.active span {  }
div.checker.focus span,
div.checker:hover span {  }
div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span {  }
div.checker span.checked { box-shadow: none; background: #666 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFFQ0NFRUE4OTBCMTExRTY5Q0EwQzdDNEE1NERDNzZEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFFQ0NFRUE5OTBCMTExRTY5Q0EwQzdDNEE1NERDNzZEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUVDQ0VFQTY5MEIxMTFFNjlDQTBDN0M0QTU0REM3NkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUVDQ0VFQTc5MEIxMTFFNjlDQTBDN0M0QTU0REM3NkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6LwUDFAAAAhUlEQVR42mL8//8/Ay0A46jBowZjACYK9TcD8VWsMiAXk4mr/iMAhjy5htYhGdpEqsH8OMRrkAytwqUfl6EBQPwCiDvQxBuQDK3H5yt8BsPAJCBmQnNpBaHgwieZi2TQPiR2AzHxQEhB/n9UUElsBBOjKBOIn0ODguiUM1pWjBqMCQACDABqMlSxxHWZtAAAAABJRU5ErkJggg==') no-repeat center center / 22px 22px; }
div.checker:active span.checked,
div.checker.active span.checked {  }
div.checker.focus span.checked,
div.checker:hover span.checked {  }
div.checker.focus:active span.checked,
div.checker:hover:active span.checked,
div.checker.active:hover span.checked,
div.checker.active.focus span.checked {  }
div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span { background: #e6e6e5; box-shadow: inset 0 0 0 1px rgba(211,212,206,1); }
div.checker.disabled span.checked:before,
div.checker.disabled:active span.checked:before,
div.checker.disabled.active span.checked:before { background: #e6e6e5 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFFQ0NFRUE4OTBCMTExRTY5Q0EwQzdDNEE1NERDNzZEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFFQ0NFRUE5OTBCMTExRTY5Q0EwQzdDNEE1NERDNzZEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUVDQ0VFQTY5MEIxMTFFNjlDQTBDN0M0QTU0REM3NkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUVDQ0VFQTc5MEIxMTFFNjlDQTBDN0M0QTU0REM3NkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6LwUDFAAAAhUlEQVR42mL8//8/Ay0A46jBowZjACYK9TcD8VWsMiAXk4mr/iMAhjy5htYhGdpEqsH8OMRrkAytwqUfl6EBQPwCiDvQxBuQDK3H5yt8BsPAJCBmQnNpBaHgwieZi2TQPiR2AzHxQEhB/n9UUElsBBOjKBOIn0ODguiUM1pWjBqMCQACDABqMlSxxHWZtAAAAABJRU5ErkJggg==') no-repeat center center / 22px 22px; }

/* ------------- */
/* --- Radio --- */
/* ------------- */

div.radio { width: 22px; height: 22px; float: left; cursor: pointer; }
div.radio input { width: 22px; height: 22px; cursor: pointer; }
div.radio span { background: #f9f9f9; box-shadow: inset 0 0 0 1px rgba(170,170,170,1); }
div.radio:active span,
div.radio.active span {  }
div.radio.focus span,
div.radio:hover span {  }
div.radio.focus:active span,
div.radio:active:hover span,
div.radio.active:hover span,
div.radio.focus.active span {  }
div.radio span.checked { box-shadow: none; background: #666 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFFQ0NFRUE4OTBCMTExRTY5Q0EwQzdDNEE1NERDNzZEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFFQ0NFRUE5OTBCMTExRTY5Q0EwQzdDNEE1NERDNzZEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUVDQ0VFQTY5MEIxMTFFNjlDQTBDN0M0QTU0REM3NkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUVDQ0VFQTc5MEIxMTFFNjlDQTBDN0M0QTU0REM3NkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6LwUDFAAAAhUlEQVR42mL8//8/Ay0A46jBowZjACYK9TcD8VWsMiAXk4mr/iMAhjy5htYhGdpEqsH8OMRrkAytwqUfl6EBQPwCiDvQxBuQDK3H5yt8BsPAJCBmQnNpBaHgwieZi2TQPiR2AzHxQEhB/n9UUElsBBOjKBOIn0ODguiUM1pWjBqMCQACDABqMlSxxHWZtAAAAABJRU5ErkJggg==') no-repeat center center / 22px 22px; }
div.radio:active span.checked,
div.radio.active span.checked {  }
div.radio.focus span.checked,
div.radio:hover span.checked {  }
div.radio.focus:active span.checked,
div.radio:hover:active span.checked,
div.radio.active:hover span.checked,
div.radio.active.focus span.checked {  }
div.radio.disabled span,
div.radio.disabled:active span,
div.radio.disabled.active span { background: #e6e6e5; box-shadow: inset 0 0 0 1px rgba(211,212,206,1); }
div.radio.disabled span.checked:before,
div.radio.disabled:active span.checked:before,
div.radio.disabled.active span.checked:before { background: #e6e6e5 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFFQ0NFRUE4OTBCMTExRTY5Q0EwQzdDNEE1NERDNzZEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFFQ0NFRUE5OTBCMTExRTY5Q0EwQzdDNEE1NERDNzZEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUVDQ0VFQTY5MEIxMTFFNjlDQTBDN0M0QTU0REM3NkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUVDQ0VFQTc5MEIxMTFFNjlDQTBDN0M0QTU0REM3NkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6LwUDFAAAAhUlEQVR42mL8//8/Ay0A46jBowZjACYK9TcD8VWsMiAXk4mr/iMAhjy5htYhGdpEqsH8OMRrkAytwqUfl6EBQPwCiDvQxBuQDK3H5yt8BsPAJCBmQnNpBaHgwieZi2TQPiR2AzHxQEhB/n9UUElsBBOjKBOIn0ODguiUM1pWjBqMCQACDABqMlSxxHWZtAAAAABJRU5ErkJggg==') no-repeat center center / 22px 22px; }

div.checker { margin-right: 5px; }
div.radio { margin-right: 5px; }

/* CORE FUNCTIONALITY - Not advised to edit stuff below this line */
.checker,
.radio { display: -moz-inline-box; display: inline-block; vertical-align: middle; zoom: 1; *display: inline; }
.radio input:focus, .checker input:focus { outline: 0; }
div.checker { position: relative; }
div.checker span { display: -moz-inline-box; display: inline-block; text-align: center; }
div.checker input { opacity: 0; filter: alpha(opacity:0); display: inline-block; background: none; }
div.radio { position: relative; }
div.radio span { display: -moz-inline-box; display: inline-block; text-align: center; }
div.radio input { opacity: 0; filter: alpha(opacity:0); display: inline-block; background: none; }

.chck-small div.radio,
.chck-small div.radio input,
.chck-small div.radio span,
.chck-small div.checker,
.chck-small div.checker input,
.chck-small div.checker span { width: 18px; height: 18px; margin-top: 2px; background-size: 18px 18px; }

.chck-blue div.radio span.checked,
.chck-blue div.checker span.checked { background-color: #2bf; }
.chck-sky div.radio span.checked,
.chck-sky div.checker span.checked { background-color: #0bd; }
.chck-red div.radio span.checked,
.chck-red div.checker span.checked { background-color: #c00; }
.chck-orange div.radio span.checked,
.chck-orange div.checker span.checked { background-color: #f90; }
.chck-green div.radio span.checked,
.chck-green div.checker span.checked { background-color: #bd0; }
.chck-pink div.radio span.checked,
.chck-pink div.checker span.checked { background-color: #f1238f; }


/* ----------------------- */
/* --- Fancybox v2.1.5 --- */
/* ----------------------- */

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../images/assets/fancybox/fancybox_sprite.png'); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url('../images/assets/fancybox/fancybox_loading.gif') center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('../images/assets/fancybox/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }
/* Overlay helper - DISABLING AUTO SCROLL */
/*.fancybox-lock { overflow: hidden !important; width: auto;}*/
.fancybox-lock body { overflow: hidden !important; }
.fancybox-lock-test { overflow-y: hidden !important; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('../images/assets/fancybox/fancybox_overlay.png'); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; background: rgba(0, 0, 0, 0.8); /*border: 2px solid #fff;*/ box-shadow: inset 0px 0px 0px 2px rgba(255,255,255,1); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }
#fancybox-thumbs { position: fixed; left: 0; width: 100%; overflow: hidden; z-index: 8050; }
#fancybox-thumbs.bottom { bottom: 2px; }
#fancybox-thumbs.top { top: 2px; }
#fancybox-thumbs ul { position: relative; list-style: none; margin: 0; padding: 0; }
#fancybox-thumbs ul li { float: left; padding: 1px; opacity: 0.5; }
#fancybox-thumbs ul li.active { opacity: 0.75; padding: 0; border: 1px solid #fff; }
#fancybox-thumbs ul li:hover { opacity: 1; }
#fancybox-thumbs ul li a { display: block; position: relative; overflow: hidden; border: 1px solid #222; background: #111; outline: none; }
#fancybox-thumbs ul li img { display: block; position: relative; border: 0; padding: 0; max-width: none; }



/* --- chosen multiple select plugin with dropdown --- */

.ddl-region-cont { width: 300px; padding: 15px 5px 0;}

.secNav .chzn-choices, .secNav .lbx-player-age { width: 195px; max-width: 195px; }
.secNav .chzn-container { width: 195px !important; max-width: 195px; }
.secNav .chzn-container-single .chzn-search input { width: 185px; }

/* chosen selects 
.secNav .chzn-container { width: 100%!important; max-width: 100%; }
.secNav .chzn-container-single .chzn-search input { max-width: 187px; }
*/

/* defalts */
.chzn-container { position: relative; display: inline-block; zoom: 1; *display: inline; max-width: 100%; min-width: 100%; }
.noSearch .chzn-search, .searchDrop .selector, .noSearch .selector { display: none; }
.noSearch .chzn-results { margin: 0!important; padding: 2px!important; }
.chzn-container > .chzn-drop { background: #fff; border: 1px solid #d5d5d5; border-top: 0; position: absolute; top: 29px; margin-top: 1px; left: 0; z-index: 998; width: 100%!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.chzn-container-single .chzn-single { border: 1px solid #d8d8d8; display: block; overflow: hidden; white-space: nowrap; position: relative; color: #808080; text-shadow: 0 1px #f5f5f5; height: 27px; line-height: 27px; padding: 0 0 0 10px; background: #fcfcfc; background: -moz-linear-gradient(top,  #fcfcfc 0%, #f1f1f1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f1f1f1)); background: -webkit-linear-gradient(top,  #fcfcfc 0%,#f1f1f1 100%); background: -o-linear-gradient(top,  #fcfcfc 0%,#f1f1f1 100%); background: -ms-linear-gradient(top,  #fcfcfc 0%,#f1f1f1 100%); background: linear-gradient(top,  #fcfcfc 0%,#f1f1f1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f1f1f1',GradientType=0 ); border: 1px solid #d2d2d2;  box-sizing: content-box; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;  box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eeeeee; -webkit-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eeeeee; -moz-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eeeeee; }
.chzn-container-single .chzn-single span { display: block; font-size: 11px; padding-right: 30px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; background: url(../images/assets/chosen-select-arrow.png) no-repeat 100%; }
.chzn-container-single .chzn-single abbr { display: block; position: absolute; right: 26px; top: 6px; width: 12px; height: 13px; font-size: 1px; }
.chzn-container-single .chzn-single div { position: absolute; right: -1px; top: -1px; display: block; height: 27px; width: 27px; }
.chzn-container-single .chzn-single div b { display: block; width: 27px; height: 28px; }
.chzn-container-single .chzn-search { padding: 3px 4px; position: relative; margin: 0; white-space: nowrap; z-index: 1010; }
.chzn-container-single .chzn-search input { margin: 1px 0; padding: 4px 20px 4px 5px; outline: 0; border: 1px solid #aaa; font-size: 11px; background: url(../images/searchSmall.png) no-repeat 98% !important; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; max-width: 100%; min-width: 100%; }
.chzn-container-single-nosearch .chzn-search input { position: absolute; left: -9000px; }
.chzn-container-multi .chzn-choices { border: 1px solid #ddd; margin: 0; cursor: text; overflow: hidden; height: auto !important; height: 1%; position: relative; font-size: 12px; padding: 4px; background: white; color: #656565;  }
.chzn-container-multi .chzn-choices li { float: left; list-style: none; }
.chzn-container-multi .chzn-choices span { user-select: none; }
.chzn-container-multi .chzn-choices .search-field { white-space: nowrap; margin: 0; padding: 0; }
.chzn-container-multi .chzn-choices .search-field input { color: #666; background: transparent !important; border: 0 !important; font-size: 12px!important; padding: /*11px 4px 10px 4px*/ 3px 4px 2px 4px !important; margin: 0; outline: 0; box-shadow: none!important; }
.chzn-container-multi .chzn-choices .search-field .default { color: #999; }
.chzn-container-multi .chzn-choices .search-choice { position: relative; width: 177px; line-height: 16px; font-size: 11px; border: 1px solid #A5D24A; display: block; float: left; padding: 5px 24px 5px 8px; background: #CDE69C; color: #638421; margin: 4px; }
.chzn-container-multi .chzn-choices .search-choice-focus { background: #d4d4d4; }

.chzn-container-multi .chzn-choices .search-choice .search-choice-close { display: block; position: absolute; right: 3px; top: 7px; width: 12px; height: 13px; font-size: 1px; padding: 0; margin: 0; border: 0 none; background: url('../images/ui-elements/chosen-sprite.png') no-repeat right top; }
.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover { background-position: right -11px; }
.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close { background-position: right -11px; }

/*.chzn-container-multi .chzn-choices .search-choice .search-choice-close { content: 'x'; display: block; position: absolute; right: 2px; top: 2px; width: 24px; height: 24px; font-size: 17px; padding: 0 !important; margin: 0 !important; color: #fff; background: red; }
.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close { color: #fff; }*/


.chzn-container .chzn-results { margin: 0 4px 4px 0; max-height: 240px; padding: 0 0 0 4px; position: relative; overflow-x: hidden; overflow-y: auto; max-height: 96px; }
.chzn-container-multi .chzn-results { padding: 0; margin: 0; max-height: 96px; }
.chzn-container .chzn-results li { display: none; line-height: 14px; padding: 5px 6px; margin: 0; list-style: none; font-size: 11px; }
.chzn-container .chzn-results .active-result { cursor: pointer; display: list-item; }
.chzn-container .chzn-results .highlighted { background-color: #3875d7; color: #fff; }
.chzn-container .chzn-results li em { background: #feffde; font-style: normal; }
.chzn-container .chzn-results .highlighted em { background: transparent; }
.chzn-container .chzn-results .no-results { background: #f4f4f4; display: list-item; }
.chzn-container .chzn-results .group-result { cursor: default; color: #2e74a6; font-weight: 600; font-size: 10px; border-bottom: 1px solid #DDD; border-top: 1px solid #DDD; }
.chzn-container .chzn-results .group-option { padding-left: 15px; }
.chzn-container-multi .chzn-drop .result-selected { display: none; }
.chzn-container .chzn-results-scroll { background: white; margin: 0 4px; position: absolute; text-align: center; width: 321px; /* This should be dynamic with js */ z-index: 1; }
.chzn-container .chzn-results-scroll span { display: inline-block; height: 17px; text-indent: -5000px; width: 9px; }
.chzn-container .chzn-results-scroll-down { bottom: 0; }
.chzn-container-active .chzn-single-with-drop div { background: transparent; border-left: none; }
.chzn-container-active .chzn-choices { border: 1px solid #d5d5d5; }
.chzn-container-active .chzn-choices .search-field input { color: #111 !important; }
.chzn-disabled { cursor: default; opacity:0.5 !important; }
.chzn-disabled .chzn-single { cursor: default; }
.chzn-disabled .chzn-choices .search-choice .search-choice-close { cursor: default; }
.chzn-container a { text-decoration: none; }

/* --- autocomlete --- */

.ac_results { padding: 0px; border: 1px solid #ddd; background-color: #fefefe; overflow: hidden; z-index: 99999; border-radius: 3px; box-shadow: 0 2px 3px rgba(0,0,0,.1); }
.ac_results ul { list-style: none; padding: 0; margin: 0; width: 100% /*194px !important*/; }
.ac_results li { margin: 0px; padding: 5px 5px; cursor: default; display: block; font-size: 12px; font-weight: 400; color: #111; line-height: 16px; overflow: hidden; }
.ac_loading { background: white url('../images/assets/p13-circle3.png') right center no-repeat; }
.ac_odd { background-color: #f3f3f3; }
/*
.ac_results li strong { font-weight: normal; color: #f40; }
.ac_results li strong { line-height: 135%; font-style: normal; color: #444; display: inline-block; padding: 0 2px; border-radius: 0px; }
.ac_results li strong { background-color: #fe0; background: -webkit-linear-gradient(#fd0, #fb0); background: -o-linear-gradient(#fd0, #fb0); background: -moz-linear-gradient(#fd0, #fb0); background: linear-gradient(#fd0, #fb0); }
*/
.ac_results li strong { font-weight: 700; color: #f80; }

.ac_results li.ac_over { background-color: #333; color: #fff !important; }
.ac_results li.ac_over strong { background: transparent; color: #f90 !important; }


/* ------------- */
/* --- Icons --- */
/* ------------- */

[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-switch:before,
.icon-power:before { content: "\e900"; }
.icon-hp:before,
.icon-address:before { content: "\e600"; }
.icon-attachment:before { content: "\e601"; }
.icon-bell:before { content: "\e602"; }
.icon-calendar:before { content: "\e603"; }
.icon-cubes:before { content: "\e604"; }
.icon-database:before { content: "\e605"; }
.icon-envelope-o:before { content: "\e606"; }
.icon-gauge:before { content: "\e607"; }
.icon-kontakty:before,
.icon-location2:before { content: "\e608"; }
.icon-carousel:before,
.icon-menu:before { content: "\e609"; }
.icon-open-book:before { content: "\e60a"; }
.icon-phone:before { content: "\e60b"; }
.icon-shipping:before { content: "\e60c"; }
.icon-school:before { content: "\e60d"; }
.icon-truck:before { content: "\e60e"; }
.icon-v-card:before { content: "\e60f"; }
.icon-home:before { content: "\e901"; }
.icon-image:before { content: "\e90d"; }
.icon-images:before { content: "\e90e"; }
.icon-camera:before { content: "\e90f"; }
.icon-bullhorn:before { content: "\e91a"; }
.icon-music:before { content: "\e911"; }
.icon-headphones:before { content: "\e910"; }
.icon-stack:before { content: "\e92e"; }
.icon-folder:before { content: "\e92f"; }
.icon-folder-open:before { content: "\e930"; }
.icon-folder-plus:before { content: "\e931"; }
.icon-folder-minus:before { content: "\e932"; }
.icon-price-tag:before { content: "\e935"; }
.icon-price-tags:before { content: "\e936"; }
.icon-barcode:before { content: "\e937"; }
.icon-cart:before { content: "\e93a"; }
.icon-location:before { content: "\e947"; }
.icon-location22:before { content: "\e948"; }
.icon-clock:before { content: "\e94e"; }
.icon-alarm:before { content: "\e950"; }
.icon-display:before { content: "\e956"; }
.icon-mobile:before { content: "\e958"; }
.icon-tv:before { content: "\e95b"; }
.icon-bubbles4:before { content: "\e970"; }
.icon-user:before { content: "\e971"; }
.icon-users,
.icon-respondenti:before { content: "\e972"; }
.icon-user-plus:before { content: "\e973"; }
.icon-user-minus:before { content: "\e974"; }
.icon-search:before { content: "\e986"; }
.icon-zoom-in:before { content: "\e987"; }
.icon-zoom-out:before { content: "\e988"; }
.icon-lock:before { content: "\e98f"; }
.icon-unlocked:before { content: "\e990"; }
.icon-cog:before { content: "\e994"; }
.icon-settings:before,
.icon-nastaveni:before,
.icon-cogs:before { content: "\e995"; }
.icon-stats-bars:before { content: "\e99c"; }
.icon-stats-bars2:before { content: "\e99d"; }
.icon-trophy:before { content: "\e99e"; }
.icon-gift:before { content: "\e99f"; }
.icon-meter:before { content: "\e9a6"; }
.icon-fire:before { content: "\e9a9"; }
.icon-pro-zadavatele:before,
.icon-briefcase:before { content: "\e9ae"; }
.icon-shield:before { content: "\e9b4"; }
.icon-aktuality:before,
.icon-clipboard:before { content: "\e9b8"; }
.icon-menu2:before { content: "\e9be"; }
.icon-cloud-download:before { content: "\e9c2"; }
.icon-cloud-upload:before { content: "\e9c3"; }
.icon-earth:before { content: "\e9ca"; }
.icon-flag:before { content: "\e9cc"; }
.icon-bookmark:before { content: "\e9d2"; }
.icon-star-empty:before { content: "\e9d7"; }
.icon-star-half:before { content: "\e9d8"; }
.icon-star-full:before { content: "\e9d9"; }
.icon-googleplus:before { content: "\ea88"; }
.icon-googleplus2:before { content: "\ea89"; }
.icon-googleplus3:before { content: "\ea8a"; }
.icon-facebook:before { content: "\ea8c"; }
.icon-facebook2:before { content: "\ea8d"; }
.icon-facebook3:before { content: "\ea8e"; }
.icon-instagram:before { content: "\ea90"; }
.icon-twitter:before { content: "\ea91"; }
.icon-twitter2:before { content: "\ea92"; }
.icon-twitter3:before { content: "\ea93"; }
.icon-feed:before { content: "\ea94"; }
.icon-feed2:before { content: "\ea95"; }
.icon-feed3:before { content: "\ea96"; }
.icon-youtube:before { content: "\ea97"; }
.icon-youtube2:before { content: "\ea98"; }
.icon-youtube3:before { content: "\ea99"; }
.icon-vimeo:before { content: "\ea9c"; }
.icon-vimeo2:before { content: "\ea9d"; }
.icon-vimeo3:before { content: "\ea9e"; }
.icon-picassa:before { content: "\eaa4"; }
.icon-picassa2:before { content: "\eaa5"; }
.icon-linkedin:before { content: "\eac8"; }
.icon-linkedin2:before { content: "\eac9"; }
.icon-pinterest3:before { content: "\ead0"; }
.icon-pinterest2:before { content: "\ead1"; }
.icon-foursquare:before { content: "\ead5"; }
.icon-download:before { content: "\e960"; }
.icon-upload:before { content: "\e961"; }
.icon-database2:before { content: "\e964"; }
.icon-undo2:before { content: "\e967"; }
.icon-redo2:before { content: "\e968"; }
.icon-forward:before { content: "\e969"; }
.icon-reply:before { content: "\e96a"; }
.icon-spinner11:before { content: "\e984"; }
.icon-enlarge2:before { content: "\e98b"; }
.icon-shrink2:before { content: "\e98c"; }
.icon-key:before { content: "\e98d"; }
.icon-equalizer:before { content: "\e992"; }
.icon-equalizer2:before { content: "\e993"; }
.icon-pro-respondenty:before,
.icon-pie-chart:before { content: "\e99a"; }
.icon-stats-dots:before { content: "\e99b"; }
.icon-bin:before { content: "\e9ac"; }
.icon-eye:before { content: "\e9ce"; }
.icon-eye-blocked:before { content: "\e9d1"; }
.icon-man:before { content: "\e9dc"; }
.icon-woman:before { content: "\e9dd"; }
.icon-man-woman:before { content: "\e9de"; }
.icon-checkmark:before { content: "\ea10"; }
.icon-checkmark2:before { content: "\ea11"; }
.icon-spell-check:before { content: "\ea12"; }
.icon-spinner112:before { content: "\e985"; }
.icon-bin2:before { content: "\e9ad"; }
.icon-sphere:before { content: "\e9c9"; }
.icon-earth2:before { content: "\e9cb"; }
.icon-flag2:before { content: "\e9cd"; }
.icon-pinterest:before { content: "\e610"; }

.ico_16_cal		{ background-image: url('../images/icons/i_16_calendar.png'); }
.ico_16_bars	{ background-image: url('../images/icons/i_16_bars.png'); }
.ico_16_data	{ background-image: url('../images/icons/i_16_data.png'); }
.ico_16_frm		{ background-image: url('../images/icons/i_16_forms.png'); }
.ico_16_charts	{ background-image: url('../images/icons/i_16_charts.png'); }
.ico_16_chat	{ background-image: url('../images/icons/i_16_chats.png'); }
.ico_16_check	{ background-image: url('../images/icons/i_16_checked.png'); }
.ico_16_msg		{ background-image: url('../images/icons/i_16_message.png'); }
.ico_16_pie		{ background-image: url('../images/icons/i_16_pie.png'); }
.ico_16_rsz		{ background-image: url('../images/icons/i_16_resize.png'); }
.ico_16_setup	{ background-image: url('../images/icons/i_16_setup.png'); }
.ico_16_spin	{ background-image: url('../images/icons/i_16_spinner.png'); }
.ico_16_tab		{ background-image: url('../images/icons/i_16_tables.png'); }
.ico_16_grid	{ background-image: url('../images/icons/i_16_grid.png'); }
.ico_16_tabs	{ background-image: url('../images/icons/i_16_tabs.png'); }
.ico_16_ttip	{ background-image: url('../images/icons/i_16_tooltip.png'); }
.ico_16_usrs	{ background-image: url('../images/icons/i_16_ui.png'); }
.ico_16_eq		{ background-image: url('../images/icons/i_16_eq.png'); }
.ico_16_wswg	{ background-image: url('../images/icons/i_16_wysiwyg.png'); }
.ico_22_lupa	{ background-image: url('../images/icons/i_22_search.png'); }

.ico_16_cal:hover		{ background-image: url('../images/icons/i_16_calendar_orange.png'); }
.ico_16_bars:hover		{ background-image: url('../images/icons/i_16_bars.png'); }
.ico_16_data:hover		{ background-image: url('../images/icons/i_16_data.png'); }
.ico_16_frm:hover		{ background-image: url('../images/icons/i_16_forms_blue.png'); }
.ico_16_charts:hover	{ background-image: url('../images/icons/i_16_charts.png'); }
.ico_16_chat:hover		{ background-image: url('../images/icons/i_16_chats_blue.png'); }
.ico_16_check:hover		{ background-image: url('../images/icons/i_16_checked.png'); }
.ico_16_msg:hover		{ background-image: url('../images/icons/i_16_message.png'); }
.ico_16_pie:hover		{ background-image: url('../images/icons/i_16_pie.png'); }
.ico_16_rsz:hover		{ background-image: url('../images/icons/i_16_resize.png'); }
.ico_16_setup:hover		{ background-image: url('../images/icons/i_16_setup.png'); }
.ico_16_spin:hover		{ background-image: url('../images/icons/i_16_spinner.png'); }
.ico_16_tab:hover		{ background-image: url('../images/icons/i_16_tables.png'); }
.ico_16_grid:hover		{ background-image: url('../images/icons/i_16_grid.png'); }
.ico_16_tabs:hover		{ background-image: url('../images/icons/i_16_tabs.png'); }
.ico_16_ttip:hover		{ background-image: url('../images/icons/i_16_tooltip.png'); }
.ico_16_usrs:hover		{ background-image: url('../images/icons/i_16_ui.png'); }
.ico_16_eq:hover		{ background-image: url('../images/icons/i_16_eq.png'); }
.ico_16_wswg:hover		{ background-image: url('../images/icons/i_16_wysiwyg.png'); }
.ico_22_lupa:hover		{ background-image: url('../images/icons/i_22_search.png'); }

@font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.1.0'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; }
.fa { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
/* makes the font 33% larger relative to the icon container */
.fa-lg { font-size: 1.3333333333333333em; line-height: 0.75em; vertical-align: -15%; }
.fa-2x { font-size: 2em; }
.fa-3x { font-size: 3em; }
.fa-4x { font-size: 4em; }
.fa-5x { font-size: 5em; }
.fa-fw { width: 1.2857142857142858em; text-align: center; }
.fa-ul { padding-left: 0; margin-left: 2.142857142857143em; list-style-type: none; }
.fa-ul > li { position: relative; }
.fa-li { position: absolute; left: -2.142857142857143em; width: 2.142857142857143em; top: 0.14285714285714285em; text-align: center; }
.fa-li.fa-lg { left: -1.8571428571428572em; }
.fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; }
.pull-right { float: right; }
.pull-left { float: left; }
.fa.pull-left { margin-right: .3em; }
.fa.pull-right { margin-left: .3em; }
.fa-spin { -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; }

@-moz-keyframes spin {
	0% { -moz-transform: rotate(0deg); }
	100% { -moz-transform: rotate(359deg); }
}

@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(359deg); }
}

@-o-keyframes spin {
	0% { -o-transform: rotate(0deg); }
	100% { -o-transform: rotate(359deg); }
}

@keyframes spin {
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); }
}

.fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); }
.fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); }
.fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); }
.fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; }
.fa-stack-1x,
.fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; }
.fa-stack-1x { line-height: inherit; }
.fa-stack-2x { font-size: 2em; }
.fa-inverse { color: #ffffff; }
.fa-glass:before { content: "\f000"; }
.fa-music:before { content: "\f001"; }
.fa-search:before { content: "\f002"; }
.fa-envelope-o:before { content: "\f003"; }
.fa-heart:before { content: "\f004"; }
.fa-star:before { content: "\f005"; }
.fa-star-o:before { content: "\f006"; }
.fa-user:before { content: "\f007"; }
.fa-film:before { content: "\f008"; }
.fa-th-large:before { content: "\f009"; }
.fa-th:before { content: "\f00a"; }
.fa-th-list:before { content: "\f00b"; }
.fa-check:before { content: "\f00c"; }
.fa-times:before { content: "\f00d"; }
.fa-search-plus:before { content: "\f00e"; }
.fa-search-minus:before { content: "\f010"; }
.fa-power-off:before { content: "\f011"; }
.fa-signal:before { content: "\f012"; }
.fa-gear:before,
.fa-cog:before { content: "\f013"; }
.fa-trash-o:before { content: "\f014"; }
.fa-home:before { content: "\f015"; }
.fa-file-o:before { content: "\f016"; }
.fa-clock-o:before { content: "\f017"; }
.fa-road:before { content: "\f018"; }
.fa-download:before { content: "\f019"; }
.fa-arrow-circle-o-down:before { content: "\f01a"; }
.fa-arrow-circle-o-up:before { content: "\f01b"; }
.fa-inbox:before { content: "\f01c"; }
.fa-play-circle-o:before { content: "\f01d"; }
.fa-rotate-right:before,
.fa-repeat:before { content: "\f01e"; }
.fa-refresh:before { content: "\f021"; }
.fa-list-alt:before { content: "\f022"; }
.fa-lock:before { content: "\f023"; }
.fa-flag:before { content: "\f024"; }
.fa-headphones:before { content: "\f025"; }
.fa-volume-off:before { content: "\f026"; }
.fa-volume-down:before { content: "\f027"; }
.fa-volume-up:before { content: "\f028"; }
.fa-qrcode:before { content: "\f029"; }
.fa-barcode:before { content: "\f02a"; }
.fa-tag:before { content: "\f02b"; }
.fa-tags:before { content: "\f02c"; }
.fa-book:before { content: "\f02d"; }
.fa-bookmark:before { content: "\f02e"; }
.fa-print:before { content: "\f02f"; }
.fa-camera:before { content: "\f030"; }
.fa-font:before { content: "\f031"; }
.fa-bold:before { content: "\f032"; }
.fa-italic:before { content: "\f033"; }
.fa-text-height:before { content: "\f034"; }
.fa-text-width:before { content: "\f035"; }
.fa-align-left:before { content: "\f036"; }
.fa-align-center:before { content: "\f037"; }
.fa-align-right:before { content: "\f038"; }
.fa-align-justify:before { content: "\f039"; }
.fa-list:before { content: "\f03a"; }
.fa-dedent:before,
.fa-outdent:before { content: "\f03b"; }
.fa-indent:before { content: "\f03c"; }
.fa-video-camera:before { content: "\f03d"; }
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before { content: "\f03e"; }
.fa-pencil:before { content: "\f040"; }
.fa-map-marker:before { content: "\f041"; }
.fa-adjust:before { content: "\f042"; }
.fa-tint:before { content: "\f043"; }
.fa-edit:before,
.fa-pencil-square-o:before { content: "\f044"; }
.fa-share-square-o:before { content: "\f045"; }
.fa-check-square-o:before { content: "\f046"; }
.fa-arrows:before { content: "\f047"; }
.fa-step-backward:before { content: "\f048"; }
.fa-fast-backward:before { content: "\f049"; }
.fa-backward:before { content: "\f04a"; }
.fa-play:before { content: "\f04b"; }
.fa-pause:before { content: "\f04c"; }
.fa-stop:before { content: "\f04d"; }
.fa-forward:before { content: "\f04e"; }
.fa-fast-forward:before { content: "\f050"; }
.fa-step-forward:before { content: "\f051"; }
.fa-eject:before { content: "\f052"; }
.fa-chevron-left:before { content: "\f053"; }
.fa-chevron-right:before { content: "\f054"; }
.fa-plus-circle:before { content: "\f055"; }
.fa-minus-circle:before { content: "\f056"; }
.fa-times-circle:before { content: "\f057"; }
.fa-check-circle:before { content: "\f058"; }
.fa-question-circle:before { content: "\f059"; }
.fa-info-circle:before { content: "\f05a"; }
.fa-crosshairs:before { content: "\f05b"; }
.fa-times-circle-o:before { content: "\f05c"; }
.fa-check-circle-o:before { content: "\f05d"; }
.fa-ban:before { content: "\f05e"; }
.fa-arrow-left:before { content: "\f060"; }
.fa-arrow-right:before { content: "\f061"; }
.fa-arrow-up:before { content: "\f062"; }
.fa-arrow-down:before { content: "\f063"; }
.fa-mail-forward:before,
.fa-share:before { content: "\f064"; }
.fa-expand:before { content: "\f065"; }
.fa-compress:before { content: "\f066"; }
.fa-plus:before { content: "\f067"; }
.fa-minus:before { content: "\f068"; }
.fa-asterisk:before { content: "\f069"; }
.fa-exclamation-circle:before { content: "\f06a"; }
.fa-gift:before { content: "\f06b"; }
.fa-leaf:before { content: "\f06c"; }
.fa-fire:before { content: "\f06d"; }
.fa-eye:before { content: "\f06e"; }
.fa-eye-slash:before { content: "\f070"; }
.fa-warning:before,
.fa-exclamation-triangle:before { content: "\f071"; }
.fa-plane:before { content: "\f072"; }
.fa-calendar:before { content: "\f073"; }
.fa-random:before { content: "\f074"; }
.fa-comment:before { content: "\f075"; }
.fa-magnet:before { content: "\f076"; }
.fa-chevron-up:before { content: "\f077"; }
.fa-chevron-down:before { content: "\f078"; }
.fa-retweet:before { content: "\f079"; }
.fa-shopping-cart:before { content: "\f07a"; }
.fa-folder:before { content: "\f07b"; }
.fa-folder-open:before { content: "\f07c"; }
.fa-arrows-v:before { content: "\f07d"; }
.fa-arrows-h:before { content: "\f07e"; }
.fa-bar-chart-o:before { content: "\f080"; }
.fa-twitter-square:before { content: "\f081"; }
.fa-facebook-square:before { content: "\f082"; }
.fa-camera-retro:before { content: "\f083"; }
.fa-key:before { content: "\f084"; }
.fa-gears:before,
.fa-cogs:before { content: "\f085"; }
.fa-comments:before { content: "\f086"; }
.fa-thumbs-o-up:before { content: "\f087"; }
.fa-thumbs-o-down:before { content: "\f088"; }
.fa-star-half:before { content: "\f089"; }
.fa-heart-o:before { content: "\f08a"; }
.fa-sign-out:before { content: "\f08b"; }
.fa-linkedin-square:before { content: "\f08c"; }
.fa-thumb-tack:before { content: "\f08d"; }
.fa-external-link:before { content: "\f08e"; }
.fa-sign-in:before { content: "\f090"; }
.fa-trophy:before { content: "\f091"; }
.fa-github-square:before { content: "\f092"; }
.fa-upload:before { content: "\f093"; }
.fa-lemon-o:before { content: "\f094"; }
.fa-phone:before { content: "\f095"; }
.fa-square-o:before { content: "\f096"; }
.fa-bookmark-o:before { content: "\f097"; }
.fa-phone-square:before { content: "\f098"; }
.fa-twitter:before { content: "\f099"; }
.fa-facebook:before { content: "\f09a"; }
.fa-github:before { content: "\f09b"; }
.fa-unlock:before { content: "\f09c"; }
.fa-credit-card:before { content: "\f09d"; }
.fa-rss:before { content: "\f09e"; }
.fa-hdd-o:before { content: "\f0a0"; }
.fa-bullhorn:before { content: "\f0a1"; }
.fa-bell:before { content: "\f0f3"; }
.fa-certificate:before { content: "\f0a3"; }
.fa-hand-o-right:before { content: "\f0a4"; }
.fa-hand-o-left:before { content: "\f0a5"; }
.fa-hand-o-up:before { content: "\f0a6"; }
.fa-hand-o-down:before { content: "\f0a7"; }
.fa-arrow-circle-left:before { content: "\f0a8"; }
.fa-arrow-circle-right:before { content: "\f0a9"; }
.fa-arrow-circle-up:before { content: "\f0aa"; }
.fa-arrow-circle-down:before { content: "\f0ab"; }
.fa-globe:before { content: "\f0ac"; }
.fa-wrench:before { content: "\f0ad"; }
.fa-tasks:before { content: "\f0ae"; }
.fa-filter:before { content: "\f0b0"; }
.fa-briefcase:before { content: "\f0b1"; }
.fa-arrows-alt:before { content: "\f0b2"; }
.fa-group:before,
.fa-users:before { content: "\f0c0"; }
.fa-chain:before,
.fa-link:before { content: "\f0c1"; }
.fa-cloud:before { content: "\f0c2"; }
.fa-flask:before { content: "\f0c3"; }
.fa-cut:before,
.fa-scissors:before { content: "\f0c4"; }
.fa-copy:before,
.fa-files-o:before { content: "\f0c5"; }
.fa-paperclip:before { content: "\f0c6"; }
.fa-save:before,
.fa-floppy-o:before { content: "\f0c7"; }
.fa-square:before { content: "\f0c8"; }
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before { content: "\f0c9"; }
.fa-list-ul:before { content: "\f0ca"; }
.fa-list-ol:before { content: "\f0cb"; }
.fa-strikethrough:before { content: "\f0cc"; }
.fa-underline:before { content: "\f0cd"; }
.fa-table:before { content: "\f0ce"; }
.fa-magic:before { content: "\f0d0"; }
.fa-truck:before { content: "\f0d1"; }
.fa-pinterest:before { content: "\f0d2"; }
.fa-pinterest-square:before { content: "\f0d3"; }
.fa-google-plus-square:before { content: "\f0d4"; }
.fa-google-plus:before { content: "\f0d5"; }
.fa-money:before { content: "\f0d6"; }
.fa-caret-down:before { content: "\f0d7"; }
.fa-caret-up:before { content: "\f0d8"; }
.fa-caret-left:before { content: "\f0d9"; }
.fa-caret-right:before { content: "\f0da"; }
.fa-columns:before { content: "\f0db"; }
.fa-unsorted:before,
.fa-sort:before { content: "\f0dc"; }
.fa-sort-down:before,
.fa-sort-desc:before { content: "\f0dd"; }
.fa-sort-up:before,
.fa-sort-asc:before { content: "\f0de"; }
.fa-envelope:before { content: "\f0e0"; }
.fa-linkedin:before { content: "\f0e1"; }
.fa-rotate-left:before,
.fa-undo:before { content: "\f0e2"; }
.fa-legal:before,
.fa-gavel:before { content: "\f0e3"; }
.fa-dashboard:before,
.fa-tachometer:before { content: "\f0e4"; }
.fa-comment-o:before { content: "\f0e5"; }
.fa-comments-o:before { content: "\f0e6"; }
.fa-flash:before,
.fa-bolt:before { content: "\f0e7"; }
.fa-sitemap:before { content: "\f0e8"; }
.fa-umbrella:before { content: "\f0e9"; }
.fa-paste:before,
.fa-clipboard:before { content: "\f0ea"; }
.fa-lightbulb-o:before { content: "\f0eb"; }
.fa-exchange:before { content: "\f0ec"; }
.fa-cloud-download:before { content: "\f0ed"; }
.fa-cloud-upload:before { content: "\f0ee"; }
.fa-user-md:before { content: "\f0f0"; }
.fa-stethoscope:before { content: "\f0f1"; }
.fa-suitcase:before { content: "\f0f2"; }
.fa-bell-o:before { content: "\f0a2"; }
.fa-coffee:before { content: "\f0f4"; }
.fa-cutlery:before { content: "\f0f5"; }
.fa-file-text-o:before { content: "\f0f6"; }
.fa-building-o:before { content: "\f0f7"; }
.fa-hospital-o:before { content: "\f0f8"; }
.fa-ambulance:before { content: "\f0f9"; }
.fa-medkit:before { content: "\f0fa"; }
.fa-fighter-jet:before { content: "\f0fb"; }
.fa-beer:before { content: "\f0fc"; }
.fa-h-square:before { content: "\f0fd"; }
.fa-plus-square:before { content: "\f0fe"; }
.fa-angle-double-left:before { content: "\f100"; }
.fa-angle-double-right:before { content: "\f101"; }
.fa-angle-double-up:before { content: "\f102"; }
.fa-angle-double-down:before { content: "\f103"; }
.fa-angle-left:before { content: "\f104"; }
.fa-angle-right:before { content: "\f105"; }
.fa-angle-up:before { content: "\f106"; }
.fa-angle-down:before { content: "\f107"; }
.fa-desktop:before { content: "\f108"; }
.fa-laptop:before { content: "\f109"; }
.fa-tablet:before { content: "\f10a"; }
.fa-mobile-phone:before,
.fa-mobile:before { content: "\f10b"; }
.fa-circle-o:before { content: "\f10c"; }
.fa-quote-left:before { content: "\f10d"; }
.fa-quote-right:before { content: "\f10e"; }
.fa-spinner:before { content: "\f110"; }
.fa-circle:before { content: "\f111"; }
.fa-mail-reply:before,
.fa-reply:before { content: "\f112"; }
.fa-github-alt:before { content: "\f113"; }
.fa-folder-o:before { content: "\f114"; }
.fa-folder-open-o:before { content: "\f115"; }
.fa-smile-o:before { content: "\f118"; }
.fa-frown-o:before { content: "\f119"; }
.fa-meh-o:before { content: "\f11a"; }
.fa-gamepad:before { content: "\f11b"; }
.fa-keyboard-o:before { content: "\f11c"; }
.fa-flag-o:before { content: "\f11d"; }
.fa-flag-checkered:before { content: "\f11e"; }
.fa-terminal:before { content: "\f120"; }
.fa-code:before { content: "\f121"; }
.fa-mail-reply-all:before,
.fa-reply-all:before { content: "\f122"; }
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before { content: "\f123"; }
.fa-location-arrow:before { content: "\f124"; }
.fa-crop:before { content: "\f125"; }
.fa-code-fork:before { content: "\f126"; }
.fa-unlink:before,
.fa-chain-broken:before { content: "\f127"; }
.fa-question:before { content: "\f128"; }
.fa-info:before { content: "\f129"; }
.fa-exclamation:before { content: "\f12a"; }
.fa-superscript:before { content: "\f12b"; }
.fa-subscript:before { content: "\f12c"; }
.fa-eraser:before { content: "\f12d"; }
.fa-puzzle-piece:before { content: "\f12e"; }
.fa-microphone:before { content: "\f130"; }
.fa-microphone-slash:before { content: "\f131"; }
.fa-shield:before { content: "\f132"; }
.fa-calendar-o:before { content: "\f133"; }
.fa-fire-extinguisher:before { content: "\f134"; }
.fa-rocket:before { content: "\f135"; }
.fa-maxcdn:before { content: "\f136"; }
.fa-chevron-circle-left:before { content: "\f137"; }
.fa-chevron-circle-right:before { content: "\f138"; }
.fa-chevron-circle-up:before { content: "\f139"; }
.fa-chevron-circle-down:before { content: "\f13a"; }
.fa-html5:before { content: "\f13b"; }
.fa-css3:before { content: "\f13c"; }
.fa-anchor:before { content: "\f13d"; }
.fa-unlock-alt:before { content: "\f13e"; }
.fa-bullseye:before { content: "\f140"; }
.fa-ellipsis-h:before { content: "\f141"; }
.fa-ellipsis-v:before { content: "\f142"; }
.fa-rss-square:before { content: "\f143"; }
.fa-play-circle:before { content: "\f144"; }
.fa-ticket:before { content: "\f145"; }
.fa-minus-square:before { content: "\f146"; }
.fa-minus-square-o:before { content: "\f147"; }
.fa-level-up:before { content: "\f148"; }
.fa-level-down:before { content: "\f149"; }
.fa-check-square:before { content: "\f14a"; }
.fa-pencil-square:before { content: "\f14b"; }
.fa-external-link-square:before { content: "\f14c"; }
.fa-share-square:before { content: "\f14d"; }
.fa-compass:before { content: "\f14e"; }
.fa-toggle-down:before,
.fa-caret-square-o-down:before { content: "\f150"; }
.fa-toggle-up:before,
.fa-caret-square-o-up:before { content: "\f151"; }
.fa-toggle-right:before,
.fa-caret-square-o-right:before { content: "\f152"; }
.fa-euro:before,
.fa-eur:before { content: "\f153"; }
.fa-gbp:before { content: "\f154"; }
.fa-dollar:before,
.fa-usd:before { content: "\f155"; }
.fa-rupee:before,
.fa-inr:before { content: "\f156"; }
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before { content: "\f157"; }
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before { content: "\f158"; }
.fa-won:before,
.fa-krw:before { content: "\f159"; }
.fa-bitcoin:before,
.fa-btc:before { content: "\f15a"; }
.fa-file:before { content: "\f15b"; }
.fa-file-text:before { content: "\f15c"; }
.fa-sort-alpha-asc:before { content: "\f15d"; }
.fa-sort-alpha-desc:before { content: "\f15e"; }
.fa-sort-amount-asc:before { content: "\f160"; }
.fa-sort-amount-desc:before { content: "\f161"; }
.fa-sort-numeric-asc:before { content: "\f162"; }
.fa-sort-numeric-desc:before { content: "\f163"; }
.fa-thumbs-up:before { content: "\f164"; }
.fa-thumbs-down:before { content: "\f165"; }
.fa-youtube-square:before { content: "\f166"; }
.fa-youtube:before { content: "\f167"; }
.fa-xing:before { content: "\f168"; }
.fa-xing-square:before { content: "\f169"; }
.fa-youtube-play:before { content: "\f16a"; }
.fa-dropbox:before { content: "\f16b"; }
.fa-stack-overflow:before { content: "\f16c"; }
.fa-instagram:before { content: "\f16d"; }
.fa-flickr:before { content: "\f16e"; }
.fa-adn:before { content: "\f170"; }
.fa-bitbucket:before { content: "\f171"; }
.fa-bitbucket-square:before { content: "\f172"; }
.fa-tumblr:before { content: "\f173"; }
.fa-tumblr-square:before { content: "\f174"; }
.fa-long-arrow-down:before { content: "\f175"; }
.fa-long-arrow-up:before { content: "\f176"; }
.fa-long-arrow-left:before { content: "\f177"; }
.fa-long-arrow-right:before { content: "\f178"; }
.fa-apple:before { content: "\f179"; }
.fa-windows:before { content: "\f17a"; }
.fa-android:before { content: "\f17b"; }
.fa-linux:before { content: "\f17c"; }
.fa-dribbble:before { content: "\f17d"; }
.fa-skype:before { content: "\f17e"; }
.fa-foursquare:before { content: "\f180"; }
.fa-trello:before { content: "\f181"; }
.fa-female:before { content: "\f182"; }
.fa-male:before { content: "\f183"; }
.fa-gittip:before { content: "\f184"; }
.fa-sun-o:before { content: "\f185"; }
.fa-moon-o:before { content: "\f186"; }
.fa-archive:before { content: "\f187"; }
.fa-bug:before { content: "\f188"; }
.fa-vk:before { content: "\f189"; }
.fa-weibo:before { content: "\f18a"; }
.fa-renren:before { content: "\f18b"; }
.fa-pagelines:before { content: "\f18c"; }
.fa-stack-exchange:before { content: "\f18d"; }
.fa-arrow-circle-o-right:before { content: "\f18e"; }
.fa-arrow-circle-o-left:before { content: "\f190"; }
.fa-toggle-left:before,
.fa-caret-square-o-left:before { content: "\f191"; }
.fa-dot-circle-o:before { content: "\f192"; }
.fa-wheelchair:before { content: "\f193"; }
.fa-vimeo-square:before { content: "\f194"; }
.fa-turkish-lira:before,
.fa-try:before { content: "\f195"; }
.fa-plus-square-o:before { content: "\f196"; }
.fa-space-shuttle:before { content: "\f197"; }
.fa-slack:before { content: "\f198"; }
.fa-envelope-square:before { content: "\f199"; }
.fa-wordpress:before { content: "\f19a"; }
.fa-openid:before { content: "\f19b"; }
.fa-institution:before,
.fa-bank:before,
.fa-university:before { content: "\f19c"; }
.fa-mortar-board:before,
.fa-graduation-cap:before { content: "\f19d"; }
.fa-yahoo:before { content: "\f19e"; }
.fa-google:before { content: "\f1a0"; }
.fa-reddit:before { content: "\f1a1"; }
.fa-reddit-square:before { content: "\f1a2"; }
.fa-stumbleupon-circle:before { content: "\f1a3"; }
.fa-stumbleupon:before { content: "\f1a4"; }
.fa-delicious:before { content: "\f1a5"; }
.fa-digg:before { content: "\f1a6"; }
.fa-pied-piper-square:before,
.fa-pied-piper:before { content: "\f1a7"; }
.fa-pied-piper-alt:before { content: "\f1a8"; }
.fa-drupal:before { content: "\f1a9"; }
.fa-joomla:before { content: "\f1aa"; }
.fa-language:before { content: "\f1ab"; }
.fa-fax:before { content: "\f1ac"; }
.fa-building:before { content: "\f1ad"; }
.fa-child:before { content: "\f1ae"; }
.fa-paw:before { content: "\f1b0"; }
.fa-spoon:before { content: "\f1b1"; }
.fa-cube:before { content: "\f1b2"; }
.fa-cubes:before { content: "\f1b3"; }
.fa-behance:before { content: "\f1b4"; }
.fa-behance-square:before { content: "\f1b5"; }
.fa-steam:before { content: "\f1b6"; }
.fa-steam-square:before { content: "\f1b7"; }
.fa-recycle:before { content: "\f1b8"; }
.fa-automobile:before,
.fa-car:before { content: "\f1b9"; }
.fa-cab:before,
.fa-taxi:before { content: "\f1ba"; }
.fa-tree:before { content: "\f1bb"; }
.fa-spotify:before { content: "\f1bc"; }
.fa-deviantart:before { content: "\f1bd"; }
.fa-soundcloud:before { content: "\f1be"; }
.fa-database:before { content: "\f1c0"; }
.fa-file-pdf-o:before { content: "\f1c1"; }
.fa-file-word-o:before { content: "\f1c2"; }
.fa-file-excel-o:before { content: "\f1c3"; }
.fa-file-powerpoint-o:before { content: "\f1c4"; }
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before { content: "\f1c5"; }
.fa-file-zip-o:before,
.fa-file-archive-o:before { content: "\f1c6"; }
.fa-file-sound-o:before,
.fa-file-audio-o:before { content: "\f1c7"; }
.fa-file-movie-o:before,
.fa-file-video-o:before { content: "\f1c8"; }
.fa-file-code-o:before { content: "\f1c9"; }
.fa-vine:before { content: "\f1ca"; }
.fa-codepen:before { content: "\f1cb"; }
.fa-jsfiddle:before { content: "\f1cc"; }
.fa-life-bouy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before { content: "\f1cd"; }
.fa-circle-o-notch:before { content: "\f1ce"; }
.fa-ra:before,
.fa-rebel:before { content: "\f1d0"; }
.fa-ge:before,
.fa-empire:before { content: "\f1d1"; }
.fa-git-square:before { content: "\f1d2"; }
.fa-git:before { content: "\f1d3"; }
.fa-hacker-news:before { content: "\f1d4"; }
.fa-tencent-weibo:before { content: "\f1d5"; }
.fa-qq:before { content: "\f1d6"; }
.fa-wechat:before,
.fa-weixin:before { content: "\f1d7"; }
.fa-send:before,
.fa-paper-plane:before { content: "\f1d8"; }
.fa-send-o:before,
.fa-paper-plane-o:before { content: "\f1d9"; }
.fa-history:before { content: "\f1da"; }
.fa-circle-thin:before { content: "\f1db"; }
.fa-header:before { content: "\f1dc"; }
.fa-paragraph:before { content: "\f1dd"; }
.fa-sliders:before { content: "\f1de"; }
.fa-share-alt:before { content: "\f1e0"; }
.fa-share-alt-square:before { content: "\f1e1"; }
.fa-bomb:before { content: "\f1e2"; }

/* ---------------------------- */
/* --- Fix video in article --- */
/* ---------------------------- */

.vid-resp { overflow: hidden; padding-bottom: 56.25%; position: relative; height: 0; }
.vid-resp iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute; }

/* -------------------- */
/* --- Admin Things --- */
/* -------------------- */

#dimensions { display: none; position: fixed; right: 45px; bottom: 0; z-index: 1001; background-color: rgba(0,0,0,.9); color: #fff; font-size: 11px; font-weight: bold; border-radius: 3px 3px 0 0; padding: 2px 10px; }
#adm-info { display: none; position: fixed; left: 45px; bottom: 0; z-index: 1001; background-color: rgba(0,0,0,.9); color: #fff; font-size: 11px; font-weight: bold; border-radius: 3px 3px 0 0; padding: 2px 10px; }


/* ------------------------ */
/* --- Widths & Heights --- */
/* ------------------------ */

.w10 { width: 10px; } .w20 { width: 20px; } .w30 { width: 30px; } .w40 { width: 40px; } .w50 { width: 50px; } .w60 { width: 60px; } .w70 { width: 70px; } .w80 { width: 80px; } .w90 { width: 90px; }
.w100 { width: 100px; } .w110 { width: 110px; } .w120 { width: 120px; } .w130 { width: 130px; } .w140 { width: 140px; } .w150 { width: 150px; } .w160 { width: 160px; } .w170 { width: 170px; } .w180 { width: 180px; } .w190 { width: 190px; }
.w200 { width: 200px; } .w210 { width: 210px; } .w220 { width: 220px; } .w230 { width: 230px; } .w240 { width: 240px; } .w250 { width: 250px; } .w260 { width: 260px; } .w270 { width: 270px; } .w280 { width: 280px; } .w290 { width: 290px; }
.w300 { width: 300px; } .w310 { width: 310px; } .w320 { width: 320px; } .w330 { width: 330px; } .w340 { width: 340px; } .w350 { width: 350px; } .w360 { width: 360px; } .w370 { width: 370px; } .w380 { width: 380px; } .w390 { width: 390px; }
.w400 { width: 400px; } .w410 { width: 410px; } .w420 { width: 420px; } .w430 { width: 430px; } .w440 { width: 440px; } .w450 { width: 450px; } .w460 { width: 460px; } .w470 { width: 470px; } .w480 { width: 480px; } .w490 { width: 490px; }
.w500 { width: 500px; } .w510 { width: 510px; } .w520 { width: 520px; } .w530 { width: 530px; } .w540 { width: 540px; } .w550 { width: 550px; } .w560 { width: 560px; } .w570 { width: 570px; } .w580 { width: 580px; } .w590 { width: 590px; }
.w600 { width: 600px; } .w610 { width: 610px; } .w620 { width: 620px; } .w630 { width: 630px; } .w640 { width: 640px; } .w650 { width: 650px; } .w660 { width: 660px; } .w670 { width: 670px; } .w680 { width: 680px; } .w690 { width: 690px; }
.w700 { width: 700px; } .w710 { width: 710px; } .w720 { width: 720px; } .w730 { width: 730px; } .w740 { width: 740px; } .w750 { width: 750px; } .w760 { width: 760px; } .w770 { width: 770px; } .w780 { width: 780px; } .w790 { width: 790px; }
.w800 { width: 800px; } .w810 { width: 810px; } .w820 { width: 820px; } .w830 { width: 830px; } .w840 { width: 840px; } .w850 { width: 850px; } .w860 { width: 860px; } .w870 { width: 870px; } .w880 { width: 880px; } .w890 { width: 890px; }

.w1-1 { width: 100%; } .w1-2 { width: 50%; } .w1-3 { width: 33%; } .w1-4 { width: 25%; } .w1-5 { width: 20%; }
.h100 { height: 100px; } .h150 { height: 150px; } .h200 { height: 200px; } .h250 { height: 250px; } .h300 { height: 300px; } .h350 { height: 350px; } .h400 { height: 400px; } .h450 { height: 450px; }


/* ------------- */
/* --- Grids --- */
/* ------------- */

.panel-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

/*.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto,
.xs-1, .xs-2, .xs-3, .xs-4, .xs-5, .xs-6, .xs-7, .xs-8, .xs-9, .xs-10, .xs-11, .xs-12, .col-xs, .xs-auto,
.sm-1, .sm-2, .sm-3, .sm-4, .sm-5, .sm-6, .sm-7, .sm-8, .sm-9, .sm-10, .sm-11, .sm-12, .col-sm, .sm-auto,
.md-1, .md-2, .md-3, .md-4, .md-5, .md-6, .md-7, .md-8, .md-9, .md-10, .md-11, .md-12, .col-md, .md-auto,
.lg1, .lg-2, .lg-3, .lg-4, .lg-5, .lg-6, .lg-7, .lg-8, .lg-9, .lg-10, .lg-11, .lg-12, .col-lg, .lg-auto,
.xl-1, .xl-2, .xl-3, .xl-4, .xl-5, .xl-6, .xl-7, .xl-8, .xl-9, .xl-10, .xl-11, .xl-12, .col-xl, .xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; }*/

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12, .col-auto,
.xs1, .xs2, .xs3, .xs4, .xs5, .xs6, .xs7, .xs8, .xs9, .xs10, .xs11, .xs12, .colxs, .xs-auto,
.sm1, .sm2, .sm3, .sm4, .sm5, .sm6, .sm7, .sm8, .sm9, .sm10, .sm11, .sm12, .colsm, .sm-auto,
.md1, .md2, .md3, .md4, .md5, .md6, .md7, .md8, .md9, .md10, .md11, .md12, .colmd, .md-auto,
.lg1, .lg2, .lg3, .lg4, .lg5, .lg6, .lg7, .lg8, .lg9, .lg10, .lg11, .lg12, .collg, .lg-auto,
.xl1, .xl2, .xl3, .xl4, .xl5, .xl6, .xl7, .xl8, .xl9, .xl10, .xl11, .xl12, .colxl, .xl-auto { position: relative; width: 100%; min-height: 1px; }

.col { flex-basis: 0; flex-grow: 1; max-width: 100%; }
.col-auto { flex: 0 0 auto; width: auto; max-width: none; }
.col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; }

/* xs > */ @media (min-width: 320px) {/*576*/
.col-xs { flex-basis: 0; flex-grow: 1; max-width: 100%; } .xs-auto { flex: 0 0 auto; width: auto; max-width: none; } .xs1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .xs2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .xs3 { flex: 0 0 25%; max-width: 25%; } .xs4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .xs5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .xs6 { flex: 0 0 50%; max-width: 50%; } .xs7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .xs8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .xs9 { flex: 0 0 75%; max-width: 75%; } .xs10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .xs11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .xs12 { flex: 0 0 100%; max-width: 100%; } .order-xs-first { order: -1; } .order-xs-last { order: 13; } .order-xs-0 { order: 0; } .order-xs-1 { order: 1; } .order-xs-2 { order: 2; } .order-xs-3 { order: 3; } .order-xs-4 { order: 4; } .order-xs-5 { order: 5; } .order-xs-6 { order: 6; } .order-xs-7 { order: 7; } .order-xs-8 { order: 8; } .order-xs-9 { order: 9; } .order-xs-10 { order: 10; } .order-xs-11 { order: 11; } .order-xs-12 { order: 12; } .offset-xs-0 { margin-left: 0; } .offset-xs-1 { margin-left: 8.33333%; } .offset-xs-2 { margin-left: 16.66667%; } .offset-xs-3 { margin-left: 25%; } .offset-xs-4 { margin-left: 33.33333%; } .offset-xs-5 { margin-left: 41.66667%; } .offset-xs-6 { margin-left: 50%; } .offset-xs-7 { margin-left: 58.33333%; } .offset-xs-8 { margin-left: 66.66667%; } .offset-xs-9 { margin-left: 75%; } .offset-xs-10 { margin-left: 83.33333%; } .offset-xs-11 { margin-left: 91.66667%; }
}

/* sm > */ @media (min-width: 768px) {
.col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .sm-auto { flex: 0 0 auto; width: auto; max-width: none; } .sm1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .sm2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .sm3 { flex: 0 0 25%; max-width: 25%; } .sm4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .sm5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .sm6 { flex: 0 0 50%; max-width: 50%; } .sm7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .sm8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .sm9 { flex: 0 0 75%; max-width: 75%; } .sm10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .sm11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .sm12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; }
}

/* md > */ @media (min-width: 992px) {
.col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .md-auto { flex: 0 0 auto; width: auto; max-width: none; } .md1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .md2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .md3 { flex: 0 0 25%; max-width: 25%; } .md4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .md5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .md6 { flex: 0 0 50%; max-width: 50%; } .md7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .md8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .md9 { flex: 0 0 75%; max-width: 75%; } .md10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .md11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .md12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; }
}

/* lg > */ @media (min-width: 1200px) {
.col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .lg-auto { flex: 0 0 auto; width: auto; max-width: none; } .lg1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .lg2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .lg3 { flex: 0 0 25%; max-width: 25%; } .lg4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .lg5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .lg6 { flex: 0 0 50%; max-width: 50%; } .lg7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .lg8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .lg9 { flex: 0 0 75%; max-width: 75%; } .lg10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .lg11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .lg12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; }
}

/* xl */ @media(min-width: 1600px) {
.col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .xl-auto { flex: 0 0 auto; width: auto; max-width: none; } .xl1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .xl2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .xl3 { flex: 0 0 25%; max-width: 25%; } .xl4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .xl5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .xl6 { flex: 0 0 50%; max-width: 50%; } .xl7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .xl8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .xl9 { flex: 0 0 75%; max-width: 75%; } .xl10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .xl11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .xl12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; }
}