body {
	margin: 0;
	padding: 0;	
	font-family: "Noto Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	overflow-x: hidden;
	color: #333333;
}

textarea:focus, input:focus{
    outline: none;
}

a {
	text-decoration: none;	
}

img.full_image {
    width: 100%;
    height: auto;
}

.translate_www {
    display: flex;
    flex-direction: column;
    position: fixed;
    right: 0;
    top: 50%;
}

.translate_www img {
    max-width: 32px;
}

.youtube-video-container {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.youtube-video-container::after {
  display: block;
  content: "";
  padding-top: 56.25%;
}

.youtube-video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.sec.full.yt {
    display: flex !important;
}

ul li {
	margin-bottom: 15px;
	line-height: 1.4;
	list-style-image: url(data/dot.svg);
	padding-left: 5px;
}

ul.menu li {
	list-style-type: none;
	list-style-image: none;
}

h2, .full-width.map .container h2 {
    font-size: 30px;
    font-family: "Noto serif";
    color: #333333;
    font-weight: 500;
	border-left: 3px solid #F5C978;
	padding-left: 15px;
	margin-bottom: 35px;
	text-align: left;
}

h2.pin-header {
	border-left: none;
}

h2.pin-header:before {
content: url(data/pin-icon.svg);
    display: inline-block;
    width: 26px;
    top: 1px;
    padding-right: 10px;
    position: relative;
}


.sec.full-width.grey.map {
	padding: 40px 0px;
}

.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

p {
	font-size: 18px;
	color: #333333;
	padding: 0 15px 0 15px;
	line-height: 1.5;
	margin-bottom: 35px;
}

p.second {
	margin-bottom: 15px;
}

section.opening {
	max-height: 650px;
	border-bottom:2px red;
	overflow:hidden;
	position: relative;
	height: 50vw;
	margin: 0;
	padding: 0;
	left:0;
	top:0;
}

#HeaderVideo {
  position: absolute;
  left: 0;
  bottom: 0px;
  z-index: -1;
  min-width: 100%;
  max-width:100%;
}

#header-wrapper, .full-width .container {
	width: 1200px;
	position: absolute;
	top: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
	display: flex;
    flex-direction: column;
	height: 100%;
}

.full-width .container {
	position: relative;
	top: auto;
}

.full-width .container.map {
	flex-direction: row;
	justify-content: space-between;
}


section.description main {
	width: 100%;
	max-width: 1200px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
	display: flex;
    flex-direction: column;
	height: 100%;
}

section.description main div.sec {
	margin-top: 50px;
	display: flex;
	justify-content: space-between;
}

section.description main div.sec.contact-form {
	flex-direction: column;	
}

.sec.contact-form ul {
	list-style-type: none;
	font-size: 21px;
	color: #666666;
	font-weight: 700;
}

.sec.contact-form ul li {
	display: flex;
	margin-bottom: 35px;
}

.sec.contact-form ul li.phone {
	font-size: 32px;
	justify-content: center;
}

.sec.contact-form ul li a {
	color: #666666;
}

.sec.contact-form ul li.phone span {
	color: #999999;
}

.sec.contact-form ul li img.icon {
	max-width: 32px;
	height: auto;
	margin-right: 25px;
}

section.description main div.sec.contact-form h2 {
	font-size: 30px;
    font-family: "Noto serif";
    color: #333333;
    font-weight: 700;
    margin-bottom: 50px;
	border: none;
	padding: 0;
	text-align: center;
}

.sec.contact-form .column {
    display: flex;
	flex-direction: column;
}

div.sec.contact-form div.contact-form-header {
	font-size: 24px;
	color: #333333;
	font-family: "Noto serif";
	font-weight: 700;
	text-align: center;
	margin-bottom: 25px;
	line-height: 1.7;
}

div.sec.contact-form div.contact-form-header span {
	color: #495F98;
}

.two-columns {
	display: flex;
}

form#cform1 {
    padding: 10px 25px;
}

form#cform1 .input2 {
    display: flex;
	justify-content: space-between;
}

form#cform1 .input2 .required {
	font-size: 14px;
	color: #CCCCCC;
}

form#cform1 .input2 input[type="text"], form#cform1 .input2 input[type="tel"] {
	width: 47%;
}

form#cform1 input[type="text"].wrong,
form#cform1 textarea.wrong,
form#cform1 input[type="tel"].wrong
{
	border-color: #F57878;
}


form#cform1 input[type="text"], form#cform1 input[type="tel"], form#cform1 textarea {
	padding: 15px 20px;
	border: 2px solid #495F98;
	width: 100%;
	box-sizing: border-box;
	font-size: 18px;
	color: #495F98;
	margin-bottom: 30px;
	font-family: "Noto sans";
}

