@import "reset.css";
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,300,400,500,600,700&display=swap&subset=latin-ext');

*{
font-family:'Montserrat', trebuchet ms, arial, sans-serif;	
}

body{
margin:0px;
padding:0px;
text-align:center;
font-size:16px;
overflow-x:hidden;
background:url(../img/user/background.jpg) repeat center top;
}

.container{
width:1200px;
margin:0px auto;
padding:0px;
position:relative;
}

.wrapper{
width:1200px;
float:left;
margin:0px;
padding:0px;
text-align:left;
}

.top{
width:100%;
float:left;
padding:10px 0px;
}

.logo{
float:left;
}

.la{
float:left;
}

.details{
float:right;
}

.detail{
float:left;
height:36px;
line-height:36px;
text-align:left;
color:black;
padding-left:46px;
margin-left:45px;
}

.detail:hover{
text-decoration:underline;
}

.d1{
background:url(../img/user/ico-tel.png) no-repeat left center;
}

.d2{
background:url(../img/user/ico-point.png) no-repeat left center;
}

.mainnav{
float:right;
clear:both;
}

.mainnav a{
float:left;
height:30px;
line-height:30px;
padding:0px 15px;
text-transform:uppercase;
font-weight:700;
margin-top:-20px;
border-bottom:1px solid white;
transition:border-bottom 0.2s
}

.mainnav a:hover{
border-bottom:1px solid black;
transition:border-bottom 0.2s;
}


/* SLIDER */
#slider{
width:100%;
float:left;
z-index:100;
margin-top:20px;
}

#slider2{
width:100%;
float:left;
z-index:100;
}

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute; height:125px; width:65px;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:7%; color:white; font-size:3em; background:url(../img/user/arrow-right.png) repeat left top; line-height:45px;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:7%; color:white; font-size:3em; background:url(../img/user/arrow-left.png) repeat left top; line-height:45px;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0px; height:27px; line-height:27px; background:#898989; float:none; width:auto; padding:0px 20px; border-radius:27px; position:absolute; top:92%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block; font-size:0px; width:10px; height:10px; border-radius:10px; background:#f2f2f2; border:3px solid #f2f2f2; margin:5px 6px 0px 6px;}
ol.bjqs-markers li a:hover,
ol.bjqs-markers li.active-marker a{background:#ef7f1b;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

#slider2 ul.bjqs-controls.v-centered li a{position:absolute; height:40px; width:40px;}
#slider2 ul.bjqs-controls.v-centered li.bjqs-next a{right:7%; color:white; font-size:3em; background:url(../img/user/arrow-right2.png) repeat left top; line-height:45px; background-size:40px 40px;}
#slider2 ul.bjqs-controls.v-centered li.bjqs-prev a{left:7%; color:white; font-size:3em; background:url(../img/user/arrow-left2.png) repeat left top; line-height:45px; background-size:40px 40px;}
#slider2 li.bjqs-slide{position:absolute; display:none;}
#slider2 img{outline: 1px solid #ccc;
  outline-offset: -1px;}

/* Slider end */

.slogan{
width:60%;
float:left;
margin:-160px 0 0 20%;
background:url(../img/user/white-trans.png) repeat;
font-size:35px;
color:black;
text-align:center;
line-height:45px;
padding:35px 0px;
z-index:200;
position:relative;
}

.main-page-background{
width:100%;
float:left;
text-align:center;
background:url(../img/user/paper.jpg) no-repeat center top;
background-size:100% auto;
padding-bottom:40px;
}

.sub-page-background{
width:100%;
float:left;
text-align:center;
padding-bottom:40px;
}

h2{
width:100%;
float:left;
text-align:center;
font-size:35px;
line-height:40px;
color:black;
font-weight:300;
padding:50px 0px;
}

p{
width:100%;
float:left;
padding-bottom:40px;
font-size:15px;
color:black;
line-height:23px;
text-align:justify;
}

ul,ol{
width:calc(100% - 40px);
margin-left:20px;
padding-left:20px;
float:left;
padding-bottom:40px;
font-size:15px;
color:black;
line-height:23px;
text-align:justify;
}

