/*@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=Roboto:ital,wght@0,100;0,400;0,700;1,100;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');
*/

@font-face {
    font-family: 'HelveticaNeueLTPro-It';
    src: url('/fonts/HelveticaNeueLTPro-It.eot');
    src: url('/fonts/HelveticaNeueLTPro-It.eot?#iefix') format('embedded-opentype'),
        url('/fonts/HelveticaNeueLTPro-It.woff2') format('woff2'),
        url('/fonts/HelveticaNeueLTPro-It.woff') format('woff'),
        url('/fonts/HelveticaNeueLTPro-It.svg#HelveticaNeueLT-UltraLigCond') format('svg');
    font-weight: 500;
    font-style: normal;
    Xfont-display: swap;
}


@font-face {
    font-family: 'HelveticaNeue LT 27 UltLtCn';
    src: url('/fonts/HelveticaNeueLT-UltraLigCond.eot');
    src: url('/fonts/HelveticaNeueLT-UltraLigCond.eot?#iefix') format('embedded-opentype'),
        url('/fonts/HelveticaNeueLT-UltraLigCond.woff2') format('woff2'),
        url('/fonts/HelveticaNeueLT-UltraLigCond.woff') format('woff'),
        url('/fonts/HelveticaNeueLT-UltraLigCond.svg#HelveticaNeueLT-UltraLigCond') format('svg');
    font-weight: 100;
    font-style: normal;
    Xfont-display: swap;
}

@font-face {
    font-family: 'HelveticaNeue LT 25 UltLight';
    src: url('/fonts/HelveticaNeueLT-UltraLight.eot');
    src: url('/fonts/HelveticaNeueLT-UltraLight.eot?#iefix') format('embedded-opentype'),
        url('/fonts/HelveticaNeueLT-UltraLight.woff2') format('woff2'),
        url('/fonts/HelveticaNeueLT-UltraLight.woff') format('woff'),
        url('/fonts/HelveticaNeueLT-UltraLight.svg#HelveticaNeueLT-UltraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    Xfont-display: swap;
}

@font-face {
    font-family: 'HelveticaNeue LT 23 UltLtEx';
    src: url('/fonts/HelveticaNeueLT-UltraLigExt.eot');
    src: url('/fonts/HelveticaNeueLT-UltraLigExt.eot?#iefix') format('embedded-opentype'),
        url('/fonts/HelveticaNeueLT-UltraLigExt.woff2') format('woff2'),
        url('/fonts/HelveticaNeueLT-UltraLigExt.woff') format('woff'),
        url('/fonts/HelveticaNeueLT-UltraLigExt.svg#HelveticaNeueLT-UltraLigExt') format('svg');
    font-weight: 300;
    font-style: normal;
    Xfont-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue LT Pro LtLt';
    src: url('/fonts/HelveticaNeueLTPro-Ltlt.woff2');
    src: url('/fonts/HelveticaNeueLTPro-Ltlt.woff2') format('woff2'),
        url('/fonts/HelveticaNeueLTPro-Ltlt.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    Xfont-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue LT Pro UltLtCn';
    src: url('/fonts/HelveticaNeueLTPro-UltLtCn.woff2');
    src: url('/fonts/HelveticaNeueLTPro-UltLtCn.woff2') format('woff2'),
        url('/fonts/HelveticaNeueLTPro-UltLtCn.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    Xfont-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue LT Pro';
    src: url('/fonts/HelveticaNeueLTPro-Md.eot');
    src: url('/fonts/HelveticaNeueLTPro-Md.eot?#iefix') format('embedded-opentype'),
        url('/fonts/HelveticaNeueLTPro-Md.woff2') format('woff2'),
        url('/fonts/HelveticaNeueLTPro-Md.woff') format('woff'),
        url('/fonts/HelveticaNeueLTPro-Md.svg#HelveticaNeueLTPro-Md') format('svg');
    font-weight: 700;
    font-style: normal;
    Xfont-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue LT Pro';
    src: url('/fonts/HelveticaNeueLTPro-Md.eot');
    src: url('/fonts/HelveticaNeueLTPro-Md.eot?#iefix') format('embedded-opentype'),
        url('/fonts/HelveticaNeueLTPro-Md.woff2') format('woff2'),
        url('/fonts/HelveticaNeueLTPro-Md.woff') format('woff'),
        url('/fonts/HelveticaNeueLTPro-Md.svg#HelveticaNeueLTPro-Md') format('svg');
    font-weight: 500;
    font-style: normal;
    Xfont-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue LT Pro';
    src: url('/fonts/HelveticaNeueLTPro-Roman.eot');
    src: url('/fonts/HelveticaNeueLTPro-Roman.eot?#iefix') format('embedded-opentype'),
        url('/fonts/HelveticaNeueLTPro-Roman.woff2') format('woff2'),
        url('/fonts/HelveticaNeueLTPro-Roman.woff') format('woff'),
        url('/fonts/HelveticaNeueLTPro-Roman.svg#HelveticaNeueLTPro-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
    Xfont-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue LT Pro';
    src: url('/fonts/HelveticaNeueLTPro-UltLt.eot');
    src: url('/fonts/HelveticaNeueLTPro-UltLt.eot?#iefix') format('embedded-opentype'),
        url('/fonts/HelveticaNeueLTPro-UltLt.woff2') format('woff2'),
        url('/fonts/HelveticaNeueLTPro-UltLt.woff') format('woff'),
        url('/fonts/HelveticaNeueLTPro-UltLt.svg#HelveticaNeueLTPro-UltLt') format('svg');
    font-weight: 200;
    font-style: normal;
    Xfont-display: swap;
}

body {
	background-color: #fff;
	background-position: center center;
	Xbackground-attachment: fixed;
	Xbackground-size: cover;
	background-repeat: repeat;
	font-size: 15px;
	color: #555;
	line-height: 1.6;
	Xfont-family: 'Helvetica Neue LT Pro', Helvetica Neue, Helvetica, Arial, sans-serif;
	font-family: Arial, Sans-serif, Helvetica;
	font-kerning: normal;
	font-weight: normal;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	overflow-x: auto; /*this have to be set to 'auto' due to jquery ui!*/
	padding-top: 160px;
}

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

.container {
	width: 100%;
	max-width: 100%;
    padding-left: 10%;
    padding-right: 10%;
}

@media (max-width: 767px) {
	.container {
	    padding-left: 15px;
	    padding-right: 15px;
	} 
}

@media (min-width: 1500px) {
	.container {
    	width: 1185px;
    	max-width: 1185px;
    	padding-left: 0;
    	padding-right: 0;
	}

	.tail .container {
		padding-left: 7px;
	}

	#footer .container {
		padding-left: 7px;
	}
}


/*@media (min-width: 1200px) {
	.navbar-brand {
		margin-left: -109px !important; 
	}
}

@media (max-width: 767px) {
	.navbar-brand {
		margin-left: 5px; 
	}
}*/

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
	margin-left: 2px;
}

@media (min-width: 1500px) {
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
		margin-left: 7px;
	}
}

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

h1, h2, h3, h4, h5 {
	line-height: 1.5;
	Xfont-family: 'Ubuntu', sans-serif;
	Xfont-family: 'Roboto', sans-serif;
	margin: 0;	
	padding: 0;
}

h1 {
	color: #555;
	font-size: 32px;
	margin-top: 0;
}

.manual h1 {
    font-weight: 100;
    font-size: 5.5vw;
}

h2 {
	color: #555;
	font-size: 32px;
	margin-top: 0px;
	margin-bottom: 20px;
	/*font-weight: bold;*/
}

@media(max-width:767px) {
	h1, h1 * {
		font-size: 23px;
	}
	h2, h2 * {
		font-size: 22px;
	}
}

h3 {
	font-weight: bold;
	margin-top: 30px;
    margin-bottom: 8px;
    padding-bottom: 4px;
    font-size: 16px;
	Xborder-bottom: 1px solid #eee;
	color: #555;
}

.letterspace {
	letter-spacing: 1px;
}

.hvr-sweep-to-right:before {
	background: #444 !important;
	transition-duration: 0.2s !important;
	border-radius: 4px;
}

.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:hover,
a:focus {
	color: #000;
	text-decoration: none;
}

a[name]:not(.btn) { 
    margin-top: -230px;
    margin-bottom: 230px;
    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;
}

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

#cookie-notice {
  z-index: 999999;
  text-align: center;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  margin-bottom: -500px;
  background: #fff;
  border-top: 2px solid rgb(30, 30, 30);
  color: #000;
  Xfont-weight: bold;
  padding: 15px 0;
  transition: 0.35s all;
}
#cookie-notice a,
#cookie-modal .cookie-modal-btn {
  margin: 5px;
  width: 90px;
  padding: 10px 5px 8px 5px;
}
#cookie-notice a#cookie-notice-edit-btn {
	width: 70px;
}

