/* reset */


@font-face {
    font-family: 'dollie';
    src: url('fonts/DollieScriptPersonalUse.eot');
    src: url('fonts/DollieScriptPersonalUse.eot?#iefix') format('embedded-opentype'),
    url('fonts/DollieScriptPersonalUse.woff') format('woff'),
    url('fonts/DollieScriptPersonalUse.ttf') format('truetype'),
    url('fonts/DollieScriptPersonalUse.svg') format('svg');

}

@font-face {
    font-family: 'VirginiaSky';
    src: url('fonts/VirginiaSky.eot');
    src: url('fonts/VirginiaSky.eot?#iefix') format('embedded-opentype'),
    url('fonts/VirginiaSky.woff') format('woff'),
    url('fonts/VirginiaSky.ttf') format('truetype'),
    url('fonts/VirginiaSky.svg') format('svg');

}

@font-face {
    font-family: 'Ghotic';
    src: url('fonts/gothic.eot');
    src: url('fonts/gothic.eot?#iefix') format('embedded-opentype'),
    url('fonts/gothic.woff') format('woff'),
    url('fonts/gothic.ttf') format('truetype');

}

.novinky-nadpis {
    text-align: center;
    color: #000;
    font-weight: 200;
    font-size: 23px;
    margin-top: 8px;
    margin-bottom: 8px;
    letter-spacing: 3px;
    text-transform:lowercase;
}

.novinky-doporucujeme {
    font-weight: 200;
    margin-top: 9px;
    font-size: 23px;
    letter-spacing: 1px;
    margin-bottom: 28px;
}

.produkty_uvodka.hlavna {
    width: 20.9%;
}

.produkty_uvodka.hlavna {
    background: #fff;
    box-shadow: 10px 10px 5px #888888;
}

.novinka-image {
    text-align: center;
    height: 188px;
    width: 267px;
}

.novinka-image img {
    width: 100%;
}

.produkty_uvodka.hlavna .novinka-image img{
    width:230px;
    height:160px;
}

.novinka_title {
    text-align: center;
    margin-top: 20px;
    min-height: 50px;
}

#novinky_modern {
    display:none;
}
/* Galanta - end */

.filter_vypis {
    float: left;
    margin-top: 15px;
    margin-left: 40px;
}

#aktivni_filtry {
    padding-top: 8px;
    width: 300px;
}

.aktivni_filtr_prvek img {
    margin-left: 8px;
    cursor:pointer;
}

.aktivni_filtr_prvek {
    float: left;
    border: 1px solid #292560;
    padding: 2px 5px;
    padding-right: 6px;
    color: #1889E0;
    border-radius: 5px;
    text-transform: uppercase;
    margin-left: 5px;
    margin-bottom: 5px;
}

.do-kosika-neregistrovany {

    background: white;
    margin-left: -10px;
    padding: 18px;
    margin-right: -10px;

}



.slider_home {
    height: 463px;
    background:#ffffff;
}

.prihlaseni_user {
    float: right;
    margin-right: 14px;
    margin-top: 60px;
    color: #292560;
    font-size: 17px;
}

.user_popup {
    position: absolute;
    top: 33px;
    margin-left: -132px;
    z-index: 10000;
    background: #292560;
    padding-top: 10px;
    padding-bottom: 10px;
    display: none;
}

.user_popup a {
    color: #fff;
    text-transform: capitalize;
    white-space: nowrap;
    padding: 7px 22px;
    display: block;
}

.user_popup a:hover {
    color: #0e96ff;
}

.detail_produktu_hover {
   width:100%;
    height:100%;
}

.produkt_image_pop {
    display: none;
    position: absolute;
    top: 0;
    width: 100%;
    height: 192px;
    background: rgba(0, 0, 0, 0.6) url('../img/detail_hover.png') no-repeat;
    background-position: 50% 47%;

}

.main-wrapper3 h2 {
    color: #292560!important;
    font-size: 30px!important;
    margin-left: 16px;
    text-transform: uppercase;
    text-align: center;
}

.main-wrapper3 p {
    color: #0164a2;
}

.novinky_nadpis {
    color: #292560!important;
    font-size: 50px!important;
    text-transform: uppercase;
    padding-left: 13px;
    padding-bottom: 27px;
}

.jcarousel {
    position: relative;
    overflow: hidden;

}

/*
This is the container of the carousel items.
You must ensure that the position is relative or absolute and
that the width is big enough to contain all items.
*/
.jcarousel ul {
    width: 10000%;
    position: relative;

    /* Optional, required in this case since it's a <ul> element */
    list-style: none;
    margin: 0;
    padding: 0;
}

/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
.jcarousel li {
    /* Required only for block elements like <li>'s */
    float: left;
}

.jcarousel-control-next {
    width: 15px;
    height: 100px;
    cursor: pointer;
    position: absolute;
    background: #000;
    right: -15px;
    top: 0;
    line-height: 100px;
    color: #ee2133;
    text-align: center;
    text-decoration: none;
    display: none;
}

.jcarousel-control-prev {
    width: 15px;
    height: 100px;
    cursor: pointer;
    position: absolute;
    background: #000;
    left: -15px;
    top: 0;
    line-height: 100px;
    color: #ee2133;
    text-align: center;
    text-decoration: none;
    display: none;
}
.jcarousel-control-prev:hover,.jcarousel-control-next:hover{
    color: #ffffff;
}
#big-image {
    height: 400px;
}
.jcarouselx{
    text-align: center;
    background: #EFEEEE;
    font-size: 0;
}
.jcarouselx ul{
    /*max-width: 210px;*/
    display: inline-block;
    background: #EFEEEE;
    padding: 23px;
}
.jcarouselx ul li{
    width: 90px;
    height: 90px;
    float: left;
    display: table;
}
.jcarouselx ul li a{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
#mask{
    background: #EFEEEE;
}
.detail_produkt .cena_dph,.detail_produkt .cena_bez_dph{

    padding: 5px;
    color: white;
    font-weight: bold;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    border: 1px solid #313131;
}
.detail_produkt .cena_bez_dph{
    background: #595A5A;
    border-top: 0;
}
.detail_produkt .cena_dph{
    background: #EE2133;
}
.podkategorie a {
    text-transform: capitalize;
    font-size: 15px;
    color: black;
}

.podkategorie a:hover {
    color: #1889e0;
}

.menu-active a {
    color: #8C786B;
}

.dostupnosti-filter {
    position: relative;
    float: left;
}

.filter-parameter-hodnota .neaktiv {
    height: 18px;
    width: 18px;
    border: 1px solid #B28E40;
    position: absolute;
    left: 13px;
    margin-top: 1px;
}

.filter-parameter-hodnota .aktiv {
    background: #B28E40 url('../img/filtr_zaskrtnuto.png') no-repeat;
    background-size: 100%;
    background-position: 0;
    height: 18px;
    width: 18px;
    border: 1px solid #B28E40;
    position: absolute;
    left: 13px;
    margin-top: 1px;
}

.filter-parameter-hodnota.aktiv {
    font-weight: bold;
}

.filter-input-pop {
    position: absolute;
    height: auto;
    left: -1px;
    width: 100%;
    background: white;
    margin-top: 8px;
    border: 1px solid #D2D2D2;
    box-shadow: 0px 1px 10px 0px #D2D2D2;
    z-index: 1000;
    display: none;
    font-size: 15px;
}

.filter-input-pop .filter-parameter-hodnota {
    border-bottom: 1px solid #D2D2D2;
}

.filter-parameter-hodnota {
    padding: 5px;
    padding-left: 16px;
    cursor: pointer;
}

.filter-parameter-hodnota:hover {
  font-weight:500;
}


.filter-input {
    color: black;
    border: 1px solid #7F8080;
    padding: 5px 16px;
    position: relative;
    cursor: pointer;
    margin-bottom: 15px;
    font-size: 17px;

    font-weight: 300;
}

.filter-input-sipka {
    background: url('../img/varianta.png') no-repeat;
    width: 43px;
    height: 36px;
    position: absolute;
    right: -1px;
    margin-top: -6px;
    cursor: pointer;
    background-size: 100% 100%;
}

.filtr-hodnota-foto {
    margin-right: 7px;
    float: left;
    height: 42px;
    border: 2px solid white;
    margin-bottom: 4px;
    cursor: pointer;
}

.filtr-hodnota-foto.aktiv {
    border: 2px solid #8C786B;
}

a.tooltip {
    outline: none;
}

a.tooltip strong {
    line-height: 30px;
}

a.tooltip:hover {
    text-decoration: none;
}

a.tooltip span {
    z-index: 10;
    display: none;
    position: absolute;
    padding: 14px 20px;
    margin-top: -134px;
    margin-left: 135px;
    width: 300px;
    line-height: 16px;
}

a.tooltip:hover span {
    display: inline;
    position: absolute;
    color: #111;
    border: 1px solid #DCA;
    background: #fffAF0;
}

.callout {
    z-index: 20;
    position: absolute;
    top: 30px;
    border: 0;
    left: -12px;
}

/*CSS3 extras*/
a.tooltip span {
    border-radius: 4px;
    box-shadow: 5px 5px 8px #CCC;
}

.filtr-foto {
    width: 38px;
    border: 1px solid #d2d3be;
    padding: 1px;
    cursor: pointer;
}


.clanok-description {
    padding: 0 45px 0 15px;
}


.main .clanok-description h3 {
    color: #EE2133;
    font-size: 18px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 15px;
}
h1{
    padding: 15px 0;
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    color: #ee2133;
    margin: 0;
}
.main .clanok-description ul li {
    margin-top: 15px;
    margin-left: 25px;
    list-style: initial;
}

.clanek_novinky{
    padding: 10px;
    background: rgba(89,90,90,0.4);
    border: 1px solid rgba(89,90,90,0.6);
}
.clanek_novinky:not(:first-child){
    margin-top: 10px;
}
.breadcrumbs-pad{
    display: none;
}
.produkt-images {
    height: 128px;
    display: none;
}

.product-item .produkt-images div {
    width: 31%;
    float: left;
    text-align: center;
    margin-top: 8px;
    height: 120px;
    margin-right: 2%;
}

.product-item .produkt-images div img {
    max-height: 100%;
}

.dotaz_uspech {
    text-align: center;
    font-size: 24px;
    display: none;
}

.vypis_varianta {
    float: left;
    margin-right: 80px;
    margin-bottom: 10px;
    width: 44%;
}

.vypis_varianta:nth-child(odd) {
    margin-right: 0;
}

.vypis_varianta .vypis_varianta_vlastnost:nth-child(odd) {
    width: 111px;
}

.vypis_varianta .vypis_varianta_vlastnost:nth-child(even) {
    width: 58px;
}

.vypis_varianta_vlastnost {
    float: left;
    margin-top: 8px;
}

.vypis_varianta_sklad {
    float: left;
}

.krizik {
    width: 23px;
    height: 23px;
    background: url('../img/krizik.png');
    float: right;
    margin-top: -10px;
    cursor: pointer;
    position: fixed;
    margin-left: 807px;
}

.varianty_popup1 {
    position: fixed;
    display: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(140, 120, 107, 0.6);
    z-index: 1;
}

.varianty_popup2 {
    width: 800px;
    margin: 0 auto;
    background: white;
    left: calc(50% - 400px);
    top: calc(50% - 200px);
    height: 320px;
    padding: 40px;
    position: fixed;
    z-index: 1;
    overflow-y: scroll;
    border: 3px solid white;
}

.dotaz_left {
    float: left;
    width: 80%;
}

.dotaz_right {
    width: 20%;
    float: right;
}

.dotaz_popup1 {
    position: fixed;

    display: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(140, 120, 107, 0.6);
    z-index: 1;
}

.dotaz_popup2 {
    width: 870px;
    margin: 0 auto;
    background: white;
    left: calc(50% - 435px);
    top: calc(50% - 210px);
    height: 420px;
    padding: 20px;
    position: fixed;
}

.dotaz_popup2 img {
    margin: 0 !important;
    border: none !important;
    max-height: 226px;
}

.dotaz_popup1 input {
    border: 1px solid #000000;
    padding: 0 10px;
    width: 200px;
    font-size: 14px;
    height: 39px;
    margin-top: 0;
}

.dotaz_popup1 textarea {
    width: 90%;
    height: 110px;
    border: 1px solid #000000;
    font-size: 14px;
    padding: 10px;
}

.dotaz_popup1 h3 {
    margin-bottom: 27px;
}

.dotaz_popup1 td {
    vertical-align: middle;
    padding-right: 10px;
}

#dodani {
    font-size: 14px;
    margin-top: 13px;
    margin-bottom: 51px;
}

.vsechny_varianty {
    font-size: 14px;
    margin-top: 9px;
    float: left;
    margin-left: 15px;
}

.vsechny_varianty span {
    text-decoration: underline;
    margin-left: 5px;
    cursor: pointer;
}

.skladem {
    color: white;
    background: #0e898d;
    float: left;
    padding: 10px;
    width: 155px;
    text-align: center;
    font-size: 14px;
}

.neskladem {
    color: white;
    background: #BF4C4C;
    float: left;
    padding: 10px;
    width: 155px;
    text-align: center;
    font-size: 14px;
}

.vlastnosti_select {

}

.mnozstvi_produkt {

    text-transform: uppercase;
    color: #8C786B;
    height: 52px;
    padding-right: 10px;

    float: left;
}

.produkt_popis .info-label {
    width: 90px;
    display: block;
    float: left;
}

.top1 {
    margin-top: 12px;

}

