/* fonts
-------------------------------------------------- */
@import url(https://fonts.googleapis.com/css?family=Alegreya+Sans+SC:100,300,400&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Roboto:500,100,300,700,400);

/* default
-------------------------------------------------- */
html{ }
body{font-family: 'Alegreya Sans SC', sans-serif; padding-bottom: 30px; padding-top: 35px; font-size: 18px;}
.alpha{padding-left: 0;}
.omega{padding-right: 0;}
a{ color: #b3422d;}
h1, .h1, h2, .h2, h3, .h3 {margin-top: 20px;margin-bottom: 10px;font-weight: 300;}
h2, .h2 {font-size: 54px;margin-left: -2px;}
.btn-primary {color: #fff;line-height: 16px;text-shadow: none;background-color: #b3422d;border: 2px solid #b3422d;-webkit-transition: all 0.5s; transition: all 0.5s; margin-bottom: 10px;}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {color: #b3422d;background:#fff;border-color: #b3422d;}
.btn-default {color: #fff;background:none;border: 2px solid #fff;-webkit-transition: all 0.5s; transition: all 0.5s;text-shadow: 1px 1px 3px #000; margin-bottom: 10px;}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {color: #333;background-color: #fff;border-color: #fff;}
.par_line{ padding-bottom: 15px;margin-top: -5px;}
.par_line span{ background: #fff; width: 30px; height: 3px; display: inline-block;}
.par_line.black span{ background: #000;}
.onepage-pagination {position: absolute;right: 10px;top: 50%;z-index: 5;margin-top: -50px;list-style: none;margin: 0;padding: 0;margin-top: -102px;}
.onepage-pagination li a:before {content: '';position: absolute;width: 4px;height: 4px;background: rgba(255, 255, 255, 0.51);border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border: 1px solid #DEDEDE;}
.onepage-pagination li a.active:before {width: 10px;height: 10px;background: none;border: 1px solid #fff;margin-top: -4px;left: 7px;border: 1px solid #DEDEDE;}
.navbar-toggle {border: 1px solid #B3422D;}
.navbar-toggle .icon-bar {border: 1px solid #B3422D;}
/* preloader
-------------------------------------------------- */
#preloader {position: fixed;top: 0;right: 0;left: 0;bottom: 0;background: #fff;opacity: 1;z-index: 1000;-webkit-transition: all 2s; transition: all 2s; }
#preloader.disabled{ opacity: 0;}
#preloader img{ position: absolute; top: 50%; left: 50%; margin-left: -140px; margin-top: -20px;}
#preloader img.loading{ position: absolute; top: 50%; left: 50%; margin-left: -42px; margin-top: 20px;}

/* header
-------------------------------------------------- */
#header{ position: fixed;top: 0; width: 100%; background: #FCFCFC; z-index: 50; padding:0;border-bottom: 1px solid rgba(204, 204, 204, 0.46);  font-size: 18px;}
#header .navbar-brand {padding: 18px 50px 0 20px; cursor:pointer;}
#header .navbar-right{ padding-right:7px;}
#header .navbar-right li{ border-right: 1px solid #F6F6F6;}
#header .navbar-right li.modra{ line-height: 72px;}
#header .navbar-right li.modra img{ margin-top: 0px;width: 126px;height: 30px;}
#header .navbar-right > li:last-child{ border-right:none;padding-right: 7px;padding-left: 20px;}
#header .navbar-nav{ margin-top:0px;}
#header .navbar-nav>li { padding-left: 20px; padding-right: 20px;}
#header .navbar-nav>li>a { cursor: pointer; padding-left: 0; padding-right: 0;background: none;color: #000;text-transform: uppercase;font-size: 17px;letter-spacing: 0.1em;border-bottom:#b3422d 0px solid;line-height: 63px;padding: 0 0 3px; border-radius: 0px; text-transform:uppercase;margin-top: 6px;-webkit-transition: all 0.5s; transition: all 0.5s;}
#header .navbar-right li a{ color: #aaa;}
#header .navbar-center>li.active>a {color: #b3422d;}
#header .navbar-center{ position: absolute;left: 50%; margin-left:-407px;}
#header .dropdown-menu {border: 1px solid rgba(0,0,0,0);border-top: 0; padding-top: 1px;}
#header .dropdown-menu>.active>a, #header .dropdown-menu>.active>a:hover, #header .dropdown-menu>.active>a:focus {background-color: #F7F7F7;}
#header .modraMobile{ display:none;}
/* home
-------------------------------------------------- */
#home {position: relative; background: #F5C776;}
#home:before{ content: ""; position: absolute; width: 100%; height: 100%; background: url(../images/home.jpg); background-position: center;background-size: cover;opacity: 0.85;}
#home .intro{ position: absolute; width: 100%; top: 50%; margin-top: -170px; color: #fff;text-align: center;}
#home .customNavigation{text-align: center;margin-top: -48px;padding-bottom: 20px;color: #fff;background: rgba(255, 255, 255, 0.33);}
#home .customNavigation a{ color: #fff;font-size: 28px;padding:3px 12px 6px 12px;}
#home .customNavigation .title{ display: inline-block;font-size: 24px;}
#home .content{ background: #fff; width: 100%; position: absolute; bottom: 0;opacity: 0.8;}
#home .item{padding: 0 25px 25px 25px; font-size: 16px;font-weight: 700;}
#home .item a{ color: #333;}
#home .item a p{ margin-bottom: 0;line-height: 14px;}
#home .item a img{ height: 80px;}
#home .item a .price{background: #B3422D;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;color: #ffffff;display: inline-block;font-weight: 400;line-height: 55px;margin-left: 15px;text-align: center;font-size: 19px;width: 55px;position: absolute;top: 0; -ms-transform: rotate(35deg); -webkit-transform: rotate(35deg); transform: rotate(35deg);}

/* O podjetju
-------------------------------------------------- */
#opodjetju .carousel {position: absolute;height: 100%;width: 100%;}
#opodjetju .carousel-inner {position: absolute;width: 100%;height: 100%;overflow: hidden;}
#opodjetju .carousel-inner>.item {position: absolute;height: 100%;width: 100%; background-size: cover; background-position: center;opacity: 0.9;}
#opodjetju .carousel-control {top: auto;bottom: 50px;left: 50%;width: 50px;font-size: 30px;color: #fff;}
#opodjetju .carousel-control.right {right: 50%;margin-right: -42px;left: auto;background: none;}
#opodjetju .carousel-control.left {margin-left: -33px;right: auto;background: none;}

#opodjetju .holder{ position: absolute;top: 50%;margin-top: -232px;width: 100%;padding-bottom: 20px;padding-top: 0px;-webkit-transition: all 2s; transition: all 2s; opacity: 0; left: 200px;}
#opodjetju.active .holder{ opacity: 1;left:0;}
#opodjetju .description{background: #B3422D;color: #fff;}
#opodjetju .description:before{ content: ""; position: absolute; width: 100%; height: 100%; background: url(../images/podjetje.jpg); background-size: cover;opacity: 0.35;}
#opodjetju .companyDetails{position: absolute; color: #333;-webkit-transition: all 1s; transition: all 1s;background:rgba(255, 255, 255, 1);right: 0;opacity: 0;height: 100%;width: 0%;padding-left: 25px;padding-right: 25px;padding-top: 0px;}
#opodjetju .companyDetails .cholder{ position: absolute;top: 50%;margin-top: -374px;padding-bottom: 20px;padding-top: 27px;left: 0px;}
#opodjetju .companyDetails .close{ margin-top: 47px;}
#opodjetju .companyDetails .cholder h2{ font-size: 39px;margin-top: 41px;}
#opodjetju .companyDetails.active{width: 100%;opacity: 1;}

#opodjetju .prodajniProgram{position: absolute; color: #333;-webkit-transition: all 1s; transition: all 1s;background:rgba(255, 255, 255, 1);right: 0;opacity: 0;height: 100%;width: 0%;padding-left: 25px;padding-right: 25px;padding-top: 0px;}
#opodjetju .prodajniProgram .cholder{ position: absolute;top: 50%;margin-top: -368px;padding-bottom: 20px;padding-top: 27px;left: 0px;}
#opodjetju .prodajniProgram .close{ margin-top: 47px;}
#opodjetju .prodajniProgram .cholder h2{ font-size: 39px;margin-top: 41px;}
#opodjetju .prodajniProgram.active{width: 100%;opacity: 1;}

/* zastopstva
-------------------------------------------------- */
#zastopstva{position: relative;  background: url(../images/zastopstva3.jpg);background-size: cover;}
#zastopstva:before{ 
	content: ""; position: absolute; width: 100%; height: 100%;display: block;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255, 255, 255, 0.28) 19%, rgba(255, 255, 255, 0.03)  100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(19%,rgba(255, 255, 255, 0.28)), color-stop(100%,rgba(255, 255, 255, 0.03) )); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255, 255, 255, 0.28) 19%,rgba(255, 255, 255, 0.03)  100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255, 255, 255, 0.28) 19%,rgba(255, 255, 255, 0.03)  100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255, 255, 255, 0.28) 19%,rgba(255, 255, 255, 0.03)  100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255, 255, 255, 0.28) 19%,rgba(255, 255, 255, 0.03)  100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255, 255, 255, 0.28)', endColorstr='rgba(255, 255, 255, 0.03) ',GradientType=0 ); /* IE6-9 */
}

#zastopstva .znamke{ text-align: center;}
#zastopstva .znamke .customNavigation{text-align: center;padding-top: 13px;padding-bottom: 27px;color: #333; }
#zastopstva .znamke .customNavigation a{ color: #333;font-size: 28px;border: 1px rgba(0, 0, 0, 0.2) solid;padding: 0px 12px 0px 12px;line-height: 33px;}
#zastopstva .znamke .customNavigation .title{ display: inline-block; color: #333;}

#zastopstva .znamke .holder{position: absolute;width: 100%;top: 40%;margin-top: -229px;padding-bottom: 20px;left: 0px; opacity: 0;-webkit-transition: all 2s;transition: all 2s;}
#zastopstva.active .znamke .holder{opacity: 1;top: 50%;text-shadow: 0px 1px rgba(255, 255, 255, 0.5);}
#zastopstva .znamke #owl-zastopstva{ text-align: center;padding-top: 0px;}
#zastopstva .znamke #owl-zastopstva .item a{ float:left; width: 100%;}
#zastopstva .znamke #owl-zastopstva .item a:nth-child(5n+6){ clear: both;}
#zastopstva .znamke #owl-zastopstva .item img{padding: 0px;max-width: 80%;border:2px solid rgba(253, 253, 253, 0.66);margin-bottom: 20px;-webkit-transition: all 1s;transition: all 1s;}
#zastopstva .znamke #owl-zastopstva .item img:hover{border:2px solid #b3422d;}

/* gastronomija
-------------------------------------------------- */
#gastronomija{position: relative; background: #fff; overflow: hidden;}
#gastronomija:before{ content: ""; position: absolute; width: 100%; height: 100%; background: url(../images/photo_03.jpg); background-size: cover;opacity: 0.9;}
#gastronomija .intro{ padding: 50px 0 60px 0; width: 100%; position: absolute; top: 40%; margin-top: -180px; color: #333;-webkit-transition: all 2s; transition: all 2s; opacity: 0;}
#gastronomija.active .intro{opacity: 1; top: 25%;}
#gastronomija .intro h2{font-size: 65px;text-shadow: 0px 1px #fff;}
#gastronomija .intro p{font-size: 22px;text-shadow: 0px 1px #fff;}
#gastronomija .svetLogin{ background: rgba(255, 255, 255, 0.82); padding:30px 0 25px 0; margin: 70px 0 0px 0; position: absolute; width: 100%; bottom: -200px; z-index: 2; text-align: center;-webkit-transition: all 1s; transition: all 1s; opacity: 0;}
#gastronomija .svetLogin label{color:#B3422D; position: relative;}
#gastronomija .svetLogin label img{margin-left: -53px;margin-top: -26px;width: 46px;position: absolute;}
#gastronomija .svetLogin label.pass{ font-size: 10px;}
#gastronomija .svetLogin .btn{ }
#gastronomija.active .svetLogin{opacity: 1; bottom: 0;}
#gastronomija .svetLogin .desc{font-size: 13px;margin-top: 15px;}

/* akcija
-------------------------------------------------- */
#akcija{position: relative; background: #fff;}
#akcija:before{ content: ""; position: absolute; width: 100%; height: 100%; display: block; background: url(../images/photo_01.jpg); background-size: cover;opacity:0.55;}

#akcija .holder{ position: absolute; width: 100%; top: 50%;margin-top: -173px;padding-bottom: 20px;-webkit-transition: all 2s; transition: all 2s; opacity: 0; left: 200px;}
#akcija.active .holder{ opacity: 1;left:0;}
#akcija .description{background: #D73131;color: #fff;}
#akcija .description:before{ content: ""; position: absolute; width: 100%; height: 100%; background: url(../images/podjetje.jpg); background-size: cover;opacity: 0.35;}
#akcija .description h2 {font-size: 49px;}

#akcija .artikli{ text-align: center;}
#akcija .artikli .customNavigation{text-align: center;padding-top: 13px;padding-bottom: 27px;color: #333; }
#akcija .artikli .customNavigation a{ color: #333;font-size: 28px;border: 1px rgba(0, 0, 0, 0.2) solid;padding: 0px 12px 0px 12px;line-height: 33px;}
#akcija .artikli .customNavigation .title{ display: inline-block; color: #333;}

#akcija .artikli .holder{position: absolute;width: 100%;top: 40%;margin-top:-273px;padding-bottom: 20px;left: 0px; opacity: 0;-webkit-transition: all 2s;transition: all 2s;}
#akcija.active .artikli .holder{opacity: 1;top: 50%;text-shadow: 0px 1px rgba(255, 255, 255, 0.5);}
#akcija .artikli #owl-akcija{ text-align: center;}
#akcija .artikli #owl-akcija .item a{ color: #000;position: relative; margin-bottom: 15px;display: inline-block;}
#akcija .artikli #owl-akcija .item a:nth-child(5n+6){ clear: both;}
#akcija .artikli #owl-akcija .item a p{ margin-bottom: 0;}
#akcija .artikli #owl-akcija .item a p.image{ background: #fff;padding: 0px;border:2px solid rgba(253, 253, 253, 0.66);margin-bottom: 0px;border-radius: 50%;display: inline-block;overflow: hidden;-webkit-transition: all 1s;transition: all 1s;}
#akcija .artikli #owl-akcija .item a p.desc{ padding: 0 15px; line-height: 15px;}
#akcija .artikli #owl-akcija .item a p.image:hover{border:2px solid #b3422d;}
#akcija .artikli #owl-akcija .item a p.image img{ height: 110px;margin: 13px;}
#akcija .artikli #owl-akcija .item a .price{background: #B3422D;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;color: #ffffff;text-shadow: none;display: inline-block;font-weight: 400;line-height: 55px;margin-left: 15px;text-align: center;font-size: 18px;width: 55px;position: absolute;top: 0; -ms-transform: rotate(35deg); -webkit-transform: rotate(35deg); transform: rotate(35deg);}
#akcija .artikli .btn-primary{ margin-top: 30px;}
/* lokacija
-------------------------------------------------- */
#lokacija{position: relative; background: url(../images/zastopstva3.jpg);background-size: cover;}
#lokacija:before{ 
	content: ""; position: absolute; width: 100%; height: 100%;display: block;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255, 255, 255, 0.68) 19%, rgba(255, 255, 255, 0.63)  100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(19%,rgba(255, 255, 255, 0.68)), color-stop(100%,rgba(255, 255, 255, 0.63) )); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255, 255, 255, 0.68) 19%,rgba(255, 255, 255, 0.63)  100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255, 255, 255, 0.68) 19%,rgba(255, 255, 255, 0.63)  100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255, 255, 255, 0.68) 19%,rgba(255, 255, 255, 0.63)  100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255, 255, 255, 0.68) 19%,rgba(255, 255, 255, 0.63)  100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255, 255, 255, 0.68)', endColorstr='rgba(255, 255, 255, 0.63) ',GradientType=0 ); /* IE6-9 */
}
#lokacija .item{}
#lokacija .item .box_image{ position: relative; background-position: center center; color: #fff; overflow: hidden; background-size: 100% 100%; -webkit-transition: all 1s; transition: all 1s;}
#lokacija .item .box_image:before{ content: ""; position: absolute; width: 100%; height: 100%; z-index: 2; background: rgba(0,0,0,0.41);}
#lokacija .item .box_image:hover:before{  background: rgba(0,0,0,0.51);}
#lokacija .item .box_image:hover{ background-size: 220% 220%;}
#lokacija .item .box_image h3{font-size: 50px; }
#lokacija .item .box_content{ text-align: center;}
#lokacija .item .holder {display: table;width: 100%;height: 100%; z-index: 2; position: relative;}
#lokacija .item .holder span {display: table-cell;vertical-align: middle;text-align: center;padding: 10px;}

