<picture class="avatar">
    <img src="assets/images/samples/avatar-channel-1.jpg" width="32" height="32" alt="ECCO">
</picture>

<picture class="avatar avatar-feature-circle">
    <img src="assets/images/samples/avatar-user-1.jpg" width="32" height="32" alt="Kalinka Nikiforova">
</picture>

<picture class="avatar">
    <img src="assets/images/samples/avatar-channel-1.jpg" width="32" height="32" alt="ECCO">
    <img src="assets/images/samples/avatar-channel-3.jpg" width="32" height="32" alt="ECCO Japan">
</picture>

<picture class="avatar">
    <img src="assets/images/samples/avatar-channel-1.jpg" width="32" height="32" alt="ECCO">
    <img src="assets/images/samples/avatar-channel-3.jpg" width="32" height="32" alt="ECCO Japan">
    <img src="assets/images/samples/avatar-channel-1.jpg" width="32" height="32" alt="ECCO Golf">
</picture>

<picture class="avatar">
    <img src="assets/images/samples/avatar-user-1.jpg" width="32" height="32" alt="Kalinka Nikiforova">
    <img src="assets/images/samples/avatar-user-2.jpg" width="32" height="32" alt="Jordan">
</picture>

<picture class="avatar">
    <img src="assets/images/samples/avatar-user-1.jpg" width="32" height="32" alt="Kalinka Nikiforova">
    <img src="assets/images/samples/avatar-user-2.jpg" width="32" height="32" alt="Jordan">
    <img src="assets/images/samples/avatar-user-3.jpg" width="32" height="32" alt="Anita Moore">
</picture>

<div class="avatar avatar-feature-circle avatar-size-small">
    <span class="text">12</span>
</div>

<picture class="avatar avatar-feature-circle avatar-size-nano">
    <img src="assets/images/samples/avatar-user-2.jpg" width="32" height="32" alt="Jordan">
</picture>

<picture class="avatar avatar-feature-circle avatar-size-small">
    <img src="assets/images/samples/avatar-user-1.jpg" width="32" height="32" alt="Kalinka Nikiforova">
</picture>

<picture class="avatar avatar-size-big">
    <img src="assets/images/samples/avatar-channel-1.jpg" width="32" height="32" alt="ECCO">
</picture>

<div class="avatar-group">
    <picture class="avatar avatar-feature-circle avatar-size-small">
        <img src="assets/images/samples/avatar-user-1.jpg" width="32" height="32" alt="Kalinka Nikiforova">
    </picture>
    <picture class="avatar avatar-feature-circle avatar-size-small">
        <img src="assets/images/samples/avatar-user-2.jpg" width="32" height="32" alt="Jordan">
    </picture>
    <picture class="avatar avatar-feature-circle avatar-size-small">
        <img src="assets/images/samples/avatar-user-3.jpg" width="32" height="32" alt="Anita Moore">
    </picture>
    <div class="avatar avatar-feature-circle avatar-size-small">
        <span class="text">99</span>
    </div>
</div>

<b class="badge"><span>5</span></b>

<b class="badge badge-face-dark"><span>1</span></b>

<b class="badge badge-face-alert"><span>1</span></b>

<b class="badge badge-themed"><span>99+</span></b>

<b class="badge badge-size-big"><span>17</span></b>

<a class="btn btn-default loading">
    <div class="loader loader-color-white loader-size-small loader-mode-stretched">
        <span>
            <i></i>
            <i></i>
            <i></i>
        </span>
    </div>
    Button text
</a>

<div class="textfield">
    <div class="textfield-area">
        <input class="textfield-input" type="text" placeholder="Type your text here" />
    </div>
</div>

<div class="textfield">
    <div class="textfield-area">
        <textarea class="textfield-input" placeholder="Type your text here"></textarea>
    </div>
</div>

<div class="textfield">
    <div class="textfield-area">
        <input class="textfield-input" type="text" placeholder="Type your text here" />
        <div class="textfield-addon">
            <span class="data">999</span>
        </div>
    </div>
</div>

<div class="textfield">
    <div class="textfield-area">
        <textarea class="textfield-input" placeholder="Type your text here"/></textarea>
        <div class="textfield-addon">
            <span class="data">999</span>
        </div>
    </div>
</div>

<div class="textfield">
    <div class="textfield-area">
        <input class="textfield-input" type="text" placeholder="Type your text here" />
        <div class="textfield-addon">
            <span class="asterisk">*</span>
        </div>
    </div>
</div>

<div class="textfield">
    <div class="textfield-area">
        <textarea class="textfield-input" placeholder="Type your text here"/></textarea>
        <div class="textfield-addon">
            <span class="asterisk">*</span>
        </div>
    </div>
</div>

<div class="textfield">
    <div class="textfield-area">
        <div class="textfield-addon">
            <span class="data">999</span>
        </div>
        <input class="textfield-input" type="text" placeholder="Type your text here" />
    </div>
</div>

<div class="textfield">
    <div class="textfield-area">
        <div class="textfield-addon">
            <span class="data">999</span>
        </div>
        <textarea class="textfield-input" placeholder="Type your text here"/></textarea>
    </div>
