Frequently Asked Questions

<html class=" js no-touch csstransforms csstransitions">

<head>

<meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>Tiles Visualizer</title><link rel="stylesheet" href="http://html.tilesvisualizer.com/app/visualizer/css/font-awesome.min.css" /> <link rel="stylesheet" href="http://html.tilesvisualizer.com/app/visualizer/viewer.css" /> <link rel="stylesheet" href="http://html.tilesvisualizer.com/app/visualizer/engine.css" /> <link rel="stylesheet" href="http://html.tilesvisualizer.com/app/visualizer/css/jquery-ui.min.css" /> <link rel="stylesheet" href="http://html.tilesvisualizer.com/app/visualizer/css/bootstrap.min.css" /> <link rel="stylesheet" href="http://html.tilesvisualizer.com/app/visualizer/css/style.css" /> <link rel="stylesheet" href="http://html.tilesvisualizer.com/app/visualizer/css/component.css" /><script src="http://html.tilesvisualizer.com/app/visualizer/js/jquery-2.1.4.min.js"></script><style type="text/css"> .cnt223 a{ text-decoration: none; } .popup{ width: 100%; margin: 0 auto; display: none; position: fixed; z-index: 101; } .cnt223{ min-width: 600px; width: 600px; min-height: 150px; margin: 100px auto; background: #f3f3f3; position: relative; z-index: 103; padding: 10px; border-radius: 5px; box-shadow: 0 2px 5px #000; } .cnt223 p{ clear: both; color: #555555; text-align: center; font-size:17px; } .cnt223 p a{ color: #d91900; font-weight: bold; } .cnt223 .x{ float: right; height: 35px; left: 22px; position: relative; top: -25px; width: 34px; } .cnt223 .x:hover{ cursor: pointer; } </style><script type="text/javascript"> $(function(){ var overlay = $('<div id="overlay"></div>'); overlay.show(); overlay.appendTo(document.body); $('.popup').show(); $('.close1').click(function(){ $('.popup').hide(); overlay.appendTo(document.body).remove(); return false; }); $('.x').click(function(){ $('.popup').hide(); overlay.appendTo(document.body).remove(); return false; }); }); </script></head><body class="inner_page_bg cbp-spmenu-push" style="padding-right: 15px;"> <div class="js"><!--pre loader code--> <div> <div id="preloader" style="display: none;">Go to landscape mode</div> </div> </div> <!--END: pre loader element--> <div class="js"><!--pre loader code--> <div> <div id="preloader2" style="display: none;"></div> </div> </div> <!--END: pre loader element--> <div id="page"> <div class="modal fade" id="roomsModal" tabindex="-1" role="dialog" aria-labelledby="roomsModalLabel" aria-hidden="true"> <div class="modal-dialog custom_modal_dialog"> <div class="modal-content"> <div class="modal-header custom_modal_header"><button type="button" class="close custom_modal_btn" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title" id="roomsModalLabel">SELECT ROOM</h4> </div> <div class="modal-body"> <div role="tabpanel"><!-- Nav tabs --> <ul class="nav nav-tabs prod-info-tabs rooms-tabs" role="tablist"> <li role="presentation" class="active"><a href="#room-0" data-roomplate="0" aria-controls="room-0" role="tab" data-toggle="tab">LIVING ROOM</a></li> <li role="presentation" class=""><a href="#room-1" data-roomplate="1" aria-controls="room-1" role="tab" data-toggle="tab">KITCHEN</a></li> <li role="presentation" class=""><a href="#room-2" data-roomplate="2" aria-controls="room-2" role="tab" data-toggle="tab">BATHROOM</a></li> <li role="presentation" class=""><a href="#room-3" data-roomplate="3" aria-controls="room-3" role="tab" data-toggle="tab">OUTDOOR</a></li> <li role="presentation" class=""><a href="#room-4" data-roomplate="4" aria-controls="room-4" role="tab" data-toggle="tab">BEDROOM</a></li> </ul> <!-- Tab panes --> <div class="tab-content custom_tab_content tab_click"> <div role="tabpanel" class="tab-pane active" id="room-0"> <div class="slimScrollDiv" style="position: relative; overflow: hidden; width: 100%; height: 270px;"> <div class="col-xs-12 room_thumb_wrap" align="center" style="overflow: hidden; width: 100%; height: 270px;"> <div class="item w2"><a class="room-link" href="/app/6" data-roomplate="0"> <img src="/app/images/room_foreground_6_thumb.png" /> <img src="/app/images/room_background_6_thumb.png" /> </a></div> <div class="item w2"><a class="room-link" href="/app/20" data-roomplate="0"> <img src="/app/images/room_foreground_20_thumb.png" /> <img src="/app/images/room_background_20_thumb.png" /> </a></div> <div class="item w2"><a class="room-link" href="/app/21" data-roomplate="0"> <img src="/app/images/room_foreground_21_thumb.png" /> <img src="/app/images/room_background_21_thumb.png" /> </a></div> <div class="item w2"><a class="room-link" href="/app/22" data-roomplate="0"> <img src="/app/images/room_foreground_22_thumb.png" /> <img src="/app/images/room_background_22_thumb.png" /> </a></div> <div class="item w2"><a class="room-link" href="/app/30" data-roomplate="0"> <img src="/app/images/room_foreground_30_thumb.png" /> <img src="/app/images/room_background_30_thumb.png" /> </a></div> <div class="item w2"><a class="room-link" href="/app/33" data-roomplate="0"> <img src="/app/images/room_foreground_33_thumb.png" /> <img src="/app/images/room_background_33_thumb.png" /> </a></div> <div class="item w2"><a class="room-link" href="/app/47" data-roomplate="0"> <img src="/app/images/room_foreground_47_thumb.png" /> <img src="/app/images/room_background_47_thumb.png" /> </a></div> </div> <div class="slimScrollBar" style="background: rgb(0, 0, 0); width: 7px; position: absolute; top: 0px; opacity: 0.4; display: block; border-radius: 10px; z-index: 99; right: 1px;"></div> <div class="slimScrollRail" style="width: 7px; height: 100%; position: absolute; top: 0px; display: none; border-radius: 10px; background: rgb(51, 51, 51); opacity: 0.2; z-index: 90; right: 1px;"></div> </div> </div> <div role="tabpanel" class="tab-pane " id="room-1"> <div class="slimScrollDiv" style="position: relative; overflow: hidden; width: 100%; height: 270px;"> <div class="col-xs-12 room_thumb_wrap" align="center" style="overflow: hidden; width: 100%; height: 270px;"> <div class="item w2"><a class="room-link" href="/app/8" data-roomplate="1"> <img src="/app/images/room_foreground_8_thumb.png" /> <img src="/app/images/room_background_8_thumb.png" /> </a></div> <div class="item w2"><a class="room-link" href="/app/19" data-roomplate="1"> <img src="/app/images/room_foreground_19_thumb.png" /> <img src="/app/images/room_background_19_thumb.png" /> </a></div> <div class="item w2"><a class="room-link" href="/app/26" data-roomplate="1"> <img src="/app/images/room_foreground_26_thumb.png" /> <img src="/app/images/room_background_26_thumb.png" /> </a></div> <div class="item w2"><a class="room-link" href="/app/29" data-roomplate="1"> <img src="/app/images/room_foreground_29_thumb.png" /> <img src="/app/images/room_background_29_thumb.png" /> </a></div> <div class="item w2"><a class="room-link" href="/app/34" data-roomplate="1"> <img src="/app/images/room_foreground_34_thumb.png" /> <img src="/app/images/room_background_34_thumb.png" /> </a></div> <div class="item w2"><a class="room-link" href="/app/35" data-roomplate="1"> <img src="/app/images/room_foreground_35_thumb.png" /> <img src="/app/images/room_background_35_thumb.png" /> </a></div> <div class="item w2"><a class="room-link" href="/app/45" data-roomplate="1"> <img src="/app/images/room_foreground_45_thumb.png" /> <img src="/app/images/room_background_45_thumb.png" /> </a></div> <div class="item w2"><a class="room-link" href="/app/46" data-roomplate="1"> <img src="/app/images/room_foreground_46_thumb.png" /> <img src="/app/images/room_background_46_thumb.png" /> </a></div> </div> <div class="slimScrollBar" style="background: rgb(0, 0, 0); width: 7px; position: absolute; top: 0px; opacity: 0.4; display: block; border-radius: 10px; z-index: 99; right: 1px;"></div> <div class="slimScrollRail" style="width: 7px; height: 100%; position: absolute; top: 0px; display: none; border-radius: 10px; background: rgb(51, 51, 51); opacity: 0.2; z-index: 90; right: 1px;"></div> </div> </div> <div role="tabpanel" class="tab-pane " id="room-2"> <div class="slimScrollDiv" style="position: relative; overflow: hidden; width: 100%; height: 270px;"> <div class="col-xs-12 room_thumb_wrap" align="center" style="overflow: hidden; width: 100%; height: 270px;"> <div class="item w2"><a class="room-link" href="/app/12" data-roomplate="2"> <img src="/app/images/room_foreground_12_thumb.png" /> <img src="/app/images/room_background_12_thumb.png" /> </a></div> <div class="item w2"><a class="room-link" href="/app/23" data-roomplate="2"> <img src="/app/images/room_foreground_23_thumb.png" /> <img src="/app/images/room_background_23_thumb.png" /> </a></div> <div class="item w2"><a class="room-link" href="/app/24" data-roomplate="2"> <img src="/app/images/room_foreground_24_thumb.png" /> <img src="/app/images/room_background_24_thumb.png" /> </a></div> <div class="item w2"><a class="room-link" href="/app/25" data-roomplate="2"> <img src="/app/images/room_foreground_25_thumb.png" /> <img src="/app/images/room_background_25_thumb.png" /> </a></div> <div class="item w2"><a class="room-link" href="/app/40" data-roomplate="2"> <img src="/app/images/room_foreground_40_thumb.png" /> <img src="/app/images/room_background_40_thumb.png" /> </a></div> <div class="item w2"><a class="room-link" href="/app/42" data-roomplate="2"> <img src="/app/images/room_foreground_42_thumb.png" /> <img src="/app/images/room_background_42_thumb.png" /> </a></div> <div class="item w2"><a class="room-link" href="/app/44" data-roomplate="2"> <img src="/app/images/room_foreground_44_thumb.png" /> <img src="/app/images/room_background_44_thumb.png" /> </a></div> </div> <div class="slimScrollBar" style="background: rgb(0, 0, 0); width: 7px; position: absolute; top: 0px; opacity: 0.4; display: block; border-radius: 10px; z-index: 99; right: 1px;"></div> <div class="slimScrollRail" style="width: 7px; height: 100%; position: absolute; top: 0px; display: none; border-radius: 10px; background: rgb(51, 51, 51); opacity: 0.2; z-index: 90; right: 1px;"></div> </div> </div> <div role="tabpanel" class="tab-pane " id="room-3"> <div class="slimScrollDiv" style="position: relative; overflow: hidden; width: 100%; height: 270px;"> <div class="col-xs-12 room_thumb_wrap" align="center" style="overflow: hidden; width: 100%; height: 270px;"> <div class="item w2"><a class="room-link" href="/app/27" data-roomplate="3"> <img src="/app/images/room_foreground_27_thumb.png" /> <img src="/app/images/room_background_27_thumb.png" /> </a></div> <div class="item w2"><a class="room-link" href="/app/28" data-roomplate="3"> <img src="/app/images/room_foreground_28_thumb.png" /> <img src="/app/images/room_background_28_thumb.png" /> </a></div> <div class="item w2"><a class="room-link" href="/app/31" data-roomplate="3"> <img src="/app/images/room_foreground_31_thumb.png" /> <img src="/app/images/room_background_31_thumb.png" /> </a></div> <div class="item w2"><a class="room-link" href="/app/32" data-roomplate="3"> <img src="/app/images/room_foreground_32_thumb.png" /> <img src="/app/images/room_background_32_thumb.png" /> </a></div> </div> <div class="slimScrollBar" style="background: rgb(0, 0, 0); width: 7px; position: absolute; top: 0px; opacity: 0.4; display: block; border-radius: 10px; z-index: 99; right: 1px;"></div> <div class="slimScrollRail" style="width: 7px; height: 100%; position: absolute; top: 0px; display: none; border-radius: 10px; background: rgb(51, 51, 51); opacity: 0.2; z-index: 90; right: 1px;"></div> </div> </div> <div role="tabpanel" class="tab-pane " id="room-4"> <div class="slimScrollDiv" style="position: relative; overflow: hidden; width: 100%; height: 270px;"> <div class="col-xs-12 room_thumb_wrap" align="center" style="overflow: hidden; width: 100%; height: 270px;"> <div class="item w2"><a class="room-link" href="/app/36" data-roomplate="4"> <img src="/app/images/room_foreground_36_thumb.png" /> <img src="/app/images/room_background_36_thumb.png" /> </a></div> <div class="item w2"><a class="room-link" href="/app/37" data-roomplate="4"> <img src="/app/images/room_foreground_37_thumb.png" /> <img src="/app/images/room_background_37_thumb.png" /> </a></div> <div class="item w2"><a class="room-link" href="/app/38" data-roomplate="4"> <img src="/app/images/room_foreground_38_thumb.png" /> <img src="/app/images/room_background_38_thumb.png" /> </a></div> <div class="item w2"><a class="room-link" href="/app/39" data-roomplate="4"> <img src="/app/images/room_foreground_39_thumb.png" /> <img src="/app/images/room_background_39_thumb.png" /> </a></div> </div> <div class="slimScrollBar" style="background: rgb(0, 0, 0); width: 7px; position: absolute; top: 0px; opacity: 0.4; display: block; border-radius: 10px; z-index: 99; right: 1px;"></div> <div class="slimScrollRail" style="width: 7px; height: 100%; position: absolute; top: 0px; display: none; border-radius: 10px; background: rgb(51, 51, 51); opacity: 0.2; z-index: 90; right: 1px;"></div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- Rooms dialog --> <div style="top:15px;left:15px;position:fixed;"><a href="#" class="menu_toggle" id="showLeft"> <img src="/app/visualizer/images/toggle_btn.png" alt="" /> </a></div> <div style="top:15px;right:15px;position:fixed;" class="header_nav hidden-xs"><!--<a class="btn pre_btn" id='addArea'>Add Area</a>--> <a data-toggle="modal" class="btn pre_btn" data-target="#roomsModal">Select Room</a> <a href="#" data-toggle="modal" class="btn pre_btn" data-target=".modal_info">Product Info</a></div> <!-- Header --> <nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left custom_nav" id="cbp-spmenu-s1"> <div role="tabpanel"> <ul style="display:none;" class="nav nav-tabs custom_sidebar_tabs_wrap" role="tablist"> <li role="presentation" class="active"><a href="#menuPanel1" aria-controls="1" role="tab" data-toggle="tab"> <img src="/app/visualizer/images/1_icon.png" alt="" /> <br />1 </a></li> <li role="presentation" class=""><a href="#menuPanel2" aria-controls="2" role="tab" data-toggle="tab"> <img src="/app/visualizer/images/2_icon.png" alt="" /> <br />2 </a></li> </ul> <div class="tab-content tab_click"> <div role="tabpanel" class="tab-pane active custom_sidebar_tab_content" id="menuPanel1"> <form action="" autocomplete="off" onsubmit="return false;"> <div class="top_btns"><button type="button" class="btn btn-default btn-sm btn-block custom_default_btn" data-toggle="modal" data-target="#filter-section-1">Filters</button> <button onclick="delete tile_datas['1'];delete tile_datas['1_'];render(vis_cvs);" type="button" class="btn btn-default btn-sm btn-block custom_default_btn">Clear Tiles</button> <button type="button" class="btn btn-default btn-sm btn-block custom_default_btn" data-toggle="modal" data-target="#layouts-section-1">Select Layout</button> <button type="button" class="btn btn-default btn-sm btn-block custom_default_btn" data-toggle="modal" data-target="#grouts-section-1">Select Grout</button> <button style="display:none;" type="button" class="btn btn-default btn-sm btn-block custom_default_btn" data-toggle="modal" data-target="#model-section-1">3D Model</button></div> <div class="clearfix"></div> <div class="checkbox"> <div class="rotation">Rotate <select class="rotate-degree" data-tile-id="1"> <option value="0">0</option> <!--<option value="45">45</option>--> <option value="90">90</option> </select> <input onkeyup="searchKeyPress(1,this);" placeholder="Search by tile names" style="margin-left:17px;width:163px;padding:3px;border-radius:5px 5px 5px 5px;border:1px solid gray;" /></div> </div> <div class="clearfix"></div> <div class="slimScrollDiv" style="position: relative; overflow: hidden; width: 100%; height: 370px;"> <div class="filter_thumbs" style="overflow: hidden; width: 100%; height: 370px;"> <ul class="tiles-list" id="tiles-list-1"> <li class="tile-wrap tile-item-1" data-filter-23="300x450mm" data-filter-24="" data-filter-25="Matt" data-filter-26="" data-filter-27="Tiles" data-filter-28="" data-filter-29="350" data-filter-30="0" data-q="1" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="7" data-tile-width="450" data-tile-height="300" name="tile_1_radio" id="tile_radio_7" /> <label class="tile-type-label" aria-label="040_D" for="tile_radio_7"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_346.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="300x450mm" data-filter-24="" data-filter-25="Matt" data-filter-26="" data-filter-27="Tiles" data-filter-28="" data-filter-29="350" data-filter-30="0" data-q="1" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="8" data-tile-width="450" data-tile-height="300" name="tile_1_radio" id="tile_radio_8" /> <label class="tile-type-label" aria-label="040_HL_1" for="tile_radio_8"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_347.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="300x450mm" data-filter-24="" data-filter-25="Matt" data-filter-26="" data-filter-27="Tiles" data-filter-28="" data-filter-29="350" data-filter-30="0" data-q="1" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="9" data-tile-width="450" data-tile-height="300" name="tile_1_radio" id="tile_radio_9" /> <label class="tile-type-label" aria-label="040_L" for="tile_radio_9"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_348.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="300x450mm" data-filter-24="" data-filter-25="Glossy" data-filter-26="" data-filter-27="Tiles" data-filter-28="" data-filter-29="400" data-filter-30="0" data-q="1" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="2" data-tile-width="450" data-tile-height="300" name="tile_1_radio" id="tile_radio_2" /> <label class="tile-type-label" aria-label="072_D_02" for="tile_radio_2"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_340.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="300x450mm" data-filter-24="" data-filter-25="Glossy" data-filter-26="" data-filter-27="Tiles" data-filter-28="" data-filter-29="400" data-filter-30="0" data-q="1" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="3" data-tile-width="450" data-tile-height="300" name="tile_1_radio" id="tile_radio_3" /> <label class="tile-type-label" aria-label="072_HL copy" for="tile_radio_3"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_341.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="300x450mm" data-filter-24="" data-filter-25="Glossy" data-filter-26="" data-filter-27="Tiles" data-filter-28="" data-filter-29="400" data-filter-30="0" data-filter-31="" data-filter-32="" data-q="2" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="4" data-tile-width="300" data-tile-height="300" name="tile_1_radio" id="tile_radio_4" /> <label class="tile-type-label" aria-label="072_L_01" for="tile_radio_4"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_342.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="300x450mm" data-filter-24="" data-filter-25="Glossy" data-filter-26="" data-filter-27="Tiles" data-filter-28="" data-filter-29="400" data-filter-30="0" data-q="1" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="5" data-tile-width="450" data-tile-height="300" name="tile_1_radio" id="tile_radio_5" /> <label class="tile-type-label" aria-label="10027_D" for="tile_radio_5"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_343.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="300x450mm" data-filter-24="" data-filter-25="Glossy" data-filter-26="" data-filter-27="Tiles" data-filter-28="" data-filter-29="400" data-filter-30="0" data-q="1" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="6" data-tile-width="450" data-tile-height="300" name="tile_1_radio" id="tile_radio_6" /> <label class="tile-type-label" aria-label="10027_HL" for="tile_radio_6"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_344.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="" data-filter-24="" data-filter-25="" data-filter-26="" data-filter-27="" data-filter-28="" data-filter-29="0" data-filter-30="0" data-q="1" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="101" data-tile-width="450" data-tile-height="300" name="tile_1_radio" id="tile_radio_101" /> <label class="tile-type-label" aria-label="1009 HL" for="tile_radio_101"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_456.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="300x450mm" data-filter-24="" data-filter-25="Elevation" data-filter-26="" data-filter-27="Tiles" data-filter-28="" data-filter-29="600" data-filter-30="0" data-q="1" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="16" data-tile-width="450" data-tile-height="300" name="tile_1_radio" id="tile_radio_16" /> <label class="tile-type-label" aria-label="18x12-3-110" for="tile_radio_16"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_355.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="300x450mm" data-filter-24="" data-filter-25="Elevation" data-filter-26="" data-filter-27="Tiles" data-filter-28="" data-filter-29="600" data-filter-30="0" data-q="1" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="17" data-tile-width="450" data-tile-height="300" name="tile_1_radio" id="tile_radio_17" /> <label class="tile-type-label" aria-label="18x12-3-128" for="tile_radio_17"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_356.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="300x450mm" data-filter-24="" data-filter-25="Elevation" data-filter-26="" data-filter-27="Tiles" data-filter-28="" data-filter-29="600" data-filter-30="0" data-q="1" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="13" data-tile-width="450" data-tile-height="300" name="tile_1_radio" id="tile_radio_13" /> <label class="tile-type-label" aria-label="18x12-3-73" for="tile_radio_13"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_352.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="300x450mm" data-filter-24="" data-filter-25="Elevation" data-filter-26="" data-filter-27="Tiles" data-filter-28="" data-filter-29="600" data-filter-30="0" data-q="1" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="14" data-tile-width="450" data-tile-height="300" name="tile_1_radio" id="tile_radio_14" /> <label class="tile-type-label" aria-label="18x12-3-76" for="tile_radio_14"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_353.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="300x450mm" data-filter-24="" data-filter-25="Elevation" data-filter-26="" data-filter-27="Tiles" data-filter-28="" data-filter-29="600" data-filter-30="0" data-q="1" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="15" data-tile-width="450" data-tile-height="300" name="tile_1_radio" id="tile_radio_15" /> <label class="tile-type-label" aria-label="18x12-3-89" for="tile_radio_15"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_354.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="" data-filter-24="" data-filter-25="" data-filter-26="" data-filter-27="" data-filter-28="" data-filter-29="0" data-filter-30="0" data-filter-31="" data-filter-32="" data-q="3" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="102" data-tile-width="600" data-tile-height="300" name="tile_1_radio" id="tile_radio_102" /> <label class="tile-type-label" aria-label="2" for="tile_radio_102"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_482.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="300x450mm" data-filter-24="" data-filter-25="Matt" data-filter-26="" data-filter-27="Tiles" data-filter-28="" data-filter-29="350" data-filter-30="0" data-q="1" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="10" data-tile-width="450" data-tile-height="300" name="tile_1_radio" id="tile_radio_10" /> <label class="tile-type-label" aria-label="20022_D" for="tile_radio_10"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_349.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="300x450mm" data-filter-24="" data-filter-25="Matt" data-filter-26="" data-filter-27="Tiles" data-filter-28="" data-filter-29="350" data-filter-30="0" data-q="1" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="11" data-tile-width="450" data-tile-height="300" name="tile_1_radio" id="tile_radio_11" /> <label class="tile-type-label" aria-label="20022_HL" for="tile_radio_11"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_350.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="300x450mm" data-filter-24="" data-filter-25="Matt" data-filter-26="" data-filter-27="Tiles" data-filter-28="" data-filter-29="350" data-filter-30="0" data-q="1" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="12" data-tile-width="450" data-tile-height="300" name="tile_1_radio" id="tile_radio_12" /> <label class="tile-type-label" aria-label="20022_L" for="tile_radio_12"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_351.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="" data-filter-24="" data-filter-25="" data-filter-26="" data-filter-27="" data-filter-28="" data-filter-29="0" data-filter-30="0" data-filter-31="" data-filter-32="" data-q="3" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="103" data-tile-width="600" data-tile-height="300" name="tile_1_radio" id="tile_radio_103" /> <label class="tile-type-label" aria-label="3" for="tile_radio_103"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_483.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="" data-filter-24="" data-filter-25="" data-filter-26="" data-filter-27="" data-filter-28="" data-filter-29="0" data-filter-30="0" data-filter-31="" data-filter-32="" data-q="3" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="104" data-tile-width="600" data-tile-height="300" name="tile_1_radio" id="tile_radio_104" /> <label class="tile-type-label" aria-label="4" for="tile_radio_104"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_484.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="" data-filter-24="" data-filter-25="" data-filter-26="" data-filter-27="" data-filter-28="" data-filter-29="0" data-filter-30="0" data-filter-31="" data-filter-32="" data-q="12" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="133" data-tile-width="307" data-tile-height="49" name="tile_1_radio" id="tile_radio_133" /> <label class="tile-type-label" aria-label="4.9x30.7" for="tile_radio_133"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_545.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="" data-filter-24="" data-filter-25="" data-filter-26="" data-filter-27="" data-filter-28="" data-filter-29="0" data-filter-30="0" data-filter-31="" data-filter-32="" data-q="12" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="134" data-tile-width="307" data-tile-height="49" name="tile_1_radio" id="tile_radio_134" /> <label class="tile-type-label" aria-label="4.9x30.71" for="tile_radio_134"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_546.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="300x600mm" data-filter-24="" data-filter-25="Glossy" data-filter-26="" data-filter-27="Tiles" data-filter-28="" data-filter-29="500" data-filter-30="0" data-q="3" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="18" data-tile-width="600" data-tile-height="300" name="tile_1_radio" id="tile_radio_18" /> <label class="tile-type-label" aria-label="50010_D" for="tile_radio_18"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_357.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="300x600mm" data-filter-24="" data-filter-25="Glossy" data-filter-26="" data-filter-27="Tiles" data-filter-28="" data-filter-29="500" data-filter-30="0" data-q="3" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="19" data-tile-width="600" data-tile-height="300" name="tile_1_radio" id="tile_radio_19" /> <label class="tile-type-label" aria-label="50010_HL_1" for="tile_radio_19"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_358.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="300x600mm" data-filter-24="" data-filter-25="Glossy" data-filter-26="" data-filter-27="Tiles" data-filter-28="" data-filter-29="500" data-filter-30="0" data-q="3" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="20" data-tile-width="600" data-tile-height="300" name="tile_1_radio" id="tile_radio_20" /> <label class="tile-type-label" aria-label="50010_L" for="tile_radio_20"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_359.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="300x600mm" data-filter-24="" data-filter-25="Glossy" data-filter-26="" data-filter-27="Tiles" data-filter-28="" data-filter-29="500" data-filter-30="0" data-q="3" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="21" data-tile-width="600" data-tile-height="300" name="tile_1_radio" id="tile_radio_21" /> <label class="tile-type-label" aria-label="50029_HL_1" for="tile_radio_21"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_360.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="300x600mm" data-filter-24="" data-filter-25="Glossy" data-filter-26="" data-filter-27="Tiles" data-filter-28="" data-filter-29="500" data-filter-30="0" data-q="3" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="22" data-tile-width="600" data-tile-height="300" name="tile_1_radio" id="tile_radio_22" /> <label class="tile-type-label" aria-label="50029_HL_2" for="tile_radio_22"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_361.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="300x600mm" data-filter-24="" data-filter-25="Glossy" data-filter-26="" data-filter-27="Tiles" data-filter-28="" data-filter-29="500" data-filter-30="0" data-q="3" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="23" data-tile-width="600" data-tile-height="300" name="tile_1_radio" id="tile_radio_23" /> <label class="tile-type-label" aria-label="50029_L" for="tile_radio_23"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_362.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="300x600mm" data-filter-24="" data-filter-25="Glossy" data-filter-26="" data-filter-27="Tiles" data-filter-28="" data-filter-29="500" data-filter-30="0" data-q="3" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="24" data-tile-width="600" data-tile-height="300" name="tile_1_radio" id="tile_radio_24" /> <label class="tile-type-label" aria-label="50054_D" for="tile_radio_24"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_363.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="300x600mm" data-filter-24="" data-filter-25="Glossy" data-filter-26="" data-filter-27="Tiles" data-filter-28="" data-filter-29="500" data-filter-30="0" data-q="3" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="25" data-tile-width="600" data-tile-height="300" name="tile_1_radio" id="tile_radio_25" /> <label class="tile-type-label" aria-label="50054_HL" for="tile_radio_25"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_364.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="300x600mm" data-filter-24="" data-filter-25="Glossy" data-filter-26="" data-filter-27="Tiles" data-filter-28="" data-filter-29="500" data-filter-30="0" data-q="3" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="26" data-tile-width="600" data-tile-height="300" name="tile_1_radio" id="tile_radio_26" /> <label class="tile-type-label" aria-label="50054_L" for="tile_radio_26"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_365.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="300x600mm" data-filter-24="" data-filter-25="Matt" data-filter-26="" data-filter-27="Tiles" data-filter-28="" data-filter-29="700" data-filter-30="0" data-q="3" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="27" data-tile-width="600" data-tile-height="300" name="tile_1_radio" id="tile_radio_27" /> <label class="tile-type-label" aria-label="60006_D_FULL" for="tile_radio_27"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_366.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="300x600mm" data-filter-24="" data-filter-25="Matt" data-filter-26="" data-filter-27="Tiles" data-filter-28="" data-filter-29="700" data-filter-30="0" data-q="3" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="28" data-tile-width="600" data-tile-height="300" name="tile_1_radio" id="tile_radio_28" /> <label class="tile-type-label" aria-label="60006_HL_1" for="tile_radio_28"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_367.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="300x600mm" data-filter-24="" data-filter-25="Matt" data-filter-26="" data-filter-27="Tiles" data-filter-28="" data-filter-29="700" data-filter-30="0" data-q="3" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="29" data-tile-width="600" data-tile-height="300" name="tile_1_radio" id="tile_radio_29" /> <label class="tile-type-label" aria-label="60006_L_FULL" for="tile_radio_29"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_368.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="300x600mm" data-filter-24="" data-filter-25="Matt" data-filter-26="" data-filter-27="Tiles" data-filter-28="" data-filter-29="700" data-filter-30="0" data-q="3" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="30" data-tile-width="600" data-tile-height="300" name="tile_1_radio" id="tile_radio_30" /> <label class="tile-type-label" aria-label="60022_D" for="tile_radio_30"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_369.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="300x600mm" data-filter-24="" data-filter-25="Matt" data-filter-26="" data-filter-27="Tiles" data-filter-28="" data-filter-29="700" data-filter-30="0" data-q="3" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="31" data-tile-width="600" data-tile-height="300" name="tile_1_radio" id="tile_radio_31" /> <label class="tile-type-label" aria-label="60022_HL" for="tile_radio_31"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_370.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="300x600mm" data-filter-24="" data-filter-25="Matt" data-filter-26="" data-filter-27="Tiles" data-filter-28="" data-filter-29="700" data-filter-30="0" data-q="3" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="32" data-tile-width="600" data-tile-height="300" name="tile_1_radio" id="tile_radio_32" /> <label class="tile-type-label" aria-label="60022_L" for="tile_radio_32"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_371.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="300x900mm" data-filter-24="" data-filter-25="Random" data-filter-26="" data-filter-27="Tiles" data-filter-28="" data-filter-29="700" data-filter-30="0" data-q="5" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="40" data-tile-width="900" data-tile-height="300" name="tile_1_radio" id="tile_radio_40" /> <label class="tile-type-label" aria-label="Ash-Light-Brown-(1)-20x60" for="tile_radio_40"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_382.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="" data-filter-24="" data-filter-25="" data-filter-26="" data-filter-27="" data-filter-28="" data-filter-29="0" data-filter-30="0" data-filter-31="" data-filter-32="" data-q="11" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="124" data-tile-width="250" data-tile-height="500" name="tile_1_radio" id="tile_radio_124" /> <label class="tile-type-label" aria-label="B2550 brown _test2" for="tile_radio_124"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_508.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="" data-filter-24="" data-filter-25="" data-filter-26="" data-filter-27="" data-filter-28="" data-filter-29="0" data-filter-30="0" data-filter-31="" data-filter-32="" data-q="11" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="125" data-tile-width="250" data-tile-height="500" name="tile_1_radio" id="tile_radio_125" /> <label class="tile-type-label" aria-label="B2550- GREY test2" for="tile_radio_125"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_509.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="" data-filter-24="" data-filter-25="" data-filter-26="" data-filter-27="" data-filter-28="" data-filter-29="0" data-filter-30="0" data-filter-31="" data-filter-32="" data-q="11" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="126" data-tile-width="250" data-tile-height="500" name="tile_1_radio" id="tile_radio_126" /> <label class="tile-type-label" aria-label="C2550_brown test" for="tile_radio_126"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_510.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="" data-filter-24="" data-filter-25="" data-filter-26="" data-filter-27="" data-filter-28="" data-filter-29="0" data-filter-30="0" data-filter-31="" data-filter-32="" data-q="11" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="127" data-tile-width="250" data-tile-height="500" name="tile_1_radio" id="tile_radio_127" /> <label class="tile-type-label" aria-label="C2550_grey test" for="tile_radio_127"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_511.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="" data-filter-24="" data-filter-25="" data-filter-26="" data-filter-27="" data-filter-28="" data-filter-29="0" data-filter-30="0" data-filter-31="" data-filter-32="" data-q="11" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="128" data-tile-width="250" data-tile-height="500" name="tile_1_radio" id="tile_radio_128" /> <label class="tile-type-label" aria-label="D2550_blue test" for="tile_radio_128"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_512.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="" data-filter-24="" data-filter-25="" data-filter-26="" data-filter-27="" data-filter-28="" data-filter-29="0" data-filter-30="0" data-filter-31="" data-filter-32="" data-q="1" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="135" data-tile-width="450" data-tile-height="300" name="tile_1_radio" id="tile_radio_135" /> <label class="tile-type-label" aria-label="FRISO 30X45" for="tile_radio_135"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_549.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="200x200mm" data-filter-24="" data-filter-25="Random" data-filter-26="" data-filter-27="Tiles" data-filter-28="" data-filter-29="200" data-filter-30="0" data-q="0" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="1" data-tile-width="200" data-tile-height="200" name="tile_1_radio" id="tile_radio_1" /> <label class="tile-type-label" aria-label="Random5" for="tile_radio_1"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_143.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="300x900mm" data-filter-24="" data-filter-25="Random" data-filter-26="" data-filter-27="Tiles" data-filter-28="" data-filter-29="700" data-filter-30="0" data-q="5" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="41" data-tile-width="900" data-tile-height="300" name="tile_1_radio" id="tile_radio_41" /> <label class="tile-type-label" aria-label="Rosewood-(2)-20x60" for="tile_radio_41"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_383.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="" data-filter-24="" data-filter-25="" data-filter-26="" data-filter-27="" data-filter-28="" data-filter-29="0" data-filter-30="0" data-filter-31="" data-filter-32="" data-q="1" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="131" data-tile-width="450" data-tile-height="300" name="tile_1_radio" id="tile_radio_131" /> <label class="tile-type-label" aria-label="VERDE_MIX_G" for="tile_radio_131"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_543.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-q="2" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="113" data-tile-width="300" data-tile-height="300" name="tile_1_radio" id="tile_radio_113" /> <label class="tile-type-label" aria-label="White" for="tile_radio_113"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_493.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="300x900mm" data-filter-24="" data-filter-25="Random" data-filter-26="" data-filter-27="Tiles" data-filter-28="" data-filter-29="700" data-filter-30="0" data-q="5" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="42" data-tile-width="900" data-tile-height="300" name="tile_1_radio" id="tile_radio_42" /> <label class="tile-type-label" aria-label="Willow-(1)-20x60" for="tile_radio_42"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_384.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="Others" data-filter-24="" data-filter-25="Others" data-filter-26="" data-filter-27="Paint Color" data-filter-28="" data-filter-29="900" data-filter-30="0" data-q="4" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="33" data-tile-width="1000" data-tile-height="1000" name="tile_1_radio" id="tile_radio_33" /> <label class="tile-type-label" aria-label="color1" for="tile_radio_33"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_372.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="Others" data-filter-24="" data-filter-25="Others" data-filter-26="" data-filter-27="Paint Color" data-filter-28="" data-filter-29="900" data-filter-30="0" data-q="4" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="34" data-tile-width="1000" data-tile-height="1000" name="tile_1_radio" id="tile_radio_34" /> <label class="tile-type-label" aria-label="color2" for="tile_radio_34"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_373.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="Others" data-filter-24="" data-filter-25="Others" data-filter-26="" data-filter-27="Paint Color" data-filter-28="" data-filter-29="900" data-filter-30="0" data-q="4" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="35" data-tile-width="1000" data-tile-height="1000" name="tile_1_radio" id="tile_radio_35" /> <label class="tile-type-label" aria-label="color3" for="tile_radio_35"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_374.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="Others" data-filter-24="" data-filter-25="Others" data-filter-26="" data-filter-27="Paint Color" data-filter-28="" data-filter-29="900" data-filter-30="0" data-q="4" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="36" data-tile-width="1000" data-tile-height="1000" name="tile_1_radio" id="tile_radio_36" /> <label class="tile-type-label" aria-label="color4" for="tile_radio_36"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_375.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="Others" data-filter-24="" data-filter-25="Others" data-filter-26="" data-filter-27="Paint Color" data-filter-28="" data-filter-29="900" data-filter-30="0" data-q="4" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="37" data-tile-width="1000" data-tile-height="1000" name="tile_1_radio" id="tile_radio_37" /> <label class="tile-type-label" aria-label="color5" for="tile_radio_37"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_376.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="Others" data-filter-24="" data-filter-25="Others" data-filter-26="" data-filter-27="Paint Color" data-filter-28="" data-filter-29="900" data-filter-30="0" data-q="4" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="38" data-tile-width="1000" data-tile-height="1000" name="tile_1_radio" id="tile_radio_38" /> <label class="tile-type-label" aria-label="color6" for="tile_radio_38"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_377.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="Others" data-filter-24="" data-filter-25="Others" data-filter-26="" data-filter-27="Paint Color" data-filter-28="" data-filter-29="900" data-filter-30="0" data-q="4" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="39" data-tile-width="1000" data-tile-height="1000" name="tile_1_radio" id="tile_radio_39" /> <label class="tile-type-label" aria-label="color7" for="tile_radio_39"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_378.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="" data-filter-24="" data-filter-25="" data-filter-26="" data-filter-27="" data-filter-28="" data-filter-29="0" data-filter-30="0" data-filter-31="" data-filter-32="" data-q="1" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="132" data-tile-width="450" data-tile-height="300" name="tile_1_radio" id="tile_radio_132" /> <label class="tile-type-label" aria-label="magma" for="tile_radio_132"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_544.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="" data-filter-24="" data-filter-25="" data-filter-26="" data-filter-27="" data-filter-28="" data-filter-29="0" data-filter-30="0" data-filter-31="" data-filter-32="" data-q="2" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="136" data-tile-width="300" data-tile-height="300" name="tile_1_radio" id="tile_radio_136" /> <label class="tile-type-label" aria-label="play-espadachin-aqua-30X30" for="tile_radio_136"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_550.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="Others" data-filter-24="" data-filter-25="Others" data-filter-26="" data-filter-27="Wallpapers" data-filter-28="" data-filter-29="1100" data-filter-30="0" data-q="10" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="99" data-tile-width="480" data-tile-height="480" name="tile_1_radio" id="tile_radio_99" /> <label class="tile-type-label" aria-label="tile_104" for="tile_radio_99"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_449.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="Others" data-filter-24="" data-filter-25="Others" data-filter-26="" data-filter-27="Wallpapers" data-filter-28="" data-filter-29="1100" data-filter-30="0" data-q="10" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="100" data-tile-width="480" data-tile-height="480" name="tile_1_radio" id="tile_radio_100" /> <label class="tile-type-label" aria-label="tile_105" for="tile_radio_100"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_450.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="Others" data-filter-24="" data-filter-25="Others" data-filter-26="" data-filter-27="Wallpapers" data-filter-28="" data-filter-29="1100" data-filter-30="0" data-q="10" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="98" data-tile-width="480" data-tile-height="480" name="tile_1_radio" id="tile_radio_98" /> <label class="tile-type-label" aria-label="tile_106" for="tile_radio_98"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_447.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="Others" data-filter-24="" data-filter-25="Others" data-filter-26="" data-filter-27="Wallpapers" data-filter-28="" data-filter-29="1100" data-filter-30="0" data-q="10" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="97" data-tile-width="480" data-tile-height="480" name="tile_1_radio" id="tile_radio_97" /> <label class="tile-type-label" aria-label="tile_44" for="tile_radio_97"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_444.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="Others" data-filter-24="" data-filter-25="Others" data-filter-26="" data-filter-27="Wallpapers" data-filter-28="" data-filter-29="1100" data-filter-30="0" data-q="6" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="93" data-tile-width="1000" data-tile-height="681" name="tile_1_radio" id="tile_radio_93" /> <label class="tile-type-label" aria-label="wallpaper4" for="tile_radio_93"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_440.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="Others" data-filter-24="" data-filter-25="Others" data-filter-26="" data-filter-27="Wallpapers" data-filter-28="" data-filter-29="1100" data-filter-30="0" data-q="7" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="94" data-tile-width="1000" data-tile-height="563" name="tile_1_radio" id="tile_radio_94" /> <label class="tile-type-label" aria-label="wallpaper5" for="tile_radio_94"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_441.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="Others" data-filter-24="" data-filter-25="Others" data-filter-26="" data-filter-27="Wallpapers" data-filter-28="" data-filter-29="1100" data-filter-30="0" data-q="8" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="95" data-tile-width="1000" data-tile-height="993" name="tile_1_radio" id="tile_radio_95" /> <label class="tile-type-label" aria-label="wallpaper6" for="tile_radio_95"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_442.jpg" /> </label></li> <li class="tile-wrap tile-item-1" data-filter-23="Others" data-filter-24="" data-filter-25="Others" data-filter-26="" data-filter-27="Wallpapers" data-filter-28="" data-filter-29="1100" data-filter-30="0" data-q="9" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="96" data-tile-width="1000" data-tile-height="750" name="tile_1_radio" id="tile_radio_96" /> <label class="tile-type-label" aria-label="wallpaper7" for="tile_radio_96"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_443.jpg" /> </label></li> </ul> <script> $(function(){$("#tiles-list-1").preloader();}); </script></div> <div class="slimScrollBar" style="background: rgb(0, 0, 0); width: 7px; position: absolute; top: 0px; opacity: 0.4; display: block; border-radius: 10px; z-index: 99; right: 1px; height: 71.0431px;"></div> <div class="slimScrollRail" style="width: 7px; height: 100%; position: absolute; top: 0px; display: none; border-radius: 10px; background: rgb(51, 51, 51); opacity: 0.2; z-index: 90; right: 1px;"></div> </div> <div class="clearfix"></div> </form> </div> <div role="tabpanel" class="tab-pane custom_sidebar_tab_content" id="menuPanel2"> <form action="" autocomplete="off" onsubmit="return false;"> <div class="top_btns"><button type="button" class="btn btn-default btn-sm btn-block custom_default_btn" data-toggle="modal" data-target="#filter-section-2">Filters</button> <button onclick="delete tile_datas['2'];delete tile_datas['2_'];render(vis_cvs);" type="button" class="btn btn-default btn-sm btn-block custom_default_btn">Clear Tiles</button> <button type="button" class="btn btn-default btn-sm btn-block custom_default_btn" data-toggle="modal" data-target="#layouts-section-2">Select Layout</button> <button type="button" class="btn btn-default btn-sm btn-block custom_default_btn" data-toggle="modal" data-target="#grouts-section-2">Select Grout</button> <button style="display:none;" type="button" class="btn btn-default btn-sm btn-block custom_default_btn" data-toggle="modal" data-target="#model-section-2">3D Model</button></div> <div class="clearfix"></div> <div class="checkbox"> <div class="rotation">Rotate <select class="rotate-degree" data-tile-id="2"> <option value="0">0</option> <!--<option value="45">45</option>--> <option value="90">90</option> </select> <input onkeyup="searchKeyPress(2,this);" placeholder="Search by tile names" style="margin-left:17px;width:163px;padding:3px;border-radius:5px 5px 5px 5px;border:1px solid gray;" /></div> </div> <div class="clearfix"></div> <div class="slimScrollDiv" style="position: relative; overflow: hidden; width: 100%; height: 370px;"> <div class="filter_thumbs" style="overflow: hidden; width: 100%; height: 370px;"> <ul class="tiles-list" id="tiles-list-2"> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="Others" data-filter-25="" data-filter-26="Wooden" data-filter-27="" data-filter-28="Wooden Flooring" data-filter-29="0" data-filter-30="200" data-q="22" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="221" data-tile-width="150" data-tile-height="600" name="tile_2_radio" id="tile_radio_221" /> <label class="tile-type-label" aria-label="ALMOND BIANCO" for="tile_radio_221"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_429.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="Others" data-filter-25="" data-filter-26="Wooden" data-filter-27="" data-filter-28="Wooden Flooring" data-filter-29="0" data-filter-30="200" data-q="22" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="223" data-tile-width="150" data-tile-height="600" name="tile_2_radio" id="tile_radio_223" /> <label class="tile-type-label" aria-label="ALMOND PINE" for="tile_radio_223"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_431.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="Others" data-filter-25="" data-filter-26="Wooden" data-filter-27="" data-filter-28="Wooden Flooring" data-filter-29="0" data-filter-30="200" data-q="22" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="224" data-tile-width="150" data-tile-height="600" name="tile_2_radio" id="tile_radio_224" /> <label class="tile-type-label" aria-label="ALMOND WENGE" for="tile_radio_224"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_432.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="Others" data-filter-25="" data-filter-26="Wooden" data-filter-27="" data-filter-28="Wooden Flooring" data-filter-29="0" data-filter-30="200" data-q="22" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="222" data-tile-width="150" data-tile-height="600" name="tile_2_radio" id="tile_radio_222" /> <label class="tile-type-label" aria-label="AlMOND BLACK" for="tile_radio_222"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_430.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="600x600mm" data-filter-25="" data-filter-26="Wooden" data-filter-27="" data-filter-28="Tiles" data-filter-29="0" data-filter-30="500" data-q="15" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="208" data-tile-width="600" data-tile-height="600" name="tile_2_radio" id="tile_radio_208" /> <label class="tile-type-label" aria-label="Alder Wood" for="tile_radio_208"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_415.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="" data-filter-25="" data-filter-26="" data-filter-27="" data-filter-28="" data-filter-29="0" data-filter-30="0" data-filter-31="" data-filter-32="" data-q="24" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="265" data-tile-width="500" data-tile-height="500" name="tile_2_radio" id="tile_radio_265" /> <label class="tile-type-label" aria-label="CASTAyeO_G_1" for="tile_radio_265"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_541.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="600x600mm" data-filter-25="" data-filter-26="Wooden" data-filter-27="" data-filter-28="Tiles" data-filter-29="0" data-filter-30="500" data-q="15" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="209" data-tile-width="600" data-tile-height="600" name="tile_2_radio" id="tile_radio_209" /> <label class="tile-type-label" aria-label="CYPRAS ASH" for="tile_radio_209"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_416.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="600x600mm" data-filter-25="" data-filter-26="Matt" data-filter-27="" data-filter-28="Tiles" data-filter-29="0" data-filter-30="300" data-q="15" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="200" data-tile-width="600" data-tile-height="600" name="tile_2_radio" id="tile_radio_200" /> <label class="tile-type-label" aria-label="Cedar Crema" for="tile_radio_200"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_407.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="400x400mm" data-filter-25="" data-filter-26="Glossy" data-filter-27="" data-filter-28="Tiles" data-filter-29="0" data-filter-30="150" data-q="14" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="183" data-tile-width="400" data-tile-height="400" name="tile_2_radio" id="tile_radio_183" /> <label class="tile-type-label" aria-label="DG 152" for="tile_radio_183"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_390.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="400x400mm" data-filter-25="" data-filter-26="Glossy" data-filter-27="" data-filter-28="Tiles" data-filter-29="0" data-filter-30="150" data-q="14" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="184" data-tile-width="400" data-tile-height="400" name="tile_2_radio" id="tile_radio_184" /> <label class="tile-type-label" aria-label="DG 157" for="tile_radio_184"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_391.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="400x400mm" data-filter-25="" data-filter-26="Matt" data-filter-27="" data-filter-28="Tiles" data-filter-29="0" data-filter-30="200" data-q="14" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="185" data-tile-width="400" data-tile-height="400" name="tile_2_radio" id="tile_radio_185" /> <label class="tile-type-label" aria-label="DG 312" for="tile_radio_185"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_392.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="400x400mm" data-filter-25="" data-filter-26="Matt" data-filter-27="" data-filter-28="Tiles" data-filter-29="0" data-filter-30="200" data-q="14" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="186" data-tile-width="400" data-tile-height="400" name="tile_2_radio" id="tile_radio_186" /> <label class="tile-type-label" aria-label="DG 315" for="tile_radio_186"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_393.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="400x400mm" data-filter-25="" data-filter-26="Matt" data-filter-27="" data-filter-28="Tiles" data-filter-29="0" data-filter-30="200" data-q="14" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="187" data-tile-width="400" data-tile-height="400" name="tile_2_radio" id="tile_radio_187" /> <label class="tile-type-label" aria-label="DG 332" for="tile_radio_187"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_394.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="400x400mm" data-filter-25="" data-filter-26="Matt" data-filter-27="" data-filter-28="Tiles" data-filter-29="0" data-filter-30="200" data-q="14" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="188" data-tile-width="400" data-tile-height="400" name="tile_2_radio" id="tile_radio_188" /> <label class="tile-type-label" aria-label="DG 336" for="tile_radio_188"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_395.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="400x400mm" data-filter-25="" data-filter-26="Matt" data-filter-27="" data-filter-28="Tiles" data-filter-29="0" data-filter-30="200" data-q="14" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="189" data-tile-width="400" data-tile-height="400" name="tile_2_radio" id="tile_radio_189" /> <label class="tile-type-label" aria-label="DG 340" for="tile_radio_189"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_396.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="400x400mm" data-filter-25="" data-filter-26="Matt" data-filter-27="" data-filter-28="Tiles" data-filter-29="0" data-filter-30="200" data-q="14" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="190" data-tile-width="400" data-tile-height="400" name="tile_2_radio" id="tile_radio_190" /> <label class="tile-type-label" aria-label="DG 345" for="tile_radio_190"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_397.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="400x400mm" data-filter-25="" data-filter-26="Rustic" data-filter-27="" data-filter-28="Tiles" data-filter-29="0" data-filter-30="250" data-q="14" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="191" data-tile-width="400" data-tile-height="400" name="tile_2_radio" id="tile_radio_191" /> <label class="tile-type-label" aria-label="DG 419" for="tile_radio_191"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_398.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="400x400mm" data-filter-25="" data-filter-26="Rustic" data-filter-27="" data-filter-28="Tiles" data-filter-29="0" data-filter-30="250" data-q="14" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="192" data-tile-width="400" data-tile-height="400" name="tile_2_radio" id="tile_radio_192" /> <label class="tile-type-label" aria-label="DG 425" for="tile_radio_192"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_399.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="400x400mm" data-filter-25="" data-filter-26="Rustic" data-filter-27="" data-filter-28="Tiles" data-filter-29="0" data-filter-30="250" data-q="14" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="193" data-tile-width="400" data-tile-height="400" name="tile_2_radio" id="tile_radio_193" /> <label class="tile-type-label" aria-label="DG 429" for="tile_radio_193"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_400.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="400x400mm" data-filter-25="" data-filter-26="Rustic" data-filter-27="" data-filter-28="Tiles" data-filter-29="0" data-filter-30="250" data-q="14" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="194" data-tile-width="400" data-tile-height="400" name="tile_2_radio" id="tile_radio_194" /> <label class="tile-type-label" aria-label="DG-431" for="tile_radio_194"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_401.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="300x300mm" data-filter-25="" data-filter-26="Rustic" data-filter-27="" data-filter-28="Tiles" data-filter-29="0" data-filter-30="100" data-q="13" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="179" data-tile-width="300" data-tile-height="300" name="tile_2_radio" id="tile_radio_179" /> <label class="tile-type-label" aria-label="DPT 003" for="tile_radio_179"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_385.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="300x300mm" data-filter-25="" data-filter-26="Rustic" data-filter-27="" data-filter-28="Tiles" data-filter-29="0" data-filter-30="100" data-q="13" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="180" data-tile-width="300" data-tile-height="300" name="tile_2_radio" id="tile_radio_180" /> <label class="tile-type-label" aria-label="DPT 004" for="tile_radio_180"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_386.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="300x300mm" data-filter-25="" data-filter-26="Rustic" data-filter-27="" data-filter-28="Tiles" data-filter-29="0" data-filter-30="100" data-q="13" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="181" data-tile-width="300" data-tile-height="300" name="tile_2_radio" id="tile_radio_181" /> <label class="tile-type-label" aria-label="DPT 030" for="tile_radio_181"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_387.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="300x300mm" data-filter-25="" data-filter-26="Rustic" data-filter-27="" data-filter-28="Tiles" data-filter-29="0" data-filter-30="100" data-q="13" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="182" data-tile-width="300" data-tile-height="300" name="tile_2_radio" id="tile_radio_182" /> <label class="tile-type-label" aria-label="DPT 044" for="tile_radio_182"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_388.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="600x600mm" data-filter-25="" data-filter-26="Rustic" data-filter-27="" data-filter-28="Tiles" data-filter-29="0" data-filter-30="400" data-q="15" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="204" data-tile-width="600" data-tile-height="600" name="tile_2_radio" id="tile_radio_204" /> <label class="tile-type-label" aria-label="DYNA GRES" for="tile_radio_204"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_411.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="600x600mm" data-filter-25="" data-filter-26="Glossy" data-filter-27="" data-filter-28="Tiles" data-filter-29="0" data-filter-30="250" data-q="15" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="195" data-tile-width="600" data-tile-height="600" name="tile_2_radio" id="tile_radio_195" /> <label class="tile-type-label" aria-label="Dahino Silver" for="tile_radio_195"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_402.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="Others" data-filter-25="" data-filter-26="Wooden" data-filter-27="" data-filter-28="Wooden Flooring" data-filter-29="0" data-filter-30="200" data-q="22" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="225" data-tile-width="150" data-tile-height="600" name="tile_2_radio" id="tile_radio_225" /> <label class="tile-type-label" aria-label="EBANO BIANCO" for="tile_radio_225"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_433.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="Others" data-filter-25="" data-filter-26="Wooden" data-filter-27="" data-filter-28="Wooden Flooring" data-filter-29="0" data-filter-30="200" data-q="22" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="226" data-tile-width="150" data-tile-height="600" name="tile_2_radio" id="tile_radio_226" /> <label class="tile-type-label" aria-label="EBANO BLACK" for="tile_radio_226"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_434.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="Others" data-filter-25="" data-filter-26="Wooden" data-filter-27="" data-filter-28="Wooden Flooring" data-filter-29="0" data-filter-30="200" data-q="22" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="227" data-tile-width="150" data-tile-height="600" name="tile_2_radio" id="tile_radio_227" /> <label class="tile-type-label" aria-label="EBANO PINE" for="tile_radio_227"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_435.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="Others" data-filter-25="" data-filter-26="Wooden" data-filter-27="" data-filter-28="Wooden Flooring" data-filter-29="0" data-filter-30="200" data-q="22" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="228" data-tile-width="150" data-tile-height="600" name="tile_2_radio" id="tile_radio_228" /> <label class="tile-type-label" aria-label="EBANO WENGE" for="tile_radio_228"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_436.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="600x600mm" data-filter-25="" data-filter-26="Rustic" data-filter-27="" data-filter-28="Tiles" data-filter-29="0" data-filter-30="400" data-q="15" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="205" data-tile-width="600" data-tile-height="600" name="tile_2_radio" id="tile_radio_205" /> <label class="tile-type-label" aria-label="EDEN CREMA" for="tile_radio_205"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_412.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="" data-filter-25="" data-filter-26="" data-filter-27="" data-filter-28="" data-filter-29="0" data-filter-30="0" data-filter-31="" data-filter-32="" data-q="15" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="257" data-tile-width="600" data-tile-height="600" name="tile_2_radio" id="tile_radio_257" /> <label class="tile-type-label" aria-label="EMERALD crema" for="tile_radio_257"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_505.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="" data-filter-25="" data-filter-26="" data-filter-27="" data-filter-28="" data-filter-29="0" data-filter-30="0" data-filter-31="" data-filter-32="" data-q="15" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="258" data-tile-width="600" data-tile-height="600" name="tile_2_radio" id="tile_radio_258" /> <label class="tile-type-label" aria-label="FEBRIC BIANCO" for="tile_radio_258"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_506.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="" data-filter-25="" data-filter-26="" data-filter-27="" data-filter-28="" data-filter-29="0" data-filter-30="0" data-filter-31="" data-filter-32="" data-q="13" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="259" data-tile-width="300" data-tile-height="300" name="tile_2_radio" id="tile_radio_259" /> <label class="tile-type-label" aria-label="FEBRIC MARFIL" for="tile_radio_259"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_507.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="600x600mm" data-filter-25="" data-filter-26="Wooden" data-filter-27="" data-filter-28="Tiles" data-filter-29="0" data-filter-30="500" data-q="15" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="210" data-tile-width="600" data-tile-height="600" name="tile_2_radio" id="tile_radio_210" /> <label class="tile-type-label" aria-label="FOREST BEIGE" for="tile_radio_210"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_417.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="" data-filter-25="" data-filter-26="" data-filter-27="" data-filter-28="" data-filter-29="0" data-filter-30="0" data-filter-31="" data-filter-32="" data-q="15" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="256" data-tile-width="600" data-tile-height="600" name="tile_2_radio" id="tile_radio_256" /> <label class="tile-type-label" aria-label="FR~2012~FRITTOLI" for="tile_radio_256"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_504.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="600x600mm" data-filter-25="" data-filter-26="Glossy" data-filter-27="" data-filter-28="Tiles" data-filter-29="0" data-filter-30="250" data-q="15" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="196" data-tile-width="600" data-tile-height="600" name="tile_2_radio" id="tile_radio_196" /> <label class="tile-type-label" aria-label="Forever" for="tile_radio_196"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_403.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="600x600mm" data-filter-25="" data-filter-26="Rustic" data-filter-27="" data-filter-28="Tiles" data-filter-29="0" data-filter-30="400" data-q="15" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="206" data-tile-width="600" data-tile-height="600" name="tile_2_radio" id="tile_radio_206" /> <label class="tile-type-label" aria-label="Galaxy Silver" for="tile_radio_206"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_413.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="600x600mm" data-filter-25="" data-filter-26="Matt" data-filter-27="" data-filter-28="Tiles" data-filter-29="0" data-filter-30="300" data-q="15" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="201" data-tile-width="600" data-tile-height="600" name="tile_2_radio" id="tile_radio_201" /> <label class="tile-type-label" aria-label="Iroko Pine" for="tile_radio_201"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_408.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="600x600mm" data-filter-25="" data-filter-26="Matt" data-filter-27="" data-filter-28="Tiles" data-filter-29="0" data-filter-30="300" data-q="15" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="202" data-tile-width="600" data-tile-height="600" name="tile_2_radio" id="tile_radio_202" /> <label class="tile-type-label" aria-label="Iroko Wenge" for="tile_radio_202"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_409.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="600x600mm" data-filter-25="" data-filter-26="Wooden" data-filter-27="" data-filter-28="Tiles" data-filter-29="0" data-filter-30="500" data-q="15" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="211" data-tile-width="600" data-tile-height="600" name="tile_2_radio" id="tile_radio_211" /> <label class="tile-type-label" aria-label="Linea Brown" for="tile_radio_211"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_418.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="600x600mm" data-filter-25="" data-filter-26="Rustic" data-filter-27="" data-filter-28="Tiles" data-filter-29="0" data-filter-30="400" data-q="15" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="207" data-tile-width="600" data-tile-height="600" name="tile_2_radio" id="tile_radio_207" /> <label class="tile-type-label" aria-label="Luxury Beige Decor" for="tile_radio_207"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_414.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="600x600mm" data-filter-25="" data-filter-26="Glossy" data-filter-27="" data-filter-28="Tiles" data-filter-29="0" data-filter-30="250" data-q="15" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="197" data-tile-width="600" data-tile-height="600" name="tile_2_radio" id="tile_radio_197" /> <label class="tile-type-label" aria-label="Medrid Grey" for="tile_radio_197"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_404.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="" data-filter-25="" data-filter-26="" data-filter-27="" data-filter-28="" data-filter-29="0" data-filter-30="0" data-filter-31="" data-filter-32="" data-q="24" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="266" data-tile-width="500" data-tile-height="500" name="tile_2_radio" id="tile_radio_266" /> <label class="tile-type-label" aria-label="ROSSO_G_1" for="tile_radio_266"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_542.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="600x600mm" data-filter-25="" data-filter-26="Glossy" data-filter-27="" data-filter-28="Tiles" data-filter-29="0" data-filter-30="250" data-q="15" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="198" data-tile-width="600" data-tile-height="600" name="tile_2_radio" id="tile_radio_198" /> <label class="tile-type-label" aria-label="Rivera" for="tile_radio_198"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_405.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="600x600mm" data-filter-25="" data-filter-26="Matt" data-filter-27="" data-filter-28="Tiles" data-filter-29="0" data-filter-30="300" data-q="15" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="203" data-tile-width="600" data-tile-height="600" name="tile_2_radio" id="tile_radio_203" /> <label class="tile-type-label" aria-label="Traventino Lapatto" for="tile_radio_203"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_410.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="600x600mm" data-filter-25="" data-filter-26="Glossy" data-filter-27="" data-filter-28="Tiles" data-filter-29="0" data-filter-30="250" data-q="15" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="199" data-tile-width="600" data-tile-height="600" name="tile_2_radio" id="tile_radio_199" /> <label class="tile-type-label" aria-label="Trifa Brown" for="tile_radio_199"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_406.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="600x600mm" data-filter-25="" data-filter-26="Wooden" data-filter-27="" data-filter-28="Tiles" data-filter-29="0" data-filter-30="500" data-q="15" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="212" data-tile-width="600" data-tile-height="600" name="tile_2_radio" id="tile_radio_212" /> <label class="tile-type-label" aria-label="WOODENZA" for="tile_radio_212"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_419.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-q="23" data-cat-a="12" data-cat-b="8"><input type="radio" class="tile-type-input" value="250" data-tile-width="300" data-tile-height="300" name="tile_2_radio" id="tile_radio_250" /> <label class="tile-type-label" aria-label="White" for="tile_radio_250"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_494.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="Others" data-filter-25="" data-filter-26="Others" data-filter-27="" data-filter-28="Carpets" data-filter-29="0" data-filter-30="1000" data-q="16" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="213" data-tile-width="1000" data-tile-height="1000" name="tile_2_radio" id="tile_radio_213" /> <label class="tile-type-label" aria-label="carpet2" for="tile_radio_213"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_421.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="Others" data-filter-25="" data-filter-26="Others" data-filter-27="" data-filter-28="Carpets" data-filter-29="0" data-filter-30="1000" data-q="17" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="214" data-tile-width="1000" data-tile-height="598" name="tile_2_radio" id="tile_radio_214" /> <label class="tile-type-label" aria-label="carpet3" for="tile_radio_214"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_422.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="Others" data-filter-25="" data-filter-26="Others" data-filter-27="" data-filter-28="Carpets" data-filter-29="0" data-filter-30="1000" data-q="18" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="215" data-tile-width="1000" data-tile-height="667" name="tile_2_radio" id="tile_radio_215" /> <label class="tile-type-label" aria-label="carpet4" for="tile_radio_215"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_423.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="Others" data-filter-25="" data-filter-26="Others" data-filter-27="" data-filter-28="Carpets" data-filter-29="0" data-filter-30="1000" data-q="19" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="216" data-tile-width="1000" data-tile-height="625" name="tile_2_radio" id="tile_radio_216" /> <label class="tile-type-label" aria-label="carpet5" for="tile_radio_216"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_424.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="" data-filter-25="" data-filter-26="" data-filter-27="" data-filter-28="" data-filter-29="0" data-filter-30="0" data-filter-31="" data-filter-32="" data-q="15" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="241" data-tile-width="600" data-tile-height="600" name="tile_2_radio" id="tile_radio_241" /> <label class="tile-type-label" aria-label="f1" for="tile_radio_241"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_485.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="" data-filter-25="" data-filter-26="" data-filter-27="" data-filter-28="" data-filter-29="0" data-filter-30="0" data-filter-31="" data-filter-32="" data-q="15" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="242" data-tile-width="600" data-tile-height="600" name="tile_2_radio" id="tile_radio_242" /> <label class="tile-type-label" aria-label="f2" for="tile_radio_242"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_486.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="" data-filter-25="" data-filter-26="" data-filter-27="" data-filter-28="" data-filter-29="0" data-filter-30="0" data-filter-31="" data-filter-32="" data-q="15" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="243" data-tile-width="600" data-tile-height="600" name="tile_2_radio" id="tile_radio_243" /> <label class="tile-type-label" aria-label="f3" for="tile_radio_243"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_487.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="" data-filter-25="" data-filter-26="" data-filter-27="" data-filter-28="" data-filter-29="0" data-filter-30="0" data-filter-31="" data-filter-32="" data-q="15" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="244" data-tile-width="600" data-tile-height="600" name="tile_2_radio" id="tile_radio_244" /> <label class="tile-type-label" aria-label="f4" for="tile_radio_244"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_488.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="" data-filter-25="" data-filter-26="" data-filter-27="" data-filter-28="" data-filter-29="0" data-filter-30="0" data-filter-31="" data-filter-32="" data-q="15" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="245" data-tile-width="600" data-tile-height="600" name="tile_2_radio" id="tile_radio_245" /> <label class="tile-type-label" aria-label="f5" for="tile_radio_245"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_489.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="" data-filter-25="" data-filter-26="" data-filter-27="" data-filter-28="" data-filter-29="0" data-filter-30="0" data-filter-31="" data-filter-32="" data-q="15" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="246" data-tile-width="600" data-tile-height="600" name="tile_2_radio" id="tile_radio_246" /> <label class="tile-type-label" aria-label="f6" for="tile_radio_246"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_490.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="" data-filter-25="" data-filter-26="" data-filter-27="" data-filter-28="" data-filter-29="0" data-filter-30="0" data-filter-31="" data-filter-32="" data-q="15" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="247" data-tile-width="600" data-tile-height="600" name="tile_2_radio" id="tile_radio_247" /> <label class="tile-type-label" aria-label="f7" for="tile_radio_247"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_491.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="" data-filter-25="" data-filter-26="" data-filter-27="" data-filter-28="" data-filter-29="0" data-filter-30="0" data-filter-31="" data-filter-32="" data-q="15" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="248" data-tile-width="600" data-tile-height="600" name="tile_2_radio" id="tile_radio_248" /> <label class="tile-type-label" aria-label="f8" for="tile_radio_248"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_492.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="Others" data-filter-25="" data-filter-26="Marble" data-filter-27="" data-filter-28="Marbles" data-filter-29="0" data-filter-30="800" data-q="16" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="217" data-tile-width="1000" data-tile-height="1000" name="tile_2_radio" id="tile_radio_217" /> <label class="tile-type-label" aria-label="marble1" for="tile_radio_217"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_425.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="Others" data-filter-25="" data-filter-26="Marble" data-filter-27="" data-filter-28="Marbles" data-filter-29="0" data-filter-30="800" data-q="20" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="218" data-tile-width="1000" data-tile-height="750" name="tile_2_radio" id="tile_radio_218" /> <label class="tile-type-label" aria-label="marble2" for="tile_radio_218"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_426.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="Others" data-filter-25="" data-filter-26="Marble" data-filter-27="" data-filter-28="Marbles" data-filter-29="0" data-filter-30="800" data-q="20" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="219" data-tile-width="1000" data-tile-height="750" name="tile_2_radio" id="tile_radio_219" /> <label class="tile-type-label" aria-label="marble3" for="tile_radio_219"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_427.jpg" /> </label></li> <li class="tile-wrap tile-item-2" data-filter-23="" data-filter-24="Others" data-filter-25="" data-filter-26="Marble" data-filter-27="" data-filter-28="Marbles" data-filter-29="0" data-filter-30="800" data-q="21" data-cat-a="20" data-cat-b="12"><input type="radio" class="tile-type-input" value="220" data-tile-width="1000" data-tile-height="563" name="tile_2_radio" id="tile_radio_220" /> <label class="tile-type-label" aria-label="marble4" for="tile_radio_220"> <img style="max-width:100%;max-height:62px;" class="" src="/app/images/tile_428.jpg" /> </label></li> </ul> <script> $(function(){$("#tiles-list-2").preloader();}); </script></div> <div class="slimScrollBar" style="background: rgb(0, 0, 0); width: 7px; position: absolute; top: 0px; opacity: 0.4; display: block; border-radius: 10px; z-index: 99; right: 1px;"></div> <div class="slimScrollRail" style="width: 7px; height: 100%; position: absolute; top: 0px; display: none; border-radius: 10px; background: rgb(51, 51, 51); opacity: 0.2; z-index: 90; right: 1px;"></div> </div> <div class="clearfix"></div> </form> </div> </div> </div> </nav> <!-- Side controls --> <div class="right_toggle_btn" style="display: none;"><a id="show_btn" href="#" style="display: none;"> <img class="show_img" src="/app/visualizer/images/toolbar-open-lg.png" /> <img class="hide_img" src="/app/visualizer/images/toolbar-close-lg.png" /> </a></div> <div class="btns_wrap"> <div class="header_nav header_nav_xs" style="display: none;"><!--<a class="btn pre_btn" id='addArea'>Add Area</a>--> <a data-toggle="modal" class="btn pre_btn" data-target="#roomsModal">Select Room</a> <a href="#" data-toggle="modal" class="btn pre_btn" data-target=".modal_info">Product Info</a></div> <div class="right_side_btns" style="top: 159.5px; width: 50px;"><a href="#" data-toggle="modal" data-target="#modal_save"> <img src="/app/visualizer/images/save_icon.png" alt="" /> </a> <br class="mobile_br_hide" /> <a href="#" class="print-btn"> <img src="/app/visualizer/images/print_icon.png" alt="" /> </a> <br class="mobile_br_hide" /> <a href="#modal_mail" data-toggle="modal" data-target="#modal_mail"> <img src="/app/visualizer/images/mail_icon.png" alt="" /> </a> <br class="mobile_br_hide" /> <a href="#" class="share-toggle"> <img src="/app/visualizer/images/share_icon.png" alt="" /> </a> <br class="mobile_br_hide" /> <a href="#" class="enter-full-screen"> <img src="/app/visualizer/images/full_screen_icon.png" alt="" /> </a></div> </div> <!-- Product Info Modal --> <div class="modal_info modal fade" id="modal_info" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header custom_modal_header"><button type="button" class="close custom_modal_btn" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title custom_modal_title" id="myModalLabel">Product Information</h4> </div> <div class="modal-body"> <div class="content_wrapper"> <ul class="nav nav-tabs prod-info-tabs" role="tablist" id="myTab"> <li role="presentation" class="active"><a href="#1Tab" aria-controls="1Tab" role="tab" data-toggle="tab">Wall</a></li> <li role="presentation" class=""><a href="#2Tab" aria-controls="2Tab" role="tab" data-toggle="tab">Floor</a></li> </ul> <div class="tab-content"> <div role="tabpanel" class="tab-pane active" id="1Tab"> <div class="slimScrollDiv" style="position: relative; overflow: hidden; width: 100%; height: 350px;"> <div class="tabs-content-wrapper" style="overflow: hidden; width: 100%; height: 350px;"> <div id="tile_info_list_1"></div> <div id="tile_info_list_shapes_1"></div> </div> <div class="slimScrollBar" style="background: rgb(0, 0, 0); width: 7px; position: absolute; top: 0px; opacity: 0.4; display: block; border-radius: 10px; z-index: 99; right: 1px;"></div> <div class="slimScrollRail" style="width: 7px; height: 100%; position: absolute; top: 0px; display: none; border-radius: 10px; background: rgb(51, 51, 51); opacity: 0.2; z-index: 90; right: 1px;"></div> </div> </div> <div role="tabpanel" class="tab-pane " id="2Tab"> <div class="slimScrollDiv" style="position: relative; overflow: hidden; width: 100%; height: 350px;"> <div class="tabs-content-wrapper" style="overflow: hidden; width: 100%; height: 350px;"> <div id="tile_info_list_2"></div> <div id="tile_info_list_shapes_2"></div> </div> <div class="slimScrollBar" style="background: rgb(0, 0, 0); width: 7px; position: absolute; top: 0px; opacity: 0.4; display: block; border-radius: 10px; z-index: 99; right: 1px;"></div> <div class="slimScrollRail" style="width: 7px; height: 100%; position: absolute; top: 0px; display: none; border-radius: 10px; background: rgb(51, 51, 51); opacity: 0.2; z-index: 90; right: 1px;"></div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- Layout Modal --> <div class="modal fade" id="layouts-section-1" tabindex="-1" role="dialog" aria-labelledby="layouts-section-1-label" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header custom_modal_header"><button type="button" class="close custom_modal_btn" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title custom_modal_title" id="layouts-section-1-label">Select Layout</h4> </div> <div class="modal-body"> <form action="" onsubmit="return false;" autocomplete="off"> <ul class="layout_thumbs no-list layout-list" align="center"> <li class="stack-item"><input id="layout-grid-1" data-room="1" data-tile-id="1" value="grid" class="layout-type-input" type="radio" name="layout-type-1" checked="checked" /> <label class="layout-type-label" aria-label="Grid" for="layout-grid-1"> <img src="/app/visualizer/layout_thumbs/grid.png" alt="Grid" /> </label></li> <li class="stack-item"><input id="layout-brickRow-1" data-room="1" data-tile-id="1" value="brickRow" class="layout-type-input" type="radio" name="layout-type-1" /> <label class="layout-type-label" aria-label="Brick Row" for="layout-brickRow-1"> <img src="/app/visualizer/layout_thumbs/brickRow.png" alt="Brick Row" /> </label></li> <li class="stack-item"><input id="layout-brickColumn-1" data-room="1" data-tile-id="1" value="brickColumn" class="layout-type-input" type="radio" name="layout-type-1" /> <label class="layout-type-label" aria-label="Brick Column" for="layout-brickColumn-1"> <img src="/app/visualizer/layout_thumbs/brickColumn.png" alt="Brick Column" /> </label></li> <li class="stack-item"><input id="layout-checkered-1" data-room="1" data-tile-id="1" value="checkered" class="layout-type-input" type="radio" name="layout-type-1" /> <label class="layout-type-label" aria-label="Checkered" for="layout-checkered-1"> <img src="/app/visualizer/layout_thumbs/checkered.png" alt="Checkered" /> </label></li> <li class="stack-item"><input id="layout-dragdrop-1" data-room="1" data-tile-id="1" value="dragdrop" class="layout-type-input" type="radio" name="layout-type-1" /> <label class="layout-type-label" aria-label="Free Design" for="layout-dragdrop-1"> <img src="/app/visualizer/layout_thumbs/dragdrop.png" alt="Free Design" /> </label></li> </ul> </form> </div> <div class="modal-footer custome_modal_footer"><button class="btn btn-default btn-sm custom_default_btn" type="button" data-dismiss="modal">Close</button> <button class="btn btn-default btn-sm custom_primery_btn" type="button">Select</button></div> </div> </div> </div> <!-- Grout Modal --> <div class="modal fade" id="grouts-section-1" tabindex="-1" role="dialog" aria-labelledby="grouts-section-1-label" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header custom_modal_header"><button type="button" class="close custom_modal_btn" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title custom_modal_title" id="grouts-section-1-label">Select Grout</h4> </div> <div class="modal-body"> <form action="" onsubmit="return false;" autocomplete="off"> <div class="row" align="center"> <div class="grout_color_box"><span> <input type="radio" class="grout-type-input" onchange="if(this.checked)selectGrout(1,-1);" name="tile_grout_1" id="tile_grout_1_null" /> <label class="grout-type-label" data-hint="No Grouth" style="display:inline-block;width:auto;cursor:pointer;" for="tile_grout_1_null"> <div style="display:inline-block;width:50px;height:50px;margin:3px;padding:3px;border-radius:3px 3px 3px 3px;border:1px solid gray;">No Grout</div> </label> </span> <span> <input type="radio" class="grout-type-input" onchange="if(this.checked)selectGrout(1,1);" data-color="#aeaeae" name="tile_grout_1" id="tile_grout_1_1" checked="checked" /> <label class="grout-type-label" data-hint="Gray" style="display:inline-block;width:auto;cursor:pointer;" for="tile_grout_1_1"> <div alt="Gray" title="Gray" style="display:inline-block;margin:3.7px;border-radius:3.7px;background-color:#aeaeae;border:1.3px solid black;width:37px;height:37px;"></div> </label> </span> <span> <input type="radio" class="grout-type-input" onchange="if(this.checked)selectGrout(1,2);" data-color="#000000" name="tile_grout_1" id="tile_grout_1_2" /> <label class="grout-type-label" data-hint="Black" style="display:inline-block;width:auto;cursor:pointer;" for="tile_grout_1_2"> <div alt="Black" title="Black" style="display:inline-block;margin:3.7px;border-radius:3.7px;background-color:#000000;border:1.3px solid black;width:37px;height:37px;"></div> </label> </span> <span> <input type="radio" class="grout-type-input" onchange="if(this.checked)selectGrout(1,3);" data-color="#ffffff" name="tile_grout_1" id="tile_grout_1_3" /> <label class="grout-type-label" data-hint="White" style="display:inline-block;width:auto;cursor:pointer;" for="tile_grout_1_3"> <div alt="White" title="White" style="display:inline-block;margin:3.7px;border-radius:3.7px;background-color:#ffffff;border:1.3px solid black;width:37px;height:37px;"></div> </label> </span> <span> <input type="radio" class="grout-type-input" onchange="if(this.checked)selectGrout(1,4);" data-color="#894545" name="tile_grout_1" id="tile_grout_1_4" /> <label class="grout-type-label" data-hint="Brown" style="display:inline-block;width:auto;cursor:pointer;" for="tile_grout_1_4"> <div alt="Brown" title="Brown" style="display:inline-block;margin:3.7px;border-radius:3.7px;background-color:#894545;border:1.3px solid black;width:37px;height:37px;"></div> </label> </span> <span> <input type="radio" class="grout-type-input" onchange="if(this.checked)selectGrout(1,5);" data-color="#ffffd2" name="tile_grout_1" id="tile_grout_1_5" /> <label class="grout-type-label" data-hint="Cream" style="display:inline-block;width:auto;cursor:pointer;" for="tile_grout_1_5"> <div alt="Cream" title="Cream" style="display:inline-block;margin:3.7px;border-radius:3.7px;background-color:#ffffd2;border:1.3px solid black;width:37px;height:37px;"></div> </label> </span> <span> <input type="radio" class="grout-type-input" onchange="if(this.checked)selectGrout(1,6);" data-color="#2f3e17" name="tile_grout_1" id="tile_grout_1_6" /> <label class="grout-type-label" data-hint="Wood" style="display:inline-block;width:auto;cursor:pointer;" for="tile_grout_1_6"> <div alt="Wood" title="Wood" style="display:inline-block;margin:3.7px;border-radius:3.7px;background-color:#2f3e17;border:1.3px solid black;width:37px;height:37px;"></div> </label> </span> <span> <input type="radio" class="grout-type-input" onchange="if(this.checked)selectGrout(1,7);" data-color="#575757" name="tile_grout_1" id="tile_grout_1_7" /> <label class="grout-type-label" data-hint="Dark Gray" style="display:inline-block;width:auto;cursor:pointer;" for="tile_grout_1_7"> <div alt="Dark Gray" title="Dark Gray" style="display:inline-block;margin:3.7px;border-radius:3.7px;background-color:#575757;border:1.3px solid black;width:37px;height:37px;"></div> </label> </span></div> </div> </form> </div> <div class="modal-footer custome_modal_footer"><button class="btn btn-default btn-sm custom_default_btn" type="button" data-dismiss="modal">Close</button> <button class="btn btn-default btn-sm custom_primery_btn" type="button">Select</button></div> </div> </div> </div> <!-- 3D Model Modal --> <div class="modal fade" id="grouts-section-1" tabindex="-1" role="dialog" aria-labelledby="grouts-section-1-label" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header custom_modal_header"><button type="button" class="close custom_modal_btn" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title custom_modal_title" id="grouts-section-1-label">Select Grout</h4> </div> <div class="modal-body"> <form action="" onsubmit="return false;" autocomplete="off"> <div class="row" align="center"> <div class="grout_color_box"><span> <input type="radio" class="grout-type-input" onchange="if(this.checked)selectGrout(1,-1);" name="tile_grout_1" id="tile_grout_1_null" /> <label class="grout-type-label" data-hint="No Grouth" style="display:inline-block;width:auto;cursor:pointer;" for="tile_grout_1_null"> <div style="display:inline-block;width:50px;height:50px;margin:3px;padding:3px;border-radius:3px 3px 3px 3px;border:1px solid gray;">No Grout</div> </label> </span> <span> <input type="radio" class="grout-type-input" onchange="if(this.checked)selectGrout(1,1);" data-color="#aeaeae" name="tile_grout_1" id="tile_grout_1_1" checked="checked" /> <label class="grout-type-label" data-hint="Gray" style="display:inline-block;width:auto;cursor:pointer;" for="tile_grout_1_1"> <div alt="Gray" title="Gray" style="display:inline-block;margin:3.7px;border-radius:3.7px;background-color:#aeaeae;border:1.3px solid black;width:37px;height:37px;"></div> </label> </span> <span> <input type="radio" class="grout-type-input" onchange="if(this.checked)selectGrout(1,2);" data-color="#000000" name="tile_grout_1" id="tile_grout_1_2" /> <label class="grout-type-label" data-hint="Black" style="display:inline-block;width:auto;cursor:pointer;" for="tile_grout_1_2"> <div alt="Black" title="Black" style="display:inline-block;margin:3.7px;border-radius:3.7px;background-color:#000000;border:1.3px solid black;width:37px;height:37px;"></div> </label> </span> <span> <input type="radio" class="grout-type-input" onchange="if(this.checked)selectGrout(1,3);" data-color="#ffffff" name="tile_grout_1" id="tile_grout_1_3" /> <label class="grout-type-label" data-hint="White" style="display:inline-block;width:auto;cursor:pointer;" for="tile_grout_1_3"> <div alt="White" title="White" style="display:inline-block;margin:3.7px;border-radius:3.7px;background-color:#ffffff;border:1.3px solid black;width:37px;height:37px;"></div> </label> </span> <span> <input type="radio" class="grout-type-input" onchange="if(this.checked)selectGrout(1,4);" data-color="#894545" name="tile_grout_1" id="tile_grout_1_4" /> <label class="grout-type-label" data-hint="Brown" style="display:inline-block;width:auto;cursor:pointer;" for="tile_grout_1_4"> <div alt="Brown" title="Brown" style="display:inline-block;margin:3.7px;border-radius:3.7px;background-color:#894545;border:1.3px solid black;width:37px;height:37px;"></div> </label> </span> <span> <input type="radio" class="grout-type-input" onchange="if(this.checked)selectGrout(1,5);" data-color="#ffffd2" name="tile_grout_1" id="tile_grout_1_5" /> <label class="grout-type-label" data-hint="Cream" style="display:inline-block;width:auto;cursor:pointer;" for="tile_grout_1_5"> <div alt="Cream" title="Cream" style="display:inline-block;margin:3.7px;border-radius:3.7px;background-color:#ffffd2;border:1.3px solid black;width:37px;height:37px;"></div> </label> </span> <span> <input type="radio" class="grout-type-input" onchange="if(this.checked)selectGrout(1,6);" data-color="#2f3e17" name="tile_grout_1" id="tile_grout_1_6" /> <label class="grout-type-label" data-hint="Wood" style="display:inline-block;width:auto;cursor:pointer;" for="tile_grout_1_6"> <div alt="Wood" title="Wood" style="display:inline-block;margin:3.7px;border-radius:3.7px;background-color:#2f3e17;border:1.3px solid black;width:37px;height:37px;"></div> </label> </span> <span> <input type="radio" class="grout-type-input" onchange="if(this.checked)selectGrout(1,7);" data-color="#575757" name="tile_grout_1" id="tile_grout_1_7" /> <label class="grout-type-label" data-hint="Dark Gray" style="display:inline-block;width:auto;cursor:pointer;" for="tile_grout_1_7"> <div alt="Dark Gray" title="Dark Gray" style="display:inline-block;margin:3.7px;border-radius:3.7px;background-color:#575757;border:1.3px solid black;width:37px;height:37px;"></div> </label> </span></div> </div> </form> </div> <div class="modal-footer custome_modal_footer"><button class="btn btn-default btn-sm custom_default_btn" type="button" data-dismiss="modal">Close</button> <button class="btn btn-default btn-sm custom_primery_btn" type="button">Select</button></div> </div> </div> </div> <!-- Filter Modal --> <div class="modal fade" id="filter-section-1" tabindex="-1" role="dialog" aria-labelledby="filter-section-label-1" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header custom_modal_header"><button type="button" class="close custom_modal_btn" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title custom_modal_title" id="filter-section-label-1">Filter</h4> </div> <div class="modal-body"> <form action="#" class="form-horizontal filter_form" autocomplete="off" onsubmit="return false;"> <div style="display:none;"> <div class="form-group"><label for="filter-category-a-1" class="col-sm-3 control-label">Category</label> <div class="col-sm-9"> <select class="form-control filter-category-a" data-id="1" id="filter-category-a-1"> <option selected="selected" value="-1">-All-</option> <option value="12">Tiles</option> </select> </div> </div> <div class="form-group gray_bg"><label for="filter-category-b-1" class="col-sm-3 control-label">Colour</label> <div class="col-sm-9"> <select class="form-control filter-category-b" data-id="1" id="filter-category-b-1"></select> </div> </div> <div class="form-group"><label for="filter-size-1" class="col-sm-3 control-label">Size</label> <div class="col-sm-9"> <select class="form-control filter-size" data-id="1" id="filter-size-1"></select> </div> </div> </div> <div class="form-group"><label for="filter-31" class="col-sm-3 control-label">Sanita wall</label> <div class="col-sm-9"><a>All</a>, <a>None</a>, <a>Invert</a> <hr /> <span style="display:inline-block; padding:8px 15px; width: 45%;"><input style="display:inline-block;width:auto;margin-right: 7px;" type="checkbox" checked="checked" data-for="filter" data-filter-type="option" data-filter-id="31" data-min="0" data-max="1" value="wall" />wall</span></div> </div> <div class="form-group gray_bg"><label for="filter-23" class="col-sm-3 control-label">Size</label> <div class="col-sm-9"><a>All</a>, <a>None</a>, <a>Invert</a> <hr /> <span style="display:inline-block; padding:8px 15px; width: 45%;"><input style="display:inline-block;width:auto;margin-right: 7px;" type="checkbox" checked="checked" data-for="filter" data-filter-type="option" data-filter-id="23" data-min="0" data-max="1" value="300x450mm" />300x450mm</span> <span style="display:inline-block; padding:8px 15px; width: 45%;"><input style="display:inline-block;width:auto;margin-right: 7px;" type="checkbox" checked="checked" data-for="filter" data-filter-type="option" data-filter-id="23" data-min="0" data-max="1" value="300x600mm" />300x600mm</span> <span style="display:inline-block; padding:8px 15px; width: 45%;"><input style="display:inline-block;width:auto;margin-right: 7px;" type="checkbox" checked="checked" data-for="filter" data-filter-type="option" data-filter-id="23" data-min="0" data-max="1" value="300x900mm" />300x900mm</span> <span style="display:inline-block; padding:8px 15px; width: 45%;"><input style="display:inline-block;width:auto;margin-right: 7px;" type="checkbox" checked="checked" data-for="filter" data-filter-type="option" data-filter-id="23" data-min="0" data-max="1" value="200x200mm" />200x200mm</span> <span style="display:inline-block; padding:8px 15px; width: 45%;"><input style="display:inline-block;width:auto;margin-right: 7px;" type="checkbox" checked="checked" data-for="filter" data-filter-type="option" data-filter-id="23" data-min="0" data-max="1" value="Others" />Others</span></div> </div> <div class="form-group"><label for="filter-27" class="col-sm-3 control-label">Product Type</label> <div class="col-sm-9"><a>All</a>, <a>None</a>, <a>Invert</a> <hr /> <span style="display:inline-block; padding:8px 15px; width: 45%;"><input style="display:inline-block;width:auto;margin-right: 7px;" type="checkbox" checked="checked" data-for="filter" data-filter-type="option" data-filter-id="27" data-min="0" data-max="1" value="Tiles" />Tiles</span> <span style="display:inline-block; padding:8px 15px; width: 45%;"><input style="display:inline-block;width:auto;margin-right: 7px;" type="checkbox" checked="checked" data-for="filter" data-filter-type="option" data-filter-id="27" data-min="0" data-max="1" value="Wallpapers" />Wallpapers</span> <span style="display:inline-block; padding:8px 15px; width: 45%;"><input style="display:inline-block;width:auto;margin-right: 7px;" type="checkbox" checked="checked" data-for="filter" data-filter-type="option" data-filter-id="27" data-min="0" data-max="1" value="Paint Color" />Paint Color</span></div> </div> <div class="form-group gray_bg"><label for="filter-25" class="col-sm-3 control-label">Finish</label> <div class="col-sm-9"><a>All</a>, <a>None</a>, <a>Invert</a> <hr /> <span style="display:inline-block; padding:8px 15px; width: 45%;"><input style="display:inline-block;width:auto;margin-right: 7px;" type="checkbox" checked="checked" data-for="filter" data-filter-type="option" data-filter-id="25" data-min="0" data-max="1" value="Glossy" />Glossy</span> <span style="display:inline-block; padding:8px 15px; width: 45%;"><input style="display:inline-block;width:auto;margin-right: 7px;" type="checkbox" checked="checked" data-for="filter" data-filter-type="option" data-filter-id="25" data-min="0" data-max="1" value="Matt" />Matt</span> <span style="display:inline-block; padding:8px 15px; width: 45%;"><input style="display:inline-block;width:auto;margin-right: 7px;" type="checkbox" checked="checked" data-for="filter" data-filter-type="option" data-filter-id="25" data-min="0" data-max="1" value="Elevation" />Elevation</span> <span style="display:inline-block; padding:8px 15px; width: 45%;"><input style="display:inline-block;width:auto;margin-right: 7px;" type="checkbox" checked="checked" data-for="filter" data-filter-type="option" data-filter-id="25" data-min="0" data-max="1" value="Random" />Random</span> <span style="display:inline-block; padding:8px 15px; width: 45%;"><input style="display:inline-block;width:auto;margin-right: 7px;" type="checkbox" checked="checked" data-for="filter" data-filter-type="option" data-filter-id="25" data-min="0" data-max="1" value="Others" />Others</span></div> </div> <div class="form-group"><label for="filter-29" class="col-sm-3 control-label">Price</label> <div class="col-sm-9"><input type="text" data-filter-input-id="29" readonly="readonly" style="width:100%; border:0; color:#f6931f; font-weight:bold;" data-min="0" data-max="1100" /> <hr /> <div data-for="filter" data-filter-type="number" data-filter-id="29" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"> <div class="ui-slider-range ui-widget-header ui-corner-all" style="left: 0%; width: 100%;"></div> <span class="ui-slider-handle ui-state-default ui-corner-all" tabindex="0" style="left: 0%;"></span><span class="ui-slider-handle ui-state-default ui-corner-all" tabindex="0" style="left: 100%;"></span></div> <script> $(function() { $( "[data-filter-id=29]",$("#filter-section-1")).slider({ range: true, min: 0, max: 1, values: [ 0,1 ], slide: function( event, ui ) { update_filter_text_1_29(ui.values[0],ui.values[1]); } }); }); update_filter_1_29=function(min,max,v_min,v_max) { $( "[data-filter-id=29]",$("#filter-section-1")).slider("option","min",min); $( "[data-filter-id=29]",$("#filter-section-1")).slider("option","max",max); $( "[data-filter-id=29]",$("#filter-section-1")).slider("option","values",[v_min,v_max]); update_filter_text_1_29(v_min,v_max); } update_filter_text_1_29=function(v_min,v_max) { $('[data-filter-input-id=29]',$("#filter-section-1")).val('Minimum: '+v_min+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+'Maximum: '+v_max); $('[data-filter-input-id=29]',$("#filter-section-1")).attr('data-min',v_min); $('[data-filter-input-id=29]',$("#filter-section-1")).attr('data-max',v_max); } </script></div> </div> </form> <script> filter_select=function(inputs,mask) { inputs.each(function() { this.checked=eval(mask.replace('$',this.checked)); }); } </script></div> <div class="modal-footer custome_modal_footer"><button class="btn btn-default btn-sm custom_default_btn" type="button" data-dismiss="modal">Close</button> <button data-key="1" class="apply-filter btn btn-default btn-sm custom_primery_btn" type="button">Apply Filter</button></div> </div> </div> </div> <script> $(function() { init_number_filters('1'); applyFilter('1'); }); </script><!-- Layout Modal --> <div class="modal fade" id="layouts-section-2" tabindex="-1" role="dialog" aria-labelledby="layouts-section-2-label" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header custom_modal_header"><button type="button" class="close custom_modal_btn" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title custom_modal_title" id="layouts-section-2-label">Select Layout</h4> </div> <div class="modal-body"> <form action="" onsubmit="return false;" autocomplete="off"> <ul class="layout_thumbs no-list layout-list" align="center"> <li class="stack-item"><input id="layout-grid-2" data-room="2" data-tile-id="2" value="grid" class="layout-type-input" type="radio" name="layout-type-2" checked="checked" /> <label class="layout-type-label" aria-label="Grid" for="layout-grid-2"> <img src="/app/visualizer/layout_thumbs/grid.png" alt="Grid" /> </label></li> <li class="stack-item"><input id="layout-brickRow-2" data-room="2" data-tile-id="2" value="brickRow" class="layout-type-input" type="radio" name="layout-type-2" /> <label class="layout-type-label" aria-label="Brick Row" for="layout-brickRow-2"> <img src="/app/visualizer/layout_thumbs/brickRow.png" alt="Brick Row" /> </label></li> <li class="stack-item"><input id="layout-brickColumn-2" data-room="2" data-tile-id="2" value="brickColumn" class="layout-type-input" type="radio" name="layout-type-2" /> <label class="layout-type-label" aria-label="Brick Column" for="layout-brickColumn-2"> <img src="/app/visualizer/layout_thumbs/brickColumn.png" alt="Brick Column" /> </label></li> <li class="stack-item"><input id="layout-checkered-2" data-room="2" data-tile-id="2" value="checkered" class="layout-type-input" type="radio" name="layout-type-2" /> <label class="layout-type-label" aria-label="Checkered" for="layout-checkered-2"> <img src="/app/visualizer/layout_thumbs/checkered.png" alt="Checkered" /> </label></li> <li class="stack-item"><input id="layout-dragdrop-2" data-room="2" data-tile-id="2" value="dragdrop" class="layout-type-input" type="radio" name="layout-type-2" /> <label class="layout-type-label" aria-label="Free Design" for="layout-dragdrop-2"> <img src="/app/visualizer/layout_thumbs/dragdrop.png" alt="Free Design" /> </label></li> </ul> </form> </div> <div class="modal-footer custome_modal_footer"><button class="btn btn-default btn-sm custom_default_btn" type="button" data-dismiss="modal">Close</button> <button class="btn btn-default btn-sm custom_primery_btn" type="button">Select</button></div> </div> </div> </div> <!-- Grout Modal --> <div class="modal fade" id="grouts-section-2" tabindex="-1" role="dialog" aria-labelledby="grouts-section-2-label" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header custom_modal_header"><button type="button" class="close custom_modal_btn" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title custom_modal_title" id="grouts-section-2-label">Select Grout</h4> </div> <div class="modal-body"> <form action="" onsubmit="return false;" autocomplete="off"> <div class="row" align="center"> <div class="grout_color_box"><span> <input type="radio" class="grout-type-input" onchange="if(this.checked)selectGrout(2,-1);" name="tile_grout_2" id="tile_grout_2_null" /> <label class="grout-type-label" data-hint="No Grouth" style="display:inline-block;width:auto;cursor:pointer;" for="tile_grout_2_null"> <div style="display:inline-block;width:50px;height:50px;margin:3px;padding:3px;border-radius:3px 3px 3px 3px;border:1px solid gray;">No Grout</div> </label> </span> <span> <input type="radio" class="grout-type-input" onchange="if(this.checked)selectGrout(2,1);" data-color="#aeaeae" name="tile_grout_2" id="tile_grout_2_1" checked="checked" /> <label class="grout-type-label" data-hint="Gray" style="display:inline-block;width:auto;cursor:pointer;" for="tile_grout_2_1"> <div alt="Gray" title="Gray" style="display:inline-block;margin:3.7px;border-radius:3.7px;background-color:#aeaeae;border:1.3px solid black;width:37px;height:37px;"></div> </label> </span> <span> <input type="radio" class="grout-type-input" onchange="if(this.checked)selectGrout(2,2);" data-color="#000000" name="tile_grout_2" id="tile_grout_2_2" /> <label class="grout-type-label" data-hint="Black" style="display:inline-block;width:auto;cursor:pointer;" for="tile_grout_2_2"> <div alt="Black" title="Black" style="display:inline-block;margin:3.7px;border-radius:3.7px;background-color:#000000;border:1.3px solid black;width:37px;height:37px;"></div> </label> </span> <span> <input type="radio" class="grout-type-input" onchange="if(this.checked)selectGrout(2,3);" data-color="#ffffff" name="tile_grout_2" id="tile_grout_2_3" /> <label class="grout-type-label" data-hint="White" style="display:inline-block;width:auto;cursor:pointer;" for="tile_grout_2_3"> <div alt="White" title="White" style="display:inline-block;margin:3.7px;border-radius:3.7px;background-color:#ffffff;border:1.3px solid black;width:37px;height:37px;"></div> </label> </span> <span> <input type="radio" class="grout-type-input" onchange="if(this.checked)selectGrout(2,4);" data-color="#894545" name="tile_grout_2" id="tile_grout_2_4" /> <label class="grout-type-label" data-hint="Brown" style="display:inline-block;width:auto;cursor:pointer;" for="tile_grout_2_4"> <div alt="Brown" title="Brown" style="display:inline-block;margin:3.7px;border-radius:3.7px;background-color:#894545;border:1.3px solid black;width:37px;height:37px;"></div> </label> </span> <span> <input type="radio" class="grout-type-input" onchange="if(this.checked)selectGrout(2,5);" data-color="#ffffd2" name="tile_grout_2" id="tile_grout_2_5" /> <label class="grout-type-label" data-hint="Cream" style="display:inline-block;width:auto;cursor:pointer;" for="tile_grout_2_5"> <div alt="Cream" title="Cream" style="display:inline-block;margin:3.7px;border-radius:3.7px;background-color:#ffffd2;border:1.3px solid black;width:37px;height:37px;"></div> </label> </span> <span> <input type="radio" class="grout-type-input" onchange="if(this.checked)selectGrout(2,6);" data-color="#2f3e17" name="tile_grout_2" id="tile_grout_2_6" /> <label class="grout-type-label" data-hint="Wood" style="display:inline-block;width:auto;cursor:pointer;" for="tile_grout_2_6"> <div alt="Wood" title="Wood" style="display:inline-block;margin:3.7px;border-radius:3.7px;background-color:#2f3e17;border:1.3px solid black;width:37px;height:37px;"></div> </label> </span> <span> <input type="radio" class="grout-type-input" onchange="if(this.checked)selectGrout(2,7);" data-color="#575757" name="tile_grout_2" id="tile_grout_2_7" /> <label class="grout-type-label" data-hint="Dark Gray" style="display:inline-block;width:auto;cursor:pointer;" for="tile_grout_2_7"> <div alt="Dark Gray" title="Dark Gray" style="display:inline-block;margin:3.7px;border-radius:3.7px;background-color:#575757;border:1.3px solid black;width:37px;height:37px;"></div> </label> </span></div> </div> </form> </div> <div class="modal-footer custome_modal_footer"><button class="btn btn-default btn-sm custom_default_btn" type="button" data-dismiss="modal">Close</button> <button class="btn btn-default btn-sm custom_primery_btn" type="button">Select</button></div> </div> </div> </div> <!-- 3D Model Modal --> <div class="modal fade" id="grouts-section-2" tabindex="-1" role="dialog" aria-labelledby="grouts-section-2-label" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header custom_modal_header"><button type="button" class="close custom_modal_btn" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title custom_modal_title" id="grouts-section-2-label">Select Grout</h4> </div> <div class="modal-body"> <form action="" onsubmit="return false;" autocomplete="off"> <div class="row" align="center"> <div class="grout_color_box"><span> <input type="radio" class="grout-type-input" onchange="if(this.checked)selectGrout(2,-1);" name="tile_grout_2" id="tile_grout_2_null" /> <label class="grout-type-label" data-hint="No Grouth" style="display:inline-block;width:auto;cursor:pointer;" for="tile_grout_2_null"> <div style="display:inline-block;width:50px;height:50px;margin:3px;padding:3px;border-radius:3px 3px 3px 3px;border:1px solid gray;">No Grout</div> </label> </span> <span> <input type="radio" class="grout-type-input" onchange="if(this.checked)selectGrout(2,1);" data-color="#aeaeae" name="tile_grout_2" id="tile_grout_2_1" checked="checked" /> <label class="grout-type-label" data-hint="Gray" style="display:inline-block;width:auto;cursor:pointer;" for="tile_grout_2_1"> <div alt="Gray" title="Gray" style="display:inline-block;margin:3.7px;border-radius:3.7px;background-color:#aeaeae;border:1.3px solid black;width:37px;height:37px;"></div> </label> </span> <span> <input type="radio" class="grout-type-input" onchange="if(this.checked)selectGrout(2,2);" data-color="#000000" name="tile_grout_2" id="tile_grout_2_2" /> <label class="grout-type-label" data-hint="Black" style="display:inline-block;width:auto;cursor:pointer;" for="tile_grout_2_2"> <div alt="Black" title="Black" style="display:inline-block;margin:3.7px;border-radius:3.7px;background-color:#000000;border:1.3px solid black;width:37px;height:37px;"></div> </label> </span> <span> <input type="radio" class="grout-type-input" onchange="if(this.checked)selectGrout(2,3);" data-color="#ffffff" name="tile_grout_2" id="tile_grout_2_3" /> <label class="grout-type-label" data-hint="White" style="display:inline-block;width:auto;cursor:pointer;" for="tile_grout_2_3"> <div alt="White" title="White" style="display:inline-block;margin:3.7px;border-radius:3.7px;background-color:#ffffff;border:1.3px solid black;width:37px;height:37px;"></div> </label> </span> <span> <input type="radio" class="grout-type-input" onchange="if(this.checked)selectGrout(2,4);" data-color="#894545" name="tile_grout_2" id="tile_grout_2_4" /> <label class="grout-type-label" data-hint="Brown" style="display:inline-block;width:auto;cursor:pointer;" for="tile_grout_2_4"> <div alt="Brown" title="Brown" style="display:inline-block;margin:3.7px;border-radius:3.7px;background-color:#894545;border:1.3px solid black;width:37px;height:37px;"></div> </label> </span> <span> <input type="radio" class="grout-type-input" onchange="if(this.checked)selectGrout(2,5);" data-color="#ffffd2" name="tile_grout_2" id="tile_grout_2_5" /> <label class="grout-type-label" data-hint="Cream" style="display:inline-block;width:auto;cursor:pointer;" for="tile_grout_2_5"> <div alt="Cream" title="Cream" style="display:inline-block;margin:3.7px;border-radius:3.7px;background-color:#ffffd2;border:1.3px solid black;width:37px;height:37px;"></div> </label> </span> <span> <input type="radio" class="grout-type-input" onchange="if(this.checked)selectGrout(2,6);" data-color="#2f3e17" name="tile_grout_2" id="tile_grout_2_6" /> <label class="grout-type-label" data-hint="Wood" style="display:inline-block;width:auto;cursor:pointer;" for="tile_grout_2_6"> <div alt="Wood" title="Wood" style="display:inline-block;margin:3.7px;border-radius:3.7px;background-color:#2f3e17;border:1.3px solid black;width:37px;height:37px;"></div> </label> </span> <span> <input type="radio" class="grout-type-input" onchange="if(this.checked)selectGrout(2,7);" data-color="#575757" name="tile_grout_2" id="tile_grout_2_7" /> <label class="grout-type-label" data-hint="Dark Gray" style="display:inline-block;width:auto;cursor:pointer;" for="tile_grout_2_7"> <div alt="Dark Gray" title="Dark Gray" style="display:inline-block;margin:3.7px;border-radius:3.7px;background-color:#575757;border:1.3px solid black;width:37px;height:37px;"></div> </label> </span></div> </div> </form> </div> <div class="modal-footer custome_modal_footer"><button class="btn btn-default btn-sm custom_default_btn" type="button" data-dismiss="modal">Close</button> <button class="btn btn-default btn-sm custom_primery_btn" type="button">Select</button></div> </div> </div> </div> <!-- Filter Modal --> <div class="modal fade" id="filter-section-2" tabindex="-1" role="dialog" aria-labelledby="filter-section-label-2" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header custom_modal_header"><button type="button" class="close custom_modal_btn" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title custom_modal_title" id="filter-section-label-2">Filter</h4> </div> <div class="modal-body"> <form action="#" class="form-horizontal filter_form" autocomplete="off" onsubmit="return false;"> <div style="display:none;"> <div class="form-group"><label for="filter-category-a-2" class="col-sm-3 control-label">Category</label> <div class="col-sm-9"> <select class="form-control filter-category-a" data-id="2" id="filter-category-a-2"> <option selected="selected" value="-1">-All-</option> <option value="20">Random Tiles</option> <option value="12">Tiles</option> </select> </div> </div> <div class="form-group gray_bg"><label for="filter-category-b-2" class="col-sm-3 control-label">Colour</label> <div class="col-sm-9"> <select class="form-control filter-category-b" data-id="2" id="filter-category-b-2"></select> </div> </div> <div class="form-group"><label for="filter-size-2" class="col-sm-3 control-label">Size</label> <div class="col-sm-9"> <select class="form-control filter-size" data-id="2" id="filter-size-2"></select> </div> </div> </div> <div class="form-group"><label for="filter-32" class="col-sm-3 control-label">Sanita Floor</label> <div class="col-sm-9"><a>All</a>, <a>None</a>, <a>Invert</a> <hr /> <span style="display:inline-block; padding:8px 15px; width: 45%;"><input style="display:inline-block;width:auto;margin-right: 7px;" type="checkbox" checked="checked" data-for="filter" data-filter-type="option" data-filter-id="32" data-min="0" data-max="1" value="Floor" />Floor</span></div> </div> <div class="form-group gray_bg"><label for="filter-24" class="col-sm-3 control-label">Size</label> <div class="col-sm-9"><a>All</a>, <a>None</a>, <a>Invert</a> <hr /> <span style="display:inline-block; padding:8px 15px; width: 45%;"><input style="display:inline-block;width:auto;margin-right: 7px;" type="checkbox" checked="checked" data-for="filter" data-filter-type="option" data-filter-id="24" data-min="0" data-max="1" value="300x300mm" />300x300mm</span> <span style="display:inline-block; padding:8px 15px; width: 45%;"><input style="display:inline-block;width:auto;margin-right: 7px;" type="checkbox" checked="checked" data-for="filter" data-filter-type="option" data-filter-id="24" data-min="0" data-max="1" value="400x400mm" />400x400mm</span> <span style="display:inline-block; padding:8px 15px; width: 45%;"><input style="display:inline-block;width:auto;margin-right: 7px;" type="checkbox" checked="checked" data-for="filter" data-filter-type="option" data-filter-id="24" data-min="0" data-max="1" value="600x600mm" />600x600mm</span> <span style="display:inline-block; padding:8px 15px; width: 45%;"><input style="display:inline-block;width:auto;margin-right: 7px;" type="checkbox" checked="checked" data-for="filter" data-filter-type="option" data-filter-id="24" data-min="0" data-max="1" value="Others" />Others</span></div> </div> <div class="form-group"><label for="filter-28" class="col-sm-3 control-label">Product Type</label> <div class="col-sm-9"><a>All</a>, <a>None</a>, <a>Invert</a> <hr /> <span style="display:inline-block; padding:8px 15px; width: 45%;"><input style="display:inline-block;width:auto;margin-right: 7px;" type="checkbox" checked="checked" data-for="filter" data-filter-type="option" data-filter-id="28" data-min="0" data-max="1" value="Tiles" />Tiles</span> <span style="display:inline-block; padding:8px 15px; width: 45%;"><input style="display:inline-block;width:auto;margin-right: 7px;" type="checkbox" checked="checked" data-for="filter" data-filter-type="option" data-filter-id="28" data-min="0" data-max="1" value="Carpets" />Carpets</span> <span style="display:inline-block; padding:8px 15px; width: 45%;"><input style="display:inline-block;width:auto;margin-right: 7px;" type="checkbox" checked="checked" data-for="filter" data-filter-type="option" data-filter-id="28" data-min="0" data-max="1" value="Wooden Flooring" />Wooden Flooring</span> <span style="display:inline-block; padding:8px 15px; width: 45%;"><input style="display:inline-block;width:auto;margin-right: 7px;" type="checkbox" checked="checked" data-for="filter" data-filter-type="option" data-filter-id="28" data-min="0" data-max="1" value="Marbles" />Marbles</span></div> </div> <div class="form-group gray_bg"><label for="filter-26" class="col-sm-3 control-label">Finish</label> <div class="col-sm-9"><a>All</a>, <a>None</a>, <a>Invert</a> <hr /> <span style="display:inline-block; padding:8px 15px; width: 45%;"><input style="display:inline-block;width:auto;margin-right: 7px;" type="checkbox" checked="checked" data-for="filter" data-filter-type="option" data-filter-id="26" data-min="0" data-max="1" value="Glossy" />Glossy</span> <span style="display:inline-block; padding:8px 15px; width: 45%;"><input style="display:inline-block;width:auto;margin-right: 7px;" type="checkbox" checked="checked" data-for="filter" data-filter-type="option" data-filter-id="26" data-min="0" data-max="1" value="Matt" />Matt</span> <span style="display:inline-block; padding:8px 15px; width: 45%;"><input style="display:inline-block;width:auto;margin-right: 7px;" type="checkbox" checked="checked" data-for="filter" data-filter-type="option" data-filter-id="26" data-min="0" data-max="1" value="Rustic" />Rustic</span> <span style="display:inline-block; padding:8px 15px; width: 45%;"><input style="display:inline-block;width:auto;margin-right: 7px;" type="checkbox" checked="checked" data-for="filter" data-filter-type="option" data-filter-id="26" data-min="0" data-max="1" value="Wooden" />Wooden</span> <span style="display:inline-block; padding:8px 15px; width: 45%;"><input style="display:inline-block;width:auto;margin-right: 7px;" type="checkbox" checked="checked" data-for="filter" data-filter-type="option" data-filter-id="26" data-min="0" data-max="1" value="Marble" />Marble</span> <span style="display:inline-block; padding:8px 15px; width: 45%;"><input style="display:inline-block;width:auto;margin-right: 7px;" type="checkbox" checked="checked" data-for="filter" data-filter-type="option" data-filter-id="26" data-min="0" data-max="1" value="Random" />Random</span> <span style="display:inline-block; padding:8px 15px; width: 45%;"><input style="display:inline-block;width:auto;margin-right: 7px;" type="checkbox" checked="checked" data-for="filter" data-filter-type="option" data-filter-id="26" data-min="0" data-max="1" value="Others" />Others</span></div> </div> <div class="form-group"><label for="filter-30" class="col-sm-3 control-label">Price</label> <div class="col-sm-9"><input type="text" data-filter-input-id="30" readonly="readonly" style="width:100%; border:0; color:#f6931f; font-weight:bold;" data-min="0" data-max="1000" /> <hr /> <div data-for="filter" data-filter-type="number" data-filter-id="30" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"> <div class="ui-slider-range ui-widget-header ui-corner-all" style="left: 0%; width: 100%;"></div> <span class="ui-slider-handle ui-state-default ui-corner-all" tabindex="0" style="left: 0%;"></span><span class="ui-slider-handle ui-state-default ui-corner-all" tabindex="0" style="left: 100%;"></span></div> <script> $(function() { $( "[data-filter-id=30]",$("#filter-section-2")).slider({ range: true, min: 0, max: 1, values: [ 0,1 ], slide: function( event, ui ) { update_filter_text_2_30(ui.values[0],ui.values[1]); } }); }); update_filter_2_30=function(min,max,v_min,v_max) { $( "[data-filter-id=30]",$("#filter-section-2")).slider("option","min",min); $( "[data-filter-id=30]",$("#filter-section-2")).slider("option","max",max); $( "[data-filter-id=30]",$("#filter-section-2")).slider("option","values",[v_min,v_max]); update_filter_text_2_30(v_min,v_max); } update_filter_text_2_30=function(v_min,v_max) { $('[data-filter-input-id=30]',$("#filter-section-2")).val('Minimum: '+v_min+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+'Maximum: '+v_max); $('[data-filter-input-id=30]',$("#filter-section-2")).attr('data-min',v_min); $('[data-filter-input-id=30]',$("#filter-section-2")).attr('data-max',v_max); } </script></div> </div> </form> <script> filter_select=function(inputs,mask) { inputs.each(function() { this.checked=eval(mask.replace('$',this.checked)); }); } </script></div> <div class="modal-footer custome_modal_footer"><button class="btn btn-default btn-sm custom_default_btn" type="button" data-dismiss="modal">Close</button> <button data-key="2" class="apply-filter btn btn-default btn-sm custom_primery_btn" type="button">Apply Filter</button></div> </div> </div> </div> <script> $(function() { init_number_filters('2'); applyFilter('2'); }); </script></div> <script> dont_hide_leftmenu_on_tile_click_for_one_time=false; function init_number_filters(key) { $('[data-for="filter"][data-filter-type="number"]',$("#filter-section-"+key)).each(function() { var elm=$(this); var filter_id=elm.attr('data-filter-id'); var min=null; var max=null; $(".tile-item-" + key).each(function() { var fval=Number($(this).attr('data-filter-'+filter_id)); if(fval*0!=0) return; if(min==null || fval<min) min=fval; if(max==null || fval>max) max=fval; }); if(min==null) min=0; if(max==null) max=min+1; window["update_filter_"+key+"_"+filter_id](min,max,min,max); }); } $("button.apply-filter").click(function() { var elm=$(this); var key=elm.attr("data-key"); applyFilter(key); }); applyFilter=function(key) { //$('.filter-category-a').click(); var items=$(".tile-item-" + key); //items.show(); items.each(function() { var el=$(this); var show=true; $('[data-for="filter"]',$("#filter-section-"+key)).each(function() { if(!show) return; var elm=$(this); var ft=elm.attr('data-filter-type'); var fid=elm.attr('data-filter-id'); if(ft=='option') { var val=elm.val(); if(!elm.is(':checked')) { var data=','+el.attr('data-filter-'+fid)+','; if(data.indexOf(','+val+',')>-1) show=false; } else if(elm.is(':checked')) { var data=','+el.attr('data-filter-'+fid)+','; if(data.indexOf(','+val+',')>-1) show=true; } } else if(ft=='number') { var fvals=elm.slider("option","values"); var min=fvals[0]; var max=fvals[1]; var data=Number(el.attr('data-filter-'+fid)); if(min>data || max<data) show=false; else show=true; } }); el[show?'show':'hide'](); }); } function arraysInCommon(arrays){ var i, common, L= arrays.length, min= Infinity; while(L){ if(arrays[--L].length<min){ min= arrays[L].length; i= L; } } common= arrays.splice(i, 1)[0]; return common.filter(function(itm, indx){ if(common.indexOf(itm)== indx){ return arrays.every(function(arr){ return arr.indexOf(itm)!= -1; }); } }); } </script> <div class="modal_save modal fade" id="modal_save" tabindex="-1" role="dialog" aria-labelledby="save-design-dialog-label" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header custom_modal_header"><button type="button" class="close custom_modal_btn" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title custom_modal_title" id="save-design-dialog-label">Save Design</h4> </div> <div class="modal-body"> <div class="row" align="center"><a class="btn btn-default btn-sm custom_primery_btn save-design stack-item" data-as="image">Save Design as image</a> <a class="btn btn-default btn-sm custom_primery_btn save-design stack-item" data-as="info-pdf">Save with info as PDF</a> <a class="btn btn-default btn-sm custom_primery_btn save-design stack-item" data-as="link">Save Design for later</a></div> </div> <div class="modal-footer custome_modal_footer"><button class="btn btn-default btn-sm custom_default_btn" type="button" data-dismiss="modal">Close</button></div> </div> </div> </div> <div class="modal_share modal fade" id="modal_share" tabindex="-1" role="dialog" aria-labelledby="share-dialog-label" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header custom_modal_header"><button type="button" class="close custom_modal_btn" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title custom_modal_title" id="share-dialog-label">Share</h4> </div> <div class="modal-body"> <div class="row" align="center"><a href="#" class="fa fa-facebook share-link" title="Share on Facebook" data-service="facebook" data-dismiss="modal"></a> <a href="#" class="fa fa-twitter share-link" title="Share on Twitter" data-service="twitter" data-dismiss="modal"></a> <a href="#" class="fa fa-google-plus share-link" title="Share on Google Plus" data-service="google" data-dismiss="modal"></a></div> </div> <div class="modal-footer custome_modal_footer"><button class="btn btn-default btn-sm custom_default_btn" type="button" data-dismiss="modal">Close</button></div> </div> </div> </div> <div class="modal fade" id="modal_mail" tabindex="-1" role="dialog" aria-labelledby="mail-dialog-label" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <form name="mailform" id="mailform" method="post" action="" novalidate="novalidate"> <div class="modal-header custom_modal_header"><button type="button" class="close custom_modal_btn" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title custom_modal_title" id="mail-dialog-label">Email</h4> </div> <div class="modal-body"><input type="hidden" name="from" class="from" value="info@tilesvisualizer.com" /> <div class="form-group"><input type="text" placeholder="Your Full Name" name="full_name" class="full_name form-control" /></div> <div class="form-group"><input type="text" placeholder="Recipient's Email Address" name="to" class="to form-control" /></div> <div class="form-group"><input type="text" placeholder="Subject" name="subject" class="subject form-control" /></div> <div class="form-group"><textarea name="message" placeholder="Write your message here" class="message form-control"></textarea></div> </div> <div class="modal-footer custome_modal_footer"><input type="submit" id="sendMail" value="Send" name="submit" class="btn btn-default btn-sm custom_default_btn" /></div> </form> </div> </div> </div> <div id="cont_for_vis_cvs"><canvas id="vis_cvs" class="view ui-draggable ui-draggable-handle" width="1600" height="900" style="height: 720px; width: 1280px;"></canvas> <!--a data-isdragging="no" data-type="move" data-left="640" data-top="275" class='move_icon' data-side="1"><img src='/app/visualizer/images/move.png'></img></a--> <a data-isdragging="no" data-left="640" data-top="275" onclick="showLeftMenu(1);" class="brush_icon" href="#menuPanel1" aria-controls="1" role="tab" data-toggle="tab" style="left: 512px; top: 220px;"><img src="/app/visualizer/images/brush.png" /></a> <!--a data-isdragging="no" data-type="move" data-left="804.5" data-top="803" class='move_icon' data-side="2"><img src='/app/visualizer/images/move.png'></img></a--> <a data-isdragging="no" data-left="804.5" data-top="803" onclick="showLeftMenu(2);" class="brush_icon" href="#menuPanel2" aria-controls="2" role="tab" data-toggle="tab" style="left: 643.6px; top: 642.4px;"><img src="/app/visualizer/images/brush.png" /></a><style> .brush_icon { position:absolute;width:50px;height:50px;margin-left:-55px;margin-top:-55px; cursor:pointer; opacity:0.5; z-index:99999; } .brush_icon img { width:100%;height:100%; } .brush_icon:hover { opacity:1; } .brush_icon:active { opacity:0.55; } .move_icon { position:absolute;width:55px;height:55px;margin-left:40px;margin-top:0; cursor:move; opacity:0.33; } .move_icon img { width:100%;height:100%; } .move_icon:hover { opacity:1; } .move_icon:active { opacity:0.55; cursor:move; } </style></div> <section id="inverted-contain" style="display:none;"> <div class="panzoom-parent" style="overflow: hidden; position: relative;"> <div class="canvas-wrap panzoom" style="transform: matrix(1.1, 0, 0, 1.1, 0, 0); backface-visibility: hidden; transform-origin: 50% 50% 0px; cursor: move; transition: transform 200ms ease-in-out 0s;"> <div class="mask view" id="mask" style="height: 720px; width: 1280px; position: absolute; top: 0px; left: 0px; display: none;"><canvas id="line_cvs" class="view" width="1600" height="900" style="height: 720px; width: 1280px;"></canvas></div> </div> </div> </section> <script> var avail_tiles={"1":{"tile_type":1,"fixedId":"143","fixed_tile_type":"0","name":"Random5","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"-1","grout_color":"rgba(0,0,0,0)","with_no_grouth":false,"price":"-","link":"-","size":["200","200"],"id":1,"image":"\/app\/images\/tile_143.jpg","similar_images":["\/app\/images\/similiar_tile_39.jpg","\/app\/images\/similiar_tile_40.jpg","\/app\/images\/similiar_tile_42.jpg"],"cat_b_id":8,"filters":{"23":"200x200mm","24":"","25":"Random","26":"","27":"Tiles","28":"","29":"200","30":"0"}},"2":{"tile_type":1,"fixedId":"340","fixed_tile_type":"0","name":"072_D_02","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"-1","grout_color":"rgba(0,0,0,0)","with_no_grouth":false,"price":"-","link":"-","size":["450","300"],"id":2,"image":"\/app\/images\/tile_340.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"300x450mm","24":"","25":"Glossy","26":"","27":"Tiles","28":"","29":"400","30":"0"}},"3":{"tile_type":1,"fixedId":"341","fixed_tile_type":"0","name":"072_HL copy","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"-1","grout_color":"rgba(0,0,0,0)","with_no_grouth":false,"price":"-","link":"-","size":["450","300"],"id":3,"image":"\/app\/images\/tile_341.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"300x450mm","24":"","25":"Glossy","26":"","27":"Tiles","28":"","29":"400","30":"0"}},"4":{"tile_type":1,"fixedId":"342","fixed_tile_type":"0","name":"072_L_01","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["300","300"],"id":4,"image":"\/app\/images\/tile_342.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"300x450mm","24":"","25":"Glossy","26":"","27":"Tiles","28":"","29":"400","30":"0","31":"","32":""}},"5":{"tile_type":1,"fixedId":"343","fixed_tile_type":"0","name":"10027_D","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"-1","grout_color":"rgba(0,0,0,0)","with_no_grouth":false,"price":"-","link":"-","size":["450","300"],"id":5,"image":"\/app\/images\/tile_343.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"300x450mm","24":"","25":"Glossy","26":"","27":"Tiles","28":"","29":"400","30":"0"}},"6":{"tile_type":1,"fixedId":"344","fixed_tile_type":"0","name":"10027_HL","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"-1","grout_color":"rgba(0,0,0,0)","with_no_grouth":false,"price":"-","link":"-","size":["450","300"],"id":6,"image":"\/app\/images\/tile_344.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"300x450mm","24":"","25":"Glossy","26":"","27":"Tiles","28":"","29":"400","30":"0"}},"7":{"tile_type":1,"fixedId":"346","fixed_tile_type":"0","name":"040_D","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["450","300"],"id":7,"image":"\/app\/images\/tile_346.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"300x450mm","24":"","25":"Matt","26":"","27":"Tiles","28":"","29":"350","30":"0"}},"8":{"tile_type":1,"fixedId":"347","fixed_tile_type":"0","name":"040_HL_1","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["450","300"],"id":8,"image":"\/app\/images\/tile_347.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"300x450mm","24":"","25":"Matt","26":"","27":"Tiles","28":"","29":"350","30":"0"}},"9":{"tile_type":1,"fixedId":"348","fixed_tile_type":"0","name":"040_L","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["450","300"],"id":9,"image":"\/app\/images\/tile_348.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"300x450mm","24":"","25":"Matt","26":"","27":"Tiles","28":"","29":"350","30":"0"}},"10":{"tile_type":1,"fixedId":"349","fixed_tile_type":"0","name":"20022_D","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["450","300"],"id":10,"image":"\/app\/images\/tile_349.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"300x450mm","24":"","25":"Matt","26":"","27":"Tiles","28":"","29":"350","30":"0"}},"11":{"tile_type":1,"fixedId":"350","fixed_tile_type":"0","name":"20022_HL","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["450","300"],"id":11,"image":"\/app\/images\/tile_350.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"300x450mm","24":"","25":"Matt","26":"","27":"Tiles","28":"","29":"350","30":"0"}},"12":{"tile_type":1,"fixedId":"351","fixed_tile_type":"0","name":"20022_L","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["450","300"],"id":12,"image":"\/app\/images\/tile_351.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"300x450mm","24":"","25":"Matt","26":"","27":"Tiles","28":"","29":"350","30":"0"}},"13":{"tile_type":1,"fixedId":"352","fixed_tile_type":"0","name":"18x12-3-73","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["450","300"],"id":13,"image":"\/app\/images\/tile_352.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"300x450mm","24":"","25":"Elevation","26":"","27":"Tiles","28":"","29":"600","30":"0"}},"14":{"tile_type":1,"fixedId":"353","fixed_tile_type":"0","name":"18x12-3-76","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["450","300"],"id":14,"image":"\/app\/images\/tile_353.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"300x450mm","24":"","25":"Elevation","26":"","27":"Tiles","28":"","29":"600","30":"0"}},"15":{"tile_type":1,"fixedId":"354","fixed_tile_type":"0","name":"18x12-3-89","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["450","300"],"id":15,"image":"\/app\/images\/tile_354.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"300x450mm","24":"","25":"Elevation","26":"","27":"Tiles","28":"","29":"600","30":"0"}},"16":{"tile_type":1,"fixedId":"355","fixed_tile_type":"0","name":"18x12-3-110","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["450","300"],"id":16,"image":"\/app\/images\/tile_355.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"300x450mm","24":"","25":"Elevation","26":"","27":"Tiles","28":"","29":"600","30":"0"}},"17":{"tile_type":1,"fixedId":"356","fixed_tile_type":"0","name":"18x12-3-128","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["450","300"],"id":17,"image":"\/app\/images\/tile_356.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"300x450mm","24":"","25":"Elevation","26":"","27":"Tiles","28":"","29":"600","30":"0"}},"18":{"tile_type":1,"fixedId":"357","fixed_tile_type":"0","name":"50010_D","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["600","300"],"id":18,"image":"\/app\/images\/tile_357.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"300x600mm","24":"","25":"Glossy","26":"","27":"Tiles","28":"","29":"500","30":"0"}},"19":{"tile_type":1,"fixedId":"358","fixed_tile_type":"0","name":"50010_HL_1","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["600","300"],"id":19,"image":"\/app\/images\/tile_358.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"300x600mm","24":"","25":"Glossy","26":"","27":"Tiles","28":"","29":"500","30":"0"}},"20":{"tile_type":1,"fixedId":"359","fixed_tile_type":"0","name":"50010_L","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["600","300"],"id":20,"image":"\/app\/images\/tile_359.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"300x600mm","24":"","25":"Glossy","26":"","27":"Tiles","28":"","29":"500","30":"0"}},"21":{"tile_type":1,"fixedId":"360","fixed_tile_type":"0","name":"50029_HL_1","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["600","300"],"id":21,"image":"\/app\/images\/tile_360.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"300x600mm","24":"","25":"Glossy","26":"","27":"Tiles","28":"","29":"500","30":"0"}},"22":{"tile_type":1,"fixedId":"361","fixed_tile_type":"0","name":"50029_HL_2","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["600","300"],"id":22,"image":"\/app\/images\/tile_361.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"300x600mm","24":"","25":"Glossy","26":"","27":"Tiles","28":"","29":"500","30":"0"}},"23":{"tile_type":1,"fixedId":"362","fixed_tile_type":"0","name":"50029_L","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["600","300"],"id":23,"image":"\/app\/images\/tile_362.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"300x600mm","24":"","25":"Glossy","26":"","27":"Tiles","28":"","29":"500","30":"0"}},"24":{"tile_type":1,"fixedId":"363","fixed_tile_type":"0","name":"50054_D","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["600","300"],"id":24,"image":"\/app\/images\/tile_363.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"300x600mm","24":"","25":"Glossy","26":"","27":"Tiles","28":"","29":"500","30":"0"}},"25":{"tile_type":1,"fixedId":"364","fixed_tile_type":"0","name":"50054_HL","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["600","300"],"id":25,"image":"\/app\/images\/tile_364.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"300x600mm","24":"","25":"Glossy","26":"","27":"Tiles","28":"","29":"500","30":"0"}},"26":{"tile_type":1,"fixedId":"365","fixed_tile_type":"0","name":"50054_L","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["600","300"],"id":26,"image":"\/app\/images\/tile_365.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"300x600mm","24":"","25":"Glossy","26":"","27":"Tiles","28":"","29":"500","30":"0"}},"27":{"tile_type":1,"fixedId":"366","fixed_tile_type":"0","name":"60006_D_FULL","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["600","300"],"id":27,"image":"\/app\/images\/tile_366.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"300x600mm","24":"","25":"Matt","26":"","27":"Tiles","28":"","29":"700","30":"0"}},"28":{"tile_type":1,"fixedId":"367","fixed_tile_type":"0","name":"60006_HL_1","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["600","300"],"id":28,"image":"\/app\/images\/tile_367.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"300x600mm","24":"","25":"Matt","26":"","27":"Tiles","28":"","29":"700","30":"0"}},"29":{"tile_type":1,"fixedId":"368","fixed_tile_type":"0","name":"60006_L_FULL","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["600","300"],"id":29,"image":"\/app\/images\/tile_368.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"300x600mm","24":"","25":"Matt","26":"","27":"Tiles","28":"","29":"700","30":"0"}},"30":{"tile_type":1,"fixedId":"369","fixed_tile_type":"0","name":"60022_D","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["600","300"],"id":30,"image":"\/app\/images\/tile_369.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"300x600mm","24":"","25":"Matt","26":"","27":"Tiles","28":"","29":"700","30":"0"}},"31":{"tile_type":1,"fixedId":"370","fixed_tile_type":"0","name":"60022_HL","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["600","300"],"id":31,"image":"\/app\/images\/tile_370.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"300x600mm","24":"","25":"Matt","26":"","27":"Tiles","28":"","29":"700","30":"0"}},"32":{"tile_type":1,"fixedId":"371","fixed_tile_type":"0","name":"60022_L","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["600","300"],"id":32,"image":"\/app\/images\/tile_371.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"300x600mm","24":"","25":"Matt","26":"","27":"Tiles","28":"","29":"700","30":"0"}},"33":{"tile_type":1,"fixedId":"372","fixed_tile_type":"0","name":"color1","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"-1","grout_color":"rgba(0,0,0,0)","with_no_grouth":false,"price":"-","link":"-","size":["1000","1000"],"id":33,"image":"\/app\/images\/tile_372.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"Others","24":"","25":"Others","26":"","27":"Paint Color","28":"","29":"900","30":"0"}},"34":{"tile_type":1,"fixedId":"373","fixed_tile_type":"0","name":"color2","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"-1","grout_color":"rgba(0,0,0,0)","with_no_grouth":false,"price":"-","link":"-","size":["1000","1000"],"id":34,"image":"\/app\/images\/tile_373.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"Others","24":"","25":"Others","26":"","27":"Paint Color","28":"","29":"900","30":"0"}},"35":{"tile_type":1,"fixedId":"374","fixed_tile_type":"0","name":"color3","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"-1","grout_color":"rgba(0,0,0,0)","with_no_grouth":false,"price":"-","link":"-","size":["1000","1000"],"id":35,"image":"\/app\/images\/tile_374.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"Others","24":"","25":"Others","26":"","27":"Paint Color","28":"","29":"900","30":"0"}},"36":{"tile_type":1,"fixedId":"375","fixed_tile_type":"0","name":"color4","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"-1","grout_color":"rgba(0,0,0,0)","with_no_grouth":false,"price":"-","link":"-","size":["1000","1000"],"id":36,"image":"\/app\/images\/tile_375.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"Others","24":"","25":"Others","26":"","27":"Paint Color","28":"","29":"900","30":"0"}},"37":{"tile_type":1,"fixedId":"376","fixed_tile_type":"0","name":"color5","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"-1","grout_color":"rgba(0,0,0,0)","with_no_grouth":false,"price":"-","link":"-","size":["1000","1000"],"id":37,"image":"\/app\/images\/tile_376.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"Others","24":"","25":"Others","26":"","27":"Paint Color","28":"","29":"900","30":"0"}},"38":{"tile_type":1,"fixedId":"377","fixed_tile_type":"0","name":"color6","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"-1","grout_color":"rgba(0,0,0,0)","with_no_grouth":false,"price":"-","link":"-","size":["1000","1000"],"id":38,"image":"\/app\/images\/tile_377.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"Others","24":"","25":"Others","26":"","27":"Paint Color","28":"","29":"900","30":"0"}},"39":{"tile_type":1,"fixedId":"378","fixed_tile_type":"0","name":"color7","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"-1","grout_color":"rgba(0,0,0,0)","with_no_grouth":false,"price":"-","link":"-","size":["1000","1000"],"id":39,"image":"\/app\/images\/tile_378.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"Others","24":"","25":"Others","26":"","27":"Paint Color","28":"","29":"900","30":"0"}},"40":{"tile_type":1,"fixedId":"382","fixed_tile_type":"0","name":"Ash-Light-Brown-(1)-20x60","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["900","300"],"id":40,"image":"\/app\/images\/tile_382.jpg","similar_images":["\/app\/images\/similiar_tile_157.jpg","\/app\/images\/similiar_tile_158.jpg","\/app\/images\/similiar_tile_159.jpg","\/app\/images\/similiar_tile_160.jpg","\/app\/images\/similiar_tile_161.jpg","\/app\/images\/similiar_tile_162.jpg","\/app\/images\/similiar_tile_163.jpg"],"cat_b_id":8,"filters":{"23":"300x900mm","24":"","25":"Random","26":"","27":"Tiles","28":"","29":"700","30":"0"}},"41":{"tile_type":1,"fixedId":"383","fixed_tile_type":"0","name":"Rosewood-(2)-20x60","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["900","300"],"id":41,"image":"\/app\/images\/tile_383.jpg","similar_images":["\/app\/images\/similiar_tile_164.jpg","\/app\/images\/similiar_tile_165.jpg","\/app\/images\/similiar_tile_166.jpg","\/app\/images\/similiar_tile_167.jpg","\/app\/images\/similiar_tile_168.jpg","\/app\/images\/similiar_tile_169.jpg","\/app\/images\/similiar_tile_170.jpg"],"cat_b_id":8,"filters":{"23":"300x900mm","24":"","25":"Random","26":"","27":"Tiles","28":"","29":"700","30":"0"}},"42":{"tile_type":1,"fixedId":"384","fixed_tile_type":"0","name":"Willow-(1)-20x60","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["900","300"],"id":42,"image":"\/app\/images\/tile_384.jpg","similar_images":["\/app\/images\/similiar_tile_171.jpg","\/app\/images\/similiar_tile_172.jpg","\/app\/images\/similiar_tile_173.jpg","\/app\/images\/similiar_tile_174.jpg","\/app\/images\/similiar_tile_175.jpg","\/app\/images\/similiar_tile_176.jpg","\/app\/images\/similiar_tile_177.jpg"],"cat_b_id":8,"filters":{"23":"300x900mm","24":"","25":"Random","26":"","27":"Tiles","28":"","29":"700","30":"0"}},"93":{"tile_type":1,"fixedId":"440","fixed_tile_type":"0","name":"wallpaper4","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"-1","grout_color":"rgba(0,0,0,0)","with_no_grouth":false,"price":"-","link":"-","size":["1000","681"],"id":93,"image":"\/app\/images\/tile_440.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"Others","24":"","25":"Others","26":"","27":"Wallpapers","28":"","29":"1100","30":"0"}},"94":{"tile_type":1,"fixedId":"441","fixed_tile_type":"0","name":"wallpaper5","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"-1","grout_color":"rgba(0,0,0,0)","with_no_grouth":false,"price":"-","link":"-","size":["1000","563"],"id":94,"image":"\/app\/images\/tile_441.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"Others","24":"","25":"Others","26":"","27":"Wallpapers","28":"","29":"1100","30":"0"}},"95":{"tile_type":1,"fixedId":"442","fixed_tile_type":"0","name":"wallpaper6","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"-1","grout_color":"rgba(0,0,0,0)","with_no_grouth":false,"price":"-","link":"-","size":["1000","993"],"id":95,"image":"\/app\/images\/tile_442.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"Others","24":"","25":"Others","26":"","27":"Wallpapers","28":"","29":"1100","30":"0"}},"96":{"tile_type":1,"fixedId":"443","fixed_tile_type":"0","name":"wallpaper7","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"-1","grout_color":"rgba(0,0,0,0)","with_no_grouth":false,"price":"-","link":"-","size":["1000","750"],"id":96,"image":"\/app\/images\/tile_443.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"Others","24":"","25":"Others","26":"","27":"Wallpapers","28":"","29":"1100","30":"0"}},"97":{"tile_type":1,"fixedId":"444","fixed_tile_type":"0","name":"tile_44","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"-1","grout_color":"rgba(0,0,0,0)","with_no_grouth":false,"price":"-","link":"-","size":["480","480"],"id":97,"image":"\/app\/images\/tile_444.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"Others","24":"","25":"Others","26":"","27":"Wallpapers","28":"","29":"1100","30":"0"}},"98":{"tile_type":1,"fixedId":"447","fixed_tile_type":"0","name":"tile_106","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"-1","grout_color":"rgba(0,0,0,0)","with_no_grouth":false,"price":"-","link":"-","size":["480","480"],"id":98,"image":"\/app\/images\/tile_447.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"Others","24":"","25":"Others","26":"","27":"Wallpapers","28":"","29":"1100","30":"0"}},"99":{"tile_type":1,"fixedId":"449","fixed_tile_type":"0","name":"tile_104","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"-1","grout_color":"rgba(0,0,0,0)","with_no_grouth":false,"price":"-","link":"-","size":["480","480"],"id":99,"image":"\/app\/images\/tile_449.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"Others","24":"","25":"Others","26":"","27":"Wallpapers","28":"","29":"1100","30":"0"}},"100":{"tile_type":1,"fixedId":"450","fixed_tile_type":"0","name":"tile_105","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"-1","grout_color":"rgba(0,0,0,0)","with_no_grouth":false,"price":"$ 6.89 per piece (2.25 pcs per SF = $15.50 per SF)","link":"http:\/\/www.cletile.com\/products\/moroccan-encaustic-cement-tile-big-al?variant=17172499014","size":["480","480"],"id":100,"image":"\/app\/images\/tile_450.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"Others","24":"","25":"Others","26":"","27":"Wallpapers","28":"","29":"1100","30":"0"}},"101":{"tile_type":1,"fixedId":"456","fixed_tile_type":"0","name":"1009 HL","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"3","grout_color":"#ffffff","with_no_grouth":false,"price":"-","link":"-","size":["450","300"],"id":101,"image":"\/app\/images\/tile_456.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"","24":"","25":"","26":"","27":"","28":"","29":"0","30":"0"}},"102":{"tile_type":1,"fixedId":"482","fixed_tile_type":"0","name":"2","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"-1","grout_color":"rgba(0,0,0,0)","with_no_grouth":false,"price":"-","link":"-","size":["600","300"],"id":102,"image":"\/app\/images\/tile_482.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"","24":"","25":"","26":"","27":"","28":"","29":"0","30":"0","31":"","32":""}},"103":{"tile_type":1,"fixedId":"483","fixed_tile_type":"0","name":"3","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"-1","grout_color":"rgba(0,0,0,0)","with_no_grouth":false,"price":"-","link":"-","size":["600","300"],"id":103,"image":"\/app\/images\/tile_483.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"","24":"","25":"","26":"","27":"","28":"","29":"0","30":"0","31":"","32":""}},"104":{"tile_type":1,"fixedId":"484","fixed_tile_type":"0","name":"4","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"-1","grout_color":"rgba(0,0,0,0)","with_no_grouth":false,"price":"-","link":"-","size":["600","300"],"id":104,"image":"\/app\/images\/tile_484.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"","24":"","25":"","26":"","27":"","28":"","29":"0","30":"0","31":"","32":""}},"113":{"tile_type":1,"fixedId":"493","fixed_tile_type":"0","name":"White","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["300","300"],"id":113,"image":"\/app\/images\/tile_493.jpg","similar_images":[],"cat_b_id":8,"filters":null},"124":{"tile_type":1,"fixedId":"508","fixed_tile_type":"0","name":"B2550 brown _test2","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["250","500"],"id":124,"image":"\/app\/images\/tile_508.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"","24":"","25":"","26":"","27":"","28":"","29":"0","30":"0","31":"","32":""}},"125":{"tile_type":1,"fixedId":"509","fixed_tile_type":"0","name":"B2550- GREY test2","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["250","500"],"id":125,"image":"\/app\/images\/tile_509.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"","24":"","25":"","26":"","27":"","28":"","29":"0","30":"0","31":"","32":""}},"126":{"tile_type":1,"fixedId":"510","fixed_tile_type":"0","name":"C2550_brown test","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["250","500"],"id":126,"image":"\/app\/images\/tile_510.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"","24":"","25":"","26":"","27":"","28":"","29":"0","30":"0","31":"","32":""}},"127":{"tile_type":1,"fixedId":"511","fixed_tile_type":"0","name":"C2550_grey test","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["250","500"],"id":127,"image":"\/app\/images\/tile_511.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"","24":"","25":"","26":"","27":"","28":"","29":"0","30":"0","31":"","32":""}},"128":{"tile_type":1,"fixedId":"512","fixed_tile_type":"0","name":"D2550_blue test","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["250","500"],"id":128,"image":"\/app\/images\/tile_512.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"","24":"","25":"","26":"","27":"","28":"","29":"0","30":"0","31":"","32":""}},"131":{"tile_type":1,"fixedId":"543","fixed_tile_type":"0","name":"VERDE_MIX_G","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["450","300"],"id":131,"image":"\/app\/images\/tile_543.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"","24":"","25":"","26":"","27":"","28":"","29":"0","30":"0","31":"","32":""}},"132":{"tile_type":1,"fixedId":"544","fixed_tile_type":"0","name":"magma","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["450","300"],"id":132,"image":"\/app\/images\/tile_544.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"","24":"","25":"","26":"","27":"","28":"","29":"0","30":"0","31":"","32":""}},"133":{"tile_type":1,"fixedId":"545","fixed_tile_type":"0","name":"4.9x30.7","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["307","49"],"id":133,"image":"\/app\/images\/tile_545.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"","24":"","25":"","26":"","27":"","28":"","29":"0","30":"0","31":"","32":""}},"134":{"tile_type":1,"fixedId":"546","fixed_tile_type":"0","name":"4.9x30.71","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["307","49"],"id":134,"image":"\/app\/images\/tile_546.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"","24":"","25":"","26":"","27":"","28":"","29":"0","30":"0","31":"","32":""}},"135":{"tile_type":1,"fixedId":"549","fixed_tile_type":"0","name":"FRISO 30X45","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["450","300"],"id":135,"image":"\/app\/images\/tile_549.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"","24":"","25":"","26":"","27":"","28":"","29":"0","30":"0","31":"","32":""}},"136":{"tile_type":1,"fixedId":"550","fixed_tile_type":"0","name":"play-espadachin-aqua-30X30","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["300","300"],"id":136,"image":"\/app\/images\/tile_550.jpg","similar_images":[],"cat_b_id":8,"filters":{"23":"","24":"","25":"","26":"","27":"","28":"","29":"0","30":"0","31":"","32":""}},"179":{"tile_type":2,"fixedId":"385","fixed_tile_type":"1","name":"DPT 003","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["300","300"],"id":179,"image":"\/app\/images\/tile_385.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"300x300mm","25":"","26":"Rustic","27":"","28":"Tiles","29":"0","30":"100"}},"180":{"tile_type":2,"fixedId":"386","fixed_tile_type":"1","name":"DPT 004","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["300","300"],"id":180,"image":"\/app\/images\/tile_386.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"300x300mm","25":"","26":"Rustic","27":"","28":"Tiles","29":"0","30":"100"}},"181":{"tile_type":2,"fixedId":"387","fixed_tile_type":"1","name":"DPT 030","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["300","300"],"id":181,"image":"\/app\/images\/tile_387.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"300x300mm","25":"","26":"Rustic","27":"","28":"Tiles","29":"0","30":"100"}},"182":{"tile_type":2,"fixedId":"388","fixed_tile_type":"1","name":"DPT 044","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["300","300"],"id":182,"image":"\/app\/images\/tile_388.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"300x300mm","25":"","26":"Rustic","27":"","28":"Tiles","29":"0","30":"100"}},"183":{"tile_type":2,"fixedId":"390","fixed_tile_type":"1","name":"DG 152","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["400","400"],"id":183,"image":"\/app\/images\/tile_390.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"400x400mm","25":"","26":"Glossy","27":"","28":"Tiles","29":"0","30":"150"}},"184":{"tile_type":2,"fixedId":"391","fixed_tile_type":"1","name":"DG 157","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["400","400"],"id":184,"image":"\/app\/images\/tile_391.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"400x400mm","25":"","26":"Glossy","27":"","28":"Tiles","29":"0","30":"150"}},"185":{"tile_type":2,"fixedId":"392","fixed_tile_type":"1","name":"DG 312","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["400","400"],"id":185,"image":"\/app\/images\/tile_392.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"400x400mm","25":"","26":"Matt","27":"","28":"Tiles","29":"0","30":"200"}},"186":{"tile_type":2,"fixedId":"393","fixed_tile_type":"1","name":"DG 315","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["400","400"],"id":186,"image":"\/app\/images\/tile_393.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"400x400mm","25":"","26":"Matt","27":"","28":"Tiles","29":"0","30":"200"}},"187":{"tile_type":2,"fixedId":"394","fixed_tile_type":"1","name":"DG 332","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["400","400"],"id":187,"image":"\/app\/images\/tile_394.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"400x400mm","25":"","26":"Matt","27":"","28":"Tiles","29":"0","30":"200"}},"188":{"tile_type":2,"fixedId":"395","fixed_tile_type":"1","name":"DG 336","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["400","400"],"id":188,"image":"\/app\/images\/tile_395.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"400x400mm","25":"","26":"Matt","27":"","28":"Tiles","29":"0","30":"200"}},"189":{"tile_type":2,"fixedId":"396","fixed_tile_type":"1","name":"DG 340","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["400","400"],"id":189,"image":"\/app\/images\/tile_396.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"400x400mm","25":"","26":"Matt","27":"","28":"Tiles","29":"0","30":"200"}},"190":{"tile_type":2,"fixedId":"397","fixed_tile_type":"1","name":"DG 345","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["400","400"],"id":190,"image":"\/app\/images\/tile_397.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"400x400mm","25":"","26":"Matt","27":"","28":"Tiles","29":"0","30":"200"}},"191":{"tile_type":2,"fixedId":"398","fixed_tile_type":"1","name":"DG 419","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["400","400"],"id":191,"image":"\/app\/images\/tile_398.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"400x400mm","25":"","26":"Rustic","27":"","28":"Tiles","29":"0","30":"250"}},"192":{"tile_type":2,"fixedId":"399","fixed_tile_type":"1","name":"DG 425","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["400","400"],"id":192,"image":"\/app\/images\/tile_399.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"400x400mm","25":"","26":"Rustic","27":"","28":"Tiles","29":"0","30":"250"}},"193":{"tile_type":2,"fixedId":"400","fixed_tile_type":"1","name":"DG 429","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["400","400"],"id":193,"image":"\/app\/images\/tile_400.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"400x400mm","25":"","26":"Rustic","27":"","28":"Tiles","29":"0","30":"250"}},"194":{"tile_type":2,"fixedId":"401","fixed_tile_type":"1","name":"DG-431","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["400","400"],"id":194,"image":"\/app\/images\/tile_401.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"400x400mm","25":"","26":"Rustic","27":"","28":"Tiles","29":"0","30":"250"}},"195":{"tile_type":2,"fixedId":"402","fixed_tile_type":"1","name":"Dahino Silver","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["600","600"],"id":195,"image":"\/app\/images\/tile_402.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"600x600mm","25":"","26":"Glossy","27":"","28":"Tiles","29":"0","30":"250"}},"196":{"tile_type":2,"fixedId":"403","fixed_tile_type":"1","name":"Forever","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["600","600"],"id":196,"image":"\/app\/images\/tile_403.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"600x600mm","25":"","26":"Glossy","27":"","28":"Tiles","29":"0","30":"250"}},"197":{"tile_type":2,"fixedId":"404","fixed_tile_type":"1","name":"Medrid Grey","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["600","600"],"id":197,"image":"\/app\/images\/tile_404.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"600x600mm","25":"","26":"Glossy","27":"","28":"Tiles","29":"0","30":"250"}},"198":{"tile_type":2,"fixedId":"405","fixed_tile_type":"1","name":"Rivera","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["600","600"],"id":198,"image":"\/app\/images\/tile_405.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"600x600mm","25":"","26":"Glossy","27":"","28":"Tiles","29":"0","30":"250"}},"199":{"tile_type":2,"fixedId":"406","fixed_tile_type":"1","name":"Trifa Brown","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["600","600"],"id":199,"image":"\/app\/images\/tile_406.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"600x600mm","25":"","26":"Glossy","27":"","28":"Tiles","29":"0","30":"250"}},"200":{"tile_type":2,"fixedId":"407","fixed_tile_type":"1","name":"Cedar Crema","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["600","600"],"id":200,"image":"\/app\/images\/tile_407.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"600x600mm","25":"","26":"Matt","27":"","28":"Tiles","29":"0","30":"300"}},"201":{"tile_type":2,"fixedId":"408","fixed_tile_type":"1","name":"Iroko Pine","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["600","600"],"id":201,"image":"\/app\/images\/tile_408.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"600x600mm","25":"","26":"Matt","27":"","28":"Tiles","29":"0","30":"300"}},"202":{"tile_type":2,"fixedId":"409","fixed_tile_type":"1","name":"Iroko Wenge","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["600","600"],"id":202,"image":"\/app\/images\/tile_409.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"600x600mm","25":"","26":"Matt","27":"","28":"Tiles","29":"0","30":"300"}},"203":{"tile_type":2,"fixedId":"410","fixed_tile_type":"1","name":"Traventino Lapatto","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["600","600"],"id":203,"image":"\/app\/images\/tile_410.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"600x600mm","25":"","26":"Matt","27":"","28":"Tiles","29":"0","30":"300"}},"204":{"tile_type":2,"fixedId":"411","fixed_tile_type":"1","name":"DYNA GRES","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["600","600"],"id":204,"image":"\/app\/images\/tile_411.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"600x600mm","25":"","26":"Rustic","27":"","28":"Tiles","29":"0","30":"400"}},"205":{"tile_type":2,"fixedId":"412","fixed_tile_type":"1","name":"EDEN CREMA","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["600","600"],"id":205,"image":"\/app\/images\/tile_412.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"600x600mm","25":"","26":"Rustic","27":"","28":"Tiles","29":"0","30":"400"}},"206":{"tile_type":2,"fixedId":"413","fixed_tile_type":"1","name":"Galaxy Silver","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["600","600"],"id":206,"image":"\/app\/images\/tile_413.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"600x600mm","25":"","26":"Rustic","27":"","28":"Tiles","29":"0","30":"400"}},"207":{"tile_type":2,"fixedId":"414","fixed_tile_type":"1","name":"Luxury Beige Decor","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["600","600"],"id":207,"image":"\/app\/images\/tile_414.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"600x600mm","25":"","26":"Rustic","27":"","28":"Tiles","29":"0","30":"400"}},"208":{"tile_type":2,"fixedId":"415","fixed_tile_type":"1","name":"Alder Wood","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["600","600"],"id":208,"image":"\/app\/images\/tile_415.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"600x600mm","25":"","26":"Wooden","27":"","28":"Tiles","29":"0","30":"500"}},"209":{"tile_type":2,"fixedId":"416","fixed_tile_type":"1","name":"CYPRAS ASH","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["600","600"],"id":209,"image":"\/app\/images\/tile_416.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"600x600mm","25":"","26":"Wooden","27":"","28":"Tiles","29":"0","30":"500"}},"210":{"tile_type":2,"fixedId":"417","fixed_tile_type":"1","name":"FOREST BEIGE","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["600","600"],"id":210,"image":"\/app\/images\/tile_417.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"600x600mm","25":"","26":"Wooden","27":"","28":"Tiles","29":"0","30":"500"}},"211":{"tile_type":2,"fixedId":"418","fixed_tile_type":"1","name":"Linea Brown","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["600","600"],"id":211,"image":"\/app\/images\/tile_418.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"600x600mm","25":"","26":"Wooden","27":"","28":"Tiles","29":"0","30":"500"}},"212":{"tile_type":2,"fixedId":"419","fixed_tile_type":"1","name":"WOODENZA","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["600","600"],"id":212,"image":"\/app\/images\/tile_419.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"600x600mm","25":"","26":"Wooden","27":"","28":"Tiles","29":"0","30":"500"}},"213":{"tile_type":2,"fixedId":"421","fixed_tile_type":"1","name":"carpet2","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"-1","grout_color":"rgba(0,0,0,0)","with_no_grouth":false,"price":"-","link":"-","size":["1000","1000"],"id":213,"image":"\/app\/images\/tile_421.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"Others","25":"","26":"Others","27":"","28":"Carpets","29":"0","30":"1000"}},"214":{"tile_type":2,"fixedId":"422","fixed_tile_type":"1","name":"carpet3","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"-1","grout_color":"rgba(0,0,0,0)","with_no_grouth":false,"price":"-","link":"-","size":["1000","598"],"id":214,"image":"\/app\/images\/tile_422.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"Others","25":"","26":"Others","27":"","28":"Carpets","29":"0","30":"1000"}},"215":{"tile_type":2,"fixedId":"423","fixed_tile_type":"1","name":"carpet4","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"-1","grout_color":"rgba(0,0,0,0)","with_no_grouth":false,"price":"-","link":"-","size":["1000","667"],"id":215,"image":"\/app\/images\/tile_423.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"Others","25":"","26":"Others","27":"","28":"Carpets","29":"0","30":"1000"}},"216":{"tile_type":2,"fixedId":"424","fixed_tile_type":"1","name":"carpet5","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"-1","grout_color":"rgba(0,0,0,0)","with_no_grouth":false,"price":"-","link":"-","size":["1000","625"],"id":216,"image":"\/app\/images\/tile_424.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"Others","25":"","26":"Others","27":"","28":"Carpets","29":"0","30":"1000"}},"217":{"tile_type":2,"fixedId":"425","fixed_tile_type":"1","name":"marble1","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["1000","1000"],"id":217,"image":"\/app\/images\/tile_425.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"Others","25":"","26":"Marble","27":"","28":"Marbles","29":"0","30":"800"}},"218":{"tile_type":2,"fixedId":"426","fixed_tile_type":"1","name":"marble2","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["1000","750"],"id":218,"image":"\/app\/images\/tile_426.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"Others","25":"","26":"Marble","27":"","28":"Marbles","29":"0","30":"800"}},"219":{"tile_type":2,"fixedId":"427","fixed_tile_type":"1","name":"marble3","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["1000","750"],"id":219,"image":"\/app\/images\/tile_427.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"Others","25":"","26":"Marble","27":"","28":"Marbles","29":"0","30":"800"}},"220":{"tile_type":2,"fixedId":"428","fixed_tile_type":"1","name":"marble4","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"$ 6.89 per piece (2.25 pcs per SF = $15.50 per SF)","link":"http:\/\/www.cletile.com\/products\/moroccan-encaustic-cement-tile-big-al?variant=17172499014","size":["1000","563"],"id":220,"image":"\/app\/images\/tile_428.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"Others","25":"","26":"Marble","27":"","28":"Marbles","29":"0","30":"800"}},"221":{"tile_type":2,"fixedId":"429","fixed_tile_type":"1","name":"ALMOND BIANCO","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["150","600"],"id":221,"image":"\/app\/images\/tile_429.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"Others","25":"","26":"Wooden","27":"","28":"Wooden Flooring","29":"0","30":"200"}},"222":{"tile_type":2,"fixedId":"430","fixed_tile_type":"1","name":"AlMOND BLACK","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["150","600"],"id":222,"image":"\/app\/images\/tile_430.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"Others","25":"","26":"Wooden","27":"","28":"Wooden Flooring","29":"0","30":"200"}},"223":{"tile_type":2,"fixedId":"431","fixed_tile_type":"1","name":"ALMOND PINE","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["150","600"],"id":223,"image":"\/app\/images\/tile_431.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"Others","25":"","26":"Wooden","27":"","28":"Wooden Flooring","29":"0","30":"200"}},"224":{"tile_type":2,"fixedId":"432","fixed_tile_type":"1","name":"ALMOND WENGE","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["150","600"],"id":224,"image":"\/app\/images\/tile_432.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"Others","25":"","26":"Wooden","27":"","28":"Wooden Flooring","29":"0","30":"200"}},"225":{"tile_type":2,"fixedId":"433","fixed_tile_type":"1","name":"EBANO BIANCO","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["150","600"],"id":225,"image":"\/app\/images\/tile_433.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"Others","25":"","26":"Wooden","27":"","28":"Wooden Flooring","29":"0","30":"200"}},"226":{"tile_type":2,"fixedId":"434","fixed_tile_type":"1","name":"EBANO BLACK","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["150","600"],"id":226,"image":"\/app\/images\/tile_434.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"Others","25":"","26":"Wooden","27":"","28":"Wooden Flooring","29":"0","30":"200"}},"227":{"tile_type":2,"fixedId":"435","fixed_tile_type":"1","name":"EBANO PINE","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["150","600"],"id":227,"image":"\/app\/images\/tile_435.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"Others","25":"","26":"Wooden","27":"","28":"Wooden Flooring","29":"0","30":"200"}},"228":{"tile_type":2,"fixedId":"436","fixed_tile_type":"1","name":"EBANO WENGE","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["150","600"],"id":228,"image":"\/app\/images\/tile_436.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"Others","25":"","26":"Wooden","27":"","28":"Wooden Flooring","29":"0","30":"200"}},"241":{"tile_type":2,"fixedId":"485","fixed_tile_type":"1","name":"f1","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"-1","grout_color":"rgba(0,0,0,0)","with_no_grouth":false,"price":"-","link":"-","size":["600","600"],"id":241,"image":"\/app\/images\/tile_485.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"","25":"","26":"","27":"","28":"","29":"0","30":"0","31":"","32":""}},"242":{"tile_type":2,"fixedId":"486","fixed_tile_type":"1","name":"f2","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"-1","grout_color":"rgba(0,0,0,0)","with_no_grouth":false,"price":"-","link":"-","size":["600","600"],"id":242,"image":"\/app\/images\/tile_486.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"","25":"","26":"","27":"","28":"","29":"0","30":"0","31":"","32":""}},"243":{"tile_type":2,"fixedId":"487","fixed_tile_type":"1","name":"f3","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"-1","grout_color":"rgba(0,0,0,0)","with_no_grouth":false,"price":"-","link":"-","size":["600","600"],"id":243,"image":"\/app\/images\/tile_487.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"","25":"","26":"","27":"","28":"","29":"0","30":"0","31":"","32":""}},"244":{"tile_type":2,"fixedId":"488","fixed_tile_type":"1","name":"f4","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"-1","grout_color":"rgba(0,0,0,0)","with_no_grouth":false,"price":"-","link":"-","size":["600","600"],"id":244,"image":"\/app\/images\/tile_488.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"","25":"","26":"","27":"","28":"","29":"0","30":"0","31":"","32":""}},"245":{"tile_type":2,"fixedId":"489","fixed_tile_type":"1","name":"f5","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"-1","grout_color":"rgba(0,0,0,0)","with_no_grouth":false,"price":"-","link":"-","size":["600","600"],"id":245,"image":"\/app\/images\/tile_489.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"","25":"","26":"","27":"","28":"","29":"0","30":"0","31":"","32":""}},"246":{"tile_type":2,"fixedId":"490","fixed_tile_type":"1","name":"f6","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"-1","grout_color":"rgba(0,0,0,0)","with_no_grouth":false,"price":"-","link":"-","size":["600","600"],"id":246,"image":"\/app\/images\/tile_490.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"","25":"","26":"","27":"","28":"","29":"0","30":"0","31":"","32":""}},"247":{"tile_type":2,"fixedId":"491","fixed_tile_type":"1","name":"f7","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"-1","grout_color":"rgba(0,0,0,0)","with_no_grouth":false,"price":"-","link":"-","size":["600","600"],"id":247,"image":"\/app\/images\/tile_491.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"","25":"","26":"","27":"","28":"","29":"0","30":"0","31":"","32":""}},"248":{"tile_type":2,"fixedId":"492","fixed_tile_type":"1","name":"f8","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"-1","grout_color":"rgba(0,0,0,0)","with_no_grouth":false,"price":"-","link":"-","size":["600","600"],"id":248,"image":"\/app\/images\/tile_492.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"","25":"","26":"","27":"","28":"","29":"0","30":"0","31":"","32":""}},"250":{"tile_type":2,"fixedId":"494","fixed_tile_type":"1","name":"White","cat_a_title":"Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["300","300"],"id":250,"image":"\/app\/images\/tile_494.jpg","similar_images":[],"cat_b_id":8,"filters":null},"256":{"tile_type":2,"fixedId":"504","fixed_tile_type":"1","name":"FR~2012~FRITTOLI","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"-1","grout_color":"rgba(0,0,0,0)","with_no_grouth":false,"price":"-","link":"-","size":["600","600"],"id":256,"image":"\/app\/images\/tile_504.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"","25":"","26":"","27":"","28":"","29":"0","30":"0","31":"","32":""}},"257":{"tile_type":2,"fixedId":"505","fixed_tile_type":"1","name":"EMERALD crema","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"-1","grout_color":"rgba(0,0,0,0)","with_no_grouth":false,"price":"-","link":"-","size":["600","600"],"id":257,"image":"\/app\/images\/tile_505.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"","25":"","26":"","27":"","28":"","29":"0","30":"0","31":"","32":""}},"258":{"tile_type":2,"fixedId":"506","fixed_tile_type":"1","name":"FEBRIC BIANCO","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"-1","grout_color":"rgba(0,0,0,0)","with_no_grouth":false,"price":"-","link":"-","size":["600","600"],"id":258,"image":"\/app\/images\/tile_506.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"","25":"","26":"","27":"","28":"","29":"0","30":"0","31":"","32":""}},"259":{"tile_type":2,"fixedId":"507","fixed_tile_type":"1","name":"FEBRIC MARFIL","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"-1","grout_color":"rgba(0,0,0,0)","with_no_grouth":false,"price":"-","link":"-","size":["300","300"],"id":259,"image":"\/app\/images\/tile_507.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"","25":"","26":"","27":"","28":"","29":"0","30":"0","31":"","32":""}},"265":{"tile_type":2,"fixedId":"541","fixed_tile_type":"1","name":"CASTAyeO_G_1","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["500","500"],"id":265,"image":"\/app\/images\/tile_541.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"","25":"","26":"","27":"","28":"","29":"0","30":"0","31":"","32":""}},"266":{"tile_type":2,"fixedId":"542","fixed_tile_type":"1","name":"ROSSO_G_1","cat_a_title":"Random Tiles","cat_b_title":"Type-1","grout_id":"1","grout_color":"#aeaeae","with_no_grouth":false,"price":"-","link":"-","size":["500","500"],"id":266,"image":"\/app\/images\/tile_542.jpg","similar_images":[],"cat_b_id":12,"filters":{"23":"","24":"","25":"","26":"","27":"","28":"","29":"0","30":"0","31":"","32":""}}}; // loading similar images // changes by sagar $.each(avail_tiles,function(index,tile){ if(tile.similar_images.length) { $.each(tile.similar_images,function(i,img){ var i = new Image(); i.src = img; }); } }); var tits={"a12":"Tiles","b8":"Type-1","a20":"Random Tiles","b12":"Type-1"}; var cats={"1":{"12":{"8":{"200x200":0,"450x300":1,"300x300":2,"600x300":3,"1000x1000":4,"900x300":5,"1000x681":6,"1000x563":7,"1000x993":8,"1000x750":9,"480x480":10,"250x500":11,"307x49":12}}},"2":{"20":{"12":{"300x300":13,"400x400":14,"600x600":15,"1000x1000":16,"1000x598":17,"1000x667":18,"1000x625":19,"1000x750":20,"1000x563":21,"150x600":22,"500x500":24}},"12":{"8":{"300x300":23}}}}; var colors={"1":"#aeaeae","2":"#000000","3":"#ffffff","4":"#894545","5":"#ffffd2","6":"#2f3e17","7":"#575757"}; var grout_y_img_path="\/app\/visualizer\/res\/grout-y.png"; var grout_x_img_path="\/app\/visualizer\/res\/grout-x.png"; var send_mail_addr="\/app\/admin\/visualizer\/mail" </script><script id="script_0" src="/app/visualizer/js/iscroll.js"></script><script id="script_1" src="/app/visualizer/js/modernizr.custom.js"></script><script id="script_2" src="/app/visualizer/js/jquery-2.1.4.min.js"></script><script id="script_3" src="/app/visualizer/js/respond.min.js"></script><script id="script_4" src="/app/visualizer/js/jquery-ui.min.js"></script><script id="script_5" src="/app/visualizer/js/jquery.validate.min.js"></script><script id="script_6" src="/app/visualizer/js/easyResponsiveTabs.js"></script><script id="script_7" src="/app/visualizer/js/jquery.slimscroll.min.js"></script><script id="script_8" src="/app/visualizer/js/jQueryRotate.js"></script><script id="script_9" src="/app/visualizer/js/jquery.prettySocial.min.js"></script><script id="script_10" src="/app/visualizer/js/jquery.preloader.js"></script><script id="script_11" src="/app/visualizer/js/popup.js"></script><script id="script_12" src="/app/visualizer/js/fullscreen.js"></script><script id="script_13" src="/app/visualizer/js/script.js"></script><script id="script_14" src="/app/visualizer/three.min.js"></script><script id="script_15" src="/app/visualizer/DDSLoader.js"></script><script id="script_16" src="/app/visualizer/MTLLoader.js"></script><script id="script_17" src="/app/visualizer/OBJMTLLoader.js"></script><script id="script_18" src="/app/visualizer/engine.js"></script><script id="script_19" src="/app/visualizer/engine.scene.js"></script><script id="script_20" src="/app/visualizer/engine.tile.js"></script><script id="script_21" src="/app/visualizer/engine.render.js"></script><script id="script_22" src="/app/visualizer/engine.shape.js"></script><script id="script_23" src="/app/visualizer/js/bootstrap.min.js"></script><script id="script_24" src="/app/visualizer/js/masonry.pkgd.min.js"></script><script id="script_25" src="/app/visualizer/js/jquery.slimscroll.min.js"></script><script id="script_26" src="/app/visualizer/js/hideAddressbar.min.js"></script><script id="script_27" src="/app/visualizer/js/classie.js"></script><script id="script_28" src="/app/visualizer/js/script-2.js"></script><script id="script_29" src="/app/visualizer/js/jquery.panzoom.js"></script><script id="script_jspdf" src="/app/visualizer/js/jspdf.min.js"></script><script id="script_html2canvas" src="/app/visualizer/js/html2canvas.js"></script><script type="text/javascript"> (function() { var $section = $('#inverted-contain'); $section.find('.panzoom').panzoom({ $zoomIn: $section.find(".zoom-in"), $zoomOut: $section.find(".zoom-out"), $zoomRange: $section.find(".zoom-range"), $reset: $(".reset"), startTransform: 'scale(1.1)', increment: 0.1, contain: 'invert', minScale: 1 }).panzoom('zoom'); })(); var $panzoom = $('.panzoom').panzoom(); $(window).on('resize', function() { $panzoom.panzoom('resetDimensions'); }); setScene(["\/app\/images\/room_background_6.png","\/app\/images\/room_foreground_6.png","[{\"0\":1,\"1\":-64,\"2\":-17.4,\"3\":22,\"4\":0,\"5\":0,\"6\":0,\"7\":70,\"8\":150,\"9\":12,\"10\":12,\"11\":[[0,0],[1600,0],[1600,687.5],[0,687.5],[0,0]],\"12\":2,\"13\":2,\"14\":0,\"15\":0,\"177\":0,\"176\":\"Wall\"},{\"0\":2,\"1\":-60,\"2\":-23,\"3\":20,\"4\":-88,\"5\":0,\"6\":0,\"7\":70,\"8\":130,\"9\":22,\"10\":22,\"11\":[[-4.5,688.5],[1618.5,686.5],[1604.5,919.5],[-0.5,917.5]],\"12\":4,\"13\":2,\"14\":0.035,\"15\":0,\"177\":1,\"176\":\"Floor\"}]"],function() { render(vis_cvs); // $(".filter_thumbs").each(function(){ // $(this).find('.tile-wrap').first().find('label').click(); // }) $('#preloader').hide(); $('#preloader2').hide(); // Start loading the tiles images setTimeout(function() { $('.tile-type-label > img').each(function() { this.src = this.dataset.src; delete this.dataset.src; }); if(window.location.hash.lastIndexOf("#design-data:")===0) { var design_data=JSON.parse(atob(window.location.hash.substring("#design-data:".length))); console.log_(design_data); loadDesign(design_data); } }, 1000); }); </script><script> searchKeyPress=function(key,inp) { var text=inp.value; console.log_(text); $(".tile-item-"+key).each(function() { var title=$("label",this).attr("aria-label"); $(this).css({display:title.toLowerCase().indexOf(text.toLowerCase())>-1?"inline-block":"none"}); }); } function asc_sort(a, b){ var title_a=$("label",a).attr("aria-label"); var title_b=$("label",b).attr("aria-label"); return title_a > title_b ? 1 : -1; } $(function() { setInterval(function() { $("a",cont_for_vis_cvs).each(function() { var elm=$(this); //if(elm.attr("data-isdragging")=="no") elm.css({ left:Number(elm.attr("data-left"))*(vis_cvs.offsetWidth/vis_cvs.width), top:Number(elm.attr("data-top"))*(vis_cvs.offsetHeight/vis_cvs.height) }); }); },100); var dragging_side=null; if(option_side_draggable) { $("a[data-type=move]",cont_for_vis_cvs).draggable({ revert: true, helper: "<div>qua</div>", start: function() { dragging_side=null; $(this).attr("data-isdragging","yes"); $(body).css({"cursor":"move"}); $(this).hide(); var sk=Number($(this).attr("data-side")); var s=null; for(var i=0;i<scene_data.length;i++) if(scene_data[i][0]==sk) s=scene_data[i]; s[10001]=s[1]; s[10002]=s[2]; dragging_side=s; }, drag: function(e) { $(this).attr("data-isdragging","no"); $(body).css({"cursor":"default"}); $(this).show(); var deltaX=obj.position.left-obj.originalPosition.left; var deltaY=obj.position.top-obj.originalPosition.top; var s=dragging_side; if(s==null) return; s[1]=s[10001]+deltaX/33; s[2]=s[10002]-deltaY/33; if(Date.now()-last_dragdraw_epoch>50) { render(vis_cvs); last_dragdraw_epoch=Date.now(); } }, stop: function(e,obj) { render(vis_cvs); } ,revertDuration: 100 }); var drag_down_ox=-1; var drag_down_oy=-1; $("#vis_cvs",cont_for_vis_cvs).draggable({ revert: true,helper:"none", start: function(e) { dragging_side=null; dont_click=true; $(body).css({"cursor":"move"}); drag_down_ox=e.offsetX; drag_down_oy=e.offsetY; var x=drag_down_ox; var y=drag_down_oy; var w=vis_cvs.width; var h=vis_cvs.height; var ow=vis_cvs.offsetWidth; var oh=vis_cvs.offsetHeight; x*=w/ow; y*=h/oh; x=Math.floor(x); y=Math.floor(y); if(indexer_data!=null) { var j=(y*w+x)*4; var clr=[indexer_data[j++],indexer_data[j++],indexer_data[j]]; if(clr[0]==0 && clr[1]==0 && clr[2]==0) return; console.log_(clr); var sk=clr[2]; if(sk>=scene_data.length) { var k=Math.floor(128/scene_data.length); var sk_=sk; for(var i=0;i<scene_data.length;i++) { if(sk<=255-k*i) sk_=i; else break; } sk=sk_; } var s=scene_data[sk]; s[10001]=s[1]; s[10002]=s[2]; dragging_side=s; } }, drag: function(e,obj) { var deltaX=obj.position.left-obj.originalPosition.left; var deltaY=obj.position.top-obj.originalPosition.top; var s=dragging_side; if(s==null) return; s[1]=s[10001]+deltaX/33; s[2]=s[10002]-deltaY/33; if(Date.now()-last_dragdraw_epoch>50) { render(vis_cvs); last_dragdraw_epoch=Date.now(); } }, stop: function(e,obj) { $(body).css({"display":"block","cursor":"default"}); render(vis_cvs); } ,revertDuration: 100 }); } var last_dragdraw_epoch=0; $(".tiles-list").each(function() { $("li",this).sort(asc_sort).appendTo(this); }); showLeftMenu=function(sk) { var mp=$("#menuPanel"+sk); if(mp.hasClass("active")) classie.toggle(menuLeft, 'cbp-spmenu-open'); else { classie.remove(menuLeft, 'cbp-spmenu-open'); classie.add(menuLeft, 'cbp-spmenu-open'); } } }); function addStuff(tk, obj, x, y, z) { if(!(stuffs[tk] instanceof Array)) stuffs[tk]=[]; stuffs[tk].push( [obj, x, y, z] ); } function loadAndAddStuff(tk, name, x, y, z) { var data=null; for(var i=0;i<scene_data.length;i++) if(scene_data[i][0]==tk) data=scene_data[i]; var tn=data[176]; THREE.Loader.Handlers.add( /\.dds$/i, new THREE.DDSLoader() ); console.log_('/app/visualizer/3DModels/Stuffs/'+tn+'/'+name+'/'+name+'.obj'); var loader = new THREE.OBJMTLLoader(); loader.load( '/app/visualizer/3DModels/Stuffs/'+tn+'/'+name+'/'+name+'.obj', '/app/visualizer/3DModels/Stuffs/'+tn+'/'+name+'/'+name+'.mtl', function ( object ) { addStuff(tk,object, x, y, z); }); } /*$(function() { ray_casting_for=2; ray_casting_for_subid=0; loadAndAddStuff(ray_casting_for,"Armchair", 0,0,0); });*/ </script><style> .preloading_image { width:75px !important; height:75px !important; background:url(visualizer/images/loading.gif) no-repeat center !important; } </style> <div id="overlay" style="display: block;"></div> </body></html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tiles Visualizer</title>
<link rel="stylesheet" href="/app/visualizer/css/font-awesome.min.css">
<link rel="stylesheet" href="/app/visualizer/viewer.css">
<link rel="stylesheet" href="/app/visualizer/engine.css">
<link rel="stylesheet" href="/app/visualizer/css/jquery-ui.min.css">
<link rel="stylesheet" href="/app/visualizer/css/bootstrap.min.css">
<link rel="stylesheet" href="/app/visualizer/css/style.css">
<link rel="stylesheet" href="/app/visualizer/css/component.css">
<script src="/app/visualizer/js/jquery-2.1.4.min.js"></script>

<style type="text/css">

.cnt223 a{
text-decoration: none;
}
.popup{
width: 100%;
margin: 0 auto;
display: none;
position: fixed;
z-index: 101;
}
.cnt223{
min-width: 600px;
width: 600px;
min-height: 150px;
margin: 100px auto;
background: #f3f3f3;
position: relative;
z-index: 103;
padding: 10px;
border-radius: 5px;
box-shadow: 0 2px 5px #000;
}
.cnt223 p{
clear: both;
color: #555555;
text-align: center;
font-size:17px;
}
.cnt223 p a{
color: #d91900;
font-weight: bold;
}
.cnt223 .x{
float: right;
height: 35px;
left: 22px;
position: relative;
top: -25px;
width: 34px;
}
.cnt223 .x:hover{
cursor: pointer;
}
</style>
<script type="text/javascript">
$(function(){
var overlay = $('<div id="overlay"></div>');
overlay.show();
overlay.appendTo(document.body);
$('.popup').show();
$('.close1').click(function(){
$('.popup').hide();
overlay.appendTo(document.body).remove();
return false;
});

$('.x').click(function(){
$('.popup').hide();
overlay.appendTo(document.body).remove();
return false;
});
});
</script></head></html>