body {
   font-size: 1.5rem;
   color: #3d3d3d;
}

h1 {
   font-size: 3rem;
}


a:focus, a:hover {
    color: inherit;
}

.left-menu li {
   margin: 0;
   border-bottom: 2px solid white!important;
}

ol.left-menu li:hover .menu-sub {
   background-size: cover;
}

ol.left-menu li:hover .menu-sub {
   padding-top: 5rem;
   padding-left: 6rem;
}

.left-menu li .menu-sub .cpt {
    font-size: 3.4rem;
    font-weight: 700;
}

.left-menu li .menu-sub .sub-number {
   top: 5.7rem;
   right: 5.7rem;
}

.menu-layout .item .sub-menu .name {
   line-height: 3rem;
}


li.category-color-12 .sub-cpt{max-width: 590px;}


.main-filter label.active:before {
   width: calc(100% + 2px);
   height: calc(100% + 2px);
}

.header-in,
.header-menu {
   height: 10rem;
}

.header-menu li:hover {
   background: #f8f8f8;
}

.header-menu a {
   font-size: 1.6rem;
   padding: 0 3rem;
}

.header-menu a:hover {
   text-decoration: none;
   color: #fa4600;
}

.logo img {
   max-width: 90%;
}

.header-search-in {
   padding: 2rem 0;
}

.left-menu .url {
   padding: 1.2rem 2rem 1.2rem 5rem;
}

.product a.btn:hover {
   color: #fa4600;
   border: .5rem solid #fb6931;
}

.u-btn-primary:focus, .u-btn-primary.active {
    color: inherit;
}

.products-wrap.products-wrap-category li:hover {
   box-shadow: 0px 0px 0px 1px #dadada;
}

.products-wrap-category .product:hover {
   background: inherit;
}

ul.products-wrap.products-wrap-category {
   margin: 2rem 0;
}

.h-margin {
   margin-bottom: 20px;
}

ol.left-menu {
   margin-top: 2px;
}

ol.left-menu li.active a {
   color: white;
}

.products-wrap .product .name {
   line-height: 1.25em;
}

.products-wrap .product .price {
   line-height: 1.15em;
}


/* staticke stranky */

.static_page{padding-top: 30px!important;}

.static_page iframe{max-width: 100%;}
.static_page img{max-width: 100%; height: auto!important;}

.static_page p {
   text-align: justify;
}

.static_page a {
   text-decoration: none;
}

.nullProduct_not_valid {
   background: #ffeded;
}

.nullProduct_not_valid.gray-item {
   border-color: red;
}

.nullProduct_not_valid .inp-group-addon, .nullProduct_not_valid span.unit{
   border: 1px solid red;
}

.nullProduct_not_valid .inp-text {
   border: 1px solid red;
   
}

#sendNullProductResult {
   margin-top: 20px;
}

.alert-danger {
   border: 1px solid red;
   background-color: #ffeded;
   color: red;
}

.gray-item.nullProduct_not_valid#nullproduct_par_4 {
   border-top: 1px solid red;
}

#nullproduct_par_4 .filter label,
#nullproduct_par_5 .filter label {
   background: white;
   border-color: transparent;
}

#tab-4 img {
   max-width: 100%;
   height: auto!important;
}


.static-page-top{
	    padding: 22px 10px 22px 10px;
}


.main-filter label { min-width: 4rem; width: auto;}

#products-tabs img{height:auto!important;}
img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;

}


.products-tabs .r-tabs-panel {
    padding: 20px 0;
    text-align: justify;
}

.products-tabs .r-tabs-panel h2{margin-top: 0;}

.product-desc{text-align: justify;}

#open-menu:focus {
    color: #fff;
}

#open-menu:hover {
    color: #fff;
    background: #fa4600!important;
}

#open-menu.first-anchor.detail{
  cursor: pointer;
  background: #fa4600;
  box-shadow: 0 0 0 rgba(250,70,0, 0.9);
  animation: pulse 2s infinite;
}


#open-menu.first-anchor.detail.active {
  animation: none;
}


