/*
/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ CONTENTS /\/\/\/\/\/\/\/\/\/\/\/\/\/\//\/\/\/\

	1.	IMPORT
	2.	DEFAULT STYLES
	3.	MARGINS AND PADDINGS
	4.	HEADING BOX
	5.	CIRCLE BUTTON
	6.	GALLERY - SORT SECTION		izbornik za galerije
	7.	TOP HEADER	
	8.	MAIN HEADER
	9.	TOP FOOTER
	10. FOOTER	
	11.	PICTURE-BOX 1 Style
	12.	PICTURE-BOX 2 Style	
	13. APARTMENT MAIN BOX 

		GLAVA TABLICA APARTMANA 1 I 2 - BEGIN
		SREDJIVANJE IZGLEDA PRVE SLIKE APARTMANA 1 I 2 - NIJE POTREBNO AKO SE OVO ZADRŽI
		APARTMENT FACILITIES - I NJIH JE MOGUĆE IZBRISATI 

	14. LISTA USLUGA
	15. APARTMENT FACILITIES	
	16. MY CALENDER	
	17. TABS - IZBORNIK
	18. GALLERY STYLE
	19. BEGGINING INTERNAL OF PAGES
	20. BEGGINING INTERNAL OF APARTMENT PAGES
	21. IZGLED 1
	22. IZGLED 2
	23. IMG FRAME SCROLL	
	24. KUBICK
	25. USLUGE / SERVICE BOX		
	26. APARTMENT CONTAINER	
	27. BOOK BOX	
	28. ADD TESTIMONIAL BOX	
	29. TESTIMONIALS
	30. ADDITIONAL INFORMATION BOX
	31. CJENIK
	32. BOOK RIBBON
	33. CONTACT PAGE - POTREBNO UREDITI!!!!
	
	
	
	2. HEADER
	3. FOOTER
	4. INDEX.HTML
	5. PROFIL_TVRTKE.HTML
	6. USLUGE
	7. USLUGE - O KONKRETNOJ USLUZI.HTML
	8. REFERENCE.HTML	
	9. REFERENCE - O KONKRETNOM PROJEKTU.HTML	
	10. KONTAKT.HTML
	11. RESPONSIVE LAYOUTS

/\/\/\/\/\/\/\/\/\/\/\/\/\/\//\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\//\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\//\/\/\/\



3- Animation.css
5- Chosen
6- Owl Slider
7- datepicker
8- Magnific Popup
9- Reset Default styles
10- Shortcodes
	-- heading
	-- buttons
	-- pagination
	-- blockqoute
11- Top header
12- Main header
13- Main Slider
14- Main Booking Form

16- Special Package
17- Gallery
18- Buy theme
19- Top Footer
20- Footer
21- Pages
	-- About
	-- Rooms
	-- Gallery
	-- Restaurant
	-- Guest Book
	-- Packages
	-- Not Found
	-- Coming Soon
	-- Staff
	-- Contact
	-- Blog
	-- Room Details
	-- Booking
22- Sidebar
23- Full Screen izgled_1
24- Comments
-----------------------------------------------------*/



/* ==================================================================================================== */
/* 1. IMPORT																							*/
/* ==================================================================================================== */

@charset "UTF-8";

/*Lobster Raleway font*/
@import url("https://fonts.googleapis.com/css?family=Lobster%7cRaleway:400,300,100,600,700,800");	

@import "font-awesome.css";			/* font-awesome*/

@import "bootstrap.css";

@import "animation.css";

@import "chosen.css";

@import "owl-slider.css";

@import "main-booking-form.css";	/* question form na index.html*/

@import "datepicker.css";			/* odabir datuma na kalendaru*/

@import "magnific-popup.css";	


/* ==================================================================================================== */
/* 2. DEFAULT STYLES																					*/
/* ==================================================================================================== */

html {
  overflow-y: auto;
  overflow-x: hidden; }

body {
  background: #FFFFFF;
  font: 14px/20px "Raleway", Arial, Helvetica, sans-serif;
  color: #333333;
  padding: 0;
  font-weight: 300; }

ul {
  list-style: none;
  padding: 0;
  margin: 0; }

a {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #C5A46D; }
  a:hover, a:focus {
    text-decoration: none;
    outline: none;
    color: #333333; }

input:focus, textarea:focus {
  border-color: #333333;
  outline: none !important; }


.bg_color_1 {
	background-color: #f8f9f9;
	}

.bg_pattern_1 {
	background-image: url("../img/background2.png");
	background-repeat: repeat-x repeat-y;
	z-index: -10;
	}

.lobster-header {
	font: 50px "Lobster", Arial, Helvetica, sans-serif;
	text-align: center;
	color: #333333;
	padding: 30px;
	}
	
.lobster-href {
	font: 30px "Lobster", Arial, Helvetica, sans-serif;
	text-align: center;
	color: #333333;
}
.lobster-href:hover{
	color: #C5A46D;
}
	
	
/* ==================================================================================================== */
/* 3. MARGINS AND PADDINGS																				*/
/* ==================================================================================================== */

.margin-bottom-70{ margin-bottom:70px; }

.margin-bottom-50{ margin-bottom:50px; }

.margin-bottom-40{ margin-bottom:40px; }

.margin-bottom-30{ margin-bottom:30px; }

.margin-bottom-20{ margin-bottom:20px; }

.margin-0{ margin:0 auto; }

.margin-top-20{ margin-top:20px; }

.margin-top-30{ margin-top:30px; }

.margin-top-40{ margin-top:40px; }

.margin-top-50{ margin-top:50px; }

.margin-top-70{ margin-top:70px; }

/* ========================================      Paddings       ======================================== */

.padding-top-100{ padding-top: 100px; }

.padding-top-70{ padding-top: 70px; }

.padding-top-50{ padding-top: 50px; }

.padding-top-30{ padding-top: 30px; }

.padding-top-10{ padding-top: 10px; }

.padding-bottom-10{ padding-bottom: 10px; }

.padding-bottom-30{ padding-bottom: 30px; }

.padding-bottom-50{ padding-bottom: 50px; }

.padding-bottom-70{ padding-bottom: 70px; }

.padding-bottom-100{ padding-bottom: 100px; }




/* ==================================================================================================== */
/* 4. HEADING BOX																						*/
/* ==================================================================================================== */
.heading-box {
	text-align: center;
	margin: 80px 0; }
  
.heading-box h2 {
	color: #C5A46D;
	display: inline-block;
	border-bottom: 1px solid #C5A46D;
	padding: 0 20px 20px;
	margin: 20px 0;
	font-size: 40px;
	letter-spacing: -2px;
	position: relative;
	z-index: 1;
	}
.heading-box h2:before {
	display: block;
	content: "";
	position: absolute;
	left: 50%;
	bottom: -8px;
	margin-left: -8px;
	border: 1px solid #FFFFFF;
	background: #FFFFFF;
	width: 15px;
	height: 15px;
	-webkit-box-shadow: 0 0 0 1px #C5A46D, inset 0 0 0 2px #C5A46D;
	box-shadow: 0 0 0 1px #C5A46D, inset 0 0 0 2px #C5A46D;
	}
.heading-box h2:after {
	display: block;
	content: "";
	position: absolute;
	left: 50%;
	bottom: 1px;
	margin-left: -46%;
	z-index: -1;
	background: #C5A46D;
	width: 92%;
	height: 1px;
	}
.heading-box h2 span {
	font-weight: bold;
	}
.heading-box .subtitle {
	font-size: 16px;
	font-weight: 300;
	}
@media (max-width: 767px) {
	.heading-box h2 {
		font-size: 30px;
		}
	}
.internal-pages .heading-box {
	margin-bottom: 40px;
	}
.internal-pages .heading-box h2 {
	font-size: 32px; 
	}

	
/* ==================================================================================================== */
/* 5. CIRCLE BUTTON																						*/
/* ==================================================================================================== */
.circle_button a {
	position: absolute;
	left: 50%;
	bottom: -38px;
	white-space: normal;
	width: 75px;
	height: 75px;
	padding: 12px 12px 6px 12px;
	text-align: center;
	color: #ffffff;
	font-size: 16px;
	line-height: 25px;
	background: #C5A46D;
	font-weight: bold;
	border: 2px solid #C5A46D;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-box-shadow: 0 0 0 5px rgba(197, 164, 109, 0.3);
	box-shadow: 0 0 0 5px rgba(197, 164, 109, 0.3);
}
.circle_button a:hover {
	background: #b78d49;
}













 

	
/* ==================================================================================================== */
/* 6. GALLERY - SORT SECTION		izbornik za galerije												*/
/* ==================================================================================================== */
.sort-section {
	margin: -50px 0 50px;
	text-align: center;
	}
.sort-section ul {
	display: inline-block;
	}
.sort-section ul li {
	margin: 0 10px;
	}
@media (max-width: 420px) {
	.sort-section ul li {
		margin: 0;
		}
	}
.sort-section ul li a {
	display: block;
	line-height: 40px;
	color: #333333;
	letter-spacing: 2px;
	}
.sort-section ul li a.active {
	border-bottom: 1px solid #C5A46D;
	}
@media (max-width: 600px) {
	.sort-section ul {
		display: none;
		margin: 0 15px;
		}
	.sort-section ul li {
		display: block;
		padding: 0;
		margin: 0;
		}
	}
.sort-handle {
	background: #FFFFFF;
	text-align: center;
	color: #000000;
	line-height: 35px;
	position: relative;
	cursor: pointer;
	margin-bottom: 3px;
	border: 1px solid #C5A46D;
	display: none;
	margin: 0 15px;
	}
@media (max-width: 600px) {
	.sort-handle {
		display: block;
		}
	}
.sort-handle:after {
	content: '';
	float: right;
	margin: 15px 12px 0 0;
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-top: 7px solid #C5A46D;
	}

/* ==================================================================================================== */
/* 7. TOP HEADER																						*/
/* ==================================================================================================== */

#top-header {
	background: #333333;
	color: #FFFFFF;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	letter-spacing: 1px;
}

@media (max-width: 600px) {
	#top-header {
		display: none;
	}
}

#top-header a {
	color: #FFFFFF;
}

#top-header a:hover {
	color: #C5A46D;
}

#top-header .contact-info {
	float: left;
}

#top-header .contact-info li {
	position: relative;
	margin-right: 15px;
	padding-right: 15px;
}

#top-header .contact-info li:after {
	display: block;
	content: "";
	position: absolute;
	right: 0;
	top: 10px;
	width: 1px;
	height: 10px;
	background: #C5A46D;
}

#top-header .contact-info li:last-child {
	padding: 0;
	margin: 0;
}

#top-header .contact-info li:last-child:after {
	display: none; 
}

#top-header .contact-info li i {
	margin-right: 10px;
	color: #C5A46D;
}

#top-header #language_switcher_chosen,
#top-header #language-switcher {
	float: right;
}

#top-header #language-switcher {
	background: none;
	border: 0;
	height: 30px;
	padding: 0 10px;
}

#top-header #language-switcher:focus {
	outline: none;
}

#top-header #language-switcher option {
	background: #333333;
	color: #C5A46D;
	line-height: 25px;
	min-height: 25px;
	border: 0;
}

#top-header .chosen-container {
	text-align: left;
	width: 90px !important;
}

#top-header .chosen-container .chosen-single {
	color: #FFFFFF;
	height: 30px;
	font-size: 12px;
}

#top-header .chosen-container .chosen-single span {
	line-height: 28px;
}

#top-header .chosen-container .chosen-single div {
	width: 25px;
}

#top-header .chosen-container .chosen-single b:before,
#top-header .chosen-container .chosen-single b:after {
	background: #C5A46D;
	top: 14px;
}

#top-header .chosen-container .chosen-search {
	display: none;
}

#top-header .chosen-container .chosen-drop {
	background: #333333;
	border: 0;
	padding-bottom: 5px;
	font-size: 12px;
}

#top-header .chosen-container.chosen-container-active .chosen-single {
	background: rgba(51, 51, 51, 0.4);
}

#top-header .chosen-container.chosen-container-active .chosen-drop .chosen-results {
	margin: 0;
	padding: 0;
}

#top-header .chosen-container.chosen-container-active .chosen-drop .chosen-results li {
	padding: 0 15px;
	line-height: 30px;
	color: #C5A46D;
	-webkit-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	transition: background 0.3s ease;
}

#top-header .chosen-container.chosen-container-active .chosen-drop .chosen-results li:hover {
	background: #C5A46D;
	color: #FFFFFF;
}

@media (max-width: 767px) {
	#top-header {
		height: auto;
	}
}

@media (max-width: 420px) {
	#top-header {
		text-align: center;
	}
	#top-header .contact-info, #top-header #language_switcher_chosen, #top-header #language-switcher {
		float: none;
	}
}

