html {
	min-height: 100%;
	background-color: black;
}

body {
	padding: 0;
	margin: 0;
	background-color: white;
	font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Arial,sans-serif; 
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
	-moz-text-size-adjust:none;
	text-size-adjust:none;
	height: 100%;
}

img {
	object-fit: contain;
}

.z1 {
	width: 100%;
	background-color: white;
	padding-bottom: 1vw;
	padding-top: 1vw;
	margin: 0;
}

.z2 {
	width: 100%;
	background-color: white;
	padding-bottom: 1vw;
	padding-top: 1vw;
	margin: 0;
	font-size: calc(min(16px, 3px + 1.5vw));
}

#map {
	height: 400px;       
	width: 100%;
	margin: 0;
}

#map2 {
	float: left;
	height: 650px;
	width: 50%;
	margin: 0;
}

.wide {
    position: relative;
    text-align: center;
    color: white;
	font-weight: bold;
}

.centered {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-100%, -100%);
	text-shadow: 2px 2px 5px black;
	background-color: red;
	padding: 4px;
}

.centered2 {
    position: absolute;
    top: 100%;
    left: 0%;
	transform: translate(0%, -100%);
	text-shadow: 2px 2px 5px black;
	background-color: red;
	padding: 4px;
}

.but {
	font-size: 24px;
	display: inline;
	background-color: red;
	border-style: solid;
    border-width: 2px;
	padding: 1.5%;
}

.inline {
	display: inline;
}

.inlineB {
	display: inline-block;
}

.vert {
	vertical-align: middle;
	text-align: center;
}

.cent {
	text-align: center;
	width: 50%;
}
.gallery{
	margin: 10px 50px;
}

.gallery img{
	width: 300px;
	padding: 7px;
	transition: 1s;
}

.gallery img:hover{
	filter: grayscale(0);
	transform: scale(1.1);
}

.rig {
	text-align: right;
	width: calc(100% - 300px);
}

.right {
	text-align: right;
}

.i3{
	height: 128px;
	display: inline-block;
	float: left;
}

.i1 {
	height: 64px;
}

.i4 {
	height: calc(min(64px, 10vw));
	padding: calc(min(6px, 1vw));
}

.p1 {
	font-size: 16px;
	font-weight: bold;
	color: white;
}

.icon-bar {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0px;
  z-index: 900;
}

.icon-bar a {
  display: block;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 35px;
}

.icon-bar a:hover {
  background-color: #000;
}

.facebook {
  background: #3B5998;
  color: white;
}

.sg1 {
	text-align: right;
	background-color: red;
	padding-right: 16px;
	font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Arial,sans-serif;
}

.lef{
	text-align: center;
	height: 128px;
	width: 48%;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.lef1{
	text-align: center;
	width: 48%;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 33%;
	padding-top: calc(min(20px, 10px + 1vw));
	padding-bottom: calc(min(20px, 10px + 1vw));
}

.lef0{
	text-align: left;
	vertical-align: middle;
	height: 128px;
	width: 100%;
}

.lef2 {
	width: calc(184px + 28vw);
	height: 128px;
	padding-top: calc(min(20px, 10px + 1vw));
	padding-bottom: calc(min(20px, 10px + 1vw));
	margin: auto;
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
}

.sk{
	width: calc(100% - 129px);
	display: flex;
	align-items: center;
	justify-content: center;
}

.sp{
	margin: 0;
    position: relative;
	font-size: calc(min(26px, 1.15vw));
}

.sg2 {
	font-size: 18px;
	background-color: rgba(255,255,255,0.9);
	padding: 32px;
	font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Arial,sans-serif;
	position: sticky;
	top: 0px; 
	z-index: 1000;
	border-bottom: 5px solid #777;
}

.sg3 {
	background-color: #777;
	font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Arial,sans-serif;
	clear: both;
	padding: 2px;
}

.sg4 {
	font-size: 20px;
	background-color: white;
	text-align: center;
	padding: 32px;
	font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Arial,sans-serif; 
}

.sg4A {
	font-size: 20px;
	background-color: #ddd;
	background-image: url('i/sg/4/tlo.png');
	background-position: center;
	background-repeat: no-repeat; 
	background-size: cover;
	text-align: center;
	padding-top: 32px;
	padding-bottom: 32px;
	font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Arial,sans-serif; 
}

.sg4A1 {
	width: 50%;
	margin: 0 auto;
	font-size: 20px;
	background-color: rgba(255,255,255, 0.9);
	text-align: center;
	padding: 32px;
	font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Arial,sans-serif; 
}

.k1 {
	float: right;
	width: 50%;
	align: center;
	position: relative;
	height: 100%;
}

.sg4B {
	font-size: 18px;
	background-color: white;
	text-align: center;
	padding: 32px;
	position: relative;
	font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Arial,sans-serif; 
}

.sg4C {
	font-size: 18px;
	background-color: white;
	text-align: center;
	padding: 32px;
	font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Arial,sans-serif; 
}

.sg4D {
	background-color: white;
	text-align: center;
	padding: 2%;
	font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Arial,sans-serif;
}

.sg4Z {
	font-size: 18px;
	background-color: white;
	text-align: center;
	position: relative;
	font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Arial,sans-serif; 
}

.sg5 {
	background-color: #777;
	padding: 6px;
}

.sg6 {
	background-color: white;
	padding: 32px;
	font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Arial,sans-serif;
}

.sg7 {
	text-align: center;
	background-color: black;
}

.trasa {
	font-size: 24px;
	margin-bottom: 0px;
}

.sg8 {
	background-color: black;
	font-size: 1vw;
	text-align: right;
	padding-top: 16px;
	padding-right: 8px;
	color: white;
	font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Arial,sans-serif;
	height: 100%;
}

.sg8 p {
	margin-bottom: 0px;
}

* {
  box-sizing: border-box;
}

.slider {
    width: 50%;
    margin: 100px auto;
}

.slick-slide {
  margin: 0px 20px;
}

.slick-slide img {
  width: 100%;
}

.slick-prev:before,
.slick-next:before {
  color: black;
}


.slick-slide {
	transition: all ease-in-out .3s;
	opacity: 1;
	height: auto;
}

.slick-active {
  opacity: .5;
}

.slick-current {
  opacity: 1;
}

.ofa {
	background-color: #fff;
    border: none;
    color: black;
    padding-top: 16px;
    padding-bottom: 16px;
    text-decoration: none;
    margin: 4px 2px;
    cursor: pointer;
	word-wrap: break-word;
	white-space: normal;
	font-size: 18px;
}

.ofa:hover {
	color: red;
}

.ofa:active {
	color: pink;
}

.tel:visited{
	color: black;
}

.tel:link{
	color: black;
}

.tel:hover {
    color: yellow;
}

a:link {
    color: white;
	text-decoration: none;
}

a:visited {
    color: white;
	text-decoration: none;
}

a:hover {
    color: yellow;
}

a:active {
    color: pink;
}