@charset "UTF-8";
@font-face {
    font-family: "tele-grotesk-nor";
    src: url("../fonts/TeleGroteskNormal.eot");
    src: url("../fonts/TeleGroteskNormal.eot?#iefix") format("embedded-opentype"), url("../fonts/TeleGroteskNormal.woff") format("woff"), url("../fonts/TeleGroteskNormal.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: "tele-grotesk-hal";
    src: url("../fonts/TeleGroteskHalbfett.eot");
    src: url("../fonts/TeleGroteskHalbfett.eot?#iefix") format("embedded-opentype"), url("../fonts/TeleGroteskHalbfett.woff") format("woff"), url("../fonts/TeleGroteskHalbfett.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: "tele-grotesk-fet";
    src: url("../fonts/TeleGroteskFett.eot");
    src: url("../fonts/TeleGroteskFett.eot?#iefix") format("embedded-opentype"), url("../fonts/TeleGroteskFett.woff") format("woff"), url("../fonts/TeleGroteskFett.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: "tele-grotesk-ult";
    src: url("../fonts/TeleGroteskUltra.eot");
    src: url("../fonts/TeleGroteskUltra.eot?#iefix") format("embedded-opentype"), url("../fonts/TeleGroteskUltra.woff") format("woff"), url("../fonts/TeleGroteskUltra.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: "tele-grotesk-head-ult";
    src: url("../fonts/TeleGroteskHeadline-Ultra.eot");
    src: url("../fonts/TeleGroteskHeadline-Ultra.eot?#iefix") format("embedded-opentype"), url("../fonts/TeleGroteskHeadline-Ultra.woff") format("woff"), url("../fonts/TeleGroteskHeadline-Ultra.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: "tele-grotesk-head-reg";
    src: url("../fonts/TeleGroteskHeadline-Regular.eot");
    src: url("../fonts/TeleGroteskHeadline-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/TeleGroteskHeadline-Regular.woff") format("woff"), url("../fonts/TeleGroteskHeadline-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}


.article a {
    color: #4b4b4b;
    text-decoration: none;
    /*font-weight: 700;*/
}

.article a:hover, .article a:focus {
    color: #4b4b4b;
}


.content ul li{
  list-style-image: url('/images/icons/li.png');
}
.article .content ul li, .article ul li{
  list-style-image: url('/images/icons/li-article.png');
}

.content img{
  max-width: 100%;
}


.content iframe{
  max-width: 100%;
}

.article-success-story {
  margin-left:-15px;
}

#system-infographic{
  margin-left:-15px;
}

#system-infographic .container{
  
  border-top:1px solid #ededed;
  border-bottom:1px solid #ededed;
  
}
#system-infographic .container .row{
    margin:35px 0;
    background: #e20074;
}

#system-infographic .title{
    
    min-height: 175px; 
}

#system-infographic .title p{
    
    color: #fff;
    font-size:28px;
    line-height: 28px;
    text-align: center;
    font-family: 'tele-grotesk-fet',Arial,Tahoma,Helvetica;

    
}


hr#system-readmore:before {
   content: "CZYTAJ WIĘCEJ";
   color:red;
}
hr#system-successstory:before {
   content: "SUCCESS STORY";
   color:red;
}
hr#system-row:before {
   content: "TEKST W KOLUMNACH";
   color:#570808;
}

hr#system-col:before {
   content: "PODZIAŁ NA KOLUMNY";
   color:#472424;
}

hr#system-readmore{
  border:none;
  border-top: 1px solid red;
}
hr#system-footnotes:before {
   content: "PRZYPISY";
   color:green;
}
hr#system-footnotes{
  border:none;
  border-top: 1px solid green;
}
hr#system-materialpremium:before {
   content: "MATERIAŁ PREMIUM";
   color:blue;
}
hr#system-materialpremium{
  border:none;
  border-top: 1px solid blue;
}
body {
  padding-top: 0px;
  font-size: 15px;
  font-family:"tele-grotesk-hal",Arial,Tahoma,Helvetica;
  color: #4b4b4b;
}

#footer .grey {
  background: #6C6C6C;
}

#footer .grey ul,#footer .white ul{
  margin: 0px;
  padding: 20px 0;
  list-style: none;
}


#footer .grey ul li, #footer .white ul li{
  float: left;
  margin-right:30px;
}
#footer .grey ul li a{
  color: #fff;
  font-family:"tele-grotesk-fet",Arial,Tahoma,Helvetica
}
#footer .white ul li a, #footer .white ul li{
  color: #4d4d4d;
  font-family:"tele-grotesk-nor",Arial,Tahoma,Helvetica;
  font-size:13px;
}

