@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  src: local('Lora'), local('Lora-Regular'), url(fonts/4vqKRIwnQQGUQQh-PnvdMA.woff2) format('woff2');
}
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 700;
  src: local('Lora Bold'), local('Lora-Bold'), url(fonts/P18Nsu9EiYldSvHIj_0e5w.woff2) format('woff2');
}
@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 400;
  src: local('Lora Italic'), local('Lora-Italic'), url(fonts/_RSiB1sBuflZfa9fxV8cOg.woff2) format('woff2');
}
@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 700;
  src: local('Lora Bold Italic'), local('Lora-BoldItalic'), url(fonts/_IxjUs2lbQSu0MyFEAfa7VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
}
html,body { margin: 0; padding: 0; overflow-x: hidden; background: white; }
body { font-family: 'Lora', serif; color: white; }
.section, .offer .sl-slider-wrapper { width: 100%; }
.section { margin: 0 !important; padding: 0; background: white; }
.section:not(#oferta) { padding-top: 50px; }

ul {
	list-style:none;
}
img {
	vertical-align:bottom;
}
h1 { text-align: center; }
h2 { text-align: center; }

.color1 { background: rgba(145,168,210,1); }
a { text-decoration: none; color: white; }
a:hover { font-weight: bold; }
.heart { display: block; height: 24px; width: 300px; margin: 0 auto; background: url('../image/heart-line.png'); background-size: 300px 24px; }
.clear { clear: both; }
.block { display: block; }
.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.hover:hover { cursor: pointer; }
.error { border: 2px solid red; }
.error2 { color: red; text-align: center; }
.auto { margin: 0 auto; }
.nobr { white-space:nowrap; }

#loading_img { display: block; border: 1px solid black; width: 200px; margin: 0 auto; }

div.hr { margin: 0 auto; }
div.before-hr { background: white; float: left; }
div.in-hr {
  margin: 0 auto;
  background: url('img/heart32.png');  
  background-repeat: repeat-x;
  float: left;
}
#menu-header { 
	position: fixed; 
	top: 0px; 
	width: 100%; 
	z-index: 99999;
	box-shadow: 0px 1px 1px 1px #ffffff;
}
#menu-header-in { 
	margin: 0 auto;
}
.menu-header { 
	float: left; 
	text-align: center; 
}
#menu-header .alfa-link { color: white; }
#menu-header .active { font-weight: 900; text-decoration: underline; }
#menu-first { 
	margin: 0 auto; 
	display: none;
}
#in-menu {
	width: 80%;
	margin-left: 10%;
	background: rgba(145,168,210,0.7);
	text-shadow: 1px 1px #333333;
}
#round_menu { 
	margin: 0 auto;
	position: relative;
}
.round_menu { 
	display: block;
	position: relative;
	float: left;
	background: #4d2413;
	z-index: 98;
}
.round_menu span {
	display: block;
	width: 50%;
	margin: 75% 0 0 25%;
	padding: 0px 5px 0px 5px;
	text-align: center;
	border-radius: 5px;
	text-shadow: 1px 1px #333333;
	background: rgba(0,0,0,0.4);
}
.round_menu.active { 
	margin-top: 0px;
	position: absolute;
	top: 0px;
	z-index: 99;
}
.round_menu:hover { border-color: rgba(145,168,210,1); }
#social { position: fixed; top: 40%; left: 0px; z-index: 999; }
.social { position: relative;  border-bottom: 1px solid white; }
.social:nth-last-child(1) { border-bottom: none; }
.social1 { float: right; }
.social2 { float: left; }



#o-nas { color: black;  }
#mapka { 
	background: rgba(255,255,255,1);
	border: 1px solid white; 
}

#galeria { position: relative; background-position: center; background-repeat: no-repeat; }
.galeria { position: relative; display: block; float: left; }
.galeria img { display: block; margin: 0 auto; border: 1px solid white; }
.galeria img:hover { padding: 0px; }
.galeria span { 
	display: block; 
	position: absolute; 
	bottom: 0px; 
	background: rgba(0,0,0,0.2); 
	text-align: center; 
	color: white; 
}