/* ==================================================================================================== */
/* 8. MAIN HEADER																						*/
/* ==================================================================================================== */
#main-header {
	background: #FFFFFF;
	color: #FFFFFF;
	position: absolute;
	z-index: 10;
	width: 100%;
	height: 100px;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
	
@media (max-width: 992px) {
	#main-header {
		position: relative;
		height: auto;
	}
}
@media (max-width: 992px) {
	#main-header .inner-container {
		padding: 0;
	}
}
	
#main-header .inner-container > div {
	height: 100px;
	padding: 0;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
	
#main-header .inner-container > div.left-sec {
	background: #C5A46D;
	position: relative;
}
	
#main-header .inner-container > div.left-sec:before {
	display: block;
	content: "";
	position: absolute;
	right: 100%;
	top: 0;
	background: #C5A46D;
	width: 3000px;
	height: 100px;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
	
#main-header a {
	color: #333333;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
	
#main-header #top-logo {
	float: left;
	text-align: center;
	height: 100px;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
	
@media (max-width: 767px) {
	#main-header #top-logo {
		float: right;
		padding-right: 20px;
	}
}

#main-header #top-logo .title {
	font-size: 30px;
	border-bottom: 1px solid #FFFFFF;
	line-height: 40px;
	margin: 14px 0 10px 0;
	font-weight: 100;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#main-header #top-logo .title span {
	font-weight: bold;
}

#main-header #top-logo i {
	margin: 2px;
}

#main-header #main-menu {
	float: right;
}

#main-header #main-menu li {
	padding: 0;
	position: relative;
}

#main-header #main-menu li a {
	display: block;
	padding: 0 10px;
	line-height: 100px;
	position: relative;
	white-space: nowrap;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#main-header #main-menu li a:before {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background: #C5A46D;
	z-index: -1;
	opacity: 0;
	filter: alpha(opacity=0);
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#main-header #main-menu li > ul {
	position: absolute;
	left: 50%;
	top: 100%;
	background: #333333;
	min-width: 150px;
	visibility: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

#main-header #main-menu li > ul:before {
	position: absolute;
	top: -20px;
	left: 50%;
	content: "";
	z-index: 1;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #333333;
	border-top: 10px solid transparent;
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

#main-header #main-menu li > ul li a {
color: #FFFFFF;
line-height: 40px;
text-align: center;
border-bottom: 1px solid #1a1a1a;
}

#main-header #main-menu li > ul li:last-child a {
border-bottom: 0;
}

#main-header #main-menu li > ul li.active > a:before,
#main-header #main-menu li > ul li:hover > a:before {
	height: 100%;
}

#main-header #main-menu li.active > a,
#main-header #main-menu li:hover > a {
	color: #FFFFFF;
}

#main-header #main-menu li.active > a:before,
#main-header #main-menu li:hover > a:before {
	height: 100%;
	opacity: 1;
	filter: alpha(opacity=100);
}
	
#main-header #main-menu li:hover > ul {
	visibility: visible;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

@media (max-width: 1200px) {
	#main-header .inner-container {
		padding: 0;
		width: 100%;
	}
	#main-header .inner-container > div.left-sec {
		width: 300px;
		padding-left: 15px;
	}
	#main-header .inner-container > div.right-sec {
		width: calc( 100% - 300px );
		padding-right: 15px;
	}
}

@media (max-width: 992px) {
	#main-header .inner-container > div {
		float: left;
	}
	#main-header .inner-container > div.left-sec {
		width: 300px;
		padding-left: 15px;
	}
	#main-header .inner-container > div.right-sec {
		width: calc( 100% - 300px );
	}
	#main-header .right-sec {
		background: #FFFFFF;
	}
	#main-header .right-sec #main-menu {
	display: none;
	}
	#main-header #mobile-menu-container {
		border-top: 1px solid #d0d4d7;
		border-bottom: 1px solid #d0d4d7;
		display: none;
	}
	#main-header #main-menu {
		float: none;
		width: 100%;
		background: #FFFFFF;
	}
	#main-header #main-menu li {
		display: block;
		z-index: 1;
	}
	#main-header #main-menu li a {
		line-height: 35px;
		color: #333333;
		padding: 0 30px;
		border-bottom: 1px solid #d0d4d7;
		letter-spacing: 1px;
	}
	#main-header #main-menu li ul {
		position: initial;
		left: auto;
		top: auto;
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
		filter: alpha(opacity=100);
		visibility: visible;
		background: #f8f9f9;
	}
	#main-header #main-menu li ul:before {
		display: none;
	}
	#main-header #main-menu li ul li a {
		line-height: 35px;
		color: #333333;
		text-align: left;
		border-bottom: 1px solid #d0d4d7;
		position: relative;
	}
	#main-header #main-menu li ul li a:after {
		display: block;
		float: left;
		content: "-";
		margin-right: 10px;
		width: auto;
		height: auto;
		top: auto;
		left: auto;
		opacity: 1;
		filter: alpha(opacity=100);
		position: initial;
		background: none;
	}
	#main-header #main-menu li ul li:last-child a {
		border-bottom: 1px solid #d0d4d7;
	}
}

@media (max-width: 420px) {
	#main-header .inner-container > div.left-sec {
		width: 230px;
	}
	#main-header .inner-container > div.left-sec #top-logo .title {
		font-size: 22px;
		margin: 5px 0;
	}
	#main-header .inner-container > div.right-sec {
		width: calc(100% - 230px);
	}
}


@media (max-width: 300px) {
	#main-header .inner-container > div {
		height: 50px;
	}
	#main-header .inner-container > div.left-sec {
		width: 100%;
		padding: 0;
	}
	#main-header .inner-container > div.left-sec #top-logo {
		float: none;
		padding: 0;
		height: 50px;
	}
	#main-header .inner-container > div.left-sec #top-logo .title {
		border: 0;
	}
	#main-header .inner-container > div.left-sec #top-logo i {
		display: none;
	}
	#main-header .inner-container > div.right-sec {
		width: 100%;
	}
	#main-header .inner-container > div.right-sec a.btn,
	#main-header .inner-container > div.right-sec aside.sidebar .widget.widget_tag_cloud .tagcloud a,
	aside.sidebar .widget.widget_tag_cloud .tagcloud #main-header .inner-container > div.right-sec a {
		margin-top: 10px;
	}
	#main-header #main-menu-handle {
		margin: 10px 0 0 15px !important;
		float: left !important;
	}
}

#main-header #main-menu-handle {
	width: 30px;
	height: 30px;
	background: #C5A46D;
	color: #FFFFFF;
	text-align: center;
	line-height: 30px;
	margin-top: 37px;
	float: right;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#main-header #main-menu-handle.active i:before {
	content: "\f00d";
}

body.trans-header #main-header {
	background: rgba(51, 51, 51, 0.7);
}

body.trans-header #main-header a {
	color: #FFFFFF;
}

body.sticky #main-header.sticky {
	position: fixed;
	top: 0;
	left: 0;
	height: 80px;
	background: #FFFFFF;
	z-index: 20;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

body.sticky #main-header.sticky a {
	color: #333333;
}

body.sticky #main-header.sticky .book-now-btn {
	color: #FFFFFF;
}

body.sticky #main-header.sticky .inner-container > div {
	height: 80px;
}

@media (max-width: 300px) {
	body.sticky #main-header.sticky .inner-container > div {
		height: 50px;
	}
}

body.sticky #main-header.sticky .inner-container > div.left-sec:before {
	height: 80px;
}

@media (max-width: 992px) {
	body.sticky #main-header.sticky #main-menu {
		max-height: calc( 100vh - 80px );
		overflow: auto;
	}
}

body.sticky #main-header.sticky #main-menu li a {
	line-height: 80px;
}
@media (max-width: 992px) {
	body.sticky #main-header.sticky #main-menu li a {
		line-height: 35px !important;
	}
}

body.sticky #main-header.sticky #main-menu li ul li a {
	line-height: 40px;
}

body.sticky #main-header.sticky .book-now-btn {
	margin-top: 27px;
}

body.sticky #main-header.sticky #top-logo {
	height: 80px;
}

body.sticky #main-header.sticky #top-logo .title {
	margin-top: 4px;
}

body.sticky #main-header.sticky #main-menu-handle {
	margin-top: 27px;
}

/* ==================================================================================================== */
/* 9. TOP FOOTER																						*/
/* ==================================================================================================== */

#top-footer {
	background: #333333;
	color: #d0d4d7;
	position: relative;
	border-top: 3px solid #C5A46D;
	padding: 80px 0;
}

#top-footer #go-up-box {
	width: 40px;
	height: 40px;
	background: #C5A46D;
	position: absolute;
	top: -25px;
	left: 50%;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	cursor: pointer;
	-moz-transform: translateX(-40%);
	-ms-transform: translateX(-40%);
	-webkit-transform: translateX(-40%);
	transform: translateX(-40%);
}

#top-footer h4 {
	color: #C5A46D;
	font-size: 24px;
	letter-spacing: -1px;
	margin-bottom: 20px;
	padding: 0 40px;
}

@media (max-width: 420px) {
	#top-footer h4 {
		padding: 0 15px !important;
	}
}

#top-footer .widget {
	padding: 0;
}

@media (max-width: 992px) {
	#top-footer .widget {
		margin-bottom: 30px;
	}
}

@media (max-width: 600px) {
	#top-footer .widget {
		float: none;
		width: 100%;
		border: 0;
		border-bottom: 1px solid #404040;
		padding-bottom: 30px;
	}
}

#top-footer .widget:first-child h4 {
padding-left: 0;
}

#top-footer .widget:first-child .widget-content {
border-left: 0;
padding-left: 0;
}

#top-footer .widget:last-child h4 {
padding-right: 0;
}

#top-footer .widget:last-child .widget-content {
border-right: 0;
padding-right: 0;
}

@media (max-width: 600px) {
	#top-footer .widget:last-child {
		border: 0;
		padding-bottom: 0;
		margin-bottom: 0;
	}
}

#top-footer .widget.get-in-touch {
	position: relative;
	z-index: 1;
}

@media (max-width: 992px) {
	#top-footer .widget.get-in-touch {
		clear: both;
		overflow: hidden;
	}
}

#top-footer .widget.get-in-touch:before {
	display: block;
	content: "";
	position: absolute;
	left: 20px;
	top: 40px;
	z-index: -1;
	background: url(../img/dotted-map.png) 0 0 no-repeat;
	width: 374px;
	height: 201px;
}

#top-footer .widget-content {
	line-height: 25px;
	padding: 0 40px;
	min-height: 200px;
}

@media (max-width: 600px) {
	#top-footer .widget-content {
		padding: 0 15px !important;
		border: 0;
	}
}

#top-footer .widget-content ul li {
	line-height: 30px;
	margin-bottom: 15px;
}

#top-footer .widget-content ul li i {
	margin-right: 20px;
	color: #C5A46D;
	font-size: 1.4em;
}

#top-footer .widget-content ul.social-icons {
	margin-top: 30px;
}

#top-footer .widget-content ul.social-icons li {
	width: 35px;
	height: 35px;
	padding: 0;
	margin: 4px;
	text-align: center;
}

#top-footer .widget-content ul.social-icons li a {
	display: block;
	border: 1px solid #262626;
	overflow: hidden;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#top-footer .widget-content ul.social-icons li a i {
	color: #d0d4d7;
	margin: 0;
	line-height: 35px;
	font-size: 1.1em;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#top-footer .widget-content ul.social-icons li:hover a {
	background: #262626;
}

#top-footer .widget-content ul.social-icons li:hover a i {
	color: #C5A46D;
}

/* ==================================================================================================== */
/* 10. FOOTER																							*/
/* ==================================================================================================== */

#footer {
	border-bottom: 2px solid #C5A46D;
	padding: 30px;
	text-align: center;
}
	
#footer ul li {
	padding: 0;
}
	
#footer ul li:last-child a {
	border-right: 0;
}
	
#footer ul li a {
	line-height: 10px;
	font-weight: bold;
	padding: 0 5px;
	border-right: 1px solid #C5A46D;
	color: #999999;
	display: block;
}
	
#footer ul li a:hover {
	color: #C5A46D;
}
	
#footer .copy-right {
	margin-top: 20px;
}

/* ==================================================================================================== */
/* 11. PICTURE-BOX 1 Style																				*/
/* ==================================================================================================== */


.picture-box-1 {
	background: #f8f9f9;
	padding: 1px 0 100px;
	height: 400px;
	overflow: hidden;
	margin-bottom: 40px;
	position: relative;
	border: 1px solid #C5A46D;
}
	
