@font-face {

  font-family: 'MyriadRegular';

  src: url('../fonts/MyriadPro-Regular.eot'); /* IE9 Compat Modes */

  src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('../fonts/MyriadPro-Regular.woff2') format('woff2'), /* Super Modern Browsers */

		url('../fonts/MyriadPro-Regular.woff') format('woff'), /* Pretty Modern Browsers */

		url('../fonts/MyriadPro-Regular.otf')  format('truetype'), /* Safari, Android, iOS */

		url('../fonts/MyriadPro-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */

}

@font-face {

  font-family: 'MyriadBold';

  src: url('../fonts/MyriadPro-Bold.eot'); /* IE9 Compat Modes */

  src: url('../fonts/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('../fonts/MyriadPro-Bold.woff2') format('woff2'), /* Super Modern Browsers */

		url('../fonts/MyriadPro-Bold.woff') format('woff'), /* Pretty Modern Browsers */

		url('../fonts/MyriadPro-Bold.otf')  format('truetype'), /* Safari, Android, iOS */

		url('../fonts/MyriadPro-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */

}

@font-face {

  font-family: 'MyriadSemiBold';

  src: url('../fonts/MyriadPro-Semibold.eot'); /* IE9 Compat Modes */

  src: url('../fonts/MyriadPro-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('../fonts/MyriadPro-Semibold.woff2') format('woff2'), /* Super Modern Browsers */

		url('../fonts/MyriadPro-Semibold.woff') format('woff'), /* Pretty Modern Browsers */

		url('../fonts/MyriadPro-Semibold.otf')  format('truetype'), /* Safari, Android, iOS */

		url('../fonts/MyriadPro-Semibold.svg#svgFontName') format('svg'); /* Legacy iOS */

}

*{

  margin: 0px;

  padding: 0px;

}

html, body{

  width: 100%;

  height: 100%;

  font-family: MyriadRegular;

}

a{

  text-decoration: none;

}

.container{

  width: 1100px;

  height: auto;

  margin: 0 auto;

}

.mini-container{

  width: 740px;

  height: auto;

  margin: 0 auto;

}

.header{

  width: 100%;

  height: 100%;

  min-height:700px;

  background: url('../img/header.png');

  background-size: cover;

  background-position: 50% 50%;

  float: left;

  display: inline-flex;

  position: relative;

}

.header .top{

  width: 100%;

  height: auto;

  float: left;

}

.header .top .logo{

  width: 100%;

  height: auto;

  float: left;

  text-align: center;

  margin-top: 50px;

  margin-bottom: 50px;

}

/* NAV WITH MAGIC LINE */



.nav-wrap {

	width: 100%;

	float: left;

	border-bottom: 2px solid #c7c8ca;

}



/* Clearfix */

.group:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }

*:first-child+html .group { zoom: 1; } /* IE7 */







/* Example One */

#example-one {

	margin: 0 auto;

	list-style: none;

	position: relative;

	width: auto;

	padding-bottom: 10px;

}

#example-one li {

	display: inline-block;

	margin-left: 18px;

	margin-right: 18px;

}

#example-one a {

	color: #424141;

	font-size: 16px;

}

#example-one a:hover {

	color: #424141;

}

#magic-line {

	position: absolute;

	bottom: -2px;

	left: 0;

	width: 100px;

	height: 2px;

	margin-left: 0px !important;

	background: #000;

}

.current_page_item a {

	color: #424141 !important;

	font-family: MyriadBold;

}

.ie6 #example-one li, .ie7 #example-one li {

	display: inline;

}

.ie6 #magic-line {

	bottom: -3px;

}

/* KRAJ NOVA NAV*/

.mobile-top{

	width: 100%;

	height: 70px;

	float: left;

	background-color: #fff;

	position: fixed;

	z-index: 9999;

    box-shadow: 0px 1px 6px rgba(0,0,0,.2);

	display: none;

}

.mobile-top .logo{

	float: left;

	margin-right: 50px;

	margin-top: 13px;

}

