/* -------------------------------- 

Primary style

-------------------------------- */
*, *::after, *::before {
	box-sizing: border-box;
}
  
html {
}

body {
	font-size:16px;
	font-family:'Titillium Web', sans-serif;
	color:#fff;
  	background-color:#0f429a;
  	background-image:url(../img/bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
	-o-background-size: cover;
	background-position: bottom center;
	background-attachment: fixed;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow: hidden;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}


@media only screen and (max-width: 899px) {
	body{height:auto;overflow-y:auto; overflow-x:hidden; margin:0; padding:0}
	.grid-wrapper{
		width:100%;
		height:100%;
		position:absolute;
		padding:0px;
		margin:0;
	}
	.grid-box{
		width:25%;
		height:10%;
		position:relative;
		margin:0;
		padding:0;
		display:inline-block;
		float: left;
	}
	.grid-box .decorTL, .grid-box .decorTR, .grid-box .decorBL, .grid-box .decorBR{
		display:block;
		position:absolute;
		width:10px;
		height:10px;
		border:1px solid rgba(255, 255, 255, 0.03);
	}
	.grid-box .decorTL{
		top:0;
		left:0;
		border-right:none;
		border-bottom:none;
	}
	.grid-box .decorTR{
		top:0;
		right:-1px;
		border-left:none;
		border-bottom:none;
	}
	.grid-box .decorBL{
		bottom:-1px;
		left:0;
		border-right:none;
		border-top:none;
	}
	.grid-box .decorBR{
		bottom:-1px;
		right:-1px;
		border-left:none;
		border-top:none;
	}
	#golf-mobile{
		width:100%;
		height:29%;
		padding:0;
		margin:0;
		position:relative;
		display: inline-block;
	}
	.golf-mobile-before, .golf-mobile-after{
		width:100%;
		height:100%;
		top:0;
		left:0;
		position:absolute;
		background: url("../img/gregac-home-golf_mobile_before.png") no-repeat center center;
		background-size: contain;
		display: inline-block;
	}
	.golf-mobile-after{
		background: url("../img/gregac-home-golf_mobile_after.png") no-repeat center center;
		background-size: contain;
	}
	.grid-container{
		width:100%;
		height:100%;
		position: absolute;
	}
	.grid-item{
		width:25%;
		height:10%;
		position:relative;
		margin:0;
		padding:0;
		display:inline-block;
		float: left;
	}
	
	.grid-item-logo{
		width:50%;
		height:10%;
		position:relative;
		margin:0;
		padding:0;
		display:inline-block;
		float: left;
		z-index:1;
	}
	.grid-item-nav{
		width:25%;
		height:10%;
		position:relative;
		margin:0;
		padding:0;
		display:inline-block;
		float: left;
		z-index:1;
	}
	.grid-item-title{
		width:100%;
		height:auto;
		position:relative;
		margin:0;
		padding:20px 0 0 0;
		display:inline-block;
		float: left;
	}
	.grid-item-text{
		width:100%;
		height:auto;
		position:relative;
		margin:0;
		padding:0;
		display:inline-block;
		float: left;
	}
	.grid-item-photoL{
		width:100%;
		height:40%;
		position:relative;
		margin:0;
		padding:0;
		display:inline-block;
		float: left;
		background-position:center center;
		background-size:cover;
		background-repeat:no-repeat;
	}
	.grid-item-mapa{
		width:100%;
		height:60%;
		position:relative;
		margin:0;
		padding:0;
		display:inline-block;
		float: left;
		background-position:center center;
		background-size:cover;
		background-repeat:no-repeat;
	}
	.grid-item-photoS{
		width:20%;
		height:60%;
		position:relative;
		margin:0;
		padding:0;
		display:inline-block;
		float: left;
		background-position:center center;
		background-size:cover;
		background-repeat:no-repeat;
	}
	.grid-item-btn{
		width:100%;
		height:20%;
		position:relative;
		margin:0;
		padding:0;
		display:inline-block;
		float: left;
	}
	.grid-item-copyrights{
		display:none;
	}
	.copyrights{
		width:100%;
		height:22%;
		position:absolute;
		bottom:0;
		left:0;
		margin:0;
		padding:0;
		display:inline-block;
		float: left;
	}
	.logo-greg{
		display: inline-block;
		position: absolute;
		width:100%;
		height:70%;
		transform: translateY(-50%);
		top:50%;
		left:0;
		background-image:url(../img/logo-greg.png);
		background-repeat:no-repeat;
		background-position: left center;
		background-size: contain;
	}
	.logo-ew{
		display:inline-block;
		position:relative;
		width:108px;
		height:36px;
		margin-left:10px;
		background-image:url(../img/logo-ew.png);
		background-repeat:no-repeat;
		background-position: right center;
		background-size: contain;
	}
	#head-kontakt{
		display: inline-block;
		position: fixed;
		width:100%;
		height:50px;
		bottom:0;
		right:0;
		background-repeat:no-repeat;
	}
	ul.primary-nav{
		display:none;
	}
	  /* -------------------------------- 

		Hamburger Nav

		-------------------------------- */

