What is Christianity Wiki

Jump to: navigation, search

Difference between revisions of "Page 2"

 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
 +
<form action="http://www.gnpcb.org/esv/search/" id="esvsearchform" method="get">
 +
<p>
 +
<label for="esvinput">Search the ESV Bible</label>
 +
<input type="text" name="q" id="esvinput" size="20" maxlength="255" />
 +
<input type="submit" name="go" id="esvsearchbutton" value="Search" />
 +
<br />
 +
<small>(e.g., <em>John 1</em> or <em>God's love</em>)</small>
 +
</p>
 +
</form>
 +
<div class="container">
 +
        <nav class="top-nav">
 +
          <a class="logo left" href="/"></a>
  
<div class="layer-underlay light-bg" style="z-index: 1999;"></div>
+
          <ul class="right">
<div class="layer-underlay light-bg" style="z-index: 1999;"></div>
+
              
<body class="yay-hide scrolled layer-fix-scroll underlay-on" data-swiftype-index="false" style="padding-right: 17px;">
+
             <li class="search-form">
    <!-- Google Tag Manager -->
+
              <form class="right basic-search" action="/search/" method="GET">
    <noscript>
+
                 <input class="search" type="text" name="q" value="">
        <iframe src="//www.googletagmanager.com/ns.html?id=GTM-56VN4X"
+
              </form>
                height="0" width="0" style="display: none; visibility: hidden"></iframe>
+
             </li>
    </noscript>
+
              
    <!-- Google Tag Manager -->
+
             <li class="personal-button">
    <input id="hIsProduction" type="hidden" value="0">
+
              <a href="#" id="personal-button" class="personal-icon icon"></a>
    <input id="hOfficeId" type="hidden" value="US">
+
            </li>
    <nav class="navbar-top" style="padding-right: 17px;">
+
          </ul>
        <div class="nav-wrapper">
+
        </nav>
             <!-- Sidebar toggle -->
+
             <span class="yay-toggle hide-on-large-only">
+
                <i class="burg1"></i>
+
                <i class="burg2"></i>
+
                <i class="burg3"></i>
+
            </span>
+
            <!-- Sidebar toggle -->
+
            <!-- Logo -->
+
            <div class="logo-and-slogan">
+
                <dl>
+
                    <dt>
+
                        <a href="/">
+
<svg id="Grace_to_You_Logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 548 277.87">
+
    <title>Grace-to-You</title>
+
    <path d="M382.44,320.36c3-3.86,6.17-7.86,10.2-10.82a8.58,8.58,0,0,1,1-.56c1.46-.79,3.91-2.09,3.45-5.12a1.33,1.33,0,0,0-1-1.11,5.44,5.44,0,0,0-1.8-.28c-2.81,0-5.26,1.84-7.2,3.33l-.5.37c-5.93,4.4-11.31,9.82-16.55,15.09-.91.93-1.82,1.85-2.7,2.76-7,7-13.56,14.46-19.86,21.69-12.2,14-24.85,28.48-41.18,39.6-5.85,4-10.91,6.15-14.27,6.15-2,0-4.63-.61-5.21-5.86-1-8.93,4.78-17.85,8.59-23.75l.87-1.36c4.76-7.48,10.16-13.53,15.73-19.6,6.68-7.26,13.22-13.74,20.17-20.63,2-2,4.1-4.09,6.27-6.24,3.23-3.25,7.62-7.67,6.1-12.88-.66-2.16-2.46-4.74-7.49-4.74s-11.5,2.72-14,3.87c-10.05,4.69-19,10.68-28,16.91-1.76,1.21-3.53,2.49-5.39,3.86a134.79,134.79,0,0,1-12.25,8.28c-6.33,3.65-11.91,5.43-17,5.43A20.05,20.05,0,0,1,255,334a12.41,12.41,0,0,1-9.34-12.46c.06-11.11,10.22-18.9,18.89-22.2a33.4,33.4,0,0,1,11.8-2,39.26,39.26,0,0,1,14.35,2.72c.83.34,1.66.77,2.45,1.17a16.27,16.27,0,0,0,5.27,1.93h.15a1.4,1.4,0,0,0,1-.39,1.31,1.31,0,0,0,.41-1.1c-.19-3-3.39-4.5-5.5-5.5l-.57-.25a55.4,55.4,0,0,0-23-5.1c-1.23,0-2.46.05-3.68.14a34.56,34.56,0,0,0-21.08,8.88c-5.56,5.19-9.29,13-9.53,19.88a17.9,17.9,0,0,0,4.88,13.14c3.9,4.15,10.09,6.9,16.54,7.34.84.06,1.65.08,2.45.08,9.23,0,16.48-3.56,21.12-6.25A133,133,0,0,0,293,326.3c1.87-1.36,3.77-2.75,5.67-4.06l2.59-1.79c7.72-5.33,15-10.35,23.93-14.69.37-.17.76-.35,1.13-.55,2.26-1.13,4.59-2.29,6.94-2.29h0a10.25,10.25,0,0,1-2.07,2.1c-.3.27-.62.52-.89.78-4.85,4.46-10.06,8.71-15.1,12.85-12.7,10.38-25.83,21.13-35.08,36.24s-11.71,26.47-7.15,34.32c3.3,5.71,9.7,9.13,17.12,9.13a23.53,23.53,0,0,0,2.87-.18c7.66-.85,15.62-6.47,20.94-10.62,10.67-8.34,20.14-18.82,29.29-29,2.68-3,5.25-5.87,7.88-8.65-14,23.3-27.33,45.37-44.16,66.48-12.05,15.07-22.94,24.65-33.31,29.27a43.1,43.1,0,0,1-17.38,3.73c-9.79,0-18.87-3.5-24.89-9.57a27.07,27.07,0,0,1-7.8-19.8c.13-13.81,10.72-26.46,23.14-27.63.73-.07,1.49-.11,2.18-.11,6.27,0,11,2.67,13.73,7.68a13.52,13.52,0,0,1,.54,12.5,12.18,12.18,0,0,1-8.54,6.89,9.74,9.74,0,0,1-1.45.12c-.55,0-1.1-.06-1.63-.07s-1-.07-1.44-.07c-1.86,0-2.94.66-3.25,2a2.47,2.47,0,0,0,.42,2.08c.68.9,2,1.37,4,1.46l1.05,0a17.34,17.34,0,0,0,11-4.29c2.94-2.48,6.87-6.76,6.7-15.11-.22-11.44-10.45-20.08-23.8-20.08a30.09,30.09,0,0,0-7.87,1.06c-15.15,4.09-24.76,19.25-22.86,36,2.14,19,16.17,30.14,41.71,33.22h6.3c39.55-4.72,61.25-34,78.85-64.88,4.47-7.9,8.58-16.27,12.55-24.38,7.4-15.11,15-30.72,25.27-43.33C381,322.21,381.73,321.28,382.44,320.36Z" transform="translate(-50.24 -177.84)"></path>
+
    <path d="M226.5,377.92a64.86,64.86,0,0,0,9.63-14.35c4.53-9.39,7.46-26-.29-33.58-2.76-2.7-6.46-4.06-11-4.06-6.82,0-14.29,3.19-19,6.19-13.13,8.35-23.29,23-27.23,39.38-.55.64-1.14,1.33-1.78,2.05-1.78,2-3.79,4.35-6.16,6.6-.37.33-.74.7-1.13,1.06-2.54,2.45-5.41,5.22-8.57,5.22h-.14c-1.47,0-2-.56-2.19-.95-.68-1.13-1.12-4.45,3.61-13.8,6.69-13.34,13.76-27.26,20.28-38.62h7.72c.41,0,.86,0,1.3.05s1,0,1.55,0a4.86,4.86,0,0,0,3.78-1.24,3.65,3.65,0,0,0,.73-3,1.38,1.38,0,0,0-.55-.92c-1.56-1.15-3.8-1.31-5.59-1.31-1,0-2.06.07-3.13.11-.89.05-1.81.09-2.69.11,1.5-2.67,3-5.47,4.43-8.18,1.16-2.19,2.31-4.35,3.45-6.43a13.17,13.17,0,0,1,.75-1.15c1-1.47,2.45-3.46,1.38-5.85a1.4,1.4,0,0,0-1.27-.81h-.21a25.41,25.41,0,0,0-5.42,1.69,21.39,21.39,0,0,1-8.24,2h-.62a1.34,1.34,0,0,0-1.23.76c-2.66,5.29-5.56,10.46-8.37,15.47l-1.34,2.4h-8.39l-1.34,0-1.47,0c-1.5,0-3.18.15-4.1,1.38a3.56,3.56,0,0,0-.43,3.18,1.53,1.53,0,0,0,.74.91,12.76,12.76,0,0,0,5.58.91c1,0,2.13,0,3.2-.09l2.93-.09c-1.17,2.24-2.42,4.54-3.72,6.93-2.55,4.68-5.17,9.5-7.7,14.63-.83,1.67-1.71,3.33-2.58,5-3.49,6.55-7.08,13.31-7.68,21.27-.43,5.57.7,9.53,3.4,12.16a10.37,10.37,0,0,0,7.44,3c5.62,0,12.54-4,20.52-12,.63-.65,1.2-1.31,1.74-2,.38-.44.72-.85,1.11-1.25,1.21,12.85,9.33,15.65,16.19,15.65.7,0,1.42,0,2.17-.08C206.69,395.55,216.47,389.53,226.5,377.92Zm-18,4c-2.63,2.62-8.08,8.08-12.51,8.08a4.79,4.79,0,0,1-1.57-.27c-3.68-1.3-2.85-9.56-.54-16.68A89,89,0,0,1,201.33,357a76.22,76.22,0,0,1,9.72-13.79l.81-.91c3.7-4,8.73-9.53,14.14-9.92h.48a3.89,3.89,0,0,1,2.43.6c1.82,1.56,3,6.08-1.55,18.72a80.05,80.05,0,0,1-18.77,30.1Z" transform="translate(-50.24 -177.84)"></path>
+
    <path d="M424.5,343.61a45,45,0,0,1,7.8-8.59c4.74-4.12,7.46-4.73,8.65-4.73a2.59,2.59,0,0,1,1.75.59c1.09.95,1.42,3.69-3.2,11.49l-.32.57c-1.68,2.95-3.11,5.61-4.49,8.15-.74,1.39-1.46,2.73-2.19,4.07-1,1.83-2,3.58-3.05,5.33-4.12,7.11-8,13.82-8.63,21.7-.6,7.67,3.21,13.45,9.44,14.37a18.94,18.94,0,0,0,2.49.17c9.07,0,15.4-7.29,18.81-11.23,1.94-2.22,3.64-4.64,5.32-7-1.08,4.93-1.21,10.29,1,13.88a8.63,8.63,0,0,0,7.82,4.17h0a15.38,15.38,0,0,0,3.62-.5c8.57-2.3,14.77-9.77,20.2-16.33l1-1.15a106.77,106.77,0,0,0,11.89-16.77,6.55,6.55,0,0,1,.46-.8c1.13-1.93,2.64-4.57,1.12-7.05a1.31,1.31,0,0,0-.88-.62,2.08,2.08,0,0,0-.3,0,1.78,1.78,0,0,0-.75.2,10.9,10.9,0,0,0-3.54,4.67c-.27.54-.53,1.07-.81,1.56a103.28,103.28,0,0,1-21.81,26.57l-.18.17c-1.73,1.49-5,4.28-7.83,4.28a3.88,3.88,0,0,1-2.58-1c.14-5.33,2.46-9.78,4.71-14.08.38-.74.75-1.46,1.1-2.19,6.28-12.45,13.79-26.12,23-41.79.17-.25.32-.48.46-.72a5.32,5.32,0,0,0,1.34-3.53,1.38,1.38,0,0,0-1.39-1.29h-.06c-1.59.08-3.15.22-4.64.35-2.23.2-4.33.38-6.64.38-.63,0-1.27,0-1.92-.05h0a1.42,1.42,0,0,0-1.21.67c-3.81,6.15-7.27,12.84-10.6,19.3-7,13.43-14.13,27.3-24.82,37.24-1.8,1.67-4.42,4.1-7,4.1a3.67,3.67,0,0,1-.77-.07,2,2,0,0,1-1.62-1.08c-.53-1.06-.87-4,2.83-11.44,2-4,4-7.47,5.9-10.83A141.55,141.55,0,0,0,450.6,352c1.85-4,4.39-9.52,4.06-14.91-.48-7.31-5.84-12.41-13.08-12.41-.43,0-.86,0-1.32.07-6.49.52-10.33,4.42-14.09,8.18-.91,1-1.92,2-2.94,2.88a11.2,11.2,0,0,0-1.51-3.12c-2.94-4.3-7.52-6.6-13.23-6.6-7.79,0-16.17,4.09-21.39,7.9-11.39,8.26-18.78,18.65-23.29,32.68-3,9.29-2.39,18.48,1.57,23.94,2.79,3.84,7.15,5.91,12.63,5.92h.13c13,0,23.92-9.12,30.79-16.79C419.36,368.21,424.32,356.71,424.5,343.61ZM392.21,382a8.39,8.39,0,0,1-.67.67c-2.27,2.33-7.54,7.77-11.92,7.77a4.59,4.59,0,0,1-1.91-.42c-3.08-1.49-2.28-9.74,0-16.74A83.64,83.64,0,0,1,385,357.91c5-8.75,11.93-19.37,20.86-24.08a10.28,10.28,0,0,1,3-1,7.38,7.38,0,0,1,1.5-.13,4.12,4.12,0,0,1,1.62.24c1.87.83,4.25,4.27-.49,18.08A77.57,77.57,0,0,1,392.21,382Z" transform="translate(-50.24 -177.84)"></path>
+
    <path d="M108.62,292.71a72.09,72.09,0,0,0,47.46-17.61V226.87H107.84V248h24.58v15.87c-6.17,4.45-14.11,6.66-23,6.66-19.67,0-33.64-14.92-33.64-35.22V235c0-18.88,14.14-34.59,31.9-34.59,12.84,0,20.45,4.12,29,11.26l15.39-18.56c-11.58-9.84-23.64-15.24-43.63-15.24-33.64,0-58.23,25.87-58.23,57.44v.32C50.24,268.44,74,292.71,108.62,292.71Z" transform="translate(-50.24 -177.84)"></path>
+
    <path d="M453.4,200.38c11.09,0,19.83,4.75,28.4,12.53L497.33,195c-10.32-10.16-22.82-17.14-43.8-17.14-34.11,0-57.9,25.87-57.9,57.44v.32c0,31.89,24.28,57.11,57,57.11,21.42,0,34.11-7.61,45.55-19.84l-15.57-15.69c-8.73,7.93-16.51,13-29.17,13-19,0-32.23-15.87-32.23-34.91V235C421.17,215.93,434.66,200.38,453.4,200.38Z" transform="translate(-50.24 -177.84)"></path>
+
    <polygon points="548 91.24 487.69 91.24 487.69 67.91 540.07 67.91 540.07 46.16 487.69 46.16 487.69 23.64 547.21 23.64 547.21 1.9 463.44 1.9 463.44 112.97 548 112.97 548 91.24"></polygon>
+
    <path d="M298.4,286.21l.6.28a31.27,31.27,0,0,1,3.67,2l9.18-22.57h47L369,290.81h25.57L346.92,179H324.4L281,281A65.07,65.07,0,0,1,298.4,286.21Zm36.94-77.91,14.77,36H320.58Z" transform="translate(-50.24 -177.84)"></path>
+
    <path d="M268.23,216.72v-.31c0-10.48-3.33-19.21-9.52-25.4-7.29-7.29-18.24-11.27-32.36-11.27H175.57V290.81H200V255.28h19.2L242,289.36a45.57,45.57,0,0,1,22.5-8.84l-20.1-29.38C258.55,245.91,268.23,234.65,268.23,216.72ZM243.48,218c0,9.37-6.82,15.72-18.72,15.72H200V201.8H224.3c11.88,0,19.18,5.4,19.18,15.88Z" transform="translate(-50.24 -177.84)"></path>
+
</svg>
+
                        </a>
+
                    </dt>
+
                    <dd>Unleashing God’s Truth, One Verse at a Time<br><span>Since 1969</span></dd>
+
                 </dl>
+
                <div class="grace-stream" id="divForListenNowViewModel">
+
                    <a id="listen-now" class="waves-effect btn white black-text toggle-playlist" href="javascript:void(0);">
+
                        <div id="notPlaying" class="off" data-bind="css: { 'on' : !isPlaying(), 'off': isPlaying()}, click:playBroadcast ">
+
                            <i class="mdi-hardware-headset"></i>
+
                            <span>Listen<em> Now</em></span>
+
                        </div>
+
                        <div id="playing" class="on" data-bind="css: { 'off' : !isPlaying(), 'on': isPlaying()}">
+
                            <div id="soundbars">
+
                                <div class="bar"></div>
+
                                <div class="bar"></div>
+
                                <div class="bar"></div>
+
                                <div class="bar"></div>
+
                                <div class="bar"></div>
+
                                <div class="bar"></div>
+
                            </div>
+
                            <span>Playing</span>
+
                        </div>
+
                    </a>
+
                </div>
+
             </div>
+
             <!-- /Logo -->
+
             <ul class="utilities">
+
                <li class="divider major"></li>
+
                <li class="label">Contact Us</li>
+
                <li class="contact" id="divForHeaderOfficeInfoViewModel1">
+
                    <a data-bind="attr:{href:telephoneLink}" href="tel:+18005547223"><i class="mdi-communication-phone"></i><span data-bind="text:telephoneDisplayFriendly">800-55-GRACE</span></a>
+
                </li>
+
                <li id="divForHeaderOfficeInfoViewModel2">
+
                    <a data-bind="attr:{href:'mailto:'+officeEmail()}" href="mailto:letters@gty.org"><i class="mdi-content-mail"></i><span data-bind="text:officeEmail">letters@gty.org</span></a>
+
                </li>
+
                <li class="divider major"></li>
+
                <li class="label">Account</li>
+
                <li class="user" id="divForLoggedInViewModel">
+
                    <div style="display: none;" class="logged-in-wrap" data-bind="visible:isLoggedIn">
+
                        <p class="logged-in-as hide-on-med-and-up">
+
                            <span data-bind="text:name"></span>
+
                        </p>
+
                        <a class="dropdown-button username hide-on-small-only waves-effect waves-light" href="javascript:void(0);" data-activates="userDropdown" data-constrainwidth="false">
+
                            <i class="mdi-action-account-circle"></i> <span data-bind="text:name"></span> <i class="mdi-navigation-expand-more right"></i>
+
                        </a><ul id="userDropdown" class="dropdown-content" style="display: none;">
+
                            <li>
+
                                <div class="alert green lighten-4 green-text text-darken-2" style="display: none;" data-bind="visible: message() &amp;&amp; message().length > 0, css:{'green lighten-4 green-text text-darken-2' : !isError() &amp;&amp; !isWarning(),'orange lighten-2 white-text':!isError() &amp;&amp; isWarning()}, html:message"></div>
+
                            </li>
+
                            <li>
+
                                <a class="waves-effect trigger-cart" href="javascript:void(0);" data-bind="click:showCart"><i class="mdi-action-shopping-cart"></i> Cart <span class="badge" data-bind="text:numberOfItemsInCart">0</span></a>
+
                            </li>
+
                            <li>
+
                                <a class="waves-effect trigger-cart" href="javascript:void(0);" data-bind="click:showWishlist"><i class="mdi-action-favorite"></i> Wishlist <span class="badge" data-bind="text:numberOfItemsInWishList">0</span></a>
+
                            </li>
+
                            <li>
+
                                <a class="waves-effect " href="/Manage/Index"><i class="mdi-action-account-circle"></i> My Account</a>
+
                            </li>
+
                            <li>
+
                                <a class="waves-effect" style="display:none;" data-bind="visible:anAdminUserIsLoggedIn" href="/Manage/ChangeUsernameAdmin"><i class="mdi-action-account-circle"></i> Admin: Change Username</a>
+
                            </li>
+
  
                            <li>
+
          
                                <a class="waves-effect" data-bind="click:logOut"><i class="fa fa-sign-out"></i> Log Out</a>
+
  <div class="full-page-container">
                            </li>
+
     <div class="full-page-content ">
                        </ul>
+
     
                       
+
        <h1>
                    </div>
+
  Search
                    <a style="" data-bind="visible:!isLoggedIn()" class="username trigger-login-register" href="javascript:void(0);">
+
</h1>
                        <i class="mdi-action-account-circle"></i><span>Log In</span>
+
     
                    </a>
+
                </li>
+
            </ul>
+
            <ul class="cart">
+
                <li><a class="trigger-cart" href="javascript:void(0);"><i class="mdi-action-shopping-cart"></i><span id="sCartCount">0</span></a></li>
+
            </ul>
+
            <ul class="search">
+
                <li>
+
                    <a class="toggle-search" href="javascript:void(0);"><i class="mdi-action-search"></i> <span>Search</span></a>
+
                </li>
+
            </ul>
+
         </div>
+
    </nav>
+
    <nav class="yaybar yay-overlay yay-gestures">
+
        <div class="top">
+
            <!-- Sidebar toggle -->
+
            <span class="yay-toggle x">
+
                <i class="burg1"></i>
+
                <i class="burg2"></i>
+
                <i class="burg3"></i>
+
            </span>
+
            <!-- Sidebar toggle -->
+
            <!-- Logo -->
+
            <a class="brand-logo" href="/Home/Index">
+
<svg id="Grace_to_You_Logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 548 277.87">
+
     <title>Grace-to-You</title>
+
    <path d="M382.44,320.36c3-3.86,6.17-7.86,10.2-10.82a8.58,8.58,0,0,1,1-.56c1.46-.79,3.91-2.09,3.45-5.12a1.33,1.33,0,0,0-1-1.11,5.44,5.44,0,0,0-1.8-.28c-2.81,0-5.26,1.84-7.2,3.33l-.5.37c-5.93,4.4-11.31,9.82-16.55,15.09-.91.93-1.82,1.85-2.7,2.76-7,7-13.56,14.46-19.86,21.69-12.2,14-24.85,28.48-41.18,39.6-5.85,4-10.91,6.15-14.27,6.15-2,0-4.63-.61-5.21-5.86-1-8.93,4.78-17.85,8.59-23.75l.87-1.36c4.76-7.48,10.16-13.53,15.73-19.6,6.68-7.26,13.22-13.74,20.17-20.63,2-2,4.1-4.09,6.27-6.24,3.23-3.25,7.62-7.67,6.1-12.88-.66-2.16-2.46-4.74-7.49-4.74s-11.5,2.72-14,3.87c-10.05,4.69-19,10.68-28,16.91-1.76,1.21-3.53,2.49-5.39,3.86a134.79,134.79,0,0,1-12.25,8.28c-6.33,3.65-11.91,5.43-17,5.43A20.05,20.05,0,0,1,255,334a12.41,12.41,0,0,1-9.34-12.46c.06-11.11,10.22-18.9,18.89-22.2a33.4,33.4,0,0,1,11.8-2,39.26,39.26,0,0,1,14.35,2.72c.83.34,1.66.77,2.45,1.17a16.27,16.27,0,0,0,5.27,1.93h.15a1.4,1.4,0,0,0,1-.39,1.31,1.31,0,0,0,.41-1.1c-.19-3-3.39-4.5-5.5-5.5l-.57-.25a55.4,55.4,0,0,0-23-5.1c-1.23,0-2.46.05-3.68.14a34.56,34.56,0,0,0-21.08,8.88c-5.56,5.19-9.29,13-9.53,19.88a17.9,17.9,0,0,0,4.88,13.14c3.9,4.15,10.09,6.9,16.54,7.34.84.06,1.65.08,2.45.08,9.23,0,16.48-3.56,21.12-6.25A133,133,0,0,0,293,326.3c1.87-1.36,3.77-2.75,5.67-4.06l2.59-1.79c7.72-5.33,15-10.35,23.93-14.69.37-.17.76-.35,1.13-.55,2.26-1.13,4.59-2.29,6.94-2.29h0a10.25,10.25,0,0,1-2.07,2.1c-.3.27-.62.52-.89.78-4.85,4.46-10.06,8.71-15.1,12.85-12.7,10.38-25.83,21.13-35.08,36.24s-11.71,26.47-7.15,34.32c3.3,5.71,9.7,9.13,17.12,9.13a23.53,23.53,0,0,0,2.87-.18c7.66-.85,15.62-6.47,20.94-10.62,10.67-8.34,20.14-18.82,29.29-29,2.68-3,5.25-5.87,7.88-8.65-14,23.3-27.33,45.37-44.16,66.48-12.05,15.07-22.94,24.65-33.31,29.27a43.1,43.1,0,0,1-17.38,3.73c-9.79,0-18.87-3.5-24.89-9.57a27.07,27.07,0,0,1-7.8-19.8c.13-13.81,10.72-26.46,23.14-27.63.73-.07,1.49-.11,2.18-.11,6.27,0,11,2.67,13.73,7.68a13.52,13.52,0,0,1,.54,12.5,12.18,12.18,0,0,1-8.54,6.89,9.74,9.74,0,0,1-1.45.12c-.55,0-1.1-.06-1.63-.07s-1-.07-1.44-.07c-1.86,0-2.94.66-3.25,2a2.47,2.47,0,0,0,.42,2.08c.68.9,2,1.37,4,1.46l1.05,0a17.34,17.34,0,0,0,11-4.29c2.94-2.48,6.87-6.76,6.7-15.11-.22-11.44-10.45-20.08-23.8-20.08a30.09,30.09,0,0,0-7.87,1.06c-15.15,4.09-24.76,19.25-22.86,36,2.14,19,16.17,30.14,41.71,33.22h6.3c39.55-4.72,61.25-34,78.85-64.88,4.47-7.9,8.58-16.27,12.55-24.38,7.4-15.11,15-30.72,25.27-43.33C381,322.21,381.73,321.28,382.44,320.36Z" transform="translate(-50.24 -177.84)"></path>
+
    <path d="M226.5,377.92a64.86,64.86,0,0,0,9.63-14.35c4.53-9.39,7.46-26-.29-33.58-2.76-2.7-6.46-4.06-11-4.06-6.82,0-14.29,3.19-19,6.19-13.13,8.35-23.29,23-27.23,39.38-.55.64-1.14,1.33-1.78,2.05-1.78,2-3.79,4.35-6.16,6.6-.37.33-.74.7-1.13,1.06-2.54,2.45-5.41,5.22-8.57,5.22h-.14c-1.47,0-2-.56-2.19-.95-.68-1.13-1.12-4.45,3.61-13.8,6.69-13.34,13.76-27.26,20.28-38.62h7.72c.41,0,.86,0,1.3.05s1,0,1.55,0a4.86,4.86,0,0,0,3.78-1.24,3.65,3.65,0,0,0,.73-3,1.38,1.38,0,0,0-.55-.92c-1.56-1.15-3.8-1.31-5.59-1.31-1,0-2.06.07-3.13.11-.89.05-1.81.09-2.69.11,1.5-2.67,3-5.47,4.43-8.18,1.16-2.19,2.31-4.35,3.45-6.43a13.17,13.17,0,0,1,.75-1.15c1-1.47,2.45-3.46,1.38-5.85a1.4,1.4,0,0,0-1.27-.81h-.21a25.41,25.41,0,0,0-5.42,1.69,21.39,21.39,0,0,1-8.24,2h-.62a1.34,1.34,0,0,0-1.23.76c-2.66,5.29-5.56,10.46-8.37,15.47l-1.34,2.4h-8.39l-1.34,0-1.47,0c-1.5,0-3.18.15-4.1,1.38a3.56,3.56,0,0,0-.43,3.18,1.53,1.53,0,0,0,.74.91,12.76,12.76,0,0,0,5.58.91c1,0,2.13,0,3.2-.09l2.93-.09c-1.17,2.24-2.42,4.54-3.72,6.93-2.55,4.68-5.17,9.5-7.7,14.63-.83,1.67-1.71,3.33-2.58,5-3.49,6.55-7.08,13.31-7.68,21.27-.43,5.57.7,9.53,3.4,12.16a10.37,10.37,0,0,0,7.44,3c5.62,0,12.54-4,20.52-12,.63-.65,1.2-1.31,1.74-2,.38-.44.72-.85,1.11-1.25,1.21,12.85,9.33,15.65,16.19,15.65.7,0,1.42,0,2.17-.08C206.69,395.55,216.47,389.53,226.5,377.92Zm-18,4c-2.63,2.62-8.08,8.08-12.51,8.08a4.79,4.79,0,0,1-1.57-.27c-3.68-1.3-2.85-9.56-.54-16.68A89,89,0,0,1,201.33,357a76.22,76.22,0,0,1,9.72-13.79l.81-.91c3.7-4,8.73-9.53,14.14-9.92h.48a3.89,3.89,0,0,1,2.43.6c1.82,1.56,3,6.08-1.55,18.72a80.05,80.05,0,0,1-18.77,30.1Z" transform="translate(-50.24 -177.84)"></path>
+
    <path d="M424.5,343.61a45,45,0,0,1,7.8-8.59c4.74-4.12,7.46-4.73,8.65-4.73a2.59,2.59,0,0,1,1.75.59c1.09.95,1.42,3.69-3.2,11.49l-.32.57c-1.68,2.95-3.11,5.61-4.49,8.15-.74,1.39-1.46,2.73-2.19,4.07-1,1.83-2,3.58-3.05,5.33-4.12,7.11-8,13.82-8.63,21.7-.6,7.67,3.21,13.45,9.44,14.37a18.94,18.94,0,0,0,2.49.17c9.07,0,15.4-7.29,18.81-11.23,1.94-2.22,3.64-4.64,5.32-7-1.08,4.93-1.21,10.29,1,13.88a8.63,8.63,0,0,0,7.82,4.17h0a15.38,15.38,0,0,0,3.62-.5c8.57-2.3,14.77-9.77,20.2-16.33l1-1.15a106.77,106.77,0,0,0,11.89-16.77,6.55,6.55,0,0,1,.46-.8c1.13-1.93,2.64-4.57,1.12-7.05a1.31,1.31,0,0,0-.88-.62,2.08,2.08,0,0,0-.3,0,1.78,1.78,0,0,0-.75.2,10.9,10.9,0,0,0-3.54,4.67c-.27.54-.53,1.07-.81,1.56a103.28,103.28,0,0,1-21.81,26.57l-.18.17c-1.73,1.49-5,4.28-7.83,4.28a3.88,3.88,0,0,1-2.58-1c.14-5.33,2.46-9.78,4.71-14.08.38-.74.75-1.46,1.1-2.19,6.28-12.45,13.79-26.12,23-41.79.17-.25.32-.48.46-.72a5.32,5.32,0,0,0,1.34-3.53,1.38,1.38,0,0,0-1.39-1.29h-.06c-1.59.08-3.15.22-4.64.35-2.23.2-4.33.38-6.64.38-.63,0-1.27,0-1.92-.05h0a1.42,1.42,0,0,0-1.21.67c-3.81,6.15-7.27,12.84-10.6,19.3-7,13.43-14.13,27.3-24.82,37.24-1.8,1.67-4.42,4.1-7,4.1a3.67,3.67,0,0,1-.77-.07,2,2,0,0,1-1.62-1.08c-.53-1.06-.87-4,2.83-11.44,2-4,4-7.47,5.9-10.83A141.55,141.55,0,0,0,450.6,352c1.85-4,4.39-9.52,4.06-14.91-.48-7.31-5.84-12.41-13.08-12.41-.43,0-.86,0-1.32.07-6.49.52-10.33,4.42-14.09,8.18-.91,1-1.92,2-2.94,2.88a11.2,11.2,0,0,0-1.51-3.12c-2.94-4.3-7.52-6.6-13.23-6.6-7.79,0-16.17,4.09-21.39,7.9-11.39,8.26-18.78,18.65-23.29,32.68-3,9.29-2.39,18.48,1.57,23.94,2.79,3.84,7.15,5.91,12.63,5.92h.13c13,0,23.92-9.12,30.79-16.79C419.36,368.21,424.32,356.71,424.5,343.61ZM392.21,382a8.39,8.39,0,0,1-.67.67c-2.27,2.33-7.54,7.77-11.92,7.77a4.59,4.59,0,0,1-1.91-.42c-3.08-1.49-2.28-9.74,0-16.74A83.64,83.64,0,0,1,385,357.91c5-8.75,11.93-19.37,20.86-24.08a10.28,10.28,0,0,1,3-1,7.38,7.38,0,0,1,1.5-.13,4.12,4.12,0,0,1,1.62.24c1.87.83,4.25,4.27-.49,18.08A77.57,77.57,0,0,1,392.21,382Z" transform="translate(-50.24 -177.84)"></path>
+
    <path d="M108.62,292.71a72.09,72.09,0,0,0,47.46-17.61V226.87H107.84V248h24.58v15.87c-6.17,4.45-14.11,6.66-23,6.66-19.67,0-33.64-14.92-33.64-35.22V235c0-18.88,14.14-34.59,31.9-34.59,12.84,0,20.45,4.12,29,11.26l15.39-18.56c-11.58-9.84-23.64-15.24-43.63-15.24-33.64,0-58.23,25.87-58.23,57.44v.32C50.24,268.44,74,292.71,108.62,292.71Z" transform="translate(-50.24 -177.84)"></path>
+
    <path d="M453.4,200.38c11.09,0,19.83,4.75,28.4,12.53L497.33,195c-10.32-10.16-22.82-17.14-43.8-17.14-34.11,0-57.9,25.87-57.9,57.44v.32c0,31.89,24.28,57.11,57,57.11,21.42,0,34.11-7.61,45.55-19.84l-15.57-15.69c-8.73,7.93-16.51,13-29.17,13-19,0-32.23-15.87-32.23-34.91V235C421.17,215.93,434.66,200.38,453.4,200.38Z" transform="translate(-50.24 -177.84)"></path>
+
    <polygon points="548 91.24 487.69 91.24 487.69 67.91 540.07 67.91 540.07 46.16 487.69 46.16 487.69 23.64 547.21 23.64 547.21 1.9 463.44 1.9 463.44 112.97 548 112.97 548 91.24"></polygon>
+
    <path d="M298.4,286.21l.6.28a31.27,31.27,0,0,1,3.67,2l9.18-22.57h47L369,290.81h25.57L346.92,179H324.4L281,281A65.07,65.07,0,0,1,298.4,286.21Zm36.94-77.91,14.77,36H320.58Z" transform="translate(-50.24 -177.84)"></path>
+
    <path d="M268.23,216.72v-.31c0-10.48-3.33-19.21-9.52-25.4-7.29-7.29-18.24-11.27-32.36-11.27H175.57V290.81H200V255.28h19.2L242,289.36a45.57,45.57,0,0,1,22.5-8.84l-20.1-29.38C258.55,245.91,268.23,234.65,268.23,216.72ZM243.48,218c0,9.37-6.82,15.72-18.72,15.72H200V201.8H224.3c11.88,0,19.18,5.4,19.18,15.88Z" transform="translate(-50.24 -177.84)"></path>
+
</svg>
+
            </a>
+
            <!-- /Logo -->
+
        </div>
+
        <div class="nano has-scrollbar">
+
            <div class="nano-content" tabindex="0" style="margin-right: -17px;">
+
                <ul>
+
                    <li class="label">Navigate</li>
+
                    <li class="with-sub-menu">
+
                        <a href="javascript:void(0);" class="yay-sub-toggle waves-effect waves-light">
+
                            <i class="mdi-action-info"></i> About<span class="yay-collapse-icon mdi-navigation-expand-more"></span>
+
                        </a>
+
                        <ul class="yay-sub-menu" style="left: 40.7969px; position: fixed; z-index: 9999;">
+
                            <li><a href="/about" class="waves-effect waves-light dismiss-yay ">Grace to You</a></li>
+
                            <li><a href="/about/john" class="waves-effect waves-light ">John MacArthur</a></li>
+
                            <li><a href="javascript:void(0);" class="waves-effect waves-light about-hashed dismiss-yay " name="contact">Contact Us</a></li>
+
                        </ul>
+
                    </li>
+
                        <li class="with-sub-menu">
+
                            <a href="javascript:void(0);" class="yay-sub-toggle waves-effect waves-light">
+
                                <i class="mdi-action-info"></i> Broadcasts<span class="yay-collapse-icon mdi-navigation-expand-more"></span>
+
                            </a>
+
                            <ul class="yay-sub-menu" style="left: 121.594px; position: fixed; z-index: 9999;">
+
                                <li><a href="/broadcasts/radio">Radio</a></li>
+
                                <li><a href="/broadcasts/television">Television</a></li>
+
                                <li><a href="/broadcasts/gracestream">Grace Stream</a></li>
+
                                <li><a href="/store/macarthurcommentaries#bibleqna">Bible Q&amp;A's</a></li>
+
                                <li><a href="/library/resources/portraits-of-grace/title/1?letter=A">Portraits of Grace</a></li>
+
                            </ul>
+
                        </li>
+
  
                    <li>
+
     
                        <a href="/library/resources/any/scripture" class="waves-effect waves-light "><i class="mdi-maps-local-library"></i> Resources</a>
+
 
                    </li>
+
                    <li>
+
                        <a href="/store" class="waves-effect waves-light "><i class="mdi-action-store"></i> Store</a>
+
                    </li>
+
                    <li class="divider"></li>
+
                        <li class="with-sub-menu">
+
                            <a href="javascript:void(0);" class="yay-sub-toggle waves-effect waves-light">
+
                                <i class="mdi-device-devices"></i> Apps<span class="yay-collapse-icon mdi-navigation-expand-more"></span>
+
                            </a>
+
                            <ul class="yay-sub-menu">
+
                                <li><a href="/apps" class="waves-effect waves-light ">Grace to You Sermons</a></li>
+
                                <li><a href="http://www.studybible.org/" class="waves-effect waves-light " target="_blank">The Study Bible</a></li>
+
                            </ul>
+
                        </li>
+
                   
+
                    <li>
+
                        <a href="/library/blog" class="waves-effect waves-light "><i class="fa fa-pencil"></i> Blog</a>
+
                    </li>
+
                    <li>
+
                        <a href="/library/devotionals" class="waves-effect waves-light "><i class="fa fa-book"></i> Devotionals</a>
+
                    </li>
+
                    <li>
+
                        <a href="/library/resources/sermons-library" class="waves-effect waves-light "><i class="mdi-av-mic"></i> Sermons</a>
+
                    </li>
+
                    <li class="divider"></li>
+
                    <li class="with-sub-menu">
+
                        <a href="javascript:void(0);" class="yay-sub-toggle waves-effect waves-light">
+
                            <i class="fa fa-gift"></i> Donate<span class="yay-collapse-icon mdi-navigation-expand-more"></span>
+
                        </a>
+
                        <ul class="yay-sub-menu">
+
                            <li><a href="/donate/donatenow" class="waves-effect waves-light ">Donate Now</a></li>
+
                            <li><a href="/donate/automaticgiving" class="waves-effect waves-light ">Automatic Giving</a></li>
+
                                <li><a href="/donate/legacygiving#legacy_tab" class="waves-effect waves-light dismiss-yay ">Legacy Giving</a></li>
+
                            <li><a href="/donate" class="waves-effect waves-light dismiss-yay ">Ways to Give</a></li>
+
  
                        </ul>
+
  <form class="advanced-search" action="/search/" method="get">
                    </li>
+
     <input type="hidden" name="q" value="">
                </ul>
+
                <ul class="search">
+
                <li>
+
                    <a class="toggle-search" href="javascript:void(0);"><i class="mdi-action-search"></i> <span>Search</span></a>
+
                </li>
+
            </ul><ul class="footer">
+
                    <li>
+
                        <em>Unleashing God’s Truth, One Verse at a Time<br><span>Since 1969</span></em>
+
                    </li>
+
                </ul>
+
            </div>
+
        <div class="nano-pane" style="display: none; opacity: 1; visibility: visible;"><div class="nano-slider" style="height: 1010px; transform: translate(0px, 0px);"></div></div></div>
+
     </nav>
+
   
+
<input type="hidden" id="hfCategory" value="sermons-library">
+
<input type="hidden" id="hfRequest" value="2">
+
<input type="hidden" id="hfFilterby" value="scripture">
+
<input type="hidden" id="hfPage" value="1">
+
<input type="hidden" id="hfBook" value="1">
+
<input type="hidden" id="hfTopic" value="">
+
<input type="hidden" id="hfYear" value="">
+
<input type="hidden" id="hfLetter" value="">
+
<input type="hidden" id="hfChapter" value="0">
+
<input type="hidden" id="hfCat" value="">
+
<input type="hidden" id="hfLanguage" value="en">
+
<input type="hidden" id="hfVenue" value="">
+
<input type="hidden" id="hfCode" value="">
+
<input type="hidden" id="hfUseDefaultRoute" value="False">
+
<!-- Content Wrap -->
+
<div class="content-wrap" id="divForViewModelLibrary">
+
    <!-- Parallax Section -->
+
    <section class="parallax-container container-fluid">
+
  
        <div class="parallax">
+
    <div class="sort-options">
            <img src="/assets/_gty/img/bg-parallax-library.jpg" style="display: block; transform: translate3d(-50%, 431px, 0px);" data-bind="attr:{src: '/assets/_gty/img/'+ bannerImage() }" alt="Grace to You Library">
+
      <small>
 +
        <label for="sort">
 +
          <strong>Sort By:</strong>
 +
        </label>
  
         </div>
+
         <div class="select-wrapper"><select id="sort" name="sort">
        <span class="burg-toggle side-nav-toggle section-nav button-collapse hide-on-large-and-up" data-activates="sideNav">
+
          <option value="reference">Gen-Rev</option>
            <i class="burg1"></i>
+
          <option value="-reference">Rev-Gen</option>
            <i class="burg2"></i>
+
          <option value="relevance">Relevance</option>
            <i class="burg3"></i>
+
         </select></div>
        </span>
+
      </small>
    </section>
+
    <!-- / Parallax Section -->
+
    <aside id="siteBannerAside" class="site-banner gracestream" style="display:none;">
+
        <div class="card-panel">
+
 
+
            <p id="siteBannerHtml">Not sure what to listen to? Tune in to  <a href="/gracestream"><strong>Grace Stream</strong></a>. </p>
+
 
+
        </div>
+
    </aside>
+
    <!-- Main Section -->
+
    <section class="container-fluid library-store">
+
        <div class="alert green lighten-4 green-text text-darken-2" style="display:none;" data-bind="visible: message().length > 0, css:{'green lighten-4 green-text text-darken-2' : !isError(), '': isError}, text:message"></div>
+
        <div class="row page-content-wrap">
+
            <!-- Main Content -->
+
            <h1 class="page-header" data-bind="css : { gro: isGRO }, text: bannerTextCalculated()">Sermons</h1>
+
 
+
            <h2 class="sub-header-gro" style="display:none;" data-bind="html: languageText(), visible: isGRO "></h2>
+
            <div class="col s12 l9 page-content library-has-dropdowns">
+
                <div data-bind="visible:isVisibleSpinner, template: { name: 'spinner-template', data: '' }" style="display: none;">
+
         <div class="preloader-wrapper small active">
+
            <div class="spinner-layer spinner-blue">
+
                <div class="circle-clipper left">
+
                    <div class="circle"></div>
+
                </div>
+
                <div class="gap-patch">
+
                    <div class="circle"></div>
+
                </div>
+
                <div class="circle-clipper right">
+
                    <div class="circle"></div>
+
                </div>
+
            </div>
+
            <div class="spinner-layer spinner-red">
+
                <div class="circle-clipper left">
+
                    <div class="circle"></div>
+
                </div>
+
                <div class="gap-patch">
+
                    <div class="circle"></div>
+
                </div>
+
                <div class="circle-clipper right">
+
                    <div class="circle"></div>
+
                </div>
+
            </div>
+
            <div class="spinner-layer spinner-yellow">
+
                <div class="circle-clipper left">
+
                    <div class="circle"></div>
+
                </div>
+
                <div class="gap-patch">
+
                    <div class="circle"></div>
+
                </div>
+
                <div class="circle-clipper right">
+
                    <div class="circle"></div>
+
                </div>
+
            </div>
+
            <div class="spinner-layer spinner-green">
+
                <div class="circle-clipper left">
+
                    <div class="circle"></div>
+
                </div>
+
                <div class="gap-patch">
+
                    <div class="circle"></div>
+
                </div>
+
                <div class="circle-clipper right">
+
                    <div class="circle"></div>
+
                </div>
+
            </div>
+
        </div>
+
 
     </div>
 
     </div>
                <div class="row">
 
                    <div class="col s12">
 
                        <!--Tabs All-->
 
                        <div data-bind="visible:currentRequest() === 0" style="display: none;">
 
  
                            <h2>Find Resources:</h2>
+
    <div class="sort-options">
                            <ul class="tabs library" style="width: 100%;">
+
      <small>
                                <li class="tab">
+
        <label for="exact">
                                    <a class="waves-effect active" href="#study_passage" data-bind="css:{active: activeTab()==='scripture'},click: function(){ clickTab('scripture','study_passage')}" style="height: 116px;">
+
          <strong>Exact Match:</strong>
                                        <i class="fa fa-book"></i>
+
        </label>
                                        <span>By Scripture</span>
+
      </small>
                                    </a>
+
                                </li>
+
                                <li class="tab">
+
                                    <a class="waves-effect" href="#study_topic" data-bind="css:{active: activeTab()==='topic'},click: function(){ clickTab('topic','study_topic',1)}" style="height: 116px;">
+
                                        <i class="fa ion-document-text"></i>
+
                                        <span>By Topic</span>
+
                                    </a>
+
                                </li>
+
                            </ul>
+
                            <div id="study_passage" class="study-tab-content" data-bind="visible: activeTabContent() === 'study_passage'" style="display: none;">
+
                                <div class="row filter">
+
                                    <div class="col s8 l5">
+
                                        <label>Book:</label>
+
                                        <select class="browser-default" data-bind="disable:isBusy, options:possibleBooks, optionsText: 'name',optionsValue: 'number', value: filterValueBook, event: {change: bookChange} "><option value="1">Genesis</option><option value="2">Exodus</option><option value="6">Joshua</option><option value="8">Ruth</option><option value="9">1 Samuel</option><option value="13">1 Chronicles</option><option value="17">Esther</option><option value="19">Psalm</option><option value="20">Proverbs</option><option value="23">Isaiah</option><option value="24">Jeremiah</option><option value="26">Ezekiel</option><option value="27">Daniel</option><option value="32">Jonah</option><option value="34">Nahum</option><option value="35">Habakkuk</option><option value="38">Zechariah</option><option value="40">Matthew</option><option value="41">Mark</option><option value="42">Luke</option><option value="43">John</option><option value="44">Acts</option><option value="45">Romans</option><option value="46">1 Corinthians</option><option value="47">2 Corinthians</option><option value="48">Galatians</option><option value="49">Ephesians</option><option value="50">Philippians</option><option value="51">Colossians</option><option value="52">1 Thessalonians</option><option value="53">2 Thessalonians</option><option value="54">1 Timothy</option><option value="55">2 Timothy</option><option value="56">Titus</option><option value="57">Philemon</option><option value="58">Hebrews</option><option value="59">James</option><option value="60">1 Peter</option><option value="61">2 Peter</option><option value="62">1 John</option><option value="63">2 John</option><option value="64">3 John</option><option value="65">Jude</option><option value="66">Revelation</option></select>
+
                                    </div>
+
                                    <div class="col s4 l3 chapter">
+
                                        <label>Chapter:</label>
+
                                        <select class="browser-default" data-bind="disable:isBusy,options:possibleChapters, optionsText: 'name',optionsValue: 'number', value: filterValueChapter, event: {change: chapterChange} "><option value="0">All</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="24">24</option></select>
+
                                    </div>
+
                                </div>
+
                                <div class="divider dotted"></div>
+
                                <div class="row">
+
                                    <div class="col s6 offset-s6 l4 offset-l8 align-right">
+
                                        <label>Filter:</label>
+
                                        <select class="browser-default" data-bind="disable:isBusy,options:possibleCategories,  value: filterValueCategory, optionsText: 'displayName',optionsValue: 'name',event: {change: categoryChange} "></select>
+
                                    </div>
+
                                </div>
+
                            </div>
+
                            <div id="study_topic" class="study-tab-content" data-bind="visible: activeTabContent() === 'study_topic'" style="display: none;">
+
                                <div class="hide-on-med-and-down">
+
                                    <h3>Search for a Topic:</h3>
+
                                    <div class="form-container">
+
                                        <div class="input-field">
+
                                            <input id="search_topic" type="search" data-bind="textInput:topicsLookup">
+
                                            <label for="search_topic"><em>Example:</em> Sanctification</label>
+
                                        </div>
+
                                    </div>
+
  
                                    <h3>Browse:</h3>
+
      <div class="select-wrapper"><select id="exact" name="exact">
 
+
        <option value="no">No</option>
                                </div>
+
        <option value="yes">Yes</option>
                                <ul class="resource-topics" data-bind="foreach: topics()"></ul>
+
      </select></div>
                            </div>
+
                        </div>
+
                        <!--Tabs All-->
+
                        <!-- Tabs Sermons -->
+
                        <div data-bind="visible:currentRequest() === 2" style="">
+
                            <h2>Find Sermons:</h2>
+
 
+
                            <!-- Tabs -->
+
                            <ul class="tabs library four" style="width: 100%;">
+
                                <li class="tab">
+
                                    <a id="sermonsScriptureTab" href="#sermons_by_scripture" class="waves-effect active" data-bind="css:{active: activeTab()==='scripture'},click: function(){ clickTab('scripture','sermons_by_scripture')}" style="height: 68px;">
+
                                        <span>By Scripture</span>
+
                                    </a>
+
                                </li>
+
                                <li class="tab">
+
                                    <a class="waves-effect" href="#sermons_by_date" data-bind="css:{active: activeTab()==='date'},click: function(){ clickTab('date','sermons_by_date')}" style="height: 68px;">
+
                                        <span>By Date</span>
+
                                    </a>
+
                                </li>
+
                                <li class="tab">
+
                                    <a class="waves-effect" href="#sermons_by_title" data-bind="css:{active: activeTab()==='title'},click: function(){ clickTab('title','sermons_by_title')}" style="height: 68px;">
+
                                        <span>By Title</span>
+
                                    </a>
+
                                </li>
+
                                <li class="tab" data-bind="visible: officeId() !== 'GAV'" style="">
+
                                    <a class="waves-effect" href="#sermons_by_code" data-bind="css:{active: activeTab()==='code'},click: function(){ clickTab('code','sermons_by_code')}" style="height: 68px;">
+
                                        <span>By Code</span>
+
                                    </a>
+
                                </li>
+
                            </ul>
+
                            <!-- /Tabs -->
+
                            <!-- Sermons By Scripture - Tab Content -->
+
                            <div id="sermons_by_scripture" class="study-tab-content" data-bind="visible: activeTabContent() === 'sermons_by_scripture' " style="">
+
                                <div class="row filter">
+
                                    <div class="col s8 l5">
+
                                        <label>Book:</label>
+
                                        <select class="browser-default" data-bind="disable:isBusy, options:possibleBooks, optionsText: 'name',optionsValue: 'number',  value: filterValueBook, event: {change: bookChange} "><option value="1">Genesis</option><option value="2">Exodus</option><option value="6">Joshua</option><option value="8">Ruth</option><option value="9">1 Samuel</option><option value="13">1 Chronicles</option><option value="17">Esther</option><option value="19">Psalm</option><option value="20">Proverbs</option><option value="23">Isaiah</option><option value="24">Jeremiah</option><option value="26">Ezekiel</option><option value="27">Daniel</option><option value="32">Jonah</option><option value="34">Nahum</option><option value="35">Habakkuk</option><option value="38">Zechariah</option><option value="40">Matthew</option><option value="41">Mark</option><option value="42">Luke</option><option value="43">John</option><option value="44">Acts</option><option value="45">Romans</option><option value="46">1 Corinthians</option><option value="47">2 Corinthians</option><option value="48">Galatians</option><option value="49">Ephesians</option><option value="50">Philippians</option><option value="51">Colossians</option><option value="52">1 Thessalonians</option><option value="53">2 Thessalonians</option><option value="54">1 Timothy</option><option value="55">2 Timothy</option><option value="56">Titus</option><option value="57">Philemon</option><option value="58">Hebrews</option><option value="59">James</option><option value="60">1 Peter</option><option value="61">2 Peter</option><option value="62">1 John</option><option value="63">2 John</option><option value="64">3 John</option><option value="65">Jude</option><option value="66">Revelation</option></select>
+
                                    </div>
+
                                    <div class="col s4 l3 chapter">
+
                                        <label>Chapter:</label>
+
                                        <select class="browser-default" data-bind="disable:isBusy, options:possibleChapters, optionsText: 'name',optionsValue: 'number',  value: filterValueChapter, event: {change: chapterChange} "><option value="0">All</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="24">24</option></select>
+
                                    </div>
+
                                </div>
+
                            </div>
+
                            <!-- Sermons By Date - Tab Content -->
+
                            <div id="sermons_by_date" class="study-tab-content" data-bind="visible: activeTabContent() === 'sermons_by_date' " style="display: none;">
+
                                <div class="row filter">
+
                                    <div class="col m6 l3">
+
                                        <label>Year</label>
+
                                        <select class="browser-default" data-bind="disable:isBusy,options:possibleYears,  value: filterValueYear, event: {change: yearChange} "><option value="2020">2020</option><option value="2019">2019</option><option value="2018">2018</option><option value="2017">2017</option><option value="2016">2016</option><option value="2015">2015</option><option value="2014">2014</option><option value="2013">2013</option><option value="2012">2012</option><option value="2011">2011</option><option value="2010">2010</option><option value="2009">2009</option><option value="2008">2008</option><option value="2007">2007</option><option value="2006">2006</option><option value="2005">2005</option><option value="2004">2004</option><option value="2003">2003</option><option value="2002">2002</option><option value="2001">2001</option><option value="2000">2000</option><option value="1999">1999</option><option value="1998">1998</option><option value="1997">1997</option><option value="1996">1996</option><option value="1995">1995</option><option value="1994">1994</option><option value="1993">1993</option><option value="1992">1992</option><option value="1991">1991</option><option value="1990">1990</option><option value="1989">1989</option><option value="1988">1988</option><option value="1987">1987</option><option value="1986">1986</option><option value="1985">1985</option><option value="1984">1984</option><option value="1983">1983</option><option value="1982">1982</option><option value="1981">1981</option><option value="1980">1980</option><option value="1979">1979</option><option value="1978">1978</option><option value="1977">1977</option><option value="1976">1976</option><option value="1975">1975</option><option value="1974">1974</option><option value="1973">1973</option><option value="1972">1972</option><option value="1971">1971</option><option value="1970">1970</option><option value="1969">1969</option></select>
+
                                    </div>
+
                                </div>
+
                            </div>
+
                            <!-- Sermons By Title - Tab Content -->
+
                            <div id="sermons_by_title" class="study-tab-content" data-bind="visible: activeTabContent() === 'sermons_by_title' " style="display: none;">
+
                                <div class="row filter">
+
                                    <div class="col m6 l3">
+
                                        <label>Beginning With:</label>
+
                                        <select class="browser-default" data-bind="disable:isBusy, options:possibleLetters,  value: filterValueLetter, event: {change: letterChange} "><option value="A">A</option><option value="B">B</option><option value="C">C</option><option value="D">D</option><option value="E">E</option><option value="F">F</option><option value="G">G</option><option value="H">H</option><option value="I">I</option><option value="J">J</option><option value="K">K</option><option value="L">L</option><option value="M">M</option><option value="N">N</option><option value="O">O</option><option value="P">P</option><option value="Q">Q</option><option value="R">R</option><option value="S">S</option><option value="T">T</option><option value="U">U</option><option value="V">V</option><option value="W">W</option><option value="Y">Y</option><option value="Z">Z</option></select>
+
                                    </div>
+
                                </div>
+
                            </div>
+
                            <!-- Sermons By Venue - Tab Content -->
+
                            <!-- Sermons By Code - Tab Content -->
+
                            <div id="sermons_by_code" class="study-tab-content" data-bind="visible: activeTabContent() === 'sermons_by_code'  " style="display: none;">
+
                                <div class="row filter">
+
                                    <div class="col m6 l6">
+
                                        <label>Beginning With:</label>
+
                                        <select class="browser-default" data-bind="disable:isBusy, options:possibleCodes, optionsText: 'name', optionsValue: 'value', value: filterValueCode  ,event: {change: codeChange} "><option value="12">1200</option><option value="13">1300</option><option value="15">1500</option><option value="16">1600</option><option value="17">1700</option><option value="18">1800</option><option value="19">1900</option><option value="20">2000</option><option value="21">2100</option><option value="22">2200</option><option value="23">2300</option><option value="24">2400</option><option value="27">27</option><option value="41">41</option><option value="42">42</option><option value="43">43</option><option value="44">44</option><option value="45">45</option><option value="47">47</option><option value="48">48</option><option value="50">50</option><option value="52">52</option><option value="53">53</option><option value="54">54</option><option value="55">55</option><option value="56">56</option><option value="57">57</option><option value="59">59</option><option value="60">60</option><option value="61">61</option><option value="62">62</option><option value="63">63</option><option value="64">64</option><option value="65">65</option><option value="66">66</option><option value="70">70</option><option value="80">80</option><option value="81">81</option><option value="82">82</option><option value="90">90</option><option value="91">91</option><option value="95">95</option><option value="CO">CONF</option><option value="DO">DOC</option><option value="GT">GTY</option><option value="RE">RE</option><option value="SC">SC</option><option value="TM">TMU</option></select>
+
                                    </div>
+
                                </div>
+
                            </div>
+
 
+
                        </div>
+
                        <!-- Tabs Sermons -->
+
                        <!-- Tabs Articles -->
+
                        <div data-bind="visible:currentRequest() === 5" style="display: none;">
+
                            <h2>Find Articles:</h2>
+
                            <!-- Tabs -->
+
                            <ul class="tabs library" style="width: 100%;">
+
                                <li class="tab">
+
                                    <a id="articlesScriptureTab" class="waves-effect active" href="#articles_by_scripture" data-bind="css:{active: activeTab()==='scripture'},click: function(){ clickTab('scripture','articles_by_scripture')}" style="height: 100px;">
+
                                        <span>By Scripture</span>
+
                                    </a>
+
                                </li>
+
                                <li class="tab">
+
                                    <a class="waves-effect" href="#articles_by_topic" data-bind="css:{active: activeTab()==='topic'},click: function(){ clickTabTopic('topic','articles_by_topic')}" style="height: 100px;">
+
                                        <span>By Topic</span>
+
                                    </a>
+
                                </li>
+
                            </ul>
+
                            <!-- /Tabs -->
+
                            <!-- By Scripture - Tab Content -->
+
                            <div id="articles_by_scripture" class="study-tab-content" data-bind="visible: activeTabContent() === 'articles_by_scripture' " style="display: none;">
+
                                <div class="row filter">
+
                                    <div class="col s12 m5">
+
                                        <label>Book:</label>
+
                                        <select class="browser-default" data-bind="disable:isBusy, options:possibleBooks,optionsText: 'name',optionsValue: 'number',  value: filterValueBook,event: {change: bookChange} "><option value="1">Genesis</option><option value="2">Exodus</option><option value="6">Joshua</option><option value="8">Ruth</option><option value="9">1 Samuel</option><option value="13">1 Chronicles</option><option value="17">Esther</option><option value="19">Psalm</option><option value="20">Proverbs</option><option value="23">Isaiah</option><option value="24">Jeremiah</option><option value="26">Ezekiel</option><option value="27">Daniel</option><option value="32">Jonah</option><option value="34">Nahum</option><option value="35">Habakkuk</option><option value="38">Zechariah</option><option value="40">Matthew</option><option value="41">Mark</option><option value="42">Luke</option><option value="43">John</option><option value="44">Acts</option><option value="45">Romans</option><option value="46">1 Corinthians</option><option value="47">2 Corinthians</option><option value="48">Galatians</option><option value="49">Ephesians</option><option value="50">Philippians</option><option value="51">Colossians</option><option value="52">1 Thessalonians</option><option value="53">2 Thessalonians</option><option value="54">1 Timothy</option><option value="55">2 Timothy</option><option value="56">Titus</option><option value="57">Philemon</option><option value="58">Hebrews</option><option value="59">James</option><option value="60">1 Peter</option><option value="61">2 Peter</option><option value="62">1 John</option><option value="63">2 John</option><option value="64">3 John</option><option value="65">Jude</option><option value="66">Revelation</option></select>
+
                                    </div>
+
                                    <div class="col s6 m3 chapter">
+
                                        <label>Chapter:</label>
+
                                        <select class="browser-default" data-bind="disable:isBusy, options:possibleChapters,  optionsText: 'name',optionsValue: 'number', value: filterValueChapter, event: {change: chapterChange} "><option value="0">All</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="24">24</option></select>
+
                                    </div>
+
                                </div>
+
                            </div>
+
                            <!-- /By Scripture - Tab Content -->
+
                            <!-- By Topic - Tab Content -->
+
                            <div id="articles_by_topic" class="study-tab-content" data-bind="visible: activeTabContent() === 'articles_by_topic' " style="display: none;">
+
                                <h4>Search for a Topic:</h4>
+
                                <div class="form-container">
+
                                    <div class="input-field">
+
                                        <input id="search_topic" type="search" data-bind="textInput:topicsLookup">
+
                                        <label for="search_topic"><em>Example:</em> Sanctification</label>
+
                                    </div>
+
                                </div>
+
 
+
 
+
                                <h4 data-bind="visible:hasTopics" style="display: none;">Browse:</h4>
+
 
+
                                <div style="" data-bind="visible:!hasTopics()">
+
                                    <h4>Browse</h4>
+
                                </div>
+
                                <ul class="resource-topics" data-bind="foreach: topics()"></ul>
+
                            </div>
+
                            <!-- By Topic - Tab Content -->
+
                        </div>
+
                        <!-- Tabs Articles -->
+
                        <!-- Tabs Study Guides -->
+
                        <div data-bind="visible:currentRequest() === 6" style="display: none;">
+
                            <h2>Find Study Guides:</h2>
+
 
+
                            <!-- Tabs -->
+
                            <ul class="tabs library" style="width: 100%;">
+
                                <li class="tab">
+
                                    <a id="studyguidesScriptureTab" class="waves-effect active" href="#studyguides_by_scripture" data-bind="css:{active: activeTab()==='scripture'},click: function(){ clickTab('scripture','studyguides_by_scripture')}" style="height: 100px;">
+
                                        <span>By Scripture</span>
+
                                    </a>
+
                                </li>
+
                                <li class="tab">
+
                                    <a class="waves-effect" href="#studyguides_by_title" data-bind="css:{active: activeTab()==='title'},click: function(){ clickTab('title','studyguides_by_title')}" style="height: 100px;">
+
                                        <span>By Title</span>
+
                                    </a>
+
                                </li>
+
                            </ul>
+
                            <!-- /Tabs -->
+
                            <!-- Study Guides By Scripture - Tab Content -->
+
                            <div id="studyguides_by_scripture" class="study-tab-content" data-bind="visible: activeTabContent() === 'studyguides_by_scripture' " style="display: none;">
+
                                <div class="row filter">
+
                                    <div class="col s12 m6 l4">
+
                                        <label>Book:</label>
+
                                        <select class="browser-default" data-bind="disable:isBusy, options:possibleBooks,optionsText: 'name',optionsValue: 'number',  value: filterValueBook, event: {change: bookChange} "><option value="1">Genesis</option><option value="2">Exodus</option><option value="6">Joshua</option><option value="8">Ruth</option><option value="9">1 Samuel</option><option value="13">1 Chronicles</option><option value="17">Esther</option><option value="19">Psalm</option><option value="20">Proverbs</option><option value="23">Isaiah</option><option value="24">Jeremiah</option><option value="26">Ezekiel</option><option value="27">Daniel</option><option value="32">Jonah</option><option value="34">Nahum</option><option value="35">Habakkuk</option><option value="38">Zechariah</option><option value="40">Matthew</option><option value="41">Mark</option><option value="42">Luke</option><option value="43">John</option><option value="44">Acts</option><option value="45">Romans</option><option value="46">1 Corinthians</option><option value="47">2 Corinthians</option><option value="48">Galatians</option><option value="49">Ephesians</option><option value="50">Philippians</option><option value="51">Colossians</option><option value="52">1 Thessalonians</option><option value="53">2 Thessalonians</option><option value="54">1 Timothy</option><option value="55">2 Timothy</option><option value="56">Titus</option><option value="57">Philemon</option><option value="58">Hebrews</option><option value="59">James</option><option value="60">1 Peter</option><option value="61">2 Peter</option><option value="62">1 John</option><option value="63">2 John</option><option value="64">3 John</option><option value="65">Jude</option><option value="66">Revelation</option></select>
+
                                    </div>
+
                                </div>
+
                            </div>
+
                            <!-- /Study Guides By Scripture - Tab Content -->
+
                            <!-- Study Guides By Title - Tab Content -->
+
                            <div id="studyguides_by_title" class="study-tab-content" data-bind="visible: activeTabContent() === 'studyguides_by_title' " style="display: none;">
+
                                <div class="row filter">
+
                                    <div class="col s12 m6 l4">
+
                                        <label>Beginning With:</label>
+
                                        <select class="browser-default" data-bind="disable:isBusy, options:possibleLetters,  value: filterValueLetter, event: {change: letterChange} "><option value="A">A</option><option value="B">B</option><option value="C">C</option><option value="D">D</option><option value="E">E</option><option value="F">F</option><option value="G">G</option><option value="H">H</option><option value="I">I</option><option value="J">J</option><option value="K">K</option><option value="L">L</option><option value="M">M</option><option value="N">N</option><option value="O">O</option><option value="P">P</option><option value="Q">Q</option><option value="R">R</option><option value="S">S</option><option value="T">T</option><option value="U">U</option><option value="V">V</option><option value="W">W</option><option value="Y">Y</option><option value="Z">Z</option></select>
+
                                    </div>
+
                                </div>
+
                            </div>
+
                            <!-- /Study Guides By Title - Tab Content -->
+
                        </div>
+
                        <!-- Tabs Study Guides -->
+
                        <!-- Tabs Topical Series -->
+
                        <div data-bind="visible:currentRequest() === 3" style="display: none;">
+
                            <h2>Find Topical Series:</h2>
+
 
+
                            <!-- Tabs -->
+
                            <ul class="tabs library" style="width: 100%;">
+
                                <li class="tab">
+
                                    <a id="topicalSeriesScriptureTab" class="waves-effect active" href="#topicalseries_by_scripture" data-bind="css:{active: activeTab()==='scripture'},click: function(){ clickTab('scripture','topicalseries_by_scripture')}" style="height: 100px;">
+
                                        <span>By Scripture</span>
+
                                    </a>
+
                                </li>
+
                                <li class="tab">
+
                                    <a class="waves-effect" href="#topicalseries_by_title" data-bind="css:{active: activeTab()==='title'},click: function(){ clickTab('title','topicalseries_by_title')}" style="height: 100px;">
+
                                        <span>By Title</span>
+
                                    </a>
+
                                </li>
+
                            </ul>
+
                            <!-- /Tabs -->
+
                            <!-- Study Guides By Scripture - Tab Content -->
+
                            <div id="topicalseries_by_scripture" class="study-tab-content" data-bind="visible: activeTabContent() === 'topicalseries_by_scripture' " style="display: none;">
+
                                <div class="row filter">
+
                                    <div class="col s12 m6 l4">
+
                                        <label>Book:</label>
+
                                        <select class="browser-default" data-bind="disable:isBusy, options:possibleBooks,optionsText: 'name',optionsValue: 'number',  value: filterValueBook, event: {change: bookChange} "><option value="1">Genesis</option><option value="2">Exodus</option><option value="6">Joshua</option><option value="8">Ruth</option><option value="9">1 Samuel</option><option value="13">1 Chronicles</option><option value="17">Esther</option><option value="19">Psalm</option><option value="20">Proverbs</option><option value="23">Isaiah</option><option value="24">Jeremiah</option><option value="26">Ezekiel</option><option value="27">Daniel</option><option value="32">Jonah</option><option value="34">Nahum</option><option value="35">Habakkuk</option><option value="38">Zechariah</option><option value="40">Matthew</option><option value="41">Mark</option><option value="42">Luke</option><option value="43">John</option><option value="44">Acts</option><option value="45">Romans</option><option value="46">1 Corinthians</option><option value="47">2 Corinthians</option><option value="48">Galatians</option><option value="49">Ephesians</option><option value="50">Philippians</option><option value="51">Colossians</option><option value="52">1 Thessalonians</option><option value="53">2 Thessalonians</option><option value="54">1 Timothy</option><option value="55">2 Timothy</option><option value="56">Titus</option><option value="57">Philemon</option><option value="58">Hebrews</option><option value="59">James</option><option value="60">1 Peter</option><option value="61">2 Peter</option><option value="62">1 John</option><option value="63">2 John</option><option value="64">3 John</option><option value="65">Jude</option><option value="66">Revelation</option></select>
+
                                    </div>
+
                                </div>
+
                            </div>
+
                            <!-- /Study Guides By Scripture - Tab Content -->
+
                            <!-- Study Guides By Title - Tab Content -->
+
                            <div id="topicalseries_by_title" class="study-tab-content" data-bind="visible: activeTabContent() === 'topicalseries_by_title' " style="display: none;">
+
                                <div class="row filter">
+
                                    <div class="col s12 m6 l4">
+
                                        <label>Beginning With:</label>
+
                                        <select class="browser-default" data-bind="disable:isBusy, options:possibleLetters,  value: filterValueLetter, event: {change: letterChange} "><option value="A">A</option><option value="B">B</option><option value="C">C</option><option value="D">D</option><option value="E">E</option><option value="F">F</option><option value="G">G</option><option value="H">H</option><option value="I">I</option><option value="J">J</option><option value="K">K</option><option value="L">L</option><option value="M">M</option><option value="N">N</option><option value="O">O</option><option value="P">P</option><option value="Q">Q</option><option value="R">R</option><option value="S">S</option><option value="T">T</option><option value="U">U</option><option value="V">V</option><option value="W">W</option><option value="Y">Y</option><option value="Z">Z</option></select>
+
                                    </div>
+
                                </div>
+
                            </div>
+
                            <!-- /Study Guides By Title - Tab Content -->
+
                        </div>
+
                        <!-- Tabs Topical Series-->
+
                        <!-- Tabs Bible Series -->
+
                        <div data-bind="visible:currentRequest() === 4" style="display: none;">
+
                            <h2>Find Bible-Book Series:</h2>
+
 
+
                            <!-- Tabs -->
+
                            <ul class="tabs library" style="width: 100%;">
+
                                <li class="tab">
+
                                    <a id="bibleSeriesScriptureTab" class="waves-effect active" href="#bibleSeries_by_scripture" data-bind="css:{active: activeTab()==='scripture'},click: function(){ clickTab('scripture','bibleSeries_by_scripture')}" style="height: 100px;">
+
                                        <span>By Scripture</span>
+
                                    </a>
+
                                </li>
+
                                <li class="tab">
+
                                    <a class="waves-effect" href="#bibleSeries_by_title" data-bind="css:{active: activeTab()==='title'},click: function(){ clickTab('title','bibleSeries_by_title')}" style="height: 100px;">
+
                                        <span>By Title</span>
+
                                    </a>
+
                                </li>
+
                            </ul>
+
                            <!-- /Tabs -->
+
                            <!-- Study Guides By Scripture - Tab Content -->
+
                            <div id="bibleSeries_by_scripture" class="study-tab-content" data-bind="visible: activeTabContent() === 'bibleSeries_by_scripture' " style="display: none;">
+
                                <div class="row filter">
+
                                    <div class="col s12 m6 l4">
+
                                        <label>Book:</label>
+
                                        <select class="browser-default" data-bind="disable:isBusy, options:possibleBooks,optionsText: 'name',optionsValue: 'number',  value: filterValueBook, event: {change: bookChange} "><option value="1">Genesis</option><option value="2">Exodus</option><option value="6">Joshua</option><option value="8">Ruth</option><option value="9">1 Samuel</option><option value="13">1 Chronicles</option><option value="17">Esther</option><option value="19">Psalm</option><option value="20">Proverbs</option><option value="23">Isaiah</option><option value="24">Jeremiah</option><option value="26">Ezekiel</option><option value="27">Daniel</option><option value="32">Jonah</option><option value="34">Nahum</option><option value="35">Habakkuk</option><option value="38">Zechariah</option><option value="40">Matthew</option><option value="41">Mark</option><option value="42">Luke</option><option value="43">John</option><option value="44">Acts</option><option value="45">Romans</option><option value="46">1 Corinthians</option><option value="47">2 Corinthians</option><option value="48">Galatians</option><option value="49">Ephesians</option><option value="50">Philippians</option><option value="51">Colossians</option><option value="52">1 Thessalonians</option><option value="53">2 Thessalonians</option><option value="54">1 Timothy</option><option value="55">2 Timothy</option><option value="56">Titus</option><option value="57">Philemon</option><option value="58">Hebrews</option><option value="59">James</option><option value="60">1 Peter</option><option value="61">2 Peter</option><option value="62">1 John</option><option value="63">2 John</option><option value="64">3 John</option><option value="65">Jude</option><option value="66">Revelation</option></select>
+
                                    </div>
+
                                </div>
+
                            </div>
+
                            <!-- /Study Guides By Scripture - Tab Content -->
+
                            <!-- Study Guides By Title - Tab Content -->
+
                            <div id="bibleSeries_by_title" class="study-tab-content" data-bind="visible: activeTabContent() === 'bibleSeries_by_title' " style="display: none;">
+
                                <div class="row filter">
+
                                    <div class="col s12 m6 l4">
+
                                        <label>Beginning With:</label>
+
                                        <select class="browser-default" data-bind="disable:isBusy, options:possibleLetters,  value: filterValueLetter, event: {change: letterChange} "><option value="A">A</option><option value="B">B</option><option value="C">C</option><option value="D">D</option><option value="E">E</option><option value="F">F</option><option value="G">G</option><option value="H">H</option><option value="I">I</option><option value="J">J</option><option value="K">K</option><option value="L">L</option><option value="M">M</option><option value="N">N</option><option value="O">O</option><option value="P">P</option><option value="Q">Q</option><option value="R">R</option><option value="S">S</option><option value="T">T</option><option value="U">U</option><option value="V">V</option><option value="W">W</option><option value="Y">Y</option><option value="Z">Z</option></select>
+
                                    </div>
+
                                </div>
+
                            </div>
+
                            <!-- /Study Guides By Title - Tab Content -->
+
                        </div>
+
                        <!-- Tabs Bible Series -->
+
                        <!--Tabs Bible Q&A -->
+
                        <div data-bind="visible:currentRequest() === 7" style="display: none;">
+
 
+
                            <h2>Find Bible Q&amp;A:</h2>
+
 
+
                            <!-- Tabs -->
+
                            <ul class="tabs library" style="width: 100%;">
+
                                <li class="tab">
+
                                    <a id="bibleqnasScriptureTab" class="waves-effect active" href="#bibleqna_by_scripture" data-bind="css:{active: activeTab()==='scripture'},click: function(){ clickTab('scripture','bibleqna_by_scripture')}" style="height: 100px;">
+
 
+
                                        <span>By Scripture</span>
+
                                    </a>
+
                                </li>
+
                                <li class="tab">
+
                                    <a class="waves-effect" href="#bibleqna_by_title" data-bind="css:{active: activeTab()==='title'},click: function(){ clickTab('title','bibleqna_by_title')}" style="height: 100px;">
+
 
+
                                        <span>By Title</span>
+
                                    </a>
+
                                </li>
+
                            </ul>
+
                            <!-- /Tabs -->
+
                            <!-- Bible Q&A By Scripture - Tab Content -->
+
                            <div id="bibleqna_by_scripture" class="study-tab-content" data-bind="visible: activeTabContent() === 'bibleqna_by_scripture' " style="display: none;">
+
                                <div class="row filter">
+
                                    <div class="col s12 m6 l4">
+
                                        <label>Book:</label>
+
                                        <select class="browser-default" data-bind="disable:isBusy, options:possibleBooks, optionsText: 'name',optionsValue: 'number',  value: filterValueBook, event: {change: bookChange} "><option value="1">Genesis</option><option value="2">Exodus</option><option value="6">Joshua</option><option value="8">Ruth</option><option value="9">1 Samuel</option><option value="13">1 Chronicles</option><option value="17">Esther</option><option value="19">Psalm</option><option value="20">Proverbs</option><option value="23">Isaiah</option><option value="24">Jeremiah</option><option value="26">Ezekiel</option><option value="27">Daniel</option><option value="32">Jonah</option><option value="34">Nahum</option><option value="35">Habakkuk</option><option value="38">Zechariah</option><option value="40">Matthew</option><option value="41">Mark</option><option value="42">Luke</option><option value="43">John</option><option value="44">Acts</option><option value="45">Romans</option><option value="46">1 Corinthians</option><option value="47">2 Corinthians</option><option value="48">Galatians</option><option value="49">Ephesians</option><option value="50">Philippians</option><option value="51">Colossians</option><option value="52">1 Thessalonians</option><option value="53">2 Thessalonians</option><option value="54">1 Timothy</option><option value="55">2 Timothy</option><option value="56">Titus</option><option value="57">Philemon</option><option value="58">Hebrews</option><option value="59">James</option><option value="60">1 Peter</option><option value="61">2 Peter</option><option value="62">1 John</option><option value="63">2 John</option><option value="64">3 John</option><option value="65">Jude</option><option value="66">Revelation</option></select>
+
                                    </div>
+
                                </div>
+
                            </div>
+
                            <!-- /Bible Q&A By Scripture - Tab Content -->
+
                            <!-- Bible Q&A By Title - Tab Content -->
+
                            <div id="bibleqna_by_title" class="study-tab-content" data-bind="visible: activeTabContent() === 'bibleqna_by_title' " style="display: none;">
+
                                <div class="row filter">
+
                                    <div class="col s12 m6 l4">
+
                                        <label>Beginning With:</label>
+
                                        <select class="browser-default" data-bind="disable:isBusy, options:possibleLetters,  value: filterValueLetter, event: {change: letterChange} "><option value="A">A</option><option value="B">B</option><option value="C">C</option><option value="D">D</option><option value="E">E</option><option value="F">F</option><option value="G">G</option><option value="H">H</option><option value="I">I</option><option value="J">J</option><option value="K">K</option><option value="L">L</option><option value="M">M</option><option value="N">N</option><option value="O">O</option><option value="P">P</option><option value="Q">Q</option><option value="R">R</option><option value="S">S</option><option value="T">T</option><option value="U">U</option><option value="V">V</option><option value="W">W</option><option value="Y">Y</option><option value="Z">Z</option></select>
+
                                    </div>
+
                                </div>
+
                            </div>
+
                            <!-- /Bible Q&A By Title - Tab Content -->
+
                        </div>
+
                        <!--Tabs Bible Q&A -->
+
                        <!--Tabs Portraits of Grace-->
+
                        <div data-bind="visible:currentRequest() === 8" style="display: none;">
+
                            <h2>Find Portraits Of Grace By:</h2>
+
 
+
                            <!-- Tabs -->
+
                            <ul class="tabs library" style="width: 100%;">
+
                                <li class="tab">
+
                                    <a id="portraitsOfGraceTitleTab" class="waves-effect" href="#portraitsofgrace_by_title" data-bind="css:{active: activeTab()==='title'},click: function(){ clickTab('title','portraitsofgrace_by_title')}" style="">
+
                                        <span>By Title</span>
+
                                    </a>
+
                                </li>
+
                            </ul>
+
                            <!-- /Tabs -->
+
                            <!-- Portraits Of Grace By Title - Tab Content -->
+
                            <div id="portraitsofgrace_by_title" class="study-tab-content" data-bind="visible: activeTabContent() === 'portraitsofgrace_by_title' " style="display: none;">
+
                                <div class="row filter">
+
                                    <div class="col s12 m6 l4">
+
                                        <label>Beginning With:</label>
+
                                        <select class="browser-default" data-bind="disable:isBusy, options:possibleLetters,  value: filterValueLetter, event: {change: letterChange} "><option value="A">A</option><option value="B">B</option><option value="C">C</option><option value="D">D</option><option value="E">E</option><option value="F">F</option><option value="G">G</option><option value="H">H</option><option value="I">I</option><option value="J">J</option><option value="K">K</option><option value="L">L</option><option value="M">M</option><option value="N">N</option><option value="O">O</option><option value="P">P</option><option value="Q">Q</option><option value="R">R</option><option value="S">S</option><option value="T">T</option><option value="U">U</option><option value="V">V</option><option value="W">W</option><option value="Y">Y</option><option value="Z">Z</option></select>
+
                                    </div>
+
                                </div>
+
                            </div>
+
                            <!-- /Portraits Of Grace By Title - Tab Content -->
+
                            <!-- Portraits Of Grace By Topic - Tab Content -->
+
                            <div id="portraitsofgrace_by_topic" class="study-tab-content" data-bind="visible: activeTabContent() === 'portraitsofgrace_by_topic' " style="display: none;">
+
 
+
                                <h4>Search for a Topic:</h4>
+
                                <div class="form-container">
+
                                    <div class="input-field">
+
                                        <input id="search_topic" type="search" data-bind="textInput:topicsLookup">
+
                                        <label for="search_topic"><em>Example:</em> Sanctification</label>
+
                                    </div>
+
                                </div>
+
 
+
 
+
                                <h4 data-bind="visible:hasTopics" style="display: none;">Browse:</h4>
+
 
+
                                <div style="" data-bind="visible:!hasTopics()">
+
                                    <h4>No topics</h4>
+
                                </div>
+
                                <ul class="resource-topics" data-bind="foreach: topics()"></ul>
+
                            </div>
+
                            <!-- /Portraits Of Grace By Topic - Tab Content -->
+
                        </div>
+
                        <!--Tabs Portraits of Grace-->
+
                        <!-- Translations -->
+
                        <!-- Translations -->
+
 
+
                        <div data-bind="visible:currentRequest() === 9" style="display: none;">
+
                            <h2 style="" data-bind="visible: !isGRO()">Find Translations By:</h2>
+
                            <h2 style="display:none;" data-bind="visible: isGRO, html: languageText()"></h2>
+
                            <div class="row filter">
+
                                <div class="col s12 m5">
+
                                    <label>Language:</label>
+
                                    <select class="browser-default" data-bind="disable:isBusy, options:possibleLanguages, optionsValue: 'name'  , optionsText:'displayName' ,  value: filterValueLanguage, event: {change: languageChange} "></select>
+
                                </div>
+
                                <div class="col s6 m3 chapter">
+
                                    <label>Category:</label>
+
                                    <select class="browser-default" data-bind="disable:isBusy,options:possibleCategories, optionsValue: 'name'  , optionsText:'displayName' ,  value: filterValueCategory, event: {change: categoryChange} "></select>
+
                                </div>
+
                                <div class="col m6 l3">
+
                                    <label>Beginning With:</label>
+
                                    <select class="browser-default" data-bind="disable:isBusy, options:possibleLetters,  value: filterValueLetter,    event: {change: letterChange} "><option value="A">A</option><option value="B">B</option><option value="C">C</option><option value="D">D</option><option value="E">E</option><option value="F">F</option><option value="G">G</option><option value="H">H</option><option value="I">I</option><option value="J">J</option><option value="K">K</option><option value="L">L</option><option value="M">M</option><option value="N">N</option><option value="O">O</option><option value="P">P</option><option value="Q">Q</option><option value="R">R</option><option value="S">S</option><option value="T">T</option><option value="U">U</option><option value="V">V</option><option value="W">W</option><option value="Y">Y</option><option value="Z">Z</option></select>
+
                                </div>
+
                            </div>
+
                        </div>
+
                        <!-- /Translations -->
+
                        <div class="row library-resources-pagination">
+
                            <div class="col s12 m5">
+
                                <div data-bind="visible: totalNumberOfRecordsVisible() " style="">
+
                                    <h4 class="library-resources"> <strong><span data-bind="text:totalNumberOfRecords">56</span></strong> library resources.</h4>
+
                                </div>
+
                            </div>
+
                            <div class="col s12 m7">
+
                                <ul class="pagination">
+
                                    <li data-bind="click: function(){ clickPager('firstChevron')}, css:{ 'disabled' : !firstChevronIsActive(),  'waves-effect' : firstChevronIsActive  }" class="waves-effect"><a data-bind="attr:{href : 'javascript:void(0)'}" href="javascript:void(0)"><i class="mdi-navigation-chevron-left"></i></a></li>
+
                                    <!-- ko foreach: visiblePageLinks -->
+
                                    <li data-bind="click: clickPager, css : {'active': isActive, 'waves-effect' : !isActive()}" class="waves-effect"><a data-bind="text:page, attr:{href : 'javascript:void(0)'}" href="javascript:void(0)">1</a></li>
+
                                   
+
                                    <li data-bind="click: clickPager, css : {'active': isActive, 'waves-effect' : !isActive()}" class="waves-effect"><a data-bind="text:page, attr:{href : 'javascript:void(0)'}" href="javascript:void(0)">2</a></li>
+
                                   
+
                                    <li data-bind="click: clickPager, css : {'active': isActive, 'waves-effect' : !isActive()}" class="active"><a data-bind="text:page, attr:{href : 'javascript:void(0)'}" href="javascript:void(0)">3</a></li>
+
                                    <!-- /ko -->
+
                                    <li data-bind="click: function(){ clickPager('lastChevron')}, css:{ 'disabled' : !lastChevronIsActive(),  'waves-effect' : lastChevronIsActive  }" class="disabled"><a data-bind="attr:{href : 'javascript:void(0)'}" href="javascript:void(0)"><i class="mdi-navigation-chevron-right"></i></a></li>
+
                                </ul>
+
                            </div>
+
                        </div>
+
                        <div id="resultsWrapper">
+
                            <!-- Results All -->
+
                            <div class="assets-list library" data-bind="foreach: itemsNoCategory, visible: items().length > 0" style=""></div><!-- Results All -->
+
                            <!-- Results sermons -->
+
                            <div data-bind="foreach:itemsSermons, visible: items().length > 0" style="">
+
                                <!-- Repeating Sermon -->
+
                                <div class="gty-asset store-library sermon">
+
                                    <div class="title">
+
                                        <a data-bind="attr:{ href: '/library/' + category() + '/' + code() + '/' + seoFriendlyName() }" href="/library/sermons-library/90-265/the-polarizing-effect-of-canaans-curse"><span data-bind="html:name">The Polarizing Effect of Canaan's Curse</span></a>
+
                                    </div>
+
                                    <div class="description">
+
                                        <div class="scripture">
+
                                            <i class="fa fa-book"></i> <span data-bind="text:scripture">Genesis 9:18–29</span>
+
                                        </div>
+
                                        <div class="date" data-bind="visible: validDate()">
+
                                            <i class="fa fa-calendar"></i> <span data-bind="text:dateDisplay">Jun 24, 2001</span>
+
                                        </div>
+
                                        <div class="code">
+
                                            <i class="fa fa-file-code-o"></i> <span data-bind="text:code">90-265</span>
+
                                        </div>
+
                                    </div>
+
                                    <div class="btn-group">
+
                                        <button type="button" class="btn waves-effect dropdown-button" data-constrainwidth="false" data-bind="attr: {'data-activates': 'ddcd' + $index()}" data-activates="ddcd0"><i class="ion-headphone"></i> <span>Audio</span></button><ul data-bind="attr: {id: 'ddcd' + $index()}" class="dropdown-content bg-black" id="ddcd0" style="display: none;">
+
                                            <li>
+
                                                <a class="waves-effect play-in-player" data-bind="attr:{ 'data-id': code, 'data-request': '0'}" data-id="90-265" data-request="0"><i class="mdi-av-play-circle-fill"></i> <span>Play</span></a>
+
                                            </li>
+
                                            <li>
+
                                                <a class="waves-effect add-to-playlist" data-bind="attr:{ 'data-id': code, 'data-request': '0' }" onclick="Materialize.toast('Added to Playlist', 4000)" data-id="90-265" data-request="0"><i class="mdi-av-playlist-add"></i> <span>Add to Playlist</span></a>
+
                                            </li>
+
                                            <li>
+
                                                <a class="waves-effect " download="" data-bind="attr: {href: 'https://cdn.gty.org'+ urlLanguageSegment()  +'/sermons/High/'+ code().replace(/GAV-/, '') + '.mp3?x-source=website&amp;x-type=download'}" href="https://cdn.gty.org/sermons/High/90-265.mp3?x-source=website&amp;x-type=download"><i class="fa fa-download"></i> <span>MP3 (High Quality)</span></a>
+
                                            </li>
+
                                            <li>
+
                                                <a class="waves-effect " download="" data-bind="attr: {href: 'https://cdn.gty.org'+ urlLanguageSegment()  +'/sermons/Low/'+ code().replace(/GAV-/, '') + '.mp3?x-source=website&amp;x-type=download'}" href="https://cdn.gty.org/sermons/Low/90-265.mp3?x-source=website&amp;x-type=download"><i class="fa fa-download"></i> <span>MP3 (Low Quality)</span></a>
+
                                            </li>
+
                                            <li>
+
                                                <a class="waves-effect" data-bind="attr:{ href: '/store/' + category() + '/' + code() + '/' + seoFriendlyName() }" href="/store/sermons-library/90-265/the-polarizing-effect-of-canaans-curse"><i class="mdi-action-shopping-cart"></i> <span>Buy CD</span></a>
+
                                            </li>
+
                                        </ul>
+
                                       
+
                                        <button type="button" class="btn waves-effect dropdown-button" data-constrainwidth="false" data-bind="visible:youTubeCode()!=='',attr: {'data-activates': 'dddvd' + $index()}" data-activates="dddvd0" style="display: none;"><i class="fa fa-youtube-play"></i><span>Video</span></button><ul data-bind="attr: {id: 'dddvd' + $index()}" class="dropdown-content bg-black" id="dddvd0" style="display: none;">
+
                                            <li>
+
                                                <a class="waves-effect play-in-player" data-bind="attr:{ 'data-id': code, 'data-request': '1'}" data-id="90-265" data-request="1"><i class="mdi-av-play-circle-fill"></i> <span>Play</span></a>
+
                                            </li>
+
                                            <li>
+
                                                <a class="waves-effect add-to-playlist" data-bind="attr:{ 'data-id': code,'data-request': '1'}" onclick="Materialize.toast('Added to Playlist', 4000)" data-id="90-265" data-request="1"><i class="mdi-av-playlist-add"></i> Add to Playlist</a>
+
                                            </li>
+
                                            <li>
+
                                                <a class="waves-effect " download="" data-bind="attr: {href: 'http://videos.gty.org.s3.amazonaws.com/download/V82'+ code() + '.mp4?x-source=website&amp;x-type=download'}" href="http://videos.gty.org.s3.amazonaws.com/download/V8290-265.mp4?x-source=website&amp;x-type=download"><i class="fa fa-download"></i> <span>Download MP4</span></a>
+
 
+
                                            </li>
+
                                            <li data-bind="visible:code2()!==''" style="display: none;">
+
                                                <a class="waves-effect" data-bind="attr:{ href: '/store/dvds/82'  + code() + '/' + seoFriendlyName() }" href="/store/dvds/8290-265/the-polarizing-effect-of-canaans-curse"><i class="mdi-action-shopping-cart"></i> <span>Buy DVD</span></a>
+
                                            </li>
+
                                        </ul>
+
                                       
+
                                    </div>
+
                                </div>
+
                                <!-- Results sermons -->
+
                                <!-- Results articles -->
+
                           
+
                                <!-- Repeating Sermon -->
+
                                <div class="gty-asset store-library sermon">
+
                                    <div class="title">
+
                                        <a data-bind="attr:{ href: '/library/' + category() + '/' + code() + '/' + seoFriendlyName() }" href="/library/sermons-library/90-266/history-in-the-new-world"><span data-bind="html:name">History in the New World</span></a>
+
                                    </div>
+
                                    <div class="description">
+
                                        <div class="scripture">
+
                                            <i class="fa fa-book"></i> <span data-bind="text:scripture">Genesis 10:1–32</span>
+
                                        </div>
+
                                        <div class="date" data-bind="visible: validDate()">
+
                                            <i class="fa fa-calendar"></i> <span data-bind="text:dateDisplay">Jul 1, 2001</span>
+
                                        </div>
+
                                        <div class="code">
+
                                            <i class="fa fa-file-code-o"></i> <span data-bind="text:code">90-266</span>
+
                                        </div>
+
                                    </div>
+
                                    <div class="btn-group">
+
                                        <button type="button" class="btn waves-effect dropdown-button" data-constrainwidth="false" data-bind="attr: {'data-activates': 'ddcd' + $index()}" data-activates="ddcd1"><i class="ion-headphone"></i> <span>Audio</span></button><ul data-bind="attr: {id: 'ddcd' + $index()}" class="dropdown-content bg-black" id="ddcd1" style="display: none;">
+
                                            <li>
+
                                                <a class="waves-effect play-in-player" data-bind="attr:{ 'data-id': code, 'data-request': '0'}" data-id="90-266" data-request="0"><i class="mdi-av-play-circle-fill"></i> <span>Play</span></a>
+
                                            </li>
+
                                            <li>
+
                                                <a class="waves-effect add-to-playlist" data-bind="attr:{ 'data-id': code, 'data-request': '0' }" onclick="Materialize.toast('Added to Playlist', 4000)" data-id="90-266" data-request="0"><i class="mdi-av-playlist-add"></i> <span>Add to Playlist</span></a>
+
                                            </li>
+
                                            <li>
+
                                                <a class="waves-effect " download="" data-bind="attr: {href: 'https://cdn.gty.org'+ urlLanguageSegment()  +'/sermons/High/'+ code().replace(/GAV-/, '') + '.mp3?x-source=website&amp;x-type=download'}" href="https://cdn.gty.org/sermons/High/90-266.mp3?x-source=website&amp;x-type=download"><i class="fa fa-download"></i> <span>MP3 (High Quality)</span></a>
+
                                            </li>
+
                                            <li>
+
                                                <a class="waves-effect " download="" data-bind="attr: {href: 'https://cdn.gty.org'+ urlLanguageSegment()  +'/sermons/Low/'+ code().replace(/GAV-/, '') + '.mp3?x-source=website&amp;x-type=download'}" href="https://cdn.gty.org/sermons/Low/90-266.mp3?x-source=website&amp;x-type=download"><i class="fa fa-download"></i> <span>MP3 (Low Quality)</span></a>
+
                                            </li>
+
                                            <li>
+
                                                <a class="waves-effect" data-bind="attr:{ href: '/store/' + category() + '/' + code() + '/' + seoFriendlyName() }" href="/store/sermons-library/90-266/history-in-the-new-world"><i class="mdi-action-shopping-cart"></i> <span>Buy CD</span></a>
+
                                            </li>
+
                                        </ul>
+
                                       
+
                                        <button type="button" class="btn waves-effect dropdown-button" data-constrainwidth="false" data-bind="visible:youTubeCode()!=='',attr: {'data-activates': 'dddvd' + $index()}" data-activates="dddvd1" style="display: none;"><i class="fa fa-youtube-play"></i><span>Video</span></button><ul data-bind="attr: {id: 'dddvd' + $index()}" class="dropdown-content bg-black" id="dddvd1" style="display: none;">
+
                                            <li>
+
                                                <a class="waves-effect play-in-player" data-bind="attr:{ 'data-id': code, 'data-request': '1'}" data-id="90-266" data-request="1"><i class="mdi-av-play-circle-fill"></i> <span>Play</span></a>
+
                                            </li>
+
                                            <li>
+
                                                <a class="waves-effect add-to-playlist" data-bind="attr:{ 'data-id': code,'data-request': '1'}" onclick="Materialize.toast('Added to Playlist', 4000)" data-id="90-266" data-request="1"><i class="mdi-av-playlist-add"></i> Add to Playlist</a>
+
                                            </li>
+
                                            <li>
+
                                                <a class="waves-effect " download="" data-bind="attr: {href: 'http://videos.gty.org.s3.amazonaws.com/download/V82'+ code() + '.mp4?x-source=website&amp;x-type=download'}" href="http://videos.gty.org.s3.amazonaws.com/download/V8290-266.mp4?x-source=website&amp;x-type=download"><i class="fa fa-download"></i> <span>Download MP4</span></a>
+
 
+
                                            </li>
+
                                            <li data-bind="visible:code2()!==''" style="display: none;">
+
                                                <a class="waves-effect" data-bind="attr:{ href: '/store/dvds/82'  + code() + '/' + seoFriendlyName() }" href="/store/dvds/8290-266/history-in-the-new-world"><i class="mdi-action-shopping-cart"></i> <span>Buy DVD</span></a>
+
                                            </li>
+
                                        </ul>
+
                                       
+
                                    </div>
+
                                </div>
+
                                <!-- Results sermons -->
+
                                <!-- Results articles -->
+
                           
+
                                <!-- Repeating Sermon -->
+
                                <div class="gty-asset store-library sermon">
+
                                    <div class="title">
+
                                        <a data-bind="attr:{ href: '/library/' + category() + '/' + code() + '/' + seoFriendlyName() }" href="/library/sermons-library/90-267/judgment-of-the-rebellion-at-babel-part-1"><span data-bind="html:name">Judgment of the Rebellion at Babel, Part 1</span></a>
+
                                    </div>
+
                                    <div class="description">
+
                                        <div class="scripture">
+
                                            <i class="fa fa-book"></i> <span data-bind="text:scripture">Genesis 11:1–9</span>
+
                                        </div>
+
                                        <div class="date" data-bind="visible: validDate()">
+
                                            <i class="fa fa-calendar"></i> <span data-bind="text:dateDisplay">Aug 26, 2001</span>
+
                                        </div>
+
                                        <div class="code">
+
                                            <i class="fa fa-file-code-o"></i> <span data-bind="text:code">90-267</span>
+
                                        </div>
+
                                    </div>
+
                                    <div class="btn-group">
+
                                        <button type="button" class="btn waves-effect dropdown-button" data-constrainwidth="false" data-bind="attr: {'data-activates': 'ddcd' + $index()}" data-activates="ddcd2"><i class="ion-headphone"></i> <span>Audio</span></button><ul data-bind="attr: {id: 'ddcd' + $index()}" class="dropdown-content bg-black active" id="ddcd2" style="white-space: nowrap; position: absolute; top: 0px; left: 2.60541px; opacity: 1; display: none;">
+
                                            <li>
+
                                                <a class="waves-effect play-in-player" data-bind="attr:{ 'data-id': code, 'data-request': '0'}" data-id="90-267" data-request="0"><i class="mdi-av-play-circle-fill"></i> <span>Play</span></a>
+
                                            </li>
+
                                            <li>
+
                                                <a class="waves-effect add-to-playlist" data-bind="attr:{ 'data-id': code, 'data-request': '0' }" onclick="Materialize.toast('Added to Playlist', 4000)" data-id="90-267" data-request="0"><i class="mdi-av-playlist-add"></i> <span>Add to Playlist</span></a>
+
                                            </li>
+
                                            <li>
+
                                                <a class="waves-effect " download="" data-bind="attr: {href: 'https://cdn.gty.org'+ urlLanguageSegment()  +'/sermons/High/'+ code().replace(/GAV-/, '') + '.mp3?x-source=website&amp;x-type=download'}" href="https://cdn.gty.org/sermons/High/90-267.mp3?x-source=website&amp;x-type=download"><i class="fa fa-download"></i> <span>MP3 (High Quality)</span></a>
+
                                            </li>
+
                                            <li>
+
                                                <a class="waves-effect " download="" data-bind="attr: {href: 'https://cdn.gty.org'+ urlLanguageSegment()  +'/sermons/Low/'+ code().replace(/GAV-/, '') + '.mp3?x-source=website&amp;x-type=download'}" href="https://cdn.gty.org/sermons/Low/90-267.mp3?x-source=website&amp;x-type=download"><i class="fa fa-download"></i> <span>MP3 (Low Quality)</span></a>
+
                                            </li>
+
                                            <li>
+
                                                <a class="waves-effect" data-bind="attr:{ href: '/store/' + category() + '/' + code() + '/' + seoFriendlyName() }" href="/store/sermons-library/90-267/judgment-of-the-rebellion-at-babel-part-1"><i class="mdi-action-shopping-cart"></i> <span>Buy CD</span></a>
+
                                            </li>
+
                                        </ul>
+
                                       
+
                                        <button type="button" class="btn waves-effect dropdown-button" data-constrainwidth="false" data-bind="visible:youTubeCode()!=='',attr: {'data-activates': 'dddvd' + $index()}" data-activates="dddvd2" style="display: none;"><i class="fa fa-youtube-play"></i><span>Video</span></button><ul data-bind="attr: {id: 'dddvd' + $index()}" class="dropdown-content bg-black" id="dddvd2" style="display: none;">
+
                                            <li>
+
                                                <a class="waves-effect play-in-player" data-bind="attr:{ 'data-id': code, 'data-request': '1'}" data-id="90-267" data-request="1"><i class="mdi-av-play-circle-fill"></i> <span>Play</span></a>
+
                                            </li>
+
                                            <li>
+
                                                <a class="waves-effect add-to-playlist" data-bind="attr:{ 'data-id': code,'data-request': '1'}" onclick="Materialize.toast('Added to Playlist', 4000)" data-id="90-267" data-request="1"><i class="mdi-av-playlist-add"></i> Add to Playlist</a>
+
                                            </li>
+
                                            <li>
+
                                                <a class="waves-effect " download="" data-bind="attr: {href: 'http://videos.gty.org.s3.amazonaws.com/download/V82'+ code() + '.mp4?x-source=website&amp;x-type=download'}" href="http://videos.gty.org.s3.amazonaws.com/download/V8290-267.mp4?x-source=website&amp;x-type=download"><i class="fa fa-download"></i> <span>Download MP4</span></a>
+
 
+
                                            </li>
+
                                            <li data-bind="visible:code2()!==''" style="display: none;">
+
                                                <a class="waves-effect" data-bind="attr:{ href: '/store/dvds/82'  + code() + '/' + seoFriendlyName() }" href="/store/dvds/8290-267/judgment-of-the-rebellion-at-babel-part-1"><i class="mdi-action-shopping-cart"></i> <span>Buy DVD</span></a>
+
                                            </li>
+
                                        </ul>
+
                                       
+
                                    </div>
+
                                </div>
+
                                <!-- Results sermons -->
+
                                <!-- Results articles -->
+
                           
+
                                <!-- Repeating Sermon -->
+
                                <div class="gty-asset store-library sermon">
+
                                    <div class="title">
+
                                        <a data-bind="attr:{ href: '/library/' + category() + '/' + code() + '/' + seoFriendlyName() }" href="/library/sermons-library/90-268/judgment-of-the-rebellion-at-babel-part-2"><span data-bind="html:name">Judgment of the Rebellion at Babel, Part 2</span></a>
+
                                    </div>
+
                                    <div class="description">
+
                                        <div class="scripture">
+
                                            <i class="fa fa-book"></i> <span data-bind="text:scripture">Genesis 11:1–9</span>
+
                                        </div>
+
                                        <div class="date" data-bind="visible: validDate()">
+
                                            <i class="fa fa-calendar"></i> <span data-bind="text:dateDisplay">Sep 2, 2001</span>
+
                                        </div>
+
                                        <div class="code">
+
                                            <i class="fa fa-file-code-o"></i> <span data-bind="text:code">90-268</span>
+
                                        </div>
+
                                    </div>
+
                                    <div class="btn-group">
+
                                        <button type="button" class="btn waves-effect dropdown-button" data-constrainwidth="false" data-bind="attr: {'data-activates': 'ddcd' + $index()}" data-activates="ddcd3"><i class="ion-headphone"></i> <span>Audio</span></button><ul data-bind="attr: {id: 'ddcd' + $index()}" class="dropdown-content bg-black" id="ddcd3" style="white-space: nowrap; position: absolute; top: 0px; left: 0px; opacity: 1; display: none;">
+
                                            <li>
+
                                                <a class="waves-effect play-in-player" data-bind="attr:{ 'data-id': code, 'data-request': '0'}" data-id="90-268" data-request="0"><i class="mdi-av-play-circle-fill"></i> <span>Play</span></a>
+
                                            </li>
+
                                            <li>
+
                                                <a class="waves-effect add-to-playlist" data-bind="attr:{ 'data-id': code, 'data-request': '0' }" onclick="Materialize.toast('Added to Playlist', 4000)" data-id="90-268" data-request="0"><i class="mdi-av-playlist-add"></i> <span>Add to Playlist</span></a>
+
                                            </li>
+
                                            <li>
+
                                                <a class="waves-effect " download="" data-bind="attr: {href: 'https://cdn.gty.org'+ urlLanguageSegment()  +'/sermons/High/'+ code().replace(/GAV-/, '') + '.mp3?x-source=website&amp;x-type=download'}" href="https://cdn.gty.org/sermons/High/90-268.mp3?x-source=website&amp;x-type=download"><i class="fa fa-download"></i> <span>MP3 (High Quality)</span></a>
+
                                            </li>
+
                                            <li>
+
                                                <a class="waves-effect " download="" data-bind="attr: {href: 'https://cdn.gty.org'+ urlLanguageSegment()  +'/sermons/Low/'+ code().replace(/GAV-/, '') + '.mp3?x-source=website&amp;x-type=download'}" href="https://cdn.gty.org/sermons/Low/90-268.mp3?x-source=website&amp;x-type=download"><i class="fa fa-download"></i> <span>MP3 (Low Quality)</span></a>
+
                                            </li>
+
                                            <li>
+
                                                <a class="waves-effect" data-bind="attr:{ href: '/store/' + category() + '/' + code() + '/' + seoFriendlyName() }" href="/store/sermons-library/90-268/judgment-of-the-rebellion-at-babel-part-2"><i class="mdi-action-shopping-cart"></i> <span>Buy CD</span></a>
+
                                            </li>
+
                                        </ul>
+
                                       
+
                                        <button type="button" class="btn waves-effect dropdown-button" data-constrainwidth="false" data-bind="visible:youTubeCode()!=='',attr: {'data-activates': 'dddvd' + $index()}" data-activates="dddvd3" style="display: none;"><i class="fa fa-youtube-play"></i><span>Video</span></button><ul data-bind="attr: {id: 'dddvd' + $index()}" class="dropdown-content bg-black" id="dddvd3" style="display: none;">
+
                                            <li>
+
                                                <a class="waves-effect play-in-player" data-bind="attr:{ 'data-id': code, 'data-request': '1'}" data-id="90-268" data-request="1"><i class="mdi-av-play-circle-fill"></i> <span>Play</span></a>
+
                                            </li>
+
                                            <li>
+
                                                <a class="waves-effect add-to-playlist" data-bind="attr:{ 'data-id': code,'data-request': '1'}" onclick="Materialize.toast('Added to Playlist', 4000)" data-id="90-268" data-request="1"><i class="mdi-av-playlist-add"></i> Add to Playlist</a>
+
                                            </li>
+
                                            <li>
+
                                                <a class="waves-effect " download="" data-bind="attr: {href: 'http://videos.gty.org.s3.amazonaws.com/download/V82'+ code() + '.mp4?x-source=website&amp;x-type=download'}" href="http://videos.gty.org.s3.amazonaws.com/download/V8290-268.mp4?x-source=website&amp;x-type=download"><i class="fa fa-download"></i> <span>Download MP4</span></a>
+
 
+
                                            </li>
+
                                            <li data-bind="visible:code2()!==''" style="display: none;">
+
                                                <a class="waves-effect" data-bind="attr:{ href: '/store/dvds/82'  + code() + '/' + seoFriendlyName() }" href="/store/dvds/8290-268/judgment-of-the-rebellion-at-babel-part-2"><i class="mdi-action-shopping-cart"></i> <span>Buy DVD</span></a>
+
                                            </li>
+
                                        </ul>
+
                                       
+
                                    </div>
+
                                </div>
+
                                <!-- Results sermons -->
+
                                <!-- Results articles -->
+
                           
+
                                <!-- Repeating Sermon -->
+
                                <div class="gty-asset store-library sermon">
+
                                    <div class="title">
+
                                        <a data-bind="attr:{ href: '/library/' + category() + '/' + code() + '/' + seoFriendlyName() }" href="/library/sermons-library/90-269/paganism-and-promise"><span data-bind="html:name">Paganism and Promise</span></a>
+
                                    </div>
+
                                    <div class="description">
+
                                        <div class="scripture">
+
                                            <i class="fa fa-book"></i> <span data-bind="text:scripture">Genesis 11:10–32</span>
+
                                        </div>
+
                                        <div class="date" data-bind="visible: validDate()">
+
                                            <i class="fa fa-calendar"></i> <span data-bind="text:dateDisplay">Sep 9, 2001</span>
+
                                        </div>
+
                                        <div class="code">
+
                                            <i class="fa fa-file-code-o"></i> <span data-bind="text:code">90-269</span>
+
                                        </div>
+
                                    </div>
+
                                    <div class="btn-group">
+
                                        <button type="button" class="btn waves-effect dropdown-button" data-constrainwidth="false" data-bind="attr: {'data-activates': 'ddcd' + $index()}" data-activates="ddcd4"><i class="ion-headphone"></i> <span>Audio</span></button><ul data-bind="attr: {id: 'ddcd' + $index()}" class="dropdown-content bg-black" id="ddcd4" style="display: none;">
+
                                            <li>
+
                                                <a class="waves-effect play-in-player" data-bind="attr:{ 'data-id': code, 'data-request': '0'}" data-id="90-269" data-request="0"><i class="mdi-av-play-circle-fill"></i> <span>Play</span></a>
+
                                            </li>
+
                                            <li>
+
                                                <a class="waves-effect add-to-playlist" data-bind="attr:{ 'data-id': code, 'data-request': '0' }" onclick="Materialize.toast('Added to Playlist', 4000)" data-id="90-269" data-request="0"><i class="mdi-av-playlist-add"></i> <span>Add to Playlist</span></a>
+
                                            </li>
+
                                            <li>
+
                                                <a class="waves-effect " download="" data-bind="attr: {href: 'https://cdn.gty.org'+ urlLanguageSegment()  +'/sermons/High/'+ code().replace(/GAV-/, '') + '.mp3?x-source=website&amp;x-type=download'}" href="https://cdn.gty.org/sermons/High/90-269.mp3?x-source=website&amp;x-type=download"><i class="fa fa-download"></i> <span>MP3 (High Quality)</span></a>
+
                                            </li>
+
                                            <li>
+
                                                <a class="waves-effect " download="" data-bind="attr: {href: 'https://cdn.gty.org'+ urlLanguageSegment()  +'/sermons/Low/'+ code().replace(/GAV-/, '') + '.mp3?x-source=website&amp;x-type=download'}" href="https://cdn.gty.org/sermons/Low/90-269.mp3?x-source=website&amp;x-type=download"><i class="fa fa-download"></i> <span>MP3 (Low Quality)</span></a>
+
                                            </li>
+
                                            <li>
+
                                                <a class="waves-effect" data-bind="attr:{ href: '/store/' + category() + '/' + code() + '/' + seoFriendlyName() }" href="/store/sermons-library/90-269/paganism-and-promise"><i class="mdi-action-shopping-cart"></i> <span>Buy CD</span></a>
+
                                            </li>
+
                                        </ul>
+
                                       
+
                                        <button type="button" class="btn waves-effect dropdown-button" data-constrainwidth="false" data-bind="visible:youTubeCode()!=='',attr: {'data-activates': 'dddvd' + $index()}" data-activates="dddvd4" style="display: none;"><i class="fa fa-youtube-play"></i><span>Video</span></button><ul data-bind="attr: {id: 'dddvd' + $index()}" class="dropdown-content bg-black" id="dddvd4" style="display: none;">
+
                                            <li>
+
                                                <a class="waves-effect play-in-player" data-bind="attr:{ 'data-id': code, 'data-request': '1'}" data-id="90-269" data-request="1"><i class="mdi-av-play-circle-fill"></i> <span>Play</span></a>
+
                                            </li>
+
                                            <li>
+
                                                <a class="waves-effect add-to-playlist" data-bind="attr:{ 'data-id': code,'data-request': '1'}" onclick="Materialize.toast('Added to Playlist', 4000)" data-id="90-269" data-request="1"><i class="mdi-av-playlist-add"></i> Add to Playlist</a>
+
                                            </li>
+
                                            <li>
+
                                                <a class="waves-effect " download="" data-bind="attr: {href: 'http://videos.gty.org.s3.amazonaws.com/download/V82'+ code() + '.mp4?x-source=website&amp;x-type=download'}" href="http://videos.gty.org.s3.amazonaws.com/download/V8290-269.mp4?x-source=website&amp;x-type=download"><i class="fa fa-download"></i> <span>Download MP4</span></a>
+
 
+
                                            </li>
+
                                            <li data-bind="visible:code2()!==''" style="display: none;">
+
                                                <a class="waves-effect" data-bind="attr:{ href: '/store/dvds/82'  + code() + '/' + seoFriendlyName() }" href="/store/dvds/8290-269/paganism-and-promise"><i class="mdi-action-shopping-cart"></i> <span>Buy DVD</span></a>
+
                                            </li>
+
                                        </ul>
+
                                       
+
                                    </div>
+
                                </div>
+
                                <!-- Results sermons -->
+
                                <!-- Results articles -->
+
                           
+
                                <!-- Repeating Sermon -->
+
                                <div class="gty-asset store-library sermon">
+
                                    <div class="title">
+
                                        <a data-bind="attr:{ href: '/library/' + category() + '/' + code() + '/' + seoFriendlyName() }" href="/library/sermons-library/80-118/marks-of-a-godly-servant"><span data-bind="html:name">Marks of a Godly Servant</span></a>
+
                                    </div>
+
                                    <div class="description">
+
                                        <div class="scripture">
+
                                            <i class="fa fa-book"></i> <span data-bind="text:scripture">Genesis 24</span>
+
                                        </div>
+
                                        <div class="date" data-bind="visible: validDate()">
+
                                            <i class="fa fa-calendar"></i> <span data-bind="text:dateDisplay">Jun 30, 1993</span>
+
                                        </div>
+
                                        <div class="code">
+
                                            <i class="fa fa-file-code-o"></i> <span data-bind="text:code">80-118</span>
+
                                        </div>
+
                                    </div>
+
                                    <div class="btn-group">
+
                                        <button type="button" class="btn waves-effect dropdown-button" data-constrainwidth="false" data-bind="attr: {'data-activates': 'ddcd' + $index()}" data-activates="ddcd5"><i class="ion-headphone"></i> <span>Audio</span></button><ul data-bind="attr: {id: 'ddcd' + $index()}" class="dropdown-content bg-black" id="ddcd5" style="display: none;">
+
                                            <li>
+
                                                <a class="waves-effect play-in-player" data-bind="attr:{ 'data-id': code, 'data-request': '0'}" data-id="80-118" data-request="0"><i class="mdi-av-play-circle-fill"></i> <span>Play</span></a>
+
                                            </li>
+
                                            <li>
+
                                                <a class="waves-effect add-to-playlist" data-bind="attr:{ 'data-id': code, 'data-request': '0' }" onclick="Materialize.toast('Added to Playlist', 4000)" data-id="80-118" data-request="0"><i class="mdi-av-playlist-add"></i> <span>Add to Playlist</span></a>
+
                                            </li>
+
                                            <li>
+
                                                <a class="waves-effect " download="" data-bind="attr: {href: 'https://cdn.gty.org'+ urlLanguageSegment()  +'/sermons/High/'+ code().replace(/GAV-/, '') + '.mp3?x-source=website&amp;x-type=download'}" href="https://cdn.gty.org/sermons/High/80-118.mp3?x-source=website&amp;x-type=download"><i class="fa fa-download"></i> <span>MP3 (High Quality)</span></a>
+
                                            </li>
+
                                            <li>
+
                                                <a class="waves-effect " download="" data-bind="attr: {href: 'https://cdn.gty.org'+ urlLanguageSegment()  +'/sermons/Low/'+ code().replace(/GAV-/, '') + '.mp3?x-source=website&amp;x-type=download'}" href="https://cdn.gty.org/sermons/Low/80-118.mp3?x-source=website&amp;x-type=download"><i class="fa fa-download"></i> <span>MP3 (Low Quality)</span></a>
+
                                            </li>
+
                                            <li>
+
                                                <a class="waves-effect" data-bind="attr:{ href: '/store/' + category() + '/' + code() + '/' + seoFriendlyName() }" href="/store/sermons-library/80-118/marks-of-a-godly-servant"><i class="mdi-action-shopping-cart"></i> <span>Buy CD</span></a>
+
                                            </li>
+
                                        </ul>
+
                                       
+
                                        <button type="button" class="btn waves-effect dropdown-button" data-constrainwidth="false" data-bind="visible:youTubeCode()!=='',attr: {'data-activates': 'dddvd' + $index()}" data-activates="dddvd5" style="display: none;"><i class="fa fa-youtube-play"></i><span>Video</span></button><ul data-bind="attr: {id: 'dddvd' + $index()}" class="dropdown-content bg-black" id="dddvd5" style="display: none;">
+
                                            <li>
+
                                                <a class="waves-effect play-in-player" data-bind="attr:{ 'data-id': code, 'data-request': '1'}" data-id="80-118" data-request="1"><i class="mdi-av-play-circle-fill"></i> <span>Play</span></a>
+
                                            </li>
+
                                            <li>
+
                                                <a class="waves-effect add-to-playlist" data-bind="attr:{ 'data-id': code,'data-request': '1'}" onclick="Materialize.toast('Added to Playlist', 4000)" data-id="80-118" data-request="1"><i class="mdi-av-playlist-add"></i> Add to Playlist</a>
+
                                            </li>
+
                                            <li>
+
                                                <a class="waves-effect " download="" data-bind="attr: {href: 'http://videos.gty.org.s3.amazonaws.com/download/V82'+ code() + '.mp4?x-source=website&amp;x-type=download'}" href="http://videos.gty.org.s3.amazonaws.com/download/V8280-118.mp4?x-source=website&amp;x-type=download"><i class="fa fa-download"></i> <span>Download MP4</span></a>
+
 
+
                                            </li>
+
                                            <li data-bind="visible:code2()!==''" style="display: none;">
+
                                                <a class="waves-effect" data-bind="attr:{ href: '/store/dvds/82'  + code() + '/' + seoFriendlyName() }" href="/store/dvds/8280-118/marks-of-a-godly-servant"><i class="mdi-action-shopping-cart"></i> <span>Buy DVD</span></a>
+
                                            </li>
+
                                        </ul>
+
                                       
+
                                    </div>
+
                                </div>
+
                                <!-- Results sermons -->
+
                                <!-- Results articles -->
+
                            </div>
+
                            <div class="assets-list library" data-bind="foreach: itemsArticles, visible: items().length > 0" style=""></div>
+
                            <!-- Results articles -->
+
                            <!-- Results study guides -->
+
                            <div class="assets-list library" data-bind="foreach: itemsStudyGuides, visible: items().length > 0" style=""></div>
+
                            <!-- Results study guides -->
+
                            <!-- Results topical series -->
+
                            <div class="assets-list library" data-bind="foreach: itemsTopicalSeries, visible: items().length > 0" style=""></div>
+
                            <!-- Results topical series -->
+
                            <!-- Results bible series -->
+
                            <div class="assets-list library" data-bind="foreach: itemsBibleSeries, visible: items().length > 0" style=""></div>
+
                            <!-- Results bible series -->
+
                            <!--Results Bible Q&A -->
+
                            <div class="assets-list library" data-bind="foreach: itemsBibleQna, visible: items().length > 0" style=""></div>
+
<!--Results Bible Q&A -->
+
<!--Results portraits of grace-->
+
<div class="assets-list library" data-bind="foreach: itemsPortraitsOfGrace, visible: items().length > 0" style=""></div>
+
<!--Results portraits of grace-->
+
<!-- Translations -->
+
<!-- Translated Articles - Tab Content -->
+
<div class="assets-list library" data-bind="foreach: itemsTranslated, visible: items().length > 0" style=""></div>
+
<!-- /Translated Sermons - Tab Content -->
+
<!-- /Translations -->
+
</div>
+
<!-- Results all layer -->
+
<div class="gty-layer library-layer">
+
    <div class="layer-overlay" style="background: none;"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g><circle cx="0" cy="0" r="0" fill="rgb(255, 255, 255)"></circle></g></svg></div>
+
    <div class="layer-content" style="background: none; z-index: 2;">
+
        <div class="topbar white">
+
            <div class="logo-and-slogan inverted">
+
                <dl>
+
                    <dt>
+
<svg id="Grace_to_You_Logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 548 277.87">
+
    <title>Grace-to-You</title>
+
    <path d="M382.44,320.36c3-3.86,6.17-7.86,10.2-10.82a8.58,8.58,0,0,1,1-.56c1.46-.79,3.91-2.09,3.45-5.12a1.33,1.33,0,0,0-1-1.11,5.44,5.44,0,0,0-1.8-.28c-2.81,0-5.26,1.84-7.2,3.33l-.5.37c-5.93,4.4-11.31,9.82-16.55,15.09-.91.93-1.82,1.85-2.7,2.76-7,7-13.56,14.46-19.86,21.69-12.2,14-24.85,28.48-41.18,39.6-5.85,4-10.91,6.15-14.27,6.15-2,0-4.63-.61-5.21-5.86-1-8.93,4.78-17.85,8.59-23.75l.87-1.36c4.76-7.48,10.16-13.53,15.73-19.6,6.68-7.26,13.22-13.74,20.17-20.63,2-2,4.1-4.09,6.27-6.24,3.23-3.25,7.62-7.67,6.1-12.88-.66-2.16-2.46-4.74-7.49-4.74s-11.5,2.72-14,3.87c-10.05,4.69-19,10.68-28,16.91-1.76,1.21-3.53,2.49-5.39,3.86a134.79,134.79,0,0,1-12.25,8.28c-6.33,3.65-11.91,5.43-17,5.43A20.05,20.05,0,0,1,255,334a12.41,12.41,0,0,1-9.34-12.46c.06-11.11,10.22-18.9,18.89-22.2a33.4,33.4,0,0,1,11.8-2,39.26,39.26,0,0,1,14.35,2.72c.83.34,1.66.77,2.45,1.17a16.27,16.27,0,0,0,5.27,1.93h.15a1.4,1.4,0,0,0,1-.39,1.31,1.31,0,0,0,.41-1.1c-.19-3-3.39-4.5-5.5-5.5l-.57-.25a55.4,55.4,0,0,0-23-5.1c-1.23,0-2.46.05-3.68.14a34.56,34.56,0,0,0-21.08,8.88c-5.56,5.19-9.29,13-9.53,19.88a17.9,17.9,0,0,0,4.88,13.14c3.9,4.15,10.09,6.9,16.54,7.34.84.06,1.65.08,2.45.08,9.23,0,16.48-3.56,21.12-6.25A133,133,0,0,0,293,326.3c1.87-1.36,3.77-2.75,5.67-4.06l2.59-1.79c7.72-5.33,15-10.35,23.93-14.69.37-.17.76-.35,1.13-.55,2.26-1.13,4.59-2.29,6.94-2.29h0a10.25,10.25,0,0,1-2.07,2.1c-.3.27-.62.52-.89.78-4.85,4.46-10.06,8.71-15.1,12.85-12.7,10.38-25.83,21.13-35.08,36.24s-11.71,26.47-7.15,34.32c3.3,5.71,9.7,9.13,17.12,9.13a23.53,23.53,0,0,0,2.87-.18c7.66-.85,15.62-6.47,20.94-10.62,10.67-8.34,20.14-18.82,29.29-29,2.68-3,5.25-5.87,7.88-8.65-14,23.3-27.33,45.37-44.16,66.48-12.05,15.07-22.94,24.65-33.31,29.27a43.1,43.1,0,0,1-17.38,3.73c-9.79,0-18.87-3.5-24.89-9.57a27.07,27.07,0,0,1-7.8-19.8c.13-13.81,10.72-26.46,23.14-27.63.73-.07,1.49-.11,2.18-.11,6.27,0,11,2.67,13.73,7.68a13.52,13.52,0,0,1,.54,12.5,12.18,12.18,0,0,1-8.54,6.89,9.74,9.74,0,0,1-1.45.12c-.55,0-1.1-.06-1.63-.07s-1-.07-1.44-.07c-1.86,0-2.94.66-3.25,2a2.47,2.47,0,0,0,.42,2.08c.68.9,2,1.37,4,1.46l1.05,0a17.34,17.34,0,0,0,11-4.29c2.94-2.48,6.87-6.76,6.7-15.11-.22-11.44-10.45-20.08-23.8-20.08a30.09,30.09,0,0,0-7.87,1.06c-15.15,4.09-24.76,19.25-22.86,36,2.14,19,16.17,30.14,41.71,33.22h6.3c39.55-4.72,61.25-34,78.85-64.88,4.47-7.9,8.58-16.27,12.55-24.38,7.4-15.11,15-30.72,25.27-43.33C381,322.21,381.73,321.28,382.44,320.36Z" transform="translate(-50.24 -177.84)"></path>
+
    <path d="M226.5,377.92a64.86,64.86,0,0,0,9.63-14.35c4.53-9.39,7.46-26-.29-33.58-2.76-2.7-6.46-4.06-11-4.06-6.82,0-14.29,3.19-19,6.19-13.13,8.35-23.29,23-27.23,39.38-.55.64-1.14,1.33-1.78,2.05-1.78,2-3.79,4.35-6.16,6.6-.37.33-.74.7-1.13,1.06-2.54,2.45-5.41,5.22-8.57,5.22h-.14c-1.47,0-2-.56-2.19-.95-.68-1.13-1.12-4.45,3.61-13.8,6.69-13.34,13.76-27.26,20.28-38.62h7.72c.41,0,.86,0,1.3.05s1,0,1.55,0a4.86,4.86,0,0,0,3.78-1.24,3.65,3.65,0,0,0,.73-3,1.38,1.38,0,0,0-.55-.92c-1.56-1.15-3.8-1.31-5.59-1.31-1,0-2.06.07-3.13.11-.89.05-1.81.09-2.69.11,1.5-2.67,3-5.47,4.43-8.18,1.16-2.19,2.31-4.35,3.45-6.43a13.17,13.17,0,0,1,.75-1.15c1-1.47,2.45-3.46,1.38-5.85a1.4,1.4,0,0,0-1.27-.81h-.21a25.41,25.41,0,0,0-5.42,1.69,21.39,21.39,0,0,1-8.24,2h-.62a1.34,1.34,0,0,0-1.23.76c-2.66,5.29-5.56,10.46-8.37,15.47l-1.34,2.4h-8.39l-1.34,0-1.47,0c-1.5,0-3.18.15-4.1,1.38a3.56,3.56,0,0,0-.43,3.18,1.53,1.53,0,0,0,.74.91,12.76,12.76,0,0,0,5.58.91c1,0,2.13,0,3.2-.09l2.93-.09c-1.17,2.24-2.42,4.54-3.72,6.93-2.55,4.68-5.17,9.5-7.7,14.63-.83,1.67-1.71,3.33-2.58,5-3.49,6.55-7.08,13.31-7.68,21.27-.43,5.57.7,9.53,3.4,12.16a10.37,10.37,0,0,0,7.44,3c5.62,0,12.54-4,20.52-12,.63-.65,1.2-1.31,1.74-2,.38-.44.72-.85,1.11-1.25,1.21,12.85,9.33,15.65,16.19,15.65.7,0,1.42,0,2.17-.08C206.69,395.55,216.47,389.53,226.5,377.92Zm-18,4c-2.63,2.62-8.08,8.08-12.51,8.08a4.79,4.79,0,0,1-1.57-.27c-3.68-1.3-2.85-9.56-.54-16.68A89,89,0,0,1,201.33,357a76.22,76.22,0,0,1,9.72-13.79l.81-.91c3.7-4,8.73-9.53,14.14-9.92h.48a3.89,3.89,0,0,1,2.43.6c1.82,1.56,3,6.08-1.55,18.72a80.05,80.05,0,0,1-18.77,30.1Z" transform="translate(-50.24 -177.84)"></path>
+
    <path d="M424.5,343.61a45,45,0,0,1,7.8-8.59c4.74-4.12,7.46-4.73,8.65-4.73a2.59,2.59,0,0,1,1.75.59c1.09.95,1.42,3.69-3.2,11.49l-.32.57c-1.68,2.95-3.11,5.61-4.49,8.15-.74,1.39-1.46,2.73-2.19,4.07-1,1.83-2,3.58-3.05,5.33-4.12,7.11-8,13.82-8.63,21.7-.6,7.67,3.21,13.45,9.44,14.37a18.94,18.94,0,0,0,2.49.17c9.07,0,15.4-7.29,18.81-11.23,1.94-2.22,3.64-4.64,5.32-7-1.08,4.93-1.21,10.29,1,13.88a8.63,8.63,0,0,0,7.82,4.17h0a15.38,15.38,0,0,0,3.62-.5c8.57-2.3,14.77-9.77,20.2-16.33l1-1.15a106.77,106.77,0,0,0,11.89-16.77,6.55,6.55,0,0,1,.46-.8c1.13-1.93,2.64-4.57,1.12-7.05a1.31,1.31,0,0,0-.88-.62,2.08,2.08,0,0,0-.3,0,1.78,1.78,0,0,0-.75.2,10.9,10.9,0,0,0-3.54,4.67c-.27.54-.53,1.07-.81,1.56a103.28,103.28,0,0,1-21.81,26.57l-.18.17c-1.73,1.49-5,4.28-7.83,4.28a3.88,3.88,0,0,1-2.58-1c.14-5.33,2.46-9.78,4.71-14.08.38-.74.75-1.46,1.1-2.19,6.28-12.45,13.79-26.12,23-41.79.17-.25.32-.48.46-.72a5.32,5.32,0,0,0,1.34-3.53,1.38,1.38,0,0,0-1.39-1.29h-.06c-1.59.08-3.15.22-4.64.35-2.23.2-4.33.38-6.64.38-.63,0-1.27,0-1.92-.05h0a1.42,1.42,0,0,0-1.21.67c-3.81,6.15-7.27,12.84-10.6,19.3-7,13.43-14.13,27.3-24.82,37.24-1.8,1.67-4.42,4.1-7,4.1a3.67,3.67,0,0,1-.77-.07,2,2,0,0,1-1.62-1.08c-.53-1.06-.87-4,2.83-11.44,2-4,4-7.47,5.9-10.83A141.55,141.55,0,0,0,450.6,352c1.85-4,4.39-9.52,4.06-14.91-.48-7.31-5.84-12.41-13.08-12.41-.43,0-.86,0-1.32.07-6.49.52-10.33,4.42-14.09,8.18-.91,1-1.92,2-2.94,2.88a11.2,11.2,0,0,0-1.51-3.12c-2.94-4.3-7.52-6.6-13.23-6.6-7.79,0-16.17,4.09-21.39,7.9-11.39,8.26-18.78,18.65-23.29,32.68-3,9.29-2.39,18.48,1.57,23.94,2.79,3.84,7.15,5.91,12.63,5.92h.13c13,0,23.92-9.12,30.79-16.79C419.36,368.21,424.32,356.71,424.5,343.61ZM392.21,382a8.39,8.39,0,0,1-.67.67c-2.27,2.33-7.54,7.77-11.92,7.77a4.59,4.59,0,0,1-1.91-.42c-3.08-1.49-2.28-9.74,0-16.74A83.64,83.64,0,0,1,385,357.91c5-8.75,11.93-19.37,20.86-24.08a10.28,10.28,0,0,1,3-1,7.38,7.38,0,0,1,1.5-.13,4.12,4.12,0,0,1,1.62.24c1.87.83,4.25,4.27-.49,18.08A77.57,77.57,0,0,1,392.21,382Z" transform="translate(-50.24 -177.84)"></path>
+
    <path d="M108.62,292.71a72.09,72.09,0,0,0,47.46-17.61V226.87H107.84V248h24.58v15.87c-6.17,4.45-14.11,6.66-23,6.66-19.67,0-33.64-14.92-33.64-35.22V235c0-18.88,14.14-34.59,31.9-34.59,12.84,0,20.45,4.12,29,11.26l15.39-18.56c-11.58-9.84-23.64-15.24-43.63-15.24-33.64,0-58.23,25.87-58.23,57.44v.32C50.24,268.44,74,292.71,108.62,292.71Z" transform="translate(-50.24 -177.84)"></path>
+
    <path d="M453.4,200.38c11.09,0,19.83,4.75,28.4,12.53L497.33,195c-10.32-10.16-22.82-17.14-43.8-17.14-34.11,0-57.9,25.87-57.9,57.44v.32c0,31.89,24.28,57.11,57,57.11,21.42,0,34.11-7.61,45.55-19.84l-15.57-15.69c-8.73,7.93-16.51,13-29.17,13-19,0-32.23-15.87-32.23-34.91V235C421.17,215.93,434.66,200.38,453.4,200.38Z" transform="translate(-50.24 -177.84)"></path>
+
    <polygon points="548 91.24 487.69 91.24 487.69 67.91 540.07 67.91 540.07 46.16 487.69 46.16 487.69 23.64 547.21 23.64 547.21 1.9 463.44 1.9 463.44 112.97 548 112.97 548 91.24"></polygon>
+
    <path d="M298.4,286.21l.6.28a31.27,31.27,0,0,1,3.67,2l9.18-22.57h47L369,290.81h25.57L346.92,179H324.4L281,281A65.07,65.07,0,0,1,298.4,286.21Zm36.94-77.91,14.77,36H320.58Z" transform="translate(-50.24 -177.84)"></path>
+
    <path d="M268.23,216.72v-.31c0-10.48-3.33-19.21-9.52-25.4-7.29-7.29-18.24-11.27-32.36-11.27H175.57V290.81H200V255.28h19.2L242,289.36a45.57,45.57,0,0,1,22.5-8.84l-20.1-29.38C258.55,245.91,268.23,234.65,268.23,216.72ZM243.48,218c0,9.37-6.82,15.72-18.72,15.72H200V201.8H224.3c11.88,0,19.18,5.4,19.18,15.88Z" transform="translate(-50.24 -177.84)"></path>
+
</svg>                     
+
                    </dt>
+
                    <dd>Unleashing God’s Truth, One Verse at a Time</dd>
+
                </dl>
+
            </div>
+
            <a class="toggle-layer toggle-topic" href="javascript:void(0);">Minimize <i class="fa fa-minus-square-o"></i></a>
+
        </div>
+
        <a id="aResourcesTopicLayerToast" style="display: none;"></a>
+
        <div class="wrap" id="divResultsInLayer">
+
            <div data-bind="visible:isVisibleSpinner, template: { name: 'spinner-template', data: '' }" style="display: none;">
+
        <div class="preloader-wrapper small active">
+
            <div class="spinner-layer spinner-blue">
+
                <div class="circle-clipper left">
+
                    <div class="circle"></div>
+
                </div>
+
                <div class="gap-patch">
+
                    <div class="circle"></div>
+
                </div>
+
                <div class="circle-clipper right">
+
                    <div class="circle"></div>
+
                </div>
+
            </div>
+
            <div class="spinner-layer spinner-red">
+
                <div class="circle-clipper left">
+
                    <div class="circle"></div>
+
                </div>
+
                <div class="gap-patch">
+
                    <div class="circle"></div>
+
                </div>
+
                <div class="circle-clipper right">
+
                    <div class="circle"></div>
+
                </div>
+
            </div>
+
            <div class="spinner-layer spinner-yellow">
+
                <div class="circle-clipper left">
+
                    <div class="circle"></div>
+
                </div>
+
                <div class="gap-patch">
+
                    <div class="circle"></div>
+
                </div>
+
                <div class="circle-clipper right">
+
                    <div class="circle"></div>
+
                </div>
+
            </div>
+
            <div class="spinner-layer spinner-green">
+
                <div class="circle-clipper left">
+
                    <div class="circle"></div>
+
                </div>
+
                <div class="gap-patch">
+
                    <div class="circle"></div>
+
                </div>
+
                <div class="circle-clipper right">
+
                    <div class="circle"></div>
+
                </div>
+
            </div>
+
        </div>
+
 
     </div>
 
     </div>
            <form action="#!">
 
<!-- Search Results -->
 
                <div class="assets-list library">
 
                    <label class="topic-tree"><span data-bind="text:filterDisplayRoot"></span>&nbsp;&nbsp; <i class="mdi-navigation-chevron-right"></i> &nbsp;&nbsp;<span data-bind="text:filterDisplayBranch"></span>&nbsp;&nbsp; <i class="mdi-navigation-chevron-right"></i></label>
 
                    <h1>
 
                        <strong data-bind="text:filterDisplayLeaf"></strong>
 
                    </h1>
 
                    <div class="row">
 
                        <div class="col s6 l8">
 
                            <h3>
 
                                (<strong><span data-bind="text:totalNumberOfRecords">56</span></strong> <span data-bind="text:currentRequest()===0?'resources': currentRequest()===5?'Articles':'Portraits of Grace'">Portraits of Grace</span>)
 
                            </h3>
 
                        </div>
 
                        <div class="col s6 l4 align-right" data-bind="visible:currentRequest()===0" style="display: none;">
 
                            <label class="filter">Filter:</label>
 
                            <select class="browser-default" data-bind="disable:isBusy,options:possibleCategories,  value: filterValueCategory, optionsText: 'displayName',optionsValue: 'name',event: {change: categoryChange} "></select>
 
                        </div>
 
                    </div>
 
                    <div id="resultsInLayerWrapper">
 
                        <div data-bind="foreach:  itemsNoCategoryLayer, visible: items().length > 0" style=""></div>
 
                        <div data-bind="foreach:  itemsArticlesLayer, visible: items().length > 0" style=""></div>
 
                        <div data-bind="foreach: itemsPortraitsOfGraceLayer, visible: items().length > 0" style=""></div>
 
                    </div>
 
                </div>
 
            </form>
 
        </div>
 
    </div>
 
</div>
 
<!-- Results all layer -->
 
<ul class="pagination" data-bind="visible: totalNumberOfRecords() > pageSize()" style="">
 
    <li data-bind="click: function(){ clickPager('firstChevron')}, css:{ 'disabled' : !firstChevronIsActive(),  'waves-effect' : firstChevronIsActive  }" class="waves-effect"><a data-bind="attr:{href : 'javascript:void(0)'}" href="javascript:void(0)"><i class="mdi-navigation-chevron-left"></i></a></li>
 
    <!-- ko foreach: visiblePageLinks -->
 
    <li data-bind="click: clickPager, css : {'active': isActive, 'waves-effect' : !isActive()}" class="waves-effect"><a data-bind="text:page, attr:{href : 'javascript:void(0)'}" href="javascript:void(0)">1</a></li>
 
   
 
    <li data-bind="click: clickPager, css : {'active': isActive, 'waves-effect' : !isActive()}" class="waves-effect"><a data-bind="text:page, attr:{href : 'javascript:void(0)'}" href="javascript:void(0)">2</a></li>
 
   
 
    <li data-bind="click: clickPager, css : {'active': isActive, 'waves-effect' : !isActive()}" class="active"><a data-bind="text:page, attr:{href : 'javascript:void(0)'}" href="javascript:void(0)">3</a></li>
 
    <!-- /ko -->
 
    <li data-bind="click: function(){ clickPager('lastChevron')}, css:{ 'disabled' : !lastChevronIsActive(),  'waves-effect' : lastChevronIsActive  }" class="disabled"><a data-bind="attr:{href : 'javascript:void(0)'}" href="javascript:void(0)"><i class="mdi-navigation-chevron-right"></i></a></li>
 
</ul>
 
</div>
 
</div>
 
</div>
 
<!-- /Main Content -->
 
<!-- Sub Nav -->
 
<div class="col s12 l3 page-side-nav">
 
   
 
<nav id="sideNav" class="side-nav" style="left: -250px;">
 
        <a class="brand-logo" href="/"><img src="/assets/_gty/img/Grace-To-You.png" width="55" alt="Grace to You" title="Grace to You"></a>
 
        <span class="dismiss burg-toggle x">
 
            <i class="burg1"></i>
 
            <i class="burg2"></i>
 
            <i class="burg3"></i>
 
        </span>
 
        <div class="nano has-scrollbar">
 
            <div class="nano-content" tabindex="0" style="margin-right: -17px;">
 
  
<ul class="library-side-nav">
+
    <div class="sort-options">
    <li><h3>Resources</h3></li>
+
      <small>
    <li class=""><a class="waves-effect waves-light dismiss-2" href="/library/resources/by-scripture" data-bind="click:function(){ sideNav('by-scripture')}">By Scripture</a></li>
+
        <div class="left">
    <li><a class="active waves-effect waves-light dismiss-2" href="/library/resources/by-topic" data-bind="click:function(){ sideNav('by-topic')}">By Topics</a></li>
+
          <label for="source">
 +
            <strong>Source:</strong>
 +
          </label>
  
    <li><h3>By Type</h3></li>
+
          <div class="select-wrapper"><select id="source" name="source">
    <li class="active"><a class="waves-effect waves-light dismiss-2" href="/library/resources/sermons-library" data-bind="click:function(){ sideNav('sermons-library')}">Sermons</a></li>
+
             <option value="bible">ESV</option>
    <li class="sub-class"><a class="waves-effect waves-light dismiss-2" href="/library/resources/topical-series-library" data-bind="click:function(){ sideNav('topical-series-library')}">Topical Series</a></li>
+
            <option value="library">Library</option>
    <li class="sub-class"><a class="waves-effect waves-light dismiss-2" href="/library/resources/bible-series-library" data-bind="click:function(){ sideNav('bible-series-library')}">Bible-Book Series</a></li>
+
           
    <li><a class="waves-effect waves-light dismiss-2" href="/library/resources/articles" data-bind="click:function(){ sideNav('articles')}">Articles</a></li>
+
            <option value="thgnt">Greek (THGNT)</option>
 
+
          </select></div>
    <li><a class="waves-effect waves-light dismiss-2" href="/library/bible-introductions/MSB01/Genesis" data-bind="click:function(){ sideNav('bible-introductions')}">Book Introductions</a></li>
+
    <li><a class="waves-effect waves-light dismiss-2" href="/library/resources/study-guides" data-bind="click:function(){ sideNav('study-guides')}">Study Guides</a></li>
+
    <li><a class="waves-effect waves-light dismiss-2" href="/library/resources/bibleqnas-library" data-bind="click:function(){ sideNav('bibleqnas-library')}">Bible Q&amp;A </a></li>
+
    <li><h3>Popular Resources</h3></li>
+
    <li><a class="waves-effect waves-light dismiss-2 non-conforming" href="/library/blog">Blog</a></li>
+
    <li><a class="waves-effect waves-light dismiss-2 non-conforming" href="/library/devotionals">Devotionals</a></li>
+
    <li><a class="waves-effect waves-light dismiss-2 non-conforming" href="/library/fundamentals">Fundamentals of the Faith</a></li>
+
    <li><a class="waves-effect waves-light dismiss-2 non-conforming" href="/library/strangefire">Strange Fire</a></li>
+
 
+
    <li><h3>Translated Resources</h3></li>
+
    <li><a class="waves-effect waves-light dismiss-2" href="/library/resources/translations"><i class="fa fa-globe"></i> Language Translation</a></li>
+
    <li><h3>Grace Reaches Out</h3></li>
+
    <li>
+
        <a class="waves-effect waves-light dismiss-2" href="/library/resources/translations/none/1?language=zh-Hans&amp;cat=all&amp;letter=All"><i class="fa fa-globe"></i> Mandarin</a>
+
    </li>
+
    <li>
+
        <a class="waves-effect waves-light dismiss-2" href="/library/resources/translations/none/1?language=fr&amp;cat=all&amp;letter=All"><i class="fa fa-globe"></i> French</a>
+
    </li>
+
    <li>
+
        <a class="waves-effect waves-light dismiss-2" href="/library/resources/translations/none/1?language=pt&amp;cat=all&amp;letter=All"><i class="fa fa-globe"></i> Portuguese</a>
+
    </li>
+
    <li>
+
        <a class="waves-effect waves-light dismiss-2" href="/library/resources/translations/none/1?language=ar&amp;cat=all&amp;letter=All"><i class="fa fa-globe"></i> Arabic</a>
+
    </li>
+
</ul>
+
 
+
            </div>
+
        <div class="nano-pane" style="display: block; opacity: 1; visibility: visible;"><div class="nano-slider" style="height: 867px; transform: translate(0px, 0px);"></div></div></div>
+
    </nav></div>
+
<!-- /Sub Nav -->
+
</div>
+
</section>
+
<!-- /Main Section -->
+
</div>
+
<!-- /Content Wrap -->
+
 
+
 
+
 
+
 
+
    <footer class="gty-footer">
+
        <div class="container-fluid">
+
            <div class="footer-sitemap">
+
                <div class="site-map">
+
 
+
                    <a class="trigger-site-tree waves-effect waves-light" href="javascript:void(0);"><i class="fa fa-sitemap"></i>Site Tree</a>
+
                </div>
+
                <div class="get-updates">
+
                    <a class="waves-effect waves-light " href="/home/updates"><i class="mdi-social-notifications-on"></i>Subscribe</a>
+
                </div>
+
                <div class="follow-gty">
+
                    <ul>
+
                        <li>Follow Grace to You:</li>
+
                            <li>
+
                                <a href="https://www.facebook.com/GracetoYou/" target="_blank"><i class="fa fa-facebook"></i></a>
+
                            </li>
+
                            <li>
+
                                <a href="https://twitter.com/gracetoyou" target="_blank"><i class="fa fa-twitter"></i></a>
+
                            </li>
+
                            <li>
+
                                <a href="https://www.instagram.com/gracetoyou" target="_blank"><i class="fa fa-instagram"></i></a>
+
                            </li>
+
                            <li>
+
                                <a href="https://www.youtube.com/user/JohnMacArthurGTY" target="_blank"><i class="fa fa-youtube"></i></a>
+
                            </li>
+
                                                    <li>
+
                                <a href="https://vimeo.com/gracetoyou" target="_blank"><i class="fa fa-vimeo"></i></a>
+
                            </li>
+
                    </ul>
+
                </div>
+
                <div class="follow-john">
+
                    <ul>
+
                        <li>Follow John MacArthur:</li>
+
                        <li>
+
                            <a href="https://www.facebook.com/JohnMacArthurGTY" target="_blank"><i class="fa fa-facebook"></i></a>
+
                        </li>
+
                        <li>
+
                            <a href="https://twitter.com/johnmacarthur" target="_blank"><i class="fa fa-twitter"></i></a>
+
                        </li>
+
                    </ul>
+
                </div>
+
            </div>
+
            <div class="footer-info-row">
+
                <div class="contact-info row match-heights" id="divForFooterOfficeInfoViewModel">
+
                    <h6>Contact Information:</h6>
+
                    <dl class="col s12 m6" style="height: 83px;">
+
                        <dt>Phone:</dt>
+
                        <dd><a data-bind="attr:{href:telephoneLink}" class="waves-effect waves-light" href="tel:+18005547223"><i class="mdi-communication-phone"></i><span data-bind="text:telephoneDisplayFriendly">800-55-GRACE</span></a></dd>
+
                    </dl>
+
                    <dl class="col s12 m6" data-bind="visible: officeId() !== 'EU' " style="height: 83px;">
+
                        <dt>Fax:</dt>
+
                        <dd><i class="fa fa-fax"></i><span data-bind="text:fax">661-295-5871</span></dd>
+
                    </dl>
+
                    <dl class="col s12 m6" style="height: 83px;">
+
                        <dt>Email:</dt>
+
                        <dd><a data-bind="attr:{href:'mailto:'+officeEmail()}" class="waves-effect waves-light" href="mailto:letters@gty.org"><i class="mdi-content-mail"></i><span data-bind="text:officeEmail">letters@gty.org</span></a></dd>
+
                    </dl>
+
                    <dl class="col s12 m6" style="height: 83px;">
+
                        <dt>Mailing Address:</dt>
+
                        <dd data-bind="html:address1()+'<br />'+address2()">PO Box 4000<br>Panorama City, CA 91412</dd>
+
                    </dl>
+
                </div>
+
                <div class="affiliates">
+
                    <h6>Affiliates:</h6>
+
                    <ul>
+
                        <li>
+
                            <a class="waves-effect waves-light" href="http://www.gracechurch.org/" title="Grace Community Church" target="_blank"><img src="/assets/_gty/img/Grace-Community-Church.png" width="100" alt="Grace Community Church"></a>
+
                        </li>
+
                        <li>
+
                            <a class="waves-effect waves-light" href="http://www.tms.edu/" title="The Master' Seminary" target="_blank"><img src="/assets/_gty/img/The-Masters-Seminary.png" width="145" alt="The Master' Seminary"></a>
+
                        </li>
+
                        <li>
+
                            <a class="waves-effect waves-light" href="http://www.tmai.org/" title="The Master' Academy International" target="_blank"><img src="/assets/_gty/img/The-Masters-Adacademy-International.png" width="110" alt="The Master' Academy International"></a>
+
                        </li>
+
                        <li>
+
                            <a class="waves-effect waves-light" href="http://www.masters.edu/" title="The Master' University" target="_blank"><img src="/assets/_gty/img/The-Masters-University.png" width="100" alt="The Master' University"></a>
+
                        </li>
+
                        <li>
+
                            <a class="waves-effect waves-light " href="/about/affiliates" title="More Affiliates"><i class="mdi-content-add"></i> <span>More</span></a>
+
                        </li>
+
                    </ul>
+
                </div>
+
             </div>
+
            <div class="footer-legal-row">
+
                <div class="row tabler">
+
                    <ul class="policies">
+
                        <li>
+
                            <a class="waves-effect waves-light about-hashed dismiss-2" name="terms" href="javascript:void(0);">Terms &amp; Conditions</a>
+
                        </li>
+
                        <li>
+
                            <a class="waves-effect waves-light about-hashed dismiss-2" name="privacy" href="javascript:void(0);">Privacy Policy</a>
+
                        </li>
+
                        <li>
+
                            <a class="waves-effect waves-light about-hashed dismiss-2" name="copyright" href="javascript:void(0);">Copyright Policy</a>
+
                        </li>
+
                    </ul>
+
                    <div class="ecfa-membership">
+
                        <a class="waves-effect waves-light" href="http://www.ecfa.org/MemberProfile.aspx?ID=6894" target="_blank"><img src="/assets/_gty/img/ECFA_Accredited_Grace-To-You.png" width="54" alt="ECFA Accredited"></a>
+
                    </div>
+
                </div>
+
                <div class="row tabler">
+
                    <div class="logo-and-slogan for-footer">
+
                        <dl>
+
                            <dt>
+
<svg id="Grace_to_You_Logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 548 277.87">
+
    <title>Grace-to-You</title>
+
    <path d="M382.44,320.36c3-3.86,6.17-7.86,10.2-10.82a8.58,8.58,0,0,1,1-.56c1.46-.79,3.91-2.09,3.45-5.12a1.33,1.33,0,0,0-1-1.11,5.44,5.44,0,0,0-1.8-.28c-2.81,0-5.26,1.84-7.2,3.33l-.5.37c-5.93,4.4-11.31,9.82-16.55,15.09-.91.93-1.82,1.85-2.7,2.76-7,7-13.56,14.46-19.86,21.69-12.2,14-24.85,28.48-41.18,39.6-5.85,4-10.91,6.15-14.27,6.15-2,0-4.63-.61-5.21-5.86-1-8.93,4.78-17.85,8.59-23.75l.87-1.36c4.76-7.48,10.16-13.53,15.73-19.6,6.68-7.26,13.22-13.74,20.17-20.63,2-2,4.1-4.09,6.27-6.24,3.23-3.25,7.62-7.67,6.1-12.88-.66-2.16-2.46-4.74-7.49-4.74s-11.5,2.72-14,3.87c-10.05,4.69-19,10.68-28,16.91-1.76,1.21-3.53,2.49-5.39,3.86a134.79,134.79,0,0,1-12.25,8.28c-6.33,3.65-11.91,5.43-17,5.43A20.05,20.05,0,0,1,255,334a12.41,12.41,0,0,1-9.34-12.46c.06-11.11,10.22-18.9,18.89-22.2a33.4,33.4,0,0,1,11.8-2,39.26,39.26,0,0,1,14.35,2.72c.83.34,1.66.77,2.45,1.17a16.27,16.27,0,0,0,5.27,1.93h.15a1.4,1.4,0,0,0,1-.39,1.31,1.31,0,0,0,.41-1.1c-.19-3-3.39-4.5-5.5-5.5l-.57-.25a55.4,55.4,0,0,0-23-5.1c-1.23,0-2.46.05-3.68.14a34.56,34.56,0,0,0-21.08,8.88c-5.56,5.19-9.29,13-9.53,19.88a17.9,17.9,0,0,0,4.88,13.14c3.9,4.15,10.09,6.9,16.54,7.34.84.06,1.65.08,2.45.08,9.23,0,16.48-3.56,21.12-6.25A133,133,0,0,0,293,326.3c1.87-1.36,3.77-2.75,5.67-4.06l2.59-1.79c7.72-5.33,15-10.35,23.93-14.69.37-.17.76-.35,1.13-.55,2.26-1.13,4.59-2.29,6.94-2.29h0a10.25,10.25,0,0,1-2.07,2.1c-.3.27-.62.52-.89.78-4.85,4.46-10.06,8.71-15.1,12.85-12.7,10.38-25.83,21.13-35.08,36.24s-11.71,26.47-7.15,34.32c3.3,5.71,9.7,9.13,17.12,9.13a23.53,23.53,0,0,0,2.87-.18c7.66-.85,15.62-6.47,20.94-10.62,10.67-8.34,20.14-18.82,29.29-29,2.68-3,5.25-5.87,7.88-8.65-14,23.3-27.33,45.37-44.16,66.48-12.05,15.07-22.94,24.65-33.31,29.27a43.1,43.1,0,0,1-17.38,3.73c-9.79,0-18.87-3.5-24.89-9.57a27.07,27.07,0,0,1-7.8-19.8c.13-13.81,10.72-26.46,23.14-27.63.73-.07,1.49-.11,2.18-.11,6.27,0,11,2.67,13.73,7.68a13.52,13.52,0,0,1,.54,12.5,12.18,12.18,0,0,1-8.54,6.89,9.74,9.74,0,0,1-1.45.12c-.55,0-1.1-.06-1.63-.07s-1-.07-1.44-.07c-1.86,0-2.94.66-3.25,2a2.47,2.47,0,0,0,.42,2.08c.68.9,2,1.37,4,1.46l1.05,0a17.34,17.34,0,0,0,11-4.29c2.94-2.48,6.87-6.76,6.7-15.11-.22-11.44-10.45-20.08-23.8-20.08a30.09,30.09,0,0,0-7.87,1.06c-15.15,4.09-24.76,19.25-22.86,36,2.14,19,16.17,30.14,41.71,33.22h6.3c39.55-4.72,61.25-34,78.85-64.88,4.47-7.9,8.58-16.27,12.55-24.38,7.4-15.11,15-30.72,25.27-43.33C381,322.21,381.73,321.28,382.44,320.36Z" transform="translate(-50.24 -177.84)"></path>
+
    <path d="M226.5,377.92a64.86,64.86,0,0,0,9.63-14.35c4.53-9.39,7.46-26-.29-33.58-2.76-2.7-6.46-4.06-11-4.06-6.82,0-14.29,3.19-19,6.19-13.13,8.35-23.29,23-27.23,39.38-.55.64-1.14,1.33-1.78,2.05-1.78,2-3.79,4.35-6.16,6.6-.37.33-.74.7-1.13,1.06-2.54,2.45-5.41,5.22-8.57,5.22h-.14c-1.47,0-2-.56-2.19-.95-.68-1.13-1.12-4.45,3.61-13.8,6.69-13.34,13.76-27.26,20.28-38.62h7.72c.41,0,.86,0,1.3.05s1,0,1.55,0a4.86,4.86,0,0,0,3.78-1.24,3.65,3.65,0,0,0,.73-3,1.38,1.38,0,0,0-.55-.92c-1.56-1.15-3.8-1.31-5.59-1.31-1,0-2.06.07-3.13.11-.89.05-1.81.09-2.69.11,1.5-2.67,3-5.47,4.43-8.18,1.16-2.19,2.31-4.35,3.45-6.43a13.17,13.17,0,0,1,.75-1.15c1-1.47,2.45-3.46,1.38-5.85a1.4,1.4,0,0,0-1.27-.81h-.21a25.41,25.41,0,0,0-5.42,1.69,21.39,21.39,0,0,1-8.24,2h-.62a1.34,1.34,0,0,0-1.23.76c-2.66,5.29-5.56,10.46-8.37,15.47l-1.34,2.4h-8.39l-1.34,0-1.47,0c-1.5,0-3.18.15-4.1,1.38a3.56,3.56,0,0,0-.43,3.18,1.53,1.53,0,0,0,.74.91,12.76,12.76,0,0,0,5.58.91c1,0,2.13,0,3.2-.09l2.93-.09c-1.17,2.24-2.42,4.54-3.72,6.93-2.55,4.68-5.17,9.5-7.7,14.63-.83,1.67-1.71,3.33-2.58,5-3.49,6.55-7.08,13.31-7.68,21.27-.43,5.57.7,9.53,3.4,12.16a10.37,10.37,0,0,0,7.44,3c5.62,0,12.54-4,20.52-12,.63-.65,1.2-1.31,1.74-2,.38-.44.72-.85,1.11-1.25,1.21,12.85,9.33,15.65,16.19,15.65.7,0,1.42,0,2.17-.08C206.69,395.55,216.47,389.53,226.5,377.92Zm-18,4c-2.63,2.62-8.08,8.08-12.51,8.08a4.79,4.79,0,0,1-1.57-.27c-3.68-1.3-2.85-9.56-.54-16.68A89,89,0,0,1,201.33,357a76.22,76.22,0,0,1,9.72-13.79l.81-.91c3.7-4,8.73-9.53,14.14-9.92h.48a3.89,3.89,0,0,1,2.43.6c1.82,1.56,3,6.08-1.55,18.72a80.05,80.05,0,0,1-18.77,30.1Z" transform="translate(-50.24 -177.84)"></path>
+
    <path d="M424.5,343.61a45,45,0,0,1,7.8-8.59c4.74-4.12,7.46-4.73,8.65-4.73a2.59,2.59,0,0,1,1.75.59c1.09.95,1.42,3.69-3.2,11.49l-.32.57c-1.68,2.95-3.11,5.61-4.49,8.15-.74,1.39-1.46,2.73-2.19,4.07-1,1.83-2,3.58-3.05,5.33-4.12,7.11-8,13.82-8.63,21.7-.6,7.67,3.21,13.45,9.44,14.37a18.94,18.94,0,0,0,2.49.17c9.07,0,15.4-7.29,18.81-11.23,1.94-2.22,3.64-4.64,5.32-7-1.08,4.93-1.21,10.29,1,13.88a8.63,8.63,0,0,0,7.82,4.17h0a15.38,15.38,0,0,0,3.62-.5c8.57-2.3,14.77-9.77,20.2-16.33l1-1.15a106.77,106.77,0,0,0,11.89-16.77,6.55,6.55,0,0,1,.46-.8c1.13-1.93,2.64-4.57,1.12-7.05a1.31,1.31,0,0,0-.88-.62,2.08,2.08,0,0,0-.3,0,1.78,1.78,0,0,0-.75.2,10.9,10.9,0,0,0-3.54,4.67c-.27.54-.53,1.07-.81,1.56a103.28,103.28,0,0,1-21.81,26.57l-.18.17c-1.73,1.49-5,4.28-7.83,4.28a3.88,3.88,0,0,1-2.58-1c.14-5.33,2.46-9.78,4.71-14.08.38-.74.75-1.46,1.1-2.19,6.28-12.45,13.79-26.12,23-41.79.17-.25.32-.48.46-.72a5.32,5.32,0,0,0,1.34-3.53,1.38,1.38,0,0,0-1.39-1.29h-.06c-1.59.08-3.15.22-4.64.35-2.23.2-4.33.38-6.64.38-.63,0-1.27,0-1.92-.05h0a1.42,1.42,0,0,0-1.21.67c-3.81,6.15-7.27,12.84-10.6,19.3-7,13.43-14.13,27.3-24.82,37.24-1.8,1.67-4.42,4.1-7,4.1a3.67,3.67,0,0,1-.77-.07,2,2,0,0,1-1.62-1.08c-.53-1.06-.87-4,2.83-11.44,2-4,4-7.47,5.9-10.83A141.55,141.55,0,0,0,450.6,352c1.85-4,4.39-9.52,4.06-14.91-.48-7.31-5.84-12.41-13.08-12.41-.43,0-.86,0-1.32.07-6.49.52-10.33,4.42-14.09,8.18-.91,1-1.92,2-2.94,2.88a11.2,11.2,0,0,0-1.51-3.12c-2.94-4.3-7.52-6.6-13.23-6.6-7.79,0-16.17,4.09-21.39,7.9-11.39,8.26-18.78,18.65-23.29,32.68-3,9.29-2.39,18.48,1.57,23.94,2.79,3.84,7.15,5.91,12.63,5.92h.13c13,0,23.92-9.12,30.79-16.79C419.36,368.21,424.32,356.71,424.5,343.61ZM392.21,382a8.39,8.39,0,0,1-.67.67c-2.27,2.33-7.54,7.77-11.92,7.77a4.59,4.59,0,0,1-1.91-.42c-3.08-1.49-2.28-9.74,0-16.74A83.64,83.64,0,0,1,385,357.91c5-8.75,11.93-19.37,20.86-24.08a10.28,10.28,0,0,1,3-1,7.38,7.38,0,0,1,1.5-.13,4.12,4.12,0,0,1,1.62.24c1.87.83,4.25,4.27-.49,18.08A77.57,77.57,0,0,1,392.21,382Z" transform="translate(-50.24 -177.84)"></path>
+
    <path d="M108.62,292.71a72.09,72.09,0,0,0,47.46-17.61V226.87H107.84V248h24.58v15.87c-6.17,4.45-14.11,6.66-23,6.66-19.67,0-33.64-14.92-33.64-35.22V235c0-18.88,14.14-34.59,31.9-34.59,12.84,0,20.45,4.12,29,11.26l15.39-18.56c-11.58-9.84-23.64-15.24-43.63-15.24-33.64,0-58.23,25.87-58.23,57.44v.32C50.24,268.44,74,292.71,108.62,292.71Z" transform="translate(-50.24 -177.84)"></path>
+
    <path d="M453.4,200.38c11.09,0,19.83,4.75,28.4,12.53L497.33,195c-10.32-10.16-22.82-17.14-43.8-17.14-34.11,0-57.9,25.87-57.9,57.44v.32c0,31.89,24.28,57.11,57,57.11,21.42,0,34.11-7.61,45.55-19.84l-15.57-15.69c-8.73,7.93-16.51,13-29.17,13-19,0-32.23-15.87-32.23-34.91V235C421.17,215.93,434.66,200.38,453.4,200.38Z" transform="translate(-50.24 -177.84)"></path>
+
    <polygon points="548 91.24 487.69 91.24 487.69 67.91 540.07 67.91 540.07 46.16 487.69 46.16 487.69 23.64 547.21 23.64 547.21 1.9 463.44 1.9 463.44 112.97 548 112.97 548 91.24"></polygon>
+
    <path d="M298.4,286.21l.6.28a31.27,31.27,0,0,1,3.67,2l9.18-22.57h47L369,290.81h25.57L346.92,179H324.4L281,281A65.07,65.07,0,0,1,298.4,286.21Zm36.94-77.91,14.77,36H320.58Z" transform="translate(-50.24 -177.84)"></path>
+
    <path d="M268.23,216.72v-.31c0-10.48-3.33-19.21-9.52-25.4-7.29-7.29-18.24-11.27-32.36-11.27H175.57V290.81H200V255.28h19.2L242,289.36a45.57,45.57,0,0,1,22.5-8.84l-20.1-29.38C258.55,245.91,268.23,234.65,268.23,216.72ZM243.48,218c0,9.37-6.82,15.72-18.72,15.72H200V201.8H224.3c11.88,0,19.18,5.4,19.18,15.88Z" transform="translate(-50.24 -177.84)"></path>
+
</svg>
+
                            </dt>
+
                            <dd>Unleashing God’s Truth, One Verse at a Time<br><span>Since 1969</span></dd>
+
                        </dl>
+
                    </div>
+
                    <div class="copyright">
+
                        <p>© 2020 Grace to You. All rights reserved. </p>
+
                    </div>
+
                </div>
+
                <div class="row tabler mt-40">
+
                    <div class="col s12 m4 l3 xl2" id="divForFlagsViewModel">
+
                        <select class="browser-default" data-bind="options: availableOffices, value: selectedOffice, optionsText: 'name', optionsValue: 'code'"><option value="US">United States</option><option value="CA">Canada</option><option value="EU">Europe</option><option value="IN">India</option><option value="GAV">Gracia a Vosotros</option></select>
+
                    </div>
+
                    <div class="col s12 m8 l9 xl10 right-align mt-10">
+
                        <p id="divForBuildInfoViewModel">
+
                            <span data-bind="text:buildDate"></span> <span>  </span>
+
                        </p>
+
                    </div>
+
                </div>
+
            </div>
+
 
         </div>
 
         </div>
    </footer>
 
  
    <div id="divForukNoticeViewModel" data-bind="visible:!hasSeenBanner() &amp;&amp; officeId() === 'EU' " style="display:none;" class="card-panel blue white-text gdpr-notice">
+
        <div class="left" style="display: none;">
        <p>
+
          <label for="product">
            As you may be aware, the General Data Protection Regulation (GDPR) comes into full effect on 25th May 2018. GDPR is the new European privacy regulation, which will replace the Data Protection Act 1998 in the UK and the equivalent legislation across the EU Member States.
+
            <strong>Product:</strong>
            Here at Grace to You Europe we take our data protection responsibilities very seriously and, as you would expect, have undertaken a significant programme of work to ensure that we are ready for this important legislative change.
+
          </label>
            Accordingly, we have updated our <a href="/about#privacy" target="_blank">Privacy Policy</a> and <a href="/about#terms" target="_blank">Terms and Conditions</a> in order to comply with GDPR.
+
        </p>
+
        <div class="cta">
+
            <button class="waves-effect waves-light btn black" data-bind="click:hasSeenBannerClick, "><i class="mdi-navigation-close"></i><span>Close</span></button>
+
        </div>
+
    </div>
+
  
 
+
          <div class="select-wrapper"><select id="product" name="product">
 
+
             <option value="">All</option>
    <div class="gty-layer search-bar" id="divForSearchViewModel">
+
              
        <div class="layer-overlay" style="background: none;"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g><circle cx="0" cy="0" r="0" fill="rgb(255, 255, 255)"></circle></g></svg></div>
+
              <option value="esv-global-study-bible">Global Study Bible</option>
        <div class="layer-content" id="divSearchResults" style="background: none; z-index: 2;">
+
              
             <a id="aSearchToast" style="display: none;"></a>
+
          </select></div>
             <div class="topbar white">
+
                <div class="logo-and-slogan inverted">
+
                    <dl>
+
                        <dt>
+
<svg id="Grace_to_You_Logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 548 277.87">
+
    <title>Grace-to-You</title>
+
    <path d="M382.44,320.36c3-3.86,6.17-7.86,10.2-10.82a8.58,8.58,0,0,1,1-.56c1.46-.79,3.91-2.09,3.45-5.12a1.33,1.33,0,0,0-1-1.11,5.44,5.44,0,0,0-1.8-.28c-2.81,0-5.26,1.84-7.2,3.33l-.5.37c-5.93,4.4-11.31,9.82-16.55,15.09-.91.93-1.82,1.85-2.7,2.76-7,7-13.56,14.46-19.86,21.69-12.2,14-24.85,28.48-41.18,39.6-5.85,4-10.91,6.15-14.27,6.15-2,0-4.63-.61-5.21-5.86-1-8.93,4.78-17.85,8.59-23.75l.87-1.36c4.76-7.48,10.16-13.53,15.73-19.6,6.68-7.26,13.22-13.74,20.17-20.63,2-2,4.1-4.09,6.27-6.24,3.23-3.25,7.62-7.67,6.1-12.88-.66-2.16-2.46-4.74-7.49-4.74s-11.5,2.72-14,3.87c-10.05,4.69-19,10.68-28,16.91-1.76,1.21-3.53,2.49-5.39,3.86a134.79,134.79,0,0,1-12.25,8.28c-6.33,3.65-11.91,5.43-17,5.43A20.05,20.05,0,0,1,255,334a12.41,12.41,0,0,1-9.34-12.46c.06-11.11,10.22-18.9,18.89-22.2a33.4,33.4,0,0,1,11.8-2,39.26,39.26,0,0,1,14.35,2.72c.83.34,1.66.77,2.45,1.17a16.27,16.27,0,0,0,5.27,1.93h.15a1.4,1.4,0,0,0,1-.39,1.31,1.31,0,0,0,.41-1.1c-.19-3-3.39-4.5-5.5-5.5l-.57-.25a55.4,55.4,0,0,0-23-5.1c-1.23,0-2.46.05-3.68.14a34.56,34.56,0,0,0-21.08,8.88c-5.56,5.19-9.29,13-9.53,19.88a17.9,17.9,0,0,0,4.88,13.14c3.9,4.15,10.09,6.9,16.54,7.34.84.06,1.65.08,2.45.08,9.23,0,16.48-3.56,21.12-6.25A133,133,0,0,0,293,326.3c1.87-1.36,3.77-2.75,5.67-4.06l2.59-1.79c7.72-5.33,15-10.35,23.93-14.69.37-.17.76-.35,1.13-.55,2.26-1.13,4.59-2.29,6.94-2.29h0a10.25,10.25,0,0,1-2.07,2.1c-.3.27-.62.52-.89.78-4.85,4.46-10.06,8.71-15.1,12.85-12.7,10.38-25.83,21.13-35.08,36.24s-11.71,26.47-7.15,34.32c3.3,5.71,9.7,9.13,17.12,9.13a23.53,23.53,0,0,0,2.87-.18c7.66-.85,15.62-6.47,20.94-10.62,10.67-8.34,20.14-18.82,29.29-29,2.68-3,5.25-5.87,7.88-8.65-14,23.3-27.33,45.37-44.16,66.48-12.05,15.07-22.94,24.65-33.31,29.27a43.1,43.1,0,0,1-17.38,3.73c-9.79,0-18.87-3.5-24.89-9.57a27.07,27.07,0,0,1-7.8-19.8c.13-13.81,10.72-26.46,23.14-27.63.73-.07,1.49-.11,2.18-.11,6.27,0,11,2.67,13.73,7.68a13.52,13.52,0,0,1,.54,12.5,12.18,12.18,0,0,1-8.54,6.89,9.74,9.74,0,0,1-1.45.12c-.55,0-1.1-.06-1.63-.07s-1-.07-1.44-.07c-1.86,0-2.94.66-3.25,2a2.47,2.47,0,0,0,.42,2.08c.68.9,2,1.37,4,1.46l1.05,0a17.34,17.34,0,0,0,11-4.29c2.94-2.48,6.87-6.76,6.7-15.11-.22-11.44-10.45-20.08-23.8-20.08a30.09,30.09,0,0,0-7.87,1.06c-15.15,4.09-24.76,19.25-22.86,36,2.14,19,16.17,30.14,41.71,33.22h6.3c39.55-4.72,61.25-34,78.85-64.88,4.47-7.9,8.58-16.27,12.55-24.38,7.4-15.11,15-30.72,25.27-43.33C381,322.21,381.73,321.28,382.44,320.36Z" transform="translate(-50.24 -177.84)"></path>
+
    <path d="M226.5,377.92a64.86,64.86,0,0,0,9.63-14.35c4.53-9.39,7.46-26-.29-33.58-2.76-2.7-6.46-4.06-11-4.06-6.82,0-14.29,3.19-19,6.19-13.13,8.35-23.29,23-27.23,39.38-.55.64-1.14,1.33-1.78,2.05-1.78,2-3.79,4.35-6.16,6.6-.37.33-.74.7-1.13,1.06-2.54,2.45-5.41,5.22-8.57,5.22h-.14c-1.47,0-2-.56-2.19-.95-.68-1.13-1.12-4.45,3.61-13.8,6.69-13.34,13.76-27.26,20.28-38.62h7.72c.41,0,.86,0,1.3.05s1,0,1.55,0a4.86,4.86,0,0,0,3.78-1.24,3.65,3.65,0,0,0,.73-3,1.38,1.38,0,0,0-.55-.92c-1.56-1.15-3.8-1.31-5.59-1.31-1,0-2.06.07-3.13.11-.89.05-1.81.09-2.69.11,1.5-2.67,3-5.47,4.43-8.18,1.16-2.19,2.31-4.35,3.45-6.43a13.17,13.17,0,0,1,.75-1.15c1-1.47,2.45-3.46,1.38-5.85a1.4,1.4,0,0,0-1.27-.81h-.21a25.41,25.41,0,0,0-5.42,1.69,21.39,21.39,0,0,1-8.24,2h-.62a1.34,1.34,0,0,0-1.23.76c-2.66,5.29-5.56,10.46-8.37,15.47l-1.34,2.4h-8.39l-1.34,0-1.47,0c-1.5,0-3.18.15-4.1,1.38a3.56,3.56,0,0,0-.43,3.18,1.53,1.53,0,0,0,.74.91,12.76,12.76,0,0,0,5.58.91c1,0,2.13,0,3.2-.09l2.93-.09c-1.17,2.24-2.42,4.54-3.72,6.93-2.55,4.68-5.17,9.5-7.7,14.63-.83,1.67-1.71,3.33-2.58,5-3.49,6.55-7.08,13.31-7.68,21.27-.43,5.57.7,9.53,3.4,12.16a10.37,10.37,0,0,0,7.44,3c5.62,0,12.54-4,20.52-12,.63-.65,1.2-1.31,1.74-2,.38-.44.72-.85,1.11-1.25,1.21,12.85,9.33,15.65,16.19,15.65.7,0,1.42,0,2.17-.08C206.69,395.55,216.47,389.53,226.5,377.92Zm-18,4c-2.63,2.62-8.08,8.08-12.51,8.08a4.79,4.79,0,0,1-1.57-.27c-3.68-1.3-2.85-9.56-.54-16.68A89,89,0,0,1,201.33,357a76.22,76.22,0,0,1,9.72-13.79l.81-.91c3.7-4,8.73-9.53,14.14-9.92h.48a3.89,3.89,0,0,1,2.43.6c1.82,1.56,3,6.08-1.55,18.72a80.05,80.05,0,0,1-18.77,30.1Z" transform="translate(-50.24 -177.84)"></path>
+
    <path d="M424.5,343.61a45,45,0,0,1,7.8-8.59c4.74-4.12,7.46-4.73,8.65-4.73a2.59,2.59,0,0,1,1.75.59c1.09.95,1.42,3.69-3.2,11.49l-.32.57c-1.68,2.95-3.11,5.61-4.49,8.15-.74,1.39-1.46,2.73-2.19,4.07-1,1.83-2,3.58-3.05,5.33-4.12,7.11-8,13.82-8.63,21.7-.6,7.67,3.21,13.45,9.44,14.37a18.94,18.94,0,0,0,2.49.17c9.07,0,15.4-7.29,18.81-11.23,1.94-2.22,3.64-4.64,5.32-7-1.08,4.93-1.21,10.29,1,13.88a8.63,8.63,0,0,0,7.82,4.17h0a15.38,15.38,0,0,0,3.62-.5c8.57-2.3,14.77-9.77,20.2-16.33l1-1.15a106.77,106.77,0,0,0,11.89-16.77,6.55,6.55,0,0,1,.46-.8c1.13-1.93,2.64-4.57,1.12-7.05a1.31,1.31,0,0,0-.88-.62,2.08,2.08,0,0,0-.3,0,1.78,1.78,0,0,0-.75.2,10.9,10.9,0,0,0-3.54,4.67c-.27.54-.53,1.07-.81,1.56a103.28,103.28,0,0,1-21.81,26.57l-.18.17c-1.73,1.49-5,4.28-7.83,4.28a3.88,3.88,0,0,1-2.58-1c.14-5.33,2.46-9.78,4.71-14.08.38-.74.75-1.46,1.1-2.19,6.28-12.45,13.79-26.12,23-41.79.17-.25.32-.48.46-.72a5.32,5.32,0,0,0,1.34-3.53,1.38,1.38,0,0,0-1.39-1.29h-.06c-1.59.08-3.15.22-4.64.35-2.23.2-4.33.38-6.64.38-.63,0-1.27,0-1.92-.05h0a1.42,1.42,0,0,0-1.21.67c-3.81,6.15-7.27,12.84-10.6,19.3-7,13.43-14.13,27.3-24.82,37.24-1.8,1.67-4.42,4.1-7,4.1a3.67,3.67,0,0,1-.77-.07,2,2,0,0,1-1.62-1.08c-.53-1.06-.87-4,2.83-11.44,2-4,4-7.47,5.9-10.83A141.55,141.55,0,0,0,450.6,352c1.85-4,4.39-9.52,4.06-14.91-.48-7.31-5.84-12.41-13.08-12.41-.43,0-.86,0-1.32.07-6.49.52-10.33,4.42-14.09,8.18-.91,1-1.92,2-2.94,2.88a11.2,11.2,0,0,0-1.51-3.12c-2.94-4.3-7.52-6.6-13.23-6.6-7.79,0-16.17,4.09-21.39,7.9-11.39,8.26-18.78,18.65-23.29,32.68-3,9.29-2.39,18.48,1.57,23.94,2.79,3.84,7.15,5.91,12.63,5.92h.13c13,0,23.92-9.12,30.79-16.79C419.36,368.21,424.32,356.71,424.5,343.61ZM392.21,382a8.39,8.39,0,0,1-.67.67c-2.27,2.33-7.54,7.77-11.92,7.77a4.59,4.59,0,0,1-1.91-.42c-3.08-1.49-2.28-9.74,0-16.74A83.64,83.64,0,0,1,385,357.91c5-8.75,11.93-19.37,20.86-24.08a10.28,10.28,0,0,1,3-1,7.38,7.38,0,0,1,1.5-.13,4.12,4.12,0,0,1,1.62.24c1.87.83,4.25,4.27-.49,18.08A77.57,77.57,0,0,1,392.21,382Z" transform="translate(-50.24 -177.84)"></path>
+
    <path d="M108.62,292.71a72.09,72.09,0,0,0,47.46-17.61V226.87H107.84V248h24.58v15.87c-6.17,4.45-14.11,6.66-23,6.66-19.67,0-33.64-14.92-33.64-35.22V235c0-18.88,14.14-34.59,31.9-34.59,12.84,0,20.45,4.12,29,11.26l15.39-18.56c-11.58-9.84-23.64-15.24-43.63-15.24-33.64,0-58.23,25.87-58.23,57.44v.32C50.24,268.44,74,292.71,108.62,292.71Z" transform="translate(-50.24 -177.84)"></path>
+
    <path d="M453.4,200.38c11.09,0,19.83,4.75,28.4,12.53L497.33,195c-10.32-10.16-22.82-17.14-43.8-17.14-34.11,0-57.9,25.87-57.9,57.44v.32c0,31.89,24.28,57.11,57,57.11,21.42,0,34.11-7.61,45.55-19.84l-15.57-15.69c-8.73,7.93-16.51,13-29.17,13-19,0-32.23-15.87-32.23-34.91V235C421.17,215.93,434.66,200.38,453.4,200.38Z" transform="translate(-50.24 -177.84)"></path>
+
    <polygon points="548 91.24 487.69 91.24 487.69 67.91 540.07 67.91 540.07 46.16 487.69 46.16 487.69 23.64 547.21 23.64 547.21 1.9 463.44 1.9 463.44 112.97 548 112.97 548 91.24"></polygon>
+
    <path d="M298.4,286.21l.6.28a31.27,31.27,0,0,1,3.67,2l9.18-22.57h47L369,290.81h25.57L346.92,179H324.4L281,281A65.07,65.07,0,0,1,298.4,286.21Zm36.94-77.91,14.77,36H320.58Z" transform="translate(-50.24 -177.84)"></path>
+
    <path d="M268.23,216.72v-.31c0-10.48-3.33-19.21-9.52-25.4-7.29-7.29-18.24-11.27-32.36-11.27H175.57V290.81H200V255.28h19.2L242,289.36a45.57,45.57,0,0,1,22.5-8.84l-20.1-29.38C258.55,245.91,268.23,234.65,268.23,216.72ZM243.48,218c0,9.37-6.82,15.72-18.72,15.72H200V201.8H224.3c11.88,0,19.18,5.4,19.18,15.88Z" transform="translate(-50.24 -177.84)"></path>
+
</svg>
+
                        </dt>
+
                        <dd>Unleashing God’s Truth, One Verse at a Time<br><span>Since 1969</span></dd>
+
                    </dl>
+
                </div>
+
                <a class="toggle-layer toggle-search" href="javascript:void(0);">Minimize <i class="fa fa-minus-square-o"></i></a>
+
             </div>
+
            <div class="wrap">
+
                <form action="#!">
+
                    <div class="search-field input-field">
+
                        <input type="text" id="input_search" name="input_search" placeholder="Search..." data-bind="textInput:term">
+
                        <button id="btn_search" class="waves-effect waves-light btn black" data-bind="click:prepareSearch"><i class="mdi-action-search"></i><span>Search</span></button>
+
                    </div>
+
                    <!-- Search Filters -->
+
                    <div class="search-filters">
+
                        <label>Filter:</label>
+
                        <ul>
+
                            <li>
+
                                <input name="radios1" type="radio" id="radios1-1" value="everything" data-bind="checked: filter">
+
                                <label for="radios1-1">Everything</label>
+
                            </li>
+
                            <li>
+
                                <input name="radios1" type="radio" id="radios1-2" value="library" data-bind="checked: filter">
+
                                <label for="radios1-2">Library</label>
+
                            </li>
+
                            <li>
+
                                <input name="radios1" type="radio" id="radios1-3" value="store" data-bind="checked: filter">
+
                                <label for="radios1-3">Store</label>
+
                            </li>
+
                        </ul>
+
                    </div>
+
                    <!-- Search Results -->
+
                    <div class="assets-list search">
+
                        <div class="row">
+
                            <div class="col s12 l6">
+
                                <h4 class="results-count" data-bind="visible:term">
+
                                    <strong data-bind="text:totalNumberOfRecords"></strong> &nbsp;results for "<strong data-bind="text:term"></strong>"
+
                                </h4>
+
                            </div>
+
                            <div class="col s12 l6">
+
                                <ul class="pagination" data-bind="visible:numberOfPages() > 1">
+
                                    <li data-bind="css:{ 'disabled' : !firstChevronIsActive(),  'waves-effect' : firstChevronIsActive  }"><a data-bind="click:goPrevious"><i class="mdi-navigation-chevron-left"></i></a></li>
+
                                    <!-- ko foreach: pageLinks -->
+
                                    <li data-bind="click: clickPager, css : {'active': isActive, 'waves-effect' : !isActive()}"><a data-bind="text:page"></a></li>
+
                                    <!-- /ko -->
+
                                    <li data-bind="css:{ 'disabled' : !lastChevronIsActive(),  'waves-effect' : lastChevronIsActive  }"><a data-bind="click:goNext"><i class="mdi-navigation-chevron-right"></i></a></li>
+
                                </ul>
+
                            </div>
+
                        </div>
+
                        <div data-bind="visible:isVisibleSpinner, template: { name: 'spinner-template', data: '' }"></div>
+
                        <div data-bind="foreach: items" id="divForEach">
+
                            <div class="gty-asset">
+
                                <div data-bind="if:isStore" class="media">
+
                                    <!-- ko if: isStore -->
+
                                    <a data-bind="click:click, attr: {href: url().replace('www.gty.org', window.location.host)}"><img src="/media/ResourceImages/tagahawak.jpg" data-bind="attr:{src: imageUrl, alt: title }"></a>
+
                                    <!-- /ko -->
+
                                    <!-- ko ifnot: isStore -->
+
                                    <!-- /ko -->
+
                                </div>
+
                                <div class="description">
+
                                    <ul class="directory">
+
                                        <li>
+
                                            <i class="fa fa-file-code-o"></i><span data-bind="text:code"></span>
+
                                        </li>
+
                                        <li>
+
                                            <i data-bind="attr:{class:iconClass}" class="fa fa-comment"></i><span data-bind="text:categoryNameDisplay"></span>
+
                                        </li>
+
                                        <li>
+
                                            <span data-bind="if: isStore">
+
                                                <i class="mdi-action-store"></i>
+
                                            </span>
+
                                            <span data-bind="ifnot: isStore">
+
                                                <i class="mdi-maps-local-library"></i>
+
                                            </span>
+
                                        </li>
+
                                    </ul>
+
                                    <dl>
+
                                        <dt><a class="waves-effect" data-bind="click:click, attr: {href: url().replace('www.gty.org', window.location.host)}"><span data-bind="html:highlightTitle"></span></a></dt>
+
                                        <dd data-bind="html:highlightBody"></dd>
+
                                        <dd class="scripture"><i class="fa fa-book"></i> <span data-bind="text:scripture"></span></dd>
+
                                    </dl>
+
                                </div>
+
                            </div>
+
                        </div>
+
                        <ul class="pagination" data-bind="visible:numberOfPages() > 1">
+
                            <li data-bind="css:{ 'disabled' : !firstChevronIsActive(),  'waves-effect' : firstChevronIsActive  }"><a data-bind="click:goPrevious"><i class="mdi-navigation-chevron-left"></i></a></li>
+
                            <!-- ko foreach: pageLinks -->
+
                            <li data-bind="click: clickPager, css : {'active': isActive, 'waves-effect' : !isActive()}"><a data-bind="text:page"></a></li>
+
                            <!-- /ko -->
+
                            <li data-bind="css:{ 'disabled' : !lastChevronIsActive(),  'waves-effect' : lastChevronIsActive  }"><a data-bind="click:goNext"><i class="mdi-navigation-chevron-right"></i></a></li>
+
                        </ul>
+
                    </div>
+
                </form>
+
                <a href="javascript:void(0);" class="back-to-top waves-effect"><i class="mdi-hardware-keyboard-arrow-up"></i></a>
+
            </div>
+
 
         </div>
 
         </div>
    </div>
 
    <div id="divForPlayListViewModel">
 
        <div class="gty-stream layer-opened" data-bind="css :{ 'open-transcript': openTranscript }" style="visibility: visible; display: block;">
 
            <div class="layer-overlay" style="background: none;"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g transform="translate(440, 30)"><circle cx="0" cy="0" r="1298.5561212361984" fill="rgb(36, 36, 36)" class="" style="transform: scale(1);"></circle></g></svg></div>
 
            <div class="layer-content" style="background: none; z-index: 2; display: block; opacity: 1;">
 
                <a id="aMediaPlayerToast" style="display: none;"></a>
 
                <!-- Playlist -->
 
                <div class="sublayer playlist">
 
                    <div class="topbar">
 
                        <div class="logo-and-slogan">
 
                            <dl>
 
                                <dt>
 
<svg id="Grace_to_You_Logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 548 277.87">
 
    <title>Grace-to-You</title>
 
    <path d="M382.44,320.36c3-3.86,6.17-7.86,10.2-10.82a8.58,8.58,0,0,1,1-.56c1.46-.79,3.91-2.09,3.45-5.12a1.33,1.33,0,0,0-1-1.11,5.44,5.44,0,0,0-1.8-.28c-2.81,0-5.26,1.84-7.2,3.33l-.5.37c-5.93,4.4-11.31,9.82-16.55,15.09-.91.93-1.82,1.85-2.7,2.76-7,7-13.56,14.46-19.86,21.69-12.2,14-24.85,28.48-41.18,39.6-5.85,4-10.91,6.15-14.27,6.15-2,0-4.63-.61-5.21-5.86-1-8.93,4.78-17.85,8.59-23.75l.87-1.36c4.76-7.48,10.16-13.53,15.73-19.6,6.68-7.26,13.22-13.74,20.17-20.63,2-2,4.1-4.09,6.27-6.24,3.23-3.25,7.62-7.67,6.1-12.88-.66-2.16-2.46-4.74-7.49-4.74s-11.5,2.72-14,3.87c-10.05,4.69-19,10.68-28,16.91-1.76,1.21-3.53,2.49-5.39,3.86a134.79,134.79,0,0,1-12.25,8.28c-6.33,3.65-11.91,5.43-17,5.43A20.05,20.05,0,0,1,255,334a12.41,12.41,0,0,1-9.34-12.46c.06-11.11,10.22-18.9,18.89-22.2a33.4,33.4,0,0,1,11.8-2,39.26,39.26,0,0,1,14.35,2.72c.83.34,1.66.77,2.45,1.17a16.27,16.27,0,0,0,5.27,1.93h.15a1.4,1.4,0,0,0,1-.39,1.31,1.31,0,0,0,.41-1.1c-.19-3-3.39-4.5-5.5-5.5l-.57-.25a55.4,55.4,0,0,0-23-5.1c-1.23,0-2.46.05-3.68.14a34.56,34.56,0,0,0-21.08,8.88c-5.56,5.19-9.29,13-9.53,19.88a17.9,17.9,0,0,0,4.88,13.14c3.9,4.15,10.09,6.9,16.54,7.34.84.06,1.65.08,2.45.08,9.23,0,16.48-3.56,21.12-6.25A133,133,0,0,0,293,326.3c1.87-1.36,3.77-2.75,5.67-4.06l2.59-1.79c7.72-5.33,15-10.35,23.93-14.69.37-.17.76-.35,1.13-.55,2.26-1.13,4.59-2.29,6.94-2.29h0a10.25,10.25,0,0,1-2.07,2.1c-.3.27-.62.52-.89.78-4.85,4.46-10.06,8.71-15.1,12.85-12.7,10.38-25.83,21.13-35.08,36.24s-11.71,26.47-7.15,34.32c3.3,5.71,9.7,9.13,17.12,9.13a23.53,23.53,0,0,0,2.87-.18c7.66-.85,15.62-6.47,20.94-10.62,10.67-8.34,20.14-18.82,29.29-29,2.68-3,5.25-5.87,7.88-8.65-14,23.3-27.33,45.37-44.16,66.48-12.05,15.07-22.94,24.65-33.31,29.27a43.1,43.1,0,0,1-17.38,3.73c-9.79,0-18.87-3.5-24.89-9.57a27.07,27.07,0,0,1-7.8-19.8c.13-13.81,10.72-26.46,23.14-27.63.73-.07,1.49-.11,2.18-.11,6.27,0,11,2.67,13.73,7.68a13.52,13.52,0,0,1,.54,12.5,12.18,12.18,0,0,1-8.54,6.89,9.74,9.74,0,0,1-1.45.12c-.55,0-1.1-.06-1.63-.07s-1-.07-1.44-.07c-1.86,0-2.94.66-3.25,2a2.47,2.47,0,0,0,.42,2.08c.68.9,2,1.37,4,1.46l1.05,0a17.34,17.34,0,0,0,11-4.29c2.94-2.48,6.87-6.76,6.7-15.11-.22-11.44-10.45-20.08-23.8-20.08a30.09,30.09,0,0,0-7.87,1.06c-15.15,4.09-24.76,19.25-22.86,36,2.14,19,16.17,30.14,41.71,33.22h6.3c39.55-4.72,61.25-34,78.85-64.88,4.47-7.9,8.58-16.27,12.55-24.38,7.4-15.11,15-30.72,25.27-43.33C381,322.21,381.73,321.28,382.44,320.36Z" transform="translate(-50.24 -177.84)"></path>
 
    <path d="M226.5,377.92a64.86,64.86,0,0,0,9.63-14.35c4.53-9.39,7.46-26-.29-33.58-2.76-2.7-6.46-4.06-11-4.06-6.82,0-14.29,3.19-19,6.19-13.13,8.35-23.29,23-27.23,39.38-.55.64-1.14,1.33-1.78,2.05-1.78,2-3.79,4.35-6.16,6.6-.37.33-.74.7-1.13,1.06-2.54,2.45-5.41,5.22-8.57,5.22h-.14c-1.47,0-2-.56-2.19-.95-.68-1.13-1.12-4.45,3.61-13.8,6.69-13.34,13.76-27.26,20.28-38.62h7.72c.41,0,.86,0,1.3.05s1,0,1.55,0a4.86,4.86,0,0,0,3.78-1.24,3.65,3.65,0,0,0,.73-3,1.38,1.38,0,0,0-.55-.92c-1.56-1.15-3.8-1.31-5.59-1.31-1,0-2.06.07-3.13.11-.89.05-1.81.09-2.69.11,1.5-2.67,3-5.47,4.43-8.18,1.16-2.19,2.31-4.35,3.45-6.43a13.17,13.17,0,0,1,.75-1.15c1-1.47,2.45-3.46,1.38-5.85a1.4,1.4,0,0,0-1.27-.81h-.21a25.41,25.41,0,0,0-5.42,1.69,21.39,21.39,0,0,1-8.24,2h-.62a1.34,1.34,0,0,0-1.23.76c-2.66,5.29-5.56,10.46-8.37,15.47l-1.34,2.4h-8.39l-1.34,0-1.47,0c-1.5,0-3.18.15-4.1,1.38a3.56,3.56,0,0,0-.43,3.18,1.53,1.53,0,0,0,.74.91,12.76,12.76,0,0,0,5.58.91c1,0,2.13,0,3.2-.09l2.93-.09c-1.17,2.24-2.42,4.54-3.72,6.93-2.55,4.68-5.17,9.5-7.7,14.63-.83,1.67-1.71,3.33-2.58,5-3.49,6.55-7.08,13.31-7.68,21.27-.43,5.57.7,9.53,3.4,12.16a10.37,10.37,0,0,0,7.44,3c5.62,0,12.54-4,20.52-12,.63-.65,1.2-1.31,1.74-2,.38-.44.72-.85,1.11-1.25,1.21,12.85,9.33,15.65,16.19,15.65.7,0,1.42,0,2.17-.08C206.69,395.55,216.47,389.53,226.5,377.92Zm-18,4c-2.63,2.62-8.08,8.08-12.51,8.08a4.79,4.79,0,0,1-1.57-.27c-3.68-1.3-2.85-9.56-.54-16.68A89,89,0,0,1,201.33,357a76.22,76.22,0,0,1,9.72-13.79l.81-.91c3.7-4,8.73-9.53,14.14-9.92h.48a3.89,3.89,0,0,1,2.43.6c1.82,1.56,3,6.08-1.55,18.72a80.05,80.05,0,0,1-18.77,30.1Z" transform="translate(-50.24 -177.84)"></path>
 
    <path d="M424.5,343.61a45,45,0,0,1,7.8-8.59c4.74-4.12,7.46-4.73,8.65-4.73a2.59,2.59,0,0,1,1.75.59c1.09.95,1.42,3.69-3.2,11.49l-.32.57c-1.68,2.95-3.11,5.61-4.49,8.15-.74,1.39-1.46,2.73-2.19,4.07-1,1.83-2,3.58-3.05,5.33-4.12,7.11-8,13.82-8.63,21.7-.6,7.67,3.21,13.45,9.44,14.37a18.94,18.94,0,0,0,2.49.17c9.07,0,15.4-7.29,18.81-11.23,1.94-2.22,3.64-4.64,5.32-7-1.08,4.93-1.21,10.29,1,13.88a8.63,8.63,0,0,0,7.82,4.17h0a15.38,15.38,0,0,0,3.62-.5c8.57-2.3,14.77-9.77,20.2-16.33l1-1.15a106.77,106.77,0,0,0,11.89-16.77,6.55,6.55,0,0,1,.46-.8c1.13-1.93,2.64-4.57,1.12-7.05a1.31,1.31,0,0,0-.88-.62,2.08,2.08,0,0,0-.3,0,1.78,1.78,0,0,0-.75.2,10.9,10.9,0,0,0-3.54,4.67c-.27.54-.53,1.07-.81,1.56a103.28,103.28,0,0,1-21.81,26.57l-.18.17c-1.73,1.49-5,4.28-7.83,4.28a3.88,3.88,0,0,1-2.58-1c.14-5.33,2.46-9.78,4.71-14.08.38-.74.75-1.46,1.1-2.19,6.28-12.45,13.79-26.12,23-41.79.17-.25.32-.48.46-.72a5.32,5.32,0,0,0,1.34-3.53,1.38,1.38,0,0,0-1.39-1.29h-.06c-1.59.08-3.15.22-4.64.35-2.23.2-4.33.38-6.64.38-.63,0-1.27,0-1.92-.05h0a1.42,1.42,0,0,0-1.21.67c-3.81,6.15-7.27,12.84-10.6,19.3-7,13.43-14.13,27.3-24.82,37.24-1.8,1.67-4.42,4.1-7,4.1a3.67,3.67,0,0,1-.77-.07,2,2,0,0,1-1.62-1.08c-.53-1.06-.87-4,2.83-11.44,2-4,4-7.47,5.9-10.83A141.55,141.55,0,0,0,450.6,352c1.85-4,4.39-9.52,4.06-14.91-.48-7.31-5.84-12.41-13.08-12.41-.43,0-.86,0-1.32.07-6.49.52-10.33,4.42-14.09,8.18-.91,1-1.92,2-2.94,2.88a11.2,11.2,0,0,0-1.51-3.12c-2.94-4.3-7.52-6.6-13.23-6.6-7.79,0-16.17,4.09-21.39,7.9-11.39,8.26-18.78,18.65-23.29,32.68-3,9.29-2.39,18.48,1.57,23.94,2.79,3.84,7.15,5.91,12.63,5.92h.13c13,0,23.92-9.12,30.79-16.79C419.36,368.21,424.32,356.71,424.5,343.61ZM392.21,382a8.39,8.39,0,0,1-.67.67c-2.27,2.33-7.54,7.77-11.92,7.77a4.59,4.59,0,0,1-1.91-.42c-3.08-1.49-2.28-9.74,0-16.74A83.64,83.64,0,0,1,385,357.91c5-8.75,11.93-19.37,20.86-24.08a10.28,10.28,0,0,1,3-1,7.38,7.38,0,0,1,1.5-.13,4.12,4.12,0,0,1,1.62.24c1.87.83,4.25,4.27-.49,18.08A77.57,77.57,0,0,1,392.21,382Z" transform="translate(-50.24 -177.84)"></path>
 
    <path d="M108.62,292.71a72.09,72.09,0,0,0,47.46-17.61V226.87H107.84V248h24.58v15.87c-6.17,4.45-14.11,6.66-23,6.66-19.67,0-33.64-14.92-33.64-35.22V235c0-18.88,14.14-34.59,31.9-34.59,12.84,0,20.45,4.12,29,11.26l15.39-18.56c-11.58-9.84-23.64-15.24-43.63-15.24-33.64,0-58.23,25.87-58.23,57.44v.32C50.24,268.44,74,292.71,108.62,292.71Z" transform="translate(-50.24 -177.84)"></path>
 
    <path d="M453.4,200.38c11.09,0,19.83,4.75,28.4,12.53L497.33,195c-10.32-10.16-22.82-17.14-43.8-17.14-34.11,0-57.9,25.87-57.9,57.44v.32c0,31.89,24.28,57.11,57,57.11,21.42,0,34.11-7.61,45.55-19.84l-15.57-15.69c-8.73,7.93-16.51,13-29.17,13-19,0-32.23-15.87-32.23-34.91V235C421.17,215.93,434.66,200.38,453.4,200.38Z" transform="translate(-50.24 -177.84)"></path>
 
    <polygon points="548 91.24 487.69 91.24 487.69 67.91 540.07 67.91 540.07 46.16 487.69 46.16 487.69 23.64 547.21 23.64 547.21 1.9 463.44 1.9 463.44 112.97 548 112.97 548 91.24"></polygon>
 
    <path d="M298.4,286.21l.6.28a31.27,31.27,0,0,1,3.67,2l9.18-22.57h47L369,290.81h25.57L346.92,179H324.4L281,281A65.07,65.07,0,0,1,298.4,286.21Zm36.94-77.91,14.77,36H320.58Z" transform="translate(-50.24 -177.84)"></path>
 
    <path d="M268.23,216.72v-.31c0-10.48-3.33-19.21-9.52-25.4-7.29-7.29-18.24-11.27-32.36-11.27H175.57V290.81H200V255.28h19.2L242,289.36a45.57,45.57,0,0,1,22.5-8.84l-20.1-29.38C258.55,245.91,268.23,234.65,268.23,216.72ZM243.48,218c0,9.37-6.82,15.72-18.72,15.72H200V201.8H224.3c11.88,0,19.18,5.4,19.18,15.88Z" transform="translate(-50.24 -177.84)"></path>
 
</svg>
 
                                </dt>
 
                                <dd>Unleashing God’s Truth, One Verse at a Time<br><span>Since 1969</span></dd>
 
                            </dl>
 
                        </div>
 
 
 
  
                        <a class="toggle-layer toggle-playlist" href="javascript:void(0);">Minimize <i class="fa fa-minus-square-o"></i></a>
+
        <div class="left" style="display: none;">
                    </div>
+
          <label for="category">
                    <div class="sublayer-window">
+
            <strong>Category:</strong>
                        <div class="nano has-scrollbar">
+
          </label>
                            <div class="nano-content" tabindex="0" style="right: -17px;">
+
                                <div class="nano-content-wrap">
+
                                    <!-- Audio Player and Playlist -->
+
                                    <!-- NOW PLAYING -->
+
                                    <div class="now-playing">
+
                                        <h3>Currently Playing</h3>
+
                                        <ul class="tabs stream" data-bind="visible:tabsVisible" style="width: 100%; display: none;">
+
                                            <li class="tab">
+
                                                <a class="waves-effect waves-light active" href="#player_tab1" data-bind="click:audioClick, css:{active: audioPlayBackVisible }" style="height: 79px;"><i class="ion-headphone"></i><span>Audio</span></a>
+
                                            </li>
+
                                            <li class="tab">
+
                                                <a href="#player_tab2" class="waves-effect waves-light" data-bind="click:videoClick, css:{active: videoPlayBackVisible }" style="height: 79px;"><i class="fa fa-youtube-play"></i><span>Video</span></a>
+
                                            </li>
+
                                        </ul>
+
                                        <!--AUDIO-->
+
                                        <div class="clearfix" id="player_tab1" data-bind="visible:audioPlayBackVisible">
+
                                            <div class="progress">
+
                                                <div id="divProgressBar" class="progressbar"></div>
+
                                                <div class="scrubber" data-bind="style: { width: scrubberPosition }" style="width: 5.52%;"></div>
+
                                                <ul class="list">
+
                                                    <li>
+
                                                        <table>
+
                                                            <tbody>
+
                                                                <tr>
+
                                                                    <td class="title">
+
                                                                        <span data-bind="text: name">Judgment of the Rebellion at Babel, Part 1</span>
+
                                                                        <span class="scripture dont-reftag" data-bind="text: scripture">Genesis 11:1–9</span>
+
  
                                                                    </td>
+
          <div class="select-wrapper"><select id="category" name="category">
                                                                </tr>
+
            <option value="">All</option>
                                                            </tbody>
+
            <option value="devotional">Devotional</option>
                                                        </table>
+
            <option value="introduction">Introduction</option>
                                                    </li>
+
            <option value="fact">Fact</option>
                                                </ul>
+
            <option value="note">Note</option>
                                                <div class="loaded" id="spanLoaded" data-bind="style:{width : loadedPosition }" style="width: 15%;"></div>
+
            <option value="diagram">Diagram</option>
                                            </div>
+
            <option value="profile">Profile</option>
                                            <div class="player">
+
            <option value="illustration">Illustration</option>
                                                <span class="track-progress" id="spanProgress" data-bind="text:progressDisplay">00:03:02</span>
+
            <option value="article">Article</option>
                                                <span id="btnRewind" class="rewind" style="cursor: pointer;"><i class="mdi-av-fast-rewind"></i></span>
+
            <option value="chart">Chart</option>
                                                <span class="play-pause" id="btnPlay" style="cursor: pointer;">
+
            <option value="map">Map</option>
                                                    <i class="mdi-av-play-circle-outline" data-bind="visible: isPausedAudio" style="display: none;"></i>
+
          </select></div>
                                                    <i style="" class="mdi-av-pause-circle-outline" data-bind="visible:!isPausedAudio()"></i>
+
                                                </span>
+
                                                <span id="btnForward" class="forward" style="cursor: pointer;"><i class="mdi-av-fast-forward"></i></span>
+
                                                <span class="duration" data-bind="text:remainingDisplay">00:52:02</span>
+
                                            </div>
+
                                            <div class="volume-control">
+
                                                <i class="mdi-av-volume-mute"></i>
+
                                                <input id="vol-control" type="range" min="0" max="100" step="1" data-bind="textInput:audioVolume ">   
+
                                                <i class="mdi-av-volume-up"></i>
+
                                            </div>
+
                                            <div class="more-on-this-track">
+
                                                <a href="javascript:void(0);" class="waves-effect btn ghost waves-light dropdown-button" data-activates="dropdown_d_1" data-constrainwidth="false">
+
                                                    <i class="mdi-navigation-more-horiz"></i>
+
                                                    <span>Download MP3 &amp; More</span>
+
                                                </a><ul id="dropdown_d_1" class="dropdown-content" style="display: none;">
+
                                                    <li>
+
                                                        <a class="waves-effect" download="" data-bind="attr: {href: downloadMp3Url()  +'?x-source=website&amp;x-type=download' }" href="https://cdn.gty.org/sermons/High/90-267.mp3?x-source=website&amp;x-type=download"><i class="fa fa-download"></i>Download MP3</a>
+
                                                    </li>
+
                                                    <li data-bind="visible:buyCdUrl()!==''" style="">
+
                                                        <a class="waves-effect" data-bind="attr: {href: buyCdUrl }" href="/store/sermons-store/90-267/judgment-of-the-rebellion-at-babel-part-1"><i class="mdi-action-shopping-cart"></i> Buy CD</a>
+
                                                    </li>
+
                                                    <li data-bind="visible: showTranscriptLink">
+
                                                        <a data-bind="click: function() { clickOpenTranscript(true) }" class="waves-effect transcript" href="javascript:void(0);"><i class="mdi-action-description"></i> Transcript</a>
+
                                                    </li>
+
                                                    <li>
+
                                                        <a class="waves-effect" data-bind="attr: {href:  resourcePageUrl }" href="/library/sermons-library/90-267/judgment-of-the-rebellion-at-babel-part-1">
+
                                                            <i class="mdi-action-info"></i> More Info
+
                                                        </a>
+
                                                    </li>
+
                                                </ul>
+
                                               
+
                                            </div>
+
                                        </div>
+
                                        <!--/AUDIO-->
+
                                        <!--VIDEO-->
+
                                        <div id="player_tab2" class="clearfix" data-bind="visible:videoPlayBackVisible" style="display: none;">
+
                                            <p data-bind="text:name">Judgment of the Rebellion at Babel, Part 1</p>
+
                                            <div class="video-container">
+
                                                <iframe id="youtubeplayer" frameborder="0" allowfullscreen="1" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" title="YouTube video player" width="480" height="270" src="https://www.youtube.com/embed/?origin=https%3A%2F%2Fwww.gty.org&amp;rel=0&amp;showinfo=0&amp;enablejsapi=1&amp;widgetid=1"></iframe>
+
                                            </div>
+
                                            <div class="more-on-this-track">
+
                                                <a href="javascript:void(0);" class="waves-effect btn ghost waves-light dropdown-button" data-activates="dropdown_v_1" data-constrainwidth="false">
+
                                                    <i class="mdi-navigation-more-horiz"></i><span>Download MP4 &amp; More</span>
+
                                                </a><ul id="dropdown_v_1" class="dropdown-content" style="display: none;">
+
                                                    <li>
+
                                                        <a class="waves-effect" download="" data-bind="attr: {href: downloadMp4Url  }" href="http://videos.gty.org.s3.amazonaws.com/download/V8290-267.mp4"><i class="fa fa-download"></i>Download MP4 &amp; More</a>
+
                                                    </li>
+
                                                    <li data-bind="visible:  buyDvdUrl() !== '' " style="display: none;">
+
                                                        <a class="waves-effect" data-bind="attr: {href: buyDvdUrl }" href=""><i class="mdi-action-shopping-cart"></i> Buy DVD</a>
+
                                                    </li>
+
                                                    <li>
+
                                                        <a data-bind="click: function() { clickOpenTranscript(true) }" class="waves-effect transcript" href="javascript:void(0);"><i class="mdi-action-description"></i> Transcript</a>
+
                                                    </li>
+
                                                    <li>
+
                                                        <a class="waves-effect" data-bind="attr: {href:  resourcePageUrl }" href="/library/sermons-library/90-267/judgment-of-the-rebellion-at-babel-part-1">
+
                                                            <i class="mdi-action-info"></i> More Info
+
                                                        </a>
+
                                                    </li>
+
                                                </ul>
+
                                               
+
                                            </div>
+
                                        </div>
+
                                        <!--/VIDEO-->
+
                                    </div>
+
                                    <!-- RADIO BROADCAST -->
+
                                    <h3>
+
                                        <i class="mdi-av-radio"></i> Today's Radio Broadcast
+
                                    </h3>
+
                                    <ul class="list">
+
                                        <li>
+
                                            <table>
+
                                                <tbody><tr>
+
                                                    <td class="more">
+
                                                        <a href="javascript:void(0);" class="waves-effect waves-light dropdown-button" data-activates="dropdown_ex3" data-constrainwidth="false">
+
                                                            <i class="mdi-navigation-more-horiz"></i>
+
                                                        </a><ul id="dropdown_ex3" class="dropdown-content" style="display: none;">
+
                                                            <li>
+
                                                                <a class="waves-effect " download="" data-bind="attr: {href:  broadcastDownloadMp3Url()  +'?x-source=website&amp;x-type=download' }" href="undefined?x-source=website&amp;x-type=download"><i class="fa fa-download"></i> Download MP3</a>
+
                                                            </li>
+
                                                            <li>
+
                                                                <a class="waves-effect" data-bind="attr: {href: broadcastBuyCdUrl }" href="/store/sermons-store/90-497/the-resurrection-of-believers"><i class="mdi-action-shopping-cart"></i> Buy CD</a>
+
                                                            </li>
+
                                                            <li>
+
                                                                <a class="waves-effect" data-bind="attr: {href:  broadcastResourcePageUrl }" href="/library/sermons-library/90-497/the-resurrection-of-believers">
+
                                                                    <i class="mdi-action-info"></i> More Info
+
                                                                </a>
+
                                                            </li>
+
                                                        </ul>
+
                                                       
+
                                                    </td>
+
                                                    <td class="title">
+
                                                        <span style="cursor: pointer;" data-bind="text: broadcastName,click:clickBroadcast">The Resurrection of Believers</span>
+
                                                        <span class="scripture" data-bind="text: broadcastScripture, click:clickBroadcast">1 Corinthians 15:50–58</span>
+
                                                    </td>
+
                                                </tr>
+
                                            </tbody></table>
+
                                        </li>
+
                                    </ul>
+
                                    <!-- PLAYLIST -->
+
                                    <h3>
+
                                        <i class="ion-ios-list-outline"></i><span>Playlist</span>
+
                                        <a class="btn clear-playlist" data-bind="visible: items().length > 0, click: clearPlaylist" style="display: none;"><i class="ion-backspace-outline"></i><span>Clear Playlist</span></a>
+
                                    </h3>
+
                                    <p class="empty-playlist" data-bind="visible: items().length === 0" style="display: block;">Playlist is empty.</p>
+
                                    <ul class="list" data-bind="foreach: items"></ul>
+
                                    <!-- Audio Player and Playlist -->
+
                                    <!--audio wrapper -->
+
                                </div>
+
                            </div>
+
                        <div class="nano-pane" style="display: none; opacity: 1; visibility: visible;"><div class="nano-slider" style="height: 1010px; transform: translate(0px, 0px);"></div></div></div>
+
                    </div>
+
                </div>
+
                <!-- /Playlist -->
+
                <!-- Sermon Transcript -->
+
                <div class="sublayer sermon-transcript">
+
                    <!-- Top Bar -->
+
                    <div class="topbar">
+
                        <div class="logo-and-slogan">
+
                            <dl>
+
                                <dt>
+
                                    <a href="/" class="us">
+
<svg id="Grace_to_You_Logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 548 277.87">
+
    <title>Grace-to-You</title>
+
    <path d="M382.44,320.36c3-3.86,6.17-7.86,10.2-10.82a8.58,8.58,0,0,1,1-.56c1.46-.79,3.91-2.09,3.45-5.12a1.33,1.33,0,0,0-1-1.11,5.44,5.44,0,0,0-1.8-.28c-2.81,0-5.26,1.84-7.2,3.33l-.5.37c-5.93,4.4-11.31,9.82-16.55,15.09-.91.93-1.82,1.85-2.7,2.76-7,7-13.56,14.46-19.86,21.69-12.2,14-24.85,28.48-41.18,39.6-5.85,4-10.91,6.15-14.27,6.15-2,0-4.63-.61-5.21-5.86-1-8.93,4.78-17.85,8.59-23.75l.87-1.36c4.76-7.48,10.16-13.53,15.73-19.6,6.68-7.26,13.22-13.74,20.17-20.63,2-2,4.1-4.09,6.27-6.24,3.23-3.25,7.62-7.67,6.1-12.88-.66-2.16-2.46-4.74-7.49-4.74s-11.5,2.72-14,3.87c-10.05,4.69-19,10.68-28,16.91-1.76,1.21-3.53,2.49-5.39,3.86a134.79,134.79,0,0,1-12.25,8.28c-6.33,3.65-11.91,5.43-17,5.43A20.05,20.05,0,0,1,255,334a12.41,12.41,0,0,1-9.34-12.46c.06-11.11,10.22-18.9,18.89-22.2a33.4,33.4,0,0,1,11.8-2,39.26,39.26,0,0,1,14.35,2.72c.83.34,1.66.77,2.45,1.17a16.27,16.27,0,0,0,5.27,1.93h.15a1.4,1.4,0,0,0,1-.39,1.31,1.31,0,0,0,.41-1.1c-.19-3-3.39-4.5-5.5-5.5l-.57-.25a55.4,55.4,0,0,0-23-5.1c-1.23,0-2.46.05-3.68.14a34.56,34.56,0,0,0-21.08,8.88c-5.56,5.19-9.29,13-9.53,19.88a17.9,17.9,0,0,0,4.88,13.14c3.9,4.15,10.09,6.9,16.54,7.34.84.06,1.65.08,2.45.08,9.23,0,16.48-3.56,21.12-6.25A133,133,0,0,0,293,326.3c1.87-1.36,3.77-2.75,5.67-4.06l2.59-1.79c7.72-5.33,15-10.35,23.93-14.69.37-.17.76-.35,1.13-.55,2.26-1.13,4.59-2.29,6.94-2.29h0a10.25,10.25,0,0,1-2.07,2.1c-.3.27-.62.52-.89.78-4.85,4.46-10.06,8.71-15.1,12.85-12.7,10.38-25.83,21.13-35.08,36.24s-11.71,26.47-7.15,34.32c3.3,5.71,9.7,9.13,17.12,9.13a23.53,23.53,0,0,0,2.87-.18c7.66-.85,15.62-6.47,20.94-10.62,10.67-8.34,20.14-18.82,29.29-29,2.68-3,5.25-5.87,7.88-8.65-14,23.3-27.33,45.37-44.16,66.48-12.05,15.07-22.94,24.65-33.31,29.27a43.1,43.1,0,0,1-17.38,3.73c-9.79,0-18.87-3.5-24.89-9.57a27.07,27.07,0,0,1-7.8-19.8c.13-13.81,10.72-26.46,23.14-27.63.73-.07,1.49-.11,2.18-.11,6.27,0,11,2.67,13.73,7.68a13.52,13.52,0,0,1,.54,12.5,12.18,12.18,0,0,1-8.54,6.89,9.74,9.74,0,0,1-1.45.12c-.55,0-1.1-.06-1.63-.07s-1-.07-1.44-.07c-1.86,0-2.94.66-3.25,2a2.47,2.47,0,0,0,.42,2.08c.68.9,2,1.37,4,1.46l1.05,0a17.34,17.34,0,0,0,11-4.29c2.94-2.48,6.87-6.76,6.7-15.11-.22-11.44-10.45-20.08-23.8-20.08a30.09,30.09,0,0,0-7.87,1.06c-15.15,4.09-24.76,19.25-22.86,36,2.14,19,16.17,30.14,41.71,33.22h6.3c39.55-4.72,61.25-34,78.85-64.88,4.47-7.9,8.58-16.27,12.55-24.38,7.4-15.11,15-30.72,25.27-43.33C381,322.21,381.73,321.28,382.44,320.36Z" transform="translate(-50.24 -177.84)"></path>
+
    <path d="M226.5,377.92a64.86,64.86,0,0,0,9.63-14.35c4.53-9.39,7.46-26-.29-33.58-2.76-2.7-6.46-4.06-11-4.06-6.82,0-14.29,3.19-19,6.19-13.13,8.35-23.29,23-27.23,39.38-.55.64-1.14,1.33-1.78,2.05-1.78,2-3.79,4.35-6.16,6.6-.37.33-.74.7-1.13,1.06-2.54,2.45-5.41,5.22-8.57,5.22h-.14c-1.47,0-2-.56-2.19-.95-.68-1.13-1.12-4.45,3.61-13.8,6.69-13.34,13.76-27.26,20.28-38.62h7.72c.41,0,.86,0,1.3.05s1,0,1.55,0a4.86,4.86,0,0,0,3.78-1.24,3.65,3.65,0,0,0,.73-3,1.38,1.38,0,0,0-.55-.92c-1.56-1.15-3.8-1.31-5.59-1.31-1,0-2.06.07-3.13.11-.89.05-1.81.09-2.69.11,1.5-2.67,3-5.47,4.43-8.18,1.16-2.19,2.31-4.35,3.45-6.43a13.17,13.17,0,0,1,.75-1.15c1-1.47,2.45-3.46,1.38-5.85a1.4,1.4,0,0,0-1.27-.81h-.21a25.41,25.41,0,0,0-5.42,1.69,21.39,21.39,0,0,1-8.24,2h-.62a1.34,1.34,0,0,0-1.23.76c-2.66,5.29-5.56,10.46-8.37,15.47l-1.34,2.4h-8.39l-1.34,0-1.47,0c-1.5,0-3.18.15-4.1,1.38a3.56,3.56,0,0,0-.43,3.18,1.53,1.53,0,0,0,.74.91,12.76,12.76,0,0,0,5.58.91c1,0,2.13,0,3.2-.09l2.93-.09c-1.17,2.24-2.42,4.54-3.72,6.93-2.55,4.68-5.17,9.5-7.7,14.63-.83,1.67-1.71,3.33-2.58,5-3.49,6.55-7.08,13.31-7.68,21.27-.43,5.57.7,9.53,3.4,12.16a10.37,10.37,0,0,0,7.44,3c5.62,0,12.54-4,20.52-12,.63-.65,1.2-1.31,1.74-2,.38-.44.72-.85,1.11-1.25,1.21,12.85,9.33,15.65,16.19,15.65.7,0,1.42,0,2.17-.08C206.69,395.55,216.47,389.53,226.5,377.92Zm-18,4c-2.63,2.62-8.08,8.08-12.51,8.08a4.79,4.79,0,0,1-1.57-.27c-3.68-1.3-2.85-9.56-.54-16.68A89,89,0,0,1,201.33,357a76.22,76.22,0,0,1,9.72-13.79l.81-.91c3.7-4,8.73-9.53,14.14-9.92h.48a3.89,3.89,0,0,1,2.43.6c1.82,1.56,3,6.08-1.55,18.72a80.05,80.05,0,0,1-18.77,30.1Z" transform="translate(-50.24 -177.84)"></path>
+
    <path d="M424.5,343.61a45,45,0,0,1,7.8-8.59c4.74-4.12,7.46-4.73,8.65-4.73a2.59,2.59,0,0,1,1.75.59c1.09.95,1.42,3.69-3.2,11.49l-.32.57c-1.68,2.95-3.11,5.61-4.49,8.15-.74,1.39-1.46,2.73-2.19,4.07-1,1.83-2,3.58-3.05,5.33-4.12,7.11-8,13.82-8.63,21.7-.6,7.67,3.21,13.45,9.44,14.37a18.94,18.94,0,0,0,2.49.17c9.07,0,15.4-7.29,18.81-11.23,1.94-2.22,3.64-4.64,5.32-7-1.08,4.93-1.21,10.29,1,13.88a8.63,8.63,0,0,0,7.82,4.17h0a15.38,15.38,0,0,0,3.62-.5c8.57-2.3,14.77-9.77,20.2-16.33l1-1.15a106.77,106.77,0,0,0,11.89-16.77,6.55,6.55,0,0,1,.46-.8c1.13-1.93,2.64-4.57,1.12-7.05a1.31,1.31,0,0,0-.88-.62,2.08,2.08,0,0,0-.3,0,1.78,1.78,0,0,0-.75.2,10.9,10.9,0,0,0-3.54,4.67c-.27.54-.53,1.07-.81,1.56a103.28,103.28,0,0,1-21.81,26.57l-.18.17c-1.73,1.49-5,4.28-7.83,4.28a3.88,3.88,0,0,1-2.58-1c.14-5.33,2.46-9.78,4.71-14.08.38-.74.75-1.46,1.1-2.19,6.28-12.45,13.79-26.12,23-41.79.17-.25.32-.48.46-.72a5.32,5.32,0,0,0,1.34-3.53,1.38,1.38,0,0,0-1.39-1.29h-.06c-1.59.08-3.15.22-4.64.35-2.23.2-4.33.38-6.64.38-.63,0-1.27,0-1.92-.05h0a1.42,1.42,0,0,0-1.21.67c-3.81,6.15-7.27,12.84-10.6,19.3-7,13.43-14.13,27.3-24.82,37.24-1.8,1.67-4.42,4.1-7,4.1a3.67,3.67,0,0,1-.77-.07,2,2,0,0,1-1.62-1.08c-.53-1.06-.87-4,2.83-11.44,2-4,4-7.47,5.9-10.83A141.55,141.55,0,0,0,450.6,352c1.85-4,4.39-9.52,4.06-14.91-.48-7.31-5.84-12.41-13.08-12.41-.43,0-.86,0-1.32.07-6.49.52-10.33,4.42-14.09,8.18-.91,1-1.92,2-2.94,2.88a11.2,11.2,0,0,0-1.51-3.12c-2.94-4.3-7.52-6.6-13.23-6.6-7.79,0-16.17,4.09-21.39,7.9-11.39,8.26-18.78,18.65-23.29,32.68-3,9.29-2.39,18.48,1.57,23.94,2.79,3.84,7.15,5.91,12.63,5.92h.13c13,0,23.92-9.12,30.79-16.79C419.36,368.21,424.32,356.71,424.5,343.61ZM392.21,382a8.39,8.39,0,0,1-.67.67c-2.27,2.33-7.54,7.77-11.92,7.77a4.59,4.59,0,0,1-1.91-.42c-3.08-1.49-2.28-9.74,0-16.74A83.64,83.64,0,0,1,385,357.91c5-8.75,11.93-19.37,20.86-24.08a10.28,10.28,0,0,1,3-1,7.38,7.38,0,0,1,1.5-.13,4.12,4.12,0,0,1,1.62.24c1.87.83,4.25,4.27-.49,18.08A77.57,77.57,0,0,1,392.21,382Z" transform="translate(-50.24 -177.84)"></path>
+
    <path d="M108.62,292.71a72.09,72.09,0,0,0,47.46-17.61V226.87H107.84V248h24.58v15.87c-6.17,4.45-14.11,6.66-23,6.66-19.67,0-33.64-14.92-33.64-35.22V235c0-18.88,14.14-34.59,31.9-34.59,12.84,0,20.45,4.12,29,11.26l15.39-18.56c-11.58-9.84-23.64-15.24-43.63-15.24-33.64,0-58.23,25.87-58.23,57.44v.32C50.24,268.44,74,292.71,108.62,292.71Z" transform="translate(-50.24 -177.84)"></path>
+
    <path d="M453.4,200.38c11.09,0,19.83,4.75,28.4,12.53L497.33,195c-10.32-10.16-22.82-17.14-43.8-17.14-34.11,0-57.9,25.87-57.9,57.44v.32c0,31.89,24.28,57.11,57,57.11,21.42,0,34.11-7.61,45.55-19.84l-15.57-15.69c-8.73,7.93-16.51,13-29.17,13-19,0-32.23-15.87-32.23-34.91V235C421.17,215.93,434.66,200.38,453.4,200.38Z" transform="translate(-50.24 -177.84)"></path>
+
    <polygon points="548 91.24 487.69 91.24 487.69 67.91 540.07 67.91 540.07 46.16 487.69 46.16 487.69 23.64 547.21 23.64 547.21 1.9 463.44 1.9 463.44 112.97 548 112.97 548 91.24"></polygon>
+
    <path d="M298.4,286.21l.6.28a31.27,31.27,0,0,1,3.67,2l9.18-22.57h47L369,290.81h25.57L346.92,179H324.4L281,281A65.07,65.07,0,0,1,298.4,286.21Zm36.94-77.91,14.77,36H320.58Z" transform="translate(-50.24 -177.84)"></path>
+
    <path d="M268.23,216.72v-.31c0-10.48-3.33-19.21-9.52-25.4-7.29-7.29-18.24-11.27-32.36-11.27H175.57V290.81H200V255.28h19.2L242,289.36a45.57,45.57,0,0,1,22.5-8.84l-20.1-29.38C258.55,245.91,268.23,234.65,268.23,216.72ZM243.48,218c0,9.37-6.82,15.72-18.72,15.72H200V201.8H224.3c11.88,0,19.18,5.4,19.18,15.88Z" transform="translate(-50.24 -177.84)"></path>
+
</svg>
+
                                    </a>
+
                                </dt>
+
                                <dd>Unleashing God’s Truth, One Verse at a Time<br><span>Since 1969</span></dd>
+
                            </dl>
+
                        </div>
+
                        <a class="toggle-layer back-to-playlist" data-bind="click: function() { clickOpenTranscript(false) }" href="javascript:void(0);"><i class="fa fa-angle-left"></i> Back to Playlist</a>
+
                    </div>
+
                    <!-- /Top Bar -->
+
                    <!-- All messages list -->
+
                    <div class="sublayer-window transcript">
+
                        <div class="nano has-scrollbar">
+
                            <div class="nano-content" data-bind="click: function(data, event) { startTranscriptTracking(data, event) }" tabindex="0" style="right: -17px;">
+
                                <div class="nano-content-wrap" data-bind="html: transcript"></div>
+
                            </div>
+
                        <div class="nano-pane" style="display: none; opacity: 1; visibility: visible;"><div class="nano-slider" style="height: 1010px; transform: translate(0px, 0px);"></div></div></div>
+
                    </div>
+
                    <!-- /All messages list -->
+
                </div>
+
                <!-- /Sermon Transcript -->
+
            </div>
+
 
         </div>
 
         </div>
    </div>
 
    <div class="gty-layer account-layer">
 
        <div class="layer-overlay" style="background: none;"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g><circle cx="0" cy="0" r="0" fill="rgb(255, 255, 255)"></circle></g></svg></div>
 
        <div class="layer-content" style="background: none; z-index: 2;">
 
            <div class="topbar white">
 
                <div class="logo-and-slogan inverted">
 
                    <dl>
 
 
                        <dt>
 
<svg id="Grace_to_You_Logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 548 277.87">
 
    <title>Grace-to-You</title>
 
    <path d="M382.44,320.36c3-3.86,6.17-7.86,10.2-10.82a8.58,8.58,0,0,1,1-.56c1.46-.79,3.91-2.09,3.45-5.12a1.33,1.33,0,0,0-1-1.11,5.44,5.44,0,0,0-1.8-.28c-2.81,0-5.26,1.84-7.2,3.33l-.5.37c-5.93,4.4-11.31,9.82-16.55,15.09-.91.93-1.82,1.85-2.7,2.76-7,7-13.56,14.46-19.86,21.69-12.2,14-24.85,28.48-41.18,39.6-5.85,4-10.91,6.15-14.27,6.15-2,0-4.63-.61-5.21-5.86-1-8.93,4.78-17.85,8.59-23.75l.87-1.36c4.76-7.48,10.16-13.53,15.73-19.6,6.68-7.26,13.22-13.74,20.17-20.63,2-2,4.1-4.09,6.27-6.24,3.23-3.25,7.62-7.67,6.1-12.88-.66-2.16-2.46-4.74-7.49-4.74s-11.5,2.72-14,3.87c-10.05,4.69-19,10.68-28,16.91-1.76,1.21-3.53,2.49-5.39,3.86a134.79,134.79,0,0,1-12.25,8.28c-6.33,3.65-11.91,5.43-17,5.43A20.05,20.05,0,0,1,255,334a12.41,12.41,0,0,1-9.34-12.46c.06-11.11,10.22-18.9,18.89-22.2a33.4,33.4,0,0,1,11.8-2,39.26,39.26,0,0,1,14.35,2.72c.83.34,1.66.77,2.45,1.17a16.27,16.27,0,0,0,5.27,1.93h.15a1.4,1.4,0,0,0,1-.39,1.31,1.31,0,0,0,.41-1.1c-.19-3-3.39-4.5-5.5-5.5l-.57-.25a55.4,55.4,0,0,0-23-5.1c-1.23,0-2.46.05-3.68.14a34.56,34.56,0,0,0-21.08,8.88c-5.56,5.19-9.29,13-9.53,19.88a17.9,17.9,0,0,0,4.88,13.14c3.9,4.15,10.09,6.9,16.54,7.34.84.06,1.65.08,2.45.08,9.23,0,16.48-3.56,21.12-6.25A133,133,0,0,0,293,326.3c1.87-1.36,3.77-2.75,5.67-4.06l2.59-1.79c7.72-5.33,15-10.35,23.93-14.69.37-.17.76-.35,1.13-.55,2.26-1.13,4.59-2.29,6.94-2.29h0a10.25,10.25,0,0,1-2.07,2.1c-.3.27-.62.52-.89.78-4.85,4.46-10.06,8.71-15.1,12.85-12.7,10.38-25.83,21.13-35.08,36.24s-11.71,26.47-7.15,34.32c3.3,5.71,9.7,9.13,17.12,9.13a23.53,23.53,0,0,0,2.87-.18c7.66-.85,15.62-6.47,20.94-10.62,10.67-8.34,20.14-18.82,29.29-29,2.68-3,5.25-5.87,7.88-8.65-14,23.3-27.33,45.37-44.16,66.48-12.05,15.07-22.94,24.65-33.31,29.27a43.1,43.1,0,0,1-17.38,3.73c-9.79,0-18.87-3.5-24.89-9.57a27.07,27.07,0,0,1-7.8-19.8c.13-13.81,10.72-26.46,23.14-27.63.73-.07,1.49-.11,2.18-.11,6.27,0,11,2.67,13.73,7.68a13.52,13.52,0,0,1,.54,12.5,12.18,12.18,0,0,1-8.54,6.89,9.74,9.74,0,0,1-1.45.12c-.55,0-1.1-.06-1.63-.07s-1-.07-1.44-.07c-1.86,0-2.94.66-3.25,2a2.47,2.47,0,0,0,.42,2.08c.68.9,2,1.37,4,1.46l1.05,0a17.34,17.34,0,0,0,11-4.29c2.94-2.48,6.87-6.76,6.7-15.11-.22-11.44-10.45-20.08-23.8-20.08a30.09,30.09,0,0,0-7.87,1.06c-15.15,4.09-24.76,19.25-22.86,36,2.14,19,16.17,30.14,41.71,33.22h6.3c39.55-4.72,61.25-34,78.85-64.88,4.47-7.9,8.58-16.27,12.55-24.38,7.4-15.11,15-30.72,25.27-43.33C381,322.21,381.73,321.28,382.44,320.36Z" transform="translate(-50.24 -177.84)"></path>
 
    <path d="M226.5,377.92a64.86,64.86,0,0,0,9.63-14.35c4.53-9.39,7.46-26-.29-33.58-2.76-2.7-6.46-4.06-11-4.06-6.82,0-14.29,3.19-19,6.19-13.13,8.35-23.29,23-27.23,39.38-.55.64-1.14,1.33-1.78,2.05-1.78,2-3.79,4.35-6.16,6.6-.37.33-.74.7-1.13,1.06-2.54,2.45-5.41,5.22-8.57,5.22h-.14c-1.47,0-2-.56-2.19-.95-.68-1.13-1.12-4.45,3.61-13.8,6.69-13.34,13.76-27.26,20.28-38.62h7.72c.41,0,.86,0,1.3.05s1,0,1.55,0a4.86,4.86,0,0,0,3.78-1.24,3.65,3.65,0,0,0,.73-3,1.38,1.38,0,0,0-.55-.92c-1.56-1.15-3.8-1.31-5.59-1.31-1,0-2.06.07-3.13.11-.89.05-1.81.09-2.69.11,1.5-2.67,3-5.47,4.43-8.18,1.16-2.19,2.31-4.35,3.45-6.43a13.17,13.17,0,0,1,.75-1.15c1-1.47,2.45-3.46,1.38-5.85a1.4,1.4,0,0,0-1.27-.81h-.21a25.41,25.41,0,0,0-5.42,1.69,21.39,21.39,0,0,1-8.24,2h-.62a1.34,1.34,0,0,0-1.23.76c-2.66,5.29-5.56,10.46-8.37,15.47l-1.34,2.4h-8.39l-1.34,0-1.47,0c-1.5,0-3.18.15-4.1,1.38a3.56,3.56,0,0,0-.43,3.18,1.53,1.53,0,0,0,.74.91,12.76,12.76,0,0,0,5.58.91c1,0,2.13,0,3.2-.09l2.93-.09c-1.17,2.24-2.42,4.54-3.72,6.93-2.55,4.68-5.17,9.5-7.7,14.63-.83,1.67-1.71,3.33-2.58,5-3.49,6.55-7.08,13.31-7.68,21.27-.43,5.57.7,9.53,3.4,12.16a10.37,10.37,0,0,0,7.44,3c5.62,0,12.54-4,20.52-12,.63-.65,1.2-1.31,1.74-2,.38-.44.72-.85,1.11-1.25,1.21,12.85,9.33,15.65,16.19,15.65.7,0,1.42,0,2.17-.08C206.69,395.55,216.47,389.53,226.5,377.92Zm-18,4c-2.63,2.62-8.08,8.08-12.51,8.08a4.79,4.79,0,0,1-1.57-.27c-3.68-1.3-2.85-9.56-.54-16.68A89,89,0,0,1,201.33,357a76.22,76.22,0,0,1,9.72-13.79l.81-.91c3.7-4,8.73-9.53,14.14-9.92h.48a3.89,3.89,0,0,1,2.43.6c1.82,1.56,3,6.08-1.55,18.72a80.05,80.05,0,0,1-18.77,30.1Z" transform="translate(-50.24 -177.84)"></path>
 
    <path d="M424.5,343.61a45,45,0,0,1,7.8-8.59c4.74-4.12,7.46-4.73,8.65-4.73a2.59,2.59,0,0,1,1.75.59c1.09.95,1.42,3.69-3.2,11.49l-.32.57c-1.68,2.95-3.11,5.61-4.49,8.15-.74,1.39-1.46,2.73-2.19,4.07-1,1.83-2,3.58-3.05,5.33-4.12,7.11-8,13.82-8.63,21.7-.6,7.67,3.21,13.45,9.44,14.37a18.94,18.94,0,0,0,2.49.17c9.07,0,15.4-7.29,18.81-11.23,1.94-2.22,3.64-4.64,5.32-7-1.08,4.93-1.21,10.29,1,13.88a8.63,8.63,0,0,0,7.82,4.17h0a15.38,15.38,0,0,0,3.62-.5c8.57-2.3,14.77-9.77,20.2-16.33l1-1.15a106.77,106.77,0,0,0,11.89-16.77,6.55,6.55,0,0,1,.46-.8c1.13-1.93,2.64-4.57,1.12-7.05a1.31,1.31,0,0,0-.88-.62,2.08,2.08,0,0,0-.3,0,1.78,1.78,0,0,0-.75.2,10.9,10.9,0,0,0-3.54,4.67c-.27.54-.53,1.07-.81,1.56a103.28,103.28,0,0,1-21.81,26.57l-.18.17c-1.73,1.49-5,4.28-7.83,4.28a3.88,3.88,0,0,1-2.58-1c.14-5.33,2.46-9.78,4.71-14.08.38-.74.75-1.46,1.1-2.19,6.28-12.45,13.79-26.12,23-41.79.17-.25.32-.48.46-.72a5.32,5.32,0,0,0,1.34-3.53,1.38,1.38,0,0,0-1.39-1.29h-.06c-1.59.08-3.15.22-4.64.35-2.23.2-4.33.38-6.64.38-.63,0-1.27,0-1.92-.05h0a1.42,1.42,0,0,0-1.21.67c-3.81,6.15-7.27,12.84-10.6,19.3-7,13.43-14.13,27.3-24.82,37.24-1.8,1.67-4.42,4.1-7,4.1a3.67,3.67,0,0,1-.77-.07,2,2,0,0,1-1.62-1.08c-.53-1.06-.87-4,2.83-11.44,2-4,4-7.47,5.9-10.83A141.55,141.55,0,0,0,450.6,352c1.85-4,4.39-9.52,4.06-14.91-.48-7.31-5.84-12.41-13.08-12.41-.43,0-.86,0-1.32.07-6.49.52-10.33,4.42-14.09,8.18-.91,1-1.92,2-2.94,2.88a11.2,11.2,0,0,0-1.51-3.12c-2.94-4.3-7.52-6.6-13.23-6.6-7.79,0-16.17,4.09-21.39,7.9-11.39,8.26-18.78,18.65-23.29,32.68-3,9.29-2.39,18.48,1.57,23.94,2.79,3.84,7.15,5.91,12.63,5.92h.13c13,0,23.92-9.12,30.79-16.79C419.36,368.21,424.32,356.71,424.5,343.61ZM392.21,382a8.39,8.39,0,0,1-.67.67c-2.27,2.33-7.54,7.77-11.92,7.77a4.59,4.59,0,0,1-1.91-.42c-3.08-1.49-2.28-9.74,0-16.74A83.64,83.64,0,0,1,385,357.91c5-8.75,11.93-19.37,20.86-24.08a10.28,10.28,0,0,1,3-1,7.38,7.38,0,0,1,1.5-.13,4.12,4.12,0,0,1,1.62.24c1.87.83,4.25,4.27-.49,18.08A77.57,77.57,0,0,1,392.21,382Z" transform="translate(-50.24 -177.84)"></path>
 
    <path d="M108.62,292.71a72.09,72.09,0,0,0,47.46-17.61V226.87H107.84V248h24.58v15.87c-6.17,4.45-14.11,6.66-23,6.66-19.67,0-33.64-14.92-33.64-35.22V235c0-18.88,14.14-34.59,31.9-34.59,12.84,0,20.45,4.12,29,11.26l15.39-18.56c-11.58-9.84-23.64-15.24-43.63-15.24-33.64,0-58.23,25.87-58.23,57.44v.32C50.24,268.44,74,292.71,108.62,292.71Z" transform="translate(-50.24 -177.84)"></path>
 
    <path d="M453.4,200.38c11.09,0,19.83,4.75,28.4,12.53L497.33,195c-10.32-10.16-22.82-17.14-43.8-17.14-34.11,0-57.9,25.87-57.9,57.44v.32c0,31.89,24.28,57.11,57,57.11,21.42,0,34.11-7.61,45.55-19.84l-15.57-15.69c-8.73,7.93-16.51,13-29.17,13-19,0-32.23-15.87-32.23-34.91V235C421.17,215.93,434.66,200.38,453.4,200.38Z" transform="translate(-50.24 -177.84)"></path>
 
    <polygon points="548 91.24 487.69 91.24 487.69 67.91 540.07 67.91 540.07 46.16 487.69 46.16 487.69 23.64 547.21 23.64 547.21 1.9 463.44 1.9 463.44 112.97 548 112.97 548 91.24"></polygon>
 
    <path d="M298.4,286.21l.6.28a31.27,31.27,0,0,1,3.67,2l9.18-22.57h47L369,290.81h25.57L346.92,179H324.4L281,281A65.07,65.07,0,0,1,298.4,286.21Zm36.94-77.91,14.77,36H320.58Z" transform="translate(-50.24 -177.84)"></path>
 
    <path d="M268.23,216.72v-.31c0-10.48-3.33-19.21-9.52-25.4-7.29-7.29-18.24-11.27-32.36-11.27H175.57V290.81H200V255.28h19.2L242,289.36a45.57,45.57,0,0,1,22.5-8.84l-20.1-29.38C258.55,245.91,268.23,234.65,268.23,216.72ZM243.48,218c0,9.37-6.82,15.72-18.72,15.72H200V201.8H224.3c11.88,0,19.18,5.4,19.18,15.88Z" transform="translate(-50.24 -177.84)"></path>
 
</svg>
 
                        </dt>
 
                        <dd>Unleashing God’s Truth, One Verse at a Time<br><span>Since 1969</span></dd>
 
                    </dl>
 
                </div>
 
                <a class="toggle-layer toggle-login-register" href="javascript:void(0);">Minimize <i class="fa fa-minus-square-o"></i></a>
 
            </div>
 
            <div class="wrap">
 
                <div class="form-container">
 
                    <form id="frmLoginRegisterResetPassword" data-parsley-validate="" novalidate="">
 
                        <h2>Welcome!</h2>
 
                        <a id="aLoginRegisterResetToast" style="display: none;"></a>
 
                        <div class="login-or-register">
 
                            <div id="divForLoginViewModel">
 
                                <div class="fork" data-bind="visible:!isFinished()">
 
                                    <p>
 
                                        <input id="radioLoginRegister1" name="radio_login_register" type="radio" value="1" checked="" data-parsley-multiple="radio_login_register">
 
                                        <label for="radioLoginRegister1">Log In</label>
 
                                        <input id="radioLoginRegister2" name="radio_login_register" type="radio" value="2" data-parsley-multiple="radio_login_register">
 
                                        <label for="radioLoginRegister2">Register</label>
 
                                    </p>
 
                                </div>
 
                                <div class="input-field" data-bind="visible:!isFinished()">
 
                                    <i class="mdi-communication-email prefix"></i>
 
                                    <input id="account_email" type="email" name="email" data-parsley-group="[&quot;login&quot;,&quot;register&quot;]" data-parsley-type="email" required="" data-bind="textInput:email">
 
                                    <label for="account_email">Email</label>
 
                                </div>
 
                                <!-- Sign IN -->
 
                                <div class="tab-login-register" id="radio-account-1" style="display: block;">
 
                                    <div class="input-field">
 
                                        <i class="fa fa-unlock-alt prefix"></i>
 
                                        <input id="account_password" type="password" name="password" data-parsley-group="login" required="" data-bind="textinput:password">
 
                                        <label for="account_password">Password</label>
 
                                    </div>
 
                                    <button id="btn_login" class="waves-effect waves-light btn black" data-bind="click: login"><i class="fa fa-sign-in"></i><span>Log In</span></button>
 
                                    <p class="forgot-password">
 
                                        <a href="#">Forgot Password?</a>
 
                                    </p>
 
                                </div>
 
                            </div>
 
                            <div id="divForRegisterViewModel">
 
                                <div class="tab-login-register" id="radio-account-2" data-bind="visible:!isFinished()">
 
                                    <div class="input-field">
 
                                        <i class="fa fa-unlock-alt prefix"></i>
 
                                        <input id="register_password_1" data-bind="textinput:password" type="password" data-parsley-group="register" required="">
 
                                        <label for="register_password_1" data-bind="css:{active: password() !== ''}">Create Password</label>
 
                                    </div>
 
                                    <div class="input-field">
 
                                        <i class="fa fa-unlock-alt prefix"></i>
 
                                        <input id="register_password_2" type="password" data-bind="textinput:confirmPassword" data-parsley-group="register" data-parsley-equalto="#register_password_1" required="">
 
                                        <label for="register_password_2" data-bind="css:{active: confirmPassword() !== ''}">Re-type Password</label>
 
                                    </div>
 
                                    <h4>
 
                                        Contact Information
 
                                    </h4>
 
                                    <div class="input-field">
 
                                        <i class="fa fa-phone prefix"></i>
 
                                        <input id="register_phone" type="tel" name="phone" data-parsley-group="register" required="" data-bind="textinput:phone">
 
                                        <label for="register_phone" data-bind="css:{active: phone() !== ''}">Phone</label>
 
                                    </div>
 
                                    <div class="input-field">
 
                                        <i class="mdi-social-person prefix"></i>
 
                                        <input id="register_fname" type="text" data-parsley-pattern="\D+" data-parsley-group="register" required="" data-bind="textinput:firstName">
 
                                        <label for="register_fname" data-bind="css:{active: firstName() !== ''}">First Name</label>
 
                                    </div>
 
                                    <div class="input-field">
 
                                        <i class="mdi-social-person prefix"></i>
 
                                        <input id="register_lname" type="text" data-parsley-pattern="\D+" data-parsley-group="register" data-parsley-minlength="2" required="" data-bind="textinput:lastName">
 
                                        <label for="register_lname" data-bind="css:{active: lastName() !== ''}">Last Name</label>
 
                                    </div>
 
                                    <h4>Country</h4>
 
                                    <div class="input-field">
 
                                        <select class="browser-default" data-bind="options:availableCountries, optionsText:'name', optionsValue: 'code' , value: countryCode, optionsCaption:pleaseSelectACountryCaption, enable:!isAddressOk() "></select>
 
                                    </div>
 
                                    <div id="divFreeResources" data-bind="visible:showFreeResources">
 
                                        <h4>Do you want to receive free resources from John MacArthur through the mail? <span data-bind="html:privacyLink, visible:cartViewModel.officeId() === 'EU' "></span></h4>
 
                                        <div class="input-field">
 
                                            <input type="checkbox" class="filled-in" id="register_freeResources" data-bind="checked:wantFreeResources" data-parsley-multiple="register_freeResources"><!-- this should be check by default -->
 
                                            <label for="register_freeResources">Yes</label>
 
                                        </div>
 
                                        <div class="mailing-address w-address-verification" id="divMailingAddress" data-bind="visible:wantFreeResources">
 
                                            <!-- make this div slide up if checkbox above is unchecked -->
 
                                            <h4>Mailing Address</h4>
 
                                            <div class="address-fill-out-view">
 
                                                <div class="row">
 
                                                    <div class="col s8 m7 l6 xl5">
 
                                                        <div class="input-field">
 
                                                            <input class="zip-or-postal" id="register_zip" type="text" name="post_code" required="" data-bind="textinput:postalCode, attr:{'data-parsley-group': valMailing }, enable: !isAddressOk()">
 
                                                            <label for="register_zip" data-bind="css:{active: postalCode() !== ''}">Zip / Postal Code</label>
 
                                                        </div>
 
                                                    </div>
 
                                                </div>
 
                                                <div class="row">
 
                                                    <div class="col m12">
 
                                                        <div class="input-field" id="divForAddressEvents">
 
 
                                                            <input type="text" name="txtAddressLine1" id="txtAddressLine1" required="" data-bind="textInput: addressLine1, enable: postalCode().length > 0 &amp;&amp; !isAddressOk(), attr:{'data-parsley-group': valMailing } ">
 
                                                            <label for="txtAddressLine1" data-bind="css:{active: addressLine1() !== ''}">Enter Your Street Address</label>
 
                                                        </div>
 
                                                    </div>
 
                                                    <div class="col s6 l5">
 
                                                        <div class="input-field" data-bind="visible: suiteList().length > 0">
 
                                                            <select class="browser-default suit-or-unit" data-bind="options: suiteList, value: suiteName2,  enable: suiteList().length > 0 &amp;&amp; !isAddressOk()"></select>
 
                                                            <label class="active">Street 2</label>
 
                                                            <a class="clear-suite-list" href="javascript:void(0);" data-bind="click: suiteListEmpty, enable: !isAddressOk()">Clear list</a>
 
                                                        </div>
 
                                                        <div class="input-field" data-bind="visible: suiteList().length === 0">
 
                                                            <input id="txtSuite" class="browser-default suit-or-unit" type="text" data-bind="textInput: suiteName, enable: postalCode().length > 0 &amp;&amp; !isAddressOk()">
 
                                                            <label for="txtSuite" class="" data-bind="css:{active: suiteName() !== ''}">Street 2</label>
 
                                                        </div>
 
                                                    </div>
 
                                                </div>
 
                                                <div class="row">
 
                                                    <div class="col m12 xl8">
 
                                                        <div class="input-field">
 
                                                            <input id="register_city" type="text" name="city" required="" data-bind="textinput:city, enable: postalCode().length > 0 &amp;&amp; !isAddressOk(), attr:{'data-parsley-group': valMailing }">
 
                                                            <label for="register_city" data-bind="css:{active: city() !== ''}">City</label>
 
                                                        </div>
 
                                                    </div>
 
                                                    <div class="col m12 xl8">
 
                                                        <div class="input-field">
 
                                                            <input id="register_state" type="text" name="state" data-bind="textInput: state, enable: postalCode().length > 0 &amp;&amp; !isAddressOk(), visible: availableStates().length === 0">
 
                                                            <label for="register_state" data-bind="css:{active: state() !== '' || availableStates().length > 0}">State / Province</label>
 
                                                            <select class="browser-default" id="register_statedropdown" name="register_statedropdown" data-bind="enable: postalCode().length > 0 &amp;&amp; !isAddressOk(), visible: availableStates().length > 0, options: availableStates, optionsText: 'name', optionsValue: 'code', value: state2 "></select>
 
                                                        </div>
 
                                                    </div>
 
                                                </div>
 
                                                <a class="btn black block btn-verify-address" data-bind="click: verifyAddressNow , text: verificationButtonText "><span>Verify Address</span></a>
 
                                            </div>
 
                                            <div style="display: none" data-bind="visible: addressVerifyView() || isAddressVerified() ">
 
                                                <div data-bind="template: { name: 'address-verification-template', data: addressVerificationData()[0] }"></div>
 
 
                                            </div>
 
 
                                        </div>
 
                                    </div>
 
  
                                    <div data-bind="template: { name: 'attribution-template', data: attributionData()[0] }"></div>
+
        <div class="left">
 +
          <label for="book">
 +
            <strong>Book:</strong>
 +
          </label>
  
                                    <p class="note">After clicking 'Register', you will receive an email with a link to verify your account and to complete your registration. The completed registration allows us to send order and donation receipts to the email address you provided.</p>
+
          <div class="select-wrapper"><select id="book" name="book">
                                    <button id="btn_register" class="waves-effect waves-light btn black" data-bind="click: registerSequence, enable: isRegisterButtonEnabled "><i class="mdi-action-input"></i><span>Register</span></button>
+
            <option value="">All</option>
                                    <div class="progress" style="display: none;" data-bind="visible:isShowProgressRegister">
+
            <option value="Genesis-Malachi">Old Testament (Genesis - Malachi)</option>
                                        <div class="active striped grey" style="width: 100%">
+
            <option value="Matthew-Revelation">New Testament (Matthew - Revelation)</option>
                                        </div>
+
            <option value="">----------------</option>
                                    </div>
+
            <option value="Genesis-Deuteronomy">Pentateuch (Genesis - Deuteronomy)</option>
                                    <a data-bind="visible: isShowSupportLink" style="display:none;" href="mailto:webdept@gty.org?subject=--register%20page%20problem&amp;cc=letters@gty.org">Report a technical problem to webdept@gty.org</a>
+
            <option value="Joshua-Esther">Historical Books (Joshua - Esther)</option>
                                    <div class="alert" style="display: none;" data-bind="visible: message() &amp;&amp; message().length > 0, css:{'green lighten-4 green-text text-darken-2' : !isError() &amp;&amp; !isWarning(),'orange lighten-2 white-text':!isError() &amp;&amp; isWarning()}, html:message"></div>
+
            <option value="Job-Song of Solomon">Poetry (Job - Song of Solomon)</option>
                                </div>
+
            <option value="Isaiah-Malachi">Prophets (Isaiah - Malachi)</option>
                                <div data-bind="visible:isFinished" style="height: 500px; display: none;">
+
            <option value="Matthew-Acts">Gospels &amp; Acts (Matthew - Acts)</option>
                                    <div class="card-panel">
+
            <option value="Romans-Revelation">Epistles &amp; Revelation (Romans - Revelation)</option>
                                        <h2>Thank you for registering.</h2>
+
            <option value="">----------------</option>
                                    <p>We sent you an email. Please respond to confirm your registration.</p>
+
           
                                        <a href="javascript:void(0);" class="waves-effect waves-light btn black toggle-login-register">
+
              <option value="Genesis">Genesis</option>
                                            <i class="fa fa-minus-square-o"></i><span>Minimize</span>
+
           
                                        </a>
+
              <option value="Exodus">Exodus</option>
                                    </div>
+
           
                                </div>
+
              <option value="Leviticus">Leviticus</option>
                            </div>
+
           
                        </div>
+
              <option value="Numbers">Numbers</option>
                        <div id="divForForgotPasswordViewModel" class="reset-password">
+
           
                            <p>Enter your email address and we will send you instructions on how to reset your password.</p>
+
              <option value="Deuteronomy">Deuteronomy</option>
                            <div class="input-field">
+
           
                                <i class="mdi-communication-email prefix"></i>
+
              <option value="Joshua">Joshua</option>
                                <input id="forgotpassword_email" type="email" name="email" data-parsley-group="forgot" required="" data-bind="textinput:email">
+
           
                                <label for="forgotpassword_email">Email</label>
+
              <option value="Judges">Judges</option>
                            </div>
+
           
                            <button id="btn_forgotpassword" class="waves-effect waves-light btn black" data-bind="click:sendResetPasswordEmail"><i class="mdi-action-input"></i><span>Submit Request</span></button>
+
              <option value="Ruth">Ruth</option>
                            <p class="forgot-password">
+
           
                                <a href="#">Back to Log In</a>
+
              <option value="1 Samuel">1 Samuel</option>
                            </p>
+
           
                        </div>
+
              <option value="2 Samuel">2 Samuel</option>
                    </form>
+
           
                </div>
+
              <option value="1 Kings">1 Kings</option>
             </div>
+
           
 +
              <option value="2 Kings">2 Kings</option>
 +
           
 +
              <option value="1 Chronicles">1 Chronicles</option>
 +
           
 +
              <option value="2 Chronicles">2 Chronicles</option>
 +
           
 +
              <option value="Ezra">Ezra</option>
 +
           
 +
              <option value="Nehemiah">Nehemiah</option>
 +
           
 +
              <option value="Esther">Esther</option>
 +
           
 +
              <option value="Job">Job</option>
 +
           
 +
              <option value="Psalms">Psalms</option>
 +
           
 +
              <option value="Proverbs">Proverbs</option>
 +
           
 +
              <option value="Ecclesiastes">Ecclesiastes</option>
 +
           
 +
              <option value="Song of Solomon">Song of Solomon</option>
 +
           
 +
              <option value="Isaiah">Isaiah</option>
 +
           
 +
              <option value="Jeremiah">Jeremiah</option>
 +
           
 +
              <option value="Lamentations">Lamentations</option>
 +
           
 +
              <option value="Ezekiel">Ezekiel</option>
 +
           
 +
              <option value="Daniel">Daniel</option>
 +
           
 +
              <option value="Hosea">Hosea</option>
 +
           
 +
              <option value="Joel">Joel</option>
 +
           
 +
              <option value="Amos">Amos</option>
 +
           
 +
              <option value="Obadiah">Obadiah</option>
 +
           
 +
              <option value="Jonah">Jonah</option>
 +
           
 +
              <option value="Micah">Micah</option>
 +
           
 +
              <option value="Nahum">Nahum</option>
 +
           
 +
              <option value="Habakkuk">Habakkuk</option>
 +
           
 +
              <option value="Zephaniah">Zephaniah</option>
 +
           
 +
              <option value="Haggai">Haggai</option>
 +
           
 +
              <option value="Zechariah">Zechariah</option>
 +
           
 +
              <option value="Malachi">Malachi</option>
 +
           
 +
              <option value="Matthew">Matthew</option>
 +
           
 +
              <option value="Mark">Mark</option>
 +
           
 +
              <option value="Luke">Luke</option>
 +
           
 +
              <option value="John">John</option>
 +
           
 +
              <option value="Acts">Acts</option>
 +
           
 +
              <option value="Romans">Romans</option>
 +
           
 +
              <option value="1 Corinthians">1 Corinthians</option>
 +
           
 +
              <option value="2 Corinthians">2 Corinthians</option>
 +
           
 +
              <option value="Galatians">Galatians</option>
 +
           
 +
              <option value="Ephesians">Ephesians</option>
 +
           
 +
              <option value="Philippians">Philippians</option>
 +
           
 +
              <option value="Colossians">Colossians</option>
 +
           
 +
              <option value="1 Thessalonians">1 Thessalonians</option>
 +
           
 +
              <option value="2 Thessalonians">2 Thessalonians</option>
 +
           
 +
              <option value="1 Timothy">1 Timothy</option>
 +
           
 +
              <option value="2 Timothy">2 Timothy</option>
 +
              
 +
              <option value="Titus">Titus</option>
 +
           
 +
              <option value="Philemon">Philemon</option>
 +
           
 +
              <option value="Hebrews">Hebrews</option>
 +
           
 +
              <option value="James">James</option>
 +
           
 +
              <option value="1 Peter">1 Peter</option>
 +
           
 +
              <option value="2 Peter">2 Peter</option>
 +
           
 +
              <option value="1 John">1 John</option>
 +
           
 +
              <option value="2 John">2 John</option>
 +
           
 +
              <option value="3 John">3 John</option>
 +
           
 +
              <option value="Jude">Jude</option>
 +
           
 +
              <option value="Revelation">Revelation</option>
 +
           
 +
          </select></div>
 
         </div>
 
         </div>
 +
        <div class="clear"></div>
 +
      </small>
 
     </div>
 
     </div>
    <div class="gty-layer cart-layer">
 
        <div class="layer-overlay" style="background: none;"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g><circle cx="0" cy="0" r="0" fill="rgb(255, 255, 255)"></circle></g></svg></div>
 
        <div class="layer-content" style="background: none; z-index: 2;">
 
            <a id="aCartToast" style="display: none;"></a>
 
            <!-- Modal Trigger -->
 
            <a id="aModalBigToastCartLayer" class="modal-trigger" style="display: none;" href="#modalBigToastCartLayer"></a>
 
            <!-- Modal Structure -->
 
            <div id="modalBigToastCartLayer" class="modal">
 
                <div class="modal-content">
 
                    <p id="pModalBigToastCartLayer"></p>
 
                </div>
 
                <div class="modal-footer">
 
                    <a href="#!" class="btn ghost black waves-effect modal-action modal-close">Close</a>
 
                </div>
 
            </div>
 
            <div class="sublayer cart-sublayer">
 
                <div class="topbar white">
 
                    <div class="logo-and-slogan inverted">
 
                        <dl>
 
                            <dt>
 
<svg id="Grace_to_You_Logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 548 277.87">
 
    <title>Grace-to-You</title>
 
    <path d="M382.44,320.36c3-3.86,6.17-7.86,10.2-10.82a8.58,8.58,0,0,1,1-.56c1.46-.79,3.91-2.09,3.45-5.12a1.33,1.33,0,0,0-1-1.11,5.44,5.44,0,0,0-1.8-.28c-2.81,0-5.26,1.84-7.2,3.33l-.5.37c-5.93,4.4-11.31,9.82-16.55,15.09-.91.93-1.82,1.85-2.7,2.76-7,7-13.56,14.46-19.86,21.69-12.2,14-24.85,28.48-41.18,39.6-5.85,4-10.91,6.15-14.27,6.15-2,0-4.63-.61-5.21-5.86-1-8.93,4.78-17.85,8.59-23.75l.87-1.36c4.76-7.48,10.16-13.53,15.73-19.6,6.68-7.26,13.22-13.74,20.17-20.63,2-2,4.1-4.09,6.27-6.24,3.23-3.25,7.62-7.67,6.1-12.88-.66-2.16-2.46-4.74-7.49-4.74s-11.5,2.72-14,3.87c-10.05,4.69-19,10.68-28,16.91-1.76,1.21-3.53,2.49-5.39,3.86a134.79,134.79,0,0,1-12.25,8.28c-6.33,3.65-11.91,5.43-17,5.43A20.05,20.05,0,0,1,255,334a12.41,12.41,0,0,1-9.34-12.46c.06-11.11,10.22-18.9,18.89-22.2a33.4,33.4,0,0,1,11.8-2,39.26,39.26,0,0,1,14.35,2.72c.83.34,1.66.77,2.45,1.17a16.27,16.27,0,0,0,5.27,1.93h.15a1.4,1.4,0,0,0,1-.39,1.31,1.31,0,0,0,.41-1.1c-.19-3-3.39-4.5-5.5-5.5l-.57-.25a55.4,55.4,0,0,0-23-5.1c-1.23,0-2.46.05-3.68.14a34.56,34.56,0,0,0-21.08,8.88c-5.56,5.19-9.29,13-9.53,19.88a17.9,17.9,0,0,0,4.88,13.14c3.9,4.15,10.09,6.9,16.54,7.34.84.06,1.65.08,2.45.08,9.23,0,16.48-3.56,21.12-6.25A133,133,0,0,0,293,326.3c1.87-1.36,3.77-2.75,5.67-4.06l2.59-1.79c7.72-5.33,15-10.35,23.93-14.69.37-.17.76-.35,1.13-.55,2.26-1.13,4.59-2.29,6.94-2.29h0a10.25,10.25,0,0,1-2.07,2.1c-.3.27-.62.52-.89.78-4.85,4.46-10.06,8.71-15.1,12.85-12.7,10.38-25.83,21.13-35.08,36.24s-11.71,26.47-7.15,34.32c3.3,5.71,9.7,9.13,17.12,9.13a23.53,23.53,0,0,0,2.87-.18c7.66-.85,15.62-6.47,20.94-10.62,10.67-8.34,20.14-18.82,29.29-29,2.68-3,5.25-5.87,7.88-8.65-14,23.3-27.33,45.37-44.16,66.48-12.05,15.07-22.94,24.65-33.31,29.27a43.1,43.1,0,0,1-17.38,3.73c-9.79,0-18.87-3.5-24.89-9.57a27.07,27.07,0,0,1-7.8-19.8c.13-13.81,10.72-26.46,23.14-27.63.73-.07,1.49-.11,2.18-.11,6.27,0,11,2.67,13.73,7.68a13.52,13.52,0,0,1,.54,12.5,12.18,12.18,0,0,1-8.54,6.89,9.74,9.74,0,0,1-1.45.12c-.55,0-1.1-.06-1.63-.07s-1-.07-1.44-.07c-1.86,0-2.94.66-3.25,2a2.47,2.47,0,0,0,.42,2.08c.68.9,2,1.37,4,1.46l1.05,0a17.34,17.34,0,0,0,11-4.29c2.94-2.48,6.87-6.76,6.7-15.11-.22-11.44-10.45-20.08-23.8-20.08a30.09,30.09,0,0,0-7.87,1.06c-15.15,4.09-24.76,19.25-22.86,36,2.14,19,16.17,30.14,41.71,33.22h6.3c39.55-4.72,61.25-34,78.85-64.88,4.47-7.9,8.58-16.27,12.55-24.38,7.4-15.11,15-30.72,25.27-43.33C381,322.21,381.73,321.28,382.44,320.36Z" transform="translate(-50.24 -177.84)"></path>
 
    <path d="M226.5,377.92a64.86,64.86,0,0,0,9.63-14.35c4.53-9.39,7.46-26-.29-33.58-2.76-2.7-6.46-4.06-11-4.06-6.82,0-14.29,3.19-19,6.19-13.13,8.35-23.29,23-27.23,39.38-.55.64-1.14,1.33-1.78,2.05-1.78,2-3.79,4.35-6.16,6.6-.37.33-.74.7-1.13,1.06-2.54,2.45-5.41,5.22-8.57,5.22h-.14c-1.47,0-2-.56-2.19-.95-.68-1.13-1.12-4.45,3.61-13.8,6.69-13.34,13.76-27.26,20.28-38.62h7.72c.41,0,.86,0,1.3.05s1,0,1.55,0a4.86,4.86,0,0,0,3.78-1.24,3.65,3.65,0,0,0,.73-3,1.38,1.38,0,0,0-.55-.92c-1.56-1.15-3.8-1.31-5.59-1.31-1,0-2.06.07-3.13.11-.89.05-1.81.09-2.69.11,1.5-2.67,3-5.47,4.43-8.18,1.16-2.19,2.31-4.35,3.45-6.43a13.17,13.17,0,0,1,.75-1.15c1-1.47,2.45-3.46,1.38-5.85a1.4,1.4,0,0,0-1.27-.81h-.21a25.41,25.41,0,0,0-5.42,1.69,21.39,21.39,0,0,1-8.24,2h-.62a1.34,1.34,0,0,0-1.23.76c-2.66,5.29-5.56,10.46-8.37,15.47l-1.34,2.4h-8.39l-1.34,0-1.47,0c-1.5,0-3.18.15-4.1,1.38a3.56,3.56,0,0,0-.43,3.18,1.53,1.53,0,0,0,.74.91,12.76,12.76,0,0,0,5.58.91c1,0,2.13,0,3.2-.09l2.93-.09c-1.17,2.24-2.42,4.54-3.72,6.93-2.55,4.68-5.17,9.5-7.7,14.63-.83,1.67-1.71,3.33-2.58,5-3.49,6.55-7.08,13.31-7.68,21.27-.43,5.57.7,9.53,3.4,12.16a10.37,10.37,0,0,0,7.44,3c5.62,0,12.54-4,20.52-12,.63-.65,1.2-1.31,1.74-2,.38-.44.72-.85,1.11-1.25,1.21,12.85,9.33,15.65,16.19,15.65.7,0,1.42,0,2.17-.08C206.69,395.55,216.47,389.53,226.5,377.92Zm-18,4c-2.63,2.62-8.08,8.08-12.51,8.08a4.79,4.79,0,0,1-1.57-.27c-3.68-1.3-2.85-9.56-.54-16.68A89,89,0,0,1,201.33,357a76.22,76.22,0,0,1,9.72-13.79l.81-.91c3.7-4,8.73-9.53,14.14-9.92h.48a3.89,3.89,0,0,1,2.43.6c1.82,1.56,3,6.08-1.55,18.72a80.05,80.05,0,0,1-18.77,30.1Z" transform="translate(-50.24 -177.84)"></path>
 
    <path d="M424.5,343.61a45,45,0,0,1,7.8-8.59c4.74-4.12,7.46-4.73,8.65-4.73a2.59,2.59,0,0,1,1.75.59c1.09.95,1.42,3.69-3.2,11.49l-.32.57c-1.68,2.95-3.11,5.61-4.49,8.15-.74,1.39-1.46,2.73-2.19,4.07-1,1.83-2,3.58-3.05,5.33-4.12,7.11-8,13.82-8.63,21.7-.6,7.67,3.21,13.45,9.44,14.37a18.94,18.94,0,0,0,2.49.17c9.07,0,15.4-7.29,18.81-11.23,1.94-2.22,3.64-4.64,5.32-7-1.08,4.93-1.21,10.29,1,13.88a8.63,8.63,0,0,0,7.82,4.17h0a15.38,15.38,0,0,0,3.62-.5c8.57-2.3,14.77-9.77,20.2-16.33l1-1.15a106.77,106.77,0,0,0,11.89-16.77,6.55,6.55,0,0,1,.46-.8c1.13-1.93,2.64-4.57,1.12-7.05a1.31,1.31,0,0,0-.88-.62,2.08,2.08,0,0,0-.3,0,1.78,1.78,0,0,0-.75.2,10.9,10.9,0,0,0-3.54,4.67c-.27.54-.53,1.07-.81,1.56a103.28,103.28,0,0,1-21.81,26.57l-.18.17c-1.73,1.49-5,4.28-7.83,4.28a3.88,3.88,0,0,1-2.58-1c.14-5.33,2.46-9.78,4.71-14.08.38-.74.75-1.46,1.1-2.19,6.28-12.45,13.79-26.12,23-41.79.17-.25.32-.48.46-.72a5.32,5.32,0,0,0,1.34-3.53,1.38,1.38,0,0,0-1.39-1.29h-.06c-1.59.08-3.15.22-4.64.35-2.23.2-4.33.38-6.64.38-.63,0-1.27,0-1.92-.05h0a1.42,1.42,0,0,0-1.21.67c-3.81,6.15-7.27,12.84-10.6,19.3-7,13.43-14.13,27.3-24.82,37.24-1.8,1.67-4.42,4.1-7,4.1a3.67,3.67,0,0,1-.77-.07,2,2,0,0,1-1.62-1.08c-.53-1.06-.87-4,2.83-11.44,2-4,4-7.47,5.9-10.83A141.55,141.55,0,0,0,450.6,352c1.85-4,4.39-9.52,4.06-14.91-.48-7.31-5.84-12.41-13.08-12.41-.43,0-.86,0-1.32.07-6.49.52-10.33,4.42-14.09,8.18-.91,1-1.92,2-2.94,2.88a11.2,11.2,0,0,0-1.51-3.12c-2.94-4.3-7.52-6.6-13.23-6.6-7.79,0-16.17,4.09-21.39,7.9-11.39,8.26-18.78,18.65-23.29,32.68-3,9.29-2.39,18.48,1.57,23.94,2.79,3.84,7.15,5.91,12.63,5.92h.13c13,0,23.92-9.12,30.79-16.79C419.36,368.21,424.32,356.71,424.5,343.61ZM392.21,382a8.39,8.39,0,0,1-.67.67c-2.27,2.33-7.54,7.77-11.92,7.77a4.59,4.59,0,0,1-1.91-.42c-3.08-1.49-2.28-9.74,0-16.74A83.64,83.64,0,0,1,385,357.91c5-8.75,11.93-19.37,20.86-24.08a10.28,10.28,0,0,1,3-1,7.38,7.38,0,0,1,1.5-.13,4.12,4.12,0,0,1,1.62.24c1.87.83,4.25,4.27-.49,18.08A77.57,77.57,0,0,1,392.21,382Z" transform="translate(-50.24 -177.84)"></path>
 
    <path d="M108.62,292.71a72.09,72.09,0,0,0,47.46-17.61V226.87H107.84V248h24.58v15.87c-6.17,4.45-14.11,6.66-23,6.66-19.67,0-33.64-14.92-33.64-35.22V235c0-18.88,14.14-34.59,31.9-34.59,12.84,0,20.45,4.12,29,11.26l15.39-18.56c-11.58-9.84-23.64-15.24-43.63-15.24-33.64,0-58.23,25.87-58.23,57.44v.32C50.24,268.44,74,292.71,108.62,292.71Z" transform="translate(-50.24 -177.84)"></path>
 
    <path d="M453.4,200.38c11.09,0,19.83,4.75,28.4,12.53L497.33,195c-10.32-10.16-22.82-17.14-43.8-17.14-34.11,0-57.9,25.87-57.9,57.44v.32c0,31.89,24.28,57.11,57,57.11,21.42,0,34.11-7.61,45.55-19.84l-15.57-15.69c-8.73,7.93-16.51,13-29.17,13-19,0-32.23-15.87-32.23-34.91V235C421.17,215.93,434.66,200.38,453.4,200.38Z" transform="translate(-50.24 -177.84)"></path>
 
    <polygon points="548 91.24 487.69 91.24 487.69 67.91 540.07 67.91 540.07 46.16 487.69 46.16 487.69 23.64 547.21 23.64 547.21 1.9 463.44 1.9 463.44 112.97 548 112.97 548 91.24"></polygon>
 
    <path d="M298.4,286.21l.6.28a31.27,31.27,0,0,1,3.67,2l9.18-22.57h47L369,290.81h25.57L346.92,179H324.4L281,281A65.07,65.07,0,0,1,298.4,286.21Zm36.94-77.91,14.77,36H320.58Z" transform="translate(-50.24 -177.84)"></path>
 
    <path d="M268.23,216.72v-.31c0-10.48-3.33-19.21-9.52-25.4-7.29-7.29-18.24-11.27-32.36-11.27H175.57V290.81H200V255.28h19.2L242,289.36a45.57,45.57,0,0,1,22.5-8.84l-20.1-29.38C258.55,245.91,268.23,234.65,268.23,216.72ZM243.48,218c0,9.37-6.82,15.72-18.72,15.72H200V201.8H224.3c11.88,0,19.18,5.4,19.18,15.88Z" transform="translate(-50.24 -177.84)"></path>
 
</svg>
 
                            </dt>
 
                            <dd>Unleashing God’s Truth, One Verse at a Time<br><span>Since 1969</span></dd>
 
                        </dl>
 
                    </div>
 
                    <a class="toggle-layer toggle-cart" href="javascript:void(0);">Minimize <i class="fa fa-minus-square-o"></i></a>
 
                </div>
 
                <div class="sublayer-window">
 
                    <div class="wrap">
 
                        <div id="divForCartViewModel">
 
                            <div class="card-panel mb-30 blue white-text" style="display: none;" data-bind="visible: shippingNotice, html:shippingNotice"></div>
 
                            <header>
 
                                <a class="btn ghost waves-effect waves-light" href="javascript:void(0);" data-bind="click:showWishlist"><i class="mdi-action-favorite"></i> <span>View Wishlist</span></a>
 
                                <h2>Cart</h2>
 
                            </header>
 
                            <div class="form-container cart-form">
 
                                <div class="alert green lighten-4 green-text text-darken-2" style="display: none;" data-bind="visible: message() &amp;&amp; message().length > 0, css:{'green lighten-4 green-text text-darken-2' : !isError() &amp;&amp; !isWarning(),'orange lighten-2 white-text':!isError() &amp;&amp; isWarning()}, html:message"></div>
 
                                <p class="empty-cart" data-bind="visible: cartEmpty" style="display: none;">Cart is empty.</p>
 
                                <form data-parsley-validate="" id="frmCart" novalidate="">
 
                                    <div data-bind="foreach: items"></div>
 
                                    <div data-bind="foreach: giftCertificatesPurchased"></div>
 
                                    <!-- Product Subtotal -->
 
                                    <div class="invoice-line subtotal" data-bind="visible:itemCount()>0" style="display: none;">
 
                                        <label>Product Subtotal:</label>
 
                                        <div class="amount">
 
                                            <span data-bind="text: currencySymbol() + productTotal().toFixed(2) ">$0.00</span>
 
                                        </div>
 
                                    </div>
 
                                    <div class="row">
 
                                        <div class="col s6 l4">
 
                                            <label>
 
                                                Donation:
 
                                            </label>
 
                                            <div class="input-field">
 
                                                <i data-bind="visible: currencySymbol() === '$'" class="fa fa-dollar prefix"></i>
 
                                                <i data-bind="visible: currencySymbol() === '£'" class="fa fa-gbp prefix" style="display: none;"></i>
 
                                                <i data-bind="visible: currencySymbol() === 'Rs.'" class="fa fa-rupee prefix" style="display: none;"></i>
 
                                                <input id="donation" name="amount" value="" type="text" data-parsley-trigger="change" data-parsley-pattern="\d+\.?\d{0,2}" data-parsley-min="0" data-bind="textInput: donation">
 
                                            </div>
 
                                        </div>
 
                                    </div>
 
                                    <div class="cta">
 
                                        <a class="btn waves-effect waves-light black go-to-checkout-sublayer" data-bind="click:checkout"><i class="fa fa-arrow-circle-o-right"></i><span>Checkout</span></a>
 
                                    </div>
 
                                </form>
 
                            </div>
 
                        </div>
 
                        <div id="divForWishlistViewModel" style="display: none;">
 
                            <header>
 
                                <a class="btn ghost waves-effect waves-light" href="javascript:void(0);" data-bind="click:showCart, clickBubble: false"><i class="mdi-action-shopping-cart"></i><span>View Cart</span></a>
 
                                <h2>Wishlist</h2>
 
                            </header>
 
                            <div class="form-container cart-form">
 
                                <div class="alert green lighten-4 green-text text-darken-2" style="display: none;" data-bind="visible: message() &amp;&amp; message().length > 0, css:{'green lighten-4 green-text text-darken-2' : !isError() &amp;&amp; !isWarning(),'orange lighten-2 white-text':!isError() &amp;&amp; isWarning()}, html:message"></div>
 
                                <div class="empty-cart" data-bind="visible: items().length === 0">
 
                                    <p>Wishlist is empty.</p>
 
                                </div>
 
                                <form data-parsley-validate="" id="frmWishlist" novalidate="">
 
                                    <div data-bind="foreach: items"></div>
 
                                    <ul class="collapsible" data-collapsible="accordion" data-bind="visible:items().length > 0" style="display: none;">
 
                                        <li>
 
                                            <div class="collapsible-header button-like">
 
                                                <i class="mdi-communication-email"></i>Email someone my wishlist
 
                                            </div>
 
                                            <div class="collapsible-body" style="">
 
                                                <section class="form-container email-wishlist">
 
                                                    <div class="input-field">
 
                                                        <input id="wishlist_toname" type="text" name="toname" data-bind="textInput:recipientName" data-parsley-group="wishlist" data-parsley-required="">
 
                                                        <label for="wishlist_toname">Recipients Name</label>
 
                                                    </div>
 
                                                    <div class="input-field">
 
                                                        <input id="wishlist_toemail" type="email" name="toemail" data-bind="textInput:recipientEmail" data-parsley-group="wishlist" data-parsley-type="email" data-parsley-required="">
 
                                                        <label for="wishlist_toemail">Recipient's email address</label>
 
                                                    </div>
 
                                                    <div class="input-field">
 
                                                        <input id="wishlist_fromname" type="text" name="fromname" data-bind="textInput:senderName" data-parsley-group="wishlist" data-parsley-required="">
 
                                                        <label for="wishlist_fromname" data-bind="css:{active: senderName}">Your name</label>
 
                                                    </div>
 
                                                    <div class="input-field">
 
                                                        <input id="wishlist_toemail" type="email" name="fromemail" data-bind="textInput:senderEmail" data-parsley-group="wishlist" data-parsley-type="email" data-parsley-required="">
 
                                                        <label for="wishlist_toemail" data-bind="css:{active: senderEmail}">Your email address</label>
 
                                                    </div>
 
                                                    <div class="input-field">
 
                                                        <textarea class="materialize-textarea" length="500" id="wishlist_message" type="text" name="message" data-bind="textInput:wishListMessage" data-parsley-group="wishlist"></textarea>
 
                                                        <label for="wishlist_message">Enter a message</label>
 
                                                    <span class="character-counter" style="float: right; font-size: 12px; height: 1px;"></span></div>
 
                                                    <div class="input-field">
 
                                                        <input type="checkbox" class="filled-in" id="chkCCWishlist" browser-default="" data-bind="checked:isSendCcWishlist" data-parsley-multiple="chkCCWishlist">
 
                                                        <label for="chkCCWishlist">Send me a copy of this email</label>
 
                                                    </div>
 
                                                    <div class="cta">
 
                                                        <a class="btn black waves-effect waves-light" data-bind="click: sendWishListSequence"><i class="fa fa-send"></i><span>Send</span></a>
 
                                                    </div>
 
                                                </section>
 
                                            </div>
 
                                        </li>
 
                                    </ul>
 
                                </form>
 
                            </div>
 
                        </div>
 
                        <a class="waves-effect waves-light ecfa-gty" href="http://www.ecfa.org/MemberProfile.aspx?ID=6894" target="_blank"><img src="/assets/_gty/img/ECFA-accredited.png" alt="ECFA Accredited"></a>
 
                    </div>
 
                </div>
 
            </div>
 
            <div class="sublayer checkout-sublayer">
 
                <div class="topbar white">
 
                    <div class="logo-and-slogan inverted">
 
                        <dl>
 
                            <dt>
 
<svg id="Grace_to_You_Logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 548 277.87">
 
    <title>Grace-to-You</title>
 
    <path d="M382.44,320.36c3-3.86,6.17-7.86,10.2-10.82a8.58,8.58,0,0,1,1-.56c1.46-.79,3.91-2.09,3.45-5.12a1.33,1.33,0,0,0-1-1.11,5.44,5.44,0,0,0-1.8-.28c-2.81,0-5.26,1.84-7.2,3.33l-.5.37c-5.93,4.4-11.31,9.82-16.55,15.09-.91.93-1.82,1.85-2.7,2.76-7,7-13.56,14.46-19.86,21.69-12.2,14-24.85,28.48-41.18,39.6-5.85,4-10.91,6.15-14.27,6.15-2,0-4.63-.61-5.21-5.86-1-8.93,4.78-17.85,8.59-23.75l.87-1.36c4.76-7.48,10.16-13.53,15.73-19.6,6.68-7.26,13.22-13.74,20.17-20.63,2-2,4.1-4.09,6.27-6.24,3.23-3.25,7.62-7.67,6.1-12.88-.66-2.16-2.46-4.74-7.49-4.74s-11.5,2.72-14,3.87c-10.05,4.69-19,10.68-28,16.91-1.76,1.21-3.53,2.49-5.39,3.86a134.79,134.79,0,0,1-12.25,8.28c-6.33,3.65-11.91,5.43-17,5.43A20.05,20.05,0,0,1,255,334a12.41,12.41,0,0,1-9.34-12.46c.06-11.11,10.22-18.9,18.89-22.2a33.4,33.4,0,0,1,11.8-2,39.26,39.26,0,0,1,14.35,2.72c.83.34,1.66.77,2.45,1.17a16.27,16.27,0,0,0,5.27,1.93h.15a1.4,1.4,0,0,0,1-.39,1.31,1.31,0,0,0,.41-1.1c-.19-3-3.39-4.5-5.5-5.5l-.57-.25a55.4,55.4,0,0,0-23-5.1c-1.23,0-2.46.05-3.68.14a34.56,34.56,0,0,0-21.08,8.88c-5.56,5.19-9.29,13-9.53,19.88a17.9,17.9,0,0,0,4.88,13.14c3.9,4.15,10.09,6.9,16.54,7.34.84.06,1.65.08,2.45.08,9.23,0,16.48-3.56,21.12-6.25A133,133,0,0,0,293,326.3c1.87-1.36,3.77-2.75,5.67-4.06l2.59-1.79c7.72-5.33,15-10.35,23.93-14.69.37-.17.76-.35,1.13-.55,2.26-1.13,4.59-2.29,6.94-2.29h0a10.25,10.25,0,0,1-2.07,2.1c-.3.27-.62.52-.89.78-4.85,4.46-10.06,8.71-15.1,12.85-12.7,10.38-25.83,21.13-35.08,36.24s-11.71,26.47-7.15,34.32c3.3,5.71,9.7,9.13,17.12,9.13a23.53,23.53,0,0,0,2.87-.18c7.66-.85,15.62-6.47,20.94-10.62,10.67-8.34,20.14-18.82,29.29-29,2.68-3,5.25-5.87,7.88-8.65-14,23.3-27.33,45.37-44.16,66.48-12.05,15.07-22.94,24.65-33.31,29.27a43.1,43.1,0,0,1-17.38,3.73c-9.79,0-18.87-3.5-24.89-9.57a27.07,27.07,0,0,1-7.8-19.8c.13-13.81,10.72-26.46,23.14-27.63.73-.07,1.49-.11,2.18-.11,6.27,0,11,2.67,13.73,7.68a13.52,13.52,0,0,1,.54,12.5,12.18,12.18,0,0,1-8.54,6.89,9.74,9.74,0,0,1-1.45.12c-.55,0-1.1-.06-1.63-.07s-1-.07-1.44-.07c-1.86,0-2.94.66-3.25,2a2.47,2.47,0,0,0,.42,2.08c.68.9,2,1.37,4,1.46l1.05,0a17.34,17.34,0,0,0,11-4.29c2.94-2.48,6.87-6.76,6.7-15.11-.22-11.44-10.45-20.08-23.8-20.08a30.09,30.09,0,0,0-7.87,1.06c-15.15,4.09-24.76,19.25-22.86,36,2.14,19,16.17,30.14,41.71,33.22h6.3c39.55-4.72,61.25-34,78.85-64.88,4.47-7.9,8.58-16.27,12.55-24.38,7.4-15.11,15-30.72,25.27-43.33C381,322.21,381.73,321.28,382.44,320.36Z" transform="translate(-50.24 -177.84)"></path>
 
    <path d="M226.5,377.92a64.86,64.86,0,0,0,9.63-14.35c4.53-9.39,7.46-26-.29-33.58-2.76-2.7-6.46-4.06-11-4.06-6.82,0-14.29,3.19-19,6.19-13.13,8.35-23.29,23-27.23,39.38-.55.64-1.14,1.33-1.78,2.05-1.78,2-3.79,4.35-6.16,6.6-.37.33-.74.7-1.13,1.06-2.54,2.45-5.41,5.22-8.57,5.22h-.14c-1.47,0-2-.56-2.19-.95-.68-1.13-1.12-4.45,3.61-13.8,6.69-13.34,13.76-27.26,20.28-38.62h7.72c.41,0,.86,0,1.3.05s1,0,1.55,0a4.86,4.86,0,0,0,3.78-1.24,3.65,3.65,0,0,0,.73-3,1.38,1.38,0,0,0-.55-.92c-1.56-1.15-3.8-1.31-5.59-1.31-1,0-2.06.07-3.13.11-.89.05-1.81.09-2.69.11,1.5-2.67,3-5.47,4.43-8.18,1.16-2.19,2.31-4.35,3.45-6.43a13.17,13.17,0,0,1,.75-1.15c1-1.47,2.45-3.46,1.38-5.85a1.4,1.4,0,0,0-1.27-.81h-.21a25.41,25.41,0,0,0-5.42,1.69,21.39,21.39,0,0,1-8.24,2h-.62a1.34,1.34,0,0,0-1.23.76c-2.66,5.29-5.56,10.46-8.37,15.47l-1.34,2.4h-8.39l-1.34,0-1.47,0c-1.5,0-3.18.15-4.1,1.38a3.56,3.56,0,0,0-.43,3.18,1.53,1.53,0,0,0,.74.91,12.76,12.76,0,0,0,5.58.91c1,0,2.13,0,3.2-.09l2.93-.09c-1.17,2.24-2.42,4.54-3.72,6.93-2.55,4.68-5.17,9.5-7.7,14.63-.83,1.67-1.71,3.33-2.58,5-3.49,6.55-7.08,13.31-7.68,21.27-.43,5.57.7,9.53,3.4,12.16a10.37,10.37,0,0,0,7.44,3c5.62,0,12.54-4,20.52-12,.63-.65,1.2-1.31,1.74-2,.38-.44.72-.85,1.11-1.25,1.21,12.85,9.33,15.65,16.19,15.65.7,0,1.42,0,2.17-.08C206.69,395.55,216.47,389.53,226.5,377.92Zm-18,4c-2.63,2.62-8.08,8.08-12.51,8.08a4.79,4.79,0,0,1-1.57-.27c-3.68-1.3-2.85-9.56-.54-16.68A89,89,0,0,1,201.33,357a76.22,76.22,0,0,1,9.72-13.79l.81-.91c3.7-4,8.73-9.53,14.14-9.92h.48a3.89,3.89,0,0,1,2.43.6c1.82,1.56,3,6.08-1.55,18.72a80.05,80.05,0,0,1-18.77,30.1Z" transform="translate(-50.24 -177.84)"></path>
 
    <path d="M424.5,343.61a45,45,0,0,1,7.8-8.59c4.74-4.12,7.46-4.73,8.65-4.73a2.59,2.59,0,0,1,1.75.59c1.09.95,1.42,3.69-3.2,11.49l-.32.57c-1.68,2.95-3.11,5.61-4.49,8.15-.74,1.39-1.46,2.73-2.19,4.07-1,1.83-2,3.58-3.05,5.33-4.12,7.11-8,13.82-8.63,21.7-.6,7.67,3.21,13.45,9.44,14.37a18.94,18.94,0,0,0,2.49.17c9.07,0,15.4-7.29,18.81-11.23,1.94-2.22,3.64-4.64,5.32-7-1.08,4.93-1.21,10.29,1,13.88a8.63,8.63,0,0,0,7.82,4.17h0a15.38,15.38,0,0,0,3.62-.5c8.57-2.3,14.77-9.77,20.2-16.33l1-1.15a106.77,106.77,0,0,0,11.89-16.77,6.55,6.55,0,0,1,.46-.8c1.13-1.93,2.64-4.57,1.12-7.05a1.31,1.31,0,0,0-.88-.62,2.08,2.08,0,0,0-.3,0,1.78,1.78,0,0,0-.75.2,10.9,10.9,0,0,0-3.54,4.67c-.27.54-.53,1.07-.81,1.56a103.28,103.28,0,0,1-21.81,26.57l-.18.17c-1.73,1.49-5,4.28-7.83,4.28a3.88,3.88,0,0,1-2.58-1c.14-5.33,2.46-9.78,4.71-14.08.38-.74.75-1.46,1.1-2.19,6.28-12.45,13.79-26.12,23-41.79.17-.25.32-.48.46-.72a5.32,5.32,0,0,0,1.34-3.53,1.38,1.38,0,0,0-1.39-1.29h-.06c-1.59.08-3.15.22-4.64.35-2.23.2-4.33.38-6.64.38-.63,0-1.27,0-1.92-.05h0a1.42,1.42,0,0,0-1.21.67c-3.81,6.15-7.27,12.84-10.6,19.3-7,13.43-14.13,27.3-24.82,37.24-1.8,1.67-4.42,4.1-7,4.1a3.67,3.67,0,0,1-.77-.07,2,2,0,0,1-1.62-1.08c-.53-1.06-.87-4,2.83-11.44,2-4,4-7.47,5.9-10.83A141.55,141.55,0,0,0,450.6,352c1.85-4,4.39-9.52,4.06-14.91-.48-7.31-5.84-12.41-13.08-12.41-.43,0-.86,0-1.32.07-6.49.52-10.33,4.42-14.09,8.18-.91,1-1.92,2-2.94,2.88a11.2,11.2,0,0,0-1.51-3.12c-2.94-4.3-7.52-6.6-13.23-6.6-7.79,0-16.17,4.09-21.39,7.9-11.39,8.26-18.78,18.65-23.29,32.68-3,9.29-2.39,18.48,1.57,23.94,2.79,3.84,7.15,5.91,12.63,5.92h.13c13,0,23.92-9.12,30.79-16.79C419.36,368.21,424.32,356.71,424.5,343.61ZM392.21,382a8.39,8.39,0,0,1-.67.67c-2.27,2.33-7.54,7.77-11.92,7.77a4.59,4.59,0,0,1-1.91-.42c-3.08-1.49-2.28-9.74,0-16.74A83.64,83.64,0,0,1,385,357.91c5-8.75,11.93-19.37,20.86-24.08a10.28,10.28,0,0,1,3-1,7.38,7.38,0,0,1,1.5-.13,4.12,4.12,0,0,1,1.62.24c1.87.83,4.25,4.27-.49,18.08A77.57,77.57,0,0,1,392.21,382Z" transform="translate(-50.24 -177.84)"></path>
 
    <path d="M108.62,292.71a72.09,72.09,0,0,0,47.46-17.61V226.87H107.84V248h24.58v15.87c-6.17,4.45-14.11,6.66-23,6.66-19.67,0-33.64-14.92-33.64-35.22V235c0-18.88,14.14-34.59,31.9-34.59,12.84,0,20.45,4.12,29,11.26l15.39-18.56c-11.58-9.84-23.64-15.24-43.63-15.24-33.64,0-58.23,25.87-58.23,57.44v.32C50.24,268.44,74,292.71,108.62,292.71Z" transform="translate(-50.24 -177.84)"></path>
 
    <path d="M453.4,200.38c11.09,0,19.83,4.75,28.4,12.53L497.33,195c-10.32-10.16-22.82-17.14-43.8-17.14-34.11,0-57.9,25.87-57.9,57.44v.32c0,31.89,24.28,57.11,57,57.11,21.42,0,34.11-7.61,45.55-19.84l-15.57-15.69c-8.73,7.93-16.51,13-29.17,13-19,0-32.23-15.87-32.23-34.91V235C421.17,215.93,434.66,200.38,453.4,200.38Z" transform="translate(-50.24 -177.84)"></path>
 
    <polygon points="548 91.24 487.69 91.24 487.69 67.91 540.07 67.91 540.07 46.16 487.69 46.16 487.69 23.64 547.21 23.64 547.21 1.9 463.44 1.9 463.44 112.97 548 112.97 548 91.24"></polygon>
 
    <path d="M298.4,286.21l.6.28a31.27,31.27,0,0,1,3.67,2l9.18-22.57h47L369,290.81h25.57L346.92,179H324.4L281,281A65.07,65.07,0,0,1,298.4,286.21Zm36.94-77.91,14.77,36H320.58Z" transform="translate(-50.24 -177.84)"></path>
 
    <path d="M268.23,216.72v-.31c0-10.48-3.33-19.21-9.52-25.4-7.29-7.29-18.24-11.27-32.36-11.27H175.57V290.81H200V255.28h19.2L242,289.36a45.57,45.57,0,0,1,22.5-8.84l-20.1-29.38C258.55,245.91,268.23,234.65,268.23,216.72ZM243.48,218c0,9.37-6.82,15.72-18.72,15.72H200V201.8H224.3c11.88,0,19.18,5.4,19.18,15.88Z" transform="translate(-50.24 -177.84)"></path>
 
</svg>
 
                            </dt>
 
                            <dd>Unleashing God’s Truth, One Verse at a Time<br><span>Since 1969</span></dd>
 
                        </dl>
 
                    </div>
 
                    <a id="aBackToCart" class="toggle-layer back-to-cart-sublayer" href="javascript:void(0);"><i class="fa fa-angle-left"></i> Back to Cart</a>
 
                </div>
 
                <div class="sublayer-window" id="divForCheckoutOptionsViewModel">
 
                    <div class="wrap">
 
                        <h4>Checkout as:</h4>
 
                        <div class="form-container cart-form">
 
                            <form id="frmCheckoutOptions" data-parsley-validate="" novalidate="">
 
                                <!-- LOGGED OUT -->
 
                                <p class="fork" data-bind="visible:!isLoggedIn()">
 
                                    <input id="checkout_as_user" name="radio_checkout" type="radio" value="1" checked="" data-parsley-multiple="radio_checkout">
 
                                    <label for="checkout_as_user">Registered User</label>
 
                                    <input id="checkout_as_guest" name="radio_checkout" type="radio" value="2" data-parsley-multiple="radio_checkout">
 
                                    <label for="checkout_as_guest">Guest</label>
 
                                </p>
 
                                <div class="card-panel mb-20 green white-text" data-bind="visible:!_.isUndefined(message()) &amp;&amp; !_.isNull(message()) &amp;&amp; message().length > 0, css:{'green white-text' : !isError(), '': isError}, text:message" style="display: none;"></div>
 
                                <div class="route user">
 
                                    <!-- LOGGED IN -->
 
                                    <div data-bind="visible:isLoggedIn" style="display: none;">
 
                                        <h1>
 
                                            <strong data-bind="text:name"></strong>
 
                                        </h1>
 
                                        <div class="cta">
 
                                            <button id="" class="waves-effect waves-light btn black" data-bind="click:checkout"><i class="fa fa-arrow-circle-o-right"></i><span>Continue</span></button>
 
                                            <p>
 
                                                Not <span data-bind="text:name"></span>? <a href="javascript:void(0);" data-bind="click:logOut" class="lnk-log-out">Log out</a>
 
                                            </p>
 
                                        </div>
 
                                    </div>
 
                                    <!-- LOGGED OUT -->
 
                                    <div data-bind="visible:!isLoggedIn()">
 
                                        <p>Log in to speed up the checkout process.</p>
 
                                        <div class="input-field">
 
                                            <i class="mdi-communication-email prefix"></i>
 
                                            <input id="checkout_email" type="email" name="email" data-parsley-group="checkout" required="" data-bind="textInput:email">
 
                                            <label for="checkout_email" data-bind="css:{active: email() !== ''}">Email</label>
 
                                        </div>
 
                                        <div class="input-field">
 
                                            <i class="fa fa-unlock-alt prefix"></i>
 
                                            <input id="checkout_password" type="password" name="password" data-parsley-group="checkout" required="" data-bind="textinput:password">
 
                                            <label for="checkout_password" data-bind="css:{active: password() !== ''}">Password</label>
 
                                        </div>
 
                                        <div class="cta">
 
                                            <button id="" class="waves-effect waves-light btn black" data-bind="click: login"><i class="fa fa-arrow-circle-o-right"></i><span>Log In</span></button>
 
                                        </div>
 
                                    </div>
 
                                </div>
 
                                <div class="route guest">
 
                                    <p data-bind="html: countrySelectedDescription ">I'm from:</p>
 
                                    <div class="input-field">
 
                                        <select class="browser-default" data-bind="hasFocus: availableCountriesDropDownFocus, options:availableCountries, optionsText:'name', optionsValue: 'code' , value: countryCode, optionsCaption:pleaseSelectACountryCaption "><option value=""></option></select>
 
                                        <label class="active">Country</label>
 
                                    </div>
 
                                    <button id="" class="waves-effect waves-light btn black" data-bind="click:checkout"><i class="fa fa-arrow-circle-o-right"></i><span>Continue</span></button>
 
                                </div>
 
                            </form>
 
                        </div>
 
                    </div>
 
                </div>
 
            </div>
 
        </div>
 
    </div>
 
    <div class="gty-layer site-tree-layer">
 
        <div class="layer-overlay" style="background: none;"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g><circle cx="0" cy="0" r="0" fill="rgb(255, 255, 255)"></circle></g></svg></div>
 
        <div class="layer-content" style="background: none; z-index: 2;">
 
            <!-- Top Bar -->
 
            <div class="topbar white">
 
                <div class="logo-and-slogan inverted">
 
                    <dl>
 
                        <dt>
 
<svg id="Grace_to_You_Logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 548 277.87">
 
    <title>Grace-to-You</title>
 
    <path d="M382.44,320.36c3-3.86,6.17-7.86,10.2-10.82a8.58,8.58,0,0,1,1-.56c1.46-.79,3.91-2.09,3.45-5.12a1.33,1.33,0,0,0-1-1.11,5.44,5.44,0,0,0-1.8-.28c-2.81,0-5.26,1.84-7.2,3.33l-.5.37c-5.93,4.4-11.31,9.82-16.55,15.09-.91.93-1.82,1.85-2.7,2.76-7,7-13.56,14.46-19.86,21.69-12.2,14-24.85,28.48-41.18,39.6-5.85,4-10.91,6.15-14.27,6.15-2,0-4.63-.61-5.21-5.86-1-8.93,4.78-17.85,8.59-23.75l.87-1.36c4.76-7.48,10.16-13.53,15.73-19.6,6.68-7.26,13.22-13.74,20.17-20.63,2-2,4.1-4.09,6.27-6.24,3.23-3.25,7.62-7.67,6.1-12.88-.66-2.16-2.46-4.74-7.49-4.74s-11.5,2.72-14,3.87c-10.05,4.69-19,10.68-28,16.91-1.76,1.21-3.53,2.49-5.39,3.86a134.79,134.79,0,0,1-12.25,8.28c-6.33,3.65-11.91,5.43-17,5.43A20.05,20.05,0,0,1,255,334a12.41,12.41,0,0,1-9.34-12.46c.06-11.11,10.22-18.9,18.89-22.2a33.4,33.4,0,0,1,11.8-2,39.26,39.26,0,0,1,14.35,2.72c.83.34,1.66.77,2.45,1.17a16.27,16.27,0,0,0,5.27,1.93h.15a1.4,1.4,0,0,0,1-.39,1.31,1.31,0,0,0,.41-1.1c-.19-3-3.39-4.5-5.5-5.5l-.57-.25a55.4,55.4,0,0,0-23-5.1c-1.23,0-2.46.05-3.68.14a34.56,34.56,0,0,0-21.08,8.88c-5.56,5.19-9.29,13-9.53,19.88a17.9,17.9,0,0,0,4.88,13.14c3.9,4.15,10.09,6.9,16.54,7.34.84.06,1.65.08,2.45.08,9.23,0,16.48-3.56,21.12-6.25A133,133,0,0,0,293,326.3c1.87-1.36,3.77-2.75,5.67-4.06l2.59-1.79c7.72-5.33,15-10.35,23.93-14.69.37-.17.76-.35,1.13-.55,2.26-1.13,4.59-2.29,6.94-2.29h0a10.25,10.25,0,0,1-2.07,2.1c-.3.27-.62.52-.89.78-4.85,4.46-10.06,8.71-15.1,12.85-12.7,10.38-25.83,21.13-35.08,36.24s-11.71,26.47-7.15,34.32c3.3,5.71,9.7,9.13,17.12,9.13a23.53,23.53,0,0,0,2.87-.18c7.66-.85,15.62-6.47,20.94-10.62,10.67-8.34,20.14-18.82,29.29-29,2.68-3,5.25-5.87,7.88-8.65-14,23.3-27.33,45.37-44.16,66.48-12.05,15.07-22.94,24.65-33.31,29.27a43.1,43.1,0,0,1-17.38,3.73c-9.79,0-18.87-3.5-24.89-9.57a27.07,27.07,0,0,1-7.8-19.8c.13-13.81,10.72-26.46,23.14-27.63.73-.07,1.49-.11,2.18-.11,6.27,0,11,2.67,13.73,7.68a13.52,13.52,0,0,1,.54,12.5,12.18,12.18,0,0,1-8.54,6.89,9.74,9.74,0,0,1-1.45.12c-.55,0-1.1-.06-1.63-.07s-1-.07-1.44-.07c-1.86,0-2.94.66-3.25,2a2.47,2.47,0,0,0,.42,2.08c.68.9,2,1.37,4,1.46l1.05,0a17.34,17.34,0,0,0,11-4.29c2.94-2.48,6.87-6.76,6.7-15.11-.22-11.44-10.45-20.08-23.8-20.08a30.09,30.09,0,0,0-7.87,1.06c-15.15,4.09-24.76,19.25-22.86,36,2.14,19,16.17,30.14,41.71,33.22h6.3c39.55-4.72,61.25-34,78.85-64.88,4.47-7.9,8.58-16.27,12.55-24.38,7.4-15.11,15-30.72,25.27-43.33C381,322.21,381.73,321.28,382.44,320.36Z" transform="translate(-50.24 -177.84)"></path>
 
    <path d="M226.5,377.92a64.86,64.86,0,0,0,9.63-14.35c4.53-9.39,7.46-26-.29-33.58-2.76-2.7-6.46-4.06-11-4.06-6.82,0-14.29,3.19-19,6.19-13.13,8.35-23.29,23-27.23,39.38-.55.64-1.14,1.33-1.78,2.05-1.78,2-3.79,4.35-6.16,6.6-.37.33-.74.7-1.13,1.06-2.54,2.45-5.41,5.22-8.57,5.22h-.14c-1.47,0-2-.56-2.19-.95-.68-1.13-1.12-4.45,3.61-13.8,6.69-13.34,13.76-27.26,20.28-38.62h7.72c.41,0,.86,0,1.3.05s1,0,1.55,0a4.86,4.86,0,0,0,3.78-1.24,3.65,3.65,0,0,0,.73-3,1.38,1.38,0,0,0-.55-.92c-1.56-1.15-3.8-1.31-5.59-1.31-1,0-2.06.07-3.13.11-.89.05-1.81.09-2.69.11,1.5-2.67,3-5.47,4.43-8.18,1.16-2.19,2.31-4.35,3.45-6.43a13.17,13.17,0,0,1,.75-1.15c1-1.47,2.45-3.46,1.38-5.85a1.4,1.4,0,0,0-1.27-.81h-.21a25.41,25.41,0,0,0-5.42,1.69,21.39,21.39,0,0,1-8.24,2h-.62a1.34,1.34,0,0,0-1.23.76c-2.66,5.29-5.56,10.46-8.37,15.47l-1.34,2.4h-8.39l-1.34,0-1.47,0c-1.5,0-3.18.15-4.1,1.38a3.56,3.56,0,0,0-.43,3.18,1.53,1.53,0,0,0,.74.91,12.76,12.76,0,0,0,5.58.91c1,0,2.13,0,3.2-.09l2.93-.09c-1.17,2.24-2.42,4.54-3.72,6.93-2.55,4.68-5.17,9.5-7.7,14.63-.83,1.67-1.71,3.33-2.58,5-3.49,6.55-7.08,13.31-7.68,21.27-.43,5.57.7,9.53,3.4,12.16a10.37,10.37,0,0,0,7.44,3c5.62,0,12.54-4,20.52-12,.63-.65,1.2-1.31,1.74-2,.38-.44.72-.85,1.11-1.25,1.21,12.85,9.33,15.65,16.19,15.65.7,0,1.42,0,2.17-.08C206.69,395.55,216.47,389.53,226.5,377.92Zm-18,4c-2.63,2.62-8.08,8.08-12.51,8.08a4.79,4.79,0,0,1-1.57-.27c-3.68-1.3-2.85-9.56-.54-16.68A89,89,0,0,1,201.33,357a76.22,76.22,0,0,1,9.72-13.79l.81-.91c3.7-4,8.73-9.53,14.14-9.92h.48a3.89,3.89,0,0,1,2.43.6c1.82,1.56,3,6.08-1.55,18.72a80.05,80.05,0,0,1-18.77,30.1Z" transform="translate(-50.24 -177.84)"></path>
 
    <path d="M424.5,343.61a45,45,0,0,1,7.8-8.59c4.74-4.12,7.46-4.73,8.65-4.73a2.59,2.59,0,0,1,1.75.59c1.09.95,1.42,3.69-3.2,11.49l-.32.57c-1.68,2.95-3.11,5.61-4.49,8.15-.74,1.39-1.46,2.73-2.19,4.07-1,1.83-2,3.58-3.05,5.33-4.12,7.11-8,13.82-8.63,21.7-.6,7.67,3.21,13.45,9.44,14.37a18.94,18.94,0,0,0,2.49.17c9.07,0,15.4-7.29,18.81-11.23,1.94-2.22,3.64-4.64,5.32-7-1.08,4.93-1.21,10.29,1,13.88a8.63,8.63,0,0,0,7.82,4.17h0a15.38,15.38,0,0,0,3.62-.5c8.57-2.3,14.77-9.77,20.2-16.33l1-1.15a106.77,106.77,0,0,0,11.89-16.77,6.55,6.55,0,0,1,.46-.8c1.13-1.93,2.64-4.57,1.12-7.05a1.31,1.31,0,0,0-.88-.62,2.08,2.08,0,0,0-.3,0,1.78,1.78,0,0,0-.75.2,10.9,10.9,0,0,0-3.54,4.67c-.27.54-.53,1.07-.81,1.56a103.28,103.28,0,0,1-21.81,26.57l-.18.17c-1.73,1.49-5,4.28-7.83,4.28a3.88,3.88,0,0,1-2.58-1c.14-5.33,2.46-9.78,4.71-14.08.38-.74.75-1.46,1.1-2.19,6.28-12.45,13.79-26.12,23-41.79.17-.25.32-.48.46-.72a5.32,5.32,0,0,0,1.34-3.53,1.38,1.38,0,0,0-1.39-1.29h-.06c-1.59.08-3.15.22-4.64.35-2.23.2-4.33.38-6.64.38-.63,0-1.27,0-1.92-.05h0a1.42,1.42,0,0,0-1.21.67c-3.81,6.15-7.27,12.84-10.6,19.3-7,13.43-14.13,27.3-24.82,37.24-1.8,1.67-4.42,4.1-7,4.1a3.67,3.67,0,0,1-.77-.07,2,2,0,0,1-1.62-1.08c-.53-1.06-.87-4,2.83-11.44,2-4,4-7.47,5.9-10.83A141.55,141.55,0,0,0,450.6,352c1.85-4,4.39-9.52,4.06-14.91-.48-7.31-5.84-12.41-13.08-12.41-.43,0-.86,0-1.32.07-6.49.52-10.33,4.42-14.09,8.18-.91,1-1.92,2-2.94,2.88a11.2,11.2,0,0,0-1.51-3.12c-2.94-4.3-7.52-6.6-13.23-6.6-7.79,0-16.17,4.09-21.39,7.9-11.39,8.26-18.78,18.65-23.29,32.68-3,9.29-2.39,18.48,1.57,23.94,2.79,3.84,7.15,5.91,12.63,5.92h.13c13,0,23.92-9.12,30.79-16.79C419.36,368.21,424.32,356.71,424.5,343.61ZM392.21,382a8.39,8.39,0,0,1-.67.67c-2.27,2.33-7.54,7.77-11.92,7.77a4.59,4.59,0,0,1-1.91-.42c-3.08-1.49-2.28-9.74,0-16.74A83.64,83.64,0,0,1,385,357.91c5-8.75,11.93-19.37,20.86-24.08a10.28,10.28,0,0,1,3-1,7.38,7.38,0,0,1,1.5-.13,4.12,4.12,0,0,1,1.62.24c1.87.83,4.25,4.27-.49,18.08A77.57,77.57,0,0,1,392.21,382Z" transform="translate(-50.24 -177.84)"></path>
 
    <path d="M108.62,292.71a72.09,72.09,0,0,0,47.46-17.61V226.87H107.84V248h24.58v15.87c-6.17,4.45-14.11,6.66-23,6.66-19.67,0-33.64-14.92-33.64-35.22V235c0-18.88,14.14-34.59,31.9-34.59,12.84,0,20.45,4.12,29,11.26l15.39-18.56c-11.58-9.84-23.64-15.24-43.63-15.24-33.64,0-58.23,25.87-58.23,57.44v.32C50.24,268.44,74,292.71,108.62,292.71Z" transform="translate(-50.24 -177.84)"></path>
 
    <path d="M453.4,200.38c11.09,0,19.83,4.75,28.4,12.53L497.33,195c-10.32-10.16-22.82-17.14-43.8-17.14-34.11,0-57.9,25.87-57.9,57.44v.32c0,31.89,24.28,57.11,57,57.11,21.42,0,34.11-7.61,45.55-19.84l-15.57-15.69c-8.73,7.93-16.51,13-29.17,13-19,0-32.23-15.87-32.23-34.91V235C421.17,215.93,434.66,200.38,453.4,200.38Z" transform="translate(-50.24 -177.84)"></path>
 
    <polygon points="548 91.24 487.69 91.24 487.69 67.91 540.07 67.91 540.07 46.16 487.69 46.16 487.69 23.64 547.21 23.64 547.21 1.9 463.44 1.9 463.44 112.97 548 112.97 548 91.24"></polygon>
 
    <path d="M298.4,286.21l.6.28a31.27,31.27,0,0,1,3.67,2l9.18-22.57h47L369,290.81h25.57L346.92,179H324.4L281,281A65.07,65.07,0,0,1,298.4,286.21Zm36.94-77.91,14.77,36H320.58Z" transform="translate(-50.24 -177.84)"></path>
 
    <path d="M268.23,216.72v-.31c0-10.48-3.33-19.21-9.52-25.4-7.29-7.29-18.24-11.27-32.36-11.27H175.57V290.81H200V255.28h19.2L242,289.36a45.57,45.57,0,0,1,22.5-8.84l-20.1-29.38C258.55,245.91,268.23,234.65,268.23,216.72ZM243.48,218c0,9.37-6.82,15.72-18.72,15.72H200V201.8H224.3c11.88,0,19.18,5.4,19.18,15.88Z" transform="translate(-50.24 -177.84)"></path>
 
</svg>
 
                        </dt>
 
                        <dd>Unleashing God’s Truth, One Verse at a Time<br><span>Since 1969</span></dd>
 
                    </dl>
 
                </div>
 
                <a class="toggle-layer toggle-site-tree" href="javascript:void(0);">Minimize <i class="fa fa-minus-square-o"></i></a>
 
            </div>
 
            <!-- /Top Bar -->
 
            <!-- Layer Content -->
 
            <div class="wrap">
 
                <!-- Site Tree -->
 
                <section class="gty-site-tree no-sidebar-content">
 
<h1>Site Tree</h1>
 
<div class="row">
 
    <div class="col m6">
 
        <ul class="collection">
 
            <li class="collection-item avatar">
 
                <i class="mdi-file-folder circle"></i>
 
                <h5 class="title"><a href="/about">About</a></h5>
 
                <ul>
 
                    <li>
 
                        <a href="/about">Grace to You</a>
 
                        <ul>
 
                            <li><a href="/about#office">Our Office</a></li>
 
                            <li><a href="/about#purpose">Purpose Statement</a></li>
 
                            <li><a href="/about#doctrines">What We Teach</a></li>
 
                            <li><a href="/about#stewardship">Stewardship</a></li>
 
                            <li><a href="/about/affiliates">Affiliates</a></li>
 
                            <li class="divider"></li>
 
                            <li><a href="/about#contact">Contact Us</a></li>
 
                            <li class="divider"></li>
 
                            <li><a href="/home/updates">Get Updates</a></li>
 
                            <li class="divider"></li>
 
                            <li><a href="/about/cameras">Web Cameras</a></li>
 
                            <li class="divider"></li>
 
                            <li><a href="/about#terms">Terms and Conditions</a></li>
 
                            <li><a href="/about#privacy">Privacy Policy</a></li>
 
                            <li><a href="/about#copyright">Copyright Policy</a></li>
 
                        </ul>
 
                    </li>
 
                    <li>
 
                        <a href="/about/john">John MacArthur</a>
 
                        <ul>
 
                            <li><a href="/about/john">Biography</a></li>
 
                            <li><a href="/about/john#booklist">Booklist</a></li>
 
                            <li><a href="/about/john#presskit">Press Kit</a></li>
 
                            <li class="divider"></li>
 
                            <li><a href="/about/fromjohnsdesk">From John's Desk</a></li>
 
                        </ul>
 
                    </li>
 
                    <li><a href="/about#contact">Contact Us</a></li>
 
                </ul>
 
            </li>
 
        </ul>
 
        <ul class="collection">
 
            <li class="collection-item avatar">
 
                <i class="mdi-file-folder circle"></i>
 
                <h5 class="title">Apps</h5>
 
                <ul>
 
                    <li><a href="/apps">Grace to You Sermon App</a></li>
 
                    <li><a href="http://www.studybible.org/" target="_blank">The Study Bible</a></li>
 
                </ul>
 
            </li>
 
        </ul>
 
        <ul class="collection">
 
            <li class="collection-item avatar">
 
                <i class="mdi-file-folder circle"></i>
 
                <h5 class="title"><a href="/broadcasts">Broadcast</a></h5>
 
                <ul>
 
                    <li><a href="/broadcasts">Radio</a></li>
 
                    <li><a href="/broadcasts/index/television">Television</a></li>
 
                    <li><a href="/gracestream">Grace Stream</a></li>
 
                    <li><a href="/library/resources/bibleqnas-library/scripture/1?book=40">Bible Q &amp; A</a></li>
 
                </ul>
 
            </li>
 
        </ul>
 
        <ul class="collection">
 
            <li class="collection-item avatar">
 
                <i class="mdi-file-folder circle"></i>
 
                <h5 class="title"><a href="/donate">Donate</a></h5>
 
                <ul>
 
                    <li><a href="/donate/donatenow">Donate Now</a></li>
 
                    <li><a href="/donate/automaticgiving">Automatic Giving</a></li>
 
                    <li data-bind="visible: officeId() !== 'EU'"><a href="/donate/legacygiving">Legacy Giving</a></li>
 
                </ul>
 
            </li>
 
        </ul>
 
    </div>
 
    <div class="col m6">
 
        <ul class="collection">
 
            <li class="collection-item avatar">
 
                <i class="mdi-file-folder circle"></i>
 
                <h5 class="title"><a href="/store">Store</a></h5>
 
                <ul>
 
                    <li><a href="/store">Featured</a></li>
 
                    <li class="divider"></li>
 
                    <li><a href="/store/products/bibles">Bibles</a></li>
 
                    <li><a href="/store/products/bible-studies">Bible Studies</a></li>
 
                    <li><a href="/store/products/books">Books</a></li>
 
                    <li><a href="/store/products/booklets">Booklets</a></li>
 
                    <li>
 
                        <a href="/store/products/commentaries">Commentaries</a>
 
                    </li>
 
                    <li class="divider"></li>
 
                    <li>
 
                        <a href="/store/products/sermons-store">Sermons</a>
 
                        <ul>
 
                            <li><a href="/store/products/topical-series-store">Topical Series</a></li>
 
                            <li><a href="/store/products/dvd-series">DVD Series</a></li>
 
                            <li><a href="/store/products/bible-series-store">Bible Series</a></li>
 
                            <li><a href="/store/products/flash-drives">Flash Drives</a></li>
 
                        </ul>
 
                    </li>
 
                    <li><a href="/store/products/bundles">Bundles</a></li>
 
                    <li class="divider"></li>
 
                    <li>
 
                        <a href="/store/products/bible-translations">Translations</a>
 
                        <ul>
 
                            <li><a href="/store/products/bible-translations">Bibles</a></li>
 
                            <li><a href="/store/products/book-translations">Books</a></li>
 
                            <li><a href="/store/products/commentary-translations">Commentaries</a></li>
 
                            <li><a href="/store/products/sermon-translations">Sermons</a></li>
 
                        </ul>
 
                    </li>
 
                </ul>
 
            </li>
 
        </ul>
 
        <ul class="collection">
 
            <li class="collection-item avatar">
 
                <i class="mdi-file-folder circle"></i>
 
                <h5 class="title"><a href="/library/resources/any/scripture">Resources</a></h5>
 
                <ul>
 
                    <li><a href="/library/resources/any/scripture">By Scripture</a></li>
 
                    <li><a href="/library/resources/any/topic/1">By Topics</a></li>
 
                    <li class="divider"></li>
 
                    <li><h6>By Type</h6></li>
 
                    <li>
 
                        <a href="/library/resources/sermons-library/scripture/1?book=1&amp;chapter=All">Sermons</a>
 
                        <ul>
 
                            <li><a href="/library/resources/topical-series-library/scripture/1?book=40">Topical Series</a></li>
 
                            <li><a href="/library/resources/bible-series-library/scripture/1?book=40">Bible Series</a></li>
 
                        </ul>
 
                    </li>
 
                    <li><a href="/library/resources/articles/scripture/1?book=1&amp;chapter=All">Articles</a></li>
 
                    <li><a href="/library/bible-introductions/MSB01/Genesis">Book In