.mobile-top .menu{

  width: auto;

	float: right;

	margin-top: 20px;

}

.mobile-top .menu ul li{

	display: inline-block;

	box-sizing:border-box;

	padding-left: 10px;

	padding-right: 10px;

}

.mobile-top .menu ul li a{

	font-family: MyriadRegular;

	font-size: 16px;

	color: #000;

	padding-bottom: 5px;

	transition: all 0.2s;

}

.mobile-top .menu ul li.active > a {

	font-family: MyriadBold;

	border-bottom: 2px solid #000;

}

.mobile-top .menu ul li:hover > a{

	font-family: MyriadBold;

	border-bottom: 2px solid #000;

}

.mobile-top .social{

	float: right;

	line-height: 70px;

}

.mobile-top .social ul li{

	display: inline-block;

	margin-right: 10px;

	margin-top: 5px;

}

.mobile-top .menu-toggle{

	display: none;

	width: auto;

	height: auto;

	float: left;

	margin-top: 20px;

}

.mobile-top .menu-toggle span{

	font-family: MyriadRegular;

	color: #000;

	font-size: 18px;

	float: left;

	margin-right: 15px;

	margin-top: 5px;

}

.mobile-top .menu-toggle i{

	color: #000;

	font-size: 30px;

	float: left;

	cursor: pointer;

}

.mobile-top .menu-toggle i.h{

	display: none;

}

.mobile-top .menu-toggle i.nh{

	display: block;

}

.header .middle{

  width: 100%;

  height: auto;

  float: left;

  position: absolute;

  top: 40%;

  left: 0;

}

.header .middle .title{

  width: 100%;

  height: auto;

  float: left;

  text-align: center;

}

.header .middle .title h3{

  font-size: 90px;

  color: #f0488f;

  font-weight: 300;

  font-family: 'Varela Round', sans-serif;

}

.header .middle .desc{

  width: 100%;

  height: auto;

  float: left;

  text-align: center;

  margin-top: -10px;

}

.header .middle .desc h4{

  font-size: 18px;

  font-weight: 300;

  font-family: 'Varela Round', sans-serif;

  color: #f0488f;

}

.header .middle .buttons{

  width: 100%;

  height: auto;

  float: left;

  text-align: center;

  margin-top: 35px;

}

.header .middle .buttons div{

  width: 100%;

  height: auto;

  float: left;

  text-align: center;

  margin-top: 20px;

  margin-bottom: 20px;

}

.header .middle .buttons a{

  font-family: MyriadBold;

  font-size: 15px;

  padding: 15px 27px;

  border-radius: 25px;

}

.header .middle .buttons .view a{
  color: #fff;

  background-color: #f0488f;

  border:2px solid #f0488f;
transition:all 0.2s;
}
.header .middle .buttons .view a:hover{
  background-color: transparent;
  color: #f0488f;
}
.header .middle .buttons .contact a{

  color: rgba(0,0,0,.7);

  border:2px solid rgba(0,0,0,.7);

  padding: 15px 34px;
  transition: all 0.2s;

}
.header .middle .buttons .contact a:hover{
  color: #fff;
  background-color: rgba(0,0,0,.7);
}

.header .middle .buttons span.or{

  color: rgba(0,0,0,.5);

  display: block;

  font-size: 12px;

  font-family: MyriadBold;

}

.header .mousebottom{

	width: 100%;

	height: auto;

	float: left;

	position: absolute;

	left: 0;

	bottom: 120px;

	text-align: center;

}

.menu{

  width: 100%;

  height: auto;

  float: left;

  background: #fff;

}

.menu .menuicon{

  width: 100%;

  height: auto;

  float: left;

  text-align: center;

}

.menu .title{

  width: 100%;

  height: auto;

  float: left;

  text-align: center;

  margin-top: 10px;

}

.menu .title h3{

  font-size: 40px;

  color: #818181;

  font-family: MyriadBold;

}

