/* Add here all your CSS customizations */
/* Spacements */
/* spacement top & bottom */

@font-face {
  font-family: "BaskervilleBTItalic";
  src: url("../vendor/font/BaskervilleItalicBT.ttf");
}

@font-face {
  font-family: "BaskervilleBT";
  src: url("../vendor/font/BaskervilleBT.ttf");
}

.m-none {
	margin: 0 !important;
}

.m-auto {
	margin: 0 auto !important;
}

.m-xs {
	margin: 5px !important;
}

.m-sm {
	margin: 10px !important;
}

.m-md {
	margin: 15px !important;
}

.m-lg {
	margin: 20px !important;
}

.m-xl {
	margin: 25px !important;
}

.m-xlg {
	margin: 30px !important;
}

/* spacement top	*/
.mt-none {
	margin-top: 0 !important;
}

.mt-xs {
	margin-top: 5px !important;
}

.mt-sm {
	margin-top: 10px !important;
}

.mt-md {
	margin-top: 15px !important;
}

.mt-lg {
	margin-top: 20px !important;
}

.mt-xl {
	margin-top: 25px !important;
}

.mt-xlg {
	margin-top: 30px !important;
}

/* spacement bottom	*/
.mb-none {
	margin-bottom: 0 !important;
}

.mb-xs {
	margin-bottom: 5px !important;
}

.mb-sm {
	margin-bottom: 10px !important;
}

.mb-md {
	margin-bottom: 15px !important;
}

.mb-lg {
	margin-bottom: 20px !important;
}

.mb-xl {
	margin-bottom: 25px !important;
}

.mb-xlg {
	margin-bottom: 30px !important;
}

/* spacement left	*/
.ml-none {
	margin-left: 0 !important;
}

.ml-xs {
	margin-left: 5px !important;
}

.ml-sm {
	margin-left: 10px !important;
}

.ml-md {
	margin-left: 15px !important;
}

.ml-lg {
	margin-left: 20px !important;
}

.ml-xl {
	margin-left: 25px !important;
}

.ml-xlg {
	margin-left: 30px !important;
}

/* spacement right	*/
.mr-none {
	margin-right: 0 !important;
}

.mr-xs {
	margin-right: 5px !important;
}

.mr-sm {
	margin-right: 10px !important;
}

.mr-md {
	margin-right: 15px !important;
}

.mr-lg {
	margin-right: 20px !important;
}

.mr-xl {
	margin-right: 25px !important;
}

.mr-xlg {
	margin-right: 30px !important;
}

/* Spacement Padding */
.p-none {
	padding: 0 !important;
}

.p-xs {
	padding: 5px !important;
}

.p-sm {
	padding: 10px !important;
}

.p-md {
	padding: 15px !important;
}

.p-lg {
	padding: 20px !important;
}

.p-xl {
	padding: 25px !important;
}

.p-xlg {
	padding: 30px !important;
}

/* spacement top	*/
.pt-none {
	padding-top: 0 !important;
}

.pt-xs {
	padding-top: 5px !important;
}

.pt-sm {
	padding-top: 10px !important;
}

.pt-md {
	padding-top: 15px !important;
}

.pt-lg {
	padding-top: 20px !important;
}

.pt-xl {
	padding-top: 25px !important;
}

.pt-xlg {
	padding-top: 30px !important;
}

/* spacement bottom	*/
.pb-none {
	padding-bottom: 0 !important;
}

.pb-xs {
	padding-bottom: 5px !important;
}

.pb-sm {
	padding-bottom: 10px !important;
}

.pb-md {
	padding-bottom: 15px !important;
}

.pb-lg {
	padding-bottom: 20px !important;
}

.pb-xl {
	padding-bottom: 25px !important;
}

.pb-xlg {
	padding-bottom: 30px !important;
}

/* spacement left	*/
.pl-none {
	padding-left: 0 !important;
}

.pl-xs {
	padding-left: 5px !important;
}

.pl-sm {
	padding-left: 10px !important;
}

.pl-md {
	padding-left: 15px !important;
}

.pl-lg {
	padding-left: 20px !important;
}

.pl-xl {
	padding-left: 25px !important;
}

.pl-xlg {
	padding-left: 30px !important;
}

/* spacement right	*/
.pr-none {
	padding-right: 0 !important;
}

.pr-xs {
	padding-right: 5px !important;
}

.pr-sm {
	padding-right: 10px !important;
}

.pr-md {
	padding-right: 15px !important;
}

.pr-lg {
	padding-right: 20px !important;
}

.pr-xl {
	padding-right: 25px !important;
}

.pr-xlg {
	padding-right: 30px !important;
}

.ib {
	display: inline-block;
	vertical-align: top;
}

.va-middle {
	vertical-align: middle;
}

.ws-nowrap {
	white-space: nowrap;
}

.ws-normal {
	white-space: normal;
}



a {
    color: #212529;
}

a:hover {
	color: #ead185;
}

a:active {
    color: #ead185;
}

