@charset "UTF-8";

/* Reset */

@import "reset.css";

/* Ustawienia globalne
---------------------------------------------------------------------------------------------------- */

body {

    font: 400 14px/18px "Cairo",sans-serif;
    width: 100%;
    height: 100%;

}

body a {
    text-decoration: none;
}

* {
   outline: 0;
}

.last {margin-right: 0 !important;}
/*.clear {clear: both;}*/
.clear:before, .clear:after { content: ""; display: table; }
.clear:after { clear: both; }
.clear { zoom: 1; }

.clearfix:before, .clearfix:after {content: " "; display: table;} .clearfix:after {clear: both; } .clearfix {*zoom: 1;}
.clear { zoom: 1; }
.strong { font-weight: 700;}
.nopaddingtop {padding-top: 0 !important;}
.nopaddingbottom {padding-bottom: 0 !important;}
.floatleft {float: left !important;}
.nomargintop {margin-top: 0 !important;}
.nomarginright {margin-right: 0 !important;}
.nomarginbottom {margin-bottom: 0 !important;}
.nopaddingright {padding-right: 0 !important;}
.justify {text-align: justify;}

.center {text-align: center;}
.content {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}



#wrapper-container {
    width: 100%;
    height: 640px;
    position: relative;
}

#wrapper {
      width: 100%;
    height: 640px;
    position: relative;
    overflow: hidden;
}


#wrapper .back_pic {
     width: 100vw;
    height: 640px;
    float: left;
     background-attachment: fixed !important;
   
}

#wrapper_content {
    position: relative;
        width: 100vw;
/*    height: 100vh;*/
    float: left;
    left: 0 !important;
    overflow: hidden;
}

#wrapper_content .back_pic  {
	float: left;
	display: block;
        position: relative;
	z-index: 1;
}

#wrapper_content .slider-info {
    margin: 220px 0 0 0;
    padding: 0px 0px 0px 0px;
    display: inline-block; 
    text-align: left;
    width: 100%;
}

#wrapper_content .slider-info .big-text {
    color: #fff;
    font: 600 62px/62px "Cairo",sans-serif;
    display: block;
    margin: 0 0 25px 0;
    position: relative;
    padding: 0 0 0px 0;
    text-transform: capitalize;
}

#wrapper_content .slider-info .text {
    color: #fff;
    font: 400 16px/24px "Cairo",sans-serif;
    display: block;
    margin: 0 0 50px 0;
    position: relative;
    padding: 0 0 0px 0;
}

#wrapper_content .slider-info .more-btn {
    position: relative;
    border: 3px solid #d1350c;
    padding: 9px 50px 9px 18px;
    text-transform: uppercase;
    color: #fff;
    margin: 0px 0 0 0;
        -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    font: 700 14px/14px "Cairo",sans-serif;
}

#wrapper_content .slider-info .more-btn:after {
    content: '';
    position: absolute;
    right: 15px;
    top: 13px;
    width: 18px; 
    height: 19px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
     background: url("../grafika/more-arrow.png") 0 0 no-repeat;
}

#wrapper_content .slider-info .more-btn:hover:after {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    right: 10px;
} 

#wrapper_content .slider-info .more-btn:hover {
    border-color: #fff;
        -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


#wrapper-container .content2 {
    height: 50px;
    width: 1200px;
    left: 50%;
    margin-left: -600px;
    bottom: 20px; 
    z-index: 9;
    position: absolute;
}


 div#pag {
    overflow: hidden;
    outline: 0;
    height: 42px;
    position: absolute;
    z-index: 11;
    right: 0;
    padding: 0 14px 0 14px;
    text-align: center;
    margin: 18px 0 0 0;
}

 div#pag a {
    background: url("../grafika/top/pag.png") 0 0 no-repeat transparent;
    display: inline-block;
    height: 8px;
    text-indent: -9999px;
    width: 8px;
    padding: 0 0;
    outline: medium none;
    margin: 18px 8px 10px 8px;
}

 div#pag a.selected {
    background-position: 0 -10px;
    cursor: default;
    outline: none; 
    
}

#wrapper-arrow-btn {
    display: block;
    position: absolute;
    width: 80px;
    height: 65px;
    left: 50%;
    z-index: 2;
    top: 5px;
    margin-left: -40px;
/*    z-index: 999;*/
    background: url("../grafika/wrapper-arrow-bg.png") 0 0 no-repeat transparent;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    outline: none !important;
}

#wrapper-arrow-btn img {
    display: block;
    left: 31px;
    top: 34px;
    width: 19px; 
    height: 18px;
    position: absolute;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#wrapper-arrow-btn:hover img {
    top: 40px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}



/* Header
---------------------------------------------------------------------------------------------------- */

header {
    position: absolute;
    z-index: 10;
    min-width: 1200px;
    width: 100%;
    height: 108px;
    left: 0;
    top: 0;
}


header .logo {
    width: 351px;
    height: 100px;
    display: block;
    position: absolute;
    z-index: 999;
    float: left;
    margin: 0px 0 0 0;    
    background: url("../grafika/logo-bg.png") 0 0 no-repeat;
}

header .logo img {
    width: 237px;
    height: auto;
    display: block;
    margin: 18px 0 0 26px;
}

header .right-side {
    float: right;
    display: block;
    width: 874px;
}

header .right-side .top {
    float: right;
    display: block;
    margin: 0px 0 0 0;
    padding: 5px 0 0 23px;
    width: 320px;

    background: #d92518;
}




header nav {
    display: inline-block;
    background: #fff;
    float: right;
    position: relative;
    height: 67px;
    margin: 33px 0 0 0;
    padding: 0 0px 0 0px;

}

header nav:before {
    content: '';
    width: 42px; 
    height: 67px;
    position: absolute;
    left: -41px;
    top: 0;
    background: url("../grafika/nav-addon.png") 0 0 no-repeat;
}

header nav a {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0px 0px 0 0px;
    outline: none;
    color: #0d161a;
    text-decoration: none;
    font: 600 19px/19px "Cairo", sans-serif;
    padding: 25px 24px 23px 24px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

header nav a:after {
    content: '';
    position: absolute;
    width: 0;
    left: 0;
    bottom: 0;
    height: 4px;
    background: #d1350c;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;

}

header nav a:hover, header nav a.active {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    color: #d1350c;
}



header nav a:hover:after, header nav a.active:after {
           -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 100%;
}

header .right-side .languages {
    display: inline-block;
    margin: 0px 0 0 0;
    padding: 0px 0 0 0;
    vertical-align: middle;
}

header .right-side .languages a {
    width: 21px;
    height: 21px;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
    display: inline-block;
    position: relative;
    border: 3px solid #c8c8c8;
    margin: 0 0 0 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

header .right-side .languages a:hover, header .right-side .languages a.active {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    border-color: #e51824;
}

header .right-side .languages a img {
    width: 21px;
    height: 22px;
    display: block;
}


/* Main Boxes
---------------------------------------------------------------------------------------------------- */


#main-icos {
    display: block;
    margin: 0 0 0 0;
    padding: 60px 0 55px 0;
    background: #fff;
    position: relative;
    border-bottom: 1px solid #cdd2d9;
}

#main-icos .main-icos {
    text-align: center;
    display: block;
    margin: 0 0 0 0;
}

