/*
Theme Name: Vaillant Partner 2017 - standard
Author: Marcin Jeleń
Description: Layout 2017 - standard
Template: bootstrap-four
Version: 0.1

bootstrapfour WordPress Theme, Copyright 2015 Taylor Young.
*/

@font-face {
  font-family: 'Interstate Regular';
  src: url("fonts/IntOTRg_.eot");
  src: url("fonts/IntOTRg_.eot?#iefix") format("embedded-opentype"), url("fonts/IntOTRg_.woff") format("woff"), url("fonts/IntOTRg_.ttf") format("truetype"), url("fonts/IntOTRg_.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Interstate Light';
  src: url("fonts/IntOTLt_.eot");
  src: url("fonts/IntOTLt_.eot?#iefix") format("embedded-opentype"), url("fonts/IntOTLt_.woff") format("woff"), url("fonts/IntOTLt_.ttf") format("truetype"), url("fonts/IntOTLt_.svg") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
    font-family: 'liberation_sansbold';
    src: url('fonts/LiberationSans-Bold-webfont.eot');
    src: url('fonts/LiberationSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/LiberationSans-Bold-webfont.woff') format('woff'),
         url('fonts/LiberationSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/LiberationSans-Bold-webfont.svg#liberation_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

html {
  font-size: 16px;
  height:100%;
}

@media (max-width: 991px){

	html {
		font-size: 14px;
	}
}



body{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,e5ebee+50,ffffff+100 */
	/*
background: #FFFFFF;
background: -moz-linear-gradient(top,  #017465 0%, #e5ebee 50%, #ffffff 100%);
background: -webkit-linear-gradient(top,  #017465 0%,#e5ebee 50%,#ffffff 100%);
background: linear-gradient(to bottom,  #017465 0%,#e5ebee 50%,#ffffff 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#017465', endColorstr='#ffffff',GradientType=0 ); 
background-repeat: no-repeat;
    background-attachment: fixed;
	*/
	font-family:arial,sans-serif;
	color:#555;
	height:100%;
}

a {
    color: #007465;
    -webkit-tap-highlight-color: transparent;
    text-decoration: none;
}

a:hover{
	color: #007465;
	text-decoration:underline;
}

.header__gradient {
    height: 500px;
    height: 30rem;
    background-image: -webkit-linear-gradient(top, #007465 4em,#007465 4em,#fff 24em,#fff 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(4em, #007465), color-stop(4em, #007465), color-stop(24em, #fff), to(#fff));
    background-image: -webkit-linear-gradient(top, #007465 4em, #007465 4em, #fff 24em, #fff 100%);
    background-image: linear-gradient(to bottom, #007465 4em,#007465 4em,#fff 24em,#fff 100%);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: -1;
    width: 100%;
}

h1,h2,h3,h4,h5,h6{
	font-family: "Interstate light",arial,sans-serif;
    font-weight: normal;
    color: #333;
	line-height:1.2;
}

header .header-full{
	background:#FFF;
	padding:20px 0;
	border-bottom:#00927E 4px solid;
}

header .header-border-bottom{
	background-color:#69AB9E;
	height:2px;
}

header .company-identity{
	border-left:20px #42929d solid;
	padding-left:0;
}

header h1.company-name{
	font-family: 'Interstate Regular';
	font-weight:bold;	
	font-size:28px;
	line-height:1.15;
	text-transform:uppercase;
	padding-left:10px;
	padding-bottom:5px;
	margin:0;
	text-shadow: 2px 1px 1px rgba(150, 150, 150, 1);
}

header h1.company-name a{
	color:#000000;
	text-decoration:none;
}

header h2.company-subname{
	font-family: 'Interstate Regular';
	font-size:22px;
	color:#999;
	display:inline-block;
	border-bottom:10px #42929d solid;
	padding:0 25px 10px 10px;
	margin:0;
	text-shadow: 1px 1px 1px rgba(100, 100, 100, 1);
} 

header h2.company-subname a{
	color:#aaa;
	text-decoration:none;
}

header .vail-logo{
	display:table;
}

header .vail-logo div{
	display:table-cell;
	vertical-align:middle;
}

header .vail-logo img{
	float:right;
	vertical-align:middle;
}

@media (max-width: 575px){
	header .header-full{
		padding:20px 0;
	}
	header .company-identity{
		margin-left:15px;
	}
	header .vail-logo img{
	float:left;
	margin-top:15px;
	vertical-align:middle;
	}
}

.sticky.is-sticky {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
}

.navbar.sticky{
	background:none;
}

.navbar.is-sticky{
	background:#369085;
}

@media (max-width: 767px){

	.navbar.is-sticky{
		background:none;
	}
}

.navbar-light.topmenu .navbar-toggler {
    border-color: rgba(255,255,255,.2);
	/*
	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
	*/
	
	background-color:#369085;
	background-image:url("img/menu-collapse-button.png");
}

nav.topmenu{
	font-family: "Interstate light",arial,sans-serif;
	font-size:15px;
	margin-bottom:0;
}


.navbar-light.topmenu .navbar-nav .nav-link{
	color:#fff;
}

.navbar-light.topmenu .navbar-nav .nav-link:hover{
	color:#000;
}

.navbar-light.topmenu .navbar-nav .nav-item.active .nav-link{
	color:#000;
	text-decoration:underline;
}


ul.nav.navbar-nav{
	background:#369085;
	padding:0 10px;
}

ul.nav.navbar-nav li{
	text-align:right;
}

nav.topmenu .dropdown-menu{
	font-size:15px;
	color:#007465;
}

@media (max-width: 767px){
#navbarResponsive{
	position: absolute;
    right: 15px;
    z-index: 100;
}
}

.breadcrumbs a{
	color:#333;
}

/* Main page */

div#contact{
	background-color: rgb(255, 255, 255);
    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 116, 101, 0.85);;
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	
	padding:20px 25px;
	margin-top:60px;
	/*margin-bottom:130px;*/
}

@media (max-width: 575px){

	div#contact{
		padding-bottom:10px;
		padding-top:15px;
	}
}


div#contact h1{
	font-size:26px;
	color:#eeeeee;
	font-family:"Interstate Light",Arial;
	padding-bottom:15px;
	border-bottom:1px #a5a5a5 solid;
	margin-bottom:15px;
}

div#contact p{
	color:#eeeeee;
	font-family:"Interstate Light",Arial;
	font-size:20px;
	line-height:28px;
	margin-bottom:0;
}

