body{
	font-family: 'Titillium Web', sans-serif;
	/*background: url('/zotehomes/images/backgrounds/paper5.jpg');*/
	/*background-size:cover;
  	background-attachment: fixed;*/
}
a:link {
  text-decoration: none;
  color: #000000;
}
a:visited {
  text-decoration: none;
  color: #000000;
}
a:hover {
  text-decoration: none;
  color: #000000;
}
a:active {
  text-decoration: none;
  color: #000000;
}
a.contact_action_button{
	text-decoration: none;
 	color: #d62929;
}
.classic_link_colour{
	color: blue !important;
	text-decoration: underline !important;
}
.custom_red_text{
	color: #d62929;
}
.white_text{
	color: white;
}
.white_text:hover{
	color: #d62929;
}
#logoimage:hover{
	cursor: pointer;
}
#header{
	width: 100%;
	min-height: 100px;
	border: 0px solid black;
	/*margin-bottom: 4%;*/
}
#logo{
	width: 50%;
	margin-left: 2%;
	margin-bottom: 1%;
	margin-top: 1.5%;
	float: left;
	border: 0px solid black;
}
#header_buttons{
	font-family: 'PT Serif', serif;
	font-weight: bold;
	float: right;
	border: 0px solid black;
	min-width: 40%;
	margin-right: 3%;
	text-align: right;
	font-size: 160%;
	margin-top: 1%;
}
.header_buttons_1{
	border: 0px solid black;
}
.header_buttons_1:hover{
	color: #d62929;
}
.header_buttons_2{
	padding-left: 5%; 
	border: 0px solid black;
}
.header_buttons_2:hover{
	color: #d62929;
}

#action_buttons_mobile{
	width: 100%;
	font-weight: bold;
	/*margin-left: auto;
	margin-right: auto;*/
	text-align: center;
	font-size: 270%;
	padding-top: 4%;
	border: 0px solid black;
}
#action_buttons_mobile_left{
	width: 50%;
	float: left;
}
#action_buttons_mobile_right{
	width: 50%;
	float: right;
}
.header_buttons_1_mobile{
	background-color: white;
	border: 4px solid #d62929;
	border-radius: 10px;
	margin-bottom: 4%;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 3%;
	padding-bottom: 3%;
}
.header_buttons_1_mobile:hover{
	color: #d62929;
}
.header_buttons_2_mobile{
	background-color: white;
	border: 4px solid #d62929;
	border-radius: 10px;
	margin-bottom: 4%;
	padding-top: 3%;
	padding-bottom: 3%;
}
.header_buttons_2_mobile:hover{
	color: #d62929;
}

