/*Cascading Style Sheets, Author: ngside.com, Version: CSS-B-Rev-4-18, All rights reserved*/

/*
font: #282828
color niebieski: #0d426f
color czerwony: #da251d
szare tło: #eaeae8
*/

.font10 { font-size: 10px;} .font11 { font-size: 11px;} .font12 { font-size: 12px;} .font13 { font-size: 13px;} .font14 { font-size: 14px;} .font15 { font-size: 15px;} .font16 { font-size: 16px;} .font17 { font-size: 17px;} .font18 { font-size: 18px;} .font19 { font-size: 19px;} .font20 { font-size: 20px;} .font21 { font-size: 21px;} .font22 { font-size: 22px;} .font23 { font-size: 23px;} .font24 { font-size: 24px;} .font25 { font-size: 25px;} .font26 { font-size: 26px;} .font27 { font-size: 27px;} .font28 { font-size: 28px;} .font29 { font-size: 29px;} .font30 { font-size: 30px;} .font31 { font-size: 31px;} .font32 { font-size: 32px;} .font33 { font-size: 33px;} .font34 { font-size: 34px;} .font35 { font-size: 35px;} .font36 { font-size: 36px;} .font37 { font-size: 37px;} .font38 { font-size: 38px;} .font39 { font-size: 39px;} .font40 { font-size: 40px;} .font42 { font-size: 42px;} .font44 { font-size: 44px;} .font46 { font-size: 46px;} .font48 { font-size: 48px;} .font50 { font-size: 50px;} .font55 { font-size: 55px;} .font60 { font-size: 60px;} .font65 { font-size: 65px;} .font70 { font-size: 70px;} strong { font-weight: bold; } em { font-style: italic; } img { border: 0px; } p { display: block; padding: 0; margin: 0; } .cf { clear:both; } body { margin: 0; padding: 0; } div, article, aside, details, dialog, figcaption, figure, footer, header, main, nav, section { display: block; margin: 0; padding: 0; }

.size { max-width: 1600px; }

/*font*/
body { line-height: 1.7em; font-family: Arial, sans-serif; font-weight: 400; font-size: 16px; text-align: left; }
input, textarea { font-family: Arial, sans-serif; font-weight: 400; font-size: 16px; text-align: left; }
h1, h2, h3, .h1, .h { font-family: Arial, sans-serif; font-weight: 400; text-transform: uppercase; text-align: left; }
.banner-title { font-family: Arial, sans-serif; font-weight: 400; text-transform: uppercase; }
.banner-subtitle { font-family: Arial, sans-serif; font-weight: 400; }


