@import url("pure-responsive-helpers.css");
@import url("pure-grids-push-pull.min.css");
@import url("tooltipster.bundle.min.css");


@import url("plugins/tooltipster/sideTip/themes/tooltipster-sideTip-borderless.min.css");

@import url("glide.core.min.css");
@import url("glide.theme.min.css");

@import url("lightgallery.min.css");
@import url("lg-transitions.min.css");

@import url("nouislider.min.css");

@import url("../js/icheck/skins/square/grey.css");

@import url("tip-emerald/tip-emerald.css");



a.nogo{
	cursor: default;
}


.glide__track{ margin: 0}
.glide__track img{ vertical-align: top }

.glide__slide{
	margin: 0;
}


.glide__slide .bg{
	height: 650px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}







.gallery-row .pure-u-1-3{
	margin: 0 auto;
}



.masonry {
	 -moz-column-gap: 0px;
    -webkit-column-gap: 0px;
    column-gap: 0px;
	
	overflow: hidden;	
	
	text-align: center;
}
.masonry-item {
	text-align: center;
	text-decoration: none;
	margin: 0 10px 10px 10px;
	padding: 0px;
	display: inline-block;
	
	background: #000;
	
	border: 10px solid #fff;
	
	box-shadow: 0px 0px 1px rgba(0,0,0,0.1);
	
	
	overflow: hidden;
	vertical-align: top;
	
	position: relative;

}



.masonry-item .btn{
	color: #fff;
	
	vertical-align: middle;
	
	
	
	font-family: "Gotham A", "Gotham B";
	font-style: normal;
	font-weight: 500;
		
	
	position: absolute;
    top: 50%;
	left: 50%;
	z-index: 2;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
	
	opacity: 0;
	

}


.masonry-item:hover .btn {
	opacity: 1;
}


.masonry-item:hover img {
	-ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari */
    transform: scale(1.1);
	
	opacity: .2;
}



.masonry-item span {
	padding: 10px;
	display: block;
	font-size: 14px;
}

@media only screen and (min-width: 400px) {
.masonry {
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
}
}

@media only screen and (min-width: 700px) {
.masonry {
	-moz-column-count: 3;
	-webkit-column-count: 3;
	column-count: 3;
}
}

@media only screen and (min-width: 900px) {
.masonry {
	-moz-column-count: 3;
	-webkit-column-count: 3;
	column-count: 3;
}
}

@media only screen and (min-width: 1100px) {
.masonry {
	-moz-column-count: 3;
	-webkit-column-count: 3;
	column-count: 3;
}
}

@media only screen and (min-width: 1280px) {
.masonry {
	-moz-column-count: 3;
	-webkit-column-count: 3;
	column-count: 3;
}
}




#_atssh {
	z-index: 9999 !important;
}
#cookie-bar {
	background-color: #222;
	max-width: 375px;
	height: auto;
	line-height: 1.25em;
	font-size: 13px;
	color: #fff;
	text-align: left;
	padding: 20px;
}
#cookie-bar.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
}
#cookie-bar.fixed.bottom {
	bottom: 20px;
	top: auto;
	left: 20px;
	right: auto;
}
#cookie-bar p {
	margin: 0 auto;
	padding: 0;
	max-width: 1140px;
}
#cookie-bar a {
	font-size: 13px;
	text-transform: uppercase;
	color: #000;
	background: #fff;
	display: inline-block;
	text-decoration: none;
	padding: 6px 6px;
	margin: 8px 6px 6px 0;
	
	border-radius: 3px;
}
#cookie-bar .cb-enable {
	color: #c19f62;
	background: none;
}
#cookie-bar .cb-enable:hover {
	color: #c19f62;
	background: none;
}
#cookie-bar .cb-disable {
	color: #ccc;
	background: #666;
}
#cookie-bar .cb-disable:hover {
	color: #ccc;
	background: #666;
}
#cookie-bar .cb-policy {
	
}
#cookie-bar .cb-policy:hover {

}


/* Cookie Dialog */

/*
#gdpr-cookie-message {
	position: fixed;
	z-index: 999;
	left: 20px;
	bottom: 20px;
	margin-right: 20px;
	max-width: 375px;
	background-color: #222;
	padding: 20px;
}


#gdpr-cookie-message h4 {
	margin-bottom: 10px;
	letter-spacing: 1px;
}

#gdpr-cookie-message h5 {
	color: #fff;
	font-size: 15px;
	margin-bottom: 10px;
	letter-spacing: 1px;
}



#gdpr-cookie-message p {
	color: #fff;
	font-size: 13px;
	line-height: 1.25em;
}


#gdpr-cookie-message ul {
	color: #fff;
	font-size: 13px;
	line-height: 1.5em;
	margin: 0px 0px 10px 0;
	padding: 0px;
}

#gdpr-cookie-message p:last-child {
	margin-bottom: 0;
	text-align: left;
}

#gdpr-cookie-message li {
	width: 49%;
	display: inline-block;
}

#gdpr-cookie-message a {
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	padding-bottom: 2px;
	border-bottom: 1px dotted rgba(255,255,255,0.75);
	transition: all 0.3s ease-in;
}

#gdpr-cookie-message a:hover {
	color: white;
	border-bottom-color: #fff;
	transition: all 0.3s ease-in;
}

#gdpr-cookie-message button {
	border: none;
	background: none;
	color: white;
	
	
	font-family: "Gotham A", "Gotham B";
	font-style: normal;
	font-weight: 400;
	
	
	font-size: 13px;
	padding: 7px;
	border-radius: 3px;
	margin: 0 5px;
	cursor: pointer;
	transition: all 0.3s ease-in;
}

#gdpr-cookie-message button:hover {
	background: white;
	color: #323232;
	transition: all 0.3s ease-in;
}

button#gdpr-cookie-advanced {
	background: white;
	color: #323232;
}

#gdpr-cookie-message button:disabled {
	opacity: 0.3;
}

#gdpr-cookie-message input[type="checkbox"] {
	float: none;
	margin-top: 0;
	margin-right: 5px;
}
*/


/* noUiSlider */

/*
.search-box {
	padding: 30px 30px 30px 30px;
	background: #000;
	color: #fff;
}


.search-box form {
	margin: 0px;
	padding: 0px;
	width: 100%;
}

.search-box .text {
	color: #fff;
	font-size: 16px;
	padding: 0 20px;
	margin-bottom: 30px;
}

.search-box .slider {
	padding: 0 30px;
}



.search-box .button, .search-box .button:visited {
	color: #fff;
	background: #c19f62;
	margin: 30px 0 10px 0;
}

.search-box .button:hover {
	color: #323232;
}

.noUi-horizontal {
	height: 2px;
}

.noUi-target {
	background: #f8f6f7;
	border-radius: 10px;
	border: none;
	box-shadow: none;
}

.noUi-base {
	background-color: #333;
	border-radius: 10px;
}

.noUi-base .noUi-connect {
	background-color: #c19f62;
}

.noUi-base .noUi-handle {
	width: 30px;
	height: 30px;
	left: -15px;
	top: -15px;
	border-radius: 15px;
	border: 2px solid #c19f62;
	background-color: #c19f62;
	box-shadow: none;
}

.noUi-handle:after, .noUi-handle:before {
	display: none;
}

.noUi-base .noUi-handle:hover {
	background-color: #fff;
	box-shadow: none;
}

.noUi-base .noUi-handle.noUi-active {
	background-color: #fff;
	box-shadow: none;
}

.noUi-marker {
	background: none;
}

.noUi-value {
	color: #fff;
}

.noUi-value-sub {
	color: #fff;
	font-size: 14px;
}
*/




