/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

























.dotted-image-background{
	
	      background-image: -moz-linear-gradient(45deg, #666 25%, transparent 25%), 
        -moz-linear-gradient(-45deg, #666 25%, transparent 25%), 
        -moz-linear-gradient(45deg, transparent 75%, #666 75%), 
        -moz-linear-gradient(-45deg, transparent 75%, #666 75%);
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, #666), color-stop(.25, transparent)), 
        -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #666), color-stop(.25, transparent)), 
        -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, #666)), 
        -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, #666));
    background-image: -webkit-linear-gradient(45deg, #666 25%, transparent 25%), 
        -webkit-linear-gradient(-45deg, #666 25%, transparent 25%), 
        -webkit-linear-gradient(45deg, transparent 75%, #666 75%), 
        -webkit-linear-gradient(-45deg, transparent 75%, #666 75%);
    background-image: -o-linear-gradient(45deg, #666 25%, transparent 25%), 
        -o-linear-gradient(-45deg, #666 25%, transparent 25%), 
        -o-linear-gradient(45deg, transparent 75%, #666 75%), 
        -o-linear-gradient(-45deg, transparent 75%, #666 75%);
    background-image: linear-gradient(45deg, #666 25%, transparent 25%), 
        linear-gradient(-45deg, #666 25%, transparent 25%), 
        linear-gradient(45deg, transparent 75%, #666 75%), 
        linear-gradient(-45deg, transparent 75%, #666 75%);
    -moz-background-size: 2px 2px;
    background-size: 2px 2px;
    -webkit-background-size: 2px 2.1px; /* override value for webkit */
    background-position: 0 0, 1px 0, 1px -1px, 0px 1px;
}





























body{
	font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	overflow-y: scroll;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
text-rendering: optimizeLegibility !important;
webkit-text-stroke: .025em rgba(51,51,51,0.50);
-webkit-font-smoothing: antialiased !important;
text-rendering: auto;
  margin: 0;
  font-size: 16px;
  line-height: 17px;
  color: #333333;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

a:hover,
a:active {
  outline: 0;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  width: auto;
  height: auto;
  max-width: 100%;
  vertical-align: left;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

#map_canvas img,
.google-maps img {
  max-width: none;
}

button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}

button,
input {
  *overflow: visible;
  line-height: normal;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: none;
}

label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;
}

input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

@media print {
  * {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }

  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page  {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}


a {
  color: black;
  text-decoration: none;
}

a:hover,
a:focus {
  color: white;
  text-decoration: underline;
}




/*------ h1, h2, h3, h4, h5, h6 ------- */
h1,
h2,
h3,
h4,
h5,
h6 {
  text-transform: none;
  color: grey; 
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  text-shadow: rgba(0,0,0,.01) 0 0 1px;
  -moz-osx-font-smoothing: grayscale;
  -moz-osx-font-smoothing: grayscale;
}

h1{
margin-bottom:25px;
font-size:20px;
text-align: center;
line-height: 21px;
}

header h1 {
 font-size:20px;
  padding: 0;
  margin-left: 25px;
  font-weight: 600 !important;
  text-align:center;
}
h2 {
font-size: 15px;
letter-spacing: 0px;
text-align: left;
}

h3 {
font-size: 15px;
letter-spacing: 0px;
text-align:left;
}


p{
  -webkit-font-smoothing: antialiased;
  text-shadow: rgba(0,0,0,.01) 0 0 1px;	
  -moz-osx-font-smoothing: grayscale;
  -moz-osx-font-smoothing: grayscale;
}

@media screen and (max-width: 1019px)  {
h1,
h2,
h3,
h4,
h5,
h6 ,
{ padding-right: 20px;
   padding-left: 20px; }
}


/* @media Rule */
@media all and (min-width: 400px) and (max-width: 1024px) {...}
/* @import Rule */
@import url(styles.css) all and (min-width:450px) and (max-width: 1024px) {...}



/* START main-ver-2016 */
.all{
position: relative;
width:100%;
margin: 0 auto;
overflow: hidden;
}

.slide{
position:relative;
width:auto;
height:auto;
max-width:1920px;
float:left;

}


.sectionFooter {
    height: 410px;
    width: 100%;
    overflow: hidden;
    position: relative;
    left: 0px;
    top: 0px;
    background: url(../img/footer-shadow.png) repeat-x left top;
}


 .question {
    background: transparent;
    color: #383c3f;
    border: 2px solid #383c3f;
    border-radius: 35px;
    font-size: 21px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 0;
    padding: 12px 80px 15px;
    outline: none;
}

 .question:hover, .question:focus {
    background: #383c3f;
	color:white;
}


.bxslider{
width:2000%!important;
}

.bxslider ul{
	background-color:white !important;
}

.bxslider>ul>li{
width:auto;
height:auto;
max-width:1920px;
margin-left:15%;
}

.bxslider:hover{
filter: none; 
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
      filter: gray; 
      -webkit-filter: grayscale(0);
      -webkit-transition: 0.1s linear;
	  -webkit-transform: translateZ(0);
}

.bx-boxdiv{
    position: relative;
	width:auto;
	height:auto;
    float: left;
    overflow: hidden;
}

.bx-boxdiv-top{
    position: relative;
	width:100%;
    max-height: 300px;
    min-height: 300px;
    float: left;
    padding-bottom: 25%;
    overflow: hidden;
	background-size: cover;
    background-position: 50% 30%;
    background-repeat: no-repeat;
}

@media screen and (max-width: 830px)  {
.bx-boxdiv-top{
    max-height: 400px!important;
	min-height: 350px!important;
}	
	
}

.image{
	background-image:url(../img/slider-jacht.jpg);	
}

.image1{
	background-image:url(../img/slider-jacht-2.jpg);	
}

.image2{
	background-image:url(../img/foto-jacht.jpg);	
}
.image3{
	background-image:url(../img/product/robinson/helikopter-robinson-2.jpg);	
}
.image4{
	background-image:url(../img/product/hobby/hobby-landhaus-770-cff-5.jpg);	
}
.image5{
	background-image:url(../img/foto-slubne-5.jpg);	
}
.image6{
	background-image:url(../img/foto-slubn-6.jpg);	
}
.image7{
	background-image:url(../img/foto-slubne-7.jpg);	
}
.image8{
	background-image:url(../img/foto-slubne-8.jpg);	
}

.image9{
	background-image:url(../img/foto-slubne-9.jpg);	
}

.image10{
	background-image:url(../img/foto-slubne-10.jpg);	
}
.image11{
	background-image:url(../img/foto-slubne-11.jpg);	
}
.image12{
	background-image:url(../img/foto-slubne-12.jpg);	
}
.image13{
	background-image:url(../img/foto-slubne-13.jpg);	
}
.image14{
	background-image:url(../img/foto-slubne-14.jpg);	
}
.image15{
	background-image:url(../img/foto-slubne-15.jpg);	
}
.image19{
	background-image:url(../img/foto-auto-1.jpg);	
}
.image16{
	background-image:url(../img/foto-slubne-16.jpg);	
}
.image17{
	background-image:url(../img/foto-event-1.jpg);	
}
.image18{
	background-image:url(../img/foto-event-2.jpg);	
}
.image20{
	background-image:url(../img/foto-ciozowe-1a.jpg);	
}
.image21{
	background-image:url(../img/foto-ciozowe-2.jpg);	
}
.image22{
	background-image:url(../img/foto-produkt-1.jpg);	
}

.image23{
	background-image:url(../img/foto-rodzinna-1.jpg);	
}



.bx-txt{
    position: relative;
    width: 14%;
    height: 100%;
    float: left;
    margin-top: 1%;
    margin-left: -510px;
}


.bx-txt>h2{ font-size:14px !important; line-height: 16px; margin-left:0px !important; text-align:left !important; color: white!important;}
.bx-txt>h3{ font-size:14px !important; margin-left:0px !important; text-align:left !important; color: white!important;}
.bx-txt>a{color:white!important; text-decoration:none;}





.bx-white{
    position: relative;
    width: 200px;
    height: 200px;
    float: left;
    margin-top: 0%;
    margin-left: -37%;
    background-color: white;
    opacity: 0.7;
    padding: 30px 30px 30px 30px;
}

@keyframes ruch
{
  0% {  opacity:0; top:90%;  }
  100% {  opacity:0,7; top:60%; }
}



.bx-white-top{
position: absolute;
width:100%;

float:left;
top:60%;
    overflow: hidden;
	 animation:ruch 3.5s cubic-bezier(0.22, 0.61, 0.36, 1) alternate;
	 cursor:pointer;
}


@media screen and (max-width: 1700px)  {
.bx-white-top {
	top: 38%;
}

@keyframes ruch
{
  0% {  opacity:0; top:90%;  }
  100% {  opacity:0,7; top:38%; }
}


.bx-wrapper .bx-controls-direction a {
    top: 38%;
}
}

@media screen and (max-width: 1450px)  {
.bx-white-top {
	top: 42%;
}

@keyframes ruch
{
  0% {  opacity:0; top:90%;  }
  100% {  opacity:0,7; top:42%; }
}


.bx-wrapper .bx-controls-direction a {
    top: 38%;
}
}


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


.bx-white-top img {
	margin:5px auto !important;
}
.bx-wrapper .bx-controls-direction a {
    display:none;
}
}


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

@keyframes ruch
{
  0% {  opacity:0; top:90%;  }
  100% {  opacity:0,7; top:46%; }
}
	
	
.bx-white-top {
	top: 46%;
}
.bx-wrapper .bx-controls-direction a {
    top: 38%;
}
}

@media screen and (max-width: 540px)  {
.bx-white-top>h2{
	font-size:25px!important;
	margin:15px auto;
}
.bx-white-top>3{
	font-size:14px!important;
}
}



.bx-white-top>h2{
font-size: 40px;
color: white!important;
text-align: center;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}
.bx-white-top>h3{    
font-size: 18px !important;
margin-left: 0px !important;
text-align: center;
color:white;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}

.bx-white-top>div>p{    
font-size: 18px !important;
text-align: center;
color:white;
margin: 0 auto;
width: 125px;
}

.bx-white-top img{    
margin: 30px auto;
}

.bx-white-top>div{
    border-radius: 18px;
	-moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    height: 30px;
    padding-top: 9px;
    width: 125px;
    margin: 0 auto;
}

.bx-white-top>div:hover{
    background: rgba(255, 255, 255, 0.28);
    border: 1px solid white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
}

.dotted-canvas{
padding: 32.25em 1.6875em;
  background-image: -webkit-repeating-radial-gradient(center center, rgba(0,0,0,.5), rgba(0,0,0,.5) 1px, transparent 1px, transparent 100%);
  background-image: -moz-repeating-radial-gradient(center center, rgba(0,0,0,.5), rgba(0,0,0,.5) 1px, transparent 1px, transparent 100%);
  background-image: -ms-repeating-radial-gradient(center center, rgba(0,0,0,.5), rgba(0,0,0,.5) 1px, transparent 1px, transparent 100%);
  background-image: repeating-radial-gradient(center center, rgba(0,0,0,.5), rgba(0,0,0,.5) 1px, transparent 1px, transparent 100%);
  -webkit-background-size: 3px 3px;
  -moz-background-size: 3px 3px;
  background-size: 3px 3px;
}

@media screen and (max-width: 690px)  {
.dotted-canvas{
padding: 32.25em 1.6875em;
  background-image: -webkit-repeating-radial-gradient(center center, rgba(0,0,0,.5), rgba(0,0,0,.5) 1px, transparent 1px, transparent 100%);
  background-image: -moz-repeating-radial-gradient(center center, rgba(0,0,0,.5), rgba(0,0,0,.5) 1px, transparent 1px, transparent 100%);
  background-image: -ms-repeating-radial-gradient(center center, rgba(0,0,0,.5), rgba(0,0,0,.5) 1px, transparent 1px, transparent 100%);
  background-image: repeating-radial-gradient(center center, rgba(0,0,0,.5), rgba(0,0,0,.5) 1px, transparent 1px, transparent 100%);
  -webkit-background-size: 0px 0px;
  -moz-background-size: 0px 0px;
  background-size: 0px 0px;
}
}

.pr-panel{
	background-color:#1d1d1d;
}

.overall{
	width:100%;
	position:absolute;
	background-color:rgba(0, 0, 0, 0.72);
	padding: 65.25em 1.6875em;
}

.baner-header-container{
	width:100%;
	height:300px;
	position:relative;
	float:left;
	background-image:url(../img/foto-jacht-0.jpg);
	background-size: cover;
    background-position: 50% 35%;
    background-repeat: no-repeat;
	overflow: hidden;
	margin-bottom:25px;
}

@media screen and (max-width: 880px)  {
.baner-header-container{	height:120px;}
}

.category-container-product{
position:relative; 
float:left;
width:100%;
height:auto;
display:block;
background-color:#3c3c3c;
overflow:hidden;
cursor:pointer;
}
.category-container-product ul{
	margin-top:0px!important;
	margin-bottom: 0px !important;
	width:65%!important;
}


.category-container-product div{
	margin-left:0px !important;
}

  .product-menu {
     position: relative;
    padding-left: 1em;
    font-size: 20px;
    height: 45px;
    color: white;
	top:16px;
	font-weight:300;
}


@-webkit-keyframes uparrow {
  0% { -webkit-transform: translateY(0); opacity: 0.4 }
  100% { -webkit-transform: translateY(-0.4em); opacity: 0.9 }
}
@-webkit-keyframes downarrow {
  0% { -webkit-transform: translateY(0); opacity: 0.4 }
  100% { -webkit-transform: translateY(0.4em); opacity: 0.9 }
}

 
.bounce {
	position:relative;
	width:4%;
	float:left;
	top: 2px;
    bottom: 0px;
    margin-left: -30px;
	opacity:0.7;
	animation: bounce 1s infinite;
    -webkit-animation: bounce 2s infinite;
    -moz-animation: bounce 2s infinite;
    -o-animation: bounce 2s infinite;

}

 
@-webkit-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
 40% {-webkit-transform: translateY(-20px);}
 60% {-webkit-transform: translateY(-10px);}
}
 
@-moz-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
 40% {-moz-transform: translateY(-20px);}
 60% {-moz-transform: translateY(-10px);}
}
 
@-o-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
 40% {-o-transform: translateY(-20px);}
 60% {-o-transform: translateY(-10px);}
}
@keyframes bounce {
 0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
 40% {transform: translateY(-20px);}
 60% {transform: translateY(-10px);}
}

.product-name{
width:280px;
float:left;	
padding-left: 25px;
}
.product-name h1{
	 margin-bottom: 8px;
    font-size: 20px;
    text-align: left;
     margin-top: 15px;
}

@media screen and (max-width: 880px)  {
	
.bx-wrapper{
	margin-top:-16px !important;
}
	
.category-container-product ul{
	width:100%!important;
}

	
.category-container-product {
	max-height:268px !important;
	overflow:hidden;
}
	
.category-container-product ul{
	margin-top:15px!important;
}

.active {
    background-color: #1d1d1d !important;
}
	
.product-name{
width:280px;
float:left;	
}	
}

.product-desc{
	background-color:white!important;
}

.category-container{
position:relative; 
float:left;
width:100%;
height:auto;
display:block;
background-color:#3c3c3c;
margin-top:100px;
overflow:hidden;
}
.active{
	background-color:#1d1d1d;
}

.category-list{
width: 510px;
margin-left:auto;
margin-right:auto;
height:180px;
background-color:#3c3c3c;
}

.mgleft{
margin-left:3% !important;
margin-right: 0px !important;;
}


.category-box{
width:150px;
height:180px;
float:left;
display:block;
margin-right: 3%;
cursor:pointer;
}

.category-box-product{
width:150px;
float:left;
display:block;
margin-right: 1%;
cursor:pointer;
}

.description-flag{
	max-width:1350px;
	margin-left:auto;
	margin-right:auto;
}


.category-box:hover{
background-color:#1d1d1d;
transition: 1s linear;
}


.cat-img-box{
margin-top:30%;
width:100%;
height:auto;
max-height:90px;
float:left;
text-align:center;
}

.cat-img-box>img{
max-width:65%;
height:auto;
max-height:90px
}

.cat-txt-box{
width:100%;
height:34%;
float:left;
color:white;
}

.cat-txt-box p{
font-size:14px;
text-align:center;
	}
	
	@media screen and (max-width: 600px)  {
.category-list{
width: 100%;
margin-left:auto;
margin-right:auto;
height:auto;
background-color:#3c3c3c;
}


.category-box{
width:45%;
height:180px;
float:left;
display:block;
margin-left: 2%;
cursor:pointer;
}

}

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

.category-box{
width:100%;
margin-left: 0%;
}
.cat-img-box{
margin-top:15%;
}
.cat-img-box>img{
max-width:40%!important;
max-height:70px
}
}



.product-box-container{
	float:left;
	width:100%;
	margin-bottom:35px;
	height:auto;
}

.lowcase{
	margin-left:auto;
	margin-right:auto;
width:83%;
height: auto;
text-align: center;
}

.lowcase>h2{
font-weight: 200 !important;	
text-transform: none !important;
    font-size: 40px!important;
    line-height: 1.1;
    margin-bottom: 50px;
    margin-top: 50px;
    color: #adadad;
    font-family: 'Oswald', sans-serif;
    text-align: center;
}

.lowcase>h3{
text-align:center!important;
margin-bottom:50px;
margin-top:85px;
color:#adadad;
    font-size: 20px!important;
    font-weight: 300;
    line-height: 30px;
}

.lowcase>h2:after{
	left: 50%;
	top: 15px;
    margin-left: -8rem;
    position: relative;
    display: block;
    content: '';
    width: 250px;
    height: 2px;
    background:#adadad;
}

.see-more{
	width:8%;
    padding-top: 9px;
    margin: 0 auto;
	cursor:pointer;
}
.see-more:hover{
	opacity:0.5;
}
.see-more p{
	padding:0;
	margin: 0 auto;
}

.b-center{
	width:auto;
	float:left;
	position:relative;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:35px;
}

.product-box{
min-width:600px;
width: 80%;
margin-left:auto;
margin-right:auto;
height:340px;
margin-bottom:50px;
}

.p-box-cell{
min-width: 150px;
    width: 23%;
    height: 90%;
    /* float: left; */
    display: block;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}

.p-box-cell a{
text-decoration:none!important;
}



.p-box-more{
	 margin-top: 75px;
	width:100%;
	height:35px;
	text-align:right;
	float:left;
	display:block;
}

.p-box-more>a{
color:#adadad;
padding-right:25px;
}

.p-box-more>a:hover{
cursor:pointer;
color:white;
text-decoration:none;
}

.p-box-img-box{
width:100%;
height:auto;
text-align:center;
}

.p-box-img-box img{
width:auto;

}

.p-box-txt-box{
height:15.5%;
overflow:hidden;
color:white;
margin-top: -3px;
margin-left:auto;
margin-right:auto;
text-align:center;
background-color:#191919;
transition: 1s cubic-bezier(0.6, -0.28, 0.74, 0.05);
cursor:pointer;
}

.p-box-txt-box:hover{
background-color:#424242;
height:55%;
transition: 1s linear;
}

.hid-txt{
font-size:13px;
text-align:center!important;
 width: 90%;
margin: 0 auto;
}

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

.about-img img {
    max-width: 100%!important;
}

.about-img {
    height: auto!important;
}	
	
.p-box-cell{
min-width:280px;
width:47%;
height:380px;

}
.product-box-container{
	width:100%;
	max-height:3500px;
}

.p-box-txt-box{
background-color:#1d1d1d;
width:100%;
height:50px;
}

.p-box-txt-box:hover{
background-color:#1d1d1d;
height:50px!important;
transition: none;
}

.p-box-more{
	width:100%;
text-align: center;
    margin-top: -10px;
    background-color: black;
    height: 70px;
    padding-top: 25px;
}
.product-box{
width: 100%;
}
	
}

	
@media screen and (max-width: 600px)  {
.product-box-container{
	width:100%;
	max-height:3500px;
}
	
.product-box{
min-width:150px;
width: 100%;
margin-left:auto;
margin-right:auto;
height:auto;
margin-bottom:50px;
}
.p-box-cell{
min-width:150px;
width:100%;
height:380px;
margin-left:0%;
}

.p-box-txt-box{
background-color:#1d1d1d;
width:100%;
height:50px;
}

.p-box-txt-box:hover{
background-color:#1d1d1d;
height:50px!important;
transition: none;
}

.p-box-img-box img{
max-height:300px!important;
}

.hid-txt{
 width: 60%;
	}
.p-box-more{
text-align: center;
    margin-top: 30px;
    background-color: black;
    height: 70px;
    padding-top: 25px;
}
}


.content-container{
    position: relative;
    width: 100%;
    float: left;
    display: block;

}


.table {
	margin-left:auto;
	margin-right:auto;
    margin-top: 0;
	    width: 75%;
    margin-bottom: 20px;
    color: #adadad;
	    border-collapse: collapse;
    border-spacing: 0;
	    background-color: transparent;
		    display: table;
    border-collapse: separate;
}
.table tbody{width:60%;  font-size:11px; color: #adadad;}
.table tr { height: 35px;}
.table tr:nth-child(odd) { background-color:#EEE; }
.table td:nth-child(even) { width:35px; text-align:center;  padding-left:5px;}
.table td:nth-child(odd) { padding-right:25px;}
.table td:last-child {text-align:right; width:150px;}
.table td:first-child {width:50px;}

.table tr:nth-child(even) { background-color:white; }
.table td { padding-left:35px;}

#product-bg{
	margin-top:80px;
	background-image: url(../img/jacht-4.jpg);
	background-size: cover;
    background-position: 50% 0;
    background-repeat: no-repeat;
	overflow: hidden;
}



.text-style p{
	color:white!important;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
	font-size:22px!important;
	line-height: 38px;
}

.about-title>h1:after{
	left: 50%;
	top: 15px;
    margin-left: -8rem;
    position: relative;
    display: block;
    content: '';
    width: 250px;
    height: 2px;
    background: #383c3f;
}

.content-last{
	margin-bottom:100px;
}

.bg-grey{
	background-color:#eceeef!important;
	margin-top:100px;
}

.slide-container{
    position: relative;
    width: 100%;
    float: left;
    display: block;
    height: auto;
	overflow: hidden;
	top: -15px;
 z-index:0;
}

.subpage{
top:100px;	
}

@media screen and (max-width: 470px)  {
.subpage{
display:none;	
}

}


@media screen and (max-width: 880px)  {
.slide-container{
 margin-top: 22px
}

.bx-white-top>h2{
	margin: 22px auto;
}

}




.clearfix{
position: relative;
height: 100%;
width:990px;
margin-left: auto;
 margin-right: auto;
}

.cf-wide{
width:74%;
position: relative;
height: 100%;
margin-left: auto;
 margin-right: auto;	
}

@media screen and (max-width: 1019px)  {
.clearfix{
width: 100%;

}
}




/* ---------------- For sticky header: class="float-panel"  ------------------*/
.float-panel {
	position: relative;
    width:100%;background:white;z-index:300;transform: translateZ(0);
    transition:all 0.5s; /* Effect for switching from .fixed to static */
}
.float-panel .content-area {margin:10px auto;}
.float-panel .fa-gg {color:#F0595C;font-size:30px;vertical-align:middle;transition:all 1s;}
/* when class="float-panel fixed" */
.fixed {box-shadow:0 2px 6px rgba(0,0,0,0.2);padding:4px 0;animation:slide-down 0.7s;opacity:0.9;}
.fixed .fa-gg {transform: rotate(360deg); }
@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
}



/* ---------------- For Animation on Scroll ---------------- */
.slideanim {
    visibility:hidden;
    visibility:visible\9;/*For old IE browsers IE6-8 */
}
.slideanim.slide {visibility: visible; animation:slide 1s;}
.slideanim::after {
    /* useful when its child elements are float:left; */
    content: "";
    display: table;
    clear: both;
}

@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(50%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0);
    } 
}



.menu-container{
position:relative;
width:100%;
height:auto;
float:left;
height: 152px;
}

.menu{
    position: fixed;
    width: 100%;
    height: auto;
    float: left;
    background-color: #272c2f;
    z-index: 9999;
    top: 0px;
    margin: 0 auto;

}

.menu-color{
    background-color: rgba(0, 0, 0, 0.66);
}

@media screen and (max-width: 880px)  {
.menu-container{
height: auto;
}
.menu{
    position: relative;
background-color: rgba(0, 0, 0, 0.7);
    height: 170px;
}
.margin-menu{
margin-bottom:0px!important;

}
}


  .border-menu{
	display:none;
  }

.bg-panel{
background-color:#b3b9bd;	

}
  

.about-container{
position:relative;
width: 100%;
height: auto;
float:left;
overflow:hidden;
margin-top: 25px;
padding-bottom:55px;

}

.hidden{
	display:none;
}

.about-img{
width:100%;
height:880px;
overflow:hidden;
margin-left:auto;
margin-right:auto;
float:left;
position:relative;
margin-bottom:75px;
}

.about-img img{
/**max-width:1920px;**/
display: block;
    margin-left: auto;
    margin-right: auto 
}


.about-title{
width:100%;
height: auto;
font-size:35px;
text-align: center;
color:black;
}
.about-title>p{
font-weight:200 !important;
color: #383c3f;
font-size: 28px;
font-weight: 400;
line-height: 40px;
}
.about-title>h1{
font-size:40px!important;
font-weight:700 !important;
line-height: 1.1;
margin-bottom:50px;
margin-top:50px;
color:#3c3c3c;
    font-family: 'Oswald', sans-serif;
    text-align: center;
}


.grey-txt{
color:#383c3f!important;
}

.about-title>h2{
text-align:center!important;
margin-bottom:50px;
margin-top:50px;
color: #383c3f;
    font-size: 26px!important;
    font-weight: 500;
    line-height: 30px;
}


.about-title>h3{
text-align:center!important;
margin-bottom:50px;
margin-top:50px;
color: #383c3f;
    font-size: 21px!important;
    font-weight: 300;
    line-height: 30px;
}

.list-inline{
	padding-left: 0;
    margin-left: -5px;
    list-style: none;
	text-align: center;
	cursor:pointer;
}

.list-inline ul, ol{
	margin-top: 0;
    margin-bottom: 10px;
}

.list-inline li{
	display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
	content: "/";
    padding: 0 15px 0 2px;
    color: #23272a;
}


.collapse{
	display:none;
}
.about-txt{
width:100%;
height: auto;
margin-bottom:30px;
font-size:15px;
 float: left;
}

@media all and (max-width: 1024px) {
.about-txt{
margin-left:3.5%;
width:90%;
}
.portfolio-txt{
margin-left:3.5%;
width:99%;
}
.galerry-description {
    width: 87%!important;
}

}


.about-txt h3{
margin-left: 0px!important;
color:grey!important
}

.portfolio-txt{
margin-bottom: 35px;
}

.portfolio-txt h3{
margin-left: 0px!important;
color:grey!important
}

.portfolio-txt a{
	color:grey!important;
}


.picto-container{
position:relative;
width: 100%;
height: auto;
overflow:visible;
background-color:#e0e0e0;
margin-bottom: 40px;
float:left;
}

.picto-center{
	width:100%;
	height:auto;
	position:relative; 
	margin-left:auto;
	margin-right:auto;
background-color: #e0e0e0;
}



.picto-box-containre{
	position:relative;
	width: 25%;
	min-width:190px;
	display:block;
	float:left;
	padding-bottom:25px;
	border-bottom: 10px solid white;
}
.picto-box{
position: relative;
    width: 100%;
    height: 100%;
    float: left;
    z-index: 0;
		
}

.picto-box a{
    position: relative;
    float: left;
	width:100%;
}


.picto-box p{
    margin: 0px 0px 0px 0px;
    text-align: center;
	cursor:pointer;
	line-height:12px;
	}


.picto-box img{
	width:100%;
	max-width:247px;
	filter: gray; 
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
      filter: gray; 
      -webkit-filter: grayscale(1);
      -webkit-transition: 0.1s linear;
	  -webkit-transform: translateZ(0);
}

.picto-txt:hover {
background-color: #c3c3c3;
transition:0.5s ease-in-out;
}


.picto-txt{
	position: relative;
 	width:100%;
	height:50px;
	background-color:grey;	
    float: left;
	font-size:12px;
	text-align:center;
	color:white;
	padding-top:7px;
}

.half-line a{
line-height:35px;	
}

.picto-txt a{
	color:white;
	text-decoration:none;
}

@media all and (max-width: 880px) {
.picto-container{
background-color:white!important;
}

  .border-menu{
	display:block;
  }

.picto-center{
	width:380px;
	height:380px;
	position:relative; 
	margin-left:auto;
	margin-right:auto;
background-color: #e0e0e0;
}

}

@media all and (max-width: 400px) {
.picto-box-containre{
	width: 100%;
	display:block;
	float:left!important;
	border:none;
}
.picto-box a{
     text-align: center;
}

.picto-center{
	height:800px;
	width:100%;
}

}




.portfolio{
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}


.mail-contact-box{
	position:relative;
	width:100%;
	height:80px;
	background-color: rgba(0, 0, 0, 0.8);
	float: left;
}

 .mail-cc{
background-image:url(../img/foto-jacht-1.jpg);
    background-size: cover;
    background-position: 54% 0px;
    background-repeat: no-repeat;
	margin-top:80px;
 }

.mail-contact-box>div{color:#E6E6E6; margin-top:31px;}


/*STOP main-ver-2016*/

aside {
  float: right;
  margin: 1.51515151%;   /*  10px ÷ 660px = .01515151 */
  width: 30.30303030%;   /* 200px ÷ 660px = .30303030 */ 
  background-color:yellow;
  height:50px;
  position:relative;
}

@media all and (max-width: 1024px) {
  section, aside {
    float: none;
    width: auto;
	
  }
}


@viewport {
  width: device-width;
  zoom: 1;
}

img, video, canvas {
  max-width: 100%;
}


/* Default styles first then media queries */
@media screen and (max-width: 400px)  {
aside{
visibility: hidden;
}
}

header {
  margin-bottom: 10px;
  z-index: 50;
  margin-top:0.5%;
}


.fb-own{
margin-top:5px;
}


.f1{
font-size: 17px;
  padding-bottom: 8px;
}

h3 {
font-size: 13.5px;
margin-bottom: 20px;
text-align:left;
    margin-top: 20px;

}
.content-extra h3 {
  margin: 42px 0 25px;
}
h4 {
font-size: 15px;
line-height: 18px;
font-weight: bold;
letter-spacing: 0px;
text-align: justyfi;
}
h5 {
font-size: 17px;
color: #000000;
font-weight: 600;
letter-spacing: -1px;
margin-left: 10px;
}

h6{
font-size: 10.5px;
line-height: 14px;
font-weight: normal;
letter-spacing: 1px;
color:grey;
text-align:justify;
}


/* FORMULARZ KONTAKTOWY*/

#formularz {
        width:260px; 
        margin:0 auto; 
        background-color:#fff; 
        border:2px solid #ccc; 
        border-radius:10px; 
		padding:20px; 
        margin-top:20px; 
}

#formularz label {
    display:block;/* ustawiamy by label rozpoczynał się od nowej linii*/
    margin-bottom:5px;/* dodajemy margines dolny */
    font-weight:bold; /* pogrubiamy czcionkę */
    text-transform: uppercase; /* zamieniamy wszystkie litery na duże */
    font-size:12px; /* ustawiamy wielkość czcionki */
    color:#555555; /* ustawiamy kolor czcionki */
}

#formularz textarea,
#formularz input {
	padding:5px; /* dodajemy margines wewnątrz naszego pola */
	border-radius:3px; /* dodajemy zaokraglone rogi */
	border:1px solid #ccc; /* dodajemy obramowanie */
	margin-bottom:25px; /* dodajemy margines dolny */
	width:245px; /* ustalamy szerokość */
}

#formularz input#submit {
	width:255px; /* ustalamy szerokość */
	cursor:pointer; /* zmieniamy kursor */
	margin-bottom:0px;/* resetujemy margines dolny */
}

#formularz p.copy {
	color:#555555; /* ustawiamy kolor czcionki */
	margin-bottom:0px; /* resetujemy margines dolny */
	font-size:12px; /* ustawiamy rozmiar czcionki */
	text-align: center; /* wyśrodkowywujemy tekst */
}

#formularz p.copy a {
	color:#555555;/* ustawiamy kolor czcionki */ 
	text-decoration: none; /* usuwamy podkreślenie linku */
	font-weight:bold; /* pogrubiamy czcionkę */
}  

.mail-form{
    position: relative;
    width: 55%;
    height: auto;
    float: left;
    margin-left: 15px;
    margin-top: 55px;
	margin-bottom:50px;
    color: grey !important;
}

.reservation-form{
    position: relative;
    width: 55%;
    height: auto;
    margin-left: auto;
	margin-right: auto;
    margin-top: 55px;
	margin-bottom:50px;
    color: grey !important;
}

.container_txt {
position:relative;
margin-top: 55px;
margin-left:20px;
padding: 15px;
margin-bottom: 40px;
width:33%;
height:auto;
float:left;
}

.container_txt >h3{color:grey!important;}

.container_txt img{
margin-left: 50px;
width:75%;
margin-bottom:0px;
}

@media screen and (min-width: 390px) and (max-width: 950px)   {

.container_txt {
width:75%;
margin-bottom:20px;
}

.mail-form{
width:75%;
margin-left:40px;
margin-top:0px;
}
.reservation-form{  
    width: 75%;
}

}

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

.container_txt {
width:75%;
}

.mail-form{
width:80%;
margin-left:10px;
margin-top:0px;
padding-bottom:25px;
}

h2, h3{
margin-left: 0px !important; 
}

.reservation-form{  
    width: 100%;
}

}

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

.container_txt {
width:75%;
}

.mail-form{
width:77%;
margin-left:15px;
}

h2, h3{
margin-left: 0px !important; 
}

h4{
margin-left: 15px !important; 
}

}





.container_txt a{
color:grey!important;
}


input[type="submit"], input[type="reset"]{
-webkit-appearance:push-button !important;
background-color:whitesmoke!important;
width: 50%!important;
height: 40px;
margin-top:20px;
color:grey;
}

input[type="checkbox"]{
	width:20px !important;
}

input, textarea{
border-radius: 6px !important;
-webkit-border-radius: 6px !important;
border: 1px solid #cccccc !important;
width:100% !important;

}

textarea{
min-height:60px!important;

}

input, textarea{
line-height: 30px;
height: 30px;
padding: 4px 6px;
text-align: middle;

}
label{
padding-left:6px;
line-height: 40px;
}
textarea{
	height:150px;
}




textarea [type="info"]{
min-height: 125px!important;
} 

.form-size{
float:left;
margin-top:15px;
margin-left:5%;
width:80%;
 }


/*FORMULARZ KONTAKTOWY KONIEC */



.bg-content {
  height:auto !important;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  background-color: rgba(245, 245, 245, 0.72);
  position: relative;
  float: left;
  color:grey;
  margin-bottom: 70px;
}

.bg-content-main {
  height:auto !important;
  width: auto;
  margin-left: auto;
  margin-right: auto;
}

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

.bg-content-main {
margin-top:25px;
}
}



.container {
position:relatice;
margin-bottom: 45px;
width:auto;
height:auto;
margin-left:auto;
margin-right:auto;
display:box;
}

.photo_box{
max-width: 1750px;
height:auto;
width: 80%;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
overflow:hidden;
  -webkit-column-count: 3;
  -webkit-column-gap:   10px;
  -moz-column-count:    3;
  -moz-column-gap:      10px;
  column-count:         3;
  column-gap:           10px;  
  
}

.galerry-description{
    position: relative;
    width: 90%;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.vouchr{
width:50%;
}

.gallery{
height:auto !important;
width:100%!important;
position:relative; 
float:left;
display:block;
margin-left:auto;
margin-right:auto;
}

.photo_box img{
  margin-bottom:10px;
  display: inline-block;
  width: 100% !important;
  height: auto !important;
}

.photo_box img:hover{
-webkit-box-shadow: 8px 9px 30px -1px rgba(0, 1, 0, 0.45);
-moz-box-shadow:    8px 9px 30px -1px rgba(0, 1, 0, 0.45);
box-shadow:         8px 9px 30px -1px rgba(0, 1, 0, 0.45);
}

.picture_box{
margin-bottom:2%;
height:auto;
}

.site_title{
height:auto;
position:relative;
width:100%;
font-size:25px;
color:black;
text-align:left;
font-family:tahoma!important
  text-rendering: optimizeLegibility;
  text-rendering: geometricPrecision;
  font-smooth: always;
  font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.site_title p{
padding-left:50px;
}

.site_title a:hover{
 text-decoration:none!important;
 color:grey;
}



.container_flip{
width:auto;
height:auto;
overflow:hidden;
position:relative;
margin-left:auto;
margin-right:auto;
margin-bottom:100px;

}

@media all and (max-width: 1024px) {
.container_flip{
width:700px;
}
}

@media all and (max-width: 690px) {
.container_flip{
width:310px;
}
}


.flip-box2{
position:relative;
float:left;
width: 300px;
height: 200px;
margin: 15px 15px  15px  15px ;
}

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

.flip-box2 {
    position: relative;
    width: 300px;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
	margin:auto;
	margin-bottom: 25px;
	float:none;
}
}

.group-separator{
position: relative;
width: 100%;
height: 47.5%;
float: left;
margin: 0px 20px 20px 0px;
}

.f1_container {
  width: 100%;
  height: 100%;
  z-index: 1;
 -webkit-perspective: 1000; -moz-perspective:
1000;-o-perspective: 1000; perspective: 1000; 
transition: all linear 3s;
}
.f1_card {
position:relative;
  width: 100%;
  height: 100%;
-webkit-transition: 3s;
 -webkit-transform-style:preserve-3d; 
 -moz-transition: 3s;
 -moz-transform-style: preserve-3d;
 -o-transition: 3s;
 -o-transform-style: preserve-3d;
 transition:3s;
 transform-style: preserve-3d;
 cursor:pointer;

}
.f1_container:hover .f1_card, .f1_container.hover .f1_card {
 -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg); transform: rotateY(180deg);  
}

.f1_container .f1_card{ opacity: 1; transition: all ease 3s; }

.f1_container :hover .f1_card { opacity: 0; }


.face {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
  overflow:hidden;
 z-index:2;
}
.front{
background-size: contain;
background-position: 50% 0;
background-repeat: no-repeat;
      -webkit-transition: 0.1s linear;
	  -webkit-transform: translateZ(0);
}

.front:hover{
   filter: none !important;
  -webkit-filter: grayscale(0) !important;
}
.face img{
width: auto;
height: auto;
max-width: 350x;
max-height: 500px;
}

.face, .back {
 -webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;  -o-backface-visibility: hidden;
 backface-visibility: hidden; position: absolute;
top: 0; left: 0; 

}

.back { -webkit-transform: rotateY(180deg); -moz-transform:
rotateY(180deg);  -o-transform: rotateY(180deg); transform:
rotateY(180deg);
width:100%;
}

.face.back:hover {
 opacity:0.5;
}

.back h2{
	font-size:18px;
	text-align:center;
	margin-top:25%;
    color: #3c3c3c;
}

.back p{
    margin-left: 0px!important;
    margin-bottom: 0px!important;
    color: #3c3c3c;
    margin-top: 0px;
    font-size: 15px;
    text-align: center;
    letter-spacing: 0px;
    line-height: 19px;
}


@media screen and (min-width: 1500px) and (max-width: 1800px)   {

.picture_box{
margin-bottom:4%;
}

}

@media screen and (min-width: 1801px) and (max-width: 2500px)   {

.picture_box{
margin-bottom:8%;
}

}

.hidding_title{
overflow:hidden;

position:relative;
width:100%;
height: 45px;
top: -58px;
margin-bottom: -17%;
}

.hidding_title a{
padding-top: 16px;
font-size: 15px;
text-decoration: none;
margin-left: auto;
margin-right: auto;
position: relative;
float: left;
font-weight: bold;
opacity: 0.6;
width: 100%;
height: 50px;
text-align: center;
background-color:black;
color:white;
}

.hidding_title a:hover{
font-size:15px!important;
text-decoration:none;
}


.product_box {
position: relative;
width: auto;
height: auto;
float: left;
margin-right:1%;
margin-left:1%;
margin-bottom:10px;
display:table;

}

.title_product{
position:relative;
float: left;
width: 100%;
height:15px;
font-size:14px;
margin-top:8px;
text-align: center;
}

.title_product>a{
width:100%;
color:black!important;
font-weight:bold;

}


.pole1{
position:relative;
height:50px;
max-width:120px;
background-color:blue;

}

.pole2{
position:relative;
height:100px;
background-color:red;
}

.toplogo{
position:relative;
height:100px;
width:70%;
min-width:900px;
margin-left:auto;
margin-right:auto;
}

.top-content{
	float:left;
	display:block;
	height:100%;
	width:70%;
	font-size:12px;
	line-height:15px;
	color:white;
	overflow:hidden;
}
.search{
width:30%
}

.top-content img{
	max-height:35px;
	float:left;
	padding-right:20px;
	padding-bottom: 25px
}

.top-box{
	margin-top:30px;
	width:38%;
	float:left;
	display:block;
	margin-left:10px;
}
.top-box p{
	margin: 0 auto;
}

.box-logo{
	width:15%;
	float:left;
	display:block;
	margin-right:5%;
	height:100px;
	margin-top:12px;
}

.box-logo img{
	max-height:70px;
}



/*responsive elements*/

@media screen and (max-width: 880px)  {
.box-logo{
	width:12%;
	margin-right: 5%;
}	
.top-box {
    width: 38%;
    margin-left: 5px;
}
form{
width:93%!important;
padding-right: 12px;
	
}
.search{
	width:29%;
}
}

@media screen and (max-width: 680px)  {
	
.search{
	width:60%!important;
}
	
.top-content{
	width:35%;
}
	
.top-box{
	display:none;
}

.box-logo{
	width:100%;
}
}

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

.logo{
width:auto !important;
height:auto;
max-width:260px;
}
.logo>img{
width:auto;
height:auto;
}

}

