@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap');

body {
	background: #eee url('/img/bg.jpg') no-repeat;
	background-position: center center;
	background-attachment: fixed;
	background-size: cover;
	font-size: 15px;
	color: #444;
	line-height: 1.6;
	font-family: 'Open Sans', sans-serif;
	font-kerning: normal;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	overflow-x: hidden; /*this have to be set to 'auto' due to jquery ui!*/
}

@media (max-width: 767px) {
	body {
		font-size: 13px;
	}
}

small, .small {
	font-size: 80%;
}

h1, h2, h3, h4, h5 {
	line-height: 1.5;
	font-family: 'Ubuntu', sans-serif;
}

h1 {
	color: white;
	font-size: 32px;
	Xfont-weight: bold; 
	Xtext-shadow: 0 0 11px #222;
	margin-top: 55px;
}

h2 {
	color: rgb(53 89 154);
	font-size: 32px;
	margin-top: 30px;
	margin-bottom: 30px;
}

@media(max-width:767px) {
	h1 {
		font-size: 33px;
	}
}

.btn,
.input-group-addon {
	border-radius: 0px;
}

.btn-lg {
	padding: 14px 23px 15px 23px;
}

.btn-primary,
.mui-btn--primary {
	border-color: #d43f3a;	
	background-color: rgb(4,44,115);
	transition: 0.3s all;
}

.btn-primary:hover,
.mui-btn--primary:hover {
	border-color: #ac2925;
	background-color: rgb(26 37 99);
	transition: 0.3s all;
}

.btn-danger,
.mui-btn--danger {
	background-color: rgb(197, 22, 28);
	transition: 0.3s all;
}

.btn-danger:hover,
.mui-btn--danger:hover {
	background-color: rgb(160 21 26);
	transition: 0.3s all;
}

.btn-empty {
	background: transparent;
	border-color: rgb(197, 22, 28);
	color: rgb(197, 22, 28);
	border-width: 2px;
	transition: 0.2s all;
}

.btn-empty[href="/contact"]:hover {
	background: rgba(197, 22, 28, 0.1);
	transition: 0.2s all;
}

.hvr-sweep-to-right:before {
	background: #d43f3a !important;
	transition-duration: 0.2s !important;
}

.container {
	position: relative;
}

.clear {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.text-right, .ta-right {
	text-align: right;
}

.uppercase, .ta-upper {
	text-transform: uppercase;
}

.faded {
	opacity: 0.7;
}

.bold {
	font-weight: bold;
}

.center {
	text-align: center;
}

.alert {
	margin-bottom: 5px;
}

a {
	color: #222;
}

a.btn {
	text-shadow: none !important;
}


a:hover,
a:focus {
	color: #000;
	text-decoration: none;
}

a[name]:not(.btn) { 
    margin-top: -130px;
    margin-bottom: 130px;
    display: block;
}

@media (max-width: 767px) {
	a[name]:not(.btn):not([name^="template"]) {
	    margin-top: -100px;
    	margin-bottom: 100px;
	}
}

p {
    margin: 0;
}

label[for],
[onclick] {
	cursor: pointer;
}

.form-control {
	border-radius: 0px;
}

.notfound, .not-found  {
	padding-top: 50px;
	padding-bottom: 100px;
}

.mui-btn {
	border-radius: 11px;
}

.mui-btn-lg {
	font-size: 16px;
	padding: 0 40px;
	height: 45px;
	line-height: 45px;
}

.mui-btn--primary {
	Xcolor: #eee;
	Xbackground-color: #54730c;
	transition: 0.2s all;
}

.mui-btn--primary:active, .mui-btn--primary:focus, .mui-btn--primary:hover {
	Xcolor: #FFF;
	Xbackground-color: #4c6909;
	transition: 0.2s all;
}

/* fix for form field mini progressbar bug */
.mui-textfield--float-label>input:focus~label, .mui-textfield--float-label>textarea:focus~label {
	font-size: 16px;
	line-height: 32px;
	margin-top: -10px;
}


#cookie-notice {
  z-index: 999999;
  text-align: center;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  margin-bottom: -200px;
  background: #fff;
  border-top: 1px solid rgb(197, 22, 28);
  color: #000;
  font-weight: bold;
  padding: 20px 8px;
  transition: 0.35s all;
}
#cookie-notice a {
  margin: 0 10px;
}
#cookie-notice.open {
  margin-bottom: 0;
  transition: 0.35s all;
}

