*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Arial,sans-serif;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.inlineflex{display:-webkit-inline-flex;display:-webkit-inline-box;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex}
.inlineblock{-display:-moz-inline-box;display:inline; zoom:1;display:inline-block}
.flex{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
.trn2ms{-webkit-transition:0.2s;-moz-transition:0.2s;-ms-transition:0.2s;-o-transition:0.2s;transition:0.2s}
.tac{text-align:center}

.beltprices{position:relative;display:block;height:580px}
.prodcard{font-family:monsterrat,Arial,Helvetica Neue,Helvetica,'sans-serif';position:absolute;width:230px;height:500px;-webkit-border-radius:15px;
  -moz-border-radius:15px;border-radius:15px;border:1px solid #aaa;overflow:hidden;background-color:#fff;color:#000;z-index:2}
.wavediv{font-size:42px;font-weight:bolder;height:120px;width:100%;-webkit-justify-content:center;
  justify-content:center;-webkit-align-items:center;align-items:center;background-color:#37D78F;color:#fff}
.wavediv:before{width:50%;height:51px;top:100px;right:0;background-color:#fff}
.wavediv::after{width:56%;height:53px;top:85px;left:0;background-color:#37D78F}
.wavediv:before,.wavediv::after{content:"";position:absolute;display:block;-webkit-border-radius:100% 60%;
  -moz-border-radius:100% 60%;border-radius:100% 60%}
.textprice{z-index:1}
.currprice{font-size:22px;font-weight:100}
.proddata{position:absolute;width:100%;padding-top:120px;top:0}
.w100p,.proddata,.descriprod{height:100%}
.dtop{height:250px;overflow:hidden}
.dbot{height:100px;overflow:hidden}
.dtop *,.dbot *{margin:0 auto;-webkit-align-self:center;align-self:center}

.prodprice{position:absolute;width:100%;bottom:50px;-webkit-justify-content:center;justify-content:center}
.btnprod{font-size:16px;font-weight:bolder;width:170px;height:40px;padding:5px 10px;-webkit-border-radius:7px;
  -moz-border-radius:7px;border-radius:7px;border:1px solid #aaa;background-color:#1EC677;color:#fff}
.infoprod{font-size:30px;font-weight:300;line-height:2.3rem;color:#000}

.bggradprod{font-family:monsterrat,Arial,Helvetica Neue,Helvetica,'sans-serif';position:absolute;width:100%;height:460px;top:0;
  margin:60px 0;background-image:linear-gradient(to top,#3CE0A5,#1DB66F);overflow:hidden;color:#fff}
.featuretitle{padding-left:2%}
.prodicon{font-size:36px;margin:20px 20px 5px 20px}
.prodmaintitle{font-size:44px;font-weight:bold}
.prodsubtitle{font-size:24px}
.featuredescr{font-size:18px;font-weight:400;position:absolute;right:2%;line-height: 1.3;}
.pos-card{position:relative;top:40px;left:42%}
.dotted-bg{position:absolute;width:450px;height:450px;top:5px;left:40px;overflow:hidden;
  -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:}
.dotted-bg::before{content:"";position:relative;display:block;width:150%;height:120%;top:220px;left:50%;background-size:12px 12px;
  background-position:center;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);-webkit-background-image:radial-gradient(#3D80E4 14%,transparent 14%);
  -moz-background-image:radial-gradient(#3D80E4 14%,transparent 14%);background-image:radial-gradient(#3D80E4 14%,transparent 14%);
  -webkit-mask-image:radial-gradient(rgba(0,0,0,1),rgba(0,0,0,0) 75%);-o-mask-image:radial-gradient(rgba(0,0,0,1),rgba(0,0,0,0) 75%);
  mask-image:radial-gradient(rgba(0,0,0,1),rgba(0,0,0,0) 75%);z-index:1
}
.dotted-bg::before{
  -webkit-background-image:radial-gradient(rgba(255,255,255,0.4) 14%,transparent 14%);
  -moz-background-image:radial-gradient(rgba(255,255,255,0.4) 14%,transparent 14%);
  background-image:radial-gradient(rgba(255,255,255,0.4) 14%,transparent 14%);
}
.imglogo{position:relative;width:240px;top:60px;left:120px}

@media screen and (min-width:1400px){
  .dotted-bg{left:10%}
  .featuretitle{padding-left:10%}
  .featuredescr{right:2%}
  .pos-card{left:55%}
}
@media screen and (min-width:445px) and (max-width:945px){
  .dotted-bg{padding-left:3%}
}
@media screen and (min-width:916px) and (max-width:1095px){
  .pos-card{left:38%}
  .featuretitle{width:38%;right:3%}
  .featuredescr{width:36%;padding-left:2%}
  .imglogo{left:5%}
}
@media screen and (min-width:735px) and (max-width:915px){
  .pos-card{left:65%}
  .featuredescr{right:40%}
  .imglogo{top:10px;left:15%}
}
@media screen and (min-width:605px) and (max-width:734px){
  .pos-card{left:62%}
  .prodmaintitle{font-size:32px}
  .featuredescr{right:40%}
  .imglogo{top:10px;left:10%}
}
@media screen and (max-width:604px){
  .beltprices{height:1100px}
  .bggradprod{height:100vh;margin:30px 0}
  .prodmaintitle{font-size:32px}
  .featuretitle{padding-left:5%}
  .featuredescr{font-size:16px;position:relative;display:table;top:50px;right:0;margin:0 auto;padding:0 2%}
  .imglogo{display:block;top:40px;left:0;margin:0 auto}
  .pos-card{top:550px;left:0;margin:0 auto}
}