@import url('https://fonts.googleapis.com/css?family=Muli:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i&subset=latin-ext');

//GRID
@column-width: 60;
@gutter-width: 20;
@columns: 12;

// Utility variable — you should never need to modify this
@gridsystem-width: (@column-width*@columns) + (@gutter-width*@columns) * 1px;

// Set @total-width to 100% for a fluid layout
@total-width: @gridsystem-width;

// Uncomment these two lines and the star-hack width/margin lines below to enable sub-pixel fix for IE6 & 7. See http://tylertate.com/blog/2012/01/05/subpixel-rounding.html
// @min-width: 960;
// @correction: 0.5 / @min-width * 100 * 1%;

// The micro clearfix http://nicolasgallagher.com/micro-clearfix-hack/
.clearfix() {
	*zoom:1;

	&:before,
	&:after {
	    content:"";
	    display:table;
	}
	&:after {
	    clear:both;
	}
}


//////////
// GRID //
//////////

body {
	width: 100%;
	.clearfix;
	font-size: 16px;
}

.row(@columns:@columns) {
	display: block;
	width: @total-width*((@gutter-width + @gridsystem-width)/@gridsystem-width);
	margin: 0 @total-width*(((@gutter-width*.5)/@gridsystem-width)*-1);
	// *width: @total-width*((@gutter-width + @gridsystem-width)/@gridsystem-width)-@correction;
	// *margin: 0 @total-width*(((@gutter-width*.5)/@gridsystem-width)*-1)-@correction;
	.clearfix;
}
.column(@x,@columns:@columns) {
	display: inline;
	float: left;
	width: @total-width*((((@gutter-width+@column-width)*@x)-@gutter-width) / @gridsystem-width);
	margin: 0 @total-width*((@gutter-width*.5)/@gridsystem-width);
	// *width: @total-width*((((@gutter-width+@column-width)*@x)-@gutter-width) / @gridsystem-width)-@correction;
	// *margin: 0 @total-width*((@gutter-width*.5)/@gridsystem-width)-@correction;
}
.push(@offset:1) {
	margin-left: @total-width*(((@gutter-width+@column-width)*@offset) / @gridsystem-width) + @total-width*((@gutter-width*.5)/@gridsystem-width);
}
.pull(@offset:1) {
	margin-right: @total-width*(((@gutter-width+@column-width)*@offset) / @gridsystem-width) + @total-width*((@gutter-width*.5)/@gridsystem-width);
}



//ZMI

div { box-sizing: border-box;}
button {outline: 0 none !important;}

@phone: ~"only screen and (min-width: 1px) and (max-width: 479px)";
@smartphone: ~"only screen and (min-width: 480px) and (max-width: 768px)";
@tablet: ~"only screen and (min-width: 769px) and (max-width: 992px)";

@smallmobile: ~"only screen and (min-width: 1px) and (max-width: 768px)";
@mobile: ~"only screen and (min-width: 1px) and (max-width: 992px)";
@desktop: ~"only screen and (min-width: 993px)";
@bigscreen: ~"only screen and (min-width: 1280px)";

body, html {margin: 0; padding: 0; font-family: Muli; 	 scroll-behavior: smooth; color: @grey;;}
.full {width: 100%; float: left;}
.container {max-width: 1440px; margin: 0 auto; padding: 0 20px;}
.flex-inline {display: flex; flex-direction: row;}
.space {justify-content: space-between;}

.transitions {-webkit-transition: all 150ms ease-in-out;
-moz-transition: all 150ms ease-in-out;
-ms-transition: all 150ms ease-in-out;
-o-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;}
.shadow {-webkit-box-shadow: 0 0 20px 0 rgba(22,22,22,0.15); box-shadow: 0 0 20px 0 rgba(22,22,22,0.15);}
.xshadow {-webkit-box-shadow: none; box-shadow: none;}

.scale {-moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}

a {text-decoration: none !important;}
a:hover {cursor: pointer !important;}

p, a, ul li {
  color: @grey;
  font-size: 1rem;
  line-height: 1.3;
	font-weight: 300;

}

