* {
    margin: 0;
    padding: 0;
    outline: none;
}
*:focus {
    outline: none;
}
*:active {
    outline: none;
}
a,
img,
button {
    border: none;
}
sub,
sup {
    font-size: 70%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
strong {
	font-weight: 500;
}
/* nagłówki */
h1,
h2,
h3,
h4 {
	font-weight: 500;
}
p,
h1,
h2,
h3,
h4 {
    padding-bottom: 15px;
}
h1,
h1 a {
    font-size: 200%;
}
h2,
h2 a {
    font-size: 170%;
}
h3,
h3 a {
    font-size: 140%;
}
h4,
h4 a {
    font-size: 100%;
}
.item-page .page-header h1,
.blog-featured .page-header h1,
.blog .page-header h1 {
	background: none;
	padding: 0;
	margin-bottom: 30px;
    font-size: 24px;
	color: #004a8f;
}
.item-page .page-header h1,
body#o-firmie .item-page .page-header h1,
.contact h1 {
	background: #D4E5F4;
	padding: 35px 30px 20px 30px;
    margin-top: 0;		
    margin-bottom: 40px;
	color: #01376a;
    font-size: 18px;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.blog .item .page-header h2 {
	background: #D4E5F4;
	padding: 35px 30px 20px 30px;
    margin-top: 0;		
    margin-bottom: 40px;
	color: #01376a;
    font-size: 18px;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.blog .item .page-header h2 a {
	color: #01376a;
    font-size: 18px;
	text-decoration: none !important;
}
.blog  .item .page-header h2 a:hover {
	color: #ee1d25;
}
.H3 {
    margin-top: 0;		
	color: #01376a;
    font-size: 24px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
a {
    text-decoration: none;
}
#mainCol a {
    color: #004a8f;
}
#mainCol a:hover {
    color: #ee1d25;
}
.invalid {
    border-color: #ff0000;
}
label.invalid {
    color: #ff0000;
}
.star {
    color #cc0000;
}
/*************************************************************/
/********************* formularze *********************/
#mainCol fieldset {
	padding: 30px 5% 30px 5%;
}
#mainCol .control-group {
	padding: 10px 0 10px 0;
}
#mainCol  .controls {
	overflow: hidden;
}
#mainCol input[type="text"],
#mainCol input[type="email"], 
#mainCol input[type="password"],
#mainCol textarea{
	width: 94%;
}
@media only screen and (min-width: 600px) {
	.control-label {
		display: inline-block;
		width: 22%;
		padding-right: 3%;
		text-align: right;
	}
	.controls {
		display: inline-block;
		width: 72%;
	}
}
legend {
	margin: 0 10% 0 10%;
	padding: 0 2% 0 2%;
	font-weight: bold;
}
select {
	min-width: 250px;
}
textarea, 
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
.uneditable-input {
	background: white;
	border: 1px solid #DAD8D6;
    padding: 1px 5px 1px 5px;
    vertical-align: middle;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
}
textarea:hover, 
input[type="text"]:hover, 
input[type="password"]:hover, 
input[type="datetime"]:hover, 
input[type="datetime-local"]:hover, 
input[type="date"]:hover, 
input[type="month"]:hover, 
input[type="time"]:hover, 
input[type="week"]:hover, 
input[type="number"]:hover, 
input[type="email"]:hover, 
input[type="url"]:hover, 
input[type="search"]:hover, 
input[type="tel"]:hover, 
input[type="color"]:hover, 
.uneditable-input:hover, 
select:focus, 
textarea:focus, 
input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="datetime"]:focus, 
input[type="datetime-local"]:focus, 
input[type="date"]:focus, 
input[type="month"]:focus, 
input[type="time"]:focus, 
input[type="week"]:focus, 
input[type="number"]:focus, 
input[type="email"]:focus, 
input[type="url"]:focus, 
input[type="search"]:focus, 
input[type="tel"]:focus, 
input[type="color"], 
.uneditable-input:focus {
    background: -webkit-linear-gradient(#FEFEFE, #FAFAFA); 
    background: -o-linear-gradient(#FEFEFE, #FAFAFA); 
    background: -moz-linear-gradient(#FEFEFE, #FAFAFA); 
    background: linear-gradient(#FEFEFE, #FAFAFA);
}
.chzn-container a {
	text-decoration: none !important;	
}
button,
input.button,
button.button,
button.validate,
input[type="submit"] {
	background: #EE1D25;
	border: none;
    display: inline-block;
    padding: 8px 25px 8px 25px;
	font-size: 16px;
	font-weight: 500;
    text-align: center;
	text-transform: lowercase;
    vertical-align: middle;
    color: white;	
    cursor: pointer;	
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;	
}
button:hover,
input.button:hover,
button.button:hover,
button.validate:hover,
input[type="submit"]:hover {
    color: black;
}
/* form validation */

.invalid { 
	border-color: red !important;
}
label.invalid { 
	color: red;
}
/*************************************************************/
/********************* popover = tooltip *********************/
.popover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1010;
	display: none;
	max-width: 276px;
	padding: 1px;
	text-align: left;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,0.2);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	white-space: normal;
}
.popover.top {
	margin-top: -10px;
}
.popover.right {
	margin-left: 10px;
}
.popover.bottom {
	margin-top: 10px;
}
.popover.left {
	margin-left: -10px;
}
.popover-title {
	margin: 0;
	padding: 8px 14px;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	background-color: #f7f7f7;
	border-bottom: 1px solid #ebebeb;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
.popover-title:empty {
	display: none;
}
.popover-content {
	padding: 9px 14px;
	min-height: 33px;
}
.popover .arrow,
.popover .arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}
.popover .arrow {
	border-width: 11px;
}
.popover .arrow:after {
	border-width: 10px;
	content: "";
}
.popover.top .arrow {
	left: 50%;
	margin-left: -11px;
	border-bottom-width: 0;
	border-top-color: #999;
	border-top-color: rgba(0,0,0,0.25);
	bottom: -11px;
}
.popover.top .arrow:after {
	bottom: 1px;
	margin-left: -10px;
	border-bottom-width: 0;
	border-top-color: #fff;
}
.popover.right .arrow {
	top: 50%;
	left: -11px;
	margin-top: -11px;
	border-left-width: 0;
	border-right-color: #999;
	border-right-color: rgba(0,0,0,0.25);
}
.popover.right .arrow:after {
	left: 1px;
	bottom: -10px;
	border-left-width: 0;
	border-right-color: #fff;
}
.popover.bottom .arrow {
	left: 50%;
	margin-left: -11px;
	border-top-width: 0;
	border-bottom-color: #999;
	border-bottom-color: rgba(0,0,0,0.25);
	top: -11px;
}
.popover.bottom .arrow:after {
	top: 1px;
	margin-left: -10px;
	border-top-width: 0;
	border-bottom-color: #fff;
}
.popover.left .arrow {
	top: 50%;
	right: -11px;
	margin-top: -11px;
	border-right-width: 0;
	border-left-color: #999;
	border-left-color: rgba(0,0,0,0.25);
}
.popover.left .arrow:after {
	right: 1px;
	border-right-width: 0;
	border-left-color: #fff;
	bottom: -10px;
}