.menu .border{

  width: 100%;

	height: 30px;

	float: left;

	margin-top: 20px;

	background: url('../img/border.png');

	background-repeat: repeat-x;

}

.menu .boxes{

  width: 100%;

  height: auto;

  float: left;

  margin-top: 50px;

  margin-bottom: 30px;

}

.menu .boxes .box{

  /* width: 25%; */
  width: 33%;

  height: auto;

  float: left;

  text-align: center;

}

.menu .boxes .box .boximg{

  width: 100%;

  height: auto;

  float: left;

  text-align: center;

}

.menu .boxes .box .head{

  width: 100%;

  height: auto;

  float: left;

  text-align: center;

  margin-top: 30px;

}

.menu .boxes .box .head h3{

  font-size: 20px;

  font-family: MyriadSemiBold;

  font-weight: 300;

  color: #818181;

}

.menu .boxes .box .stars{

  width: 100%;

  height: auto;

  float: left;

  text-align: center;

}

.menu .boxes .box .stars i{

  color: #c1c1c1;

}

.menu .boxes .box .stars i.low{

  color: #747171;

}

.menu .boxes .box .button{

  width: 100%;

  height: auto;

  float: left;

  text-align: center;

  margin-top: 35px;

  margin-bottom: 30px;

}

.menu .boxes .box .button a{

  color: #c1c1c1;

  border:2px solid #c1c1c1;

  padding: 10px 24px;

  border-radius: 20px;

  transition: all 0.2s;

}

.menu .boxes .box .button a:hover{

  color: #fff;

  border:2px solid #818181;

  background-color: #818181;

}

.party{

  width: 100%;

  height: auto;

  float: left;

  background: url('../img/party.png');

  background-size: cover;

  background-position: 50% 50%;

  box-sizing: border-box;

  padding-top: 30px;

  padding-bottom: 30px;

  overflow: hidden;

}

.party .border{

  width: 100%;

	height: 30px;

	float: left;

	margin-top: 20px;

	background: url('../img/border2.png');

	background-repeat: repeat-x;

}

.party .title{

  width: 100%;

  height: auto;

  float: left;

  text-align: center;

  margin-top: 40px;

}

.party .title h3{

  font-size: 40px;

  font-family: MyriadBold;

  color: #fff;

}

.party .content{

  width: 100%;

  height: auto;

  float: left;

  text-align: center;

  margin-top: 40px;

}

.party .content .tekst{

  width: 70%;

  height: auto;

  margin: 0px auto;

}

.party .content p{

  font-size: 18px;

  font-weight: 300;

  color: rgba(255,255,255,.9);

}

.party .email{

  width: 100%;

  height: auto;

  float: left;

  text-align: center;

  margin-top: 40px;

}

.party .email .text{

  width: 100%;

  height: auto;

  float: left;

}

.party .email .text p{

  font-size: 17px;

  color: rgba(255,255,255,.9);

}

.party .email .mailin{

  width: 100%;

  height: auto;

  float: left;

  margin-top: 15px;

  margin-bottom: 15px;

}

.party .email .mailin input{

  width: 340px;

  height: 45px;

  border:2px solid #fff;

  background-color: rgba(255,255,255,.15);

  border-radius:25px;

  text-align: center;

  color:rgba(255,255,255,1);

  font-family: MyriadSemiBold;

  font-size: 15px;

  outline: none;

}

.party .email .submitin{

  width: 100%;

  height: auto;

  float: left;

  margin-top: 10px;

  margin-bottom:30px;

}

.party .email .submitin input{

  width: 95px;

  height: 40px;

  border:2px solid #fff;

  background-color: rgba(255,255,255,1);

  border-radius:25px;

  text-align: center;

  color:#000;

  font-family: MyriadSemiBold;

  font-size: 15px;

  outline: none;

}

.weddings{

  width: 100%;

  height: auto;

  float: left;

  text-align: center;

  box-sizing: border-box;

  padding-bottom: 40px;

}

.weddings .wedicon{

  width: 100%;

  height: auto;

  float: left;

  text-align: center;

}