.clear {clear:both; height:0px;}
.clear10 {clear:both; height:10px;}
.clear15 {clear:both; height:15px;}
.clear20 {clear:both; height:20px;}
.clear30 {clear:both; height:30px;}
.clear40 {clear:both; height:40px;}
.clear50 {clear:both; height:50px;}
.clear60 {clear:both; height:60px;}
.clear70 {clear:both; height:70px;}
.clear80 {clear:both; height:80px;}

body {
	font-family: 'Signika', sans-serif;
    color: #fff;
}

p {
    color: #fff;
    margin: 0 0 12px;
    font-size: 1.18rem;
    line-height: 1.7rem;
}

h2 {
    font-size: 3rem;
    font-weight: 300;
    line-height: 42px;
    line-height: 4rem;
    margin: 0 0 20px 0;
}

.rev_slider li.slide-overlay .slotholder:after {
    opacity: 0.7;
    background: #000;
}

.rev_slider .tp-caption {
    font-family: 'Marcellus', serif;
}

.rev_slider .tp-naslov {
    text-align: center !important;
}


.rev_slider .tp-podnaslov {
	text-align: center !important;

}

#header .header-nav {
    justify-content: center;
}

top .nav > li > a, #header .header-nav-top .nav > li > a {
    font-size: 1.1em !important;
    color: rgba(255, 255, 255, 0.75) !important;
    padding: 42px 10px !important;
    display: block;
}

.prikazi-male {
		display: none;
	}

.prikazi-velike {
	display: inline-block !important;
}


.icon-scroll,
.icon-scroll:before {
  position: absolute;
  left: 50%;
  z-index: 99999;
}

.icon-scroll {
  width: 20px;
  height: 50px;
  bottom: 4%;
  box-shadow: inset 0 0 0 1px #fff;
  border-radius: 25px;
}


.icon-scroll:before {
  content: '';
  width: 8px;
  height: 8px;
  background: #fff;
  margin-left: -4px;
  top: 8px;
  border-radius: 4px;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: scroll;
}


@keyframes scroll {
  0% {
    opacity: 1;
}
  100% {
    opacity: 0;
    transform: translateY(30px);
}

}


html:not(.sticky-header-active) #header.header-transparent-dark-bottom-border-1 .header-body {
    border-bottom: 0px solid rgba(255, 255, 255, 0.1);
}

#header .header-nav.header-nav-links nav > ul > li:hover > a, #header .header-nav.header-nav-line nav > ul > li > a, #header .header-nav.header-nav-line nav > ul > li:hover > a {
    padding: 0px 30px;
}

#header .header-nav.header-nav-links nav > ul > li > a {
    position: relative;
    background: transparent !important;
    padding: 0px 30px;
    font-size: 1.2em;
    margin: 1px 0 0;
    font-weight: 300;
    min-height: 60px;
    height: 100%;
    color: rgba(255, 255, 255, 0.75) !important;
}

top .nav > li > a, #header .header-nav-top .nav > li > a {
    font-size: 1.1em !important;
    color: rgba(255, 255, 255, 0.75) !important;
    padding: 6px 10px !important;
    display: block;
}

html .bg-color-dark, html .bg-dark {
    background-color: #1c1c1c !important;
}

.column-rezervacija {
	justify-content: flex-end;
}

.column-jezik {
	justify-content: flex-end;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: transparent;
    border-color: #fff;
}

html .btn-tertiary {
    background-color: transparent;
    border-color: #ead185 #ead185 #ead185;
    color: #ead185;
    text-transform: none;
    border-radius: 0px;
}

.btn.btn-lg {
    font-size: 1.4rem;
    padding: 0.9rem 3rem;
    font-weight: 300;
}

#header .header-btn-collapse-nav {
    background: #f7f7f7;
    color: #1c1c1c;
    float: right;
    margin: 0 0 0 16px;
    margin: 0 0 0 1rem;
    font-size: 1.6rem;
    padding: 0.8rem 1.2rem;
    cursor: pointer;
    border-radius: 0px;
}

#header .header-body {
    border-top: 0px solid #EDEDED;
}

#apartman-generalno {
	background: #f7f7f7;
	padding: 50px 0 50px;
}

#apartman-generalno .lijevo-tekst {
	padding: 80px 60px 40px 30px;
}

h2.apartmani-pocetna {
	font-family: 'Marcellus', serif;
	color: #1c1c1c;
	line-height: 4rem;
	font-size: 3.24rem !important;
	margin: 0 0 20px 0 !important;
}

a.crni {
    color: #1c1c1c;
    text-transform: uppercase;
    font-size: 1rem;
}

a.bijeli {
    color: #fff;
    text-transform: uppercase;
    font-size: 1rem;
}

.background-dolje-apartman {
	height: 130px;
	background: #fff;
	padding: 42px 0;
	margin-top: -170px;
}

.background-dolje-apartman .sadrzaj {
	padding: 0px 12px;
}

.background-dolje-apartman img {
	float: left;
	margin-right: 16px;
}

.background-dolje-apartman h5 {
	margin-top: 6px;
}

h5 {
    font-size: 1.26rem;
    font-weight: 500;
    line-height: 1.7rem;
    margin: 0 0 12px 0;
    text-transform: uppercase;
}

#apartman-1 {
	background: #3a3737;
}