.picture-box-1 h2 {
	margin-top: 0;
}

.picture-box-1:last-child {
	margin-bottom: 0;
}
	
.picture-box-1:before {
	display: block;
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
	
.picture-box-1 img {
	position: absolute;
	left: 50%;
	top: 50%;
	max-width: 100%;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
	
.picture-box-1 .text {
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(255, 255, 255, 0.8);
	color: #FFFFFF;
	padding: 170px 30px 30px;
	height: 100%;
	z-index: 1;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
	
.picture-box-1 .text .title {
	font-size: 24px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #C5A46D;
}
	
.picture-box-1 .text .description  {
	margin: 20px 0;
	max-height: 100px;
	overflow: hidden;
	color: #333333;
}
	
.picture-box-1 .text .btn, 
.picture-box-1 .text aside.sidebar .widget.widget_tag_cloud .tagcloud a,
aside.sidebar .widget.widget_tag_cloud .tagcloud .picture-box .text a {
	padding: 6px 30px;
}
	
.picture-box-1 .price-container {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	z-index: 2;
}
	
.picture-box-1 .price-container .price {
	position: absolute;
	left: 53%;
	top: 50%;
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	font: 17px/3em "Lobster", Arial, Helvetica, sans-serif;
	color: #C5A46D;
	padding: 0 20px;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
}
	
.picture-box-1 .price-container .price span {
	font-size: 40px;
	vertical-align: middle;
}
	
.picture-box-1.right .text {
	position: absolute;
	left: auto;
	right: 0;
	text-align: right;
}

.picture-box-1.right .price-container {
	right: auto;
	left: 0;
}
	
.picture-box-1:hover:before {
	background: rgba(0, 0, 0, 0.7);
}
	
.picture-box-1:hover img {
	-moz-transform: scale(1.02) translateX(-50%) translateY(-50%);
	-ms-transform: scale(1.02) translateX(-50%) translateY(-50%);
	-webkit-transform: scale(1.02) translateX(-50%) translateY(-50%);
	transform: scale(1.02) translateX(-50%) translateY(-50%);
}
	
.picture-box-1:hover .text {
	background: #FFFFFF;
}
	
.picture-box-1:hover .price {
	left: 50%;
	opacity: 1;
	filter: alpha(opacity=100);
}
	
@media (max-width: 992px) {
	.picture-box-1 {
		height: auto;
		padding: 1px 0 0;
	}
	.picture-box-1:before {
		display: none;
	}
	.picture-box-1 img {
		position: initial;
		left: auto;
		top: auto;
		-moz-transform: translateX(0) translateY(0);
		-ms-transform: translateX(0) translateY(0);
		-webkit-transform: translateX(0) translateY(0);
		transform: translateX(0) translateY(0);
	}
	.picture-box-1 .price-container {
		width: 100%;
		height: 100px;
	}
	.picture-box-1 .price-container .price {
		background: rgba(255, 255, 255, 0.9);
	}
	.picture-box-1 .text {
		position: initial;
		left: auto;
		top: auto;
		float: none;
		width: 100%;
		text-align: center;
		padding: 30px;
		background: #f9fafa;
	}
	.picture-box-1.right .text {
		position: initial;
		left: auto;
		right: auto;
		text-align: center;
	}
	.picture-box-1:hover img {
		-moz-transform: scale(1.02) translateX(0) translateY(0);
		-ms-transform: scale(1.02) translateX(0) translateY(0);
		-webkit-transform: scale(1.02) translateX(0) translateY(0);
		transform: scale(1.02) translateX(0) translateY(0); 
	}
	.picture-box-1:hover .text {
		background: #ecedee; 
	} 
}

/* ==================================================================================================== */
/* 12. PICTURE-BOX 2 Style																				*/
/* ==================================================================================================== */

.picture-box-2 {
	padding: 1px 0 0;
    overflow: hidden;
    margin-bottom: 40px;
    position: relative;
	height: 400px;
	margin: 100px auto 10px;
	border: 1px solid #C5A46D;
    background: #FFFFFF;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-shadow: 0 0 0 4px #FFFFFF, 0 0 0 7px #C5A46D;
    box-shadow: 0 0 0 4px #FFFFFF, 0 0 0 7px #C5A46D;
}

.picture-box-2 h2 {
    margin-top: 0;
}

.picture-box-2:last-child {
	margin-bottom: 0;
	}
	
.picture-box-2:before {
	display: block;
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
	
.picture-box-2 img {
	position: absolute;
	left: 50%;
	top: 50%;
	max-width: 100%;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
	
.picture-box-2 .text {
	background: rgba(255, 255, 255, 0.8);
	position: absolute;
	left: 0;
	top: 0;
	color: #FFFFFF;
	padding: 140px 30px 30px;		/*140 u 170px;*/
	height: 100%;
	z-index: 1;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
	
.picture-box-2 .text .title {
	font-weight: bold;
	letter-spacing: -1px;
	font-size: 24px;  /*36*/
	color: #C5A46D;
	}
	
.picture-box-2 .text .description {
	margin: 20px 0;
	/*max-height: 100px;
	overflow: hidden;*/
	color: #333333;
	line-height: 30px;
	overflow: visible;
	max-height: 100%;
}
	
.picture-box-2 .text .description ul {
	margin: 0;
}
	
.picture-box-2 .text .description ul li {
	min-width: 48%;
	position: relative;
	padding: 0 0 0 15px;
	text-align: left;
	float: left;
	display: block;
}
	
.picture-box-2 .text .description ul li:before {
	display: block;
	content: "\f0da";
	font: 16px "FontAwesome";
	position: absolute;
	left: 0;
	top: 6px;
	color: #C5A46D;
}
	
.picture-box-2 .text .description ul:before, 
.picture-box-2 .text .description ul:after {
	content: " ";
	display: table;
}
	
.picture-box-2 .text .description ul:after {
	clear: both;
}

.picture-box-2:hover:before {
	display: none;
	background: rgba(0, 0, 0, 0.7);
}
	
.picture-box-2:hover img {
	-moz-transform: scale(1.02) translateX(-50%) translateY(-50%);
	-ms-transform: scale(1.02) translateX(-50%) translateY(-50%);
	-webkit-transform: scale(1.02) translateX(-50%) translateY(-50%);
	transform: scale(1.02) translateX(-50%) translateY(-50%);
}

.picture-box-2:hover .text {
	background: #FFFFFF; 
}
	
.picture-box-2.right .text {
	position: absolute;
	left: auto;
	right: 0;
	/*text-align: right;*/
}

@media (max-width: 992px) {
	.picture-box-2 {
		border: 0;
		background: inherit;
		-webkit-box-shadow: 0 0 0 0;
		box-shadow: 0 0 0 0;
		height: auto;
		margin: 100px auto 10px;
		border: 1px solid #C5A46D;
		background: #FFFFFF;
		-webkit-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		-webkit-box-shadow: 0 0 0 4px #FFFFFF, 0 0 0 7px #C5A46D;
		box-shadow: 0 0 0 4px #FFFFFF, 0 0 0 7px #C5A46D;
	}
	.picture-box-2:before {
		display: none;
	}
	.picture-box-2 img {
		position: initial;
		left: auto;
		top: auto;
		-moz-transform: translateX(0) translateY(0);
		-ms-transform: translateX(0) translateY(0);
		-webkit-transform: translateX(0) translateY(0);
		transform: translateX(0) translateY(0);
	}
	.picture-box-2 .text {
		position: initial;
		left: auto;
		top: auto;
		float: none;
		width: 100%;
		text-align: center;
		padding: 30px;
	}
	.picture-box-2 .text .description ul li {
		min-width: 48%;
		text-align: left;
		float: left;
		display: block;
	}
	.picture-box-2:hover img{
		-moz-transform: scale(1.02) translateX(0) translateY(0);
		-ms-transform: scale(1.02) translateX(0) translateY(0);
		-webkit-transform: scale(1.02) translateX(0) translateY(0);
		transform: scale(1.02) translateX(0) translateY(0);
	}
	.picture-box-2:hover .text {
		background: #ecedee;
	}
	.picture-box-2.right .text {
		position: initial;
		left: auto;
		right: auto;
		text-align: center;
	}
	.picture-box-2.right .text .description ul li {
		padding: 0 0 0 15px;
	}
	.picture-box-2.right .text .description ul li:before {
		right: auto;
		left: 0;
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
	}
}
	
@media (max-width: 420px) {
	.picture-box-2 .text {
		padding: 20px;
	}
	.picture-box-2 .text .description ul li {
		min-width: 100%;
		float: none;
	}
}
	
	
	
/* ==================================================================================================== */
/* 13. APARTMENT MAIN BOX																				*/
/* ==================================================================================================== */

.ap_main_box {
	padding: 1px 0 0;
    overflow: hidden;
    position: relative;
	margin: 70px 0 40px 20px;
	padding: 10px;
	border: 1px solid #C5A46D;
    background: #FFFFFF;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-shadow: 0 0 0 4px #FFFFFF, 0 0 0 7px #C5A46D;
    box-shadow: 0 0 0 4px #FFFFFF, 0 0 0 7px #C5A46D;
	}
/*
.ap_main_box:before {
	display: block;
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
	}
*/
.ap_main_box table {
	padding: 30px;
	margin-top:20px;
	margin-left: 20px;
	margin-bottom:30px;
	width: 100%;
	line-height: 30px;
}

.ap_main_box table td:nth-of-type(1) {
	border: none;
	width: 30%;
	padding: 0;
	text-align: left;
	font-weight: bold; 
	color: #C5A46D;
}

.ap_main_box  table td:nth-of-type(2) {
	text-align: left;
	border: none;
	width: 55%;
	padding-right: 30px;
}

.ap_main_box table i {
	margin-left: -20px;
	margin-right: 12px;
	color: #C5A46D;
}
	
.ap_main_box .ap_facilities table {
	margin: 0;
	text-align: left;
	border: 3px solid #FFFFFF;
	background: #FFFFFF;
	padding: 30px 0 0 0;
	width: 100%;
	vertical-align: top;
}
	
.ap_main_box .ap_facilities table td:nth-of-type(1),
.ap_main_box .ap_facilities table td:nth-of-type(3) {
	width: 5%;
	min-width: 40px;
	vertical-align: top;
	padding-bottom: 20px;
}

.ap_main_box .ap_facilities table td:nth-of-type(2),
.ap_main_box .ap_facilities table td:nth-of-type(4) {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	width: 35%;
	vertical-align: top;
}
	
.ap_main_box .ap_facilities table i {
	width:  40px;
	height: 40px;
	/*border-radius: 50%;*/
	text-align: center;
	line-height: 35px;
	font-size: 15px;
	background: #C5A46D;
	border: 3px solid #FFFFFF;
	color: #ffffff;
	margin: 0;
}	

@media (max-width: 992px) {
	.ap_main_box {
		border: 0;
		background: inherit;
		-webkit-box-shadow: 0 0 0 0;
		box-shadow: 0 0 0 0;
		height: auto;
		margin: 100px auto 40px;
		border: 1px solid #C5A46D;
		background: #FFFFFF;
		-webkit-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		-webkit-box-shadow: 0 0 0 4px #FFFFFF, 0 0 0 7px #C5A46D;
		box-shadow: 0 0 0 4px #FFFFFF, 0 0 0 7px #C5A46D;
	}
}
	
@media (max-width: 420px) {
	.ap_main_box .text {
		padding: 20px;
	}
}

/* ==================================================================================================== */
/* 14. LISTA USLUGA																						*/
/* ==================================================================================================== */

.frame-box{
	text-align: left;
	border: 3px solid #FFFFFF;
	background: #FFFFFF;
	padding: 30px 0;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-box-shadow: 0 0 0 2px #C5A46D, inset 0 0 0 1px #C5A46D;
	box-shadow: 0 0 0 2px #C5A46D, inset 0 0 0 1px #C5A46D;
	width: 45%;
}
	
.frame-box-left{
	float: left;
}
	
.frame-box-right{
	float: right;
}

.frame-box .title {
	text-align: center;
	color: #333333;
	font-weight: bold;
	font-size: 30px;
	letter-spacing: -1px;
	line-height: 60px;
}

.frame-box .text {
	padding: 30px 0;
}

.frame-box .text ul li {
	margin: 0 10px;
	line-height: 40px;
	letter-spacing: 2px;
	border-bottom: 1px solid #f8f9f9;
}

.frame-box .text ul li:last-child {
	border-bottom: 0;
}

.frame-box .text i{
	width: 150px;
	text-align: center;
	font-size: 25px;
}

@media (min-width: 768px) and (max-width: 992px) {
	.frame-box {
		margin-bottom: 30px;
	}
}
	
@media (max-width: 767px) {
	.frame-box {
		margin-bottom: 30px;
	}
	.frame-box-left,
	.frame-box-right {
		width: 100%;
	}
	.frame-box .text i{
		width: 100px;
		font-size: 25px;
	}
	.frame-box:last-child {
		float: none;
		clear: both;
		margin: 0 auto 20px;
	}
}

/* ==================================================================================================== */
/* 15. APARTMENT FACILITIES																				*/
/* ==================================================================================================== */

.apartment-facilities {
	margin: 50px auto 50px;
	padding-top:50px;
	padding-bottom: 50px;
}

.apartment-facilities table {
	text-align: left;
	border: 3px solid #FFFFFF;
	background: #FFFFFF;
	padding: 30px 0;
	width: 100%;
}
	
.apartment-facilities table	td:nth-of-type(1) {
	width:  70px;
	height: 70px;
	text-align: center;
	font-size: 30px;
	background: #C5A46D;
	border: 3px solid #FFFFFF;
}

.apartment-facilities table	td:nth-of-type(2) {
	padding-left: 5%;
	font-size: 20px;
}


/* ==================================================================================================== */
/* 16. MY CALENDER																						*/
/* ==================================================================================================== */

.calender {
	margin: 0 auto 20px;
	text-align: center;
}

.calender table {
	margin: 10px auto 20px;
	width: 100%;
	table-layout: fixed; /*celije jednake duljine*/
	border-collapse: separate;
	border-spacing: 0px;
	border: 1px solid #C5A46D;
}

.calender thead {
	color: #ffffff;
	background: #C5A46D;
	font-weight: bold;
	text-align: center;
	line-height: 40px;
}
	
.calender table th,
.calender table td {
	height: 40px;
	text-align: center;
	font-size: 14px;
}
	
.calender table th {
	color: #000000; 
	border: none;
}
	
.calender table td {
	border-bottom: 2px solid #f8f9f9;
}
	
.calender .book-begin {
	background: linear-gradient(to bottom right, #ffffff 0%, #ffffff 50%, #dddddd 50%, #dddddd 100%);
}
	
.calender .book {
    background: #dddddd;
	color: #bbbbbb;
}

.calender .book-end {
	background: linear-gradient(to bottom right, #dddddd 0%, #dddddd 50%, #ffffff 50%, #ffffff 100%);
}

.calender .legenda table{
	border: 0;
	width: 100%;
	text-align:left;
}

.calender .legenda table td:nth-child(1) {
	border: 2px solid #cccccc;
	background: #ffffff;
	width: 30px;
	height: 30px;
}

.calender .legenda table tr:nth-child(2) td:nth-child(1) {
	background: #dddddd;
	border: none;
	border-top: 2px solid #ffffff;
	width: 30px;
	height: 30px;
}	

.calender .legenda table td:nth-child(2) {	
	border: 0;
	padding-left: 20px;
	height: 30px;
	text-align: left;
}
	
@media (max-width: 992px) {
	.calender table {
		width: auto;
	}
	.calender table td {
		border: 0;
		min-width: 50px;
		max-width: 100px;
	}
}		

@media (max-width: 420px) {
	.calender table td {
		min-width: 35px;
	}
}	
	
	
/* ==================================================================================================== */
/* 17. TABS - IZBORNIK																					*/
/* ==================================================================================================== */

ul.tabs{
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 0 auto 50px;
	text-align: center;
	font: 30px;
}

ul.tabs li{
	display: table-cell;
	position: relative;
	text-align: center;
	border: 0;
	border-bottom: 3px solid #333333;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	height: 60px;
	line-height: 50px;
	color: #C5A46D;
	font-size: 18px;
}

ul.tabs li:hover{
	background: #f8f9f9;
}

ul.tabs li.current{
	background: #333333;
	color: #C5A46D;
	color: #FFFFFF;
}

ul.tabs li span {
	display: inline-block;
	padding-right: 10px;
	font: 48px "Lobster", Arial, Helvetica, sans-serif;
	color: #dde1e1;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

ul.tabs li.current span {
	color: #C5A46D;
}
	
@media (max-width: 767px) {
	ul.tabs li {
		display: block;
		padding-right:40px;
	}
	ul.tabs li span {
		float: left;
		padding-left: 40px;
	}
}

.tab-content{
	display: none;
}

.tab-content.current{
	display: inherit;
}


/* ==================================================================================================== */
/* 18. GALLERY STYLE																					*/
/* ==================================================================================================== */

#gallery {
	text-align: center;
}
	
#gallery .heading-box {
	margin: 60px auto;
}
	
#gallery a.btn, 
#gallery aside.sidebar .widget.widget_tag_cloud .tagcloud a,
aside.sidebar .widget.widget_tag_cloud .tagcloud #gallery a {
	margin: 70px 0;
	padding: 6px 70px;
	letter-spacing: 2px;
}

.gallery-container .image-main-box .item {
	padding: 0 5px;
	margin-bottom: 10px;
}
	
@media (max-width: 420px) {
	.gallery-container .image-main-box .item {
		float: none;
		width: 100%;
	}
}

.gallery-container .image-main-box .item figure {
	position: relative;
	overflow: hidden;
	padding: 1px;
	width: 100%;
	height: 100%;
	border: 2px solid #FFFFFF;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-box-shadow: 0 0 0 2px #C5A46D, inset 0 0 0 1px #C5A46D;
	box-shadow: 0 0 0 2px #C5A46D, inset 0 0 0 1px #C5A46D;
}

.gallery-container .image-main-box .item figure a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-indent: -999999px;
	overflow: hidden;
	z-index: 11;
}

.gallery-container .image-main-box .item figure img {
	max-width: 100%;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.gallery-container .image-main-box .item figcaption {
	display: block;
	position: absolute;
	left: -10px;
	top: 10px;
	background: rgba(0, 0, 0, 0.8);
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
}

.gallery-container .image-main-box .item figcaption h4 {
	position: absolute;
	left: 50%;
	top: 45%;
	color: #C5A46D;
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	font-weight: bold;
	display: inline-block;
	font-size: 26px;
	text-align: center;
}
	
.gallery-container .image-main-box .item figcaption h4 span {
	font-weight: 300;
}

.gallery-container .image-main-box .item:hover figcaption {
	opacity: 1;
	filter: alpha(opacity=100);
	left: 10px;
}


/* ==================================================================================================== */
/* 19. BEGGINING INTERNAL OF PAGES																		*/
/* ==================================================================================================== */


/********** naslovi sa slikama na pocetku stranica *********/  
.internal-page-title {
	width: 100%;
	background-size: cover;
	background-position: center;
	text-align: center;
	padding: 210px 0 110px;
	position: relative;
	z-index: 1;
	border-bottom: 3px solid #C5A46D;
}
	
@media (max-width: 992px) {
	.internal-page-title {
		margin-top: 0;
		padding: 110px 0;
	}
}
	
.internal-page-title:before {
	z-index: -1;
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.75);
}
	
.internal-page-title h1 {
	font-size: 38px;
	margin: 0;
	letter-spacing: -1px;
	color: #C5A46D;
}
	
@media (max-width: 767px) {
	.internal-page-title h1 {
		font-size: 36px;
	}
}
	
.internal-page-title h1 span {
	font-weight: bold;
}
	
.internal-page-title .breadcrumb {
	display: inline-block;
	padding: 7px 25px;
	background: #C5A46D;
	font-size: .8em;
	letter-spacing: 2px;
	color: #000000;
	margin-bottom: 0;
	position: absolute;
	left: 50%;
	bottom: -18px;
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
	
@media (max-width: 767px) {
	.internal-page-title .breadcrumb {
		display: none;
	}
}
	
.internal-page-title .breadcrumb a {
	color: #000000;
}
	
.internal-page-title .breadcrumb a:hover {
	color: #FFFFFF;
}
	
.internal-page-title .breadcrumb > li + li:before {
	color: #000000;
	content: "::";
	padding: 0 10px;
}
	
@media (min-width: 768px) and (max-width: 992px) {
	.internal-page-title .breadcrumb > li + li:before {
		padding: 0 5px;
	}
}
	
.internal-page-title .breadcrumb > .active {
	color: #FFFFFF;
	font-weight: bold;
}



/* ==================================================================================================== */
/* 20. BEGGINING INTERNAL OF APARTMENT PAGES															*/
/* ==================================================================================================== */

.apartment-page-title {
	width: 100%;
	padding: 100px 0 50px;
	position: relative;
	z-index: 1;
	border-bottom: 3px solid #C5A46D;
	background: #ccccc9;
	text-align: center;
}
	
.apartment-page-title img {
	height: 600px;
	width: auto;
}

@media (max-width: 992px) {
	.apartment-page-title {
		padding: 20px 0 40px;
	}
}

@media (max-width: 765px) {
	.apartment-page-title {
		padding: 20px 0 40px;
	}
	.apartment-page-title img {
		width: 100%;
		height: auto;
	}
}

@media (max-width: 420px) {
	.apartment-page-title {
		padding: 20px 0 40px;
	}
	.apartment-page-title img {
	width: 100%;
	}
}

/* ==================================================================================================== */
/* 21. IZGLED 1																							*/
/* ==================================================================================================== */

#izgled_1 {
	text-align: center;
}
	
#izgled_1 .img-frame {
	position: relative;
	overflow: hidden;
	border: 1px solid #C5A46D;
	width: 100%;
	height: 400px;
	-webkit-box-shadow: inset 0 0 0 10px rgba(51, 51, 51, 0.4);
	box-shadow: inset 0 0 0 10px rgba(51, 51, 51, 0.4);
}
	
#izgled_1 .img-frame img {
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	z-index: -1;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
	
#izgled_1 .desc {
	max-width: 900px;
	line-height: 30px;
	margin: 60px auto 0;
}
	
@media (max-width: 767px) {
	#izgled_1 .img-frame {
		height: auto;
	}
	#izgled_1 .img-frame:before {
		display: block;
	}
	#izgled_1 .img-frame img {
		position: initial;
		width: 100%;
		left: auto;
		top: auto;
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	#izgled_1 .desc {
		max-width: 100%;
	}
}