</div>

<div class="textfield">
    <div class="textfield-addon">
        <label>DKK</label>
    </div>
    <div class="textfield-area">
        <input class="textfield-input" type="text" placeholder="Type your text here" />
    </div>
</div>

<div class="textfield">
    <div class="textfield-addon">
        <a class="btn btn-default">
            <svg type="gl-18-trash"></svg>
        </a>
    </div>
    <div class="textfield-area">
        <input class="textfield-input" type="text" placeholder="Type your text here" />
    </div>
</div>

<div class="textfield">
    <div class="textfield-addon">
        <div class="dropdown">
            <button class="btn btn-default" data-toggle="dropdown"><span>Dropdown</span> <svg type="gl-18-caretb"></svg></button>

            <ul class="dropdown-box dropdown-menu">
                <li class="dropdown-item">
                    <a href="javascript:;">
                        <span class="text">Item</span>
                    </a>
                </li>
                <li class="dropdown-item">
                    <a href="javascript:;">
                        <span class="text">Another item</span>
                    </a>
                </li>
                <li class="dropdown-item">
                    <a href="javascript:;">
                        <span class="text">Something else</span>
                    </a>
                </li>
                <li class="dropdown-item">
                    <a href="javascript:;">
                        <span class="text">Last item</span>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="textfield-area">
        <textarea class="textfield-input" placeholder="Type your text here"/></textarea>
    </div>
</div>

<div class="textfield">
    <div class="textfield-addon">
        <div class="btn-group">
            <a class="btn btn-default">Button</a>
            <a class="btn btn-default">
                <svg type="gl-18-trash"></svg>
            </a>
        </div>
    </div>
    <div class="textfield-area">
        <input class="textfield-input" type="text" placeholder="Type your text here" />
    </div>
</div>

<div class="textfield">
    <div class="textfield-area">
        <input class="textfield-input" type="text" placeholder="Type your text here" />
    </div>
    <div class="textfield-addon">
        <label>DKK</label>
    </div>
</div>

<div class="textfield">
    <div class="textfield-area">
        <input class="textfield-input" type="text" placeholder="Type your text here" />
    </div>
    <div class="textfield-addon">
        <a class="btn btn-default">
            <svg type="gl-18-trash"></svg>
        </a>
    </div>
</div>

<div class="textfield">
    <div class="textfield-area">
        <textarea class="textfield-input" placeholder="Type your text here"/></textarea>
    </div>
    <div class="textfield-addon">
        <div class="dropdown">
            <button class="btn btn-default" data-toggle="dropdown"><span>Dropdown</span> <svg type="gl-18-caretb"></svg></button>

            <ul class="dropdown-box dropdown-menu">
                <li class="dropdown-item">
                    <a href="javascript:;">
                        <span class="text">Item</span>
                    </a>
                </li>
                <li class="dropdown-item">
                    <a href="javascript:;">
                        <span class="text">Another item</span>
                    </a>
                </li>
                <li class="dropdown-item">
                    <a href="javascript:;">
                        <span class="text">Something else</span>
                    </a>
                </li>
                <li class="dropdown-item">
                    <a href="javascript:;">
                        <span class="text">Last item</span>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>

<div class="textfield">
    <div class="textfield-area">
        <input class="textfield-input" type="text" placeholder="Type your text here" />
    </div>
    <div class="textfield-addon">
        <div class="btn-group">
            <a class="btn btn-default">Button</a>
            <a class="btn btn-default">
                <svg type="gl-18-trash"></svg>
            </a>
        </div>
    </div>
</div>

<div class="textfield">
    <div class="textfield-addon">
        <a class="btn btn-default">
            <svg type="gl-18-trash"></svg>
        </a>
    </div>
    <div class="textfield-area">
        <div class="textfield-addon">
            <span class="data">999</span>
        </div>
        <input class="textfield-input" type="text" placeholder="Type your text here" />
    </div>
</div>

<div class="textfield">
    <div class="textfield-area">
        <textarea class="textfield-input" placeholder="Type your text here"/></textarea>
        <div class="textfield-addon">
            <span class="data">999</span>
        </div>
    </div>
    <div class="textfield-addon">
        <a class="btn btn-primary">Primary button</a>
    </div>
</div>

<div class="textfield">
    <div class="textfield-addon">
        <div class="dropdown">
            <button class="btn btn-default" data-toggle="dropdown"><span>Dropdown</span> <svg type="gl-18-caretb"></svg></button>

            <ul class="dropdown-box dropdown-menu">
                <li class="dropdown-item">
                    <a href="javascript:;">
                        <span class="text">Item</span>
                    </a>
                </li>
                <li class="dropdown-item">
                    <a href="javascript:;">
                        <span class="text">Another item</span>
                    </a>
                </li>
                <li class="dropdown-item">
                    <a href="javascript:;">
                        <span class="text">Something else</span>
                    </a>
                </li>
                <li class="dropdown-item">
                    <a href="javascript:;">
                        <span class="text">Last item</span>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="textfield-area">
        <input class="textfield-input" type="text" placeholder="Type your text here" />
        <div class="textfield-addon">
            <span class="data">999</span>
        </div>
    </div>