.cd-primary-nav {
	/* by default it's hidden - on top of the viewport */
	position:fixed;
	left:0;
	top:10%;
	height:90%;
	width:100%;
	margin:0 0 0 0;
	padding:0;
	background-color:#0f429a;
	background-image:url(../img/bg.jpg);
  	background-repeat:no-repeat;
  	background-size:cover;
  	-webkit-background-size: cover;
	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-position: bottom center;
 	background-attachment: fixed;
	text-align:center;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	overflow:none;
	opacity:0;
	z-index:0;
	/* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
	-webkit-transition: opacity .2s ease, z-index 0s linear .3s;
    -moz-transition: opacity .2s ease, z-index 0s linear .3s;
    -o-transition: opacity .2s ease, z-index 0s linear .3s;
	transition: opacity .2s ease, z-index 0s linear .3s;
  }
  .cd-primary-nav li {
	display:block;
	width:100%;
	height:20%;
	font-size: 1.5vw;
	font-weight: 300;
	list-style-type: none;
	padding:0;
  }
  .cd-primary-nav li.service a{
	display: inline-block;
	height:100%; width:100%;
	padding:0;
	color:#fff;
  }
  .cd-primary-nav li.service a p {
	padding:0;
	margin:0;
	width:100%;
  }
  .no-touch .cd-primary-nav li.service a:hover {
	color: #67c6e3;
  }
  .is-visible {
	opacity:1;
	z-index: 99999;
	-webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
	transition: opacity .2s ease;
  }
  .cd-intro {
	position: relative;
	height: 100%;
	background: url("../img/cd-background-img.jpg") no-repeat center center;
	background-size: cover;
	z-index: 100;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  }
  .cd-intro h1 {
	position: absolute;
	width: 90%;
	max-width: 1170px;
	left: 50%;
	top: 50%;
	bottom: auto;
	right: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	color: white;
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 300;
	text-align: center;
  }
  
  .hamburger.is-fixed {
    /* when the user scrolls down, we hide the header right above the viewport */
    position: fixed;
    top: 40px;
  }
  .hamburger.is-visible {
    /* if the user changes the scrolling direction, we show the header */
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	animation: zanimate 5s forwards;
  }
  .hamburger.menu-is-open {
    /* add a background color to the header when the navigation is open */
	background-color: rgba(2, 23, 37, 0.96);
  }
	.inner{
		height:100%;
		width:100%;
		position: relative;
	}
	.inner h1{
		font-size:10vw;
		font-weight:700;
		text-align: left;
		width:100%;
		height:auto;
		margin:0;
		position: relative;
		display: inline-block;
		line-height:10vw;
		padding:20px 30px 0 30px;
	}
	p{display: inline-block;}
	.inner p{
	font-size:4vw;
	font-weight:100;
	line-height:7vw;
	width:100%;
	margin:0;
	padding:30px;
	bottom:0;
	left:0;
	display:block;
	position:relative;
	float:left;
	}
	/* -------------------------------- 

	Buttons

	-------------------------------- */

	.service{
		position: relative;
		display: inline-block;
		float: left;
		height:100%;
		width:100%;
	}
	.service .servBG, .fact .servBG{
		position: absolute;
		width:80%;
		height:80%;
		top:10%;
		left:10%;
		background: linear-gradient(to bottom right, rgba(21, 79, 181, 0.8), rgba(10, 39, 92, 0.8));
		opacity:0;
		transition: 0.3s all;
	}
	.service:hover .servBG, .fact:hover .servBG{
		opacity:0.9;
		width:100%;
		height:100%;
		top:0;
		left:0;
	}
	.service .servTL, .service .servTR, .service .servBL, .service .servBR,
	.fact .servTL, .fact .servTR, .fact .servBL, .fact .servBR{
		display: block;
		position: absolute;
		width:20px;
		height:20px;
		border:1px solid rgba(255, 255, 255, 0.2);
		transition: 0.3s all;
	}
	.service .servTL, .fact .servTL{
		top:10px;
		left:10px;
		border-right:none;
		border-bottom:none;
	}
	.service:hover .servTL, .fact:hover .servTL{
		top:0px;
		left:0px;
		border:1px solid rgba(255, 255, 255, 0.5);
		border-right:none;
		border-bottom:none;
	}
	.service .servTR, .fact .servTR{
		top:10px;
		right:10px;
		border-left:none;
		border-bottom:none;
	}
	.service:hover .servTR, .fact:hover .servTR{
		top:0px;
		right:0px;
		border:1px solid rgba(255, 255, 255, 0.5);
		border-left:none;
		border-bottom:none;
	}
	.service .servBL, .fact .servBL{
		bottom:10px;
		left:10px;
		border-right:none;
		border-top:none;
	}
	.service:hover .servBL, .fact:hover .servBL{
		bottom:0px;
		left:0px;
		border:1px solid rgba(255, 255, 255, 0.5);
		border-right:none;
		border-top:none;
	}
	.service .servBR, .fact .servBR{
		bottom:10px;
		right:10px;
		border-left:none;
		border-top:none;
	}
	.service:hover .servBR, .fact:hover .servBR{
		bottom:0px;
		right:0px;
		border:1px solid rgba(255, 255, 255, 0.5);
		border-left:none;
		border-top:none;
	}
	.service p{
		position: absolute;
		top:50%;
		transform: translateY(-50%);
		height:auto;
		left:18vh;
		right:15px;
		padding:0;
		margin:0;
		font-size:21px;
		font-weight: 600;
		line-height:96%;
	}
	.service p.nav{
		left: 50%;
		top: 50%;
		bottom: auto;
		right: auto;
		-webkit-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		-o-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
		font-size:4vh;
	}
	.service .icon{
		color: #67c6e3;
		display: block;
		font-size:8vh;
		position: absolute;
		top:50%;
		left:30px;
		transform:translateY(-50%);
		line-height:75%
	}

	/* SLIDER */
  
  /* Slider style */
  .cd-slider {
	position:relative;
	width:100%;
	height:76vh;
	overflow:hidden;
}
.cd-slider.ie9 nav div span {
	display: none;
}
.cd-slider ul li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	transition: visibility 0s .6s;
}
.content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: right bottom;
	background-size:125%;
	background-repeat: no-repeat;
	opacity: 0;
	transform: scale(1.2);
	transition: opacity .4s .6s, transform .4s .6s;
}
.content blockquote {
	position: absolute;
	top:37.5%;
	left:15%;
	z-index:2;
	width:70%;
	height:auto;
	transform: translateY(-50%);
	padding:0;
	margin:0;
}
blockquote p {
	font-size:4vw;
	text-align: center;
	margin:0;
}
blockquote span {
	font-size: 1.4rem;
}
/* current slide
---------------------------------*/
.cd-slider li.current_slide {
	visibility: visible;
}
.cd-slider li.current_slide::before {
	border-width: 16rem;
}
.cd-slider li.current_slide .content {
	opacity: 1;
	transform: scale(1);
}
/* nav
---------------------------------*/
.snav div {
	position: absolute;
	top: 37.5%;
	left:1%;
	width:60px;
	height:60px;
	margin-top:0;
	list-style: none;
	transform: translateY(-50%)
}
.snav div:last-of-type {
	left: auto;
	right:1%;
}
.prev, .next {
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 100%;
	transition: .2s;
}
.prev div.arrowPrev, .next div.arrowNext{
	display:block;
	width:28px;
	height:28px;
	border-right: 3px solid #67c6e3;
	border-top: 3px solid #67c6e3;
	position: absolute;
	top:16px;
	left:8px;
	transform: rotate(45deg);
	transition: .2s;
}
.prev div.arrowPrev{
  display:block;
  width:28px;
  height:28px;
  border-right: 3px solid #67c6e3;
  border-top: 3px solid #67c6e3;
  position: absolute;
  top:16px;
  left:24px;
  transform: rotate(-135deg);
}
.prev:hover div.arrowPrev{
  left:18px
}
.next:hover div.arrowNext{
  left:14px
}
div.arrowNext, div.arrowPrev {
	pointer-events: none;
	will-change: width, height;
	transition: width .6s, height .6s;
}

	.mobile-off{
		display:none;
	}
} 

