/*
 Theme Name:   Apartmani Martinovic Custom Child Theme
 Theme URI:    http://bloxtheme.com;
 Description:  Custom child theme for apartmani Martinovic
 Template:     bloxtheme
 Version:      1.0.3
 Text Domain:  cblox
*/

/*

Red:
Tomato:

*/




/*------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------
---------------------------------------- BEGIN CORE ----------------------------------------
--------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------*/




/*******************************************************
******************** CORE UTILITIES ********************
*******************************************************/

/********** TYPOGRAPHY UTILITIES **********/

.u-upperCaseLetters {
	text-transform: uppercase !important;
}

.u-lightWeight {
	font-weight: 300 !important;
}

.u-normalWeight {
	font-weight: 400 !important;
}

.u-semiBoldWeight {
	font-weight: 600 !important;
}

.u-boldWeight {
	font-weight: 700 !important;
}

.u-extraBoldWeight {
	font-weight: 900 !important;
}


/********** SPACING UTILITIES **********/

.u-marginBottomM {
	margin-bottom: 1.5rem !important;
}

.u-noMarginBottom {
	margin-bottom: 0 !important;
}

.u-sidePaddings {
	padding-left: 1.5rem !important;
	padding-right: 1.5rem !important;
}

.u-noPaddingTop {
	padding-top: 0 !important;
}

/********** CENTERING UTILITIES **********/

.u-centerText {
	text-align: center !important;
}

.u-leftText {
	text-align: left !important;
}

.u-centerBlockH {
	display: flex;
	justify-content: center;
}

.u-centerBlockV {
	display: flex;
	align-items: center;
}


/********** STYLING UTILITIES **********/

.u-borderBottom {
	border-bottom: 1px solid #d7d7d7 !important;
}



/****************************************************
******************** CORE STYLES ********************
****************************************************/

/********** Core elements **********/

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html,
body {
	font-size: 100%;
}
body {
	padding: 0;
	margin: 0;
}

strong {
	font-weight: bold;
}

ul {
	list-style: disc;
	padding-left: 2rem;
}

a {
	text-decoration: none !important;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

:focus {
	outline: 0;
}

/********** Core WP Styles **********/

.alignright,
.alignleft {
	display: block !important;
	margin: 0 auto !important;
	margin-bottom: 1.5rem !important;
}

@media ( min-width: 64rem ) {
	.alignright {
	float: right;
	margin: 0 0 1em 1em !important;
	}
	.alignleft {
		float: left;
		margin: 0 1em 1em 0 !important;
	}
	.aligncenter {
		display: block;
		margin: 0 auto !important;
	}
}


/********** Core classes **********/

#whitewrap {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
}

.block,
.block-type-content .hentry,
.block-type-content div.entry-content {
	margin: 0;
	padding: 0;
}

.block-type-widget-area li.widget {
	margin-top: 0;
	margin-bottom: 0;
	padding: 0.3125rem 0.1875rem;
}
.block-type-widget-area li.widget ul {
	padding: 0 1.5rem 1.5rem 1.5rem;
}

.HomeContent,
.PageContent,
.PageContent--fixedWidth,
.BlogContent {
	flex: 1;
}
@media( max-width: 74rem ) {
	.BlogContent .grid-container,
	.PageContent--fixedWidth .grid-container {
		padding-left: 1.5rem !important;
		padding-right: 1.5rem !important;
	}
}



/*******************************************************
******************** CORE BB STYLES ********************
*******************************************************/

/********** BB rows **********/

.row {
	margin: 0 !important;
}
.fl-row-content-wrap {
	padding-left: 1.5rem !important;
	padding-right: 1.5rem !important;
}


/********** BB columns **********/

@media ( max-width: 35.5rem ) {
	.fl-col-group {
		margin-bottom: 1.25rem !important;
	}
	.fl-col-group:last-of-type {
		margin-bottom: 0 !important;
	}
}

@media ( max-width: 64rem ) {
	.fl-col-small {
		max-width: 100% !important;
	}
}


/********** BB modules **********/

.fl-module-content {
	margin: 0;
}


/********** BB modals **********/

@media ( max-width: 48rem ) {
	.modal-dialog {
		width: 90%;
	}
}


/********** BB buttons **********/

.fl-button:focus {
	outline: 0;
}


/********** Hide PowerPack black preview button **********/

.pp-preview-button {
	display: none;
}



/*********************************************************
******************** CORE FONT STYLES ********************
*********************************************************/

body {
	font-size: 100%;
}
body, caption, th, td, input, textarea, select, option, legend, fieldset, h1, h2, h3, h4, h5, h6 {
	font-size-adjust: 0.5;
}
em {
	font-style: italic;
}


/********** Smaller phones **********/

p {
	margin-bottom: 1.6em;
}

p,
li,
blockquote {
	font-size: 1rem;
	line-height: 1.7em;
}

h1 {
	font-size: 2rem;
	line-height: 1.25em;
}

h2,
.h1-smaller
.h1-smaller h1,
.h3-bigger,
.h3-bigger h3 {
	font-size: 1.625rem;
	line-height: 1.15384615em;
}

h3,
.h2-smaller,
.h2-smaller h2,
.h4-bigger,
.h4-bigger h4 {
	font-size: 1.375rem;
	line-height: 1.13636364em;
}

h4 {
	font-size: 1.125rem;
	line-height: 1.11111111em;
}


/********** Bigger phones **********/