.weddings .title{

  width: 100%;

  height: auto;

  float: left;

  text-align: center;

  margin-top: 10px;

}

.weddings .title h3{

  font-size: 40px;

  color: #818181;

  font-family: MyriadBold;

}

.weddings .border{

  width: 100%;

	height: 30px;

	float: left;

	margin-top: 20px;

	background: url('../img/border.png');

	background-repeat: repeat-x;

}

.weddings .content{

  width: 100%;

  height: auto;

  float: left;

  text-align: center;

  margin-bottom: 50px;

}

.weddings .content .head{

  width: 100%;

  height: auto;

  float: left;

  text-align: center;

  margin-top: 50px;

}

.weddings .content .head h3{

  font-size: 21px;

  font-family: MyriadSemiBold;

  color: #818181;

  text-transform: uppercase;

}

.weddings .content .text{

  width: 100%;

  height: auto;

  float: left;

  margin-top: 30px;

  text-align: center;

}

.weddings .content .text .con{

  width: 70%;

  height: auto;

  margin: 0 auto;

}

.weddings .content .text .con p{

  font-size: 17px;

  font-weight: 300;

  color: #818181;

  margin-bottom: 10px;

}

.weddings .button{

  width: 100%;

  height: auto;

  float: left;

  margin-top: -5px;

}

.weddings .button a{

  color: #fff;

  font-size: 15px;

  border:2px solid #f0488f;

  background: #f0488f;

  padding: 15px 24px;

  border-radius: 25px;

  transition: all 0.2s;

  text-transform: uppercase;

}

.weddings .button i{

  margin-left: 5px;

  font-size:22px;

  font-weight: 700;

  color: #fff;

}

.needs{

  width: 100%;

  height: auto;

  float: left;

  background:url('../img/needs.png');

  background-size: cover;

  background-position: 50% 50%;

  box-sizing: border-box;

  padding-top: 120px;

  padding-bottom: 120px;

  text-align: center;

}

.needs .title{

  width: 100%;

  height: auto;

  float: left;

  text-align: center;

}

.needs .title h3{

  font-size: 40px;

  font-family: MyriadBold;

  color: #fff;

  text-transform: uppercase;

}

.needs .content{

  width: 100%;

  height: auto;

  float: left;

  text-align: center;

  margin-top: 40px;

}

.needs .content .text{

  width: 70%;

  height: auto;

  margin: 0px auto;

  text-align: center;

}

.needs .content .text p{

  font-size: 18px;

  color: #e4e2e2;

}

.ambient{

  width: 100%;

  height: auto;

  float: left;

  text-align: center;

  box-sizing: border-box;

  padding-bottom: 70px;

}

.ambient .ambienticon{

  width: 100%;

  height: auto;

  float: left;

  text-align: center;

}

.ambient .title{

  width: 100%;

  height: auto;

  float: left;

  text-align: center;

  margin-top: 10px;

}

.ambient .title h3{

  text-transform: uppercase;

  font-size: 20px;

  color: #818181;

  font-family: MyriadSemiBold;

}

.ambient .content{

  width: 100%;

  height: auto;

  float: left;

  text-align: center;

  margin-top: 35px;

  margin-bottom: 50px;

}

.ambient .content p{

  font-size: 17px;

  color: #818181;

}

.ambient .button{

  width: 100%;

  height: auto;

  float: left;

  text-align: center;

}

.ambient .button a{

  color: #818181;

  font-size: 15px;

  border:2px solid #818181;

  padding: 15px 44px;

  font-family: MyriadSemiBold;

  border-radius: 25px;

  transition: all 0.2s;

  text-transform: uppercase;

}
.ambient .button a:hover{
	color:#fff;
background-color:#818181;
}
.slide_img{

	width: 100%;

	height: auto;

	min-height: 670px;

	float: left;

	background-size:cover;

	background-position: 50% 50%;

	position: relative;

  overflow: hidden;

}

