@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900");

/* Basics */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, div pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, figure, header, nav, section, article, aside, footer, figcaption { margin: 0; padding: 0; border: 0; outline: 0; }
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.clearfix {
  display: inline-block;
}
html[xmlns] .clearfix {
  display: block;
}
* html .clearfix {
  height: 1%;
}
ul, li {
  padding: 0;
  margin: 0;
  list-style: none;
}
header, nav, section, article, aside, footer, hgroup {
  display: block;
}
* {
  box-sizing: border-box;
}
html, body {
  font-family: 'Poppins', sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a {
  text-decoration: none !important;
}
h1, h2, h3, h4, h5, h6 {
  color: #1e1e1e;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: 700;
}
ul {
  margin-bottom: 0px;
}
p {
  font-size: 16px;
  line-height: 30px;
  color: #4a4a4a;
}
img {
  width: 100%;
  overflow: hidden;
}

/* Globals */
html, body {
  font-family: 'Poppins', sans-serif;
}
::selection {
  background: #0071f8;
  color: #fff;
}
::-moz-selection {
  background: #0071f8;
  color: #fff;
}
.section {
  margin-top: 120px;
}
.section-heading {
  margin-bottom: 70px;
}
.section-heading h2 {
  font-size: 40px;
  font-weight: 700;
  margin-top: 20px;
  line-height: 56px;
}
.section-heading h2 em {
  font-style: normal;
  color: #0071f8;
}
.section-heading h3 {
    font-size: 25px;
    margin-top: 35px;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #eee;
}
.section-heading .promo {
  color: #C15030;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 700;
}
.icon-button a {
  display: inline-block;
  background-color: #1e1e1e;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  height: 50px;
  line-height: 50px;
  padding: 0px 30px 0px 0px;
  border-radius: 25px;
  transition: all .3s;
}
.icon-button a i {
  background-color: #f35525;
  height: 50px;
  width: 50px;
  text-align: center;
  border-radius: 50%;
  line-height: 50px;
  display: inline-block;
  margin-right: 15px;
  margin-left: -1px;
}
.icon-button a:hover {
  color: #f35525;
}
.icon-button a:hover i {
  color: #fff;
}
.main-button a {
  display: inline-block;
  background-color: #1e1e1e;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  line-height: 40px;
  padding: 0px 30px;
  border-radius: 25px;
  transition: all .3s;
}
.main-button a:hover {
  background-color: #f35525;
  color: #fff;
}

/* Top sub-header */
.sub-header {
  background-color: #fff;
  padding: 10px 0px;
  border-bottom: 1px solid #eee;
}
.sub-header ul li {
  display: inline-block;
}
.sub-header ul.social-links {
  text-align: right;
}
.sub-header ul.social-links li {
  margin-left: 8px;
}
.sub-header ul.social-links li a {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  color: #333;
  font-size: 20px;
  transition: all .3s;
}
.sub-header ul.social-links li a:hover {
  background-color: #fff;
}
.sub-header ul.social-links li img {width: 24px; height: auto; margin-top: 0px;}
.sub-header ul.info li {
  font-size: 14px;
  color: #4a4a4a;
  border-right: 1px solid #eee;
  margin-right: 25px;
  padding-right: 25px;
}
.sub-header ul.info li:last-child {
  margin-right: 0px;
  padding-right: 0px;
  border-right: none;
}
.sub-header ul.info li i {
  font-size: 20px;
  color: #f35525;
  margin-right: 8px;
}
.sub-header ul.info li a, .sub-header ul.info li a:active, .sub-header ul.info li a:visited {
  color: #4a4a4a;
}
.sub-header ul.info li a:hover {
color: #f35525;
}
.background-header {
  background-color: #fff;
  height: 80px!important;
  position: fixed!important;
  top: 0!important;
  left: 0;
  right: 0;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.15)!important;
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}
.header-area {
  position: relative;
  background-color: #fff;
  height: 100px;
  z-index: 100;
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}

