Gel4y Mini Shell

Edit file

File name : product_pillow_outlines.html

Content :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

<meta name="title" content="">
    <meta name="keywords" content="">
    <meta name="description" content="">

<title>Product</title>

<div class="container hidden-xs">
    <div class="flex-very-top">
        <div class="left-part hidden-xs hidden-sm">
            <p class="top-contact-info">
                Toll Free: <a href="tel:1-877-505-0012">1-877-505-0012</a> <span class="vertical-txt-div">|</span>
                Shipping: <span
                    class="green-color">Within 3 weeks</span>
            </p>
        </div>
        <div class="right-part flex-very-top">
            <div class="input-group">
                <input type="text" class="form-control" placeholder="search">
                <span class="input-group-btn">
                    <button class="btn btn-default" type="button"><img src="img/search.svg" class="search" alt="search"></button>
                </span>
            </div>
            <p class="log-info"><a href="account.html">My Wishlist</a><span class="vertical-txt-div">|</span><a href="login.html">Login</a>
                or <a href="login.html">Register</a><span class="vertical-txt-div">|</span><a href="shopping_cart.html">My Cart(0)</a></p>
        </div>
    </div>
</div>

<div id="myOverlay" class="overlay-search">
    <span class="closebtn" onclick="closeSearch()" title="Close Overlay">&#x2716;</span>
    <div class="overlay-content">
        <form action="#">

<div class="input-group has-feedback">
                     <span class="input-group-btn">
                        <button class="btn btn-default" type="submit">
                            <img src="img/search.svg" class="search" alt="go">
                        </button>
                    </span>
                <input id="search_mobile" type="text" class="form-control" placeholder="Search">
                <span class="clearer form-control-feedback">&#x2716;</span>
            </div>
        </form>
    </div>
</div>

<nav class="navbar navbar-default">
    <div class="container">
        
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" id="sidebarCollapse" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <div class="mobile-cart-search hidden-sm hidden-md hidden-lg">
                <img src="img/search.svg" alt="search" class="openBtn search" id="open-m-search">
                <a href="shopping_cart.html">My Cart</a>
            </div>
            <a class="navbar-brand" href="/"><img src="img/logo.svg" alt="logo" class="img-responsive"></a>
        </div>

<div class="collapse navbar-collapse">
            <ul class="nav navbar-nav navbar-right hidden-xs">
                <li class="active hidden-sm"><a href="index.html">Home</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                       aria-expanded="false">Fabrics <img src="img/arrow-down.png" alt="caret" class="caret-c"></a>
                    <ul class="dropdown-menu">
                        <li><a href="fabric.html">Fabric Gallery</a></li>
                        <li><a href="#">Fabric Samples</a></li>
                        <li><a href="#">Fabric by the Yard</a></li>
                        <li><a href="#">Brands</a></li>
                        <li><a href="#">Customer Supplied Fabric</a></li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                       aria-expanded="false">Products <img src="img/arrow-down.png" alt="caret" class="caret-c"></a>
                    <ul class="dropdown-menu">
                        <li><a href="product_bench.html">Bench Cushion</a></li>
                        <li><a href="product_chair_lounge.html">Lounge Chair Cushion Set</a></li>
                        <li><a href="product_seat.html">Seat Cushion</a></li>
                        <li><a href="product_chaise_lounge.html">Chaise Lounge Cushion Set</a></li>
                        <li><a href="product_love.html">Love Seat Cushion Set</a></li>
                        <li><a href="product_sofa.html">Sofa Cushion Set</a></li>
                        <li><a href="product_glider_swing.html">Glider Cushion</a></li>
                        <li><a href="product_swing.html">Swing Cushion</a></li>
                        <li><a href="product_bed.html">Day Bed Cushion</a></li>
                        <li><a href="product_ottoman.html">Ottoman Cushion</a></li>
                        <li><a href="product_window_seat.html">Window Seat Cushion</a></li>
                        <li><a href="product_throw_pillow.html">Throw Pillow</a></li>
                        <li><a href="product_pillow_outlines.html">Lumbar Pillow</a></li>
                        <li><a href="product_bolster.html">Bolster Pillow</a></li>
                    </ul>
                </li>
                <li><a href="gallery.html">Gallery</a></li>
                <li class="active"><a href="about_us.html">About Us</a></li>
                <li class="hidden-sm"><a href="testimonials.html">Testimonials</a></li>
                <li><a href="sale.html">Sale</a></li>
                <li class="hidden-sm"><a href="answers.html">FAQs</a></li>
                <li class="hidden-sm"><a href="blog-archive.html">Blog</a></li>
                <li><a href="wholesale.html">Wholesale</a></li>
            </ul>
        </div>
    </div>
</nav>

<nav id="sidebar" class="hidden-md hidden-lg">
    <div class="sidebar-header text-right">
        <a href="login.html">Login</a> or <a href="login.html">Register</a>
    </div>

<ul class="list-unstyled components">
        <li class="active">
            <a href="index.html">Home</a>
        </li>
        <li>
            <a href="#pageSubmenu" data-toggle="collapse" aria-expanded="false">Fabrics</a>
            <ul class="collapse list-unstyled" id="pageSubmenu">
                <li><a href="fabric.html">Fabric Gallery</a></li>
                <li><a href="#">Fabric Samples</a></li>
                <li><a href="#">Fabric by the Yard</a></li>
                <li><a href="#">Brands</a></li>
                <li><a href="#">Customer Supplied Fabric</a></li>
            </ul>
        </li>
        <li>
            <a href="#pageSubmenu1" data-toggle="collapse" aria-expanded="false">Products</a>
            <ul class="collapse list-unstyled" id="pageSubmenu1">
                <li><a href="product_bench.html">Bench Cushion</a></li>
                <li><a href="product_chair_lounge.html">Lounge Chair Cushion Set</a></li>
                <li><a href="product_seat.html">Seat Cushion</a></li>
                <li><a href="product_chaise_lounge.html">Chaise Lounge Cushion Set</a></li>
                <li><a href="product_love.html">Love Seat Cushion Set</a></li>
                <li><a href="product_sofa.html">Sofa Cushion Set</a></li>
                <li><a href="product_glider_swing.html">Glider Cushion</a></li>
                <li><a href="product_swing.html">Swing Cushion</a></li>
                <li><a href="product_bed.html">Day Bed Cushion</a></li>
                <li><a href="product_ottoman.html">Ottoman Cushion</a></li>
                <li><a href="product_window_seat.html">Window Seat Cushion</a></li>
                <li><a href="product_throw_pillow.html">Throw Pillow</a></li>
                <li><a href="product_pillow_outlines.html">Lumbar Pillow</a></li>
                <li><a href="product_bolster.html">Bolster Pillow</a></li>
            </ul>
        </li>
        <li><a href="gallery.html">Gallery</a></li>
        <li class="active"><a href="about_us.html">About Us</a></li>
        <li><a href="testimonials.html">Testimonials</a></li>
        <li><a href="sale.html">Sale</a></li>
        <li><a href="answers.html">FAQs</a></li>
        <li><a href="blog-archive.html">Blog</a></li>
        <li><a href="wholesale.html">Wholesale</a></li>
    </ul>