h1, h2, h3, h4, h5, h6 {
font-weight: 500;
line-height: 1.3;
color: @heading;
margin-bottom: 1.5rem;
margin-top: 2.5rem;
font-family: Muli;
}

h1 {font-size: 2.1875rem;}
h2 {font-size: 1.75rem;}
h3 {font-size: 1.53125rem}
h4 {font-size: 1.3125rem}
h5 {font-size: 1.09375rem}
h6 {font-size: 0.875rem}


@pink: #ff4b69;
@gold1: #eaba2b;
@gold2: #c27b2f;
@grey: #737373;
@lightgrey: #e7e7e7;
@heading: #020202;

.gradient-h {background: #eaba2b;
background: -moz-linear-gradient(left, #eaba2b 0%, #c27b2f 100%);
background: -webkit-linear-gradient(left, #eaba2b 0%,#c27b2f 100%);
background: linear-gradient(to right, #eaba2b 0%,#c27b2f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaba2b', endColorstr='#c27b2f',GradientType=1 ); }

.gradient-v {background: #eaba2b;
background: -moz-linear-gradient(top, #eaba2b 0%, #c27b2f 100%);
background: -webkit-linear-gradient(top, #eaba2b 0%,#c27b2f 100%);
background: linear-gradient(to bottom, #eaba2b 0%,#c27b2f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaba2b', endColorstr='#c27b2f',GradientType=0 );}

.gradient-d {background: #eaba2b;
background: -moz-linear-gradient(-45deg, #eaba2b 0%, #c27b2f 100%);
background: -webkit-linear-gradient(-45deg, #eaba2b 0%,#c27b2f 100%);
background: linear-gradient(135deg, #eaba2b 0%,#c27b2f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaba2b', endColorstr='#c27b2f',GradientType=1 );
}

.gradient-text {
	background: -webkit-linear-gradient(#eaba2b, #c27b2f);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.i {font-style: italic;}

.catItemExtraFields ul {display: flex; flex-direction: column;
	li {font-size: 12px !important;}
}

div.itemExtraFields ul li span.itemExtraFieldsLabel {width: 100% !important; margin: 50px 0 10px 0 !important; }
.item-image  img {max-width: 100%;}
.items-row {
    display: flex;
    /* padding: 20px; */
}

.items-row .span4 {padding: 20px;}


.content .mml_logo ,.content .mmladdress, .localization .mml_logo ,.localization .mmladdress  {display: none;}
.headline {font-weight: bold;}
.print-email {width: 100%; display: block;text-align: right; padding: 0 0 30px 0;}
a.printfriendly-button.print-no {
    align-self: center;
		padding: 15px 20px;
background: #ffffff;
line-height: 1;
border-radius: 5px;
moz-border-radius: 5px;
img {max-height: 22px;}
}

.gm-style-iw {padding: 15px; text-align: center; border-radius: 0 !important;;}
.myaddress {
    width: 100%;
    float: left;
    margin-bottom: 5px;
    display: flex;
    flex-direction: column;
    text-align: center;
	a{
		img.mymap-icon {margin: 0 auto !important; max-width: 100% !important; float: none !important; display: block;}
		}
	}
.top {.shadow; z-index: 9999; position: relative; background: #ffffff;}
	.top .languages {display: none; max-width: 1440px; margin: 0 auto;}
	.top .search-container {  margin: 20px auto; padding: 0 !important; max-width: 1440px;  display: flex;   justify-content: flex-end; width: 100%;  display: none;
		label {float: left;     padding: 20px 0; color: @heading;
		@media @smallmobile {display: none;}}
	input[type="search"] {width: 200px; float: left; padding: 18px; display: block; font-size: 16px; border: 2px solid @lightgrey; border-radius: 5px; margin: 0 20px; outline: 0 none !important; .transitions;
		@media @smallmobile {padding: 9px; font-size: 14px; margin: 0 5%; width: 90%;}
		&:hover {border-color: @gold1; .transitions;}
		&:focus {width: 400px; border-color: @gold2; .transitions; color: @gold2;
		@media @smallmobile {width: 90%;}}
	}
	button {padding: 20px 30px; .gradient-h; color: #ffffff; display: block; margin: 0; float: left; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; border-radius: 5px; border: 0 none; cursor: pointer;
		@media @smallmobile {padding: 10px 20px; margin: 10px 20%; width: 60%;}
		&:hover {background: @gold2; border: 0 none !important;}
	}
	}

	ul.lang-inline {
    display: none;;
    justify-content: flex-end;
		li {list-style: none; margin: 0 7px;}
}

	.lang-switcher {margin: 0 10px; display: flex; justify-content: center;}
		.lang-switcher .mod-languages  {align-self: center;}
	.lang-switcher .mod-languages , ul.lang-inline  li {
		img {width: auto; height: 20px; align-self: center; cursor: pointer;
		::after{content: ""; width: 10px; background: url('/templates/img/arrow-point-to-right.svg');}
		}
	}
	.lang-switcher .mod-languages ul li.lang-active {
 }

 a.btn.dropdown-toggle {
    display: flex;}

.toggle-arrow {margin-left: 5px; .transitions;
img {width: 10px !important; height: 10px  !important;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);}
}
.rotate  .toggle-arrow {
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
.transitions;
}


	.hamburger {font-size: 24px; cursor: pointer; margin: 0 10px;     align-self: center;
		@media @desktop {display: none;}
		color: @gold1; .transitions;
		img {width: 24px; height: 24px;}
		&:hover {color: @gold2; .transitions;}
}
	.search-icon {cursor: pointer; margin: 0 10px;     align-self: center;
		.transitions;
		img {width: 24px; height: 24px;}
		&:hover {opacity: 0.9; .transitions;}
	}
.homepage {
}

	.navbar {
	    display: flex;
	    justify-content: space-between;
	    width: 100%;
			max-width: 1440px;
			margin: 0 auto;
			min-height: 70px;
				position: relative;
	}

	.navbar-right {
    display: flex;
    float: right;
		align-self: center;
	}

.navbar-left {display: flex; margin-left: 170px;
	.slogan {
			align-self: center;
			font-size: 14px;
			font-weight: 700;
			background: @gold2;
			padding: 3px 5px;
			color: #fff;
			@media @smartphone {font-size: 11px;}
			@media @phone {display: none;}
		}
	}

.logo {position: absolute; top: 0; z-index: 999; padding: 15px 20px; background: #ffffff; .shadow;}
.panstwa {
	position: fixed;
	width: 100%;
	left: 0;
	bottom:0;
    z-index: 999;
    background: #ffffff;
		@media @mobile {margin-top: 0; margin-bottom: 0;}
}

.panstwa .moduletable {display: flex; width: 100%; .shadow; padding: 0 50px; 	margin-bottom: 0px;

	@media @mobile {flex-direction: column; .xshadow; padding: 0; margin-top: 20px; margin-bottom: 20px; display: none;}


	ul { display: flex; margin: 0; padding: 0; width: 100%; justify-content: space-around; 	@media @smallmobile  {flex-direction: row; flex-wrap: wrap;}
		li { @media @smallmobile  {width: 50%; float: left;}
			list-style: none; align-self: center; width: 100%;  text-align: center;
			a {padding: 30px 20px; display: flex; justify-content: center; background: #ffffff; .transitions; font-size: 12px; font-weight: 600; text-transform: uppercase;
					@media @mobile {padding: 20px;}
			&:hover {.scale; .transitions; .shadow;}
			img {margin-right: 10px;}
			.image-title {align-self: center;}
			}
		}
	}
	h3 {margin: 0; align-self: center; font-size: 16px; white-space: nowrap;
	@media @mobile {display: none;}
}
}

.country_open {
	@media @desktop {display: none;}
	@media @mobile {position: fixed; bottom: 0; width: 100%; padding: 10px; font-size: 12px; background: #ffffff; color: @gold2; text-align: center; font-weight: bold; border-top: 1px solid #f5f5f5;}
}

.cfsearch {min-height: 400px; margin-bottom: 50px;
	fieldset {border: 0 !important; margin: 0; padding: 0;
		.control-group {position: relative;
			.control-label {text-align: center; width: 100%;  background: url('/templates/img/hr.jpg') repeat-x center; margin: 50px 0 25px 0; cursor: pointer;
				label {font-size: 20px; text-align: center; color: @heading; letter-spacing: 1px;  padding: 0 10px; background: #f6f6f6; font-weight: 700; cursor: pointer; .transitions;
				&:hover {color: @gold1; .transitions;}
				}
			}
			.active-label label {color: @gold2;}

			.controls {text-align: center; display: none;
				label {padding: 15px ; display: inline-block; cursor: pointer;
				}
			}
		}
	}
}
.jlcontentfieldsfilter {margin: 0px 0 120px 0;}
.jlmf-label-bg {text-align: center; width: 100%;  background: url('/templates/img/hr.jpg') repeat-x center; margin: 50px 0 25px 0;
.jlmf-label {cursor: pointer; font-size: 20px; text-align: center; padding: 0 10px; background: #f6f6f6; font-weight: 700; cursor: pointer; .transitions; display: table; margin: 0 auto;
&:hover {color: @gold1; .transitions;}}
}

.show-filters  {margin: 60px auto 20px auto; text-align: center; font-size: 18px; font-weight: 500;}
.show-filters a {font-size: 16px; text-transform: uppercase; display: block; font-weight: 700; cursor: pointer; margin-bottom: 50px;
	&:hover {color: @gold1;}
}
.filters-active {opacity: 0.2;}


#filter {display: none;}

.active-label .jlmf-label {color: @gold2;}

.jlmf-list-1 {display: none; text-align: center;}

.item-s {
	padding: 15px 25px 15px 23px;
display: inline-block;
cursor: pointer;
label {cursor: pointer;}
}

// .customCheckbox {
//   float: left;
//   position: relative;
//   width: 20px;
//   height: 20px;
// 	background: url('/templates/img/check.jpg') no-repeat center left;;
//   margin-right: 5px;
//   overflow: hidden;
// 	.transitions;
// }
//
// .customCheckbox.customCheckboxChecked {
// 	.transitions;
// 	background: url('/templates/img/checked.jpg') no-repeat center left;
// }
//
// .customCheckbox input {
//   opacity: 1;
//   cursor: pointer;
//   z-index: 5;
//   width: 100%;
//   height: 100%;
//   display: block;
//   position: absolute;
//   top: 0;
//   left: 0;
// }
//
// .customCheckbox span {
//   display: none;
//   text-align: center;
//   line-height: 20px;
//   font-size: 90%;
//   color: #fff;
// }
//
// .customCheckbox.customCheckboxChecked span {
//   display: block;
// }

button.validate , button.jlmf-button {padding: 25px 70px; .gradient-h; color: #ffffff; display: block; margin: 30px auto; float: none; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; border-radius: 5px; border: 0 none; cursor: pointer;
	&:hover {background: @gold2; border: 0 none !important;}
}
.jlmf-link {padding: 25px 70px; background: @pink; color: #ffffff; display: none; margin: 0 auto; float: left; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 30px;   border-radius: 5px; border: 0 none; cursor: pointer;}

.gm-svpc , .gm-style-mtc {display: none !important;}

.desktop-menu {
	@media @mobile {display: none;}
	ul {.flex-inline;
	li {
		list-style: none;
			a {
				font-size: 14px;
				font-weight: 500;
				padding: 0 10px;
				color: @heading; .transitions;
				&:hover {color: @gold1; .transitions;}
				@media @bigscreen {font-size: 17px; padding: 0 15px;}
			}
		}
	}
}

.topmenu {display: none; text-align: center;
	ul.menutop {display: flex; padding: 40px 15px; margin: 0; flex-direction: column;     list-style: none;
		@media @smallmobile {padding-top: 80px;}
		li {
			a {
				font-size: 28px; padding: 15px; display:block; color: @heading; .transitions;
				&:hover {color: @gold1; .transitions;}
				}
			}
			li.current a {color: @gold2;}
		}
	}

.blog-featured {padding-top: 80px;}
.blog , .s-results, .blog-featured {display: flex; flex-wrap: wrap; margin-bottom: 50px;
	.span4, .sr {width: 24%; margin: 0.5%; float: left; border: 1px solid @lightgrey; background: #ffffff;  padding: 45px 25px 25px 25px;
		@media @phone {width: 100%; margin: 25px 0;}
		@media @smartphone {width: 49%; margin: 0.5%; padding: 25px 15px 15px 15px;}
		@media @tablet {width: 32%; margin: 0.5%;}
		.icons {display: none;}

		h2 {text-align: center; margin: 0 0 20px 0; line-height: 12px;
			a
				{
					color: @heading; font-weight: 700; .transitions;
					&:hover {color: @gold1; .transitions;}
				}
			}
	 img {filter: grayscale(100); width: 80%; margin: 0 10%;}
	 p {font-size: 12px; text-align: center;}
	}
	.readmore
	{
	 a.btn { border: 1px solid @gold2; .gradient-h; border-radius: 0px; color: #ffffff;     font-size: 14px; padding: 10px 25px; margin-top: 30px; display: inline-block; font-weight: bold;
		 ::after {content: ""; width: 10px; height: 10px; background: url('/templates/img/arrow-point-to-right.svg'); display:block;}

		 &:hover {background: @gold2; color: #ffffff;}
		 span.icon-chevron-right {
			 display: none;
		 }
	 }
	}
}
.main-content .search .s-results {margin-top: 50px; padding-bottom: 100px;}
.sr-btn {text-align: center;}
.top-content {height: 300px; background: @gold1; background-size: cover; background-position:center; }
.top-content-inside {display: flex; justify-content: flex-end; max-width: 1440px; margin: 0 auto;
	.icons {
		.dropdown-toggle {display: none;}
		.dropdown-menu {display: flex; list-style: none; margin: 0; padding: 0;}
	}
}

.podstron {height: auto; padding: 25px;
	.top-content-inside {justify-content: flex-end;
		.naglowek {align-self: center;}
			h1 {margin: 0 20px 0 0; align-self: center; font-size: 2vw; color: #ffffff;
				@media @mobile {font-size: 3vw;}
			}
	}
}
.main-content .search {padding: 100px 15px;}
.main-content #searchForm .btn-toolbar, .form-limit {display: none;}
.main-content #searchForm .searchintro p {font-size: 22px; color: @gold2;}

.main-full {background: #f6f6f6;}
.full-grey  {background: #f6f6f6;}
.main-content {padding: 0 20px 0 20px;
 .blog {padding-bottom: 80px;}
 .item-page {padding-bottom: 80px;}
}
.pod {padding: 40px 20px; min-height: 100vh;}
.monument-info {
.mi-top
	{
    margin-top: -200px;
    background: #ffffff;
    padding: 30px;
		.shadow;
		@media @smallmobile {padding: 15px;}

	}
	.mi-title {width: 100%; display: block; border-bottom: 1px solid @lightgrey; margin-bottom: 30px;
	h2 {font-size: 32px; letter-spacing: 1.5px; margin: 0 0 25px 0;}
	}
	.mi-top-flex {display: flex;
	@media @smallmobile {flex-direction: column;}}
}

.mi-top-left {width: 50%; padding: 30px;
@media @smallmobile {width: 100%; padding: 20px;}}
.mi-top-right {width: 50%;  padding: 30px;     max-height: 500px;
    overflow: hidden;
@media @smallmobile {width: 100%; padding: 20px;}}

.headline {font-size: 16px; letter-spacing: 1px; line-height: 20px; margin: 20px 0 10px 0; display: table; padding: 5px 8px; color: #ffffff; .gradient-h;}

.mi-main-info {display: flex; padding: 90px 0;
	@media @smallmobile {flex-direction: column; padding: 30px 0;}
}
.mi-main-info-left {width: 50%; padding: 0 30px 0 60px; @media @smallmobile {width: 100%; padding: 20px;}}
.mi-main-info-right {width: 50%; padding: 0 60px 0 30px; @media @smallmobile {width: 100%; padding: 20px;}}
.mi-localization {float: left; margin-bottom: 70px; width: 100%;}
.mi-gallery  {float: left; width: 100%;}

.mi-main-info-left p {text-align: justify;}
.portrait img {pointer-events: none;}

.print-icon a {padding: 20px 30px;     margin: 20px 10px; background: #ffffff; color: @grey; display: block; float: left; font-size: 11px !important; text-transform: uppercase; letter-spacing: 1px; border-radius: 5px; border: 0 none; cursor: pointer; font-weight: 700;
	&:hover {opacity: 0.9; border: 0 none !important;}
	@media @smallmobile {display: none;}
	}
.print-icon a:before {
		content: "";
    width: 18px;
    height: 18px;
    background: url(/templates/img/printer.svg);
    display: block;
    float: left;
    margin-right: 10px;}


.email-icon a {padding: 20px 30px;     margin: 20px 10px; background: #ffffff; color: @grey; display: block; float: left; font-size: 11px !important; text-transform: uppercase; letter-spacing: 1px; border-radius: 5px; border: 0 none; cursor: pointer; font-weight: 700;
		&:hover {opacity: 0.9; border: 0 none !important;}
		@media @smallmobile {display: none;}

	}

.email-icon a:before {
			content: "";
	    width: 18px;
	    height: 18px;
	    background: url(/templates/img/notification.svg);
	    display: block;
	    float: left;
	    margin-right: 10px;}

.goback {padding: 20px 30px;     margin: 20px 10px; background: @pink; color: #ffffff; display: block; float: left; font-size: 11px !important; text-transform: uppercase; letter-spacing: 1px; border-radius: 5px; border: 0 none; cursor: pointer; font-weight: 700;
			&:hover {opacity: 0.9; border: 0 none !important;}
		}

.nolink , .nolink img {pointer-events: none; filter: grayscale(100); opacity: 0.7;}

.sponsors .moduletable {margin: 70px auto 170px auto !important;
h3 {text-align: center; font-size: 14px; text-transform: uppercase; color: @grey; margin-bottom: 30px;}
}

p.countryappend {background-position: center; display: block; width: 90%; text-align: right; margin: 0; padding: 15px 5%; color: #ffffff; font-size: 18px; font-weight: 900; text-transform: uppercase; background-size: cover;background-repeat: no-repeat;  }

.popup-info {
	background: #ff4b69;
	color: #ffffff;
	padding: 40px 50px;
	position: fixed;
	top: 200px; right: 0;
	display: block;
	z-index: 9999999;
	width: 500px;
	@media @smallmobile {bottom: 0; top: auto; max-width: 100%;}

	p {
		color: #ffffff;
	}
	.xxxl {font-size: 24px; color: #ffffff;}
	.closeit {float: right; cursor: pointer;}
}

.popup-info-open {
	background: #ff4b69;
	color: #ffffff;
	padding: 15px 20px;
	position: fixed;
	top: 200px; right: 0;
	display: block;
	z-index: 99999999;
	cursor: pointer;
	.xxxl {font-size: 24px; color: #ffffff;}
	}

.fb {
		background: #4267B2;
		color: #ffffff;
		padding: 15px 18px;
		position: fixed;
		top: 258px; right: 0;
		display: block;
		z-index: 999999;
		cursor: pointer;
		.xxxl {font-size: 24px; color: #ffffff;}
		}

.tt {
				background: #1CA1F2;
				color: #ffffff;
				padding: 15px 12px;
				position: fixed;
				top: 316px; right: 0;
				display: block;
				z-index: 999999;
				cursor: pointer;
				.xxxl {font-size: 24px; color: #ffffff;}
				}

.invisible {visibility: hidden;}
.visible {visibility: visible;}