<?php
/*
 * Template Name:ژاکت
 * Template Post Type: post, page, product
 */
?>
<!DOCTYPE html>
<html lang="en">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="theme-color" content="#0f94e9" />

  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <title><?php bloginfo('name') ?></title>
  <?php
  wp_head();
  load_theme_textdomain('digibe');
  ?>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>

<body>

  <header>
    <div class="home-inner">
      <div class="logo">
        <div class="containerarea">
          <h2 style="text-align: center;color: #fff;font-weight: bold;">قالب خبری و دانلودی لیوسا</h2>
        </div>
      </div>
      <div class="header-content text-center">
        <h2>پیش نمایش کامل ترین ، حرفه ای ترین و زیبا ترین قالب خبری ایرانی</h2>
        <p class="text-capitalize">قالب مجله ای لیوسا یک قالب مجله خبری حرفه ای، مناسب انواع سایت های خبری، مجله های اینترنتی، سایتهای روزنامه، سایت های ورزشی، وبلاگ ها، سایت های شخصی، سایت های نقد و بررسی و هر نوع سایتی که محتوا اصل مهم در آن میباشد، استفاده میشود.</p>
        <a class="buy_rtl top_btn scroll" href=""><i class="shop_bag"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
              <path d="M352 128C352 57.421 294.579 0 224 0 153.42 0 96 57.421 96 128H0v304c0 44.183 35.817 80 80 80h288c44.183 0 80-35.817 80-80V128h-96zM224 32c52.935 0 96 43.065 96 96H128c0-52.935 43.065-96 96-96zm192 400c0 26.467-21.533 48-48 48H80c-26.467 0-48-21.533-48-48V160h64v48c0 8.837 7.164 16 16 16s16-7.163 16-16v-48h192v48c0 8.837 7.163 16 16 16s16-7.163 16-16v-48h64v272z" />
            </svg></i>
          <p>وب سایت خود را متحول کنید</p> <strong>خرید</strong>
          <div class="price"></div>
        </a>

      </div>
    </div>
    <div class="demoes" id="demoes">
      <div class="head_svg_wrap">
        <svg class="video-divider" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 283.5 27.8" preserveAspectRatio="none">
          <path d="M283.5,9.7c0,0-7.3,4.3-14,4.6c-6.8,0.3-12.6,0-20.9-1.5c-11.3-2-33.1-10.1-44.7-5.7	s-12.1,4.6-18,7.4c-6.6,3.2-20,9.6-36.6,9.3C131.6,23.5,99.5,7.2,86.3,8c-1.4,0.1-6.6,0.8-10.5,2c-3.8,1.2-9.4,3.8-17,4.7	c-3.2,0.4-8.3,1.1-14.2,0.9c-1.5-0.1-6.3-0.4-12-1.6c-5.7-1.2-11-3.1-15.8-3.7C6.5,9.2,0,10.8,0,10.8V0h283.5V9.7z M260.8,11.3	c-0.7-1-2-0.4-4.3-0.4c-2.3,0-6.1-1.2-5.8-1.1c0.3,0.1,3.1,1.5,6,1.9C259.7,12.2,261.4,12.3,260.8,11.3z M242.4,8.6	c0,0-2.4-0.2-5.6-0.9c-3.2-0.8-10.3-2.8-15.1-3.5c-8.2-1.1-15.8,0-15.1,0.1c0.8,0.1,9.6-0.6,17.6,1.1c3.3,0.7,9.3,2.2,12.4,2.7	C239.9,8.7,242.4,8.6,242.4,8.6z M185.2,8.5c1.7-0.7-13.3,4.7-18.5,6.1c-2.1,0.6-6.2,1.6-10,2c-3.9,0.4-8.9,0.4-8.8,0.5	c0,0.2,5.8,0.8,11.2,0c5.4-0.8,5.2-1.1,7.6-1.6C170.5,14.7,183.5,9.2,185.2,8.5z M199.1,6.9c0.2,0-0.8-0.4-4.8,1.1	c-4,1.5-6.7,3.5-6.9,3.7c-0.2,0.1,3.5-1.8,6.6-3C197,7.5,199,6.9,199.1,6.9z M283,6c-0.1,0.1-1.9,1.1-4.8,2.5s-6.9,2.8-6.7,2.7	c0.2,0,3.5-0.6,7.4-2.5C282.8,6.8,283.1,5.9,283,6z M31.3,11.6c0.1-0.2-1.9-0.2-4.5-1.2s-5.4-1.6-7.8-2C15,7.6,7.3,8.5,7.7,8.6	C8,8.7,15.9,8.3,20.2,9.3c2.2,0.5,2.4,0.5,5.7,1.6S31.2,11.9,31.3,11.6z M73,9.2c0.4-0.1,3.5-1.6,8.4-2.6c4.9-1.1,8.9-0.5,8.9-0.8	c0-0.3-1-0.9-6.2-0.3S72.6,9.3,73,9.2z M71.6,6.7C71.8,6.8,75,5.4,77.3,5c2.3-0.3,1.9-0.5,1.9-0.6c0-0.1-1.1-0.2-2.7,0.2	C74.8,5.1,71.4,6.6,71.6,6.7z M93.6,4.4c0.1,0.2,3.5,0.8,5.6,1.8c2.1,1,1.8,0.6,1.9,0.5c0.1-0.1-0.8-0.8-2.4-1.3	C97.1,4.8,93.5,4.2,93.6,4.4z M65.4,11.1c-0.1,0.3,0.3,0.5,1.9-0.2s2.6-1.3,2.2-1.2s-0.9,0.4-2.5,0.8C65.3,10.9,65.5,10.8,65.4,11.1	z M34.5,12.4c-0.2,0,2.1,0.8,3.3,0.9c1.2,0.1,2,0.1,2-0.2c0-0.3-0.1-0.5-1.6-0.4C36.6,12.8,34.7,12.4,34.5,12.4z M152.2,21.1	c-0.1,0.1-2.4-0.3-7.5-0.3c-5,0-13.6-2.4-17.2-3.5c-3.6-1.1,10,3.9,16.5,4.1C150.5,21.6,152.3,21,152.2,21.1z"></path>
          <path d="M269.6,18c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3	C267.7,18.8,269.7,18,269.6,18z"></path>
          <path d="M227.4,9.8c-0.2-0.1-4.5-1-9.5-1.2c-5-0.2-12.7,0.6-12.3,0.5c0.3-0.1,5.9-1.8,13.3-1.2	S227.6,9.9,227.4,9.8z"></path>
          <path d="M204.5,13.4c-0.1-0.1,2-1,3.2-1.1c1.2-0.1,2,0,2,0.3c0,0.3-0.1,0.5-1.6,0.4	C206.4,12.9,204.6,13.5,204.5,13.4z"></path>
          <path d="M201,10.6c0-0.1-4.4,1.2-6.3,2.2c-1.9,0.9-6.2,3.1-6.1,3.1c0.1,0.1,4.2-1.6,6.3-2.6	S201,10.7,201,10.6z"></path>
          <path d="M154.5,26.7c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3	C152.6,27.5,154.6,26.8,154.5,26.7z"></path>
          <path d="M41.9,19.3c0,0,1.2-0.3,2.9-0.1c1.7,0.2,5.8,0.9,8.2,0.7c4.2-0.4,7.4-2.7,7-2.6	c-0.4,0-4.3,2.2-8.6,1.9c-1.8-0.1-5.1-0.5-6.7-0.4S41.9,19.3,41.9,19.3z"></path>
          <path d="M75.5,12.6c0.2,0.1,2-0.8,4.3-1.1c2.3-0.2,2.1-0.3,2.1-0.5c0-0.1-1.8-0.4-3.4,0	C76.9,11.5,75.3,12.5,75.5,12.6z"></path>
          <path d="M15.6,13.2c0-0.1,4.3,0,6.7,0.5c2.4,0.5,5,1.9,5,2c0,0.1-2.7-0.8-5.1-1.4	C19.9,13.7,15.7,13.3,15.6,13.2z"></path>
        </svg>
      </div>
    </div>
  </header>
  <div class="Graders-content guttered solid-home">
    <section class="five-box" style="background: unset;">
      <div class="demoes-data padding text-center">
        <div class="containerarea">
          <div class="row">
            <div class="feature-title bottom35">
              <h3>پیشنمایش ویژه پوسته لیوسا</h3>
            </div>
            <div class="col-12 col-md-4">
              <div class="demo bottom35 wow fadeInUp animated">
                <a href="http://liosa.arttaweb.ir/digikala-mag/" target="_blank">
                  <div class="demoarea">
                    <div class="container-custom">
                      <div class="box-tom box1"></div>
                    </div>
                    <div class="demo-title text-center">
                      <h3 style="background: red;color: #fff;padding: 7px 0;border-radius: 30px;">دیجی کالا مگ</h3>
                    </div>
                    <span class="demo-preview">پیشنمایش</span>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-12 col-md-4">
              <div class="demo bottom35 wow fadeInUp animated">
                <a href="http://liosa.arttaweb.ir/zoomit/" target="_blank">
                  <div class="demoarea">
                    <div class="container-custom">
                      <div class="box-tom box2"></div>
                    </div>
                    <div class="demo-title text-center">
                      <h3 style="background: red;color: #fff;padding: 7px 0;border-radius: 30px;">زومیت</h3>
                    </div>
                    <span class="demo-preview">پیشنمایش</span>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-12 col-md-4">
              <div class="demo bottom35 wow fadeInUp animated">
                <a href="http://liosa.arttaweb.ir/chetor/" target="_blank">
                  <div class="demoarea">
                    <div class="container-custom">
                      <div class="box-tom box3"></div>
                    </div>
                    <div class="demo-title text-center">
                      <h3 style="background: red;color: #fff;padding: 7px 0;border-radius: 30px;">چطور</h3>
                    </div>
                    <span class="demo-preview">پیشنمایش</span>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-12 col-md-4">
              <div class="demo bottom35 wow fadeInUp animated">
                <a href="http://liosa.arttaweb.ir/digiato/" target="_blank">
                  <div class="demoarea">
                    <div class="container-custom">
                      <div class="box-tom box4"></div>
                    </div>
                    <div class="demo-title text-center">
                      <h3 style="background: red;color: #fff;padding: 7px 0;border-radius: 30px;">دیجیاتو</h3>
                    </div>
                    <span class="demo-preview">پیشنمایش</span>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-12 col-md-4">
              <div class="demo bottom35 wow fadeInUp animated">
                <a href="http://liosa.arttaweb.ir/daraje/" target="_blank">
                  <div class="demoarea">
                    <div class="container-custom">
                      <div class="box-tom box5"></div>
                    </div>
                    <div class="demo-title text-center">
                      <h3 style="background: red;color: #fff;padding: 7px 0;border-radius: 30px;">درجه</h3>
                    </div>
                    <span class="demo-preview">پیشنمایش</span>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-12 col-md-4">
              <div class="demo bottom35 wow fadeInUp animated">
                <a href="http://liosa.arttaweb.ir/ninisite/" target="_blank">
                  <div class="demoarea">
                    <div class="container-custom">
                      <div class="box-tom box6"></div>
                    </div>
                    <div class="demo-title text-center">
                      <h3 style="background: red;color: #fff;padding: 7px 0;border-radius: 30px;">نی نی سایت</h3>
                    </div>
                    <span class="demo-preview">پیشنمایش</span>
                  </div>
                </a>
              </div>
            </div>

          </div>
        </div>
      </div>
    </section>
  </div>
  <div class="Graders-content guttered solid-home">
    <section class="five-box" style="background: unset;">
      <div class="demoes-data padding text-center">
        <div class="containerarea">
          <div class="row">
            <div class="feature-title bottom35">
              <h3>تعدادی از پیشنمایش های پوسته وردپرس لیوسا</h3>
            </div>
            <div class="col-12 col-md-4">
              <div class="demo bottom35 wow fadeInUp animated">
                <a href="http://liosa.arttaweb.ir/" target="_blank">
                  <div class="demoarea">
                    <div class="container-custom">
                      <div class="box-tom box7"></div>
                    </div>
                    <div class="demo-title text-center">
                      <h3>لیوسا</h3>
                    </div>
                    <span class="demo-preview">پیشنمایش</span>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-12 col-md-4">
              <div class="demo bottom35 wow fadeInUp animated">
                <a href="http://liosa.arttaweb.ir/exclusive-1/" target="_blank">
                  <div class="demoarea">
                    <div class="container-custom">
                      <div class="box-tom box8"></div>
                    </div>
                    <div class="demo-title text-center">
                      <h3>اختصاصی یک</h3>
                    </div>
                    <span class="demo-preview">پیشنمایش</span>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-12 col-md-4">
              <div class="demo bottom35 wow fadeInUp animated">
                <a href="http://liosa.arttaweb.ir/exclusive-2/" target="_blank">
                  <div class="demoarea">
                    <div class="container-custom">
                      <div class="box-tom box9"></div>
                    </div>
                    <div class="demo-title text-center">
                      <h3>اختصاصی دو</h3>
                    </div>
                    <span class="demo-preview">پیشنمایش</span>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-12 col-md-4">
              <div class="demo bottom35 wow fadeInUp animated">
                <a href="http://liosa.arttaweb.ir/exclusive-3/" target="_blank">
                  <div class="demoarea">
                    <div class="container-custom">
                      <div class="box-tom box10"></div>
                    </div>
                    <div class="demo-title text-center">
                      <h3>اختصاصی سه</h3>
                    </div>
                    <span class="demo-preview">پیشنمایش</span>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-12 col-md-4">
              <div class="demo bottom35 wow fadeInUp animated">
                <a href="http://liosa.arttaweb.ir/moden/" target="_blank">
                  <div class="demoarea">
                    <div class="container-custom">
                      <div class="box-tom box11"></div>
                    </div>
                    <div class="demo-title text-center">
                      <h3>مدرن</h3>
                    </div>
                    <span class="demo-preview">پیشنمایش</span>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-12 col-md-4">
              <div class="demo bottom35 wow fadeInUp animated">
                <a href="http://liosa.arttaweb.ir/category/%d8%ae%d9%88%d8%af%d8%b1%d9%88/" target="_blank">
                  <div class="demoarea">
                    <div class="container-custom">
                      <div class="box-tom box12"></div>
                    </div>
                    <div class="demo-title text-center">
                      <h3> آرشیو</h3>
                    </div>
                    <span class="demo-preview">پیشنمایش</span>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-12 col-md-4">
              <div class="demo bottom35 wow fadeInUp animated">
                <a href="http://liosa.arttaweb.ir/vip/" target="_blank">
                  <div class="demoarea">
                    <div class="container-custom">
                      <div class="box-tom box13"></div>
                    </div>
                    <div class="demo-title text-center">
                      <h3>ویژه</h3>
                    </div>
                    <span class="demo-preview">پیشنمایش</span>
                  </div>
                </a>
              </div>
            </div>


          </div>
        </div>
      </div>
    </section>
  </div>
  <div class="Graders-content guttered solid-home">
    <section class="five-box" style="background: unset;">
      <div class="demoes-data padding text-center">
        <div class="containerarea">
          <div class="row">
            <div class="feature-title bottom35">
              <h3>صحفات داخلی ویژه</h3>
            </div>
            <div class="col-12 col-md-4">
              <div class="demo bottom35 wow fadeInUp animated">
                <a href="http://liosa.arttaweb.ir/%d9%86%db%8c%d9%88-%d8%a7%d8%b2-%d8%b3%d8%af%d8%a7%d9%86-%d8%aa%d9%85%d8%a7%d9%85-%d8%a8%d8%b1%d9%82%db%8c-et7-%d8%b1%d9%88%d9%86%d9%85%d8%a7%db%8c%db%8c-%da%a9%d8%b1%d8%af/" target="_blank">
                  <div class="demoarea">
                    <div class="container-custom">
                      <div class="box-tom box14"></div>
                    </div>
                    <div class="demo-title text-center">
                      <h3 style="background: red;color: #fff;padding: 7px 0;border-radius: 30px;">زومیت</h3>
                    </div>
                    <span class="demo-preview">پیشنمایش</span>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-12 col-md-4">
              <div class="demo bottom35 wow fadeInUp animated">
                <a href="http://liosa.arttaweb.ir/%d9%87%d9%85%d9%87-%d9%86%da%a9%d8%a7%d8%aa-%d8%a8%d8%b1%d8%a7%db%8c-%d8%ae%d8%b1%db%8c%d8%af-%d8%b5%d9%86%d8%af%d9%84%db%8c-%d8%b1%d8%a7%da%a9%d8%9b-%d8%a7%db%8c%d9%86-%d8%b5%d9%86%d8%af%d9%84%db%8c/" target="_blank">
                  <div class="demoarea">
                    <div class="container-custom">
                      <div class="box-tom box15"></div>
                    </div>
                    <div class="demo-title text-center">
                      <h3 style="background: red;color: #fff;padding: 7px 0;border-radius: 30px;">چطور</h3>
                    </div>
                    <span class="demo-preview">پیشنمایش</span>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-12 col-md-4">
              <div class="demo bottom35 wow fadeInUp animated">
                <a href="http://liosa.arttaweb.ir/%d9%82%d8%a8%d9%84-%d8%a7%d8%b2-%d8%ae%d8%b1%db%8c%d8%af-%d8%af%d9%85%d9%be%d8%a7%db%8c%db%8c-%d8%b1%d9%88%d9%81%d8%b1%d8%b4%db%8c-%d8%a7%db%8c%d9%86-%db%b1%db%b1-%d9%86%da%a9%d8%aa%d9%87-%d8%b1%d8%a7/" target="_blank">
                  <div class="demoarea">
                    <div class="container-custom">
                      <div class="box-tom box16"></div>
                    </div>
                    <div class="demo-title text-center">
                      <h3 style="background: red;color: #fff;padding: 7px 0;border-radius: 30px;">لیوسا</h3>
                    </div>
                    <span class="demo-preview">پیشنمایش</span>
                  </div>
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>
  <div class="Graders-content guttered solid-home">
    <section class="five-box" style="background: unset;">
      <div class="demoes-data padding text-center">
        <div class="containerarea">
          <div class="row">
            <div class="feature-title bottom35">
              <h3>صحفات داخلی</h3>
            </div>
            <div class="col-12 col-md-4">
              <div class="demo bottom35 wow fadeInUp animated">
                <a href="http://liosa.arttaweb.ir/%d9%be%da%98%d9%88-508pse%d8%9b-%d9%82%d8%af%d8%b1%d8%aa%d9%85%d9%86%d8%af%d8%aa%d8%b1%db%8c%d9%86-%d8%ae%d9%88%d8%af%d8%b1%d9%88-%d8%aa%d8%a7%d8%b1%db%8c%d8%ae-%d9%be%da%98%d9%88-%d9%85%d8%b9%d8%b1/" target="_blank">
                  <div class="demoarea">
                    <div class="container-custom">
                      <div class="box-tom box17"></div>
                    </div>
                    <div class="demo-title text-center">
                      <h3>صفحه دانلود</h3>
                    </div>
                    <span class="demo-preview">پیشنمایش</span>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-12 col-md-4">
              <div class="demo bottom35 wow fadeInUp animated">
                <a href="http://liosa.arttaweb.ir/%d8%ac%d8%a7%d9%87%d8%a7%db%8c-%d8%af%db%8c%d8%af%d9%86%db%8c-%d9%82%d8%a7%d8%b1%d9%87-%d8%a2%d9%81%d8%b1%db%8c%d9%82%d8%a7%d8%9b-%d8%b7%d8%a8%db%8c%d8%b9%d8%aa%d8%8c-%d8%ad%db%8c%d8%a7%d8%aa-%d9%88/" target="_blank">
                  <div class="demoarea">
                    <div class="container-custom">
                      <div class="box-tom box18"></div>
                    </div>
                    <div class="demo-title text-center">
                      <h3>صفحه بررسی</h3>
                    </div>
                    <span class="demo-preview">پیشنمایش</span>
                  </div>
                </a>
              </div>
            </div>

            <div class="col-12 col-md-4">
              <div class="demo bottom35 wow fadeInUp animated">
                <a href="http://liosa.arttaweb.ir/author/asghar/" target="_blank">
                  <div class="demoarea">
                    <div class="container-custom">
                      <div class="box-tom box19"></div>
                    </div>
                    <div class="demo-title text-center">
                      <h3>نویسنده</h3>
                    </div>
                    <span class="demo-preview">پیشنمایش</span>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-12 col-md-4">
              <div class="demo bottom35 wow fadeInUp animated">
                <a href="http://liosa.arttaweb.ir/panel/" target="_blank">
                  <div class="demoarea">
                    <div class="container-custom">
                      <div class="box-tom box20"></div>
                    </div>
                    <div class="demo-title text-center">
                      <h3>پروفایل کاربران</h3>
                    </div>
                    <span class="demo-preview">پیشنمایش</span>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-12 col-md-4">
              <div class="demo bottom35 wow fadeInUp animated">
                <a href="http://liosa.arttaweb.ir/ads/" target="_blank">
                  <div class="demoarea">
                    <div class="container-custom">
                      <div class="box-tom box21"></div>
                    </div>
                    <div class="demo-title text-center">
                      <h3>تبلیغات</h3>
                    </div>
                    <span class="demo-preview">پیشنمایش</span>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-12 col-md-4">
              <div class="demo bottom35 wow fadeInUp animated">
                <a href="http://liosa.arttaweb.ir/ab/" target="_blank">
                  <div class="demoarea">
                    <div class="container-custom">
                      <div class="box-tom box22"></div>
                    </div>
                    <div class="demo-title text-center">
                      <h3>درباره ما</h3>
                    </div>
                    <span class="demo-preview">پیشنمایش</span>
                  </div>
                </a>
              </div>
            </div>

          </div>
        </div>
      </div>
    </section>
  </div>
  <div class="features" id="features">
    <div class="Graders-content guttered solid-home">
      <section class="five-box" style="background: unset;">
        <div class="containerarea padding">
          <div class="row">
            <div class="col-xs-12">
              <div class="feature-title bottom35">
                <h3>چرا لیوسا را انتخاب می کنند؟</h3>
                <br />
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-12 col-md-4 roginalver">
              <div class="feature wow fadeInUp animated">
                <img src="https://img.icons8.com/bubbles/100/000000/online-support.png">
                <h3 class="featured">پشتیبانی ویژه لیوسا</h3>
                <div class="rojaling"></div>
                <p>پشتیبانی لیوسا به این دلیل زبان زد است که تنها هدف کمک و حل مشکلات کاربران را دنبال میکند و همیشه این موضوع را به عنوان رسالت اصلی خود یاد میکند!</p>
              </div>
            </div>
            <div class="col-12 col-md-4 roginalver">
              <div class="feature wow fadeInUp animated">
                <img src="https://img.icons8.com/color/96/000000/approve-and-update.png">
                <h3 class="featured">آپدیت های ویژه و جادویی</h3>
                <div class="rojaling"></div>
                <p>لیوسا تقریبا هر دو ماه یک آپدیت بزرگ و شگفت انگیر دارد و این وجه تمایز ما با سایر طراحان است و در آپدیت هایمان به درخواست های کاربران توجه ویژه داشته ایم!</p>
              </div>
            </div>
            <div class="col-12 col-md-4 roginalver">
              <div class="feature wow fadeInUp animated">
                <img src="https://img.icons8.com/bubbles/100/000000/us-dollar.png">
                <h3 class="featured">اقتصادی و مقرون به صرفه</h3>
                <div class="rojaling"></div>
                <p>لیوسا یک محصول کاملا ایران بوده و امکاناتی آن چندین میلیون ارزش مالی دارد اما شما با یک صدم این هزینه میتوانید قالب را تهیه و استفاده کنید!</p>
              </div>
            </div>
      </section>
    </div>
  </div>
  </div>
  </div>
  <div class="Graders-content guttered solid-home" style="background-color: #ecebea;">
    <section class="five-box" style="background: unset;">
      <div class="elemntor_wrap">
        <div class="containerarea">
          <div class="row">
            <div class="col-sm-6 right wow fadeInRight animated"><img src="http://demo.asgharlotfi.ir/wp-content/uploads/2019/09/elementor_content.png" class="img-responsive"></div>
            <div class="col-sm-6 left wow fadeInLeft animated"><img src="http://demo.asgharlotfi.ir/wp-content/uploads/2019/09/elementor_logo_desc.png" class="img-responsive"></div>
          </div>
        </div>
      </div>
  </div>
  </div>
  <div class="features" id="features">
    <div class="Graders-content guttered solid-home">
      <section class="five-box" style="background: unset;">
        <div class="containerarea padding">
          <div class="row">
            <div class="col-xs-12">
              <div class="feature-title bottom35">
                <h3>برخی از ویژگی های لیوسا</h3>
                <br />
              </div>
            </div>
          </div>

          <div class="row">
            <div class="col-12 col-md-3">
              <div class="feature wow fadeInUp animated">
                <img src="https://img.icons8.com/ios-filled/50/000000/mouse-left-click.png">
                <p>بسته نصبی آسان با یک کلیک</p>
              </div>
            </div>
            <div class="col-12 col-md-3">
              <div class="feature wow fadeInUp animated">
                <img src="https://img.icons8.com/wired/64/000000/media-queries.png">
                <p>طراحی واکنشگرا و سازگار با دستگاه های لپ تاپ ، تبلت و موبایل</p>
              </div>

            </div>
            <div class="col-12 col-md-3">
              <div class="feature wow fadeInUp animated">
                <img src="https://img.icons8.com/wired/64/000000/speed.png">
                <p>سرعت بارگذاری بالا و بی نظیر بدون استفاده از افزونه</p>
              </div>
            </div>
            <div class="col-12 col-md-3">
              <div class="feature wow fadeInUp animated">
                <img src="https://img.icons8.com/ios/50/000000/enter-2.png">
                <p>ورود و عضویت در سایت بصورت پاپ</p>
              </div>
            </div>
            <div class="col-12 col-md-3">
              <div class="feature wow fadeInUp animated">
                <img src="https://img.icons8.com/carbon-copy/50/000000/mouse.png">
                <p>برگه ساز و ساخت صفحات با چینش دلخواه بدون نیاز به کدنویسی</p>
              </div>
            </div>
            <div class="col-12 col-md-3">
              <div class="feature wow fadeInUp animated">
                <img src="https://img.icons8.com/ios/50/000000/code.png">
                <p>کدنویسی استاندارد و کاملا سبک</p>
              </div>
            </div>
            <div class="col-12 col-md-3">
              <div class="feature wow fadeInUp animated">
                <img src="https://img.icons8.com/wired/64/000000/google-mobile.png">
                <p>مطابق با استاندارد های موبایل فرندلی</p>
              </div>
            </div>
            <div class="col-12 col-md-3">
              <div class="feature wow fadeInUp animated">
                <img src="https://img.icons8.com/dotty/80/000000/total-sales-1.png">
                <p>کاملا بهینه شده برای موتورهای جستجو</p>
              </div>
            </div>
            <div class="col-12 col-md-3">
              <div class="feature wow fadeInUp animated">
                <img src="https://img.icons8.com/ios/50/000000/approve-and-update.png">
                <p>پشتیبانی و آپدیت ویژه تیم لیوسا </p>
              </div>
            </div>
            <div class="col-12 col-md-3">
              <div class="feature wow fadeInUp animated">
                <img src="https://img.icons8.com/windows/96/000000/elementor.png">
                <p>پشتیبانی از المنتور</p>
              </div>
            </div>
            <div class="col-12 col-md-3">
              <div class="feature wow fadeInUp animated">
                <img src="https://img.icons8.com/carbon-copy/100/000000/administrative-tools.png">
                <p>پنل اختصاصی قالب</p>
              </div>
            </div>
            <div class="col-12 col-md-3">
              <div class="feature wow fadeInUp animated">
                <img src="https://img.icons8.com/dotty/80/000000/web-advertising.png">
                <p>دارای باکس های تبلیغاتی برای نمایش تبلیغات و بنرها</p>
              </div>
            </div>



          </div>
        </div>
      </section>
    </div>
  </div>

  <footer class="">
    <svg class="footer-divider" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 283.5 27.8" preserveAspectRatio="none">
      <path d="M283.5,9.7c0,0-7.3,4.3-14,4.6c-6.8,0.3-12.6,0-20.9-1.5c-11.3-2-33.1-10.1-44.7-5.7	s-12.1,4.6-18,7.4c-6.6,3.2-20,9.6-36.6,9.3C131.6,23.5,99.5,7.2,86.3,8c-1.4,0.1-6.6,0.8-10.5,2c-3.8,1.2-9.4,3.8-17,4.7	c-3.2,0.4-8.3,1.1-14.2,0.9c-1.5-0.1-6.3-0.4-12-1.6c-5.7-1.2-11-3.1-15.8-3.7C6.5,9.2,0,10.8,0,10.8V0h283.5V9.7z M260.8,11.3	c-0.7-1-2-0.4-4.3-0.4c-2.3,0-6.1-1.2-5.8-1.1c0.3,0.1,3.1,1.5,6,1.9C259.7,12.2,261.4,12.3,260.8,11.3z M242.4,8.6	c0,0-2.4-0.2-5.6-0.9c-3.2-0.8-10.3-2.8-15.1-3.5c-8.2-1.1-15.8,0-15.1,0.1c0.8,0.1,9.6-0.6,17.6,1.1c3.3,0.7,9.3,2.2,12.4,2.7	C239.9,8.7,242.4,8.6,242.4,8.6z M185.2,8.5c1.7-0.7-13.3,4.7-18.5,6.1c-2.1,0.6-6.2,1.6-10,2c-3.9,0.4-8.9,0.4-8.8,0.5	c0,0.2,5.8,0.8,11.2,0c5.4-0.8,5.2-1.1,7.6-1.6C170.5,14.7,183.5,9.2,185.2,8.5z M199.1,6.9c0.2,0-0.8-0.4-4.8,1.1	c-4,1.5-6.7,3.5-6.9,3.7c-0.2,0.1,3.5-1.8,6.6-3C197,7.5,199,6.9,199.1,6.9z M283,6c-0.1,0.1-1.9,1.1-4.8,2.5s-6.9,2.8-6.7,2.7	c0.2,0,3.5-0.6,7.4-2.5C282.8,6.8,283.1,5.9,283,6z M31.3,11.6c0.1-0.2-1.9-0.2-4.5-1.2s-5.4-1.6-7.8-2C15,7.6,7.3,8.5,7.7,8.6	C8,8.7,15.9,8.3,20.2,9.3c2.2,0.5,2.4,0.5,5.7,1.6S31.2,11.9,31.3,11.6z M73,9.2c0.4-0.1,3.5-1.6,8.4-2.6c4.9-1.1,8.9-0.5,8.9-0.8	c0-0.3-1-0.9-6.2-0.3S72.6,9.3,73,9.2z M71.6,6.7C71.8,6.8,75,5.4,77.3,5c2.3-0.3,1.9-0.5,1.9-0.6c0-0.1-1.1-0.2-2.7,0.2	C74.8,5.1,71.4,6.6,71.6,6.7z M93.6,4.4c0.1,0.2,3.5,0.8,5.6,1.8c2.1,1,1.8,0.6,1.9,0.5c0.1-0.1-0.8-0.8-2.4-1.3	C97.1,4.8,93.5,4.2,93.6,4.4z M65.4,11.1c-0.1,0.3,0.3,0.5,1.9-0.2s2.6-1.3,2.2-1.2s-0.9,0.4-2.5,0.8C65.3,10.9,65.5,10.8,65.4,11.1	z M34.5,12.4c-0.2,0,2.1,0.8,3.3,0.9c1.2,0.1,2,0.1,2-0.2c0-0.3-0.1-0.5-1.6-0.4C36.6,12.8,34.7,12.4,34.5,12.4z M152.2,21.1	c-0.1,0.1-2.4-0.3-7.5-0.3c-5,0-13.6-2.4-17.2-3.5c-3.6-1.1,10,3.9,16.5,4.1C150.5,21.6,152.3,21,152.2,21.1z"></path>
      <path d="M269.6,18c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3	C267.7,18.8,269.7,18,269.6,18z"></path>
      <path d="M227.4,9.8c-0.2-0.1-4.5-1-9.5-1.2c-5-0.2-12.7,0.6-12.3,0.5c0.3-0.1,5.9-1.8,13.3-1.2	S227.6,9.9,227.4,9.8z"></path>
      <path d="M204.5,13.4c-0.1-0.1,2-1,3.2-1.1c1.2-0.1,2,0,2,0.3c0,0.3-0.1,0.5-1.6,0.4	C206.4,12.9,204.6,13.5,204.5,13.4z"></path>
      <path d="M201,10.6c0-0.1-4.4,1.2-6.3,2.2c-1.9,0.9-6.2,3.1-6.1,3.1c0.1,0.1,4.2-1.6,6.3-2.6	S201,10.7,201,10.6z"></path>
      <path d="M154.5,26.7c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3	C152.6,27.5,154.6,26.8,154.5,26.7z"></path>
      <path d="M41.9,19.3c0,0,1.2-0.3,2.9-0.1c1.7,0.2,5.8,0.9,8.2,0.7c4.2-0.4,7.4-2.7,7-2.6	c-0.4,0-4.3,2.2-8.6,1.9c-1.8-0.1-5.1-0.5-6.7-0.4S41.9,19.3,41.9,19.3z"></path>
      <path d="M75.5,12.6c0.2,0.1,2-0.8,4.3-1.1c2.3-0.2,2.1-0.3,2.1-0.5c0-0.1-1.8-0.4-3.4,0	C76.9,11.5,75.3,12.5,75.5,12.6z"></path>
      <path d="M15.6,13.2c0-0.1,4.3,0,6.7,0.5c2.4,0.5,5,1.9,5,2c0,0.1-2.7-0.8-5.1-1.4	C19.9,13.7,15.7,13.3,15.6,13.2z"></path>
    </svg>
    <div class="padding text-center">
      <div class="containerarea">

        <div class="clearfix bottom30">
          <a class="buy_rtl" href=""><i class="shop_bag"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
                <path d="M352 128C352 57.421 294.579 0 224 0 153.42 0 96 57.421 96 128H0v304c0 44.183 35.817 80 80 80h288c44.183 0 80-35.817 80-80V128h-96zM224 32c52.935 0 96 43.065 96 96H128c0-52.935 43.065-96 96-96zm192 400c0 26.467-21.533 48-48 48H80c-26.467 0-48-21.533-48-48V160h64v48c0 8.837 7.164 16 16 16s16-7.163 16-16v-48h192v48c0 8.837 7.163 16 16 16s16-7.163 16-16v-48h64v272z" />
              </svg></i>
            <p>وب سایت خود را متحول کنید</p><strong>خرید</strong>
            <div class="price"></div>
          </a>
        </div>

        <p class="copyright">کلیه حقوق مادی و معنوی برای لیوسا محفوظ می باشد </p>


      </div>
    </div>

  </footer>
  <?php wp_footer(); ?>
