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

body{
margin:0px;
font-family: Roboto Condensed, Arial;
color:#000;
font-weight:100;
font-size:20px;
background-color:#fff;
line-height:1.5em;
}

a{
	text-decoration:none;
	color:#5f213a;
}

a:hover{
	color:#b2778f;
}

img {max-width:100%;}

td{
	padding:8px;
	font-size:16px;
}

tr{
	background-color:#F9F9F9;
	-webkit-transition: background 150ms ease-in;
-moz-transition: background 150ms ease-in;
-ms-transition: background 150ms ease-in;
-o-transition: background 150ms ease-in;
transition: background 150ms ease-in;
}

tr:hover{
	background-color:#F5F5F5;
}

.header{
background-color:#733850;
color:#fff;	
font-weight:700;
}

.header td {
font-family:Amatic SC, arial;
	font-size:26px;
	font-weight:100;
}

.header:hover{
	background-color:#733850;
}

  input, select, textarea {
        width: 92%;
        border: thin;
        border-color: #fff;
        border-width: 1px;
        border-style: solid;
        font-family:Amatic SC, arial;
		font-size:26px;
		font-weight:100;
        box-sizing: content-box;
        -ms-box-sizing: content-box;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        border-color: #e9e9e9;
     	padding:7px;
	 	padding-left:4%;
	 	padding-right:4%;
    }

.button{
	padding:20px;
	padding-left:40px;
	padding-right:40px;
	color:#fff;
	background-color:#733850;	
	font-family:Amatic SC, arial;
	font-size:30px;
	width:auto;
	display:inline-block;
}

.button:hover{
	background-color:#eab90c;
}
.player 
{width:100%;}
video {
	width: 100%    !important;
  height: auto   !important;
}
.opis 
{
	font-size:24px;
}
@media screen and (max-width: 479px) {

body{
margin:0px;
font-family: Roboto Condensed, Arial;
color:#000;
font-weight:100;
font-size:16px;
background-color:#fff;
line-height:1.5em;
}

header{
width:100%;
margin-left:auto;
margin-right:auto;
text-align:center;
top:0px;
background-color:#F9F9F9;
}

#logo{
width:250px;
text-align:left;
margin-left:30px;
text-align:center;
}

h1{
	font-family:Amatic SC, arial;
	font-size:40px;
	font-weight:100;
	color:#ca5374;
	line-height:1em;
	margin-top:10px;
}

h2{
	font-family:Amatic SC, arial;
	font-size:30px;
	font-weight:100;
	/*color:#fff;*/
	color:#ca5374;
	letter-spacing: 0.05ex;
	line-height:1em;
	margin:0px;
}

.top-menu-item{
	background-color:#F9F9F9;
	padding-left:30px;
	padding-right:30px;
	display:block;
	font-family:Amatic SC, Arial;
	font-size:36px;
	font-weight:500;
	color:#000;
	margin:0px;
	padding-top:10px;
	padding-bottom:10px;
	-webkit-transition: background 150ms ease-in;
-moz-transition: background 150ms ease-in;
-ms-transition: background 150ms ease-in;
-o-transition: background 150ms ease-in;
transition: background 150ms ease-in;

}

.top-menu-item:hover{
	background-color:#eab90c;
	color:#fff;
}

#logo-box{
text-align:center;
padding:10px;
}

#logo{
padding-top:35px;
padding-top:15px;
text-align:center;
display:block;
margin-left:auto;
margin-right:auto;
}

#logo-inner-box{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	height:0px;
}

nav{
	background-color:#733850;
	text-align:center;
}

.menu-box-item{
	padding-left:20px;
	padding-right:20px;
	display:block;
	font-family:Amatic SC, Arial;
	font-size:36px;
	font-weight:500;
	color:#fff;
	margin:0px;
	padding-top:10px;
	padding-bottom:10px;
	-webkit-transition: background 150ms ease-in;
-moz-transition: background 150ms ease-in;
-ms-transition: background 150ms ease-in;
-o-transition: background 150ms ease-in;
transition: background 150ms ease-in;
}

.menu-box-item:hover{
	background-color:#b2778f;
}

#slider-box{
	background-color:#5f213a;
		
}

#slider{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

#others-box{

}

#others-container{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	margin-bottom:-20px;
}

