body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.5em;
  color: #333333;
  background: #8a5a00;
  background-image: url('https://d1.webseller-app.com/100075/www/www.duk-pc.com/background.jpg');
}

/* Change styles */

/* =============================================== main.css =============================================== */
html,
button,
input,
select,
textarea {
    color: #87888a;
}
::-moz-selection {
    background: #b3d4fc;
}
::selection {
    background: #b3d4fc;
}
hr {
    border-top: 1px solid #ccc;
}
legend {
  display:none;
}

/* =============================================== social.css =============================================== */
#social-bar .dribbble a {
  background-image: url('../images/dribbble.png');
}
#social-bar .facebook a {
  background-image: url('../images/facebook.png');
}
#social-bar .flickr a {
  background-image: url('../images/flickr.png');
}
#social-bar .github a {
  background-image: url('../images/github.png');
}
#social-bar .googleplus a {
  background-image: url('../images/googleplus.png');
}
#social-bar .lastfm a {
  background-image: url('../images/lastfm.png');
}
#social-bar .linkedin a {
  background-image: url('../images/linkedin.png');
}
#social-bar .rss a {
  background-image: url('../images/rss.png');
}
#social-bar .twitter a {
  background-image: url('../images/twitter_soc.png');
}
#social-bar .tumblr a {
  background-image: url('../images/tumblr.png');
}
#social-bar .vimeo a {
  background-image: url('../images/vimeo.png');
}
#social-bar .youtube a {
  background-image: url('../images/youtube.png');
}


/* =============================================== widgets.css =============================================== */
.widget-cols {
  background: #87888a;
  color: #ffffff;
  text-shadow: none;
  border-top: 3px solid #87888a;
}
.widget-cols h1,
.widget-cols h2,
.widget-cols h3,
.widget-cols h4,
.widget-cols h5,
.widget-cols h6 {
  color: #ffffff;
  font-family: 'Gentium Book Basic', sans-serif;
}
.widget-cols a {
  color: #39393a;
  border-bottom: 1px dotted #87888a;
}
.widget-cols a:hover {
  color: #39393a;
  text-decoration: underline;
  border-bottom: 1px dotted #fff;
}
.widget-cols .scroll {
  background: url(../images/bottom-arrow.png) no-repeat;
}
.multiplebgs .widget-cols {
  background: #87888a;
  color: #ffffff;
}
#sidebar .small-posts-list .post .thumb {
  background: #f1f1f1;
  -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
}
#sidebar .small-posts-list .post .post-head a {
  color: #39393a;
}
#sidebar .small-posts-list .post .post-head .meta {
  color: #39393a;
}
#sidebar .small-posts-list .post .post-head .meta a {
  color: #39393a;
}

/* =============================================== nivo-slider.css =============================================== */
.nivoSlider {
	border: 5px solid #fff;
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.2); 
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,.2);
	-o-box-shadow: 0px 0px 5px rgba(0,0,0,.2);
	box-shadow: 0px 0px 5px rgba(0,0,0,.2);
}
.nivo-controlNav a {
	background: #2a2a2b;
	border: 2px solid #87888a;
	
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.3); 
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,.3); 
	-o-box-shadow: 0px 0px 2px rgba(0,0,0,.3);
	box-shadow: 0px 0px 2px rgba(0,0,0,.2);
}
.nivo-controlNav a.active {
	background: #5fc902;
}

/* =============================================== entry-content.css =============================================== */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  color: #87888a;
  font-family: 'Gentium Book Basic', sans-serif;
}
.entry-content {
  text-shadow: none;
}
.entry-content a {
  color: #5fc902;
}
.entry-content blockquote {
  border-left: #555555 2px solid;
}
.entry-content .wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
}

/* =============================================== forms.css =============================================== */
#respond .heading {
  border-top: 0px solid #87888a;
  border-bottom: 4px solid #87888a;
}
#reply-title {
  border-top: 0px solid #87888a;
  border-bottom: 5px solid #87888a;
}
.wpcf7-form input,
.wpcf7-form textarea,
#contactForm input,
#contactForm textarea,
#commentform input,
#commentform textarea {
  background: #eaeaea;
  color: #484848;
  border: 1px  solid #ccc;
}
.wpcf7-form input:focus,
.wpcf7-form textarea:focus,
#contactForm input:focus,
#contactForm textarea:focus,
#commentform input:focus,
#commentform textarea:focus {
  background: #fff;
  -webkit-box-shadow: 0px 0px 3px rgba(224, 148, 2, 0.4);
  -moz-box-shadow: 0px 0px 3px rgba(224, 148, 2, 0.4);
  -o-box-shadow: 0px 0px 3px rgba(224, 148, 2, 0.4);
  box-shadow: 0px 0px 3px rgba(224, 148, 2, 0.4);
}
#searchsubmit,
.wpcf7-submit,
#contactForm input[type="submit"],
#commentform input[type="submit"],
#contactForm input[type="button"] {
  color: #f8ff9b;
  background: #5fc902;;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