#footer .grey ul li img{
  margin-top:-3px;
  margin-right:5px;
}

#footer .socials{
  text-align: right;
  padding-top:18px;
  padding-bottom:18px;
   color: #ededed;
  font-family:"tele-grotesk-fet",Arial,Tahoma,Helvetica
}
#footer .socials img{
  margin-left:10px;
}

hr.onGrey {
  margin-top: 10px;
  margin-bottom: 10px;
  border-top: 1px solid #d0d0d0;
}
hr.onWhiteOverTitle {
  margin-top: -1px;
  margin-bottom: 20px;
  border-top: 1px solid #ededed;
  margin-left: -15px;
    margin-right: -15px;
}

.test {
  background: rgba(255, 0, 0, 0.5);
}
.testG {
  background: rgba(0, 255, 0, 0.5);
}

.btn {
  
  padding: 5px 55px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: normal;
  line-height: inherit;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 1px;
  
}

.search-results {
  min-height: 300px;
}

.search .btn.btn-default {
  padding:2px 55px;
}

.search .result-title a{
  font-size: 30px;
  line-height: 30px;
  font-family:"tele-grotesk-head-ult",Arial,Tahoma,Helvetica;
  color: #4b4b4b;
}

.search .result-category {
    color: #e30074;
  font-size: 13px;
  font-family: "tele-grotesk-fet",Arial,Tahoma,Helvetica;
}

.search .result-text {
  margin-bottom:30px;
}



.btn.btn-default{
    background: #e20074;
    border-color: #b3005c;
    color: #fff;
    border-radius: 2px;
}

.btn.btn-white{
    background: #fff;
    border-color: #fff;
    color: #e20074;
}

.btn.btn-darkgrey {
  background: #4b4b4b;
  border-color: #4b4b4b;
  color: #fff;
}

.btn.btn-grey{
    background: #ededed;
    border-color: #b2b2b2 ;
    color: #383838;
}

.header {
  text-align: center;
  font-size: 30px;
  line-height: 30px;
  margin:50px 15px;
  color: #000;
  font-family:"tele-grotesk-nor",Arial,Tahoma,Helvetica;
}

.header h1{
    text-align: center;
    font-size: 30px;
    line-height: 30px;
    margin: 50px 15px;
    color: #000;
    font-family: "tele-grotesk-nor",Arial,Tahoma,Helvetica;

}

.red {
  color: #e30074;
}



.prodpadding {
  padding:0px 5px;
}

ul.mostread{
  list-style: none;
}

ul.mostread > li a{
  color:#e30074;
  font-size: 18px;
  font-family:"tele-grotesk-hal", Arial,Tahoma,Helvetica;
}

.mostpopularHeader, .learnMoreHeader {
  color: #4b4b4b;
  font-size: 21px;
  line-height: 21px;
  margin-top:20px;
  margin-bottom:10px;
  font-family: "tele-grotesk-head-ult",Arial,Tahoma,Helvetica;
}
.learnMoreHeader {
  font-size: 25px;
  line-height: 25px;
}

.allTopicsHolder, .backHolder {
  width:300px;
  margin: auto;
  text-align: center;
  margin-bottom:-10px;
  
}
.allTopicsHolder a, .backHolder a{
  color: #383838;
  font-size: 16px;
  padding:10px 50px;
  background: #ededed;
  position: relative;
  z-index: 100;
}

.backHolder{
  margin-bottom:inherit;
  margin-top:-10px; 
}


#topImage {
  position: relative;
  height: auto !important;
  min-height: 380px;
  height: 480px;
  max-height:480px;
  overflow: hidden;
  background: #ededed;
}

.relative{
  position: relative;
}

.contentApla {  
    position: absolute;
    left:20px;
    bottom:60px;
    min-width: 600px;
    max-width: 940px;
    margin-right: 20px;
    width: auto !important;
    
    background: url(/images/apla/bg1.png) repeat-y right;
 }
 .contentShadow {background: url(/images/apla/bg2.png) no-repeat right top; height: 40px; width:100%; position: absolute; bottom:-40px; z-index: 0;}

 .contentApla .inner{
  margin:10px;
  color: #fff;
  margin-bottom: -30px;
  position: relative;
  z-index: 1;
}

.ssHolder{
  position: relative;
  height: auto !important;
  min-height: 380px;
  height: 480px;
  max-height:480px;
  overflow: hidden;
}

.ssApla {  
    position: absolute;
    right:50px;
    top:55px;
    min-width: 432px;
    max-width: 432px;
    width: auto !important;
    
    background: url(/images/successstory/bg-01.png) repeat-y right;
 }
 .ssApla .contentShadow {background: url(/images/successstory/bg-02.png) no-repeat right top; height: 55px; width:100%; position: absolute; bottom:-55px; z-index: 0;}

 .ssApla .inner{
  margin:10px;
  margin-left:70px;
  color: #fff;
  margin-bottom: -20px;
  position: relative;
  z-index: 1;
  text-align: right;
}