/* ==================================================================================================== */
/* 22. IZGLED 2																							*/
/* ==================================================================================================== */

.text_2 {
	text-align: justify;
	line-height: 30px;
}
	
.text_2 .img-frame, 
.text_2 .img-frame-apartments {
	margin-bottom: 60px;
	position: relative;
	overflow: hidden;
	border: 1px solid #C5A46D;
	width: 100%;
	-webkit-box-shadow: inset 0 0 0 10px rgba(51, 51, 51, 0.4);
	box-shadow: inset 0 0 0 10px rgba(51, 51, 51, 0.4);
}

.text_2 .img-frame{
	height: 400px;
}

.text_2 .img-frame-apartments{
	height: 663px;
}	

.text_2 .img-frame img,
.text_2 .img-frame-apartments img {
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	z-index: -1;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
	
.text_2 h2{
	font: 30px "Lobster", Arial, Helvetica, sans-serif;
	padding: 0 0 5px 0;
	position: relative;
}

.text_2 h2 span{
	padding-left:10px;
	font-weight: bold;
	font-size: 40px;
}

.text_2 h2:before{
	background: #C5A46D;
	border-radius: 0 5px 5px 0;
	bottom: 0px;
	content: "";
	height: 2px;
	position: absolute;
	width: 150px;
}	
	
.text_2 .img_50_left, 
.text_2 .img_50_right {
	display: block;
	position: relative;
	width: 50%;
	height: auto;
}

.text_2 .img_50_left {
	float: left;
	margin: 0 80px 20px 0;
}	

.text_2 .img_50_right {
	float: right;
	margin: 0 0 20px 80px;
}
	
@media (max-width: 767px) {
	.text_2 .img-frame {
		height: auto;
	}
	.text_2 .img-frame:before {
		display: block;
	}
	.text_2 .img-frame img {
		position: initial;
		width: 100%;
		left: auto;
		top: auto;
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	.text_2 {
		max-width: 100%;
	}
	.text_2 .img_50_left, 
	.text_2 .img_50_right {
		width: 100%;
		margin: 20px 0 20px 0;
	}
}



/* ==================================================================================================== */
/* 23. IMG FRAME SCROLL																					*/
/* ==================================================================================================== */
.img-frame-scroll {
	height: 450px;
	margin-bottom: 60px;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	}





/* ==================================================================================================== */
/* 24. KUBICK																							*/
/* ==================================================================================================== */

#kubick ul {
	padding: 0 30px;
	margin: 120px 0 70px;
}
	
@media (max-width: 1200px) {
	#kubick ul {
		margin: 0 auto;
		max-width: 720px;
	}
}
	