</div>

<div class="textfield">
    <div class="textfield-area">
        <div class="textfield-addon">
            <span class="data">999</span>
        </div>
        <textarea class="textfield-input" placeholder="Type your text here"/></textarea>
    </div>
    <div class="textfield-addon">
        <div class="btn-group">
            <a class="btn btn-default">Button</a>
            <a class="btn btn-default">
                <svg type="gl-18-trash"></svg>
            </a>
        </div>
    </div>
</div>

<div class="textfield">
    <div class="textfield-addon">
        <div class="thumb thumb-size-166">
            <div class="holder"></div>

            <div class="addon-m">
                <a class="btn btn-default"><svg type="gl-18-camera"></svg></a>
            </div>
        </div>
    </div>

    <div class="group">
        <div class="textfield-area">
            <input class="textfield-input" type="text" placeholder="Post title">
            <div class="textfield-addon">
                <span class="data">999</span>
            </div>
        </div>
        <div class="textfield-area">
            <textarea class="textfield-input" placeholder="Type your text here"></textarea>
            <div class="textfield-addon">
                <span class="data">999</span>
            </div>
        </div>
        <div class="textfield-area">
            <input class="textfield-input" type="text" placeholder="URL that you want people to visit">
            <div class="textfield-addon">
                <span class="data">999</span>
            </div>
        </div>
    </div>
    <div class="textfield-addon">
        <a class="btn btn-default">
            <svg type="gl-18-trash"></svg>
        </a>
    </div>
</div>

<div class="textfield disabled">
    <div class="textfield-area">
        <input class="textfield-input" type="text" placeholder="Type your text here" disabled />
        <div class="textfield-addon">
            <span class="data">999</span>
        </div>
    </div>
    <div class="textfield-addon">
        <label>DKK</label>
    </div>
</div>

<div class="textfield disabled">
    <div class="textfield-area">
        <textarea class="textfield-input" placeholder="Type your text here" disabled></textarea>
        <div class="textfield-addon">
            <span class="data">999</span>
        </div>
    </div>
    <div class="textfield-addon">
        <a class="btn btn-default disabled">
            <svg type="gl-18-trash"></svg>
        </a>
    </div>
</div>

<div class="textfield error">
    <div class="textfield-area">
        <input class="textfield-input" type="text" placeholder="Type your text here"/>
        <div class="textfield-addon">
            <svg type="gl-18-info"></svg>
        </div>
    </div>
</div>

<div class="nfo">
    <p>And this could be an error message. Please, select at least one channel or folder. Max. 150 channels, or folders.</p>
</div>

<div class="textfield error">
    <div class="textfield-area">
        <textarea class="textfield-input" placeholder="Type your text here"></textarea>
        <div class="textfield-addon">
            <span class="data">999</span>
        </div>
    </div>
</div>

<div class="textfield warning">
    <div class="textfield-area">
        <input class="textfield-input" type="text" placeholder="Type your text here" />
        <div class="textfield-addon">
            <svg type="gl-18-info"></svg>
        </div>
    </div>
</div>

<div class="textfield warning">
    <div class="textfield-area">
        <textarea class="textfield-input" placeholder="Type your text here"></textarea>
        <div class="textfield-addon">
            <span class="data">999</span>
        </div>
    </div>
</div>

<div class="textfield success">
    <div class="textfield-area">
        <input class="textfield-input" type="text" placeholder="Type your text here" />
        <div class="textfield-addon">
            <svg type="gl-18-info"></svg>
        </div>
    </div>
</div>

<div class="textfield success">
    <div class="textfield-area">
        <textarea class="textfield-input" placeholder="Type your text here"></textarea>
        <div class="textfield-addon">
            <span class="data">999</span>
        </div>
    </div>
</div>

<div class="textfield textfield-sm">
    <div class="textfield-area">
        <input class="textfield-input" type="text" placeholder="Type your text here" />
    </div>
</div>

<div class="textfield textfield-sm">
    <div class="textfield-area">
        <input class="textfield-input" type="text" placeholder="Type your text here" />
        <div class="textfield-addon">
            <span class="data">999</span>
        </div>
    </div>
    <div class="textfield-addon">
        <a class="btn btn-default btn-sm">
            <svg type="gl-16-trash"></svg>
        </a>
    </div>
</div>

<div class="chk-block">
    <div class="chk chk-btn">
        <input id="radio-example-1a" type="radio" name="radio-example-1">
        <label for="radio-example-1a"><span>First choice</span></label>
    </div>
    <div class="chk chk-btn">
        <input id="radio-example-1b" type="radio" name="radio-example-1">
        <label for="radio-example-1b"><span>Second choice</span></label>
    </div>
    <div class="chk chk-btn">
        <input id="radio-example-1c" type="radio" name="radio-example-1">
        <label for="radio-example-1c"><span>Thrid choice</span></label>
    </div>
    <div class="chk chk-btn">
        <input id="radio-example-1d" type="radio" name="radio-example-1">
        <label for="radio-example-1d"><span>Fourth choice</span></label>
    </div>
    <div class="chk chk-btn">
        <input id="radio-example-1e" type="radio" name="radio-example-1">
        <label for="radio-example-1e"><span>Fifth choice</span></label>
    </div>