<div class="phone-wr">
        <a href="tel:1-877-505-0012">1-877-505-0012</a>
    </div>
</nav>
<div class="overlay hidden-md hidden-lg"></div>

<header class="container full-container-product">
    <div class="header-image">
        <div class="head-title-1">
            <h2 class="head-t-1 text-right hidden-sm hidden-xs">
                Best Quality on the Market!
            </h2>
        </div>
        <div></div>
        <div class="head-title-2">
            <h1 class="head-t-2 text-uppercase">
                Lumbar Pillow
            </h1>
        </div>
    </div>

<ol class="breadcrumb breadcrumb-custom hidden-xs">
        <li><a href="#">Home</a></li>
        <li><a href="#">Products</a></li>
        <li class="active">Lumbar Pillow </li>
    </ol>

<div class="share-wr hidden-sm hidden-xs">
        <a href="#">Share</a>
    </div>
</header>
<section class="container hidden-sm hidden-xs">
    <div class="row">
        <div class="col-md-6">
            <img src="img/customize_lumbar_pillow.jpg" alt="cushions" class="img-responsive width-100-percent">
        </div>
        <div class="col-md-6">
            <h2 class="secondary-title blue-color text-uppercase">Customize Cushions</h2>
            <p class="customize-txt text-justify">This custom cushion will serve as a replacement cushion for just about
                any indoor or outdoor seating need such as Patio Benches, Deck or Porch Built-In Benches, Kitchen Nooks, Piano
                Benches, and Window Seats or Bay Windows. This cushion can also be made in any size or alternate shape
                for no additional charge. We can produce the Bench / Window with rounded corners or as a trapezoid, or
                other regular shapes such as T-shape, C-shape, U-shape, or L-shape. If your cushion is not rectangular,
                just enter the longest width, length, and height dimensions. Then provide additional detail when
                checking out, or call us at 1-877-505-0012 to place your order. If your cushion has an irregular shape,
                call us to request free template kit for measuring. </p>
        </div>
    </div>
</section>

<article class="container container-calc-gaps full-container-product">
    <div class="row">
        
        <div class="col-xs-12 col-md-3 col-md-push-9 col-lg-3 col-lg-push-9 col-padd-none">
            <div class="current-stick-order" id="current-order">
                <div class="cur-order-wr">
                    <h3 class="secondary-title border-none blue-color text-uppercase text-center hidden-sm hidden-xs">
                        ORDER SUMMARY</h3>
                    <h3 class="secondary-title expandable border-none blue-color text-uppercase text-center hidden-md hidden-lg">
                        <span>ORDER SUMMARY</span> <span class="plus-expand"><img src="img/arrow_expander.svg" alt="show"></span></h3>
                    <div class="cur-line-wr">

<div class="cur-line">
                                <span class="cur-option">Type:</span>
                                <span class="cur-value" id="calc_type">Furniture</span>
                            </div>

<div class="cur-line">
                                <span class="cur-option">Sub-Type:</span>
                                <span class="cur-value" id="calc_subtype">Pillow Outlines</span>
                            </div>

<div class="cur-line">
                                <span class="cur-option">Need:</span>
                                <span class="cur-value" id="calc_need" data-configuration="Filling and Cover">Filling and Cover</span>
                            </div>

<div class="cur-line">
                                <span class="cur-option">Filling:</span>
                                <span class="cur-value" id="calc_filling" data-filling="polyfiber">Polyfiber</span>
                            </div>

<div class="cur-line">
                                <span class="cur-option">Depth:</span>
                                <span class="cur-value" id="calc_depth">5</span>
                            </div>

<div class="cur-line">
                                <span class="cur-option">Width:</span>
                                <span class="cur-value" id="calc_width">30</span>
                            </div>

<div class="cur-line">
                                <span class="cur-option">Fabric:</span>
                                <span class="cur-value" id="calc_fabric">Own Fabric</span>
                            </div>

<div class="cur-line">
                                <span class="cur-option">Direction:</span>
                                <span class="cur-value" id="calc_direction">None</span>
                            </div>

<div class="cur-line">
                                <span class="cur-option">Style:</span>
                                <span class="cur-value" id="calc_style">Self Welt</span>
                            </div>

</div>

<div class="cur-line total">
                            <span class="cur-option text-uppercase">Total:</span>
                            <span class="total-price blue-color">$20.00</span>
                        </div>

<div class="cur-line price">
                            <button class="add_to_cart text-uppercase">Add To Cart</button>
                            <button class="like_it total-price blue-color"><img src="img/heart-add-to-cart.png"
                                                                                alt="like"
                                                                                class="img-responsive"></button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="col-xs-12 col-md-9 col-md-pull-3 col-lg-9 col-lg-pull-3 col-padd-right">
            <div class="tabs-bench-wr">
                
                <ul class="nav nav-tabs nav-tabs-bench-shape hidden-xs" role="tablist">
                    <li role="presentation" class="active">
                        <a href="#dimensions" id="to_dimensions" aria-controls="dimensions" role="tab"
                           data-toggle="tab">Dimensions</a>
                    </li>
                    <li role="presentation">
                        <a href="#configuration" id="to_configuration" aria-controls="configuration" role="tab"
                           data-toggle="tab">Configuration</a>
                    </li>
                    <li role="presentation">
                        <a href="#fabric" id="to_fabric" aria-controls="fabric" role="tab"
                           data-toggle="tab">Fabric</a>
                    </li>
                    <li role="presentation">
                        <a href="#style" id="to_style" aria-controls="style" role="tab"
                           data-toggle="tab">Style</a>
                    </li>
                </ul>

<div class="tab-content">

<div role="tabpanel" class="tab-pane tab-pane-dimensions fade in active" id="dimensions">
                        <div class="bordered-tab-content">
                            <h3 class="shape-title-in-tab text-center text-uppercase hidden-xs">2. ENTER CUSHION
                                Dimensions</h3>
                            <h3 class="tab-title-mobiles text-center text-uppercase hidden-sm hidden-md hidden-lg">
                                Dimensions</h3>
                            
                            <div class="tab-content">
                                <div role="tabpanel" class="tab-pane active">

<div class="fields-wr">
                                        <div class="seat-back-input-wr">
                                            <div class="input-field-wr top-gap-20">
                                                <div class="input-group">
                                                    <label for="depth">Depth</label>
                                                    <input id="depth" type="number" class="form-control depth"
                                                           value="5"
                                                           min="3"
                                                           max="30">
                                                </div>
                                            </div>

<div class="input-field-wr">
                                                <div class="input-group">
                                                    <label for="width">Width (zipper side)</label>
                                                    <input id="width" type="number" class="form-control width"
                                                           value="10"
                                                           min="5"
                                                           max="50">
                                                </div>
                                            </div>
                                        </div>
                                    </div>

<p class="sans-p">Please enter all required dimensions for your Cushion.
                                        <br><span class="hidden-sm hidden-xs">Minimum size is 2“ for each side. <strong>NOTE:</strong> Call us, if sum of
                                        all dimensions > 150”</span></p>

