@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,800&subset=latin,latin-ext);


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;x
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {padding:0;
margin:0;}
.row{
	margin: 0 !important;
}

.input-group-addon{
	border: 0px solid white !important;
}

.short {
width: 80%; 
}
.sliderText

a.current {
  background:red;
  color:white;
}

#container{ max-width:100%;}

/* END RESET */

.parentActive{
  background:  !important;
}


.subnavcontainer {width:100%; 
  background: white; 
  height: 40px; 
  border-bottom: 1px solid black;
}

.submenu {
  text-align: left; 
  font-size: 9pt; 
  padding-top:10px;
}

/*sticky*/

#top {
  height: 20px;
  width: 100%;
}

.fbuttons {
  width: 120px;
  height: 50px;
  background:;
  padding-top: 5px;
  border-left: 1px solid white;
}

a.fbuttons {
  color: orange;
  font-weight: bold;
}


.text-alert {

font-family: 'Open Sans'; 
text-align:right; 
float: right; 
font-size: 12px; 
color: orange;
padding-left:5px;

}

#head {
  width: 100%;
  height: 50px;
  background-color: #f0f0f0;
  overflow: hidden;
  text-align: center;
  font-size: 9pt;
}

.sticky {
  position: fixed;
  top: 0px;
  z-index: 99;
  opacity: 0.88;
}

.stickytitle {
  position: fixed;
  top: 0px;
  opacity: 0.88;
  width:100%;
}

#head li {
  display: inline-block;
}

/* end sticky */


ul.submenu li {
display:inline; 
color:black; 
margin: 0 15px;
}


/*submenu*/

ul.submenu a {
text-decoration: none;
color:black; 
}


ul.submenu a:hover {
text-decoration: underline;
color:black; 
}

calendarnew a { color: orange; }

/* form */

.reset {padding: 0; margin: 0;}

.docnumber {

padding: 0 2px; 
color: #17356a; 
border: 1px solid #17356a; 
height: 40px; 
width: 299px; 
font-size: 26px;
margin-bottom: 5px;
}

.adress {

min-height: 100px !important;

}

.offer {
padding: 0 2px; 
color: #56585c;
border: 1px solid #b7b6b6; 
height: 40px; 
width: 100%; 
font-size: 15px;
margin-top: 5px;
}


.calendar .selectOverbox{
  width:200px;
  text-align:center;
  padding:0 2px;
  border:1px solid #b7b6b6;
  color: #56585c;
  height: 35px;
  font-size: 15px;
  margin-top: 5px;
  font-family: 'Open Sans';
}






.banksy {
padding: 0 2px; 
color: #56585c;
border: 1px solid #b7b6b6; 
height: 40px; 
width: 80%; 
font-size: 15px;
margin-top: 5px;
width: 240px;
}

.lista {
width: 100%;
   height: 34px;
   overflow: hidden;
   background: url(new_arrow.png) no-repeat right #ddd;
   border: 1px solid #ccc;

}

.color {background: green;}

.doctype h3{

font-family: 'Open Sans', sans-serif;
font-size: 28px;
border: 0px solid red; 
height: 40px; 
margin:0; 
padding:0;
}

.nopadding {
   padding: 15px 0px 0 0 !important;
}

.clear {
padding: 0 20px 0 0;}

.btn.sharp {
  border-radius:0;
  margin: 40px 16px;
}

.btn.sharpnew {
  border-radius:0;
  margin: 20px 0px;
}

.doctype h2{

font-family: 'Open Sans', sans-serif;
font-size: 15px;
border: 0px solid red; 
margin:0; 
padding:0;
}

.rozwin {

font-size: 14px;

}

.doctypeh2{

font-family: 'Open Sans', sans-serif;
font-size: 20px;
margin:0; 
font-weight: 600;
}

.active {
  color:orange;
}


body{
  margin:0; padding:0;
      font-family: 'Open Sans', sans-serif;
}
.italic{
  font-style:italic;
}
.bold{
  font-weight:600;
}
.e-bold{
  font-weight:800;
}
.no-padding{
  padding:0
}
.no-margin{
  margin:0;
}
.container{ width:100%;}