.others-item{
width:98%;	
display:inline-block;
margin:1%;
height:auto;
vertical-align:bottom;
margin-bottom:15px;
}

.others-item-img{

}

.others-item-text{
	-webkit-transition: opacity 150ms ease-in;
-moz-transition: opacity 150ms ease-in;
-ms-transition: opacity 150ms ease-in;
-o-transition: opacity 150ms ease-in;
transition: opacity 150ms ease-in;
	background-color:#eab90c;
	font-size:14px;
	color:#fff;
	margin-top:-10px;
	font-weight:300;
	line-height:1.1em;
	text-transform:uppercase;
	padding:15px;
}

.others-item-text:hover{
	
}


.others-2-item{
width:98%;	
display:inline-block;
margin:1%;
height:auto;
vertical-align:bottom;
margin-bottom:10px;
}

.others-2-item-img{
position:relative;
text-align:center; 
}

.others-2-item-text{
	-webkit-transition: opacity 150ms ease-in;
-moz-transition: opacity 150ms ease-in;
-ms-transition: opacity 150ms ease-in;
-o-transition: opacity 150ms ease-in;
transition: opacity 150ms ease-in;
	background-color:#eab90c;
	font-size:14px;
	color:#fff;
	margin-top:-10px;
	font-weight:300;
	line-height:1.1em;
	text-transform:uppercase;
	padding:15px;
}

.others-2-item-text:hover{
}

.content{
	
	margin-left:auto;
	margin-right:auto;
	padding:25px;
	font-weight:100;
}

ul {
    list-style-image: url('arrow-1.svg');
}


li {
margin:5px;	
}

hr {
  border:none;
  height:5px;
  width:100%;
  background-image:url(hr.svg);
  margin-top:35px;
  margin-bottom:35px;
  
}

.content-dark-box{
color:#fff;
width:100%;
display:block;
}

.content-dark-box ul {
    list-style-image: url('arrow-2.svg');
}

footer{
	background-color:#EBEBEB;
	padding:10px;
	text-align:center;
}

.forms{
	width:95%;
	font-size:16px;
	margin-bottom:10px;
}

.oferta div {width:98%;}
.oferta div:nth-child(even) img {float: right; margin-left:20px;height:75px;}
.oferta div:nth-child(odd) img {float:left; margin-right:20px;height:75px;}
article {padding:15px;}

} 

.tip {display:none;}
#miesiace {display:none;position:absolute;border:1px solid #790000;font-size:24px;
	width:138px;font-family: Amatic SC, arial;
	background-color:rgb(255,210,160);
	}
#miesiace a {display:block;padding:4px 12px;color:#790000;text-decoration:none;}
#miesiace a:hover {color:#ff0000;background-color:#eab90c;}
#mailer,#wynik {margin:20px 0px;}


.oferta div:nth-child(even) img {float: right; margin-left:20px;}
.oferta div:nth-child(odd) img {float:left; margin-right:20px;}
.oferta div h3 {
	font-family:Amatic SC, arial;
	font-size:36px;
	font-weight:100;
	margin:0;

	
}
.oferta div p 
{
	font-size:16px;
	
}
.oferta div:nth-child(odd) { text-align:right; }
@media screen and (min-width: 480px) and (max-width: 800px){


.oferta div {width:98%;margin-bottom:30px;}

header{
width:100%;
margin-left:auto;
margin-right:auto;
text-align:center;
top:0px;
background-color:#F9F9F9;

}

#logo{
width:250px;

margin-left:30px;
}

h1{
	font-family:Amatic SC, arial;
	font-size:50px;
	font-weight:100;
	color:#ca5374;
	letter-spacing: 0.15ex;
	line-height:1em;
	margin-top:10px;
}

h2{
	font-family:Amatic SC, arial;
	font-size:30px;
	font-weight:100;
	/*color:#fff;*/
	color:#ca5374;
	letter-spacing: 0.05ex;
	line-height:1em;
	margin:0px;
}

.top-menu-item{
	background-color:#F9F9F9;
	padding-left:20px;
	padding-right:20px;
	display:inline-block;
	font-family:Amatic SC, Arial;
	font-size:42px;
	font-weight:500;
	color:#000;
	margin:0px;
	padding-top:40px;
	padding-bottom:40px;
	-webkit-transition: background 150ms ease-in;
-moz-transition: background 150ms ease-in;
-ms-transition: background 150ms ease-in;
-o-transition: background 150ms ease-in;
transition: background 150ms ease-in;

}