</div>

<div class="hidden-xs">
                            <h2 class="light-title text-uppercase">Description</h2>

<p class="shape-tab-txt text-justify">Traditional custom bench cushions are a perfect fit for any indoor
                                or
                                outdoor bench. A smooth edge creates crisp corners and edges on the finished cushion.
                                The
                                addition of welting will accentuate this feature. With hundreds of fabrics to choose
                                from,
                                your bench cushion will be uniquely crafted for you. Whether you are shopping for home,
                                office or outdoor furniture cushions, ties will be placed in the perfect spots for your
                                particular need. Adding new cushions is a simple way to get started on your home
                                decorating
                                project.</p>
                            <p class="shape-tab-txt text-justify m-t-20">Your finished product will be within ½" of your provided
                                dimensions. Measurements do not include thickness of welting.View More Information</p>

<ul class="list-unstyled more-info-shape m-t-20 hidden-xs hidden-sm">
                                <li><a href="#">Fabric Samples</a></li>
                                <li><a href="#">Customer's Own Material</a></li>
                                <li><a href="#">Extra Long Cushions</a></li>
                                <li><a href="#">Return Policy</a></li>
                                <li><a href="#">Shipping</a></li>
                                <li><a href="#">Satisfaction</a></li>
                            </ul>
                        </div>
                    </div>
                    <div role="tabpanel" class="tab-pane fade" id="configuration">
                        <div class="bordered-tab-content">
                            <h3 class="shape-title-in-tab text-center text-uppercase hidden-xs">3. SELECT Product
                                CONFIGURATION</h3>
                            <h3 class="tab-title-mobiles text-center text-uppercase hidden-sm hidden-md hidden-lg">
                                CONFIGURATION</h3>
                            
                            
                            <div class="nav nav-tabs nav-tabs-shapes nav-tabs-configuration" role="tablist">
                                <div role="presentation" class="shape_tab configuration_tab">
                                    <a href="#filling_cover" id="filling_cover" class="active"
                                       aria-controls="filling_cover" role="tab"
                                       data-toggle="tab" data-configuration="Filling and Cover">
                                        <div class="shape-tab-wr bigger">
                                            <img src="img/conf-1.svg" alt="filling_cover">
                                        </div>
                                        <span class="shape-title text-center">Filling & Cover</span>
                                    </a>
                                </div>

<div role="presentation" class="shape_tab configuration_tab margin-hor-gap">
                                    <a href="#slipcover" id="slipcover" aria-controls="slipcover" role="tab"
                                       data-toggle="tab" data-configuration="Slipcover only">
                                        <div class="shape-tab-wr">
                                            <img src="img/conf-2.svg" alt="slipcover">
                                        </div>
                                        <span class="shape-title text-center">Slipcover only</span>
                                    </a>
                                </div>

<div role="presentation" class="shape_tab configuration_tab">
                                    <a href="#filling_only" id="filling_only" aria-controls="filling_only" role="tab"
                                       data-toggle="tab" data-configuration="Filling only">
                                        <div class="shape-tab-wr">
                                            <img src="img/conf-3.svg" alt="filling_only">
                                        </div>
                                        <span class="shape-title text-center">Filling only</span>
                                    </a>
                                </div>

</div>

<div class="flex-prev-next hidden-xs">
                                <a href="javascript:void(0);" class="text-uppercase text-center"
                                   onclick="$('#to_dimensions').trigger('click');">Previous Step</a>
                                <a href="javascript:void(0);" class="text-uppercase text-center add_to_cart" id="fillingOnlyCart">Add To Cart</a>
                                <a href="javascript:void(0);" class="text-uppercase text-center"
                                   id="ifFillingOnly">Next Step</a>
                            </div>
                        </div>

<div class="hidden-xs">
                            <h2 class="light-title text-uppercase">Description</h2>

</div>
                    <div role="tabpanel" class="tab-pane fade" id="fabric">
                        <div class="bordered-tab-content">
                            <h3 class="shape-title-in-tab text-center text-uppercase hidden-xs">5. SELECT Fabric</h3>
                            <h3 class="tab-title-mobiles text-center text-uppercase hidden-sm hidden-md hidden-lg">
                                Fabric</h3>
                            <h5 class="fabric-subtitle-in-tab hidden-sm text-center"><span
                                    class="text-bold">Step 1:</span> Select
                                Fabric</h5>
                            
                            <div class="nav nav-tabs nav-tabs-shapes nav-tabs-configuration" role="tablist">
                                <div role="presentation" class="shape_tab fabric_tab fabric_tab-gaps fabric_tab-js">
                                    <a href="#from_gellary_panel" id="from_gellary" aria-controls="from_gellary"
                                       role="tab"
                                       data-toggle="tab" data-fabric="">
                                        <div class="shape-tab-wr">
                                            <img src="img/from-gellary.svg" alt="from_gellary">
                                        </div>
                                        <span class="shape-title text-center">Choose From Gallery</span>
                                    </a>
                                </div>

<div role="presentation" class="shape_tab fabric_tab fabric_tab-js">
                                    <a href="#own_fabric_panel" id="own_fabric" aria-controls="own_fabric" role="tab"
                                       data-toggle="tab" class="active" data-fabric="My Own Fabric">
                                        <div class="shape-tab-wr">
                                            <img src="img/my_own.svg" alt="own_fabric">
                                        </div>
                                        <span class="shape-title text-center">My Own Fabric</span>
                                    </a>
                                </div>
                            </div>

<h5 class="fabric-subtitle-in-tab hidden-md hidden-lg hidden-xs text-center"><span
                                    class="text-bold">Step 1:</span> Select
                                Fabric</h5>
                            
                            <div class="tab-content">
                                <div role="tabpanel" class="tab-pane fade  tab-search" id="from_gellary_panel">
                                    <h4 class="fabric-search">Fabric Search</h4>
                                    
                                    <form action="#" class="fabric-search-wr">
                                        <input type="text" placeholder="Name">
                                        <select name="brand">
                                            <option hidden selected disabled>Brand</option>
                                            <option value="Google">Google</option>
                                            <option value="Microsoft">Microsoft</option>
                                            <option value="Apple">Apple</option>
                                            <option value="Intel">Intel</option>
                                        </select>

<select name="usage">
                                            <option hidden selected disabled>Usage</option>
                                            <option value="Usage #1">Usage #1</option>
                                            <option value="Usage #2">Usage #2</option>
                                            <option value="Usage #3">Usage #3</option>
                                            <option value="Usage #4">Usage #4</option>
                                        </select>

<select name="material">
                                            <option hidden selected disabled>Material</option>
                                            <option value="Material #1">Material #1</option>
                                            <option value="Material #2">Material #2</option>
                                            <option value="Material #3">Material #3</option>
                                            <option value="Material #4">Material #4</option>
                                        </select>

<button type="button"
                                                class="btn btn-primary text-uppercase hidden-xs">Search
                                        </button>