@media ( min-width: 34rem ) {
	p,
	li,
	blockquote {
		font-size: 1rem;
	}

	h1 {
		font-size: 2rem;
		line-height: 1.25em;
	}

	h2,
	.h1-smaller,
	.h1-smaller h1,
	.h3-bigger,
	.h3-bigger h3 {
		font-size: 1.625rem;
		line-height: 1.15384615em;
	}

	h3,
	.h2-smaller,
	.h2-smaller h2,
	.h4-bigger,
	.h4-bigger h4 {
		font-size: 1.375rem;
		line-height: 1.13636364em;
	}

	h4 {
		font-size: 1.125rem;
		line-height: 1.11111111em;
	}
}


/********** Tablets **********/

@media  ( min-width: 48rem ) {
	p,
	li,
	blockquote {
		font-size: 1rem;
	}

	h1 {
		font-size: 2.5rem;
		line-height: 1.125em;
	}

	h2,
	.h1-smaller,
	.h1-smaller h1,
	.h3-bigger,
	.h3-bigger h3 {
		font-size: 2rem;
		line-height: 1.25em;
	}

	h3,
	.h2-smaller,
	.h2-smaller h2,
	.h4-bigger,
	.h4-bigger h4 {
		font-size: 1.5rem;
		line-height: 1.25em;
	}

	h4 {
		font-size: 1.125rem;
		line-height: 1.22222222em;
	}
}


/********** Smaller desktops **********/

@media  ( min-width: 62rem ) {
	p,
	li,
	blockquote {
		font-size: 1rem;
	}

	h1 {
		font-size: 3rem;
		line-height: 1.05em;
	}

	h2,
	.h1-smaller,
	.h1-smaller h1,
	.h3-bigger,
	.h3-bigger h3 {
		font-size: 2.25rem;
		line-height: 1.25em;
	}

	h3,
	.h2-smaller,
	.h2-smaller h2,
	.h4-bigger,
	.h4-bigger h4 {
		font-size: 1.75rem;
		line-height: 1.25em;
	}

	h4 {
		font-size: 1.125rem;
		line-height: 1.22222222em;
	}
}


/********** Bigger desktops **********/

@media  ( min-width: 75rem ) {
	p,
	li,
	blockquote {
		font-size: 1.125rem;
	}

	h1 {
		font-size: 3rem;
		line-height: 1.05em;
	}

	h2,
	.h1-smaller,
	.h1-smaller h1,
	.h3-bigger,
	.h3-bigger h3 {
		font-size: 2.25rem;
		line-height: 1.25em;
	}

	.h2-bigger{
		font-size: 3rem;
	}

	h3,
	.h2-smaller,
	.h2-smaller h2,
	.h4-bigger,
	.h4-bigger h4 {
		font-size: 1.75rem;
		line-height: 1.25em;
	}

	h4 {
		font-size: 1.125rem;
		line-height: 1.22222222em;
	}
}





/*--------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------
---------------------------------------- BEGIN GLOBAL ----------------------------------------
----------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------*/

/****************************************************
******************** BODY GLOBAL ********************
****************************************************/

body {
	font-family: 'Open Sans', sans-serif;
}

/*

#d9c2ba    	ROZA
#fff   		BIJELA
#999	 	SIVA za tekst
#52a5d9 	SVIJETLO PLAVA za buttone

font-family: 'Libre Baskerville', serif;
font-family: 'Sacramento', cursive;
font-family: 'Raleway', sans-serif;

*/


/**********************************************************
******************** SINGLE - PROPERTY ********************
**********************************************************/

/********** Headings **********/


h1,
h3 {
	font-family: 'Sacramento', cursive;	
}

h2,
h4 {
	font-family: 'Libre Baskerville', serif;
}
h4 {
	font-style: italic;	
}

td {
	font-family: "Raleway", sans-serif;
	font-weight: 400;
}



/**********************************************************
*********************** MAIN HEADER ***********************
**********************************************************/








/**********************************************************
*********************** MAIN FOOTER ***********************
**********************************************************/

.MainFooter {
	padding-top: 4.375rem;
	padding-bottom: 1.25rem;
}

.MainFooter-info {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-wrap: wrap;
	
	margin-bottom: 1rem;
}

.MainFooter-info > div {
	width: 100%;	
}

@media(min-width: 48rem) {
	.MainFooter-info {
		justify-content: space-between;
	}
	.MainFooter-info > div {
		width: 30%;
	}
}

@media(max-width: 47.5rem) {
	.MainFooter-info > div {
		margin-bottom: 3rem;
		text-align: center;
	}
}

/***** FIRST COLUMN *****/
.MainFooter-info-one img {
	margin-bottom: 3rem;	
}

.MainFooter-info-one ul {
	list-style: none !important;
	padding: 0 !important;
}

.MainFooter-info-one ul li {
	margin-bottom: 1.125rem;
}

.MainFooter-info-one ul li a {
	color: #999;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	
	transition: color 0.5s;
}
.MainFooter-info-one ul li a:hover {
	color: #52a5d9;
}

.MainFooter-info-one ul li.current_page_item a {
	color: #d9c2ba;
}

/***** SECOND COLUMN *****/
.MainFooter-info-two {
	text-align: center;
}

.MainFooter-info-three h4,
.MainFooter-info-two h4 {
	color: #999;
	font-size: 0.875rem;
	font-family: 'Libre Baskerville', serif;
	font-style: italic;
	margin-bottom: 1.25rem;
}

.MainFooter-info-three h3,
.MainFooter-info-two h3 {
	color: #999;
	font-size: 3rem;
	margin-bottom: 5rem;
}

.MainFooter-info-two div > a:first-of-type {
	margin-right: 1.25rem;
}


