@import url("bootstrap.min.css");

body {
   background: #fff url(../images/kafira-bg.jpg);
   color: black;
   background-attachment: fixed;
   font-family: "Open Sans", sans-serif;
   background-position-x: center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   font-size: 20px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   font-family: "PT Sans", sans-serif;
   font-weight: 700;
}

p {
   margin-bottom: 14px;
}

a {
   color: #10b374;
   text-decoration: none;
}
a:hover,
a:focus {
   color: #1a918f;
}

.css-transition,
.switch-tile,
.article-tile img,
.logo-container,
.logo,
.logo img,
.content .gallery img,
.plans-date,
.partner-tile h3,
.licha.projekt-item .hover-overlay,
.suda.projekt-item .hover-overlay,
input,
textarea {
   -webkit-transition: all 400ms ease;
   -moz-transition: all 400ms ease;
   -ms-transition: all 400ms ease;
   -o-transition: all 400ms ease;
   transition: all 400ms ease;
}

img {
   max-width: 100%;
   height: auto;
}

.center {
   text-align: center;
}
.right {
   text-align: right;
}
.nopd {
   padding: 0;
}
.nomr {
   margin: 0;
}
.pdt30 {
   padding-top: 30px;
}
.pdb30 {
   padding-bottom: 30px;
}
.mrt50 {
   margin-top: 50px;
}
.mrb50 {
   margin-bottom: 50px;
}
.tucne a {
   font-weight: bold !important;
}

header {
   margin-bottom: 110px;
   padding-top: 100px;
}

#home-text {
   width: 100%;
   height: 240px;
   text-align: right;
   font-family: "PT Sans", sans-serif;
}
#home-text h1 {
   color: #6bf7f6;
   font-size: 2.6em;
   margin-bottom: 0px;
   padding-bottom: 0;
   text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}
#home-text span {
   text-transform: uppercase;
   font-weight: 700;
   color: white;
}
#home-text .roky {
   color: black;
   font-size: 2em;
   line-height: 0.9em;
}

#main-menu {
   background: black;
   height: 100px;
   position: absolute;
   width: 100%;
   top: 0;
   left: 0;
}
#main-menu .container {
   padding: 0;
}
#main-menu::after {
   content: "";
   background: rgba(255, 255, 255, 0.1);
   width: 100%;
   height: 10px;
   position: absolute;
   bottom: -10px;
   z-index: -1;
}

.logo-container {
   width: 180px;
   height: 100px;
   display: inline-block;
}
.logo {
   position: absolute;
   background: white;
   width: 180px;
   height: 180px;
   -webkit-border-radius: 0 0 4px 4px;
   border-radius: 0 0 4px 4px;
   -webkit-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);
   box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);
}
.logo img {
   padding: 28px 17px;
   width: 100%;
}

.navbar {
   display: inline-block;
   font-family: "PT Sans", sans-serif;
   font-weight: 700;
   margin: 0;
   border: none;
}
.navbar li {
}
.navbar li a {
   color: white;
   text-transform: uppercase;
   line-height: 100px;
   padding: 0px 12px;
}

.navbar li.current-menu-item > a, .navbar li.current-menu-ancestor > a {
   color: black;
   background: white;
   box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);
}
.navbar li.current-menu-item a::after {
   content: "";
   background: url(../images/selected-menu.png) no-repeat;
   width: 40px;
   height: 21px;
   position: absolute;
   bottom: -21px;
   margin: 0 auto;
   right: 0;
   left: 0;
}

.navbar li.current-menu-item a {
   color: black;
}

.dropdown-menu li a::after {
   display: none;
}

.dropdown-menu li.current-menu-item a {
   background: #e8e8e8;
   box-shadow: none;
}

.nav > li > a:hover,
.nav > li > a:focus {
   color: #fff;
   background: #8a8a8a;
}
.navbar li.current-menu-item a:focus::after,
.navbar li.current-menu-item a:hover::after {
   background: url(../images/selected-menu-8a.png) no-repeat;
}

.navbar li.current-page-parent,
.navbar li.current-menu-parent {
   background: #8a8a8a;
}

.navbar li.fb-ico a,
.navbar li.mail-ico a {
   padding-left: 8px;
   padding-right: 8px;
}

.dropdown-menu {
   position: absolute;
   top: 120%;
   left: 0;
   z-index: 1000;
   display: none;
   float: left;
   min-width: 160px;
   padding: 5px 0;
   margin: 2px 0 0;
   list-style: none;
   font-size: 14px;
   text-align: left;
   background-color: #fff;
   border: none;
   border-radius: 4px !important;
   -webkit-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.2);
   box-shadow: 0 0px 12px rgba(0, 0, 0, 0.2);
   -webkit-background-clip: padding-box;
   background-clip: padding-box;
}
.dropdown-menu::before {
   position: absolute;
   content: "";
   width: 40px;
   height: 21px;
   top: -21px;
   background: url(../images/dropdown-sipka.png) no-repeat;
   left: 30px;
}