.ssApla .inner h4{
  font-family:"tele-grotesk-head-ult",Arial,Tahoma,Helvetica;
  font-size: 29px;
  line-height: 29px;
  margin: 0;
  margin-top: -2px;
  margin-bottom:15px;
}

.ssApla .inner .btn.btn-white{
  padding:3px 50px;
  margin-top:15px;
}

@media (max-width: 767px) {
  .ssApla.colocation {
      position: inherit;
      right: 0px; 
      top: 0px;
  }
  .ssApla {  
    position: inherit;
    right:inherit;
    top:inherit;
    min-width: 100%;
    max-width: 490px;
 }
}
/* 
#topImage .content{
  position: absolute;
  left:20px;
  bottom:40px;
  width: 840px;
  
  background: url(/images/apla.png);
}
#topImage .content .contentShadow1{background: url(/images/apla.png); position: absolute; left: 0px; top:0px; width: 108%; height: 84%;}
#topImage .content .contentShadow2{background: url(/images/apla.png); margin-right:-4%; margin-bottom:-20px;}
#topImage .content .inner{
  position: relative;
  z-index: 10;
  padding:10px;
  padding-bottom: 1px;
  margin-right:4%;
  color: #fff;
} */
.contentApla .inner h1{
  font-family:"tele-grotesk-head-ult",Arial,Tahoma,Helvetica;
  font-size: 44px;
  line-height: 40px;
  margin: 0;
  margin-top: -2px;
  margin-bottom: 15px;
  margin-right:75px;
}
.contentApla .inner h2{
  font-family:"tele-grotesk-head-ult",Arial,Tahoma,Helvetica;
  font-size: 25px;
  line-height: 30px;
  margin: 0;
}
.contentApla .inner p{ line-height: 18px;}
.shareLabel label{font-family: "tele-grotesk-head-reg",Arial,Tahoma,Helvetica; font-size: 13px; margin:0px;}
.imgMarginL {
  margin-left:5px;
}



.article{
  color: #4b4b4b;
}
.article h1{
  font-family:"tele-grotesk-head-ult",Arial,Tahoma,Helvetica;
  font-size: 44px;
  line-height: 40px;
  margin: 0;
}
.article p{line-height:24px; font-size:18px;}
.article span{line-height:24px; font-size:18px;}
.article li{line-height:24px; font-size:18px; margin-bottom:10px;}
.tab-pane.article p, .tab-pane.article li {
  font-size: 15px;
  line-height: inherit;
} 
.article ul{line-height:24px; font-size:18px;}

.article .footnotes p{
  font-size: 13px;
  line-height: 15px;
}

.articlebody {
  padding-top:20px;
  padding-bottom:20px;
}

.article h2, .article h3, .articlebody h2, .articlebody h3, h2, h3{
  font-size: 30px;
  line-height: 30px;
  font-family:"tele-grotesk-head-ult",Arial,Tahoma,Helvetica;
}

.article h3, .articlebody h3, h3{
  font-size: 18px;
  line-height: inherit;
}


.products {
  margin-left:5px;
}

.smb {
  margin:45px 0;
  text-align: center;
  padding:20px;
  font-size: 24px;
  font-family:"tele-grotesk-fet",Arial,Tahoma,Helvetica;
}

.smb .btn {
  margin-left:20px;
  font-size: 16px;
  padding:4px 45px;
  font-family:"tele-grotesk-nor",Arial,Tahoma,Helvetica;
}

.greyBg {
  background: #ededed;
}
.greyBgLight {
  background: #f7f7f7;
}
.greyBg.vertical {
  padding-bottom:15px;
}

.articlesLearnVertTitle {
  padding:10px 15px 0 15px;
  color: #4b4b4b;
    font-size: 30px;
    line-height: 30px;
    font-family: "tele-grotesk-head-ult",Arial,Tahoma,Helvetica;
}

.articleItem {
  float: left;
  max-width: 350px;
  width:100%;
  padding:15px;
  margin:auto;
  margin-top:10px;
  margin-bottom: 10px;
  min-height: 350px;
  /*height:350px;*/
}


.vertical .articleItem {
  float: inherit;
  max-width: 350px;
  width:auto;
  margin:5px;
  padding: 10px;
  min-height: inherit;
  margin-bottom:15px;
  /*height:350px;*/
}

/* .vertical .articleItem .category{
  text-transform: uppercase;
}

.vertical .articleItem .category, .vertical .articleItem .title {
  padding:0 15px;
}

.vertical .articleItem .title {
  padding-bottom: 15px;
} */



.articleItem:hover{
  background: #fff;
}

.articleItem img.img-responsive{
  margin-bottom:20px;
}

.articleItem .category{
  margin-top:0px;
}

.articleItem .category a,
.articleItem .category span{
  color: #e30074;
  font-size: 13px;
  font-family: "tele-grotesk-fet",Arial,Tahoma,Helvetica;
}

.articleItem .title {
  /*min-height: 64px;*/
  width: 100%;
  display: inline-block;
  position: relative;
}

.articleItem .title span{
  position: absolute;
  bottom: 0px;
}

.articleItem .title a{
  color: #4b4b4b;
  font-size: 30px;
  line-height: 30px;
  font-family: "tele-grotesk-head-ult",Arial,Tahoma,Helvetica;
}

.articleItem .short{
  margin-top:20px;

  /*overflow: hidden;*/
  
  font-size: 15px;
  line-height: 18px;
  font-family: "tele-grotesk-fet",Arial,Tahoma,Helvetica;
}
.articleItem .short a{
  color: #4b4b4b;  
}



.articleItem.product{
  height: auto !important;
  min-height: 200px;
  height: 200px;
  padding: 0px;
  margin-left: 10px;
  margin-right: 30px;
  width: 100%;
  padding-bottom: 10px;
}

.articleItem.product.incategory{

}

.row.products{
  margin-left:-25px;
  margin-bottom:2px;
}

.articleItem.product.incategory img{
  margin-bottom:10px;
}

.articleItem.product.incategory a img{
  margin-bottom: 0px;
}

.articleItem.product .category{
    margin:0px;
}

.moreBtnHoolder {
  margin-left:50%;
  margin-bottom:15px;
}

.moreBtnHoolder .btn {
  width:250px;
  margin-left:-125px;
}

.marginBT60 {
  margin:40px 0 60px 0;
}
.padingBT60 {
  padding:40px 0 60px 0;
}

#materialsHolder a{
  color: #e20074;
}

.category-list .content-category .cat-children h3{
  display: none;
}
.calcItem { 
  margin-bottom: 10px;
}

#calcImage {
  position: relative;
  height: auto !important;
  min-height: 380px;
  height: 480px;
  max-height:480px;
  overflow: hidden;
  background: #ededed;
}

.calcItem.greyBg{
  background: #f8f8f8;
}

.calcResultLabel{
  height: 80px;
  width: 100%;
  color: #fff;
  background: #e20074;
  line-height: 80px;
  font-size: 21px;
  text-align: center;
  font-family: "tele-grotesk-nor",Arial,Tahoma,Helvetica;
}

.marginT10 {
  margin-top:10px;
}

.calcItem .number {
  width:80px;
  height: 80px;
  background: #e20074;
  font-size: 44px;
  font-family: "tele-grotesk-fet",Arial,Tahoma,Helvetica;
  color: #fff;
  text-align: center;
  position: relative;
  padding-top:22px;
  float: left;
}

.calcItem .number.number2{
  font-size: 18px;
  line-height: 20px;
  
}
.calcItem .number.number2.online{
padding-top:27px;
}

.slider-input {
  position: relative;
}

.calcItem .number .label {
  font-size:13px; 
  text-transform: uppercase;
  display: inherit;  
  position: absolute;
  width: 100%;
  top:12px;
}
.calcItem .name {
  width:245px;
  float: left;
  color: #4b4b4b;
  font-family: "tele-grotesk-nor",Arial,Tahoma,Helvetica;
  font-size: 21px;
  line-height: 80px;
  margin-left:30px;
}
.calcItem .formField {
  width: 500px;
  float: left;
  text-align: center;
}
.calcItem .formField .yes, .calcItem .formField .no, .calcItem .formField .separator{
  color: #4b4b4b;
  font-family: "tele-grotesk-nor",Arial,Tahoma,Helvetica;
  font-size: 21px;
  margin-top:10px;
}

.calcItem .formField .separator {
  margin: 0 25px;
}

.calcbtnHolder {
  margin-top:30px;
  margin-bottom:50px;
  padding-right: 20px;
  
}

.calcbtnHolder label{
  font-size:22px;
  margin-top:5px;
  margin-right: 10px;
  
}

.calcbtnHolder .btn{
  padding: 5px 75px; 
  line-height: 16px;
  font-size: 16px;
}
.calcbtnHolder .btn.btn2{
  margin-top:-5px;
}