.clanky_div {
    width:100%;
}


.novinky_text p {
    font-size: 15px;
}

.novinky_obr {
    float:left;
    width: 39%;
    margin-right:10px;
}

.novinky_odkaz {
    font-size: 14px;
    color: #D3A98C;
    width: 127px;
    border: 1px solid #D3A98C;
    text-align: center;
    padding-top: 7px;
    padding-bottom: 7px;
    text-transform: uppercase;
    margin: 0 auto;
}





.images {
    position: relative;
    width: 100%;
}

.novinky_text_obr a {
    cursor: pointer;
    border: 3px solid white;
}

.novinky_odkaz:hover {
    color: white;
    background: #D3A98C;
}

.zpet_button  {
  border: 1px solid #B28E40;
  box-shadow: 4px 4px 2px #888888;
  width: 157px;
  float: left;
  color: #B28E40;
  margin-right: 25px;
  cursor: pointer;
  padding: 3px;
  font-size: 24px;
  text-align: center;
}

.zpet_button:hover {

}

#osobne-udaje-form{
    margin-bottom: 50px;
}

.firma {
    height: 180px;
    width: 100%;
    float: left;
}

.firma1 {
    background: url('../img/firma1.png') no-repeat;
    width: 149px;

    cursor: pointer;
    height: 64px;
}

.firma1:hover {
    background: url('../img/firma1h.png') no-repeat;
}

/**/

.firma2 {
    background: url('../img/firma2.png') no-repeat;
    width: 97px;

    cursor: pointer;
    height: 78px;
}

.firma2:hover {
    background: url('../img/firma2h.png') no-repeat;
}

.firma3 {
    background: url('../img/firma3.png') no-repeat;
    width: 152px;

    cursor: pointer;
    height: 48px;
}

.firma3:hover {
    background: url('../img/firma3h.png') no-repeat;
}

.firma4 {
    background: url('../img/firma4.png') no-repeat;
    width: 179px;

    cursor: pointer;
    height: 83px;
}

.firma4:hover {
    background: url('../img/firma4h.png') no-repeat;
}

.firma5 {
    background: url('../img/firma5.png') no-repeat;
    width: 149px;

    cursor: pointer;
    height: 94px;
}

.firma5:hover {
    background: url('../img/firma5h.png') no-repeat;
}

.firma6 {
    background: url('../img/firma6.png') no-repeat;
    width: 142px;

    cursor: pointer;
    height: 61px;
}

.firma6:hover {
    background: url('../img/firma6h.png') no-repeat;
}

.firma7 {
    background: url('../img/firma7.png') no-repeat;
    width: 140px;

    cursor: pointer;
    height: 114px;
}

.firma7:hover {
    background: url('../img/firma7h.png') no-repeat;
}

.firmy {
    margin-top: -14px;
    margin-bottom: 55px;
}

.login {
    position: absolute;
    top: 0;
    right: 0;
    background: url('../img/login.png') no-repeat;
    width: 134px;
    height: 238px;
    font-size: 13px;
    display:none;
}

.login p {
    text-align: right;
    padding-right: 12px;
    margin-top: 12px;
}

.login p a {
    color: #D3A98C;
}

.login p a:hover {
    color: #8C786B;
}

.slider_nadpis {
    background: #8C786B;
    position: absolute;
    color: white;
    padding-left: 2.5%;
    padding-right: 2.5%;
    padding-top: 18px;
    padding-bottom: 18px;
    text-transform: uppercase;
    font-size: 28px;
    top: 312px;
}

.slider_text {
    background: rgb(210, 169, 139);
    position: absolute;
    color: rgb(111, 92, 80);
    padding-left: 2.5%;
    padding-right: 2.5%;
    padding-top: 1vw;
    padding-bottom: 1vw;
    text-transform: uppercase;
    font-size: 17px;
    top: 386px;

}
#mask>a{
    height: 400px;
    width: 100%;
    display: table;
}
.produkt-img{
    display: table-cell!important;
    vertical-align: middle;
    text-align: center;
    cursor: zoom-in;
}
.produkt-img img {
    width: auto;
    height: auto;
    max-height: 400px;
    max-width: 100%;
    display: inline-block!important;
}

#vyska, #sirka, #prumer, .inp-riadok {

    border: 2px solid rgb(233, 235, 243);
    border-radius: 3px;
    margin: 0;
    padding: 5px;
    margin-bottom: 7px;

}

#mceu_5-body {
    display: none;

}

.inp-riadok {
    float: none;

}

.razitka-radky {
    margin-left: -97px;
}

.fancybox-inner #data img {
    
}

.filtr-nadpis {
    text-transform: uppercase;
    color: #000;
    margin-top: 16px;
    font-size: 22px;
    margin-bottom: 10px;
}

.filtr-aktiv {
    background: url('../img/filtr_zaskrtnuto.png') no-repeat;
    height: 42px;
    width: 42px;
    position: absolute;
    background-position: 50%;
    margin-top: -48px;
}



.download {
    background: url('../img/download.png');
    width: 30px;
    height: 30px;
    position: absolute;
    display: inline;
    margin-left: 20px;
    background-size: 100%;
    cursor: pointer;
}

#objednavky-table {
    font-size: 15px;
    color: #505050;
    float: left;
    width: 100%;
    border: 1px solid #dadada;
    margin-bottom: 28px;
}

#objednavky-table thead {
    border-bottom: 1px solid #dadada;
    background: #f1f1f1;
    height: 40px;
    line-height: 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#objednavky-table td, th {
    text-align: center;
    padding: 0 10px 0 10px;
}

#objednavky-table .align-left {
    text-align: left;
}

#objednavky-table tbody td.cart-product-price {
    font-weight: bold;
    color: #D92066;
}

#objednavky-table tbody td a.cart-product-remove {
    float: left;
    width: 15px;
    height: 15px;
    text-decoration: none;
    background: url(../img/cart-remove.png);
}

#objednavky-table tbody td a.cart-product-remove:hover {
    background: url(../img/cart-remove-hover.png);
}

#objednavky-table tbody td a.cart-product-image-link {
    position: absolute;
    display: block;
    width: 69px;
    height: 52px;
    margin: 0;
    text-align: center;
    margin-top: -10px;
    border: 1px solid #dadada;
}

#objednavky-table tbody td img.cart-product-image {
    display: block;
    height: 52px;
    margin: 0 auto;
}

#objednavky-table tbody td a.cart-product-link {
    text-decoration: none;
    font-weight: bold;
    color: #2A7AA7;
    margin-left: 80px;
    margin-top: 0px;
    height: 20px;
    line-height: 10px;
    float: left;
}

#objednavky-table tbody td a.cart-product-link:hover {
    color: #373737;
}

#objednavky-table tbody td span.cart-product-size {
    color: #575757;
    position: absolute;
    line-height: 0%;
    margin: 27px 0 0 80px;
    font-size: 15px;
    display: block;
}

#objednavky-table tbody td input.cart-product-qty {
    background: #f8f8f8;
    height: 30px;
    -moz-box-shadow: inset 1px 2px 2px #e5e5e5;
    -webkit-box-shadow: inset 1px 2px 2px #e5e5e5;
    box-shadow: inner 1px 2px 2px #e5e5e5;
    border: 1px solid #dadada;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
}

#objednavky-table tbody tr {
    border-bottom: 1px solid #dadada;
    height: 70px;
    line-height: 70px;
}

.podprodukty_kosik td {
    padding: 3px;
    vertical-align: middle;
}

.podkategorie-col {
    float: left;
    width: 50%;
    text-align: center;
    font-weight: bold;
    line-height: 16px;
    margin-top: 8px;
    color: black;
    min-height: 130px;
}

.podkategorie-col p {
    font-family: 'VirginiaSky', cursive!important;
    color: #4d4d4d;
    font-size: 41px;
    margin-top: 30px;

}

.category-nadpis {
    background: rgb(233, 235, 243);
    border-radius: 4px;
    height: 75px;
}

.category-nadpis p {
    padding-top: 15px;
}

.product-textarea {
    font-size: 14px;
    margin-top: -24px;
    margin-bottom: 15px;
}

.back {
    background: #3F9F00;
    display: inline;
    color: white;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 30px;
    border-radius: 4px;
    cursor: pointer;
}

.back:hover {
    background: #15C04D;
}

#textova-objednavka-udaje .submit {
    height: 46px;
    width: auto;
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 40px;
    cursor: pointer;
    border: none;
    background-image: none;
    padding: 0;
    padding-left: 10px;
    padding-right: 10px;
}

#textova-objednavka-udaje {
    margin-top: 30px;
}

#textova-objednavka-udaje input {
    border: 1px solid rgb(210, 210, 210);
    border-radius: 3px;
    height: 34px;
    float: none;
    width: 60%;
    padding-left: 10px;
}

.content_left p, .content_left label, .content_left th, .content_left td {
    font-size: 14px;
}

#textova-objednavka-table {
    width: 100%;
}

#textova-objednavka-table input {
    width: 45px;
    height: 30px;
    text-align: center;
    border: 1px solid rgb(210, 210, 210);
    border-radius: 3px;
    margin-top: 0;
}

#textova-objednavka-table a.cart-product-remove {
    float: left;
    width: 15px;
    height: 15px;
    text-decoration: none;
    background: url(../../assets/img/cart-remove.png);
}

#textova-objednavka-table a.cart-product-remove:hover {
    background: url(../../assets/img/cart-remove-hover.png);
}

#textova-objednavka-table td {
    vertical-align: middle;
}

#textova-objednavka-table th {
    text-align: left;
    color: #6743EB;
    padding: 0;
    padding-bottom: 10px;
}

#search3 {
    height: 70px;
}

#textova-objednavka-table {
    margin-top: 15px;
}

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
    font-family: 'flexslider-icon';
    src: url('fonts/flexslider-icon.eot');
    src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
    url('fonts/flexslider-icon.woff') format('woff'),
    url('fonts/flexslider-icon.ttf') format('truetype'),
    url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
    margin: 0;
    padding: 0;
}

.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
    overflow: hidden;
    background: #ffffff;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
    display: block;
    height: 463px;
    margin: 0 auto;
    max-width:initial;
}

.flex-pauseplay span {
    text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.flexslider .slides > li {
    height: 463px;
}

html[xmlns] .slides {
    display: block;
}

* html .slides {
    height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
    display: block;
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
    background: #fff;
    position: relative;
    zoom: 1;


}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.loading .flex-viewport {
    max-height: 300px;
}

.flexslider .slides {
    zoom: 1;
}
.flex-active-slide{
    position: relative;
}


.carousel li {
    margin-right: 5px;
}

/* Direction Nav */
.flex-direction-nav a {
    display: block;
    width: 44px;
    height: 44px;
    position: absolute;
    z-index: 100;
    cursor: pointer;
    color: white;
    bottom: 235px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 40px;
}
.flex-direction-nav a:hover{
    color: #EE2133;
}
.flex-direction-nav .flex-prev {
    left: 20px;
}
.flex-direction-nav .flex-next {
    right: 20px;
}



.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
    opacity: 1;

}
.flex-direction-nav a.flex-next:before{
    margin: -3px 0 0 11px;
}
.flex-direction-nav a.flex-prev:before{
    margin: -3px 0 0 8px;
}
.flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    filter: alpha(opacity=0);
    cursor: default;
}

.flex-direction-nav a:before {
    font-family: "flexslider-icon";
    font-size: 40px;
    display: inline-block;
    content: '\f001';
}
#lista{
    display: none;
}

.flex-direction-nav a.flex-next:before {
    content: '\f002';
}

/* Pause/Play */
.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000;
}

.flex-pauseplay a:before {
    font-family: "flexslider-icon";
    font-size: 20px;
    display: inline-block;
    content: '\f004';
}

.flex-pauseplay a:hover {
    opacity: 1;
}

.flex-pauseplay a.flex-play:before {
    content: '\f003';
}

/* Control Nav */
.flex-control-nav {
    position: absolute;
    top: 23px;
    text-align: center;
    right: 32px;
    z-index: 500;
}
.flex-control-nav li {
    margin: 0 2px;
    display: inline-block;
    zoom: 1;
}
.flex-control-paging li a {
    width: 10px;
    height: 10px;
    background: white;
    cursor: pointer;
    text-indent: -9999px;
    border-radius: 32px;
    display: block;
}
.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}

.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}

.flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .7;
    cursor: pointer;
}

.flex-control-thumbs img:hover {
    opacity: 1;
}

.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default;
}

@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 10px;
    }

    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 10px;
    }
}

.top1 {
    position: relative;
}

.top1 .uvodka-napis:nth-child(4), .top1 .uvodka-napis:nth-child(8) {
    right: 6px;
}

.top1 a:nth-child(1), .top1 a:nth-child(3) {

}

.top1 .uvodka-napis {
    background: #E85123;
    position: absolute;
    color: white;
    margin-top: -51px;

    text-align: center;
    padding: 0;

    font-size: 26px;
    line-height: 41px;
    border-bottom: 5px solid #C83E14;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;

}

.top1 a:hover .uvodka-napis {
    background: rgb(244, 107, 65);
    border-bottom: 5px solid rgb(225, 89, 48);
}



.produkt_popis .description {
    font-size: 15px;
}

.vlastnosti-produkt {
    border: 1px solid #D3A98C;
    color: #8C786B;
    padding: 5px 10px;
    width: 100%;
    font-size: 15px;
    height: 39px;
    margin-bottom: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url('../img/varianta.png') no-repeat;
    background-position: 101%;
}

