/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2017-07-31, 14:58:55
    Author     : miroslawwierzchnicki
*/

.galeria_title{
	font-weight:bold;
	font-size:43px;
    width: 100%;
	z-index:3;
	cursor:pointer;
	transition: all 0.5s linear
	
}
.galeria_title:hover{
	color:#eec574
}
.galeria_title_data{
	background-color: transparent;
    left: 100%;
    opacity: 1;
    position: absolute;
    top: 50%;
    transform: translate(calc(-8.3333% - 30px), -50%);
    width: 200%;
	
	
}
.single-post .galeria_title_data{
	left: auto;
    position: relative;
    top: auto;
    transform: none;
	margin-bottom:75px;
	width:100%;
}
.single-post .galeria_title{
	cursor:default
}
.single-post .galeria_title:hover{
	color:#fff
}
.galeria_cont{
	position:relative;
	padding-top:40px;
	padding-bottom:40px;
	z-index: 2
	
}
.gallery_img{
	background-color:#1e1f1f;
	cursor:pointer;
}
.gal_data{
	margin-bottom:31px;
}
.ss-blog-container-galeria{
    margin-top: -350px;
    padding-top: 0;
}

.gallery_img img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  opacity:0.6;
  transition:all 0.5s linear
}

.gallery_img img:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
  opacity:1;
}

.ss-pagination {
    display: block;
    margin: 120px 0px 350px 0px;
}
.ss-pagination a, .ss-pagination span {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    margin: 0 9px;
	color:#eec574;
	
}
.ss-pagination a{
	color:#fff;
}


.ss-pagination a:hover{
	color:#eec574;
}

.video_cont{
	padding-top:40px;
}

.lista_galerii h5{
	min-width:200px
}
.mans_cont{
	margin:0px 8.3333%;
	padding-top:50px;
	
}
.mans_cont,
.blok_video{
	padding-bottom:150px;
}
.single #kontakt {
		margin-top: 50px !important;
	}
@media screen and (max-width:991px){
	.mans_cont{
		margin:0px;
		
	}
	.gal_data h5,
	.lista_galerii h5 {
		max-width: 50%;
	}
	
}

@media screen and (max-width:991px){
	.mans_cont{
		margin:0px;
		
	}
	.gal_data h5,
	.lista_galerii h5 {
		max-width: 100%;
	}
}
.cofnij a h5,
.cofnij a {
	color:#eec574;
	transition: all 0.5s linear
}
.cofnij a:hover h5,
.cofnij a:hover{
	color:#fff
}
.cofnij h5:after,
.cofnij h5:before{
	display:none !IMPORTANT;
}
.cofnij a i{
	padding-right:20px;
}

@media screen and (max-width:1600px){
	.galeria_title_data{
		width:100%;
	}
	.blok_video,
	.mans_cont {
		padding-bottom: 75px;
	}
	.single #kontakt{
		margin-top: 100px !important;
	}
}

@media screen and (max-width:1400px){
	.ss-blog-container-galeria{
		margin-top: -250px;
	}
	.cofnij a h5{
		display:inline-block;
	}
}
@media screen and (max-width:1200px){
	.galeria_title_data{
		transform: translate(calc(-35% - 30px), -50%);
	}
	.gal_data h5{
		display:inline-block !important;
	}
	.gal_data h5::after {
		left: 100%;
		transform: translate(65px, -50%);
	}
}

@media screen and (max-width:1000px){
	.galeria_cont{
		width:100% !important;
	}
	.blog .col-md-7,
	.blog .col-md-1{
		display:none !important;
	}
	.blog .row{
		margin:0;
	}
	.blog .col-md-12{
		padding:0;
	}
	.ss-blog-container-galeria{
		margin-top: -50px;
	}
	.galeria_title_data{
		transform: translate(calc(-100% - 30px), -50%);
	}
	.gallery_img img{
		width:100%;
	}
	.galeria_title_data {
		width: 90%;
	}
	.single #kontakt{
		margin-top: 150px !important;
	}
}

@media screen and (max-width:650px){
	.gal_data h5::after {
		display:none
	}
	.gal_data h5::before {
		display:block
	}
	.gal_data h5 {
		display:block !important
	}
	.cofnij a h5 {
		display: inline-block !important;
		width: auto !important;
	}
	.galeria_title_data {
		transform: translate(0, -50%);
		left:30px
	}
	.ss-blog-container-galeria {
		margin-top: -100px;
	}
	.blog .metaslider .slides img {
		display: block;
		height: 350px !important;
		width: auto;
	}
	.blog .flex-direction-nav,
	.blog .flex-control-nav.flex-control-paging{
		display:none;
	}
	.single #kontakt{
		margin-top: 0px !important;
	}
	.single-post .galeria_title_data{
		margin-bottom:0 !important;
	}
}

@media screen and (max-width:400px){
	.blog .metaslider .slides img {
		display: block;
		height: 350px !important;
		width: auto;
		position:relative;
		left:-80px;
	}
	.galeria_title_data {
		width: 80%;
	}
	
	
}

@media screen and (max-width:991px){
	.ss-pagination {
		display: block;
		margin: 10px 0 250px;
	}
}

@media screen and (max-width:650px){
	.ss-pagination {
		display: block;
		margin: 10px 0 30px;
	}
}