.top-menu-item:hover{
	background-color:#eab90c;
	color:#fff;
}

#logo-box{
text-align:center;
padding:10px;
}

#logo{
padding-top:35px;
padding-top:15px;

display:block;
margin-left:auto;
margin-right:auto;
}

#logo-inner-box{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	height:0px;
}

nav{
	background-color:#733850;
	text-align:center;
}

.menu-box-item{
	padding-left:20px;
	padding-right:20px;
	display:inline-block;
	font-family:Amatic SC, Arial;
	font-size:36px;
	font-weight:500;
	color:#fff;
	margin:0px;
	padding-top:20px;
	padding-bottom:20px;
	-webkit-transition: background 150ms ease-in;
-moz-transition: background 150ms ease-in;
-ms-transition: background 150ms ease-in;
-o-transition: background 150ms ease-in;
transition: background 150ms ease-in;
}

.menu-box-item:hover{
	background-color:#b2778f;
}

#slider-box{
	background-color:#5f213a;
		
}

#slider{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

#others-box{

}

#others-container{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	margin-bottom:-20px;
}

.others-item{
width:48%;	
display:inline-block;
margin:1%;
height:auto;
vertical-align:bottom;
margin-bottom:15px;
}

.others-item-img{

}

.others-item-text{
	-webkit-transition: opacity 150ms ease-in;
-moz-transition: opacity 150ms ease-in;
-ms-transition: opacity 150ms ease-in;
-o-transition: opacity 150ms ease-in;
transition: opacity 150ms ease-in;
	background-color:#eab90c;
	font-size:14px;
	color:#fff;
	margin-top:-10px;
	font-weight:300;
	line-height:1.1em;
	text-transform:uppercase;
	padding:15px;
}

.others-item-text:hover{
	
}


.others-2-item{
width:48%;	
display:inline-block;
margin:1%;
height:auto;
vertical-align:bottom;
margin-bottom:10px;
}

.others-2-item-img{
position:relative;
text-align:center;
}

.others-2-item-text{
	-webkit-transition: opacity 150ms ease-in;
-moz-transition: opacity 150ms ease-in;
-ms-transition: opacity 150ms ease-in;
-o-transition: opacity 150ms ease-in;
transition: opacity 150ms ease-in;
	background-color:#eab90c;
	font-size:14px;
	color:#fff;
	margin-top:-10px;
	font-weight:300;
	line-height:1.1em;
	text-transform:uppercase;
	padding:15px;

}

.others-2-item-text:hover{
}

article, .content{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	padding:25px;
	font-weight:100;
}

ul {
    list-style-image: url('arrow-1.svg');
}


li {
margin:5px;	
}

hr {
  border:none;
  height:5px;
  width:100%;
  background-image:url(hr.svg);
  margin-top:35px;
  margin-bottom:35px;
  
}

.content-dark-box{
color:#fff;
width:100%;
display:block;
}

.content-dark-box ul {
    list-style-image: url('arrow-2.svg');
}

footer{
	background-color:#EBEBEB;
	padding:10px;
	text-align:center;
}

.forms{
	width:95%;
	font-size:16px;
	margin-bottom:10px;
}

}

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

.oferta div {width:45%;padding:10px;display:inline-block;}


header{
width:100%;
margin-left:auto;
margin-right:auto;
text-align:right;
top:0px;

}

#logo{
width:250px;
margin-left:30px;
text-align:center;
}

h1{
	font-family:Amatic SC, arial;
	font-size:50px;
	font-weight:100;
	color:#ca5374;
	letter-spacing: 0.15ex;
}

h2{
	font-family:Amatic SC, arial;
	font-size:30px;
	font-weight:100;
	/*color:#fff;*/
	color:#ca5374;
	letter-spacing: 0.05ex;
	line-height:1em;
	margin:0px;
}

.top-menu-item{
	background-color:#fff;
	padding-left:30px;
	padding-right:30px;
	display:inline-block;
	font-family:Amatic SC, Arial;
	font-size:36px;
	font-weight:500;
	color:#000;
	margin:0px;
	padding-top:60px;
	padding-bottom:60px;
	-webkit-transition: background 150ms ease-in;
-moz-transition: background 150ms ease-in;
-ms-transition: background 150ms ease-in;
-o-transition: background 150ms ease-in;
transition: background 150ms ease-in;

}