/***** THIRD COLUMN *****/
.MainFooter-info-three {
	text-align: center;
}

.MainFooter-info-three > div {
	display: block;
	text-align: center;
}

.MainFooter-info-three > div a {
	margin-bottom: 1.25rem;
	display: block;
	color: #999;
	font-family: 'Raleway', sans-serif;
	font-size: 1rem;
	word-break: break-all;
}

.MainFooter-info-three > div a .fa {
	margin-right: 1rem;
	font-size: 1.25rem;
}

.MainFooter-copyright {
	text-align: center;
	line-height: 1 !important;
	color: #999;
	font-size: 0.75rem;
}




/**********************************************************
************************** HOME ***************************
**********************************************************/

/*** main header ***/
.MainHeader-home {
	position: absolute;
	z-index: 4;
}


/*** Main Area ***/

.Home-hero > div {
	padding: 0 !important;	
}

.Home-hero .fl-rich-text > p {
	margin-bottom: 0 !important;
}

.Home-apartments {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}

.Home-apartments > div.Home-single-apartment {
	width: 50%;
}

/*** TEXT ALIGNMENT ***/
.Home-apartments > div:nth-of-type(odd) {
	padding-left: 9rem;
	text-align: left;
}
.Home-apartments > div:nth-of-type(even) {
	padding-right: 9rem;
	text-align: right;
}

/***/

.Home-single-apartment {
	min-height: 30rem;
	background-position: center top !important;
	background-size: cover !important;
	position: relative;
}

@media(max-width: 63rem) {
	.Home-single-apartment {
		min-height: 25rem;	
	}
}	

.Home-single-apartment a {
	font-family: 'Sacramento', cursive;
	font-size: 3rem;
	
	color: #FFF;
	
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	
	display: flex;
	
	opacity: 0;
	background: rgba(126, 132, 166, 0.8);
	
	transition: opacity 0.75s;
}

.Home-single-apartment a:hover {
	opacity: 1;
}

.Home-single-apartment a span {
	position: absolute;
	bottom: 3rem;
}
.Home-apartments > div:nth-of-type(odd) a span {
	left: 9rem;
}
.Home-apartments > div:nth-of-type(even) a span {
	right: 9rem;
}

@media(max-width: 74rem) and (min-width: 48rem) {
	.Home-apartments > div:nth-of-type(odd) a span {
		left: 3rem;
	}
	.Home-apartments > div:nth-of-type(even) a span {
		right: 3rem;
	}
}

@media(max-width: 47.5rem) {
	.Home-apartments > div:nth-of-type(odd) a span {
		left: 0.75rem;
	}
	.Home-apartments > div:nth-of-type(even) a span {
		right: 0.75rem;
	}	
}


/*** EMBLEM ***/
.Home-hero #wpv-view-layout-22-TCPID77,
.Home-hero #wpv-view-layout-22-TCPID23 {
	border-top: 0.125rem solid #FFF;
}
.Home-hero #wpv-view-layout-22-TCPID77 img,
.Home-hero #wpv-view-layout-22-TCPID23 img {
	position: absolute;	
	z-index: 3;
    top: -625rem;
    bottom: -625rem;
    left: -625rem;
    right: -625rem;
    margin: auto;
}

@media(max-width: 47.5rem) {
	.Home-hero #wpv-view-layout-22-TCPID77 img,
	.Home-hero #wpv-view-layout-22-TCPID23 img {
		width: 50%;	
	}
}

.Home-hero .Home-hero-horizontal {
	position: absolute;
	height: 0.25rem;
	background: #FFF;
	width: 100%;
	z-index: 2;
	top: 50%;
}

.Home-hero .Home-hero-vertical {
	position: absolute;
	background: #FFF;
	width: 0.25rem;
	height: 100%;
	transform: rotate(180deg);
	z-index: 2;
	left: 50%;
}



/*** Property Description ***/

.Home-descriptionRow {
	text-align: center;	
}

.Home-descriptionRow > h4 {
	color: #999;
	margin-bottom: 1.25rem;
	font-size: 0.875rem;
}

.Home-descriptionRow > h3 {
	color: #999;
	margin-bottom: 3rem;
	font-size: 3rem;
}

.Home-description-container {
	border-radius: 5rem;
	border: 0.375rem solid #FFF;
	background: #d9c2ba;
	
	padding: 2.5rem 1.5rem;
}

@media(min-width: 64rem) {
	.Home-description-container {
		padding: 2.5rem 8.5rem;
	}
}

.Home-description-fields {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	
	padding-top: 3rem;
	margin-bottom: 3rem;
}

@media(max-width: 47.5rem) {
	.Home-description-fields > div {
		width: 100%;
	}
	.Home-description-fields h2 {
		margin-bottom: 2rem;	
	}
}

.Home-description-fields img {
	margin-bottom: 1.125rem;
	min-height: 5rem;
}

@media(min-width: 48rem) and (max-width: 63rem) {
	.Home-description-fields img {
		height: 5rem;	
	}
}

.Home-description-fields h5 {
	margin-bottom: 0.875rem;
	color: #FFF;
	
	font-size: 1rem !important;
	font-family: 'Libre Baskerville', serif;
	font-style: italic;
}

.Home-description-fields h2 {
	color: #FFF;
	font-family: 'Raleway', sans-serif;
	font-size: 2.25rem !important;
}


/***** PIROVAC - HOMEPAGE *****/
.fl-node-58ed1620571e9 .fl-rich-text h4 {
	color: #999;
	margin-bottom: 1.25rem;
	font-size: 0.875rem;
}