@media only screen and (min-width: 900px) {
	.grid-wrapper{
		width:100%;
		height:100%;
		position:absolute;
		padding:0px;
		margin:0;
	}
	.grid-box{
		width:20%;
		height:20%;
		position:relative;
		margin:0;
		padding:0;
		display:inline-block;
		float: left;
	}
	.grid-box .decorTL, .grid-box .decorTR, .grid-box .decorBL, .grid-box .decorBR{
		display:block;
		position:absolute;
		width:10px;
		height:10px;
		border:1px solid rgba(255, 255, 255, 0.1);
	}
	.grid-box .decorTL{
		top:0;
		left:0;
		border-right:none;
		border-bottom:none;
	}
	.grid-box .decorTR{
		top:0;
		right:-1px;
		border-left:none;
		border-bottom:none;
	}
	.grid-box .decorBL{
		bottom:-1px;
		left:0;
		border-right:none;
		border-top:none;
	}
	.grid-box .decorBR{
		bottom:-1px;
		right:-1px;
		border-left:none;
		border-top:none;
	}
	
	.grid-container{
		width:100%;
		height:100%;
		position: absolute;
	}
	.grid-item{
		width:20%;
		height:20%;
		position:relative;
		margin:0;
		padding:0;
		display:inline-block;
		float: left;
	}
	.grid-item-logo{
		width:20%;
		height:20%;
		position:relative;
		margin:0;
		padding:0;
		display:inline-block;
		float: left;
		z-index: 1;
	}
	.grid-item-nav{
		width:60%;
		height:20%;
		position:relative;
		margin:0;
		padding:0;
		display:inline-block;
		float:left;
		z-index: 1;
	}
	.grid-item-title{
		width:20%;
		height:60%;
		position:relative;
		margin:0;
		padding:0;
		display:inline-block;
		float: left;
	}
	.grid-item-text, .grid-item-mapa{
		width:40%;
		height:60%;
		position:relative;
		margin:0;
		padding:0;
		display:inline-block;
		float: left;
	}
	.grid-item-golfwrapper{
		width:100%;
		height:60%;
		position:relative;
		margin:0;
		padding:0;
		display:inline-block;
		float: left;
	}
	.grid-item-golf{
		width:100%;
		height:100%;
		position:absolute;
		margin:0;
		padding:0;
		display:inline-block;
		float: left;
		top:0;
		left:0%
	}
	.grid-item-photoXL{
		width:80%;
		height:60%;
		position:relative;
		margin:0;
		padding:0;
		display:inline-block;
		float: left;
		background-position:right center;
		background-size:contain;
		background-repeat:no-repeat;
	}
	.grid-item-photoL{
		width:40%;
		height:60%;
		position:relative;
		margin:0;
		padding:0;
		display:inline-block;
		float: left;
		background-position:center center;
		background-size:cover;
		background-repeat:no-repeat;
	}
	.grid-item-photoS{
		width:20%;
		height:60%;
		position:relative;
		margin:0;
		padding:0;
		display:inline-block;
		float: left;
		background-position:center center;
		background-size:cover;
		background-repeat:no-repeat;
	}
	.grid-item-btn{
		width:20%;
		height:20%;
		position:relative;
		margin:0;
		padding:0;
		display:inline-block;
		float: left;
	}
	.grid-item-btn .icon{
		color: #67c6e3;
		display: block;
		width:100%;
		height:20%;
		font-size:5.5vh;
	}
	.grid-item-copyrights{
		width:20%;
		height:20%;
		position:relative;
		margin:0;
		padding:0;
		display:inline-block;
		float: left;
	}
	.inner-copyrights {
		width:100%;
		position: absolute;
		padding:0;
		bottom:20px;
		left:30px;
	}
	.logo-greg{
		display: inline-block;
		position: absolute;
		width:200px;
		height:50px;
		top:20px;
		left:0;
		background-image:url(../img/logo-greg.png);
		background-repeat:no-repeat;
		background-position: left center;
	}
	.logo-ew{
		display:inline-block;
		position:relative;
		width:108px;
		height:36px;
		margin-left:10px;
		background-image:url(../img/logo-ew.png);
		background-repeat:no-repeat;
		background-position: right center;
		background-size: contain;
	}
	#head-kontakt{
		display: inline-block;
		position: absolute;
		width:360px;
		height:50px;
		top:20px;
		right:20px;
		background-repeat:no-repeat;
		z-index: 21;
	}
	.inner{
		position:absolute;
		top:50%;
		left:50%;
		width:100%;
		height:100%;
	}
	.inner h1{
		font-size:8.5vh;
		font-weight:700;
		transform: translateX(-50%) translateY(-50%) rotate(-90deg);
		margin:0;
		padding:0;
		position: relative;
		width:auto;
		display: inline-block;
		line-height: 100%;
	}
	p{display: inline-block;}
	.inner p{
	font-size:1.1vw;
	font-weight:100;
	line-height:2vw;
	transform: translateX(-50%) translateY(-50%);
	width:100%;
	margin:0;
	padding:30px 50px 30px 30px;
	bottom:0;
	left:0;
	display:block;
	position:relative;
	float:left;
	}
		.hamburger {display:none;}
		nav{display:none;}

		/* -------------------------------- 
		Nav
		-------------------------------- */

		ul.primary-nav{
			display:inline-block;
			position: relative;
		}
		ul.primary-nav li{
			list-style: none;
			float: left;
			display:inline-block;
			position: relative;
			padding:0;
			margin:0;
		}
		ul.primary-nav li a{
			display:block;
			height:60px;
			padding:0 25px;
			line-height:21px;
			font-weight: 700;
			font-size: 18px;
			transition: 0.2s all;
		}
		ul.primary-nav li a:hover{
			color: #67c6e3;
		}
		/* -------------------------------- 

	Buttons

	-------------------------------- */

	.service{
		position: relative;
		display: inline-block;
		float: left;
		height:100%;
		width:100%;
	}
	.service .servBG, .fact .servBG{
		position: absolute;
		width:80%;
		height:80%;
		top:10%;
		left:10%;
		background: linear-gradient(to bottom right, rgba(21, 79, 181, 0.8), rgba(10, 39, 92, 0.8));
		opacity:0;
		transition: 0.3s all;
	}
	.service:hover .servBG, .fact:hover .servBG{
		opacity:0.9;
		width:100%;
		height:100%;
		top:0;
		left:0;
	}
	.service .servTL, .service .servTR, .service .servBL, .service .servBR,
	.fact .servTL, .fact .servTR, .fact .servBL, .fact .servBR{
		display: block;
		position: absolute;
		width:20px;
		height:20px;
		border:1px solid rgba(255, 255, 255, 0.2);
		transition: 0.3s all;
	}
	.service .servTL, .fact .servTL{
		top:10px;
		left:10px;
		border-right:none;
		border-bottom:none;
	}
	.service:hover .servTL, .fact:hover .servTL{
		top:0px;
		left:0px;
		border:1px solid rgba(255, 255, 255, 0.5);
		border-right:none;
		border-bottom:none;
	}
	.service .servTR, .fact .servTR{
		top:10px;
		right:10px;
		border-left:none;
		border-bottom:none;
	}
	.service:hover .servTR, .fact:hover .servTR{
		top:0px;
		right:0px;
		border:1px solid rgba(255, 255, 255, 0.5);
		border-left:none;
		border-bottom:none;
	}
	.service .servBL, .fact .servBL{
		bottom:10px;
		left:10px;
		border-right:none;
		border-top:none;
	}
	.service:hover .servBL, .fact:hover .servBL{
		bottom:0px;
		left:0px;
		border:1px solid rgba(255, 255, 255, 0.5);
		border-right:none;
		border-top:none;
	}
	.service .servBR, .fact .servBR{
		bottom:10px;
		right:10px;
		border-left:none;
		border-top:none;
	}
	.service:hover .servBR, .fact:hover .servBR{
		bottom:0px;
		right:0px;
		border:1px solid rgba(255, 255, 255, 0.5);
		border-left:none;
		border-top:none;
	}
	.service p{
		position: absolute;
		bottom:30px;
		left:30px;
		right:15px;
		padding:0;
		margin:0;
		font-size:2.8vh;
		font-weight: 600;
		line-height:96%;
	}
	.service p.nav{
		left: 50%;
		top: 50%;
		bottom: auto;
		right: auto;
		-webkit-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		-o-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
		font-size:4vh;
	}
	.service .icon{
		position: absolute;
		top:20px;
		left:30px;
		right:30px;
		height:60px;
		background-position:left center;
		background-repeat:no-repeat;
	}
	/* SLIDER */
	
	/* Slider style */
	.cd-slider {
		position:relative;
		width:100%;
		height:80vh;
		overflow:hidden;
	}
	.cd-slider.ie9 nav div span {
		display: none;
	}
	.cd-slider ul li {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		visibility: hidden;
		transition: visibility 0s .6s;
	}
	.content {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-position: right center;
		background-size: cover;
		background-repeat: no-repeat;
		mix-blend-mode: lighten;
		opacity: 0;
		transform: scale(1.2);
		transition: opacity .4s .6s, transform .4s .6s;
	}
	.content blockquote {
		position: absolute;
		top: 5%;
		left: 5%;
		z-index: 2;
		max-width: 25%;
	}
	blockquote p {
		margin-bottom: 2rem;
		font-size:1.2vw;
	}
	blockquote span {
		font-size: 1.4rem;
	}
	/* current slide
	---------------------------------*/
	.cd-slider li.current_slide {
		visibility: visible;
	}
	.cd-slider li.current_slide::before {
		border-width: 16rem;
	}
	.cd-slider li.current_slide .content {
		opacity: 1;
		transform: scale(1);
	}
	/* nav
	---------------------------------*/
	.snav div {
		position: absolute;
		top: 37.5%;
		left: 2%;
		width:60px;
		height:60px;
		margin-top:0;
		list-style: none;
		transform: translateY(-50%)
	}
	.snav div:last-of-type {
		left: auto;
		right: 2%;
	}
	.prev, .next {
		position: relative;
		width: 100%;
		height: 100%;
		display: block;
		border-radius: 100%;
		transition: .2s;
	}
	.prev div.arrowPrev, .next div.arrowNext{
		display:block;
		width:28px;
		height:28px;
		border-right: 3px solid #67c6e3;
		border-top: 3px solid #67c6e3;
		position: absolute;
		top:16px;
		left:8px;
		transform: rotate(45deg);
		transition: .2s;
	}
	.prev div.arrowPrev{
	display:block;
	width:28px;
	height:28px;
	border-right: 3px solid #67c6e3;
	border-top: 3px solid #67c6e3;
	position: absolute;
	top:16px;
	left:24px;
	transform: rotate(-135deg);
	}
	.prev:hover div.arrowPrev{
	left:18px
	}
	.next:hover div.arrowNext{
	left:14px
	}
	div.arrowNext, div.arrowPrev {
		pointer-events: none;
		will-change: width, height;
		transition: width .6s, height .6s;
	}
	.mobile{display:none}
} 