#kubick ul li {
	float: left;
	background-size: cover;
	position: relative;
	overflow: hidden;
	text-align: center;
	margin: 0 60px;
	border: 1px solid #C5A46D;
	width: 240px;
	height: 240px;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
	
#kubick ul li:after {
	display: block;
	content: "";
	position: absolute;
	left: -55px;
	top: -55px;
	background: inherit;
	z-index: -1;
	width: 365px;
	height: 365px;
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
	
#kubick ul li:before {
	display: block;
	content: "";
	position: absolute;
	left: -100px;
	top: -100px;
	background: rgba(0, 0, 0, 0.6);
	opacity: 0;
	filter: alpha(opacity=0);
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
	
#kubick ul li .name {
	font-size: 2.2em;
	line-height: 0.8em;
	margin: 120px -30px 0 10px;
	position: relative;
	color: #FFFFFF;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
	
#kubick ul li .name:before, 
#kubick ul li .name:after {
	display: block;
	content: "";
	position: absolute;
	bottom: -18px;
	width: 0;
	height: 2px;
	background: #C5A46D;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}
	
#kubick ul li .name:before {
	right: 50%;
}
	
#kubick ul li .name:after {
	left: 50%;
}
	
#kubick ul li:nth-child(4) {
	margin-left: 240px;
	margin-top: -60px;
}
	
#kubick ul li:nth-child(5) {
	margin-top: -60px;
}
/*	
#kubick ul li:hover:before {
	left: 0;
	top: 0;
	opacity: 1;
	filter: alpha(opacity=100);
	}
	
#kubick ul li:hover .name {
	opacity: 1;
	filter: alpha(opacity=100);
	margin: 100px 0 0 10px;
	}
	
#kubick ul li:hover .name:before, 
#kubick ul li:hover .name:after {
	width: 20%;
	}
*/	
#kubick ul li.text_cube {
	background: #FFFFFF;
	color: #C5A46D;
	clear: both;
	margin-top: -60px;
	margin-left: 420px;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
	
#kubick ul li.text_cube .title {
	margin: 95px 0 0 5px;
	font: 2.2em/1.2em "Lobster", Arial, Helvetica, sans-serif;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
	
@media (max-width: 992px) {
	#kubick ul li.text_cube .title {
		font-size: 2em;
	}
}
	
#kubick ul li.text_cube:hover {
	background: #C5A46D;
}
	
#kubick ul li.text_cube:hover .title {
	color: #FFFFFF;
}
	
#kubick ul li.text_cube:hover:before {
	display: none;
}
	
@media (max-width: 1200px) {
	#kubick ul li {
		margin: 0 50px;
		width: 230px;
		height: 230px;
	}
	#kubick ul li:nth-child(3) {
		margin: -65px 215px 0;
	}
	#kubick ul li:nth-child(4) {
		margin-left: 49px;
		margin-top: -65px;
	}
	#kubick ul li:nth-child(5) {
		margin-top: -64px;
	}
	#kubick ul li.text_cube {
		margin-top: -65px;
		margin-left: 213px;
	}
}
	
@media (max-width: 767px) {
	#kubick ul li {
		margin: 100px auto !important;
		float: none;
	}
}


/* ==================================================================================================== */
/* 25. USLUGE / SERVICE BOX																				*/
/* ==================================================================================================== */


#usluge #services-box {
	width: 100%;
	padding-bottom: 110px;
	}
	
#usluge #services-box .item {
	color: #FFFFFF;
	}
	
#usluge #services-box .item:before {
	display: block;
	content: "";
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 1;
	-webkit-box-shadow: 0 0 0 10px rgba(51, 51, 51, 0.4);
	box-shadow: 0 0 0 10px rgba(51, 51, 51, 0.4);
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	}
	
#usluge #services-box .item .title, 
#usluge #services-box .item .short-desc {
	position: absolute;
	left: 0;
	max-width: 85%;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
	}
	
#usluge #services-box .item .title {
	top: 45%;
	/*top: calc( 70% - 100px );*/
	font-size: 24px;
	border-bottom: 2px solid #C5A46D;
	line-height: 38px;
	}
	
#usluge #services-box .item .title span {
	font-weight: bold;
	}
	
#usluge #services-box .item .short-desc {
	top: 70%;
	}
	
#usluge #services-box .item:before {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: rgba(51, 51, 51, 0.7);
	}
	
#usluge #services-box .item .title, 
#usluge #services-box .item .short-desc {
	left: 30px;
	opacity: 1;
	filter: alpha(opacity=100);
	}



	
/* ==================================================================================================== */
/* 26. APARTMENT CONTAINER																				*/
/* ==================================================================================================== */

.apartment-container {
 
	text-align: center;
	margin-bottom: 60px;
	}
	
.apartment-container .img-container {
	position: relative;
	height: 400px;
	overflow: hidden;
	}

.apartment-container .img-container:before {
	display: block;
	content: "";
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 1;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	-webkit-box-shadow: 0 0 0 10px rgba(51, 51, 51, 0.3);
	box-shadow: 0 0 0 10px rgba(51, 51, 51, 0.3);
	}

.apartment-container .img-container img {
	position: absolute;
	left: 0;
	top: 50%;
	max-width: 100%;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-moz-transform: scale(1.05) translateY(-50%);
	-ms-transform: scale(1.05) translateY(-50%);
	-webkit-transform: scale(1.05) translateY(-50%);
	transform: scale(1.05) translateY(-50%);
	}

.apartment-container .img-container a.btn, 
.apartment-container .img-container aside.sidebar .widget.widget_tag_cloud .tagcloud a, 
aside.sidebar .widget.widget_tag_cloud .tagcloud .apartment-container .img-container a {
	position: absolute;
	left: 50%;
	top: 20%;
	z-index: 2;
	visibility: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	}

.apartment-container .details {
	text-align: left;
	height: 400px;	
	border-bottom: 1px solid #C5A46D;
	position: relative;
	padding: 30px 25px 30px 30px;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}
	
.apartment-container .details .title {
	color: #C5A46D;
	font-size: 26px;
	margin-bottom: 30px;
	letter-spacing: -2px;
	}
	
.apartment-container .details .title a {
	color: #C5A46D;
	}

.apartment-container .details .title span {
	font-weight: bold;
	padding-right: 2px;
	}
	
.apartment-container .details span {
	font-weight: bold; 
	color: #C5A46D;
	padding-right: 30px;
	}
	
.apartment-container .details .desc {
	line-height: 30px;
	max-width: 100%;
	margin: 0 auto;
	}

.apartment-container .details .price {
	padding: 0 20px;
	border: 1px solid #C5A46D;
	background: #FFFFFF;
	font-family: "Lobster", Arial, Helvetica, sans-serif;
	position: absolute;
	left: auto;
	right: 0;
	bottom: -23px;
	color: #C5A46D;
	height: 45px;
	line-height: 45px;
	white-space: nowrap;
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
	}

.apartment-container .details .price span {
	vertical-align: middle;
	font-size: 30px;
	}
	
	.apartment-container:hover .img-container:before {
	background: rgba(51, 51, 51, 0.6);
	}
	
.apartment-container:hover .img-container img {
	-moz-transform: scale(1) translateY(-50%);
	-ms-transform: scale(1) translateY(-50%);
	-webkit-transform: scale(1) translateY(-50%);
	transform: scale(1) translateY(-50%);
	}
	
.apartment-container:hover .img-container a.btn, 
.apartment-container:hover .img-container aside.sidebar .widget.widget_tag_cloud .tagcloud a, 
aside.sidebar .widget.widget_tag_cloud .tagcloud .apartment-container:hover .img-container a {
	top: 50%;
	visibility: visible;
	opacity: 1;
	filter: alpha(opacity=100);
	}
	
.apartment-container:hover .details {
	background-color: #f0f2f2;
	border-color: #333333;
	}

.apartment-container .details .desc .facilities {
	margin: 25px 0 0;
	}
	
.apartment-container .details .desc .facilities li {
	width: 32%;
	padding: 0;
	}
	
.apartment-container .details .desc .facilities li i {
	color: #C5A46D;
	margin-right: 15px;
	}
	
@media (max-width: 1200px) {
	.apartment-container .img-container {
		height: auto;
		padding: 0;
		}
	.apartment-container .img-container img {
		position: initial;
		left: auto;
		top: auto;
		width: 100%;
		-moz-transform: scale(1) translateY(0);
		-ms-transform: scale(1) translateY(0);
		-webkit-transform: scale(1) translateY(0);
		transform: scale(1) translateY(0);
		}
	.apartment-container:hover .img-container img {
		-moz-transform: scale(1) translateY(0);
		-ms-transform: scale(1) translateY(0);
		-webkit-transform: scale(1) translateY(0);
		transform: scale(1) translateY(0);
		}
	.apartment-container .details {
		height: auto;
		}
	.apartment-container .details .desc .facilities li {
		width: 49%;
		}
	}

@media (max-width: 992px) {
	.apartment-container .img-container, 
	.apartment-container .details {
		float: none;
		width: 100%;
		margin-bottom: 100px;
		}
	.apartment-container .img-container {
		padding: 0;
		}
	}

@media (max-width: 767px) {
	.apartment-container .room-box {
		float: none;
		width: 100%;
		}
	}





/* ==================================================================================================== */
/* 27. BOOK BOX																							*/
/* ==================================================================================================== */

.book_box {
	border: 2px solid #C5A46D;
	background: #FFFFFF;
	padding: 60px 0;
	margin: 80px auto;
	overflow: hidden;
	-webkit-box-shadow: 0 0 0 3px #FFFFFF, 0 0 0 4px #C5A46D;
	box-shadow: 0 0 0 3px #FFFFFF, 0 0 0 4px #C5A46D;
	}

@media (max-width: 767px) {
		.book_box {
		margin: 80px 15px;
		}
	}
.book_box .front-box {
	text-align: center;
	cursor: pointer;
	position: relative;
	}

.book_box .front-box:before {
	display: block;
	position: absolute;
	right: -10px;
	bottom: -80px;
	color: #f2f2f2;
	font: 12em/1em "FontAwesome";
	content: "\f0f6";
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	}

.book_box .front-box .title {
	color: #C5A46D;
	font: 24px/1.2em "Lobster", Arial, Helvetica, sans-serif;
	}

.book_box .front-box h2 {
	font-size: 36px;
	margin: 30px 0;
	letter-spacing: -2px;
	}

.book_box .back-box {
	padding: 0 40px;
	position: relative;
	}

.book_box .back-box .fa-close {
	position: absolute;
	top: -40px;
	right: 20px;
	color: #C5A46D;
	font-size: 1.5em;
	cursor: pointer;
	}

.book_box .back-box .title {
	font-size: 28px;
	color: #C5A46D;
	letter-spacing: -2px;
	margin-bottom: 20px;
	line-height: 1.5em;
	}

.book_box .back-box .description {
	line-height: 30px;
	}

.book_box .back-box input, 
.book_box .back-box textarea {
	display: block;
	width: 100%;
	height: 40px;
	margin-bottom: 10px;
	padding: 0 15px;
	}
	
.book_box .back-box input[type="text"], 
.book_box .back-box input[type="email"], 
.book_box .back-box textarea {
	background: #FFFFFF;
	border: 1px solid #C5A46D;
	}

.book_box .back-box textarea {
	height: 340px;
	padding: 15px;
	}





/* ==================================================================================================== */
/* 28. ADD TESTIMONIAL BOX																				*/
/* ==================================================================================================== */ 

#add-testimonials-box {
	border: 2px solid #C5A46D;
	background: #FFFFFF;
	padding: 60px 0;
	margin: 80px auto;
	overflow: hidden;
	-webkit-box-shadow: 0 0 0 3px #FFFFFF, 0 0 0 4px #C5A46D;
	box-shadow: 0 0 0 3px #FFFFFF, 0 0 0 4px #C5A46D;
	}
	
@media (max-width: 767px) {
	#add-testimonials-box {
		margin: 80px 15px;
		}
	}
	
#add-testimonials-box .front-box {
	text-align: center;
	cursor: pointer;
	position: relative;
	}
	
#add-testimonials-box .front-box:before {
	display: block;
	position: absolute;
	right: -10px;
	bottom: -80px;
	color: #f2f2f2;
	font: 12em/1em "FontAwesome";
	content: "\f0f6";
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	}
	
#add-testimonials-box .front-box .title {
	color: #C5A46D;
	font: 24px/1.2em "Lobster", Arial, Helvetica, sans-serif;
	}
	
#add-testimonials-box .front-box h2 {
	font-size: 36px;
	margin: 30px 0;
	letter-spacing: -2px;
	}
	
#add-testimonials-box .back-box {
	padding: 0 40px;
	position: relative;
	}
	