.calcHeaderArea {
  padding:18px 20px 18px 30px;
  background: #d0d0d0;
  color: #e20074;
  font-family: "tele-grotesk-head-ult",Arial,Tahoma,Helvetica;
  font-size: 30px;
  margin-top:30px;
}
.calcHeaderArea .btnHolder{
  float: right;
  font-family: "tele-grotesk-hal",Arial,Tahoma,Helvetica;
    font-size: 16px;
    font-weight: normal;
        margin-top: 4px;
}

.calcResult {
  background: #f8f8f8;
  text-align: center;
  line-height: 80px;
  font-size: 20px;
  margin-left:-30px;
  border:1px solid transparent;
}

.calcResult.calcInfo {
  line-height: 20px;
  font-size: 20px;
  height: 80px;
  border:1px solid transparent;
  text-align: left;

}

.calcResult.calcInfo .p{
  margin-left:50px;
  padding-left:30px;
  margin-top:15px;  
  font-size: 18px;
  background: url('/images/calc_kolokacji/alert.png') no-repeat left center;
}

.calcResultInfo {
  color: #4b4b4b;
  font-size: 20px;
  font-family: "tele-grotesk-nor",Arial,Tahoma,Helvetica;  
}

.calcResultInfo strong{
  font-family: "tele-grotesk-ult",Arial,Tahoma,Helvetica;  
}
.calcResultInfo ul{
  margin:25px 35px;
}
.calcResultInfo li{
  list-style-image: url('/images/icons/li.png');
}

  .needItem{
    min-height: 220px;
  }



@media (min-width: 992px) {
    .nopadding-large{
      padding:0px;
    }
}
@media (max-width: 767px) {
  #topImage .content{
    position: inherit;
    left: inherit;
    bottom:inherit;
    width: inherit;
  }
  #topImage .content .contentShadow1{left: inherit; top:inherit; right:0px; bottom:-5%; width: 90%; height: 5%;}
  #topImage .content .contentShadow2{left: inherit; top:inherit; right:0px; bottom:-10%; width: 80%; height: 10%;}
  #topImage .content .inner h1{
    font-size: 38px;
    line-height: 34px;
  }
  #topImage .content .inner h2{
    font-size: 18px;
    line-height: 20px;
  }

  .needItem{
    float: right;
  }

  #menuHolder .needs .center-block{
      width:767px;
   }

   #topImage, #calcImage {
      min-height: inherit;
      height: inherit;
      background: none;
      overflow: inherit;
  }

    .contentApla{
    min-width: 280px;
    /*max-width: 280px;*/
    left:inherit;
    bottom: inherit;
    position: inherit;
  }



  .contentApla .inner {
    margin-bottom:50px;
  }

  .contentApla .inner h1{
    margin-right: inherit;
    font-size: 30px;
  }
}

.img-responsive.marginAuto{
    display: inherit;
    margin: auto;
}

@media (max-width: 320px) {

  .header {
    font-size: 26px;
  }

  .needItem{
    margin-right: 5px;
    margin-left: 5px;
  }

  #footer .grey ul li, #footer .white ul li{
    margin-right:10px;
    float: inherit;
  }



  #footer .socials{
    text-align: left;
  }

  .nav > li > a {

    padding-left: 5px;
    padding-right: 5px;
  }



  .article h1{
    font-size: 38px;
  }


}



.titleMagenta {
  color:#e20074;
  text-align: center;
  font-family: "tele-grotesk-fet",Arial,Tahoma,Helvetica;
  font-size: 24px;
  margin-bottom:-20px;
  margin-top: 55px;
}


h2.products-lead{
  font-family: "tele-grotesk-ult",Arial,Tahoma,Helvetica;
  font-size: 25px;
  text-transform: uppercase;
}
p.products-lead-red{
  font-family: "tele-grotesk-fet",Arial,Tahoma,Helvetica;
  font-size: 16px;
  color: #e20074;
}
p.products-lead{
  font-family: "tele-grotesk-fet",Arial,Tahoma,Helvetica;
  font-size: 16px;
}

.mapka {
  width: 433px;
  height: 402px;
  position: relative;
  background: url(/images/menu/mapka.jpg);
}

.mapka .it1 {
  position: absolute;
  left:285px;
  top:170px;
  cursor: pointer;
}.mapka .it2 {
  position: absolute;
  left:186px;
  top:28px;
  cursor: pointer;
}.mapka .it3 {
  position: absolute;
  left:20px;
  top:90px;
  cursor: pointer;
}
.mapka .it4 {
  position: absolute;
  left:112px;
  top:160px;
  cursor: pointer;
}
.mapka .it5 {
  position: absolute;
  left:220px;
  top:202px;
  cursor: pointer;
}
.mapka .it6 {
  position: absolute;
  left:355px;
  top:238px;
  cursor: pointer;
}
.mapka .it7 {
  position: absolute;
  left:112px;
  top:247px;
  cursor: pointer;
}.mapka .it8 {
  position: absolute;
  left:200px;
  top:307px;
  cursor: pointer;
}.mapka .it9 {
  position: absolute;
  left:240px;
  top:323px;
  cursor: pointer;
}