<select name="pattern">
                                            <option hidden selected disabled>Pattern</option>
                                            <option value="Pattern #1">Pattern #1</option>
                                            <option value="Pattern #2">Pattern #2</option>
                                            <option value="Pattern #3">Pattern #3</option>
                                            <option value="Pattern #4">Pattern #4</option>
                                        </select>

<select name="price">
                                            <option hidden selected disabled>Price</option>
                                            <option value="Price #">Price #1</option>
                                            <option value="Price #2">Price #2</option>
                                            <option value="Price #3">Price #3</option>
                                            <option value="Price #4">Price #4</option>
                                        </select>

<button type="button"
                                                class="btn btn-primary text-uppercase hidden-xs" id="iPad_vissible_only">Search
                                        </button>

<div class="control-select">Color</div>
                                            <div class="color-pane-wr">
                                                <div class="color-pane">
                                                    <label class="color-container">
                                                        <input type="checkbox" name="radio" checked="checked">
                                                        
                                                        <span class="checkmark" style="background-color: #ffffff; border: 1px solid #D5D5D5;"></span>
                                                    </label>
                                                    <label class="color-container">
                                                        <input type="checkbox" name="radio">
                                                        <span class="checkmark" style="background-color: #e4e0c7;"></span>
                                                    </label>
                                                    <label class="color-container">
                                                        <input type="checkbox" name="radio">
                                                        <span class="checkmark" style="background-color: #b6aea0;"></span>
                                                    </label>
                                                    <label class="color-container">
                                                        <input type="checkbox" name="radio">
                                                        <span class="checkmark" style="background-color: #deb887;"></span>
                                                    </label>
                                                    <label class="color-container">
                                                        <input type="checkbox" name="radio">
                                                        <span class="checkmark" style="background-color: #ffeb6b;"></span>
                                                    </label>

</div>
                                            </div>
                                        </div>
                                    </form>

<button type="button"
                                            class="btn btn-primary text-uppercase hidden-md hidden-lg hidden-sm">Search
                                    </button>

<div class="results-of-search">
                                        <p class="result-count">Result (<span id="found-count">567</span>)</p>

<div class="fabric-result-wrapper hidden-xs hidden-sm">
                                            <div class="fabric-result-point open-fabric-modal" data-toggle="modal" data-target="#search-modal" style="background-image: url('img/fabric-stripe.jpg')">
                                                <div class="select-txt text-center">Select</div>
                                                
                                                <div class="clone-to-modal" data-name="Sunbrella Marine(1) 6041-0000" data-direction="stripe">
                                                    <div class="row">
                                                        <div class="col-md-6">
                                                            <img src="img/fabric-stripe.jpg" alt="fabric" class="img-responsive">
                                                        </div>
                                                        <div class="col-md-6 col-modal-left">
                                                            <p class="modal-h-txt"><span class="text-bold">Fabric Name:</span> Sunbrella
                                                                Marine 6041-0000 Sapphire Blue</p>
                                                            <p class="modal-h-txt"><span class="text-bold">Color:</span>
                                                                Blue</p>
                                                            <p class="modal-h-txt"><span class="text-bold">Material:</span> 100% Acrylic</p>
                                                            <p class="modal-h-txt"><span class="text-bold">Brand:</span>
                                                                Sunbrella</p>
                                                            <p class="modal-h-txt"><span class="text-bold">Pattern:</span> Solid</p>
                                                            <p class="modal-h-txt"><span class="text-bold">Price:</span>
                                                                $29.95 per yard</p>

<div class="scroll-main-txt-wrapper">
                                                                <p class="more-modal-txt m-t-15">
                                                                    A favorite for awning and marine use, Sunbrella
                                                                    fabric
                                                                    offers excellent fade and weather resistance. The
                                                                    fabric
                                                                    is water repellent.</p>

<p class="more-modal-txt">Base Fabric: 100% Sunbrella
                                                                    Acrylic</p>
                                                                <p class="more-modal-txt">Finish/Coating:
                                                                    Fluorocarbon</p>
                                                                <p class="more-modal-txt">Heat Sealable: Yes with Seam
                                                                    Seal Tape</p>
                                                                <p class="more-modal-txt">Mildew Repellent: Yes</p>
                                                                <p class="more-modal-txt">Opaque: Yes</p>
                                                                <p class="more-modal-txt">Shrinkage Factor: None</p>
                                                                <p class="more-modal-txt">Warranty: 10-Year</p>
                                                                <p class="more-modal-txt">Water Repellent: Yes</p>
                                                                <p class="more-modal-txt">Weight: 9.25 oz.</p>
                                                                <p class="more-modal-txt">Width: 60 in.</p>
                                                            </div>

<button type="button" class="btn-modal text-bold text-uppercase select_fabric" data-dismiss="modal" aria-label="Close">
                                                                Select This Fabric
                                                            </button>
                                                            <button type="button" class="btn-modal text-bold text-uppercase">ADD
                                                                Swatch TO CART
                                                            </button>

</div>
                                                    </div>
                                                </div>
                                                
                                            </div>
                                            <div class="fabric-result-point open-fabric-modal" data-toggle="modal" data-target="#search-modal" style="background-image: url('img/fabric-pattern.jpg')">
                                                <div class="select-txt text-center">Select</div>
                                                
                                                <div class="clone-to-modal" data-name="Sunbrella Marine 6041-0000" data-direction="solid">
                                                    <div class="row">
                                                        <div class="col-md-6">
                                                            <img src="img/fabric-pattern.jpg" alt="fabric" class="img-responsive">
                                                        </div>
                                                        <div class="col-md-6 col-modal-left">
                                                            <p class="modal-h-txt"><span class="text-bold">Fabric Name:</span> Sunbrella
                                                                Marine 6041-0000 Sapphire Blue</p>
                                                            <p class="modal-h-txt"><span class="text-bold">Color:</span>
                                                                Blue</p>
                                                            <p class="modal-h-txt"><span class="text-bold">Material:</span> 100% Acrylic</p>
                                                            <p class="modal-h-txt"><span class="text-bold">Brand:</span>
                                                                Sunbrella</p>
                                                            <p class="modal-h-txt"><span class="text-bold">Pattern:</span> Solid</p>
                                                            <p class="modal-h-txt"><span class="text-bold">Price:</span>
                                                                $29.95 per yard</p>

</div>
                                                    </div>
                                                </div>
                                                
                                            </div>
                                            <div class="fabric-result-point open-fabric-modal" data-toggle="modal" data-target="#search-modal" style="background-image: url('img/fabric-stripe.jpg')">
                                                <div class="select-txt text-center">Select</div>
                                                
                                                <div class="clone-to-modal" data-name="Sunbrella Marine(1) 6041-0000" data-direction="stripe">
                                                    <div class="row">
                                                        <div class="col-md-6">
                                                            <img src="img/fabric-stripe.jpg" alt="fabric" class="img-responsive">
                                                        </div>
                                                        <div class="col-md-6 col-modal-left">
                                                            <p class="modal-h-txt"><span class="text-bold">Fabric Name:</span> Sunbrella
                                                                Marine 6041-0000 Sapphire Blue</p>
                                                            <p class="modal-h-txt"><span class="text-bold">Color:</span>
                                                                Blue</p>
                                                            <p class="modal-h-txt"><span class="text-bold">Material:</span> 100% Acrylic</p>
                                                            <p class="modal-h-txt"><span class="text-bold">Brand:</span>
                                                                Sunbrella</p>
                                                            <p class="modal-h-txt"><span class="text-bold">Pattern:</span> Solid</p>
                                                            <p class="modal-h-txt"><span class="text-bold">Price:</span>
                                                                $29.95 per yard</p>

