﻿/****** Romo & Chez *******/
header * {
	margin: 0;
	padding: 0;
}
header {
	width: 100%;
	margin: 0;
}
#left {
	width: 250px;
}
#right {
	width: 250px;
}
/*' Her(m)e(r) comes the magic - Custom Layout CSS'*/
h1 {
	margin: 25px 0;
	color: #202020;
	font-family: 'Lora', serif;
	font-size: 36px;
	font-weight: 400;
	line-height: 46px;
	position: relative;
}
h1:before {
	content: " ";
	display: block;
	width: 80px;
	height: 2px;
	background-color: #CDA56F;
	position: absolute;
	top: 22px;
	left: -105px;
}
h2 {
	padding-left: 15px;
	border-left: 2px solid #CDA56F;
}
	@media (max-width: 1299px) {
		h1:before {
			content: none !important;
		}
	}
/* button */
a.button,
button {
	display: inline-block;
	vertical-align: top;
	padding: 0 42px;
	background-color: #CDA56F;
	color: #013F34;
	font-size: 14px;
	font-weight: 600;
	line-height: 64px;
	text-transform: uppercase;
}
a.button:hover,
button:hover {
	background-color: #f1c283;
	text-decoration: none;
}
/* button clean */
a.button-clean {
	color: #CDA66F;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
}
a.button-clean:hover {
	text-decoration: none;
}
a.button-clean:after {
	content: url('../images/cleanArrow.png');
	opacity: 0.5;
	margin-left: 15px;
}
a.button-clean:hover:after {
	opacity: 1;
}
/* Slider */
div.slideshowck {
	margin-bottom: 0 !important;
}
div.slider-button {
	display: inline-block;
	vertical-align: top;
	margin-top: 35px;
	background-color: #013F33;
}
div.slider-button:hover {
	background-color: #025f4d;
}
div.slider-button a,
div.slider-button a:hover {
	display: block;
	padding: 0 50px;
	color: #CDA66F;
	font-size: 14px;
	font-weight: 600;
	line-height: 64px;
	text-decoration: none;
	text-transform: uppercase;
}
ul.camera_pag_ul {
	margin-top: -56px !important;
	text-align: center !important;
}
ul.camera_pag_ul li {
	width: 28px !important;
	height: 15px !important;
	background: none !important;
	outline: none !important;
	margin: 20px 10px 20px 0 !important;
}
ul.camera_pag_ul li span {
	width: 28px !important;
	height: 2px !important;
	background: rgba(255,255,255,0.5) !important;
	border-radius: 0 !important;
	top: 8px !important;
	left: 0 !important;
	-webkit-transition: all 150ms ease;
	-moz-transition: all 150ms ease;
	-ms-transition: all 150ms ease;
	-o-transition: all 150ms ease;
	transition: all 150ms ease;
}
ul.camera_pag_ul li.cameracurrent span,
ul.camera_pag_ul li.camera_hover span {
	background: rgba(255,255,255,1) !important;
}
ul.camera_pag_ul li.cameracurrent span {
	height: 4px !important;
	top: 6px !important;
}
	@media (min-width: 1200px) {
		div.camera_caption {
			margin-left: -585px;
			top: 50%;
			bottom: auto !important;
			left: 50% !important;
			-moz-transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			-o-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
		}
		div.camera_caption > div {
			background: none !important;
			padding: 0 !important;
		}
		div.camera_caption_title {
			font-family: 'Lora', serif;
			font-size: 48px;
			font-weight: 400;
			line-height: 76px;
		}
		div.camera_caption_desc {
			font-size: 18px;
			font-weight: 300;
			line-height: 32px;
		}
	}
	@media (max-width: 1199px) {
		.camera_caption > div {
			background: rgba(0, 0, 0, 0.5) !important;
		}
		div.camera_caption_title {
			font-family: 'Lora', serif;
			font-size: 32px;
			font-weight: 400;
			line-height: 48px;
		}
		div.camera_caption_desc {
			font-size: 14px;
			font-weight: 300;
			line-height: 32px;
			margin-bottom: 15px;
		}
		div.slider-button {
			display: none;
		}
		ul.camera_pag_ul {
			margin-top: -36px !important;
			text-align: center !important;
		}
	}
/* Home :: O nas */
div.custom-about {
	padding: 45px 0;
}
div.custom-about > div {
	display: inline-block;
	vertical-align: top;
}
div.custom-about > div.one {
	width: 240px;
}
div.custom-about > div.two {
	width: 350px;
	margin: 0 75px;
	padding-left: 75px;
	border-left: 1px solid #E4E4E4;
}
div.custom-about > div.three {
	width: 350px;
}
div.custom-about > div p {
	color: #202020;
	font-size: 16px;
	font-weight: 300;
}
	@media (max-width: 1199px) {
		div.custom-about > div.one {
			width: 100%;
		}
		div.custom-about > div.two {
			width: 100%;
			margin: 0;
			padding-left: 0;
			border-left: none;
		}
		div.custom-about > div.three {
			width: 100%;
		}
	}