.vlastnosti-produkt:before {
    border: 1px solid #D3A98C;
    position: absolute;
    display: block;
    content: '';
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}



.orange-button {
    color: white;
    background: #E85123;
    padding: 19px 22px;
    padding-top: 22px;
    padding-bottom: 16px;
    font-size: 14px;
    border-radius: 5px;
    border-bottom: 5px solid #C83E14;
}

.orange-button:hover {

    background: rgb(244, 107, 65);

    border-bottom: 5px solid rgb(225, 89, 48);
}

#textova-obojednavka {
    position: absolute;
    margin-top: 52px;
    margin-left: 250px;
}

.blue-button {
    color: white;
    background: #6743EB url('../img/telefon.png') no-repeat;
    padding: 19px 22px;
    padding-top: 22px;
    padding-bottom: 16px;
    font-size: 14px;
    border-radius: 5px;
    border-bottom: 5px solid #4A28C6;
    cursor: pointer;
}

.blue-button:hover {

    background: #8667F6 url('../img/telefon.png') no-repeat;

    border-bottom: 5px solid #7252E9;
}

#zavolame-zpet {
    position: absolute;
    margin-top: 52px;
    margin-left: 483px;
    background-position: 10% 50%;
    padding-left: 50px;
}

.user-menu input, .user-menu a {
    float: none !important;
}

.strankovani-prev, .strankovani-cisla, .strankovani-next, .strankovani-cisla-active {
    width: 31px;
    height: 31px;
    float: left;
    border: 2px solid #E85123;
    border-radius: 4px;
    text-align: center;
    line-height: 33px;
    font-size: 15px;
    margin-right: 5px;
    color: #8C786B;
}

#searchbox li {
    height: 70px;
}

#searchbox3 li {
    height: 50px;
}

.strankovani-cisla-active {
    background: #E85123;
    color: white;
}

.podprodukty-gallery img {
    width: 50px;
    height: 50px;
    padding: 2px;
    cursor: pointer;
    border: 1px solid white;
}

.user-menu a {
    background: green;
    border-radius: 6px;
    width: auto !important;
    padding: 5px 15px;
    font-size: 17px;
    color: white !important;
    cursor: pointer;
    margin: 0 !important;
    margin-left: -4px !important;
}

.user-menu #login_submit2 {
    background: #246990;
    border-radius: 6px;
    width: auto !important;
    padding: 5px 15px;
    font-size: 17px;
    margin-top: 5px;
    cursor: pointer;
}

.user-menu #login_email2, .user-menu #login_password2 {
    margin-left: 25px;
}

.user-menu .panak, .user-menu .zamok {
    position: absolute;
    left: 50%;
    margin-left: -123px;
}

.mobile-menu {
    width: 100%;
    text-align: center;
    height: 100px;
    padding-top: 5px;
    display: none;
    border-bottom: 20px solid white;
}

.mobile-hledat {
    width: 100%;
    text-align: center;

    padding-top: 15px;
    height: 79px;
    display: none;
    border-bottom: 20px solid white;
}

.mobile-user {
    width: 100%;
    text-align: center;
    padding-bottom: 8px;
    padding-top: 5px;
    height: 191px;
    display: none;
    border-bottom: 20px solid white;
}

.user-menu {
    display: block;
    width: 100%;
    height: 50px;
}

.user-menu2 {
    margin: 0 auto;
}

.user-menu input {
    background: white;
    padding: 6px;
    width: 200px !important;
}

.mobile-usek {
    width: 20%;
    box-sizing: border-box;
    float: left;
    text-align: center;
    border-right: 1px solid white;
    background: #ee2133;
    height: 100%;
    cursor: pointer;

}

#mobile5 {
    border: none;
}

.PribuzneDiv2 {
    box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    color: #333;
    border: 1px solid #aaaaaa;
    line-height: 13px;
    padding: 3px 20px 3px 5px;
    margin: 3px 0 3px 5px;
    position: relative;
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    border-radius: 3px;
}

.PribuzneDel {
    background: url(../de1.png);
}


@-moz-document url-prefix() {
{
    float: left;
    margin-top: -26px;

}
}

.cena_stara1 {
    font-weight: bold;
}

.cena_stara2 {
    font-weight: bold;
    text-decoration: line-through;
}

.priceOld {
    text-decoration: line-through;
    position: absolute;
    right: 0;
    margin-top: 1px;
}

.display_desc {
    float: right;
    margin-left: 180px;
    position: absolute;
    z-index: 1;
    margin-top: -58px;
    font-weight: bold;
    color: white;
    padding: 4px 13px;

    opacity: 0.85;
    background: #F72D79;
}


.display_novinka {
    float: left;
    margin-top: -158px;
    font-weight: bold;
    color: white;
    padding: 4px 13px;

    opacity: 0.85;
    background: #292560;
}

.product-item .display_desc {
    position: relative;
    margin-left: 0;
}

.akce {
    float: right;
    margin-top: -58px;
    font-weight: bold;
    color: white;
    padding: 4px 13px;

    opacity: 0.85;
    background: #4AA23B;

}

.innerPopis .akce {
    float: right;
    margin-top: -58px;
    font-weight: bold;
    color: white;
    padding: 4px 13px;
    margin-right: 29px;
    opacity: 0.85;
    background: #4AA23B;

}

.moreblock {
    text-align: center;
    margin-bottom: 28px;
    cursor: pointer;
}

.more {
    background: #F33E82;
    color: white;
    padding: 10px 15px;
    border-radius: 10px;
}

.pocetProduktov {
    float: right;
    color: white;
    margin-top: 9px;
    margin-right: 10px;
    font-size: 14px;
    display: none;
}

.sloupec {

    background: #243d7b;
    display: inline-block;
    vertical-align: top;
    padding: 22px 10px;
}

#Podmenu1 .sloupec {
    height: 222px;
}

.Podmenu2 a {
    color: white !important;
    font-weight: normal;
}



#searchbox2 .manufacturer {
    color: black;
    display: none;
}

#searchbox3 .manufacturer {
    color: black;
    display: none;
}

.manufacturer {
    color: #292560;
    margin-left: 14px;
    height: 17px;
}

#searchbox3 .top-sale-item-price {
    color: black;
}

#searchbox3 ul img {

    width: 52px;
    float: left;
    margin-right: 10px;

}

#search3 .find {
    width: 300px;
    border: 1px solid rgb(210, 210, 210);
    border-radius: 3px;
    height: 34px;
}

#searchbox3 ul li {
    clear: both;
    margin-bottom: 5px;
    background: white;
    padding: 5px;
    border-radius: 7px;
}

#searchbox3 ul a {
    color: #E85123;

}

#searchbox3 ul {

    font-size: 13px;
    z-index: 1000;
    display: none;
    position: absolute;
    background: #6743EB;
    margin-top: 66px;
    width: 271px;
    padding: 5px;
    padding-bottom: 0;
    border-radius: 12px;

}

#searchbox2 .top-sale-item-price {
    color: black;
}




#searchbox2 ul li {
    clear: both;
    margin-bottom: 5px;
    background: white;
    padding: 5px;
    border-radius: 7px;
}

#searchbox2 ul a {
    color: #E85123;

}

#searchbox2 ul {

    font-size: 13px;
    z-index: 1000;
    display: none;
    position: absolute;
    background: #6743EB;
    margin-top: 66px;
    width: 271px;
    padding: 5px;
    padding-bottom: 0;
    border-radius: 12px;
}

.top-sale-item-title {
    padding: 5px 15px 0 84px;
    width: 100%;
    font-size: 18px;
    text-transform: uppercase;
    display: block;
    color: #ee2133;
    min-width: 600px;
}

#searchbox .manufacturer {
    color: black;

}

#searchbox .top-sale-item-price {
    color: #292560;
    font-weight: bold;
    font-size: 24px;
    width: 100%;
    margin-left: 15px;
    text-align: right;
    margin-bottom: 11px;
    padding-top: 6px;
    padding-right: 16px;
}

#searchbox .top-sale-item-price strong{
    color: #292560;
}

#searchbox ul img {
    width: 100px;
    max-height: 71px;
    float: left;
    margin-right: 10px
}

#searchbox ul li {
    clear: both;
    margin-bottom: 5px;
    background: #AAC5DA;
    padding: 8px;
    border-radius: 7px;
}

#searchbox ul a {
    color: #8C786B;
    font-size: 20px;
}

#searchbox ul {
    font-size: 13px;
    z-index: 1000;
    display: none;
    position: absolute;
    background: #243D7B;
    margin-top: 21px;
    width: 400px;
    padding: 5px;
    margin-left: 196px;
    padding-bottom: 0;
    border-radius: 12px;
}

.ResponsiveMenu {
    width: 100%;
    display: none;
    font-size: 15px;
}

.ResponsiveMenuKategorie {
    width: 98%;
    display: none;
    font-size: 15px;
}

.HlavnyNadpis {
    color: #000 !important;
}

@media all and (max-width: 1180px) {

    .detail_produkt {
        width: 100% !important;
    }

    .footer1, .footer2, .footer3 {
        width: 100% !important;
        padding: 20px;
        margin-top: 0px !important;
        box-sizing: border-box;
    }



    .news {
        width: 262px !important;
    }

    #newsletter {
        width: 350px !important;
    }

    #login-box-small {
        float: left !important;
        margin-top: 20px;
    }


    .kosik {
        margin-top: 135px !important;
        float: left !important;
        margin-left: 0 !important;
    }

    .HlavnyNadpis {
        right: 20px !important;
        margin-left: 0px !important;
        left: auto !important;
    }

    .facebook {
        display: none;
    }

}



@media all and (max-width: 1180px) {

    #delivery-switch, #delivery-switch label {
        width: auto !important;
    }

    .innerPopis {
        position: static !important;
        margin-top: 0 !important;
        margin-left: 0 !important;
    }

    .top {
        display: none;
    }

    .header_bg {
        display: none;
    }

    #ciaraHorna {
        display: none;
    }

    .Kategorie {
        display: none;
    }

    .header2 {
        display: none;
    }

    .mobile-wrapper {
        display: block !important;
    }

    #whereIam {
        display: none !important;
    }

    .menu, .KategorieMenu {
        display: none !important;
    }

    .ResponsiveMenu {
        display: block;
        width: 96%;
        margin-left: 2%;
    }

    .Kategorie {
        margin-top: 10px !important;
    }

    .ResponsiveMenuKategorie {
        display: block;
        width: 96% !important;
        margin-left: 2%;
    }

}

@media all and (max-width: 800px) {

    .HlavnyNadpis {
        position: relative !important;
        margin-top: 7px !important;
        margin-left: 20px !important;
    }

    .kosik {
        margin-top: 0px !important;

        margin-left: 20px !important;
        margin-bottom: 15px;
    }

    .header2 {
        height: auto !important;
    }

    #search {
        margin-top: 0px !important;
        float: right !important;
        margin-right: 30px;
        margin-bottom: 55px;
    }

    #search2 {
        margin-top: 0px !important;
        float: right !important;
        margin-right: 30px;
        margin-bottom: 55px;
    }

}

/*
@media all and (max-width: 650px) {

.HlavnyNadpis {
left:50%!important;
margin-left: -365px!important;
 margin-top: 7px!important;
}

}   */

@media all and (max-width: 600px) {
    .footer table, thead, tbody, th, td, tr {
        display: block;
    }
    .footer thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .footer td {
        border: none;
        position: relative;
    }
    .footer td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 100%;
        padding-right: 10px;
        white-space: nowrap;
    }
    #shopping-content .radio input[type=radio]{
        position: relative;
    }
}

@media all and (max-width: 600px) {
    #map {
        pointer-events: none;
    }
    .header2 {
        margin-top: 85px !important;
    }

    #register-link2 {
        clear: both;
    }

    .header-fb {
        float: left !important;
        margin-left: 20px;
    }

    .product-item {
        float: center !important;
        margin: 0 auto !important;
        margin-bottom: 30px !important;
    }

    #AddToCartPopup2 {
        width: 96% !important;
        left: 0 !important;
        margin-left: 2% !important;
        height: auto !important;
    }

}

@media all and (max-width: 400px) {
    #AddToCartPopupProdukt > div > img{
        max-height: 100%!important;
        max-width: 100%!important;
    }
    .PokracovatVnakupu {

        margin-left: 0 !important;
        width: 139px;
        margin: 0 auto !important;
        margin-bottom: 10px !important;
    }

    #AddToCartPopupProdukt {
        text-align: left;
    }

    #AddToCartPopup2 {
        text-align: center;
    }

    .HlavnyNadpis {
        display: none;
    }

    #AddToCartPopup2 {
        left: 0 !important;
        height: auto !important;
    }

    #newsletter {
        width: 245px !important;
    }

    .news {
        width: 156px !important;
    }

    .produkt_popis {

        padding-right: 0 !important;
    }

}

.Podmenu {
    position: absolute;
    z-index: 999;
    margin-top: -32px;
    left: 300px;
    display: none;
    padding-bottom: 20px;
    width: 800px;

}



.Podmenu22 {
    margin: 15px 0 10px;
}

.Podmenu22 a{
    margin-left:0;
}

.Podmenu3 a {

    margin-left: 9px;
    font-size: 16px;
    font-weight: normal;

    color: #79829e !important;
}

.Podmenu3 a:hover {
    color: white !important;
}

.sr-submit {
    background: inherit;
    color: inherit;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 20px;
    width: auto;
    margin: 10px;
}

