html{
  width: 85%;
  margin:0 auto;
  min-width: 1120px;
}
body { 
  font-family: Lato;
}
@font-face{
    font-family: Lato;
    src: url('../fonts/Lato.ttf');
}
div{
  /*border: 1px solid black;*/
}

/*
@media (min-width: 1440px) {
  .top{
  height: 928px;
  background-image: url('../img/background.png');
  background-color: none
}
.main{
  padding: 0;
}
.mainHead{
  height: 300px;
}
.mainHeadCon{
  height: 100px;
}
.mainHeadConLogo{
  display: inline-block;
  margin: 89px 0 0 139px;
}
.mainHeadConLogo img{
  margin: 10px 0 0 0;
}
.mainHeadConPhone{
  display: inline-block;
  margin: 116px 0 0 27%;
}
.mainHeadConButton{
  display: inline-block;
  margin: 100px 0 0 5%;
}
.phone{
  margin: 32px 0 0 25px;
}
.phone img, .phone p{
  display: inline-block;
}
.phone p{
  font-size: 20px;
  color: white;
}
.mess{
  color: white;
  width: 270px;
  height: 47px;
  border-radius: 25px;
  background-color: #689657;
  padding: 9px 0 0 52px;
  margin-top: 25px;
  cursor: pointer;
}
.mess p{
  font-size: 20px;
  margin: 0px 0 0 0;
  text-decoration: none;
}
.menu-con{
  margin: 33px 0 0 0;
}
.menu{
  width: 35px;
  height: 5px;
  background-color: white;
  margin: 6px 0;
  border-radius: 3px;
}
.mainHeadConDrop{
  display: inline-block;
  margin: 117px 0 0 4%;
  position: absolute;
}
.sl{
  color: white;
  font-size: 45px;
  text-align: center;
  max-width: 1191px;
  margin: 200px auto 0 auto;
  font-weight: bold;
}
.litt{
  font-size: 35px;
  font-weight: normal;
}
.t-menu{
  text-align: center;
  vertical-align: middle;
  background-color: #689657; 
  height: 154px;
  font-size: 30px;
  line-height: 36px;
  color: #ffffff;
  font-weight: 400;
  font-family: "Lato";
  text-align: center;
  padding: 35px 0 0 0;
}
.t-menu div{
  display: inline-block; width: 19%;
}
.tabu{
  width: 95%;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
.tabu h2{
  margin: 100px;
  font-size: 48px;
  font-weight: bold;
}

.tab {
  display: block;
  width: 965px;
  height: 63px;
  margin:0 auto;
  border-bottom: 1px solid black; 
}
.tab button {
  display: inline;
  background-color: inherit;
  color: black;
  width: 32.9999%;
  border: none;
  text-align: center;
  cursor: pointer;
  font-size: 35px;
  margin: 3px 0 0 0;
}

#redButton.active {
  border-bottom: 14px solid red;
  color: red;
}
#orangeButton.active {
  border-bottom: 14px solid orange;
  color: orange;
}
#greenButton.active {
  border-bottom: 14px solid green;
  color: green;
}
.tabcontent {
  float: left;
  padding: 0px 12px;
  width: 100%;
  height: 1103px;
  display: none;
}
.tb{
  height: 1103px
}
.subTabContent{
  width: 30%;
  margin-left: 35px;
  display: inline-block;
}
.subTabContentMainP{
  width: 420px; 
  height: 139px; 
  font-size: 20px; 
  text-align: left; 
  margin: 100px auto 232px auto;
}
.subTabContentDiv{
  box-shadow: 0 0 50px lightgrey;
  width: 420px; 
  height: 381px; 
  margin: 0 auto;
}
#orange div.subTabContentDiv{
  border-bottom: 5px solid orange; 
}
#green div.subTabContentDiv{
  border-bottom: 5px solid green; 
}
#red div.subTabContentDiv{
  border-bottom: 5px solid red; 
}
.subTabContentDiv img{
  margin: -150px 0 -25px -21px;
  max-width: 92%;
}
.subTabContentDiv p{
  text-align: left;
  font-size: 24px;
  margin: 0 0 0 45px;
}


.tabWork {
  float: left;
  width: 50%;
  height: 550px;
}
.tabWork button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 22px 70px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  background-color: white;
  height: 98px;
  border-radius: 50px 0 0 50px;
  font-size: 30px;
  margin: 0 0 15px 0;
}
.tabWork button:hover {
  background-color: #689657;
}
.tabWork button.active {
  background-color: #689657;
}
.tabWorccontent {
  float: left;
  padding: 0px 12px;
  width: 50%;
  border-left: none;
}
.tabWorccontent video{
  margin: 0 0 0 50px;
}
.temp1{
  margin: -190px 0 -25px -21px;
}
.temp2{
  width: 460px;
  margin: -162px 0 0 9px;
}

.hh{
  height: 156px;
}
.hh div{
  display: inline-block;
  width: 49%;
}
.hhl{
  background-color: #f19d40;
}
.hhr{
  background-color: #f4f7fb;
}
.hhl :first-child{
  display: inline-block;
  width: 164px;
  height: 80px;
  margin: 10px 0 0 135px;
}
.hhl :last-child{
  display: inline-block;
  width: 240px;
  margin: -31px 0 0 55px;
}
.hhr :first-child{
  display: inline-block;
  width: 164px;
  height: 80px;
  margin: 10px 0 0 135px;
} 
.hhr :last-child{
  display: inline-block;
  width: 240px;
  margin: -55px 0 0 55px;
}
.benefitssub{
  width: 32%;
  display: inline-block;
}
.benefits h3, .buy h3{
  font-size: 48px;
  letter-spacing: 5px;
  line-height: 70px;
  color: #000000;
  font-weight: 900;
  margin: 20px 0 20px 0;
}
.benefits img{
  width: 64px;
  height: 64px;
  margin: 60px 0 0 0;
}
.benefits p {
  width: 411px;
  height: 206px;
  font-size: 30px;
  line-height: 36px;
  color: #000000;
  font-weight: 400;
  text-align: center;
  margin: 35px auto 0 auto;
}
.benefits:first-child{
  text-align: center;
}
.benefits h3{
  margin-top: 100px;
}

.hdiw{
  height: 986px;
  background-color: #F4F7FB;
  background-image: url(./../img/Layer94.png);
}
.hdiw h3{
  margin: 134px 0 70px 140px;
  font-size: 48px;
}
.hdiwH3{
  margin: 10px 0 0 0;
  display: inline-block;
}
.hdiwR{
  width: 944px;
  height: 98px;
  border-radius: 50px 0 0 50px;
  background-color: white;
  font-size: 35px;
  float: left;
  padding: 31px 0 0 78px;
  font-size: 30px; 
}
.tabWorccontent b{
  font-size: 35px;
  margin-left: 50px;
}
.rew h2{
  font-size: 32px;
  font-weight: bold;
  margin: 100px auto;
  text-align: center;
  width: 100%;
}

.nameRew{
  font-size: 30px;
  font-weight: bold;
}
.nameRewtext{
  height: 150px;
  font-size: 20px;
  overflow: hidden;
}
.nameRewCOntrol{
  width: 248px;
  height: 97px;
  background-color: #689657;
  float: right;
  margin: 74px -30px 0 0;
}
.nameRewCOntrol p{
  font-size: 65px;
  color: white;
  margin: 0 0 0 10px;
}

.buy{
  text-align: center;
}
.buysub{
  width: 32%;
  display: inline-block;
}
.buysub2{
  width: 49%;
  display: inline-block;
}
.buy img{
  margin: 44px 0 40px 0;
}

.footer{
  height: 1211px;
  background-image: url(./../img/foo.png);
  text-align: center;
}
.footer h3{
  color: white;
  font-size: 48px;
  font-weight: bold;
  margin: 0 0 100px 0;
}
input {
  background: none;
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
  box-shadow: none;
  width: 874px;
  text-align: center;
  color: white;
  padding: 11px;
}
input::-moz-placeholder {
  color: white;
  font-size: 24px
}
.footer label{
  text-align: center;
  color: #949290;
  display: block;
  font-size: 24px;
}
.footer textarea{
  width: 874px;
  height: 220px;
  background: none;
  border: 2px solid white;
  color: white;
  padding: 20px;
}
.footer button{
  height: 60px;
  width: 304px;
  border-radius: 30px;
  border-color: #689657;
  background-color: #689657
}
}*/

