body {
    font-size: 17px;
    line-height: 1.5;
    font: 17px/24px "Haptik";
	background: #e7e7e7;
	letter-spacing: 0.6px;
/*    background-size: 800px;
	background-size: cover;
    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;*/
	color: rgb(71, 71, 71);
	font-family: "Haptik", "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding-top: 0;
	/*position: relative; /*scrollspy plugin*/
}

@media (max-width:375px) {
	body {
		font-size: 14px;
	}
}

video::-internal-media-controls-overlay-cast-button {
    display: none !important;
}

video {
    pointer-events: none !important;
}

video::-webkit-full-screen {
	display:none !important;
}

::-webkit-media-controls {
  display:none !important;
}

::-webkit-media-controls-enclosure {
  display:none !important;
}

* {
	font-kerning: normal;
}

p {
	margin: 0;
}

@media (max-width: 991px) {
	input[type="text"]:not(.post-title), textarea {
		font-size: 17px!important;
	}
}

#cookie-notice {
  z-index: 999999;
  text-align: center;
  position: fixed;
  bottom: 15px;
  left: 0;
  width: 98%;
  margin: 0 1%;
  margin-bottom: -500px;
  background: #ffffffee;
  Xborder: 1px solid rgb(190, 190, 190);
  border-radius: 6px;
  color: #000;
  padding: 12px 8px;
  font-size: 90%;
  transition: 0.4s margin;
}

body.modal-open #cookie-notice {
	 width: calc(98% - 15px);
}

@media (max-width: 350px) {
	#cookie-notice {
		width: 300px;
	}
}
#cookie-notice a {
  margin: 0px 8px 0 0px;
  width: 95px;
  padding: 4px;
}

#cookie-notice a#cookie-notice-edit-btn {
	width: 72px;
}

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

#cookie-notice .cookie-buttons {
	text-align: right;
}

#cookie-notice.open {
  margin-bottom: 0;
  transition: 0.35s margin;
}

#cookie-notice .cookie-text {
	text-align: left;
	font-size: 88%;
	font-weight: bold;
    padding: 0 25px;
}
@media (min-width: 1200px) {
	#cookie-notice .cookie-text {
		line-height: 230%;
	}
}

#cookie-notice .small-note {
	font-weight: normal;
}

#cookie-modal {
	z-index: 9999999;
}

#cookie-modal .modal-content {
	background: rgb(240 240 240 / 95%);	
}

#cookie-modal .modal-footer {
	padding: 11px;
}

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

@media (max-width:767px) {
	#cookie-notice {
		width: 266px;
	}
	#cookie-notice a {
  		margin: 0 3px;
  		width: 114px;
	}
	#cookie-notice a.wide-btn {
		width: 239px!important;
  		margin-bottom: 10px;
  		margin-top: 0;
	}
	#cookie-notice .cookie-buttons {
		padding-top: 7px;
	}
	#cookie-notice .cookie-text {
		line-height: 1.5;
	}
}



#page {
/*	position: relative;*/ 
	padding-top: 78px;
}


@media (max-width: 767px) {
	#page {
		padding-top: 50px;
	}
}

.section {
	background: #f3f3f3;
	margin-top: -75px;
	margin-bottom: 30px;
	padding: 75px 0 25px 0;
	box-shadow: 0 0 10px 4px rgba(92, 92, 92, 0.25);
    border-bottom: 1px solid rgb(200,200,200);
    z-index: 2;
    position: relative;
}

.content {
    z-index: 1;
    position: relative;
}


@media (max-width: 991px) {
	.section {
		padding: 50px 0 15px 0;
		margin-top: -50px;
	}
}

@media (min-width: 992px) {
	.content {
		margin: 0 15px;
	}
}

#footer {
    margin: 80px 0 50px 0;
    color: rgb(150,150,150);
    text-align: center;
    opacity: 0.75;
    font-size: 87%;
}

@media (min-width: 768px) {
	#footer {
		margin-top: 200px;
	}
}

@media (min-width: 1200px) {
	#footer {
		margin-top: 350px;
	}
}


#footer a {
    color: rgb(130,130,130);
}

.loader {
	display: none !important;
	transition: 0.3s all;
	opacity: 0.75;
}
.loader.loading {
	display: inline-block !important;
	transition: 0.3s all;
}

.pageLoader.mobile {
	float: left;
	margin-top: 20px !important;
  	margin-left: 15px !important; 
}