div#contact a{
	color:#eeeeee;
	cursor:default;
}

div#contact a:hover, div#contact a:active{
	text-decoration:none;
}

#main-page-intro .adress{
	margin-bottom:60px;
}

div.adress{
	background-color: rgb(255, 255, 255);
	/* RGBa with 0.6 opacity */
    background-color: rgba(255, 255, 255, 0.85);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	padding:15px 25px;
}

@media (max-width: 575px){

	div.adress{
		padding-top:10px;
		padding-left:25px;
	}
}

div.adress h2{
	font-size:20px;
	font-weight:bold;
	font-family:"Interstate Regular",Arial;
	line-height:25px;
}

div.adress p{
	margin-bottom:0;
}

div.adress a{
	color:#555;
}

div.adress a:hover, div.adress a:active{
	text-decoration:none;
	cursor:default;
}

.main-container div.adress{
	background-color: #adccc4;
    background-image: -webkit-gradient(linear, mod(470deg, 360deg), from(rgba(255,255,255,0)), to(rgba(255,255,255,0.76)));
    background-image: -webkit-linear-gradient(mod(470deg, 360deg), rgba(255,255,255,0), rgba(255,255,255,0.76));
    background-image: -webkit-linear-gradient(110deg, rgba(255,255,255,0), rgba(255,255,255,0.76));
    background-image: linear-gradient(-20deg, rgba(255,255,255,0), rgba(255,255,255,0.76));
}

