@charset "UTF-8";
/* CSS Document */

/* Theme Name: ADD

Author: Michał D
Author URI: https://google.com/
Description: None.
Version: 1.0b */

/* Header slideshow container-style */

.slideshow-container {
	
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	z-index: 100;
    top: 0px;	
	
}

@media only screen and (min-width: 720px) {
	
	.slideshow-container {
		
		width: 100%;
		height: 100%;
		overflow: hidden;
		position: relative;
		margin-left: auto;
		margin-right: auto;
		z-index: 100;
		top: 0px;	
	
	}
	
}

.mySlides {display:none ;z-index: 2;position: relative;}

.load-wrapp {
	
	position: absolute;
	z-index: 0;
    float: left;
    width: 100%;
    height: 120px;
    margin: 0;
    padding: 0;
    border-radius: 0;
    text-align: center;
	
}

.dot-placer {
	
	text-align: right;
	position: absolute;
	right: 15px;
    bottom: 10px;
	overflow: hidden;
	z-index: 1000;
	
}

.dot {
	
	height: 2.5vmax;
	width: 2.5vmax;
	cursor: pointer;
	margin: 0 2px;
	background-color: rgba(161, 161, 161, 0.25);
	display: inline-block;
	border-radius: 50%;
	border-style: solid;
	border-width: 1px;
	border-color: rgba(255, 255, 255, 0.66);
	transition: background-color 0.6s ease;
  
}

@media only screen and (min-width: 730px) { 

	.dot {
		
		height: 2vmax;
		width: 2vmax;
		cursor: pointer;
		margin: 0 2px;
		background-color: rgba(161, 161, 161, 0.25);
		display: inline-block;
		border-radius: 50%;
		border-style: solid;
		border-width: 1px;
		border-color: rgba(255, 255, 255, 0.66);
		transition: background-color 0.6s ease;
	  
	}
	
}

