.pagewrapper *{box-sizing:border-box;}
.pagewrapper,#block-panels-mini-product-menu{background-color: #fff;}
.pagewrapper{color: #000;}
.pagewrapper .content-wrap{padding:60px 0px 80px}
.block1 .content-wrap{padding-bottom: 0;}
h1,h2,h3 {color: #000;}
h1{font-size:40px;}
h3{font-size: 21px;margin-bottom: 12px;}
.banner .flex-item:first-child {position: relative;}
.banner.content-wrap{padding-bottom: 40px;}
.banner .flex-item p {
    position: relative;
    width: 100%;
    max-width: 82%;
}
.img-holder{position: relative;margin: 0px 0 0 8%;}
.mobile-only{display: none;}
.res-theme1-img2 {margin: -40px 0 0 -60px;}
img.res-theme1-img2 {margin: -40px 0 0 -40px;max-width: 500px;transform: translate(70px, 0px);}
img.res-theme1-img3 {margin: -60px 0 0 -264px;max-width: 420px;transform: translate(-70px, 0px);}
.img-holder img{position: relative;transition: all 2000ms cubic-bezier(0.45, 0.24, 0.59, 0.96);}
img.res-theme1-img4 {position: absolute;bottom: 4.5%;left: 7.5%;max-width: 400px;transform: translate(70px, 0px);}
img.res-theme1-img1 {transform: translate(30px, 0px);max-width: 470px;}
.middle-animated .img-holder img{transform: translate(0px, 0px);}
.flex-wrap-2-col {display: flex;align-items: center;}
.flex-wrap-2-col>div {width: 58%;}
.flex-wrap-2-col>div:nth-child(2) {width: 40%;}
.flex-wrap-2-col>div:first-child {padding-right: 20px;}
.right-panel {display: inline-block;width: 100%;vertical-align: top;}
.flex-wrap-3-col .flex-item p{margin-bottom: 5px;}
.view-more{color: #1591eb;font-weight: bold;font-size: 15px;}
.zicon:before {content: '';display: block;width: 52px;height: 52px;background: url(/sites/zweb/images/commerce/features-inner/features-sprite.png) no-repeat;background-size: 600px auto;margin-bottom: 7px;}
.zicon2:before{
    background-position: -51px 0px;
    width: 48px;
    height: 46px;
}
.zicon3:before{
  background-position: -99px 0px;
  width: 48px;
  height: 49px;
}
.zicon4:before{
    background-position: -148px 0;
    width: 49px;
    height: 49px;
}
.zicon5:before{
    background-position: -197px 2px;
    height: 35px;
}
.zicon6:before{
    background-position: -248px -2px;
    width: 49px;
    height: 44px;
}
.zicon7:before{
    background-position: -297px -1px;
    width: 48px;
    height: 45px;
}
.zicon8:before{
    background-position: -346px 1px;
    width: 46px;
    height: 48px
}
.zicon9:before{
    background-position: -394px -6px;
    width: 50px;
    height: 39px;
}
.zicon10:before{
  background-position: -449px 0px;
    width: 42px;
}
.zicon11:before{
  background-position: -495px 0px;
}
.zicon12:before{
  background-position: -552px 0px;
    width: 43px;
}
.zicon13:before{
  background-position: -1px -61px;
  height: 56px;
  width: 56px;
}
.zicon14:before{
  background-position: -60px -59px;
    height: 55px;
    width: 49px;
}
.zicon15:before{
  background-position: -111px -59px;
    width: 50px;
}
.zicon16:before{
  background-position: -161px -61px;
    height: 45px;
    width: 47px;
}
.zicon17:before{
  background-position: -209px -61px;
    width: 50px;
}
.zicon18:before{
  background-position: -260px -58px;
    width: 47px;
}
.zicon19:before{
  background-position: -311px -61px;
    height: 49px;
    width: 42px;
}
.zicon20:before{
  background-position: -357px -63px;
    height: 46px;
}
.zicon21:before{
  background-position: -409px -61px;
    height: 44px;
    width: 47px;
}
.zicon22:before{
  background-position: -458px -62px;
    height: 47px;
    width: 47px;
}
.zicon23:before{
  background-position: -508px -60px;
    height: 51px;
    width: 51px;
}
.flex-wrap-3-col {display: flex;flex-wrap: wrap;}
.flex-wrap-3-col > div {width: 20%;margin: 30px 5% 70px 0;}
.flex-item.empty-item {padding: 0;height: 0;margin: 0;}
ul.nav-wrap {text-align: right;max-width: 80px;}
.nav-wrap li a:before {content: '';width: 11px;height: 2px;background: #fff;position: absolute;right: -20px;top: 21px;transition: width 500ms ease;}
.nav-wrap li a.active:before {background: #FEC331;}

.nav-wrap li a{font-size: 18px;padding: 7px 0;cursor: pointer;color:#000;display: block;position: relative;}
.nav-wrap li a.active{color:#FEC331}
.bottom-section{position: relative;width: 100%;background: #fff;text-align: center;}
.bottom-cont h2{
    max-width: 580px;
    margin: 0 auto 15px;
    width: 100%;
}
.bottom-cont {
    position: relative;
    text-align: left !important;
    width: 100%;
    max-width: 80%;
    margin: 0 auto;
    display: flex;
    background: #f5f5f5;
    align-items: center;
    justify-content: space-evenly;
    padding: 40px 30px;
    border-radius: 5px
}

.bottom-text p {
    margin-bottom: 10px
}

@media all and (max-width:1300px){
 .break{
display:none;
}
}
@media all and (min-width:1400px){
  .act-btn{padding:12px 20px}
}

@media all and (min-width:992px) and (max-width:1199px){
  img.res-theme1-img1{max-width: 400px;}
  img.res-theme1-img2{margin: -40px 0 0 -38px;max-width: 450px;}
  img.res-theme1-img3{margin: -55px 0 0 -270px;max-width: 420px;}
  img.res-theme1-img4{max-width: 440px;bottom: 3%;left: 6%;}

  .img-holder{margin: 0px 0 0 0%;}
}

@media only screen and (max-width: 1080px) {
  .flex-wrap-3-col > div{width: 28%;}
  h1{font-size: 36px;}
.bottom-cont{max-width: 100%;}
}
@media all and (max-width:991px){
  .pagewrapper{overflow: hidden;}
  img.res-theme1-img1 {transform: translate(0px, 0px);max-width: 470px;}
  .flex-wrap-2-col{flex-flow: column;}
  .flex-wrap-2-col > div{width:100%;text-align: center;}
  .banner .flex-item:first-child{top:0;margin-left: 0px;}
  .img-holder{margin: 40px auto 0px;max-width: 600px;}
  .mobile-only{display: block;position: relative;left: 0px;margin:30px auto 0px;max-width: 700px;}
  /*img.res-theme1-img1{max-width: 470px;}*/
  img.res-theme1-img2{margin: -40px 0 0 -38px;max-width: 450px;}
  img.res-theme1-img3{margin: -55px 0 0 -270px;max-width: 420px;}
  img.res-theme1-img4{max-width: 440px;bottom: 3%;left: 6%;}
  
  .flex-wrap-2-col>div:first-child{padding-right: 0;}
  .feature-item h2{text-align: center;}
  .pagewrapper .content-wrap {
    padding: 60px 0px 60px;
  }
  .banner.content-wrap {
    padding: 40px 0 0px;
  }
  .block1 .content-wrap {
    padding-bottom: 0;
  }
  .banner .flex-item p{margin: 0 auto 20px;}
  .flex-wrap-3-col > div{margin: 30px 5% 5% 0;}
  .bottom-cont{
    max-width: 600px;
    margin: 0 auto;
     flex-direction: column;
        text-align: center !important;
    }
    .bottom-text {
        margin-bottom: 15px;
    }
  .flex-wrap-2-col>div:nth-child(2){
    width: 100%;
  }
}
@media only screen and (max-width: 800px) {
  h1{font-size: 33px;}
}
@media all and (max-width:767px){
  /* h1{font-size: 40px;} */
  h3 {font-size: 20px;margin-bottom: 5px;}
  .pagewrapper .content-wrap {padding: 40px 0px 40px;}
  .flex-item2.img-holder {margin: 40px auto;}
  .img-holder{margin-left: 0px;}
  .mobile-only{margin: 10px auto 0;max-width: 100%;left:0}
  img.res-theme1-img1{max-width: 370px;}
  img.res-theme1-img2{margin: -30px 0 0 -50px;max-width: 390px;}
  img.res-theme1-img3{margin: 4px 0 0 -50px;max-width: 260px;}
  img.res-theme1-img4{max-width: 440px;bottom: -6%;left: 37%;}
  .feature-item {margin: 0 auto 10px;max-width: 90%;}
  .flex-wrap-3-col,.flex-wrap-2-col{flex-flow: column;}
  .flex-wrap-2-col > div{width:100%;text-align: center;}
  .flex-wrap-2-col>div:first-child{padding: 0px;margin-bottom: 0px;}
  .flex-wrap-3-col > div{width:100%;margin: 20px 0 10px 0;}
  .right-panel{width:100%}

  .flex-wrap-3-col > div{width: 320px;margin: 0 auto 40px;text-align: center;}
  .zicon:before{margin: 0 auto 8px;}
  .feature-item h2{margin: 0 auto 25px;}
  .flex-wrap-3-col > div:last-child{margin-bottom: 0;}
  .view-more{font-size: 15px;}
  .block1 .content-wrap{padding-top: 0;}
  .bottom-section .content-wrap{padding-top: 0;}
}
@media only screen and (max-width: 480px) {
  h1{font-size: 27px;}
  .banner .flex-item p{max-width: 100%;}
  img.res-theme1-img1,.flex-wrap-3-col>div{max-width: 100%;}
}