#cookie-modal .cookie-modal-btn {
  width: 160px;
}
#cookie-notice.open {
  margin-bottom: 0;
  transition: 0.35s all;
}

#cookie-notice a.btn-danger,
#cookie-modal .btn-danger {
	Xbackground: #333;
	Xborder-color: #000; 
}
#cookie-notice a.btn-danger:hover,
#cookie-modal .btn-danger:hover {
	Xbackground: #000;
}

#cookie-notice .cookie-text {
	line-height: 130%;
	text-align: left;
	font-weight: bold;
	font-size: 95%;
}
#cookie-notice .cookie-buttons {
	text-align: right;
}

@media (max-width:767px) {
	#cookie-notice {
		padding-left: 17px;
		padding-right: 5px;
	}
	#cookie-notice .cookie-buttons {
		text-align: left;
	}
	#cookie-notice a {
		margin-left: 0;
	}
}
#cookie-notice .small-note {
	font-weight: normal;
	Xfont-size: 90%;
}

#cookie-modal .checkbox-col {
	text-align: right;
	Xpadding-top: 3px;
	margin-top: -1px;
}

@media (min-width: 768px) {
	#cookie-notice .cookie-text {
		line-height: 351%;
	}
}

#notification {
	position: fixed;
	top: 0px;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 15px;
	Xfont-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 {
	Xbackground: 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 - 469px);
*/	
}

#page > .section:first-child {
	padding-top: 0;
}

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

.section::after {
	clear: both;
}

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

@media (min-width:1200px) {
	.section {
		padding-top: 75px;
		padding-bottom: 75px;
	}
}

#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;
	Xbackground: rgba(255, 255, 255, 0.84);
	border-bottom: 0;
	width: 100%;
	z-index: 999999;
	font-size: 22px;
	Xbox-shadow: 0px 5px 20px 2px white;
	transition: 0.22s background;
}

#header::after {
	content: ' ';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 170px;
	background: linear-gradient(to bottom, rgba(255,255,255,0.98) 48%, rgba(255,255,255,0));
	pointer-events: none;

/*		
		background:
  linear-gradient(
    to bottom,
    rgba(255,255,255,0.99) 0%,
    rgba(255,255,255,0.98) 30%,
    rgba(255,255,255,0.95) 40%,
    rgba(255,255,255,0.90) 48%,
    rgba(255,255,255,0.83) 50%,
    rgba(255,255,255,0.74) 52%,
    rgba(255,255,255,0.65) 54%,
    rgba(255,255,255,0.55) 59%,
    rgba(255,255,255,0.45) 63%,
    rgba(255,255,255,0.35) 67%,
    rgba(255,255,255,0.26) 72%,
    rgba(255,255,255,0.18) 77%,
    rgba(255,255,255,0.11) 82%,
    rgba(255,255,255,0.05) 87%,
    rgba(255,255,255,0.01) 93%,
    rgba(255,255,255,0) 100%
  );
*/  
}

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

	#header .navbar-collapse {
		font-size: 110%;
		border-top: 0;
	}

	#header .navbar-collapse li {
		padding: 20px 5px;
	}
}

#top {
/*
	z-index: 999;
	margin-top: 15px;
	margin-right: 15px;
	position: relative;
	*/
    z-index: 1001;
    margin-top: 4px;
    margin-right: 10px;
    margin-left: 7px;
    position: relative;
}

#top::after {
	content: ' ';
	display: block;
	clear: both; 	
}

#header .languages a {
	text-transform: uppercase;
	font-size: 16px;
	border-radius: 50%;
	display: inline-block;
	background: rgba(230,230,230,0);
    text-align: center;
    transition: none;
    padding: 15px 5px;
}

/*#header .navbar .languages {
	margin-top: 20px;
    margin-left: 10px;
}*/