#main-icos .main-icos .box {
    width: 350px;
    display: inline-block;
    margin: 0 23px 0px 23px;
    padding: 120px 0 44px 0;
    position: relative;
}

#main-icos .main-icos .box:hover img {
    top: 0;
        -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
} 


#main-icos .main-icos img {
    display: block;
    left: 50%;
    top: 22px;
    width: 70px;
    height: 75px;
    left: 50%;
    margin-left: -35px;
    position: absolute;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#main-icos .main-icos .tytul {
    text-align: center;
    color: #333433;
    margin: 0px 0 10px 0;
    font: 600 30px/34px "Cairo", sans-serif;
   -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;

}

#main-icos .main-icos .box:hover .tytul {
   -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; 
    color: #d1350c;
}

#main-icos .main-icos .dopisek {
    text-align: center;
    color: #2c373a;
    margin: 0px 0 0 0;
    font: 400 16px/20px "Cairo", sans-serif;
   -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;

}


#main-icos .main-icos .box .arrow {
    position: absolute;
    left: 50%;
    width: 16px;
    height: 15px;
    margin-left: -8px;
    bottom: 0;
   -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; 
}

#main-icos .main-icos .box:hover .arrow {
       -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; 
    bottom: 15px;
} 

#main-icos .main-icos .box:hover .arrow:before {
     -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; 
    opacity: 0;
}

#main-icos .main-icos .box:hover .arrow:after {
     -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; 
    opacity: 1;
}

#main-icos .main-icos .box .arrow:before {
    content: '';
    position: absolute;
    width: 16px;
    height: 15px;
    left: 0;
    top: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; 
    opacity: 1;
    background: url("../grafika/box-arrow.png") 0 0px no-repeat;
}

#main-icos .main-icos .box .arrow:after {
    content: '';
    position: absolute;
    width: 16px;
    height: 15px;
    left: 0;
    top: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; 
    opacity: 0;
    background: url("../grafika/box-arrow.png") 0 -17px no-repeat;
}


#main-about {
    display: block;
    margin: 0 0 0 0;
    padding: 0px 0 0px 0;
    background: #fff;
    position: relative;
}


#main-about .right-side {
    float: right;
    display: block;
    width: 600px;
     height: 470px;
}

#main-about .right-side img {
    width: 600px;
     height: 470px;
    display: block;
}

#main-about .left-side {
    float: left;
    display: block;
    width: 540px;
    padding: 60px 0px 30px 0px;
  
}



#main-about .head {
    color: #333433;
    display: block;
    margin: 0 0 36px 0;
    font: 600 48px/56px "Cairo",sans-serif;
}

#main-about .head span {
    color: #d13517;
}

#main-about .head strong {
    font-weight: 600;
}

#main-about .text {
    color: #333433;
    display: block;
    text-align: justify;
    margin: 0 0 30px 0;
    font: 400 15px/24px "Cairo",sans-serif;
}

#main-about .btn-more {
    color: #0d161a;
    font: 600 14px/14px "Cairo",sans-serif;

    display: inline-block;
    border: 3px solid #d1350c;
    text-align: left;
    padding: 15px 60px 15px 18px;
    text-transform: uppercase;
    margin: 16px 0 0 0;
    position: relative;
       -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;

}

#main-about .btn-more:before {
    content: '';
    width: 18px;
    height: 19px;
    position: absolute;
    top: 13px;
    right: 23px;
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: url("../grafika/more-arrow-black.png") 0 0px no-repeat transparent;
}



#main-about .btn-more:hover:before {

    right: 15px;
        -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


#main-about .btn-more:hover {
       -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    border-color: #333433;
}


/* Main parallax
---------------------------------------------------------------------------------------------------- */

#main-parallax {
    width: 100%;
    min-width: 1200px;
    background: url("../grafika/parallax-bg.jpg")  50% no-repeat fixed;
    background-size: auto auto;
    background-size: cover;
    overflow: hidden;
    height: 440px;
    position: relative;
    z-index: 0;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}


#main-parallax .text {
    position: absolute;
    width: 968px;
    left: 50%;
    margin-left: -600px;
    top: 140px;
    z-index: 10;
    padding: 0 0 0 232px;
 
}

#main-parallax .text .logo {
    position: absolute;
    width: 180px;
    height: auto;
    top: 50%;
    margin-top: -79px;
    left: 00px;
    
}

#main-parallax .text .big-text {
color: #fff;
font: 600 48px/52px "Cairo",sans-serif;
display: block;
margin: 0 0 30px 0;
position: relative;
padding: 0 0 0px 0;

}

#main-parallax .text .parallax-text {
    color: #fff;
    font: 400 16px/26px "Cairo",sans-serif;
    display: block;
    margin: 0 0 0px 0;
    position: relative;
    padding: 0 0 0px 0;
    text-align: justify;
}



/* Dane kontaktowe
---------------------------------------------------------------------------------------------------- */

#dane-kontaktowe {
    width: 100%;
    min-width: 1200px;

    padding: 48px 0 42px 0;
    background: #fff
}



#dane-kontaktowe .f-adres {
    position: relative;
    padding: 0 0 0 46px;
    color: #fff;
    display: inline-block;
    margin: 2px 94px 0 0px;
    vertical-align: top;

}

#dane-kontaktowe .f-adres:before {
    content: '';
    width: 28px;
    height: 41px;
    position: absolute;
    left: 0;
    top: 2px;
    background: url('../grafika/adres-ico.png') no-repeat;
}

#dane-kontaktowe .f-adres ._1, #dane-kontaktowe .f-tel ._1, #dane-kontaktowe .f-mail ._1  {
    color: #2c373a;
     font: 600 20px/22px "Cairo",sans-serif;
     display: block; 
     margin: 0 0 5px 0;
}



#dane-kontaktowe .f-adres ._2, #dane-kontaktowe .f-tel ._2, #dane-kontaktowe .f-mail ._2   {
      color: #2c373a;
     font: 400 15px/16px "Cairo",sans-serif;
     display: block; 
     margin: 0 0 4px 0;
}

#dane-kontaktowe .f-tel ._1 .number {
        color: #2c373a;
     font: 400 15px/16px "Cairo",sans-serif;
}

#dane-kontaktowe .f-tel ._2 strong {
    font-weight: 600;
}

#dane-kontaktowe .form-btn {
    color: #0d161a;
    font: 700 14px/16px "Cairo",sans-serif;
    display: inline-block;
    text-align: left;
    float: right;
    padding: 10px 62px 10px 18px;
    text-transform: uppercase;
    margin: 0px 0 0 0;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; 
     border: 3px solid #d1350c;
}

#dane-kontaktowe .form-btn:before {
    content: '';
    width: 16px;
    height: 22px;
    position: absolute;
    top: 16px;
    right: 20px;
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: url("../grafika/ask-ico.png") 0 0px no-repeat transparent;
}