.sr-submit:hover {
    background: #3A3A3A;
}
.loginuser{
    padding: 10px;
    margin-bottom: 50px;
}
.register_form{
    padding: 10px;
}
div.cart-form-box{
    background: #ffffff;
}
.sr-close {
    background: #3A3A3A;
    cursor: pointer;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
    color: white;
    margin-top: 20px;
    display: block;
    float: left;

}

.sr-close:hover {
    background: #3A3A3A;
    color: white;

}

.main {
    font-size: 17px !important;
    background: #FFFFFF;
}

div.cart-form-box {
    font-size: 17px !important;
}

.p {
    font-size: 115%;
}

#AddToCartPopupProdukt {
    font-weight: bold;
    font-size: 125%;
    padding-left: 7%;
    padding-right: 7%;
}

.PokracovatVnakupu {
    background: #000000;
    cursor: pointer;
    padding: 5px 20px;
    color: white;
    transition: all 0.5s ease-in-out;
    text-decoration: none;
    font-size: 13px;
}
.quantity_minus, .quantity_plus{
    padding: 5px 15px;
    border-radius: 3px;
    border: 1px solid #DDDDE3;
    cursor: pointer;
    background: white;
    line-height: normal;
    transition: all 0.25s ease-in-out;
}
.quantity_minus:hover, .quantity_plus:hover{
    background: #DDDDE3;
}
.PokracovatVnakupu:hover {
    background: #EE2133;

}



.ObsahKosiku {
    background: #000000;
    color: white;
    padding: 5px 10px;
    transition: all 0.5s ease-in-out;
    text-decoration: none;
    font-size: 13px;
}

.ObsahKosiku:hover {
    background: #EE2133;
    color: #fff;
    text-decoration: none;
}

#AddToCartPopup {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
}

#AddToCartPopup2 {
    background: white;
    z-index: 2000;
    position: fixed;
    line-height: 30px;
    width: 470px;
    height: 250px;
    left: 50%;
    margin-left: -235px;
    top: 50%;
    margin-top: -75px;
    border-top: 3px solid #BD8F42;
    padding: 10px;

}



#select-product-qty {
    width: 50px;
    height: 34px;
    color: #000;
    text-align: center;
    border: 1px solid #DDDDE3;
}
.mnozstvi_napis {
    margin: 15px 0;
    font-weight: normal;
    color: #1889e0;
    text-transform: uppercase;
    font-size: 14px;
}

#cart_plus {
    float: left;
    background: #E5E5E5;
    cursor: pointer;
    padding: 6px 16px;
    font-size: 30px;
    font-weight: bold;
    color: white;
    text-align: center;
    margin-top: 11px;
    margin-right: 5px;
}

#cart_plus:hover {
    background:#0E96FF;
}

#cart_minus {
    float: left;
    background: #E5E5E5;
    cursor: pointer;
    padding: 6px 16px;
    font-size: 30px;
    font-weight: bold;
    color: white;
    text-align: center;
    margin-top: 11px;
}

#cart_minus:hover {
    background:#0E96FF;
}

.sku1 {
    font-size: 15px;
    color: #393939;

}

.info-value {
   color:#0e96ff;
}

.sku2 {
    color: rgb(170, 170, 170);
    font-weight: bold;
}

.detail_produkt {
    width: 100%;
    background: white;
}

.material {
    font-size: 14px;
}

.vlastnosti_select:first-child {
    margin-right: 5% !important;
}

#product-gallery {
    width: 50%;
    padding-right: 1.5%;
    padding-bottom: 10px;
    padding-top: 0;
    padding-left: 0;
    float: left;
    background: white;
    box-sizing: border-box;
}



#popis_produktu {
    background: white;
    box-sizing: border-box;
    border-bottom: 2px solid #1889e0;
    font-size: 14px;
    width: 100%;
    margin-left: 30px;
}

.produkt_popis {
    background: white;
    padding-top: 0;
    width: 50%;
    float: left;
    position: relative;
    padding: 5px;
}
.detail_produkt .popis_kratky{
    border: 1px solid #313131;
    background: #C5C5C5;
    padding: 5px;
    margin-bottom: 10px;
}
.detail_produkt .images img{
    border:3px solid white;
}
.detail_produkt .images img.selected{
    border:3px solid #ee2133;
}
.fancybox-nav{
    height: 98%;
}
.fancybox-next{
    right: 17px;
}
#whereIam {
    height: 39px;
}

.bread {
    font-size: 14px;
    float: left;
    height: 30px;
}

.bread:not(:first-child):before {
    content: '-';
    padding-left: 15px;
    font-size: 15px;
}



.bread a {
    font-weight: normal;
    color: #4c4c4c;
    font-size: 17px;
    text-decoration: none;
    padding-left: 15px;


}

#bread1 a {
    background: none;
    padding: 0;
}

#register-link {

}

.bread a:hover {
    color:black;
}




#bread6t a {

    color: #F4F4F4 !important;
}

#bread3t a {

    color: #F4F4F4 !important;
}

#bread4t a {

    color: #F4F4F4 !important;
}

#bread5t a {

    color: #F4F4F4 !important;
}
.fancybox-mobile .fancybox-nav span {
    visibility: visible!important;
}

div[data-u=thumb] {
    width: 445px !important;
    height: 85px !important;

}

div[data-u=thumbnavigator] div[data-u=slides] {

    left: 0 !important;
    top: 0 !important;
    height: 100% !important;
    width: 100% !important;
}

div[data-u=slides] div {

    width: 100% !important;

}

div[data-u=thumbnavigator] div[debug-id=slide-0] {
    position: relative !important;
    width: 445px !important;
    height: 158px !important;
}

div[data-u=thumbnavigator] div[debug-id=slide-1] {
    position: relative !important;
    margin-top: -30%;
    width: 445px !important;
    height: 158px !important;
}

div[data-u=thumbnavigator] div[debug-id=slide-2] {
    position: relative !important;
    margin-top: -30%;
    width: 445px !important;
    height: 158px !important;
}

div[data-u=thumbnavigator] div[debug-id=slide-3] {
    position: relative !important;
    margin-top: -30%;
    width: 445px !important;
    height: 158px !important;
}

.jssort11 {
    font-family: 'Rajdhani', sans-serif !important;
    color: black;
}

.jssort11 .i, .jssort11 .pav:hover .i {
    position: absolute;
    top: 3px;
    left: 3px;
    WIDTH /**/: 134px;
    HEIGHT /**/: auto;
    border: white 1px dashed;
}

* html .jssort11 .i {
    WIDTH /**/: 134px;
    HEIGHT /**/: auto;
}

.jssort11 .pav .i {
    border: white 1px solid;
}

.jssort11 .t, .jssort11 .pav:hover .t {
    position: absolute;
    width: 129px;
    height: 32px;
    line-height: 32px;

    left: 35%;
    color: black;
    font-size: 16px;

}

.jssort11 .pav .t, .jssort11 .phv .t, .jssort11 .p:hover .t {
    color: black;
}

.jssort11 .c, .jssort11 .pav:hover .c {
    position: absolute;
    top: 36px;
    left: 35%;
    width: 65% !important;
    width: 197px;

    color: black;
    font-size: 12px;
    font-weight: 400;
    overflow: hidden;
}

.jssort11 .pav .c, .jssort11 .phv .c, .jssort11 .p:hover .c {
    color: black;
}

.jssort11 .t, .jssort11 .c {
    transition: color 2s;
    -moz-transition: color 2s;
    -webkit-transition: color 2s;
    -o-transition: color 2s;
}

.jssort11 .p:hover .t, .jssort11 .phv .t, .jssort11 .pav:hover .t, .jssort11 .p:hover .c, .jssort11 .phv .c, .jssort11 .pav:hover .c {
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
}

.jssort11 .p {

}

.jssort11 .pav, .jssort11 .pdn {

}

.jssort11 .p:hover, .jssort11 .phv, .jssort11 .pav:hover {

}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* start editing from here */
a {
    text-decoration: none;
}

.txt-rt {
    text-align: right;
}

/* text align right */
.txt-lt {
    text-align: left;
}

/* text align left */
.txt-center {
    text-align: center;
}

/* text align center */
.float-rt {
    float: right;
}

/* float right */
.float-lt {
    float: left;
}

/* float left */
.clear {
    clear: both;
}

/* clear float */
.pos-relative {
    position: relative;
}

/* Position Relative */
.pos-absolute {
    position: absolute;
}

/* Position Absolute */
.vertical-base {
    vertical-align: baseline;
}

/* vertical align baseline */
.vertical-top {
    vertical-align: top;
}

/* vertical align top */
.underline {
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
    margin: 0 0 20px 0;
}

/* Add 5px bottom padding and a underline */
nav.vertical ul li {
    display: block;
}

/* vertical menu */
nav.horizontal ul li {
    display: inline-block;
}

/* horizontal menu */
img {
      max-width: 100%;


}

.images img {
    max-width: 90px;
    max-height: 90px;
    width: auto;
    height: auto;
    display: inline-block;
}

/*end reset*/

strong {
    font-weight: bold;

}

input:focus {
    outline: 0;
}

.footer h1 {
    color: white;
    font-weight: bold;
    font-size: 26px;
    margin-bottom: 38px;
}

.menu_footer li {
    margin-bottom: 3px;
}

.menu_footer li a {
    color: white;
}

.menu_footer li a:hover {
    color: rgb(240, 72, 135);

}

.footer1 {
    float: left;
    width: 40%;
    margin-top: 40px;
}



.footer2 .block{
    padding: 5px 22px;
    float:left;
    height: 290px;
    background: #e0e0e0;
    margin-right:30px;
    width: 316px;
}

.footer2 .block p {
    font-weight: bold;
    font-size: 21px;
}

.footer2 .block h2 {
    color: #0164a2!important;
    padding: 0;
    font-size: 24px!important;
    font-weight: bold;
    margin-bottom: 17px;
    margin-top: 6px;
}

.footer2 .main-wrapper {
    padding: 7px;
    padding-left: 64px;
}

.footer {
    background-position: center;
}

.footer3 {
    background:#0164a2;
    color:white;
    margin-top:17px;
}

.footer3 .main-wrapper {
    padding-right: 64px;
    text-align: right;
    padding-top: 16px;
    padding-bottom: 16px;
    color: white;
}

.footer3 a {
    color:white;
}





.mnozstvi_produkt {
    display:none;
}


.nadpis_cara {
    border-top: 1px solid #a3894d;
    width: 100%;
    margin-top: -16px;
}

#objednavky-table a:hover {
color:#0164a2!important;
}

.content_left .product-item {
    width: 367px;
}

.sku {
    width: 100%;
    text-align: right;
    color: #6ac8f8;
    font-size: 98%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.product-image img {
    width: auto;
    height: auto;
    max-height: 230px;
    max-width: 272px;
}
.dotaz_box{
    display: none;
}

.podprodukty_kosik tr {
    background: #D3A98C;
    color: white;
    border-bottom: 5px solid white;
}

.podprodukty_kosik td {
    padding: 5px;
}

#novinky_pro_tag {
    color: #373737!important;
}

.price {
    color: #373737;
    font-weight: bold;
    font-size: 26px;
    width: 100%;
    text-align: right;
    margin-bottom: 11px;
    padding-top: 6px;
    padding-right: 16px;
}

.product-image {
    text-align: center;
    padding: 0 10px;
}





.detail_produktu {
    float: left;
    text-align: center;
    width: 181px;
    border: 1px solid #8C786B;
    border-right: none;
    height: 52px;
    line-height: 52px;
    color: #8C786B;
    cursor: pointer;
}

input:not([type="radio"],[type="checkbox"]) {
    width: 110px;
    float: left;
    margin-right: 5px;
    border: none;
    background: none;
    margin-top: 11px;
}

#newsletter {

    height: 41px;
    width: 420px;
    background: #D3A98C url('../img/newsletter.png') no-repeat;
    margin-top: -10px;
}

#search2 {
   width:100%;
}

.kosik {

}

.textova-obojednavka:hover {
    background: url('../img/textova-objednavka2.png') no-repeat;
}

.zavolame {
    position: absolute;
    margin-left: 479px;
    margin-top: 52px;
}

.header_bg {
    height: 235px;

}

.zavolame-zpet {

    width: 212px;
    height: 60px;
    background: url('../img/zavolame-zpet.png') no-repeat;
}

.zavolame-zpet:hover {
    background: url('../img/zavolame-zpet2.png') no-repeat;
}

#cart-button {
    width: 65px;
    height: 49px;
    background: url('../img/cart.png') no-repeat;
    cursor: pointer;
    margin: 0 5px;
}

.Kategorie li.HlavneMenu {
    margin-left: 0px;
    border-bottom: 1px solid #dadae4;
    padding-bottom: 10px;
    padding-top: 10px;
}




.Kategorie li a {
    font-size: 19px;
    color: #292560;
    text-transform: uppercase;
    padding-left: 40px;
}

.Podmenu .sloupec:last-child a {
    padding-right: 40px;
}



.facebook {
    width: 45px;
    height: 108px;
    background: url('../img/facebook.png') no-repeat;
    position: fixed;
    right: 0;
    margin-top: 271px;
}



.cart-pocet span {
    color:white;
}



#cart-currency {
    font-weight: bold;
}

.user {
    background: url('../img/user.png') no-repeat;
    height: 34px;
    width: 39px;
    cursor:pointer;
}

#cart-count2 {

    position: absolute;
    color: white;
    background: #706F6D;
    padding: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 53px;
    margin-top: -17px;
    margin-left: 50px;
}