/* Home :: Adwokat */
div.moduletable-lawyer {
	padding: 45px 0 1px;
	background: url('../images/lawyer.jpg') center center no-repeat;
}
div.custom-lawyer {
	height: 550px;
}
div.custom-lawyer div.content {
	width: 600px;
}
div.custom-lawyer h1 {
	color: #fff;
}
div.custom-lawyer h1:before {
	top: 36px;
}
div.custom-lawyer h1 span {
	display: block;
	font-size: 15px;
	font-weight: 600;
	line-height: 12px;
}
div.custom-lawyer p {
	color: #fff;
	font-size: 16px;
	font-weight: 300;
}
div.custom-lawyer a.button {
	margin-top: 45px;
}
	@media (max-width: 1199px) {
		div.moduletable-lawyer {
			background: url('../images/lawyer.jpg') center right -370px no-repeat;
		}
	}
	@media (max-width: 949px) {
		div.moduletable-lawyer {
			padding: 45px 0;
			background: url('../images/lawyer.jpg') center left no-repeat;
		}
		div.custom-lawyer {
			height: 100%;
		}
		div.custom-lawyer div.content {
			width: auto;
		}
	}
/* Home :: Zakres usług */
div.custom-services {
	padding: 45px 0;
}
div.custom-services > div {
	display: inline-block;
	vertical-align: top;
}
div.custom-services > div.one {
	width: calc(50% - 10px);
	margin-right: 10px;
}
div.custom-services > div.two {
	width: calc(50% - 10px);
	margin-left: 10px;
}
div.custom-services > div a {
	display: block;
	padding-left: 75px;
	color: #202020;
	font-size: 18px;
	font-weight: 400;
	line-height: 79px;
	border-bottom: 1px solid #C6CCCB;
	position: relative;
}
div.custom-services > div a:after {
	content: url('../images/services/serviceArrow.png');
	position: absolute;
	top: 34px;
	right: 20px;
}
div.custom-services > div a:hover {
	color: #CDA56F;
	text-decoration: none;
}
div.custom-services > div a.service-one {
	background: url('../images/services/service01.png') center left no-repeat;
	border-top: 1px solid #C6CCCB;
}
div.custom-services > div a.service-two {
	background: url('../images/services/service02.png') center left no-repeat;
}
div.custom-services > div a.service-three {
	background: url('../images/services/service03.png') center left no-repeat;
}
div.custom-services > div a.service-four {
	background: url('../images/services/service04.png') center left no-repeat;
}
div.custom-services > div a.service-five {
	background: url('../images/services/service05.png') center left no-repeat;
	border-top: 1px solid #C6CCCB;
}
div.custom-services > div a.service-six {
	background: url('../images/services/service06.png') center left no-repeat;
}
div.custom-services > div a.service-seven {
	background: url('../images/services/service07.png') center left no-repeat;
}
div.custom-services > div a.service-eight {
	background: url('../images/services/service08.png') center left no-repeat;
}
	@media (max-width: 949px) {
		div.custom-services > div.one {
			width: 100%;
			margin-right: 0;
		}
		div.custom-services > div.two {
			width: 100%;
			margin-left: 0;
		}
		div.custom-services > div a.service-five {
			border-top: none;
		}
	}