h2.apartmani-pocetna-bijeli {
	font-family: 'Marcellus', serif;
	color: #fff;
	line-height: 4rem;
	font-size: 3.24rem !important;
	margin: 0 0 20px 0 !important;
	top: 50%;
}

h2.apartmani-pocetna-bijeli a {
	color: #fff;
}

h2.apartmani-pocetna-bijeli a:hover {
	text-decoration: none;
	color: #ead185;
}

#apartman-1 .desno-tekst {
	text-align: center;
	padding: 200px 20% 60px 40px;
    vertical-align: middle;
    display: inline-block;
    margin: 0 auto;
    position: relative;
}

.sadrzaj-apartmani-poc {
    vertical-align: middle;
    justify-content: center;
    display: table-cell;
    position: relative;
    height: 563px;
}

a.bijeli:hover {
    color: #ead185;
    text-decoration: none;
}

.zuta-linija {
	height: 1px;
	width: 50px;
	background-color: #ead185;
	display: inline-block;
}

h4.apartmani-pocetna-zuti {
    font-size: 1.8rem;
    font-weight: 500;
    font-family: 'Marcellus', serif;
    line-height: 2.1rem;
    margin: 0 0 14px 0;
    color: #ead185;
}


#apartman-1 p {
    color: #fff;
}

#apartman-2 {
	background: #1c1c1c;
}

#apartman-2 p {
    color: #fff;
}

#apartman-2 .desno-tekst {
	text-align: center;
	padding: 200px 30px 60px 20% ;
}

.owl-naslovna .owl-nav button.owl-prev, .owl-naslovna .owl-nav button.owl-next {
    display: inline-block;
    position: absolute;
    top: 50%;
    width: 90px;
    height: 300px;
    outline: 0;
    margin: 0;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    border-radius: 0px;
}

.owl-naslovna .owl-nav button.owl-prev {
    left: -90px;
    background: #1c1c1c;
    color: #fff;
}

.owl-naslovna .owl-nav button.owl-next {
    right: -90px;
    background: #1c1c1c;
    color: #fff;
}

.owl-naslovna .owl-nav button[class*="owl-"]:hover, .owl-naslovna .owl-nav button[class*="owl-"].hover {
    background-color: #ead185;
    border-color: #ead185 #ead185 #ead185;
}

.owl-naslovna .owl-nav button.owl-next:before {
    font-family: 'Glyphicons Halflings';
    font-weight: 100;
    font-size: 3.6rem;
    content: "\e258";
    position: relative;
    left: 0px;
    top: 0px;
}

.owl-naslovna .owl-nav button.owl-prev:before {
    font-family: 'Glyphicons Halflings';
    font-weight: 100;
    font-size: 3.6rem;
    content: "\e257";
    position: relative;
    left: 0px;
    top: 0px;
}

#footer {
    background: #f7f7f7;
    border-top: 0px solid #212529;
    font-size: 1rem;
    margin-top: 30px;
    padding: 0;
    position: relative;
    clear: both;
}

#footer ul.social {
    display: inline-block;
    margin: -1px 1px 0 0;
    padding: 0;
    border-radius: 100%;
    overflow: visible;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

#footer ul.social li {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    padding-left: 16px;
}

#footer ul.social li a {
    display: block;
    text-align: center;
    text-decoration: none;
}

.lijevo-footer {
	text-align: center;
	padding: 120px 15px 30px;
}

.desno-footer {
	text-align: center;
	padding: 120px 15px 30px;
}

#footer h3 {
	font-family: 'Marcellus', serif;
	color: #1c1c1c;
	line-height: 4rem;
	font-size: 3.24rem !important;
	margin: 0 0 20px 0 !important;
}

#footer p.copyright {
	font-size: 1rem;
	font-style: italic;
}

#footer h1 {
    font-size: 1.7rem !important;
    font-family: 'Marcellus', serif;
    color: #1c1c1c;
    font-size: 2rem;
    margin: 0 0 12px 0;
}

#footer a:not(.btn):hover {
    text-decoration: none;
	color: #ead185;
}

.p-none {
    padding: 0 !important;
}

.pl-none {
	padding-left: 0 !important;
}

.pr-none {
	padding-right: 0 !important;
}

.pt-none {
	padding-top: 0 !important;
}

.pb-none {
	padding-bottom: 0 !important;
}

.form-control {
    display: block;
    width: 100%;
    height: 32px;
    padding: 6px 12px;
    color: #555;
    background-color: transparent;
    background-image: none;
    border: 1px solid #e0e0e0;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control:not(.form-control-sm):not(.form-control-lg) {
    font-size: 1.1rem;
    line-height: 1.8;
}

#footer .btn-tertiary {
	border: 1px solid #1c1c1c;
	color: #1c1c1c;
}

.padding-grupa-lijevo {
	padding-left: 0px;
	padding-right: 15px;
}

.padding-grupa-desno {
	padding-left: 15px;
	padding-right: 0px;
}

.zuta-linija-izbornik {
	height: 1px;
	width: 40px;
	background-color: #ead185;
	display: none;
	position: absolute;
	left: 36%;
	bottom: 32px;
}

html.sticky-header-active #header .header-nav-main nav > ul > li > a > .zuta-linija-izbornik {
	bottom: 20px;
}


