@import url('/fonts/red-hat/style.css'); 

 html { 
 }

/*========================================================
                      Main Styles
=========================================================*/
body { 
     height:calc(100% - 106px);
    margin:0;
   background: #fff;

}



  h3 {
 color:#555; font-size:19px; font-weight: 600; margin: 0; padding:0; margin-bottom:5px; line-height:1.2
}


  h2 { margin:0; padding:0; font-size:30px; line-height: 1.4; font-weight: 600;  color: #000}


h4, .thumb-hoverizr_caption, .addr p:first-child, .terms dt {
  font-weight: 700;
  font-size: 21px;
  line-height: 25px;
  color: #a2a2a2;
}
h4 a:hover, .thumb-hoverizr_caption a:hover, .addr p:first-child a:hover, .terms dt a:hover {
  color: #e64a19;
}

h5 {
  font-size: 18px;
  line-height: 26px;
}

h6 {
  font-size: 15px;
  line-height: 20px;
}
p {margin:0 !important;;padding:0 !important;}
p a:hover, .marked-list a:hover, .terms a:hover {
  text-decoration: underline;
}


hr.style1 { border-top:solid 1px #ff5951}
hr.stylered { border-top:solid 1px #da251c}

a {
  font: inherit;
  color: #00ae41;

  text-decoration: none;
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
a:hover{
 color: #00ae41;   
  text-decoration: underline;

}
a:active {
  background: transparent;
}

a[href^="tel:"] {
  color: inherit;
  text-decoration: none;
}

strong {
  font-weight: 700;
}

.fa {
  line-height: inherit;
}

[class*='fa-']:before {
  font-family: "FontAwesome";
}

/*=============    Support Classes    =================*/
.center {
  text-align: center;
}

.mg-add {
  margin-top: 6px;
}

.oh {
  overflow: hidden;
}

img {
  max-width: 100%;
  height: auto;

}

ul {margin-top:0px; }
ul li {margin-top:5px; }


label {margin:0; padding:0;}
/*====================================================
                      Main Layout
======================================================*/


.page-content {min-height: calc(100% - 100px)}

.main-menu  {list-style: none; padding:0; margin: 0}


  
 .home-list-1 h2 a{   font-size: 22px; line-height: 1; color:#474747; }
 .home-list-1 h3 , h3 a {color:#333 !important; line-height: 1.3;}
 
 .home-list-1 .title {color:#333 !important; height:100%; overflow: hidden;  display: -webkit-box;
    -webkit-box-orient: vertical;    -webkit-line-clamp: 3;    text-overflow: ellipsis;}
    .home-list-1 .title a{color:#333 !important;}
 .home-list-1 .date {color:#999; font-size: 0.9rem;   padding-top:0px;  line-height: 1.4;    font-weight: 400;}
 .home-list-1 .lead {color:#666; font-size: 1.115rem;  padding-bottom:15px; line-height: 1.3; /*height:200px; overflow: hidden;*/    }
 .home-list-1 .more {color:#00b140; font-size:16px; font-weight: 400;}
 .home-list-1 .grid-items { display: grid; column-gap:20px; row-gap: 20px; grid-template-columns: repeat(3, 1fr);}
.home-list-1 .item {
    box-shadow: 0 0 20px 0 rgba(0,0,0,.08);
    width: 100%;
    border-radius: 8px;
    font-size: 0;
    padding: 2rem 2rem 2rem 2rem;
    background: #fff;
    position: relative;
    display: grid; 
    align-items: start;
    grid-template-rows: 70px max-content auto 40px;
}
 @media (min-width: 100px)  and  (max-width: 800px)  {
     .home-list-1 .grid-items {  grid-template-columns: auto;}
 }



.LabelText { width:125px; color:#000 }
    .vcenter {  display:flex;  justify-content: flex-start; align-items: center;}
    .vcenterc {  display:flex;  justify-content: center; align-items: center;}
    .nowrap {white-space: nowrap; flex-wrap:nowrap }
 
.Top {  padding-top:25px; padding-bottom:25px;  display: grid; align-items:center;  column-gap: 30px;  grid-template-columns: max-content auto auto}
.Top .logo img  {  min-width:70px; background:#fff;   }
.Top   { line-height: 1.1; color:#666; font-size: 12px; font-weight: 400}


.page-head { background: #e3f9ff; text-align:left; font-size:27px; font-weight:500; min-height: 270px; color: #000 }

#LoginMsg {color:#000}

.menu-box { height:100%;  min-height: 200px; border-bottom: solid 4px #d90e16; padding:10px; padding-top:20px;  background: #fff }
.menu-box:hover{background:#f5f5f5}
.menu-box h2 {font-size:18px; color:#000}
.menu-box .lead   { color:#555; font-size: 16px; line-height: 1.4}
.menu-box  .lead a:hover { text-decoration: underline !important}
.menu-box a:hover { text-decoration: none  !important}

.menu-sub { width:190px; min-height: 150px; border-bottom: solid 2px #70cad2; padding:10px; padding-top:20px;  background: #fffaf4 }
.menu-sub h2 {font-size:16px; color:#000}
.menu-sub .lead   { color:#555; font-size: 15px; line-height: 1.2}
.menu-sub a:hover { text-decoration: none}

.gallery img {  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 4px 15px 0 rgba(0, 0, 0, 0.19);}


.home-zapewniamy-box h2 {font-size:22px; color:#000}
.home-zapewniamy-box .elem-box { background:#fcc359;   height:100%;  padding:10px; padding-top:20px;  }
.home-zapewniamy-box .elem-box .lead { color:#333;line-height: 1.2;font-size:15px;   }

.home-wykonczenia-box h2 {font-size:26px; color:#fff}
.home-wykonczenia-box .elem-box {    height:100%;   }
.home-wykonczenia-box .elem-box .lead { color:#fff;line-height: 1.2;font-size:18px; font-weight:400   }

.home-atuty-box h2 {font-size:22px; color:#000}
.home-atuty-box .elem-box { background:#f5f5f5; border:solid 1px #ccc;  height:100%; min-height:100px;  padding:10px; padding-top:20px;  }
.home-atuty-box .elem-box .lead { color:#333;line-height: 1.2;font-size:15px;   }


.Footer { font-size:15px; min-height:60px; padding-top:10px; padding-left:20px;     color:#00b140; font-weight:400 }
.Footer h3 { font-size: 14px; color:#00b140;}
.Footer .logo {margin-right:20px;   padding:8px; padding-top:12px; padding-bottom:12px;}
.Footer a {font-size:14px; color:#00b140;  }
.Footer a:hover {text-decoration:underline  }
.Footer .open-info {font-size:16px; color:#fff; background:#383431; padding:15px; padding-left:20px; padding-right:20px; width:auto }
.Footer .grid-menu { display: grid;   grid-gap: 20px;  grid-template-columns: repeat(5, auto); }
.Footer .copyright { margin-top:30px; color:#000; padding-bottom:50px; font-size:13px; }


   .ui-autocomplete { z-index:2000; border:solid 4px #e4e4e4 !important; left:1px !important; top:32px !important; margin:0;
                     width:276px;background: #fff !important; border-radius: 8px;
          font-family:  'Roboto Condensed', 'Fira Sans Condensed' !important;  font-weight:300 !important;
          font-size: 16px !important; letter-spacing: 0px; color:#000
   }
   .qautosug {color:#000;   width:200px;}


.giodo {font-weight:300; font-size:14px; }


.FlexC {  display:flex; justify-content: flex-start; align-items: center;  }
.FlexTL {  display:flex; justify-content: flex-start; align-items: flex-start;  }
.FlexCC {  display:flex;  justify-content: center; align-items: center;  }
.FlexTC {  display:flex;  justify-content: center; align-items: flex-start;  }
.FlexCR {  display:flex;  justify-content: flex-end; align-items: flex-start;  }
/*---CUSTOM--*/
.mt2 {margin-top:2px;}
.mt3 {margin-top:3px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.pr10 {padding-right:10px;}
.trans50 { opacity: 0.5;}
.dispnone {display: none}
.filesBox {padding:10px; background:#fff; border:solid 1px #aaa}
.OverBtn {cursor: pointer}
.tac {text-align:center}
.formalert {padding:10px; color:#000; border:solid 1px #ff0000 }
.formmessage {padding:10px; color:#000; border:solid 1px #14ab03 }
.quoteform_btn {color: #0fbcd7;}
.flLeft {float: left;   padding: 0;}
.flRight {float: right;  margin: 0 0 0 0px;}
.flNone {clear:both; margin: 0; padding:0;  font: 1px  Arial; height:0px; line-height: 0;}
.posa {position: absolute}
.posr {position: relative}
.nowrap {white-space: nowrap;}
.fwrap {flex-wrap: wrap}
.imgr {max-width:100%;  }
.imgminw100 { min-width:100% }
 .letters14 {letter-spacing:1.4px;}
.fw400 { font-weight: 400 }
.fw600 { font-weight: 600 }
.tar {text-align: right}
.tac {text-align: center}

.fs46 { font-size:46px }

 .form-legend {left:0; top:-22px; border:solid 1px #ccc; border-bottom:0; font-size:12px; color:#000; padding:3px; background: #ddd}

.form-input {width:100%;  }
.form-input-login {  background: #f5f5f5; color:#000; border:solid 1px #ddd; width:100%; height: 38px; font-size:18px; padding-left:5px;}
.form-input-login::-webkit-input-placeholder {   color: #999;  height: 38px; font-size:18px; line-height:1; font-weight:300  !important;   }

.form-input-search {  outline:0;  background: #f4f4f4; color:#000; border:solid 1px #ddd;  width:100%; max-width:min(30vw, 200px); height: 28px; font-size:15px; padding-left:5px;}
.form-input-search::-webkit-input-placeholder {    color: #777;  font-size:15px; line-height:1; font-weight:300  !important; padding-top:3px; }
.form-input-search:focus { outline: solid 1px #555; }

.login-box {    margin-top:0; color:#777;}

.login-box a {color:#000; text-decoration: underline;}


.Selector input[type="checkbox"] {    display:none; }
.Selector input[type="checkbox"] + label {    color:#000;    font-weight:300;    cursor:pointer; }
.Selector input[type="checkbox"] + label span {
    display:inline-block;
    width:24px;
    height:24px;
    margin:0px 0px 0 0;
    vertical-align:middle;
    background:url(/images/selector.svg) left top no-repeat;
    cursor:pointer;
}
.Selector input[type="checkbox"]:checked + label span {
    background:url(/images/selector_active.svg) left top no-repeat;
}






.product h2 {color:#000;font-size:28px; font-weight:600; line-height:1.3 }
.product .price {color:#000;font-size:17px; font-weight:600;   }

.list-4 {display: grid;   grid-gap: 20px;  grid-template-columns: repeat(4, 1fr) ;;}

.link-black {color:#000; text-decoration: underline;}
.text-black {color:#000; }

.hom-box-1 {padding:10px; background: #42b3e5; color:#fff}
.hom-box-1 a {color:#fff; text-decoration: underline;  }
.hom-box-1 a:hover {color:#ff0;   }
.hom-box-1 .content {min-height:90px;}
.hom-box-1 h2 {  color: #fff;  font-size: 26px;}

.hom-box-2 {padding:10px; background: #0384ce; color:#fff}
.hom-box-2 a {color:#fff; text-decoration: underline}
.hom-box-2 a:hover {color:#ff0;   }
.hom-box-2 .content {min-height:90px;}
.hom-box-2 h2 {  color: #fff;  font-size: 26px;}

.hom-box-3 {padding:10px; background: #3156a3; color:#fff}
.hom-box-3 a {color:#fff; text-decoration: underline}
.hom-box-3 a:hover {color:#ff0;   }
.hom-box-3 .content {min-height:90px;}
.hom-box-3 h2 {  color: #fff;  font-size: 26px;}

.btn0 {
  display: inline-block;
  border:0;
  border-radius:  3px;
  padding: 10px;
  font-size: 17px;
  font-weight: 300;
  line-height: 17px;
  color: #000;
  background: #e1e1e1;
}

.btn0_active {
  display: inline-block;
  border:0;
  border-radius:  3px;
  padding: 10px;
  font-size: 17px;
  font-weight: 300;
  line-height: 17px;
  color: #fff;
  background: #2c87c4;
}

.btn1min {
  display: inline-block;
  width:100%;
  border:0;
  border-radius:  3px;
  padding: 5px;
  font-size: 11px;
  font-weight: 400;
  line-height: 11px;
  color: #ffffff;
  text-align:center;
  background: #d90e16;

}
.btn1 {
  display: inline-block;
  border:0;
  border-radius:  3px;
  padding: 15px;
  font-size: 22px;
  font-weight: 500;
  line-height: 17px;
  color: #ffffff;
  background: #d90e16;

}


.btn2 {
  display: flex;
  justify-content: center; align-items: center;
  border:solid 2px #00b140;
  text-align:center;
  border-radius:  3px;
  padding: 8px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.1;
  color: #00b140;
  background: transparent;
  width:200px;
}

.btn3 {
  display: inline-block;
  border:0;
  outline:0 !important;
  text-align:center;
  border-radius:  5px;

  padding: 7px;
  padding-left: 16px;
  padding-right:16px;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.2;
  color: #ffffff;
  background: #d90e16;
}
.btn3 a { text-decoration:none; border:0; outline:0 !important;}


.btn4 {
  display: inline-block;
  border:0;
  text-align:center;
  border-radius:  5px;
  padding: 7px;
  padding-left: 16px;
  padding-right:16px;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.2;
  color: #ffffff;
  background: #00828b;
  opacity:0.3
}
.btn4-active {
  display: inline-block;
  border:0;
  text-align:center;
  border-radius:  5px;
  padding: 7px;
  padding-left: 16px;
  padding-right:16px;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.2;
  color: #ffffff;
  background: #00828b;
}
.btn4min {
  display: inline-block;
  width:auto;
  border:0;
  border-radius:  3px;
  padding: 5px;
  font-size: 11px;
  font-weight: 400;
  line-height: 11px;
  color: #ffffff;
  text-align:center;
  background: #00828b;
}
.box-price-basket {
  display: inline-block;
  border:solid 1px #d90e16;
  text-align:center;
  border-top-left-radius:  5px;
  border-bottom-left-radius:  5px;

  padding: 7px;
  padding-left: 16px;
  padding-right:16px;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.2;
  color: #ffffff;


}
.btn-basket {
  display: inline-block;
  border:solid 1px #d90e16;
  text-align:center;
  border-radius:  5px;

  padding: 7px;
  padding-left: 16px;
  padding-right:16px;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.2;
  color: #ffffff;
  background: #d90e16;

}

.opis { font-size:16px;  color:#ccc;  /*overflow: hidden; height:89px;*/  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; text-overflow: ellipsis}
.opis2 { font-size:16px;  color:#ccc;    display: -webkit-box; -webkit-box-orient: vertical;  text-overflow: ellipsis}
.price {font-weight:600}
.pricesrp {text-decoration: line-through; font-size: 15px}
.TitleList {  font-size:16px;  color:#e3e3e3; font-weight: 400 }
.SubTitleList {font-size:14px;  color:#c7c7c7; font-weight: 400}
.LeadList {  font-size:13px;  color:#a8a8a8; font-weight: 300 }
.PlayBtnBox { z-index:999; top:calc(50% - 25px); left:calc(50% - 25px);  text-shadow: 1px 1px 4px #000000;}
.PlayBtn {font-size:46px;  color:#f5f5f5}
.LockIcoBox { z-index:999; bottom:10px;  right:10px;  text-shadow: 1px 1px 4px #000000;}
.LockIco {font-size:23px;  color:#ddd}
.DurationBox {z-index:999; font-size:13px;  color:#ddd;bottom:10px; left:10px;text-shadow: 1px 1px 4px #000000;}

.MovieSlider { }
.MovieSlider h3 {font-size:20px; line-height: 1.2}

hr.type0 {
    margin:0;
 border:0;
  border-top: 2px solid #b2e7c5;
}
hr.type1 {
 border:0;
  border-top: 1px dashed #545454;
}



.top-info { color:#fff; z-index:999;}
.top-info h2 {  color:#edf6fc; font-size:30px;}


.top-bg {     border-bottom: solid 0px #000049}

.top-bg  h2 { font-size:40px; line-height: 1.4; font-weight: 600; text-shadow: 2px 2px 5px #555; color: #ccc}
.top-bg ul {}
.top-bg li {
    text-shadow: 1px 1px 3px #ebebeb;
    font-size:30px; line-height: 1.4; font-weight: 500;
    margin-top:20px;
    list-style-type: none;
    position: relative;    /* It's needed for setting position to absolute in the next rule. */
}

.top-bg li::before {
    content: '■';
    position: absolute;
    left: -1.5em;
    top:8px;/* Adjust this value so that it appears where you want. */
    font-size: 15px;      /* Adjust this value so that it appears what size you want. */
}



.params ul {margin:0;padding-left:25px;}
.params li {
     margin:0;
    font-size:17px; line-height: 1.2; font-weight: 300;
    margin-top:10px;
    list-style-type: none;
    position: relative;    /* It's needed for setting position to absolute in the next rule. */
}

.params li::before {
    content: '■';
    position: absolute;
    left: -1.5em;
    top:3px;/* Adjust this value so that it appears where you want. */
    font-size: 13px;      /* Adjust this value so that it appears what size you want. */
}













/*mobile*/
/*
@media (min-width: 270px) and  (max-width: 576px) {
    .top-bg {height:400px}
}

@media (min-width: 577px) and  (max-width: 768px) {
    .top-bg {height:500px}
}
*/

 @media (min-width: 100px)  and  (max-width: 575px)  {
        [class*="grid-list"] { grid-template-columns: auto !important; grid-column: auto / auto !important }
  }
 @media (min-width: 576px)  and  (max-width: 900px)  {
        [class*="grid-list"] { grid-template-columns: auto auto !important; grid-column: auto / auto !important }
  }


@media (min-width: 100px)  and  (max-width: 575px)  {



  .top-bg  h2 { font-size:25px; line-height: 1.4; font-weight: 600;   color: #000049}


 .top-bg li {
    font-size:20px; line-height: 1.4; font-weight: 500;
    margin-top:6px;
    list-style-type: none;
    position: relative;    /* It's needed for setting position to absolute in the next rule. */
  }
 .top-info h2 {  color:#edf6fc; font-size:20px;}

  .fancybox-content {
        vertical-align: top;
        position:absolute;
        width:100%;
        left:0;
        /*margin: 20px !important;*/
    }

    iframe { width:100%}
    .MenuBox {justify-content: flex-start;  }
    .page-head {    }

    .menu-sub {width:auto}
}


@media (min-width: 576px)  and  (max-width: 787px)  {

 .top-info h2 {  color:#edf6fc; font-size:20px;}
    .top-bg li {text-shadow: 1px 1px 3px #ebebeb;
        font-size:20px; line-height: 1.4; font-weight: 500;
        margin-top:6px;
        list-style-type: none;
        position: relative;    /* It's needed for setting position to absolute in the next rule. */
    }

    .MenuBox {justify-content: flex-start;  }

    .page-head { background-position: right center !important; }

}

@media   (min-width: 768px) and  (max-width: 991px)  {



 .top-info h2 {  color:#edf6fc; font-size:20px;}
    .top-bg li {
        font-size:20px; line-height: 1.4; font-weight: 500;
        margin-top:6px;
        list-style-type: none;
        position: relative;    /* It's needed for setting position to absolute in the next rule. */
    }

}

@media   (min-width: 992px) and  (max-width: 1199px)  {




    .top-bg li {
        font-size:25px; line-height: 1.4; font-weight: 500;
        margin-top:6px;
        list-style-type: none;
        position: relative;    /* It's needed for setting position to absolute in the next rule. */
    }

}