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, strong, sub, sup, 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;
	font-smoothing:antialiased;
	-webkit-font-smoothing: antialiased;
}
*{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
/* 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, th, td {
	border-collapse: collapse;
	border-spacing: 0;
	border:1px solid white;
	text-align:center;
	padding:10px;
}
#tabela {
	float:right;
	color: #FFF;
	margin-top:80px;
}
.alignleft {
	text-align:left;
}
.clearfloat { 
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
nav {
	position: absolute;
	margin-top: 5%;
}
body {
	background-color:#000;
	height:2000px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	z-index:-2000;
}

p.punchline{
	width:43%;
	text-align:center;
	display:inline-block;
	font-size:46px;
	color:#FFF;
	opacity:0;
}
p.plus{
	width:11%;
	text-align:center;
	display:inline-block;
	font-size:50px;
	opacity:0;
}
p.punchline1{
	width:43%;
	text-align:center;
	display:inline-block;
	font-size:46px;
	opacity:0;
}
p.punchline2{
	width:80%;
	text-align:center;
	font-size:60px;
	opacity:0;
	margin:0 auto;
	margin-top:50px;
}
.mobile_background{ 
	position: absolute;
	bottom: 0px; 
	right: 0px; 
	min-width: 100%; 
	min-height: 100%; 
	width: auto; 
	height: auto; 
	z-index: -1000; 
	overflow: hidden;
	display:none;
}
.video-container{
	position: absolute;
  overflow: hidden;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  z-index:-1000;
}
#video_background{ 
  min-width: 100%;
  min-height: 100%;

  /* Center it */
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
	z-index: -1000; 
	overflow: hidden;
}
#video_pattern { 
	 position: absolute; 
	 background: -moz-linear-gradient(top,  rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.9) 1%, rgba(0,0,0,0.65) 20%, rgba(0,0,0,0.65) 55%, rgba(0,0,0,0.8) 82%, rgba(0,0,0,1) 100%); /* FF3.6+ */
	 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.9)), color-stop(1%,rgba(0,0,0,0.9)), color-stop(20%,rgba(0,0,0,0.65)), color-stop(55%,rgba(0,0,0,0.65)), 			color-stop(82%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.9) 1%,rgba(0,0,0,0.65) 20%,rgba(0,0,0,0.65) 55%,rgba(0,0,0,0.8) 82%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.9) 1%,rgba(0,0,0,0.65) 20%,rgba(0,0,0,0.65) 55%,rgba(0,0,0,0.8) 82%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.9) 1%,rgba(0,0,0,0.65) 20%,rgba(0,0,0,0.65) 55%,rgba(0,0,0,0.8) 82%,rgba(0,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.9) 1%,rgba(0,0,0,0.65) 20%,rgba(0,0,0,0.65) 55%,rgba(0,0,0,0.8) 82%,rgba(0,0,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

	 left: 0px; 
	 top: 0px; 
	 width: 100%; 
	 height: 100%; 
	 z-index: -500;
}

.handler {
	display:block;
	z-index:500;
	position:absolute;
	top:0;
	left:80%;
	margin-top:-35px;
	-webkit-transition:600ms ease-in-out;
	transition:600ms ease-in-out;
	-moz-transition:600ms ease-in-out;
	opacity:1;
}
.hiddenHandler{
	
	background-color:#000;
	height:37px;
	width:30px;
	margin-top:-4px;
	opacity:1;
	border:1px outset #FFF;
	z-index:1000;
}
.visibleHandler {
	width:30px;
	height:20px;
	background-color:#000;
	margin:auto;
	margin-top:-1px;
	border-left:1px outset #FFF;
	border-right:1px outset #FFF;
	border-bottom:1px outset #FFF;
	opacity:1;
	cursor:pointer;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
	z-index:500;
}
ul.ulhandler li{
	width:22px;
	height:22px;
	float:left;
	margin:0 auto;
	text-align:center;
}
#handlerArrow{
	margin-left:10px;
	margin-top:5px;
	position:relative;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	transform:rotate(90deg);
	opacity:1;
}
.visibleHandler:hover > img#handlerArrow{
	opacity:1;
}