#header .header-nav-main nav > ul > li a.active > .zuta-linija-izbornik {
	display: inline-block;
}

#header .header-nav.header-nav-links nav > ul > li:hover > a > .zuta-linija-izbornik {
	display: inline-block;
}

.page-header {
    height: 400px;
    width: 100%;
    background: url("../slike/page-header-2.jpg") top center no-repeat;
    border-bottom: 0px solid #EC008C;
    border-top: 0px solid #384045;
    margin: 0 0 25px 0;
    min-height: 50px;
    padding: 250px 0 10px;
}

.page-header h1 {
    border-bottom: 0px solid #CCC;
    color: #FFF;
    display: inline-block;
    font-weight: 600;
    margin: 0 0 -25px;
    min-height: 37px;
    font-size: 3.3rem;
    line-height: 4rem;
    padding: 0 0 37px;
    position: relative;
    font-family: 'Marcellus', serif;
}

.page-header .breadcrumb > li > a {
    color: #ead185;
}

.page-header .breadcrumb {
    text-align: left;
}

.page-header .breadcrumb > li {
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.7rem;
}

.breadcrumb {
    padding: 4px 16px;
    margin-bottom: 0px;
    list-style: none;
    background-color: #f7f7f7;
    border-radius: 0px;
    text-align: right;
}

.btn {
    font-size: 1.36rem;
    padding: 1rem 1.4rem;
    cursor: pointer;
    border-radius: 0px;
    transition: 0.3s;
}

html .btn-primary {
    background-color: #1c1c1c;
    border-color: #ead185 #ead185 #ead185;
    color: #ead185;
    text-transform: uppercase;
}

html .btn-primary:hover, html .btn-primary.hover {
    background-color: #fff;
    border-color: #ead185 #ead185 #ead185;
    color: #ead185;
}

html .btn-primary:active, html .btn-primary.active {
    background-color: #1c1c1c !important;
    background-image: none !important;
    border-color: #1c1c1c #1c1c1c #1c1c1c !important;
}

.btn-primary:focus, .btn-primary.focus {
    background-color: #fff;
    border-color: #ead185 #ead185 #ead185;
    color: #ead185;
}

aside h3 {
    font-family: 'Marcellus', serif;
    color: #1c1c1c;
    line-height: 2.6rem;
    font-size: 2.3rem !important;
    margin: 0 0 6px 0 !important;
    text-align: center;
}

aside p.apartman {
    height: 52px;
    overflow: hidden;
    text-align: center;
}

aside p {
    text-align: center;
}

aside .zuta-linija {
    display: block;
    text-align: center;
    margin: auto;
}

aside h4.apartmani-pocetna-zuti {
    font-size: 2.1rem;
    font-weight: 500;
    font-family: 'Marcellus', serif;
    line-height: 2.4rem;
    margin: 0 0 14px 0;
    color: #1c1c1c;
    text-align: center;
    text-align: center;
}

aside h5 {
	text-align: center;	
}

aside .sadrzaj img {
	margin: 0 auto;
	display: block;
}

.oko-apartmana {
	background: #1c1c1c;
	height: 317px;
}

.sadrzaj-apartman-lijevo {
	padding: 32px 15px;
}

.oko-apartmana h2 {
	text-align: center;
}

.oko-apartmana p {
	color: #fff;
	text-align: center;
}

.oko-apartmana .zuta-linija {
    display: block;
    margin: 0 auto;
}

.ikonice-sadrzaj {
	margin: 0 auto;
	display: table;
}

.table-btn {
	display: table !important;
	margin: 0 auto;
}

.karakteristike-apartmana h4 {
	text-align: center;
	color: #ead185;
	font-size: 1.9rem;
    font-weight: 900;
    line-height: 2.2rem;
    margin: 0 0 12px 0;
}

.karakteristike-apartmana h4 span {
	text-align: center;
	color: #fff;
	font-weight: 300;
	font-size: 1.46rem;
}

.apartmani-detaljnija .karakteristike-apartmana h4 span {
	color: #1c1c1c;
}

.apartmani-detaljnija .zuta-linija {
    display: block;
    text-align: center;
    margin: auto;
}

.apartmani-detaljnija p {
    text-align: center;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 10px;
    color: #1c1c1c;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.list.list-icons li > [class*="fa-"]:first-child, .list.list-icons li a:first-child > [class*="fa-"]:first-child, .list.list-icons li > .icons:first-child, .list.list-icons li a:first-child > .icons:first-child {
    color: #ead185;
    border-color: #ead185;
}

.apartmani-detaljnije-dolje {
	color: #212529;
}

.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span {
    background-color: #ead185;
}

.grecaptcha-badge  {
    display: none !important;
}

.grecaptcha-logo {
    display: none !important;
}

html .scroll-to-top {
    border-radius: 0px 0px 0 0;
    color: #FFF;
    display: block;
    height: 9px;
    padding: 10px 10px 30px;
    font-size: 1.4em;
}

.d-none {
    display: none;
}

.d-block {
    display: block;
}

input[type="text"].big-dog::-webkit-input-placeholder {
  color: #ccc;
}

input[type="email"].big-dog::-webkit-input-placeholder {
  color: #ccc;
}