@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(250,70,0, 0.7);
  }
  70% {
      -webkit-box-shadow: 0 0 0 14px rgba(250,70,0, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(250,70,0, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(250,70,0, 0.7);
    box-shadow: 0 0 0 0 rgba(250,70,0, 0.7);
  }
  70% {
      -moz-box-shadow: 0 0 0 14px rgba(250,70,0, 0);
      box-shadow: 0 0 0 10px rgba(250,70,0, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(250,70,0, 0);
      box-shadow: 0 0 0 0 rgba(250,70,0, 0);
  }
}


.product-detail-slider .slick-dots {background: transparent;}
.product-detail-slider .slick-dots button{background: #ccc;}


.breadcrumb li:not(:last-child) a:before,.breadcrumb li:not(:last-child) a:after{height: 85%; }
.subcategory {background: #f3f3f3; border: none; }

#sendContactForm .gray-box{border: none;}
#sendContactForm textarea{min-height: 12rem;}
#sendContactForm #sendContactFormBtn{margin-top: 20px;}
#sendContactForm .inp-group .inp-lbl{margin-bottom: 0; margin-top: 1rem;}


.inp-group .inp-lbl{
    margin-bottom: 0;
    margin-top: 1rem;
}

button#sendNullProductBtn{margin-top: 30px;}

/* panely */


.panel{border-top:1px solid #ddd;}

.panel-group {
    border-bottom: 0px solid #ddd;
    margin-bottom: 70px;
    margin-top:50px;
}

#accordion{border-bottom: 1px solid #ddd;}

.panel-heading{border-radius: 0px; padding: 20px 15px;}

.panel-title {
    
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 30px;
    margin: 0px 0;
}
.panel-title a{ color: black;}
.panel-title a.collapse-toggle{color: #fa4600;}
.panel-title a.collapse-toggle.collapsed:hover{color: #fa4600;}
.panel-title a.collapse-toggle.collapsed{color: #000;}
.panel-title>a, .panel-title>small, .panel-title>small>a, .panel-title>.small>a{display: block; text-decoration: none;}
.panel-title>a:hover, .panel-title>small>a:hover, .panel-title>.small>a:hover{display: block; text-decoration: none;}

.panel-title a span{display: inline-block; width: 90%; letter-spacing: -1.6px;}
.panel-title a i{display: inline-block; width: 10%!important; background-repeat: no-repeat!important;}

.panel-body {
    padding: 0px 15px 15px 15px;
    text-align: justify;
}

.panel-body img.frame{border: 4px solid white;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
    margin-right: 8px;
    margin-bottom: 15px;
    margin-top: 15px;}

.panel-body a{font-weight: 700;}

.panel-group .panel {border-right: 0px!important;
  border-left: 0px!important;}

.panel-default>.panel-heading {background: #fff;}
.panel-group .panel+.panel {
  margin-top: -1px;
  border-right: 0px!important;
  border-left: 0px!important;
}

.collapse-toggle.collapsed i.plus {
    background: url(../png/plus.png) right top;
    width: 30px;
    height: 30px;
    float: right;
}

.collapse-toggle i.plus {
    background: url(../png/minus.png) right top;
    width: 30px;
    height: 30px;
    float: right;
}


section.icon-points{position: relative;}


.gray-block{background: #efefef; padding: 20px; margin: 30px 0; border-radius: 8px;}
.hotair-terms{margin: 0!important; padding: 2px 0px 4px 0px!important;}
.hotair-terms li{list-style-type: upper-roman; list-style-position: inside; padding: 0;}
.hotair-terms li a{text-decoration: none; border-radius: 20px; padding: 5px 10px;}
.hotair-terms li a:hover{background:#ccc; border-radius: 20px; color: black;}

.cicmunda::after{content: ""; position: absolute; background:url(../svg/user-solid.svg) no-repeat; width: 70px; height: 70px; right: 25px; top: 50px; opacity: 0.1;}
.firma::after{content: ""; position: absolute; background:url(../svg/industry-solid.svg) no-repeat; width: 70px; height: 70px; right: 25px; top: 50px; opacity: 0.1;}



.par.avail{color:#80c342;}
.par.avail svg{fill:#80c342; opacity: 1;}

#go-top{z-index: 999;}


.btn.btn-motive:hover{color: white;}
.main-filter.detail .filter label {background-size: cover!important; }

.main-filter.detail .filter label {margin: .3rem;}
.main-filter label.active:after {z-index: 1; }


#tab-3 a.photo{
	width: 32.8%;
    display: inline-block;
    padding: 5px;
    border: 1px solid #ccc;
    margin-bottom: 6px;
}
#tab-3 a.photo:hover{border:4px solid #fa4600; padding: 2px;}

table.params{text-align: left;}

.view-button{z-index: 99;}

.gopay_btn{    
	background: #3c96db;
    color: white;
}

.gopay_btn:hover, .gopay_btn.active {
    border-color: #2a6ba2;
    background-color: #217cc2;
}

@media (min-width:1280px){
.product-detail .item {
    margin: 1rem 1%;
}
.product-detail .item.left {
    float: left;
    width: 42%;
}
.product-detail .item.right {
    float: right;
    width: 54%;
    overflow: hidden;
}


.product-detail .second{
    margin: -1rem -1.5rem;
}

.product-detail.second .item {
    width: 48%;
}


}

@media (max-width:600px){ 
 #tab-3 a.photo {width: 32.4%;}
}

@media (max-width:420px){
.p60{padding: 1rem 0;}
#productList h1{text-align: center;}
.main-top{padding: 0.5rem 0;}
.product-detail.second .product-desc{padding-bottom: 2rem;}
.footer .p60{padding: 3rem 0;}
.breadcrumb li{border-bottom: 2px solid white; display: block; width: 100%;}
#productList p{text-align: justify;}
#tab-3 a.photo {width: 32.4%;}

}