html, body {margin:0;}

a {text-decoration: none;}

.bg676767 {background: #676767;}

.bgF26724 {background: #F26724; color: #FFFFFF;}

.header_logo {width: 20%;}

.header_logo a img {width: 100%;}

.header_contact {float: right; margin-top: 15px; text-align: right;}

.checked {width:70px;}

.banner {
background: url("../../template/image/banner-2.png") no-repeat; background-size:100%;
   -moz-background-size: 100%; 
    -webkit-background-size: 100%;
    -o-background-size: 100%;
height: 600px;
width:100%;
float: left;
}

.banner2 {
background:#333;
height: 300px;
width:100%;
float: left;
margin-top: 10px;
margin-bottom: 10px;
}

.banner3 {
background: url("../../template/image/design-img.jpg") no-repeat; background-size:100%;
   -moz-background-size: 100%; 
    -webkit-background-size: 100%;
    -o-background-size: 100%;
height: 452px;
width:100%;
float: left;
}

.color333 {background: rgba(51,51,51,0.9); border-radius: 10px; border: 2.5px #F26724 solid; color: #FFFFFF; margin-top:50px; margin-left: 10%; position: absolute; width: 80%; display: block; float: left;}

.podb {
  color: #000000;
  position: absolute;
  left: 8.5%;
  top: 200px;
  width: 83%;
  border-radius: 1vw;
}

.podbanner {
  background: #FFFFFF;
  border: 2px #F26724 solid;
  color: #000000;
  position: absolute;
  left: 8.5%;
  top: 675px;
  width: 83%;
  border-radius: 1vw;
  display: block;
}

.podbanner2 {margin-top:60px;}

.ot {float: left; width: 100%; margin-top:80px;}

.p {padding: 2.5vw;}

.ac {
  background: rgba(0,0,0,0.7);
  color: #FFFFFF;
  position: absolute;
  left: 0;
  bottom: 125px;
  width: 100%;
}

detailed {
  background: rgba(0,0,0,0.7);
  color: #FFFFFF;
  position: absolute;
  left: 0;
  bottom: 80px;
  width: 100%;
  padding:0.25vw;
}

.contact {
  background: rgba(255,255,255,0.75);
  border: 2px #F26724 solid;
  color: #000000;
  position: relative;
  margin-left: 15%;
  margin-top: 0;
  top: 100px;
  width: 70%;
  border-radius: 1vw;
  display: block;
}

.reviews {background: #333; color: #FFFFFF;}

.reviews_text {width:80%; height: 300px; margin-left:10%;}

footer {background: #333; color: #ffffff; width: 100%; float: left; border-top: 2px #F26724 solid;}

footer a {color: #FFFFFF; text-decoration: none;}

@media screen and (max-width: 1024px) {
	
.checked {width:40px;}
	
.header_logo {width: 80%; margin-left: 10%;}

.header_contact {width:100%; text-align: center; float: right;}
	
.banner {
background: url("../../template/image/banner-2.png") no-repeat; background-size:100%;
   -moz-background-size: 100%; 
    -webkit-background-size: 100%;
    -o-background-size: 100%;
height: 300px;
width:100%;
float: left;
}
	
.banner2 {
background: #333;
height: 400px;
width:100%;
float: left;
}
	
.banner3 {
background: url("../../template/image/design-img.jpg") no-repeat; background-size:100%;
   -moz-background-size: 100%; 
    -webkit-background-size: 100%;
    -o-background-size: 100%;
height: 226px;
width:100%;
float: left;
}

.color333 {background: rgba(51,51,51,0.9); border-radius: 10px; border: 2.5px #F26724 solid; color: #FFFFFF; margin-top:0px; margin-left: 5%; position:static; width: 90%; display: block; float: left;}
	
.podb {
  text-align: center;
  color: #000000;
  /*position: absolute;*/
  left: 5%;
  top: auto;
  width: 90%;
  border-radius: 1vw;
}
	
.podbanner {
  background: #FFFFFF;
  border: 2px #F26724 solid;
  color: #000000;
  left: 0%;
  top: 500px;
  width: 100%;
  border-radius: 1vw;
  display: none;
}
	
.podbanner2 {margin-top:10px;}
	
.ot {float: left; width: 100%; margin-top:0;}
	
.p {margin-left: 0;}
	
.reviews_text {width:80%; height: 450px; margin-left:10%;}

.contact {
  background: rgba(255,255,255,0.75);
  border: 2px #F26724 solid;
  color: #000000;
  position: relative;
  margin-left: 5%;
  bottom: 250px;
  width: 90%;
  border-radius: 1vw;
  display: block;
}
	
footer {background: #333; color: #ffffff; width: 100%; float: left; border-top: 2px #F26724 solid; text-align: center;}
}