/*!
 * Luxury Restaurants
 * Ofir Ltd.
 */

 /* Fonts */

 @import url('https://fonts.googleapis.com/css?family=Alegreya:400,700');

 @font-face {
    font-family: 'Scriptina';
    src: url('../fonts/Scriptina.eot');
    src: url('../fonts/Scriptina.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Scriptina.woff2') format('woff2'),
        url('../fonts/Scriptina.woff') format('woff'),
        url('../fonts/Scriptina.ttf') format('truetype'),
        url('../fonts/Scriptina.svg#Scriptina') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Alisandra';
    src: url('../fonts/AlisandraDemo.eot');
    src: url('../fonts/AlisandraDemo.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AlisandraDemo.woff2') format('woff2'),
        url('../fonts/AlisandraDemo.woff') format('woff'),
        url('../fonts/AlisandraDemo.ttf') format('truetype'),
        url('../fonts/AlisandraDemo.svg#AlisandraDemo') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Regular.eot');
    src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-Regular.woff2') format('woff2'),
        url('../fonts/MyriadPro-Regular.woff') format('woff'),
        url('../fonts/MyriadPro-Regular.ttf') format('truetype'),
        url('../fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* Global Styles */

html,
body,
#luksuzni-restoran {
  height: 100%;
	background-color:#000;
}

body #luksuzni-restoran {
    color: #ebebeb;
    font-family: 'Myriad Pro', serif;
    background: #000;
}

#luksuzni-restoran .img-gallery {
    margin-bottom: 30px;
    outline: 5px solid white;
    outline-offset: -12px;
}

#luksuzni-restoran .img-hover:hover {
    opacity: 0.8;
    cursor: pointer;
}

#luksuzni-restoran #main-navbar-collapse{
    overflow: hidden;
}
#luksuzni-restoran .navbar{ min-height: 105px; }

#luksuzni-restoran .navbar-header{
	width:100%;
	text-align:center;
}

#luksuzni-restoran .navbar-toggle{ margin-top: 25px; }

#luksuzni-restoran .navbar-brand{ 
	margin-top:20px;
	margin-bottom:25px;
	float:none;
  line-height: inherit;
}
#luksuzni-restoran .navbar-inverse{
    background-color: #000;
    border: none;;
}
#luksuzni-restoran .navbar-inverse .navbar-brand,.navbar-inverse .navbar-nav>li>a {
    color: #b68c2a;
}
#luksuzni-restoran .navbar-inverse .navbar-brand{
	font-family: 'Scriptina', serif;
	font-size: 35px;
	letter-spacing: 5px;
}
#luksuzni-restoran .navbar-inverse .navbar-nav>li>a:not(.tripadvisor){
    text-transform: uppercase;
    font-family: 'Alegreya', serif;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 3px;
    padding: 43px 40px 43px 35px;
    background: url(../../luksuz/tilda.png) no-repeat center right;
}

#luksuzni-restoran .navbar-inverse .navbar-nav>li>a.last-child{
    background: none;
}

#luksuzni-restoran .tripadvisor{ padding: 15px 30px; }

@media(min-width:768px){
	#luksuzni-restoran .tripadvisor{ padding: 0px 23px; }
}

@media(min-width:992px){
	#luksuzni-restoran .tripadvisor{ padding: 8px 40px 0px;	}
}

@media(min-width:1200px){
	#luksuzni-restoran .tripadvisor{ padding: 28px 0 0 0;	}
}

#luksuzni-restoran .tripadvisor img{
    width: 50px;
}

@media(min-width:1200px){
	#luksuzni-restoran .navbar .container { width:1200px; }
	#luksuzni-restoran .navbar-header { width:auto; }
	#luksuzni-restoran .navbar-brand { float:left; margin-bottom:0px; }
}

/* Home Page Carousel */

#mainSlider.carousel {
    height: 95%;
}
#luksuzni-restoran .carousel-indicators {
    bottom: -45px;
}
#luksuzni-restoran .carousel-indicators li{
    background-color: #d7d7d7;
    border: none;
}

#mainSlider.carousel .item,
#mainSlider.carousel .item.active,
#mainSlider.carousel .carousel-inner {
    height: 100%;
}