</div>

<div class="chk-block">
    <div class="chk chk-btn chk-r">
        <input id="radio-example-2a" type="radio" name="radio-example-2">
        <label for="radio-example-2a"><span>First choice</span></label>
    </div>
    <div class="chk chk-btn chk-r">
        <input id="radio-example-2b" type="radio" name="radio-example-2">
        <label for="radio-example-2b"><span>Second choice</span></label>
    </div>
    <div class="chk chk-btn chk-r">
        <input id="radio-example-2c" type="radio" name="radio-example-2">
        <label for="radio-example-2c"><span>Thrid choice</span></label>
    </div>
    <div class="chk chk-btn chk-r">
        <input id="radio-example-2d" type="radio" name="radio-example-2">
        <label for="radio-example-2d"><span>Fourth choice</span></label>
    </div>
    <div class="chk chk-btn chk-r">
        <input id="radio-example-2e" type="radio" name="radio-example-2">
        <label for="radio-example-2e"><span>Fifth choice</span></label>
    </div>
</div>

<div class="chk-block-inline">
    <div class="chk chk-btn">
        <input id="radio-example-3a" type="radio" name="radio-example-3">
        <label for="radio-example-3a"><span>First choice</span></label>
    </div>
    <div class="chk chk-btn">
        <input id="radio-example-3b" type="radio" name="radio-example-3">
        <label for="radio-example-3b"><span>Second choice</span></label>
    </div>
    <div class="chk chk-btn">
        <input id="radio-example-3c" type="radio" name="radio-example-3">
        <label for="radio-example-3c"><span>Thrid choice</span></label>
    </div>
</div>

<div class="mcol">
    <div class="mcol-2">
        <div class="chk-block">
            <div class="chk chk-btn">
                <input id="radio-columns-example-1a" type="radio" name="radio-columns-example-1">
                <label for="radio-columns-example-1a"><span>One</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-1b" type="radio" name="radio-columns-example-1">
                <label for="radio-columns-example-1b"><span>Two</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-1c" type="radio" name="radio-columns-example-1">
                <label for="radio-columns-example-1c"><span>Three</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-1d" type="radio" name="radio-columns-example-1">
                <label for="radio-columns-example-1d"><span>Four</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-1e" type="radio" name="radio-columns-example-1">
                <label for="radio-columns-example-1e"><span>Five</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-1f" type="radio" name="radio-columns-example-1">
                <label for="radio-columns-example-1f"><span>Six</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-1g" type="radio" name="radio-columns-example-1">
                <label for="radio-columns-example-1g"><span>Seven</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-1h" type="radio" name="radio-columns-example-1">
                <label for="radio-columns-example-1h"><span>Eight</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-1i" type="radio" name="radio-columns-example-1">
                <label for="radio-columns-example-1i"><span>Nine</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-1j" type="radio" name="radio-columns-example-1">
                <label for="radio-columns-example-1j"><span>Ten</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-1k" type="radio" name="radio-columns-example-1">
                <label for="radio-columns-example-1k"><span>Eleven</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-1l" type="radio" name="radio-columns-example-1">
                <label for="radio-columns-example-1l"><span>Twelve</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-1m" type="radio" name="radio-columns-example-1">
                <label for="radio-columns-example-1m"><span>Thirteen</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-1n" type="radio" name="radio-columns-example-1">
                <label for="radio-columns-example-1n"><span>Fourteen</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-1o" type="radio" name="radio-columns-example-1">
                <label for="radio-columns-example-1o"><span>Fifteen</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-1p" type="radio" name="radio-columns-example-1">
                <label for="radio-columns-example-1p"><span>Sixteen</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-1q" type="radio" name="radio-columns-example-1">
                <label for="radio-columns-example-1q"><span>Seventeen</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-1r" type="radio" name="radio-columns-example-1">
                <label for="radio-columns-example-1r"><span>Eighteen</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-1s" type="radio" name="radio-columns-example-1">
                <label for="radio-columns-example-1s"><span>Nineteen</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-1t" type="radio" name="radio-columns-example-1">
                <label for="radio-columns-example-1t"><span>Twenty</span></label>
            </div>
        </div>
    </div>
</div>