input[type="text-field"].big-dog::-webkit-input-placeholder {
  color: #ccc;
}

#footer h4 {
    color: #1c1c1c;
    font-size: 2.2rem;
    line-height: 3rem;
}

.prvi-slide {
    background-size: cover; 
    background-position: center center; 
}

.section-scroll-gore {
    height: 100vh; 
    position: relative; 
    width: 100%; 
    top: 0px; 
    left: 0px; 
    opacity: 1; 
    z-index: 0; 
    transform:
    translate3d(0px, 0px, -10px) scale(1); 
    transition: transform 600ms ease 0s, 
    opacity 600ms ease 0s;
    background: #000 !important;
}

section.section {
    background: #f7f7f7;
    border-top: 0px solid #f1f1f1;
    margin: 00px 0;
    padding: 0px 0;
}

.sticky-wrapper {
    position: fixed;
    width: 100% !important;
    z-index: 11;
    height: 100vh;
    border-right: 1px solid #777;
    width: 70px !important;
}

.menu-tekst {
    transform: rotate(270deg);
    top: 48%;
    position: absolute;
    left: 8px;
    color: #fff;
    font-size: 1.6em;
    font-weight: 100;
    font-family: BaskervilleBTItalic;
}

.izbornik-lijevo-sadrzaj {
    height: 100vh;
}

html.side-header-hamburguer-sidebar #header.side-header.side-header-lg {
    max-width: 355px;
}

html.side-header-hamburguer-sidebar.side-header-above #header.side-header {
    -webkit-transition: cubic-bezier(0.55, 0, 0.1, 1) transform 300ms;
    transition: cubic-bezier(0.55, 0, 0.1, 1) transform 300ms;
}

html.side-header-hamburguer-sidebar-narrow-bar #header.side-header {
    -webkit-transform: translateX(90px);
    transform: translateX(90px);
}
html.side-header-hamburguer-sidebar #header.side-header {
    background: #FFF;
    position: fixed;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
    top: 0;
    max-width: 300px;
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    z-index: 9991;
}

html.side-header-hide #header.side-header {
    left: 70px !important;
}

html.side-header-hamburguer-sidebar #header.side-header .header-body {
    border-top: 0;
    height: 100% !important;
}

#header .header-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #FFF;
    -webkit-transition: min-height 0.3s ease;
    transition: min-height 0.3s ease;
    width: 100%;
    border-bottom: 0px solid transparent;
    z-index: 1001;
}

html.side-header-hamburguer-sidebar #header.side-header .header-container {
    width: 100%;
    height: 100% !important;
    padding: 0px;
}

#header .container {
    position: relative;
}

#header .header-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: ease height 300ms;
    transition: ease height 300ms;
}

html.side-header-hamburguer-sidebar #header.side-header .header-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#header .header-nav-main:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 100%;
    background: #FFF;
    z-index: -1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

html.side-header-hamburguer-sidebar #header.side-header .header-nav-main, html.side-header-hamburguer-sidebar #header.side-header .header-nav-main nav, html.side-header-hamburguer-sidebar #header.side-header .header-nav-main .nav {
    width: 100%;
}

html.side-header-hamburguer-sidebar #header.side-header .header-nav nav {
    display: block !important;
    max-height: 69vh;
    padding: 0 8px 0 0;
}

html.side-header-hamburguer-sidebar #header.side-header .header-nav nav {
    display: block !important;
    max-height: 69vh;
    padding: 0 8px 0 0;
}


#header .header-nav-main nav {
    max-height: 50vh;
    padding: 0 15px;
    -webkit-transition: ease all 500ms;
    transition: ease all 500ms;
}

html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-side-header nav > ul > li.dropdown {
    position: static;
}

html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-side-header nav > ul > li > a {
    padding: 10px 15px !important;
    min-height: 0 !important;
    border-bottom: 1px solid #f7f7f7;
    border-radius: 0;
}

html.side-header-hamburguer-sidebar-narrow-bar .body {
    padding-left: 0px;
    margin-left: 0;
}

html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav > ul > li > a, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav > ul > li:hover > a {
    position: relative;
    background: transparent !important;
    color: #444 !important;
    padding: 0 .9rem;
    margin: 1px 0 0;
    min-height: 70px;
    height: 100%;
}

html.side-header #header.side-header .side-header-scrollable, html.side-header-hamburguer-sidebar #header.side-header .side-header-scrollable {
    margin-right: 0px;
}

html.side-header #header.side-header .side-header-scrollable .scrollable-content, html.side-header-hamburguer-sidebar #header.side-header .side-header-scrollable .scrollable-content {
    padding-right: 0px;
    padding-left: 0;
}

.izbornik-desno-gore {
    height: 50% !important;
    background-image: url(../slike/pizza-nicos-izbornik.png); 
    background-size: cover; 
    background-position: center;
    width: 100%;
}

.izbornik-desno-dolje {
    height: 50% !important;
    background-image: url(../slike/nicos-bar-izbornik.png); 
    background-size: cover; 
    background-position: center;
    width: 100%;
}

