/*
Theme Name: GEOKAM
Author: MichałFreelancer
Version: 1.0
*/

@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,500,700&subset=latin-ext);
@font-face {
	font-family: 'impact';
	src: url('fonts/impact.ttf') format('truetype');
	font-style: normal;

}
@charset "utf-8";
*{
	margin: 0; 
	padding: 0; 
	border: 0; 
	text-decoration: none; 
	outline: 0;
}
body {
	font: 14px 'Roboto', sans-serif; /* 10px */
	word-wrap: break-word;
}
.clearfix {
	clear: both;
}
/* style wordpress start */
.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float:right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.wp-caption {
	background: #fff;
	border: 1px solid #f0f0f0;
	max-width: 96%; /* Image does not overflow the content area */
	padding: 5px 3px 10px;
	text-align: center;
}

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

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

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

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}
/* style wordpress stop */
.nopadd {
	padding-right: 0px;
	padding-left: 0px;
}
header .header-bg {
	background: url('images/bg_header.png') no-repeat top center;
	background-size: 100%;
	height: 160px;
}
header .logo {
	display: block;
	height: 150px;
}
header .logo img {
	display: none;
}
header .menu {
	list-style: none;
	margin: 20px 0 0 20px;
	text-align: center;	
}
header .menu li {
	display: inline-block;
	padding: 15px;
}
header .menu li a {
	font-family: 'impact';
	font-weight: normal;
	color: #000;
	font-size: 20px;
	text-decoration: none;
	transition: color .2s;
}
header .menu li a:hover,
header .menu li.current-menu-item a {
	color: #e77817;
	transition: color .2s;
}
header .social {
	padding: 30px 0 0;
}
header .social a {
	float: right;
	margin-right: 20px;
}
.search-form {
	margin: 22px 0 0;
	display: none;
	width: 180px;
}
.search-form input[type="text"] {
	padding: 7px;
	border: 1px #e77817 solid;
}
.search-form input[type="submit"] {
	display: none;
}
.section-bg {
	background: url('images/bg_section.jpg') no-repeat top center;
	background-size: cover;
	margin: 0px 0 0;
	box-shadow: -2px 0px 10px #f3f3f3;
} 
.slider {
	padding: 25px 0;
}
.slider .slick-slide {
	position: relative;
}
.slider .slick-slide img {
	width: 100%;
	height: auto;
	border-radius: 10px;
}
.slider .slick-slide h1 {
	position: absolute;
	bottom: 30px;
	left: 0;
	display: inline-block;
	background: rgba(252,252,252,0.85);
	padding: 20px;
	color: #f37f08;
	font-family: 'Roboto';
	font-weight: bold;
	text-transform: uppercase;
	font-size: 24px;
} 
.slider .slick-dots {
	list-style: none;
	position: absolute;
	right: 20px;
	bottom: 30px;
}
.slider .slick-dots li {
	display: inline-block;
	margin: 0 5px 0 0;
}
.slider .slick-dots li button {
	color: transparent;
	width: 20px;
	height: 20px;
	background: transparent;
	border-radius: 50%;
	border: 2px solid #f37f08;
	box-shadow: 1px 1px 2px #c6c6c6;
}
.slider .slick-dots li.slick-active button, 
.slider .slick-dots li button:hover {
	background: #f37f08;
}
.sidebar h3 {
	text-transform: uppercase;
	color: #333;
	font-family: 'Roboto';
}
.sidebar ul {
	list-style: none;
}
.sidebar ul li {
	padding: 15px;
	border-bottom: 1px solid #e8e9ea;
	font-weight: 500;
	background: url('images/icon_arrow_right.png') no-repeat left center;
}
.sidebar a {
	color: #f37f08;
	text-decoration: none;
	font-weight: bold;
	display: block;
	margin: 25px 0 0;
	font-size: 20px;
	text-align: center;	
	opacity: 0.8;
	transition: .2s;
}
.sidebar a:hover {
	opacity: 1;
	transition: .2s;
}
.home-content {
	background: #e4e4e4;
	padding: 35px 0 ;
}
.title {
	color: #f37f08;
	text-transform: uppercase;
	font-family: 'Roboto';
	font-weight: bold;
	margin: 0 0 20px;
}
.title span {
	display: block;
	color: #333;
	font-size: 14px;
	font-weight: 500;
	margin: 0 0 5px;
}
.desc {
	font-family: 'Roboto';
	font-weight: 500;
	line-height: 24px;
	text-align: justify;
	text-indent: 20px;
}
.desc ul {
	margin: 0 0 0 30px;
}
.fast-contact {
	background: #f7f8f9 url('images/icon_contact.png') no-repeat 85% 70%;
	border-radius: 10px;
	padding: 15px 30px;
	box-shadow: 0px 2px 2px #c3c4c7;
	margin: 0 0 30px 30px;
}
.fast-contact h4 {
	color: #333;
	font-weight: bold;
	text-transform: uppercase;
}
.fast-contact h4 span {
	color: #f37f08;
}
.fast-contact p {
	color: #333;
	margin: 0 0 10px;
}
.fast-contact a {
	color: #333;
	font-weight: 500;
	text-decoration: none;	
}
footer {
	background: url('images/bg_footer.png') no-repeat center 0px;
	background-size: cover;
	height: 200px;
}
footer .copyright {
	color: #333;
	text-transform: uppercase;
	display: block;
	margin: 20px 0;
	font-size: 12px; 
}
.maps iframe {
	width: 100% !important;
	height: 350px !important;
}
.box {
	background: #f7f8f9;
	border-radius: 10px;
	padding: 20px;
	box-shadow: 0px 2px 2px #c3c4c7;
	min-height: 470px;
	margin: 0 0 30px;
}
.box h1 {
	color: #f37f08;
	text-align: center;
	font-size: 22px;
	margin: 0 0 20px;
}
.wpcf7 p {
	color: #333;
	font-family: 'Roboto';
	font-weight: 500;
	line-height: 24px;
	text-align: center;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
	width: 100%;
	padding: 7px;
	margin-bottom: 7px;
	background: transparent;
	border: 1px solid #c6c6c6;
	resize: vertical;
}
.wpcf7 textarea {
	height: 100px;
}
.wpcf7 input[type="submit"] {
	width: 100%;
	background: #f37f08;
	padding: 10px;
	color: #000;
	text-transform: uppercase;
	font-weight: bold;
}
.wpcf7 .ajax-loader {
	display: none;
}
.page-content {
	padding: 0 20px;
}

