/* styly VSS */

body {
  color: #000000;
  }

.novinkaobr{float: right;margin-right:-19px;}
#uvodnirozcestniktypu_n{max-width: 1418px;margin: 40px auto 0 auto;}
#uvodnirozcestniktypu_n a:link{text-decoration: underline;}
#uvodnirozcestniktypu_n a:hover{text-decoration: none;}
#uvodnirozcestniktypu_n h3 a:link{text-decoration: none;font-size:27px;font-weight:800;}
#uvodnirozcestniktypu_n h3 a:hover{text-decoration: underline;font-size:27px;font-weight:800;}
#uvodnirozcestniktypu_n .col-sm-6{margin-bottom: 10px; max-width:49%;margin-right:1%;}
#uvodnirozcestniktypu_n .col-sm-6 h3{font-size:27px;font-weight:800;margin-bottom:3px;}
@media only screen and (max-width: 768px) {
#uvodnirozcestniktypu_n .col-sm-6{margin-bottom: 10px; max-width:100%;margin-right:0;padding-top:0px;padding-bottom:0px;}
}
.ur-cislovani{
        background: #fff url("https://www.vymalujsisam.cz/user/documents/podkres-cisla3.jpg") center center;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        border: 1px solid #3F7373;
        padding-left: 30px;
}
.ur-cislovani:hover{border: 1px solid #F28F79;}
.ur-diamantovani{
        background: #fff url("https://www.vymalujsisam.cz/user/documents/podkres-diamantovani2.jpg") center center;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        border: 1px solid #3F7373;
        padding-left: 30px;
        }
.ur-diamantovani:hover{border: 1px solid #F28F79;}
.ur-teckovani{
        background: #fff url("https://www.vymalujsisam.cz/user/documents/podkres-teckovacka2.jpg") center center;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        border: 1px solid #3F7373;
        padding-left: 30px;
        }
.ur-teckovani:hover{border: 1px solid #F28F79;}
.ur-zazehlovani{
        background: #fff url("https://www.vymalujsisam.cz/user/documents/podkres-zazehlovacky2.jpg") center center;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        border: 3px solid #3F7373;
        padding-left: 30px;
        }
.ur-zazehlovani:hover{border: 3px solid #F28F79;}
@media only screen and (max-width: 768px) {
#uvodnirozcestniktypu_n .col-sm-6{margin-bottom: 10px; max-width:100%;margin-right:0;padding-top:0px;padding-bottom:0px;}
.ur-cislovani{background: #fff url("https://www.vymalujsisam.cz/user/documents/podkres-cisla3_s.jpg") center center;}
.ur-diamantovani{background: #fff url("https://www.vymalujsisam.cz/user/documents/podkres-diamantovani2_s.jpg") center center;}
.ur-teckovani{background: #fff url("https://www.vymalujsisam.cz/user/documents/podkres-teckovacka2_s.jpg") center center;}
.ur-zazehlovani{background: #fff url("https://www.vymalujsisam.cz/user/documents/podkres-zazehlovacky2_s.jpg") center center;}
}


@media only screen and (max-width: 768px) {
    .flags-extra .flag {width: 45px;height: 45px;}
}

    
.blog-hp::before{
text-align: center !important;
font-size: 30px !important;
font-weight: 800 !important;
margin-top: 50px !important;
margin-bottom: 25px !important;
text-transform: uppercase;
color: #3f7373!important;
}

    
#fullvanoce {
        background: #fff url("https://www.vymalujsisam.cz/user/documents/2022-04-01-spring.jpg") top center;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        padding-bottom: 50px;
    }
    
    @media only screen and (max-width: 768px) {
        #soupatkadole .col-sm-4 {
            width: 100% !important;
            display: block !important;
        }
    #fullvanoce {
        background-image: url("https://www.vymalujsisam.cz/user/documents/2022-04-01-spring_m.jpg")!important;
        }
    .rozcestniksestinem{
    		margin-bottom: 20px;
    }
    }

    h3.cerne {
        color: #000 !important;
    }
    #soupatkadole {
        max-width: 1418px;
        margin: 0 auto;
    }

    #soupatkadole h3 {
        text-align: center;
        font-size: 24px;
        font-weight: 800;
        margin-top: 10px;
    }
    #soupatkadole p {
        text-align: center;
    }
    #soupatkadole a {
        text-decoration: underline;
        padding-top: 10px;
    }
    #videanahome {
        max-width: 1418px;
        margin: 0 auto;
    }
    #videanahome h3 {
        text-align: center;
        font-size: 24px;
        font-weight: 800;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #videanahome a:hover {
        text-decoration: underline;
    }
    #videanahome p {
        text-align: center;
    }
    #uvodnibannerleva {
        text-align: left;
        padding-top: 80px;
        padding-bottom: 40px;
        max-width: 1418px;
        margin: 0 auto;
        padding-left: 40px;
    }
    #uvodnibannerleva h2 {
        font-size: 43px;
        font-weight: 800;
        margin-top: 10px;
        margin-bottom: 5px;
    }
    #uvodnibannerleva h3 {
        font-size: 25px;
        font-weight: 400;
        margin-top: 10px;
    }

    .rozcestnikuvod h3 {
        color: #3f7373 !important;
        text-align: center;
    }
    .rozcestnikuvod {
        text-align: center;
    }

    .rozcestniksestinem {
        box-shadow: 1px 1px 11px 4px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 1px 1px 11px 4px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 1px 1px 11px 4px rgba(0, 0, 0, 0.1);
        background: #fff;
        padding: 20px;
    }
    .rozcestniksestinem h3 {
        text-align: center;
        font-size: 24px;
        font-weight: 800;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .rozcestniksestinem p {
        text-align: center;
    }
    .rozcestniksestinem a:hover {
        text-decoration: underline;
    }
    #uvodnirozcestniktypu {
        max-width: 1418px;
        margin: 40px auto 0 auto;
    }

    
    
    .latest-contribution-box {
        visibility: hidden !important;
        height: 0 !important;
    }

    h3.nadpish3 {
        text-align: center !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 50px !important;
        margin-bottom: 25px !important;
        text-transform: uppercase;
    }

    @media only screen and (min-width: 768px) {
        #header {
            background: #fff url("https://www.vymalujsisam.cz/user/documents/upload/zelenypodkres.jpg") center bottom no-repeat !important;
        }
        #navigation {
            background: transparent !important;
        }
        .navigation-in {
            background: transparent !important;
        }
        .menu-level-1 a {
            color: #f28f79 !important;
        }
        .menu-level-1 a:hover {
            color: #f28f79 !important;
        }
        .menu-level-1 .active {
            color: #f28f79 !important;
        }
        .menu-level-2 a {
            color: #3f7373 !important;
        }
        .menu-level-3 a {
            color: #333 !important;
        }
    }
    .middle-banners-wrapper {
        max-width: 1418px;
        margin: 0 auto;
    }
    .welcome-wrapper {
        max-width: 1418px;
        margin: 0 auto;
    }