.search-box {
	padding: 30px 30px 30px 30px;
	background: #fff;
	color: #323232;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}


.search-box form {
	margin: 0px;
	padding: 0px;
	width: 100%;
}

.search-box .text {
	color: #323232;
	font-size: 16px;
	padding: 0 20px;
	margin-bottom: 30px;
}

.search-box .slider {
	padding: 0 30px;
}



.search-box .button, .search-box .button:visited {
	color: #fff;
	background: #c19f62;
	margin: 30px 0 10px 0;
}

.search-box .button:hover {
	color: #323232;
}

.noUi-horizontal {
	height: 2px;
}

.noUi-target {
	background: #f8f6f7;
	border-radius: 10px;
	border: none;
	box-shadow: none;
}

.noUi-base {
	background-color: #333;
	border-radius: 10px;
}

.noUi-base .noUi-connect {
	background-color: #c19f62;
}

.noUi-base .noUi-handle {
	width: 30px;
	height: 30px;
	left: -15px;
	top: -15px;
	border-radius: 15px;
	border: 2px solid #c19f62;
	background-color: #c19f62;
	box-shadow: none;
}

.noUi-handle:after, .noUi-handle:before {
	display: none;
}

.noUi-base .noUi-handle:hover {
	background-color: #fff;
	box-shadow: none;
}

.noUi-base .noUi-handle.noUi-active {
	background-color: #fff;
	box-shadow: none;
}

.noUi-marker {
	background: none;
}

.noUi-value {
	color: #323232;
}

.noUi-value-sub {
	color: #323232;
	font-size: 14px;
}







/* #Basic Styles
================================================== */
body {
	line-height: 1.9;
    color: #323232;
    background-color: #f8f6f7;
	
	
	font-size:17px;
	
	
	
	font-family: "Gotham Narrow A", "Gotham Narrow B";
	font-style: normal;
	font-weight: 300;
	
	letter-spacing: 2px;
	
	overflow-x:hidden;

}


.pure-g, .pure-g [class*="pure-u"] {
    font-family:inherit;
	letter-spacing:normal;
}

/* #Typography
================================================== */
h1, h2, h3, h4, h5, h6 {
	color: #c19f62;
	margin:0 0 40px 0;	
	
	font-family: "Gotham A", "Gotham B";
	font-style: normal;
	font-weight: 200;
	
	
    text-transform: uppercase;
    letter-spacing: 0.2em;
    line-height: 1.4;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 36px;  }
h2 { font-size: 31px;  }
h3 { font-size: 24px;  }
h4 { font-size: 21px;  }
h5 { font-size: 18px; color: #323232; letter-spacing: 1px;  }
h6 { font-size: 16px; color: #323232; letter-spacing: 1px;  }


h1:after, h2:after, h3:after{
	content: "";
	display: block;
	margin: 20px auto;
	width: 60px;
	height: 2px;
	background: #c19f62;
	
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.subtitle { color: #323232; }




p { margin: 0 0 20px 0; }
p img { margin: 0; }

p.lead { font-size:16px; text-transform:uppercase; line-height:1.2em;  }

em { font-style: italic; }

strong { font-family: "Gotham A", "Gotham B";
	font-weight: 400;   
}


small, p.small { font-size:12px; line-height:1.4em; }
.gray{ color: #666; }

sup {
    font-size: 70%;
}

/*	Blockquotes  */
blockquote, blockquote p { font-size: 14px; line-height: 1.4em; color: #323232; }
blockquote { margin: 0 0 20px; padding: 20px 20px 20px 20px; border-left: 2px solid #8dbc0e; background:#efefef; }
blockquote cite { display: block; font-size: 14px; color: #41564b; margin:10px 0 0 0; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #4080ff; }

hr { border: solid #b7c4bc; border-width: 1px 0 0; clear: both; margin: 20px 10px 40px 10px; height: 0; }
	
.uppercase{
	text-transform:uppercase;
}

/* #Links
================================================== */
a, a:visited { color: #c19f62; text-decoration: none; outline: 0; }
a:hover, a:focus { color: #c19f62; text-decoration:none; }
p a, p a:visited { line-height: inherit; }

a{
 	-webkit-transition: color .5s ease, background-color .5s ease, border .5s ease; 
    -moz-transition: color .5s ease, background-color .5s ease, border .5s ease;
    -o-transition: color .5s ease, background-color .5s ease, border .5s ease;
    transition: color .5s ease, background-color .5s ease, border .5s ease;
}


/* #Lists
================================================== */
ul, ol { margin-bottom: 20px; }
ul { list-style: none outside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ul ol,
ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
ul ul li, ul ol li,
ol ol li, ol ul li { margin-bottom: 6px; }
li { line-height: 18px; margin-bottom: 12px; }
ul.large li { line-height: 21px; }
li p { line-height: 21px; }
		

img{
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	user-select: none;
}

/* #Buttons
================================================== */

.button, .button:visited,  button,  input[type="submit"],  input[type="reset"],  input[type="button"] {
	color: #c19f62;
	background-color: transparent;
	border: 1px solid;
	border-color: #c19f62;
	display: inline-block;
	vertical-align: middle;
	
	

	text-decoration: none;
	cursor: pointer;
	margin: 0px;
	margin-bottom: 20px;
	padding: 10px 30px;
	
	
	font-family: "Gotham A", "Gotham B";
	font-style: normal;
	font-weight: 500;
	
	font-size: 15px;
	
	line-height: normal;
	text-transform: uppercase;
	
	
	-webkit-appearance: none;
	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	-o-transition: all .8s ease;
	transition: all .8s ease;
}



.button:hover,  button:hover,  input[type="submit"]:hover,  input[type="reset"]:hover,  input[type="button"]:hover {
	color: #c19f62;
}



.button:active,  button:active,  input[type="submit"]:active,  input[type="reset"]:active,  input[type="button"]:active,  .button.active,  button.active,  input[type="submit"].active,  input[type="reset"].active,  input[type="button"].active {
	color: #fff;
	background-color: #c19f62;
	border-color: #c19f62;
}




.button-white, .button-white:visited,  button-white,  input[type="submit"].white,  input[type="reset"].white,  input[type="button"].white {
	color: #fff !important;
	border-color: #fff !important;
}

.button-white:hover,  button-white:hover,  input[type="submit"].white:hover,  input[type="reset"].white:hover,  input[type="button"].white:hover {
	color: #fff !important;
	border-color: #fff !important;
}


.button-black, .button-black:visited,  button-black,  input[type="submit"].black,  input[type="reset"].black,  input[type="button"].black {
	color: #fff !important;
	border-color: #323232 !important;
}

.button-black:hover,  button-black:hover,  input[type="submit"].black:hover,  input[type="reset"].black:hover,  input[type="button"].black:hover {
	color: #fff !important;
	border-color: #323232 !important;
}



.button-transparent, .button-transparent:visited,  button-transparent,  input[type="submit"].transparent,  input[type="reset"].transparent,  input[type="button"].transparent {
	border-color: transparent!important;
}

.button-transparent:hover,  button-transparent:hover,  input[type="submit"].transparent:hover,  input[type="reset"].transparent:hover,  input[type="button"].transparent:hover {
	border-color: transparent !important;
}




.button.full-width,  button.full-width,  input[type="submit"].full-width,  input[type="reset"].full-width,  input[type="button"].full-width {
	display: block;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center;
}



.button i {
	color: inherit !important;
	vertical-align: middle;
	margin: 0 10px 0 0;
}

/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,  input::-moz-focus-inner {
 border: 0;
 padding: 0;
}


/* #Forms
================================================== */

form {
	margin-bottom: 20px;
}
fieldset {
	padding: 30px;
	background: #e2e7e4;
	border:none;
}
input[type="text"],  input[type="password"],  input[type="email"],  input[type="tel"],  input[type="number"],  textarea,  select {
	border: 1px solid #c19f62;
	padding: 12px 12px;
	outline: none;
	
	
	font-family: "Gotham A", "Gotham B";
	font-style: normal;
	font-weight: 200;
	
	font-size: 17px;
	
	
	text-transform: none;
	color: #323232;
	margin: 0;
	width: 100%;
	display: block;
	margin-bottom: 20px;
	background: #f8f6f7;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

input.num{
	display:inline-block;
	width:5em;
	text-align:center;
	margin:0 10px 0 0;
}
		 
::-webkit-input-placeholder { /* WebKit browsers */
 color:    #999;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color:    #999;
 opacity:  1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
 color:    #999;
 opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
 color:    #999;
}


input[type="text"]:focus,  input[type="password"]:focus,  input[type="email"]:focus,  input[type="tel"]:focus,  input[type="number"]:focus,  textarea:focus,  select:focus {
	color: #323232;
	border: 1px solid #666;
}

textarea {
	min-height: 6em;
	resize:vertical;
}


label,  legend {
	font-family: "Gotham A", "Gotham B";
	font-style: normal;
	font-weight: 200;
	
	font-size: 15px;
}
legend {
	padding: 5px 20px;
	color: #fff;
	background: #d12b4e;
}
label {
	margin-bottom: 2px;
}
input[type="checkbox"] {
	display: inline;
}
label span,  legend span {
	font-weight: normal;
}
		
		
form p.chk{
	padding:0 0 0 30px;
	line-height: 1.2em;
}

form p.chk input[type="checkbox"], form p.chk .icheckbox_square-grey{
	margin:0 5px 0 -30px !important;
	vertical-align: middle;
}

		

input.error, select.error, textarea.error{
	border: 2px solid #000 !important;
}

form p{
	position: relative;
}




ul.form-msg{
	font-size:14px;
	color:#000;
	margin: 0 0 20px 0;
	padding: 0px;
}


ul.form-msg li{
	padding:1px 0 !important;
	margin: 0px;
}





.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}


/* #Misc
================================================== */
.text-center{ text-align:center; }
.text-right{ text-align:right; }

.remove-bottom { margin-bottom: 0 !important; }
.add-bottom { margin-bottom: 20px !important; }
.half-bottom { margin-bottom: 10px !important; }
.double-bottom { margin-bottom: 40px !important; }
.triple-bottom { margin-bottom: 60px !important; }


img {
  max-width: 100%;
  height: auto;
  vertical-align:top;
  
  
  -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
 
}




img.scale-with-grid {
  max-width: 100%;
  min-width:100%;
  height: auto; 
}
	
	
.hide{
	display: none;
}		
	
	
/* #Flexible iFrame
================================================== */

.flexible-container {
    position: relative;
    padding-bottom: 55.75%;
    height: 0;
    overflow: hidden;
    max-height:350px;
    margin-bottom:20px;
}

.flexible-container iframe,
.flexible-container object,
.flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


video, iframe, object, embed{ max-width: 100%; vertical-align: top; }


#fb-root {
    display: none;
}

/* To fill the container and nothing else */

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}


	
	

@keyframes FadeIn {
    0%   {opacity: 0; }
    100% {opacity: 1; }
}

#site{
	animation-name: FadeIn;
    animation-duration: 1s;
	max-width: 1920px;
	margin: 0 auto;
}








#mobile-header{
	background: #000;
	text-align: right;
	
	position: fixed;
	left: 0px;
	right: 0px;
	top: 0px;
	z-index: 9999;
}

#mobile-header .mobile-logo{
	float: left;
	display: block;
	line-height: 70px;
}

#mobile-header .mobile-logo img{
	max-width: 70px;
	height: auto;
	vertical-align: top;
}


#mobile-header a.toggle-menu {
	width: 70px;
	height: 70px;
	line-height: 70px;
	display: block;
	vertical-align: top;
	float: right;

	
	
	text-decoration: none;
	text-indent: -9999px;
	text-align: left;
	
	background-image: url(../images/menu-toggle.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #fff;
	cursor: pointer;
}

#mobile-header a.toggle-menu.active {
	background-image: url(../images/menu-close.png);
	background-color: #fff;
}


#mobile-header a.mobile-phone {
	width: 70px;
	height: 70px;
	line-height: 70px;
	display: block;
	vertical-align: top;
	float: right;
	
	text-decoration: none;
	text-align: center;
	
	font-size: 1.6em;
	color: #fff;
	background-color: #c19f62;
	cursor: pointer;
}


#mobile-header a.mobile-phone i {
	margin: 0;
}

#mobile-header a.lang {
	width: 70px;
	height: 70px;
	line-height: 70px;
	display: block;
	vertical-align: top;
	float: right;
	
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	
	font-family: "Gotham A", "Gotham B";
	font-style: normal;
	font-weight: 700;
	
	color: #323232;
	background-color: #efefef;
	cursor: pointer;
}





#mobile-nav {
	position: relative;
	color: #fff;
	background: #111;
}

#mobile-nav.active {
	display: block;
}

#mobile-nav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	
	font-size: 13px;
	letter-spacing: 2px;
	text-transform: uppercase;
	
	font-family: "Gotham A", "Gotham B";
	font-style: normal;
	font-weight: 500;
	
}