.mapkaPopup {
  position: absolute;
  min-width: 180px;
  min-height: 60px;
  background: #fff;
  display:none;
  overflow: hidden;
}

.mapkaPopup .relative {
}

.mapkaPopup .relative .overlayer{
  /* position: absolute;
  left: 0px;
  top:0px;
  width: 100%;
  height: 500px; */
}

.mapkaPopup img{
  top:10px;
  left: 0px;
  position: absolute;
}
.mapkaPopup .cont{
  margin: 10px 10px 10px 20px;
}
.mapkaPopup span.title{
  color:#e20074;
  font-size: 15px;
  font-family:"tele-grotesk-head-ult",Arial,Tahoma,Helvetica;
}
.mapkaPopup .address{
  font-size: 15px;
  color: #4b4b4b;
}

.minidevice {
  display: none;
}

@media (max-width: 767px) {
  .minidevice {
    display: block;
  }
}
@media (max-width: 767px) {
  
  .mapka{
    width: 289px;
    height: 269px;
    position: relative;
    background: url(/images/menu/mapka-small.jpg);
  }
  .mapkaPopup {
    position: absolute;
    left: 0px;
    top:269px;
  }

  

  .mapka .it1 {left:191px; top: 114px; }
  .mapka .it2 {left:126px; top: 18px; }
  .mapka .it3 {left:13px; top: 60px; }
  .mapka .it4 {left:76px; top: 106px; }
  .mapka .it5 {left:148px; top: 133px; }
  .mapka .it6 {left:239px; top: 159px; }
  .mapka .it7 {left:76px; top: 166px; }
  .mapka .it8 {left:133px; top: 206px; }
  .mapka .it9 {left:162px; top: 217px; }
}




.errorBg {
  margin-top:100px;
}

.errInfoTop {
  margin-top:110px;
  margin-left:-50px;
  height: 65px;
  width: 468px;
  background: url(/images/error/info-bg-01.png) no-repeat left top;
}
.errInfoMiddle {
  border:1px solid transparent;
   margin-left:-50px;
  width: 468px;
  background: url(/images/error/info-bg-02.png) repeat-y left;
}
.errInfoBottom {
  height: 12px;
  width: 468px;
   margin-left:-50px;
  background: url(/images/error/info-bg-03.png) no-repeat left top;
}
.errInfoMiddle .in {  
  margin:-50px 40px 28px 100px;
  color: #7c7c7c;
}

.errInfoMiddle .in h3{
  font-size: 30px;
}

.errInfoMiddle .in ul{
  margin:0px;
  padding:0px;
  padding-left:20px;
}  

.mainpageBtnHolder{
  margin-left:50%;
  margin-bottom:100px;
}

.mainpageBtnHolder .btn.btn-default{
  width: 200px;
  margin-left:-130px;
  margin-top:20px;
}


@media (max-width: 767px) {
  .errInfoTop {
    margin: 0px;
    
    width:100%;
    background: none;
  }
  .errInfoMiddle {
    margin-left:0px;
    width:100%;
    background: none;
  }
  .errInfoBottom {
    margin-left:0px;
    width:100%;
    background: none;
  }
  .errInfoMiddle .in {  
    margin:15px;
  }

}

.borderMagenta {
  border:2px solid #e20074;
  margin:50px 0;
}

.borderMagenta .greyBg{
  margin:3px;
}




div.cookies {
    background-color: #d0d0d0;
    min-height: 70px;
    width: 100%;
    position: fixed;
    z-index: 1200;
    bottom: 0px;
}
div.cookies div.holder {
  padding:10px 0;
    text-align: left;
    /*width: 730px;*/
    min-height: 58px;
    background-color: #d0d0d0;
    color: #4b4b4b;
    font-size: 10px;
    line-height: 13px;
}
div.cookies div.holder strong {
    font-size: 12px;
}
div.cookies div.holder a {
    color: #2488c6;
    text-decoration: underline;
}
div.cookies div.holder .butt, #butt {
    padding: 0 5px 0 15px;
    background: url("/images/butm_l.png") /* no-repeat */ scroll 0 0 transparent;
    height: 30px;
    margin-top:10px;
    display: inline-block;
    border: 1px solid #d0d0d0;
}
div.cookies div.holder .butt span, #butt span {
    background: url("/images/butm_r.png") no-repeat scroll right 0 transparent;
    color: #000;
    display: inline-block;
    font-size: 12px;
    height: 23px;
    padding: 7px 20px 0 0px;
}

