html { font-family: 'Source Sans Pro', sans-serif; color:#666; }
body { padding:0;  margin:0; }	
img { max-width: 100%; height: auto; }
a { text-decoration:none; color:#666; transition:.3s; outline:none; }
a:hover { color:#a69488; outline:none; }
* { box-sizing: border-box; margin:0;padding:0; outline:none; }

@keyframes fadein{from{opacity:0}to{opacity:1}}
@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}


.fl { float:left;}
.fr { float:right;}
.fl100 { float:left; width:100%; }
.fr100 { float:right; width:100%; }
.fl50 { float:left; width:50%; }
.fr50 { float:right; width:50%; }

.mGD10 { margin-top:5px !important; margin-bottom:5px !important; }
.mGD10 { margin-top:10px !important; margin-bottom:10px !important; }
.mGD15 { margin-top:15px !important; margin-bottom:15px !important; }
.mGD20 { margin-top:20px !important; margin-bottom:20px !important; }
.mGD30 { margin-top:30px !important; margin-bottom:30px !important; }

.mG5 { margin-top:5px !important; }
.mG10 { margin-top:10px !important; }
.mG15 { margin-top:15px !important; }
.mG20 { margin-top:20px !important; }
.mG30 { margin-top:30px !important; }
.mG40 { margin-top:40px !important; }
.mG50 { margin-top:50px !important; }

.mD5 { margin-bottom:5px !important; }
.mD10 { margin-bottom:10px !important; }
.mD15 { margin-bottom:15px !important; }
.mD20 { margin-bottom:20px !important; }
.mD30 { margin-bottom:30px !important; }
.mD40 { margin-bottom:40px !important; }
.mD50 { margin-bottom:50px !important; }

.mL10 { margin-left:10px !important; }	
.mL20 { margin-left:20px !important;  }	
.mL30 { margin-left:30px !important;  }	
.mL40 { margin-left:40px !important;  }	
.mL50 { margin-left:50px !important;  }	
.mL100 { margin-left:100px !important;  }	

.mR10 { margin-right:10px !important; }	
.mR20 { margin-right:20px !important; }	
.mR30 { margin-right:30px !important; }	
.mR40 { margin-right:40px !important; }	
.mR50 { margin-right:50px !important; }	
.mR100 { margin-right:100px !important; }	
	
.mLR10 { margin-left:10px !important; margin-right:10px !important; }	
.mLR20 { margin-left:20px !important; margin-right:20px !important; }	
.mLR30 { margin-left:30px !important; margin-right:30px !important; }	

::-moz-selection { color: #fff; background: #ceb48c; }
::selection { color: #fff; background: #ceb48c; }
.clr {
	width:100%;
	clear:both
	}
#holder {
	float:left;
	width:100%;
	overflow:hidden;
	}
.content {
	position:relative;
	width:92%;
	margin:0 auto;
	max-width:1300px;
	}
.header {
	float:left;
	width:100%;
	border-bottom:1px solid #ddd;
	}
.logo-bar {
	float:left;
	width:100%;
	padding:40px 0 30px;
	text-align:center;
	
	}
.logo, 
.logo2 {
    display:inline-block;
	width:100%;
	max-width: 550px;
    height: 60px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
	}
.logo  { background-image: url(../images/logo-hoscilowicz.png); }
.logo2  { background-image: url(../images/logo-hoscilowicz-light.png); }
	
.menu-bar {
	float:left;
	width:100%;
	padding:20px 0;
	position:relative;
	z-index:100;
	}
.menu-bar ul {
    width:100%;
	list-style-type: none;
    margin:0; padding:0;
    overflow:hidden;
	text-align:center;
	}
.menu-bar li { display:inline; margin:0 25px; }
.menu-bar li a, .menu-bar .dropbtn {
    font-size:16px; color:#666;
	font-weight:400;
	display:inline-block; 
    text-align:center; padding:0 0 5px 0; 
	text-decoration:none;
	border-bottom: 1px solid rgba(221,221,221,0);
	}
.menu-bar li a b, .tytul b.dzieci {
	background: linear-gradient(to right, #00aeef 0%, #fdb813 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	}	
.menu-bar li a b, .tytul b {	font-weight:700; }
.menu-bar li a:hover, .menu-bar .dropdown:hover .dropbtn, .menu-bar li a.active { color:#a69488; }
.menu-bar .fa-caret-down { margin-left:4px; }	
.menu-bar .dropdown:hover .dropbtn { 
	}
.menu-bar li.dropdown { display:inline-block; }
.menu-bar .dropdown-content {
    display:none; position:absolute;
    border: 1px solid rgba(221,221,221,1);
	background: rgba(255,255,255,1);
    padding:20px 0; z-index:910;
	margin-top:-2px;
	}
.menu-bar .dropdown-content a { 
	font-size:16px; color:#666; 
	padding:5px 25px; display:block; text-align:left; 
	}
.menu-bar .dropdown:hover .dropdown-content { display:block; }	
	
.footer {
	float:left;
	width:100%;
	}	
.foot-partnerzy,
.foot1, 
.foot2, 
.copy { 
	float:left; 
	width:100%; 
	}
.foot-partnerzy {
	background-color:#fff;
	padding:30px 0;	
	border-top:1px solid #f0ebe8;
	}
.owl-carousel-slider-partnerzy .owl-item {
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
	opacity:.5;
	transition:.3s;
	}
.owl-carousel-slider-partnerzy .owl-item:hover {
	-webkit-filter: grayscale(0%);
    filter: grayscale(0%);
	opacity:1;
	}	
.foot1 {
	background-color:#dbd3cc;
	padding:50px 0;	
	}
.foot1 a {
	width:calc(50% - 20px);
	font-family:'Roboto Slab';
	font-size:36px;	
	line-height:36px;
	font-weight:400;
	color:#2D2825;
	text-align:center;
	border:1px solid #a69488;
	padding:30px 0;
	}
.foot1 a .fa-phone,
.foot1 a .fa-pencil-alt {
	font-size:20px;	
	margin:0 10px 6px 0;
	}
.foot1 a:hover { 
	border-color:#fff;
	background-color:#fff;
	}
.foot2 {
	background-color:#a69488;
	padding:40px 0;	
	}
.foot2 .fr a {
	font-size:36px;
	line-height:60px;
	color:#fff;
	margin-left:15px;
	}
.foot2 .fr a:hover { color:#E2D7D0; }	
.copy {
	font-size:13px;
	padding:30px 0;	
	}
.copy .fr a {
	font-weight:bold;
	}				
.block-ico {
	position:fixed;
	right:0;
	width:40px;
	height:40px;
	color:#fff;
	text-align:center;
	line-height:40px;
	padding-right:0;
	z-index:910;
	}	
.block-ico:hover { width:50px; color:#fff; }
.ico-fb	{ top: 160px; background-color:#6d84b4; }
.ico-insta { top: 200px; background-color:#cd486b; }
	
/* MENU RWD */ 
.nav-mobile { display:none; }

.nav-mobile .fa-bars { font-size:20px; }

.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1000;
    top: 0; left: 0;
    background-color:#A79489;
	background-image:url(../images/bg-menu-rwd.png);
	background-repeat:no-repeat;
	background-position:right bottom;
    overflow-x: hidden;
    transition: 0.3s;
	}
.overlay .closebtn {
    position: absolute;
    top: 10px; right: 15px;
    color:#fff;
	font-size: 40px;
	line-height:1;
	padding:0; margin:0;
	z-index:100;
	}
	
.overlay-content {
    position: relative;
    width: 100%;
    text-align: left;
	padding:70px 20px 20px 20px;
	}
.overlay-content img {
    position: relative;
    width: 100%;
	margin-bottom:40px;
	}	
.overlay-content ul li { list-style:none; }
	
.overlay-content a {
    float:left;
	padding:6px 0;
    text-decoration: none;
    font-size: 18px;
	font-weight:600;
	line-height:1;
    color: #fff;
    display: block;
    transition:.3s;
	text-transform:uppercase;
	clear:both;
	}

.overlay a:hover, 
.overlay a:focus {
    color: #333;
	}
.dropbtn .fas { font-size:12px; margin-left:10px; }

.overlay-content .dropdown-content { display:none; }
.overlay-content .dropdown-content a { 
	font-size: 16px;
	line-height:1;
	text-transform:none;
	font-weight:400;
	}
.overlay-content .dropdown-content a:last-child { margin-bottom:10px;	}
.overlay-content .dropdown-content a::before { content: ""; }
.overlay-content .active { color:#000; }
	
.overlay-socials {
	float:left;
	width:100%;
	padding:20px;
	margin-top:20px;	
	}	
.overlay-socials a {
	color:#fff;
	font-size:30px;
	margin-right:15px;
	}
	
/* JAGA */	
.jagiellonia-hold {
	display:inline-block;
	width:calc(100% - 700px);
	text-align:center;
	}
.jagiellonia-button {
	display:inline-block;
	cursor:pointer;
	}
.toggle-content1 {
    float:left;
	width:100%;
    height:300px;
	background-image:url(../images/jagiellonia.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	display: none;
	}
	
.booksy {
	display:inline-block;
	width:100%;
	text-align:center;
	}	
.booksy-business-link {display: none !important;}
.booksy-widget-container-default.booksy-widget-container-pl .booksy-widget-button {
    background-image: none !important;
	}
.booksy-widget-container-default.booksy-widget-container-pl .booksy-widget-button::after {
	/*content:"Rezerwuj";*/
	font-weight:bold;
	}
.booksy-widget-container-dialog .booksy-widget-button:hover {
    transform: scale(1.05) !important;
    transition: all 0.3s ease 0s;
	color:#ceb48c !important;
	}	

.booksy-widget-container-dialog {
	width: auto !important;
	height: auto !important;
	}
.booksy-widget-container-dialog .booksy-widget-button {
    width: auto !important;
    height: auto !important;
	}


	.sm-panel {position: fixed;width: 155px;top: 150px;right: -105px;z-index: 1000000;transition: visibility .25s, opacity .25s}
	.sm-panel>ul {margin: 0;padding: 0;list-style-type: none}
	.sm-panel>ul>li {transition: transform .25s}
	.sm-panel>ul>li:hover {transform: translateX(-105px)}
	.sm-panel>ul>li>a {display: flex;align-items: center;color: #fff;padding: 5px 0 5px 5px;text-decoration: none}
	.sm-panel>ul>li>a>img {margin: 0 10px 0 0}
	.sm-panel>ul>li>a>span {font-size: initial}
	.sm-panel>ul>li[class^="sm-"] {background-image: none;background-repeat: repeat;background-attachment: scroll;background-position: 0%}
	.sm-text-black {color: #000}
	.sm-fb {background:#1977f3}
	.sm-twitter {background:#fff}
	.sm-gmap {background:#333}
	.sm-blog {background:#0171bb}
	.sm-pinterest {background:#d73532}
	.sm-youtube {background:#e32c26}
	.sm-allegro {background:#ff5a00}
	.sm-linkedin {background:#0097bd}
	.sm-payback {background:#00349a}
	.sm-olx {background:#002f34}
	.sm-instagram {background:#eee}
	.sm-pyszne {background:#ff8000}
	.sm-tiktok {background:#fff}
	.sm-booksy {background:#f9e5bc}

	/* ukrywanie socjalek a mobilce
	@media screen and (max-width:640px) {.sm-panel {visibility:hidden; opacity:0}}
	*/

	.cookie-icon{
		position: fixed;
		width: 64px;
		height: 64px;
		bottom: 10px;
		left: 10px;
		z-index: 1000000;
		padding: 0px;
		margin: 0;
	}
	.cookie-icon img{
		padding: 0;
		margin: 0;
		width:100%;
		height: auto;
	}
	.cookie-icon img a{
		padding: 0;
		margin: 0;
		text-decoration: none;
		background-color: rgba(0, 0, 0, 0);
	}
	.cookie-icon img:hover{
		transform: translateY(-4px);
	}

	@media only screen and (max-width:640px){
		.cookie-icon{
		width: 46px;
		height: 46px;
		}
	}