#mainSlider.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

#luksuzni-restoran .carousel-caption{
    top: 15%;
    font-family: 'Alisandra', serif;
}
#luksuzni-restoran .carousel-caption h2{
	font-size: 118px;
	font-family: inherit;
	color: #fff;
}

/* Main Content */

#luksuzni-restoran .main-info{
    background: url(../../luksuz/vertical-separator.png) no-repeat;
    background-position: 55% 75%;
}

#luksuzni-restoran .main-info p{
    font-size: 16px;
    line-height: 25px;
}

#luksuzni-restoran .main-info img{
    margin-top: 80px;
    width: 80%;
    float: right;
}

#luksuzni-restoran h2.page-header,
#luksuzni-restoran h2.page-header,
#luksuzni-restoran h2.page-header,
#luksuzni-restoran h3.page-header,
#luksuzni-restoran h4.page-header,
#luksuzni-restoran h5{
    border: none;
    font-family: 'Alegreya', serif;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
		color:#fff;
}

#luksuzni-restoran h2.page-header{
    font-size: 60px;
    margin: 80px 0 0;
    padding-bottom: 0;
}

#luksuzni-restoran h3.page-header{
    font-weight: 400;
    font-size: 38px;
    padding-bottom:50px;
    background: url(../../luksuz/horizontal-separator.png) no-repeat center bottom;
    margin: 0 0 50px 0;
    border: 0;
    text-align: center;
}

#luksuzni-restoran h4.page-header{
    font-size: 48px;
    margin: 80px 0 0;
    padding-bottom: 0;
    color: #56534c;
}

#luksuzni-restoran h4.modal-title{
    color: #000;
}

#luksuzni-restoran h5{
    font-size: 14px;
    color: #a47d5e;
    margin: 0 0 50px 0;
}

#luksuzni-restoran #special-offer{
    background: url(../../luksuz/so-bg.png) no-repeat;
    background-position: center 85px;
    margin-top: 80px;
    padding: 0 50px;
}

#luksuzni-restoran h6{
    font-size: 24px;
    font-family: 'Alegreya', serif;
    font-weight: 400;
    background: url(../../luksuz/special-offer-title.png) no-repeat center;
    height: 110px;
    width: 371px;
    margin: 0 auto;
}

#luksuzni-restoran  h6 .so-left,
#luksuzni-restoran  h6 .so-right{
    padding: 45px 0;
    float: left;
    display: inline-block;
		color:#fff;
}

#luksuzni-restoran  h6 .so-right{
    float: right;
    padding-right: 30px;
}

#luksuzni-restoran  h6 .so-left{
    float: left;
    padding-left: 20px;
}

#luksuzni-restoran .so-left-box{
    background: #fff url(../../luksuz/so-left-box.png) no-repeat bottom right;
    color: #56534c;
    font-size: 12px;
    font-family: 'Myriad Pro', serif;
    padding-left: 0;
    margin: 100px 0;
}

#luksuzni-restoran .so-left-box h2{
		margin:20px 0px 10px;
    font-family: 'Alegreya', serif;
    font-weight: 700;
    font-size: 42px;
    text-transform: capitalize;
}

#luksuzni-restoran .so-left-box h3{
		margin:20px 0px 10px;
    font-family: 'Alegreya', serif;
    font-weight: 700;
    font-size: 12px;
    color: #a47d5e;
    text-transform: uppercase;
}

#luksuzni-restoran .so-left-box-left{
    background-repeat: no-repeat;
    background-position: center;
    min-height: 345px;
    max-height: 450px;
}
#luksuzni-restoran .so-offer2,
#luksuzni-restoran .so-offer3,
#luksuzni-restoran .so-offer4{
    display: none;
}

#luksuzni-restoran .so-left-box-right{
    padding-left: 50px;
}

#luksuzni-restoran .so-left-box-right p{ line-height:1.42857143; }

#luksuzni-restoran .so-right-box{
    margin: 100px 0;
}

#luksuzni-restoran .so-right-box .col-md-6{
		display:block;
		width:auto;
    padding-left: 5px;
    padding-right: 5px;
}