.dropdown-menu > li > a {
   padding: 10px;
   color: black;
   line-height: 1em;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
   background-color: #8a8a8a;
   border-color: #337ab7;
}

/* FIXED */

#main-menu.fixed-top {
   position: fixed;
   top: 0;
   width: 100%;
   left: 0;
   z-index: 999;
}
#main-menu.fixed-top .logo {
   width: 140px;
   height: 140px;
}
#main-menu.fixed-top .logo img {
   padding: 20px 10px;
}
#main-menu.fixed-top .logo-container {
   width: 140px;
}

/* BARVY */
.blue-c {
   color: #1cddff;
}
.blue-b {
   background: #1cddff;
}
.green-c {
   color: #00d789;
}
.green-b {
   background: #00d789;
}
.kafira-c {
   color: #019191;
}

.black-bg {
   background: black;
}

/* ROHY */
.corner-top-left {
   -webkit-border-radius: 4px 0 0 0;
   border-radius: 4px 0 0 0;
}
.corner-top-right {
   -webkit-border-radius: 0 4px 0 0;
   border-radius: 0 4px 0 0;
}
.corner-bottom-left {
   -webkit-border-radius: 0 0 4px 0;
   border-radius: 0 0 4px 0;
}
.corner-bottom-right {
   -webkit-border-radius: 0 0 0 4px;
   border-radius: 0 0 0 4px;
}
.corner-all {
   -webkit-border-radius: 4px 4px 4px 4px;
   border-radius: 4px 4px 4px 4px;
}

#style-switcher {
}
#style-switcher .col-md-4 {
   padding: 5px;
}

#style-switcher .col-md-4 .switch-tile {
   background: white;
}

.switch-tile {
   text-align: center;
}
.switch-tile a {
   color: black;
   padding: 40px 0;
   display: block;
}
.switch-tile a:hover {
   text-decoration: none;
}

.switch-tile span {
   font-size: 1.8em;
   text-transform: uppercase;
   text-align: center;
   display: block;
   font-weight: 700;
   font-family: "PT Sans", sans-serif;
}
.switch-tile i {
   margin-bottom: 10px;
   font-size: 4em;
}

.modal-content {
   margin: 0 auto;
   background: none;
   box-shadow: none;
   border: none;
   width: 60%;
}

.modal-header {
   border: none;
   padding: 10px;
}
.modal-header .close {
   color: white;
   font-size: 2em;
   opacity: 1;
   margin-top: 8px;
}

.modal-title {
   font-family: "PT Sans", sans-serif;
   font-weight: 700;
   font-size: 2.2em;
   text-transform: uppercase;
   color: white;
}
.modal-footer {
   border: none;
}

.modal-body {
   background: none;
}

.modal-dialog {
   height: 100%;
   width: 100%;
   display: flex;
   align-items: center;
}

.modal-backdrop.in {
   opacity: 0.8;
   filter: alpha(opacity=80);
}

/* HOMEPAGE */
.articles .item {
   padding: 0px;
   margin: 0;
   background: white;
   position: relative;
   height: 384px;
   overflow: hidden;
}
.article-tile {
   height: 100%;
   position: relative;
}

.article-tile:hover img {
   transform: scale(1.1);
}
.article-tile a {
   width: 100%;
   height: 100%;
   padding: 30px;
   display: flex;
   flex-direction: column;
   justify-content: center;
}

.article-date {
   font-style: italic;
   font-size: 1.2em;
   margin-top: 20%;
   font-family: "PT Sans", sans-serif;
}

.tile-1 .article-date,
.tile-4 .article-date,
.tile-5 .article-date,
.tile-8 .article-date {
   color: #00d789;
   position: relative;
   z-index: 1;
   font-weight: 700;
}
.tile-2 .article-date,
.tile-3 .article-date,
.tile-6 .article-date,
.tile-7 .article-date {
   color: #1cddff;
   position: relative;
   z-index: 1;
   font-weight: 700;
}

.article-tile .article-date {
   margin-top: 0;
}

.article-tile h2 {
   font-family: "PT Sans", sans-serif;
   font-weight: 700;
   font-size: 1.7em;
   text-transform: uppercase;
   position: relative;
   z-index: 1;
   margin: 0;
   margin-top: 5px;
}
.article-tile h2 {
   color: black;
}

.article-tile img {
   position: absolute;
   z-index: 0;
   top: 0;
   left: 0;
   min-width: 100%;
   min-height: 100%;
   height: auto;
   max-width: 100%;
   transform: scale(1);
}

.article-tile .thumb::after {
   width: 100%;
   height: 100%;
   content: "";
   position: absolute;
   background: rgba(0, 0, 0, 0.5);
   top: 0;
   left: 0;
}