div#services{
	/*background-color: rgb(0, 116, 101);
    background-color: rgba(0, 116, 101, 0.85);
	*/
	color:#FFF;
	font-family:"Interstate Light",Arial;
	font-size:14px;
	font-weight:100;
	padding:0px;
}

div#services ul{
	background-color: rgba(0, 116, 101, 0.85);
	padding:10px 5px 10px 25px;
}

div#services p{
	margin-bottom:5px;
	margin-bottom:0;
}

div#services p.second{
	padding-left:200px;
}

@media (max-width: 991px){
	div#services{
		font-size:14px;
	}
	
	div#services ul{
		display:block;
		float:left;
		padding-left:30px;
	}
	
	div#services ul li{
		float:left;
		padding:0;
		margin-right:25px;
	}

}

#services-logos{
	padding-bottom:25px;
	border-bottom:2px #92cfc8 solid;
}

#service-list{
	margin-bottom:15px;
}

#service-list li{
	margin-bottom:5px;
}

#service-list a{
	color:#027262;
	text-decoration:underline;
}

#service-list a:hover{
	color:#000;
	text-decoration:none;
}

.logo-in-services{
	margin-bottom:20px;
}

@media (min-width: 992px) and (max-width: 1199px){
	.logo-in-services{
		margin-top:53px;
		margin-bottom:0;
	}
}

@media (min-width: 1200px) {
	.logo-in-services{
		margin-top:45px;
		margin-bottom:0;
		margin-right:20px;
	}
}

.promo-box{
	border:1px rgb(227, 227, 227) solid;
	border-radius:5px;
	overflow:hidden;
}

.promo-box.with-badge{
	position:relative;
}

.promo-box .promo-badge{
	position:absolute;
	top:0;
	left:10px;
	background:#ff8000;
	padding:5px 15px;
	color:#FFFFFF;
	font-family: "Interstate Regular";
	text-align:center;
}

.promo-box .promo-badge .badge-first-line{
	font-size:14px;
}

.promo-box .promo-badge .badge-price{
	font-size:20px;
	font-weight:bold;
}

.justify-content-center{-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important}


.promo-text h3{
	color:#007465;
	font-size: 22px;
	line-height:1.3;
	font-family: "Interstate light",arial,sans-serif;
	margin-bottom:0;
}

.promo-text h3 a{
	padding:15px;
}

.promo-text h3 a:hover {
	text-decoration:none;
	color:#555;
}

.promo-text h4{
	color:#007465;
	font-size: 18px;
	font-family: "Interstate light",arial,sans-serif;
	line-height:1.3;
	padding:10px;
}

.promo-text p a{
	padding-right:15px;
	color:#555;
}

.promo-text p a:hover{
	color:#007465;
}


