html 
{
    overflow-y: scroll;
    
}

@media( max-width: 767px){
    #mobile-td{
        width: 100px;
    }    

    #form-submit{
        margin-top: 50px;
    }
}


body
{
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 160%;
    background-image: url('../img/bg-body3.jpg');
    background-attachment: fixed;
    background-repeat: no-repeat;
    /* background-size: cover; */
    background-position: 0px -25px;
}

#page .fa-li
{
    top: 7px;
}

#page-header .btn-default
{
    background-color: #000;
}

#page-content h3.title
{
   text-align: center;
}

#page-content article
{
    text-align: justify;
}

#page-content h4.title
{
   margin: 40px 0px 10px;
   font-weight: 700;
   text-align: center;
}

#page
{
    
    min-width: 320px;
    overflow: hidden;
}

#page-slider
{
    max-width: 1010px;
    margin: auto;
    padding-right: 30px;
}

#adv-container img
{
    width: 100%
}
#adv-container
{
     margin-top:30px;
}
#ads-container
{
    position: relative;
}

p
{
    /* margin-bottom: 20px; */
}

#ads-container:before
{
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    background-image: url('../img/bg-decoration1.png');
    background-repeat: no-repeat;
    width: 267px;
    height: 178px;
    z-index: -1;
    display: none;
}

blockquote .content
{
    position: relative;
    font-style: italic;
}
blockquote .content:before
{
    content: "\f10d";
    font-family: FontAwesome;
    position: absolute;
    left: -25px;
    bottom: -10px;
    color: #B9B9B9;
    font-size: 15px;
}

blockquote .content:after
{
    content: "\f10e";
    font-family: FontAwesome;
    position: absolute;
    right: -25px;
    top: -10px;
    color: #B9B9B9;
    font-size: 15px;
}
#panel-content td
{
    padding: 5px;
}
/*
    reset defaults
*/
a:hover, a:active, a:focus 
{
   outline: 0;
   text-decoration: none;
}

a
{
    color: inherit;
}



#panel-content .img-responsive
{
    max-width: none;
    width: 300px;
}

/**
    globals
*/

aside .bx-wrapper img
{
    max-width: 200px;
    margin: auto;
}
.center-vert
{
	position: absolute; transform: translateY(-50%); top: 50%;
}
.fancybox
{
    display: inline-block;
    margin-bottom: 4px;
}
.nav>li>a
{
    text-transform: uppercase;
    position: relative;
    padding: 15px 20px;
    font-size: 14px;
}

.nav>li:first-of-type > a
{
    padding-left: 0px;
}
.nav>li:last-of-type > a:after
{
    display: none;
}
.nav>li>a:after
{
    content: '|';
    position: absolute;
    right: 0px;
    top: 14px;
}

.btn
{
    padding: 10px 15px;
    font-weight: 700;
}
.btn-default
{
    background-color: #715C3F;
    color: #ffffff;
}

.navbar-inverse .container
{
    background-color: #000000;
}
#page-preloader
{
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 50;
    height: 100%;
    position: fixed;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('../img/preloader.gif');
    z-index: 1000000;
}
#google-map
{ 
    height: 400px; 
}

#page-header:before
{
    content: '';
    position: absolute;
    top: 0px;
    left: 50%;
    height: 100px;
    max-width: 980px;
    background-image: url('../img/img-header.jpg');
    background-size: cover;
    width: 100%;
    margin-left: -505px;
}

#festival-container
{
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	left: -70%;
	z-index: 10000;
	border: 1px solid #000000;
	box-shadow: 0px 0px 30px #000000;
	transition: 0.25s all linear;
}



.festival-button
{
	position: absolute;
	right: -102px;
	top: 50%;
	background-color: #000;
	padding: 10px 20px;
	transform: rotate(-90deg);
	color: #FFFFFF !important;
	font-weight: 700;
	cursor: pointer;
}
#page-header .container
{
    
    padding: 15px 0px 15px;
}
#contact-button
{
    padding-right: 60px;
}
#logo
{
    font-size: 67px;
    font-family: 'Allura', cursive;
    line-height: 100%;
    color: #0D0301;
}

.signature
{
    font-family: 'Allura', cursive;
    font-size: 40px;
    padding-right: 80px;
    line-height: 100%;
}