#header .navbar .languages a {
    padding: 12px 10px 10px 10px!important;
    margin-top: 20px;
    border: 2px solid rgba(255,255,255,0);
    transition: 0.2s all;
}

@media (max-width: 767px) {
	#header .languages a {
		font-size: 13px;
		min-width: 41px;
	    padding: 0px 6px 4px 6px;
	    line-height: 30px;
	    padding-top: 5px;
	}
	#header .languages {
		margin-top: 3px;
	}
}

#header .languages a.active {
	border:1px solid #555;
}

#header .languages a:hover,
#header .languages a:focus {
	background: #555;
	border-color: #555;
	color: #fff;
}

@media (max-width: 767px) {
	#header .navbar-collapse {
		background-color: #fff;
	    border-bottom: 1px solid #ccc;
	}
}

#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;
}


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

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

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

.modal-header {
	border: 0;
}

#cookie-modal .modal-header {
	padding: 20px;
}

.modal-footer {
	border: 0;
	padding-top: 1px;
}

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

.modal-content {
	border-radius: 12px;
	border: 3px 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;*/
	left: 6px;
	opacity: 0;
	transition: 0.3s all;
}

@media (max-width: 1199px) {
	.gallery .image-options {
		opacity: 1;
	}
}

.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 .image-options a.btn.btn-default {
	color: #555;
}

.gallery .image-options a.btn.btn-default:hover {
	color: #000;
}
.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;
}

.gallery-item:first-child .move-left,
.gallery-item:last-child .move-right {
	display: none;
}

.gallery-item:first-child .move-right,
.gallery-item:last-child .move-left {
	border-radius: 3px!important;
}

.gallery-item:first-child:last-child .image-options .btn-group:first-child {
	display: none;
}

.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;
	Xfont-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: 21.375vw;
	max-height: 21.375vw;
	Xwidth: 38vw;
}


.gallery-partners .gallery-item .image,
.gallery-partners .gallery-item .image img,
.gallery-partners .sortable-gallery-item-placeholder {
	height: 100px;
}

@media (min-width: 768px) {
	.gallery-item .image,
	.gallery-item .image img,
	.sortable-gallery-item-placeholder {
		height: 14.0625vw;
		max-height: 14.0625vw;
		Xwidth: 25vw;	/*16:9*/;
	}
}

@media (min-width: 1500px) {
	.gallery-item .image,
	.gallery-item .image img,
	.sortable-gallery-item-placeholder {
		height: 210.9375px;
		max-height: 210.9375px;
		Xwidth: 375px;
	}
}

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

.form-control:focus {
    border-color: #555;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(175 175 175 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(163 163 163 / 60%);
}

*[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;
	color: black!important;
}

[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;
}

#page.login {
	min-height: calc(100vh - 300px);
}

.form-signin {
    min-width: 250px;
    max-width: 320px;
    padding: 0 15px;
	display: block;
	margin: 150px auto;
	font-size: 13px;
}

@media (min-width: 1200px) {
	.form-signin {
		margin-top: 180px;
		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: 15px 0 14px 0;
	background: rgb(38 38 38);
	font-size: 13px;
	color: #ddd; 
	Xbox-shadow: 0 0 20px -1px rgba(0, 0, 0, 0.2);
	Xmin-height: 125px;
	text-align: justify;
	Xtext-transform: uppercase;
	Xline-height: 1.2;
}


@media (max-width: 870px) {
	#footer {
		text-align: center;
	}	
}

/*
#footer a {
	color: #ccc;
	padding-right: 100px;
}
*/

#footer a:hover {
	color: #eee;
}

#footer a[href="/login"] {
	margin-left: 3px;
    display: block;
    color: rgb(40 40 40);
    background: #111;
    border-radius: 50%;
    float: right;
    padding: 15px 0 0 2px;
    line-height: 1;
    width: 60px;
    height: 60px;
    text-align: center;
    font-size: 25px;
}

@media (max-width: 767px) {
	#footer .contact-form {
		margin-top: 7px;
	}
	#footer a {
		padding-left: 13px;	/* to match with input under */
	}
	/*
	#footer .container {
		padding-left: calc(10vw - 9px);
		padding-right: calc(10vw - 9px);

	}*/
	#footer form.contact-form .recipient-note {
	    padding-left: 14px;
	    padding-right: 14px;
	}
	#footer form.contact-form textarea, form.contact-form input {
		font-size: 28px;
   		line-height: 35px;
	}
	#footer a[href="/login"] {
    	margin-left: 1px;
	}
}

#footer a[data-edit-template] {
	margin-top: -13px;
}

#footer .note-editor.panel-default > .panel-heading {
	border: none;
}

#footer .btn-fullscreen {
	display: none;
}

#footer .btn-codeview {
	border-radius: 3px;
}

#footer .note-editable {
	border-radius: 5px;
}

#footer .note-editor.note-frame .note-statusbar {
	opacity: 0.5;
}


.tail {
	background: #111;
	Xborder-top: 1px solid rgb(186, 235, 186);
	color: rgb(250, 240, 230);
	font-size: 12px;
	padding: 10px 0;
	Xfont-weight: bold;
	z-index: 5;
	Xposition: relative;
}

.tail a {
	color: #ccc;
}

.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;
	border: 0;
}

.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: 1px solid #cccccc;
    border-bottom: 0;
    padding: 0 0 3px 3px;
}

.note-editor .panel-heading.note-toolbar>.btn-group {
	margin-top: 3px;
    margin-right: 3px;
}

.panel-heading.note-toolbar .btn {
	padding: 4px 7px;
}
	
.note-editor.note-frame .note-editing-area .note-editable {
	border-top: 0;
	border-radius: 0;
}

.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.98);
    border-color: #000;
    border-width: 2px;
    margin-top: 1px;
    border-top: 0;
    min-width: 180px;
    font-size: 16px;
}

.navbar-default .navbar-nav>li>.dropdown-menu {
	    padding-top: 15px;
}

@media (min-width: 768px) {
	.navbar-default .navbar-nav>li>.dropdown-menu {
		margin-top: -3px;
	}
}

@media (min-width: 1500px) {
	.navbar-default .navbar-nav>li>.dropdown-menu {
		margin-top: -16px;
	}
}

.navbar-default .navbar-nav>li>.dropdown-menu::after {
    content: ' ';
    position: absolute;
    top: -3px;
    left: 0;
    margin-left: -2px;
    width: calc(100% + 4px);
    height: 20px;
    background: linear-gradient(to bottom, rgba(255,255,255,0.98) 55%, rgba(255,255,255,0));
    pointer-events: none;
}

