html {
    overflow-y: scroll; 
}

body {
 font-family: 'Nunito', sans-serif;
 line-height: 200%;
}
.arrowholder{
  width: 50%;
  height: 50%;
}

.bg-light {
  background-color: transparent !important;
}

.arrow{
  margin-right: 15px;
float: left;
    width: 16px;
    height: 27px;
    background: url(../img/arrow.gif);
}

.dollar{
      width: 60px;
    height: 63px;
    background: url(../img/sprite1.png) -651px 0 ;
}

.mark{
      width: 60px;
    height: 63px;
    background: url(../img/sprite1.png) -711px 0 ;
}

.metro{
  float: left;
  margin-right: 10px;
      width: 61px;
    height: 70px;
    background: url(../img/sprite1.png) -771px 0 ;
}

.letter{
  float: left;
  margin-right: 10px;
      width: 61px;
    height: 70px;
    background: url(../img/sprite1.png) -831px 0 ;
}

.clock{
  float: left;
  margin-right: 10px;
      width: 61px;
    height: 70px;
    background: url(../img/sprite1.png) -892px 0 ;
}

.calendar{
  float: left;
  margin-right: 10px;
      width: 60px;
    height: 70px;
    background: url(../img/sprite1.png) -1012px 0 ;
}

.wallet{
  float: left;
  margin-right: 10px;
      width: 60px;
    height: 70px;
    background: url(../img/sprite1.png) -1072px 0 ;
}

.dollar2{
  float: left;
  margin-right: 10px;
      width: 61px;
    height: 70px;
    background: url(../img/sprite1.png) -892px 0 ;
}


.imgflow{
  float: left;
  width: 75%;
}

.imgflow2{
  float: left;
  width: 95%;
}

#topnav {
  padding: 3%;
}

#herobtn {
  font-size: 1.15rem;
  padding: 10px 40px;
  border-radius: 30px;
  color: #F2F2F2;
  background-color: #2A4B6D;
  border-color: #2A4B6D;
}

.active2 a{
    color:#990000 !important;
}


#kontakt {
  margin-top: 50px;
}

.kontakt2 h4{
  color: #990000;
}

.kontakt2 .redtel{
  font-size: 20px;
  color: #990000;
}

#message, .form-label{
  width: 100%;
}

#form input, #form textarea{
 border:0;
 border-bottom: 1px solid #e6e6e6;
}

#map{
 margin-bottom: 50px;
 margin-top: 60px;
 -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.15);
box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.15); 
}

#kontakt{
  margin-bottom: 5%;
}

#form .btn{
position: relative;
left: 55%;
top: 50%;

  font-size: 1.12rem;
  padding: 5px 30px;
  border-radius: 30px;
  color: #F2F2F2;
  background-color: #2A4B6D;
  border-color: #2A4B6D;
}


#langnav a{
  margin: 0 5px;
  border-radius: 50%;
  width: 35px;
  height: 35px; 
  border: 1px solid #2A4B6D;
  text-align: center;
 line-height: 18px;
 font-size: 12px;
 color:#2A4B6D;
}

#langnav a.active{
 background-color:#2A4B6D;
 color:#fff;
}

.wrap{
  overflow: hidden;
  background-color:#2A4B6D;
}

#hero1 {
    background-image: url("../img/banner1.png");
    margin-bottom: 0;
    min-height: 50%;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    color: #F2F2F2;
    border-radius: 0;
}

#hero2 {
    background-image: url("../img/banner2.png");
    margin-bottom: 0;
    min-height: 50%;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    color: #F2F2F2;
    border-radius: 0;
}

#hero3 {
    background-image: url("../img/banner3.png");
    margin-bottom: 0;
    min-height: 50%;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    color: #F2F2F2;
    border-radius: 0;
}

#hero5 {
    background-image: url("../img/banner5.png");
    margin-bottom: 0;
    min-height: 50%;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    color: #F2F2F2;
    border-radius: 0;
}

.cennik{
  margin-top: 30px;
  margin-bottom: 30px;
  color: #fff;
}

.cennik>div{
 background-color: #2A4B6D;
}

.cennik>div h3{
 margin-top: 15%;
}

.cennik>div h6{
 margin-bottom: 15%;
}

.cennik>div .start{
 margin-top: 10%;
}

.cennik>div .stop{
 margin-bottom: 10%;
}

.domicyl1{

 background-color: #2A4B6D;
}

.table .adresy, .table2 .uslugi{
  margin-top: 30px; 
  background-color: #2A4B6D;
  color: #F2F2F2;
  padding: 25px 5%;
}

.table .adresy h4, .table2 .uslugi h4{
margin-bottom: 0;
}

.table .oferta{
  background-color: #e6e6e6;
   color: #e00000;
  padding: 25px 5%;
  text-align: center;
}
.table .klienta, .table .rabatu{  
  background-color: #F2F2F2;
   color: #191F22;
  padding: 25px 5%;
  text-align: center;
}

.table .netto, .table2 .netto{  
  padding: 25px 5%;
}

.table2 .col-8 {
  background-color: #F2F2F2;
   color: #191F22;
  padding: 25px 5%;
}

.table2 .col-4 {
    background-color: #F2F2F2;
   color: #191F22;
  padding: 25px 5%;
}

#officeholder{
color: #F2F2F2;
}

#officeplaceholder{

    background-image: url("../img/office.png");
    margin-bottom: 0;
    min-height: 50%;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
}


footer {
background-color: #191F22 !important;
color: #F2F2F2;
}

footer li {
list-style-type: none;
display: inline; 
margin-right: 20px;
}

footer a{
  text-decoration: none;
color: #F2F2F2;
}

footer a:hover{
  text-decoration: none;
color: #F2F2F2;
}


/*---[ RODO ]-----------------------------------------------------------------------*/
.tooltip_templates {
    display: none;
}

.error-checkbox .checkbox__text .checkbox__label, .error-checkbox .checkbox__text .checkbox__label a {
    color: #e22727 !important;
}


.checkbox {
    display: flex;
    width: 100%;
    align-items: center;
}

.checkbox label {
    line-height: 1;
    font-size: 14px;
}

.checkbox__text {
    padding-left: 5px;
}


input[type="checkbox"].error:after {
    content: "";
    width: 13px;
    height: 13px;
    position: relative;
    background-color: #D30C0C;
    display: block;
}