#navigation ul.menu-level-1 > li > a {
  background: transparent;
  color: #fff!important;
  letter-spacing: 0.4px;
  font-size: 1em;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
@media only screen and (max-width: 768px) {
  #navigation ul.menu-level-1 > li > a {
  color:#3F7373!important;
  }}
#navigation ul.menu-level-1 > li > a:hover,
#navigation ul.menu-level-1 > li > a.active {
  color: #F2C1B6!important;
  background: rgba(255, 255, 255, 0.1);
  margin: 0;
}

.latest-contribution-box{
  visibility:hidden!important;
  height:0!important;
}

@media only screen and (max-width: 768px){
  #uvodnibanner iframe{
  height:300px!important;
  }
  }
  
body{font-size: 16px;font-weight: 100;}
h1 {color: #3f7373!important;font-weight: 400;}
h2 {color: #3f7373!important;font-weight: 400;}
h3 {color: #3f7373!important;font-weight: 400;}
h4 {color: #F28F79!important;font-weight: 400;}
/*
.cart-table tr.related {display: table-row;}
*/
.products-related .name {font-size: 16px!important;height: 40px;}
.p-detail{display: flex; flex-direction: column;}
.p-detail-inner{order: -5;}
.shp-tabs-wrapper{order: -4;}
.product-top{order: -3;}
.products-related-header{order: -2;}
.products-related {order: -1;}


.p-info-wrapper{display: flex; flex-direction: column;}
.p-final-price-wrapper{order: -6;}
.availability-value{order: -5;}
.detail-parameters{order: -4;}
#dkLabNoteFileForm{order: -3;}
.add-to-cart{order: -2;}
.p-short-description{order: -1;}

.flag.flag-discount {background-color: #f28f79;}

h1{color:#3f7373;}
.products-block.products .p .name {height: 60px;}
.shp-tabs-holder, .shp-tabs {background:none!important;border:none!important;}
.products-block.products-related>div:nth-child(4n) {border:none!important;}
.products>div{border:none!important;}
.products-related:after{visibility:hidden!important;}
.top-navigation-menu {display: none !important;height:0px!important;}
.top-navigation-contacts a{color:#3F7373;}
.top-navigation-tools a{color:#3F7373;}
.top-navigation-bar {
border:none!important;
-webkit-box-shadow: 0px 0px 38px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 38px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 38px 0px rgba(0,0,0,0.2);}

#header {background:transparent;}
.form-control{
border-color: #8ABFBF;
border-radius: 0px;}

@media only screen and (min-width: 1000px) {
#header .site-name a img {
    max-height: 80px;
    max-width: 400px;}
.site-name{margin-top:-10px!important;}
}

@media (min-width: 768px){
.navigation-in {background-color: #ffffff;}
.navigation-in>ul>li>a {
color: #3F7373;
text-transform: uppercase;}
.navigation-in>ul>li {border:none;}
}

.homepage-box {
    border:none;
    background-color: transparent;
    padding-top:0px;
}


#aboutbanner{
  -webkit-box-shadow: 0px 0px 38px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 38px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 38px 0px rgba(0,0,0,0.2);
  padding:0;
  }
  #aboutbanner .col-sm-4{padding:0;}
  #aboutbanner p{text-align:center;}
  #aboutbanner h2{
  text-align:center;
  color:#f28f79;
  font-size: 36px;
  font-weight:800;
  margin-top:10px;
  margin-bottom:5px;}
  #aboutbanner h3{
  color:#f28f79;
  text-align:center;
  font-size: 22px;
  font-weight:200;
  margin-top:10px;}
  .seda{color:#6a6a6a!important;}
  #prostrednibannerovydiv{padding-top: 30px!important;}
  
  
  @media only screen and (max-width: 900px) {
      #aboutbanner{box-shadow: none!important;}
      #aboutbanner .col-sm-4{width:100%;
      padding-bottom:30px;}
      #aboutbanner .col-sm-3{text-align: center!important;}
  }




 

#aboutbanner2{
  -webkit-box-shadow: 0px 0px 38px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 38px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 38px 0px rgba(0,0,0,0.2);
  padding:0;
  }
  #aboutbanner2 .col-sm-4{padding:0;}
  #aboutbanner2 p{text-align:center;}
  #aboutbanner2 h2{
  text-align:center;
  color:#f28f79;
  font-size: 36px;
  font-weight:800;
  margin-top:10px;
  margin-bottom:5px;}
  #aboutbanner2 h3{
  color:#f28f79;
  text-align:center;
  font-size: 22px;
  font-weight:200;
  margin-top:10px;}
  
  
  @media only screen and (max-width: 900px) {
      #aboutbanner2{box-shadow: none!important;}
      #aboutbanner2 .col-sm-4{width:100%;
      padding-bottom:30px;}
      #aboutbanner2 .col-sm-3{text-align: center!important;}
  } 


.homepage-box .container{
  width:100%!important;
}

.middle-banners-wrapper {
  max-width: 1418px;
  margin: 0 auto;
}
.welcome-wrapper {
  max-width: 1418px;
  margin: 0 auto;
}
#fullgreen{
  /*background: #e0ecfb;*/
  background: #e0ecfb url('pozadihome.jpg') center center;
background-size: cover!important;
}

