@font-face{font-family: Highland; src: url(fonts/texta-regular.otf);}@font-face{font-family: Highland-bold; src: url(fonts/texta-bold.otf);}@font-face{font-family: Highland-strong; src: url(fonts/texta-black.otf);}@font-face{font-family: Highland-light; src: url(fonts/texta-light.otf);}body{color: white; font-family: Highland; margin: 0; padding: 0;}*{box-sizing: border-box;}div.content{position: relative; width: 100%; height: 100%;}div.video{display: none; position: fixed; left: 0px; top: 0px; z-index: 999999; min-width: 100vw; min-height: 100vh; background-color: black;}video{z-index: 9999999; width: 100%; height: 100%; object-fit: cover; background-size: cover;}div.postvideo{z-index: 99999; display: none; position: fixed; left: 0px; top: 0px; z-index: 999999; min-width: 100vw; min-height: 100vh; background-image: url(assets/thank_you_bg.svg); background-size: cover; background-repeat: no-repeat; background-position: 40%;}div.motive{background-color: #3B3E41; position: absolute; width: 70%; height:100vh; top:0; left: 0;}div.form{background-image: url(assets/proba.svg); background-repeat: no-repeat; background-size: cover; position: absolute; width: 40%; height:100vh; top:0; right: 0;}div.switcher{background-color: #1A1A1A; box-shadow: 0px -1px 1px #191919; position: absolute; left: 0; bottom: 0; width: 62.6%; min-width: 62.6%; height:12.3vh;}div.motive-container{position: absolute; left: 12.5%; top: 0; /* border: 1px solid red; */ width:62.6%; height: 85%;}img.motive-image{width:80%; height: 100%; margin-left: auto;margin-right: auto;display: block;}div.buttons{width:90%; position: relative; margin: 0 auto; height:12.3vh; text-align: center; font-weight: 600 !important;}ul{font-family: Highland-light; font-size: 1.5em; position: relative; list-style-type: none; margin: 0 auto; padding: 0; top:35%;}li{border-left: 2px solid #5A5A5A; display: inline; padding: 0.3vw 3vw 0.3vw 3vw; cursor: pointer; transition: all 0.5s ease;}li:hover{transition: all 0.5s ease; color: #bdbdbd;}li:nth-child(1){border: none; padding-left: 0;}li:nth-child(4){padding-right: 0;}div.form-section{height: 100%; width: 95%; position: absolute; right: 0; top: 0;}div.titles{height: 45%; float: right; width: 97.67%;}div.title{position: relative; top:5%; left: 10%; font-size: 2vw; font-family: Highland; height: 17vh; width:75%; border-bottom: 2px solid #999999;}div.multi-title{position: absolute; top:17%; left:10%; letter-spacing: 10px; font-size: 2vw; font-family: Highland-light; height: 17vh; width:75%; line-height: 1.7em;}h1{position: absolute; bottom: -0.7em; letter-spacing: 4px; margin-left: 12px; font-weight: 500 !important;}h2{margin-left: 12px; font-weight: 300 !important;}div.logo{width: 17%; height: 12%; position: absolute; bottom:3%; right: 5%;}div.logo img{width:100%; height: 100%; margin: 0 auto;}div.forma{height: 45%; float: right; width: 97.67%;}div.forma form{margin-top:3.5vh; margin-left: 10%;}input{display: block;}div.forma form input[type=text], input[type=email]{font-size: 1em; font-family: Highland; letter-spacing: 2px; color:#FFFFFF; background-color: #333333; border: 2px solid #FFFFFF; width: 70%; padding: 13px 20px; margin-bottom:2em;}input:focus{outline: none;}::-webkit-input-placeholder{/* WebKit, Blink, Edge */ color:#FFFFFF; font-size: 1em !important; font-family: Highland; letter-spacing: 4px;}:-moz-placeholder{/* Mozilla Firefox 4 to 18 */ color:#FFFFFF; opacity: 1; font-size: 1em !important; font-family: Highland; letter-spacing: 4px;}::-moz-placeholder{/* Mozilla Firefox 19+ */ color:#FFFFFF; opacity: 1; font-size: 1em !important; font-family: Highland; letter-spacing: 4px;}:-ms-input-placeholder{/* Internet Explorer 10-11 */ color:#FFFFFF; font-size: 1em !important; font-family: Highland; letter-spacing: 4px;}::-ms-input-placeholder{/* Microsoft Edge */ color:#FFFFFF; font-size: 1em !important; font-family: Highland; letter-spacing: 4px;}::placeholder{/* Most modern browsers support this now. */ color:#FFFFFF; font-size: 1em !important; font-family: Highland; letter-spacing: 4px;}::selection{background: #3B3E41; /* WebKit/Blink Browsers */}::-moz-selection{background: #3B3E41; /* Gecko Browsers */}button.send{background-color: #52575B; border: none; width: 35%; font-size:1.5em; color: #FFFFFF; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; margin: 4px 2px; cursor: pointer; font-family: Highland-light;}div#main-mobile{display: none;}div#main-mobile, div#content-mobile, div#topograph{width:100%; height: auto;}div#mobile-video{z-index: 9999999999; width:100vw; height: auto; display: none; position: fixed; left: 0px; top: 0px; min-width: 100vw; min-height: 100vh; background-color: black;}video#videom{z-index: 9999999; background-size: cover; position: relative; left: 15%; width: 70vw; height: 60vh; object-fit: cover; background-size: cover; margin-top: 15vh;}div#topograph{background-image: url("assets/mobile-bg.svg"); background-size: cover; background-repeat: no-repeat;}div#motive-mobile{min-height: 100%; width: 100%; height: auto; background-color: #3B3E41;}div.mobile-titles{position: relative; top:2%; height: 45vh; width: 100%;}div.mobile-title{position: relative; margin: 0 auto; font-size: 4vh; font-family: Highland-strong; height: 17vh; width:85%; border-bottom: 2px solid #ffffff;}div.mobile-multi-title{position: relative; top:15%; left:10%; letter-spacing: 5px; font-size: 3vh; font-family: Highland-light; height: 17vh; width:75%; line-height: 1.7em;}div.mobile-motive-container{position: relative; width:60%; height: 50%; left:20vw;}img.mobile-motive-image{width:100%; height: 100%; margin-left: auto;margin-right: auto;display: block;}div.mobile-buttons{width: 100%; height: 30vh;}div.row-one-buttons, div.row-two-buttons{text-align: center; height: 40%; width: 100%;}div.row-two-buttons{position: relative; top:-2vh;}.mobile-button{position: relative; top: 5vh; padding: 2.4vh 10vw; text-align: center; text-decoration: none; background-color: #1A1A1A; display: inline; font-family: Highland-light; margin-left: 3%; margin-right: 3%;}.mobile-button span{color:#fff; font-size: 1em; font-family: Highland-light;}/* Icon Sink */.hvr-icon-sink{display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}.hvr-icon-sink:before{content: "\f13a"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}.hvr-icon-sink:hover:before, .hvr-icon-sink:focus:before, .hvr-icon-sink:active:before{-webkit-transform: translateY(4px); transform: translateY(4px);}div.scroll{position: relative; width: 100%; height:10vh; text-align: center; vertical-align: middle;}p.pscroll{animation: MoveUpDown 0.73412431s linear infinite; position: relative; left: 0; bottom: 0; text-align: center; vertical-align: middle;}div.forma-naslov{position: relative; font-weight: 600 !important; margin-top: 10vh; left: 15%; letter-spacing: 5px; font-size: 3vh; font-family: Highland-light; height: 17vh; width: 75%; line-height: 1.7em;}div.forma-mobile{width: 100%; height: 70vh;}div.forma-mobile form{margin-top:3.5vh; margin-left: 10%;}div.forma-mobile form input[type=text], div.forma-mobile input[type=email]{font-size: 1em; font-family: Highland; letter-spacing: 2px; color:#FFFFFF; background-color: #333333; border: 2px solid #FFFFFF; width: 90%; padding: 10px 20px; margin-bottom:2em;}div.forma-mobile button{background-color: #52575B; width: 50%; font-size: 1em;}div.mobile-logo-container{width:100%; height: 40vh; position: relative; margin-top: -30%;}img.img-mobile-logo{width:70%; height: 100%; margin-left: auto;margin-right: auto;display: block;}div.mobile-buttons span{padding: 4px 4px;}div.postvideo div.titles{float: right; width: 50vw; height: 40vh;}div.postvideo div.title{position: relative; top: 5%; left: 30%; font-size: 1.7vw; font-family: Highland-strong; height: 17vh; width: 60%; border-bottom: 2px solid #999999;}div.postvideo div.multi-title{position: relative; top: 8%; left: 30%; letter-spacing: 10px; font-size: 1.7vw; font-family: Highland-light; height: 17vh; width: 60%; line-height: 1.8em;}div.postvideo div.logo{right: 0 !important;}div.postbuttons{width: 50vw; height: 40vh; position: relative; width: 50vw; height: 40vh; top: 50vh; left: 66vw;}div.postbuttons button{background-color: transparent; border: 1px solid #FFFFFF; width: 25%; font-size:1.2em; color: #DFDAF6; padding: 15px 32px; text-align: center; text-decoration: none; display: block; margin: 10px 2px; cursor: pointer; font-family: Highland-light; letter-spacing: 4px;}.activeMotive{background-color: #333333; border: 1px solid #FFFFFF; font-family: Highland-strong;}div.postmobilevideo{position: fixed; display: initial; left: 0px; top: 0px; z-index: 999999; min-width: 100vw; min-height: 100%; background-image: url(assets/poslednja_scena_bg_mobile.svg); background-size: cover; background-repeat: no-repeat; background-position-y: 60%;}div#content-mobile-video{display: none;}div#content-mobile-video div.mobile-titles{top: 10vh;}div#content-mobile-video div.mobile-multi-title{top: 2vh;}div.mobile-post-buttons{margin-top: 10%; width: 100vw; height: 30vh;}div.mobile-post-buttons div.mobile-post-button{position: relative; top: 5vh; padding: 2.4vh 10vw; text-align: center; text-decoration: none; background-color: transparent; display: block; font-family: Highland-light; margin-left: 10%; margin-right: 10%; margin-top: 5%; border: 1px solid #FFFFFF; color: #DFDAF6; letter-spacing: 4px; width: 50vw; font-size: 0.8em;}div.postmobilevideo div.mobile-multi-title h2{margin-left: 0;}@media screen and (orientation:landscape){div.mobile-logo-container{top:0; margin-top: 30vh; padding-bottom: 5vh;}}@media (max-width: 1025px){div#main{display: none;}div#main-mobile{display: initial;}}@media (min-width: 2560px) and (min-width: 1000px){div.forma form{margin-top:10.5vh; margin-left: 10%;}video{position: relative; left: 15%; width: 70vw; height: 60vh; object-fit: cover; background-size: cover; margin-top: 20vh;}}@media screen and (max-width: 1350px){div.multi-title{font-size: 1.5vw; top:25%;}ul{font-size: 1em; position: relative; top:35%;}li{padding: 0.3vw 2vw 0.3vw 2vw; cursor: pointer;}}@media only screen and (min-width : 1224px){}@media only screen and (min-width : 1824px){div.title, div.multi-title{font-size: 2vw;}}@-moz-keyframes slide /*--for webkit--*/{0%{right:12.5%;}50%{left: -80%;}100%{left: 12.5%;}}@-webkit-keyframes slide /*--for webkit--*/{0%{left:12.5%;}50%{left: -80%;}100%{left: 12.5%;}}@-moz-keyframes reset /*--for webkit--*/{0%, 100%{left:12.5%;}}@-webkit-keyframes reset /*--for webkit--*/{0%, 100%{left:12.5%;}}@-moz-keyframes slideMobile /*--for webkit--*/{0%{left:20vw;}50%{left: -80%;}100%{left: 20vw;}}@-webkit-keyframes slideMobile /*--for webkit--*/{0%{left:20vw}50%{left: -80%;}100%{left: 20vw}}@-moz-keyframes resetMobile /*--for webkit--*/{0%, 100%{left:20vw;}}@-webkit-keyframes resetMobile /*--for webkit--*/{0%, 100%{left:20vw;}}@keyframes MoveUpDown{0%{bottom: 0;}50%{bottom: 5px;}100%{bottom: 0;}}