.top-menu-item:hover{
	background-color:#eab90c;
	color:#fff;
}

#logo-box{
width:100%;
margin-left:auto;
margin-right:auto;
height:0px;
}

#logo{
padding-top:35px;
padding-bottom:35px;
display:block;
}

#logo-inner-box{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	height:0px;
}

nav{
	background-color:#733850;
	text-align:center;
}

.menu-box-item{
	padding-left:30px;
	padding-right:30px;
	display:inline-block;
	font-family:Amatic SC, Arial;
	font-size:36px;
	font-weight:500;
	color:#fff;
	margin:0px;
	padding-top:30px;
	padding-bottom:30px;
	-webkit-transition: background 150ms ease-in;
-moz-transition: background 150ms ease-in;
-ms-transition: background 150ms ease-in;
-o-transition: background 150ms ease-in;
transition: background 150ms ease-in;
}

.menu-box-item:hover{
	background-color:#b2778f;
}

#slider-box{
	background-color:#5f213a;
		
}

#slider{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

#others-box{
	background-color:#4c122a;
	height:110px;	
	margin-bottom:4%;
}

#others-container{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	
}

.others-item{
width:25%;	
display:inline-block;
margin:0px;
height:auto;
vertical-align:bottom;
}

.others-item-img{
position:relative;
}

.others-item-text{
	-webkit-transition: opacity 150ms ease-in;
-moz-transition: opacity 150ms ease-in;
-ms-transition: opacity 150ms ease-in;
-o-transition: opacity 150ms ease-in;
transition: opacity 150ms ease-in;
	background-color:#eab90c;
	font-size:14px;
	color:#fff;
	opacity:0;
	font-weight:300;
	line-height:1.1em;
	text-transform:uppercase;
	top:0px;
	position:absolute;
	display:table-column;
	bottom:-7%;
	padding:25px;
}

.others-item-text:hover{
	opacity:0.9;
}


.others-2-item{
width:30%;	
display:inline-block;
margin:3px;
height:auto;
vertical-align:bottom;
margin-right:20px;
margin-bottom:10px;
}

.others-2-item-img{
position:relative;
text-align:center;
}

.others-2-item-text{
	-webkit-transition: opacity 150ms ease-in;
-moz-transition: opacity 150ms ease-in;
-ms-transition: opacity 150ms ease-in;
-o-transition: opacity 150ms ease-in;
transition: opacity 150ms ease-in;
	background-color:#eab90c;
	font-size:18px;
	color:#fff;
	opacity:0;
	font-weight:300;
	text-transform:uppercase;
	top:0px;
	position:absolute;
	display:table-column;
	bottom:8px;
	padding:25px;
	text-align:center;
	line-height:1.2em;
}

.others-2-item-text:hover{
	opacity:0.9;
}

article, .content {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	padding:25px;
	font-weight:100;
}

ul {
    list-style-image: url('arrow-1.svg');
}


li {
margin:5px;	
}

hr {
  border:none;
  height:5px;
  width:100%;
  background-image:url(hr.svg);
  margin-top:35px;
  margin-bottom:35px;
  
}

.content-dark-box{
color:#fff;
width:49%;
display:table-cell;
}

.content-dark-box ul {
    list-style-image: url('arrow-2.svg');
}

footer{
	background-color:#EBEBEB;
	padding:10px;
	text-align:center;
}

.forms{
	width:80%;
	font-size:16px;
	margin-bottom:10px;
}

#video_glowna {
	width:600px;
	margin:0 auto;
	padding:0;
	
}
}

@media screen and (min-width: 1201px) and (max-width: 4096px) {

.oferta div {width:45%;padding:20px;display:inline-block;}


header{
width:1200px;
margin-left:auto;
margin-right:auto;
text-align:right;
top:0px;
}

#logo{
width:300px;
height:75px;
text-align:center;
}

h1{
	font-family:Amatic SC, arial;
	font-size:60px;
	font-weight:100;
	color:#ca5374;
	letter-spacing: 0.15ex;
}

h2{
	font-family:Amatic SC, arial;
	font-size:35px;
	font-weight:100;
	/*color:#fff;*/
	color:#ca5374;
	letter-spacing: 0.05ex;
	line-height:1em;
	margin:0px;
}