#dane-kontaktowe .form-btn:hover {
     -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    border-color: #0d161a;
}




#dane-kontaktowe .f-tel {
    position: relative;
    padding: 0 0 0 46px;
    display: inline-block;
    margin: 2px 94px 0 0;
    vertical-align: top;
}

#dane-kontaktowe .f-tel:before {
    content: '';
    width: 28px;
    height: 41px;
    position: absolute;
    left: 0;
    top: 5px;
    background: url('../grafika/tel-ico.png') 0 0 no-repeat;
}

#dane-kontaktowe .f-mail {
       position: relative;
    padding: 0 0 0 46px;
        display: inline-block;
    margin: 2px 0px 0 0;
    vertical-align: top;
}

#dane-kontaktowe .f-mail:before {
    content: '';
    width: 28px;
    height: 41px;
    position: absolute;
    left: 0;
    top: 3px;
    background: url('../grafika/mail-ico.png') no-repeat;
}

#dane-kontaktowe .f-mail a:hover {
    text-decoration: underline;
}



/* Mapa
---------------------------------------------------------------------------------------------------- */

#mapa {
    width: 100%;
    height: 375px;
}

#mapa iframe {
    width: 100%;
    height: 100%;
}

/* Footer
---------------------------------------------------------------------------------------------------- */


footer {
    width: 100%;
    min-width: 1200px;

    padding: 18px 0 18px 0;
    background: #e8e8e8;
}

footer .copyright {
    float: left;
    color: #2c373a;
    font: 400 11px/11px "Cairo",sans-serif;
}

footer .atkom {
    float: right;
    color: #2c373a;
    font: 400 11px/11px "Cairo",sans-serif;
}

footer .atkom a {
    text-decoration: none;
    color: #2c373a;
    font: 400 11px/11px "Cairo",sans-serif;
}

footer .atkom a:hover {
    text-decoration: underline;
}

/* Podstrona
---------------------------------------------------------------------------------------------------- */

#sub-parallax {
    width: 100%;
    min-width: 1200px;
    background-size: cover;
    background: url("../grafika/top/top3.jpg") 50% no-repeat fixed;
    background-size: auto auto;
    background-size: cover;
    height: 200px;
    position: relative;
    z-index: 0;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

#sub-content {
    width: 1200px;
    margin: 0 auto 35px;
    position: relative;
    z-index: 3;
    padding: 55px 0 30px 0px;
    background: #fff;
}

#left-content {
    float: left;
    width: 250px;
    padding: 0px 50px 0 0;
}

#left-content hr {
    border-top: none;
    margin: 30px 0 30px;
    display: block;
    border-bottom: 1px solid #ececec;
}

nav#menu-boczne {
    margin: 0px 0 25px 0;
    padding: 0 0 0px 0;
    display: block;
    position: relative;
    

}


nav#menu-boczne ul {
    list-style: none;
    padding: 0 0;
}

nav#menu-boczne ul li {
        border-bottom: 1px solid #cdd2d9;
}

nav#menu-boczne ul li a {
    display: block;
    padding: 18px 15px 16px 20px;
    text-transform: uppercase;
    text-decoration: none;
    color: #0d161a;
    font: 600 17px/22px "Cairo",sans-serif;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;

}

nav#menu-boczne ul li a:before {
    content: '';
    background: #d1350c;
    width: 3px; 
    height: 0%;
    position: absolute;
    left: 0;
    top: 0;
       -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    
}

nav#menu-boczne ul li a:hover:before {
    height: 100%;
        -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
} 

nav#menu-boczne ul li a:hover, nav#menu-boczne ul li a.active {
    color: #d1350c;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


nav#menu-boczne ul li a.active:before {
   height: 100%;
   -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


nav#menu-boczne ul li > ul {padding: 0px 0;}

nav#menu-boczne ul li > ul li a {
    color: #0d161a;
    font: 600 15px/18px "Cairo",sans-serif;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
     padding: 12px 0 14px 50px;
     border-bottom: 0;
     position: relative;
}

nav#menu-boczne ul li > ul li a:before {
    content: '';
    width: 0px;
    height: 10px;
    position: absolute;
    left: 23px;
    opacity: 1;
    top: 16px;
        -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
     background: url("../grafika/nav-arrow.png") no-repeat;
}

nav#menu-boczne ul li > ul li a:hover:before, nav#menu-boczne ul li > ul li a.active:before {
     width: 9px;
         -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

nav#menu-boczne ul li > ul li {
         border-bottom: 0;
}

nav#menu-boczne ul li > ul li a:hover, nav#menu-boczne ul li > ul li a.active {
    color: #d1350c;
}




#oferta-box {
    display: block;
    margin: 0px 0 0 0;
    padding: 0px 0 0px 0;

}

#oferta-box .box {
    width: 250px;
    display: block;
    margin: 0 0px 40px 0px;
    padding: 120px 0 44px 0;
    position: relative;
}

#oferta-box .box img {
        display: block;
    left: 50%;
    top: 22px;
    width: 70px;
    height: 75px;
    left: 50%;
    margin-left: -35px;
    position: absolute;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#oferta-box .box:hover img {
        top: 0;
        -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#oferta-box .box .tytul {
        text-align: center;
    color: #333433;
    margin: 0px 0 10px 0;
    font: 600 30px/34px "Cairo", sans-serif;
   -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#oferta-box .box:hover .tytul {
       -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; 
    color: #d1350c;
}

#oferta-box .box .dopisek {
        text-align: center;
    color: #2c373a;
    margin: 0px 0 0 0;
    font: 400 16px/20px "Cairo", sans-serif;
   -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#oferta-box .box .arrow {
    position: absolute;
    left: 50%;
    width: 16px;
    height: 15px;
    margin-left: -8px;
    bottom: 0;
   -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; 
}

#oferta-box .box:hover .arrow {
          -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; 
    bottom: 15px;
}

#oferta-box .box:hover .arrow:before {
        -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; 
    opacity: 0;
}

#oferta-box .box:hover .arrow:after {
         -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; 
    opacity: 1;
}

#oferta-box .box .arrow:before {
      content: '';
    position: absolute;
    width: 16px;
    height: 15px;
    left: 0;
    top: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; 
    opacity: 1;
    background: url("../grafika/box-arrow.png") 0 0px no-repeat;
}

#oferta-box .box .arrow:after {
    content: '';
    position: absolute;
    width: 16px;
    height: 15px;
    left: 0;
    top: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; 
    opacity: 0;
    background: url("../grafika/box-arrow.png") 0 -17px no-repeat;
}

#kontakt-box {
    display: block;
    padding: 25px 0 0 0;
    text-align: center;
}


#kontakt-box .tel {
   position: relative;
   margin: 0px 0px 40px 0;
   padding: 0 0 0 0px;
   text-align: left;
}



#kontakt-box .mail {
   position: relative;
   margin: 0px 0px 10px 0;
   padding: 0 0 0 0px;
   text-align: left;
}



#kontakt-box .tel ._1 ,#kontakt-box .mail ._1 {
       font: 600 20px/26px "Cairo",sans-serif;
       color: #2c373a;
       display: block;
       text-align: center;
       margin: 0 0 3px 0;
}