#mobile-nav ul li {
	margin: 0px;
	padding: 0px;
	display: block;
	border-top: 1px solid #fff;
	border-top: 1px solid rgba(255, 255, 255, .1);
	position: relative;
}

#mobile-nav ul li a {		
	color: #fff;
	background: #000;
	display: block;
	padding: 15px 20px;
	text-decoration: none;
}

#mobile-nav ul li a:hover {
	
}

#mobile-nav ul li a.active {
	
}


/* sub */

#mobile-nav ul li.dropdown > a:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f107";
	font-size: 21px;
	position: absolute;
	right: 30px;
}


#mobile-nav ul li ul {
	display: none;
	
	font-size: 13px;
	text-transform: uppercase;
	
	font-family: "Gotham A", "Gotham B";
	font-style: normal;
	font-weight: 400;
}


#mobile-nav ul li ul li {
	margin: 0;
	padding: 0px;
	display: block;
	border-top-color: #efefef;
}


#mobile-nav ul li ul li a {
	color: #323232;
	background: #f8f6f7;
	padding: 12px 20px;	
}







#header-container{
	background: #000;
	background: rgba(0, 0, 0, 0);

	
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	z-index: 999;
	
	max-width: 1920px;
	margin: 0 auto;
}




#top-bar{
	color: #fff;
	padding: 15px 20px 0 20px;
	margin-bottom: -15px;
	position: relative;
	z-index: 999;
	text-align: right;
	text-transform: uppercase;
}



#top-bar ul.top-bar-nav{
	
	font-family: "Gotham A", "Gotham B";
	font-style: normal;
	font-weight: 400;
	
	font-size: 12px;
	letter-spacing: 1px;
	
	
	margin: 0px;
	padding: 0px;
}

#top-bar ul.top-bar-nav li{
	display: inline-block;
	margin: 0 0 0 20px;
	padding: 0px;
}

#top-bar ul.top-bar-nav li span{
	color: #fff;
}

#top-bar a{

}


#top-bar a:hover{
	color: #fff;
}







#header{

}

#header ul.header-nav{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}

#header ul.header-nav li{
	margin: 0px;
	padding: 0px;
	display: inline-block;
	width: 19%;
}

#header ul.header-nav li.underline:after{
	content: "";
	display: block;
	margin: -25px auto 0 auto;
	width: 55px;
	height: 2px;
	background: #c19f62;
	
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