#add-testimonials-box .back-box .fa-close {
	position: absolute;
	top: -40px;
	right: 20px;
	color: #C5A46D;
	font-size: 1.5em;
	cursor: pointer;
	}
	
#add-testimonials-box .back-box .title {
	font-size: 28px;
	color: #C5A46D;
	letter-spacing: -2px;
	margin-bottom: 20px;
	line-height: 1.5em;
	}
	
#add-testimonials-box .back-box .description {
	line-height: 30px;
	}
	
#add-testimonials-box .back-box input,
#add-testimonials-box .back-box textarea {
	display: block;
	width: 100%;
	height: 40px;
	margin-bottom: 10px;
	padding: 0 15px;
	}
	
#add-testimonials-box .back-box input[type="text"],
#add-testimonials-box .back-box input[type="email"],
#add-testimonials-box .back-box textarea {
	background: #FFFFFF;
	border: 1px solid #C5A46D;
	}
	
#add-testimonials-box .back-box textarea {
	height: 140px;
	padding: 15px;
	}


/* ==================================================================================================== */
/* 29. TESTIMONIALS																						*/
/* ==================================================================================================== */ 

#testimonials-container-box {
	padding: 0;
	padding-top: 60px;
	}

#testimonials-container-box .testimonial-box {
	margin-bottom: 30px;
	}

@media (max-width: 600px) {
	#testimonials-container-box .testimonial-box {
		float: none;
		width: 100%;
		}
	}

#testimonials-container-box .testimonial-box .inner-box {
	background: #f8f9f9;
	border: 1px solid #C5A46D;
	padding: 60px 30px;
	position: relative;
	z-index: -1;
	}

#testimonials-container-box .testimonial-box .inner-box:before, 
#testimonials-container-box .testimonial-box .inner-box:after {
	display: block;
	font: 3.5em/1em "FontAwesome";
	color: #eaeded;
	position: absolute;
	z-index: -1;
	}

#testimonials-container-box .testimonial-box .inner-box:before {
	left: 20px;
	top: 20px;
	content: "\f10d";
	}

#testimonials-container-box .testimonial-box .inner-box:after {
	bottom: 20px;
	right: 20px;
	content: "\f10e";
	}

#testimonials-container-box .testimonial-box .inner-box .title {
	font-size: 26px;
	font-weight: 500;
	color: #C5A46D;
	text-align: center;
	line-height: 1.2em;
	}

#testimonials-container-box .testimonial-box .inner-box .description {
	line-height: 30px;
	margin: 30px 0;
	}

#testimonials-container-box .testimonial-box .inner-box cite {
	color: #C5A46D;
	font: 18px/1.1em "Lobster", Arial, Helvetica, sans-serif;
	}


#testimonials-container-box .testimonial-box .inner-box table {
	width: 100%;
	padding-bottom: 20px;
	margin: 20px 0 30px 0;

	}

#testimonials-container-box .testimonial-box .inner-box table td:nth-of-type(1) {
	border: none;
	padding: 0;
	text-align: left;
	font-weight: bold; 
	color: #333333;
	}
#testimonials-container-box .testimonial-box .inner-box  table td:nth-of-type(2) {
	font: 18px/1.1em "Lobster", Arial, Helvetica, sans-serif;
	text-align: left;
	border: none;
	width: 55%;
	padding-left: 30px;
	}
  

/* ==================================================================================================== */
/* 30. ADDITIONAL INFORMATION BOX																		*/
/* ==================================================================================================== */ 

.additional-informations-box,
.staff-box {
	position: relative;
	border: 3px solid #FFFFFF;
	background: #FFFFFF;
	text-align: center;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-box-shadow: 0 0 0 2px #C5A46D, inset 0 0 0 1px #C5A46D;
	box-shadow: 0 0 0 2px #C5A46D, inset 0 0 0 1px #C5A46D;
	/* width: 30%;*/
	}

.additional-informations-box {
	padding: 40px 20px 20px;
	margin: 30px 0 30px 0;
	min-height: 220px;
	}

.staff-box {
	padding: 140px 30px 30px;
	margin: 120px 0 40px 0;
	}

.additional-informations-box i {
	left: 50%;
	top: -25px;
	overflow: hidden;
	position: absolute;
	/* border: 5px solid #FFFFFF;*/
	width: 50px;
	height: 50px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background: #C5A46D;

	/*-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;*/
	
	-webkit-box-shadow: 0 0 0 2px #C5A46D, inset 0 0 0 3px #ffffff;
	box-shadow: 0 0 0 2px #C5A46D, inset 0 0 0 3px #ffffff;	
	
	font-size: 20px;
	line-height: 50px;
	color: #ffffff;
	/*font-weight: bold;*/
	}
	
.staff-box .img-box {
    left: 50%;
    top: -125px;
    overflow: hidden;
    position: absolute;
    border: 5px solid #FFFFFF;
    width: 250px;
    height: 250px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); 
	}
	
.staff-box img {
	max-width: 100%;
	}

.additional-informations-box .text,
.staff-box .text {
	font-size: 14px;
	line-height: 25px;
	}
	
.additional-informations-box .text .name,
.staff-box .text .name {
	font: 25px "Lobster", Arial, Helvetica, sans-serif;
    padding-bottom: 20px;
    color: #C5A46D;
	}
	
.additional-informations-box .text span{
	font-weight: bold;
	color: #C5A46D;
	}
	
.staff-box .text .span-lobster {
	padding-top: 20px;
	font-weight: bold;
	font: 25px "Lobster";
	color: #C5A46D;
	}

.additional-informations-box:hover {
    background: #f8f9f9;
	}
/*
@media (max-width: 992px) {
	.additional-informations-box {
		width: 45%;
		}
	}*/
@media (max-width: 767px) {
	.additional-informations-box {
		width: 100%;
		min-height: auto;
		margin-bottom: 60px;
		}
	}	

	
/* ==================================================================================================== */
/* 31. CJENIK																							*/
/* ==================================================================================================== */ 

.price table {
	margin: 10px auto 10px;
	text-align: center;
	width: 100%;
	}
.price table th{
	font: 18px "Lobster";
	height: 40px;
	text-align: center;
	color: #C5A46D; 
	border-bottom: 2px solid #f8f9f9;
	}
	
.price table td {
	height: 40px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 2px solid #f8f9f9;
	}
	
.price table td:nth-of-type(1) {
	min-width: 40px;
	}
	
.price table tr{
	width:auto
	}
	
.price i {
	font-size: 20px;
	}
	
@media (max-width: 420px) {	
	.price table th,
	.price table td {
		border-right: 2px solid #f8f9f9;
		}
	}	
	
.price-notes table {
	margin: 30px auto 10px;
	text-align: left;
	background: #FFFFFF;
	padding: 30px 0;
	width: 100%;
	font-size: 15px;
	}

.price-notes table i {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #C5A46D;
	line-height: 30px;
	color: #ffffff;
	}

.price-notes table td:nth-of-type(1) {
	padding: 5px;
	vertical-align: top;
	text-align: center;
	}
	
.price-notes table td:nth-of-type(2) {
	padding: 5px 0 20px 10px;
	}
	
	
/* ==================================================================================================== */
/* 32. BOOK RIBBON																						*/
/* ==================================================================================================== */ 

.book-ribbon{
	background: #f8f9f9;
	padding: 70px 0;
	width: 100%;
	text-align: center;
	}
	
.book-ribbon .btn {
	float: none;
	font-size: 22px;
	background: #ffffff;
	border: 2px solid #C5A46D;
	}
	
.book-ribbon .btn:hover {
	background: #C5A46D;
	color: #ffffff;
	}

	
	
	
	
	
	
	
/* ==================================================================================================== */
/* 33. CONTACT PAGE																						*/
/* ==================================================================================================== */	
	
	
	
	
body.contact.type-1 .internal-page-title:before {
  background: rgba(0, 0, 0, 0.55); }
body.contact.type-1 .contact-page-container {
  padding: 110px 0; }
  @media (max-width: 992px) {
    body.contact.type-1 .contact-page-container {
      padding: 60px 0; } }
body.contact.type-1 .contact-info-main-box {
  margin-bottom: 80px; }
@media (max-width: 992px) {
  body.contact.type-1 .contact-info-box {
    margin-bottom: 20px; } }
