/* globel */

@font-face {
    font-family: 'dince';
    src: url('../fonts/dince-regular-webfont.eot');
    src: url('../fonts/dince-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/dince-regular-webfont.woff') format('woff'),
    url('../fonts/dince-regular-webfont.ttf') format('truetype');
    /*url('../fonts/dince-regular-webfont.svg#dk_snemandregular') format('svg'); neexistuje */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dince';
    src: url('../fonts/dince-medium-webfont.eot');
    src: url('../fonts/dince-medium-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/dince-medium-webfont.woff') format('woff'),
    url('../fonts/dince-medium-webfont.ttf') format('truetype');
    /*url('../fonts/dince-medium-webfont.svg#dk_snemandregular') format('svg'); neexistuje */
    font-weight: bold;
    font-style: normal;
}

html {

}

body {
    position: absolute;
    min-height: 100%;
    min-width: 100%;

    background: rgb(233,233,233); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(233,233,233,1) 0%, rgba(248,248,248,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(233,233,233,1)), color-stop(100%,rgba(248,248,248,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(233,233,233,1) 0%,rgba(248,248,248,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(233,233,233,1) 0%,rgba(248,248,248,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(233,233,233,1) 0%,rgba(248,248,248,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(233,233,233,1) 0%,rgba(248,248,248,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */

    color: #8d8d8d;
}

.first-after-menu {
    padding-bottom: 25px;
}
.uvod .first-after-menu {
    padding-bottom: 20px;
}
.first-after-menu.row-1 {
    padding-top: 172px;
}
.first-after-menu.row-2 {
    padding-top: 217px;
}
.first-after-menu.row-3 {
    padding-top: 262px;
}
.first-after-menu.row-qr {
    padding-top: 132px;
}
.shrink .navbar-nav>li>a {
    padding-top: 3px;
    padding-bottom: 3px;
}

.shrink .navbar-nav li.separator {
    height: 28px;
}

.qr-evo {
/*    text-align: justify;*/
    font-size: 16px;
}

.qr-evo .holder>.row, .mt {
    margin-top: 50px;
}

.qr-evo h1:first-child { margin-top: 0;}

.qr-evo .graph {
    margin-top: 20px;
    max-width: 100%;
    margin-bottom: 20px;
}
.qr-evo .graph.left-labeled {
    padding-left: 20px;
    position: relative;
}

.qr-evo .graph.bottom-labeled {
    margin-bottom: 20px;
}

.qr-evo .graph.left-double {
    padding-left: 34px;
}
.qr-evo .graph.left-double .left-label {
    margin-left: -34px;
}

.qr-evo img.right-cut {
    position: relative;
    right: -15px;
}

.qr-evo .bar:before {
    content: ' ';
    position: relative;
    height: 1px;
    width: 15px;
    display: inline-block;
    border-bottom: 1px solid black;
    margin-bottom: 4px;
    margin-right: 5px;
}
.qr-evo .bar.red:before {
    border-bottom: 1px solid red;
}
.qr-evo .bar.grey:before {
    border-bottom: 1px dashed grey;
}
.qr-evo .bottom-label {
    text-align: center;
    font-size: 11px;
    line-height: 16px;
}
.qr-evo .left-label {
    display: block;
    transform: rotate(270deg);
    transform-origin: left top 0;
    font-size: 11px;
    margin-left: -20px;
    position: absolute;
    text-align: center;
    line-height: 16px;
}
.qr-evo .top-label {
    font-size: 11px;
    line-height: 16px;
}
.qr-evo .left-label.w50 {
    width: 50%;
}
.qr-evo .left-label.w30 {
    width: 35%;
}

.qr-evo .navbar .row.full-height {
    height: 100%;
    position: relative;
}
.qr-evo .navbar .row.full-height:after {
    position: absolute;
    content: ' ';
    width: 100%;
    height: 15px;
    bottom: -15px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
    background: transparent;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.18) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.18)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.18) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0.18) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0.18) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0,0,0,0.18) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */
}
.qr-evo h2:first-child {
    margin-top: 0;
}
.qr-evo .languages {
    font-size: 24px;
}
.qr-evo .navbar .logo-bar .right {
    transition: padding-top 0.35s;
    padding-top: 46px;
}
.qr-evo.shrink .navbar .logo-bar .right {
    padding-top: 14px;
}


body>.container {

    padding: 0;


}
body>.container .shadow {
    position: absolute;
    min-height: 100%;
    padding-bottom: 203px;
    background: #fff;
    -webkit-box-shadow: 0 0 40px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 40px 0 rgba(0,0,0,0.3);
    box-shadow: 0 0 40px 0 rgba(0,0,0,0.3);
}

@media screen and (min-width: 768px) {
    body>.container .shadow {
        padding-bottom: 170px;
    }
}

h2 {
    font-size: 24px;
    font-weight: normal;
    font-family: dince, sans-serif;
    margin-top: 30px;
}

h2 img {
    vertical-align: baseline;
}

h3 {
    font-size: 16px;
    font-weight: 700;
    font-family: dince, sans-serif;
    text-transform: uppercase;
    margin-top: 30px;
}

h3:first-child {
    margin-top: 0;
}

a {
    color: #8d8d8d;
    text-decoration: underline;
}
a:hover, a:focus {
    color: #000;
    text-decoration: underline;
}
a h2 {
    color: #8d8d8d;
}
a.noline, a.noline:hover, a.noline:focus {
    text-decoration: none;
}