/*-------------------------------------------------------
-------------------------------------------------------
-------------------------------------------------------
-----------------------  992   ------------------------
-------------------------------------------------------
-------------------------------------------------------*/


/*@media (min-width: 992px) and (max-width: 1439px) {*/
  .top{
    height: 550px;
    background-image: url('../img/background.png');
    /*background-color: red;*/
}
.main{
  padding: 0;
}
.mainHead{
  height: 300px;
}
.mainHeadCon{
  height: 100px;
}
.mainHeadConLogo{
  display: inline-block;
  margin: 55px 0 0 50px;
}
.mainHeadConLogo img{
  width: 70%;
}
.mainHeadConPhone{
  display: inline-block;
  margin: 0 0 0 27%;
}
.mainHeadConButton{
  display: inline-block;
  margin: 0 0 0 2%;
}
.phone{
  /*margin: 32px 0 0 25px;*/
}
.phone img{
  width: 15px;
}
.phone img, .phone p{
  display: inline-block;
}
.phone p{
  font-size: 16px;
  color: white;
}
.mess{
  color: white;
  width: 200px;
  height: 30px;
  border-radius: 25px;
  background-color: #689657;
  padding: 5px 0 0 37px;
  margin-top: 25px;
  cursor: pointer;
}
.mess p{
  font-size: 16px;
  margin: 0 0 0 0;
  text-decoration: none;
}
.menu-con{
  margin: -7px 0 0 15px;
}
.menu{
  width: 28px;
  height: 3px;
  background-color: white;
  margin: 6px 0;
  border-radius: 3px;
  }
.mainHeadInfo{
  position: relative;
  float: right;
  width: 800px;
}
.mainHeadConDrop{
  display: inline-block;
  margin: 31px 0 0 2%;
  position: absolute;
}
.mainHeadConLang{
  display: inline-block;
  margin: 24px 0 0 100px;
  position: absolute;
}
.mainHeadConLang select{
  color: white;
  background-color: #689657;
  border: none;
  border-radius: 24px;
  height: 32px;
  width: 80px;
  padding: 5px;
}
.sl{
  color: white;
  font-size: 32px;
  text-align: center;
  max-width: 1191px;
  margin: 64px auto 0 auto;
  font-weight: bold;
}
.litt{
  font-size: 28px;
  font-weight: normal;
}
.t-menu{
  text-align: center;
  vertical-align: middle;
  background-color: #689657; 
  height: 130px;
  font-size: 20px;
  color: #ffffff;
  font-weight: 400;
  font-family: "Lato";
  text-align: center;
  padding: 35px 0 0 0;
}
.t-menu div{
  display: inline-block; width: 19%;
}
.tabu{
  width: 95%;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
.tabu h2{
  margin: 70px;
  font-size: 32px;
  font-weight: bold;
}

/*------  tabs1 style  ---------------*/
.tab {
  display: block;
  width: 600px;
  height: 41px;
  margin:0 auto;
  border-bottom: 1px solid black; 
}
.tab button {
  display: inline;
  background-color: inherit;
  color: black;
  width: 32.84%;
  border: none;
  text-align: center;
  cursor: pointer;
  font-size: 20px;
  margin: 6px 0 0 0;
}

#redButton.active {
  border-bottom: 8px solid red;
  color: red;
}
#orangeButton.active {
  border-bottom: 8px solid orange;
  color: orange;
}
#greenButton.active {
  border-bottom: 8px solid green;
  color: green;
}
.tabcontent {
  float: left;
  padding: 0px 12px;
  width: 100%;
  height: 740px;
  display: none;
}
.tb{
  height: 1103px
}
.subTabContent{
  width: 30%;
  margin-left: 30px;
  display: inline-block;
}
.subTabContentMainP{
  /*width: 420px; */
  height: 139px; 
  font-size: 14px; 
  text-align: left; 
  margin: 70px auto 30px auto;
}
.subTabContentDiv{
  box-shadow: 0 0 50px lightgrey;
  height: 381px; 
  margin: 0 auto;
}
#orange div.subTabContentDiv{
  border-bottom: 5px solid orange; 
}
#green div.subTabContentDiv{
  border-bottom: 5px solid green; 
}
#red div.subTabContentDiv{
  border-bottom: 5px solid red; 
}
.subTabContentDiv img{
  /*margin: -230px 0 -25px -21px;*/
  width: 80%;
  /*height: 290px;*/
  margin: 40px 0 27px 0;
}
.subTabContentDiv p{
  text-align: left;
  font-size: 15px;
  margin: 0 0 0 45px;
}