.fl-node-58ed1620571e9 .fl-rich-text h3 {
	color: #999;
	margin-bottom: 3rem;
	font-size: 3rem;
}

.Home-pirovac {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	
	padding: 2.5rem 2.25rem;
}

.Home-pirovac > div {
	padding-right: 1.5rem;
}

.Home-pirovac > div p {
	color: #999;
	font-family: 'Libre Baskerville', serif;
}

.fl-html .Pirovac-content .Pirovac-content-title > p:first-letter,
.Home-pirovac > div p:first-child:first-letter {
  	font-size: 72px;
  	float: left;
  	padding: 0.5rem 0.5rem 0 0.5rem;
  	height: 3rem;
  	line-height: 4rem;
	color: #d9c2ba;
}


@media(min-width: 64rem) {
	.Home-pirovac {
		padding: 2.5rem 6.25rem;
	}
	.Home-pirovac > * {
		width: 50%;
	}
}

@media(max-width: 63rem) {
	.Home-pirovac > * {
		width: 100%;
	}
	.Home-pirovac > div {
		padding-right: 0;
		padding-bottom: 1.5rem;
	}
}

.Home-pirovac > div p {
	text-align: justify;
}

.Home-pirovac > div a {
	border-radius: 5rem;
	padding: 0.75rem 1rem;
	color: #FFF;
	border: 0.125rem solid #a3ccff;
	background: #a3ccff;
	text-transform: uppercase;
	float: right;
	
	transition: background 0.5s, color 0.5s;
}

.Home-pirovac > div a:after {
	content: "\f054";
	font-family: 'FontAwesome';
}

.Home-pirovac > div a:hover {
	color: #a3ccff;
	background: #FFF;
}


/***** HOME TESTIMONIALS *****/

.Home-testimonials .pp-testimonial .pp-content-wrapper {
	width: 80% !important;
	margin: auto;
}	

@media(max-width: 47.5rem) {
	.Home-testimonials .pp-testimonial .pp-content-wrapper {
		width: 90% !important;
	}		
}

.Home-testimonials .pp-content-wrapper {
	padding: 2.5rem 5rem 2rem 5rem !important;
}

@media(max-width: 47.5rem) {
	.Home-testimonials .pp-content-wrapper {
		padding: 2.5rem 1rem 2rem 1rem !important;
	}	
}

.Home-testimonials .pp-content-wrapper p {
	font-family: 'Libre Baskerville', serif;
}
.Home-testimonials .pp-content-wrapper h3:before,
.Home-testimonials .pp-content-wrapper h3:after {
	content: "~";
}
.Home-testimonials .pp-content-wrapper h3:before {
	margin-right: 0.5rem;	
}
.Home-testimonials .pp-content-wrapper h3:after {
	margin-left: 0.5rem;
}

.Home-testimonials .pp-content-wrapper h3 {
	font-family: 'Raleway', sans-serif;
}

@media(min-width: 64rem) {
	.Home-testimonials .pp-content-wrapper p {
		font-size: 1rem;
	}
	.Home-testimonials .pp-content-wrapper h3 {
		font-size: 1rem;
	}	
}

.Home-testimonials .bx-pager-link {
	border: 0.125rem solid #d9c2ba !important;
	
}
.Home-testimonials .bx-wrapper .bx-pager.bx-default-pager a {
	width: 1rem !important;
	height: 1rem !important;
	border-radius: 1rem !important;
}
.Home-testimonials .pp-testimonials-content {
	color: #FFF;
	text-align: center;
}

/*** SLIDER ARROWS ***/

.Home-testimonials .pp-arrow-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	
	position: absolute;
	top: 40%;
	width: 100%;
	z-index: 3;
}
.PropertyImages-content .flickity-prev-next-button,
.Home-testimonials .pp-slider-nav a {
	width: 2.75rem !important;
	height: 2.5625rem !important;
	display: block;
}
.PropertyImages-content .flickity-prev-next-button > svg,
.Home-testimonials .pp-slider-nav .fa {
	display: none !important;	
}

.PropertyImages-content .flickity-prev-next-button.previous,
.Home-testimonials .pp-slider-prev a {
	background: url('/wp-content/uploads/2017/04/slider-left-arrow.png');
}
.PropertyImages-content .flickity-prev-next-button.next,
.Home-testimonials .pp-slider-next a {
	background: url('/wp-content/uploads/2017/04/slider-right-arrow.png');
}

.bx-wrapper .bx-controls-auto,
.bx-wrapper .bx-pager {
	bottom: -5rem !important;	
}

@media(max-width: 47.5rem) {
	.Home-testimonials .pp-testimonial {
		padding: 0 !important;
	}
	.Home-testimonials .bx-viewport {
		height: auto !important;	
	}
}



/**********************************************************
******************** SINGLE - PROPERTY ********************
**********************************************************/

/********** Property Head Info **********/

/* Container */

.PropertyHeadInfo {
	background: transparent;
	margin-top: -9.5rem !important;
	padding-bottom: 4rem;
	z-index: 10;
}

@media(min-width: 64rem) and (max-width: 75rem) {
	.PropertyHeadInfo {
		margin-top: -7.5rem !important;	
	}
}

@media(max-width: 63rem) {
	.PropertyHeadInfo {
		margin-top: -8.5rem !important;
	}
}

@media(max-width: 47.5rem) {
	.PropertyHeadInfo {
		margin-top: -10.5rem !important;
	}
}


.PropertyHeadInfo-content-container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