<div class="mcol">
    <div class="mcol-3">
        <div class="chk-block">
            <div class="chk chk-btn">
                <input id="radio-columns-example-2a" type="radio" name="radio-columns-example-2">
                <label for="radio-columns-example-2a"><span>One</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-2b" type="radio" name="radio-columns-example-2">
                <label for="radio-columns-example-2b"><span>Two</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-2c" type="radio" name="radio-columns-example-2">
                <label for="radio-columns-example-2c"><span>Three</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-2d" type="radio" name="radio-columns-example-2">
                <label for="radio-columns-example-2d"><span>Four</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-2e" type="radio" name="radio-columns-example-2">
                <label for="radio-columns-example-2e"><span>Five</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-2f" type="radio" name="radio-columns-example-2">
                <label for="radio-columns-example-2f"><span>Six</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-2g" type="radio" name="radio-columns-example-2">
                <label for="radio-columns-example-2g"><span>Seven</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-2h" type="radio" name="radio-columns-example-2">
                <label for="radio-columns-example-2h"><span>Eight</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-2i" type="radio" name="radio-columns-example-2">
                <label for="radio-columns-example-2i"><span>Nine</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-2j" type="radio" name="radio-columns-example-2">
                <label for="radio-columns-example-2j"><span>Ten</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-2k" type="radio" name="radio-columns-example-2">
                <label for="radio-columns-example-2k"><span>Eleven</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-2l" type="radio" name="radio-columns-example-2">
                <label for="radio-columns-example-2l"><span>Twelve</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-2m" type="radio" name="radio-columns-example-2">
                <label for="radio-columns-example-2m"><span>Thirteen</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-2n" type="radio" name="radio-columns-example-2">
                <label for="radio-columns-example-2n"><span>Fourteen</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-2o" type="radio" name="radio-columns-example-2">
                <label for="radio-columns-example-2o"><span>Fifteen</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-2p" type="radio" name="radio-columns-example-2">
                <label for="radio-columns-example-2p"><span>Sixteen</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-2q" type="radio" name="radio-columns-example-2">
                <label for="radio-columns-example-2q"><span>Seventeen</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-2r" type="radio" name="radio-columns-example-2">
                <label for="radio-columns-example-2r"><span>Eighteen</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-2s" type="radio" name="radio-columns-example-2">
                <label for="radio-columns-example-2s"><span>Nineteen</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-2t" type="radio" name="radio-columns-example-2">
                <label for="radio-columns-example-2t"><span>Twenty</span></label>
            </div>
        </div>
    </div>
</div>

<div class="mcol">
    <div class="mcol-4">
        <div class="chk-block">
            <div class="chk chk-btn">
                <input id="radio-columns-example-3a" type="radio" name="radio-columns-example-3">
                <label for="radio-columns-example-3a"><span>One</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-3b" type="radio" name="radio-columns-example-3">
                <label for="radio-columns-example-3b"><span>Two</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-3c" type="radio" name="radio-columns-example-3">
                <label for="radio-columns-example-3c"><span>Three</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-3d" type="radio" name="radio-columns-example-3">
                <label for="radio-columns-example-3d"><span>Four</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-3e" type="radio" name="radio-columns-example-3">
                <label for="radio-columns-example-3e"><span>Five</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-3f" type="radio" name="radio-columns-example-3">
                <label for="radio-columns-example-3f"><span>Six</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-3g" type="radio" name="radio-columns-example-3">
                <label for="radio-columns-example-3g"><span>Seven</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-3h" type="radio" name="radio-columns-example-3">
                <label for="radio-columns-example-3h"><span>Eight</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-3i" type="radio" name="radio-columns-example-3">
                <label for="radio-columns-example-3i"><span>Nine</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-3j" type="radio" name="radio-columns-example-3">
                <label for="radio-columns-example-3j"><span>Ten</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-3k" type="radio" name="radio-columns-example-3">
                <label for="radio-columns-example-3k"><span>Eleven</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-3l" type="radio" name="radio-columns-example-3">
                <label for="radio-columns-example-3l"><span>Twelve</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-3m" type="radio" name="radio-columns-example-3">
                <label for="radio-columns-example-3m"><span>Thirteen</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-3n" type="radio" name="radio-columns-example-3">
                <label for="radio-columns-example-3n"><span>Fourteen</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-3o" type="radio" name="radio-columns-example-3">
                <label for="radio-columns-example-3o"><span>Fifteen</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-3p" type="radio" name="radio-columns-example-3">
                <label for="radio-columns-example-3p"><span>Sixteen</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-3q" type="radio" name="radio-columns-example-3">
                <label for="radio-columns-example-3q"><span>Seventeen</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-3r" type="radio" name="radio-columns-example-3">
                <label for="radio-columns-example-3r"><span>Eighteen</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-3s" type="radio" name="radio-columns-example-3">
                <label for="radio-columns-example-3s"><span>Nineteen</span></label>
            </div>
            <div class="chk chk-btn">
                <input id="radio-columns-example-3t" type="radio" name="radio-columns-example-3">
                <label for="radio-columns-example-3t"><span>Twenty</span></label>
            </div>
        </div>
    </div>
</div>

<div class="chk-block-inline">
    <div class="chk chk-btn">
        <input id="radio-example-4a" type="radio" name="radio-example-4" disabled="disabled">
        <label for="radio-example-4a"><span>Unchecked choice</span></label>
    </div>
    <div class="chk chk-btn">
        <input id="radio-example-4b" type="radio" name="radio-example-4" checked="checked" disabled="disabled">
        <label for="radio-example-4b"><span>Checked choice</span></label>
    </div>
