@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------------
[Master Stylesheet]

Project:	Kafe K
Version:	1.0
-------------------------------------------------------------------*/

/* google font */
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700);
@import url(https://fonts.googleapis.com/css?family=Raleway:500,600,700,800,900,400,300);
@import url(https://fonts.googleapis.com/css?family=Tangerine:400,700);


/*------------------------------------------------------------------

[Table of contents]

1. body
2. common Classes
2. header 
3. navigation / .navbar
4. sections

NOTE: Every section is commented before starting.

-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Typography]

Body 		:		font-family : ''Source Sans Pro', sans-serif'
Paragraph	:		font-family : ''Source Sans Pro', sans-serif'
Input, 
textarea,
title	:		font-family : 'Raleway, sans-serif'  +   font-family: 'Tangerine', cursive;


# [Headings]

h1,
.h1 	font-size: 48px

h2,
.h2     font-size: 42px

h3,
.h3     font-size: 36px

h4,
.h4     font-size: 32px

h5,
.h5     font-size: 28px

h6,
.h6     font-size: 24px

h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small   
		
		font-size: 20px

-------------------------------------------------------------------*/


body{
	background:#e5e5e5;
	font-family: 'Source Sans Pro', sans-serif;
	color:#222;
}
*{
	margin:0px;
	padding:0px;
}

h1{
	font-weight: 700;
	font-family: 'Raleway', sans-serif;
	font-size:48px;
	text-transform:uppercase; 
}
h2{
	font-weight: 700;
	font-size:42px;
	font-family: 'Raleway', sans-serif;
	color:#222222;
}
h3{
	font-weight: 300;
	font-size:36px;
	font-family: 'Raleway', sans-serif;
}
h4{
	
	font-weight: 600;
	font-size:32px;
	font-family: 'Raleway', sans-serif;
}
h5{
	font-weight:700;
	font-size:28px;
	font-family: 'Raleway', sans-serif;
}
h6{ 
	font-weight: 600;
	font-size:24px;
	font-family: 'Raleway', sans-serif;
}
p{
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:400;
	font-size:20px;
	line-height: 27px;
}

a{
	text-decoration:none;
}
li{
	list-style:none;
}
a .img{
	border:none;

}
a{transition: background-color 0.5s ease; transition: color 1s; -webkit-transition: color 1s; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;}
a:hover {transition: background-color 0.5s ease; }
img{ width:100%;}
img:hover {transition: background-color 0.5s ease; }
.clear{
	clear:both;
}
.height5{	height:5px; }
.height10{	height:10px; }
.height15{	height:15px; }
.height20{ 	height:20px; }
.height25{	height:25px; }
.height30{	height:30px; }
.height35{	height:35px; }
:focus{ outline:none;}



/*..... HEADER ......*/

.header .logo{ width: 160px; float: left; margin: 14px 0px 0 0; padding: 0 15px;}
.header .nav{ float:left; margin:0 0 0 0;}
.header .nav ul li{ float:left;}
.header .nav ul li a{ color: #141414; text-transform: uppercase; font-weight: 400; font-size: 16px; font-family: 'Raleway', sans-serif; border-left: solid 1px #cccccc; padding: 26px 30px; line-height: 70px;}



.header .nav ul li:last-child a{ border-right: solid 1px #cccccc;}
.header .get-touch{ float:right;}
.header .get-touch li{ float:left;}
.header .get-touch li a{ text-transform: uppercase; font-size: 18px; padding: 22px 25px; float: left;}
.header .get-touch li.book-table a{ color:#fff; background:#0a1d3b; font-weight:500; line-height: 26px; font-family: 'Raleway', sans-serif;}
.header .get-touch li.book-table a span{ float:left;}
.header .get-touch li.book-table a:hover{background:#022863;}
.header .get-touch li.book-table i{color:#fff; margin:-2px 0 0 115px; float: right; font-size: 26px;}

.header .get-touch li.contact-no i{ margin: 0px 15px 0 0; float: left; font-size: 26px;}
.header .get-touch li.contact-no a{ font-size:20px;}






/*..... HEADER TWO ......*/

.header-two {background-color: #e5e5e5!important;}
.header-two .logo2{ width:270px; float:left; margin: 20px 26px 0 0;}


.header-two .logo-dark{ display:none;}
.header-two .nav{ float:left; }
.header-two .nav ul li{ float:left;}
.header-two .nav ul li a{ color: #222; text-transform: uppercase; font-weight: 600; font-size: 14px; font-family: 'Raleway', sans-serif; padding: 0px 0; margin: 0 10px; line-height: 102px;}
.header-two .nav ul li.select-item a{ color: #222; border-bottom: solid 1px #222;}
.header-two .get-touch{ float:right; margin:38px 0 0 0;}
.header-two .get-touch li{ float:left;}
.header-two .cont-right{ float:right;}
.header-two .social-icons{ float:left; margin:40px 8px 0 0;}
.header-two .social-icons li{ float:left; margin: 0 5px;}
.header-two .social-icons li a{color:#222; font-size:20px;}
.header-two .social-icons li a:hover{color:#e9b947;}
.header-two .get-touch li a{ text-transform: uppercase; font-size: 18px; padding:0px 18px; float: left;}
.header-two .get-touch li.book-table a{ color:#fff; background:#0a1d3b; font-weight:500; line-height: 26px; font-family: 'Raleway', sans-serif;}
.header-two .get-touch li.book-table a span{ float:left;}
.header-two .get-touch li.book-table a:hover{background:#022863;}
.header-two .get-touch li.book-table i{color:#fff; margin:-2px 0 0 115px; float: right; font-size: 26px;}
.header-two .get-touch li.contact-no i{ margin: 0px 15px 0 0; float: left; font-size: 26px;}
.header-two .get-touch li.contact-no a{ font-size:20px; color:#222;}





.wave{ background:url(../images/wave.png) repeat-x; height:46px; position: relative; z-index: 100; margin: -10px 0 0 0;}

/*.meni2{ background-color:#c6c6c6; height:60px; position: relative; z-index: 100; margin: 0 0 0 0;}*/

.meni2 ul {
	text-align: center;
    list-style-type: none;
    margin: 0;
    /*margin: 0 350px 0 350px;*/
    padding: 0;
    overflow: hidden;
    background-color: #494949;
}

.meni2 li {
    
    display: inline-block;
}

.meni2 li a {
	text-transform: uppercase; font-weight: 400; font-size: 14px; font-family: 'Raleway', sans-serif;
    display: block;
    color: white;
    text-align: center;
    padding: 24px 26px;
    text-decoration: none;
}

.meni2 li a:hover {
    background-color: #111;
}

.meni2 .active a {
	background-color: #E9B947;
	font-weight: 600;
	color: black;
}

.meni2 .active a:hover {
	background-color: #111;
	color: white
}

@media screen and (max-width: 600px){
    .meni2 ul, 
    .meni2 li {float: none;}
}




.arrow-scroll {}
.arrow-scroll img{ width:43px; height:36px;}
.scroll-down{ position: absolute; left: 49.2%; bottom:110px; z-index: 5555;}
.scroll-down.bounce { //bounce animation position:relative; //top:1em; Transform: translateY(4em); animation-name: bounce; animation-timing-function: ease-in;		animation-duration:2.5s; animation-iteration-count: infinite; animation-direction: alternate;}


/*..... MAIN TITLE ......*/

.main-title{ text-align:center;}
.main-title span{ font-size:100px; font-family: 'Tangerine', cursive;}
.main-title h1{ background: url(../images/heading-dark.png) no-repeat center 80px; letter-spacing: 4px; padding: 0 0 70px 0; margin: -6px 0 0 0;}
.main-title p{width: 80%; display: inline-block;}

.main-title-white{ text-align:center;}
.main-title-white span{ font-size:100px; font-family: 'Tangerine', cursive; color:#fff;}
.main-title-white h1{ background: url(../images/heading-light.png) no-repeat center 80px; letter-spacing: 4px; padding: 0 0 70px 0; margin: -6px 0 0 0; color:#fff;}
.main-title-white p{width: 80%; display: inline-block;}

.back{ background:#f9f8f7;}




.dark-bg{ background:#f9f8f7;}





.parallax { position: relative; width: 100%; height: 600px; overflow: hidden; text-align:center;}
.parallax img.parallax-back { position:absolute; bottom:0; left: 0;}
.parallax .detail { position: absolute;  width: 100%;}



.our-story{ padding:50px 0 0 0;}
.our-story .story-detail{ margin:42px 0 0 0; text-align:center;}
.our-story .story-detail p{ width:92%; display: inline-block;}
.our-story .story-detail a.full-story{text-transform:uppercase; font-weight: 500; font-family: 'Raleway', sans-serif; margin: 30px 0 0 0;     padding: 0 0 4px 0; display:inline-block;}
.our-story .story-detail a.full-story:hover{ color:#000; border-bottom: solid 2px #000;}		





/*..... FOOTER ......*/
.footer{ padding:0px 0 0 0; }
.footer .get-touch { border-bottom: solid 1px #d3d3d3; padding: 0 0 65px 0; margin: 95px 0 0 0;}
.footer .get-touch .contact-us{float: left;}
.footer .get-touch .detail{ margin:45px 0 0 0;}
.footer .get-touch .contact-us p{}
.footer .get-touch .contact-us ul{ margin:35px 0 0 0;}
.footer .get-touch .contact-us ul li{margin: 0 0 20px 0; float: left; width: 100%;}
.footer .get-touch .contact-us ul li.phone i{ font-size:30px;}
.footer .get-touch .contact-us ul li span{ font-size: 20px; margin: 0 0 0 0; float: right; width: 88%;}
.footer .get-touch .contact-us ul li i{ font-size: 28px; float: left; width: 12%;}
.footer .get-touch .open-hours{float: left;}
.footer .get-touch .open-hours ul { float: left; width: 92%; }
.footer .get-touch .open-hours li{ width: 100%; float: left; margin: 0 0 14px 0;}
.footer .get-touch .open-hours li span.day{ font-weight:800; font-size:20px; float:left;}
.footer .get-touch .open-hours li span.time{ float:right; font-size:18px; font-weight:300;}
.footer .get-touch .instagram .col-md-4{    padding-left:0; padding-right: 8px;}
.footer .get-touch .instagram{ float:left;}
.footer .get-touch .instagram a{ margin: 0 0 8px 0; float: left;}



.footer .copyrights{ background:#262526; text-align:center; margin: 15px 0 0 0; padding:58px 0;}
.footer .copyrights span{ color:#a0a0a0; font-size:16px;}
.footer .copyrights span a{color:#dbdbdb;}
.footer .copyrights span a:hover{color:#a7a7a7;}
.footer .copyrights ul{ margin: 22px 0 0 0;}
.footer .copyrights ul li{ display:inline-block;}
.footer .copyrights ul li a{ color:#a8a8a8; text-transform: uppercase; font-size:15px;}





/*..... FOOTER ......*/
.footer-dark{ padding:120px 0 0 0; background:#222;}
.footer-dark .main-title h1{background: url(../images/heading-light.png) no-repeat center 80px; color:#fff;}
.footer-dark .get-touch{border-bottom: solid 1px #d3d3d3; padding: 0 0 65px 0; margin: 95px 0 0 0;}
.footer-dark .get-touch .contact-us{float: left;}
.footer-dark .get-touch .contact-us h4{color:#fff;}
.footer-dark .get-touch .detail{ margin:45px 0 0 0;}
.footer-dark .get-touch .contact-us p{color:#fff;}
.footer-dark .get-touch .contact-us ul{ margin:35px 0 0 0;}
.footer-dark .get-touch .contact-us ul li{margin: 0 0 20px 0; float: left; width: 100%;}
.footer-dark .get-touch .contact-us ul li.phone i{ font-size:30px;}
.footer-dark .get-touch .contact-us ul li span{ font-size: 20px; margin: 0 0 0 0; float: right; width: 88%; color:#fff;}
.footer-dark .get-touch .contact-us ul li i{ font-size: 28px; float: left; width: 12%; color:#fff;}
.footer-dark .get-touch .open-hours{float: left;}
.footer-dark .get-touch .open-hours h4{ color:#fff;}
.footer-dark .get-touch .open-hours ul { float: left; width: 92%; }
.footer-dark .get-touch .open-hours li{ width: 100%; float: left; margin: 0 0 14px 0;}
.footer-dark .get-touch .open-hours li span.day{ font-weight:800; font-size:20px; float:left; color:#fff;}
.footer-dark .get-touch .open-hours li span.time{ float:right; font-size:18px; font-weight:300; color:#fff;}
.footer-dark .get-touch .instagram .col-md-4{    padding-left:0; padding-right: 8px;}
.footer-dark .get-touch .instagram{ float:left;}
.footer-dark .get-touch .instagram h4{ color:#fff;}
.footer-dark .get-touch .instagram a{ margin: 0 0 8px 0; float: left;}

.footer-dark .copyrights{ background:#151515; text-align:center; margin: 75px 0 0 0; padding:58px 0;}
.footer-dark .copyrights span{ color:#a0a0a0; font-size:16px;}
.footer-dark .copyrights span a{color:#dbdbdb;}
.footer-dark .copyrights span a:hover{color:#a7a7a7;}
.footer-dark .copyrights ul{ margin: 22px 0 0 0;}
.footer-dark .copyrights ul li{ display:inline-block;}
.footer-dark .copyrights ul li a{ color:#a8a8a8; text-transform: uppercase; font-size:15px;}






/*..... SUB BANNER ......*/
.sub-banner{ height:505px; min-height:505px; max-width:1200px; margin: 0 auto;}
.sub-banner .banner-img{ background:url(../images/sub-banner.jpg) no-repeat; width:100%; height:100%; background-size: cover;}
.sub-banner .banner-img2{ background:url(../images/sub-banner2.jpg) no-repeat; width:100%; height:100%; background-size: cover;}
.sub-banner .banner-img3{ background:url(../images/sub-banner3.jpg) no-repeat; width:100%; height:100%; background-size: cover;}
.sub-banner .banner-img4{ background:url(../images/sub-banner4.jpg) no-repeat; width:100%; height:100%; background-size: cover;}
.sub-banner .banner-img5{ background:url(../images/sub-banner5.jpg) no-repeat; width:100%; height:100%; background-size: cover;}
.sub-banner .banner-img6{ background:url(../images/sub-banner6.jpg) no-repeat; width:100%; height:100%; background-size: cover;}
.sub-banner .banner-img7{ background:url(../images/sub-banner7.jpg) no-repeat; width:100%; height:100%; background-size: cover;}
.sub-banner .banner-img8{ background:url(../images/sub-banner8.jpg) no-repeat; width:100%; height:100%; background-size: cover;}
.sub-banner .banner-img9{ background:url(../images/sub-banner9.jpg) no-repeat; width:100%; height:100%; background-size: cover;}
.sub-banner .detail { position: absolute; top:220px; text-align: center; width: 100%; display: block; padding: 0 20px 0 0 ;}
.sub-banner .detail h1{ color:#fff; display: block;}
.sub-banner .detail span{color:#fff; font-size: 20px; display: block;}
.sub-banner .detail ul{ float:right; margin:110px 0 0 0;}
.sub-banner .detail ul li{ float: left; background: url(../images/paging-arrow.png) no-repeat right 9px; margin: 0 0 0 0; padding: 0 16px 0 10px;}
.sub-banner .detail ul li:last-child{background:none;}
.sub-banner .detail ul li a{ color:#fff;}
.sub-banner .detail ul li a:hover{ color:#e9b947;}
.sub-banner .detail ul li a.select{ color:#e9b947; font-weight:700;}



/*..... OUR STORY ......*/
.our-story .atmosphere { margin: 55px 0 0 0; text-align: center;}
.our-story .atmosphere p{ width:92%; display:inline-block;}
.master-town .detail p{ color:#fff; display:block; font-size:22px;}
.restaurant-tour{ padding:120px 0;}




/*..... THE MENU PAGE 1 ......*/
.our-menu{ padding:60px 0;}
.our-menu .menu-sec{ margin: 0 0 110px 0; border-bottom: solid 1px #ccc; padding: 0 0 130px 0;}
.our-menu .menu-sec.last{ margin:0; border-bottom:none; padding:0;}
.our-menu .menu-sec .menu-detail{ margin: 62px 0 0 0;}
.our-menu .menu-sec .menu-detail img{ margin: 0 0 25px 0;}
.our-menu .menu-sec .menu-detail .food-detail{ margin:0 0 56px 0;}
.our-menu .menu-sec .menu-detail .food-detail span{ font-size:22px;}
.our-menu .menu-sec .menu-detail .food-detail span.title { border-bottom: solid 1px #CCCCCC; display: block; padding: 0 0 14px 0;}
.our-menu .menu-sec .menu-detail .food-detail span.price{ font-size: 20px; float: right; font-weight: 600;}
.our-menu .menu-sec .menu-detail .food-detail span.tags{ font-size: 16px; color: #878787; display: block; margin: 14px 0 0 0; font-weight:300;}

/*..... THE MENU PAGE 2 ......*/
.our-menu .food-sec{ margin:0 0 75px 0;}
.our-menu .food-sec .detail{ text-align:center; margin: 0 0 40px  0;}
.our-menu .food-sec .detail span.food-time{font-size: 16px; font-weight: 500; font-family: 'Raleway', sans-serif; text-transform: uppercase;    padding: 0 0 5px 0; margin: 0 0 0 0; display: inline-block; text-align: center;}
.our-menu .food-sec .detail span.small-tit{ display:block; font-size:18px; color:#999999; margin: 24px 0 0 0;}
.our-menu .food-sec .detail h6{ margin: 2px 0 0 0; display:block;}
.our-menu .food-sec .detail p{ margin:8px 0 0 0;}

/*..... THE MENU PAGE 3 ......*/
.our-menu.our-menu .menu-sec{ margin:0 0 50px 0; border-bottom:none; padding:0;}







/*..... CONTACT ......*/
.contact-page .get-in-touch{ padding:120px 0;}
.contact-page .get-in-touch .get-touch-detail h3{ font-weight: 700;}
.contact-page .get-in-touch .get-touch-detail p{ margin:10px 0 0 0;}
.contact-page .get-in-touch .social-icons{margin: 48px 0 0 0;}
.contact-page .get-in-touch .social-icons ul{margin:18px 0 0 0;}
.contact-page .get-in-touch .social-icons ul li{display: inline-block; margin: 0 3px;}
.contact-page .get-in-touch .social-icons ul li a{color: #222; border: solid 2px #444444; border-radius: 100%; width: 50px; height: 50px; padding: 11px 13px;	float:left; font-size: 20px;}
.contact-page .get-in-touch .social-icons ul li a:hover{color: #808080; border: solid 2px #808080; }

.contact-page .get-in-touch .get-touch-form{}
.contact-page .get-in-touch .get-touch-form input[type=text]{ float:left; width:48%; border:solid 1px #bfbfbf; height:52px; border-radius:5px;
padding:0 10px; font-size:18px; color:#464646;}
.contact-page .get-in-touch .get-touch-form input#email_address{  float:right;}
.contact-page .get-in-touch .get-touch-form textarea{ margin:20px 0 0 0; width:100%; border:solid 1px #bfbfbf; height:234px; border-radius:5px;
font-size:18px; color:#464646; padding:10px;}
.contact-page .get-in-touch .get-touch-form input[type=submit]{ float:left; border:none; border-radius:5px; padding:18px 40px; font-size:15px; color:#fff; font-family: 'Raleway', sans-serif; font-weight:400; text-transform:uppercase; margin:15px 0 0 0;}
.contact-page .get-in-touch .get-touch-form input[type=submit]:hover{background:#0a1d3b; }
#find-us { height:680px; width:100%px; }
#map{ margin:0 0 -4px 0; 	}
.gm-style-iw * { display: block; width: 270px !important; overflow: hidden;}
.gm-style-iw h4{ margin: 0; padding: 0; font-size:26px; margin:0 0 6px 0;}
.gm-style-iw p { margin: 0; padding: 0;}
.gm-style-iw a { color: #4272db; }


.find-us{ padding:50px 0;}
.find-us .get-touch h3{ font-weight: 700;}
.find-us .get-touch p{ margin:8px 0 0 0;}
.find-us .get-in-touch span{  font-size: 20px;  display: block;  line-height: 34px;}
.find-us .get-in-touch .social-icons a{  color: #222;  border: solid 1px #222;  padding: 7px 9px;  border-radius: 100%;  font-size: 16px; margin:0 5px 0 0px;}
.find-us .get-in-touch .social-icons a:hover{ color:#fff;}
.find-us .get-in-touch span a{ color:#222;}
.find-us .get-in-touch span a:hover{ color:#02adc6;}
.find-us .get-in-touch .social-icons{ margin:25px 0 0 0;}
.find-us .get-in-touch .social-icons a.fb:hover {  background: #5c85ce;  border: solid 1px #5c85ce;}
.find-us .get-in-touch .social-icons a.tw:hover {  background: #02c0f2;  border: solid 1px #02c0f2;}
.find-us .get-in-touch .social-icons a.gp:hover {  background: #eb6850;  border: solid 1px #eb6850;}
.find-us .get-in-touch .social-icons a.vimeo:hover {  background: #68d4ee;  border: solid 1px #68d4ee;}
.get-directions {  text-align: center;  margin: 40px 0 0 0;}
.get-directions input[type="submit"] {  background: url(../images/directions-btn.png) no-repeat;  width: 72px;  height: 59px; color:rgba(255, 255, 255, 0);
  padding: 0;  margin: 0;  border: 0;  min-width: 0;  position: relative;  top: -2px;}
.get-directions input[type="text"] {    padding: 15px 2% 17px;  width:85%;  max-width: 556px;  font-size: 22px;  color: #747474;  font-weight: 400;  font-family: 'Raleway', sans-serif;  border: solid 1px #BEBEBE;  border-radius: 10px;  margin: 0 10px 0 0;}
.find-us .get-touch .map{ margin:38px 0 0 0;}
.find-us .get-touch .detail{ margin:45px 0 0 0;}
.find-us .get-touch .detail span{  font-size: 20px;  display: block;  line-height: 34px;}
.find-us .get-touch .detail span b{ margin:0 5px 0 0;}










/*..... FORM ERROR and SUCCESS MESSAGES ......*/
p#reserv_error { border: solid 3px #FFA3A3; background: #FBF0F0; padding: 12px 0; margin: -28px 0 15px 16px; width: 96%;}
form#newsletter_form .error { border: solid 2px #F77070 !important;}
#contact_form .error { border: solid 1px #FF8282 !important; background: #FFF1F1;}

.booking-form .success{font-family: 'Raleway', sans-serif; font-size:26px; margin: 95px 0 0 0; color: #E9B947;  position: absolute; left:0; text-align:center; width:100%; }

.newsletter .success_msg{font-family: 'Raleway', sans-serif; font-size:22px; margin:12px 0 0 0; color: #E9B947;  position: absolute; left:0; text-align:center; width:100%; }

.get-touch-form .success_msg{font-family: 'Raleway', sans-serif; font-size:22px; margin:12px 0 0 0; color: #E9B947;  position: absolute; left:0; text-align:center; width:100%; }


/* Pocetna */

.pecat02a {
	padding-top: 20px;
}

/* Google reviews */

#google-reviews {
	margin-top: 50px;
	background-color: #FFFFFF;
}
.googledugme {
	padding: 20px;
	text-align: center;
	margin-bottom: 50px;
}

/* Catering */

.catering-intro {
	padding-bottom: 0px!important;
}

.catering {
	padding-top: 0px;
}


/*..... Ulepsavanje Revolution slider-a ......*/



@media screen and (max-width:767px) {
    .tp-bullets {
        margin-bottom: 5px
    }

/*.sub-banner .banner-img3{ 
	background-position: center; 
	background-position: calc(20% - 150px) 50%;
}*/



.sub-banner {
	margin-top: 80px;
	height: 150px;
	min-height: 150px;
}

.sub-banner .detail h1 {
	display: none;
}


}

@media screen and (min-width:768px) {
    .tp-bullets {
        bottom: 62px!important
    }



}

.tp-bullets.simplebullets.round .bullet {
    width: 12px;
    height: 12px;
    background: none rgba(255, 255, 255, 0);
    border: 2px solid #fff;
    margin-left: 10px;
    border-radius: 20px;
    transition: all 250ms ease-in-out
}

@media screen and (min-width:768px) {
    .tp-bullets.simplebullets.round .bullet {
        width: 15px;
        height: 15px
    }
}

.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected {
    background-color: #fff
}

.tp-bullets.simplebullets.round .bullet.last {
    margin-right: 10px
}

	.pocetna {
		padding: 10px 0 0 0!important;
	}



body.safari .tp-bullets,
body.safari .tparrows,
body.safari .iv-layout.header {
    -webkit-transform: translate3d(0, 0, 0)
}

.detail .ispodnaslova {
/*	color: #494949!important;*/
	text-shadow: 2px 2px 4px #494949;
}



.sub-banner .detail h1 {
	text-shadow: 2px 2px 4px #494949;
}



@media screen and (max-width: 992px) {

	.our-menu .menu-sec .menu-detail .food-detail {
		margin: 20px 0 50px 0!important;
	}

	.our-menu .menu-sec .menu-detail .food-detail span.price {
		float: right;
		padding: 10px;
	}

	.header-two .logo2{ width:280px; float:left; margin: 18px 26px 0 0!important;}

	.our-menu .menu-sec .menu-detail .food-detail span.price {
		padding: 0px;
	}

}

.copyrights .social-icons2{ float:center; margin:40px 8px 0 0;}
.copyrights .social-icons2 li{ float:center; margin: 0 5px;}
.copyrights .social-icons2 li a{color:#222; font-size:25px!important;}
.copyrights .social-icons2 li a:hover{color:#e9b947;}


/*..... BUTTONS ......*/
.white-btn{ width: 250px; background: #efb006; font-size: 18px; color: #333333; font-weight: 600; font-family: 'Raleway', sans-serif; padding: 10px 10px;
	border-radius: 5px; display: inline-block; border: #333333 solid 1px; margin-bottom: 10px; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);}
.white-btn:hover{background: #848173!important; color:#fff;}
.btn-font {  font-size: 23px; font-weight: 700; }