.navbar-nav>li>.dropdown-menu>li>a {
	padding: 5px 28px;
	
}
	
.navbar-default .navbar-nav>li>a {
	color: #adadad;    
	text-transform: uppercase;
	Xletter-spacing: 1.1px;
	Xfont-weight: 200;
	line-height: 26px;
	transition: 0.25s all;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
	color: #000;
	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: #000;
	background-color: rgba(255,255,255,0);
	transition: 0.25s all;
}

@media (min-width: 768px) {
	.navbar-brand {
		height: 75px;
	}
	.navbar-default .navbar-nav>li>a {
		padding: 34px 20px;	
	}
}
/*
@media (min-width: 1200px) {
	.navbar-default .navbar-nav>li>a {
		margin-top: 11px;
		font-size: 28px;
		line-height: 30px;
	}
	#header .navbar .languages a {
		font-size: 20px;
	}
	
	#header .navbar a[href="/login"] {
		margin-top: 1px;
	}
	#header .navbar a.dropdownUserMenu {
		margin-right: -15px;
    	padding: 18px 20px;
	}
}*/

#header .navbar .languages a {
	height: 52px;
    width: 54px;
}
	
	
@media (min-width: 1500px) {
	.navbar-default .navbar-nav>li>a {
		Xmargin-top: 0;
		font-size: 23px;
		padding: 33px 20px;
	}
	#header .navbar a[href="/login"] {
		margin-right: -17px;
    	padding: 40px 20px;
	}
	#header .navbar a.dropdownUserMenu {
		
	}
	.dropdownUserMenu .glyphicon-user {
	    font-size: 22px;
    	margin-top: -5px;
	}
}

.navbar-brand {
	padding: 15px 10px 0px 0px;
}

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

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

.slogan {
	text-transform: uppercase;
    font-size: 17px;
    line-height: 2;
    padding: 30px 2px;
    min-width: 300px;
}

@media (max-width: 900px) {
	.slogan {
		display: none;
	}
}

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

.navbar-header button.navbar-toggle {
	float: left;
	margin-left: 10px;
	margin-top: 11px;
	border: 0;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background: transparent;
}

.navbar-header .right .dropdown-toggle {
	color: #000;
	/*width: 45px;*/
	display: inline-block;
	margin: 11px 15px 7px 7px;
	/*padding: 6px;*/
	border-radius: 0;
	padding: 0 6px 0 8px;
	height: 34px;
	white-space: nowrap;
	overflow: hidden;
}

.navbar-header .right .dropdown-toggle .glyphicon {
	font-size: 18px;
	margin-right: -3px;
	top: -1px;
}

.navbar-header .right .dropdown-toggle .caret {
	margin-top: -8px;
}

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

/* 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 */
}

.tooltip {
	z-index: 999999;
}

.project-media {
    height: 45vw;	/* 500px; */
    position: relative;
    overflow: hidden;
}

@media (min-width: 1500px) {
	.project-media {
	    height: 666.5625px;	/* 500px; */
	    position: relative;
	}
}

.project-media>div {
	Xheight: 100%!important;
	padding: auto!important;
	position: auto!important;
}

.project-media iframe,
.project-media .iframe-placeholder {
	width: calc(100% + 2px) !important;
	height: calc(100% + 2px) !important;
    margin-bottom: -6px;
}

/*
@media (min-width: 1500px) {
	.project-media iframe,
	.project-media .iframe-placeholder {
		width: 100% !important;
		height: 660px !important;
	    margin-bottom: -6px;
	}
}
*/

/*
@media (max-width: 767px) {
	.project-media,
	.project-media iframe,
	.project-media .iframe-placeholder {
		height: 80vw !important;
		min-height: 80vw;
	}
}
*/

.project-name,
.project-name:active,
.project-name a,
.project-name:active a {
	color: #aaa!important;
}

.project-name {
	font-family: "Helvetica Neue LT Pro";
	font-family: 'Helvetica Neue LT Pro UltLtCn';
	font-weight: 100; 
	font-style: normal;
    font-size: 60px;
    line-height: 1.2; 
    letter-spacing: 2px;
    font-weight: 200;
    /* text-transform: capitalize; */
    Xdisplay: inline-block;
    Xmargin-right: 3vw;
	position: relative;
	Xmin-height: 100px;
	padding-bottom: 40px; 
}

.project-grid-info .project-name {
	padding: 0 20px;	
}

.project-name > span {
	font-family: "Helvetica Neue LT Pro";
}

.project-name .project-name-long {
	font-size: 50px;   
}

.project-published-year {
	margin-top: 23px;
	margin-right: 14px;
	color: #adadad;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.7px;
}
	
.project-status {
	float:right;
	font-size: 12px;
	line-height: 1.5;
	padding: 5px 12px 3px 12px; 	
	margin-top: 6px;
	margin-left: 10px;
	color: #adadad;
	background: #fff;
	border: 2px solid #adadad;
	border-radius: 20px;
	text-transform: uppercase;
	letter-spacing: 1px; 
}

@media (min-width:1500px) {
	.project-status {
		margin-top: 10px;
	}
	.project-published-year {
		margin-top: 45px;
	}
}



@media (max-width:1250px) {
	.project-published-year {
		margin-top: 20px;
	}
}
@media (max-width:991px) {
	.project-status {
		font-size: 10px;
		Xdisplay: none;
		padding: 5px 8px 1px 8px;
		margin-top: 3px;
	}
	.project-published-year {
		font-size: 13px;
		margin-right: 10px;
		margin-top: 5px;
	}
	
}

.project-name.long-name {
    font-size: 3vw;
}

@media(max-width: 991px) {
	.project-name {
    	font-size: 40px;
    	Xline-height: 55px; 
    }
    .project-name.long-name {
    	Xfont-size: 35px;
    	Xline-height: 38px;
    }
}
/*@media(max-width: 450px) {
	.project-name {
    	font-size: 7vw;
    }
    .project-name.long-name {
    	font-size: 5vw;
    }
    .name-slider .project-type {
    	font-size: 4.44vw;
    }
}*/

@media (min-width: 1500px) {
	.project-name {
    	font-size: 85px;
    }
    .project-name.long-name {
    	font-size: 40px;
    }
    .manual h1 {
    	font-size: 60px;
    }
}

