/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{vertical-align:top;border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{outline:none;-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/* font.css */
@font-face {
	font-family: 'helvetica';
	src: url('../font/helveticaneueltcom-roman.eot');
	src: url('../font/helveticaneueltcom-roman.eot?#iefix') format('embedded-opentype'),
		 url('../font/helveticaneueltcom-roman.woff') format('woff'),
		 url('../font/helveticaneueltcom-roman.ttf') format('truetype'),
		 url('../font/helveticaneueltcom-roman.svg#helveticaneueltcom-roman') format('svg');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'helvetica';
	src: url('../font/helveticaneueltcom-bd.eot');
	src: url('../font/helveticaneueltcom-bd.eot?#iefix') format('embedded-opentype'),
		 url('../font/helveticaneueltcom-bd.woff') format('woff'),
		 url('../font/helveticaneueltcom-bd.ttf') format('truetype'),
		 url('../font/helveticaneueltcom-bd.svg#helveticaneueltcom-bd') format('svg');
	font-weight: 700;
	font-style: normal;
}

/* main.css */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { height: 100%; line-height: 1.4; background-color: #fff; font-family: 'Open Sans', sans-serif; }
body { height: 100%; min-width: 1200px; }

::-webkit-input-placeholder { color: #4e4e4e; }
:-moz-placeholder { color: #4e4e4e; opacity: 1; }
::-moz-placeholder { color: #4e4e4e; opacity: 1; }
:-ms-input-placeholder { color: #4e4e4e; }

.clr { clear: both; }
.trns { -webkit-transition: all 250ms; -moz-transition: all 250ms; transition: all 250ms; }

.wrapper { position: relative; float: left; width: 100%; }
.container { position: relative; margin: 0 auto; width: 1200px; z-index: 20; }
.flex{ display: flex; flex-wrap: wrap;}

a { color: inherit; }
a:hover { text-decoration: none; }
h2 { line-height: 1.2; font-size: 36px; margin: 0 0 20px 0; text-transform: uppercase; }

.ghost.fancybox-gallery { position: absolute; left:0; top:0; width: 100%; height: 100%; }
.fancybox-gallery .icon { position: absolute; right: 30px; bottom: 30px; width: 50px; height: auto; z-index: 2; -webkit-transition: all 250ms; -moz-transition: all 250ms; transition: all 250ms; }
.fancybox-gallery:hover .icon { -webkit-transform: scale(1.4); -moz-transform: scale(1.4); transform: scale(1.4); }
.fancybox-gallery:after { content:''; position: absolute; left:0; top:0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); z-index: 1; opacity:0; -webkit-transition: all 250ms; -moz-transition: all 250ms; transition: all 250ms; }
.fancybox-gallery:hover:after { opacity: 1; }

.container .fancybox-gallery:after { display: none; }

.wrapper.intro { min-height: 620px; background-size: cover !important; }
.wrapper.intro .text { position: relative; float: left; max-width: 670px; padding: 45px 60px; margin-top: 220px; color: #404f13; font-size: 18px; background-color: #9dc02e; }
.wrapper.intro .text .heading { margin: 0 0 20px 0; color: #f5f6f4; line-height: 1.1; font-family: 'helvetica', sans-serif; text-transform: uppercase; }
.wrapper.intro .text .heading .small { font-size: 14px; line-height: 1; color: #404f13; }
.wrapper.intro .text p { text-align: justify; }
/*
.wrapper.intro .text .button-round:before { content:''; position: relative; display: inline-block; top: 1px; margin-right: 10px; width: 12px; height: 14px; background: url(../img/sprite_general.png) -199px -20px;}
.wrapper.intro .text .button-round:hover:before { background-position: -211px -20px; }
*/
.wrapper.intro .text .circle { position: absolute; width: 180px; height: 180px; right: -90px; bottom: -40px; padding-top: 45px; line-height: 1; border-radius: 50%; background-color: #f5f6f4; text-align: center; font-weight: 700; font-size: 42px; color: #9dc02e; font-family: 'helvetica', sans-serif; }
.wrapper.intro .text .circle:before {  content:''; position: absolute; width: 20px; height: 20px; left: 20px; bottom: 20px; background-color: #f5f6f4; }
.wrapper.intro .text .circle span { font-size: 30px; }

.button-round { position: relative; display: inline-block; height: 64px; line-height: 64px; padding: 0 45px; border-radius: 32px; font-size: 14px; font-weight: 700; text-decoration: none; text-transform: uppercase; }
.button-round.dark-green { border: 1px solid #404f13; color: #404f13; }
.button-round.dark-green:hover { color: #9dc02e; border-color: #fff; background-color: #fff; }
.button-round.light-green { border: 1px solid #9dc02e; color: #9dc02e; }
.button-round.light-green:hover { color: #fff; border-color: #9dc02e; background-color: #9dc02e; }
.button-round.white { border: 1px solid #fff; color: #404f13; background-color: #fff; }
.button-round.white:hover { color: #fff; border-color: #9dc02e; background-color: #9dc02e; }

.leaves .wrapper.header .container:before,
.leaves .wrapper.header .container:after { content:''; position: absolute; z-index: 100; background-image: url(../img/sprite_leaves.png); }
.leaves .wrapper.header .container:before { left: -100px; top:0; width: 144px; height: 43px; }
.leaves .wrapper.header .container:after { right: -15px; top: 44px; width: 69px; height: 104px; background-position: 0 -43px; }

.wrapper.tai { overflow: hidden; }
.wrapper.tai .image { position: absolute; left:0; top:0; width: 100%; height: 100%; }
.wrapper.tai .image img:not(.icon) { height: 100%; width: auto; }
.wrapper.tai .text { position: relative; width: 50%; padding: 130px 60px; font-size: 18px; z-index: 20; font-family: 'helvetica', sans-serif; }
.wrapper.tai .text:before { content:''; position: absolute; top:0; width: 60px; height: 100%; }
.wrapper.tai .text .inner { width: 476px; }
.wrapper.tai .text .inner p { text-align: justify; }

.wrapper.tai.t-right .text,
.wrapper.tai.t-left .text .inner { float: right; }

.wrapper.tai.t-left .text,
.wrapper.tai.t-right .text .inner { float: left; }

.wrapper.tai.t-right .text:before { left: -60px; }
.wrapper.tai.t-left .text:before { right: -60px; }
.wrapper.tai.t-right .image img { float: right; margin-right: 47%; }
.wrapper.tai.t-left .image img { float: left; margin-left: 47%; }

.wrapper.tai.t-white .text { color: #465617; background-color: #fff; }
.wrapper.tai.t-white .text h2 { color: #9dc02e; }
.wrapper.tai.t-white .text:before { background-color: #fff;; }

.wrapper.tai.t-green .text { color: #404f13; background-color: #9dc02e; }
.wrapper.tai.t-green .text h2 { color: #404f13; }
.wrapper.tai.t-green .text:before { background-color: #9dc02e; }

#flashmsg { position: fixed; left: 50%; top: 20%; width: 400px; margin-left: -200px; padding: 30px; z-index: 9000; background-color: #9dc02e; color: #fff; font-size: 18px; cursor: pointer; text-align: center; -webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.3); box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.3); }

/* HEADER */
.wrapper.header { position: absolute; left:0; top:0; z-index: 200; }
.wrapper.header .container { height: 100px; background-color: #fff; background-color: rgba(255,255,255,.95); }
.wrapper.header .logo { float: left; width: 195px; height: 20px; margin: 40px 0 0 45px; background: url(../img/sprite_general.png) -77px 0; }

#nav-main { float: right; margin: 25px 45px 0 0; }
#nav-main ul { margin:0; padding:0; list-style: none; }
#nav-main ul li { float: left; margin-left: 5px; }
#nav-main ul li a { display: block; height: 50px; line-height: 50px; padding: 0 25px; border-radius: 25px; font-size: 14px; font-weight: 600; text-transform: uppercase; text-decoration: none; -webkit-transition: all 150ms; -moz-transition: all 150ms; -o-transition: all 150ms; transition: all 150ms; }
#nav-main ul li a:hover,
#nav-main ul li.active a { color: #fff; background-color: #9dc02e; }

/* FOOTER */
.wrapper.footer { padding: 20px 0; background-color: #fff; }
.wrapper.footer .logo { float: left; line-height: 25px; font-weight: 700; font-size: 18px; color: #9dc02e; font-family: 'helvetica', sans-serif; text-transform: uppercase; }
.wrapper.footer .logo span { color: #646464; }
.wrapper.footer .cr { float: left; margin-left: 15px; line-height: 25px; font-size: 12px; color: #646464; }

.wrapper.footer .visualio { float: right; width: 38px; height: 25px; background: url(../img/sprite_general.png) -50px -20px; }
.wrapper.footer .visualio:hover { background-position: -50px -45px;}

/* HOME */
.home .wrapper.intro { background: url(../img/temp/06.jpg) no-repeat center center; }
.home .wrapper.intro .text { width: 500px; margin-top: 140px; padding: 40px; }
.home .wrapper.intro .text .heading { margin-bottom: 20px; }

.home .wrapper.intro .text.n2 { clear: both; margin: 0 0 40px 0; padding: 25px 40px; background-color:#6e8720; }
.home .wrapper.intro .text.n2 .heading { margin:0; font-size: 24px; line-height: 1.4; }


.home .wrapper.cntct { padding: 60px 0; background: url(../img/bg_02.jpg) no-repeat center top; }

.home .contact-form { float: left; width: 540px; padding: 50px 60px; background-color: #fff; }
.contact-form h2 { font-size: 30px; color: #9dc02e; }
.contact-form .input { float: left; width: 100%; margin-bottom: 30px; }
.contact-form .input.submit { margin:0; }
.contact-form .input input[type="text"] { width: 100%; height: 36px; font-size: 14px; color: #4e4e4e; border: none; border-bottom: 1px solid #cecece; outline: none; }
.contact-form .input label { float: left; margin-bottom: 10px; width: 100%; font-size: 14px; color: #4e4e4e; }
.contact-form .input textarea { width: 100%; height: 100px; padding: 5px; font-size: 14px; border: 1px solid #cecece; outline: none; resize: none; }
.contact-form .input input[type="submit"] { background-color: transparent; }
.contact-form .input input[type="submit"]:hover { background-color: #9dc02e; }

.home .wrapper.cntct .poi { position: relative; float: right; margin-top: -30px; width: 450px; height: 400px; pointer-events: none; }
.home .wrapper.cntct .poi:after { display: none; }
.home .wrapper.cntct .poi .image { position: relative; float: right; width: 340px; height: 340px; border-radius: 100%; border: 12px solid #fff; overflow: hidden; }
.home .wrapper.cntct .poi .point { position: absolute; left:0; bottom:0; width: 74px; height: 74px; border-radius: 100%; background-color: rgba(255,255,255,.6); }
.home .wrapper.cntct .poi .point:before { content:''; position: absolute; left: 12px; top: 12px; width: 50px; height: 50px; border-radius: 100%; background-color: rgba(255,255,255,.7); }
.home .wrapper.cntct .poi .point:after { content:''; position: absolute; left: 24px; top: 24px; width: 26px; height: 26px; border-radius: 100%; background-color: #9dc02e; }
.home .wrapper.cntct .poi .line { position: absolute; left: 15px; bottom: 98px; width: 200px; height: 3px; background-color: #fff; -ms-transform: rotate(-39deg); -webkit-transform: rotate(-39deg); transform: rotate(-39deg); }

.home .wrapper.tai.t-white .text { z-index: 20; padding: 60px;}
.home .wrapper.tai.t-white .text .inner{ width: auto;}
.home .wrapper.tai.t-right .image { width: 50%; }
.home .wrapper.tai.t-right .image img:not(.icon) { position: relative; float: left; margin-right:0; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.home .wrapper.tai.t-right .image img.icon { margin-right: 8%; }

.home .bubble_wrap{display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 1em;}
.home .bubble_wrap p{margin: 0; align-self: center; width: calc(100% - 90px - 1em);}
.home .bubble{color: #ffffff; width: 90px; height: 90px; border-radius: 50%; font-size: 13px; text-align: center; margin-right:1em;}
.home .bubble span{position: relative; top: 50%; transform: translateY(-50%); display: block;}
.home .bubble.blue{background-color: #1d3798;}
.home .bubble.green{background-color: #327e28;}
.home .bubble.green-light{background-color: #f85d31;}
.home .bubble.yellow{background-color: #d5ad0c;}
.home .bubble.red{background-color: #909090;}
/* ABOUT */
.about .wrapper.intro { background: url(../img/bg_03.jpg) no-repeat center top; }

.about .wrapper.tai .text { width: 47%; }
.about .wrapper.tai .text:before { display: none; }

.about .wrapper.equip { padding: 45px 0; background: url(../img/bg_04.jpg) no-repeat center; background-size: cover; text-align: center; }
.about .wrapper.equip .container { pointer-events: none; }
.about .wrapper.equip h2 { color: #fff; margin-bottom: 40px; }
.about .wrapper.equip .list { display: inline-block; width: 620px; padding: 30px 30px 10px 30px; margin-bottom: 20px; background-color: #9dc02e; color: #404f13; font-size: 14px; text-align: left; pointer-events: all; }
.about .wrapper.equip .list .col { float: left; width: 33.3%; }
.about .wrapper.equip .list .col ul { padding:0; margin:0; list-style: none; }
.about .wrapper.equip .list .col ul li { position: relative; float: left; width: 100%; line-height: 20px; padding-left: 25px; margin-bottom: 20px; }
.about .wrapper.equip .list .col ul li:before { content:''; position: absolute; left:0; top:0; width: 20px; height: 20px; background: url(../img/sprite_general.png); }
.about .wrapper.equip .button-round { pointer-events: all; }


/* DISCOUNT */
.discount .wrapper.intro { min-height: calc(100% - 65px); background: url(../img/reparska_drazka.jpg) no-repeat center; }

.discount .wrapper.intro .text { position: relative; width: 770px; padding: 40px; margin-bottom: 40px; background-color: #fff; color: #575757; }
.discount .wrapper.intro .text .heading { line-height: 1.2; color: #9dc02e; font-size: 36px; }
.discount .wrapper.intro .text .button-round { margin-top: 15px; font-size: 18px; }
.discount .wrapper.intro .text .button-visu { position: absolute; right: -200px; top: 50%; width: 200px; height: 50px; line-height: 50px; padding-left: 60px; margin-top: -25px; background-color: #9dc02e; color: #fff; font-size: 13px; font-weight: 700; border-top-right-radius: 25px; border-bottom-right-radius: 25px; text-decoration: none; text-transform: uppercase; }
.discount .wrapper.intro .text .button-visu:before { content:''; position: absolute; left: 20px; top: 15px; width: 20px; height: 20px; background: url(../img/sprite_general.png) -20px 0; }
.discount .wrapper.intro .text .button-visu:after { content:''; position: absolute; left:0; top:0; width: 10px; height: 50px; background: -moz-linear-gradient(left, rgba(104,104,104,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(104,104,104,1)), color-stop(100%,rgba(255,255,255,0))); background: -webkit-linear-gradient(left, rgba(104,104,104,1) 0%,rgba(255,255,255,0) 100%); background: -o-linear-gradient(left, rgba(104,104,104,1) 0%,rgba(255,255,255,0) 100%); background: -ms-linear-gradient(left, rgba(104,104,104,1) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(104,104,104,1) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#686868', endColorstr='#00ffffff',GradientType=1 ); }
.discount .wrapper.intro .text .button-visu:hover { background-color: #404f13; }

/* CONTACT */
.contact .wrapper.content { min-height: calc(100% - 65px); background: url(../img/gmap.jpg) no-repeat center top; }

.contact .vcard { position: absolute; left: 20px; top: 260px; width: 380px; height: 220px; padding: 30px; background-color: #fff; }
.contact .vcard:after { content:''; position: absolute; right: 170px; bottom: -15px; width: 30px; height: 30px; background-color: #fff; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.contact .vcard .point { position: absolute; bottom: -93px; right: 160px; width: 50px; height: 50px; background-color: rgba(255,255,255,.7); border-radius: 50%; }
.contact .vcard .point:after { content:''; display: block; width: 14px; height: 14px; margin: 18px; border-radius: 50%; background-color: #9dc02e; }

.contact .vcard .person { position: relative; float: left; width: 100%; padding-left: 70px; color: #505050; }
.contact .vcard .person h2 { margin:0; font-size: 24px; font-weight: 600; text-indent: -2px; }
.contact .vcard .person p { margin:0; font-size: 14px; }
.contact .vcard .person:before { content:''; position: absolute; left:0; top: 10px; width: 50px; height: 47px; background: url(../img/sprite_general.png) 0 -20px; }

.contact .vcard .phone { position: relative; float: left; padding-left: 30px; margin: 10px 0; color: #9dc02e; font-size: 30px; font-weight: 700; font-family: 'helvetica', sans-serif; }
.contact .vcard .phone:after { content:''; position: absolute; left:0; top: 13px; width: 17px; height: 17px; background: url(../img/sprite_general.png) -40px 0; }

.contact .vcard .email { position: relative; float: left; padding-left: 30px; color: #9dc02e; font-size: 24px; font-weight: 700; font-family: 'helvetica', sans-serif; text-decoration: none; }
.contact .vcard .email:after { content:''; position: absolute; left:0; top: 12px; width: 20px; height: 13px; background: url(../img/sprite_general.png) -57px 0; }
.contact .vcard .email:hover { text-decoration: underline; }

.contact .label { position: absolute; left:0; top: 570px; width: 140px; height: 50px; padding: 10px; background-color: #fff; font-size: 12px; }
.contact .label:before { content:''; position: absolute; left: 40px; top: -8px; width: 16px; height: 16px; background-color: #fff; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.contact .label .point { position: absolute; top: -50px; left: 34px; width: 28px; height: 28px; background-color: rgba(255,255,255,.7); border-radius: 50%; }
.contact .label .point:after { content:''; display: block; width: 8px; height: 8px; margin: 10px; border-radius: 50%; background-color: #9dc02e; }

.contact .contact-form { float: right; width: 760px; margin: 150px 0 50px 0; padding: 40px; background-color: #fff; }
.contact .contact-form .input { width: 50%; padding-left: 20px; }
.contact .contact-form .input.left { padding: 0 20px 0 0; }
.contact .contact-form .input.w100 { width: 100%; padding:0; }
.contact .contact-form .input textarea { height: 140px; }

/* ESTATE */
.estate .wrapper.content { padding: 40px 0; color: #777; font-size: 18px; background-color: #f8f8f8; }
.estate .wrapper.content h1 { margin: 0 0 20px 0; color: #9dc02e; font-size: 36px; text-transform: uppercase; font-family: 'helvetica', sans-serif; }
.estate .wrapper.content p { text-align: justify; }

#estate-list { float: left; width: 100%; margin-top: 30px; border-top: 1px solid #767676; border-bottom: 1px solid #767676; font-family: 'helvetica', sans-serif; }
#estate-list .heading { float: left; width: 100%; padding-right: 8px; background-color: #424242; }
#estate-list .heading .title,
#estate-list .list .row .value { float: left; width: 20%; height: 70px; line-height: 70px; color: #fff; border-left: 1px solid #767676; border-bottom: 1px solid #767676; font-size: 14px; text-align: center; text-transform: uppercase; }
#estate-list .list { position: relative; float: left; width: 100%; max-height: 489px; overflow: auto; }
#estate-list .list .row { position: relative; float: left; width: 100%; }
#estate-list .list .row:last-child .value { border-bottom: none; }
#estate-list .list .row .value { color: #777; font-size: 18px; }
#estate-list .list .row .value:first-child { background-color: #9dc02e; color: #fff; }
#estate-list .list .row.prodano,
#estate-list .list .row.rezervovano { background-color: #dedede; }

#estate-list .list::-webkit-scrollbar { width: 8px; height: 8px; }
#estate-list .list::-webkit-scrollbar-track { background: #424242; }
#estate-list .list::-webkit-scrollbar-thumb { background-color: #9dc02e; }

.estate .wrapper.intro { height: 980px; background: #000 url(../img/estate_map.jpg) no-repeat center top; background-size: initial !important; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.estate .wrapper.intro .container { height: 100%; }
.estate .wrapper.intro .phase { position: absolute; padding: 20px; color: #fff; line-height: 1.2; }
.estate .wrapper.intro .phase:before { content:''; position: absolute; width: 12px; height: 12px; top: 50%; margin-top: -6px; background-color: inherit; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.estate .wrapper.intro .phase .title { margin-bottom: 10px; font-size: 16px; font-weight: 800; color: rgba(0,0,0,.5); text-transform: uppercase; }
.estate .wrapper.intro .phase .n1 { font-size: 16px; }
.estate .wrapper.intro .phase .n2 { font-size: 34px; font-weight: 700; }
.estate .wrapper.intro .phase .n3 { font-size: 16px; font-weight: 700; }

.estate .wrapper.intro .phase.n1 { right: 20px; top: 210px; background-color: #344fab; }
.estate .wrapper.intro .phase.n1:before { left: -6px; }
.estate .wrapper.intro .phase.n2 { left: 140px; top: 180px; background-color: #327e28; }
.estate .wrapper.intro .phase.n2:before { right: -6px; }
.estate .wrapper.intro .phase.n2b { left: 840px; top: 730px; background-color: #f85d31; }
.estate .wrapper.intro .phase.n2b:before { right: 50%; top: 0; transform: rotate(45deg) translate(25%,-25%);}
.estate .wrapper.intro .phase.n3 { right: -90px; top: 500px; background-color: #f8e831; color: #292929; }
.estate .wrapper.intro .phase.n3:before { left: -6px; }
.estate .wrapper.intro .phase.n4 { left: 0; top: 460px; background-color: #909090; }
.estate .wrapper.intro .phase.n4:before { right: -6px; }

.estate .wrapper.intro .point { position: absolute; width: 44px; height: 44px; border-radius: 50%; font-weight: 700; z-index: 20; text-align: center; text-transform: uppercase; text-decoration: none; }
.estate .wrapper.intro a.point:hover { z-index: 30; }
.estate .wrapper.intro .point:before { position: absolute; bottom: -5px; left: 17px; width: 6px; height: 6px; background-color: #fff; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.estate .wrapper.intro .point.blue { color: #1d3798; }
.estate .wrapper.intro .point.green { color: #327e28; }
.estate .wrapper.intro .point.green-light { color: #f85d31; }
.estate .wrapper.intro .point.yellow { color: #d5ad0c; }
.estate .wrapper.intro .point.red { color: #909090; }

.estate .wrapper.intro .point.n1 { left: 845px; top: 170px; }
.estate .wrapper.intro .point.n2 { left: 785px; top: 165px; }
.estate .wrapper.intro .point.n3 { left: 730px; top: 160px; }
.estate .wrapper.intro .point.n4 { left: 675px; top: 155px; }
.estate .wrapper.intro .point.n5 { left: 618px; top: 150px; }
.estate .wrapper.intro .point.n6 { left: 510px; top: 135px; }
.estate .wrapper.intro .point.n7 { left: 465px; top: 155px; }
.estate .wrapper.intro .point.n8 { left: 500px; top: 185px; }
.estate .wrapper.intro .point.n9 { left: 430px; top: 210px; }
.estate .wrapper.intro .point.n10 { left: 470px; top: 235px; }
.estate .wrapper.intro .point.n11 { left: 390px; top: 270px; }
.estate .wrapper.intro .point.n12 { left: 415px; top: 320px; }
.estate .wrapper.intro .point.n13 { left: 320px; top: 355px; }
.estate .wrapper.intro .point.n14 { left: 335px; top: 415px; }
.estate .wrapper.intro .point.n15 { left: 255px; top: 455px; }
.estate .wrapper.intro .point.n16 { left: 195px; top: 515px; }
.estate .wrapper.intro .point.n17 { left: 145px; top: 595px; }
.estate .wrapper.intro .point.n18 { left: 30px; top: 710px; }
.estate .wrapper.intro .point.n19 { left: -30px; top: 845px; }
.estate .wrapper.intro .point.n20 { left: 240px; top: 785px; }
.estate .wrapper.intro .point.n21 { left: 390px; top: 725px; }
.estate .wrapper.intro .point.n22 { left: 570px; top: 685px; }
.estate .wrapper.intro .point.n23 { left: 695px; top: 635px; }
.estate .wrapper.intro .point.n24 { left: 830px; top: 600px; }
.estate .wrapper.intro .point.n25 { left: 960px; top: 570px; }
.estate .wrapper.intro .point.n26 { display: none; left: 1000px; top: 550px; }
.estate .wrapper.intro .point.n27 { left: 910px; top: 410px; }
.estate .wrapper.intro .point.n28 { left: 830px; top: 350px; }
.estate .wrapper.intro .point.n29 { left: 890px; top: 290px; }
.estate .wrapper.intro .point.n30 { left: 820px; top: 250px; }
.estate .wrapper.intro .point.n31 { left: 740px; top: 225px; }
.estate .wrapper.intro .point.n32 { left: 670px; top: 210px; }
.estate .wrapper.intro .point.n33 { left: 560px; top: 205px; }
.estate .wrapper.intro .point.n34 { left: 590px; top: 240px; }
.estate .wrapper.intro .point.n35 { left: 550px; top: 290px; }
.estate .wrapper.intro .point.n36 { left: 525px; top: 345px; }
.estate .wrapper.intro .point.n37 { left: 485px; top: 425px; }
.estate .wrapper.intro .point.n38 { left: 445px; top: 530px; }
.estate .wrapper.intro .point.n39 { left: 565px; top: 500px; }
.estate .wrapper.intro .point.n40 { left: 675px; top: 475px; }
.estate .wrapper.intro .point.n41 { left: 795px; top: 445px; }
.estate .wrapper.intro .point.n42 { left: 740px; top: 365px; }
.estate .wrapper.intro .point.n43 { left: 735px; top: 285px; }
.estate .wrapper.intro .point.n44 { left: 645px; top: 275px; }
.estate .wrapper.intro .point.n45 { left: 630px; top: 370px; }

.estate .wrapper.intro .point .id,
.estate .wrapper.intro .point .label { display: flex; justify-content: center; align-items: center; line-height: 1.1; }

.estate .wrapper.intro .point .id { position: absolute; left:0; top:0; width: 44px; height: 44px; border-radius: 50%; color: #fff; background-color: #fff; font-size: 14px; }
.estate .wrapper.intro .point .id:before { content:''; position: absolute; bottom: -3px; left: 17px; width: 10px; height: 10px; background-color: #fff; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.estate .wrapper.intro .point .label { position: absolute; left: -14px; top: -29px; width: 74px; height: 74px; border-radius: 50%; font-size: 10px; text-transform: none; border: 2px solid #fff; }
.estate .wrapper.intro .point .label:before { content:''; position: absolute; bottom: -5px; left: 30px; width: 6px; height: 6px; border-bottom: 2px solid #fff; border-right: 2px solid #fff; border-radius: 2px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.estate .wrapper.intro .point.blue .id,
.estate .wrapper.intro .point.blue .id:before { background-color: #1d3798; }
.estate .wrapper.intro .point.green .id,
.estate .wrapper.intro .point.green .id:before { background-color: #327e28; }
.estate .wrapper.intro .point.green-light .id,
.estate .wrapper.intro .point.green-light .id:before { background-color: #f85d31; }
.estate .wrapper.intro .point.yellow .id,
.estate .wrapper.intro .point.yellow .id:before { background-color: #d5ad0c; }
.estate .wrapper.intro .point.red .id,
.estate .wrapper.intro .point.red .id:before { background-color: #909090; }

.estate .wrapper.intro .point.blue .label,
.estate .wrapper.intro .point.blue .label:before { color: #fff; background-color: #1d3798; }
.estate .wrapper.intro .point.green .label,
.estate .wrapper.intro .point.green .label:before { color: #fff; background-color: #327e28; }
.estate .wrapper.intro .point.green-light .label,
.estate .wrapper.intro .point.green-light .label:before { color: #fff; background-color: #f85d31; }
.estate .wrapper.intro .point.yellow .label,
.estate .wrapper.intro .point.yellow .label:before { color: #fff; background-color: #d5ad0c; }
.estate .wrapper.intro .point.red .label,
.estate .wrapper.intro .point.red .label:before { color: #fff; background-color: #909090; }

.estate .wrapper.intro .point.sold { z-index: 10; }
.estate .wrapper.intro .point.sold .id { display: none; }
.estate .wrapper.intro .point.sold .label { color: #fff; background-color: #252525; border: none; line-height: 74px; }
.estate .wrapper.intro .point.sold .label:before { bottom: -4px; width: 10px; height: 10px; border: none; background-color: inherit; }

/* flip transition */
.estate .wrapper.intro .point { -webkit-perspective: 1000; perspective: 1000; transform-style: preserve-3d; }
.estate .wrapper.intro a.point .id,
.estate .wrapper.intro a.point .label,
.estate .wrapper.intro a.point .id:before { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: 500ms; -moz-transition: 500ms; transition: 500ms; transform-style: preserve-3d; }
.estate .wrapper.intro a.point .id { z-index: 2; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg); }
.estate .wrapper.intro a.point .label { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); transform: rotateY(-180deg); }
.estate .wrapper.intro a.point:hover .id,
.estate .wrapper.intro a.point:hover .label { -webkit-transition: 500ms; -moz-transition: 500ms; transition: 500ms; transform-style: preserve-3d; }
.estate .wrapper.intro a.point:hover .label { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg); }
.estate .wrapper.intro a.point:hover .id { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); }

/* MAP FORM */
#map-form { float: left; width: 100%; max-width: 480px; }
#map-form h1 { padding: 35px; margin:0; color: #9dc02e; text-align: center; text-transform: uppercase; }
#map-form .info.n1,
#map-form .info.n2 { float: left; width: 100%; padding: 35px; line-height: 1; font-weight: 700; background-color: #344fab; color: #464646; }
#map-form .info.n1 .id { float: left; font-size: 50px; }
#map-form .info.n1 .area { float: right; }
#map-form .info.n1 .area .label,
#map-form .info.n2 .price-n1 .label,
#map-form .info.n2 .price-n2 .label { font-size: 12px; }
#map-form .info.n1 .area .value,
#map-form .info.n2 .price-n1 .value,
#map-form .info.n2 .price-n2 .value { font-size: 38px; }
#map-form .info.n1 .area .value .unit,
#map-form .info.n2 .price-n1 .value .unit,
#map-form .info.n2 .price-n2 .value .unit { font-size: 20px; }

#map-form .info.n2 { background-color: #efefef; }
#map-form .info.n2 .price-n1 { float: left; }
#map-form .info.n2 .price-n2 { float: right; }
#map-form .info.n2 .price-n1 .label,
#map-form .info.n2 .price-n2 .label { color: #8e8e8e; }

#map-form.blue .info.n1{background: #344fab;color: #fff;}
#map-form.blue h1, #map-form.blue h2{color: #344fab;}
#map-form.green .info.n1{background: #327e28;color: #444;}
#map-form.green h1, #map-form.green h2{color: #327e28;}
#map-form.green-light .info.n1{background: #f85d31;color: #444;}
#map-form.green-light h1, #map-form.green-light h2{color: #f85d31;}
#map-form.yellow .info.n1{background: #f8e831;color: #444;}
#map-form.yellow h1, #map-form.yellow h2{color: #f8e831;}
#map-form.red .info.n1{background: #909090;color: #fff;}
#map-form.red h1, #map-form.red h2{color: #909090;}

#map-form .contact-form { float: left; width: 100%; padding: 0 50px; margin: 30px 0; }
#map-form .contact-form h2,
#map-form .contact-form .input.submit { text-align: center; }


.photo-list { float: left; width: 100%; }
.photo-list a { position: relative; float: left; width: 130px; height: 88px; margin: 23px 0 0 23px; border: 2px solid #ddd; overflow: hidden; }
.photo-list a:hover { border-color: #9dc02e; }
.photo-list a:nth-child(4n+1) { margin-left:0; }
.photo-list a img { position: relative; left: 50%; top: 50%; max-width: 100%; max-height: 100%; width: auto; height: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }


/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fncbx,
.fncbx body { height: auto; min-width: 0; background-color: #fff; }

.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #fff; color: #444; text-shadow: none; }
.fancybox-opened { z-index: 8030; }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; background-color: #333; border-radius: 5px; }
#fancybox-loading div { width: 44px; height: 44px; background: url(../img/fancybox_loading.gif) center center no-repeat; }

.fancybox-close { position: absolute; top:0; right: -47px; width: 37px; height: 37px; cursor: pointer; z-index: 8050; opacity: 0.8; background: url(../img/sprite_general.png) -162px -20px; }
.fancybox-close:hover { opacity: 1; }

.fancybox-nav { position: absolute; top: 0; width: 57px; height: 100%; cursor: pointer; text-decoration: none; z-index: 8040; }
.fancybox-prev { left: -57px; }
.fancybox-next { right: -57px; }
.fancybox-nav span { position: absolute; left: 10px; top: 50%; width: 37px; height: 64px; margin-top: -32px; cursor: pointer; z-index: 8040; opacity: 0.8; background-image: url(../img/sprite_general.png); }
.fancybox-prev span { background-position: -88px -20px; }
.fancybox-next span { background-position: -125px -20px; }
.fancybox-nav:hover span { opacity: 1; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }

/* Overlay helper */
.fancybox-lock { overflow: hidden !important; width: auto; }
.fancybox-lock body { overflow: hidden !important; }
.fancybox-lock-test { overflow-y: hidden !important; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background-color: #000; background-color: rgba(0,0,0,.6); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }

/* Title helper */
.fancybox-title { visibility: hidden; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; background: rgba(0, 0, 0, 0.8); border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }





@media all and (-webkit-min-device-pixel-ratio: 2){
	.wrapper.header .logo,
	.wrapper.footer .visualio,
	.about .wrapper.equip .list .col ul li:before,
	.discount .wrapper.intro .text .button-visu:before,
	.contact .vcard .person:before,
	.contact .vcard .phone:after,
	.contact .vcard .email:after,
	.fancybox-nav span,
	.wrapper.intro .text .button-round:before { background-image: url(../img/sprite_general_@2x.png); background-size: 500px 500px; }
}