img {
  max-width: 100%;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button {
  max-width: 100%;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button :not(.gmnoprint, img),
.button {
	line-height: inherit;
}

/*------Lang switcher select-------*/
select.lang-select  {
  margin: 0 1em;
  padding: 0 .3em;
  height: 1.6em; 
  display: block; 
  width: auto; 
  background: none;
  border: 1px solid #666;
  cursor: pointer;
  -webkit-appearance: menulist;
  -moz-appearance: none;
  -ms-appearance: none;
  font-size: .8em;
	color:   #666;
  }
select.lang-select::-ms-expand { display: none; }  
select.lang-select option { 
	font-family: "Open Sans", Helvetica, sans-serif; 
	color: #666; 
	/* background: rgba(41,61,81,0.85);  */
}
 
.is-mobile #lang-select-cont { display: none !important; }  

/* ------ CUSTOM CSS ----------*/
.rozwin { cursor: pointer; border: none; }
.rozwijany h3 { margin-bottom: .2em; }

/*----------div TABELKA -------------*/
  div.tbl { display: table; margin: 0 auto; }
  div.tr { display: table-row; }
  div.td { display: table-cell; vertical-align: middle; }  
/*---------koniec div table----------*/

/*--------- formularz kontaktowy ---------*/
#f_contact { width: 510px; margin: 0 auto; }
.is-mobile #f_contact { width: 100%; }
#f_contact a { font-size: .85em; }

#f_contact input[type="text"], #f_contact textarea, #fc_col_b
  {
    border: 1px solid #bababa;
    color: #000;
    outline: none;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  	-moz-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.3);
  	-webkit-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.3);
	  box-shadow:0px 0px 5px rgba(0, 0, 0, 0.3);
  }
  
#f_contact input[type="text"] {
    background-color: #fff;
    width: 170px;
    height: 26px;
    padding: 5px;
    margin: 0px 1px 0px 0px;
    display: inline-block;
    float: left;
}

#fc_tbl {
    display: table;
    width: 100%;
} 
#fc_col_a {
    width: 60%;
    padding-right: 7px;
}
#fc_col_a input {
    width: 100% !important;
    height: auto !important;
}
#fc_col_b {
    width: 40%;
    padding: 0 8px;
    vertical-align: bottom;
    text-align: center;
    background-color: #FFF;
    }
#fc_col_b img { max-width: 100%; }
#fc_col_a, #fc_col_b {
    display: table-cell;
}

#fc_col_a input:not(:last-child) {
    margin-bottom: 8px;
}

#f_contact textarea {
    width: 100%;
    padding: 5px;
    margin-top: 8px;
    height: 50px;    
    font-family: "Open Sans", Helvetica, sans-serif;
    resize: vertical;
}

#f_contact .submitCont { text-align: center; }
#f_contact #fca_submit { display: inline-block; width: auto; }
/*--------koniec formularza---------*/

/*--------błędy --------------------*/
._err {  display: none; }

.invalid { border: 1px solid red !important; }
.invalid2 { background-color: #FFFFAC !important; }
.s_msg, .e_msg { 
                -webkit-transition: all 0.35s ease-in-out; 
                -o-transition: all 0.35s ease-in-out;
                -ms-transition: all 0.35s ease-in-out;
                transition: all 0.35s ease-in-out; 
                border-radius: 0.35em; 
                padding: .75em 1em; 
                text-align: center; 
                margin-bottom: 10px; 
                box-shadow: inset 0 0.1em 0.1em 0 rgba(0,0,0,0.05);
                background: #fff; 
                } 
.s_msg { border: 1px solid rgba(0,128,0,0.55); color: green; }
.e_msg { border: 1px solid rgba(255,0,0,0.55); color: red; }
/*-------------koniec błędów----------*/

/* ----- keyframes ------- */
@-webkit-keyframes buttonPulse{0%{-webkit-transform:translateY(0)}50%{-webkit-transform:translateY(5px)}100%{-webkit-transform:translateY(0)}}
@-moz-keyframes buttonPulse{0%{-moz-transform:translateY(0)}50%{-moz-transform:translateY(5px)}100%{-moz-transform:translateY(0)}}
@keyframes buttonPulse{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(5px);-moz-transform:translateY(5px);-ms-transform:translateY(5px);-o-transform:translateY(5px);transform:translateY(5px)}100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}
/* ----- koniec keyframes ---- */

/*---------- ikonki flex --------------*/
.clr { clear: both; }

div.flex-c {
  display: flex;
  flex-flow: row wrap;  /* scalone flex-direction i flex-wrap */
  justify-content: center;
  align-items: flex-start; /* wyrównanie pionowe elementów wiersza */
}
div.flex-c figure {
  /*flex: 1;*/   /* rozciąga dolne kolumny jeśli miejsce, scalone flex-grow i flex-shrink */
  margin: 2%;
  text-align: center; 
  flex-basis: 12em; /* tyle samo co width ? */
  flex-grow: 0; /* 1 - rozszerza figure jeśli miejsce */  
}

div.flex-c figure:nth-child(3) { order: 0; }  /* priorytet elementu, domyślnie 0 */
div.flex-c figcaption { margin-top: .7em; }
div.flex-c .img-out { line-height: 7em; width: 7em; height: 7em; display: inline-block;  }
div.flex-c img { max-width: 100%; max-height: 100%; vertical-align: bottom;  }