.project-name:hover {
	color: #888;
}

.project-name.active,
.project-name.active:hover {
	color: #666;
}

.project-name .scroll-anchor {
    position: absolute;
    margin-left: -10vw;
}

@media (min-width: 1500px) {
	.project-name .scroll-anchor {
	    position: absolute;
	    margin-left: -150px;
	}
}

.project-slider {
	overflow-x: scroll;	/*auto;*/
	overflow-y: hidden;
}

.project-slider.single-item-slider {
	overflow-x: hidden;
}

#projects::after {
	content: ' ';
	display: block;
	clear: both;
}

section#project,
section#projects,
section#project-edit {
	padding: 0;
}

section#project,
section#project-edit {
    overflow-x: hidden;
}

.project {
	width: 100vw;
	padding-left: 10vw;
	padding-right: 10vw;
	margin-right: -17vw;
}

@media (min-width: 1500px) {
	.project {
		width: 100vw;
		padding: 0 calc((100vw - 1185px) / 2);
		margin-right: calc(((100vw - 1185px) * -1) + 50px);
	}
}


.project-detail .prev-project,
.project-detail .next-project {
	position: absolute;
    height: 100%;
    width: 7vw;
    background: #eee;
    text-align: center;
    font-size: 40px;
    color: #ccc;
}

.project-detail .prev-project {
    left: -10vw;
}

.project-detail .next-project {
    right: -10vw;
}

.project-detail .prev-project:hover,
.project-detail .next-project:hover {
    color: #aaa;
}

@media (min-width: 1500px) {
	.project-detail .prev-project {
		left: calc((100vw - 1185px) / 2 * -1 );
		width: calc(((100vw - 1185px) / 2) - 50px);
	}
	.project-detail .next-project {
		right: calc((100vw - 1185px) / 2 * -1 );
		width: calc(((100vw - 1185px) / 2) - 50px);
	}
}

.project-detail .prev-project span,
.project-detail .next-project span {
    position: absolute;
    display: block;
    top: calc(50% - 50px);
    height: 80px;
    width: 22px;
}

.project-detail .prev-project span {
    right: calc(3.5vw - 11px);
}

.project-detail .next-project span {
    left: calc(3.5vw - 11px);
}

.project-detail .project-media-row {
	position: relative;
}

.project-detail .project-media-row,
#project-grid .project-grid-item {
	background-color: #000;
}

.scroll-projects .project {
	float: left;
}

.project-detail {
	/*width: 100%;*/
}

.project-type {
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    font-size: 20px;
    margin-top: 23px;
}

@media(max-width:1200px) {
	.project-type {
		font-size: 18px;
    	margin-top: 13px;
	}
}

@media(max-width:768px) {
	.project-type {
		font-size: 16px;
	}
}

.project-type, 
.project-name {
	color: #ccc;
}

.name-slider .project-type {
	position: absolute;
    right: 0;
    top: 0;
    text-align: right;
}

@media(max-width:1024px) {
	.name-slider .project-type {
		margin-top: -15px;
	}
	.name-slider .project-name {
		margin-top: 15px;
	}
}

.project.active .project-type, 
.project.active .project-name {
	color: #aaa;
}

.project-media {
	opacity: 0.5;
	cursor: pointer;
	margin-bottom: 35px;
	transition: 0.1s all;
	background-size: cover;
	background-position: center;
}

.project.active .project-media {
	opacity: 1;
	cursor: default;
}

.new-project.active .project-media {
	cursor: pointer;
}

.project-media iframe {
	pointer-events: none;
	background: black;
}

.project.active .project-media iframe {
	pointer-events: auto;
}

.project-info {
	opacity: 0;
	transition: 0.1s all;
    font-size: 20px; 
    line-height: 1.5;
    padding-bottom: 23px;
}

.project-info .technical {
    font-size: 16px; 
}
	
@media (max-width: 1200px) {
	.project-info {
		font-size: 14px;
	}
}

.project.active .project-info {
	opacity: 1;
}

.project-info .right-column {
    Xtext-transform: uppercase;
    Xfont-size: 75%;
    letter-spcing: 2px;
    Xline-height: 2.125;
    font-weight: normal;
    font-style: normal;
}

.project-info .project-type {
	color: #555555;	/* as body */
	text-align: left;
	margin-bottom: 20px;
}

@media (max-width: 767px) {
	.project-info .project-type  {
		margin-top: 20px;
	}
}

.project-info .info-link {
    color: #ccc;
    margin-top: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 23px;
}

.project-info .info-link .glyphicon {
	top: 8px;
	left: 5px;
	font-size: 140%;
}


@media (max-width: 991px) {

	.project-info .info-link {
		font-size: 150%;
	}
}
.project-subtitle {
	font-size: 20px;
    Xfont-weight: bold;
    font-style: italic;
    color: #555;
    margin-bottom: 20px;
}


@media (max-width: 1199px) {
	.project-subtitle {
		font-size: 35px;
	}
}

@media (max-width: 767px) {
	.project-subtitle {
		font-size: 25px;
	}
}

a.project-subtitle {
	display: block;
}

a.project-subtitle:hover {
    color: #555;
}

.project-description {
	text-transform: initial;
	Xfont-weight: bold;
	font-size: 125%;
	font-style: italic;
	font-family: Helvetica, Times, "Timew New Roman", serif;
	font-family: 'Helvetica Neue LT Pro', Helvetica Neue, Helvetica, Arial, sans-serif;
	font-family: 'HelveticaNeueLTPro-It';
	color: #555;
}

@media (max-width: 991px) {
	.project-description {
		font-size: 150%;
	}
}

.project-text {
	text-transform: initial;
	font-size: 20px;
	max-width: 900px;
	
}

@media (max-width:991px) {
	.project-text {
		font-size: 18px;
	}
}

/*
.left-column .project-description {
	font-size: 25px;
	line-height: 28px;
}
 
@media (max-width: 767px) {
	.left-column .project-description {
		font-size: 19px;
		line-height: 21px;
	}
}
*/

/*
.project-published {
	float: right;
}
*/

#projects .name-slider {
    width: 100%;
    overflow-x: hidden; /* auto; */
    overflow-y: hidden;
    /*height: 180px;*/
    padding-left: 10vw;
}

@media (min-width: 1500px) {
	#projects .name-slider {
    	padding-left: 150px;
	}
}