.project-detail-loader {
	/*display: block !important;	*/
}

.projectLoader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.65);
	display: none;
}

.ajaxPageRequest {
	cursor: pointer;
}

.project_detail_navigate {
	font-size: 35px;
/*	color: white;*/
	margin-left: 1px;
	line-height: 1;
	transition: 0.3s all;
}

.project_detail_navigate.previous_detail {
	position: absolute;
	left: -45px;
}

.project_detail_navigate:hover,
.project_detail_navigate:focus {
	color: rgb(175,175,175);
	transition: 0.3s all;
}

.project-edit .project_detail_navigate {
	margin-top: 14px;
}

.project-edit .project_detail_navigate.next_detail {
	margin-top: 15px;
	margin-bottom: 40px;
	display: block;
}

@media (max-width: 1600px) {
	.container {
		width: 100%;
	}
}

@media (min-width: 1600px) {
    .container {
        width: 1570px;
        /*padding-left: 25px;
		padding-right: 25px;*/

		//transition: 0.3s all;
    }
}

@media (max-width: 1800px) {
	.container {
		width: 100%;
	}
}
@media (min-width: 1800px) {
    .container {
        width: 1770px;
    }	
}
@media (max-width: 2000px) {
	.container {
		width: 100%;
	}
}
@media (min-width: 2000px) {
    .container {
        width: 1970px;
    }	
}

@media (max-width: 2200px) {
	.container {
		width: 100%;
	}
}
@media (min-width: 2200px) {
    .container {
        width: 2170px;
    }	
}

.headercenter {
	width: 1570px;
	//transition: 0.3s all;
}

.clear {
	clear: both;
}

.right {
	float: right;
}

h1 {
    font-size: 29px;
}

h2 {
    font-size: 29px;
}

h3 {
    font-size: 26px;
}

@media (max-width: 767px) {
	h1 {
    	font-size: 23px;
	}
	h2 {
		font-size: 23px;
	}
	h3 {
    	font-size: 20px;
	}
	h4 {
    	font-size: 18px;
	}
}

@media (max-width: 375px) {
	h1 {
    	font-size: 21px;
	}
	h2 {
		font-size: 21px;
	}
}


a, a:hover, a:focus {
	color: rgb(65,65,65);
	text-decoration: none;
}

.architekti-home {
	text-align: center;
	min-height: 150px;
	margin-top: -15px;
} 

@media (max-width: 767px) {
	.architekti-home {
		margin-top: 0;
	} 
}

.small {
	font-size: 90%;
}

.faded {
	opacity: 0.7;
}

.faded-more {
	opacity: 0.4;
}

.visible-xlg {
	display: none;
}
.hidden-xlg {
	display: inline-block;
}
li.hidden-xlg {
	display: list-item;
}

@media (min-width: 1200px) {
	.visible-xlg {
		display: inline-block;
	}
	.hidden-xlg,
	li.hidden-xlg {
		display: none;
	}
}

/* media image rendering (preserve image's aspect ratio) */
.media-container {
	/*margin: 0 auto;*/
}

@media (max-width: 991px) {
	.media-container/*,
	.project-slideshow*/ {
		margin-left: -15px;
		margin-right: -15px;
	}
}

.project-full-detail .project-main-photo,
.team-photo {
	margin-top: -31px;
	/*z-index: -1;*/
}

*[data-action="deleteMedia"] {
	z-index: 999999;

}

.media-container img {
	margin: auto;
}

.project-photo.video video {
	width: 100%;
}

/* not found */
.not-found {
	margin: 50px 0;
}

.projects .youtube-container iframe,
.project-full-detail .youtube-container iframe {
	width: 100%;
	height: 36em;
}