</div>

<div class="chk-block error">
    <div class="chk chk-btn">
        <input id="radio-example-5a" type="radio" name="radio-example-5">
        <label for="radio-example-5a"><span>First choice</span></label>
    </div>
    <div class="chk chk-btn">
        <input id="radio-example-5b" type="radio" name="radio-example-5">
        <label for="radio-example-5b"><span>Second choice</span></label>
    </div>
    <div class="chk chk-btn">
        <input id="radio-example-5c" type="radio" name="radio-example-5">
        <label for="radio-example-5c"><span>Third choice</span></label>
    </div>
</div>

<div class="chk chk-box">
    <input id="checkbox-example-5" type="checkbox">
    <label for="checkbox-example-5"></label>
</div>

<div class="chk chk-box">
    <input id="checkbox-example-1" type="checkbox">
    <label for="checkbox-example-1"><span>I have read Terms & Conditions and confirm that I agree and acept them.</span></label>
</div>

<div class="chk chk-box chk-box-bundle">
    <input id="checkbox-example-half" type="checkbox" name="checkbox-example-half">
    <label for="checkbox-example-half"><span>Bundle input</span></label>
</div>

<div class="chk chk-box chk-double">
    <input id="checkbox-double-example" type="checkbox">
    <label for="checkbox-double-example"></label>
</div>

<div class="chk-block">
    <div class="chk chk-box">
        <input id="checkbox-example-2a" type="checkbox" name="checkbox-example-2">
        <label for="checkbox-example-2a"><span>First choice</span></label>
    </div>
    <div class="chk chk-box">
        <input id="checkbox-example-2b" type="checkbox" name="checkbox-example-2">
        <label for="checkbox-example-2b"><span>Second choice</span></label>
    </div>
    <div class="chk chk-box">
        <input id="checkbox-example-2c" type="checkbox" name="checkbox-example-2">
        <label for="checkbox-example-2c"><span>Third choice</span></label>
    </div>
    <div class="chk chk-box">
        <input id="checkbox-example-2d" type="checkbox" name="checkbox-example-2">
        <label for="checkbox-example-2d"><span>Fourth choice</span></label>
    </div>
    <div class="chk chk-box">
        <input id="checkbox-example-2e" type="checkbox" name="checkbox-example-2">
        <label for="checkbox-example-2e"><span>Fifth choice</span></label>
    </div>
</div>

<div class="chk-block">
    <div class="chk chk-box chk-r">
        <input id="checkbox-example-3a" type="checkbox" name="checkbox-example-3">
        <label for="checkbox-example-3a"><span>First choice</span></label>
    </div>
    <div class="chk chk-box chk-r">
        <input id="checkbox-example-3b" type="checkbox" name="checkbox-example-3">
        <label for="checkbox-example-3b"><span>Second choice</span></label>
    </div>
    <div class="chk chk-box chk-r">
        <input id="checkbox-example-3c" type="checkbox" name="checkbox-example-3">
        <label for="checkbox-example-3c"><span>Third choice</span></label>
    </div>
    <div class="chk chk-box chk-r">
        <input id="checkbox-example-3d" type="checkbox" name="checkbox-example-3">
        <label for="checkbox-example-3d"><span>Fourth choice</span></label>
    </div>
    <div class="chk chk-box chk-r">
        <input id="checkbox-example-3e" type="checkbox" name="checkbox-example-3">
        <label for="checkbox-example-3e"><span>Fifth choice</span></label>
    </div>
</div>

<div class="chk-block-inline">
    <div class="chk chk-box">
        <input id="checkbox-example-4a" type="checkbox" name="checkbox-example-4">
        <label for="checkbox-example-4a"><span>First choice</span></label>
    </div>
    <div class="chk chk-box">
        <input id="checkbox-example-4b" type="checkbox" name="checkbox-example-4">
        <label for="checkbox-example-4b"><span>Second choice</span></label>
    </div>
    <div class="chk chk-box">
        <input id="checkbox-example-4c" type="checkbox" name="checkbox-example-4">
        <label for="checkbox-example-4c"><span>Third choice</span></label>
    </div>
</div>