.logo{
margin-top:0.9%;
position:relative;
height:auto;
width:310px;
float:left;
}

.social{
position:relative;
height:110px;
width:auto;
overflow:hidden;
}

.navbar-form .btn-default:before {
    content: '';
    width: 18px;
    height: 18px;
    position: absolute;
    right: 11px;
    top: 0;
    background: url(../img/sprite.png) -1px -25px no-repeat;
}
*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.navbar-form .btn-default {
    text-indent: -3000px;
    width: 30px;
    height: 20px;
	right: 0px;
    float: right;
	top: -25px;
    position: relative;
}

form{
float:right;
margin-top:33px;
width:250px;
 }

.btn {
    font-size: 13px;
    padding: 5px 10px 6px 10px;
    background-color: white;
    color: #FFF;
    border-radius: 5px;
    border: 0;
    transition: background-color 0.5s ease;
}
.navbar-ex1-collapse .navbar-form {
    background-color: #FFF;
    border-radius: 20px;
    margin: 9px 10px 0 0 !important;
}
.navbar-ex1-collapse .navbar-form {
    background-color: #FFF;
    border-radius: 20px;
    margin: 9px 10px 0 0 !important;
}
@media (min-width: 1200px){
.navbar-form .form-control {
    max-width: none;
}
}
@media (min-width: 768px){
.navbar-form .form-control {
    max-width: 250px;
}
}
.navbar-form .form-control {
    background-color: white;
    border: 0;
    box-shadow: none;
    height: 30px;
    padding: 0 0 0 10px;
    font-size: 13px;
}









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