.row{
  margin:0;
}
h2{
  font-size: 24pt;
}
.top5 { margin-top:5px; }
.top7 { margin-top:7px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }
.top17 { margin-top:17px; }
.top25 { margin-top:25px; }
.top30 { margin-top:30px; }
.top35 { margin-top:35px; }
.top50 { margin-top:50px; }


/** aboutac */

.accinfo {
  background: #15181d; 
  width:100%;
  height: 40px;
  font-family: 'Open Sans';
  font-size: 10px;
  line-height: 40px;
  padding-right: 40px;
  color: white;
  text-align: center;
}
.accinfo span {text-decoration: underline;}


/** Header **/
.header{
height:80px;
background: rgba(20,43,85,1);
background: -moz-linear-gradient(left, rgba(20,43,85,1) 0%, rgba(27,59,116,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(20,43,85,1)), color-stop(100%, rgba(27,59,116,1)));
background: -webkit-linear-gradient(left, rgba(20,43,85,1) 0%, rgba(27,59,116,1) 100%);
background: -o-linear-gradient(left, rgba(20,43,85,1) 0%, rgba(27,59,116,1) 100%);
background: -ms-linear-gradient(left, rgba(20,43,85,1) 0%, rgba(27,59,116,1) 100%);
background: linear-gradient(to right, rgba(20,43,85,1) 0%, rgba(27,59,116,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#142b55', endColorstr='#1b3b74', GradientType=1 );
}




.small{


  width: 80px;
padding:0;
margin:0;



}


.panes{
    list-style:none;
    position:relative;
    width:500%; /* Number of panes * 100% */
    overflow:hidden; /* This is used solely to clear floats, it does not add functionality. */
    padding:0;
    -webkit-animation:carousel 45s infinite;
       -moz-animation:carousel 45s infinite;
            animation:carousel 45s infinite;
}
.panes > li{
    position:relative;
    float:left;
    width:20%; /* 100 / number of panes */
}
.panes > li > a{
    display:block;
}

/** Slider Header **/

#hero-wrapper .carousel-wrapper,
#hero-carousel {
  min-height: auto;
  width: 100%;
  position: absolute;
}
#hero-carousel img {
  left: 0;
  bottom: 0;
  min-width: 100%;
  min-height: auto;
}
#hero-carousel i {
  position: absolute;
  top: 20%;
}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
.item img {
  width: 100%;
  z-index: -1;
}
.sliderText {
  position: absolute;
  margin-left: 8%;
  bottom: 15%;
}
.sliderText h2 {
  font-weight: 600;
  font-size: 50px;
  margin-bottom: 0;
  color: white;
  padding: 20px 0;
  text-shadow: 2px 2px #FE641C;
}
.sliderText h3 {
  margin-top: 0px;
  color:black;
  font-size: 13pt; 
  color:white;
  width: 700px;
  line-height: 26px;

}
.sliderButton {
  /* IE10+ */
  background-image: -ms-linear-gradient(left, #FE641C 0%, #ff871d 100%);
  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(left, #FE641C 0%, #ff871d 100%);
  /* Opera */
  background-image: -o-linear-gradient(left, #FE641C 0%, #ff871d 100%);
  /* Webkit (Safari/Chrome 10) */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FE641C), color-stop(100, #ff871d));
  /* Webkit (Chrome 11+) */
  background-image: -webkit-linear-gradient(left, #FE641C 0%, #ff871d 100%);
  /* W3C Markup */
  background-image: linear-gradient(to right, #FE641C 0%, #ff871d 100%);
  -webkit-box-shadow: 1px 2px 2px #102243;
  -moz-box-shadow: 1px 2px 2px #102243;
  box-shadow: 1px 2px 2px #102243;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  height: 38px;
  margin-top: 10px;
  border: none;
  color: white;
  font-size: 8pt;
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
  padding-top: 1;
  padding-left: 18px;
  padding-right: 18px;
}
 /** ENd Slider **/

.sliderContent{
  width:1100px;
  margin:0 auto;
}

#slider{
  width:1045px;
  height:263px;
  overflow:hidden;
margin-left:45px; 


}
.contentFotki{
  width:2400px;

  margin: 0 0 0 20px;
  padding: 0;
}

.fotki{
  width:250px;
  float:left;
  text-decoration:none;
  list-style:none;

  height:263px;
 
  float:left;


}
.przycisk_right{
  height:58px;
  width:34px;
  margin-top:100px;
background-image: url('images/nav-arrow-left.png');
  position: absolute;
  z-index:16;

border:none;
background-color: #FFFFFF;
opacity:0.2;
    border: none;
    outline:none;
  
}
.pad{
  padding-left:0 !important;
  padding-right:0 !important;
}
.przycisk_right:hover{
  opacity:1;
}
.przycisk_left{
  height:58px;
  width:34px;
  margin-top:100px;
background-image: url('images/nav-arrow-right.png');
  position: absolute;
  z-index:16;

border:none;
background-color: #FFFFFF;
opacity:0.2;
  margin-left:1045px;
    border: none;
    outline:none;


}
.przycisk_left:hover{
  opacity:1;
}
/*****************/
/* FUNKCJE FAKTUR */
/*****************/


ul.menuFunkcje{
width: 235px;
list-style: none;
margin: 0;
padding: 0;
font-family: Arial, Verdana, Tahoma;
font-size: 9.75pt;
float:left;
background-color:#142B55;
margin-right:60px
}
ul.menuFunkcje li ul{
     display: none;
    list-style: none;
    padding-left:0px;
    width:235px;
	
}
ul.menuFunkcje a:hover {
color:white;
text-decoration:underline;

}

ul.menuFunkcje li{
cursor:pointer;
}
.menuShow{
display:block;
}

.paddingLeftFunction{
padding-left:300px;
padding-right:60px;
}
ul.menuFunkcje ul li a{
      background-color:#1B3B74;  
    display: block;
    padding: 5px;
    text-decoration: none;
    color: #cdcfd6;
      font-weight: 600;
    border-bottom: none; 
  padding: 7px 20px;
      font-size: 9.75pt;
	      width:235px !important;

}
ul.menuFunkcje li a b{
    display: block;
    padding: 5px;
    text-decoration: none;
    color: #cdcfd6;
      font-weight: 600;
    background-color:#142B55;
    border-bottom: none; 
  padding: 15px 20px;
      font-size: 9.75pt;
}

@media (max-width: 1100px){
#slider{
  width:500px;
}
.sliderContent{
  width:610px;
}
   .przycisk_left{
     margin-left: 517px;
   }
   
}

@media (max-width: 768px){
#slider{
width:250px;
}
.sliderContent{
width:360px;
}
.przycisk_left{
margin-left: 270px;
}
ul.menuFunkcje{
text-align:center;
width:100%;
}
.menuFunkcje li{
width:100%;
}
.paddingLeftFunction{
padding-left:10px;
padding-top:250px;
}
}

.logo {height: 80px!important;}
.logo a{
font-family: 'Open Sans', sans-serif;
  font-weight: 800;
  font-size:23pt;
  color: #ffffff;
    line-height: 80px;

}

.logo a:hover {
  color: #ff851d;
text-decoration: none;}

/* Navigation MENU*/

.icon-menu{
  color:#cdcfd6;
    margin-top:30px;
    margin-left: 20px;
}


.newAccount{
  /* IE10+ */ 
background-image: -ms-linear-gradient(left, #1B3B75 0%, #2A5196 100%);
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(left, #1B3B75 0%, #2A5196 100%);
/* Opera */ 
background-image: -o-linear-gradient(left, #1B3B75 0%, #2A5196 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #1B3B75), color-stop(100, #2A5196));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(left, #1B3B75 0%, #2A5196 100%);
/* W3C Markup */ 
background-image: linear-gradient(to right, #1B3B75 0%, #2A5196 100%);
 -webkit-box-shadow: 1px 2px 2px #102243;
  -moz-box-shadow: 1px 2px 2px #102243;
  box-shadow: 1px 2px 2px #102243;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius:5px;
height:30px;
border:none;
color:white;
font-size:8pt;
font-weight:600;
font-family: 'Open Sans', sans-serif;
padding-top:0;
}
.newAccount:hover{
  background:white;
  color:#1B3B75;
}
.ikonaKonto img{

height:30px;
width:26px;
}
.ikonaZaloguj img{
  width:37px;
  height:30px;
}

.zero a {
  padding: 0;
  margin: 0;
}
.login{
  
  /* IE10+ */ 
background-image: -ms-linear-gradient(left, #FE641C 0%, #ff871d 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(left, #FE641C 0%, #ff871d 100%);

/* Opera */ 
background-image: -o-linear-gradient(left, #FE641C 0%, #ff871d 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FE641C), color-stop(100, #ff871d));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(left, #FE641C 0%, #ff871d 100%);

/* W3C Markup */ 
background-image: linear-gradient(to right, #FE641C 0%, #ff871d 100%);
   -webkit-box-shadow: 1px 2px 2px #102243;
  -moz-box-shadow: 1px 2px 2px #102243;
  box-shadow: 1px 2px 2px #102243;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius:5px;
height:30px;
margin-top:25px;
margin-left:8px;
border:none;
color:white;
font-size:8pt;
font-weight:600;
font-family: 'Open Sans', sans-serif;
  padding-top:0;
}

.logout{
  
  /* IE10+ */ 
background-image: -ms-linear-gradient(left, #FE641C 0%, #ff871d 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(left, #FE641C 0%, #ff871d 100%);

/* Opera */ 
background-image: -o-linear-gradient(left, #FE641C 0%, #ff871d 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FE641C), color-stop(100, #ff871d));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(left, #FE641C 0%, #ff871d 100%);

/* W3C Markup */ 
background-image: linear-gradient(to right, #FE641C 0%, #ff871d 100%);
   -webkit-box-shadow: 1px 2px 2px #102243;
  -moz-box-shadow: 1px 2px 2px #102243;
  box-shadow: 1px 2px 2px #102243;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius:5px;
height:30px;
/* margin-top:25px; */
margin-left:0px;
border:none;
color:white;
font-size:8pt;
font-weight:600;
font-family: 'Open Sans', sans-serif;
  padding-top:0;

}

.login:hover{
  color:#fe681c;
  background:white;
}

.logout:hover{
  color:#fe681c;
  background:white;
}

.logout a {padding:0; margin:0;}

.buttonSpan{
  margin-left:10px;

}

.custom {
    width: 260px !important;
    overflow: hidden;
}

.buttonSpan a {padding:0; margon:0;}


.sidebar-nav {
    padding: 9px 0;
}


/* MAIN MENU */
.hamburger{
  display:none;
}
  /* wygląd elementu - ol */
      #menu {
        width:800px;
        margin:0 auto;
        padding:0;
        list-style-type:none;
   
       
      }

      /* naprawa wysokości elementu - ol */
      #menu:after {
        content:'';
        display:block;
        clear:both;
      }

      /* wygląd elementów - li */
      #menu > li {
        float:left;
  
     
      }
 #menu li a{
   border-top-left-radius : 5px;
        border-top-right-radius : 5px;
       border-bottom-left-radius : 0px;
        border-bottom-right-radius : 0px;
    padding-bottom:25px;
 }



.active { color:#f00;font-weight:bolder; }


      /* wygląd elementów - a */
      #menu > li > a {
        display:block;
        padding:15px 17px;
        text-decoration:none;
        text-align:center;
        color:#cdcfd6;
      margin-top:15px;
             border-top-left-radius : 5px;
border-radius: 1px;
       font-size:9.75pt;
     font-weight:600;
     cursor: pointer;
      }


      /* wygląd elementów - a - po najechaniu kursorem myszki na element - li */
      #menu > li:hover > a {
        color:#1b3b74;
       text-decoration: underline;
        background:white;
       font-size:9.75pt;
     font-weight:600;
    
  
      }

       #menu > li:hover > a {
       text-decoration: underline;
        background:white;
       font-size:9.75pt;
     font-weight:600;
    
  
      }

      /* -------------------- ROZWIJANA CZĘŚĆ MENU CSS -------------------- */
      /* wygląd elementów - li - rodzica każdej części rozwijanej menu CSS */
      #menu > li {
        position:relative;
      }

      /* wygląd elementów - ul */
      #menu > li > ul {
      
        display:none;
        position:absolute;
        z-index:100;
        margin:0;
        padding:0;
        list-style-type:none;
      
      }

      /* wygląd elementów - ul - po najechaniu kursorem myszki na element - li */
      #menu > li:hover > ul {
        display:block;
       
     
      }

      /* wygląd elementów - li */
      #menu > li > ul > li {
       background-color: white !important;
        width:200px;
        padding:5px;
  
        
      }

      /* wygląd pierwszego dziecka elementu typu - li */
      #menu > li > ul > li:first-child {
      padding-top:15px;
      }

      /* wygląd ostatniego dziecka elementu typu - li */
      #menu > li > ul > li:last-child {
         border-bottom: 5px solid #204689;
         padding-bottom:15px;
         border-bottom-left-radius : 5px;
     border-bottom-right-radius : 5px;
      }

      /* wygląd elementów - a */
 #menu > li > ul > li > a {
  display:inline;
  white-space:nowrap;
  text-decoration:none;
  padding:5px;
  color:black;
  font-size: 9pt;
}

      /* wygląd elementów - a - po najechaniu kursorem myszki na element - li */
      #menu > li > ul > li:hover > a {
      text-decoration: underline;
      
    
    
      }