ul{
list-style:disc;
}

ol{
list-style:decimal;
}

p a,
ol a,
ul a{
color:#418fd8;
}

p a:hover,
ol a:hover,
ul a:hover{
text-decoration:underline;
}

.boxes{
width:100%;
float:left;
}

.box{
width:20%;
float:left;
margin:0 6.66% 0 0;
height:115px;
border-bottom:1px solid black;
border-top:1px solid black;
padding-top:30px;
}

.box:last-child{
margin-right:0;
}

.box img{
float:left;
width:64px;
}

.box p{
float:right;
width:calc(100% - 82px);
text-align:left;
}

.box p span{
font-size:25px;
font-weight:700;
}

.info-box{
width:calc(100% - 40px);
float:left;
margin-top:40px;
background:#d3ad6e;
padding:20px;
}

.info-box-title{
width:100%;
height:28px;
line-height:28px;
text-align:left;
float:left;
color:white;
font-weight:bold;
text-transform:uppercase;
font-size:21px;
}

.offices-column{
width:30%;
float:left;
margin-right:5%;
}

.offices-column-big{
width:100%;
float:left;
margin-right:0;
}

.offices-column:last-child{
margin-right:0;
}

.offices-column p{
margin:15px 0 0 0;
font-weight:bold;
color:white;
text-transform:uppercase;
padding-bottom:0;
}

.offices-column ul{
font-weight:300;
color:white;
padding-bottom:0;
}

.offices-column ul a{
color:white;
padding-left:10px;
font-style:italic;
}

.offices-column-big p{
margin:15px 0 0 0;
font-weight:bold;
color:white;
text-transform:uppercase;
padding-bottom:0;
}

.offices-column-big ul{
font-weight:300;
color:white;
padding-bottom:0;
}

.offices-column-big ul a{
color:white;
padding-left:10px;
font-style:italic;
}

.bottom-black{
width:100%;
float:left;
margin-top:40px;
}

.edging{
width:10%;
min-width:250px;
padding:0px 20px 0px 40px;
height:40px;
line-height:40px;
background:url(../img/user/point.jpg) no-repeat left 10px center black;
font-size:18px;
color:white;
text-transform:uppercase;
}

.blackit{
background:black;
margin-top:0px;
}

.blackit .offices-column p{
margin:15px 0 0 0;
font-weight:300;
color:white;
text-transform:uppercase;
padding-bottom:0;
}

.blackit .offices-column p strong{
font-size:18px;
}

.blackit .offices-column p a{
color:white;
}

.bottom-map{
width:calc(100% - 20px);
border:10px solid black;
float:left;
}

.bottom-section{
width:100%;
float:left;
background:black;
text-align:center;
padding:40px 0px;
}

.bottomnav{
width:200px;
float:left;
}

.bottomnav a{
height:30px;
line-height:30px;
font-size:18px;
color:white;
font-weight:300;
text-align:left;
display:block;
}

.bottomnav a:hover,
.bottomnav a.current{
text-decoration:underline;
}

.bottom-right{
width:calc(100% - 250px);
float:right;
}

.bottom-details{
float:left;
width:320px;
}

.bottom-details > .detail{
float:left;
height:auto;
min-height:36px;
line-height:36px;
text-align:left;
clear:left;
color:white;
padding-left:46px;
margin-left:0px;
}

.bottom-details .detail:hover{
text-decoration:underline;
}

.bottom-details .d1{
background:url(../img/user/ico-tel.png) no-repeat left center;
}

.bottom-details .d2{
background:url(../img/user/ico-point.png) no-repeat left center;
}

.tag-text{
width:100%;
float:right;
margin-top:30px;
}

.tag-text p{
width:100%;
float:left;
text-align:justify;
color:white;
font-size:13px;
line-height:17px;
margin:0px;
padding:0px;
}

.logo-bottom{
float:right;
margin-left:40px;
}

.logo-bottom:last-child{
margin-left:0px;
}

.kredens{
margin-top:20px;
}

footer{
width:100%;
float:left;
height:40px;
line-height:40px;
text-align:center;
color:black;
font-weight:300;
font-size:14px;
}