.color_flip {
  filter: none !important;
  -webkit-filter: grayscale(0) !important;
    }

.photo_box img{
margin-bottom:5px;
}


.photo_box{
width:80%;
height:auto;
overflow:hidden;
margin-top:5%;
  -webkit-column-count: 1 !important;
  -webkit-column-gap:   10px;
  -moz-column-count:    1 !important;
  -moz-column-gap:      10px;
  column-count:         1 !important;
  column-gap:           10px;  
}

.picture_box{
overflow:hidden;
}


}


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

.social{

margin-top:10px;
}
}

.soclog{
position:relative;
height:30px;
width:30px;
float:right;
display:block;
margin-left:10px;
overflow:hidden;
list-style: none outside none;
}

.soclog>a{
position:absolute;
width: 30px; 
height: 30px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  background-position: 0 0;
  background-repeat: no-repeat;

}
.f>a{
background-image: url(../img/soc-icon-1.png);
}
.g>a{
background-image: url(../img/soc-icon-4.png);
}
.r>a{
background-image: url(../img/soc-icon-3.png);
}

.soclog> a:hover {
  background-position: 0 bottom;
}


 .menucontainer{
    display: block;
    position: relative;
    height: 51px;
    width: 70%;
    overflow: visible;
    margin-left: auto;
    margin-right: auto;
	min-width: 1390px;
 }
 
 .menusection {
position:relative;
position:relative;
height:49px;
}
 .menusection ul {
	 text-align:center;
 }
 
 .menulist{
    position: relative;
    list-style: none;
    float: left;
    margin-top: 10px;
    padding: 0;
	width: 100%;
 }
 
 .menulist>li{
float:left;
margin-right:25px;
height:50px;
 }
 .sfHover{
width: 90px; 
 }

 
 .menulist a{
 font-size:14px;
 display:block;
 height: 30px;
 }
 
 .menulist>li>a>p{ 
display: inline-block;
    font-size: 13px;
    font-weight: 400;
    height: 35px;
    letter-spacing: 2px;
    line-height: 35px;
    margin: 0px 15px 0px 15px;
    text-decoration: none;
    text-transform: uppercase;
	color:white;
 }

 
 .menulist a:hover{
 text-decoration:none !important;
 color:grey !important;
 display:block;
 width:auto;
 height:30px;
 }
 
 
 
 #buttons{
    float:right;
    position:relative;
    left:-50%;
    text-align:left;
}
#buttons>ul{
    list-style:none;
    position:relative;
    left:50%;
}


 
 @media screen and (max-width: 880px)  {
	 
 #buttons{
width:100%
}	 
	
 .menulist a{
 font-size:14px;
 display:block;
 height: 50px;
 }
 	
	 
 .menulist a:hover{
 border-bottom: 0px;
 height:50px;
 }
}

 
 .menulist ul{
    position: relative;
    display: block;
    font-size: 11px;
    /* max-width: 608px; */
    min-width: 107px;
    height: 50px;
    right: 270%;
    top: 16px;
    list-style: none;
    z-index: 1000;
    /* padding: 12px 0; */
    margin: 0 auto;
    text-align: center;
    opacity: 0.8;
    background-color: white;
	padding-left: 0px;
 }


