It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://www.tileswale.com

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <meta name="format-detection" content="telephone=no">
  8. <meta name="apple-mobile-web-app-capable" content="yes">
  9. <meta name="author" content>
  10. <meta name="description" content="Tileswale is a B2B2C online marketplace to buy and sell tiles. We have 33000+ verified sellers and 70000+ buyers. Expand your business to the next level with us.">
  11. <meta name="google-site-verification" content="a2Uv5Aakw6YXmwmBbsgiHvG3qv1NknRuNJ0xYC6p7TQ" />
  12. <meta name="yandex-verification" content="0a34a869d86dbcda" />
  13. <meta name="dmca-site-verification" content="NWE5NXZDelhZeVZoRVZsN1EwVFM4UT090" />
  14. <meta name="msvalidate.01" content="B57E715F256FE8D3D962DCC44F936DBB" />
  15. <meta name="facebook-domain-verification" content="clsrzxwx9md58u48jtxdm46599lych" />
  16. <link rel="alternate" href="https://ar.tileswale.com" hreflang="ar">
  17. <link rel="alternate" href="https://es.tileswale.com" hreflang="es">
  18. <link rel="alternate" href="https://fr.tileswale.com" hreflang="fr">
  19. <link rel="alternate" href="https://de.tileswale.com" hreflang="de">
  20. <link rel="alternate" href="https://it.tileswale.com" hreflang="it">
  21. <link rel="alternate" href="https://pt.tileswale.com" hreflang="pt">
  22. <link rel="alternate" href="https://ja.tileswale.com" hreflang="ja">
  23. <link rel="alternate" href="https://tr.tileswale.com" hreflang="tr">
  24. <link rel="alternate" href="https://ru.tileswale.com" hreflang="ru">
  25. <link rel="alternate" href="https://ca.tileswale.com" hreflang="ca">
  26. <link rel="alternate" href="https://hi.tileswale.com" hreflang="hi">
  27. <link rel="alternate" href="https://ko.tileswale.com" hreflang="ko">
  28. <link rel="alternate" href="https://vi.tileswale.com" hreflang="vi">
  29. <link rel="alternate" href="https://jv.tileswale.com" hreflang="jv">
  30. <link rel="alternate" href="https://fa.tileswale.com" hreflang="fa">
  31. <link rel="alternate" href="https://ind.tileswale.com" hreflang="ind">
  32. <link rel="alternate" href="https://pl.tileswale.com" hreflang="pl">
  33. <link rel="alternate" href="https://yo.tileswale.com" hreflang="yo">
  34. <link rel="alternate" href="https://my.tileswale.com" hreflang="my">
  35. <link rel="alternate" href="https://su.tileswale.com" hreflang="su">
  36. <link rel="alternate" href="https://tileswale.com" hreflang="x-default">
  37. <link rel="canonical" href="https://tileswale.com" />
  38. <title>Online Free Platform for Tiles Buyers & Sellers | Tiles Wale</title>
  39. <link rel="preconnect" href="https://tileswale.com/cdn-cgi/" crossorigin>
  40. <link rel="dns-prefetch" href="https://tileswale.com/cdn-cgi/">
  41. <link rel="preconnect" href="https://www.googletagmanager.com" crossorigin>
  42. <link rel="dns-prefetch" href="https://www.googletagmanager.com" crossorigin>
  43. <link rel="preconnect" href="https://www.google-analytics.com" crossorigin>
  44. <link rel="dns-prefetch" href="https://www.google-analytics.com">
  45. <link rel="preconnect" href="https://cdnjs.cloudflare.com/ajax/libs/" crossorigin>
  46. <link rel="dns-prefetch" href="https://cdnjs.cloudflare.com/ajax/libs/">
  47. <link href="https://tileswale.com/front_assets/img/favicon_icon.ico" rel="shortcut icon">
  48. <link rel="stylesheet preload prefetch" as="style" href="https://tileswale.com/front_assets/css/combined.min.css?ver=0.0.1">
  49. <noscript>
  50.    <link rel="stylesheet" href="https://tileswale.com/front_assets/css/combined.min.css?ver=0.0.1" >
  51. </noscript>
  52. <link rel="stylesheet preload prefetch" as="style" href="https://tileswale.com/front_assets/plugins/font-awesome/css/font-awesome.min.css">
  53. <noscript>
  54.    <link rel="stylesheet" href="https://tileswale.com/front_assets/plugins/font-awesome/css/font-awesome.min.css">
  55. </noscript>
  56. <link rel="stylesheet preload prefetch" as="style" href="https://tileswale.com/front_assets/plugins/swipper/swipper.min.css?ver=0.0.1">
  57. <noscript>
  58.    <link rel="stylesheet" href="https://tileswale.com/front_assets/plugins/swipper/swipper.min.css?ver=0.0.1">
  59. </noscript>
  60. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js" integrity="sha512-aVKKRRi/Q/YV+4mjoKBsE4x3H+BkegoM/em46NNlCqNTmUYADjBbeNefNxYV7giUp0VxICtqdrbqU7iVaeZNXA==" crossorigin="anonymous" referrerpolicy="no-referrer" type="04b641f9f9e21c1d80a647b9-text/javascript"></script>
  61. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.5/jquery.validate.min.js" integrity="sha512-rstIgDs0xPgmG6RX1Aba4KV5cWJbAMcvRCVmglpam9SoHZiUCyQVDdH2LPlxoHtrv17XWblE/V/PP+Tr04hbtA==" crossorigin="anonymous" referrerpolicy="no-referrer" type="04b641f9f9e21c1d80a647b9-text/javascript"></script>
  62. <link rel="stylesheet preload prefetch" as="style" href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.15.2/css/selectize.bootstrap4.min.css" integrity="sha512-ht3CSPjgWsxdbLti7wtKNEk5hLoGtP2J8C40muB5/PCWwNw9M/NMJpyvHdeko7ADC60SEOiCenU5pg+kJiG9lg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  63. <noscript>
  64.    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.15.2/css/selectize.bootstrap4.min.css" integrity="sha512-ht3CSPjgWsxdbLti7wtKNEk5hLoGtP2J8C40muB5/PCWwNw9M/NMJpyvHdeko7ADC60SEOiCenU5pg+kJiG9lg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  65. </noscript>
  66. <link rel="stylesheet preload prefetch" as="style" href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.15.2/css/selectize.bootstrap4.min.css" integrity="sha512-ht3CSPjgWsxdbLti7wtKNEk5hLoGtP2J8C40muB5/PCWwNw9M/NMJpyvHdeko7ADC60SEOiCenU5pg+kJiG9lg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  67. <noscript>
  68.   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.15.2/css/selectize.bootstrap4.min.css" integrity="sha512-ht3CSPjgWsxdbLti7wtKNEk5hLoGtP2J8C40muB5/PCWwNw9M/NMJpyvHdeko7ADC60SEOiCenU5pg+kJiG9lg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  69. </noscript>
  70. <script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.15.2/js/selectize.min.js" integrity="sha512-IOebNkvA/HZjMM7MxL0NYeLYEalloZ8ckak+NDtOViP7oiYzG5vn6WVXyrJDiJPhl4yRdmNAG49iuLmhkUdVsQ==" crossorigin="anonymous" referrerpolicy="no-referrer" type="04b641f9f9e21c1d80a647b9-text/javascript"></script>
  71. <style>
  72.    /* download section  */
  73.    .sd-bg-install{
  74.        /* background: #004770; */
  75.        background: #074AAA;
  76.    }
  77.    .sd-zindex-999{
  78.        z-index: 999;
  79.    }
  80.    .mb-50 {
  81.        margin-bottom : 50px !important;
  82.    }
  83.    .font-10 {
  84.        font-size: 10px !important;
  85.    }
  86.    .font-12 {
  87.        font-size: 12px !important;
  88.    }
  89.    .font-16 {
  90.        font-size: 16px !important;
  91.    }
  92.    .z-100 {
  93.        z-index: 1000000;
  94.    }
  95.    .bottom-nagtive-10 {
  96.        bottom: -10px !important;
  97.    }
  98.    .close-install-app {
  99.        top: -13px !important;
  100.        right: 22px !important;
  101.    }
  102.    .alert-reset {
  103.        padding: 0;
  104.        margin-bottom: 0;
  105.        border: none;
  106.        border-radius: none;
  107.    }
  108.    .border-radius-6 {
  109.        border-radius: 6px !important;
  110.    }
  111.    .hamburger-btn {
  112.        bottom: 7%;
  113.    }
  114. </style>
  115. <style>
  116.    /* mobile menu pulse */
  117.    .pulse {
  118.        height: 5px;
  119.        width: 5px;
  120.        border-radius: 50%;
  121.        background-color: #fe8c1a;
  122.        animation: 2s infinite pulse-anim;
  123.        position: absolute;
  124.        top: 0;
  125.        left: 49px;
  126.    }
  127. </style>
  128. <style>
  129.    /* swipper with form */
  130.    .sd-swiper {
  131.        width: 100%;
  132.        height: auto !important;
  133.    }
  134.    
  135.    .sd-slider-img img {
  136.        display: block;
  137.        width: 100%;
  138.        height: auto !important;
  139.        object-fit: cover;
  140.    }
  141.    
  142.    .sd-swiper .swiper-wrapper {
  143.        height: auto !important;
  144.    }
  145.    
  146.    .sd-form-slider {
  147.        position: absolute;
  148.        top: 50%;
  149.        transform: translate(-50%, -50%);
  150.        left: 20%;
  151.        z-index: 9;
  152.        width: 25%;
  153.        box-shadow: 0px 1px 13px 8px rgb(0 0 0 / 16%);
  154.        border: 6px solid #ffffff1f;
  155.        border-radius: 7px;
  156.    }
  157.    
  158.    .form-bestdeal .form-control {
  159.        border: 1px solid #9d9d9d;
  160.    }
  161.    
  162.    @media screen and (min-width: 1560px) {
  163.        .sd-slider-img img {
  164.            height: 560px !important;
  165.        }
  166.    }
  167.    
  168.    @media screen and (max-width: 1560px) {
  169.        .sd-form-slider {
  170.            width: 30%;
  171.        }
  172.    }
  173.    
  174.    @media screen and (max-width: 1360px) {
  175.        .sd-form-slider {
  176.            display: none;
  177.        }
  178.    }
  179.    
  180.    .grecaptcha-badge {
  181.        display: none;
  182.    }
  183.    
  184.    .selectize-control.single .selectize-input::after {
  185.      border-style: none;
  186.      border-width: 0;
  187.      border-color: none;
  188.    }
  189.    .sd-list-one {
  190.        border-radius: 10px 0 0 0 !important;
  191.    }
  192.    .sd-list-three {
  193.        border-radius: 0 10px 0 0px !important;
  194.    }
  195.  
  196. </style>
  197. <style>
  198.    /* three forms  */
  199.    .sd-list-one.active {
  200.        background-color: #faea61 !important;
  201.        border-color: #faea61 !important;
  202.    }
  203.    
  204.    .sd-list-two.active {
  205.        background-color: #79C746 !important;
  206.        border-color: #79C746 !important;
  207.    }
  208.    
  209.    .sd-list-three.active {
  210.        background-color: #6CC1D6 !important;
  211.        border-color: #6CC1D6 !important;
  212.    }
  213.    
  214.    .sd-font-wight {
  215.        font-weight: 600;
  216.    }
  217.  
  218.    .sd-form-card label {
  219.        display: block;
  220.        position: absolute;
  221.        margin: 0;
  222.    }
  223. </style>
  224. <style>
  225.    .sd-trasport-card{
  226.        width: 50%;
  227.    }    
  228.    .sd-trasport-card .sd-card {
  229.            border-radius:6px;
  230.            overflow: auto;
  231.        }
  232.    
  233.    @media screen and (max-width: 760px) {
  234.        .sd-x-scrol-trasport{
  235.            width: 697px;
  236.        }
  237.        .sd-trasport-card{
  238.            width: 50%;
  239.        }  
  240.    }
  241.    @media screen and (max-width: 480px) {
  242.        .sd-trasport-card{
  243.            width: 270px;
  244.        }
  245.        .sd-x-scrol-trasport {
  246.            width: 541px;
  247.        }
  248.        .sd-btn-car{
  249.            font-size: 13px;
  250.        }
  251.    }
  252. </style>
  253. <style>
  254.  
  255.    /* footer changes  */
  256.    
  257.    .container-boxy {
  258.        margin: 20px auto;
  259.        background-color: #fff;
  260.        border-radius: 6px;
  261.            /* padding: 30px; */
  262.    }
  263.    .sd-collapse-header {
  264.        position: relative;
  265.        margin-bottom: 10px;
  266.        padding: 15px 50px 15px 20px;
  267.        display: block;
  268.        background-color: #efefef;
  269.        overflow: hidden;
  270.        border-radius: 6px 6px 0 0;
  271.    }
  272.    .sd-collapse-header h4 {
  273.        position: relative;
  274.        z-index: 2;
  275.        margin: 0;
  276.        color: #212121;
  277.        font-size: 1.5rem;
  278.        text-decoration: none;
  279.        font-weight: 600;
  280.    }
  281.    
  282.     .sd-collapse-header::before {
  283.        content: '';
  284.        position: absolute;
  285.        z-index: 1;
  286.        top: 0;
  287.        left: 0;
  288.        width: 100%;
  289.        height: 100%;
  290.        background-color: #efefef;
  291.        color: #000;
  292.        transform: translateX(-100%);
  293.        transition: 0.3s;
  294.        border-reduis: 6px;
  295.        border-radius: 6px 6px 0 0;
  296.        overflow: hidden;
  297.    }
  298.     .sd-collapse-header::after {
  299.        content: "+";
  300.        position: absolute;
  301.        z-index: 3;
  302.        right: 20px;
  303.        top: 50%;
  304.        transform: translateY(-50%) rotate(45deg);
  305.        -webkit-transform: translateY(-50%) rotate(45deg);
  306.        -ms-transform: translateY(-50%) rotate(45deg);
  307.        font-family: "Roboto", sans-serif;
  308.        font-weight: 300;
  309.        font-size: 2em;
  310.        line-height: 1em;
  311.        color: #000;
  312.        transition: 0.2s;
  313.        
  314.    }
  315.    .sd-collapse-header.collapsed {
  316.        background-color: #fff;
  317.        border-radius: 6px;
  318.    }
  319.     .sd-collapse-header.collapsed::after {
  320.        transform: translateY(-50%);
  321.        -webkit-transform: translateY(-50%);
  322.        -ms-transform: translateY(-50%);
  323.    }
  324.    
  325.    .sd-collaps aside{
  326.        background-color: #333;
  327.        border: 1px solid #707070;
  328.        border-radius: 0 0 6px 6px;
  329.        /* margin-bottom: 10%; */
  330.    }
  331.    .sd-listlink li a{
  332.        color: #ffffffd4 !important;
  333.    }
  334.    @media (max-width:991px) {
  335.        .sd-padding-top{
  336.            padding-top:10px;
  337.        }
  338.    }
  339. </style>
  340. <style>
  341.    <style>
  342.    .sd-twlogin_From h3{
  343.      color: #ff8805;
  344.      font-size: 30px;
  345.      font-weight: 600;
  346.      margin-bottom: 5px;
  347.    }
  348.    .sd--from-group .sd-input-wrapper{
  349.      position: relative;
  350.      line-height: 16px;
  351.      display: inline-block;
  352.      width: 100%;
  353.      margin-bottom: 30px;
  354.    }
  355.    .sd--from-group .sd-label-control{
  356.      color: #212529;
  357.        font-size: 12px;
  358.        text-transform: uppercase;
  359.        position: absolute;
  360.        z-index: 2;
  361.        left: 20px;
  362.        top: 14px;
  363.        padding: 0 2px;
  364.        pointer-events: none;
  365.        background: #fff;
  366.        transition: transform .1s ease;
  367.        transform: translateY(-20px);
  368.        margin-bottom: 0;
  369.        padding-bottom: 0;
  370.        line-height: 16px;
  371.    }
  372.    .modal-dialog{
  373.      max-width: 50%;
  374.    }
  375.    .sd-list--social li a {
  376.      display: inline-block;
  377.      font-size: 18px;
  378.      color: #666;
  379.    }
  380.    .sd-list--social{
  381.      list-style: none;
  382.      padding: 0;
  383.      text-align: center;
  384.    }
  385.    .googleIcon {
  386.      padding: 6px!important;
  387.      border: 1px solid;
  388.      border-radius: 50%;
  389.      width: 50px;
  390.    }
  391.    .sd-details-inquery {
  392.      border: 1px solid #474747;
  393.      padding: 3% 14%;
  394.      border-radius: 6px;
  395.      font-size: 16px;
  396.      background: #474747;
  397.      color: white;
  398.    }
  399.    @media scree(max-width:991px) {
  400.      .sd-xs-none{
  401.        display: none;
  402.      }
  403.      .modal-dialog{
  404.        max-width: 71%;
  405.      }
  406.    
  407.    }
  408.    @media(max-width:575px) {
  409.      .modal.show .modal-dialog{
  410.        margin: auto;
  411.      }
  412.      .modal-dialog{
  413.        max-width: 95%;
  414.      }
  415.      .sd-twlogin_From h3{
  416.        font-size: 22px;
  417.      }
  418.    }
  419.  
  420.    /**
  421.     * ==============================================
  422.     * Dot Typing
  423.     * ==============================================
  424.     */
  425.    .dot-typing {
  426.        position: relative;
  427.        left: -10051px;
  428.        width: 7px;
  429.        height: 7px;
  430.        border-radius: 5px;
  431.        background-color: #f77b00;
  432.        color: #f77b00;
  433.        box-shadow: 9984px 0 0 0 #f77b00, 9999px 0 0 0 #f77b00, 10014px 0 0 0 #f77b00;
  434.        animation: dotTyping 1s infinite linear;
  435.        margin: 5px 80px;
  436.    }
  437.    
  438.    @keyframes dotTyping {
  439.      0% {
  440.        box-shadow: 9984px 0 0 0 #f77b00, 9999px 0 0 0 #f77b00, 10014px 0 0 0 #f77b00;
  441.      }
  442.      16.667% {
  443.        box-shadow: 9984px -10px 0 0 #f77b00, 9999px 0 0 0 #f77b00, 10014px 0 0 0 #f77b00;
  444.      }
  445.      33.333% {
  446.        box-shadow: 9984px 0 0 0 #f77b00, 9999px 0 0 0 #f77b00, 10014px 0 0 0 #f77b00;
  447.      }
  448.      50% {
  449.        box-shadow: 9984px 0 0 0 #f77b00, 9999px -10px 0 0 #f77b00, 10014px 0 0 0 #f77b00;
  450.      }
  451.      66.667% {
  452.        box-shadow: 9984px 0 0 0 #f77b00, 9999px 0 0 0 #f77b00, 10014px 0 0 0 #f77b00;
  453.      }
  454.      83.333% {
  455.        box-shadow: 9984px 0 0 0 #f77b00, 9999px 0 0 0 #f77b00, 10014px -10px 0 0 #f77b00;
  456.      }
  457.      100% {
  458.        box-shadow: 9984px 0 0 0 #f77b00, 9999px 0 0 0 #f77b00, 10014px 0 0 0 #f77b00;
  459.      }
  460.    }
  461.    
  462.    .mw-15 {
  463.      max-width: 15% !important;
  464.    }
  465.    
  466.    /* form Img CSSS.... Start */
  467.    
  468.    .sd-bg-img-form {
  469.        background-image: url('https://tileswale.com/assets/img/home/tell_us.png');
  470.        height: 144px;
  471.        background-repeat: no-repeat;
  472.        /*background-position: center;*/
  473.  
  474.        
  475.    }
  476.    
  477.    .sd-font-form {
  478.        font-size: 17px;
  479.        font-weight: 500;
  480.        color: #000;
  481.        / margin-right: 30%;/ padding: 5% 23% 0 5%;
  482.    }
  483.    
  484.    .sd-font-form span {
  485.        font-weight: 600;
  486.    }
  487.    
  488.    .tell_us_container {background-color:#ffda00}
  489.  
  490.    
  491.    /* form Img CSSS.... End */
  492.    
  493.    /* custom radio */
  494.    .sd-clear {
  495.     clear: both;
  496.     margin: 0 7px;
  497.    }
  498.    
  499.    .sd-lab-radio {
  500.      border-radius: 6px;
  501.      border: 1px solid #D1D3D4;
  502.      font-size: 14px;
  503.      text-align: center;
  504.      margin: 0;
  505.      transition: 0.4s;
  506.      
  507.    }
  508.    
  509.    
  510.    input.sd-radio:empty {
  511.     margin-left: -999px;
  512.      display: none;
  513.    }
  514.    
  515.    
  516.    input.sd-radio:empty ~ .sd-lab-radio {
  517.     position: relative;
  518.      padding: 3px;
  519.    }
  520.    input.sd-radio:hover:not(:checked) ~ .sd-lab-radio {
  521.      color: #fff;
  522.      background: #f77b00;
  523.      border: 1px solid #f77b00;
  524.    }
  525.    
  526.    input.sd-radio:checked ~ .sd-lab-radio {
  527.      color: #fff;
  528.      background: #f77b00;
  529.      border: 1px solid #f77b00;
  530.    }
  531.    /*custom radio -- end */
  532.    
  533.    /* custom Error */
  534.    .sd-form.is-invalid {
  535.      border-color: #dc3545;
  536.      padding-right: calc(1.5em + .75rem);
  537.      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  538.      background-repeat: no-repeat;
  539.      background-position: right calc(.375em + .1875rem) center;
  540.      background-size: calc(.75em + .375rem) calc(.75em + .375rem);
  541.    }
  542.    /* end - custom error */
  543.    
  544.    .chat-error-container {
  545.        position: absolute;
  546.        top: -15%;
  547.        background: #fff;
  548.    }  
  549.    .sd-form-space {
  550.            padding: 16px 4px 6px !important;
  551.     background-color: #ffdd07;
  552.    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
  553. }
  554.    
  555.    .sd-form-space h5{
  556.            margin: 0 0 20px;
  557.        font-size: 22px !important;
  558.        font-weight: 400;
  559.    }
  560.    .sd-font-form {
  561.        font-size: 17px;
  562.        font-weight: 500;
  563.        color: #000;
  564.        / margin-right: 30%;
  565.        / padding: 5% 23% 0 5%;
  566.    }
  567.    .sd-form {
  568.        padding: 14px 20px;
  569.        line-height: 20px;
  570.        font-size: 14px;
  571.        border-radius: 8px;
  572.        height: 48px;
  573.        font-size: 14px;
  574.        padding: 0 10px;
  575.        width: 100%;
  576.        border: 1px solid #7676769e;
  577.        border-radius: 5px;
  578.        color: #000;
  579.        font-weight: 500;
  580.    }
  581.    .sd-btn-new{
  582.        display: inline-block;
  583.        padding: 11px 26px;
  584.        font-size: 16px;
  585.        line-height: 20px;
  586.        color: #ebebeb;
  587.        border: none;
  588.        font-weight: 600;
  589.        border-radius: 4px;
  590.        background-color: #474747;
  591.        transition: .4s;
  592.        cursor: pointer;
  593.        box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
  594.    }
  595.    .sd-btn-new:hover{
  596.        color:#fff !important;
  597.    }
  598.    .tell_us_container .sd-font-form {
  599.       width: 54% ;
  600.        font-size: 15px;
  601.    }
  602.    @media only screen and (max-width: 600px) {
  603.        .header-right-form {
  604.            display: none !important;
  605.        }
  606.    }
  607.    .select2-container .select2-dropdown{
  608.        z-index: 9;
  609.    }
  610.    .sd-margin-old{
  611.        margin: 0 0 15px !important;
  612.    }
  613.  
  614. /* Transport Section */
  615.    .ps-block--category-2 {
  616.      display: flex;
  617.      margin-bottom: 30px;
  618.      border: 1px solid #e1e1e1;
  619.      transition: .4s;
  620.      border-radius: 12px;
  621.      box-shadow: -1px 6px 8px 0 rgb(0 0 0 / 18%);
  622.    }
  623.    
  624.    .ps-block--category-2 .ps-block__content {
  625.      padding: 18px;
  626.    }
  627.  
  628.    .sd-expor {
  629.      margin-bottom: 8px;
  630.      font-size: 16px;
  631.      font-weight: 400;
  632.    }
  633.    
  634.    .sd-content-left p {
  635.      font-size: 25px;
  636.      line-height: 36px;
  637.      color: #ab402d;
  638.      margin-bottom: 34px;
  639.      font-weight: 500;
  640.      margin-top: 0;
  641.    }
  642.    
  643.    .sd-btn-group a {
  644.      background-color: #fcb800;
  645.      color: #000 !important;
  646.      font-weight: 500;
  647.      padding: 11px 26px;
  648.    }
  649.    
  650.    .sd-transport img {
  651.      height: 220px;
  652.      object-fit: cover;
  653.      border-radius: 0 12px 12px 0;
  654.    }
  655.    
  656.    @media screen and (max-width: 1540px) {
  657.        .sd-content-left p {
  658.            font-size: 20px;
  659.        }
  660.    }
  661.    @media screen and (max-width: 375px) {
  662.        .sd-content-left p {
  663.            font-size: 18px !important;
  664.            line-height: 17px;
  665.            margin-bottom: 10px;
  666.        }
  667.    }
  668.  
  669.    @media screen and (max-width: 420px) {
  670.        .sd-transport img {
  671.            height: 186px;
  672.        }
  673.    }  
  674.    @media screen and (max-width: 440px) {
  675.        .sd-btn-group a {
  676.            padding: 4px 4px !important;
  677.            font-size: 13px !important;
  678.        }
  679.    }  
  680.    
  681.    @media screen and (max-width: 560px) {
  682.        .sd-transport img {
  683.            height: 176px;
  684.        }
  685.        .sd-btn-group a {
  686.            padding: 6px 11px;
  687.        }
  688.        .sd-content-left p {
  689.            font-size: 20px !important;
  690.            line-height: 26px;
  691.            margin-bottom: 19px;
  692.        }
  693.        .sd-respon-pad {
  694.            padding-top: 39px !important;
  695.        }
  696.    }
  697.    @media screen and (max-width: 1024px) {
  698.        .sd-transport img {
  699.            height: 212px;
  700.        }
  701.        .sd-content-left p {
  702.            font-size: 16px !important;
  703.            line-height: 30px;
  704.        }
  705.    }
  706.    @media screen and (max-width: 1200px) {
  707.        .sd-transport img {
  708.            height: 240px;
  709.        }
  710.        .sd-content-left p {
  711.            font-size: 18px;
  712.        }
  713.    }
  714.    @media screen and (max-width: 1440px) {
  715.        .sd-transport img {
  716.            height: 235px;
  717.        }
  718.    }  
  719.    
  720.    /*sd-style*/
  721.    .sd-transport{
  722.        padding-top:0 !important;
  723.        max-width:100% !important;
  724.    }
  725.   @media only screen and (max-width: 380px) {
  726.        .sd-responsive-transport{
  727.                flex-direction: column-reverse;
  728.        }
  729.        .sd-transport, .sd-content-left{
  730.            width:100% !important;
  731.        }
  732.        .sd-content-left{
  733.            text-align:center;
  734.        }
  735.        .sd-d-none{
  736.            display:none;
  737.        }
  738.        .sd-content-left P{
  739.            margin-bottom:12px;
  740.        }
  741.         .sd-btn-group .ps-btn{
  742.             width:100% !important;
  743.         }
  744.         .sd-transport img{
  745.             border-radius: 12px 12px 0 0;
  746.         }
  747.    }
  748.    
  749.    .ps-btn:active, .ps-btn:hover, button.ps-btn:active, button.ps-btn:hover {
  750.        background-color: #111;
  751.        color: #fff !important;
  752.    }
  753. /* End transport section */
  754.  
  755.    .animate-55 {
  756.        margin-bottom: 45px;
  757.    }
  758.    
  759.    .animate-20 {
  760.        margin-bottom: 20px;
  761.    }
  762.    
  763.    #requirement-form label.error {
  764.        color: red!important;
  765.        position: absolute;
  766.        top: -9%;
  767.        display: block;
  768.        background: #fff;
  769.        left: 9%;
  770.        z-index: 99;
  771.    }
  772.    
  773.    .spinner-thin {
  774.        border: 3px solid currentColor;
  775.        border-right-color: transparent;
  776.        position: relative;
  777.        top: -2px;
  778.    }
  779.    
  780.    
  781.    /* Selectize */
  782.    .selectize-input {
  783.        line-height: 20px;
  784.        padding: 14px 20px;
  785.        border-radius: 8px;
  786.    }
  787.    option {
  788.        padding: 6px;
  789.        user-select: none;
  790.        -webkit-user-select: none;
  791.      
  792.        color: #343a40;
  793.        font-family: inherit;
  794.        font-size: inherit;
  795.        line-height: 1.5;
  796.    }
  797.    .selectize-dropdown, .selectize-dropdown.form-control {
  798.      z-index: 99;
  799.    }
  800.  
  801.    .form-control {
  802.      border-radius: 6px;  
  803.      height: 48px;
  804.      padding: 0 15px;
  805.    }
  806.    
  807.    .selectize-input.focus {
  808.        border-color: #eb7d1c !important;
  809.        outline: 0;
  810.        box-shadow: none !important;
  811.    }
  812.    
  813.    /* Transport Section v2 */
  814.    .sd-left-domestic {
  815.      border: 1px solid #e3e3e3;
  816.      padding: 15px 0 27px;
  817.      box-shadow: 1px 6px 16px 0 rgba(0, 0, 0, 0.12);
  818.      border-radius: 12px;
  819.      background: #fff;
  820.    }
  821.    
  822.    .sd-transport-heading {  
  823.        font-size: 25px;
  824.        line-height: 36px;
  825.        color: #ab402d;
  826.        font-weight: 600;
  827.        margin-top: 0;  
  828.    }
  829.    .sd-transport-paragraph{
  830.      font-size: 17px;
  831.    }
  832.    @media (max-width: 991px) {
  833.        .sd-padding-responsive{
  834.        padding: 20px 18px 10px !important;
  835.          margin-bottom:30px ;
  836.        }
  837.         .sd-transport-heading, .sd-transport-paragraph, .sd-btn-group{
  838.          text-align:center !important;
  839.      }
  840.      .sd-boder-bottom{
  841.         border: 1px solid #d5d5d5;
  842.        width: 95%;
  843.        margin: auto;
  844.      }
  845.      
  846.      .d-none-tab {
  847.          display: none !important;
  848.      }
  849.    }
  850.    
  851.    @media (max-width: 600px) {
  852.      .sd-padding-responsive{
  853.       padding: 20px 18px 10px !important;
  854.        margin-bottom:30px ;
  855.    
  856.      }
  857.      .sd-left-domestic{
  858.         margin: 0 ;
  859.      }
  860.      .sd-transport-paragraph{
  861.        font-size: 16px;
  862.      }
  863.    
  864.      .sd-btn-block a{
  865.          width:100% !important;
  866.          padding:12px !important;
  867.          font-weight:500 !important;
  868.          font-size:16px !important;
  869.      }
  870.      .sd-hedding-tranport{
  871.          font-size:16px !important;
  872.      }
  873.      
  874.      .sd-margin-responsive{
  875.          margin-bottom:30px;
  876.      }
  877.      
  878.    }
  879.    .btn-yellow{
  880.          background-color: #fcb800;
  881.      color: #000 !important;
  882.      font-weight: 500;
  883.    }
  884.    
  885.    /* General */
  886.    @media screen and (max-width: 600px) {
  887.        .d-none-mob {
  888.            display: none !important;
  889.        }
  890.    }
  891.    
  892.  
  893.    :root {
  894.        --swiper-theme-color: #ff8f00;
  895.    }
  896.    
  897.        .swiper {
  898.          width: 100%;
  899.          height: 100%;
  900.        }
  901.    
  902.        .swiper-slide {
  903.          text-align: center;
  904.          font-size: 18px;
  905.          background: #fff;
  906.          display: flex;
  907.          justify-content: center;
  908.          align-items: center;
  909.        }
  910.    
  911.        .swiper-slide img {
  912.          display: block;
  913.          width: 100%;
  914.          height: 100%;
  915.        }
  916.        
  917.        
  918.    .sd-transport-row {
  919.        bottom: -169px;
  920.    }
  921.    
  922.    .sd-transport-card {
  923.        background-color: #fff;
  924.        border: 1px solid #d3d3d3;
  925.        padding: 10px;
  926.        box-shadow: 1px 6px 16px 0 rgb(0 0 0 / 12%);
  927.        border-radius: 5px;
  928.    }
  929.    
  930.    .sd-mobile-font25 {
  931.        font-size: 25px;
  932.    }
  933.    
  934.    .sd-bg-transport {
  935.        background-image: url('https://tileswale.com//front_assets/img/transport/transport.webp');
  936.    }
  937.    
  938.    .sd-section-margin {
  939.        margin-bottom: 100px;
  940.    }
  941.    
  942.    @media (max-width:760px) {
  943.        .sd-texthedding-mobile25 {
  944.            font-size: 25px;
  945.        }
  946.        .sd-textp-mobile18 {
  947.            font-size: 18px;
  948.        }
  949.        .sd-transport-row {
  950.            bottom: -30px;
  951.        }
  952.        .sd-bg-transport {
  953.            background-image: url('https://tileswale.com//front_assets/img/transport/transport-mobile.webp');
  954.            margin-bottom: 20px;
  955.        }
  956.        .sd-section-margin {
  957.            margin-bottom: 0px;
  958.        }
  959.    }
  960.    
  961.    .sd-bg-b2b2c {
  962.        background: linear-gradient(16deg, rgba(252, 174, 48, 1) 0%, rgba(247, 133, 63, 1) 20%, rgba(243, 99, 73, 1) 42%, rgba(240, 73, 80, 1) 74%, rgba(239, 72, 80, 1) 100%);
  963.    }
  964.    
  965.    .sd-counter {
  966.        font-size: 28px;
  967.        color: #FFD693;
  968.        font-weight: 600;
  969.        line-height: 25px;
  970.    }
  971.    
  972.    .sd-counter p {
  973.        font-size: 20px;
  974.    }
  975.    
  976.    .sd-b2b2c-btn {
  977.        font-size: 20px;
  978.        font-weight: 500;
  979.        padding: 10px 23px;
  980.        border-radius: 6px;
  981.        background-color: #fff !important;
  982.        color: #000 !important;
  983.    }
  984.    
  985.    .sd-b2b2c-btn:hover {
  986.        background-color: #fff !important;
  987.        color: #000 !important;
  988.        box-shadow: 1px 6px 16px 0 rgb(0 0 0 / 12%);
  989.    }
  990.    
  991.    @media (max-width:560px) {
  992.        .sd-counter {
  993.            font-size: 15px;
  994.        }
  995.        .sd-counter p {
  996.            font-size: 13px;
  997.        }
  998.    }
  999.    .mb-40 {
  1000.        margin-bottom: 40px !important;
  1001.    }
  1002.    
  1003.    @media (max-width:760px) {
  1004.        .mb-mobile-20 {
  1005.            margin-bottom: 20px !important;
  1006.        }
  1007.    }
  1008.    
  1009.    .sd-list-one.active {
  1010.        background-color: #faea61 !important;
  1011.        border-color: #faea61 !important;
  1012.    }
  1013.    
  1014.    .sd-list-two.active {
  1015.        background-color: #79C746 !important;
  1016.        border-color: #79C746 !important;
  1017.    }
  1018.    
  1019.    .sd-list-three.active {
  1020.        background-color: #6CC1D6 !important;
  1021.        border-color: #6CC1D6 !important;
  1022.    }
  1023.    
  1024.    .sd-font-wight {
  1025.        font-weight: 600;
  1026.    }
  1027.  
  1028.    .sd-form-card label {
  1029.        display: block;
  1030.        position: absolute;
  1031.        margin: 0;
  1032.    }
  1033. </style>
  1034. <style>
  1035.    .ps-dropdown ul li a {
  1036.        display: flex;
  1037.    }
  1038.    .ps-dropdown ul li a span{
  1039.        margin-right: 8px;
  1040.    }
  1041.    .mega-menu__column.ps_category.other-Suppliers-container {
  1042.        min-width: 180px;
  1043.    }
  1044.    .menu--product-categories>a {
  1045.        display: inline-block;
  1046.        padding: 15px 25px;
  1047.        font-size: 16px;
  1048.        font-weight: 400;
  1049.        line-height: 20px;
  1050.        color: #000;
  1051.    }
  1052.    .menu--product-categories>a:after {
  1053.        content: "\e93a";
  1054.        font: normal normal normal 12px/1 linearicons;
  1055.        position: absolute;
  1056.        top: 50%;
  1057.        transform: translateY(-50%);
  1058.        right: 0;
  1059.    }
  1060.    .directorymenucontainer{
  1061.        width: 480px;
  1062.        padding: 15px 0px;
  1063.        position: relative;
  1064.        display: inline-block;
  1065.    }
  1066.    .autosuggest__container {
  1067.        z-index: 11;
  1068.    }
  1069.    .buyer-post-img{
  1070.        /* width: 48px !important;
  1071.        height: auto; */
  1072.    }
  1073.    .block-inner-box {
  1074.        display: flex;
  1075.    }
  1076.    .card.box-seller {
  1077.        /* height: 100% !important; */
  1078.        transition: transform .20s ease-in-out;
  1079.  
  1080.    }
  1081.    .card.box-seller:hover {
  1082.        transform: scale(1.03,1.03);
  1083.  
  1084.    }
  1085.    .isfeaturedbtn {
  1086. position: absolute;
  1087. top: 10px;
  1088. left: 2px;
  1089. font-size: 12px;
  1090. z-index: 2;
  1091. padding: 2px 6px 2px;
  1092. white-space: nowrap;
  1093. background: #f38820;
  1094. color: #fff;
  1095.    }
  1096.    .isrecommandedbtn {
  1097.        position: absolute;
  1098.        top: 10px;
  1099.        right: 5px;
  1100.        font-size: 12px;
  1101.        z-index: 2;
  1102.        padding: 2px 6px 2px;
  1103.        white-space: nowrap;
  1104.        background: #22466a;
  1105.        color: #fff;
  1106.    }
  1107.    .hiring-label {
  1108.        background: #f38820;
  1109.        border: 1px solid #fff;
  1110.        border-radius: 19px;
  1111.        font-size: .8rem;
  1112.        color: #fff;
  1113.        white-space: nowrap;
  1114.        padding: 4px 9px;
  1115.        width: -webkit-fit-content;
  1116.        width: -moz-fit-content;
  1117.        width: fit-content;
  1118.        height: -webkit-fit-content;
  1119.        height: -moz-fit-content;
  1120.        height: fit-content;
  1121.        margin-left: 5px;
  1122.    }
  1123.    .btn-post {      
  1124.        text-align: center;
  1125.    }
  1126.    .res-de-para > a:hover{
  1127.        color:#fff !important;
  1128.    }
  1129.  
  1130.    @media only screen and (max-width: 600px) {
  1131.        .res-date-text{
  1132.            width: 130px;
  1133.            position: absolute;
  1134.            right: 0;
  1135.        }
  1136.        .time-re-desig{
  1137.            font-size:10px !important;
  1138.            width: 100px;
  1139.        }
  1140.    }
  1141.  
  1142.    .img_position{
  1143.        right: 5px !important;
  1144.        top: 30px !important;
  1145.    }
  1146.  
  1147.  
  1148.    .para-res-payme{
  1149.        position: absolute;
  1150.    right: 0;
  1151.    bottom: 19%;
  1152.    }
  1153.  
  1154.    .new-bage-rede{
  1155.        padding: 7px 13px !important;
  1156.    }
  1157.  
  1158. .mf-vendor-price{background: #FFFAF5; padding: 10px;}
  1159.  
  1160.    .mf-vendor-img{
  1161. width: 50px;height: 50px;
  1162. }
  1163. /*.tw_postverify{ style="right: 4px !important; top:29px !important;}*/
  1164. .buyer_card_img{
  1165. width: 45px !important;
  1166.    height: 45px !important;  border: 1px solid #d5d5d5 !important;
  1167. }
  1169. .tw_postverify {
  1170.    position: absolute;
  1171.    right: 18px;
  1172.    top: 29px;
  1173.    width: 14px;
  1174.    height: 14px;}
  1175.    
  1176.    .view_price_seller{
  1177.        margin-right: 11px;
  1178.    }
  1179.  
  1180.    .sd-btn-google {
  1181.        background-color: transparent !important;
  1182.        padding: 0 !important;
  1183.    }
  1184.    @media only screen and (max-width: 560px) {
  1185.        .sd-btn-google {
  1186.            height: 30px;
  1187.        }
  1188.    }
  1189.  
  1190.    .sd-pdf-send{
  1191.        padding: 8% 0;
  1192.    }
  1193.  
  1194.    .m-search-img-upload {
  1195.        position: relative;
  1196.        line-height: 80px;
  1197.        float: left;
  1198.        width: 80px;
  1199.        height: 80px;
  1200.        text-align: center;
  1201.        border: 1px #cfd2d7 dashed;
  1202.        cursor: pointer;
  1203.        box-sizing: border-box;
  1204.    }
  1205.  
  1206.    .m-search-img-upload::before {
  1207.        content: "";
  1208.        width: 31px;
  1209.        height: 1px;
  1210.        -ms-transform: rotate(90deg);
  1211.        -moz-transform: rotate(90deg);
  1212.        -webkit-transform: rotate(90deg);
  1213.        -o-transform: rotate(90deg);
  1214.        transform: rotate(90deg);
  1215.        position: absolute;
  1216.        top: 39px;
  1217.        background: #1570cb;
  1218.        left: 25px;
  1219.    }
  1220.  
  1221.    .m-search-img-upload::after {
  1222.        content: "";
  1223.        width: 30px;
  1224.        height: 1px;
  1225.        position: absolute;
  1226.        top: 39px;
  1227.        background: #1570cb;
  1228.        left: 25px;
  1229.    }
  1230.  
  1231.    .m-search-img-tips {
  1232.        padding-left: 20px;
  1233.        overflow: hidden;
  1234.        display: table-cell;
  1235.        vertical-align: middle;
  1236.        font-weight: normal;
  1237.        font-size: 18px;
  1238.        margin-bottom: 0;
  1239.        align-self: center;
  1240.    }
  1241.    
  1242.         /* Login popup */
  1243.  
  1244.    .login-popup-bg {
  1245.        background-image: url(https://tileswale.com/assets/img/login_background.png);
  1246.        background-size: cover;
  1247.        background-position: center;
  1248.        background-repeat: no-repeat;
  1249.    }
  1250.    .login-popup-or-line {
  1251.        display: flex;
  1252.        justify-content: SPACE-EVENLY;
  1253.        align-items: center;
  1254.    }
  1255.    .login-popup-or-line span {
  1256.        height: 1px;
  1257.        display: block;
  1258.        width: 45%;
  1259.        background: #aaaaaa;
  1260.    }
  1261.    .sd-or-border {
  1262.        background-color: #dfdfdf;
  1263.        height: 1px;
  1264.        width: 40%;
  1265.    }
  1266.  
  1267.    .sd-login-heading {
  1268.        top: 50%;
  1269.        left: 50%;
  1270.        transform: translate(-50%, -50%);
  1271.        width: 72%;
  1272.    }
  1273.    
  1274.    .border-dark {
  1275.        border-color: #7676769e !important;
  1276.    }
  1277.  
  1278.    .sd-rounded {
  1279.        border-radius: 5px;
  1280.    }
  1281.  
  1282.    .sd-font-21 {
  1283.        font-size: 21px !important;
  1284.        font-weight: 600;
  1285.    }
  1286.    .sd-font-23 {
  1287.        font-size: 23px !important;
  1288.    }
  1289.  
  1290.    .right-15 {
  1291.        right: 15px;
  1292.    }
  1293.    .top-10 {
  1294.        top: 10px;
  1295.    }
  1296.    .font-30 {
  1297.        font-size: 30px;
  1298.    }
  1299.    .close {
  1300.        cursor: pointer;
  1301.    }
  1302.  
  1303.    @media only screen and (min-width: 1540px) {
  1304.        #loginModalForm .modal-dialog {
  1305.            max-width: 50% !important;
  1306.        }
  1307.    }
  1308.  
  1309.   .sd-cameranew {
  1310.        display: block;
  1311.        text-align: center;
  1312.        position: absolute;
  1313.        width: 38px;
  1314.        height: 18px;
  1315.        border-radius: 15.5px;
  1316.        background: #009704;
  1317.        line-height: 1.6;
  1318.        font-size: 12px;
  1319.        color: #fff;
  1320.        top: -15px;
  1321.        left: -20px;
  1322.        z-index: 9;
  1323.        border-bottom-right-radius: 0;
  1324.    }
  1325.    
  1326.    .sd-cameranew::after {
  1327.        content: " ";
  1328.        width: 0;
  1329.        height: 0;
  1330.        background: #009704;
  1331.        position: absolute;
  1332.        top: 14px;
  1333.        left: 28px;
  1334.        border: 3px solid #009704;
  1335.        border-width: 3px 4px 3px 5px;
  1336.        border-color: #009704 transparent transparent #009704;
  1337.        background: none;
  1338.        transform: rotate(213deg);
  1339.    }
  1340.  
  1341.    @media only screen and (max-width: 560px) {
  1342.        .sd-cameranew {
  1343.            position: relative;
  1344.            top: -44px;
  1345.        }
  1346.    }
  1347.    
  1348.    
  1349.    /* menu change */
  1350.    
  1351.        
  1352.        .sd-pulse {
  1353.            / left: 108px !important; /
  1354.            display: none;
  1355.        }
  1356.        
  1357.        .sd-navigation {
  1358.            border-bottom: 1px solid #f4f4f4;
  1359.            padding-bottom: 0px;
  1360.            padding-top: 5px;
  1361.        }
  1362.        
  1363.        .sd-active-bottom:hover .sd-navbar-catagory {
  1364.            color: #F38820 !important;
  1365.        }
  1366.        
  1367.        .sd-border-y {
  1368.            height: 33px;
  1369.            width: 1px;
  1370.            background: #a6a6a6;
  1371.            margin-left: 14px;
  1372.            position: absolute;
  1373.            right: -2px;
  1374.            top: 5px;
  1375.            border-radius: 5px;
  1376.        }
  1377.        
  1378.        .sd-navbar-catagory {
  1379.            line-height: 19px !important;
  1380.            margin: 10px 17px !important;
  1381.            padding: 0 !important;
  1382.            padding-bottom: 10px !important;
  1383.            margin-bottom: 0 !important;
  1384.            margin: 4px 17px 0px !important;
  1385.        }
  1386.  
  1387.        .sd-active-bottom>.active {
  1388.            border-bottom: 2px solid #f38820;
  1389.            color: #F38820;
  1390.        }
  1391.        
  1392.        .sd-livemarket {
  1393.            position: absolute;
  1394.            / background: red; /
  1395.            height: -3px;
  1396.            / color: #fff; /
  1397.            top: -1px;
  1398.            right: 11px;
  1399.        }
  1400.        
  1401.        .sd-quick-buy {
  1402.            background: antiquewhite;
  1403.            color: #f38820 !important;
  1404.            border-radius: 6px;
  1405.            margin: 6px 0 0;
  1406.            padding: 9px 14px !important;
  1407.        }
  1408.    
  1409.    
  1410.    .sd-font-wight600 {
  1411.        font-weight: 600 !important;
  1412.    }
  1413.    
  1414.    .sd-font-wight500 {
  1415.        font-weight: 500 !important;
  1416.    }
  1417.    
  1418.    /* mega menu changes */
  1419.    .menu-square-icon {
  1420.        height: 90px;
  1421.    }
  1422.    .menuAddyour  {
  1423.        width: 210px !important;
  1424.    }
  1425.    .directorymenucontainer {
  1426.        width: 330px;
  1427.    }
  1428.    .menu>li.has-mega-menu:hover .mega-menu {
  1429.        border-radius: 7px;
  1430.    }
  1431.    
  1432.    .box-seller img.lazy:after {
  1433.        content: "";
  1434.        
  1435.        font-size: 16px;
  1436.        font-family: FontAwesome;
  1437.        color: rgb(100, 100, 100);
  1438.        
  1439.        display: block;
  1440.        position: absolute;
  1441.        z-index: 2;
  1442.        top: 0;
  1443.        left: 0;
  1444.        width: 100%;
  1445.        height: 100%;
  1446.        background: #f6f7f8;
  1447.        background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
  1448.        background-repeat: no-repeat;
  1449.        
  1450.        -webkit-animation-duration: 1s;
  1451.        -webkit-animation-fill-mode: forwards;
  1452.        -webkit-animation-iteration-count: infinite;
  1453.        -webkit-animation-name: placeholderShimmer;
  1454.        -webkit-animation-timing-function: linear;
  1455.    }
  1456.    
  1457.    textarea.form-control.comment {
  1458.      font-weight: normal;
  1459.    }
  1460.    
  1461.    
  1462.    /*// Shimmer     */
  1463.    .box-seller .lazy {
  1464.        background: #f6f7f8;
  1465.        background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
  1466.        background-repeat: no-repeat;
  1467.        background-size: 800px 100vh;
  1468.        display: inline-block;
  1469.        position: relative;
  1470.        
  1471.        -webkit-animation-duration: 1s;
  1472.        -webkit-animation-fill-mode: forwards;
  1473.        -webkit-animation-iteration-count: infinite;
  1474.        -webkit-animation-name: placeholderShimmer;
  1475.        -webkit-animation-timing-function: linear;
  1476.    }
  1477.  
  1478.    @-webkit-keyframes placeholderShimmer {
  1479.        0% {
  1480.            background-position: -468px 0;
  1481.        }
  1482.        100% {
  1483.            background-position: 468px 0;
  1484.        }
  1485.    }
  1486.    
  1487.    .inquiry-sub-title {
  1488.        color : #0b0b0b !important;
  1489.        font-weight: 500;
  1490.    }
  1491.    
  1492.    /* menu changes */
  1493.    .header.header--sticky .navigation {
  1494.        top: 85px;
  1495.    }
  1496.    .card-design-img {
  1497.        width: 45px;
  1498.        height: 45px;
  1499.    }
  1500.    
  1501.   .profile-dropdown{
  1502.        left: -80px;
  1503.        border: 1px solid #d8d8d8;
  1504.        border-top: 0;
  1505.        box-shadow: -3px 7px 30px #00000029;
  1506.    }
  1507.    
  1508.    @media only screen and (max-width: 1540px) {
  1509.       .profile-dropdown{
  1510.            left: -118px;
  1511.        }
  1512.    
  1513.        .header-action-left{
  1514.            place-content: center !important;
  1515.        }
  1516.    }
  1517.    
  1518.    .owl-carousel .owl-item .sd-last-img {
  1519.        display: none;
  1520.    }
  1521.    
  1522.    @media screen and  (max-width: 768px){
  1523.        .sd-wp-none {
  1524.            display:none !important;
  1525.        }
  1526.    }
  1527.    
  1528.    /* Install App Section */
  1529.    .bg-brand {
  1530.        background-color: #ff8805 !important;
  1531.    }
  1532.    .mb-50 {
  1533.        margin-bottom : 50px !important;
  1534.    }
  1535.    .font-10 {
  1536.        font-size: 10px !important;
  1537.    }
  1538.    .font-12 {
  1539.        font-size: 12px !important;
  1540.    }
  1541.    .font-16 {
  1542.        font-size: 16px !important;
  1543.    }
  1544.    .z-100 {
  1545.        z-index: 1000000;
  1546.    }
  1547.    .bottom-nagtive-10 {
  1548.        bottom: -10px !important;
  1549.    }
  1550.    .close-install-app {
  1551.        top: -13px !important;
  1552.        right: 22px !important;
  1553.    }
  1554.    .alert-reset {
  1555.        padding: 0;
  1556.        margin-bottom: 0;
  1557.        border: none;
  1558.        border-radius: none;
  1559.    }
  1560.    .border-radius-6 {
  1561.        border-radius: 6px !important;
  1562.    }
  1563.    .hamburger-btn {
  1564.        bottom: 7%;
  1565.    }
  1566.    
  1567.    /* Hide translator */
  1568.    .skiptranslate {
  1569.        display: none !important;
  1570.    }
  1571.    body {
  1572.        top: 0px !important;
  1573.    }
  1574.    
  1575.    input::-webkit-outer-spin-button,
  1576.    input::-webkit-inner-spin-button {
  1577.        display: none;
  1578.    }
  1579.    
  1580.        
  1581.    @media screen and (max-width: 768px){
  1582.        .m-py-5{
  1583.            padding-bottom: 3rem !important;
  1584.            padding-top: 3rem !important;
  1585.        }
  1586.    }
  1587.    
  1588.     /*Login popup */
  1589.    .z-index-99 {
  1590.        z-index: 99;
  1591.    }
  1592.    .login-popup-bg {
  1593.        /*height: 450px;*/
  1594.        height: 515px;
  1595.    }
  1596.    .sd-sucess-width{
  1597.        width: 50%;
  1598.    }
  1599.    @media screen and (max-width: 760px) {
  1600.        .sd-sucess-width{
  1601.            width: 100%;
  1602.        }
  1603.    }  
  1604.    
  1605.    /*buy sell new button*/
  1606.    .buysell-req-btn {
  1607.        bottom: 7%;
  1608.        width: max-content;
  1609.        height: 38px;
  1610.        align-items: flex-start;
  1611.        right: 1%;
  1612.        color: #fff;
  1613.        background: #ff8805;
  1614.        padding: 0 8px;
  1615.        border-radius: 25px;
  1616.        z-index: 111;
  1617.        display: flex;
  1618.        flex-direction: column;
  1619.        justify-content: center;
  1620.        position: fixed;
  1621.        cursor: pointer;
  1622.        top: auto;
  1623.        transform: translate(-5%, -50%);
  1624.        transition: all .7s ease;
  1625.        box-shadow: 0 4px 8px -5px #000;
  1626.    }
  1627.    .buysell-req-btn > a:hover{
  1628.        color:#fff !important;
  1629.    }
  1630.    .buysell-req-btn .text {
  1631.        display: block;
  1632.        margin: auto;
  1633.        color: #fff;
  1634.        font-weight: 500;
  1635.        text-transform: none;
  1636.        padding: 0px 10px;
  1637.        font-size: 14px;
  1638.    }
  1639.    .sd-mx50{
  1640.        max-width:50%;
  1641.    }
  1642.    @media screen and (max-width: 767px) {
  1643.        .sd-mx50{
  1644.            max-width: 95%;
  1645.            margin:auto;
  1646.        }
  1647.        .sd-whatsapp-web {
  1648.            /* display: none !important; */
  1649.        }
  1650.        
  1651.    }
  1652.    
  1653.    /* Chrome, Safari, Edge, Opera */
  1654.    input::-webkit-outer-spin-button,
  1655.    input::-webkit-inner-spin-button {
  1656.        -webkit-appearance: none;
  1657.        margin: 0;
  1658.    }
  1659.  
  1660.    /* Firefox */
  1661.    input[type=number] {
  1662.        -moz-appearance: textfield;
  1663.    }
  1664. </style>
  1665. <style>
  1666.    
  1667.    /* Hide translator */
  1668.    .skiptranslate {
  1669.        display: none !important;
  1670.    }
  1671.    body {
  1672.        top: 0px !important;
  1673.    }
  1674.    
  1675.    input::-webkit-outer-spin-button,
  1676.    input::-webkit-inner-spin-button {
  1677.        display: none;
  1678.    }
  1679.    
  1680.        
  1681.    @media screen and (max-width: 768px){
  1682.        .m-py-5{
  1683.            padding-bottom: 3rem !important;
  1684.            padding-top: 3rem !important;
  1685.        }
  1686.    }
  1687.    
  1688.     /*Login popup */
  1689.    .z-index-99 {
  1690.        z-index: 99;
  1691.    }
  1692.    .login-popup-bg {
  1693.        /*height: 450px;*/
  1694.        height: 515px;
  1695.    }
  1696.    .sd-sucess-width{
  1697.        width: 50%;
  1698.    }
  1699.    @media screen and (max-width: 760px) {
  1700.        .sd-sucess-width{
  1701.            width: 100%;
  1702.        }
  1703.    }  
  1704.    
  1705.    /*buy sell new button*/
  1706.    .buysell-req-btn {
  1707.        bottom: 7%;
  1708.        width: max-content;
  1709.        height: 38px;
  1710.        align-items: flex-start;
  1711.        right: 1%;
  1712.        color: #fff;
  1713.        background: #ff8805;
  1714.        padding: 0 8px;
  1715.        border-radius: 25px;
  1716.        z-index: 111;
  1717.        display: flex;
  1718.        flex-direction: column;
  1719.        justify-content: center;
  1720.        position: fixed;
  1721.        cursor: pointer;
  1722.        top: auto;
  1723.        transform: translate(-5%, -50%);
  1724.        transition: all .7s ease;
  1725.        box-shadow: 0 4px 8px -5px #000;
  1726.    }
  1727.  
  1728.    .buysell-req-btn .text {
  1729.        display: block;
  1730.        margin: auto;
  1731.        color: #fff;
  1732.        font-weight: 500;
  1733.        text-transform: none;
  1734.        padding: 0px 10px;
  1735.        font-size: 14px;
  1736.    }
  1737.    .sd-mx50{
  1738.        max-width:50%;
  1739.    }
  1740.    @media screen and (max-width: 767px) {
  1741.        .sd-mx50{
  1742.            max-width: 95%;
  1743.            margin:auto;
  1744.        }
  1745.        .sd-whatsapp-web {
  1746.            /* display: none !important; */
  1747.        }
  1748.    }
  1749.    
  1750.    /* Chrome, Safari, Edge, Opera */
  1751.    input::-webkit-outer-spin-button,
  1752.    input::-webkit-inner-spin-button {
  1753.        -webkit-appearance: none;
  1754.        margin: 0;
  1755.    }
  1756.  
  1757.    /* Firefox */
  1758.    input[type=number] {
  1759.        -moz-appearance: textfield;
  1760.    }
  1761. </style>
  1762. <style>
  1763.    .sd-buyercards {
  1764.        background-color: #ffffff;
  1765.        box-shadow: 0 0 3px 0 rgb(0 10 20 / 12%);
  1766.    }
  1767.    .sd-buyer-body{
  1768.        background: #f3f3f3
  1769.    }
  1770.    .sd-icon-buyer{
  1771.        height: 60px;
  1772.        border-radius:6px;
  1773.    }
  1774.    .text-blue{
  1775.        color: #003162;
  1776.    }
  1777.    .sd-close-buyer{
  1778.        background: #000;
  1779.        right: 10px;
  1780.        font-weight: 400;
  1781.        border-radius: 0 0 0 10px;
  1782.        padding: 0px 4px 4px 7px !important;
  1783.        font-size: 30px;
  1784.    }
  1785. </style>
  1786. <style>
  1787.    .container-boxy {
  1788. margin: 20px auto;
  1789.     background-color: #fff;
  1790.     border-radius: 6px;
  1791. /* padding: 30px; */
  1792.    }
  1793.    .sd-collapse-header {
  1794.        position: relative;
  1795.        margin-bottom: 10px;
  1796.        padding: 15px 50px 15px 20px;
  1797.        display: block;
  1798.        background-color: #efefef;
  1799.        overflow: hidden;
  1800.        border-radius: 6px 6px 0 0;
  1801.    }
  1802.    .sd-collapse-header h4 {
  1803.        position: relative;
  1804.        z-index: 2;
  1805.        margin: 0;
  1806.        color: #212121;
  1807.        font-size: 1.5rem;
  1808.        text-decoration: none;
  1809.        font-weight: 600;
  1810.    }
  1811.  
  1812.    .sd-collapse-header::before {
  1813.        content: '';
  1814.        position: absolute;
  1815.        z-index: 1;
  1816.        top: 0;
  1817.        left: 0;
  1818.        width: 100%;
  1819.        height: 100%;
  1820.        background-color: #efefef;
  1821.        color: #000;
  1822.        transform: translateX(-100%);
  1823.        transition: 0.3s;
  1824.        border-reduis: 6px;
  1825.        border-radius: 6px 6px 0 0;
  1826.        overflow: hidden;
  1827.    }
  1828.    .sd-collapse-header::after {
  1829.        content: "+";
  1830.        position: absolute;
  1831.        z-index: 3;
  1832.        right: 20px;
  1833.        top: 50%;
  1834.        transform: translateY(-50%) rotate(45deg);
  1835.        -webkit-transform: translateY(-50%) rotate(45deg);
  1836.        -ms-transform: translateY(-50%) rotate(45deg);
  1837.        font-family: "Roboto", sans-serif;
  1838.        font-weight: 300;
  1839.        font-size: 2em;
  1840.        line-height: 1em;
  1841.        color: #000;
  1842.        transition: 0.2s;
  1843.        
  1844.    }
  1845.    .sd-collapse-header.collapsed {
  1846.        background-color: #fff;
  1847.        border-radius: 6px;
  1848.    }
  1849.    .sd-collapse-header.collapsed::after {
  1850.        transform: translateY(-50%);
  1851.        -webkit-transform: translateY(-50%);
  1852.        -ms-transform: translateY(-50%);
  1853.    }
  1854.  
  1855.    .sd-collaps aside{
  1856.        background-color: #333;
  1857.        border: 1px solid #707070;
  1858.        border-radius: 0 0 6px 6px;
  1859.        /* margin-bottom: 10%; */
  1860.    }
  1861.    .sd-listlink li a{
  1862.        color: #ffffffd4 !important;
  1863.    }
  1864.    @media (max-width:991px) {
  1865.        .sd-padding-top{
  1866.            padding-top:10px;
  1867.        }
  1868.    }
  1869. </style>
  1870. <style>
  1871.    .ps-dropdown ul li a {
  1872.        display: flex;
  1873.    }
  1874.    .ps-dropdown ul li a span{
  1875.        margin-right: 8px;
  1876.    }
  1877.    .mega-menu__column.ps_category.other-Suppliers-container {
  1878.        min-width: 180px;
  1879.    }
  1880.    .menu--product-categories>a {
  1881.        display: inline-block;
  1882.        padding: 15px 25px;
  1883.        font-size: 16px;
  1884.        font-weight: 400;
  1885.        line-height: 20px;
  1886.        color: #000;
  1887.    }
  1888.    .menu--product-categories>a:after {
  1889.        content: "\e93a";
  1890.        font: normal normal normal 12px/1 linearicons;
  1891.        position: absolute;
  1892.        top: 50%;
  1893.        transform: translateY(-50%);
  1894.        right: 0;
  1895.    }
  1896.    .directorymenucontainer{
  1897.        width: 480px;
  1898.        padding: 15px 0px;
  1899.        position: relative;
  1900.        display: inline-block;
  1901.    }
  1902.    .autosuggest__container {
  1903.        z-index: 11;
  1904.    }
  1905.    .buyer-post-img{
  1906.        /* width: 48px !important;
  1907.        height: auto; */
  1908.    }
  1909.    .block-inner-box {
  1910.        display: flex;
  1911.    }
  1912.    .card.box-seller {
  1913.        /* height: 100% !important; */
  1914.        transition: transform .20s ease-in-out;
  1915.  
  1916.    }
  1917.    .card.box-seller:hover {
  1918.        transform: scale(1.03,1.03);
  1919.  
  1920.    }
  1921.    .isfeaturedbtn {
  1922. position: absolute;
  1923. top: 10px;
  1924. left: 2px;
  1925. font-size: 12px;
  1926. z-index: 2;
  1927. padding: 2px 6px 2px;
  1928. white-space: nowrap;
  1929. background: #f38820;
  1930. color: #fff;
  1931.    }
  1932.    .isrecommandedbtn {
  1933.        position: absolute;
  1934.        top: 10px;
  1935.        right: 5px;
  1936.        font-size: 12px;
  1937.        z-index: 2;
  1938.        padding: 2px 6px 2px;
  1939.        white-space: nowrap;
  1940.        background: #22466a;
  1941.        color: #fff;
  1942.    }
  1943.    .hiring-label {
  1944.        background: #f38820;
  1945.        border: 1px solid #fff;
  1946.        border-radius: 19px;
  1947.        font-size: .8rem;
  1948.        color: #fff;
  1949.        white-space: nowrap;
  1950.        padding: 4px 9px;
  1951.        width: -webkit-fit-content;
  1952.        width: -moz-fit-content;
  1953.        width: fit-content;
  1954.        height: -webkit-fit-content;
  1955.        height: -moz-fit-content;
  1956.        height: fit-content;
  1957.        margin-left: 5px;
  1958.    }
  1959.    .btn-post {      
  1960.        text-align: center;
  1961.    }
  1962.    .res-de-para > a:hover{
  1963.        color:#fff !important;
  1964.    }
  1965.  
  1966.    @media only screen and (max-width: 600px) {
  1967.        .res-date-text{
  1968.            width: 130px;
  1969.            position: absolute;
  1970.            right: 0;
  1971.        }
  1972.        .time-re-desig{
  1973.            font-size:10px !important;
  1974.            width: 100px;
  1975.        }
  1976.    }
  1977.  
  1978.    .img_position{
  1979.        right: 5px !important;
  1980.        top: 30px !important;
  1981.    }
  1982.  
  1983.  
  1984.    .para-res-payme{
  1985.        position: absolute;
  1986.    right: 0;
  1987.    bottom: 19%;
  1988.    }
  1989.  
  1990.    .new-bage-rede{
  1991.        padding: 7px 13px !important;
  1992.    }
  1993.  
  1994. .mf-vendor-price{background: #FFFAF5; padding: 10px;}
  1995.  
  1996.    .mf-vendor-img{
  1997. width: 50px;height: 50px;
  1998. }
  1999. /*.tw_postverify{ style="right: 4px !important; top:29px !important;}*/
  2000. .buyer_card_img{
  2001. width: 45px !important;
  2002.    height: 45px !important;  border: 1px solid #d5d5d5 !important;
  2003. }
  2005. .tw_postverify {
  2006.    position: absolute;
  2007.    right: 18px;
  2008.    top: 29px;
  2009.    width: 14px;
  2010.    height: 14px;}
  2011.    
  2012.    .view_price_seller{
  2013.        margin-right: 11px;
  2014.    }
  2015.  
  2016.    .sd-btn-google {
  2017.        background-color: transparent !important;
  2018.        padding: 0 !important;
  2019.    }
  2020.    @media only screen and (max-width: 560px) {
  2021.        .sd-btn-google {
  2022.            height: 30px;
  2023.        }
  2024.    }
  2025.  
  2026.    .sd-pdf-send{
  2027.        padding: 8% 0;
  2028.    }
  2029.  
  2030.    .m-search-img-upload {
  2031.        position: relative;
  2032.        line-height: 80px;
  2033.        float: left;
  2034.        width: 80px;
  2035.        height: 80px;
  2036.        text-align: center;
  2037.        border: 1px #cfd2d7 dashed;
  2038.        cursor: pointer;
  2039.        box-sizing: border-box;
  2040.    }
  2041.  
  2042.    .m-search-img-upload::before {
  2043.        content: "";
  2044.        width: 31px;
  2045.        height: 1px;
  2046.        -ms-transform: rotate(90deg);
  2047.        -moz-transform: rotate(90deg);
  2048.        -webkit-transform: rotate(90deg);
  2049.        -o-transform: rotate(90deg);
  2050.        transform: rotate(90deg);
  2051.        position: absolute;
  2052.        top: 39px;
  2053.        background: #1570cb;
  2054.        left: 25px;
  2055.    }
  2056.  
  2057.    .m-search-img-upload::after {
  2058.        content: "";
  2059.        width: 30px;
  2060.        height: 1px;
  2061.        position: absolute;
  2062.        top: 39px;
  2063.        background: #1570cb;
  2064.        left: 25px;
  2065.    }
  2066.  
  2067.    .m-search-img-tips {
  2068.        padding-left: 20px;
  2069.        overflow: hidden;
  2070.        display: table-cell;
  2071.        vertical-align: middle;
  2072.        font-weight: normal;
  2073.        font-size: 18px;
  2074.        margin-bottom: 0;
  2075.        align-self: center;
  2076.    }
  2077.    
  2078.         /* Login popup */
  2079.  
  2080.    .login-popup-bg {
  2081.        background-image: url(https://tileswale.com/assets/img/login_background.png);
  2082.        background-size: cover;
  2083.        background-position: center;
  2084.        background-repeat: no-repeat;
  2085.    }
  2086.  
  2087.    .sd-or-border {
  2088.        background-color: #dfdfdf;
  2089.        height: 1px;
  2090.        width: 40%;
  2091.    }
  2092.  
  2093.    .sd-login-heading {
  2094.        top: 50%;
  2095.        left: 50%;
  2096.        transform: translate(-50%, -50%);
  2097.        width: 72%;
  2098.    }
  2099.    
  2100.    .border-dark {
  2101.        border-color: #7676769e !important;
  2102.    }
  2103.  
  2104.    .sd-rounded {
  2105.        border-radius: 5px;
  2106.    }
  2107.  
  2108.    .sd-font-21 {
  2109.        font-size: 21px !important;
  2110.        font-weight: 600;
  2111.    }
  2112.    .sd-font-23 {
  2113.        font-size: 23px !important;
  2114.    }
  2115.  
  2116.    .right-15 {
  2117.        right: 15px;
  2118.    }
  2119.    .top-10 {
  2120.        top: 10px;
  2121.    }
  2122.    .font-30 {
  2123.        font-size: 30px;
  2124.    }
  2125.    .close {
  2126.        cursor: pointer;
  2127.    }
  2128.  
  2129.    @media only screen and (min-width: 1540px) {
  2130.        #loginModalForm .modal-dialog {
  2131.            max-width: 50% !important;
  2132.        }
  2133.    }
  2134.  
  2135.   .sd-cameranew {
  2136.        display: block;
  2137.        text-align: center;
  2138.        position: absolute;
  2139.        width: 38px;
  2140.        height: 18px;
  2141.        border-radius: 15.5px;
  2142.        background: #009704;
  2143.        line-height: 1.6;
  2144.        font-size: 12px;
  2145.        color: #fff;
  2146.        top: -15px;
  2147.        left: -20px;
  2148.        z-index: 9;
  2149.        border-bottom-right-radius: 0;
  2150.    }
  2151.    
  2152.    .sd-cameranew::after {
  2153.        content: " ";
  2154.        width: 0;
  2155.        height: 0;
  2156.        background: #009704;
  2157.        position: absolute;
  2158.        top: 14px;
  2159.        left: 28px;
  2160.        border: 3px solid #009704;
  2161.        border-width: 3px 4px 3px 5px;
  2162.        border-color: #009704 transparent transparent #009704;
  2163.        background: none;
  2164.        transform: rotate(213deg);
  2165.    }
  2166.  
  2167.    @media only screen and (max-width: 560px) {
  2168.        .sd-cameranew {
  2169.            position: relative;
  2170.            top: -44px;
  2171.        }
  2172.    }
  2173.    
  2174.    
  2175.    /* menu change */
  2176.    
  2177.        
  2178.        .sd-pulse {
  2179.            / left: 108px !important; /
  2180.            display: none;
  2181.        }
  2182.        
  2183.        .sd-navigation {
  2184.            border-bottom: 1px solid #f4f4f4;
  2185.            padding-bottom: 0px;
  2186.            padding-top: 5px;
  2187.        }
  2188.        
  2189.        .sd-active-bottom:hover .sd-navbar-catagory {
  2190.            color: #F38820 !important;
  2191.        }
  2192.        
  2193.        .sd-border-y {
  2194.            height: 33px;
  2195.            width: 1px;
  2196.            background: #a6a6a6;
  2197.            margin-left: 14px;
  2198.            position: absolute;
  2199.            right: -2px;
  2200.            top: 5px;
  2201.            border-radius: 5px;
  2202.        }
  2203.        
  2204.        .sd-navbar-catagory {
  2205.            line-height: 19px !important;
  2206.            margin: 10px 17px !important;
  2207.            padding: 0 !important;
  2208.            padding-bottom: 10px !important;
  2209.            margin-bottom: 0 !important;
  2210.            margin: 4px 17px 0px !important;
  2211.        }
  2212.  
  2213.        .sd-active-bottom>.active {
  2214.            border-bottom: 2px solid #f38820;
  2215.            color: #F38820;
  2216.        }
  2217.        
  2218.        .sd-livemarket {
  2219.            position: absolute;
  2220.            / background: red; /
  2221.            height: -3px;
  2222.            / color: #fff; /
  2223.            top: -1px;
  2224.            right: 11px;
  2225.        }
  2226.        
  2227.        .sd-quick-buy {
  2228.            background: antiquewhite;
  2229.            color: #f38820 !important;
  2230.            border-radius: 6px;
  2231.            margin: 6px 0 0;
  2232.            padding: 9px 14px !important;
  2233.        }
  2234.    
  2235.    
  2236.    .sd-font-wight600 {
  2237.        font-weight: 600 !important;
  2238.    }
  2239.    
  2240.    .sd-font-wight500 {
  2241.        font-weight: 500 !important;
  2242.    }
  2243.    
  2244.    /* mega menu changes */
  2245.    .menu-square-icon {
  2246.        height: 90px;
  2247.    }
  2248.    .menuAddyour  {
  2249.        width: 210px !important;
  2250.    }
  2251.    .directorymenucontainer {
  2252.        width: 330px;
  2253.    }
  2254.    .menu>li.has-mega-menu:hover .mega-menu {
  2255.        border-radius: 7px;
  2256.    }
  2257.    
  2258.    .box-seller img.lazy:after {
  2259.        content: "";
  2260.        
  2261.        font-size: 16px;
  2262.        font-family: FontAwesome;
  2263.        color: rgb(100, 100, 100);
  2264.        
  2265.        display: block;
  2266.        position: absolute;
  2267.        z-index: 2;
  2268.        top: 0;
  2269.        left: 0;
  2270.        width: 100%;
  2271.        height: 100%;
  2272.        background: #f6f7f8;
  2273.        background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
  2274.        background-repeat: no-repeat;
  2275.        
  2276.        -webkit-animation-duration: 1s;
  2277.        -webkit-animation-fill-mode: forwards;
  2278.        -webkit-animation-iteration-count: infinite;
  2279.        -webkit-animation-name: placeholderShimmer;
  2280.        -webkit-animation-timing-function: linear;
  2281.    }
  2282.    
  2283.    textarea.form-control.comment {
  2284.      font-weight: normal;
  2285.    }
  2286.    
  2287.    
  2288.    /*// Shimmer     */
  2289.    .box-seller .lazy {
  2290.        background: #f6f7f8;
  2291.        background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
  2292.        background-repeat: no-repeat;
  2293.        background-size: 800px 100vh;
  2294.        display: inline-block;
  2295.        position: relative;
  2296.        
  2297.        -webkit-animation-duration: 1s;
  2298.        -webkit-animation-fill-mode: forwards;
  2299.        -webkit-animation-iteration-count: infinite;
  2300.        -webkit-animation-name: placeholderShimmer;
  2301.        -webkit-animation-timing-function: linear;
  2302.    }
  2303.  
  2304.    @-webkit-keyframes placeholderShimmer {
  2305.        0% {
  2306.            background-position: -468px 0;
  2307.        }
  2308.        100% {
  2309.            background-position: 468px 0;
  2310.        }
  2311.    }
  2312.    
  2313.    .inquiry-sub-title {
  2314.        color : #0b0b0b !important;
  2315.        font-weight: 500;
  2316.    }
  2317.    
  2318.    /* menu changes */
  2319.    .header.header--sticky .navigation {
  2320.        top: 85px;
  2321.    }
  2322.    .card-design-img {
  2323.        width: 45px;
  2324.        height: 45px;
  2325.    }
  2326.    
  2327.   .profile-dropdown{
  2328.        left: -80px;
  2329.        border: 1px solid #d8d8d8;
  2330.        border-top: 0;
  2331.        box-shadow: -3px 7px 30px #00000029;
  2332.    }
  2333.    
  2334.    @media only screen and (max-width: 1540px) {
  2335.       .profile-dropdown{
  2336.            left: -118px;
  2337.        }
  2338.    
  2339.        .header-action-left{
  2340.            place-content: center !important;
  2341.        }
  2342.    }
  2343.    
  2344.    .owl-carousel .owl-item .sd-last-img {
  2345.        display: none;
  2346.    }
  2347.    
  2348.    @media screen and  (max-width: 768px){
  2349.        .sd-wp-none {
  2350.            display:none !important;
  2351.        }
  2352.    }
  2353.    
  2354.    /* Install App Section */
  2355.    .bg-brand {
  2356.        background-color: #ff8805 !important;
  2357.    }
  2358.    .mb-50 {
  2359.        margin-bottom : 50px !important;
  2360.    }
  2361.    .font-10 {
  2362.        font-size: 10px !important;
  2363.    }
  2364.    .font-12 {
  2365.        font-size: 12px !important;
  2366.    }
  2367.    .font-16 {
  2368.        font-size: 16px !important;
  2369.    }
  2370.    .z-100 {
  2371.        z-index: 1000000;
  2372.    }
  2373.    .bottom-nagtive-10 {
  2374.        bottom: -10px !important;
  2375.    }
  2376.    .close-install-app {
  2377.        top: -13px !important;
  2378.        right: 22px !important;
  2379.    }
  2380.    .alert-reset {
  2381.        padding: 0;
  2382.        margin-bottom: 0;
  2383.        border: none;
  2384.        border-radius: none;
  2385.    }
  2386.    .border-radius-6 {
  2387.        border-radius: 6px !important;
  2388.    }
  2389.    .hamburger-btn {
  2390.        bottom: 7%;
  2391.    }
  2392.    
  2393.    /* Hide translator */
  2394.    .skiptranslate {
  2395.        display: none !important;
  2396.    }
  2397.    body {
  2398.        top: 0px !important;
  2399.    }
  2400.    
  2401.    input::-webkit-outer-spin-button,
  2402.    input::-webkit-inner-spin-button {
  2403.        display: none;
  2404.    }
  2405.    
  2406.        
  2407.    @media screen and (max-width: 768px){
  2408.        .m-py-5{
  2409.            padding-bottom: 3rem !important;
  2410.            padding-top: 3rem !important;
  2411.        }
  2412.    }
  2413.    
  2414.     /*Login popup */
  2415.    .z-index-99 {
  2416.        z-index: 99;
  2417.    }
  2418.    .login-popup-bg {
  2419.        /*height: 450px;*/
  2420.        height: 515px;
  2421.    }
  2422.    .sd-sucess-width{
  2423.        width: 50%;
  2424.    }
  2425.    @media screen and (max-width: 760px) {
  2426.        .sd-sucess-width{
  2427.            width: 100%;
  2428.        }
  2429.    }  
  2430.    
  2431.    /*buy sell new button*/
  2432.    .buysell-req-btn {
  2433.        bottom: 7%;
  2434.        width: max-content;
  2435.        height: 38px;
  2436.        align-items: flex-start;
  2437.        right: 1%;
  2438.        color: #fff;
  2439.        background: #ff8805;
  2440.        padding: 0 8px;
  2441.        border-radius: 25px;
  2442.        z-index: 111;
  2443.        display: flex;
  2444.        flex-direction: column;
  2445.        justify-content: center;
  2446.        position: fixed;
  2447.        cursor: pointer;
  2448.        top: auto;
  2449.        transform: translate(-5%, -50%);
  2450.        transition: all .7s ease;
  2451.        box-shadow: 0 4px 8px -5px #000;
  2452.    }
  2453.  
  2454.    .buysell-req-btn .text {
  2455.        display: block;
  2456.        margin: auto;
  2457.        color: #fff;
  2458.        font-weight: 500;
  2459.        text-transform: none;
  2460.        padding: 0px 10px;
  2461.        font-size: 14px;
  2462.    }
  2463.    .sd-mx50{
  2464.        max-width:50%;
  2465.    }
  2466.    @media screen and (max-width: 767px) {
  2467.        .sd-mx50{
  2468.            max-width: 95%;
  2469.            margin:auto;
  2470.        }
  2471.        .sd-whatsapp-web {
  2472.            /* display: none !important; */
  2473.        }
  2474.    }
  2475.    
  2476.    /* Chrome, Safari, Edge, Opera */
  2477.    input::-webkit-outer-spin-button,
  2478.    input::-webkit-inner-spin-button {
  2479.        -webkit-appearance: none;
  2480.        margin: 0;
  2481.    }
  2482.  
  2483.    /* Firefox */
  2484.    input[type=number] {
  2485.        -moz-appearance: textfield;
  2486.    }
  2487. </style>
  2488. <style>
  2489.    .download_app .download_app_modal_body a.download_app_download_now {
  2490.        width: fit-content;
  2491.        background: #000;
  2492.        border-radius: 6px;
  2493.    }
  2494.    .sd-bg-b2b2c {
  2495.        background: linear-gradient(16deg, rgba(252, 174, 48, 1) 0%, rgba(247, 133, 63, 1) 20%, rgba(243, 99, 73, 1) 42%, rgba(240, 73, 80, 1) 74%, rgba(239, 72, 80, 1) 100%);
  2496.    }
  2497. </style>
  2498. <style>
  2499.    .sd-mobilemenu--heder {
  2500.        background-color: #ddefff !important;
  2501.        box-shadow: -1px 2px 3px 0 rgb(0 0 0 / 12%);
  2502.    }
  2503.  
  2504.    .sd-before-highligt {
  2505.        position: absolute;
  2506.        top: 0;
  2507.        background: Red;
  2508.        height: 10px;
  2509.        width: 10px;
  2510.        border-radius: 100%;
  2511.        right: 8px;
  2512.        margin-right: 0;
  2513.        margin-left: auto;
  2514.    }
  2516.    .closebtnmob {
  2517.        color: #000;
  2518.    }  
  2519.  
  2520.    .sd-mobile-download {
  2521.        padding: 15px 20px;
  2522.        background: #ddefff;
  2523.    }
  2525.    .sd-menulist-vh {
  2526.        height: 91vh !important;
  2527.        overflow: auto !important;
  2528.        padding-bottom: 0px !important;
  2529.    }
  2531.    .ps-site-overlay {
  2532.        z-index: 99998 !important;
  2533.    }
  2535.    .sd-footermenu {
  2536.        position: fixed;
  2537.        bottom: 0%;
  2538.    }
  2540.    .ps-panel--sidebar {
  2541.        height: auto !important;
  2542.    }
  2543.  
  2544.    .navigation--list .navigation__content {
  2545.        margin: 0 3% !important;
  2546.    }
  2548.    @media (max-width: 768px) {
  2549.        .navigation--list .navigation__item {
  2550.            width: auto;
  2551.        }
  2552.    }
  2553.  
  2554.    .sd-free {
  2555.        background-color: #2FB844;
  2556.        color: #fff;
  2557.    }
  2558.  
  2559.    img.menu-icon-login {  
  2560.        background: #111;
  2561.    }
  2562.  
  2563.    .sd-whatsapp a:hover {
  2564.        color: #333 !important;
  2565.    }
  2566.  
  2567. </style>
  2568. <style>
  2569.    .sd-bg-install{
  2570.        /* background: #004770; */
  2571.        background: #074AAA;
  2572.    }
  2573.    .sd-zindex-999{
  2574.        z-index: 999;
  2575.    }
  2576.        
  2577.  
  2578.    .mobile-icon-bg-color {
  2579.        padding: 8px;
  2580.        background: #e5e5e5;
  2581.        border-radius: 50%;
  2582.        height: 35px;
  2583.        width: 35px;
  2584.        display: flex;
  2585.        align-items: center;
  2586.        justify-content: center;
  2587.    }
  2588.    
  2589.    .navigation--list .navigation__content {
  2590.        max-width: 100% ;
  2591.    }
  2592.    
  2593.    .bg-tw-logo-mobile  {
  2594.        background: url(https://tileswale.com/cdn-cgi/imagedelivery/mzSuEo-CuZj22GZ2Ldj31w/8f0f9aa0-8eb7-4198-89b8-b790029e7f00/public);
  2595.        width: 125px;
  2596.        height: 28px;
  2597.        display: block;  
  2598.        background-position: center;
  2599.        background-size: contain;
  2600.        background-repeat: no-repeat;
  2601.    }
  2602.    
  2603.    .bg-export-modal {
  2604.        background-image: url(https://tileswale.com/front_assets/img/transport/fombotom.webp);
  2605.        background-size: contain;
  2606.        background-position: center;
  2607.        height: 115px;
  2608.        background-repeat: no-repeat;
  2609.    }
  2610. </style>
  2611. <style>
  2612.    /*icons css*/
  2613.    .tw-verified {
  2614.        background-image: url(https://tileswale.com/uploads/company/verified.svg);
  2615.        height: 22px;
  2616.        width: 22px;
  2617.        display: block;
  2618.        background-position: center;
  2619.        background-size: contain;
  2620.    }
  2621.    .tw-ad {
  2622.        background-image: url(https://tileswale.com/uploads/company/ad.png);
  2623.        height: 45px;
  2624.        width: 45px;
  2625.        display: block;
  2626.        background-position: center;
  2627.        background-size: contain;
  2628.    }
  2629.    
  2630.    @media only screen and (max-width: 768px) {
  2631.       .tw-ad {
  2632.            background-image: url(https://tileswale.com/uploads/company/ad.png);
  2633.            height: 30px;
  2634.            width: 30px;
  2635.            display: block;
  2636.            background-position: center;
  2637.            background-size: contain;
  2638.        }
  2639.        .tw-verified {
  2640.            background-image: url(https://tileswale.com/uploads/company/verified.svg);
  2641.            height: 14px;
  2642.            width: 14px;
  2643.            display: block;
  2644.            background-position: center;
  2645.            background-size: contain;
  2646.        }
  2647.    }
  2648.    @media screen and (min-width: 767px) {
  2649.        .sd-whatsapp-web{
  2650.            left: 17px !important;
  2651.            right:auto !important;
  2652.        }
  2653.    }
  2654.    @media screen and (max-width: 767px) {
  2655.        .sd-whatsapp-web {
  2656.            left: -18px !important;
  2657.            right:auto !important;
  2658.        }
  2659.    }
  2660.    
  2661.    @media(max-width:575px) {
  2662.      .modal.show .modal-dialog{
  2663.        margin: auto;
  2664.      }
  2665.      .modal-dialog{
  2666.        max-width: 90%;
  2667.      }
  2668.      .sd-twlogin_From h3{
  2669.        font-size: 22px;
  2670.      }
  2671.    }
  2672. </style>
  2673. <style>
  2674.    .pe-none {
  2675.        cursor: default;
  2676.    }
  2677.    
  2678.    @media only screen and (min-width: 600px) {
  2679.        .download-modal-size {
  2680.            max-width: 870px;
  2681.        }
  2682.    }
  2683.    
  2684.    .fa-angle-down:before {
  2685.        content: "\f0d7" !important;
  2686.        font-family: FontAwesome !important;
  2687.    }
  2688.    .ps-list--categories li .sub-toggle i:before {
  2689.        font-family: FontAwesome !important;
  2690.    }
  2691. </style>
  2692. <style>
  2693.    #requirement_success .modal-content {
  2694.        border-radius: 10px;
  2695.    }
  2696.    #requirement_success .modal-body {
  2697.        background-size: cover;
  2698.        background-position: center;
  2699.        border-radius: 10px;
  2700.    }
  2701.  
  2702.    .requirement_success_button {
  2703.        border-radius: 6px;
  2704.        max-width:206px;
  2705.        background: #000;
  2706.        margin-left: auto;
  2707.        margin-right: auto;
  2708.    }
  2709.  
  2710.    #requirement_success .modal-body h3{
  2711.        color: #B15700;
  2712.    }
  2713.  
  2714.    #requirement_success .modal-body p{
  2715.        line-height: 1.3;
  2716.    }
  2717.  
  2718.    #requirement_success .modal-body a{
  2719.        padding-top: 1.1rem!important;
  2720.        padding-bottom: 1rem!important;
  2721.    }
  2722. </style><style>
  2723.    /**
  2724.     * ==============================================
  2725.     * Dot Typing
  2726.     * ==============================================
  2727.     */
  2728.    .dot-typing {
  2729.        position: relative;
  2730.        left: -10051px;
  2731.        width: 7px;
  2732.        height: 7px;
  2733.        border-radius: 5px;
  2734.        background-color: #f77b00;
  2735.        color: #f77b00;
  2736.        box-shadow: 9984px 0 0 0 #f77b00, 9999px 0 0 0 #f77b00, 10014px 0 0 0 #f77b00;
  2737.        animation: dotTyping 1s infinite linear;
  2738.        margin: 5px 80px;
  2739.    }
  2740.    
  2741.    @keyframes dotTyping {
  2742.      0% {
  2743.        box-shadow: 9984px 0 0 0 #f77b00, 9999px 0 0 0 #f77b00, 10014px 0 0 0 #f77b00;
  2744.      }
  2745.      16.667% {
  2746.        box-shadow: 9984px -10px 0 0 #f77b00, 9999px 0 0 0 #f77b00, 10014px 0 0 0 #f77b00;
  2747.      }
  2748.      33.333% {
  2749.        box-shadow: 9984px 0 0 0 #f77b00, 9999px 0 0 0 #f77b00, 10014px 0 0 0 #f77b00;
  2750.      }
  2751.      50% {
  2752.        box-shadow: 9984px 0 0 0 #f77b00, 9999px -10px 0 0 #f77b00, 10014px 0 0 0 #f77b00;
  2753.      }
  2754.      66.667% {
  2755.        box-shadow: 9984px 0 0 0 #f77b00, 9999px 0 0 0 #f77b00, 10014px 0 0 0 #f77b00;
  2756.      }
  2757.      83.333% {
  2758.        box-shadow: 9984px 0 0 0 #f77b00, 9999px 0 0 0 #f77b00, 10014px -10px 0 0 #f77b00;
  2759.      }
  2760.      100% {
  2761.        box-shadow: 9984px 0 0 0 #f77b00, 9999px 0 0 0 #f77b00, 10014px 0 0 0 #f77b00;
  2762.      }
  2763.    }
  2764.    
  2765.    /* Selectize */
  2766.    .selectize-input {
  2767.        line-height: 20px;
  2768.        padding: 14px 20px;
  2769.        border-radius: 8px;
  2770.    }
  2771.    option {
  2772.        padding: 6px;
  2773.        user-select: none;
  2774.        -webkit-user-select: none;
  2775.      
  2776.        color: #343a40;
  2777.        font-family: inherit;
  2778.        font-size: inherit;
  2779.        line-height: 1.5;
  2780.    }
  2781.    .selectize-dropdown, .selectize-dropdown.form-control {
  2782.      z-index: 99;
  2783.    }
  2784.  
  2785.    .form-control {
  2786.      border-radius: 6px;  
  2787.      height: 48px;
  2788.      padding: 0 15px;
  2789.    }
  2790.    
  2791.    .selectize-input.focus {
  2792.        border-color: #eb7d1c !important;
  2793.        outline: 0;
  2794.        box-shadow: none !important;
  2795.    }
  2796.    .top-170 {
  2797.        top: 170px;
  2798.        z-index: 99;
  2799.    }
  2800.    .sd-form {
  2801.        padding: 14px 20px;
  2802.        line-height: 20px;
  2803.        font-size: 14px;
  2804.        border-radius: 8px;
  2805.        height: 48px;
  2806.        font-size: 14px;
  2807.        padding: 0 10px;
  2808.        width: 100%;
  2809.        border: 1px solid #7676769e;
  2810.        border-radius: 5px;
  2811.        color: #000;
  2812.        font-weight: 500;
  2813.    }
  2814.    .ps-site-bestdeal {
  2815.        border: 1px solid #cacaca;
  2816.        border-radius: 6px !important;
  2817.        overflow: hidden;
  2818.        box-shadow: 0 0 10px #d5d5d5;
  2819.        background: #ffcd47;
  2820.    }
  2821.    .sd-border-redius-8{
  2822.        border-radius: 8px !important;
  2823.    }
  2824.    @media (max-width:760px) {
  2825.        .sd-reverce-row{
  2826.            flex-direction: column-reverse;
  2827.        }
  2828.    }
  2829.    li>a{
  2830.        color: #040404;
  2831.    }
  2832.    
  2833. </style>
  2834. <style>
  2835.    .threedotloader {
  2836.        margin: 0 auto;
  2837.        width: 5.6em;
  2838.    }
  2839.    .threedotloader .dot {
  2840.        width: 10px;
  2841.        height: 10px;
  2842.        border-radius: 10px;
  2843.        background-color: white;
  2844.        transform: scale(0);
  2845.        display: inline-block;
  2846.        animation: dotanim 1.6s infinite ease-in-out;
  2847.    }
  2848.    .threedotloader .dot:nth-child(1) {
  2849.        animation-delay: 0s;
  2850.    }
  2851.    .threedotloader .dot:nth-child(2) {
  2852.        animation-delay: 0.25s;
  2853.    }
  2854.    .threedotloader .dot:nth-child(3) {
  2855.        animation-delay: 0.5s;
  2856.    }
  2857.    .threedotloader .dot:nth-child(4) {
  2858.        animation-delay: 0.75s;
  2859.    }
  2860.    @keyframes dotanim {
  2861.        0% {
  2862.            transform: scale(0);
  2863.        }
  2864.        50% {
  2865.            transform: scale(1);
  2866.        }
  2867.        90% {
  2868.            transform: scale(0);
  2869.        }
  2870.        100% {
  2871.            transform: scale(0);
  2872.        }
  2873.    }
  2874.    
  2875.    
  2876.    /**
  2877.    *   chat form v2
  2878.    */
  2879.    .sd-searchsell i{
  2880.        top:15px !important;
  2881.    }
  2882.    .sd-searchsell input{
  2883.        border-radius: 5px;
  2884.    }
  2885.    .sd-bg-orange-light{
  2886.        background: #fff9f2;
  2887.    }
  2888.    .sd-img-300 img{
  2889.        height: 300px;
  2890.    }
  2891.    .sd-w-25{
  2892.        width: 25%;
  2893.    }
  2894.    @media (max-width: 600px) {
  2895.        .sd-w-25{
  2896.            width: 100%;
  2897.        }
  2898.        .sd-img-300 img{
  2899.           height: auto;
  2900.        }
  2901.    }
  2902.    .selectize-input {
  2903.        line-height: 20px;
  2904.        padding: 12px 20px !important;
  2905.        border-radius: 8px !important;
  2906.    }
  2907.    .selectize-control.single .selectize-input::after {
  2908.        display: none  !important;
  2909.    }
  2910. </style>
  2911. <script type="04b641f9f9e21c1d80a647b9-text/javascript">
  2912.    var isLogin = false
  2913.    function imgFallback(ele) {
  2914.        var fallback = ele.getAttribute('data-fallback');
  2915.        ele.src = fallback;
  2916.    }
  2917. </script>
  2918. </head>
  2919. <body><style>
  2920. .animated-text {
  2921. text-shadow: 3px 3px 3px rgb(0 0 0 / 10%);
  2922. background: url(https://tileswale.com/front_assets/img/animated_text_fill.png) repeat-y;
  2923. -webkit-background-clip: text;
  2924. background-clip: text;
  2925. -webkit-text-fill-color: transparent;
  2926. -webkit-animation: aitf 40s linear infinite;
  2927. -webkit-transform: translate3d(0,0,0);
  2928. -webkit-backface-visibility: hidden;
  2929. font-size: 14px;
  2930. font-weight: 600;
  2931. }
  2932. .animation-title{
  2933. font-size: 14px !important;
  2934. font-weight: 600 !important;
  2935. text-transform: uppercase;
  2936. }
  2937. @-webkit-keyframes aitf{0%{background-position:0 50%}100%{background-position:100% 50%}}
  2938. .model-img-body {
  2939. text-align-last: center;
  2940. margin: 7% 0;
  2941. }
  2943. .change-wi {
  2944. margin-right: 14px;
  2945. width: 40px;
  2946. opacity: 0;
  2947. }
  2949. .icone-change {
  2950. position: relative;
  2951. left: -1%;
  2952. }
  2954. .browse-files span {
  2955. position: relative;
  2956. top: 1%;
  2957. right: 34%;
  2958. }
  2960. .default-file-input {
  2961. opacity: 0;
  2962. width: 100px;
  2963. position: absolute;
  2964. }
  2966. .browse-files-text {
  2967. font-size: 18px;
  2968. color: orange;
  2969. font-weight: 600;
  2970. }
  2971. .shwet-relative{
  2972. position: relative;
  2973. }
  2974. .megamenu-title a::after {
  2975. height: 0;
  2976. }
  2977. /*
  2978. @media only screen and (max-width: 1440px) {
  2979. .menu > li.has-mega-menu .mega-menu {
  2980. left: -220px !important;
  2981. }
  2982. }
  2983. @media only screen and (min-width: 1522px) {
  2984. .menu>li.has-mega-menu .mega-menu {
  2985. left: -85px;
  2986. }
  2987. }
  2988. */
  2989. @media only screen and (min-width: 1400px)
  2990. {
  2991. .estoremegamenu
  2992. {
  2993. left:0px;
  2994. }
  2995. }
  2996. @media only screen and (min-width: 1200px)
  2997. {
  2998. .storeprod_sr
  2999. {
  3000. left:-445px !important;
  3001. }
  3003. .mega-menu .mega-menu__column {
  3004. min-width: 230px;
  3005. }
  3007. .mega-menu {
  3008. padding: 15px 5px 5px;
  3009. }
  3010. }
  3011. .main-logo{
  3012. max-width: 186px;
  3013. }
  3014. </style>
  3015.  
  3016.  
  3017.  
  3018. <header class="header header--1" data-sticky="true">
  3019. <div class="tag_app d-xs-none">
  3020. <div class="tag_line">
  3021. <p>World's First Ceramic-Tile & Sanitaryware Live Marketplace.<a href="https://play.google.com/store/apps/details?id=com.lightlink.tileswaleApp" target="_blank" id="app_tag"> <script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="04b641f9f9e21c1d80a647b9-|49"></script><img class="lazy" data-fallback="https://tileswale.com/front_assets/img/home/play-store.png" onError="imgFallback(this)" data-src="https://tileswale.com/cdn-cgi/imagedelivery/mzSuEo-CuZj22GZ2Ldj31w/a2df3cca-2ed8-4f4d-ea8e-0fa2515d9300/public" class="img_appicon" alt="Tileswale Playstore">&nbsp;Get it on Google Play </a>&nbsp;&nbsp;<a href="https://apps.apple.com/us/app/tiles-wale/id1480414835?ls=1" target="_blank" id="app_tag_ios"> <script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="04b641f9f9e21c1d80a647b9-|49"></script><img class="lazy" data-fallback="https://tileswale.com/front_assets/img/home/app-store.png" onError="imgFallback(this)" data-src="https://tileswale.com/cdn-cgi/imagedelivery/mzSuEo-CuZj22GZ2Ldj31w/4027bc5c-604f-41ce-377d-69a3f537b200/public" class="img_appicon" alt="Tileswale App Store"> Get it on App Store </a> </p>
  3022. </div>
  3023. </div>
  3024. <div class="header__top">
  3025. <div class="ps-container">
  3026. <div class="header__left">
  3027. <div class="menu--product-categories">
  3028. </div>
  3029. <a class="ps-logo" href="https://tileswale.com"><script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="04b641f9f9e21c1d80a647b9-|49"></script><img class="main-logo lazy" data-fallback="https://tileswale.com/front_assets/img/logo.svg" onError="imgFallback(this)" src="https://tileswale.com/cdn-cgi/imagedelivery/mzSuEo-CuZj22GZ2Ldj31w/8f0f9aa0-8eb7-4198-89b8-b790029e7f00/public" alt></a>
  3030. </div>
  3031. <div class="header__center shwet-relative">
  3032. <form class="ps-form--quick-search tw_top_search" method="GET" action="https://tileswale.com/search">
  3033. <i class="fa fa-search home-quick" aria-hidden="true"></i>
  3034. <input type="text" aria-label="Search" id="search" name="q" class="form-control tw_top_search_input w-100" placeholder="Search for products, brands and more..." autocomplete="off" value>
  3035. <label class="sd-btn-google img-lence-icon mr-3 shwet-relative" for="search_image">
  3036. <svg class="mt-2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Standard_product_icon" x="0px" y="0px" width="28" height="28" viewBox="0 0 192 192" enable-background="new 0 0 192 192" xml:space="preserve">
  3037. <rect id="bounding_box_1_" fill="none" width="50" height="50" />
  3038. <g id="art_layer">
  3039. <circle id="Dot" fill="#4285F4" cx="96" cy="104.15" r="28" />
  3040. <path id="Red" fill="#EA4335" d="M160,72v40.15V136c0,1.69-0.34,3.29-0.82,4.82v0v0c-1.57,4.92-5.43,8.78-10.35,10.35h0v0   c-1.53,0.49-3.13,0.82-4.82,0.82H66l16,16h50h12c4.42,0,8.63-0.9,12.46-2.51c3.83-1.62,7.28-3.96,10.17-6.86   c1.45-1.45,2.76-3.03,3.91-4.74c2.3-3.4,3.96-7.28,4.81-11.44c0.43-2.08,0.65-4.24,0.65-6.45v-12V96.15V84l-6-19l-10.82,2.18   C159.66,68.71,160,70.31,160,72z" />
  3041. <path id="Blue" fill="#4285F4" d="M32,72c0-1.69,0.34-3.29,0.82-4.82c1.57-4.92,5.43-8.78,10.35-10.35C44.71,56.34,46.31,56,48,56   h96c1.69,0,3.29,0.34,4.82,0.82c0,0,0,0,0,0L149,45l-17-5l-16-16h-13.44H96h-6.56H76L60,40H48c-17.67,0-32,14.33-32,32v12v20l16,16   V72z" />
  3042. <path id="Green" fill="#34A853" d="M144,40h-12l16.83,16.83c1.23,0.39,2.39,0.93,3.47,1.59c2.16,1.32,3.97,3.13,5.29,5.29   c0.66,1.08,1.2,2.24,1.59,3.47v0L176,84V72C176,54.33,161.67,40,144,40z" />
  3043. <path id="Yellow" fill="#FBBC04" d="M48,168h39.89l-16-16H48c-8.82,0-16-7.18-16-16v-23.89l-16-16V136C16,153.67,30.33,168,48,168z   " />
  3044. </g>
  3045. </svg>
  3046. <span class="sd-cameranew"> NEW </span>
  3047. </label>
  3048. <button type="submit" id="fillterBtn" class="search-submit">Search</button>
  3049. <div class="typed-search-box d-none">
  3050. <div class="search-preloader d-none">
  3051. <div class="loader">
  3052. <div></div>
  3053. <div></div>
  3054. <div></div>
  3055. </div>
  3056. </div>
  3057. <div class="search-nothing text-center p-5 d-none"></div>
  3058. <div id="search-content"></div>
  3059. </div>
  3060. </form>
  3061. <form class="img-search-box d-none" id="image_search_form" action="https://tileswale.com/image-search" method="POST" enctype="multipart/form-data">
  3062. <input type="file" name="search_image" id="search_image" class="d-none J-search-upload-img" accept="image/png,image/jpeg,image/jpg">
  3063. </form>
  3064. </div>
  3065. <div class="header__right">
  3066. <div class="header__actions header-action-left">
  3067. <div class="extra-menu-item menu-item-account xs-hide mr-5 pr-5">
  3068. <button type="button" class="btn btn-post" data-toggle="modal" data-target="#oversisimodal"> Import Now </button>
  3069. </div>
  3070.  
  3071. <div class="extra-menu-item menu-item-account xs-hide mr-5 pr-5">
  3072. <a class="btn-post" href="javascript:void(0);" onclick="if (!window.__cfRLUnblockHandlers) return false; LoginPopUp(`login`,true);" data-cf-modified-04b641f9f9e21c1d80a647b9->Add Requirement</a>
  3073. </div>
  3074. <div class="ps-block--user-header">
  3075. <div class="d-flex flex-column align-items-center">
  3076. <a href="javascript:void(0);" onclick="if (!window.__cfRLUnblockHandlers) return false; LoginPopUp(`login`,true);" data-cf-modified-04b641f9f9e21c1d80a647b9->
  3077. <script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="04b641f9f9e21c1d80a647b9-|49"></script><img class="card-design-img" data-fallback="https://tileswale.com/front_assets/img/profile.png" onError="imgFallback(this)" src="https://tileswale.com/cdn-cgi/imagedelivery/mzSuEo-CuZj22GZ2Ldj31w/9b779f1f-24ff-4bec-ee06-ca8ab6328400/public" alt="Default Image">
  3078. </a>
  3079. <a href="javascript:void(0);" onclick="if (!window.__cfRLUnblockHandlers) return false; LoginPopUp(`login`,true);" data-cf-modified-04b641f9f9e21c1d80a647b9-> <b>My Profile</b> </a>
  3080. </div>
  3081. </div>
  3082. </div>
  3083. </div>
  3084. </div>
  3085. </div>
  3086. <nav class="navigation  sd-navigation">
  3087. <div class="ps-container">
  3088. <div class="navigation__right">
  3089. <ul class="menu">
  3090.  
  3091.  
  3092.  
  3093.  
  3094.  
  3095.  
  3096.  
  3097.  
  3098.  
  3099.  
  3100.  
  3101.  
  3102.  
  3103.  
  3104.  
  3105.  
  3106.  
  3107.  
  3108.  
  3109.  
  3110.  
  3111.  
  3112.  
  3113.  
  3114.  
  3115.  
  3116.  
  3117.  
  3118.  
  3119.  
  3120.  
  3121.  
  3122.  
  3123.  
  3124.  
  3125.  
  3126.  
  3127.  
  3128.  
  3129.  
  3130.  
  3131.  
  3132.  
  3133.  
  3134.  
  3135.  
  3136.  
  3137.  
  3138.  
  3139.  
  3140.  
  3141.  
  3142.  
  3143.  
  3144.  
  3145.  
  3146.  
  3147.  
  3148.  
  3149.  
  3150.  
  3151.  
  3152.  
  3153.  
  3154.  
  3155.  
  3156.  
  3157.  
  3158.  
  3159.  
  3160.  
  3161.  
  3162.  
  3163.  
  3164.  
  3165.  
  3166.  
  3167.  
  3168.  
  3169.  
  3170.  
  3171.  
  3172.  
  3173.  
  3174.  
  3175.  
  3176.  
  3177.  
  3178.  
  3179.  
  3180.  
  3181. <li class="menu-item-has-children has-mega-menu sd-active-bottom">
  3182. <a class="sd-navbar-catagory " href="javascript:void(0);">Marketplace</a><span class="sub-toggle"></span>
  3183. <div class="pulse" style="left:2px;top:11px;"></div>
  3184. <div class="mega-menu">
  3185. <div class="menuAddyour d-flex mx-3">
  3186. <div class="row">
  3187. <div class="col-sm-6">
  3188. <div class="pd_category">
  3189. <div class="pd-main">
  3190. <a href="https://tileswale.com/seller"> <script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="04b641f9f9e21c1d80a647b9-|49"></script><img data-fallback="https://tileswale.com/front_assets/img/new_menu/seller-square.png" onError="imgFallback(this)" class="menu-square-icon" src="https://tileswale.com/cdn-cgi/imagedelivery/mzSuEo-CuZj22GZ2Ldj31w/296bc572-7101-4542-fa2b-cb475af86800/public"></a>
  3191. <h4 class="text-center mt-10">Sellers<span class="sub-toggle"></span></h4>
  3192. </div>
  3193. </div>
  3194. </div>
  3195. <div class="col-sm-6">
  3196. <div class=" pd_category">
  3197. <div class="pd-main">
  3198. <a href="https://tileswale.com/buyer"> <script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="04b641f9f9e21c1d80a647b9-|49"></script><img data-fallback="https://tileswale.com/front_assets/img/new_menu/buyer-square.png" onError="imgFallback(this)" class="menu-square-icon" src="https://tileswale.com/cdn-cgi/imagedelivery/mzSuEo-CuZj22GZ2Ldj31w/c939cc94-3806-4128-c076-36f2762faa00/public"></a>
  3199. <h4 class="text-center mt-10">Buyers<span class="sub-toggle"></span></h4>
  3200. </div>
  3201. </div>
  3202. </div>
  3203. </div>
  3204. </div>
  3205. </div>
  3206. </li>
  3207. <li class="menu-item-has-children has-mega-menu sd-active-bottom">
  3208. <a class="sd-navbar-catagory " href="javascript:void(0);">Directory</a><span class="sub-toggle"></span>
  3209. <div class="mega-menu pl-10">
  3210. <div class="directorymenucontainer mx-3 py-0" style=" max-width: 100%; width: 600px;padding:10px;">
  3211. <div class="row align-item-center">
  3212. <div class="col-sm-4" style="padding:5px">
  3213. <div class="pd_category">
  3214. <div class="pd-main">
  3215. <div class="row">
  3216. <div class="col-sm-4">
  3217. <a href="https://tileswale.com/directory/manufacturer">
  3218. <img class src="https://tileswale.com/uploads/company_type/factory.webp" style="height: 45px;width:100%;border-radius: 15%;">
  3219. </a>
  3220. </div>
  3221. <div class="col-sm-8 pl-0" style="align-items: center;display: flex;">
  3222. <a href="https://tileswale.com/directory/manufacturer">
  3223. <h4 class="text-left">Manufacturer <span class="sub-toggle"></span>
  3224. </h4>
  3225. </a>
  3226. </div>
  3227. </div>
  3228. </div>
  3229. </div>
  3230. </div>
  3231. <div class="col-sm-4" style="padding:5px">
  3232. <div class="pd_category">
  3233. <div class="pd-main">
  3234. <div class="row">
  3235. <div class="col-sm-4">
  3236. <a href="https://tileswale.com/user/wholesaler">
  3237. <img class src="https://tileswale.com/uploads/user_role/wholesaler.webp" style="height: 45px;width:100%;border-radius: 15%;">
  3238. </a>
  3239. </div>
  3240. <div class="col-sm-8 pl-0" style="align-items: center;display: flex;">
  3241. <a href="https://tileswale.com/user/wholesaler">
  3242. <h4 class="text-left">Wholesaler <span class="sub-toggle"></span>
  3243. </h4>
  3244. </a>
  3245. </div>
  3246. </div>
  3247. </div>
  3248. </div>
  3249. </div>
  3250. <div class="col-sm-4" style="padding:5px">
  3251. <div class="pd_category">
  3252. <div class="pd-main">
  3253. <div class="row">
  3254. <div class="col-sm-4">
  3255. <a href="https://tileswale.com/user/retailer">
  3256. <img class src="https://tileswale.com/uploads/user_role/retailer.webp" style="height: 45px;width:100%;border-radius: 15%;">
  3257. </a>
  3258. </div>
  3259. <div class="col-sm-8 pl-0" style="align-items: center;display: flex;">
  3260. <a href="https://tileswale.com/user/retailer">
  3261. <h4 class="text-left">Retailer <span class="sub-toggle"></span>
  3262. </h4>
  3263. </a>
  3264. </div>
  3265. </div>
  3266. </div>
  3267. </div>
  3268. </div>
  3269. <div class="col-sm-4" style="padding:5px">
  3270. <div class="pd_category">
  3271. <div class="pd-main">
  3272. <div class="row">
  3273. <div class="col-sm-4">
  3274. <a href="https://tileswale.com/user/builder">
  3275. <img class src="https://tileswale.com/uploads/user_role/builder.webp" style="height: 45px;width:100%;border-radius: 15%;">
  3276. </a>
  3277. </div>
  3278. <div class="col-sm-8 pl-0" style="align-items: center;display: flex;">
  3279. <a href="https://tileswale.com/user/builder">
  3280. <h4 class="text-left">Builder / Contractor <span class="sub-toggle"></span>
  3281. </h4>
  3282. </a>
  3283. </div>
  3284. </div>
  3285. </div>
  3286. </div>
  3287. </div>
  3288. <div class="col-sm-4" style="padding:5px">
  3289. <div class="pd_category">
  3290. <div class="pd-main">
  3291. <div class="row">
  3292. <div class="col-sm-4">
  3293. <a href="https://tileswale.com/user/architect">
  3294. <img class src="https://tileswale.com/uploads/user_role/blueprint.webp" style="height: 45px;width:100%;border-radius: 15%;">
  3295. </a>
  3296. </div>
  3297. <div class="col-sm-8 pl-0" style="align-items: center;display: flex;">
  3298. <a href="https://tileswale.com/user/architect">
  3299. <h4 class="text-left">Architect / Interior <span class="sub-toggle"></span>
  3300. </h4>
  3301. </a>
  3302. </div>
  3303. </div>
  3304. </div>
  3305. </div>
  3306. </div>
  3307. <div class="col-sm-4" style="padding:5px">
  3308. <div class="pd_category">
  3309. <div class="pd-main">
  3310. <div class="row">
  3311. <div class="col-sm-4">
  3312. <a href="https://tileswale.com/user/installer-mistry">
  3313. <img class src="https://tileswale.com/uploads/user_role/mistry.webp" style="height: 45px;width:100%;border-radius: 15%;">
  3314. </a>
  3315. </div>
  3316. <div class="col-sm-8 pl-0" style="align-items: center;display: flex;">
  3317. <a href="https://tileswale.com/user/installer-mistry">
  3318. <h4 class="text-left">Installer / Mistry <span class="sub-toggle"></span>
  3319. </h4>
  3320. </a>
  3321. </div>
  3322. </div>
  3323. </div>
  3324. </div>
  3325. </div>
  3326. <div class="col-sm-4" style="padding:5px">
  3327. <div class="pd_category">
  3328. <div class="pd-main">
  3329. <div class="row">
  3330. <div class="col-sm-4">
  3331. <a href="https://tileswale.com/user/exporter">
  3332. <img class src="https://tileswale.com/uploads/user_role/export.webp" style="height: 45px;width:100%;border-radius: 15%;">
  3333. </a>
  3334. </div>
  3335. <div class="col-sm-8 pl-0" style="align-items: center;display: flex;">
  3336. <a href="https://tileswale.com/user/exporter">
  3337. <h4 class="text-left">Exporter <span class="sub-toggle"></span>
  3338. </h4>
  3339. </a>
  3340. </div>
  3341. </div>
  3342. </div>
  3343. </div>
  3344. </div>
  3345. <div class="col-sm-4" style="padding:5px">
  3346. <div class="pd_category">
  3347. <div class="pd-main">
  3348. <div class="row">
  3349. <div class="col-sm-4">
  3350. <a href="https://tileswale.com/user/dealer-distributor">
  3351. <img class src="https://tileswale.com/uploads/user_role/dealer.webp" style="height: 45px;width:100%;border-radius: 15%;">
  3352. </a>
  3353. </div>
  3354. <div class="col-sm-8 pl-0" style="align-items: center;display: flex;">
  3355. <a href="https://tileswale.com/user/dealer-distributor">
  3356. <h4 class="text-left">Wholesaler & Retailer ... <span class="sub-toggle"></span>
  3357. </h4>
  3358. </a>
  3359. </div>
  3360. </div>
  3361. </div>
  3362. </div>
  3363. </div>
  3364.  
  3365.  
  3366.  
  3367. </div>
  3368. </div>
  3369. </div>
  3370. </li>
  3371. <li class="sd-active-bottom">
  3372. <a class="sd-navbar-catagory " href="https://tileswale.com/catalogue-pdf">Catalogue</a><span class="sub-toggle"></span>
  3373. </li>
  3374. <li class="menu-item-has-children has-mega-menu sd-active-bottom">
  3375. <a class="sd-navbar-catagory " href="javascript:void(0);">Tiles Library</a><span class="sub-toggle"></span>
  3376. <div class="mega-menu storeprod_sr" style="padding: 0px;margin-left: 185px;">
  3377. <div class="menu__content">
  3378. <div class="mega-menu store-mega-menu" style="padding-top: 5px;">
  3379. <div class="mega-menu__column">
  3380. <strong class="megamenu-title">
  3381. <a href="https://tileswale.com/tiles-category">TILES</a>
  3382. </strong>
  3383. <ul class="mega-menu__list">
  3384. <li>
  3385. <a href="https://tileswale.com/tiles-category/ceramic-floor-tiles">Ceramic Floor Tiles</a>
  3386. </li>
  3387. <li>
  3388. <a href="https://tileswale.com/tiles-category/glazed-porcelain-tiles">Glazed Porcelain Tiles</a>
  3389. </li>
  3390. <li>
  3391. <a href="https://tileswale.com/tiles-category/wall-tiles">Wall Tiles</a>
  3392. </li>
  3393. <li>
  3394. <a href="https://tileswale.com/tiles-category/porcelain-tiles">Porcelain Tiles</a>
  3395. </li>
  3396. <li>
  3397. <a href="https://tileswale.com/tiles-category/outdoor-tiles">Outdoor Tiles</a>
  3398. </li>
  3399. <li>
  3400. <a href="https://tileswale.com/tiles-category/vitrified-tiles">Vitrified Tiles</a>
  3401. </li>
  3402. <li>
  3403. <a href="https://tileswale.com/tiles-category/floor-porcelain-tiles">Floor Porcelain Tiles</a>
  3404. </li>
  3405. <li>
  3406. <a href="https://tileswale.com/tiles-category/border-decorative-poster-tiles">Border, Decorative & Poster tiles</a>
  3407. </li>
  3408. <li>
  3409. <a href="https://tileswale.com/tiles-category/exterior-elevation-tiles">Exterior / Elevation Tiles</a>
  3410. </li>
  3411. <li>
  3412. <a href="https://tileswale.com/tiles-category/mosaic-tiles">Mosaic Tiles</a>
  3413. </li>
  3414. <li>
  3415. <a href="https://tileswale.com/tiles-category/porcelain-slab">Porcelain Slab</a>
  3416. </li>
  3417. <li>
  3418. <a href="https://tileswale.com/tiles-category/granite-stone-quartz">Granite, Stone & Quartz</a>
  3419. </li>
  3420. <li>
  3421. <a href="https://tileswale.com/tiles-category/ordinary-wall-tiles">Ordinary Wall Tiles</a>
  3422. </li>
  3423. <li>
  3424. <a href="https://tileswale.com/tiles-category/parking-tiles">Parking Tiles</a>
  3425. </li>
  3426. <li>
  3427. <a href="https://tileswale.com/tiles-category/subway-tiles">Subway Tiles</a>
  3428. </li>
  3429. <li>
  3430. <a href="https://tileswale.com/tiles-category/stair-tiles">Stair Tiles</a>
  3431. </li>
  3432. <li>
  3433. <a href="https://tileswale.com/tiles-category/poster-tiles">Poster tiles</a>
  3434. </li>
  3435. <li>
  3436. <a href="https://tileswale.com/tiles-category/3d-tiles">3D Tiles</a>
  3437. </li>
  3438. <li>
  3439. <a href="https://tileswale.com/tiles-category/wooden-tiles">Wooden Tiles</a>
  3440. </li>
  3441. </ul>
  3442. </div>
  3443. <div class="mega-menu__column">
  3444. <strong class="megamenu-title">
  3445. <a href="https://tileswale.com/sanitaryware">Sanitary ware</a>
  3446. </strong>
  3447. <ul class="mega-menu__list">
  3448. <li>
  3449. <a href="https://tileswale.com/sanitaryware/counter-basin">Counter Basin</a>
  3450. </li>
  3451. <li>
  3452. <a href="https://tileswale.com/sanitaryware/wash-basin">Wash Basin</a>
  3453. </li>
  3454. <li>
  3455. <a href="https://tileswale.com/sanitaryware/one-piece-closet">One Piece Closet</a>
  3456. </li>
  3457. <li>
  3458. <a href="https://tileswale.com/sanitaryware/wash-basin-pedestal">Wash Basin Pedestal</a>
  3459. </li>
  3460. <li>
  3461. <a href="https://tileswale.com/sanitaryware/table-top-wash-basin">Table Top Wash Basin</a>
  3462. </li>
  3463. <li>
  3464. <a href="https://tileswale.com/sanitaryware/water-closet">Water Closet</a>
  3465. </li>
  3466. <li>
  3467. <a href="https://tileswale.com/sanitaryware/table-top">Table Top</a>
  3468. </li>
  3469. <li>
  3470. <a href="https://tileswale.com/sanitaryware/wash-basin-half-pedestal">Wash Basin Half Pedestal</a>
  3471. </li>
  3472. <li>
  3473. <a href="https://tileswale.com/sanitaryware/pan">Pan</a>
  3474. </li>
  3475. <li>
  3476. <a href="https://tileswale.com/sanitaryware/one-piece-basin">One Piece Basin</a>
  3477. </li>
  3478. <li>
  3479. <a href="https://tileswale.com/sanitaryware/urinal">Urinal</a>
  3480. </li>
  3481. <li>
  3482. <a href="https://tileswale.com/sanitaryware/cabinet-vanity">Cabinet Vanity</a>
  3483. </li>
  3484. <li>
  3485. <a href="https://tileswale.com/sanitaryware/wall-hung">Wall hung</a>
  3486. </li>
  3487. <li>
  3488. <a href="https://tileswale.com/sanitaryware/wash-basin-with-pedestal">Wash basin with Pedestal</a>
  3489. </li>
  3490. </ul>
  3491. </div>
  3492. <div class="mega-menu__column">
  3493. <strong class="megamenu-title">
  3494. <a href="https://tileswale.com/kitchensink">Kitchen Sink</a>
  3495. </strong>
  3496. <ul class="mega-menu__list">
  3497. <li>
  3498. <a href="https://tileswale.com/supplier/stainless-steel-kitchen-sink">Stainless Steel Kitchen Sink</a>
  3499. </li>
  3500. <li>
  3501. <a href="https://tileswale.com/supplier/quartz-kitchen-sink">Quartz Kitchen Sink</a>
  3502. </li>
  3503. <li>
  3504. <a href="https://tileswale.com/supplier/handmade-kitchen-sink">Handmade Kitchen Sink</a>
  3505. </li>
  3506. </ul>
  3507. </div>
  3508. <div class="mega-menu__column">
  3509. <strong class="megamenu-title">
  3510. <a href="https://tileswale.com/bathware">Bathware</a>
  3511. </strong>
  3512. <ul class="mega-menu__list">
  3513. <li>
  3514. <a href="https://tileswale.com/supplier/bath-fitting-accessories">Bath Fitting &amp; Accessories</a>
  3515. </li>
  3516. <li>
  3517. <a href="https://tileswale.com/supplier/faucets">Faucets</a>
  3518. </li>
  3519. <li>
  3520. <a href="https://tileswale.com/supplier/showers">Showers</a>
  3521. </li>
  3522. <li>
  3523. <a href="https://tileswale.com/supplier/allied-products">Allied Products</a>
  3524. </li>
  3525. </ul>
  3526. </div>
  3527. <div class="mega-menu__column">
  3528. <strong class="megamenu-title">
  3529. <a href="https://tileswale.com/more_products">More Products</a>
  3530. </strong>
  3531. <ul class="mega-menu__list">
  3532. <li>
  3533. <a href="https://tileswale.com/supplier/adhesive">Adhesive</a>
  3534. </li>
  3535. <li>
  3536. <a href="https://tileswale.com/supplier/cistern-seat-cover">Cistern & Seat Cover</a>
  3537. </li>
  3538. </ul>
  3539. </div>
  3540. </div>
  3541. </div>
  3542. </div>
  3543. </li>
  3544. </ul>
  3545. <ul class="navigation__extra">
  3546.  
  3547. <li class="sd-active-bottom"><a class="sd-navbar-catagory " href="https://tileswale.com/about">About Us</a></li>
  3548. <li class="sd-active-bottom"><a class="sd-navbar-catagory " href="https://tileswale.com/career">Career</a></li>
  3549. <li>
  3550. <div class="language">
  3551. <a href="javascript:void(0)" data-toggle="modal" data-target="#LanguageModal">English<i class="fa fa-caret-down" style="margin-left: 8px"></i></a>
  3552. </div>
  3553. </li>
  3554. </ul>
  3555. </div>
  3556. </div>
  3557. </nav>
  3558. </header>
  3559. <style>
  3560.    .user-guide-img {
  3561.        max-width: 240px !important;
  3562.    }
  3563.    .sd-box {
  3564.        border: 1px solid #eaeaea !important;
  3565.        margin: 0 2%;
  3566.        padding: 4%;
  3567.    }
  3568.    .sd-box h4{
  3569.        font-weight: 500;
  3570.    }
  3571.    .sd-ic-seco {
  3572.        margin: auto;
  3573.        margin-bottom: 6px;
  3574.    }
  3575.    @media screen and (max-width:460px) {
  3576.        .sd-box h4{
  3577.            font-size: 12px;
  3578.        }  
  3579.    }
  3580.  
  3581.    .bg-freightforward-transport, .bg-domestic-transport {
  3582.        height: 135px;
  3583.        background-size: contain;
  3584.    }
  3585.  
  3586.    @media only screen and (min-width: 768px) {
  3587.        .bg-freightforward-transport, .bg-domestic-transport {
  3588.            height: 266px;
  3589.            background-repeat: no-repeat;
  3590.            background-position: center;
  3591.            background-size: cover;
  3592.        }
  3593.    }
  3595.    .sd-buyercards {
  3596.        background-color: #ffffff;
  3597.        box-shadow: 0 0 3px 0 rgb(0 10 20 / 12%);
  3598.    }
  3599.    .sd-buyer-body{
  3600.        background: #f3f3f3
  3601.    }
  3602.    .sd-icon-buyer{
  3603.        height: 60px;
  3604.        border-radius:6px;
  3605.    }
  3606.    .text-blue{
  3607.        color: #003162;
  3608.    }
  3609.    .sd-close-buyer{
  3610.        background: #000;
  3611.        right: 10px;
  3612.        font-weight: 400;
  3613.        border-radius: 0 0 0 10px;
  3614.        padding: 0px 4px 4px 7px !important;
  3615.        font-size: 30px;
  3616.    }
  3617.  
  3618.  
  3619.    /*
  3620.     *  seller box grid new design v2
  3621.     */
  3622.    
  3623.     .sd-left-img img, .sd-right-img img {
  3624. height: 100%;
  3625. width: 100%;
  3626. object-fit: cover;
  3627. overflow: hidden;
  3628. border: 1px solid #ececec;
  3629. border-radius: 6px;
  3630. }
  3631. .sd-righttwo-img img{
  3632. height: 118px;
  3633. width: 100%;
  3634. object-fit: cover;
  3635. overflow: hidden;
  3636. border: 1px solid #ececec;
  3637. border-radius: 6px;
  3638. }
  3639. .sd-rightthree-img img{
  3640. height: 75px;
  3641. width: 100%;
  3642. object-fit: cover;
  3643. overflow: hidden;
  3644. border: 1px solid #ececec;
  3645. border-radius: 6px;
  3646. }
  3647. .sd-seller-btn{
  3648. width: 100%;
  3649.     background: #ffeedb;
  3650.     color: #000;
  3651. transform: none;
  3652.  
  3653. }
  3654. .sd-seller-btn:hover{
  3655. transform: none;
  3656. background: #474747;
  3657.     color: #fff;
  3658. }
  3659.  
  3660. .sd-left-img {
  3661. height: 255px
  3662. }
  3663. .sd-right-img {
  3664. height: 255px
  3665. }
  3666.  
  3667. .sd-img {
  3668. height: 244px
  3669. }
  3671. /* requirement model v2 desktop */
  3672. #buyer-req-modal .modal-dialog {
  3673.        max-width: 500px;
  3674.    }
  3675.    @media (max-width:575px) {
  3676.        #buyer-req-modal .modal-dialog {
  3677.            max-width: 95%;
  3678.        }
  3679.    }  
  3681.    @media screen and (min-width: 767px) {
  3682.        .sd-whatsapp-web{
  3683.            left: 17px !important;
  3684.            right:auto !important;
  3685.        }
  3686.    }
  3687. </style>
  3688. <div class="ps-container mb-5 position-relative">
  3689. <div class="swiper sd-swiper">
  3690. <div class="swiper-wrapper">
  3691. <div class="s-slider-img swiper-slide">
  3692. <a href="#">
  3693. <script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="04b641f9f9e21c1d80a647b9-|49"></script><img data-fallback="https://tileswale.com/front_assets/img/slider/home/8.webp" onError="imgFallback(this)" src="https://tileswale.com/cdn-cgi/imagedelivery/mzSuEo-CuZj22GZ2Ldj31w/b83bca82-dc86-492a-107c-cfaa2a22b400/slider" alt>
  3694. </a>
  3695. </div>
  3696. </div>
  3697. <div class="swiper-pagination"></div>
  3698. </div>
  3699. <div class="sd-form-slider">
  3700. <div class="sd-form-card ps-site-bestdeal py-5 px-0 sd-rm-reduis h-100" style="background: #fff;">
  3701. <div class="col-12">
  3702. <h3 class="text-center my-0">
  3703. Get Best Priced Quotations </h3>
  3704. <p class="text-center  text-dark mt-0 mb-5">
  3705. Submit your inquiries,we will see the rest </p>
  3706. </div>
  3707. <div class="col-12">
  3708. <div class="ps-tab active">
  3709. <form class="best_deal_form mb-0" id="requirement-form" method="POST">
  3710. <div class="bg-white px-0 pb-1" style="border-radius: 10px;">
  3711. <div class="col-12 form-group animate-20">
  3712. <select class="form-control e-selectize-category requirement_category" name="category_id" id="requirement_category_id" required onchange="if (!window.__cfRLUnblockHandlers) return false; chat_getSizeList(this,'requirement');" data-cf-modified-04b641f9f9e21c1d80a647b9->
  3713.  
  3714. </select>
  3715. <input type="hidden" name="main_type_id" class="requirement_main_type_id" id="requirement_main_type_id" value="0" onChange="if (!window.__cfRLUnblockHandlers) return false; chat_getUnitList(this,'requirement');" data-cf-modified-04b641f9f9e21c1d80a647b9->
  3716. <input type="hidden" name="sub_main_type_id" class="requirement_sub_main_type" id="requirement_sub_main_type" value="0" onChange="if (!window.__cfRLUnblockHandlers) return false; chat_getUnitList(this,'requirement');" data-cf-modified-04b641f9f9e21c1d80a647b9->
  3717. <span class="error requirement_category_error"></span>
  3718. </div>
  3719. <div class="col-12 form-group mb-3 requirement-size-container" style="display: none;">
  3720. <select class=" form-control requirement_size" name="size_id" id="requirement_size_id" required disabled>
  3721. <option value>-Select Size-</option>
  3722.  
  3723. </select>
  3724. <span class="error requirement_size_error"></span>
  3725. </div>
  3726. <div class="d-flex">
  3727. <div class="col-6 w-50 form-group pr-3 animate-20">
  3728. <select class=" sd-cat sd-icon-dropdown form-control requirement_unit" name="unit" id="requirement_unit_id" required>
  3729. <option value>-Select Unit-</option>
  3730.  
  3731. </select>
  3732. <span class="error requirement_unit_error"></span>
  3733. </div>
  3734. <div class="col-6 w-50 form-group pl-0 animate-20">
  3735. <input name="total_box" type="text" id="requirement_qty" class="sd-form bestdeal_quantity" placeholder="Qty" min="1" required>
  3736. <span class="error requirement_qty_error"></span>
  3737. </div>
  3738. </div>
  3739. <div class="col-12 form-group requirement-submit-area">
  3740. <div id="recaptcha-containers"></div>
  3741. <button type="submit" id="login-btn" class="ps-btn bg-danger w100 text-white">
  3742. Request for Quotation </button>
  3743. </div>
  3744. </div>
  3745. </form>
  3746. </div>
  3747. </div>
  3748. </div>
  3749. </div>
  3750. </div>
  3751.  
  3752. <div class="pt-20 mb-5">
  3753. <div class="ps-container">
  3754. <div class="ps-section__content">
  3755. <div class="row justify-content-center align-item-center">
  3756. <div class="col-lg-3 col-6 mb-lg-0 mb-5 text-center">
  3757. <div class="sd-box d-flex">
  3758. <div class="ps-block--icon-box sd-ic-seco w-25 mb-0 border-right"><script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="04b641f9f9e21c1d80a647b9-|49"></script><img data-fallback="https://tileswale.com/front_assets/img/icons/third.png" onError="imgFallback(this)" src="https://tileswale.com/cdn-cgi/imagedelivery/mzSuEo-CuZj22GZ2Ldj31w/2d1ef203-084b-4a74-651d-bf421697f100/public" alt="15,500+ Our Exclusive Products" loading="lazy"></div>
  3759. <div class="align-self-center w-75"><h4 class="mb-0">15,500+<br>Our Exclusive Products</h4></div>
  3760. </div>
  3761. </div>
  3762. <div class="col-lg-3 col-6 mb-lg-0 mb-5 text-center">
  3763. <div class="sd-box d-flex">
  3764. <div class="ps-block--icon-box sd-ic-seco w-25 mb-0 border-right"><script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="04b641f9f9e21c1d80a647b9-|49"></script><img data-fallback="https://tileswale.com/front_assets/img/icons/first.png" onError="imgFallback(this)" src="https://tileswale.com/cdn-cgi/imagedelivery/mzSuEo-CuZj22GZ2Ldj31w/6167ccfa-c316-4ead-87c4-937b448a8500/public" alt="30,000+ Fulfilled Requirements" loading="lazy"></div>
  3765. <div class="align-self-center w-75"><h4 class="mb-0">30,000+<br>Fulfilled Requirements</h4></div>
  3766. </div>
  3767. </div>
  3768. <div class="col-lg-3 col-6 mb-lg-0 mb-5 text-center">
  3769. <div class="sd-box d-flex">
  3770. <div class="ps-block--icon-box sd-ic-seco w-25 mb-0 border-right"><script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="04b641f9f9e21c1d80a647b9-|49"></script><img data-fallback="https://tileswale.com/front_assets/img/icons/three4.svg" onError="imgFallback(this)" src="https://tileswale.com/cdn-cgi/imagedelivery/mzSuEo-CuZj22GZ2Ldj31w/c0c2d905-31fd-47a7-0d0c-0125d36e4200/public" alt="2,800+ Manufacturers" loading="lazy"></div>
  3771. <div class="align-self-center w-75"><h4 class="mb-0">2,800+<br>Manufacturers</h4></div>
  3772. </div>
  3773. </div>
  3774. <div class="col-lg-3 col-6 mb-lg-0 mb-5 text-center">
  3775. <div class="sd-box d-flex">
  3776. <div class="ps-block--icon-box sd-ic-seco w-25 mb-0 border-right"><script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="04b641f9f9e21c1d80a647b9-|49"></script><img data-fallback="https://tileswale.com/front_assets/img/icons/group.svg" onError="imgFallback(this)" src="https://tileswale.com/cdn-cgi/imagedelivery/mzSuEo-CuZj22GZ2Ldj31w/8c78feb5-899d-4643-0612-86d2e39b2900/public" alt="2,300+ catalogues collection" loading="lazy"></div>
  3777. <div class="align-self-center w-75"><h4 class="mb-0">2,300+<br>catalogues collection</h4></div>
  3778. </div>
  3779. </div>
  3780. </div>
  3781. </div>
  3782. </div>
  3783. </div>
  3784.  
  3785. <style type="text/css">
  3786. .sd-rm-reduis {
  3787.    border-radius: 6px;
  3788. }
  3789.  
  3790. .sd-form-card {
  3791.    display: flex;
  3792.    align-content: stretch;
  3793.    flex-wrap: wrap;
  3794. }
  3795.  
  3796. .sd-form-card label {
  3797.    display: block;
  3798.    position: absolute;
  3799.    margin: 0;
  3800. }
  3801. </style>
  3802. <div class="ps-container">
  3803. <div class="row">
  3804. <div class="col-md-4 text-center">
  3805. <form name="best_deal_form" method="post" class="best_deal_form sd-form-card ps-site-bestdeal py-5 px-3 sd-rm-reduis h-100" style="background: #fee505;">
  3806. <div class="col-12">
  3807. <h3 class="text-center my-0">
  3808. Get Best Priced Quotations </h3>
  3809. <p class="text-center  text-dark mt-0 mb-5">
  3810. Submit your inquiries,we will see the rest </p>
  3811. </div>
  3812. <div class="col-12">
  3813. <div>
  3814. <div class="mb-5 form-bestdeal">
  3815. <select class="form-control valid select2 main_type_id" name="main_type_id" id="main_type_id" onchange="if (!window.__cfRLUnblockHandlers) return false; getCategoryList(this, 'bestdeal')" aria-required="true" aria-invalid="false" required data-cf-modified-04b641f9f9e21c1d80a647b9->
  3816. <option value>Category For</option>
  3817. <option value="1" data-sub_type="0">Tiles</option>
  3818. <option value="2" data-sub_type="0">Sanitary Ware</option>
  3819. <option value="15" data-sub_type="0">Cabinet Vanity</option>
  3820. <option value="25" data-sub_type="0">Kitchen Sink</option>
  3821. <option value="21" data-sub_type="0">Bath Fitting & Accessories</option>
  3822. <option value="19" data-sub_type="0">Faucets</option>
  3823. <option value="20" data-sub_type="0">Showers</option>
  3824. <option value="17" data-sub_type="0">Bath Tub</option>
  3825. <option value="29" data-sub_type="0">Cistern & Seat Cover</option>
  3826. <option value="22" data-sub_type="0">Allied Products</option>
  3827. <option value="23" data-sub_type="0">Mirror</option>
  3828. <option value="26" data-sub_type="0">Adhesive & Chemicals</option>
  3829. <option value="27" data-sub_type="0">Tiles Display Stand</option>
  3830. <option value="28" data-sub_type="0">Roofing Tiles, Machine Tools & Lighting</option>
  3831. <option value="30" data-sub_type="0">Tiles Accessories</option>
  3832. <option value="31" data-sub_type="0">WPC (Wood Polymer Composite)</option>
  3833. <option value="32" data-sub_type="0">SPC (Stone Polymer Composite) </option>
  3834. </select>
  3835. </div>
  3836. <div class="mb-5 form-bestdeal">
  3837. <select name="category_id" class="form-control bestdeal_category" onchange="if (!window.__cfRLUnblockHandlers) return false; getSizeList(this,'bestdeal');" data-cf-modified-04b641f9f9e21c1d80a647b9->
  3838. <option value>Select Category</option>
  3839. </select>
  3840. <label id="category_id-error d-block" class="error" for="category_id"></label>
  3841. </div>
  3842. <div class="form-bestdeal mb-5">
  3843. <select name="size_id" class="form-control bestdeal_size">
  3844. <option value>Select Size</option>
  3845. </select>
  3846. <label id="size_id-error" class="error" for="size_id"></label>
  3847. </div>
  3848. <div class="row ">
  3849. <div class="form-bestdeal col mb-5">
  3850. <select name="unit_id" class="form-control bestdeal_unit " onchange="if (!window.__cfRLUnblockHandlers) return false; unit_change_update_validator(this,'bestdeal')" required data-cf-modified-04b641f9f9e21c1d80a647b9->
  3851. <option value>Select Unit</option>
  3852. </select>
  3853. <label id="unit_id-error" class="error" for="unit_id"></label>
  3854. </div>
  3855. <div class="form-bestdeal col mb-5">
  3856. <input type="number" name="quantity" class="form-control bestdeal_quantity" placeholder="Enter Quantity Here" required onselectstart="if (!window.__cfRLUnblockHandlers) return false; return false" onpaste="if (!window.__cfRLUnblockHandlers) return false; return false;" onCopy="if (!window.__cfRLUnblockHandlers) return false; return false" onCut="if (!window.__cfRLUnblockHandlers) return false; return false" onDrag="if (!window.__cfRLUnblockHandlers) return false; return false" onDrop="if (!window.__cfRLUnblockHandlers) return false; return false" data-cf-modified-04b641f9f9e21c1d80a647b9- />
  3857. <label id="quantity-error" class="error" for="quantity"></label>
  3858. </div>
  3859. </div>
  3860. <div class="mb-5 bg-white">
  3861. <textarea name="comment" class="form-control comment" placeholder="Add Comment.." style="resize: none;" rows="3" spellcheck="false" onselectstart="if (!window.__cfRLUnblockHandlers) return false; return false" onpaste="if (!window.__cfRLUnblockHandlers) return false; return false;" onCopy="if (!window.__cfRLUnblockHandlers) return false; return false" onCut="if (!window.__cfRLUnblockHandlers) return false; return false" onDrag="if (!window.__cfRLUnblockHandlers) return false; return false" onDrop="if (!window.__cfRLUnblockHandlers) return false; return false" data-cf-modified-04b641f9f9e21c1d80a647b9-></textarea>
  3862. </div>
  3863. <input type="hidden" name="mode" value="add" onselectstart="if (!window.__cfRLUnblockHandlers) return false; return false" onpaste="if (!window.__cfRLUnblockHandlers) return false; return false;" onCopy="if (!window.__cfRLUnblockHandlers) return false; return false" onCut="if (!window.__cfRLUnblockHandlers) return false; return false" onDrag="if (!window.__cfRLUnblockHandlers) return false; return false" onDrop="if (!window.__cfRLUnblockHandlers) return false; return false" data-cf-modified-04b641f9f9e21c1d80a647b9->
  3864. </div>
  3865. </div>
  3866. <div class="col-12">
  3867. <div class="submtit sd-submitbtn">
  3868. <button class="ps-btn w100 text-white" type="submit">Get Verified Manufacturers</button>
  3869. </div>
  3870. </div>
  3871. </form>
  3872. </div>
  3873. <div class="col-md-4 text-center">
  3874. <form name="best_deal_project_request" method="post" class="best_deal_project_request sd-form-card ps-site-bestdeal sd-rm-reduis py-5 px-3 h-100" style="background-color: #79C746;">
  3875. <div class="col-12">
  3876. <h3 class="text-center my-0 ">
  3877. Get Best Deals for your Project </h3>
  3878. <p class="text-center text-dark mt-0 mb-5" style="color:white">
  3879. Let's connect you with Verified Suppliers </p>
  3880. </div>
  3881. <div class="col-12">
  3882. <div>
  3883. <div class="row ">
  3884. <div class="col-md-6 mb-5">
  3885. <div class="form-bestdeal">
  3886. <input class="form-control" type="text" id="name" name="name" placeholder="Project Name" onselectstart="if (!window.__cfRLUnblockHandlers) return false; return false" onpaste="if (!window.__cfRLUnblockHandlers) return false; return false;" onCopy="if (!window.__cfRLUnblockHandlers) return false; return false" onCut="if (!window.__cfRLUnblockHandlers) return false; return false" onDrag="if (!window.__cfRLUnblockHandlers) return false; return false" onDrop="if (!window.__cfRLUnblockHandlers) return false; return false" data-cf-modified-04b641f9f9e21c1d80a647b9->
  3887. </div>
  3888. <label id="name-error" class="error" for="name"></label>
  3889. </div>
  3890. <div class="col-md-6 mb-5">
  3891. <div class=" form-bestdeal">
  3892. <select class="form-control " name="city_id" id="requirementCityList" aria-required="true" aria-invalid="false" required>
  3893. <option value>Select City</option>
  3894. </select>
  3895. </div>
  3896. </div>
  3897. </div>
  3898. <div class="form-bestdeal mb-5 ">
  3899. <select class="form-control valid select2 main_type_id" name="main_type_id" id="main_type_id" onchange="if (!window.__cfRLUnblockHandlers) return false; getCategoryList(this, 'project_lead')" aria-required="true" aria-invalid="false" required data-cf-modified-04b641f9f9e21c1d80a647b9->
  3900. <option value>Category For</option>
  3901. <option value="1" data-sub_type="0">Tiles</option>
  3902. <option value="2" data-sub_type="0">Sanitary Ware</option>
  3903. <option value="15" data-sub_type="0">Cabinet Vanity</option>
  3904. <option value="25" data-sub_type="0">Kitchen Sink</option>
  3905. <option value="21" data-sub_type="0">Bath Fitting & Accessories</option>
  3906. <option value="19" data-sub_type="0">Faucets</option>
  3907. <option value="20" data-sub_type="0">Showers</option>
  3908. <option value="17" data-sub_type="0">Bath Tub</option>
  3909. <option value="29" data-sub_type="0">Cistern & Seat Cover</option>
  3910. <option value="22" data-sub_type="0">Allied Products</option>
  3911. <option value="23" data-sub_type="0">Mirror</option>
  3912. <option value="26" data-sub_type="0">Adhesive & Chemicals</option>
  3913. <option value="27" data-sub_type="0">Tiles Display Stand</option>
  3914. <option value="28" data-sub_type="0">Roofing Tiles, Machine Tools & Lighting</option>
  3915. <option value="30" data-sub_type="0">Tiles Accessories</option>
  3916. <option value="31" data-sub_type="0">WPC (Wood Polymer Composite)</option>
  3917. <option value="32" data-sub_type="0">SPC (Stone Polymer Composite) </option>
  3918. </select>
  3919. </div>
  3920. <div class="mb-5 form-bestdeal">
  3921. <div id="category_data" class="row mx-0 w-100">
  3922. <select name="category_id" class="form-control project_lead_category" onchange="if (!window.__cfRLUnblockHandlers) return false; getSizeList(this,'project_lead');" data-cf-modified-04b641f9f9e21c1d80a647b9->
  3923. <option value>Select Category</option>
  3924. </select>
  3925. </div>
  3926. <label id="category_id-error" class="error" for="category_id"></label>
  3927. </div>
  3928. <div class="form-bestdeal">
  3929. <div id="size_data" class="row mx-0 w-100">
  3930. <select name="size_id" class="form-control mb-5 project_lead_size">
  3931. <option value>Select Size</option>
  3932. </select>
  3933. </div>
  3934. </div>
  3935. <div class="row mb-5">
  3936. <div class="form-bestdeal col">
  3937. <select name="unit_id" class="form-control project_lead_unit" onchange="if (!window.__cfRLUnblockHandlers) return false; unit_change_update_validator(this,'project_lead')" required data-cf-modified-04b641f9f9e21c1d80a647b9->
  3938. <option value>Select Unit</option>
  3939. </select>
  3940. <label id="unit_id-error" class="error" for="unit_id"></label>
  3941. </div>
  3942. <div class="form-bestdeal col">
  3943. <input type="number" name="quantity" class="form-control project_lead_quantity" placeholder="Enter Quantity Here" required disabled="true" onselectstart="if (!window.__cfRLUnblockHandlers) return false; return false" onpaste="if (!window.__cfRLUnblockHandlers) return false; return false;" onCopy="if (!window.__cfRLUnblockHandlers) return false; return false" onCut="if (!window.__cfRLUnblockHandlers) return false; return false" onDrag="if (!window.__cfRLUnblockHandlers) return false; return false" onDrop="if (!window.__cfRLUnblockHandlers) return false; return false" data-cf-modified-04b641f9f9e21c1d80a647b9- />
  3944. </div>
  3945. </div>
  3946. <input type="hidden" name="mode" value="add">
  3947. </div>
  3948. </div>
  3949. <div class="col-12 align-self-end">
  3950. <div class="submtit sd-submitbtn">
  3951. <button class="ps-btn w100 text-white" type="submit">Get the Deal</button>
  3952. </div>
  3953. </div>
  3954. </form>
  3955. </div>
  3956. <div class="col-md-4 text-center">
  3957. <form name="becomeDealerModal" method="post" class="becomeDealerModal sd-form-card ps-site-bestdeal py-5 px-3 h-100 sd-rm-reduis" style="background-color: #6CC1D6;">
  3958. <div class="col-12">
  3959. <h3 class="text-center my-0">
  3960. Request For Dealership </h3>
  3961. <p class="text-center text-dark mt-0 mb-5">
  3962. Looking for a Dealership in your area ! </p>
  3963. </div>
  3964. <div class="col-12">
  3965. <div class="mb-0">
  3966. <div class="row">
  3967. <div class="col-md-12 ">
  3968. <div class="form-bestdeal mb-5">
  3969. <select name="state" id="state" class="form-control" onchange="if (!window.__cfRLUnblockHandlers) return false; cityList(this.value);" required data-cf-modified-04b641f9f9e21c1d80a647b9->
  3970. <option value>Select State</option>
  3971. <option value="1">Andaman and Nicobar Islands</option>
  3972. <option value="2">Andhra Pradesh</option>
  3973. <option value="3">Arunachal Pradesh</option>
  3974. <option value="4">Assam</option>
  3975. <option value="5">Bihar</option>
  3976. <option value="6">Chandigarh</option>
  3977. <option value="7">Chattisgarh</option>
  3978. <option value="8">Dadra and Nagar Haveli</option>
  3979. <option value="9">Daman and Diu</option>
  3980. <option value="10">Delhi</option>
  3981. <option value="11">Goa</option>
  3982. <option value="12">Gujarat</option>
  3983. <option value="13">Haryana</option>
  3984. <option value="14">Himachal Pradesh</option>
  3985. <option value="15">Jammu and Kashmir</option>
  3986. <option value="16">Jharkhand</option>
  3987. <option value="17">Karnataka</option>
  3988. <option value="18">Kenmore</option>
  3989. <option value="19">Kerala</option>
  3990. <option value="20">Lakshadweep</option>
  3991. <option value="21">Madhya Pradesh</option>
  3992. <option value="22">Maharashtra</option>
  3993. <option value="23">Manipur</option>
  3994. <option value="24">Meghalaya</option>
  3995. <option value="25">Mizoram</option>
  3996. <option value="26">Nagaland</option>
  3997. <option value="27">Narora</option>
  3998. <option value="28">Natwar</option>
  3999. <option value="29">Odisha</option>
  4000. <option value="30">Paschim Medinipur</option>
  4001. <option value="31">Pondicherry</option>
  4002. <option value="32">Punjab</option>
  4003. <option value="33">Rajasthan</option>
  4004. <option value="34">Sikkim</option>
  4005. <option value="35">Tamil Nadu</option>
  4006. <option value="36">Telangana</option>
  4007. <option value="37">Tripura</option>
  4008. <option value="38">Uttar Pradesh</option>
  4009. <option value="39">Uttarakhand</option>
  4010. <option value="40">Vaishali</option>
  4011. <option value="41">West Bengal</option>
  4012. <option value="4123">India</option>
  4013. </select>
  4014. <label id="state-error" class="error" for="state"></label>
  4015. </div>
  4016. </div>
  4017. <div class="col-md-12">
  4018. <div class="form-bestdeal mb-5">
  4019. <select name="city" id="cityData" class="form-control" required>
  4020. <option value>Select City</option>
  4021. </select>
  4022. <label id="cityData-error" class="error" for="cityData"></label>
  4023. </div>
  4024. </div>
  4025. <div class="col-md-12">
  4026. <div class="form-group mb-5 bg-white">
  4027. <textarea name="message" rows="4" class="form-control" placeholder="Enter the message" required></textarea>
  4028. <label id="message-error" class="error" for="message"></label>
  4029. </div>
  4030. </div>
  4031. </div>
  4032. <div class="form-row">
  4033. <input type="hidden" name="type" value="4">
  4034. <input type="hidden" name="mode" value="add">
  4035. </div>
  4036. </div>
  4037. </div>
  4038. <div class="col-12 align-self-end">
  4039. <div class="submtit sd-submitbtn">
  4040. <button class="ps-btn w100 text-white" type="submit">Submit Request</button>
  4041. </div>
  4042. </div>
  4043. </form>
  4044. </div>
  4045. </div>
  4046. </div>
  4047.  
  4048.  
  4049. <div class="mt-3" id="dynamic-section"></div>
  4050.  
  4051. <div class="ps-product-list ps-top-categories pb-0" id="ps-top-categories">
  4052. <style>
  4053.    .sd-category {
  4054.        background: #ffffff;
  4055.        width: 190px;
  4056.        margin: auto;
  4057.        position: relative;
  4058.        bottom: 28px;
  4059.        border-radius: 10px;
  4060.        box-shadow: 3px 7px 8px 0 rgb(122 122 122 / 18%);
  4061.    }
  4062.    .sd-catagory-content {
  4063.        padding: 9% 0;
  4064.        font-size: 16px;
  4065.        font-weight: 600;
  4066.        color: #474747;
  4067.        margin-bottom: 0;
  4068.    }
  4069.    .sd-card-categories img {
  4070.        height: 300px;
  4071.        width: 100%;
  4072.        object-fit: cover;
  4073.        border-radius: 12px;
  4074.        border: 1px solid #dddddd;
  4075.    }
  4076.    @media screen and (max-width: 460px) {
  4077.        .sd-catagory-content {
  4078.            font-size: 14px;
  4079.            padding: 10% 0;
  4080.        }
  4081.        .sd-catagor-h {
  4082.            height: 200px !important;
  4083.        }
  4084.    }
  4085. </style>
  4086. <style>  
  4087.    .bg-category-slider  {
  4088.        background-size: cover;
  4089.        background-position: center;
  4090.        background-repeat: no-repeat;
  4091.        height: 200px;
  4092.        display: block;
  4093.        width: 100%;
  4094.        border-radius: 12px;
  4095.        border: 1px solid #dddddd;
  4096.    }
  4097.    .custom-icon-right {
  4098.        background-image: url(https://tileswale.com/cdn-cgi/imagedelivery/mzSuEo-CuZj22GZ2Ldj31w/f16525a6-c152-4998-c734-741eaa4ca400/public);
  4099.        background-position: center;
  4100.        background-repeat: no-repeat;
  4101.        width: 20px;
  4102.        height: 15px;
  4103.        display: inline-block;
  4104.        margin-top: 10px;
  4105.    }
  4106. </style>
  4107. <div class="ps-container top-category-section"><div class="ps-product-list pb-0">
  4108. <div class="ps-section__header mb-30 dnone1199">
  4109. <h3>Trending Categories</h3>
  4110. <ul class="ps-section__links">
  4111. <li>
  4112. <a href="http://localhost/tileswale_tws/tiles-category"></a>
  4113. </li>
  4114. </ul>
  4115. </div>
  4116. </div>
  4117. <div class=" mb-lg-5 pb-lg-5 mb-3 pb-3 dsesktop-none">
  4118. <div class="ps-section-mheader ">
  4119. <a href="javascript:void(0)" class="w-100">Trending Categories</a>
  4120. </div>
  4121. </div>
  4122. <div class="overflow-auto">
  4123. <div class="d-flex sd-x-scrol-trasport">
  4124. <div class="pb-25 sd-trasport-card px-lg-3 pl-lg-3 pl-0">
  4125. <div class="px-3 m-auto">
  4126. <div class="sd-card-categories">
  4127. <a href="https://tileswale.com/tiles-category">
  4128.  
  4129. <span class="bg-category-slider bg-category-tiles lazy-load" data-background-image="https://tileswale.com/cdn-cgi/imagedelivery/mzSuEo-CuZj22GZ2Ldj31w/5ddb2d7f-7d30-434f-be84-28c50bfb5d00/public"></span>
  4130. </a>
  4131. </div>
  4132. <div class="ps-product__container sd-category text-center ">
  4133. <a href="https://tileswale.com/tiles-category">
  4134. <p class="sd-catagory-content">Tiles
  4135.  
  4136. <i class="custom-icon-right mt-3"></i>
  4137. </p>
  4138. </a>
  4139. </div>
  4140. </div>
  4141. </div>
  4142. <div class="pb-25 sd-trasport-card px-lg-3 ml-lg-0 ml-3">
  4143. <div class="px-3 m-auto">
  4144. <div class="sd-card-categories">
  4145. <a href="https://tileswale.com/sanitaryware">
  4146.  
  4147. <span class="bg-category-slider bg-category-sanitery lazy-load" data-background-image="https://tileswale.com/cdn-cgi/imagedelivery/mzSuEo-CuZj22GZ2Ldj31w/6e40abe0-5d30-494e-f17c-ef194b191200/public"></span>
  4148. </a>
  4149. </div>
  4150. <div class="ps-product__container sd-category text-center ">
  4151. <a href="https://tileswale.com/sanitaryware">
  4152. <p class="sd-catagory-content">Sanitary
  4153.  
  4154. <i class="custom-icon-right mt-3"></i>
  4155. </p>
  4156. </a>
  4157. </div>
  4158. </div>
  4159. </div>
  4160. <div class="pb-25 sd-trasport-card px-lg-3 ml-lg-0 ml-3">
  4161. <div class="px-3 m-auto">
  4162. <div class="sd-card-categories">
  4163. <a href="https://tileswale.com/kitchensink">
  4164.  
  4165. <span class="bg-category-slider bg-category-kitchen lazy-load" data-background-image="https://tileswale.com/cdn-cgi/imagedelivery/mzSuEo-CuZj22GZ2Ldj31w/56805f08-513a-4a87-c13a-e8b70c2b2600/public"></span>
  4166. </a>
  4167. </div>
  4168. <div class="ps-product__container sd-category text-center ">
  4169. <a href="https://tileswale.com/kitchensink">
  4170. <p class="sd-catagory-content">Kitchen
  4171.  
  4172. <i class="custom-icon-right"></i>
  4173. </p>
  4174. </a>
  4175. </div>
  4176. </div>
  4177. </div>
  4178. <div class="pb-25 sd-trasport-card px-lg-3 ml-lg-0 ml-3">
  4179. <div class="px-3 m-auto">
  4180. <div class="sd-card-categories">
  4181. <a href="https://tileswale.com/bathware">
  4182.  
  4183. <span class="bg-category-slider bg-category-bathware lazy-load" data-background-image="https://tileswale.com/cdn-cgi/imagedelivery/mzSuEo-CuZj22GZ2Ldj31w/53806900-538e-462d-ca8a-c2869eedfd00/public"></span>
  4184. </a>
  4185. </div>
  4186. <div class="ps-product__container sd-category text-center ">
  4187. <a href="https://tileswale.com/bathware">
  4188. <p class="sd-catagory-content">Bathware
  4189.  
  4190. <i class="custom-icon-right"></i>
  4191. </p>
  4192. </a>
  4193. </div>
  4194. </div>
  4195. </div>
  4196. <div class="pb-25 sd-trasport-card px-lg-3 ml-lg-0 ml-3">
  4197. <div class="px-3 m-auto">
  4198. <div class="sd-card-categories">
  4199. <a href="https://tileswale.com/more_products">
  4200.  
  4201. <span class="bg-category-slider bg-category-more lazy-load" data-background-image="https://tileswale.com/cdn-cgi/imagedelivery/mzSuEo-CuZj22GZ2Ldj31w/f82d3d41-b360-4a0d-d37f-af5880941000/public"></span>
  4202. </a>
  4203. </div>
  4204. <div class="ps-product__container sd-category text-center ">
  4205. <a href="https://tileswale.com/more_products">
  4206. <p class="sd-catagory-content">More
  4207.  
  4208. <i class="custom-icon-right"></i>
  4209. </p>
  4210. </a>
  4211. </div>
  4212. </div>
  4213. </div>
  4214. </div>
  4215. </div>
  4216. </div>
  4217. <script type="04b641f9f9e21c1d80a647b9-text/javascript">
  4218.    $(document).ready(function () {
  4219.        // Function to load images when they come into the viewport
  4220.        function lazyLoadImages() {
  4221.            var lazyImages = $('.lazy-load');
  4222.  
  4223.            lazyImages.each(function () {
  4224.                var image = $(this);
  4225.                if (isElementInViewport(document.querySelector('.top-category-section'))) {
  4226.                    var backgroundImageUrl = image.data('background-image');
  4227.                    image.css('background-image', 'url(' + backgroundImageUrl + ')');
  4228.                    image.removeClass('lazy-load');
  4229.                }
  4230.            });
  4231.        }
  4232.  
  4233.        // Check if an element is in the viewport
  4234.        function isElementInViewport(el) {
  4235.            var rect = el.getBoundingClientRect();
  4236.            return (
  4237.                rect.bottom >= 0 &&
  4238.                rect.right >= 0 &&
  4239.                rect.top <= (window.innerHeight || document.documentElement.clientHeight) &&
  4240.                rect.left <= (window.innerWidth || document.documentElement.clientWidth)
  4241.            );
  4242.        }
  4244.        $(window).on('scroll resize', function () {
  4245.            lazyLoadImages();
  4246.        });
  4247.  
  4248.        // Initial lazy load
  4249.        lazyLoadImages();
  4250.    });
  4251. </script></div>
  4252.  
  4253. <section class="pb-50 position-relative ps-product-list ps-clothings">
  4254. <div class="ps-container mb-lg-5 pb-lg-5 mb-3 pb-3">
  4255. <div class="ps-section-mheader dsesktop-none">
  4256. <a href="javascript:void(0)" class="w-100">Get Reputable Logistic Providers</a>
  4257. </div>
  4258. </div>
  4259. <div class="ps-container">
  4260. <div class="overflow-auto">
  4261. <div class="d-flex sd-x-scrol-trasport">
  4262. <div class="w-50 mb-lg-0 mb-4 text-lg-left text-center d-lg-block d-none">
  4263. <h2 class="sd-trasport-heding text-dark ">Get Reputable Logistic Providers</h2>
  4264. <p class="mt-0 pr-lg-5 mb-5 mr-lg-5 h3 font-weight-normal">Logistics provides reliable, multimodal transport solutions to fit your needs.</p>
  4265. <img class="d-none" src="https://tileswale.com/front_assets/img/home/trasnport.webp" alt loading="lazy">
  4266. </div>
  4267. <div class="pb-25 sd-trasport-card px-lg-3 pl-lg-3 pl-0">
  4268. <a class="sd-btn-car p-0" href="javascript:void(0);" onclick="if (!window.__cfRLUnblockHandlers) return false; LoginPopUp('login',true, null, 'https://tileswale.com/general-transport-inquiry')" data-cf-modified-04b641f9f9e21c1d80a647b9->
  4269. <div class="card sd-card bg-domestic-transport" style="background-image: url('https://tileswale.com/cdn-cgi/imagedelivery/mzSuEo-CuZj22GZ2Ldj31w/9c00bc09-9d61-47ac-1b0f-0cc9098cf100/public');">
  4270.  
  4271. </div>
  4272. </a>
  4273. </div>
  4274. <div class="pb-25 sd-trasport-card px-lg-3 ml-lg-0 ml-3">
  4275. <a class="sd-btn-car p-0" href="javascript:void(0);" onclick="if (!window.__cfRLUnblockHandlers) return false; LoginPopUp('login',true, null,https://tileswale.com/general-freight-forwarding-inquiry')" data-cf-modified-04b641f9f9e21c1d80a647b9->
  4276. <div class="card sd-card bg-freightforward-transport" style="background-image: url('https://tileswale.com/cdn-cgi/imagedelivery/mzSuEo-CuZj22GZ2Ldj31w/2924ac31-140a-460b-a596-c4e8a2647700/public');">
  4277.  
  4278. </div>
  4279. </a>
  4280. </div>
  4281. </div>
  4282. </div>
  4283. </div>
  4284. </section>
  4285. <script type="04b641f9f9e21c1d80a647b9-text/javascript">
  4286. $(document).ready(function () {
  4287.    var swiper = new Swiper(".sd-swiper", {
  4288.        pagination: {
  4289.            el: ".swiper-pagination",
  4290.        },
  4291.        loop: false,
  4292.        speed: 1000,
  4293.        autoplay: true,
  4294.    });
  4295. });
  4296. </script>
  4297. <script type="04b641f9f9e21c1d80a647b9-text/javascript">
  4298. $(document).ready(function() {
  4299.    var counters = $(".counter-value");
  4300.    
  4301.    $(window).scroll(function() {
  4302.        counters.each(function() {
  4303.        var count = $(this).data("count");
  4304.        if ($(this).offset().top <= $(window).scrollTop() + $(window).height() && !$(this).hasClass("counted")) {
  4305.            $(this).addClass("counted");
  4306.            $(this).prop("Counter", 0).animate({
  4307.            Counter: count
  4308.            }, {
  4309.            duration: 2000,
  4310.            easing: "swing",
  4311.            step: function(now) {
  4312.                $(this).text(Math.ceil(now));
  4313.            }
  4314.            });
  4315.        }
  4316.        });
  4317.    });
  4318. });
  4319. </script>
  4320. <script type="04b641f9f9e21c1d80a647b9-text/javascript">
  4321.  
  4322.    var e_selectize_category = $('.e-selectize-category').selectize({
  4323.        sortField: 'text',
  4324.        valueField: 'id',
  4325.        labelField: 'text',
  4326.        searchField: 'text',
  4327.        placeholder: "Search Product...",
  4328.        onFocus: function () {  
  4329.            if(!$('.e-selectize-category').val()) {
  4330.                this.clearOptions()
  4331.            }
  4332.        },
  4333.        onChange: function (val) {  
  4334.            
  4335.            // Clear old search results
  4336.            if(!val) {
  4337.                this.clearOptions()
  4338.            }
  4339.                
  4340.            // get data attribute of selected element
  4341.            let title_text = this.getOption(val).data('text');
  4342.            let main_type_id = this.getOption(val).data('main_type_id');
  4343.            let sub_main_type = this.getOption(val).data('sub_main_type');
  4344.            $("#requirement_main_type_id").val(main_type_id).trigger('change');
  4345.            $("#requirement_sub_main_type").val(sub_main_type).trigger('change');
  4346.                
  4347.            $("#c_category_id").val(val);
  4348.            $("#d-chat-product").html(title_text)
  4349.        },  
  4350.        render: {
  4351.            option: function (data, escape) {
  4352.                return "<div class='option' data-selectable='' data-text='" + escape(data.text) + "' data-sub_main_type='" + escape(data.sub_main_type) + "' data-main_type_id='" + escape(data.main_type_id) + "'>" + escape(data.text) + "</div>"
  4353.            }
  4354.        },
  4355.        load: function(query, callback) {  
  4356.            $.ajax({
  4357.                url: 'https://tileswale.com/chat_controller/all_categories',
  4358.                type: 'GET',
  4359.                data: {
  4360.                    search: query,
  4361.                },
  4362.                error: function() {
  4363.                    callback();
  4364.                },
  4365.                success: function(res) {  
  4366.                    callback(res);
  4367.                }
  4368.            });
  4369.        }
  4370.    });
  4371.  
  4372.    function requirementResize(animation_duration, reverse = false) {
  4373.        $(".animate-55").animate({
  4374.            'margin-bottom': ( reverse == true ? '45px' : '1rem'),
  4375.        }, {
  4376.            duration : animation_duration,
  4377.            specialEasing: {
  4378.                'margin-bottom' : "easeOutBounce",
  4379.            }
  4380.        })  
  4381.        
  4382.        $(".animate-20").animate({
  4383.            'margin-bottom': ( reverse == true ? '20px' : '1rem'),
  4384.        }, {
  4385.            duration : animation_duration,
  4386.            specialEasing: {
  4387.                'margin-bottom' : "easeOutBounce",
  4388.            }
  4389.        })
  4390.            
  4391.        if(reverse == true) {
  4392.            $(".requirement-size-container").slideUp(animation_duration);
  4393.        } else {
  4394.            $(".requirement-size-container").slideDown(animation_duration);
  4395.        }
  4396.    }
  4397.    
  4398.    /* Chat Service */
  4399.    function isNumberKey(evt) {
  4400.        var charCode = (evt.which) ? evt.which : event.keyCode;
  4401.            
  4402.        if(event.key == "Enter") {
  4403.            return true;
  4404.        }
  4405.  
  4406.        if ((charCode < 48 || charCode > 57))
  4407.            return false;
  4408.    
  4409.        return true;
  4410.    }
  4411.    
  4412.    /* for main form */
  4413.    $(document).ready(function () {
  4414.            
  4415.        
  4416.        $("#main_type_id").val()
  4417.        
  4418.        $(document).on('change', '#requirement_category_id', function () {
  4419.            $("#d-chat-product").html(this.options[this.selectedIndex].text)
  4420.        })
  4421.        
  4422.        displayOnChange('#requirement_category_id', '#d-chat-product');
  4423.        displayOnChange('#requirement_size_id', '#d-chat-size');
  4424.        displayOnChange('#requirement_unit_id', '#d-chat-unit');
  4425.        
  4426.        mirrorOnChange('#requirement_category_id', '#c_category_id');
  4427.        mirrorOnChange('#requirement_main_type_id', '#c_main_type_id');
  4428.        mirrorOnChange('#requirement_sub_main_type', '#c_sub_main_type');
  4429.        mirrorOnChange('#requirement_size_id', '#c_product_size');
  4430.        mirrorOnChange('#requirement_qty', '#c_total_box');
  4431.        mirrorOnChange('#requirement_unit_id', '#c_product_unit');
  4432.        
  4433.        $(document).on('change', '#requirement_qty', function () {  
  4434.            $('#d-chat-qty').html($(this).val())
  4435.        })
  4436.        
  4437.        // Requirement form category selector
  4438.        $('.category-selector').select2({
  4439.            minimumInputLength: 1,
  4440.            ajax: {
  4441.                url: 'https://tileswale.com/chat_controller/all_categories',
  4442.                dataType: 'json',
  4443.                data: function (params) {
  4444.                    var query = {
  4445.                    search: params.term,
  4446.                    page: params.page || 1
  4447.                    }
  4448.                    // Query parameters will be ?search=[term]&page=[page]
  4449.                    return query;
  4450.                },
  4451.                processResults: function (data) {
  4452.                    return {
  4453.                        results: data
  4454.                    };
  4455.                }
  4456.            }
  4457.        }).on('change', function(e) {
  4458.            let main_type_id = $(this).select2('data')[0].main_type_id;
  4459.            let sub_main_type = $(this).select2('data')[0].sub_main_type;
  4460.            $("#requirement_main_type_id").val(main_type_id).trigger('change');
  4461.            $("#requirement_sub_main_type").val(sub_main_type).trigger('change');
  4462.        });
  4463.            
  4464.        $(".tokenizationSelect2").select2({
  4465.            // placeholder: "-Select Catagories-", //placeholder
  4466.            multiple: false,
  4467.        });  
  4468.    })
  4469.    
  4470.    function displayOnChange(e_from, e_to)
  4471.    {
  4472.        $(document).on('change', ''+e_from+'', function () {
  4473.            $(''+e_to+'').html(this.options[this.selectedIndex].text)
  4474.        })
  4475.    }
  4476.    function mirrorOnChange(e_from, e_to)
  4477.    {
  4478.        $(document).on('change', ''+e_from+'', function () {
  4479.            $(''+e_to+'').val($(this).val())
  4480.        })
  4481.    }
  4482.        
  4483.    $(function(){
  4484.        $("#requirement-form").validate({
  4485.            rules: {
  4486.                category_id:{required: true},
  4487.                size_id:{required: true},
  4488.                unit:{required: true},
  4489.                total_box:{
  4490.                    required: true,
  4491.                    number: true,
  4492.            // min: 1,
  4493.                    min: function () {
  4494.                        return parseInt(
  4495.                            $("option:selected", ".requirement_unit").attr("min_moq")
  4496.                        );
  4497.                    },
  4498.                    max: function () {
  4499.                        return parseInt(
  4500.                            $("option:selected", ".requirement_unit").attr("max_moq")
  4501.                        );
  4502.                    }
  4503.                },
  4504.            },
  4505.            messages: {
  4506.                category_id:{required: "This field is required."},
  4507.                size_id:{required: "This field is required."},
  4508.                unit:{required: "This field is required."},
  4509.                total_box:{
  4510.                    required: "This field is required.",
  4511.                    number: "Please enter number only.",
  4512.            // min: "Please enter minimum 1 qty.",
  4513.                    min: function () {
  4514.                        return "QTY Range " +
  4515.                        $("option:selected", ".requirement_unit").attr("min_moq") + " To " +
  4516.                        $("option:selected", ".requirement_unit").attr("max_moq")
  4517.                    },
  4518.                    max: function () {
  4519.                        return "QTY Range " +
  4520.                        $("option:selected", ".requirement_unit").attr("min_moq") + " To " +
  4521.                        $("option:selected", ".requirement_unit").attr("max_moq")
  4522.                    }
  4523.                },
  4524.            },
  4525.            errorPlacement : function( error, element ) {
  4526.                if(element.attr("id") == "requirement_category_id"){
  4527.                    $(".requirement_category_error").html(error);
  4528.                }else if(element.attr("id") == "requirement_size_id"){
  4529.                    $(".requirement_size_error").html(error);
  4530.                }else if(element.attr("id") == "requirement_unit_id"){
  4531.                    $(".requirement_unit_error").html(error);
  4532.                }else if(element.attr("id") == "requirement_qty_id"){
  4533.                    $(".requirement_qty_error").html(error);
  4534.                }else{
  4535.                    error.insertAfter(element);
  4536.                }
  4537.            },
  4538.            submitHandler: function(form) {
  4539.                window.recaptchaVerifier = new firebase.auth.RecaptchaVerifier('recaptcha-containers', {
  4540.                    'size': 'invisible',
  4541.                    'callback': function(response){
  4542.                        resolve(response)
  4543.                    },
  4544.                    'expired-callback': function(){
  4545.                        toastr["error"]("Something went wrong. Please try again.","Oh snap!")
  4546.                        location.reload();
  4547.                    },
  4548.                    'isolated' : false
  4549.                });
  4550.                                    $('#tellus_req_modal').modal('show');  
  4551.                    initChatSession();
  4552.                                return false;
  4553.            },
  4554.        });
  4555.    });
  4556.    
  4557.    /* chat helpers */
  4558.    function chat_sendOTP()
  4559.    {  
  4560.        $("#chat-btn-submit").attr("disabled", true);
  4561.        firebase.auth().signInWithPhoneNumber($("#country_code").val() + " " + $("#chat_phone").val(), window.recaptchaVerifier)
  4562.        .then(function (confirmationResult){
  4563.        
  4564.            window.confirmationResult = confirmationResult;
  4565.            toastr["success"]("One time password (OTP) has been successfully sent.","Success")
  4566.            
  4567.            sendChat();
  4568.                
  4569.            // counterFunction();
  4570.        }).catch(function (error){
  4571.            $(".chat-error-container").html(error.message);
  4572.            $(".chat-error-container").addClass('text-danger');
  4573.        });
  4574.    }
  4575.    
  4576.    var chat_verifyFunction = function() {
  4577.        window.confirmationResult.confirm(document.getElementById("chat_otp").value)
  4578.        .then(function(result) {
  4579.                
  4580.            sendChat({
  4581.                firebase_uid : result.user.uid
  4582.            });
  4583.                
  4584.        }).catch(function(error) {
  4585.            var errorCode = error.code
  4586.            var errorMessage = error.message
  4587.            if(errorCode === "auth/invalid-verification-code"){
  4588.                $(".chat-error-container").html("You have entered invalid otp.!");
  4589.                $(".chat-error-container").addClass('text-danger');
  4590.            }else if(errorCode === "auth/code-expired"){  
  4591.                $(".chat-error-container").html("Your otp is expired!");
  4592.                $(".chat-error-container").addClass('text-danger');
  4593.            }else{
  4594.                $(".chat-error-container").html(errorMessage);
  4595.                $(".chat-error-container").addClass('text-danger');
  4596.            }
  4597.        });
  4598.    };
  4599.    
  4600.    function initChatSession()
  4601.    {
  4602.        var q_num = $("#c_q_num").val();
  4603.        if(q_num == 0) {
  4604.            $.ajax({
  4605.                url: 'https://tileswale.com/chat_controller/set_requirement',
  4606.                type: "Post",
  4607.                data: {
  4608.                    data: $('.chat-form-container form').serialize(),
  4609.                },
  4610.                beforeSend: function() {
  4611.                    $("#chat-message-container").append($('<div class="col-12 align-self-center "><p class="sd-chate-admin pre-loader-message  mw-15"><span class="dot-typing d-block"></span></p></div>').hide().fadeIn())
  4612.                },
  4613.                success: function (e) {  
  4614.                    $('.pre-loader-message').remove();
  4615.                    let json_res = JSON.parse(e);
  4616.                    $("#chat-message-container").append($(json_res.q).hide().fadeIn());
  4617.                    $(".chat-form-container").html(json_res.html_str);
  4618.                    $('.c_input').focus();
  4619.                },
  4620.                error: function(xhr) { // if error occured
  4621.                    $('.pre-loader-message').remove();
  4622.                    // alert("Error occured.please try again");
  4623.                    // $(placeholder).append(xhr.statusText + xhr.responseText);
  4624.                    // $(placeholder).removeClass('loading');
  4625.                },
  4626.            });  
  4627.        }  
  4628.    }
  4629.    
  4630.    var chat_loading_btn = '<span class="spinner-border text-light spinner-thin"></span>';
  4631.    var chat_send_btn    = '<i class="fa fa-paper-plane"></i>';
  4632.    
  4633.    function scrollBottomZero()
  4634.    {
  4635.        $('.chat-message-container').scrollTop($('.chat-message-container')[0].scrollHeight);
  4636.    }
  4637.    
  4638.    function message_client(message)
  4639.    {
  4640.        return '<div class="col-12 align-self-center text-right align-self-end"><p class="sd-chate-admin">'+message+'</p></div>';
  4641.    }
  4642.    
  4643.    function sendChat(extraData = [])
  4644.    {  
  4645.        let attr = $('.chat-form-container').find('.c_input').attr('type');
  4646.        let client_message;
  4647.        
  4648.        if(attr == "text") {
  4649.            client_message = $('.chat-form-container').find('.c_input').val()  
  4650.        } else {
  4651.            client_message = $('.chat-form-container').find('.c_input:checked').attr('data-name');
  4652.        }  
  4653.        
  4654.        let message = message_client(client_message);
  4655.        
  4656.        $.ajax({
  4657.            url: 'https://tileswale.com/chat_controller/set_requirement',
  4658.            type: "Post",
  4659.            data: {
  4660.                data: $('.chat-form-container form').serialize(),
  4661.                extra_data : extraData,
  4662.            },
  4663.            success: function (e) {  
  4664.                
  4665.                if(JSON.parse(e)) {
  4666.                    
  4667.                    let json_res = JSON.parse(e)
  4668.                    
  4669.                    // if
  4670.                    if(json_res.html_str == "") {  
  4671.                        setTimeout(function () {
  4672.                            window.location.href = "https://tileswale.com/seller";
  4673.                        }, 4000)
  4674.                    }
  4675.                    
  4676.                    // change form html first
  4677.                    $(".chat-form-container").html(json_res.html_str);
  4678.                    $('.c_input').focus();
  4679.                    
  4680.                    $("#chat-message-container").append($(message).hide().fadeIn());
  4681.                    scrollBottomZero();
  4682.                    
  4683.                    // bot response typing
  4684.                    $("#chat-message-container").append($('<div class="col-12 align-self-center "><p class="sd-chate-admin pre-loader-message  mw-15"><span class="dot-typing d-block"></span></p></div>').hide().fadeIn())
  4685.                    
  4686.                    scrollBottomZero();
  4687.                    
  4688.                    setTimeout(function () {
  4689.                        $('.pre-loader-message').remove(); // remove bot response
  4690.                        $("#chat-message-container").append($(json_res.q).hide().fadeIn()); // append bot response chat
  4691.                        scrollBottomZero();
  4692.                    }, 1000);
  4693.                }
  4694.                $("#chat-btn-submit").html(chat_send_btn);
  4695.            },
  4696.            error: function(xhr) { // if error occured
  4697.                $('.pre-loader-message').remove();
  4698.                $("#chat-btn-submit").html(chat_send_btn);
  4699.            },
  4700.        });
  4701.    }
  4702.    
  4703.    /* CHAT Method */
  4704.    $(document).on('submit', '.chat-form-container form', function (e) {
  4705.            
  4706.        e.preventDefault();
  4707.        
  4708.        $("#chat-btn-submit").html(chat_loading_btn);
  4709.        
  4710.        
  4711.        var q_num = $("#c_q_num").val();
  4712.        
  4713.        if(q_num==1){  
  4714.            chat_sendOTP();
  4715.            return true;
  4716.        }
  4717.        
  4718.        if(q_num==2){  
  4719.            chat_verifyFunction();
  4720.            return true;
  4721.        }
  4722.        
  4723.        sendChat();
  4724.    })
  4725.    
  4726.    function chat_getSizeList(data, type) {
  4727.        var category_id = $(data).val();  
  4728.        if (category_id) {
  4729.            $.ajax({
  4730.                url: base_url + "chat_controller/get_size",
  4731.                type: "POST",
  4732.                data: { category_id: category_id },
  4733.                success: function (response) {
  4734.                    if (response.status == "1") {
  4735.                        $("." + type + "_size").attr('disabled', false);
  4736.                        $("." + type + "_size").html(response.result);
  4737.                            
  4738.                        requirementResize(500);
  4739.                            
  4740.                    } else {
  4741.                        $("." + type + "_size").attr('disabled', true);
  4742.                        $("." + type + "_size").html('<option value="">-Select Size-</option>');
  4743.                        
  4744.                        requirementResize(400, true); // 2nd arg true for reverse animation
  4745.                    }
  4746.                },
  4747.                error: function (error) {
  4748.                    console.log(error);
  4749.                },
  4750.            });
  4751.        } else {
  4752.            return !1;
  4753.        }
  4754.    }
  4755.    
  4756.    function getCategoryList(data, type) {
  4757.        var main_type_id = $(data).val();
  4758.        chat_getUnitList(data, type);
  4759.        if (main_type_id) {
  4760.        $.ajax({
  4761.            url: base_url + "home/getCategory",
  4762.            type: "POST",
  4763.            data: { main_type_id: main_type_id },
  4764.            success: function (response) {
  4765.            if (response.status == "1") {
  4766.                $("." + type + "_category_container").show();
  4767.                $("." + type + "_category").html(response.result);
  4768.            } else {
  4769.                $("." + type + "_category_container").hide();
  4770.            }
  4771.            // Default hide
  4772.            $("." + type + "_size_container").hide();
  4773.            },
  4774.            error: function (error) {
  4775.            console.log(error);
  4776.            },
  4777.        });
  4778.        } else {
  4779.        return !1;
  4780.        }
  4781.    }
  4782.    function chat_getUnitList(data, type) {
  4783.        var main_type_id_unit = $(data).val();
  4784.        if (main_type_id_unit) {
  4785.        $.ajax({
  4786.            url: base_url + "chat_controller/getUnitData",
  4787.            type: "POST",
  4788.            data: {
  4789.            main_type_id_unit: main_type_id_unit,
  4790.            },
  4791.            success: function (response) {
  4792.            if (response.status == "1") {
  4793.                $("." + type + "_unit_data").show();
  4794.                $("." + type + "_unit").show();
  4795.                $("." + type + "_quantity").show();
  4796.                $("." + type + "_unit").html(response.result);
  4797.            } else {
  4798.                $("." + type + "_unit_data").hide();
  4799.                $("." + type + "_unit").hide();
  4800.                $("." + type + "_quantity_data").hide();
  4801.                $("." + type + "_quantity").hide();
  4802.            }
  4803.            },
  4804.            error: function (error) {
  4805.            console.log(error);
  4806.            },
  4807.        });
  4808.        } else {
  4809.        return !1;
  4810.        }
  4811.    }
  4812. </script>
  4813. <style>
  4814.  
  4815.    .sd-bg-ing {
  4816.        background-image: url('https://tileswale.com/front_assets/img/home/chat-bg-left.jpg');
  4817.        /* / height: 500px;/  */
  4818.        background-repeat: no-repeat;
  4819.        background-size: cover;
  4820.    }
  4821.  
  4822.    .sd-model-hr {
  4823.        background-color: #fbfbfb;
  4824.        height: 1px;
  4825.    }
  4826.  
  4827.    .sd-code-cuntry {
  4828.        color: #000;
  4829.        font-size: 18px;
  4830.    }
  4831.  
  4832.    .sd-mobile-model {
  4833.        border: 1px solid #818181;
  4834.        margin: 0 15px;
  4835.        border-radius: 10px;
  4836.        padding: 10px;
  4837.  
  4838.    }
  4839.  
  4840.    .sd-bor-none-font {
  4841.        border: none;
  4842.        font-size: 16px;
  4843.    }
  4844.  
  4845.    .sd-btn-share-model {
  4846.        background: #f77b00;
  4847.        border: 1px solid #f77b00;
  4848.        font-size: 20px;
  4849.        color: #fff;
  4850.        border-radius: 50%;
  4851.        padding: 5px 11px;
  4852.    }
  4853.  
  4854.    .sd-btn-share-model > i{
  4855.        transform: rotate(20deg);
  4856.        margin-left: -3px;
  4857.    }
  4858.  
  4859.    .sd-bg-mb {
  4860.        background-color: #fff;
  4861.        /* / padding-bottom: 10px;/  */
  4862.        padding-right: 10px;
  4863.        position: sticky;
  4864.        bottom: 0px;
  4865.        padding-bottom: 10px;
  4866.        border-radius: 0 0 10px 10px;
  4867.    }
  4869.  
  4870.    .sd-clo-modelchate {
  4871.  
  4872.        font-size: 27px;
  4873.        color: #FFF;
  4874.        opacity: .75;
  4875.        background-color: #000 !important;
  4876.        border-radius: 100px;
  4877.        width: 33px;
  4878.        height: 33px;
  4879.  
  4880.    }
  4881.  
  4882.    .sd-clo-modelchate:hover {
  4883.        color: #ffff;
  4884.    }
  4885.  
  4886.    .sd-redio-chat {
  4887.        font-size: 14px;
  4888.        border: 1px solid #f77b00;
  4889.        border-radius: 6px;
  4890.        color: #f77b00;
  4891.        padding: 3px 12px;
  4892.        margin: 0 2px;
  4893.  
  4894.    }
  4895.  
  4896.    .sd--cht-sideleft {
  4897.        background-color: #000;
  4898.        margin-top: 15px;
  4899.        border-radius: 6px;
  4900.    }
  4901.  
  4902.    .sd--cht-sideleft h4 {
  4903.        color: #fff;
  4904.        font-size: 18px;
  4905.        font-weight: 500;
  4906.        margin-bottom: 10px;
  4907.    }
  4908.  
  4909.    .sd--cht-sideleft p {
  4910.        color: #fff;
  4911.    }
  4912.  
  4913.    @media(max-width:1360px) {
  4914.        .sd--cht-sideleft h4 {
  4915.            font-size: 13px;
  4916.        }
  4917.  
  4918.        .sd--cht-sideleft p {
  4919.  
  4920.            font-size: 12px;
  4921.        }
  4922.  
  4923.    }
  4924.  
  4925.    @media(max-width:991px) {
  4926.        .sd-bg-ing {
  4927.            display: none;
  4928.        }
  4929.        .chat-modal-dialog {
  4930.            max-width: 100% !important;
  4931.        }
  4932.    }
  4933.    
  4934.    .chat-modal-dialog {
  4935.        max-width: 43%;
  4936.    }
  4937.    
  4938.    
  4939.    /* design v2 */
  4940.    
  4941.    .sd-chate-admin {
  4942.        background-color: #fff;
  4943.        box-shadow: 0 0px 16px 0 rgb(0 0 0 / 10%);
  4944.        padding: 15px;
  4945.        border-radius: 10px;
  4946.        margin: 10px 0;
  4947.        display: inline-block;
  4948.        max-width: 56%;
  4949.    }
  4950.    
  4951.    .chat-message-container {
  4952.        min-height: 42vh;    
  4953.        background-color: #fff9f6;
  4954.    }
  4955.    
  4956.    .sd-modal-header {
  4957.        background-color: white;
  4958.        padding: 10px;
  4959.        position: sticky;
  4960.        top: 0;
  4961.        z-index: 999;
  4962.        border-radius: 10px 10px 0 0;
  4963.    }
  4964. </style>
  4965. <div class="modal fade" id="tellus_req_modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  4966. <div class="modal-dialog modal-dialog-centered chat-modal-dialog" role="document">
  4967. <div class="modal-content">
  4968. <div class="modal-body p-0">
  4969. <div>
  4970. <div class="row">
  4971.  
  4972.  
  4973.  
  4974.  
  4975.  
  4976.  
  4977.  
  4978.  
  4979. <div class="col-12">
  4980. <div class="row sd-chat-popo">
  4981. <div class="col-12 align-self-center sd-modal-header ">
  4982. <button type="button" class="close sd-clo-modelchate" data-dismiss="modal" aria-label="Close">
  4983. <span aria-hidden="true">&times;</span>
  4984. </button>
  4985. <h4 class="my-0 d-inline" id="d-chat-product"> </h4>
  4986. <p class="my-0"> size: <span id="d-chat-size"></span> </p>
  4987. <p class="my-0"> Quantity: <span id="d-chat-qty"></span> <span id="d-chat-unit"></span> </p>
  4988. </div>
  4989. <div id="chat-message-container" class="chat-message-container w-100 pt-3"></div>
  4990. <div class="sd-bg-mb w-100 chat-form-container">
  4991. <hr class="sd-model-hr">
  4992. <form class="d-flex w-100">
  4993. <div class="w-100">
  4994. <div class="d-flex ">
  4995. <div class="d-flex w-100 sd-mobile-model">
  4996. <input class="sd-bor-none-font w-75" type="text" name="inital" maxlength="14" minlength="10" placeholder disabled>
  4997. </div>
  4998. </div>
  4999. </div>
  5000. <div class="align-self-center">
  5001. <button type="button" class="sd-btn-share-model"><i class="fa fa-paper-plane"></i></button>
  5002. <input type="hidden" name="q_num" id="c_q_num" value="0">
  5003. <input type="hidden" name="category_id" id="c_category_id">
  5004. <input type="hidden" name="main_type_id" id="c_main_type_id">
  5005. <input type="hidden" name="sub_main_type_id" id="c_sub_main_type">
  5006. <input type="hidden" name="size" id="c_product_size" value>
  5007. <input type="hidden" name="total_box" id="c_total_box" value>
  5008. <input type="hidden" name="unit" id="c_product_unit" value>
  5009. <input type="hidden" name="requirement_source" id="c_requirement_source" value="index">
  5010. </div>
  5011. </form>
  5012. </div>
  5013. </div>
  5014. </div>
  5015. </div>
  5016. </div>
  5017. </div>
  5018. </div>
  5019. </div>
  5020. </div>
  5021. <script type="04b641f9f9e21c1d80a647b9-text/javascript">
  5022.    $(document).ready(function () {
  5023.    
  5024.    // Get ajax Conent
  5025.    //  getAjaxConent(base_url + 'home/getDirectorySlider/', '#dynamic-section')  
  5026.    
  5027.     function getAjaxConent(url, tag)
  5028.     {  
  5029.         $.ajax({
  5030.             url: url,
  5031.             type: "POST",  
  5032.             success: function(response) {    
  5033.                 $(tag).html(response);  
  5034.    
  5035.                 $(".main_type_id").each(function(i, e) {
  5036.                     $(e).val(1).trigger('change');  
  5037.                 });
  5038.    
  5039.                 $('.owl-slider').each(function() {
  5040.                     var el = $(this),
  5041.                         dataLazy = el.data('owl-lazy'),
  5042.                         dataAuto = el.data('owl-auto'),
  5043.                         dataLoop = el.data('owl-loop'),
  5044.                         dataSpeed = el.data('owl-speed'),
  5045.                         dataGap = el.data('owl-gap'),
  5046.                         dataNav = el.data('owl-nav'),
  5047.                         dataDots = el.data('owl-dots'),
  5048.                         dataAnimateIn = el.data('owl-animate-in') ?
  5049.                         el.data('owl-animate-in') :
  5050.                         '',
  5051.                         dataAnimateOut = el.data('owl-animate-out') ?
  5052.                         el.data('owl-animate-out') :
  5053.                         '',
  5054.                         dataDefaultItem = el.data('owl-item'),
  5055.                         dataItemXS = el.data('owl-item-xs'),
  5056.                         dataItemSM = el.data('owl-item-sm'),
  5057.                         dataItemMD = el.data('owl-item-md'),
  5058.                         dataItemLG = el.data('owl-item-lg'),
  5059.                         dataItemXL = el.data('owl-item-xl'),
  5060.                         dataNavLeft = el.data('owl-nav-left') ?
  5061.                         el.data('owl-nav-left') :
  5062.                         "<i class='icon-chevron-left'></i>",
  5063.                         dataNavRight = el.data('owl-nav-right') ?
  5064.                         el.data('owl-nav-right') :
  5065.                         "<i class='icon-chevron-right'></i>",
  5066.                         duration = el.data('owl-duration'),
  5067.                         datamouseDrag =
  5068.                         el.data('owl-mousedrag') == 'on' ? true : false;
  5069.                     if (
  5070.                         $('.owl-slider').children('div, span, a, img, h1, h2, h3, h4, h5, h5')
  5071.                         .length >= 2
  5072.                     ) {
  5073.                         el.addClass('owl-carousel').owlCarousel({
  5074.                             animateIn: dataAnimateIn,
  5075.                             animateOut: dataAnimateOut,
  5076.                             margin: dataGap,
  5077.                             autoplay: dataAuto,
  5078.                             autoplayTimeout: dataSpeed,
  5079.                             autoplayHoverPause: true,
  5080.                             loop: dataLoop,
  5081.                             nav: dataNav,
  5082.                             mouseDrag: datamouseDrag,
  5083.                             touchDrag: true,
  5084.                             autoplaySpeed: duration,
  5085.                             navSpeed: duration,
  5086.                             dotsSpeed: duration,
  5087.                             dragEndSpeed: duration,
  5088.                             navText: [dataNavLeft, dataNavRight],
  5089.                             dots: dataDots,
  5090.                             items: dataDefaultItem,
  5091.                             lazyLoad: dataLazy,
  5092.                             responsive: {
  5093.                                 0: {
  5094.                                     items: dataItemXS,
  5095.                                 },
  5096.                                 480: {
  5097.                                     items: dataItemSM,
  5098.                                 },
  5099.                                 768: {
  5100.                                     items: dataItemMD,
  5101.                                 },
  5102.                                 992: {
  5103.                                     items: dataItemLG,
  5104.                                 },
  5105.                                 1200: {
  5106.                                     items: dataItemXL,
  5107.                                 },
  5108.                                 1680: {
  5109.                                     items: dataDefaultItem,
  5110.                                 },
  5111.                             },
  5112.                         });
  5113.                     }
  5114.                 });
  5115.    
  5116.             },
  5117.             error: function(err, xHRCode) {
  5118.                 console.log(err)
  5119.                 console.log(xHRCode);
  5120.             }
  5121.         });
  5122.     }
  5123.    })
  5124. </script><footer class="ps-footer sd-padding-top">
  5125. <div class="container d-lg-none d-block">
  5126. <div class="row">
  5127. <div class="col-12 col-md-offset-2">
  5128. <div class="container-boxy">
  5129. <div class="mb-0">
  5130. <a class="collapsed sd-collapse-header mb-0 border-bottom" data-toggle="collapse" data-target="#quick-links-callapse" href="javascript:void(0);" aria-expanded="false"><h4>Quick Links </h4></a>
  5131. <div class="collapse sd-collaps show" id="quick-links-callapse">
  5132. <aside class="pl-4 pt-4">
  5133. <ul class="ps-list--link sd-listlink pl-0">
  5134. <li><a href="https://tileswale.com/overseas-company">Overseas Directory</a></li>
  5135. <li><a href="https://tileswale.com/other-company">Other Companies</a></li>
  5136. <li><a href="https://tileswale.com/about">About Us</a></li>
  5137. <li><a href="https://tileswale.com/career" target="_blank">Careers <span class="badge text-white rounded-pill ms-1" style="background-color: #f38820!important;">We're hiring</span></a></li>
  5138. <li><a href="https://tileswale.com/blog">Blogs</a></li>
  5139. <li><a href="https://tileswale.com/social-media">News & Social Updates </a></li>
  5140. <li><a href="https://tileswale.com/expo">Event & Expo </a></li>
  5141. <li><a href="https://tileswale.com/event">Upcoming Event </a></li>
  5142. <li><a href="https://tileswale.com/contact-us">Contact Us </a></li>
  5143. <li><a href="https://tileswale.com/invest">Invest in TilesWale </a></li>
  5144. <li><a href="https://tileswale.com/vendor-registration">Vendor Registration </a></li>
  5145. </ul>
  5146. </aside>
  5147. </div>
  5148. </div>
  5149. <div class="mb-0">
  5150. <a class="collapsed sd-collapse-header mb-0 border-bottom" data-toggle="collapse" data-target="#more-services-callpse" href="javascript:void(0);" aria-expanded="false"><h4>More Services</h4></a>
  5151. <div class="collapse sd-collaps" id="more-services-callpse">
  5152. <aside class="pl-4 pt-4">
  5153. <ul class="ps-list--link sd-listlink pl-0">
  5154. <li><a href="https://tilesview.ai/app/login.php?login_backend=MzUyNHRpbGVzcHJldmlld18xOTk0" target="_blank">Tiles Visualizer</a></li>
  5155. <li><a href="https://tileswale.com/tiles-calculator">Tiles Calculator</a></li>
  5156. </ul>
  5157. </aside>
  5158. </div>
  5159. </div>
  5160. <div class="mb-0">
  5161. <a class="collapsed sd-collapse-header mb-0 border-bottom" data-toggle="collapse" data-target="#social-callapse" href="javascript:void(0);" aria-expanded="false"><h4>Socials</h4></a>
  5162. <div class="collapse sd-collaps" id="social-callapse">
  5163. <aside class="pl-4 pt-4">
  5164. <ul class="ps-list--link sd-listlink pl-0">
  5165. <li><a href="https://www.facebook.com/tilesBazaarBussinessApp/" target="_blank"><i class="fa fa-facebook-official" aria-hidden="true"></i> Facebook</a></li>
  5166. <li><a href="https://twitter.com/Tiles_Wale" target="_blank"><i class="fa fa-twitter-square" aria-hidden="true"></i> Twitter</a></li>
  5167. <li><a href="https://in.pinterest.com/tileswale/" target="_blank"><i class="fa fa-pinterest-square" aria-hidden="true"></i> Pinterest</a></li>
  5168. <li><a href="https://www.linkedin.com/company/tiles-wale/?viewAsMember=true" target="_blank"><i class="fa fa-linkedin-square" aria-hidden="true"></i> Linkedin</a></li>
  5169. <li><a href="https://www.youtube.com/@tileswale" target="_blank"><i class="fa fa-youtube-play" aria-hidden="true"></i> Youtube</a></li>
  5170. <li><a href="https://www.instagram.com/tileswale/" target="_blank"><i class="fa fa-instagram" aria-hidden="true"></i> Instagram</a></li>
  5171. </ul>
  5172. </aside>
  5173. </div>
  5174. </div>
  5175. <div class="mb-0">
  5176. <a class="collapsed sd-collapse-header mb-0 border-bottom" data-toggle="collapse" data-target="#collaspe4" href="javascript:void(0);" aria-expanded="false"><h4>Learn & Support</h4></a>
  5177. <div class="collapse sd-collaps" id="collaspe4">
  5178. <aside class="pl-4 pt-4">
  5179. <ul class="ps-list--link sd-listlink pl-0">
  5180. <li><a href="https://tileswale.com/privacy-policy">Privacy Policy</a></li>
  5181. <li><a href="https://tileswale.com/refund-policy">Refund Policy</a></li>
  5182. <li><a href="https://tileswale.com/shipping-policy">Shipping Policy</a></li>
  5183. <li><a href="https://tileswale.com/terms-and-conditions">Term & Condition</a></li>
  5184. <li><a href="https://tileswale.com/payment">Payment</a></li>
  5185. <li><a href="https://tileswale.com/faq">FAQ</a></li>
  5186. <li><a href="https://tileswale.com/client-review">Client Reviews</a></li>
  5187. </ul>
  5188. </aside>
  5189. </div>
  5190. </div>
  5191. </div>
  5192. </div>
  5193. </div>
  5194. </div>
  5195. </div>
  5196. <div class="container">
  5197. <div class="d-lg-block d-none">
  5198. <div class="ps-footer__widgets">
  5199. <aside class="widget widget_footer">
  5200. <h4 class="widget-title">Learn & Support</h4>
  5201. <ul class="ps-list--link">
  5202. <li><a href="https://tileswale.com/privacy-policy">Privacy Policy</a></li>
  5203. <li><a href="https://tileswale.com/refund-policy">Refund Policy</a></li>
  5204. <li><a href="https://tileswale.com/shipping-policy">Shipping Policy</a></li>
  5205. <li><a href="https://tileswale.com/terms-and-conditions">Term & Condition</a></li>
  5206.  
  5207. <li><a href="https://tileswale.com/payment">Payment</a></li>
  5208. <li><a href="https://tileswale.com/faq">FAQ</a></li>
  5209. <li><a href="https://tileswale.com/client-review">Client Reviews</a></li>
  5210. </ul>
  5211. </aside>
  5212. <aside class="widget widget_footer">
  5213. <h4 class="widget-title">More Services</h4>
  5214. <ul class="ps-list--link">
  5215. <li><a href="https://tilesview.ai/app/login.php?login_backend=MzUyNHRpbGVzcHJldmlld18xOTk0" target="_blank">Tiles Visualizer</a></li>
  5216. <li><a href="https://tileswale.com/tiles-calculator">Tiles Calculator</a></li>
  5217. </ul>
  5218. </aside>
  5219. <aside class="widget widget_footer">
  5220. <h4 class="widget-title">Quick Links</h4>
  5221. <ul class="ps-list--link">
  5222. <li><a href="https://tileswale.com/overseas-company">Overseas Directory</a></li>
  5223. <li><a href="https://tileswale.com/other-company">Other Companies</a></li>
  5224. <li><a href="https://tileswale.com/about">About Us</a></li>
  5225. <li><a href="https://tileswale.com/blog">Blogs</a></li>
  5226. <li><a href="https://tileswale.com/social-media">News & Social Updates </a></li>
  5227. <li><a href="https://tileswale.com/contact-us">Contact Us </a></li>
  5228. <li><a href="https://tileswale.com/event">Upcoming Event </a></li>
  5229. <li><a href="https://tileswale.com/expo">Event & Expo </a></li>
  5230. <li><a href="https://tileswale.com/career" target="_blank">Careers <span class="badge text-white rounded-pill ms-1" style="background-color: #f38820!important;">We're hiring</span></a></li>
  5231. <li><a href="https://tileswale.com/invest">Invest in TilesWale </a></li>
  5232. <li><a href="https://tileswale.com/vendor-registration">Vendor Registration </a></li>
  5233. </aside>
  5234. <aside class="widget widget_footer">
  5235. <h4 class="widget-title">Socials</h4>
  5236. <ul class="ps-list--link">
  5237. <li><a href="https://www.facebook.com/tilesBazaarBussinessApp/" target="_blank"><i class="fa fa-facebook-official" aria-hidden="true"></i> Facebook</a></li>
  5238. <li><a href="https://twitter.com/Tiles_Wale" target="_blank"><i class="fa fa-twitter-square" aria-hidden="true"></i> Twitter</a></li>
  5239. <li><a href="https://in.pinterest.com/tileswale/" target="_blank"><i class="fa fa-pinterest-square" aria-hidden="true"></i> Pinterest</a></li>
  5240. <li><a href="https://www.linkedin.com/company/tiles-wale/?viewAsMember=true" target="_blank"><i class="fa fa-linkedin-square" aria-hidden="true"></i> Linkedin</a></li>
  5241. <li><a href="https://www.youtube.com/@tileswale" target="_blank"><i class="fa fa-youtube-play" aria-hidden="true"></i> Youtube</a></li>
  5242. <li><a href="https://www.instagram.com/tileswale/" target="_blank"><i class="fa fa-instagram" aria-hidden="true"></i> Instagram</a></li>
  5243. </ul>
  5244. </aside>
  5245. <aside class="widget widget_footer widget_contact-us mb-0 pb-0">
  5246. <h4 class="widget-title">Download app</h4>
  5247. <div class="widget_content">
  5248. <p class="download-link-footer">
  5249. <a href="https://play.google.com/store/apps/details?id=com.lightlink.tileswaleApp" target="_blank">
  5250. <img class="lazy" data-src="https://tileswale.com/front_assets/img/icons/play_store.svg" alt="Play Store" loading="lazy">
  5251. </a>
  5252. <a href="https://apps.apple.com/us/app/tiles-wale/id1480414835?ls=1" target="_blank">
  5253. <img class="lazy" data-src="https://tileswale.com/front_assets/img/icons/app_store.svg" alt="App Store" loading="lazy">
  5254. </a>
  5255. <a href="//www.dmca.com/Protection/Status.aspx?ID=1d4c9804-fbb5-474e-8dd7-309a73185827" title="DMCA.com Protection Status" class="dmca-badge" target="_blank"> <img src="https://www.dmca.com/img/dmca-protected.png?ID=1d4c9804-fbb5-474e-8dd7-309a73185827" alt="DMCA.com Protection Status" loading="lazy" /></a> <script src="https://images.dmca.com/Badges/DMCABadgeHelper.min.js" type="04b641f9f9e21c1d80a647b9-text/javascript"> </script>
  5256. <div id="google_translate_element"></div>
  5257. </p>
  5258. </div>
  5259. </aside>
  5260. </div>
  5261. </div>
  5262. <div class="ps-footer__links d-lg-block d-none ">
  5263. <p>
  5264. <strong>Most Pages::</strong>
  5265. <a href="https://tileswale.com/tiles">Tiles</a>
  5266. <a href="https://tileswale.com/floor-tiles-design">Floor Tiles Design</a>
  5267. <a href="https://tileswale.com/wall-tiles-design">Wall Tiles Design</a>
  5268. </p>
  5269. <p><strong>Tiles By Application:</strong>
  5270. <a href="https://tileswale.com/tiles-use/wall">Wall</a>
  5271. <a href="https://tileswale.com/tiles-use/floor">Floor</a>
  5272. <a href="https://tileswale.com/tiles-use/wall-floor">Wall & Floor</a>
  5273. <a href="https://tileswale.com/tiles-use/step-riser">Step Riser</a>
  5274. </p>
  5275. <p><strong class="widget-title">Tiles By Surface :</strong>
  5276. <a href="https://tileswale.com/tiles-surface/glossy">Glossy</a>
  5277. <a href="https://tileswale.com/tiles-surface/matt">Matt</a>
  5278. <a href="https://tileswale.com/tiles-surface/satin">Satin</a>
  5279. <a href="https://tileswale.com/tiles-surface/sugar">Sugar</a>
  5280. <a href="https://tileswale.com/tiles-surface/polished">Polished</a>
  5281. <a href="https://tileswale.com/tiles-surface/rustic">Rustic</a>
  5282. <a href="https://tileswale.com/tiles-surface/bookmatch">Bookmatch</a>
  5283. <a href="https://tileswale.com/tiles-surface/carving">Carving</a>
  5284. <a href="https://tileswale.com/tiles-surface/high-glossy">High Glossy</a>
  5285. <a href="https://tileswale.com/tiles-surface/metallic">Metallic</a>
  5286. <a href="https://tileswale.com/tiles-surface/glint">Glint</a>
  5287. <a href="https://tileswale.com/tiles-surface/silk">Silk</a>
  5288. <a href="https://tileswale.com/tiles-surface/wood">Wood</a>
  5289. <a href="https://tileswale.com/tiles-surface/galicha">Galicha</a>
  5290. <a href="https://tileswale.com/tiles-surface/marble">Marble</a>
  5291. <a href="https://tileswale.com/tiles-surface/3d-matt">3D Matt</a>
  5292. <a href="https://tileswale.com/tiles-surface/black-white">Black & White</a>
  5293. <a href="https://tileswale.com/tiles-surface/moroccan">Moroccan</a>
  5294. </p>
  5295. <p><strong>Tiles By Material</strong>
  5296. <a href="https://tileswale.com/tiles-type/ceramic">Ceramic</a>
  5297. <a href="https://tileswale.com/tiles-type/vitrified">Vitrified</a>
  5298. <a href="https://tileswale.com/tiles-type/digital">Digital</a>
  5299. <a href="https://tileswale.com/tiles-type/double-charge">Double Charge</a>
  5300. <a href="https://tileswale.com/tiles-type/glazed-vitrified">Glazed Vitrified</a>
  5301. <a href="https://tileswale.com/tiles-type/ceramic-body">Ceramic Body</a>
  5302. <a href="https://tileswale.com/tiles-type/vitrified-body">Vitrified Body</a>
  5303. </p>
  5304. <p><strong>Tiles By Colour :</strong>
  5305. <a href="https://tileswale.com/tiles-colour/maroon">Maroon</a>
  5306. <a href="https://tileswale.com/tiles-colour/red">Red</a>
  5307. <a href="https://tileswale.com/tiles-colour/orange">Orange</a>
  5308. <a href="https://tileswale.com/tiles-colour/yellow">Yellow</a>
  5309. <a href="https://tileswale.com/tiles-colour/olive">Olive</a>
  5310. <a href="https://tileswale.com/tiles-colour/purple">purple</a>
  5311. <a href="https://tileswale.com/tiles-colour/pink">Pink</a>
  5312. <a href="https://tileswale.com/tiles-colour/white">White</a>
  5313. <a href="https://tileswale.com/tiles-colour/green">Green</a>
  5314. <a href="https://tileswale.com/tiles-colour/navy">Navy</a>
  5315. <a href="https://tileswale.com/tiles-colour/blue">Blue</a>
  5316. <a href="https://tileswale.com/tiles-colour/aqua">Aqua</a>
  5317. <a href="https://tileswale.com/tiles-colour/teal">Teal</a>
  5318. <a href="https://tileswale.com/tiles-colour/black">Black</a>
  5319. <a href="https://tileswale.com/tiles-colour/silver">Silver</a>
  5320. <a href="https://tileswale.com/tiles-colour/gray">Gray</a>
  5321. <a href="https://tileswale.com/tiles-colour/brown">Brown</a>
  5322. <a href="https://tileswale.com/tiles-colour/light-blue">light blue</a>
  5323. <a href="https://tileswale.com/tiles-colour/blue">Blue</a>
  5324. <a href="https://tileswale.com/tiles-colour/light-gold">Light Gold</a>
  5325. </p>
  5326. </div>
  5327. <div class="ps-footer__links d-lg-block d-none">
  5328. <p><strong>Countries:</strong>
  5329. <a href="https://tileswale.com/cities/africa">Africa</a>
  5330. <a href="https://tileswale.com/cities/asia">Asia</a>
  5331. <a href="https://tileswale.com/cities/australia">australia</a>
  5332. <a href="https://tileswale.com/cities/canada">Canada</a>
  5333. <a href="https://tileswale.com/cities/europe">Europe</a>
  5334. <a href="https://tileswale.com/cities/india">India</a>
  5335. <a href="https://tileswale.com/cities/myanmar">Myanmar</a>
  5336. <a href="https://tileswale.com/cities/nepal">Nepal</a>
  5337. <a href="https://tileswale.com/cities/new-zealand">New Zealand</a>
  5338. <a href="https://tileswale.com/cities/north-america">North America</a>
  5339. <a href="https://tileswale.com/cities/philippines">Philippines</a>
  5340. <a href="https://tileswale.com/cities/saudi-arabia">Saudi Arabia</a>
  5341. <a href="https://tileswale.com/cities/singapore">Singapore</a>
  5342. <a href="https://tileswale.com/cities/south-america">South America</a>
  5343. <a href="https://tileswale.com/cities/thailand">Thailand</a>
  5344. <a href="https://tileswale.com/cities/uae">UAE</a>
  5345. <a href="https://tileswale.com/cities/uk">UK</a>
  5346. <a href="https://tileswale.com/cities/usa">USA</a>
  5347. </p>
  5348. </div>
  5349. <div class="ps-footer__links d-lg-block d-none">
  5350. <p><a href="https://tileswale.com/blog-detail/tiles-quality">Tiles Quality</a><a href="https://tileswale.com/blog-detail/tiles-export-issues">How To Export Tiles</a><a href="https://tileswale.com/blog-detail/how-to-import-tiles-from-india">How To Import Indian Tiles</a><a href="https://tileswale.com/blog-detail/how-to-import-chinese-tiles-details-with-payment-terms-all-process">How To Import China Tiles</a><a href="https://tileswale.com/blog-detail/how-to-import-vietnamese-tiles-details-with-payment-terms-all-process">How To Import Vietnam Tiles</a><a href="https://tileswale.com/blog-detail/payment-terms-for-import-export-tiles">Payment Terms For Import & Export Tiles</a></p>
  5351. </div>
  5352. <div class="ps-footer__links d-lg-block d-none">
  5353. <p style="color:#ffffff94">TilesWale is a B2B2C platform buying & selling ceramic tiles, sanitaryware, floorings, and other related products. The platform has made the tiles buying and selling process easy for all - manufacturers, suppliers, distributors, wholesalers, retailers, and end-users. </p>
  5354. <p style="color:#ffffff94">No matter which corner of the world you are in, TilesWale lets you buy and sell without hassle. The platform has more than 200k registered users from over 180 countries across the globe. TilesWale has leading manufacturers and suppliers of the industry that have registered on the app. Currently, TilesWale has more than 65,000 verified buyers and more than 35,000 verified suppliers.</p>
  5355. <p style="color:#ffffff94">With almost all leading players listed on this platform, it becomes easy for businesses to expand, newcomers to kickstart, and end customers to buy their products. </p>
  5356. </div>
  5357. <div class="ps-footer__copyright">
  5358. <p>© 2018-2024, ITILESWALE PVT. LTD., All rights reserved.<br>
  5359. Tileswale is registered trademarks of <a href="https://lightlinksolutions.com" target="_blank" class="orange-color">LLS India</a><br> Terms & conditions, features, support, pricing, and service options subject to change without notice.</p>
  5360. <div class="Payment_Icon">
  5361. <p class="pb-1">We Using Safe Payment For:</p>
  5362. <a href="javascript:void(0)" class="pe-none"><script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="04b641f9f9e21c1d80a647b9-|49"></script><img class="lazy" data-fallback="https://tileswale.com/front_assets/img/payment-method/visa.png" onError="imgFallback(this)" data-src="https://tileswale.com/cdn-cgi/imagedelivery/mzSuEo-CuZj22GZ2Ldj31w/3368d39d-553b-4d4b-8769-8dcc012d3900/public" alt loading="lazy"></a>
  5363. <a href="javascript:void(0)" class="pe-none"><script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="04b641f9f9e21c1d80a647b9-|49"></script><img class="lazy" data-fallback="https://tileswale.com/front_assets/img/payment-method/mastercard.png" onError="imgFallback(this)" data-src="https://tileswale.com/cdn-cgi/imagedelivery/mzSuEo-CuZj22GZ2Ldj31w/859a8d40-8fd5-45f6-16bc-ce7af6d42b00/public" alt loading="lazy"></a>
  5364. <a href="javascript:void(0)" class="pe-none"><script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="04b641f9f9e21c1d80a647b9-|49"></script><img class="lazy" data-fallback="https://tileswale.com/front_assets/img/payment-method/american-express.png" onError="imgFallback(this)" data-src="https://tileswale.com/cdn-cgi/imagedelivery/mzSuEo-CuZj22GZ2Ldj31w/1ed70b73-f739-4981-2198-fd9e87751300/public" alt loading="lazy"></a>
  5365. <a href="javascript:void(0)" class="pe-none"><script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="04b641f9f9e21c1d80a647b9-|49"></script><img class="lazy" data-fallback="https://tileswale.com/front_assets/img/payment-method/paypal2.png" onError="imgFallback(this)" data-src="https://tileswale.com/cdn-cgi/imagedelivery/mzSuEo-CuZj22GZ2Ldj31w/ebbb84a3-95f6-4e3e-a402-1120be83ca00/public" alt loading="lazy"></a>
  5366. </div>
  5367. </div>
  5368. </div>
  5369. </footer>
  5370. <div id="loginModalForm" class="modal fade" role="dialog" data-backdrop="static" data-keyboard="false" style="z-index:11111111;">
  5371. <div class="modal-dialog modal-dialog-centered modal-sm twlogin_From__content">
  5372. <div class="modal-content login_DT">
  5373. <div class="modal-body p-0">
  5374. <a type class="close font-30 position-absolute right-15 top-10 z-index-99 close-btn" data-dismiss="modal">×</a>
  5375. <div class="container-fluid">
  5376. <div class="row">
  5377. <div class="col-6 d-xs-none login-popup-bg">
  5378. <div class="position-absolute sd-login-heading">
  5379. <img src="https://tileswale.com/front_assets/img/logo.svg" class="mb-5" alt="Tileswale" width="177px" loading="lazy">
  5380. <h3 class="p-0 m-0">
  5381. <span class="sd-font-21 font-weight-normal mb-4">World's First Eco-System for the</span><br>
  5382. <span class="sd-font-23 font-weight-bold">Ceramic Industry</span>
  5383. </h3>
  5384. </div>
  5385. </div>
  5386. <div class="col-lg-6 col-12 align-self-center" id="e-onboarding-form-container">
  5387. </div>
  5388. </div>
  5389. </div>
  5390. </div>
  5391. </div>
  5392. <div class="recaptcha_container"></div>
  5393. <div id="recaptcha-container-login" style="z-index:1111111111;position: absolute;"></div>
  5394. </div>
  5395. </div>
  5396. <div class="d-none hiden-opt-form-container">
  5397. <form id="verifyUserForm" class="verifyUserForm" method="post">
  5398. <div class="tw-form__content py-5">
  5399. <div class="form-group">
  5400. <div class="d-flex mb-5">
  5401. <div class="w-25 text-center align-self-center border-right mr-lg-5 mr-3 pr-lg-0 pr-3">
  5402. <img height="70px" src="https://tileswale.com/front_assets/img/login-illusion.avif" alt loading="lazy">
  5403. </div>
  5404. <div class="w-75 align-self-center">
  5405. <p class="h3 m-0 text-dark">Please enter <span class="h2">6 digit OTP</span> sent on <span class="user-number"></span> </p>
  5406. <p class="m-0 orange-color"> <a href="javascript:void(0);" onclick="if (!window.__cfRLUnblockHandlers) return false; changeMobileNumber(this)" data-cf-modified-04b641f9f9e21c1d80a647b9->Change mobile number</a></p>
  5407. </div>
  5408. </div>
  5409. </div>
  5410. <div class="form-group">
  5411. <div class="float-right">
  5412. <p class="m-0 resend-otp-text">
  5413. <a class="orange-color" id="resendOtpButton" href="javascript:void(0);">Resend OTP</a>
  5414. </p>
  5415. </div>
  5416. <input type="number" id="verificationcode" name="verificationcode" class="form-control" placeholder="Verify your OTP" onkeypress="if (!window.__cfRLUnblockHandlers) return false; return isNumberKey(event)" oninput="if (!window.__cfRLUnblockHandlers) return false; javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);" maxlength="6" autocomplete="off" onpaste="if (!window.__cfRLUnblockHandlers) return false; return false;" data-cf-modified-04b641f9f9e21c1d80a647b9- />
  5417. <div class="otp-error" id="otp-error" style="color:red"></div>
  5418. </div>
  5419. <div class="modal-footer p-0 border-0 d-block text-center">
  5420. <button type="submit" id="btn-verify" class="ps-btn ps-btn--fullwidth">Confirm OTP</button>
  5421. </div>
  5422. </div>
  5423. </form>
  5424. </div>
  5425. <div class="d-none hidden-login-form-container">
  5426. <form id="twLoginForm" name="twlogin_From" class="twlogin_From p-0" method="post" novalidate="novalidate">
  5427. <div class="tw-form__content py-5">
  5428. <div class="text-center">
  5429. <div class="d-flex pb-5">
  5430. <div class="w-25 text-center align-self-center border-right mr-3 pr-3">
  5431. <img src="https://tileswale.com/front_assets/img/login-illusion.avif" alt loading="lazy">
  5432. </div>
  5433. <h4 class="sd-font-21 text-left mb-0 align-self-center e-login-tagline">To sign in, please enter your mobile number</h4>
  5434. </div>
  5435. </div>
  5436. <div class="input-group border border-dark sd-rounded e-error-parent">
  5437. <span class="input-group-text text-black px-4 border-0 bg-white sd-rounded">
  5438. <h5 class="p-0 m-0">+1</h5>
  5439. <input type="hidden" name="phone_code" id="phone_code" value="+1">
  5440. </span>
  5441. <input type="number" name="phone_number" id="phone_number" placeholder="Enter Your Mobile Number" onkeypress="if (!window.__cfRLUnblockHandlers) return false; return isNumberKey(event)" oninput="if (!window.__cfRLUnblockHandlers) return false; javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);" class="form-control border-dark border-left border-top-0 border-right-0 border-bottom-0" maxlength="12" required aria-required="true" autocomplete="off" onpaste="if (!window.__cfRLUnblockHandlers) return false; return false;" data-cf-modified-04b641f9f9e21c1d80a647b9- />
  5442. </div>
  5443. <label id="phone_number-error" class="error" for="phone_number"></label>
  5444. <div class="form-group submtit mb-0 mt-5">
  5445. <button type="submit" id="btn-signin" class="ps-btn ps-btn--fullwidth e-login-button">Sign in with OTP</button>
  5446. </div>
  5447. <div id="login-recaptcha"></div>
  5448. <div class="col-12 login-popup-or-line mt-20">
  5449. <span></span> <b>OR</b> <span></span>
  5450. </div>
  5451. <div class="text-center">
  5452. <div class="d-flex mt-10 mr-20 ml-20">
  5453. <h4 class="sd-font-21 text-left align-self-center" style="font-size:17px!important;">Scan QR code and get the app instantly</h4>
  5454. <div class="w-25 text-center align-self-center mr-3 pr-3">
  5455. <img src="https://tileswale.com/front_assets/img/onlink_to_n87s5h.svg" style="width:200px;margin-bottom:20px" class="scratch-c" alt loading="lazy">
  5456. </div>
  5457. </div>
  5458. </div>
  5459. <div class="col-12">
  5460. <p class="mb-0"> By continuing, you agree to tileswale's <a class="orange-color" href="https://tileswale.com/terms-and-conditions" target="_blank">Terms of Use</a> and <a class="orange-color" href="https://tileswale.com/privacy-policy" target="_blank">Privacy Policy</a>.
  5461. </p>
  5462. </div>
  5463. </div>
  5464. </form>
  5465. </div><div id="successModal" class="modal fade sd-sucess-model" tabindex="-1" role="dialog" aria-hidden="true">
  5466. <div class="modal-dialog modal-dialog-centered justify-content-center">
  5467. <div class="modal-content sd-sucess-width">
  5468. <div class="modal-body p-0">
  5469. <a type class="close font-30 position-absolute right-15 top-10 z-index-99" data-dismiss="modal">×</a>
  5470. <div class="container-fluid">
  5471. <div class="row">
  5472. <div class="col-12 align-self-center">
  5473. <form action>
  5474. <div class="form-group mb-0">
  5475. <div class="text-center pt-4 pb-0">
  5476. <img height="100" src="https://tileswale.com/front_assets/img/verified.png" alt loading="lazy">
  5477. </div>
  5478. <div class="text-center p-4 pt-0">
  5479. <h3 class="text-success font-weight-normal">Sucess</h3>
  5480. <p class="m-0 h4">Thanks for signing up.</p>
  5481. <p class="m-0 h4 e-success-message">we'll keep you posted on the latest product update, news and special offers</p>
  5482. </div>
  5483. </div>
  5484. </form>
  5485. </div>
  5486. </div>
  5487. </div>
  5488. </div>
  5489. </div>
  5490. </div>
  5491. </div> <div class="modal fade" id="buyer-req-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  5492. <div class="modal-dialog modal-dialog-centered" role="document">
  5493. <div class="modal-content sd-bg-model">
  5494. <div class="modal-header d-block text-center">
  5495. <h4 class="modal-title text-blue" id="exampleModalLongTitle">Tell us what you need?</h4>
  5496. <a type class="close sd-close-buyer font-30 position-absolute right-15 top-10 text-light p-2" data-dismiss="modal">×</a>
  5497. </div>
  5498. <div class="modal-body py-4 px-0 sd-buyer-body">
  5499. <div class="container-fluid">
  5500. <div class="row">
  5501. <div class="col-6 mb-3 pr-2">
  5502. <div class="card card-post-design">
  5503. <a href="https://tileswale.com/requirement-post/TVE9PQ" class="btn py-3 sd-buyercards">
  5504. <div class>
  5505. <img class="sd-icon-buyer mb-3" height="60" alt="Tile icon" src="https://tileswale.com/front_assets/img/home/ceramic.webp" style loading="lazy">
  5506. </div>
  5507. <div class="text-center text-blue h4 mb-0">
  5508. Ceramic Tiles </div>
  5509. </a>
  5510. </div>
  5511. </div>
  5512. <div class="col-6 mb-3 pr-2">
  5513. <div class="card card-post-design">
  5514. <a href="https://tileswale.com/requirement-post/TWc9PQ" class="btn py-3 sd-buyercards">
  5515. <div class>
  5516. <img class="sd-icon-buyer mb-3" height="60" alt="Tile icon" src="https://tileswale.com/front_assets/img/home/sanitary.jpg" style loading="lazy">
  5517. </div>
  5518. <div class="text-center text-blue h4 mb-0">
  5519. Sanitary Ware </div>
  5520. </a>
  5521. </div>
  5522. </div>
  5523. <div class="col-6 mb-3 pr-2">
  5524. <div class="card card-post-design">
  5525. <a href="https://tileswale.com/requirement-post/TWpVPQ" class="btn py-3 sd-buyercards">
  5526. <div class>
  5527. <img class="sd-icon-buyer mb-3" height="60" alt="Tile icon" src="https://tileswale.com/front_assets/img/home/kitchen.webp" style loading="lazy">
  5528. </div>
  5529. <div class="text-center text-blue h4 mb-0">
  5530. Kitchen Sink </div>
  5531. </a>
  5532. </div>
  5533. </div>
  5534. <div class="col-6 mb-3 pr-2">
  5535. <div class="card card-post-design">
  5536. <a href="https://tileswale.com/requirement-post/TlE9PQ" class="btn py-3 sd-buyercards">
  5537. <div class>
  5538. <img class="sd-icon-buyer mb-3" height="60" alt="Tile icon" src="https://tileswale.com/front_assets/img/home/bathware.jpg" style loading="lazy">
  5539. </div>
  5540. <div class="text-center text-blue h4 mb-0">
  5541. Bathware </div>
  5542. </a>
  5543. </div>
  5544. </div>
  5545. <div class="col-12 mb-3 pr-2">
  5546. <div class="card card-post-design">
  5547. <a href="https://tileswale.com/requirement-post/TXc9PQ" class="btn py-3 sd-buyercards">
  5548. <div class>
  5549. <img class="sd-icon-buyer mb-3" height="60" alt="Tile icon" src="https://tileswale.com/front_assets/img/home/adhesive.webp" style loading="lazy">
  5550. </div>
  5551. <div class="text-center text-blue h4 mb-0">
  5552. Adhesive, Chemical & More </div>
  5553. </a>
  5554. </div>
  5555. </div>
  5556. </div>
  5557. </div>
  5558. </div>
  5559. </div>
  5560. </div>
  5561. </div>
  5562. <div class="buysell-req-btn" data-toggle="modal" data-target="#buyer-req-modal" href="javascript:void(0);">
  5563. <p class="text"> + Requirements </p>
  5564. </div>
  5565.  
  5566. <div class="ps-site-overlay"></div>
  5567. <div id="GeneralModal" class="modal fade" role="dialog" data-backdrop="static" data-keyboard="false" style="z-index: 111111111;">
  5568. <div class="modal-dialog modal-lg">
  5569. <div class="modal-content GT p-20"></div>
  5570. </div>
  5571. </div>
  5572. <div id="ListModal" class="modal fade" role="dialog" data-backdrop="static" data-keyboard="false" style="z-index: 111111111;">
  5573. <div class="modal-dialog modal-lg">
  5574. <div class="modal-content ListModal_DT p-20"></div>
  5575. </div>
  5576. </div>
  5577. <div id="whatsapp_chat_widget" class="sd-whatsapp-web">
  5578. <a href="javascript:void(0);" class onclick="if (!window.__cfRLUnblockHandlers) return false; call_me_whatsapp()" title="WhatsApp" rel="noreferrer noopener" data-firebase-event="web_sticky_whatsapp_btn" data-cf-modified-04b641f9f9e21c1d80a647b9->
  5579. <div id="wa-widget-send-button">
  5580. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" class="wa-messenger-svg-whatsapp wh-svg-icon"><path d=" M19.11 17.205c-.372 0-1.088 1.39-1.518 1.39a.63.63 0 0 1-.315-.1c-.802-.402-1.504-.817-2.163-1.447-.545-.516-1.146-1.29-1.46-1.963a.426.426 0 0 1-.073-.215c0-.33.99-.945.99-1.49 0-.143-.73-2.09-.832-2.335-.143-.372-.214-.487-.6-.487-.187 0-.36-.043-.53-.043-.302 0-.53.115-.746.315-.688.645-1.032 1.318-1.06 2.264v.114c-.015.99.472 1.977 1.017 2.78 1.23 1.82 2.506 3.41 4.554 4.34.616.287 2.035.888 2.722.888.817 0 2.15-.515 2.478-1.318.13-.33.244-.73.244-1.088 0-.058 0-.144-.03-.215-.1-.172-2.434-1.39-2.678-1.39zm-2.908 7.593c-1.747 0-3.48-.53-4.942-1.49L7.793 24.41l1.132-3.337a8.955 8.955 0 0 1-1.72-5.272c0-4.955 4.04-8.995 8.997-8.995S25.2 10.845 25.2 15.8c0 4.958-4.04 8.998-8.998 8.998zm0-19.798c-5.96 0-10.8 4.842-10.8 10.8 0 1.964.53 3.898 1.546 5.574L5 27.176l5.974-1.92a10.807 10.807 0 0 0 16.03-9.455c0-5.958-4.842-10.8-10.802-10.8z" fill-rule="evenodd"></path></svg>
  5581. <div class="wa-messenger-text">Live Chat</div>
  5582. </div>
  5583. </a>
  5584. </div>
  5585. <div class="ps-search" id="site-search"><a class="ps-btn--close" href="#"></a>
  5586. <div class="ps-search__content">
  5587. <form class="ps-form--primary-search" action="do_action" method="post">
  5588. <input class="form-control" type="text" placeholder="Search for...">
  5589. <button><i class="aroma-magnifying-glass"></i></button>
  5590. </form>
  5591. </div>
  5592. </div>
  5593. <div id="LanguageModal" class="modal fade" role="dialog" data-backdrop="static" data-keyboard="false">
  5594. <div class="modal-dialog">
  5595. <div class="modal-content">
  5596.  
  5597. <div class="modal-header">
  5598. <h4 class="modal-title">Translate In Your Language</h4>
  5599. <button type="button" class="close" data-dismiss="modal">&times;</button>
  5600. </div>
  5601.  
  5602. <div class="modal-body">
  5603. <div class="row">
  5604. <div class="col-md-3 col-xs-6" style="margin-bottom:10px;">
  5605. <a href="https://tileswale.com/">
  5606. English </a>
  5607. </div>
  5608. <div class="col-md-3 col-xs-6" style="margin-bottom:10px;">
  5609. <a href="https://hi.tileswale.com/">
  5610. हिंदी </a>
  5611. </div>
  5612. <div class="col-md-3 col-xs-6" style="margin-bottom:10px;">
  5613. <a href="https://ar.tileswale.com/">
  5614. عربي </a>
  5615. </div>
  5616. <div class="col-md-3 col-xs-6" style="margin-bottom:10px;">
  5617. <a href="https://es.tileswale.com/">
  5618. Español </a>
  5619. </div>
  5620. <div class="col-md-3 col-xs-6" style="margin-bottom:10px;">
  5621. <a href="https://fr.tileswale.com/">
  5622. France </a>
  5623. </div>
  5624. <div class="col-md-3 col-xs-6" style="margin-bottom:10px;">
  5625. <a href="https://de.tileswale.com/">
  5626. Deutschland </a>
  5627. </div>
  5628. <div class="col-md-3 col-xs-6" style="margin-bottom:10px;">
  5629. <a href="https://it.tileswale.com/">
  5630. Italia </a>
  5631. </div>
  5632. <div class="col-md-3 col-xs-6" style="margin-bottom:10px;">
  5633. <a href="https://pt.tileswale.com/">
  5634. Portugal </a>
  5635. </div>
  5636. <div class="col-md-3 col-xs-6" style="margin-bottom:10px;">
  5637. <a href="https://ja.tileswale.com/">
  5638. 日本 </a>
  5639. </div>
  5640. <div class="col-md-3 col-xs-6" style="margin-bottom:10px;">
  5641. <a href="https://tr.tileswale.com/">
  5642. Türkiye </a>
  5643. </div>
  5644. <div class="col-md-3 col-xs-6" style="margin-bottom:10px;">
  5645. <a href="https://ru.tileswale.com/">
  5646. Россия </a>
  5647. </div>
  5648. <div class="col-md-3 col-xs-6" style="margin-bottom:10px;">
  5649. <a href="https://ko.tileswale.com/">
  5650. 한국인 </a>
  5651. </div>
  5652. <div class="col-md-3 col-xs-6" style="margin-bottom:10px;">
  5653. <a href="https://vi.tileswale.com/">
  5654. Tiếng Việt </a>
  5655. </div>
  5656. <div class="col-md-3 col-xs-6" style="margin-bottom:10px;">
  5657. <a href="https://jv.tileswale.com/">
  5658. Jawa </a>
  5659. </div>
  5660. <div class="col-md-3 col-xs-6" style="margin-bottom:10px;">
  5661. <a href="https://fa.tileswale.com/">
  5662. فارسی </a>
  5663. </div>
  5664. <div class="col-md-3 col-xs-6" style="margin-bottom:10px;">
  5665. <a href="https://ind.tileswale.com/">
  5666. Indonesia </a>
  5667. </div>
  5668. <div class="col-md-3 col-xs-6" style="margin-bottom:10px;">
  5669. <a href="https://pl.tileswale.com/">
  5670. Polski </a>
  5671. </div>
  5672. <div class="col-md-3 col-xs-6" style="margin-bottom:10px;">
  5673. <a href="https://yo.tileswale.com/">
  5674. Yoruba </a>
  5675. </div>
  5676. <div class="col-md-3 col-xs-6" style="margin-bottom:10px;">
  5677. <a href="https://my.tileswale.com/">
  5678. ဗမာ </a>
  5679. </div>
  5680. <div class="col-md-3 col-xs-6" style="margin-bottom:10px;">
  5681. <a href="https://su.tileswale.com/">
  5682. Sundanese </a>
  5683. </div>
  5684. <div class="col-md-3 col-xs-6" style="margin-bottom:10px;">
  5685. <a href="https://ca.tileswale.com/">
  5686. Calalana </a>
  5687. </div>
  5688. <div class="col-md-3 col-xs-6" style="margin-bottom:10px;">
  5689. <a href="https://el.tileswale.com/">
  5690. Ελληνικά </a>
  5691. </div>
  5692. </div>
  5693. </div>
  5694.  
  5695. <div class="modal-footer">
  5696. <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
  5697. </div>
  5698. </div>
  5699. </div>
  5700. </div>
  5701. <div class="modal fade" id="requirement_success" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true" data-focus="true">
  5702. <div class="modal-dialog modal-dialog-centered" role="document">
  5703. <div class="modal-content border-0">
  5704. <div class="modal-body p-0 shadow-lg border" style="background-image:url('https://tileswale.com/front_assets/img/success_bg.png')">
  5705. <a type class="close position-absolute right-15 top-10 p-2 z-index-99" data-dismiss="modal">×</a>
  5706. <div class="m-5">
  5707. <div class="row align-items-center p-lg-4">
  5708. <div class="col-4 pr-5 d-none d-xl-block">
  5709. <img src="https://tileswale.com/front_assets/img/success_graphics.png" alt>
  5710. </div>
  5711. <div class="col-xl-8 text-center">
  5712. <h3 class>Thank you for submitting Inquiry!</h3>
  5713. <p class="mb-5 h3 font-weight-normal">We have received your Inquiry. We will soon connect you with relevent Sellers via tileswale App. download now!!</p>
  5714.  
  5715. <div class="mt-5 d-flex justify-content-center requirement_success_button">
  5716. <a href="https://tiw.page.link/8QQ8" class="h2 text-light align-middle d-flex align-items-center download_app_download_now" data-firebase-event="web_download_app_btn">
  5717. <i class="fa fa-download mr-3" aria-hidden="true"></i>
  5718. <span>Download Now</span>
  5719. </a>
  5720. </div>
  5721. </div>
  5722. </div>
  5723. </div>
  5724. </div>
  5725. </div>
  5726. </div>
  5727. </div>
  5728. <style>
  5729. .sd-oversis-modal{
  5730. max-width:1000px !important;
  5731. }
  5732. .sd-borderredis-0{
  5733. border-radius: 0 !important;
  5734. }
  5735. .sd-btn-over:hover{
  5736. color:#000 ;
  5737. }
  5738. .sd-btn-over{
  5739.        padding: 0 19px;
  5740.        font-size: 14px;
  5741.        height: 40px;
  5742.        background-color: transparent;
  5743.        color: #000;
  5744.        border: 1px solid #e2e2e2;
  5745.    }
  5746.    .sd-height-42{
  5747.        height: 42px !important;
  5748.    }
  5749.    .sd-reduis-6{
  5750.        border-radius: 6px !important;
  5751.    }
  5752.    .sdfont-weight-600{
  5753.        font-weight:600 !important;
  5754.    }
  5755.  
  5756.    .sd-transport-modal{
  5757.      position: absolute;
  5758.      width: 100%;
  5759.      left: 0;
  5760.      bottom: 0;
  5761.    }
  5762.    @media screen and (max-width:560px) {
  5763.      .sd-transport-modal{
  5764.        position: relative;
  5765.        width: 100%;
  5766.        left: 0;
  5767.        bottom: 0;
  5768.      }
  5769.    }
  5770. </style>
  5771. <div class="modal fade" id="oversisimodal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  5772. <div class="modal-dialog sd-oversis-modal modal-dialog-centered" role="document">
  5773. <div class="modal-content">
  5774. <div class="modal-body p-0">
  5775. <div class="container-fluid">
  5776. <div class="row">
  5777. <div class="col-lg-6 d-lg-block d-none px-0">
  5778. <img src="https://tileswale.com/front_assets/img/transport/leftbanner.webp" alt loading="lazy">
  5779. </div>
  5780. <div class="col-lg-6 col-12 position-relatrive">
  5781. <form action>
  5782. <div class="px-lg-4 px-0 pt-5 pb-lg-4 pb-0">
  5783. <h3 class="modal-title font-weight-normal">Looking to <br>
  5784. <span class="orange-color sdfont-weight-600"> Import Tiles in United States? </span>
  5785. </h3>
  5786. <div class="d-flex pt-5">
  5787. <p class="m-0 h3 font-weight-normal">Considering your location, it appears that you may consider importing tiles to United States. Look no further! <b>Tileswale Export</b> is the perfect fit to fulfill all your tile import needs.</p>
  5788. </div>
  5789.  
  5790. <div class="text-center text-center mt-5  mb-lg-5 mb-3">
  5791. <a class="ps-btn bg-dark" href="https://tileswale.com/export">Post your Requirement</a>
  5792. </div>
  5793. </form>
  5794. </div>
  5795. <div class="sd-transport-modal bg-export-modal">
  5796.  
  5797. </div>
  5798. </div>
  5799. </div>
  5800. </div>
  5801. </div>
  5802. </div>
  5803. </div>
  5804. </div> <script type="04b641f9f9e21c1d80a647b9-text/javascript">
  5805. $(document).ready(function () {
  5806.    $(document).on('click', '.close-req-modal', function () {
  5807.        $(".humb-wrapper").removeClass('open');
  5808.    })
  5809. })
  5810. $(document).on('click', '[data-firebase-event]', function () {
  5811.    // alert("hi");
  5812.    var eventValue = $(this).attr('data-firebase-event');
  5813.      
  5814.    firebase.analytics().logEvent(eventValue, {
  5815.        event_value: eventValue
  5816.    });
  5817. })
  5818. </script>
  5819. <script type="04b641f9f9e21c1d80a647b9-text/javascript">
  5820.            setTimeout(function () {
  5821.                $('#oversisimodal').modal('show');
  5822.            }, 10000);
  5823.        </script>
  5824. <script type="04b641f9f9e21c1d80a647b9-text/javascript">
  5825.    /* Chat Service */
  5826.    function isNumberKey(evt) {
  5827.        var charCode = (evt.which) ? evt.which : event.keyCode;
  5828.            
  5829.        if(event.key == "Enter") {
  5830.            return true;
  5831.        }
  5832.  
  5833.        if ((charCode < 48 || charCode > 57))
  5834.            return false;
  5835.    
  5836.        return true;
  5837.    }
  5838. </script>
  5839. <script type="04b641f9f9e21c1d80a647b9-text/javascript">
  5840.  
  5841.    var three_dot_loading = '<div class="threedotloader"><div class="dot"></div>&nbsp;<div class="dot"></div>&nbsp;<div class="dot"></div></div>';
  5842.  
  5843.    var redirection_after_login = ""; // if null then dont redirect else redirect to provided url
  5844.    var loginCallback = ""; // holds the callback method name that we can run after login complete
  5845.  
  5846.    $(document).ready(function() {
  5847.  
  5848.        /**
  5849.         * Login Submit Handler
  5850.         */
  5851.        $(document).on('submit', '#twLoginForm', function (e) {
  5852.            e.preventDefault();
  5853.            
  5854.            if($("#twLoginForm").valid()) {
  5855.  
  5856.                $("#btn-signin").html(three_dot_loading);
  5857.                $("#btn-signin").css('background', "#111");
  5858.                $("#btn-signin").attr('disabled', true);
  5859.                $(".close-btn").hide();
  5861.                if(!window.recaptchaVerifier) {
  5862.                    window.recaptchaVerifier = new firebase.auth.RecaptchaVerifier('login-recaptcha', {
  5863.                        'size': 'invisible',
  5864.                        'callback': function(response){
  5865.                            resolve(response)
  5866.                        },
  5867.                        'expired-callback': function(){
  5868.                            toastr["error"]("Something went wrong. Please try again.","Oh snap!")
  5869.                            location.reload();
  5870.                        },
  5871.                        'isolated' : false
  5872.                    });
  5873.                }
  5874.                
  5875.                sendOtp().then(function(test) {
  5876.                    showVerifyForm();
  5877.                    $(".close-btn").show();
  5878.                }).catch(function(error) {
  5879.                    toastr["error"]("Something is Wrong Please Try Later!","Oh snap!")
  5880.                    setTimeout(function(){
  5881.                        location.reload();
  5882.                    },2000);
  5883.                });
  5884.            }
  5885.        });
  5886.  
  5887.        /**
  5888.         * Verify OTP Handler
  5889.         */
  5890.        $(document).on('submit', '#verifyUserForm', function (e) {
  5891.            e.preventDefault();
  5892.            
  5893.            if($("#verifyUserForm").valid()) {
  5894.  
  5895.                $("#btn-verify").html(three_dot_loading);
  5896.                $("#btn-verify").css('background', "#111");
  5897.                $("#btn-verify").attr('disabled', true);
  5899.                verifyOTP().then(function (response) {  
  5900.                    setModalSessionNew(response.user,response.userid)
  5901.                    .then(function (res) {
  5903.                        $("#loginModalForm").modal("hide");
  5904.                        toastr["success"](res.msg, "Login Success!");
  5906.                        // after login scripts here
  5907.                        if(loginCallback !== "") {  
  5908.                            loginCallback(res.redirect);  
  5909.                            return;
  5910.                        }  
  5911.  
  5912.                        if(res.redirect !== "") {
  5913.                            window.location = res.redirect;
  5914.                            return;
  5915.                        }
  5917.                        if(redirection_after_login !== "") {  
  5918.                            window.location = redirection_after_login;
  5919.                            return;
  5920.                        }
  5921.                        
  5922.                        location.reload();
  5923.                        
  5924.                    });
  5925.                }).catch(function (error) {
  5926.  
  5927.                    $("#btn-verify").html("Confirm OTP");
  5928.                    $("#btn-verify").removeAttr('style');
  5929.                    $("#btn-verify").removeAttr('disabled');
  5930.  
  5931.                    // show error meessage to user
  5932.                    let errorCode = error.code
  5933.                    let errorMessage = error.message
  5934.                    if (errorCode === "auth/invalid-verification-code") {
  5935.                        $("#otp-error").html('You have entered invalid OTP!')
  5936.                    } else if (errorCode === "auth/code-expired") {
  5937.                        $("#otp-error").html('Your otp is expired. please try to resend again')
  5938.                    } else {
  5939.                        toastr["error"]("Something is Wrong Please Try Later!","Oh snap!")
  5940.                        setTimeout(function(){
  5941.                            location.reload();
  5942.                        },2000);
  5943.                    }
  5944.                })
  5945.            }
  5946.        });
  5947.    })
  5948.    
  5949.    function manageLoginContent(contentObj) {  
  5950.        const tagline = contentObj.tagline || "To sign in, please enter your mobile number";
  5951.        const submit = contentObj.submit || "Sign in with OTP";
  5953.        $(".e-login-tagline").html(tagline);
  5954.        $(".e-login-button").html(submit);
  5955.    }
  5956.  
  5957.    function showLoginForm(after_login = "", callback = "", contentObj = {}) {  
  5958.        redirection_after_login = after_login;
  5959.        loginCallback = callback;
  5960.        
  5961.     $('.ps-panel--sidebar').removeClass('active');
  5962.    $('.ps-site-overlay').removeClass('active');
  5963.        
  5964.        let loginForm = $("#twLoginForm").clone(true, true);
  5965.        $("#e-onboarding-form-container").html(loginForm);
  5966.        
  5967.        // manage form content
  5968.        manageLoginContent(contentObj);
  5969.  
  5970.        $("#twLoginForm").validate({
  5971.            rules: {
  5972.                phone_number: {
  5973.                    required: true,
  5974.                    minlength: 9,
  5975.                }
  5976.            },
  5977.            messages: {
  5978.                phone_number: {
  5979.                    required: "Please enter mobile number",  
  5980.                    minlength: "Please enter valid mobile number",
  5981.                }
  5982.            }
  5983.        });
  5984.        $("#loginModalForm").modal("show");
  5985.    }
  5986.  
  5987.    function showVerifyForm() {
  5988.        let verifyUserForm = $("#verifyUserForm").clone(true, true);
  5989.        $("#e-onboarding-form-container").html(verifyUserForm);
  5990.  
  5991.        let c_code = sessionStorage.getItem("phone_code");
  5992.        let mobile = sessionStorage.getItem("mobile_number");
  5993.        $(".user-number").html(c_code+" "+ mobile);
  5994.          
  5995.        $('#verificationcode').focus();
  5996.  
  5997.        startCountdown();
  5998.  
  5999.        $("#verifyUserForm").validate({
  6000.            rules: {
  6001.                verificationcode: {
  6002.                    required: true,
  6003.                    minlength: 6,
  6004.                    maxlength: 6,
  6005.                }
  6006.            },
  6007.            messages: {
  6008.                verificationcode: {
  6009.                    required: "Please enter OTP",
  6010.                    minlength: "Please enter 6 digit OTP",
  6011.                    maxlength: "Please enter 6 digit OTP",
  6012.                }
  6013.            }
  6014.        });
  6015.    }
  6016.  
  6017.    function showLogin(redirectionUrl = "", finalCallback = false) {
  6018.        showLoginForm();
  6019.        sessionStorage.setItem('login_redirection', redirectionUrl);
  6020.        let prelogin = preLogin();
  6021.    }
  6022.  
  6023.    function preLogin() {
  6024.        $('.ps-panel--sidebar').removeClass('active');
  6025.    $('.ps-site-overlay').removeClass('active');
  6026.        return true;
  6027.    }
  6028.  
  6029.    function changeMobileNumber(e) {
  6030.        $(e).html("please wait...");
  6031.        clearInterval(countdown);
  6032.        setTimeout(() => {
  6033.            showLoginForm();
  6034.        }, 500);
  6035.    }
  6036.      
  6037.    /**
  6038.     * Send OTP
  6039.     * @Return (true || false)
  6040.     */
  6041.    async function sendOtp() {
  6042.        
  6043.        // Set Session Storage for letter use
  6044.        if($("#phone_number").val() != "") {
  6045.            var phoneCode = $("#phone_code").val();
  6046.            var mobileNumber = $("#phone_number").val();
  6047.            sessionStorage.setItem("phone_code",phoneCode);
  6048.            sessionStorage.setItem("mobile_number",mobileNumber);
  6049.        } else {
  6050.            var phoneCode = sessionStorage.getItem("phone_code");
  6051.            var mobileNumber = sessionStorage.getItem("mobile_number");
  6052.        }  
  6053.  
  6054.        // Re-validate inputs
  6055.        if(phoneCode == "" || mobileNumber == "") {
  6056.            return false;
  6057.        }
  6058.  
  6059.        // Send OTP (alternate custom if firebase fails to send)
  6060.        const isCustomOtpSent = await sendCustomOtp(phoneCode, mobileNumber);
  6061.        if (isCustomOtpSent) {
  6062.            return true;
  6063.        } else {
  6064.            const isFireBaseOtpSent = await sendFireBaseOtp(phoneCode, mobileNumber);
  6065.            if (isFireBaseOtpSent) {  
  6066.                return true;
  6067.            } else {
  6068.                return false;
  6069.            }
  6070.        }
  6071.    }  
  6072.    
  6073.    function sendFireBaseOtp(phone_code, mobile_number) {
  6074.        return new Promise(function(resolve, reject) {  
  6075.            firebase.auth().signInWithPhoneNumber(phone_code + " " + mobile_number, window.recaptchaVerifier)
  6076.            .then(function (confirmationResult){  
  6077.                window.confirmationResult = confirmationResult;  
  6078.                sessionStorage.setItem('otp_type', "fb");
  6079.                resolve(true);
  6080.            }).catch(function (error){  
  6081.                resolve(false);
  6082.            });
  6083.        });
  6084.    }
  6086.    function sendCustomOtp(phone_code, mobile_number) {
  6087.        return new Promise(function(resolve, reject) {
  6088.            if(String(phone_code) == "+91") {
  6089.                let data = {
  6090.                    phonecode: phone_code,
  6091.                    phonenumber: mobile_number
  6092.                };
  6093.                $.ajax({
  6094.                    url: base_url + 'login/customotp',
  6095.                    type: "POST",
  6096.                    data: data,
  6097.                    success: function(response) {
  6098.                        if (response.status) {
  6099.                            sessionStorage.setItem('otp_type', "custom");
  6100.                            resolve(true);
  6101.                        } else {
  6102.                            resolve(false);
  6103.                        }
  6104.                    },
  6105.                    error: function() {
  6106.                        resolve(false);
  6107.                    }
  6108.                });
  6109.            } else {
  6110.                resolve(false);
  6111.            }
  6112.        });
  6113.    }
  6114.  
  6115.    /**
  6116.     * Verify OTP
  6117.     */
  6118.    async function verifyOTP() {
  6119.        let otp_type = sessionStorage.getItem('otp_type');
  6120.        if(otp_type == 'fb') {
  6121.            return await verifyFirebaseOtp();
  6122.        } else if(otp_type == 'custom') {
  6123.            return await verifyCustomOtp();
  6124.        }
  6125.    }
  6126.  
  6127.    function verifyCustomOtp(){
  6128.  
  6129.        return new Promise (function (resolve, reject) {
  6130.            let otp_data = {
  6131.                user_otp : $("#verificationcode").val(),
  6132.            };
  6133.            $.ajax({
  6134.                url:base_url+'login/verify_otp_custom',
  6135.                type:"POST",
  6136.                data:otp_data,
  6137.                success:function(res){
  6138.                    if(res.status){    
  6139.                        let phone_code = sessionStorage.getItem("phone_code");
  6140.                        let mobile_number = sessionStorage.getItem("mobile_number");
  6141.                        let number = phone_code+mobile_number;
  6142.                        number = number.replace(/ /g,'');
  6143.                        let temp_data = {
  6144.                            "displayName": null,
  6145.                            "email": null,
  6146.                            "phoneNumber": number,
  6147.                            "photoURL": null,
  6148.                            "providerId": "phone",
  6149.                            "uid": number
  6150.                        };
  6151.                        var user = [temp_data];
  6152.                        var userid = Math.random().toString(36).substr(2, 29);  
  6153.                        resolve({
  6154.                            userid : userid,
  6155.                            user : [temp_data]
  6156.                        });
  6157.                    }else{  
  6158.                        reject({
  6159.                            code : "custom",
  6160.                            message : res.msg,
  6161.                        });
  6162.                    }
  6163.                },
  6164.                error:function(){
  6165.                    reject({
  6166.                        code : "custom",
  6167.                        message : "Something went wrong!",
  6168.                    });
  6169.                }
  6170.            });
  6171.        })
  6172.    }
  6173.  
  6174.    function verifyFirebaseOtp() {
  6175.        return new Promise (function (resolve, reject) {
  6176.            window.confirmationResult.confirm($("#verificationcode").val())
  6177.            .then(function (result) {  
  6178.                let user = result.user;  
  6179.                resolve({
  6180.                    userid : user.uid,
  6181.                    user : user.providerData,
  6182.                })
  6183.            }).catch(function (error) {  
  6184.                reject(error);
  6185.            });
  6186.        })
  6187.        
  6188.    }
  6190.    /**
  6191.     * Resend OTP functionality
  6192.     */
  6193.    const RESEND_DELAY = 45;
  6194.    let countdown;
  6195.  
  6196.    function startCountdown() {
  6197.        let count = RESEND_DELAY;
  6198.        $('#resendOtpButton').html('Resend OTP in ' + count + 's');
  6199.        $('#resendOtpButton').prop('disabled', true);
  6200.        countdown = setInterval(function() {
  6201.            count--;
  6202.            if (count == 0) {
  6203.                clearInterval(countdown);
  6204.                $('#resendOtpButton').prop('disabled', false).html('Resend OTP');
  6205.            } else {
  6206.                $('#resendOtpButton').html(`Resend OTP in ${count}s`);
  6207.            }
  6208.        }, 1000);
  6209.    }
  6210.  
  6211.    $(document).ready(function () {
  6212.        $('#resendOtpButton').click(function() {
  6213.            if (!$(this).prop('disabled')) {  
  6214.                $("#verificationcode").val("");
  6215.                $('#resendOtpButton').html(`Resending...`);
  6216.                sendOtp().then(function () {
  6217.                    clearInterval(countdown);
  6218.                    startCountdown();
  6219.                })
  6220.            }
  6221.        });
  6222.    })  
  6223.  
  6224.    /**
  6225.     * set session
  6226.     */
  6227.    function setModalSessionNew(data, uuid){
  6228.  
  6229.        return new Promise(function (resolve, reject) {
  6230.            let formData = {
  6231.                data: data,
  6232.                uuid: uuid,
  6233.                phonecode: sessionStorage.getItem('phone_code'),
  6234.                phoneNumber: sessionStorage.getItem('mobile_number'),
  6235.            };  
  6236.            $.ajax({
  6237.                url: base_url + 'login/setSessionData',
  6238.                type: "POST",
  6239.                data: formData,
  6240.                beforeSend: function () {
  6241.                    $(".preloader").css('display', 'flex');
  6242.                },
  6243.                success: function (response) {  
  6244.                    resolve(response);
  6245.                }
  6246.            });
  6247.        })
  6248.    }
  6249. </script> <style>
  6250.    .download-app-bg {
  6251.        background-image: url(https://tileswale.com/cdn-cgi/imagedelivery/mzSuEo-CuZj22GZ2Ldj31w/5b0fd895-1f16-42fc-ae63-f5d6fb631700/public);
  6252.        height: 195px;
  6253.        background-size: contain;
  6254.        background-position: center;
  6255.        background-repeat: no-repeat;
  6256.    }
  6257. </style>
  6258. <div class="modal fade download_app" id="download_app" data-backdrop="static" data-keyboard="false" tabindex="-1">
  6259. <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable download-modal-size">
  6260. <div class="modal-content">
  6261. <div class="modal-body download_app_modal_body">
  6262. <a type class="close position-absolute right-15 top-10 p-2 z-index-99" data-dismiss="modal">×</a>
  6263. <div class="ps-container sd-bg-b2b2c">
  6264. <div class="row ">
  6265. <div class="col-lg-6 col-12 download-app-bg">
  6266.  
  6267. </div>
  6268. <div class="col-lg-6 col-12 pb-60 pt-60">
  6269. <div>
  6270. <h3 class="sd-texthedding-mobile25 text-light mb-0 font-weight-normal">Experience 10x Faster App Performance! Join the Ceramic Marketplace with Our App Now!</h3>
  6271. </div>
  6272. <div class="mt-5 d-flex justify-content-center">
  6273. <a href="https://tiw.page.link/8QQ8" class="px-5 py-4 h2 text-light align-middle d-flex align-items-center download_app_download_now" data-firebase-event="web_download_app_btn">
  6274. <i class="fa fa-download mr-3" aria-hidden="true"></i><span>Download Now</span>
  6275. </a>
  6276. </div>
  6277. </div>
  6278. </div>
  6279. </div>
  6280. </div>
  6281. </div>
  6282. </div>
  6283. </div>
  6284. <script type="04b641f9f9e21c1d80a647b9-text/javascript">
  6285.    $(document).ready(function() {
  6286.            });
  6287.    
  6288.    $(document).on('click', '.download-app-popup', function () {
  6289.        $('#download_app').modal('show');
  6290.    });
  6291. </script>
  6292. <script type="04b641f9f9e21c1d80a647b9-text/javascript">
  6293.    var base_url = 'https://tileswale.com/'
  6294.    var auth = ''
  6295.    var lang = ''
  6296.    var sitekey = '6LfY0pcaAAAAANGXMkE1Hq-_SmhhIBD7gXadu5W7';
  6297.    let startTime = new Date('');
  6298.    let endTime = new Date();
  6299.    let difference = endTime.getTime() - startTime.getTime(); // This will give difference in milliseconds
  6300.    let diff = Math.round(difference / 60000);
  6301. </script>
  6302. <script type="04b641f9f9e21c1d80a647b9-text/javascript" src="https://tileswale.com/front_assets/plugins/swipper/swipper.min.js" async></script>
  6303. <script src="https://tileswale.com/front_assets/script.min.js" type="04b641f9f9e21c1d80a647b9-text/javascript"></script>
  6304. <script type="04b641f9f9e21c1d80a647b9-text/javascript" src="https://tileswale.com/front_assets/plugins/jquery/jquery-confirm.min.js" async></script>
  6305. <script src="https://tileswale.com/front_assets/js/main_script.min.js?a=12346" type="04b641f9f9e21c1d80a647b9-text/javascript"></script>
  6306. <script src="https://tileswale.com/front_assets/plugins/jquery.lazy-master/jquery.lazy.min.js" async type="04b641f9f9e21c1d80a647b9-text/javascript"></script>
  6307.  
  6308. <script src="https://tileswale.com/front_assets/plugins/firebase/firebase-app.js" type="04b641f9f9e21c1d80a647b9-text/javascript"></script>
  6309. <script src="https://tileswale.com/front_assets/plugins/firebase/firebase-auth.js" type="04b641f9f9e21c1d80a647b9-text/javascript"></script>
  6310. <script src="https://tileswale.com/front_assets/plugins/firebase/firebase-firestore.js" type="04b641f9f9e21c1d80a647b9-text/javascript"></script>
  6311. <script src="https://tileswale.com/front_assets/plugins/firebase/firebase-analytics.js" type="04b641f9f9e21c1d80a647b9-text/javascript"></script>
  6312. <script type="04b641f9f9e21c1d80a647b9-text/javascript">
  6313. $(function () {
  6314. // Initialize Firebase
  6315. var firebaseConfig = {
  6316. apiKey: "AIzaSyDM12XDBe4XO-PmdpJXrEP6Cx7PYZTj3kQ",
  6317. authDomain: "tileswale-92670.firebaseapp.com",
  6318. databaseURL: "https://tileswale-92670.firebaseio.com",
  6319. projectId: "tileswale-92670",
  6320. storageBucket: "tileswale-92670.appspot.com",
  6321. messagingSenderId: "798337593777",
  6322. appId: "1:798337593777:web:fb4862b89c73471b634d90",
  6323. measurementId: "G-342H9R0MD1"
  6324. };
  6325. if (firebase.apps.length === 0) {
  6326. firebase.initializeApp(firebaseConfig);
  6327. firebase.analytics();
  6328. }
  6329. $(".logoutUser").click(function(){
  6330. firebase.auth().signOut().then(function() {
  6331. // Sign-out successful.
  6332. logoutUser()
  6333. }).catch(function(error) {
  6334. // An error happened.
  6335. console.log(error)
  6336. })
  6337. });
  6338. })
  6339. </script>
  6340. <script src="https://tileswale.com/front_assets/js/config.js?1713586433" type="04b641f9f9e21c1d80a647b9-text/javascript"></script>
  6341.  
  6342. <script type="04b641f9f9e21c1d80a647b9-text/javascript">
  6343. $(document).on('click', '#search', function() {
  6344.        $(".img-search-box").addClass('d-none');  
  6345.        $(".img-search-content").addClass('d-none');  
  6346.        $(".typed-search-box").toggleClass('d-none');  
  6347.    });
  6348. $(document).on('click', '.img-lence-icon', function() {
  6349.        $(".typed-search-box").addClass('d-none');  
  6350.        $(".img-search-content").toggleClass('d-none');  
  6351. $(".img-search-box").toggleClass('d-none');  
  6352.    });
  6353. document.getElementById("search_image").onchange = function() {
  6354.    
  6355.        const fileSize = this.files[0].size; // size in bytes
  6356.  
  6357.        // check if the file size is larger than 2MB (2 * 1024 * 1024 bytes)
  6358.        if (fileSize > 2097152) {
  6359.            
  6360.                            toastr["error"]("Please upload an image that is smaller than 2MB","error!")
  6361.            
  6362.  
  6363.            $("#search_image").val();
  6364.            return;
  6365.        }
  6366.        
  6367.        $('.search_img_upload').hide();
  6368.        $('#search_img_prew').removeClass('d-none');
  6369.        $('#search_img_prew').attr('src', window.URL.createObjectURL(this.files[0]));
  6370. document.getElementById("image_search_form").submit();
  6371. };
  6372. </script>
  6373. <script type="04b641f9f9e21c1d80a647b9-text/javascript" src="https://tileswale.com/front_assets/tw_page/js/dashboard.js" defer></script>
  6374.  
  6375. <script async src="https://www.googletagmanager.com/gtag/js?id=G-WSX57QXVRY" type="04b641f9f9e21c1d80a647b9-text/javascript"></script>
  6376. <script type="04b641f9f9e21c1d80a647b9-text/javascript">
  6377.  window.dataLayer = window.dataLayer || [];
  6378.  function gtag(){dataLayer.push(arguments);}
  6379.  gtag('js', new Date());
  6380.  
  6381.  gtag('config', 'G-WSX57QXVRY');
  6382. </script>
  6383. <script src="https://tileswale.com/front_assets/tw_page/js/index.min.js" type="04b641f9f9e21c1d80a647b9-text/javascript"></script>
  6384.  
  6385. <noscript>
  6386.    <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MRKP35X" height="0" width="0" style="display:none;visibility:hidden"></iframe>
  6387. </noscript>
  6388.  
  6389.  
  6390. <script type="04b641f9f9e21c1d80a647b9-text/javascript">
  6391. //  $(document).ready(function () {
  6392. //      setTimeout(function () {
  6393. //          var Tawk_API = Tawk_API || {},
  6394. //             Tawk_LoadStart = new Date();
  6395. //         (function() {
  6396. //             var s1 = document.createElement("script"),
  6397. //                 s0 = document.getElementsByTagName("script")[0];
  6398. //             s1.async = true;
  6399. //             s1.src = 'https://embed.tawk.to/5f5a180cf0e7167d000f1a6c/default';
  6400. //             s1.charset = 'UTF-8';
  6401. //             s1.setAttribute('crossorigin', '*');
  6402. //             s0.parentNode.insertBefore(s1, s0);
  6403. //         })();
  6404. //      }, 3000)
  6405. //  })
  6406. </script>
  6407. <script type="04b641f9f9e21c1d80a647b9-text/javascript">
  6408. function call_me_whatsapp(){
  6409.    let ip_country = 2;
  6410.    if(ip_country == 1){
  6411.        window.open('https://api.whatsapp.com/send?phone=916262646499&text=Hello%20Tileswale%2C%20%0AI%20want%20to%20ask%20you%20a%20question%20about...', '_blank');
  6412.    }else{
  6413.        window.open('https://api.whatsapp.com/send?phone=916262646499&text=Hello%20Tileswale%2C%20%0AI%20want%20to%20ask%20you%20a%20question%20about...', '_blank');
  6414.    }
  6415. }
  6416. </script>
  6417. <script type="04b641f9f9e21c1d80a647b9-text/javascript">
  6418.    $(document).ready(function () {
  6419. $( ".tw_top_search" ).submit(function(event) {
  6420. if($(".tw_top_search_input").val() == ""){
  6421. alert("Please Enter Search Keyword.");
  6422. event.preventDefault();
  6423. return false;
  6424. }
  6425. });
  6426.    });
  6427. </script>
  6428. <script type="04b641f9f9e21c1d80a647b9-text/javascript">
  6429. // var i=0;
  6430. // var intervalId = window.setInterval(function(){
  6431. //     const tawkbtn = $("iframe[title='chat widget']").parent().attr("id");
  6432. //     if(tawkbtn){
  6433. //         // document.getElementById(tawkbtn).style.setProperty('display', 'none', 'important');
  6434. //         if(i==0){
  6435. //             document.getElementById(tawkbtn).style.setProperty('display', 'none', 'important');
  6436. //             $(`#${tawkbtn}`).find('iframe')[0].attributes[5].nodeValue = $(`#${tawkbtn}`).find('iframe')[0].attributes[5].nodeValue + "; top: calc((76% - 24px) + 0px) !important";
  6437. //             document.getElementById(tawkbtn).style.setProperty('display', 'block', 'important');
  6438. //             i++;
  6439. //         }
  6440. //     }
  6441.    
  6442. // }, 300);
  6443.  
  6444. </script>
  6445. <script type="04b641f9f9e21c1d80a647b9-text/javascript">
  6446. $( document ).ready(function() {
  6447.    $("#search").on('keyup',() => $("#search").val($("#search").val().replace(/[^a-z0-9*-\s]/gi,'').replace(/[_\s]/g, ' ')))
  6448. });
  6449. $( document ).ready(function() {
  6450. $("#search").on("paste copy cut drag drop",()=>{setTimeout(function(){$("#search").val("")},0200)});
  6451. });
  6452. </script>
  6453.  
  6454. <script type="04b641f9f9e21c1d80a647b9-text/javascript">
  6455.    (function(h,o,t,j,a,r){
  6456.        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
  6457.        h._hjSettings={hjid:3830869,hjsv:6};
  6458.        a=o.getElementsByTagName('head')[0];
  6459.        r=o.createElement('script');r.async=1;
  6460.        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
  6461.        a.appendChild(r);
  6462.    })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
  6463. </script>
  6464. <script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="04b641f9f9e21c1d80a647b9-|49" defer></script><script>(function(){if (!document.body) return;var js = "window['__CF$cv$params']={r:'87724de9ed3d8232',t:'MTcxMzU4NjQzNC45MjMwMDA='};_cpo=document.createElement('script');_cpo.nonce='',_cpo.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js',document.getElementsByTagName('head')[0].appendChild(_cpo);";var _0xh = document.createElement('iframe');_0xh.height = 1;_0xh.width = 1;_0xh.style.position = 'absolute';_0xh.style.top = 0;_0xh.style.left = 0;_0xh.style.border = 'none';_0xh.style.visibility = 'hidden';document.body.appendChild(_0xh);function handler() {var _0xi = _0xh.contentDocument || _0xh.contentWindow.document;if (_0xi) {var _0xj = _0xi.createElement('script');_0xj.innerHTML = js;_0xi.getElementsByTagName('head')[0].appendChild(_0xj);}}if (document.readyState !== 'loading') {handler();} else if (window.addEventListener) {document.addEventListener('DOMContentLoaded', handler);} else {var prev = document.onreadystatechange || function () {};document.onreadystatechange = function (e) {prev(e);if (document.readyState !== 'loading') {document.onreadystatechange = prev;handler();}};}})();</script></body>
  6465. </html>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda