* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.group {
  zoom: 1;
}
body {
  background-color: #333;
  height: 100%;
}
.item {
  padding: 10px;
  width: 50%;
  float: left;
  max-width: 850px;
}
.item .block {
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

.item2 {
  padding: 0px;
  width: 30%;
  float: left;
}

.item3 {
  padding: 0px;
  width: 65%;
  float: left;
  margin-left: 5%;
}
.item4 {
  padding: 0px;
  width: 40%;
  float: left;
}

.item5{
  padding: 0px;
  width: 55%;
  float: left;
  margin-left: 5%;
}
header {
  text-align: center;
  background-image: url("../images/p1.jpg");
  background-size: cover; 
  background-color: #41342B;
  height: 100vh; 
}
header .wrapper {
  margin: 0 auto;
  padding: 30px 10px;
  width: 70%;
  color: #ecf0f1;
  position: absolute;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);  
}
header h1 {
  margin-bottom: 10px;
  font-size: 3em;
  font-weight: bold;
  line-height: 1em;
}
header p {
  margin-bottom: 20px;
}
header .button {
  padding: 10px 20px;
  display: inline-block;
  color: #f1c40f;
  text-decoration: none;
  border: 2px solid #f1c40f;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.section {
  position: relative;
  background-color: #41342B;
  height: 100vh;
  height: 100%; /* For at least Firefox */
  min-height: 100% !important;  
}
.section.section-demo {
  position: relative;
  background-color: #41342B;
  height: 100vh;
}
.section .wrapper {
  position: relative;
  margin: 0 auto;
  padding: 52px 0;
  width: 960px;
}
.section.section-twochart .wrapper {
  position: relative;
  margin: 0 auto;
  padding: 52px 0;
  width: 70%;
}
.section.section-main {
  text-align: center;
  background-image: url("../images/p1.jpg");
  background-size: cover; 
  background-color: #41342B;
  height: 100vh;
  min-height: 100%;    
}  
.section.section-p2 {
  text-align: center;
  background-image: url("../images/p2.jpg");
  background-size: cover; 
  background-color: #41342B;
  height: 100vh;
  min-height: 100%;    
} 
.section.section-p3{
  text-align: center;
  background-image: url("../images/p3.jpg");
  background-size: cover; 
  background-color: #41342B;
  height: 100vh;
  min-height: 100%;    
}
.section.section-p4{
  text-align: center;
  background-image: url("../images/p4.jpg");
  background-size: cover; 
  background-color: #41342B;
  height: 100vh;
  min-height: 100%;    
} 
.section.section-p5{
  text-align: center;
  background-image: url("../images/p8.jpg");
  background-size: cover; 
  background-color: #41342B;
  height: 100vh;
  min-height: 100%;    
}
.section.section-p6{
  text-align: center;
  background-image: url("../images/p5.jpg");
  background-size: cover; 
  background-color: #41342B;
  height: 100vh;
  min-height: 100%;    
} 
.section.section-p7{
  text-align: center;
  background-image: url("../images/p6.jpg");
  background-size: cover; 
  background-color: #41342B;
  height: 100vh;
  min-height: 100%;    
}
.section.section-p8{
  text-align: center;
  background-image: url("../images/p7.jpg");
  background-size: cover; 
  background-color: #41342B;
  height: 100vh; 
  min-height: 100%;    
}
.section.section-p9{
  text-align: center;
  background-image: url("../images/p8.jpg");
  background-size: cover; 
  background-color: #41342B;
  height: 100vh; 
  min-height: 100%;    
}  
.section.section-p10{
  text-align: center;
  background-image: url("../images/p9.jpg");
  background-size: cover; 
  background-color: #41342B;
  height: 100vh;
  min-height: 100%;    
}  
.section.section-p10{
  text-align: center;
  background-image: url("../images/p10.jpg");
  background-size: cover; 
  background-color: #333; 
  height: 100vh; 
  min-height: 100%;    
} 
.section.section-p11{
  text-align: center;
  background-image: url("../images/p11.jpg");
  background-size: cover; 
  background-color: #333; 
  height: 100vh; 
  min-height: 100%;    
}
.section.section-exp{
  text-align: center;
  background-image: url("../images/p_exp.jpg");
  background-size: cover; 
  background-color: #333; 
  height: 100vh;
} 
.section.section-buy{
  text-align: center;
  background-image: url("../images/p_buy.jpg");
  background-size: cover; 
  background-color: #333; 
  height: 100vh;
}    
.section.section-code {
  position: relative;
  background-color: #333;
  color: #fff;
  height: 30px;
  padding: 30px 0px 0px 0px;
}
footer {
  width: 100%;
  margin: 0 auto;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background-color: #333;
  text-align: center;
  height: 30px;
}
footer p {

  font-size: 0.875em;
  color: #ebebeb;
  line-height: 35px;
}
footer p:hover {
  color: #fff;
  text-decoration: none;
}

.footertext{ text-align: center; color: #333; color: #ebebeb;   font-size: 11px !important; }

@media screen and (max-width: 960px) {
  body {
    min-width: 320px;
  }
  header .wrapper {
    margin: 0;
    width: 100%;
  }
  .section .wrapper {
    margin: 0;
    width: 100%;
  }
  footer .wrapper {
    margin: 0;
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .section .wrapper {
    margin: 0;
    width: 100%;
  }
 
}