@media (max-width:1599px) {
	.projects .youtube-container iframe,
	.project-full-detail .youtube-container iframe {	
		height: 34em;
	}
}
@media (max-width:1499px) {
	.projects .youtube-container iframe,
	.project-full-detail .youtube-container iframe {	
		height: 32em;
	}
}
@media (max-width:1399px) {
	.projects .youtube-container iframe,
	.project-full-detail .youtube-container iframe {	
		height: 30em;
	}
}
@media (max-width:1299px) {
	.projects .youtube-container iframe,
	.project-full-detail .youtube-container iframe {	
		height: 28em;
	}
}
@media (max-width:1199px) {
	.projects .youtube-container iframe,
	.project-full-detail .youtube-container iframe {	
		height: 26em;
	}
}
@media (max-width:1099px) {
	.projects .youtube-container iframe,
	.project-full-detail .youtube-container iframe {	
		height: 25em;
	}
}
@media (max-width:992px) {
	.projects .youtube-container iframe,
	.project-full-detail .youtube-container iframe {	
		height: 23em;
	}
}
@media (max-width:910px) {
	.projects .youtube-container iframe,
	.project-full-detail .youtube-container iframe {	
		height: 19em;
	}
}
@media (max-width:850px) {
	.projects .youtube-container iframe,
	.project-full-detail .youtube-container iframe {	
		height: 18em;
	}
}
@media (max-width:768px) {
	.projects .youtube-container iframe,
	.project-full-detail .youtube-container iframe {	
		height: 22em;
	}
}
@media (max-width:600px) {
	.projects .youtube-container iframe,
	.project-full-detail .youtube-container iframe {	
		height: 18em;
	}
}
@media (max-width:500px) {
	.projects .youtube-container iframe,
	.project-full-detail .youtube-container iframe {	
		height: 16em;
	}
}
@media (max-width:400px) {
	.projects .youtube-container iframe,
	.project-full-detail .youtube-container iframe {	
		height: 13em;
	}
}

.ta-center {
	text-align: center;
}

.post-navigation .nav>li>a, .project-navigation .nav>li>a {
	transition: 0.4s all;
}
.post-navigation .nav>li>a.active, .project-navigation .nav>li>a.active {
	transition: 0.4s all;
}

.post-navigation-footer {
	width: 100%;
	position: absolute;
	bottom:0;
	height: 220px;
	background: #e7e7e7;
	box-shadow: 6px 0 30px 17px #e7e7e7;
}

@media(max-height: 700px) {
	.post-navigation-footer {
		display: none;
	}
}

.right-panel {
	position: relative;
}

.fb-icon,
.ig-icon {
	height: 23px;
	border-radius: 6px;
	margin: 10px 0px 13px 17px;
	opacity: 0.75;
}

.fb-icon:hover,
.ig-icon:hover {
	opacity: 1;
}

.mobile-menu .fb-icon {
	height: 28px;
}

.fb_iframe_widget {
	overflow: hidden;
}

.fb_iframe_widget iframe {
	margin-left: -15px;
}

.form-horizontal .control-label {
	color: #777;	
	font-size: 15px;
}

.scroll-navigation a {
	font-size: 13px;
	line-height: 22px;
}

.scroll-navigation .active {
	font-weight: bold;
	/*margin-left: -1px;*/
}

@media (max-width:890px) {
	.scroll-navigation a {
		font-size: 11.5px
	}	
}

.scroll-navigation.not-scrollable {
	margin-top: -6px;
}

.infinity_scroll_enabled_placeholder {
	cursor: default;
}

#container-width-slider {
	position: fixed;
	bottom: 32px;
	left: 50px;
	width: 150px;
	z-index: 100;
}

#SaveContainerWidthBtn {
	position: fixed;
	bottom: 18px;
	left: 225px;
	padding: 7px 10px 8px 11px;
	opacity: 0.9;
	display: none;
	z-index: 100;
}

@media (max-width:1350px) {
	#container-width-slider,
	#SaveContainerWidthBtn {
		display: none;
	}	
}

.ui-widget-content {
	height: 9px;
	background: rgba(255,255,255,0.5);
	transition: 0.2s all;
}