#playBtn img, #muteBtn img, #pauseBtn img {
	width:20px;
	height:20px;
	opacity:1;
	cursor:pointer;
	-webkit-transition: opacity 300ms ease-in-out;
	-moz-transition: opacity 300ms ease-in-out;
	-o-transition: opacity 300ms ease-in-out;
	transition:opacity 300ms ease-in-out;
	margin-top:7px;
	text-align:center;
	margin-left:5px;
}
#playBtn, #muteBtn, #pauseBtn {
	-webkit-transition: opacity 300ms ease-in-out;
	-moz-transition: opacity 300ms ease-in-out;
	-o-transition: opacity 300ms ease-in-out;
	transition:opacity 300ms ease-in-out;
	
}
ul.ulhandler li{
	margin-right:10px;
}

.content {
	height:100%;
	margin-left:10%;
	margin-right:10%;
	margin-top:5%;
	z-index:2;
}
.leftcontainer {
	width:25%;
	float:left;
}
.rightcontainer {
	width:75%;
	float:right;
	height:1000px;
}
.punchline {
	text-transform:uppercase;
	width:80%;
	display:block;
	color:#FFF;
	margin:0 auto;
	margin-top:5%;
}
.punchTrans{
	-webkit-transition: 1000ms cubic-bezier(0.19, 1, 0.22, 1), border 1s ease-in-out,text-shadow 1s ease-in-out;
	-moz-transition:1000ms cubic-bezier(0.19, 1, 0.22, 1), border 1s ease-in-out,text-shadow 1s ease-in-out;
	-ms-transition:1000ms cubic-bezier(0.19, 1, 0.22, 1), border 1s ease-in-out,text-shadow 1s ease-in-out;
	-o-transition:1000ms cubic-bezier(0.19, 1, 0.22, 1), border 1s ease-in-out,text-shadow 1s ease-in-out;
	transition:1000ms cubic-bezier(0.19, 1, 0.22, 1), border 1s ease-in-out,text-shadow 1s ease-in-out;
}
.brand {
	display:inline-block;
	padding:20px;
	opacity:1;
	cursor:pointer;
		
}
.brand:hover > p.description{

	text-decoration:none;
	text-shadow: 0 0 2px #fff;
	-webkit-transition: 1000ms cubic-bezier(0.19, 1, 0.22, 1), border 1s ease-in-out,text-shadow 1s ease-in-out;
	-moz-transition:1000ms cubic-bezier(0.19, 1, 0.22, 1), border 1s ease-in-out,text-shadow 1s ease-in-out;
	-ms-transition:1000ms cubic-bezier(0.19, 1, 0.22, 1), border 1s ease-in-out,text-shadow 1s ease-in-out;
	-o-transition:1000ms cubic-bezier(0.19, 1, 0.22, 1), border 1s ease-in-out,text-shadow 1s ease-in-out;
	transition:1000ms cubic-bezier(0.19, 1, 0.22, 1), border 1s ease-in-out,text-shadow 1s ease-in-out;
}
p.description{
	cursor:pointer;
	text-decoration:none !important;
	-webkit-transition: 1000ms cubic-bezier(0.19, 1, 0.22, 1), border 1s ease-in-out,text-shadow 1s ease-in-out;
	-moz-transition:1000ms cubic-bezier(0.19, 1, 0.22, 1), border 1s ease-in-out,text-shadow 1s ease-in-out;
	-ms-transition:1000ms cubic-bezier(0.19, 1, 0.22, 1), border 1s ease-in-out,text-shadow 1s ease-in-out;
	-o-transition:1000ms cubic-bezier(0.19, 1, 0.22, 1), border 1s ease-in-out,text-shadow 1s ease-in-out;
	transition:1000ms cubic-bezier(0.19, 1, 0.22, 1), border 1s ease-in-out,text-shadow 1s ease-in-out;
	
}