#slider-wrapper
{
    background-image: url('../img/bg-slider.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-image: none;
}

#page-main
{
    position: relative;
}

#page-main:before
{
    content: '';
    position: absolute;
    top: 300px;
    right: 0px;
    background-image: url('../img/bg-decoration2.png');
    background-repeat: no-repeat;
    width: 307px;
    height: 299px;
    z-index: -1;
    display: none;
}

#page-main .container
{
    background-color: #ffffff;
}

#pedagog-container .row
{
    margin-bottom: 40px;
}

#pedagog-container .row:nth-of-type(1) img
{
    margin-top: 60px;
}

#pedagog-container .row:nth-of-type(2) img
{
    margin-top: 240px;
}

#pedagog-container .row:nth-of-type(3) img
{
    margin-top: 160px;
}

#pedagog-container .row:nth-of-type(4) img
{
    margin-top: 160px;
}

#pedagog-container .row:nth-of-type(5) img
{
	margin-top: 40px;
}

#pedagog-container .row:nth-of-type(6) img
{
    margin-top: 100px;
}

#pedagog-container .row:nth-of-type(7) img
{
    margin-top: 160px;
}

#pedagog-container .row:nth-of-type(8) img
{
    margin-top: 90px;
}

.cennik-container td
{
	border: 1px solid #ddd;
}
#page-footer
{
    background-image: url('../img/bg-slider.jpg');
    /* min-height: 206px; */
    font-size: 14px;
    padding: 35px 0px 120px;
    background-position: center center;
}

#page-footer .navbar 
{
    background-color: transparent;
}

#page-footer .nav>.active>a
{
    background-color: transparent;
}
#page-footer-2
{
    background-color: #000000;
    color: #FFFFFF;
    font-weight: 300;
    font-size: 13px;
    padding: 35px 0px 30px;
}

#page-footer-2 div
{
    padding: 0px;
}
@media( max-width: 767px )
{
    .xs-text-center
    {
        text-align: center;
    }
}

.decoration-container {
    margin: 35px 0px 50px;
}

div#copyrights {
    padding-top: 35px;
}

div#page-footer-2 .fa {
    margin-right: 10;
}

#page-header .btn {
    margin-top: 15px;
    margin-right: -25px;
}

@media ( max-width: 1200px)
{
    #logo
    {
        font-size: 50px;
        padding-left: 45px;
    }
    #page-header .btn
    {
        margin-top: 15px;
        margin-right: 0px;
    }
    
    #page-header:before
    {
        max-width: 940px;
        margin-left: -470px;
    }
    
    #contact-button
    {
        padding-right: 40px;
    }
    
    #page-slider
    {
        padding-right: 0px;
        max-width: inherit;
    }
    #page-slider img
    {
        width: 100%;
    }
    .nav>li>a
    {
        padding: 15px 11px;
        font-size: 13px;
    }
    
    body
    {
        background-position: 0px -56px;
    }
}

@media ( max-width: 991px)
{
    #logo
    {
        font-size: 47px;
    }
    #page-header .btn
    {
        margin-top: 8px;
    }
    
    #page-header:before
    {
        
max-width: 720px;
        
margin-left: -360px;
    }
    
	#panel-content tr,
	#panel-content td
	{
		display: block;
	}
	
        #panel-content img
        {
            width: 100% !important;
        }
	
	
	
    .nav>li>a
    {
        padding: 15px 5px;
        font-size: 11px;
    }
    #facebook
    {
        display: none;
    }
    
    body
    {
        background-position: 0px -183px;
    }
}

@media ( max-width: 767px)
{
    #logo
    {
        display: block;
        text-align: center;
        font-size: 50px;
    }
    #page-header .btn
    {
        display: block;
    }
    
    #page-header:before
    {
        max-width: 100%;
        margin-left: 0px;
        left: 0px;
        height: 130px;
    }
    
    #contact-button
    {
        padding-right: 0px;
    }
    
    .nav>li:first-of-type > a
    {
        padding-left: 7px;
    }
    
    .nav>li>a:after
    {
        display: none;
    }
    
    #slider-wrapper .container
    {
        padding: 0px;
    }
    
    .xs-image
    {
        width: 100%;
    }

}
div#page-footer-2 .fa {
    margin-right: 10px;
}

#cookies-container
{
    max-width: 200px;
    font-size: 12px;
    position: fixed;
    right: 0px;
    bottom: 0px;
    z-index: 20;
    background-color: #FFFFFF;
    padding: 20px 10px;
    background-image: url('../img/img-cookie.png');
    background-repeat: no-repeat;
    background-position: center right;
    border: 1px solid #118EBC;
    border-right: 0px;
    border-bottom: 0px;
    line-height: 120%;
}

#cookies-container .title
{
    margin: 0px 0px 10px;
    font-size: 13px;
}
#cookies-container .content
{
    max-width: 140px;
    margin-right: 30px;
}
#cookies-close
{
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #118ebc;
    padding: 5px;
    color: #FFFFFF;
}

#logo a:hover {
    color: inherit;
}

.navbar-inverse .container {
}

div#page-slider img {
    border: 2px solid #C49B7B;
    border-left: 0px;
    border-right: 0px;
}

/* fix na firefoxa zeby byly jednolitej wielkosci miniatury */
#panel-content > div > table > tbody > tr:nth-child(1) > td:nth-child(1)
{
    min-width: 240px;
}

.table .center-vert
{
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}

.table thead td
{
    border-top: 1px solid rgb(221, 221, 221) !important;
}