.tile-1 h2,
.tile-4 h2,
.tile-5 h2,
.tile-8 h2 {
   color: white;
   text-shadow: 3px 3px 0px rgba(0, 0, 0, 0.2);
}
.tile-2 .thumb,
.tile-3 .thumb,
.tile-6 .thumb,
.tile-7 .thumb {
   display: none;
}

.tile-detem {
   background: #f2f2f2 url(../images/kafira-detem.png);
}
.tile-detem a {
   display: block;
   width: 100%;
   height: 100%;
}

.article-tile a:hover {
   text-decoration: none;
}

/* DONATE HOME */

#donate-block {
   margin-top: 192px;
}

.donate-title {
   position: absolute;
   top: 98px;
   left: 15px;
   color: #00e98d;
   font-size: 2em;
   line-height: 1em;
   font-family: "PT Sans", sans-serif;
   text-transform: uppercase;
   font-weight: 700;
   text-shadow: 3px 3px 0px rgba(0, 0, 0, 0.1);
}

/* PLANY */

.plans-item,
.projekt-item {
   width: 100%;
   height: 96px;
   background: white;
   position: relative;
}
.plans-item a,
.projekt-item a {
   color: black;
   display: block;
}

.plans-title.larger a,
.projekt-title.larger a {
   font-size: 1.2em;
}

.plans-date {
   position: absolute;
   width: 96px;
   height: 96px;
   display: inline-block;
   float: left;
   text-align: center;
   font-size: 1.1em;
   line-height: 1.3em;
   padding: 18px;
}
.plans-date span {
   font-weight: 700;
   margin-top: 12px;
}
.licha .plans-date {
   background: #e5e5e5;
}
.suda .plans-date {
   background: #6cddf1;
}

.plans-title,
.projekt-title {
   height: 96px;
   display: table;
   padding-left: 20px;
   z-index: 9;
   position: relative;
   width: 100%;
}
.plans-title .centering,
.projekt-title .centering {
   display: table-cell;
   vertical-align: middle;
   padding-left: 10px;
   width: 100%;
}

.plans-title {
   padding-left: 100px;
   padding-right: 12px;
}

.licha.plans-item,
.licha.projekt-item {
   background: #fff;
}
.suda.plans-item,
.suda.projekt-item {
   background: #f2fcfe;
}

.plans-item.odd {
   background: #f2fcfe;
}

#plany .plans-date {
   background: #e5e5e5;
}
#plany .odd .plans-date {
   background: #6cddf1;
}

.plan-heading {
   background: #0dd889;
   text-transform: uppercase;
   font-family: "PT Sans", sans-serif;
   font-weight: 700;
   font-size: 1.8em;
   line-height: 96px;
}
.plan-heading a {
   color: white;
   padding-left: 30px;
}
.plan-heading .sipka {
   width: 96px;
   height: 96px;
   text-align: center;
   float: right;
   background: #0bbe7a;
}

.licha.projekt-item .hover-overlay {
   background: #e5e5e5;
   position: absolute;
   width: 10px;
   height: 100%;
   left: 0;
   top: 0;
   z-index: 0;
}
.suda.projekt-item .hover-overlay {
   background: #6cddf1;
   position: absolute;
   width: 10px;
   height: 100%;
   left: 0;
   top: 0;
}

#filtrovani-akci .filtr {
   display: inline-block;
   text-align: center;
   margin-bottom: 5px;
}
#filtrovani-akci .filtr a {
   cursor: pointer;
   background: white;
   display: block;
   font-family: "PT Sans", sans-serif;
   font-weight: 700;
   font-size: 1.3em;
   border: none;
   padding: 10px 15px;
   color: black;
   text-transform: uppercase;
}
#filtrovani-akci .filtr a.current {
   background: black;
   color: white;
}

.single-date {
   position: absolute;
   right: 0px;
   top: 0;
   background: #6cddf1;
   width: 96px;
   height: 96px;
}

.side-date {
   height: 80px;
   background: #00c4f3;
   color: white;
   font-size: 1.5em;
   display: inline-block;
   line-height: 80px;
   padding: 0 20px;
   font-family: "PT Sans", sans-serif;
   font-weight: 700;
}

/* PAGES */

.page {
   padding: 0;
}

.page h1.main-title {
   margin-bottom: 40px;
   margin-top: 20px;
}

.page h2,
.page h3,
.page h4 {
   font-family: "PT Sans", sans-serif;
   font-weight: 700;
}

.content {
   background: white;
   padding: 30px;
   overflow: hidden;
}

.main-title {
   font-family: "PT Sans", sans-serif;
   font-weight: 700;
   font-size: 2.2em;
   text-transform: uppercase;
}
.subtitle {
   font-size: 1.25em;
}