.news-header{
	font-size:26px;
	line-height:26px;
	font-family: "Interstate light",arial,sans-serif;
	
	padding:15px 30px;
	border-radius:10px;
	
	background: #e8e8e8;
	background: -moz-linear-gradient(top,  #e8e8e8 62%, #ffffff 100%);
	background: -webkit-linear-gradient(top,  #e8e8e8 62%,#ffffff 100%);
	background: linear-gradient(to bottom,  #e8e8e8 62%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ffffff',GradientType=0 );
	
	-webkit-box-shadow: 0px 5px 5px 0px rgba(150,150,150,1);
	-moz-box-shadow: 0px 5px 5px 0px rgba(150,150,150,1);
	box-shadow: 0px 5px 5px 0px rgba(150,150,150,1);
	
	position:relative;
	left:-50px;
	top:20px;

	float:left;
}

.news-header img{
	max-height:24px;
	vertical-align:middle;
	margin-right:10px;
}

.news-header p{
	margin:0;
}

div.news-list ul{
	margin-top:45px;
	color:#007465;
}

div.news-list ul li{
	margin-bottom:10px;
}

div.news-list ul li a{
	text-decoration:underline;
}

div.news-list ul li a:hover{
	color:#555;
	text-decoration:none;
}

@media (max-width: 991px) {
	.news-header{
		left:0;
		top:0;
		float:none;
	}
	
	div.news-list ul{
		margin-top:15px;
	}
	
	div.news-list ul li{
		margin-bottom:7px;
	}
}


.useful-info h3{
	font-size:22px;
	margin-bottom:0;
}

.useful-info p{
	font-size:14px;
}

.useful-info p a{
	color:#555;
	padding-top:10px;
}

.useful-info p a:hover{
	text-decoration:none;
}

blockquote.blockquote{
	font-size:1.05rem;
}

/* Pages */

.page-top-banner{
	height:100%;
	background-size:cover;
	background-position:top center;
}



/* FOOTER */


footer.whole-page-footer{
	position:absolute;
	bottom:0;
	right:0;
	left:0;
}

footer.whole-page-footer .slogan{
	border-bottom:4px #00917e solid;
}

footer.whole-page-footer .slogan p{
	font-family:"Interstate Light";
	font-size: 22px;
	margin-bottom:5px;
}

.slogan2{
	/*border-top:4px red solid;*/
	background-image:url("img/wave.jpg");
	background-repeat:no-repeat;
	background-position:72% 0;
	position:relative;
	top:-4px;
}

.slogan2 img{
	margin-top:15px;
}

.footer-bottom{
	padding-bottom: 1.5rem;
	padding-top: 2rem;
    background-color: #ebf3f1;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3f1), to(#adccc4));
    background-image: -webkit-linear-gradient(top, #ebf3f1, #adccc4);
    background-image: linear-gradient(to bottom, #ebf3f1, #adccc4);
}

.footer-menu{
	font-size:12px;
}

.footer-menu li{
	float:left;
	border-left:1px #333 solid;
}

.footer-menu li:first-child{
	padding-left:0;
	border-left:0;
}

.footer-menu li a{
	display:block;
	padding:0 20px;
	color: #333;
}

.footer-menu li a:hover{
	text-decoration:underline;
}

footer .additional-links a{
	font-size:12px;
	color: #333;
	line-height:12px;
	text-decoration:underline;
}

footer .widget{
	margin:0;
	margin-top:-10px;
}

footer .widget h2{
	display:none;
}

footer .widget ul.cpd{
	list-style-type:none;
}

footer .widget ul.cpd li{
	display:block;
	float:left;
	font-size:12px;
	line-height:14px;
	padding:0 6px;
	border-right:1px #666 solid;
}

footer .widget ul.cpd li:last-child{
	border-right:0;
	padding-right:0;
}

/* GLOBAL */

.clearfix{
	clear:both;
}

.pr-none{
	padding-right:0 !important;
}

.pl-none{
	padding-left:0 !important;
}

.pos-relative{
 	position:relative !important;
}

.pos-absolute{
 	position:absolute !important;
}

.mt-xlg{
	margin-top:25px !important;
}

.mt-xxl{
	margin-top:45px !important;
}

.text-center{
	text-align:center;
}

.text-right{
	text-align:right;
}


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

.btn-vaillant{
	background-color:#00917e;
	color:#FFF;
    -webkit-box-shadow: 0 1px 3px 1px rgba(0,0,0,0.2);
	box-shadow: 0 1px 3px 1px rgba(0,0,0,0.2);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.2)), color-stop(50%, rgba(255,255,255,0)), color-stop(50%, transparent), to(rgba(0,0,0,0.2)));
    background-image: -webkit-linear-gradient(rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 50%, transparent 50%, rgba(0,0,0,0.2) 100%);
    background-image: linear-gradient(rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 50%, transparent 50%, rgba(0,0,0,0.2) 100%);
    text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
}

.btn-vaillant:hover{
	color:#FFF;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.2)), color-stop(50%, rgba(255,255,255,0)), color-stop(50%, transparent), to(rgba(255,255,255,0.2)));
	background-image: -webkit-linear-gradient(rgba(0,0,0,0.2)) 0%, rgba(255,255,255,0) 50%, transparent 50%, rgba(255,255,255,0.2) 100%);
	background-image: linear-gradient(rgba(0,0,0,0.2) 0%, rgba(255,255,255,0) 50%, transparent 50%, rgba(255,255,255,0.2) 100%);
}

.font-size-sm{
	font-size:0.9rem !important;
}

.font-size-xl{
	font-size:1.1rem !important;
}

.text-vaillant{
	color:#00917e;
}

/* Strony */

.breadcrumbs{
	font-size:12px;
	color:#333;
	margin-bottom:25px;
	padding-bottom:10px;
	border-bottom: 1px solid #acacac;
}

.breadcrumbs span[typeof="ListItem"]{
	margin:0 5px;
}

.breadcrumbs span[typeof="ListItem"] a{
	color:#333;
}

.breadcrumbs span[typeof="ListItem"] a:hover{
	text-decoration:underline;
}


.entry-header h1{
	font-family: "Interstate light",arial,sans-serif;
    font-weight: normal;
    color: #333;
	margin: 0 0 0.5em;
}

input.wpcf7-text{
	padding: 8px 16px;
	padding: 0.5rem 1rem;
	font-size: 16px;
	font-size: 1rem;
	height: 34px;
	height: 2.125rem;
	-webkit-box-shadow: inset 0 0.1em 0.2em rgba(0,0,0,0.2);
	box-shadow: inset 0 0.1em 0.2em rgba(0,0,0,0.2);
	border-radius: 0.5rem;
	border: 1px solid #ccc;
	-webkit-appearance: none;
	color: #444;
	width: 100%;
	max-width:360px;
	outline:none;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
}

input.wpcf7-text:focus, input.wpcf7-text:active, textarea.wpcf7-textarea:focus, textarea.wpcf7-textarea:active{
	border:1px #000 solid;
}

textarea.wpcf7-textarea{
	height: 7.5rem;
	margin: 0 0 8px;
	margin: 0 0 0.5rem;
	max-width:460px;
	width: 100%;
	padding: 8px 16px;
  padding: 0.5rem 1rem;
  font-size: 16px;
  font-size: 1rem;
  /*height: 34px;*/
  min-height: 9.125rem;
  -webkit-box-shadow: inset 0 0.1em 0.2em rgba(0,0,0,0.2);
  box-shadow: inset 0 0.1em 0.2em rgba(0,0,0,0.2);
  border-radius: 0.5rem;
  border: 1px solid #ccc;
  -webkit-appearance: none;
  color: #444;
  width: 100%;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
	outline:none;
}

select.wpcf7-select{
	padding: 8px 16px;
	padding: 0.5rem 1rem;
	font-size: 16px;
	font-size: 1rem;
	height: 36px;
	height: 2.225rem;
	-webkit-box-shadow: inset 0 0.1em 0.2em rgba(0,0,0,0.2);
	box-shadow: inset 0 0.1em 0.2em rgba(0,0,0,0.2);
	border-radius: 0.5rem;
	border: 1px solid #ccc;
	color: #444;
	width: 100%;
	max-width:360px;
	outline:none;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
}

.wpcf7-checkbox input[type=checkbox]{
	height:18px;
	width:18px;
	position: relative;
    top: 3px;
}

.wpcf7-checkbox span.wpcf7-list-item{
	margin-left:0;
}

.wpcf7-submit{
	font-size: 16px;
    font-size: 1rem;
    margin: 0;
    border-radius: 0.5em;
    position: relative;
    display: inline-block;
    line-height: 1;
    cursor: pointer;
    color: #fff;
    border: 1px solid #007465;
    padding: 0.6em 1.2em;
    background-color: #00917e;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.2)), color-stop(50%, rgba(255,255,255,0)), color-stop(50%, transparent), to(rgba(0,0,0,0.2)));
    background-image: -webkit-linear-gradient(rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 50%, transparent 50%, rgba(0,0,0,0.2) 100%);
    background-image: linear-gradient(rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 50%, transparent 50%, rgba(0,0,0,0.2) 100%);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 1px 3px 1px rgba(0,0,0,0.2);
    box-shadow: 0 1px 3px 1px rgba(0,0,0,0.2);
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
}

.wpcf7-submit:hover{
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.2)), color-stop(50%, rgba(255,255,255,0)), color-stop(50%, transparent), to(rgba(255,255,255,0.2)));
  background-image: -webkit-linear-gradient(rgba(0,0,0,0.2)) 0%, rgba(255,255,255,0) 50%, transparent 50%, rgba(255,255,255,0.2) 100%);
  background-image: linear-gradient(rgba(0,0,0,0.2) 0%, rgba(255,255,255,0) 50%, transparent 50%, rgba(255,255,255,0.2) 100%);
} 