/* style dla podstrony */

.banner-sp{
width:100%;
float:left;
}

.gallery{
width:100%;
float:left;
padding-bottom:40px;
}

.gallery img{
width:calc(22% - 2px);
float:left;
margin:2.4% 0 0 2.4%;
transition:all 0.2s;
outline:1px solid white;
}

.gallery img:hover{
filter:brightness(120%);
}

.downloads{
width:100%;
float:left;
padding-bottom:40px;
}

.down{
width:calc(100% - 75px);
min-height:60px;
float:left;
padding-left:75px;
background-image:url(../img/user/file.png);
background-repeat:no-repeat;
background-position:left top;
font-size:15px;
line-height:23px;
color:black;
}

a.down:hover{
text-decoration:underline;
background-image:url(../img/user/file-hover.png);
}

.map-movie{
width:100%;
float:left;
text-align:center;
margin-bottom:40px;
}

.leftside{
width:47.5%;
float:left;
padding-bottom:40px;
}

.rightside{
width:47.5%;
float:right;
padding-bottom:40px;
}

.rightside h2,
.leftside h2{
float:left;
font-size:19px;
font-weight:700;
text-align:left;
width:100%;
margin:0;
padding:0 0 0 0;
}

.rightside p,
.leftside p{
padding-bottom:20px;
margin-top:-10px;
}

.contactbox{
width:calc(100% - 40px);
padding:20px 20px 0 20px;
background:#d3ad6e;
float:left;
margin-top:20px;
}

.contactbox h2,
.contactbox p,
.contactbox a{
color:white;
}

.room-movie{
width:100%;
float:left;
margin-top:40px;
}

.fifty{
width:50%;
float:left;
margin-top:20px;
}

.h2sp{
float:left;
width:100%;
text-transform:uppercase;
}

/* Menu mobilne */

.mobile-start{
width:100%;
float:left;
height:50px;
text-align:center;
background:white;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
position:fixed;
top:0px;
left:0px;
z-index:9999;
display:none;
}

.logotop{
float:left;
height:36px;
margin:7px 0px 0px 30px;
}

#mobile-butt{
height:30px;
line-height:30px;
float:right;
padding-right:50px;
background:url(../img/user/rm.png) no-repeat right center;
background-size:25px 25px;
text-transform:uppercase;
margin-top:10px;
cursor:pointer;
margin-right:25px;
}

.mobile-container{
width:100%;
float:left;
background:white;
position:fixed;
top:60px;
left:0px;
background:white;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
z-index:9999;
}

#xx{
width:100%;
float:left;
}

.xbut{
float:right;
margin-right:20px;
cursor:pointer;
}

.xbut img{
margin:10px 0px 0px 0px;
width:30px;
height:30px;
}

.mobilenav{
width:100%;
float:left;
text-align:center;
padding-bottom:10px;
background:white;
}

.mobilenav a{
width:80%;
float:left;
height:40px;
line-height:40px;
color:white;
background:#d3ad6e;
text-align:center;
font-size:1em;
margin-left:10%;
margin-top:1px;
}

.mobilenav a:hover{
background:#a98a55;
}

.mobspacer{
width:100%;
float:left;
height:55px;
display:none;
background:white;
}

#mob-tel{
width:36px;
height:36px;
float:left;
margin-left:25px;
background:url(../img/user/ico-phone.png) no-repeat left top;
cursor:pointer;
margin-top:7px;
}

#mob-point{
width:36px;
height:36px;
float:left;
margin-left:25px;
background:url(../img/user/ico-point.png) no-repeat left top;
cursor:pointer;
margin-top:7px;
}

/* Menu mobilne END */

.cboxl{
display:none;
}

.room-boxes{
width:100%;
float:left;
padding-bottom:60px;
}

p + .room-boxes{
margin-top:-40px;
}

.room-box{
width:26.66%;
float:left;
margin:3.5% 0 0 5%;
}

.room-box-title{
width:100%;
float:left;
text-align:center;
color:black;
font-weight:bold;
text-transform:uppercase;
padding:13px 0px;
font-size:24px;
}