#kontakt-box .tel ._2 , #kontakt-box .mail ._2 {
       font: 400 16px/20px "Cairo",sans-serif;
       color: #363941;
             text-align: center;
       display: block;
       margin: 0 0 12px 0;
}

#kontakt-box .mail a._2:hover {
    text-decoration: underline;
} 


#kontakt-box img {
    display: block;
    margin: 0 auto 10px;
}


#kontakt-box .form-btn {
 color: #0d161a;
    font: 700 14px/14px "Cairo",sans-serif;
    display: inline-block;
    text-align: left;
border: 3px solid #d64924;
    padding: 14px 80px 16px 32px;
    text-transform: uppercase;
    margin: 30px 0 0 0;
    position: relative;
       -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; 
}

#kontakt-box .form-btn:before {
   content: '';
    width: 16px;
    height: 22px;
    position: absolute;
    top: 10px;
    right: 30px;
    opacity: 1;
            -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
   background: url('../grafika/ask-ico2.png') 0 0 no-repeat;
}


#kontakt-box .form-btn:hover {
        -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    border-color: #333433;
}

#right-content {
    float: right;
    width: 850px;
    padding: 0px 0 30px 49px;
    border-left: 1px solid #eaecec;
    position: relative;
}


#right-content p strong {
    font-weight: 700;
}

#right-content a {
    color: #d92518;
}


#right-content img {
    max-width: 100% !important;
    height: auto !important;
}

#right-content h1 {
    display: block;
    font: 400 54px/60px "Cairo",sans-serif;
    color: #333433;
    margin: 0 0 40px 0;
    position: relative;
    padding: 0 0 0 66px;
}

#right-content h1:before {
    content: '';
    width: 36px;
    height: 60px;
    position: absolute;
    left: 0;
    top: 8px;
    background: url('../grafika/h1-addon.png') 0 0 no-repeat;
}

#right-content h2 {
    display: block;
    font: 600 42px/48px "Cairo",sans-serif;
    color: #333433;
    margin: 0 0 30px 0;
}

#right-content h3 {
    display: block;
    font: 600 30px/38px "Cairo",sans-serif;
    color: #333433;
    margin: 0 0 25px 0;
}

#right-content h4 {
    display: block;
    font: 600 26px/32px "Cairo",sans-serif;
    color: #333433;
    margin: 0 0 25px 0;
}

#right-content p {
    display: block;
    font: 400 16px/27px "Cairo",sans-serif;
    color: #333433;
    margin: 0 0 25px 0;
}

#right-content hr {
    border-top: none;
    margin: 30px 0 30px;
    display: block;
    border-bottom: 1px solid #e9eff6;
}


#right-content ul {
  list-style-image: url("../grafika/ul-content.png");
  margin: 0 0 30px 36px
}

#right-content ol {

  margin: 0 0 30px 38px
}

#right-content ul li, #right-content ol li {
  font: 400 16px/27px "Cairo",sans-serif;
    color: #333433;
    margin: 0 0 15px 0;
    padding: 0 0 0 10px;
}

#right-content table {
    width: 100%;
    display: block;
    border: none;
    outline: none;
    margin: 0 0 30px 0;
    text-align: center;
    vertical-align: middle;
}

#right-content table th {
    background: #eeeeee;
    color: #333433;
    border: 1px solid #fff;
    font: 600 20px/28px "Cairo",sans-serif;
    padding: 22px 15px 22px 15px;
}


#right-content table td {
    background: #eeeeee;
    color: #333433;
    border: 1px solid #fff;
    font: 400 15px/24px "Cairo",sans-serif;
    padding: 22px 15px 22px 15px;

}

#right-content .btn-powrot {
    color: #0d161a;
    font: 700 14px/14px "Cairo",sans-serif;
    position: relative;
    text-transform: uppercase;
    border: 3px solid #d1350c;
    padding: 14px 22px 13px 64px;
    display: inline-block;
    text-align: left;
    margin: 45px  0 0 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}

#right-content .btn-powrot:before {
    content: '';
    position: absolute;
    left: 22px;
    top: 12px;
    background: url('../grafika/back-arrow.png') 0 0 no-repeat;
    width: 18px;
    height: 19px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 1;
}



#right-content .btn-powrot:hover:before {
     left: 15px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#right-content .btn-powrot:hover {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    border-color: #0d161a;
}

#pliki {
    overflow: hidden;
}

#right-content .plik {
    position: relative;
    display: block;
    color: #363636;
    font: 600 18px/26px "Cairo",sans-serif;
    padding-left: 44px;
    margin-bottom: 30px;
    word-break: break-all;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#right-content .plik:hover {
      -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    color: #d1350c;
}

#right-content .plik:before {
    content: '';
    width: 28px;
    height: 28px;
    position: absolute;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 1;
    left: 0;
    top: 1px;
    background: url('../grafika/download-ico.png') 0 0 no-repeat;
}



#right-content .zdjecie-glowne {
    width: 395px;
    height: 395px;
    display: block;
    float: left;
    position: relative;
    margin: 0 40px 10px 0;
}



#right-content .zdjecie-glowne:hover:before, #right-content .zdjecie-glowne:hover:after {
           -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    height: 8px; 
}

#right-content .zdjecie-glowne .overlay {
    width: 395px;
    height: 395px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;

    background: url('../grafika/overlay.png')  no-repeat;
    background-size: 395px 395px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#right-content .zdjecie-glowne:hover .overlay {
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#right-content .pliki-kotwica {
    display: block;
    float: left;
    margin: 0 25px 15px 0;
    text-transform: uppercase;
    color: #fff;
    background: #d92518;
    position: relative;
    padding: 16px 24px 16px 76px;
    font: 600 18px/20px "Cairo",sans-serif;
     -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#right-content .pliki-kotwica:before {
    content: '';
    width: 37px;
    height: 38px;
    position: absolute;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    left: 20px;
    top: 18px;
    background: url('../grafika/pliki-kotwica-ico.png')  no-repeat;
}

#right-content .pliki-kotwica:hover {
    background: #4e587c;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

/*  OFERTA */

#oferta {
    text-align: center;
    display: block;
    margin: 25px 0 25px;
}

#right-content .oferta-item {
    width: 271px;
    height: 271px;
    border: 1px solid #cdd2d9;
    padding: 0px 0px 0px 0px;
    display: inline-block;
    margin: 0 4px 12px 4px;
    position: relative;
    text-align: center;
    vertical-align: top;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#right-content .certyfikat .oferta-item {
    margin: 0 4px 50px;
}

#right-content .oferta-item .kat-arrow {
    position: absolute;
    left: 50%;
    width: 16px;
    height: 15px;
    margin-left: -8px;
    bottom:46px;
    
    background: url('../grafika/kat-arrow.png') 0 0 no-repeat;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#right-content .oferta-item:hover .kat-arrow {
        -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    bottom:62px;
}

#right-content .oferta-item:hover {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    border-color: #333433;
}