.izbornik-desno-gore h5, .izbornik-desno-dolje h5 {
    position: relative;
    color: #fff;
    font-size: 1.6rem;
    text-align: center;
    margin: 60px auto;
    width: 100%;
    font-weight: 300;
    height: 100%;
    text-transform: none;
}

.izbornik-desno-gore a h5, .izbornik-desno-dolje a h5 {
    color: #fff !important;
    top: 92%;
}

.izbornik-desno-gore a:hover, .izbornik-desno-dolje a:hover {
    text-decoration: none !important;
}

html.overflow-hidden .hamburguer-btn.hamburguer-btn-side-header-overlay {
    right: 0px;
    top: 0px;
    color: #fff;
}

html.side-header-hamburguer-sidebar-narrow-bar #header {
    padding-left: 00px;
    left: -90px !important;
}

.bg-gore-lijevo {
    background-image: url("../slike/morgan-ohoBiu7_KNc-unsplash.jpg");
    height: 100vh;
    width: 100%;
    background-size: cover; 
    background-position: left center;
    position: relative;
    z-index: 1;
}

.bg-gore-desno {
    background-image: url("../slike/zagreb-2705556_1920.jpg");
    height: 100vh;
    width: 100%;
    background-size: cover; 
    background-position: left center;
    position: relative;
}

.sadrzaj-gore-dubrovnik {
    position: absolute;
    bottom: 50px;
    left: 200px;
}

.sadrzaj-gore-zagreb {
    position: absolute;
    bottom: 50px;
    right: 200px;
}


.sadrzaj-gore-dubrovnik h2, .sadrzaj-gore-zagreb h2 {
    font-family: BaskervilleBTItalic;
    text-align: center;
    font-weight: 100 !important;
    height: 136px;
}

.sadrzaj-gore-dubrovnik h6, .sadrzaj-gore-zagreb h6 {
    font-family: BaskervilleBTItalic;
    text-align: center;
    font-weight: 100 !important;
    font-size: 1.1em;
    color: #fff;
}

.sadrzaj-gore-dubrovnik i, .sadrzaj-gore-zagreb i {
    color: #fff;
}


.bg-black {
    background: rgba(0, 0, 0, 0.6);
    z-index: 2;
    height: 100vh;
    width: 100%;
    transition: 0.5s;
}

.bg-gore-lijevo.active .bg-black {
    background: rgba(0, 0, 0, 0.1);
}

.bg-gore-desno:hover ~ .bg-gore-lijevo.active .bg-black {
    background: rgba(0, 0, 0, 0.6) !important;
}

.bg-gore-lijevo:hover .bg-black {
    background: rgba(0, 0, 0, 0.1);
}

.bg-gore-desno:hover .bg-black {
    background: rgba(0, 0, 0, 0.1);
}

.active-desno {
    background: rgba(0, 0, 0, 0.6) !important; 
}

#prikaz-gore-dubrovnik {
    display: block;
    position: fixed;
    top: 50%;
    z-index: 999999;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 0.5s;
}

#prikaz-gore-zagreb {
    display: none;
    position: fixed;
    top: 50%;
    z-index: 999999;
    left: 50%;
    transform: translate(-50%, -50%);
}

.slika-izvan {
    position: relative;
    transition: 0.5s;
}

.slika-unutar {
    position: fixed;
    top: 50%;
    z-index: 999999;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 0.5s;
}

#prikaz-gore-dubrovnik img.pizza-slika {

}

.tekst-slika-unutar {
    position: relative;
}

.slika-unutar img {
    margin: 0 auto;
    display: grid;
}

.slika-unutar h3 {
    color: #fff;
    text-transform: none;
    font-family: BaskervilleBTItalic;
    font-weight: 100;
    font-size: 2.4em;
    text-align: center;
    margin: 20px auto;
    width: 100%;
}

.section-scroll-pizza {
    background: url("../slike/restoran-nicos-02.jpg") !important;
    height: 100vh !important;
    width: 100% !important;
    background-size: cover !important; 
    background-position: left center !important;
    position: relative !important;
}

.section-scroll-bar {
    background: url("../slike/nicos-bar-1.jpg") !important;
    height: 100vh !important;
    width: 100% !important;
    background-size: cover !important; 
    background-position: left center !important;
    position: relative !important;
}

.section-scroll-guest {
    height: 100vh !important;
    width: 100% !important;
}

.section-scroll-kontakt {
    height: 100vh !important;
    width: 100% !important;
}

.section-scroll-pizza-crno {
    background: rgba(0, 0, 0, 0.6) !important; 
    height: 100vh !important;
    width: 100% !important;
    background-size: cover !important; 
    background-position: left center !important;
    position: relative !important;
    padding: 0px 0px;
}

.section-scroll-bar-crno {
    background: rgba(0, 0, 0, 0.6) !important; 
    height: 100vh !important;
    width: 100% !important;
    background-size: cover !important; 
    background-position: left center !important;
    position: relative !important;
    padding: 0px 0px;
}

h2.big-title {
    color: #fff;
    font-family: "BaskervilleBT";
    font-size: 3.6em;
    line-height: 5rem;
}

h4.small-title {
    color: #feca5f;
    font-family: "BaskervilleBT";
    font-size: 2.4em;
    line-height: 36px;
    font-weight: 100;
    margin-bottom: 20px;
}