a {
	text-decoration:none;
}
.brand img{
	width:200px;
	height:auto;
}
.description {
	color:#FFF;
	text-align:center;
	text-transform:lowercase;
	font-size:12px;
	margin-top:10px;
	text-decoration:none;
}
/*MENU*/
#arrow {
	margin-top:2px;
}
#arrow img {
	width:8px;
	height:12px;
	margin-right:6px;
	-webkit-transition: 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
	transition:	500ms cubic-bezier(0.075, 0.82, 0.165, 1);
	opacity:0.5;
}
#bullet {
	width:3px;
	height:3px;
	background-color:#FFF;
	display:block;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	float:left;
	margin-top:8px;
	margin-right:5px;
}
.rotate {
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
}
#sidebar a{
	text-decoration:none;
	color:#FFF;
	opacity:1;
	
}
ul.nav {
	color:#FFF;
	opacity:1;
	margin-left:50px;
	text-transform:uppercase;
	margin-bottom:10px;
	display:block;
	line-height:1.5em;
	cursor:pointer;
	background-color:transparent;
	font-size:14px;
}
ul.nav li{
	color:#FFF;
	opacity:0.95;
	text-decoration:none;
	-webkit-transition: 1000ms cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition:1000ms cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition:1000ms cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition:1000ms cubic-bezier(0.19, 1, 0.22, 1);
	transition:1000ms cubic-bezier(0.19, 1, 0.22, 1);
}
ul.nav li:hover {
	-webkit-transform:translateX(5px);
	-moz-transform:translateX(5px);
	transform:translateX(5px);
	-o-transform:translateX (5px);

}
ul.nav li:hover > span#arrow img{
	-webkit-transform:rotate(90deg);
}

/*SUBMENU*/

nav ul ul {
	-webkit-transition:  max-height 1s ease-in-out;
	 transition:  max-height 1s ease-in-out, opacity 1s linear;
	 -webkit-transform:translateX(5px);
	 margin-left:15px;
	 max-height:0;
	 opacity:0;
	 overflow:hidden;
}
nav ul > ul li:hover{
	opacity:1
}

ul.nav li.active >ul {
	display: block;
    -webkit-transition: max-height 1s ease-in-out, opacity 1s ease-out;
	transition:  max-height 1s ease-in-out, opacity 1s ease-in-out;
    opacity: 0.7; 
    max-height:400px;
    height: auto;
    overflow: hidden;
}
.close_form{
	text-align:center;
	border-radius:50%;
	border:1px thin #000;
	display:inline-block;
	float:right;
	cursor:pointer;
	width:20px;
	height:20px;
	border:1px solid #000;
	margin-top: -34px;
	margin-right: -34px;
	background-color: #FFF;
	color:#000;
	text-shadow:none;
}
.close {
	margin-top:1px;
}

/*RIGHT CONTENT*/
h1 {
	font-size:1.5em;
	color:#FFF;
	opacity:1;
	padding:30px;
	text-transform:uppercase;
}
h2 {
	font-size:1.3em;
	color:#FFF;
	opacity:1;
	padding:30px;
	text-align:center;
	text-transform:uppercase;
}
h3{
	font-size:20px;
	
}
h4{
	font-size:16px;
	margin-bottom:10px;
}
.product_title{
	text-align:center;
}
.image {
	text-align:center;
}
.image img {
	border-bottom:1px solid #666;
}
.product_image {
	margin-top:25px;
	width:50%;
	height:50%;
	border-top-left-radius:1.5%;
	border-top-right-radius:1.5%;
	z-index:1000;
	overflow:hidden;
}
	
.product_image img {
	border:#666 1px;
}
.product_description {
	width:100%;
	text-align:left;
	color:#FFF;
}
.product_description_zage {
	width:50%;
	text-align:left;
	color:#FFF;
	float:left;
}
/*GALLERY*/
.partners {
	position:absolute;
	text-align:center;
	bottom:30%;
	opacity:0;
}
.lvd,.starmatik,.soitaab,.teseo,.ferrari{
	background-color:transparent;
}
.lvd img,.starmatik img,.soitaab img,.teseo img,.ferrari img{
	text-align:center;
	width:90%;
	height:90%;
}
#partners_block{
	width:16%;
	height:20%;
	display:inline-block;
	background-color:#FFF;
	border:1px #333;
	border-radius:6px;
	cursor:pointer;
	margin-right:1%;
	-webkit-transition:700ms ease-in-out;
	-moz-transition:700ms ease-in-out;
	transition:700ms ease-in-out;
}
#partners_block:hover{
	box-shadow:0px 0px 15px 5px #888; 
	-webkit-box-shadow: 0px 0px 15px 5px #888;
	-moz-box-shadow:0px 0px 15px 5px #888;
	-webkit-transition:700ms ease-in-out;
	-moz-transition:700ms ease-in-out;
	transition:700ms ease-in-out;
}
.activeBlock{
	box-shadow:0px 0px 15px 5px #888; 
}
.gallerycontainer {
	text-align:center;
	margin-top:30px;
	
}
.gallerycontainersmall {
	text-align:center;
	margin-top:10px;
}
.gallerycontainersmall img{
	display:inline-block;;
	width:13%;
	height:20%;
	text-align:center;
	opacity:0.5;
	cursor:pointer;
	border:1px #FFFFFF;
	border-radius:3px;
}
.gallerycontainer img{
	display:inline-block;;
	width:16%;
	height:20%;
	text-align:center;
	opacity:0.5;
	cursor:pointer;
	border:1px #FFFFFF outset;
	border-radius:3px;
}
.gallercontainer img~img{
	margin-right:10px;
}