#searchsubmit:hover,
.wpcf7-submit:hover,
#contactForm input[type="submit"]:hover,
#commentform input[type="submit"]:hover,
#contactForm input[type="button"]:hover {
  background: #87888a;
}
#commentform .comment-notes {
  color: #9d917c;
}
#sent-form-msg {
  background: rgba(0, 0, 0, 0.1);
  color: #87888a;
}
#commentform .form-allowed-tags {
  color: #9d917c;
}
.respond-title-wrap,
.comment-title-wrap {
  border-bottom: 1px solid #484848;
}
#respond-title,
#comments,
.add-comment-link {
  color: #2c2d31;
}

/* =============================================== comments.css =============================================== */
#comments-wrap a {
  color: #39393a;
}
#comments-wrap .heading {
  border-top: 0px solid #87888a;
  border-bottom: 2px solid #87888a;
}
#comments-wrap .commentlist .comment {
  border-top: 1px #87888a solid;
}
#comments-wrap .commentlist .comment .comment-body .comment-author {
  color: #87888a;
}
#comments-wrap .commentlist .comment .comment-body .comment-author cite {
  color: #39393a;
}
#comments-wrap .commentlist .comment .comment-body .comment-author cite a {
  color: #39393a;
}
#comments-wrap .commentlist .comment .comment-body .comment-author .avatar {
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
#comments-wrap .commentlist .comment .comment-body .comment-meta {
  color: #a4a5aa;
}
#comments-wrap .commentlist .comment .reply .comment-reply-link {
  color: #87888a;
  background: #f1f1f1;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
#comments-wrap .commentlist .comment .reply .comment-reply-link:hover {
  background: #87888a;
}
#comments-wrap .commentlist .comment .children .comment {
  border-top: 1px #87888a solid;
}
#comments-wrap .comments-pagination span,
#comments-wrap .comments-pagination a {
  color: #fff;
  background: #555;
}
#comments-wrap .comments-pagination span:hover,
#comments-wrap .comments-pagination a:hover {
  color: #fff;
  background: #000000;
}
#comments-wrap .comments-pagination .current {
  background: #000000;
  color: #fff;
}