.room-box img{
width:100%;
float:left;
}

.room-details{
width:100%;
float:left;
padding:10px 0px;
line-height:24px;
}

.room-details span{
font-size:21px;
font-weight:700;
color:red;
}

.domore{
width:100%;
float:left;
height:40px;
line-height:40px;
text-align:center;
font-size:20px;
color:white;
text-transform:uppercase;
background:black;
margin-top:10px;
}

.room-box:hover img{
filter:brightness(120%);
transition:all 0.2s;
}

.room-box:hover .domore{
background:#5f5f5f;
transition:all 0.2s;
}

.main-left{
width:50%;
float:left;
}

.main-right{
width:45%;
float:right;
}

.main-right img{
float:left;
width:100%;
}

.main-left,
.main-right{
padding-bottom:40px;
}

.pinkit{
color:#094074;
font-weight:bold;
}

.pinkit a{
font-weight:300;
}

#cookies-message{
background:#d3ad6e;
width:calc(80% - 80px);
padding:40px;
text-align:justify;
color:white;
font-size:14px;
line-height:1.4em;
position:fixed;
bottom:50px;
left:10%;
right:10%;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
z-index:9999;
}

.akc1{
width:40%;
float:left;
height:50px;
line-height:50px;
background:white;
color:black;
cursor:pointer;
text-align:center;
margin-top:2%;
}

.akc1:hover{
background:black;
color:white;
}

.rightit{
float:right;
}


/* style mobilne */

@media screen and (max-width: 1200px){
	
body{
overflow-x:hidden;
}	
	
div.container{
width:100%;
}

div.wrapper{
width:90%;
margin:0 0 0 5%;
}

.main-page-background{
background-size:cover;
}

.box{
width:42.5%;
margin:20px 0 0 5%;
}

.bottom-details{
display:none;
}

}

@media screen and (max-width: 1150px){

.mainnav a{
padding:0px 10px;
font-size:14px;
}

}

@media screen and (max-width: 1000px){

.mainnav a{
padding:0px 8px;
font-size:13px;
}

.slogan{
margin:-200px 0 0 20%;
font-size:25px;
line-height:35px;
padding:30px 0px;
}

.offices-column ul,
.offices-column ul li{
float:left;
width:100%;
}

.offices-column a{
float:left;
clear:left;
width:100%;
}

}

@media screen and (max-width: 970px){

.room-box{
width:42.5%;
float:left;
margin:3.5% 0 0 5%;
}

}

@media screen and (max-width: 900px){

.mainnav,
.details,
.bottomnav,
.bottom-details{
display:none;
}

.mobspacer,
.mobile-start{
display:initial;
}

.top{
text-align:center;
}

.logo{
float:none;
display:inline-block;
}

.la{
float:none;
}

.slogan{
margin:-160px 0 0 20%;
}

.bottom-right{
width:100%;
}

}

@media screen and (max-width: 800px){

.offices-column{
width:45%;
float:left;
margin-right:5%;
margin-top:5%;
}

}

@media screen and (max-width: 700px){
	
.main-left{
width:100%;
}

.main-right{
width:100%;
}

}

@media screen and (max-width: 650px){

.logo-bottom{
float:left;
margin-right:40px;
margin-left:0px;
width:calc(33% - 50px);
}

.gallery img{
width:calc(42.5% - 2px);
margin:5% 0 0 5%;
}

}

@media screen and (max-width: 600px){

.slogan{
display:none;
}

ul.bjqs-controls.v-centered li a{height:63px; width:30px;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:4%; background-size:30px 63px;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:4%; background-size:30px 63px;}

.box{
width:90%;
border-top:0px solid black;
}

.boxes{
margin-top:-40px;
}

.leftside{
width:100%;
}

.rightside{
width:100%;
padding-bottom:0;
}

.cboxr{
display:none;
}

.cboxl{
display:inline-block;
}

}

@media screen and (max-width: 550px){

.offices-column{
width:90%;
}

.room-box{
width:90%;
float:left;
margin:20% 0 0 5%;
}

}