#right-content .oferta-item:hover .nazwa-kat {
    color: #d92518;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#right-content .oferta-item:hover .nazwa-kat {
      -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#right-content .certyfikat .oferta-item .kat-arrow {
    display: none;
}

#right-content .oferta-item .nazwa-kat {
    margin: 90px auto 0;
    padding: 0 0px 0 0px;
    color: #0d161a;
    font: 700 17px/26px "Cairo",sans-serif;
    text-align: center;
    width: 220px;
    overflow: hidden;
    text-transform: uppercase;
    height: 72px;
    display: block;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#right-content .certyfikat .oferta-item .nazwa-kat {
    margin: 10px auto 0;
    line-height: 20px;
    height: 40px;
}

#right-content .map {
    float: right;
}

#right-content .contact-left {
    float: left;
    display: block;
    
}

#right-content .zobacz-mape-btn {
    display: inline-block;
color: #3b3b3b;
font: 700 13px/13px "Cairo",sans-serif;
display: inline-block;
text-align: left;
padding: 10px 56px 11px 20px;
text-transform: uppercase;
margin: 0px 30px 25px 0;
border: 2px solid #00af69;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}

#right-content .zobacz-mape-btn:before {
    content: '';
    width: 25px;
    height: 22px;
    position: absolute;
    right: 16px;
    top: 6px;
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: url("../grafika/map-ico.png") 0 0 no-repeat;
}

#right-content .zobacz-mape-btn:after {
    content: '';
    width: 25px;
    height: 22px;
    position: absolute;
    right: 16px;
    top: 6px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: url("../grafika/map-ico.png") 0 -24px no-repeat;
}

#right-content .zobacz-mape-btn:hover {
   -webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
color: #fff;
background: #00af69;
}


#right-content .zobacz-mape-btn:hover:before {
    opacity: 0;
       -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#right-content .zobacz-mape-btn:hover:after {
    opacity: 1;
       -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#right-content .zobacz-galerie-btn {
color: #3b3b3b;
font: 700 13px/13px "Cairo",sans-serif;
display: inline-block;
text-align: left;
padding: 10px 56px 11px 20px;
text-transform: uppercase;
margin: 0px 0 25px 0;
border: 2px solid #00af69;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}

#right-content .zobacz-galerie-btn:before {
    content: '';
    width: 19px;
    height: 19px;
    position: absolute;
    right: 20px;
    top: 6px;
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: url("../grafika/gal-ico.png") 0 0 no-repeat;
}

#right-content .zobacz-galerie-btn:after {
    content: '';
    width: 19px;
    height: 19px;
    position: absolute;
    right: 20px;
    top: 6px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: url("../grafika/gal-ico.png") 0 -21px no-repeat;
}

#right-content .zobacz-galerie-btn:hover:before {
    opacity: 0;
       -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#right-content .zobacz-galerie-btn:hover:after {
    opacity: 1;
       -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#right-content .zobacz-galerie-btn:hover {
   -webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background: #00af69;
color: #fff;
}

#kontakt-table {
    
}

#kontakt-table td {
    background: transparent !important;
    text-align: left;
    padding-bottom: 0px !important;
}

#kontakt-table td iframe {
    margin-left: 20px;
}

#kontakt-table td hr {
    margin-bottom: 0;
}


/* Aktualności
---------------------------------------------------------------------------------------------------- */

#right-content .news {
    display: block;
    margin: 0 0 45px 0;
}

#right-content .news .news-pic {
    float: left;
    display: block;
    width: 260px;
    height: 260px;
}

#right-content .news .news-text {
    float: right;
    display: block;
    width: 540px;
    padding: 0 0 27px 0;
    border-bottom: 1px solid #ededed;
}

#right-content .news .news-text .news-header {
    display: block;
    margin: 0 0 10px 0;
    color: #616161;
    font: 600 27px/32px "Cairo",sans-serif;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
    height: 65px;
}

#right-content .news .news-text .news-header:hover {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    color: #d50b53;
}

#right-content .news .news-text .zajawka {
    display: block;
    margin: 0 0 10px 0;
    font: 400 16px/24px "Cairo",sans-serif;
    color: #616161;
}

#right-content .news .news-text .more-btn {
    border: 3px solid #eaeaea;
    color: #d50b53;
    margin: 35px 0 0 0;
    padding: 15px 52px 17px 23px;
    display: block;
    width: 82px;
    text-transform: uppercase;
    font: 700 12px/12px "Cairo",sans-serif;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
}

#right-content .news .news-text .more-btn:hover {
        -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    border-color: #d50b53;
}

#right-content .news .news-text .more-btn:hover:before {
            -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    right: 20px;
}

#right-content .news .news-text .more-btn:before {
    content: '';
width: 8px;
height: 15px;
position: absolute;
top: 14px;
right: 25px;
opacity: 1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background: url("../grafika/right-arrow3.png") 0 0 no-repeat;
}

/* Atrakcje
---------------------------------------------------------------------------------------------------- */

#right-content .atrakcje {
    display: block;
    width: 850px;
    position: relative;
    margin: 0 0 30px 0;
    padding: 0 0 0 0;
}

#right-content .atrakcje .atrakcje-pic {
    float: left;
    width: 320px;
    height: 320px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    display: block;
    overflow: hidden;
}

#right-content .atrakcje .atrakcje-pic img {
    width: 320px;
    height: 320px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    display: block;
}

#right-content .atrakcje .atrakcje-pic:hover img {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    transform: scale(1.05);
}

#right-content .atrakcje .atrakcje-text {
    float: right;
    display: block;
    margin: 0 0 0 0;
    padding: 38px 50px 0 50px;
    width: 430px;
    height: 282px;
    background: #fbfbfb;
}

#right-content .atrakcje .atrakcje-header {
    color: #3b3b3b;
    font: 600 28px/32px "Cairo",sans-serif;
    display: block;
    margin: 0 0 18px 0;
    overflow: hidden;
    height: 66px;
        -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#right-content .atrakcje .atrakcje-header:hover {
    color: #00af69;
            -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


#right-content .atrakcje .zajawka {
        color: #3b3b3b;
    font: 400 15px/24px "Cairo",sans-serif;
    display: block;
    margin: 0 0 18px 0;
    overflow: hidden;
    height: 98px;
}

#right-content .atrakcje .more-btn {
    color: #3b3b3b;
font: 700 13px/13px "Cairo",sans-serif;
display: inline-block;
text-align: left;
padding: 14px 56px 15px 20px;
text-transform: uppercase;
margin: 10px 0 0 0;
border: 2px solid #00af69;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}

#right-content .atrakcje .more-btn:hover {
   -webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background: #00af69;
color: #fff;
}

#right-content .atrakcje .more-btn:before {
    content: '';
width: 17px;
height: 17px;
position: absolute;
top: 13px;
right: 23px;
opacity: 1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background: url("../grafika/next-arrow.png") 0 0px no-repeat transparent;
}

#right-content .atrakcje .more-btn:after {
    content: '';
width: 17px;
height: 17px;
position: absolute;
top: 14px;
right: 23px;
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background: url("../grafika/next-arrow.png") 0 -19px no-repeat transparent;
}