@media(min-width:600px){
	#luksuzni-restoran .so-right-box .col-md-6{
		display: inline-block;
		width: calc(50% - 2px);
	}
}

#luksuzni-restoran .so-right-overlay{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    background: url(../../luksuz/special-order-images-overlay.png) no-repeat center;
    background-size: contain;
    z-index: 1;
    text-align: center;
    border-radius: 50%;
    width: 175px;
    height: 195px;
}

#luksuzni-restoran .so-right-overlay h3{
    position: absolute;
    width: 150px;
    height: 55px;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    font-family: 'Alegreya', sans serif;
    font-size: 20px;
    color: #c9b176;
    text-transform: uppercase;
}

#luksuzni-restoran .so-img-gallery {
    margin-bottom: 10px;
    outline: 5px solid #fff;
    outline-offset: -12px;
}

#luksuzni-restoran .offer-rating{
    margin-top: 10px;
}

#luksuzni-restoran .offer-rating img{
    padding-right: 5px;
}

#luksuzni-restoran  #gallery-luxury{
    margin-top: 65px;
}

@media(min-width:768px){
	#portfolio-luksuz .col-sm-6{
		display:inline-block;
		width:calc(50% - 2px);
		vertical-align:top;
		float:none;
	}
}

@media(min-width:992px){
	#portfolio-luksuz .col-md-3{
		width:calc(25% - 3px);
	}
}

#luksuzni-restoran #portfolio-luksuz div:not(#gallery-luxury) {
	text-align:center;
}

#luksuzni-restoran  #contact{
    margin-top: 50px;
}

#luksuzni-restoran  .contact-map{
    background: #f3f1e9 url(../../luksuz/bg-map.png) no-repeat;
    background-size: cover;
    background-position: center 0;
    color: #a47d5e;
    padding-bottom: 50px;
}

#luksuzni-restoran  .contact-map h4 span{ text-transform: lowercase; }
#luksuzni-restoran  .contact-map h5{ margin-bottom: 100px; }

#luksuzni-restoran  .contact-txt{
    text-transform: uppercase;
    font-family: 'Alegreya', serif;
    font-weight: 700;
    text-align: center;
    line-height: 25px;
}

#luksuzni-restoran  .contact-txt p{ margin-right:0px;}

#luksuzni-restoran  .contact-txt a{
    text-transform: lowercase;
    color: #a47d5e;
}

#luksuzni-restoran  iframe{
	width:100%;
    -webkit-box-shadow: 0 0 10px #ddd;
    box-shadow: 0 0 20px #949494;
}

/* 404 Page Styles */

#luksuzni-restoran .error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

#luksuzni-restoran .price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

#luksuzni-restoran .price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

#luksuzni-restoran .period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

#luksuzni-restoran #footer {
    margin: 50px 0px 0px;
		padding-bottom:50px;
    background: url(../../luksuz/hr.png) no-repeat;
    background-position: top center;
    overflow: hidden;
}

#luksuzni-restoran #footer .footer-name{
    display: list-item;
    list-style: none;
    float: left;
    color: #b68c2a;
    font-family: 'Scriptina', serif;
    font-size: 24px;
    letter-spacing: 5px;
    width: 175px;
    text-align: center;
    margin-top: 95px;
}

#luksuzni-restoran #footer .footer-nav{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-top: 100px;
}

#luksuzni-restoran #footer .footer-nav>li>a{
    color: #b68c2a;
    text-transform: uppercase;
    font-family: 'Alegreya', serif;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 3px;
    padding: 20px 30px 20px 25px;
    background: url(../../luksuz/tilda.png) no-repeat center right;
}

#luksuzni-restoran #footer .footer-nav>li>a:hover{
    color: #fff;
    background: none;
}

#luksuzni-restoran #footer .footer-nav>li>a.last-child{
    background: none;
}

/* Responsive Styles */

@media(max-width:1199px){
	#luksuzni-restoran .navbar-inverse .navbar-nav > li > a:not(.tripadvisor) { padding: 20px 40px }	
	#luksuzni-restoran #footer .footer-nav > li > a { padding: 20px 36px;}
	
	#luksuzni-restoran #footer .footer-name{
		float: none;
		position: absolute;
		margin: 20px 0px;
		left: calc(50% - 88px);
	}
}

