/*
	Theme Name: HTML5 Blank
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {height: 100%;}
body {
	font:400 12pt/1.4 'Roboto', Helvetica, Arial, sans-serif;
	color: #353b47;
	background: #353b47;
	height: 100%;
	margin: 0;
	padding: 0;
}

.clear:before,
.clear:after {content:' ';display:table;}
.clear:after {clear:both;}
.clear {*zoom:1;}

img {border: 0;}

a {color:#e77e23;font-weight: bold;text-decoration:none;}
a:hover {color:#e77e23;text-decoration: underline;}
a:focus {outline:0;}
a:hover, a:active {outline:0;}
input:focus {outline:0;border:1px solid #04A4CC;}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.siteWrapper {
	font:400 10pt/1.4 'Roboto', Helvetica, Arial, sans-serif;
	max-width: 1280px;
	position: relative;
	width: 80%;
	padding: 16pt 3%;
	margin: -10% auto 0 auto;
	background: #fff;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.7);
}

h1 {text-transform: uppercase;color: #444;font-size: 16pt;line-height: 16pt;text-align: center;padding: 0;margin: 0 0 16pt 0;}
h1:before {line-height: 16pt;content: "";height: 2px;position: relative;top: -5pt;margin: 0 5pt 0 0;display: inline-block;background: #ccc;width: 25%;}
h1:after {content: "";height: 2px;position: relative;top: -5pt;margin: 0 0 0 5pt;display: inline-block;background: #ccc;width: 25%;}
h2 {text-transform: uppercase;font-size: 14pt;margin: 0;padding: 0;}
h3 {text-align: center;}

p.quotes {margin: 0 0 12pt 0;font-size: 12pt;text-align: center;}
hr.clearContent {border: 0;clear: both;}

/*------------------------------------*\
	twoSidedTable Classes
\*------------------------------------*/

