body {font-family: 'Roboto', sans-serif; font-size: 15px; font-weight: 300; color: #000;}
h1 {font-size: 34px; margin: 0 0 0.6em; font-weight: 700; line-height: 1.3; color: #000;}
h1 .category {float:right; padding-top: 1em; color: #bbb; text-transform: uppercase; font-size: 14px;}
h2 {font-size: 24px; margin: 0 0 0.6em; font-weight: 700; line-height: 1.3; color: #000;}
h3, h2.h3like {font-size: 18px; margin: 0 0 0.8em; font-weight: 700; line-height: 1.3; color: #000;}
h3.aqua {color: #2797ad;}
h4 {font-size: 17px; margin: 0 0 0.4em; text-transform: uppercase;}
strong, b {font-weight: 700;}
a, a:hover, a:focus, a:active {color: #000; outline: none;}
p, ul {margin-bottom: 1em;}
ul li, ol li {margin-bottom: 0.3em;}
ul li {list-style: none; position: relative; padding-left: 18px;}
ul li:before {display: block; position: absolute; left: 0; top: 7px; width: 6px; height: 6px; background: #489a00; content: '';}
.nav li {padding-left:0;}
.nav li:before {display:none;}
.cleaner {clear: both; font-size: 0; line-height: 0; visibility: hidden;}

.btn.btn-default, .btn.btn-default:focus {padding: 7px 20px 5px; text-transform: uppercase; background: #499b00; border: 0; border-bottom: 3px solid #377500; font-size: 16px; color: #fff; font-weight:700; border-radius: 25px; box-shadow: none;}
.btn.btn-default:hover {background: #377500;}
.form-control {border-radius: 25px; border-color: #cbcbcb;}
.form-control:focus {box-shadow: none;}

/* HLAVICKA + MENU */
.navbar {height: 125px; padding-top: 32px; border: 0; border-top: 7px solid #499b00; background: #fff; border-bottom: 1px solid #ddd; border-radius:0;}
.navbar-brand {height: auto !important; min-height: 1px; padding-top:3px;}
.navbar-brand img {max-width: 100%;}
.navbar-header {float: none;}
.navbar-header .navbar-nav {margin: 7px 5px 7px 0; float:right; text-transform: uppercase; font-size: 17px; font-weight: 900;}
.navbar-header .navbar-nav > li {margin-right: 10px;}
.navbar-header .navbar-nav > li > a, .navbar-header .navbar-nav > li > a:focus {padding: 7px 40px 7px; color: #2797ad; border: 1px solid #8dd5e4; border-radius: 25px;}
.navbar-header .navbar-nav > li > a:hover {color: #11424d;}
.navbar-header .navbar-nav > li.active > a, .navbar-header .navbar-nav > li.active > a:focus, .navbar-header .navbar-nav > li.active > a:hover {background: #e6f5f9; color: #11424d;}
.navbar .col-md-4 {border-right: 1px dashed #e0e0e0;}
#search {padding: 7px 15px 0 30px;}
.btn-primary.btn-search, .btn-primary.btn-search:focus, .btn-primary.btn-search:hover {float:right; height: 40px; width: 40px; margin: 7px 0 15px; border: 1px solid #cdcdcd; background: url(../img/ico-search-green.svg) 50% 50% no-repeat #fff; box-shadow: none;}
#search .input-group {display: table; width: 111%;}
#search .form-control {height: 36px; padding-left: 45px; background: url(../img/ico-search.svg) 15px 7px no-repeat;}
#search .form-inline {overflow: hidden;}
#navbar {background: #2897ae; padding:0; margin-bottom: 20px; border: 1px solid #2897ae;}
#navbar .navbar-nav {width: 100%; font-weight: 500; font-size: 14px;}
#navbar .navbar-nav > li {float:none; margin:0;}
#navbar .navbar-nav > li > a, #navbar .navbar-nav > li > a:focus {display: block; position: relative; background: none; padding: 7px 35px 10px 25px ; color: #fff; border-top: 1px dashed #94cbd7;}
#navbar .navbar-nav > li > a:after {display: block; position: absolute; right: 20px; top: 13px; width: 8px; height: 12px; content: ''; background: url(../img/navbar-caret.svg) 0 0 no-repeat;}
#navbar .navbar-nav > li.topmenu { background:#157C91; }
#navbar .navbar-nav > li.topmenu > a:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0.4;}
#navbar .navbar-nav > li > a:hover, #navbar .navbar-nav > li:hover > a {background-color: #fff; color: #489a00;}
#navbar .navbar-nav > li > a:hover:after, #navbar .navbar-nav > li:hover > a:after {background-position: 0 -400px;}
#navbar .navbar-nav > li:first-of-type > a {border:none;}
#navbar .navbar-nav > li.nav-link-all {padding: 0 20px 0 25px;}
#navbar .navbar-nav > li.nav-link-all > a {padding: 7px 0 10px; border-color: #fff; color: #88d3e3;}
#navbar .navbar-nav > li.nav-link-all > a:after {right:0; background-position: 0 -800px;}
#navbar .navbar-nav > li.nav-link-all > a:hover {background-color: transparent; color: #11424d;}
#navbar .navbar-nav > li.nav-link-all > a:hover:after {background-position: 0 0;}
#navbar .dropdown .dropdown-menu {background: #fff; border-radius:0; font-weight: 400;}
#navbar .dropdown .dropdown-menu a {display:inline-block; padding:0; color: #499b00;}
#navbar .dropdown .dropdown-menu > li > a {font-weight: 500; color: #000;}
#navbar .dropdown .dropdown-menu li > ul {list-style-type:none; padding: 12px 0 20px 0;}
#navbar .dropdown .dropdown-menu a:hover, #navbar .dropdown .dropdown-menu a:focus {background: none;}
#navbar .dropdown .dropdown-menu .col-sm-6, #navbar .dropdown .dropdown-menu .col-sm-12 {padding-left:0;}  
#navbar .dropdown .dropdown-menu li.menu-image {position: absolute; right: 10px; bottom: -15px; z-index: 5;}  

/* HOMEPAGE */
.main-row {position:relative;}
.content-right {float:right;}
.content-right img {max-width: 100%;}
.content-left h2 {font-size: 18px;}

.carousel {margin-bottom: 15px;}
#carousel-home img {width: 100%;}
#carousel-home .carousel-indicators {height: 26px; padding: 5px; left: auto; right: 25px; bottom: 20px; margin:0; width: auto; background: #fff; border-radius: 13px;}
#carousel-home .carousel-indicators li {height: 16px; width: 16px; margin: 0 2px; background: #f0f0e1; border: 3px solid #f0f0e1 !important;}
#carousel-home .carousel-indicators li.active {height: 16px; width: 16px; margin: 0 2px; background: #2897ae;}

/* OFFER */
.padded {position: relative; padding-right: 180px;}
.offer .row .col-md-6:nth-child(3n+0) .offer-item:after {display:none;}
.offer-item {position:relative; padding-top: 10px; margin-bottom: 40px;}
.offer-item:after {display: block; position: absolute; right: -15px; top: 0; bottom:0; width: 1px; background: #ddd; content: '';}
.offer-item h3 {text-align: center; font-weight: 400; font-size: 15px;}
.pros {display:block; position: absolute; text-transform: uppercase; z-index:2; padding: 5px 10px;}
.pros:after {display: block; position: absolute; right: 0; bottom:-6px; width: 0; height: 0; border-style: solid; border-width: 6px 6px 0 0; content: '';}
.pros.new {background: #ffbf00;}
.pros.new:after {border-color: #b28600 transparent transparent transparent;}
.offer-item .offer-image {position:relative; text-align: center;}
.offer-item .offer-image .pros {top:0; right: -21px; font-size: 14px;}
.offer-item .offer-prices {padding-top: 30px; line-height: 1.2;}
.offer-item .offer-prices strong {font-size: 20px;}
.offer-item .offer-prices .btn {float:right;}
.padded-right-ad {position: absolute; right: 0; top: 0; width: 150px;}
.padded-right-ad img {margin-bottom: 15px;}
.headline-ad {margin-bottom: 30px;}
.headline-ad img {width: 100%;}

/* MARKETING */
.article-prev-small {font-size: 14px;}
.article-prev-small img {max-width: 100%;}
.article-prev-small .category-title {padding-bottom: 6px; font-size: 16px; text-transform: uppercase; font-weight: 500; border-bottom: 2px solid;}
.article-prev-small h3 {margin-top: 1.2em; font-size: 15px; font-weight: 500;}
.green {color: #499b00; border-color: #499b00;}
.red {color: #d83500; border-color: #d83500;}
.brown {color: #660000; border-color: #660000;}
.blue {color: #0276a2; border-color: #0276a2;}

.reasons {margin-bottom: 2em; border-top: 1px solid #e5e5e5; list-style: none; padding:0; font-size: 14px; font-weight: 400; color: #222;}
.reasons li {padding: 12px 12px 14px 70px; border-bottom: 1px solid #e5e5e5; background-position: 20px 10px; background-repeat: no-repeat;}
.reasons li:before {display:none;}
.reasons li.reason-prices {background-image: url(../img/ico-reasons-prices.png);}
.reasons li.reason-products {background-image: url(../img/ico-reasons-products.png);}
.reasons li.reason-articles {background-image: url(../img/ico-reasons-articles.png);}
.fb-page {margin-bottom: 2em;}

/* DETAIL PRODUKTU */
.detail-image {position: relative;}
.detail-image:after {display: block; position: absolute; right: -15px; top: 0; bottom:0; width: 0; border-right: 1px dashed #ddd; content: '';}
.detail-image .pros {font-size: 20px; padding: 8px 15px; right: -38px; top: 40px;}
.detail-image .pros:after {bottom:-8px; border-width: 8px 8px 0 0; content: '';}
#carousel-detail .item img {margin: 0 auto;}
#carousel-detail .carousel-indicators {position: static; margin: 30px 0; width:100%; text-align: left;}
#carousel-detail .carousel-indicators li {display: block; float:left; width: 33.33%; text-align: center; height: auto; text-indent:0; margin:0 -1px 0 0; padding: 6px; border-radius:0; background: none; border-color: #ddd;box-sizing: border-box;} 
#carousel-detail .carousel-indicators li img {max-width: 100%; max-height: 110px;}
#carousel-detail .carousel-indicators li.active {box-shadow: inset 0 0 1px #999;}
#carousel-detail .carousel-control {top: 40%; bottom: auto; width: 24px; height: 52px; margin-top: -26px; background: url(../img/carousel-control.svg) 0 0 no-repeat;}
#carousel-detail .carousel-control.right {background-position: -24px 0;}
.detail-desc {padding-left: 45px;}
.sellers {font-weight: 500;}
.sellers .shop-stock {color: #479900;}
.sellers img {display: inline-block; max-width: 100%; margin-top:5px;}
.nav-tabs {margin: 30px 0; font-weight: 700; font-size: 18px; border-color: #ddd;}
.nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {padding: 17px 30px; border-radius:0; background: #f8f8f8; border:1px solid #ddd; color: #888;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus {border-color: #ddd; border-bottom-color: #fff; color: #000;}
.nav-tabs > li > a:hover {color: #000;}
.tab-pane {padding-bottom: 30px;}
.table th {font-weight:300;}
.table-striped {border-bottom: 1px solid #ddd;}

/* CLANKY */
.articles-menu {margin: -15px 0 15px; border-bottom: 1px solid #f0f0e1; font-weight: 500; font-size: 16px;}
.articles-menu .nav > li > a, .articles-menu .nav > li > a:focus {color: #2797ad; background:none;}
.articles-menu .nav > li.active > a {color: #000;}
.articles-menu span {padding-left: 5px; font-size: 10px;}
.article {position:relative; padding-bottom: 30px; margin-bottom: 30px; font-size: 17px; }
.article:before {display: block; position: absolute; right: 15px; left: 15px; bottom:0; height: 1px; background: #ececec; content: '';}
.article h2 {font-size: 26px;}
.article img {width: 100%;}
.article p {margin:0;}
.article p.article-date {margin-bottom: 1em; font-size: 15px; color: #777; font-weight: 400;} 
.article-headline {font-size: 19px;}
.article-headline h2 {font-size: 36px;}
.article-headline h2 a, .article-subheadline h2 a {color: #52a00e;}
.link-archive a {color: #2697ac;}
.read-more {white-space: nowrap;}
.ad-wide {padding: 30px 0;}
.ad-wide img {width: 100%;}
.ad-right img {max-width: 100%;}
.comment-sample {position:relative; padding: 20px 30px 15px; margin-bottom: 25px; border: 1px solid #ddd; font-size: 14px;}
.comment-sample p {margin-bottom: 0.5em;}
.comment-sample strong {color: #489a00;}
.comment-sample a {color: #2797ad; font-weight: 400;}
.comment-sample:after {display: block; position: absolute; right: 10px; bottom:-22px; width: 39px; height: 22px; background: url(../img/comment-after.svg) 0 0 no-repeat; content: '';}
.comment-date {font-size: 13px; color: #777; font-weight: 400;}
.links-tip {border-top: 1px solid #e5e5e5; padding: 20px 0 0 5px; font-size: 14px;}
.links-tip li:before {background: #000;}
.links-tip a {color: #499b00; text-decoration: underline;}
.links-tip a:hover {text-decoration: none;}

/* PATICKA */
ul.socials {text-align: center; padding:0 20px; margin: 1em 0;}
ul.socials li {display: inline-block; padding: 0 10px;}
ul.socials li a {display: inline-block; width: 52px; height: 52px; background-repeat: no-repeat; background-size: cover;}
ul.socials li.link-facebook a {background-image: url(../img/ico-facebook.svg);}
ul.socials li.link-twitter a {background-image: url(../img/ico-twitter.svg);}
ul.socials li.link-googleplus a {background-image: url(../img/ico-googleplus.svg);}
ul.socials li.link-pinterest a {background-image: url(../img/ico-pinterest.svg);}

#links-extra {margin-top: 2em; padding: 45px 0 0; border-top: 1px solid #ddd; font-size: 18px; font-weight: 700; text-align: center;}
#links-extra .col-sm-3 {padding-bottom: 40px}
#links-extra img {display: inline-block; margin-bottom: 10px;}

#footer {padding: 40px 0 0; background: #333; border-top: 7px solid #555; color: #999; font-size: 14px;}
#footer .row > div {position:relative; margin-bottom: 40px;}
#footer .col-md-2:after {display: block; position: absolute; right: 0; top: 0; bottom:0; width: 1px; border-right: 1px dashed #525252; content: '';}
#footer h2 {padding-bottom: 12px; margin-bottom: 1.2em; color: #fff; font-size: 16px; text-transform: uppercase; font-weight: 500; position:relative;}
#footer h2:after {display: block; position: absolute; left:0 ; bottom:0; width: 80px; height:2px; background: #499b00; content: '';}
#footer ul {margin: 0; padding:0; list-style-type:none; font-weight: 400;}
#footer li:before {background: #666;}
#footer ul.socials {text-align: left; margin:0;}
#footer ul.socials li {display:block; padding:0; margin-bottom: 0.4em;}
#footer ul.socials li a {width: auto; height: auto; min-height:24px; padding: 3px 0 0 35px; font-weight: 400; color: #fff; background-size: 24px 24px;}
#footer ul.socials li:before {display: none;}

#footer a {color: #999;}
#footer .form-control {height: 35px;}
#footer .btn, .navbar .btn {border-bottom-width: 1px;}
.copyright {padding: 15px 20px 1px; font-size: 14px; text-align: center; color: #333;}


/* RESPONSIVE */
@media (min-width: 1600px) {
    .container {width: 1570px;}
    .offer .col-lg-4 {width: 25%;}
    #search .input-group {display: table; width: 120%;}
}   

@media (min-width: 992px) {
    #search .collapse, #search .collapse.in, #search .collapsing {display:block;}
    #navbar .dropdown .dropdown-menu {padding: 20px 30px 5px 40px;display:none; width: 420px; left:100%; top:-1px;}
    #navbar .dropdown:hover .dropdown-menu {display:block; border: 1px solid #2897ae; box-shadow: 3px 3px 0 rgba(0,0,0,0.4);}
    #navbar .navbar-nav > li.dropdown:hover:after {display: block; position: absolute; right: -1px; top: 0; bottom: 0; width: 1px; content: ''; background: #fff; z-index:1001;}
}

@media (min-width: 992px) and (max-width: 1200px) {
    .navbar .input-group {display: table; width: 104% !important;}
    .navbar-header .navbar-nav > li > a {padding: 7px 24px 7px;}
    .offer .row .col-md-6:nth-child(3n+0) .offer-item:after {display:block;}
    .offer .row .col-md-6:nth-child(2n+0) .offer-item:after {display:none;}  
}
 
@media (max-width: 992px) {
    h1 {text-align: center;}
    .navbar-header {padding: 0 15px;}
    .navbar {height: auto; padding-top: 25px; border:none;}
    .navbar-brand {padding-top:0; margin-left: -15px;}
    .navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {display:block; height: 52px; width: 100%; margin:5px 0 0; border-radius:0; background: #2897ae; border:none; font-size: 17px; font-weight: 500; color: #fff;}
    .navbar-default .navbar-toggle .icon-bar {background-color: #11424d; height: 4px;}
    .navbar-default .navbar-toggle .button-label {display: inline-block; float: left; padding-left: 20px;}
    .navbar-default .navbar-toggle .button-bars {float:right; display: inline-block; padding: 2px 12px 0 0;}
    #search {padding-left:15px;}
    #search .collapse, #search .collapse.in, #search .collapsing {width: 100%; clear:both; }  
    #search .input-group {width: 123.5%; padding-bottom: 10px;}
    #navbar {position: absolute; left:15px; right:15px; top: -20px; z-index:20; background: #1d6a7a; border-color: #1d6a7a; box-shadow:none;}
    #navbar .nav.navbar-nav {margin:0;}
    #navbar .navbar-nav > li > a, #navbar .navbar-nav > li > a:focus {border-color: #6197a2;}
    #navbar .nav.nav-tabs {padding: 12px 20px 15px 25px; border: none; margin:0;}
    #navbar .nav.nav-tabs > li {width: 50%; text-transform: uppercase; font-weight: 500; text-align: center;}
    #navbar .nav.nav-tabs > li > a, #navbar .nav.nav-tabs > li > a:hover {padding: 10px 15px; font-size: 15px; border-radius:0; border: 1px solid #2897ae; color: #fff; margin:0; background: none;}
    #navbar .nav.nav-tabs > li.active > a {background: #489a00; border-color: #489a00; position: relative;}
    #navbar .nav.nav-tabs > li.active > a:after {display: block; position: absolute; left: 50%; margin-left: -7px; bottom:-7px; width: 0; height: 0; border-style: solid; border-width: 7px 7px 0 7px; border-color: #489a00 transparent transparent transparent; content: '';}
    #navbar .tab-pane {padding-bottom: 0;}
    #navbar .navbar-nav > li:first-of-type > a {border-top: 1px dashed #6197a2;}
    #navbar .dropdown .dropdown-menu {padding: 20px 25px 5px 25px;border-radius:0; font-size: 15px;}
    #navbar .dropdown.open {background: #fff;}
    #navbar .dropdown.open .dropdown-toggle {color: #499b00;}
    #navbar .dropdown.open > a:after {background-position: 0 -400px;}
    .content-right {float: none;}
    .content-left {position: static;}
    .detail-image:after {display: none;}
    .detail-image .pros {right: -8px;}
    .detail-desc {padding-left: 15px;}
    .article img {margin-bottom: 30px;}
    .article .col-md-3 {display: inline; float:right; max-width: 50%; padding-left: 30px;}
    #footer .row > div:nth-child(3):after {display:none;}
    #footer .form-control {height: 36px;}
}

@media (max-width: 768px) {
    .navbar-header {padding: 0;}
    .navbar-header .row {margin: 0;}
    .navbar-brand {height:70px; margin:0;}
    .btn-primary.btn-search, .btn-primary.btn-search:focus, .btn-primary.btn-search:hover {margin-right: 5px;}
    #search {padding-right: 20px; padding-left: 30px;}
    #search .input-group {width: 100%;}
    #navbar {left:0; right:0;}
    #carousel-home {margin: -30px -30px 15px;}
    .content-right, .content-left {padding: 0 30px;}
    .padded {padding: 0;}
    .padded-right-ad, .ad-wide {position: static; width: auto; margin: 0 -30px 30px;}
    .padded-right-ad img, .ad-wide img {border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb;}
    .offer-item {padding: 15px; border: 1px solid #ddd; margin-bottom: 15px;}
    .offer-item:after {display: none;}
    .detail-image .pros {right: 0;}
    .sellers {margin: 0; padding: 15px 0 0 30px; border-top: 1px solid #ddd; background: url(../img/sellers-arrow.svg) 5px 50% no-repeat;}
    .sellers img {margin-bottom: 15px;}
    .nav-tabs > li {width: 100%;}
    .nav-tabs > li > a {margin-right:0;}
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus {border-bottom-color: #ddd;}
    .tabs-detail .nav-tabs {margin: 30px -30px;}
    .article, .article-headline {font-size: 15px;}
    .article h2 {font-size: 18px;}
    .article-headline h2 {font-size: 26px;}
    .reasons {margin: 0 -30px 3em;}
    .reasons li {padding-left: 100px; background-position: 50px 10px;}
    #footer {padding: 40px 15px 0;} 
    #footer .col-md-2:after {right: 15px; left:15px; top: auto; bottom: -15px; width: auto; height: 1px; border-bottom:1px dashed #525252;}
    #footer .row > div:nth-child(3):after {display:block;}
    .copyright {font-size: 13px;}
    #links-extra {font-size: 16px; border: none;}
}