/* home :: aktualności */
div.moduletable-news {
	padding: 1px 0 45px;
	background-color: #ECECEC;
}
div.news-item {
	display: inline-block;
	vertical-align: top;
	width: 370px;
}
div.news-item figure {
	max-width: 100%;
	margin: 0;
}
div.news-item figure img {
	max-width: 100%;
}
div.news-item:nth-last-child(2) {
	margin: 0 20px;
}
p.news-author {
	display: inline-block;
	margin: 15px 0 10px;
	color: #C3964E;
	font-size: 12px;
	font-weight: 600;
	line-height: 12px;
	text-transform: uppercase;
}
p.news-date {
	display: inline-block;
	margin: 15px 0 10px 18px;
	padding-left: 18px;
	border-left: 1px solid #838282;
	color: #202020;
	font-size: 12px;
	font-weight: 600;
	line-height: 12px;
}
div.news-item h4 {
	margin: 0 0 25px;
	color: #202020;
	font-family: 'Lora', serif;
	font-size: 24px;
	font-weight: 700;
}
div.news-content p {
	margin: 0 0 25px;
	color: #202020;
	font-size: 16px;
	font-weight: 300;
	text-align: justify;
}
div.news-content p:last-child:after {
	content: "...";
}
a.news-button {
	display: inline-block;
	padding-right: 70px;
	color: #202020;
	font-size: 12px;
	font-weight: 700;
	line-height: 25px;
	text-transform: uppercase;
	position: relative;
}
a.news-button:after {
	content: " ";
	display: block;
	width: 55px;
	height: 2px;
	background-color: #CDA56F;
	position: absolute;
	right: 0;
	bottom: calc(50% - 1px);
}
a.news-button:hover {
	color: #CDA56F;
	text-decoration: none;
}
	/* first */
	div.news-item:first-of-type {
		width: 100%;
		margin-bottom: 20px;
	}
	div.news-item:first-of-type > figure {
		display: inline-block;
		vertical-align: top;
		width: 579px;
	}
	div.news-item:first-of-type > div {
		display: inline-block;
		vertical-align: top;
		width: 560px;
		margin-left: 25px;
	}
	@media (max-width: 1199px) {
		div.news-item {
			width: 100%;
			margin: 0 0 20px 0 !important;
		}
		div.news-item > figure {
			display: inline-block;
			vertical-align: top;
			width: 48% !important;
		}
		div.news-item > div {
			display: inline-block;
			vertical-align: top;
			width: 48% !important;
			margin: 0 0 0 25px !important;
		}
	}
	@media (max-width: 899px) {
		div.newsflash-news {
			text-align: center;
		}
		div.news-item {
			width: 370px !important;
			text-align: left;
		}
		div.news-item {
			margin: 25px !important;
		}
		div.news-item > figure {
			width: 100% !important;
		}
		div.news-item > div {
			width: 100% !important;
			margin: 0 !important;
		}
	}
	@media (max-width: 499px) {
		div.news-item {
			margin: 25px 0 !important;
			max-width: 100% !important;
		}
	}
/*' Footer '*/
footer {
	background-color: #02211C;
}
footer > div > div {
	display: inline-block;
	vertical-align: top;
	margin-right: 85px;
}
footer > div > div:last-child {
	margin-right: 0;
}
footer h4 {
	padding-bottom: 10px;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	position: relative;
}
footer h4:after {
	content: " ";
	display: block;
	width: 50px;
	height: 2px;
	background-color: #CDA56F;
	position: absolute;
	bottom: 0;
	left: 0;
}
footer ul {
	padding: 0 0 0 14px;
	list-style-image: url('../images/listStyle.png');
}
footer ul a {
	color: #7C8C89;
}
footer ul a:hover {
	color: #fff;
	text-decoration: none;
}
footer ul li {
	color: #7C8C89;
}
div.footer-social a img {
	margin: 0 15px 15px 0;
	opacity: 0.5;
}
div.footer-social a:hover img {
	opacity: 1;
}
p.company {
	color: #fff;
}
p.phone {
	padding: 0 0 0 35px;
	background: url('../images/phone.png') 3px center no-repeat;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
}
p.mail {
	padding: 0 0 0 35px;
	background: url('../images/mail.png') center left no-repeat;
}
p.mail a {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
}
p.mail a:hover {
	color: #fff;
	text-decoration: none;
}
#kontakt p.phone {
	background: url('../images/phoneDark.png') 3px center no-repeat;
	color: #202020;
}
#kontakt p.mail {
	background: url('../images/mailDark.png') center left no-repeat;
}
#kontakt p.mail a {
	color: #202020;
}
p.readmore {
	text-align: right;
}
	@media (max-width: 1199px) {
		footer > div > div {
			margin-right: 45px;
		}
	}
/* blog */
div.blog-news div[class^="leading-"] {
	margin: 0 35px 20px 0;
}
div.blog-news div[class^="leading-"]:after,
div.blog-news div[class^="leading-"]:before {
	content: " ";
	display: block;
}
div.blog-news div[class^="leading-"]:after {
	clear: both;
}
div.blog-news div[class^="leading-"] div.item-image {
	float: left;
	margin-right: 25px;
}
div.item-page-news div.item-image {
	float: left;
	margin: 0 35px 20px 0;
}
	@media (max-width: 949px) {
		div.blog-news div[class^="leading-"] div.item-image,
		div.item-page-news div.item-image {
			float: none;
			max-width: 100%;
			margin: 0 0 20px 0;
		}
		div.blog-news div[class^="leading-"] div.item-image img,
		div.item-page-news div.item-image img {
			max-width: 100%;
		}
	}