.gmap_marker h2{
	font-size:1.1rem;
	margin-bottom:5px;
}

.gmap_marker p{
	font-size:14px !important;
	line-height:1.4 !important;
}

.button-rect{
	border-radius: 0;
    position: relative;
    display: inline-block;
    line-height: 1;
    cursor: pointer;
    color: #fff;
    border: 0;
    font-weight: normal;
    background-color: #00917e;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-decoration: none;
    padding: 0.6em 1.5em;
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.button-rect:hover, .button-rect:focus{
	color: #fff;
	text-decoration:none;
	background-color: #007465;
}


.vaillant-info-box{
	border:1px #e3e3e3 solid;
	padding:15px 10px 5px 60px;
	background-color:#fcfaf8;
	background-repeat:no-repeat;
	background-position: 15px 10px;
}

.vaillant-info-box h5{
	font-size:1.2rem;
	margin-bottom:10px;
}

.vaillant-info-box p{
	margin-bottom:5px;
	font-size:0.95em;
	padding-left:25px;
}

.vaillant-info-box.working-hours{
	background-image:url('img/working-hours-bg.png');
}

.vaillant-info-box.how-to{
	background-image:url('img/how-to-bg.png');
}

.vaillant-info-box.contact{
	background-image:url('img/contact-ico.png');
}

/* oferta */

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

.thumbnail .caption {
    padding: 9px;
    color: #333;
}

a.thumbnail:hover{
	text-decoration:none;
	background-color:#faf8f3;
}

.thumbnail h4 a{
	 color:#333;
}

.thumbnail h4 a:hover, .thumbnail h4 a:active{
	text-decoration:none;
}

.produkt-mini{
	border: 1px solid #e3e3e3;
    background-color: #fff;
    color: #555;
    border-radius: 0.5rem;
	overflow:hidden;
	margin:15px 0;
}

.produkt-mini:hover{
	background:#faf8f3;
}

.produkt-mini-zdjecie{
	position:relative;
}

.opis-produktu-skrot{
	position:relative;
	padding-top:20px;
	padding-bottom:30px;
}

.opis-produktu-skrot a{
	color:#555;
	display:block;
	height:100%;
}

.opis-produktu-skrot a h4{
	color:#007465;
}

.opis-produktu-skrot.skrot-sd a h4{
	color:#AE151B;
}

.opis-produktu-skrot a:hover{
	text-decoration:none;
}

.single-produkty_sd .opis-produktu{
	margin-top:15px;
}

.produkt-tagi{
	position:absolute;
	bottom:0;
	padding:7px 10px;
}

.produkt-tagi ul{
	list-style-type:none;
	padding:0;
	margin:0;
}

.produkt-tagi ul li{
	float:left;
	margin-left:10px;
}

.produkt-tagi ul li img{
	margin-right:5px;
}


.materialy-download ul{
	list-style-type:none;
	list-style-image:url('img/download-ico.png');
}

.materialy-download.materialy-download-sd ul{
	list-style-image:url('img/download-ico-sd.png');
}

.materialy-download ul li{
	margin-bottom:5px;
}

.materialy-download ul li a{
	color:#007465;
	font-size:1.1em;
}

.materialy-download.materialy-download-sd ul li a{
	color:#AE151B;
	font-size:1.1em;
}


#cboxNext, #cboxPrevious {
	outline:none;
}