a{
	text-decoration:none;
	color:#fff;
}
a:hover{
	text-decoration:none;
}

.social-icon{
	display:inline-block;
	position:relative;
	float:left;
	width:32px;
	height:32px;
	margin:0;
	padding:0;
	background-image: url(../img/social-icons.png);
	background-repeat: no-repeat;
	background-size:auto 32px;
	opacity:0.6;
	-webkit-transition: all 0.4s; /* Safari */
	transition: all 0.4s;
}
.social-icon:hover{
	opacity:1;
}
.facebook{
	background-position: center center;
}

.btn-nextPage{
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background: #06193b;
	color:#fff;
}
.btn-nextPage i{
	position:absolute;
	right:20px;
	bottom:20px;
	color:#fff;
}




.adres{
	position: absolute;
	top:0;
	right:0;
	padding: 0 0 0 24px;
	margin: 0;
	line-height:1vw;
	background-image:url(../img/head-adres.png);
	background-repeat:no-repeat;
	background-position: left top;
	font-size:16px;
	font-weight: 300;
	color:#fff;
	text-align:left;
}
.telefon{
	position: absolute;
	display: inline-block;
	right:0;
	bottom:0;
	padding: 0 0 0 36px;
	margin: 0;
	line-height:28px;
	background-image:url(../img/head-telefon.png);
	background-repeat:no-repeat;
	background-position: left center;
	font-size:28px;
	font-weight: 700;
	color:#fff;
	text-align:left;
	text-decoration: none;
}
.tel2{
	visibility: hidden;
	opacity:0;
	bottom:-40px;
	transition: 0.3s all;
}
#head-kontakt:hover .tel2{
	visibility: visible;
	opacity: 1;
	bottom:-32px;
}