.center a:hover{
border:none !important;
text-decoration: none !important;
color:black!important;
cursor:pointer;
}

 .menulist>li>a>p{ 
display: inline-block;
    height: 25px;
	color:white;
 }

 
 .widelist{
 width:700px;
 background-color:white;
 }
 
 
 .widelist p{
margin: 0 0 0px;
 }
 
 .widelist li{
    display: inline-block;
    width: auto;
    margin-left: 20px;
    height: 50px;
    padding-left: 15px;
    padding-right: 15px;
 }
 
  .widelist li:hover{
background-color:#d9f6ff;
 }
 
 
 .widelist>li>a>p{
 text-align:left;
 padding-top: 15px;
 }
 .left{
 padding-left:20px;
 }

 .nawigacja {
  padding: 6px 15px 11px;
  margin: -5px auto;
  list-style: none;
  font-size:10px;
  height:11px;
  background-color: #f5f5f5;
}

@media screen and (max-width: 350px)  {
.nawigacja{
display:none;
}
}

.nawigacja > li {
  display: inline-block;
  *display: inline;
  text-shadow: 0 1px 0 #ffffff;
  *zoom: 1;
}

.nawigacja > li > .divider {
  padding: 0 5px;
  color: #ccc;
}

.nawigacja > .active {
  color: #999999;
}
 
 
 @media screen and ( max-width: 880px)  {
 
  header{
  margin-bottom:0px;
  }
  
  
  .toplogo{
  position:relative;
  overflow:hidden;
  width:auto;
  height:auto;
  min-width:0px;
  }


  
  .picto-box div {
    font-size: 1.4rem;
}
  
.responsive-content{
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: 265px!important;
  }
  
.responsive-content-close{
	  height:55px;
	  padding-top:5px;
	  overflow:hidden;
  }
  
.responsive-content-close a:hover {
text-decoration:none;
color:grey;
opacity:0.65;
}

 .responsive-content-close a:focus {
text-decoration:none;
color:white;
}
  
  .border-menu {
     position: relative;
    padding-left: 4em;
    font-size: 20px;
    height: 45px;
    color: white;
	top:16px;
}


.border-menu:before {
    content: "";
    position: absolute;
    top: 0;
    left: 1.3em;
    width: 2em;
    height: 0.9em;
    border-top: 0.575em double white;
    border-bottom: 0.225em solid white;
}
  
  
  
  .menucontainer{
  position:relative;
  width:auto;
  overflow:visable;
  margin-top:15px;
  height:320px;
 min-width: 100px;
  }
   
  
 .menusection {
  float: none;
  border: none;
}
 
 .menulist{
 width:100%;
 margin: 0 auto;
 padding: 0px;
 }
 
 .menulist>li{
float:none;
width:100% !important;
height:50px;
text-align:center;
position:relative;
margin-left:auto;
margin-right:auto;
    background-color: rgba(6,6,6,0.4);
margin-bottom:1px;
 }
 
 .menulist ul>li{
 padding-right:20px;
 }
 
 .menulist>li>a>p{
margin: 8px;
 }
 
 .sf-js-enable .sf-menu{
 display:none;
 }
  .menulist ul{
  display:none!important;

}


  .breakline{
  display:none;
   border-right: 0px solid white;
}

.nawigacja{
margin-left:0px;
}

.flexslider{
margin: 0 auto !important;
}



 .social{
 margin-right:10px;
 }
 }
 
 @media screen and ( max-width: 389px)  {
 
 .menulist ul{
 display:none !important;
 }
 }
 