#opinie h2 {
	width: 70%;
	margin: 0 auto;
	display: block;
	background: rgba(0,0,0,0.3);
}

#kontakt h2 { padding: 0px; }
#kontakt-phone {  
	text-align: center; 
	font-weight: bold; 
}
.person { 
	border: 1px solid white; 
	float: left; 
	margin-right: 1px;
}
input[type="text"].col2,textarea.col2 { 
	font-family: 'Lora', serif; 
}
#kontakt-form button { 
	font-family: 'Lora', serif; 
	display: bold;
}

#up { 	position: fixed; 
		bottom: 0px; 
		right: 0px;  
		text-align: center; 
		display: none;
		z-index: 9998;
}	
#upM { position: fixed; bottom: 0px; left: 0px; }

@media (min-width: 1200px) {
body { font-size: 15px; }
h1 { padding: 10px; font-size: 60px; }
h2 { padding: 10px; font-size: 40px; }
div.hr { width: 712px; height: 32px; }
div.before-hr { height: 4px; margin: 12px; width: 300px; }
div.in-hr {
	height: 28px;
	width: 64px;
	background-size: 32px 28px;
}
#menu-header { 
	height: 50px; 
}
#menu-header-in { 
	width: 1200px; 
}
.menu-header { 
	width: 180px; 
	height: 35px; 
	padding: 10px 10px 10px 5px;  
	font-size: 22px;
}
#strona-glowna { 
	padding-bottom: 50px;
}
#menu-first { 
	width: 1200px; 
	margin-top: 50px; 
}
#in-menu {
	border-radius: 20px;
	margin-bottom: 10px;
}
#in-menu { 
	padding: 20px 20px 20px 20px;
}
#round_menu { 
	width: 520px;
	height: 240px;
}
.round_menu { 
	width: 200px; 
	height: 200px; 
	border-radius: 100px; 
	margin-top: 40px;
	border: 10px solid white;
}
.round_menu:nth-child(1) { margin-right: 120px; }
.round_menu.active { 
	width: 220px; 
	height: 220px; 
	border-radius: 110px;
	left: 150px;
}
#social { height: 182px; }
.social { left: -200px; height: 60px; }
.social1 { width: 60px; }
.social1 img { width: 58px; height: 58px; }
.social2 { padding: 20px 10px 0px 10px; font-size: 16px; height: 38px; width: 200px; }

#o-nas { padding-bottom: 50px; }
#o-nas h2 { margin-top: 50px; }
#mapka { 
	margin-left: 5px; 
	width: 600px; 
	height: 300px; 
	box-shadow: 10px 10px 5px #888888;
}
#kontakt-phone, #kontakt-form { background: rgba(145,168,210,0.7); }
#kontakt { 
	padding-bottom: 50px;
}
#kontakt-form { 
	width: 340px; 
	padding: 15px 25px 25px 15px; 
	border-radius: 30px; 
	margin: 100px 100px 0px 0px;
	float: right;
}
#kontakt-phone { 
	margin: 100px 0px 0px 100px;
	padding-top: 10px;
	width: 400px;  
	border-radius: 30px 30px 30px 30px;
	font-size: 13px;
	float: left;
}
.person { 
	width: 100px; 
	height: 100px; 
	border-radius: 50px 50px 50px 50px; 
	margin-right: 1px;
}
input[type="text"].col2,textarea.col2 { 
	font-size: 14px;  
	min-height: 22px;
}
#kontakt-form button { font-size: 13px; width: 207px; height: 36px; }
#kontakt-form button:nth-child(1) { margin-left: 5px; }
#kontakt-form button:nth-child(2) { margin-right: 5px; }

.col2 { width: 205px; min-height: 22px; padding: 10px; }
.col3 { width: 317px; min-height: 22px; padding: 10px; }
.col4 { width: 430px; min-height: 22px; padding: 10px; }
.col8 { width: 880px; min-height: 22px; padding: 10px; }

