*{
	margin: 0;
	padding: 0;
}
body{
	font-family: 'Montserrat', sans-serif;
	background-color: #fff;
	position: relative;
	/*height: 1000px;*/
}
p{
	margin: 0;
	text-align: justify;
}
a{
	color: #000;	
}
a:hover{
	color: rgba(0,0,0,.5);
	text-decoration: none;
}
.navbar-expand-lg{
	justify-content: center;
	align-content: flex-start;
	flex-direction: column;
	flex-wrap: wrap;
	border-bottom: .4vh solid #118acb;
	z-index: 12;
	background-color: #fff;
}
.navbar-collapse{
	width: 100%;
}
.navbar-brand{
	padding: 0;
}
.nav-link img:hover{
	transform: scale(1.3); 
}
.nav-link:hover{
	transform: scale(1.1); 
}
#main-picture{
	height: 82.53vh;
}
.parallax { 
  background-image: url("../images/parallax/parallax.png");
  height: 81.7vh; 
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: stretch;
}
#shadowMark{
	border-radius: 0.72vh;
	color: #fff;
	background-color:rgba(255, 255, 255, 0.7);
	font-size: 2em;
	height: 100vh;
	width: 20vw;
    z-index: 1;
  	border-bottom: solid .61vh #118acb;
}
#shadowMark button{
	background-color: #118acb;
	border: none;
	border-radius: 50%;
	height: 15.48vh;
	width: 15.48vh;
	text-transform : capitalize
}
.about-us, .offer, .main-contact{
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	margin-top: 5%;
}
.gallery{
	display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin-top: 5vh;
}
#main-offer, #gallery, #about{
	position:relative;
	top: -13vh;
}
.about-us h1, .gallery h1, .offer h1{
	color: #58585b;
	flex-basis: content;
	margin: 0 10%;
}
.about-us p, .offer div, .main-contact .row{
	flex-basis: 60%;
}
/*.row img{
	max-width: 150px;
	position: absolute;
	left: 0;
}*/
.row_contact{
	display: flex;
	width: 100%;
}
@media only screen and (max-width: 900px) {
  .location_pin {
    display: none;
  } 
}  
@media only screen and (max-width: 1400px) {
  .location_pin {
	position: relative;
	top: -20px;
	left: 0;
  };
}
.offer h4{
	margin-top: 5%;
}
.contact-info{
	margin: 5% 0;
}
.main-contact p{
	margin-top: 3%;
}
.footer-bottom{
	height: 7vh;
	background-color: #fff;
  	display: flex;
 	align-items: flex-end;
  	justify-content: center;
  	padding-bottom: 8px;
  	color: rgba(0,0,0,.5);	
  	border-top: .31vh solid #118acb;
}
.footer-bottom a{
	margin: 0 .4vw;
	text-decoration: none;
	color: rgba(0,0,0,.5);
	font-size: 1.1rem;
}
.footer-bottom a:hover{
	font-size: 1.2rem;
	color: rgba(0,0,0,1);
}
.flip-card {
  	background-color: transparent;
	height: 15.48vh;
	width: 15.48vh;
 	perspective: 1000px;
	position: absolute;
		top: 40vh;
		left: calc(10% - 7.74vh);
}
/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 1.2s;
  transform-style: preserve-3d;
}
/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner, .element:hover .flip-card-inner {
  transform: rotateY(180deg);
}
.flip-card:hover .flip-card-front {
  display: none;
}
/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}
/* Style the front side (fallback if image is missing) */
.flip-card-front {

}
/* Style the back side */
.flip-card-back {
  transform: rotateY(180deg);
}
#mainbox{
	display: flex;
	flex-direction: column;
	align-items: stretch;
}
.box-row{
	display: flex;
	flex-flow: row nowrap;
	align-items: stretch;
	height: 33%;
}
.flip-card-front, .flip-card-back {
	display: flex;
    align-items: center;
    justify-content: center;
}
.flip-card-inner{
	min-width: 90%;
}
.slideshow-container {
  max-width: 80vw;
  max-height: 800px;
  position: relative;
  margin: 0 auto;
}
/* Hide the images by default */
.mySlides {
  display: none;
}
.mySlides img{
	max-height: 800px;
}
/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -2.27vh;
  padding: 1.65vh;
  color: white;
  font-weight: bold;
  font-size: 1.86vh;
  transition: 0.6s ease;
  border-radius: 0 .31vh .31vh 0;
  user-select: none;
}
/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: .31vh 0 0 .3vh;
}
/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}
.dots{
	text-align: center;
    z-index: 3;
    position: relative;
    top: -8.26vh;
}
/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 1.55vh;
  width: 1.55vh;
  margin: 0 .21vh;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.current, .dot:hover {
  background-color: #717171;
}
/* Fading animation */
.fadeIn{
  -webkit-animation-name: fadeIn;
  -webkit-animation-duration: 1.5s;
  animation-name: fadeIn;
  animation-duration: 1.5s;
}
@-webkit-keyframes fadeIn {
  0% {opacity: .4;}
  100% {opacity: 1;}
}
@keyframes fadeIn {
  0% {opacity: .4;}
  100% {opacity: 1;}
}
.avatar{
	height: 15.48vh;
	width: 15.48vh;
	background-position: center; 
  	background-repeat: no-repeat; 
  	background-size: cover; 
  	margin-bottom: 5%;
}
.avatar_pin{
	background-image: url("../images/location.png");
}
.avatar_img{
	border-radius: 50%;	
}
.grzegorz_img{
	background-image: url("../images/avatar/grzegorz.png");
}
.piotr_img{
	background-image: url("../images/avatar/piotr.png");
}