.footer{
height:auto;
background-color:#090a0a;	
} 
 
 
.bottominfo{
 margin-top: 70px;
width:100%;
margin-left:auto;
margin-right:auto;
position:relative;
height:auto;
overflow:hidden;
color:white;
}
 

 
.infoblock{
position:relative;
width:60%;
height: auto;
float:left;
} 

.infoblock a{
font-size:11px !important;
color:white;
}

.infoblock>div p{
font-size:11px;
color:white;
margin:0px;
}

.infoblock>div{
position:relative;
width:27%;
min-width:155px;
height:160px;
float:left;
display:inline-box;
margin-top:10px;

}
.s1{
font-weight:bold !important;
font-size:13px !important;
color:white !important;
}

.info2{
position:relative;
float:right;
margin-top:5px;
margin-right:25px;
margin-bottom:10px;
}

.info2>p{
font-size:11px;
color:white;

padding-left:15px;
margin-left:15px;
}
.info3{
width:34%!important;
}

@media screen and ( max-width: 550px)  {
.infoblock{
margin:0 auto !important;
}
.infoblock div{
width:100% !important;
text-align:center;
}

}


.menubottom{
position:relative;
height:90px;
width: 40%;
float:left;
overflow:hdden;
display:block;
}
 
@media screen and ( min-width: 570px)  and ( max-width: 750px) {

.color_flip {
  filter: none !important;
  -webkit-filter: grayscale(0) !important;
    }
  
.photo_box{
width:80% !important;
height:auto !important;
margin-top: 40px !important;
overflow:hidden;
  -webkit-column-count: 2 !important;
  -webkit-column-gap:   10px;
  -moz-column-count:    2 !important;
  -moz-column-gap:      10px;
  column-count:         2!important;
  column-gap:           10px;  
}
}
 
 @media screen and ( max-width: 906px)  { 
  .menubottom{
  display:none;
  }
  
  .infoblock{
  width:100%;
  margin-left:15px;
  }
  
  }