#right-content .atrakcje .more-btn:hover:before {
    opacity: 0;
    right: 16px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}

#right-content .atrakcje .more-btn:hover:after {
    opacity: 1;
   right: 16px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}

/* Kontakt
---------------------------------------------------------------------------------------------------- */



#right-content .contact-left .contact-form-btn {
    color: #fff;
font: 600 16px/16px "Cairo",sans-serif;
display: inline-block;
text-align: left;
padding: 14px 56px 15px 26px;
background: #d92518;
margin: 31px 0 0 0;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}

#right-content .contact-left .contact-form-btn:before {
    content: '';
width: 25px;
height: 24px;
position: absolute;
top: 10px;
right: 16px;
opacity: 1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background: url('../grafika/ask-ico2.png') 0 0 no-repeat;
}

#right-content .contact-left .contact-form-btn:hover {
   -webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background: #4e587c;
}

#right-content .contact-left {float: left; width: 376px;}

#right-content .contact-left p {
    margin-bottom: 4px !important;
}

#right-content .right-contact {
    float: right;
    display: block;
    width: 425px;
}






/* Pagination
---------------------------------------------------------------------------------------------------- */

#pagination {
    text-align: center;
    color: #3b3b3b;
    display: block;
    font: 400 15px/15px "Cairo",sans-serif;
    margin: 0 0 0 0;
    padding: 20px 0 0 0;
}

#pag_select {
    border: 1px solid #a7a7a7;
    padding: 0 0 0 0;
    margin: 0 15px 0 15px;
    width: 54px;
    height: 36px;
    vertical-align: middle;
    text-align: center;
    display: inline-block;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#pag_select:hover, #pag_select:focus {
    border-color: #00af69;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#pagination .rt {
    vertical-align: middle;
    border: 2px solid #00af69;
    width: 32px;
    height: 32px;
    padding: 0px 0 0 0;
    margin: 0 0 0 20px;
    position: relative;
    display: inline-block;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
}

#pagination .rt:before {
    content: '';
    width: 17px;
    height: 17px;
    position: absolute;
    left: 8px;
    top: 7px;
    opacity: 1;
        -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
       background: url("../grafika/next-arrow.png") 0 0 no-repeat;
}

#pagination .rt:after {
    content: '';
    width: 17px;
    height: 17px;
    position: absolute;
    left: 8px;
    top: 7px;
    opacity: 0;
        -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
       background: url("../grafika/next-arrow.png") 0 -19px no-repeat;
}

#pagination .rt:hover, #pagination .lt:hover {
    background: #00af69;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#pagination .rt:hover:before, #pagination .lt:hover:before {
    opacity: 0;
       -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#pagination .rt:hover:after, #pagination .lt:hover:after {
    opacity: 1;
       -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#pagination .lt {
      vertical-align: middle;
    border: 2px solid #00af69;
    width: 32px;
    height: 32px;
    padding: 0px 0 0 0;
    margin: 0 20px 0 0px;
    position: relative;
    display: inline-block;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
}

#pagination .lt:before {
    content: '';
    width: 17px;
    height: 17px;
    position: absolute;
    left: 8px;
    top: 7px;
    opacity: 1;
        -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
       background: url("../grafika/back-arrow.png") 0 0 no-repeat;
}

#pagination .lt:after {
    content: '';
    width: 17px;
    height: 17px;
    position: absolute;
    left: 8px;
    top: 7px;
    opacity: 0;
        -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
       background: url("../grafika/back-arrow.png") 0 -19px no-repeat;
}

/* Main Boxes
---------------------------------------------------------------------------------------------------- */
#right-content .realizacje-container {
    display: block;
    text-align: center;
}

#right-content .realizacje-container .realizacja-item {
    display: inline-block;
    vertical-align: top;
    width: 263px;
    margin: 0 9px 50px 8px;
    position: relative;
    padding: 0 0 40px 0;
    border-bottom: 1px solid #ebebeb;
     -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#right-content .realizacje-container .realizacja-item:hover {
    border-color: #0b0b0e;
}

#right-content .realizacje-container .realizacja-item:before {
    content: '';
    width: 13px;
    height: 9px;
    position: absolute;
    bottom: 15px;
    opacity: 1;
    left: 50%;
    margin-left: -7px;
     background: url('../grafika/realizacje-arrows.png') no-repeat;
      -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


#right-content .realizacje-container .realizacja-item:after {
    content: '';
    width: 13px;
    height: 9px;
    position: absolute;
    bottom: 15px;
    opacity: 0;
    left: 50%;
    margin-left: -7px;
     background: url('../grafika/realizacje-arrows.png') 0 -10px no-repeat;
      -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#right-content .realizacje-container .realizacja-item:hover:before {
          -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
    bottom: 22px;
}

#right-content .realizacje-container .realizacja-item:hover:after {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 1;
    bottom: 22px;
}

#right-content .realizacje-container .realizacja-item .realizacja-pic {
    display: block;
    position: relative;
    width: 263px;
    height: 263px; 
}



#right-content .realizacje-container .realizacja-item .realizacja-pic .pic-overlay {
    width: 263px;
    height: 263px;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    background: url('../grafika/realizacja-overlay.png') 0 0 no-repeat;
        -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#right-content .realizacje-container .realizacja-item:hover .realizacja-pic .pic-overlay {
   -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 1;
}

#right-content .realizacje-container .realizacja-item img {
    display: block;
    width: 263px;
    height: 263px;
}

#right-content .realizacje-container .realizacja-item .title {
    display: block;
    color: #0b0b0e;
    overflow: hidden;
    text-align: center;
    height: 56px;
    margin: 14px 0 0 0;
    font: 500 20px/26px "Cairo",sans-serif;
}

#right-content .galeria-glowne {
    display: block;
    float: left;
    width: 400px;
    height: 400px;
    margin: 0 45px 0 0;
    position: relative;
       -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#right-content .galeria-glowne .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 400px;
    height: 400px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: url('../grafika/overlay2.png') no-repeat;
}

#right-content .galeria-glowne:hover .overlay {
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#right-content .location {
    color: #0b0b0e;
     font: 500 20px/26px "Cairo",sans-serif;
}

#right-content .przed_po_box {
    display: inline-block;
    margin: 0 11px 30px 12px;
    width: 400px;
    position: relative;
}

#right-content .przed_po_box a {
    position: relative;
   -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 400px;
    height: 400px;
    display: block;
}

#right-content .przed_po_box a img {
     width: 400px;
    height: 400px; 
}


#right-content .przed_po_box a:before {
    content: '';
    opacity: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 100px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: url('../grafika/realizacje-lupa.png') no-repeat;
}


#right-content .przed_po_box a:hover:before {
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#right-content .przed_po_box a .overlay {
    position: absolute;
    width: 400px;
    height: 400px;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: url('../grafika/realizacje-lupa2.png') no-repeat;
}

#right-content .przed_po_box a:hover .overlay {
    opacity: 1;
        -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


#right-content .przed_po_box .head {
    display: block;
    position: relative;
    padding: 0 0 0 35px;
    margin: 0 0 30px 0;
    color: #0b0b0e;
    font: 400 28px/32px "Cairo",sans-serif;
}