/* akcija
-------------------------------------------------- */
#kontakti{position: relative; background: #fff;}
#kontakti:before{ content: ""; position: absolute; width: 100%; height: 100%; background: url(../images/photo_02.jpg) center; background-size: cover;opacity: 0.65;}
#kontakti .intro{ padding: 50px 0 60px 0; width: 100%; position: absolute; top: 40%; margin-top: -200px; color: #fff;-webkit-transition: all 2s; transition: all 2s; opacity: 0;}
#kontakti.active .intro{ opacity: 1; top: 50%; text-align:center;}
#kontakti .contact_box .box{ background: rgba(255, 255, 255, 0.70);  color:#333; margin: 3px; -webkit-transition: all 1s; transition: all 1s; cursor: pointer; border-radius: 50%;width: 300px;height: 300px;display: inline-block;}
#kontakti .contact_box .box:hover{ background: #b3422d;  color:#fff;}
#kontakti .contact_box .box .circle{ border:2px solid #333; padding: 10px; border-radius: 50%; width: 85px; height: 85px; display: inline-block;margin: 15px 0}
#kontakti .contact_box .box:hover .circle{ border:2px solid #fff;}
#kontakti .contact_box .box h2{font-size: 25px;font-weight: 500;text-transform: uppercase;}
#kontakti .contact_box .box i{font-size: 36px;line-height: 65px; }
#kontakti .contact_box .box p{font-size: 18px;}
#kontakti .contact_box .box .holder {display: table;width: 100%;height: 100%; z-index: 2; position: relative;}
#kontakti .contact_box .box .holder > span {display: table-cell;vertical-align: middle;text-align: center;padding: 10px;}