.menulistbottom{
 position:relative;
 list-style: none;
 display: block;
 float:right;
 width:100%;
 height:90px;
 margin-top:26px;
 overflow:hidden;
 }
 
 .menulistbottom a{
color:white;
 }
 
 @media screen and ( max-width: 1024px)  {
 .menulistbottom{
 margin-top:10%;
 }
 
 }
 
 @media screen and ( min-width: 751px)  and ( max-width: 1024px) {
  
.photo_box{
width:80% !important;
height:auto !important;
margin-top: 40px !important;
overflow:hidden;
  -webkit-column-count: 3 !important;
  -webkit-column-gap:   10px;
  -moz-column-count:    3 !important;
  -moz-column-gap:      10px;
  column-count:         3!important;
  column-gap:           10px;  
}
}
 
 .menulistbottom>li{
float:left;
 width:auto;
 margin-left:10%;
 padding-bottom:4%;
 }
 .menulistbottom li:first-child{
 width:auto;

 }
 
 .menulistbottom p{
 text-align: center;
 font-weight:bold;
 font-size:90%;
 }
 
 .menulistbottom a:hover{
 text-decoration:none !important;
 color:grey !important;
 }
 
 .prostokat{
 display:block;
 position:relative;
height:auto;
margin-bottom:25px;
z-index:1;
max-width:1170px;
margin-left:auto;
margin-right:auto;
 }