body.contact.type-1 .inner-content {
  border: 3px solid #FFFFFF;
  background: #FFFFFF;
  text-align: center;
  min-height: 160px;
  position: relative;
  overflow: hidden;
  padding: 20px;
  display: table;
  width: 100%;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-shadow: 0 0 0 2px #C5A46D, inset 0 0 0 1px #C5A46D;
  box-shadow: 0 0 0 2px #C5A46D, inset 0 0 0 1px #C5A46D; }
  body.contact.type-1 .inner-content i {
    position: absolute;
    left: -20px;
    top: -20px;
    font-size: 11em;
    color: rgba(197, 164, 109, 0.1);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    body.contact.type-1 .inner-content i.fa-envelope-o {
      -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
      -o-transform: rotate(30deg);
      transform: rotate(30deg); }
    body.contact.type-1 .inner-content i.fa-phone {
      -webkit-transform: rotate(75deg);
      -ms-transform: rotate(75deg);
      -o-transform: rotate(75deg);
      transform: rotate(75deg); }
    body.contact.type-1 .inner-content i.fa-map-marker {
      -webkit-transform: rotate(10deg);
      -ms-transform: rotate(10deg);
      -o-transform: rotate(10deg);
      transform: rotate(10deg); }
  body.contact.type-1 .inner-content .info {
    font: 22px/35px "Lobster", Arial, Helvetica, sans-serif;
    display: table-cell;
    vertical-align: middle;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  body.contact.type-1 .inner-content:hover {
    background: #C5A46D; }
    body.contact.type-1 .inner-content:hover i {
      color: rgba(255, 255, 255, 0.1); }
    body.contact.type-1 .inner-content:hover .info {
      color: #FFFFFF; }

body.contact.type-1 #map {
	width: 100%;
	height: 550px; 
	}
	
	
/********************************************* MOJE UBAČENO	*************************************************************/
body.contact.type-1 .internal-page-title {
  width: 100%;
  background-size: cover;
  background-position: center;
  text-align: center;
  padding: 0;
  position: relative;
  z-index: 1;
  border-bottom: 3px solid #C5A46D; }
  @media (max-width: 992px) {
    body.contact.type-1 .internal-page-title {
      margin-top: 0;
      padding:0; } }
  body.contact.type-1 .internal-page-title:before {
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75); }
  body.contact.type-1 .internal-page-title h1 {
    font-size: 38px;
    margin: 0;
    letter-spacing: -1px;
    color: #C5A46D; }
    @media (max-width: 767px) {
      body.contact.type-1 .internal-page-title h1 {
        font-size: 36px; } }
    body.contact.type-1 .internal-page-title h1 span {
      font-weight: bold; }
  body.contact.type-1 .internal-page-title .breadcrumb {
    display: inline-block;
    padding: 7px 25px;
    background: #C5A46D;
    font-size: .8em;
    letter-spacing: 2px;
    color: #000000;
    margin-bottom: 0;
    position: absolute;
    left: 50%;
    bottom: -18px;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
    @media (max-width: 767px) {
     body.contact.type-1 .internal-page-title .breadcrumb {
        display: none; } }
    .internal-page-title .breadcrumb a {
      color: #000000; }
     body.contact.type-1 .internal-page-title .breadcrumb a:hover {
        color: #FFFFFF; }
   body.contact.type-1 .internal-page-title .breadcrumb > li + li:before {
      color: #000000;
      content: "::";
      padding: 0 10px; }
      @media (min-width: 768px) and (max-width: 992px) {
        body.contact.type-1 .internal-page-title .breadcrumb > li + li:before {
          padding: 0 5px; } }
   body.contact.type-1 .internal-page-title .breadcrumb > .active {
      color: #FFFFFF;
      font-weight: bold; }	
	
/********************************************* MOJE UBAČENO	- END *************************************************************/	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
body.contact.type-2 .contact-page-container {
  padding-bottom: 110px; }
  @media (max-width: 992px) {
    body.contact.type-2 .contact-page-container {
      padding-bottom: 50px; } }
body.contact.type-2 .contact-info-main-box {
  padding: 0 15px; }
body.contact.type-2 .contact-info-inner {
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #FFFFFF;
  border: 3px solid #FFFFFF;
  padding: 40px 0;
  text-align: center;
  -webkit-box-shadow: 0 0 0 3px #C5A46D, inset 0 0 0 1px #C5A46D;
  box-shadow: 0 0 0 3px #C5A46D, inset 0 0 0 1px #C5A46D; }
  @media (max-width: 767px) {
    body.contact.type-2 .contact-info-inner {
      -moz-transform: translateY(-20%);
      -ms-transform: translateY(-20%);
      -webkit-transform: translateY(-20%);
      transform: translateY(-20%); } }
  body.contact.type-2 .contact-info-inner .contact-info-box {
    border-right: 1px solid #C5A46D;
    padding: 0 30px; }
    body.contact.type-2 .contact-info-inner .contact-info-box:last-child {
      border-right: 0; }
    @media (max-width: 767px) {
      body.contact.type-2 .contact-info-inner .contact-info-box {
        margin-bottom: 30px; } }
    body.contact.type-2 .contact-info-inner .contact-info-box i {
      font-size: 2em;
      color: #C5A46D;
      margin-bottom: 30px; }
      @media (max-width: 767px) {
        body.contact.type-2 .contact-info-inner .contact-info-box i {
          margin-bottom: 10px; } }
    body.contact.type-2 .contact-info-inner .contact-info-box .info {
      font: 18px/35px "Lobster", Arial, Helvetica, sans-serif; }

.contact-page-container {
  position: relative; }
  .contact-page-container .contact-form-container .how-contact .title {
    font-size: 30px;
    color: #C5A46D;
    line-height: 40px;
    margin-bottom: 20px;
    letter-spacing: -1px; }
  .contact-page-container .contact-form-container .how-contact .desc {
    line-height: 25px; }
    @media (max-width: 767px) {
      .contact-page-container .contact-form-container .how-contact .desc {
        margin-bottom: 20px; } }
  .contact-page-container .contact-form-container .contact-form-box {
    padding: 0; }
    .contact-page-container .contact-form-container .contact-form-box input, .contact-page-container .contact-form-container .contact-form-box textarea {
      width: 100%;
      height: 40px; }
    .contact-page-container .contact-form-container .contact-form-box input[type="text"], .contact-page-container .contact-form-container .contact-form-box input[type="email"], .contact-page-container .contact-form-container .contact-form-box textarea {
      border: 1px solid #C5A46D;
      background: #FFFFFF;
      padding: 0 15px;
      margin-bottom: 10px; }
    .contact-page-container .contact-form-container .contact-form-box textarea {
      padding: 15px;
      height: 190px; }
    .contact-page-container .contact-form-container .contact-form-box .submit-container {
      padding: 0; } /*padding: 0 15px;*/

.post-container {
  margin-top: 80px; }

.post-box {
  background: #f8f9f9;
  margin-bottom: 50px;
  padding: 30px; }
  .post-box .post-img {
    max-width: 100%;
    border: 1px solid #C5A46D; }
  .post-box .post-title {
    text-align: center;
    font-size: 24px;
    color: #C5A46D;
    line-height: 2.2em;
    margin: 30px 0;
    position: relative;
    display: block;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .post-box .post-title:after {
      display: block;
      content: "";
      position: absolute;
      left: 50%;
      bottom: 0;
      background: #C5A46D;
      width: 60%;
      height: 1px;
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%); }
    .post-box .post-title:hover {
      color: #333333; }
  .post-box .post-desc {
    line-height: 25px; }
  .post-box .read-more-container {
    text-align: center;
    margin: 30px 0; }
  .post-box a.read-more {
    padding: 6px 20px;
    letter-spacing: 1px; }
  .post-box .post-meta {
    color: #d0d4d7;
    margin: 40px 0; }
    .post-box .post-meta a {
      color: #d0d4d7;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .post-box .post-meta a:hover {
        color: #C5A46D; }
    .post-box .post-meta .post-date {
      display: inline-block;
      margin-right: 10px; }
    .post-box .post-meta .post-author {
      display: inline-block; }
    .post-box .post-meta .post-comment {
      float: right; }
    @media (max-width: 420px) {
      .post-box .post-meta {
        text-align: center; }
        .post-box .post-meta .post-comment {
          float: none;
          margin-top: 10px; } }
  .post-box .post-tags {
    border-top: 1px solid #d0d4d7;
    border-bottom: 1px solid #d0d4d7;
    padding: 40px 0;
    text-align: center; }
    .post-box .post-tags li {
      display: inline-block; }
      @media (max-width: 600px) {
        .post-box .post-tags li {
          margin: 3px; } }
      .post-box .post-tags li a {
        display: inline-block;
        border: 1px solid #C5A46D;
        color: #C5A46D;
        line-height: 30px;
        padding: 0 10px;
        letter-spacing: 1px;
        background: #FFFFFF;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        .post-box .post-tags li a:hover {
          background: #C5A46D;
          color: #FFFFFF; }

		  
		  
.booking-title-box {
  background: #f8f9f9;
  position: relative;
  padding-bottom: 70px;
  margin-bottom: 60px; }
.booking-title-box .heading-box {
    margin: 50px 0; }
.booking-title-box .heading-box .price {
      font: 30px/1em "Lobster", Arial, Helvetica, sans-serif; }
       .booking-title-box .heading-box .price span {
        font-size: 16px; }
.booking-title-box .booking-form .input-daterange {
    padding: 0; }
   .booking-title-box .booking-form .booking-fields {
    margin: 3px 0;
    position: relative; }
     .booking-title-box .booking-form .booking-fields i.fa {
      position: absolute;
      top: 13px;
      right: 30px; }
   .booking-title-box .booking-form input[type="submit"] {
    position: absolute;
    left: 50%;
    bottom: -38px;
    white-space: normal;
    width: 75px;
    height: 75px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-box-shadow: 0 0 0 5px rgba(197, 164, 109, 0.3);
    box-shadow: 0 0 0 5px rgba(197, 164, 109, 0.3); }
   .booking-title-box .booking-form input[type="text"],  .booking-title-box .booking-form .chosen-container {
    border: 1px solid #C5A46D;
    width: 100%;
    height: 40px;
    background: #FFFFFF;
    color: #333333; }
     .booking-title-box .booking-form input[type="text"].placeholder,  .booking-title-box .booking-form .chosen-container.placeholder {
      color: #333333; }
     .booking-title-box .booking-form input[type="text"]:-moz-placeholder,  .booking-title-box .booking-form .chosen-container:-moz-placeholder {
      color: #333333; }
     .booking-title-box .booking-form input[type="text"]::-moz-placeholder,  .booking-title-box .booking-form .chosen-container::-moz-placeholder {
      color: #333333; }
     .booking-title-box .booking-form input[type="text"]:-ms-input-placeholder,  .booking-title-box .booking-form .chosen-container:-ms-input-placeholder {
      color: #333333; }
     .booking-title-box .booking-form input[type="text"]::-webkit-input-placeholder,  .booking-title-box .booking-form .chosen-container::-webkit-input-placeholder {
      color: #333333; }
   .booking-title-box .booking-form input[type="text"] {
    padding: 0 15px; }
   .booking-title-box .booking-form select {
    background: #FFFFFF;
    border: 1px solid #C5A46D;
    width: 100%;
    height: 40px;
    padding: 0 10px; }
     .booking-title-box .booking-form select option {
      background: #FFFFFF;
      color: #333333; }
       .booking-title-box .booking-form select option:hover {
        background: #C5A46D;
        color: #FFFFFF; }
   .booking-title-box .booking-form .chosen-container {
    text-align: left; }
     .booking-title-box .booking-form .chosen-container .chosen-single {
      color: #333333;
      padding-left: 17px;
      height: 38px; }
       .booking-title-box .booking-form .chosen-container .chosen-single div {
        width: 33px; }
       .booking-title-box .booking-form .chosen-container .chosen-single b:before,  .booking-title-box .booking-form .chosen-container .chosen-single b:after {
        background: #333333; }
     .booking-title-box .booking-form .chosen-container .chosen-search {
      display: none; }
     .booking-title-box .booking-form .chosen-container .chosen-drop {
      background: #FFFFFF;
      border: 1px solid #C5A46D;
      width: calc(100% + 2px);
      left: -1px;
      padding-bottom: 5px;
      padding-top: 0; }
     .booking-title-box .booking-form .chosen-container.chosen-container-active .chosen-single {
      background: #FFFFFF; }
     .booking-title-box .booking-form .chosen-container.chosen-container-active .chosen-drop .chosen-results {
      margin: 0;
      padding: 0; }
       .booking-title-box .booking-form .chosen-container.chosen-container-active .chosen-drop .chosen-results li {
        padding: 0 15px;
        line-height: 30px;
        color: #333333;
        -webkit-transition: background 0.3s ease;
        -o-transition: background 0.3s ease;
        transition: background 0.3s ease; }
         .booking-title-box .booking-form .chosen-container.chosen-container-active .chosen-drop .chosen-results li:hover {
          background: #C5A46D;
          color: #FFFFFF; }
 .room-details .description {
  text-align: center;
  max-width: 800px;
  line-height: 25px;
  letter-spacing: 1px;
  margin: 20px auto 40px; }
 .room-details .services {
  max-width: 600px;
  line-height: 45px;
  margin: 0 auto; }
   .room-details .services li {
    min-width: 190px;
    letter-spacing: 1px; }
     .room-details .services li i {
      color: #C5A46D;
      margin-right: 10px; }
 .apartment-container {
  margin-top: 0; }

#booking-page-content .booking-container .heading-box {
  margin: 50px 0 40px; }
#booking-page-content .booking-container .main-booking-description {
  text-align: center;
  max-width: 800px;
  line-height: 25px;
  margin: 0 auto 70px; }

  
  

#booking-tabs li a {
  display: block;
  position: relative;
  text-align: center;
  border: 0;
  border-bottom: 3px solid #333333;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  #booking-tabs li a .number {
    position: absolute;
    left: 40px;
    top: 5px;
    font: 48px "Lobster", Arial, Helvetica, sans-serif;
    color: #dde1e1;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    @media (max-width: 1200px) {
      #booking-tabs li a .number {
        position: initial;
        display: block; } }
    @media (max-width: 767px) {
      #booking-tabs li a .number {
        position: absolute;
        display: inline-block; } }
  #booking-tabs li a .title {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    line-height: 50px;
    color: #C5A46D;
    font-size: 18px; }
#booking-tabs li:hover a {
  background: #f8f9f9; }
#booking-tabs li.active a {
  background: #333333; }
  #booking-tabs li.active a .number {
    color: #C5A46D; }
  #booking-tabs li.active a .title {
    color: #FFFFFF; }

#booking-tab-contents {
  padding: 40px;
  margin-bottom: 50px; }
  @media (max-width: 992px) {
    #booking-tab-contents {
      padding: 40px 0; } }
  #booking-tab-contents input[type="text"], #booking-tab-contents input[type="email"], #booking-tab-contents textarea, #booking-tab-contents .chosen-container {
    border: 1px solid #C5A46D;
    width: 100%;
    height: 40px;
    background: #FFFFFF;
    color: #333333; }
    #booking-tab-contents input[type="text"].placeholder, #booking-tab-contents input[type="email"].placeholder, #booking-tab-contents textarea.placeholder, #booking-tab-contents .chosen-container.placeholder {
      color: #333333; }
    #booking-tab-contents input[type="text"]:-moz-placeholder, #booking-tab-contents input[type="email"]:-moz-placeholder, #booking-tab-contents textarea:-moz-placeholder, #booking-tab-contents .chosen-container:-moz-placeholder {
      color: #333333; }
    #booking-tab-contents input[type="text"]::-moz-placeholder, #booking-tab-contents input[type="email"]::-moz-placeholder, #booking-tab-contents textarea::-moz-placeholder, #booking-tab-contents .chosen-container::-moz-placeholder {
      color: #333333; }
    #booking-tab-contents input[type="text"]:-ms-input-placeholder, #booking-tab-contents input[type="email"]:-ms-input-placeholder, #booking-tab-contents textarea:-ms-input-placeholder, #booking-tab-contents .chosen-container:-ms-input-placeholder {
      color: #333333; }
    #booking-tab-contents input[type="text"]::-webkit-input-placeholder, #booking-tab-contents input[type="email"]::-webkit-input-placeholder, #booking-tab-contents textarea::-webkit-input-placeholder, #booking-tab-contents .chosen-container::-webkit-input-placeholder {
      color: #333333; }
  #booking-tab-contents input[type="text"], #booking-tab-contents input[type="email"] {
    padding: 0 15px; }
  #booking-tab-contents select {
    background: #FFFFFF;
    border: 1px solid #C5A46D;
    width: 100%;
    height: 40px;
    padding: 0 10px; }
    #booking-tab-contents select option {
      background: #FFFFFF;
      color: #333333; }
      #booking-tab-contents select option:hover {
        background: #C5A46D;
        color: #FFFFFF; }
  #booking-tab-contents .chosen-container {
    text-align: left; }
    #booking-tab-contents .chosen-container .chosen-single {
      color: #333333;
      padding-left: 17px;
      height: 38px; }
      #booking-tab-contents .chosen-container .chosen-single div {
        width: 33px; }
      #booking-tab-contents .chosen-container .chosen-single b:before, #booking-tab-contents .chosen-container .chosen-single b:after {
        background: #333333; }
    #booking-tab-contents .chosen-container .chosen-search {
      display: none; }
    #booking-tab-contents .chosen-container .chosen-drop {
      background: #FFFFFF;
      border: 1px solid #C5A46D;
      width: calc(100% + 2px);
      left: -1px;
      padding-bottom: 5px;
      padding-top: 0; }
    #booking-tab-contents .chosen-container.chosen-container-active .chosen-single {
      background: #FFFFFF; }
    #booking-tab-contents .chosen-container.chosen-container-active .chosen-drop .chosen-results {
      margin: 0;
      padding: 0; }
      #booking-tab-contents .chosen-container.chosen-container-active .chosen-drop .chosen-results li {
        padding: 0 15px;
        line-height: 30px;
        color: #333333;
        -webkit-transition: background 0.3s ease;
        -o-transition: background 0.3s ease;
        transition: background 0.3s ease; }
        #booking-tab-contents .chosen-container.chosen-container-active .chosen-drop .chosen-results li:hover {
          background: #C5A46D;
          color: #FFFFFF; }
  #booking-tab-contents h4 {
    font-size: 20px;
    color: #C5A46D;
    line-height: 70px;
    text-align: center;
    letter-spacing: -1px;
    border-bottom: 1px solid #d0d4d7;
    margin-bottom: 30px; }
  #booking-tab-contents .datepicker {
    border: 1px solid #C5A46D;
    background: #FFFFFF;
    padding: 0; }
    #booking-tab-contents .datepicker table {
      background: #C5A46D; }
    #booking-tab-contents .datepicker th {
      background: #FFFFFF; }
    #booking-tab-contents .datepicker thead tr:first-child {
      background: #C5A46D; }
      #booking-tab-contents .datepicker thead tr:first-child th {
        background: #C5A46D;
        color: #FFFFFF;
        line-height: 40px; }
        #booking-tab-contents .datepicker thead tr:first-child th:hover {
          color: #333333; }
    #booking-tab-contents .datepicker td {
      background: #FFFFFF;
      font-weight: normal; }
      #booking-tab-contents .datepicker td.day:hover, #booking-tab-contents .datepicker td.today {
        background: #ecedee;
        color: #C5A46D; }
      #booking-tab-contents .datepicker td.day.disabled {
        color: #d0d4d7; }
        #booking-tab-contents .datepicker td.day.disabled:hover {
          background: #d0d4d7;
          color: #FFFFFF; }
      #booking-tab-contents .datepicker td.old, #booking-tab-contents .datepicker td.new {
        color: #b4bbc0;
        font-weight: 300; }
      #booking-tab-contents .datepicker td.selected, #booking-tab-contents .datepicker td.selected:hover {
        background: #ccaf7f;
        color: #FFFFFF; }
      #booking-tab-contents .datepicker td.range {
        background: #ecedee; }
  #booking-tab-contents label {
    font-weight: normal;
    font-size: 18px;
    line-height: 30px; }

#booking-choose-date .booking-dates {
  padding: 0; }