#galeria { padding-bottom: 50px; }
#galeria h2 { padding: 50px;  }
.galeria { width: 280px; height: 230px; margin-bottom: 25px; }
.galeria img { padding: 5px; max-width: 268px; max-height: 198px; }
.galeria img:hover { max-width: 278px; max-height: 208px; }
.galeria span { 
	left: 15px;
	width: 240px; 
	padding: 5px; 
	font-size: 15px; 
}

#footer { width: 100%; min-height: 10px; border-top: 1px solid black;  }
#footer .col8, #footer .col4, #footer .col3 { padding: 5px; min-height: 10px; }
#up { width: 60px; height: 60px; }
.mobile { display: none; }
}
/* ===================================================== */

@media (min-width: 992px) and (max-width: 1199px) {
h1 { padding: 7px; font-size: 45px; }
h2 { padding: 7px; font-size: 30px; }
body { font-size: 13px; }
div.hr { width: 534px; height: 24px; }
div.before-hr { height: 3px; margin: 8px; width: 225px; }
div.in-hr {
	height: 21px;
	width: 48px;
	background-size: 24px 21px;
}
#menu-header { 
	height: 38px; 
}
#menu-header-in { 
	width: 900px; 
}
.menu-header { 
	width: 135px; 
	height: 19px; 
	padding: 7px 7px 7px 4px; 
	font-size: 15px;
}
#strona-glowna { 
	padding-bottom: 50px;
}
#menu-first { 
	width: 900px; 
	margin-top: 50px; 
}
#in-menu {
	border-radius: 15px;
	margin-bottom: 7px;
}
#in-menu { 
	padding: 15px 15px 15px 15px;
}
.round_menu.active { 
	width: 220px; 
	height: 220px; 
	border-radius: 110px;
	left: 150px;
}

#round_menu { 
	width: 390px;
	height: 180px;
}
.round_menu { 
	width: 150px; 
	height: 150px; 
	border-radius: 75px; 
	margin-top: 30px;
	border: 7px solid white;
}
.round_menu:nth-child(1) { margin-right: 90px; }
.round_menu.active { 
	width: 165px; 
	height: 165px; 
	border-radius: 82px;
	left: 112px;
}
#social { height: 136px; }
.social { left: -150px; height: 45px; }
.social1 { width: 45px; }
.social1 img { width: 43px; height: 43px; }
.social2 { padding: 15px 7px 0px 7px; font-size: 12px; height: 29px; width: 150px; }

#o-nas { padding-bottom: 50px; }
#o-nas h2 { margin-top: 50px; }
#mapka { 
	margin-left: 4px; 
	width: 450px; 
	height: 250px; 
	box-shadow: 7px 7px 3px #888888;
}
#kontakt { 
	padding-bottom: 50px;
}
#kontakt-phone, #kontakt-form { background: rgba(145,168,210,0.7); }
#kontakt-form { 
	width: 255px; 
	padding: 11px 18px 18px 11px; 
	border-radius: 22px; 
	margin: 75px 75px 0px 0px;
	float: right;
}
#kontakt-phone { 
	margin: 75px 0px 0px 75px;
	padding-top: 7px;
	width: 337px;  
	border-radius: 22px;
	float: left;
}
.person { 
	width: 75px; 
	height: 75px; 
	border-radius: 37px; 
	margin-right: 1px;
}
input[type="text"].col2,textarea.col2 { 
	font-size: 13px;  
	min-height: 17px;
}
#kontakt-form button { font-size: 13px; width: 205px; height: 27px; }
#kontakt-form button:nth-child(1) { margin-left: 10px; }
#kontakt-form button:nth-child(2) { margin-right: 10px; }

.col2 { width: 205px; min-height: 22px; padding: 10px; }
.col3 { width: 317.5px; min-height: 22px; padding: 10px; }
.col4 { width: 430px; min-height: 22px; padding: 10px; }
.col8 { width: 880px; min-height: 22px; padding: 10px; }