<div class="mcol">
    <div class="mcol-2">
        <div class="chk-block">
            <div class="chk chk-box">
                <input id="checkbox-columns-example-1a" type="checkbox" name="checkbox-columns-example-1">
                <label for="checkbox-columns-example-1a"><span>One</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-1b" type="checkbox" name="checkbox-columns-example-1">
                <label for="checkbox-columns-example-1b"><span>Two</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-1c" type="checkbox" name="checkbox-columns-example-1">
                <label for="checkbox-columns-example-1c"><span>Three</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-1d" type="checkbox" name="checkbox-columns-example-1">
                <label for="checkbox-columns-example-1d"><span>Four</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-1e" type="checkbox" name="checkbox-columns-example-1">
                <label for="checkbox-columns-example-1e"><span>Five</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-1f" type="checkbox" name="checkbox-columns-example-1">
                <label for="checkbox-columns-example-1f"><span>Six</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-1g" type="checkbox" name="checkbox-columns-example-1">
                <label for="checkbox-columns-example-1g"><span>Seven</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-1h" type="checkbox" name="checkbox-columns-example-1">
                <label for="checkbox-columns-example-1h"><span>Eight</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-1i" type="checkbox" name="checkbox-columns-example-1">
                <label for="checkbox-columns-example-1i"><span>Nine</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-1j" type="checkbox" name="checkbox-columns-example-1">
                <label for="checkbox-columns-example-1j"><span>Ten</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-1k" type="checkbox" name="checkbox-columns-example-1">
                <label for="checkbox-columns-example-1k"><span>Eleven</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-1l" type="checkbox" name="checkbox-columns-example-1">
                <label for="checkbox-columns-example-1l"><span>Twelve</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-1m" type="checkbox" name="checkbox-columns-example-1">
                <label for="checkbox-columns-example-1m"><span>Thirteen</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-1n" type="checkbox" name="checkbox-columns-example-1">
                <label for="checkbox-columns-example-1n"><span>Fourteen</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-1o" type="checkbox" name="checkbox-columns-example-1">
                <label for="checkbox-columns-example-1o"><span>Fifteen</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-1p" type="checkbox" name="checkbox-columns-example-1">
                <label for="checkbox-columns-example-1p"><span>Sixteen</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-1q" type="checkbox" name="checkbox-columns-example-1">
                <label for="checkbox-columns-example-1q"><span>Seventeen</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-1r" type="checkbox" name="checkbox-columns-example-1">
                <label for="checkbox-columns-example-1r"><span>Eighteen</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-1s" type="checkbox" name="checkbox-columns-example-1">
                <label for="checkbox-columns-example-1s"><span>Nineteen</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-1t" type="checkbox" name="checkbox-columns-example-1">
                <label for="checkbox-columns-example-1t"><span>Twenty</span></label>
            </div>
        </div>
    </div>
</div>

<div class="mcol">
    <div class="mcol-3">
        <div class="chk-block">
            <div class="chk chk-box">
                <input id="checkbox-columns-example-2a" type="checkbox" name="checkbox-columns-example-2">
                <label for="checkbox-columns-example-2a"><span>One</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-2b" type="checkbox" name="checkbox-columns-example-2">
                <label for="checkbox-columns-example-2b"><span>Two</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-2c" type="checkbox" name="checkbox-columns-example-2">
                <label for="checkbox-columns-example-2c"><span>Three</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-2d" type="checkbox" name="checkbox-columns-example-2">
                <label for="checkbox-columns-example-2d"><span>Four</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-2e" type="checkbox" name="checkbox-columns-example-2">
                <label for="checkbox-columns-example-2e"><span>Five</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-2f" type="checkbox" name="checkbox-columns-example-2">
                <label for="checkbox-columns-example-2f"><span>Six</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-2g" type="checkbox" name="checkbox-columns-example-2">
                <label for="checkbox-columns-example-2g"><span>Seven</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-2h" type="checkbox" name="checkbox-columns-example-2">
                <label for="checkbox-columns-example-2h"><span>Eight</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-2i" type="checkbox" name="checkbox-columns-example-2">
                <label for="checkbox-columns-example-2i"><span>Nine</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-2j" type="checkbox" name="checkbox-columns-example-2">
                <label for="checkbox-columns-example-2j"><span>Ten</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-2k" type="checkbox" name="checkbox-columns-example-2">
                <label for="checkbox-columns-example-2k"><span>Eleven</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-2l" type="checkbox" name="checkbox-columns-example-2">
                <label for="checkbox-columns-example-2l"><span>Twelve</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-2m" type="checkbox" name="checkbox-columns-example-2">
                <label for="checkbox-columns-example-2m"><span>Thirteen</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-2n" type="checkbox" name="checkbox-columns-example-2">
                <label for="checkbox-columns-example-2n"><span>Fourteen</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-2o" type="checkbox" name="checkbox-columns-example-2">
                <label for="checkbox-columns-example-2o"><span>Fifteen</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-2p" type="checkbox" name="checkbox-columns-example-2">
                <label for="checkbox-columns-example-2p"><span>Sixteen</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-2q" type="checkbox" name="checkbox-columns-example-2">
                <label for="checkbox-columns-example-2q"><span>Seventeen</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-2r" type="checkbox" name="checkbox-columns-example-2">
                <label for="checkbox-columns-example-2r"><span>Eighteen</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-2s" type="checkbox" name="checkbox-columns-example-2">
                <label for="checkbox-columns-example-2s"><span>Nineteen</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-2t" type="checkbox" name="checkbox-columns-example-2">
                <label for="checkbox-columns-example-2t"><span>Twenty</span></label>
            </div>
        </div>
    </div>
</div>