.featured-image {
   margin-top: 96px;
}

.head-title {
   font-size: 4em;
   text-align: right;
   font-family: "PT Sans", sans-serif;
   font-weight: 700;
   color: white;
   text-shadow: 4px 4px 0px rgba(0, 0, 0, 0.2);
   text-transform: uppercase;
   padding: 0;
   margin: 0 0 40px 0;
}

.headfix {
   padding-top: 120px;
}

.page-child {
   background: white;
   padding: 30px;
   margin: 5px 0 0px 0;
}

/* TABS */
.nav-tabs {
   border: none;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
   border: none;
   color: black;
}

.nav-tabs li {
   background: black;
   color: white;
   margin: 0;
   margin-right: 5px;
}
.nav-tabs li a {
   color: white;
   text-transform: uppercase;
   font-family: "PT Sans", sans-serif;
   font-weight: 700;
   font-size: 1.3em;
   border: none;
   background: black;
}

.nab-tabs li.active {
   color: black;
}
.nab-tabs li.active a {
   color: black;
}

.nav-tabs > li > a {
   border-radius: 0;
   margin-right: 0;
}

.tab-pane {
   background: white;
   padding: 30px;
}

.stredisko-title {
   font-weight: 700;
   font-family: "PT Sans", sans-serif;
}
.stredisko-title span {
   color: #019191;
}
.stredisko-title .sidlo {
   font-weight: 300;
   font-size: 0.7em;
   color: black;
}

h2.stredisko-title {
   margin-bottom: 30px;
}

.textarea-ico {
   display: block;
}
.textarea-ico i {
   padding-bottom: 30px;
}
.textarea-ico p {
   display: inline-block;
}

.trace {
   margin-top: 20px;
}

/* DONATE */

section#donate {
   background: #fff url(../images/circle-shadow.png) no-repeat center;
   padding-top: 40px;
   margin-top: 200px;
   position: relative;
}
section#donate::before {
   position: absolute;
   content: "";
   width: 100%;
   height: 10px;
   background: rgba(255, 255, 255, 0.4);
   top: -10px;
}

#donate-slider {
   width: 100%;
   min-height: 300px;
   background: white;
}

.carousel-indicators {
   position: relative;
   width: 100%;
   left: auto;
   right: auto;
   padding: 0;
   margin: 0;
}

.carousel-indicators li {
   border: 2px solid black;
   border-color: #1a918f;
}
.carousel-indicators li.active {
   background: #1a918f;
}

.carousel-controler {
   position: absolute;
   top: 35%;
   left: 0;
   bottom: 0;
   width: 70px;
   height: 70px;
   opacity: 1;
   filter: alpha(opacity=100);
   font-size: 40px;
   padding: 7px;
   color: #fff;
   text-align: center;
   background: #10b374;
}

.carousel-controler.left {
   left: 0;
   right: auto;
   -webkit-border-radius: 0 4px 4px 0;
   border-radius: 0 4px 4px 0;
}
.carousel-controler.right {
   right: 0;
   left: auto;
   -webkit-border-radius: 4px 0 0 4px;
   border-radius: 4px 0 0 4px;
}
a.carousel-controler:hover {
   color: white;
   opacity: 0.8;
}
a.carousel-controler:focus {
   color: white;
}

/* FOTOALBUM */

.album-item {
   margin-bottom: 5px;
   padding: 0;
   padding-right: 5px;
}
.album-thumb {
   position: relative;
}
.album-thumb img {
   width: 100%;
   height: auto;
}
.album-title {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: auto;
   background: rgba(0, 0, 0, 0.5);
   color: white;
   padding: 20px;
   font-family: "PT Sans", sans-serif;
   font-weight: 700;
   font-size: 1.1em;
   text-transform: uppercase;
}

.content .gallery img {
   transform: scale(1);
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   position: relative;
}
.content .gallery img:hover {
   transform: scale(1.2);
   -webkit-transform: scale(1.2);
   -ms-transform: scale(1.2);
   z-index: 99;
}

/* PARTNERI */

.partner-tile {
   position: relative;
   height: 280px;
   text-align: center;
}
.partner-tile h3 {
   text-align: center;
   color: white;
   margin: 0;
   padding: 0;
   background: rgb(16, 179, 116);
   padding: 10px;
   font-size: 1em;
   border-radius: 5px;
   position: absolute;
   width: 100%;
   z-index: 99;
   bottom: -15px;
   word-break: break-word;
}

.partner-tile a:hover h3 {
   background: black;
}

.partner-tile img {
   max-width: 100%;
   height: auto;
}

/* PROJEKTY */

.podporili {
   text-transform: uppercase;
   font-family: "PT Sans", sans-serif;
   font-weight: 700;
   padding: 15px;
   background: #0dd889;
   color: white;
   margin-left: 5px;
   margin: 0;
   margin-left: 5px;
   margin-bottom: 5px;
   font-size: 1.5em;
}