.dot:hover {background-color: #7bacc7;}

.activeDot {background-color: #417896;}

/* Header animation-style */

.animated {

  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  
}

.fadeIn {
	
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeInUp {
	
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  
}

@-webkit-keyframes fadeInUp{
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 30%, 0);
    transform: translate3d(0, 30%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 30%, 0);
    transform: translate3d(0, 30%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.zoomIn-picture {
  -webkit-animation-name: zoomIn-picture;
  animation-name: zoomIn-picture;
}

@-webkit-keyframes zoomIn-picture {
  from {
    opacity: 1;
	-webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2);
  }
}

@keyframes zoomIn-picture {
  from {
    opacity: 1;
	-webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2);
  }
}

.bounce {
	
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-animation-iteration-count: infinite; 
  animation-iteration-count: infinite;
}

.bounce:hover 
{
    animation-play-state: paused;
    -webkit-animation-play-state: paused;	
}

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    -webkit-transform: translate3d(0, px, 0);
    transform: translate3d(0, 0px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
  }
}

.delay-1 {
	-webkit-animation-delay: 0.1s; 
    animation-delay: 0.1s;	
}

.delay-3 {
	-webkit-animation-delay: 0.3s; 
    animation-delay: 0.3s;	
}

.delay-8 {
	-webkit-animation-delay: 0.8s; 
    animation-delay: 0.8s;	
} 

.delay-1-3 {
	-webkit-animation-delay: 1.3s; 
    animation-delay: 1.3;	
}

.delay-1-8 {
	-webkit-animation-delay: 1.8s; 
    animation-delay: 1.8s;	
}

.duration-1 {
	-webkit-animation-duration: 1.0s;
	animation-duration: 1.0s;
}

.duration-2 {
	-webkit-animation-duration: 15s;
	animation-duration: 15s;
}

.duration-3 {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}

/* Header slideshow content-style */

.slideshow-header {
		
	font-family: Montserrat;
	font-size: 8vw;
	text-align: center;
	color: #ffffff;
	font-weight: 400;
	font-style: normal;
	position: absolute;
	z-index: 601;
	left: 0%;
	top: 31.0%;
	width: 100%;
	text-shadow: 2px 2px 5px #00000042;
	
}

@media only screen and (min-width: 720px) {
	
	.slideshow-header {
		
		font-family: Montserrat;
		font-size: 5.0vw;
		text-align: left;
		color: #ffffff;
		font-weight: 200;
		font-style: normal;
		position: absolute;
		z-index: 601;
		left: 10%;
		top: 32.0%;
		width: 100%;

	}
	
}
	
@media only screen and (min-width: 920px) {
	
	.slideshow-header {
		
		font-family: Montserrat;
		font-size: 4.5vw;
		text-align: left;
		color: #ffffff;
		font-weight: 200;
		font-style: normal;
		position: absolute;
		z-index: 601;
		left: 10%;
		top: 37.0%;
		width: 100%;

	}
	
}

@media only screen and (min-width: 1180px) {
	
	.slideshow-header {
		
	font-family: Montserrat;
    font-size: 3.5vw;
    text-align: left;
    color: #ffffff;
    font-weight: 200;
    font-style: normal;
    position: absolute;
    z-index: 601;
    left: 15%;
    top: 35.0%;
    width: 100%;

	}
	
}

.slideshow-content {
		
	font-family: Montserrat;
	font-size: 8.5vw;
	text-align: center;
	color: #ffffff;
	font-weight: 700;
	font-style: normal;		
	position: absolute;
	z-index: 601;
	top: 38.0%;
	width: 100%;
	text-shadow: 2px 2px 5px #00000042;

}

@media only screen and (min-width: 720px) {
	
	.slideshow-content {
		
		font-family: Montserrat;
		font-size: 5.5vw;
		text-align: left;
		color: #ffffff;
		font-weight: 700;
		font-style: normal;
		position: absolute;
		z-index: 601;
		left: 10%;
		top: 40.0%;
		width: 100%;
	
	}
	
}

@media only screen and (min-width: 920px) {
	
	.slideshow-content {
		
		font-family: Montserrat;
		font-size: 5.5vw;
		text-align: left;
		color: #ffffff;
		font-weight: 700;
		font-style: normal;
		position: absolute;
		z-index: 601;
		left: 10%;
		top: 45.0%;
		width: 100%;
	
	}
	
}

@media only screen and (min-width: 1180px) {
	
	.slideshow-content {
		
    font-family: Montserrat;
    font-size: 4.8vw;
    text-align: left;
    color: #ffffff;
    font-weight: 700;
    font-style: normal;
    position: absolute;
    z-index: 601;
    left: 15%;
    top: 42.0%;
    width: 100%;
	
	}
	
}

.slideshow-content-2 {
		
	font-family: Montserrat;
	font-size: 4.0vw;
	text-align: center;
	color: #ffffff;
	font-weight: 700;
	font-style: normal;		
	position: absolute;
	z-index: 601;
	top: 65.0%;
	width: 100%;
	text-shadow: 2px 2px 5px #00000042;

}

@media only screen and (min-width: 720px) {
	
	.slideshow-content-2 {
		
		font-family: Montserrat;
		font-size: 3.0vw;
		text-align: center;
		color: #ffffff;
		font-weight: 700;
		font-style: normal;
		position: absolute;
		z-index: 601;
		left: 0%;
		top: 55.0%;
		width: 100%;
	
	}
	
}

@media only screen and (min-width: 920px) {
	
	.slideshow-content-2 {
		
		font-family: Montserrat;
		font-size: 2.0vw;
		text-align: center;
		color: #ffffff;
		font-weight: 700;
		font-style: normal;
		position: absolute;
		z-index: 601;
		left: 0%;
		top: 65.0%;
		width: 100%;
	
	}
	
}

@media only screen and (min-width: 1180px) {
	
	.slideshow-content-2 {
		
    font-family: Montserrat;
    font-size: 1.8vw;
    text-align: center;
    color: #ffffff;
    font-weight: 500;
    font-style: normal;
    position: absolute;
    z-index: 601;
    left: 0%;
    top: 60.0%;
    width: 100%;
	
	}
	
}

.slideshow-content-3 {
		
	font-family: Montserrat;
	font-size: 8.5vw;
	text-align: center;
	color: #ffffff;
	font-weight: 700;
	font-style: normal;		
	position: absolute;
	z-index: 601;
	top: 80.0%;
	width: 100%;
	text-shadow: 2px 2px 5px #00000042;

}

@media only screen and (min-width: 720px) {
	
	.slideshow-content-3 {
		
		font-family: Montserrat;
		font-size: 8.5vw;
		text-align: center;
		color: #ffffff;
		font-weight: 700;
		font-style: normal;
		position: absolute;
		z-index: 601;
		left: 0%;
		top: 70.0%;
		width: 100%;
	
	}
	
}

@media only screen and (min-width: 920px) {
	
	.slideshow-content-3 {
		
		font-family: Montserrat;
		font-size: 5.5vw;
		text-align: center;
		color: #ffffff;
		font-weight: 700;
		font-style: normal;
		position: absolute;
		z-index: 601;
		left: 0%;
		top: 75.0%;
		width: 100%;
	
	}
	
}

@media only screen and (min-width: 1180px) {
	
	.slideshow-content-3 {
		
    font-family: Montserrat;
    font-size: 1.8vw;
    text-align: center;
    color: #ffffff;
    font-weight: 500;
    font-style: normal;
    position: absolute;
    z-index: 601;
    left: 0%;
    top: 75.0%;
    width: 100%;
	
	}
	
}