h5.podnaslov {
    font-size: 1.1em;
    color: #feca5f;
    text-transform: none;
    font-weight: 600;
}

img.slika-trip {
    margin-bottom: 20px;
    margin-right: 20px;
}

img.slika-zvjezdice {
    margin-top: -20px;
}

html .btn-secondary {
    background: linear-gradient(180deg, rgba(238,32,38,1) 0%, rgba(158,2,7,1) 100%) !important;
    border-color: #ee2026 #ee2026 #ee2026;
    color: #fff;
    border: 0px solid transparent;
    font-weight: 100;
}

.btn {
    padding: 8px 42px;
}

html .btn-secondary:active, html .btn-secondary.active {
    background: rgba(158,2,7,1) !important;
    background-image: none !important;
    border-color: #9e0207 #9e0207 #9e0207 !important;
    color: #fff;
}

html .btn-secondary:focus, html .btn-secondary.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(227, 97, 89, 0.5);
    box-shadow: 0 0 0 3px rgba(227, 97, 89, 0.5);
    color: #fff;
}

html .btn-secondary:hover, html .btn-secondary.hover {
    background: rgba(158,2,7,1) !important;
    border-color: #9e0207 #9e0207 #9e0207 !important;
    color: #fff !important;
    color: #fff;
}

html .btn-tertiary {
    color: #fff;
    text-transform: none;
    background: rgb(147,39,83);
    background: linear-gradient(180deg, rgba(147,39,83,1) 0%, rgba(96,17,49,1) 100%);
    border-radius: 0px;
    border: 0px solid transparent;
    font-weight: 100;
}

html .btn-tertiary:active, html .btn-tertiary.active {
    background: rgba(96,17,49,1) !important;
    background-image: none !important;
    border-color: rgba(96,17,49,1) rgba(96,17,49,1) rgba(96,17,49,1) !important;
    color: #fff;
}

html .btn-tertiary:focus, html .btn-tertiary.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(227, 97, 89, 0.5);
    box-shadow: 0 0 0 3px rgba(227, 97, 89, 0.5);
    color: #fff;
}

html .btn-tertiary:hover, .btn-tertiary.hover {
    background: rgba(96,17,49,1) !important;
    border-color: rgba(96,17,49,1) rgba(96,17,49,1) rgba(96,17,49,1) !important;
    color: #fff !important;
    color: #fff;
}

.slike-pizzeria-lijevo {
    height: 100vh !important;
    padding: 80px 0;
}

.slike-pizzeria-desno {
    position: relative;
    height: 100vh !important;
}

.slike-bar-lijevo {
    height: 100vh !important;
    padding: 0px 0;
}

.slike-bar-desno {
    height: 100vh !important;
    padding: 80px 0;
}

.slike-pizza-desno {
    height: 100vh !important;
    padding: 0px 0; 
}

img.pizzeria-1 {
    position: absolute;
    max-width: 500px;
    height: auto;
    top: 100px;
    right: 0px;
    display: block;
}

img.pizzeria-2 {
    position: absolute;
    max-width: 350px;
    height: auto;
    top: 410px;
    right: 70px;
}

img.pizzeria-3 {
    position: absolute;
    max-width: 320px;
    height: auto;
    top: 420px;
    right: 310px;
}

img.bar-1 {
    position: absolute;
    max-width: 230px;
    height: auto;
    bottom: 150px;
    right: 30px;
}

img.bar-2 {
    position: absolute;
    max-width: 300px;
    height: auto;
    bottom: 88px;
    right: 80px;
}

img.bar-3 {
    position: absolute;
    max-width: 400px;
    height: auto;
    bottom: 92px;
    right: 380px;
}

img.bar-4 {
    position: absolute;
    max-width: 240px;
    height: auto;
    bottom: 139px;
    right: 320px;
}

.lijevo-gosti {
    background: url("../slike/gosti-nicos.jpg") !important;
    height: 100vh !important;
    background-size: cover !important; 
    background-position: left center !important;
    position: relative !important;
    width: 40%;
    text-align: right;
    float: left;
}

.lijevo-kontakt {
    background: url("../slike/vino-crno.jpg") !important;
    height: 100vh !important;
    background-size: cover !important; 
    background-position: left center !important;
    position: relative !important;
    width: 50%;
    text-align: right;
    float: left;
    position: relative;
}

.desno-kontakt {
    background: #1c1c1c;
    height: 100vh !important;
    width: 50%;
    float: left;
    position: relative;
}



.lijevo-gosti-zajedno {
    top: 40%;
    position: absolute;
    right: 50px;
}

.desno-gosti {
    background: #1c1c1c;
    height: 100vh !important;
    width: 49%;
    float: left;
}

.desno-gosti-sadrzaj {
    top: 32%;
    position: absolute;
    padding-right: 260px;
}

.desno-gosti-sadrzaj p {
    font-size: 1.2em;
    line-height: 26px;
    margin-bottom: 20px;
}

.lijevo-gosti-crno {
    background: rgba(0, 0, 0, 0.6) !important; 
    height: 100vh !important;
    width: 100% !important;
    background-size: cover !important; 
    background-position: left center !important;
    position: relative !important;
}