</div>
                                                    </div>
                                                </div>
                                                
                                            </div>
                                            <div class="fabric-result-point open-fabric-modal" data-toggle="modal" data-target="#search-modal" style="background-image: url('img/fabric-pattern.jpg')">
                                                <div class="select-txt text-center">Select</div>
                                                
                                                <div class="clone-to-modal" data-name="Sunbrella Marine 6041-0000" data-direction="solid">
                                                    <div class="row">
                                                        <div class="col-md-6">
                                                            <img src="img/fabric-pattern.jpg" alt="fabric" class="img-responsive">
                                                        </div>
                                                        <div class="col-md-6 col-modal-left">
                                                            <p class="modal-h-txt"><span class="text-bold">Fabric Name:</span> Sunbrella
                                                                Marine 6041-0000 Sapphire Blue</p>
                                                            <p class="modal-h-txt"><span class="text-bold">Color:</span>
                                                                Blue</p>
                                                            <p class="modal-h-txt"><span class="text-bold">Material:</span> 100% Acrylic</p>
                                                            <p class="modal-h-txt"><span class="text-bold">Brand:</span>
                                                                Sunbrella</p>
                                                            <p class="modal-h-txt"><span class="text-bold">Pattern:</span> Solid</p>
                                                            <p class="modal-h-txt"><span class="text-bold">Price:</span>
                                                                $29.95 per yard</p>

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

<div class="fabric-result-wrapper fabric-result-wrapper-tablets-mobiles hidden-md hidden-lg">
                                            <div class="fabric-result-point open-fabric-modal" data-toggle="modal" data-target="#search-modal" style="background-image: url('img/fabric-stripe.jpg')">
                                                <div class="select-txt text-center">Select</div>
                                                
                                                <div class="clone-to-modal" data-name="Sunbrella Marine(1) 6041-0000" data-direction="stripe">
                                                    <div class="row">
                                                        <div class="col-md-6">
                                                            <img src="img/fabric-stripe.jpg" alt="fabric" class="img-responsive">
                                                        </div>
                                                        <div class="col-md-6 col-modal-left">
                                                            <p class="modal-h-txt"><span class="text-bold">Fabric Name:</span> Sunbrella
                                                                Marine 6041-0000 Sapphire Blue</p>
                                                            <p class="modal-h-txt"><span class="text-bold">Color:</span>
                                                                Blue</p>
                                                            <p class="modal-h-txt"><span class="text-bold">Material:</span> 100% Acrylic</p>
                                                            <p class="modal-h-txt"><span class="text-bold">Brand:</span>
                                                                Sunbrella</p>
                                                            <p class="modal-h-txt"><span class="text-bold">Pattern:</span> Solid</p>
                                                            <p class="modal-h-txt"><span class="text-bold">Price:</span>
                                                                $29.95 per yard</p>

</div>
                                                    </div>
                                                </div>
                                                
                                            </div>
                                            <div class="fabric-result-point open-fabric-modal" data-toggle="modal" data-target="#search-modal" style="background-image: url('img/fabric-pattern.jpg')">
                                                <div class="select-txt text-center">Select</div>
                                                
                                                <div class="clone-to-modal" data-name="Sunbrella Marine 6041-0000" data-direction="solid">
                                                    <div class="row">
                                                        <div class="col-md-6">
                                                            <img src="img/fabric-pattern.jpg" alt="fabric" class="img-responsive">
                                                        </div>
                                                        <div class="col-md-6 col-modal-left">
                                                            <p class="modal-h-txt"><span class="text-bold">Fabric Name:</span> Sunbrella
                                                                Marine 6041-0000 Sapphire Blue</p>
                                                            <p class="modal-h-txt"><span class="text-bold">Color:</span>
                                                                Blue</p>
                                                            <p class="modal-h-txt"><span class="text-bold">Material:</span> 100% Acrylic</p>
                                                            <p class="modal-h-txt"><span class="text-bold">Brand:</span>
                                                                Sunbrella</p>
                                                            <p class="modal-h-txt"><span class="text-bold">Pattern:</span> Solid</p>
                                                            <p class="modal-h-txt"><span class="text-bold">Price:</span>
                                                                $29.95 per yard</p>

<nav aria-label="Page navigation" class="nav-search-pagination">
                                            <ul class="pagination search-pagination">
                                                <li>
                                                    <a href="#" aria-label="Previous">
                                                        <span aria-hidden="true">« Previous</span>
                                                    </a>
                                                </li>
                                                <li class="active"><a href="#">1</a></li>
                                                <li><a href="#">2</a></li>
                                                <li><a href="#">3</a></li>
                                                <li><a href="#">4</a></li>
                                                <li><a href="#">5</a></li>
                                                <li><a href="#">6</a></li>
                                                <li><a href="#">...</a></li>
                                                <li>
                                                    <a href="#" aria-label="Next">
                                                        <span aria-hidden="true">Next »</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </nav>

<div class="modal fade" id="search-modal" tabindex="-1" role="dialog"
                                             aria-labelledby="search-modal-Label">
                                            <div class="modal-dialog" role="document">
                                                <div class="modal-content">

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

</div>

</div>
                                <div role="tabpanel" class="tab-pane fade" id="own_fabric_panel"></div>
                            </div>

<h5 class="fabric-subtitle-in-tab text-center"><span class="text-bold">Step 2: </span>Select
                                    Direction</h5>

<div class="nav nav-tabs nav-tabs-shapes nav-tabs-configuration" role="tablist">
                                    <div role="presentation"
                                         class="shape_tab fabric_tab fabric_tab-gaps fabric_tab-dir-js">
                                        <a href="#vertical_dir" id="vertical_direction" class="active"
                                           aria-controls="vertical_direction" role="tab"
                                           data-toggle="tab" data-direction="Vetical">
                                            <div class="shape-tab-wr">
                                                <img src="img/fabrik_vertical.jpg" alt="vertical_direction">
                                            </div>
                                            <span class="shape-title text-center">Vertical</span>
                                        </a>
                                    </div>

<div role="presentation" class="shape_tab fabric_tab fabric_tab-dir-js">
                                        <a href="#horisontal_dir" id="horizontal_direction"
                                           aria-controls="horizontal_direction" role="tab"
                                           data-toggle="tab" data-direction="Horizontal">
                                            <div class="shape-tab-wr">
                                                <img src="img/fabrik_horizontal.jpg" alt="horizontal_direction">
                                            </div>
                                            <span class="shape-title text-center">Horizontal</span>
                                        </a>
                                    </div>
                                </div>
                            </div>