#warranty{
	max-width: 180px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5%;
	font-weight: bold;
	/*font-size: ;*/
}
#mobile_menu{
	padding-right: 2%;
}
#top_menu{
	background-color: #cccccc;
	width: 100%; 
	margin-left: auto;
	margin-right: auto;
	border: 0px solid black;
	display: flex;
    justify-content: space-around;
    padding-top: 5px;
    padding-bottom: 5px;
}
#main_page_grey_separator{
	margin-top: 3%;
	background-color: #cccccc;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	border: 0px solid black;
	display: flex;
    justify-content: space-around;
    padding-top: 5px;
    padding-bottom: 5px;
}
.top_menu{
	font-weight: bold;
	font-size: 120%;
	color: white;
}
#tiles_menu{
	margin-top: 15px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	/*text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;*/
	text-shadow: 0 0 0.9em #000, 0 0 0.9em #000, 0 0 0.9em #000;
	border: 0px solid black;
}
#tiles_table_hp{
	border: 0px solid black;
    border-collapse: separate;
    border-spacing: 2px;
    font-family: 'PT Serif', serif;
}
.table_cell_hp{
	cursor: pointer;
	width: 32%;
	/*height set with javascript */
	border: 0px solid black;
	text-align: center;
	vertical-align: middle;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 275%;
	color: #ffffff;
}
.table_cell_hp:hover{
	color: #d62929;
}
.table_cell_hp.plumbing{
	background-image: url("/images/tile_menu/plumbing_300.png");
	background-size: cover;
}
.table_cell_hp.plumbing:hover{
	background-image: url("/images/tile_menu/plumbing_300_dark.png");
	background-size: cover;
}
.table_cell_hp.heating{
	background-image: url("/images/tile_menu/heating_300.png");
	background-size: cover;
}
.table_cell_hp.heating:hover{
	background-image: url("/images/tile_menu/heating_300_dark.png");
	background-size: cover;
}
.table_cell_hp.electrics{
	background-image: url("/images/tile_menu/electrics_300.png");
	background-size: cover;
}
.table_cell_hp.electrics:hover{
	background-image: url("/images/tile_menu/electrics_300_dark.png");
	background-size: cover;
}
.table_cell_hp.drains{
	background-image: url("/images/tile_menu/drains_300.png");
	background-size: cover;
}
.table_cell_hp.drains:hover{
	background-image: url("/images/tile_menu/drains_300_dark.png");
	background-size: cover;
}
.table_cell_hp.carpentry{
	background-image: url("/images/tile_menu/carpentry_300.png");
	background-size: cover;
}
.table_cell_hp.carpentry:hover{
	background-image: url("/images/tile_menu/carpentry_300_dark.png");
	background-size: cover;
}
.table_cell_hp.locksmith{
	background-image: url("/images/tile_menu/locksmith_300.png");
	background-size: cover;
}
.table_cell_hp.locksmith:hover{
	background-image: url("/images/tile_menu/locksmith_300_dark.png");
	background-size: cover;
}
.table_cell_hp.handyman{
	background-image: url("/images/tile_menu/handyman_300.png");
	background-size: cover;
}
.table_cell_hp.handyman:hover{
	background-image: url("/images/tile_menu/handyman_300_dark.png");
	background-size: cover;
}
.table_cell_hp.painting{
	background-image: url("/images/tile_menu/painting_300.png");
	background-size: cover;
}
.table_cell_hp.painting:hover{
	background-image: url("/images/tile_menu/painting_300_dark.png");
	background-size: cover;
}
.table_cell_hp.roofing{
	background-image: url("/images/tile_menu/roofing_300.png");
	background-size: cover;
}
.table_cell_hp.roofing:hover{
	background-image: url("/images/tile_menu/roofing_300_dark.png");
	background-size: cover;
}
#footer_menu{
	background-color: #cccccc;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	border: 0px solid black;
	display: flex;
    justify-content: space-around;
    padding-top: 5px;
    padding-bottom: 5px;
    /*margin-top: 3%;*/
}
.footer_menu{
	font-size: 120%;
	font-weight: bold;
}
/*podstrony*/
.sub_content{
	padding-top: 1%;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	font-size: 130%;
	border: 0px solid black;
	text-align: justify;
}
.sub_content_forms{
	padding-top: 1%;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	font-size: 130%;
	border: 0px solid black;
	text-align: justify;
}
.action_space{
	padding-left: 1%;
	padding-right: 1%;
}
#sub_action_button{
	width: 100%;
	border: 0px solid black;
	text-align: center;
}
@media only screen and (min-width: 1296px) {
.sub_action_button{
	/*font-family: 'Titillium Web', sans-serif;*/
	background-color: #d62929;
	border: none;
	color: white !important;
	padding: 10px 35px;
	margin: 4px 2px;
	cursor: pointer;
	font-size: 120%;
	border-radius: 10px;
}
.sub_action_button2{
	background-color: #d62929;
	border: none;
	color: white !important;
	/*padding: 10px 53px 10px 47px;*/
	margin: 4px 2px 4px 2%;
	cursor: pointer;
	font-size: 120%;
	border-radius: 10px;
}
}
@media only screen and (max-width: 1295px) {
.sub_action_button{
	/*font-family: 'Titillium Web', sans-serif;*/
	background-color: #d62929;
	border: none;
	color: white !important;
	padding: 15px 35px;
	margin: 4px 2px;
	cursor: pointer;
	font-size: 120%;
	border-radius: 10px;
}
.sub_action_button2{
	background-color: #d62929;
	border: none;
	color: white !important;
	/*padding: 15px 53px 15px 47px;*/
	margin: 4px 2px 4px 2%;
	cursor: pointer;
	font-size: 120%;
	border-radius: 10px;
}
}
.sub_action_button:hover{
	color: #d62929;
	font-size: 140%;
}
.sub_action_button2:hover{
	color: #d62929;
	font-size: 140%;
}
#contact_action_button{
	width: 100%;
	border: 0px solid black;
	line-height: 2;
}
.contact_action_button:hover{
	color: #d62929;
}
table{
	border-spacing: 0px;
	width: 100%;
	empty-cells: show;
}
.table{
	text-align: center;
	border: 0px solid black;
}
.table_title{
	font-weight: bold;
}
.table_header{
	/*background-color: #4F81BD;*/
	background-color: #d62929;
	color: #FFFFFF;
	font-size: 18px;
}