.sd-offer-box{
	padding:20px; 
	border:1px #e3e3e3 solid;
}

.sd-offer-box h3 a{
	color:#AE151B;
}


.testo-device{
	margin-bottom:30px;
}


.testo-device h4{
	font-size:1.3rem;
	color:#ff9900;
	padding-top:20px;
	border-top:1px #E3E3E3 solid;
}


ul.sidebar-pagelist-new{
	list-style-type:none;
	margin:0;
	padding:0;
}

ul.sidebar-pagelist-new li{
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
    border-radius: 0.5rem;
    background: #fff;
    border: 1px solid #e3e3e3;
	font-size: 0.8rem;
    padding: 0;
	margin-bottom: 0.8rem;
}

@media (max-width: 991px){

	ul.sidebar-pagelist-new li{
		font-size:1rem;
	}
}

ul.sidebar-pagelist-new li a{
	padding: 0.7rem 0.8rem;
    display: block;
    color: #333;
    font-weight: normal;
    text-decoration: none;
    word-wrap: break-word;
}

ul.sidebar-pagelist-new li a:hover{
	color:#007465;
	background-color: rgb(235, 243, 241);
	border-radius: 0.5rem;
}


ul.sidebar-pagelist-new li.current-menu-item a, ul.sidebar-pagelist-new li.current-produkty-parent a, ul.sidebar-pagelist-new li.current_page_item a{
	background: #adccc4;
	color:#007465;
	border-radius: 0.5rem;
}