#header ul.header-nav li.underline:hover:after{
	width: 20px;
	background: #f8f6f7;
}



#header ul.header-nav li.logo {
	max-width: 140px;
}


#header ul.header-nav li.logo img{
	max-width: 110px;
	height: auto;
	vertical-align: bottom;
}

#header ul.header-nav li.logo a.logo-normal{
	display: block;
}

#header ul.header-nav li.logo a.logo-small{
	display: none;
}


#header ul.header-nav li a{
	color: #fff;
	
	
	font-family: "Gotham A", "Gotham B";
	font-style: normal;
	font-weight: 700;
	
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 2px;
	line-height: 60px;
	display: block;
	
	padding-bottom: 15px;
}



#header ul.header-nav li ul{
	padding: 0px;
	margin: 0px;
	position: absolute;
	left: 0px;
	right: 0px;

	
	background: #000;
	background: rgba(0, 0, 0, 0);
	
	display: none;
}




#header ul.header-nav li ul li{
	width: auto;
	margin: 0px;
	padding: 0px;
}

#header ul.header-nav li ul li a{
	font-size: 13px;
	line-height: 1em;
	letter-spacing: 1px;
	padding: 20px 25px;
	
	font-weight: 300;
}

#header ul.header-nav li ul li a:hover{
	color: #c19f62;
}

#header ul.header-nav li ul li a.active{
	color: #c19f62;
}








/* scroll */

@keyframes headerPosition {
    0%   {top: -200px;}
    100% {top:0px;}
}

#header-container.small{			
	animation-name: headerPosition;
    animation-duration: 1s;
}

#header-container.small{
	background: rgba(255, 255, 255, 1);
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}


#header-container.small #top-bar{
	display: none;
}

#header-container.small #header{	
	height: 80px;
}

#header-container.small #header ul.header-nav li.underline:hover:after{
	background: #323232;
}


#header-container.small #header ul.header-nav li.logo img{
	vertical-align: middle;
}


#header-container.small #header ul.header-nav li.logo a.logo-normal{
	display: none;
}

#header-container.small #header ul.header-nav li.logo a.logo-small{
	display: block;
}


#header-container.small #header ul.header-nav li ul{
	top: 80px;
	background: rgba(255, 255, 255, 1);
}

#header-container.small #header ul.header-nav li a{
	color: #c19f62;
}

#header-container.small #header ul.header-nav li a:hover{
	color: #323232;
}
#header-container.small #header ul.header-nav li a.active{
	color: #323232;
}



#header-container.small #header ul.header-nav li ul li a{
	color: #c19f62;
	padding: 15px 25px;
}


#header-container.small #header ul.header-nav li ul li a:hover{
	color: #323232;
}

#header-container.small #header ul.header-nav li ul li a.active{
	color: #323232;
}




#header-image{
	padding: 240px 20px 170px 20px;
	
	
	color: #fff;
	text-align: center;
	font-size: 21px;
	
	
	font-family: "Gotham A", "Gotham B";
	font-style: normal;
	font-weight: 200;
	
	
	background-color: #000;
	

	background-position: center;
	background-repeat: no-repeat;	
	
	background-size: cover;
	
	position: relative;

}

/*
#header-image:after{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 0;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	background: rgba(0, 0, 0, .6);
}
*/

#header-image.home{
	height: 700px;
	padding: 0 20px;
}


#header-image.small{
	padding: 170px 20px 100px 20px;
}


#header-image h2{
	color: #fff;
	margin: 0 0 20px 0;
	/*
	position: relative;
	z-index: 2;
	*/
}

#header-image p{
	max-width: 580px;
	margin: 0 auto;
	/*
	position: relative;
	z-index: 2;
	*/
}





#site .cover{
	min-height: 500px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

#site .inner{
	padding: 80px;
	
	position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}


#site .inner p:last-child{
	margin-bottom: 0px;
}



#site .inner.short *, #site .short{
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

#site .inner020{
	padding: 0 20px;
}


#site .inner2020{
	padding: 20px 20px;
}



#site .inner4020{
	padding: 40px 20px;
}




#site .dark-bg h1,
#site .dark-bg h2,
#site .dark-bg h3,
#site .dark-bg h4,
#site .dark-bg h5,
#site .dark-bg h6,
#site .dark-bg a,
#site .dark-bg a:hover{
	color: #fff;
}

#site .dark-bg .button, #site .dark-bg .button:hover{
	color: #c19f62;
	border-color: #c19f62;
}



.full-panel{
	
}


.large-panel{
	max-width: 1240px;
	margin: 0 auto;
}

.narrow-panel{
	max-width: 840px;
	margin: 0 auto;
}

.content{
	padding: 80px 20px;
	max-width: 980px;
	margin: 0 auto;
}


.content.short{
	max-width: 760px;
}

.content p:last-child{
	margin: 0px;
}

.txt-content{
	padding: 80px 20px;
}


.txt-content ul{
	margin: 0 0 20px 37px;
	padding: 0px;
	list-style-type: disc;
}

.txt-content ul li{
	line-height: 1.9;
}


.txt-content ol{
	margin: 0 0 20px 37px;
	padding: 0px;
	list-style-type: decimal;
}

.txt-content ol li{
	line-height: 1.9;
}


.txt-content p:last-child{
	margin: 0px;
}


.bottom-spacer{
	height: 80px;
}


.sales-content{
	padding: 60px 20px 20px 20px;	
}


.sales-content .pure-g{
	margin: 0 auto;
	max-width: 760px;
}



/*
.video-container{
	background: url(../images/video-bg.jpg) center top no-repeat #000;
}


.video-container .content{
	
}


.video-container video, .video-container iframe{
	border: 10px solid #c19f62;
}


.video-container iframe{
	max-width: calc(100% - 20px);
	max-height: calc(100% - 20px);
}
*/


.image-box{
	font-size: 14px;
	text-align: center;
	overflow: hidden;
}


.image-box a{
	display:block;
	position:relative;
	color: #fff;
	background: #000;
}






.image-box .overlay{

  
	width:100%;
	height:100%;
	text-align: center;
	
	background:rgba(0, 0, 0, .3);
	

	
	position:absolute;
	left:0px;
	top:0px;
	z-index:9;
	
	
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
	
}

.image-box .overlay .text{
	position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}


.image-box .overlay .text h2{
	color: #fff;
	font-size: 28px;
}


.image-box .overlay .text .btn{
	color: #fff;
	background-color: transparent;
	border: 1px solid;
	border-color: #fff;
	display: inline-block;
	vertical-align: middle;
	font-size: 15px;
	line-height: normal;
	text-transform: uppercase;

	text-decoration: none;
	padding: 10px 30px;
	
	
	font-family: "Gotham A", "Gotham B";
	font-style: normal;
	font-weight: 500;
	
	
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
	

}


.image-box .image{
	overflow: hidden;
}



.image-box > a:hover .overlay{	
	background:rgba(0, 0, 0, .6);
}

.image-box > a:hover .image img{	
	-ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari */
    transform: scale(1.1);
}



.image-box > a:hover .overlay .text h2:after{	
	width: 90px;
}


.image-box > a:hover .overlay .text .btn{	
	color: #fff;
	background-color: #c19f62;
	border-color: #c19f62;
	
	font-family: "Gotham A", "Gotham B";
	font-style: normal;
	font-weight: 500;
}

















.flat-box{
	text-align: center;
	overflow: hidden;
}


.flat-box a{
	display:block;
	position:relative;
}


.flat-box .overlay{

  
	width:100%;
	height: calc(100%);
	text-align: center;
	
	background:rgba(0, 0, 0, 0);
	

	
	position:absolute;
	left:0px;
	top:0px;
	z-index:9;
	
	
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
	
}