#notification {
	position: fixed;
	top: 0px;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	background: rgba(26, 124, 26, 0.9);
	color: white;
	z-index: 99999999;
	cursor: pointer;
	padding: 5px;
	height: 77px;
	display: table;
}

#notification.notification-warning {
	//background: rgba(245, 96, 96, 0.9);
	background: rgba(236, 140, 50, 0.9);
}

#notification > span.centered {
	display: table-cell;
	vertical-align: middle;
}
#notification:focus {
	outline: none;
}

@media (max-width:768px) {
	#notification {
		font-size: 13px;
		padding: 2px 5px;
	}
}

#page {
	min-height: calc(100vh - 200px);
}

.landing-page h2 {
	text-align: center;
	
}

.welcome-text {
	margin-top: -120px;
	padding: 20px 30px;
	min-height: 350px;
	background-color: rgb(53 89 154);	
}

.about-text {
	padding: 50px;
	background-color: rgb(53 89 154);
	margin: 0;
	font-size: 20px;
}

@media(min-width: 768px) {
	.about-text {
		width: 96%;
	}
	.owner-photo {
		margin-top: -120px;
	}
}

.owner-phone { 
	font-size: 135%;
	margin-top: -1px;
}

.owner-phone i.fa { 
	padding-right: 11px;
}

@media (min-width:1300px) {
	.owner-phone {
		font-size: 165%;
		margin-top: -3px;
	}
}

.section {
	min-height: 400px;
	padding-top: 100px;
	padding-bottom: 25px;
	//background: #bcdbae;
	transition: 0.2s all;
}

.section::after {
	clear: both;
}

.section.index,
.section.estates {
	padding: 0;
}

.section.about {
	padding-bottom: 0;
}

.section.about .container {
	position: relative;
}

@media (min-width:1200px) {
	.section.index .container::before,
	.section.about-me .container::before,
	.section.contact .container::before,
	.section.vip .container::before  {
		content: ' ';
		height: 333px;
		width: 25px;
		background: #ce0a00;
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 99999;
	}

	.estate-filterbar .container {
		padding-left: 0px;
	}
}

@media (min-width:1310px) {
	.estate-filterbar .container {
		width: 1300px;
	}
}

@media (min-width:1650px) {
	.estate-filterbar .input-group.right {
		margin-right: -175px;
	}
}

/*
.section.about .container::after {
	content: ' ';
	height: 3px;
	width: 200%;
	background: #ce0a00;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 99999;
}*/

.section.contact {
	padding-top: 75px;
	padding-bottom: 75px; 
}

.section.contact,11111111111
.section.vip {
	Xbackground: #fff url('/img/paper-pattern-a4-abstract.jpg') no-repeat;
	background-size: cover;
	backgorund-position: bottom left;
	
}

.recipient-note {
	margin: 10px 0 -60px 0;
    color: red;
    font-size: 16px;
    line-height: 25px;
    font-weight: normal;
}

.section.testimonials {
	background: #fff;
	
}

.section.services {
	background: #ddd url('/img/grayscalebg.png') no-repeat center center;
	background-size: cover;
	text-align: center;
	padding-top: 65px;
}

.section.services h3 {
	color: rgb(37, 53, 144);
	text-shadow: none;
}

.section.services .fa {
	font-size: 38px;
	Xcolor: #ce0a00;
	color: rgb(37, 53, 144);
}

@media (max-width: 767px) {
	.section.services h3 {
		font-size: 13px;
	}
	.section.services .fa {
		font-size: 28px;
	}
}

.section.price {
	background: #fff;
	min-height: 50px;
	font-size: 39px;
	font-weight: bold;
	color: rgb(37, 53, 144)
}

.section.interested {
	background: #eee;
	min-height: 50px;
	font-size: 15px;
	font-weight: bold;
	line-height: 3.1;
	padding: 40px;
}

.mui-textfield>input, 
.mui-textfield>textarea {
	box-shadow: none!important;	/* fix for weird bug with MUI elements having boxshadow when shouldnt */
}


.section.exkluzivny-predaj {
	background: #fff;
	padding: 0;
}

.section.exkluzivny-predaj .box {
	padding-bottom: 80px;
}

#logo {
	max-height: 56px;
	max-width: 100%;
	margin: 22px 0;
	transition: 0.25s all;
}

@media (max-width: 767px) {
	#logo {
		max-height: 46px;
		margin: 27px 0;
		transition: 0.25s all;
	}
}