form#cform1 a#cform1-send {
	padding: 10px 30px;
	font-size: 26px;
	font-weight: 700;
	background: #182155;
	color: #ffffff;
	border: none;
	cursor: pointer;
}

form#cform1 input[type="text"]::placeholder, form#cform1 textarea::placeholder {
	color: #999999;
	font-family: "Noto sans";
	font-weight: 300;
	font-size: 18px;
}

section.description main div.sec.gallery {
	margin-top: 15px;
}

section.description main div.sec.full {
	display: block;
}

section.description main div.sec .column {
	width: 49%;
}

section.description main div.sec .column.grey {
	background: #F8F8F8;
	padding: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

section.description main div.sec .column.grey p {
	line-height: 1.6;
}

img.sun-icon {
	max-width: 62px;
	margin-bottom: 15px;
}

section.description main div.sec .thumb {
	width: 100%;
	margin-bottom: 25px;
}

section.description main div.sec .thumb:last-child {
	margin-bottom: 0px;
}

section.description main div.sec .thumb img {
	width: 100%;
	height: auto;
	display: block;
}

.full-width .container h2 {
	font-size: 30px;
    font-family: "Noto serif";
    color: #333333;
    font-weight: 700;
    margin-bottom: 50px;
	border: none;
	padding: 0;
	text-align: center;
}


ul.equipment {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

ul.equipment li {
    flex: 1 1 33%;
    list-style-type: none;
    padding: 15px 0px;
    font-size: 24px;
	display: flex;
}

ul.equipment li.c1, ul.equipment li.c2 {
	/*justify-content: center; poprawka*/
}

ul.equipment li img {
	max-width: 38px;
	height: fit-content;
	margin-right: 20px;
}

.gallery-thumbs {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.gallery-thumbs > div {
	margin-bottom: 25px;
	flex: 0 1 23%;
	aspect-ratio: 1 / 1;
	overflow: hidden;
}

.gallery-thumbs > div img {
	width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

header {
	font-size: 30px;
	color: #ffffff;
	text-transform: capitalize;
	max-height: 125px;
	min-height: 125px;
	display: flex;
	border-bottom: 1px solid #ffffff;
	align-items: center;
	justify-content: space-around;
	font-weight: 700;
}

.header-cta .callout, h1 {
    font-size: 42px;
    font-family: "Noto serif";
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 60px;
	line-height: 1.75;
	text-align: center;
}

.header-cta .callout, h1 span {
	font-size: 34px;
}

.header-cta {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.header-cta button {
    background: #F5C978;
    border: none;
    text-transform: capitalize;
    font-size: 30px;
    font-weight: 700;
    color: #ffffff;
    padding: 12px 30px;
    border-radius: 10px;
	display: flex;
    cursor: pointer;
    justify-content: center;
    align-items: center;
}

.header-cta button img {
	max-width:36px;
	position: relative;
	margin-left: 15px;
}

header a {
	color: #ffffff;
	text-decoration: none;
}

header div.socials {
	display: flex;
}

header div.socials img {
	max-width: 36px;
	height: auto;
	margin: 10px;
}

header div.logo {
	font-family: "Noto Serif", serif;
	font-size: 50px;
}

header div.logo img {
	max-width: 110px;
	height: auto;
	display: block;
}

footer {
	margin-top: 50px;
	width: 100%;
	padding: 30px 0px;
	background: #F8F8F8;
	color: #666666;
	font-weight: 300;
	font-size: 21px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

footer div {
	font-weight: 700;	
}

.loader {
    display: flex;
    justify-content: center;
    align-items: center;
	font-weight: 700;
}

.loader img {
    max-width: 48px;
    margin-right: 20px;
}

.alert1 {
	display: flex;
    width: 100%;
    padding: 15px 20px;
    box-sizing: border-box;
    margin-bottom: 35px;
    font-size: 20px;
    font-weight: 700;
	transition: all 1.5s linear;
	opacity: 0.0;
}

.alert1.show {
	transition: all 1.5s linear;
	opacity: 1.0;
}

.alert1.error {
    border: 2px solid #F57878;
	color: #F57878;
}

.alert1.success {
	border: 2px solid #1DD06B;
	color: #1DD06B;
}
/* MENU */

.mobile-menu {
	display: none;
}

/* Nav menu */
.nav{
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: black;
    overflow: hidden;
    left: 0px;
    top: 0px;
    background-color: rgba(0, 0, 0, 0.95);
}
.menu a{
    display: block;
    padding: 24px;
    color: white;
}
ul.menu {
    margin-top: 75px;
}
ul.menu li {
	list-style-type: none;
}
.nav{
    max-height: 0;
    transition: max-height .5s ease-out;
}

/* Menu Icon */
.hamb{
    cursor: pointer;
    float: right;
    padding: 40px 20px;
	position: relative;
	z-index: 5;
	top: 10px;
}

label.hamb:after {
    content: 'Menu';
    font-size: 12px;
    display: flex;
    left: 40px;
    position: relative;
    top: -10px;
	color: black;
}

.hamb-line {
    background: black;
    display: block;
    height: 3px;
    position: relative;
    width: 28px;

} /* Style span tag */

.hamb-line::before,
.hamb-line::after{
    background: black;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%;
}
.hamb-line::before{
    top: 7px;
}
.hamb-line::after{
    top: -7px;
}

.side-menu {
    display: none;
}

/* Toggle menu icon */
.side-menu:checked ~ nav{
    max-height: 100%;
	z-index: 4;
}
.side-menu:checked ~label.hamb:after {
	color: white;
}

.side-menu:checked ~ .hamb .hamb-line {
    background: transparent;
}
.side-menu:checked ~ .hamb .hamb-line::before {
    transform: rotate(-45deg);
	background: white;
    top:0;
}
.side-menu:checked ~ .hamb .hamb-line::after {
    transform: rotate(45deg);
	background: white;
    top:0;
}

.full-width.grey {
	background: #F8F8F8;
  }

/*******************/
@media (min-width: 768px) {

  .full-width {
    margin-left: calc(-100vw / 2 + 1200px / 2);
    margin-right: calc(-100vw / 2 + 1200px / 2);
	overflow: hidden;
  }
    
}

@media screen and (min-width: 769px) and (max-width: 1199px) {
	
	#header-wrapper, .full-width .container {
		width: 100%;
	}
	
	.header-cta .callout, h1 {
		font-size: 48px;
	}
	
	.header-cta .callout, h1 {
		margin-bottom: 25px;
	}
	
	.full-width {
		margin-left: 0;
		margin-right: 0;
	}
	
	ul.equipment li {
		flex: 1 1 50%;
	}
	
	ul.equipment li.c1, ul.equipment li.c2 {
		justify-content: flex-start;
	}
}


@media screen and (max-width: 768px) {
	
	
	.order2 {
		order: 2;
	}
	
	section.description main div.sec.contact-form h2 {
		margin-bottom: 0px;
	}
	
	.sec.full-width.grey.map {
		padding: 20px 0px 40px 0px;
	}
	
	.sec.contact-form ul {
		padding: 0px;
		font-size: 18px;
	}
	
	.sec.contact-form ul li img.icon {
		max-width: 28px;
	}
	
	div.sec.contact-form div.contact-form-header {
		margin-top: 50px;
	}
	
	section.description main div.sec .column {
		width: 100%;
	}
	
	.two-columns {
		display: flex;
		flex-direction: column;
	}
	
	.full-width .container.map {
		flex-direction: column;
		background: #F8F8F8
	}
	
	section.description main div.sec {
		margin-top: 20px;
	}
	
	.gallery-thumbs > div {
		margin-bottom: 15px;
		flex: 0 1 49%;
		aspect-ratio: 1 / 1;
	}
	
	h2, .full-width.map .container h2 {
		font-size:26px;
	}
	
	ul.equipment {
		padding: 0px 10px;
		align-items: center;
	}
	
	ul.equipment li.c1, ul.equipment li.c2 {
    justify-content: flex-start;
	}
	
	ul.equipment li {
		font-size: 18px;
		flex: 1 1 50%;
	}
	
	ul.equipment li img {
		max-width: 30px;
		width: 30px;
		margin-right: 10px;
	}
	
	header div.socials img {
		max-width: 28px;
	}
	
	section.description main {
		box-sizing: border-box;
		padding: 0 15px;
	}
	
	.header-cta {
		justify-content: space-evenly;
	}
	
	.header-cta .callout, h1 {
		font-size: 28px;
		margin-top: 0px;
		text-align: center;
		margin-bottom: 0px;
		line-height: 1.5;
	}
	
	h1 span {
		font-size: 20px;
		margin-top: 0px;
		text-align: center;
		margin-bottom: 0px;
		line-height: 1.5;
	}
	
	.header-cta button {
		font-size: 20px;
	}
	
	.header-cta button img {
		max-width: 24px;
	}
	
	header div.logo img {
		max-height: 75px;
	}
	
	.mobile-menu {
		display: block;
	}
	
	header {
		max-height: 100px;
		min-height: 100px;
		border-bottom: none;
		justify-content: space-between;
	}
	
	section.description main div.sec {
		flex-wrap: wrap;
	}
	
	section.description main div.sec .column {
		width: 100%;
	}
	
	section.opening {
		height: 75vw;
	}
	
	#HeaderVideo {
		top: 0px;
		width: auto;
		height: 100%;
		max-width: fit-content;
	}
	
	#header-wrapper, .full-width .container {
		width: 100%;
	}
	
	.menu-link {
		display: none;
	}
	
}