@media (min-width: 47.5rem ) {
	.PropertyHeadInfo-content-container {
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
}


/* Title */

.PropertyHeadInfo-content-container-title-heading {
	color: #fff;
	padding-left: 0.5rem;
}

@media(min-width: 64rem) {
	.PropertyHeadInfo-content-container-title-heading {
		font-size: 5rem;
	}
}

@media(max-width: 63rem) {
	.PropertyHeadInfo-content-container-title-heading {
		font-size: 4rem;
		margin-bottom: 0.5rem;
	}
}


/********** Info **********/

.PropertyHeadInfo-content-container-info {
	color: #fff;
}

/* Info value */

.PropertyHeadInfo-content-container-info-value {
	font-size: 1.875rem;
	letter-spacing: 0.02rem;
}

@media(max-width: 48rem) {
	.PropertyHeadInfo-content-container-info-value {
		font-size: 1.25rem;
	}
}

/* Info separator */
.PropertyHeadInfo-content-container-info-separator {
	font-size: 1.5rem;
	letter-spacing: 0.02rem;
}

.PropertyHeadInfo-content-container-info {
	margin-bottom: 1rem;
}

.PropertyHeadInfo-content-container > div:last-of-type {
	text-align: left;
}

@media(min-width: 64rem) {
	.PropertyHeadInfo-content-container > div:last-of-type {
		text-align: right;
	}
}

/* Slider */

* {
    margin: 0px;
    padding: 0px;
}
body, html{
    height: 100%;
}


.FlickitySlider {
	position: relative;
  width: 100%;
  top: 0;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
}

.flickity-viewport {
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.5);	
}

@media ( min-width: 64rem ) {
	.FlickitySlider {
		height: 44.5rem;
	}
}

@media ( min-width: 75rem ) {
	.FlickitySlider {
		height: 47.5rem;
	}
}

@media ( max-width: 63rem ) {
	.FlickitySlider {
		height: 42.5rem;
	}
}
@media ( max-width: 47.5rem ) {
	.FlickitySlider {
		height: 30rem;
	}
}
.FlickitySlider-cell {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center !important;
}
.flickity-prev-next-button,
.flickity-prev-next-button:hover {
	background: hsla( 0, 0%, 100%, 0.4 );
}
.flickity-prev-next-button .arrow {
	fill: #FFF;
}
.flickity-prev-next-button.previous {
  left: 10%;
}

.flickity-prev-next-button.next {
  right: 10%;
}

/********** Property Main Area **********/

/*** PROPERTY HEADER ***/

.MainHeader-property {
	position: absolute;
	z-index: 4;
	top: 2.5rem;
}

.MainHeader-property > div {
	display: flex;
	align-items: center;
	justify-content: space-between;
}


/******************************
***** RESPONSIVE MENU PRO *****
******************************/

#responsive-menu-pro-button {
	border-radius: 0.5rem !important;
	border: 0.0625rem solid #FFF !important;
}




/* Main */

.PropertyMainArea {
	padding-top: 2.25rem;
}
@media(min-width: 48rem) and (max-width: 75rem) {
	.PropertyMainArea {
		padding-top: 5.25rem;	
	}
}

.Single-property-titles {
		
}

.Single-property-titles h4 {
	color: #999;
	margin-bottom: 1.25rem;
	padding-left: 3.5rem;
	font-size: 0.875rem;
}

.Single-property-titles h3 {
	color: #999;
	margin-bottom: 3rem;
	font-size: 3rem;
}


/* Details */
.PropertyMainArea-villaDetails-content {
	font-size: 1rem;
	font-weight: 300;
	color: #999;
}

/* Tab links */
.PropertyMainArea-tabs-links {
  display: flex;
  flex-direction: column;
	margin-bottom: 2.5rem;
}

@media (min-width: 48rem) {
    .PropertyMainArea-tabs-links {
        flex-direction: row;
    }
}

@media(min-width: 64rem) and (max-width: 75rem) {
	.PropertyMainArea-tabs-links {
		justify-content: space-between;	
	}
}

.PropertyMainArea-tabs-links-button {
	padding: 1rem 1.3rem 1.4375rem 1.3rem;
  cursor: pointer;
	text-align: center;
	border-bottom: 0.25rem solid #999;
}

@media(min-width: 64rem) and (max-width: 75rem) {
	.PropertyMainArea-tabs-links-button {
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}
	.PropertyMainArea-tabs-links-button {
		font-size: 1.2rem !important;	
	}
}

@media(min-width: 64rem) {
	.PropertyMainArea-tabs-links-button {
		font-size: 1.875rem;
	}
}

@media(max-width: 63rem) {
	.PropertyMainArea-tabs-links-button {
		font-size: 1rem;
	}	
}

@media(min-width: 48rem) and (max-width: 63rem) {
	.PropertyMainArea-tabs-links {
		justify-content: space-between;	
	}
	.PropertyMainArea-tabs-links-button {
		padding: 1rem 0;
		width: 100%;
	}
}

@media(max-width: 47.5rem) {
	.PropertyMainArea-tabs-links-button {
		border-left: none;
	}
}

.PropertyMainArea-tabs-links-button span {
    color: #797979;
    font-weight: 400;
    
}
.PropertyMainArea-tabs-links-button.is-active {
    border-bottom: 0.25rem solid #cd682c;
}
.PropertyMainArea-tabs-links-button.is-active span {
	color: #cd682c;
}

/* Tab content */

@media (min-width: 75rem) {
    .PropertyMainArea-tabs-container {
        min-height: 19.875rem;
    }
}