#header {
	position: fixed;
	top: 0;
	background: rgba(250, 250, 250, 0.84);
	border-bottom: 1px solid rgb(53 89 154);
	width: 100%;
	z-index: 999999;
	font-size: 15px;
	transition: 0.22s background;
}

@media(max-width:767px) {
	#header {
		background: rgba(255, 255, 255, 0.85);
	}
}


#layer {
	Xbackground: /*rgb(236,248,236)*/ rgb(249, 255, 249) url('/img/bg.png') repeat; 
}

#scroll {
	margin: -110px auto  60px auto;
	padding: 0;
	visibility: hidden;
	transition: 0.2s all;
}

#scroll > span.glyphicon {
	padding: 17px;
	text-align: center;
	transition: 0.2s transition;
}

#scroll > img {
	padding: 17px 14px 13px 14px;
	width: 40px;
}

#elevator {
	cursor: pointer;
	color: rgb(64,64,64);
	//position: fixed;
	//right: 200px;
	//bottom: 330px;
	float: right;
	margin: -60px 50px 0 0;
}
  
textarea[textautoresize] {
	transition: 0.2s height;
}

/* upload */

.upload-tabs {
	margin-top: 10px;
}

.upload-tabs .tab-content {
	border-color: rgba(0,0,0,0.25);
}

.box .nav .upload-tabs .nav * {
	font-size: 14px;
}

/*.image img { 
	-webkit-filter: grayscale(60%);
	-moz-filter: grayscale(60%);
	filter: grayscale(60%);
	transition: 0.3s all;
}

.image img:hover { 
	-webkit-filter: none;
	-moz-filter: none;
	filter: none;
	transition: 0.3s all;
}
*/

/* modal */
.modal {
	margin: 0;
	background: rgba(0, 0, 0, 0.15);
}

.modal-open .modal {
	z-index: 100000005;
}

.modal-backdrop {
	z-index: 100000001;
}

.modal-header {
	border: 0;
	padding-top: 11px;
}

.modal-body {
	padding-top: 0px;
	padding-bottom: 22px;
}

.modal-content {
	border-radius: 0;
	//border: 2px solid #222;
}

.upload-tabs form[action="/file-upload"] button[type="submit"] {
	float: left;
	margin-right: 12px;
	margin-top: 3px;
}

.upload-tabs form[action="/file-upload"] .btn-alert {
	padding-top: 7px;
	font-size: 14px;
	color: red;
}

.gallery .image {
	position: relative;
}

.gallery .image-options {
	position: absolute;
	top: 5px;
	left: 30px;
	opacity: 0;
	transition: 0.3s all;
}

.gallery.lazy-gallery .image-options {
	top: 17px;
    left: 0;
    width: 100%;
    text-align: center;
}

.gallery .gallery-item:hover .image-options,
.gallery.lazy-gallery .lazy-gallery-item:hover .image-options  {
	opacity: 1;
	transition: 0.3s all;
}

.gallery .image-options a.btn {
	opacity: 0.8;
	transition: 0.25s all;
}

.gallery .image-options a.btn:hover {
	opacity: 1;
	transition: 0.25s all;
}

.gallery.lazy-gallery .lazy-gallery-item {
	min-height: 33vw;	/* ensure correct preloading by predicting image positions with min-height */
}

@media (min-width: 1200px) {
	.gallery.lazy-gallery .lazy-gallery-item {
		min-height: 500px;
	}
}

.gallery.lazy-gallery .lazy-gallery-item img {
	margin: 15px auto;
}

.gallery-item,
.sortable-gallery-item-placeholder {
	margin-bottom: 30px;
}

.youtube-container iframe {
	max-height: 210px;
	max-width: 100%;
}

.ui-sortable .gallery-item img {
	cursor: move !important;
}

.sortable-gallery-item-placeholder {
	height: 203px;
	border: 3px dashed gray;
	content: "presunúť";
	text-align: center;
	padding: 20px;
	color: gray;
	font-weight: bold;
	Xwidth: 100%!important;
	Xmin-width: 100%!important;
}

.sortable-gallery-item-placeholder.project-placeholder {
	height: 265px;
}

.highlight-first > div.ui-sortable-handle:first-child,
.highlight-first > div.ui-sortable-handle:first-child:before,
.highlight-first > div.ui-sortable-handle:first-child:after {
	background: rgba(255, 218, 56, 0.35);
}

.highlight-first > div.ui-sortable-handle:first-child:before,
.highlight-first > div.ui-sortable-handle:first-child:after {
	content: '';
	position: absolute;
	width: 100%;
	margin-left: -15px;
}

