@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,600,700,800&subset=latin-ext';

* {
	margin: 0;
	padding: 0
}

body {
	background-color: #fff;
	font-family: 'Open Sans', sans-serif;
}

html, body {
	min-height: 100%;
}

iframe {
	max-width: 100%;
	min-width: 100%;
}

.container:before,
.group:before,
.menu:before,
.container:after,
.group:after,
.menu:after {
	content: " ";
	display: table;
}

.container:after,
.group:after,
.menu:after {
	clear: both;
}

.container,
.group,
.menu {
	*zoom: 1;
}

.group li {position: relative;}
.group li li a {
    font-size: 12px;
}
.group li.active > a, .group li:hover > a {
	font-weight: bold;
}

.group li.active:after, .group li:hover:after {
	content: '';
	width: 10px;
	height: 10px;
	position: absolute;
	right: -15px;
	top: 5px;
	width: 0px;
	height: 0px;
	width: 0px;
	height: 0px;
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	border-right: 8px solid white;
}

ul { list-style: none; }

h1 , h2{ }

h5 { color: #000 ;}

a {	text-decoration: none;}

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

.float-left { float: left;}
.float-right { float: right;}


.grey-bg {
	background-color: #939598;
}

.light-grey {
	background-color: #bcbec0;
}

.white {
	color: #fff;
	word-wrap: break-word;
}

.full-side {
	position: fixed;
	padding-right: 0;
	height: 100%;
}

.full-side .container-fluid {
	padding-left: 0;
	overflow-y: auto;
	height: 100%;
	overflow-x: hidden;
}

.icon-bar{
	color: #fff;
}

.tooltip {
	position: relative;
	display: inline-block;
	border-bottom: 0;
	opacity:1;
	font-size: 1em;
	padding: 0;
}

/* hover showing text*/

.tooltiptext {
	 visibility: hidden;
	color: #fff;
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute;
	top: 0;
	z-index: 1;
	font-weight: 100;
	letter-spacing: 1px;
	background: rgba(0, 0, 0, 0.4);
}

.tooltiptext .table {
    height: 100%;
    width: 100%;
    display: table;
    margin: 0;
}
.tooltiptext .table .middle {
    display: table-cell;
    vertical-align: middle;
}
.tooltip h4 {
	font-size: 12px;
}
.tooltip p { font-size: 13px }

.tooltip:hover .tooltiptext {
	visibility: visible;
}

/* navigation */

.group {
	text-transform: uppercase;
	text-align: right;
}

.group a {
	color: #fff;
	letter-spacing: .2em;
	font-weight: 200;
	line-height: 28px;
	display: block;
	width: 55%;
}

.list-group {position: relative;left: 55%;text-align: left;}

.list-group-item {
	color: #fff;
	border: none;
	text-transform: uppercase;
	background: none;
	padding: 0;
}

.left-bar {
	margin: 0 auto;
	margin-top: 45px;
}

.glyphicon-th-large {
	padding: 20% 10%;
	font-size: 1.5em;
	color: #fff;
}

.second {
	margin-top: 70px;
}

.social {
	position: relative;
	/* left: 44px; */
	/* bottom: 44px; */
}

.fa {
	color: #fff;
	font-size: 1.5em;
	padding: 2%;
}

.left-bar button span {  background-color: #fff; }

body > main > .row { margin: 0; }




.navbar-toggle { float : none;  }


/* end of navigation */
/* homepage */

.right-content {
	margin: 0 auto;
}

.homepage img {
	margin: 0;
	padding: 0;
}

@media (max-width: 1200px) {
	.full-side .left-bar .group {width: 55%;}
}

@media (max-width: 960px) {
	.full-side .left-bar .group {width: 75%;}

	.list-group {
		left: 60%;
	}

	.homepage-main .right-content  {
		width: 100%;
		padding-left: 0;
		padding: 0;
	}

	.group li:after { display: none; }
}

@media (max-width: 640px){
	.full-side .left-bar .group { width: 55%;}

	.left-bar .group li:nth-child(4) {
		margin-top: 10%;
	}

	.full-side {
		width: 100%;
	}

	.homepage-grid {
		width: 100%;
	}

	.overlay { display: none; }
}

@media (min-width: 640px){
	.navbar-toggle {
		display: none;
	}
}

@media (min-width: 640px){
	.navbar-collapse.collapse {
		display: block!important;
		height: auto!important;
		padding-bottom: 0;
		overflow: visible!important;
		padding: 0;
	}
}

@media (max-width: 480px){
	.full-side {
		width:100%;
		height: auto;
		z-index: 999;
	}
	.homepage-grid {
		width: 100%;
	}
}

@media (min-width: 1920px){
	.homepage img {
		padding: 0;
	}
}

@media (max-width: 960px){
	.right-content {
		width: 100%;
	}
}

/* end of homepage*/

/* categorie-grid-art */

.art {
	color: #fff;
	font-size: 13px;
	word-wrap: break-word;
}

.art p {word-wrap: break-word;max-width: 100%;float: none !important;}
.art p.rtext {text-align: right;font-weight: 300;font-size: 12px;}
.art-cover img {
	width: 100%;
	height: 100%;
}

.art h2 {
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 3px;
	font-size: 1.9em;
	padding: 3% 0 0 4%;
}

.art span {
	text-transform: uppercase;
	font-weight: 600;
}

.art .list-group {
	padding-top: 100px;
	padding-bottom: 5%;
	letter-spacing: 2px;
	left: 0;
	position: inherit;
	font-size: 11px;
}

.art .list-group li {
	padding:2px 0;
	font-size: 13px;
}

.columns {
	color: #231f20;
	margin-right: -15px;
	margin-left: -15px;
}

.columns img {
	max-width: 100%
}

.columns a.box {display: block;position: relative;clear: both;float: left;}
.columns a.box div {display: none;}
.columns a.box:hover div {display:block;position: absolute;top: 0;width: 100%;height: 100%;background: rgba(136, 136, 136, 0.3);}
.columns a.box:hover div span {color: white;text-transform: uppercase;margin: 20px 20px 0;display: block;font-weight: bold;font-size: 16px;}
.columns a.box .slash-box {position: absolute;top: 5px;left: 15px;color: white;font-weight: bold;font-size: 42px;display: block;height: 38px;overflow: hidden;padding-right: 5px;opacity: 0.9;}
.columns a.box:hover .slash-box { display: none; opacity: 0; visibility: hidden; }
.columns a.box img {
	width: 100%;
	height:100%;
	float: left;
}

.columns:nth-child(1) .col-md-6 {
	padding:0;
}

.columns blockquote {
	color: #231f20;
	text-align: center;
	border: none;
	margin-top: 140px;
	margin-bottom: 106px;
	font-size: 22px;
	font-weight: 300;
	=: 150%
	font-style: inherit;
	font-style: italic;
}

.columns:nth-child(2){
	padding:0 20px;
}

.columns h3 {
	text-transform: capitalize;
	margin-top: 111Px;
}

.columns p {
	text-align: justify;
	font-size: 13px;
	line-height: 160%;
	color: #333;
}

@media (max-width: 960px){
	.art-grid>div {
		padding: 0;
	}
	.art .right-content {
		padding-left: 7%;
	}
}

@media (max-width: 640px){
	.art-grid {
		width: 100%;
		padding: 0;
	}

	.art .pull-right {float: none !important;font-size: 12px;}
	.art p { font-size: 12px }
	.art h1 { font-size: 16px; font-weight: bold }
	.art .list-group { padding-top: 60px }
	.right-content { padding-left: 0; padding: 5%;}

	.art .list-group li { font-size: 11px;  }
}


/* end of categorie-grid-art*/

/* people */

.persons {
	color: #fff;
}

.persons img {
	width: 100%;
	height: 100%;
}
.persons h1 {
	text-transform: uppercase;
	font-weight: 300;
	letter-spacing: 3px;
	padding: 0 30px;
}

.persons-content {
	background-color: #a5a7aa;
	margin: 0;
}

.persons-content p {
	padding: 5%;
	font-weight: 300;
	line-height: 160%;
	font-size: 13px;
	text-align: justify;
}

.persons-content span {
	font-weight: 900;
}

.co {
	color: #231f20;
	padding: 5%;
}

.co img {
	width: 100%;
	height: 100%;
}

.co .row {
	margin-bottom: 5%;
}

.info {
	text-align: center;
	position: relative;
	top: -150px;
	color: #fff;
	display: none;
}

.info h4 {
	text-transform: uppercase;
	margin-bottom: 15px;
}

@media (max-width: 960px){
	.people-main .right-content  {
		width: 100%;
		padding-left: 0;
		padding: 0;
	}

	.people-main .people {
		padding:0;
	}
	.people-main .people .container-fluid {
		padding:0;
	}

}

@media (max-width: 640px){
	.people  {
		width: 100%;
		padding: 0;
	}

}

/* end of people */

/* peoplegrid */

.people {
	color: #fff;
}

.people img {
	width: 100%;
	height: 100%;
}
.people h2 {
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 3px;
}

.people-content {
	background-color: #a5a7aa;
	margin: 0;
	padding: 5px;
	position: relative;
}

.people-content h2 {font-size: 22px;font-weight: bold;margin: 10px 0 15px;}

.people-content h4 {font-size: 14px;}

.people-content p {
	font-style: italic;
	font-weight: 300;
	font-size: 12px;
	text-align: justify;
	margin-bottom: 70px;
	padding-right: 20px;
}

.years {
	margin: 0 auto;
	margin-top: 50px;
}

.years p {
	display: inline-block;
	font-style: normal;
	line-height: 100%;
	padding: 0;
	margin: 0;
}

.years h5 {
	display: inline-block;
	margin-top: 0;
	color: #fff;
	width: 80px;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
}

.menu {
	position: absolute;
	right: 15px;
	bottom: 10px;
	font-size: 12px;
}

.menu a {
	color: #fff;
}

.people .menu li {
	text-align: right;
}

.yearAndInfo {
	color: #000;
}
.yearAndInfo h5{
	font-weight: bold;
}

.text {
	margin: -3% 12%;
	font-size: 10px;
	line-height: 180%;
}

.inner h5{
	padding: 0;
	margin-top: 37%;
}
@media (max-width: 960px){
	.people-grid-main .right-content  {
		width: 100%;
		padding-left: 0;
		padding: 0;
	}

	.people-grid-main .people-grid {
		padding:0;
	}
	.people-grid-main .people-grid .container-fluid {
		padding:0;
	}
	.people-content .menu {
	}
}

@media (max-width: 640px){
	.people  {
		width: 100%;
		padding: 0;
	}

	.people-grid-main .people-grid {
		width: 100%;
	}

	.people-grid-main .text-columns {
		padding: 10%;
	}


}

.text-columns h5 {font-size: 12px;font-weight: bold;margin-bottom: 0;margin-top: 20px;}

/* end of peoplegrid */

/*contact */

.contact-final {
	text-align: center;
	color: #333;
	font-size: 13px;
}
.contact-final a {
	color: #231f20;
}

.slash {
	color: #939598;
	font-size: 99px;
	font-weight: bold;
	font-style: italic;
	margin-top: 30px;
	display: block;
	height: 77px;
	margin-left: -12px;
	overflow: hidden;
}

.menu1 {
	margin-top: 16%;
}

.menu2 {
	margin-top: 3%;
}

@media (max-width: 960px){

}

@media (max-width: 640px){
	.contact-main .contact-grid{
		width: 100%;
	}
}
/* end of contact */

/* manifesto */

.manifesto {
	padding:10%;
}

.manifesto-text {
	color: #fff;
	margin-top: 6%;
}

.manifesto .slash {
	margin-top:0;
	color: #fff;
	margin-bottom: 50px;
	display: block;
}

.manifesto-authors {
	margin-top: 5%;
}

.manifesto a {
	color: #fff;
}

.manifesto p {
	margin-top: 3%;
	font-weight: 300;
	font-size: 13px;
}

@media (max-width: 960px){
	.manifesto-main .manifesto-grid {
		padding: 0;
	}
	.manifesto-main .manifesto-grid .container-fluid {
		padding: 0;
	}
}

@media (max-width: 640px){
	.manifesto-main .manifesto-grid {
		width: 100%;
	}
	.manifesto-main .manifesto-grid .container-fluid {
		padding: 0;
	}
	.manifesto-main .manifesto-grid .container-fluid .right-content {
		padding: 0;
	}
}
/* end of manifesto*/

/* press */
.press {

}

.press article {margin-top: 60px;}

.press > .press-inner {margin-bottom: 80px;}
.press-inner .row {
	float: right;
	width: 90%;
	clear: both;
}

.press-inner h3 {
	float: left;
	font-weight: 500;
}

.press-inner a {
	color: #231f20;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

.press-inner p, .press-inner p a {color: #555 !important;font-size: 12px;font-weight: 300;text-transform: none;}

.press-content .desc a { font-weight: normal;  }

@media (max-width: 960px){
	.press-content {
		padding: 0;
	}

	.press-content .container-fluid {
		padding: 0;
	}

	.right-content {
		width: 100%;
		padding-top: 0;
	}
}

@media (max-width: 960px){
	.press-inner a {
		width: 100%;
		margin-top: 2%;
	}

	.press-inner p {
	}
}

@media (max-width: 768px){
	.press article {
		margin-top: 5%;
		margin: 0 auto;
	}

}

@media (max-width: 480px){
	.press-content {
		width: 100%;
	}
}

/* end of press */

/* links */

.links-content {
	margin-top: 100px;
}

.links-content a { color: #444 !important; display: block }

.links-content p {
	margin: 0;
	font-size: 13px;
}

.links-content img {
	max-width: 100%;
	margin-bottom: 20px;
}

.links-content .nopading {
	padding: 0;
}
.names {
	padding-top: 55px;
}

@media (max-width: 960px){
	.links-grid .container-fluid {
		padding: 5%;
	}

	.links-grid {
		padding-right: 0;
		padding-left: 0;
	}
}

@media (max-width: 480px){
	.links-grid {
		width: 100%;
	}
}
/* end of links*/

/* final01*/

.final01-post-inner {
	margin: 0;
}

.final01-post h5 {color: #fff;font-weight: 200;font-size: 12px;font-weight: 500;margin-top: 15px;}
.final01-post span {display: block;color: white;font-size: 11px;font-weight: 300;line-height: 200%;}

.final01-post p {color: #fff;font-size: 12px;font-weight: 300;padding: 15px;margin: 0;}


@media (max-width: 960px){
	.final01-main .blog01-grid .container-fluid {
		padding-right: 0;
		padding-left: 0;
	}

	.final01-main .container-fluid {
		padding: 0;
	}

	.final01-main .right-content {
		padding: 0;
	}
	.final01-main .final01-grid {
		padding-right: 0;
		padding-left: 0;
	}

	.final01-main .final01-post p {
		padding-top: 6%;
	}
}

@media (max-width: 640px){
	.final01-main .final01-grid {
		width: 100%;
	}
	.final01-main .final01-post-inner {
		padding:4%;
	}
}
/* end of final 01*/


/* final 02*/

.final1-images img {
	margin-top:-2%;
}

.final02-content {
	color: #fff;
	padding: 3%;

}

.final02-content h1 {
	margin-bottom: 2%;
	margin-top: 0;
	font-size: 25px;
}

.final02-content h5 {
	color: #fff;
	font-weight: 300;
	font-size: 12px;
}

.final02-content h5.comment-h {margin-bottom: 40px;}

.final02-content p {font-size: 12px;line-height: 150%;font-weight: 300;}

.final02-content button {
	border: 1px solid #fff;
	border-radius: 0;
	margin: 10px 0;
}

.btn {padding: 4px 39px;font-size: 12px;font-weight: 300;}
.btn:hover {background: white; color: black;}

.line {
	height: 1.5px;
	margin: 2% 0;
	background: white;
}

ul li.comment, ul li.date { font-size: 12px; font-weight: 300 }
ul li.comment { font-weight: 600 }
ul li.date {margin-bottom: 15px;}


@media (max-width: 768px) {
	.glyphicon-th-large {
		padding: 20px 5px 0px;
		display: none;
	}

	.people-content p {padding-right: 0 !important;margin-bottom: 0 !important;}
	.years .row { margin-left: 0; }
	.menu {position: inherit;padding-top: 30px !important;clear: both;}
}
/* end final 02*/

.homepage-grid { width: 800px; margin: 0 auto; }
.homepage-grid .row {margin: 0;float: left;}

.homepage-grid .row a {position: relative;display: inline-block;float: left;}
.homepage-grid .row .tooltiptext { background: rgba(226,226,226,0.25) }
.homepage-grid .row a:hover .tooltiptext { visibility: visible; }
.homepage-grid .row img {float: left;max-width: 100%}
.homepage-grid .row h2 { font-weight: bold; font-size: 24px; text-transform: uppercase; }
.homepage-grid .row p { font-size: 20px;  }
.homepage-grid .row .w300 { width: 300px; }
.homepage-grid .row .w400 { width: 400px; }
.homepage-grid .row .w500 { width: 500px; }


@media (min-width: 1920px){
	.tooltiptext {
		font-size: 2em;
	}
}

@media (max-width: 1200px){
	.tooltiptext {
		font-size: 1em;
	}

	.homepage-grid { width: 600px; }
	.homepage-grid .row .w300 { width: 225px; }
	.homepage-grid .row .w500 { width: 375px; }
	.homepage-grid .row .w400 { width: 300px; }
}

@media (max-width: 960px){

	.final02-main .final02-grid{
		padding-right: 0;
		padding-left: 0;
	}
	.final02-main .final02-grid .container-fluid {
		padding-right: 0;
		padding-left: 0;
	}
	.final02-main .right-content {
		padding:0;
	}

	.columns.nocolumn { margin: 0; padding: 0; }

	.homepage-grid { width: 400px; }
	.homepage-grid .row .w300 { width: 150px; }
	.homepage-grid .row .w500 { width: 250px; }
	.homepage-grid .row .w400 { width: 200px; }
}

@media (max-width: 640px){
	.homepage-grid, .right-content {
		padding-top: 50px !important;
	}

	.final02-main .final02-grid {
		width: 100%;
	}
	.final02-main .right-content {
		padding:0;
	}

	.left-bar { margin-top: 0;  }
	.social {
    float: right;
    margin-top: -35px;
}
	.social li {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
}
	.list-group {left: 60%;}

	.homepage-main > .row > .col-xs-offset-4 { margin-left: 0 }
}

@media (max-width: 400px){
	.homepage-grid { width: 100%; }
	.homepage-grid .row .w300 { width: 100%; display: block }
	.homepage-grid .row .w500 { width: 100%; display: block }
	.homepage-grid .row .w400 { width: 100%; display: block }
}

.full-side .list-group { display: none }

/*GOGOL*/
.overlay {position: fixed;height: 100%;}

.final01-post:not(:first-child) { margin-top: 50px;  }
.final02-images img { width: 100%; }

.comment-form input, .comment-form textarea {background: #bcbec0;border: 1px solid white;display: block;margin: 10px 0;padding: 2px 4px;font-size: 12px;outline: none;}

.comment-form textarea {width: 100%;max-width: 100%;height: 59px;}
.comment-form label {display: block;line-height: 100%}
.comment-form span {display: block}
.comment-form span.error {color: red;font-size: 12px;display: block;line-height: 100%;position: relative;top: -5px;}

.anime {
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

.contact-main address { margin-top: 100px }
.contact-main address p { margin-bottom: 0;padding: 0; }
.actli a { font-weight: bold }
.people-content-text { font-size: 12px; margin-top: 30px; padding: 0 }
.exhtitle { margin-bottom: 10px }

.video-box {
	background: black;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}

.spinner {
  width: 40px;
  height: 40px;
  background-color: #999;
  border-radius: 100%;
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: -20px auto;
}

.slasha a {
	color: white;
	word-wrap: normal;
	display: inline-block;
}

.slasha a:not(:last-child):after {
	content: ',';
}



blockquote {
    visibility: collapse;
    height: 50px;
    margin: 0 !important;
}

.h1, h1 {
    font-size: 27px;
}


.fa.fa-vimeo-square {
    display: none;
}

.persons img[src^="https://new.formosaaa.cz/uploads/people_contents/image/thumbs/00000001.jpg"] {
    display: none;
}

.row.persons-content {
    display: none;
}








@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
  }
}