.TabContent-list {
    list-style-type: none;
	padding: 0 !important;
}
@media (min-width: 64rem) {
    .PropertyMainArea-tabs-container-featuresTab .TabContent-list {
		columns: 2;
    }
}

@media(max-width: 75rem) {
	.PropertyMainArea-tabs-container {
		margin-bottom: 2rem;
	}
}

.TabContent-list li {
  font-weight: 300;
  color: #000;
  display: flex;
  align-items: center;
}

.TabContent-list li:before {
	content: "\f192";
	color: #52a5d9 !important;
	font-size: 1rem;
	margin-right: 0.5rem;
	font-family: 'FontAwesome';
}

@media(max-width: 63rem) {
	.TabContent-list li {
		margin-bottom: 0.75rem;	
	}
}

.TabContent-terms ol {
    list-style-type: decimal;
    color: #606060;
    padding-left: 2.5rem;
}

.TabContent-terms ul {
    color: #606060;
    padding-left: 2.6rem;
}

.TabContent-terms li {
    font-weight: 400;
    margin-bottom: 1.5rem;
}


.PropertyMainArea-tabs-container-ratesTab table th {
	font-weight: 500;
	padding: 1rem 0.5rem;
	border: 0.0625rem solid #d4d4d4;
}

.PropertyMainArea-tabs-container-ratesTab table {
	width: 100%;
	margin-bottom: 1.5rem;
}
.PropertyMainArea-tabs-container-ratesTab table tbody tr td {
	padding: 1.1875rem 0.5rem !important;
	border: 0.0625rem solid #d4d4d4;
}
.PropertyMainArea-tabs-container-ratesTab table tbody > th td {
	text-align: left;
}

@media(min-width: 64rem) {
	.PropertyMainArea-tabs-container-ratesTab table tbody > tr:first-of-type td {
		font-size: 1.125rem;	
	}
}

.PropertyMainArea-tabs-container-videoTab {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

@media(min-width:64rem) {

	.PropertyMainArea-tabs-container-videoTab {
		flex-direction: row;
	}
	.PropertyMainArea-tabs-container-videoTab > div {
		width: 50%;	
	}
	.PropertyMainArea-tabs-container-videoTab > div:last-of-type {
		padding-left: 1.5rem;	
		font-size: 1rem;	
	}
	.PropertyMainArea-tabs-container-videoTab h3 {
		font-size: 1.3125rem;
	}
}

@media(max-width: 63rem) {
	.PropertyMainArea-tabs-container-videoTab > div {
		width: 100%;
		margin-bottom: 2rem;
	}
}


.PropertyMainArea-tabs-container-videoTab > div:last-of-type {
	font-weight: 300;
	line-height: 1.5rem;
}

.PropertyMainArea-tabs-container-videoTab h3 {
	font-weight: 700;
	color: #59595a;
	letter-spacing: 0.1rem;
	margin-bottom: 1.875rem;
}


/***** SIDEBAR - FORM *****/
.PropertyMainArea-planTrip {
	border: 0.0625rem solid #999;
  	padding: 1.625rem 1.875rem !important;
	margin-bottom: 3rem;
	background: #d9c2ba;
	border: 0.375rem solid #FFF;
	border-radius: 2rem;
	
	-webkit-box-shadow: 0px 5px 35px 0px rgba(0,0,0,0.37);
	-moz-box-shadow: 0px 5px 35px 0px rgba(0,0,0,0.37);
	box-shadow: 0px 5px 35px 0px rgba(0,0,0,0.37);
}
.PropertyMainArea-planTrip h3 {
	letter-spacing: 0.3rem;
	color: #FFF;
	line-height: 1 !important;
	text-align: center;
}

@media(min-width: 64rem) {
	.PropertyMainArea-planTrip h3 {
		font-size: 1.75rem;
	}
}

.PropertyMainArea-planTrip .gform_body ul {
	padding: 0 !important;	
}
.PropertyMainArea-planTrip .gform_body ul li {
	padding-right: 0 !important;	
}
.PropertyMainArea-planTrip .gform_wrapper.gf_browser_chrome .gform_body {
	width: 100% !important;	
}
.PropertyMainArea-planTrip .gform_body label {
	display: none !important;
}

.PropertyMainArea-planTrip .gform_body input,
.PropertyMainArea-planTrip .gform_body textarea {
	border: none !important;
	border-radius: 1.25rem;
	padding-left: 1.25rem !important;
	font-size: 1.1875rem !important;
}

.PropertyMainArea-planTrip .gform_body input {
	padding: 0.5625rem 1.25rem !important;	
}
.PropertyMainArea-planTrip .gform_body textarea {
	height: 3rem !important;	
}

.PropertyMainArea-planTrip .gform_body input::-webkit-input-placeholder,
.PropertyMainArea-planTrip .gform_body textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font-size: 1rem !important;
  	color: #999;
}
.PropertyMainArea-planTrip .gform_body input::-moz-placeholder,
.PropertyMainArea-planTrip .gform_body textarea::-moz-placeholder { /* Firefox 19+ */
	font-size: 1rem !important;
  	color: #999;
}
.PropertyMainArea-planTrip .gform_body input:-ms-input-placeholder,
.PropertyMainArea-planTrip .gform_body textarea:-ms-input-placeholder { /* IE 10+ */
	font-size: 1rem !important;
  	color: #999;
}
.PropertyMainArea-planTrip .gform_body input:-moz-placeholder,
.PropertyMainArea-planTrip .gform_body textarea:-moz-placeholder { /* Firefox 18- */
	font-size: 1rem !important;
 	color: #999;
}
.PropertyMainArea-planTrip .ginput_container {
    margin: 0 !important;
}

/*** CALENDARS ***/
.PropertyMainArea-planTrip #input_6_4,
.PropertyMainArea-planTrip #input_6_5,
.PropertyMainArea-planTrip #input_5_4,
.PropertyMainArea-planTrip #input_5_5,
.PropertyMainArea-planTrip #input_4_4,
.PropertyMainArea-planTrip #input_4_5 {
	margin-bottom: 1rem !important;
	width: 100%;
	background-position: 90% center !important;
	background-repeat: no-repeat !important;
	background-color: #FFF;
}
.PropertyMainArea-planTrip #input_4_4,
.PropertyMainArea-planTrip #input_5_4,
.PropertyMainArea-planTrip #input_6_4 {
	background: url( '/wp-content/uploads/2017/04/check-in-background-1.png' ) #FFF;	
}
.PropertyMainArea-planTrip #input_4_5,
.PropertyMainArea-planTrip #input_5_5,
.PropertyMainArea-planTrip #input_6_5 {
	background: url( '/wp-content/uploads/2017/04/check-out-background-1.png' ) #FFF;
}

@media(min-width: 64rem) {
	.PropertyMainArea-planTrip #field_5_4,
	.PropertyMainArea-planTrip #field_6_4,
	.PropertyMainArea-planTrip #field_5_5,
	.PropertyMainArea-planTrip #field_6_5,
	.PropertyMainArea-planTrip #field_4_4,
	.PropertyMainArea-planTrip #field_4_5 {
		width: 47% !important;
    	clear: none;
    	margin-right: 0;
    	float: left;
	}
	.PropertyMainArea-planTrip #field_4_5,
	.PropertyMainArea-planTrip #field_5_5,
	.PropertyMainArea-planTrip #field_6_5 {
		float: right;	
	}
}


.PropertyMainArea-planTrip .gform_footer {
	padding: 0 !important;
	margin-top: 1.375rem !important;
}
.gform_footer .gform_button.button {
	font-family: 'Raleway', sans-serif;
}
.PropertyMainArea-planTrip .gform_footer .gform_button.button {
	width: 100%;
	background: #52a5d9;
	font-weight: 700;
	color: #FFF !important;
	text-align: center;
	border-radius: 1.25rem;
	border: 0.0625rem solid #52a5d9 !important;
	margin: 0 !important;
	padding-top: 0.8125rem !important;
	padding-bottom: 0.8125rem !important;
	cursor: pointer;
	letter-spacing: 0.2rem;
	
	transition: color 0.3s, background 0.3s;
}
.PropertyMainArea-planTrip .gform_footer .gform_button.button:hover {
	background: #FFF !important;
	color: #52a5d9 !important;
}

@media(min-width: 64rem) {
	.PropertyMainArea-planTrip .gform_footer .gform_button.button {
		font-size: 1rem !important;	
	}
}

.Contact-form-phone {
	text-align: center;
	padding-top: 1.25rem;
}

.Contact-form-phone h4 {
	margin-bottom: 1rem !important;	
	font-family: 'Libre Baskerville', serif;
	font-style: italic;
}

.Contact-form-phone a {
	font-family: 'Raleway', sans-serif;
}

.Contact-form-phone * {
	margin-bottom: 0 !important;
	color: #FFF;
}
.Contact-form-phone p,
.Contact-form-phone a {
	display: flex;
	align-items: center;
	justify-content: center;	
}

@media(max-width: 47.5rem) {
	.Contact-form-phone {
		flex-direction: row;	
	}
}

.Contact-form-phone .fa-phone {
	margin-right: 0.5rem;
}

.Contact-form-phone .fa-circle {
	margin-left: 0.125rem;
	margin-right: 0.125rem;
}

.Contact-form-phone .fa {
	font-size: 1.125rem;
}
.Contact-form-phone .fa-circle {
	font-size: 0.3rem;	
}

@media(min-width: 64rem) {
	.Contact-form-phone * {
		font-size: 1.375rem;	
	}	
}

/*** 1024 - 1200 ***/
@media(min-width: 48rem) and (max-width: 75rem) {
	.PropertyMainArea .row {
		display: flex;
		flex-direction: column;
	}
	.PropertyMainArea .row > section {
		width: 100% !important;
		margin: 0 !important;
	}
}



/*

#d9c2ba    	ROZA
#fff   		BIJELA
#999	 	SIVA za tekst
#52a5d9 	SVIJETLO PLAVA za buttone

font-family: 'Libre Baskerville', serif;
font-family: 'Sacramento', cursive;
font-family: 'Raleway', sans-serif;

*/

/*** HELPER CLASSES ***/
.ShadowRow .fl-row-content-wrap {
	-webkit-box-shadow: 0px 0.625rem 0.3125rem 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0.625rem 0.3125rem 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0.3125rem 0.3125rem 0px rgba(0,0,0,0.5);
    margin-bottom: 0.3125rem;
}

.MainFooter-map .block-content {
	position: relative;	
}

.MainFooter-map .MapOverlay {
	position: absolute;
	z-index: 3;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}


/******************************
**** RES MENU PRO CONTAINER ***
******************************/
@media(min-width: 64rem) {
	#responsive-menu-pro-container {
		width: 50% !important;
	}
}

.home .MainHeader-button {
	padding-top: 3rem;	
}

.MainHeader-home .block-content {
	text-align: right;	
}



/******************************
******** PIROVAC PAGE *********
******************************/