.highlight-first > div.ui-sortable-handle:first-child:before {
	top: -12px;
	height: 12px;
}

.highlight-first > div.ui-sortable-handle:first-child:after {
	bottom: -7px;
	height: 7px;
}

.table {
	font-size: 90%;
}

.table-striped>tbody>tr {
	background: #fff;
}

.table tr td:last-child {
	Xtext-align: right;
}

.gallery-item .image {
	height: 180px;
	background-size: cover;
	background-position: center center;
	overflow: hidden;
}

.gallery-item .image,
.gallery-item .image img,
.sortable-gallery-item-placeholder {
	height: 203px;
	max-height: 203px;
}

.gallery-item .image img {
	margin: 0 auto;
}

*[data-edit-template] {
	margin: -4px -45px 1px -1px;
	padding: 4px 8px 3px 8px;
	position: relative;
	float: left;
	z-index: 99;
	opacity: 0.5;
	transition: 0.4s all;
}
*[data-edit-template]:hover {
	opacity: 1;
	transition: 0.4s all;
}

[data-edit-template] + [class^="edit-template-"] + [class^="t"] {
	min-height: 32px;
}

[class^="edit-template-"] iframe body {
	background: rgba(255, 255, 255, 0.3);
}

.form-horizontal .control-label {
	color: #777;
	text-align: left;
}

.form-horizontal .form-group {
	margin: 0 0 4px 0;
}

/* not found */

.pswp {
	z-index: 9999999!important;
}

.pswp__bg {
	background: rgba(255, 255, 255, 0.9);
}

.pswp__img {
	border: 2px solid #56d6ba;
	margin: 1px;
}	

.pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption,
.pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
	background-color: rgba(0, 0, 0, 0.5);
}	

/* DEBUG */
.debug-button, .debug-window {
	z-index: 999999;
}

.debug-button {
	right: 45px !important;
	bottom: 3px !important;
	border-radius: 4px;
}

/* LOGIN */
.login h2 {
	text-align: center;
}

.form-signin {
	width: 265px;
	display: block;
	margin: 150px auto;
	font-size: 13px;
}

@media (min-width: 1200px) {
	.form-signin {
		margin-top: 230px;
		transition: 0.25s;	
	}
}

.form-signup {
	max-width: 265px;
	width: 100%;
	display: block;
	margin: 50px auto;
	font-size: 13px;
}

.form-signin .logo {
	padding: 20px 50px;
	max-width: 100%;
}

.form-signin .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
		  box-sizing: border-box;
}

.form-signin .form-control:focus {
  z-index: 2;
}

.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.form-signin input[name="login"],
.form-signin input[name="username"],
.form-signin input[name="pma_username"],
.form-signin input[name="_user"],
.form-signin input[name="login_username"],
.form-signin input[name="auth[username]"] {
  margin-bottom: -1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.hdivider {
	border-top: 2px solid #c5161c;
	margin: 14px 0;
	width: 100%;
	max-width: 100px; 
}

#footer {
	padding: 30px 0 25px 0;
	background: #f3f3f3;
	font-size: 14px;
	color: #202020; 
	Xbox-shadow: 0 0 20px -1px rgba(0, 0, 0, 0.2);
	min-height: 150px;
}

#footer a {
	color: #555;
}

.footer-owner {
	height: 260px;
	width: 240px;
	z-index: 2;
	position: absolute;
	top: -80px;
	left: 22px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
}

form[action="/contact"] {
	max-width: 301px;
}

form[action="/contact"] .g-recaptcha {
	margin: 10px 0;
}

.tail {
	background: rgb(197, 22, 28);
	Xborder-top: 1px solid rgb(186, 235, 186);
	color: rgb(250, 240, 230);
	font-size: 12px;
	padding: 10px 0;
	//font-weight: bold;
	z-index: 5;
	position: relative;
}

.tail a {
	color: #fff;
}

.no-results {
	font-weight: bold;
	padding: 50px;
}

.btn.home-video-upload, 
form.home-video-upload {
	position: absolute;
	top: calc(100vh - 175px);
	left: 20px;
}
.btn.home-video-upload {
	top: calc(100vh - 45px);
}

form.home-video-upload {
	display: none;
	border: 1px solid #ccc;
	background: rgba(255,255,255,0.8);
	padding: 17px 23px;	
}

.mceLayout {
	width: 100% !important;
}

#mce_fullscreen_container {
	background: rgba(255,255,255,0.95);
}

.note-editor.note-frame.panel-default {
	background-color: transparent;
	border-color: transparent;
}

.note-editor.note-frame .note-editing-area .note-editable {
	border: 1px solid #ccc;
	border-radius: 3px 3px 0 0;
}

.note-editor.panel-default > .panel-heading {
	color: #333;
	background-color: transparent;
	border-color: transparent;
}

.navbar {
	border: 0;
}

.navbar-static-top {
		background-color: transparent;
		margin-bottom: 0;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	color: #000;
	background-color: rgba(255, 255, 255, 0.5);
}

.navbar-nav>li>.dropdown-menu {
	margin-top: 3px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	background: rgba(255, 255, 255, 0.85);
	background: #fcfcfc;
    border-color: #35599a;
    border-width: 2px;
    margin-top: 1px;
    border-top: 0;
    min-width: 180px;
    font-size: 16px;
}

.navbar-nav>li>.dropdown-menu>li>a {
	padding: 5px 28px;
	
}
	
.navbar-default .navbar-nav>li>a {
	color: #222;
	margin-top: 0;
	margin-bottom: 0;
	transition: 0.25s all;
}

@media(max-width:767px) {
	.navbar-default .navbar-nav>li>a {
		font-size: 23px;
		padding: 20px;
	}
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
	color: #f50e02;
}

.navbar-default .navbar-nav:not(.navbar-right)>li>a:hover,
.navbar-default .navbar-nav:not(.navbar-right)>li>a:focus {
	margin-top: -2px;
	margin-bottom: 2px;
	transition: 0.25s all;
}



.navbar-default .navbar-nav>li.active>a,
.navbar-default .navbar-nav>li.active>a:hover,
.navbar-default .navbar-nav>li.active>a:focus {
	color: #f50e02;
	background-color: rgba(255,255,255,1);
}

@media (min-width: 768px) {
	.navbar-brand {
		height: 75px;
	}
	.navbar-default .navbar-nav>li>a {
		padding: 27px 15px;	
	}
}

@media (min-width: 1200px) {
	.navbar-default .navbar-nav>li>a {
		padding: 27px 24px;    	
	}
}

.navbar-brand {
	padding: 21px 22px 26px 10px;
}

.navbar-brand::before,
.navbar-brand::after {
	content: ' ';
    display: block;
    position: absolute;
    left: -4932px;
    bottom: -1px;
	width: 5000px;
    height: 2px;
    background: #f50e02;
    Xborder-bottom: 1px solid white;
}
.navbar-brand::after {
	left: 68px;
    bottom: -2px;
	width: 5000px;
    height: 2px;
    background: rgb(53 89 154);
}

@media (max-width: 767px) {
	.navbar-brand {
		padding: 12px 10px 5px 1px;
	}
	.navbar-brand::before {
		left: -4857px;
	}
	.navbar-brand::after {
		left: 143px;
	}
}


.navbar-brand > img {
	max-height: 100%;
	min-height: 20px;
}

@media (max-width: 767.99px) {
	.navbar-brand > img {
		margin-top: -5px;
	}
}

.navbar-toggle {
	border-radius: 0px;
}

.navbar-header button.navbar-toggle {
	float: left;
	margin-left: 15px;
}

.navbar-header .right .dropdown-toggle {
	border: 1px solid #35599a;
	color: #35599a;
	width: 45px;
	display: inline-block;
	margin: 7px 15px 7px 7px;
	padding: 6px;
	border-radius: 0;
}

.navbar-header .right .dropdown-menu {
	right: 1px;
	border: 2px solid #35599a;
	left: auto;
	top: 49px;
	border-radius: 0;
    font-size: 107%;
}

.section {
	padding-top: 30px;
	padding-bottom: 30px;
	min-height: 180px;
}


@media (min-width:768px) {
	.section {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.section.price {
		padding-top: 60px;
	}
}

#page {
	Xpadding-top: 125px!important;
}

.section.welcome {
	Xtext-align: center;
	font-size: 20px;
	min-height: 350px;
	background: url('../img/logistics.jpg') no-repeat center right;
	background-size: cover;
	padding: 50px 15px;
	font-family: "Roboto Condensed";
	position: relative;
}

.rotatedtexts {
	display: inline-block;
	position: relative;
	width: 190px;
	overflow: hidden;
	height: 45px;
	line-height: 49px;
	margin-bottom: -15px;
	text-align: left;
}

