html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a:link, a:active, a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
*:focus {
	outline: none;
}
::selection {
	background: #e13034;
	}
::-moz-selection {
	background: #e13034;
}
strong { font-weight:normal; font-family: 'OpenSansSemibold'; }
/* Fonts */

body, html {
	width:100%;
	height:100%;
	font-family: OpenSansRegular, sans-serif;
	font-size:12px;
}
.set {
	width: 1040px; 
	max-width: 100%; 
	min-width: 768px; 
	margin: 0 auto;  
}
#zacetna-stran { background:url(../images/top-bg.jpg) no-repeat #000; background-size:cover;}
#predstavitveni-film, #prednosti, #virtualni-ogled , #fotografije, #zemljevid-lokacije, #specifikacije, #kontakt {background-color:#fff; padding:130px 0 60px;}


.section { min-height:710px; position:relative; }
.section.resize { height:1950px;}
.section.resize-speci { height:1500px;}
.section.resize-photo { height:1100px;}
.section.panorama {height:800px;}
/* HEADER */

.header {
	height:55px;
	width:100%;
	background-color:#000;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
}

.main-nav {
	width:915px;
	margin:18px auto;
	display:table;
}
.main-nav li {
	float:left;
	padding:3px;
}
.main-nav li a, .back-to-vivid  {
	font-family: 'OpenSansBold';
	color:#fff;
	font-size:11px;
	text-transform:uppercase;
	padding: 4px 10px;	
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.main-nav li a:hover, .current a, .current, .back-to-vivid:hover { 
	color:#e13034!important; 
	text-decoration:none; 
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.back-to-vivid {position:absolute; left:5px; top:18px; background:url(../images/arrow-back.png) no-repeat left center; color:#fff; padding-left:13px;}

/* Intro page */

.pat { width:100%; height:100%; background:url(../images/pattern.png) repeat; position:absolute; left:0; top:0; z-index:5;}

.logo { width:240px; height:200px; display:block; margin:260px auto 20px auto; position:relative; z-index:100;}
.logo img {display:block; margin:0 auto;}
.simbol-spin{
	position:absolute;
	right:65px;
	top:15px;
	-moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-o-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease; 
}
.logo:hover .simbol-spin {
	-moz-transform: scale(1.3) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1.3) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-o-transform: scale(1.3) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-ms-transform: scale(1.3) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	transform: scale(1.3) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease; 
}
.intro-info { width:100%; float:left; background-color:#fff; margin:35px 0 0 0; padding:15px 0; font-family: 'OpenSansLight';}
.intro-info li{ padding:0 0 0 35px; height:28px; float:left; text-transform:uppercase; font-size:20px; margin:0 0 0 40px; line-height:28px;}
.i-where { background:url(../images/location-icon.png) no-repeat left top;}
.i-what { background:url(../images/object-type-icon.png) no-repeat left top; padding:0 0 0 40px!important;}
.i-dimensions { background:url(../images/size-icon.png) no-repeat left top;}
.i-dimensions sup {margin:-10px 0 0 0; position:absolute;}
/* Page 1 */
.h1 {margin:0 0 90px 0;}
.page-1 h1, .page-1 h4, .h1{ width:100%; float:left; text-align:center; text-transform:uppercase; font-size:55px; font-family: 'OpenSansLight';}
.page-1 h4 { text-transform:none; font-size:26px; color:#282828; font-family: 'TitilliumText25L600wt';}
.video {width:800px; margin:0 120px 30px; float:left;}

/* Page 2 */
.page-2 h2 { font-family: 'TitilliumText25L600wt'; margin:75px 0 15px 5px; font-size:25px; }
.page-2 li { padding:6px 15px 6px 35px; font-size:14px; position:relative;}
.page-2 li span {display:block; width:7px; height:11px; background:url(../images/bullet.png) no-repeat left top; position:absolute; left:15px; top:8px;}
.page-2 li:hover {background-color:#000; color:#fff; cursor:pointer;}
.page-2 li:hover span { background-position:left bottom;}

.advantages-facility-ul li {padding-left:80px;}
.advantages-facility-ul li span { left: 60px;}
.advantages-facility-ul li:hover span { background:none;}

.arr, .arr-r {width:13px; height:25px; background:url(../images/over-arrow-right.png) no-repeat; position:absolute; right:-13px; top:0;}
.arr-r { background:url(../images/over-arrow-left.png) no-repeat; position:absolute; left:-13px; top:0; }

.advantages-location-ul {padding:0; float:left;}
.advantages-location, .advantages-facility { background:url(../images/plaza-krk.png) no-repeat right top; height:550px; width:100%; float:left;}
.advantages-facility {background:url(../images/kvalitetni-material.png) no-repeat left top;}

.advantages-facility {margin:80px 0 0 0;}
.advantages-facility h2 {text-align:right; margin:75px 150px 15px 0;}
.advantages-facility-ul {float:right; padding:0 20px 0 0;}

.description-location {margin:90px 0 0 0; font-size:16px; float:left; width:100%; text-align:justify;}
.description-location h3 {font-family: 'TitilliumText25L600wt'; font-size:24px; width:100%; float:left; margin:0 0 35px 0; line-height:30px;}
.description-location p { float:left; width:490px; line-height:24px; }

/* Page 3 */
.virtual-box {float:left; width:100%; }

/* Page 4 */
.gallery-nav-wr {float:left; width:100%; margin:0 0 30px 0; border:dotted 1px #4F4F4F; border-width:1px 0;}
.gallery-nav {width:235px; margin:0 auto;}
.gallery-nav li  {float:left; font-style:italic; cursor:pointer; }
.gallery-nav li a {color:#4F4F4F;padding:10px 15px; display:block;}
.gallery-nav li:hover, .active{background-color:#E12F32;}
.gallery-nav li:hover a, .active{color:#fff!important; text-decoration:none;}

.gallery-ul {float:left!important; width:100%; position:relative!important;}
.gallery-ul li {width:250px; float:left; height:200px; margin:0 0 8px 8px; display:none;}

/* Page 6 */
.page-6 .table {float:left; width:100%; margin:0 0 15px 0;}
.page-6 .table table {width:100%; float:left; margin:0 0 35px 0;}
.page-6 .table h2 {font-family: 'TitilliumText25L600wt'; font-size:25px; float:left; width:100%; margin:0 0 30px 0; text-indent:70px;}
.page-6 .table table strong {font-weight:bold!important;}
.page-6 .table table th {background-color:#000; color:#fff; padding:12px 0; font-size:14px; vertical-align:middle;}
.page-6 .table table td {padding:10px 0; text-align:center; vertical-align:middle;}
.page-6 .table table tr {border-bottom:solid 1px #000;}
.t-align {text-align:left!important;}

/* Page 7 */
.page-7 table, .contact-info{float:left; width:500px;  position:relative;}
.page-7 table {width:510px;}
.page-7 table td span {float:left; display:block; width:75px; height:46px; background-color:#F2F2F2; margin-right:3px; border:solid 1px #fff;}
.page-7 table td span img {display:block; margin:14px auto;}
.page-7 table td input {width:390px; padding:15px; margin:0 0 25px 0; border:solid 1px #fff; background-color:#F2F2F2; float:left;}
.page-7 table td textarea {font-family: OpenSansRegular, sans-serif; padding:15px; resize:none; font-size:12px; width:470px; height:240px; border:solid 1px #fff; background-color:#F2F2F2;}
.page-7 table td button {float:right; margin:25px 11px 0 0; padding:10px 20px; background-color:#636363; color:#fff; border:none; cursor:pointer; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease;}
.page-7 table td button:hover {background-color:#E13134; -webkit-transition: all 200ms ease;	-moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease;	transition: all 200ms ease;}
input.error {border:solid 1px #f00!important;}
textarea.error {border:solid 1px #f00!important;}

.contact-info {float:right; font-size:14px; line-height:25px;}
.contact-info h2 {font-family: 'TitilliumText25L600wt'; font-size:28px; }
.contact-info a {text-decoration:underline; color:#E13134;}
.contact-info a:hover {text-decoration:none; }
.msg { color:#E13134; font-weight:bold;	padding:20px; position:absolute; left:10px; bottom:0; display:none;}
.loading-img {position:absolute; left:2px; bottom:16px;}

.scroll-up {
	width:28px;
    height:19px;
	padding:15px;
    opacity:1;
    position:fixed;
    bottom:75px;
    right:50px;
    text-indent:-9999em;
    display:none;
    background: url(../images/up.png) no-repeat center;
}