section {
	Xtext-transform: uppercase;
	width: 100%;
	height: 100%;
	min-height: 270px;
	padding: 10px 10vw 15px 10vw;
}

@media (min-width: 1500px) {
	section {
		padding: 10px calc((100vw - 1190px) / 2) 15px;
	}
}

section.lowercase {
	text-transform: none;
}

section.dark-section,
section.dark-section h2 {
	background: #555;
	color: #aaa;
}

section.black-section,
section.black-section h2 {
	background: #444;
	color: #aaa;
}

section.dark-section > a,
section.black-section > a {
	color: white;
}

section.grey-section,
section.grey-section h2 {
	background: #ccc;
	color: #555;
}

/*
form.contact-form textarea,
form.contact-form input {
	font-size: 25px;
	height:	100px; 
	border-color: rgb(60 60 60);
	background: rgb(60 60 60);
	color: #fff;
	transition: 0.3s all;
}	
*/

form.contact-form textarea:focus,
form.contact-form input:focus {
	background: rgba(255, 255, 255, 0.2);
	transition: 0.3s all;
}	

form.contact-form .recipient-note {
	font-size: 14px;
	padding-top: 20px;
	color: red;
}

/*form.contact-form input,
form.contact-form button {
	display: none;
}
*/

.image.covered img {
    opacity: 0;
}

#project-grid {
	min-height: 416px;
}


#project-grid.grey-section a {
	color: #555;
    transition: 0.35s all;  
}

#project-grid.grey-section a.active,
#project-grid.grey-section a:hover {
	color: #000;
}

#project-grid .type-selector {
	float: right;
    margin-top: 36px;
    margin-right: 15vw;
    letter-spacing: 1px;
}

#project-grid .type-selector a {
	margin-right: calc(10px + 1.5vw);
}

/*
@media (min-width: 1500px) {
	#project-grid .type-selector {
	    Xmargin-top: 41px;
	    Xmargin-right: -32.5px;
	}

	#project-grid .type-selector a {
		Xmargin-right: 32.5px;
	}
}
*/

@media (max-width: 767px) {
	#project-grid .type-selector {
    	text-align: right;
	}
	#project-grid .type-selector a {
		display: block;
		margin-bottom: 15px;
    	margin-right: 0;
	}
}

#project-grid {
	padding: 10px 0 30px 0;
}

.project-grid-scroller {
	padding-left: calc(10vw - 3px);
}

@media (min-width: 1500px) {
	#project-grid {
		padding: 10px 0 10px calc((100vw - 1185px) / 2);
	}
}

@media (min-width: 1500px) {
	.project-grid-scroller {
		padding-left: calc((100vw - 1185px) / 2);
		margin-left: calc((100vw - 1185px) / 2 * -1) !important;
	}
}


.project-grid-item {
	background-size: cover;
    background-position: center center;
    overflow: hidden;
    margin: 1vw;
    width: 24vw;
    height: 13.5vw;
    float: left;
    position: relative;
	color: #aaa;
	cursor: pointer;
}

.project-grid-item.active {
	color: #eee;
}

a.project-grid-item {
	display: block;
}
.project-grid-item .project-grid-info {
    height: 100%;
    width: 100%;
    margin: 0;
    background: #00000091;
    color: #fefefe;
    text-align: center;
    position: relative;
    transition: 0.35s all;    
}

.project-grid-item .project-grid-info * {
    transition: 0.35s all;   
}

.project-grid-item .project-grid-info {
    backdrop-filter: blur(3px);
}

.project-grid-item:hover .project-grid-info {
    background: #00000030;
}

.project-grid-item .project-grid-info .project-subtitle,
.project-grid-item .project-grid-info .project-year {
	opacity: 0;
}

.project-grid-item:hover .project-grid-info .project-subtitle,
.project-grid-item:hover .project-grid-info .project-year {
	opacity: 1;
}

@media (min-width: 1500px) {
	.project-grid-item {
		margin: 15px;
		width: 377px;
		height: 212.06px;
	}
}

@media (max-width: 767px) {
	.project-grid-item {
		width: 170px;
		height: 112.5px;
	}

	.project-grid-item .project-grid-info .project-subtitle,
	.project-grid-item .project-grid-info .project-year {
		opacity: 1;
	}	
}

/* nice responsive sizes 16:9 before shitty static width;
@media (max-width: 767px) {

	.project-grid-item {
		width: 38.5vw;
		height: 21.6562vw;
	}
	.project-grid-item .project-grid-info {
    	height: 19.6562vw;
    	width: 19.6562vw;
   		background: #00000088;
    	border-radius: 50%;
	}

	.project-grid-item .project-grid-info .project-subtitle,
	.project-grid-item .project-grid-info .project-year {
		opacity: 1;
	}	
}
*/

.project-grid-item .project-subtitle {
    font-size: 0.9vw;
    color: #fefefe;
    font-style: italic;
    width: 120px;
    margin: 0 auto;
    padding-top: 20px;
	display: none;
}

.project-grid-item .project-name {
	font-weight: bold;
    font-size: 1.5vw;
    position: absolute;
    /*top: calc(58% - 2vw);*/
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    text-align: center;
    color: #fff!important;
    Xletter-spacing: 0.2px;
    Xtext-shadow: 0 0 1px #000;
    font-family: 'Helvetica Neue LT Pro', Helvetica Neue, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}
/*
.project-grid-item .project-grid-info:hover .project-name {
	font-size: 1.9vw;
}
*/
.project-grid-item .project-year {
    font-size: 1vw;
    bottom: 2vw;
    position: absolute;
    left: 0;
    text-align: center;
    margin: 0 auto;
    width: 100%;
}

@media (min-width: 1500px) {
	.project-grid-item .project-year  {
    	font-size: 15px;
    	bottom: 30px;
	}
	.project-grid-item .project-subtitle {
		font-size: 13.5px;
	}
	.project-grid-item .project-name {
		font-size: 23px;
		/*top: calc(50% - 30px);*/
	}
	.project-grid-item .project-grid-info:hover .project-name {
		Xfont-size: 24px;
	}
	.project-grid-item .project-grid-info {
		/*height: 25vw;*/
	}
}