.ui-widget-content:hover {
	background: rgba(255,255,255,0.92);
	transition: 0.2s all;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {

  background: #ddd;
  font-weight: normal;
  color: #555555;
  transition: 0.2s all;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -18px;
  margin-left: -.6em;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 30px;
  height: 45px;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
  transition: 0.2s all;
}

.slideshow-sliders .ui-slider .ui-slider-handle {
	width: 26px;
    height: 38px;
}

.slideshow-sliders .ui-widget-content {
	height: 5px;	
    margin-top: 8px;
    margin-bottom: 22px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
/*	background: white !important;
*/	
}

.ui-widget-content:hover .ui-state-default,
.ui-state-focus {
	background: silver;
	transition: 0.2s all;
}

.slideshow-sliders .ui-widget-content {
	margin-top: 10px;
	margin-bottom: 27px;
}

.slideshow-sliders {
	clear: both;
	padding-top: 10px;
	color: #888;
}

.slideshow-sliders input[type=checkbox] {
	margin-left: -15px;
}

.slider-transform-value,
.slider-delay-value {
	text-align: right;
}

.sipka-hore:before {
  content: "\2191";
}

.sipka-dole:before {
  content: "\2193";
}

.sipka-doprava:before {
  content: "\2192";
  margin-left: -3px;
}

.sipka-dolava:before {
  content: "\2190";
}

.sipka-hore-doprava:before {
    content: "\2197";
}

.mobile-search {
	margin-top: -40px;
	height: 40px;
	visibility: hidden;
}

@media (min-width: 768px) {
	.mobile-search {
		margin-top: -55px;
		margin-bottom: 20px;
	}
}

.mobile-search input {
	background: transparent;
	margin-left: 5px;
	border: 0;
	width: 85%;
	font-size: 21px!important;
}

.mobile-search input:focus {
	outline: none;
}

#CloseMobileSearchBar {
	float: right;
	display: inline-block;
	cursor: pointer;
	padding: 12px 8px 0 0;
	margin: -9px;
}

.modal-dialog {
	margin-top: 105px;
	border-radius: 10px;
	overflow: hidden;
}

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

@media (max-width: 767px) {
	.modal-dialog {
		margin-top: 80px;
	}
}

.modal-header, .modal-footer {
	border: none;
}

.architekti-home .project-image .media-container img,
.project-full-detail .post-photo .media-container img,
.project-full-detail .project-photo .media-container img {
	min-height: 5px;
}

.architekti-home .project-image .media-container img:not([src]):not([srcset]),
.project-full-detail .post-photo .media-container img:not([src]):not([srcset]),
.project-full-detail .project-photo .media-container img:not([src]):not([srcset]) {
	Xbackground: #eee;
}

.project-full-detail .photo-option-delete-btn {
	margin: 11px 1px 11px 4px;
}

.project-full-detail .project-main-photo .photo-option-delete-btn {
	margin: 2px;
}

/*.architekti-home .project-main-photo .image-container {
  transform: scale(1.15)
}*/

.img-responsive.img-lazy[data-src]:not([src]) /* aspect ratio for not loaded image placeholder */ {
	height: 0;
	padding-top: 56.23%;
}

.img-responsive.img-lazy[src],
.img-responsive.img-lazy[srcset]  {
	padding-top:0!important; 
	height: auto!important;
}

.post-photo-thumbs {
	margin: 2px -3px 12px -3px;
	float: left;
}

@media (max-width: 767px) {
	.post-photo-thumbs {
		margin: 3px -12px;
	}
}

.project-full-detail .post-photo-thumbs {
	margin-top: -4px;
}

.project-full-detail .post .post-photo-thumbs {
	margin-top: 2px;
}

.post-photo-thumb {
	margin: 3px;
	float: left;
	overflow: hidden;
	opacity: 0.7;
	transition: 0.3s all;
}

.post-photo-thumb:hover,
.post-photo-thumb.active {
	opacity: 1;
}

.post-photo-thumb .small-photo-options {
	float: left;
    margin: 10px 12px;
    position: absolute;
    opacity: 0;
    width: inherit;
    padding-right: 20px;	
}

.post-photo-thumb:hover .small-photo-options {
	opacity: 1;
}

.post-photo-thumb .small-photo-options .btn-sm {
	padding: 2px 4px;
	float: left;
}

.post-photo-thumb .small-photo-options .btn-danger {
	margin-left: 5px;
	margin-right: 5px;
}

.post-photo-thumb .photo-option-error, 
.post-photo-thumb .photo-option-warning {	
	margin-top: 0;
}

/*
.small-photo-options .photo-option-warning {
	margin: 0;
    display: block;
    float: left;
    padding: 0 9px;
    font-weight: bold;
    clear: both;
}
*/