::-webkit-input-placeholder {
    /* WebKit browsers */
    color: white;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: white;
    opacity: 1;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: white;
    opacity: 1;
}

:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: white;
}

.news {
    width: 74%;
    height: 42px;
    margin-top: 0;
    margin-left: 7px;
    padding-left: 48px;
    color: white;
}

.news::-webkit-input-placeholder {
    color: white;
}

.sipka-hore {
    position: absolute;
    right: 0;
    width: 134px;
    height: 245px;
    background: url('../img/nahoru.png') no-repeat;
    margin-top: -245px;
    display: none;
}

.sipka-hore img {
    margin-left: 28px;
    margin-top: 28px;
    cursor: pointer;
}

.nahoru {
    cursor: pointer;
    background: white url('../img/nahoru1.png') no-repeat;
    width: 61px;
    height: 74px;
    margin-top: 152px;
    margin-left: 58px;
}

.nahoru:hover {
    background: white url('../img/nahoru2.png') no-repeat;
}

.newsletter-clear {
    width: 35px;
    height: 39px;
    margin-top: 1px;
    background: white;
    color: #D3A98C;
    float: right;
    margin-right: 1px;
}

#login-box-small {
    width: 480px;
}

#login_user {
    color: #342A82;
}

.logo img {

    height: auto;
}

#login_email::-webkit-input-placeholder {
    color: #8C786B;
}

#login_email {
    color: #8C786B;
    width: 221px;
    border: 1px solid rgb(210, 210, 210);
    padding: 10px;
    border-radius: 3px;
}

#login_email2::-webkit-input-placeholder {
    color: #8C786B;
}

#login_email2 {
    color: #2A7AA7;
    width: 155px;
}

#login_password {
    color: #8C786B;
    width: 221px;
    border: 1px solid rgb(210, 210, 210);
    padding: 10px;
    border-radius: 3px;
    margin-bottom: 10px;
}

#login_password::-webkit-input-placeholder {
    color: #8C786B;
}

#login_password2 {
    color: rgb(217, 32, 102);
}

#login_password2::-webkit-input-placeholder {
    color: rgb(217, 32, 102);
}

#login_submit {
    background-image: none;
    font-weight: bold;
    padding: 15px 10px;
    padding-bottom: 12px;

}

#lost-password {
    float: right;
    font-size: 15px;
    margin-top: 25px;
    color: #8C786B;

}

#login_submit2 {
    margin-top: -3px;
    width: 48px;
    height: 39px;
    background: url('../img/ok.png') no-repeat;
    color: white;
    border: none;
    float: left;
}

.footerBlock {
    width: 23%;
    line-height: 30px;
    float: left;
    font-size: 13px;
    color: #8C786B;

}

.facebook_kontakt {
    font-size: 27px;
    font-weight: bold;

    color: #D3A98C;
    width: 100%;
    border: 1px solid #D3A98C;
    text-align: center;
    padding-top: 13px;
    padding-bottom: 13px;
    margin-top: 28px;
    cursor: pointer;

}

.facebook_kontakt:hover {
    color: white;
    background: #D3A98C;
}

.footerBlock p {
    line-height: 20px;


}

.footerMenu li a {
    color: #8C786B;
    padding-left: 14px;
    font-size: 15px;
}

.footerMenu li:hover a {
    color: rgb(232, 81, 35);
    background: url('../img/menu_sipka.png') no-repeat;
    background-position: 0 4px;
}

.Kategorie ul li ul li ul li ul li a {
    font-size: 14px;
    font-family: arial;
    text-transform: none;
    padding-left: 30px;
}

.Podmenu4 {
    padding-top: 4px;
    padding-bottom: 4px;
}

.menu_cara {
    width: 50px;
    border-bottom: 1px solid #1889e0;
    margin-bottom: 10px;
    margin-left: 40px;
}

.footer h2 {
    padding-left: 0;
}



.footer img {
    float:right;
    height: 90px;
}

.footer {
    clear:both;
}

h2 {
    clear: both;
    padding: 15px 0;
}

h2 a {
    color: #1988E1;
}





ul.KategorieMenu ul ul li a {
color:#a78d50 !important;
}



.aktuality_nadpis .aktuality_cara {
    border-top: 1px solid #000;
    width: 36.2%;
    margin-top: 46px;

}


.main .aktuality_nadpis .aktuality_cara {
    width: 32.5%;
}




#register-link2 {
    float: left;
    color: #2A7AA7;
    margin-top: 9px;
    margin-left: 11px;
}

.header-fb {
    float: right;
    margin-right: -37px;
    margin-top: 8px;
    width: 25px;
    height: 25px;
}

.novinky_pop div {
    color: white;
    font-size: 19px;
    margin-left: 21px;
    cursor:pointer;
    margin-bottom:3px;
}

.novinky_pop {
    margin-top: 8px;
    margin-bottom: 8px;
    display: none;
}


.novinky_komplet {
    margin-left: 6%;
    margin-top: 24px;
    background: #292560;
    border-radius: 15px;
    z-index: 110000;
    position: absolute;
}

.header_novinky {
    background: #1889e0;
    color: white;
    float: left;
    padding: 10px 20px;
    border-radius: 11px;
    border-top: 2px solid #292560;
    font-size: 22px;
    padding-right: 12px;
    cursor:pointer;
}

.novinky_text_div {
    float: left;
    border-right: 1px solid #292560;
    color: white;
    padding-right: 9px;
}

#novinky_tag {
    color:white;
}

#novinky_sipka {
    width: 22px;
    height: 22px;
    background: url('../img/novinky.png') no-repeat;
    background-size: 100%;
    float: left;
    margin-left: 8px;
    margin-top: 3px;
}

.casopis {
    padding: 10px;
    background: white;
    border-radius: 3px;
    margin-top: 13px;
}

.panak {
    background: url('../img/top1.png') no-repeat;
    width: 25px;
    height: 25px;
    float: left;
    margin-top: 14px;
}

.zamok {

    width: 25px;
    height: 25px;
    float: left;
    margin-top: 12px;
}



body {
    font-family: 'Open Sans', sans-serif !important;
    background: white;
    font-size: 100%;
    letter-spacing: 0.2px;

}

.main-wrapper {
    max-width: 1200px;
    margin: 0 auto;
}

.main-wrapper2 {
    max-width: 1200px;
    margin: 0 auto;
    z-index: 10;
    position: relative;
    background: white;
}

.main-wrapper3 {
    background: white;
    max-width: 1085px;
    margin: 0 auto;
    padding: 27px;
}

.wrap {
    margin: 0 auto;
    width: 80%;
}

/* start header */
.header_bg {
    height: 120px;
}

.header {
    height: 90px;
    border-top: 10px solid #ee2133;
}

.logo h1 a {
    display: block;
}

.h_right {
    position: relative;
    float: right;
}

.menu-jazyk li a {
    font-size: 93%;
}

.menu-jazyk li {
    float: left;

    padding-left: 5px;
    line-height: 68px;
}

.menu-jazyk li:first-child a {
    border-right: 1px solid #8C786B;
    padding-right: 5px;
}

.menu-jazyk li.active a, .menu-jazyk li a:hover {

    color: rgb(103, 67, 235);
}

.home {
    display: none;
}

.menu_footer .kosik {
    float: none !important;
}

/*start search*/
.sb-search {
    position: absolute;
    top: -12px;
    right: 0px;
    width: 0%;
    min-width: 45px;
    height: 45px;
    float: right;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
}

.sb-search-input {
    position: absolute;
    top: 0;
    left: 0px;
    border: none;
    outline: none;
    background: #c0c0c0;
    width: 100%;
    height: 35px;
    margin: 0;
    z-index: 10;
    padding: 5px 20px;

    font-size: 13px;
    color: #ffffff;
}

.sb-search-input::-webkit-input-placeholder {
    color: #ffffff;
}

.sb-search-input:-moz-placeholder {
    color: #ffffff;
}

.sb-search-input::-moz-placeholder {
    color: #efb480;
}

.sb-search-input:-ms-input-placeholder {
    color: #ffffff;
}

.sb-icon-search, .sb-search-submit {
    width: 45px;
    height: 45px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    line-height: 45px;
    text-align: center;
    cursor: pointer;
}

.sb-search-submit {
    background: #fff; /* IE needs this */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
    color: transparent;
    border: none;
    outline: none;
    z-index: -1;
    -webkit-appearance: none;
}

.sb-icon-search {
    color: #fff;
    background: #ffffff url('../img/search.png') no-repeat 10px 10px;
    z-index: 90;
}

/* Open state */
.sb-search.sb-search-open, .no-js .sb-search {
    width: 100%;
}

.sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search {
    background: #c0c0c0 url('../img/search_h.png') no-repeat 10px 10px;
    color: #fff;
    z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit, .no-js .sb-search .sb-search-submit {
    z-index: 90;
}

/*-- start-smartphone_nav --*/
.nav {
    /*display: none;*/
}

.nav-item {
    float: left;
    *display: inline;
    zoom: 1;
}

.nav-item a {
    display: block;
}

.nav-item a:hover {
    background: #18BD9B;
    color: #FFFFFF;
}

.nav-mobile {
    display: none;
    cursor: pointer;
    position: absolute;
    top: 5px;
    left: 5px;
    background: url(../img/nav_icon.png) 60% 60% no-repeat;
    height: 32px;
    width: 32px;
}

.nav-mobile {
    display: block;
}

.nav {
    margin-top: 44px;
    width: 100%;
}

.nav-list {
    display: none;
}

.nav-item {
    width: 100%;
    float: none;
}

.nav-item a {

    font-weight: 400;
    background: #c0c0c0;
    border-bottom: 1px solid #A5A5A5;
    padding: 10px;
    text-transform: uppercase;
    color: #FFF;
    -webkit-transition: color .2s linear, background .2s linear;
    -moz-transition: color .2s linear, background .2s linear;
    -o-transition: color .2s linear, background .2s linear;
    transition: color .2s linear, background .2s linear;
    font-size: 0.8725em;
}

.nav-inner {
    display: none;
}

.nav-active, .nav-active-inner .nav-inner {
    display: block;
}

/*start header_btm */
.header_btm {
    padding: 4%;
}

/* h_left */
.h_left {
    float: left;
}

.h_left h2 {
    font-size: 1.5em;
    color: #c0c0c0;
    font-weight: 400;
}

.h_left h3 {
    margin-top: 10px;
    font-size: 0.8725em;
    color: #c0c0c0;
}

/* start soc_icons */
.soc_icons {
    float: right;
}

.soc_icons h2 {
    text-transform: uppercase;
    font-size: 1.2em;
    color: #c0c0c0;
    font-weight: 400;
    margin-bottom: 10px;
}

.soc_icons ul li {
    float: left;
    margin-left: 10px;
}

.soc_icons ul li:first-child {
    margin-left: 0;
}

.soc_icons ul li a {
    display: block;
    padding: 10px;
    background: #2e2e2e;
    width: 24px;
    height: 24px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.soc_icons ul li a.icon1 {
    background: #39579D url('../img/icon1.png') no-repeat 18px 12px;
}

.soc_icons ul li a.icon2 {
    background: #02B3E9 url('../img/icon2.png') no-repeat 12px 13px;
}

.soc_icons ul li a.icon3 {
    background: #DB4A39 url('../img/icon3.png') no-repeat 14px 12px;
}

.soc_icons ul li a.icon4 {
    background: #EA4C89 url('../img/icon4.png') no-repeat 14px 12px;
}

.soc_icons ul li a.icon5 {
    background: #5A872A url('../img/icon5.png') no-repeat 12px 18px;
}

.soc_icons ul li a:hover {
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.7;
    -webkit-transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -ms-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
}

/*start slider */
.slider_bg {
    background: url('../img/slider_bg.jpg');
}

.slider {
    padding: 8% 4%;
}

.slider h2 {
    font-size: 2em;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 600;
}

.slider h3 {
    font-size: 0.8725em;
    color: #ffffff;
    font-weight: 600;
}

/*start main */
.top {
    background: white;

    margin-bottom: 20px;
    padding: 30px;
    box-shadow: 0px -1px 5px rgb(170, 170, 170);
    margin-top: -2px;
    border-radius: 5px;
}

.content {
    margin-top: -110px;
    background: #ffffff;
    padding: 4%;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
}

/* start btn style */
.btn {
    display: inline-block;
    padding: 12px 30px;
    font-size: 0.8925em;
    color: #ffffff;
    background: #19BD9B;
    text-transform: capitalize;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.btn:hover {
    background: #34495E;
}

/*---start-gallery -----*/
.container {
    position: relative;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

#filters {
    color: #ffffff;
    margin: 0% 0 3%;
    list-style: none;
    text-align: center;
}

#filters li {
    display: inline-block;
    margin: 0 10px;
}

#filters li:first-child {
    margin: 0px;
}

#filters li span {
    display: block;
    padding: 4px 10px;
    text-decoration: none;
    font-size: 0.8725em;
    color: #ffffff;
    cursor: pointer;
    text-transform: capitalize;
}

#portfoliolist .portfolio {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    width: 23%;
    margin: 1%;
    display: none;
    float: left;
    overflow: hidden;
}

.portfolio-wrapper {
    overflow: hidden;
    position: relative !important;
    cursor: pointer;
}

#portfoliolist a img {
    display: block;
}

.portfolio .label-bg {
    /*
	background: none;
	width: 100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
*/
}