.galeria-lista {
	list-style: none;
}
.galeria-lista li {
	display: inline-block;
	margin-right: 5px;
}
.galeria-lista li a {
	position: relative;
	display: block;
	height: 100%;
}
.galeria-lista .apla {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(54,54,54,.5) url('images/icon_zoom.png') no-repeat center center;
	z-index: 88;
	opacity: 0;
	transition: background .2s;
}
.galeria-lista li:hover .apla {
	opacity: 1;
	transition: background .2s;
	cursor: pointer;
}
.galeria-lista ul {
	display: none;
}
.galeria-lista li p {
	color: #f37f08;
	text-align: center;
	padding: 10px 0;
	font-weight: bold;
}

/* Tabsy social media */
#tabs{
	position:fixed;
	right:-260px;
	z-index:99;
}
#tab {
	cursor:pointer;
	height:62px;
	width:62px;
	float:left;
}
#kod{
	padding:3px;
	float:left;
	width:260px;
	min-height: 200px;    
}
.fb {
	top:230px;
	z-index:100 !important;
}
.fb #tab {
	background: url('images/tabs_fb.png') no-repeat;
	background-size: cover;
}
.fb #kod {
	background: #3b5997;
}

.ngg-album-compactbox:before,
.ngg-album-compactbox:after,
.ngg-album-compactbox {
	border: none !important;
}
.ngg-album-gallery-image-counter,
.ngg-breadcrumbs,
.slideshowlink {
	display: none !important;
}
.ngg-album-compact h4 .ngg-album-desc {
	height: auto !important;
	text-align: center;
}

@media (max-width: 480px){
	#tabs {
		display: none;
	}
	header .header-bg  {
		background: none;
		height: auto;
	}
	header .logo {
		height: auto;
	}
	header .logo img {
		display: inline-block;
	}
	header .menu li {
		display: block;
	}
	header .social {
		padding: 0;
	}
	header .social a {
		display: block;
		margin: 20px 0;
		text-align: center;
		float: none;
	}
	.sidebar a {
		margin: 25px 0;
	}
	.fast-contact {
		margin: 0;
	}
	.box {
		min-height: auto;
	}
}