#uvodnibanner{
  text-align:center;
  padding-top:40px;
  padding-bottom:40px;
  max-width:1418px;
  margin: 0 auto;
  }
  #uvodnibanner h2{font-size: 43px;
  font-weight:800;
  margin-top:10px;
  margin-bottom:5px;}
  #uvodnibanner h3{font-size: 25px;
  font-weight:400;
  margin-top:10px;}




  #uvodnibannerleva{
    text-align:left;
    padding-top:40px;
    padding-bottom:40px;
    max-width:1418px;
    margin: 0 auto;
    }
    #uvodnibannerleva h2{font-size: 43px;
    font-weight:800;
    margin-top:10px;
    margin-bottom:5px;}
    #uvodnibannerleva h3{font-size: 25px;
    font-weight:400;
    margin-top:10px;}

.rozcestnikuvod h3{color:#3F7373!important;text-align: center;}
.rozcestnikuvod {text-align: center;}

.rozcestniksestinem{
  box-shadow: 1px 1px 11px 4px rgba(0,0,0,0.55);
-webkit-box-shadow: 1px 1px 11px 4px rgba(0,0,0,0.55);
-moz-box-shadow: 1px 1px 11px 4px rgba(0,0,0,0.55);
}

#zfotky h2{color:#3F7373!important;}
#diamantovani h2{color:#f28f79!important;}
#zfotky h3{color:#3F7373!important;}

#diamantovani h3{color:#f28f79!important;}

.zelene{color:#3F7373!important;}
.ruzove{color:#f28f79!important;}

.ruzovetlacitko {
	background-color:#f28f79;
	display:inline-block;
	cursor:pointer;
	color:#ffffff!important;
	padding:15px 31px;
	text-decoration:none;
text-transform: uppercase;
}
.ruzovetlacitko:hover {
	background-color:#f2c1b6;
transform: scale(1.06);
}
.ruzovetlacitko:active {
	position:relative;
	top:1px;
}

.ruzovetlacitkooutlined {
	border:#f28f79 1px solid;
  color: #3F7373!important;
	display:inline-block;
	cursor:pointer;
	padding:5px 10px;
	text-decoration:none;
text-transform: uppercase;
margin-top:20px;
}
.ruzovetlacitkooutlined:hover {
  border:#f2c1b6 1px solid;
transform: scale(1.06);
}

.zelenetlacitko {
	background-color:#3F7373;
	display:inline-block;
	cursor:pointer;
	color:#ffffff!important;
	padding:15px 31px;
	text-decoration:none;
text-transform: uppercase;
}
.zelenetlacitko:hover {
	background-color:#8ABFBF;
transform: scale(1.06);
}
.zelenetlacitko:active {
	position:relative;
	top:1px;
}



.zelenetlacitkooutlined {
	border:#3F7373 1px solid;
  color: #3F7373!important;
	display:inline-block;
	cursor:pointer;
	padding:5px 10px;
	text-decoration:none;
text-transform: uppercase;
margin-top:20px;
}
.zelenetlacitkooutlined:hover {
  border:#8ABFBF 1px solid;
transform: scale(1.06);
}


#benefity{
text-align:center;
font-size: 24px;

max-width:1418px;
margin: 30px auto;
}

#benefity2{
margin-top:30px;
margin-bottom:30px;
text-align:center;
font-size: 17px;
color:#3F7373;}

#kategorierozcestnik{text-align:center;padding-bottom:30px;max-width:1418px;margin: 30px auto 0 auto;}
#kategorierozcestnik a{
text-align:center;
font-size:18px;
line-height:35px;}
p#viceskladovek{text-align:center;text-decoration:underline;}
#kategorierozcestnik img:hover {transform: scale(1.06)!important;}


#kategorierozcestnik2{text-align:center;padding-bottom:30px;max-width:1418px;margin: 30px auto 0 auto;}
#kategorierozcestnik2 a{
text-align:center;
font-size:18px;
line-height:35px;}
#kategorierozcestnik2 img:hover {transform: scale(1.06)!important;}

