Friday, 17 October 2014

PHOTOSHOP

Take Website Images Free
-----------------------------------------------------
1- https://www.flaticon.com/
2- https://burst.shopify.com/
3- https://www.pexels.com/ 
4- https://www.freepik.com/
----------------------------------------------------------------------------

Usefull Apps
-----------------------------
1- Greenshot
2- Subline

=============================================================
OPEN photoshop
and press CTRL+N and set width=300, height=200
===============================

1 press v(drag tool)
2 ctrl+a
3 ctrl+c
4 ctrl+tab
5 ctrl+v
6 ctrl+t(size varient)
7 shift+drag
8 save for web

how to select background
----------------------------
9  double click layer locked
10 then press ok
11 alt+backspace
12 press D for default color
13 alt+backspace(select above color)
14 ctrl+backspace(select above color)
15 press f7 show layer
16 ctrl(-) & ctrl(+) use for shrink & zoom image

===================================================================
shift text right or left
=========================
1- press m
2- press v
3- press keys left right top down
4- ctrl+d (unselect)

*************************************************************************
HOW TO CHANGE PNG IMAGE COLOR
---------------------------------------------------------
step 1- open image in photoshop
step 2- Click on (new fill or adjustment layer) below on image layer.
step 3- click on solid color
step 4- pick color and ok
step 5- press Ctrl+G after then save for web.


Wednesday, 16 April 2014

Creative

HOW TO CHECK SITE WHAT'S BUILD ON
********************************************
wappalyzer 
https://www.wappalyzer.com/
https://builtwith.com/
********************************************
Data Science->under both Data Analytics & Data Engineer
----------------------------
Data Analytics->Knowledge of python or R, sql, excel, visualization tool-> Tableau, Power BI
Data Engineer->Knowledge of python, ETL(Extract Transform Load-inke tools), one cloud (Google,AWS,Azure) and jodne wale tool SQL & non-SQL, hadoop
=================================================================
Reference blog
https://ayushkumarsoni.com/

Learn Php Websites
According to this video, the Steps to be followed to be a PHP Expert are as follows:
1. Understand nature,
2. Learn Fundamentals,
3. Learn About Databases,
4. Create some basic app,
5. Learn and master the OOPs concept,
6. Learn PHP tools and API developments,
7. Learn Security and Hacks,
8. Learn from Experts,
9. Learn trending Frameworks (MVC, CMS)

1- learn one video tutorial course
https://www.codewithharry.com/videos/learn-php-in-one-video-in-hindi-2020
2- official PHP manual
https://www.php.net/manual/en/index.php
3- W3School
https://www.w3schools.com/php/DEFAULT.asp
4- PHP the right way
https://phptherightway.com/
5- free code camp free php tutorial
https://www.freecodecamp.org/news/tag/php/
https://www.youtube.com/watch?v=OK_JCtrrv-c
6- https://kinsta.com/blog/php-tutorials/
7-geeks for geeks php tutorial
https://www.geeksforgeeks.org/php-tutorials/
8- Thapa
https://www.youtube.com/watch?v=ALrOcDPimWE
9- Code with harry
https://www.codewithharry.com/videos/php-tutorials-in-hindi-5

REST API
https://www.youtube.com/watch?v=arfKoJ-PK38

PHP REST API : Read Data Tutorial in Hindi / Urdu
https://www.youtube.com/watch?v=iuesfipZ6Y8

PHP Ajax Introduction Tutorial in Hindi / Urdu
https://www.youtube.com/watch?v=ACitNEo8sKw&list=PL0b6OzIxLPbxO0_8Av3c-9_l5RM5uJK8U

https://www.yahoobaba.net/project/rest-api-crud-application-html-template

Tutorials Point (India) Ltd (Learn programming languages)
https://www.youtube.com/channel/UCVLbzhxVTiTLiVKeGV7WEBg/playlists
https://www.youtube.com/watch?v=h__-uIUoI2c&feature=youtu.be
https://www.codewithharry.com/
https://www.youtube.com/watch?v=VeV2C7BHzkM&list=PL_HlKez9XCSPJX9pux7AQNLhiWeTiEboI

Codeigniter Tutorial
https://www.youtube.com/watch?v=GcRv-3-pXeI&list=PL_HlKez9XCSM6WNO_dHhF3yPKVdY1ZZzB

ES6 ECMA Script
https://www.youtube.com/watch?v=_GMEqhUyyFM
https://www.youtube.com/@TechnicalSuneja/playlists

https://www.geekyshows.com/search/label/Courses

Wix Website Tutorial
https://www.youtube.com/watch?v=HDZm6feqX-A

WordPress
------------------
1- How to Create Plugin
2- How to Create Hooks and Filters
3- How to Create API
4- How to Integrate Payment Gateway

Laravel
------------------
https://www.youtube.com/watch?v=qKR5V9rdht0
https://www.youtube.com/watch?v=0yVDMcGp97g&list=PLjVLYmrlmjGfh2rwJjrmKNHzGxCZwBsqj

php, js, react...etc.
------------------------------
https://www.geekyshows.com/search/label/Courses
https://www.youtube.com/@CodeWithHarry

Greenshot
Sublime Editor PHP
https://freshkon.com/
https://www.flaticon.com/

how to download free youtube video songs online link
-------------------------------------------------
https://ssyoutube.com/en725Di/

Wednesday, 19 February 2014

JQUERY

*************************************************************************
value send one page and receive another page
---------------------------------------------------
<input type="text" min="2" size="2" class="quantity" name="quantity" id="quantity" value="2">
page1: <input type="hidden" value="2" class="min2p">
page2: 
$('.custom-minus .product-minus').on('click', function(){
 //alert('lalit');
 var staticvaluetwo = $('.min2p').val();
 var valzero = staticvaluetwo*0;
 var valplustwo = valzero+2;
 alert(valplustwo);
 var quanvaluedynamic = $('.quantity').val();
 //alert(quanvaluedynamic);
 if(valplustwo==2 && quanvaluedynamic<=2){
    return false;
 }
   else { }

});
------------------------------------------------
Shopify product quantity min 2 tags 
-----------------------------------------
 <div class="qty-btn">
                <span class="ss-icon product-minus js-change-quantity" data-func="minus"><span class="icon-minus"></span></span>
          {% if product.tags contains 'Min Quantity Two' %}      
          <input type="text" min="2" max="{{ product.variants.first.inventory_quantity }}" size="2" class="quantity quantity-selector quantity-input" name="quantity" id="quantity" value="2" {% if settings.limit_quantity and variant.inventory_management != blank and variant.inventory_policy == "deny" %}max="{{ variant.inventory_quantity }}"{% endif %} />
           <input type="hidden" value="2" class="min2p">
           {% else %}     
          <input type="text" min="1" max="{{ product.variants.first.inventory_quantity }}" size="2" class="quantity" name="quantity" id="quantity" value="1" {% if settings.limit_quantity and variant.inventory_management != blank and variant.inventory_policy == "deny" %}max="{{ variant.inventory_quantity }}"{% endif %} />
            {% endif %}    
          <span class="ss-icon product-plus js-change-quantity" data-func="plus"><span class="icon-plus"></span></span>
        </div>
{% if product.tags contains 'Min Quantity Two' %}
<div class="col-md-12">
                            <p class="qtity-text">Minimum Order Quantity is 2.</p>
</div>
                            {% endif %}
----------------------------------------------------------------
$('document').ready(function(){
$('.qty-btn .product-minus').on('click', function(){
  var qty = parseInt($(this).parent('.qty-btn').find('.quantity-input').val());
  if($(this).hasClass('product-plus')) {
    qty++; 
  }else {  
    //alert(qty);
    if(qty == '2') {
      return false;
      //qty--;
    }
  }
  qty = (isNaN(qty))?1:qty;
  $(this).parent('.qty-btn').find('.quantity-input').val(qty);
}); 

});
=========================================================
Get value from url using query string UTM
-----------------------------------------------------
https://www.nilkamalfurniture.com/pages/cred-x-nilkamal/?utm_source=CRED&utm_campaign=CREDJACKPOT&utm_medium=CREDAPP
<p id="demo">Utm values</p>
<script>
  //var urlParams  = new URLSearchParams(window.location.href);
  //console.log(urlParams);
  function getUrlVars()
{
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
}
  var urlparamsnew = getUrlVars();
  //console.log(urlparamsnew);
  //console.log(urlparamsnew['utm_campaign']);
  
  var utm_campaigns = urlparamsnew['utm_campaign'];
  
  //alert(utm_campaigns);
  
  //utm_campaigns ='';
    
  if(utm_campaigns == "CREDJACKPOT") {
        document.getElementById("demo").innerHTML = "Good day";
   }
   else {
        document.getElementById("demo").innerHTML = "Good day! 2";
        }
</script>
==================================================
 Hide Autocomplete Mobile Number
---------------------------------------------------------    
   <script>    
       $(document).ready(function() {
       $("#checkout_shipping_address_phone_custom").attr("autocomplete", "off");
       $('#checkout_shipping_address_phone_custom').attr('autofill', 'off');
       $("#checkout_shipping_address_phone_custom").attr("autocomplete", "none");   
       });
       </script>
========================================================================
Focus any Input field click on button using jQuery
--------------------------------------------------------------------
<button type="submit" name="add" onclick="" class="custom_static_action_button add_to_cart  action_button--secondary"> <span class="text">Add to Cart</span>

<input type="text" id="pincode_checker_service" class="input-pincode pincode_ckecker_value number_only" name="pincode_val" placeholder="Enter Pincode">

$('.custom_static_action_button').click( function() {
    //alert('lalit');
    $(".input-pincode.pincode_ckecker_value.number_only").focus();
});
================================================
jQuery in 1 video
https://www.youtube.com/watch?v=YFlx1C8XwR0
jQuery in 1 video source code
https://codewithharry.com/videos/learn-jquery-in-one-video-in-hindi
*******************************************************
-------------------------------------------------------
How to get Select box id or value using jQuery 
-----------------------------------------------------
https://www.tutorialrepublic.com/faq/how-to-get-the-value-of-selected-option-in-a-select-box-using-jquery.php
<div id="newdemo" style="width: 100%;"></div>
<script>
$(document).ready(function(){
    $("select.lalit").change(function(){
        var selectedId= $(this).val();
        //alert("You have selected the country - " + selectedId);
      var step = '';
newdemo.innerHTML = step;
if (selectedId === '31453534945343') {
  var step ="step 1";
} else if (selectedId === "31453534978111") {
  var step ="step 2";
} else if (selectedId === "cat") {
  console.log("I own a cat");
} else if (selectedId === "snake") {
  console.log("I own a snake");
} else if (selectedId === "parrot") {
  console.log("I own a parrot");
} else {
  console.log("I don't own a pet");
}
      newdemo.innerHTML = step;
    });
});
---------------------------------------------------------
<script>
// $(document).ready(function(){
   setTimeout(function(){
     document.getElementById("product-selectors-option-0").addEventListener('change', function(e){
  
      var tempValue = '';
      switch(this.value){
        case 'Single':
          tempValue = 'Value 1'
          break;
        case 'Diwan':
          tempValue = 'Value 2'
          break;
          case 'Queen':
          tempValue = 'Value 3'
          break;
        case 'King':
          tempValue = 'Value 4'
          break;
        default:
          return
          
      }
           var newdemoElement = document.getElementById("newdemo")
      newdemoElement.innerHTML = tempValue;
      
   })}, 3000);
// });
</script>
Click Then Active 2 Classes same time
****************************************************************************
<script>
  $('.img-numLayering,.layerDescAccordian').click(function(){
  var fav=$(this).data("layer");
  
    $(".layerDescAccordian").removeClass('active');
    
    $(".img-numLayering").removeClass('active');
    
       //  $("[data-layer='"+ fav +"']").addClass('img-numLayering active');
    $("[data-layer='"+ fav +"']").addClass('active');
    //$('.img-numLayering[data-layer="'+fav+'"]').addClass('active');
  });
</script>

<style>
  .layerDescAccordian-body {
    visibility: hidden;
}
  .layerDescAccordian.active .layerDescAccordian-body {
    visibility: visible;
        color: #404041;
    font-family: 'gothamRounded-medium';
    font-size: 16px;
}
  .layerDescAccordian {
    cursor: pointer;
    margin-bottom: 15px;
}
  .layerDescAccordian.active i.fa.fa-caret-down {
    display: none;
}
  .layerDescAccordian i.fa.fa-caret-up {
    display: none;
}
  i.fa.fa-caret-down, i.fa.fa-caret-up {
    float: right;
}
  .layerDescAccordian.active i.fa.fa-caret-up {
    display: block;
}
</style>
_______________________________________________________________________
<div data-section-id="{{ section.id }}" data-section-type="product" id="ProductSection-{{ section.id }}" data-enable-history-state="true" data-collections-related="{{ routes.collections_url }}/{{collection.handle}}?view=related">
  <div class="container">
    <div class="product product-default">
      {% comment %}
      <h2 class="product-title mobile-view-title">
        {% render 'multilang' with product.title %}
      </h2>
      {% endcomment %}
      {%- assign current_variant = product.selected_or_first_available_variant -%}
      {% assign variantCount = product.variants | size %}
      <div class="row product_top{% if section.settings.show_tab == 'horizontal' or section.settings.show_tab == 'horizontal_center' %} horizontal-tabs{% else %} vertical-tabs has-sticky-product-img{% endif %}">
        <div class="col-md-7 product-photos" data-more-view-product>
          <div {% if section.settings.show_tab == 'vertical' %} data-sticky-product-img{% endif %} class="product-img-box{% if section.settings.style_moreview == 'horizontal' %} horizontal-moreview{% elsif section.settings.style_moreview == 'left_vertical' %} left-vertical-moreview vertical-moreview{% else %} right-vertical-moreview vertical-moreview{% endif %}{% if settings.product_image_border%} grid-item-border{% endif %}">
            <div style="position: relative;" class="wrapper-images">
              <div class="product-photo-container slider-for">
                {% for media in product.media %}
                {% case media.media_type %}
                {% when 'image' %}
                <div class="thumb filter-{{ media.alt | handle }}">
                  <a {% if section.settings.enable_zoom_image %}data-zoom{% endif %} class="fancybox" rel="gallery1" href="{{ media | img_url: 'master' }}" data-fancybox="images">
                    <img id="product-featured-image-{{media.id}}" src="{{ media | img_url: 'master' }}" alt="{{ media.alt | escape }}"
                         class="lazyload"
                         data-src="{{ media | img_url: 'master' }}"
                         data-widths="[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]"
                         data-aspectratio="{{ media | img_url: 'master' }}"
                         data-sizes="auto">
                  </a>
                </div>
                {% when 'external_video' %}
                <div class="thumb filter-{{ media.alt | handle }}">
                  <div class="product-single__media" style="padding-top: 100%" data-media-id="{{ media.id }}">
                    {{ media | external_video_tag }}
                  </div>
                </div>
                {% when 'video' %}
                <div class="thumb">
                  <div class="product-single__media" style="padding-top: 100%;" data-media-id="{{ media.id }}">
                    {{ media | video_tag: controls: true }}
                  </div>
                </div>
                {% when 'model' %}
                <div class="thum">
                  <div class="product-single__media model-viewer-click" style="padding-top: 100%" data-media-id="{{ media.id }}">
                    {{ media | model_viewer_tag: image_size: '500x', 
                                    reveal: 'interaction', 
                    toggleable: true, 
                    data-model-id: media.id, 
                    auto-rotate: true,
                    id: 'paused-change-demo'
                    }}
                  </div>
                  <div class="shopify-model-viewer-ui__controls-overlay">
                    <div class="shopify-model-viewer-ui__button shopify-model-viewer-ui__button--poster" aria-label="Play 3D Viewer">
                      <svg viewBox="0 0 60 60" id="threed-icon-button-control">
                        <path fill="none" d="M0 0h60v60H0z"></path>
                        <path fill="currentColor" d="M40.4 22.57l-8.8-5.14a3.19 3.19 0 00-3.21 0l-8.8 5.14A3.24 3.24 0 0018 25.36v10.28a3.23 3.23 0 001.6 2.79l8.8 5.14a3.2 3.2 0 003.21 0l8.8-5.14A3.23 3.23 0 0042 35.64V25.36a3.24 3.24 0 00-1.6-2.79zM20.6 36.7a1.23 1.23 0 01-.6-1.06V25.36a1.23 1.23 0 01.6-1.06l8.8-5.14a1.19 1.19 0 011.19 0l8.8 5.14a1.2 1.2 0 01.36.34l-9.51 4.89a2.23 2.23 0 00-1.25 2V41.6z"></path>
                      </svg>
                    </div>
                  </div>
                </div>
                {% else %}
                <div class="thumb filter-{{ media.alt | handle }}">
                  <div class="product-single__media" data-media-id="{{ media.id }}">
                    {{ media | media_tag }}
                  </div>
                </div>
                {% endcase %}
                {% endfor %}
              </div>
              {% if section.settings.video_product and product.description contains 'iframe' %}
              {% render 'video-product' %}
              {% endif %}
            </div>
            <div class="slider-nav" data-rows="5" data-vertical="{% if section.settings.style_moreview == 'horizontal' %}false{% else %}true{% endif %}">
              {% for media in product.media %}
              {% case media.media_type %}
              {% when 'image' %}
              <div class="item filter-{{ media.alt | handle }}">
                <div class="product-single__media" data-media-id="{{ media.id }}">
                  <a href="javascript:void(0)" data-image="{{ media | img_url: 'original' }}" data-zoom-image="{{ media | img_url: 'original' }}">
                    <img src="{{ media | img_url: 'compact' }}" alt="{{ media.alt | escape }}">
                  </a>
                </div>
              </div>
              {% when 'external_video' %}
              <div class="item">
                <div class="product-single__media" data-media-id="{{ media.id }}">
                  <img id="product-featured-image-{{image.id}}" class="product-single__thumbnail-image" src="https://img.youtube.com/vi/{{ media | external_video_tag | split: 'embed/' | last | split: '?' | first }}/0.jpg" alt="{{ media.alt }}">
                </div>
              </div>
              {% when 'video' %}
              <div class="item">
                <div class="product-single__media" data-media-id="{{ media.id }}">
                  <img src="{{ media | media_tag | split: 'img src="' | last | split: '">' | first }}" />
                </div>
              </div>
              {% when 'model' %}
              <div class="item">
                <div class="product-single__media" data-media-id="{{ media.id }}">
                  {{ media | model_viewer_tag: image_size: image_size, 
                                reveal: 'interaction', 
                  toggleable: true, 
                  data-model-id: media.id, 
                  auto-rotate: true
                  }}
                </div>
              </div>
              {% else %}
              <div class="item">
                <div class="product-single__media 4" data-media-id="{{ media.id }}">
                  {{ media | media_tag }}
                </div>
              </div>
              {% endcase %}
              {% endfor %}
            </div>
          </div>
        </div>
        <div class="col-md-5 product-shop">
          <h1 class="product-title teste">
            {% render 'multilang' with product.title %}
          </h1>
          {% assign one_line =  product.metafields.Product["oneline"] %}
            {%- if one_line != blank -%}<p class="oneline-benefits"> {{one_line}}</p>{%- endif -%}
          {% assign second_line =  product.metafields.Product["secondline"] %}
            {%- if second_line != blank -%}<p class="secondline"> {{second_line}}</p>{%- endif -%}
         {% render 'variant-product.liquid' %}
         <p class="product-dimension-style"> {% assign variant_dimension =  variant.metafields.variant["variant_dimension"] %}
           <span>Dimension :</span> <span class="variant_dimension">{{variant_dimension}}</span>
     
          {% comment %}
          {% if product.handle contains 'doctor-dreams-max' or product.handle contains 'doctor-dreams-plus' or product.handle contains 'doctor-dreams-striker-metal-black-bed' or product.handle contains 'doctor-dreams-striker-metal-white-bed' or product.handle contains 'doctor-dreams-bread-pillow' or product.handle contains 'dr-dreams-shd-mem-foam-pillow-60-x-40cm-mdodrshrdmemfom' or product.handle contains 'doctor-dreams-pcm-white-double-duvet' or product.handle contains 'doctor-dreams-mattress-protector' or product.handle contains 'doctor-dreams-weighted-blankets' or product.handle contains 'doctor-dreams-weighted-blankets' or product.handle contains 'doctor-dreams-memory-foam-pillow' %}
          <div class="offer">
            <p>Get additional 5% off on SBI and Kotak Mahindra cards at Razorpay checkout</p>
          </div>
          
          {% endif %}
           {% endcomment %}
        
               <div class="row fix-product-footer">
            <div class="col-6 fix-product-price">
              <span class="fix-footer-price">{{ current_variant.price | money | remove: '.00' }}</span>
  </div>
  <div class="col-6">
     <div class="groups-btn">
            {% if current_variant.available %}
            {% if current_variant.inventory_management %}
            {% assign first_inventory = current_variant.inventory_quantity %}
            {% if first_inventory > 0 %}
            <button data-btn-addToCart type="submit" name="add" class="primary-button-second add_to_cartfb" onclick="fbq('track', 'AddToCart');"  {% if settings.enable_multilang %}data-translate="products.product.add_to_cart"{%endif%} id="product-add-to-cart" value="{{ 'products.product.add_to_cart' | t }}" data-form-id="#add-to-cart-form">{{ 'products.product.add_to_cart' | t }}</button>
            {% comment %}<input data-btn-addToCart type="submit" name="add" class="primary-button-second" {% if settings.enable_multilang %}data-translate="products.product.add_to_cart"{%endif%} id="product-add-to-cart" value="{{ 'products.product.add_to_cart' | t }}" data-form-id="#add-to-cart-form">{% endcomment %}
            {% else %}
            <button data-btn-addToCart type="submit" name="add" class="primary-button-second add_to_cartfb" onclick="fbq('track', 'AddToCart');" {% if settings.enable_multilang %}data-translate="products.product.pre_order"{%endif%} id="product-add-to-cart" value="{{ 'products.product.pre_order' | t }}" data-form-id="#add-to-cart-form"> {{ 'products.product.add_to_cart' | t }} </button>
            {% comment %}<input data-btn-addToCart type="submit" name="add" class="primary-button-second" {% if settings.enable_multilang %}data-translate="products.product.pre_order"{%endif%} id="product-add-to-cart" value="{{ 'products.product.pre_order' | t }}" data-form-id="#add-to-cart-form">{% endcomment %}
            {% endif %}
            {% else %}
            <button data-btn-addToCart type="submit" name="add" class="primary-button-second add_to_cartfb" onclick="fbq('track', 'AddToCart');" {% if settings.enable_multilang %}data-translate="products.product.add_to_cart"{%endif%} id="product-add-to-cart" value="{{ 'products.product.add_to_cart' | t }}" data-form-id="#add-to-cart-form">{{ 'products.product.add_to_cart' | t }}</button>
            {% comment %}<input data-btn-addToCart type="submit" name="add" class="primary-button-second" {% if settings.enable_multilang %}data-translate="products.product.add_to_cart"{%endif%} id="product-add-to-cart" value="{{ 'products.product.add_to_cart' | t }}" data-form-id="#add-to-cart-form">{% endcomment %}
            {% endif %}
            {% else %}
            <input type="submit" name="add" class="primary-button-second " {% if settings.enable_multilang %}data-translate="products.product.unavailable"{%endif%} id="product-add-to-cart" disabled value="{{ 'products.product.unavailable' | t }}" >
            {% endif %}
            {% render 'wishlist-product' %}
            {% if section.settings.enable_payment_button and current_variant.available %}
            {{ form | payment_button }}
            {% endif %}
          </div>
  </div>
  
</div>
        
          {% if section.settings.display_vendor or section.settings.display_availability or section.settings.display_product_sku or section.settings.display_product_type %}
          <div class="product-infor">
            {% if section.settings.display_vendor %}
            <div class="vendor-product">
              {% if section.settings.text_vendor != blank %}
              {% if settings.enable_multilang %}
              <label class="lang1">
                {{ section.settings.text_vendor | split: '|' | first }}
              </label>
              <label class="lang2">
                {{ section.settings.text_vendor | split: '|' | last }}
              </label>
              {% else %}
              <label>
                {{ section.settings.text_vendor | split: '|' | first }}
              </label>
              {% endif %}
              {% endif %}
              <span>
                {{ product.vendor | link_to_vendor }}
              </span>
            </div>
            {% endif %}
            {% if section.settings.display_product_sku %}
            <div class="sku-product">
              {% if section.settings.text_product_sku != blank %}
              {% if settings.enable_multilang %}
              <label class="lang1">
                {{ section.settings.text_product_sku | split: '|' | first }}
              </label>
              <label class="lang2">
                {{ section.settings.text_product_sku | split: '|' | last }}
              </label>
              {% else %}
              <label>
                {{ section.settings.text_product_sku | split: '|' | first }}
              </label>
              {% endif %}
              {% endif %}
              <span>{{ current_variant.sku }}</span>
            </div>
            {% endif %}
            {% if section.settings.display_availability %}
            <div class="product-inventory">
              {% if section.settings.text_availability != blank %}
              {% if settings.enable_multilang %}
              <label class="lang1">
                {{ section.settings.text_availability | split: '|' | first }}
              </label>
              <label class="lang2">
                {{ section.settings.text_availability | split: '|' | last }}
              </label>
              {% else %}
              <label>
                {{ section.settings.text_availability | split: '|' | first }}
              </label>
              {% endif %}
              {% endif %}
              <span>
                {% if current_variant.inventory_management %}
                {% assign first_inventory = current_variant.inventory_quantity %}
                {% if first_inventory > 0 %}
                {{ 'products.product.in_stock' | t }}
                {% else %}
                {{ 'products.product.out_of_stock' | t }}
                {% endif %}
                {% else %}
                {{ 'products.product.many_in_stock' | t }}
                {% endif %}
              </span>
            </div>
            {% endif %}
            {% if section.settings.display_product_type %}
            <div class="product-type">
              {% if section.settings.text_product_type != blank %}
              {% if settings.enable_multilang %}
              <label class="lang1">
                {{ section.settings.text_product_type | split: '|' | first }}
              </label>
              <label class="lang2">
                {{ section.settings.text_product_type | split: '|' | last }}
              </label>
              {% else %}
              <label>
                {{ section.settings.text_product_type | split: '|' | first }}
              </label>
              {% endif %}
              {% endif %}
              {% if settings.enable_multilang %}
              <span class="lang1">
                {{ product.type | split: '|' | first }}
              </span>
              <span class="lang2">
                {{ product.type| split: '|' | last }}
              </span>
              {% else %}
              <span>
                {{ product.type | split: '|' | first }}
              </span>
              {% endif %}
            </div>
            {% endif %}
          </div>
          {% endif %}
          {% if section.settings.enable_countdown %}
          {% if section.settings.option_countdown == 'all_product' %}
          {% assign count_down_final = section.settings.count_down_timer %}
          {% if section.settings.countdown == 'countdown_1' %}
          <div class="countdown">
            {% render 'multilang' with section.settings.text_countdown %}
            <div class="countdown-item" data-countdown-normal data-countdown-value="{{ count_down_final }}"></div>
          </div>
          {% else %}
          {% render 'countdown-progressbar', count_down_final: count_down_final %}
          {% endif %}
          {% else %}
          {% if product.description contains '[countdown]' %}
          {% assign count_down_first = product.description | split:'[/countdown]' | first %}
          {% assign count_down_final = count_down_first | split:'[countdown]' | last %}
          {% if section.settings.countdown == 'countdown_1' %}
          <div class="countdown">
            {% render 'multilang' with section.settings.text_countdown %}
            <div class="countdown-item" data-countdown-normal data-countdown-value="{{ count_down_final }}"></div>
          </div>
          {% else %}
          {% render 'countdown-progressbar', count_down_final: count_down_final %}
          {% endif %}
          {% endif %}
          {% endif %}
          {% if section.settings.custombox_text != blank %}
          <div class="product-custombox hide-for-small-only">
            {% if section.settings.custombox_text contains '[lang2]' %}
            <span class="rte lang1">
              {{ section.settings.custombox_text | split: '[lang2]' | first }}
            </span>
            <span class="rte lang2">
              {{ section.settings.custombox_text| split: '[lang2]' | last }}
            </span>
            {% else %}
            <span class="rte">
              {{ section.settings.custombox_text | split: '[lang2]' | first }}
            </span>
            {% endif %}
          </div>
          {% endif %}
          {% endif %}
          {% if product.description contains '[countdown]' %}
          {% assign des = product.description | split:'[/countdown]' | last %}
          {% if des contains '[custom tab]'%}
          {% assign des = des | split:'[custom tab]' | first | split:'<iframe' | first %}
          {% endif %}
          {% else %}
          {% assign des = product.description %}
          {% if des contains '[custom tab]'%}
          {% assign des = des | split:'[custom tab]' | first | split:'<iframe' | first %}
          {% endif %}
          {% endif %}
          {% if section.settings.show_desc == 'short' %}
          {% if product.metafields.c_f['Short Description'] %}
          {% assign des = product.metafields.c_f['Short Description'] %}
          {% assign word_numbeer = 100000000000000 %}
          {% if settings.enable_multilang and des contains '[lang2]' %}
          <div class="short-description">
            <div class="lang1">
              {{ des | split: '[lang2]' | first | replace: '&nbsp;', ' ' | truncatewords: word_numbeer }}
            </div>
            <div class="lang2">
              {{ des | split: '[lang2]' | last | replace: '&nbsp;', ' ' | truncatewords: word_numbeer }}
            </div>
          </div>
          {% else %}
          <div class="short-description">
            {{ des | split: '[lang2]' | first | replace: '&nbsp;', ' ' | truncatewords: word_numbeer }}
          </div>
          {% endif %}
          {% else %}
          {% assign word_numbeer = 50 %}
          {% if settings.enable_multilang and des contains '[lang2]' %}
          <div class="short-description">
            <div class="lang1">
              {{ des | split: '[lang2]' | first | strip_html | replace: '&nbsp;', ' ' | truncatewords: word_numbeer }}
            </div>
            <div class="lang2">
              {{ des | split: '[lang2]' | last | strip_html | replace: '&nbsp;', ' ' | truncatewords: word_numbeer }}
            </div>
          </div>
          {% else %}
          <div class="short-description">
            {{ des | split: '[lang2]' | first | strip_html | replace: '&nbsp;', ' ' | truncatewords: word_numbeer }}
          </div>
          {% endif %}
          {% endif %}
          {% elsif section.settings.show_desc == 'full' %}
          {% if settings.enable_multilang and des contains '[lang2]' %}
          <div class="short-description">
            <div class="lang1">
              {{ des | split: '[lang2]' | first }}
            </div>
            <div class="lang2">
              {{ des | split: '[lang2]' | last }}
            </div>
          </div>
          {% else %}
          <div class="short-description">
            {{ des | split: '[lang2]' | first }}
          </div>
          {% endif %}
          {% endif %}
          {% form 'product', product, id: "add-to-cart-form", novalidate: 'novalidate' %}
          {% if settings.display_size_chart %}
          <a data-toggle="modal" data-target="#size_chart" class="size-chart-open-popup">
            {% render 'multilang' with settings.size_guide_text %}
          </a>
          {% endif %}
          {% if product.available %}
          <div class="product-option-block">
            
           
            
            {% comment %}
            <div class="EMIBox">
              <span>0% ZestMoney Cardless EMI available. </span><a id="zestmoney-widget-trigger"></a>  
              <div id="zestmoney-overlay"></div> 
              <div id="zestmoney-widget-container" class="zestmoney-widget-wrapper hide-zestmoney-widget"></div> 
            </div>
            {% endcomment %}
            <div class="product-option">

              <div class="row">
                {% if variantCount > 0  and product.variants[0].title != 'Default Title'  %}
                <div class="col-6 col-md-8">
                  <h6 class="product-sub-title">
                    {% if product.tags contains "mattress_filter" %}
                    Mattress Options
                    {% elsif product.tags contains "Furniture" %}
                    Bed Size
                    {% elsif product.tags contains "Bedding" %}
                    Size
                    {% else %}
                    Dimension 
                    {% endif %}
                  </h6>
                </div>
                {% endif %}
                <div class="col-6 col-md-4">
                  {% if product.tags contains  'Foam mattress' %}
                  <h6 class="product-sub-title text-right text-decoration-underline"><a class="bluetext" target="_blank" href="/pages/size-guide">SIZE GUIDE</a></h6>
                  {% endif %}
                </div>
                <div class="col-12">
                  <div id="product-variants">
                    {% if variantCount > 0  and product.variants[0].title != 'Default Title'  %}
                    <select id="product-selectors" name="id" style="display: none;">
                      {% for variant in product.variants %}
                      {% if variant.available %}
                      <option data-imge="{% if variant.image.size != blank %}{{ variant.image.src | product_img_url: 'compact' }}{% else  %}{{ product.featured_image.src | product_img_url: 'compact' }}{% endif %}" {% if variant == current_variant %} selected="selected" {% endif %} value="{{ variant.id }}">
                        {{ variant.title }}
                      </option>
                      {% else %}
                      <option disabled="disabled">{{ variant.title }} - {{ 'products.product.sold_out' | t }}</option>
                      {% endif %}
                      {% endfor %}
                    </select>
                    {% if settings.use_color_swatch %}
                    {% for option in product.options %}
                    {% comment %} {% render 'swatch' with option %} {% endcomment %}
                    {% endfor %}
                    {% endif %}
                    {% else %}
                    <input type="hidden" name="id" value="{{ product.variants[0].id }}" />
                    {% endif %}
                  </div>
                  {% comment %}
                  <div class="row">
                    <div class="col-3 pr-0">
                      <select class="product-select" name="id">
                        <option value=""> Type </option>
                        <option value="Single">Single</option>
                        <option value="Diwan">Diwan</option>
                        <option value="queen">queen</option>
                        <option value="King">King</option>
                      </select>
                    </div>
                    <div class="col-4 pr-0">
                      <select class="product-select" name="id">
                        <option value=""> Height </option>
                        {% assign  sizevariants = product.variants %}
                        {% for variant in sizevariants  %}
                        <option value="{{ variant.id }}">{{ variant.title | split: '/' | first }}</option>
                        {% endfor %}
                      </select>
                    </div>
                    <div class="col-5">
                      <select class="product-select" name="id">
                        <option value=""> Size (Inches)   </option>
                        {% assign  sizevariants = product.variants %}
                        {% for variant in sizevariants  %}
                        <option value="{{ variant.id }}">{{ variant.title | split: '/' | last }}</option>
                        {% endfor %}
                      </select>
                    </div>
                  </div>
                  {% endcomment %}
                </div>
              </div>
            </div>
                 <div class="row">
            
            <div class="prices col-sm-12 col-md-12">
              {% if product.compare_at_price > product.price %}
<!--               <span class="mrp_price float-left">MRP.</span> -->
              <span class="compare-price float-left">
                MRP. {{ product.compare_at_price_max | money | remove: '.00' }}
              </span>
              {% render 'product-label' with product as product %}
             <p class="regular-price"><b>Regular Price - </b></p><span class="special-price">{{current_variant.price | money | remove: '.00' }}</span>
              <p class="inclusive-taxes">Inclusive of all taxes</p>
              
             <p class="sp-price">Special Price - </p>
              <span class="price on-sale" itemprop="price">
               {{ product.price | times: 0.85 | money | remove: '.00' }}
              </span>
                <p class="inclusive-taxes">Inclusive of all taxes</p>
            
              {% else %}
              <span class="price" itemprop="price">
                MRP. {{ product.price | money | remove: '.00' }}
              </span>
              {% endif %}
              <input type="hidden" id="product_regular_price" name="product_regular_price" value="{{ product.price }}">
               
               
             
              
            </div>
          
  {% comment %}              
<div id="clockdiv" class="col-sm-12 col-md-6">
  <p>Hurry! Offer ends in</p>
  <div>
    <span class="days" id="day"></span>
    <div class="smalltext">Days</div>
  </div>
  <div>
    <span class="hours" id="hour"></span>
    <div class="smalltext">Hours</div>
  </div>
  <div>
    <span class="minutes" id="minute"></span>
    <div class="smalltext">Minutes</div>
  </div>
  <div>
    <span class="seconds" id="second"></span>
    <div class="smalltext">Seconds</div>
  </div>
</div>
  
<p id="demo"></p>
      {% endcomment %}             
              
          </div>
            {% if product.variants[0].price > 499999 %} {% if product.tags contains 'Combo-offer' %} 
            <div class="emi-box">
              <p class="emi-text">No cost EMI As low as <span>{{ product.variants[0].price | divided_by: 6 | money_without_currency | split: '.' | first }}</span> Per Month. <span id="more-details">More Details</span></p>
              {% render 'emi-chart-novairaint' %}
            </div>
            {% else %}
             <div class="emi-box">
              <p class="emi-text">No cost EMI As low as <span>{{ product.variants[0].price | divided_by: 6 | money_without_currency | split: '.' | first }}</span> Per Month. <span id="more-details">More Details</span></p>
              {% render 'emi-chart' %}
            </div>
            {% endif %}
            {% endif %}
             <div class="product-option">
              <div class="row">
                <div class="col-7">
                  {% render 'pincode-checker' %}
                </div>
                <div class="col-4">
                  {% if current_variant.available %}
                  <h6 class="product-sub-title" {% if settings.enable_multilang %}data-translate="cart.label.quantity"{%endif%}>{{ 'cart.label.quantity' | t }}:</h6>
                  <div class="quantity">
                    <div class="qty-group">
                      <a href="#" data-minus-qtt class="minus button"></a>
                      <input type="text" data-qtt-id="quantity__{{ product.id }}" name="quantity" value="1">
                      <a href="#" data-plus-qtt class="plus button"></a>
                    </div>
                  </div>
                  {% endif %}
                </div>
              </div>
            </div>
             {% if product.handle contains 'doctor-dreams-striker-metal-black-bed' or product.handle contains 'doctor-dreams-striker-metal-white-bed' %}
                    <div class="offer">
                     <a href="https://doctordreams.com/collections/combo-offer"> <p>For a bed Combo offer click here</a></p>
            
          </div>

          {% endif %}
         
            <div class="offer">
              <p>Use code <b>DD15</b> to avail special price</p>
          </div>
          {% comment %}
            {%- assign accessories = "doctor-dreams-mattress-protector=Doctor Dreams Mattress Protector,dr-dreams-shd-mem-foam-pillow-60-x-40cm-mdodrshrdmemfom=Doctor Dreams Shredded Memory Foam Pillow" | split: ',' -%}
            {% if product.tags contains "mattress_filter" %}
            <div class="product-option">
              <h6 class="product-sub-title">Accessories</h6>
              <div class="checkbox-group">
                <input type="checkbox" name="MattressOnly" checked disabled>
                <label for="MattressOnly">{{ product.title | remove: 'Doctor Dreams ' }}</label>
              </div>
              {% for handles in accessories %}
              {%- assign varrr = handles | split: '=' -%}
              {%- assign handle = varrr[0] -%}
              {%- assign titlenew = varrr[1] -%}
              {% assign productNew =  all_products[handle]  %}
              {%- assign acc_img_url = productNew.images[0].src | product_img_url: '150x' -%}
              <div class="checkbox-group">
                <input class="conditions add_accessories" type="checkbox" value="{{ productNew.variants[0].id }}" name="{{ productNew.title }}">
                <label for="{{ productNew.title }}"><a href="{{ productNew.variants[0].url }}">{{titlenew }}</a>  </label>
                <div class="acc_des">
                  <img src="{{acc_img_url}}">
                  {{ productNew.description }}
                </div>
              </div> 
              {% endfor %}

            </div>
            {% endif %}
          {% endcomment %}
          </div>
          {% endif %}
       
      
          {% if product.handle contains 'doctor-dreams-max' or product.handle contains 'doctor-dreams-plus' or product.handle contains 'doctor-dreams-hybrid-pocket-spring-mattress' %}
          <div class="product-option-block">
            <div class="product-option">
              <div class="view-manufautre-details">
                <h6 class="product-sub-title"><a href="#" class="text-underline">View Manufacturing Details</a></h6>
                <div class="manufacture-details" style="display: none;">
                  <p>
                    <b>Manufactured and Marketed by :</b><br>
                    Nilkamal Limited, Survey No . 354/2 & 354/3, Near Rakholi Bridge,<br>              
                    Silvasa, Khanvel Road, Village : Vasona, Silvassa (D & NH), 396230.
                  </p>
                </div>
              </div>
            </div>
          </div>
          {% endif %}   
              
          {% if product.handle contains 'doctor-dreams-striker-metal-black-bed' %}
          <div class="product-option-block">
            <div class="product-option">
              <div class="view-manufautre-details">
                <h6 class="product-sub-title"><a href="#" class="text-underline">View Manufacturing Details</a></h6>
                <div class="manufacture-details" style="display: none;">
                  <p>
                    <b>Manufactured and Marketed by :</b><br>
                    Nilkamal Limited, Survey No . 354/2 & 354/3, Near Rakholi Bridge,<br>              
                    Silvasa, Khanvel Road, Village : Vasona, Silvassa (D & NH), 396230.
                  </p>
                </div>
              </div>
            </div>
          </div>
          {% endif %}   
          {% if product.handle contains 'doctor-dreams-bread-pillow' or product.handle contains 'dr-dreams-shd-mem-foam-pillow' or product.handle contains 'doctor-dreams-memory-foam-pillow'  %}
          <div class="product-option-block">
            <div class="product-option">
              <div class="view-manufautre-details">
                <h6 class="product-sub-title"><a href="#" class="text-underline">View Manufacture Details</a></h6>
                <div class="manufacture-details" style="display: none;">
                  <p>
                    <b>Manufactured By:</b><br>
                    MAXWELL INDUSTRIES 2ND FLOOR GALA NO 205 A 2,BUILDING JAY AMBE INDUSTRIAL, ESTATE VILLAGE PIMPLAS,,THANE 421311
                  </p>
                  <p>
                    <b>Marketed By:</b><br>
                    NILKAMAL LTD, 14th Street, MIDC, Andheri €, Mumbai- 400093
                  </p>
                  <p>
                    <b>Country of Origin:</b><br>
                    INDIA
                  </p>
                </div>
              </div>
            </div>
          </div>
          {% endif %}  
          
          {% if product.handle contains 'dr-dreams-sleep-easy-pillow-spray-100ml-mdrsespray100ml' %}
             <div class="product-option-block">
            <div class="product-option">
              <div class="view-manufautre-details">
                <h6 class="product-sub-title"><a href="#" class="text-underline">View Manufacture Details</a></h6>
                <div class="manufacture-details" style="display: none;">
                   <p>
                    <b>Manufactured By:</b><br>
                    MIC Exports, F-30, Sector 11, Noida, UP, 201301
                  </p>
                  <p>
                    <b>Marketed By:</b><br>
                    NILKAMAL LTD, 14th Street, MIDC, Andheri East, Mumbai- 400093
                  </p>
                  <p>
                    <b>Country of Origin:</b><br>
                    INDIA
                  </p>
                </div>
              </div>

            </div>
          </div> 
          {% endif %}
          
           {% if product.handle contains 'dr-dreams-sleep-easy-aroma-dfsr-oil-10ml-mdrsedifoil10ml' %}
             <div class="product-option-block">
            <div class="product-option">
              <div class="view-manufautre-details">
                <h6 class="product-sub-title"><a href="#" class="text-underline">View Manufacture Details</a></h6>
                <div class="manufacture-details" style="display: none;">
                   <p>
                    <b>Manufactured By:</b><br>
                    MIC Exports, F-30, Sector 11, Noida, UP, 201301
                  </p>
                  <p>
                    <b>Marketed By:</b><br>
                    NILKAMAL LTD, 14th Street, MIDC, Andheri East, Mumbai- 400093
                  </p>
                  <p>
                    <b>Country of Origin:</b><br>
                    INDIA
                  </p>
                </div>
              </div>

            </div>
          </div> 
          {% endif %}
          
          {% if product.handle contains 'doctor-dreams-pcm-white-double-duvet' %}
             <div class="product-option-block">
            <div class="product-option">
              <div class="view-manufautre-details">
                <h6 class="product-sub-title"><a href="#" class="text-underline">View Manufacture Details</a></h6>
                <div class="manufacture-details" style="display: none;">
                   <p>
                    <b>Imported By:</b><br>
                    NILKAMAL LTD 14th Street, MIDC, Andheri (E) Mumbai 400093
                  </p>
                  <p>
                    <b>Marketed By:</b><br>
                   NILKAMAL LTD 14th Street, MIDC, Andheri (E) Mumbai 400093
                  </p>
                  <p>
                    <b>Country of Origin:</b><br>
                    CHINA
                  </p>
                </div>
              </div>

            </div>
          </div> 
          {% endif %}
          
          {% if product.handle contains 'doctor-dreams-weighted-blankets' %}
             <div class="product-option-block">
            <div class="product-option">
              <div class="view-manufautre-details">
                <h6 class="product-sub-title"><a href="#" class="text-underline">View Manufacture Details</a></h6>
                <div class="manufacture-details" style="display: none;">
                   <p>
                    <b>Imported By:</b><br>
                    NILKAMAL LTD 14th Street, MIDC, Andheri (E) Mumbai 400093
                  </p>
                  <p>
                    <b>Marketed By:</b><br>
                   NILKAMAL LTD 14th Street, MIDC, Andheri (E) Mumbai 400093
                  </p>
                  <p>
                    <b>Country of Origin:</b><br>
                    CHINA
                  </p>
                </div>
              </div>

            </div>
          </div> 
          {% endif %}
          
            {% if product.handle contains 'dr-dreams-sleep-eye-msk-w-scen-nat-seeds-mdrsleepeyemask' %}
             <div class="product-option-block">
            <div class="product-option">
              <div class="view-manufautre-details">
                <h6 class="product-sub-title"><a href="#" class="text-underline">View Manufacture Details</a></h6>
                <div class="manufacture-details" style="display: none;">
                   <p>
                    <b>Manufactured By:</b><br>
                    MIC Exports, F-30, Sector 11, Noida, UP, 201301
                  </p>
                  <p>
                    <b>Marketed By:</b><br>
                    NILKAMAL LTD, 14th Street, MIDC, Andheri East, Mumbai- 400093
                  </p>
                  <p>
                    <b>Country of Origin:</b><br>
                    INDIA
                  </p>
                </div>
              </div>

            </div>
          </div> 
          {% endif %}
             
          {% if product.handle contains 'protector' %}
          <div class="product-option-block">
            <div class="product-option">
              <div class="view-manufautre-details">
                <h6 class="product-sub-title"><a href="#" class="text-underline">View Manufacture Details</a></h6>
                <div class="manufacture-details" style="display: none;">
                  <p>
                    <b>Manufacture By :</b> Concept Home Textiles PVT LTD, 108, Yashwant Shopping Centre, Carter Road No 7, Borivali East, Mumbai - 400093<br>
                    <b>Marketed By :</b> NILKAMAL LTD, 14th Street, MIDC, Andheri East, Mumbai- 400093<br>
                    <b>Country of Origin :</b> INDIA
                  </p>
                </div>
              </div>

            </div>
          </div> 
          {% endif %}
          
          {% if product.handle contains 'doctor-dreams-striker-metal-white-bed' or product.handle contains 'doctor-dreams-roxwell-king-bed-mdodrroxwlkgbed' %}
          <div class="product-option-block">
            <div class="product-option">
              <div class="view-manufautre-details">
                <h6 class="product-sub-title"><a href="#" class="text-underline">View Manufacture Details</a></h6>
                <div class="manufacture-details" style="display: none;">
                  <p>
                    <b>Manufacture By :</b> Furniture Kraft International, GUT No. 274, NR. Western Refrigerator (P) Ltd, Opp. HYBRO Food Product, Kalamgaon, Thane 421604<br>
                    <b>Marketed By :</b> Nilkamal LTD., 14th Street, MIDC, Andheri(E), Mumbai - 400093<br>
                    <b>Country of Origin :</b> INDIA
                  </p>
                </div>
              </div>
            </div>
          </div> 
          {% endif %}
          
          {% if product.handle contains 'dr-dreams-pcm-white-dbl-duvet-220x240cm-mdodrduvtdbpcm' or product.handle contains 'dr-dreams-pcm-white-sgl-duvet-228x150cm-mdodrduvtsglpcm'  %}
          <div class="product-option-block">
            <div class="product-option">
              <div class="view-manufautre-details">
                <h6 class="product-sub-title"><a href="#" class="text-underline">View Manufacture Details</a></h6>
                <div class="manufacture-details" style="display: none;">
                  <p>
                    <b>Imported By:</b><br>
                    NILKAMAL LTD 14th Street, MIDC, Andheri (E) Mumbai 400093
                  </p>
                  <p>
                    <b>Marketed By:</b><br>
                    NILKAMAL LTD 14th Street, MIDC, Andheri (E) Mumbai 400093
                  </p>
                  <p>
                    <b>Country of Origin:</b><br>
                    CHINA
                  </p>
                </div>
              </div>
            </div>
          </div>
          {% endif %}
          
          {% if product.handle contains 'dr-dreams-weighted-white-blanket-15-lbs-mdodrblnkt15lbs' or product.handle contains 'dr-dreams-weighted-white-blanket-20-lbs-mdodrblnkt20lbs'  %}
          <div class="product-option-block">
            <div class="product-option">
              <div class="view-manufautre-details">
                <h6 class="product-sub-title"><a href="#" class="text-underline">View Manufacture Details</a></h6>
                <div class="manufacture-details" style="display: none;">
                  <p>
                    <b>Imported By:</b><br>
                    NILKAMAL LTD 14th Street, MIDC, Andheri (E) Mumbai 400093
                  </p>
                  <p>
                    <b>Marketed By:</b><br>
                    NILKAMAL LTD 14th Street, MIDC, Andheri (E) Mumbai 400093
                  </p>
                  <p>
                    <b>Country of Origin:</b><br>
                    CHINA
                  </p>
                </div>
              </div>
            </div>
          </div>
          {% endif %}
          
          {% if product.handle contains 'dr-dreams-gel-infsd-mem-foam-pillow-ctr-mdodrglmfplwctr' or product.handle contains 'dr-dreams-gel-infsd-mem-foam-pillow-slm-mdodrglmfplwslm' or product.handle contains 'dr-dreams-gel-infsd-mem-foam-pillow-rgl-mdodrglmfplwrgl'  %}
          <div class="product-option-block">
            <div class="product-option">
              <div class="view-manufautre-details">
                <h6 class="product-sub-title"><a href="#" class="text-underline">View Manufacture Details</a></h6>
                <div class="manufacture-details" style="display: none;">
                  <p>
                    <b>Manufactured By:</b><br>
                    MAXWELL INDUSTRIES 2ND FLOOR GALA NO 205 A 2,BUILDING JAY AMBE INDUSTRIAL, ESTATE VILLAGE PIMPLAS,THANE 421311
Month & Year of Manufacturing : November,2020
                  </p>
                  <p>
                    <b>Marketed By:</b><br>
                    NILKAMAL LTD, 14th Street, MIDC, Andheri East, Mumbai- 400093
                  </p>
                  <p>
                    <b>Country of Origin:</b><br>
                    INDIA
                  </p>
                </div>
              </div>
            </div>
          </div>
          {% endif %}
          
          {% if product.handle contains 'dr-dreams-mattress-prot-tcl-152-x-198cm-mdodrmprtclw152' or product.handle contains 'dr-dreams-mattress-prot-tcl-182-x-198cm-mdodrmprtclw182'  %}
          <div class="product-option-block">
            <div class="product-option">
              <div class="view-manufautre-details">
                <h6 class="product-sub-title"><a href="#" class="text-underline">View Manufacture Details</a></h6>
                <div class="manufacture-details" style="display: none;">
                  <p>
                    <b>Manufactured By:</b><br>
                    Concept Home Textiles PVT LTD, 108, Yashwant Shopping Centre, Carter Road No 7, Borivali East, Mumbai - 400093
                  </p>
                  <p>
                    <b>Marketed By:</b><br>
                    NILKAMAL LTD, 14th Street, MIDC, Andheri East, Mumbai- 400093
                  </p>
                  <p>
                    <b>Country of Origin:</b><br>
                    INDIA
                  </p>
                </div>
              </div>
            </div>
          </div>
          {% endif %}
          
          {% if product.handle contains 'dr-dreams-pillow-prot-tcl-45-x68-cm-mdodrplwprtcl68' %}
          <div class="product-option-block">
            <div class="product-option">
              <div class="view-manufautre-details">
                <h6 class="product-sub-title"><a href="#" class="text-underline">View Manufacture Details</a></h6>
                <div class="manufacture-details" style="display: none;">
                  <p>
                    <b>Manufactured By:</b><br>
                    Concept Home Textiles PVT LTD, 108, Yashwant Shopping Centre, Carter Road No 7, Borivali East, Mumbai - 400093
                  </p>
                  <p>
                    <b>Marketed By:</b><br>
                    NILKAMAL LTD, 14th Street, MIDC, Andheri East, Mumbai- 400093
                  </p>
                  <p>
                    <b>Country of Origin:</b><br>
                    INDIA
                  </p>
                </div>
              </div>
            </div>
          </div>
          {% endif %}
          
          {% if section.settings.display_subtotal and current_variant.available %}
          <div class="total-price">
            <label {% if settings.enable_multilang %}data-translate="cart.general.subtotal"{%endif%}>
              {{ 'cart.general.subtotal' | t }}:
            </label>
            <span class="total-money">
              {{ current_variant.price | money | remove: '.00' }}
            </span>
          </div>
          {% endif %}
          {% if settings.enable_checkbox %}
          <div class="groups-btn">
            {% if current_variant.available %}
            {% if current_variant.inventory_management %}
            {% assign first_inventory = current_variant.inventory_quantity %}
            {% if first_inventory > 0 %}
            <button data-btn-addToCart type="submit" name="add" class="primary-button1 add_to_cartfb" onclick="fbq('track', 'AddToCart');" {% if settings.enable_multilang %}data-translate="products.product.add_to_cart"{%endif%} id="product-add-to-cart" value="{{ 'products.product.add_to_cart' | t }}" data-form-id="#add-to-cart-form" onclick="myFunction()">{{ 'products.product.add_to_cart' | t }}</button>
            {% comment %}<input data-btn-addToCart type="submit" name="add" class="primary-button1" {% if settings.enable_multilang %}data-translate="products.product.add_to_cart"{%endif%} id="product-add-to-cart" value="{{ 'products.product.add_to_cart' | t }}" data-form-id="#add-to-cart-form">{% endcomment %}
            {% else %}
            <button data-btn-addToCart type="submit" name="add" class="primary-button1 add_to_cartfb" onclick="fbq('track', 'AddToCart');" onclick="myFunction()" {% if settings.enable_multilang %}data-translate="products.product.pre_order"{%endif%} id="product-add-to-cart" value="{{ 'products.product.pre_order' | t }}" data-form-id="#add-to-cart-form" onclick="myFunction()" >{{ 'products.product.pre_order' | t }}</button>
            {% comment %}<input data-btn-addToCart type="submit" name="add" class="primary-button1" {% if settings.enable_multilang %}data-translate="products.product.pre_order"{%endif%} id="product-add-to-cart" value="{{ 'products.product.pre_order' | t }}" data-form-id="#add-to-cart-form">{% endcomment %}
            {% endif %}
            {% else %}
            <button data-btn-addToCart type="submit" name="add" class="primary-button1 add_to_cartfb" onclick="fbq('track', 'AddToCart');" onclick="myFunction()" {% if settings.enable_multilang %}data-translate="products.product.add_to_cart"{%endif%} id="product-add-to-cart" value="{{ 'products.product.add_to_cart' | t }}" data-form-id="#add-to-cart-form" onclick="myFunction()">{{ 'products.product.add_to_cart' | t }}</button>
            {% comment %}<input data-btn-addToCart type="submit" name="add" class="primary-button1" {% if settings.enable_multilang %}data-translate="products.product.add_to_cart"{%endif%} id="product-add-to-cart" value="{{ 'products.product.add_to_cart' | t }}" data-form-id="#add-to-cart-form">{% endcomment %}
            {% endif %}
            {% else %}
            <input type="submit" name="add" class="primary-button1" {% if settings.enable_multilang %}data-translate="products.product.unavailable"{%endif%} id="product-add-to-cart" disabled value="{{ 'products.product.unavailable' | t }}" >
            {% endif %}
            {% render 'wishlist-product' %}
            <div class="checkbox-group">
              <input class="conditions" type="checkbox" name="conditions">
              <label>{% render 'multilang' with settings.checkbox_text %}</label>
            </div>
            <div class="btn-checkout show"> 
              {% if section.settings.enable_payment_button and current_variant.available %}
              {{ form | payment_button }}
              {% endif %}
            </div>
          </div>
          {% else %}
          <div class="groups-btn">
            {% if current_variant.available %}
            {% if current_variant.inventory_management %}
            {% assign first_inventory = current_variant.inventory_quantity %}
            {% if first_inventory > 0 %}
            <button data-btn-addToCart type="submit" name="add" class="primary-button-second add_to_cartfb" onclick="myFunction()" {% if settings.enable_multilang %}data-translate="products.product.add_to_cart"{%endif%} id="product-add-to-cart" value="{{ 'products.product.add_to_cart' | t }}" data-form-id="#add-to-cart-form" onclick="myFunction()">{{ 'products.product.add_to_cart' | t }}</button>
            {% comment %}<input data-btn-addToCart type="submit" name="add" class="primary-button-second" {% if settings.enable_multilang %}data-translate="products.product.add_to_cart"{%endif%} id="product-add-to-cart" value="{{ 'products.product.add_to_cart' | t }}" data-form-id="#add-to-cart-form">{% endcomment %}
            {% else %}
            <button data-btn-addToCart type="submit" name="add" class="primary-button-second add_to_cartfb dha" onclick="myFunction()" {% if settings.enable_multilang %}data-translate="products.product.pre_order"{%endif%} id="product-add-to-cart" value="{{ 'products.product.pre_order' | t }}" data-form-id="#add-to-cart-form" onclick="myFunction()"> {{ 'products.product.add_to_cart' | t }} </button>
            {% comment %}<input data-btn-addToCart type="submit" name="add" class="primary-button-second" {% if settings.enable_multilang %}data-translate="products.product.pre_order"{%endif%} id="product-add-to-cart" value="{{ 'products.product.pre_order' | t }}" data-form-id="#add-to-cart-form">{% endcomment %}
            {% endif %}
            {% else %}
            <button data-btn-addToCart type="submit" name="add" class="primary-button-second add_to_cartfb" onclick="myFunction()" {% if settings.enable_multilang %}data-translate="products.product.add_to_cart"{%endif%} id="product-add-to-cart" value="{{ 'products.product.add_to_cart' | t }}" data-form-id="#add-to-cart-form" onclick="myFunction()">{{ 'products.product.add_to_cart' | t }}</button>
            {% comment %}<input data-btn-addToCart type="submit" name="add" class="primary-button-second" {% if settings.enable_multilang %}data-translate="products.product.add_to_cart"{%endif%} id="product-add-to-cart" value="{{ 'products.product.add_to_cart' | t }}" data-form-id="#add-to-cart-form">{% endcomment %}
            {% endif %}
            {% else %}
            <input type="submit" name="add" class="primary-button-second " {% if settings.enable_multilang %}data-translate="products.product.unavailable"{%endif%} id="product-add-to-cart" disabled value="{{ 'products.product.unavailable' | t }}" >
            {% endif %}
            {% render 'wishlist-product' %}
            {% comment %}
           <button data-btn-addToCart type="submit" name="add" class="primary-button-second add_to_cartfb" onclick="fbq('track', 'AddToCart');" {% if settings.enable_multilang %}data-translate="products.product.add_to_cart"{%endif%} id="product-add-to-cart" value="{{ 'products.product.add_to_cart' | t }}" data-form-id="#add-to-cart-form">BUY IT NOW</button>
           {% endcomment %}
          </div>
          {% endif %}
          {% endform %}
        {% if product.handle contains 'doctor-dreams-hybrid-pocket-spring-mattress' %}
     <div>
          <h6 class="related-products-new"> YOU MIGHT ALSO NEED </h6>
    </div>
        <div class="row you-might-also">
          <div class="col-sm-6 might-also-need">
            <div>
              <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/web_OPP_images-01.png?v=1634890659" alt="hybrid-combo">
            <p>Hybrid Pocket <br> Spring Mattress</p>
            <button data-btn-addToCart type="submit" name="add" class="primary-button-second add_to_cartfb" onclick="fbq('track', 'AddToCart');" {% if settings.enable_multilang %}data-translate="products.product.add_to_cart"{%endif%} id="product-add-to-cart" value="{{ 'products.product.add_to_cart' | t }}" data-form-id="#add-to-cart-form">Add to cart</button>
              </div>
            </div>
                   <div class="col-sm-6 might-also-need">
            <div>
              <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/web_OPP_images-06.png?v=1634890659" alt="hybrid-combo">
                <p>Combo <br> Mattress + Beds</p>
            <button data-btn-addToCart type="submit" name="add" class="primary-button-second add_to_cartfb" onclick="fbq('track', 'AddToCart');" {% if settings.enable_multilang %}data-translate="products.product.add_to_cart"{%endif%} id="product-add-to-cart" value="{{ 'products.product.add_to_cart' | t }}" data-form-id="#add-to-cart-form">Add to cart</button>
              </div>
            </div>
                    <div class="col-sm-6 might-also-need">
            <div>
              <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/BreadPillow-1200x825px-01.jpg?v=1635953280" alt="hybrid-combo" class="bread-pillow-pdp">
             <p>Bread <br> Pillow</p>
            <button data-btn-addToCart type="submit" name="add" class="primary-button-second add_to_cartfb" onclick="fbq('track', 'AddToCart');" {% if settings.enable_multilang %}data-translate="products.product.add_to_cart"{%endif%} id="product-add-to-cart" value="{{ 'products.product.add_to_cart' | t }}" data-form-id="#add-to-cart-form">Add to cart</button>
              </div>
            </div>
          </div>
                 {% endif %}
          {% if product.handle contains 'doctor-dreams-pcm-white-double-duvet' %}
      <div>
          <h6 class="related-products-new"> YOU MIGHT ALSO NEED </h6>
    </div>
        <div class="row you-might-also">
          <div class="col-sm-6 might-also-need">
            <div>
              <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/web_OPP_images-01.png?v=1634890659" alt="hybrid-combo">
            <p>Hybrid Pocket <br> Spring Mattress</p>
            <button data-btn-addToCart type="submit" name="add" class="primary-button-second add_to_cartfb" onclick="fbq('track', 'AddToCart');" {% if settings.enable_multilang %}data-translate="products.product.add_to_cart"{%endif%} id="product-add-to-cart" value="{{ 'products.product.add_to_cart' | t }}" data-form-id="#add-to-cart-form">Add to cart</button>
              </div>
            </div>
                   <div class="col-sm-6 might-also-need">
            <div>
              <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/web_OPP_images-06.png?v=1634890659" alt="hybrid-combo">
                <p>Combo <br> Mattress + Beds</p>
            <button data-btn-addToCart type="submit" name="add" class="primary-button-second add_to_cartfb" onclick="fbq('track', 'AddToCart');" {% if settings.enable_multilang %}data-translate="products.product.add_to_cart"{%endif%} id="product-add-to-cart" value="{{ 'products.product.add_to_cart' | t }}" data-form-id="#add-to-cart-form">Add to cart</button>
              </div>
            </div>
                    <div class="col-sm-6 might-also-need">
            <div>
              <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/BreadPillow-1200x825px-01.jpg?v=1635953280" alt="hybrid-combo" class="bread-pillow-pdp">
             <p>Bread <br> Pillow</p>
            <button data-btn-addToCart type="submit" name="add" class="primary-button-second add_to_cartfb" onclick="fbq('track', 'AddToCart');" {% if settings.enable_multilang %}data-translate="products.product.add_to_cart"{%endif%} id="product-add-to-cart" value="{{ 'products.product.add_to_cart' | t }}" data-form-id="#add-to-cart-form">Add to cart</button>
              </div>
            </div>
          </div>
                 {% endif %}
            {% if product.handle contains 'doctor-dream-lite-dual-comfort-mattress' %}
      <div>
          <h6 class="related-products-new"> YOU MIGHT ALSO NEED </h6>
    </div>
        <div class="row you-might-also">
          <div class="col-sm-6 might-also-need">
            <div>
              <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/web_OPP_images-01.png?v=1634890659" alt="hybrid-combo">
            <p>Hybrid Pocket <br> Spring Mattress</p>
            <button data-btn-addToCart type="submit" name="add" class="primary-button-second add_to_cartfb" onclick="fbq('track', 'AddToCart');" {% if settings.enable_multilang %}data-translate="products.product.add_to_cart"{%endif%} id="product-add-to-cart" value="{{ 'products.product.add_to_cart' | t }}" data-form-id="#add-to-cart-form">Add to cart</button>
              </div>
            </div>
                   <div class="col-sm-6 might-also-need">
            <div>
              <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/web_OPP_images-06.png?v=1634890659" alt="hybrid-combo">
                <p>Combo <br> Mattress + Beds</p>
            <button data-btn-addToCart type="submit" name="add" class="primary-button-second add_to_cartfb" onclick="fbq('track', 'AddToCart');" {% if settings.enable_multilang %}data-translate="products.product.add_to_cart"{%endif%} id="product-add-to-cart" value="{{ 'products.product.add_to_cart' | t }}" data-form-id="#add-to-cart-form">Add to cart</button>
              </div>
            </div>
                    <div class="col-sm-6 might-also-need">
            <div>
              <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/BreadPillow-1200x825px-01.jpg?v=1635953280" alt="hybrid-combo" class="bread-pillow-pdp">
             <p>Bread <br> Pillow</p>
            <button data-btn-addToCart type="submit" name="add" class="primary-button-second add_to_cartfb" onclick="fbq('track', 'AddToCart');" {% if settings.enable_multilang %}data-translate="products.product.add_to_cart"{%endif%} id="product-add-to-cart" value="{{ 'products.product.add_to_cart' | t }}" data-form-id="#add-to-cart-form">Add to cart</button>
              </div>
            </div>
          </div>
                 {% endif %}
           {% if product.handle contains 'doctor-dreams-weighted-blankets' %}
    <div>
          <h6 class="related-products-new"> YOU MIGHT ALSO NEED </h6>
    </div>
        <div class="row you-might-also">
          <div class="col-sm-6 might-also-need">
            <div>
              <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/web_OPP_images-01.png?v=1634890659" alt="hybrid-combo">
            <p>Hybrid Pocket <br> Spring Mattress</p>
            <button data-btn-addToCart type="submit" name="add" class="primary-button-second add_to_cartfb" onclick="fbq('track', 'AddToCart');" {% if settings.enable_multilang %}data-translate="products.product.add_to_cart"{%endif%} id="product-add-to-cart" value="{{ 'products.product.add_to_cart' | t }}" data-form-id="#add-to-cart-form">Add to cart</button>
              </div>
            </div>
                   <div class="col-sm-6 might-also-need">
            <div>
              <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/web_OPP_images-06.png?v=1634890659" alt="hybrid-combo">
                <p>Combo <br> Mattress + Beds</p>
            <button data-btn-addToCart type="submit" name="add" class="primary-button-second add_to_cartfb" onclick="fbq('track', 'AddToCart');" {% if settings.enable_multilang %}data-translate="products.product.add_to_cart"{%endif%} id="product-add-to-cart" value="{{ 'products.product.add_to_cart' | t }}" data-form-id="#add-to-cart-form">Add to cart</button>
              </div>
            </div>
                    <div class="col-sm-6 might-also-need">
            <div>
              <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/BreadPillow-1200x825px-01.jpg?v=1635953280" alt="hybrid-combo" class="bread-pillow-pdp">
             <p>Bread <br> Pillow</p>
            <button data-btn-addToCart type="submit" name="add" class="primary-button-second add_to_cartfb" onclick="fbq('track', 'AddToCart');" {% if settings.enable_multilang %}data-translate="products.product.add_to_cart"{%endif%} id="product-add-to-cart" value="{{ 'products.product.add_to_cart' | t }}" data-form-id="#add-to-cart-form">Add to cart</button>
              </div>
            </div>
          </div>
                 {% endif %}
          {% if product.handle contains 'doctor-dreams-max-cool-gel-orthopaedic-mattress' %}
     <div>
          <h6 class="related-products-new"> YOU MIGHT ALSO NEED </h6>
    </div>
        <div class="row you-might-also">
          <div class="col-sm-6 might-also-need">
            <div>
              <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/web_OPP_images-01.png?v=1634890659" alt="hybrid-combo">
            <p>Hybrid Pocket <br> Spring Mattress</p>
            <button data-btn-addToCart type="submit" name="add" class="primary-button-second add_to_cartfb" onclick="fbq('track', 'AddToCart');" {% if settings.enable_multilang %}data-translate="products.product.add_to_cart"{%endif%} id="product-add-to-cart" value="{{ 'products.product.add_to_cart' | t }}" data-form-id="#add-to-cart-form">Add to cart</button>
              </div>
            </div>
                   <div class="col-sm-6 might-also-need">
            <div>
              <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/web_OPP_images-06.png?v=1634890659" alt="hybrid-combo">
                <p>Combo <br> Mattress + Beds</p>
            <button data-btn-addToCart type="submit" name="add" class="primary-button-second add_to_cartfb" onclick="fbq('track', 'AddToCart');" {% if settings.enable_multilang %}data-translate="products.product.add_to_cart"{%endif%} id="product-add-to-cart" value="{{ 'products.product.add_to_cart' | t }}" data-form-id="#add-to-cart-form">Add to cart</button>
              </div>
            </div>
                    <div class="col-sm-6 might-also-need">
            <div>
              <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/BreadPillow-1200x825px-01.jpg?v=1635953280" alt="hybrid-combo" class="bread-pillow-pdp">
             <p>Bread <br> Pillow</p>
            <button data-btn-addToCart type="submit" name="add" class="primary-button-second add_to_cartfb" onclick="fbq('track', 'AddToCart');" {% if settings.enable_multilang %}data-translate="products.product.add_to_cart"{%endif%} id="product-add-to-cart" value="{{ 'products.product.add_to_cart' | t }}" data-form-id="#add-to-cart-form">Add to cart</button>
              </div>
            </div>
          </div>
                 {% endif %}
          {% if product.handle contains 'doctor-dreams-plus-orthopaedic-mattress' %}
     <div>
          <h6 class="related-products-new"> YOU MIGHT ALSO NEED </h6>
    </div>
        <div class="row you-might-also">
          <div class="col-sm-6 might-also-need">
            <div>
              <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/web_OPP_images-01.png?v=1634890659" alt="hybrid-combo">
            <p>Hybrid Pocket <br> Spring Mattress</p>
            <button data-btn-addToCart type="submit" name="add" class="primary-button-second add_to_cartfb" onclick="fbq('track', 'AddToCart');" {% if settings.enable_multilang %}data-translate="products.product.add_to_cart"{%endif%} id="product-add-to-cart" value="{{ 'products.product.add_to_cart' | t }}" data-form-id="#add-to-cart-form">Add to cart</button>
              </div>
            </div>
                   <div class="col-sm-6 might-also-need">
            <div>
              <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/web_OPP_images-06.png?v=1634890659" alt="hybrid-combo">
                <p>Combo <br> Mattress + Beds</p>
            <button data-btn-addToCart type="submit" name="add" class="primary-button-second add_to_cartfb" onclick="fbq('track', 'AddToCart');" {% if settings.enable_multilang %}data-translate="products.product.add_to_cart"{%endif%} id="product-add-to-cart" value="{{ 'products.product.add_to_cart' | t }}" data-form-id="#add-to-cart-form">Add to cart</button>
              </div>
            </div>
                    <div class="col-sm-6 might-also-need">
            <div>
              <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/BreadPillow-1200x825px-01.jpg?v=1635953280" alt="hybrid-combo" class="bread-pillow-pdp">
             <p>Bread <br> Pillow</p>
            <button data-btn-addToCart type="submit" name="add" class="primary-button-second add_to_cartfb" onclick="fbq('track', 'AddToCart');" {% if settings.enable_multilang %}data-translate="products.product.add_to_cart"{%endif%} id="product-add-to-cart" value="{{ 'products.product.add_to_cart' | t }}" data-form-id="#add-to-cart-form">Add to cart</button>
              </div>
            </div>
          </div>
                 {% endif %}
          {% if product.handle contains 'doctor-dreams-striker-metal-black-bed' or product.handle contains 'doctor-dreams-striker-metal-white-bed' %}
     <div>
          <h6 class="related-products-new"> YOU MIGHT ALSO NEED </h6>
    </div>
        <div class="row you-might-also">
          <div class="col-sm-6 might-also-need">
            <div>
              <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/web_OPP_images-01.png?v=1634890659" alt="hybrid-combo">
            <p>Hybrid Pocket <br> Spring Mattress</p>
            <button data-btn-addToCart type="submit" name="add" class="primary-button-second add_to_cartfb" onclick="fbq('track', 'AddToCart');" {% if settings.enable_multilang %}data-translate="products.product.add_to_cart"{%endif%} id="product-add-to-cart" value="{{ 'products.product.add_to_cart' | t }}" data-form-id="#add-to-cart-form">Add to cart</button>
              </div>
            </div>
                   <div class="col-sm-6 might-also-need">
            <div>
              <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/web_OPP_images-06.png?v=1634890659" alt="hybrid-combo">
                <p>Combo <br> Mattress + Beds</p>
            <button data-btn-addToCart type="submit" name="add" class="primary-button-second add_to_cartfb" onclick="fbq('track', 'AddToCart');" {% if settings.enable_multilang %}data-translate="products.product.add_to_cart"{%endif%} id="product-add-to-cart" value="{{ 'products.product.add_to_cart' | t }}" data-form-id="#add-to-cart-form">Add to cart</button>
              </div>
            </div>
                    <div class="col-sm-6 might-also-need">
            <div>
              <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/BreadPillow-1200x825px-01.jpg?v=1635953280" alt="hybrid-combo" class="bread-pillow-pdp">
             <p>Bread <br> Pillow</p>
            <button data-btn-addToCart type="submit" name="add" class="primary-button-second add_to_cartfb" onclick="fbq('track', 'AddToCart');" {% if settings.enable_multilang %}data-translate="products.product.add_to_cart"{%endif%} id="product-add-to-cart" value="{{ 'products.product.add_to_cart' | t }}" data-form-id="#add-to-cart-form">Add to cart</button>
              </div>
            </div>
          </div>
                 {% endif %}
          {% if product.handle contains 'doctor-dreams-bread-pillow' %}
         <div>
          <h6 class="related-products-new"> YOU MIGHT ALSO NEED </h6>
    </div>
        <div class="row you-might-also">
          <div class="col-sm-6 might-also-need">
            <div>
              <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/web_OPP_images-01.png?v=1634890659" alt="hybrid-combo">
            <p>Hybrid Pocket <br> Spring Mattress</p>
            <button data-btn-addToCart type="submit" name="add" class="primary-button-second add_to_cartfb" onclick="fbq('track', 'AddToCart');" {% if settings.enable_multilang %}data-translate="products.product.add_to_cart"{%endif%} id="product-add-to-cart" value="{{ 'products.product.add_to_cart' | t }}" data-form-id="#add-to-cart-form">Add to cart</button>
              </div>
            </div>
                   <div class="col-sm-6 might-also-need">
            <div>
              <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/web_OPP_images-06.png?v=1634890659" alt="hybrid-combo">
                <p>Combo <br> Mattress + Beds</p>
            <button data-btn-addToCart type="submit" name="add" class="primary-button-second add_to_cartfb" onclick="fbq('track', 'AddToCart');" {% if settings.enable_multilang %}data-translate="products.product.add_to_cart"{%endif%} id="product-add-to-cart" value="{{ 'products.product.add_to_cart' | t }}" data-form-id="#add-to-cart-form">Add to cart</button>
              </div>
            </div>
                    <div class="col-sm-6 might-also-need">
            <div>
              <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/BreadPillow-1200x825px-01.jpg?v=1635953280" alt="hybrid-combo" class="bread-pillow-pdp">
             <p>Bread <br> Pillow</p>
            <button data-btn-addToCart type="submit" name="add" class="primary-button-second add_to_cartfb" onclick="fbq('track', 'AddToCart');" {% if settings.enable_multilang %}data-translate="products.product.add_to_cart"{%endif%} id="product-add-to-cart" value="{{ 'products.product.add_to_cart' | t }}" data-form-id="#add-to-cart-form">Add to cart</button>
              </div>
            </div>
          </div>
                 {% endif %}
         {% if product.handle contains 'doctor-dreams-acacia-wooden-bed-mdodrroxwlkgbed' %}
        <div>
          <h6 class="related-products-new"> YOU MIGHT ALSO NEED </h6>
    </div>
        <div class="row you-might-also">
          <div class="col-sm-6 might-also-need">
            <div>
              <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/web_OPP_images-01.png?v=1634890659" alt="hybrid-combo">
            <p>Hybrid Pocket <br> Spring Mattress</p>
            <button data-btn-addToCart type="submit" name="add" class="primary-button-second add_to_cartfb" onclick="fbq('track', 'AddToCart');" {% if settings.enable_multilang %}data-translate="products.product.add_to_cart"{%endif%} id="product-add-to-cart" value="{{ 'products.product.add_to_cart' | t }}" data-form-id="#add-to-cart-form">Add to cart</button>
              </div>
            </div>
                   <div class="col-sm-6 might-also-need">
            <div>
              <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/web_OPP_images-06.png?v=1634890659" alt="hybrid-combo">
                <p>Combo <br> Mattress + Beds</p>
            <button data-btn-addToCart type="submit" name="add" class="primary-button-second add_to_cartfb" onclick="fbq('track', 'AddToCart');" {% if settings.enable_multilang %}data-translate="products.product.add_to_cart"{%endif%} id="product-add-to-cart" value="{{ 'products.product.add_to_cart' | t }}" data-form-id="#add-to-cart-form">Add to cart</button>
              </div>
            </div>
                    <div class="col-sm-6 might-also-need">
            <div>
              <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/BreadPillow-1200x825px-01.jpg?v=1635953280" alt="hybrid-combo" class="bread-pillow-pdp">
             <p>Bread <br> Pillow</p>
            <button data-btn-addToCart type="submit" name="add" class="primary-button-second add_to_cartfb" onclick="fbq('track', 'AddToCart');" {% if settings.enable_multilang %}data-translate="products.product.add_to_cart"{%endif%} id="product-add-to-cart" value="{{ 'products.product.add_to_cart' | t }}" data-form-id="#add-to-cart-form">Add to cart</button>
              </div>
            </div>
          </div>
                 {% endif %}
           {% if product.handle contains 'doctor-dreams-memory-foam-pillow' %}
         <div>
          <h6 class="related-products-new"> YOU MIGHT ALSO NEED </h6>
    </div>
        <div class="row you-might-also">
          <div class="col-sm-6 might-also-need">
            <div>
              <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/web_OPP_images-01.png?v=1634890659" alt="hybrid-combo">
            <p>Hybrid Pocket <br> Spring Mattress</p>
            <button data-btn-addToCart type="submit" name="add" class="primary-button-second add_to_cartfb" onclick="fbq('track', 'AddToCart');" {% if settings.enable_multilang %}data-translate="products.product.add_to_cart"{%endif%} id="product-add-to-cart" value="{{ 'products.product.add_to_cart' | t }}" data-form-id="#add-to-cart-form">Add to cart</button>
              </div>
            </div>
                   <div class="col-sm-6 might-also-need">
            <div>
              <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/web_OPP_images-06.png?v=1634890659" alt="hybrid-combo">
                <p>Combo <br> Mattress + Beds</p>
            <button data-btn-addToCart type="submit" name="add" class="primary-button-second add_to_cartfb" onclick="fbq('track', 'AddToCart');" {% if settings.enable_multilang %}data-translate="products.product.add_to_cart"{%endif%} id="product-add-to-cart" value="{{ 'products.product.add_to_cart' | t }}" data-form-id="#add-to-cart-form">Add to cart</button>
              </div>
            </div>
                    <div class="col-sm-6 might-also-need">
            <div>
              <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/BreadPillow-1200x825px-01.jpg?v=1635953280" alt="hybrid-combo" class="bread-pillow-pdp">
             <p>Bread <br> Pillow</p>
            <button data-btn-addToCart type="submit" name="add" class="primary-button-second add_to_cartfb" onclick="fbq('track', 'AddToCart');" {% if settings.enable_multilang %}data-translate="products.product.add_to_cart"{%endif%} id="product-add-to-cart" value="{{ 'products.product.add_to_cart' | t }}" data-form-id="#add-to-cart-form">Add to cart</button>
              </div>
            </div>
          </div>
                 {% endif %}
         {% if product.handle contains 'dr-dreams-shd-mem-foam-pillow-60-x-40cm-mdodrshrdmemfom' %}
        <div>
          <h6 class="related-products-new"> YOU MIGHT ALSO NEED </h6>
    </div>
        <div class="row you-might-also">
          <div class="col-sm-6 might-also-need">
            <div>
              <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/web_OPP_images-01.png?v=1634890659" alt="hybrid-combo">
            <p>Hybrid Pocket <br> Spring Mattress</p>
            <button data-btn-addToCart type="submit" name="add" class="primary-button-second add_to_cartfb" onclick="fbq('track', 'AddToCart');" {% if settings.enable_multilang %}data-translate="products.product.add_to_cart"{%endif%} id="product-add-to-cart" value="{{ 'products.product.add_to_cart' | t }}" data-form-id="#add-to-cart-form">Add to cart</button>
              </div>
            </div>
                   <div class="col-sm-6 might-also-need">
            <div>
              <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/web_OPP_images-06.png?v=1634890659" alt="hybrid-combo">
                <p>Combo <br> Mattress + Beds</p>
            <button data-btn-addToCart type="submit" name="add" class="primary-button-second add_to_cartfb" onclick="fbq('track', 'AddToCart');" {% if settings.enable_multilang %}data-translate="products.product.add_to_cart"{%endif%} id="product-add-to-cart" value="{{ 'products.product.add_to_cart' | t }}" data-form-id="#add-to-cart-form">Add to cart</button>
              </div>
            </div>
                    <div class="col-sm-6 might-also-need">
            <div>
              <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/BreadPillow-1200x825px-01.jpg?v=1635953280" alt="hybrid-combo" class="bread-pillow-pdp">
             <p>Bread <br> Pillow</p>
            <button data-btn-addToCart type="submit" name="add" class="primary-button-second add_to_cartfb" onclick="fbq('track', 'AddToCart');" {% if settings.enable_multilang %}data-translate="products.product.add_to_cart"{%endif%} id="product-add-to-cart" value="{{ 'products.product.add_to_cart' | t }}" data-form-id="#add-to-cart-form">Add to cart</button>
              </div>
            </div>
          </div>
                 {% endif %}
          {% if section.settings.dpl_customers_view %}
          <div id="customers_view" data-customer-view="{{ section.settings.number_view }}">
            <i class="fa fa-eye" aria-hidden="true"></i>
            <label>{{ section.settings.number_view | split: ',' | slice: 0 }}</label> {% render 'multilang' with section.settings.title_view %}
          </div>
          {% endif %}
          {% if section.settings.display_product_detail_tag %}
          <div class="tags">
            <strong class="icon-tags" {% if settings.enable_multilang %}data-translate="blogs.article.tags"{%endif%}>{{ 'blogs.article.tags' | t }}:</strong>
            {% for tag in product.tags %}
            <span class="separator">/</span>
            <a href="/collections/all/?constraint={{ tag | handle }}" rel="tag">
              {% if settings.enable_multilang %}
              <span class="lang1">{{ tag | split: '|' | first }}</span>
              <span class="lang2">{{ tag | split: '|' | last }}</span>
              {% else %}
              <span>{{ tag | split: '|' | first }}</span>
              {% endif %}
            </a>
            {% endfor %}
          </div>
          {% endif %}
          {% if section.settings.display_product_detail_share %}
          {% render 'share' with product %}
          {% endif %}
          {% if section.settings.display_trust_img and settings.img_trust != blank %}
          <div class="secure-shopping-guarantee">
            <img src="{{ settings.img_trust | img_url: '800x'  }}">
          </div>
          {% endif %}
          {% if section.settings.show_tab == 'vertical' %}
          {% render 'tab-vertical' %}
          {% endif %}
        </div>
      </div>
    </div>
    {% if section.settings.dpl_grouped_product %}
    {% render 'grouped-block-2' %}
    {% endif %}
    {% comment %}
    {% if section.settings.show_tab == 'horizontal' or section.settings.show_tab == 'horizontal_center' or section.settings.display_related_products or settings.enable_ask_an_expert %}
    <div class="product_bottom">
      {% if section.settings.show_tab == 'horizontal' or section.settings.show_tab == 'horizontal_center' %}
      {% render 'tab-horizontal' %}
      {% if settings.enable_ask_an_expert %}
      <div class="theme-ask" data-toggle="modal" data-target="#ask_an_expert">
        <h5 class="ask-an-expert-text">
          {% render 'multilang' with settings.ask_an_expert %}
        </h5>
      </div>
      {% endif %}
      {% endif %}
      {% if section.settings.display_related_products %}
      {% render 'related-products' %}
      {% endif %}
    </div>
    {% endif %}
    {% endcomment %}
  </div>
</div>
{% if product.handle contains 'doctor-dreams-hybrid-pocket-spring-mattress' %}
<div class="container pdp-web-banner-section">
<div class="row">
   <div class="col-md-6 pdp-web-banner-section-1">
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/web_banner-HS01.jpg?v=1637044674" alt="web-banner-hybrid">
     <p>Adjustable softness for satisfying sleep.</p>
  </div>
   <div class="col-md-6 pdp-web-banner-section-2">
     <p>The Hybrid Pocket Spring Mattress is a piece of affordable luxury that'll give you the soundest sleep of your life, every night. This multilayered mattress is a combination of soft foam, spring support system, and edge foam for added comfort.</p>
  </div>
</div>
</div>
{% endif %}
{% if product.handle contains 'doctor-dreams-acacia-wooden-bed-mdodrroxwlkgbed' %}
<div class="container pdp-web-banner-section">
<div class="row">
   <div class="col-md-6 pdp-web-banner-section-1">
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/web_banner-WB02.jpg?v=1635942090" alt="web-banner-hybrid">
     <p>Adjustable softness for satisfying sleep.</p>
  </div>
   <div class="col-md-6 pdp-web-banner-section-2">
     <p>The Acacia Wooden Bed is a luxurious piece of furniture that offers royal comfort. This solid wood bed is extremely sturdy and can easily bear weight of up to 300 kilograms. Its carpentry and honey brown tone brings in a lavish look to your bedroom.</p>
  </div>
</div>
</div>
{% endif %}
{% if product.handle contains 'doctor-dream-lite-dual-comfort-mattress' %}
<div class="container pdp-web-banner-section">
<div class="row">
   <div class="col-md-6 pdp-web-banner-section-1">
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/web_banner-lite-01.jpg?v=1635767263" alt="web-banner-hybrid">
     <p>Lite Dual Comfort Mattress for that sweet heavy sleep.</p>
  </div>
   <div class="col-md-6 pdp-web-banner-section-2">
     <p>Double your comfort level with the goodness of this triple-layered mattress. This is perfect for people who prefer versatile (soft/firm) resting surfaces. 
Here’s you chance to experience stress-free slumber at a more economical price.  
</p>
  </div>
</div>
</div>
{% endif %}
{% if product.handle contains 'doctor-dreams-plus-orthopaedic-mattress' %}
<div class="container pdp-web-banner-section">
<div class="row">
   <div class="col-md-6 pdp-web-banner-section-1">
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/web_banner-plus01.jpg?v=1635777109" alt="web-banner-hybrid">
     <p>Modern memory foam mattress for good ol’ fashioned sleep.</p>
  </div>
   <div class="col-md-6 pdp-web-banner-section-2">
     <p>Sleep never felt this good before.
We bring to you the best in sleep science to drastically enhance the quality of your slumber. The twin-layered Plus Orthopaedic Mattress is made by combining the latest memory foam technology for full-body comfort with a layer of PU Foam for additional support at the bottom. Its body moulding features and the fact that it doesn’t allow motion transfer for uninterrupted sleep makes it a must-have. 
</p>
  </div>
</div>
</div>
{% endif %}
{% if product.handle contains 'doctor-dreams-striker-metal-white-bed' or product.handle contains 'doctor-dreams-striker-metal-black-bed' %}
<div class="container pdp-web-banner-section">
<div class="row">
   <div class="col-md-6 pdp-web-banner-section-1">
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/web_banner-01_2.jpg?v=1637063380" alt="web-banner-hybrid">
     <p>Tough metal beds that give you the support you deserve.</p>
  </div>
   <div class="col-md-6 pdp-web-banner-section-2">
     <p>The Striker Metal Bed, which comes in both black and white variations, creates a safe space for you to lay on. It’s a reliable foundation that offers durable support to your mattress and your body. This metal frame bed can handle everything you throw at it. Its minimal design will seamlessly fit in with the bedroom look that you wish to curate.  
     </p>
  </div>
</div>
</div>
{% endif %}
{% if product.handle contains 'doctor-dreams-max-cool-gel-orthopaedic-mattress' %}
<div class="container pdp-web-banner-section">
<div class="row">
   <div class="col-md-6 pdp-web-banner-section-1">
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/web_banner-01_94e5684f-3552-4eeb-86b5-78d2ccb2db5d.jpg?v=1635762265" alt="web-banner-hybrid">
     <p>Triple-layered orthopaedic mattress for therapeutic sleep.</p>
  </div>
   <div class="col-md-6 pdp-web-banner-section-2">
     <p>A peaceful bedroom needs the perfect mattress. 
The Max Cool Gel Orthopaedic Mattress is designed with the right precision to provide pristine rest.
       The cool Green Gel Foam (top layer) + Memory Foam (middle layer) + Pure PU Foam (bottom layer) are a match made in heaven. 
Be it tossing turning partners, aches, or creating a cool environment - they address all issues to ensure a wholesome sleeping experience.
</p>
  </div>
</div>
</div>
{% endif %}
{% if product.handle contains 'doctor-dreams-weighted-blankets' %}
<div class="container pdp-web-banner-section">
<div class="row">
   <div class="col-md-6 pdp-web-banner-section-1">
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/product_discription_WB-01.jpg?v=1635926287" alt="web-banner-hybrid">
     <p>Get a blanket that wants to cuddle with you.</p>
  </div>
   <div class="col-md-6 pdp-web-banner-section-2">
     <p>When you wrap yourself with the Doctor Dreams Weighted Blanket, it recreates a sensation of being hugged. This is due to a combination of light filling, soft microfibre, and glass bead technology. Being embraced with this blanket calms your senses to induce a sensation of heightened relaxation. 
So, get the soundest sleep of your life by bringing home this weighted blanket. 
</p>
  </div>
</div>
</div>
{% endif %}
{% if product.handle contains 'doctor-dreams-bread-pillow' %}
<div class="container pdp-web-banner-section">
<div class="row">
   <div class="col-md-6 pdp-web-banner-section-1">
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/web_banner-03.jpg?v=1635493478" alt="web-banner-hybrid">
     <p>Squishy, dough-like softness for satisfying sleep.</p>
  </div>
   <div class="col-md-6 pdp-web-banner-section-2">
     <p>Meet the pillow that has been ‘Bread’ to provide better comfort. 
The Bread Pillow’s primary ingredient is the microfiber filling, which is scattered across 12 pockets on its surface. A removable layer and its ultra-smooth, hyper-absorbent cover creates a super cool surface for unmatched rest. 
</p>
  </div>
</div>
</div>
{% endif %}
{% if product.handle contains 'doctor-dreams-pcm-white-double-duvet' %}
<div class="container pdp-web-banner-section">
<div class="row">
   <div class="col-md-6 pdp-web-banner-section-1">
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/web_banner_D.jpg?v=1635922916" alt="web-banner-hybrid">
     <p>Create a cozy comfort zone with breathable Duvets.</p>
  </div>
   <div class="col-md-6 pdp-web-banner-section-2">
     <p>Tired of wrapping yourself in a cover that's sometimes too cold and other times too warm? Using PCM technology, we've created the perfect temperature regulating duvet that will give your body what it needs. This is your ideal all-season bedding as its microfibre creates a microclimate based on your body's requirement.
     </p>
  </div>
</div>
</div>
{% endif %}
{% if product.handle contains 'doctor-dreams-memory-foam-pillow' %}
<div class="container pdp-web-banner-section">
<div class="row">
   <div class="col-md-6 pdp-web-banner-section-1">
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/web_banner-01_4f7f4757-1747-49e0-8dec-cee75c744969.jpg?v=1635493478" alt="web-banner-hybrid">
     <p>Gift yourself good sleep with Memory Foam Pillows.</p>
  </div>
   <div class="col-md-6 pdp-web-banner-section-2">
     <p>When it comes to pillows, one size doesn’t fit all. 
This three-of-a-kind pillow comes in regular, slim, & contour sizes to give your neck + back personalized support.
And the memory foam cradles your head in a gentle manner to support all sleeping postures.
</p>
  </div>
</div>
</div>
{% endif %}
{% if product.handle contains 'dr-dreams-shd-mem-foam-pillow-60-x-40cm-mdodrshrdmemfom' %}
<div class="container pdp-web-banner-section">
<div class="row">
   <div class="col-md-6 pdp-web-banner-section-1">
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/web_banner-02.jpg?v=1635493478" alt="web-banner-hybrid">
     <p>Adjustable softness for satisfying sleep.</p>
  </div>
   <div class="col-md-6 pdp-web-banner-section-2">
     <p>When it comes to size and squishy factor; our Shredded Memory Foam Pillow is a highly adaptable sleep solution. It comes in a double zip cover that gives access to its inner fillings. So, based on the mood you’re in, you can resize it to fit your needs.
</p>
  </div>
</div>
</div>
{% endif %}
{% if product.handle contains 'doctor-dreams-hybrid-pocket-spring-mattress' or product.handle contains 'doctor-dreams-max-cool-gel-orthopaedic-mattress' or product.handle contains 'doctor-dream-lite-dual-comfort-mattress' or product.handle contains 'doctor-dreams-plus-orthopaedic-mattress' %}
<div id="shopify-section-1591784041641" class="shopify-section icon-with-text-sections">
<div class="icon-with-text " id="list-coll-1591784041641">
    <div class="container">
        <div class="row">
            
            <div class="col-12 text-center">
                <h2 class="main-title">
                    Doctor Dreams’s Promise
                </h2>
            </div>
            
            <div class="col-12">
                <div class="row">
                    

                    

                    <div class="col-6 col-md-3 col-lg-3 image-with-icon-box">
                        <div class="image-block">
                            
                            <div class="image-box"><img data-src="//cdn.shopify.com/s/files/1/0248/7766/2271/files/Group_102_600x_crop_center.png?v=1622635383" src="//cdn.shopify.com/s/files/1/0248/7766/2271/files/Group_102_600x_crop_center.png?v=1622635383" alt="Doctor Dreams" itemprop="logo" class="lazyautosizes lazyloaded" data-sizes="auto" sizes="130px">
                            </div>
                            
                            
                            
                            <div class="image-with-icon-content">
                                
                                    <h3 class="sub-title">Free Shipping</h3>
                                
                                
                            </div>
                            
                        </div>
                    </div>
                    

                    

                    <div class="col-6 col-md-3 col-lg-3 image-with-icon-box">
                        <div class="image-block">
                            
                            <div class="image-box"><img data-src="//cdn.shopify.com/s/files/1/0248/7766/2271/files/Group_104_600x_crop_center.png?v=1622635319" src="//cdn.shopify.com/s/files/1/0248/7766/2271/files/Group_104_600x_crop_center.png?v=1622635319" alt="Doctor Dreams" itemprop="logo" class="lazyautosizes lazyloaded" data-sizes="auto" sizes="70px">
                            </div>
                            
                            
                            
                            <div class="image-with-icon-content">
                                
                                    <h3 class="sub-title">Easy Unboxing</h3>
                                
                                
                            </div>
                            
                        </div>
                    </div>
                    

                    

                    <div class="col-6 col-md-3 col-lg-3 image-with-icon-box">
                        <div class="image-block">
                            
                            <div class="image-box"><img data-src="//cdn.shopify.com/s/files/1/0248/7766/2271/files/Group_159_600x_crop_center.png?v=1622635295" src="//cdn.shopify.com/s/files/1/0248/7766/2271/files/Group_159_600x_crop_center.png?v=1622635295" alt="Doctor Dreams" itemprop="logo" class="lazyautosizes lazyloaded" data-sizes="auto" sizes="121px">
                            </div>
                            
                            
                            
                            <div class="image-with-icon-content">
                                
                                    <h3 class="sub-title">100 Nights Free Trial</h3>
                                
                                
                            </div>
                            
                        </div>
                    </div>
                    

                    

                    <div class="col-6 col-md-3 col-lg-3 image-with-icon-box">
                        <div class="image-block">
                            
                            <div class="image-box"><img data-src="//cdn.shopify.com/s/files/1/0248/7766/2271/files/Group_97_600x_crop_center.png?v=1622635348" src="//cdn.shopify.com/s/files/1/0248/7766/2271/files/Group_97_600x_crop_center.png?v=1622635348" alt="Doctor Dreams" itemprop="logo" class="lazyautosizes lazyloaded" data-sizes="auto" sizes="118px">
                            </div>
                            
                            
                            
                            <div class="image-with-icon-content">
                                
                                    <h3 class="sub-title">10 Years Warranty</h3>
                                
                                
                            </div>
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
{% endif %}
{% if product.handle contains 'doctor-dreams-bread-pillow' or product.handle contains 'dr-dreams-shd-mem-foam-pillow-60-x-40cm-mdodrshrdmemfom' or product.handle contains 'doctor-dreams-memory-foam-pillow' or product.handle contains 'doctor-dreams-pcm-white-double-duvet' or product.handle contains 'doctor-dreams-weighted-blankets'  or product.handle contains 'doctor-dreams-striker-metal-white-bed' or product.handle contains 'doctor-dreams-striker-metal-black-bed' or product.handle contains 'doctor-dreams-acacia-wooden-bed-mdodrroxwlkgbed'   %}
<div id="shopify-section-1591784041641" class="shopify-section icon-with-text-sections">
<div class="icon-with-text " id="list-coll-1591784041641">
    <div class="container">
        <div class="row">
            
            <div class="col-12 text-center">
                <h2 class="main-title">
                    Doctor Dreams’s Promise
                </h2>
            </div>
            
            <div class="col-12">
                <div class="row">
                    
                    <div class="col-4 col-md-4 col-lg-4 image-with-icon-box">
                        <div class="image-block">
                            
                            <div class="image-box"><img data-src="//cdn.shopify.com/s/files/1/0248/7766/2271/files/Group_102_600x_crop_center.png?v=1622635383" src="//cdn.shopify.com/s/files/1/0248/7766/2271/files/Group_102_600x_crop_center.png?v=1622635383" alt="Doctor Dreams" itemprop="logo" class="lazyautosizes lazyloaded" data-sizes="auto" sizes="130px">
                            </div>
                               
                            <div class="image-with-icon-content">
                                
                                    <h3 class="sub-title">Free Shipping</h3>
                                
                                
                            </div>
                            
                        </div>
                    </div>
                    

                    

                    <div class="col-4 col-md-4 col-lg-4 image-with-icon-box">
                        <div class="image-block">
                            
                            <div class="image-box"><img data-src="//cdn.shopify.com/s/files/1/0248/7766/2271/files/Group_104_600x_crop_center.png?v=1622635319" src="//cdn.shopify.com/s/files/1/0248/7766/2271/files/Group_104_600x_crop_center.png?v=1622635319" alt="Doctor Dreams" itemprop="logo" class="lazyautosizes lazyloaded" data-sizes="auto" sizes="70px">
                            </div>
                            
                            
                            
                            <div class="image-with-icon-content">
                                
                                    <h3 class="sub-title">Easy Unboxing</h3>
                                
                                
                            </div>
                            
                        </div>
                    </div>
                    

                    <div class="col-4 col-md-4 col-lg-4 image-with-icon-box">
                        <div class="image-block">
                            
                            <div class="image-box"><img data-src="//cdn.shopify.com/s/files/1/0248/7766/2271/files/Group_196.png?v=1635230345" src="//cdn.shopify.com/s/files/1/0248/7766/2271/files/Group_196.png?v=1635230345" alt="Doctor Dreams" itemprop="logo" class="lazyautosizes lazyloaded" data-sizes="auto" sizes="118px">
                            </div>
                                 
                            <div class="image-with-icon-content">
                                
                                    <h3 class="sub-title">Happy Sleep</h3>
                                
                                
                            </div>
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
{% endif %}
{% if product.handle contains 'doctor-dreams-hybrid-pocket-spring-mattress' %}
<div class="d-flex layerDesc-block flex-column flex-md-row">
<div class="col-12 col-md-4 col-lg-4 col-xl-6 p-0">
<div class="imgLayeringWrap">
<div class="imgLayering" id="imglayr">
<div class="img-numLayering active" data-layer="layer-num-1">
<div class="layerImgWrap">
<img class="img-responsive alsoBuy-image vin-lazy-load img-fluid float-right layerImg" style="width:100%;height:auto;object-fit:cover;" data-src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/Top_cover_Layer.png?v=1639472688" alt="" src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/Top_cover_Layer.png?v=1639472688">
</div>
<div class="layerNum"><span>1</span></div>
</div>
<div class="img-numLayering" data-layer="layer-num-2">
<div class="layerImgWrap">
<img class="img-responsive alsoBuy-image vin-lazy-load img-fluid float-right layerImg" style="width:100%;height:auto;object-fit:cover;" data-src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/Top_Foam_Layer.png?v=1639472689" alt="" src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/Top_Foam_Layer.png?v=1639472689">
</div>
<div class="layerNum"><span>2</span></div>
</div>
<div class="img-numLayering" data-layer="layer-num-3">
<div class="layerImgWrap">
<img class="img-responsive alsoBuy-image vin-lazy-load img-fluid float-right layerImg" style="width:100%;height:auto;object-fit:cover;" data-src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/Top_cotton_flet_Layer.png?v=1639472688" alt="" src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/Top_cotton_flet_Layer.png?v=1639472688">
</div>
<div class="layerNum"><span>3</span></div>
</div>
<div class="img-numLayering" data-layer="layer-num-4">
<div class="layerImgWrap">
<img class="img-responsive alsoBuy-image vin-lazy-load img-fluid float-right layerImg" style="width:100%;height:auto;object-fit:cover;" data-src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/Spring_layer_Spring_Side_foam.png?v=1639544921" alt="" src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/Spring_layer_Spring_Side_foam.png?v=1639544921">
</div>
<div class="layerNum"><span>4</span></div>
</div>
<div class="img-numLayering" data-layer="layer-num-5">
<div class="layerImgWrap">
<img class="img-responsive alsoBuy-image vin-lazy-load img-fluid float-right layerImg" style="width:100%;height:auto;object-fit:cover;" data-src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/Bottom_cottn_flet.png?v=1639472688" alt="" src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/Bottom_cottn_flet.png?v=1639472688">
</div>
</div>
<div class="img-numLayering" data-layer="layer-num-5">
<div class="layerImgWrap">
<img class="img-responsive alsoBuy-image vin-lazy-load img-fluid float-right layerImg" style="width:100%;height:auto;object-fit:cover;" data-src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/Side_cover.png?v=1639472689" alt="" src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/Side_cover.png?v=1639472689">
</div>
<div class="layerNum"><span>5</span></div>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-8 col-lg-8 col-xl-5 d-flex justify-content-center flex-direction-column">
<div class="layerDescAccordianWrap" id="layerDescAccordianW">
<div class="layerDescAccordian active" data-layer="layer-num-1">
<h4 class="layerDescAccordian-head" data-layer="layer-num-1">
<span class="textLayerNum"></span>Plush Knitted Fabric
<i class="fa fa-caret-down"></i>
  <i class="fa fa-caret-up"></i>
</h4>
<div class="layerDescAccordian-body">
Natural fabric made of high-density GSM offers a sense of feathery softness and a soothing heat-absorbent surface</div>
</div>
<div class="layerDescAccordian" data-layer="layer-num-2">
<h4 class="layerDescAccordian-head" data-layer="layer-num-2">
<span class="textLayerNum"></span>Super Cosy Soft Foam
<i class="fa fa-caret-down"></i>
  <i class="fa fa-caret-up"></i>
</h4>
<div class="layerDescAccordian-body">
High-comfort soft foam stuffed on both sides of the mattress for a delightfully plush sensation and maximum support.
</div>
</div>
<div class="layerDescAccordian" data-layer="layer-num-3">
<h4 class="layerDescAccordian-head" data-layer="layer-num-3">
<span class="textLayerNum"></span>Airy Netted Cover
<i class="fa fa-caret-down"></i>
  <i class="fa fa-caret-up"></i>
</h4>
<div class="layerDescAccordian-body">
Exceptionally soft and breathable Banyan cover accentuated by premium netting making it look as beautiful as it feels.
  </div>
</div>
<div class="layerDescAccordian" data-layer="layer-num-4">
<h4 class="layerDescAccordian-head" data-layer="layer-num-4">
  <span class="textLayerNum"></span>Solid Pocket Springs
<i class="fa fa-caret-down"></i>
  <i class="fa fa-caret-up"></i>
</h4>
<div class="layerDescAccordian-body">
Supportive pocket springs smoothly absorb pressure, minimize the motion transfer effect while ensuring superior bounce.
  </div>
</div>
<div class="layerDescAccordian" data-layer="layer-num-5">
<h4 class="layerDescAccordian-head" data-layer="layer-num-5">
<span class="textLayerNum"></span>Sag-Free Side Walls
<i class="fa fa-caret-down"></i>
  <i class="fa fa-caret-up"></i>
</h4>
<div class="layerDescAccordian-body">
Protective sidewalls around the mattress resist sagging and crumbling, preserving the mattress's shape for years.
  </div>
</div>
</div>
</div>
</div>
{% endif %}
{% if product.handle contains 'doctor-dreams-hybrid-pocket-spring-mattress' %}
<div class="container product-description-pdp-section">
   <div class="row product-description-pdp">
  <div class="col-md-4">
   <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/product_discription-01.jpg?v=1635142845" alt="product-1" class="product-description-pdp"> 
    <div class="product-description-pdp-content">
      <h3>Highest number of pocket springs for peaceful rest.  </h3>
      <p>Its central layer is made up of hybrid pocket spring technology. Our mattress has the highest amount of pocket springs (per sq ft) for unrivaled comfort. Each area acts independently and provides individualized support to different parts of your body. </p>
    </div>
  </div>
  <div class="col-md-4">
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/product_discription-02.jpg?v=1635142845" alt="product-1" class="product-description-pdp"> 
    <div  class="product-description-pdp-content">
      <h3>Edge foam encasement provides support, prevents sagging.</h3>
      <p>Our engineers have given this mattress an extra layer of support against sagging. Extra foam has been added on the edges to give a stronger hold to its inner layers. So, we assure a top-notch resting space that’ll last for many, many nights. </p>
    </div>
  </div>
  <div class="col-md-4">
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/product_discription-03.jpg?v=1635142845" alt="product-1" class="product-description-pdp"> 
    <div  class="product-description-pdp-content">
      <h3>0% motion transfer for 100% complete sleep.</h3>
      <p>When you rest on this mattress, each pocket spring absorbs the impact individually. So, if you’re sleeping with someone who tosses and turns a lot, there’s no motion transfer. Never compromise on the quality of your sleep ever again. </p>
    </div>
  </div>
  </div>
</div>
{% endif %}
{% if product.handle contains 'doctor-dreams-acacia-wooden-bed-mdodrroxwlkgbed' %}
<div class="container product-description-pdp-section">
   <div class="row product-description-pdp">
  <div class="col-md-4">
   <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/product_discription-WB-01.jpg?v=1635942090" alt="product-1" class="product-description-pdp"> 
    <div class="product-description-pdp-content">
      <h3>Quality no one can compete with.</h3>
      <p>Made using the supremely tough acacia wood, it provides the strongest foundation for your sleep. Available in king and queen size, it offers more than enough space for your partner, your kids, & you. So, this is perfect for a family that sleeps together.    
      </p>
    </div>
  </div>
  <div class="col-md-4">
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/product_discription-WB-02.jpg?v=1635942090" alt="product-1" class="product-description-pdp"> 
    <div  class="product-description-pdp-content">
      <h3>Easy assembly so you can rest easy.</h3>
      <p>Our sleep specialists ensure maximum comfort every step of the way. After delivery, assembling this piece of art will take no more than 5 minutes. </p>
    </div>
  </div>
  <div class="col-md-4">
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/product_discription-WB-03.jpg?v=1635942090" alt="product-1" class="product-description-pdp"> 
    <div  class="product-description-pdp-content">
      <h3>State-of-the-art protection against termites.</h3>
      <p>While most wooden beds succumb to termites, fungus, borers - you can sleep without stress! Our wood is chemically treated and coated with primer/sealer for ultimate protection. It also has a melamine protective finish for long-lasting smoothness.     
      </p>
    </div>
  </div>
  </div>
</div>
{% endif %}
{% if product.handle contains 'doctor-dreams-plus-orthopaedic-mattress' %}
<div class="container product-description-pdp-section">
   <div class="row product-description-pdp">
  <div class="col-md-4">
   <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/product_discription-plus-01.jpg?v=1635777109" alt="product-1" class="product-description-pdp"> 
    <div class="product-description-pdp-content">
      <h3>Advanced memory foam tech for natural sleep.</h3>
      <p>To get the best rest, your body needs to achieve that perfect alignment while sleeping. Made with memory foam, the top layer of the Plus Orthopaedic Mattress will mould itself according to your body’s shape. This ensures that your spine, neck, and hips are in an optimal position with which easing into deep sleep is a breeze.  </p>
    </div>
  </div>
  <div class="col-md-4">
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/product_discription-plus-02.jpg?v=1635777109" alt="product-1" class="product-description-pdp"> 
    <div  class="product-description-pdp-content">
      <h3>This mattress stays in shape, always.</h3>
      <p>Memory foam combined with the support of Pure Pu foam ensures that your mattress retains its original shape after every night's rest. It will rebound back to its original form in no time. This ensures that your comfort-zone remains impeccable for a long, long time. Don't just take our word for it - test it out with our 100 Night Free Trail* and witness its greatness first-hand.</p>
    </div>
  </div>
  <div class="col-md-4">
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/product_discription-plus-03.jpg?v=1635777109" alt="product-1" class="product-description-pdp"> 
    <div  class="product-description-pdp-content">
      <h3>The 6” thick support you spine deserves. </h3>
      <p>Have you ever woken up with a nagging back ache? Or do you feel discontent with your sleep even after resting for long hours? Time to say farewell to that feeling! 
Wake up to pain-free + happy mornings with the Plus Orthopaedic Mattress, which sports a thickness of 6 inches. This ensures that your body sinks into a decent dept to help your back achieve the best sleeping posture.   
</p>
    </div>
  </div>
  </div>
</div>
{% endif %}
{% if product.handle contains 'doctor-dreams-striker-metal-black-bed' %}
<div class="container product-description-pdp-section">
   <div class="row product-description-pdp">
  <div class="col-md-4">
   <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/product_discription-01_1.jpg?v=1635937566" alt="product-1" class="product-description-pdp"> 
    <div class="product-description-pdp-content">
      <h3>No rust, only good rest.</h3>
      <p>Weary of buying a metal bed because you’re worried about rusting? Put all concerns to rest as the striker metal beds are completely anti-rust. Unlike wooden beds; this won't attract dust, mites, and fungus as well.  </p>
    </div>
  </div>
  <div class="col-md-4">
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/product_discription-02_1.jpg?v=1635937566" alt="product-1" class="product-description-pdp"> 
    <div  class="product-description-pdp-content">
      <h3>Simple design for easy assembly.</h3>
      <p>Ordering and assembling your new metal bed is easier than ever. 
Our engineers have ensured that little to no effort goes into putting this bed together. Simply place an order and get it delivered to your doorstep.   
</p>
    </div>
  </div>
  <div class="col-md-4">
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/product_discription-03_1.jpg?v=1635937566" alt="product-1" class="product-description-pdp"> 
    <div  class="product-description-pdp-content">
      <h3>Optimal weight management for heavy sleepers.</h3>
      <p>Entrust your body to this beds super-strong metal frame. It has the strength to support all body types and won’t creak, groan, or crack under pressure. It is constructed in a manner that allows for weight to be redistributed across a wide area. And the gaps on its surface encourages good airflow. 
      </p>
    </div>
  </div>
  </div>
</div>
{% endif %}
{% if product.handle contains 'doctor-dreams-striker-metal-white-bed' %}
<div class="container product-description-pdp-section">
   <div class="row product-description-pdp">
  <div class="col-md-4">
   <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/product_discription-01_b97c986e-1569-4b31-ae9b-4245f5efee76.jpg?v=1635937717" alt="product-1" class="product-description-pdp"> 
    <div class="product-description-pdp-content">
      <h3>No rust, only good rest.</h3>
      <p>Weary of buying a metal bed because you’re worried about rusting? Put all concerns to rest as the striker metal beds are completely anti-rust. Unlike wooden beds; this won't attract dust, mites, and fungus as well.  </p>
    </div>
  </div>
  <div class="col-md-4">
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/product_discription-02_26be1767-a9a0-4eb6-a672-7840991eac39.jpg?v=1635937717" alt="product-1" class="product-description-pdp"> 
    <div  class="product-description-pdp-content">
      <h3>Simple design for easy assembly.</h3>
      <p>Ordering and assembling your new metal bed is easier than ever. 
Our engineers have ensured that little to no effort goes into putting this bed together. Simply place an order and get it delivered to your doorstep.   
</p>
    </div>
  </div>
  <div class="col-md-4">
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/product_discription-03_935f0004-94f8-4b4f-b0e3-2f4372138e65.jpg?v=1635937717" alt="product-1" class="product-description-pdp"> 
    <div  class="product-description-pdp-content">
      <h3>Optimal weight management for heavy sleepers.</h3>
      <p>Entrust your body to this beds super-strong metal frame. It has the strength to support all body types and won’t creak, groan, or crack under pressure. It is constructed in a manner that allows for weight to be redistributed across a wide area. And the gaps on its surface encourages good airflow. 
      </p>
    </div>
  </div>
  </div>
</div>
{% endif %}
{% if product.handle contains 'doctor-dreams-weighted-blankets' %}
<div class="container product-description-pdp-section">
   <div class="row product-description-pdp">
  <div class="col-md-4">
   <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/product_discription_WIB-01.jpg?v=1637042928" alt="product-1" class="product-description-pdp"> 
    <div class="product-description-pdp-content">
      <h3>Cuddle up with comfort.</h3>
      <p>After a stressful day at work, you need to mentally and physically wind down in order to fall asleep. The weighted blanket provides deep pressure therapy to sooth your nervous system. Your sleep won’t just be good, it’ll be therapeutic as well. </p>
    </div>
  </div>
  <div class="col-md-4">
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/product_discription_WIB-02.jpg?v=1637042928" alt="product-1" class="product-description-pdp"> 
    <div  class="product-description-pdp-content">
      <h3>Calms your nerves to ease up anxiety.</h3>
      <p>Overthinking or pressure in personal/work-life can keep you up at night. The feeling of comfort created by this blanket constructs a safe space for you to sleep in. When you experience calming sleep, you can wake up feeling well-rested and fresh. </p>
    </div>
  </div>
  <div class="col-md-4">
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/product_discription_WIB-03.jpg?v=1637042928" alt="product-1" class="product-description-pdp"> 
    <div  class="product-description-pdp-content">
      <h3>Applies pressure therapy equally to all parts.</h3>
      <p>Our engineers have ensured that the fillings and glass beads are spread out over equidistant lengths. So, the blissful sensation isn’t concentrated to one spot and can be felt across your body. It also guarantees that this blanket is suitable for side and back sleeping positions.</p>
    </div>
  </div>
  </div>
</div>
{% endif %}
{% if product.handle contains 'doctor-dreams-pcm-white-double-duvet' %}
<div class="container product-description-pdp-section">
   <div class="row product-description-pdp">
  <div class="col-md-4">
   <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/product_discription_D-01.jpg?v=1635922099" alt="product-1" class="product-description-pdp"> 
    <div class="product-description-pdp-content">
      <h3>Create your own climate.</h3>
      <p>Temperature is one of the most important factors that determine the quality of your sleep. The materials used to design our duvets have properties through which it absorbs excess body heat or dispenses it based on the weather. 
So, shivering or sweating, none of these issues will take you out of your deep sleep ever again. 
</p>
    </div>
  </div>
  <div class="col-md-4">
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/product_discription_D-02.jpg?v=1635922099" alt="product-1" class="product-description-pdp"> 
    <div  class="product-description-pdp-content">
      <h3>A fabric that’s a breath of fresh air.</h3>
      <p>Developed using soft microfibre, these duvets promote decent airflow throughout your bed. Thus, you get the complete cover you need without feeling too congested.
So, no matter the season, we’ll ensures that you always wake up to a refreshing feeling. 
</p>
    </div>
  </div>
  <div class="col-md-4">
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/product_discription_D-03.jpg?v=1635922099" alt="product-1" class="product-description-pdp"> 
    <div  class="product-description-pdp-content">
      <h3>Wash away all worries.</h3>
      <p>Enjoy calming sleep without any concerns of cleanliness.
The materials used to make this Duvet aren’t just soft, but extremely durable too. So, to maintain its purity, you can simply machine wash it without any risk of damage.
Easy means of washing (this duvet) and an easier way of sleeping (for you) - we provide the best of both.
</p>
    </div>
  </div>
  </div>
</div>
{% endif %}
{% if product.handle contains 'doctor-dream-lite-dual-comfort-mattress' %}
<div class="container product-description-pdp-section">
   <div class="row product-description-pdp">
  <div class="col-md-4">
   <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/product_discription-lite-01.jpg?v=1635768373" alt="product-1" class="product-description-pdp"> 
    <div class="product-description-pdp-content">
      <h3>Soft or firm, choose a side.  </h3>
      <p>Thanks to its dual-sided feature, you can simply flip the mattress to change the nature of the surface you’re sleeping on. The squishy side is created thanks to the Super Soft foam while the Pure PU Foam offers an added layer of firm support. </p>
    </div>
  </div>
  <div class="col-md-4">
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/product_discription-lite-02.jpg?v=1635768373" alt="product-1" class="product-description-pdp"> 
    <div  class="product-description-pdp-content">
      <h3>Like resting on a cloud.</h3>
      <p>Cloaked in knitted fabric, this cover is incredibly smooth to touch. So, along with stress-free sleep on a sleek surface, you also get ultimate protection against dust and stains. For complete convenience, it is designed in a minimalistic manner to blend in with your bedroom’s decor.  </p>
    </div>
  </div>
  <div class="col-md-4">
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/product_discription-lite-03.jpg?v=1635768373" alt="product-1" class="product-description-pdp"> 
    <div  class="product-description-pdp-content">
      <h3>Pure Pu Foam for pure sleep.</h3>
      <p>Say goodnight to body pain.
Get the best support for you back, neck, and hips with Pure Pu Foam. It creates a foundation that ensures perfect alignment for your spine and joints.
It’s also a long-lasting investment as it is highly resistant to wear and tear. 
</p>
    </div>
  </div>
  </div>
</div>
{% endif %}
{% if product.handle contains 'doctor-dreams-max-cool-gel-orthopaedic-mattress' %}
<div class="container product-description-pdp-section">
   <div class="row product-description-pdp">
  <div class="col-md-4">
   <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/product_discription-max-01.jpg?v=1635763557" alt="product-1" class="product-description-pdp"> 
    <div class="product-description-pdp-content">
      <h3>Experience unforgettable sleep with Memory Foam.</h3>
      <p>When you rest atop the Max Cool Gel Orthopaedic Mattress, you experience the highest form of comfort. How? It’s primary component is memory foam, which takes the shape of your body to ensure ideal back support. This attribute also helps it adapts to your sleep position for overall maximum convenience. </p>
    </div>
  </div>
  <div class="col-md-4">
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/product_discription-max-02.jpg?v=1635763557" alt="product-1" class="product-description-pdp"> 
    <div  class="product-description-pdp-content">
      <h3>6”, 8”, or 10” - you’re spoilt for choices.</h3>
      <p>We know you love options, so we’ve given you a plethora of choices to choose from. 
A person with minimal requirements can go for 6”. But if you’re the type of sleeper who loves to alternate between a variety of postures; like side or back - a thicker mattress is what we would suggest. 
</p>
    </div>
  </div>
  <div class="col-md-4">
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/product_discription-max-03.jpg?v=1635763557" alt="product-1" class="product-description-pdp"> 
    <div  class="product-description-pdp-content">
      <h3>Pressure distribution for utmost orthopaedic comfort.</h3>
      <p>Our mattress helps you feel heightened mental and physical relaxation. 
For physical ease, it ensures equal weight distribution across the surface that you are laying on. So, stress won’t concentrate at any singular point.
For mental tranquility, its memory foam cuts out motion transfer. So, a partner’s tossing and turning won’t disturb you. 
</p>
    </div>
  </div>
  </div>
</div>
{% endif %}
{% if product.handle contains 'doctor-dreams-bread-pillow' %}
<div class="container product-description-pdp-section">
   <div class="row product-description-pdp">
  <div class="col-md-4">
   <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/Pillow_Pd-01.jpg?v=1635231048" alt="product-1" class="product-description-pdp"> 
    <div class="product-description-pdp-content">
      <h3>Made with breathable microfiber.</h3>
      <p>Bread Pillow promotes airflow & creates the right climate for the night. Along with a breezy area, microfiber filling also provides a surface your head can comfortably sink into.</p>
    </div>
  </div>
  <div class="col-md-4">
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/Pillow_Pd-02.jpg?v=1635231048" alt="product-1" class="product-description-pdp"> 
    <div  class="product-description-pdp-content">
      <h3>Plush support for the purest rest.</h3>
      <p>Our sleep experts have engineered the revolutionary softcell pockets. It gives you a subtle, gentle neck elevation that prevents pain and stiffness. Since the fillings are distributed into even pockets, your sleep feels even more soothing.</p>
    </div>
  </div>
  <div class="col-md-4">
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/Pillow_Pd-03.jpg?v=1635231048" alt="product-1" class="product-description-pdp"> 
    <div  class="product-description-pdp-content">
      <h3>Multiple layers that multiply your comfort-level.</h3>
      <p>Get a cozy head-rest with silk-soft cover, 12-pocket softcells, & microfiber stuffing. We’ve also integrated a detachable surface to improve airflow and promote cooling. The combination of these features will improve your over all sleep quality.</p>
    </div>
  </div>
  </div>
</div>
{% endif %}
{% if product.handle contains 'doctor-dreams-memory-foam-pillow' %}
<div class="container product-description-pdp-section">
   <div class="row product-description-pdp">
  <div class="col-md-4">
   <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/pillow_PD-16-01.jpg?v=1635348403" alt="product-1" class="product-description-pdp"> 
    <div class="product-description-pdp-content">
      <h3>Keep your cool. Literally. </h3>
      <p>Don’t let night sweats ruin your rest. 
Our Memory Foam Pillow is infused with cool gel technology to create the right climate for healthy sleep. 
Its ventilated cover also repels heat and moisture build up.
</p>
    </div>
  </div>
  <div class="col-md-4">
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/pillow_PD-16-02.jpg?v=1635348403" alt="product-1" class="product-description-pdp"> 
    <div  class="product-description-pdp-content">
      <h3>The gentle support your neck needs.</h3>
      <p>Everyone knows what it’s like to wake up with a stiff neck. That happens due to poor neck-spine alignment. But no more of that! Our pillows use memory foam, which has body moulding features. Your head will sink into its surface and find that sweet spot for your neck.   </p>
    </div>
  </div>
  <div class="col-md-4">
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/pillow_PD-16-03.jpg?v=1635348403" alt="product-1" class="product-description-pdp"> 
    <div  class="product-description-pdp-content">
      <h3>Pick a shape that suits you.</h3>
      <p>The Memory Foam Pillow comes in 3 variations - regular, slim, & contour.
Are you a back/side sleeper? Go for regular. Stomach sleepers will love the slim version. And if you occasionally prefer extra elevation, the contour will fulfill your needs. 
</p>
    </div>
  </div>
  </div>
</div>
{% endif %}
{% if product.handle contains 'dr-dreams-shd-mem-foam-pillow-60-x-40cm-mdodrshrdmemfom' %}
<div class="container product-description-pdp-section">
   <div class="row product-description-pdp">
  <div class="col-md-4">
   <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/pillow_PD-01_470a08c4-6aa2-4998-84f3-b83f80467a3e.jpg?v=1635349928" alt="product-1" class="product-description-pdp"> 
    <div class="product-description-pdp-content">
      <h3>Change its height to match your comfort.</h3>
      <p>Different sleep positions require different head elevation. Back sleepers need medium height, side-sleepers need extra height, & stomach sleepers need a slimmer option. Simply take out or add the inner fillings to get the height you desire.    
</p>
    </div>
  </div>
  <div class="col-md-4">
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/pillow_PD-02_eb911fdd-1b84-460d-b6ec-4487516c8a4c.jpg?v=1635349928" alt="product-1" class="product-description-pdp"> 
    <div  class="product-description-pdp-content">
      <h3>Get natural goodness with organic cotton cover. </h3>
      <p>Rest your head on the smoothness of pure cotton blend. This breathable fabric promotes airflow to create a ventilated surface. It’s also highly stretchable so you can achieve the thickness you need without any issues. </p>
    </div>
  </div>
  <div class="col-md-4">
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/pillow_PD-03_42fccdda-6a13-4211-9a53-7a7bda35c79b.jpg?v=1635349928" alt="product-1" class="product-description-pdp"> 
    <div  class="product-description-pdp-content">
      <h3>Shredded memory foam for shape management.</h3>
      <p>Thanks to the soft memory foam pieces in this pillow, you can change its shape and size depending on your mood. By simply adding or removing the stuffing and spreading out the pieces, you get the headrest of your dreams. </p>
    </div>
  </div>
  </div>
</div>
{% endif %}
{% if product.handle contains 'doctor-dreams-hybrid-pocket-spring-mattress' %}
<div class="container lifestyle-pdp-section">
   <div class="row">
  <div class="col-md-4">
   <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/lifestyle_banner-01.jpg?v=1635165652" alt="product-1" class="product-description-pdp"> 
    <div class="lifestyle-pdp-content">
      <h3>Highest number of pocket springs for peaceful rest.  </h3>
      </div>
  </div>
  <div class="col-md-4 mobile-view-lifestyle">
     <div  class="lifestyle-pdp-contents">
      <h3>Edge foam encasement provides support, prevents sagging.</h3>
       </div>
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/lifestyle_banner-02.jpg?v=1635165652" alt="product-1" class="product-description-pdp"> 
  </div>
  <div class="col-md-4">
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/lifestyle_banner-03.jpg?v=1635165652" alt="product-1" class="product-description-pdp"> 
    <div  class="lifestyle-pdp-content">
      <h3>0% motion transfer for 100% complete sleep.</h3>
       </div>
  </div>
  </div>
</div>
{% endif %}
{% if product.handle contains 'doctor-dreams-max-cool-gel-orthopaedic-mattress' %}
<div class="container lifestyle-pdp-section">
   <div class="row">
  <div class="col-md-4">
   <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/lifestyle_banner-01_8ae5e3d0-d9e0-4bec-8f53-984015867fdc.jpg?v=1635764001" alt="product-1" class="product-description-pdp"> 
    <div class="lifestyle-pdp-content">
      <h3>A cool bed leads to calming sleep.</h3>
      </div>
  </div>
  <div class="col-md-4 mobile-view-lifestyle">
     <div  class="lifestyle-pdp-contents">
      <h3>Sleep in the safest environment.</h3>
       </div>
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/lifestyle_banner-02_a9133278-4809-4c40-8713-6f59676ba888.jpg?v=1635764002" alt="product-1" class="product-description-pdp"> 
  </div>
  <div class="col-md-4">
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/lifestyle_banner-03_ab78bf71-0c4a-4b03-85a3-36834afb8196.jpg?v=1635764002" alt="product-1" class="product-description-pdp"> 
    <div  class="lifestyle-pdp-content">
      <h3>A side sleeper’s dream mattress.</h3>
       </div>
  </div>
  </div>
</div>
{% endif %}
{% if product.handle contains 'doctor-dreams-acacia-wooden-bed-mdodrroxwlkgbed' %}
<div class="container lifestyle-pdp-section">
   <div class="row">
  <div class="col-md-4">
   <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/lifestyle_banner-WB-01.jpg?v=1635942090" alt="product-1" class="product-description-pdp"> 
    <div class="lifestyle-pdp-content">
      <h3>Style and substance - a win-win in both regard.</h3>
      </div>
  </div>
  <div class="col-md-4 mobile-view-lifestyle">
     <div  class="lifestyle-pdp-contents">
      <h3>Smooth edges for complete safety.</h3>
       </div>
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/lifestyle_banner-WB-02.jpg?v=1635942090" alt="product-1" class="product-description-pdp"> 
  </div>
  <div class="col-md-4">
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/lifestyle_banner-WB-03.jpg?v=1635942090" alt="product-1" class="product-description-pdp"> 
    <div  class="lifestyle-pdp-content">
      <h3>Sleep-ready in just 5 minutes.</h3>
       </div>
  </div>
  </div>
</div>
{% endif %}
{% if product.handle contains 'doctor-dreams-weighted-blankets' %}
<div class="container lifestyle-pdp-section">
   <div class="row">
  <div class="col-md-4">
   <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/lifestyle_banner_WB-01.jpg?v=1635926447" alt="product-1" class="product-description-pdp"> 
    <div class="lifestyle-pdp-content">
      <h3>A cool bed leads to calming sleep.</h3>
      </div>
  </div>
  <div class="col-md-4 mobile-view-lifestyle">
     <div  class="lifestyle-pdp-contents">
      <h3>Sleep in the safest environment.</h3>
       </div>
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/lifestyle_banner_WB-02.jpg?v=1635926447" alt="product-1" class="product-description-pdp"> 
  </div>
  <div class="col-md-4">
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/lifestyle_banner_WB-03.jpg?v=1635926447" alt="product-1" class="product-description-pdp"> 
    <div  class="lifestyle-pdp-content">
      <h3>A side sleeper’s dream mattress.</h3>
       </div>
  </div>
  </div>
</div>
{% endif %}
{% if product.handle contains 'doctor-dreams-striker-metal-white-bed' or product.handle contains 'doctor-dreams-striker-metal-black-bed' %}
<div class="container lifestyle-pdp-section">
   <div class="row">
  <div class="col-md-4">
   <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/lifestyle_banner-01_2b087f3b-38e0-4165-abbe-cc39c2cafbde.jpg?v=1635938100" alt="product-1" class="product-description-pdp"> 
    <div class="lifestyle-pdp-content">
      <h3>Awesome sleep with some storage space.</h3>
      </div>
  </div>
  <div class="col-md-4 mobile-view-lifestyle">
     <div  class="lifestyle-pdp-contents">
      <h3>A simple design that looks stunning.</h3>
       </div>
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/lifestyle_banner-02_65ad6e10-cd8f-4bc1-b6ad-e6215487b4c4.jpg?v=1635938100" alt="product-1" class="product-description-pdp"> 
  </div>
  <div class="col-md-4">
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/lifestyle_banner-03_ccd4c3a6-b4aa-4c68-9f48-7c0ad7270c98.jpg?v=1635938100" alt="product-1" class="product-description-pdp"> 
    <div  class="lifestyle-pdp-content">
      <h3>Bring home the trust of Nilkamal.</h3>
       </div>
  </div>
  </div>
</div>
{% endif %}
{% if product.handle contains 'doctor-dreams-pcm-white-double-duvet' %}
<div class="container lifestyle-pdp-section">
   <div class="row">
  <div class="col-md-4">
   <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/lifestyle_banner_D-01.jpg?v=1635922990" alt="product-1" class="product-description-pdp"> 
    <div class="lifestyle-pdp-content">
      <h3>A cool bed leads to calming sleep.</h3>
      </div>
  </div>
  <div class="col-md-4 mobile-view-lifestyle">
     <div  class="lifestyle-pdp-contents">
      <h3>Sleep in the safest environment.</h3>
       </div>
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/lifestyle_banner_D-02.jpg?v=1635922990" alt="product-1" class="product-description-pdp"> 
  </div>
  <div class="col-md-4">
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/lifestyle_banner_D-03.jpg?v=1635922990" alt="product-1" class="product-description-pdp"> 
    <div  class="lifestyle-pdp-content">
      <h3>A side sleeper’s dream mattress.</h3>
       </div>
  </div>
  </div>
</div>
{% endif %}
{% if product.handle contains 'doctor-dream-lite-dual-comfort-mattress' %}
<div class="container lifestyle-pdp-section">
   <div class="row">
  <div class="col-md-4">
   <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/lifestyle_banner-lite-01.jpg?v=1635768350" alt="product-1" class="product-description-pdp"> 
    <div class="lifestyle-pdp-content">
      <h3>Goodness of both, soft & firm mattress - in one! </h3>
      </div>
  </div>
  <div class="col-md-4 mobile-view-lifestyle">
     <div  class="lifestyle-pdp-contents">
      <h3>Calming sleep delivered comfortably.</h3>
       </div>
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/lifestyle_banner-lite-02.jpg?v=1635768350" alt="product-1" class="product-description-pdp"> 
  </div>
  <div class="col-md-4">
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/lifestyle_banner-lite-03.jpg?v=1635768350" alt="product-1" class="product-description-pdp"> 
    <div  class="lifestyle-pdp-content">
      <h3>Creating a better bedroom is now budget-friendly.</h3>
       </div>
  </div>
  </div>
</div>
{% endif %}
{% if product.handle contains 'doctor-dreams-plus-orthopaedic-mattress' %}
<div class="container lifestyle-pdp-section">
   <div class="row">
  <div class="col-md-4">
   <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/lifestyle_banner-plus-01.jpg?v=1635777074" alt="product-1" class="product-description-pdp"> 
    <div class="lifestyle-pdp-content">
      <h3>Goodness of both, soft & firm mattress - in one! </h3>
      </div>
  </div>
  <div class="col-md-4 mobile-view-lifestyle">
     <div  class="lifestyle-pdp-contents">
      <h3>Calming sleep delivered comfortably.</h3>
       </div>
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/lifestyle_banner-plus-02.jpg?v=1635777074" alt="product-1" class="product-description-pdp"> 
  </div>
  <div class="col-md-4">
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/lifestyle_banner-plus-01.jpg?v=1635777074" alt="product-1" class="product-description-pdp"> 
    <div  class="lifestyle-pdp-content">
      <h3>Creating a better bedroom is now budget-friendly.</h3>
       </div>
  </div>
  </div>
</div>
{% endif %}
{% if product.handle contains 'doctor-dreams-bread-pillow' %}
<div class="container lifestyle-pdp-section">
   <div class="row">
  <div class="col-md-4">
   <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/lifestyle_-01.jpg?v=1635241479" alt="product-1" class="product-description-pdp"> 
    <div class="lifestyle-pdp-content">
      <h3>The coolest pillow ever!  </h3>
      </div>
  </div>
  <div class="col-md-4 mobile-view-lifestyle">
     <div  class="lifestyle-pdp-contents">
      <h3>Softness you ‘dough’ not want to miss.</h3>
       </div>
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/lifestyle_-02.jpg?v=1635241479" alt="product-1" class="product-description-pdp"> 
  </div>
  <div class="col-md-4">
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/lifestyle_-03.jpg?v=1635241479" alt="product-1" class="product-description-pdp"> 
    <div  class="lifestyle-pdp-content">
      <h3>Pain-free sleep for happy mornings.</h3>
       </div>
  </div>
  </div>
</div>
{% endif %}
{% if product.handle contains 'doctor-dreams-memory-foam-pillow' %}
<div class="container lifestyle-pdp-section">
   <div class="row">
  <div class="col-md-4">
   <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/lifestyle-01.jpg?v=1635348612" alt="product-1" class="product-description-pdp"> 
    <div class="lifestyle-pdp-content">
      <h3>Fix your sleeping posture.</h3>
      </div>
  </div>
  <div class="col-md-4 mobile-view-lifestyle">
     <div  class="lifestyle-pdp-contents">
      <h3>Cloud-like comfort comes in 3 shapes.</h3>
       </div>
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/lifestyle-02.jpg?v=1635348612" alt="product-1" class="product-description-pdp"> 
  </div>
  <div class="col-md-4">
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/lifestyle-03.jpg?v=1635348612" alt="product-1" class="product-description-pdp"> 
    <div  class="lifestyle-pdp-content">
      <h3>Your neck never felt this good.</h3>
       </div>
  </div>
  </div>
</div>
{% endif %}
{% if product.handle contains 'dr-dreams-shd-mem-foam-pillow-60-x-40cm-mdodrshrdmemfom' %}
<div class="container lifestyle-pdp-section">
   <div class="row">
  <div class="col-md-4">
   <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/lifestyle-01_c9154a46-ea87-42b2-8fa8-66efcbb25a44.jpg?v=1635350469" alt="product-1" class="product-description-pdp"> 
    <div class="lifestyle-pdp-content">
      <h3>Softness your sleep craves.</h3>
      </div>
  </div>
  <div class="col-md-4 mobile-view-lifestyle">
     <div  class="lifestyle-pdp-contents">
      <h3>No wastage. Only pure softness.</h3>
       </div>
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/lifestyle-02_512063f2-19aa-4dd1-9594-3d7a8a475b9d.jpg?v=1635350469" alt="product-1" class="product-description-pdp"> 
  </div>
  <div class="col-md-4">
     <img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/lifestyle-03_3d59dd0a-c301-42f6-be87-1ec789058c69.jpg?v=1635350469" alt="product-1" class="product-description-pdp"> 
    <div  class="lifestyle-pdp-content">
      <h3>Say hello to your new cuddle buddy.</h3>
       </div>
  </div>
  </div>
</div>
{% endif %}
<div class="product-description-block">
  <div class="container">
        <h3 class="product-content-title">Product Description</h3>
    <div class="row">
     
      <div class="col-12 col-md-12">
        {% if settings.enable_multilang and des contains '[lang2]' %}
        <div class="lang1">
          {{ des | split: '[lang2]' | first }}
        </div>
        <div class="lang2">
          {{ des | split: '[lang2]' | last }}
        </div>
        {% else %}
        <div>
          {{ des | split: '[lang2]' | first }}
        </div>
        {% endif %}
      </div>
    </div>
  </div>
</div>

{{ 'option_selection.js' | shopify_asset_url | script_tag }}
{% unless product == empty %}

<!-- Zest Money Script -->

<script type="text/javascript">
  var zestMoneyWidgetElement=document.getElementById ('zestmoney-widget-container');
  var zestmoneyWidgetTrigger=document.getElementById ('zestmoney-widget-trigger');
  zestmoneyWidgetTrigger.innerHTML = " Click Here" ; // Text to open the widget
  var zestMoneyWidget = new ZestMoneyWidget (zestMoneyWidgetElement,{
    merchantId:'6a6d7af0-d825-4820-9d45-1d8839d0f899',
    environment:'production', // either 'staging' OR 'production'
    basketAmount:{{ product.variants[0].price | divided_by: 100 }}, // Product price in Rs.
    downpaymentAmount:null, // Downpayment amount, if any
    widgetType:'product',
    paymentGatewayId:'df430858-087f-4cbe-aabd-9a92d9c6ba3a',
    merchantCustomerId:'{}', // optional parameter
    returnUrl:'{ReturnUrl}', // optional parameter, for eg. https://google.com
    email:'{Email}', // optional parameter, for eg. test@test.com
    mobile:'{Mobile}' // optional parameter, for eg. 9000000000
  });  
  zestmoneyWidgetTrigger.onclick = function(){
  zestMoneyWidget.open();
  };
 
</script>

<!-- Zest Money Script -->

<script>
  
  $(document).ready(function(){
    $('#product_regular_price').change(function(){
      var price = $(this).val();
      // $('.3-emi b').html(Shopify.formatMoney(price/3, window.money_format).replace('Rs.','&#8377;'));$('.6-emi b').html(Shopify.formatMoney(price/6, window.money_format).replace('Rs.','&#8377;'));$('.9-emi b').html(Shopify.formatMoney(price/9, window.money_format).replace('Rs.','&#8377;'));$('.12-emi b').html(Shopify.formatMoney(price/12, window.money_format).replace('Rs.','&#8377;'));$('.18-emi b').html(Shopify.formatMoney(price/18, window.money_format).replace('Rs.','&#8377;'));$('.24-emi b').html(Shopify.formatMoney(price/24, window.money_format).replace('Rs.','&#8377;'));
      // var interest_rate = $('.3-emi, .6-emi, .9-emi, .12-emi, .18-emi, .24-emi').next().find('span').text();
      // console.log(interest_rate);

      // switch (interest_rate) {
      //   case '(12%)':
      //   var par_sib = $(this).parent().siblings();
      //   var sib = $(this).siblings('b');
      //   if (par_sib.hasClass('3-emi'))
      //     sib.html(Shopify.formatMoney(((price/3)*12)/100, window.money_format).replace('Rs.','&#8377;'));
      //   if (par_sib.hasClass('6-emi')) 
      //     sib.html(Shopify.formatMoney(((price/6)*12)/100, window.money_format).replace('Rs.','&#8377;'));
      //   if (par_sib.hasClass('9-emi')) 
      //     sib.html(Shopify.formatMoney(((price/9)*12)/100, window.money_format).replace('Rs.','&#8377;'));
      //   if (par_sib.hasClass('12-emi')) 
      //     sib.html(Shopify.formatMoney(((price/12)*12)/100, window.money_format).replace('Rs.','&#8377;'));
      //   if (par_sib.hasClass('18-emi')) 
      //     sib.html(Shopify.formatMoney(((price/18)*12)/100, window.money_format).replace('Rs.','&#8377;'));
      //   if (par_sib.hasClass('24-emi'))
      //     sib.html(Shopify.formatMoney(((price/24)*12)/100, window.money_format).replace('Rs.','&#8377;'));
      //     break;
      //   case '(12.50%)':
      //     break;
      //   case '(12.99%)':
      //     break;
      //   case '(13%)':
      //     break;
      //   case '(13.50%)':
      //     break;
      //   case '(13.99%)':
      //     break;
      //   case '(14%)':
      //     break;
      //   case '(14.99%)':
      //     break;
      //   case '(15%)':
      //     break;
      //   default:
      //     break;
      // }
      
      $(".citi .3-emi span").html(Shopify.formatMoney(((price))/3, window.money_format).replace('Rs.','&#8377;')); $(".citi .6-emi span").html(Shopify.formatMoney(((price))/6, window.money_format).replace('Rs.','&#8377;'));$(".citi .9-emi span").html(Shopify.formatMoney(((price*115)/100)/9, window.money_format).replace('Rs.','&#8377;'));$(".citi .12-emi span").html(Shopify.formatMoney(((price*115)/100)/12, window.money_format).replace('Rs.','&#8377;'));$(".citi .18-emi span").html(Shopify.formatMoney(((price*115)/100)/18, window.money_format).replace('Rs.','&#8377;'));$(".citi .24-emi span").html(Shopify.formatMoney(((price*115)/100)/24, window.money_format).replace('Rs.','&#8377;'));
      $(".amex .3-emi span").html(Shopify.formatMoney(((price))/3, window.money_format).replace('Rs.','&#8377;')); $(".amex .6-emi span").html(Shopify.formatMoney(((price))/6, window.money_format).replace('Rs.','&#8377;'));$(".amex .9-emi span").html(Shopify.formatMoney(((price*114)/100)/9, window.money_format).replace('Rs.','&#8377;'));$(".amex .12-emi span").html(Shopify.formatMoney(((price*114)/100)/12, window.money_format).replace('Rs.','&#8377;'));$(".amex .18-emi span").html(Shopify.formatMoney(((price*114)/100)/18, window.money_format).replace('Rs.','&#8377;'));$(".amex .24-emi span").html(Shopify.formatMoney(((price*114)/100)/24, window.money_format).replace('Rs.','&#8377;'));
      $(".hdfc .3-emi span").html(Shopify.formatMoney(((price))/3, window.money_format).replace('Rs.','&#8377;')); $(".hdfc .6-emi span").html(Shopify.formatMoney(((price))/6, window.money_format).replace('Rs.','&#8377;'));$(".hdfc .9-emi span").html(Shopify.formatMoney(((price*115)/100)/9, window.money_format).replace('Rs.','&#8377;'));$(".hdfc .12-emi span").html(Shopify.formatMoney(((price*115)/100)/12, window.money_format).replace('Rs.','&#8377;'));$(".hdfc .18-emi span").html(Shopify.formatMoney(((price*115)/100)/18, window.money_format).replace('Rs.','&#8377;'));$(".hdfc .24-emi span").html(Shopify.formatMoney(((price*115)/100)/24, window.money_format).replace('Rs.','&#8377;'));
      $(".axis .3-emi span").html(Shopify.formatMoney(((price))/3, window.money_format).replace('Rs.','&#8377;')); $(".axis .6-emi span").html(Shopify.formatMoney(((price))/6, window.money_format).replace('Rs.','&#8377;'));$(".axis .9-emi span").html(Shopify.formatMoney(((price*114)/100)/9, window.money_format).replace('Rs.','&#8377;'));$(".axis .12-emi span").html(Shopify.formatMoney(((price*114)/100)/12, window.money_format).replace('Rs.','&#8377;'));$(".axis .18-emi span").html(Shopify.formatMoney(((price*115)/100)/18, window.money_format).replace('Rs.','&#8377;'));$(".axis .24-emi span").html(Shopify.formatMoney(((price*115)/100)/24, window.money_format).replace('Rs.','&#8377;'));
      $(".kotak .3-emi span").html(Shopify.formatMoney(((price))/3, window.money_format).replace('Rs.','&#8377;')); $(".kotak .6-emi span").html(Shopify.formatMoney(((price))/6, window.money_format).replace('Rs.','&#8377;'));$(".kotak .9-emi span").html(Shopify.formatMoney(((price*114)/100)/9, window.money_format).replace('Rs.','&#8377;'));$(".kotak .12-emi span").html(Shopify.formatMoney(((price*114)/100)/12, window.money_format).replace('Rs.','&#8377;'));$(".kotak .18-emi span").html(Shopify.formatMoney(((price*115)/100)/18, window.money_format).replace('Rs.','&#8377;'));$(".kotak .24-emi span").html(Shopify.formatMoney(((price*115)/100)/24, window.money_format).replace('Rs.','&#8377;'));
      $(".icici .3-emi span").html(Shopify.formatMoney(((price))/3, window.money_format).replace('Rs.','&#8377;')); $(".icici .6-emi span").html(Shopify.formatMoney(((price))/6, window.money_format).replace('Rs.','&#8377;'));$(".icici .9-emi span").html(Shopify.formatMoney(((price*114)/100)/9, window.money_format).replace('Rs.','&#8377;'));$(".icici .12-emi span").html(Shopify.formatMoney(((price*114)/100)/12, window.money_format).replace('Rs.','&#8377;'));$(".icici .18-emi span").html(Shopify.formatMoney(((price*115)/100)/18, window.money_format).replace('Rs.','&#8377;'));$(".icici .24-emi span").html(Shopify.formatMoney(((price*115)/100)/24, window.money_format).replace('Rs.','&#8377;'));
      $(".indusind .3-emi span").html(Shopify.formatMoney(((price))/3, window.money_format).replace('Rs.','&#8377;')); $(".indusind .6-emi span").html(Shopify.formatMoney(((price))/6, window.money_format).replace('Rs.','&#8377;'));$(".indusind .9-emi span").html(Shopify.formatMoney(((price*113)/100)/9, window.money_format).replace('Rs.','&#8377;'));$(".indusind .12-emi span").html(Shopify.formatMoney(((price*112)/100)/12, window.money_format).replace('Rs.','&#8377;'));$(".indusind .18-emi span").html(Shopify.formatMoney(((price*112)/100)/18, window.money_format).replace('Rs.','&#8377;'));$(".indusind .24-emi span, .emi-text span:first-child").html(Shopify.formatMoney(((price))/6, window.money_format).replace('Rs.','&#8377;'));
      $(".rbl .3-emi span").html(Shopify.formatMoney(((price))/3, window.money_format).replace('Rs.','&#8377;')); $(".rbl .6-emi span").html(Shopify.formatMoney(((price))/6, window.money_format).replace('Rs.','&#8377;'));$(".rbl .9-emi span").html(Shopify.formatMoney(((price*115)/100)/9, window.money_format).replace('Rs.','&#8377;'));$(".rbl .12-emi span").html(Shopify.formatMoney(((price*115)/100)/12, window.money_format).replace('Rs.','&#8377;'));$(".rbl .18-emi span").html(Shopify.formatMoney(((price*115)/100)/18, window.money_format).replace('Rs.','&#8377;'));$(".rbl .24-emi span").html(Shopify.formatMoney(((price*115)/100)/24, window.money_format).replace('Rs.','&#8377;'));
      $(".stanc .3-emi span").html(Shopify.formatMoney(((price))/3, window.money_format).replace('Rs.','&#8377;')); $(".stanc .6-emi span").html(Shopify.formatMoney(((price))/6, window.money_format).replace('Rs.','&#8377;'));$(".stanc .9-emi span").html(Shopify.formatMoney(((price*114)/100)/9, window.money_format).replace('Rs.','&#8377;'));$(".stanc .12-emi span").html(Shopify.formatMoney(((price*114)/100)/12, window.money_format).replace('Rs.','&#8377;'));
      $(".yes .3-emi span").html(Shopify.formatMoney(((price))/3, window.money_format).replace('Rs.','&#8377;')); $(".yes .6-emi span").html(Shopify.formatMoney(((price))/6, window.money_format).replace('Rs.','&#8377;'));$(".yes .9-emi span").html(Shopify.formatMoney(((price*114)/100)/9, window.money_format).replace('Rs.','&#8377;'));$(".yes .12-emi span").html(Shopify.formatMoney(((price*114)/100)/12, window.money_format).replace('Rs.','&#8377;'));$(".yes .18-emi span").html(Shopify.formatMoney(((price*115)/100)/18, window.money_format).replace('Rs.','&#8377;'));$(".yes .24-emi span").html(Shopify.formatMoney(((price*115)/100)/24, window.money_format).replace('Rs.','&#8377;'));
      $(".bob .3-emi span").html(Shopify.formatMoney(((price))/3, window.money_format).replace('Rs.','&#8377;')); $(".bob .6-emi span").html(Shopify.formatMoney(((price))/6, window.money_format).replace('Rs.','&#8377;'));$(".bob .9-emi span").html(Shopify.formatMoney(((price*113)/100)/9, window.money_format).replace('Rs.','&#8377;'));$(".bob .12-emi span").html(Shopify.formatMoney(((price*113)/100)/12, window.money_format).replace('Rs.','&#8377;'));$(".bob .18-emi span").html(Shopify.formatMoney(((price*115)/100)/18, window.money_format).replace('Rs.','&#8377;'));$(".bob .24-emi span").html(Shopify.formatMoney(((price*115)/100)/24, window.money_format).replace('Rs.','&#8377;'));
    });
  });
  
  
  var buttonSlt = '[data-minus-qtt], [data-plus-qtt]',
      buttonElm = $(buttonSlt);

  $(document).on('click', buttonSlt, function(e) {
    e.preventDefault();
    e.stopPropagation();

    var self = $(this),
        input = $('.quantity input[name="quantity"]'),
        oldVal = parseInt(input.val()),
        newVal = 1;

    switch (true) {
      case (self.hasClass('plus')): {
        newVal = oldVal + 1;
        break;
      }
      case (self.hasClass('minus') && oldVal > 1): {
        newVal = oldVal - 1;
        break;
      }
    }

    input.val(newVal).trigger('change');


  });
  {% if section.settings.display_subtotal and product.available %}
  $('[data-qtt-id]').on('change', updatePricing);



  function updatePricing() {
    var quantity = parseInt($('[data-qtt-id]').val());
    var p = $('.product #product_regular_price').val();
    var totalPrice1 = p * quantity;
    var g = Shopify.formatMoney(totalPrice1, window.money_format);
    $('.product .total-price span').html(g);

    {% if settings.enable_multiple_currencies %}
    Currency.convertAll(window.shop_currency, $('#currencies .active').attr('data-currency'), 'span.money', 'money_format');
    {% else %}
    {% if settings.enable_auto_currency %}
    Currency.convertAll(window.shop_currency, $('#currencies .active').attr('data-currency'), 'span.money', 'money_format');
    {% endif %}
    {% endif %}

  };
  {% endif %}

  var inven_array = {
    {% for variant in product.variants %}
    "{{variant.id}}":"{{variant.inventory_quantity}}",
    {%endfor%}
  };
  var inven_num = '';

  var selectCallback = function(variant, selector) {
    var addToCartBtn = $('#product-add-to-cart'),
        productPrice = $('.product .price'),
        comparePrice = $('.product .compare-price'),
        productInventory = $('.product-inventory'),
        productSku = $('.product .sku-product'),
        labelSave = $('.product .sale-label'),
        specialPrice = $('.product .special-price'),
        specialPriceHybrid = $('.product .special-price-hybrid'),
        fixfooterprice = $('.product .fix-footer-price');
    if(variant) {
      // addToCartbtn
      if (variant.available) {
        if (variant.inventory_management!=null) {
          for( variant_id in inven_array){
            if(variant.id == variant_id ){
              inven_num = inven_array[variant_id];
              var inventoryQuantity = parseInt(inven_num);
            }
            if(inventoryQuantity > 0){
              // We have a valid product variant, so enable the submit button
              addToCartBtn.removeClass('disabled').removeAttr('disabled').val(window.inventory_text.add_to_cart);
              $('.groups-btn').removeClass('remove');
            }else{
              addToCartBtn.removeClass('disabled').removeAttr('disabled').val(window.inventory_text.pre_order);
              $('.groups-btn').addClass('remove');
            }
          }
        } else {
          addToCartBtn.removeClass('disabled').removeAttr('disabled').val(window.inventory_text.add_to_cart);
        }
      }
      else {
        addToCartBtn.val(window.inventory_text.sold_out).addClass('disabled').attr('disabled', 'disabled');
      };

      // Prices
      $('.product #product_regular_price').val(variant.price).trigger('change');
      productPrice.html(Shopify.formatMoney(variant.price * 0.85, "{{ shop.money_format }}"));

                                            if(variant.compare_at_price > variant.price) {
                        productPrice.addClass("on-sale");
      comparePrice
      .html(Shopify.formatMoney(variant.compare_at_price, "MRP. {{ shop.money_format }}"))
                                .show();
           specialPrice.html(Shopify.formatMoney(variant.price, " {{ shop.money_format }}"))
                                .show();  
      specialPriceHybrid.html(Shopify.formatMoney(variant.price * 1.25, " {{ shop.money_format }}"))
                                .show();
      fixfooterprice.html(Shopify.formatMoney(variant.price, "Special Price. {{ shop.money_format }}"))
                                .show();
            {% unless settings.type_label_sale == 'label_sale' %}
              labelSave.html('You save '+Shopify.formatMoney(variant.compare_at_price - variant.price).replace('$','Rs ').replace('.00','') +  ' ('+ Math.floor((variant.compare_at_price - variant.price) * 100 / variant.compare_at_price) + '%)')
                                .show();
                                       
           {% endunless %}
    }
    else {
      comparePrice.hide();
      productPrice.removeClass("on-sale");
      {% unless settings.type_label_sale == 'label_sale' %}
      labelSave.hide();
      {% endunless %}
    };

    {% if section.settings.display_subtotal and product.available %}
    updatePricing();
    {% endif %}

    {% if settings.enable_multiple_currencies %}
    Currency.convertAll(window.shop_currency, $('#currencies .active').attr('data-currency'), 'span.money', 'money_format');
    {% endif %}

    {% if section.settings.display_availability %}
    if (variant.available) {
      if (variant.inventory_management != null) {
        productInventory.find('span').text(window.inventory_text.in_stock);
      }
      else {
        productInventory.find('span').text(window.inventory_text.many_in_stock);
      }
    }
    else {
      productInventory.find('span').text(window.inventory_text.out_of_stock);
    }
    {% endif %}

    var form = $('#' + selector.domIdPrefix).closest('form');

    for (var i=0,length=variant.options.length; i<length; i++) {
      {% comment %} console.log("uknow",variant.options[i]);
      var radioButton = form.find('.swatch[data-option-index="' + i + '"] :radio[value="' + variant.options[i] +'"]');
      if (radioButton.size()) {
        radioButton.get(0).checked = true;
      } {% endcomment %}
    };
  }
  else {
    addToCartBtn.val(window.inventory_text.sold_out).addClass('disabled').attr('disabled', 'disabled');
  };

  {% if section.settings.display_product_sku %}
  if (variant) {
    productSku.find('span').text(variant.sku);
  }
  else {
    productSku.find('span').empty();
  }
  {% endif %}

  /*begin variant image*/
  $(document).ready(function(){
    if (variant && variant.featured_image) {
      var originalImage = $("img[id|='product-featured-image']");
      var newImage = variant.featured_image;
      var element = originalImage[0];

      Shopify.Image.switchImage(newImage, element, function (newImageSizedSrc, newImage, element) {
        jQuery('.slider-nav img').each(function() {
          var grandSize = $(this).attr('src').split('?')[0].replace('_compact','');


          newImageSizedSrc = newImageSizedSrc.split('?')[0].replace('https:','').replace('http:','');
          if(grandSize === newImageSizedSrc) {
            var item = $(this).closest('.item');

            item.trigger('click');
            return false;
          }
        });
      });
    };
  });
  };

  $(function($) {

    if($('#product-selectors').length > 0){
      new Shopify.OptionSelectors('product-selectors', {
        product: {{ product | json }},
        onVariantSelected: selectCallback,
        enableHistoryState: true
      });

    }



    Shopify.linkOptionSelectors({{ product | json }}, '.product');

    {% if product.options.size == 1 and product.options.first != 'Title' %}
    {% elsif product.options.size > 1 or product.variants.size > 1 %}
    $('.selector-wrapper select').addClass('dropdown_arrow'); 
    {% endif %}
    $('.selector-wrapper select').addClass('product-select'); 

    {% if product.variants.size == 1 and product.variants.first.title contains 'Default' %}
    $('.selector-wrapper').hide();
    {% endif %}

    {% if section.settings.countdown == 'countdown_2' and section.settings.enable_countdown %}
    function randomIntFromInterval(min, max) {
      return Math.floor(Math.random() * (max - min + 1) + min);
    }

    var total_items = {% if section.settings.total_items != blank %}{{ section.settings.total_items }}{% else %}0{% endif %} || 60,
        min_items_left = {% if section.settings.min_items_left != blank %}{{ section.settings.min_items_left }}{% else %}0{% endif %} || 8,
        max_items_left = {% if section.settings.min_items_left != blank %}{{ section.settings.max_items_left }}{% else %}0{% endif %} || 30,
        rest_items = randomIntFromInterval(min_items_left, max_items_left),
        timer = null,
        timerInterval = null;

    function initProgressbar(rest_items) {
      var progressbar = $('.progressbar');
      var count = progressbar.find('.count');

      count.text(rest_items);
      updateMeter(rest_items);

      timer = setTimeout(function() {
        rest_items--;

        if (rest_items < 1) {
          rest_items = randomIntFromInterval(min_items_left, max_items_left)
        };

        count.text(rest_items);
        updateMeter(rest_items);
      }, 1000 * 60 * 0.17);

      timerInterval = setInterval(function() {
        rest_items--;

        if (rest_items < 1) {
          rest_items = randomIntFromInterval(min_items_left, max_items_left)
        }
        count.text(rest_items);
        updateMeter(rest_items)
      }, 1000 * 60 * 1.7)
    }


    function updateMeter(rest_items) {
      var percent = 100 * rest_items / total_items;

      if (rest_items >= min_items_left) {
        setTimeout(function() {
          $('#progressbar span').css('width', percent + '%');
        }, 300);
      }
    };

    initProgressbar(rest_items);
    {% endif %}

    {% if section.settings.option_countdown == 'all_product' %}
    $('[data-sticky-add-to-cart] .countdown-item').attr('data-countdown-value','{{section.settings.count_down_timer}}');
                                                        {% endif %}
                                                        });

</script>
<script>
  $(document).ready(function(){
    $(".cond_che").prop('disabled', true);
    $('.model-viewer-click').click(function(){
      $(this).parent().find('.shopify-model-viewer-ui__button').hide();
    })
  })
  $(".checkbox-group").click(function(){
    //$('.conditions').prop('checked', false);$(".acc_des").slideUp();
    //  if ($('input.checkbox_check').is(':checked')) 
    var checkclass = $(this).children(".acc_des");
    if($(checkclass).hasClass('acc_des_dis')){
      $(this).children(".acc_des").removeClass('acc_des_dis');
      $(this).children("input").prop('checked', false);
    }
    else{
      $(this).children(".acc_des").addClass('acc_des_dis');
      $(this).children("input").prop('checked', true);
    }
  });
  var deadline = new Date("Nov 25, 2021 06:00:00").getTime();
  
var x = setInterval(function() {
  
var now = new Date().getTime();
var t = deadline - now;
var days = Math.floor(t / (1000 * 60 * 60 * 24));
var hours = Math.floor((t%(1000 * 60 * 60 * 24))/(1000 * 60 * 60));
var minutes = Math.floor((t % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((t % (1000 * 60)) / 1000);
!!document.getElementById("day").innerHTML =days;
!!document.getElementById("hour").innerHTML =hours;
!!document.getElementById("minute").innerHTML = minutes; 
!!document.getElementById("second").innerHTML =seconds; 
if (t < 0) {
        clearInterval(x);
        document.getElementById("demo").innerHTML = "TIME UP";
        document.getElementById("day").innerHTML ='0';
        document.getElementById("hour").innerHTML ='0';
        document.getElementById("minute").innerHTML ='0' ; 
        document.getElementById("second").innerHTML = '0'; }
}, 1000);
</script>
{% if section.settings.countdown == 'countdown_2' %}
<style>
  .product-shop .countdown-progressbar #progressbar {
    background-color: {{ section.settings.progressbar_color }};
  }
  .product-shop .countdown-progressbar #progressbar span {
    background-color: {{ section.settings.progressbar_active_color }};
  }


</style>
{% endif %}
{% endunless %}
<style>
  .acc_des.acc_des_dis { display:block; }
  .acc_des {display: none;margin: 16px 0;}
  .checkbox-group span{float: right;font-weight: 700;}
  .product-dimension-style{display:none;}
  /* -- quantity box -- */

.quantity {
 display: inline-block; }

.quantity .input-text.qty {
 width: 35px;
 height: 39px;
 padding: 0 5px;
 text-align: center;
 background-color: transparent;
    border: none;
}

.quantity.buttons_added {
 text-align: left;
 position: relative;
 white-space: nowrap;
 vertical-align: top; }

.quantity.buttons_added input {
 display: inline-block;
 margin: 0;
 vertical-align: top;
 box-shadow: none;
}

.quantity.buttons_added .minus,
.quantity.buttons_added .plus {
 padding: 4px 5px 8px;
 height: 41px;
 background-color: #ffffff;
 border: 1px solid #efefef;
 cursor:pointer;}

.quantity.buttons_added .minus {
 border-right: 0; }

.quantity.buttons_added .plus {
 border-left: 0; }

.quantity.buttons_added .minus:hover,
.quantity.buttons_added .plus:hover {
 background: #eeeeee; }

.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
 -webkit-appearance: none;
 -moz-appearance: none;
 margin: 0; }
 
 .quantity.buttons_added .minus:focus,
.quantity.buttons_added .plus:focus {
 outline: none; }

  .plus {
      height: 30px!important;
    width: 30px!important;
    border: medium none!important;
    background-color: #023F88 !important;
    color: #fff;
    font-size: 20px;
    border: 1px solid #023F88 !important;
    border-radius: 9px;
}
  input.input-text.qty.text {
      background-color: #fff!important;
    height: 30px!important;
    width: 106px;
    font-size: 17px!important;
    font-weight: 600!important;
    font-family: 'gothamRounded-medium';
    color: #023E86 !important
}
  input.minus {
  height: 30px!important;
    width: 30px!important;
    background-color: #023F88!important;
    color: #fff;
    font-size: 25px;
    background: #023F88 0% 0% no-repeat padding-box;
    border: 1px solid #023F88 !important;
    border-radius: 9px
}
@media (max-width: 767px) {
  input.input-text.qty.text {
    background-color: #fff!important;
    height: 30px!important;
    width: 75px!important;
    font-size: 17px!important;
    font-weight: 600!important;
    font-family: 'gothamRounded-medium';
    color: #023E86 !important;
}
}
</style>
<script>
console.log("{{product.id}}---{{product.type}}");

  </script>



<script>
  $('.img-numLayering,.layerDescAccordian').click(function(){
  var fav=$(this).data("layer");
  
    $(".layerDescAccordian").removeClass('active');
    
    $(".img-numLayering").removeClass('active');
    
       //  $("[data-layer='"+ fav +"']").addClass('img-numLayering active');
    $("[data-layer='"+ fav +"']").addClass('active');
    //$('.img-numLayering[data-layer="'+fav+'"]').addClass('active');
  });
</script>


<style>
  .layerDescAccordian-body {
    visibility: hidden;
}
  .layerDescAccordian.active .layerDescAccordian-body {
    visibility: visible;
        color: #404041;
    font-family: 'gothamRounded-medium';
    font-size: 16px;
}
  .layerDescAccordian {
    cursor: pointer;
    margin-bottom: 15px;
}
  .layerDescAccordian.active i.fa.fa-caret-down {
    display: none;
}
  .layerDescAccordian i.fa.fa-caret-up {
    display: none;
}
  i.fa.fa-caret-down, i.fa.fa-caret-up {
    float: right;
}
  .layerDescAccordian.active i.fa.fa-caret-up {
    display: block;
}
</style>

{% schema %}
{
"name": "Product Default",
"settings": [
{
"type": "header",
"content": "Product Moreview"
},
{
"type": "radio",
"id": "style_moreview",
"label": "Product Morevie:",
"options": [
{
"value": "horizontal",
"label": "Horizontal Moreview"
},
{
"value": "left_vertical",
"label": "Left Vertical Moreview"
},
{
"value": "right_vertical",
"label": "Right Vertical Moreview"
}
],
"default": "horizontal"
},
{
"type": "header",
"content": "Zoom Image"
},
{
"type": "checkbox",
"id": "enable_zoom_image",
"label": "Enable?",
"default": true
},
{
"type": "header",
"content": "Video Product"
},
{
"type": "checkbox",
"id": "video_product",
"label": "Enable Video Product",
"default": true
},
{
"type": "color",
"id": "video_product_icon",
"label": "Icon color",
"default": "#c1c1c1",
"info": "Default Value: #c1c1c1"
},
{
"type": "header",
"content": "dynamic checkout button"
},
{
"type": "checkbox",
"id": "enable_payment_button",
"label": "Show dynamic checkout button",
"info": "Lets customers check out directly using a familiar payment method. [Learn more](https://help.shopify.com/manual/using-themes/change-the-layout/dynamic-checkout)",
"default": true
},
{
"type": "header",
"content": "The number of products has been sold"
},
{
"type": "checkbox",
"id": "show_sold_in",
"label": "Enabled",
"default": true
},
{
"type": "textarea",
"id": "item_prd",
"label": "The number of products",
"default": "3,5,6,7,8,10,12,15"
},
{
"type": "text",
"id": "item_prds",
"label": "Text Sold in",
"default": "sold in last"
},
{
"type": "textarea",
"id": "hours_prs",
"label": "Hours",
"default": "10,15,16,17,18,20,25,35"
},
{
"type": "text",
"id": "item_hours",
"label": "Text Hours",
"default": "hours"
},
{
"type": "header",
"content": "Product Infor"
},
{
"type": "checkbox",
"id": "display_vendor",
"label": "Display Vendor?",
"default": true
},
{
"type": "text",
"id": "text_vendor",
"label": "Text Vendor",
"default": "Vendor:"
},
{
"type": "checkbox",
"id": "display_product_sku",
"label": "Display Product SKU?",
"default": true
},
{
"type": "text",
"id": "text_product_sku",
"label": "Text Product SKU",
"default": "SKU:"
},
{
"type": "checkbox",
"id": "display_availability",
"label": "Display Availability?",
"default": true
},
{
"type": "text",
"id": "text_availability",
"label": "Text Availability",
"default": "Availability:"
},
{
"type": "checkbox",
"id": "display_product_type",
"label": "Display Product Type?",
"default": true
},
{
"type": "text",
"id": "text_product_type",
"label": "Text Product Type",
"default": "Product Type:"
},
{
"type": "header",
"content": "Countdown"
},
{
"type": "checkbox",
"id": "enable_countdown",
"label": "Enable Countdown",
"default": true
},
{
"type": "select",
"id": "countdown",
"label": "Countdown Style",
"options": [
{
"value": "countdown_1",
"label": "Countdown Style 1"
},
{
"value": "countdown_2",
"label": "Countdown Style 2"
}
],
"default": "countdown_1",
"info": "Default: Countdown Layout 1"
},
{
"type": "text",
"id": "text_countdown",
"label": "Text Countdown",
"default": "Limited-Time Offers, End in:"
},
{
"type": "radio",
"id": "option_countdown",
"label": "Style",
"options": [
{
"value": "all_product",
"label": "Use for all products"
},
{
"value": "different_product",
"label": "Use for different product"
}
],
"default": "all_product"
},
{
"type": "text",
"id": "count_down_timer",
"label": "Deal Time",
"default": "2020-12-25 22:11:00"
},
{
"type": "textarea",
"id": "custombox_text",
"label": "Custom Box content (HTML)"
},
{
"type": "text",
"id": "progressbar_1",
"label": "Progressbar 1",
"default": "Please hurry, only ",
"info": "Use for Countdown Style 2"
},
{
"type": "text",
"id": "progressbar_2",
"label": "Progressbar 2",
"default": "left in stock",
"info": "Use for Countdown Style 2"
},
{
"type": "text",
"id": "total_items",
"label": "Total Items",
"default": "100",
"info": "Use for Countdown Style 2"
},
{
"type": "text",
"id": "min_items_left",
"label": "Min Items Left",
"default": "8",
"info": "Use for Countdown Style 2"
},
{
"type": "text",
"id": "max_items_left",
"label": "Max Items Left",
"default": "26",
"info": "Use for Countdown Style 2"
},
{
"type": "color",
"id": "progressbar_color",
"label": "Progressbar Color",
"default": "#f5f5f5",
"info": "Use for Countdown style 2"
},
{
"type": "color",
"id": "progressbar_active_color",
"label": "Progressbar Active Color",
"default": "#69c69c",
"info": "Use for Countdown style 2"
},
{
"type": "header",
"content": "Customers viewing"
},
{
"type": "checkbox",
"id": "dpl_customers_view",
"label": "Display Customers viewing",
"default": true
},
{
"type": "text",
"id": "title_view",
"label": "Title",
"default": "customers are viewing this product"
},
{
"type": "textarea",
"id": "number_view",
"label": "Number of customers viewing",
"default": "283, 100, 59, 11, 14, 185, 193, 165, 50, 38, 99, 112, 46, 10, 125, 200, 250, 18",
"info": "Please enter the number"
},
{
"type": "radio",
"id": "show_desc",
"label": "Short description",
"options": [
{
"value": "no-show",
"label": "No"
},
{
"value": "short",
"label": "Yes"
},
{
"value": "full",
"label": "Show Full Description"
}
],
"default": "short"
},
{
"type": "checkbox",
"id": "display_subtotal",
"label": "Display Subtotal?",
"default": true
},
{
"type": "checkbox",
"id": "display_product_detail_tag",
"label": "Display Tags?",
"default": true
},
{
"type": "checkbox",
"id": "display_product_detail_share",
"label": "Display Product Share?",
"default": true
},
{
"type": "text",
"id": "share_text",
"label": "Share Text",
"default": "Share"
},
{
"type": "checkbox",
"id": "display_trust_img",
"label": "Display Trust Image?",
"default": true
},
{
"type": "header",
"content": "Product Tab"
},
{
"type": "radio",
"id": "show_tab",
"label": "Horizontal Tab or Vertical Tab",
"options": [
{
"value": "horizontal",
"label": "Horizontal Tab"
},
{
"value": "horizontal_center",
"label": "Horizontal Center Tab"
},
{
"value": "vertical",
"label": "Vertical Tab"
}
],
"default": "horizontal"
},
{
"type": "checkbox",
"id": "display_product_detail_description",
"label": "Display Product Description?",
"default": true
},
{
"type": "text",
"id": "product_description_title",
"label": "Product Description Title",
"default": "Description"
},
{
"type": "checkbox",
"id": "display_product_reviews",
"label": "Display Product Reviews?",
"default": true
},
{
"type": "text",
"id": "product_review_title",
"label": "Product Reviews Title",
"default": "Customer Reviews"
},
{
"type": "checkbox",
"id": "display_shipping_returns",
"label": "Display Shipping Returns?",
"default": true
},
{
"type": "text",
"id": "shipping_returns_title",
"label": "Shipping & Returns Title",
"default": "Shipping & Returns"
},
{
"type": "textarea",
"id": "shipping_returns_content",
"label": "Shipping & Returns HTML Code"
},
{
"type": "checkbox",
"id": "display_custom_tab",
"label": "Display Custom Tab?",
"default": true
},
{
"type": "text",
"id": "custom_tab_title",
"label": "Custom Tab Title",
"default": "Custom Product Tab"
},
{
"type": "radio",
"id": "custom_tab_type",
"label": "Custom Tab Content Type",
"default": "specified",
"options": [
{
"value": "all",
"label": "Same for All"
},
{
"value": "specified",
"label": "Different for Specified Product"
}
]
},
{
"type": "textarea",
"id": "custom_tab_content",
"label": "Custom Tab Content (For All Products)",
"info": "Use \"[lang2]\" to separate multiple languages"
},
{
"type": "header",
"content": "Lookbook Description in Product Detail"
},
{
"type": "checkbox",
"id": "dpl_lookbook_description",
"label": "Display Lookbook Description?",
"default": true
},
{
"type": "radio",
"id": "style_lookbook_description",
"label": "Style",
"options": [
{
"value": "all_product",
"label": "Use for all products"
},
{
"value": "different_product",
"label": "Use for different product"
}
],
"default": "all_product",
"info": "If you would like to use different Lookbook Description for products, you no need to edit these contents (Quote Title, Quote Description)"
},
{
"type": "text",
"id": "quote_title",
"label": "Quote Title 1"
},
{
"type": "textarea",
"id": "quote_des",
"label": "Quote Description 1"
},
{
"type": "text",
"id": "quote_title_2",
"label": "Quote Title 2"
},
{
"type": "textarea",
"id": "quote_des_2",
"label": "Quote Description 2"
},
{
"type": "header",
"content": "LookBook Gallery in Product Detail"
},
{
"type": "checkbox",
"id": "dpl_gallery_lookbook",
"label": "Display LookBook Gallery?",
"default": true
},
{
"type": "radio",
"id": "style_lookbook_gallery",
"label": "Style",
"options": [
{
"value": "all_product",
"label": "Use for all products"
},
{
"value": "different_product",
"label": "Use for different product"
}
],
"default": "all_product",
"info": "If you would like to use 1 LookBook Gallery the same for all of products, you just need to setup only 1 LookBook Gallery."
},
{
"type": "header",
"content": "Upsell Bundled Products"
},
{
"type": "checkbox",
"id": "dpl_grouped_product",
"label": "Display Grouped Product",
"default": true
},
{
"type": "text",
"id": "grouped_title",
"label": "Grouped Title",
"default": "Frequently Bought Together",
"info": "Use for Grouped Product Style 2"
},
{
"type": "textarea",
"id": "grouped_choose_options_text",
"label": "Grouped Choose Options Text",
"default": "Please choose options for all selected products"
},
{
"type": "text",
"id": "choose_options",
"label": "Choose Options Button",
"default": "Choose Options"
},
{
"type": "checkbox",
"id": "enable_bundle_discount",
"label": "Enable Bundle Discount",
"default": true
},
{
"type": "textarea",
"id": "bundle_discount_text",
"label": "Bundle Discount Text",
"default": "Get a [discount]% discount buying these products together | Erhalten Sie einen Rabatt von [discount]%, wenn Sie diese Produkte zusammen kaufen ",
"info": "Use [discount] to show discount rate"
}
],
"blocks": [
{
"type": "image",
"name": "LookBook Gallery",
"settings": [
{
"type": "product",
"id": "main_pr_look",
"label": "Select the product needs to display Loobook",
"info": "Choose if you want to show the different lookbook gallery for each of product."
},
{
"type": "header",
"content": "Gallery width Lookbook",
"info": "======================="
},
{
"type": "header",
"content": "Image 1"
},
{
"type": "image_picker",
"id": "image_1",
"label": "Select Image",
"info": "Recommended Image: Width x Height (290 x 387)px"
},
{
"type": "header",
"content": "Product 1"
},
{
"type": "product",
"id": "lb_product_1_1",
"label": "Select Product"
},
{
"type": "text",
"id": "top_position_1_1",
"label": "Top Position",
"default": "10",
"info": "Unit %"
},
{
"type": "text",
"id": "left_position_1_1",
"label": "Left Position",
"default": "10",
"info": "Unit %"
},
{
"type": "color",
"id": "dots_color_1_1",
"label": "Select Icon Color",
"default": "#fff"
},
{
"type": "color",
"id": "dots_bg_color_1_1",
"label": "Select Icon Background color",
"default": "#323232"
},
{
"type": "color",
"id": "dots_shadow_color_1_1",
"label": "Select Icon Shadow Color",
"default": "#fff",
"info": "======================="
},
{
"type": "header",
"content": "Product 2"
},
{
"type": "product",
"id": "lb_product_1_2",
"label": "Select Product"
},
{
"type": "text",
"id": "top_position_1_2",
"label": "Top Position",
"default": "10",
"info": "Unit %"
},
{
"type": "text",
"id": "left_position_1_2",
"label": "Left Position",
"default": "10",
"info": "Unit %"
},
{
"type": "color",
"id": "dots_color_1_2",
"label": "Select Icon Color",
"default": "#fff"
},
{
"type": "color",
"id": "dots_bg_color_1_2",
"label": "Select Icon Background color",
"default": "#323232"
},
{
"type": "color",
"id": "dots_shadow_color_1_2",
"label": "Select Icon Shadow Color",
"default": "#fff",
"info": "======================="
},
{
"type": "header",
"content": "Product 3"
},
{
"type": "product",
"id": "lb_product_1_3",
"label": "Select Product"
},
{
"type": "text",
"id": "top_position_1_3",
"label": "Top Position",
"default": "10",
"info": "Unit %"
},
{
"type": "text",
"id": "left_position_1_3",
"label": "Left Position",
"default": "10",
"info": "Unit %"
},
{
"type": "color",
"id": "dots_color_1_3",
"label": "Select Icon Color",
"default": "#fff"
},
{
"type": "color",
"id": "dots_bg_color_1_3",
"label": "Select Icon Background color",
"default": "#323232"
},
{
"type": "color",
"id": "dots_shadow_color_1_3",
"label": "Select Icon Shadow Color",
"default": "#fff",
"info": "======================="
},
{
"type": "header",
"content": "Image 2"
},
{
"type": "image_picker",
"id": "image_2",
"label": "Select Image",
"info": "Recommended Image: Width x Height (290 x 387)px"
},
{
"type": "header",
"content": "Product 1"
},
{
"type": "product",
"id": "lb_product_2_1",
"label": "Select Product"
},
{
"type": "text",
"id": "top_position_2_1",
"label": "Top Position",
"default": "10",
"info": "Unit %"
},
{
"type": "text",
"id": "left_position_2_1",
"label": "Left Position",
"default": "10",
"info": "Unit %"
},
{
"type": "color",
"id": "dots_color_2_1",
"label": "Select Icon Color",
"default": "#fff"
},
{
"type": "color",
"id": "dots_bg_color_2_1",
"label": "Select Icon Background color",
"default": "#323232"
},
{
"type": "color",
"id": "dots_shadow_color_2_1",
"label": "Select Icon Shadow Color",
"default": "#fff",
"info": "======================="
},
{
"type": "header",
"content": "Product 2"
},
{
"type": "product",
"id": "lb_product_2_2",
"label": "Select Product"
},
{
"type": "text",
"id": "top_position_2_2",
"label": "Top Position",
"default": "10",
"info": "Unit %"
},
{
"type": "text",
"id": "left_position_2_2",
"label": "Left Position",
"default": "10",
"info": "Unit %"
},
{
"type": "color",
"id": "dots_color_2_2",
"label": "Select Icon Color",
"default": "#fff"
},
{
"type": "color",
"id": "dots_bg_color_2_2",
"label": "Select Icon Background color",
"default": "#323232"
},
{
"type": "color",
"id": "dots_shadow_color_2_2",
"label": "Select Icon Shadow Color",
"default": "#fff",
"info": "======================="
},
{
"type": "header",
"content": "Product 3"
},
{
"type": "product",
"id": "lb_product_2_3",
"label": "Select Product"
},
{
"type": "text",
"id": "top_position_2_3",
"label": "Top Position",
"default": "10",
"info": "Unit %"
},
{
"type": "text",
"id": "left_position_2_3",
"label": "Left Position",
"default": "10",
"info": "Unit %"
},
{
"type": "color",
"id": "dots_color_2_3",
"label": "Select Icon Color",
"default": "#fff"
},
{
"type": "color",
"id": "dots_bg_color_2_3",
"label": "Select Icon Background color",
"default": "#323232"
},
{
"type": "color",
"id": "dots_shadow_color_2_3",
"label": "Select Icon Shadow Color",
"default": "#fff",
"info": "======================="
},
{
"type": "header",
"content": "Image 3"
},
{
"type": "image_picker",
"id": "image_3",
"label": "Select Image",
"info": "Recommended Image: Width x Height (290 x 387)px"
},
{
"type": "header",
"content": "Product 1"
},
{
"type": "product",
"id": "lb_product_3_1",
"label": "Select Product"
},
{
"type": "text",
"id": "top_position_3_1",
"label": "Top Position",
"default": "10",
"info": "Unit %"
},
{
"type": "text",
"id": "left_position_3_1",
"label": "Left Position",
"default": "10",
"info": "Unit %"
},
{
"type": "color",
"id": "dots_color_3_1",
"label": "Select Icon Color",
"default": "#fff"
},
{
"type": "color",
"id": "dots_bg_color_3_1",
"label": "Select Icon Background color",
"default": "#323232"
},
{
"type": "color",
"id": "dots_shadow_color_3_1",
"label": "Select Icon Shadow Color",
"default": "#fff",
"info": "======================="
},
{
"type": "header",
"content": "Product 2"
},
{
"type": "product",
"id": "lb_product_3_2",
"label": "Select Product"
},
{
"type": "text",
"id": "top_position_3_2",
"label": "Top Position",
"default": "10",
"info": "Unit %"
},
{
"type": "text",
"id": "left_position_3_2",
"label": "Left Position",
"default": "10",
"info": "Unit %"
},
{
"type": "color",
"id": "dots_color_3_2",
"label": "Select Icon Color",
"default": "#fff"
},
{
"type": "color",
"id": "dots_bg_color_3_2",
"label": "Select Icon Background color",
"default": "#323232"
},
{
"type": "color",
"id": "dots_shadow_color_3_2",
"label": "Select Icon Shadow Color",
"default": "#fff",
"info": "======================="
},
{
"type": "header",
"content": "Product 3"
},
{
"type": "product",
"id": "lb_product_3_3",
"label": "Select Product"
},
{
"type": "text",
"id": "top_position_3_3",
"label": "Top Position",
"default": "10",
"info": "Unit %"
},
{
"type": "text",
"id": "left_position_3_3",
"label": "Left Position",
"default": "10",
"info": "Unit %"
},
{
"type": "color",
"id": "dots_color_3_3",
"label": "Select Icon Color",
"default": "#fff"
},
{
"type": "color",
"id": "dots_bg_color_3_3",
"label": "Select Icon Background color",
"default": "#323232"
},
{
"type": "color",
"id": "dots_shadow_color_3_3",
"label": "Select Icon Shadow Color",
"default": "#fff",
"info": "======================="
}
]
}
]
}
{% endschema %}

**************************************
Click Then Reach Next Text
****************************************************************************
<script type="text/javascript">
$(document).ready(function(){
$('#dot').click(function(){


    $("html, body").animate({ scrollTop:2000}, 600);
    return false;
 });
  });

</script>
<p><strong>1. <a id="get_sta" href="#">GETTING STARTED</a></strong></p>
<p><strong>2. <a id="enj_ym" href="#">HOW DO I PAY FOR MY FOOD</a></strong></p>

<script type="text/javascript">// <![CDATA[
jQuery(document).ready(function(){
jQuery('#get_sta').click(function(){
  jQuery("html, body").animate({ scrollTop:300}, 600);
    return false;
 });

jQuery('#enj_ym').click(function(){
  jQuery("html, body").animate({ scrollTop:600}, 600);
    return false;
 });
 });
---------------------------------------------------------------------------------------
Define-id in div unique
==============================================================
function goBack() {

jQuery('.upload_ur_image').css('display','block');
                jQuery('.approve_design').css('display','none');
}


how to call this
 <a href="#" onclick="goBack();">Edit Back</a>


*****************************************************************************

TOGGLE FUNCTION
**********************************************************************
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>jQuery SlideUp, SlideDown and SlideToggle effects for div Example</title>
<style type="text/css">
.slidediv{
width: 160px; height: 50px; padding: 0.5em;background:#EB5E00;color:#fff
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script>

</head>
<body>
<form id="form1" runat="server">
<h2> jQuery SlideUp, SlideDown and SlideToggle effects for div Example</h2>
<!--<div id="slideupdiv" class="slidediv">
<b>Click me - SlideUp()</b>
</div><br />
<div id="slidedowndiv"  class="slidediv">
<b>Click me - SlideDown()</b>
</div><br />-->
<input type="button" id="btnToggle" value="Click To Toggle" />
<div id="slidetogglediv"  class="slidediv">

<b>SlideToggle()</b>
</div><br />
<!--<input type="button" id="btnReset" value="Reset" />-->
<script type="text/javascript">
// Applying SlideUp effect
$("#slideupdiv").click(function() {
$(this).slideUp(2000);
});
// Applying SlideDown effect
$("#slidedowndiv").click(function() {
$(this).hide().slideDown(2000);
});
// Applying SlideToggle effect
$("#btnToggle").click(function() {
$("#slidetogglediv").slideToggle();
});
// Reset the div's
/*$('#btnReset').click(function() {
$('#slideupdiv').fadeIn('slow');
$("#slidedowndiv").fadeIn('slow');
$("#slidetogglediv").fadeIn('slow');
})*/
</script>
</form>
</body>
</html>
----------------------------------------------------------------------------------
jquerymin.js
--------------------------------------------------------------------------------
/*! jQuery v1.7.2 jquery.com | jquery.org/license */
(function(a,b){function cy(a){return f.isWindow(a)?a:a.nodeType===9?a.defaultView||a.parentWindow:!1}function cu(a){if(!cj[a]){var b=c.body,d=f("<"+a+">").appendTo(b),e=d.css("display");d.remove();if(e==="none"||e===""){ck||(ck=c.createElement("iframe"),ck.frameBorder=ck.width=ck.height=0),b.appendChild(ck);if(!cl||!ck.createElement)cl=(ck.contentWindow||ck.contentDocument).document,cl.write((f.support.boxModel?"<!doctype html>":"")+"<html><body>"),cl.close();d=cl.createElement(a),cl.body.appendChild(d),e=f.css(d,"display"),b.removeChild(ck)}cj[a]=e}return cj[a]}function ct(a,b){var c={};f.each(cp.concat.apply([],cp.slice(0,b)),function(){c[this]=a});return c}function cs(){cq=b}function cr(){setTimeout(cs,0);return cq=f.now()}function ci(){try{return new a.ActiveXObject("Microsoft.XMLHTTP")}catch(b){}}function ch(){try{return new a.XMLHttpRequest}catch(b){}}function cb(a,c){a.dataFilter&&(c=a.dataFilter(c,a.dataType));var d=a.dataTypes,e={},g,h,i=d.length,j,k=d[0],l,m,n,o,p;for(g=1;g<i;g++){if(g===1)for(h in a.converters)typeof h=="string"&&(e[h.toLowerCase()]=a.converters[h]);l=k,k=d[g];if(k==="*")k=l;else if(l!=="*"&&l!==k){m=l+" "+k,n=e[m]||e["* "+k];if(!n){p=b;for(o in e){j=o.split(" ");if(j[0]===l||j[0]==="*"){p=e[j[1]+" "+k];if(p){o=e[o],o===!0?n=p:p===!0&&(n=o);break}}}}!n&&!p&&f.error("No conversion from "+m.replace(" "," to ")),n!==!0&&(c=n?n(c):p(o(c)))}}return c}function ca(a,c,d){var e=a.contents,f=a.dataTypes,g=a.responseFields,h,i,j,k;for(i in g)i in d&&(c[g[i]]=d[i]);while(f[0]==="*")f.shift(),h===b&&(h=a.mimeType||c.getResponseHeader("content-type"));if(h)for(i in e)if(e[i]&&e[i].test(h)){f.unshift(i);break}if(f[0]in d)j=f[0];else{for(i in d){if(!f[0]||a.converters[i+" "+f[0]]){j=i;break}k||(k=i)}j=j||k}if(j){j!==f[0]&&f.unshift(j);return d[j]}}function b_(a,b,c,d){if(f.isArray(b))f.each(b,function(b,e){c||bD.test(a)?d(a,e):b_(a+"["+(typeof e=="object"?b:"")+"]",e,c,d)});else if(!c&&f.type(b)==="object")for(var e in b)b_(a+"["+e+"]",b[e],c,d);else d(a,b)}function b$(a,c){var d,e,g=f.ajaxSettings.flatOptions||{};for(d in c)c[d]!==b&&((g[d]?a:e||(e={}))[d]=c[d]);e&&f.extend(!0,a,e)}function bZ(a,c,d,e,f,g){f=f||c.dataTypes[0],g=g||{},g[f]=!0;var h=a[f],i=0,j=h?h.length:0,k=a===bS,l;for(;i<j&&(k||!l);i++)l=h[i](c,d,e),typeof l=="string"&&(!k||g[l]?l=b:(c.dataTypes.unshift(l),l=bZ(a,c,d,e,l,g)));(k||!l)&&!g["*"]&&(l=bZ(a,c,d,e,"*",g));return l}function bY(a){return function(b,c){typeof b!="string"&&(c=b,b="*");if(f.isFunction(c)){var d=b.toLowerCase().split(bO),e=0,g=d.length,h,i,j;for(;e<g;e++)h=d[e],j=/^\+/.test(h),j&&(h=h.substr(1)||"*"),i=a[h]=a[h]||[],i[j?"unshift":"push"](c)}}}function bB(a,b,c){var d=b==="width"?a.offsetWidth:a.offsetHeight,e=b==="width"?1:0,g=4;if(d>0){if(c!=="border")for(;e<g;e+=2)c||(d-=parseFloat(f.css(a,"padding"+bx[e]))||0),c==="margin"?d+=parseFloat(f.css(a,c+bx[e]))||0:d-=parseFloat(f.css(a,"border"+bx[e]+"Width"))||0;return d+"px"}d=by(a,b);if(d<0||d==null)d=a.style[b];if(bt.test(d))return d;d=parseFloat(d)||0;if(c)for(;e<g;e+=2)d+=parseFloat(f.css(a,"padding"+bx[e]))||0,c!=="padding"&&(d+=parseFloat(f.css(a,"border"+bx[e]+"Width"))||0),c==="margin"&&(d+=parseFloat(f.css(a,c+bx[e]))||0);return d+"px"}function bo(a){var b=c.createElement("div");bh.appendChild(b),b.innerHTML=a.outerHTML;return b.firstChild}function bn(a){var b=(a.nodeName||"").toLowerCase();b==="input"?bm(a):b!=="script"&&typeof a.getElementsByTagName!="undefined"&&f.grep(a.getElementsByTagName("input"),bm)}function bm(a){if(a.type==="checkbox"||a.type==="radio")a.defaultChecked=a.checked}function bl(a){return typeof a.getElementsByTagName!="undefined"?a.getElementsByTagName("*"):typeof a.querySelectorAll!="undefined"?a.querySelectorAll("*"):[]}function bk(a,b){var c;b.nodeType===1&&(b.clearAttributes&&b.clearAttributes(),b.mergeAttributes&&b.mergeAttributes(a),c=b.nodeName.toLowerCase(),c==="object"?b.outerHTML=a.outerHTML:c!=="input"||a.type!=="checkbox"&&a.type!=="radio"?c==="option"?b.selected=a.defaultSelected:c==="input"||c==="textarea"?b.defaultValue=a.defaultValue:c==="script"&&b.text!==a.text&&(b.text=a.text):(a.checked&&(b.defaultChecked=b.checked=a.checked),b.value!==a.value&&(b.value=a.value)),b.removeAttribute(f.expando),b.removeAttribute("_submit_attached"),b.removeAttribute("_change_attached"))}function bj(a,b){if(b.nodeType===1&&!!f.hasData(a)){var c,d,e,g=f._data(a),h=f._data(b,g),i=g.events;if(i){delete h.handle,h.events={};for(c in i)for(d=0,e=i[c].length;d<e;d++)f.event.add(b,c,i[c][d])}h.data&&(h.data=f.extend({},h.data))}}function bi(a,b){return f.nodeName(a,"table")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function U(a){var b=V.split("|"),c=a.createDocumentFragment();if(c.createElement)while(b.length)c.createElement(b.pop());return c}function T(a,b,c){b=b||0;if(f.isFunction(b))return f.grep(a,function(a,d){var e=!!b.call(a,d,a);return e===c});if(b.nodeType)return f.grep(a,function(a,d){return a===b===c});if(typeof b=="string"){var d=f.grep(a,function(a){return a.nodeType===1});if(O.test(b))return f.filter(b,d,!c);b=f.filter(b,d)}return f.grep(a,function(a,d){return f.inArray(a,b)>=0===c})}function S(a){return!a||!a.parentNode||a.parentNode.nodeType===11}function K(){return!0}function J(){return!1}function n(a,b,c){var d=b+"defer",e=b+"queue",g=b+"mark",h=f._data(a,d);h&&(c==="queue"||!f._data(a,e))&&(c==="mark"||!f._data(a,g))&&setTimeout(function(){!f._data(a,e)&&!f._data(a,g)&&(f.removeData(a,d,!0),h.fire())},0)}function m(a){for(var b in a){if(b==="data"&&f.isEmptyObject(a[b]))continue;if(b!=="toJSON")return!1}return!0}function l(a,c,d){if(d===b&&a.nodeType===1){var e="data-"+c.replace(k,"-$1").toLowerCase();d=a.getAttribute(e);if(typeof d=="string"){try{d=d==="true"?!0:d==="false"?!1:d==="null"?null:f.isNumeric(d)?+d:j.test(d)?f.parseJSON(d):d}catch(g){}f.data(a,c,d)}else d=b}return d}function h(a){var b=g[a]={},c,d;a=a.split(/\s+/);for(c=0,d=a.length;c<d;c++)b[a[c]]=!0;return b}var c=a.document,d=a.navigator,e=a.location,f=function(){function J(){if(!e.isReady){try{c.documentElement.doScroll("left")}catch(a){setTimeout(J,1);return}e.ready()}}var e=function(a,b){return new e.fn.init(a,b,h)},f=a.jQuery,g=a.$,h,i=/^(?:[^#<]*(<[\w\W]+>)[^>]*$|#([\w\-]*)$)/,j=/\S/,k=/^\s+/,l=/\s+$/,m=/^<(\w+)\s*\/?>(?:<\/\1>)?$/,n=/^[\],:{}\s]*$/,o=/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,p=/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,q=/(?:^|:|,)(?:\s*\[)+/g,r=/(webkit)[ \/]([\w.]+)/,s=/(opera)(?:.*version)?[ \/]([\w.]+)/,t=/(msie) ([\w.]+)/,u=/(mozilla)(?:.*? rv:([\w.]+))?/,v=/-([a-z]|[0-9])/ig,w=/^-ms-/,x=function(a,b){return(b+"").toUpperCase()},y=d.userAgent,z,A,B,C=Object.prototype.toString,D=Object.prototype.hasOwnProperty,E=Array.prototype.push,F=Array.prototype.slice,G=String.prototype.trim,H=Array.prototype.indexOf,I={};e.fn=e.prototype={constructor:e,init:function(a,d,f){var g,h,j,k;if(!a)return this;if(a.nodeType){this.context=this[0]=a,this.length=1;return this}if(a==="body"&&!d&&c.body){this.context=c,this[0]=c.body,this.selector=a,this.length=1;return this}if(typeof a=="string"){a.charAt(0)!=="<"||a.charAt(a.length-1)!==">"||a.length<3?g=i.exec(a):g=[null,a,null];if(g&&(g[1]||!d)){if(g[1]){d=d instanceof e?d[0]:d,k=d?d.ownerDocument||d:c,j=m.exec(a),j?e.isPlainObject(d)?(a=[c.createElement(j[1])],e.fn.attr.call(a,d,!0)):a=[k.createElement(j[1])]:(j=e.buildFragment([g[1]],[k]),a=(j.cacheable?e.clone(j.fragment):j.fragment).childNodes);return e.merge(this,a)}h=c.getElementById(g[2]);if(h&&h.parentNode){if(h.id!==g[2])return f.find(a);this.length=1,this[0]=h}this.context=c,this.selector=a;return this}return!d||d.jquery?(d||f).find(a):this.constructor(d).find(a)}if(e.isFunction(a))return f.ready(a);a.selector!==b&&(this.selector=a.selector,this.context=a.context);return e.makeArray(a,this)},selector:"",jquery:"1.7.2",length:0,size:function(){return this.length},toArray:function(){return F.call(this,0)},get:function(a){return a==null?this.toArray():a<0?this[this.length+a]:this[a]},pushStack:function(a,b,c){var d=this.constructor();e.isArray(a)?E.apply(d,a):e.merge(d,a),d.prevObject=this,d.context=this.context,b==="find"?d.selector=this.selector+(this.selector?" ":"")+c:b&&(d.selector=this.selector+"."+b+"("+c+")");return d},each:function(a,b){return e.each(this,a,b)},ready:function(a){e.bindReady(),A.add(a);return this},eq:function(a){a=+a;return a===-1?this.slice(a):this.slice(a,a+1)},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},slice:function(){return this.pushStack(F.apply(this,arguments),"slice",F.call(arguments).join(","))},map:function(a){return this.pushStack(e.map(this,function(b,c){return a.call(b,c,b)}))},end:function(){return this.prevObject||this.constructor(null)},push:E,sort:[].sort,splice:[].splice},e.fn.init.prototype=e.fn,e.extend=e.fn.extend=function(){var a,c,d,f,g,h,i=arguments[0]||{},j=1,k=arguments.length,l=!1;typeof i=="boolean"&&(l=i,i=arguments[1]||{},j=2),typeof i!="object"&&!e.isFunction(i)&&(i={}),k===j&&(i=this,--j);for(;j<k;j++)if((a=arguments[j])!=null)for(c in a){d=i[c],f=a[c];if(i===f)continue;l&&f&&(e.isPlainObject(f)||(g=e.isArray(f)))?(g?(g=!1,h=d&&e.isArray(d)?d:[]):h=d&&e.isPlainObject(d)?d:{},i[c]=e.extend(l,h,f)):f!==b&&(i[c]=f)}return i},e.extend({noConflict:function(b){a.$===e&&(a.$=g),b&&a.jQuery===e&&(a.jQuery=f);return e},isReady:!1,readyWait:1,holdReady:function(a){a?e.readyWait++:e.ready(!0)},ready:function(a){if(a===!0&&!--e.readyWait||a!==!0&&!e.isReady){if(!c.body)return setTimeout(e.ready,1);e.isReady=!0;if(a!==!0&&--e.readyWait>0)return;A.fireWith(c,[e]),e.fn.trigger&&e(c).trigger("ready").off("ready")}},bindReady:function(){if(!A){A=e.Callbacks("once memory");if(c.readyState==="complete")return setTimeout(e.ready,1);if(c.addEventListener)c.addEventListener("DOMContentLoaded",B,!1),a.addEventListener("load",e.ready,!1);else if(c.attachEvent){c.attachEvent("onreadystatechange",B),a.attachEvent("onload",e.ready);var b=!1;try{b=a.frameElement==null}catch(d){}c.documentElement.doScroll&&b&&J()}}},isFunction:function(a){return e.type(a)==="function"},isArray:Array.isArray||function(a){return e.type(a)==="array"},isWindow:function(a){return a!=null&&a==a.window},isNumeric:function(a){return!isNaN(parseFloat(a))&&isFinite(a)},type:function(a){return a==null?String(a):I[C.call(a)]||"object"},isPlainObject:function(a){if(!a||e.type(a)!=="object"||a.nodeType||e.isWindow(a))return!1;try{if(a.constructor&&!D.call(a,"constructor")&&!D.call(a.constructor.prototype,"isPrototypeOf"))return!1}catch(c){return!1}var d;for(d in a);return d===b||D.call(a,d)},isEmptyObject:function(a){for(var b in a)return!1;return!0},error:function(a){throw new Error(a)},parseJSON:function(b){if(typeof b!="string"||!b)return null;b=e.trim(b);if(a.JSON&&a.JSON.parse)return a.JSON.parse(b);if(n.test(b.replace(o,"@").replace(p,"]").replace(q,"")))return(new Function("return "+b))();e.error("Invalid JSON: "+b)},parseXML:function(c){if(typeof c!="string"||!c)return null;var d,f;try{a.DOMParser?(f=new DOMParser,d=f.parseFromString(c,"text/xml")):(d=new ActiveXObject("Microsoft.XMLDOM"),d.async="false",d.loadXML(c))}catch(g){d=b}(!d||!d.documentElement||d.getElementsByTagName("parsererror").length)&&e.error("Invalid XML: "+c);return d},noop:function(){},globalEval:function(b){b&&j.test(b)&&(a.execScript||function(b){a.eval.call(a,b)})(b)},camelCase:function(a){return a.replace(w,"ms-").replace(v,x)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toUpperCase()===b.toUpperCase()},each:function(a,c,d){var f,g=0,h=a.length,i=h===b||e.isFunction(a);if(d){if(i){for(f in a)if(c.apply(a[f],d)===!1)break}else for(;g<h;)if(c.apply(a[g++],d)===!1)break}else if(i){for(f in a)if(c.call(a[f],f,a[f])===!1)break}else for(;g<h;)if(c.call(a[g],g,a[g++])===!1)break;return a},trim:G?function(a){return a==null?"":G.call(a)}:function(a){return a==null?"":(a+"").replace(k,"").replace(l,"")},makeArray:function(a,b){var c=b||[];if(a!=null){var d=e.type(a);a.length==null||d==="string"||d==="function"||d==="regexp"||e.isWindow(a)?E.call(c,a):e.merge(c,a)}return c},inArray:function(a,b,c){var d;if(b){if(H)return H.call(b,a,c);d=b.length,c=c?c<0?Math.max(0,d+c):c:0;for(;c<d;c++)if(c in b&&b[c]===a)return c}return-1},merge:function(a,c){var d=a.length,e=0;if(typeof c.length=="number")for(var f=c.length;e<f;e++)a[d++]=c[e];else while(c[e]!==b)a[d++]=c[e++];a.length=d;return a},grep:function(a,b,c){var d=[],e;c=!!c;for(var f=0,g=a.length;f<g;f++)e=!!b(a[f],f),c!==e&&d.push(a[f]);return d},map:function(a,c,d){var f,g,h=[],i=0,j=a.length,k=a instanceof e||j!==b&&typeof j=="number"&&(j>0&&a[0]&&a[j-1]||j===0||e.isArray(a));if(k)for(;i<j;i++)f=c(a[i],i,d),f!=null&&(h[h.length]=f);else for(g in a)f=c(a[g],g,d),f!=null&&(h[h.length]=f);return h.concat.apply([],h)},guid:1,proxy:function(a,c){if(typeof c=="string"){var d=a[c];c=a,a=d}if(!e.isFunction(a))return b;var f=F.call(arguments,2),g=function(){return a.apply(c,f.concat(F.call(arguments)))};g.guid=a.guid=a.guid||g.guid||e.guid++;return g},access:function(a,c,d,f,g,h,i){var j,k=d==null,l=0,m=a.length;if(d&&typeof d=="object"){for(l in d)e.access(a,c,l,d[l],1,h,f);g=1}else if(f!==b){j=i===b&&e.isFunction(f),k&&(j?(j=c,c=function(a,b,c){return j.call(e(a),c)}):(c.call(a,f),c=null));if(c)for(;l<m;l++)c(a[l],d,j?f.call(a[l],l,c(a[l],d)):f,i);g=1}return g?a:k?c.call(a):m?c(a[0],d):h},now:function(){return(new Date).getTime()},uaMatch:function(a){a=a.toLowerCase();var b=r.exec(a)||s.exec(a)||t.exec(a)||a.indexOf("compatible")<0&&u.exec(a)||[];return{browser:b[1]||"",version:b[2]||"0"}},sub:function(){function a(b,c){return new a.fn.init(b,c)}e.extend(!0,a,this),a.superclass=this,a.fn=a.prototype=this(),a.fn.constructor=a,a.sub=this.sub,a.fn.init=function(d,f){f&&f instanceof e&&!(f instanceof a)&&(f=a(f));return e.fn.init.call(this,d,f,b)},a.fn.init.prototype=a.fn;var b=a(c);return a},browser:{}}),e.each("Boolean Number String Function Array Date RegExp Object".split(" "),function(a,b){I["[object "+b+"]"]=b.toLowerCase()}),z=e.uaMatch(y),z.browser&&(e.browser[z.browser]=!0,e.browser.version=z.version),e.browser.webkit&&(e.browser.safari=!0),j.test(" ")&&(k=/^[\s\xA0]+/,l=/[\s\xA0]+$/),h=e(c),c.addEventListener?B=function(){c.removeEventListener("DOMContentLoaded",B,!1),e.ready()}:c.attachEvent&&(B=function(){c.readyState==="complete"&&(c.detachEvent("onreadystatechange",B),e.ready())});return e}(),g={};f.Callbacks=function(a){a=a?g[a]||h(a):{};var c=[],d=[],e,i,j,k,l,m,n=function(b){var d,e,g,h,i;for(d=0,e=b.length;d<e;d++)g=b[d],h=f.type(g),h==="array"?n(g):h==="function"&&(!a.unique||!p.has(g))&&c.push(g)},o=function(b,f){f=f||[],e=!a.memory||[b,f],i=!0,j=!0,m=k||0,k=0,l=c.length;for(;c&&m<l;m++)if(c[m].apply(b,f)===!1&&a.stopOnFalse){e=!0;break}j=!1,c&&(a.once?e===!0?p.disable():c=[]:d&&d.length&&(e=d.shift(),p.fireWith(e[0],e[1])))},p={add:function(){if(c){var a=c.length;n(arguments),j?l=c.length:e&&e!==!0&&(k=a,o(e[0],e[1]))}return this},remove:function(){if(c){var b=arguments,d=0,e=b.length;for(;d<e;d++)for(var f=0;f<c.length;f++)if(b[d]===c[f]){j&&f<=l&&(l--,f<=m&&m--),c.splice(f--,1);if(a.unique)break}}return this},has:function(a){if(c){var b=0,d=c.length;for(;b<d;b++)if(a===c[b])return!0}return!1},empty:function(){c=[];return this},disable:function(){c=d=e=b;return this},disabled:function(){return!c},lock:function(){d=b,(!e||e===!0)&&p.disable();return this},locked:function(){return!d},fireWith:function(b,c){d&&(j?a.once||d.push([b,c]):(!a.once||!e)&&o(b,c));return this},fire:function(){p.fireWith(this,arguments);return this},fired:function(){return!!i}};return p};var i=[].slice;f.extend({Deferred:function(a){var b=f.Callbacks("once memory"),c=f.Callbacks("once memory"),d=f.Callbacks("memory"),e="pending",g={resolve:b,reject:c,notify:d},h={done:b.add,fail:c.add,progress:d.add,state:function(){return e},isResolved:b.fired,isRejected:c.fired,then:function(a,b,c){i.done(a).fail(b).progress(c);return this},always:function(){i.done.apply(i,arguments).fail.apply(i,arguments);return this},pipe:function(a,b,c){return f.Deferred(function(d){f.each({done:[a,"resolve"],fail:[b,"reject"],progress:[c,"notify"]},function(a,b){var c=b[0],e=b[1],g;f.isFunction(c)?i[a](function(){g=c.apply(this,arguments),g&&f.isFunction(g.promise)?g.promise().then(d.resolve,d.reject,d.notify):d[e+"With"](this===i?d:this,[g])}):i[a](d[e])})}).promise()},promise:function(a){if(a==null)a=h;else for(var b in h)a[b]=h[b];return a}},i=h.promise({}),j;for(j in g)i[j]=g[j].fire,i[j+"With"]=g[j].fireWith;i.done(function(){e="resolved"},c.disable,d.lock).fail(function(){e="rejected"},b.disable,d.lock),a&&a.call(i,i);return i},when:function(a){function m(a){return function(b){e[a]=arguments.length>1?i.call(arguments,0):b,j.notifyWith(k,e)}}function l(a){return function(c){b[a]=arguments.length>1?i.call(arguments,0):c,--g||j.resolveWith(j,b)}}var b=i.call(arguments,0),c=0,d=b.length,e=Array(d),g=d,h=d,j=d<=1&&a&&f.isFunction(a.promise)?a:f.Deferred(),k=j.promise();if(d>1){for(;c<d;c++)b[c]&&b[c].promise&&f.isFunction(b[c].promise)?b[c].promise().then(l(c),j.reject,m(c)):--g;g||j.resolveWith(j,b)}else j!==a&&j.resolveWith(j,d?[a]:[]);return k}}),f.support=function(){var b,d,e,g,h,i,j,k,l,m,n,o,p=c.createElement("div"),q=c.documentElement;p.setAttribute("className","t"),p.innerHTML="   <link/><table></table><a href='/a' style='top:1px;float:left;opacity:.55;'>a</a><input type='checkbox'/>",d=p.getElementsByTagName("*"),e=p.getElementsByTagName("a")[0];if(!d||!d.length||!e)return{};g=c.createElement("select"),h=g.appendChild(c.createElement("option")),i=p.getElementsByTagName("input")[0],b={leadingWhitespace:p.firstChild.nodeType===3,tbody:!p.getElementsByTagName("tbody").length,htmlSerialize:!!p.getElementsByTagName("link").length,style:/top/.test(e.getAttribute("style")),hrefNormalized:e.getAttribute("href")==="/a",opacity:/^0.55/.test(e.style.opacity),cssFloat:!!e.style.cssFloat,checkOn:i.value==="on",optSelected:h.selected,getSetAttribute:p.className!=="t",enctype:!!c.createElement("form").enctype,html5Clone:c.createElement("nav").cloneNode(!0).outerHTML!=="<:nav></:nav>",submitBubbles:!0,changeBubbles:!0,focusinBubbles:!1,deleteExpando:!0,noCloneEvent:!0,inlineBlockNeedsLayout:!1,shrinkWrapBlocks:!1,reliableMarginRight:!0,pixelMargin:!0},f.boxModel=b.boxModel=c.compatMode==="CSS1Compat",i.checked=!0,b.noCloneChecked=i.cloneNode(!0).checked,g.disabled=!0,b.optDisabled=!h.disabled;try{delete p.test}catch(r){b.deleteExpando=!1}!p.addEventListener&&p.attachEvent&&p.fireEvent&&(p.attachEvent("onclick",function(){b.noCloneEvent=!1}),p.cloneNode(!0).fireEvent("onclick")),i=c.createElement("input"),i.value="t",i.setAttribute("type","radio"),b.radioValue=i.value==="t",i.setAttribute("checked","checked"),i.setAttribute("name","t"),p.appendChild(i),j=c.createDocumentFragment(),j.appendChild(p.lastChild),b.checkClone=j.cloneNode(!0).cloneNode(!0).lastChild.checked,b.appendChecked=i.checked,j.removeChild(i),j.appendChild(p);if(p.attachEvent)for(n in{submit:1,change:1,focusin:1})m="on"+n,o=m in p,o||(p.setAttribute(m,"return;"),o=typeof p[m]=="function"),b[n+"Bubbles"]=o;j.removeChild(p),j=g=h=p=i=null,f(function(){var d,e,g,h,i,j,l,m,n,q,r,s,t,u=c.getElementsByTagName("body")[0];!u||(m=1,t="padding:0;margin:0;border:",r="position:absolute;top:0;left:0;width:1px;height:1px;",s=t+"0;visibility:hidden;",n="style='"+r+t+"5px solid #000;",q="<div "+n+"display:block;'><div style='"+t+"0;display:block;overflow:hidden;'></div></div>"+"<table "+n+"' cellpadding='0' cellspacing='0'>"+"<tr><td></td></tr></table>",d=c.createElement("div"),d.style.cssText=s+"width:0;height:0;position:static;top:0;margin-top:"+m+"px",u.insertBefore(d,u.firstChild),p=c.createElement("div"),d.appendChild(p),p.innerHTML="<table><tr><td style='"+t+"0;display:none'></td><td>t</td></tr></table>",k=p.getElementsByTagName("td"),o=k[0].offsetHeight===0,k[0].style.display="",k[1].style.display="none",b.reliableHiddenOffsets=o&&k[0].offsetHeight===0,a.getComputedStyle&&(p.innerHTML="",l=c.createElement("div"),l.style.width="0",l.style.marginRight="0",p.style.width="2px",p.appendChild(l),b.reliableMarginRight=(parseInt((a.getComputedStyle(l,null)||{marginRight:0}).marginRight,10)||0)===0),typeof p.style.zoom!="undefined"&&(p.innerHTML="",p.style.width=p.style.padding="1px",p.style.border=0,p.style.overflow="hidden",p.style.display="inline",p.style.zoom=1,b.inlineBlockNeedsLayout=p.offsetWidth===3,p.style.display="block",p.style.overflow="visible",p.innerHTML="<div style='width:5px;'></div>",b.shrinkWrapBlocks=p.offsetWidth!==3),p.style.cssText=r+s,p.innerHTML=q,e=p.firstChild,g=e.firstChild,i=e.nextSibling.firstChild.firstChild,j={doesNotAddBorder:g.offsetTop!==5,doesAddBorderForTableAndCells:i.offsetTop===5},g.style.position="fixed",g.style.top="20px",j.fixedPosition=g.offsetTop===20||g.offsetTop===15,g.style.position=g.style.top="",e.style.overflow="hidden",e.style.position="relative",j.subtractsBorderForOverflowNotVisible=g.offsetTop===-5,j.doesNotIncludeMarginInBodyOffset=u.offsetTop!==m,a.getComputedStyle&&(p.style.marginTop="1%",b.pixelMargin=(a.getComputedStyle(p,null)||{marginTop:0}).marginTop!=="1%"),typeof d.style.zoom!="undefined"&&(d.style.zoom=1),u.removeChild(d),l=p=d=null,f.extend(b,j))});return b}();var j=/^(?:\{.*\}|\[.*\])$/,k=/([A-Z])/g;f.extend({cache:{},uuid:0,expando:"jQuery"+(f.fn.jquery+Math.random()).replace(/\D/g,""),noData:{embed:!0,object:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",applet:!0},hasData:function(a){a=a.nodeType?f.cache[a[f.expando]]:a[f.expando];return!!a&&!m(a)},data:function(a,c,d,e){if(!!f.acceptData(a)){var g,h,i,j=f.expando,k=typeof c=="string",l=a.nodeType,m=l?f.cache:a,n=l?a[j]:a[j]&&j,o=c==="events";if((!n||!m[n]||!o&&!e&&!m[n].data)&&k&&d===b)return;n||(l?a[j]=n=++f.uuid:n=j),m[n]||(m[n]={},l||(m[n].toJSON=f.noop));if(typeof c=="object"||typeof c=="function")e?m[n]=f.extend(m[n],c):m[n].data=f.extend(m[n].data,c);g=h=m[n],e||(h.data||(h.data={}),h=h.data),d!==b&&(h[f.camelCase(c)]=d);if(o&&!h[c])return g.events;k?(i=h[c],i==null&&(i=h[f.camelCase(c)])):i=h;return i}},removeData:function(a,b,c){if(!!f.acceptData(a)){var d,e,g,h=f.expando,i=a.nodeType,j=i?f.cache:a,k=i?a[h]:h;if(!j[k])return;if(b){d=c?j[k]:j[k].data;if(d){f.isArray(b)||(b in d?b=[b]:(b=f.camelCase(b),b in d?b=[b]:b=b.split(" ")));for(e=0,g=b.length;e<g;e++)delete d[b[e]];if(!(c?m:f.isEmptyObject)(d))return}}if(!c){delete j[k].data;if(!m(j[k]))return}f.support.deleteExpando||!j.setInterval?delete j[k]:j[k]=null,i&&(f.support.deleteExpando?delete a[h]:a.removeAttribute?a.removeAttribute(h):a[h]=null)}},_data:function(a,b,c){return f.data(a,b,c,!0)},acceptData:function(a){if(a.nodeName){var b=f.noData[a.nodeName.toLowerCase()];if(b)return b!==!0&&a.getAttribute("classid")===b}return!0}}),f.fn.extend({data:function(a,c){var d,e,g,h,i,j=this[0],k=0,m=null;if(a===b){if(this.length){m=f.data(j);if(j.nodeType===1&&!f._data(j,"parsedAttrs")){g=j.attributes;for(i=g.length;k<i;k++)h=g[k].name,h.indexOf("data-")===0&&(h=f.camelCase(h.substring(5)),l(j,h,m[h]));f._data(j,"parsedAttrs",!0)}}return m}if(typeof a=="object")return this.each(function(){f.data(this,a)});d=a.split(".",2),d[1]=d[1]?"."+d[1]:"",e=d[1]+"!";return f.access(this,function(c){if(c===b){m=this.triggerHandler("getData"+e,[d[0]]),m===b&&j&&(m=f.data(j,a),m=l(j,a,m));return m===b&&d[1]?this.data(d[0]):m}d[1]=c,this.each(function(){var b=f(this);b.triggerHandler("setData"+e,d),f.data(this,a,c),b.triggerHandler("changeData"+e,d)})},null,c,arguments.length>1,null,!1)},removeData:function(a){return this.each(function(){f.removeData(this,a)})}}),f.extend({_mark:function(a,b){a&&(b=(b||"fx")+"mark",f._data(a,b,(f._data(a,b)||0)+1))},_unmark:function(a,b,c){a!==!0&&(c=b,b=a,a=!1);if(b){c=c||"fx";var d=c+"mark",e=a?0:(f._data(b,d)||1)-1;e?f._data(b,d,e):(f.removeData(b,d,!0),n(b,c,"mark"))}},queue:function(a,b,c){var d;if(a){b=(b||"fx")+"queue",d=f._data(a,b),c&&(!d||f.isArray(c)?d=f._data(a,b,f.makeArray(c)):d.push(c));return d||[]}},dequeue:function(a,b){b=b||"fx";var c=f.queue(a,b),d=c.shift(),e={};d==="inprogress"&&(d=c.shift()),d&&(b==="fx"&&c.unshift("inprogress"),f._data(a,b+".run",e),d.call(a,function(){f.dequeue(a,b)},e)),c.length||(f.removeData(a,b+"queue "+b+".run",!0),n(a,b,"queue"))}}),f.fn.extend({queue:function(a,c){var d=2;typeof a!="string"&&(c=a,a="fx",d--);if(arguments.length<d)return f.queue(this[0],a);return c===b?this:this.each(function(){var b=f.queue(this,a,c);a==="fx"&&b[0]!=="inprogress"&&f.dequeue(this,a)})},dequeue:function(a){return this.each(function(){f.dequeue(this,a)})},delay:function(a,b){a=f.fx?f.fx.speeds[a]||a:a,b=b||"fx";return this.queue(b,function(b,c){var d=setTimeout(b,a);c.stop=function(){clearTimeout(d)}})},clearQueue:function(a){return this.queue(a||"fx",[])},promise:function(a,c){function m(){--h||d.resolveWith(e,[e])}typeof a!="string"&&(c=a,a=b),a=a||"fx";var d=f.Deferred(),e=this,g=e.length,h=1,i=a+"defer",j=a+"queue",k=a+"mark",l;while(g--)if(l=f.data(e[g],i,b,!0)||(f.data(e[g],j,b,!0)||f.data(e[g],k,b,!0))&&f.data(e[g],i,f.Callbacks("once memory"),!0))h++,l.add(m);m();return d.promise(c)}});var o=/[\n\t\r]/g,p=/\s+/,q=/\r/g,r=/^(?:button|input)$/i,s=/^(?:button|input|object|select|textarea)$/i,t=/^a(?:rea)?$/i,u=/^(?:autofocus|autoplay|async|checked|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|scoped|selected)$/i,v=f.support.getSetAttribute,w,x,y;f.fn.extend({attr:function(a,b){return f.access(this,f.attr,a,b,arguments.length>1)},removeAttr:function(a){return this.each(function(){f.removeAttr(this,a)})},prop:function(a,b){return f.access(this,f.prop,a,b,arguments.length>1)},removeProp:function(a){a=f.propFix[a]||a;return this.each(function(){try{this[a]=b,delete this[a]}catch(c){}})},addClass:function(a){var b,c,d,e,g,h,i;if(f.isFunction(a))return this.each(function(b){f(this).addClass(a.call(this,b,this.className))});if(a&&typeof a=="string"){b=a.split(p);for(c=0,d=this.length;c<d;c++){e=this[c];if(e.nodeType===1)if(!e.className&&b.length===1)e.className=a;else{g=" "+e.className+" ";for(h=0,i=b.length;h<i;h++)~g.indexOf(" "+b[h]+" ")||(g+=b[h]+" ");e.className=f.trim(g)}}}return this},removeClass:function(a){var c,d,e,g,h,i,j;if(f.isFunction(a))return this.each(function(b){f(this).removeClass(a.call(this,b,this.className))});if(a&&typeof a=="string"||a===b){c=(a||"").split(p);for(d=0,e=this.length;d<e;d++){g=this[d];if(g.nodeType===1&&g.className)if(a){h=(" "+g.className+" ").replace(o," ");for(i=0,j=c.length;i<j;i++)h=h.replace(" "+c[i]+" "," ");g.className=f.trim(h)}else g.className=""}}return this},toggleClass:function(a,b){var c=typeof a,d=typeof b=="boolean";if(f.isFunction(a))return this.each(function(c){f(this).toggleClass(a.call(this,c,this.className,b),b)});return this.each(function(){if(c==="string"){var e,g=0,h=f(this),i=b,j=a.split(p);while(e=j[g++])i=d?i:!h.hasClass(e),h[i?"addClass":"removeClass"](e)}else if(c==="undefined"||c==="boolean")this.className&&f._data(this,"__className__",this.className),this.className=this.className||a===!1?"":f._data(this,"__className__")||""})},hasClass:function(a){var b=" "+a+" ",c=0,d=this.length;for(;c<d;c++)if(this[c].nodeType===1&&(" "+this[c].className+" ").replace(o," ").indexOf(b)>-1)return!0;return!1},val:function(a){var c,d,e,g=this[0];{if(!!arguments.length){e=f.isFunction(a);return this.each(function(d){var g=f(this),h;if(this.nodeType===1){e?h=a.call(this,d,g.val()):h=a,h==null?h="":typeof h=="number"?h+="":f.isArray(h)&&(h=f.map(h,function(a){return a==null?"":a+""})),c=f.valHooks[this.type]||f.valHooks[this.nodeName.toLowerCase()];if(!c||!("set"in c)||c.set(this,h,"value")===b)this.value=h}})}if(g){c=f.valHooks[g.type]||f.valHooks[g.nodeName.toLowerCase()];if(c&&"get"in c&&(d=c.get(g,"value"))!==b)return d;d=g.value;return typeof d=="string"?d.replace(q,""):d==null?"":d}}}}),f.extend({valHooks:{option:{get:function(a){var b=a.attributes.value;return!b||b.specified?a.value:a.text}},select:{get:function(a){var b,c,d,e,g=a.selectedIndex,h=[],i=a.options,j=a.type==="select-one";if(g<0)return null;c=j?g:0,d=j?g+1:i.length;for(;c<d;c++){e=i[c];if(e.selected&&(f.support.optDisabled?!e.disabled:e.getAttribute("disabled")===null)&&(!e.parentNode.disabled||!f.nodeName(e.parentNode,"optgroup"))){b=f(e).val();if(j)return b;h.push(b)}}if(j&&!h.length&&i.length)return f(i[g]).val();return h},set:function(a,b){var c=f.makeArray(b);f(a).find("option").each(function(){this.selected=f.inArray(f(this).val(),c)>=0}),c.length||(a.selectedIndex=-1);return c}}},attrFn:{val:!0,css:!0,html:!0,text:!0,data:!0,width:!0,height:!0,offset:!0},attr:function(a,c,d,e){var g,h,i,j=a.nodeType;if(!!a&&j!==3&&j!==8&&j!==2){if(e&&c in f.attrFn)return f(a)[c](d);if(typeof a.getAttribute=="undefined")return f.prop(a,c,d);i=j!==1||!f.isXMLDoc(a),i&&(c=c.toLowerCase(),h=f.attrHooks[c]||(u.test(c)?x:w));if(d!==b){if(d===null){f.removeAttr(a,c);return}if(h&&"set"in h&&i&&(g=h.set(a,d,c))!==b)return g;a.setAttribute(c,""+d);return d}if(h&&"get"in h&&i&&(g=h.get(a,c))!==null)return g;g=a.getAttribute(c);return g===null?b:g}},removeAttr:function(a,b){var c,d,e,g,h,i=0;if(b&&a.nodeType===1){d=b.toLowerCase().split(p),g=d.length;for(;i<g;i++)e=d[i],e&&(c=f.propFix[e]||e,h=u.test(e),h||f.attr(a,e,""),a.removeAttribute(v?e:c),h&&c in a&&(a[c]=!1))}},attrHooks:{type:{set:function(a,b){if(r.test(a.nodeName)&&a.parentNode)f.error("type property can't be changed");else if(!f.support.radioValue&&b==="radio"&&f.nodeName(a,"input")){var c=a.value;a.setAttribute("type",b),c&&(a.value=c);return b}}},value:{get:function(a,b){if(w&&f.nodeName(a,"button"))return w.get(a,b);return b in a?a.value:null},set:function(a,b,c){if(w&&f.nodeName(a,"button"))return w.set(a,b,c);a.value=b}}},propFix:{tabindex:"tabIndex",readonly:"readOnly","for":"htmlFor","class":"className",maxlength:"maxLength",cellspacing:"cellSpacing",cellpadding:"cellPadding",rowspan:"rowSpan",colspan:"colSpan",usemap:"useMap",frameborder:"frameBorder",contenteditable:"contentEditable"},prop:function(a,c,d){var e,g,h,i=a.nodeType;if(!!a&&i!==3&&i!==8&&i!==2){h=i!==1||!f.isXMLDoc(a),h&&(c=f.propFix[c]||c,g=f.propHooks[c]);return d!==b?g&&"set"in g&&(e=g.set(a,d,c))!==b?e:a[c]=d:g&&"get"in g&&(e=g.get(a,c))!==null?e:a[c]}},propHooks:{tabIndex:{get:function(a){var c=a.getAttributeNode("tabindex");return c&&c.specified?parseInt(c.value,10):s.test(a.nodeName)||t.test(a.nodeName)&&a.href?0:b}}}}),f.attrHooks.tabindex=f.propHooks.tabIndex,x={get:function(a,c){var d,e=f.prop(a,c);return e===!0||typeof e!="boolean"&&(d=a.getAttributeNode(c))&&d.nodeValue!==!1?c.toLowerCase():b},set:function(a,b,c){var d;b===!1?f.removeAttr(a,c):(d=f.propFix[c]||c,d in a&&(a[d]=!0),a.setAttribute(c,c.toLowerCase()));return c}},v||(y={name:!0,id:!0,coords:!0},w=f.valHooks.button={get:function(a,c){var d;d=a.getAttributeNode(c);return d&&(y[c]?d.nodeValue!=="":d.specified)?d.nodeValue:b},set:function(a,b,d){var e=a.getAttributeNode(d);e||(e=c.createAttribute(d),a.setAttributeNode(e));return e.nodeValue=b+""}},f.attrHooks.tabindex.set=w.set,f.each(["width","height"],function(a,b){f.attrHooks[b]=f.extend(f.attrHooks[b],{set:function(a,c){if(c===""){a.setAttribute(b,"auto");return c}}})}),f.attrHooks.contenteditable={get:w.get,set:function(a,b,c){b===""&&(b="false"),w.set(a,b,c)}}),f.support.hrefNormalized||f.each(["href","src","width","height"],function(a,c){f.attrHooks[c]=f.extend(f.attrHooks[c],{get:function(a){var d=a.getAttribute(c,2);return d===null?b:d}})}),f.support.style||(f.attrHooks.style={get:function(a){return a.style.cssText.toLowerCase()||b},set:function(a,b){return a.style.cssText=""+b}}),f.support.optSelected||(f.propHooks.selected=f.extend(f.propHooks.selected,{get:function(a){var b=a.parentNode;b&&(b.selectedIndex,b.parentNode&&b.parentNode.selectedIndex);return null}})),f.support.enctype||(f.propFix.enctype="encoding"),f.support.checkOn||f.each(["radio","checkbox"],function(){f.valHooks[this]={get:function(a){return a.getAttribute("value")===null?"on":a.value}}}),f.each(["radio","checkbox"],function(){f.valHooks[this]=f.extend(f.valHooks[this],{set:function(a,b){if(f.isArray(b))return a.checked=f.inArray(f(a).val(),b)>=0}})});var z=/^(?:textarea|input|select)$/i,A=/^([^\.]*)?(?:\.(.+))?$/,B=/(?:^|\s)hover(\.\S+)?\b/,C=/^key/,D=/^(?:mouse|contextmenu)|click/,E=/^(?:focusinfocus|focusoutblur)$/,F=/^(\w*)(?:#([\w\-]+))?(?:\.([\w\-]+))?$/,G=function(
a){var b=F.exec(a);b&&(b[1]=(b[1]||"").toLowerCase(),b[3]=b[3]&&new RegExp("(?:^|\\s)"+b[3]+"(?:\\s|$)"));return b},H=function(a,b){var c=a.attributes||{};return(!b[1]||a.nodeName.toLowerCase()===b[1])&&(!b[2]||(c.id||{}).value===b[2])&&(!b[3]||b[3].test((c["class"]||{}).value))},I=function(a){return f.event.special.hover?a:a.replace(B,"mouseenter$1 mouseleave$1")};f.event={add:function(a,c,d,e,g){var h,i,j,k,l,m,n,o,p,q,r,s;if(!(a.nodeType===3||a.nodeType===8||!c||!d||!(h=f._data(a)))){d.handler&&(p=d,d=p.handler,g=p.selector),d.guid||(d.guid=f.guid++),j=h.events,j||(h.events=j={}),i=h.handle,i||(h.handle=i=function(a){return typeof f!="undefined"&&(!a||f.event.triggered!==a.type)?f.event.dispatch.apply(i.elem,arguments):b},i.elem=a),c=f.trim(I(c)).split(" ");for(k=0;k<c.length;k++){l=A.exec(c[k])||[],m=l[1],n=(l[2]||"").split(".").sort(),s=f.event.special[m]||{},m=(g?s.delegateType:s.bindType)||m,s=f.event.special[m]||{},o=f.extend({type:m,origType:l[1],data:e,handler:d,guid:d.guid,selector:g,quick:g&&G(g),namespace:n.join(".")},p),r=j[m];if(!r){r=j[m]=[],r.delegateCount=0;if(!s.setup||s.setup.call(a,e,n,i)===!1)a.addEventListener?a.addEventListener(m,i,!1):a.attachEvent&&a.attachEvent("on"+m,i)}s.add&&(s.add.call(a,o),o.handler.guid||(o.handler.guid=d.guid)),g?r.splice(r.delegateCount++,0,o):r.push(o),f.event.global[m]=!0}a=null}},global:{},remove:function(a,b,c,d,e){var g=f.hasData(a)&&f._data(a),h,i,j,k,l,m,n,o,p,q,r,s;if(!!g&&!!(o=g.events)){b=f.trim(I(b||"")).split(" ");for(h=0;h<b.length;h++){i=A.exec(b[h])||[],j=k=i[1],l=i[2];if(!j){for(j in o)f.event.remove(a,j+b[h],c,d,!0);continue}p=f.event.special[j]||{},j=(d?p.delegateType:p.bindType)||j,r=o[j]||[],m=r.length,l=l?new RegExp("(^|\\.)"+l.split(".").sort().join("\\.(?:.*\\.)?")+"(\\.|$)"):null;for(n=0;n<r.length;n++)s=r[n],(e||k===s.origType)&&(!c||c.guid===s.guid)&&(!l||l.test(s.namespace))&&(!d||d===s.selector||d==="**"&&s.selector)&&(r.splice(n--,1),s.selector&&r.delegateCount--,p.remove&&p.remove.call(a,s));r.length===0&&m!==r.length&&((!p.teardown||p.teardown.call(a,l)===!1)&&f.removeEvent(a,j,g.handle),delete o[j])}f.isEmptyObject(o)&&(q=g.handle,q&&(q.elem=null),f.removeData(a,["events","handle"],!0))}},customEvent:{getData:!0,setData:!0,changeData:!0},trigger:function(c,d,e,g){if(!e||e.nodeType!==3&&e.nodeType!==8){var h=c.type||c,i=[],j,k,l,m,n,o,p,q,r,s;if(E.test(h+f.event.triggered))return;h.indexOf("!")>=0&&(h=h.slice(0,-1),k=!0),h.indexOf(".")>=0&&(i=h.split("."),h=i.shift(),i.sort());if((!e||f.event.customEvent[h])&&!f.event.global[h])return;c=typeof c=="object"?c[f.expando]?c:new f.Event(h,c):new f.Event(h),c.type=h,c.isTrigger=!0,c.exclusive=k,c.namespace=i.join("."),c.namespace_re=c.namespace?new RegExp("(^|\\.)"+i.join("\\.(?:.*\\.)?")+"(\\.|$)"):null,o=h.indexOf(":")<0?"on"+h:"";if(!e){j=f.cache;for(l in j)j[l].events&&j[l].events[h]&&f.event.trigger(c,d,j[l].handle.elem,!0);return}c.result=b,c.target||(c.target=e),d=d!=null?f.makeArray(d):[],d.unshift(c),p=f.event.special[h]||{};if(p.trigger&&p.trigger.apply(e,d)===!1)return;r=[[e,p.bindType||h]];if(!g&&!p.noBubble&&!f.isWindow(e)){s=p.delegateType||h,m=E.test(s+h)?e:e.parentNode,n=null;for(;m;m=m.parentNode)r.push([m,s]),n=m;n&&n===e.ownerDocument&&r.push([n.defaultView||n.parentWindow||a,s])}for(l=0;l<r.length&&!c.isPropagationStopped();l++)m=r[l][0],c.type=r[l][1],q=(f._data(m,"events")||{})[c.type]&&f._data(m,"handle"),q&&q.apply(m,d),q=o&&m[o],q&&f.acceptData(m)&&q.apply(m,d)===!1&&c.preventDefault();c.type=h,!g&&!c.isDefaultPrevented()&&(!p._default||p._default.apply(e.ownerDocument,d)===!1)&&(h!=="click"||!f.nodeName(e,"a"))&&f.acceptData(e)&&o&&e[h]&&(h!=="focus"&&h!=="blur"||c.target.offsetWidth!==0)&&!f.isWindow(e)&&(n=e[o],n&&(e[o]=null),f.event.triggered=h,e[h](),f.event.triggered=b,n&&(e[o]=n));return c.result}},dispatch:function(c){c=f.event.fix(c||a.event);var d=(f._data(this,"events")||{})[c.type]||[],e=d.delegateCount,g=[].slice.call(arguments,0),h=!c.exclusive&&!c.namespace,i=f.event.special[c.type]||{},j=[],k,l,m,n,o,p,q,r,s,t,u;g[0]=c,c.delegateTarget=this;if(!i.preDispatch||i.preDispatch.call(this,c)!==!1){if(e&&(!c.button||c.type!=="click")){n=f(this),n.context=this.ownerDocument||this;for(m=c.target;m!=this;m=m.parentNode||this)if(m.disabled!==!0){p={},r=[],n[0]=m;for(k=0;k<e;k++)s=d[k],t=s.selector,p[t]===b&&(p[t]=s.quick?H(m,s.quick):n.is(t)),p[t]&&r.push(s);r.length&&j.push({elem:m,matches:r})}}d.length>e&&j.push({elem:this,matches:d.slice(e)});for(k=0;k<j.length&&!c.isPropagationStopped();k++){q=j[k],c.currentTarget=q.elem;for(l=0;l<q.matches.length&&!c.isImmediatePropagationStopped();l++){s=q.matches[l];if(h||!c.namespace&&!s.namespace||c.namespace_re&&c.namespace_re.test(s.namespace))c.data=s.data,c.handleObj=s,o=((f.event.special[s.origType]||{}).handle||s.handler).apply(q.elem,g),o!==b&&(c.result=o,o===!1&&(c.preventDefault(),c.stopPropagation()))}}i.postDispatch&&i.postDispatch.call(this,c);return c.result}},props:"attrChange attrName relatedNode srcElement altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(a,b){a.which==null&&(a.which=b.charCode!=null?b.charCode:b.keyCode);return a}},mouseHooks:{props:"button buttons clientX clientY fromElement offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(a,d){var e,f,g,h=d.button,i=d.fromElement;a.pageX==null&&d.clientX!=null&&(e=a.target.ownerDocument||c,f=e.documentElement,g=e.body,a.pageX=d.clientX+(f&&f.scrollLeft||g&&g.scrollLeft||0)-(f&&f.clientLeft||g&&g.clientLeft||0),a.pageY=d.clientY+(f&&f.scrollTop||g&&g.scrollTop||0)-(f&&f.clientTop||g&&g.clientTop||0)),!a.relatedTarget&&i&&(a.relatedTarget=i===a.target?d.toElement:i),!a.which&&h!==b&&(a.which=h&1?1:h&2?3:h&4?2:0);return a}},fix:function(a){if(a[f.expando])return a;var d,e,g=a,h=f.event.fixHooks[a.type]||{},i=h.props?this.props.concat(h.props):this.props;a=f.Event(g);for(d=i.length;d;)e=i[--d],a[e]=g[e];a.target||(a.target=g.srcElement||c),a.target.nodeType===3&&(a.target=a.target.parentNode),a.metaKey===b&&(a.metaKey=a.ctrlKey);return h.filter?h.filter(a,g):a},special:{ready:{setup:f.bindReady},load:{noBubble:!0},focus:{delegateType:"focusin"},blur:{delegateType:"focusout"},beforeunload:{setup:function(a,b,c){f.isWindow(this)&&(this.onbeforeunload=c)},teardown:function(a,b){this.onbeforeunload===b&&(this.onbeforeunload=null)}}},simulate:function(a,b,c,d){var e=f.extend(new f.Event,c,{type:a,isSimulated:!0,originalEvent:{}});d?f.event.trigger(e,null,b):f.event.dispatch.call(b,e),e.isDefaultPrevented()&&c.preventDefault()}},f.event.handle=f.event.dispatch,f.removeEvent=c.removeEventListener?function(a,b,c){a.removeEventListener&&a.removeEventListener(b,c,!1)}:function(a,b,c){a.detachEvent&&a.detachEvent("on"+b,c)},f.Event=function(a,b){if(!(this instanceof f.Event))return new f.Event(a,b);a&&a.type?(this.originalEvent=a,this.type=a.type,this.isDefaultPrevented=a.defaultPrevented||a.returnValue===!1||a.getPreventDefault&&a.getPreventDefault()?K:J):this.type=a,b&&f.extend(this,b),this.timeStamp=a&&a.timeStamp||f.now(),this[f.expando]=!0},f.Event.prototype={preventDefault:function(){this.isDefaultPrevented=K;var a=this.originalEvent;!a||(a.preventDefault?a.preventDefault():a.returnValue=!1)},stopPropagation:function(){this.isPropagationStopped=K;var a=this.originalEvent;!a||(a.stopPropagation&&a.stopPropagation(),a.cancelBubble=!0)},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=K,this.stopPropagation()},isDefaultPrevented:J,isPropagationStopped:J,isImmediatePropagationStopped:J},f.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(a,b){f.event.special[a]={delegateType:b,bindType:b,handle:function(a){var c=this,d=a.relatedTarget,e=a.handleObj,g=e.selector,h;if(!d||d!==c&&!f.contains(c,d))a.type=e.origType,h=e.handler.apply(this,arguments),a.type=b;return h}}}),f.support.submitBubbles||(f.event.special.submit={setup:function(){if(f.nodeName(this,"form"))return!1;f.event.add(this,"click._submit keypress._submit",function(a){var c=a.target,d=f.nodeName(c,"input")||f.nodeName(c,"button")?c.form:b;d&&!d._submit_attached&&(f.event.add(d,"submit._submit",function(a){a._submit_bubble=!0}),d._submit_attached=!0)})},postDispatch:function(a){a._submit_bubble&&(delete a._submit_bubble,this.parentNode&&!a.isTrigger&&f.event.simulate("submit",this.parentNode,a,!0))},teardown:function(){if(f.nodeName(this,"form"))return!1;f.event.remove(this,"._submit")}}),f.support.changeBubbles||(f.event.special.change={setup:function(){if(z.test(this.nodeName)){if(this.type==="checkbox"||this.type==="radio")f.event.add(this,"propertychange._change",function(a){a.originalEvent.propertyName==="checked"&&(this._just_changed=!0)}),f.event.add(this,"click._change",function(a){this._just_changed&&!a.isTrigger&&(this._just_changed=!1,f.event.simulate("change",this,a,!0))});return!1}f.event.add(this,"beforeactivate._change",function(a){var b=a.target;z.test(b.nodeName)&&!b._change_attached&&(f.event.add(b,"change._change",function(a){this.parentNode&&!a.isSimulated&&!a.isTrigger&&f.event.simulate("change",this.parentNode,a,!0)}),b._change_attached=!0)})},handle:function(a){var b=a.target;if(this!==b||a.isSimulated||a.isTrigger||b.type!=="radio"&&b.type!=="checkbox")return a.handleObj.handler.apply(this,arguments)},teardown:function(){f.event.remove(this,"._change");return z.test(this.nodeName)}}),f.support.focusinBubbles||f.each({focus:"focusin",blur:"focusout"},function(a,b){var d=0,e=function(a){f.event.simulate(b,a.target,f.event.fix(a),!0)};f.event.special[b]={setup:function(){d++===0&&c.addEventListener(a,e,!0)},teardown:function(){--d===0&&c.removeEventListener(a,e,!0)}}}),f.fn.extend({on:function(a,c,d,e,g){var h,i;if(typeof a=="object"){typeof c!="string"&&(d=d||c,c=b);for(i in a)this.on(i,c,d,a[i],g);return this}d==null&&e==null?(e=c,d=c=b):e==null&&(typeof c=="string"?(e=d,d=b):(e=d,d=c,c=b));if(e===!1)e=J;else if(!e)return this;g===1&&(h=e,e=function(a){f().off(a);return h.apply(this,arguments)},e.guid=h.guid||(h.guid=f.guid++));return this.each(function(){f.event.add(this,a,e,d,c)})},one:function(a,b,c,d){return this.on(a,b,c,d,1)},off:function(a,c,d){if(a&&a.preventDefault&&a.handleObj){var e=a.handleObj;f(a.delegateTarget).off(e.namespace?e.origType+"."+e.namespace:e.origType,e.selector,e.handler);return this}if(typeof a=="object"){for(var g in a)this.off(g,c,a[g]);return this}if(c===!1||typeof c=="function")d=c,c=b;d===!1&&(d=J);return this.each(function(){f.event.remove(this,a,d,c)})},bind:function(a,b,c){return this.on(a,null,b,c)},unbind:function(a,b){return this.off(a,null,b)},live:function(a,b,c){f(this.context).on(a,this.selector,b,c);return this},die:function(a,b){f(this.context).off(a,this.selector||"**",b);return this},delegate:function(a,b,c,d){return this.on(b,a,c,d)},undelegate:function(a,b,c){return arguments.length==1?this.off(a,"**"):this.off(b,a,c)},trigger:function(a,b){return this.each(function(){f.event.trigger(a,b,this)})},triggerHandler:function(a,b){if(this[0])return f.event.trigger(a,b,this[0],!0)},toggle:function(a){var b=arguments,c=a.guid||f.guid++,d=0,e=function(c){var e=(f._data(this,"lastToggle"+a.guid)||0)%d;f._data(this,"lastToggle"+a.guid,e+1),c.preventDefault();return b[e].apply(this,arguments)||!1};e.guid=c;while(d<b.length)b[d++].guid=c;return this.click(e)},hover:function(a,b){return this.mouseenter(a).mouseleave(b||a)}}),f.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu".split(" "),function(a,b){f.fn[b]=function(a,c){c==null&&(c=a,a=null);return arguments.length>0?this.on(b,null,a,c):this.trigger(b)},f.attrFn&&(f.attrFn[b]=!0),C.test(b)&&(f.event.fixHooks[b]=f.event.keyHooks),D.test(b)&&(f.event.fixHooks[b]=f.event.mouseHooks)}),function(){function x(a,b,c,e,f,g){for(var h=0,i=e.length;h<i;h++){var j=e[h];if(j){var k=!1;j=j[a];while(j){if(j[d]===c){k=e[j.sizset];break}if(j.nodeType===1){g||(j[d]=c,j.sizset=h);if(typeof b!="string"){if(j===b){k=!0;break}}else if(m.filter(b,[j]).length>0){k=j;break}}j=j[a]}e[h]=k}}}function w(a,b,c,e,f,g){for(var h=0,i=e.length;h<i;h++){var j=e[h];if(j){var k=!1;j=j[a];while(j){if(j[d]===c){k=e[j.sizset];break}j.nodeType===1&&!g&&(j[d]=c,j.sizset=h);if(j.nodeName.toLowerCase()===b){k=j;break}j=j[a]}e[h]=k}}}var a=/((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^\[\]]*\]|['"][^'"]*['"]|[^\[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g,d="sizcache"+(Math.random()+"").replace(".",""),e=0,g=Object.prototype.toString,h=!1,i=!0,j=/\\/g,k=/\r\n/g,l=/\W/;[0,0].sort(function(){i=!1;return 0});var m=function(b,d,e,f){e=e||[],d=d||c;var h=d;if(d.nodeType!==1&&d.nodeType!==9)return[];if(!b||typeof b!="string")return e;var i,j,k,l,n,q,r,t,u=!0,v=m.isXML(d),w=[],x=b;do{a.exec(""),i=a.exec(x);if(i){x=i[3],w.push(i[1]);if(i[2]){l=i[3];break}}}while(i);if(w.length>1&&p.exec(b))if(w.length===2&&o.relative[w[0]])j=y(w[0]+w[1],d,f);else{j=o.relative[w[0]]?[d]:m(w.shift(),d);while(w.length)b=w.shift(),o.relative[b]&&(b+=w.shift()),j=y(b,j,f)}else{!f&&w.length>1&&d.nodeType===9&&!v&&o.match.ID.test(w[0])&&!o.match.ID.test(w[w.length-1])&&(n=m.find(w.shift(),d,v),d=n.expr?m.filter(n.expr,n.set)[0]:n.set[0]);if(d){n=f?{expr:w.pop(),set:s(f)}:m.find(w.pop(),w.length===1&&(w[0]==="~"||w[0]==="+")&&d.parentNode?d.parentNode:d,v),j=n.expr?m.filter(n.expr,n.set):n.set,w.length>0?k=s(j):u=!1;while(w.length)q=w.pop(),r=q,o.relative[q]?r=w.pop():q="",r==null&&(r=d),o.relative[q](k,r,v)}else k=w=[]}k||(k=j),k||m.error(q||b);if(g.call(k)==="[object Array]")if(!u)e.push.apply(e,k);else if(d&&d.nodeType===1)for(t=0;k[t]!=null;t++)k[t]&&(k[t]===!0||k[t].nodeType===1&&m.contains(d,k[t]))&&e.push(j[t]);else for(t=0;k[t]!=null;t++)k[t]&&k[t].nodeType===1&&e.push(j[t]);else s(k,e);l&&(m(l,h,e,f),m.uniqueSort(e));return e};m.uniqueSort=function(a){if(u){h=i,a.sort(u);if(h)for(var b=1;b<a.length;b++)a[b]===a[b-1]&&a.splice(b--,1)}return a},m.matches=function(a,b){return m(a,null,null,b)},m.matchesSelector=function(a,b){return m(b,null,null,[a]).length>0},m.find=function(a,b,c){var d,e,f,g,h,i;if(!a)return[];for(e=0,f=o.order.length;e<f;e++){h=o.order[e];if(g=o.leftMatch[h].exec(a)){i=g[1],g.splice(1,1);if(i.substr(i.length-1)!=="\\"){g[1]=(g[1]||"").replace(j,""),d=o.find[h](g,b,c);if(d!=null){a=a.replace(o.match[h],"");break}}}}d||(d=typeof b.getElementsByTagName!="undefined"?b.getElementsByTagName("*"):[]);return{set:d,expr:a}},m.filter=function(a,c,d,e){var f,g,h,i,j,k,l,n,p,q=a,r=[],s=c,t=c&&c[0]&&m.isXML(c[0]);while(a&&c.length){for(h in o.filter)if((f=o.leftMatch[h].exec(a))!=null&&f[2]){k=o.filter[h],l=f[1],g=!1,f.splice(1,1);if(l.substr(l.length-1)==="\\")continue;s===r&&(r=[]);if(o.preFilter[h]){f=o.preFilter[h](f,s,d,r,e,t);if(!f)g=i=!0;else if(f===!0)continue}if(f)for(n=0;(j=s[n])!=null;n++)j&&(i=k(j,f,n,s),p=e^i,d&&i!=null?p?g=!0:s[n]=!1:p&&(r.push(j),g=!0));if(i!==b){d||(s=r),a=a.replace(o.match[h],"");if(!g)return[];break}}if(a===q)if(g==null)m.error(a);else break;q=a}return s},m.error=function(a){throw new Error("Syntax error, unrecognized expression: "+a)};var n=m.getText=function(a){var b,c,d=a.nodeType,e="";if(d){if(d===1||d===9||d===11){if(typeof a.textContent=="string")return a.textContent;if(typeof a.innerText=="string")return a.innerText.replace(k,"");for(a=a.firstChild;a;a=a.nextSibling)e+=n(a)}else if(d===3||d===4)return a.nodeValue}else for(b=0;c=a[b];b++)c.nodeType!==8&&(e+=n(c));return e},o=m.selectors={order:["ID","NAME","TAG"],match:{ID:/#((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,CLASS:/\.((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,NAME:/\[name=['"]*((?:[\w\u00c0-\uFFFF\-]|\\.)+)['"]*\]/,ATTR:/\[\s*((?:[\w\u00c0-\uFFFF\-]|\\.)+)\s*(?:(\S?=)\s*(?:(['"])(.*?)\3|(#?(?:[\w\u00c0-\uFFFF\-]|\\.)*)|)|)\s*\]/,TAG:/^((?:[\w\u00c0-\uFFFF\*\-]|\\.)+)/,CHILD:/:(only|nth|last|first)-child(?:\(\s*(even|odd|(?:[+\-]?\d+|(?:[+\-]?\d*)?n\s*(?:[+\-]\s*\d+)?))\s*\))?/,POS:/:(nth|eq|gt|lt|first|last|even|odd)(?:\((\d*)\))?(?=[^\-]|$)/,PSEUDO:/:((?:[\w\u00c0-\uFFFF\-]|\\.)+)(?:\((['"]?)((?:\([^\)]+\)|[^\(\)]*)+)\2\))?/},leftMatch:{},attrMap:{"class":"className","for":"htmlFor"},attrHandle:{href:function(a){return a.getAttribute("href")},type:function(a){return a.getAttribute("type")}},relative:{"+":function(a,b){var c=typeof b=="string",d=c&&!l.test(b),e=c&&!d;d&&(b=b.toLowerCase());for(var f=0,g=a.length,h;f<g;f++)if(h=a[f]){while((h=h.previousSibling)&&h.nodeType!==1);a[f]=e||h&&h.nodeName.toLowerCase()===b?h||!1:h===b}e&&m.filter(b,a,!0)},">":function(a,b){var c,d=typeof b=="string",e=0,f=a.length;if(d&&!l.test(b)){b=b.toLowerCase();for(;e<f;e++){c=a[e];if(c){var g=c.parentNode;a[e]=g.nodeName.toLowerCase()===b?g:!1}}}else{for(;e<f;e++)c=a[e],c&&(a[e]=d?c.parentNode:c.parentNode===b);d&&m.filter(b,a,!0)}},"":function(a,b,c){var d,f=e++,g=x;typeof b=="string"&&!l.test(b)&&(b=b.toLowerCase(),d=b,g=w),g("parentNode",b,f,a,d,c)},"~":function(a,b,c){var d,f=e++,g=x;typeof b=="string"&&!l.test(b)&&(b=b.toLowerCase(),d=b,g=w),g("previousSibling",b,f,a,d,c)}},find:{ID:function(a,b,c){if(typeof b.getElementById!="undefined"&&!c){var d=b.getElementById(a[1]);return d&&d.parentNode?[d]:[]}},NAME:function(a,b){if(typeof b.getElementsByName!="undefined"){var c=[],d=b.getElementsByName(a[1]);for(var e=0,f=d.length;e<f;e++)d[e].getAttribute("name")===a[1]&&c.push(d[e]);return c.length===0?null:c}},TAG:function(a,b){if(typeof b.getElementsByTagName!="undefined")return b.getElementsByTagName(a[1])}},preFilter:{CLASS:function(a,b,c,d,e,f){a=" "+a[1].replace(j,"")+" ";if(f)return a;for(var g=0,h;(h=b[g])!=null;g++)h&&(e^(h.className&&(" "+h.className+" ").replace(/[\t\n\r]/g," ").indexOf(a)>=0)?c||d.push(h):c&&(b[g]=!1));return!1},ID:function(a){return a[1].replace(j,"")},TAG:function(a,b){return a[1].replace(j,"").toLowerCase()},CHILD:function(a){if(a[1]==="nth"){a[2]||m.error(a[0]),a[2]=a[2].replace(/^\+|\s*/g,"");var b=/(-?)(\d*)(?:n([+\-]?\d*))?/.exec(a[2]==="even"&&"2n"||a[2]==="odd"&&"2n+1"||!/\D/.test(a[2])&&"0n+"+a[2]||a[2]);a[2]=b[1]+(b[2]||1)-0,a[3]=b[3]-0}else a[2]&&m.error(a[0]);a[0]=e++;return a},ATTR:function(a,b,c,d,e,f){var g=a[1]=a[1].replace(j,"");!f&&o.attrMap[g]&&(a[1]=o.attrMap[g]),a[4]=(a[4]||a[5]||"").replace(j,""),a[2]==="~="&&(a[4]=" "+a[4]+" ");return a},PSEUDO:function(b,c,d,e,f){if(b[1]==="not")if((a.exec(b[3])||"").length>1||/^\w/.test(b[3]))b[3]=m(b[3],null,null,c);else{var g=m.filter(b[3],c,d,!0^f);d||e.push.apply(e,g);return!1}else if(o.match.POS.test(b[0])||o.match.CHILD.test(b[0]))return!0;return b},POS:function(a){a.unshift(!0);return a}},filters:{enabled:function(a){return a.disabled===!1&&a.type!=="hidden"},disabled:function(a){return a.disabled===!0},checked:function(a){return a.checked===!0},selected:function(a){a.parentNode&&a.parentNode.selectedIndex;return a.selected===!0},parent:function(a){return!!a.firstChild},empty:function(a){return!a.firstChild},has:function(a,b,c){return!!m(c[3],a).length},header:function(a){return/h\d/i.test(a.nodeName)},text:function(a){var b=a.getAttribute("type"),c=a.type;return a.nodeName.toLowerCase()==="input"&&"text"===c&&(b===c||b===null)},radio:function(a){return a.nodeName.toLowerCase()==="input"&&"radio"===a.type},checkbox:function(a){return a.nodeName.toLowerCase()==="input"&&"checkbox"===a.type},file:function(a){return a.nodeName.toLowerCase()==="input"&&"file"===a.type},password:function(a){return a.nodeName.toLowerCase()==="input"&&"password"===a.type},submit:function(a){var b=a.nodeName.toLowerCase();return(b==="input"||b==="button")&&"submit"===a.type},image:function(a){return a.nodeName.toLowerCase()==="input"&&"image"===a.type},reset:function(a){var b=a.nodeName.toLowerCase();return(b==="input"||b==="button")&&"reset"===a.type},button:function(a){var b=a.nodeName.toLowerCase();return b==="input"&&"button"===a.type||b==="button"},input:function(a){return/input|select|textarea|button/i.test(a.nodeName)},focus:function(a){return a===a.ownerDocument.activeElement}},setFilters:{first:function(a,b){return b===0},last:function(a,b,c,d){return b===d.length-1},even:function(a,b){return b%2===0},odd:function(a,b){return b%2===1},lt:function(a,b,c){return b<c[3]-0},gt:function(a,b,c){return b>c[3]-0},nth:function(a,b,c){return c[3]-0===b},eq:function(a,b,c){return c[3]-0===b}},filter:{PSEUDO:function(a,b,c,d){var e=b[1],f=o.filters[e];if(f)return f(a,c,b,d);if(e==="contains")return(a.textContent||a.innerText||n([a])||"").indexOf(b[3])>=0;if(e==="not"){var g=b[3];for(var h=0,i=g.length;h<i;h++)if(g[h]===a)return!1;return!0}m.error(e)},CHILD:function(a,b){var c,e,f,g,h,i,j,k=b[1],l=a;switch(k){case"only":case"first":while(l=l.previousSibling)if(l.nodeType===1)return!1;if(k==="first")return!0;l=a;case"last":while(l=l.nextSibling)if(l.nodeType===1)return!1;return!0;case"nth":c=b[2],e=b[3];if(c===1&&e===0)return!0;f=b[0],g=a.parentNode;if(g&&(g[d]!==f||!a.nodeIndex)){i=0;for(l=g.firstChild;l;l=l.nextSibling)l.nodeType===1&&(l.nodeIndex=++i);g[d]=f}j=a.nodeIndex-e;return c===0?j===0:j%c===0&&j/c>=0}},ID:function(a,b){return a.nodeType===1&&a.getAttribute("id")===b},TAG:function(a,b){return b==="*"&&a.nodeType===1||!!a.nodeName&&a.nodeName.toLowerCase()===b},CLASS:function(a,b){return(" "+(a.className||a.getAttribute("class"))+" ").indexOf(b)>-1},ATTR:function(a,b){var c=b[1],d=m.attr?m.attr(a,c):o.attrHandle[c]?o.attrHandle[c](a):a[c]!=null?a[c]:a.getAttribute(c),e=d+"",f=b[2],g=b[4];return d==null?f==="!=":!f&&m.attr?d!=null:f==="="?e===g:f==="*="?e.indexOf(g)>=0:f==="~="?(" "+e+" ").indexOf(g)>=0:g?f==="!="?e!==g:f==="^="?e.indexOf(g)===0:f==="$="?e.substr(e.length-g.length)===g:f==="|="?e===g||e.substr(0,g.length+1)===g+"-":!1:e&&d!==!1},POS:function(a,b,c,d){var e=b[2],f=o.setFilters[e];if(f)return f(a,c,b,d)}}},p=o.match.POS,q=function(a,b){return"\\"+(b-0+1)};for(var r in o.match)o.match[r]=new RegExp(o.match[r].source+/(?![^\[]*\])(?![^\(]*\))/.source),o.leftMatch[r]=new RegExp(/(^(?:.|\r|\n)*?)/.source+o.match[r].source.replace(/\\(\d+)/g,q));o.match.globalPOS=p;var s=function(a,b){a=Array.prototype.slice.call(a,0);if(b){b.push.apply(b,a);return b}return a};try{Array.prototype.slice.call(c.documentElement.childNodes,0)[0].nodeType}catch(t){s=function(a,b){var c=0,d=b||[];if(g.call(a)==="[object Array]")Array.prototype.push.apply(d,a);else if(typeof a.length=="number")for(var e=a.length;c<e;c++)d.push(a[c]);else for(;a[c];c++)d.push(a[c]);return d}}var u,v;c.documentElement.compareDocumentPosition?u=function(a,b){if(a===b){h=!0;return 0}if(!a.compareDocumentPosition||!b.compareDocumentPosition)return a.compareDocumentPosition?-1:1;return a.compareDocumentPosition(b)&4?-1:1}:(u=function(a,b){if(a===b){h=!0;return 0}if(a.sourceIndex&&b.sourceIndex)return a.sourceIndex-b.sourceIndex;var c,d,e=[],f=[],g=a.parentNode,i=b.parentNode,j=g;if(g===i)return v(a,b);if(!g)return-1;if(!i)return 1;while(j)e.unshift(j),j=j.parentNode;j=i;while(j)f.unshift(j),j=j.parentNode;c=e.length,d=f.length;for(var k=0;k<c&&k<d;k++)if(e[k]!==f[k])return v(e[k],f[k]);return k===c?v(a,f[k],-1):v(e[k],b,1)},v=function(a,b,c){if(a===b)return c;var d=a.nextSibling;while(d){if(d===b)return-1;d=d.nextSibling}return 1}),function(){var a=c.createElement("div"),d="script"+(new Date).getTime(),e=c.documentElement;a.innerHTML="<a name='"+d+"'/>",e.insertBefore(a,e.firstChild),c.getElementById(d)&&(o.find.ID=function(a,c,d){if(typeof c.getElementById!="undefined"&&!d){var e=c.getElementById(a[1]);return e?e.id===a[1]||typeof e.getAttributeNode!="undefined"&&e.getAttributeNode("id").nodeValue===a[1]?[e]:b:[]}},o.filter.ID=function(a,b){var c=typeof a.getAttributeNode!="undefined"&&a.getAttributeNode("id");return a.nodeType===1&&c&&c.nodeValue===b}),e.removeChild(a),e=a=null}(),function(){var a=c.createElement("div");a.appendChild(c.createComment("")),a.getElementsByTagName("*").length>0&&(o.find.TAG=function(a,b){var c=b.getElementsByTagName(a[1]);if(a[1]==="*"){var d=[];for(var e=0;c[e];e++)c[e].nodeType===1&&d.push(c[e]);c=d}return c}),a.innerHTML="<a href='#'></a>",a.firstChild&&typeof a.firstChild.getAttribute!="undefined"&&a.firstChild.getAttribute("href")!=="#"&&(o.attrHandle.href=function(a){return a.getAttribute("href",2)}),a=null}(),c.querySelectorAll&&function(){var a=m,b=c.createElement("div"),d="__sizzle__";b.innerHTML="<p class='TEST'></p>";if(!b.querySelectorAll||b.querySelectorAll(".TEST").length!==0){m=function(b,e,f,g){e=e||c;if(!g&&!m.isXML(e)){var h=/^(\w+$)|^\.([\w\-]+$)|^#([\w\-]+$)/.exec(b);if(h&&(e.nodeType===1||e.nodeType===9)){if(h[1])return s(e.getElementsByTagName(b),f);if(h[2]&&o.find.CLASS&&e.getElementsByClassName)return s(e.getElementsByClassName(h[2]),f)}if(e.nodeType===9){if(b==="body"&&e.body)return s([e.body],f);if(h&&h[3]){var i=e.getElementById(h[3]);if(!i||!i.parentNode)return s([],f);if(i.id===h[3])return s([i],f)}try{return s(e.querySelectorAll(b),f)}catch(j){}}else if(e.nodeType===1&&e.nodeName.toLowerCase()!=="object"){var k=e,l=e.getAttribute("id"),n=l||d,p=e.parentNode,q=/^\s*[+~]/.test(b);l?n=n.replace(/'/g,"\\$&"):e.setAttribute("id",n),q&&p&&(e=e.parentNode);try{if(!q||p)return s(e.querySelectorAll("[id='"+n+"'] "+b),f)}catch(r){}finally{l||k.removeAttribute("id")}}}return a(b,e,f,g)};for(var e in a)m[e]=a[e];b=null}}(),function(){var a=c.documentElement,b=a.matchesSelector||a.mozMatchesSelector||a.webkitMatchesSelector||a.msMatchesSelector;if(b){var d=!b.call(c.createElement("div"),"div"),e=!1;try{b.call(c.documentElement,"[test!='']:sizzle")}catch(f){e=!0}m.matchesSelector=function(a,c){c=c.replace(/\=\s*([^'"\]]*)\s*\]/g,"='$1']");if(!m.isXML(a))try{if(e||!o.match.PSEUDO.test(c)&&!/!=/.test(c)){var f=b.call(a,c);if(f||!d||a.document&&a.document.nodeType!==11)return f}}catch(g){}return m(c,null,null,[a]).length>0}}}(),function(){var a=c.createElement("div");a.innerHTML="<div class='test e'></div><div class='test'></div>";if(!!a.getElementsByClassName&&a.getElementsByClassName("e").length!==0){a.lastChild.className="e";if(a.getElementsByClassName("e").length===1)return;o.order.splice(1,0,"CLASS"),o.find.CLASS=function(a,b,c){if(typeof b.getElementsByClassName!="undefined"&&!c)return b.getElementsByClassName(a[1])},a=null}}(),c.documentElement.contains?m.contains=function(a,b){return a!==b&&(a.contains?a.contains(b):!0)}:c.documentElement.compareDocumentPosition?m.contains=function(a,b){return!!(a.compareDocumentPosition(b)&16)}:m.contains=function(){return!1},m.isXML=function(a){var b=(a?a.ownerDocument||a:0).documentElement;return b?b.nodeName!=="HTML":!1};var y=function(a,b,c){var d,e=[],f="",g=b.nodeType?[b]:b;while(d=o.match.PSEUDO.exec(a))f+=d[0],a=a.replace(o.match.PSEUDO,"");a=o.relative[a]?a+"*":a;for(var h=0,i=g.length;h<i;h++)m(a,g[h],e,c);return m.filter(f,e)};m.attr=f.attr,m.selectors.attrMap={},f.find=m,f.expr=m.selectors,f.expr[":"]=f.expr.filters,f.unique=m.uniqueSort,f.text=m.getText,f.isXMLDoc=m.isXML,f.contains=m.contains}();var L=/Until$/,M=/^(?:parents|prevUntil|prevAll)/,N=/,/,O=/^.[^:#\[\.,]*$/,P=Array.prototype.slice,Q=f.expr.match.globalPOS,R={children:!0,contents:!0,next:!0,prev:!0};f.fn.extend({find:function(a){var b=this,c,d;if(typeof a!="string")return f(a).filter(function(){for(c=0,d=b.length;c<d;c++)if(f.contains(b[c],this))return!0});var e=this.pushStack("","find",a),g,h,i;for(c=0,d=this.length;c<d;c++){g=e.length,f.find(a,this[c],e);if(c>0)for(h=g;h<e.length;h++)for(i=0;i<g;i++)if(e[i]===e[h]){e.splice(h--,1);break}}return e},has:function(a){var b=f(a);return this.filter(function(){for(var a=0,c=b.length;a<c;a++)if(f.contains(this,b[a]))return!0})},not:function(a){return this.pushStack(T(this,a,!1),"not",a)},filter:function(a){return this.pushStack(T(this,a,!0),"filter",a)},is:function(a){return!!a&&(typeof a=="string"?Q.test(a)?f(a,this.context).index(this[0])>=0:f.filter(a,this).length>0:this.filter(a).length>0)},closest:function(a,b){var c=[],d,e,g=this[0];if(f.isArray(a)){var h=1;while(g&&g.ownerDocument&&g!==b){for(d=0;d<a.length;d++)f(g).is(a[d])&&c.push({selector:a[d],elem:g,level:h});g=g.parentNode,h++}return c}var i=Q.test(a)||typeof a!="string"?f(a,b||this.context):0;for(d=0,e=this.length;d<e;d++){g=this[d];while(g){if(i?i.index(g)>-1:f.find.matchesSelector(g,a)){c.push(g);break}g=g.parentNode;if(!g||!g.ownerDocument||g===b||g.nodeType===11)break}}c=c.length>1?f.unique(c):c;return this.pushStack(c,"closest",a)},index:function(a){if(!a)return this[0]&&this[0].parentNode?this.prevAll().length:-1;if(typeof a=="string")return f.inArray(this[0],f(a));return f.inArray(a.jquery?a[0]:a,this)},add:function(a,b){var c=typeof a=="string"?f(a,b):f.makeArray(a&&a.nodeType?[a]:a),d=f.merge(this.get(),c);return this.pushStack(S(c[0])||S(d[0])?d:f.unique(d))},andSelf:function(){return this.add(this.prevObject)}}),f.each({parent:function(a){var b=a.parentNode;return b&&b.nodeType!==11?b:null},parents:function(a){return f.dir(a,"parentNode")},parentsUntil:function(a,b,c){return f.dir(a,"parentNode",c)},next:function(a){return f.nth(a,2,"nextSibling")},prev:function(a){return f.nth(a,2,"previousSibling")},nextAll:function(a){return f.dir(a,"nextSibling")},prevAll:function(a){return f.dir(a,"previousSibling")},nextUntil:function(a,b,c){return f.dir(a,"nextSibling",c)},prevUntil:function(a,b,c){return f.dir(a,"previousSibling",c)},siblings:function(a){return f.sibling((a.parentNode||{}).firstChild,a)},children:function(a){return f.sibling(a.firstChild)},contents:function(a){return f.nodeName(a,"iframe")?a.contentDocument||a.contentWindow.document:f.makeArray(a.childNodes)}},function(a,b){f.fn[a]=function(c,d){var e=f.map(this,b,c);L.test(a)||(d=c),d&&typeof d=="string"&&(e=f.filter(d,e)),e=this.length>1&&!R[a]?f.unique(e):e,(this.length>1||N.test(d))&&M.test(a)&&(e=e.reverse());return this.pushStack(e,a,P.call(arguments).join(","))}}),f.extend({filter:function(a,b,c){c&&(a=":not("+a+")");return b.length===1?f.find.matchesSelector(b[0],a)?[b[0]]:[]:f.find.matches(a,b)},dir:function(a,c,d){var e=[],g=a[c];while(g&&g.nodeType!==9&&(d===b||g.nodeType!==1||!f(g).is(d)))g.nodeType===1&&e.push(g),g=g[c];return e},nth:function(a,b,c,d){b=b||1;var e=0;for(;a;a=a[c])if(a.nodeType===1&&++e===b)break;return a},sibling:function(a,b){var c=[];for(;a;a=a.nextSibling)a.nodeType===1&&a!==b&&c.push(a);return c}});var V="abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",W=/ jQuery\d+="(?:\d+|null)"/g,X=/^\s+/,Y=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,Z=/<([\w:]+)/,$=/<tbody/i,_=/<|&#?\w+;/,ba=/<(?:script|style)/i,bb=/<(?:script|object|embed|option|style)/i,bc=new RegExp("<(?:"+V+")[\\s/>]","i"),bd=/checked\s*(?:[^=]|=\s*.checked.)/i,be=/\/(java|ecma)script/i,bf=/^\s*<!(?:\[CDATA\[|\-\-)/,bg={option:[1,"<select multiple='multiple'>","</select>"],legend:[1,"<fieldset>","</fieldset>"],thead:[1,"<table>","</table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],col:[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"],area:[1,"<map>","</map>"],_default:[0,"",""]},bh=U(c);bg.optgroup=bg.option,bg.tbody=bg.tfoot=bg.colgroup=bg.caption=bg.thead,bg.th=bg.td,f.support.htmlSerialize||(bg._default=[1,"div<div>","</div>"]),f.fn.extend({text:function(a){return f.access(this,function(a){return a===b?f.text(this):this.empty().append((this[0]&&this[0].ownerDocument||c).createTextNode(a))},null,a,arguments.length)},wrapAll:function(a){if(f.isFunction(a))return this.each(function(b){f(this).wrapAll(a.call(this,b))});if(this[0]){var b=f(a,this[0].ownerDocument).eq(0).clone(!0);this[0].parentNode&&b.insertBefore(this[0]),b.map(function(){var a=this;while(a.firstChild&&a.firstChild.nodeType===1)a=a.firstChild;return a}).append(this)}return this},wrapInner:function(a){if(f.isFunction(a))return this.each(function(b){f(this).wrapInner(a.call(this,b))});return this.each(function(){var b=f(this),c=b.contents();c.length?c.wrapAll(a):b.append(a)})},wrap:function(a){var b=f.isFunction(a);return this.each(function(c){f(this).wrapAll(b?a.call(this,c):a)})},unwrap:function(){return this.parent().each(function(){f.nodeName(this,"body")||f(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,!0,function(a){this.nodeType===1&&this.appendChild(a)})},prepend:function(){return this.domManip(arguments,!0,function(a){this.nodeType===1&&this.insertBefore(a,this.firstChild)})},before:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this)});if(arguments.length){var a=f
.clean(arguments);a.push.apply(a,this.toArray());return this.pushStack(a,"before",arguments)}},after:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this.nextSibling)});if(arguments.length){var a=this.pushStack(this,"after",arguments);a.push.apply(a,f.clean(arguments));return a}},remove:function(a,b){for(var c=0,d;(d=this[c])!=null;c++)if(!a||f.filter(a,[d]).length)!b&&d.nodeType===1&&(f.cleanData(d.getElementsByTagName("*")),f.cleanData([d])),d.parentNode&&d.parentNode.removeChild(d);return this},empty:function(){for(var a=0,b;(b=this[a])!=null;a++){b.nodeType===1&&f.cleanData(b.getElementsByTagName("*"));while(b.firstChild)b.removeChild(b.firstChild)}return this},clone:function(a,b){a=a==null?!1:a,b=b==null?a:b;return this.map(function(){return f.clone(this,a,b)})},html:function(a){return f.access(this,function(a){var c=this[0]||{},d=0,e=this.length;if(a===b)return c.nodeType===1?c.innerHTML.replace(W,""):null;if(typeof a=="string"&&!ba.test(a)&&(f.support.leadingWhitespace||!X.test(a))&&!bg[(Z.exec(a)||["",""])[1].toLowerCase()]){a=a.replace(Y,"<$1></$2>");try{for(;d<e;d++)c=this[d]||{},c.nodeType===1&&(f.cleanData(c.getElementsByTagName("*")),c.innerHTML=a);c=0}catch(g){}}c&&this.empty().append(a)},null,a,arguments.length)},replaceWith:function(a){if(this[0]&&this[0].parentNode){if(f.isFunction(a))return this.each(function(b){var c=f(this),d=c.html();c.replaceWith(a.call(this,b,d))});typeof a!="string"&&(a=f(a).detach());return this.each(function(){var b=this.nextSibling,c=this.parentNode;f(this).remove(),b?f(b).before(a):f(c).append(a)})}return this.length?this.pushStack(f(f.isFunction(a)?a():a),"replaceWith",a):this},detach:function(a){return this.remove(a,!0)},domManip:function(a,c,d){var e,g,h,i,j=a[0],k=[];if(!f.support.checkClone&&arguments.length===3&&typeof j=="string"&&bd.test(j))return this.each(function(){f(this).domManip(a,c,d,!0)});if(f.isFunction(j))return this.each(function(e){var g=f(this);a[0]=j.call(this,e,c?g.html():b),g.domManip(a,c,d)});if(this[0]){i=j&&j.parentNode,f.support.parentNode&&i&&i.nodeType===11&&i.childNodes.length===this.length?e={fragment:i}:e=f.buildFragment(a,this,k),h=e.fragment,h.childNodes.length===1?g=h=h.firstChild:g=h.firstChild;if(g){c=c&&f.nodeName(g,"tr");for(var l=0,m=this.length,n=m-1;l<m;l++)d.call(c?bi(this[l],g):this[l],e.cacheable||m>1&&l<n?f.clone(h,!0,!0):h)}k.length&&f.each(k,function(a,b){b.src?f.ajax({type:"GET",global:!1,url:b.src,async:!1,dataType:"script"}):f.globalEval((b.text||b.textContent||b.innerHTML||"").replace(bf,"/*$0*/")),b.parentNode&&b.parentNode.removeChild(b)})}return this}}),f.buildFragment=function(a,b,d){var e,g,h,i,j=a[0];b&&b[0]&&(i=b[0].ownerDocument||b[0]),i.createDocumentFragment||(i=c),a.length===1&&typeof j=="string"&&j.length<512&&i===c&&j.charAt(0)==="<"&&!bb.test(j)&&(f.support.checkClone||!bd.test(j))&&(f.support.html5Clone||!bc.test(j))&&(g=!0,h=f.fragments[j],h&&h!==1&&(e=h)),e||(e=i.createDocumentFragment(),f.clean(a,i,e,d)),g&&(f.fragments[j]=h?e:1);return{fragment:e,cacheable:g}},f.fragments={},f.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){f.fn[a]=function(c){var d=[],e=f(c),g=this.length===1&&this[0].parentNode;if(g&&g.nodeType===11&&g.childNodes.length===1&&e.length===1){e[b](this[0]);return this}for(var h=0,i=e.length;h<i;h++){var j=(h>0?this.clone(!0):this).get();f(e[h])[b](j),d=d.concat(j)}return this.pushStack(d,a,e.selector)}}),f.extend({clone:function(a,b,c){var d,e,g,h=f.support.html5Clone||f.isXMLDoc(a)||!bc.test("<"+a.nodeName+">")?a.cloneNode(!0):bo(a);if((!f.support.noCloneEvent||!f.support.noCloneChecked)&&(a.nodeType===1||a.nodeType===11)&&!f.isXMLDoc(a)){bk(a,h),d=bl(a),e=bl(h);for(g=0;d[g];++g)e[g]&&bk(d[g],e[g])}if(b){bj(a,h);if(c){d=bl(a),e=bl(h);for(g=0;d[g];++g)bj(d[g],e[g])}}d=e=null;return h},clean:function(a,b,d,e){var g,h,i,j=[];b=b||c,typeof b.createElement=="undefined"&&(b=b.ownerDocument||b[0]&&b[0].ownerDocument||c);for(var k=0,l;(l=a[k])!=null;k++){typeof l=="number"&&(l+="");if(!l)continue;if(typeof l=="string")if(!_.test(l))l=b.createTextNode(l);else{l=l.replace(Y,"<$1></$2>");var m=(Z.exec(l)||["",""])[1].toLowerCase(),n=bg[m]||bg._default,o=n[0],p=b.createElement("div"),q=bh.childNodes,r;b===c?bh.appendChild(p):U(b).appendChild(p),p.innerHTML=n[1]+l+n[2];while(o--)p=p.lastChild;if(!f.support.tbody){var s=$.test(l),t=m==="table"&&!s?p.firstChild&&p.firstChild.childNodes:n[1]==="<table>"&&!s?p.childNodes:[];for(i=t.length-1;i>=0;--i)f.nodeName(t[i],"tbody")&&!t[i].childNodes.length&&t[i].parentNode.removeChild(t[i])}!f.support.leadingWhitespace&&X.test(l)&&p.insertBefore(b.createTextNode(X.exec(l)[0]),p.firstChild),l=p.childNodes,p&&(p.parentNode.removeChild(p),q.length>0&&(r=q[q.length-1],r&&r.parentNode&&r.parentNode.removeChild(r)))}var u;if(!f.support.appendChecked)if(l[0]&&typeof (u=l.length)=="number")for(i=0;i<u;i++)bn(l[i]);else bn(l);l.nodeType?j.push(l):j=f.merge(j,l)}if(d){g=function(a){return!a.type||be.test(a.type)};for(k=0;j[k];k++){h=j[k];if(e&&f.nodeName(h,"script")&&(!h.type||be.test(h.type)))e.push(h.parentNode?h.parentNode.removeChild(h):h);else{if(h.nodeType===1){var v=f.grep(h.getElementsByTagName("script"),g);j.splice.apply(j,[k+1,0].concat(v))}d.appendChild(h)}}}return j},cleanData:function(a){var b,c,d=f.cache,e=f.event.special,g=f.support.deleteExpando;for(var h=0,i;(i=a[h])!=null;h++){if(i.nodeName&&f.noData[i.nodeName.toLowerCase()])continue;c=i[f.expando];if(c){b=d[c];if(b&&b.events){for(var j in b.events)e[j]?f.event.remove(i,j):f.removeEvent(i,j,b.handle);b.handle&&(b.handle.elem=null)}g?delete i[f.expando]:i.removeAttribute&&i.removeAttribute(f.expando),delete d[c]}}}});var bp=/alpha\([^)]*\)/i,bq=/opacity=([^)]*)/,br=/([A-Z]|^ms)/g,bs=/^[\-+]?(?:\d*\.)?\d+$/i,bt=/^-?(?:\d*\.)?\d+(?!px)[^\d\s]+$/i,bu=/^([\-+])=([\-+.\de]+)/,bv=/^margin/,bw={position:"absolute",visibility:"hidden",display:"block"},bx=["Top","Right","Bottom","Left"],by,bz,bA;f.fn.css=function(a,c){return f.access(this,function(a,c,d){return d!==b?f.style(a,c,d):f.css(a,c)},a,c,arguments.length>1)},f.extend({cssHooks:{opacity:{get:function(a,b){if(b){var c=by(a,"opacity");return c===""?"1":c}return a.style.opacity}}},cssNumber:{fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":f.support.cssFloat?"cssFloat":"styleFloat"},style:function(a,c,d,e){if(!!a&&a.nodeType!==3&&a.nodeType!==8&&!!a.style){var g,h,i=f.camelCase(c),j=a.style,k=f.cssHooks[i];c=f.cssProps[i]||i;if(d===b){if(k&&"get"in k&&(g=k.get(a,!1,e))!==b)return g;return j[c]}h=typeof d,h==="string"&&(g=bu.exec(d))&&(d=+(g[1]+1)*+g[2]+parseFloat(f.css(a,c)),h="number");if(d==null||h==="number"&&isNaN(d))return;h==="number"&&!f.cssNumber[i]&&(d+="px");if(!k||!("set"in k)||(d=k.set(a,d))!==b)try{j[c]=d}catch(l){}}},css:function(a,c,d){var e,g;c=f.camelCase(c),g=f.cssHooks[c],c=f.cssProps[c]||c,c==="cssFloat"&&(c="float");if(g&&"get"in g&&(e=g.get(a,!0,d))!==b)return e;if(by)return by(a,c)},swap:function(a,b,c){var d={},e,f;for(f in b)d[f]=a.style[f],a.style[f]=b[f];e=c.call(a);for(f in b)a.style[f]=d[f];return e}}),f.curCSS=f.css,c.defaultView&&c.defaultView.getComputedStyle&&(bz=function(a,b){var c,d,e,g,h=a.style;b=b.replace(br,"-$1").toLowerCase(),(d=a.ownerDocument.defaultView)&&(e=d.getComputedStyle(a,null))&&(c=e.getPropertyValue(b),c===""&&!f.contains(a.ownerDocument.documentElement,a)&&(c=f.style(a,b))),!f.support.pixelMargin&&e&&bv.test(b)&&bt.test(c)&&(g=h.width,h.width=c,c=e.width,h.width=g);return c}),c.documentElement.currentStyle&&(bA=function(a,b){var c,d,e,f=a.currentStyle&&a.currentStyle[b],g=a.style;f==null&&g&&(e=g[b])&&(f=e),bt.test(f)&&(c=g.left,d=a.runtimeStyle&&a.runtimeStyle.left,d&&(a.runtimeStyle.left=a.currentStyle.left),g.left=b==="fontSize"?"1em":f,f=g.pixelLeft+"px",g.left=c,d&&(a.runtimeStyle.left=d));return f===""?"auto":f}),by=bz||bA,f.each(["height","width"],function(a,b){f.cssHooks[b]={get:function(a,c,d){if(c)return a.offsetWidth!==0?bB(a,b,d):f.swap(a,bw,function(){return bB(a,b,d)})},set:function(a,b){return bs.test(b)?b+"px":b}}}),f.support.opacity||(f.cssHooks.opacity={get:function(a,b){return bq.test((b&&a.currentStyle?a.currentStyle.filter:a.style.filter)||"")?parseFloat(RegExp.$1)/100+"":b?"1":""},set:function(a,b){var c=a.style,d=a.currentStyle,e=f.isNumeric(b)?"alpha(opacity="+b*100+")":"",g=d&&d.filter||c.filter||"";c.zoom=1;if(b>=1&&f.trim(g.replace(bp,""))===""){c.removeAttribute("filter");if(d&&!d.filter)return}c.filter=bp.test(g)?g.replace(bp,e):g+" "+e}}),f(function(){f.support.reliableMarginRight||(f.cssHooks.marginRight={get:function(a,b){return f.swap(a,{display:"inline-block"},function(){return b?by(a,"margin-right"):a.style.marginRight})}})}),f.expr&&f.expr.filters&&(f.expr.filters.hidden=function(a){var b=a.offsetWidth,c=a.offsetHeight;return b===0&&c===0||!f.support.reliableHiddenOffsets&&(a.style&&a.style.display||f.css(a,"display"))==="none"},f.expr.filters.visible=function(a){return!f.expr.filters.hidden(a)}),f.each({margin:"",padding:"",border:"Width"},function(a,b){f.cssHooks[a+b]={expand:function(c){var d,e=typeof c=="string"?c.split(" "):[c],f={};for(d=0;d<4;d++)f[a+bx[d]+b]=e[d]||e[d-2]||e[0];return f}}});var bC=/%20/g,bD=/\[\]$/,bE=/\r?\n/g,bF=/#.*$/,bG=/^(.*?):[ \t]*([^\r\n]*)\r?$/mg,bH=/^(?:color|date|datetime|datetime-local|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i,bI=/^(?:about|app|app\-storage|.+\-extension|file|res|widget):$/,bJ=/^(?:GET|HEAD)$/,bK=/^\/\//,bL=/\?/,bM=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,bN=/^(?:select|textarea)/i,bO=/\s+/,bP=/([?&])_=[^&]*/,bQ=/^([\w\+\.\-]+:)(?:\/\/([^\/?#:]*)(?::(\d+))?)?/,bR=f.fn.load,bS={},bT={},bU,bV,bW=["*/"]+["*"];try{bU=e.href}catch(bX){bU=c.createElement("a"),bU.href="",bU=bU.href}bV=bQ.exec(bU.toLowerCase())||[],f.fn.extend({load:function(a,c,d){if(typeof a!="string"&&bR)return bR.apply(this,arguments);if(!this.length)return this;var e=a.indexOf(" ");if(e>=0){var g=a.slice(e,a.length);a=a.slice(0,e)}var h="GET";c&&(f.isFunction(c)?(d=c,c=b):typeof c=="object"&&(c=f.param(c,f.ajaxSettings.traditional),h="POST"));var i=this;f.ajax({url:a,type:h,dataType:"html",data:c,complete:function(a,b,c){c=a.responseText,a.isResolved()&&(a.done(function(a){c=a}),i.html(g?f("<div>").append(c.replace(bM,"")).find(g):c)),d&&i.each(d,[c,b,a])}});return this},serialize:function(){return f.param(this.serializeArray())},serializeArray:function(){return this.map(function(){return this.elements?f.makeArray(this.elements):this}).filter(function(){return this.name&&!this.disabled&&(this.checked||bN.test(this.nodeName)||bH.test(this.type))}).map(function(a,b){var c=f(this).val();return c==null?null:f.isArray(c)?f.map(c,function(a,c){return{name:b.name,value:a.replace(bE,"\r\n")}}):{name:b.name,value:c.replace(bE,"\r\n")}}).get()}}),f.each("ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split(" "),function(a,b){f.fn[b]=function(a){return this.on(b,a)}}),f.each(["get","post"],function(a,c){f[c]=function(a,d,e,g){f.isFunction(d)&&(g=g||e,e=d,d=b);return f.ajax({type:c,url:a,data:d,success:e,dataType:g})}}),f.extend({getScript:function(a,c){return f.get(a,b,c,"script")},getJSON:function(a,b,c){return f.get(a,b,c,"json")},ajaxSetup:function(a,b){b?b$(a,f.ajaxSettings):(b=a,a=f.ajaxSettings),b$(a,b);return a},ajaxSettings:{url:bU,isLocal:bI.test(bV[1]),global:!0,type:"GET",contentType:"application/x-www-form-urlencoded; charset=UTF-8",processData:!0,async:!0,accepts:{xml:"application/xml, text/xml",html:"text/html",text:"text/plain",json:"application/json, text/javascript","*":bW},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText"},converters:{"* text":a.String,"text html":!0,"text json":f.parseJSON,"text xml":f.parseXML},flatOptions:{context:!0,url:!0}},ajaxPrefilter:bY(bS),ajaxTransport:bY(bT),ajax:function(a,c){function w(a,c,l,m){if(s!==2){s=2,q&&clearTimeout(q),p=b,n=m||"",v.readyState=a>0?4:0;var o,r,u,w=c,x=l?ca(d,v,l):b,y,z;if(a>=200&&a<300||a===304){if(d.ifModified){if(y=v.getResponseHeader("Last-Modified"))f.lastModified[k]=y;if(z=v.getResponseHeader("Etag"))f.etag[k]=z}if(a===304)w="notmodified",o=!0;else try{r=cb(d,x),w="success",o=!0}catch(A){w="parsererror",u=A}}else{u=w;if(!w||a)w="error",a<0&&(a=0)}v.status=a,v.statusText=""+(c||w),o?h.resolveWith(e,[r,w,v]):h.rejectWith(e,[v,w,u]),v.statusCode(j),j=b,t&&g.trigger("ajax"+(o?"Success":"Error"),[v,d,o?r:u]),i.fireWith(e,[v,w]),t&&(g.trigger("ajaxComplete",[v,d]),--f.active||f.event.trigger("ajaxStop"))}}typeof a=="object"&&(c=a,a=b),c=c||{};var d=f.ajaxSetup({},c),e=d.context||d,g=e!==d&&(e.nodeType||e instanceof f)?f(e):f.event,h=f.Deferred(),i=f.Callbacks("once memory"),j=d.statusCode||{},k,l={},m={},n,o,p,q,r,s=0,t,u,v={readyState:0,setRequestHeader:function(a,b){if(!s){var c=a.toLowerCase();a=m[c]=m[c]||a,l[a]=b}return this},getAllResponseHeaders:function(){return s===2?n:null},getResponseHeader:function(a){var c;if(s===2){if(!o){o={};while(c=bG.exec(n))o[c[1].toLowerCase()]=c[2]}c=o[a.toLowerCase()]}return c===b?null:c},overrideMimeType:function(a){s||(d.mimeType=a);return this},abort:function(a){a=a||"abort",p&&p.abort(a),w(0,a);return this}};h.promise(v),v.success=v.done,v.error=v.fail,v.complete=i.add,v.statusCode=function(a){if(a){var b;if(s<2)for(b in a)j[b]=[j[b],a[b]];else b=a[v.status],v.then(b,b)}return this},d.url=((a||d.url)+"").replace(bF,"").replace(bK,bV[1]+"//"),d.dataTypes=f.trim(d.dataType||"*").toLowerCase().split(bO),d.crossDomain==null&&(r=bQ.exec(d.url.toLowerCase()),d.crossDomain=!(!r||r[1]==bV[1]&&r[2]==bV[2]&&(r[3]||(r[1]==="http:"?80:443))==(bV[3]||(bV[1]==="http:"?80:443)))),d.data&&d.processData&&typeof d.data!="string"&&(d.data=f.param(d.data,d.traditional)),bZ(bS,d,c,v);if(s===2)return!1;t=d.global,d.type=d.type.toUpperCase(),d.hasContent=!bJ.test(d.type),t&&f.active++===0&&f.event.trigger("ajaxStart");if(!d.hasContent){d.data&&(d.url+=(bL.test(d.url)?"&":"?")+d.data,delete d.data),k=d.url;if(d.cache===!1){var x=f.now(),y=d.url.replace(bP,"$1_="+x);d.url=y+(y===d.url?(bL.test(d.url)?"&":"?")+"_="+x:"")}}(d.data&&d.hasContent&&d.contentType!==!1||c.contentType)&&v.setRequestHeader("Content-Type",d.contentType),d.ifModified&&(k=k||d.url,f.lastModified[k]&&v.setRequestHeader("If-Modified-Since",f.lastModified[k]),f.etag[k]&&v.setRequestHeader("If-None-Match",f.etag[k])),v.setRequestHeader("Accept",d.dataTypes[0]&&d.accepts[d.dataTypes[0]]?d.accepts[d.dataTypes[0]]+(d.dataTypes[0]!=="*"?", "+bW+"; q=0.01":""):d.accepts["*"]);for(u in d.headers)v.setRequestHeader(u,d.headers[u]);if(d.beforeSend&&(d.beforeSend.call(e,v,d)===!1||s===2)){v.abort();return!1}for(u in{success:1,error:1,complete:1})v[u](d[u]);p=bZ(bT,d,c,v);if(!p)w(-1,"No Transport");else{v.readyState=1,t&&g.trigger("ajaxSend",[v,d]),d.async&&d.timeout>0&&(q=setTimeout(function(){v.abort("timeout")},d.timeout));try{s=1,p.send(l,w)}catch(z){if(s<2)w(-1,z);else throw z}}return v},param:function(a,c){var d=[],e=function(a,b){b=f.isFunction(b)?b():b,d[d.length]=encodeURIComponent(a)+"="+encodeURIComponent(b)};c===b&&(c=f.ajaxSettings.traditional);if(f.isArray(a)||a.jquery&&!f.isPlainObject(a))f.each(a,function(){e(this.name,this.value)});else for(var g in a)b_(g,a[g],c,e);return d.join("&").replace(bC,"+")}}),f.extend({active:0,lastModified:{},etag:{}});var cc=f.now(),cd=/(\=)\?(&|$)|\?\?/i;f.ajaxSetup({jsonp:"callback",jsonpCallback:function(){return f.expando+"_"+cc++}}),f.ajaxPrefilter("json jsonp",function(b,c,d){var e=typeof b.data=="string"&&/^application\/x\-www\-form\-urlencoded/.test(b.contentType);if(b.dataTypes[0]==="jsonp"||b.jsonp!==!1&&(cd.test(b.url)||e&&cd.test(b.data))){var g,h=b.jsonpCallback=f.isFunction(b.jsonpCallback)?b.jsonpCallback():b.jsonpCallback,i=a[h],j=b.url,k=b.data,l="$1"+h+"$2";b.jsonp!==!1&&(j=j.replace(cd,l),b.url===j&&(e&&(k=k.replace(cd,l)),b.data===k&&(j+=(/\?/.test(j)?"&":"?")+b.jsonp+"="+h))),b.url=j,b.data=k,a[h]=function(a){g=[a]},d.always(function(){a[h]=i,g&&f.isFunction(i)&&a[h](g[0])}),b.converters["script json"]=function(){g||f.error(h+" was not called");return g[0]},b.dataTypes[0]="json";return"script"}}),f.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/javascript|ecmascript/},converters:{"text script":function(a){f.globalEval(a);return a}}}),f.ajaxPrefilter("script",function(a){a.cache===b&&(a.cache=!1),a.crossDomain&&(a.type="GET",a.global=!1)}),f.ajaxTransport("script",function(a){if(a.crossDomain){var d,e=c.head||c.getElementsByTagName("head")[0]||c.documentElement;return{send:function(f,g){d=c.createElement("script"),d.async="async",a.scriptCharset&&(d.charset=a.scriptCharset),d.src=a.url,d.onload=d.onreadystatechange=function(a,c){if(c||!d.readyState||/loaded|complete/.test(d.readyState))d.onload=d.onreadystatechange=null,e&&d.parentNode&&e.removeChild(d),d=b,c||g(200,"success")},e.insertBefore(d,e.firstChild)},abort:function(){d&&d.onload(0,1)}}}});var ce=a.ActiveXObject?function(){for(var a in cg)cg[a](0,1)}:!1,cf=0,cg;f.ajaxSettings.xhr=a.ActiveXObject?function(){return!this.isLocal&&ch()||ci()}:ch,function(a){f.extend(f.support,{ajax:!!a,cors:!!a&&"withCredentials"in a})}(f.ajaxSettings.xhr()),f.support.ajax&&f.ajaxTransport(function(c){if(!c.crossDomain||f.support.cors){var d;return{send:function(e,g){var h=c.xhr(),i,j;c.username?h.open(c.type,c.url,c.async,c.username,c.password):h.open(c.type,c.url,c.async);if(c.xhrFields)for(j in c.xhrFields)h[j]=c.xhrFields[j];c.mimeType&&h.overrideMimeType&&h.overrideMimeType(c.mimeType),!c.crossDomain&&!e["X-Requested-With"]&&(e["X-Requested-With"]="XMLHttpRequest");try{for(j in e)h.setRequestHeader(j,e[j])}catch(k){}h.send(c.hasContent&&c.data||null),d=function(a,e){var j,k,l,m,n;try{if(d&&(e||h.readyState===4)){d=b,i&&(h.onreadystatechange=f.noop,ce&&delete cg[i]);if(e)h.readyState!==4&&h.abort();else{j=h.status,l=h.getAllResponseHeaders(),m={},n=h.responseXML,n&&n.documentElement&&(m.xml=n);try{m.text=h.responseText}catch(a){}try{k=h.statusText}catch(o){k=""}!j&&c.isLocal&&!c.crossDomain?j=m.text?200:404:j===1223&&(j=204)}}}catch(p){e||g(-1,p)}m&&g(j,k,m,l)},!c.async||h.readyState===4?d():(i=++cf,ce&&(cg||(cg={},f(a).unload(ce)),cg[i]=d),h.onreadystatechange=d)},abort:function(){d&&d(0,1)}}}});var cj={},ck,cl,cm=/^(?:toggle|show|hide)$/,cn=/^([+\-]=)?([\d+.\-]+)([a-z%]*)$/i,co,cp=[["height","marginTop","marginBottom","paddingTop","paddingBottom"],["width","marginLeft","marginRight","paddingLeft","paddingRight"],["opacity"]],cq;f.fn.extend({show:function(a,b,c){var d,e;if(a||a===0)return this.animate(ct("show",3),a,b,c);for(var g=0,h=this.length;g<h;g++)d=this[g],d.style&&(e=d.style.display,!f._data(d,"olddisplay")&&e==="none"&&(e=d.style.display=""),(e===""&&f.css(d,"display")==="none"||!f.contains(d.ownerDocument.documentElement,d))&&f._data(d,"olddisplay",cu(d.nodeName)));for(g=0;g<h;g++){d=this[g];if(d.style){e=d.style.display;if(e===""||e==="none")d.style.display=f._data(d,"olddisplay")||""}}return this},hide:function(a,b,c){if(a||a===0)return this.animate(ct("hide",3),a,b,c);var d,e,g=0,h=this.length;for(;g<h;g++)d=this[g],d.style&&(e=f.css(d,"display"),e!=="none"&&!f._data(d,"olddisplay")&&f._data(d,"olddisplay",e));for(g=0;g<h;g++)this[g].style&&(this[g].style.display="none");return this},_toggle:f.fn.toggle,toggle:function(a,b,c){var d=typeof a=="boolean";f.isFunction(a)&&f.isFunction(b)?this._toggle.apply(this,arguments):a==null||d?this.each(function(){var b=d?a:f(this).is(":hidden");f(this)[b?"show":"hide"]()}):this.animate(ct("toggle",3),a,b,c);return this},fadeTo:function(a,b,c,d){return this.filter(":hidden").css("opacity",0).show().end().animate({opacity:b},a,c,d)},animate:function(a,b,c,d){function g(){e.queue===!1&&f._mark(this);var b=f.extend({},e),c=this.nodeType===1,d=c&&f(this).is(":hidden"),g,h,i,j,k,l,m,n,o,p,q;b.animatedProperties={};for(i in a){g=f.camelCase(i),i!==g&&(a[g]=a[i],delete a[i]);if((k=f.cssHooks[g])&&"expand"in k){l=k.expand(a[g]),delete a[g];for(i in l)i in a||(a[i]=l[i])}}for(g in a){h=a[g],f.isArray(h)?(b.animatedProperties[g]=h[1],h=a[g]=h[0]):b.animatedProperties[g]=b.specialEasing&&b.specialEasing[g]||b.easing||"swing";if(h==="hide"&&d||h==="show"&&!d)return b.complete.call(this);c&&(g==="height"||g==="width")&&(b.overflow=[this.style.overflow,this.style.overflowX,this.style.overflowY],f.css(this,"display")==="inline"&&f.css(this,"float")==="none"&&(!f.support.inlineBlockNeedsLayout||cu(this.nodeName)==="inline"?this.style.display="inline-block":this.style.zoom=1))}b.overflow!=null&&(this.style.overflow="hidden");for(i in a)j=new f.fx(this,b,i),h=a[i],cm.test(h)?(q=f._data(this,"toggle"+i)||(h==="toggle"?d?"show":"hide":0),q?(f._data(this,"toggle"+i,q==="show"?"hide":"show"),j[q]()):j[h]()):(m=cn.exec(h),n=j.cur(),m?(o=parseFloat(m[2]),p=m[3]||(f.cssNumber[i]?"":"px"),p!=="px"&&(f.style(this,i,(o||1)+p),n=(o||1)/j.cur()*n,f.style(this,i,n+p)),m[1]&&(o=(m[1]==="-="?-1:1)*o+n),j.custom(n,o,p)):j.custom(n,h,""));return!0}var e=f.speed(b,c,d);if(f.isEmptyObject(a))return this.each(e.complete,[!1]);a=f.extend({},a);return e.queue===!1?this.each(g):this.queue(e.queue,g)},stop:function(a,c,d){typeof a!="string"&&(d=c,c=a,a=b),c&&a!==!1&&this.queue(a||"fx",[]);return this.each(function(){function h(a,b,c){var e=b[c];f.removeData(a,c,!0),e.stop(d)}var b,c=!1,e=f.timers,g=f._data(this);d||f._unmark(!0,this);if(a==null)for(b in g)g[b]&&g[b].stop&&b.indexOf(".run")===b.length-4&&h(this,g,b);else g[b=a+".run"]&&g[b].stop&&h(this,g,b);for(b=e.length;b--;)e[b].elem===this&&(a==null||e[b].queue===a)&&(d?e[b](!0):e[b].saveState(),c=!0,e.splice(b,1));(!d||!c)&&f.dequeue(this,a)})}}),f.each({slideDown:ct("show",1),slideUp:ct("hide",1),slideToggle:ct("toggle",1),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(a,b){f.fn[a]=function(a,c,d){return this.animate(b,a,c,d)}}),f.extend({speed:function(a,b,c){var d=a&&typeof a=="object"?f.extend({},a):{complete:c||!c&&b||f.isFunction(a)&&a,duration:a,easing:c&&b||b&&!f.isFunction(b)&&b};d.duration=f.fx.off?0:typeof d.duration=="number"?d.duration:d.duration in f.fx.speeds?f.fx.speeds[d.duration]:f.fx.speeds._default;if(d.queue==null||d.queue===!0)d.queue="fx";d.old=d.complete,d.complete=function(a){f.isFunction(d.old)&&d.old.call(this),d.queue?f.dequeue(this,d.queue):a!==!1&&f._unmark(this)};return d},easing:{linear:function(a){return a},swing:function(a){return-Math.cos(a*Math.PI)/2+.5}},timers:[],fx:function(a,b,c){this.options=b,this.elem=a,this.prop=c,b.orig=b.orig||{}}}),f.fx.prototype={update:function(){this.options.step&&this.options.step.call(this.elem,this.now,this),(f.fx.step[this.prop]||f.fx.step._default)(this)},cur:function(){if(this.elem[this.prop]!=null&&(!this.elem.style||this.elem.style[this.prop]==null))return this.elem[this.prop];var a,b=f.css(this.elem,this.prop);return isNaN(a=parseFloat(b))?!b||b==="auto"?0:b:a},custom:function(a,c,d){function h(a){return e.step(a)}var e=this,g=f.fx;this.startTime=cq||cr(),this.end=c,this.now=this.start=a,this.pos=this.state=0,this.unit=d||this.unit||(f.cssNumber[this.prop]?"":"px"),h.queue=this.options.queue,h.elem=this.elem,h.saveState=function(){f._data(e.elem,"fxshow"+e.prop)===b&&(e.options.hide?f._data(e.elem,"fxshow"+e.prop,e.start):e.options.show&&f._data(e.elem,"fxshow"+e.prop,e.end))},h()&&f.timers.push(h)&&!co&&(co=setInterval(g.tick,g.interval))},show:function(){var a=f._data(this.elem,"fxshow"+this.prop);this.options.orig[this.prop]=a||f.style(this.elem,this.prop),this.options.show=!0,a!==b?this.custom(this.cur(),a):this.custom(this.prop==="width"||this.prop==="height"?1:0,this.cur()),f(this.elem).show()},hide:function(){this.options.orig[this.prop]=f._data(this.elem,"fxshow"+this.prop)||f.style(this.elem,this.prop),this.options.hide=!0,this.custom(this.cur(),0)},step:function(a){var b,c,d,e=cq||cr(),g=!0,h=this.elem,i=this.options;if(a||e>=i.duration+this.startTime){this.now=this.end,this.pos=this.state=1,this.update(),i.animatedProperties[this.prop]=!0;for(b in i.animatedProperties)i.animatedProperties[b]!==!0&&(g=!1);if(g){i.overflow!=null&&!f.support.shrinkWrapBlocks&&f.each(["","X","Y"],function(a,b){h.style["overflow"+b]=i.overflow[a]}),i.hide&&f(h).hide();if(i.hide||i.show)for(b in i.animatedProperties)f.style(h,b,i.orig[b]),f.removeData(h,"fxshow"+b,!0),f.removeData(h,"toggle"+b,!0);d=i.complete,d&&(i.complete=!1,d.call(h))}return!1}i.duration==Infinity?this.now=e:(c=e-this.startTime,this.state=c/i.duration,this.pos=f.easing[i.animatedProperties[this.prop]](this.state,c,0,1,i.duration),this.now=this.start+(this.end-this.start)*this.pos),this.update();return!0}},f.extend(f.fx,{tick:function(){var a,b=f.timers,c=0;for(;c<b.length;c++)a=b[c],!a()&&b[c]===a&&b.splice(c--,1);b.length||f.fx.stop()},interval:13,stop:function(){clearInterval(co),co=null},speeds:{slow:600,fast:200,_default:400},step:{opacity:function(a){f.style(a.elem,"opacity",a.now)},_default:function(a){a.elem.style&&a.elem.style[a.prop]!=null?a.elem.style[a.prop]=a.now+a.unit:a.elem[a.prop]=a.now}}}),f.each(cp.concat.apply([],cp),function(a,b){b.indexOf("margin")&&(f.fx.step[b]=function(a){f.style(a.elem,b,Math.max(0,a.now)+a.unit)})}),f.expr&&f.expr.filters&&(f.expr.filters.animated=function(a){return f.grep(f.timers,function(b){return a===b.elem}).length});var cv,cw=/^t(?:able|d|h)$/i,cx=/^(?:body|html)$/i;"getBoundingClientRect"in c.documentElement?cv=function(a,b,c,d){try{d=a.getBoundingClientRect()}catch(e){}if(!d||!f.contains(c,a))return d?{top:d.top,left:d.left}:{top:0,left:0};var g=b.body,h=cy(b),i=c.clientTop||g.clientTop||0,j=c.clientLeft||g.clientLeft||0,k=h.pageYOffset||f.support.boxModel&&c.scrollTop||g.scrollTop,l=h.pageXOffset||f.support.boxModel&&c.scrollLeft||g.scrollLeft,m=d.top+k-i,n=d.left+l-j;return{top:m,left:n}}:cv=function(a,b,c){var d,e=a.offsetParent,g=a,h=b.body,i=b.defaultView,j=i?i.getComputedStyle(a,null):a.currentStyle,k=a.offsetTop,l=a.offsetLeft;while((a=a.parentNode)&&a!==h&&a!==c){if(f.support.fixedPosition&&j.position==="fixed")break;d=i?i.getComputedStyle(a,null):a.currentStyle,k-=a.scrollTop,l-=a.scrollLeft,a===e&&(k+=a.offsetTop,l+=a.offsetLeft,f.support.doesNotAddBorder&&(!f.support.doesAddBorderForTableAndCells||!cw.test(a.nodeName))&&(k+=parseFloat(d.borderTopWidth)||0,l+=parseFloat(d.borderLeftWidth)||0),g=e,e=a.offsetParent),f.support.subtractsBorderForOverflowNotVisible&&d.overflow!=="visible"&&(k+=parseFloat(d.borderTopWidth)||0,l+=parseFloat(d.borderLeftWidth)||0),j=d}if(j.position==="relative"||j.position==="static")k+=h.offsetTop,l+=h.offsetLeft;f.support.fixedPosition&&j.position==="fixed"&&(k+=Math.max(c.scrollTop,h.scrollTop),l+=Math.max(c.scrollLeft,h.scrollLeft));return{top:k,left:l}},f.fn.offset=function(a){if(arguments.length)return a===b?this:this.each(function(b){f.offset.setOffset(this,a,b)});var c=this[0],d=c&&c.ownerDocument;if(!d)return null;if(c===d.body)return f.offset.bodyOffset(c);return cv(c,d,d.documentElement)},f.offset={bodyOffset:function(a){var b=a.offsetTop,c=a.offsetLeft;f.support.doesNotIncludeMarginInBodyOffset&&(b+=parseFloat(f.css(a,"marginTop"))||0,c+=parseFloat(f.css(a,"marginLeft"))||0);return{top:b,left:c}},setOffset:function(a,b,c){var d=f.css(a,"position");d==="static"&&(a.style.position="relative");var e=f(a),g=e.offset(),h=f.css(a,"top"),i=f.css(a,"left"),j=(d==="absolute"||d==="fixed")&&f.inArray("auto",[h,i])>-1,k={},l={},m,n;j?(l=e.position(),m=l.top,n=l.left):(m=parseFloat(h)||0,n=parseFloat(i)||0),f.isFunction(b)&&(b=b.call(a,c,g)),b.top!=null&&(k.top=b.top-g.top+m),b.left!=null&&(k.left=b.left-g.left+n),"using"in b?b.using.call(a,k):e.css(k)}},f.fn.extend({position:function(){if(!this[0])return null;var a=this[0],b=this.offsetParent(),c=this.offset(),d=cx.test(b[0].nodeName)?{top:0,left:0}:b.offset();c.top-=parseFloat(f.css(a,"marginTop"))||0,c.left-=parseFloat(f.css(a,"marginLeft"))||0,d.top+=parseFloat(f.css(b[0],"borderTopWidth"))||0,d.left+=parseFloat(f.css(b[0],"borderLeftWidth"))||0;return{top:c.top-d.top,left:c.left-d.left}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||c.body;while(a&&!cx.test(a.nodeName)&&f.css(a,"position")==="static")a=a.offsetParent;return a})}}),f.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(a,c){var d=/Y/.test(c);f.fn[a]=function(e){return f.access(this,function(a,e,g){var h=cy(a);if(g===b)return h?c in h?h[c]:f.support.boxModel&&h.document.documentElement[e]||h.document.body[e]:a[e];h?h.scrollTo(d?f(h).scrollLeft():g,d?g:f(h).scrollTop()):a[e]=g},a,e,arguments.length,null)}}),f.each({Height:"height",Width:"width"},function(a,c){var d="client"+a,e="scroll"+a,g="offset"+a;f.fn["inner"+a]=function(){var a=this[0];return a?a.style?parseFloat(f.css(a,c,"padding")):this[c]():null},f.fn["outer"+a]=function(a){var b=this[0];return b?b.style?parseFloat(f.css(b,c,a?"margin":"border")):this[c]():null},f.fn[c]=function(a){return f.access(this,function(a,c,h){var i,j,k,l;if(f.isWindow(a)){i=a.document,j=i.documentElement[d];return f.support.boxModel&&j||i.body&&i.body[d]||j}if(a.nodeType===9){i=a.documentElement;if(i[d]>=i[e])return i[d];return Math.max(a.body[e],i[e],a.body[g],i[g])}if(h===b){k=f.css(a,c),l=parseFloat(k);return f.isNumeric(l)?l:k}f(a).css(c,h)},c,a,arguments.length,null)}}),a.jQuery=a.$=f,typeof define=="function"&&define.amd&&define.amd.jQuery&&define("jquery",[],function(){return f})})(window);
*************************************************************************
How to add   a href tag url use DOM(JQUERY) without define in(means automatic in)
**********************************************************************
<script>
jQuery(document).ready(function(){
jQuery("li.last>a").prop("href", "#cust_care");
});
</script>
************************************************
remove active class click on body
-----------------------------------------------
body.is-active {
    overflow-y: hidden;
}

$(document.body).click( function() {
    $('body').removeClass('is-active'); 
});
************************************************
*******************************************************************************
Add any class under Body on WordPress
******************************************
put this code on same page 
<script>
$(document.body).addClass('accclose_video');
</script>

----------------------------------------APPLY COUPAN CODE AUTOMATICALLY ON PRESS--------------------------------------------------------------------
<script>

//       setTimeout(loadC, 2000);
//       function loadC(){
    
//         document.getElementById('checkout_submit').disabled = false;
//         document.getElementById("checkout_submit").classList.remove("btn--disabled");
        
//       }
    
//       document.getElementById("checkout_submit").addEventListener("click", onPressApply);
//       function onPressApply() {
//    document.getElementById('checkout_reduction_code').value = 'DD15'; 
                                                       
// }
      var checkoutSubmit = document.getElementById('checkout_submit');
              var applyBtn = document.getElementById('applyBtn');
        
        applyBtn.onclick = function() {
          document.getElementById('checkout_reduction_code').value = 'DD15'; 
           checkoutSubmit.disabled = false;
        checkoutSubmit.classList.remove("btn--disabled");
        checkoutSubmit.click(); // this will trigger the click event
    };
    </script>
-----------------------------------------------------------------------------------------------------------------------------
<div class="topbanner_select">
   <div class="row justify-content-center">
  <h2>Let's get started!</h2>
     </div>
  <div class="row justify-content-center">
     <picture class="bann_status">
  <img src="https://cdn.shopify.com/s/files/1/0173/7644/4470/files/topbanner_select.jpg?v=1641365421" class="img-fluid img-thumbnail select_bannerdesk" alt="slider image">
  <span id="per_status">0%</span>
       <img src="https://cdn.shopify.com/s/files/1/0173/7644/4470/files/select_mobile_banner.jpg?v=1641365582" class="img-fluid img-thumbnail select_bannermob" alt="slider image">
    </picture>
  </div>
  {% comment %}
  <div class="row justify-content-center">
     <picture>
  <img src="https://cdn.shopify.com/s/files/1/0173/7644/4470/files/select_status_image25p.jpg?v=1641366416" class="img-fluid img-thumbnail select_status_image25p_desk" alt="img">
  <img src="https://cdn.shopify.com/s/files/1/0173/7644/4470/files/mobile_select_status_image25p.jpg?v=1641366416" class="img-fluid img-thumbnail select_status_image25p_mob" alt="image">
    </picture>
  </div>
  {% endcomment %}
</div>

    <p>
      
    <div id="smartwizard">

        <ul class="nav">
          <li class="nav-item" style="display:none;" >
              <a class="nav-link step-0" href="#step-0">
              </a>
            </li>
            <li class="nav-item">
              <a class="nav-link step-1" href="#step-1">
              </a>
            </li>
            <li class="nav-item">
              <a class="nav-link step-2" href="#step-2">
              </a>
            </li>
            <li class="nav-item">
              <a class="nav-link step-3" href="#step-3">
              </a>
            </li>
            <li class="nav-item">
              <a class="nav-link step-4" href="#step-4">
              </a>
            </li>
        </ul>

        <div class="tab-content">
          <div id="step-0" class="tab-pane" role="tabpanel" aria-labelledby="step-0" style="display:none;">
<div class="wheattype_section">

 <div class="row justify-content-center">
 <h2>I want my atta to</h2>
  </div>
                 <form action="#">
              <div class="row justify-content-center" id="wheatMain">       
    <div class="col-md-3 wheattype_sharbati spoilt_choice">
    <div class="sharb_wheat spoilt_aid" id="sharwatiwt-1">
       <label class="maincheck">
      <input type="checkbox" id="swheat" class="shwtwheat radio" name="element[]" value="1" data-step="step-1">
      <span class="checkmark"></span>
      </label>
     <div class="selectimageqg selectimagesqgpoilt"> <img src="https://cdn.shopify.com/s/files/1/0173/7644/4470/files/aid.jpg?v=1641978866" class="img-fluid img-thumbnail qualityg" alt="Quality grains">
   </div>
       <h3>Aid Digestion</h3>
  <div class="selectimageispoilt"><img src="https://cdn.shopify.com/s/files/1/0173/7644/4470/files/aid_bottom.jpg?v=1641980156" class="img-fluid img-thumbnail qualityg" alt="Quality grains">          
   </div>
    <p>A perfect blend of high fiber grains.</p>
    </div>
    </div>
<div class="col-md-3 wheattype_sharbati spoilt_choice">
<div class="sharb_wheat spoilt_aid" id="sharwatiwt-2">
  <label class="maincheck">
      <input type="checkbox" id="swheat" class="shwtwheat radio" name="element[]" value="2" data-step="step-1">
      <span class="checkmark"></span>
      </label>
<div class="selectimageqg selectimagesqgpoilt"> <img src="https://cdn.shopify.com/s/files/1/0173/7644/4470/files/aid.jpg?v=1641978866" class="img-fluid img-thumbnail qualityg" alt="Quality grains">
   </div>
  <h3 class="qtg">Help control Sugar release</h3>
  <div class="selectimageispoilt"><img src="https://cdn.shopify.com/s/files/1/0173/7644/4470/files/aid_bottom.jpg?v=1641980156" class="img-fluid img-thumbnail qualityg" alt="Quality grains">          
   </div>
  <p>A perfect blend of high fiber grains. </p>
 </div>
    </div>
    <div class="col-md-3 wheattype_sharbati spoilt_choice">
    <div class="sharb_wheat spoilt_aid" id="sharwatiwt-3">
      <label class="maincheck">
      <input type="checkbox" id="swheat" class="shwtwheat radio" name="element[]" value="3" data-step="step-1">
      <span class="checkmark"></span>
      </label>
     <div class="selectimageqg selectimagesqgpoilt"> <img src="https://cdn.shopify.com/s/files/1/0173/7644/4470/files/aid.jpg?v=1641978866" class="img-fluid img-thumbnail qualityg" alt="Quality grains">
   </div>
      <h3>Add Multi Millet Benefit</h3>
       <div class="selectimageispoilt"><img src="https://cdn.shopify.com/s/files/1/0173/7644/4470/files/aid_bottom.jpg?v=1641980156" class="img-fluid img-thumbnail qualityg" alt="Quality grains">          
   </div>
    <p>A perfect blend of high fiber grains.</p>
    </div>
    </div>
                
                <div class="col-md-3 wheattype_sharbati spoilt_choice">
    <div class="sharb_wheat spoilt_aid" id="sharwatiwt-1">
       <label class="maincheck">
      <input type="checkbox" id="swheat" class="shwtwheat radio" name="element[]" value="1" data-step="step-1">
      <span class="checkmark"></span>
      </label>
      <div class="selectimageqg selectimagesqgpoilt"> <img src="https://cdn.shopify.com/s/files/1/0173/7644/4470/files/aid.jpg?v=1641978866" class="img-fluid img-thumbnail qualityg" alt="Quality grains">
   </div>
      <h3>Be 100% Whole Wheat</h3>
       <div class="selectimageispoilt"><img src="https://cdn.shopify.com/s/files/1/0173/7644/4470/files/aid_bottom.jpg?v=1641980156" class="img-fluid img-thumbnail qualityg" alt="Quality grains">          
   </div>
    <p>A perfect blend of high fiber grains.</p>
    </div>
    </div>

  </div>
                  </form>                 
                   </div>
          </div>
            <div id="step-1" class="tab-pane" role="tabpanel" aria-labelledby="step-1">
             
         <div class="wheattype_section">

 <div class="row justify-content-center">
     <h2>Choose Wheat Type</h2>
  </div>
               
              <div class="row justify-content-center" id="wheatMain">  
<div class="col-md-4 wheattype_sharbati spoilt_choice">
<div class="sharb_wheat spoilt_aid" id="sharwatiwt-2">
  <label class="maincheck">
      <input type="checkbox" id="swheat" class="shwtwheat radio" name="element[]" value="5" data-step="step-2">
      <span class="checkmark"></span>
      </label>
  <div class="selectimageqg selectimagesqgpoilt"><img src="https://cdn.shopify.com/s/files/1/0173/7644/4470/files/sharbatiwht_img.png?v=1641551349" class="img-fluid img-thumbnail qualityg" alt="Quality grains">
</div>
    <h3 class="qtg">Standard Wheat</h3>
<div class="pricespoilt">Rs 30/Price per kg </div>
      <br>
 <div class="selectimageispoilt"><img src="https://cdn.shopify.com/s/files/1/0173/7644/4470/files/aid_bottom.jpg?v=1641980156" class="img-fluid img-thumbnail qualityg" alt="Quality grains">          
   </div></div>
    </div>
    <div class="col-md-4 wheattype_sharbati spoilt_choice">
    <div class="sharb_wheat spoilt_aid" id="sharwatiwt-3">
      <label class="maincheck">
      <input type="checkbox" id="swheat" class="shwtwheat radio" name="element[]" value="6" data-step="step-2">
      <span class="checkmark"></span>
      </label>
    <div class="selectimageqg selectimagesqgpoilt"><img src="https://cdn.shopify.com/s/files/1/0173/7644/4470/files/sharbatiwht_img.png?v=1641551349" class="img-fluid img-thumbnail qualityg" alt="Quality grains">
</div>
      <h3 class="qtg">MP Lockwan Wheat</h3>
<div class="pricespoilt">Rs 35/Price per kg </div>
      <br>
 <div class="selectimageispoilt"><img src="https://cdn.shopify.com/s/files/1/0173/7644/4470/files/aid_bottom.jpg?v=1641980156" class="img-fluid img-thumbnail qualityg" alt="Quality grains">          
   </div>
      </div>
    </div>
<div class="col-md-4 wheattype_sharbati spoilt_choice">
    <div class="sharb_wheat spoilt_aid" id="sharwatiwt-3">
      <label class="maincheck">
      <input type="checkbox" id="swheat" class="shwtwheat radio" name="element[]" value="7" data-step="step-2">
      <span class="checkmark"></span>
      </label>
     <div class="selectimageqg selectimagesqgpoilt"><img src="https://cdn.shopify.com/s/files/1/0173/7644/4470/files/sharbatiwht_img.png?v=1641551349" class="img-fluid img-thumbnail qualityg" alt="Quality grains">
</div>
      <h3 class="qtg">Standard Wheat</h3>
<div class="pricespoilt">Rs 40/Price per kg </div>
      <br>
 <div class="selectimageispoilt"><img src="https://cdn.shopify.com/s/files/1/0173/7644/4470/files/aid_bottom.jpg?v=1641980156" class="img-fluid img-thumbnail qualityg" alt="Quality grains">          
   </div>
      </div>
    </div>

  </div>  </div>     
          
          </div>
            <div id="step-2" class="tab-pane" role="tabpanel" aria-labelledby="step-2">
               
<div class="wheattype_section">

              <div class="row justify-content-center">
     <h2>Choose Your Preferred Pisai</h2>
  </div>
               
              <div class="row justify-content-center" id="wheatMain">
    <div class="col-md-4 wheattype_sharbati spoilt_choice">
    <div class="sharb_wheat spoilt_aid" id="sharwatiwt-1">
       <label class="maincheck">
      <input type="checkbox" id="swheat" class="shwtwheat radio" name="element[]" value="8" data-step="step-3">
      <span class="checkmark"></span>
      </label>
      <div class="selectimageqg selectimagesqgpoilt"><img src="https://cdn.shopify.com/s/files/1/0173/7644/4470/files/pisai.jpg?v=1641998967" class="img-fluid img-thumbnail qualityg" alt="Quality grains">
    </div>
        <h3 class="pisai">Bareek Pisai</h3>
     <div class="selectimageispoilt"><img src="https://cdn.shopify.com/s/files/1/0173/7644/4470/files/aid_bottom.jpg?v=1641980156" class="img-fluid img-thumbnail qualityg" alt="Quality grains">          
   </div>
    </div>
    </div>
<div class="col-md-4 wheattype_sharbati spoilt_choice">
<div class="sharb_wheat spoilt_aid" id="sharwatiwt-2">
  <label class="maincheck">
      <input type="checkbox" id="swheat" class="shwtwheat radio" name="element[]" value="9" data-step="step-3">
      <span class="checkmark"></span>
      </label>
 
   <div class="selectimageqg selectimagesqgpoilt"><img src="https://cdn.shopify.com/s/files/1/0173/7644/4470/files/pisai.jpg?v=1641998967" class="img-fluid img-thumbnail qualityg" alt="Quality grains">
    </div>
  <h3 class="pisai">Medium Pisai</h3>
     <div class="selectimageispoilt"><img src="https://cdn.shopify.com/s/files/1/0173/7644/4470/files/aid_bottom.jpg?v=1641980156" class="img-fluid img-thumbnail qualityg" alt="Quality grains">          
   </div>
 </div>
    </div>
    <div class="col-md-4 wheattype_sharbati spoilt_choice">
    <div class="sharb_wheat spoilt_aid" id="sharwatiwt-3">
      <label class="maincheck">
      <input type="checkbox" id="swheat" class="shwtwheat radio" name="element[]" value="10" data-step="step-3">
      <span class="checkmark"></span>
      </label>
     <div class="selectimageqg selectimagesqgpoilt"><img src="https://cdn.shopify.com/s/files/1/0173/7644/4470/files/pisai.jpg?v=1641998967" class="img-fluid img-thumbnail qualityg" alt="Quality grains">
    </div>
      <h3 class="pisai">Mota Pisai</h3>
    <div class="selectimageispoilt"><img src="https://cdn.shopify.com/s/files/1/0173/7644/4470/files/aid_bottom.jpg?v=1641980156" class="img-fluid img-thumbnail qualityg" alt="Quality grains">          
   </div>
    </div>
    </div>

  </div>  </div>
            
          
          </div>
            <div id="step-3" class="tab-pane" role="tabpanel" aria-labelledby="step-3">
          
    <div class="wheattype_section">

              <div class="row justify-content-center">
     <h2>Choose Your Pack Size</h2>
  </div>
               
              <div class="row justify-content-center" id="wheatMain">
    <div class="col-md-3 wheattype_sharbati spoilt_choice">
    <div class="sharb_wheat spoilt_aid" id="sharwatiwt-1">
       <label class="maincheck">
      <input type="checkbox" id="swheat" class="shwtwheat radio" name="element[]" value="11" data-step="step-4">
      <span class="checkmark"></span>
      </label>
      <img src="https://cdn.shopify.com/s/files/1/0173/7644/4470/files/atta-kg.jpg?v=1641997379" class="img-fluid img-thumbnail qualityg" alt="Quality grains">
    <h3>20kg (5kg x 4)</h3>    
    </div>
    </div>
<div class="col-md-3 wheattype_sharbati spoilt_choice">
<div class="sharb_wheat spoilt_aid" id="sharwatiwt-2">
  <label class="maincheck">
      <input type="checkbox" id="swheat" class="shwtwheat radio" name="element[]" value="12" data-step="step-4">
      <span class="checkmark"></span>
      </label>
 <img src="https://cdn.shopify.com/s/files/1/0173/7644/4470/files/atta-kg.jpg?v=1641997379" class="img-fluid img-thumbnail qualityg" alt="Quality grains">
<h3>10kg (5kg x 2)</h3>
 </div>
    </div>
    <div class="col-md-3 wheattype_sharbati spoilt_choice">
    <div class="sharb_wheat spoilt_aid" id="sharwatiwt-3">
      <label class="maincheck">
      <input type="checkbox" id="swheat" class="shwtwheat radio" name="element[]" value="13" data-step="step-4">
      <span class="checkmark"></span>
      </label>
     <img src="https://cdn.shopify.com/s/files/1/0173/7644/4470/files/atta-kg.jpg?v=1641997379" class="img-fluid img-thumbnail qualityg" alt="Quality grains">
    <h3>5 kg</h3>
    </div>
    </div>
                
                <div class="col-md-3 wheattype_sharbati spoilt_choice">
    <div class="sharb_wheat spoilt_aid" id="sharwatiwt-3">
      <label class="maincheck">
      <input type="checkbox" id="swheat" class="shwtwheat radio" name="element[]" value="13" data-step="step-4">
      <span class="checkmark"></span>
      </label>
     <img src="https://cdn.shopify.com/s/files/1/0173/7644/4470/files/atta-kg.jpg?v=1641997379" class="img-fluid img-thumbnail qualityg" alt="Quality grains">
    <h3>2 kg</h3>
    </div>
    </div>

  </div> 
      
       <div class="nextbutton_section" style="display:none;">
<div class="row justify-content-center">
<button type="button" class="btn btn-success selectnext" id="nextButton">Buy Now</button>
  </div>
  </div>
 </div>        
  </div>

            <!--<div id="step-4" class="tab-pane" role="tabpanel" aria-labelledby="step-4">
          </div>-->
        </div>
    </div>

    <br />

    <script src="https://cdn.jsdelivr.net/npm/smartwizard@5/dist/js/jquery.smartWizard.min.js" type="text/javascript"></script>
{% comment %}
{{ 'lalit.js'  | asset_url | script_tag }}
{% endcomment %}

<script>
 var addHtml = "";
$('#smartwizard').smartWizard({
  selected: 0, // Initial selected step, 0 = first step
  theme: 'dots', // theme for the wizard, related css need to include for other than default theme
  justified: true, // Nav menu justification. true/false
  darkMode:false, // Enable/disable Dark Mode if the theme supports. true/false
  autoAdjustHeight: true, // Automatically adjust content height
  cycleSteps: false, // Allows to cycle the navigation of steps
  backButtonSupport: true, // Enable the back button support
  enableURLhash: true, // Enable selection of the step based on url hash
  onLeaveStep:()=>{
},
  transition: {
      animation: 'none', // Effect on navigation, none/fade/slide-horizontal/slide-vertical/slide-swing
      speed: '400', // Transion animation speed
      easing:'' // Transition animation easing. Not supported without a jQuery easing plugin
  },
  toolbarSettings: {
      toolbarPosition: 'bottom', // none, top, bottom, both
      toolbarButtonPosition: 'center', // left, right, center
      showNextButton: true, // show/hide a Next button
      showPreviousButton: true, // show/hide a Previous button
      toolbarExtraButtons: [] // Extra buttons to show on toolbar, array of jQuery input/buttons elements
  },
  anchorSettings: {
      anchorClickable: true, // Enable/Disable anchor navigation
      enableAllAnchors: false, // Activates all anchors clickable all times
      markDoneStep: true, // Add done state on navigation
      markAllPreviousStepsAsDone: true, // When a step selected by url hash, all previous steps are marked done
      removeDoneStepOnNavigateBack: true, // While navigate back done step after active step will be cleared
      enableAnchorOnDoneStep: true // Enable/Disable the done steps navigation
  },
  keyboardSettings: {
      keyNavigation: false, // Enable/Disable keyboard navigation(left and right keys are used if enabled)
      keyLeft: [37], // Left key code
      keyRight: [39] // Right key code
  },
  lang: { // Language variables for button
      next: 'Next',
      previous: 'Previous'
  },
  disabledSteps: [], // Array Steps disabled
  errorSteps: [], // Highlight step with errors
  hiddenSteps: [] // Hidden steps
});
  
  $("#smartwizard").on("showStep", function(e, anchorObject, stepIndex, stepDirection) {
     var stepIndexx1 = $('#smartwizard').smartWizard("getStepIndex"); 
  if (stepIndexx1 == 0) {
     $('.sw-btn-next').removeClass("BothBtn");
     $('.sw-btn-prev').removeClass("BothBtn");
  }  else {
     $('.sw-btn-next').addClass("BothBtn");
     $('.sw-btn-prev').addClass("BothBtn");
  } 
   localStorage.setItem("step", stepIndex);
    
    for(i=1;i<$( ".nav-link" ).length;i++)
    {
      $( ".step-"+i ).addClass('inactive');   
    }
      $( ".step-"+stepIndex).addClass('active');
 }); 
 
   var getStep = $('#smartwizard').smartWizard("getStepIndex");
  if(getStep){
      var fperload = (parseInt(getStep))*parseInt(25);
        $('#per_status').text(fperload+'%');
  }
</script>

<script>
$(document).on("click", 'input.shwtwheat', function () { 
  if ($(this).is(":checked")) {
    $('.sharb_wheat.checkbox_activate').removeClass('checkbox_activate');
    $(this).closest("div.sharb_wheat").addClass("checkbox_activate");
    $( "."+$(this).data( "step" ) ).addClass('active' );
    var forwardst=$(this).data( "step" ).split('-');
    var fper = (parseInt(forwardst[1]))*parseInt(25);
        $('#per_status').text(fper+'%');
    if($(this).data( "step" )=="step-4"){
     $(".toolbar-bottom").addClass("displayNone");
     var checkActive = $("#step-3").find('.checkbox_activate');
     if(checkActive.length > 0){
      $(".nextbutton_section").css("display","block");
     }
      
    }
        $('.sw-btn-next').attr('disabled',false);  
  }
  else {
    $(".toolbar-bottom").removeClass("displayNone");
    $(".nextbutton_section").css("display","none"); 
    $('.sharb_wheat.checkbox_activate').removeClass('checkbox_activate');
    $( "."+$(this).data( "step" ) ).removeClass('active' );
    $('.sw-btn-next').attr('disabled',true);
    var forwardst=$(this).data( "step" ).split('-');
    var fper = (parseInt(forwardst[1]))*parseInt(25);
    var tyu=$('#per_status').text();
    var fixvalue= "25%";
    var io= parseInt(tyu)-parseInt(fixvalue);
    $('#per_status').text(io+'%'); 
  }
});  
 </script>

<script>
$(document).ready(function(){ 
    $('.sw-btn-next').attr('disabled',true);
    
  var stepIndexx = $('#smartwizard').smartWizard("getStepIndex"); 
  if (stepIndexx == 0) { 
     $('.sw-btn-next').removeClass("BothBtn");
     $('.sw-btn-prev').removeClass("BothBtn");
  }else {
     $('.sw-btn-next').addClass("BothBtn");
     $('.sw-btn-prev').addClass("BothBtn");
  }
  
  $( ".sw-btn-next" ).click(function() {
  $('.sw-btn-next').attr('disabled',true);
     var stepIndex1 = $('#smartwizard').smartWizard("getStepIndex");
  if (stepIndex1==0) {
     $('.sw-btn-next').removeClass("BothBtn");
     $('.sw-btn-prev').removeClass("BothBtn");
  }
  else {
     $('.sw-btn-next').addClass("BothBtn");
     $('.sw-btn-prev').addClass("BothBtn");
  }
    
 });
  
  $( ".sw-btn-prev" ).click(function() {   
    var stepIndex1 = $('#smartwizard').smartWizard("getStepIndex");   
  if (stepIndex1==0) {
     $('.sw-btn-next').removeClass("BothBtn");
     $('.sw-btn-prev').removeClass("BothBtn");
  }
  else {
     $('.sw-btn-next').addClass("BothBtn");
     $('.sw-btn-prev').addClass("BothBtn");
  }
});
  
});
</script>

<script>
$(document).ready(function(){
   $( ".sw-btn-prev" ).click(function() {      
      var stepIndex = $('#smartwizard').smartWizard("getStepIndex");
     var checkActive = $("#step-"+stepIndex).find('.checkbox_activate');
     if(checkActive.length > 0){
       $('.sw-btn-next').attr('disabled',false);
     }
     else{
        $('.sw-btn-next').attr('disabled',true);
     }
     });
  });
</script>

<script>
  $("#smartwizard").on("showStep", function(e, anchorObject, stepIndex, stepDirection) {  
    if(stepDirection=='backward'){
      
      var stepIndexx = $('#smartwizard').smartWizard("getStepIndex"); 
  if (stepIndexx == 1) {
     $('.sw-btn-next').removeClass("BothBtn");
     $('.sw-btn-prev').removeClass("BothBtn");
  }else {
     $('.sw-btn-next').addClass("BothBtn");
     $('.sw-btn-prev').addClass("BothBtn");
  }
      
      
       var perstatus= $('#per_status').text();
       var temValue = '';
        switch(stepIndex){
        case 1:
          temValue = '0%';
          break;
        case 2:
          temValue = '25%';
          break;
          case 3:
          temValue = '50%';
          break;
        case 4:
          temValue = '75%';
          break;
          default: 
          temValue = '100%';    
      }
      $('#per_status').text(temValue);
    for(var i=stepIndex; i<=4; i++){
       $( ".step-"+i).removeClass('active' );
    }
    }
   if(stepIndex!==null){ 
    $('#percent').text(parseInt(stepIndex)*parseInt(25));
    } 
 }); 
</script>

<script>
$("input:checkbox").on('click', function() {
  var $box = $(this);
  if ($box.is(":checked")) {
    var group = "input:checkbox[name='" + $box.attr("name") + "']";
    $(group).prop("checked", false);
    $box.prop("checked", true);
  } else {
    $box.prop("checked", false);
  }
});
</script>
=========================================================================
Binary pages js nilkamal
=========================================================================
$('document').ready(function () {
  $('#btn-register').click(function () {
    $('.login-body').css('display', 'none');
    $('.recover-password-body').css('display', 'none');
    $('.register-body').css('display', 'block');
  });
  $('#btn-login').click(function () {
    $('.register-body').css('display', 'none');
    $('.recover-password-body').css('display', 'none');
    $('.login-body').css('display', 'block');
  });
  $('#forgot-password').click(function () {
    $('.login-body').css('display', 'none');
    $('.register-body').css('display', 'none');
    $('.recover-password-body').css('display', 'block');
  });
  $('#modal-recover').click(function () {
    $('.login-body').css('display', 'none');
    $('.register-body').css('display', 'none');
    $('.recover-password-body').css('display', 'block');
  });

  // manufacture section design
  $(".view-manufautre-details a").on("click", function (e) {
    e.preventDefault();
    $(".manufacture-details").slideToggle();
  });

$(document).ready(function () {
  $('.top-message').slick({
    dots: false,
    arrows: true,
    infinite: true,
    speed: 300,
    slidesToShow: 1,
    prevArrow: "<button type='button' class='slick-prev pull-left'><i class='fa fa-angle-left' aria-hidden='true'></i></button>",
    nextArrow: "<button type='button' class='slick-next pull-right'><i class='fa fa-angle-right' aria-hidden='true'></i></button>"
  });
  // mobile menu navigation js
  $('.menu__moblie + .icon-dropdown').click(function () {
    var menulink = $(this).next();
    if ($(menulink).hasClass('sub-menu-open')) {
      $(this).addClass('icon-dropdown').html('<i class="fa fa-plus" aria-hidden="true"></i>');
      $(this).removeClass('icon-dropdown-remove');
      $(menulink).removeClass('sub-menu-open');
    }
    else {
      $(this).addClass('icon-dropdown-remove').html('<i class="fa fa-minus" aria-hidden="true"></i>');
      $(this).removeClass('icon-dropdown');
      $('.menu__moblie + .icon-dropdown').next().removeClass('sub-menu-open');
      $(menulink).addClass('sub-menu-open');
    }
  });
});
$(function () {
  $('#button').click(function () {
    if (!$('#iframe').length) {
      $('#iframeHolder').html('<iframe id="iframe" src="//www.youtube.com/embed/2FzXlOOpzZY" width="100%" height="500"></iframe>');
    }
  });
});

$(function() {
    $(".submenu").mouseover(function() {   
      var abc = $(this).text();
      abc = abc.trim();
      var image_location = $(this).parent().parent().parent().parent().find("#menu_image");
      var custom_text_location = $(this).parent().parent().parent().parent().find("#custom_text");

      var custom_text_location_head = $(this).parent().parent().parent().parent().find("#custom_text_head");
      //var object = $(this).closest('#menu_image').css({"color": "red", "border": "2px solid red"});
      //console.log("BI01 image_location = ", image_location);
      if (abc == "Max Cool Gel Orthopaedic Mattress"){
        img_scr_over = "https://cdn.shopify.com/s/files/1/0248/7766/2271/products/Maxcoolgelmattress_scene.jpg?v=1639378818";
      custom_text_over = 'Microbial and Cooling function | Cool Gel Foam';
      }else if (abc == "Lite Dual Comfort Mattress") {
        img_scr_over = "https://cdn.shopify.com/s/files/1/0248/7766/2271/products/001.jpg?v=1622615140";
        custom_text_over = 'Dual sided | long standing life';
      }else if (abc == "Plus Orthopaedic Mattress") {
        img_scr_over = "https://cdn.shopify.com/s/files/1/0248/7766/2271/products/PlusMattress_1_1_800x_1ffb2927-8786-439a-98af-a2de2a6fad22.jpg?v=1621576585";
      custom_text_over = 'Memory foam support | No partner disturbance';
      }else if (abc == "Striker Metal Bed Black") {
        img_scr_over = "https://cdn.shopify.com/s/files/1/0248/7766/2271/products/Single_FrontBlack_0383df3c-46a9-4a93-841c-ad400f40b7fd.jpg?v=1615540808";
      custom_text_over = 'Rust Resistant | optimal weight management';
      }else if (abc == "Striker Metal Bed White") {
        img_scr_over = "https://cdn.shopify.com/s/files/1/0248/7766/2271/products/Single_FrontWhite_5edd6f8e-a91e-4c50-bbf5-ec04e9b3fcf2.jpg?v=1615540806"
        custom_text_over = 'Rust Resistant | optimal weight management';
      }else if (abc == "Acacia Wooden Bed") {
        img_scr_over = "https://cdn.shopify.com/s/files/1/0248/7766/2271/products/Acacia_bed45.jpg?v=1639992881"
        custom_text_over = 'Premium Quality Hardwood | Sturdy Construction';
      }else if (abc == "Memory Foam Pillow") {
        img_scr_over = "https://cdn.shopify.com/s/files/1/0248/7766/2271/files/dropdown_pillow_-02.jpg?v=1643264174"
        custom_text_over = 'Memory Foam | Antibacterial encasement';
      }else if (abc == "Shredded Memory Foam Pillow") {
        img_scr_over = "https://cdn.shopify.com/s/files/1/0248/7766/2271/files/dropdown_pillow_-03.jpg?v=1643264174"
        custom_text_over = 'Adjustable Shape | Easy Maintenance';
      }else if (abc == "Cloud Comforter") {
        img_scr_over = "https://cdn.shopify.com/s/files/1/0248/7766/2271/products/DUVETPRODUCTLIFESTYLE_1.jpg?v=1618549629"
        custom_text_over = 'Microfiber Fabric | Temperature Regulation';
      }else if (abc == "Weighted Blankets") {
        img_scr_over = "https://cdn.shopify.com/s/files/1/0248/7766/2271/products/BLANKETLIFESTYLEPRODUCT_3.jpg?v=1618549742"
        custom_text_over = 'Easy Maintenance | Pressure Therapy';
      }else if (abc == "Mattress Tencel Protector") {
        img_scr_over = "https://cdn.shopify.com/s/files/1/0248/7766/2271/files/Protector-1200x825px-02_2.jpg?v=1630046397"
        custom_text_over = 'Water & Stain Resistance | Tencel Fabric';
      }else if (abc == "Tencel Pillow Protector") {
        img_scr_over = "https://cdn.shopify.com/s/files/1/0248/7766/2271/files/02_8c3908d9-d6cc-495c-a6d9-c6806b08163d.jpg?v=1630046529"
        custom_text_over = 'Fabric Easy wash | Soft & Breathable Fabric';
      }else if (abc == "Aroma") {
        img_scr_over = "https://cdn.shopify.com/s/files/1/0248/7766/2271/files/Pillowspray.jpg?v=1630046721"
        custom_text_over = 'Essential Oil | Calms Mind | Improves Sleep Quality';
      }else if (abc == "Eye Mask") {
        img_scr_over = "https://cdn.shopify.com/s/files/1/0248/7766/2271/files/Eyemask_79297869-1176-4edf-8f26-63fc3782e96c.jpg?v=1630046707"
        custom_text_over = '100% Natural | Aroma Infused Seeds | Improves Sleep Quality';
      }else if (abc == "Bread Pillow") {
        img_scr_over = "https://cdn.shopify.com/s/files/1/0248/7766/2271/files/dropdown_pillow_-01_d0c88bb2-4966-455f-9f82-4f88f9c5d34c.jpg?v=1643264174"
        custom_text_over = 'Removable Filling | Soft- Cell Construction';
      }else if (abc == "Mattress + Single Size Bed") {
        img_scr_over = "https://cdn.shopify.com/s/files/1/0248/7766/2271/products/Singlesizebed_black.jpg?v=1631507712"
        custom_text_over = 'Easy transport | Sturdy construction';
      }else if (abc == "Mattress + Queen Size Bed") {
        img_scr_over = "https://cdn.shopify.com/s/files/1/0248/7766/2271/products/KITMDODRSRPSQBBLK_01.jpg?v=1635765295"
        custom_text_over = 'Comfort for two | easy assembly';
      }else if (abc == "Mattress + King Size Bed") {
        img_scr_over = "https://cdn.shopify.com/s/files/1/0248/7766/2271/products/KITMDODRSRPLKBWHT_01.jpg?v=1635765036"
        custom_text_over = 'All round support | premium minimal design';
      }else if (abc == "Fusion Bed with Storage") {
        img_scr_over = "https://cdn.shopify.com/s/files/1/0248/7766/2271/products/8.jpg?v=1639129449"
        custom_text_over = 'Termite- Resistant | Good Storage Space';
      }else if (abc == "Hybrid Pocket Spring Mattress") {
        img_scr_over = "https://cdn.shopify.com/s/files/1/0248/7766/2271/products/thumbnail_Spring_mattress_single_bed_45.jpg?v=1632825567"
        custom_text_over = 'spring plus soft foam | zero motion transfer';
      }
      $(image_location).attr('src',img_scr_over);
      $(custom_text_location).text(custom_text_over);
    });



    /*$(".submenu").mouseover(function() {   
      //$( document ).ready(function() {
      var abc = $(this).text();
      console.log($(this));
      abc = abc.trim();
      custom_text_over_head = '';
     // var custom_text_location_head = $(this).parent().parent().parent().parent().find(".custom_text_head"); 
     var custom_text_location_head = $(this).find('.custom_text_head').prev().text();
      if (abc == "Max Cool Gel Orthopaedic Mattress"){
        custom_text_over_head = '| Quiz';
      }else if (abc == "Lite Dual Comfort Mattress") {
        custom_text_over_head = '| Quiz 1';
      }else if (abc == "Plus Orthopaedic Mattress") {
      custom_text_over_head = '| Quiz 2';
      }else if (abc == "Striker Metal Bed Black") {
        custom_text_over_head = '| Quiz 3';
      }
      //$(custom_text_location_head).text(custom_text_over_head);

      $(this).find('.custom_text_head').text(custom_text_over_head);
      //$('.site-nav .mega-menu .menu__moblie.submenu span').append("custom_text_location_head");
      $('.site-nav li a').each(function(i) {
        $(this).attr('id', 'page'+(i+1));
       });

    });
    */
    $('.submenu').each(function(index, value) {
      var abc= $(this).text().trim();; 
     var custom_text_over_head= "";
      if (abc == "Hybrid Pocket Spring Mattress"){ 
        custom_text_over_head = '| Quiz';
      }
      else if (abc == "Max Cool Gel Orthopaedic Mattress") {
        custom_text_over_head = '| Quiz 1';
      }
      else if (abc == "Lite Dual Comfort Mattress") {
        custom_text_over_head = '| Quiz 2';
      }else if (abc == "Plus Orthopaedic Mattress") {
      custom_text_over_head = '| Quiz 3';
      }
      console.log(custom_text_over_head);
      $(this).next().text(custom_text_over_head);
    });

    $(".submenu").mouseleave(function() {   
      var abc = $(this).text();
      console.log($(this));
      abc = abc.trim();
      custom_text_over_head = '';
     // var custom_text_location_head = $(this).parent().parent().parent().parent().find(".custom_text_head"); 
     var custom_text_location_head = $(this).find('.custom_text_head').prev().text();
      if (abc == "Max Cool Gel Orthopaedic Mattress"){
        custom_text_over_head = '| Quiz';
      }else if (abc == "Lite Dual Comfort Mattress") {
        custom_text_over_head = '| Quiz 1';
      }else if (abc == "Plus Orthopaedic Mattress") {
      custom_text_over_head = '| Quiz 2';
      }else if (abc == "Striker Metal Bed Black") {
        custom_text_over_head = '| Quiz 3';
      }
      //$(custom_text_location_head).text(custom_text_over_head);
      //$(this).find(".custom_text_head").text(custom_text_over_head);
      $(this).next().text(custom_text_over_head);
      //$('.site-nav .mega-menu .menu__moblie.submenu span').append("custom_text_location_head");
      $('.site-nav li a').each(function(i) {
        $(this).attr('id', 'page'+(i+1));
       });

    });


});

  $('.you-might-also').slick({
  dots: false,
    autoplay: true,
  autoplaySpeed: 2000,
    arrows: true,
  infinite: false,
  speed: 300,
  slidesToShow: 2,
  slidesToScroll: 1,
  responsive: [
    {
      breakpoint: 1024,
      settings: {
        slidesToShow: 2,
        slidesToScroll: 1,
        infinite: true,
        dots: true
      }
    },
    {
      breakpoint: 767,
      settings: {
        slidesToShow: 2,
        slidesToScroll: 1
      }
    },
  ]
});
-----------------------------------------------------------------
jQuery - Show simple message box when clicked?
-------------------------------------------------------------
https://stackoverflow.com/questions/41255651/jquery-show-simple-message-box-when-clicked
---------------------------------------------------------------
Build a Step Progress Bar with HTML, CSS, and JavaScript
https://www.youtube.com/watch?v=WW6fEuheuas
https://codepen.io/jamesqquick/pen/KKwZgQb
----------------------------------------------------------
How to add every li diffrent class or Id using jQuery
$('.vertical-menu_submenu.newvermenu li a').each(function(i) {
        $(this).attr('id', 'page'+(i+1));
       });
======================Quiz========================
<div class="container">
<div class="row justify-content-center">
          
        <div class="col-11 col-sm-9 col-md-7
col-lg-6 col-xl-12 text-center p-0 mt-3 mb-2">
<div class="px-0 pb-0 mt-3 mb-3">
                  <h4>Sleep Quiz</h4>
                  <p>Need holistic solutions for wholesome sleep?</p>
                  <h6>Answer these questions and we'll pick a mattress for you.</h6>
                  <br>
                 
<form id="form" class="quiz-steps-form" action="https://doctordreams.com/pages/customize-quiz-steps-data" enctype="multipart/form-data" >
<ul id="progressbar">
<li class="active" id="step1"></li>
<li id="step2"></li>
<li id="step3"></li>
<li id="step4"></li>
<li id="step5"></li>
</ul>
<br>
<fieldset>
<h3>Pick a personality that describes your sleep schedule.</h3>

<div class="row main_block_step1">
                                 
                              <div class="col-md-3 step1_hide">
                              </div>
                              
<div class="col-md-3 step1_left">
<div class="imagestep1"><img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/early-bird.png?v=1645791495" width="130px" alt="Early bird"></div>
     <div><label class="maincheck">
                               Early bird
                               <input type="radio" id="earlybird" data-id="1" name="qinput_step1" value="earlybird" class="earlybird_step1">
                            
                            <span class="checkmark"></span>
                            </label></div>
</div>
<div class="col-md-3 step1_right">
<div class="imagestep1"><img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/night-owl.png?v=1645791495"  width="130px" alt="Night owl"></div>
     <div><label class="maincheck">
                               Night owl
                               <input type="radio" id="nightowl" data-id="1" name="qinput_step1" value="nightowl" class="nightowl_step1">
                             <span class="checkmark"></span>
                            </label></div>
</div>
                              
                              <div class="col-md-3 step1_hide">
                              </div></div>
<input type="button" id="next-step-1" name="next-step"
class="next-step hide" value="Next Step" />
</fieldset>
<fieldset>
                          <h3>Tell us your age range</h3>

<div class="row main_block_step2">
          
<div class="col-md-3 step2_left">
<div class="imagestep1"><img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/age18-24.png?v=1645791495" width="130px" alt="18-24"></div>
     <div><label class="maincheck">
                               18-24
                               <input type="radio" id="age_18-24" data-id="2" name="qinput_step2" value="18-24" class="earlybird_step1">
                            
                            <span class="checkmark"></span>
                            </label></div>
</div>
<div class="col-md-3 step2_left">
<div class="imagestep1"><img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/age25-35.png?v=1645791495" width="130px" alt="25-35"></div>
     <div><label class="maincheck">
                               25-35
                               <input type="radio" id="age_25-35" data-id="2" name="qinput_step2" value="25-35" class="nightowl_step1">
                             <span class="checkmark"></span>
                            </label></div>
</div>
                              
                              <div class="col-md-3 step2_left">
<div class="imagestep1"><img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/age36-45.png?v=1645791495" width="130px" alt="36-45"></div>
     <div><label class="maincheck">
                               36-45
                               <input type="radio" id="age_36-45" data-id="2" name="qinput_step2" value="36-45" class="earlybird_step1">
                            
                            <span class="checkmark"></span>
                            </label></div>
</div>
<div class="col-md-3 step2_right">
<div class="imagestep1"><img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/45.png?v=1645791495" width="130px" alt="45-plus"></div>
     <div><label class="maincheck">
                               45+
                               <input type="radio" id="age_45+" data-id="2" name="qinput_step2" value="45+" class="nightowl_step1">
                             <span class="checkmark"></span>
                            </label></div>
</div></div>
                          
<input type="button" id="next-step-2" name="next-step" class="next-step hide" value="Next Step" />
<input type="button" name="previous-step"
class="previous-step"
value="Previous Step" />
</fieldset>
<fieldset>
                           <h3>What's keeping you up at night?</h3>

<div class="row main_block_step3">
          
<div class="col-md-3 step2_left">
<div class="imagestep1"><img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/body-pain_2bfccdf8-fe37-4780-a9fd-5010003daa52.png?v=1645791496" width="130px" alt="Body Pain"></div>
     <div><label class="maincheck">
                               Body pain
                               <input type="radio" id="body_pain" data-id="3" name="qinput_step3" value="Body pain" class="earlybird_step1">
                            
                            <span class="checkmark"></span>
                            </label></div>
</div>
<div class="col-md-3 step2_left">
<div class="imagestep1"><img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/night-sweats_226dd360-3d62-4e6c-b5b7-bf05ee0da412.png?v=1645791495" width="130px" alt="Night sweats"></div>
     <div><label class="maincheck">
                               Night sweats
                             <input type="radio" id="night_sweats" data-id="3" name="qinput_step3" value="Night sweats" class="nightowl_step1">
                             <span class="checkmark"></span>
                            </label></div>
</div>
                              
                              <div class="col-md-3 step2_left">
<div class="imagestep1"><img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/partner-tosses_345d7a88-8d23-4b0a-a175-27dea530fd31.png?v=1645791496" width="130px" alt="Partner tosses & turns"></div>
     <div><label class="maincheck">
                               Partner tosses & turns
                               <input type="radio" id="partner_tosses" data-id="3" name="qinput_step3" value="Partner tosses & turns" class="earlybird_step1">
                            
                            <span class="checkmark"></span>
                            </label></div>
</div>
<div class="col-md-3 step2_right">
<div class="imagestep1"><img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/nothing-all-well.png?v=1645791495" width="130px" alt="Nothing, all is well"></div>
     <div><label class="maincheck">
                               Nothing, all is well
                               <input type="radio" id="nothing_all_well" data-id="3" name="qinput_step3" value="Nothing, all is well" class="nightowl_step1">
                             <span class="checkmark"></span>
                            </label></div>
</div></div>
                          
<input type="button" id="next-step-3" name="next-step"
class="next-step hide" value="Next Step" />
<input type="button" name="previous-step"
class="previous-step"
value="Previous Step" />
</fieldset>
<fieldset>
                           <h3>Who's sharing the mattress with you?</h3>

<div class="row main_block_step4">
          
<div class="col-md-3 step2_left">
<div class="imagestep1"><img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/me-myself-I.png?v=1645791495" width="130px" alt="Me, myself, and I"></div>
     <div><label class="maincheck">
                               Me, myself, and I
                               <input type="radio" id="me_myself" data-id="4" name="qinput_step4" value="Me, myself, and I" class="earlybird_step1">
                            
                            <span class="checkmark"></span>
                            </label></div>
</div>
<div class="col-md-3 step2_left">
<div class="imagestep1"><img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/my-partner.png?v=1645791495" width="130px" alt="My partner and me"></div>
     <div><label class="maincheck">
                               My partner and me
                               <input type="radio" id="my_partner_me" data-id="4" name="qinput_step4" value="My partner and me" class="nightowl_step1">
                             <span class="checkmark"></span>
                            </label></div>
</div>
                              
                              <div class="col-md-3 step2_left">
<div class="imagestep1"><img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/my-kids.png?v=1645791498" width="130px" alt="My kids"></div>
     <div><label class="maincheck">
                               My kids
                               <input type="radio" id="my_kids" data-id="4" name="qinput_step4" value="My kids" class="earlybird_step1">
                            
                            <span class="checkmark"></span>
                            </label></div>
</div>
<div class="col-md-3 step2_right">
<div class="imagestep1"><img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/mykids-mypartner-andme.png?v=1645791495" width="130px" alt="My kids, my partner, and me"></div>
     <div><label class="maincheck">
                               My kids, my partner, and me
                               <input type="radio" id="my_kids_partner" data-id="4" name="qinput_step4" value="My kids, my partner, and me" class="nightowl_step1">
                             <span class="checkmark"></span>
                            </label></div>
</div>
                              </div><input type="button" id="next-step-4" name="next-step"
class="next-step hide" value="Next Step" />
<input type="button" name="previous-step"
class="previous-step"
value="Previous Step" />
</fieldset>
<fieldset>
<h3>Tell us your preferred sleeping position.</h3>

<div class="row main_block_step5">
          
<div class="col-md-3 step2_left">
<div class="imagestep1"><img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/side-sleeper.png?v=1645791496" width="130px" alt="Side sleeper"></div>
     <div><label class="maincheck">
                               Side sleeper
                               <input type="radio" id="side_sleeper" data-id="5" name="qinput_step5" value="Side sleeper" class="sleeppos-step">
                            
                            <span class="checkmark"></span>
                            </label></div>
</div>
<div class="col-md-3 step2_left">
<div class="imagestep1"><img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/back-sleeper.png?v=1645791495" width="130px" alt="Back sleeper"></div>
     <div><label class="maincheck">
                               Back sleeper
                               <input type="radio" id="back_sleeper" data-id="5" name="qinput_step5" value="Back sleeper" class="sleeppos-step">
                             <span class="checkmark"></span>
                            </label></div>
</div>
                              
                              <div class="col-md-3 step2_left">
<div class="imagestep1"><img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/stomach-sleeper_87ef8a01-9865-42f9-bebd-cc2bddb60181.png?v=1645791496" width="130px" alt="Stomach sleeper"></div>
     <div><label class="maincheck">
                               Stomach sleeper
                               <input type="radio" data-id="5" id="stomach_sleeper" name="qinput_step5" value="Stomach sleeper" class="sleeppos-step">
                            
                            <span class="checkmark"></span>
                            </label></div>
</div>
<div class="col-md-3 step2_right">
<div class="imagestep1"><img src="https://cdn.shopify.com/s/files/1/0248/7766/2271/files/all-of-them_405e842c-a642-4cd5-bbeb-86482574b0a2.png?v=1645791496" width="130px" alt="All of them"></div>
     <div><label class="maincheck">
                               All of them
                               <input type="radio" id="all_of_them" data-id="5" name="qinput_step5" value="All of them" class="sleeppos-step">
                             <span class="checkmark"></span>
                            </label></div>
</div>
                              
                              
</div>
                          
                          <!--<input type="button" id="next-step-4" name="next-step"
class="next-step" value="Final Step" />-->
                          <input type="button" id="next-step-5" name="next-step"
class="next-step hide" value="Next" />
<input type="button" name="previous-step"
class="previous-step"
value="Previous Step" />
</fieldset>
                      
                      <fieldset>
                         <div class="row">
                           <div class="col-md-6 pleasehelp_info">
                             <h3 class="pl_help_you">Please help us with you information</h3>
                         <div class="row">
   <div class="col-md-2 pleasehelp_name">
                                 <label class="maincheck_input_name"> Name </label></div>
                              <div class="col-md-10">  <input type="text" data-id="6" id="input_name_id" name="input_name" class="input_name">
   </div>
                               
                          </div>
                        <div class="col-md-8 help_submit">
                            <input type="submit" id="submit_btn" name="submit"
class="submit_button" value="Next" />
                        </div>
                            </div>
                             </div>
</fieldset>
                      
                      <input type="hidden" name="final_value" value="" id="final_value_id" >
</form>
</div>
</div>
</div>
</div>
<script>
  $('document').ready(function(){ 
    $( ".sleeppos-step" ).click(function() { 
       $("#progressbar").hide("");
    
    var step1_value= $('input[name="qinput_step1"]:checked').val();
    var step2_value= $('input[name="qinput_step2"]:checked').val();
    var step3_value= $('input[name="qinput_step3"]:checked').val();
    var step4_value= $('input[name="qinput_step4"]:checked').val();
    var step5_value= $('input[name="qinput_step5"]:checked').val();
    var final_value = '';
      
      //alert(step3_value);
      //alert(step4_value);
      var ans_value ='';
      if(step3_value=='Body pain' && step4_value=='Me, myself, and I') {
        var ans_value =
      final_value='Answer-1';   
      }
       else if((step3_value=='Body pain' && step4_value=='My partner and me') || (step3_value=='Body pain' && step4_value=='My kids') || (step3_value=='Body pain' && step4_value=='My kids, my partner, and me')) {
      final_value='Answer-2';
      }
      else if((step3_value=='Night sweats' && step4_value=='Me, myself, and I') || (step3_value=='Night sweats' && step4_value=='My partner and me') || (step3_value=='Night sweats' && step4_value=='My kids') || (step3_value=='Night sweats' && step4_value=='My kids, my partner, and me')) {
       final_value='Answer-3';
      }
      else if((step3_value=='Partner tosses & turns' && step4_value=='Me, myself, and I') || (step3_value=='Partner tosses & turns' && step4_value=='My partner and me') || (step3_value=='Partner tosses & turns' && step4_value=='My kids, my partner, and me')) {
       final_value='Answer-4';
      }
      else if(step3_value=='Partner tosses & turns' && step4_value=='My kids') {
       final_value='Answer-5';
      }
      else if((step3_value=='Nothing, all is well' && step4_value=='Me, myself, and I') || (step3_value=='Nothing, all is well' && step4_value=='My partner and me') || (step3_value=='Nothing, all is well' && step4_value=='My kids') || (step3_value=='Nothing, all is well' && step4_value=='My kids, my partner, and me')) {
       final_value='Answer-6';
      }
      else {
      
      }
       var encoded = encodeURIComponent(final_value);
      $('#final_value_id').val(encoded);
      
    });   
});    
</script>
2nd page
--------------------------------------
 <div class="Answer-6 hide">
          {% comment %}<div class="customize-data_ans">
          <h6>3/5 (D) + 4/5 (A) | 3/5 (D) + 4/5 (B) | 3/5 (D) + 4/5 (C) | 3/5 (D) + 4/5 (D)</h6>
          </div>{% endcomment %}
          
          <p class="quiz-data-description">
            Bring home good sleep at a great price!<br>
You should order the Lite Dual Comfort Mattress. It is a budget-friendly option that is made with super soft foam. Its dual-sided nature benefits your preferred sleeping posture. You can alternate between the soft and firm surface to find your sweet spot.<br>   
Order it right here, right now and we’ll deliver happy sleep to your doorstep.
 </p>
          </div>
  <script>
               var url = new URL(location.href);
               var params = new URLSearchParams(url.search);
               var show_top_flag = params.get('final_value');
               //console.log(show_top_flag);
              //$('#quizans').html(show_top_flag);
               $('.'+show_top_flag).removeClass('hide');
            </script>
=========================================================================
click outside body or div hide popup using (e.stopPropagation) method
---------------------------------------------------------------------------
<div class='button'>Click</div>
<div class='dropdown'>
    <ul>
        <li>aaaaaaaaaaa</li>
        <li>aaaaaaaaaaa</li>
    </ul>
</div>
<script>
$(".button").click(function(e){
    $(".dropdown").toggle();
     e.stopPropagation();
});

$(".dropdown").click(function(e){
    e.stopPropagation();
});

$(document).click(function(){
    $(".dropdown").hide();
});
</script>
<style>
.button {
    background-color:#ccc;
    width:60px;
}
.dropdown {
    display:none;
    background-color:#ccc;
    width:300px;
}
</style>
===================================================================
open model popup then disable body scroll
---------------------------------------
 .register_popup {
  overflow:hidden;
}
<script type="text/javascript">
   window.addEventListener("load", function(){
    setTimeout(
        function open(event){
            document.querySelector(".popuponload").style.display = "block";
            document.querySelector(".popup_overlay_new").style.display = "block";
        },
        2000 
    )
   });
document.querySelector("#close").addEventListener("click", function(){
    document.querySelector(".popuponload").style.display = "none";
    $('body').removeClass('register_popup');
    $("#popup_overlay_new").hide();
});
  $(".popuponload").click(function(e){
    e.stopPropagation();
});      
 $(document).ready(function(){
$('body').addClass('register_popup');
});
        
$(document).click(function(){
    $(".popuponload").hide();
  $('body').removeClass('register_popup');
  $("#popup_overlay_new").hide();
});
    </script>
add this code below <body>
<div id="popup_overlay_new" class="popup_overlay_new" style=""></div>
.popup_overlay_new {
    z-index: 902;
    background-color: #555;
    opacity: .3;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    -webkit-transition: background .3s ease-out;
    -moz-transition: background .3s ease-out;
    -o-transition: background .3s ease-out;
    transition: background .3s ease-out;
}
*********************************************************************
How to add class after 10 sec on window load jquery
------------------------------------------------------------------
 window.addEventListener("load", function(){
    setTimeout(
        function open(event){
            $('body').addClass('register_popup');
        },
        10000 
    )
   });
*********************************************************************
how to checkbox click then change pre filled input text value
---------------------------------------------------
https://www.geeksforgeeks.org/how-to-change-the-checkbox-value-using-jquery/
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
</head>
<body>
<div style="width:50%;margin:0 auto;margin-top:50px;">

<form method="post" >
<label>Name:</label> <br>
<input type="text" id="fname" class="fname"><br><br>

<label>Mobile:</label> <br>
<input type="number" id="mobile" class="mobile"><br><br>

<label>Email:</label> <br>
<input type="text" id="email" class="email"><br><br>

<label>Gender</label> <br>
<input type="radio" id="male" class="male" value="Male">
<label for="male">Male</label><br>
<input type="radio" id="female" class="male" value="Female">
<label for="female">Female</label><br>
<br>

<label>Hobbies:</label> <br>
<input type="checkbox" id="cricket" class="cricket" value="Cricket">
<label for="cricket">Cricket</label><br>
<input type="checkbox" id="reading" class="reading" value="Reading">
<label for="reading">Reading</label><br>
<input type="checkbox" id="cooking" class="cooking" value="Cooking">
<label for="cooking">Cooking</label><br>
<input type="checkbox" id="singing" class="singing" value="Singing">
<label for="singing">Singing</label><br><br>

<button type="submit" value="Submit">Submit</button>
<button type="reset" Value="Reset"> Cancel</button>

</form>

</div>

<script>

$(document).ready(function(){

//alert('test');
$('#fname').val('Lalit');
$('#mobile').val('9169452300');
$('#email').val('lalit@binaryic.in');

$('#reading').click(function(){
 //alert('test');
 if($("#reading").is(":checked") == true) {
 
 $('#fname').val('Tejas');
$('#mobile').val('7357575731');
$('#email').val('tejas@binaryic.in');
}
 
 else {
 
 $('#fname').val('Lalit');
$('#mobile').val('9169452300');
$('#email').val('lalit@binaryic.in');
 
 }
 
});

});
</script>

</body>
</html>
*********************************************************************
 Window Width 768px condition
------------------------------------------------
$(".navlogo").click( function (){
    if ($(window).width() < 768) {
        $(".navwrapper").toggle();
    }
});
*********************************************
Radio Button validation
-----------------------------
$(document).ready(function(){
$("#pdp_add_to_cart").click(function(){
var Cartridgevalue= $("input[name='Select Cartridge Type']:checked").val();

if(Cartridgevalue) {
//alert('Selected Cartridge Type');
var Radproductvalue= $("input[name='Choose Your Product']:checked").val();
if(Radproductvalue) {
//
}
else {
alert('Please Choose Your Product');
}

else {
  //alert('Please Select Cartridge Type');  
 //document.getElementsByClassName("product-form__error-mess cartridge-errorone").innerHTML +="Please Select Cartridge Type";
document.getElementsByClassName("product-form__error-mess cartridge-errortwo")[0].innerHTML +="Please Select Cartridge Type";
}

});

});
**********************************************************************
<variant-radios id="varaint_radio" ><fieldset class="js product-form__input field-product-form__input">
                    <legend class="form__label " style="padding-top: 10px;">Select Cartridge Type</legend>
<input type="radio" name="Select Cartridge Type" value="Municipal" >
                    <label class="productvariantcustom" data-position="">
                      Municipal
                    </label>
<input type="radio" name="Select Cartridge Type" value="Borewell" >
                    <label class="productvariantcustom">
                      Borewell
                    </label></fieldset><fieldset class="js product-form__input field-product-form__input">
                    <legend class="form__label binaryic" style="padding-top: 10px;">Choose Your Product</legend>
<input type="radio" name="Choose Your Product" value="Shower and Tap Filter">
                    <label class="abc">
                      Shower and Tap Filter
                    </label>
<input type="radio"name="Choose Your Product" value="Combo">
                    <label >
                      Combo
                    </label></fieldset><script type="application/json">
                     </script>
                </variant-radios>
<form method="post" action="#" >
                  <div class="product-form__buttons product_form_button">  
                    <button type="submit" id="pdp_add_to_cart" >
                    <span>Add to cart</span> </button></div></form>
<script>
$(document).ready(function(){
$("#pdp_add_to_cart").click(function(){
var Cartridgevalue= $("input[name='Select Cartridge Type']:checked").val();
if(Cartridgevalue) {
//alert('Selected Cartridge Type');
var Radproductvalue= $("input[name='Choose Your Product']:checked").val();
if(Radproductvalue) {
//
}
else {
alert('Choose Your Product');
}
}
else {
alert('Select Cartridge Type');
}
});
});
</script>
********************************************************
find class in jQuery
---------------------------------------------
$(".thumbnails .slick-track" ).find( ".slick-current" ).removeClass('slick-current');
 
$nextThumb.addClass('slick-current').siblings('.active1').removeClass('slick-current');

$("a .slick-active").click(function() {
   var className = $(this).attr("class");
    alert the class name
   console.log(className);
   });
***********************************************************************************
How to add is selected(active) class in img alt tag parent parent div basis on img alt tag
--------------------------------------------------
<script>
  $(".gallery-cell").removeClass("is-selected");
  $('.multiper_multi__select__onchange').on('change', function() {
  if(this.value == '40393985556569'){
    //$("['data-title'='King']").addClass("is-selected")
    //alert("This is king")
    //$("img[alt='King']").addClass("is-selected");
    if("img[alt='King']") {
       $(".gallery-cell").removeClass("is-selected");
      alert('king selected');
   //$(this).closest('.gallery-cell').addClass('is-selected');
      //$("img[alt='King']" ).find( ".gallery-cell" ).addClass('is-selected');
      //$("img[alt='King']").parent().parent().parent().addClass('is-selected');
      $(".gallery-cell.is-selected").focus();
  $("img[alt='King']").each(function () {
     $(".gallery-cell").removeClass("is-selected");
  $(this).closest('.gallery-cell').addClass('is-selected');
});
   }
    else {
       $(".gallery-cell").removeClass("is-selected");
    }  
  }else if (this.value == '40393985589337'){
    //$("['data-title'='Queen']").addClass("is-selected")
   // alert("This is Queen")
    //$("img[alt='Queen']").addClass("is-selected");
if("img[alt='Queen']") {
  $(".gallery-cell").removeClass("is-selected");
       // $(".gallery-cell").addClass("is-selected");
   alert('Queen selected');
   //$(this).closest('.gallery-cell').addClass('is-selected');
      //$("img[alt='Queen']" ).find( ".gallery-cell" ).addClass('is-selected');
  //$("img[alt='Queen']").parent().parent().parent().addClass('is-selected');
      //$("img[alt='Queen']").parent().parent().parent().focus();
  $(".gallery-cell.is-selected").focus(); 
  $("img[alt='Queen']").each(function () {
     $(".gallery-cell").removeClass("is-selected");
   $(this).closest('.gallery-cell').addClass('is-selected');
});
 }
    else {
       $(".gallery-cell").removeClass("is-selected");
    }    
  }
});
</script>
**********************************************************

jQuery numbers pagination with next prev button

----------------------------------------
https://webdesign.tutsplus.com/tutorials/pagination-with-vanilla-javascript--cms-41896
   <style>
.hidden {
  display: none;
}
.pagination-container {
  width: calc(100% - 2rem);
  display: flex;
  align-items: center;
  bottom: 0;
  padding: 1rem 0;
  justify-content: center;
}
.pagination-number,
.pagination-button{
  font-size: 17px;
    border: none;
    margin: 0.25rem 0rem;
    cursor: pointer;
    height: 2.5rem;
    width: 2.5rem;
    border-radius: 0.2rem;
    color: #000;
    background-color: transparent;
}
.pagination-number:hover,
.pagination-button:not(.disabled):hover {
  text-shadow: 0 0 1px #000 !important;
    background: transparent !important;
    color: #000 !important;
}
.pagination-number.active {
  text-shadow: 0 0 1px #000 !important;
    background: transparent !important;
    color: #000 !important;
}
</style>
  </head>
  <body>
    <main>

  <ul id="paginated-list" data-current-page="1" aria-live="polite">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
    <li>Item 5</li>
    <li>Item 6</li>
    <li>Item 7</li>
    <li>Item 8</li>
    <li>Item 9</li>
    <li>Item 10</li>
    <li>Item 11</li>
    <li>Item 12</li>
    <li>Item 13</li>
    <li>Item 14</li>
  </ul>

  <nav class="pagination-container">
    <button class="pagination-button" id="prev-button" aria-label="Previous page" title="Previous page">
      &lt;
    </button>

    <div id="pagination-numbers">

    </div>

    <button class="pagination-button" id="next-button" aria-label="Next page" title="Next page">
      &gt;
    </button>
  </nav>
</main>


    <script>
     const paginationNumbers = document.getElementById("pagination-numbers");
const paginatedList = document.getElementById("paginated-list");
const listItems = paginatedList.querySelectorAll("li");
const nextButton = document.getElementById("next-button");
const prevButton = document.getElementById("prev-button");

const paginationLimit = 10;
const pageCount = Math.ceil(listItems.length / paginationLimit);
let currentPage = 1;

const disableButton = (button) => {
  button.classList.add("disabled");
  button.setAttribute("disabled", true);
};

const enableButton = (button) => {
  button.classList.remove("disabled");
  button.removeAttribute("disabled");
};

const handlePageButtonsStatus = () => {
  if (currentPage === 1) {
    disableButton(prevButton);
  } else {
    enableButton(prevButton);
  }

  if (pageCount === currentPage) {
    disableButton(nextButton);
  } else {
    enableButton(nextButton);
  }
};

const handleActivePageNumber = () => {
  document.querySelectorAll(".pagination-number").forEach((button) => {
    button.classList.remove("active");
    const pageIndex = Number(button.getAttribute("page-index"));
    if (pageIndex == currentPage) {
      button.classList.add("active");
    }
  });
};

const appendPageNumber = (index) => {
  const pageNumber = document.createElement("button");
  pageNumber.className = "pagination-number";
  pageNumber.innerHTML = index;
  pageNumber.setAttribute("page-index", index);
  pageNumber.setAttribute("aria-label", "Page " + index);

  paginationNumbers.appendChild(pageNumber);
};

const getPaginationNumbers = () => {
  for (let i = 1; i <= pageCount; i++) {
    appendPageNumber(i);
  }
};

const setCurrentPage = (pageNum) => {
  currentPage = pageNum;

  handleActivePageNumber();
  handlePageButtonsStatus();
  
  const prevRange = (pageNum - 1) * paginationLimit;
  const currRange = pageNum * paginationLimit;

  listItems.forEach((item, index) => {
    item.classList.add("hidden");
    if (index >= prevRange && index < currRange) {
      item.classList.remove("hidden");
    }
  });
};

window.addEventListener("load", () => {
  getPaginationNumbers();
  setCurrentPage(1);

  prevButton.addEventListener("click", () => {
    setCurrentPage(currentPage - 1);
  });

  nextButton.addEventListener("click", () => {
    setCurrentPage(currentPage + 1);
  });

  document.querySelectorAll(".pagination-number").forEach((button) => {
    const pageIndex = Number(button.getAttribute("page-index"));

    if (pageIndex) {
      button.addEventListener("click", () => {
        setCurrentPage(pageIndex);
      });
    }
  });
});
    </script>
***************************************************
JQuery Popup on load
<style>
   #modalOverlay{
        position: fixed;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.5);
        z-index: 99999;
        height: 100%;
        width: 100%;
     display: none;
      }
        .modalPopup{
        position: absolute;
        top: 55%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 80%;
             padding: 0 2rem 3rem;
            }
          .modalPopup span {
            font-size: 4rem;
            font-weight: 600;
            position: absolute;
            z-index: 1;
            color: #ffff;
            right: 3.5%;
            top: 3.5%;
            cursor:pointer;
  }
          .modalPopup img {
            width: 100%;
            height: 100%;
            position: relative;
            }
  
       img.desk{
        display:block;
        width:100%;
        height: 100%;
      }
      img.mob{
      display:none;
       }
    span.close-pop{
      cursor:pointer;
  }
      .cta-btn {
      position: absolute;
      top: 65.5%;
      display: flex;
      gap: 3%;
      left: 6.5%;
  }
  .cta-btn a {
      background: #242424;
      color: #fff;
      padding: 0.5rem;
      font-size: 14px;
      font-weight: 500;
      letter-spacing: 0.6px;
      text-transform: uppercase;
      border: 1px solid #fff;
      width: 220px;
      text-align: center;
    cursor:pointer;
  }
  
     @media screen and (max-width: 820px) {
       img.mob{
        display:block;
        width:100%;
        height: 100%;
         margin:0 auto;
      }
      img.desk{
      display:none;
       }
         .modalPopup{
           padding:0 1rem;
           width: 100%;
           top: 40%;
         }
       .modalPopup span{
         font-size: 2.5rem;
    right: 6%;
    top: 1%;
       }
      .cta-btn a {
        font-size: 10px;
        width: fit-content;
        padding: 0.1rem 1rem;
        font-weight: 600;
        letter-spacing: 0;
        }
       .cta-btn {
      position: absolute;
      top: 40%;
     display: flex;
     gap: 10px;
     left: 10%;
     padding: 0px;
      width: fit-content;
      }
    }
  </style>
<body>
     <div id="modalOverlay">
      <div class="modalPopup">
      <span id="close">x</span>
         <img class="desk" src="https://cdn.shopify.com/s/files/1/0389/7812/5956/files/1600X600.jpg?v=1678370798">
          <img class="mob" src="https://cdn.shopify.com/s/files/1/0389/7812/5956/files/421X500.jpg?v=1678370798">
          <div class=cta-btn>
            <a href="https://www.instagram.com/duroflexworld/" id="close_tab_button">come back tomorrow</a>
             <a href="#" id="close-pop">continue shopping</a>
          </div>
        </div>
      </div>

 <script>
$(document).ready(function () {
  var currentTime = new Date(); // Get the current time
  let houres = currentTime.getHours();
  $("#modalOverlay").hide();
  if (houres >= 10 || houres < 20) {
  
    $("#modalOverlay").show();
  } else {
    $("#modalOverlay").hide();
  }
  $('#close').click(function () {
    $("#modalOverlay").fadeOut();
  });
  $('#close-pop').click(function () {
    $("#modalOverlay").fadeOut();
  });
});
</script>  
  <script>
if($.cookie('popup') != 'seen'){
    $.cookie('popup', 'seen', { expires: 365, path: '/' }); // Set it to last a year, for example.
    $j("#modalOverlay").delay(2000).fadeIn();
    $j('#close').click(function(e) // You are clicking the close button
        {
        $j('#modalOverlay').fadeOut(); // Now the pop up is hiden.
    });
    $j('#modalOverlay').click(function(e) 
        {
        $j('#modalOverlay').fadeOut(); 
    });
};
  </script>
</body>
</html>
*******************************************************
Calculation 2 numbers and show value in label on key up, on blur (on type) ------------------------------------------------------------------ <td>[number* noofstudent min:1 max:1000 id:noofstudent_1 default:"1"] @ Rs 10000 per student per year</td> </tr> <tr> <td>No of Years</td> <td>[number* noofyear min:1 max:1000 id:noofyear_1 default:"1"]</td> </tr> <tr> <td>Total Donation Amount</td> <td class="rups"><span class="total_donation" id:total_1 >Rs: 18000</span></td> <script>jQuery('#noofstudent_1, #noofyear_1').keyup(function () { var student = parseFloat(jQuery('#noofstudent_1').val()); var year = parseFloat(jQuery('#noofyear_1').val()); jQuery('#total_1').html(student * year *18000); });</script> **************************************************************