/* Navigation */
.header-area .main-nav {
  background: transparent;
  display: flex;
}
.header-area .main-nav .logo {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  display: inline-block;
}
.header-area .main-nav .logo img {
	height: 70px;
	width: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
.header-area .main-nav .logo h1 {
  line-height: 100px;
  font-size: 28px;
  text-transform: uppercase;
  color: #1e1e1e;
  font-weight: 700;
  letter-spacing: 2px;
  display: none;
}
.background-header .main-nav .logo h1 {
  line-height: 80px;
}
.header-area .main-nav ul.nav {
  flex-basis: 100%;
  margin-top: 30px;
  justify-content: right;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  position: relative;
  z-index: 999;
}
.header-area .main-nav .nav li:last-child {
  padding-right: 0px;
}
.header-area .main-nav .nav li {
  padding-left: 10px;
  padding-right: 10px;
  height: 100px;
  line-height: 100px;
}
.header-area .main-nav .nav li a {
  display: block;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 500;
  font-size: 15px;
  height: 40px;
  line-height: 40px;
  text-transform: capitalize;
  color: #1e1e1e;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  border: transparent;
  letter-spacing: .25px;
}

.header-area .main-nav .nav li:hover a {
  color: #C15030;
}
.header-area .main-nav .nav li a.active {
  color: #C15030;
}
.background-header .main-nav .nav li a.active {
  color: #C15030;
}
.header-area .main-nav .menu-trigger {
  cursor: pointer;
  position: absolute;
  top: 23px;
  width: 32px;
  height: 40px;
  text-indent: -9999em;
  z-index: 99;
  right: 20px;
  display: none;
}

.background-header .main-nav .menu-trigger {
  top: 22px;
}

.background-header .main-nav ul.nav {
  margin-top: 20px;
}

.header-area .main-nav .menu-trigger span,
.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #1e1e1e;
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  left: 0;
}

.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #1e1e1e;
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  left: 0;
  width: 75%;
}

.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  content: "";
}

.header-area .main-nav .menu-trigger span {
  top: 16px;
}

.header-area .main-nav .menu-trigger span:before {
  -moz-transform-origin: 33% 100%;
  -ms-transform-origin: 33% 100%;
  -webkit-transform-origin: 33% 100%;
  transform-origin: 33% 100%;
  top: -10px;
  z-index: 10;
}

.header-area .main-nav .menu-trigger span:after {
  -moz-transform-origin: 33% 0;
  -ms-transform-origin: 33% 0;
  -webkit-transform-origin: 33% 0;
  transform-origin: 33% 0;
  top: 10px;
}

.header-area .main-nav .menu-trigger.active span,
.header-area .main-nav .menu-trigger.active span:before,
.header-area .main-nav .menu-trigger.active span:after {
  background-color: transparent;
  width: 100%;
}

.header-area .main-nav .menu-trigger.active span:before {
  -moz-transform: translateY(6px) translateX(1px) rotate(45deg);
  -ms-transform: translateY(6px) translateX(1px) rotate(45deg);
  -webkit-transform: translateY(6px) translateX(1px) rotate(45deg);
  transform: translateY(6px) translateX(1px) rotate(45deg);
  background-color: #1e1e1e;
}

.background-header .main-nav .menu-trigger.active span:before {
  background-color: #1e1e1e;
}

.header-area .main-nav .menu-trigger.active span:after {
  -moz-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  -ms-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  -webkit-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  transform: translateY(-6px) translateX(1px) rotate(-45deg);
  background-color: #1e1e1e;
}

.background-header .main-nav .menu-trigger.active span:after {
  background-color: #1e1e1e;
}

.visible{
  display:inline !important;
}