@media (max-width: 767px) {
	.project-grid-item .project-year  {
    	font-size: 12px;	/*font-size: 6px;*/
    	bottom: 16px;
	}
	.project-grid-item .project-subtitle {
		font-size: 11px;
		width: 77%;
		padding-top: 10px;
	}
	.project-grid-item .project-name {
		font-size: 12px;
		/*top: calc(38% - 2vw);*/
		/*top: calc(56% - 2vw);*/
	}
	.project-grid-item .project-grid-info {
		/*height: 25vw;*/
	}
}

#project-grid .project-grid-item {
	display: block;
}

#project-grid[data-filter-type=DEVELOPMENT] [data-project-type=DEVELOPMENT]{
	display: block;
}
#project-grid[data-filter-type=DEVELOPMENT] [data-project-type=DISTRIBUTION],
#project-grid[data-filter-type=DEVELOPMENT] [data-project-type=PRODUCTION] {
	display: none;
}

#project-grid[data-filter-type=DISTRIBUTION] [data-project-type=DISTRIBUTION]{
	display: block;
}
#project-grid[data-filter-type=DISTRIBUTION] [data-project-type=DEVELOPMENT],
#project-grid[data-filter-type=DISTRIBUTION] [data-project-type=PRODUCTION] {
	display: none;
}

#project-grid[data-filter-type=PRODUCTION] [data-project-type=PRODUCTION]{
	display: block;
}
#project-grid[data-filter-type=PRODUCTION] [data-project-type=DISTRIBUTION],
#project-grid[data-filter-type=PRODUCTION] [data-project-type=DEVELOPMENT] {
	display: none;
}

#project-grid[data-filter-type] .project-grid-item .project-options {
	display: none;
}

.project-grid-scroller,
.project-grid-row {
    height: calc(3 * 13.5vw + 6vw + 20px);	/* 3x 250px item height + 3x2x 1vw item padding + 20px scrollbar padding */
    Xmargin-left: -5px;
}

.project-grid-row {
    margin-left: -5px;
}

.project-grid-scroller {
	overflow-x: hidden;	/* scroll; -> added by JS */
    overflow-y: hidden;
    width: inherit; /*79vw;*/
}

@media (max-width: 767px) {
	.project-grid-scroller, .project-grid-row {
		 /*height: calc(77vw + 4vw);*/
		 height: 375px;
	}
}


@media (min-width: 1500px) {
	.project-grid-scroller,
	.project-grid-row {
	    height: 860px;
	}

	.project-grid-row {
    	margin-left: -15px;
    }

    .project-grid-scroller {
    	width: calc(100vw - 15px);	/*50px);*/
    }
}

.new-project .project-media {
	background: #ccc;
	text-align: center;
	height: 45vw;
}

.new-project .project-media .glyphicon {
    font-size: 200px;
    margin-top: calc((45vw / 2) - 100px);
    color: #aaa;
}

@media (min-width: 1500px) {
	.new-project .project-media {
	    height: 666.5625px;	/* 500px; */
	}
	.new-project .project-media .glyphicon {
	    margin-top: 237.5px;
	}
}

@media (max-width: 900px) {
	.new-project .project-media .glyphicon {
		font-size: 22vw;
	    margin-top: calc((45vw / 2) - 11vw);
	}
}

.new-project a {
	color: #777;
}

.new-project.active .project-info {
	opacity: 0.5;
}

#project-edit label {
	font-size: 15px;
	text-transform: none;
}

#project-edit .project-media {
	height: 350px;
}

#project-edit input.project-name {
	height: 150px;
	margin-bottom: 5px;
}

@media (max-width: 1499.99px) {
	#project-edit input.project-name {
		height: 100px;
	}
}

#project-edit textarea.project-description {
	font-size: 20px;
}

#project-edit select {
	height: auto;
}

.tag-edit-row {
	margin-bottom: 1px;
    
}

.tag-edit-row select {
	min-height: 34px;
}

.tag-edit-row .tag-btns {
	position: absolute;
	top: 0;
	right: 15px;
	opacity: 1;
    transition: 0.35s all;
    Xmin-height: 52px;
	Xwidth: 30px;
}

.tag-edit-rows .tag-edit-row:nth-child(1) .move-up-tag {
	display: none;
}

.tag-edit-rows .tag-edit-row:nth-last-child(2) .move-down-tag {
	display: none;
}

.tag-edit-row:hover .tag-btns {
	opacity: 1;
}

@media (max-width: 1199px) {
	.tag-edit-row .tag-btns {
		opacity: 1;
	}

}

.tag-edit-row .tag-btns a {
	margin-bottom: 1px;
	padding: 8px 4px;
	margin-left: 1px;
    line-height: 1;
}

#project-edit button[type=submit] {
	padding: 10px 50px;
}

#project-edit .project.active .project-info {
	padding-bottom: 0;
}

#project-edit .project-edit-stripe {
	position: fixed;
    top: 0;
    left: 0;
    background: #eee;
    padding-top: 30px;
    width: 100%;
    z-index: 9999999;
    border-top: 1px solid #ddd;
}

#project-edit .project-edit-stripe h3 {
	margin: 0;
}

#project-edit .project-edit-stripe .language-chooser {
	margin-top: -20px;
	margin-left: -1000%;
	margin-right: -1000%;
	padding-left: 1070%;
	padding-right: 930%;
}

.language-chooser a {
	cursor: pointer;
	font-size: 140%;
	font-weight: bold;
	border-radius: 10px 10px 0 0 !important;
}

.gallery-partners .gallery-item .image, 
.gallery-partners .gallery-item .image img, 
.gallery-partners .sortable-gallery-item-placeholder {
/*	
    height: 120px;
    max-height: 120px;
*/    
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
}
/*
@media (max-width: 767px) {
	.gallery-item .image, .gallery-item .image img, 
	.sortable-gallery-item-placeholder {
	    height:     calc(39vw - 15px);
	    max-height: calc(39vw - 15px);
	}
}
*/
.gallery-partners .gallery-item .image img {
	float: left;
}

.gallery-partners .gallery-item {
	pointer-events: none;
}

.gallery-partners .gallery-item .image {
	pointer-events: all;
	width: auto;
    max-width: 120px;
    max-height: 120px;
}

.gallery-partners .sortable-gallery-item-placeholder {
	border: none;
}

.gallery-partners .sortable-gallery-item-placeholder:after {
	display: block;
	width: 120px;
	height: 120px;
	border: 3px dashed gray;
	content: " ";
	color: gray;
	float: left;
	margin-top: -20px;
}

.gallery-partners .ui-sortable-helper {
	margin-left: 120px;
	margin-top: 60px;
}