<div class="flex-prev-next hidden-xs">
                                <a href="javascript:void(0);" class="text-uppercase text-center"
                                   onclick="$('#to_configuration').trigger('click');">Previous Step</a>

</div>

<div class="hidden-xs">
                            <h2 class="light-title text-uppercase">Description</h2>

<ul class="list-unstyled more-info-shape m-t-20 hidden-xs hidden-sm">
                                <li><a href="#">Fabric Samples</a></li>
                                <li><a href="#">Customer's Own Material</a></li>
                                <li><a href="#">Extra Long Cushions</a></li>
                                <li><a href="#">Return Policy</a></li>
                                <li><a href="#">Shipping</a></li>
                                <li><a href="#">Satisfaction</a></li>
                            </ul>
                        </div>
                    </div>
                    <div role="tabpanel" class="tab-pane fade" id="style">
                        <div class="bordered-tab-content">
                            <h3 class="shape-title-in-tab text-center text-uppercase hidden-xs">6. SELECT Style</h3>
                            <h3 class="tab-title-mobiles text-center text-uppercase hidden-sm hidden-md hidden-lg">
                                Style</h3>
                            <h5 class="learn-more-style text-center hidden-md hidden-lg"><a href="#">Learn More</a>
                                about Cushion Styles</h5>
                            
                            <div class="nav nav-tabs nav-tabs-shapes" role="tablist">
                                <div role="presentation" class="shape_tab style_tab-js">
                                    <a href="#style_box" id="style_box_tab" data-style_name="Box"
                                       aria-controls="style_box" role="tab"
                                       data-toggle="tab">
                                        <div class="shape-tab-wr style-tab-wr">
                                            <img src="img/style-box.jpg" alt="style_box">
                                        </div>
                                        <span class="shape-title text-center">Box</span>
                                    </a>
                                </div>

<div role="presentation" class="shape_tab style_tab-js">
                                    <a href="#style_bullnose" data-style_name="Bullnose" id="style_bullnose_tab"
                                       aria-controls="style_bullnose"
                                       role="tab"
                                       data-toggle="tab">
                                        <div class="shape-tab-wr style-tab-wr">
                                            <img src="img/style-bullnose.jpg" alt="style_bullnose">
                                        </div>
                                        <span class="shape-title text-center">Bullnose</span>
                                    </a>
                                </div>

<div role="presentation" class="shape_tab style_tab-js">
                                    <a href="#style_contrast_welt" data-style_name="..." id="style_contrast_welt_tab"
                                       aria-controls="style_contrast_welt" role="tab"
                                       data-toggle="tab" class="active">
                                        <div class="shape-tab-wr style-tab-wr">
                                            <img src="img/style-contrast_welt.jpg" alt="style_contrast_welt">
                                        </div>
                                        <span class="shape-title text-center">Contrast Welt</span>
                                    </a>
                                </div>
                            </div>

<div class="tab-content">
                                <div role="tabpanel" class="tab-pane" id="style_box"></div>
                                <div role="tabpanel" class="tab-pane fade" id="style_bullnose"></div>
                                <div role="tabpanel" class="tab-pane fade" id="style_self_welt"></div>
                                <div role="tabpanel" class="tab-pane active tab-style-search" id="style_contrast_welt">
                                    <h4 class="fabric-search">Fabric Search</h4>
                                    
                                    <form action="#" class="fabric-search-wr">
                                        <input type="text" name="style_name" placeholder="Name">
                                        <select name="style_brand">
                                            <option hidden="" selected="" disabled="">Brand</option>
                                            <option value="Google">Google</option>
                                            <option value="Microsoft">Microsoft</option>
                                            <option value="Apple">Apple</option>
                                            <option value="Intel">Intel</option>
                                        </select>

<select name="style_usage">
                                            <option hidden="" selected="" disabled="">Usage</option>
                                            <option value="Usage #1">Usage #1</option>
                                            <option value="Usage #2">Usage #2</option>
                                            <option value="Usage #3">Usage #3</option>
                                            <option value="Usage #4">Usage #4</option>
                                        </select>

<select name="style_material">
                                            <option hidden="" selected="" disabled="">Material</option>
                                            <option value="Material #1">Material #1</option>
                                            <option value="Material #2">Material #2</option>
                                            <option value="Material #3">Material #3</option>
                                            <option value="Material #4">Material #4</option>
                                        </select>

<button type="button"
                                                class="btn btn-primary text-uppercase hidden-xs">Search
                                        </button>

<select name="style_pattern">
                                            <option hidden="" selected="" disabled="">Pattern</option>
                                            <option value="Pattern #1">Pattern #1</option>
                                            <option value="Pattern #2">Pattern #2</option>
                                            <option value="Pattern #3">Pattern #3</option>
                                            <option value="Pattern #4">Pattern #4</option>
                                        </select>

<select name="style_price">
                                            <option hidden="" selected="" disabled="">Price</option>
                                            <option value="Price #">Price #1</option>
                                            <option value="Price #2">Price #2</option>
                                            <option value="Price #3">Price #3</option>
                                            <option value="Price #4">Price #4</option>
                                        </select>

<button type="button"
                                                class="btn btn-primary text-uppercase hidden-xs" id="iPad_vissible_only">Search
                                        </button>

<div class="control-select">Color</div>
                                            <div class="color-pane-wr" style="display: none;">
                                                <div class="color-pane">
                                                    <label class="color-container">
                                                        <input type="checkbox" name="radio" checked="checked">
                                                        
                                                        <span class="checkmark" style="background-color: #ffffff; border: 1px solid #D5D5D5;"></span>
                                                    </label>
                                                    <label class="color-container">
                                                        <input type="checkbox" name="radio">
                                                        <span class="checkmark" style="background-color: #e4e0c7;"></span>
                                                    </label>
                                                    <label class="color-container">
                                                        <input type="checkbox" name="radio">
                                                        <span class="checkmark" style="background-color: #b6aea0;"></span>
                                                    </label>
                                                    <label class="color-container">
                                                        <input type="checkbox" name="radio">
                                                        <span class="checkmark" style="background-color: #deb887;"></span>
                                                    </label>
                                                    <label class="color-container">
                                                        <input type="checkbox" name="radio">
                                                        <span class="checkmark" style="background-color: #ffeb6b;"></span>
                                                    </label>

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

</form>

<button type="button"
                                            class="btn btn-primary text-uppercase hidden-md hidden-lg hidden-sm">Search
                                    </button>

<div class="results-of-search">
                                        <p class="result-count">Result (<span id="found-style-count">657</span>)</p>