@media (max-width: 1200px) {
  .header-area .main-nav .nav li {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media (max-width: 767px) {
  .background-header .main-nav {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
    border-radius: 0px 0px 25px 25px;
    width: 100%;
  }
  .background-header .main-nav .nav,
  .header-area .main-nav .nav {
    background-color: #fff;
  }
  .background-header .main-nav .nav li a,
  .header-area .main-nav .nav li a {
    line-height: 50px;
    height: 50px;
    font-weight: 400;
    color: #1e1e1e;
    background-color: #fff;
     border-radius: 0px 0px 25px 25px;
  }
  .background-header .main-nav .nav li,
  .header-area .main-nav .nav li {
    border-top: 1px solid #ddd;
    background-color: #f1f0fe;
    height: 50px;
    border-radius: 0px 0px 25px 25px;
  }
  .header-area .main-nav .nav {
    height: auto;
    flex-basis: 100%;
  }
  .header-area .main-nav .logo {
    position: absolute;
    left: 30px;
    top: 0px;
  }
  .background-header .main-nav .logo {
    top: 0px;
  }
  .background-header .main-nav .border-button {
    top: 0px !important;
  }
  .header-area .main-nav .border-button {
    position: absolute;
    top: 15px;
    right: 70px;
  }
  .header-area.header-sticky .nav li a:hover,
  .header-area.header-sticky .nav li a.active {
    color: #ee626b!important;
    opacity: 1;
  }
  .header-area.header-sticky .nav li.search-icon a {
    width: 100%;
  }
  .header-area .nav li:last-child a {
    background-color: transparent !important;
    font-weight: 300 !important;
    text-transform: capitalize !important;
  }
  .header-area {
    padding: 0px 15px;
    height: 80px;
    box-shadow: none;
    text-align: center;
  }
  .header-area .container {
    padding: 0px;
  }
  .header-area .logo {
    margin-left: 0px;
  }
  .header-area .menu-trigger {
    display: block !important;
  }
  .header-area .main-nav {
    overflow: hidden;
  }
  .header-area .main-nav .nav {
    float: none;
    width: 100%;
    display: none;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    margin-left: 0px;
  }
  .header-area .main-nav .nav li:first-child {
    border-top: 1px solid #eee;
  }
  .header-area.header-sticky .nav {
    margin-top: 80px !important;
  }
  .background-header.header-sticky .nav {
    margin-top: 80px !important;
  }
  .header-area .main-nav .nav li {
    width: 100%;
    background: #fff;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  
}
/* Homepage carousel */
.carousel-caption {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 120px 10% 120px 10%;
    margin-top: 0px;
	top: 50%;
    transform: translateY(-50%);
}
.carousel-item h2 {
  font-size: 52px;
  font-weight: 500;
  color: #fff;
  line-height: 68px;
  text-shadow: 2px 2px 2px black;
  text-align: center;
}
.carousel-item p {
  font-size: 34px;
  font-weight: 500;
  color: #fff;
  line-height: 45px;
  text-shadow: 2px 2px 2px black;
  text-align: center;
}
.carousel.control-prev-icon {
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 24px;
  display: inline-block;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  opacity: 1;
  transition: all .3s;}
.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 4rem;
    height: 4rem;
	  color: #fff;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
	background-color: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  opacity: 1;
  transition: all .3s;
}

/* Sub-pages headers */
.page-heading {
  background-image: url(../../img/page-header.jpg);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 110px 0px;
  text-align: center;
}
.page-heading span {
  background-color: #fff;
  color: #1e1e1e;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 10px 25px;
  display: inline-block;
  margin-bottom: 30px;
}
.page-heading span a {
  color: #1e1e1e;
}
.page-heading h2 {
  font-size: 48px;
  font-weight: 900;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 2px 2px 2px black;
}

/* Homepage section */
.homepage .left-image {
	margin: 0 auto;
}
.homepage .left-image img {
  padding: 10px 10px 15px 20px;
}
.homepage .section-heading {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 60px;
}
.homepage .section-heading h2 {
  width: 70%;
}
.homepage .homepage-text {margin-left: 10px; margin-right: 10px;}
.homepage .homepage-text p {padding-bottom: 10px;}

.homepage .link-table {
  padding: 35px 30px;
}
.homepage .link-table ul li {
  display: block;
  margin-bottom: 35px;
  padding-bottom: 35px;
  border-bottom: 1px solid #eee;
}
.homepage .link-table ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.homepage .link-table ul li img {
  float: left;
  margin-right: 25px;
}
.homepage .link-table ul li h3 {
  font-size: 22px;
  font-weight: 600;
}
.homepage .link-table ul li h3 a, .homepage .link-table ul li h4 a:visited, .homepage .link-table ul li h4 a:active {
  color: #1e1e1e;
}
.homepage .link-table ul li h3 a:hover {
  color: #f35525;
}
.homepage .link-table ul li h3 span {
  font-size: 15px;
  color: #414141;
  font-weight: 400;
}

/* Logos section */
.logos {
  width: 100%;
}
.logos .section {
	margin: 30px 0 30px 0;
}

/* Location section */
.location {
  width: 100%;
}

/* Konoba, sobe and prijevoz section */
.konoba, .sobe, .prijevoz, .kontakt {
  width: 100%;
  padding-bottom: 40px;
}
.konoba .main-image img, .sobe .main-image img, .prijevoz .main-image img, .kontakt .main-image img {
  float: none;
}
.konoba .main-content h3, .sobe .main-content h3, .prijevoz .main-content h3, .kontakt .main-content h3 {
  font-size: 25px;
  margin-top: 35px;
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #eee;
}
.konoba .main-content span.category, .sobe .main-content span.category, .prijevoz .main-content span.category, .kontakt .main-content span.category {
  background-color: #fbd9cf;
  font-weight: 500;
  border-radius: 5px;
  font-size: 14px;
  color: #1e1e1e;
  padding: 5px 12px;
  display: inline-block;
  margin-bottom: 30px;
}
.konoba .main-content p, .sobe .main-content p, .prijevoz .main-content p, .kontakt .main-content p {
	margin-bottom: 15px;
}

/* Rigth column link table */
.konoba .link-table, .sobe .link-table, .prijevoz .link-table, .kontakt .link-table {
  padding: 35px 30px;
  margin-left: 60px;
}
.konoba .link-table ul li, .sobe .link-table ul li, .prijevoz .link-table ul li, .kontakt .link-table ul li {
  display: block;
  margin-bottom: 35px;
  padding-bottom: 35px;
  border-bottom: 1px solid #eee;
}
.konoba .link-table ul li:last-child, .sobe .link-table ul li:last-child, .prijevoz .link-table ul li:last-child, .kontakt .link-table ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.konoba .link-table ul li img, .sobe .link-table ul li img, .prijevoz .link-table ul li img, .kontakt .link-table ul li img {
  float: left;
  margin-right: 25px;
}
.konoba .link-table ul li h4, .sobe .link-table ul li h4, .prijevoz .link-table ul li h4, .kontakt .link-table ul li h4 {
  font-size: 22px;
  font-weight: 600;
}
.konoba .link-table a, .konoba .link-table a:visited, .konoba .link-table a:active {color: #1e1e1e;} 
.sobe .link-table a, .sobe .link-table a:visited, .sobe .link-table a:active {color: #1e1e1e;} 
.prijevoz .link-table a, .prijevoz .link-table a:visited, .prijevoz .link-table a:active {color: #1e1e1e;} 
.kontakt .link-table a, .kontakt .link-table a:visited, .kontakt .link-table a:active {color: #1e1e1e;} 
.konoba .link-table a:hover {color: #f35525;} 
.sobe .link-table a:hover {color: #f35525;} 
.prijevoz .link-table a:hover {color: #f35525;} 
.kontakt .link-table a:hover {color: #f35525;} 
.konoba .link-table ul li h4 span, .sobe .link-table ul li h4 span, .prijevoz .link-table ul li h4 span, .kontakt .link-table ul li h4 span {
  font-size: 15px;
  color: #414141;
  font-weight: 400;
}

/* Sidemap */
.sidemap {width: 100%; padding: 10px 15px;}

/* Contact Page */
.contact-page #map {
  margin-top: 100px;
}
.contact-page .section-heading {
  margin-bottom: 40px;
  margin-right: 280px;
}
.contact-page p {
  margin-bottom: 50px;
}
.contact-page .item {
  border-radius: 10px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
  padding: 35px 30px;
  background-color: #fff;
  display: inline-block;
  min-width: 360px;
}
.contact-page .phone {
  margin-bottom: 30px;
}
.contact-page .item img {
  float: left;
  margin-right: 25px;
  vertical-align: middle;
}
.contact-page .item h6 {
  font-size: 20px;
  font-weight: 600;
  vertical-align: middle;
}
.contact-page .item h6 span {
  font-size: 15px;
  color: #aaaaaa;
  font-weight: 400;
}

/* gallery */
.gallery {padding-bottom: 70px;}
.gallery .gallery-item {overflow: hidden; border-right: 3px solid #fff; border-bottom: 3px solid #fff; height: 293px; text-align: center;}
.gallery .gallery-item img {transition: all ease-in-out 0.4s;}
.gallery .gallery-item:hover img {transform: scale(1.1);}

/* Footer */
footer {
  margin-top: 10px;
  padding: 40px 0 40px 0;
  background-color: #1e1e1e;
  min-height: 100px;
}
footer p {
  text-align: center;
  line-height: 24px;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
}
footer p a {
  color: #fff;
  transition: all .3s;
  position: relative;
  z-index: 3;
}
footer p a:hover {
  opacity: 0.75;
}

/* Special banner */
.red p {
	color: #ff0000;
	font-size: 24px;
	text-align: center;
	padding-top: 50px;
}

.red1 p {
	color: #ff0000;
	font-size: 24px;
	text-align: center;
}


/* Responsive */
body {
  overflow-x: hidden;
}

@media (max-width: 767px) {
  .header-area .main-nav .logo h1 {
    line-height: 80px !important;
  }
  .main-banner .carousel-item h2 {
  font-size: 36px;
  font-weight: 500;
  color: #fff;
  line-height: 48px;
  margin-bottom: 30px;
}
.carousel-caption {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 5% 80px 5%;
    margin-top: 0px;
	top: 50%;
    transform: translateY(-50%);
}
.carousel-item h2 {
  font-size: 38px;
  font-weight: 500;
  color: #fff;
  line-height: 52px;
  text-shadow: 2px 2px 2px black;
}
.carousel-item p {
  font-size: 26px;
  font-weight: 500;
  color: #fff;
  line-height: 34px;
  text-shadow: 2px 2px 2px black;
}
 }

@media (max-width: 992px) {
  .header-area .main-nav .logo h1 {
    line-height: 100px;
  }
  .carousel .item h2 {
    width: 100%;
  }
  .background-header .main-nav .logo h1 {
    line-height: 80px;
  }
  .header-area .main-nav .nav li a {
    padding-left: 3px;
    padding-right: 3px;
  }
  .header-area .main-nav .nav li:last-child a {
    padding-right: 15px;
  }
.carousel-item h2 {
  font-size: 38px;
  font-weight: 500;
  color: #fff;
  line-height: 52px;
  text-shadow: 2px 2px 2px black;
}
.carousel-item p {
  font-size: 22px;
  font-weight: 500;
  color: #fff;
  line-height: 38px;
  text-shadow: 2px 2px 2px black;
}
}

@media (max-width: 1200px) {
  .contact-page .section-heading {
    margin-right: 100px;
  }
  .main-banner .carousel-item {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 180px 12% 180px 20%;
  margin-top: 0px;
}
}