.nofloat {
  float: inherit;
}

.nopadding {
  padding: 0px;
}






/*dla niewidomych**/

#invisible a{
    position: absolute;
    left: -99999px;
    top: 0;
}

#invisible a:focus, #invisible a:active, #invisible a:hover{
  position: inherit;
}

.eservice .greyBgDark {
  margin:70px 0px;
  padding:40px 0;
  color: #fff;
}

.align-center {
  text-align: center;
  font-size:28px;
  font-family: "tele-grotesk-nor";
}

.greyBgDark {
  background: #4b4b4b;
}

.underGrey {
  font-size: 20px;
  margin: 100px 0 50px 0;
  padding:10px;
  border-bottom: 1px solid #7c7c7c;
}





.blogMenuItem {
  width:100px;
  height:150px;
  float: left;
  margin-left:5px;
  text-align: center;
  line-height: 15px;
  cursor: pointer;
  
}

.blogMenuItem.selected img{
  
  border:1px solid #e20174;
}
.blogMenuItem.selected a{
    color: #e20174;
}
    
.blogMenuItem:first-child{
  margin-left: 0px;
}

.blogMenuItem img{
  margin: auto;
  border:1px solid #ededed;
  margin-bottom:13px;
}
.blogMenuItem a{
    color: #434343;
    font-size: 13px;
    font-family: "tele-grotesk-hal",Arial,Tahoma,Helvetica;

}
#blogMenuFilter{
  padding-bottom: 35px;
}
#blogMenuFilter .header{
  margin:35px 0px;
  font-size: 30px;
  font-family: "tele-grotesk-hal",Arial,Tahoma,Helvetica;
}
#blogMenuFilter .clearFilter{
    
    top:0px;
    right: 15px;
    font-size: 13px;
}

@media (max-width: 320px){
  #blogMenuFilter .clearFilter{
    top:95px;
  }
}

@media (max-width: 768px){
  #blogMenuFilter .clearFilter{
    top:-20px;
  }
}

.absolute{
  position: absolute;
}

.relative{
  position: relative;
}


.blogArticleItem {
  float: left;
  max-width: 255px;
  width:255px;
  padding:0px;
  margin:auto;
  margin-top:0px;
  margin-bottom: 5px;
  
  border:1px solid #ededed;
  margin-left:5px;
  padding-bottom:20px;
  overflow: hidden;
}

.blogArticleItem:hover {
  border:1px solid #e30275;
  z-index: 1000;
  /* width: 262px;
  max-width: 262px; */
}

.blogArticleItem:hover img {
  /*margin-left:-1px;*/
}



.blogArticleItem img.img-responsive{
 
}


.blogArticleItem .title {
  margin:0px 15px;
   margin-top:20px;
  display: inline-block;
  position: relative;
}

.blogArticleItem .title span{
  position: absolute;
  bottom: 0px;
}

.blogArticleItem .title a{
  color: #4b4b4b;
  font-size: 26px;
  line-height: 26px;
  font-family: "tele-grotesk-head-ult",Arial,Tahoma,Helvetica;
}

.blogArticleItem .short{
  margin:0px 15px;
  margin-top:20px;

  /*overflow: hidden;*/
  
  font-size: 15px;
  line-height: 18px;
  font-family: "tele-grotesk-fet",Arial,Tahoma,Helvetica;
}
.blogArticleItem .short a{
  color: #4b4b4b;  
}
.blogArticleItem .link{
  margin:20px 15px 0 15px;
}
.blogArticleItem .link a{
    text-decoration: underline;
    color: #e30275;
}   

.grid {
  margin: 40px auto;
  padding-bottom:100px;
}

.grid-item {

}

.ias-spinner, .ias-noneleft {
      position: absolute;
      bottom: 10px;
      width: 100%;
      text-align: center;
      margin-left: -16px;
 
}

.ias-spinner{
       /*animation: rotate 0.8s infinite linear;*/
}

/* @keyframes rotate {
  0%    { transform: rotate(0deg); }
  100%  { transform: rotate(360deg); }
}
 */



.newsletterTitle {
  color: #fff;
  font-family:"tele-grotesk-head-ult",Arial,Tahoma,Helvetica;
  font-size: 25px;
  line-height: 30px;
  margin:15px;
}

.newsletterText {
  color: #fff;
  font-family:"tele-grotesk-hal",Arial,Tahoma,Helvetica;
  font-size: 21px;
  line-height: 25px;
  text-transform: uppercase;
  margin:20px 100px 30px 15px;
}

.form_news{
  position: absolute;
  margin:15px;
  top:0px;
}