.podporili.black-bg {
   background: black;
}
.podporili:hover {
   background: black;
}
.podporili a {
   color: white;
}
.podporili a:hover {
   text-decoration: none;
}

.sponzor-projektu {
   margin-bottom: 5px;
   margin-left: 5px;
   text-align: center;
   background: white;
}
.sponzor-projektu img {
   width: 90%;
   height: auto;
}

#projekty-roky {
   list-style-type: none;
   padding: 0;
   margin: 0;
   margin-left: 5px;
}

#projekty-roky li {
   display: block;
   text-transform: uppercase;
   font-family: "PT Sans", sans-serif;
   font-weight: 700;
   background: #0dd889;
   color: white;
   margin: 0;
   margin-bottom: 5px;
   font-size: 1.2em;
   text-align: center;
}

#projekty-roky li.active {
   background: black;
   padding: 15px;
}
#projekty-roky li:hover {
   background: black;
}

#projekty-roky li a {
   color: white;
   display: block;
   padding: 15px;
}
#projekty-roky li a:hover {
   color: white;
   text-decoration: none;
}

/* FACEBOOK */

.facebook-tile {
   width: 192px;
   height: 192px;
   background: #244a6f url(../images/face.png) no-repeat;
   background-size: cover;
   display: inline-block;
   position: relative;
}
.facebook-tile a {
   display: block;
   width: 100%;
   height: 100%;
}
/* NAVIGACE */
#nav-below {
   display: block;
   text-align: center;
   margin-top: 60px;
}
.nav-previous,
.nav-next {
   display: inline-block;
}

.nav-previous a span,
.nav-next a span {
   color: white;
   text-transform: uppercase;
   font-family: "PT Sans", sans-serif;
   font-size: 1em;
   font-weight: 700;
   border: 4px solid white;
   padding: 10px;
   margin: 5px;
}

/* PRACOVNIK */
.pracovnik {
   width: 100%;
   background: white;
   margin-bottom: 5px;
}
.pracovnik .boss {
   color: #10b374;
   font-weight: 800;
}
.pracovnik h2 {
   font-family: "PT Sans", sans-serif;
   font-size: 1.3em;
   font-weight: 700;
   margin-bottom: 0;
   margin-top: 5px;
}
.pracovnik h2 span {
   font-weight: 300;
   font-size: 0.85em;
   font-family: "Open Sans", sans-serif;
}

/*.staff-photo{padding: 5px;}*/
.pd-pracovnik {
   padding: 30px 30px 30px 0;
}

/* FOOTER */

footer {
   width: 100%;
   min-height: 464px;
   background: #171717 url(../images/pata.jpg) no-repeat;
   background-position: center;
   padding-top: 80px;
   color: white;
}

footer a {
   color: #0cd789;
}
.pageinfo p {
   margin: 0 10%;
   color: white;
   font-size: 1em;
   font-weight: 300;
   text-align: center;
}
.f-info div {
   display: block;
}
.f-info div span {
   color: #0cd789;
   font-weight: 700;
   font-size: 0.8em;
}
.f-info i {
   color: #0cd789;
}

.f-credits {
   margin-top: 50px;
}

.landscape img {
}

.alignleft,
img.alignleft {
   display: inline;
   float: left;
   margin-right: 24px;
   margin-top: 4px;
}

.alignright,
img.alignright {
   display: inline;
   float: right;
   margin-left: 24px;
   margin-top: 4px;
}

.aligncenter,
img.aligncenter {
   clear: both;
   display: block;
   margin-left: auto;
   margin-right: auto;
}

img.alignleft,
img.alignright,
img.aligncenter {
   margin-bottom: 12px;
}

.wp-caption {
   background: #f1f1f1;
   line-height: 18px;
   margin-bottom: 20px;
   max-width: 632px !important; /* prevent too-wide images from breaking layout */
   padding: 4px;
   text-align: center;
}

.wp-caption img {
   margin: 5px 5px 0;
}

.wp-caption p.wp-caption-text {
   color: #888;
   font-size: 12px;
   margin: 5px;
}

.wp-smiley {
   margin: 0;
}

#content .attachment img {
   /* single attachment images should be centered */
   display: block;
   margin: 0 auto;
}

/* WP END */

/* Kontakt */

.wpcf7-submit {
   background: #0eca82;
   color: white;
   border-radius: 0;
   text-shadow: none;
   border: 3px solid #10b374;
   font-family: PT Sans;
   text-transform: uppercase;
   font-size: 1.2em;
   font-weight: 700;
   padding: 12px 45px;
   border-radius: 4px;
}

.wpcf7-submit:hover,
.wpcf7-submit:focus {
   color: white;
   background: #10b374;
}

div.wpcf7 {
   margin: 0;
   padding: 0;
}