@media only screen and (max-width: 1295px){
.table_row_small1{
	width: 20%;
	padding-top: 2%;
	padding-bottom: 2%;
}
.table_row_big1{
	width: 20%;
	padding-top: 2%;
	padding-bottom: 2%;
}
.table_row_small{
	width: 40%;
	padding-top: 2%;
	padding-bottom: 2%;
}
.table_row_big{
	width: 40%;
	padding-top: 2%;
	padding-bottom: 2%;
}
}

@media only screen and (min-width: 1296px) {
.table_row_small1{
	width: 33%;
	padding-top: 2%;
	padding-bottom: 2%;
}
.table_row_big1{
	width: 33%;
	padding-top: 2%;
	padding-bottom: 2%;
}
.table_row_small{
	width: 33%;
	padding-top: 2%;
	padding-bottom: 2%;
}
.table_row_big{
	width: 33%;
	padding-top: 2%;
	padding-bottom: 2%;
}
}
.free_q{
	width: 100%;
	font-size: 280%;
	/*color: #d62929;*/
	color: #000080;
	text-align: center;
	font-weight: bold;
}


.table_row1{
	line-height: 2;
	font-size: 18px;
	background-color: #ffffff;
}
.white_mobile_row{
	background-color: #ffffff !important;
}
.table_row{
	line-height: 2;
	font-size: 18px;
	background-color: #DFA7A6;
	/*background-color: #D8D8D8;*/
}
.call_button{
	font-size: 120%; 
	font-weight: bold;
}
.areas{
	width: 100%;
	text-align: center;
	line-height: 2;
	column-count: 3;
	font-size: 130%;
}
.columns2{
	line-height: 2;
	column-count: 2;
	/*text-align: center;*/
}
.columns2_space{
	line-height: 2;
	/*text-align: center;*/
}
.text_center{
	text-align: center;
}
#feedback_form{
	line-height: 2;
	text-align: center;
}
#recruitment_form{
	line-height: 2;
	text-align: center;
	font-size: 130%;
}
#bookapro_form{
	line-height: 2;
	/*font-size: 100%;*/
}
#summarised_opinion{
	width: 28%;
}
.feedback_submit_button{
	font-family: 'Titillium Web', sans-serif;
	background-color: #d62929;
	border: none;
	color: white;
	padding: 16px 32px;
	margin: 4px 2px;
	cursor: pointer;
	font-size: 140%;
	border-radius: 10px;
}
textarea{
	font-size: 24px;
}
@media only screen and (min-width: 1296px) {
.form_field_feedback{
	width: 50%;
	/*text-align: center;*/
	font-size: 24px;
	/*border: 0px solid black;*/
}
textarea{
	font-size: 24px;
	width: 50%;
}
.feedback_textarea{
	width: 50%;
	height: 200px;	
}
.sub_content_forms_pro{
	padding-top: 1%;
	/*width: 90%;*/
	margin-left: auto;
	margin-right: auto;
	font-size: 130%;
	border: 0px solid black;
	text-align: justify;
}
.small_size{
	max-height: 50px;
}
}
@media only screen and (max-width: 1295px) {
.form_field_feedback{
	width: 100%;
	min-height: 100px;
	/*text-align: center;*/
	font-size: 130%;
	/*margin-right: 2%;*/
	border: 2px solid black;
}
.small_size{
	max-height: 10px;
	padding-left: 2%;
	padding-top: 5%;
}
input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  padding: 10px;
}
textarea{
	font-size: 130%;
	width: 100%;
	height: 200px;
	border: 2px solid black;
}
select{
	-webkit-appearance: menulist-button;
   height: 100px;
}
.sub_content_forms_pro{
	/*padding-top: 1%;*/
	/*width: 90%;*/
	margin-left: auto;
	margin-right: auto;
	font-size: 150%;
	border: 0px solid black;
	text-align: justify;
}
.customer_care{
	font-size: 190%;
}
}
@media only screen and (min-width: 1296px) {
#file_box{
	border: 0px solid black;
}
.small_print2{
	font-size: 40%;
	/*line-height: 1;*/
}
}
@media only screen and (max-width: 1295px) {
#file_box{
	border: 0px solid black;
}
.small_print2{
	font-size: 60%;
	/*line-height: 1;*/
}
}
.address{
	line-height: 2;
}
.small_print{
	line-height: 1;
	padding-top: 10px;
	/*vertical-align: super;*/
}
.sub_logo{
	width: 100%;
	font-size: 250%;
	font-weight: bold;
	color: #d62929;
	/*padding-top: 10px;*/
	text-align: center;
	border: 0px solid black;
}
@media only screen and (min-width: 1296px) {
.sub_image{
	/*display: block;*/
	/*margin: 0 auto;*/
	width: 97%;
	float: right;
	/*padding-left: 1%;*/
	border: 0px solid black;
}}
@media only screen and (max-width: 1295px) {
.sub_image{
	/*display: block;*/
	/*margin: 0 auto;*/
	/*width: 75%;*/
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 1%;
	border: 0px solid black;
}}
.bottom_info{
	padding-top: 1%;
	padding-bottom: 1%;
	width: 100%;
	display: block;
	text-align: center;
	border: 0px solid black;
	font-size: 21px;
}
.action_call_icon{
	padding-top: 20px;
	width: 38px;
	vertical-align: sub;
}
.action_call_icon2{
	padding-top: 20px;
	width: 38px;
	vertical-align: sub;
}
#zaznaczak{
	line-height: 1;
}
/*rating stars*/
form .stars {
  background: url("stars.png") repeat-x 0 0;
  width: 150px;
  margin: 0 auto;
}
 