ul.topnav{
	position:relative; 
	left:-50%;
	width:auto;
	border:1px solid #f00;
	float:left;
	margin:0;
	padding:0;
	top:20px;
	z-index: 2;
}
ul.topnav li{
	position:relative;
	float:left;
	display: inline-block;
	list-style-type:none; 
	padding:10px 20px;
	margin:0;
	border:1px dotted #0f0;
}
ul.topnav li a{
	color:#fff;
	text-decoration: none;
	font-size: 1vw;
}

/* -------------------------------- 

Golf Effect

-------------------------------- */

.slider-wrapper {
	width: 100%;
	height: 100%;
	position: relative;
  }
.slider-wrapper:hover { cursor: w-resize }
.comparison-slider {
}
.before-wrapper {
	display: block;
	overflow: hidden;
	width: auto;
	height: 100%;
	position: relative;
	background: url("../img/gregac-home-golf1.png") no-repeat center center;
	background-size: contain;
  }
.before-wrapper:before {
	display: block;
	content: '';
	width: 100%; 
	height:100%;
  }
.after-wrapper, .after-image {
  }
.after-wrapper {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transform: translateX(50%);
	transform: translateX(50%);
	border-left: 1px solid rgba(255, 255, 255, 0.1);
  }
.after-image {
	display: block;
	width: auto;
	height: 100%;
	position: relative;
  -webkit-transform: translateX(-50%);

	transform: translateX(-50%);
	background: url("../img/gregac-home-golf2.png") no-repeat center center;
	background-size: contain;
	}