input.brisk, select.brisk {
    border: none;
    background: rgb(248,248,248); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(248,248,248,1) 0%, rgba(233,233,233,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,248,248,1)), color-stop(100%,rgba(233,233,233,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(233,233,233,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(233,233,233,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(233,233,233,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(248,248,248,1) 0%,rgba(233,233,233,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */
    line-height: 20px!important;
    height: 28px;
    font-size: 14px;
    padding: 4px;
    display: block;
    width: 80%;
}

input.brisk[type="text"] {
    padding-left: 8px;
}

.blue {
    color: #3B6C95
}

.bg-blue {
    color: #fff;
    background: #3B6C95;
}

.blue-circle {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    color: #fff;
    background: #3B6C95;
    padding-top: 4px;
    text-align: center;
    margin-right: 3px;
}

.strong {
    font-weight: bold;
}

.vertical-align {
    display: flex;
    align-items: center;
}

.info-circle {
    display: inline-block;
    border: 1px solid #8d8d8d;
    width: 16px;
    height: 16px;
    text-align: center;
    border-radius: 8px;
    vertical-align: top;
    margin-top: 2px;
    margin-left: 0;
    margin-bottom: -10px;
    line-height: 15px;
    font-family: serif;
    cursor: pointer;
}

.text-label {
    display: inline-block;
    width: 45%;
}

.text-label.indent {
    padding-left: 30px;
}

.navbar-fixed-top .container:before, .navbar-fixed-top .container:after {
    display: none;
}

.container img {
    max-width: 100%;
}

.container .pswp img {
    max-width: none;
}

.container .gm-style img {
    max-width: none;
}

.more, span.detail {
    float: right;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    color: #8d8d8d;
}
.more i, .detail i {
    margin-left: 8px;
}

.more.btn {
    float: none;
}
.btn h2 {
    margin-bottom: 0;
}
.more.btn>span, .more.btn>i{
    display: none;
}
.more.btn.open h2 {
    display: none;
}
.more.btn.open>span, .more.btn.open>i{
    display: inline;
}

.detail {
    bottom: 0;
}

.underline {
    padding-bottom: 20px;
    border-bottom: 2px solid rgb(191,191,191);
    margin-bottom: 35px;
}

img.with-border {
    border: 1px solid black;
    margin-top: 10px;
    margin-bottom: 20px;
}

a.row {
    color: rgb(141,141,141);
}

.row.margin-top, .margin-top {
    margin-top: 15px;
}

/* navbar */

.navbar {
    max-width: 100%;
    font-family: dince, sans-serif;
}

.navbar .logo-bar {
    height: 128px;
    background: #fff;
    transition: all 0.35s;
}
.shrink .navbar .logo-bar {
    height: 64px;
}

.navbar .logo-bar h1 {
    transition: all 0.35s;
    height: 128px;
    margin-top: 0;
    margin-bottom: 0;
}
.shrink .navbar .logo-bar h1 {
    height: 64px;

}
.navbar .logo-bar h1 a,
.navbar .logo-bar h1 span {
    display: inline-block;
    margin-top: 42px;
    line-height: 44px;
    height: 44px;
    font-size: 28px;
}
.shrink .navbar .logo-bar h1 a,
.shrink .navbar .logo-bar h1 span {
    margin-top: 20px;
    line-height: 24px;
    height: 24px;
    font-size: 18px;
}

.navbar .logo-bar h1 a img {
    margin-left: 25px;
    height: 44px;
    vertical-align: bottom;
    transition: all 0.35s;
}
.shrink .navbar .logo-bar h1 a img {
    margin-left: 10px;
    height: 24px;
}

.navbar .logo-bar .right {
    float: right;
    padding-top: 20px;
    text-align: right;
    padding-right: 30px;
}

.navbar .logo-bar .languages {
    line-height: 24px;
}

.navbar .logo-bar .languages,
.navbar .logo-bar .search {
    margin-bottom: 10px;
}
.shrink .navbar .logo-bar .languages,
.shrink .navbar .logo-bar .search {
     float: right;
     margin-left: 10px;
     margin-bottom: 0;
}

.navbar .logo-bar .search{
    display: inline-block;
}

.navbar .logo-bar .social{
    display: inline-block;
    vertical-align: top;
    margin-top: -1px;
    margin-right: 20px;
}

.social-icon{
    background: url(../images/social-icons.svg) no-repeat left top;
    background-size: 48px 144px;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 3px;
    text-indent: 100%;
    overflow: hidden;
}

.social-icon.facebook{
    background-position: 0 0;
}
.social-icon.linkedin{
    background-position: 0 -24px;
}
.social-icon.twitter{
    background-position: 0 -48px;
}
.social-icon.youtube{
    background-position: 0 -72px;
}
.social-icon.vk{
    background-position: 0 -96px;
}
.social-icon.instagram {
    background-position: 0 -120px;
}

.social-icon:hover{
    background-position-x: -24px;
}

.navbar .logo-bar .search input {
    padding: 0 5px;
}

.navbar-default {
    background: transparent;
    border: none;
    text-transform: uppercase;
}

.navbar-default .shaded-bg {
    padding: 0;
}

.navbar-nav.second-row {
    margin-top: 10px;
}

.navbar-nav>li>a {
    display: inline-block;
    border-radius: 0;
    padding-top: 11px;
    padding-bottom: 11px;
    line-height: 22px;
    transition: padding-top 0.35s, padding-bottom 0.35s;
    text-decoration: none;
}

.ru .navbar-nav>li>a {
    padding-left: 8px;
    padding-right: 8px;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:active, .navbar-default .navbar-nav>li.active>a {
    color: #fff;
    background: url(../images/menu-bg-active.png);
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #12afbd;
}

.navbar-nav li:after {
    content: ' ';
    position: absolute;
    width: 1px;
    height: calc(100% - 16px);
    background-color: rgb(201,201,201);
    right: -1px;
    top: 8px;
}
.navbar-nav li:last-child:after {
    display: none;
}
.gradient {
    background: rgb(248,248,248); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(248,248,248,1) 0%, rgba(233,233,233,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,248,248,1)), color-stop(100%,rgba(233,233,233,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(233,233,233,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(233,233,233,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(233,233,233,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(248,248,248,1) 0%,rgba(233,233,233,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */
}
.navbar-collapse .gradient {
    padding: 0 25px;
    /*background: url(../images/menu-bg.png);*/
}
.navbar-collapse .gradient .nav:nth-of-type(2) {
    border-top: 1px solid rgb(201,201,201);
}
.navbar-collapse .gradient .nav:nth-of-type(2).navbar-right {
    border-top: none;
}
.navbar-nav.nofloat {
    float: none;
    clear: left;
}
.navbar-nav li.separator {
    width: 4px;
    height: 44px;
    display: inline-block;
    transition: height 0.35s;
}
.navbar-collapse{
    max-height: 100%!important;
}

.languages a{
    text-decoration: none;
}

/* side menu */

ul.side-menu, ul.top-menu {
    background: rgb(248,248,248); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(248,248,248,1) 0%, rgba(233,233,233,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,248,248,1)), color-stop(100%,rgba(233,233,233,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(233,233,233,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(233,233,233,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(233,233,233,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(248,248,248,1) 0%,rgba(233,233,233,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */

    padding: 22px;
    list-style: none;
    font-family: dince, sans-serif;
}
ul.side-menu ul.side-menu {
    padding: 0;
}

.side-menu li ul {
    background: transparent;
    list-style: disc;
}

.side-menu li.side-more {
    padding: 0 0 2px 0;
    height: 0;
    overflow: hidden;
    transition: all 0.35s;
}
.side-menu li.side-more.active {
    height: auto;
}

.side-menu .caret {
    position: absolute;
    top: 16px;
    right: 16px;
}

.side-more .side-menu li {
    padding-left: 30px;
}

ul.top-menu {
    margin-left: -15px;
    margin-right: -15px;
    padding: 0 10px;
    margin-bottom: 15px;
}

.side-menu li, .top-menu li {
    /*margin-bottom: 12px;*/
    text-transform: uppercase;
    position: relative;
}
.top-menu li {
    padding: 8px 16px;
}
.top-menu li {
    margin-bottom: 0;
    margin-left: 15px;
    margin-right: -15px;
}

.side-menu li:after {
    content: ' ';
    position: absolute;
    width: calc(100% - 30px);
    height: 1px;
    background-color: rgb(201,201,201);
    left: 15px;
    /*bottom: -6px;*/
    bottom: -1px;
}
.side-menu li:last-child:after {
    display: none;
}
.side-more .side-menu li:last-child:after {
    display: block;
}

.top-menu li:after {
    content: ' ';
    position: absolute;
    width: 1px;
    height: calc(100% - 16px);
    background-color: rgb(201,201,201);
    right: -2px;
}
.top-menu li:last-child:after {
    display: none;
}

.top-menu li:hover, .top-menu li:focus, .top-menu li.active,
.side-menu li:hover, .side-menu li:focus, .side-menu li.active {
    background: rgb(56,100,145); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(56,100,145,1) 0%, rgba(116,159,189,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(56,100,145,1)), color-stop(100%,rgba(116,159,189,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(56,100,145,1) 0%,rgba(116,159,189,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(56,100,145,1) 0%,rgba(116,159,189,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(56,100,145,1) 0%,rgba(116,159,189,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(56,100,145,1) 0%,rgba(116,159,189,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#386491', endColorstr='#749fbd',GradientType=0 ); /* IE6-9 */
}
.side-menu li.side-more:hover, .side-menu li.side-more:focus, .side-menu li.side-more.active {
    background: transparent;
    filter: none;
}

.side-menu li:hover>.caret, .side-menu li:focus>.caret, .side-menu li.active>.caret {
    color: #fff;
}

.navbar li.active:after, .navbar li:hover:after, .navbar li:focus:after,
.side-menu li.active:after, .side-menu li:hover:after, .side-menu li:focus:after {
    display: none;
}

.nav li a, .side-menu li a, a.btn {
    text-decoration: none;
}

.top-menu li a, .side-menu li a {
    color: #757575;
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 8px 16px;
}

.top-menu li:hover>a, .top-menu li:focus>a, .top-menu li.active>a,
.side-menu li:hover>a, .side-menu li:focus>a, .side-menu li.active>a {
    color: #fff;
}
/*.side-menu li.side-more:hover a, .side-menu li.side-more:focus a, .side-menu li.side-more.active a {
    color: #757575;
}*/
li:hover>a .menu-icon, li:focus>a .menu-icon, li.active>a .menu-icon {
    background-position: center -30px;
}

.top-menu li {
    text-transform: uppercase;
    display: inline-block;
}

.menu-icon {
    display: inline-block;
    width: 31px;
    height: 30px;
    background-repeat: no-repeat;
    margin: -21px 8px -9px 0;
    background-position: center 0;
}

.filter li .menu-icon {
    height: 26px;
    width: 36px;
}
.filter li:first-child .menu-icon { width: 41px }
.filter li:nth-child(4) .menu-icon { width: 43px }
.filter li:nth-child(7) .menu-icon { width: 54px }
.filter li:nth-child(9) .menu-icon { width: 75px; height: 18px; background-size: cover; background-position: center 0;
    position: relative; top: -4px; }
.filter li:nth-child(11) .menu-icon { width: 113px; height: 20px; background-size: cover; background-position: center 0;
    position: relative; top: -4px; }

.filter li:hover>a .menu-icon, .filter li:focus>a .menu-icon, .filter li.active>a .menu-icon {
    background-position: center -26px;
}
.filter li:nth-child(9):hover>a .menu-icon, .filter li:nth-child(9):focus>a .menu-icon, .filter li:nth-child(9).active>a .menu-icon {
    background-position: center -18px;
}
.filter li:nth-child(11):hover>a .menu-icon, .filter li:nth-child(11):focus>a .menu-icon, .filter li:nth-child(11).active>a .menu-icon {
    background-position: center -21px;
}

.novinky li .menu-icon {
    height: 26px;
    width: 36px;
}
.novinky li:hover>a .menu-icon, .novinky li:focus>a .menu-icon, .novinky li.active>a .menu-icon {
    background-position: center -26px;
}

    /* footer */

body .shadow>footer {
    width: 100%;
    position: absolute;
    bottom: 0;
    background: rgb(248,248,248); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(248,248,248,1) 0%, rgba(222,222,222,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,248,248,1)), color-stop(100%,rgba(222,222,222,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(222,222,222,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(222,222,222,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(222,222,222,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(248,248,248,1) 0%,rgba(222,222,222,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#dedede',GradientType=0 ); /* IE6-9 */
    color: rgb(117,117,117);

}

.section.footer address, .section.footer span {
    margin-bottom: 0;
    font-size: 12px;
}

.section.footer span {
    display: block;
    line-height: 1.42857143;
}

.section.footer>.container{
    padding: 0 40px;
}
.section.footer>.container>.row{
    width: 100%;
    padding: 30px 5px 30px;
}

.section.footer .footer-bar {
    height: 10px;
    background: rgb(48,48,48);
}

.section.footer img {
    margin-top: 4px;
}

#main .section .container{
    background: #fff;
}

/* homepage */

.home .img-links {
    padding: 18px 12px;
}

.home .img-link {
    padding: 0 3px;
}

.home h2 {
    position: absolute;
    top: 0;
    padding: 0 22px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    height: 84px;
    width: 100%;
    margin: 0;
    line-height: 78px;
}

.ru .home h2{
    font-size: 18px;
}

.home h2 span {
    display: inline-block;
    vertical-align: middle;
    line-height: 30px;
}

.home .slider img {
    position: absolute;
    opacity: 0;
    max-width: 100%;
    -webkit-transition: opacity 1.2s;-moz-transition: opacity 1.2s;-ms-transition: opacity 1.2s;-o-transition: opacity 1.2s;transition: opacity 1.2s;
}

.home .slider img.active {
    opacity: 1;
}

.home .slider {
    width: 100%;
    position: relative;
    padding-bottom: 31.58%;
    -webkit-box-shadow: 1px 1px 5px 0 rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    1px 1px 5px 0 rgba(50, 50, 50, 0.5);
    box-shadow:         1px 1px 5px 0 rgba(50, 50, 50, 0.5);
}

.col-text {
    padding-top: 30px;
}
.col-text.right-gap {
    padding-right: 25px;
}

.col-text h2, .col-text h2 {
    text-transform: uppercase;
}

.col-text h2:first-child, .col-text>h3:first-child, .col-text>.row>h3:first-child {
    margin-top: 0;
}

.col-menu {
    padding-left: 25px;
}

.header3-up {
    position: relative;
    top: -27px;
}

.header3-up h3, .sparkplug .header3-up h3 {
    margin-top: 0;
}

.header3-up .col {
    padding-left: 0;
    margin-bottom: 19px;
}

.header3-up .col:last-child {
    margin-bottom: 0;
}

.col-md-8.snimac {
    width: 60%;
}

.snimac .header3-up {
    padding-right: 25px;
}

.header3-down {
    position: relative;
    top: 30px;
}
.tworows-down {
    position: relative;
    top: 35px;
}

.snimac .main-col {
    padding-right: 30px;
}

.no-top {
    margin-top: 0;
}

.col-picture {
    padding-top: 30px;
    padding-left: 25px;
    padding-right: 25px;
}

.btn.grey {
    background: rgb(239,239,239);
    border-radius: 0;
    font-weight: bold;
    color: #8d8d8d;
    font-family: dince, sans-serif;
}

.btn.grey:hover {
    background: #527ea3;
    color: #fff;
    text-decoration: none;
}
/*
.col-text.test h1,
.col-text.test h2,
.col-text.test h3,
.col-text.test h4
{
    text-transform: uppercase;
    margin-top: 30px;
    margin-bottom: 15px;
}

.col-text.test p {
    margin-bottom: 15px;
}

.col-text.test h1 {
    font-size: 20px;
    font-weight: normal;
}

.col-text.test h2 {
    font-family: dince;
    font-size: 21px;
    font-weight: normal;
}

.col-text.test h3 {
    font-size: 16px;
}

.col-text.test h4 {
    font-family: dince;
    font-size: 17px;
}

.col-text.test h1:first-child,
.col-text.test h2:first-child,
.col-text.test h3:first-child,
.col-text.test h4:first-child
{
    margin-top: 0;
}
*/
/* position */

.position .hbar {
    width: 100%;
    margin-top: 25px;
    height: 2px;
    background-color: rgb(201,201,201);
}

.position h3 {
    margin-top: 30px;
}

.snimace img {
    margin-top: 10px;
    margin-bottom: 20px;
}

.snimac .pohled-holder {
    position: relative;
    padding-bottom: 73.61%;
    border: 2px solid rgb(191,191,191);
    font-size: 0;
}

.snimac .main-img-holder {
    position: relative;
    padding-bottom: 84.53%;
    border: 2px solid rgb(191,191,191);
    font-size: 0;
}

.snimac .pohled-holder .centered-image, .snimac .main-img-holder .centered-image {
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.snimac .white-border {
    position: absolute;
    border: 15px solid #fff;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
}

.video-border {
    border: 2px solid rgb(191,191,191);
    padding: 15px;
}

.sparkplugs  h3 img {
    margin-left: 10px;
    vertical-align: bottom;
    height: 22px;
}
.sparkplugs  h2 img {
    margin-right: 10px;
    vertical-align: bottom;
}
.sparkplugs h2 img.subline {
    margin-left: -10px;
}
.sparkplugs h2 img.subline {
    margin-left: 0;
}
.sparkplugs .sparkplug:first-of-type {
    border-top: 2px solid rgb(191,191,191);
}

.sparkplugs .sparkplug {
    margin-left: 0;
    border-bottom: 2px solid rgb(191,191,191);
    padding-bottom: 0;
}

.zapalovaci-svicky.sparkplugs .sparkplug .col-img img {
    /*width: 80%;
    margin-left: 30px;*/
}

.sparkplugs .sparkplug {
    padding-top: 5px;
    padding-bottom: 30px;
}
.sparkplugs.glow-plugs .sparkplug:nth-child(2) .col-img img,
.sparkplugs.zhavici-svicky .sparkplug:nth-child(2) .col-img img,
.sparkplugs.svechi-nakalivaniya .sparkplug:nth-child(2) .col-img img{
    width: 75%;
}
.sparkplugs.glow-plugs .sparkplug:nth-child(3) .col-img img,
.sparkplugs.glow-plugs .sparkplug:nth-child(4) .col-img img,
.sparkplugs.zhavici-svicky .sparkplug:nth-child(3) .col-img img,
.sparkplugs.zhavici-svicky .sparkplug:nth-child(4) .col-img img,
.sparkplugs.svechi-nakalivaniya .sparkplug:nth-child(3) .col-img img,
.sparkplugs.svechi-nakalivaniya .sparkplug:nth-child(4) .col-img img{
    width: 50%;
}

.sparkplug, .sparkplug:hover {
    text-decoration: none;
}

.sparkplug h3 {
    margin-top: 15px;
}

.sparkplug h3 img {
    position: relative;
    top: -5px;
}

.sparkplug .col-img {
    padding-top: 40px;
}

.sparkplug .row.content {
    margin-top: 60px;
}

.sparkplugs .sparkplug .col-text {
    padding-left: 0;
    padding-right: 0;
}

.sparkplug .pohled-holder {
    position: relative;
    padding-bottom: 82%;
    border: 2px solid rgb(191,191,191);
    font-size: 0;
}

.sparkplug .main-img-holder {
    position: relative;
    padding-bottom: 180%;
    font-size: 0;
    width: calc(100% - 70px);
}


.sparkplug .pohled-holder .centered-image, .sparkplug .main-img-holder .centered-image {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    top: 0;
    left: 0;


}

.sparkplug .white-border {
    position: absolute;
    border: 4px solid #fff;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
}

.sparkplug .main-img-holder .white-border {
    border: none;
}

.sparkplug .header3-up .pohled-holder:first-of-type {
    margin-bottom: 33px;
}
.row.sparkplug {
    display: block;
}
.row.sparkplug .col-* {
    flex: 1;
}

.sparkplug.glow .row {
    margin-bottom: 30px;
}

.col-img img {
    margin-bottom: 2px;
}

.rotate>td {
    /* Something you can count on */
    height: 90px;
    /*white-space: nowrap;*/
}

.rotate>td > div {

    -webkit-transform:
        /* Magic Numbers */
    translate(26px, 31px)
        /* 45 is really 360 - 45 */
    rotate(270deg);
    -moz-transform:
        /* Magic Numbers */
    translate(26px, 31px)
        /* 45 is really 360 - 45 */
    rotate(270deg);
    -o-transform:
        /* Magic Numbers */
    translate(26px, 31px)
        /* 45 is really 360 - 45 */
    rotate(270deg);
    -ms-transform:
        /* Magic Numbers */
    translate(26px, 31px)
        /* 45 is really 360 - 45 */
    rotate(270deg);
    transform:
        /* Magic Numbers */
    translate(26px, 31px)
        /* 45 is really 360 - 45 */
    rotate(270deg);
    width: 30px;
    height: 90px;
}
.rotate>td > div > span {
    display: block;
    width: 90px;
}

.table {
    table-layout: fixed;

}

.table.aline, .table.plugs {
    font-size: 12px;

}

.table col {
    width: 8%;
}

.table thead tr, tr.dark {
    background: #888888;
    color: #fff;
}
tr.medium {
    background: #efefef;
    color: #888888;
}
.table.white-head>thead tr {
    background: #fff;
    color: #888888;
    border-top: 1px solid rgb(208,208,208);
}
.table.white-head>thead i {
    margin-left: 0;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-bottom: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
}

.table-holder .table {
    margin-top: 15px;
}

.table .open-detail {
    cursor: pointer;
    font-size: 20px;
}

.table tr.toggled{
    background: #888888;
    color: #ffffff;
}
.table tr.toggled td.open-detail{
    color: #FFFFFF;
}
.catalog-detail{
    background: #e0e0e0;
}

.table .gallery .square {
    width: 100%;
    max-width: 20px;
    min-height: 20px;
}

.table .image {

    max-width: 100%;
    max-height: 100%;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}

.table td:first-child {
    border-left: 1px solid rgb(208,208,208);
}

.table tr:first-child {
    border-top: 1px solid rgb(208,208,208);
}

.table tr.no-border {
    border-bottom: 1px solid rgb(208,208,208);
    border-top: none;
}
.table tr.no-border:last-child {
    border-bottom: none;
}

.table td.no-border {
    border: none;
}

.table tr.no-top {
    border-top: none;
    border-bottom: 1px solid rgb(208,208,208);
}

.table tr.no-top:last-child {
    border-bottom: none;
}

.table tr.no-bottom {
    border-bottom: none;
}

.table tr.no-sides td {
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-top: none;
}
.table tr.no-bottom.no-top td {
    padding-top: 0;
    padding-bottom: 0;
}

.table .text-red {
    font-weight: 700;
    color: #ec1c24;
}
.table .text-strike {
    text-decoration: line-through;
}
.table .to-cart {
    cursor: pointer;
}

.cart_detail i.fa-plus-circle {
    color: #1cdc24;
}
.cart_detail i.fa-minus-circle {
    color: #ec1c24;
}
.cart_detail h3.total-price-tax-exc{
    margin-top: 0;
    text-transform: none;
}

.row.result {
    padding-top: 20px;
}
.row.result h2 {
    text-transform: none;
    margin-bottom: 0;
}

.row.result table {
    margin-top: 20px;
}

td.torque {
    width: 50px;
}

i.result {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 10px;
    margin-right: 4px;
    background-position: center;
    position: relative;
    bottom: -2px;

}

i.result.power { background-image: url(../images/power.png); }
i.result.year { background-image: url(../images/year.png); }
i.result.engine { background-image: url(../images/engine.png); }
i.result.cylinder { background-image: url(../images/cylinder.png); }
i.result.volume { background-image: url(../images/volume.png); }
i.result.twinspark { background-image: url(../images/twinspark.png);
    height: 20px;
    width: 30px;}

i.result.big {
    width: 197px;
    background-size: contain;
    background-position: left top;
}
i.result.auto { background-image: url(../images/backend/filter-auto-detail.png); }
i.result.moto { background-image: url(../images/backend/filter-moto-detail.png); }
i.result.ships { background-image: url(../images/backend/filter-ship-detail.png); }
i.result.garden { background-image: url(../images/backend/filter-garden-detail.png); }

.bottom-pad {
    padding-bottom: 55px;
}

.col-text .img-holder img {
    margin-bottom: 2px;
}

.col-text .img-holder {
    margin-bottom: 60px;
    margin-top: 20px;
}

.col-text .img-holder.border {
    border: 2px solid rgb(191,191,191);
}

.double-img {
    margin: 10px 0;
}

.double-img .img-holder {
    padding: 2px;
    border: 1px solid rgb(191,191,191);
    display: block;
    float: left;
    position: relative;
    margin: 0;
}
.double-img .img-holder:first-child {
    margin-right: 14px;
}

.row:nth-child(odd)>.double-img .img-holder:first-child {
    width: calc(67.7% - 7px);
    padding-bottom: 32.8%;
}
.row:nth-child(odd)>.double-img .img-holder:nth-child(2) {
    width: calc(32.3% - 7px);
    padding-bottom: 32.8%;
}
.row:nth-child(even)>.double-img .img-holder:first-child {
    width: calc(32.3% - 7px);
    padding-bottom: 32.8%;
}
.row:nth-child(even)>.double-img .img-holder:nth-child(2) {
    width: calc(67.7% - 7px);
    padding-bottom: 32.8%;
}

.double-img img {
    position: absolute;
    top: 2px;
    left: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
}

ul.signs {
    padding-left: 0;
    list-style: none;
}

ul.signs.horizontal li {
    display: inline-block;
}

ul.signs .bg-blue {
    padding: 0 3px;
    margin-right: 5px;
    min-width: 17px;
    height: 1.3em;
    display: inline-block;
    vertical-align: top;
}

.signage .pohled-holder {
    width: 37.5%;
    padding-bottom: 33%;
    border: 1px solid rgb(191,191,191);
    position: relative;
}

.signage .white-border {
    position: absolute;
    padding: 2px;
    width: 100%;
    height: 100%;
}

.signage .white-border img {
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
}

.order-code h2, .order-code h3 {
    margin: 0;
    color: #646464;
    font-weight: bold;
    width: 160px;
    text-align: center;
    font-size: 28px;
}
.order-code h3 {
    font-size: 24px;
}
.order-code .bg-blue {
    display: inline-block;
    width: 160px;
    text-align: center;
    font-size: 20px;
    padding: 4px 0;
    margin-right: 5px;
}

.packaging img {
    border: 2px solid rgb(141,141,141);
    margin-bottom: 30px;
}

.plug-install .pohled-holder {
    width: 100%;
    border: 1px solid rgb(191,191,191);
}

.plug-install .white-border {
    padding: 2px;
}

.plug-install .pohled-holder.double:first-of-type{
    width: 38.5%;
    float: left;
}
.plug-install .pohled-holder.double:nth-of-type(2){
    width: calc(60% - 5px);
    float: right;
}
.plug-install .pohled-holder.twin:first-of-type {
    width: 48%;
    float: left;
}
.plug-install .pohled-holder.twin:nth-of-type(2){
    width: 48%;
    float: right;
}

.plug-install .header3-down {
    top: 5px;
}

.plug-install .header3-double-down {
    top: 40px;
}

.pohled-holder.torque img:first-child {
    width: 30%;
}
.pohled-holder.torque img:nth-child(2) {
    width: 68%;
}

.glow-diagnostics p {
    margin-left: 32px;
}

.glow-signage img {
    margin-top: 30px;
    width: 70%;
}

.about-us .col-picture img.border {
    margin-bottom: 15px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid rgb(141,141,141);
    padding: 2px;
}
.about-us .col-picture img.border:nth-of-type(odd) {
    width: 75%;

}

.history .col-text {
    width: 55%;
    float: left;
    padding-right: 30px;
}
.history .col-picture {
    width: 45%;
    float: left;
    padding-left: 0;
    padding-right: 10px;
}


.contact h2:nth-of-type(2) {
    margin-top: 0;
    margin-bottom: 25px;
}

.contact table {
    margin-top: 20px;
    font-size: inherit;
}
.contact table td {
    padding: 0 15px 0 0;
}

.contact .map-holder {
    margin-top: 30px;
    position: relative;
    padding-bottom: 45%;
}

.map-holder .map-canvas {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.underline .map-holder {
    margin-bottom: 15px;
}

.form-control {
    border-radius: 0;
}

.cart-add, .cart-remove {
    cursor: pointer;
}

#cart-form label:after, form.contact label:after, form.career .form-group>label:after, .required label:after {
    content: '\00a0*';
    color: #ec1c24;
}
.red, .error {
    color: #ec1c24;
}

@media screen and (min-width: 768px) {
    form.career .career-privacy-offset {
        margin-left: 12.5%;
    }
}

#eshop-search {
    position: absolute;
    right: 25px;
    top: 30px;
}
#eshop-search input {
    line-height: 30px;
    padding: 1px 10px;
}
#eshop-search .ui-autocomplete {
    background: rgba(255,255,255,0.8);
}
.eshop ul.delivery-list{
    list-style: none;
    padding: 0;
}

.eshop ul.delivery-list li{
    clear: both;
}

.eshop .delivery-list-right{
    float: right;
    margin-right: 10px;
    width: 95px;
}
.eshop .delivery-list-right.tax-inc{
    margin-right: 0;
}

form .optional label:after {
    display: none;
}

form .btn-brisk {
    float: right;
}
form#cart-checkout-form .form-group .col-sm-8 {
    padding-top: 7px;
}

.btn-brisk {
    color: #777;
    font-family: dince, sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    background: rgb(239,239,239);
    border: none;
    padding: 4px 15px;
    text-decoration: none;
}
.btn-brisk:hover, .btn-brisk:focus, .btn-brisk:disabled {
    background: rgb(141,141,141);
    color: #fff;
    text-decoration: none;
}
.btn {
    margin-bottom: 15px;
    border-radius: 0;
}
a.btn {
    color: inherit;
}

.animated {
    transition: all 0.2s;
}

.plug-cut .col-picture{
    padding-left: 0;

}

.section .filter {
    margin-bottom: 20px;
}

.section .filter label {
    padding-left: 25px;
    position: relative;
}
.section .filter label:before {
    display: block;
    background: url(../images/lupa.png) no-repeat;
    background-size: contain;
    width: 25px;
    height: 20px;
    content: ' ';
    position: absolute;
    left: 0;
    bottom: 0;
}

.gallery .square {
    width: 20%;
    padding-bottom: 20%;
    position: relative;
    float: left;
}
.new .gallery .square {
    width: calc(20% - 5px);
    padding-bottom: calc(20% - 5px);
    margin-right: 5px;
    margin-bottom: 5px;
}
.gallery .square .image {
    position: absolute;
    width: 100%;
    height: 100%;
}

.table .square .image {
    margin-left: -4px;
    margin-right: -5px;
    max-width: 30px;
    width: 20px;
    max-height: 30px;
    height: 20px;
    display: block;
}

.col-news {
    padding: 0 2px;
}
.row-news {
    padding: 15px 40px 0;
}
.news .new {
    position: relative;
}

.news .new .wrapper {
    width: 100%;
    position: relative;
    padding-bottom: 75%;

}
.news .new .wrapper .content {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: absolute;
}
.news .new .wrapper .content .img {
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.news .new .wrapper .content a {
    display: block;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
}
.news .new .wrapper .content.text {
    padding: 0 10px;
}
.news .new a h1, .news .new a:focus h1, .news .new a:active h1, .news .new a:visited h1 {
    color: #8d8d8d;
}
.new .footer i:before {
    content: ' ';
    position: absolute;
    width: 1px;
    height: calc(100% - 16px);
    background-color: rgb(201,201,201);
    left: -1px;
    top: 8px;
}
.new .footer i {
    position: absolute;
    height: 100%;
    right: 0;
    display: block;
    width: 60px;
    top: 0;
    background-repeat: no-repeat;
    background-position: center ;
}
.new .footer i.brisk-novinky {
    background-image: url(../images/globe.png);
}
.new .footer i.napsali-o-nas {
    background-image: url(../images/pencil.png);
}
.new .footer i.video {
    background-image: url(../images/camera.png);
}

.footer h2:first-of-type {
    margin-top: 4px;
    width: calc(100% - 56px);
}
.new .footer h2 {
    font-size: 16px;
    line-height: 18px;
}

.new .footer {
    padding: 5px;
    position: relative;
}

.news .new {
    min-height: 265px;
    padding: 3px;
    border: 1px solid rgb(141,141,141);
    margin-bottom: 4px;
}

.new iframe {
    width: 100%;
}

.new .btn {
    margin-top: 20px;
}

.new h1 {
    margin-top: 30px;
}

.video-holder {
    position: relative;
    padding-bottom: 56%;
}
.video-holder iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
}

.vendors h1:first-of-type {
    margin-top: 0;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.vendor dl {
    margin-bottom: 0;
}

.vendor .social dl {
    margin-top: 15px;
}

.vendor dt {
    font-weight: normal;
    display: inline-block;
    width: 70px;
    float: left;
}
.vendor dd {
    margin-left: 70px;
    display: block;
    float: left;
}
.vendor dd:first-of-type {
    margin-left: 0;
}
.vendor .social dd {
    margin-left: 0;
    display: inline-block;
    float: none;
    line-height: 35px;
    margin-top: -8px;
}

.vendor .social i{
    font-size: 30px;
}

.ui-autocomplete {
    cursor: pointer;
    padding: 0;
    list-style: none;
}

.ui-autocomplete li {
    width: 80%;
    padding-left: 8px;
}

.ui-autocomplete .ui-state-focus {
    background: rgb(201,201,201);
}

.ui-helper-hidden-accessible {
    display: none;
}

.images {
    margin-top: 30px;
    margin-bottom: 30px;
}

.images .white-border {
    padding: 2px;
    border:1px solid black;
}

.images.two .white-border {
    float: left;
}
.images.two .white-border:first-child {
    width: 65%;
}
.images.two .white-border:nth-child(2) {
    width: 34.0%;
    float: right;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 6px;
}

.eshop .detail-image {
    margin-top: 6px;
}

.new .footer a {
    text-decoration: none;
}
.word-wrap {
    word-wrap: break-word;
}

col.l-10 { width: 10px; }
col.l-12 { width: 12px; }
col.l-14 { width: 14px; }
col.l-16 { width: 16px; }
col.l-20 { width: 20px; }
col.l-24 { width: 24px; }
col.l-25 { width: 25px; }
col.l-30 { width: 30px; }
col.l-40 { width: 40px; }
col.l-50 { width: 50px; }
col.l-60 { width: 60px; }
col.l-100 { width: 100px; }
col.l-110 { width: 110px; }
col.l-140 { width: 140px; }

.mfcc_test_label {
    position: fixed;
    font-size: 20px;
    z-index: 2000;
    color: red;
    background: grey;
    padding: 5px 10px;
}

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

    .table-holder, .content-holder {
        overflow-x: auto;
    }

    .table-holder .table, .content-holder .row {
        max-width: none;
        min-width: 749px;
    }

    .snimac .header3-up .col {
        margin-bottom: 11px;
    }

    .sparkplug .header3-up .pohled-holder:first-of-type {
        margin-bottom: 13px;
    }

    .home h2 {
        line-height: 60px;
        font-size: 18px;
        padding: 0 18px;
    }
    .home h2 span {
        line-height: 22px;
    }


    .first-after-menu.row-1 {
        padding-top: 217px;
    }
    .first-after-menu.row-2 {
        padding-top: 262px;
    }
    .first-after-menu.row-3 {
        padding-top: 307px;
    }
}

@media only screen and (max-width : 1200px) and (min-width : 992px) {
    .row.sparkplug {
        margin-right: 15px;
    }
    ul.side-menu, ul.top-menu {
        padding: 10px;
    }
    .top-menu li a, .side-menu li a, .navbar-nav>li>a {
        padding: 6px 10px;
    }

    .navbar-nav li.separator {
        height: 34px;
    }

    .navbar-nav>li>a, .filter li a {
        font-size: 13px;
    }
    
    .filter li .menu-icon {
        height: 20px;
        width: 26px;
        background-size: cover;
        position: relative;
        top: -4px;
    }
    .filter li:first-child .menu-icon { width: 32px }
    .filter li:nth-child(4) .menu-icon { width: 32px }
    .filter li:nth-child(7) .menu-icon { width: 44px }
    .filter li:nth-child(9) .menu-icon { width: 55px; height: 14px; background-size: cover; background-position: center 0;
        position: relative; top: -5px; }
    .filter li:nth-child(11) .menu-icon { width: 83px; height: 16px; background-size: cover; background-position: center 0;
        position: relative; top: -5px; }

    .filter li:hover>a .menu-icon, .filter li:focus>a .menu-icon, .filter li.active>a .menu-icon {
        background-position: center -20px;
    }

    .filter li:nth-child(6):hover>a .menu-icon, .filter li:nth-child(6):focus>a .menu-icon, .filter li:nth-child(6).active>a .menu-icon {
        background-position: center -17px;
    }

    .filter li:nth-child(7):hover>a .menu-icon, .filter li:nth-child(7):focus>a .menu-icon, .filter li:nth-child(7).active>a .menu-icon {
        background-position: center -22px;
    }

    .filter li:nth-child(9):hover>a .menu-icon, .filter li:nth-child(9):focus>a .menu-icon, .filter li:nth-child(9).active>a .menu-icon {
        background-position: center -14px;
    }
    .filter li:nth-child(11):hover>a .menu-icon, .filter li:nth-child(11):focus>a .menu-icon, .filter li:nth-child(11).active>a .menu-icon {
        background-position: center -16px;
    }

    .navbar-collapse .gradient {
        padding: 0 0px;
    }

    .first-after-menu.row-1 {
        padding-top: 162px;
    }
    .first-after-menu.row-2 {
        padding-top: 192px;
    }
    .first-after-menu.row-3 {
        padding-top: 227px;
    }

    .navbar-right {
        margin-right: 0;
    }

    .navbar .logo-bar {
        height: 98px;
        padding: 0;
    }
    .navbar .logo-bar h1 {
        height: 98px;
    }
    .navbar .logo-bar h1 a, .navbar .logo-bar h1 span {
        margin-top: 27px;
    }
}

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

    .row.sparkplug {
        margin-right: 0px;
    }
    .filter li.separator {
        height: 36px;
    }

    .nav.filter>li>a {
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .filter li a>span {
        display: none;
    }
    .filter li a>.menu-icon {
        margin-left: 8px;
    }

    .col-menu {
        opacity: 0;
    }
    .col-menu.in {
        opacity: 1;
    }

    .col-text {
        padding-top: 15px;
    }
}

@media only screen and (max-width : 991px) {

    .uvod .first-after-menu {
        padding-bottom: 20px;
    }
    .first-after-menu {
        padding-bottom: 0;
    }
    .first-after-menu.row-1, .shrink.first-after-menu.row-1,
    .first-after-menu.row-2, .shrink.first-after-menu.row-2,
    .first-after-menu.row-3, .shrink.first-after-menu.row-3 {
        padding-top: 120px;
    }

    .navbar-collapse .gradient {
        padding: 0 15px;
    }

    .nav>li>a {
        padding: 3px 6px;
        font-size: 11px;
    }

    .navbar .logo-bar,
    .shrink .navbar .logo-bar {
        height: 64px;
        position: relative;
    }

    .navbar .logo-bar h1,
    .shrink .navbar .logo-bar h1 {
        font-size: 24px;
        height: 64px;
    }

    .navbar .logo-bar h1 a,
    .navbar .logo-bar h1 span,
    .shrink .navbar .logo-bar h1 a,
    .shrink .navbar .logo-bar h1 span {
        display: inline-block;
        height: 24px;
        line-height: 24px;
        margin-top: 20px;
        font-size: 18px;
    }

    .navbar .logo-bar h1 a img,
    .shrink .navbar .logo-bar h1 a img {
        margin-left: 0;
        height: 24px;
    }

    .navbar .logo-bar button {
        position: relative;
        left: 0;
    }

    .navbar .logo-bar button.visible-sm.visible-xs {
        display: inline-block !important;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
        margin-right: 8px;
    }

    .navbar .logo-bar button.hidden-sm.hidden-xs {
        display: none !important;
    }

    .navbar .logo-bar span,
    .navbar .logo-bar a {
        display: inline-block;
        vertical-align: middle;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .navbar .logo-bar .height-holder {
        height: 100%;
        width: 1px;
    }

    .navbar .logo-bar .poznamka {
       display: inline-block;
    }

    .navbar .logo-bar .languages,
    .navbar .logo-bar .search,
    .shrink .navbar .logo-bar .languages,
    .shrink .navbar .logo-bar .search {
        float: right;
        margin-left: 5px;
        margin-bottom: 0;
    }

    .sidebar-toggle {
        background: #fff;
        margin: 15px 0 2px 0;
        border-radius: 4px;
        border: 1px solid #ddd;
        width: 44px;
        height: 34px;
        position: absolute;
        left: 15px;
    }
    .sidebar-toggle:focus, .sidebar-toggle:hover {
        background: #ddd;
    }
    .sidebar-toggle .fa {
        line-height: 20px;
    }
    .sidebar-toggle .fa-caret-left {
        display: none;
        margin-left: -2px;
    }
    .sidebar-toggle .fa-caret-right {
        margin-left: 2px;
    }
    .sidebar-toggle.on .fa-caret-left {
        display: inline;
    }
    .sidebar-toggle.on .fa-caret-right {
        display: none;
    }

    .snimac .header3-up .col {
        margin-bottom: 9px;
    }

    .sparkplug .header3-up .pohled-holder:first-of-type {
        margin-bottom: 30px;
    }

    .col-md-8.snimac {
        width: 75%;
    }

    .home .img-link img {
        width: 100%;
    }

    .home .img-link:nth-child(odd) {
        padding: 0 7px 50% 3px;
    }

    .home .img-link:nth-child(even) {
        padding: 0 3px 50% 7px;
    }

    .home .img-link a {
        display: block;
        position: absolute;
        top: 0;
        width: calc(100% - 10px);
    }

    .home h2 {
        line-height: 96px;
    }

    .col-menu {
        transition: left 0.35s, opacity 0.35s;
        position: fixed;
        overflow-x: visible;
        -webkit-overflow-scrolling: touch;
        width: 80%;
        z-index: 1000;
        padding: 0;
        left: -80%;
        max-height: 80%;
        background: rgb(248,248,248); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(248,248,248,1) 0%, rgba(233,233,233,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,248,248,1)), color-stop(100%,rgba(233,233,233,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(233,233,233,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(233,233,233,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(233,233,233,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(248,248,248,1) 0%,rgba(233,233,233,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */
    }
    .filter-holder {
        padding: 15px;
    }
    .filter-holder select.brisk, .filter-holder input.brisk {
        width: 100%;
        background: #fff;
        border-bottom: 1px solid rgb(241,241,241);
    }
    .col-menu.in {
        left: 0;
        overflow-y: auto;
    }
    .menu-icon {
        display: inline-block;
        width: 52px;
        height: 28px;
    }
    li:hover>a .menu-icon, li:focus>a .menu-icon, li.active>a .menu-icon {
        background-position: center -30px;
    }
    .zapalovaci-svicky li:hover>a .menu-icon, .zapalovaci-svicky li:focus>a .menu-icon, .zapalovaci-svicky li.active>a .menu-icon {
        background-position: center -26px;
    }
    .snimace .menu-icon {
        background-position: center -2px;
    }
    .snimace li:hover>a .menu-icon, .snimace li:focus>a .menu-icon, .snimace li.active>a .menu-icon {
        background-position: center -32px;
    }
    .side-menu li:nth-child(7) .menu-icon {
        width: 108px;
    }
    .side-menu li:nth-child(8) .menu-icon {
        width: 146px;
    }

    .news .row-news {
        padding-top: 40px;
    }

    .vendors h1:first-of-type {
        margin-top: 30px;
    }

}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
    .shadow {
        width: 100%;
    }

    .col-md-8.snimac {
        width: 100%;
    }

    .snimac .header3-up {
        position: relative;
        padding-right: 15px;
        top: 0;
        margin-top: 20px;
    }

    .header3-up .col {
        padding-left: 15px;
        margin-bottom: 31px;
    }

    .snimac .main-col {
        padding-right: 15px;
    }

    .navbar-nav li:after {
        display: none;
    }

    .navbar-default .navbar-toggle {
        float: right;
        margin-top: 15px;
        margin-bottom: 2px;
        margin-right: 0;
    }
    .sparkplugs .sparkplug {
        width: 100%;
    }
    .zapalovaci-svicky.sparkplugs .sparkplug .col-text img {

        height: 15px;
    }

    .navbar .logo-bar {
        width: 65%;
        float: left;
        height: 64px;
    }
    .navbar .menu-collapse .social{
        display: block;
        width: 100%;
        text-align: center;
        padding-bottom: 10px;
    }

    .navbar .menu-collapse .social .social-icon{
        margin-right: 7px;
    }

    .container>.navbar-header {
        margin: 0 15px;
    }

    .shaded-bg {
        background: #fff;
    }
    .navbar-nav>li>a {
        padding: 3px 15px;
        display: block;
    }
    .uvod .first-after-menu {
        padding-bottom: 20px;
    }
    .first-after-menu {
        padding-bottom: 0;
    }
    .first-after-menu.row-1, .shrink.first-after-menu.row-1,
    .first-after-menu.row-2, .shrink.first-after-menu.row-2,
    .first-after-menu.row-3, .shrink.first-after-menu.row-3 {
        padding-top: 64px;
    }

    .section.footer>.container {
        padding: 0;
    }
    .section.footer>.container .col-xs-4 {
        padding: 0 0 0 15px;
    }
    .section.footer address {
        font-size: 10px;
    }

    .navbar-default .shaded-bg {
        width: 100%;
    }

    .col-text {
        padding-top: 25px;
    }

    .sparkplug .main-img-holder {
        position: relative;
        padding-bottom: 340%;
        font-size: 0;
        width: 100%;
    }

    .sparkplug .main-img-holder img {
        display: inline-block;
        min-width: unset;
        max-height: 100%;
        max-width: 100%;
        vertical-align: middle;
        margin: 0 auto;
    }

    .header3-up {
        top: -42px;
    }

    .header3-up.second {
        top: 0;
    }

    .new .footer i {
        width: 40px;
    }

    .qr-evo img.right-cut {
        top: 25%;
    }
    .qr-evo .holder>.row, .mt {
        margin-top: 20px;
    }
    .qr-evo .holder>.row:last-child {
        margin-bottom: 40px;
    }
    .qr-evo h2:first-child {
        margin-top: 0;
    }

    .qr-evo .graph img {
        margin-top: 10px;
        margin-bottom: 6px;
    }

    .qr-evo .left-label {
        line-height: 14px;
    }

    .qr-evo .left-label.w30 {
        width: 45%;
    }

    .qr-evo h1:first-child { margin-top: 30px;
        font-size: 24px;
    }

    .qr-evo .navbar .logo-bar {
        width: 80%;
    }
    .qr-evo ul.mt {
        margin-right: -50px;
    }

    .first-after-menu.row-qr-evo {
        padding-top: 64px;
    }
    .qr-evo .navbar .row.full-height:after {
        display: none;
    }
    .qr-evo .navbar:after, .navbar:after {
        position: absolute;
        content: ' ';
        width: 100%;
        height: 15px;
        bottom: -15px;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
        background: transparent;
        background: -moz-linear-gradient(top,  rgba(164,164,164,0.45) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(164,164,164,0.45)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(164,164,164,0.45) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(164,164,164,0.45) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(164,164,164,0.45) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(164,164,164,0.45) 0%,rgba(255,255,255,0) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */
    }

    .qr-evo .navbar .logo-bar img {
        margin-top: 11px;
        max-height: 42px;
    }

    .home h2 span {
        line-height: 3.25vw;
    }

    .home h2 {
        font-size: 3vw;
        padding: 0 3vw;
        line-height: 14vw;
    }


    ul.side-menu, ul.top-menu {
        padding: 10px;
    }
    .top-menu li a, .side-menu li a, .navbar-nav>li>a {
        padding: 6px 10px;
    }

    .navbar-nav li.separator {
        height: 34px;
    }

    .navbar-nav>li>a, .filter li a, .dropdown-menu li a, .side-menu li a {
        font-size: 13px;
    }

    .filter li .menu-icon {
        height: 20px;
        width: 26px;
        background-size: cover;
        position: relative;
        top: -4px;
    }
    .filter li:first-child .menu-icon { width: 32px }
    .filter li:nth-child(4) .menu-icon { width: 32px }
    .filter li:nth-child(7) .menu-icon { width: 44px }
    .filter li:nth-child(9) .menu-icon { width: 55px; height: 14px; background-size: cover; background-position: center 0;
        position: relative; top: -5px; }
    .filter li:nth-child(11) .menu-icon { width: 83px; height: 16px; background-size: cover; background-position: center 0;
        position: relative; top: -5px; }

    .filter li:hover>a .menu-icon, .filter li:focus>a .menu-icon, .filter li.active>a .menu-icon {
        background-position: center -20px;
    }

    .filter li:nth-child(6):hover>a .menu-icon, .filter li:nth-child(6):focus>a .menu-icon, .filter li:nth-child(6).active>a .menu-icon {
        background-position: center -17px;
    }

    .filter li:nth-child(7):hover>a .menu-icon, .filter li:nth-child(7):focus>a .menu-icon, .filter li:nth-child(7).active>a .menu-icon {
        background-position: center -22px;
    }

    .filter li:nth-child(9):hover>a .menu-icon, .filter li:nth-child(9):focus>a .menu-icon, .filter li:nth-child(9).active>a .menu-icon {
        background-position: center -14px;
    }
    .filter li:nth-child(11):hover>a .menu-icon, .filter li:nth-child(11):focus>a .menu-icon, .filter li:nth-child(11).active>a .menu-icon {
        background-position: center -16px;
    }

    .news .row-news {
        padding: 20px 15px;
    }

    .new .footer h2 {
        font-size: 16px;

    }
    .new .footer span {
        font-size: 12px;
    }
    #eshop-search {
        position: relative;
        left: 0px;
        top: 10px;
        margin-bottom: 15px;
    }
    #eshop-search button {
        font-size: 16px;
        float: right;
        width: 30%;
    }
    #eshop-search input {
        width: 70%;
        font-size: 14px;
        line-height: 24px;
    }
    .table thead {
        font-size: 11px;
    }
    .table {
        font-size: 11px;

    }
    .table td {
        padding: 4px;
    }
    .eshop .col-menu {
        width: 100%;
        left: -100%;
    }
    .eshop .col-menu.in {
        left: 0;
    }
    .eshop .col-menu .btn-brisk {
        background: #fff;
    }

    .cart_detail {
        padding: 10px;
    }
    .vendor .social {
        margin-top: 15px;
    }
    .vendor .social dd {
        line-height: 50px;
        margin-top: -12px;
    }
    .vendor .social i {
        font-size: 44px;
    }

    i.result {
        max-width: 100%;
    }

    col.s-5 { width: 5px; }
    col.s-10 { width: 10px; }
    col.s-16 { width: 16px; }
    col.s-20 { width: 20px; }
    col.s-22 { width: 22px; }
    col.s-24 { width: 24px; }
    col.s-30 { width: 30px; }
    col.s-40 { width: 40px; }
    col.s-50 { width: 50px; }

    .plug-install .col-text h3 {
        margin-top: 25px;
    }

    .plug-install .header3-double-down {
        top: 0;
    }

    .plug-install .pohled-holder {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .plug-install .tworows-down {
        top: 0;
    }

    .snimac h3:first-child {
        margin-top: 30px;
    }
}

@media screen and (min-width: 768px){
    .navbar-collapse.collapse.lang-collapse#langnav{
        display: none!important;
    }
}

@media screen and (max-width: 639px){
    .home .img-link a {
        position: relative;
    }

    .home h2 {
        font-size: 22px;
        line-height: 22vw;
    }

    .home h2 span {
        line-height: 9.25vw;
    }

    .home .img-link:nth-child(odd) {
        padding: 0 7px 0 3px;
    }

    .home .img-link:nth-child(even) {
        padding: 0 3px 0 7px;
    }
}

.ru h2, .ru h3, .ru .navbar, .ru ul.side-menu, .ru ul.top-menu, .ru .btn.grey,
.ru .btn-brisk{
    font-family: "Open Sans", sans-serif;
}

.lang-btn{
    padding: 6px 10px;
    margin-left: 3px;
}


.qr .col-md-4{
    margin-bottom: 15px;
}

.qr-border{
    border: 1px solid #e0e0e0;
    padding: 20px 15px;
}

.qr-border h2{
    font-size: 20px;
    font-weight: 600;
    height: 60px;
    margin: 0 auto;
    margin-bottom: 15px;
}

.qr-ru h2{
    font-family: "Open Sans", sans-serif;
}

.qr-content{
    margin-bottom: 30px;
}

.qr .btn-brisk{
    padding: 6px;
    width: 70%;
    display: inline-block;
}

.brisk-red{
    display: block;
    margin-bottom: 15px;
    color: #ec1c24;
    font-weight: bold;
}

.red-border {
    margin-top: 15px;
    border: 2px solid #ec1c24;
    padding: 10px;
}