.hello{display:inline-block;}
.hello-bg{background-repeat:no-repeat;background-position:center;}
.hello-flex{display:flex;flex-flow:row nowrap;justify-content:center;align-items: center;height:100%;background-image:url('/img/static/black_20.png');}
.hello-flex-item{}
.hello-txt-wrap{color:#FFFFFF;}
.hello-txt-wrap a{color:#FFFFFF;}
.hello-h1{margin:0px;color:#FFFFFF;font-weight:bold;}
.hello-h1-space{margin-left:20px;}
.hello-h2{}
.hello-txt{}
.hello-ul{list-style-type:none;}
.hello-ul li{}
.hello-ul li:before{content:'»';margin-right:10px;font-weight:normal;}

.hello-action{}
.hello-action a{display:inline-block;width:100%;color:#000000;background-color:#FFFFFF;text-decoration:none;font-weight:bold;border-radius:30px;}
.hello-action-ul{display:block;list-style-type:none;}
.hello-action-ul li{display:block;border-radius:30px; text-align:center;}

h1{letter-spacing:2px;margin-left:50px;}
footer.site-map{margin-top:0px;}


.why-us-wrap{padding:20px;margin-bottom:100px;}
.why-us-h1{font-size:3em;font-weight:bold;margin-top:50px;margin-bottom:80px;text-align:center;}
.why-us-h1-space{margin:50px;}
.why-us{display:flex;justify-content:center;gap:20px;margin-top:40px;}
.why-us-item{border:1px solid #C0C0C0;overflow:hidden;}
.why-us-title{text-align:center;font-weight:bold;font-size:1.5em;letter-spacing:2px;height:130px;padding:30px;color:#FFFFFF;background-color:#3C3535;}
.why-us-image-base{position:relative;width:100%;padding-top:60%;}
.why-us-image{position:absolute;top:0;left:0;right:0;bottom:0;}
.why-us-text{font-size:1.3em;text-align:center;margin-top:30px;padding:20px;background-color:#F3F5F5;height:50%;border-top:1px solid #C0C0C0;}
.why-us-image.experience{background-image:url('/img/root/experience.php');background-repeat:no-repeat;background-size:60%;background-position:center;}
.why-us-image.handshake{background-image:url('/img/root/handshake.svg');background-repeat:no-repeat;background-size:60%;background-position:center;}
.why-us-image.installation{background-image:url('/img/root/toolbox.svg');background-repeat:no-repeat;background-size:60%;background-position:center;}
.why-us-image.warranty{background-image:url('/img/root/warranty.svg');background-repeat:no-repeat;background-size:60% 70%;background-position:center;}



.intro-section{}
.flex-row{display:flex;flex-flow:row wrap;}
.flex-col{display:flex;flex-flow:column wrap;}
.flex-center{justify-content: center;}
.flexi-same-width{flex: 1 1 0px;width: 0;}
.flexi-same-lenght{-ms-flex: 1;flex: 1;}
.tile{margin:5px;border:1px solid #C0C0C0;}
.tile-title{background-color:#f3f5f5;padding:5px;border-bottom:1px solid #C0C0C0;text-align:center;}
.tile-image{height:200px;background-repeat:none;background-size:cover;background-position:center;}
.tile-content{padding:10px;}

.intro-section.shower{background-image:url('/img/root/services/shower/shower.jpg');background-repeat:no-repeat;}
.intro-section.bathtub{background-image:url('/img/root/services/bathtub/bathtub.jpg');background-repeat:no-repeat;}
.intro-section.floor{background-image:url('/img/root/services/floor/floor.jpg');background-repeat:no-repeat;}
.intro-section.backsplash{background-image:url('/img/root/services/backsplash/backsplash.jpg');background-repeat:no-repeat;}
.intro-section.repair{background-image:url('/img/root/services/repair/repair.jpg');background-repeat:no-repeat;}



.intro-section.bathroom{background-image:url('/img/root/services/bath-plan.jpg');background-repeat:no-repeat;}
.intro-section.backsplash{background-image:url('/img/root/services/backsplash/backsplash.jpg');background-repeat:no-repeat;}
.intro-section.floor{background-image:url('/img/root/services/floor/floor.jpg');background-repeat:no-repeat;}
.intro-item{background-image:url('/img/static/black_70.png');padding:5px;color:#FFFFFF;font-weight:bold;position:absolute;z-index:10;}
.intro-item.center{position:absolute;width:0px;height:0px;top:50%;left:50%;padding:0px;border:1px solid red;}

.intro-section-content{display:inline-block;background:#FFFFFF;border:1px solid #c0c0c0;font-size:1em;}

.appointment{background-color:#f3f5f5;margin-top:30px;padding:20px;padding-top:0px;border:1px solid #c0c0c0;}

.question{font-weight:bold;padding:10px;font-size:1.3em;background-color:#f3f5f5;border:1px solid #c0c0c0;}
.question a{display:inline-block;text-decoration:none;color:#000000;vertical-align:middle;width:100%;display:inline-block;}
.anwser{padding:15px;padding-top:5px;display:none;}
span.icon-arrow-down{float:right;height:100%;vertical-align:middle;color:#ff0000;font-size:0.8em;margin-left:10px;}
span.icon-arrow-up{float:right;height:100%;vertical-align:middle;color:#ff0000;font-size:0.8em;margin-left:10px;}
a.local:visited{color:blue;}
a.get-details{font-size:1.2em;font-weight:bold;color:#FF0000;text-decoration:none;line-height:1em;}



@media screen and (min-width:320px){ 
	.cell{flex-direction:column;flex-wrap:nowrap; margin-bottom:50px;}
	.cell-img {flex:-1 0 100%;margin:10px;}
	.cell-txt{flex:-1 0 100%;margin:10px;}
	.intro-section{padding:0px;background-position:top center;}
	.intro-section-content{width:100%;margin-top:350px;border-radius:0 0 10px 10px}
	.appointment-content{text-align:center;}
	.tile{width:100%;margin:0px;margin-bottom:5px;}

	.hello{width:100%;height:350px;}
	.hello-bg{width:100%;height:350px;background-size:cover;}
	.hello-flex{gap:0px;}
	.hello-h1{font-size:1.5em;margin:10px;}
	.hello-h1-space{margin-left:10px;}
	.hello-h2{font-size:1em;margin:10px;}
	.hello-h2 br{display:none;}
	.hello-ul li{font-size:0.9em;}
	.hello-action a{padding:10px;font-size:0.6em;}
	.hello-action-ul li{margin:20px;}
	.why-us{flex-flow:row wrap;}
}


@media screen and (min-width:481px){
	.cell{flex-direction:row;margin-left:50px;max-width:100%;}
	.cell-img {flex:0 0 50%;max-width:50%;}
	.cell-txt {flex:0 0 50%;max-width:50%;}
	.appointment-content{text-align:left;}
	.intro-section{background-position:top;padding:0px;}
	.intro-section-content{width:100%;margin-top:350px;border-radius:0 0 10px 10px}
	.appointment{background-image:url('/img/root/index.php/consultation.jpg');background-repeat:no-repeat;background-size:150px auto;background-position:left;}
	.appointment-content{margin-left:180px;}
	.tile{width:48%;margin:5px;}
	.why-us{flex-flow:row wrap;}
}
@media screen and (min-width:641px){ 
	.cell{flex-direction:row;margin-left:50px;max-width:100%;}
	.cell-img {flex:0 0 50%;max-width:50%;}
	.cell-txt {flex:0 0 50%;max-width:50%;}
	.appointment-content{text-align:left;}
	.intro-section{padding-top:40px;padding-bottom:40px;background-position:center right}
	.intro-section-content{width:75%;margin-left:20px;margin-top:0px;border-radius:10px;}
	.appointment{background-image:url('/img/root/index.php/consultation.jpg');background-repeat:no-repeat;background-size:150px auto;background-position:left;}
	.appointment-content{margin-left:180px;}
	.tile{width:48%;}
	.hello{width:100%;height:350px;}
	.hello-bg{width:100%;height:350px;background-size:cover;}
	.hello-flex{gap:50px;}
	.hello-h1{font-size:2em;}
	.hello-h1-space{margin-left:10px;}
	.hello-h2 br{display:inline;}
	.hello-h2{font-size:1.2em;}
	.hello-ul li{font-size:0.8em;}
	.hello-action a{padding:10px;font-size:1em;}
	.hello-action-ul li{margin:30px;}
	.why-us{flex-flow:row wrap;}
	.why-us-item{width:45%;}
}
@media screeen and(min-width:961px){ 
	.cell{flex-direction:row;margin-left:50px;max-width:100%;}
	.cell-img {flex:0 0 50%;max-width:50%;}
	.cell-txt {flex:0 0 50%;max-width:50%;}
	.appointment-content{text-align:left;}
	.intro-section{padding-top:40px;padding-bottom:40px;background-position:bottom right}
	.intro-section-content{width:75%;margin-left:20px;margin-top:0px;border-radius:10px;}
	.appointment{background-image:url('/img/root/index.php/consultation.jpg');background-repeat:no-repeat;background-size:150px auto;background-position:left;}
	.appointment-content{margin-left:180px;}
	.tile{width:48%;}
	.why-us{flex-flow:row nowrap;}
	.why-us-item{width:45%;}
}
@media screen and (min-width:1025px){
	.cell{flex-direction:row;margin-left:50px;max-width:40%;}
	.cell-img {flex:0 0 50%;max-width:50%;}
	.cell-txt {flex:0 0 50%;max-width:50%;}
	.appointment-content{text-align:left;}
	.intro-section{padding-top:40px;padding-bottom:40px;background-position:bottom right}
	.intro-section-content{width:75%;margin-left:20px;margin-top:0px;border-radius:10px;}
	.appointment{background-image:url('/img/root/index.php/consultation.jpg');background-repeat:no-repeat;background-size:150px auto;background-position:left;}
	.appointment-content{margin-left:180px;}
	.tile{width:32%;}
	.why-us-item {flex:1 1 0;}
	.why-us{flex-flow:row nowrap;}

}
@media screen and (min-width:1281px){ 
	.cell{flex-direction:row;margin-left:50px;max-width:40%;}
	.cell-img {flex:0 0 50%;max-width:50%;}
	.cell-txt {flex:0 0 50%;max-width:50%;}
	.appointment-content{text-align:left;}
	.intro-section{padding-top:40px;padding-bottom:40px;background-position:bottom right}
	.intro-section.bathroom{background-size:32% 110%;}
	.intro-section.backsplash{background-size:32% 120%;}
	.intro-section-content{width:75%;margin-left:20px;margin-top:0px;border-radius:10px;}
	.appointment{background-image:url('/img/root/index.php/consultation.jpg');background-repeat:no-repeat;background-size:150px auto;background-position:left;}
	.appointment-content{margin-left:180px;}
	.tile{width:32%;}
	.hello{width:100%;height:500px;}
	.hello-bg{width:100%;height:500px;background-size:100% auto;}
	.hello-flex{gap:100px;}
	.hello-h1{font-size:2.5em;}
	.hello-h1-space{margin-left:20px;}
	.hello-h2{font-size:1.5em;}
	.hello-txt-wrap{padding:10px;}
	.hello-ul li{font-size:0.8em;}
	.hello-action a{padding:20px;font-size:1.2em;}
	.hello-action-ul li{margin:40px;}
}

.cell{

    display: -ms-flexbox;
    display: flex;
}
.cell-flex{

    display: -ms-flexbox;
    display: flex;
}
.cell-img{width:200px;height:200px;}

.cell-txt{height:100%;}
.flex-cell-2{
flex:0 0 50%;
max-width:50%;
}
.flex-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flex-column {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

}
.flex-justify-content-center{
justify-content: center;
}
.flex-align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

.container{margin:0 auto;margin-top:80px;width:100%;}
.image{border:1px solid #C0C0C0;border-radius:20px;width:200px;height:200px;background-repeat:no-repeat;background-position: center;}
.image-circle{border:1px solid #C0C0C0;border-radius:200px;width:200px;height:200px;background-repeat:no-repeat;background-position: center;}

.cell-width-70{width:70%;}