.styl1{
 width:90%;
}

.styl2{
 margin: 25px 0px 5px 45px;
 width:65%;
}

.styl3{
 margin: 10px 0px 20px 10px;
 width:80%;
}
.styl4{
 margin: 25px 0px 0px 40px;
 width:80%;
}
.styl5{
 margin: 0px 0px 5px 55px;
 width:80%;
}
.styl6{
 margin: 10px 0px 15px 25px;
 width:80%;
}
.styl7{
 margin: 0px 0px 0px 60px;
 width:90%;
}
.styl8{
 margin: 10px 0px 10px 20px;
 width:70%;
}
.styl9{
 margin: 20px 0px 0px 20px;
 width:50%;
}
 
.cat{

position:relative;
height:36px;
margin-bottom:5px;
z-index:1;
width:250px;

}

.cat>a>img{
position:absolute;
}

#photo{
z-index:4;
}

#photo:hover{
z-index:2;
}

#imghover{
z-index:3;
}
#imghover:hover{
z-index:4;
}

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

.prostokat2{
display:none !important;
}

.fot-container{
width:100% !important;
}

.flexslider{
margin: 0 auto !important;
width:auto !important;
}
}

 @media screen and ( max-width: 880px)  {
.bx-viewport{
 width: 100%!important;
 overflow: hidden!important;
}	 
.bx-boxdiv {
	width:100%!important;
}
.bx-txt {width:22%!important}

 }





charset "utf-8";
/* CSS Document */

/* FlexSlider Necessary Styles
*********************************/

.flex-container a,
.flexslider a,
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

.flex-direction-nav {z-index:8;position:relative;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider { padding: 0;background:white;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the  before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
/* Clearfix for the .slides element */
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .slides {
	display: block;
}
* html .slides {
	height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
	display: block;
}
.flexslider, .flex-container {
	position: relative;	
	max-width:1170px;

}

.flexslider { zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

.flexslider .slides > li .flex-caption {
	color:#fff;
	font-size:100px;
	line-height:104px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-50px 0 0 -10px;
	opacity:1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.flexslider .slides > li.active .flex-caption {
	opacity:0;
}
.flexslider .slides {
	margin:0;
	list-style: none outside none;
}
.flexslider .slides > li{
	opacity:0.6
}
.flexslider .slides > li.active {
	opacity:1
}
.flexslider .slides img {
	display: block;
	max-width: 770px;
}
.flexslider .hover-img {
	position:absolute;
	top:0;
	left:0;
	opacity:0;
}
/* Caption style */
	.flex-caption {
}
#responsiveFlag {
	display:block;
}


@media handheld, only screen and (min-width:2250px) {
	.flexslider .slides > li {
		display:block;	
	}	
	#responsiveFlag{display:block;}
}

 @media only screen and (max-width: 2249px) {
 
 .prostokat2{
 display:block;
 
 }
.flexslider .slides > li {
	opacity:1
}	 
 .flexslider .slides img {
max-width:965px;
width:100%;
}
 .flex-control-nav {
display:none;
}
 .flex-direction-nav {
position: absolute;
    float: right;
    left: 10px;
    top: 25%;
    width: 96.9%;
    overflow: hidden;
    list-style: none outside none;
}



 .flex-direction-nav li {
float:left;
width:50%;
height:100%;
text-align:right;font-size:0;
line-height:0;overflow:hidden
}
 .flex-direction-nav li:first-child {
text-align:left
}
 .flex-direction-nav a {
display:inline-block;
font-size:0;
line-height:0;
text-indent:-1000px;
overflow:hidden;
width:55px;
height:55px;
vertical-align:middle;
}
 .flex-direction-nav a:hover {
text-decoration:none;
}
 .flex-direction-nav a.flex-next {
text-align:right;
background:url(../img/next.png) no-repeat 50% 50% ;
}
 .flex-direction-nav a.flex-prev {
text-align:left;
background:url(../img/prev.png) no-repeat 50% 50%;
margin-right:auto;
}
.flex-direction-nav a:hover{background-color:black; opacity: 0.5;}


 #responsiveFlag {
font-size:0;
line-height:0;
display:inline;
}
}

@media only screen and (max-width: 1024px) {
 .flex-direction-nav {
position:absolute;
float:right;
left:0px;
top:38%;
width:100%;
overflow:hidden;
list-style: none outside none;
}
}

 @media (max-width: 350px) {
 .flex-direction-nav {
margin-top:-5px
}
 .flex-direction-nav a {
width:30px;
height:30px
}
}

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

.container {
height:auto !important;
}
.bg-content{
height:auto !important;
padding-bottom: 25px;
}
}


/*Strona Główna Koniec ! */

/*PODSTRONA 1 POCZĄTEK !*/


.menu-left{
border-left: 1px dotted #585858;
  font-size:12px;
  position:relative;
top:65px;
right:60px;
  height:100%;
list-style-type:none;
  padding: 0px;
  padding-top:15px;
  
}

.menu-left li{
padding-left:15px;
margin-top:5px;
  width:100%;
  height:30px;
}

.menu-left a{
 text-decoration:none !important;
  color:rgb(139, 139, 139);
  text-align:left
}


.small-icons{
padding-left:40px;
padding-top:40px;
border: 1px dotted grey;
left:55px;
margin-top:50px;
  width:71%;
  height:auto;
  position:relative; 
  float:right;
}

.icon-box{
  width: 125px;
  height:125px;
  position:relative;
  float:left;
  display:blok;
}

.icon-box img {
border:1px solid grey;
width:85px;
}


.folio{
position:relative;
width:100% !important;
height:auto !important;
float:left;
margin-bottom: 35px;
}

  .prostokat2{
height:auto !important;
position:relative;
overflow:visable;
margin-right:0px !important;
float:left;
right:55px;
 }
 
 .prostokat2>div>a>img:hover{
opacity:0.2;
} 

.top{
padding-top:5%;
}

.foto-viewer{
position:relative;
width:auto;
height:440px;
background-color:red;
margin-bottom: 30px;
}

.foto-viewer-box{
position:relative;
width:auto;
left:26%;
height:440px;
overflow:hidden;
float:left;
margin: 0 auto;
background-color:green;
}

.foto-viewer-mask{
position:relative;
width:1000%;
height:440px;
background-color:orange;
margin-bottom: 30px;
}

.menufoto-container{
position:relative;
width:auto;
height:350px;
float:left;
background-color:blue;
margin-bottom: 30px;
}

.menufoto-box{
position:relative;
width:100%;
height:300px;
float:left;
background-color:yellow;
overflow:hidden;
}

.menufoto-box-mask{
position:relative;
width:1000%;
height:200px;
float:left;
background-color:gey;
}



.fot-container{
overflow:hidden;
width:100%;
height:auto!important;
min-height:350px;
max-height:2500px;
padding-top:30px;
position:relative;
overflow:hidden;
padding-bottom:25px;
margin:0 auto !important;
background-color:rgb(235, 235, 235);
}


.foto_line_container{
position:relative;
width:91%;
min-height:350px;
max-height:2500px;
height:auto;
margin: 0 auto;
padding:0px 28px 15px 35px;
background-color:white;
border: 1px solid #ACACAC;
box-shadow: 0px 0px 15px #ACACAC;
}


.foto_line_container img{
position:relative;
width: auto;
margin-left:10px;
margin-top:10px;
height:160px;
}

.fotcell{
width:200px;
height:auto;
position:relative;
float:left;
margin:0% 0% 3% 0%;
display:inline-block;
text-align:center !important;

}
.fotcell>div{
width:85%;
height:auto;
background-color:white;
overflow:hidden;
}

.main_line_container{
position:relative;
width:93.5%;
min-height:350px;
max-height:2500px;
height:auto;
margin: 0 auto;
padding:15px 15px 30px 15px;
background-color:white;
text-align:center;
border: 1px solid #ACACAC;
margin-bottom: 10px;
box-shadow: 0px 0px 15px #ACACAC;

}

.main_foto_gallery{
position:relative;
width:50%;
height:320px;
background-color:red;
float:left;
margin:30px 30px 30px 30px;
overflow:hidden;

}


.main_title{
margin: 30px auto;
margin-bottom:25px;
font-size:14px;
padding-left:25px;
padding-right:25px;
text-align:left;
font-weight:bold;
color:#353535;
}

.main_description{
margin: 0 auto;
font-size:11px;
text-align:justify;
padding-left:25px;
padding-right:25px;
text-justify:inter-word;
margin-bottom:35px;

}
@media screen and ( max-width: 260px)  {
.menufoto{
width:95% !important;
margin-right:0px !important;

}
}

.menufoto{
width:170px;
height:auto;
position:relative;
display:inline-block;
box-shadow:0 1px 3px rgba(0,0,0,0.3);
border-radius:10px;
overflow:hidden;
margin-bottom:30px;
margin-right:10px;
}
.title{
font-size:12px;
font-weight:bold;
width:170px;
height:auto;
text-align:left;
padding-left:10px;
margin-bottom:10px;
}

.description_foto{
font-size:12px;
width:170px;
padding-left:10px;
margin-bottom:10px;
font-size:11px;
text-align:left;
color:rgb(180, 180, 180);
}

.localization{
font-size:13px;
width:150px;
margin-left:10px;
margin-bottom:10px;
padding-bottom:10px;
border-bottom: 1px solid #B3B3B3;
}

.shearbox{
width:170px;
height:30px;
display:block;
float:left;
font-size:12px;
color:black;
text-align:center;
}

.box1 p {
margin-top:6px !important;
}
.box2 p {
margin-top:6px !important;
}
.box3 p {
margin-top:6px !important;
}


.box1{
border-right:1px solid rgb(216, 216, 216);
height:30px;
width:45%;
float:left;
background-color:rgb(240, 240, 240);
}

.box2{
height:30px;
width:35%;
float:left;
background-color:rgb(240, 240, 240);
border-right:1px solid rgb(216, 216, 216);


}

.box3{
height:30px;
width:18.83%;
float:left;
background-color:rgb(240, 240, 240);
}

.info_foto{
position:relative;
width:170px;
height:auto;
float:left;
display:block;
}

.color_flip {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6+ */
  filter: grayscale(100%); /* Current draft standard */
  -webkit-filter: grayscale(100%); /* New WebKit */
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
      filter: gray; /* IE5+ */
      -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
      -webkit-transition: all .2s ease;
	  -webkit-transform: translateZ(0);
    }
	
.color_flip:hover {
      filter: none;
      -webkit-filter: grayscale(0); 
    }

@media screen and ( max-width: 659px)  {
.fotcell{
width:200px !important;
text-align:center !important;
}
.fotcell>div{
width:auto!important;
}
.fot-container{
padding-left:0px;
text-align:center !important;
}

.main_description{
width:100%;
margin-bottom:35px;
}

.main_title{
margin-top:15px;
}

}

@media screen and ( max-width: 433px)  {
.fotcell{
width:200px !important;
margin: 0 auto!important;
}
.fotcell{
width:100% !important;
}
.fotcell {
text-align:center !important;
}
}

/*CENY-PAKIETY_MODUL */



#up1,#up2, #up3, #up4, #up5, #up6,#up7, #up8, #up9, #up10, #up11,#up12, #up13, #up14, #up15{
display:none;
}