.top-menu-item{
	background-color:#fff;
	padding-left:30px;
	padding-right:30px;
	display:inline-block;
	font-family:Amatic SC, Arial;
	font-size:38px;
	font-weight:500;
	color:#000;
	margin:0px;
	padding-top:60px;
	padding-bottom:60px;
	-webkit-transition: background 150ms ease-in;
-moz-transition: background 150ms ease-in;
-ms-transition: background 150ms ease-in;
-o-transition: background 150ms ease-in;
transition: background 150ms ease-in;
}

.top-menu-item:hover{
	background-color:#eab90c;
	color:#fff;
}

#logo-box{
width:1200px;
margin-left:auto;
margin-right:auto;
height:0px;
}

#logo{
padding-top:35px;
padding-bottom:35px;
display:block;
}

#logo-inner-box{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	height:0px;
}

nav{
	background-color:#733850;
	text-align:center;
}

.menu-box-item{
	padding-left:30px;
	padding-right:30px;
	display:inline-block;
	font-family:Amatic SC, Arial;
	font-size:38px;
	font-weight:500;
	color:#fff;
	margin:0px;
	padding-top:30px;
	padding-bottom:30px;
	-webkit-transition: background 150ms ease-in;
-moz-transition: background 150ms ease-in;
-ms-transition: background 150ms ease-in;
-o-transition: background 150ms ease-in;
transition: background 150ms ease-in;
}

.menu-box-item:hover{
	background-color:#b2778f;
}

#slider-box{
	background-color:#5f213a;	
}

#slider{
	width:1090px;
	margin-left:auto;
	margin-right:auto;
	height:400px;
}

#others-box{
	background-color:#4c122a;
	height:110px;	
	margin-bottom:90px;
}

#others-container{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	
}

.others-item{
width:25%;	
display:inline-block;
margin:0px;
height:auto;
vertical-align:bottom;
}

.others-item-img{
position:relative;
}

.others-item-text{
	-webkit-transition: opacity 150ms ease-in;
-moz-transition: opacity 150ms ease-in;
-ms-transition: opacity 150ms ease-in;
-o-transition: opacity 150ms ease-in;
transition: opacity 150ms ease-in;
	background-color:#eab90c;
	font-size:18px;
	color:#fff;
	opacity:0;
	font-weight:300;
	text-transform:uppercase;
	top:0px;
	position:absolute;
	display:table-column;
	bottom:-7%;
	padding:25px;
}

.others-item-text:hover{
	opacity:0.9;
}


.others-2-item{
width:265px;	
display:inline-block;
margin:0px;
height:auto;
vertical-align:bottom;
margin-right:20px;
margin-bottom:10px;
}

.others-2-item-img{
position:relative;
text-align:center;
}

.others-2-item-text{
	-webkit-transition: opacity 150ms ease-in;
-moz-transition: opacity 150ms ease-in;
-ms-transition: opacity 150ms ease-in;
-o-transition: opacity 150ms ease-in;
transition: opacity 150ms ease-in;
	background-color:#eab90c;
	font-size:18px;
	color:#fff;
	opacity:0;
	font-weight:300;
	text-transform:uppercase;
	top:0px;
	position:absolute;
	display:table-column;
	bottom:8px;
	padding:25px;
	text-align:center;
	line-height:1.2em;
}

.others-2-item-text:hover{
	opacity:0.9;
}

article, .content {
	width:1150px;
	margin-left:auto;
	margin-right:auto;
	padding:25px;
	font-weight:100;
}

ul {
    list-style-image: url('arrow-1.svg');
}


li {
margin:5px;	
}

hr {
  border:none;
  height:5px;
  width:100%;
  background-image:url(hr.svg);
  margin-top:35px;
  margin-bottom:35px;
  
}

.content-dark-box{
color:#fff;
width:49%;
display:inline-block;	
}

.content-dark-box ul {
    list-style-image: url('arrow-2.svg');
}

footer{
	background-color:#EBEBEB;
	padding:10px;
	text-align:center;
}

.forms{
	width:70%;
	font-size:16px;
	margin-bottom:10px;
}
#video_glowna {
	width:800px;
	margin:0 auto;
	padding:0;
	
}
}