.slide_img .slider{

	position: absolute;

	bottom: 0px;

	width: 100%;

	height: 180px;

	background-color: rgba(0,0,0,.7);

}

.slide_img .slider .slide{

	width: 92%;

	height: 120px;

	margin-top: 30px;

	float: left;

	position: relative;

	text-align: center;

}

.slide_img .slider .slide_left{

	width: 4%;

	float: left;

	line-height: 180px;

}

.slide_img .slider .slide_right{

	width: 4%;

	float: left;

	line-height: 180px;

}

.slide_img .slider .slid{

	outline: none;

}

.slide_img .slider .slide div{

	outline: none;

}

.slide_img .slider .slid img{

	width: 155px;

	height: 120px;

	text-align: center;

	outline: none;

}

.slick-prev{

	position: absolute;

    z-index: 9;

    margin-top: 36px;

    margin-left: -48px;

    width: 30px;

    height: 30px;

    border: 0px;

    background: transparent;

    text-indent: -9999px;

    outline:none;

}

.slick-next{

	position: absolute;

    float: right;

    right: 0px;

    margin-top: -85px;

    width: 30px;

    height: 30px;

    margin-right: -30px;

    border: 0px;

    background: transparent;

    text-indent: -9999px;

    outline: none;

}

.contact{

  width: 100%;

  height: auto;

  float: left;

  text-align: center;

}

.contact .contacticon{

  width: 100%;

  height: auto;

  float: left;

  text-align: center;

}

.contact .title{

  width: 100%;

  height: auto;

  float: left;

  text-align: center;

  margin-top: 10px;

}

.contact .title h3{

  font-size: 40px;

  font-family: MyriadBold;

  color: #818181;

}

.contact .border{

  width: 100%;

	height: 30px;

	float: left;

	margin-top: 20px;

	background: url('../img/border.png');

	background-repeat: repeat-x;

}

.contact .forma{

  width: 100%;

  height: auto;

  float: left;

  text-align: center;

  box-sizing: border-box;

  padding-top: 50px;

  padding-bottom: 40px;

}

.contact .forma .conte .error{
  display: none;
}

.contact .forma .conte{

  width: 60%;

  height: auto;

  margin: 0px auto;

}

.contact .forma .conte div{

  width: 100%;

  height: auto;

  float: left;

  margin-bottom: 25px;

}

.contact .forma .conte input{

  width: 100%;

  height: 50px;

  text-align: center;

  border:3px solid #c5c1c1;

  background:transparent;

  border-radius:25px;

  outline: none;

  font-size: 18px;

  color: #818181;

}

.contact .forma .conte textarea{

  width: 100%;

  height:100px;

  min-height: 100px;

  max-height: 100px;

  min-width: 100%;

  max-width: 100%;

  float: left;

  text-align: center;

  border:3px solid #c5c1c1;

  color: #c5c1c1;

  background:transparent;

  border-radius:50px;

  line-height: 100px;

  outline: none;

  font-family: MyriadRegular;

  font-size: 18px;

  color: #818181;

}

.contact .forma .conte .send input{

  width: 150px;

  height: 45px;

  margin: 0 auto;

  border-radius:22px;

  background:#f0488f;

  border:0px;

  font-family:MyriadSemiBold;

  text-transform: uppercase;

  font-size: 15px;

  text-align: center;

  color: #fff;

}

.adress{

  width: 100%;

  height: auto;

  float: left;

  background: #fff;

  box-sizing: border-box;

  padding-top: 30px;

  padding-bottom: 30px;

}

.adress div{

  width: 100%;

  height: auto;

  float: left;

  text-align: center;

  margin-bottom: 10px;

}

.adress h3{

  font-family: MyriadSemiBold;

  color: #818181;

  font-size: 20px;

}

.adress h4{

  font-size: 17px;

  color: #818181;

}



.map{

	width: 100%;

	height: auto;

	float: left;

  overflow: hidden;

}