.greyBg.newsletter{
  background: #707070;
  border:1px solid #707070;
  padding-bottom: 200px;
}

.newsletter .fieldBox fieldset{
  padding:3px 15px;
}

.newsletter .btn.btn-default.pull-right{
  margin-right:15px;
  margin-bottom:15px;
  margin-top:15px;
  padding:3px 35px;
}


.newsletter .fieldBox fieldset label.error{
    top: -26px;
    left: 15px;
    width: 220px;
}


#blogMenuItemsHolder {
    margin:auto;
}

#blogSlajder .carousel-indicators {
    bottom: inherit;
    top:120px;
}
#blogSlajder .carousel-indicators li {
    border: 1px solid #e30275;
    margin: 0;
}
#blogSlajder .carousel-control {
    background: none;
}
#blogSlajder .carousel-control img{
    height: 50px;
    margin-top:40px;
}

#blogSlajder .carousel-indicators .active {
    width: 10px;
    height: 10px;
    margin: 0;
    background-color: #e30275;
}

#blogSlajder .image{
    background: #fff;
    min-height: 150px;
    line-height: 150px;
}
#blogSlajder .carousel-caption{
  position: inherit;
  right: inherit;
  left: inherit;
  bottom: inherit;
  background: #e30275;
  padding:15px;
  text-shadow: none;
}
#blogSlajder .carousel-caption h4{
    text-transform: uppercase;
    font-size: 25px;
    font-family: "tele-grotesk-ult";
    margin:0px;
}
#blogSlajder .carousel-caption p{
    font-size: 14px;
    
    margin-top:15px;
}
#blogSlajder .carousel-caption a{
    color: #fff;
    text-decoration: underline;
}


#blogSlajder .carousel-caption.left{
    text-align: left;
}

.infographic {
  background: #e30275;
  border:1px solid #e30275;
}

.infographic img{
    margin-top:8px;
}
.infographic h4{
    text-transform: uppercase;
    font-size: 25px;
    font-family: "tele-grotesk-ult";
    margin:20px 15px;
}
.infographic h4 a{
    color: #fff;
}

/* @media (max-width:320px){
  #blogMenuItemsHolder {
    width:210px;
    margin:auto;
  }
}

@media (min-width:321px) and (max-width:768px){
  #blogMenuItemsHolder {
    width:630px;
    margin:auto;
  }
} */


.uc{margin-bottom:100px;}
.uc h1{color:#e20074;margin-bottom:60px;}
.uc .ucontainer{border-bottom:1px solid #ededed;padding-top:10px;padding-bottom:20px;margin-top:10px;margin-bottom:50px;}
.uc .ucbox a{text-decoration: none;color:#4b4b4b;display: block;border-top:2px solid #fff;padding-top:5px;font-size:14px;color:#999999;}
.uc .ucbox img{height:56px;}
.uc .ucbox:hover > a{border-top:2px solid #e20074;}
.uc .ucbox strong{display:block;font-size:15px;color:#4b4b4b;}
.uc .ucbox p{border:1px solid #ededed;padding:5px;margin-bottom:5px;}

.ksw h1{font-size:32px !important;}
.ksw .share a{margin-left:5px;}
.ksw p.share{font-size:14px;}
.ksw .share img{height:15px;}
.ksw .text{font-size:24px;margin-left:40px;margin-right:40px;margin-top:20px;margin-bottom::20px;line-height:28px;}
.ksw .grey{background:#6c6c6c;color:#fff;font-size:18px;padding-top:10px;padding-bottom:10px;font-weight:bold;}
.ksw .pink{background:#e20074;color:#fff;font-size:26px;font-weight:bold;padding:0px;text-align:center;padding-top:8px;padding-bottom:9px;}  
.ksw .lightgrey{background:#ebebeb;padding:5px;border-left:5px solid #fff;}
.ksw label{display:block;font-weight:normal;font-size:18px;line-height:20px;}   
.ksw .colmd1{max-width:90px;}

.no-margin{margin-top:0px !important;}

.ksw .pink, .ksw .grey, .ksw .lightgrey{min-height:50px;}
.ank table {border-spacing:0 30px;
    border-collapse: separate;}
.ank table tr td:nth-child(1){width:36px !important;max-width:36px !important;}   
.panel-btn .btn{margin-top:30px;margin-bottom:0px;}
.panel-btn{border-bottom:0px solid #ededed;margin-bottom:0px;}

#rank h2{font-size:32px;line-height:30px;}
#rank h2 img{height:50px;margin-right:20px;margin-top:5px;}
#rank p{font-size:22px;line-height:28px;}

#rank{border-top:1px solid #ededed;margin-top:30px;padding-bottom:0px;}