/* modal dialog
-------------------------------------------------- */

.modal-content { border-radius: 0;}
.modal-backdrop.in {filter: alpha(opacity=50);opacity: 0.90;}
.modal-backdrop{position: fixed;}
.modal-header {position: relative;z-index: 2;background: #b3422d;color:#fff;}
.close {float: right;font-size: 34px;font-weight: 700line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;filter: alpha(opacity=20);opacity: 0.5;}
.modal-header .close{opacity: 1;color: #fff;text-shadow: none;}
.modal-title {margin: 0;line-height: 1.428571;font-size: 23px;}
.modal-header .close {margin-top: 0px;}
.modal-body{ padding: 0; text-transform: none;}
.modal-body .desc{padding:15px 0 4px 0}
.modal-body .desc h3 {margin-top: 0;}
.modal-body .modal-heading-wrapper {padding-top: 24px;}
.modal-body .modal-heading-wrapper h4 {color: #b3422d; font-weight: 600; font-size: 2rem}
.modal-body .desc ul li {margin-bottom: 8px;}
.modal-body .desc ul li a {text-decoration: none; color: #b3422d;}
.modal-body .desc ul li .btn-download {text-decoration: none; background-color: #b3422d; color: #FFF; padding: 4px 8px; margin-left: 15px; border-radius: 4px;}
.modal-body .desc .giant-red-number {text-align: center;}
.modal-body .desc .giant-red-number a {text-decoration: none; font-size: 5.75rem; color: #b3422d; font-weight: 600;}
.modal-body .desc .img-wrapper {padding-bottom: 15px;}

/* accordion
-------------------------------------------------- */
.modal-body .pmreza{ text-align: center; padding:13px 10px 15px 10px;}
.modal-body .pmreza img{ width: 80%;}
#accordion.panel-group{ margin: 0; border: none;}
#accordion.panel-group .fa{ width: 25px;color: #606060;}
#accordion.panel-group .panel-body{ padding: 15px 15px 10px 15px; border: none;}
#accordion.panel-group .panel-heading { background: none; padding: 0; border-radius: 0; border: none;}
#accordion.panel-group .panel {border: none;box-shadow: none;}
#accordion.panel-group .panel-title>a.collapsed {background: #b3422d; color: #fff;}
#accordion.panel-group .panel-title>a {display: block;padding: 13px 15px;background: #333; color: #fff;}
#accordion.panel-group .panel+.panel {margin-top: 1px;}

/* accordion for contact data */
#accordion3.panel-group{ margin: 0; border: none;}
#accordion3.panel-group .fa{ width: 25px;color: #606060;}
#accordion3.panel-group .panel-body{ padding: 15px 15px 10px 15px; border: none;}
#accordion3.panel-group .panel-heading { background: none; padding: 0; border-radius: 0; border: none;}
#accordion3.panel-group .panel {border: none;box-shadow: none;}
#accordion3.panel-group .panel-title>a.collapsed {background: #b3422d; color: #fff;}
#accordion3.panel-group .panel-title>a {display: block;padding: 13px 15px;background: #333; color: #fff;}
#accordion3.panel-group .panel+.panel {margin-top: 1px;}


/* Cookies 
-------------------------------------------------- */
#dialog-cookies{position:fixed;bottom:0px;width:100%;text-align:left;padding:13px 7px 0px 7px;background: rgba(255, 255, 255, 0.9); color:#333; line-height:24px; font-size:11px; border-bottom:1px solid #fff; z-index:999;}
#dialog-cookies .buttons{ text-align: right;}

/* footer
-------------------------------------------------- */
#footer{position: fixed;bottom: 0;width: 100%;padding: 10px 0 10px 0;background: #FCFCFC;font-size: 11px;z-index: 20;border-top: none;font-size: 14px;color: #aaa;border-top: 1px solid rgba(204, 204, 204, 0.46);}
#footer .fa{ font-size: 25px; color:#49659F; position: absolute;margin-top: -2px; margin-left:-10px;}
#footer a{ color:#aaa;}

/* piskotkiPage 
-------------------------------------------------- */
#piskotkiPage{ padding: 100px 0 100px 0;overflow: scroll;width: 100%;height: 100%;}

/* only on mobile
-------------------------------------------------- */
#openAboutDescription,#openPodatkiPodjetja,#openProdajniProgram,#openLoginData,#opodjetju .description > .close,.svetLogin .close,.mOnly{display:none;}

/* languages fix
-------------------------------------------------- */
#langDE .companyDetails .cholder h2 {font-size: 20px;margin-top: 52px;}
#langDE .prodajniProgram .cholder h2 {font-size: 20px;margin-top: 52px;}
/* footer
-------------------------------------------------- */
@media (max-width: 1370px){
	#header .navbar-nav>li {padding-left: 10px;	padding-right: 10px;}
	#header .navbar-center {margin-left: -354px;}
	#opodjetju  .holder{line-height: 1; font-size: 17px;}
	#opodjetju  .cholder ul{line-height: 1; font-size: 12px;}
	#opodjetju .companyDetails .cholder{margin-top: -302px; font-size: 13px;}
	#opodjetju .prodajniProgram .cholder {margin-top: -301px; font-size: 13px;}
}
@media (max-width: 1200px){
	#header .navbar-nav>li {padding-left: 7px;	padding-right: 7px;}
	#header .navbar-center {margin-left: -365px;}
}
@media (max-width: 1130px){
	#header .navbar-nav>li {padding-left: 7px;	padding-right: 7px;}
	#header .navbar-center {margin-left: -318px;}
	#header .navbar-nav>li>a {font-size: 15px;}
	#header .navbar-right li.modra img {width: 103px;}
	#header .navbar-right > li:last-child {padding-right: 0px;padding-left: 7px;}
	.navbar-brand>img {width: 152px;}
	#header .navbar-brand {padding: 23px 50px 0 20px;}
}
@media (max-width: 1000px){
	.navbar-brand>img {width: 110px;}
	#header .navbar-nav>li {padding-left: 7px;	padding-right: 7px;}
	#header .navbar-center {position: relative;left: 0;margin-left: 0;}
	#header .navbar-nav>li>a {font-size: 15px;line-height: 58px;}
	#header .navbar-right li.modra img {width: 103px;}
	#header .navbar-brand {padding: 24px 15px 0 20px;}
	#header .navbar-right li.modra {display: none;}
}
@media (max-width: 850px){
	#header .navbar-nav>li {padding-left: 5px;	padding-right: 6px;}
	#header .navbar-nav>li>a {font-size: 15px;line-height: 58px;letter-spacing: 0em;}
	body {font-size: 14px;line-height: 1.12857143;}
	#opodjetju .holder {margin-top: -270px;}
	#zastopstva .znamke .holder {margin-top: -192px;}
	#akcija .artikli .btn-primary {margin-top: 0px;}
	#akcija .artikli .holder {margin-top: -243px;}
}

@media (max-width: 767px){
	
	body {line-height: 1.12857143;font-size: 16px;}
	h2, .h2 {font-size: 45px;margin-left: -2px;}
	#footer {height: 41px;}
	#header .navbar-brand {padding: 12px 15px 0 12px;}
	.navbar-brand>img {width: 129px;}
	#header .navbar-nav>li>a {font-size: 15px;line-height: 24px;}
	#header .navbar-right {	padding-left: 15px;}
	#header .navbar-nav>li>a {letter-spacing: 0.1em;}
	#header .navbar-nav>li {padding-left: 6px;	padding-right: 6px;}
	#header .modraMobile {display: block;float: right;margin-top: 5px;margin-right: 12px;width: 116px;}
	#home .intro img{ width:100%;}
	.onepage-pagination { display:none;}
	#home .intro {margin-top: -147px;}
	#openAboutDescription{display: inline-block;}
	#openPodatkiPodjetja{display: inline-block;}
	#openProdajniProgram{display: inline-block;}
	#opodjetju .description { position:absolute; width:100%; height:100%;top: 0; opacity:0; z-index:0;-webkit-transition: all 1s;transition: all 1s;}
	#opodjetju .description.active { opacity:1; z-index:3;}
	#opodjetju .onasDesc {position: absolute;width: 100%;z-index: 1;}
	#openLoginData{ display: inline-block;}
	#zastopstva .znamke .holder {margin-top: -175px;}
	#zastopstva .znamke .holder br{ display: none;}
	#zastopstva .znamke .desc{ display:none;}
	#gastronomija.active .intro {top: 50%;margin-top: -200px;}
	#gastronomija .intro br{ display: none;}
	#gastronomija .intro h2 {font-size: 33px;}
	#gastronomija.active .svetLogin {padding: 0px 0 10px 0; opacity: 0; bottom: -300px;}
	#gastronomija.active .svetLogin.active {opacity: 1; bottom: 0px;background: rgba(255, 255, 255, 0.95);}
	#gastronomija.active .svetLogin .close {float: none; margin-top: 15px; display: inline-block;}
	#gastronomija .svetLogin h3{margin-top: 11px;}
	#opodjetju .companyDetails {padding-right: 0px;}
	#opodjetju .companyDetails.active {padding-right: 25px;}
	#opodjetju.active .holder h2 {margin-top: 37px;}
	#opodjetju .description > .close {margin-top: 50px;margin-right: 24px;color: #fff;display: block;}
	#opodjetju .holder {position: absolute;width: 100%;top: 10px;margin-top: 0;}
	#opodjetju .description {opacity: 0;position: absolute;}
	#opodjetju .mbholder{position: absolute;top: 50%;text-align: center;width: 100%;margin-top: -26px;}
	#akcija h2 {font-size: 32px;}
	#akcija .artikli .btn-primary {margin-top: 0;}
	#akcija .artikli .holder br{ display: none;}
	#akcija .artikli #owl-akcija .item a p.image img {height: 81px;margin: 14px;}
	#akcija .artikli .desc { display:none;}
	#akcija .artikli .holder {margin-top: -191px;}
	#lokacija .item .box_content {display: none;}
	#lokacija .item {height: 25%;}
	#lokacija .item .box_image {height: 100% !important;background-size: 100% auto;}
	#lokacija .item .box_image:hover {background-size: 220% auto;}
	#lokacija .item .box_image h3 {font-size: 17px;padding: 0px 5px 0 0;margin-top: 0;display: inline-block;line-height: 6px;}


	#kontakti .contact_box .box h2 {font-size: 16px;}
	#kontakti .contact_box .box {width: 160px;height: 160px;}
	#kontakti .intro .col-sm-6{ text-align: center !important;}
	#kontakti .contact_box .box i {font-size: 26px;line-height: 45px;}
	#kontakti .contact_box .box .circle {width: 60px;height: 60px;margin: 0px 0;}
	#kontakti .intro {margin-top: -220px;}
	.par_line{ padding-bottom: 5px;margin-top: -5px;}
	.mOnly{ display:inline-block;}
}
@media (max-width: 380px){
	#header .modraMobile {display: block;float: right;margin-top: 7px;margin-right: 12px;width: 85px;position: absolute;right: 22px;}
}