<div class="mcol">
    <div class="mcol-4">
        <div class="chk-block">
            <div class="chk chk-box">
                <input id="checkbox-columns-example-3a" type="checkbox" name="checkbox-columns-example-3">
                <label for="checkbox-columns-example-3a"><span>One</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-3b" type="checkbox" name="checkbox-columns-example-3">
                <label for="checkbox-columns-example-3b"><span>Two</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-3c" type="checkbox" name="checkbox-columns-example-3">
                <label for="checkbox-columns-example-3c"><span>Three</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-3d" type="checkbox" name="checkbox-columns-example-3">
                <label for="checkbox-columns-example-3d"><span>Four</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-3e" type="checkbox" name="checkbox-columns-example-3">
                <label for="checkbox-columns-example-3e"><span>Five</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-3f" type="checkbox" name="checkbox-columns-example-3">
                <label for="checkbox-columns-example-3f"><span>Six</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-3g" type="checkbox" name="checkbox-columns-example-3">
                <label for="checkbox-columns-example-3g"><span>Seven</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-3h" type="checkbox" name="checkbox-columns-example-3">
                <label for="checkbox-columns-example-3h"><span>Eight</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-3i" type="checkbox" name="checkbox-columns-example-3">
                <label for="checkbox-columns-example-3i"><span>Nine</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-3j" type="checkbox" name="checkbox-columns-example-3">
                <label for="checkbox-columns-example-3j"><span>Ten</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-3k" type="checkbox" name="checkbox-columns-example-3">
                <label for="checkbox-columns-example-3k"><span>Eleven</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-3l" type="checkbox" name="checkbox-columns-example-3">
                <label for="checkbox-columns-example-3l"><span>Twelve</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-3m" type="checkbox" name="checkbox-columns-example-3">
                <label for="checkbox-columns-example-3m"><span>Thirteen</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-3n" type="checkbox" name="checkbox-columns-example-3">
                <label for="checkbox-columns-example-3n"><span>Fourteen</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-3o" type="checkbox" name="checkbox-columns-example-3">
                <label for="checkbox-columns-example-3o"><span>Fifteen</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-3p" type="checkbox" name="checkbox-columns-example-3">
                <label for="checkbox-columns-example-3p"><span>Sixteen</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-3q" type="checkbox" name="checkbox-columns-example-3">
                <label for="checkbox-columns-example-3q"><span>Seventeen</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-3r" type="checkbox" name="checkbox-columns-example-3">
                <label for="checkbox-columns-example-3r"><span>Eighteen</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-3s" type="checkbox" name="checkbox-columns-example-3">
                <label for="checkbox-columns-example-3s"><span>Nineteen</span></label>
            </div>
            <div class="chk chk-box">
                <input id="checkbox-columns-example-3t" type="checkbox" name="checkbox-columns-example-3">
                <label for="checkbox-columns-example-3t"><span>Twenty</span></label>
            </div>
        </div>
    </div>
</div>

<div class="chk-block-inline">
    <div class="chk chk-box">
        <input id="checkbox-example-6a" type="checkbox" name="checkbox-example-6" disabled="disabled">
        <label for="checkbox-example-6a"><span>Unchecked choice</span></label>
    </div>
    <div class="chk chk-box">
        <input id="checkbox-example-6b" type="checkbox" name="checkbox-example-6" checked="checked" disabled="disabled">
        <label for="checkbox-example-6b"><span>Checked choice</span></label>
    </div>
</div>

<div class="chk chk-box error">
    <input id="checkbox-example-7" type="checkbox">
    <label for="checkbox-example-7"><span>Error checkbox</span></label>
</div>

<div class="chk-block error">
    <div class="chk chk-box">
        <input id="checkbox-example-8a" type="checkbox" name="checkbox-example-8">
        <label for="checkbox-example-8a"><span>First choice</span></label>
    </div>
    <div class="chk chk-box">
        <input id="checkbox-example-8b" type="checkbox" name="checkbox-example-8">
        <label for="checkbox-example-8b"><span>Second choice</span></label>
    </div>
    <div class="chk chk-box">
        <input id="checkbox-example-8c" type="checkbox" name="checkbox-example-8">
        <label for="checkbox-example-8c"><span>Third choice</span></label>
    </div>
</div>

<div class="range">
    <div>1%</div>
    <div class="range-area">
        <input type="range">
    </div>
    <div>100%</div>
</div>

<a class="link icon-link">
    <svg type="gl-16-caretr"></svg> Link with prefix icon
</a>

<a class="link icon-link">
    Link with suffix icon <svg type="gl-16-caretr"></svg>
</a>

<div class="loader">
    <span>
        <i></i>
        <i></i>
        <i></i>
    </span>
</div>

<div class="loader loader-size-small">
    <span>
        <i></i>
        <i></i>
        <i></i>
    </span>
</div>

<div class="loader loader-size-dots">
    <span>
        <i></i>
        <i></i>
        <i></i>
    </span>
</div>

<div class="loader">
    <span>
        <i></i>
        <i></i>
        <i></i>
    </span>
</div>

<!-- This container is just for the example needs -->
<div style="background-color: #ccc; padding: 10px; margin: -10px">
<!-- / -->

    <div class="loader loader-color-white">
        <span>
            <i></i>
            <i></i>
            <i></i>
        </span>
    </div>

</div>