/* =============================================== shortcodes.css =============================================== */
.entry-content .link-button {
  color: #fff;
}
.link-button {
  background-color: #87888a;
  border: 1px solid #947b6f;
  border-bottom: 1px solid #4e3529;
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.1);
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}
.link-button:hover {
  background-color: #785f53;
}
.link-button.red {
  background: #e65151;
  border: 1px solid #ff8d8d;
  border-bottom: 1px solid #d23d3d;
}
.link-button.red:hover {
  background: #fb6666;
}
.link-button.green {
  background: #86ae53;
  border: 1px solid #b8e085;
  border-bottom: 1px solid #729a3f;
}
.link-button.green:hover {
  background: #9cc469;
}
.link-button.blue {
  background: #53a4ae;
  border: 1px solid #85d6e0;
  border-bottom: 1px solid #3f909a;
}
.link-button.blue:hover {
  background: #69bac4;
}
pre {
  background: #fff;
  border: 2px dotted #87888a;
}
.hr {
  border-bottom: 5px solid #87888a;
}
.block-divider {
  background: url(../images/divider-line.png) no-repeat center center;
}
.dropcap:first-letter {
  color: #87888a;
}
.dropcap.dark:first-letter {
  background: #87888a;
  color: #eddbc1;
}
.infobox-info {
  color: #00529B;
  background-color: #BDE5F8;
  background-image: url('../images/info-blue.png');
}
.infobox-warning {
  color: #9F6000;
  background-color: #FEEFB3;
  background-image: url('../images/info-yellow.png');
}
.infobox-success {
  color: #4F8A10;
  background-color: #DFF2BF;
  background-image: url('../images/info-green.png');
}
.infobox-error {
  color: #D8000C;
  background-color: #FFBABA;
  background-image: url('../images/info-red.png');
}
.pullquote-right,
.pullquote-left {
  border-left: #555555 2px solid;
}
.pullquote-right {
  border-right: #555555 2px solid;
}
.highlight {
  background: #87888a;
}
.video-container {
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
.accordion-trigger,
.toggle-trigger {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.accordion-trigger a,
.toggle-trigger a {
  color: #39393a;
}
.accordion-trigger {
  background: #f1f1f1;
}
.accordion-trigger.active {
  border-bottom: 1px solid #ccc;
}
.accordion-trigger:hover {
  background: #fff;
}
.accordion-container {
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.toggle-trigger {
  background-color: #f1f1f1;
}
.toggle-trigger i {
  background: url(../images/toggle.png) no-repeat 0px 0px;
}
.toggle-trigger.active {
  border-bottom: 1px solid #ccc;
}
.toggle-trigger:hover {
  background-color: #fff;
}
.toggle-container {
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
ul.tabs li {
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
ul.tabs a {
  color: #39393a;
  background: #ececec;
}
ul.tabs li:hover a,
ul.tabs a.current {
  background: #f3f3f3;
  color: #39393a;
  border-bottom: 1px solid #f1f1f1;
}
ul.tabs a.current,
ul.tabs a.current:hover,
ul.tabs li.current a {
  color: #39393a !important;
}
.panes > div {
  border: 1px solid #ccc;
  background: #f1f1f1;
}


/* =============================================== style.css =============================================== */
.work-list li {
  height: auto;
}
.work-list li.clear {
	clear: both;
}
.work-list li
#main h1,
#main h2,
#main h3,
#main h4,
#main h5,
#main h6 {
  color: #313131;
}
.wrapper {
  background: #fff;
}
.line-heading {
  border-top: 4px solid #6d6e70;
  border-bottom: 1px solid #6d6e70;
  color: #6d6e70;
}
.line-heading a {
  color: #6d6e70;
}
.action-button, a.blog-back{
  color: #ffffce;
  background: #5fc902;
  border: #6ed811 solid 3px;
}
.action-button:hover, a.blog-back:hover {
  color: #ffffce;
  background: #5fc902;
  border: #5fc902 solid 3px;
}
.recent-posts li {
  border-bottom: 1px solid #87888a;
}
.recent-posts .title {
  color: #87888a;
}
.recent-posts .date,
.recent-posts .author {
  color: #87888a;
}
header {
  background: url('<img src="https://d1.webseller-app.com/100075//www/www.cisteni-motoru.eu/logo3_20211117190607.jpg" alt="Autorizované centrum vodíkové dekarbonizace motorů v Brně" />') #fff;
  min-height: 140px;
}
#main {
    border-top: 5px solid #6d6e70;
}
nav {
  background: #87888a;
}
nav #nav > li:hover a,
nav #nav > li.current-menu-item a,
nav #nav > li.current_page_item a {
  background: #5fc902;
}
nav #nav > li > a {
  color: #ffffcc;
  text-shadow: 0px 2px 0px #545557;
}
nav #nav > li.important a {
  color: #ffffcc !important;
}
nav #nav > li ul {
  background: #87888a;
}
nav #nav > li ul li {
  border-bottom: none;
}
nav #nav > li ul a {
  color: #ffffcc;
}
nav #nav > li ul a:hover {
  color: #ffffcc;
}
nav #nav > li:hover a, nav #nav > li.current-menu-item a, nav #nav > li.current_page_item a {
  text-shadow: 0px 2px 0px #127c00;
}
.footer-divider {
  background: #969799;
  border: none;
}
.nav-categories {
  border-top: 4px solid #87888a;
  border-bottom: 1px solid #87888a;
}
.nav-categories li a {
  color: #ffffcc;
}
.nav-categories li a:hover {
  color: #ffffcc;
}
.nav-categories li.current a {
  color: #ffffcc;
}
.feature li .thumb,
.work-list li .thumb {
  color: #8a5a00;
  background: #aaabad;
  border: 5px solid #fff;
}
.feature li .thumb:after,
.work-list li .thumb:after {
  background: url(../images/stacked-paper.png) no-repeat right bottom;
}
.feature li .thumb .img-overlay,
.work-list li .thumb .img-overlay {
  color: #2a2a2b;
  background: #87888a;
  border: 0;
}
.feature li .title,
.work-list li .title {
  color: #87888a;
}
.feature li .categories a,
.work-list li .categories a {
  color: #39393a;
}
.pager {
  border: 0;
}
.pager li a:hover,
.pager li.active a {
  background: #87888a;
  color: #fff;
}
.pager li a {
  background: #8a5a00;
  color: #fff;
}
.pager .paged {
  color: #8a5a00;
}
#posts-list article {
  border-bottom: 1px solid #f3f0eb;
  margin-bottom: 25px;
  padding-bottom: 15px;
}
#posts-list article .feature-image {
  border: 5px solid #fff;
  float:left;
  margin-right:20px;
  width: 200px;
}
#posts-list article .feature-image a {
  width: 100%;
  padding-top: 65%;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 20%;
}
#posts-list article .excerpt.excerpt-list {
  color: #6e6e6e; font-size: 14px; font-style: italic;
}
#posts-list article .excerpt.entry-content {
  /*color: #5C5C5C;*/
}
#posts-list article .meta {
  color: #87888a;
}
#posts-list article .meta a {
  color: #39393a;
}
#posts-list article .entry-title {
  color: #000;
  margin-bottom: 15px;
}
#posts-list.list article .entry-title {
  margin-bottom: 0;
}
#posts-list article .entry-title .post-heading {
  color: #000;
}
#posts-list article .entry-title .post-heading:hover {
  color: #5fc902;
  text-decoration: underline;
}
#posts-list article .entry-title h2 {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 1.5em;
  font-family: 'Gentium Book Basic', sans-serif;
}
#posts-list article .excerpt-date {
  font-size: 12px;
  color: #B8B8B8;
}
#posts-list .page-navigation div:hover a {
  color: #39393a;
}
#posts-list .page-navigation a {
  color: #39393a;
}
#project-gallery .thumb {
  border: 5px solid #fff;
}
#project-info {
  text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
}
#project-info #project-title {
  border-top: 4px solid #87888a;
  border-bottom: 1px solid #87888a;
}
#project-info #project-sheet:before {
  border-top: 5px solid #87888a;
}
.related-projects .related-heading {
  border-top: 4px solid #87888a;
  border-bottom: 1px solid #87888a;
}
.related-projects .related-list li .thumb {
  border: 5px solid #fff;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
.related-projects .related-list li .heading {
  color: #87888a;
  text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
}
#sidebar {
  margin-top: 30px;
}
#sidebar .block {
  text-shadow: none;
  border-radius: 4px;
}
#sidebar .block a {
  color: #87888a;
}
#sidebar .block a:hover,#sidebar .block a.active {
  color:  #545557;
  border-bottom: 1px dotted #545557;
}
#sidebar .block .heading {
  text-shadow: none;
  margin: 0 0 10px 0;
}
#sidebar .block h3 {
  margin: 0 0 10px 0;
  font-size: 18px;
}
#sidebar p {
  margin: 0 0 10px 0;
}
#sidebar input[type="email"] {
  padding: 3px 5px;
  border-radius: 4px;
  width: 100%;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
  border-top: 1px solid #999;
  border-left: 1px solid #999;
}
#sidebar input[type="submit"] {
  width: 100%;
}
/*-----------------------------------------------------------------------------------*/
/*	FOOTER
/*-----------------------------------------------------------------------------------*/
footer {
  color: #ffffff;
  background: #aaabad;
  text-shadow: none;
}
footer a,footer a:hover {
  color: #ffffff;
  border-bottom: 1px dotted #ffffff;
}
/*======================================================================================*/