/*------- tab work --------------------------*/

.tabWork {
  float: right;
  width: 45%;
  height: 550px;
}
.tabWork button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 22px 70px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  background-color: white;
  height: 70px;
  border-radius: 50px 0 0 50px;
  font-size: 20px;
  margin: 0 0 15px 0;
}
.tabWork button:hover {
  background-color: #689657;
}
.tabWork button.active {
  background-color: #689657;
}
.tabWorccontent {
  float: left;
  padding: 0px 12px;
  width: 50%;
  border-left: none;
}
.tabWorccontent video{
  margin: 0 0 0 50px;
}
.temp1{
  /*margin: -190px 0 -25px -21px;*/
}
.temp2{
  width: 460px;
  /*margin: -162px 0 0 9px;*/
}

.hh{
  height: 106px;
}
.hh div{
  display: inline-block;
  width: 49%;
}
.hhl{
  background-color: #f19d40;
}
.hhr{
  background-color: #f4f7fb;
}
.hhl :first-child{
  display: inline-block;
  width: 105px;
  height: 53px;
  margin: 10px 0 0 65px;
}
.hhl :last-child{
  display: inline-block;
  width: 170px;
  margin: -31px 0 0 55px;
}
.hhr :first-child{
  display: inline-block;
  width: 105px;
  height: 53px;
  margin: 10px 0 0 65px;
}

.hhr :last-child{
  display: inline-block;
  width: 170px;
  margin: -55px 0 0 55px;
}
.benefitssub{
  width: 32%;
  display: inline-block;
  text-align: center;
}
.benefits h3, .buy h3{
  font-size: 32px;
  letter-spacing: 5px;
  line-height: 70px;
  color: #000000;
  font-weight: 900;
  margin: 20px 0 20px 0;
}
.benefits h3{
  text-align: center;
}
.benefits img{
  width: 64px;
  height: 64px;
  margin: 60px 0 0 0;
}
.benefits p {
  /*width: 411px;*/
  height: 206px;
  font-size: 20px;
  line-height: 36px;
  color: #000000;
  font-weight: 400;
  text-align: center;
  margin: 35px auto 0 auto;
}
.benefits:first-child{
  text-align: center;
}
.benefits h3{
  margin-top: 100px;
}

.hdiw{
  height: 710px;
  background-color: #F4F7FB;
  background-image: url(./../img/Layer94.png);
}
.hdiw h3{
  margin: 45px 0 27px 75px;
  font-size: 32px;
}
.hdiwH3{
  margin: 10px 0 0 0;
  display: inline-block;
}
.hdiwR{
  width: 944px;
  height: 98px;
  border-radius: 50px 0 0 50px;
  background-color: white;
  font-size: 35px;
  float: left;
  padding: 31px 0 0 78px;
  font-size: 30px; 
}
.tabWorccontent b{
  font-size: 20px;
  margin-left: 50px;
}
.rew{
  width: 95%;
  margin: 159px auto 0 auto;
}
.quotes{
  width: 20%;
  margin: 35px 0 0 25px;
  max-width: 102px;
  max-height: 102px;
}
.rew h2{
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  width: 100%;
}
.nameRew{
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 12px 77px;
}
.nameRewtext{
  height: 150px;
  /*font-size: 10px;*/
  font-size:16px;
  overflow: hidden;
  margin: 0 50px 95px 75px;
}
.nameRewCOntrol{
  width: 248px;
  height: 97px;
  background-color: #689657;
  float: right;
  margin: 52px 0px 0 0;
}
/*.nameRew:before{
  font-family:  Georgia, "Times New Roman", Times, serif;
  content: open-quote;
  font-weight: bold;
  font-size:230px;
  color:#889c0b;
  height: 249px;
}*/

.buy{
  text-align: center;
}
.buysub{
  width: 32%;
  display: inline-block;
}
.buysub2{
  width: 49%;
  display: inline-block;
}
.buy img{
  margin: 44px 0 40px 0;
  width: 50%;
}
.buysub2 img{
  width: 30%;
}