.portfolio, .label-bg {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.portfolio:hover, .label-bg:hover {
    background: rgba(0, 0, 0, 0.21);
}

.portfolio .label-text {
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 500;
    padding: 5px 8px;
}

.text-title {
    font-size: 1.2em;
    color: #ffffff;
    font-weight: 100;
    text-transform: capitalize;
    line-height: 1.8em;
}

.portfolio .text-category {
    display: block;
    font-size: 0.8125em;
    text-transform: capitalize;
    font-weight: 100;
}

/* Self Clearing Goodness */
.container:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix:before, .clearfix:after, .row:before, .row:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.row:after, .clearfix:after {
    clear: both;
}

.row, .clearfix {
    zoom: 1;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}



.content_left {
    float: left;
    width: 23%;
}

.left-nadpis {
    line-height: 51px;
    font-size: 30px;
    text-transform: uppercase;
    color: #1889e0;
    font-weight: bold;
    margin: 0;
    background: url('../img/left_content_nadpis.png') no-repeat;
    padding-left: 67px;
    border-bottom: 2px solid #1889e0;
}


.span_of_4 {
    display: block;
}

.span1_of_4 {
    float: left;
    width: 22.33333%;
    margin-left: 3.3333%;
}



.KategorieMenu li ul a{
    font-size: 15px;
}

.span1_of_4:first-child {
    margin-left: 0;
}

.span1_of_4 h4 {
    font-size: 1.2em;
    color: #c0c0c0;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 8%;
}

.span1_of_4 p {
    font-size: 0.8725em;
    color: #a9a9a9;
    line-height: 1.8em;
    font-weight: 400;
}

.span1_of_4 p.top {
    margin-top: 4%;
}

.span1_of_4 span.bg {
    background: #ECF0F1;
    padding: 4%;
}

.span1_of_4 span {
    font-size: 1em;
    color: #a0a0a0;
    margin-top: 8%;
    display: block;
    line-height: 1.5em;
}

.f_nav li {
    float: left;
    width: 16.3333%;
    margin: 0 20px 4px 0;
}

.f_nav li a {
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.f_nav li a img {
    background: #ffffff;
    padding: 5px;
    border: 1px solid #eeeeee;
}

.f_nav li a:hover {
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.7;
    -webkit-transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -ms-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
}

.f_icons {
    margin-top: 8%;
    display: inline-block;
}

.f_icons ul li {
    float: left;
    margin-left: 5px;
}

.f_icons ul li:first-child {
    margin-left: 0;
}

.f_icons ul li a {
    display: block;
    padding: 10px;
    background: #2e2e2e;
    width: 24px;
    height: 24px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.f_icons ul li a.icon2 {
    background: #04ADF2 url('../img/icon2.png') no-repeat 12px 13px;
}

.f_icons ul li a.icon1 {
    background: #ECF0F1 url('../img/icon1_h.png') no-repeat 18px 12px;
}

.f_icons ul li a.icon3 {
    background: #ECF0F1 url('../img/icon3_h.png') no-repeat 15px 14px;
}

.f_icons ul li a.icon4 {
    background: #ECF0F1 url('../img/icon4_h.png') no-repeat 14px 12px;
}

.f_icons ul li a.icon5 {
    background: #ECF0F1 url('../img/icon5_h.png') no-repeat 12px 18px;
}

.f_icons ul li a.icon2:hover {
    background: #ECF0F1 url('../img/icon2_h.png') no-repeat 12px 13px;
}

.f_icons ul li a.icon1:hover {
    background: #39579D url('../img/icon1.png') no-repeat 18px 12px;
}

.f_icons ul li a.icon3:hover {
    background: #DB4A39 url('../img/icon3.png') no-repeat 15px 14px;
}

.f_icons ul li a.icon4:hover {
    background: #EA4C89 url('../img/icon4.png') no-repeat 14px 12px;
}

.f_icons ul li a.icon5:hover {
    background: #5A872A url('../img/icon5.png') no-repeat 12px 18px;
}

/*start footer_top */
.footer_top {
    margin-top: 4%;
    padding-top: 4%;
    border-top: 1px solid rgb(231, 231, 231);
}

.filter-parameter-hodnota img {
    float:right;
    width:40px;
}

.copy {
    float: left;
}

.copy p {
    color: #9c9c9c;
    font-size: 0.8725em;
    line-height: 1.8em;
}

.copy p a {
    color: #19BD9B;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.copy p a:hover {
    color: #9c9c9c;
}

.f_nav1 {
    float: right;
}

.f_nav1 li {
    float: left;
    margin-left: 20px;
}

.f_nav1 li:first-child {
    margin-left: 0;
}

.f_nav1 li a {
    display: block;
    color: #9c9c9c;
    padding: 0 5px;
    text-transform: capitalize;
    font-size: 0.8725em;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.f_nav1 li a:hover {
    color: #19BD9B;
}

/* start about page */
.about {
    display: block;
}

.cont-grid {
    float: left;
    width: 62.3333%;
}

.cont-grid-img {
    margin-right: 3.3333%;
    width: 34.33333%;
    float: left;
}

.cont-grid-img img {
    margin-top: 10px;
}

.cont-grid h4 {
    font-size: 1.4em;
    color: #34495E;
    text-shadow: 0 1px 0 #ffffff;
}

p.para {
    color: #a0a0a0;
    text-shadow: 0 1px 0 #ffffff;
    line-height: 1.8em;
    font-size: 0.8725em;
    font-weight: 400;
}

.cont-grid p, .about-p {
    margin-top: 2%;
}

.read_more {
    margin-top: 2%;
}

/* start portfolio page */
.folio_list {
    display: block;
}

.folio_list.top {
    margin-top: 4%;
}

.folio_list li {
    float: left;
    width: 22.3333%;
    margin-left: 3.3333%;
}

.folio_list li:first-child {
    margin-left: 0;
}

.folio_list li a img:hover {
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.8;
    -webkit-transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -ms-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
}

.folio_list li h3 {
    margin: 15px 0 5px;
    line-height: 1.5em;
    font-size: 1.2em;
    color: #34495E;
    font-weight: 400;
}

.folio_list li h4 a {
    display: block;
    margin-top: 10px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.5em;
    font-size: 0.8725em;
    color: #19BD9B;
    -webkit-text-stroke: 0.25px;
    text-transform: capitalize;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.folio_list li h4 a:hover {
    color: #34495E;
}

/* start blog page */
.blog_left {
    float: left;
    width: 64.333333%;
}

.blog_sidebar {
    float: left;
    width: 30.333333%;
    margin-left: 5.33333%;
}

.b_left {
    float: left;
    width: 10.333333%;
    margin-right: 3.333%;
}

.b_right {
    float: left;
    width: 86.333333%;
}

.b_left h4 {
    display: inline-flex;
    padding: 20px 20px;
    text-align: center;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
}

.b_left h4.bg {
    background: #19BD9B;
}

.b_left h4.bg1 {
    background: #3498DB;
}

.blog_main:first-child, .blog_main img:first-child {
    margin-top: 0;
}

.blog_main {
    margin: 4% 0;
}

.blog_main img {
    width: 100%;
    margin: 4% 0;
}

.blog_main iframe {
    margin-bottom: 4%;
}

.b_right h4 {
    color: #34495E;
    font-size: 1.2em;
    font-weight: 600;
    margin-bottom: 2%;
}

/*start blog_list */
.blog_list {
    float: left;
}

.blog_list ul li {
    display: inline-block;
}

.blog_list li a {
    display: block;
    color: #c4c4c4;
    font-size: 0.8725em;
    padding: 10px 8px;
}

.blog_list li a > i {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(../img/blog_icons.png) no-repeat;
    vertical-align: middle;
    transition: none;
}

.blog_list li a:hover > i {
    background: url(../img/blog_icons.png) no-repeat;
}

.blog_list li a:hover {
    color: #19BD9B;
}

.blog_list li a span {
    padding-left: 5px;
}

.blog_list li a > i.date {
    background-position: 0px 0px;
}

.blog_list li a:hover > i.date {
    background-position: 0px -21px;
}

.blog_list li a > i.comment {
    background-position: -24px 0px;
}

.blog_list li a:hover > i.comment {
    background-position: -24px -21px;
}

.blog_list li a > i.news {
    background-position: -50px 0px;
}

.blog_list li a:hover > i.news {
    background-position: -50px -21px;
}

.blog_list li a > i.views {
    background-position: -72px 0px;
}

.blog_list li a:hover > i.views {
    background-position: -72px -21px;
}

/*start blog_art */
.blog_art {
    float: right;
}

.blog_art ul li {
    display: inline-block;
}

.blog_art li a {
    display: block;
    color: #c4c4c4;
    font-size: 0.8725em;
    padding: 10px 8px;
}

.blog_art li a > i {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(../img/art.png) no-repeat;
    vertical-align: middle;
    transition: none;
}

.blog_art li a:hover > i {
    background: url(../img/art_h.png) no-repeat;
}

.blog_art li a:hover {
    color: #D0D3D7;
}

.blog_art li a span {
    padding-left: 5px;
}

/* end blog_list */
.blog_left p {
    margin: 2% 0 4%;
    font-size: 0.8725em;
    color: #A1A8AF;
    line-height: 24px;
    font-weight: 600;
}

/* Circular Content Carousel Style */
.ca-container {
    position: relative;
    width: 100%;
    height: 250px;
}

.ca-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}

.ca-item {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
}

.ca-close {
    position: absolute;
    top: 10px;
    right: 10px;
    background: url(../img/cross.png) no-repeat center center;
    width: 27px;
    height: 27px;
    text-indent: -9000px;
    outline: none;
    opacity: 0.7;
}

.ca-close:hover {
    opacity: 1.0;
}

.ca-item-main {
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
    background: #1ABC9C;
    padding: 20px;
}

.ca-item h4 {
    position: relative;
}

.ca-item h4 span {
    display: block;
    font-size: 1.4em;
    color: #ffffff;
    line-height: 1.5em;
}

.ca-item h4 span.quote {
    text-align: left;
    background: url('../img/quote.jpg') no-repeat;
    float: left;
    width: 10.333%;
    height: 50px;
}

.ca-item span.quote_text {
    float: left;
    width: 84.333%;
    margin-left: 3.3333%;
}

.ca-item h5 {
    margin: 4% 0 3% 13%;
    clear: both;
    display: inline-block;
    font-size: 0.8925em;
    color: #ffffff;
}

.ca-nav span {
    width: 40px;
    height: 40px;
    background: #19BD9B url(../img/arrows.png) no-repeat 14px 10px;
    position: absolute;
    top: 90%;
    left: 87%;
    text-indent: -9000px;
    cursor: pointer;
    z-index: 100;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
}

.ca-nav span.ca-nav-next {
    background-position: -20px 10px;
    left: auto;
    right: 0px;
}

.ca-nav span:hover {
    opacity: 1.0;
}

/* start pagination */
.pagination {
    float: left;
    top: -50px;
    position: relative;
    clear: both;
}

.pagination li {
    display: inline-block;
    margin-right: 5px;
}

.pagination li a {
    display: block;
    padding: 10px 20px;
    color: #34495E;
    background: #EBECEE;
    font-weight: 600;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.pagination li.active a, .pagination li a:hover {
    background: #19BD9B;
    color: #ffffff;
}

/* start blog_sidebar */
.sidebar h4 {
    color: #34495E;
    font-size: 1.2em;
    font-weight: 600;
    border-left: 3px solid #19BD9B;
    border-bottom: 1px solid rgb(231, 231, 231);
    text-transform: capitalize;
    line-height: 1.5em;
    padding: 0px 10px;
    margin-bottom: 4%;
}

/* start ads_nav */
.ads_nav {
    margin: 8% 0;
}

.ads_nav li {
    float: left;
    width: 48.3333%;
    margin-left: 3.33333%;
}

.ads_nav li:first-child, .ads_nav li:nth-child(3) {
    margin-left: 0;
}

.ads_nav li a {
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.ads_nav li a img {
    width: 100%;
}

.ads_nav li a:hover {
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.7;
    -webkit-transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -ms-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
}

/* start flicker_nav */
.flicker_nav {
    margin: 8% 0;
}

.flicker_nav li {
    float: left;
    width: 22.3333%;
    margin: 0 0 10px 10px;
}

.flicker_nav li:first-child, .flicker_nav li:nth-child(5) {
    margin-left: 0px;
}

.flicker_nav li a {
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.flicker_nav li a img {
    width: 100%;
}

.flicker_nav li a:hover {
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.7;
    -webkit-transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -ms-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
}

/* start tag_nav */
.tag_nav {
    margin: 8% 0;
}

.tag_nav li {
    margin: 10px 5px 0 0;
    display: inline-block;
}

.tag_nav li a {
    display: block;
    text-transform: capitalize;
    background: #E7E7E7;
    color: #5F5F5F;
    font-weight: 600;
    font-size: 0.8925em;
    padding: 8px 14px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.tag_nav li a:hover {
    background: #19BD9B;
    color: #ffffff;
}

/* start news_letter */
.news_letter {
    margin: 8% 0;
}

.news_letter form input[type="text"] {

    font-weight: 100;
    padding: 10px;
    display: block;
    width: 93%;
    background: #ffffff;
    outline: none;
    color: #555555;
    font-size: 0.8725em;
    border: 1px solid #DADADA;
    -webkit-appearance: none;
}

/*.product-item:nth-child(3n+2) {
margin-right:0;
} */

.news_letter form input[type="submit"] {
    margin-top: 4%;
    -webkit-appearance: none;
    float: right;

    cursor: pointer;
    border: none;
    outline: none;
    display: inline-block;
    padding: 12px 30px;
    font-size: 0.8925em;
    color: #ffffff;
    background: #19BD9B;
    text-transform: uppercase;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.news_letter form input[type="submit"]:hover {
    background: #34495E;
}

/******** SAP ************/
.sap_tabs {
    clear: both;
}

.facts {
    padding: 10px 0;
}

.tab-left {
    margin: 4% 0;
}

.resp-tabs-list {
    width: 100%;
}

.resp-tab-item:first-child {
    border-left: none;
}

.resp-tab-item {
    border-left: 1px solid rgb(192, 191, 191);
    border-bottom: 3px solid #19bd9b;
    font-weight: 600;
    color: #34495E;
    font-size: 1em;
    background: #e7e7e7;
    text-transform: capitalize;
    cursor: pointer;
    padding: 12px 0;
    display: inline-block;
    text-align: center;
    list-style: none;
    float: left;
    width: 33%;
    outline: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.resp-tab-item:hover {
    background: #34495E;
    text-shadow: none;
    color: #FFF;
}

.resp-tab-active {
    background: #19BD9B;
    text-shadow: none;
    color: #fff;
}

.resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    clear: left;
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.resp-tab-content {
    display: none;
}

.resp-content-active, .resp-accordion-active {
    display: block;
}

h2.resp-accordion {
    font-size: 1em;
    margin: 0px;
    padding: 10px 15px;
    background: #C5CDD1;
    margin: 10px 0;
    color: #FFF;
}

h2.resp-accordion:hover {
    background: #FE2232;
    text-shadow: none;
    color: #FFF;
}

span.tab-img {
    float: left;
    width: 26.3333%;
    margin-right: 6.3333%;
}

.tab-text {
    float: left;
    width: 66.3333%;
}

.tab-text p {
    margin-bottom: 10px;
}

.tab-text p a {
    font-weight: 600;
    color: #34495E;
    font-size: 0.8925em;
    line-height: 1.5em;
    text-transform: capitalize;
}

.tab-text p a:hover {
    color: #19BD9B;
}

.post-meta {
    font-size: 14px;
    margin-bottom: 10px;
}

.post-meta img {
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 10px;
}

.post-meta a {
    color: #8D949E;
    font-size: 0.8725em;
    text-transform: capitalize;
}

.post-meta a:hover {
    color: #19BD9B;
}

/* end tabs */
/* start Social Likes */
.social_network_likes {
    margin: 0em 0 1em;
    text-align: center;
}

.social_network_likes li {
    float: left;
    width: 25%;
}

.social_network_likes li a {
    display: block;
    color: #FFF;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.social_network_likes li a p {
    padding: 15px 0;
    font-size: 0.8em;
}

.social_network_likes li a span {
    display: block;
    font-size: 2em;
}

.social_network_likes li a {
    border-left: 2px solid #FFF;
}

.social_network_likes li a div.followers {
    border-bottom: 2px solid #FFFFFF;
}

.social_network_likes li:first-child a {
    border-left: none;
}

.social_network_likes li a.tweets {
    background: #2da5da;
}

.social_network_likes li a.tweets:hover {
    background: #1A91C5;
}

.social_network_likes li a.facebook-followers {
    background: #b6c710;
}

.social_network_likes li a.facebook-followers:hover {
    background: #9EAD0B;
}

.social_network_likes li a.email {
    background: #27c1b9;
}

.social_network_likes li a.email:hover {
    background: #0BB1A8;
}

.social_network_likes li a.dribble {
    background: #cf2555;
}

.social_network_likes li a.dribble:hover {
    background: #B3103E;
}

.social_network_likes li a div.social_network {
    padding: 10px 0;
}

.social_network i {
    width: 45px;
    height: 45px;
    display: block;
    background: url(../img/social-icons.png) no-repeat;
    margin: 0 auto;
}

.social_network i.twitter-icon {
    background-position: 0px 0px;
}

.social_network i.facebook-icon {
    background-position: -47px 0px;
}

.social_network i.email-icon {
    background-position: -104px 0px;
}

.social_network i.dribble-icon {
    background-position: -156px 0px;
}

/* end Social Likes */
/* start contact page*/
.contact_left {
    float: left;
    margin-right: 3.3333%;
    width: 32.3333%;
}

.contact_right {
    float: left;
    width: 63.3333%;
}

.contact_left h3 {
    margin-bottom: 2%;
    font-size: 1.2em;
    text-transform: capitalize;
    color: #34495E;
    font-weight: 600;
    text-shadow: 0 1px 0 #ffffff;
}

.company_address {
    padding-top: 10px;
}

.company_address p {
    font-weight: 400;
    color: #c0c0c0;
    text-shadow: 0 1px 0 #ffffff;
    line-height: 1.8em;
    font-size: 0.8725em;
}

.company_address p a {
    color: #19BD9B;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.company_address p a:hover {
    color: #c0c0c0;
}

.map {
    margin: 6% 0 4%;
}

.contact_right h3 {
    margin-bottom: 2%;
    font-size: 1.2em;
    text-transform: capitalize;
    color: #34495E;
    font-weight: 600;
    text-shadow: 0 1px 0 #ffffff;
}

.contact-form {
    position: relative;
}

.contact-form div {
    padding: 5px 0;
}

.contact-form span {
    text-transform: capitalize;
    display: block;
    color: #c0c0c0;
    text-shadow: 0 1px 0 #ffffff;
    line-height: 1.5em;
    font-size: 0.8725em;
    font-weight: 400;
}

.contact-form input[type="text"], .contact-form textarea {

    padding: 10px;
    display: block;
    width: 96.3333%;
    background: #ffffff;
    outline: none;
    color: #c0c0c0;
    font-size: 0.8725em;
    border: 1px solid #ECECEC;
    -webkit-appearance: none;
}

.contact-form textarea {
    resize: none;
    height: 120px;
}

.contact-form input[type="submit"] {
    -webkit-appearance: none;
    font-weight: 600;
    float: right;

    cursor: pointer;
    border: none;
    outline: none;
    display: inline-block;
    padding: 12px 30px;
    font-size: 0.8925em;
    color: #ffffff;
    background: #19BD9B;
    text-transform: uppercase;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.contact-form input[type="submit"]:hover {
    background: #34495E;
}

/* start details */
.details h2 {
    font-size: 1.4em;
    color: #34495E;
    font-weight: 400;
}

.details img {
    margin: 2% 0;
    padding: 5px;
    box-shadow: 0px 0px 5px #DDDDDD;
    -webkit-box-shadow: 0px 0px 5px #DDDDDD;
    -moz-box-shadow: 0px 0px 5px #DDDDDD;
    -o-box-shadow: 0px 0px 5px #DDDDDD;
}

.par2, .par4 {
    clear: both;
}

.popis_kratky p{
    font-size: 20px;
    line-height: 36px;
}




.parametr_nadpis {
    font-size: 17px;
    line-height: 36px;
}

.popis_dlouhy {
    font-size: 14px;
    line-height: 23px;
    border: 1px solid grey;
    background: #C5C5C5;
}

#popis .popis_dlouhy p{
    color: #4c4c4c;
    padding: 10px;
    margin: 0;
}

/***** Media Quries *****/
@media only screen and (max-width: 1366px) {
    .wrap {
        width: 95%;
    }

    .slider h2 {
        font-size: 1.8em;
    }
}

@media only screen and (max-width: 1280px) {
    .wrap {
        width: 95%;
    }
    .header2 #menutop li a{
        font-size: 18px;
    }
    .header .kosikDiv {
        margin: 9px 13px 0 0;
    }
    .slider h2 {
        font-size: 1.6em;
    }
}

@media only screen and (max-width: 1170px) {
    #search {
        display: none !important;
    }
    .header,.header_spacer,.mainmenu,.sluzby,.menu_detail{
        display: none;
    }
    .nejprodavanejsi,.onas,.detail_produkt_container{
        width: 100%;
    }
    .detail_produkt_container .detail_produkt{
        padding-right: 5px;
    }
    .content_right div#shopping-cart{
        margin: 0;
        padding-top: 20px;
    }
    .onas_content .onas_content_text.row{
        margin-left: 15px;
    }
    .mobile-hledat {
        width: 100%;
        text-align: center;
        padding-top: 42px;
        height: auto;
        border-bottom: 20px solid white;
    }
    .content_right .col-md-3{
        display: none;
    }
    .content_right .clanok-description{
        width: 100%;
        padding: 0;
    }
    .content_right .row{
        margin: 0;
    }
}

@media only screen and (max-width: 1024px) {
    .wrap {
        width: 95%;
    }
    .slider h2 {
        font-size: 1.5em;
    }
    .span1_of_4 h4 {
        font-size: 1em;
    }
}

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

    .produkty_uvodka {
        width: 165px;
    }

    #novinky_modern, #novinky_classic {
        position: inherit;
        height:auto;
    }

    #novinky_uvodka {
        height:auto;
    }

    .produkty_uvodka.hlavna {
        width:250px;
    }

    .novinky_seznam {
        margin-left: 25px;
        width: calc(100% - 275px);
    }

    #texttop {
        left: 19px;
        width:100%!important;
    }
    /* mara edit*/

    .main {
        font-size: 17px !important;
        margin-top: 62px;
    }

    .parametre {
        border-bottom: 1px solid #a3894d;
        padding-left: 17px;
        padding-bottom: 15px;
        margin: 0 auto;
        width: 100%!important;
    }

    #searchbox2 ul li {
        clear: both;
        margin-bottom: 5px;
        background: white;
        padding: 0;
        /* border-radius: 7px; */
        width: 100%;
    }

    #searchbox2 ul {
        font-size: 15px;
        z-index: 1000;
        display: none;
        position: absolute;
        background: #5E5D7C;
        margin-top: 66px;
        width: 95%!important;
        padding: 5px!important;
        padding-bottom: 0!important;
        border-radius: 0!important;
        margin-top: 23px!important;
        margin:0 !important;
    }

    .top-sale-item-title {
        padding:0!important;
        width: 100%!important;
        font-size: 22px;
        text-transform: uppercase;
        display: initial!important;
        color: #0164a2;
        margin-left: 0px!important;
    }

    .sr-close {
        margin-left:0!important;

    }

    #texttop h1 {
        font-size: 30px!important;
        text-align: center!important;
    }

    .content_right {
        width: 100%!important;
        float: right;
    }

    #products-offer {
        margin-top: 111px!important;
        border-top: 1px solid #a3894d;
        padding-top: 25px;
    }

    .product-item {
        float: left;
        position: relative;
        margin-left: 25px;
        margin-bottom: 40px;
        background: #f1f1f1;
        width: 100%!important;
        height: 344px;
    }
    .zpet_button {
        border: 1px solid #B28E40;
        box-shadow: 4px 4px 2px #888888;
        width: 100%!important;
    }

    #product-gallery #mask {
        pointer-events: none!important;
    }

    #product-gallery {
        width: 100%!important;
    }

    .produkty_uvodka {
        width: 100%!important;
    }

    .novinky_seznam {
        margin-left: 25px;
        /* width: calc(100% - 326px); */
        width: 100%!important;
    }

    .aktuality_nadpis h2 {
        font-size: 42px;
        display: block;
        margin: 0 auto;
        width: 100%!important;
        text-align: center!important;
    }

    .novinky-doporucujeme {
        font-weight: 200;
        margin-top: 9px;
        font-size: 23px;
        letter-spacing: 1px;
        margin-bottom: 28px;
        width: 100%!important;
        text-align: center!important;
        margin-top: 22px;
    }
    .produkt_popis {
        background: white;
        padding-top: 0;
        width: 50%;
        float: left;
        position: relative;
        padding: 31px;
    }
    .popis_dlouhy {
        font-size: 14px;
        line-height: 23px;
        margin-top: 40px;
        padding-bottom: 60px;
        border-bottom: 1px solid #a3894d;
        margin-bottom: 20px;
        text-align: center!important;
    }

    .main-wrapper .main{
        margin-top: 0;
    }
    #novinky_classic .novinky_seznam{
        margin-left: 0;
    }
    #novinky_classic .novinky_seznam .product-item{
        margin: 0 0 10px;
    }
    html body{
        background: none;
    }
    .footer_galerie{
        display: none;
    }
    .detail_produkt .produkt_popis{
        width: 100%;
    }
    .produkt_popis .parametre{
        padding-left: 0;
    }
    div#shopping-content .quantity_minus, div#shopping-content .quantity_plus{
        padding: 5px 2px;
    }
    div#shopping-content .cart-product-qty{
        width: 30px;
    }
}