<div class="fabric-result-wrapper fabric-result-wrapper-tablets-mobiles hidden-md hidden-lg">
                                            <div class="fabric-result-point open-style-modal" data-toggle="modal"
                                                 data-target="#search-style-modal"
                                                 style="background-image: url('img/fabric_select.jpg')">
                                                <div class="select-txt text-center">Select</div>
                                                
                                                <div class="clone-to-modal" data-name="Sunbrella Marine[1] 6041-0000">
                                                    <div class="row">
                                                        <div class="col-md-6">
                                                            <img src="img/fabric-material.jpg" alt="style"
                                                                 class="img-responsive">
                                                        </div>
                                                        <div class="col-md-6 col-modal-left">
                                                            <p class="modal-h-txt"><span
                                                                    class="text-bold">Style Name:</span> Sunbrella
                                                                Marine 6041-0000 Sapphire Blue</p>
                                                            <p class="modal-h-txt"><span class="text-bold">Color:</span>
                                                                Blue</p>
                                                            <p class="modal-h-txt"><span
                                                                    class="text-bold">Material:</span> 100% Acrylic</p>
                                                            <p class="modal-h-txt"><span class="text-bold">Brand:</span>
                                                                Sunbrella</p>
                                                            <p class="modal-h-txt"><span
                                                                    class="text-bold">Pattern:</span> Solid</p>
                                                            <p class="modal-h-txt"><span class="text-bold">Price:</span>
                                                                $29.95 per yard</p>

<p class="more-modal-txt">Base Style: 100% Sunbrella
                                                                    Acrylic</p>
                                                                <p class="more-modal-txt">Finish/Coating:
                                                                    Fluorocarbon</p>
                                                                <p class="more-modal-txt">Heat Sealable: Yes with Seam
                                                                    Seal Tape</p>
                                                                <p class="more-modal-txt">Mildew Repellent: Yes</p>
                                                                <p class="more-modal-txt">Opaque: Yes</p>
                                                                <p class="more-modal-txt">Shrinkage Factor: None</p>
                                                                <p class="more-modal-txt">Warranty: 10-Year</p>
                                                                <p class="more-modal-txt">Water Repellent: Yes</p>
                                                                <p class="more-modal-txt">Weight: 9.25 oz.</p>
                                                                <p class="more-modal-txt">Width: 60 in.</p>
                                                            </div>

<button type="button"
                                                                    class="btn-modal text-bold text-uppercase select_style" data-dismiss="modal"
                                                                    aria-label="Close">
                                                                Select this fabric for Welting
                                                            </button>
                                                            <button type="button"
                                                                    class="btn-modal text-bold text-uppercase">ADD
                                                                Swatch TO CART
                                                            </button>

</div>
                                                    </div>
                                                </div>
                                                
                                            </div>
                                            <div class="fabric-result-point open-style-modal" data-toggle="modal"
                                                 data-target="#search-style-modal"
                                                 style="background-image: url('img/fabric_select.jpg')">
                                                <div class="select-txt text-center">Select</div>
                                                
                                                <div class="clone-to-modal" data-name="Sunbrella Marine 6041-0000">
                                                    <div class="row">
                                                        <div class="col-md-6">
                                                            <img src="img/fabric-material.jpg" alt="style"
                                                                 class="img-responsive">
                                                        </div>
                                                        <div class="col-md-6 col-modal-left">
                                                            <p class="modal-h-txt"><span
                                                                    class="text-bold">Style Name:</span> Sunbrella
                                                                Marine 6041-0000 Sapphire Blue</p>
                                                            <p class="modal-h-txt"><span class="text-bold">Color:</span>
                                                                Blue</p>
                                                            <p class="modal-h-txt"><span
                                                                    class="text-bold">Material:</span> 100% Acrylic</p>
                                                            <p class="modal-h-txt"><span class="text-bold">Brand:</span>
                                                                Sunbrella</p>
                                                            <p class="modal-h-txt"><span
                                                                    class="text-bold">Pattern:</span> Solid</p>
                                                            <p class="modal-h-txt"><span class="text-bold">Price:</span>
                                                                $29.95 per yard</p>

</div>
                                                    </div>
                                                </div>
                                                
                                            </div>
                                        </div>
                                        
                                        
                                        <div class="fabric-result-wrapper hidden-xs hidden-sm">
                                            <div class="fabric-result-point open-style-modal" data-toggle="modal"
                                                 data-target="#search-style-modal"
                                                 style="background-image: url('img/fabric_select.jpg')">
                                                <div class="select-txt text-center">Select</div>
                                                
                                                <div class="clone-to-modal" data-name="Sunbrella Marine[1] 6041-0000">
                                                    <div class="row">
                                                        <div class="col-md-6">
                                                            <img src="img/fabric-material.jpg" alt="style"
                                                                 class="img-responsive">
                                                        </div>
                                                        <div class="col-md-6 col-modal-left">
                                                            <p class="modal-h-txt"><span
                                                                    class="text-bold">Style Name:</span> Sunbrella
                                                                Marine 6041-0000 Sapphire Blue</p>
                                                            <p class="modal-h-txt"><span class="text-bold">Color:</span>
                                                                Blue</p>
                                                            <p class="modal-h-txt"><span
                                                                    class="text-bold">Material:</span> 100% Acrylic</p>
                                                            <p class="modal-h-txt"><span class="text-bold">Brand:</span>
                                                                Sunbrella</p>
                                                            <p class="modal-h-txt"><span
                                                                    class="text-bold">Pattern:</span> Solid</p>
                                                            <p class="modal-h-txt"><span class="text-bold">Price:</span>
                                                                $29.95 per yard</p>

<button type="button"
                                                                    class="btn-modal text-bold text-uppercase select_style" data-dismiss="modal" aria-label="Close">
                                                                Select this fabric for Welting
                                                            </button>
                                                            <button type="button"
                                                                    class="btn-modal text-bold text-uppercase">ADD
                                                                Swatch TO CART
                                                            </button>

</div>
                                                    </div>
                                                </div>
                                                
                                            </div>
                                            <div class="fabric-result-point open-style-modal" data-toggle="modal"
                                                 data-target="#search-style-modal"
                                                 style="background-image: url('img/fabric_select.jpg')">
                                                <div class="select-txt text-center">Select</div>
                                                
                                                <div class="clone-to-modal" data-name="Sunbrella Marine 6041-0000">
                                                    <div class="row">
                                                        <div class="col-md-6">
                                                            <img src="img/fabric-material.jpg" alt="style"
                                                                 class="img-responsive">
                                                        </div>
                                                        <div class="col-md-6 col-modal-left">
                                                            <p class="modal-h-txt"><span
                                                                    class="text-bold">Style Name:</span> Sunbrella
                                                                Marine 6041-0000 Sapphire Blue</p>
                                                            <p class="modal-h-txt"><span class="text-bold">Color:</span>
                                                                Blue</p>
                                                            <p class="modal-h-txt"><span
                                                                    class="text-bold">Material:</span> 100% Acrylic</p>
                                                            <p class="modal-h-txt"><span class="text-bold">Brand:</span>
                                                                Sunbrella</p>
                                                            <p class="modal-h-txt"><span
                                                                    class="text-bold">Pattern:</span> Solid</p>
                                                            <p class="modal-h-txt"><span class="text-bold">Price:</span>
                                                                $29.95 per yard</p>

<button type="button"
                                                                    class="btn-modal text-bold text-uppercase select_style" data-dismiss="modal" aria-label="Close">
                                                                Select this fabric for Welting
                                                            </button>
                                                            <button type="button"
                                                                    class="btn-modal text-bold text-uppercase">ADD
                                                                Swatch TO CART
                                                            </button>

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