.rotatedtextout,
.rotatedtextin,
.rotatedtextin.in {
	position: absolute;
	height: 45px;
	top: 0;	
	left: 0;
	line-height: 49px;
	transition: 1.1s all;

}
.rotatedtextout.out {
	top: -50px;	
	transition: 0.9s all;
}

.rotatedtextin {
	top: 50px;	
}

/* photoswipe slideshow */
.pswp__img {
	border: 1px solid rgba(64, 64, 64, 0.5);
	box-shadow: #888888 2px 3px 15px;
}

.section.contact-me {
	padding-bottom: 0px;
	margin-bottom: 1px;	/* map smhw covers half of black stripe othewise */
}
.contact-map {
	margin-top: 50px;
	border-top: 2px solid rgb(197, 22, 28); /* idk but looks wicked to me */
}

/*#reference-add-form {
	display: block;
}*/

.testimonials label {
	font-size: 15px;
}

.reference-item {
	min-height: 130px;
}

.reference-item.new-item,
.reference-item.edit-item {
	background-color: #ccc;
	display: block;
	height: 100%;
}

.reference-item.new-item {
	text-align: center;
	display: none;
	justify-content: center;
	align-items: center;
}

.reference-item.new-item.visible {
	display: flex;
}

.reference-item.new-item .glyphicon {
	font-size: 50px;
	color: #bbb;
}

.reference-item.unpublished {
	opacity: 0.7;
}

#refEditForm {
	opacity: 1;
	height: auto;
	transition: 0.3s all;
	display: block;
}

#refEditForm.invisible {
	opacity: 0;
	height: 0;
	overflow: hidden;
	transition: 0.3s all;
}

.reference-item .reference-options {
	position: absolute;
	top: 5px;
	right: 10px;
	opacity: 0;
	transition: 0.3s all;
}

.reference-item:hover .reference-options {
	opacity: 0.8;
	transition: 0.3s all;
}

#refAddButton .glyphicon {
	transition: 0.3s all;
}
#refAddButton.active .glyphicon {
	transform: rotate(45deg);
	transition: 0.3s all;
}

.reference-item span[data-value=referee] {
	font-style: italic;
	font-weight: bold;
}

.reference-item p {
	padding-bottom: 10px;
}

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

.homepage-carousel-items {
	background: rgba(255,255,255,0.75);
	padding: 50px 20px;
	border-radius: 20px;
	
}

.homepage-carousel-items .carousel-upload-warning {
	color: red;
	text-align: center;
}

.homepage-carousel-items .inputfile.form-control {
	padding-bottom: 32px;
	margin-bottom: 2px;
}

.carousel-indicators {
	width: 100%;
    margin-left: -50%;
    height: 20px;
    overflow: hidden;
}

form.form-horizontal[action="/carousel"] {
	margin-bottom: 25px;
}

.provided-by {
	font-size: 13px;	
}

.provided-by img {
	margin: 6px 0;
}

.label {
	font-size: 89%;
	border-radius: 0;
	margin-right: 2px; 
	text-transform: uppercase;
} 

.label-danger {
	background-color: #c5161c;	
}

/* home carousel */
#home-carousel {
	height: 800px;
	overflow: hidden;
}

#home-carousel .item {
	height: 1100px;	/* carousel height + paralax depth */
}

#home-carousel .carousel-inner {
	margin-top: -100px;	/* vertical centre, half of paralaxx depth */
}

@media (max-width:767px) {
	#home-carousel {
		height: 100vh;
	}
	.welcome-text {
		margin-top: -50vh;
	    margin-left: -43px;
	    min-width: 250px;
	}

	#estate-carousel {
		height: calc(100vh + 50px);	/* margin top is -50px for paralax */
	}
}

/* on-scoll effects */
.scrollable {
	opacity: 0;
	transition: 1s all;
}

.scrollable.scrollable-in-view {
	opacity: 1;
}

.scrollable-fade {
	opacity: 0.7;
}

.scrollable-grow {
	transform: scale(0.2);
}

.scrollable-shrink {
	transform: scale(5);
}

.scrollable-grow.scrollable-in-view,
.scrollable-shrink.scrollable-in-view {
	transform: scale(1);
}

.scrollable-grow,
.scrollable-shrink,
.scrollable-grow.scrollable-in-view,
.scrollable-shrink.scrollable-in-view {
	transition-property: transform;
	transition-timing-function: cubic-bezier(0.68, -0.1, 0.265, 1.55);
}

