@import url('https://fonts.googleapis.com/css?family=Exo+2:300,400,500,600,700&subset=latin-ext');

body {font-size: 15px; line-height: 1.45em; color: #1B1B1B;}
h1, .h1 {font-size: 36px;font-weight: 600; color: #1B1B1B;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {color: #1B1B1B;}
h2 {margin-bottom: 20px; margin-top: 20px; font-size: 26px; font-weight: 600; color: #1b1b1b; text-align: left;}
h3 {font-size: 20px; font-weight: 600; margin: 0 0 15px 0;}
h4 {font-size: 18px; font-weight: 500; margin: 30px 0 15px 0;}
p {margin-bottom: 12px;}
a:hover {text-decoration: underline;}
.btn.btn-default:hover, a.btn.btn-default:hover {border-color:#D69B01; background-color: #D69B01;}
.plus-gallery-item {border: none;}

div[itemprop="about"] ul {margin-left: 0; padding-left: 17px; list-style: none;}
div[itemprop="about"] li:before {content: "•"; color: #E6A501; display: inline-block; width: 1em; margin-left: -1em}

.plus-gallery-item:hover {opacity: 0.85;}

table.jm-tabulka {margin-top: 20px; margin-bottom: 20px;}
.plus-gallery-wrap {margin: 40px 0 40px 0;}
#footer .contact-box a:hover, #footer .password-helper a:hover, #footer .news-item-widget a:hover, #footer ul a:hover {color: #D5A000;}


/* Skryti provizniho programu */
.login-widget ul.user-action-tabs {display: none !important;}
.in-login .content-inner>form:nth-of-type(2), .in-login .content-inner>h1:nth-of-type(2) {display: none !important;}

/* ----- ZAHLAVI ----- */
#header .site-name a img {max-height: 75px}
#header {background-color: #419A2E; background-image: url(/user/documents/upload/grafika/header-background.jpg); background-position: top left;}
.header-top .btn.cart-count i, .header-top .btn.cart-count .cart-price {text-transform: none; color: #fff;}
.registrace {background: url(/user/documents/upload/grafika/registrace.svg) left center no-repeat; background-size: 16px auto; padding-left: 25px;}
.btn.btn-cart::before, a.btn.btn-cart::before, .btn.add-to-cart-button::before, a.btn.add-to-cart-button::before {content: none;}
.top-nav-button {background: url(/user/documents/upload/grafika/prihlaseni.svg) 12px center no-repeat; background-size: 15px auto; padding: 10px 12px 10px 36px;}

/* Skryti horniho menu a kontaktu */
.top-navigation-bar {border: none; background-color: #419A2E; background-image: url(/user/documents/upload/grafika/header-background.jpg); background-position: bottom left;}
.top-navigation-bar .container > div:first-child {display:none;}
.top-navigation-bar .container > div {display: none;}
.top-navigation-tools > a {color: #fff;}
.top-navigation-bar a:hover, .top-navigation-bar .dropdown button:hover {color: #EBF8E9; text-decoration: underline;}

/* Ikonka kosiku */
.header-top .btn.cart-count {font-size: 18px;}
#header .btn.cart-count::before {content: "" !important; background: url(/user/documents/upload/grafika/header-basket.svg) no-repeat; width: 48px; height: 48px; position: relative; margin-right: 12px;}

/* Skryti odkazu Znacky v menu */
#nav-manufacturers {display: none !important;}

/* Carousel */
.carousel-control.left::before {left: 0 !important;}
.carousel-control.right::before {right: 0 !important;}
.carousel:hover .carousel-control.left::before {left: 0 !important;}
.carousel:hover .carousel-control.right::before {right: 0 !important;}
.carousel-control::before {width: 30px; height: 60px; margin-top: -30px; line-height: 60px; border-radius: 0; font-size: 16px;}
.homepage-box {border: none; background: none;}
.top-navigation-tools > a {color: #fff; font-size: 14px; margin-left: 12px; transition: none !important;}

/* Podtrzitko nadpisu */
.h4.homepage-group-title {position: relative; padding-bottom: 20px; margin-bottom: 30px; margin-top: 30px; font-weight: 600; color: #1b1b1b}
.h4.homepage-group-title::after {content: ""; background: #E6A501; height: 2px; width: 68px; position: absolute; bottom: 0; left: 50%; margin-left: -34px;}

/* Podtrzitko nadpisu - mohlo by vas zajimat */
h2.products-related-header {position: relative; padding-bottom: 20px; margin-bottom: 30px; margin-top: 80px; font-size: 26px; font-weight: 600; color: #1b1b1b; text-align: center;}
h2.products-related-header::after {content: ""; background: #E6A501; height: 2px; width: 68px; position: absolute; bottom: 0; left: 50%; margin-left: -34px;}


/* Mrizka produktu */
.products>div {border: none !important;}
.product .p {border: 1px solid #eee; padding: 20px;}
.product:hover .p {border: 1px solid #E6A501}
.products-block.products .p .name {text-align: center; color: #1B1B1B; font-size: 18px; font-weight: 600;}
.products-block .p-bottom .p-desc {text-align: center;}
.product.col-sm-6.col-md-12.col-lg-6.active.related-sm-screen-hide {border-right: none !important;}


.discussion-form, .discussion, .rate-wrapper, .votes-wrap, .add-comment, .welcome div, .welcome h1 {max-width: 100%;}
.welcome h1 {display: none;}
.homepage-box.welcome-wrapper {padding-top: 0;}

/* Box s hodnocenim */
.content-wrapper.latest-contribution-box {display: none !important;}

/* Priznaky */
.flag.flag-discount {background-color: #ae3449}


/* Drobeckova navigace */
.breadcrumbs {color: #1b1b1b; border: 0; margin-top: 10px;}
.breadcrumbs a {color: #439F2F;}
.breadcrumbs a:hover {text-decoration: underline;}
.breadcrumbs > span > a::before{display: none !important;}
.breadcrumbs > span > a::after{content: "/"; bottom: auto; transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; color: #1b1b1b; background: none;}
.breadcrumbs > span > a, .breadcrumbs > span > span {padding: 10px 15px;}


/* Detail produktu */
.p-info-wrapper .p-final-price-wrapper {margin-right: 30px;}
.vice-info {border-bottom: 1px solid #DCDCDC; padding-bottom: 15px; margin-bottom: 25px;}
.price-measure {display: none;}
.p-detail-inner-header .p-code {display: none;}
.p-info-wrapper .p-final-price-wrapper, .p-info-wrapper .add-to-cart {margin-bottom: 0;}

/* Stranka KATEGORIE */
@media screen and (min-width: 1440px) {.col-xl-2 {width: 25%}}

/* Informační stránky */
article {margin-bottom: 10%;}
body:not(.type-index):not(.type-product) h1 {position: relative; padding-bottom: 20px; margin-bottom: 40px; margin-top: 30px;}
body:not(.type-index):not(.type-product) h1::after {content: ""; background: #E6A501; height: 2px; width: 68px; position: absolute; bottom: 0; left: 0;}
.jm-stranka-cela {width: 100%; display: flex;}

/* Stranka OBCHODNI PODMINKY */
#terms ol li:before {content: counters(item, ".")"."; counter-increment: item; position: absolute; left: -40px; color: #868686!important; margin: 0;}
#terms > ol > li:before {font-size: 26px; color: #868686; margin-top: 3px!important;}
#terms ol {counter-reset: item; margin-top: 5px; list-style: none; padding-inline-start: 0px;}
#terms ol li {display: block;position: relative; margin-left: 40px;}
#terms ol li ol li {margin-left: 19px; margin-bottom: 5px;}
#terms ul li:before {content: "•"; counter-increment: none; margin: 1px 0 0 22px; padding: 0;}

/* Stranka SERVIS */
.service-table {width: 50%}
.fl-left {float: left !important;}
.fl-right {float: left !important;}
.clr {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}	



/* Stranka KONTAKT */
.kontakt-box {width: 45%; display: flex; margin-right: 5%;}
.kontakt-foto {width: 40%;}
.kontakt-osoba {width: 50%;}
.provozni-doba {width: 100%; height: auto; font-size: 20px; line-height: 1.4em; text-align: center; background-color: #F6F6F6; margin: 3% 0 3% 0; padding: 15px;}



/* ------ ZAPATI ------ */
#footer {background-color: #EBF8E9; color: #1B1B1B; margin-top: 2%;}
#footer>.container {background-color: #EBF8E9!important;}
.custom-footer, .footer-bottom {border: none;}
#footer .banner-wrapper {color: #1B1B1B;}
#footer .site-name {display: none;}
#footer h4 {color: #1B1B1B; font-weight: 600; font-size: 20px; text-transform: none; position: relative; padding-bottom: 15px; margin-bottom: 20px; margin-top: 30px;}
#footer h4::after {content: ""; background: #439F2F; height: 2px; width: 52px; position: absolute; bottom: 0; left: 0; margin-left: 0;}
#footer ul li a {color: #1B1B1B;}
#footer li {margin-bottom: 10px;}
#footer li a {text-decoration: underline!important;}
.custom-footer ul {line-height: 1.2em;}
.footer-telephone {background: url(/user/documents/upload/grafika/ikona-telefon.svg) left 5px no-repeat; background-size: 24px auto; padding-left: 36px;}
.footer-telephone span {font-weight: 600;}
.footer-email {background: url(/user/documents/upload/grafika/ikona-email.svg) no-repeat; background-size: 24px auto; background-position: 0 3px; padding-left: 36px;}
.footer-email a {color: #1B1B1B; font-weight: 600;}
.footer-email a:hover {color: #D5A000; text-decoration: underline;}
.footer-socialmedia a { background-position: 50% 0; background-size: auto 30px; background-repeat: no-repeat; width: 30px; height: 30px; display: inline-block; text-align: center; margin-left: 8px;}
.footer-socialmedia img {margin-left: 0 !important;}
.footer-socialmedia > span {margin: 10px 0 0 -8px; display: block;}


/* Podtrzitko nadpisu - mohlo by vas zajimat */
h2.jm-nadpis {position: relative; padding-bottom: 20px; margin-bottom: 40px; margin-top: 50px; font-size: 26px; font-weight: 600; color: #1b1b1b; text-align: left;}
h2.jm-nadpis::after {content: ""; background: #E6A501; height: 2px; width: 55px; position: absolute; bottom: 0; left: 0%;}

/* Stránka Doprava a platba */
.jm-col-one {float: left;width: 18%;margin-right: 5%;text-align: center;}
.jm-col-two {float: left;width: 58%;margin-right: 2%;}	
.jm-col-three {float: left; width: 10%; text-align: right;	font-weight: 600; font-size: 20px; margin-right: 0;}	
.jm-clear {clear: both; margin-bottom: 2%;}

.jm-mpcol-one, .jm-mpcol-two { float: left; width: 30%; margin-right: 2%; text-align: center; border: 1px solid #eee; padding: 10px; }  
.jm-mpcol-three { float: left; width: 30%; text-align: center; margin-right: 0; border: 1px solid #eee; padding: 10px; }	  
.jm-nad { font-size: 20px; font-weight: 600; margin: 4% 0 4% 0; line-height: 1.4em; }	 


/* Stranka O NAS */
.timeline .timeline-item::after, .timeline .timeline-item::before { clear: both; content: ''; display: block; width: 100%; }  
.timeline { margin: 30px auto; padding: 0 10px; position: relative; transition: all 0.25s ease-in; width: 100%; }  
.timeline::before { background: #000; content: ''; height: 100%; left: 50%; position: absolute; top: 0; width: 3px; }  
.timeline::after { clear: both; content: ''; display: table; width: 100%; } 
.timeline a { color: #000; font-weight: bold; transition: all 0.25s ease-in; }  
.timeline a:hover { box-shadow: 0 1px 0px 0px #000; transition: all 0.25s ease-in; }  
.timeline .timeline-item { margin-bottom: 50px; position: relative; }  
.timeline .timeline-item .timeline-icon { background: #000; border-radius: 50%; height: 50px; left: 50%; margin-left: -23px; overflow: hidden; position: absolute; top: 0; width: 50px; } 
.timeline .timeline-item .timeline-icon img,
.timeline .timeline-item .timeline-icon svg {left: 14px; position: relative; top: 11px;}
.timeline .timeline-item .timeline-icon svg {top: 14px;}
.timeline .timeline-item .timeline-content {padding: 10px 20px 20px 20px; text-align: right; transition: all 0.25s ease-in; width: 45%; background: transparent;}
.timeline .timeline-item .timeline-content p { color: #000; font-size: 16px; line-height: 1.4; margin-bottom: 0; margin-top: 5%; }  
.timeline .timeline-item .timeline-content .timeline-content-date { font-size: 22px; font-weight: 600; margin-top: 0; margin-bottom: 5%; }  
.timeline .timeline-item .timeline-content .timeline-content-month { font-size: 0.875rem; text-transform: uppercase; font-weight: 400; }
.timeline .timeline-item .timeline-content.right {float: right; text-align: left;}

@media screen and (max-width: 39.9375em) {
.timeline {margin: 30px; padding: 0; width: 90%;}
.timeline::before {left: 0;}
.timeline .timeline-item .timeline-content {float: right; text-align: left !important; width: 90%;}
.timeline .timeline-item .timeline-content::before, .timeline .timeline-item .timeline-content.right::before {border-left: 0; border-right: 7px solid #000; left: 10%; margin-left: -6px;}
.timeline .timeline-item .timeline-icon {left: 0;}
}

/* Pruvodce vyberem */
.accordion-container { display: inline-block; height: auto; padding: 0; margin-top: 10px; margin-bottom: 10px; -moz-border-radius: 2px !important; -ms-border-radius: 2px !important; border-radius: 2px !important; overflow: hidden; }
.accordion-container .panel { margin-top: 0; margin-bottom: 1%; background-color: #EBF8E9 !important; border: 1px solid #B6E6AC; border-radius: 0; width: 100%; text-align: left; transition: 0.4s; cursor: pointer;}
.accordion-container .panel .content { padding: 0px 20px; background-color: #fff; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; }
.accordion-container .panel .heading { color: #439F2F; font-size: 18px; font-weight: 500; padding: 15px 20px; background: url("/user/documents/upload/grafika/keyboard_arrow_up.svg") no-repeat right; background-position: 98% 12px !important; background-size: 28px !important; }
.accordion-container .panel .heading:hover {background-color: #fff;}
.accordion-container .panel .content p {padding: 10px 0; margin: 0; }
.accordion-container .panel .content p:first-child { padding-top: 0;}
.accordion-container .panel .content ul { margin-left: 0; margin-bottom: 0; padding-left: 20px;  margin-top: 5px; }
.accordion-container .panel .content ul li { line-height: 1.5em; padding-bottom: 1%;}
.accordion-container .panel p:last-child { padding-bottom: 20px; }
.accordion-container .panel table { width: 100%; }
.accordion-container .panel table tr td { padding: 5px 10px; border: 1px solid #B6E6AC; }
.accordion-container .panel.active { background: #fff !important;}
.accordion-container .panel.active .heading { background: url("/user/documents/upload/grafika/keyboard_arrow_down.svg") no-repeat right;  }
.info { font-size: 0.70em; font-weight: 300; color: #b5b5b5; }
.info a { color: #1ac3b4 !important; text-decoration: none; }

/* Stranka SERVIS */
.jm-dvetre {width: 70%; padding: 0 20px 0 0 ;}
.jm-jednatre {width: 30%; padding: 0 0 0 20px;}

/* Stranka PRONAJEM */
.in-pronajem .news-wrapper {display: flex; flex-wrap: wrap; align-items: center; margin: 0 -10px 19px; padding: 0;}
.in-pronajem .news-item {width: 31%; flex: 0 0 auto; padding: 10px; margin: 1%; border: 1px solid #eee; display: block;}
.in-pronajem .news-item:hover {border: 1px solid #E6A501;}
.in-pronajem .news-item .image {width: 100%;}
.in-pronajem .news-item .text a {width: 100%; padding: 15px;}
.in-pronajem .news-item .text .title {font-size: 20px; line-height: 1.3em; text-align: center; font-weight: 500;}
.in-pronajem .news-item:last-child {border: 1px solid #eee;}

.jm-pronajem-dodatek {font-style: italic; margin: 2% 2% 2% 2%; text-align: right; color: #aeaeae;}
.jm-poloviny {width: 100%; padding: 0 !important; display: flex; margin-bottom: 40px;}
.jm-poloviny ul {margin-left: 0; padding-left: 17px;}
.jm-leva-polovina {width: 50%; padding: 0 20px 20px 0;}
.jm-prava-polovina {width: 50%; margin: 0 0 20px 20px;}
.jm-vyzva-kontakt {margin: 6% 0 5% 0;}
.jm-vyzva-kontakt .h4.homepage-group-title {margin-bottom: 15px!important;}
.jm-vyzva.btn.btn-default {text-align: center;}
.jm-vyzva-kontakt p {text-align: center;}

@media screen and (max-width: 768px) and (max-width: 991px) {
.footer-banners {margin-top: 0 !important;}
/* Stranka PRONAJEM tabulky */
table.jm-tabulka {width: 100%; text-align: left;}
.jm-tabulka td, .jm-tabulka th {padding: 8px; text-align: left; background-color: #FFF7DF; border: 1px solid #ffe391;}
}

@media screen and (max-width: 991px) {
.footer-banner {width: 50% !important; margin: 20px 0;}
.in-jak-vybrat-stolni-fotbal .content-inner {max-width: none !important;}
.in-jak-vybrat-stolni-fotbal .jm-stranka-cela {width: 100%; display: block; }
.in-jak-vybrat-stolni-fotbal .levy-prostor {width: 100%; }
.in-jak-vybrat-stolni-fotbal .pravy-prostor {max-width: 100%;}
}

@media screen and (max-width: 767px) {
#header .btn.cart-count::before {width: 40px; height: 40px; background-size: 30px auto;}
#header .cart-count {top: -48px;}
.registrace {display: none;}
.jm-stranka-cela {width: 100%; padding: 0 !important; display: block;}
/* Stranka PRUVODCE VYBEREM */
.in-jak-vybrat-stolni-fotbal .levy-prostor {width: 100%; display: block; margin-bottom: 10%;}
.in-jak-vybrat-stolni-fotbal .pravy-prostor {width: 100%;}
/* Stranka PRONAJEM */
.in-pronajem .news-item {width: 100%;}
.jm-poloviny {width: 100%; padding: 0 !important; display: block;}
.jm-leva-polovina {width: 100%;}
.jm-prava-polovina {width: 100%; padding-bottom: 20px; margin-bottom: 20px;}
/* Stranka SERVIS */
.jm-dvetre, .jm-jednatre {width: 100%; padding: 0 0 20px 0 ;}


.jm-col-one, .jm-col-two, .jm-col-three, .jm-mpcol-one, .jm-mpcol-two {width: 100%; float: none; margin: 0; text-align: left;}
.jm-col-one, .jm-col-two, .jm-mpcol-one, .jm-mpcol-two {padding-bottom: 15px;}
.jm-col-three, .jm-mpcol-three {padding-bottom: 20px;}	
.jm-mpcol-one, .jm-mpcol-two, .jm-mpcol-three { width: 100%; text-align: center;}  	
}

@media screen and (min-width: 768px) {
.header-top {height: 135px;}
#navigation {height: 46px;}
.navigation-in {background-color: #1B1B1B;}
.navigation-in>ul>li {border-left-color: #312F2F;}
.navigation-in>ul>li>a {font-size: 20px;}
.navigation-in>ul>li.ext.exp>a {padding-left: 33px; padding-right: 33px; margin-right: 0 !important;}
.navigation-in>ul>li>a {padding: 15px 28px 17px 28px!important}
.navigation-in>ul>li>a:hover {margin-left: 0 !important; margin-right: 0 !important;}
.footer-banners {padding: 0 0 30px 0; border-bottom: 1px solid #DCDCDC}
/* Stranka PRONAJEM */
table.jm-tabulka {width: 100%; text-align: left;}
.jm-tabulka td, .jm-tabulka th {padding: 14px 30px 14px 30px; text-align: left; background-color: #FFF7DF; border: 1px solid #ffe391;}
}

@media screen and (min-width: 992px) {
.footer-banner {width: 25% !important;}
/* Stranka PRONAJEM */
.jm-leva-polovina {width: 50%; padding: 0 20px 20px 0;}
.jm-prava-polovina {width: 50%; margin: 0 0 20px 20px;}
table.jm-tabulka {width: 100%; text-align: left;}
.jm-tabulka td, .jm-tabulka th {padding: 14px 30px 14px 30px; text-align: left; background-color: #FFF7DF; border: 1px solid #ffe391;}
}

@media screen and (max-width: 1199px) {
.in-jak-vybrat-stolni-fotbal .jm-stranka-cela {width: 100%; display: block; }
.in-jak-vybrat-stolni-fotbal .levy-prostor {width: 100%; }
.in-jak-vybrat-stolni-fotbal .pravy-prostor {max-width: 100%;}
/* Stranka KONTAKT */
.kontakt-box {width: 100%; display: block; margin-bottom: 10%;}
.kontakt-foto {width: 100%;}
.kontakt-osoba {width: 100%;}
}

@media screen and (min-width: 1200px) {

/* Sticky hlavicka */
.jmScrolled #content-wrapper {margin-top: 131px;}
.jmScrolled #header {position: fixed; top: 0px; left: 0px; z-index: 52; width: 100%; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.06);}

/* Stranky */
.content-inner {max-width: 920px;}

/* Stranka PRUVODCE VYBEREM */
.in-jak-vybrat-stolni-fotbal .content-inner {max-width: none !important;}
.in-jak-vybrat-stolni-fotbal .levy-prostor {width: 70%; padding: 0 30px 0 0; position: relative; display: inline-block; margin-right: 5%;}
.in-jak-vybrat-stolni-fotbal .pravy-prostor {max-width: 25%; position: relative; display: inline-block; vertical-align: top;}
ul.jm-dots-numbers {counter-reset: dNumbers;}
ul.jm-dots-numbers, ul.jm-dots-numbers li {margin: 0 !important; padding: 0 !important; list-style-type: none; background: none !important; }
ul.jm-dots-numbers li { padding: 0 0 0 25px !important; line-height: 20px; margin: 3px 0 !important;}
ul.jm-dots-numbers li:before {display: block; position: absolute; content: 'a'; width: 20px; height: 20px; margin-left: -25px; background: #ed681c; color: #fff; text-align: center; line-height: 21px; border-radius: 20px; font-size: 10px; font-weight: bold; counter-increment: dNumbers; content: counter(dNumbers);}

/* Stranka KONTAKT */
.in-kontakty .content-inner{max-width: none !important;}
.in-kontakty .formular-kontaktujte-nas {width: 50%; background-color: #F9FDF8; padding: 30px; position: relative; display: inline-block; margin-right: 5%;}
.in-kontakty .formular-kontaktujte-nas fieldset {margin-top: 40px;}
.in-kontakty .fakturacni-udaje {max-width: 40%; position: relative; display: inline-block; vertical-align: top; margin-top: 2%;}
.custom-footer {padding-left: 0; padding-top: 30px;}	
}