<div class="modal fade" id="search-style-modal" tabindex="-1" role="dialog"
                                             aria-labelledby="search-style-modal-label">
                                            <div class="modal-dialog" role="document">
                                                <div class="modal-content">

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

<div class="flex-prev-next hidden-xs">
                                <a href="javascript:void(0);" class="text-uppercase text-center"
                                   id="ifFillingOnlyPrev">Previous Step</a>

<div class="hidden-xs">
                            <h2 class="light-title text-uppercase">Description</h2>

<h4 class="learn-more text-bold hidden-xs hidden-sm"><a href="#">Learn More</a> about
                                Cushion Styles</h4>

</div>

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

</div>
</article>

<section class="container hidden-xs">
    <div class="rel-pr-wr">
        <h2 class="testimonials-title blue-color text-uppercase text-center f-30">related products</h2>

<div class="related-pr">
            <a href="#" class="item-related-pr">
                <img src="img/cushion-1.jpg" alt="cushion" class="img-responsive">
                <p class="related-pr-txt text-center">Sofa Cushion Set</p>
            </a>
            <a href="#" class="item-related-pr">
                <img src="img/cushion-1.jpg" alt="cushion" class="img-responsive">
                <p class="related-pr-txt text-center">Throw Pillow</p>
            </a>
            <a href="#" class="item-related-pr">
                <img src="img/cushion-1.jpg" alt="cushion" class="img-responsive">
                <p class="related-pr-txt text-center">Window Seat Cushions</p>
            </a>
            <a href="#" class="item-related-pr">
                <img src="img/cushion-1.jpg" alt="cushion" class="img-responsive">
                <p class="related-pr-txt text-center">Lumbar Pillow</p>
            </a>
            <a href="#" class="item-related-pr">
                <img src="img/cushion-1.jpg" alt="cushion" class="img-responsive">
                <p class="related-pr-txt text-center">Sofa Cushion Set</p>
            </a>
        </div>
        
    </div>
</section>

<footer class="fluid-footer">
    <div class="container">
        <div class="row">
            <div class="col-md-3 col-sm-3 col-xs-6">
                <div class="set-gap-1">
                    <h6 class="footer-title text-uppercase">Products</h6>
                    <ul class="list-unstyled">
                        <li><a href="#">Bench Window Cushion</a></li>
                        <li><a href="#">Bolster Pillows</a></li>
                        <li><a href="#">Chase Lounge Cushion</a></li>
                        <li><a href="#">Lounge Chair Cushion</a></li>
                        <li><a href="#">Love Seat Cushion Set</a></li>
                        <li><a href="#">Lumbar Pillow</a></li>
                        <li><a href="#">One Piece Lounge Chair</a></li>
                        <li><a href="#">Ottoman Cushion</a></li>
                        <li><a href="#">Seat Cushion</a></li>
                        <li><a href="#">Sofa Cuishion Set</a></li>
                        <li><a href="#">Throw Pillow</a></li>
                        <li><a href="#">Window Seat Cushions</a></li>
                    </ul>
                </div>
            </div>
            <div class="col-md-2 col-sm-3 col-xs-6">
                <div class="set-gap-2">
                    <h6 class="footer-title text-uppercase">Company</h6>
                    <ul class="list-unstyled">
                        <li><a href="about_us.html">About Us</a></li>
                        <li><a href="fabric.html">Fabrics</a></li>
                        <li><a href="#">Our Products</a></li>
                        <li><a href="testimonials.html">Testimonials</a></li>
                        <li><a href="sale.html">Sale</a></li>
                        <li><a href="wholesale.html">Wholesale</a></li>
                        <li><a href="contact_us.html">Contact Us</a></li>
                        <li><a href="#">Our Guarantee</a></li>
                        <li><a href="#">Terms & Conditions</a></li>
                        <li><a href="#">Privacy Policy</a></li>
                        <li><a href="#">Return Policy</a></li>
                        <li><a href="answers.html">FAQs</a></li>
                        <li><a href="#">Sitemap</a></li>
                        <li><a href="account.html">My Account</a></li>
                    </ul>
                </div>
            </div>
            <div class="col-md-4 col-sm-6 col-xs-12">
                <div class="set-gap-3">
                    <h6 class="footer-title footer-title-m text-uppercase footer-center-xs">Payment Methods</h6>
                    <img src="img/paymets_methods.png" alt="payment_methods" class="img-responsive p-methods">
                    <h6 class="footer-title footer-title-m text-uppercase footer-center-xs">Shipping Methods</h6>
                    <div class="ship-met-wr">
                        <img src="img/FedEx.png" alt="fedex" class="img-responsive">
                        <img src="img/USPostalService.png" alt="us_postal_service" class="img-responsive">
                    </div>
                    <h6 class="footer-title footer-title-m text-uppercase footer-center-xs">Customer Service</h6>
                    <h6 class="footer-title phone-support footer-title-m text-uppercase footer-center-xs">Telephone
                        Support:</h6>
                    <a href="tel:1-877-505-0012" class="suport-call footer-center-xs">1-877-505-0012</a>
                    <p class="footer-p footer-center-xs">Mon-Fri: 8:30am - 5:00pm EST</p>
                </div>
            </div>
            <div class="col-md-3 col-sm-12 col-xs-12">
                <div class="set-gap-4">
                    <h6 class="footer-title text-uppercase footer-title-center">Connect with us</h6>
                    <div class="social-row">
                        <a href="#"><img src="img/ifacebook.svg" alt="facebook" class="i-soc"></a>
                        <a href="#"><img src="img/iinstagram.svg" alt="instagram" class="i-soc"></a>
                        <a href="#"><img src="img/itwitter.svg" alt="twitter" class="i-soc"></a>
                        <a href="#"><img src="img/ipinterest.svg" alt="pinterest" class="i-soc"></a>
                        <a href="#"><img src="img/igoogle.svg" alt="google-plus" class="i-soc"></a><a href="#"><img src="img/isomebrand.svg" alt="social" class="i-soc"></a>
                    </div>

<h6 class="footer-title text-uppercase footer-center">Address</h6>
                    <p class="footer-p m-top-3 footer-center">21424 North 7th Ave. Suite 6.</p>
                    <p class="footer-p m-top-3 footer-center">Phoenix AZ 85027</p>
                    <p class="footer-p m-top-3 footer-center"><a href="mailto:sales@arizonacustomcushions.com">sales@arizonacustomcushions.com</a>
                    </p>

<div class="row">
            <div class="col-md-12">
                <p class="text-center reserved">© Copyright 2018 Custom Cushion of Arizona. All Rights Reserved.</p>
            </div>
        </div>
    </div>
</footer>

<div class="flex-chat-wr">
    <h3 class="text-uppercase">Chat Now!</h3>
    <img src="img/chat-message.svg" alt="chat" class="chat-img">
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="js/bootstrap.min.js"></script>

<link rel="stylesheet" type="text/css"
      href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>

</body>
</html>