.scrollable-delay50 {
	transition: 0.5s all;
}
.scrollable-delay75 {
	transition: 0.75s all;
}
.scrollable-delay100 {
	transition: 1.0s all;
}
.scrollable-delay125 {
	transition: 1.25s all;
}
.scrollable-delay150 {
	transition: 1.5s all;
}

/* simple css animations */
@keyframes bounce {
	0%   { transform: scale(1,1)      translateY(0); }
	10%  { transform: scale(1.1,.9)   translateY(0); }
	30%  { transform: scale(.9,1.1)   translateY(-25px); }
	50%  { transform: scale(1.05,.95) translateY(0); }
	57%  { transform: scale(1,1)      translateY(-7px); }
	64%  { transform: scale(1,1)      translateY(0); }
	100% { transform: scale(1,1)      translateY(0); }
}

.section.services .row > div:hover > .fa {
	animation: bounce 1s infinite;
	transition-timing-function: cubic-bezier(0.68, -0.1, 0.265, 1.55);
}

.btn.landing-page-photo-edit {
	margin-top: -42px;
	margin-left: 20px;
	position: absolute;
}


.welcome-text .btn.landing-page-photo-edit {
	margin-left: 0px;
}

.btn.landing-page-photo-edit.new-upload {
	margin-top: 0px;
}

.welcome-text .owner-signature,
.about-text .owner-signature, 
.contact-text .owner-signature {
	width: 49%;
    margin: 35px;
}

.btn.profile-photo-edit {
	margin-top: 10px;
	margin-left: 12px;
	position: absolute;
}

.tooltip {
	z-index: 999999;
}

.post {
	background: #fff;
	padding: 25px;
	height: 400px;
	margin-bottom: 25px;
}

.post:hover {
	-webkit-box-shadow: 0 9px 45px -14px rgba(202,206,209,.79);
    box-shadow: 0 9px 45px -14px rgba(202,206,209,.79);
}

.post .post-title-box {
    background-size: cover;
    background-position: center;
    height: 285px;
    margin: 0 -25px;
    padding: 25px;
}


.post .post-title {
	font-size: 23px;
    line-height: 1.4;
    text-shadow: 0px 0px 3px rgb(37, 53, 144);
    color: #fff;
    color: #f50f04;
    text-shadow: 1px 1px 1px rgb(37 53 144);
    padding: 20px 0;
}

.landing-page .post .post-title {
	padding: 10px 0;
}

.postdetail.headline {
	background-size: cover;
	background-position: center;
}

.postdetail.headline .title {
	color: #f50f04;
    text-shadow: 1px 1px 1px rgb(37 53 144);
    font-weight: bold;
}

.image.covered img {
	opacity: 0;
}


.estate-edit .estate-edit-gallery .row.gallery + .row .upload-tabs {
	display: none;
}



.about-services i {
	color: #ce0a00;
	font-size: 28px;
	margin-left: -4px;
	line-height: 1;
}

.about-services h4 {
	font-size: 18px;
}

@media (max-width:991px) {	
	.about-services i {
		color: #ce0a00;
		font-size: 12px;
		margin-left: -4px;
		line-height: 1.5;
	}

	.about-services h4 {
		font-size: 11px;
	}
}

.about-services .fa-home {
	margin-left: 0px;
}

.about-services .fa-industry {
	margin-left: -1px;
}

.about-services .fa-info {
	margin-left: 7px;
}

.box {
	margin: 30px -330px 0 -330px;
	padding: 30px 330px 0px 330px;
	background: #042b73;
	color: #bbb;
}

@media (max-width:991px) {
	.box {
		padding: 30px 330px; 
	}
}

.section.contact .box .contact-box {
	background: #f5f5f5;
}

.section.vip .box .vip-box {
	background: #f5f5f5;
}


.box.red {
	background: #ce0a01;
}

.box h2, .box h3 {
	color: #fff;
}

.box .white {
	color: #fff;
}

.estate-price-rate {
	font-size: 125%;	
}

.exclusive-col .estate-price-rate {
	font-size: 85%;
} 

.user-edit .img-responsive {
	max-width: 130px;
}


.owner-phone a {
	color: #305598!important;
}

.alert.recovery-alert,
.alert.inactive-alert {
	margin-top: 77px;
    margin-bottom: 0px;
}

@media (max-width:767px) {
	.alert.recovery-alert,
	.alert.inactive-alert {
		margin-top: 52px;
	}
}