.cf-button {
   margin-top: 20px;
   width: 100%;
   float: left;
}

.cf-field {
   float: left;
   font-size: 16px;
   font-weight: 300;
   width: 100%;
   line-height: 34px;
   color: #686868;
}

.cf-msg {
   font-size: 16px;
   font-weight: 300;
   line-height: 34px;
}

span.wpcf7-form-control-wrap {
   position: relative;
}

.wpcf7-text {
   border: 3px solid #b9b9b9;
   height: 64px;
   width: 100%;
   padding: 0 15px;
   background: #fdfdfd;
   font-size: 1.3em;
   font-weight: 400;
}

.wpcf7-textarea {
   border: 3px solid #b9b9b9;
   width: 100%;
   padding: 15px;
   background: #fdfdfd;
   font-size: 1.2em;
   font-weight: 400;
   height: 336px;
}

.wpcf7-validation-errors {
   border: none !important;
   color: red;
   margin: 0 !important;
   padding: 0 !important;
   font-weight: 300;
}

.wpcf7-mail-sent-ok {
   border: none !important;
   color: #148ee4;
   margin: 20px 0 0 0 !important;
   padding: 0 !important;
   font-weight: 400;
}

input:focus,
input:active,
select:focus,
select:active,
textarea:focus,
textarea:active {
   moz-box-shadow: rgb(14, 202, 130) 0 0 13px;
   -webkit-box-shadow: rgb(14, 202, 130) 0 0 13px;
   box-shadow: rgb(14, 202, 130) 0 0 13px;
   z-index: 1;
   border-color: #10b374;
   outline: #10b374;
   z-index: 1;
}

.google-maps {
   position: relative;
   padding-bottom: 75%;
   height: 0;
   overflow: hidden;
}

.google-maps iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100% !important;
   height: 100% !important;
}

.ngg-album-link img:hover {
   background: #2c2c2c;
   border: 1px solid black;
}

.separator {
   background: #ccc;
   height: 1px;
   width: 100%;
   float: left;
   clear: both;
}

.paginate {
   clear: both;
   margin-top: 24px;
   height: 40px;
   float: left;
}

.ngg-gallery-thumbnail img {
   width: 180px;
   height: 180px;
}

.paginate a {
   background: #f0f0f0;
   padding: 3px 8px;
   margin: 1px;
   color: #2c2c2c;
   border-right: 1px solid #e4e4e4;
}

.logo-container {
   float: left;
}
.navbar {
   max-width: 950px;
   float: left;
}

/* media fixy*/

@media only screen and (max-width: 767px) {
   .navbar-collapse {
      max-height: none;
   }
   body {
      font-size: 18px;
      position: relative;
   }
   .logo-container {
      width: 140px;
   }
   .logo {
      width: 140px;
      height: 140px;
      z-index: 999;
      position: relative;
   }
   .logo img {
      width: 100%;
      padding: 20px 10px;
   }
   .navbar li a {
      font-size: 18px;
      line-height: 44px;
      margin: 0;
      borer-top: 1px solid black;
      border-bottom: 1px solid #2b2b2b;
   }

   .navbar {
      display: inline-block;
      font-family: "PT Sans", sans-serif;
      font-weight: 700;
      margin: 0;
      border: none;
      position: fixed;
      right: 0;
      width: 100%;
      z-index: 998;
   }

   #main-menu {
      height: 70px;
      background: #000 url(../images/menu.png) no-repeat;
      background-position: right center;
   }
   #main-menu.fixed-top {
      position: absolute;
      top: 0;
      width: 100%;
      left: 0;
      z-index: 999;
   }
   .navbar-toggle {
      position: fixed;
      z-index: 9999;
      top: 10px;
      right: 10px;
      background: black;
      padding: 10px 6px;
      margin: 0;
   }
   .navbar-toggle .icon-bar {
      background: white;
      width: 40px;
      height: 4px;
   }
   .navbar-toggle .icon-bar + .icon-bar {
      margin-top: 8px;
   }

   .navbar-collapse {
      z-index: 998;
      position: relative;
      background: rgba(0, 0, 0, 0.9);
   }

   .dropdown-menu > li > a {
      color: white;
   }
   .navbar-collapse .navbar-nav {
      width: 100%;
      margin-right: auto;
      margin-left: auto;
   }

   .navbar li.current-menu-item a::after,
   .dropdown-menu::before {
      display: none;
   }
   .navbar-nav .open .dropdown-menu > li > a {
      line-height: 30px;
   }

   /*-- */

   .tile-1 .article-date,
   .tile-3 .article-date,
   .tile-5 .article-date,
   .tile-7 .article-date {
      color: #00d789;
      position: relative;
      z-index: 1;
   }
   .tile-2 .article-date,
   .tile-4 .article-date,
   .tile-6 .article-date,
   .tile-8 .article-date {
      color: #1cddff;
      position: relative;
      z-index: 1;
   }

   .tile-1 h2,
   .tile-3 h2,
   .tile-5 h2,
   .tile-7 h2 {
      color: white;
   }
   .tile-2 h2,
   .tile-4 h2,
   .tile-6 h2,
   .tile-8 h2 {
      color: black;
   }

   .tile-1 .thumb,
   .tile-3 .thumb,
   .tile-5 .thumb,
   .tile-7 .thumb {
      display: block;
   }
   .tile-2 .thumb,
   .tile-4 .thumb,
   .tile-6 .thumb,
   .tile-8 .thumb {
      display: none;
   }
   .tile-detem {
      background-repeat: no-repeat;
      background-position: center;
   }

   /*--*/

   footer {
      background-size: cover;
   }
   .white-logo {
      text-align: center;
      margin: 30px 0;
   }
   .f-info {
      text-align: center;
      margin-bottom: 30px;
   }
   .f-credits,
   .f-credits .right {
      text-align: center;
   }
   .f-credits .stamo {
      margin: 30px 0;
   }

   #panel-pristupnosti {
      position: absolute !important;
      bottom: 0;
      top: auto !important;
      width: 100% !important;
      height: 70px;
      padding-left: 70px;
      z-index: 997;
   }

   #panel-pristupnosti .panel-ico {
      display: inline-block;
   }

   #panel-pristupnosti .fa-blind {
      position: absolute;
      left: 0;
   }

   .text-rotate--90 {
      position: relative;
      display: inline-block;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
      position: relative;
      top: auto;
      right: auto;
   }
   #panel-pristupnosti .panel-text {
      height: 70px;
      display: inline;
      margin-left: 20px;
   }
   #panel-pristupnosti i {
      padding: 17px;
   }
   .fb {
      margin: 60px 0 0 0;
      text-align: center;
   }

   .donate-title {
      position: absolute;
      top: -108px;
      left: 20px;
      color: #ffffff;
      font-size: 3em;
      text-align: center;
   }
   .donate-title br {
      display: none;
   }

   #totop {
      width: 44px;
      height: 44px;
   }
   #totop i {
      font-size: 30px;
      padding: 7px;
   }
} /* END XS */