.map iframe{

  overflow:hidden;

	position: relative;

	z-index: 1;

}
.map .podmap{
  position: relative;
}
.map .podmap .fixpodmap{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 580px !important;
  background: transparent;
  float: left;
  z-index: 9;
}

iframe{

  overflow-x:hidden;

  overflow-y:hidden;

}

.footer{

	width: 100%;

	height: auto;

	float: left;

	background-color: #000;

  box-sizing: border-box;

  padding-top: 30px;

  padding-bottom: 30px;

}

.footer .logos{

	width: 100%;

	height: auto;

	float: left;

	box-sizing:border-box;

	padding: 25px;

	border-bottom: 2px solid #cfcece;

	margin-top: 30px;

	text-align: center;

}

.footer .logos div{

	width: 33.33%;

	height: auto;

	float: left;

	text-align: center;

}

.footer .copyright{

	width: 100%;

	height: auto;

	float: left;

	margin-top: 20px;

}

.footer .copyright .copyline{

	width: 100%;

	height: auto;

	float: left;

	text-align: center;

	margin-bottom: 10px;

}

.footer .copyright .copyline h4{

	font-family: MyriadRegular;

	color: #c1c1c1;

	font-size: 16px;

}

.footer .copyright .designline{

	width: 100%;

	height: auto;

	float: left;

	text-align: center;

	margin-bottom: 10px;

}

.footer .copyright .designline h4{

	font-family: MyriadRegular;

	color: #c1c1c1;

	font-size: 16px;

}

.footer .copyright .lknetlogo{

	width: 100%;

	height: auto;

	float: left;

	text-align: center;

	margin-bottom: 10px;

}

.footer .border{

  width: 100%;

  height: 30px;

  float: left;

  margin-top: 20px;

  background: url('../img/border2.png');

  background-repeat: repeat-x;

}

.footer .social{

  width: 100%;

  height: auto;

  float: left;

}

.footer .social .follow{

  width: 100%;

  height: auto;

  float: left;

  text-align: center;

}

.footer .social .follow h5{

  font-size: 16px;

  color: #c1c1c1;

}

.footer .social .icons{

  width: 100%;

  height: auto;

  float: left;

  text-align: center;

}

.footer .social .icons ul li{

  display: inline-block;

}

@media(max-height:780px){

  .header .mousebottom{

  	bottom: 20px;

  }

}

@media (max-width:1100px){

  .container{

    width: 100%;

  }

}

@media(max-width:860px){

  .menu .boxes .box{

    width: 50%;

  }

}

@media(max-width:820px){

  .mobile-top{

		display: block;

	}

  .mobile-top .menu-toggle{

		display: block;

	}

  .mobile-top .menu{

		display: none;

	}

  .mobile-top .menu ul{

		position: absolute;

		z-index: 29;

		top: 70px;

		left: 0;

		width: 100%;

		height: auto;

		float: left;

	}

  .mobile-top .menu ul li{

		width: 100%;

		height: 40px;

		float: left;

		text-align: center;

		line-height: 40px;

		background-color: #fff;

	}

  .mobile-top .menu ul li:hover{

		background-color: rgba(255,255,255,.8);

	}

  .mobile-top .menu ul li.active a{

		border-bottom:0px;

	}

  .mobile-top .menu ul li:hover > a{

		border-bottom:0px;

	}

  .header .top .nav-wrap{

    display: none;

  }

  .header .top .logo{

    margin-top: 100px;

  }

}

@media(max-width:750px){

  .mini-container{

    width: 100%;

  }

}

@media(max-width:620px){

  .contact .forma .conte{

    width: 80%;

  }

}

@media(max-width:520px){

  .header .middle .title h3{

    font-size: 72px;

  }

}

@media(max-width:420px){

  .menu .boxes .box{

    width: 100%;

  }

  .contact .forma .conte{

    width: 90%;

  }

}

@media(max-width:380px){

  .header .middle .title h3{

    font-size: 56px;

  }

}

@media(max-width:340px){

  .party .email .mailin input{

    width: 100%;

  }

}