.Pirovac-hero .fl-rich-text {
	width: 70%;
    margin: auto;
    text-align: center;
    background: rgba(0,0,0,0.3);
    color: #FFF;
    padding: 3rem 2rem;
    border-radius: 1rem;
}

.Pirovac-hero .fl-rich-text h4 {
	margin-bottom: 1rem;
}
.Pirovac-hero .fl-rich-text h1 {
	margin-bottom: 3rem;
}
.Pirovac-hero .fl-rich-text p {
	margin-bottom: 0 !important;	
}

@media(max-width: 47.5rem) {
	.Pirovac-hero .fl-rich-text {
		width: 90%;	
		margin-top: 2rem;
	}
}

@media(min-width: 64rem) {
	.Pirovac-hero .fl-rich-text h4 {
		font-size: 0.875rem;
	}
	.Pirovac-hero .fl-rich-text h1 {
		font-size: 3rem;
	}
	.Pirovac-hero .fl-rich-text p {
		font-size: 1rem;
	}
}
/*
.Pirovac-hero .pp-down-arrow-wrap .pp-down-arrow svg {
	display: none;	
}

.Pirovac-hero .pp-down-arrow-wrap .pp-down-arrow {
	padding: 1.6125rem 1.4375rem;
	background: url('/wp-content/uploads/2017/04/pirovac-down-arrow.png');	
}

.Pirovac-hero .pp-down-arrow-wrap .pp-down-arrow:hover {
	background-color: transparent !important;	
}*/

/***** CONTENT BLOCKS *****/
.fl-html .Pirovac-content {
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	justify-content: space-between;
	
	padding-top: 3rem;
	padding-bottom: 4.5rem;
	border-bottom: 0.0125rem solid #d9c2ba;
	
	color: #999;
}

.reverse {
	flex-direction: row-reverse;	
}

.fl-html .Pirovac-content > div {
	width: 70%;
	padding-right: 1rem;
}

.Pirovac-content.reverse > div {
	padding-left: 1rem;
	padding-right: 0;
}

.fl-html .Pirovac-content > img {
	width: 30%;
}

@media(min-width: 48rem) and (max-width: 63rem) {
	.fl-html .Pirovac-content > div {
		width: 60%;
	}
	.fl-html .Pirovac-content > img {
		width: 40%;
	}
}

.Pirovac-content.last-box {
	border-bottom: none;	
}

@media(max-width: 47.5rem) {
	.fl-html .Pirovac-content > * {
		width: 100% !important;	
	}
}

.fl-html .Pirovac-content h4 {
	text-align: center;
	margin-bottom: 1.25rem;
	font-size: 0.875rem;
}

.fl-html .Pirovac-content h3 {
	text-align: center;
	margin-bottom: 3rem;
	font-size: 2.75rem;
}

@media(min-width: 48rem) {
	.fl-html .Pirovac-content p {
		margin-bottom: 0 !important;
	}
}

.MainHeader {
	padding-top: 3rem;
}

@media(max-width: 47.5rem) {
	.MainHeader > div > section.row.row-1 {
		display: flex;
		align-items: center;
	}
}

.MainHeader .banner-image {
	text-align: left;	
}

@media(min-width: 64rem) {
	#responsive-menu-pro-container {
		width: 40% !important;
	}
}

#responsive-menu-pro-title {
	text-align: center;	
}

.MainHeader-phone {
	padding-bottom: 1rem !important;	
}

.MainHeader-phone * {
	color: #FFF;
	font-size: 1.25rem;
}

.MainHeader-phone .fa {
	margin-right: 0.9375rem !important;	
}

.wpml-ls-legacy-list-horizontal .wpml-ls-flag {
    width: 28px !important;
    height: 18px !important;
}

.MainHeader-content .wpml-ls-legacy-list-horizontal > ul li {
	margin-right: 1rem !important;
}



/******************************
******** CONTACT PAGE *********
******************************/

.ContactPage-form {
	background: #d9c2ba;
	border: 0.375rem solid #FFF;
	border-radius: 4rem;
	padding-bottom: 2rem;
}

.ContactPage-form .pp-gf-content {
	padding-bottom: 0 !important;	
}

.ContactPage-form .gform_fields {
	display: flex !important;
	align-items: flex-start;
	justify-content: space-between;
	
	flex-wrap: wrap;
}

.ContactPage-form .gform_fields > li {
	width: 100%;	
}

@media(min-width: 48rem) {
	.ContactPage-form .gform_fields > li {
		width: 49%;	
	}
	#field_1_5 {
		width: 100%;	
	}
}

.ContactPage-form .gfield input, 
.ContactPage-form .gfield textarea {
	border: 0.0625rem solid #FFF !important;
	padding: 0.75rem 1.25rem !important;
	
	transition: border 0.4s;
}

.ContactPage-form input:focus, 
.ContactPage-form textarea:focus {
	border: 0.0625rem solid #a3ccff !important;
}

.ContactPage-form .gform_footer {
	padding: 0 !important;
	margin-top: 0 !important;
}

.ContactPage-form .gform_footer .button {
	cursor: pointer;
	transition: color 0.4s, background 0.4s;
}

p > a {
	color: #52a5d9;	
}

#field_2_5, #field_3_5 {
	width: 100% !important;	
}
#mainLogo .pp-photo-content {
	position: absolute!important;
    z-index: 9!important;
    left: 0!important;
    right: 0!important;
	background:none!important;
	top:100px;
}
#mainLogo .pp-photo-content img{
	width:220px!important;
}
.fl-post-slider-content{
	display:none!important;
}