.footer{
  height: 1211px;
  background-image: url(./../img/foo.png);
  text-align: center;
}
.footer h3{
  color: white;
  font-size: 30px;
  font-weight: bold;
  margin: 0 0 70px 0;
}
input {
  background: none;
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
  box-shadow: none;
  width: 574px;
  text-align: center;
  color: white;
  padding: 11px;
}
input::-moz-placeholder {
  color: white;
  font-size: 24px
}
.footer label{
  text-align: center;
  color: #949290;
  display: block;
  font-size: 24px;
}
.footer textarea{
  width: 574px;
  height: 180px;
  background: none;
  border: 2px solid white;
  color: white;
  padding: 20px;
}
.footer button{
  height: 40px;
  width: 204px;
  border-radius: 20px;
  border-color: #689657;
  background-color: #689657
}
/*}*/


/*-------------------------------------------------------
-------------------------------------------------------
-------------------------------------------------------
-----------------------  <991   ------------------------
-------------------------------------------------------
-------------------------------------------------------*/


/*@media (min-width: 990px) and (max-width: 991px) {
 .top{
    height: 550px;
    background-image: url('../img/background.png');
}
.main{
  padding: 0;
}
.mainHead{
  height: 300px;
}
.mainHeadCon{
  height: 100px;
}
.mainHeadConLogo{
  display: inline-block;
  margin: 55px 0 0 50px;
}
.mainHeadConLogo img{
  width: 70%;
}
.mainHeadConPhone{
  display: inline-block;
  margin: 0 0 0 27%;
}
.mainHeadConButton{
  display: inline-block;
  margin: 0 0 0 2%;
}
.phone img{
  width: 15px;
}
.phone img, .phone p{
  display: inline-block;
}
.phone p{
  font-size: 16px;
  color: white;
}
.mess{
  color: white;
  width: 200px;
  height: 30px;
  border-radius: 25px;
  background-color: #689657;
  padding: 5px 0 0 37px;
  margin-top: 25px;
  cursor: pointer;
}
.mess p{
  font-size: 16px;
  margin: 0px 0 0 0;
  text-decoration: none;
}
.menu-con{
  margin: 33px 0 0 0;
}
.menu{
  width: 28px;
  height: 3px;
  background-color: white;
  margin: 6px 0;
  border-radius: 3px;
  }
.mainHeadConDrop{
  display: inline-block;
  margin: 31px 0 0 2%;
  position: absolute;
}
.sl{
  color: white;
  font-size: 32px;
  text-align: center;
  max-width: 1191px;
  margin: 64px auto 0 auto;
  font-weight: bold;
}
.litt{
  font-size: 28px;
  font-weight: normal;
}
.t-menu{
  text-align: center;
  vertical-align: middle;
  background-color: #689657; 
  height: 130px;
  font-size: 20px;
  color: #ffffff;
  font-weight: 400;
  font-family: "Lato";
  text-align: center;
  padding: 35px 0 0 0;
}
.t-menu div{
  display: inline-block; width: 19%;
}
.tabu{
  width: 95%;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
.tabu h2{
  margin: 70px;
  font-size: 32px;
  font-weight: bold;
}
.tab {
  display: block;
  width: 600px;
  height: 41px;
  margin:0 auto;
  border-bottom: 1px solid black; 
}
.tab button {
  display: inline;
  background-color: inherit;
  color: black;
  width: 32.84%;
  border: none;
  text-align: center;
  cursor: pointer;
  font-size: 20px;
  margin: 6px 0 0 0;
}

#redButton.active {
  border-bottom: 8px solid red;
  color: red;
}
#orangeButton.active {
  border-bottom: 8px solid orange;
  color: orange;
}
#greenButton.active {
  border-bottom: 8px solid green;
  color: green;
}
.tabcontent {
  float: left;
  padding: 0px 12px;
  width: 100%;
  height: 1103px;
  display: none;
}
.tb{
  height: 1103px
}
.subTabContent{
  width: 30%;
  margin-left: 30px;
  display: inline-block;
}
.subTabContentMainP{
  height: 139px; 
  font-size: 14px; 
  text-align: left; 
  margin: 70px auto 30px auto;
}
.subTabContentDiv{
  box-shadow: 0 0 50px lightgrey;
  height: 381px; 
  border-bottom: 5px solid orange; 
  margin: 0 auto;
}
.subTabContentDiv img{
  width: 80%;
}
.subTabContentDiv p{
  text-align: left;
  font-size: 15px;
  margin: 0 0 0 45px;
}

.tabWork {
  float: right;
  width: 45%;
  height: 550px;
}
.tabWork button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 22px 70px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  background-color: white;
  height: 70px;
  border-radius: 50px 0 0 50px;
  font-size: 20px;
  margin: 0 0 15px 0;
}
.tabWork button:hover {
  background-color: #689657;
}
.tabWork button.active {
  background-color: #689657;
}
.tabWorccontent {
  float: left;
  padding: 0px 12px;
  width: 50%;
  border-left: none;
}
.tabWorccontent video{
  margin: 0 0 0 50px;
}

.temp2{
  width: 460px;
}

.hh{
  height: 106px;
}
.hh div{
  display: inline-block;
  width: 49%;
}
.hhl{
  background-color: #f19d40;
}
.hhr{
  background-color: #f4f7fb;
}
.hhl :first-child{
  display: inline-block;
  width: 105px;
  height: 53px;
  margin: 10px 0 0 65px;
}
.hhl :last-child{
  display: inline-block;
  width: 170px;
  margin: -31px 0 0 55px;
}
.hhr :first-child{
  display: inline-block;
  width: 105px;
  height: 53px;
  margin: 10px 0 0 65px;
}
} 
.hhr :last-child{
  display: inline-block;
  width: 170px;
  margin: -55px 0 0 55px;
}
.benefitssub{
  width: 32%;
  display: inline-block;
  text-align: center;
}
.benefits h3, .buy h3{
  font-size: 32px;
  letter-spacing: 5px;
  line-height: 70px;
  color: #000000;
  font-weight: 900;
  margin: 20px 0 20px 0;
}
.benefits h3{
  text-align: center;
}
.benefits img{
  width: 64px;
  height: 64px;
  margin: 60px 0 0 0;
}
.benefits p {
  height: 206px;
  font-size: 20px;
  line-height: 36px;
  color: #000000;
  font-weight: 400;
  text-align: center;
  margin: 35px auto 0 auto;
}
.benefits:first-child{
  text-align: center;
}
.benefits h3{
  margin-top: 100px;
}

.hdiw{
  height: 710px;
  background-color: #F4F7FB;
  background-image: url(./../img/Layer94.png);
}
.hdiw h3{
  margin: 45px 0 27px 75px;
  font-size: 32px;
}
.hdiwH3{
  margin: 10px 0 0 0;
  display: inline-block;
}
.hdiwR{
  width: 944px;
  height: 98px;
  border-radius: 50px 0 0 50px;
  background-color: white;
  font-size: 35px;
  float: left;
  padding: 31px 0 0 78px;
  font-size: 30px; 
}
.tabWorccontent b{
  font-size: 20px;
  margin-left: 50px;
}
.rew{
  width: 95%;
  margin: 159px auto 0 auto;
}
.rew h2{
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  width: 100%;
}

.nameRew{
  font-size: 24px;
  font-weight: bold;
}
.nameRewtext{
  height: 180px;
  font-size: 15px;
  overflow: hidden;
  margin: 0 30px 0 80px;
}
.nameRewCOntrol{
  width: 248px;
  height: 97px;
  background-color: #689657;
  float: right;
  margin: 118px 0 0 0;
}
}

.buy{
  text-align: center;
}
.buysub{
  width: 32%;
  display: inline-block;
}
.buysub2{
  width: 49%;
  display: inline-block;
}
.buy img{
  margin: 44px 0 40px 0;
  width: 50%;
}
.buysub2 img{
  width: 30%;
}

.footer{
  height: 1211px;
  background-image: url(./../img/foo.png);
  text-align: center;
}
.footer h3{
  color: white;
  font-size: 30px;
  font-weight: bold;
  margin: 0 0 70px 0;
}
input {
  background: none;
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
  box-shadow: none;
  width: 574px;
  text-align: center;
  color: white;
  padding: 11px;
}
input::-moz-placeholder {
  color: white;
  font-size: 24px
}
.footer label{
  text-align: center;
  color: #949290;
  display: block;
  font-size: 24px;
}
.footer textarea{
  width: 574px;
  height: 180px;
  background: none;
  border: 2px solid white;
  color: white;
  padding: 20px;
}
.footer button{
  height: 40px;
  width: 204px;
  border-radius: 20px;
  border-color: #689657;
  background-color: #689657
}
}*/