/*
Theme Name: Paragan
Author: Digital Reality Studios, s.r.o.
Author URI: https://www.drs.cz/
Text Domain: drs
Version: 1.0
*/

/* Optimalizace - Loading fonts offline instead of google */

@font-face {
    font-family: 'Roboto';
    src: url('fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('fonts/roboto-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;

}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;

}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/roboto-black-webfont.woff2') format('woff2'),
         url('fonts/roboto-black-webfont.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;

}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/sourcesanspro-black-webfont.woff2') format('woff2'),
         url('fonts/sourcesanspro-black-webfont.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: fallback;

}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/sourcesanspro-bold-webfont.woff2') format('woff2'),
         url('fonts/sourcesanspro-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: fallback;

}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/sourcesanspro-light-webfont.woff2') format('woff2'),
         url('fonts/sourcesanspro-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: fallback;

}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/sourcesanspro-regular-webfont.woff2') format('woff2'),
         url('fonts/sourcesanspro-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: fallback;

}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/sourcesanspro-semibold-webfont.woff2') format('woff2'),
         url('fonts/sourcesanspro-semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: fallback;

}



/* GLOBAL STYLES
-------------------------------------------------- */
body { font-family: 'Source Sans Pro', sans-serif; color: #333; }
a { color: #e48d15; }
a:focus { color: #000; }
a:hover, a:active { color: #000; }
strong { font-weight: 600; }
hr { background: url(images/h-line-logo.png) no-repeat 50% 0; background-size: contain; display: block; height: 38px; margin-top: 40px; margin-bottom: 30px; border: 0; position: relative; }
hr:before, hr:after { content: ""; display: block; position: absolute; background: #969696; height: 1px; top: 18px; }
hr:before { left: 0; right: 50%; margin-right: 28px; }
hr:after { right: 0; left: 50%; margin-left: 28px; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: 'Roboto', sans-serif; }
h1, .h1 { text-transform: uppercase; font-size: 41px; font-weight: 600; }
h2, .h2 { font-size: 24px; font-weight: 700; }
h3, .h3 { font-size: 20px; font-weight: 700; }
h4, .h4 { font-size: 16px; font-weight: 700; }
h5, .h5 { font-size: 15px; font-weight: 700; }
h6, .h6 { font-size: 13px; font-weight: 700; }
h3 small, h3 .small { text-transform: none; }
table th { font-weight: 600; }
.table-bordered { border: 1px solid #92be0d; background: #f5f5f5; }
.table-bordered > tbody > tr:hover { background-color: #e7e7e7; }
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border: 1px solid #92be0d; }
.table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border-color: #92be0d; color: #fff; background: #00541e; }
.thumbnail { display: inline-block; position: relative; margin-bottom: 0; padding: 0px; border: none; border-radius: 0; overflow: hidden; text-decoration: none; background: none; -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2); outline: none!important; cursor: zoom-in; }
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail:active { -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2); }
.form-group { margin-bottom: 7px; }
.form-control, .custom-select { border-width: 1px; border-radius: 0px; border-color: #fff; font-weight: 400; color: #010101; background-color: #fff; -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2); }
.form-control:focus { border-color: #afbcc4; background-color: #fff; -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2); }
button, [role=button] { cursor: pointer; }
.btn { white-space: normal; border-radius: 0px; padding-right: 25px; padding-left: 25px; border-width: 0; text-transform: uppercase; text-decoration: none; text-align: left; font-size: 18px; font-weight: 400; }
.btn-lg { border-radius: 0px; font-size: 20px; }
.btn-more { position: relative; padding-right: 60px; }
.btn-more:after { content: "\f101"; position: absolute; right: 25px; font-family: "FontAwesome"; line-height: 1; font-size: 25px; }
.btn-default { color: #231f20; background: #bdc9d0; }
.btn-default:hover, .btn-default:active, .btn-default:focus { color: #fff; background: #15ad6f; }
.btn-primary { border-color: #3c3c3c; background: #3c3c3c; }
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active { border-color: #e48d15; background: #e48d15; }
.btn-warning { border-color: #e28813; color: #fff; background: #e28813; }
.btn-warning:hover, .btn-warning:active, .btn-warning:focus, .btn-warning:not(:disabled):not(.disabled).active { border-color: #3c3c3c; color: #fff; background: #3c3c3c; }
.btn-success { border-color: #15ad6f; text-transform: uppercase; color: #fff; background: #15ad6f; }
.btn-success:hover, .btn-success:active, .btn-success:focus { border-color: #5b6770; color: #fff; background: #5b6770; }
label { margin-bottom: 3px; padding-left: 20px; font-weight: 400; color: #505862; }
label sup { padding-left: 5px; font-weight: 700; color: #eb741d; }
.alert, .wpcf7-validation-errors, .wpcf7-mail-sent-ok { padding: .75rem 1.25rem; margin-bottom: 1rem; border: none; border-radius: 0; font-size: 1rem; font-weight: 400; }
.alert-danger, .wpcf7-validation-errors { color: #fff; background-color: #f04f4f; }
.alert-success, .wpcf7-mail-sent-ok { color: #fff; background-color: #5dbf34; }
span.wpcf7-not-valid-tip { display: none; padding: 5px 0 0 16px; line-height: 1.1; font-size: 14px; color: #cd401e; }
.red-block span.wpcf7-not-valid-tip { color: #fff; }
.wpcf7-form-control.wpcf7-not-valid { border-color: #cd401e; background: #fbc2c2; }
div.wpcf7 .screen-reader-response { display: none !important; }
.wpcf7-form { position: static; }
.wpcf7-form div { position: static; }
.wpcf7-spinner { display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100px; height: 100px; border-radius: 100%; text-indent: -9999px; background-image: url('images/ajax-loader.svg'); background-position: 50% 50%; background-repeat: no-repeat; background-color: rgba(255, 255, 255, .9); background-size: 150px 150px; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); }
.wpcf7-form.submitting .wpcf7-spinner { display: block; }
.wpcf7-response-output:empty { display: none; }
.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; -webkit-transition: all 0.3s ease-out;  -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; }
.mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; }
.tab-content > .tab-pane:not(.active), .pill-content > .pill-pane:not(.active) { display: block; height: 0; overflow-y: hidden; }
embed, iframe, object { max-width: 100%; }
img, video { height: auto; max-width: 100%; }
.wp-video { margin-bottom: 1rem; }
.alignleft { display: inline; float: left; margin-right: 1.5rem; }
.alignright { display: inline; float: right; margin-left: 1.5rem; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
img.alignleft, img.alignright { float: none; margin: 0.4rem 0 1.5rem; vertical-align: baseline; }
iframe { display: block; width: 100%; border: none; }
.yellow { color: #fdb515!important; }
.orange { color: #e28813!important; }
.responsive-container { position: relative; padding-bottom: 56.25%; padding-bottom: calc(315 / 560 * 100%); height: 0; }
.responsive-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.grecaptcha-badge { visibility: collapse !important; }

#cookie-law-info-bar { padding: 16px!important; background: hsla(0,0%,100%,.95)!important; box-shadow: 0 -2px 8px 0 rgb(0 0 0 / 25%)!important; }
#cookie-bar { max-width: 680px; margin: 0 auto; text-align: center; font-weight: 400; color: #000; }
#cookie-bar .cli-plugin-main-link, #cookie-bar .cookie_action_close_header_reject { text-decoration: underline!important; font-weight: inherit!important; color: #e48d15!important; }
/* Optimalizace roboto 600 neexistuje dal jsem 700 */
#cookie-bar .title { margin-bottom: 8px; line-height: 1.3; font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 700; }
#cookie-bar .bar-text { margin-bottom: 16px; vertical-align: middle; font-size: 16px; }
#cookie-bar .bar-text.after-button { margin-bottom: 0; }
#cookie-bar .button-bar { display: flex; justify-content: center; align-items: center; margin-bottom: 16px; }
#cookie-bar .button-bar a { display: block; margin: 0 5px 0 0!important; padding: 6px 16px!important; border: 1px solid transparent!important; border-radius: 0!important; line-height: 1.5; text-decoration: none; font-size: 16px!important; }
#cookie-bar .button-bar a.cli_settings_button { border-color: #e28813!important; color: #e28813!important; background-color: transparent!important; }
#cookie-bar .button-bar a.cli_settings_button:hover { color: #fff!important; background-color: #e28813!important; }
/* Optimalizace roboto 600 neexistuje dal jsem 700 */
.cli-modal .cli-tab-container h4, .cli-modal .cli-tab-container h1 { font-family: 'Roboto', sans-serif; font-weight: 700; }
.cli-modal table.cookielawinfo-winter { font-family: inherit; }
.cli-modal table.cookielawinfo-winter thead th { background-color: #e28813; }
.cli-modal table.cookielawinfo-winter tbody td, .cli-modal table.cookielawinfo-winter tbody th { border-bottom: 1px solid #cfcfcf; background: #f7fafc; }
.cli-modal table.cookielawinfo-winter tbody .cookielawinfo-column-1 { border-right: 1px solid #e7cca9; border-color: #e7cca9; font-weight: 600; background-color: #fbecd9; }
.cli-modal .cli-switch input:checked + .cli-slider { background-color: #e28813; }
.cli-modal .cli-tab-footer .wt-cli-privacy-accept-btn { border-radius: 0; background-color: #e28813; }

/* HEADER
-------------------------------------------------- */
.navbar { padding: 0; background-color: #3b3b3b; }
body.sticky-menu-active .navbar { position: fixed; z-index: 999; top: 0; left: 0; width: 100%; filter: none; box-shadow: 0 2px 8px rgba(0,0,0,.3); }
.navbar .menu > .container { position: relative; }
.navbar ul.social-icons { position: static; display: block; width: auto; height: auto; margin: 0; padding: 0; white-space: nowrap; list-style: none; background: none; box-shadow: none; }
.navbar ul.social-icons li { display: inline-block; margin: 0 1px; }
.navbar ul.social-icons li a { display: flex; justify-content: center; align-items: center; width: 35px; height: 35px; padding: 0; border-radius: 0; border: none; line-height: 35px; text-align: center; font-size: 23px; text-decoration: none; color: #3b3b3b; background: rgba(255, 255, 255, 0.7); }
.navbar ul.social-icons li a:hover { color: #000; background: #f2a900; }
.wpml-ls-menu-item .wpml-ls-flag { width: 29px; height: auto; vertical-align: bottom; }

/* MAIN
-------------------------------------------------- */
.block-column > :last-child { margin-bottom: 0; }

/* Content blocks  */
.post-edit-block { position: absolute; z-index: 10; bottom: -80px; right: 0; }
.block-image .post-edit-block, .block-gallery .post-edit-block { bottom: -30px; right: 15px; }
.product-content > .block:last-child .post-edit-block, .block.no-border .post-edit-block { bottom: -30px; }
#slider .post-edit-block { bottom: 9px; }
.post-edit-block a { padding: 3px 10px; border-radius: 6px; line-height: 1; text-decoration: none; font-size: 14px; color: #fff; background: #282828; }
.post-edit-block a:before { content: "\f044"; display: inline-block; padding-right: 5px; font-family: 'FontAwesome'; font-size: 12px; }
.post-edit-block a:empty:before { padding-right: 0; }
.block { padding: 50px 0; border-bottom-width: 40px; border-bottom-style: solid; border-bottom-color: #fdb515; }
.block.bg-grey { background: #f4f4f4; }
.block:not(:last-child) + p, .block:not(:last-child) + p + p { display: none!important; }
.product-content > .block:last-child:not(#slider), .block.no-border { border-bottom: none!important; }

.block .block-content { position: relative; }
.block .block-content > :last-child { margin-bottom: 0; }

.block .title-block { position: relative; display: block; margin: 0; padding: 0 0 50px 0; text-transform: uppercase; text-align: center; font: 400 30px/1.2 "Roboto", sans-serif; }
.block.arrow-on + .block .title-block:after { content: " "; position: absolute; z-index: 1; top: -50px; left: 50%; width: 0; height: 0; margin-left: -15px; border-style: solid; border-width: 15px 15px 0 15px; border-color: #fdb515 transparent transparent transparent; }
.block .title-block > span, .block .title-block > strong { font-weight: 900; }
.block .title-block small { display: block; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 300; font-size: 60%; }
.block.bg-green .title-block small { color: #fff; }
.title-type { position: absolute; z-index: 100; width: 30px; height: 30px; line-height: 30px; border-radius: 100px; text-transform: none; text-align: center; font-size: 14px; font-weight: 600; color: #fff; background: #000; opacity: 0.9; }
.block .title-block.arrow-off:after { display: none!important; }

.block-2-col .block-content .title-block { margin: 0 0 20px; padding: 0; }
.block-2-col .title-block small { display: block; }

.block-image, .block-gallery { padding: 0; }
.block-image img { max-width: none; width: 100%; }

.block-video .block-content { position: relative; z-index: 0; }
.block-video .video-container, .video-slider .video-container { position: relative; padding-bottom: 56.21%; height: 0; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.video-slider { background-color: #3b3b3b; }
.video-slider .slider-for { }
.video-slider .slider-nav .slick-list { padding-left: 8px; padding-right: 8px; }
.video-slider .slider-nav .thumb-slide { position: relative; padding: 16px 8px; cursor: pointer; opacity: 0.5; transition: opacity 0.2s ease-in-out; }
.video-slider .slider-nav .thumb-slide img { border: 2px solid transparent; }
.video-slider .slider-nav .thumb-slide .video-title { padding: 0.5rem 0.5rem 0; line-height: 1.2; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 0.85rem; color: #fff; }
.video-slider .slider-nav .thumb-slide:not(.slick-current):hover { opacity: 0.7; }
.video-slider .slider-nav .thumb-slide:not(.slick-current):hover img, .video-slider .slider-nav .slick-current img { border-color: #f2a900; }
.video-slider .slider-nav .slick-current { opacity: 1; }


.block-tables .title-block { text-align: center; }
.block-tables .title-block small { display: block; }
.block-tables .table-row .table-content, .block-tables .hide-content { margin-bottom: 40px; }
.block-tables .table-row:last-child > div { margin-bottom: 0; }
.block-tables .table-info { background-color: transparent; }
.block-tables table caption, .block-tables .hide-content-title { margin-bottom: 18px; padding: 13px 15px 10px 30px; text-transform: uppercase; letter-spacing: 1px; font: 700 15px/1.2 "Roboto", sans-serif; color: #505862; background: #f4f4f4; caption-side: top; }
.block-tables table caption.bg-yellow { color: #fff; background: #fdb515; }
.block-tables table caption.bg-black { color: #fff; background: #3b3b3b; }
.block-tables table caption.bg-grey { color: inherit; background: #f4f4f4; }
.block-tables table tr th, .block-tables table tr td { padding-left: 0; padding-right: 0; border-top: 1px dotted #d3d3d3; vertical-align: middle; }
.block-tables table tr th { font-weight: 400; }
.block-tables table thead th { font-weight: 300; }
.block-tables table tbody tr th:first-child { position: relative; padding-left: 30px; padding-right: 15px; }
.block-tables table tbody tr th:first-child:before { content: " "; position: absolute; top: 50%; left: 0; width: 20px; height: 20px; margin-top: -10px; border-radius: 40px; line-height: 20px; text-align: center; font-style: italic; font-size: 14px; font-weight: 700; color: #017335; background: #dedede; }
.block-tables table tr.icon-hide-content th:first-child:before { content: "i"; }
.block-tables table tr:hover th:first-child:before, .block-tables table tr.active-row th:first-child:before { color: #fff; background: #3b3b3b; }
.block-tables table tr th.active:first-child { color: #15ad6f; background: inherit; }
.block-tables table tr.icon-hide-content th { cursor: pointer; }
.block-tables table .icons { width: 98px !important; white-space: nowrap; text-align: right; }
.block-tables table .icons div { position: relative; width: 98px; height: 28px; }
.block-tables table .icons div img { position: absolute; top: 0; left: 0; }
.block-tables table .icons div img.safety { left: 28px; }
.block-tables table .icons div img.options { left: 55px; }

.block-tables .download-icon a { text-decoration: none; }
.block-tables .download-icon img { margin-right: 10px; }
.block-tables .download-icon strong { text-transform: uppercase; font-weight: 600; font-size: 20px; }

.table-info .hide-content { display: none; }
.hide-content-title, .hide-content-desc, .hide-content-img { display: block; }
.block-tables .hide-content-title { position: relative; padding-left: 45px; text-transform: none; }
.hide-content-title:after { content: "i"; position: absolute; top: 50%; left: 5px; width: 32px; height: 32px; margin-top: -16px; line-height: 32px; border-radius: 40px; text-transform: none; text-align: center; font-style: italic; font-size: 18px; font-weight: 900; color: #fff; background: #15ad6f; }
.hide-content-title:before { content: "\f00d"; float: right; margin: -2px 0 0 10px; font-weight: 400; font-family: "FontAwesome"; cursor: pointer; }
.hide-content-img { margin-bottom: 15px; }
.hide-content-desc { padding: 10px 15px 13px; border-radius: 10px; line-height: 1.3; color: #4f626e; background: #eff2f3; }

.slider-caption .nav-buttons { padding-top: 1rem; border: none; }
.slider-caption .nav-buttons li { display: inline-block; margin: 0 1px 3px; }
.slider-caption .nav-buttons li a.btn { border: none; border-radius: 0px; }
.slider-caption .nav-buttons li:first-child a.btn { text-transform: uppercase; }
.slider-caption .product-desc-quantity { margin: 1rem 0; }

.product-series li { padding: 0 .8rem; text-align: center; font-size: 1.1rem; }
.product-series li a { display: block; text-decoration: none; font-weight: 600; color: inherit; }
.product-series li a:hover, .product-series li.active a { color: #e48d15; }
.product-series li.active a { font-weight: 900; }
.product-series li a img { width: auto; height: 55px; max-width: none; margin-bottom: 0.5rem; }
.product-series li a > span { display: block; white-space: nowrap; line-height: 1; }

.options-list .option { margin-bottom: 1.5rem; }
.options-list .option-thumb { display: block; position: relative; text-decoration: none; }
.options-list .option-thumb > img { max-width: none; width: 100%; border: 2px solid; }
.options-list .option-thumb:after { content: 'i'; position: absolute; top: 10px; left: 10px; width: 25px; height: 25px; border-radius: 100%; line-height: 25px; text-align: center; font-size: 1.2rem; color: #fff; background-color: #fdb515; }
.options-list .option-thumb > span { display: block; margin-top: 0.5rem; line-height: 1.2; text-transform: uppercase; font-weight: 600; font-size: 1.1rem; color: #3c3c3c; }
.white-popup { position: relative; width: auto; max-width: 600px; margin: 20px auto; padding: 20px; background: #fff; }

.models-slider .post-thumb img { display: inline-block; }
.models-slider .post-desc, .models-slider .slick-dots { direction: ltr; }
.models-slider .slick-arrow { width: 50px; height: 90px; } 
.models-slider .slick-dots { position: static; }

.newsletter-block { padding: 25px 0; font-family: 'Roboto', sans-serif; font-size: 105%; color: #fff; background-color: #3b3b3b; }
.newsletter-block .input-group-btn { position: relative; }
.newsletter-block .email { width: 65%; min-height: 39px; }
.newsletter-block .btn { width: 35%; text-align: center; padding-left: 0; padding-right: 0; }
.newsletter-form .wpcf7 { width: 100%}

/* Article list  */
.articles { margin-bottom: 0; padding-left: 0; list-style: none; }
.articles .article { margin-bottom: 25px; }
.archive .articles .article:nth-child(5n), .archive .articles .article:nth-child(8n) { clear: both; }
.articles .article .post-thumb { margin: 0 0 25px; }
.articles .article .post-thumb > a, .articles .article .post-thumb > span { position: relative; display: block; overflow: hidden; text-decoration: none; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2); }
.articles .article .post-thumb > a > img { display: block; width: 100%; height: auto; }
.articles .article .post-title { clear: both; position: relative; margin: 0 0 15px; padding: 0 0 0 25px; overflow: hidden; text-transform: uppercase; letter-spacing: 0.5px; font-size: 20px; font-weight: 700; }
.articles .article.first .post-title { font-size: 24px; }
.articles .article .post-title a { text-decoration: none; }
.articles .article .post-desc { position: relative; padding: 15px 0 0 25px; border-top: 1px dotted #dadee0; line-height: 1.3; }
.articles .article .post-desc .post-link { margin: 0; text-align: right; }
.articles .article .post-desc .post-link a { position: relative; display: inline-block; padding-right: 20px; letter-spacing: 1.5px; text-decoration: none; color: #000; }
.articles .article .post-desc .post-link a:after { content: "\f101"; position: absolute; top: -5px; right: 0; font-family: "FontAwesome"; font-size: 25px; color: #fdb515; }
.articles .article .post-desc:before { content: "\f101"; position: absolute; top: 15px; left: 1px; font-family: "FontAwesome"; color: #b2c0c8; }
.articles .article .post-thumb + .more-links { clear: both; margin-top: -5px; }
.articles .article .more-links { margin: 0; padding: 0; list-style: none; }
.articles .article .more-links li { margin-bottom: 15px; }
.articles .article .more-links li a.btn { display: block; }
.articles .article .block-more-link { position: static; }

.articles .article.video .post-thumb > a:before { content: " "; position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; transform: translate(-50%, -50%); border-radius: 50px; background: rgba(255, 255, 255, 0.6); }
.articles .article.video .post-thumb > a:hover:before { background: rgba(255, 255, 255, 0.8); }
.articles .article.video .post-thumb > a:after { content: " "; position: absolute; top: 50%; left: 50%; transform: translate(-30%, -50%); width: 0; height: 0; border-style: solid; border-width: 27.5px 0 27.5px 28px; border-color: transparent transparent transparent #38587f; }

.reference-info, .reference-flag, .reference-model, .reference-id { white-space: nowrap; }
.reference-model, .reference-id { text-overflow: ellipsis; line-height: 1; }

.products-list:before { display: none; }
.products-list .product { padding: 50px 0px; }
.products-list .product:nth-child(even) { background: #f4f4f4; }
.products-list .block-content { padding: 0 !important; }
.products-list .product-thumb .thumbnail { display: block; cursor: pointer; }
.products-list .product-thumb .thumbnail img { max-width: none; width: 100%; }
.products-list .product-title { margin: 0 0 10px 0; text-transform: uppercase; letter-spacing: 0.4px; font-size: 28px; font-weight: 900; }
.products-list .product-title a { text-decoration: none; color: inherit; }
.products-list .product-title small { display: block; text-transform: none; letter-spacing: -0.4px; font-weight: 400; font-size: 80%; color: #000; }
.products-list .product-desc-content { position: relative; margin-bottom: 1rem; text-transform: uppercase; line-height: 1.5; font-size: 14px; font-weight: 400; color: #48555f; }
.products-list .product-desc-content:before { content: "\f101"; position: absolute; top: -3px; left: -20px; font-family: "FontAwesome"; font-size: 20px; color: #b2c0c8; }
.products-list .product-desc-content .stock-info { display: block; padding-top: 20px; letter-spacing: 1px; }
.products-list .product-desc-content .stock-info strong { color: #15ad6f; }
.products-list .product-desc-quantity { position: relative; }
.products-list .product-desc-quantity img { display: inline-block; margin-right: 5px; margin-bottom: 10px; }
.products-list .product-desc-quantity .download { text-transform: uppercase; font-size: 17px; font-weight: 400; color: #000; }
.products-list .product-desc-quantity .download img { margin: 0 0 8px 12px; }

/* Slideshow  */
#slider { padding: 0; }
#slider:not(.images-off) .slides { padding-bottom: 8px; background-color: #3b3b3b; }
#slider .slides .brand { position: absolute; z-index: 1; top: 0; left: 0; max-width: 25%; }
#slider .slides .slide > img { max-width: none; width: 100%; }
#slider .slides .slide > img[data-lazy] { text-indent: -9000px; }
#slider .slider-caption { padding: 50px 0; }
#slider .slider-caption-dark { color: #fff; background-color: #060606; }
#slider .slider-caption-title { margin: 0; letter-spacing: 1px; font-size: 36px; font-weight: 500; }
#slider .slider-caption-title span, #slider .slider-caption-title strong { font-weight: 900; }
#slider .slider-caption-title small { display: block; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 300; font-size: 70%; }
#slider .slider-caption-desc { line-height: 1.3; font-size: 1.2rem; }
#slider .slider-caption-desc p { margin: 1rem 0 0 0; }
#slider .slider-caption-img img { position: absolute; bottom: 30%; right: 0; }
#slider .slider-caption-dark .slider-caption-img { display: none; }
.slider-off #slider { border: none; }
.slider-off #slider .slider-caption, .slider-off #slider .slick-list { display: none; }
.page-template-thank-you-page #slider .slides .brand { top: 8px; }


.btn-configurator { position: absolute; z-index: 100; bottom: -90px; right: 0; height: 40px; padding: 0 20px; line-height: 40px; border-radius: 0; text-transform: uppercase; letter-spacing: 0.4px; color: #fff; background: #3b3b3b; }
.btn-configurator:hover { text-decoration: none; color: #fff; background: #e28813; }
.btn-configurator .logos { position: absolute; top: -100%; left: 0; width: 100%; margin-top: -3px }
.btn-configurator .logos > span { float: left; width: 49%; border-radius: 3px; text-align: center; }
.btn-configurator .logos .logo-renault { float: left; background: #ed1d0c; }
.btn-configurator .logos .logo-opel { float: right; background: #feac02; }


/* Images  */
.img-link { margin: 0; }
p .img-link { display: inline-block; }
.wp-caption-text { padding: 7px 0 0 0; line-height: 1.4; font-size: 13px; font-weight: 400; color: #585858; }

/* Gallery  */
.gallery .gallery-item:first-child:last-child, .gallery .gallery-item:last-child { margin: 0; }
.gallery-item a { display: block; overflow: hidden; border-radius: 0px; cursor: zoom-in; box-shadow: 2px 2px 8px rgba(0,0,0,.2); }
.gallery-item img { max-width: none; width: 100%; opacity: 1!important; }
.gallery-icon img[data-src] { text-indent: -9000px; }
.gallery-columns-1 .gallery-item { width: 100%; float: none; }
.gallery-columns-2 .gallery-item { width: 50% }
.gallery-columns-3 .gallery-item { width: 33.3333% }
.gallery-columns-4 .gallery-item { width: 25% }
.gallery-columns-5 .gallery-item { width: 20% }
.gallery-columns-6 .gallery-item { width: 16.6667% }
.gallery-columns-7 .gallery-item { width: 14.2857% }
.gallery-columns-8 .gallery-item { width: 12.5% }
.gallery-columns-9 .gallery-item { width: 11.1111% }

.gallery-slideshow { overflow: hidden; box-shadow: 2px 2px 8px rgba(0,0,0,.2); }
.gallery-slideshow .gallery-item { margin: 0; }
.gallery-slideshow .gallery-item a, .block-gallery-slider .gallery-item a { border-radius: 0; background-color: #fff; box-shadow: none; }

/* Page numbers  */
.page-numbers, .page-numbers li { margin: 0; padding: 0; list-style: none; }
.page-numbers { text-align: center; }
.page-numbers li { display: inline-block; }
.page-numbers > li > a, .page-numbers > li > span { display: block; float: left; margin-left: -1px; padding: 8px 14px; border: 1px solid #fff; line-height: 1.4; text-decoration: none; font-size: 18px; font-weight: 700; color: #000; background-color: #c9d4d9; }
.page-numbers > li > .current, .page-numbers > li > a:hover { color: #fff; cursor: default; background-color: #019470; }
.page-numbers > li > a:hover { cursor: pointer; }
.page-numbers > li:first-child > a, .page-numbers > li:first-child > span { border-radius: 8px 0 0 8px; }
.page-numbers > li:last-child > a, .page-numbers > li:last-child > span { border-radius: 0 8px 8px 0; }

.entry-footer { clear: both; margin: 20px 0 0; }
.entry-footer .post-meta { }
.entry-footer .post-meta a, .entry-footer .post-meta span { display: inline-block; }
.entry-footer .post-meta > .date, .entry-footer .post-meta a { padding: 0 5px; font-size: 16px; font-weight: 300; }
.entry-footer .post-meta > .date:before { content: "\f073"; display: inline-block; padding-right: 5px; font-family: "FontAwesome"; }

.post-navigation a { display: block; font-size: 17px; font-weight: 600; }
.post-navigation .nav-previous { text-align: right; }

ul.dlm-downloads, ul.dlm-downloads li { margin: 0; padding: 0; list-style: none; }
ul.dlm-downloads li { clear: both; margin-bottom: 20px; overflow: hidden; font-family: Calibri, Tahoma, 'Lucida Grande CE', lucida, sans-serif; }
.download-container { margin-bottom: 20px; }
ul.dlm-downloads li .download-container { margin-bottom: 0; line-height: 1.25; }
.download-container a.download-link { margin-top: -2px; border: none; float: left; text-decoration: none; line-height: 1.25; font-size: 35px; font-weight: 400; color: #6b6b6b; }
.download-container a.download-link i { font-weight: 400; }
.download-container a.download-link img { display: none; }
.download-container .download-desc { padding-top: 10px; padding-left: 45px; color: #666; }
.download-container .download-desc .download-meta { display: none; line-height: 1.25; font-size: 13px; font-weight: 400; }
.download-container .download-desc .download-title { display: inline-block; margin-bottom: 0; line-height: 1.25; font-size: 20px; }
.download-container .download-desc p { margin-bottom: 5px; }
.download-container .download-link:before { content: ""; font-family: "FontAwesome"; }
.download-container .download-link[title$=".pdf"]:before { content: "\f1c1"; }
.download-container .download-link[title$=".docx"]:before, .download-container .download-link[title$=".odt"]:before { content: "\f1c2"; }
.download-container .download-link[title$=".xlsx"]:before { content: "\f1c3"; }
.download-container .download-link[title$=".jpg"]:before, .download-container .download-link[title$=".png"]:before { content: "\f1c5"; }


#gallery { padding-bottom: 20px; }

ul.hotline-list { margin: 0; padding: 0; text-align: center; list-style: none; }
ul.hotline-list li { display: inline-block; padding: 0 25px 30px 25px; text-align: center; }
ul.hotline-list li:first-child { margin-left: 0; }
ul.hotline-list li strong, ul.hotline-list li strong small, ul.hotline-list li span { display: block; line-height: 1.1; }
ul.hotline-list li strong { margin-bottom: 15px; text-transform: uppercase; letter-spacing: 1px; font: 900 32px/1.1 "Roboto", sans-serif; color: #e28813; }
ul.hotline-list li strong small { text-transform: uppercase; letter-spacing: 2.5px; font-size: 16px; color: #000; }
ul.hotline-list li .phone { letter-spacing: 1px; font-size: 22px; }
ul.hotline-list li .email { font-size: 18px; }

.contacts-block .google-map { border-radius: 0px; overflow: hidden; -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2); pointer-events: none; }
.google-map.clicked { pointer-events: auto; }
.contacts-block .google-map iframe { display: block; width: 100%; height: 300px; border: none; }
.contacts-block .contact-address { text-transform: uppercase; }
.contacts-block table { margin: 0; }
.contacts-block table tbody th:first-child { padding-right: 5px; color: #e28813; }
.contacts-block table tbody td:first-child { padding-right: 5px; }

.dealers-map .title-block small { display: block; }
.dealers-map .block-content { padding-top: 20px; }

.contact-persons:before { display: none; }
.contact-persons { color: #fff; background: #3a3b3b; }
.contact-persons .block-content:after { background: #3a3b3b; }
.contact-persons .persons-list { position: relative; overflow: hidden; }
.contact-persons ul { margin-bottom: 0; padding: 0; list-style: none; }
.contact-persons .persons-list .person a { color: inherit; }
.contact-persons .persons-list .person { padding: 50px 15px; border-bottom: 2px solid #fff; text-transform: uppercase; }
.contact-persons .persons-list .row:last-child .person{ border-bottom: none; }
.contact-persons .persons-list .person:not(.logo-on):not(.contact-map):after, .contact-persons .persons-list .person.logo-on img.contact-logo { position: absolute; top: 50px; right: 50px; }
/* Pridani obrazku do kontaktu*/
.contact-persons .block-content img { position: absolute; top: 50px; right: 25px; width: 135px;}
.contact-persons ul li {margin-top:5px;}
/*.contact-persons .persons-list .person:not(.logo-on):not(.contact-map):after { content: " "; width: 95px; height: 105px; background: url(images/logo-sm.png) no-repeat 0 0; background-size: cover; }*/
.contact-persons .persons-list .person.logo-on img.contact-logo { width: 95px; max-width: none; }
.contact-persons .persons-list .person .contact-position, .contact-persons .persons-list .person .contact-name, .contact-persons .persons-list .person strong small { display: block; }
.contact-persons .persons-list .person .contact-position { margin-bottom: 0.5rem; padding: 3px 0; border-top: 1px dashed; border-bottom: 1px dashed; text-transform: none; font-size: 18px; font-weight: 400; }
.contact-persons .persons-list .person .contact-position > span:not(:last-child):after { content: ','}
/* zmena odsazeni */
.contact-persons .persons-list .person .contact-name { margin-bottom: 18px; margin-top: 12px; }
.contact-persons .persons-list .person .contact-name small { font-size: 90%; font-weight: 400; }
.contact-persons ul li strong { display: inline-block; width: 20px; color: #e28813; }
.contact-persons ul li.email, .contact-persons ul li.web { text-transform: none; font-size:13px;}
.contact-persons .contact-map { background: none; }
.contact-persons .contact-map iframe { height: 300px; }

.labels { position: absolute; top: 5px; left: 0; }
.icon-thumb { display: block; position: relative; margin-bottom: 5px; }
.icon-thumb span { display: inline-block; position: relative; font-size: 1.25rem; padding: 5px 0 5px 15px; color: #fff; }
.icon-thumb span:after { content: ''; position: absolute; top: 0; width: 0; height: 0; border-style: solid; border-width: 40px 40px 0 0; border-color: transparent; }
.icon-thumb.bg-red span { background-color: #cb0606; }
.icon-thumb.bg-green span { background-color: #06cb3a; }
.icon-thumb.bg-blue span { background-color: #065ecb; }
.icon-thumb.bg-yellow span { background-color: #ffd600; }
.icon-thumb.bg-red span:after { border-color: #cb0606 transparent transparent #cb0606; }
.icon-thumb.bg-green span:after { border-color: #06cb3a transparent transparent #06cb3a; }
.icon-thumb.bg-blue span:after { border-color: #065ecb transparent transparent #065ecb; }
.icon-thumb.bg-yellow span:after { border-color: #ffd600 transparent transparent #ffd600; }
/*.icon-thumb { position: relative; display: block; top: 0; left: 0; width: 55px; line-height: 65px; white-space: nowrap; text-align: center; font-size: 1.4rem; color: #fff; }
.icon-thumb:before { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 0; border-style: solid; }
.icon-thumb.icon-left:before { border-width: 90px 90px 0 0; }
.icon-thumb.icon-right:before { border-width: 0 90px 90px 0; }
 .icon-thumb span { position: relative; display: block; transform: rotate(315deg); } 
.icon-thumb.icon-right span { transform: rotate(45deg); }
.icon-thumb.icon-right, .icon-thumb.icon-right:before { left: auto; right: 0; }
.icon-thumb.bg-red.icon-left:before { border-color: #cb0606 transparent transparent transparent; }
.icon-thumb.bg-green.icon-right:before { border-color: transparent #06cb3a transparent transparent; }
.icon-thumb.bg-blue.icon-right:before{ border-color: transparent #065ecb transparent transparent; }
.icon-thumb.bg-yellow.icon-right { font-size: 1rem; }
.icon-thumb.bg-yellow.icon-right span { left: -10px; }
.icon-thumb.bg-yellow.icon-right:before{ border-color: transparent #ffd600  transparent transparent; }
.icon-thumb.bg-red.icon-right:before { border-color: transparent #cb0606  transparent transparent; }
*/
html:not(:lang(cs-CZ)) .icon-thumb.bg-red.icon-right { width: 68px; font-size: 1.2rem; }

.searchandfilter ul:before { content: '\f0b0'; display: inline-block; width: 40px; height: 40px; margin-right: 0.7rem; line-height: 40px; text-align: center; vertical-align: middle; font-family: 'FontAwesome'; font-size: 20px; color:  #fff; background-color: #3b3b3b; }
.searchandfilter ul, .searchandfilter li { margin: 0; padding: 0; }
.searchandfilter ul li { display: inline-block; padding-right: 2rem; }
.searchandfilter h4 { display: inline-block; margin: 0 0.3rem 0 0; font-weight: 400; font-size: 1rem; }

/* FOOTER
-------------------------------------------------- */
#footer { padding-top: 40px; padding-bottom: 40px; color: #231f20; }
.footer-copyright { font-size: 0.8rem; }
.footer-copyright strong { font-weight: 900; }

/* Back to top button  */
#footer .cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; z-index: 100; bottom: 15px; right: 15px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); overflow: hidden; white-space: nowrap; text-indent: 100%; background: rgba(228, 141, 21, 0.8) url(images/cd-top-arrow.svg) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; }
#footer .cd-top.cd-is-visible, #footer .cd-top.cd-fade-out { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; }
#footer .cd-top.cd-is-visible, #footer .cd-top.cd-is-visible:hover { visibility: visible; opacity: 1; }
#footer .cd-top.cd-fade-out { opacity: .5; }

/* Page popup  */
#fvpp-blackout { display: none; z-index: 9999; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: 0.5; }
.home-popup { display: none; z-index: 10000; position: fixed; max-width: 600px; width: 90%; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 8px; background: #fff; box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.3); }
.home-popup #fvpp-close { position: absolute; top: 7px; right: 5px; cursor: pointer; width: 40px; height: 40px; color: #000; text-decoration: none; text-align: center; line-height: 40px; font-size: 24px; }
.popup-header { display: none; padding: 10px 15px; border-radius: 10px 10px 0 0; background-color: #95c436; }
.popup-header img { width: auto; height: 80px; }
.popup-image img {  }
.popup-content { padding: 10px 15px 5px 15px; text-align: center; }
.popup-buttons { padding: 10px 15px 15px 15px; }
.popup-buttons .row > div { margin-bottom: 15px; }
.popup-buttons .btn { display: block; width: 100%; padding-right: inherit; white-space: normal; line-height: 1.2; }
.popup-buttons .btn:after { display: none; }
#show_popup { position: fixed; bottom: 165px; right: 15px; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 20px; color: #fff; background: rgba(228, 141, 21, 0.8); cursor: pointer; }

/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 1200px) {
.block .container { max-width: 1000px; }
}

@media (max-width: 1199px) {
.social-icons-mobile { position: absolute; top: 7px; right: 15px; }
.product-series li a img { height: 50px; }
#slider.slider-contacts .slider-caption-desc { visibility: hidden; height: 20px; }
}

@media (min-width: 992px) {
ul.hotline-list { position: absolute; top: 0px; right: 0px; }
.block:before { display: none; }
.block-2-col .block-row .block-column:nth-child(even) { padding-left: 35px; }
.block-2-col .block-row .block-column:nth-child(odd) { padding-right: 35px; }
.block-2-col .block-content .title-block { font-size: 26px; }
.models-slider { position: relative; z-index: 0; }
.models-slider .post-desc { opacity: 0; }
.models-slider .slick-active .post-desc { opacity: 1; transition: opacity 1s ease-in-out; }
.block-tables .table-row div table:last-child { margin-bottom: 0; }
.products-list .product-thumb { padding-right: 60px; }
.products-list .product-desc { padding-left: 0; }
.products-list .product-desc-quantity .download { position: absolute; top: -60px; right: 0; }
.block-tables .table-info { padding-left: 45px; }
.contact-form .row > div:first-child { padding-right: 45px; }
.contact-form .row > div:last-child { padding-left: 45px; }
.contact-persons .persons-list .person { position: relative; }
.contact-persons .persons-list .person .contact-position { width: 65%; }
.footer-nav { display: flex; }
.footer-nav-wrap { padding-left: 1rem; }
#footer .cd-top { height: 60px; width: 60px; }
}

@media (max-width: 991px) {
.navbar .menu { width: 100%; }
#slider .slider-caption-img img, .btn-configurator .logos { display: none; }
#slider.slider-contacts .slider-caption { padding-bottom: 25px; }
#slider.slider-contacts .slider-caption-hotline { display: block; }
#slider.slider-contacts .slider-caption-title, #slider.slider-contacts .slider-caption-desc { display: none; }
.block.arrow-on + .block .title-block:after { display: none; }
.block-2-col .block-row .block-column { margin-bottom: 40px; }
.block-2-col .block-row .block-column:last-child { margin-bottom: 0; }
.products-list .product-thumb { margin-bottom: 20px; }
.products-list .product-desc { padding-right: 35px; padding-left: 35px; }
.block-tables .table-row > div { float: none; width: 100%; }
.contact-persons .persons-list .person:after { display: none; }
.contact-persons .persons-list .person.logo-on img.contact-logo { position: static; margin: 0.5rem 0 1rem; }
#footer { text-align: center; }
/* obrazek u kontaktu - zmena pozice na mobilu */ 
.contact-persons .block-content img { position: relative; margin-bottom:10px; top:initial; right:initial; margin-top:-5px }
.contact-persons ul li.email, .contact-persons ul li.web { font-size: initial;}
}

@media (min-width: 768px) and (max-width: 991px) {

}

@media (min-width: 768px) {
.contact-persons .persons-list .person { padding: 50px; }
.contact-persons .persons-list .person:first-child + li { border-top: none; }
.contact-persons .persons-list:after { content: " "; position: absolute; z-index: 3; top: 0; left: 50%; width: 2px; height: 100%; margin-left: -1px; background: #fff; }
.popup-buttons .row:last-child > div { margin-bottom: 0; }
.popup-buttons .row, .popup-buttons .row > div { display: flex; }
}

@media (max-width: 767px) {
.slider-caption .nav-buttons li { display: block; width: 100%; }
.product-series { padding-bottom: 10px; overflow-x: scroll; overflow-y: hidden; }
.popup-buttons .row:last-child > div:last-child { margin-bottom: 0; }
#mc-embedded-subscribe-form { margin-top: 1rem; }
}

@media (max-width: 640px) {
.products-list .product-desc-quantity a { float: none; display: block; }
#contact_map iframe { height: 240px; }
}

@media (max-width: 480px) {
.btn-configurator { right: auto; left: 20px; }
.contact-persons .persons-list .person:after { display: none; }
}

@media (max-width: 414px) {
}

@media (max-width: 375px) {
}

@media (max-width: 320px) {
}