Home
Store
YouTube
Instagram
Home
Store
YouTube
Instagram
</div> </div> </div> </div> </div> </div> </div> </div> <div class="footer-wrap"> <div class="site-footer container"> <div class='wsite-elements wsite-footer'> <div><div class="wsite-multicol"><div class="wsite-multicol-table-wrap" style="margin:0 -15px;"> <table class="wsite-multicol-table"> <tbody class="wsite-multicol-tbody"> <tr class="wsite-multicol-tr"> <td class="wsite-multicol-col" style="width:74.4140625%; padding:0 15px;"> <div><div class="wsite-multicol"><div class="wsite-multicol-table-wrap" style="margin:0 -15px;"> <table class="wsite-multicol-table"> <tbody class="wsite-multicol-tbody"> <tr class="wsite-multicol-tr"> <td class="wsite-multicol-col" style="width:54.330708661417%; padding:0 15px;"> <h2 class="wsite-content-title"><font size="4">Contact HKYDUDE</font></h2> <div> <form enctype="multipart/form-data" action="//www.weebly.com/weebly/apps/formSubmit.php" method="POST" id="form-757148584958370601"> <div id="757148584958370601-form-parent" class="wsite-form-container" style="margin-top:10px;"> <ul class="formlist" id="757148584958370601-form-list"> <label class="wsite-form-label wsite-form-fields-required-label"><span class="form-required">*</span> Indicates required field</label><div><div class="wsite-form-field wsite-name-field" style="margin:0px 0px 0px 0px;"> <label class="wsite-form-label">Name <span class="form-required">*</span></label> <div style="clear:both;"></div> <div class="wsite-form-input-container wsite-form-left wsite-form-input-first-name"> <input aria-required="true" id="input-976183495408213223" class="wsite-form-input wsite-input" placeholder="First" type="text" name="_u976183495408213223[first]" /> <label class="wsite-form-sublabel" for="input-976183495408213223">First</label> </div> <div class="wsite-form-input-container wsite-form-right wsite-form-input-last-name"> <input aria-required="true" id="input-976183495408213223-1" class="wsite-form-input wsite-input" placeholder="Last" type="text" name="_u976183495408213223[last]" /> <label class="wsite-form-sublabel" for="input-976183495408213223-1">Last</label> </div> <div id="instructions-976183495408213223" class="wsite-form-instructions" style="display:none;"></div> </div> <div style="clear:both;"></div></div> <div><div class="wsite-form-field" style="margin:0px 0px 0px 0px;"> <label class="wsite-form-label" for="input-148421881237862394">Email <span class="form-required">*</span></label> <div class="wsite-form-input-container"> <input aria-required="true" id="input-148421881237862394" class="wsite-form-input wsite-input wsite-input-width-370px" type="text" name="_u148421881237862394" /> </div> <div id="instructions-148421881237862394" class="wsite-form-instructions" style="display:none;"></div> </div></div> <div><div class="wsite-form-field" style="margin:0px 0px 0px 0px;"> <label class="wsite-form-label" for="input-593248039397957339">Comment <span class="form-required">*</span></label> <div class="wsite-form-input-container"> <textarea aria-required="true" id="input-593248039397957339" class="wsite-form-input wsite-input wsite-input-width-370px" name="_u593248039397957339" style="height: 50px"></textarea> </div> <div id="instructions-593248039397957339" class="wsite-form-instructions" style="display:none;"></div> </div></div> </ul> </div> <div style="display:none; visibility:hidden;"> <input type="hidden" name="wsite_subject" /> </div> <div style="text-align:left; margin-top:10px; margin-bottom:10px;"> <input type="hidden" name="form_version" value="2" /> <input type="hidden" name="wsite_approved" id="wsite-approved" value="approved" /> <input type="hidden" name="ucfid" value="757148584958370601" /> <input type="hidden" name="recaptcha_token"/> <input type="submit" role="button" aria-label="Submit" value="Submit" style="position:absolute;top:0;left:-9999px;width:1px;height:1px" /> <a class="wsite-button"> <span class="wsite-button-inner">Submit</span> </a> </div> </form> <div id="g-recaptcha-757148584958370601" class="recaptcha" data-size="invisible" data-recaptcha="0" data-sitekey="6Ldf5h8UAAAAAJFJhN6x2OfZqBvANPQcnPa8eb1C"></div> </div> </td> <td class="wsite-multicol-col" style="width:45.669291338583%; padding:0 15px;"> <h2 class="wsite-content-title" style="text-align:left;"><font size="4">Connect with hkydude</font></h2> <div style="text-align:left;"><div style="height:10px;overflow:hidden"></div> <span class="wsite-social wsite-social-default"><a class='first-child wsite-social-item wsite-social-instagram' href='https://www.instagram.com/hkydude/' target='_blank' alt='Instagram'><span class='wsite-social-item-inner'></span></a><a class='wsite-social-item wsite-social-youtube' href='https://www.youtube.com/channel/UC9IyCqvJoQAlw5gFv_wQmfA' target='_blank' alt='Youtube'><span class='wsite-social-item-inner'></span></a><a class='wsite-social-item wsite-social-facebook' href='https://www.facebook.com/hkydude?fref=ts' target='_blank' alt='Facebook'><span class='wsite-social-item-inner'></span></a><a class='wsite-social-item wsite-social-twitter' href='https://twitter.com/thehkydude' target='_blank' alt='Twitter'><span class='wsite-social-item-inner'></span></a><a class='last-child wsite-social-item wsite-social-mail' href='mailto:alkeyklein@gmail.com' target='_blank' alt='Mail'><span class='wsite-social-item-inner'></span></a></span> <div style="height:10px;overflow:hidden"></div></div> <h2 class="wsite-content-title"><font size="4">Site Menu</font></h2> <div class="paragraph" style="text-align:left;"><font size="3" color="#2a2a2a"><a href="/">Home</a> - <a href="/store.html">Store</a> - <a href="https://www.youtube.com/channel/UC9IyCqvJoQAlw5gFv_wQmfA" target="_blank">YouTube</a> - <a href="https://www.instagram.com/hkydude/" target="_blank">Instagram</a></font><br /></div> </td> </tr> </tbody> </table> </div></div></div> </td> <td class="wsite-multicol-col" style="width:25.5859375%; padding:0 15px;"> <h2 class="wsite-content-title"><font size="4">HKYDUDE STORE</font></h2> <div class="wsite-search-element-outer"><div class="wsite-search-element-align-left" style="padding: 0px 0 10px 0"> <form class="wsite-search-element-form" action="/apps/search" method="get"> <div class="wsite-search-element"> <input class="wsite-input wsite-search-element-input" type="text" name="q" placeholder="Search All Products" autocomplete="off" /> <span class="wsite-search-element-submit" title="Search"></span> </div> </form> </div></div> <div id="306619666353306736"><div><style type="text/css"> #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction { margin-top: 0px; margin-bottom: 0px; text-align: left; position: relative; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction .booBox { background: #000000; padding: 25px 25px 50px; display: none; text-align: center; position: relative; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction .booBox .booBoxBackgroundImage { position: absolute; width: 100%; height: 100%; left: 0; top: 0; right: 0; display: none; overflow: hidden; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction .booBox .booBoxBackgroundImage .wsite-image { padding: 0 !important; border: 0 none !important; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction .booBox .booBoxBackgroundImage .wsite-image img { width: 100% !important; max-width: none !important; height: auto !important; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction .booBox h2 { color: #ffffff; font-size: 28px; font-weight: normal; position: relative; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction .booBox .paragraph { color: #ffffff; font-size: 15px; font-weight: normal; position: relative; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction .booBox .booIconWrap { text-align: center; position: absolute; margin-top: 22px; left: 0; right: 0; z-index: 9; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction .booBox .booIcon { display: none; width: 18px; height: 18px; padding: 11px; border-style: solid; border-width: 2px; border-color: #728296; background: #ffffff; box-sizing: content-box; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction .booBox.showIcon-1 .booIcon { display: inline-block; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction .booBox .booIcon svg { width: 100%; height: 100%; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction .booBox #booIconShape { fill: #728296; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction .booButton { font-size: 16px; font-weight: normal; background: #ffffff; color: #728296; border-style: solid; border-width: 2px; border-color: #102e50; display: inline-block; padding: 19px 39px; line-height: 100%; position: relative; text-align: center; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction .booButton.round-1 { border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction .booButton.backgroundTrans-1 { background: transparent; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction .booButton.backgroundTransHover-1:hover { background: transparent; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction .booButton .booButtonText { display: inline-block; vertical-align: middle; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction .booButton .paragraph { text-align: inherit !important; font-size: inherit; font-weight: inherit; margin: 0; padding: 0; line-height: normal; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction .booButton .booIconArrow { display: inline-block; vertical-align: middle; height: 16px; width: 18px; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction .booButton #booIconArrowShape { fill: #728296; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction .booButton:hover { color: #102e50; background: #919ead; border-color: #102e50; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction .booButton:hover #booIconArrowShape { fill: #102e50; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.backgroundImage-1 .booBoxBackgroundImage { display: block; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.style-2 .booBox { display: block; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.style-2 .booButton { display: block; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-1 .booButton { -ms-transition: all .4s; -o-transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; transition: all .4s; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-1 .booButton .booIconArrow { position: relative; left: 0; top: 2px; opacity: 0; filter: alpha(opacity=0); -o-transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; transition: all .4s; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-1 .booButton:hover { padding-left: 24px; padding-right: 54px; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-1.style-4 .booButton:hover { color: #728296; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-1 .booButton .booButtonText { margin-left: 18px; margin-top: 2px; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-1 .booButton:hover .booIconArrow { opacity: 1; filter: alpha(opacity=100); left: 30px; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-2 .booButton .booButtonText { -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2,1,0.3,1); transition-timing-function: cubic-bezier(0.2,1,0.3,1); } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-2 .booButton:hover .booButtonText { opacity: 0; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0); } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-2 .booButton:after { content: attr(data-text); position: absolute; padding: 19px 39px; top: 0; left: 0; right: 0; color: #102e50; opacity: 0; -webkit-transform: translate3d(0,50%,0); transform: translate3d(0,50%,0); -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2,1,0.3,1); transition-timing-function: cubic-bezier(0.2,1,0.3,1); } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-2 .booButton:hover:after { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-2.style-3 .booButton:hover .booButtonText { -ms-transform: skewX(25deg) translate3d(0,-50%,0); -moz-transform: skewX(25deg) translate3d(0,-50%,0); -webkit-transform: skewX(25deg) translate3d(0,-50%,0); transform: skewX(25deg) translate3d(0,-50%,0); } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-2.style-3 .booButton:after { -webkit-transform: skewX(25deg) translate3d(0,50%,0); transform: skewX(25deg) translate3d(0,50%,0); } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-2.style-3 .booButton:hover:after { -ms-transform: skewX(25deg) translate3d(0,0,0); -moz-transform: skewX(25deg) translate3d(0,0,0); -webkit-transform: skewX(25deg) translate3d(0,0,0); transform: skewX(25deg) translate3d(0,0,0); } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-2.style-4 .booButton:after { color: #728296; padding: 0 39px; bottom: 0; right: auto; top: 19px; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-2 .booIconArrow { display: none; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-2.style-4 .booIconArrow { display: inline-block; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-3 .booButton { -webkit-transition: all 0.4s; transition: all 0.4s; -webkit-transition-timing-function: cubic-bezier(0.2,1,0.3,1); transition-timing-function: cubic-bezier(0.2,1,0.3,1); } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-3 .booButton:hover { background: #ffffff; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-3 .booButton:before, #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-3.style-4 .booButton .booIconArrow:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #919ead; z-index: 0; opacity: 0; -webkit-transform: scale3d(0.7,1,1); transform: scale3d(0.7,1,1); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; -webkit-transition-timing-function: cubic-bezier(0.2,1,0.3,1); transition-timing-function: cubic-bezier(0.2,1,0.3,1); -webkit-transition: all 0.4s; transition: all 0.4s; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-3 .booButton.round-1:before, #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-3.style-4 .booButton .booIconArrow:before { border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-3 .booButton:hover:before, #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-3.style-4 .booButton:hover .booIconArrow:before { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-3.style-4 .booButton:hover { color: #728296; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-3.style-4 .booButton:hover:before { display: none; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-3.style-4 .booButton .booIconArrow { position: relative; -webkit-transition: all 0.4s; transition: all 0.4s; -webkit-transition-timing-function: cubic-bezier(0.2,1,0.3,1); transition-timing-function: cubic-bezier(0.2,1,0.3,1); } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-3.style-4 .booButton:hover .booIconArrow:before { border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-3 .booButton .booButtonText, #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-3 .booButton .booIconArrow, #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-3 .booButton .booIconArrow svg { position: relative; z-index: 5; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-3 .booButton .booButtonText { margin-top: 2px; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-3 .booButton .booIconArrow { margin-left: 18px; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-4 .booButton { line-height: normal; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-4 .booButton, #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-4.style-4 .booButton .booIconArrow { overflow: hidden; background: #919ead; color: #102e50; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-4.style-3 .booButton { background: #ffffff; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-4.style-3 .booButton:hover { background: #919ead; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-4 .booButton .booButtonText { -webkit-transform: scale3d(0.2,0.2,1); transform: scale3d(0.2,0.2,1); opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2,1,0.3,1); transition-timing-function: cubic-bezier(0.2,1,0.3,1); } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-4 .booButton:hover .booButtonText { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-4 .booButton:before, #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-4 .booButton:after, #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-4.style-4 .booButton .booIconArrow:before, #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-4.style-4 .booButton .booIconArrow:after { content: attr(data-text); position: absolute; width: 100%; height: 50%; left: 0; background: #ffffff; color: #728296; overflow: hidden; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2,1,0.3,1); transition-timing-function: cubic-bezier(0.2,1,0.3,1); } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-4 .booButton:before, #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-4.style-4 .booButton .booIconArrow:before { top: 0; padding-top: 19px; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-4 .booButton:after, #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-4.style-4 .booButton .booIconArrow:after { bottom: 0; line-height: 0; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-4 .booButton:hover:before, #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-4.style-4 .booButton:hover .booIconArrow:before { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-4 .booButton:hover:after, #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-4.style-4 .booButton:hover .booIconArrow:after { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-4.style-4 .booButton, #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-4.style-4 .booButton:hover { color: #728296; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-4.style-4 .booButton:before, #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-4.style-4 .booButton:after { display: none; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-4.style-4 .booButton .booButtonText { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-4 .booButton .booIconArrow { display: none; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-4.style-4 .booButton .booIconArrow { display: inline-block; position: relative; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-4.style-4 .booButton .booIconArrow svg { position: relative; z-index: 5; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-4 .booButton.round-1:before, #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-4.style-4 .booButton .booIconArrow:before { border-radius: 100px 100px 0 0; -moz-border-radius: 100px 100px 0 0; -webkit-border-radius: 100px 100px 0 0; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-4 .booButton.round-1:after, #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-4.style-4 .booButton .booIconArrow:after { border-radius: 0 0 100px 100px; -moz-border-radius: 0 0 100px 100px; -webkit-border-radius: 0 0 100px 100px; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-5 .booButton { overflow: hidden; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-5 .booButton:before { content: attr(data-text); position: absolute; padding: 19px 39px; line-height: 1.2em; background: #919ead; top: 0; left: 0; right: 0; color: #102e50; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75,0,0.125,1); transition-timing-function: cubic-bezier(0.75,0,0.125,1); } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-5 .booButton.round-1:before { border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-5 .booButton:hover:before { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-5 .booButton:hover { background: #ffffff; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-5 .booButton .booButtonText { -webkit-transform: skew(0) translate3d(0,0,0); transform: skew(0) translate3d(0,0,0); -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75,0,0.125,1); transition-timing-function: cubic-bezier(0.75,0,0.125,1); } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-5 .booButton:hover .booButtonText { -webkit-transform: skew(0) translate3d(0,200px,0); transform: skew(0) translate3d(0,200px,0); } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-5.style-4 .booButton:before { color: #728296; right: auto; background: 0 none; bottom: 0; padding-top: 0; padding-bottom: 0; top: 19px; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-5 .booIconArrow { display: none; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-5.style-4 .booIconArrow { display: inline-block; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-6 .booButton { overflow: hidden; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; transition: all .3s linear; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-6 .booButton .booIconArrow { margin-left: 18px; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-6.style-4 .booButton:hover { color: #728296; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-6 .ink { display: block; position: absolute; background: rgba(255,255,255,0.3); -moz-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); z-index: 9; } #element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1 .booCallToAction.effect-6 .animate { -webkit-animation: ripple 0.65s linear; -moz-animation: ripple 0.65s linear; -ms-animation: ripple 0.65s linear; -o-animation: ripple 0.65s linear; animation: ripple 0.65s linear; } </style><div id="element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1" data-platform-element-id="179368422808528953-1.0.0" class="platform-element-contents"> <div class="booCallToAction backgroundImage- style-1 effect-2"> <div class="booBox showIcon-1"> <div class="booBoxBackgroundImage"></div> <!--<h2 class="booHeadline"><div class="paragraph"></div></h2> <div class="booParagraph"><div class="paragraph"></div></div>--> <div class="booDropContent"></div> <div class="booIconWrap"> <div class="booIcon"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 19.713 12.113" enable-background="new 0 0 19.713 12.113" xml:space="preserve"> <polygon id="booIconShape" points="9.856,7.599 2.257,0 0,2.256 9.856,12.113 19.713,2.256 17.456,0 "/> </svg> </div> </div> </div> <a target="_self" href="" class="booButton backgroundTrans- backgroundTransHover- round-1"> <div class="booButtonText"> Shop by Category → </div> <div class="booIconArrow"> <svg version="1.1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-4.053 -4.053 24.105 24.105" enable-background="new -4.053 -4.053 24.105 24.105" xml:space="preserve"> <g id="Page-1"> <g id="Core" transform="translate(-424.000000, -4.000000)"> <g id="arrow-back" transform="translate(424.000000, 4.000000)"> <path id="booIconArrowShape" d="M-4.053,6.493v3.014h18.381l-8.438,8.437L8,20.053L20.053,8L8-4.053L5.891-1.944l8.438,8.437 H-4.053L-4.053,6.493z"/> </g> </g> </g> </svg> </div> </a> </div> <style> @-webkit-keyframes ripple { 100% {opacity: 0;-webkit-transform: scale(2.5); } } @-moz-keyframes ripple { 100% {opacity: 0;-moz-transform: scale(2.5); } } @-o-keyframes ripple { 100% {opacity: 0;-o-transform: scale(2.5); } } @keyframes ripple { 100% {opacity: 0;transform: scale(2.5); } } </style> </div> <div style="clear:both;"></div><script type="text/javascript" class="element-script">function setupElement306619666353306736() { var requireFunc = window.platformElementRequire || window.require; // Relies on a global require, specific to platform elements requireFunc([ 'w-global', 'underscore', 'jquery', 'backbone', 'util/platform/elements/PlatformElement', 'util/platform/elements/PlatformElementSettings' ], function( _W, _, $, Backbone, PlatformElement, PlatformElementSettings ) { var dependencies = null || []; var platform_element_id = "179368422808528953-1.0.0"; if (typeof _W.loadedPlatformDependencies === 'undefined') { _W.loadedPlatformDependencies = []; } if (typeof _W.platformElements === 'undefined') { _W.platformElements = []; } if (typeof _W.platformElements[platform_element_id] === 'undefined') { _W.platformElements[platform_element_id] = {}; _W.platformElements[platform_element_id].deferredObject = new $.Deferred(); _W.platformElements[platform_element_id].deferredPromise = _W.platformElements[platform_element_id].deferredObject.promise(); } if(_.intersection(_W.loadedPlatformDependencies, dependencies).length !== dependencies.length){ _.reduce(dependencies, function(promise, nextScript){ _W.loadedPlatformDependencies.push(nextScript); return promise.then(function(){ return $.getScript(nextScript); }); }, $().promise()).then(function(){ _W.platformElements[platform_element_id].deferredObject.resolve(); }); } if (dependencies.length === 0){ _W.platformElements[platform_element_id].deferredObject.resolve(); } _W.platformElements[platform_element_id].deferredPromise.done(function(){ var _ElementDefinition = (function() { var booCallToAction = PlatformElement.extend({ initialize: function() { this._booButton = this.$(".booButton"); this._effect = this.settings.get("effect"); this.booCallToAction(); }, events: { }, booCallToAction: function(){ //Auto slide var _this = this; var ink, d, x, y; if(_this._effect==='effect-2' || _this._effect==='effect-4' || _this._effect==='effect-5'){ var _text = _this._booButton.text().trim(); _this._booButton.attr("data-text", _text); }else if(_this._effect==='effect-6'){ _this._booButton.hover(function(e){ if($(this).find(".ink").length === 0){ $(this).prepend("<span class='ink'></span>"); } ink = $(this).find(".ink"); ink.removeClass("animate"); if(!ink.height() && !ink.width()){ d = Math.max($(this).outerWidth(), $(this).outerHeight()); ink.css({height: d, width: d}); } x = e.pageX - $(this).offset().left - ink.width()/2; y = e.pageY - $(this).offset().top - ink.height()/2; ink.css({top: y+'px', left: x+'px'}).addClass("animate"); }); } }, }); return booCallToAction; })();; if (typeof _ElementDefinition == 'undefined' || typeof _ElementDefinition == 'null') { var _ElementDefinition = PlatformElement.extend({}); } var _Element = _ElementDefinition.extend({ initialize: function() { // we still want to call the initialize function defined by the developer // however, we don't want to call it until placeholders have been replaced this.placeholderInterval = setInterval(function() { // so use setInterval to check for placeholders. if (this.$('.platform-element-child-placeholder').length == 0) { clearInterval(this.placeholderInterval); this.constructor.__super__.initialize.apply(this); } }.bind(this), 100); } }); _Element.prototype.settings = new PlatformElementSettings({"fontSize_each":[{"fontSize_index":0},{"fontSize_index":1},{"fontSize_index":2},{"fontSize_index":3},{"fontSize_index":4},{"fontSize_index":5},{"fontSize_index":6},{"fontSize_index":7},{"fontSize_index":8},{"fontSize_index":9},{"fontSize_index":10},{"fontSize_index":11},{"fontSize_index":12},{"fontSize_index":13},{"fontSize_index":14},{"fontSize_index":15}],"borderWidth_each":[{"borderWidth_index":0},{"borderWidth_index":1}],"buttonVerticalPadding_each":[{"buttonVerticalPadding_index":0},{"buttonVerticalPadding_index":1},{"buttonVerticalPadding_index":2},{"buttonVerticalPadding_index":3},{"buttonVerticalPadding_index":4},{"buttonVerticalPadding_index":5},{"buttonVerticalPadding_index":6},{"buttonVerticalPadding_index":7},{"buttonVerticalPadding_index":8},{"buttonVerticalPadding_index":9},{"buttonVerticalPadding_index":10},{"buttonVerticalPadding_index":11},{"buttonVerticalPadding_index":12},{"buttonVerticalPadding_index":13},{"buttonVerticalPadding_index":14},{"buttonVerticalPadding_index":15},{"buttonVerticalPadding_index":16},{"buttonVerticalPadding_index":17},{"buttonVerticalPadding_index":18}],"buttonHorizontalPadding_each":[{"buttonHorizontalPadding_index":0},{"buttonHorizontalPadding_index":1},{"buttonHorizontalPadding_index":2},{"buttonHorizontalPadding_index":3},{"buttonHorizontalPadding_index":4},{"buttonHorizontalPadding_index":5},{"buttonHorizontalPadding_index":6},{"buttonHorizontalPadding_index":7},{"buttonHorizontalPadding_index":8},{"buttonHorizontalPadding_index":9},{"buttonHorizontalPadding_index":10},{"buttonHorizontalPadding_index":11},{"buttonHorizontalPadding_index":12},{"buttonHorizontalPadding_index":13},{"buttonHorizontalPadding_index":14},{"buttonHorizontalPadding_index":15},{"buttonHorizontalPadding_index":16},{"buttonHorizontalPadding_index":17},{"buttonHorizontalPadding_index":18},{"buttonHorizontalPadding_index":19},{"buttonHorizontalPadding_index":20},{"buttonHorizontalPadding_index":21},{"buttonHorizontalPadding_index":22},{"buttonHorizontalPadding_index":23},{"buttonHorizontalPadding_index":24},{"buttonHorizontalPadding_index":25},{"buttonHorizontalPadding_index":26},{"buttonHorizontalPadding_index":27},{"buttonHorizontalPadding_index":28},{"buttonHorizontalPadding_index":29},{"buttonHorizontalPadding_index":30},{"buttonHorizontalPadding_index":31},{"buttonHorizontalPadding_index":32},{"buttonHorizontalPadding_index":33},{"buttonHorizontalPadding_index":34},{"buttonHorizontalPadding_index":35},{"buttonHorizontalPadding_index":36},{"buttonHorizontalPadding_index":37},{"buttonHorizontalPadding_index":38}],"boxHeadlineFontsize_each":[{"boxHeadlineFontsize_index":0},{"boxHeadlineFontsize_index":1},{"boxHeadlineFontsize_index":2},{"boxHeadlineFontsize_index":3},{"boxHeadlineFontsize_index":4},{"boxHeadlineFontsize_index":5},{"boxHeadlineFontsize_index":6},{"boxHeadlineFontsize_index":7},{"boxHeadlineFontsize_index":8},{"boxHeadlineFontsize_index":9},{"boxHeadlineFontsize_index":10},{"boxHeadlineFontsize_index":11},{"boxHeadlineFontsize_index":12},{"boxHeadlineFontsize_index":13},{"boxHeadlineFontsize_index":14},{"boxHeadlineFontsize_index":15},{"boxHeadlineFontsize_index":16},{"boxHeadlineFontsize_index":17},{"boxHeadlineFontsize_index":18},{"boxHeadlineFontsize_index":19},{"boxHeadlineFontsize_index":20},{"boxHeadlineFontsize_index":21},{"boxHeadlineFontsize_index":22},{"boxHeadlineFontsize_index":23},{"boxHeadlineFontsize_index":24},{"boxHeadlineFontsize_index":25},{"boxHeadlineFontsize_index":26},{"boxHeadlineFontsize_index":27}],"boxParagraphFontsize_each":[{"boxParagraphFontsize_index":0},{"boxParagraphFontsize_index":1},{"boxParagraphFontsize_index":2},{"boxParagraphFontsize_index":3},{"boxParagraphFontsize_index":4},{"boxParagraphFontsize_index":5},{"boxParagraphFontsize_index":6},{"boxParagraphFontsize_index":7},{"boxParagraphFontsize_index":8},{"boxParagraphFontsize_index":9},{"boxParagraphFontsize_index":10},{"boxParagraphFontsize_index":11},{"boxParagraphFontsize_index":12},{"boxParagraphFontsize_index":13},{"boxParagraphFontsize_index":14}],"style":"style-1","effect":"effect-2","round":true,"buttonText":"Shop by Category \u2192","link":null,"linkTarget":"_self","alignment":"left","fontSize":16,"fontWeight":"normal","color":"#728296","colorHover":"#102e50","backgroundNormal":"#ffffff","backgroundTransparentNormal":false,"backgroundHover":"#919ead","backgroundTransparentHover":false,"borderStyle":"solid","borderWidth":2,"borderNormal":"#102e50","borderHover":"#102e50","borderRadius":0,"buttonVerticalPadding":19,"buttonHorizontalPadding":39,"showIcon":true,"backgroundImage":false,"boxBackground":"#000000","boxBorderRadius":0,"boxHeadlineColor":"#ffffff","boxHeadlineFontsize":28,"boxHeadlineFontweight":"normal","boxParagraphColor":"#ffffff","boxParagraphFontsize":15,"boxParagraphFontweight":"normal","topMargin":0,"bottomMargin":0}); _Element.prototype.settings.page_element_id = "306619666353306736"; _Element.prototype.element_id = "6d4b594c-8dd5-4929-bc6a-bccbe85298e1"; _Element.prototype.user_id = "92736520"; _Element.prototype.site_id = "385159806744291226"; _Element.prototype.assets_path = "//marketplace.editmysite.com/uploads/b/marketplace-elements-179368422808528953-1.0.0/assets/"; new _Element({ el: '#element-6d4b594c-8dd5-4929-bc6a-bccbe85298e1' }); }); }); } if (typeof document.documentElement.appReady == 'undefined') { document.documentElement.appReady = 0; } if (document.documentElement.appReady || (window.inEditor && window.inEditor())) { setupElement306619666353306736(); } else if (document.createEvent && document.addEventListener) { document.addEventListener('appReady', setupElement306619666353306736, false); } else { document.documentElement.attachEvent('onpropertychange', function(event){ if (event.propertyName == 'appReady') { setupElement306619666353306736(); } }); } </script></div></div> <div id="799975968312259705"><div><style type="text/css"> #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction { margin-top: 10px; margin-bottom: 10px; text-align: left; position: relative; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction .booBox { background: #000000; padding: 25px 25px 50px; display: none; text-align: center; position: relative; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction .booBox .booBoxBackgroundImage { position: absolute; width: 100%; height: 100%; left: 0; top: 0; right: 0; display: none; overflow: hidden; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction .booBox .booBoxBackgroundImage .wsite-image { padding: 0 !important; border: 0 none !important; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction .booBox .booBoxBackgroundImage .wsite-image img { width: 100% !important; max-width: none !important; height: auto !important; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction .booBox h2 { color: #ffffff; font-size: 28px; font-weight: normal; position: relative; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction .booBox .paragraph { color: #ffffff; font-size: 15px; font-weight: normal; position: relative; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction .booBox .booIconWrap { text-align: center; position: absolute; margin-top: 22px; left: 0; right: 0; z-index: 9; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction .booBox .booIcon { display: none; width: 18px; height: 18px; padding: 11px; border-style: solid; border-width: 2px; border-color: #728296; background: #ffffff; box-sizing: content-box; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction .booBox.showIcon-1 .booIcon { display: inline-block; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction .booBox .booIcon svg { width: 100%; height: 100%; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction .booBox #booIconShape { fill: #728296; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction .booButton { font-size: 16px; font-weight: normal; background: #ffffff; color: #728296; border-style: solid; border-width: 2px; border-color: #102e50; display: inline-block; padding: 19px 40px; line-height: 100%; position: relative; text-align: center; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction .booButton.round-1 { border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction .booButton.backgroundTrans-1 { background: transparent; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction .booButton.backgroundTransHover-1:hover { background: transparent; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction .booButton .booButtonText { display: inline-block; vertical-align: middle; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction .booButton .paragraph { text-align: inherit !important; font-size: inherit; font-weight: inherit; margin: 0; padding: 0; line-height: normal; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction .booButton .booIconArrow { display: inline-block; vertical-align: middle; height: 16px; width: 18px; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction .booButton #booIconArrowShape { fill: #728296; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction .booButton:hover { color: #102e50; background: #919ead; border-color: #102e50; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction .booButton:hover #booIconArrowShape { fill: #102e50; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.backgroundImage-1 .booBoxBackgroundImage { display: block; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.style-2 .booBox { display: block; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.style-2 .booButton { display: block; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-1 .booButton { -ms-transition: all .4s; -o-transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; transition: all .4s; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-1 .booButton .booIconArrow { position: relative; left: 0; top: 2px; opacity: 0; filter: alpha(opacity=0); -o-transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; transition: all .4s; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-1 .booButton:hover { padding-left: 25px; padding-right: 55px; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-1.style-4 .booButton:hover { color: #728296; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-1 .booButton .booButtonText { margin-left: 18px; margin-top: 2px; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-1 .booButton:hover .booIconArrow { opacity: 1; filter: alpha(opacity=100); left: 30px; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-2 .booButton .booButtonText { -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2,1,0.3,1); transition-timing-function: cubic-bezier(0.2,1,0.3,1); } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-2 .booButton:hover .booButtonText { opacity: 0; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0); } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-2 .booButton:after { content: attr(data-text); position: absolute; padding: 19px 40px; top: 0; left: 0; right: 0; color: #102e50; opacity: 0; -webkit-transform: translate3d(0,50%,0); transform: translate3d(0,50%,0); -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2,1,0.3,1); transition-timing-function: cubic-bezier(0.2,1,0.3,1); } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-2 .booButton:hover:after { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-2.style-3 .booButton:hover .booButtonText { -ms-transform: skewX(25deg) translate3d(0,-50%,0); -moz-transform: skewX(25deg) translate3d(0,-50%,0); -webkit-transform: skewX(25deg) translate3d(0,-50%,0); transform: skewX(25deg) translate3d(0,-50%,0); } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-2.style-3 .booButton:after { -webkit-transform: skewX(25deg) translate3d(0,50%,0); transform: skewX(25deg) translate3d(0,50%,0); } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-2.style-3 .booButton:hover:after { -ms-transform: skewX(25deg) translate3d(0,0,0); -moz-transform: skewX(25deg) translate3d(0,0,0); -webkit-transform: skewX(25deg) translate3d(0,0,0); transform: skewX(25deg) translate3d(0,0,0); } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-2.style-4 .booButton:after { color: #728296; padding: 0 40px; bottom: 0; right: auto; top: 19px; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-2 .booIconArrow { display: none; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-2.style-4 .booIconArrow { display: inline-block; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-3 .booButton { -webkit-transition: all 0.4s; transition: all 0.4s; -webkit-transition-timing-function: cubic-bezier(0.2,1,0.3,1); transition-timing-function: cubic-bezier(0.2,1,0.3,1); } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-3 .booButton:hover { background: #ffffff; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-3 .booButton:before, #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-3.style-4 .booButton .booIconArrow:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #919ead; z-index: 0; opacity: 0; -webkit-transform: scale3d(0.7,1,1); transform: scale3d(0.7,1,1); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; -webkit-transition-timing-function: cubic-bezier(0.2,1,0.3,1); transition-timing-function: cubic-bezier(0.2,1,0.3,1); -webkit-transition: all 0.4s; transition: all 0.4s; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-3 .booButton.round-1:before, #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-3.style-4 .booButton .booIconArrow:before { border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-3 .booButton:hover:before, #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-3.style-4 .booButton:hover .booIconArrow:before { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-3.style-4 .booButton:hover { color: #728296; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-3.style-4 .booButton:hover:before { display: none; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-3.style-4 .booButton .booIconArrow { position: relative; -webkit-transition: all 0.4s; transition: all 0.4s; -webkit-transition-timing-function: cubic-bezier(0.2,1,0.3,1); transition-timing-function: cubic-bezier(0.2,1,0.3,1); } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-3.style-4 .booButton:hover .booIconArrow:before { border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-3 .booButton .booButtonText, #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-3 .booButton .booIconArrow, #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-3 .booButton .booIconArrow svg { position: relative; z-index: 5; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-3 .booButton .booButtonText { margin-top: 2px; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-3 .booButton .booIconArrow { margin-left: 18px; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-4 .booButton { line-height: normal; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-4 .booButton, #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-4.style-4 .booButton .booIconArrow { overflow: hidden; background: #919ead; color: #102e50; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-4.style-3 .booButton { background: #ffffff; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-4.style-3 .booButton:hover { background: #919ead; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-4 .booButton .booButtonText { -webkit-transform: scale3d(0.2,0.2,1); transform: scale3d(0.2,0.2,1); opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2,1,0.3,1); transition-timing-function: cubic-bezier(0.2,1,0.3,1); } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-4 .booButton:hover .booButtonText { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-4 .booButton:before, #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-4 .booButton:after, #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-4.style-4 .booButton .booIconArrow:before, #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-4.style-4 .booButton .booIconArrow:after { content: attr(data-text); position: absolute; width: 100%; height: 50%; left: 0; background: #ffffff; color: #728296; overflow: hidden; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2,1,0.3,1); transition-timing-function: cubic-bezier(0.2,1,0.3,1); } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-4 .booButton:before, #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-4.style-4 .booButton .booIconArrow:before { top: 0; padding-top: 19px; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-4 .booButton:after, #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-4.style-4 .booButton .booIconArrow:after { bottom: 0; line-height: 0; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-4 .booButton:hover:before, #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-4.style-4 .booButton:hover .booIconArrow:before { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-4 .booButton:hover:after, #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-4.style-4 .booButton:hover .booIconArrow:after { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-4.style-4 .booButton, #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-4.style-4 .booButton:hover { color: #728296; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-4.style-4 .booButton:before, #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-4.style-4 .booButton:after { display: none; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-4.style-4 .booButton .booButtonText { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-4 .booButton .booIconArrow { display: none; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-4.style-4 .booButton .booIconArrow { display: inline-block; position: relative; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-4.style-4 .booButton .booIconArrow svg { position: relative; z-index: 5; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-4 .booButton.round-1:before, #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-4.style-4 .booButton .booIconArrow:before { border-radius: 100px 100px 0 0; -moz-border-radius: 100px 100px 0 0; -webkit-border-radius: 100px 100px 0 0; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-4 .booButton.round-1:after, #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-4.style-4 .booButton .booIconArrow:after { border-radius: 0 0 100px 100px; -moz-border-radius: 0 0 100px 100px; -webkit-border-radius: 0 0 100px 100px; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-5 .booButton { overflow: hidden; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-5 .booButton:before { content: attr(data-text); position: absolute; padding: 19px 40px; line-height: 1.2em; background: #919ead; top: 0; left: 0; right: 0; color: #102e50; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75,0,0.125,1); transition-timing-function: cubic-bezier(0.75,0,0.125,1); } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-5 .booButton.round-1:before { border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-5 .booButton:hover:before { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-5 .booButton:hover { background: #ffffff; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-5 .booButton .booButtonText { -webkit-transform: skew(0) translate3d(0,0,0); transform: skew(0) translate3d(0,0,0); -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75,0,0.125,1); transition-timing-function: cubic-bezier(0.75,0,0.125,1); } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-5 .booButton:hover .booButtonText { -webkit-transform: skew(0) translate3d(0,200px,0); transform: skew(0) translate3d(0,200px,0); } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-5.style-4 .booButton:before { color: #728296; right: auto; background: 0 none; bottom: 0; padding-top: 0; padding-bottom: 0; top: 19px; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-5 .booIconArrow { display: none; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-5.style-4 .booIconArrow { display: inline-block; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-6 .booButton { overflow: hidden; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; transition: all .3s linear; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-6 .booButton .booIconArrow { margin-left: 18px; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-6.style-4 .booButton:hover { color: #728296; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-6 .ink { display: block; position: absolute; background: rgba(255,255,255,0.3); -moz-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); z-index: 9; } #element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611 .booCallToAction.effect-6 .animate { -webkit-animation: ripple 0.65s linear; -moz-animation: ripple 0.65s linear; -ms-animation: ripple 0.65s linear; -o-animation: ripple 0.65s linear; animation: ripple 0.65s linear; } </style><div id="element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611" data-platform-element-id="179368422808528953-1.0.0" class="platform-element-contents"> <div class="booCallToAction backgroundImage- style-1 effect-2"> <div class="booBox showIcon-1"> <div class="booBoxBackgroundImage"></div> <!--<h2 class="booHeadline"><div class="paragraph"></div></h2> <div class="booParagraph"><div class="paragraph"></div></div>--> <div class="booDropContent"></div> <div class="booIconWrap"> <div class="booIcon"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 19.713 12.113" enable-background="new 0 0 19.713 12.113" xml:space="preserve"> <polygon id="booIconShape" points="9.856,7.599 2.257,0 0,2.256 9.856,12.113 19.713,2.256 17.456,0 "/> </svg> </div> </div> </div> <a target="_self" href="" class="booButton backgroundTrans- backgroundTransHover- round-1"> <div class="booButtonText"> View All Products → </div> <div class="booIconArrow"> <svg version="1.1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-4.053 -4.053 24.105 24.105" enable-background="new -4.053 -4.053 24.105 24.105" xml:space="preserve"> <g id="Page-1"> <g id="Core" transform="translate(-424.000000, -4.000000)"> <g id="arrow-back" transform="translate(424.000000, 4.000000)"> <path id="booIconArrowShape" d="M-4.053,6.493v3.014h18.381l-8.438,8.437L8,20.053L20.053,8L8-4.053L5.891-1.944l8.438,8.437 H-4.053L-4.053,6.493z"/> </g> </g> </g> </svg> </div> </a> </div> <style> @-webkit-keyframes ripple { 100% {opacity: 0;-webkit-transform: scale(2.5); } } @-moz-keyframes ripple { 100% {opacity: 0;-moz-transform: scale(2.5); } } @-o-keyframes ripple { 100% {opacity: 0;-o-transform: scale(2.5); } } @keyframes ripple { 100% {opacity: 0;transform: scale(2.5); } } </style> </div> <div style="clear:both;"></div><script type="text/javascript" class="element-script">function setupElement799975968312259705() { var requireFunc = window.platformElementRequire || window.require; // Relies on a global require, specific to platform elements requireFunc([ 'w-global', 'underscore', 'jquery', 'backbone', 'util/platform/elements/PlatformElement', 'util/platform/elements/PlatformElementSettings' ], function( _W, _, $, Backbone, PlatformElement, PlatformElementSettings ) { var dependencies = null || []; var platform_element_id = "179368422808528953-1.0.0"; if (typeof _W.loadedPlatformDependencies === 'undefined') { _W.loadedPlatformDependencies = []; } if (typeof _W.platformElements === 'undefined') { _W.platformElements = []; } if (typeof _W.platformElements[platform_element_id] === 'undefined') { _W.platformElements[platform_element_id] = {}; _W.platformElements[platform_element_id].deferredObject = new $.Deferred(); _W.platformElements[platform_element_id].deferredPromise = _W.platformElements[platform_element_id].deferredObject.promise(); } if(_.intersection(_W.loadedPlatformDependencies, dependencies).length !== dependencies.length){ _.reduce(dependencies, function(promise, nextScript){ _W.loadedPlatformDependencies.push(nextScript); return promise.then(function(){ return $.getScript(nextScript); }); }, $().promise()).then(function(){ _W.platformElements[platform_element_id].deferredObject.resolve(); }); } if (dependencies.length === 0){ _W.platformElements[platform_element_id].deferredObject.resolve(); } _W.platformElements[platform_element_id].deferredPromise.done(function(){ var _ElementDefinition = (function() { var booCallToAction = PlatformElement.extend({ initialize: function() { this._booButton = this.$(".booButton"); this._effect = this.settings.get("effect"); this.booCallToAction(); }, events: { }, booCallToAction: function(){ //Auto slide var _this = this; var ink, d, x, y; if(_this._effect==='effect-2' || _this._effect==='effect-4' || _this._effect==='effect-5'){ var _text = _this._booButton.text().trim(); _this._booButton.attr("data-text", _text); }else if(_this._effect==='effect-6'){ _this._booButton.hover(function(e){ if($(this).find(".ink").length === 0){ $(this).prepend("<span class='ink'></span>"); } ink = $(this).find(".ink"); ink.removeClass("animate"); if(!ink.height() && !ink.width()){ d = Math.max($(this).outerWidth(), $(this).outerHeight()); ink.css({height: d, width: d}); } x = e.pageX - $(this).offset().left - ink.width()/2; y = e.pageY - $(this).offset().top - ink.height()/2; ink.css({top: y+'px', left: x+'px'}).addClass("animate"); }); } }, }); return booCallToAction; })();; if (typeof _ElementDefinition == 'undefined' || typeof _ElementDefinition == 'null') { var _ElementDefinition = PlatformElement.extend({}); } var _Element = _ElementDefinition.extend({ initialize: function() { // we still want to call the initialize function defined by the developer // however, we don't want to call it until placeholders have been replaced this.placeholderInterval = setInterval(function() { // so use setInterval to check for placeholders. if (this.$('.platform-element-child-placeholder').length == 0) { clearInterval(this.placeholderInterval); this.constructor.__super__.initialize.apply(this); } }.bind(this), 100); } }); _Element.prototype.settings = new PlatformElementSettings({"fontSize_each":[{"fontSize_index":0},{"fontSize_index":1},{"fontSize_index":2},{"fontSize_index":3},{"fontSize_index":4},{"fontSize_index":5},{"fontSize_index":6},{"fontSize_index":7},{"fontSize_index":8},{"fontSize_index":9},{"fontSize_index":10},{"fontSize_index":11},{"fontSize_index":12},{"fontSize_index":13},{"fontSize_index":14},{"fontSize_index":15}],"borderWidth_each":[{"borderWidth_index":0},{"borderWidth_index":1}],"buttonVerticalPadding_each":[{"buttonVerticalPadding_index":0},{"buttonVerticalPadding_index":1},{"buttonVerticalPadding_index":2},{"buttonVerticalPadding_index":3},{"buttonVerticalPadding_index":4},{"buttonVerticalPadding_index":5},{"buttonVerticalPadding_index":6},{"buttonVerticalPadding_index":7},{"buttonVerticalPadding_index":8},{"buttonVerticalPadding_index":9},{"buttonVerticalPadding_index":10},{"buttonVerticalPadding_index":11},{"buttonVerticalPadding_index":12},{"buttonVerticalPadding_index":13},{"buttonVerticalPadding_index":14},{"buttonVerticalPadding_index":15},{"buttonVerticalPadding_index":16},{"buttonVerticalPadding_index":17},{"buttonVerticalPadding_index":18}],"buttonHorizontalPadding_each":[{"buttonHorizontalPadding_index":0},{"buttonHorizontalPadding_index":1},{"buttonHorizontalPadding_index":2},{"buttonHorizontalPadding_index":3},{"buttonHorizontalPadding_index":4},{"buttonHorizontalPadding_index":5},{"buttonHorizontalPadding_index":6},{"buttonHorizontalPadding_index":7},{"buttonHorizontalPadding_index":8},{"buttonHorizontalPadding_index":9},{"buttonHorizontalPadding_index":10},{"buttonHorizontalPadding_index":11},{"buttonHorizontalPadding_index":12},{"buttonHorizontalPadding_index":13},{"buttonHorizontalPadding_index":14},{"buttonHorizontalPadding_index":15},{"buttonHorizontalPadding_index":16},{"buttonHorizontalPadding_index":17},{"buttonHorizontalPadding_index":18},{"buttonHorizontalPadding_index":19},{"buttonHorizontalPadding_index":20},{"buttonHorizontalPadding_index":21},{"buttonHorizontalPadding_index":22},{"buttonHorizontalPadding_index":23},{"buttonHorizontalPadding_index":24},{"buttonHorizontalPadding_index":25},{"buttonHorizontalPadding_index":26},{"buttonHorizontalPadding_index":27},{"buttonHorizontalPadding_index":28},{"buttonHorizontalPadding_index":29},{"buttonHorizontalPadding_index":30},{"buttonHorizontalPadding_index":31},{"buttonHorizontalPadding_index":32},{"buttonHorizontalPadding_index":33},{"buttonHorizontalPadding_index":34},{"buttonHorizontalPadding_index":35},{"buttonHorizontalPadding_index":36},{"buttonHorizontalPadding_index":37},{"buttonHorizontalPadding_index":38},{"buttonHorizontalPadding_index":39}],"boxHeadlineFontsize_each":[{"boxHeadlineFontsize_index":0},{"boxHeadlineFontsize_index":1},{"boxHeadlineFontsize_index":2},{"boxHeadlineFontsize_index":3},{"boxHeadlineFontsize_index":4},{"boxHeadlineFontsize_index":5},{"boxHeadlineFontsize_index":6},{"boxHeadlineFontsize_index":7},{"boxHeadlineFontsize_index":8},{"boxHeadlineFontsize_index":9},{"boxHeadlineFontsize_index":10},{"boxHeadlineFontsize_index":11},{"boxHeadlineFontsize_index":12},{"boxHeadlineFontsize_index":13},{"boxHeadlineFontsize_index":14},{"boxHeadlineFontsize_index":15},{"boxHeadlineFontsize_index":16},{"boxHeadlineFontsize_index":17},{"boxHeadlineFontsize_index":18},{"boxHeadlineFontsize_index":19},{"boxHeadlineFontsize_index":20},{"boxHeadlineFontsize_index":21},{"boxHeadlineFontsize_index":22},{"boxHeadlineFontsize_index":23},{"boxHeadlineFontsize_index":24},{"boxHeadlineFontsize_index":25},{"boxHeadlineFontsize_index":26},{"boxHeadlineFontsize_index":27}],"boxParagraphFontsize_each":[{"boxParagraphFontsize_index":0},{"boxParagraphFontsize_index":1},{"boxParagraphFontsize_index":2},{"boxParagraphFontsize_index":3},{"boxParagraphFontsize_index":4},{"boxParagraphFontsize_index":5},{"boxParagraphFontsize_index":6},{"boxParagraphFontsize_index":7},{"boxParagraphFontsize_index":8},{"boxParagraphFontsize_index":9},{"boxParagraphFontsize_index":10},{"boxParagraphFontsize_index":11},{"boxParagraphFontsize_index":12},{"boxParagraphFontsize_index":13},{"boxParagraphFontsize_index":14}],"topMargin_each":[{"topMargin_index":0},{"topMargin_index":1},{"topMargin_index":2},{"topMargin_index":3},{"topMargin_index":4},{"topMargin_index":5},{"topMargin_index":6},{"topMargin_index":7},{"topMargin_index":8},{"topMargin_index":9}],"bottomMargin_each":[{"bottomMargin_index":0},{"bottomMargin_index":1},{"bottomMargin_index":2},{"bottomMargin_index":3},{"bottomMargin_index":4},{"bottomMargin_index":5},{"bottomMargin_index":6},{"bottomMargin_index":7},{"bottomMargin_index":8},{"bottomMargin_index":9}],"style":"style-1","effect":"effect-2","round":true,"buttonText":"View All Products \u2192","link":null,"linkTarget":"_self","alignment":"left","fontSize":16,"fontWeight":"normal","color":"#728296","colorHover":"#102e50","backgroundNormal":"#ffffff","backgroundTransparentNormal":false,"backgroundHover":"#919ead","backgroundTransparentHover":false,"borderStyle":"solid","borderWidth":2,"borderNormal":"#102e50","borderHover":"#102e50","borderRadius":0,"buttonVerticalPadding":19,"buttonHorizontalPadding":40,"showIcon":true,"backgroundImage":false,"boxBackground":"#000000","boxBorderRadius":0,"boxHeadlineColor":"#ffffff","boxHeadlineFontsize":28,"boxHeadlineFontweight":"normal","boxParagraphColor":"#ffffff","boxParagraphFontsize":15,"boxParagraphFontweight":"normal","topMargin":10,"bottomMargin":10}); _Element.prototype.settings.page_element_id = "799975968312259705"; _Element.prototype.element_id = "2b4b5e76-b69e-4c34-9c49-e7a07e7f4611"; _Element.prototype.user_id = "92736520"; _Element.prototype.site_id = "385159806744291226"; _Element.prototype.assets_path = "//marketplace.editmysite.com/uploads/b/marketplace-elements-179368422808528953-1.0.0/assets/"; new _Element({ el: '#element-2b4b5e76-b69e-4c34-9c49-e7a07e7f4611' }); }); }); } if (typeof document.documentElement.appReady == 'undefined') { document.documentElement.appReady = 0; } if (document.documentElement.appReady || (window.inEditor && window.inEditor())) { setupElement799975968312259705(); } else if (document.createEvent && document.addEventListener) { document.addEventListener('appReady', setupElement799975968312259705, false); } else { document.documentElement.attachEvent('onpropertychange', function(event){ if (event.propertyName == 'appReady') { setupElement799975968312259705(); } }); } </script></div></div> <div class="paragraph" style="text-align:center;"><font color="#2a2a2a"><a href="/policies.html"><font size="3">View Store Policies</font></a></font></div> </td> </tr> </tbody> </table> </div></div></div></div> </div> </div> <script type="text/javascript" src="/files/theme/custom.js?1502149608"></script> <script type="text/javascript" src="/files/theme/mobile.js?1502149608"></script> <div id="customer-accounts-app"></div> <script src="//cdn2.editmysite.com/js/site/main-customer-accounts-site.js?buildTime=1568751939"></script> <div id="dialog-region"></div> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-7870337-1']); _gaq.push(['_setDomainName', 'none']); _gaq.push(['_setAllowLinker', true]); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); _W.Analytics = _W.Analytics || {'trackers': {}}; _W.Analytics.trackers.wGA = '_gaq'; </script> <script type="text/javascript" async=1> ;(function(p,l,o,w,i,n,g){if(!p[i]){p.GlobalSnowplowNamespace=p.GlobalSnowplowNamespace||[]; p.GlobalSnowplowNamespace.push(i);p[i]=function(){(p[i].q=p[i].q||[]).push(arguments) };p[i].q=p[i].q||[];n=l.createElement(o);g=l.getElementsByTagName(o)[0];n.async=1; n.src=w;g.parentNode.insertBefore(n,g)}}(window,document,'script','//cdn2.editmysite.com/js/wsnbn/snowday262.js','snowday')); var r = [99, 104, 101, 99, 107, 111, 117, 116, 46, 40, 119, 101, 101, 98, 108, 121, 124, 101, 100, 105, 116, 109, 121, 115, 105, 116, 101, 41, 46, 99, 111, 109]; var snPlObR = function(arr) { var s = ''; for (var i = 0 ; i < arr.length ; i++){ s = s + String.fromCharCode(arr[i]); } return s; }; var s = snPlObR(r); var regEx = new RegExp(s); _W.Analytics = _W.Analytics || {'trackers': {}}; _W.Analytics.trackers.wSP = 'snowday'; _W.Analytics.user_id = '92736520'; _W.Analytics.site_id = '385159806744291226'; // Setting do not track if the GDPR cookie is not present. This is then checked by the snowday initializer // to set tracking decisions. https://github.com/snowplow/snowplow-javascript-tracker/blob/2.6.2/src/js/tracker.js#L1509 window.doNotTrack = document.cookie.indexOf('gdpr-kb') === -1 ? 'yes' : null; var drSegmentsTag = document.getElementById('drSegments'); if (drSegmentsTag) { _W.Analytics.spContexts = _W.Analytics.spContexts || []; var segmentData = JSON.parse(drSegmentsTag.innerText); segmentData.forEach(function(test) { _W.Analytics.spContexts.push({ schema: "iglu:com.weebly/context_ab_segment/jsonschema/1-0-0", data: { test_id: test.name, segment: test.variant, } }); }); } (function(app_id, ec_hostname, discover_root_domain) { var track = window[_W.Analytics.trackers.wSP]; if (!track) return; track('newTracker', app_id, ec_hostname, { appId: app_id, post: true, platform: 'web', discoverRootDomain: discover_root_domain, cookieName: '_snow_', contexts: { webPage: true, performanceTiming: true, gaCookies: true }, crossDomainLinker: function (linkElement) { return regEx.test(linkElement.href); }, respectDoNotTrack: document.cookie.indexOf('gdpr-kb') === -1 }); track('trackPageView', _W.Analytics.user_id+':'+_W.Analytics.site_id, _W.Analytics.spContexts); track('crossDomainLinker', function (linkElement) { return regEx.test(linkElement.href); }); })( '_wn', 'ec.editmysite.com', true ); </script> <script> (function(jQuery) { try { if (jQuery) { jQuery('div.blog-social div.fb-like').attr('class', 'blog-social-item blog-fb-like'); var $commentFrame = jQuery('#commentArea iframe'); if ($commentFrame.length > 0) { var frameHeight = jQuery($commentFrame[0].contentWindow.document).height() + 50; $commentFrame.css('min-height', frameHeight + 'px'); } if (jQuery('.product-button').length > 0){ jQuery(document).ready(function(){ jQuery('.product-button').parent().each(function(index, product){ if(jQuery(product).attr('target') == 'paypal'){ if (!jQuery(product).find('> [name="bn"]').length){ jQuery('<input>').attr({ type: 'hidden', name: 'bn', value: 'DragAndDropBuil_SP_EC' }).appendTo(product); } } }); }); } } else { // Prototype $$('div.blog-social div.fb-like').each(function(div) { div.className = 'blog-social-item blog-fb-like'; }); $$('#commentArea iframe').each(function(iframe) { iframe.style.minHeight = '410px'; }); } } catch(ex) {} })(window._W && _W.jQuery); </script> <script> window._W.isEUUser = false; window._W.showCookieToAll = ""; </script> </body> </html>