@media only screen and (max-width: 800px) {
    .wrap {
        width: 95%;
    }
    .logo {
        float: none;
        margin: 20px 0;
        text-align: center;
    }
    .main div#shopping-cart div#shopping-content table#checkout tbody td a.cart-product-image-link{
        width: 20%;
    }
    .main div#shopping-cart div#shopping-content table#checkout tbody td a.cart-product-link{
        width: 80%;
    }

    .content_right div#shopping-cart div#shopping-content table#checkout tbody tr{
        height: 100px;
    }
    .content_right div#shopping-cart div#shopping-menu ul li a{
        width: 180px;
    }
    .h_right {
        background: #19BD9B;
        height: 44px;
        float: none;
    }
    .onas .onas_content{
        background: none;
        min-height: 0;
    }
    .onas .onas_content .onas_content_text{
        position: static;
    }
    .menu {
        display: none;
    }

    .nav {
        display: inline-block;
    }

    .sb-search {
        top: 0px;
        min-width: 44px;
        height: 44px;
    }

    .sb-icon-search, .sb-search-submit {
        width: 44px;
        height: 44px;
        line-height: 38px;
    }

    .sb-icon-search {
        color: #fff;
        background: #19BD9B url('../img/search_h.png') no-repeat 10px 10px;
        z-index: 90;
    }

    .sb-search-input {
        width: 90%;
        height: 28px;
        padding: 10px 20px;
    }

    .header_btm {
        padding: 0 4% 4%;
        text-align: center;
    }

    .h_left {
        float: none;
    }

    .soc_icons {
        margin-top: 3%;
        float: none;
    }

    .soc_icons ul li {
        float: none;
        display: inline-block;
        margin-left: 5px;
    }

    .content {
        margin-top: -70px;
    }

    .span1_of_4 {
        float: none;
        width: 100%;
        margin-left: 0%;
    }

    .span1_of_4 h4 {
        margin: 4% 0 2%;
    }

    .span1_of_4 span {
        margin-top: 2%;
    }

    .span1_of_4 p.top {
        margin-top: 1%;
    }

    .f_icons {
        margin: 2% 0 0%;
    }

    .f_nav li a img {
        width: 100%;
    }

    .footer_top {
        text-align: center;
    }

    .f_nav1 {
        float: none;
    }

    .f_nav1 li {
        display: inline-block;
        float: none;
        margin-left: 10px;
    }

    .copy {
        float: none;
        margin: 2% 0;
    }

    .blog_left {
        float: none;
        width: 100%;
    }

    .blog_sidebar {
        float: none;
        width: 100%;
        margin-left: 0%;
    }

    .social_network_likes {
        clear: both;
    }

    .ca-item h4 span.quote {
        width: 14.333%;
    }

    .ca-item h4 span {
        font-size: 1.2em;
    }

    .ca-item span.quote_text {
        width: 80.333%;
    }

    .pagination li a {
        padding: 8px 14px;
    }

    .ca-nav span {
        top: 84%;
        left: 86%;
    }

    .blog_list li a {
        padding: 10px 4px;
    }
}
@media (max-width: 755px){
    #shopping-cart #shopping-content #checkout td .RespoCartTable {
        display: none !important;
    }
    #shopping-cart #shopping-content #checkout td:nth-child(5) a{
        width: 100%;
        position: static;
        margin: 0;
    }
    .content_right div#shopping-cart div#shopping-content table#checkout tfoot a#cart-remove-all{
        margin: 10px 3px;
    }
    .content_right div#shopping-cart div#shopping-content div#cart-steps a#step-right span.step-label{
        padding: 0;
    }
    #shopping-cart #shopping-content td{
        border-bottom: none!important;
    }
    .content_right div#shopping-cart{
        width: 100%;
    }
    .content_right div#shopping-cart div#shopping-content{
        margin: 0;
        padding: 0;
    }
    #checkout .smaller td:nth-child(2),#checkout .smaller td:nth-child(3){
        display: none!important;
    }
    .content_right #shopping-content #checkout .smaller td:first-child{
        height: 36px !important;
    }
}