div.twoSidedTable {text-align: center;width: 50%;display: table-cell;vertical-align: middle;}
div.twoSidedTable img {width: 100%;height: auto;max-width: 500px;border-radius: 16px;}
div.TwoSidedTextRight {padding: 0 0 0 2%;text-align: left;}
div.TwoSidedTextLeft {padding: 0 2% 0 0;text-align: right;}
hr.twoSidedTableLine {border: 1px solid #ccc;width: 75%;clear: both;margin: 16pt auto;}

div.twoSidedTable_iNETLeft {text-align: center;width: 15%;display: table-cell;vertical-align: middle;}
div.twoSidedTable_iNETLeft img {width: 100%;height: auto;max-width: 200px;} 
div.twoSidedTable_iNETRight {text-align: center;width: 85%;display: table-cell;vertical-align: middle;padding: 0 0 0 2%;text-align: left;}

/*------------------------------------*\
	Main Site Classes
\*------------------------------------*/

ul.whatWeDo {list-style: none;margin: 0;padding: 0;}

ul.whatWeDo li.listWhatWeDo {float: left;width: 23.5%;border: 2px solid #ccc;border-radius: 10px;}
ul.whatWeDo li.Column1 {margin: 0 1% 16pt 0;}
ul.whatWeDo li.Column2 {margin: 0 1% 16pt 1%;}
ul.whatWeDo li.Column3 {margin: 0 1% 16pt 1%;}
ul.whatWeDo li.Column4 {margin: 0 0 16pt 1%;}

ul.whatWeDo li.listWhatWeDo img {width: 100%;height: auto;border-top-left-radius: 5px;border-top-right-radius: 5px;}
ul.whatWeDo li.listWhatWeDo h4 {text-align: center;padding: 0;margin: 6pt 0;font-size: 12pt;}
ul.whatWeDo li.listWhatWeDo p {font-size: 10pt;padding: 0 5%;text-align: center;}

div.homeSliderContainer {position: absolute;z-index: 44;width: 100%;height: 140px;margin: -70px 0 0 -50%;top: 50%;left: 50%;text-align: center;}
p.sliderHeader {color: #fff;font-size: 20pt;border: 2px solid #fff;padding: 16pt 24pt;display: inline;text-transform: uppercase;background: rgba(0,0,0,0.4);font-weight: 700;}
p.sliderCaption {margin: 24pt 0 12pt 0;color: #fff;font-size: 18pt;}
a.sliderButton {display: inline-block; background: #e77e23;text-transform: uppercase;padding: 8pt 12pt;color: #fff;border-radius: 10px;border: 0px; font-size: 10pt;}

/*------------------------------------*\
	Navigation header Classes
\*------------------------------------*/

.header {max-width: 1280px;position: fixed;z-index: 999;width: 80%;margin: 0 0 0 -40%;left: 50%;height: 75px;padding: 0 3%;background: #fff;box-shadow: 0px 0px 15px rgba(0,0,0,0.7);}

.logo {line-height: 75px;float: left;width: 20%;}

.nav {float: right;display: block;}
.nav ul {list-style: none;margin: 0;padding: 0;line-height: 75px;}
.nav ul li {margin: 0 0 0 8pt;padding: 0;display: inline-block;}
.nav ul li a{color: #444;font-weight: normal;padding: 4pt 6pt;border: 2px solid #fff;}
.nav ul li a:hover{text-decoration: none;border-radius: 10px;border: 2px solid #ccc;}
.nav ul li.current-menu-item  a{border-radius: 10px;border: 2px solid #fea53f;padding: 4pt 6pt;}

/*------------------------------------*\
	Pricing Page Classes
\*------------------------------------*/

table.pricingTable {width: 100%;border: 1px solid #ccc;border-radius: 10px;text-align: center;margin: 12pt 0;border-collapse: separate;}
table.pricingTable tr.firstRow {background: #fea53f;color: #fff;text-align: center;font-weight: 700;font-size: 12pt;}
table.pricingTable td, th {height: 40pt;border: 1px solid #ccc;}
table.pricingTable td.secondColumn {background: #eee;}
table.pricingTable tr:first-child th:first-child {border-top-left-radius: 9px;}
table.pricingTable tr:first-child th:last-child {border-top-right-radius: 9px;}
table.pricingTable tr:last-child td:first-child {border-bottom-left-radius: 9px;}
table.pricingTable tr:last-child td:last-child {border-bottom-right-radius: 9px;}
table.pricingTable th.firstColumn {width: 16%;}
table.pricingTable th {width: 28%;}

/*------`------------------------------*\
	Background Thumbnail Classes
\*------------------------------------*/

.postThumbnailFull {height: 100%;width: 100%;background: no-repeat center; background-size: cover;}
.postThumbnailCover {height: 80%;width: 100%;background: no-repeat center; background-size: cover;}

/*------------------------------------*\
	Higher Footer Classes
\*------------------------------------*/

ul.footerHighContent{font-size: 10pt; width: 80%; color: #fff; margin: 16pt auto 8pt auto; list-style: none; padding: 0;}
ul.footerHighContent span.footerHeader {font-size: 12pt; line-height: 60px; text-transform: uppercase;}

ul.footerHighContent li {float: left;}
ul.footerHighContent p {font-style: italic;color: #a2a4a8;}

li.footerHighLogoDesc, li.footerHighNews {width: 33%;}

li.footerHighContact {margin: 0 0 0 2%;width: 15%;}
li.footerHighContact table.footerContact {font-size: 9pt;font-weight: 300;font-style: italic;}
li.footerHighContact table.footerContact td.contactIcon {font-size: 12pt;color: #e77e23;padding: 2pt 4pt 2pt 0;}

li.footerHighUsefulLinks li.menu-item {float: none;}
li.footerHighUsefulLinks li a{color: #fff; font-weight: normal; font-style: italic;}
li.footerHighUsefulLinks li a:hover {text-decoration: underline;}
li.footerHighUsefulLinks {margin: 0 2% 0 0;width: 15%;}

div.latest-post {font-style: italic;color: #a2a4a8;}
span.newsDate {display: block;color: #eee;}

/*------------------------------------*\
	Lower Footer Classes
\*------------------------------------*/

.footerLowContent {font-size: 10pt;line-height: 32pt;padding: 0 10%;width: 100%;color: #fff;background: #252932; clear: both;}
.footerLowContent a {color: #fff;font-weight: 700;text-decoration: none;}
.footerLowContent a:hover {text-decoration: underline;}
.footerLowMadeBy {float: right;}

/*------------------------------------*\
    Contact Page Classes
\*------------------------------------*/
.wpcf7 {width: 75%;float: left;}

.wpcf7-form input.wpcf7-text, input.wpcf7-captchar, textarea{border-radius: 10px;border: 2px solid #ccc;width: 90%;padding: 4px;}
.wpcf7-form input.wpcf7-submit {background: #e77e23;text-transform: uppercase;padding: 12px 12px;color: #fff;border-radius: 10px;border: 0px;}
span.contactRedStar {color: #f00;}
.contactLabel {margin-bottom: 0px;}
.inputClass {margin-top: 0px;}

div.additionalContact {float: right;width: 25%;}
div.additionalContact h4 {text-transform: uppercase;font-size: 12pt;}
.contactIcon{font-size: 12pt; padding: 4px 8px; color: #e77e23;}

.Zasięg_Screen768px {display: block;}
.Zasięg_Screen512px {display: none;}
.Zasięg_Screen320px {display: none;}

/*------------------------------------*\
    IMAGES
\*------------------------------------*/

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (max-width:512px) {

.Zasięg_Screen768px {display: none;}
.Zasięg_Screen512px {display: none;}
.Zasięg_Screen320px {display: block;}

ul.whatWeDo li.listWhatWeDo {width: 100%;}
ul.whatWeDo li.Column1, ul.whatWeDo li.Column2, ul.whatWeDo li.Column3, ul.whatWeDo li.Column4 {margin: 0 0 16pt 0;}

p.sliderHeader {font-size: 12pt;padding: 4pt 6pt;}
p.sliderCaption {margin: 16pt 0 8pt 0;font-size: 10pt;}
a.sliderButton {font-size: 8pt;}

}

@media only screen and (min-width:512px) and (max-width:768px) {

.Zasięg_Screen768px {display: none;}
.Zasięg_Screen512px {display: block;}
.Zasięg_Screen320px {display: none;}

ul.whatWeDo li.listWhatWeDo {width: 49%;}
ul.whatWeDo li.Column1, ul.whatWeDo li.Column3 {margin: 0 1% 16pt 0;}
ul.whatWeDo li.Column2, ul.whatWeDo li.Column4 {margin: 0 0 16pt 1%;}

}
@media only screen and (max-width:768px) {
	li.footerHighLogoDesc {
		width: 100%;
		text-align: center;
		float: none;
	}
	
	li.footerHighContact {
		width: 49%;
		margin: 0 1% 0 0;
		float: left;
	}
	
	ul.footerHighContent span.footerHeader {
		text-align: center;
		display: block;
		line-height: 48px;
	}
	
	li.footerHighUsefulLinks {
		width: 49%;
		margin: 0 0 0 1%;
		float: right;
	}
	
	li.footerHighNews {
		width: 100%;
		text-align: center;
		float: none;
	}

	div.additionalContact {
		display: none;
	}
	
	.wpcf7 {
		float: none;
		width: 100%;
	}

	.wpcf7-form input.wpcf7-text, input.wpcf7-captchar, textarea {
		width: 100%;
	}
	
	.wpcf7-form input.wpcf7-submit {
		margin: 0 auto;
	}
	
	.submitClass {
		text-align: center;
	}
	
	div.twoSidedTable {
		width: 100%;
		display: block;
		text-align: center;
		padding: 0;
	}
	
	hr.twoSidedTableLine {
		width: 100%;
	}
	
	div.TwoSidedTextRight {
		margin: 8pt 0 0 0;
	}
	
	.nav {
		display: none;
	}
}
@media only screen and (max-width:960px) {
	.header {
		width: 100%;
		margin: 0 0 0 -50%;
	}
	
	.siteWrapper {
		width: 100%;
	}
	
	ul.footerHighContent{
		width: 100%;
		padding: 0 3%;
	}
	
	.footerLowContent {
		padding: 0 3%;
	}
}
}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#e77e23;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#e77e23;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#e77e23;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.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;
}
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%;
	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 .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}