.lijevo-kontakt-crno {
    background: rgba(0, 0, 0, 0.6) !important; 
    height: 100vh !important;
    width: 100% !important;
    background-size: cover !important; 
    background-position: left center !important;
    position: relative !important;
}

.sredina-gosti {
    background: #1c1c1c;
    width: 11%;
    float: left;
    height: 100vh;
    padding: 60px 0px;
}

.sredina-gosti-1 {
    height: 40%;
}

.linija-vertikalno {
    height: 100%;
    width: 4px;
    background: rgba(216, 216, 216, 0.1);
    margin: 0 auto;
}

img.sredina-navodnici {
    display: block;
    padding-top: 46px !important;
}

.sredina-gosti-2 {
    height: 20%;
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.slika-gosti-2 {
    height: 100%;
}

.sredina-gosti-3 {
    height: 40%;
}

h5.naslov-review {
    color: #feca5f;
    font-size: 1em;
    text-transform: none;
}

h6.lokacija {
    font-family: BaskervilleBTItalic;
    text-align: left;
    font-weight: 100 !important;
    font-size: 1.1em;
    color: #fff;
}

.kontakti-lijevo {
    padding-left: 320px;
}

.lijevo-kontakt-1 {
    height: 47vh;
    padding: 80px 60px 20px;
    text-align: center;
}

.lijevo-kontakt-2 {
    height: 48vh;
    padding: 70px 60px 20px;
    text-align: center;
}

.linija-kontakt {
    background: rgba(216, 216, 216, 0.1);
    height: 4px;
    width: 250px;
    margin: 0 auto;
    display: block;
}

.lijevo-kontakt p {
    font-size: 1.1em;
    line-height: 24px;
    color: #fff;
    letter-spacing: 0px;
    font-weight: 500;
    margin-bottom: 10px;
}

.lijevo-kontakt p span {
    color: #feca5f;
}

.lijevo-kontakt a {
    color: #fff;
}

.btn-block {
    display: table;
    margin: 0 auto;
}

.drustvene-kontakti {
    margin: 0 auto;
    display: table;
}

img.ikona-fb {
    padding-right: 16px;
}

.copy-footer {
    position: sticky;
    bottom: 0px;
    background: #1c1c1c;
    width: 100%;
    min-height: 36px;
    padding: 16px 0px;
}

.copy-footer a {
    color: #fff;
}

.copy-footer p {
    color: #fff;
    margin-bottom: 0px;
    font-size: 0.86em;
    font-weight: 100;
}

.pin-wrapper {
    display: inline !important;
}

.scrollable.colored-slider .scrollable-slider {
    background: transparent !important;
    display: none !important;
}

.feature-box {
    clear: both;
}

.sadrzaj-gore-dubrovnik a, .sadrzaj-gore-zagreb a {
    text-decoration: none !important;
}

html .btn {
    -webkit-transition: all 0.5s !important;
    -moz-transition: all 0.5s !important;
    transition: all 0.5s !important;
}

html.side-header-hide #header.side-header {
    left: 0px !important;
}


            .animated{
                -webkit-animation-duration:1s;
                animation-duration:1s;
                -webkit-animation-fill-mode:both;
                animation-fill-mode:both
            }

            .animated2{
                -webkit-animation-duration:0.8s;
                animation-duration:0.8s;
                -webkit-animation-fill-mode:both;
                animation-fill-mode:both
            }

            .animated3{
                -webkit-animation-duration:0.5s;
                animation-duration:0.5s;
                -webkit-animation-fill-mode:both;
                animation-fill-mode:both
            }

            @-webkit-keyframes fadeInRight{
                0%{
                    opacity:0;
                    -webkit-transform:translateX(400px);
                    transform:translateX(400px)
                }
                100%{
                    opacity:1;
                    -webkit-transform:translateX(0);
                    transform:translateX(0)
                }
            }
            @keyframes fadeInRight{
                0%{
                    opacity:0;
                    -webkit-transform:translateX(400px);
                    -ms-transform:translateX(400px);
                    transform:translateX(400px)
                }
                100%{
                    opacity:1;
                    -webkit-transform:translateX(0);
                    -ms-transform:translateX(0);
                    transform:translateX(0)
                }
            }
            .fadeInRight{
                -webkit-animation-name:fadeInRight;
                animation-name:fadeInRight
            }


            @-webkit-keyframes fadeInLeft{
                0%{
                    opacity:0;
                    -webkit-transform:translateX(-200px);
                    transform:translateX(-200px)}
                100%{
                    opacity:1;
                    -webkit-transform:translateX(0);
                    transform:translateX(0)
                }
            }
            @keyframes fadeInLeft{
                0%{
                    opacity:0;
                    -webkit-transform:translateX(-200px);
                    -ms-transform:translateX(-200px);
                    transform:translateX(-200px)}
                100%{
                    opacity:1;
                    -webkit-transform:translateX(0);
                    -ms-transform:translateX(0);
                    transform:translateX(0)
                }
            }
            .fadeInLeft{
                -webkit-animation-name:fadeInLeft;
                animation-name:fadeInLeft
            }