/*color*/
html { background: #ffffff; }
body { color: #282828; }
h1, h2, h3, .h1, .h { color: #282828; }
input, textarea { color: #282828; box-sizing: border-box; border-width: 1px; border-style: solid; border-color: #e5e5e5; background: #ffffff; }
a { color: #282828; } a:hover { color: #0d426f; }


/*layout*/
h1, h2, h3, .h1, .h { display: block; margin: 0; padding: 0; }
h1, .h1 { line-height: 45px; margin: 0 0 15px 0; font-size: 30px; letter-spacing: 1px; }
@media only screen and (max-width:400px) {
h1, .h1 { font-size: 20px; }
}
h1.h1name { line-height: 35px; margin: 0 0 15px 0; font-size: 30px; letter-spacing: 1px; }
@media only screen and (max-width:400px) {
h1.h1name { font-size: 20px; }
}

h1.h1title { line-height: 30px; margin: 0 0 15px 0; font-size: 22px; letter-spacing: 1px; }

h2 { line-height: 45px; margin: 0 0 15px 0; font-size: 29px; letter-spacing: 1px; }
h3 { line-height: 30px; margin: 0 0 10px 0; font-size: 19px; }
a.h-button, a.h-button:hover { display: inline-block; line-height: 40px; margin: 0 auto; padding: 0; font-size: 30px; text-transform: uppercase; text-decoration: none; }

a, a:hover { text-decoration: underline; outline: none; cursor: pointer; }





/*section-header-top*/
/*font*/
.section-header-top a.menu-top-button { line-height: 40px; font-weight: 600; font-size: 14px; text-transform: uppercase; }
.section-header-top ul.menu-top li:first-child a.menu-top-button { font-weight: 400; font-size: 18px; } 
.section-header-top .address { line-height: 40px; font-size: 13px; }

/*color*/
.section-header-top { background: #eaeae8; } 
.section-header-top .content { color: #282828; }
.section-header-top a.menu-top-button { color: #da251d; } 
.section-header-top a.menu-top-button:hover { color: #282828; } 
.section-header-top a.menu-top-button.active { color: #282828; }
.section-header-top a.button-show { background-color: #0d426f; background-image: url('../grafika/button-show-hide.png'); } 
.section-header-top a.button-show:hover { background-color: #282828; }
.section-header-top a.button-hide { background-color: #0d426f; background-image: url('../grafika/button-show-hide.png'); } 
.section-header-top a.button-hide:hover { background-color: #282828; }
.section-header-top .address { color: #282828; }

/*layout*/
.section-header-top { position: relative; } 
.section-header-top .content { width: 90%; margin: 0 auto; padding: 5px 0; box-sizing: border-box; } 
.section-header-top ul.menu-top { display: block; margin: 0; padding: 0; list-style: none; } 
.section-header-top ul.menu-top li { display: block; margin: 0; padding: 0; list-style: none; } 
.section-header-top a.menu-top-button { display: block; text-decoration: none; } 
.section-header-top .menu-buttons { }
.section-header-top a.button-show { display: block; width: 40px; height: 40px; text-decoration: none; box-sizing: border-box; background-repeat: no-repeat; background-position: top left; } 
.section-header-top a.button-hide { display: block; width: 40px; height: 40px; text-decoration: none; box-sizing: border-box; background-repeat: no-repeat; background-position: bottom left; } 
.section-header-top .address { }

@media only screen and (min-width:1100px) { 
.section-header-top ul.menu-top { float: left; } 
.section-header-top ul.menu-top li { float: left; margin: 0 0 0 20px; } 
.section-header-top ul.menu-top li:first-child { margin-left: 0; } 
.section-header-top .menu-buttons { display: none; }
.section-header-top .address { float: right; }
}
@media only screen and (min-width:550px) and (max-width:1099px) { 
.section-header-top { position: fixed; top: 0; left: 0; right: 0; z-index: 5000; }
.section-header-top ul.menu-top { float: left; } 
.section-header-top ul.menu-top li { float: left; margin: 0 0 0 20px; } 
.section-header-top ul.menu-top li:first-child { margin-left: 0; } 
.section-header-top .menu-buttons { float: right; margin: 0 0 0 0; }
.section-header-top .address { display: none; }
} 
@media only screen and (max-width:549px) {
.section-header-top { position: fixed; top: 0; left: 0; right: 0; z-index: 5000; } 
.section-header-top ul.menu-top { float: left; } 
.section-header-top ul.menu-top li { float: left; margin: 0 0 0 20px; } 
.section-header-top ul.menu-top li:first-child { margin-left: 0; } 
.section-header-top .menu-buttons { float: right; margin: 0 0 0 0; }
.section-header-top .address { display: none; }
}


/*margin dla fixed*/
.margin { }
@media only screen and (max-width:1099px) {
.margin { height: 50px; }	
}





/*section-header-main*/
/*font*/
.section-header-main .phone { line-height: 40px; font-size: 24px; letter-spacing: 1px; }
.section-header-main .phone .txt { line-height: 15px; font-size: 12px; }
.section-header-main .phone a.value { line-height: 40px; }

/*color*/
.section-header-main { border-bottom: 1px solid #e5e5e5; }
a.button-socialmedia { background-color: transparent; }
a.button-socialmedia:hover { background-color: transparent; }

/*layout*/
.section-header-main { }
.section-header-main .content { width: 90%; margin: 0 auto; padding: 15px 0; position: relative; box-sizing: border-box; }
.section-header-main .logo { max-width: 280px; }
.section-header-main .logo img { display: block; max-width: 100%; margin: 0; }
.section-header-main .phone { }

.section-header-main .phone .txt { display: block; }
.section-header-main .phone a.value { display: block; padding: 0 0 0 40px; text-decoration: none; background: url('../grafika/icon-phone.png') no-repeat left top; }
.section-header-main .phone a.value:hover { text-decoration: none; background: url('../grafika/icon-phone.png') no-repeat left bottom; }
.section-header-main .socialmedia { }
a.button-socialmedia, a.button-socialmedia:hover { display: inline-block; width: 40px; height: 40px; margin: 0 5px; text-decoration: none; }
a.button-facebook { background: url('../grafika/socialmedia-facebook.png') no-repeat top; } a.button-facebook:hover { background: url('../grafika/socialmedia-facebook.png') no-repeat bottom; }
a.button-youtube { background: url('../grafika/socialmedia-youtube.png') no-repeat top; } a.button-youtube:hover { background: url('../grafika/socialmedia-youtube.png') no-repeat bottom; }
a.button-google { background: url('../grafika/socialmedia-google.png') no-repeat top; } a.button-google:hover { background: url('../grafika/socialmedia-google.png') no-repeat bottom; }
a.button-blogger { background: url('../grafika/socialmedia-blogger.png') no-repeat top; } a.button-blogger:hover { background: url('../grafika/socialmedia-blogger.png') no-repeat bottom; }
a.button-instagram { background: url('../grafika/socialmedia-instagram.png') no-repeat top; } a.button-instagram:hover { background: url('../grafika/socialmedia-instagram.png') no-repeat bottom; }

@media only screen and (min-width:800px) {
.section-header-main .logo { margin: 0 auto; }
.section-header-main .phone { position: absolute; top: 20px; left: 0; }
.section-header-main .socialmedia { position: absolute; top: 20px; right: 0; }
}
@media only screen and (max-width:799px) {
.section-header-main .logo { margin: 0 auto; }
.section-header-main .phone { display: none; }
.section-header-main .socialmedia { text-align: center; }
}





/*section-nav*/
/*font*/
.section-nav a.menu-button { line-height: 50px; font-size: 14px; text-transform: uppercase; }
.section-nav a.submenu-button { line-height: 20px; font-size: 14px; text-transform: none; }

/*color*/
.section-nav { background: #ffffff; } 
.section-nav .content { color: #282828; } 
.section-nav a.menu-button { color: #282828; border-top: 8px solid #ffffff; border-bottom: 8px solid #ffffff; } 
.section-nav a.menu-button:hover, .section-nav a.menu-button.active { color: #0d426f; border-top: 8px solid #0d426f; border-bottom: 8px solid #ffffff; } 
.section-nav ul li ul.menu-list { border-width: 0 1px 1px 1px; border-style: solid; border-color: #e5e5e5; background-color: #ffffff; }
.section-nav ul li ul li ul.menu-list { border-width: 1px 1px 1px 1px; border-style: solid; border-color: #e5e5e5; background-color: #ffffff; }
.section-nav a.submenu-button { color: #282828; }
.section-nav a.submenu-button:hover, .section-nav a.submenu-button.active { color: #0d426f; }

/*layout*/
.section-nav { position: relative; } 
@media only screen and (min-width:1100px) { } 
@media only screen and (max-width:1099px) { .section-nav { display: none; } } 
.section-nav.sticky { position: -webkit-sticky; position: sticky; top: 0px; z-index: 4000; }
.section-nav .content { width: 90%; margin: 0 auto; padding: 0; box-sizing: border-box; } 
.section-nav ul { display: block; margin: 0; padding: 0; list-style: none; text-align: center; } 
.section-nav ul li { display: inline-block; margin: 0; padding: 0 0 0 20px; position: relative; list-style: none; }
.section-nav ul li:first-child { padding: 0; } 
.section-nav ul li a.menu-button { display: block; padding: 0; white-space: nowrap; text-decoration: none; } 
.section-nav ul li a.menu-button:hover { text-decoration: none; } 
.section-nav ul li:first-child { } 
.section-nav ul li ul { visibility: hidden; height: auto; margin: 0; padding: 10px 0; position: absolute; left: 0; text-align: left; } 
.section-nav ul li ul li, .section-nav ul li ul li:first-child { display: list-item; float: none; margin: 0; padding: 5px 0; border-right: none; } 
.section-nav ul li ul li a.submenu-button { float: none; margin: 0; padding: 0 20px; white-space: nowrap; text-decoration: none; border: none; } 
.section-nav ul li ul li a.submenu-button:hover { text-decoration: none; border: none; } 
.section-nav ul li ul li ul { visibility: hidden; height: auto; margin: 0 0 0 2px; padding: 10px 0; position: absolute; left: 0; text-align: left; } 
.section-nav ul li ul li ul li, .section-nav ul li ul li ul li:first-child { display: list-item; float: none; margin: 0; padding: 5px 0; border-right: none; } 
.section-nav ul li ul li ul li a.submenu-button { float: none; margin: 0; padding: 0 20px; white-space: nowrap; text-decoration: none; border: none; } 
.section-nav ul li ul li ul li a.submenu-button:hover { text-decoration: none; border: none; } 
.section-nav .downarrowclass { position: absolute; bottom: 5px; left: 20px; } .section-nav .rightarrowclass { position: absolute; top: 20px; right: 5px; }


@media only screen and (min-width:1370px) { } 
@media only screen and (max-width:1369px) { 
.section-nav a.menu-button { font-size: 13px; text-transform: none; }
} 




/*section-navmob*/
/*font*/
.section-navmob a.navmob-button { line-height: 50px; font-size: 15px; text-transform: uppercase; }
.section-navmob dd dt a.navmob-button { line-height: 40px; font-size: 14px; text-transform: none; }

/*color*/
.section-navmob { } 
.section-navmob .list-navmob { background: #ffffff; }
.section-navmob .content { color: #282828; } 
.section-navmob a.navmob-button { color: #282828; border-bottom: 1px solid #e5e5e5; } 
.section-navmob a.navmob-button:hover, .section-navmob a.navmob-button.active { color: #0d426f; } 
.section-navmob dd dt a.navmob-button { background-image: url('../grafika/navmob-button.png'); }

/*layout*/
.section-navmob { } 
@media only screen and (min-width:1100px) { .section-navmob { display: none; } } 
@media only screen and (max-width:1099px) { } 
.section-navmob .list-navmob { position: fixed; top: 50px; bottom: 0; left: 0; right: 0; overflow: auto; z-index: 4000; } 
.section-navmob .content { width: 90%; margin: 0 auto; }
.section-navmob a.navmob-button { display: block; text-decoration: none; } 
.section-navmob a.navmob-button.active, .section-navmob a.navmob-button:hover { text-decoration: none; }
.section-navmob dd dt a { display: block; margin: 0 0 0 10px; padding: 0 0 0 20px; text-decoration: none; background-position: top left; background-repeat: no-repeat; } 
.section-navmob dd dt a.active, .section-navmob dd dt a:hover { text-decoration: none; background-position: bottom left; } 
.section-navmob dd dd a { display: block; margin: 0 0 0 20px; padding: 0 0 0 20px; text-decoration: none; } 
.section-navmob dd dd a.active, .section-navmob dd dd a:hover { text-decoration: none; } 
dl { margin-top: 0; margin-bottom: 0; margin-left: 0; border-bottom: 0; } dt { margin: 0; } dd { margin-bottom: 0; margin-left: 0; } 





/*banner*/
/*font*/
.banner .slogan .banner-title { line-height: 50px; font-size: 45px; text-transform: uppercase; }
.banner .slogan .banner-subtitle { line-height: 30px; font-size: 25px; text-transform: none; }
.banner .slogan .banner-txt { font-size: 17px; }
a.button-banner, a.button-banner:hover { line-height: 40px; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; }

/*color*/
.banner { background: #eaeae8; }
.banner .content { color: #282828; background: #eaeae8; }
.banner .slogan a.button-banner { color: #282828; border-color: #282828; background-color: transparent; }
.banner .slogan a.button-banner:hover { color: #282828; border-color: #282828; background-color: transparent; }

/*layout*/
.banner { margin: 0; }
.banner .content { width: 90%; margin: 0 auto; position: relative; }
.banner .content .singleImage { display: block; max-width: 100%; margin: 0; }
.banner ul.bjqs { display: none; overflow: hidden; margin: 0; padding: 0; position: relative; list-style: none; }
.banner li.bjqs-slide {  display: none; position: absolute; }
.banner ul.bjqs-controls { margin: 0; padding: 0; list-style: none; z-index: 9999; }
.banner ul.bjqs-controls.v-centered li a { display: block; width: 40px; height: 40px; position: absolute; z-index: 2000; background: url('../grafika/banner-arrow.png') no-repeat; }
.banner ul.bjqs-controls.v-centered li a:hover { background: #0d426f url('../grafika/banner-arrow.png') no-repeat; }
.banner ul.bjqs-controls.v-centered li.bjqs-next a { right: 0; background-position: right; }
.banner ul.bjqs-controls.v-centered li.bjqs-prev a { left: 0; background-position: left; }
.banner .slogan { padding: 30px 0 0 0; position: absolute; top: 30%; left: 80px; background: url('../grafika/banner-decor.png') no-repeat top left; }
.banner .slogan .banner-title { display: block; margin: 0 0 30px 0; padding: 0; }
.banner .slogan .banner-subtitle { display: block; margin: 0 0 20px 0; padding: 0; }
.banner .slogan .banner-txt { }
a.button-banner, a.button-banner:hover { display: inline-block; height: 40px; margin: 20px 0; padding: 0 20px; text-decoration: none; border-width: 2px; border-style: solid; }
.banner a.banner-link, .banner a.banner-link:hover { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-decoration: none; z-index: 2000; }
@media only screen and (min-width:1400px) { .banner .slogan { width: 30%; } }
@media only screen and (min-width:1250px) and (max-width:1399px) { 
.banner .slogan { width: 30%; top: 25%; }
.banner .slogan .banner-title { line-height: 45px; margin: 0 0 30px 0; font-size: 40px; }
.banner .slogan .banner-subtitle { line-height: 25px; margin: 0 0 20px 0; font-size: 20px; }
.banner .slogan .banner-txt { font-size: 16px; }
}
@media only screen and (min-width:1000px) and (max-width:1249px) { 
.banner .slogan { width: 30%; top: 15%; }
.banner .slogan .banner-title { line-height: 40px; margin: 0 0 30px 0; font-size: 35px; }
.banner .slogan .banner-subtitle { line-height: 20px; margin: 0 0 20px 0; font-size: 18px; }
.banner .slogan .banner-txt { font-size: 15px; }
}
@media only screen and (max-width:999px) { .banner .slogan { display: none; } }





/*main*/
/*font*/
a.readmoreButton, a.readmoreButton:hover { line-height: 40px; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; }
a.backButton, a.backButton:hover { line-height: 40px; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; }

/*color*/
.main { color: #282828; background: #ffffff; }
a.readmoreButton { color: #282828; border-color: #282828; background: none; }
a.readmoreButton:hover { color: #0d426f; border-color: #0d426f; background: none; }
a.backButton { color: #282828; border-color: #282828; background: none; } 
a.backButton:hover { color: #0d426f; border-color: #0d426f; background: none; }

/*layout*/
.main { }
.main-content { width: 90%; margin: 0 auto; padding: 30px 0; box-sizing: border-box; }
a.readmoreButton, a.readmoreButton:hover { display: inline-block; height: 40px; margin: 20px 0 0 0; padding: 0 20px; text-decoration: none; border-width: 2px; border-style: solid; }
a.backButton, a.backButton:hover { display: inline-block; height: 40px; margin: 10px 0 0 0; padding: 0 10px; text-decoration: none; border-width: 2px; border-style: solid; }





/*section-home*/
/*font*/

/*color*/

/*layout*/
.section-home { }





/*section-home-top*/
/*font*/

/*color*/

/*layout*/
.section-home-top { padding: 0; }
.section-home-top .box { position: relative; box-sizing: border-box; border: 1px solid #e5e5e5; font-size: 11px; line-height: 12px; }
.section-home-top .box .container { margin: 5px; }
.section-home-top .box-A { background: #eaeae8 url('../grafika/box-A.png') no-repeat right; background-size: contain; }
.section-home-top .box-B { background: #eaeae8 url('../grafika/box-B.png') no-repeat right; background-size: contain; }
.section-home-top .box-C { background: #eaeae8 url('../grafika/box-C.png') no-repeat right; background-size: contain; }
.section-home-top .box-D { background: #eaeae8 url('../grafika/box-D.png') no-repeat right; background-size: contain; }
.section-home-top .box-E { background: #eaeae8 url('../grafika/box-E.png') no-repeat right; background-size: contain; }
.section-home-top .box-F { background: #eaeae8 url('../grafika/box-F.png') no-repeat right; background-size: contain; }
.section-home-top .box a.readmoreButton { position: relative; z-index: 200; }
.section-home-top .box-F a.readmoreButton, .section-home-top .box-F a.readmoreButton:hover { display: inline-block; height: 20px; line-height: 20px; margin: 0 0 5px 0; padding: 0 10px; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; border-width: 1px; border-style: solid; background-color: rgb(255, 255, 255, 0.75); }
.section-home-top img { max-width: 100%; }
.section-home-top .box a.link-mask { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-decoration: none; z-index: 100; }
@media only screen and (min-width:1210px) {
.section-home-top { margin: 0 0 0 -3%; }
.section-home-top .box { float: left; width: 30.33%; margin: 0 0 3% 3%; }
.section-home-top .box .container { height: 200px; padding: 20px 140px 0 20px; }

}
@media only screen and (min-width:1000px) and (max-width:1209px) {
.section-home-top { margin: 0 0 0 -3%; }
.section-home-top .box { float: left; width: 30.33%; margin: 0 0 3% 3%; }
.section-home-top .box .container { height: 180px; padding: 20px 120px 0 20px; }
.section-home-top .box a.readmoreButton {  margin: 15px 0; }
}
@media only screen and (min-width:760px) and (max-width:999px) {
.section-home-top { margin: 0 0 0 -2.5%; }
.section-home-top .box { float: left; width: 47.5%; margin: 0 0 2.5% 2.5%; }
.section-home-top .box .container { height: 160px; padding: 20px 100px 0 20px; }
.section-home-top .box a.readmoreButton { margin: 15px 0; }
}
@media only screen and (max-width:759px) {
.section-home-top { margin: 0; }
.section-home-top .box { margin: 0 0 20px 0; }
.section-home-top .box .container { height: 140px; padding: 20px 100px 0 20px; }
.section-home-top .box a.readmoreButton { margin: 15px 0; }
.section-home-top .box-F a.readmoreButton, .section-home-top .box-F a.readmoreButton:hover { height: 18px; line-height: 18px; margin: 0 0 5px 0; padding: 0 10px; font-size: 13px; }

}

@media only screen and (min-width:1300px) {
.section-home-top .box h2 { font-size: 20px; line-height: 25px; margin: 0 0 10px 0; letter-spacing: 1px; }
}
@media only screen and (min-width:1150px) and (max-width:1299px) {
.section-home-top .box h2 { font-size: 16px; line-height: 16px; margin: 0 0 10px 0; letter-spacing: 1px; }
}
@media only screen and (min-width:1000px) and (max-width:1149px) {
.section-home-top .box h2 { font-size: 14px; line-height: 14px; margin: 0 0 10px 0; letter-spacing: 1px; }
}
@media only screen and (min-width:760px) and (max-width:999px) {
.section-home-top .box h2 { font-size: 18px; line-height: 20px; margin: 0 0 10px 0; letter-spacing: 1px; }
}
@media only screen and (max-width:759px) {
.section-home-top .box h2 { font-size: 20px; line-height: 20px; margin: 0 0 10px 0; letter-spacing: 1px; }
}





/*section-home-bottom*/
/*font*/

/*color*/

/*layout*/
.section-home-bottom { }
.section-home-bottom .left { text-align: justify; box-sizing: border-box; border-style: solid; border-width: 0px; color: #282828; background: #ffffff; border-color: #ffffff; }
.section-home-bottom .right { text-align: justify; box-sizing: border-box; border-style: solid; border-width: 0px; color: #282828; background: #ffffff; border-color: #ffffff; }
.section-home-bottom .fb { margin: 10px 0 0 0; }
.section-home-bottom img { max-width: 100%; }
@media only screen and (min-width:1000px) {
.section-home-bottom .left { float: left; width: 47.5%; margin: 0; }
.section-home-bottom .right { float: left; width: 47.5%; margin: 0 0 0 5%; }
}
@media only screen and (min-width:760px) and (max-width:999px) {
.section-home-bottom .left { float: left; width: 47.5%; margin: 0; }
.section-home-bottom .right { float: left; width: 47.5%; margin: 0 0 0 5%; }
}
@media only screen and (max-width:759px) {
.section-home-bottom .left { margin: 0 0 30px 0; }
.section-home-bottom .right { margin: 0; }
}





/*section-home-filmy*/
/*font*/

/*color*/

/*layout*/
.section-home-filmy { position: relative; }
.section-home-filmy .left { }
.section-home-filmy .center { }
.section-home-filmy .right { }
@media only screen and (min-width:1020px) {
.section-home-filmy { margin: 40px 0 0 -1.33%; }
.section-home-filmy .left { float: left; width: 32%; margin: 0 0 0 1.33%; }
.section-home-filmy .center { float: left; width: 32%; margin: 0 0 0 1.33%; }
.section-home-filmy .right { float: left; width: 32%; margin: 0 0 0 1.33%; }
}
@media only screen and (min-width:760px) and (max-width:1019px) {
.section-home-filmy { margin: 40px 0 0 -1.33%; }
.section-home-filmy .left { float: left; width: 32%; margin: 0 0 0 1.33%; }
.section-home-filmy .center { float: left; width: 32%; margin: 0 0 0 1.33%; }
.section-home-filmy .right { float: left; width: 32%; margin: 0 0 0 1.33%; }
}
@media only screen and (max-width:759px) {
.section-home-filmy { margin: 40px 0 0 0; }
.section-home-filmy .left { width: 100%; margin: 0 0 0 0; }
.section-home-filmy .center { width: 100%; margin: 30px 0 0 0; }
.section-home-filmy .right { width: 100%; margin: 30px 0 0 0; }
}





/*section-subpage*/
/*font*/

/*color*/

/*layout*/
.section-subpage { }
.section-subpage .breadcrumb a.jungenmode { text-decoration: none; padding: 0 10px 0 0; font-size: 12px; border-right: 1px solid #333333; }
.section-subpage .breadcrumb span { padding: 0 0 0 10px; font-size: 12px; }




/*section-contact*/
/*font*/
.section-contact .contact-form input.button-send { font-size: 16px; text-transform: uppercase; letter-spacing: 1px; }

/*color*/
.section-contact .contact-form input.button-send { color: #282828; border-color: #282828; background: none; }
.section-contact .contact-form input.button-send:hover { color: #0d426f; border-color: #0d426f; background: none; }

/*layout*/
.section-contact { }
.section-contact .breadcrumb a.jungenmode { text-decoration: none; padding: 0 10px 0 0; font-size: 12px; border-right: 1px solid #333333; }
.section-contact .breadcrumb span { padding: 0 0 0 10px; font-size: 12px; }
.section-contact .contact-data { }
.section-contact .contact-form { }
.section-contact .contact-form input { display: block; width: 100%; height: 50px; margin: 0 0 5px 0; padding: 0 5px; }
.section-contact .contact-form input.email { visibility: hidden; height: 2px; line-height: 2px; margin: 0; }
.section-contact .contact-form textarea { display: block; width: 100%; height: 150px; margin: 0 0 5px 0; padding: 5px; }
.section-contact .contact-form input.button-send, .section-contact .contact-form input.button-send:hover { display: inline-block; width: auto; height: 40px; margin: 20px 0; padding: 0 20px; text-decoration: none; cursor: pointer; outline: none; border-width: 2px; border-style: solid; }
::-webkit-input-placeholder { font-size: 15px; color: #282828; opacity: 1; } :-moz-placeholder { font-size: 15px; color: #282828; opacity: 1; } ::-moz-placeholder { font-size: 15px; color: #282828; opacity: 1; } :-ms-input-placeholder { font-size: 15px; color: #282828; opacity: 1; }
@media only screen and (min-width:1000px) {
.section-contact .contact-data { float: left; width: 45%; margin: 0 0 30px 0; }	
.section-contact .contact-form { float: left; width: 45%; margin: 0 0 30px 10%; }
}
@media only screen and (min-width:760px) and (max-width:999px) {
.section-contact .contact-data { margin: 0 0 30px 0; }	
.section-contact .contact-form { margin: 0 0 30px 0; }
}
@media only screen and (max-width:759px) {
.section-contact .contact-data { margin: 0 0 30px 0; }	
.section-contact .contact-form { margin: 0 0 30px 0; }
}





/*news*/
/*font*/

/*color*/
.news { background: #ffffff; }
.news .content { color: #282828; background: #ffffff; }
a.h-button { color: #282828; }
a.h-button:hover { color: #0d426f; }

/*layout*/
.news { }
.news .content { width: 90%; margin: 0 auto; padding: 40px 15px; text-align: center; box-sizing: border-box; }





/*map*/
.map { }
.map .content { height: 400px; }





/*section-footer-top */
.section-footer-top { background: #eaeae8; }
.section-footer-top .content { width: 90%; margin: 0 auto; padding: 20px 15px; box-sizing: border-box; color: #282828; background: #eaeae8; }

.section-footer-top .footerMenu a { color: #282828; }
.section-footer-top .footerMenu a:hover { color: #282828; }

.section-footer-top .footerMenu { }
.section-footer-top .footerMenu ul, .section-footer-top .footerMenu ul li { margin: 0; padding: 0; list-style: none; }	
.section-footer-top .footerMenu a { display: block; line-height: 30px; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; }
.section-footer-top .footerMenu a:hover { text-decoration: none; }
@media only screen and (min-width:760px) {
.section-footer-top .footerMenu { float: left; }
}
@media only screen and (max-width:759px) { }





/*section-footer-bottom*/
.section-footer-bottom { background: #eaeae8; }
.section-footer-bottom .content { width: 90%; margin: 0 auto; padding: 10px 15px; box-sizing: border-box; color: #282828; background: #eaeae8; }
.section-footer-bottom .copyright { line-height: 30px; margin: 0 30px 0 0; font-size: 12px; color: #282828; }
.section-footer-bottom a.webdesign, .section-footer-bottom a.webdesign:hover { line-height: 30px; font-size: 12px; color: #282828; text-decoration: none; }
@media only screen and (min-width:760px) {
.section-footer-bottom .copyright { display: inline-block; }
.section-footer-bottom .webdesign { display: inline-block; }
}
@media only screen and (max-width:759px) { }

/*cookie_info*/
.cookie_info { display: block; width: 250px; line-height: 16px; padding: 10px; position: fixed; bottom: 20px; left: 20px; font-weight: 400; font-size: 11px; color: #ffffff; z-index: 99999; border-radius: 10px; background: #444444; } 
.cookie_info .cookie_info_button { display: block; height: 20px; line-height: 20px; margin: 5px 0 0 0; padding: 0 0 0 30px; font-size: 11px; color: #ffffff; text-decoration: none; background: url('../grafika/cookie-info-button.png') no-repeat left; }
.cookie_info .cookie_info_ok { display: block; height: 20px; line-height: 20px; margin: 5px 0 0 0; padding: 0 0 0 30px; font-size: 11px; color: #ffffff; text-decoration: none; background: url('../grafika/cookie-info-ok.png') no-repeat left; }





/*modules*/



/*editor*/
.editor { margin: 0 0 20px 0; padding: 0 0 20px 0; }
.editor img { max-width: 100%; }





/*products*/
/*font*/
a.name { line-height: 30px; font-size: 20px; letter-spacing: 1px; }
.products .sizes { line-height: 20px; font-size: 17px; }
.products .teilig { line-height: 20px; font-size: 17px; }

/*color*/
.products .box { border: 1px solid #e5e5e5; }
a.name { color: #282828; }
a.name:hover { color: #0d426f; }

/*layout*/
.option { display: block; line-height: 40px; padding: 0 15px; position: absolute; top: 10px; left: 10px; } 
.option1 { font-size: 30px; color: #ffffff; text-transform: uppercase; letter-spacing: 4px; background: #da251d; }
.option2 { font-size: 30px; color: #ffffff; text-transform: uppercase; background: #da251d; }

.products { }
.products ul { display: block; margin: 0; padding: 0; list-style: none; }
.products ul li { display: block; margin: 0; padding: 0; position: relative; list-style: none; }
.products .box { }
.products .image { display: block; max-width: 100%; }
.products a.name, .products a.name:hover { display: block; margin: 10px 0 10px 0; text-decoration: none; text-align: center; }
.products .sizes { display: block; height: 20px; margin: 0 0 20px 0; text-align: center; }
.products .teilig { display: block; height: 20px; margin: 0 0 20px 0; text-align: center; }
.products a.detailsButton { display: block; height: 40px; line-height: 40px; margin: 10px 0 20px 0; text-decoration: none; background: url('../grafika/detailsButton.png') no-repeat top; }
.products a.detailsButton:hover { text-decoration: none; background: url('../grafika/detailsButton.png') no-repeat bottom; }
@media only screen and (min-width:1000px) {
.products ul { margin: 0 0 0 -3.3%; }
.products ul li { float: left; width: 30%; margin: 0 0 3.3% 3.3%; }
}
@media only screen and (min-width:760px) and (max-width:999px) {
.products ul { margin: 0 0 0 -5%; }
.products ul li { float: left; width: 45%; margin: 0 0 5% 5%; }
}
@media only screen and (max-width:759px) {
.products ul { }
.products ul li { width: 100%; margin: 0 0 20px 0; }
}





/*product*/
/*font*/
.product .product-description .sizes { line-height: 20px; font-size: 17px; }
.product .product-description .teilig { line-height: 20px; font-size: 17px; }
.product .product-description .code { line-height: 25px; font-weight: 400; font-size: 14px; text-transform: uppercase; }
.product .product-description .code .value { line-height: 25px; font-weight: 500; }
.product .product-description a.haendlersuche { line-height: 50px; font-size: 16px; text-transform: uppercase; }

/*color*/
.product .product-description .code .value { background: #e9e9e9; }
.product .product-description a.haendlersuche { color: #ffffff; background: #0d426f; }
.product .product-description a.haendlersuche:hover { background: #282828; }

/*layout*/
.product { margin: 0 0 20px 0; }
.product .product-photos { position: relative; }
.product .product-photos .product-photo-main { }
.product .product-photos .product-photo-main img { display: block; max-width: 100%; }
.product .product-description { }
.product .product-description .sizes { display: block; height: 20px; margin: 0 0 20px 0; }
.product .product-description .teilig { display: block; height: 20px; margin: 0 0 10px 0; }
.product .product-description .code { height: 25px; margin: 0 0 10px 0; }
.product .product-description .code .value { display: inline-block; height: 25px; padding: 0 10px; }
.product .product-description .introduction { margin: 0 0 20px 0; }
.product .product-description .description { margin: 0 0 20px 0; }
.product .product-description a.haendlersuche, .product .product-description a.haendlersuche:hover  { display: inline-block; padding: 0 20px; text-decoration: none; }
.product .product-description .fb { margin: 20px 0 0 0; }
@media only screen and (min-width:760px) {
.product .product-photos { float: left; width: 47.5%; margin: 0 0 30px 0; }
.product .product-description { float: left; width: 47.5%; margin: 0 0 30px 5%; }
}
@media only screen and (max-width:759px) {
.product .product-photos { width: 100%; margin: 0 0 30px 0; }
.product .product-description { width: 100%; margin: 0 0 30px 0; }
}

.product .product-gallery { }
.product .product-gallery .product-gallery-photo { }
.product .product-gallery .product-gallery-photo img { display: block; width: 100%; }
@media only screen and (min-width:760px) {
.product .product-gallery { margin: 10px 0 0 -3.3%; }
.product .product-gallery .product-gallery-photo { float: left; width: 30%; margin: 0 0 30px 3.3%; }
}
@media only screen and (max-width:759px) {
.product .product-gallery { margin: 10px 0 0 0; }
.product .product-gallery .product-gallery-photo { width: 100%; margin: 0 0 30px 0; }
}





/*shops-list, shops-map*/
/*font*/

/*color*/

/*layout*/
.shops-list { margin: 0 0 0 0; }
.shops-list form { margin: 0 0 10px 0; }
.shops-list a.country { display: inline-block; line-height: 25px; margin: 0 5px 0 0; padding: 0 5px; font-size: 13px; color: #282828; text-decoration: none; border: 1px solid #282828; }
.shops-list a.country:hover { color: #0d426f; border: 1px solid #0d426f; }
.shops-list .container { }
.shops-list .box { padding: 10px; box-sizing: border-box; border: 1px solid #e5e5e5; }
.shops-list .box .left { line-height: 25px; font-size: 15px; }
.shops-list .box .right { line-height: 25px; font-size: 15px; }
.shops-list .box .center { line-height: 30px; margin: 5px 0 0 0; font-size: 16px; }
.shops-list .box .bottom { margin: 5px 0 0 0; }
.shops-list .box .bottom a.link { display: inline-block; line-height: 25px; margin: 0; padding: 0 5px; font-weight: 700; font-size: 12px; color: #da251d; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; border: 2px solid #da251d; }
.shops-list .box .bottom a.link:hover { color: #282828; border: 2px solid #282828; }
.shops-list .cf1 { }

@media only screen and (min-width:1000px) {
.shops-list .container { margin: 30px 0 0 -1%; }
.shops-list .box { float: left; width: 49%; margin: 0 0 1% 1%; }
.shops-list .box .left { float: left; width: 45%; }
.shops-list .box .right { float: left; width: 55%; }
.shops-list .cf1 { clear: both; }
}
@media only screen and (min-width:700px) and (max-width:999px) {
.shops-list .container { margin: 30px 0 0 0; }
.shops-list .box { margin: 0 0 20px 0; }
.shops-list .box .left { float: left; width: 45%; }
.shops-list .box .right { float: left; width: 55%; }
.shops-list .cf1 { display: none; }
}
@media only screen and (max-width:699px) {
.shops-list .container { margin: 30px 0 0 0; }
.shops-list .box { margin: 0 0 20px 0; }
.shops-list .cf1 { display: none; }
}

.shops-list select { height: 40px; box-sizing: border-box; border: 1px solid #282828; background: #ffffff; }
.shops-list input.selectButton { display: inline-block; height: 40px; margin: 0 0 0 10px; padding: 0 10px; font-size: 16px; color: #ffffff; letter-spacing: 1px; text-transform: uppercase; cursor: pointer; box-sizing: border-box; border: 1px solid #0d426f; background: #0d426f; }

.shops-map { margin: 30px 0 0 0; width: 100%; height: 500px; }





/*articles*/
/*font*/
.articles .date { line-height: 30px; font-size: 20px; }
.articles a.title { line-height: 25px; font-size: 20px; }
.articles .introduction { font-size: 14px; }
a.button-more { line-height: 30px; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; }
a.button-all { line-height: 40px; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; }

/*color*/
.articles .date { border-bottom: 2px solid #eaeae8; }
a.title { color: #282828; } 
a.title:hover { color: #0d426f; }
a.button-more { color: #282828; border-color: #282828; background: none; }
a.button-more:hover { color: #0d426f; border-color: #0d426f; background: none; }
a.button-all { color: #282828; border-color: #282828; background: none; }
a.button-all:hover { color: #0d426f; border-color: #0d426f; background: none; }

/*layout*/
.articles { margin: 0 0 20px 0; }
.articles .container { clear: both; }
.articles .box { padding: 30px 0 0 0; position: relative; box-sizing: border-box; text-align: center; }
.articles .date { display: inline-block; margin: 0 auto 20px; }
.articles .photo { max-width: 300px; margin: 0 auto 20px; }
.articles .photo img { display: block; width: 100%; }
.articles a.title, .article a.title:hover { display: block; margin: 0 0 10px 0; text-decoration: none; }
.articles .introduction { text-align: justify; }
a.button-more, a.button-more:hover { display: inline-block; margin: 10px 0 0 0; padding: 0 10px; text-decoration: none; border-width: 2px; border-style: solid; }
a.button-all, a.button-all:hover { display: inline-block; margin: 0; padding: 0 20px; text-decoration: none; border-width: 2px; border-style: solid; }
@media only screen and (min-width:1000px) {
.articles .container { margin: 0 0 0 -2%; }
.articles .box { float: left; width: 31.33%; margin: 0 0 30px 2%; }
.articles .cf1 { clear: both; }
.articles .cf2 { display: none; }
}
@media only screen and (min-width:760px) and (max-width:999px) {
.articles .container { margin: 0 0 0 -2.5%; }
.articles .box { float: left; width: 47.5%; margin: 0 0 30px 2.5%; }
.articles .cf1 { display: none; }
.articles .cf2 { clear: both; }
}
@media only screen and (max-width:759px) {
.articles .container { }
.articles .box { width: 100%; margin: 0 0 30px 0; }
.articles .cf1 { display: none; }
.articles .cf2 { display: none; }
}





/*article*/
/*font*/
.article .date { line-height: 35px; font-size: 25px; }

/*color*/
.article .date { border-bottom: 2px solid #eaeae8; }

/*layout*/
.article { margin: 0 0 20px 0; }
.article .date { display: inline-block; margin: 0 0 20px 0; }
.article .fb { margin: 0 0 20px 0; }
.article .photo-main { }
.article .photo-main img { display: block; width: 100%; }
@media only screen and (min-width:1000px) {
.article .photo-main { float: left; max-width: 31.33%; margin: 0 30px 30px 0; }
}
@media only screen and (min-width:760px) and (max-width:999px) {
.article .photo-main { float: left; max-width: 47.5%; margin: 0 30px 30px 0; }
}
@media only screen and (max-width:759px) {
.article .photo-main { margin: 0 0 30px 0; }
}


/*article-gallery*/
/*font*/
.article-gallery .photo .alt { line-height: 20px; font-size: 13px; }

/*color*/

/*layout*/
.article-gallery { }
.article-gallery .photo { margin: 0 0 30px 0; }
.article-gallery .photo img { display: block; width: 100%; }
.article-gallery .photo .alt { display: block; margin: 5px 0 0 0; }
@media only screen and (min-width:1000px) {
.article-gallery { margin: 0 0 0 -3.33%; }
.article-gallery .photo { float: left; width: 30%; margin: 0 0 3.33% 3.33%; }
.article-gallery .cf1 { clear: both; }
.article-gallery .cf2 { display: none; }
}
@media only screen and (min-width:760px) and (max-width:999px) {
.article-gallery { margin: 0 0 0 -3%; }
.article-gallery .photo { float: left; width: 47%; margin: 0 0 3% 3%; }
.article-gallery .cf1 { display: none; }
.article-gallery .cf2 { clear: both; }
}
@media only screen and (max-width:759px) {
.article-gallery { }
.article-gallery .photo { margin: 0 0 30px 0; }
.article-gallery .cf1 { display: none; }
.article-gallery .cf2 { display: none; }
}


/*article-movies*/
/*font*/

/*color*/

/*layout*/
.article-movies { margin: 0 0 20px 0; }
.article-movies .box { padding: 0 0 20px 0; }





/*gallery*/
/*font*/
.gallery .photo .alt { line-height: 20px; font-size: 13px; }

/*color*/

/*layout*/
.gallery { margin: 0 0 20px 0; }
.gallery .container { }
.gallery .photo { margin: 0 0 30px 0; }
.gallery .photo img { display: block; width: 100%; }
.gallery .photo .alt { display: block; margin: 5px 0 0 0; }
@media only screen and (min-width:1000px) {
.gallery .container { margin: 0 0 0 -3.33%; }
.gallery .photo { float: left; width: 30%; margin: 0 0 3.33% 3.33%; }
.gallery .cf1 { clear: both; }
.gallery .cf2 { display: none; }
}
@media only screen and (min-width:760px) and (max-width:999px) {
.gallery .container { margin: 0 0 0 -3%; }
.gallery .photo { float: left; width: 47%; margin: 0 0 3% 3%; }
.gallery .cf1 { display: none; }
.gallery .cf2 { clear: both; }
}
@media only screen and (max-width:759px) {
.gallery .container { }
.gallery .photo { margin: 0 0 30px 0; }
.gallery .cf1 { display: none; }
.gallery .cf2 { display: none; }
}





/*movies*/
/*font*/

/*color*/

/*layout*/
.movies { margin: 0 0 20px 0; }
.movies .box { padding: 0 0 20px 0; }
.video-container { position: relative; padding-bottom: 49%; padding-top: 30px; height: 0; overflow: hidden;  }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }





/*fancybox*/
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav,.fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../grafika/fancybox_sprite.png'); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url('../grafika/fancybox_loading.gif') center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('../grafika/blank.gif'); -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }
.fancybox-lock { overflow: hidden !important; width: auto; }
.fancybox-lock body { overflow: hidden !important; }
.fancybox-lock-test { overflow-y: hidden !important; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('../grafika/fancybox_overlay.png'); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../grafika/fancybox_sprite@2x.png'); background-size: 44px 152px; }
#fancybox-loading div { background-image: url('../grafika/fancybox_loading@2x.gif'); background-size: 24px 24px; } 
}