#booking-choose-date .field-container {
  margin: 35px 0; }
  #booking-choose-date .field-container:last-child {
    margin-top: 62px;
    margin-bottom: 0; }
  #booking-choose-date .field-container input[type="submit"] {
    width: 100%;
    height: 40px; }

#booking-reservation h4, #booking-confirmation h4 {
  text-align: left; }
#booking-reservation h3, #booking-confirmation h3 {
  font: 40px/1.1em "Lobster", Arial, Helvetica, sans-serif;
  text-align: center;
  color: #C5A46D; }
#booking-reservation .description, #booking-confirmation .description {
  max-width: 800px;
  text-align: center;
  margin: 30px auto 50px; }
#booking-reservation .reservation-info > div:nth-child(2), #booking-confirmation .reservation-info > div:nth-child(2) {
  padding-left: 0; }
@media (max-width: 992px) {
  #booking-reservation .reservation-info > div, #booking-confirmation .reservation-info > div {
    padding: 0; } }
#booking-reservation ul li, #booking-reservation .total-cost, #booking-confirmation ul li, #booking-confirmation .total-cost {
  line-height: 40px; }
  #booking-reservation ul li:before, #booking-reservation ul li:after, #booking-reservation .total-cost:before, #booking-reservation .total-cost:after, #booking-confirmation ul li:before, #booking-confirmation ul li:after, #booking-confirmation .total-cost:before, #booking-confirmation .total-cost:after {
    content: " ";
    display: table; }
  #booking-reservation ul li:after, #booking-reservation .total-cost:after, #booking-confirmation ul li:after, #booking-confirmation .total-cost:after {
    clear: both; }
  #booking-reservation ul li .info, #booking-reservation .total-cost .info, #booking-confirmation ul li .info, #booking-confirmation .total-cost .info {
    float: left; }
  #booking-reservation ul li .value, #booking-reservation .total-cost .value, #booking-confirmation ul li .value, #booking-confirmation .total-cost .value {
    float: right;
    font: 18px/40px "Lobster", Arial, Helvetica, sans-serif;
    color: #C5A46D;
    text-align: right;
    max-width: 250px; }
#booking-reservation .total-cost, #booking-confirmation .total-cost {
  border-top: 1px solid #ecedee;
  margin-top: 10px;
  line-height: 50px; }
  #booking-reservation .total-cost .value, #booking-confirmation .total-cost .value {
    font-size: 24px;
    margin-top: 10px; }
#booking-reservation .title, #booking-confirmation .title {
  color: #C5A46D;
  line-height: 30px;
  overflow: hidden;
  font-size: 16px; }
  #booking-reservation .title span, #booking-confirmation .title span {
    display: inline-block;
    position: relative;
    padding-right: 10px; }
    #booking-reservation .title span:before, #booking-confirmation .title span:before {
      display: block;
      content: "";
      background: #ecedee;
      width: 500px;
      height: 1px;
      position: absolute;
      left: 100%;
      top: 15px; }
#booking-reservation .field-container, #booking-confirmation .field-container {
  margin-bottom: 14px; }
  #booking-reservation .field-container.btn-field, #booking-confirmation .field-container.btn-field {
    margin-top: -6px; }
  #booking-reservation .field-container input, #booking-confirmation .field-container input {
    width: 100%;
    height: 40px; }
    #booking-reservation .field-container input.placeholder, #booking-confirmation .field-container input.placeholder {
      color: #d0d4d7; }
    #booking-reservation .field-container input:-moz-placeholder, #booking-confirmation .field-container input:-moz-placeholder {
      color: #d0d4d7; }
    #booking-reservation .field-container input::-moz-placeholder, #booking-confirmation .field-container input::-moz-placeholder {
      color: #d0d4d7; }
    #booking-reservation .field-container input:-ms-input-placeholder, #booking-confirmation .field-container input:-ms-input-placeholder {
      color: #d0d4d7; }
    #booking-reservation .field-container input::-webkit-input-placeholder, #booking-confirmation .field-container input::-webkit-input-placeholder {
      color: #d0d4d7; }
  #booking-reservation .field-container textarea, #booking-confirmation .field-container textarea {
    padding: 15px;
    height: 257px; }
    #booking-reservation .field-container textarea.placeholder, #booking-confirmation .field-container textarea.placeholder {
      color: #d0d4d7; }
    #booking-reservation .field-container textarea:-moz-placeholder, #booking-confirmation .field-container textarea:-moz-placeholder {
      color: #d0d4d7; }
    #booking-reservation .field-container textarea::-moz-placeholder, #booking-confirmation .field-container textarea::-moz-placeholder {
      color: #d0d4d7; }
    #booking-reservation .field-container textarea:-ms-input-placeholder, #booking-confirmation .field-container textarea:-ms-input-placeholder {
      color: #d0d4d7; }
    #booking-reservation .field-container textarea::-webkit-input-placeholder, #booking-confirmation .field-container textarea::-webkit-input-placeholder {
      color: #d0d4d7; }

body.booking-page .internal-page-title:before {
  background: rgba(0, 0, 0, 0.55); }

  
  
  
/**
 * Sidebar Style
 */
 
 
aside.sidebar {
  margin-top: 80px; }
  aside.sidebar .widget {
    margin-bottom: 50px; }
    aside.sidebar .widget:last-child {
      margin-bottom: 0; }
    aside.sidebar .widget h3 {
      color: #C5A46D;
      font-size: 24px;
      border-bottom: 1px solid #C5A46D;
      margin: 0 0 20px;
      line-height: 50px; }
    aside.sidebar .widget.widget_search .search-form:before, aside.sidebar .widget.widget_search .search-form:after {
      content: " ";
      display: table; }
    aside.sidebar .widget.widget_search .search-form:after {
      clear: both; }
    aside.sidebar .widget.widget_search .search-form label {
      float: left;
      width: 80%;
      position: relative; }
      aside.sidebar .widget.widget_search .search-form label > span {
        display: none; }
      aside.sidebar .widget.widget_search .search-form label input {
        border: 1px solid #C5A46D;
        border-right: 0;
        background: #FFFFFF;
        color: #b4bbc0;
        font-weight: normal;
        padding: 0 10px;
        width: 100%;
        height: 40px; }
        aside.sidebar .widget.widget_search .search-form label input.placeholder {
          color: #b4bbc0; }
        aside.sidebar .widget.widget_search .search-form label input:-moz-placeholder {
          color: #b4bbc0; }
        aside.sidebar .widget.widget_search .search-form label input::-moz-placeholder {
          color: #b4bbc0; }
        aside.sidebar .widget.widget_search .search-form label input:-ms-input-placeholder {
          color: #b4bbc0; }
        aside.sidebar .widget.widget_search .search-form label input::-webkit-input-placeholder {
          color: #b4bbc0; }
      aside.sidebar .widget.widget_search .search-form label:after {
        display: block;
        content: "\f002";
        font: 16px/20px "FontAwesome";
        color: #C5A46D;
        position: absolute;
        right: -40px;
        top: 9px;
        z-index: -1; }
    aside.sidebar .widget.widget_search .search-form .search-submit {
      float: left;
      border: 1px solid #C5A46D;
      border-left: 0;
      background: transparent;
      text-indent: -999999px;
      overflow: hidden;
      width: 20%;
      height: 40px;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      border-radius: 0; }
    aside.sidebar .widget.widget_text .textwidget {
      line-height: 25px;
      letter-spacing: 1px; }
    aside.sidebar .widget.widget_archive > ul {
      padding: 0 5px; }
      aside.sidebar .widget.widget_archive > ul li {
        text-align: right;
        color: #C5A46D;
        border-bottom: 1px solid #d0d4d7;
        line-height: 40px;
        padding: 0 5px; }
        aside.sidebar .widget.widget_archive > ul li:before, aside.sidebar .widget.widget_archive > ul li:after {
          content: " ";
          display: table; }
        aside.sidebar .widget.widget_archive > ul li:after {
          clear: both; }
        aside.sidebar .widget.widget_archive > ul li:last-child {
          border-bottom: 0; }
        aside.sidebar .widget.widget_archive > ul li a {
          float: left;
          text-align: left;
          color: #333333;
          letter-spacing: 1px; }
          aside.sidebar .widget.widget_archive > ul li a:hover {
            color: #C5A46D; }
    aside.sidebar .widget.widget_tag_cloud .tagcloud a {
      margin: 3px 1px;
      border: 1px solid #C5A46D;
      color: #C5A46D;
      background: #FFFFFF; }
      aside.sidebar .widget.widget_tag_cloud .tagcloud a:hover {
        background: #C5A46D;
        color: #FFFFFF; }
    aside.sidebar .widget.widget_calendar #calendar_wrap {
      text-align: center; }
      aside.sidebar .widget.widget_calendar #calendar_wrap table {
        width: 100%;
        border: 1px solid #C5A46D;
        background: #FFFFFF; }
        aside.sidebar .widget.widget_calendar #calendar_wrap table caption {
          background: #C5A46D;
          color: #FFFFFF;
          font-size: 16px;
          font-weight: bold;
          line-height: 40px; }
        aside.sidebar .widget.widget_calendar #calendar_wrap table td, aside.sidebar .widget.widget_calendar #calendar_wrap table th {
          padding: 8px 0;
          color: #C5A46D;
          text-align: center; }
        aside.sidebar .widget.widget_calendar #calendar_wrap table tfoot {
          border-top: 1px solid #C5A46D; }