/* BODY */
body { font-size: 12px; font-family: 'bakersignet'; color: #000000; background: #FFFFFF url(../img/background.jpg) no-repeat fixed center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; margin: 0; padding: 0; }
a { color: #7f1619; text-decoration: none; }
a:hover { color: #7f1619; text-decoration: none; }
.casablanca { font-family: 'casablanca', serif !important; }
.aphrodite { font-family: 'aphrodite', serif !important; }
.bakersignet { font-family: 'bakersignet', serif !important; }

/* HEADER */
header { margin: 2em 0 2em 0; text-align: center; }
header img { width: 100px; }
header.home { margin: 0em 0 1em 0; text-align: center; }
header.home img { width: auto; }
h1, .h1, h2, .h2, h3, .h3 { margin-bottom: 0; margin-top: 0; font-family: 'casablanca', serif; }
#stripe { overflow: hidden; font-family: 'bakersignet', serif; font-size: 1.2em; line-height: 1.2em; margin-top: 1.2em; margin-bottom: 1.2em; font-weight: bold; }
	#stripe DIV { font-family: 'bakersignet', serif; font-size: 1.2em; line-height: 1.2em; font-weight: bold; }
.napis_home { font-family: 'bakersignet', serif; font-size: 1.7em; line-height: 1.2em; margin-top: 1em; font-weight: bold; color: #555555; }


/* NAV */
#topmenu { text-align: center; margin: 2em auto 0 auto; }
#topmenu ul { list-style-type: disc; font-size: 1.9em; clear: both; display: inline-block; height: 2em; }
#topmenu li { color: #7f1619; float: left; margin-left: 1.4em; }
#topmenu li.active { font-weight: bold; }
#topmenu li:first-child { list-style-type: none; margin-left: 0; }

#submenu { text-align: center; margin: 0 auto; }
#submenu ul { list-style-type: disc; font-size: 2.0em; clear: both; display: inline-block; height: 3em; }
#submenu li { color: #7f1619; float: left; margin-left: 1.4em; }
#submenu li.active { font-weight: bold; }
#submenu li:first-child { list-style-type: none; margin-left: 0; }

nav { color: #7f1619; font-size: 1em; }
.navbar-default { border: none; background: none; padding: 0; margin: 1em 0 0 0; }
/* .navbar-collapse { border: none; background: none; padding: 0; margin: 22em 0 0 0; } */
.navbar-collapse { border: none; background: none; padding: 0; margin: 0 0 0 0; }
.navbar-default .navbar-toggle { border: none; background: none; color: #7f1619; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { border: none; background: #7f1619; color: black; }
.navbar-default .navbar-brand { font-size: 2em; color: #7f1619; }
.navbar-default .navbar-toggle:hover .navbar-brand, .navbar-default .navbar-toggle:focus .navbar-brand { color: black; }
nav .h3 { color: #7f1619; font-size: 3em; margin: 0.5em 0 0.3em 0; font-family: 'casablanca', serif; }
nav .h4 { color: #7f1619; font-size: 2.5em; margin-top: 0.5em; font-family: 'casablanca', serif; }
nav li.margint, .nav > li.margint { margin-top: 2em; }
nav li, .nav > li { color: #555555; font-size: 2.0em; font-weight: bold; }
nav ul ul li, .nav .nav > li { font-size: 1.5em; }
nav li a, .nav > li > a { padding: 0; margin: 0 0 0.15em; color: #555555; }
nav ul { list-style-type: disc; }
nav li.active, nav li:hover { list-style-type: disc; display: list-item; color: #7f1619; }
nav li.active a, nav li:hover a { color: #7f1619; }
.nav > li > a.active, .nav > li > a:hover, nav li a.active, nav li a:hover { background: none; }
nav ul, nav ul.nav { margin: 0 0 3em 2em; }
nav ul ul, nav ul.nav ul.nav { margin: 0 0 0 2em; }
.navbar-toggle { float: left; }

/* prześwit*/
#navbar-collapse .menu:first-child { margin-bottom: 0em; }
.home #navbar-collapse .menu:first-child { margin-bottom: 12em; }
.textm #navbar-collapse .menu:first-child { margin-bottom: 6em; }
.textk #navbar-collapse .menu:first-child { margin-bottom: 0em; }

/* MAIN */
.grid img { border: 1px solid #7f1619; padding: 5px; outline: 1px solid #555555; }
.grid a { position: relative; display: block; }
.grid a span { background-color: #7f1619; opacity: 0.5; position: absolute; bottom: 0; left: 0; width: 100%; height: 2em; color: #FFFFFF; font-size: 2em; text-align: center; text-transform: uppercase; font-weight: bold; }
.grid .title { font-size: 2.3em; margin-top: 0.5em; text-align: center; display: block; font-weight: bold; color: #444444; }
.grid .title.small { font-size: 1.5vw; }
.grid .title a { color: #444444; text-decoration: none; font-size: 0.55em; line-height: 1.2em; }
.grid .title a:hover { color: #7f1619; text-decoration: none; }
.grid .gmenu { margin-bottom: 1.5em; }
.grid .spacer { margin-bottom: 3em; }
.text { font-size: 2em; }
.text h1 { color: #7f1619; font-size: 2.25em; }
.text h2 { color: #7f1619; font-size: 1.75em; }
#subhome .h2 { color: #7f1619; font-size: 3.5em; text-transform: capitalize; margin-bottom: 1em; }
#work .h2 { color: #7f1619; text-transform: capitalize; margin-bottom: 1em; }
#work .gmenu img { width: auto; max-height: 180px; margin-bottom: 5px; }
.text h3 { color: #7f1619; font-size: 1.5em; }
.text img { border: 1px solid #7f1619; padding: 5px; outline: 1px solid #555555; }
.text .podpisy { display: block; width: 100%; height: 2em; margin: 1em 0; }
.text .podpisy .prev { display: inline-block; width: 15px; }
.text .podpisy .next { display: inline-block; width: 15px; }
.text .podpisy .podpis { display: inline-block; width: calc(100% - 42px); text-align: center; }
#pagetext UL, #pagetext OL, #pagetext LI { text-align: left; }
.text .imgnormal img { border: none !important; padding: 0 !important; outline: 0 !important; width: auto !important; }
.text .imgnormal p { font-family: 'casablanca', serif; font-size: 0.8em; }
.grid .imgnormal a { display: inline; }
.text h2, .text h3 { margin-left: 0.3em; margin-top: .5em; }
.slim { width: 80%; margin: 0 auto; }
.text .csc-textpic-image img { padding: 0; outline: none; width: auto; }
H2.h2onas { font-size: 1.3em; margin-bottom: 1em; }

/* SWIPER */
#galleryzoom { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #FFFFFF url(../img/background.jpg) no-repeat fixed center top; z-index: 1000; }
.swiper-container { width: 100%; height: 100%; }
.swiper-zoom-container { flex-direction: column; }
.swiper-zoom-container span { font-size: 2em; }
.swiper-button-close { position: absolute; top: 5em; right: 2em; z-index: 3001; font-size: 2em; }
.swiper-button-close a { padding: 0.5em; background-color: rgba(255, 255, 255, .5); background-size: 0.5em; font-size: 2em; }
.swiper-slide img { border: none; padding: 0; outline: none; }
.swiper-zoom-container > img { max-height: 800px !important; max-width: 1200px !important; height: 75%; }
.swiper-button-next, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%237f1619'%2F%3E%3C%2Fsvg%3E") !important; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%237f1619'%2F%3E%3C%2Fsvg%3E") !important; }
.swiper-button-next, .swiper-button-prev { padding: 4em; z-index: 3002; }

/* FOOTER */
footer { color: #444444; font-size: 1.1em; font-weight: normal; text-align: center; margin-top: 2em; }
.grid footer a { text-decoration: underline; color: #444444; display: inline; }
.grid footer a:hover { text-decoration: underline; color: #444444; }
footer .gotop { padding: 1em 0 1em 0; background: url(../img/gotop.png) no-repeat top center; }
footer .gotop a { color: #7f1619; font-size: 1em; padding: 1em; }
#licznik { color: #444444; font-size: 1em; }

/* VARIA */
img { width: 100%; height: auto; }
.red { color: #7f1619; }
.align-left { text-align: left !important; }
.align-right { text-align: right !important; }
.align-center { text-align: center !important; }
.align-justify { text-align: justify !important; }
.text .podpisy img, img.noborder { border: none; padding: 0px; outline: none; }
.b12 { font-size: 1.2em; }
img.noresize { width: auto !important; }
.xhidden { visibility: hidden; }
TABLE.info { width: 100%; }
TABLE.info TR { width: 100%; vertical-align: top; }
TABLE.info TR TD { width: 50%; vertical-align: top; text-align: center; }
TABLE.binfo { margin-bottom: 1em; }
TABLE.binfo TD { padding: 5px; }
TABLE.binfo TD.nopad { padding: none !important; }
TABLE.binfo TD IMG { border: none; padding: 0px; margin: 0px; outline: 0px; }
TABLE.info TD.gray {  }
TABLE.info TD.gray IMG { min-width: auto; width: auto; height: auto; border: none; margin-bottom: 4px; }
TABLE.info TD.w13 { width: 33%; }
TABLE.info TD.w23 { width: 67%; }
TABLE.info TD.w14 { width: 25%; }
TABLE.info TD.w34 { width: 75%; }
TABLE.info TD.vcenter { vertical-align: middle; }

/* ACCORDION */
.faq .csc-header h3 { font-size: 1.0em; list-style-type: disc; display: list-item; color: #7f1619; font-family: 'bakersignet', serif; }
.faq .ui-accordion-content p, .faq .ui-accordion-content li { font-size: 1.0em; }
.faq .ui-accordion-content li li { font-size: 1.0em; }

/* RESPONSIVE SIZE */
/* XS */
@media (max-width: 768px)
{
	header { margin-top: 2em !important; width: 100%; margin: auto; }
	header img { width: 100%; max-width: 440px; }
	.navbar-collapse { margin-top: 8em; }
	.text { padding-left: 1em; padding-right: 1em; }
	.grid .title { font-size: 10vw; }
	.grid .title.small { font-size: 8vw; min-height: 42vw; }
	.grid span a, .grid a span { font-size: 10vw; }
	.breadcrumbs { display: none; }
	#topmenu { display: none; }
	#submenu { display: none; }
	.leftmenu { display: none; }
	#work .gmenu img { width: auto; max-width: 80vw; max-height: 340px; }
	.napis_home { font-size: 1.45em; width: 80%; padding-left: 1em; padding-right: 1em; margin: 0 auto; }
	H2.h2onas { font-size: 1.3em; }
}
/* SM */
@media (min-width: 768px)
{
	body { font-size: 8px; }
	header img { width: 25vw; max-width: 220px; }
	.grid .title { font-size: 2.5vw; }
	.grid .title.small { font-size: 2.5vw; min-height: 180px; }
	.grid span a, .grid a span { font-size: 2.5vw; }
	#topmenu { display: block; }
	#submenu { display: block; }
	#work .gmenu img { width: auto; max-height: 180px; }
	.home #navbar-collapse .menu:first-child { margin-bottom: 9em; }
	.textm #navbar-collapse .menu:first-child { margin-bottom: 7em; }
	#topmenu ul { font-size: 1.25em; }
	.napis_home { font-size: 1.6em; }
	H2.h2onas { font-size: 0.9em; }
	TABLE.info TR TD IMG { min-width: 100px; }
}
/* MD */
@media (min-width: 992px)
{
	body { font-size: 9px; }
	header img { width: 25vw; max-width: 220px; }
	.grid a span { font-size: 1.5em; height: 1.5em; }
	.grid .title { font-size: 1.5vw; min-height: 140px; }
	.grid .title.small { font-size: 1.5vw; min-height: 230px; }
	#work .gmenu img { width: auto; max-height: 200px; }
	.home #navbar-collapse .menu:first-child { margin-bottom: 8em; }
	.textm #navbar-collapse .menu:first-child { margin-bottom: 7em; }
	#topmenu ul { font-size: 1.5em; }
	.napis_home { font-size: 1.7em; }
	H2.h2onas { font-size: 1.05em; }
	TABLE.info TR TD IMG { min-width: 125px; }
}
/* LG */
@media (min-width: 1200px)
{
	body { font-size: 10px; }
	header img { width: 25vw; max-width: 250px; }
	.grid a span { font-size: 1.7em; height: 1.7em; }
	.grid .title { font-size: 1.5vw; min-height: 180px; }
	.grid .title.small { font-size: 1.3vw; min-height: 230px; }
	#work .gmenu img { width: auto; max-height: 140px; }
	.home #navbar-collapse .menu:first-child { margin-bottom: 9em; }
	.textm #navbar-collapse .menu:first-child { margin-bottom: 7.5em; }
	#topmenu ul { font-size: 1.65em; }
	.napis_home { font-size: 1.7em; }
	H2.h2onas { font-size: 1.15em; }
	TABLE.info TR TD IMG { min-width: 250px; }
}
/* XL */
@media (min-width: 1600px)
{
	body { font-size: 12px; }
	header img { width: 25vw; max-width: 280px; }
	.grid .title { font-size: 1.5vw; min-height: 210px; }
	.grid .title.small { font-size: 2em; min-height: 250px; }
	#work .gmenu img { width: auto; max-height: 180px; }
	.home #navbar-collapse .menu:first-child { margin-bottom: 8em; }
	.textm #navbar-collapse .menu:first-child { margin-bottom: 8em; }
	#topmenu ul { font-size: 1.9em; }
	.napis_home { font-size: 1.7em; }
	H2.h2onas { font-size: 1.3em; }
	TABLE.info TR TD IMG { min-width: 275px; }
}
@media print
{
	a[href]:after { content: none !important; }
}