#galeria { padding-bottom: 50px; }
#galeria h2 { padding: 40px;  }
.galeria { width: 210px; height: 172px; margin-bottom: 19px; }
.galeria img { padding: 3px; max-width: 201px; max-height: 148px; }
.galeria img:hover { max-width: 211px; max-height: 158px; }
.galeria span { 
	left: 11px;
	width: 180px; 
	padding: 4px; 
	font-size: 12px; 
}

#footer { width: 100%; min-height: 10px; border-top: 1px solid black;  }
#footer .col8, #footer .col4, #footer .col3 { padding: 5px; min-height: 10px; }
#up { width: 45px; height: 45px;  }
.mobile { display: none; }
}

/* ===================================================== */

@media (min-width: 768px) and (max-width: 991px) {
h1 { padding: 5px; font-size: 36px; }
h2 { padding: 5px; font-size: 24px; }
body { font-size: 11px; }
div.hr { width: 426px; height: 18px; }
div.before-hr { height: 2px; margin: 6px; width: 180px; }
div.in-hr {
	height: 17px;
	width: 38px;
	background-size: 19px 17px;
}
#menu-header { 
	height: 30px; 
}
#menu-header-in { 
	width: 690px; 
}
.menu-header { 
	width: 108px; 
	height: 15px; 
	padding: 5px 5px 5px 3px; 
	font-size: 12px;
}
#strona-glowna { 
	padding-bottom: 30px;
}
#menu-first { 
	width: 690px; 
	margin-top: 30px; 
}
#in-menu {
	border-radius: 12px;
	margin-bottom: 5px;
}
#in-menu { 
	padding: 12px;
}
.round_menu.active { 
	width: 176px; 
	height: 176px; 
	border-radius: 88px;
	left: 120px;
}

#round_menu {
	margin-top: 10px;
	width: 312px;
	height: 144px;
}
.round_menu { 
	width: 120px; 
	height: 120px; 
	border-radius: 60px; 
	margin-top: 24px;
	border: 5px solid white;
}
.round_menu:nth-child(1) { margin-right: 72px; }
.round_menu.active { 
	width: 132px; 
	height: 132px; 
	border-radius: 66px;
	left: 90px;
}
#social { height: 109px; }
.social { left: -120px; height: 36px; }
.social1 { width: 36px; }
.social1 img { width: 35px; height: 35px; }
.social2 { padding: 12px 5px 0px 5px; font-size: 10px; height: 23px; width: 120px; }

#o-nas { padding-bottom: 40px; }
#o-nas h2 { margin-top: 40px; }
#mapka { 
	margin-left: 3px; 
	width: 360px; 
	height: 200px; 
	box-shadow: 5px 5px 2px #888888;
}
#kontakt { 
	padding-bottom: 40px;
}
#kontakt-phone, #kontakt-form { background: rgba(145,168,210,0.7); }
#kontakt-form { 
	width: 204px; 
	padding: 9px 14px 14px 9px; 
	border-radius: 17px; 
	margin: 60px 60px 0px 0px;
	float: right;
}
#kontakt-phone { 
	margin: 60px 0px 0px 60px;
	padding-top: 5px;
	width: 270px;  
	border-radius: 18px; 
	font-size: 9px;
	float: left;
}
.realperson-text { font-size: 5px !important; }

.person { 
	width: 60px; 
	height: 60px; 
	border-radius: 30px; 
	margin-right: 0px;
}
input[type="text"].col2,textarea.col2 { 
	font-size: 11px;  
	min-height: 14px;
}
#kontakt-form button { font-size: 11px; width: 164px; height: 22px; }
#kontakt-form button:nth-child(1) { margin-left: 10px; }
#kontakt-form button:nth-child(2) { margin-right: 10px; }

.col2 { width: 162px; min-height: 18px; padding: 5px; }
.col3 { width: 248px; min-height: 18px; padding: 5px; }
.col4 { width: 335px; min-height: 18px; padding: 5px; }
.col8 { width: 680px; min-height: 18px; padding: 5px; }