/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:100%;
	height: 400px;
	overflow: hidden;
	
	border: 5px solid #fff;
	margin-left: -5px; /* Adjust 5px because of the border width 5px*/
	
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.2); 
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,.2);
	-o-box-shadow: 0px 0px 5px rgba(0,0,0,.2);
	box-shadow: 0px 0px 5px rgba(0,0,0,.2);
	
}
.post_intro{
	padding: 0 30px;
}
#filter-container{
	margin: 0px;
}
#sidebar .block {
  	/*padding-bottom: 15px;
	border-bottom: 1px solid #87888a;*/
  	padding: 20px;
  	background-color: #f3f0eb;
}
a.blog-back {
  margin-bottom: 20px;
  display: block;
  font-size: 12px;
  line-height: 41px;
  width: 112px;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
}
#name-slog{
  float: left;
  margin: 20px 0px 0px 30px;
  min-width: 300px;
  min-height: 100px;
}
#name-slog img {
	/*max-width: 50%;*/
  	max-height: 100%;
}
.webname h1{
  margin: 10px 0px 0px;
  padding: 0px 0px 0px;
  font-size: 40px;
  line-height: 50px;
  color: #87888a;
  font-family: 'Gentium Book Basic', sans-serif;
}
.webname h1 a {
	color: #87888a;
  	text-decoration: none;
}
.slogan p{
  margin: 0px 0px 0px;
  padding: 0px 0px 0px;
  font-size: 20px;
  color: #87888a;
  font-family: 'Gentium Book Basic', sans-serif;
}

