.tm-header-container {
    background: #F7F7F7;
    color: #222;
}

.tm-headerbar {
    margin-top: 15px;
    margin-bottom: 15px;
}

.tm-headerbar .uk-panel {
    max-width: 350px;
}

.tm-block > .uk-container > section {
    padding-top: 35px;
    padding-bottom: 35px;
}

.tm-block-muted {
    background: #F7F7F7;
}

.tm-block-fullwidth > .uk-container {
    padding: 0px;
}

.tm-block-fullwidth > .uk-container > section {
    padding-top: 0px;
    padding-bottom: 0px;
}

/*.tm-navbar {
    margin-top: -23px;
}

.left-navbar-corner {
    width: 0px;
    height: 0px;
    border-bottom: 45px solid #20a741;
    border-left: 19px solid transparent;
    float: left;
    position: relative;
    left: -19px;
}

.right-navbar-corner {
    width: 0px;
    height: 0px;
    border-top: 45px solid #20a741;
    border-right: 19px solid transparent;
    float: right;
    position: relative;
    right: -19px;
}*/

.tm-navbar-container {
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.uk-navbar {
    background: #FFF;
}

.tm-navbar {
    margin: 0;
}

.uk-navbar-content,
.uk-navbar-brand,
.uk-navbar-toggle {
    height: 60px;
}

.uk-navbar-nav > li > a {
    font-size: 17px;
    color: #222222;
    height: 60px;
    line-height: 60px;
}

.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li.uk-open > a {
    background-color: transparent;
    color: #1d963a;
}

.uk-navbar-nav > li.uk-active > a {
    background-color: transparent;
    color: #222222;
    font-weight: 700;
}

.uk-dropdown, .uk-dropdown-blank {
    width: 350px;
}

.uk-dropdown-navbar {
    background: #FFF;
    border-left: 1px solid rgba(0, 0, 0, 0.08);
    border-right: 1px solid rgba(0, 0, 0, 0.08);
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.uk-nav-navbar > li > a {
    color: #222222;
}

.uk-nav-navbar > li > a:hover,
.uk-nav-navbar > li > a:focus {
    background: #FFF;
    color: #1d963a;
}

.tm-footer-container {
    background: #222222;
    color: #FFF;
}

.tm-footer .uk-subnav > * > * {
    color: #FFF;
}

.tm-footer .uk-subnav > .uk-active > *,
.uk-subnav > * > :hover, .uk-subnav > * > :focus {
    color: #20a741;
}

.tm-footer .uk-panel + .uk-panel {
    margin-top: 0px;
}

.tm-footer h3 {
    color: #FFF;
}

.frontpage-slideshow .uk-overlay-panel {
    color: #222222;
}

.frontpage-slideshow .uk-overlay-panel.uk-flex {
    padding-left: 85px;
    width: 40%;
}

.fullwidth-banner .uk-overlay-panel > div {
    background: rgba(0, 0, 0, 0.5);
    color: #FFF !important;
    padding: 20px;
}

.uk-panel-box {
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.uk-panel-box-primary {
    border: none;
}

.uk-panel-box-primary,
.uk-panel-box-primary h4,
.uk-panel-box-primary h5,
.uk-panel-box-primary h6 {
    color: #FFF;
}

.uk-panel-box-primary h3.uk-panel-title {
    background: #FFF;
    margin-right: -20px;
    padding-left: 10px;
    margin-left: 20px;
}

.uk-panel-box-primary:before {
    width: 0px;
    height: 0px;
    border-top: 36px solid #FFF;
    border-left: 20px solid transparent;
    float: left;
    position: relative;
}

.uk-panel-box-primary .uk-button-primary {
    background-color: #222;
}

.uk-panel-box-primary .uk-button-primary:hover,
.uk-panel-box-primary .uk-button-primary:focus {
    background-color: #444;
}

.uk-panel-title {
    font-size: 28px;
    line-height: 36px;
}

.tm-content {
    padding: 35px;
    background: #FFF;
}

.frontpage-brands {
    background: #FFF;
    padding: 35px;
}

.frontpage-brands:before {
    width: 0px;
    height: 0px;
    border-bottom: 100px solid #FFF;
    border-left: 30px solid transparent;
    float: left;
    position: relative;
    left: -65px;
    top: -35px;
}

.frontpage-brands:after {
    width: 0px;
    height: 0px;
    border-top: 100px solid #FFF;
    border-right: 30px solid transparent;
    float: right;
    position: relative;
    right: -65px;
    top: -135px;
    margin-bottom: -100px;
}

.frontpage-brands .uk-slidenav-position .uk-slidenav-previous {
    left: -15px;
}

.frontpage-brands .uk-slidenav-position .uk-slidenav-next {
    right: -15px;
}

.frontpage-brands .uk-margin {
    margin-bottom: 0px;
}

.uk-form select, .uk-form textarea, .uk-form input:not([type]), .uk-form input[type="text"], .uk-form input[type="password"], .uk-form input[type="datetime"], .uk-form input[type="datetime-local"], .uk-form input[type="date"], .uk-form input[type="month"], .uk-form input[type="time"], .uk-form input[type="week"], .uk-form input[type="number"], .uk-form input[type="email"], .uk-form input[type="url"], .uk-form input[type="search"], .uk-form input[type="tel"], .uk-form input[type="color"] {
    background: #FFF;
}

.contacts-map {
    color: #222222;
}

.descriptor {
    float: left !important;
    margin-left: 35px !important;
    max-width: 500px !important;
}

.frontpage .tm-content {
    padding-top: 0px;
}

.connection-price .prices {
    position: absolute;
    bottom: 20px;
    width: calc(100% - 40px);
}

.connection-price .uk-margin {
    margin-bottom: 70px !important;
}

.uk-list.uk-h3 li {
    line-height: 30px;
}

.productfull > .uk-form > .uk-grid + .nvg_clear {
    margin: -50px 0px;
}

.uk-panel-box > .uk-panel-teaser {
    margin-top: -19px;
    margin-left: -19px;
    margin-right: -19px;
}

@media (min-width: 1280px) {
    .uk-container {
        max-width: 100%;
        padding: 0 35px;
    }
}

@media (min-width: 1366px) {
    .uk-container {
        max-width: 100%;
        padding: 0 35px;
    }

    .category-description img {
        height: 330px;
        float: right;
    }
}

@media (min-width: 1440px) {
    .uk-container {
        max-width: 100%;
        padding: 0 35px;
    }

    .category-description img {
        height: 300px;
        float: right;
    }

    .category-description .uk-list li {
        line-height: 40px;
    }
}

@media (min-width: 1600px) {
    .uk-container {
        max-width: 100%;
        padding: 0 35px;
    }
}

@media (min-width: 1680px) {
    .uk-container {
        max-width: 100%;
        padding: 0 35px;
    }
}

@media (min-width: 1920px) {
    .uk-container {
        max-width: 100%;
        padding: 0 35px;
    }
    .descriptor {
        margin-left: 75px !important;
    }
    .uk-list.uk-h3 li {
        line-height: 42px;
    }
}

@media (max-width: 1280px) {
    .descriptor {
        font-size: 13px;
        max-width: 400px !important;
    }
}

@media (max-width: 1024px) {
    .uk-container {
        max-width: 1024px;
        padding: 0px;
    }
    .descriptor {
        font-size: 11px;
        max-width: 350px !important;
    }
    .frontpage-slideshow .uk-slideshow > li {
        min-height: 350px !important;
        height: 350px !important;
    }
    .tm-logo > img {
        width: 300px;
        margin-top: 4px;
    }

    .uk-container {
        padding: 0px 10px;
    }

    .tm-headerbar {
        font-size: 12px;
    }

    .tm-footer li.uk-h3 {
        font-size: 20px;
    }

    .tm-footer h3.uk-h4 {
        font-size: 15px;
    }
    h1, .uk-h1 {
        font-size: 32px;
        line-height: 40px;
    }
}

@media (max-width: 980px) {
    .descriptor {
        font-size: 12px;
        max-width: 250px !important;
    }
    .descriptor > p.uk-margin-small-top.uk-text-large {
        display: none;
    }
    .frontpage-brands {
        background: #FFF;
        padding: 35px 0px;
        margin: 0px 35px;
    }
    .frontpage-brands:before {
        left: -30px;
    }

    .frontpage-brands:after {
        right: -30px;
    }
}

@media (max-width: 800px) {
    .tm-logo > img {
        width: 200px;
    }

    .tm-headerbar {
        font-size: 11px;
    }

    .tm-headerbar .uk-panel {
        max-width: 300px;
    }

    .descriptor {
        font-size: 9px;
        max-width: 290px !important;
    }

    .descriptor .uk-text-large {
        font-size: 16px;
        line-height: 24px;
        margin-top: 0px !important;
    }

    .tm-headerbar .uk-panel .uk-h3 {
        font-size: 16px;
        line-height: 24px;
    }

    .uk-navbar-nav > li > a {
        font-size: 15px;
        padding: 0px 10px;
    }

    h1, .uk-h1 {
        font-size: 22px;
        line-height: 28px;
    }

    .frontpage-slideshow .uk-cover-background {
        background-position: 100% 0%;
    }

    .frontpage-slideshow .uk-overlay-panel.uk-flex {
        width: 35%;
    }

    .frontpage-slideshow .uk-slideshow > li {
        min-height: 300px !important;
        height: 300px !important;
    }

    .frontpage-slideshow .uk-slideshow .uk-h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .frontpage-slideshow .uk-slideshow h3,
    .frontpage-slideshow .uk-slideshow .uk-margin,
    .frontpage-slideshow .uk-slideshow .uk-margin p {
        margin: 5px 0px;
    }

    .tm-footer li.uk-h3 {
        font-size: 18px;
    }
}

@media (max-width: 768px) {

    .tm-header-container > .uk-container {
        padding: 2px;
    }
    .uk-navbar-nav > li > a {
        font-size: 14px;
    }
    .tm-footer li.uk-h3 {
        font-size: 18px;
    }
    .tm-headerbar .uk-panel {
        max-width: 246px;
    }
    .descriptor {
        max-width: 280px !important;
    }
}

@media (max-width: 414px) {

    .left-navbar-corner,
    .right-navbar-corner {
        display: none;
    }

    .uk-navbar-toggle {
        color: #20a741;
    }
    .uk-navbar-toggle:hover,
    .uk-navbar-toggle:focus {
        color: #FFF;
    }

    .frontpage-slideshow .uk-slideshow > li {
        min-height: 450px !important;
        height: 450px !important;
    }

    .frontpage-slideshow .uk-slideshow .uk-cover-background {
        background-position: 100% 0%;
        background-size: cover;
    }

    .frontpage-slideshow .uk-slideshow .uk-overlay-panel.uk-flex {
        text-align: center;
        padding: 0px;
        width: 100%;
        background: rgba(255, 255, 255, 0.5);
        margin: auto;
    }

    .fullwidth-banner .uk-overlay-panel.uk-flex,
    .fullwidth-banner .uk-overlay-panel.uk-flex > div {
        background: rgba(0, 0, 0, 0.5) !important;
    }

    .frontpage-slideshow .uk-slideshow .uk-overlay-panel.uk-flex > div {
        width: 75%;
        margin: auto;
        padding: 30px 20px;
        background: rgba(255, 255, 255, 0.5);
    }

    .frontpage-slideshow .uk-slideshow > li {
        min-height: 450px !important;
        height: 450px !important;
    }

    .frontpage-brands .uk-slidenav-position .uk-slidenav {
        display: block !important;
    }
}

@media (max-width: 360px) {

    h2, .uk-h2 {
        font-size: 20px;
        line-height: 30px;
    }

    h4, .uk-h4 {
        font-size: 14px;
        line-height: 20px;
    }

    .uk-panel-title {
        font-size: 18px;
        line-height: 26px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    h1, .uk-h1, .uk-article-title {
        font-size: 22px;
        line-height: 28px;
    }

    .frontpage-slideshow .uk-cover-background {
        background: #FFF;
    }

    .frontpage-slideshow .uk-overlay-panel {
        padding: 0px 35px;
        width: auto;
        text-align: center;
    }

    .uk-heading-large {
        font-size: 30px;
        line-height: 38px;
    }

    .frontpage-slideshow .uk-dotnav {
        justify-content: center;
        margin-top: -55px;
    }
}

@media (max-width: 320px) {
    .connection-price .prices .uk-h3 {
        font-size: 18px;
        line-height: 24px;
    }
}

@media (max-width: 240px) {
    .frontpage-slideshow .uk-slideshow .uk-overlay-panel.uk-flex > div {
        padding: 0px 20px;
    }
}

/* Popover */

.product-popover .wk-popover-toggle {
    display: none;
}

.product-popover .uk-dropdown-blank {
    display: block !important;
}

.product-popover .uk-panel-box {
    border: none;
    padding: 0px;
    background: transparent;
}

.product-popover h3 {
    margin-bottom: 0px;
}

.product-popover .uk-margin {
    margin-top: 5px;
}

/* Dropdown Menu */

.uk-nav-navbar > .uk-parent > .uk-nav-sub { display: none; }

.uk-nav-navbar > .uk-parent > a:after {
    content: "\f105";
    font-family: "FontAwesome";
    display: block;
    float: right;
}

.uk-nav-navbar > .uk-parent:hover > .uk-nav-sub {
    display: block;
    background: #FFF;
    border-left: 1px solid #FFF;
    border-right: 1px solid rgba(0, 0, 0, 0.08);
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    min-width: 150px;
    margin-left: -2px;
    padding: 15px;
    position: absolute;
    left: 350px;
    top: 0;
    right: 0;
}