.flat-box .overlay .text{
	position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}


.flat-box .overlay .text .btn{
	color: #fff;
	background-color: transparent;
	border: 1px solid;
	border-color: #fff;
	display: inline-block;
	vertical-align: middle;
	font-size: 15px;
	line-height: normal;
	text-transform: uppercase;

	text-decoration: none;
	padding: 10px 30px;
	
	font-family: "Gotham A", "Gotham B";
	font-style: normal;
	font-weight: 500;
	
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
	
	opacity: 0;
	

}



.flat-box > a:hover .overlay{	
	background:rgba(0, 0, 0, .6);
}


.flat-box > a:hover .overlay .text .btn{	
	color: #fff;
	background-color: #c19f62;
	border-color: #c19f62;
	opacity: 1;
}





.flat-datas-to-flat-box {

	color: #fff;
	background: #c19f62;
	
	text-align: left;
	height: 40px;
	padding: 10px;
	padding-left: 70px;

	
	position:relative;

}

.flat-datas-to-flat-box .flat-no{
	color: #fff;
	background: #000;
	
	text-align: center;
	
	width: 60px;
	height: 60px;
	line-height: 60px;
	
	font-size: 15px;
	
	font-family: "Gotham A", "Gotham B";
	font-style: normal;
	font-weight: 300;
	
	
	text-transform: uppercase;
	
	position:absolute;
	left:0px;
	bottom:0px;
	z-index:10;	
}


.flat-datas-to-flat-box .flat-size{	
	font-size: 21px;
	
	font-family: "Gotham A", "Gotham B";
	font-style: normal;
	font-weight: 200;
	
	line-height: 1.25em;
	
}

.flat-datas-to-flat-box .flat-floor{	
	font-size: 15px;
	line-height: 1em;
}


.flat-datas-to-flat-box .add-to-basket{

	color: #fff;
	background: #c19f62;
	
	text-align: center;
	width: 60px;
	height: 60px;
	line-height: 60px;

	
	position:absolute;
	right: 0px;
	bottom:0px;
	z-index:11;

}


.flat-datas-to-flat-box .add-to-basket a{
	color: #fff;
	background: #a58445;
	display: block;
}

.flat-datas-to-flat-box .add-to-basket a.active{
	color: #fff;
	background: #000;
}



/* lakáslista */


table.default-table {
	background: #f8f6f7;
	text-align: left;
	width: 100%;
	margin-bottom: 20px;
	border-collapse: collapse;
	
	font-size: 15px;
}

table.default-table a {
	text-decoration: none;
}
table.default-table a:hover {
	text-decoration: none;
}


table.default-table .old-price {
	color: #666;
	font-size: 12px;
	text-decoration: line-through;
	cursor: help;
}


table.default-table thead tr th {
	white-space: nowrap;
	color: #323232;

	background: #f8f6f7;
	border-bottom: 1px solid #c19f62;
	padding: 10px;
	
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 2px;
	
	font-weight: 500;
}


table.default-table tbody td {
	padding: 8px 10px;
	vertical-align: middle;
	border-top: 1px solid #ccc;
}