.modal_background{
	position:absolute;
	bottom: 0px; 
	right: 0px; 
	min-width: 100%; 
	min-height: 100%; 
	width: auto; 
	height: auto; 
	z-index: 8000; 
	overflow: hidden;
	background-color:#000;
	opacity:0.9;
	display:none;
	
}
.modal_form{
	position:absolute;
	bottom: 0px; 
	right: 0px; 
	min-width: 100%; 
	min-height: 100%; 
	width: auto; 
	height: auto; 
	z-index: 8000; 
	overflow: hidden;
	display:none;
}
.form_container{
	margin:0 auto;
	margin-top:5%;
	position:absolute;
	top:0;
	vertical-align:middle;
	width:35%;
	height:auto;
	background-color:#FFF;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	display:block;
	position:relative;
	z-index:9000;
}
#contact-form{
	text-shadow: 0 1px 0 #FFF;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: #F9F9F9;
	padding: 25px;
}
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form textarea {
    width:100%;
    box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
    -webkit-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
    -moz-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
    border:1px solid #CCC;
    background:#FFF;
    margin:0 0 5px;
    padding:10px;
    border-radius:5px;
}
#contact-form button[type="submit"] {
    cursor:pointer;
    width:100%;
    border:none;
    background:#FFF;
    color:#000;
    margin:15px 0 10px;
    padding:15px;
    border-radius:5px;
	text-transform:uppercase;
	border:1px solid #000;
	font-weight:bold;
}
.povprasevanjeButt{
	text-align:center;
	cursor:pointer;
    width:100%;
    border:none;
    background:#FFF;
    color:#000;
    margin:15px 0 10px;
    padding:15px;
    border-radius:5px;
	text-transform:uppercase;
	border:1px solid #000;
	font-weight:bold;
	border:1px solid #FFF;

}
.povprasevanjeButt:hover{
	background:#000;
	color:#FFF;
	border:1px solid #FFF;
}
#contact-form button[type="submit"]:hover{
	background:#000;
	color:#FFF;
}
::-webkit-input-placeholder {
    color:#888;
}
:-moz-placeholder {
    color:#888;
}
::-moz-placeholder {
    color:#888;
}
:-ms-input-placeholder {
    color:#888;
}
#contact-form label span {
	color: #333;
	display: block;
	margin: 5px 0;
	font-weight: 600;
}
#contact-margin{

}
#centerform{
	width:80%;
	margin:0 auto;
}
.clickedform {
	background:#000;
	color:#FFF;
}
@media only screen
and (max-width : 768px){
ul.nav {
	margin-left:10px;
}
nav {
	margin-top:2%;
}
}
@media only screen
and (min-width : 1224)
and (max-width : 1570px){
	p.punchline{
	width:43%;
	text-align:center;
	display:inline-block;
	font-size:27px;
	color:#FFF;
	opacity:0;
}
p.plus{
	width:11%;
	text-align:center;
	display:inline-block;
	font-size:31px;
	opacity:0;
}
p.punchline1{
	width:43%;
	text-align:center;
	display:inline-block;
	font-size:27px;
	opacity:0;
}
p.punchline2{
	width:80%;
	text-align:center;
	font-size:54px;
	opacity:0;
	margin:0 auto;
	margin-top:44px;
}
}
 
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* STYLES GO HERE */
}