/* Č Š Ž Ć Đ č š ž ć đ. Rochester in Asul teh znakov nimata;
   strešice so narisane iz njunih lastnih oblik (isto kot na noj.si). */
@font-face {
  font-display: swap;
  font-family: 'Rochester';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/rochester-latin-ext-regular.woff2') format('woff2');
  unicode-range: U+0106-0107, U+010C-010D, U+0110-0111, U+0160-0161, U+017D-017E;
}
@font-face {
  font-display: swap;
  font-family: 'Rochester';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/rochester-latin-ext-regular.woff2') format('woff2');
  unicode-range: U+0106-0107, U+010C-010D, U+0110-0111, U+0160-0161, U+017D-017E;
}
@font-face {
  font-display: swap;
  font-family: 'Asul';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/asul-latin-ext-regular.woff2') format('woff2');
  unicode-range: U+0106-0107, U+010C-010D, U+0110-0111, U+0160-0161, U+017D-017E;
}
@font-face {
  font-display: swap;
  font-family: 'Asul';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/asul-latin-ext-700.woff2') format('woff2');
  unicode-range: U+0106-0107, U+010C-010D, U+0110-0111, U+0160-0161, U+017D-017E;
}

a:link {color: #b6892b; font-weight: 600; text-decoration: none}
a:visited {color: #b6892b; font-weight: 600; text-decoration: none}
a:hover {color: #b6892b; font-weight: 600; text-decoration: none}
a:active {color: #b6892b; font-weight: 600; text-decoration: none}


a.under,a.under:visited,a.under:hover,a.under:active{
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
	position:relative;
  	transition:0.4s color ease;
	text-decoration:none;
	color:#b6892b;
}
a.under:after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 100%;
  width: 0;
  border-bottom: 1px solid #b6892b;
  transition: 0.5s;
}
a.under:hover:after {
  width: 100%;
  right: 0;
}
a.under:hover{
	color:#b6892b;
}
a.under.before:before,a.under.after:after{
  content: "";
  transition:1s all ease;
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
  position:absolute;
}

a.noj:link {color: #555555; font-weight: 400; text-decoration: none}
a.noj:visited {color: #555555; font-weight: 400; text-decoration: none}
a.noj:hover {color: #555555; font-weight: 400; text-decoration: none}
a.noj:active {color: #555555; font-weight: 400; text-decoration: none}


a.nextline:link {color: #555555; font-weight: 400; text-decoration: none}
a.nextline:visited {color: #555555; font-weight: 400; text-decoration: none}
a.nextline:hover {color: #ff0066; font-weight: 400; text-decoration: none}
a.nextline:active {color: #555555; font-weight: 400; text-decoration: none}


.bg-bel{ 
	margin-right: -10px;
	margin-left: -10px;
	background: rgba(255,255,255,0.95);
	padding-bottom: 50px;
}

.bg-bel-vrh{ 
	margin-right: -10px;
	margin-left: -10px;
	background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.5),
	rgba(255,255,255,0.8),
	rgba(255,255,255,0.95));
	/*background: rgba(255,255,255,0.8);
	box-shadow: 25px 0px 50px 10px rgba(255,255,255,0.8);*/
}


.bg-image, .bg-image-i {
	margin-top: 50px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size:cover;
	background-attachment: fixed;
}

@media (max-width: 768px) {
  .bg-image {
    background-size: 1000px auto;
    background-position: top center;
    background-repeat: no-repeat;
	background-attachment: fixed;
}
}

@media (max-width: 768px) {
  .bg-image-i {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
	background-attachment: fixed;
}
}

.bg-image-center {
	margin-top: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
	background-attachment: fixed;
}

@media (max-width: 768px) {
  .bg-image-center {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	background-attachment: fixed;
}
}


body {
	padding-top:0px;
	font: 400 16px 'Roboto Slab', sans;
	line-height: 170%;
	letter-spacing: 0;
	color: #333333;
}

.bold-20 {
	font-size: 20px; 
	font-weight: 600; 
	text-decoration: none;
}


.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}

@media (min-width:2000px){.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9{float:left}
	.col-xl-12{width:100%}
	.col-xl-11{width:91.66666667%}
	.col-xl-10{width:83.33333333%}
	.col-xl-9{width:75%}
	.col-xl-8{width:66.66666667%}
	.col-xl-7{width:58.33333333%}
	.col-xl-6{width:50%}
	.col-xl-5{width:41.66666667%}
	.col-xl-4{width:33.33333333%}
	.col-xl-3{width:25%}
	.col-xl-2{width:16.66666667%}
	.col-xl-1{width:8.33333333%}
}

.container-fluid {padding:0px;
	margin:0px}

@media (min-width: 992px) {
	.container {
		width: 970px
	}
}
@media (min-width: 1200px) {
	.container {
		width: 1070px
	}
}
@media (min-width: 1700px) {
	.container {
		width: 1370px
	}
}
@media (min-width: 2100px) {
	.container {
		width: 1770px
	}
}
div.absolute {
  	position: absolute;
  	width: 100%;
  	bottom: 10px;
	text-align: center;
	vertical-align: bottom;
}

.footer {
	position: fixed;
	bottom: 0;
	border-top: 1px dotted #b6892b;
	padding-top: 5px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: -5px;
	vertical-align: middle;
	width: 100%;
	z-index: 99999!important;
	color: #555555;
	font-size: 12px!important;
	font-weight: 400;
	background-color: white;
	display:inline;
	opacity: 1;
}


.glyphicon{
	font-size: 125%;
	margin-top: 5px;
}
.glyphicon-gor{
	font-size: 150%;
	vertical-align:text-bottom;
}

.gold {
	color: #b6892b;
}
.h1gold {
	color: #b6892b;
	text-shadow: 2px 1px 3px rgba(1,1,1,0.6);
}

h1 {
	font: 15px 'Rochester', serif;
	font-size: 63px;
	letter-spacing: 0px;
	line-height: 100%;
	color: white;
	text-shadow: 2px 1px 4px rgba(1,1,1,0.9);
	text-align: left;
	margin-top: 30px;
  }


@media screen and (min-width: 1400px) {
	h1 {font-size: 70px;
		margin-right: -200px;
	}
}

@media screen and (max-width: 767px) {
	h1 {font-size: 55px;
		margin-right: 0px;
		margin-top: 20px;
	}
}

@media screen and (max-width: 500px) {
	h1 {font-size: 45px;
		margin-right: 0px;
		margin-top: 20px;
	}
}

.h1box {
	height: calc(100vh - 190px);
}

.h1box-contact {
	height: calc(100vh - 290px);
}

@media screen and (max-width: 767px) {
	.h1box {
		height: calc(100vh - 400px);
	}
}

@media screen and (max-width: 767px) {
	.h1box-contact {
		height: calc(100vh - 400px);
	}
}

h2 {
	font:15px 'Asul', sans-serif;
	font-size: 28px;
	text-transform: uppercase; 
	letter-spacing: 1px;
	color: #b6892b;
	text-shadow: 1px 1px 1px rgba(1,1,1,0.8);
	text-align: left;
	margin-bottom: 20px;
}
#mainCol h2 {
	padding-top: 55px;
    margin-top: -55px;
}


h3 {
	font: 'Roboto Slab', sans-serif;
	font-size: 18px;
	color: #b6892b;
	font-weight: 600;
	margin-top: 20px;  
	margin-bottom: 10px;
}
h4 {
	font: 'Roboto Slab', sans-serif;
	font-size: 18px;
	line-height: 180%;
	color: #b6892b;
	font-weight: 600;
	margin-top: 5px;
	margin-bottom: 3px;
}

hr {border-top: 1px dotted #b6892b}

.icon-bar {
	background-color:#fff!important;
}

img { border: 0; }

.img-dubrovnik {
    box-shadow: none !important;
}

.important {
    border-style: ridge;
	border-color:  #b6892b;
	border-width: 2pt;
    border-radius: 0px;
	padding: 10px;
	box-shadow: 3px 3px 7px 0 #ccc;
}

li {
	margin-top: 0px;
	padding-top: 0px;
	padding-left:0px;
}
.line-table {
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: lightgray;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: lightgray;
}

.line-dotted-top {
	border-top-style: dotted;
	border-top-width: 1px;
	border-top-color: #b6892b;
}

.logohome{
	width: 30px
}

.logoindex { 
	width: 230px;}

@media screen and (max-width: 1199px) {
	.logoindex { 
	width: 200px;}
}

@media screen and (max-width: 768px) {
	.logoindex { 
	width: 150px;}
}


.navbar-default .navbar-toggle {
    border-color: transparent;
    color: #fff !important;
}

.navbar li a, .navbar .navbar-brand {
    color: #fff !important;
	border-bottom: none!important;
}
.navbar-nav li a:hover, .navbar-nav li.active a {
    color: white!important;
    background-color: #b6892b!important;
	border-bottom: none!important;
}
.navbar,.navbar-brand {
	margin-bottom: 0;
	z-index: 9999;
	border: 0;
	font-size: 14px;
	letter-spacing: 2px;
	border-radius: 0;
	font-family: Asul, sans-serif;
	font-weight: 600;
	opacity: 1;
}
.navbar {
	background-color: rgba(25,7,0,1);
}
.navbar-brand {
	margin-right: -100px;
}
.navbar-default a, #masthead a, #masthead 


p {
	letter-spacing: 0px;
}  


.panel {
      border: 1px solid transparent; 
      border-radius:10px 10px 0px 0px;
      box-shadow: 0px 0px 1px 1px #b6892b;
      transition: box-shadow 1s;
	  padding: 0px;
}
.panel:hover {
      box-shadow: 0px 0px 10px 4px rgba(182,137,43, 0.8);
}
.panel-heading {
      background-color: #fff !important;
      padding-top: 0px;
      border-bottom: 0px solid transparent;
	  border-radius: 0px;
}
.panel-body {
      padding: 0px !important;
      border-bottom: 0px solid transparent;
}
.panel-footer {
	  background-color: white !important;
      border-top: 0px solid transparent;
}
.panel-footer p {
	  margin-top: -15px;
	  margin-bottom: 0px;
}
.panel-heading h3 {
	font-size: 20px;
	  margin-top: 15px;
	  margin-bottom: 0px;
}



.podnapis {
	font-family: 'Libre Baskerville', serif;
	font-size: 90%;
	font-weight: 400;
	font-style: italic; 
	line-height: 150%;
	letter-spacing: 0px;
	word-spacing: 1px;
	color: #555555;
	margin-top: -14px;
	margin-bottom: 20px;
}

.slideanim {visibility:hidden;}
.slide {
    animation-name: slide;
    -webkit-animation-name: slide; 
    animation-duration: 1s; 
    -webkit-animation-duration: 1s;
    visibility: visible; 
}
.slide-h1{
	vertical-align: bottom;
	margin-bottom: -35px;
}

strong {
	font-weight: 700;
	color: #555555;
} 

.thumbnail {
    padding: 0;
    border: none;
    border-radius: 0px;
	overflow: hidden;
	box-shadow: 3px 3px 7px 0 #ccc;
}
.thumbnail img {
	width: 100%;
    margin-bottom: 0px;
}


th {font: 'Roboto Slab', sans-serif;
	font-size: 18px;
	color: #b6892b;
	font-weight: 600;
	height: 35px;
	background-color: white;
	cell-padding: 30px 0 10px 0;
	text-align: bottom;
}

.tblcenter{
	text-align-last: center;
}

.tblright{
	text-align-last: right;
}

.tw60{
	width: 60%;
}

.tw70{
	width: 70%;
}


ul {
	padding:0px;
	margin-left:16px;
	padding-top: 0px;
}



.zoom-in img {
    -webkit-transition: all 10s ease;
  	-moz-transition: all 10s ease;
  	-o-transition: all 10s ease;
  	-ms-transition: all 10s ease;
  	transition: all 10s ease;
}

.zoom-in img:hover {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform:translateZ(0) scale(1.20);
    -moz-transform:scale(1.20);
    -ms-transform:scale(1.20);
    -o-transform:translatZ(0) scale(1.20);
    transform:translatZ(0) scale(1.20);
	overflow: hidden;
	filter: brightness(1.05); 
	filter: contrast(1.1); 
}



/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(70%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0%);
    } 
}
@-webkit-keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%);
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}


/* zato da navbar collapsa preden gre v 2 vrstici */
    @media (min-width: 768px) and (max-width: 993px) {
        .navbar-nav .open .dropdown-menu {
            position: static;
            float: none;
            width: auto;
            margin-top: 0;
            background-color: transparent;
            border: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
        .navbar-nav .open .dropdown-menu > li > a {
            line-height: 20px;
        }
        .navbar-nav .open .dropdown-menu > li > a,
        .navbar-nav .open .dropdown-menu .dropdown-header {
            padding: 5px 15px 5px 25px;
        }
        .dropdown-menu > li > a {
            display: block;
            padding: 3px 20px;
            clear: both;
            font-weight: normal;
            line-height: 1.42857143;
            color: #333;
            white-space: nowrap;
        }
        .navbar-header {
            float: none;
        }
        .navbar-toggle {
            display: block;
        }
        .navbar-collapse {
            border-top: 1px solid transparent;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        }
        .navbar-collapse.collapse {
            display: none!important;
        }
        .navbar-nav {
            float: none!important;
            /*margin: 7.5px -15px;*/
            margin: 7.5px 50px 7.5px -15px
        }
        .navbar-nav>li {
            float: none;
        }
        .navbar-nav>li>a {
            padding-top: 10px;
            padding-bottom: 10px;
        }
        .navbar-text {
            float: none;
            margin: 15px 0;
        }
        /* since 3.1.0 */
        .navbar-collapse.collapse.in {
            display: block!important;
        }
        .collapsing {
            overflow: hidden!important;
        }
    }

/* one-row switcher, only on the individual set pages */
.set-nav {
	margin: 10px 0 26px;
	padding-bottom: 12px;
	border-bottom: 1px solid rgba(182, 137, 43, 0.35);
	text-align: center;
}
.set-nav a:link,
.set-nav a:visited,
.set-nav a:hover,
.set-nav a:active {
	display: inline-block;
	margin: 4px 11px;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-decoration: none;
}
.set-nav a.is-current:link,
.set-nav a.is-current:visited,
.set-nav a.is-current:hover,
.set-nav a.is-current:active {
	border-bottom: 1px solid #b6892b;
}