contacts-photo.my-gallery {
  display:inline;
  width:150px;
  /*float:right;*/
}
.my-gallery img {
}
.my-gallery figure {

}
.my-gallery figcaption {
  display: none;
}

.hd {display:none;}
.products-group {border:1px solid #eee!important;}

.container-fluid.container-limited img{
    max-width: 100%;
}
    .f-60{
        font-family: Roboto Condensed, Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 60px;
        line-height: 1.1;
        
    padding: 0 0 0.1em 0;
    }
    .f-28{
        font-family: Roboto Condensed, Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 28px;
        line-height: 1.1;
        font-weight: 700;
        
    padding: 0 0 0.3em 0;
    }
    @media (max-width: 767px){
        .f-60{
            font-size: 36px;
        }
    }


.heroimage {
    position: relative;
    min-height: auto;
    margin: 0;
    padding: 0;
}

.carousel .item {
    height: auto;
}
.heroimage > .hero-overlay {
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 60px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
@media (max-width: 600px) {
  .heroimage > .hero-overlay {
    padding-left: 15px;
    padding-right: 100px;
  }
}
.heroimage .badge {
  width: 150px;
  height: 150px;
  border-radius: 75px;
  background-color: #f47220;
  color: white;
  font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  font-weight: 300;
  font-size: 36px;
  padding: 40px 20px;
  float: right;
}
.heroimage .badge a {
  color: inherit;
}
@media (max-width: 767px) {
  .heroimage .badge {
    width: 116px;
    height: 116px;
    border-radius: 58px;
    font-size: 26px;
    padding: 30px 15px;
  }
}
.heroimage .bigtext {
  margin-top: 20px;
  margin-bottom: 20px;
}
.heroimage .bigtext p {
  font-size: 80px;
  color: white;
  font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 100px;
  margin: 0;
  width: auto;
}
@media (max-width: 1800px) {
  .heroimage .bigtext p {
    font-size: 64px;
    line-height: 80px;
  }
}
@media (max-width: 1600px) {
  .heroimage .bigtext p {
    font-size: 55px;
    line-height: 62px;
  }
}
@media (max-width: 1400px) {
  .heroimage .bigtext p {
    font-size: 48px;
    line-height: 55px;
  }
}
@media (max-width: 1200px) {
  .heroimage .bigtext p {
    font-size: 36px;
    line-height: 42px;
  }
}
@media (max-width: 950px) {
  .heroimage .bigtext p {
    font-size: 30px;
    line-height: 36px;
  }
}
@media (max-width: 750px) {
  .heroimage .bigtext p {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (max-width: 420px) {
  .heroimage .bigtext p {
    font-size: 18px;
    line-height: 24px;
  }
}
.heroimage .bigtext p span {
  padding: 0 10px;
  background-color: #030c1c;
  background-color: rgba(3, 12, 28, 0.6);
  display: inline-block;
  /*@media(min-width:500px){
                    padding: 0;
                    &:first-child {
                        padding-left: 10px;
                    }
                    &:last-child {
                        padding-right: 10px;
                    }
                }*/
}
@media (max-width: 1200px) {
  .heroimage .bigtext p span {
    padding: 0 5px;
  }
}
.heroimage .bigtext p a {
  color: inherit;
}
.heroimage .bigtext.nobg p span {
  background-color: transparent;
  color: #273a60;
}
.heroimage-carousel {
    margin-bottom: 40px;
    min-height: auto;
}
@media (max-width: 450px) {
}
.heroimage-carousel .carousel-controls {
  position: absolute;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  bottom: 10px;
  text-align: center;
}
.heroimage-carousel .carousel-controls a {
  color: white;
  margin: 0 10px;
}
.heroimage-carousel .carousel-controls .carousel-indicators {
  position: relative;
  display: inline-block;
  margin: 0;
  left: auto;
  top: 0;
  bottom: 0;
  width: auto;
}


/* ========================================================== PK */

@font-face {
	font-family: "HusqvarnaGothic";
	src: url(font/HusqvarnaGothic-Regular.eot?#iefix);
	src: url(font/HusqvarnaGothic-Regular.eot) format("eot"), url(font/HusqvarnaGothic-Regular.woff) format("woff"), url(font/HusqvarnaGothic-Regular.ttf) format("truetype"), url(font/HusqvarnaGothic-Regular.svg#HusqvarnaGothic-Regular) format("svg")
}

@font-face {
	font-family: "HusqvarnaGothic";
	src: url(font/HusqvarnaGothic-RegularItalic.eot?#iefix);
	src: url(font/HusqvarnaGothic-RegularItalic.eot?#iefix) format("eot"), url(font/HusqvarnaGothic-RegularItalic.woff) format("woff"), url(font/HusqvarnaGothic-RegularItalic.ttf) format("truetype"), url(font/HusqvarnaGothic-RegularItalic.svg#HusqvarnaGothic-RegularItalic) format("svg");
	font-style: oblique
}

@font-face {
	font-family: "HusqvarnaGothic";
	src: url(font/HusqvarnaGothic-Bold.eot?#iefix);
	src: url(font/HusqvarnaGothic-Bold.eot?#iefix) format("eot"), url(font/HusqvarnaGothic-Bold.woff) format("woff"), url(font/HusqvarnaGothic-Bold.ttf) format("truetype"), url(font/HusqvarnaGothic-Bold.svg#HusqvarnaGothic-Bold) format("svg");
	font-weight: 700
}

@font-face {
	font-family: "HusqvarnaGothic";
	src: url(font/HusqvarnaGothic-BoldItalic.eot?#iefix);
	src: url(font/HusqvarnaGothic-BoldItalic.eot?#iefix) format("eot"), url(font/HusqvarnaGothic-BoldItalic.woff) format("woff"), url(font/HusqvarnaGothic-BoldItalic.ttf) format("truetype"), url(font/HusqvarnaGothic-BoldItalic.svg#HusqvarnaGothic-BoldItalic) format("svg");
	font-weight: 700;
	font-style: oblique
}

@font-face {
	font-family: "HusqvarnaGothic";
	src: url(font/HusqvarnaGothic-Light.eot?#iefix);
	src: url(font/HusqvarnaGothic-Light.eot?#iefix) format("eot"), url(font/HusqvarnaGothic-Light.woff) format("woff"), url(font/HusqvarnaGothic-Light.ttf) format("truetype"), url(font/HusqvarnaGothic-Light.svg#HusqvarnaGothic-Light) format("svg");
	font-weight: lighter
}

@font-face {
	font-family: "HusqvarnaGothic";
	src: url(font/HusqvarnaGothic-LightItalic.eot?#iefix);
	src: url(font/HusqvarnaGothic-LightItalic.eot?#iefix) format("eot"), url(font/HusqvarnaGothic-LightItalic.woff) format("woff"), url(font/HusqvarnaGothic-LightItalic.ttf) format("truetype"), url(font/HusqvarnaGothic-LightItalic.svg#HusqvarnaGothic-LightItalic) format("svg");
	font-weight: lighter;
	font-style: italic
}



body {color: #3D3D3C; font-size: 18px; font-weight: 300; font-family: 'Roboto', sans-serif;
  line-height: 1.6;  
  }

h1, h2, h3, h4 {
  font-weight: bold;
  letter-spacing: -0.4px;
  font-family: "HusqvarnaGothic",Arial,sans-serif;
}

.d-flex {display: flex;}

.header {
  min-height: 60px;
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #fff;
  color: #3D3D3C;
}

.header {padding-top: 16px; padding-bottom: 16px; }
.header .header-logo-dealer {font-family: "HusqvarnaGothic"; font-weight:700; letter-spacing: -0.4px;}
.header .header-logo-dealer a:hover {text-decoration: none;;}
.header-info-item {color: #273a60 !important; font-size: 18px; font-family: "HusqvarnaGothic"; font-weight:700; display: flex; 
   justify-content: center; align-items: center; max-width: 30vw; line-height: 1.1;}
   .header-info-item span {line-height: 1.2; text-align: left;}   
.header-info-item svg {fill: #273a60 !important; color: #273a60 !important;max-width: 30px; height: 30px; 
  min-width:30px;width: 30px; margin-right: 8px;}
.header-info-item:hover {text-decoration: none;;}

.header-in {justify-content:space-between; align-items: center; }
.header-in .header-info { }
.header-in .header-info .header-info-item {margin: 5px 15px;}

.serviceicons h2 { font-size: 30px;  color: #3D3D3C;  line-height: 36px;  text-align: center; margin: 15px 0px 10px 0px;}

.simple-carousel {margin-bottom: 0px;}

section.section {padding: 40px 0px;}
.serviceicons {font-weight: 200; margin-bottom: 0px; }
.p-4 {padding: 15px;}

.carousel-inner .item {margin: 0px auto;}

.products {display: flex; }
.products-list { align-items: center;  display: inline-flex;  flex-wrap: wrap;  gap: 25px; width:100%; justify-content: left;
    margin:0 0px}
.products .products-item {width: calc(33.33% - 20px); border-radius: 32px; overflow: hidden; margin: 0px; }

.flex-wrap {flex-wrap: wrap;}


.products .products-item .products-item-image h1, .products .products-item .products-item-image h2, 
.products .products-item .products-item-image h3, .products .products-item .products-item-image h4, 
.products .products-item .products-item-image h5 {
  position: absolute;
  left: 30px;
  bottom: 30px;
  top: auto;
  margin: 0;
  max-width: 75%;
  line-height: 1.3;
  font-size: 26px;
  color: white;
  text-transform: none;
  z-index: 3;
}

.products-item {position: relative;}
.products-item::after {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 50%;
  background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));
  border-bottom-left-radius: 32px;
  border-bottom-right-radius: 32px;
}
a.products-item:hover::after {
  content: "";
  background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8))!important;
}

.product-others {margin-top: 100px;}

.section-grey {
  background-color: #f4f4f3;
}
.section-gradient {
  background-image: linear-gradient(to bottom, #f4f4f3, rgba(255,255,255,0))!important;
}

.products .products-textitem {
  background-color: transparent;
  height: auto;
}

.products .products-textitem h2{
  position: relative;
  left: 0;
  top: 0;
  background-color: transparent;
  color: #3D3D3C;
  border-bottom: 1px solid #ccc;
  margin: 0;
  font-size: 24px;
  padding: 13px 20px 13px 0px;
  text-transform: uppercase;
  margin: 10px 30px 0px 30px;
}

.products .products-textitem .products-textitem-content {
  padding: 30px 30px 15px 30px;
}
.products .products-textitem h2 svg{
  float: right; width: 80px;; height: 50px; fill: #273a60 !important;
  color: #273a60 !important;
  margin-top: -25px;

}

.section-title h2 {margin: 0px 0px 20px 0px!important;  text-align: center;}
.section-title svg {display: block; width: 70px; height:70px; fill: #273a60 !important;
  color: #273a60 !important; margin: 0px auto 5px auto;}

.products .products-textitem a{
  text-decoration: underline;
}  
.products .products-textitem .products-textitem-content ul.list-unstyled li {
  font-size: 18px;
  font-weight: 200;
  color: #3D3D3C;
  font-family: 'Roboto', sans-serif;
}

.footer .footer-text {font-size: 18px; text-align: left;;}

.footer {background-color: #1f2742; padding: 50px 0px;}
.footer .links {margin: 10px 0px 15px 0px;}
.footer .links a {text-decoration: underline; margin-right: 15px;}

.hui-size--sm-s-4 {  width: 16px;  height: 16px;}

.hbd-icon-stacked {  display: inline-flex;  position: relative;}

.hbd-link {  text-decoration: none;  color: inherit;  display: inline-flex;  align-items: center;  max-width: 100%;}
.hui-spacing--sm-ml-4-times-6 {  margin-left: 24px;}

.hui-flexbox--sm-justify-content-space-evenly {  justify-content: space-evenly;}
.hui-flexbox--container {  display: flex;}
.hbd-footer__legal {  width: auto;  text-align: left;}
.hui-flexbox--sm-flex-shrink-1 {  flex-shrink: 1;}
.hui-flexbox--sm-flex-grow-1 {  flex-grow: 1;}

.hbd-footer__logo {
  width: 99px;
  height: 71px;
  fill: #fff;
}
.hbd-icon {
  max-width: 100%;
  flex-shrink: 0;
  flex-grow: 0;
}


.products-group {}
.products-group .img-h2-wrapp{position: relative;}
.products-group-var1.products-group .img-h2-wrapp h2 {position: absolute; color:#fff; bottom: 0px; right: 30px; font-size: 26px; font-weight: 700; z-index: 2; margin: 30px 0px;}
.products-group-var2.products-group .img-h2-wrapp h2 {position: absolute; color:#fff; bottom: 0px; left: 30px; font-size: 26px; font-weight: 700; z-index: 2;  margin: 30px 0px;}
.products-group .products-textitem h2 {display: none;;}
.products-group .img-h2-wrapp {position: relative;}
.products-group-var1 .img-h2-wrapp h2 {text-align: right;}
.products-group-var1 .img-h2-wrapp:after {background-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.6));
    position: absolute; width:50%; height: 100%; left: 50%; top: 0; content:""; }
.products-group-var2 .img-h2-wrapp:after {background-image: linear-gradient(to right, rgba(0,0,0,0.6), rgba(0,0,0,0));
      position: absolute; width:50%; height: 100%; left: 0%; top: 0; content:""; }
  
.contacts-group {background-color: transparent!important; text-align: left;}

.form-control {
  background-color: #fff;
  border-radius: 16px;
  border: 1px solid #ccc;
  color: #333;
  font-weight: 400;
}

@media (min-width: 768px) {
  .pr-md-0 {padding-right: 0px!important;}
  .pl-md-0 {padding-left: 0px!important;}

  .li2cols {        -moz-column-count:2; /* Firefox */
    -webkit-column-count:2; /* Safari and Chrome */
    column-count:2;
    -moz-column-gap:50px; /* Firefox */
    -webkit-column-gap:50px; /* Safari and Chrome */
    column-gap:50px;}

  .hbd-footer__logo {
    width: 160px;
    height: 115px;
  }
  .text-sm-right {
    text-align: right;
  }
  }
  
 .napistenam-wrapp {margin-top: 50px;}
  .btn-lg, .btn-group-lg > .btn {
    font-size: 1.1em !important;
    padding: 18px 45px !important;
  }
  .btn-primary {
    background-color: #273a60;
    color: #fff!important;
    border-color: #273a60;
    min-width: 120px;
    text-align: center;
  }
  .calltoaction .actionbuttons {
    margin-bottom: 0px;
  }

  
  .btn {
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 13px 32px;
    font-size: 14px !important;
    line-height: 1.3333333;
    font-family: "HusqvarnaGothic",Arial,sans-serif;
    text-transform: uppercase;
    text-align: left;
    font-weight: 700;
    border-radius: 16px!important;
    letter-spacing: 0px;
    white-space: normal;
    text-decoration: none !important;
  }
.calltoaction .actionbuttons .btn {font-family: "HusqvarnaGothic",Arial,sans-serif; font-size: 1.1em !important;}

#contactform a {color:#3D3D3C;}
#contactform .text-lg {font-size: 26px!important; margin-bottom: 20px;}
.products-group {border:1px solid #fff; border-radius: 32px; margin-top: 25px; background-color: #fff; overflow: hidden;}
.products-textitem li img {display: none;}
.contacts {color:#3D3D3C; margin-bottom: 0px;}
.contacts h2  {color:#3D3D3C; margin-top: 0px;}
.contacts h2 span {font-weight:200; display: block;;}
.contacts .tab-content {border-left: 0px solid #5770a2;}
.products .products-textitem .products-textitem-content ul.list-icons {
  padding-left:0px;
}


@media (min-width: 768px) {
  .hui-size--md-s-15 {    width: 60px;    height: 60px;  }
}
.hui-size--sm-s-10 {  width: 40px;  height: 40px;}
.hbd-icon-stacked .hbd-icon + .hbd-icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 50%;
  margin: 25%;
}
.hbd-icon {  max-width: 100%;  flex-shrink: 0;  flex-grow: 0;}


.contacts .nav-tabs {
  margin-bottom: 0px;
  border-color: #fff;
}
.contacts-group2 {background-color: #fff; padding: 30px;}




.upozorneni {border-radius: 16px; overflow: hidden;padding: 30px; padding: 30px; border-color:#ccc; margin-top: 35px;}
.upozorneni .upozorneni-title {
  background-color: transparent;
  color: #3D3D3C;
  font-weight: bold;
  letter-spacing: -0.4px;
  font-family: "HusqvarnaGothic",Arial,sans-serif;
  font-size: 32px;
  line-height: 1.3;
  margin: 0;
  padding: 10px 15px 0px 15px;
  font-weight: bold;
}


.upozorneni .upozorneni-content {
  padding: 10px 15px 15px 15px;
  font-size: 20px;
}

.mt-3 {margin-top:15px;}
.mt-5 {margin-top:30px;}
.my-3 {margin:15px 0px;}
.my-5 {margin:30px 0px;}


.form-control {border-radius: 16px; background-color: #fff!important; box-shadow: none; border: 1px solid #ccc;
  color: #333; box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}

.btn-secondary {
  background-color: transparent;
  color: #3d3d3c;
  border: 1px solid #3d3d3c;
}
.underline {text-decoration: underline;}

.menu-pobocky {text-align: center;}
.menu-pobocky  #contacts-locations {margin:0px auto; }
.contacts-group {background-color: #fff; padding: 0px; border-radius:32px; overflow: hidden;}
.contact-images {padding: 0px; }
.contact-images-box {}
.contact-images-box {border-bottom-left-radius: 32px; border-top-left-radius: 32px; overflow: hidden; display: flex; flex-wrap: wrap;
  align-items:stretch; height:100%;}

.menu-pobocky  ul.nav-tabs {display: flex; margin:0px auto; border:0px; justify-content:center;}
.menu-pobocky .nav-tabs li {float: none; border:0px;   margin-bottom: 0px; background-color: #ccc; padding: 0px; margin: 2px 3px 0px 3px;
    border-top-left-radius: 16px; border-top-right-radius: 16px;}
.menu-pobocky .nav-tabs li.li-descr {background-color: transparent; padding: 15px 15px 0px 0px;}    
.contacts .nav-tabs li.active {background-color: #fff; border:none; color: #3d3d3c !important;}
.contacts .nav-tabs li.active a {color: #3d3d3c !important; }
.contacts .nav-tabs li a {color: #3d3d3c !important; font-weight: bold; letter-spacing: -0.4px;  font-family: "HusqvarnaGothic",Arial,sans-serif;
    text-transform: uppercase;}
.contacts .nav-tabs li a {margin: 2px 0 0 0; background-color: transparent; padding: 13px 25px;}

.contacts .contact-images .img-wrapp{border-bottom:2px solid #fff;}
.contacts .contact-images #contacts-mapa {width:100%; }

h1, h2 {
  font-size: 60px;
  margin: 40px 0;
  color: #3d3d3c;
}

.btn-secondary:hover {
  background-color: transparent;
  color: #3d3d3c;
  border: 1px solid #3d3d3c;
  box-shadow: var(--hbd-btn-hover-box-shadow, 3px 3px 2px 1px rgba(0, 0, 0, 0.12));
}

.contant-h3 {margin: 0px 0px 30px 0px; font-size: 32px;}
.hr {height: 1px; width:100%; border-top: 1px solid #e5e5e5; margin: 15px 0px;}


.carousel-inner {overflow: hidden;}
.carousel-inner .item-text-right {}
.carousel-inner .item-text-right .item-gradient{}
.carousel-inner .text {color:#fff; font-size: 60px; font-weight: bold; letter-spacing: -0.4px;  font-family: "HusqvarnaGothic",Arial,sans-serif;
    text-decoration: none!important; width:35%; max-width: 100%; min-width: 500px; line-height: 1.1; position: absolute; top: 50%; z-index: 3;
  transform: translateY(-50%);}
.carousel-inner a:hover {text-decoration: none!important;}
.carousel-inner .item-text-right .text {right: 5%;}
.carousel-inner .item-text-left .text {left: 5%;}
.carousel-inner .item-gradient {}
.carousel-inner .item-text-right.item-gradient::after {background-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.5), rgba(0,0,0,0.6));
    content: ""; top: 0px; left: 40%; width: 60%; height: 100%; position: absolute;}
.carousel-inner .item-text-left.item-gradient::after {background-image: linear-gradient(to right, rgba(0,0,0,0.6), rgba(0,0,0,0.5), rgba(0,0,0,0));
      content: ""; top: 0px; left: 0%; width: 60%; height: 100%; position: absolute;}
  

.desktop {display: block;}
.mobil {display: none;}

.d-flex-products-group {display: flex;;}
.d-flex-products-group .col-text {width:50%;}
.d-flex-products-group .col-img {width:50%;}


.pswp__button--arrow--left::before, .pswp__button--arrow--right::before {border-radius: 30px;;}
.pswp__bg {background-color: rgba(0,0,0,0.9)!important;}




.section-main-title {font-size:60px!important; margin: 0px 0px 30px 0px!important; line-height: 1.3!important; text-transform: none!important;}

.header .d-flex {justify-content: space-between;}

.heroimage-carousel { margin-bottom: 0px;}
.d-flex {flex-wrap: wrap; gap: 15px; justify-content: center;}

.card-4 {width: calc(25% - 15px);}
.card-3 {width: calc(33.33% - 15px);}
.card-2 {width: calc(50% - 15px);}

.product-list .product-list-container .product-list-item .product-list-item-description {padding-bottom: 30px; position: flex; }
.product-list .product-list-container .product-list-item .product-list-item-description .product-list-item-footer {position: absolute; bottom: 0px; width:calc(100% - 20px);
    left: 7px; padding: 0px 25px 30px 25px;;  text-align: left;}

.product-list .product-list-container .product-list-item .product-list-item-description.padding-bottom-50 {padding-bottom: 60px;}

.item-logo-tichemesto:before {content: ""; width:80px; height: 100px; background: url(mikroweb/img/loog-tiche-mesto-2020_CZ.svg);
  background-size: contain; position: absolute; bottom: 50px; right: 50px; z-index: 100; background-repeat: no-repeat;}
.item-logo-tichemesto.item-logo-tichemestoSK:before { background: url(mikroweb/img/loog-tiche-mesto-2020_SK.svg); background-size: contain;}
  
@media (max-width: 1200px) {
  .card-4 {width: calc(50% - 15px);}
  .carousel-inner .text { font-size: 50px;}
  .item-logo-tichemesto:before {width:50px; height: 70px; bottom:35px; right:35px;}

}

@media (max-width: 768px) {
  .card {margin-top: 15px;}
  .card-3 {width: 100%;}
  .card-4 {width: 100%;}
  .card-2 {width: 100%;}
  .section-volba .img3-wrap {display: block!important;}

  .product-list .product-list-container .product-list-item .product-list-item-description {padding-bottom: 0px; }
  .product-list .product-list-container .product-list-item .product-list-item-description .product-list-item-footer {position: relative; 
    left: 0px; padding: 20px 0px; }
  .padd-xs-sm-15 {padding: 0px 15px;}  
  .item-logo-tichemesto:before {width:40px; height: 60px; bottom:25px; right:25px; }
}

.card {border-radius: 32px; overflow: hidden; }
.card.card-no-rounded {border-radius: 0px;}
.card-white {background-color: #fff;}
.card.card-img-text {background-color: #fff; }
.card .content-wrapp {padding: 25px;}
.card .content-wrapp h3 {margin: 0px 0px 20px 0px;}
.p-5 {padding: 35px;}
.text-center {text-align: center;}

.product-list {  margin-bottom: 0px;}


.carousel-indicators li {
  display: inline-block;
  width: 30px;
  height: 5px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #fff;
  border-radius: 1px;
  cursor: pointer;
  background-color: #fff;
}
.carousel-indicators li.active {
  display: inline-block;
  width: 30px;
  height: 5px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #111;
  border-radius: 1px;
  cursor: pointer;
  background-color: #111;
}

.glyphicon.glyphicon-chevron-left {display: none;}
.glyphicon.glyphicon-chevron-right {display: none;}


.product-list .product-list-container .product-list-item h3 {
  padding: 0px 7px 12px 0px;
}

@media (min-width: 440px) {
  .vyhody .card {max-width:400px;}
}

.section-tm  .img-tm-wrap {position:relative; display: block; margin: 0px 0px; font-size: 15px;}
.section-tm  .img-tm-wrap>div {padding: 0px 0px 25px 0px;; line-height: 1.4;}

.calltoaction h2, .calltoaction h3 { color: #3D3D3C;}

#map-popover-1, #map-popover-2, #map-popover-3, #map-popover-4 {background-color: #f4f4f3;}
.section-rounded {border-radius: 32px;}
.map-popover {
  /*z-index: 19999;*/
  left: 0;
  top: 0;
  background-color: white;
  border-radius: 32px;
  padding: 20px 20px 15px 20px;
  box-shadow: 3px 3px 2px rgba(0,0,0,.04);
  width: 300px;
  font-size: 16px;
}

@media (max-width: 556px) {
  .map-popover {max-width: 80%;}
}

.map-popover .map-popover-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 0.5em;
  padding-right: 24px;
  font-weight: bold;
  color: #3D3D3C;
  letter-spacing: -0.4px;
  font-family: "HusqvarnaGothic",Arial,sans-serif;
}

ul.orange li::before {color: #3d3d3c;}
ol.orange li::before {color: #3d3d3c;}

.section a {color: #3d3d3c;}
.section a:HOVER {color: #111;}


.product-list .product-list-container .product-list-item {background-color: #f4f4f3; border:1px solid #ddd; border-radius: 32px;; overflow: hidden;}
.product-list.product-list-akustroje .product-list-container .product-list-item {background-color: #ededed; border:1px solid #ededed;}


.pt-3 {padding-top: 20px;}
.section-volba .img3-wrap {display: flex; justify-content:space-between; align-items: center;   padding: 15px 0px; }
.section-volba .img3-wrap .img-white-wrapp { overflow: hidden; margin: 15px 10px; width:33%; text-align: center;}
.automower-3images {background-color: #fff; border-radius: 32px; padding: 30px 0px; margin-bottom: 50px;}

.section-volba h4 {margin-bottom: 30px;}


.section-tm h2 {
  font-size: 36px;
  text-align: left;
}
h2 {text-transform: none;}

.product-list .product-list-container .product-list-item p,
.product-list .product-list-container .product-list-item h3 {text-align:left;}
.product-list .product-list-container .product-list-item h3 {padding-top: 15px;}

.serviceicon {width:110px; height: auto;}


.d-flex-products-group .img-responsive {min-width: 100%;}
.form-control.input-lg.border {}

@media (max-width: 1200px) {
  .products-group.products-group-var1, .products-group.products-group-var2 { width:100%; max-width: 100%;}

  .d-flex-products-group {flex-wrap: wrap;}
  .d-flex-products-group .col-text {width:100%; order:2;}
  .d-flex-products-group .col-img {width:100%;  order:1;}
  
  .products-group-var1.products-group .img-h2-wrapp h2,
  .products-group-var2.products-group .img-h2-wrapp h2 {
    bottom: 0px;    top: auto;    left: 30px;    right: auto;text-align: left;  }
  
  .section-main-title {font-size:50px!important; margin: 0px 0px 30px 0px!important;}
}

@media (max-width: 992px) {
  .desktop {display: none;}
  .mobil {display: block;}
  .carousel-inner .text {font-size: 40px; width:60%}
  .serviceicon {width:80px; height: 80px;}
  body { font-size: 16px;}
  .h3, h3 { font-size: 24px; }
  .products .products-item {width: calc(50% - 20px); border-radius: 32px; }
  .section-main-title {font-size:40px!important; margin: 0px 0px 30px 0px!important;}
}

@media (max-width: 768px) {
  .section-volba .img3-wrap .img-white-wrapp {width:100%; text-align: center;}
  .mt-5 {margin-top:20px;}
  .section-main-title {font-size:32px!important; margin: 0px 0px 30px 0px!important;}
  .hbd-footer__logo {margin-top: 30px;}
  .carousel-inner .text {font-size: 32px; width:80%}
  .carousel-inner .item-mobil-text-right .text {right: 5%!important; left:auto;}
  .carousel-inner .item-mobil-text-left .text {left: 5%!important; right:auto;}
  .carousel-inner .text {max-width:70%; min-width: 0;}
  .products-item .products-item-image h2 {background-color: transparent!important; padding: 0px!important;}
  .products .products-item .products-item-image img { display: block!important; }
  .products .products-item {width: 100%; max-width: 100%; border-radius: 32px; margin-left: auto; margin-right: auto;}
  .serviceicon {width:60px; height: 60px;}
  #contactform h3, .kampan-form h3 {font-size:36px}
  #contactform .text-lg { font-size: 20px !important;}
  
  
  .section-prinos .col-sm-4 {margin-top: 35px;}
  .section-prinos .col-sm-4:first-child {margin-top: 0px;}

  .btn { padding: 8px 15px; text-align: center; min-width: 0; font-size: 13px;}

  .contacts-group {margin-left: 5px; margin-right: 5px;}

  .contact-images-box {
    margin-top: 30px;
    border-bottom-right-radius: 32px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
  }    

  @media (max-width: 576px) {
    .carousel-inner .text {font-size: 28px;}
  }

  .carousel-inner .item-mobil-text-right.item-gradient::after {background-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.6))!important;
     left: 30%!important; right: auto !important;; width: 70%!important; }
  
  .carousel-inner .item-mobil-text-left.item-gradient::after {background-image: linear-gradient(to right, rgba(0,0,0,0.6), rgba(0,0,0,0))!important;
      left: 0%!important; right: auto !important;; width: 70%!important; }

  .serviceicons { }

  .menu-pobocky .nav-tabs li.li-descr {display:none;}

  .service-wrapp {margin-top: 40px;}
  .service-wrapp .service {width:500px; max-width: 100%; margin: 0px auto;}
  .service-wrapp:first-child {margin-top: 0px;}

  .upozorneni .upozorneni-title {
    background-color: transparent;
    color: #3D3D3C;
    font-weight: bold;
    letter-spacing: -0.4px;
    font-family: "HusqvarnaGothic",Arial,sans-serif;
    font-size: 24px;
    line-height: 1.3;
    padding: 0px 0px 0px 0px;
  }
  
  .h3, h3 { font-size: 22px; }
  
  body { font-size: 15px;}
  .upozorneni .upozorneni-content {
    padding: 10px 0px 0px 0px;
    font-size: 16px;
  }

  .upozorneni {margin-bottom: 0px;}
  h1, h2 { font-size: 40px;}
  h2 { margin: 20px 0;}
}

@media (max-width: 576px) {
  h1, h2 { font-size: 36px;}
}  
 
@media (min-width: 1200px) {
  .hui-flexbox--lg-justify-content-flex-start {    justify-content: flex-start;  }
  .hbd-container--dg {    --container-gutter-width: 7.5vw;  }
  .hui-size--sm-s-10 {  width: 60px;  height: 60px; }
}


@media (min-width: 768px) {
  .p-4 {padding: 25px;}
  .d-md-flex {display: flex; flex-wrap: wrap; gap: 15px; justify-content: center;}
  .download-links {
    display: flex;
    justify-content: center;
  }
  .pr-md-5 {padding-right: 40px;}
}

@media (min-width: 992px) {
  .p-4 {padding: 30px;}
  .contacts .tab-content {padding: 15px;}

  .products .products-textitem .products-textitem-content ul.list-unstyled li {
    margin-bottom: 7px;
  }

}
@media (min-width: 1200px) and (max-width: 1300px) {
  .section-tm  .img-tm-wrap { font-size: 14px;}

}

.flex-2 {order:1}
.flex-2 {order:2}
.download-links svg {margin-right: 10px;}
.download-links div {
  margin: 30px 30px 0px 30px;
  text-align: left;
  display: flex;
}

@media (min-width: 1200px) {
  .contacts .tab-content {padding: 70px;}
  .d-lg-flex {display: flex;}  
  .pl-lg-5 {padding-left: 50px;}

  .section-tm .img-tm-wrap > div {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 40%;
    color: #fff;
    background-image: linear-gradient(to right, rgba(0,0,0,0.6), rgba(0, 0, 0, 0));
    height: 100%;
    padding: 25px 0px 0px 45px;
  }

  .products .products-textitem .products-textitem-content {  padding: 15px 30px 2px 30px; }
  .products .products-textitem .products-textitem-content ul.list-unstyled li { font-size: 16px;}
}

@media (min-width: 1460px)
{
  .products .products-textitem .products-textitem-content {  padding: 40px 45px 15px 40px; }
  .footer {padding: 80px 0px;}
  .container {width:1400px;}
  section.section {padding: 80px 0px;}
  .carousel-inner .text {font-size: 70px; line-height: 1;}
  .products .products-textitem .products-textitem-content ul.list-unstyled li { font-size: 18px;}
}

@media (min-width: 1860px)
{
.intro-carousel .container {width:1680px;}
}


.heroimage-carousel .item {
  min-height: 0px !important;
  height: auto !important;
}

.heroimage-carousel {
  min-height: 0px !important;
  height: auto !important;
}

.pobocky-detail-wrapp {background-color: #fff!important; border: 1px solid #ddd !important; margin-top:-1px;}
.contacts .nav-tabs li.active {border:1px solid #ddd; border-bottom: 1px solid #fff;}
.contacts .nav-tabs li {border-bottom: 1px solid #ddd;}

.m-auto {margin-left: auto; margin-right: auto;}

.intro-carousel .button-wrapp .btn-primary {background-color: #fff; border-color:#fff; color: #273a60 !important;;}
.intro-carousel .button-wrapp .btn-primary:hover {background-color: #fff; border-color:#fff; color: #18243c !important;;}

.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.btn-lg, .btn-group-lg > .btn {
  font-size: 1.1em !important;
  padding: 18px 30px !important;
}
.btn {letter-spacing: 1px;}
.kampan-form {
  margin-bottom: 0px;
}

.chcivuzkouset_title_automower, .chcivuzkouset_title_akustroje, .chcivuzkouset_title_pily {display:none;}




/* PILY */
.earthmap {
  background-color: #fff;
}

.product-list .product-list-container .product-list-item .product-list-item-description h4 {text-align: left!important;}

.calltoaction {
  padding-top: 0px;
  margin-bottom:0px;
  background-color: #fff;
}



@media (min-width: 992px) {
  .mapdot::before {top:2px;}
}

.mapdot#mapdot-pily-1 {left: 66%; top: 59.1%;}
.mapdot#mapdot-pily-2 {left: 68%; top: 37.1%;}
.mapdot#mapdot-pily-3 {left: 78.5%; top: 37.1%;}
.mapdot#mapdot-pily-4 {left: 10%; top: 55%;}


.map-popover .map-popover-closer {
  position: absolute;
  right: 15px;
  top: 17px;
  font-size: 14px;
  cursor: pointer;
  border: 1px solid #eee;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  text-align: center;
  padding-top: 5px;}

.map-popover .map-popover-title {line-height: 1.2;}  
.map-popover .map-popover-title span {display: block; font-size: 14px; margin-bottom: 10px;}

@media (min-width: 992px) {
  .d-flex.gap-30 {gap: 30px;;}
  .d-flex.gap-30 .card-3 {
    width: calc(33.33% - 30px);
  }
}

.card-grey {border:1px solid #ddd}




.flip-card {
  background-color: transparent;
  width: 100%;
  padding: 0px 0px;
/*  perspective: 1000px;*/
}

.flip-card button {background: none; padding: 0px; border:none;;}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  -webkit-transition: -webkit-transform 0.8s;
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.flip-card.hover{
    z-index: 10;
    position: relative;
}
.flip-card.hover .flip-card-inner {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
    z-index: 10;
}


.flip-card-back {
  background-color: white;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
        min-height: 80%;
        font-size: 18px;
    display: block;
    z-index: 20;
}
.ie11 .flip-card:hover .flip-card-inner {
  transform:none;
}
.ie11 .flip-card .flip-card-front,
.ie11 .flip-card .flip-card-back{
    
  transition: transform 0.8s;
}
.ie11 .flip-card:hover .flip-card-front,
.ie11 .flip-card:hover .flip-card-back{
  transform: rotateY(180deg);
}

.ie11 .flip-card:hover .flip-card-back{
  transform: rotateY(0);
}




.btn-primary {min-width: 0px;}
.modal-pila .modal-body {padding: 0px; overflow: auto; scrollbar-width: thin;}
.modal-pila .modal-body img {display: block; margin: 0px auto;}



@media (min-width: 100px) {
.modal-pila .modal-dialog {
  width: 96%;
  margin: 15px auto;
}

.modal-pila .modal-dialog .modal-body{
  height: 82vh;
}

}


.btn-secondary svg {margin-right: 5px;}


@media (max-width: 767px) {
  .card.card-limit-width {width:400px; max-width: 100%;}
  .product-limit-width  {width:400px; max-width: 100%; margin-left: auto; margin-right: auto;}

  .carousel-inner .text {top: 10%;   transform: translateY(0%); height: calc(100% - 30px); width: 95% !important; max-width: 90%;}
  .carousel-inner .text .mobil {max-width: 70%;}
  .button-wrapp  {position: absolute; bottom: 12%; right: 0; left: auto;}

}


.alert.alert-success {border-radius: 32px; }

@media (min-width: 768px) {
  .alert.alert-success {padding: 32px; margin: 32px 0px;}
}


.calltoaction {background-color: transparent;}


.mapdot::before {left: 0px !important;;}
.map-popover {transform: translateX(15px);}

.anim-pulse {  
  animation-name: pulse;
  animation-duration: 1s;
  transform: translateX(0%);
}

@keyframes pulse {
  0%   {transform: scale(1) translateX(0%);}
  25%   {transform: scale(0.1) translateX(0%);}
  50%  {transform: scale(1.5) translateX(0%);}
  100% {transform: scale(1) translateX(0%);}
}


.contacts .table-hours td {white-space: normal; vertical-align: top;}



.contact-images-box #contacts-photo {height: auto!important;  align-self: start;}
.contact-images-box #contacts-mapa { align-self: stretch; height:60%; max-height: 100%;}

@media (min-width: 768px) and (max-width: 992px) {
  .contact-images-box #contacts-mapa { align-self: stretch; height:80%; max-height: 100%;}
}



.carousel-inner .item-text-left.item-gradient a::after {
  background-image: linear-gradient(to right, rgba(0,0,0,0.6), rgba(0,0,0,0.5), rgba(0,0,0,0));
  content: "";
  top: 0px;
  left: 0%;
  width: 60%;
  height: 100%;
  position: absolute;
}


.carousel-inner .item-text-right.item-gradient a::after {
  background-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.5), rgba(0,0,0,0.6));
  content: "";
  top: 0px;
  left: 40%;
  width: 60%;
  height: 100%;
  position: absolute;
}




.page-def-content {padding-bottom:80px;}
.page-def-content a {color:#273a60; text-decoration: underline;}
.page-def-content a:hover {text-decoration: none;}

.img-wrapp {position: relative;}
.product-list .img-wrapp img {margin: 0px;}

.img-wrapp .bubble-title {
  color: #fff;
  bottom: 50px;
  left: 50px;
  position: absolute;
  font-weight: bold;
  border-radius: 32px;
  border-top-left-radius: 32px;
  display:block;
  border: 2px solid #fff;
  text-transform: uppercase;
  font-size: 22px;
  font-family: "HusqvarnaGothic",Arial,sans-serif;
  line-height: 1.2;
  padding: 20px 25px;
  border-top-left-radius: 0px;
}

.img-wrapp a.bubble-title:hover {  
  text-decoration: none;
  color:#fff;
  border-color: #273a60!important;
  background-color: #273a60!important;;
}


.img-wrapp .bubble-title.bubble-dark {border: 2px solid #3d3d3c; color:#3d3d3c;}
.img-wrapp .bubble-title.bubble-top-left{top:50px; bottom: auto;}

@media (max-width: 767px) {
  .img-wrapp .bubble-title.bubble-top-left{top:5px; bottom: auto; left:0px; font-size:16px; max-width: 300px;}
  .img-wrapp .bubble-title.bubble-dark br {display:none; }
}

@media (max-width: 991px) {
  .text-sm-center {text-align:center;}
}

.text-16 {
  font-size: 16px;
    line-height: 24px;
}
.no-border {border: none !important;}

.bg-gradient-grey-white {
  background: linear-gradient(180deg, #F4F4F3 0%, #FFFFFF 73.78%);
}
.section-pily-anim .hbd-hotspots__img-container {
  position: relative;
}
.section-pily-anim .hbd-hotspots__spot-icon--active {
  color: green;
  transform: scale(1.5);
  z-index: 1000;
}

.section-pily-anim .hbd-hotspots__spot-icon {
  border: none;
  background-color: rgba(0,0,0,0);
  display: flex;
  margin: -15px 0 0 -15px;
  cursor: pointer;
  position: absolute;
  z-index: 100;
  transition: all .1s;
  padding:0px;
}

.section-pily-anim .hbd-hotspots__spot-icon {background-color: #f47220; width:22px; height: 22px; border:6px solid #fff; border-radius:30px; display:block;}
.section-pily-anim .hbd-hotspots__spot-icon.hbd-hotspots__spot-icon--active {background-color: green; width:22px; height: 22px; border:5px solid #fff; border-radius:30px; display:block; z-index: 1000;}

@media (max-width: 768px) {
  .section-pily-anim .hbd-hotspots__spot-icon { width:14px; height: 14px; border:4px solid #fff; border-radius:14px; overflow: hidden;}
  .section-pily-anim .hbd-hotspots__spot-icon.hbd-hotspots__spot-icon--active { width:14px; height: 14px; border:3px solid #fff;}
}

.section-pily-anim .hbd-icon {
  max-width: 100%;
  flex-shrink: 0;
  flex-grow: 0;
}
.hui-size--sm-s-6 {
  width: 24px;
  height: 24px;
}
.section-pily-anim .hbd-hotspots {
  --fade-out-offset: 26.13vw;
  --fade-out-offset-lg: 20vw;
  --fade-out-offset-xl: 320px;
  --gradient-offset: 5vw;
  position: relative;
  overflow: hidden;
}
.section-pily-anim .hbd-hotspots__gradient {
  position: absolute;
  top: calc(var(--fade-out-offset) + var(--gradient-offset));
  background: -webkit-linear-gradient(top, rgb(244, 244, 243), rgb(255, 255, 255));
  height: calc(100% - var(--fade-out-offset) - var(--gradient-offset));
  z-index: 2;
  left: 0;
  width: 100vw;
}
.section-pily-anim .hbd-hotspots__gradient {
  position: absolute;
  top: calc(var(--fade-out-offset) + var(--gradient-offset));
  background: -webkit-linear-gradient(top, rgb(244, 244, 243), rgb(255, 255, 255));
  height: calc(100% - var(--fade-out-offset) - var(--gradient-offset));
  z-index: 2;
  left: 0;
  width: 100vw;
}
.section-pily-anim .hbd-hotspots__svg-curve {
  position: absolute;
  /*top: var(--fade-out-offset);*/
  left: 0;
  z-index: 1;
  left: 0;
  width: 100vw;
  height: auto;
}
.section-pily-anim  .hbd-hotspots__svg-curve {
  top: var(--fade-out-offset-xl);
  height: calc(100% - var(--fade-out-offset-xl));
}

.section-pily-anim .container-anim-part1 {position: relative; z-index: 2;}
.hbd-container--sm-g-0 {
  --container-gutter-width: 0px;
}
.section-pily-anim .hbd-container {
  --container-max-width: 1400px;
  --container-gutter-width: 0px;
  --dubbel-gutter-width: calc(var(--container-gutter-width) * 2);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding-left: var(--container-gutter-width);
  padding-right: var(--container-gutter-width);
  max-width: calc(var(--container-max-width) + var(--dubbel-gutter-width));
}
.section-pily-anim .carousel-inner {padding: 0px 40px;}


.hui-grid__justify-xs-center {
  justify-content: center;
}
.hui-grid__container {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
@media (min-width: 1200px) {
  .hui-grid__grid-lg-8 {
    flex-basis: 66.666667%;
    flex-grow: 0;
    max-width: 66.666667%;
  }
  .section-pily-anim .carousel-inner {padding: 0px 120px;}

}

.pily-carousel-wrapp {position: relative; z-index: 2;}
.pily-carousel-wrapp .carousel.slide.simple-carousel .item{
  background: transparent!important; text-align: center;
  padding: 0px 20px;
}

.ui-ln {
  font-size: 15px;
  line-height: 22px;
}
.ui-lj {
  font-size: 19px;
  line-height: 30px;
}

.pily-carousel-wrapp .carousel {  padding-bottom: 50px;;}
.carousel-indicators li {background: #cfcfcf; height:4px; width: 20px;} 
.carousel-indicators li.active {height:3px; width: 20px; background-color: green;}


.pily-carousel-wrapp .glyphicon.glyphicon-chevron-left,
.pily-carousel-wrapp .glyphicon.glyphicon-chevron-right {display: block;}

@media (min-width: 1200px) {
  .ui-ln {    font-size: 16px;    line-height: 24px;  }
  .ui-lj {    font-size: 20px;    line-height: 32px;    letter-spacing: .4px;  }
  .pily-carousel-wrapp .carousel {  padding-bottom: 70px;;}
  .carousel-indicators li {width: 60px;} 
  .carousel-indicators li.active {width: 60px;}
  }


 .pily-carousel-wrapp .btn-prev, 
 .pily-carousel-wrapp .btn-next{background-color: #fff; width: 40px; height:40px; border-radius: 10px;  padding-top: 8px; 
    box-shadow: 3px 3px 2px 1px rgba(0, 0, 0, .12); position: absolute; top:calc(50% - 50px); text-align: center;
  display: none;;}
 
 .pily-carousel-wrapp:hover .btn-prev, 
 .pily-carousel-wrapp:hover .btn-next{  display:inline-block;}

 @media (max-width: 765px) {
  .pily-carousel-wrapp .btn-prev, 
  .pily-carousel-wrapp .btn-next{  display:inline-block;}
 }


    .pily-carousel-wrapp .btn-prev {left:0px;}
    .pily-carousel-wrapp .btn-next {right:0px;}

 .pily-carousel-wrapp .btn-prev svg, 
 .pily-carousel-wrapp .btn-next svg { color:#111;}

.section-pily-anim .hbd-hotspots__spot-icon:hover {
  color: green;
  transform: scale(1.5);
}
.section-pily-anim .carousel .carousel-controls {width: 100%!important; margin: 0px; transform: translateX(-50%);}


@media (max-width: 768px) {
  .section-pily-anim .hbd-container {padding: 0px 20px;}

  .section-pily-anim  .hbd-hotspots__svg-curve {  top: 40%;    }

  .section-pily-anim .hbd-hotspots__gradient {
    top: 50%;
  }
}