@media (max-width:285px) {
	.alert.recovery-alert,
	.alert.inactive-alert {
		margin-top: 102px;
	}
}

.alert.inactive-alert .btn {
	margin: 5px;
}

.alert.inactive-alert .alert-buttons {
	max-width: 500px;
	margin-top: 5px;
	margin-left: auto;
}

@media (min-width:1200px) {
	.alert.inactive-alert .alert-buttons {
		float: right;
		margin-top: -10px;
		margin-left: 5px;
	}
}

.vip-button {
	border: 1px solid #35599a;
	margin-top: 19px;
	margin-bottom: 19px;
	margin-right: 11px;
	transition: 0.25s all;
	/* Variation without top and bottom padding
    padding-bottom: 1px;
    margin-bottom: -1px;
    border-top: none;
    border-bottom: none;
    */
}

.vip-button:hover,
.vip-button.active {
	background: #fff !important;
	border-color: #f50e02 !important;
	transition: 0.25s all;
}

.vip-button a {
    padding: 7px 23px !important;
    color: #35599a !important;
    transition: 0.2s all;
}

.vip-button a:hover,
.vip-button.active a {
	color: #f50e02 !important;
	transition: 0.2s all;
}


.section.vip .vip-box input[type="checkbox"],
.section.contact .box.contact input[type="checkbox"],
.section.interested input[type="checkbox"] {
	width: 20px;
	height: 20px;
	border-radius: 0;
}

.section.vip .vip-box label.control-label,
.section.contact .box.contact label.control-label,
.section.interested label.control-label {
	font-size: 12px;
	color: black;
    font-weight: normal;
    line-height: 1.6;
}

@media (max-width:465px) {
	.section.vip button[type="submit"] {
		font-size: 15px;
		position: absolute;
	    left: 0;
	    right: 0;
	    margin: auto;
	}
}

.section.phone-banner {
	background: white;
	min-height: 100px;
	overflow: hidden;
}

.section.phone-banner a {
	color: #ce0a00;
	font-size: 285%;
	font-weight: bold;
}

.section.phone-banner a > i.fa {
	margin-right: 14px;
}

@media (max-width:767px) {
	.section.phone-banner a {
		font-size: 190%;
	}
}

.clipboard-copy {
	cursor: pointer;
}

.input-group-addon.clipboard-copy:hover {
	background: #ddd;
}

.row-faded {
	opacity: 0.5;
}

.section.team {
	margin-bottom: 30px;
	background: #fff;
}

.team-card {
	background: #ddd8;
	padding: 20px;
	text-align: center;
	margin: 20px 0;
	height: 410px;
}
/*
.team-card .img-responsive {
	max-width: 80% !important;
	max-height: unset !important;
	margin: 0 auto;
}
*/
.team-card .team-photo {
	background-image: url('/img/team-placeholder.jpeg');
	display: block;
	background-size: cover;
	background-position: top center;
	width: 70%;
	height: 230px;
	margin: 20px auto;
}

.team-card .title {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 20px;
}

.team-card a:hover {
	color: rgb(37, 53, 144);
}

.team-card .description {
	font-style: italic;
}

.blog h2 {
	margin-top: 80px;
}


@media (max-width:767px) {
	.blog h2 {
		margin-top: 50px;
	}
}

.blog .posts .post {
	margin-top: 0;
	padding-top: 0;
}

.blog .post .post-desc {
	margin-top: 5px;
	font-size: 16px;
}

.blog .post .btn {
	position: absolute;
    right: 35px;
    bottom: 45px;
}

form label[for=privacy_consent] {
	width: 90%;
	margin: 2px auto;
}

@media (max-width:365px) {
	form label[for=privacy_consent] {
		margin-right: -10px;
	}
}

form input[name="privacy_consent"] {
	float: left;
}

.section.contact .about-text {
	margin: 0 auto;
}

.mui-textfield--float-label label {
	overflow: hidden;
}

@media (max-width: 700px) {
	.pswp__img {
		height: auto !important;
		margin-top: calc((800px - 100vw) / 2.6);
	}
}

#header .dropdown a[href="/login"] .glyphicon {
	color: #c5161c;
	font-size: 110%;
}

.headline-content {
	 min-height:580px;
	 
}

@media (max-width: 767px) {
	.headline-content {
		min-height:450px;
	}
}

.btn-lg.btn-primary.hvr-sweep-to-right + .btn-lg.btn-primary.hvr-sweep-to-right {
	margin-left: 14px;
}