table.default-table tbody td span.csok{
	color:#fff;

	text-transform:uppercase;
	padding:10px;
	background:#000;
	vertical-align:middle;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

table.default-table tbody tr:first-child td {
	border-top: none;
}

table.default-table tbody td:last-child {
	border-right: none;
}

table.default-table tbody tr.action td {
	color: #fff;
	background-color: #3baf29;
}


table.default-table tbody tr.reserved td {
	color:#b8b8b8;
	background-color: #f7f7f7;
}

table.default-table tbody tr.sold td {
	color:#b8b8b8;
	background-color: #f7f7f7;
}


table.default-table .button{
	
	margin: 0px;
	padding: 10px 20px;
	
	color: #fff;
	background: #000;
	border-color: #000;
	
}



table.default-table .button.basket, table.default-table .button.basket-remove{
	color: #fff;
	background: #c19f62;
	border-color: #c19f62;
}

table.default-table .button.basket:hover{

}

table.default-table .button.basket.active{
	color: #fff;
	background: #000;
	border-color: #000;
}



table.default-table .button.disabled{
	color: #b8b8b8;	
	background: #f7f7f7;
	border-color:#f7f7f7;
}

table.default-table .button.basket-remove i{
	margin: 0px;
}

/* lakáslista */

table.flat-list{
	font-size:21px;
	text-align:center;
}

table.flat-list span.label{
	font-size:11px;
	text-transform:uppercase;
	display:block;
	color:#666;
}


table.flat-list span.flat-desc {
    white-space: nowrap;
	font-size: 12px;
	letter-spacing: 2px;
	text-transform: uppercase;
	line-height: 1em;
	color: #fff;
	background: #c19f62;
	padding: 7px 10px;
	position: absolute;
	left: 0px;
	top: 00px;
	z-index: 99;
}



table.flat-list .floorplan{
	width:200px;
	height:150px;
	margin: 0 auto;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: #fff;
}


table.flat-list .floorplan a{
	width:200px;
	height:150px;
	display:block;
	text-indent:-9999px;
}

table.flat-list .floorplan a:hover{
	background:rgba(255, 255, 255, .25);
}


table.flat-list thead{
	display: none;
}

table.flat-list tbody td {
	padding:0 10px;
	border:none;
	position: relative;
}

table.flat-list tbody tr:nth-child(odd) td {
	background:#efefef;
}

table.flat-list tbody tr:nth-child(even) td {
	background:#ffffff;
}






/* kosár lakáslista */

table.basket-list{
	font-size:18px;
	text-align:center;
}

table.basket-list span.label{
	font-size:11px;
	text-transform:uppercase;
	display:block;
	color:#666;
}


table.basket-list thead{
	display: none;
}

table.basket-list tbody td {
	padding:15px 5px;
	border:none;
	position: relative;
}

table.basket-list tbody tr:nth-child(odd) td {
	background:#efefef;
}

table.basket-list tbody tr:nth-child(even) td {
	background:#ffffff;
}



/*
.flat-datas{
	color: #fff;
	background: #a58445;
}

.flat-datas .pure-g{
	max-width: 1240px;
	margin: 0 auto;
}


.flat-datas .flat-no{
	padding: 30px 20px;
	margin: 0 20px;
	font-size: 34px;
	font-family: 'montserratbold';
	text-transform: uppercase;
	text-align: center;
	background: #302819;
}

.flat-datas .flat-data-label{
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 15px 20px 0 20px;
}

.flat-datas .flat-data-value{
	font-size: 34px;
	padding: 0 20px 20px 20px;
}
*/



.flat-datas{	
	color: #c19f62;
	background: #fff;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	
	margin: 0 0 20px 0;
	
	line-height: 1.6em;
	
	padding: 30px 0;
}

.flat-datas .pure-g{
	max-width: 1240px;
	margin: 0 auto;
}


.flat-datas .flat-data-label{
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 0 20px 0 20px;
}

.flat-datas .flat-data-value{
	font-size: 34px;
	padding: 0 20px 0 20px;
}




/* virtuális kereső */


.flat-container .flats {
	position: relative;
}
.flat-container .floorplan {
	
}

.flat-container .flats a.flat {
	width: 50px;
	height: 50px;
	line-height: 50px;
	display: inline-block;
	font-size: 21px;
	font-weight: 500;
	text-align: center;
	color: #fff;
	background: #a58445;
	
	
	position: absolute;

	box-shadow: 0px 4px 0px 0px rgba(0,0,0,0.15);
	
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
	
}
.flat-container .flats a.flat:hover {
	transform: scale(1.2);
	box-shadow: 0px 4px 0px 0px rgba(0,0,0,0.25);
}
.flat-container .flats a.flat-sold, .flat-container .flats a.flat-sold:hover {
	color: #ccc;
	background: #666;
	cursor: default;
}


.flat-container .flats a.flat-coming, .flat-container .flats a.flat-coming:hover {
	color: #fff;
	background: #000;
	cursor: default;
}


/* szintek */

.flat-container .flats a.flat.building-a-2 {
	left: 47%; top: 74%;
}
.flat-container .flats a.flat.building-a-3 {
	left: 47%; top: 66%;
}
.flat-container .flats a.flat.building-a-4 {
	left: 47%; top: 58%;
}
.flat-container .flats a.flat.building-a-5 {
	left: 47%; top: 49%;
}
.flat-container .flats a.flat.building-a-6 {
	left: 47%; top: 38%;
}
.flat-container .flats a.flat.building-a-7 {
	left: 55%; top: 31%;
}
.flat-container .flats a.flat.building-a-8 {
	left: 62%; top: 23%;
}



/* A 2 emelet */


.flat-container .flats a.flat.bulding-A.floor-2.flat-1 {
	left: 73%; top: 32%;
}
.flat-container .flats a.flat.bulding-A.floor-2.flat-2 {
	left: 65%; top: 32%;
}
.flat-container .flats a.flat.bulding-A.floor-2.flat-3 {
	left: 58%; top: 32%;
}
.flat-container .flats a.flat.bulding-A.floor-2.flat-4 {
	left: 51%; top: 32%;
}
.flat-container .flats a.flat.bulding-A.floor-2.flat-5 {
	left: 43%; top: 32%;
}
.flat-container .flats a.flat.bulding-A.floor-2.flat-6 {
	left: 36%; top: 32%;
}
.flat-container .flats a.flat.bulding-A.floor-2.flat-7 {
	left: 29%; top: 32%;
}
.flat-container .flats a.flat.bulding-A.floor-2.flat-8 {
	left: 13%; top: 44%;
}
.flat-container .flats a.flat.bulding-A.floor-2.flat-9 {
	left: 26%; top: 66%;
}
.flat-container .flats a.flat.bulding-A.floor-2.flat-10 {
	left: 36%; top: 66%;
}
.flat-container .flats a.flat.bulding-A.floor-2.flat-11 {
	left: 43%; top: 66%;
}
.flat-container .flats a.flat.bulding-A.floor-2.flat-12 {
	left: 51%; top: 66%;
}
.flat-container .flats a.flat.bulding-A.floor-2.flat-13 {
	left: 58%; top: 66%;
}
.flat-container .flats a.flat.bulding-A.floor-2.flat-14 {
	left: 65%; top: 66%;
}
.flat-container .flats a.flat.bulding-A.floor-2.flat-15 {
	left: 73%; top: 66%;
}
.flat-container .flats a.flat.bulding-A.floor-2.flat-16 {
	left: 84%; top: 68%;
}






/* A 3 emelet */


.flat-container .flats a.flat.bulding-A.floor-3.flat-17 {
	left: 73%; top: 32%;
}
.flat-container .flats a.flat.bulding-A.floor-3.flat-18 {
	left: 65%; top: 32%;
}
.flat-container .flats a.flat.bulding-A.floor-3.flat-19 {
	left: 58%; top: 32%;
}
.flat-container .flats a.flat.bulding-A.floor-3.flat-20 {
	left: 51%; top: 32%;
}
.flat-container .flats a.flat.bulding-A.floor-3.flat-21 {
	left: 43%; top: 32%;
}
.flat-container .flats a.flat.bulding-A.floor-3.flat-22 {
	left: 36%; top: 32%;
}
.flat-container .flats a.flat.bulding-A.floor-3.flat-23 {
	left: 29%; top: 32%;
}
.flat-container .flats a.flat.bulding-A.floor-3.flat-24 {
	left: 13%; top: 44%;
}
.flat-container .flats a.flat.bulding-A.floor-3.flat-25 {
	left: 26%; top: 66%;
}
.flat-container .flats a.flat.bulding-A.floor-3.flat-26 {
	left: 36%; top: 66%;
}
.flat-container .flats a.flat.bulding-A.floor-3.flat-27 {
	left: 43%; top: 66%;
}
.flat-container .flats a.flat.bulding-A.floor-3.flat-28 {
	left: 51%; top: 66%;
}
.flat-container .flats a.flat.bulding-A.floor-3.flat-29 {
	left: 58%; top: 66%;
}
.flat-container .flats a.flat.bulding-A.floor-3.flat-30 {
	left: 65%; top: 66%;
}
.flat-container .flats a.flat.bulding-A.floor-3.flat-31 {
	left: 73%; top: 66%;
}
.flat-container .flats a.flat.bulding-A.floor-3.flat-32 {
	left: 84%; top: 68%;
}




/* A 4 emelet */


.flat-container .flats a.flat.bulding-A.floor-4.flat-33 {
	left: 73%; top: 32%;
}
.flat-container .flats a.flat.bulding-A.floor-4.flat-34 {
	left: 65%; top: 32%;
}
.flat-container .flats a.flat.bulding-A.floor-4.flat-35 {
	left: 58%; top: 32%;
}
.flat-container .flats a.flat.bulding-A.floor-4.flat-36 {
	left: 51%; top: 32%;
}
.flat-container .flats a.flat.bulding-A.floor-4.flat-37 {
	left: 43%; top: 32%;
}
.flat-container .flats a.flat.bulding-A.floor-4.flat-38 {
	left: 36%; top: 32%;
}
.flat-container .flats a.flat.bulding-A.floor-4.flat-39 {
	left: 29%; top: 32%;
}
.flat-container .flats a.flat.bulding-A.floor-4.flat-40 {
	left: 13%; top: 44%;
}
.flat-container .flats a.flat.bulding-A.floor-4.flat-41 {
	left: 26%; top: 66%;
}
.flat-container .flats a.flat.bulding-A.floor-4.flat-42 {
	left: 36%; top: 66%;
}
.flat-container .flats a.flat.bulding-A.floor-4.flat-43 {
	left: 43%; top: 66%;
}
.flat-container .flats a.flat.bulding-A.floor-4.flat-44 {
	left: 51%; top: 66%;
}
.flat-container .flats a.flat.bulding-A.floor-4.flat-45 {
	left: 58%; top: 66%;
}
.flat-container .flats a.flat.bulding-A.floor-4.flat-46 {
	left: 65%; top: 66%;
}
.flat-container .flats a.flat.bulding-A.floor-4.flat-47 {
	left: 73%; top: 66%;
}
.flat-container .flats a.flat.bulding-A.floor-4.flat-48 {
	left: 84%; top: 68%;
}




/* A 5 emelet */


.flat-container .flats a.flat.bulding-A.floor-5.flat-49 {
	left: 73%; top: 32%;
}
.flat-container .flats a.flat.bulding-A.floor-5.flat-50 {
	left: 65%; top: 32%;
}
.flat-container .flats a.flat.bulding-A.floor-5.flat-51 {
	left: 58%; top: 32%;
}
.flat-container .flats a.flat.bulding-A.floor-5.flat-52 {
	left: 51%; top: 32%;
}
.flat-container .flats a.flat.bulding-A.floor-5.flat-53 {
	left: 43%; top: 32%;
}
.flat-container .flats a.flat.bulding-A.floor-5.flat-54 {
	left: 36%; top: 32%;
}
.flat-container .flats a.flat.bulding-A.floor-5.flat-55 {
	left: 29%; top: 32%;
}
.flat-container .flats a.flat.bulding-A.floor-5.flat-56 {
	left: 13%; top: 44%;
}
.flat-container .flats a.flat.bulding-A.floor-5.flat-57 {
	left: 26%; top: 66%;
}
.flat-container .flats a.flat.bulding-A.floor-5.flat-58 {
	left: 36%; top: 66%;
}
.flat-container .flats a.flat.bulding-A.floor-5.flat-59 {
	left: 43%; top: 66%;
}
.flat-container .flats a.flat.bulding-A.floor-5.flat-60 {
	left: 51%; top: 66%;
}
.flat-container .flats a.flat.bulding-A.floor-5.flat-61 {
	left: 58%; top: 66%;
}
.flat-container .flats a.flat.bulding-A.floor-5.flat-62 {
	left: 65%; top: 66%;
}
.flat-container .flats a.flat.bulding-A.floor-5.flat-63 {
	left: 73%; top: 66%;
}
.flat-container .flats a.flat.bulding-A.floor-5.flat-64 {
	left: 84%; top: 68%;
}



/* A 6 emelet */


.flat-container .flats a.flat.bulding-A.floor-6.flat-65 {	
	visibility: hidden;
}

.flat-container .flats a.flat.bulding-A.floor-6.flat-66 {
	visibility: hidden;
}

.flat-container .flats a.flat.bulding-A.floor-6.flat-67 {
	left: 28%; top: 32%;
}

.flat-container .flats a.flat.bulding-A.floor-6.flat-68 {
	left: 29%; top: 67%;
}

.flat-container .flats a.flat.bulding-A.floor-6.flat-69 {
	left: 51%; top: 67%;
}

.flat-container .flats a.flat.bulding-A.floor-6.flat-70 {
	left: 69%; top: 67%;
}

.flat-container .flats a.flat.bulding-A.floor-6.flat-71 {
	left: 84%; top: 69%;
}




/* A 7 emelet */


.flat-container .flats a.flat.bulding-A.floor-7.flat-72 {
	left: 65%; top: 30%;
}

.flat-container .flats a.flat.bulding-A.floor-7.flat-73 {
	left: 49%; top: 30%;
}

.flat-container .flats a.flat.bulding-A.floor-7.flat-74 {
	left: 30%; top: 30%;
}

.flat-container .flats a.flat.bulding-A.floor-7.flat-75 {
	left: 35%; top: 68%;
}

.flat-container .flats a.flat.bulding-A.floor-7.flat-76 {
	left: 61%; top: 68%;
}

.flat-container .flats a.flat.bulding-A.floor-7.flat-77 {
	left: 82%; top: 69%;
}




/* A 8 emelet */


.flat-container .flats a.flat.bulding-A.floor-8.flat-78 {
	left: 60%; top: 71%;
}

.flat-container .flats a.flat.bulding-A.floor-8.flat-79 {
	left: 36%; top: 71%;
}

.flat-container .flats a.flat.bulding-A.floor-8.flat-80 {
	left: 44%; top: 87%;
}

.flat-container .flats a.flat.bulding-A.floor-8.flat-81 {
	left: 78%; top: 87%;
}


/* varia */

/* 6 */

.flat-container .flats a.flat.bulding-A.floor-6.flat-84 {
	left: 72%; top: 29%;
}

.flat-container .flats a.flat.bulding-A.floor-6.flat-85 {
	left: 65%; top: 29%;
}


.flat-container .flats a.flat.bulding-A.floor-6.flat-86 {
	left: 58%; top: 29%;
}


.flat-container .flats a.flat.bulding-A.floor-6.flat-87 {
	left: 50%; top: 29%;
}


.flat-container .flats a.flat.bulding-A.floor-6.flat-88 {
	left: 43%; top: 29%;
}


/* 8 */


.flat-container .flats a.flat.bulding-A.floor-8.flat-82 {
	left: 80%; top: 47%;
}


.flat-container .flats a.flat.bulding-A.floor-8.flat-83 {
	left: 77%; top: 27%;
}






.steps{
	padding: 0 40px;
}

.step {
    width: 40px;
    height: 40px;
    display: block;
    margin: 0 auto;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background:#c19f62;

    font-family: "Gotham A", "Gotham B";
	font-style: normal;
	font-weight: 200;
	
	font-size: 24px;
	
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}



.contact-box {
	font-size: 14px;
	color: #fff;
	
	padding: 20px;
	margin-bottom: 20px;
	background: #c19f62;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.contact-box.large{
	padding: 60px;
}

.contact-box h2 , .contact-box h3, .contact-box h4, .contact-box h5, .contact-box h6{
	color: #fff;
}

.contact-box h2:after, .contact-box h3:after, .contact-box h4:after, .contact-box h5:after, .contact-box h6:after {
	background: #f8f6f7;
}



.contact-box a {
	color: #fff;
}

.contact-box a {
	text-decoration: underline;
}



/* white */



.contact-box.white {
	font-size: 14px;
	color: #323232;
	
	padding: 20px;
	margin-bottom: 20px;
	background: #fff;
	border: 10px solid #c19f62;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.contact-box.white input[type=text], .contact-box.white textarea, .contact-box.white select{
	background: #fff;
	border-width: 1px;
}

.contact-box.white input.error, .contact-box.white textarea.error, .contact-box.white select.error{
	border-width: 1px !important;
}


.contact-box.white.large{
	padding: 60px;
}

.contact-box.white h2 , .contact-box.white h3, .contact-box.white h4, .contact-box.white h5, .contact-box.white h6{
	color: #c19f62;
}

.contact-box.white h2:after, .contact-box.white h3:after, .contact-box.white h4:after, .contact-box.white h5:after, .contact-box.white h6:after {
	background: #c19f62;
}



.contact-box.white a {
	color: #323232;
}

.contact-box.white a {
	text-decoration: underline;
}


/* gray */

.contact-box.gray {
	font-size: 14px;
	color: #323232;
	
	padding: 20px;
	margin-bottom: 20px;
	background: #fff;
	border: 10px solid #323232;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.contact-box.gray input[type=text], .contact-box.gray textarea, .contact-box.gray select{
	background: #fff;
	border-color:#323232;
	border-width: 1px;
}

.contact-box.gray input.error, .contact-box.gray textarea.error, .contact-box.gray select.error{
	border-width: 1px !important;
}



.contact-box.gray.large{
	padding: 60px;
}

.contact-box.gray h2 , .contact-box.gray h3, .contact-box.gray h4, .contact-box.gray h5, .contact-box.gray h6{
	color: #c19f62;
}

.contact-box.gray h2:after, .contact-box.gray h3:after, .contact-box.gray h4:after, .contact-box.gray h5:after, .contact-box.gray h6:after {
	background: #c19f62;
}



.contact-box.gray a {
	color: #c19f62;
}

.contact-box.gray a {
	text-decoration: underline;
}





#footer{
	color: #fff;
	background: #000;
	text-align: center;
	font-size: 18px;
	
	line-height: 1.25em;
}