#galeria { padding-bottom: 30px; }
#galeria h2 { padding: 30px;  }
.galeria { width: 161px; height: 132px; margin-bottom: 15px; }
.galeria img { padding: 2px; max-width: 155px; max-height: 114px; }
.galeria img:hover { max-width: 163px; max-height: 122px; }
.galeria span { 
	left: 8px;
	width: 139px; 
	padding: 3px; 
	font-size: 10px; 
}

#footer { width: 100%; min-height: 10px; border-top: 1px solid black;  }
#footer .col8, #footer .col4, #footer .col3 { padding: 3px; min-height: 10px; }
#up { width: 40px; height: 40px;  }
.mobile { display: none; }
}

@media (max-width: 767px) {
h1 { padding: 5px; font-size: 28px; }
h2 { padding: 5px; font-size: 18px; }
body { font-size: 10px; }
div.hr { width: 300px; height: 8px; }
div.before-hr { height: 2px; margin: 6px; width: 80px; }
div.in-hr {
	height: 14px;
	width: 38px;
	background-size: 19px 14px;
}
#menu-header { 
	padding-bottom: 10px; 
}
#menu-header-in { 
	width: 300px; 
}
.menu_option {
	display: none;
}
.menu-header { 
	width: 290px; 
	height: 24px; 
	padding: 5px 5px 5px 3px; 
	font-size: 17px;
}
#strona-glowna { 
	padding-bottom: 30px;
}
#menu-first { 
	width: 300px; 
	margin-top: 30px; 
}
#in-menu {
	border-radius: 12px;
	margin-bottom: 5px;
}
#in-menu { 
	padding: 12px;
}
.menu-header:nth-child(1) { height: 30px; }
#mmenu { width: 120px;  margin: 0 auto; }
#mmenu img { margin: 0; padding: 0; width: 26px; float: left;  }
#mmenu span { padding: 1px 1px 1px 10px; font-size: 20px; color: white; float: left; font-weight: bold; }

.round_menu.active { 
	width: 176px; 
	height: 176px; 
	border-radius: 88px;
	left: 120px;
}

#round_menu {
	margin-top: 10px;
	width: 250px;
	height: 115px;
}
.round_menu { 
	width: 96px; 
	height: 96px; 
	border-radius: 48px; 
	margin-top: 19px;
	border: 3px solid white;
}
.round_menu:nth-child(1) { margin-right: 58px; }
.round_menu.active { 
	width: 104px; 
	height: 104px; 
	border-radius: 52px;
	left: 73px;
}
#social { height: 160px; }
.social { height: 40px; }
.social1 { width: 40px; }
.social1 img { width: 38px; height: 38px; }
.social2 { display: none; padding: 12px 5px 0px 5px; font-size: 10px; height: 23px; width: 120px; }

#o-nas { padding-bottom: 10px; }
#o-nas h2 { margin-top: 10px; }
#mapka { 
	margin-left: 15px; 
	width: 260px; 
	height: 240px; 
	box-shadow: 5px 5px 2px #888888;
}
#kontakt-phone, #kontakt-form { background: rgba(145,168,210,0.7); }
#kontakt { 
	padding-bottom: 40px;
}
#kontakt-form { 
	width: 300px; 
	padding: 10px;
	border-radius: 0px 0px 20px 20px; 
	margin: 0px auto;
}
#kontakt-phone { 
	margin: 0 auto;
	padding: 10px;
	width: 300px;  
	border-radius: 20px 20px 0px 0px; 
	font-size: 13px;
}

#kontakt-phone p { 
	display: block; 
	width: 270px;
	float: left;
}
.person { 
	width: 150px; 
	height: 150px; 
	border-radius: 100px; 
	margin-left: 64px;
}
#before_person { width: 274px; height: 200px; background: red;  }
input[type="text"].col2,textarea.col2 { 
	font-size: 13px;  
	min-height: 20px;
	width: 274px;
	margin-top: 10px; 
}
#kontakt-form button { font-size: 13px; width: 274px; height: 32px; }
#kontakt-form button:nth-child(1) { margin-left: 10px; margin-top: 10px; }
#kontakt-form button:nth-child(2) { margin-right: 10px; margin-top: 10px; }