form .stars input[type="radio"] {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
form .stars input[type="radio"].star-5:checked ~ span {
  width: 100%;
}
form .stars input[type="radio"].star-4:checked ~ span {
  width: 80%;
}
form .stars input[type="radio"].star-3:checked ~ span {
  width: 60%;
}
form .stars input[type="radio"].star-2:checked ~ span {
  width: 40%;
}
form .stars input[type="radio"].star-1:checked ~ span {
  width: 20%;
}
form .stars label {
  display: block;
  width: 30px;
  height: 30px;
  margin: 0!important;
  padding: 0!important;
  text-indent: -999em;
  float: left;
  position: relative;
  z-index: 10;
  background: transparent!important;
  cursor: pointer;
}
form .stars label:hover ~ span {
  background-position: 0 -30px;
}
form .stars label.star-5:hover ~ span {
  width: 100% !important;
}
form .stars label.star-4:hover ~ span {
  width: 80% !important;
}
form .stars label.star-3:hover ~ span {
  width: 60% !important;
}
form .stars label.star-2:hover ~ span {
  width: 40% !important;
}
form .stars label.star-1:hover ~ span {
  width: 20% !important;
}
form .stars span {
  display: block;
  width: 0;
  position: relative;
  top: 0;
  left: 0;
  height: 30px;
  background: url("stars.png") repeat-x 0 -60px;
  -webkit-transition: -webkit-width 0.5s;
  -moz-transition: -moz-width 0.5s;
  -ms-transition: -ms-width 0.5s;
  -o-transition: -o-width 0.5s;
  transition: width 0.5s;
}
/*pobieranie plikow*/
.box{
	border: 0px solid blue;
}
.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.inputfile + label {
    font-size: 0.8em;
    padding-right: 15px;
    font-weight: 700;
    color: white;
    background-color: #d62929;
    display: inline-block;
    cursor: pointer;
}

.inputfile:focus + label,
.inputfile + label:hover {
    background-color: #d62929;
}
.inputfile:focus + label {
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}
.inputfile + label svg{
	fill: currentColor;
}

/*banner*/
.outerborder{
	/*width: 100%;*/
	height: 50%;
	border: 7px solid #880015;
	/*background-color: #60D3F2;*/
	/*background-color: #C1F2FF;*/
	background-color: #AEFBC6;
}
.innerborder{
	height: 50%;
	border: 5px solid #880015;
	margin: 10px;
	padding: 20px 0px 0px 0px; 
	text-align: center;
	cursor: pointer;
}
.banner_text{
	font-family: 'Titillium Web', sans-serif;
	font-weight: bold;
	font-size: 230%;
}
.banner_text2{
	font-family: 'Titillium Web', sans-serif;
	font-weight: bold;
	font-size: 150%;
}
.banner_highlight{
	font-family: 'Titillium Web', sans-serif;
	font-weight: bold;
	font-size: 330%;
	color: #d62929;
}
.banner_notes{
	font-family: 'Titillium Web', sans-serif;
	font-size: 80%;
}