.past, .future{
	padding: 40px;
	color:#fff;
	text-transform:uppercase;
	font-size:20px;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7);
	font-weight:800;
  }
.past {
   position: absolute;
   display: block;
   bottom: 0px;
   left:0px;
 }
.you {
	width: 200px;
	height: 200px;
   position: absolute;
   display: block;
   right:0px;
   left: 0px;
   z-index:999;
   background: red;
  }
.future {
   position: absolute;
   display: block;
   bottom: 0px;
   right:0px;
  }

  .pop {
	position: absolute;
	width:0;
	margin: auto;
	padding:0;
	height:0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
  }
  @media (max-width: 640px) {
	.pop {
	  position: relative;
	  width: 100%;
	}
  }
  .pop .modal {
	z-index: 2;
	opacity: 0;
	visibility: hidden;
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transition: opacity 500ms ease-in-out;
	transition: opacity 500ms ease-in-out;
  }
  .pop .modal__inner {
	-webkit-transform: translate(-50%, -50%) scale(0.75);
			transform: translate(-50%, -50%) scale(0.75);
	top: 50%;
	left: 50%;
	width: 50%;
	background: white;
	padding: 30px;
	position: absolute;
	color: black;
  }
  .pop .modal__inner img{
	width:100%;
  }
  @media (max-width: 640px) {
	.pop .modal__inner {
	  width: 100%;
	}
  }
  .btn-close{
    color: #fff;
    text-align: center;
}
 
.pop label {
  display: inline-block;
  cursor: pointer;
}
.pop label.open {
  color: turquoise;
  -webkit-transition: color 200ms ease-in-out;
  transition: color 200ms ease-in-out;
  text-decoration: underline;
}
.pop label.open:hover {
  color: paleturquoise;
}
.pop input {
	display: none;
  }
  .pop input:checked + .modal {
	opacity: 1;
	visibility: visible;
  }
  .pop input:checked + .modal .modal__inner {
	-webkit-transform: translate(-50%, -50%) scale(1);
			transform: translate(-50%, -50%) scale(1);
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
  }
  .pop input:checked + .modal .modal__inner p {
	font-size: 1.25rem;
	line-height: 125%;
  }
  .pop input:checked + .modal label {
	position: absolute;
	top: 0;
	right: 0;
	height: 30px;
	width: 30px;
	background: #666666;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
  }
  .pop input:checked + .modal label:hover {
	background: #333333;
  }