form {
    max-width: 500px;
    width: 100%;
}
.entry-content form p{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
form div.comment{
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 80%;
  	font-style: italic;
}
form span{
	font-size: 90%;
}
label{
	font-weight: bold;
}
select{
	display: block;
}
button, input, select, textarea {
  color: #2a2a2b;
}
input[type="checkbox"],
input[type="radio"]{
  display: block;
  margin: 5px 0px 5px;
  border: 1px  solid #ccc;
}
input[type="submit"],
input[type="button"],
input[type="text"],
textarea {
  display: block;
  padding: 10px 3%;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 94%;
  background: #fff;
  border: 1px  solid #ccc;
  font-size: 14px;
  font-family: Tahoma, Arial;
  line-height: 1.5em;
  overflow: auto;
}
input[type="text"],
input[type="password"] {
  overflow: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  overflow: hidden;
}
input:focus,
textarea:focus {
  -webkit-box-shadow: 0px 0px 3px rgba(40, 40, 40, 0.4);
  -moz-box-shadow: 0px 0px 3px rgba(40, 40, 40, 0.4);
  -o-box-shadow: 0px 0px 3px rgba(40, 40, 40, 0.4);
  box-shadow: 0px 0px 3px rgba(40, 40, 40, 0.4);
}
textarea {
  height: 200px;
}
input[type="submit"],
input[type="button"] {
  width: auto;
  font-size: 14px;
  border: 1px solid #45af00;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  background: #5fc902;
  color: #006300
}
input[type="submit"]:hover,
input[type="button"]:hover {
  background: #78e21b;
}
.error{
  	padding: 15px 20px;
	color: #fff;
  background: #FF1919;
}
input.required{
  -webkit-box-shadow: 0px 0px 5px rgba(215, 40, 40, 0.5);
  -moz-box-shadow: 0px 0px 5px rgba(215, 40, 40, 0.5);
  -o-box-shadow: 0px 0px 5px rgba(215, 40, 40, 0.5);
  box-shadow: 0px 0px 5px rgba(215, 40, 40, 0.5);
}
ul#langs{
}
ul#langs li{
  display: inline;
  margin-right: 5px;
}
ul#langs li a{
  border: none;
}
ul#langs li a.active, ul#langs li a:hover{
  border-bottom: 1px dotted #ffffff;
}
.gal-tit, .img-tit{
	color: #fff;
}
.image {
	float: left;
	margin: 5px;
	position: relative;
	height:300px;
	width:300px;
	background-size: cover;
	background-position: 50% 25%;
	-webkit-transition-property: width, height;
	-webkit-transition-duration: 500ms;
	overflow:hidden;

}
.image:hover .image-actions-holder {
	display: block;
}
.image-actions-holder {
	position: absolute;
	bottom: 0px;
	background: #333;
	opacity: 0.8;
	height: 50px;
	color: #eee;
	display: none;
	width: 100%;
	z-index:1;
}
.img-tit{
  	visibility: hidden;
}
.gal-tit,.image:hover .img-tit{
  	visibility: visible;
	position: absolute;
  	bottom: 0;
  	margin: 0px;
  	padding: 10px 2%;
    width: 96%;
  	text-align: center;
  	background: rgba(33, 33, 33, 0.8);
}
.newsletter form input.newsletter-button{
  margin: 10px 0px 10px;
  padding: 3px 8px;
  color: #ffffff;
  background: #87888a;
  border: #969799 solid 3px;
  width: auto;
  font-size: 14px;
  cursor: pointer;
}
.newsletter form input.newsletter-button:hover{
  color: #ffffff;
  background: #87888a;
  border: #87888a solid 3px;
}
.cf {clear:left;}
.entry-content p {
  margin-bottom: 1.2em;
}

@media only screen and (max-width: 767px) {
#name-slog img {
	max-width: 90%;
  	max-height: 100%;
}
}
textarea {height: 70px;}