#partners-logos.flex-c {  align-items: center; }
#partners-logos.flex-c figure { flex-basis: 9em; margin: 2%; }
#partners-logos.flex-c figure:nth-child(2), #partners-logos.flex-c figure:nth-child(4) { flex-basis: 6em; }


.fourBox {
	display: flex;
	justify-content: center;

	width: 25%;
	height: 25vw;
	vertical-align: middle;
	text-align: center;
	float: left;
	/*padding: 20px;*/
	/*margin: 0;*/
	/*padding: 0;*/
}

.clear {
	clear: both;
}

.divided {
	padding: 0 !important;
	margin: 0 !important;

	-webkit-box-shadow: 0px -15px 17px -9px rgba(0,0,0,1);
	-moz-box-shadow: 0px -15px 17px -9px rgba(0,0,0,1);
	box-shadow: 0px -15px 17px -9px rgba(0,0,0,1);
}

.divided div.inner {
	width: 100% !important;
	height: 25vw;
}

.offerDiv {
	align-self: center;
	position: absolute;
}

.imgBackground {
	width: 25vw;
	height: 25vw;
	filter: brightness(50%);
}

::-webkit-input-placeholder { color: #aaa !important; }
::-moz-placeholder { color: #aaa !important; }
:-ms-input-placeholder { color: #aaa !important; }
:-moz-placeholder { color: #aaa !important; }

#buyModule label {
	color: #000000;
	display: inline-block;
}

input#numOfPeople {
	display: inline-block;
	width: 80px;
}

.hidden {
	display: none;
}

#datepicker1 {
	display: inline-block;
	width: 200px !important;
}

/* booking link */
li.promo { 
	border-radius: 6px;
	background: #b4ddb4; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I0ZGRiNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE3JSIgc3RvcC1jb2xvcj0iIzgzYzc4MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzUyYjE1MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iIzAwOGEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgzJSIgc3RvcC1jb2xvcj0iIzAwNTcwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDI0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #b4ddb4 0%, #83c783 17%, #52b152 33%, #008a00 52%, #005700 83%, #002400 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4ddb4), color-stop(17%,#83c783), color-stop(33%,#52b152), color-stop(52%,#008a00), color-stop(83%,#005700), color-stop(100%,#002400)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 52%,#005700 83%,#002400 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 52%,#005700 83%,#002400 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 52%,#005700 83%,#002400 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 52%,#005700 83%,#002400 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400',GradientType=0 ); /* IE6-8 */
}

li.promo a {
	color: rgb(255,255,255) !important;
	cursor: pointer;
}

li.promo:hover a {
	text-decoration: none;
	color: #fff !important;
	text-shadow: 0 0 1em #eaeaea, 0 0 1em #eaeaea;
	-webkit-transition: 200ms linear 0s;
	-moz-transition: 200ms linear 0s;
	-o-transition: 200ms linear 0s;
	transition: 200ms linear 0s;
	outline: 0 none;   
}

.bookingMobileButton {
	position: fixed;
	top: 0;
	right: 120px;
	letter-spacing: 0;
}

@media screen and (max-width: 736px) {
	.bookingMobileButton {
		right: 50px;
	}	
}

/* sale konferencyjne */
ul#conferenceRommsPres {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

#conferenceRommsPres > li {
	display: block;
	margin: 0;
	padding: 0;
}

#conferenceRommsPres > li > img {
	max-height: 62vh;
	max-width: 100%;
}

#conferenceRommsPres > li:not(:first-child) {
	display: none;
}

#conferenceRommsSwitch {
	margin-top: 1.5em;
	display: flex;
  flex-flow: row wrap;  /* scalone flex-direction i flex-wrap */
  justify-content: center;
  align-items: flex-start; /* wyrównanie pionowe elementów wiersza */	
}

#conferenceRommsSwitch > div {
	border-radius: 5px;
	padding: .5em 1em;
	border: 1px solid #ffffff;
	margin: .5em;
	cursor: pointer;
	transition: 0.4s;
}

#conferenceRommsSwitch > div.active, #conferenceRommsSwitch > div:hover  {
	background-color: #fff;
	color: rgb(82,107,129);
}	

a.fancybox-close {
	border-bottom: none !important;
}

#footer a.tiktok {
	border-bottom: none;
}

#footer a.tiktok svg {
	width: 13pt;
	/* użyto # zamiast rgba() bo funkcja rgba dla svg nie działa */
	fill: #00000080;
	vertical-align: middle;
}

#footer a.tiktok:hover svg{
	fill: #fff;
}

#footer .icons a.fa-linkedin:hover {
	color: #0e76a8 !important;
}

#footer .icons a.fa-facebook-f:hover {
	color: #4867aa !important;
}

#footer .icons a.fa-youtube:hover {
	color: #ff0033 !important;
}

#footer .icons a.fa-tripadvisor:hover {
	color: #34e0a1 !important;
}

#footer .icons a.fa-envelope:hover {
	color: #7bb2d9 !important;
}

#footer .icons a.fa-instagram:hover {
	background: radial-gradient(
		circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%
	);
  background-clip: text; /* maskowanie tekstu tłem */
  -webkit-text-fill-color: transparent; /* Sprawia, że tekst jest przezroczysty */
}