.project-options {
	position: absolute;
	top: 16px;
	left: 18px;
	opacity: 1;
	transition: 0.3s all;
	width: calc(100% - 35px);
}

#projects .project .project-media > div.project-options,
#project div.project-options {
	height: 50px!important;
	pointer-events: all;
}

.project:hover .project-options,
.project-grid-item:hover .project-options {
	opacity: 1;
	transition: 0.3s all;
}

.project-options a.btn {
	opacity: 0.9;
	transition: 0.25s all;
}

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

.project-options a.btn.btn-slim {
	padding: 5px 3px;
}

.project-options .btn-group {
	box-shadow: 0 0 9px 13px #00000088;
}

.project-grid-item .project-options .btn-group {
	box-shadow: 0 0 9px 13px #00000022;
}

.project-grid-item .project-badge {
	position: absolute;
	right: 16px;
	top: 13px;
	float: right;
}

.scroll-projects .project .project-options {
	opacity: 0;
	display: none;
}

.scroll-projects .project.active .project-options {
	opacity: 1;
	display: block;
}

.project:nth-child(2) .project-options .move-left,
.project:last-child .project-options .move-right,
.project-grid-item:first-child .project-options .move-left,
.project-grid-item:last-child .project-options .move-right {
	display: none;
}

.project:nth-child(2) .project-options .move-right,
.project:last-child .project-options .move-left,
.project-grid-item:last-child .project-options .move-left,
.project-grid-item:first-child .project-options .move-right {
	border-radius: 3px!important;
}

.section-anchor {
	margin-top: -230px;
	position: absolute;
}

.btn[href="/login"] {
    background-color: black;
    border: transparent;
    border-radius: 20px;
    line-height: 23px;
    max-width: 36px;
    padding-left: 12px;
    margin: 10px 7px 0 0 !important;
}

/* photoswipe fix */
.pswp__img {
	height: auto!important; 
	margin-top:50px
}

section h2 {
	margin-top: 20px;
	margin-bottom: 30px;
	font-size: 23px;
	letter-spacing: 1px;
}

#header {
	letter-spacing: 1px;
}

#project-grid h2 {
	margin-bottom: 20px;
	float: left;
	margin-left: calc(10vw - 2px);
}

@media (min-width: 1500px) {
	#project-grid h2 {
		margin-left: -2px;
	}
}

.youtube-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 88%;
	z-index: 999;
	cursor: pointer;
    background-image: url(/img/play-btn.png);
	background-position: 50.5% 50%;
    background-size: 25%;
    background-repeat: no-repeat;
	transition: 0.3s all;
}

.youtube-overlay:hover {
	background-image: url(/img/play-btn-hover.png);
	background-position: 51% 61%;
	background-size: 30%;
}

.youtube-overlay.inactive {
	pointer-events: none;
	width: 30%;
	left: 35%;
	opacity: 0;
	transition: 0.5s all;
}

.youtube-overlay-preload {
	background-image: url(/img/play-btn-hover.png);
	width: 1px;
	height: 1px;
	opacity: 0.01;
}

.project.init-player .youtube-overlay  {
	display: block;
}

.project .youtube-overlay  {
	display: none;
}

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

section h2 .btn-sm {
    margin-top: -9px;
    opacity: 0.5;
	transition: 0.3s all;
}

section h2 .btn-sm:hover {
    opacity: 1;
}

.tail .footer-lock {
	text-align: center;
    font-size: 18px;
    opacity: 0.7;
    width: 50px;
    margin: 0 auto;
    margin-bottom: -28px;
}

@media (max-width: 870px) {
	.tail .footer-lock {
		margin-bottom: 5px;
	}
}

.tail .footer-lock a {
    opacity: 0.7;
}

.tail .footer-lock a:hover {
	opacity: 1;
}

.file-upload-warning {
	margin-top: 10px;
}

/* used with data-toggle="onchange" JS */
.toggle-hide {
	display: none;
}

#project-edit .save-btn-stripe {
	text-align: center;
}

	#project-edit .save-btn-stripe {
		position: fixed;
		bottom: 0;
		left: 0;
		background: #eeeeeef8;
		padding: 15px 0;
		width: 100%;
		z-index: 65535;
		border-top: 1px solid #ddd;
	}
	#project-edit .save-btn-stripe.extra-stripe {
		display: block;
		position: relative;
	    opacity: 0;
	    padding: 0;
	    height: 29px;
	}
	XX#project-edit .nav.language-chooser {
		float: right;
	    margin-top: 7px;
	    margin-right: 32px;
	    margin-left: -146px;
	}
	X#project-edit .nav.language-chooser a {
	    background: #eee;
	    border-color: #bbb;
	}
	#project-edit .nav.language-chooser a:hover, 
	#project-edit.nav.language-chooser .active a {
	    background: #fff;
	}


#contact-us-section {
	padding: 30px 0 20px 0;
	background: rgb(60 60 60);
}
#contact-us-section a {
	color: #aaa;
	font-size: 200%;
}

.about-menu-item {
	min-width: 120px;
}

@media (max-width: 870px) {
	.tail .container {
		text-align: center;
	}
	.tail .right {
		float: none;
	}
}

.note-editor.note-frame.fullscreen {
    z-index: 65535000!important;
    background: #eee!important;
}

.photo-option-error,
.photo-option-warning,
.photo-option-info,
.photo-option-resolution {
	margin: 10px 10px;
    background-color: #ffc107;
    color: black;
    padding: 4px 10px 4px 11px;
    border-radius: 10px;
    font-size: 12px;
    opacity: 0.7;
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
}

@media (max-width: 1499.99px) {
	.photo-option-resolution {
		display: none;
	}
}

.photo-option-error,
.photo-option-warning,
.photo-option-info {
	bottom: 30px;
}

.photo-option-error {
	background-color: #ff3000;
    color: white;
}

.photo-option-info,
.photo-option-resolution:not(.large) {
	background-color: #888a;
	color: #fff;
	font-weight: bold;
	opacity: 1;
}

.photo-option-warning:hover {
	opacity: 1;
}

@media (max-width: 1499.99px) {
	.photo-option-error, .photo-option-warning, .photo-option-info, .photo-option-resolution {
		display: none;
	}
}


section.about-us {
	min-height: calc(100vh - 214px) !important; 
}

.grecaptcha-badge {
    z-index: 6553500000!important;
}