.h4.homepage-group-title {
color:#3F7373;
font-weight:100;}

.breadcrumbs {border:none;}
.sidebar {background-color: transparent;}

.welcome div{max-width: 100%;}
.welcome h2{font-size: 43px;
font-weight:800;
color:#3F7373;
margin-top:0px;
margin-bottom:10px;}

.welcome h3{font-size: 22px;
font-weight:400;
color:#F28F79;
margin-top:0px;
margin-bottom:10px;}

.welcome h4{font-size: 22px;
font-weight:400;
color:#3F7373;
}

.products>div {border:none;}
@media (min-width: 1200px){
.products-block>div:nth-child(even) {
    border:none;
}
}

.ordering-process #header {border:none;}
body.ordering-process {background-color: #ffffff;}

#footer{background:#f2f2f2;border:none;}
#footer>.container {background:#f2f2f2;}
.custom-footer h4{color: #3F7373;font-weight:600;}
#footer .footer-rows .site-name {display: none;}
#footer .custom-footer {padding-left: 0px !important;}
#footer li{font-size: 14px;}

.type-category #content {
      display: flex;
      flex-direction: column;
}
.type-category #content h1 {
      order: -2;
}
.type-category #content .category-perex {
      order: -1;
}

.products-block.products .p .name {
    overflow: hidden;
    font-size: 22px;
}
.price-final {
    color: #818180;
}
* {
   font-weight:100;
}
.category-header {
    background-color: #ffffff;
}
@media only screen and (max-width: 900px) {
img.sipkautlacitka{visibility:hidden;height:0px;}
.banner-wrapper{text-align:center;}
#uvodnibanner h2{font-size: 27px;}
#uvodnibanner h3{font-size: 20px;}
#benefity div {font-size: 20px;text-align:center!important;}
#benefity .col-sm-3{text-align:center!important;}
#uvodnibanner{padding-top:0px;padding-bottom:0px;}
#header{}
.top-navigation-bar{box-shadow:none!important;}
#header .site-name a img{max-height: 90px;}
#benefity{padding-bottom: 30px;}
#zfotky{margin-bottom:50px;}
#diamantovani {margin-bottom:50px;}
.custom-footer{text-align:center!important;}
.welcome{text-align:center!important;}
#kategorierozcestnik .col-sm-2{width:50%;float:left;}
#kategorierozcestnik2 .col-sm-2{width:50%;float:left;}
.banner-wrapper .col-sm-4{width:33%;float:left;}
}
ul.slick-dots{visibility:hidden;height:0px;}
@media (min-width: 1200px){
.content-inner {
    max-width: 1123px;
}
}


.timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}
.timeline h2{color: #3f7373}

.timeline::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: #f2f2f2;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}

.containervss {
  padding: 10px 40px;
  position: relative;
  background-color: inherit;
  width: 50%;
}

.containervss::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  right: -12px;
  background-color: #f2f2f2;
  border: 4px solid #f28f79;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}

.left {
  left: 0;
}

.right {
  left: 50%;
}

.left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  right: 30px;
  border: medium solid #f2f2f2;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #f2f2f2;
}

.right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 30px;
  border: medium solid #f2f2f2;
  border-width: 10px 10px 10px 0;
  border-color: transparent #f2f2f2 transparent transparent;
}

.right::after {
  left: -16px;
}

.contentvss {
  padding: 20px 30px;
  background-color: #f2f2f2;
  position: relative;
  border-radius: 6px;
}

@media screen and (max-width: 600px) {
/* Place the timelime to the left */
  .timeline::after {
    left: 31px;
  }

  .containervss {
    width: 100%;
    padding-left: 70px;
    padding-right: 25px;
  }

  .containervss::before {
    left: 60px;
    border: medium solid #f2f2f2;
    border-width: 10px 10px 10px 0;
    border-color: transparent #d3e7e8 transparent transparent;
  }

  .left::after, .right::after {
    left: 15px;
  }

  .right {
    left: 0%;
  }
}




ul.subcategories li{
  width: 25%;
}

ul.subcategories li {
  width: 25%;
  }

.subcategories.with-image li a {
  height: 100px;
  }
.subcategories li a .text{
max-height: 50px;
}

.subcategories.with-image li a .image {
  width: 48%;
  max-width: 100px;
  height: auto;
  margin-left: 0px;
  }

.subcategories.with-image li a .image img {
  max-height: 250px;
  }

@media only screen and (min-width: 300px) and (max-width: 600px) {
  ul.subcategories li {
      width: 100% !important;
      }

  .subcategories.with-image li a .image {
      width: 26%;
      }
  }