.col2 { width: 290px; min-height: 18px; padding: 5px; }
.col3 { width: 290px; min-height: 18px; padding: 5px; }
.col4 { width: 290px; min-height: 18px; padding: 5px; }
.col8 { width: 290px; min-height: 18px; padding: 5px; }

#galeria { padding-bottom: 30px; }
#galeria h2 { padding: 30px; }
.galeria { width: 140px; height: 134px; margin-bottom: 15px; }
.galeria img { padding: 5px; max-width: 130px; max-height: 102px; }
.galeria img:hover { max-width: 140px; max-height: 112px; }
.galeria span { 
	left: 6px;
	width: 130px; 
	padding: 4px 4px 4px 6px; 
	font-size: 12px; 
	height: 22px;
}

#footer { width: 100%; min-height: 10px; border-top: 1px solid black;  }
#footer .col8, #footer .col4, #footer .col3 { 
	font-size: 11px;
	text-align: center; 
	padding: 3px; 
	min-height: 10px;
}
#up { width: 40px; height: 40px;  }
.computer { display: none; }
}

@media (min-width: 1200px) {
#strona-glowna {
	background: url('img/suchowola_high.jpg');
	background-size: 100% auto;
}

#galeria {
	background: url('img/galeria_high.jpg');
	background-size: 100% auto;
}

#opinie {
	background: url('img/opinie_high.jpg');
	background-size: 100% auto;
}	

#o-nas {
	background: url('img/o-nas_high.jpg');
	background-size: 100% auto;
}	

#kontakt {
	background: url('img/kontakt_high.jpg');
	background-size: 100% auto;
}	
}
@media (min-width: 992px) and (max-width: 1199px) {
#strona-glowna {
	background: url('img/suchowola_big.jpg');
	background-size: 100% auto;
}

#galeria {
	background: url('img/galeria_big.jpg');
	background-size: 100% auto;
}

#opinie {
	background: url('img/opinie_big.jpg');
	background-size: 100% auto;
	background-attachment: fixed;
}	

#o-nas {
	background: url('img/o-nas_big.jpg');
	background-size: 100% auto;
}	

#kontakt {
	background: url('img/kontakt_big.jpg');
	background-size: 100% auto;
}
}
@media (min-width: 500px) and (max-width: 991px) {
#strona-glowna {
	background: url('img/suchowola_middle.jpg');
	background-size: 100% auto;
}

#galeria {
	background: url('img/galeria_middle.jpg');
	background-size: 100% auto;
}

#opinie {
	background: url('img/opinie_middle.jpg');
	background-size: 100 auto%;
	background-attachment: fixed;
}	

#o-nas {
	background: url('img/o-nas_middle.jpg');
	background-size: 100 auto%;
	background-attachment: fixed;
}	

#kontakt {
	background: url('img/kontakt_middle.jpg');
	background-size: 100% auto;
	background-attachment: fixed;
}
}
@media (max-width: 499px) {
#strona-glowna {
	background: url('img/suchowola_mini.jpg');
	background-size: auto 100%;
}

#galeria {
	background: url('img/galeria_mini.jpg');
	background-size: auto 100%;
}

#opinie {
	background: url('img/opinie_mini.jpg');
	background-size: auto 100%;
	background-attachment: fixed;
}	

#o-nas {
	background: url('img/o-nas_mini.jpg');
	background-size: auto 100%;
}	

#kontakt {
	background: url('img/kontakt_mini.jpg');
	background-size: auto 100%;
}
}

#opinie-tekst {
	background: rgba(145,168,210,0.7);
	text-shadow: 1px 1px #333333;
	border-radius: 15px;
	margin-top: 15px; 
}
#opinie-tekst span.jeden {
	display: block;
	padding: 2%;
}