.okna-all{
position:relative;
float:left;
width:100%;
height:auto;
display:block;	
    margin-bottom: 50px;
	margin-top: 30px;
}

.up{
display:block!important;
}

.down{
display:none!important;
}

.list{
    width: 70%;
    height: 34px;
    float: right;
    display: block;
    position: relative;
    background-color: red;
    margin-top: 20px;
}

.bottom{
font-size: 15px;
text-align:center;
cursor:pointer;
margin-top: 10px;
}

.list:hover{
	
	background-color:red;
}


.bottom>p{
margin: -3px auto;
color:white!important;
}

.bottom>p>img{
margin: 5px auto;
}

.okna-module-container{
	float:left;
	min-width: 195px;
    width: 23%;
	height: auto;
	position:relative;	
	overflow:hidden;
	font-family:tahoma!important;
	line-height: initial;
	 float:left;
	 margin-right:1.5%;
	 border:1px solid #DCDCDC;
	 background-color:white;
	 border-radius:5px;
	 margin-top:10px;
}

.okna-module-container:hover{
cursor:pointer;
 -webkit-box-shadow: -1px 7px 42px 12px rgba(235,235,235,1);
-moz-box-shadow: -1px 7px 42px 12px rgba(235,235,235,1);
box-shadow: -1px 7px 42px 12px rgba(235,235,235,1);	
}

.okna-module-container p{
 padding: 0 !important;
 color:grey;	
}

.shadow-hover{
-webkit-box-shadow: -1px 7px 42px 12px rgba(235,235,235,1);
-moz-box-shadow: -1px 7px 42px 12px rgba(235,235,235,1);
box-shadow: -1px 7px 42px 12px rgba(235,235,235,1);
}

.okna-module{
 position:relative;
 width:210px;
 max-height:2000px;
 float:left;
 overflow:hidden;
 transition: 2s cubic-bezier(0.55, 0.06, 0.68, 0.19);
}

.okna-module a{ 
text-decoration:none!important;
color:black!important;
}


@media screen and ( max-width: 482px)  {
.okna-module-container{
	min-width: 0px;
    width: 100%;
}


.okna-price{
    margin-right: 32%!important;

}
}


.okna-class{
width:100%;
height:38px;
float:left;
position:relative;
overflow:hidden;
font-size:18px;
font-weight:bold;
margin-bottom:10px;
}

.okna-class>p{
	padding-right: 16px!important;
	float:left;
	margin: 8px 0px 0px 10px;
	}

.okna-class>img{
margin-top:14px!important;
margin-left: 3%;
opacity:0.25;
width:20px;
}

.okna-img{
height:245px;
width:100%;	
}

.pakiet{
	float:left;
	width:100%;
	height: 180px;
}
.c1{
background-color:#e4e4e4
}
.c2{
background-color:#c7edff;
}
.c3{
background-color:#fffada;
}
.c4{
background-color:#ffe3d5;
}


.pakiet p{
	font-size:28px;
	font-weight:bold;
	text-align:center;
	margin-top:22px;
	margin-bottom:10px;
}

.okna-price{
    width: 107px;
    height: 49px;
    position: relative;
    float: right;
    margin-top: -85px;
    margin-right: 52px;

}

.price-1{
    font-size: 35px;
    font-weight: bold;
    text-align: center;
    margin: 0px auto;
	text-shadow: -3px -3px 20px rgba(255, 255, 255, 1);

}
.price-2{
    font-size: 14px;
    text-align: center;
    margin: -7px auto;
    color: #9E9E9E!important;
}

.okna-name{
    height: auto;
    min-height: 100px;
    width: 96%;
	margin: 8 auto;
}

.okna-name>p{
font-size: 15px;
letter-spacing: 0.5px;
margin: 0 auto;
text-align: center;
}

.okna-module-hover{
max-height:2000px!important;
margin-bottom: 25px;
}

.okna-maininfo{
	position:relative;
	float:left;
	width:100%;
	height: auto;
	color:#333333;
}

.okna-maininfo>p{
	font-size:13px;
	font-weight:bold;
	letter-spacing:-0.5px;
	margin: 20px 0px 0px 10px;
}

.okna-maininfo>ul{
    list-style-type: disc;
    font-size: 12px;
    padding-left: 38px;
    width: 71%;
	line-height: 18px;
}

.okna-maininfo>ul>li>img{
	padding-top:5px;
}

.restinfo{
	margin-top:25px;
}


/*porownywarka */
.more-list{
	width: 70%;
    height: 50px;
    float: left;
    display: block;
    position: relative;
    margin-left: 25px;
	margin-bottom:15px;
}

.more-bottom{
font-size: 15px;
text-align:center;
cursor:pointer;
margin-top: 10px;
}

.more-bottom>p{
margin: -3px auto;
color: #C1C1C1;
}

.more-bottom>p>img{
margin: 5px auto;
}

.okna-module-ver2{
	margin-bottom: 25px;
 position:relative;
 width:100%;
 max-height:400px;
 float:left;
 overflow:hidden;
 transition: 1s cubic-bezier(0.55, 0.06, 0.68, 0.19);
}

.okna-module-ver2 a{ 
text-decoration:none!important;
color:black!important;
}
.grey{
	background-color:#444444;
}

.light{
	background-color:#C1C1C1;
}

.color{
	background-color:#99D2C5;
}

.title-class{
width: 99%;
height:35px;
border-radius:2px;
position:relative;
float:left;
margin-top:40px;
margin-bottom:15px;
}

.title-class p{
font-size: 20px;
font-family:tahoma;
font-weight:bold;
margin-left: 10px;
margin-top:9px;
color:white;
}

.separator{
	position:relative;
	width:100%;
	height:auto;
	float:left;
	display:block;
}