#right-content .przed_po_box .head:before {
    content: '';
    width: 14px;
    height: 14px;
    position: absolute;
    border: 2px solid #d8d9db;
    left: 0;
    top: 9px;
}

/* Cennik list
---------------------------------------------------------------------------------------------------- */

#right-content .cennik-list {
    display: table;
    margin: 0 0 30px 0;
}

#right-content .cennik-list .cennik-item {
    width: 850px;
    margin: 0 0 10px 0;
   
}

#right-content .cennik-list .cennik-item .left-box {
 
    display: table-cell;
    width: 610px;
    padding: 26px 30px 26px 40px;
    background: #fbfbfb;
}

#right-content .cennik-list .cennik-item:nth-child(2n) .left-box {
    background: #f0eeee;

}

#right-content .cennik-list .cennik-item .left-box span p {
    margin: 0 0 0 0;
    display: block;
    color: #3b3b3b;
    font: 400 14px/24px "Cairo",sans-serif;
}

#right-content .cennik-list .cennik-item .right-box {
    vertical-align: middle;
      display: table-cell;
    width: 150px;
    height: inherit;
    padding: 26px 10px 26px 10px;
    text-align: center;
    background: #00af69;
}

#right-content .cennik-list .cennik-item .left-box .title {
    color: #3b3b3b;
    display: block;
    margin: 0 0 10px 0;
     font: 600 20px/24px "Cairo",sans-serif;
}

#right-content .cennik-list .cennik-item .right-box .price {
    display: block;
    color: #fff;
    margin: 0 0 0 0;
       font: 700 18px/18px "Cairo",sans-serif;
}

/* Atrakcje
---------------------------------------------------------------------------------------------------- */

#atrakcje {
    display: block;
    margin: 0 0 30px 0;
    text-align: center;
}

#atrakcje .atrakcje-item {
    width: 395px;
    height: 395px;
    position: relative;
    display: inline-block;
    margin: 0 14px 25px 14px;
}

#atrakcje .atrakcje-item img {
      width: 395px;
    height: 395px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

#atrakcje .atrakcje-item .bottom-box {
    width: 253px;
    height: 84px;
    position: absolute;
    padding: 20px 120px 0 22px;
    left: 0;
     text-align: left;
    bottom: 0;
    background: url('../grafika/atrakcje-box-px.png') repeat;
}

#atrakcje .atrakcje-item .bottom-box .nazwa-kat {
    color: #3b3b3b;
    text-align: left;
       margin: 0 0 0 0;
       display: block;
       overflow: hidden;
       height: 46px;
       font: 600 20px/21px "Cairo",sans-serif;
}

#atrakcje .atrakcje-item .kat-arrow {
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -18px;
    width: 37px;
    height: 37px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#atrakcje .atrakcje-item:hover .kat-arrow {
    right: 50px;
        -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#atrakcje .atrakcje-item .kat-arrow:before {
    content: '';
    width: 37px;
    height: 37px;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 1;
    background: url('../grafika/kat-atrakcje-arrow.png') 0 0 repeat;
}

#atrakcje .atrakcje-item .kat-arrow:after {
    content: '';
    width: 37px;
    height: 37px;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
        background: url('../grafika/kat-atrakcje-arrow.png') 0 -39px repeat;
}

#atrakcje .atrakcje-item:hover .kat-arrow:before {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
}

#atrakcje .atrakcje-item:hover .kat-arrow:after {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 1;
}

/* ----------------------------------------
---------------------------------------------------------------------------------------------------- */


/*  Galeria */

#galeria {
    position: relative;
    width: 100%;
    text-align: center;
}

#galeria .galeria-item {
    width: 273px;
    height: 273px;
    display: inline-block;
    margin: 0 3px 10px 3px;
    position: relative;
}

#galeria .galeria-item img {
    width: 273px;
    height: 273px;
}

#galeria .galeria-item .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 273px;
    height: 273px;
    opacity: 0;
    background: url('../grafika/overlay.png') no-repeat;
    background-size: 273px 273px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}




#galeria .galeria-item:hover .overlay {
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

/*  KONTAKT - FORMULARZ */
 #formularz-kontaktowy {
    width: 850px;

}

#formularz-kontaktowy .checkbox {
    display: block;
    padding: 0 0 0 12px;
}

#formularz-kontaktowy .checkbox .checkbox-bg {
    margin: 4px 0px 0 0;
    display: inline-block;
}

#formularz-kontaktowy .checkbox label {
    color: #282828;
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 15px;
    width: 800px;
    font: 400 13px/16px "Cairo", sans-serif;
}


#formularz-kontaktowy .right_form {
    display: inline-block;
    vertical-align: top;
    width: 192px;
    margin: 0 0 0 17px;
    padding-top: 25px;
}

#form_token2 {
   width: 192px;
   display:block;
   float: left;
}

#formularz-kontaktowy .f_kolumna_1 {
    width: 192px;
    display: inline-block;
    text-align: left;
    vertical-align: top;
    margin: 0 8px 25px 8px;
}

#formularz-kontaktowy .f_tekst {
    width: 613px;
    display: inline-block;
    vertical-align: top;
    clear: both;
    text-align: left;
    margin: 0 0 15px 8px;
}
#formularz-kontaktowy .f_button {
    text-align: center;
    float: right;
    clear: both;
}

#formularz-kontaktowy .f_info, #formularz-kontaktowy .f_info3 {
    margin-bottom: 12px;
/*    float: left;
    clear: both;*/
    text-align: left;
    font: 400 14px/14px "Cairo", sans-serif !important;
    color: #333433;
}

#formularz-kontaktowy .f_info3 {
    display: block;
    float: none;
}

#formularz-kontaktowy .f_info span, #formularz-kontaktowy .f_info3 span {
    color: #c70000;
}

#formularz-kontaktowy .wymagane {
    display: block;
    margin-top: 50px;
    margin-bottom: 10px;
    color: #3b3b3b;
    font: 400 12px/12px "Cairo", sans-serif !important;
}

#formularz-kontaktowy .wymagane span {
    color: #c70000;
   
    margin-top: 10px;
}

#formularz-kontaktowy .f_token_input {
    float: right;
    width: 98px;
    height: 52px;
}
#formularz-kontaktowy .f_token_img {
    float: left;
    width: 90px;
    height: 50px;
    margin-bottom: 15px;
}

#formularz-kontaktowy .f_token_img img {
    margin: 2px 0 0 0 !important;
}
#formularz-kontaktowy .f_input {
    font: 400 14px/20px "Cairo", sans-serif !important;
    color: #3b3b3b;
    border: 1px solid #cdd2d9;
    padding: 4px 12px;
    background: #fff;
    outline: none;
    width: 164px;
    height: 30px;
    margin: 12px 0 0 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
#formularz-kontaktowy .f_input:hover, #formularz-kontaktowy .f_input:focus {
    border: 1px solid #c70000;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
#formularz-kontaktowy .f_input_token {
    margin-top: 6px;
    font: 400 14px/14px "Cairo", sans-serif !important;
    border: 1px solid #cdd2d9;   
    color: #3b3b3b;
    float: right;
   background: #fff;
    padding: 3px 12px;
    width:56px;
    height: 35px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
#formularz-kontaktowy .f_input_token:hover, #formularz-kontaktowy .f_input_token:focus {
    border: 1px solid #c70000;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

#formularz-kontaktowy .f_textarea {
    font: 400 14px/20px "Cairo", sans-serif;
    padding: 15px 12px;
    width: 582px;
    height: 146px;
    background: #fff;
    color: #3b3b3b;
    border: 1px solid #cdd2d9;  
    margin: 12px 0 0 0;
    outline: none;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
#formularz-kontaktowy .f_textarea:hover, #formularz-kontaktowy .f_textarea:focus {
    border: 1px solid #c70000;
       -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
#formularz-kontaktowy .f_input_button {
    color: #0d161a;
    font: 700 14px/14px "Cairo",sans-serif;
    display: inline-block;
    border: 3px solid #d1350c;
    text-align: left;
    float: right;
    padding: 14px 54px 16px 16px;
    text-transform: uppercase;
    background: transparent;
    margin: 15px 0 0 0;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; 
    outline: none;
}

#formularz-kontaktowy .f_input_button:before {
    content: '';
    width: 18px;
    height: 19px;
    position: absolute;
    top: 12px;
    right: 18px;
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: url("../grafika/submit-arrow.png") 0 0px no-repeat transparent;
}


#formularz-kontaktowy .f_input_button:hover:before {
        -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    
    right: 10px;
}


#formularz-kontaktowy .f_input_button:hover {
        -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    border-color: #0d161a;
}
#formularz-kontaktowy .f_brak {
    background-color: #eeeeed;
}

#form_prawy {
   display: block;
}

#form-check {
    float: left;
    display: block;
    width: 170px;
    color: #333433;
    text-align: justify;
    margin: 30px 0 0 20px;
    font: 400 14px/18px "Cairo", sans-serif;
}

#form-check label {
    padding: 4px 6px 1px;
    background: #efefef;
}

/* toTop
---------------------------------------------------------------------------------------------------- */


#toTop {
    width: 49px;
    height: 49px;
    padding: 0;
    position:fixed;
    bottom: 60px;
    right: 15px;
    cursor:pointer;
    text-decoration:none;
    z-index: 999;
    float: right;
        -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

#toTop:before {
    content: '';
   width: 49px;
    height: 49px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    background: url('../grafika/totop.png') 0 0 no-repeat;
   -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#toTop:hover:before {
      -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
}

#toTop:hover:after {
      -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 1;
}

#toTop:after {
    content: '';
    width: 49px;
    height: 49px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    background: url('../grafika/totop.png') 0 -51px no-repeat;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


/* Mobile
---------------------------------------------------------------------------------------------------- */

#menu-boczne-mobile {display: none;}

#menu-boczne-mobile select {
    font: 400 14px/20px "Cairo", sans-serif !important;
    color: #6e6f70;
    border: 1px solid #d8d9db;
    padding: 4px 8px;
    background: #fff none repeat scroll;
    background-position-x: 0;
    background-position-y: 0;
    background-size: auto auto;
    outline: none;
    width: 372px;
    height: 40px;
    margin: 0 auto 30px;
    display: block;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

#mobile-header {
    position: relative;
    z-index: 10;
    min-width: 740px;
    width: 100%;
    display: none;
    height: 73px;
    left: 0;
}

#mobile-header .logo {
    width: 351px;
    height: 100px;
    display: block;
    position: absolute;
    z-index: 999;
    float: left;
    margin: 0px 0 0 0;    
    background: url("../grafika/logo-bg.png") 0 0 no-repeat;

}

#mobile-header .logo img {
    width: 237px;
    height: 60px;
    display: block;
    margin: 18px 0 0 26px;
}

#mobile-header .languages {
    display: block;
    position: absolute;
    top: 10px;
    right: 100px;
    margin: 0px 0 0 0;
    padding: 0px 0 0 0;
}

#mobile-header .languages a {
        width: 21px;
    height: 21px;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
    display: inline-block;
    position: relative;
    border: 3px solid #c8c8c8;
    margin: 0 0 0 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#mobile-header .languages a.active {
     -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    border-color: #e51824; 
}

#mobile-header .languages a img {
      width: 21px;
    height: 22px;
    display: block;
}

/* Komunikaty
---------------------------------------------------------------------------------------------------- */

.komunikat_ok:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: url('../grafika/ikona-ok.png');
    width: 64px;
    height: 64px;
}
.komunikat_ok {
    position: relative;
    background-color: #99cc00;
    color: #ffffff;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 16px;
    padding: 15px 75px;
    margin: 5px 0px;
    display: block;
    overflow: hidden;
}

.komunikat_uwaga:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: url('../grafika/ikona-uwaga.png');
    width: 64px;
    height: 64px;
}

.komunikat_uwaga {
    position: relative;
    background-color: #ED6F00;
    color: #ffffff;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 16px;
    padding: 15px 75px;
    margin: 5px 0px;
    display: block;
    overflow: hidden;
}

.komunikat_blad:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: url('../grafika/ikona-blad.png');
    width: 64px;
    height: 64px;
}

.komunikat_blad {
    position: relative;
    background-color: #ff0000;
    color: #ffffff;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 16px;
    padding: 15px 75px;
    margin: 5px 0px;
    display: block;
    overflow: hidden;
}

.komunikat_info:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: url('../grafika/ikona-info.png');
    width: 64px;
    height: 64px;
}

.komunikat_info {
    position: relative;
    background-color: #00A4FF;
    color: #ffffff;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 16px;
    padding: 15px 75px;
    margin: 5px 0px;
    display: block;
    overflow: hidden;
}

/* =============================================================================
   Cookies
   ========================================================================== */

#ciasteczka {
    color: #434648;
    font: 12px/18px Tahoma;
    line-height: 1.5;
    max-width: 300px;
    height: auto;
    background: #fff;
    *background: #00aeef;
    padding: 6px 10px;
    position: fixed;
    bottom: 9px;
    left:0;
    z-index: 9999;
    opacity: 0.9;
    -webkit-border-radius: 0 40px 40px 0;
    border-radius: 0 40px 40px 0;
    border: 1px solid #E0E0E0;
    overflow: hidden;
}

#ciasteczka .zawartosc {
    max-width: 300px; /* do zmiany */
}

#ciasteczka p.info {
    margin: 4px 0 0 0;
    font: 400 10px/12px "Lato", sans-serif;
    text-align: justify;
}

#ciasteczka p strong {
    font: 500 11px/12px "Lato", sans-serif;
}

#ciasteczka a.zamknij {
    float: right;
    width: 34px;
    height: 35px;
    background: url('../grafika/ico-ok.png') no-repeat;
    display: block;
    overflow: hidden;
    margin: 15px 0 15px 9px;
    cursor: pointer;
}

#ciasteczka a.zamknij:hover {
    background-position: 0 -36px;
}

-------------------------------------------------