.sub-menuSpan{
  float:left; 
  margin:0px 7px;
    color:#747474;
}
.second{
   position: absolute;
   left: 180px;
  
}



.cycle-overlay div:first-child{
  position:absolute;
  top:0;
  margin-top:130px;
  z-index:100;
}
.cycle-slideshow{
  width:100%;
  max-height: 400px;
}
.cycle-slideshow img{
  width:100%;
    max-height: 400px;

}
.cycle-overlay div:first-child h1{
    font-weight: 800;
    font-size: 27pt;
    margin-bottom: 0;
   font-family: 'Open Sans', sans-serif;
 margin-left:150px;
}
.cycle-overlay div:first-child h2{
    font-weight: 600;
    font-size: 22.5pt;
    margin-bottom: 0;
  margin-top: 0;
   font-family: 'Open Sans', sans-serif;
  margin-left:150px;

}
.cycle-overlay div:last-child{
  position:absolute;
  top:0;
  margin-top:250px;
  z-index:100;
   font-family: 'Open Sans', sans-serif;
}

.boxMailPage{
width:50%;
margin-left:40px;
}

 #configMail textarea{width:100%;}
textarea#bodyDoc, textarea#bodyRem{width:100%;height: 200px;}
textarea#bodyLast{height:400px;}
#footerTexter{
height:100px;
}



