/*
	Theme Name: Landing Page Redesign
*/

/*------------------------------------*\
    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 {
	font-size:62.5%;
}
body {
	font: 400 15px/1.429 'Lato', Helvetica, Arial, sans-serif;
	color:#373b41;
	background: #eff2f5;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#004797;
	text-decoration:none;
}
a:hover {
	color:#004797;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}
a.email.blue {
	padding: 0 0 0 17px;
	background: url(../img/email-ico.png) no-repeat left center/13px auto;	
	color: #004797 !important;
	text-decoration: none !important;
}
.mobile {
	display: none !important;
}
.direct-call {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #0558a3;
	-webkit-box-shadow:inset -2px -2px 0px #00326b, inset 2px 2px 0px #007ccb, 2px 3px rgba(0,0,0,.16);
	-moz-box-shadow: inset -2px -2px 0px #00326b,inset 2px 2px 0px #007ccb,2px 3px rgba(0,0,0,.16);
	box-shadow:inset -2px -2px 0px #00326b,inset 2px 2px 0px #007ccb, 2px 3px rgba(0,0,0,.16);
	background-image: -webkit-linear-gradient(top, #0071b4, #004797);
	background-image: -moz-linear-gradient(top, #0071b4, #004797);
	background-image: -o-linear-gradient(top, #0071b4, #004797);
	background-image: -ms-linear-gradient(top, #0071b4, #004797);
	background-image: linear-gradient(to bottom, #0071b4, #004797);
	font-weight: bold;
	color: #fff;
	padding: 5px 10px;
	display: inline-block;
	position: absolute;
	right: 15px;
	font-size: .800em;
}
.direct-call:hover {
	color: #fff;
}
.direct-call span:before {
	width: 19px;
	height: 30px;
	content: '';
	display: block;
	float: left;
	background: url(../img/direct-call.png) no-repeat;	
	background-size: contain;
	background-position: center center;
	margin-right: 10px;
}
.direct-call span {
	display: block;
	line-height: 1em;
	font-size: 1.35em;
	text-align: center;
	text-shadow: 1px 1px 2px #00326b;
}
.direct-call span strong {
	float: left;
	display: block;
}
a.email {
	padding: 0 0 0 17px;
	olor: #fff;
	background: url(../img/email-ico-white.png) no-repeat left center/13px auto;	
}
a.attention-link {
	background: #0860a9; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #0860a9 2%, #004797 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  #0860a9 2%,#004797 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  #0860a9 2%,#004797 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0860a9', endColorstr='#004797',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	color: #fff;
	padding: 15px 20px;
	font-weight: bold;
	display: block;
	position: fixed;
	top: 50%;
	margin: -87.5px 0 0 0;
	-webkit-transform: rotate(-90deg);   
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	z-index: 1000;
	left: -120px;
	font-size: 1.2em;
	transition: left .2s ease-in-out;
}
.attention-link:after {
	position: absolute;
	width: calc(100% - 6px);
	height: calc(100% - 6px);
	box-shadow: 0px 0px 0px 1px rgba(175,212,44,0);
	content: '';
	display: block;
	top: 0;
	left: 0;
	z-index: 10;
	margin: 3px;
	transition: box-shadow .3s ease-in-out;
}
.attention-link:before {
	content: '';
	display: block;
	float: left;
	height: 20px;
	width: 15px;
	background: url(../img/calc-icon.png);
	background-size: contain;
	background-repeat: no-repeat;
	height: 27px;
	width: 25px;
	margin-right: 3px;
}
.attention-link:hover:after {
	box-shadow: 0px 0px 0px 1px rgba(175,212,44,1);
}
a.attention-link.show {
	left: -60px;
}
a.stoerer {
	color: #004797;
} 
a.stoerer:before {
	width: 8px;
	height: 13px;
	content: '' !important;
	display: block;
	background: url(../img/main-sub-nav-bullet-sprite.png) -16px top /24px 13px;
	float: left;
	margin: 5px 5px 5px 0px
}
hr {
	border-bottom: 0px;
	border-top: 1px solid #eef1f4;
}
/*------------------------------------*\
    Forms
\*------------------------------------*/
input[type="search"]	{
	border: 1px solid #d2d7dc;
 	background: #f4f6f8;
	padding: 8px;
	color: #989ea4;
	font-size: .9em;
}
select {
	border: 1px solid #d2d7dc;
	padding: 4px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefe+0,f5f6f8+99 */
	background: #fefefe; /* Old browsers */
	background: -moz-linear-gradient(top,  #fefefe 0%, #f5f6f8 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fefefe 0%,#f5f6f8 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fefefe 0%,#f5f6f8 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f5f6f8',GradientType=0 ); /* IE6-9 */
	color: #585b5f;
}
/*------------------------------------*\
    ANIMATION HELPER
\*------------------------------------*/
.delay-one {
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
}
.delay-two {
	animation-delay: 1.6s;
	-webkit-animation-delay:1.6s;
	-moz-animation-delay: 1.6s;
}
.delay-three {
	animation-delay: 2.2s;
	-webkit-animation-delay: 2.2s;
	-moz-animation-delay: 2.2s;
}
/*------------------------------------*\
    HELPER
\*------------------------------------*/
.flt {
	float: left;
}
.ew-light-blue {
	background: #0558a3;
}
.ew-blue {
	background: #004797;
}
.ew-light-green {
	background: #00a6eb;
}
small {
	color: #000;
	font-weight: 700;
}
/*------------------------------------*\
    Special
\*------------------------------------*/

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

/* wrapper */
.wrapper {
	max-width:1024px;
	width:100%;
	padding: 0px 15px;
	margin:0 auto;
	position:relative;
}
.result {
	padding:50px 15px 0 15px;
}
.result article {
	background:#fff;
	padding:20px;
}
/* header */
.header {
	background: #fff;
}
.header > .wrapper {
	padding: 30px 15px;
}
.subheader {
	background: #0558a3;
	color: #fff;
	padding: 5px 0px;
	font-size: 0.867em;
}
.teaser {
	background: #fff;
}
/* logo */
.logo {
	float: left;
	width: 50%;
}
.logo-img {
	max-width: 300px;
}
/* footer */
.footer {
	background: #fff;
	font-size:11px;
	box-sizing:border-box;
}
.footer .wrapper {
	margin: 0 auto;
}
.footer div {
    border-top: 1px solid #eef1f4;
    padding:0 20px;
}
.footer ul {
    float: right;
}
.footer ul li {
    float: left;
    padding: 0 20px 0 0;
    list-style: none;
}
.footer ul li:last-child {
    padding: 0;
}
.footer .top-themen {
	background: #eef1f4;
}
.footer > .top-themen > .wrapper {
	padding: 40px 15px 70px 15px;
}
.footer .top-themen h4 {
	margin: 0 0 15px 0;
	line-height: 1em;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #dde6ed;
}
.footer .top-themen ul {
	width: 25%;
	float: left;
}
.footer .top-themen ul li a {
	color: #373b41;
}
.footer .top-themen ul li:first-child {
	font-weight: 700;
}
.footer .company-footer {
	color: #fff;
	padding: 50px 0px;
}
.footer .company-footer h4 {
	color: #fff;
	border-bottom: 1px solid #054d8e;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0 ;
}
.footer .company-footer #menu-footer-menu-ueber-uns {
	width: 30%;
	float: left;
}
.footer .social {
	float: right;
	padding: 10px 0 0 0;
	width: 360px;
}
.footer .social iframe {
	width: 100% !important;
}
.footer ul li {
	font-size: 0.933em;
}
.footer ul li a {
	color: #000;
	text-decoration: none;
}
.footer ul li a:hover {
	text-decoration: underline;
}
.trust {
	padding: 20px;
	background: #fff;
	color: #6bb101;
	font-size: .8em;
	font-weight: bold;
	border-radius: 5px;
}
.seal {
	max-width: 80px;
	display: block;
	margin: 0 auto 10px auto;
}
.trust ul, .trust ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.trust ul li {
	line-height: 1.2em;
	margin: 0 0 5px 0;
	background: url(../img/checkmark-green.png) no-repeat;
	background-size: 14px auto;
	background-position: left 2px;
	padding: 0 0px 0 20px;
	text-align: left;
}
.trust ul li:last-of-type {
	margin-bottom: 0;
}
.trust-seals {
	width: 70% !important;
	padding: 20px 0 0 0 !important;
}
.trust-seals li{
	width: 50% !important;
	float: left !important;
	text-align: center;
}
.trust-seals li:last-child img {
	max-width: 65px;
}
.error {
	display:none;
	width:100%;
    margin:5px 0% 10px 0px !important;
	color: #000000;
	padding: 5px;
	background:#fbf6d1;
	font-size: 0.8em;
}
.terms {
	font-size: 0.8em;
	line-height: 1.3em;
	display: block;
	margin: 10px 0px 10px 0px;
}
.button-orange:before{
	content: '';
	display: block;
	background: rgba(255,255,255,.25);
	height: 240px;
	width: 30px;
	position: absolute;
	transform: rotate(30deg) translate3d(-100px,-150px,0px);
	transition: background .35s ease, transform .35s ease;
	background-blend-mode:overlay;
}
.button-orange:hover:before{
	content: '';
	display: block;
	background: rgba(255,255,255,.25);
	height: 240px;
	width: 30px;
	position: absolute;
	transform: rotate(30deg) translate3d(170px,-150px,0px);
}
.kalkulator-form .lead-form small.error {
	color: red !important;
	margin-top: -5px;
    display: block;
    margin-bottom: 10px;
    text-shadow: 0 0 1px #fff;
    background: #ffd0dc;
    padding: 3px;
}
.calculator-widget button,
.button-orange,
.kalkulator-form .lead-form input[type="submit"] {
	font-weight: 800;
	font-size: 1.2em;
	border-radius: 10px;
	position: relative;
	overflow: hidden;
	color: #fff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8cd21a+0,4ab60a+100 */
	background: #8cd21a; /* Old browsers */
	background: -moz-linear-gradient(top,  #8cd21a 0%, #4ab60a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #8cd21a 0%,#4ab60a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #8cd21a 0%,#4ab60a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cd21a', endColorstr='#4ab60a',GradientType=0 ); /* IE6-9 */
	text-shadow: 1px 1px 2px #4c9b0c;
	width: 100%;
	line-height: 50px;
	border: 1px solid #45a809;
	transition: box-shadow .2s ease-in-out, transform .2s ease-in-out;
	box-shadow: inset 0px 2px 0px #b0e023, 0px 0px 0px rgba(0,0,0,0);
	margin: 5px 0 0 0;
	transform:translate3d(0,-0px,0)
}
.kalkulator-form .lead-form input[type="submit"] {
    margin-top:0px;
	border: 2px solid #005aa6;
}
.calculator-widget button:hover,
.button-orange:hover,
.kalkulator-form .lead-form input[type="submit"]:hover{
	color:#fff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9ed61b+0,60c60b+100 */
	background: #9ed61b; /* Old browsers */
	background: -moz-linear-gradient(top,  #9ed61b 0%, #60c60b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #9ed61b 0%,#60c60b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #9ed61b 0%,#60c60b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ed61b', endColorstr='#60c60b',GradientType=0 ); /* IE6-9 */
}
.attention-box {
	background: #fff;
	border: 1px solid #dde6ed;
	font-size: 1.267em;
	color: #0558a3;
	line-height: 1.2em;
	padding: 15px 15px 15px 220px;
	border-top-right-radius: 40px;
	border-bottom-right-radius: 40px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	letter-spacing: -.4px;
	clear: both;
	margin: 40px 0px 0px 0px;
	transition: padding .2s ease-in-out;
}
.attention-box p {
	margin: 0;
	text-align: center;
}
.attention-box a {
	color: #0558a3;
	font-weight: 700;
	display: block;
}
.attention-box a:hover {
	text-decoration: underline;
} 
.attention-box a span {
	content: '';
	display: inline-block;
	width: 12px; 
	height:22px;
	margin: 0 0 -4px 0;
	background: transparent url("../img/link-bullet-blue.png") no-repeat scroll center center / 8px 13px;
}
.attention-box:before {
	background: url(../img/house-artwork.png) no-repeat center center/253px ;
	width: 253px;
	height: 167px;
	margin: -55px 0px 0px -235px;
	content: '';
	display: block;
	position: absolute;
	transition: margin .2s ease-in-out;
}
.attention-box:hover:before {
	margin: -55px 0px 0px -235px;
}
/* Kalkulator */
body.page-template-templatesew-kalkulator-template-php .sub-navigation {
	display: none;
}
body.page-template-templatesew-kalkulator-template-php header nav,
body.page-template-templatesew-kalkulator-template-php header .nav, 
body.page-template-templatesew-kalkulator-template-phpn ul,
body.page-template-templatesew-kalkulator-template-php .member-logos,
body.page-template-templatesew-kalkulator-template-php .sub-navigation ul {
	display: none;
}
html {
	height: 100%;
}
body.page-template-templatesew-kalkulator-template-php {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+1,023061+100 */
background: #1e5799; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #1e5799 1%, #023061 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #1e5799 1%,#023061 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #1e5799 1%,#023061 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#023061',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
height: 100%;
min-height: 100%;
color: #fff;
padding: 0 0 70px 0;
}
body.page-template-templatesew-kalkulator-template-php h1 {
	font-size: 1.8em;
	line-height: 1.2em;
	margin:  40px 0px 20px 0px;
}
body.page-template-templatesew-kalkulator-template-php h1 + h2 {
	margin: -10px 0px 30px 0px;
	max-width: 640px;	
}
body.page-template-templatesew-kalkulator-template-php h2 {
	font-weight: 300;
	font-size: 1.267em;
	animation-delay: .2s;
}
body.page-template-templatesew-kalkulator-template-php section.wrapper {
	max-width: 980px;
	margin-bottom: 300px;
}
.kalkulator-wrapper {
	background: #fff;
	color: #373b41;
	box-shadow: 0px 10px 20px #c2c8d0;
}
.kalkulator-form ul.kalkulator {
	float: right;
	width: 55%;
	margin-left: 5%;
}
.kalkulator-form .kalkulator li {
	width: 120px;
}
.kalkulator-form .kalkulator li:first-child {
	margin-right: 30px;
}
.kalkulator-form .kalkulator li a:before {
	margin: 0;
}
.kalkulator-form .kalkulator li a {
	text-align: left;
	color: #bdbfc1;
}
.teaser-text {
	min-height:230px;
	padding: 40px 0px 20px 0px;
	max-width: 620px;
	margin: 0 auto;
	float: left;
}
.hero-shot{
	margin:35px 0 0 0;
}
.teaser-text h1 {
	line-height: 1.1em;
	text-align: center;
}
.teaser-text h2 {
	color: #fff;
	background: #009fd9;
	font-size: 1.25em;
	padding:15px;
	display:block;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
a.result {
    display: block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    width: 250px;
    font-weight: 400;
    font-size: 20px;
    padding: 0px 20px !important;
    border-radius: 5px;
    margin: 0px auto 20px auto;
    background: #b6e026;
    background: transparent linear-gradient(to bottom, #EACA00 1%, #D7820F 100%) repeat scroll 0% 0%;
    border-radius: 5px;
    text-shadow: 0px 1px 2px #924106;
    position: relative;
}
.error-clear {
	height: 0px;
	clear: both;
}
.error {
	color:#ff0000;
	line-height:normal;
}
#error-name,
#error-phone {
	margin-top:-5px !important;
}
#zip-error {
	margin-bottom:10px;
	visibility:hidden;
}
main.mini-form {
	margin: 0px auto;
}
main.mini-form .wrapper {
	max-width: 1000px;
	overflow: hidden;
	margin:0 auto;
}
.mini-form .intro {
	background: #fff;
	border-top: 1px solid #eef1f4;
	border-bottom: 1px solid #eef1f4;
	overflow: hidden;
	background: #fff url(../img/heizung-background.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	background-size: contain;
	min-height: 480px;
}
.mini-form .intro .wrapper .sixty {
	margin: 50px 0 0 0;
}
.mini-form .intro .fourty {
	transform: translate(10px,0);
}
.hero-wrapper {
	position: relative;
	display: inline-block;
}
.hero-wrapper .eyecandy {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	box-sizing: border-box;
	padding: 66% 12.5% 10% 12.5%;
	transform: rotate(3deg);
}
.hero-wrapper .eyecandy .animation {
	height: 100%;
	width: 100%;
	background: url(../img/price.png) !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	margin: 2px 0px 0px 0px;
}
.mini-form .intro .fourty .hero-wrapper img.her-shot {
	position: absolute;
}
.mini-form .intro ul {
	color: #0558a3;
	font-size:1.5em;
	margin: 0;
	padding: 0;
}
.mini-form .intro ul li {
	background: url(../img/bullet.png);
	background-repeat: no-repeat;
	background-position: center left;
	background-size: 32px;
	padding: 10px 10px 10px 45px;
	list-style: none;
}
.mini-form .intro h1 {
	color: #004797;
	font-size: 3em !important;
	font-weight:600;
	margin-bottom: 10px;
	line-height: 1.1em;
}
.mini-form .intro h2 {
	font-size: 2em !important;
	line-height: 1.2em;
	font-weight:normal;
	margin-top: 10px;
}
.mini-form .thirtyfive {
	width: 35%;
}
.mini-form .fourty {
	width: 40%;
}
.mini-form .fifty {
	width: 50%;
}
.mini-form .sixty {
	width: 60%;
}
.mini-form .thirty,
.mini-form .thirtyfive,
.mini-form .fifty,
.mini-form .fourty,
.mini-form .sixty {
	float: left;
}
.mini-form .fourty.reverse {
	float: right;
	margin: 0 0 20px 0px;
}
.mini-form .fifty:after,
.mini-form .fourty:after,
.mini-form .sixty:after {
	clear: both;
	content: '';
	display: block;
}
.mini-form + .footer div {
	border: none;	
}
.mini-form div.form {
	background: -moz-radial-gradient(center, ellipse cover,  #0860a9 2%, #004797 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  #0860a9 2%,#004797 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  #0860a9 2%,#004797 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0860a9', endColorstr='#004797',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	color: #fff;
	padding: 20px;
	margin: 35px auto 0px auto;
	position: relative;
	max-width: 340px;
}
.mini-form div.form-inner {
	min-height:478px;
}
.mini-form div.form .loading-wrapper,
.mini-form div.form .success-wrapper {
	display:none;
	color:#fff;
	text-align:center;
}
.mini-form div.form .loading-wrapper {
    min-height:418px;
}
.mini-form div.form .success-wrapper {
	min-height:478px;
	padding-top:100px;
}
.mini-form div.form input[type="text"] {
	padding: 5px;
	border: none;
	background: #033c71 !important;
	color: #fff !important;
	border: 1px solid rgba(175,212,44,0);
	font-size: .9em	
}
.mini-form div.form input[type="text"]:focus {
	border: 1px solid #afd42c;
}
.mini-form div.form input[type="text"].zip {
	margin-bottom: 5px;
}
::-webkit-input-placeholder {
   color: #fff !important;
   opacity: 1;
   font-weight: 300;
}
:-moz-placeholder { /* Firefox 18- */
   color: #fff !important; 
   opacity: 1;
   font-weight: 300;
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #fff !important;  
   opacity: 1;
   font-weight: 300;
}
:-ms-input-placeholder {  
   color: #fff !important;
   opacity: 1;
   font-weight: 300;
}
.formheadline {
	text-align: center;
	font-size: 1.3em;
	line-height: 1.25em;
	color: #fff;
	margin-top: 0px;
	border-bottom: 1px solid rgba(0,0,0,.3);
	padding-bottom: 20px;
	}
.mini-form div.form div.message {
	z-index:-10;
	opacity: 0;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	border-radius: 20px;
	transition: z-index .1s ease .1s, opacity .5s ease-in-out;
}
.mini-form div.form.sent div.message{
	background: rgba(161,193,39,.9);
	z-index:100;
	opacity: 1;
}
.mini-form div.form div.message div.ok-message {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
}
.mini-form div.form div.message div.ok-message  {
	font-weight: 600;
}
.mini-form div.form div.message div.ok-message strong {
	font-size: 1.5em;
}
.mini-form div.form  input,
.mini-form div.form select {
	width: 100%;
	margin: 0 0  15px 0px;
	color: #000;
	border: none;
	background: #fff;
	font-weight: 400;
}
.mini-form div.form  input:focus,
.mini-form div.form select:focus{
	border: none;
}
p.error {
	margin-top: -15px !important;
	background: #ffd1d1;
	padding: 3px;
	font-size: .85em;
	color: red;
	display:none;
}
.mini-form div.form  input {
	padding: 5px;
}
.mini-form div.form  input[type="text"] {
	font-size: .925em;
}
.mini-form div.form p.headline {
	font-weight: bold;
	font-size: 1.6em;
	line-height: 1.2em;
	text-align: center;
	margin: 0 0  20px 0;
}
.mini-form div.form input[type="checkbox"] {
	float:left;
	width: auto !important;
	margin: 0px 10px 40px 0px;
}
.mini-form div.form input[type="submit"] {
	font-weight: 800;
	font-size: 1.25em;
	border-radius: 10px;
	position: relative;
	margin-bottom: 0px;
	color: #fff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eab400+0,d6770f+100 */
	background: #eab400; /* Old browsers */
	background: -moz-linear-gradient(top,  #eab500 0%, #e56d00 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #eab500 0%,#e56d00 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #eab500 0%,#e56d00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eab500', endColorstr='#e56d00',GradientType=0 ); /* IE6-9 */
	text-shadow: 1px 1px 2px #be5e07;
	width: 100%;
	line-height: 50px;
	border: 1px solid #c24e05;
	transition: box-shadow .2s ease-in-out, transform .2s ease-in-out;
	box-shadow: inset 0px 2px 0px #ffd30f, inset 0px -3px 0px #e55800,inset 0px -3px 0px #e56d00,inset 0px 0px 0px #ffd30f, 0px 0px 0px rgba(0,0,0,0);
}
.mini-form div.form input[type="submit"]:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efc300+0,ea7d00+100 */
	background: #efc300; /* Old browsers */
	background: -moz-linear-gradient(top, #efc300 0%, #ea7d00 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #efc300 0%,#ea7d00 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #efc300 0%,#ea7d00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efc300', endColorstr='#ea7d00',GradientType=0 );
}
.mini-form .video {
	
}
img.service {
	max-width: 160px;
}
.mini-form .video a {
	display: block;
	margin: 52px 0 30px 0;
}
.mini-form .video a img {
	border: 5px solid #fff;
	margin: 15px 0 0 0 ;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
	/*max-width: 500px;*/
	width: 100%;
}
.mini-form .video img.arrow {
	float: left;
	margin-top: 22px;
}
.mini-form div.form small {
	color: #000;
	line-height: 1.2em;
	margin: 0px 0 25px 0;
	display: block;
}
.mini-form .info-block  {
	background: #fff;
	padding: 20px 0 40px 0;
	margin: 20px 0 0 0;
}
.mini-form .info-block:last-of-type {
	padding-bottom: 20px;
}
.mini-form .info-block:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0px;
}
.mini-form .info-block.video  {
	background: #fefefe;
	background: -moz-radial-gradient(center, ellipse cover, #fefefe 3%, #eff2f5 100%);
	background: -webkit-radial-gradient(center, ellipse cover, #fefefe 3%,#eff2f5 100%);
	background: radial-gradient(ellipse at center, #fefefe 3%,#eff2f5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#eff2f5',GradientType=1 );
}
.mini-form .info-block h4.introtext {
	border-bottom: 1px solid #eef0f1 !important;
	border-top: 1px solid #eef0f1 !important;
}
.mini-form .info-block h3 {
	font-size:2em;
	font-weight:bold;
	color: #373b41;
	text-align: center;
	margin-bottom: -10px;
}
.mini-form .info-block h4 {
	color: #0558a3;
}
.mini-form .info-block h4.introtext {
	color: #87898c;
	text-align:center;
	font-weight: normal;
} 
.mini-form .info-block .thirty {
	width: 32%;
	margin: 20px 0px 30px 0px;
}
.mini-form .info-block .thirty.margin {
	margin-right: 2%;
}
.mini-form .info-block .thirty h4 {
	text-align: left;
	margin: 0 0 5px 0;
}
.mini-form .info-block .fifty {
	width: 49%;
	margin-bottom: 30px;
}
.mini-form .info-block .fifty.margin {
	margin-right: 2%;
}
.mini-form .info-block .fifty h4 {
	text-align: left;
	margin: 0 0 5px 0;
}
.mini-form .info-block .thirty img {
	display: block;
	margin: 0 auto 30px auto;
	max-width: 78.5px;
}
.mini-form .info-block.quotes h3 {
	margin-top: 10px;
}
.mini-form .info-block.quotes .thirty img {
	max-width: none;
	border: 5px solid #fff;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
	z-index: 3;
	position: relative;
}
.mini-form .info-block.quotes .thirty h4 {
	font-size: 1.1em;
	margin-bottom: 10px;
	color:#373b41;
}
.mini-form .info-block.quotes p {
	font-style: italic;
	min-height:160px;
	background: #fefefe;
	background: -moz-radial-gradient(center, ellipse cover, #fefefe 3%, #eff2f5 100%);
	background: -webkit-radial-gradient(center, ellipse cover, #fefefe 3%,#eff2f5 100%);
	background: radial-gradient(ellipse at center, #fefefe 3%,#eff2f5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#eff2f5',GradientType=1 );
	padding: 20px 20px 20px;
	color: #0558a3;
	font-size: .9em;
}
.mini-form  h4.introtext {
	border-bottom: 1px solid #eef1f4 !important;
	margin: 30px 0px 30px 0px;
	padding: 30px 0px;
}
.videowrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videowrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 99%;
	border: 5px solid #fff;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
}
.three-items {
	margin: 15px 0 15px 0;
}
.three-items a {
	width: 32%;
	margin-right: 2%;
	position: relative;
	float: left;
	display: block;
	background: rgba(0,0,0,.2);
	border-radius: 5px;
	padding: 5px 5px 5px 5px;
	text-align: center;
	box-shadow: 2px 2px 1px rgba(0,0,0,.0);
	transition: all .5s ease-in-out;
	position: relative;
	outline: 0 !important;
	color: #5080a9;
	text-transform: uppercase;
	font-size: .75em;
}
.three-items a span:before {
    display: block;
    content: '';
    width: 41px;
    height: 34px;
    position: relative;
    margin: 5px auto !important;
    padding: 0 !important;
    line-height: 0px;
    opacity: .3;
    transition: opacity .5s ease-in-out;
}
.three-items a.active {
    color: #fff;
}
.three-items a.last {
	margin-right: 0%;
}
.three-items a:before {
	height: 13px;
	width: 13px;
	border-radius: 20px;
	content: '';
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
	background: #afd42c url(../img/checkmark-small.png) no-repeat center 3px/9px 9px;
	transition: transform .3s ease-in-out .2s, opacity .3s ease-in-out .2s;
	transform:scale(0,0);
	opacity: 0;
}
.three-items a:hover:after{
	transform:scale(1,1) !important;
	opacity: .2 !important;
	border-color: #fff !important;
}
.three-items a:after,
.three-items a:hover:after {
	position: absolute;
	content: '';
	left: -0px;
	top: -0px;
	display: block;
	width: calc(100% - 4px);
	height:calc(100% - 4px);
	border: 1px solid #afd42c;
	margin: 2px;
	border-radius: 3px;
	box-sizing: border-box;
	transition: transform .3s ease-in-out, opacity .3s ease-in-out;
	transform:scale(0,0);
	opacity: 0;
}
.three-items a.active:before,
.three-items a.active:after,
.three-itemsa.active span:before {
	transform:scale(1,1);
	opacity: 1 !important;
}
.three-items a.active:after {
	border-color: #afd42c !important;
}
.three-items a.active span::before {
    transform: scale(1,1);
    opacity: 1 !important;
}
.three-items a span:before{
	display: block;
	content: '';
	width: 41px;
	height: 34px;
	position: relative;
	margin: 5px auto !important;
	padding: 0 !important;
	line-height: 0px;
	opacity: .3;
	transition: opacity .5s ease-in-out;
}
.three-items a.fluessiggas span:before {
	background: url(../img/energy-white-sprite.png) left center/123px 34px;
}
.three-items a.erdgas span:before {
	background: url(../img/energy-white-sprite.png) -41px center/123px 34px;
}
.three-items a.oel span:before {
	background: url(../img/energy-white-sprite.png) -82px center/123px 34px;
}
.videolink {
	background: #92c733;
	display: inline-block;
	padding: 5px 10px;
	color: #fff;
	float: right;
}
.videolink:hover {
	color: #fff;
	background: #9fd53d;
} 
/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

h1 {
	font-size: 1.933em;
}
h2 {
	
}
h3 {
	font-size: 1.467em;
}
h4 {
	font-size: 1.333em;
}
.page-main h2 {
	color: #004797;
	line-height: 1.2em;
}
.page-main h1 {
	font-weight: 500;
}
.page-main h1,
.page-main h3,
.page-main h4{
	margin: 0px 0px 5px 0px;
	color: #004797;
	line-height: 1.3em;
}
.page-main h4 {
	margin: 10px 0px 10px 0px;
	color: #004797;
	font-weight: normal;
}
.page-main h4 + p {
	margin-top: 5px;
}
.page-sidebar h4 {
	color: #3c4046;
	margin-bottom: 10px;
}
.page-content h1 + img {
	width: 100%;
}
/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

/*Mini Form*/

@media only screen and (max-width:1001px) {
	main.mini-form .wrapper {
		max-width: 600px;
	}
	.mini-form .thirty {
		width: 100% !important;
	}
	.mini-form .thirtyfive {
		width: 100%;
	}
	.mini-form .fourty {
		width: 100%;
	}
	.mini-form .fifty {
		width: 100%;
	}
	.mini-form .sixty {
		width: 100%;
	}
	.mini-form .thirtyfive,
	.mini-form .fifty,
	.mini-form .fourty,
	.mini-form .sixty {
		float: left;
	}
	.mini-form .fifty:after,
	.mini-form .fourty:after,
	.mini-form .sixty:after {
		clear: both;
		content: '';
		display: block;
	}
	.mini-form .fourty.reverse {
		margin-top: 30px;
	}
	.mini-form div.form {
		max-width: 450px;
		margin: 0 auto;
	}
	.mini-form .video img.arrow {
	    display:none;
		/*float: none;
		margin-top: 5px;*/
	}
	.mini-form .intro .wrapper .sixty {
		margin-top: 0;
	}
	.mini-form .intro .wrapper .fourty {
		text-align: center;
		margin: 20px 0 0 0;
	} 
	.mini-form .intro {
		background-size: auto auto;
		background-position: right bottom;
	}
	.mini-form .intro .fourty {
		transform: translate(0px,0);
	}
	.mini-form .info-block .fifty {
		width: 100%;
		margin-bottom: 15px;
	}
	.mini-form .video a {
		margin-top:10px;
	}
	img.service {
		max-width: 100px;
		display: block;
		margin: 0 auto;
	}
}
@media only screen and (max-width:380px) {
	.mini-form .intro {
		background-size: auto 400px;
		background-position: right bottom;
	}
	.hero-wrapper .eyecandy .animation  {
		background-size: 60% !important;
	}
}

.arrow-animation {
  animation: arrow 3s both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
  animation-iteration-count: infinite
}

@keyframes arrow {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

/*Mini Form Ende*/



@media only screen and (max-width:1350px) {
	.contact-box:after {
		right:-40px;
	}
}
@media only screen and (max-width:1250px) {
	.contact-box:after {
		display: none;
	}
	.trust-seals {
		width: 100% !important;
	}
	.trust-seals li {
		text-align: center;
	}
	.trust-seals img {
		max-width: 126px;
	}
}
@media only screen and (max-width:1110px) {
	.page-content {
		width: 60%;
		padding-right: 15px;
	}
	.page-sidebar {
		width: 40%;
		padding-left: 15px;
	}
	.member-logos {
		display: none;
	}
	header .nav {
	    float: right;
	    font-size: 1.2em;
	    display: inline-block;
	    width: auto;
	}
}
@media only screen and (max-width:1024px) {

}
@media only screen and (max-width:1023px) { 
	.teaser-text {
		max-width: 500px !important;
	}
	.hero-shot {
		float: right;
	}
	}
@media only screen and (max-width:960px) {
	header .nav {
	    float: left;
	    width: 100%;
	    font-size: 1.2em;
	}
	.kalkulator-slides li.step-one,
	.kalkulator-slides li.step-two{
		padding-right: 0px;
	}
	a.attention-link {
		display: none;
	}
	.picture-options li {
		float: none !important;
	}
	.picture-options-wrapper.text-element .picture-options li a strong {
		max-width: 250px;
	}
	.picture-options-wrapper.house li:last-child {
	top: 0px;
	}
	.picture-options li:last-child {
	top: 3px;
	}
	.teaser-text {
		max-width: 400px !important;
	}
	.hero-shot {
	    margin: 93px 0 0 0;
	}
}

@media only screen and (max-width:800px) {
	.kalkulator-wrapper .progress-bar li span {
		display: none;
	}
	.kalkulator-form div.result-text,
	.kalkulator-form div.result-overview{
		width: 100%;
		padding: 0;
	}
	.hero-shot {
		display: none !important;
	}
	.teaser-text {
		float: none;
		max-width: none !important;
	}
}
@media only screen and (max-width:768px) {
	.picture-spacer{
		display: none !important;
	}
	.picture-options li:first-child {
		margin-bottom: 10px;
	}
	.picture-options li:nth-child(3n) {
		margin-bottom: 10px;
	}
	.picture-options li a:hover figure {
		background: none;
	}
	.picture-options li a figure {
		float: left;
		width: 40%;
		box-shadow: none;
		max-width: none;
		background: none;
		text-align: left;
	}
	.picture-options li a figure img {
		max-width: 100px;
	}
	.picture-options li a strong {
		display: table-cell;
		padding: 0;
		height: 76px;
		vertical-align: middle;
		max-width:none !important;
	}
	.picture-options li {
		max-width: 100%;
		width: 100%;
		float: left !important;
	}
	.picture-options {
		display: block;
	}
	.picture-options li a {
		width: 100%;
	}
	.picture-options-wrapper.house {
		padding: 15px 15px 5px 15px;
	}
	.picture-options-wrapper {
		padding: 15px 15px 15px 15px;
	}
	.picture-options-wrapper.text-element .picture-options li a strong {
		height: auto;
		padding: 20px;
		text-align: center;
		display: block;
	}
	.teaser-text {
		float: none;
	}
	.teaser-text h2:before {
		margin: -40px 10px 0px -25px;
	}
	.picture-options li a figure:before {
		top: 7px;
		right: 10px ;
		left: auto;
	}
	.picture-options-wrapper.slider-element {
		padding: 30px 30px 0px 30px;
	}
	.slider {
		width: 100% !important;
	}
	.kalkulator-form input.output-input[type="text"] {
		left: auto!important;
		width: 100%;
		margin-left:0px;
	}
	#zip-error {
    	margin-bottom: 30px;
	}
}
@media only screen and (max-width:640px) {
	.kalkulator-form {
		margin: 30px 25px;
	}
	.kalkulator-form .lead-form {
		width: 100%;
		padding: 20px 20px 0px 20px;
	}
	.kalkulator-form h3 {
		line-height: 1.2em;
	}
	.kalkulator-form .form-item {
		margin: 10px 0px;
	}
	.kalkulator-form .form-item label {
		text-align: left;
	}
	.kalkulator-form .form-item label,
	.kalkulator-form .form-item input[type="text"],
	.kalkulator-form .form-item select,
	.kalkulator-form ul.kalkulator  {
		width: 100%;
		margin: 0;
	}
	.kalkulator-form .form-item small {
		width: 100%;
		margin: 70px 0px 0px 0px;
		line-height: 1.2em;
	}
	.kalkulator-footer .item {
		width: 100%;
	}
	.kalkulator-footer .item:first-of-type {
	    border-right: 0px solid #D2D7DC;
	    border-bottom: 1px solid #D2D7DC
	}
	.kalkulator-footer .item:last-of-type {
	    border-left: 0px solid #D2D7DC;
	    border-top: 1px solid #D2D7DC
	}
	.calculator-widget a {
		font-size: 1em;
	}
	.sub-navigation {
		min-height: 50px;
	}
	.mobile {
		display: block !important;
	}
	.desktop {
		display: none;
	}
	.sub-navigation div.contact {
		padding-top: 5px;
	}
	.kalkulator-form .button-orange,
	.kalkulator-form .lead-form input[type="submit"] {
		font-size: 1.2em;
	}
	.kalkulator-form .lead-form input[type="submit"]  {
		font-size: 1em !important;
	}
	.teaser-text h2 {
		border-radius: 5px;
		margin-top: 30px ;
	}
	.teaser-text h1 {
		font-size: 1.6em;
	}
	.teaser-text h2:before {
		float: left;
		margin: 0px auto 0 auto;
		width: 120px;
		height: 156px;
	}
	.kalkulator-form .step-ten {
	    min-height: 1420px;
	}
	.kalkulator-form .step-twelve {
	    min-height: 1320px;
	}
	.kalkulator-form .lead-form-hero {
		width: 100%;
		padding: 20px 20px 20px 20px;
	}
	.crossselling-table {
		width: 100% !important;
	}
	.crossselling-table td:first-child {
		width: 30% !important;
		font-size: .8em !important;
	}
	.crossselling-wrapper input[type="submit"] {
		width: auto !important;
	}
}
@media only screen and (max-width:460px) {
	.kalkulator-wrapper .progress-bar li {
		font-size:1em
	}
	.kalkulator-wrapper .progress-bar li::before,
	.kalkulator-wrapper .progress-bar li::after {
		height: 47px;
	}
	h1 {
	    font-size: 1.733em;
	}
	h3.question {
		font-size: 1.5em;
	}
	h3.question span {
		font-size: .6em;
	}
	.kalkulator-form .button-orange, .kalkulator-form .button-orange:hover {
		width: 100%;
		text-align: center;
	}
	.kalkulator-form .kalkulator li:first-child {
		margin-right: 20px;
	}
	.kalkulator-form .kalkulator li {
		width: 110px;
	}
	.calculator-widget a {
		font-size:.9em;
	}
	.logo-slider ul li {
	    width: 50%;
	}
	.logo-slider ul li:nth-child(3 ){
		display: none;
	}
	.picture-options li a figure {
		overflow: hidden;
	}
	.picture-options-wrapper span {
		line-height: 1.2em;
	}
	.picture-options li a strong {
		font-size: .8em;
		padding: 0 0 0 10px;
	}
	.kalkulator-form {
		margin: 15px;
	}
}

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

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

/*------------------------------------*\
    CROSSSELLING FORM IN THANK YOU BLOCK
\*------------------------------------*/
.crossselling-table {
    /*width:100%;*/
    width: 80%;
    margin: 0 auto;
}
.crossselling-table td {
    padding: 5px 0;
}
.crossselling-table td:first-child {
    width:35%;
}
.crossselling-table td:last-child {
    width:65%;
}
.crossselling-table input[type="text"] {
    width:99.9%;
    margin-left:0;
}
.crossselling-table input.two-elem {
    width:49%;
}
.crossselling-table input.three-elem {
    width:31%;
}
.crossselling-table input.not-first {
    margin-left:2%;
}
.crossselling-wrapper input[type="submit"] {
    width:52%;
    box-sizing:border-box;
    float:right;
    margin-top:5px;
    margin-right:10%;
    color: #FFF;
    background: transparent linear-gradient(to bottom, #89DA00 0%, #4A9B05 99%) repeat scroll 0% 0%;
    padding: 15px 30px;
    border-radius: 5px;
    font-size: 1.1em;
    font-weight: 600;
    text-align: center;
    box-shadow: 1px 1px 2px #B1E756 inset, -2px -2px 2px #238400 inset, 5px 5px 5px rgba(0, 0, 0, 0.4);
    border: 0px none;
    text-shadow: 1px 1px 2px #2F6603;
}
.crossselling-table select {
    width:34% !important;
    padding:3px;
    background:none;
    margin:0;
}

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

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.halfimage {
	max-width: 350px;
}
.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 5px 0px;
	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: 12px;
	margin: 0;
	padding: 10px 20px;
}
.sticky {

}
.bypostauthor {

}
blockquote, 
.blockquote {
	float: right;
	display: block;
	width: 300px;
	margin: 20px;
	font-weight: 400;
	font-size: 1.3em;
	line-height: 1.2em;
	border-top: 1px solid rgb(221, 221, 221);
	border-bottom: 1px solid rgb(221, 221, 221);
	padding: 30px 0px;
	text-align: center;
	color: rgb(146, 199, 51);
}


/*------------------------------------*\
    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;
	}
}