@media only screen and (max-width: 499px) {
   body {
      font-size: 16px;
   }
   #panel-pristupnosti {
      display: none;
   }

   .navbar-nav {
      background: rgba(0, 0, 0, 0.7);
   }
   .navbar {
      display: inline-block;
      font-family: "PT Sans", sans-serif;
      font-weight: 700;
      margin: 0;
      border: none;
      position: fixed;
      right: 0;
      width: 100%;
      z-index: 998;
   }

   .navbar li a {
      line-height: 50px;
   }

   header {
      margin-bottom: 20px;
   }
   #home-text h1 {
      font-size: 2em;
   }
   #home-text {
      height: 188px;
   }

   .logo,
   #main-menu.fixed-top .logo {
      width: 80px;
      height: 80px;
   }
   .logo img,
   #main-menu.fixed-top .logo img {
      padding: 9px 5px 10px 6px;
   }
   #main-menu {
      height: 70px;
   }

   .head-title {
      font-size: 2.5em;
      margin-right: 10px;
   }
   .nav-tabs li {
      margin-bottom: 5px;
   }
   .carousel-controler {
      display: none;
   }
}

@media only screen and (min-width: 500px) and (max-width: 600px) {
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
   .navbar-collapse {
      max-height: none;
   }
   body {
      font-size: 18px;
      position: relative;
   }
   .logo-container {
      width: 140px;
   }
   .logo {
      width: 140px;
      height: 140px;
      z-index: 999;
      position: relative;
   }
   .logo img {
      width: 100%;
      padding: 20px 10px;
   }
   .navbar li a {
      font-size: 16px;
      padding: 10px 12px;
      line-height: inherit;
   }

   .navbar {
      display: inline-block;
      font-family: "PT Sans", sans-serif;
      font-weight: 700;
      margin: 0;
      border: none;
      position: fixed;
      right: 0;
      width: 100%;
      z-index: 998;
   }

   #main-menu {
      height: 70px;
      background: #000 url(../images/menu.png) no-repeat;
      background-position: right center;
   }
   #main-menu.fixed-top {
      position: absolute;
      top: 0;
      width: 100%;
      left: 0;
      z-index: 999;
   }
   .navbar-toggle {
      position: fixed;
      z-index: 9999;
      top: 10px;
      right: 10px;
      background: black;
      padding: 10px 6px;
      margin: 0;
   }
   .navbar-toggle .icon-bar {
      background: white;
      width: 40px;
      height: 4px;
   }
   .navbar-toggle .icon-bar + .icon-bar {
      margin-top: 8px;
   }

   .navbar-collapse {
      z-index: 998;
      position: relative;
      background: rgba(0, 0, 0, 0.9);
   }

   .dropdown-menu > li > a {
      color: white;
   }
   .navbar-collapse .navbar-nav {
      width: 740px;
      margin-right: auto;
      margin-left: auto;
   }

   .navbar li.current-menu-item a::after,
   .dropdown-menu::before {
      display: none;
   }
   .navbar-nav .open .dropdown-menu > li > a {
      line-height: 30px;
   }

   /*-- */

   .tile-1 .article-date,
   .tile-3 .article-date,
   .tile-5 .article-date,
   .tile-7 .article-date {
      color: #00d789;
      position: relative;
      z-index: 1;
   }
   .tile-2 .article-date,
   .tile-4 .article-date,
   .tile-6 .article-date,
   .tile-8 .article-date {
      color: #1cddff;
      position: relative;
      z-index: 1;
   }

   .tile-1 h2,
   .tile-3 h2,
   .tile-5 h2,
   .tile-7 h2 {
      color: white;
   }
   .tile-2 h2,
   .tile-4 h2,
   .tile-6 h2,
   .tile-8 h2 {
      color: black;
   }

   .tile-1 .thumb,
   .tile-3 .thumb,
   .tile-5 .thumb,
   .tile-7 .thumb {
      display: block;
   }
   .tile-2 .thumb,
   .tile-4 .thumb,
   .tile-6 .thumb,
   .tile-8 .thumb {
      display: none;
   }
   .tile-detem {
      background-repeat: no-repeat;
      background-position: center;
   }

   /*--*/

   footer {
      background-size: cover;
   }
   .white-logo {
      text-align: center;
      margin: 30px 0;
   }
   .f-info {
      text-align: center;
      margin-bottom: 30px;
   }
   .f-credits,
   .f-credits .right {
      text-align: center;
   }
   .f-credits .stamo {
      margin: 30px 0;
   }

   #panel-pristupnosti {
      position: absolute !important;
      bottom: 0;
      top: auto !important;
      width: 100% !important;
      height: 70px;
      padding-left: 70px;
      z-index: 997;
   }

   #panel-pristupnosti .panel-ico {
      display: inline-block;
   }

   #panel-pristupnosti .fa-blind {
      position: absolute;
      left: 0;
   }

   .text-rotate--90 {
      position: relative;
      display: inline-block;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
      position: relative;
      top: auto;
      right: auto;
   }
   #panel-pristupnosti .panel-text {
      height: 70px;
      display: inline;
      margin-left: 20px;
   }
   #panel-pristupnosti i {
      padding: 17px;
   }
   .fb {
      margin: 60px 0 0 0;
      text-align: center;
   }

   .donate-title {
      position: absolute;
      top: -68px;
      left: 0px;
      color: #ffffff;
      font-size: 3em;
   }
   .donate-title br {
      display: none;
   }

   #totop {
      width: 44px;
      height: 44px;
   }
   #totop i {
      font-size: 30px;
      padding: 7px;
   }
} /* END SM */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
   body {
      font-size: 18px;
   }
   .logo-container {
      width: 155px;
   }
   .logo {
      width: 155px;
      height: 155px;
   }
   .logo img {
      width: 100%;
      padding: 22px 12px;
   }
   .fixed-top .logo-container {
      width: 130px;
   }
   .fixed-top .logo {
      width: 130px;
      height: 130px;
   }
   .fixed-top .logo img {
      width: 100%;
      padding: 22px 12px;
   }
   .navbar {
      max-width: 810px;
   }
   .navbar li a {
      padding: 0 10px;
   }
   .dropdown-menu > li > a {
      padding: 10px;
      color: black;
      line-height: 1em;
   }

   .articles .item {
      height: 320px;
   }

   #donate-block {
      height: 320px;
      margin-top: 160px;
      background-size: cover;
   }
   .donate-title {
      font-size: 2em;
      top: 74px;
   }
   .plans-item,
   .projekt-item {
      height: 80px;
   }
   .plans-date {
      height: 80px;
      width: 80px;
   }
   .plans-title,
   .projekt-title {
      height: 80px;
   }
   .plans-title {
      padding-left: 90px;
   }
   .plan-heading {
      line-height: 80px;
      font-size: 1.6em;
   }
   .plan-heading .sipka {
      width: 80px;
      height: 80px;
   }

   .tile-detem {
      background-size: cover;
   }

   .nav-previous a span,
   .nav-next a span {
      font-size: 1em;
   }
   .facebook-tile {
      height: 160px;
      width: 160px;
   }
   #home-text {
      height: 180px;
   }

   .modal-title {
      font-size: 2em;
   }
}

.mejs-time-rail {
   width: 70% !important;
}
.mejs-time-total {
   width: 65% !important;
}