.cycle-overlay div:last-child button{
    background-image: -ms-linear-gradient(left, #FE641C 0%, #ff871d 100%);
    background-image: -moz-linear-gradient(left, #FE641C 0%, #ff871d 100%);
    background-image: -o-linear-gradient(left, #FE641C 0%, #ff871d 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FE641C), color-stop(100, #ff871d));
    background-image: -webkit-linear-gradient(left, #FE641C 0%, #ff871d 100%);
    background-image: linear-gradient(to right, #FE641C 0%, #ff871d 100%);
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    height: 20px;
    margin-top: 0px;
    margin-left: 0px;
    border: none;
    color: white;
    font-size: 10.5pt;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    position: absolute;
    padding: 15px 25px 35px 25px;
    text-align: center;
  width:120px;
   margin-left:150px;
}

.cycle-overlay div:first-child{
  position:absolute;
  top:0;
  margin-top:130px;
  z-index:100;
}
.cycle-slideshow{
  width:100%;
  height:auto;
}
.cycle-slideshow img{
  width:100%;
  height:auto;
}
.cycle-overlay div:first-child h1{
    font-weight: 800;
    font-size: 27pt;
    margin-bottom: 0;
   font-family: 'Open Sans', sans-serif;
 margin-left:150px;
}
.cycle-overlay div:first-child h2{
    font-weight: 600;
    font-size: 22.5pt;
    margin-bottom: 0;
  margin-top: 0;
   font-family: 'Open Sans', sans-serif;
  margin-left:150px;

}
.cycle-overlay div:last-child{
  position:absolute;
  top:0;
  margin-top:250px;
  z-index:100;
   font-family: 'Open Sans', sans-serif;
}
.cycle-overlay div:last-child button{
    background-image: -ms-linear-gradient(left, #FE641C 0%, #ff871d 100%);
    background-image: -moz-linear-gradient(left, #FE641C 0%, #ff871d 100%);
    background-image: -o-linear-gradient(left, #FE641C 0%, #ff871d 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FE641C), color-stop(100, #ff871d));
    background-image: -webkit-linear-gradient(left, #FE641C 0%, #ff871d 100%);
    background-image: linear-gradient(to right, #FE641C 0%, #ff871d 100%);
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    height: 20px;
    margin-top: 0px;
    margin-left: 0px;
    border: none;
    color: white;
    font-size: 10.5pt;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    position: absolute;
    padding: 15px 25px 35px 25px;
    text-align: center;
  width:120px;
   margin-left:150px;
}
/*
 

/* slideshow images (for most of the demos, these are the actual "slides") */

/* in case script does not load */

/* pager */
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; top: 10px; overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; font-size: 75px; width: 24px; height: 24px; 
    display: inline-block; color: #ddd; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #D69746;}
.cycle-pager > * { cursor: pointer;}


/* caption */
.cycle-caption { position: absolute; color: white; bottom: 15px; right: 15px; z-index: 700; }


/* overlay */


.cycle-pager span{
 font-size:0;
  
  margin: 345px 5px 0 5px;
  border: 3px solid white;
  border-radius:50px;
width:5px;
  height:5px;
  padding:3px;
}
.cycle-pager span.cycle-pager-active{
  background-color:white;

}

/* FUNCTIONS */

.square{
   height:210px;
   border:1px solid #f1f2f3;
   text-align:center;

}

.square img{
  
  margin-top: 26px;

}

.functionLight /*p tag*/{ 
  margin-top:20px;
  margin-bottom:0;
  font-size: 11pt;
    font-family: 'Open Sans', sans-serif;
}
.functionBold/*p tag*/{
  margin:0;
  font-weight:800;
  font-size: 11pt;
    font-family: 'Open Sans', sans-serif;
}


/* ABOUT */
.aboutHeader{
  font-size: 18pt;
  
}
.programie{
color: #fe661c;
font-weight: 800;
}
.about p{
  font-size: 9.25pt;
  font-weight:400;
}

.width1000 {
    width: 100%;
   }


/* NEWS */
.news{
  height:263px;
  background-color:#eaeaeb;
}
.help-form{
  min-height:140px;
  padding: 50px 0;
}

.circular {
  width: 105px;
  height: 105px;
  border-radius: 105px;
  -webkit-border-radius: 105px;
  -moz-border-radius: 105px;
  background-size:cover;
  margin: 40px auto 0 auto;

  }
.newsText{
  width:180px;
  margin-left: 50px;
}

.newsText a {text-decoration: none;}
.newsText p {font-size: 9pt; padding-top: 10px;}
h3.newsText a {font-size: 15pt; color:#fe661c;}

  li.fotki h3{
    font-size:10.5pt;
    color: #244f9c;
    font-weight: bold;
    margin-bottom: 0 ;
  }
  .circular {
    font-size:9.5pt;
  }

/* HELP */
.helpBg{
background-image:url('images/helpbackground.png');
background-size:cover;
height:175px;
opacity:0.1;
margin: 0 10%;
}
.help-form h4{
  color: #fe661c;
  font-size: 11.25pt;
  margin-bottom: 4px;
  font-weight: 600;
  padding-left:15px;
  padding-right:15px;
}
.help-form p{
  color: black;
  font-size: 10.5pt;
    padding-top:4px;
  border-top: 1px solid #e1e1e1;
  font-weight:400;

}

/* FOOTER */
.footer-contact{
background-color:#15181d;
color:white;
min-height:240px;
}

.main-footer{
  width:100%;
  min-height:105px;
  background-color: #101215;
  text-align:center;
      overflow: hidden;
}

.main-footer p{
  color:#5f6165;
  font-size: 9.75pt;
  font-weight:600;
  padding-top:16px;
}

.footerAbout h3{
  color:white;
  font-weight:600;
  font-size: 10.5pt;
}
.footerAbout ul a{

  padding-left: 0px;
  color: #8c8e93;
  font-size: 9.75pt;
  font-weight:600;
}
.footerAbout ul a:hover{
color:#4066ad;
}
.footerAbout ul {
padding-left: 18px;
}

.footerAbout ul li{
padding: 6px 0 ;
color: #b5b6b8;
}

.numberFooter{
  font-size : 13.5pt;
  font-weight:800;
  
}
.copyrightText{
  font-weight: 800;
}

.togClass{
display:inline;
}
.responsiveMenu{
display:inline;
}
/* MENU RESPONSIVE */


@media (max-width: 2800px){
ul.nav li a{
    padding: 0 10px;
}
.header a{
  font-size:22pt;
  margin-top:20px;
  vertical-align:middle;
}
  .sliderOffer{
  width:1000px;
}


}

@media (max-width: 1538px){
ul.nav li a{
    padding: 0 10px;
}
.logo a{
  font-size:22pt;
  margin-top:20px;
  vertical-align:middle;
}
  .sliderOffer{
  width:1000px;
}
}

@media (max-width: 1438px){
  .sliderOffer{
  width:900px;
}
#menu > li > a{
  padding: 15px 15px;
}
}


@media (max-width: 1240px){
#menu > li > a{
    padding: 16px 7px;
  font-size: 9pt !important;
}
#menu > li > a:hover{
font-size: 9pt;
}

.logo a{
  font-size:18pt;
  margin-top:22px;
}
#menu{
  width:auto;
}
.newAccount{
    font-size:6pt;
    overflow: hidden;

}
.login{
    font-size:6pt;
}
}

@media (max-width: 992px){
.responsiveMenu{
  display:none;
}

#menu > li > ul > li > a{
color:white;

}
.hamburger{
  display:inline;
  background:none;
  color:white;
  border:none;
  font-size:15pt;
  margin-top:25px;
}

.logo a{
  font-size:18pt;
}
.responsiveMenu{
  z-index:100;
  left:0;
position:absolute !important;
    background: rgba(20,43,85,1);
    background: -moz-linear-gradient(left, rgba(20,43,85,1) 0%, rgba(27,59,116,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(20,43,85,1)), color-stop(100%, rgba(27,59,116,1)));
    background: -webkit-linear-gradient(left, rgba(20,43,85,1) 0%, rgba(27,59,116,1) 100%);
    background: -o-linear-gradient(left, rgba(20,43,85,1) 0%, rgba(27,59,116,1) 100%);
    background: -ms-linear-gradient(left, rgba(20,43,85,1) 0%, rgba(27,59,116,1) 100%);
    background: linear-gradient(to right, rgba(20,43,85,1) 0%, rgba(27,59,116,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#142b55', endColorstr='#1b3b74', GradientType=1 );
margin-top:120px;

  
}
#menu > li > a{
  margin-top:0;
  padding: 15px 5px;
}
#menu  li{
  clear:both;
}
.inline{
  display:inline;
}
#menu > li > ul > li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  padding-top: 0px;
}
.second {left:0;}

#menu > li > ul{
  position: static;
}
#menu > li > ul > li{
    background-color: rgba(255, 255, 255, 0);
    width: auto;
    padding: 0;
}
#menu > li > ul > li a{
  padding:0;
}
#menu li:first-child a{
  padding-bottom: 15px;
text-align:left;
}
#menu > li > ul > li:first-child{
  padding-top:0px;
}
#menu > li:hover > a {
  background-color:transparent;
  color:white;
}
#menu > li > ul > li:hover > a{
  color:white;
}
 #menu > li> ul {
display:block;
}
.logo p{
text-align:left;
}
.pad{
	text-align:right;	
}

}
@media (max-width: 480px){
.logo a{
  font-size:12pt;
  margin-top: 27.5px;
}
.newAccount{
    font-size:5.5pt;
    margin-top:0px;
      height:24px;
    padding: 0px 0px;

}
.login{
    font-size:5.5pt;
    margin-top:30px;
    height:24px;
    padding: 0px 4px;
    
}
.ikonaKonto img{

height:24px;
width:20px;
}
.ikonaZaloguj img{
  width:24px;
  height:24px;
}
.buttonSpan{
  display: none;
} 
.hamburger{
margin-top:28px;
}
}



/*END MENU RESPONSIVE */


@media (max-width: 992px){
.width1000 {
    width: 750px;
}
}

@media (max-width: 768px){
  .width1000 {
  width:100%;
}
.sliderOffer{
  width:300px;
}

}
@media (max-width: 480px){
.width1000 {
    width: 100%;
}
.logo a{
  font-size:14pt;
  margin-top: 27.5px;
}
.footerAbout ul a{
  font-size: 9pt;
}
}