ul.sidebar-pagelist-new.sidebar-sd li.current-menu-item a, ul.sidebar-pagelist-new li.current-rodzaj_sd-ancestor a, ul.sidebar-pagelist-new li.current-produkty_sd-ancestor a{
	background: #E72455;
	color:#FFFFFF;
	border-radius: 0.5rem;
}

ul.sidebar-pagelist-new.sidebar-sd li a:hover{
	background-color: #E9ADBC;
	color:#333;
}



div.navigation{
	text-align:center;
}

.wp-paginate a{
	background:#FFF !important;
	color:#007465 !important;
	border: 1px solid #f8f8f8 !important;
	box-shadow: 0 1px 3px 1px rgba(0,0,0,0.2);
	border-radius:5px;
}

.wp-paginate a:hover{
	background:#dddddd !important;
	color:#666 !important;
}

.wp-paginate .current {
    color: #fff !important;
    background: #007465 !important;
    border: 1px solid #007465 !important;
	box-shadow: 0 1px 3px 1px rgba(0,0,0,0.2);
	border-radius:5px;
}

ol.wp-paginate li{
	
}

.wp-paginate .title{
	color:#007465 !important;
}



/* Aktualności */

.postlist article{
	border:1px #e3e3e3 solid;
	border-radius:5px;
	padding:0 !important;
}

.postlist article h2{
	font-size:18px;
}

.postlist article p{
	font-size:0.8em;
	margin-bottom:0;
}

.postlist article .entry-content{
	padding:0 20px;
}

.postlist article .entry-header{
	padding:20px 20px 0 20px;
}

.postlist a.read-more{
	display:block;
	background-color:#adccc4;
	text-align:right;
	padding:2px 20px;
	color:#007465;
	font-size:14px;
	margin-top:15px;
}

.postlist a.read-more:hover{
	text-decoration:none;	
	background:#C7E6DE;
}


article.post.type-post{
	border:1px #e3e3e3 solid;
	border-radius:5px;
	padding:20px 25px;
}

.post-date{
	background:#e8e8e8;
	border-radius:5px;
	padding:5px 20px;
	padding-left:15px;
	display:inline-block;
	margin-bottom:5px;
	margin-top:-5px;
}

footer.entry-footer{
	position:static;
}

/* ABC Ogrzewania */