.post-photo-thumb .small-arrows {
	display: inline;
}
.post-photo-thumb .small-arrows .btn-arrow:first-child {
	margin-right: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.post-photo-thumb .small-arrows .btn-arrow:last-child {
	border-left: none;
	margin-left: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.post-photo-thumb .small-arrows .btn-arrow:only-child {
	border-radius: 3px;
}
.post-photo-thumb .small-arrows .btn-arrow {
	margin-bottom: 5px;
}

.project-slideshow {
	overflow: hidden;
	margin-top: -30px;
}

.project-full-detail .project-slideshow:first-child {
	margin-bottom: 6px;
}

.architekti-home .project-slideshow,
.post .project-slideshow  {
	margin-top: 0;
}


.project-slideshow .slideshow-frame {
	position: absolute;
	opacity: 1;
	transition: opacity 2s;
	padding: 0 15px 15px 0;
    overflow: hidden;
    max-height: inherit;
    max-width: inherit;
    /*width: 100%;*/
    height: 100%;
}

.projects .youtube-container iframe, .project-full-detail .youtube-container iframe {
	width: 100%!important;
	/*height: 100%!important;*/
}

.project-slideshow .media-container.youtube-container {
	height: 100%;
	width: 100%;
}

.post .project-slideshow .slideshow-frame {
	padding: 0;
}

@media (max-width: 991px) {
	.project-slideshow .slideshow-frame,
	.project-slideshow .slideshow-placeholder {
	    margin-left: -15px;
	    padding: 0;
	}
	
	.project-slideshow .image-container {
	    margin-left: 0;
	    margin-right: 0;
	}
	
	.architekti-home .project-slideshow .slideshow-frame,
	.post .project-slideshow .slideshow-frame,
	.architekti-home .project-slideshow .slideshow-placeholder,
	.project-full-detail .project-slideshow .slideshow-placeholder,
	.post .project-slideshow .slideshow-placeholder {
	    margin-right: -15px;
	}
	
}

/*
@media (max-width: 767px) {
	.project-slideshow .slideshow-frame {
		width: 100vw;
	}
}
*/
.architekti-home .project-slideshow .slideshow-frame {
    padding: 0;
}

.project-slideshow .slideshow-frame.fade-frame {
	opacity: 0;
}

.project-slideshow .slideshow-placeholder {
	position: relative;
}

.slideshow-frame .image-container img.img-responsive {
	background: #e7e7e7;
} 

.post-name-empty {
	color: #888;
}

.project-title .label {
	font-size: 13px;
}

input[type=file] {
	max-width: 100%;
}

.anchor {
    display: block;
    height: 70px;
    margin-top: -70px;
    visibility: hidden;
    position: absolute;
}
	
.clearall {
	clear: both;
	display: block;
    width: fit-content;
}

.photo-option-download-btn {

	position: absolute;
	right: 5px;
	bottom: 5px;
	
}

.post-photo-thumb  {
	position: relative;	
}

.post-photo-thumb .photo-option-download-btn .btn {
	padding: 3px 5px 2px 5px;
}

.post-photo-thumb .photo-option-download-btn {
	display: none;	
}

.post-photo-thumb:hover .photo-option-download-btn {
	display: block;	
}

[data-onclick] {
	cursor: pointer;
}

[data-not-onclick] {
	cursor: auto;
}

.right > #Search {
	margin-top: 8px;
}

@media (min-width: 768px) and (max-width: 991px) {
	.project-photo.col-sm-6 .media-container {
		margin-right: 3px;
	}

	.project-photo.col-sm-6 + .project-photo.col-sm-6 .media-container {
		margin-left: 3px;
		margin-right: -15px;
	}
}

label[for] {
	cursor: pointer;
}

#vpn-loader-container {
	text-align: center;
	width: 100%;
	padding: 10px;
}

.vpn-loader {
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s infinite linear;
}

.rotate {
    animation: spin 2s infinite linear;
    display: inline-block;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.device .fa,
.device .glyphicon {
	display: block; 
	font-size: 24px;
	font-weight: bold; 
	margin-bottom: 7px;
}

.device {
	cursor: pointer;
	text-align: center;
	font-size: 110%;
	opacity: 0.8;
	transition: 0.2s all;
	min-height: 113px;
    margin-bottom: 30px;
    padding: 18px 3px 12px 3px;
}

.device.loading,
.device.disabled
 {
	cursor: not-allowed;
	opacity: 0.5;
	Xpointer-events: none;
	transition: 0.2s all;
}

/*
.device.online {
	pointer-events: none;
}
*/
.device:not(.disabled):hover {
	opacity: 1;
	transition: 0.2s all;
}

.device .ip {
	font-size: 60%;
	opacity: 0.8;
}

.device.online i {
	color: green;	 
}

.device.offline i {
	color: red;
}

.device .only-loading {
	display: none;
}

.device.loading .only-loading {
	display: block;
}

.device.loading i {
	display: none;
}