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

*
{
    margin: 0;
    padding: 0;
}


body
{
    margin:0px;
    font-family: 'Open Sans', sans-serif;
    /*font-family: 'Amiri', serif;*/
    background:white;
}

body a, body a:hover {
    text-decoration:none;
    color: #000;
    font-weight: bold;
}

img {
    max-width: 100%;
}

h1 {
    line-height: 1.42;
}

.container p {
    font-family: Times New Roman, serif;
    font-size: medium;
    color: rgb(62, 62, 62); 
}
.container h1 {
    font-family: 'Amiri', serif;
    font-size: 54px;
    color: rgb(62, 62, 62);
}


.kasuj
{
    clear:both;
}

.obrazek-resp
{

    width:100%;
    height:auto;
}

header
{
    width:100%;
    position: relative;
    padding-top:228px;
    background:black;
}


.naglowek
{
    width:100%;
    position:fixed;
    background:black;
    top:0px;
    left:0px;
    z-index:9999;


}



.naglowek-c
{
    width:100%;
    max-width:1200px;
    margin:0px auto;
    position: relative;


}

.naglowek-poz
{
    padding:22px 0px 40px 0px;
    position: relative;
    text-align:center;
}

.naglowek-poz img
{

    width:auto;
    height:166px;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
    display:inline-block;
    vertical-align:middle;
}



.naglowek-poz-f
{
    padding:10px 0px 40px 0px;
    position: relative;
    text-align:center;
}


.naglowek-poz-f img
{

    width:auto;
    height:120px;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s; 
    display:inline-block;
    vertical-align:middle;
}








/*NAWIGACJA STRONY*/

.menu-strony-nav
{
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    border-top:1px solid #CDBF92;
    border-bottom:1px solid #CDBF92;

}







.menu-strony
{

    display:block;
    padding:0px;
    margin:0px;
    text-align:center;
    width:100%;

}

.menu-strony li
{
    list-style-type:none;
    display:inline-block;
    padding:0px 0px;
}


.menu-strony li a
{
    font-family: 'Amiri', serif;
    color:white;
    display:inline-block;
    font-size:15px;
    font-weight:400; 
    padding:10px 20px;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
    position: relative;
    text-transform:uppercase;
    background-color: rgb(95, 110, 144, 0);


}

.menu-strony li a::before
{
    content:'';
    position: absolute;
    bottom:0px;
    left:0px;
    width:1px;
    height:0px;
    background:black;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}


.menu-strony li a:hover::before
{
    height:100%;
    background:#CDBF92;
}


.menu-strony li a::after
{
    content:'';
    position: absolute;
    top:0px;
    right:0px;
    width:1px;
    height:0px;
    background:black;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}


.menu-strony li a:hover::after
{
    height:100%;
    background:#CDBF92;
}


.menu-strony .aktywny a, .menu-strony a:hover
{
    color:#CDBF92;
    background-color: rgb(95, 110, 144, 0.3);

}


.menu-strony-przycisk-mobilny
{
    width:32px;
    height:22px;
    position: absolute;
    right:40px;
    top:60px;
    border-top:3px solid #ffffff;
    border-bottom:3px solid #ffffff;
    cursor: pointer;
    display:none;
}

.menu-strony-przycisk-mobilny::before
{
    content:'';
    position: absolute;
    top:50%;
    left:0px;
    width:100%;
    border-top:3px solid #ffffff;
    margin-top:-1px;
}





.menu-strony-adres
{

    position: absolute;
    top:16px;
    left:0px;
    font-size:12px;
    color: white;
    font-weight:400;
    text-transform:uppercase;   
}

.menu-strony-rezerwacja
{

    position: absolute;
    top:16px;
    right:0px;
    font-size:12px;
    color: white;
    font-weight:400;
    text-transform:uppercase;      
}

.menu-strony-adres span, .menu-strony-rezerwacja span
{
    font-weight:700;
}


/*BANER STRONY*/

.baner-strona
{
    width:100%;
    position: relative;

}

.baner
{
    width:100%;
    position:relative;
    background-repeat:no-repeat;
    background-size:cover;
    background-position: top center;
}





.baner-tekst
{
    position: absolute;
    left:0px;
    width:100%;
    top:20%;

}

.baner-tekst h1
{
    width:100%;
    text-align:center;
    font-size:30px;
    font-weight:300;
    text-transform:uppercase;
    letter-spacing:10px;
    color:white;
    margin:0px;
    padding:0px;

}

.baner-tekst h1 span
{
    margin-top:-20px;
    display:block;
    width:100%;
    text-align:center;
    font-size:100px;
    font-weight:400;
    text-transform:uppercase;
    font-family: 'Amiri', serif;
    letter-spacing:0px;
    position: relative;
}


.baner-tekst h1 span::before
{
    content:'';
    position: absolute;
    top:100%;
    left:50%;
    width:1px;
    background:#CDBF92;
    height:80%;
}


.baner-dalej
{

    position: absolute;
    left:0px;
    bottom:20%;
    width:100%;
    text-align:center;

}


.baner-dalej a
{

    display:inline-block;
    padding:12px 100px 12px 44px;
    background:#CDBF92;
    color:white;
    font-size:15px;
    font-weight:400;
    text-transform:uppercase;
    font-family: 'Amiri', serif;
    position: relative;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;

}


.baner-dalej a:hover
{

    color:#747474;
    background:#ffffff;


}

.baner-dalej a::before
{

    content:'';
    position: absolute;
    top:0px;
    right:0px;
    width:56px;
    height:100%;
    background:#ffffff url('../img/st-dol.png') no-repeat 50% 50%;
    animation-name: strzalka;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

@keyframes strzalka {
    0%   {background:#ffffff url('../img/st-dol.png') no-repeat 50% 30%;}
    25%  {background:#ffffff url('../img/st-dol.png') no-repeat 50% 40%;}
    50%  {background:#ffffff url('../img/st-dol.png') no-repeat 50% 50%;}
    100% {background:#ffffff url('../img/st-dol.png') no-repeat 50% 60%;}
}


.baner-dalej a:hover::before
{

    content:'';
    position: absolute;
    top:0px;
    right:0px;
    width:56px;
    height:100%;
    background:#CDBF92 url('../img/st-dol.png') no-repeat 50% 50%;
    animation-name: strzalkadwa;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

@keyframes strzalkadwa {
    0%   {background:#CDBF92 url('../img/st-dol.png') no-repeat 50% 30%;}
    25%  {background:#CDBF92 url('../img/st-dol.png') no-repeat 50% 40%;}
    50%  {background:#CDBF92 url('../img/st-dol.png') no-repeat 50% 50%;}
    100% {background:#CDBF92 url('../img/st-dol.png') no-repeat 50% 60%;}
}


.sekcja-c
{
    width:100%;
    max-width:1200px;
    margin:0px auto;
}


/*SEKCJA DOM WESELNY*/

.sekcja-dom-weselny
{
    width:100%;
    padding:160px 0px 160px 0px;
    text-align:center;
}


.sekcja-dom-weselny
{
    width:100%;
    text-align:center;
    background:white;
}

.sekcja-dom-weselny h2
{
    display:inline-block;
    padding:12px 60px;
    text-align:center;
    font-size:18px;
    font-weight:300;
    text-transform:uppercase;
    letter-spacing:3px;
    color:black;
    border:1px solid #CDBF92;
    margin:0px 0px 60px 0px;
}

.sekcja-dom-weselny h2 span
{
    margin-top:10px;
    display:block;
    width:100%;
    text-align:center;
    font-size:30px;
    line-height:34px;
    font-weight:400;
    text-transform:uppercase;
    font-family: 'Amiri', serif;
    letter-spacing:0px;
    color:#CDBF92;
}

.sekcja-dom-weselny .sekcja-dom-weselny-tekst
{
    margin:0px auto;
    width:100%;
    max-width:770px; 
    text-align:center;
    font-size:18px;
    line-height:22px;
    font-weight:400;
    font-family: 'Amiri', serif;
    letter-spacing:0px;
    color:#3E3E3E;
}

.sekcja-dom-weselny-dalej 
{
    margin-top:60px;

}


.sekcja-dom-weselny-dalej a
{

    display:inline-block;
    padding:12px 100px 12px 44px;
    background:#CDBF92;
    color:white;
    font-size:15px;
    font-weight:400;
    text-transform:uppercase;
    font-family: 'Amiri', serif;
    position: relative;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;

}


.sekcja-dom-weselny-dalej a:hover
{

    color:#747474;
    background:#000000;


}

.sekcja-dom-weselny-dalej a::before
{

    content:'';
    position: absolute;
    top:0px;
    right:0px;
    width:56px;
    height:100%;
    background:#000000 url('../img/st-dol-2.png') no-repeat 50% 50%;
    animation-name: strzalkatrzy;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

@keyframes strzalkatrzy {
    0%   {background:#000000 url('../img/st-dol-2.png') no-repeat 50% 30%;}
    25%  {background:#000000 url('../img/st-dol-2.png') no-repeat 50% 40%;}
    50%  {background:#000000 url('../img/st-dol-2.png') no-repeat 50% 50%;}
    100% {background:#000000 url('../img/st-dol-2.png') no-repeat 50% 60%;}
}


.sekcja-dom-weselny-dalej a:hover::before
{

    content:'';
    position: absolute;
    top:0px;
    right:0px;
    width:56px;
    height:100%;
    background:#CDBF92 url('../img/st-dol.png') no-repeat 50% 50%;
    animation-name: strzalkacztery;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

@keyframes strzalkacztery {
    0%   {background:#CDBF92 url('../img/st-dol.png') no-repeat 50% 30%;}
    25%  {background:#CDBF92 url('../img/st-dol.png') no-repeat 50% 40%;}
    50%  {background:#CDBF92 url('../img/st-dol.png') no-repeat 50% 50%;}
    100% {background:#CDBF92 url('../img/st-dol.png') no-repeat 50% 60%;}
}

/*SEKCJA POZNAJ NASZÄ„ OFERTÄ?*/
.sekcja-poznaj-oferte
{
    width:100%;
    position:relative;
    background-repeat:no-repeat;
    background-size:cover;
    background-position: top center;
    background-attachment: fixed;
    padding:160px 0px;  
}

.sekcja-poznaj-oferte h3
{
    width:100%;
    text-align:center;
    font-size:30px;
    font-weight:300;
    text-transform:uppercase;
    letter-spacing:10px;
    color:white;
    margin:0px;
    padding:0px;
}

.sekcja-poznaj-oferte h3 span
{

    display:block;
    width:100%;
    text-align:center;
    font-size:72px;
    font-weight:400;
    text-transform:uppercase;
    font-family: 'Amiri', serif;
    letter-spacing:0px;
}


.sekcja-poznaj-oferte-bloki
{

    margin-top:60px;
}

.sekcja-poznaj-oferte-blok
{
    float:left;
    width:25%;
}
.products .sekcja-poznaj-oferte-blok {
    margin-top: 20px;
}

.sekcja-poznaj-oferte-blok-p
{
    padding-right:7px;
    padding-left:7px;
}

.sekcja-poznaj-oferte-blok-img
{
    width:100%;
    height:180px;
    position:relative;
    background-repeat:no-repeat;
    background-size:cover;
    background-position: top center;

}

.sekcja-poznaj-oferte-blok-img::before
{
    content:'';
    position: absolute;
    bottom:0px;
    left:0px;
    width:100%;
    height:0%;
    background:black;
    opacity:0;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    z-index:998;
}


a:hover .sekcja-poznaj-oferte-blok-img::before
{

    height:100%;
    opacity:0.8;
}


.sekcja-poznaj-oferte-blok-img::after
{
    content:'';
    position: absolute;
    top:20%;
    left:50%;
    width:40px;
    height:40px;
    margin-left:-20px;
    margin-top:-20px;
    background:white url('../img/lupka.jpg') no-repeat center center;
    opacity:0;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    z-index:999;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

a:hover .sekcja-poznaj-oferte-blok-img::after
{
    top:50%;
    opacity:1;
}





.sekcja-poznaj-oferte-blok-tekst
{
    background-color:white;
    padding:30px 0px 20px 0px;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;  
}

a:hover .sekcja-poznaj-oferte-blok-tekst
{
    background-color:black;
    padding:30px 0px 20px 0px;
}

.sekcja-poznaj-oferte-blok-tekst h4
{
    display:block;
    width:100%;
    text-align:center;
    font-size:18px;
    font-weight:300;
    text-transform:uppercase;
    letter-spacing:3px;
    color:black;
    margin:0px;
    padding:0px;

}

a:hover .sekcja-poznaj-oferte-blok-tekst h4
{

    color:white;

}

.sekcja-poznaj-oferte-blok-tekst h4 span
{
    display:block;
    width:100%;
    text-align:center;
    font-size:30px;
    font-weight:400;
    text-transform:uppercase;
    font-family: 'Amiri', serif;
    letter-spacing:0px;
    color:#CDBF92;
}


.sekcja-poznaj-oferte-blok-przycisk
{
    border:1px solid #CDBF92;
    background:black;
    text-align:center;
    padding:8px 0px;
    color:white;
    font-size:15px;
    font-weight:400;
    text-transform:uppercase;
    font-family: 'Amiri', serif;
    margin-top:20px;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

a:hover .sekcja-poznaj-oferte-blok-przycisk
{
    border:1px solid #CDBF92;
    background:white;
    color:black;

}

.sekcja-poznaj-oferte-bloki-wynajem
{
    margin-top:20px;
    position: relative;
    padding:0px 7px; 
}

.sekcja-poznaj-oferte-bloki-wynajem-blok-tekst
{
    float:left;
    width:35%;
    background:white;
    height:134px;
    text-align:right;
}

a:hover .sekcja-poznaj-oferte-bloki-wynajem-blok-tekst
{
    background:black;

}


.sekcja-poznaj-oferte-bloki-wynajem-blok-tekst h4
{


    display:inline-block;
    width:80%;
    text-align:center;
    font-size:18px;
    font-weight:300;
    text-transform:uppercase;
    letter-spacing:3px;
    color:black;
    margin:0px;
    padding:30px 0px 0px 0px;

}

a:hover .sekcja-poznaj-oferte-bloki-wynajem-blok-tekst h4
{

    color:white;

}


.sekcja-poznaj-oferte-bloki-wynajem-blok-tekst h4 span
{
    display:block;
    width:100%;
    text-align:center;
    font-size:30px;
    font-weight:400;
    text-transform:uppercase;
    font-family: 'Amiri', serif;
    letter-spacing:0px;
    color:#CDBF92;
}


.sekcja-poznaj-oferte-bloki-wynajem-blok-img
{
    float:left;
    width:65%;
    background:white;
    height:134px;
    position:relative;
    background-repeat:no-repeat;
    background-size:cover;
    background-position: top center;

}


.sekcja-poznaj-oferte-bloki-wynajem-blok-img::before
{
    content:'';
    position: absolute;
    bottom:0px;
    left:0px;
    width:100%;
    height:0%;
    background:black;
    opacity:0;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    z-index:998;
}


a:hover .sekcja-poznaj-oferte-bloki-wynajem-blok-img::before
{

    height:100%;
    opacity:0.8;
}


.sekcja-poznaj-oferte-bloki-wynajem-blok-img::after
{
    content:'';
    position: absolute;
    top:20%;
    left:50%;
    width:40px;
    height:40px;
    margin-left:-20px;
    margin-top:-20px;
    background:white url('../img/lupka.jpg') no-repeat center center;
    opacity:0;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    z-index:999;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

a:hover .sekcja-poznaj-oferte-bloki-wynajem-blok-img::after
{
    top:50%;
    opacity:1;
}




/*SEKCJA MENU WESELNE*/

.sekcja-menu-weselne
{
    width:100%;
    position:relative;
    padding:160px 0px;
    background:white;   
}

.sekcja-menu-weselne-lewo
{
    float:left;
    width:50%;
}

.sekcja-menu-weselne-prawo
{
    float:right;
    width:50%;
}


.sekcja-menu-weselne-lewo-p
{
    padding-right:14px;
}

.sekcja-menu-weselne-prawo-p
{
    padding-left:14px;
}

.sekcja-menu-weselne-lewo-zaw
{
    border:1px solid #CDBF92;
    height:813px;
}

.sekcja-menu-weselne-prawo-zaw
{
    border:1px solid #CDBF92;
    height:813px;
    position:relative;
    background-repeat:no-repeat;
    background-size:cover;
    background-position: center center;  
}


.sekcja-menu-weselne-lewo-zaw-tekst
{
    position: relative;
    top:50%;
    transform: translateY(-50%); 
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    text-align:center;
}


.sekcja-menu-weselne-lewo-zaw-tekst h3
{
    display: inline-block;
    padding: 12px 120px;
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: black;
    border: 1px solid #CDBF92;
    margin: 0px 0px 60px 0px;  
    position: relative;
    background:white;
}


.sekcja-menu-weselne-lewo-zaw-tekst a h3::before
{
    content:'';
    position: absolute;
    top:-1px;
    left:-1px;
    width:0%;
    height:0%;
    opacity:0;
    border-top:1px solid black;
    border-left:1px solid black;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s; 
}


.sekcja-menu-weselne-lewo-zaw-tekst a h3::after
{
    content:'';
    position: absolute;
    bottom:-1px;
    right:-1px;
    width:0%;
    height:0%;
    opacity:0;
    border-bottom:1px solid black;
    border-right:1px solid black;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s; 
}

.sekcja-menu-weselne-lewo-zaw-tekst a:hover h3::before, .sekcja-menu-weselne-lewo-zaw-tekst a:hover h3::after
{

    width:100%;
    height:100%;
    opacity:1;
}






.sekcja-menu-weselne-lewo-zaw-tekst h3 span 
{
    margin-top: 10px;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 30px;
    line-height: 34px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: 'Amiri', serif;
    letter-spacing: 0px;
    color: #CDBF92;
}

.sekcja-menu-weselne-tekst
{
    padding:0px 80px;

}

.sekcja-menu-weselne-tekst p
{
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    font-family: 'Amiri', serif;
    letter-spacing: 0px;
    color: #3E3E3E;
    padding-bottom:40px;
}


.sekcja-menu-weselne-lewo .sekcja-poznaj-oferte-blok-przycisk
{
    width:280px;
    display: inline-block;
}


/*SEKCJA GALERIA*/


.sekcja-galeria
{
    width:100%;
    position:relative;
    background-repeat:no-repeat;
    background-size:cover;
    background-position: top center;
    height:1080px;

}

.sekcja-galeria .sekcja-c
{

    height:1080px;

}


.sekcja-galeria-zaw
{
    position: relative;
    top:50%;
    transform: translateY(-50%); 
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    text-align:center;  
}

.sekcja-galeria-zaw a h3 
{
    width: 100%;
    text-align: center;
    font-size: 30px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 10px;
    color: white;
    margin: 0px;
    padding: 0px;
    position: relative;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;    
}


.sekcja-galeria-zaw a h3::before 
{
    content:'';
    position: absolute;
    top:50%;
    left:0px;
    background:url('../img/st-g-l.png') no-repeat center center;
    width:77px;
    height:60px;
    margin-top:-30px;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7;     
}


.sekcja-galeria-zaw a:hover h3::before  
{
    left:-20px;
}


.sekcja-galeria-zaw a h3::after 
{
    content:'';
    position: absolute;
    top:50%;
    right:0px;
    background:url('../img/st-g-p.png') no-repeat center center;
    width:77px;
    height:60px;
    margin-top:-30px;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s; 

}

.sekcja-galeria-zaw a:hover h3::after  
{
    right:-20px;
}

.sekcja-galeria-zaw a h3 span 
{
    display: block;
    width: 100%;
    text-align: center;
    font-size: 72px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: 'Amiri', serif;
    letter-spacing: 0px;
}


.sekcja-galeria-zaw a:hover h3 
{
    color:#CDBF92;
}

/*SEKCJA AKTUALNOÅšCI*/
.sekcja-aktualnosci
{
    background:white;
    padding:160px 0px;
}


.sekcja-aktualnosci h3
{
    width:100%;
    text-align:center;
    font-size:30px;
    font-weight:300;
    text-transform:uppercase;
    letter-spacing:10px;
    color:black;
    margin:0px;
    padding:0px;
}




.sekcja-aktualnosci-bloki
{

    margin-top:60px;
}

.sekcja-aktualnosci-blok
{
    float:left;
    width:25%;
}

.sekcja-aktualnosci-blok-p
{
    padding-right:7px;
    padding-left:7px;
}

.sekcja-aktualnosci-blok-img
{
    width:100%;
    height:180px;
    position:relative;
    background-repeat:no-repeat;
    background-size:cover;
    background-position: top center;

}

.sekcja-aktualnosci-blok-img::before
{
    content:'';
    position: absolute;
    bottom:0px;
    left:0px;
    width:100%;
    height:0%;
    background:black;
    opacity:0;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    z-index:998;
}


a:hover .sekcja-aktualnosci-blok-img::before
{

    height:100%;
    opacity:0.8;
}


.sekcja-aktualnosci-blok-img::after
{
    content:'';
    position: absolute;
    top:20%;
    left:50%;
    width:40px;
    height:40px;
    margin-left:-20px;
    margin-top:-20px;
    background:white url('../img/lupka.jpg') no-repeat center center;
    opacity:0;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    z-index:999;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

a:hover .sekcja-aktualnosci-blok-img::after
{
    top:50%;
    opacity:1;
}





.sekcja-aktualnosci-blok-tekst
{
    background-color:#D2C59D;
    padding:30px 0px 20px 0px;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;  
}

a:hover .sekcja-aktualnosci-blok-tekst
{
    background-color:#D2C59D;
    padding:30px 0px 20px 0px;
}

.sekcja-aktualnosci-blok-tekst h4
{
    display:block;
    width:100%;
    text-align:center;
    font-size:18px;
    font-weight:300;
    text-transform:uppercase;
    letter-spacing:3px;
    color:black;
    margin:0px;
    padding:0px;

}

a:hover .sekcja-aktualnosci-blok-tekst h4
{

    color:white;

}

.sekcja-aktualnosci-blok-tekst .data
{
    display:block;
    text-align:center;
    font-size:16px;
    color:#8F7A39;
    font-weight:400;
    font-family: 'Amiri', serif;


}


.sekcja-aktualnosci-blok-tekst .teksty
{
    display:block;
    padding:20px;
    text-align:center;
    font-size:16px;
    color:#3E3E3E;
    font-weight:400;
    font-family: 'Amiri', serif;


}

.sekcja-aktualnosci-blok-przycisk
{
    border:1px solid #CDBF92;
    background:black;
    text-align:center;
    padding:8px 0px;
    color:white;
    font-size:15px;
    font-weight:400;
    text-transform:uppercase;
    font-family: 'Amiri', serif;
    margin-top:20px;
}

a:hover .sekcja-aktualnosci-blok-przycisk
{
    border:1px solid #CDBF92;
    background:white;
    color:black;

}




/*SEKCJA RESTAURACJA I JUBILER*/


.sekcja-rj
{

    width:100%;
    position:relative;
    background-repeat:no-repeat;
    background-size:cover;
    background-position: top center;
    height:1080px;

}

.sekcja-rj-polowa-l
{
    height:1080px;
    width:50%;
    float:left; 
    background-color:rgba(0,0,0,0.8);
    text-align:center;
}

.sekcja-rj-polowa-p
{
    height:1080px;
    width:50%;
    float:right;
    background-color:rgba(0,0,0,0.8); 
    text-align:center;  
}


.sekcja-rj-polowa-teksty
{
    position: relative;
    top:50%;
    transform: translateY(-50%); 
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}


.sekcja-rj h3
{

    display: inline-block;
    padding: 12px 60px;
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: white;
    border: 1px solid #CDBF92;
    margin: 0px 0px 60px 0px; 
    position: relative; 
}


.sekcja-rj a h3::before
{
    content:'';
    position: absolute;
    top:-1px;
    left:-1px;
    width:0%;
    height:0%;
    opacity:0;
    border-top:1px solid #484848;
    border-left:1px solid #484848;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s; 
}


.sekcja-rj a h3::after
{
    content:'';
    position: absolute;
    bottom:-1px;
    right:-1px;
    width:0%;
    height:0%;
    opacity:0;
    border-bottom:1px solid #484848;
    border-right:1px solid #484848;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s; 
}

.sekcja-rj a:hover h3::before, .sekcja-rj a:hover h3::after
{

    width:100.3%;
    height:100.3%;
    opacity:1;
}


.sekcja-rj h3 span 
{
    margin-top: 10px;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 30px;
    line-height: 34px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: 'Amiri', serif;
    letter-spacing: 0px;
    color: #CDBF92;
}

.sekcja-rj-teksty
{
    padding:0px 200px;
}
.sekcja-rj-teksty p
{
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    font-family: 'Amiri', serif;
    letter-spacing: 0px;
    color: #ffffff;
    padding-bottom: 40px;
}


/*SEKCJA MAPA GOOGLE*/
.sekcja-mapagoogle
{
    width:100%;
    height:815px;
}


.sekcja-kontakt
{
    background:white;
    padding:40px;
    text-align:center;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    font-family: 'Amiri', serif;
    color:black;  
}


.sekcja-rj .sekcja-poznaj-oferte-blok-przycisk
{
    width:280px;
    display: inline-block;
}

/*STOPKA*/

footer
{
    width:100%;
}

.stopka-projekt
{

    width:100%;
    background:#CDBF92;
    padding:40px 0px 40px 0px;
}

.stopka-projekt-p
{
    text-align: center;
    font-size:12px;
    font-weight:400;
    color:#5D5D5D;   
}




/* ==== RWD ==== */
@media (max-width: 1950px) {

    .baner-tekst h1 span::before
    {
        display:none;
    }


}


@media (max-width: 1200px) {

    .sekcja-p
    {
        padding:0px 40px
    }

    .naglowek-poz
    {
        padding:22px 0px 40px 0px;
    }

    .naglowek-poz img
    {
        height:136px;
    }



    .naglowek-poz-f
    {
        padding:10px 0px 40px 0px;
    }


    .naglowek-poz-f img
    {
        height:100px;
    }



    .menu-strony li a
    {

        padding:10px 10px;

    }


    .menu-strony-adres
    {
        left:40px; 
    }

    .menu-strony-rezerwacja
    {
        right:40px;  
    }




    .baner-tekst
    {

        top:10%;

    }

    .baner-tekst h1
    {

        font-size:20px;
        letter-spacing:8px;
    }

    .baner-tekst h1 span
    {
        margin-top:0px;
        font-size:80px;
        letter-spacing:0px;
    }

    .sekcja-poznaj-oferte-bloki-wynajem-blok-tekst h4
    {

        width:100%;

    }


    .sekcja-rj-teksty
    {
        padding:0px 100px;
    }

}




@media (max-width: 960px) {




    .naglowek
    {

        position:absolute;

    }


    .naglowek-poz, .naglowek-poz-f
    {
        padding:22px 0px 0px 0px;
    }

    .naglowek-poz img, .naglowek-poz-f img
    {
        height:136px;
    }



    .menu-strony-nav
    {
        border-top:0px solid #CDBF92;
        border-bottom:0px solid #CDBF92;

    }



    .menu-strony
    {
        position: absolute;
        top:0px;
        left:0px;
        display:block;
        padding:0px;
        margin:0px;
        text-align:left;
        width:100%;
        background:rgb(0, 0, 0, 1);

    }

    .menu-strony li
    {

        display:block;
        background: rgba(0,0,0,0.7);

    }


    .menu-strony li a
    {

        display:block;
        font-size:18px;
        padding:10px 20px 10px 40px;


    }

    .menu-strony li a::before
    {

        bottom:0px;
        left:0px;
        width:0px;
        height:1px;

    }


    .menu-strony li a:hover::before
    {
        height:1px;
        width:100%;
        background:#CDBF92;
    }


    .menu-strony li a::after
    {

        top:0px;
        right:0px;
        width:0px;
        height:1px;

    }


    .menu-strony li a:hover::after
    {
        height:1px;
        width:100%;
        background:#CDBF92;
    }


    .menu-strony .aktywny a, .menu-strony a:hover
    {
        color:#CDBF92;
        background-color: rgb(95, 110, 144, 0.3);

    }


    .menu-strony-przycisk-mobilny
    {
        display:block;
    }




    .sekcja-poznaj-oferte h3
    {

        font-size:28px;
        letter-spacing:8px;

    }

    .sekcja-poznaj-oferte h3 span
    {

        font-size:42px;
        line-height:46px;
    }




    .sekcja-poznaj-oferte-blok
    {
        float:left;
        width:50%;
    }

    .sekcja-poznaj-oferte-blok-p
    {
        padding:7px;

    }





    .sekcja-poznaj-oferte-bloki-wynajem-blok-tekst
    {
        float:left;
        width:50%;

    }




    .sekcja-poznaj-oferte-bloki-wynajem-blok-img
    {
        float:left;
        width:50%;

    }




    .sekcja-menu-weselne-lewo, .sekcja-menu-weselne-prawo
    {
        float:none;
        width:100%;
    }

    .sekcja-menu-weselne-lewo-p
    {
        padding-right:0px;
    }

    .sekcja-menu-weselne-prawo-p
    {
        padding-left:0px;
        padding-bottom:40px;
    }

    .sekcja-menu-weselne-lewo-zaw
    {
        border:1px solid #CDBF92;
        height:auto;
    }

    .sekcja-menu-weselne-prawo-zaw
    {
        border:1px solid #CDBF92;
        height:340px; 
    }


    .sekcja-menu-weselne-lewo-zaw-tekst
    {
        position: relative;
        top:0;
        transform: translateY(0%); 
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        text-align:center;
        padding:40px 0px;
    }

    .sekcja-menu-weselne-tekst
    {
        padding:0px 20px;

    }

    .sekcja-galeria
    {
        width:100%;
        position:relative;
        background-repeat:no-repeat;
        background-size:cover;
        background-position: top center;
        height:480px;

    }

    .sekcja-galeria .sekcja-c
    {

        height:480px;

    }

    .sekcja-galeria-zaw a h3 
    {
        font-size: 28px;
        letter-spacing: 8px;


    }



    .sekcja-galeria-zaw a h3 span 
    {    

        font-size: 42px;
        line-height: 46px;

    }




    .sekcja-poznaj-aktualnosci h3
    {

        font-size:28px;
        letter-spacing:8px;

    }





    .sekcja-aktualnosci-blok
    {
        float:left;
        width:50%;
    }

    .sekcja-aktualnosci-blok-p
    {
        padding:7px;

    }



    .sekcja-rj
    {

        height:auto;

    }

    .sekcja-rj-polowa-l, .sekcja-rj-polowa-p
    {
        height:auto;
        width:100%;
        float:none; 
        background-color:rgba(0,0,0,0.8);
        text-align:center;
        padding-top:40px;
    }



    .sekcja-rj-teksty
    {
        padding:0px 40px 40px 40px; 
    }


    .sekcja-rj-polowa-teksty
    {
        position: relative;
        top:0;
        transform: translateY(0%); 
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
    }


    .sekcja-rj h3
    {

        padding: 12px 30px;
        font-size: 16px; 
    }

    .sekcja-rj h3 span
    {
        font-size: 22px;
        line-height: 26px;
    }

    .sekcja-mapagoogle
    {
        width:100%;
        height:415px;
    }

}


@media (max-width: 760px) {


    .baner-tekst
    {

        top:10%;

    }

    .baner-tekst h1
    {

        font-size:20px;
        letter-spacing:8px;
        line-height:normal;
    }

    .baner-tekst h1 span
    {
        margin-top:0px;
        font-size:50px;
        letter-spacing:0px;
        line-height:54px;
    }



    .sekcja-dom-weselny
    {

        padding:64px 0px 64px 0px;

    }


    .sekcja-dom-weselny h2, .sekcja-menu-weselne-lewo-zaw-tekst h3
    {

        padding:12px 30px;
        font-size:16px;

    }

    .sekcja-dom-weselny h2 span, .sekcja-menu-weselne-lewo-zaw-tekst h3 span
    {

        font-size:22px;
        line-height:26px;

    }


    .sekcja-poznaj-oferte-blok
    {
        float:none;
        width:100%;
    }


    .sekcja-poznaj-oferte-blok-p
    {
        padding:7px;

    }


    .sekcja-poznaj-oferte-bloki-wynajem-blok-tekst
    {
        float:left;
        width:60%;

    }




    .sekcja-poznaj-oferte-bloki-wynajem-blok-img
    {
        float:left;
        width:40%;

    }



    .sekcja-galeria-zaw a h3::before 
    {

        top:110%;
        margin-top:0px;

    }



    .sekcja-galeria-zaw a h3::after 
    {

        top:110%;
        margin-top:0px;


    }

    .sekcja-aktualnosci
    {

        padding:64px 0px 64px 0px;

    }

    .sekcja-aktualnosci-blok
    {
        float:none;
        width:100%;
    }

    .sekcja-aktualnosci-blok-p
    {
        padding:7px;

    }

}



@media (max-width: 500px) {


    .naglowek-poz, .naglowek-poz-f
    {
        padding:42px 0px 0px 0px;
    }

    .naglowek-poz img, .naglowek-poz-f img
    {
        height:116px;
    }

    .menu-strony-adres
    {
        left:0px;
        top:10px;
        width:100%;
        text-align:center; 
    }

    .menu-strony-rezerwacja
    {
        top:30px;
        right:0px;
        width:100%;
        text-align:center;
    }



    .sekcja-poznaj-oferte-bloki-wynajem-blok-tekst
    {
        float:none;
        width:100%;

    }




    .sekcja-poznaj-oferte-bloki-wynajem-blok-img
    {
        float:none;
        width:100%;

    }


    .sekcja-menu-weselne-lewo .sekcja-poznaj-oferte-blok-przycisk
    {
        width:100%;
        display: inline-block;
    }

    .sekcja-rj .sekcja-poznaj-oferte-blok-przycisk
    {
        width:100%;
        display: inline-block;
    }



}

.breadcrumb {
    background: transparent;
    margin-top: 35px;
}
.breadcrumb a {
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #CDBF92;
    font-weight: normal;
}

.product-img {
    margin-bottom: 20px;
    float:left;
}

.products-links {
    margin-top: 50px;
}
.products-links a {
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #000;
    font-weight: normal;
}

.gallery .image {
    margin-bottom: 20px;
}

.gallery-img-thumb {
    max-height: 170px;
    min-height: 170px;
    margin: 15px;
}
.gallery-img-thumb:hover {
    max-height: 180px;
    min-height: 180px;
    margin-bottom: 10px;
    transition: 0.3s linear;
}
.gallery-box-thumb {
    height:200px;
    float: left;
    text-align: center;
    width: 100%;
}