@media only screen and (max-width: 640px) {
    .wrap {
        width: 95%;
    }

    .content_left {
        float: left;
        width: 100%;
    }
    .content_right {
        float: left;
        width: 90%;
    }
    .sipka-hore {
        display: none;
    }
    .product-item {
        float: left !important;
        margin-right: 15px !important;
    }
    .footerBlock {
        width: 45% !important;
    }

    #newsletter {
        display: none;
    }

    .news-text {
        display: none;
    }

    #filters li {
        display: inline-block;
        margin: 0 5px;
    }

    .text-title {
        font-size: 0.8725em;
    }

    #filters li span {
        font-size: 0.8125em;
        padding: 4px 0px;
    }

    .content {
        margin-top: -50px;
    }

    .cont-grid-img {
        margin-right: 0%;
        float: none;
        width: 100%;
    }

    .cont-grid {
        float: none;
        width: 100%;
    }

    .cont-grid h4 {
        font-size: 1.2em;
    }

    .folio_list li h3 {
        font-size: 1em;
    }

    .folio_list li {
        float: left;
        width: 44.3333%;
    }

    .folio_list li:nth-child(3) {
        margin-left: 0;
    }
    .blog_left {
        float: none;
        width: 100%;
    }
    .b_right h4 {
        font-size: 1em;
    }
    .blog_list li a {
        font-size: 0.8125em;
        padding: 10px 0px;
    }
    .blog_list {
        float: none;
    }
    .blog_art {
        float: none;
    }
    .b_left {
        width: 12.333333%;
    }
    .b_right {
        float: left;
        width: 84.333333%;
    }
    .tag_nav {
        margin: 4% 0;
    }
    .contact_left {
        float: none;
        margin-right: 0%;
        width: 100%;
    }
    .map {
        margin: 2% 0%;
    }
    .contact_right {
        float: none;
        width: 100%;
    }
    pre {
        overflow: scroll;
    }
    .nadpis-podkat {
        position: relative !important;
        float: left;
        width: 100% !important;
        margin-left: 0px !important;
    }

}
@media only screen and (max-width: 480px) {
    .main .detail_produkt_container{
        padding: 0 5px;
    }
    #shopping-content div.cart-form-box div#password-switch label{
        width: auto;
        padding: 0;
        margin: 0;
        float: none;
    }
    #shopping-content div.cart-form-box div#password-switch{
        float: none;
    }
    /* mara edit*/
    .slider_home {
        width: auto !important;
        display: none!important;
    }
    #checkout tfoot >tr>td>div{
        width: auto!important;
    }
    #checkout tfoot >tr>td>div .cart-total-vat{
        width: auto!important;
        font-size: 13px!important;
    }
    .content_right div#shopping-cart div#shopping-content table#checkout tfoot td span.cart-total-vat span.total-right{
        font-size: 13px;
        margin: 0 0 0 5px;
    }
    #lista {
        display: none!important;
    }
    .main {
        font-size: 17px !important;
        margin-top: 62px;
    }

    .popis_dlouhy {
        font-size: 14px;
        line-height: 23px;
        margin-top: 40px;
        padding-bottom: 60px;
        border-bottom: 1px solid #a3894d;
        margin-bottom: 20px;
        text-align: center!important;
    }

    .produkty_uvodka {
        width: 100%!important;
    }

    .novinky_seznam {
        margin-left: 25px;
        width: 100%!important;
    }

    .parametre {
        border-bottom: 1px solid #a3894d;
        padding-left: 17px;
        padding-bottom: 15px;
        margin: 0 auto;
        width: 100%!important;
    }

    #searchbox2 ul li {
        clear: both;
        margin-bottom: 5px;
        background: white;
        padding: 0;
        width: 100%;
    }

    #searchbox2 ul {
        font-size: 15px;
        z-index: 1000;
        display: none;
        position: absolute;
        background: #5E5D7C;
        margin-top: 66px;
        width: 95%!important;
        padding: 5px!important;
        padding-bottom: 0!important;
        border-radius: 0!important;
        margin-top: 23px!important;
        margin:0 !important;
    }
    .top-sale-item-title {
        padding:0!important;
        width: 100%!important;
        font-size: 22px;
        text-transform: uppercase;
        display: initial!important;
        color: #0164a2;
        margin-left: 0px!important;
    }
    .sr-close {
        margin-left:0!important;
    }
    #texttop h1 {
        font-size: 30px!important;
        text-align: center!important;
    }
    .content_right {
        width: 100%!important;
        float: right;
    }
    #products-offer {
        margin-top: 111px!important;
        border-top: 1px solid #a3894d;
        padding-top: 25px;
    }
    .product-item {
        float: left;
        position: relative;
        margin-left: 25px;
        margin-bottom: 40px;
        background: #f1f1f1;
        width: 100%!important;
        height: 344px;
    }
    .zpet_button {
        border: 1px solid #B28E40;
        box-shadow: 4px 4px 2px #888888;
        width: 100%!important;
    }
    #product-gallery #mask {
        pointer-events: none!important;
    }

    #product-gallery {
        width: 100%!important;
    }

    .aktuality_nadpis h2 {
        font-size: 42px;
        display: block;
        margin: 0 auto;
        width: 100%!important;
        text-align: center!important;
    }

    .novinky-doporucujeme {
        font-weight: 200;
        margin-top: 9px;
        font-size: 23px;
        letter-spacing: 1px;
        margin-bottom: 28px;
        width: 100%!important;
        text-align: center!important;
        margin-top: 22px;
    }

    .slider_home {
        width: 100%!important;
        max-width: 100%;
        display: none!important;
    }

    #lista {
        width: 100%;
        left: 0;
        margin-left: 0;
        display: none!important;
    }

    .produkt_popis {
        background: white;
        padding-top: 0;
        width: 50%;
        float: left;
        position: relative;
        padding: 31px;
    }


    .podkategorie-col {
        float: left;
        width: 100%!important;
        text-align: center;
        font-weight: bold;
        line-height: 16px;
        margin-top: 24px;
        color: black;
        min-height: 130px;
        margin-top: 78px!important;
    }

    #texttop {
        position: absolute;
        float: right;
        width: 50%;
        right: 0;
        margin-top: 16px;
        margin-right: 58px;
        display: none!important;
    }


    /*konec  mara edit */
    .produkty_uvodka.hlavna {
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
    }

    .slider_home, #lista {
        display:none!important;
    }

    #texttop h1{
        font-size:20px!important;
    }
}
@media only screen and (max-width: 480px) {
    .wrap {
        width: 95%;
    }
    #AddToCartPopup2 .PokracovatVnakupu{
        padding: 0 5px;
        margin-left: 0!important;
    }
    #AddToCartPopup2 .ObsahKosiku{
        margin-right: 0!important;
        padding: 0 5px;
    }
    .footerBlock {
        width: 90% !important;
        text-align: center;

    }
    .detail_produkt .produkt_popis{
        padding: 0;
    }
    .content {
        margin-top: -40px;
    }

    .h_left h2 {
        font-size: 1.2em;
    }

    #portfoliolist .portfolio {
        width: 45%;
        margin: 10px;
    }

    .header_btm {
        padding: 0% 4% 4%;
    }

    .slider h2 {
        font-size: 1.2em;
        font-weight: 400;
    }

    .slider h3 {
        font-size: 0.8125em;
        font-weight: 400;
    }

    .folio_list li {
        float: none;
        width: 100%;
        text-align: center;
        margin: 2% 0;
    }

    .b_left {
        width: 16.333333%;
    }

    .b_right {
        width: 80.333333%;
    }

    .ca-item h4 span {
        font-size: 0.8125em;
    }

    .ca-nav span {
        top: 85%;
        left: 77%;
    }

    .pagination {
        top: -40px;
    }

    .ca-container {
        height: 180px;
    }

    .contact-form input[type="text"], .contact-form textarea {
        width: 93.3333%;
    }

    .details h2 {
        font-size: 1em;
    }
}

@media only screen and (max-width: 320px) {
    .wrap {
        width: 95%;
    }

    .header {
        padding: 4% 4%;
    }

    .content {
        margin-top: -20px;
    }

    .cont-grid h4 {
        font-size: 1em;
    }

    #portfoliolist .portfolio {
        width: 100%;
        margin: 10px 0px;
    }

    .h_left h2 {
        font-size: 1em;
    }

    .soc_icons h2 {
        font-size: 1em;
    }

    .b_left {
        float: none;
        width: 100%;
        margin-right: 0;
    }

    .b_right {
        margin-top: 4%;
        width: 100%;
    }

    .ca-container {
        height: 250px;
    }

    .ca-nav span {
        top: 75%;
        left: 65%;
    }

    .pagination {
        top: -15px;
    }

    .resp-tab-item {
        font-size: 0.8125em;
    }

    .contact-form input[type="text"], .contact-form textarea {
        width: 90.3333%;
    }
}

#searchbox2 ul {
    font-size: 15px;
    z-index: 1000;
    display: none;
    position: absolute;
    background: #cecdcd;
    width: 95%;
    padding: 5px;
    border-radius: 12px;
    margin: 0;
}

.flex-control-nav {
    z-index: 1;
}


.podkategorie-col {
    float: left;
    width: 50%;
    text-align: center;
    font-weight: bold;
    line-height: 16px;
    margin-top: 24px;
    color: black;
    min-height: 130px;
}


.cenaod strong {
font-weight:normal;
}


div#shopping-cart div#shopping-content table#checkout tbody td a.cart-product-link {
    text-decoration: none;
    font-weight: bold;
    color: #3A3A3A;
    line-height: 17px;
    float: left;
}

.cenaod {
    position: absolute;
    text-align: center;
    float: left;
    background-color: rgb(241, 241, 241);
    color: black;
    margin: 0 auto;
    left: 0;
    top: 90%;
    font-size: 19px;
    padding: 5px 10px 5px 10px;
}
.mnozstevni_sleva_container{
    float: left;
    padding: 5px;
    background: #C5C5C5;
    border: 1px solid grey;
    width: 100%;
}
.mnozstevni_sleva_nadpis{
    color: red;
    font-weight: bold;
}
#jednotka{
    display: none;
}
.novinky_text_obr a{
    display: block;
    width: 30%;
    float: left;
}
.novinky_text_obr img{
    display: block;
    width: 70%;
    float: left;
}
#mycarousel{
    height: 500px;
}
.detail_produkt .baleni{
    background: #EE2133;
    padding: 5px;
    color: white;
    border: 1px solid #313131;
}