#footer .sales{
	position: relative;
	min-height: 600px;
	
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
}

#footer .sales .info{
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	
	padding: 30px 20px;
	
	background: #000;


}



#footer .sales-office{
	color: #fff;
	background: url(../images/sales-office-bg.png) center center no-repeat #c19f62;
	padding: 40px 40px;
}

#footer h3{
	color: #fff;
	font-size: 24px;
	margin: 0 0 20px 0;
}

#footer a{
	color: #fff;
}



#map-canvas{
	min-height: 500px;
	overflow: hidden;
}

.gm-style-iw{
	letter-spacing: normal;
}

#copyright{
	padding: 80px 20px 40px 20px;
	color: #9999;
	background: #000;
	font-size: 12px;
	
	
	font-weight: 400;
	
	
	
	text-transform: uppercase;
	text-align: center;
	
	position: relative;
}


#copyright .copyright-slogan{
	position: absolute;
	left: 0px;
	top: 78px;
	right: 0px;
	z-index: 2;
	
	color: #fff;
	font-size: 17px;
	font-weight: 700;
	
	letter-spacing: 3px;
}


#copyright p{
	line-height: 2em;
	margin: 0 0 10px 0;
	
	letter-spacing: 2px;
}

#copyright p:last-child{
	margin: 0;
}