@media(max-width:991px) {
	#luksuzni-restoran .customer-img,
	#luksuzni-restoran .img-related {
			margin-bottom: 30px;
	}
	#luksuzni-restoran iframe{
			width: 100%!important;
	}
	#luksuzni-restoran .carousel-caption h2{
			font-size: 85px;
	}
	#luksuzni-restoran .navbar-fixed-bottom .navbar-collapse,
	#luksuzni-restoran .navbar-fixed-top .navbar-collapse{
			max-height: initial;
	}
	#luksuzni-restoran .navbar-inverse .navbar-nav>li>a:not(.tripadvisor){
			background: none;
			padding: 15px 23px;
	}
	#luksuzni-restoran .main-info{
			background: none;
	}
	#luksuzni-restoran .main-info p{ margin-right:0px; }
	#luksuzni-restoran .main-info img {
			float: none;
			margin: 50px auto 0 auto;
	}
	#luksuzni-restoran .so-left-box-right{
			padding: 0 30px 20px 30px;
	}
	#luksuzni-restoran .so-left-box-right p { margin-right:0px; }
	#luksuzni-restoran .so-img-gallery, .img-gallery{
			margin-left: auto;
			margin-right: auto;
	}
	#luksuzni-restoran #special-offer{
			padding: 0;
	}
	#luksuzni-restoran h2.page-header{
			font-size: 48px;
	}
	#luksuzni-restoran h4.page-header{
			font-size: 30px;
			padding-top: 30px;
	}
	#luksuzni-restoran h6{
			width: 300px;
			font-size: 18px;
	}
	#luksuzni-restoran .contact-map h5 {
			margin-bottom: 50px;
	}
	#luksuzni-restoran h6 .so-left{
			padding-left: 10px;
	}
	#luksuzni-restoran h6 .so-right{
			padding-right: 10px;
	}
	#luksuzni-restoran .so-right-box {
			margin: 100px 0 20px 0;
	}
	#luksuzni-restoran .so-left-box{
			padding: 0;
	}
	#luksuzni-restoran .footer-nav>li>a{
			background: none;
	}
	#luksuzni-restoran .footer-nav{
			margin-top: 70px;
			text-align: center;
	}	
	
	#luksuzni-restoran #footer .footer-nav > li > a { padding: 20px 18px;}
}

@media(max-width:767px) {
    #luksuzni-restoran .navbar {
        min-height: 80px;
    }
    #luksuzni-restoran .navbar-brand{
			margin-left:35px;
        margin-bottom:20px;
				float:left;
    }
    #luksuzni-restoran .img-portfolio {
        margin-bottom: 15px;
    }

    #luksuzni-restoran #mainSlider.carousel .carousel {
        height: 70%;
    }
    #luksuzni-restoran .navbar-inverse .navbar-brand{
        font-size: 30px;
    }
		
		#luksuzni-restoran .navbar-inverse .navbar-nav>li>a:not(.tripadvisor){ padding: 15px 40px 15px 35px; }
		
		#luksuzni-restoran #portfolio-luksuz div:not(#gallery-luxury){
			display: inline-block;
			width: calc(50% - 2px);
		}
		
		#luksuzni-restoran #footer .footer-menu { padding-top: 100px; }
		#luksuzni-restoran #footer .footer-name { top:0px; }
		#luksuzni-restoran #footer .footer-nav { margin:0px; }
		#luksuzni-restoran #footer .footer-nav > li > a { background:none; }
		
		#luksuzni-restoran #footer .footer-nav:first-of-type { border-bottom:0px; }
		#luksuzni-restoran #footer .footer-nav:last-of-type { border-top:0px; }
}

@media(max-width:599px){
	#luksuzni-restoran #portfolio-luksuz div:not(#gallery-luxury){
		display: block;
		width: auto;
	}
}

@media (min-width:768px) and (max-width:1199px){
	#luksuzni-restoran #main-navbar-collapse { margin-bottom:20px; }
}