</body>

</html>






<style>
  .container-custom {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
  }

  .demoarea {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0px 2px 4px rgba(28, 76, 156, .15);
  }

  .container-custom .box-tom {
    width: 100%;
    height: 400px;
    background: #000;
    background-position: top;
    transition: ease-in-out 3s;
    margin: 0 auto;
  }

  .buy_rtl:hover {
    color: #fff;
    text-decoration: none !important;
  }

  .buy_rtl:hover strong {
    -moz-transform: translateX(-5px);
    -webkit-transform: translateX(-5px);
    -o-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    transform: translateX(-5px);
    opacity: 1;
    visibility: visible;
  }

  .container-custom .box-tom.box11 {
    background: url(http://arttaweb.ir/wp-content/uploads/2021/01/moden-scaled.jpg);
    background-size: cover;
  }

  .container-custom .box-tom.box12 {
    background: url(http://arttaweb.ir/wp-content/uploads/2021/01/archive.png);
    background-size: cover;
  }

  .container-custom .box-tom.box13 {
    background: url(http://arttaweb.ir/wp-content/uploads/2021/01/vip.png);
    background-size: cover;
  }

  .container-custom .box-tom.box1 {
    background: url(http://arttaweb.ir/wp-content/uploads/2021/01/digikala-mag.png);
    background-size: cover;
  }

  .container-custom .box-tom.box2 {
    background: url(http://arttaweb.ir/wp-content/uploads/2021/01/zoomit.png);
    background-size: cover;
  }

  .container-custom .box-tom.box3 {
    background: url(http://arttaweb.ir/wp-content/uploads/2021/01/chetor-scaled.jpg);
    background-size: cover;
  }

  .container-custom .box-tom.box4 {
    background: url(http://arttaweb.ir/wp-content/uploads/2021/01/digiato-scaled.jpg);
    background-size: cover;
  }

  .container-custom .box-tom.box5 {
    background: url(http://arttaweb.ir/wp-content/uploads/2021/01/daraje.png);
    background-size: cover;
  }

  .container-custom .box-tom.box6 {
    background: url(http://arttaweb.ir/wp-content/uploads/2021/01/ninisite.png);
    background-size: cover;
  }




  .container-custom .box-tom.box7 {
    background: url(http://arttaweb.ir/wp-content/uploads/2021/01/liosa.png);
    background-size: cover;
  }

  .container-custom .box-tom.box8 {
    background: url(http://arttaweb.ir/wp-content/uploads/2021/01/exclusive-1.png);
    background-size: cover;
  }

  .container-custom .box-tom.box9 {
    background: url(http://arttaweb.ir/wp-content/uploads/2021/01/exclusive-2-scaled.jpg);
    background-size: cover;
  }
  .container-custom .box-tom.box10 {
    background: url(http://arttaweb.ir/wp-content/uploads/2021/01/exclusive-3-scaled.jpg);
    background-size: cover;
  }

  .container-custom .box-tom.box14 {
    background: url(http://arttaweb.ir/wp-content/uploads/2021/01/single-zoomit.png);
    background-size: cover;
  }

  .container-custom .box-tom.box15 {
    background: url(http://arttaweb.ir/wp-content/uploads/2021/01/chetor.png);
    background-size: cover;
  }

  .container-custom .box-tom.box16 {
    background: url(http://arttaweb.ir/wp-content/uploads/2021/01/single-liosa.png);
    background-size: cover;
  }

  .container-custom .box-tom.box17 {
    background: url(http://arttaweb.ir/wp-content/uploads/2021/01/download.png);
    background-size: cover;
  }
  .container-custom .box-tom.box18 {
    background: url(http://arttaweb.ir/wp-content/uploads/2021/01/single-reviwe-scaled.jpg);
    background-size: cover;
  }
    .container-custom .box-tom.box19 {
    background: url(http://arttaweb.ir/wp-content/uploads/2021/01/author.png);
    background-size: cover;
  }
    .container-custom .box-tom.box20 {
    background: url(http://arttaweb.ir/wp-content/uploads/2021/01/profile.jpg);
    background-size: cover;
  }
    .container-custom .box-tom.box21 {
    background: url(http://arttaweb.ir/wp-content/uploads/2021/01/ads.png);
    background-size: cover;
  }
      .container-custom .box-tom.box22 {
    background: url(http://arttaweb.ir/wp-content/uploads/2021/01/abut.png);
    background-size: cover;
  }
  .container-custom .box-tom:hover {
    background-position: bottom;
  }

  /* demo page*/
  .header-content {
    margin-top: 50px;
  }

  .header-content {
    color: #fff;
  }

  .text-center {
    text-align: center;
  }

  .header-content h2 {
    font-size: 25px;
    margin-bottom: 25px;
    line-height: initial;
  }

  .header-content p {
    font-size: 15px;
    margin-bottom: 35px;

  }

  .text-capitalize {
    text-transform: capitalize;
    width: 60%;
    text-align: center;
    margin: auto;
    line-height: 35px;
  }

  .buy_rtl.top_btn {
    background: #8164de;
    box-shadow: -2.394px 6.578px 15px 0px rgba(0, 99, 209, 0.19);

  }

  .buy_rtl {
    font-size: 14px;
    height: 60px;
    background: #82b541;
    color: #fff;
    display: inline-block;
    border-radius: 50px;
    line-height: 59px;
    padding: 0 42px 0 90px;
    font-weight: 500;
    box-shadow: -2.394px 6.578px 15px 0px rgba(130, 181, 65, 0.5);
    position: relative;
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    text-decoration: none !important;
    position: relative;

  }

  .featured {
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 900;
    color: #585858;
  }

  .rojaling {
    display: inline-block;
    width: 30px;
    height: 2px;
    background: #70778b;
  }

  .buy_rtl i {
    width: 50px;
    height: 50px;
    background-color: #ff1111e0;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 5px;
    border-radius: 35px;
    margin-right: -36px;
    margin-left: 20px;
    right: 42px;
  }

  .buy_rtl i svg {
    width: 21px;
    margin-top: -6px;
    fill: #FFF;
  }

  svg:not(:root) {
    overflow: hidden;
  }

  .buy_rtl.top_btn strong {
    background-color: #FFC107;
  }

  .buy_rtl strong {
    font-size: 11px;
    font-weight: normal;
    display: inline-block;
    background-color: #CDDC39;
    color: #fff !important;
    line-height: 18px;
    padding: 0 10px;
    border-radius: 3px;
    letter-spacing: 1px;
    vertical-align: middle;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -moz-transform: translateX(-15px);
    -webkit-transform: translateX(-15px);
    -o-transform: translateX(-15px);
    -ms-transform: translateX(-15px);
    transform: translateX(-15px);
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 20px;
    right: 3px;
  }

  .buy_rtl .price {
    font-family: IRANSansnum;
    display: inline-block;
    margin-left: 5px;
    color: #FFF;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
  }

  .buy_rtl span {
    margin-left: 5px;
  }

  .buy_rtl span:last-child {
    font-size: 12px;
    font-family: IRANsans;
  }

  .buy_rtl span {
    margin-left: 5px;


  }

  header {
    position: relative;
    background-size: cover;
    background-position: 50% 50%;
    height: 120vh;
    z-index: 0;
    overflow: hidden;
    display: flow-root;
    width: 100%;
  }

  .demoes {
    position: relative;
  }

  .head_svg_wrap {
    position: relative;
    margin-top: -78px;
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
  }

  svg:not(:root) {
    overflow: hidden;
  }

  .video-divider {
    fill: #f6f5f4;
    height: 72px;
    margin-bottom: 70px;
    width: 100%;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .padding {
    padding: 5.75rem 10px;
    margin: 0 auto;
  }

  .text-center {
    text-align: center;
  }

  .feature-title {
    color: #09223e;
    text-align: center;
    float: right;
    width: 100%;
  }

  .bottom35 {
    margin-bottom: 35px;
  }

  .feature-title h3 {
    font-size: 17px;

  }

  .demoes-data.padding.text-center {
    display: flow-root;
  }

  .bottom35 {
    margin-bottom: 35px;
    visibility: visible;
    animation-name: fadeInUp;
  }

  .containerarea {
    overflow: hidden;
  }

  .col-12.col-md-3 {
    padding-bottom: 30px;
  }

  .fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
  }

  .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }

  header .home-inner {
    background-image: -webkit-linear-gradient(150deg, #ff1111e0 50%, #e21818 35%);
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 10px;
  }

  .buy_rtl.top_btn.scroll p,
  .clearfix.bottom30 p {
    font-size: 16px;
    padding: 12px 30px 0 100px;
  }

  .logo {
    padding: 60px 0;
  }

  .logo img {
    margin: 0 auto;
  }

  .carousel-inner>.item>a>img,
  .carousel-inner>.item>img,
  .img-responsive,
  .thumbnail a>img,
  .thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto;
  }

  a {
    text-decoration: none;
    color: #fff;
  }

  .demo:hover .demo-preview {
    opacity: 1;
    visibility: visible;
  }

  .demo-preview {
    position: absolute;
    top: 50%;
    right: calc(50% - 49px);
    background-color: #CDDC39;
    font-size: 13px;
    padding: 4px 15px;
    color: #FFF;
    opacity: 0;
    visibility: hidden;
    animation-name: bounce;
    animation-duration: 2s;
    animation-delay: 0.5s;
    animation-iteration-count: infinite;
    transition: .4s;

    border-radius: 15px;
  }

  .demoes-data .demo-title {

    font-size: 18px;
    color: #323246;
    border-bottom: 1px solid rgba(50, 50, 70, .2);
    -webkit-transition: all linear 300ms;
    -moz-transition: all linear 300ms;
    -ms-transition: all linear 300ms;
    -o-transition: all linear 300ms;
    transition: all linear 300ms;
    padding-bottom: 5px;
    padding-top: 20px;
    display: inline-block;
    position: relative;
  }

  .demo h3 {
    font-size: 14px;
    min-width: 100px;
  }

  footer {
    background-image: -webkit-linear-gradient(150deg, #ff1111e0 50%, #f71818 35%);
    color: rgba(255, 255, 255, .8);
    width: 100%;
  }

  .footer-divider {
    fill: #d4d6dc;
    position: relative;
    top: -7px;
    height: 72px;
    width: 100%;
  }

  .copyright {
    padding-top: 18px;
    font-size: 13px;

  }

  .copyright a {
    color: #FFF;
  }

  .features {
    background: #d4d6dc;
    color: #3c3e42;
    display: flow-root;
  }

  .col-xs-12 {
    width: 100%;
  }

  .col-xs-1,
  .col-xs-10,
  .col-xs-11,
  .col-xs-12,
  .col-xs-2,
  .col-xs-3,
  .col-xs-4,
  .col-xs-5,
  .col-xs-6,
  .col-xs-7,
  .col-xs-8,
  .col-xs-9 {
    float: right;
  }

  .feature-title {
    color: #09223e;
    text-align: center;
    float: right;
    width: 100%;
  }

  .feature-title h3 {
    font-size: 17px;
  }

  .features .feature {
    min-height: 125px;
    font-size: 12px;
    line-height: 1.8em;
    text-align: center;
    background: #fff;
    border-radius: 15px;
    padding: 30px;
    height: 100%;
  }

  .feature p {}

  .feature img {
    padding-bottom: 30px;
  }

  .feature_icon {
    text-align: center;
    font-size: 44px;
    display: block;
    margin-bottom: 20px;
  }

  [class^="icon-"],
  [class*=" icon-"] {
    font-family: 'iconsmind';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .icon-Add-Cart::before {
    background: url(http://sigma.hamkarwp.com/landing/assets/img/13-feature-icon.svg)
  }

  .elemntor_wrap {
    padding: 3em 0;
    display: flow-root;
  }

  @media (max-width: 768px) {
    .header-content {
      margin-top: 0;
    }

    .text-capitalize {
      width: 95%;
    }

    .buy_rtl.top_btn.scroll p,
    .clearfix.bottom30 p {
      padding: 0px 17px;
      font-size: 12px;
    }

    .header-content h2 {
      font-size: 18px;
    }

    .header-content p,
    .buy_rtl {
      font-size: 12px;
    }
  }

  .img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
  }

  .roginalver {
    margin-bottom: 15px;
  }

  .col-sm-6.left.wow.fadeInLeft.animated img {
    float: left;
  }
</style>