#copyright ul.copyright-nav{
	
	font-family: "Gotham A", "Gotham B";
	font-style: normal;
	font-weight: 700;
	
	
	font-size: 13px;
	letter-spacing: 2px;
	
	margin: 0 0 20px 0;
	padding: 0px;
	
	position: relative;
	z-index: 3;
}

#copyright ul.copyright-nav.left{
	text-align: left;
}

#copyright ul.copyright-nav.right{
	text-align: right;
}




#copyright ul.copyright-nav li{
	display: inline-block;
	margin: 0 10px 0 10px;
	padding: 0px;
}


#copyright ul.copyright-nav li a{
	color: #c19f62;
}

#copyright ul.copyright-nav li a:hover{
	color: #fff;
}



#copyright a{
	color: #9999;
}


#copyright a:hover{
	color: #c19f62;
}


#copyright .social-icons{
	padding: 20px 10px;
	text-transform: uppercase;
}

#copyright .social-icons a{
	margin: 0 2px;
	
	width: 36px;
	height: 36px;
	line-height: 32px;
	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	
	
	text-align: center;
	
	display: inline-block;
	color: #c19f62;
	border: 2px solid #c19f62;
	
	font-size: 1.4em;
}

#copyright .social-icons a:first-child{
	margin: 0 2px 0 10px;
}


#copyright .social-icons a:hover{
	color: #fff;
	border: 2px solid #fff;
}



#copyright .social-icons i{
	vertical-align: middle;
}

#copyright .social-icons img{
	max-width: 30px;
	height: auto;
}


a.desktop-basket {
	width: 50px;
    height: 50px;
    line-height: 50px;
	
    
	font-family: "Gotham A", "Gotham B";
	font-style: normal;
	font-weight: 300;
	
	
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    text-align: center;
    position: fixed;
    left: 0px;
    top: 260px;
    z-index: 999;
    color: #fff;
    background-color: #a58445;
    cursor: pointer;

	box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
	
}



a.mobile-basket {
    height: 50px;
    line-height: 50px;
    
	font-family: "Gotham A", "Gotham B";
	font-style: normal;
	font-weight: 300;
	
	
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    text-align: center;
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 999;
    color: #fff;
    background-color: #a58445;
    cursor: pointer;

	
	box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
}


a.desktop-basket i, a.mobile-basket i{
	vertical-align: middle;
}

a.desktop-basket i{
	font-size: 1.5em;
}





a.desktop-basket .ajanlatkeresek, a.mobile-basket .ajanlatkeresek {
    width: 20px;
    height: 20px;
    line-height: 20px;
	display: inline-block;
	

    font-size: 13px;
	font-weight: 200;
    text-align: center;
	
    color: #fff;
    background: #000;

    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}


a.desktop-basket .ajanlatkeresek {	
	position: absolute;
	right: -9px;
	top: -9px;
	z-index: 2;
}



/* #Media Queries
================================================== */

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 

}







/* Smaller than 1680 (devices and browsers) */
@media only screen and (max-width: 1680px) {

	#header-image.home{
		height: 590px;
	}
	
	#copyright .copyright-slogan{
		position: relative;
		left: 0px;
		top: 0px;
		right: 0px;
		
		padding: 20px;
	}
	
	
	#copyright ul.copyright-nav{
		margin: 0px;
	}
	
	#copyright ul.copyright-nav.left{
		text-align: center;
	}

	#copyright ul.copyright-nav.right{
		text-align: center;
	}
	

	#copyright ul.copyright-nav li a{
		padding: 5px;
		display: inline-block;
	}

		
	.contact-box.large{
		padding: 30px;
	}
}




/* Smaller than 1160 (devices and browsers) */
@media only screen and (max-width: 1160px) {
	
	#header ul.header-nav li a{
		letter-spacing: 0px;
	}
	
	#site .cover{
		min-height: 500px;
	}
	
	#site .inner{
		padding: 40px;
	}
	
	table.flat-list{
		font-size:18px;
	}
	
	table.flat-list .floorplan {
		width: 170px;
		height: 130px;
	}
	
	table.flat-list .floorplan a{
		width: 170px;
		height: 130px;
	}
	
	.contact-box.large{
		padding: 20px;
	}

}








/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	
	
	#site .cover{
		min-height: 500px;
	}
	
	#site .inner{
		padding: 40px;
	}
	
	
	.contact-box.large{
		padding: 20px;
	}
	
	.video-container .content{
		padding: 0px;
	}
	
	.video-container video, .video-container iframe{
		border: 0px none;
		max-width: 100%;
		max-height: 100%;
	}
	
}







/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	body{
		padding-top: 70px;
	}
	

	
	.hide-tablet {
		display: none;
		visibility: hidden;
	}
	
	
	
	.show-tablet {
		display: block !important;
		visibility: visible !important;
	}
	
	#header-image{
		padding: 100px 20px 100px 20px;
	}
	
	#header-image.small{
		padding: 100px 20px 100px 20px;
	}
	
	#site .cover{
		min-height: 500px;
	}
	
	#site .inner{
		padding: 40px;
	}
		
	.image-box .overlay .text h2{
		font-size: 18px;
		margin: 0 0 20px 0;
	}
	
	.contact-box.large{
		padding: 20px;
	}
	
}









/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	
	body{
		padding-top: 70px;
	}
	
	h1, h2 {
		font-size: 21px;
		letter-spacing: 0.1em;
	}
	
	h3, h4, h5, h6 {
		font-size: 18px;
		letter-spacing: 0.1em;
	}
	
	
	.search-box .slider {
		padding: 0px 0px !important;
		margin: 0px 0 80px 0;
	}
	.search-box .text {
		padding: 0px;
		margin: 0px 0px 30px 0px;
		text-align: center;
	}
	.search-box .button {
		margin: 0px 0px 20px 0px;
	}
	
	
	.hide-mobile {
		display: none;
		visibility: hidden;
	}
	
	.show-mobile {
		display: block !important;
		visibility: visible !important;
	}

	
	#header-image{
		padding: 100px 20px 100px 20px;
	}
	
	#header-image.small{
		padding: 100px 20px 100px 20px;
	}
	
	#header-image.home{
		height: 520px;
	}

	
	#site .cover{
		min-height: 320px;
	}
	
	
	#site .inner{
		padding: 40px 20px;
	}
	
	
	.content{
		padding: 80px 20px;
	}
	
	
	.image-box .overlay .text h2{
		font-size: 18px;
		margin: 0 0 20px 0;
	}
	
	.flat-datas .flat-no{
		margin: 0;
		font-size: 34px;
	}
	
	
	.contact-box.large{
		padding: 20px;
	}
	
	
	.flat-datas .flat-data-value{
		font-size: 28px;
	}
	
	#footer{
		font-size: 17px;
	}
	
	#footer h3{
		font-size: 21px;
	}
	
	
	#copyright{
		padding: 40px 20px 90px 20px;
	}
	
	#footer .sales{
		min-height: 480px;
	}
	
	#copyright ul.copyright-nav{
		font-size: 12px;
		letter-spacing: 1px;
	}
	
	#copyright ul.copyright-nav li {
		margin: 0 2px 0 2px;
	}
	
	#gdpr-cookie-message {
		bottom: 50px;
		left: 0px;
		margin: 0px;
	}


}








/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
}