.knowledge-box p a{
	color:#555;
}

.knowledge-box p a:hover{
	text-decoration:none;
}

p.rysunek{
	margin-bottom:2px;
}

p.podpis-rysunku{
	font-size:0.9rem;
	font-style:italic;
}

.embed-responsive-5by4{
	padding-bottom:80%;
}

.abc-article-box{
	background:#fcfaf8;
	border-radius:5px;
	border:1px #dddddd solid;
	transition:background 0.3s;
	margin-bottom:30px;
	overflow:hidden;
}

.abc-article-box img{
	width:100%;
}

.abc-article-box:hover{
	background:#eee;
	transition:background 0.3s;
}

.abc-article-box h4{
	font-size:20px;
}

.abc-article-box h4 a{
	display:block;
}

.abc-article-box p, .abc-article-box h4{
	padding:0 15px;
}

.abc-article-box p a{
	color:#333333;
	font-size:12px;
}

.abc-article-box p a:hover{
	text-decoration:none;
}

/* Kalkulatory */

.dane-kalkulator{
	padding:20px;
	background-color:#fafafa;
	border-radius:5px;
	border:1px #ddd solid;
	margin-bottom:25px;
}

.dane-blad{
	font-size:0.8rem;
	color:red;
	font-style:italic;
}

td.wynik{
	text-align:center;
}

td.td-co{
	background:red;
}

td.td-cwu{
	background:blue;
}

td.td-razem{
	font-weight:bold;
	background:#111111;
}

td.td-gaz{
	background:yellow;
	color:#555;
}

td.td-olej{
	background:red;
}

td.td-lpg{
	background-color: #00b050;
}

td.td-wegiel{
	background-color: #272727;
}

td.td-prad{
	background-color: #0070c0;
}

td.td-drewno{
	background-color: #930;
}

.solar-result{
	padding:20px 50px;
	border-radius: 5px;
	background:#FDEF83;
	display:table;
	font-size:1.5rem;
	font-weight:bold;
	margin:0 auto;
}

.modernization-result{
	font-size:1.5rem;
	font-weight:bold;
	text-align:center;
}

/* Flexible iFrame */

.Flexible-container {
    position: relative;
    padding-bottom: 26.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

@media (max-width: 991px){
	.Flexible-container{
		padding-bottom: 45.25%;
	}
}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Bootstrap addition */
@media (min-width: 1200px){
	.pr-xl-0{padding-right:0!important}
	.pl-xl-0{padding-left:0!important}
}


/* custom pages css */

div.opinia-klienta{
	padding:20px 0;
	font-style:italic;
	border-top:1px #ddd solid;
}

table.opinia-stopka{
	font-style:normal;
	font-size:0.9em;
}

table.opinia-stopka tr td{
	padding-right:5px;
}


/* FIX gallery */

.gallery {
	margin: auto;
	}
	.gallery.gallery-columns-3 .gallery-item {
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 33%;
	}
	.gallery img {
	border: 2px solid #cfcfcf;
	}
	.gallery .gallery-caption {
	margin-left: 0;
	}
	
	.gallery.gallery-columns-2 .gallery-item {
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 50%;
	}
	
	.gallery.gallery-columns-4 .gallery-item {
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 25%;
	}
	
	
/* ŚWIĘTA BOŻE NARODZENIE

.swieta-bn
{
	text-align:center;
	font-weight:bold;
	font-style:italic;
	color:#B3000C;
	font-family: 'Great Vibes', cursive;
	font-size:40px;
	line-height:54px;
	text-shadow: 1px 1px #FFFFFF;
	padding-top:25px;
}


@media (max-width: 991px){
	.swieta-bn
	{ font-size:30px;
	  line-height:40px;
	  padding-top:80px;
	}
}

@media (max-width: 767px){
	.swieta-bn
	{ font-size:30px;
	  line-height:40px;
	  padding-top:20px;
	}
}

.swieta-bn .nazwa-firmy{
	font-family:'Interstate Regular';
}
*/