@charset "UTF-8";

/******************************* RESET *******************************/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
/*html {overflow-y: scroll;}
*/
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
ins {background-color: #ff9; color: #000; text-decoration: none;}
mark {background-color: #ff9; color: #000; font-style: italic; font-weight: bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted; cursor: help;}
table {border-collapse: collapse; border-spacing: 0;}
hr {display: block; height: 0; background-color: #c7c7c7; border-top: 1px solid #c7c7c7; border-left: 0; border-right: 0; border-bottom: 1px solid #FFF; margin: 1em 0; padding: 0;}
*+html hr {height: 2px;}
a, img, area, input {outline: none;}

/******************************* BASIC ELEMENTS *******************************/
* {margin: 0; padding: 0;}
img {border: 0;}
.fl {float: left;}
.fr {float: right;}
.cb {clear: both;}
.clearfix {width: 100%; height: 0; clear: both;}
*+html .clearfix {display: none;}
/*:: -webkit-input-placeholder {color: #fff;}
*/
/*:: -moz-placeholder {color: #fff;}
/* firefox 19+ */
/*: -ms-input-placeholder {color: #fff;}
*/
/* ie */
/* input: -moz-placeholder {color: #fff;}
*/
header, nav, article, footer, address {display: block;}
header, footer {width: 100%; clear: both; padding: 0; margin: 0;}
.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-justfy {text-align: justify;}
a {color: ; text-decoration: underline;}
a:hover {text-decoration: none;}
strong {font-weight: 700;}
h1, h2, h3, h4, h5, h6 {font-family: 'Vast Shadow', cursive; font-weight: normal;}
.no-cssanimations {background-image: url(../images/gallery/img1_1.jpg);}

/******************************* BODY *******************************/
html, body {position: relative; width: 100%; height: 100%; font-family: 'Sanchez', serif; font-size: 14px; color: #FFF; margin: 0; padding: 0;}
.wrapper {margin: 0 auto; width: 990px;}
.footerwrapper {margin: 0 auto; width: 940px;}
.body {position: absolute; width: 100%; height: 100%;}
.body-pod {position: relative; width: 100%; min-height: 100%;}

/******************************* HEADER *******************************/
header {margin: 0 auto; position: relative; width: 990px; height: 181px; z-index: 1000; background: url('../images/header-bg.png') no-repeat center top;}
header .menu ul {width: 965px; float: left; margin-left: 25px;}
header .menu ul li {float: left; list-style: none; margin: 0 12px 0 0px; padding: 35px 8px 0 0;}
header .menu ul li a {color: #FFF; text-decoration: none; font-size: 18px;}
header .menu ul li a:hover {text-decoration: underline;}
.italian header .menu ul li a {font-size: 16px;}
header .menu ul li.active {background: url('../images/select.png') no-repeat center top;}
header .menu ul li.right {margin: 0 13px 0px 0; float: right;}
header .menu ul li.right_en {margin: 0 8px 0px 0; float: right;}
header .menu ul li.logo {margin: 12px 0 0 0; width: 300px; left: 345px; position: absolute; padding-top: 0; text-align: center;}
header .menu ul li.logo h1 {font-size: 28px; line-height: 28px; text-transform: uppercase;}
header .menu ul li.logo h1 span {font-size: 24px;}
header .menu ul li.last {margin-right: 80px;}
header .menu ul li.last_en {margin-right: 70px;}
header .menu ul li.last_de {margin-right: 65px;}
.lang {background: url('../images/arrow.png') no-repeat 35px 8px; padding: 0 25px 0 0; position: absolute; text-transform: uppercase;}
.langli {text-transform: none !important; right: 0; border: 1px #FFF solid; padding: 4px 0 2px 5px !important; position: absolute; top: 32px; height: 20px; width: 55px; margin: 0 0 0 0 !important;}
.select-lang {display: none; position: absolute; padding: 6px 0 2px 5px; border: 1px #FFF solid; top: 26px; width: 55px; right: -1px;}
.select-lang a {font-size: 14px!important; font-family: Arial; line-height: 20px;}

/******************************* CONTENT *******************************/
.paddingcontent {padding-bottom: 50px;}
.content {margin: -26px auto 180px; width: 940px; border: 5px rgba(0,0,0,0.5) solid; left: 25px;}
.ie8 .content {border: 5px #28383a solid;}
.content-line {border: 1px #8e8a83 solid;}
.content-main {position: relative; font-family: Arial; text-align: justify; line-height: 18px; background: rgba(0,0,0,0.5); min-height: 450px; padding: 112px 20px 50px 20px;}
.ie8 .content-main, .ie7 .content-main {background: url('../images/trbg.png');}
.podtrik {position: absolute; text-transform: uppercase; top: 0; width: 901px; height: 101px; background: url('../images/podtri.png') no-repeat center top; text-align: center;}
.podtrik h2 {font-size: 32px; margin-top: 36px;}
.content-main h4 {font-family: 'Sanchez', serif; font-size: 19px; line-height: 24px; padding-bottom: 20px;}
.content-main h3 {font-family: 'Sanchez', serif; font-size: 21px; padding: 15px 0; font-weight: bold;}
.content-main a {color: #ffffff;}
.content-main ul {list-style: square; margin: 0 0 0 17px;}
.slika {float: right; position: relative; width: 460px; height: 480px;}
.slika img {position: absolute; top: 0px; right: -45px;}
.galerija {position: relative; float: left; height: 150px; margin: 40px 0 0 25px; width: 868px;}
.galerija .galslide {width: 812px; height: 150px; float: left; margin-left: 14px;}
.galerija .galslide div {float: left; width: 812px; height: 150px;}
.galerija .galslide img {float: left; list-style: none; margin: 0 8px;}
.galerija .galslide img.first {float: left; list-style: none; margin: 0 7px 0 0;}
.galerija .galslide img.last {float: left; list-style: none; margin: 0 0 0 7px;}
.levo {position: absolute; left: -68px; top: 9px;}
.desno {position: absolute; right: -40px; top: 9px;}

/******************************* FOOTER *******************************/
footer {position: absolute; width: 100%; height: 140px; background: url('../images/footer.jpg') repeat-x center bottom; bottom: 0;}
footer h2 {float: left; font-size: 30px; text-transform: uppercase;}
.italian footer h2 {font-size: 24px;}
.footer-top {width: 100%; height: 58px; padding-top: 32px;}
.footer-top input {float: left; background: none; border: 1px #FFF solid; padding: 5px; color: #FFF;}
.footer-top input[type='text'] {width: 158px;}
.footer-top label {float: left; margin: 4px 0 0 20px;}
.footer-top label img {float: right; margin: 1px 0 0 5px;}
input.povprasevanje {color: #FFF; font-size: 24px; text-decoration: underline; padding: 0 0 0 45px; background: url('../images/arrow-big.png') no-repeat left center; margin-left: 19px; border: none; cursor: pointer; font-family: 'Sanchez', serif; float: left;}
input.povprasevanje:hover {text-decoration: none;}
.podpis {font-family: Arial; font-size: 12px; color: #cbb5a9; text-align: center; margin-top: 18px;}
.podpis a {color: #cbb5a9; text-decoration: none;}
.podpis a:hover {text-decoration: underline;}
.izdelava {padding-right: 90px; background: url('../images/novisplet.png') no-repeat right 2px;}
.footer-ozki {height: 50px;}

input[type='text']::-webkit-input-placeholder {/* Chrome/Opera/Safari */
 color: #FFF;}
 
input[type='text']::-moz-placeholder {/* Firefox 19+ */
 color: #FFF;}
 
input[type='text']:-ms-input-placeholder {/* IE 10+ */
 color: #FFF;}
 
input[type='text']:-moz-placeholder {/* Firefox 18- */
 color: #FFF;}
 
textarea::-webkit-input-placeholder {/* Chrome/Opera/Safari */
 color: #FFF;}
 
textarea::-moz-placeholder {/* Firefox 19+ */
 color: #FFF;}
 
textarea:-ms-input-placeholder {/* IE 10+ */
 color: #FFF;}
 
textarea:-moz-placeholder {/* Firefox 18- */
 color: #FFF;}
 
/******************************* PODSTRAN *******************************/
.kontaktni-podatki {color: #ffffff !important; float: left; font-family: 'Sanchez', serif; z-index: 1000; text-align: center; font-size: 24px; line-height: 120%; margin: 0 0 0 20px; background: url('../images/kontakt_bg.png') no-repeat; width: 490px; height: 450px; padding: 41px 0 0 0;}
.kontaktni-podatki h3 {font-size: 26px; line-height: 28px; padding-bottom: 30px;}
.kontaktni-podatki a {color: #ffffff !important;}
.kontaktni-podatki a:hover {text-decoration: none;}
.kontaktni-podatki img {position: static; display: inline; padding: 15px 0 10px 0;}
.kontakt {float: left; width: 410px;}
.kontakt input, .kontakt textarea {width: 388px; color: #FFF; margin-top: 13px; font-size: 15px; padding: 10px; background: none; border: 1px #FFF solid;}
.kontakt textarea {height: 162px; font-family: Arial;}
.kontakt .button {width: 170px; height: 50px; text-align: center; background: url('../images/poslji.png') no-repeat; border: 0; font-family: 'Sanchez', serif; font-size: 24px; margin: 20px 0 0 118px; cursor: pointer; text-transform: uppercase; color: #000000;}
.kontakt label {float: left; width: 205px;}
.kontakt label input {float: left; width: 140px;}
.kontakt label img {float: left; margin-top: 18px; margin: 20px 9px 0 9px;}
.front_box {border: 5px rgba(0,0,0,0.5) solid; position: absolute; z-index: 6; width: 820px; left: 50%; margin-left: -410px; top: 40%;}
.ie8 .fb_content {border: 5px #28383a solid;}
.fb_content-line {border: 1px #8e8a83 solid;}
.fb_content-main {position: relative; font-family: 'Sanchez', serif; font-size: 27px; text-align: center; line-height: 27px; background: rgba(0,0,0,0.5); padding: 27px 20px 30px 20px;}
.fb_content-main a {color: #ffffff; text-decoration: none;}
.fb_content-main a:hover {color: #ffffff; border-bottom: 1px solid #fff;}
#offbutton {position: absolute; bottom: -30px; left: 382px;}
/*Other*/
.mobile-logo {display: none; text-align: center;}
.mobile-logo h1 {font-size: 16px;}
.burger {display: none; z-index: 10;}
.podpis-mobile {display: none; font-family: Arial; font-size: 12px; color: #cbb5a9; text-align: center; padding-top: 10px;}
.podpis-mobile a {color: #cbb5a9; text-decoration: none;}
.podpis-mobile a:hover {text-decoration: underline;}
.langli-mobile {display: none; z-index: 1000; position: absolute; left: 15px; top: 20px;}
.map-mobile {display: none;}
.aplist {margin-left: -44px;}

*:focus {outline: none;}
.slick-list {z-index: 100;}
.slick-arrow.slick-prev  {width: 100px; height: 100px; border: 0; text-indent: -9999px; background: url('../images/levo.png') no-repeat; position: absolute; left: -82px; top: 7px;}
.slick-arrow.slick-next  {width: 100px; height: 100px; border: 0; text-indent: -9999px; background: url('../images/desno.png') no-repeat; position: absolute; right: -60px; top: 7px;}

/******************************* RESPONSIVE *******************************/
@media (max-width: 1024px) {
	.galerija {text-align: center; margin: 40px 0 0 9px;}
	.slick-slide img {display: inline-block !important;}
}

@media (max-width: 990px) {
	header {width: 100%;}
	.mobile-logo {display: block; position: relative; z-index: 10;}
	.mobile-logo a {display: inline-block; margin-top: 10px;}
	.langli-mobile {display: block;}
	.logo {display: none;}
	header {z-index: 10000;}
	.menu {display: block; position: fixed; padding-top: 176px; top: 0; left: -100%; width: 100%; height: 100%; background: url('../images/menu-bg.jpg') repeat center top; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
	.menu:before {width: 100%; height: 181px; background: url(../images/header-bg.png) no-repeat center top; position: absolute; top: 0; left: 0; content: "";}
	.menu.opened {left: 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
	header .menu ul {width: 100%; margin: 0; text-align: center;}
	header .menu ul li {float: left !important; width: 100%; z-index: 1000; padding: 10px 15px; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	header .menu ul li.langli {display: none;}
	header .menu ul li.active {background: none; text-decoration: underline;}
	.opened-menu {position: fixed; overflow: hidden;}
	.burger {display: block; position: absolute; right: 15px; top: 18px; width: 28px; margin-top: 4px;}
	.burger span {float: left; width: 100%; height: 2px; margin-bottom: 8px; background: #FFF; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
	.burger span:nth-child(1) {position: relative; top: 0; -moz-transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0);}
	.burger span:nth-child(2) {opacity: 1; filter: alpha(opacity=100);}
	.burger span:nth-child(3) {margin-bottom: 0; position: relative; top: 0; -moz-transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0);}
	.burger.opened span {-webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
	.burger.opened span:nth-child(1) {top: 8px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
	.burger.opened span:nth-child(2) {opacity: 0; filter: alpha(opacity=0);}
	.burger.opened span:nth-child(3) {top: -12px; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
	.fb_content-main {font-size: 20px; line-height: 24px; padding: 18px 16px 30px 16px;}
	.front_box {width: 90%; margin-left: 0; left: 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	#offbutton {left: 50%; margin-left: -24px;}
	.footerwrapper {width: 100%;}
	footer {height: 177px; background: url('../images/footer-mobile.jpg') repeat-x center bottom; z-index: 1000;}
	.footer-top {display: inline-block; width: 100%; height: 127px; padding: 15px 10px 15px 0; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.footer-top label {margin: 0 0 10px 0; position: relative; width: 50%; padding-right: 34px; padding-left: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.footer-top input[type='text'] {width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.footer-top label img {position: absolute; right: 5px;}
	footer h2 {float: none; font-size: 20px; margin: 0 0 10px;}
	input.povprasevanje {float: none; display: inline-block; margin: 0; font-size: 20px;}
	.podpis {display: none;}
	footer .podpis .fr {display: none;}
	.podpis-mobile {display: block;}
	.wrapper {width: 100%;}
	.content {width: 90%; left: 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.content-main img {max-width: 100%;}
	.content-main h4 {font-size: 17px; line-height: 22px;}
	.podtrik {width: 100%; left: 0;}
	.podtrik h2 {margin-top: 30px; font-size: 25px; line-height: 30px;}
	table {width: 100%;}
	.responsive-table {overflow-x: auto; width: 100%; display: inline-block; margin-bottom: 20px;}
	.slika {width: 300px; height: auto;}
	.slika img {position: relative; top: 0px; right: 0; max-height: 330px; width: auto; height: auto; margin-bottom: 20px;}
	.kontaktni-podatki {width: 300px; height: 330px; font-size: 20px; margin: 0; background-size: 100%;}
	.kontaktni-podatki img {max-width: 30px; height: auto !important; margin: 0;}
	.kontakt {width: 50%;}
	.kontakt input, .kontakt textarea {width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.kontakt .button {margin: 20px 0 0 0;}
	.aplist {margin-left: 0; text-align: center;}
	.map {background-size: 100% !important; width: 100% !important;}
	#Map, .map {display: none !important;}
	.map-mobile {display: block;}
	.galerija {width: 100%; margin: 30px 0 0 0;}
	.slick-arrow.slick-prev {left: -49px;}
	.slick-arrow.slick-next {right: -49px;}
}

@media (max-width: 768px) {
	header {background-size: 260px 130px;}
	.mobile-logo img {width: 120px;}
	.mobile-logo h1 {font-size: 14px;}
	.front_box {top: 35%;}
	.kontaktni-podatki {float: none; display: inline-block; height: 270px;}
	.slika {width: 100%; text-align: center;}
	.kontakt {width: 100%;}
	
	.slick-arrow.slick-prev {top: 35px; left: -29px; width: 50px; height: 50px; background-size: 50px 50px; z-index: 1000;}
	.slick-arrow.slick-next {top: 35px; right: -29px; width: 50px; height: 50px; background-size: 50px 50px; z-index: 1000;}
}

@media (max-width: 580px) {
	.content-main h4 {display: inline-block; width: 100%;}
	.kontaktni-podatki {margin-top: 30px; width: 240px; height: 217px; font-size: 14px; padding: 14px 0 12px 0;}
	.slika {width: 100%; height: auto; text-align: center;}
	.slika img {position: relative; right: 0; width: auto; height: auto; display: inline-block;}
}
@media (max-width: 380px) {
	.fb_content-main {font-size: 16px; line-height: 22px; padding: 10px 10px 25px 10px;}
}