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

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

body{
margin:0px;
padding:0px;
text-align:center;
font-size:16px;
overflow-x:hidden;
}

.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;
min-height:160px;
position:relative;
}

.logo{
float:left;
margin:16px 0px 0px 0px;
}

.hide{
opacity:0
}

.show {
opacity: 1;
}

.details{
min-height:26px;
float:right;
margin:16px 0px 0px 0px;
}

.detail{
height:26px;
line-height:26px;
float:left;
margin-right:50px;
font-size:14px;
color:black;
background-position:left center;
}

.detail:hover{
filter:brightness(190%);
text-decoration:underline;
transition:filter 0.3s;
}

.detail:last-child{
margin-right:0px;
}

.d1{
background:url(../jpg/ico-phone.png) no-repeat;
padding-left:36px;
}

.d2{
background:url(../jpg/ico-envelope.png) no-repeat;
padding-left:37px;
}

.d3{
background:url(../jpg/ico-point.png) no-repeat;
padding-left:29px;
}

.d4{
background:url(../jpg/ico-fb.png) no-repeat;
padding-left:25px;
}

.mainnav{
height:38px;
float:right;
clear:right;
margin-top:46px;
}

.mainnav a{
height:38px;
line-height:38px;
float:left;
padding:0px 22px;
font-size:18px;
color:black;
margin-left:2px;
}

.mainnav a:hover{
background:#0f6d16;
border-radius:4px;
color:white;
transition:all 0.3s;
}

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

.bimg{
float:left;
width:100%;
border-top:1px solid #7c7c7c;
border-bottom:1px solid #7c7c7c;
}

.banner-details{
width:100%;
float:left;
margin:-20% 0 0 0;
text-align:center;
}

.inscription{
display:inline-block;
background:#0f6d16;
font-size:32px;
font-weight:bold;
font-style:italic;
border-radius:7px;
padding:0px 30px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
max-width:90%;
}

.inscription h1{
background:#0f6d16;
font-size:32px;
line-height:36px;
font-weight:bold;
font-style:italic;
margin:0px;
padding:13px 30px;
color:white;
}

.checkmore{
width:215px;
height:145px;
background:url(../jpg/round.png) no-repeat left top;
font-size:28px;
text-align:center;
line-height:33px;
color:#0f6d16;
display:inline-block;
margin-top:20px;
padding-top:70px;
}

.whole{
width:100%;
display:inline-block;
height:1px;
}

.checkmore:hover{
filter:brightness(80%);
transition:filter 0.3s;
}

section{
width:100%;
float:left;
position:relative;
padding-bottom:50px;
}

.white{
background:white;
}

.gray{
background:#ececec;
}

.anchor{
width:1px;
height:1px;
position:absolute;
left:0px;
top:0px;
}

header{
width:100%;
float:left;
text-align:center;
}

h2{
margin:0px;
padding:0px;
font-size:48px;
font-weight:bold;
line-height:52px;
padding:45px 0px 50px 0px;
}

.redit{
color:#0f6d16;
}

.whiteit{
color:white;
}

.rightbigger,
.leftbigger{
width:100%;
float:left;
}

.rightbigger .lefthalf{
width:41.5%;
float:left;
}

.rightbigger .righthalf{
width:55%;
float:right;
}

.leftbigger .lefthalf{
width:55%;
float:left;
}

.leftbigger .righthalf{
width:41.5%;
float:right;
}

.leftbigger .photo{
width:30%;
float:left;
margin-right:5%;
}

.leftbigger .photo img{
width:100%;
}

.leftbigger .photo:last-child{
margin-right:0;
}

.lefthalf img,
.righthalf img{
float:left;
width:100%;
margin-top:40px;
}

.lefthalf img:first-child,
.righthalf img:first-child{
margin-top:0;
}

.lefthalf p,
.righthalf p{
width:100%;
float:left;
text-align:justify;
color:black;
font-size:16px;
line-height:36px;
}

.lefthalf p a,
.righthalf p a,
.contact p a{
font-weight:700;
}

.lefthalf p a:hover,
.righthalf p a:hover,
.contact p a:hover{
text-decoration:underline;
}

.aboutus{
background:url(../jpg/o-nas.jpg) no-repeat center top;
background-size:cover;
}

.centerhalf{
width:80%;
float:left;
margin:0px 0px 0px 10%;
text-align:center;
}

.centerhalf p{
width:100%;
float:left;
text-align:center;
color:white;
font-size:16px;
line-height:36px;
float:left;
}

.centerhalf ul{
text-align:center;
color:white;
font-size:16px;
line-height:36px;
}

.price{
background:url(../jpg/cennik.jpg) no-repeat center top;
background-size:cover;
}

.contact{
text-align:center!important;
padding-top:60px;
}

footer{
width:100%;
float:left;
background:#0f6d16;
text-align:center;
padding:40px 0px;
}

.rollit{
width:175px;
float:left;
}

.rollit a{
height:36px;
line-height:36px;
float:left;
padding-left:46px;
background:url(../jpg/up.png) no-repeat left top;
font-size:16px;
color:white;
}

.rollit a:hover{
text-decoration:underline;
}

.tags{
width:calc(100% - 220px);
float:right;
}

.tags p{
width:100%;
float:left;
text-align:center;
font-size:12px;
line-height:18px;
color:white;
}

.webcat{
height:25px;
line-height:25px;
float:right;
margin-top:10px;
clear:both;
}

.webcat a{
font-size:12px;
color:white;
font-family:verdana;
text-decoration:none;
}

/* Pływające menu */

div.menu_top_swim{
width:100%;
height:50px;
line-height:50px;
background:#0f6d16;
position:fixed;
top:0px;
left:0px;
z-index:1000;
-webkit-box-shadow: 0px 5px 38px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 5px 38px -5px rgba(0,0,0,0.75);
box-shadow: 0px 5px 38px -5px rgba(0,0,0,0.75);
}

div.menu_top_swim a{
color:white;
font-size:11pt;
text-decoration:none;
float:right;
margin:0px 25px 0px 0px;
}

div.menu_top_swim a:hover{
text-decoration:underline;
}

div.menu_top_swim a:hover{
text-decoration:underline;
}

.hidee {
  display:none;
  left: -100%;
}
.showw {
  display:table;
  left: 0;
}

.lbs{
float:left;
margin:5px 0px 0px 25px;
height:40px;
}

.anchor{
width:1px;
height:1px;
position:absolute;
top:0px;
left:1px;
}

/* Pływające menu END */

/* Menu mobilne start */

.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:46px;
margin:2px 0px 0px 30px;
}

#mobile-butt{
height:30px;
line-height:30px;
display:inline-block;
font-size:1.1em;
font-weight:700;
color:#e32b3a;
padding-right:50px;
background:url(../jpg/rm.png) no-repeat right center;
background-size:25px 25px;
text-transform:uppercase;
margin-top:10px;
cursor:pointer;
}

.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:#e32b3a;
text-align:center;
font-size:1em;
margin-left:10%;
margin-top:1px;
}

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

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

/* Menu mobilne END */

.signature{
font-family:'Dancing Script';
text-align:right!important;
font-style:italic;
font-size:30px!important;
margin-top:45px;
}

.more{
height:40px;
line-height:40px;
background:#0f6d16;
color:white;
font-size:18px;
padding:0px 20px;
border-radius:8px;
display:inline-block;
margin-top:40px;
border:2px solid white;
}

.more:hover{
background:#b30000;
transition:background 0.3s;
}

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

body{
overflow-x:hidden;
}	
	
div.container{
width:100%;
}

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

.detail{
font-size:12px;
margin-right:22px;
}

.d4{
position:absolute;
left:20px;
top:20px;
}

.d3{
margin-right:0px;
}

}


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


.detail{
font-size:14px;
margin-right:0px;
clear:left;
margin-top:10px;
}

.d4{
margin-top:0px;
}

.mainnav{
display:none;
}

.menu_top_swim{
display:none;
}

.mobile-start{
display:initial;
}

.mobspacer{
display:initial;
}

}

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

.banner-details{
display:none;
}
	
}

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

.logo{
margin-left:calc(50% - 134px);
}

.details{
float:left;
margin-left:20%;
}

.top{
padding-bottom:30px;
}

}

@media screen and (max-width: 500px){
	
.rightbigger .lefthalf{
width:100%;
}

.rightbigger .righthalf{
width:100%;
}

.leftbigger .lefthalf{
width:100%;
}

.leftbigger .righthalf{
width:100%;
}

.tags{
width:100%;
margin-top:30px;
}

.righthalf img{
margin-top:25px;
}

.righthalf p{
margin-top:35px;
}
	
}

@media screen and (max-width: 440px){
	
.details{
margin-left:6%;
}
	
}

@media screen and (max-width: 359px){
	
.details{
margin-left:0;
}

}