Initializing
Liveweave
Web
expand_more
home
Home
data_object
CSS Explorer
arrow_outward
Palette
Color Explorer
arrow_outward
Polyline
Graphics Editor
arrow_outward
outbox_alt
Generative AI
arrow_outward
frame_source
Python Playground
New
arrow_outward
build
Tools
expand_more
restart_alt
Load "Hello Weaver!"
post_add
Generate Lorem ipsum...
code
Format HTML
code_blocks
Format CSS
data_object
Format JavaScript
library_add
Library
expand_more
A
Algolia JS
Animate CSS
Apex Charts JS
B
Bulma CSS
Bootstrap
C
Chart JS
Chartist
Create JS
D
D3
Dojo
F
Foundation
Fullpage JS
G
Granim JS
Google Charts
H
Halfmoon
J
jQuery
M
Materialize
Moment JS
Masonry JS
Milligram CSS
P
Pure CSS
Primer CSS
Popper JS
Pattern CSS
Picnic CSS
R
React JS
Raphael JS
Raisin CSS
S
Semantic UI
Skeleton CSS
Spectre CSS
Tachyons CSS
T
Tailwind
Three JS
U
UI Kit
Vis JS
W
Water CSS
download
Download
expand_more
developer_mode
Download as HTML
folder_zip
Download as .ZIP
cloud_upload
Save
account_circle
Login
settings
Settings
expand_more
14
px
Live mode
Night mode
Line number
Mini map
Word wrap
sync_alt
Reset Settings
smart_display
Run
<!DOCTYPE html> <!DOCTYPE html> <html> <head> <title>Home Page Inactive</title> <link rel="stylesheet" type="text/css" href="Home Page_Active_02.css"> <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Share+Tech+Mono" rel="stylesheet"> <script type="text/javascript" src="https://code.jquery.com/jquery-latest.min.js"></script> <script src="Home Page_Active_02.js"></script> </head> <body> <nav> <ul class="sf-menu"> <li class="nav-float-left"> <a id="nav-logo" href="#"><img src="https://i.imgur.com/0Z2q93x.png" /></a> </li> <li class="nav-float-left" id="nav-event-btn"> <a class="nav-hover-one" href="#">EVENTS</a> <ul> <li><a class="nav-hover-two" href="#">CONFERENCE</a></li><br /> <li><a class="nav-hover-two" href="#">ART HUB</a></li><br /> <li><a class="nav-hover-two" href="#">PARTY</a></li> <br /> <li><a class="nav-hover-two" href="#">WORKSHOP</a></li> </ul> </li> <li class="nav-float-left nav-others"> <a class="nav-hover-one" href="#">CONTENTS</a> <ul> <li><a class="nav-hover-two" href="#">EXHIBITION</a></li><br> <li><a class="nav-hover-two" href="#">WORKSHOP</a></li> </ul> </li> <li class="nav-float-left nav-others"> <a class="nav-hover-one" href="#">OUR EXPERTS</a> <ul> <li><a class="nav-hover-two" href="#">SPEAKERS</a></li><br> <li><a class="nav-hover-two" href="#">ARTISTS</a></li><br> <li><a class="nav-hover-two" href="#">TECHNICIANS</a></li> </ul> </li> <li class="nav-float-left nav-others"><a class="nav-hover-one" href="#">NEWS</a></li> <li class="nav-float-left nav-others"> <a class="nav-hover-one" href="#">ABOUT</a> <ul> <li><a class="nav-hover-two" href="#">ABOUT CTW</a></li><br> <li><a class="nav-hover-two" href="#">OUR TEAM</a></li><br> <li><a class="nav-hover-two" href="#">CONTACT</a></li> </ul> </li> </ul> <ul class="right-btn-grp"> <li class="nav-float-right"> <a class="nav-btn bttn-interx" href="#">BUY TICKET</a> </li> <li class="nav-float-right"> <a class="nav-btn bttn-interx" href="#">VIEW WORKSHOP</a> </li> </ul> </nav><!-- Nav Container --> <div class="header"> <p>TECHNOLOGY</p> <p>+</p> <p>CREATIVITY</p> <p>=</p> <div id="header-img"><img src="https://i.imgur.com/0Z2q93x.png" /></div> </div><!-- Header Container --> <h3 class="glitch1">Who Are We?</h3> <div id="space1"></div> <div class="intro"> <div class="intro-contents"> <h2>Hi!</h2> <p>We create a crowdsourced festival to bring together a talented the professional community of expert creative technologists with the people interested in their work.</p> </div> </div> <div id="space2"></div> <div class="ticketsale-bar"> <p>TICKET ON SALE NOW!</p> <a id="viewall-ticket-bttn" class="black-bttn bttn-interx" href="#">VIEW ALL TICKETS</a> </div> <div class="schedule-bar"> <div id="schedule-icon-ctn"> <img src="https://i.imgur.com/uxIGeU9.png" /> </div> <p>Not sure which one works for your time?<br />Check the entire schedule!</p> <a class="black-bttn bttn-interx" id="view-schedule-bttn" href="#">VIEW SCHEDULE</a> </div> <h3 class="glitch2">2018 EVENTS</h3> <div id="space3"></div> <div class="event-ctn conference-ctn"> <h1 class="content-h1">CONFERENCE</h1> <div class="content-grp"> <p class="content-p">Featuring over 50 experts, there are conferences related with subjects, such as VR, AR, music, and etc.</p> <a href="#" class="view-bttn bttn-interx">VIEW</a> </div> </div> <div class="arthub-ctn event-ctn"> <h1 class="content-h1">ART HUB</h1> <div class="content-grp"> <p class="content-p">Connecting to various artists and technicians who are currently active in their fields.</p> <a href="#" class="view-bttn bttn-interx">VIEW</a> </div> </div> <div class="party-ctn event-ctn"> <h1 class="content-h1">PARTY</h1> <div class="content-grp"> <p class="content-p">Hangout with the CTW participatians to enrich your experience.</p> <a href="#" class="view-bttn bttn-interx">VIEW</a> </div> </div> <h3 class="glitch3">2018 CONTENTS</h3> <div id="space4"></div> <div class="exhibition-ctn event-ctn"> <h1 class="content-h1">EXHIBITION</h1> <div class="content-grp"> <p class="content-p">Come and experience the next artworks.</p> <a href="#" class="view-bttn bttn-interx">VIEW</a> </div> </div> <div class="workshop-ctn event-ctn"> <h1 class="content-h1">WORKSHOP</h1> <div class="content-grp"> <p class="content-p">Love to learn stuff? Join and take workshops that teaches your interests.</p> <a href="#" class="view-bttn bttn-interx">VIEW</a> </div> </div> <h3 class="glitch4">OUR SPONSORS</h3> <div id="space5"></div> <div class="top-slider"> <ul class="bxslider"> <li><img src="https://i.imgur.com/Gmj1xgA.png" /></li> <li><img src="https://i.imgur.com/TIX58jh.png" /></li> <li><img src="https://i.imgur.com/51iCVBg.png" /></li> </ul> </div> <div id="space6"></div> <div class="follow-ctn"> <p>Follow Us below if you like any of these!</p> </div> <a href="#"><h3 class="glitch5">VR</h3></a> <a href="#"><h3 class="glitch6">AR</h3></a> <a href="#"><h3 class="glitch7">MUSIC</h3></a> <a href="#"><h3 class="glitch8">TECH</h3></a> <a href="#"><h3 class="glitch9">ART</h3></a> <a href="#"><h3 class="glitch10">MEDIA</h3></a> <a href="#"><h3 class="glitch11">AI</h3></a> <a href="#"><h3 class="glitch12">3D Print</h3></a> <div class="subs-ctn"> <h3>SUBSCRIBE TO GET THE TICKET SALES INFORMATION AND MORE!</h3> <form> <input id="email-input" type="text" name="Email" value="Email"> <br /> <input class="bttn-interx" id="submit-btn" type="submit" name="SUBMIT"> </form> </div><!-- Subscription Container --> <div id="space6"></div> <div class="sns-fllw-bar"> <ul> <li><a href="https://en-gb.facebook.com/login/"><img src="https://i.imgur.com/pUv51L6.png" /></a></li> <li><a href="https://twitter.com/login?lang=en"><img src="https://i.imgur.com/DD0V33Z.png" /></a></li> <li><a href="https://www.instagram.com/accounts/login/"><img src="https://i.imgur.com/GQtLV63.png" /></a></li> <li><a href="https://www.linkedin.com/uas/login"><img src="https://i.imgur.com/Kv0dYyK.png" /></a></li> </ul> </div> <footer> <div> <img src="https://i.imgur.com/0VQbBCN.png" width="70px" /> </div> <ul class="events-col"> <li class="underline">EVENTS</li> <br> <li><a href="#">CONFERENCE</a></li> <li><a href="#">ART HUB</a></li> <li><a href="#">PARTY</a></li> <li><a href="#">WORKSHOPS</a></li> </ul> <ul class="contents-col"> <li class="underline">CONTENTS</li> <br> <li><a href="#">EXHIBITIONS</a></li> <li><a href="#">WORKSHOPS</a></li> </ul> <ul class="experts-col"> <li class="underline">OUR EXPERTS</li> <br> <li><a href="#">SPEAKERS</a></li> <li><a href="#">ARTISTS</a></li> <li><a href="#">TECHNICIANS</a></li> </ul> <ul class="news-col"> <li><a href="#">NEWS</a></li> </ul> <ul class="about-col"> <li class="underline">ABOUT</li> <br> <li><a href="#">ABOUT CTW</a></li> <li><a href="#">OUR TEAM</a></li> <li><a href="#">CONTACT</a></li> </ul> <div class="sns-ctn"> <a href="https://en-gb.facebook.com/login/"><img id="facebook-icon" src="https://i.imgur.com/pUv51L6.png" /></a> <a href="https://twitter.com/login?lang=en"><img id="twitter-icon" src="https://i.imgur.com/DD0V33Z.png" /> <br /></a> <a href="https://www.instagram.com/accounts/login/"><img id="instagram-icon" src="https://i.imgur.com/GQtLV63.png" /></a> <a href="https://www.linkedin.com/uas/login"><img id="linkedin-icon" src="https://i.imgur.com/Kv0dYyK.png" /></a> </div> </footer> </body> </html>
body { width: 960px; margin: 0px; background-color: gray; } .bx-wrapper { position: relative; margin-bottom: 60px; padding: 0; *zoom: 1; -ms-touch-action: pan-y; touch-action: pan-y; } .bx-wrapper img { max-width: 100%; display: block; } .bxslider { margin: 0; padding: 0; } ul.bxslider { list-style: none; } .bx-viewport { /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); } /** THEME ===================================*/ .bx-wrapper { -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: 5px solid #fff; background: #fff; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url('images/bx_loader.gif') center center no-repeat #ffffff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #000; } .bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; vertical-align: bottom; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager-item { font-size: 0; line-height: 0; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 10px; background: url('images/controls.png') no-repeat 0 -32px; } .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus { background-position: 0 0; } .bx-wrapper .bx-next { right: 10px; background: url('images/controls.png') no-repeat -43px -32px; } .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url('images/controls.png') -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url('images/controls.png') -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }/* bxSlider */ /*=========================================*/ /* bxSlider Section */ .bx-wrapper { margin: 0px; border: none; background-color: #111111; } .bx-pager, .bx-colors { background-color: #111111; } .bx-pager-item { padding-bottom: 25px; } /*=========================================*/ /*=========================================*/ /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu li { position: relative; } .sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; } .sf-menu > li { float: left; } .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; } .sf-menu a { display: block; position: relative; } .sf-menu ul ul { top: 0; left: 100%; } /*** DEMO SKIN ***/ .sf-menu { float: left; margin-bottom: 1em; } .sf-menu ul { box-shadow: 2px 2px 6px rgba(0,0,0,.2); min-width: 12em; /* allow long menu items to determine submenu width */ *width: 12em; /* no auto sub width for IE7, see white-space comment below */ } .sf-menu a { border-left: 1px solid #fff; border-top: 1px solid #dFeEFF; /* fallback colour must use full shorthand */ border-top: 1px solid rgba(255,255,255,.5); padding: .75em 1em; text-decoration: none; zoom: 1; /* IE7 */ } .sf-menu a { color: #13a; } .sf-menu li { background: #BDD2FF; white-space: nowrap; /* no need for Supersubs plugin */ *white-space: normal; /* ...unless you support IE7 (let it wrap) */ -webkit-transition: background .2s; transition: background .2s; } .sf-menu ul li { background: #AABDE6; } .sf-menu ul ul li { background: #9AAEDB; } .sf-menu li:hover, .sf-menu li.sfHover { background: #CFDEFF; /* only transition out, not in */ -webkit-transition: none; transition: none; } /*** arrows (for all except IE7) **/ .sf-arrows .sf-with-ul { padding-right: 2.5em; *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */ } /* styling for both css and generated arrows */ .sf-arrows .sf-with-ul:after { content: ''; position: absolute; top: 50%; right: 1em; margin-top: -3px; height: 0; width: 0; /* order of following 3 rules important for fallbacks to work */ border: 5px solid transparent; border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ border-top-color: rgba(255,255,255,.5); } .sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: white; /* IE8 fallback colour */ } /* styling for right-facing arrows */ .sf-arrows ul .sf-with-ul:after { margin-top: -5px; margin-right: -3px; border-color: transparent; border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ border-left-color: rgba(255,255,255,.5); } .sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: white; }/* Superfish */ /*=========================================*/ .sf-menu li { background-color: black; } .sf-menu a { color: white; border: none; } .sf-menu { margin-left: 39px; margin-top: 24px; } .sf-with-ul { margin: 0px; } .nav-hover-one:hover, .nav-hover-one.sfHover { background-color: white; color: black; } nav .sf-menu ul .nav-hover-two { background-color: white; color: black; } /*=========================================*/ /*=========================================*/ /*=========================================*/ /* Navigation Bar Section */ nav { float: left; width: 100%; background-color: black; } .nav-float-left { float: left; list-style-type: none; font-family: "Share Tech Mono"; font-size: 14px; } #nav-logo { padding: 0px; } #nav-event-btn { margin-left: 45px; margin-top: 5px; } .nav-others { margin-left: 10px; margin-top: 5px; } .right-btn-grp { float: right; margin-right: 45px; margin-top: 37px; } .nav-float-right { float: right; list-style-type: none; } .nav-float-right:nth-child(2) { margin-right: 37px; } .nav-float-right a { background-color: white; color: black; font-family: "Share Tech Mono"; font-size: 14px; padding: 2px 4px; } nav ul li a { color: white; text-decoration: none; } .bttn-interx:hover { background-color: #fc00ff; color: white; } .bttn-interx:active { background-color: #00fcff; color: black; } /* Header Section */ .header { width: 100% float: left; background-image: url("https://i.imgur.com/t35LqP2.jpg"); background-repeat: none; background-size: cover; background-position: center; height: 138px; clear: left; } .header p { font-family: "Share Tech Mono"; font-size: 29px; float: left; background-color: rgba(0,0,0,0.6); color: white; margin: 0px; font-weight: normal; } .header p:nth-child(1), .header p:nth-child(3) { padding: 52px 6px; } .header p:nth-child(2), .header p:nth-child(4) { padding: 52px 8px; } .header p:nth-child(1) { margin-left: 200px; } .header p:nth-child(2) { margin-left: 25px; margin-right: 25px; } .header p:nth-child(4) { margin-left: 20px; margin-right: 20px; } #header-img { float: left; background-color: rgba(0,0,0,0.6); padding: 40px 8px 42px 8px; } /*=========================================*/ /*========Glitch 1==========*/ .glitch1 { font-size: 40px; line-height: 1; font-family: 'Share Tech Mono'; font-weight: normal; position: absolute; top: 381px; left: 359px; margin: 0; text-decoration: none; color: #ffffff; z-index: 100; } .glitch1:before, .glitch1:after { display: block; content: 'Who Are We?'; position: absolute; top: 0px; left: 0; height: 100%; width: 100%; opacity: .8; } .glitch1:after { color: #f0f; z-index: -2; } .glitch1:before { color: #0ff; z-index: -1; } .glitch1:hover:before { -webkit-animation: glitch1 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both infinite; animation: glitch1 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both infinite; } .glitch1:hover:after { animation: glitch1 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) reverse both infinite; } @-webkit-keyframes glitch1 { 0% { -webkit-transform: translate(0); transform: translate(0); } 20% { -webkit-transform: translate(-3px, 3px); transform: translate(-3px, 3px); } 40% { -webkit-transform: translate(-3px, -3px); transform: translate(-3px, -3px); } 60% { -webkit-transform: translate(3px, 3px); transform: translate(3px, 3px); } 80% { -webkit-transform: translate(3px, -3px); transform: translate(3px, -3px); } to { -webkit-transform: translate(0); transform: translate(0); } } @keyframes glitch1 { 0% { -webkit-transform: translate(0); transform: translate(0); } 20% { -webkit-transform: translate(-3px, 3px); transform: translate(-3px, 3px); } 40% { -webkit-transform: translate(-3px, -3px); transform: translate(-3px, -3px); } 60% { -webkit-transform: translate(3px, 3px); transform: translate(3px, 3px); } 80% { -webkit-transform: translate(3px, -3px); transform: translate(3px, -3px); } to { -webkit-transform: translate(0); transform: translate(0); } } /*=========================================*/ /*=========================================*/ /* Space 1 Section */ #space1 { background: #111111; width: 100%; height: 247px; } /* Intro Section */ .intro { float: left; background-color: #111111; width: 100%; text-align: center; } .intro-contents { background-image: url("https://i.imgur.com/ukKYvEg.jpg"); width: 100%; background-repeat: none; background-size: cover; float: left; } .intro-contents h2 { font-size: 80px; font-weight: normal; color: white; font-family: "Share Tech Mono"; letter-spacing: 1px; margin-top: 108px; margin-bottom: 48px; } .intro-contents p { color: white; font-size: 20px; font-family: "Open Sans"; font-weight: 300; margin: 0px 78px 117px 78px; } /* Space 2 Section */ #space2 { background: #111111; width: 100%; height: 112px; float: left; } /* Ticket on Sale Now section */ .ticketsale-bar { background: white; float: left; font-family: "Open Sans"; font-size: 35px; text-align: center; width: 100%; } .ticketsale-bar p { font-weight: 600; margin-top: 40px; margin-bottom: 25px; } .black-bttn { font-family: "Share Tech Mono"; background-color: black; display: inline-block; color: white; text-decoration: none; } #viewall-ticket-bttn { font-size: 25px; padding: 2px 6px; position: relative; top: -25px; margin-bottom: 15px; } /* Scheduel Bar Section */ .schedule-bar { background-color: #cfcfcf; float: left; width: 100%; } #schedule-icon-ctn { float: left; margin-left: 228px; margin-top: 34px; margin-bottom: 34px; margin-right: 50px; } .schedule-bar p { font-family: "Open Sans"; font-size: 20px; margin-top: 34px; } #view-schedule-bttn { padding: 3px 5.5px; } /*=========================================*/ /*========Glitch 2==========*/ .glitch2 { font-size: 40px; line-height: 1; font-family: 'Share Tech Mono'; font-weight: normal; position: absolute; top: 1525px; left: 375px; margin: 0; text-decoration: none; color: #ffffff; z-index: 100; } .glitch2:before, .glitch2:after { display: block; content: '2018 EVENTS'; position: absolute; top: 0px; left: 0; height: 100%; width: 100%; opacity: .8; } .glitch2:after { color: #f0f; z-index: -2; } .glitch2:before { color: #0ff; z-index: -1; } .glitch2:hover:before { -webkit-animation: glitch2 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both infinite; animation: glitch2 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both infinite; } .glitch2:hover:after { animation: glitch2 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) reverse both infinite; } @-webkit-keyframes glitch2 { 0% { -webkit-transform: translate(0); transform: translate(0); } 20% { -webkit-transform: translate(-3px, 3px); transform: translate(-3px, 3px); } 40% { -webkit-transform: translate(-3px, -3px); transform: translate(-3px, -3px); } 60% { -webkit-transform: translate(3px, 3px); transform: translate(3px, 3px); } 80% { -webkit-transform: translate(3px, -3px); transform: translate(3px, -3px); } to { -webkit-transform: translate(0); transform: translate(0); } } @keyframes glitch2 { 0% { -webkit-transform: translate(0); transform: translate(0); } 20% { -webkit-transform: translate(-3px, 3px); transform: translate(-3px, 3px); } 40% { -webkit-transform: translate(-3px, -3px); transform: translate(-3px, -3px); } 60% { -webkit-transform: translate(3px, 3px); transform: translate(3px, 3px); } 80% { -webkit-transform: translate(3px, -3px); transform: translate(3px, -3px); } to { -webkit-transform: translate(0); transform: translate(0); } } /*=========================================*/ /*=========================================*/ /* Space 3 Section */ #space3 { width: 100%; background-color: #111111; height: 276px; float: left; } /*=========================================*/ /*========Glitch 3==========*/ .glitch3 { font-size: 40px; line-height: 1; font-family: 'Share Tech Mono'; font-weight: normal; position: absolute; top: 2952px; left: 345px; margin: 0; text-decoration: none; color: #ffffff; z-index: 100; } .glitch3:before, .glitch3:after { display: block; content: '2018 CONTENTS'; position: absolute; top: 0px; left: 0; height: 100%; width: 100%; opacity: .8; } .glitch3:after { color: #f0f; z-index: -2; } .glitch3:before { color: #0ff; z-index: -1; } .glitch3:hover:before { -webkit-animation: glitch3 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both infinite; animation: glitch3 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both infinite; } .glitch3:hover:after { animation: glitch3 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) reverse both infinite; } @-webkit-keyframes glitch3 { 0% { -webkit-transform: translate(0); transform: translate(0); } 20% { -webkit-transform: translate(-3px, 3px); transform: translate(-3px, 3px); } 40% { -webkit-transform: translate(-3px, -3px); transform: translate(-3px, -3px); } 60% { -webkit-transform: translate(3px, 3px); transform: translate(3px, 3px); } 80% { -webkit-transform: translate(3px, -3px); transform: translate(3px, -3px); } to { -webkit-transform: translate(0); transform: translate(0); } } @keyframes glitch3 { 0% { -webkit-transform: translate(0); transform: translate(0); } 20% { -webkit-transform: translate(-3px, 3px); transform: translate(-3px, 3px); } 40% { -webkit-transform: translate(-3px, -3px); transform: translate(-3px, -3px); } 60% { -webkit-transform: translate(3px, 3px); transform: translate(3px, 3px); } 80% { -webkit-transform: translate(3px, -3px); transform: translate(3px, -3px); } to { -webkit-transform: translate(0); transform: translate(0); } } /*=========================================*/ /*=========================================*/ #space4 { background-color: #111111; float: left; width: 100%; height: 276px; } /* View Button Section */ .view-bttn { background-color: white; font-family: "Share Tech Mono"; font-size: 21.43px; color: black; text-decoration: none; padding: 6px 39px; } /* 2018 Event Overall CSS */ .event-ctn { float: left; width: 100%; } .content-grp { float: left; margin-top: 92px; margin-bottom: 92px; } .content-h1 { font-family: "Share Tech Mono"; font-weight: 400; color: white; font-size: 62px; float: left; margin-top: 92px; } .content-p { font-family: "Open Sans"; font-size: 20px; font-weight: 300; color: white; width: 275px; margin-top: 0px; } /* Conference Container Section */ .conference-ctn { background-image: url("https://i.imgur.com/EIxPSl0.jpg"); } .conference-ctn h1 { margin-left: 150px; } .conference-ctn .content-grp { margin-left: 100px; } .conference-ctn .content-grp p { margin-bottom: 68px; } /* Art Hub Section */ .arthub-ctn { background-image: url("https://i.imgur.com/TCqdOUL.jpg"); } .arthub-ctn h1 { margin-left: 146px; } .arthub-ctn .content-grp { margin-left: 194px; margin-top: 92px; } .arthub-ctn .content-grp p { margin-bottom: 96px; } /* Party Section */ .party-ctn { background-image: url("https://i.imgur.com/aUjSxqp.jpg"); } .party-ctn h1 { margin-left: 150px; margin-top: 92px; } .party-ctn .content-grp { margin-top: 92px; margin-left: 255px; margin-bottom: 92px; } .party-ctn .content-grp p { margin-bottom: 92px; } /* Exhibition Bar Section */ .exhibition-ctn { background-image: url("https://i.imgur.com/XfzV2mF.jpg"); } .exhibition-ctn h1 { margin-left: 150px; } .exhibition-ctn .content-grp { margin-left: 106px; } /* Workshop Bar Section */ .workshop-ctn { background-image: url("https://i.imgur.com/UuxME3O.jpg"); } .workshop-ctn h1 { margin-left: 146px; } .workshop-ctn .content-grp { margin-left: 167px; } /*=========================================*/ /*========Glitch 4==========*/ .glitch4 { font-size: 40px; line-height: 1; font-family: 'Share Tech Mono'; font-weight: normal; position: absolute; top: 3800px; left: 370px; margin: 0; text-decoration: none; color: #ffffff; z-index: 100; } .glitch4:before, .glitch4:after { display: block; content: 'OUR SPONSORS'; position: absolute; top: 0px; left: 0; height: 100%; width: 100%; opacity: .8; } .glitch4:after { color: #f0f; z-index: -2; } .glitch4:before { color: #0ff; z-index: -1; } .glitch4:hover:before { -webkit-animation: glitch4 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both infinite; animation: glitch4 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both infinite; } .glitch4:hover:after { animation: glitch4 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) reverse both infinite; } @-webkit-keyframes glitch4 { 0% { -webkit-transform: translate(0); transform: translate(0); } 20% { -webkit-transform: translate(-3px, 3px); transform: translate(-3px, 3px); } 40% { -webkit-transform: translate(-3px, -3px); transform: translate(-3px, -3px); } 60% { -webkit-transform: translate(3px, 3px); transform: translate(3px, 3px); } 80% { -webkit-transform: translate(3px, -3px); transform: translate(3px, -3px); } to { -webkit-transform: translate(0); transform: translate(0); } } @keyframes glitch4 { 0% { -webkit-transform: translate(0); transform: translate(0); } 20% { -webkit-transform: translate(-3px, 3px); transform: translate(-3px, 3px); } 40% { -webkit-transform: translate(-3px, -3px); transform: translate(-3px, -3px); } 60% { -webkit-transform: translate(3px, 3px); transform: translate(3px, 3px); } 80% { -webkit-transform: translate(3px, -3px); transform: translate(3px, -3px); } to { -webkit-transform: translate(0); transform: translate(0); } } /*=========================================*/ /*=========================================*/ /* Space 5 */ #space5 { float: left; width: 100%; height: 250px; background-color: #111111; } /* Top Slider Section */ .top-slider { float: left; } .subs-ctn { float: left; } .sponsor-ctn { float: left; } .footer { float: left; } /* Space 6 */ #space6 { float: left; width: 100%; height: 100px; background-color: #111111; } /* Follow Us Section */ .follow-ctn { float: left; width: 100%; background-color: #111111; height: 600px; } .follow-ctn p { font-family: "Open Sans"; font-size: 32px; width: 380px; color: white; margin-left: 60px; margin-top: 180px; font-style: italic; } /* Subscription Section */ .subs-ctn { text-align: center; margin: auto; background-color: white; width: 100%; } .subs-ctn h3 { font-family: "Share Tech Mono"; margin-top: 28px; margin-bottom: 0px; } #email-input { width: 540px; height: 42px; font-family: "Open Sans"; font-size: 20px; text-align: center; border: 2px solid black; margin-top: 13px; } #submit-btn { background-color: black; color: white; font-family: "Share Tech Mono"; font-size: 21px; margin-top: 16px; margin-bottom: 16px; margin-left: 30px; border: none; } /*=========================================*/ /*========Glitch 5==========*/ .glitch5 { font-size: 104px; line-height: 1; font-family: 'Share Tech Mono'; font-weight: normal; position: absolute; top: 4260px; left: 535px; margin: 0; text-decoration: none; color: #ffffff; z-index: 100; } .glitch5:before, .glitch5:after { display: block; content: 'VR'; position: absolute; top: 0px; left: 0; height: 100%; width: 100%; opacity: .8; } .glitch5:after { color: #f0f; z-index: -2; } .glitch5:before { color: #0ff; z-index: -1; } .glitch5:hover:before { -webkit-animation: glitch5 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both infinite; animation: glitch5 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both infinite; } .glitch5:hover:after { animation: glitch5 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) reverse both infinite; } @-webkit-keyframes glitch5 { 0% { -webkit-transform: translate(0); transform: translate(0); } 20% { -webkit-transform: translate(-5px, 5px); transform: translate(-5px, 5px); } 40% { -webkit-transform: translate(-5px, -5px); transform: translate(-5px, -5px); } 60% { -webkit-transform: translate(5px, 5px); transform: translate(5px, 5px); } 80% { -webkit-transform: translate(5px, -5px); transform: translate(5px, -5px); } to { -webkit-transform: translate(0); transform: translate(0); } } @keyframes glitch5 { 0% { -webkit-transform: translate(0); transform: translate(0); } 20% { -webkit-transform: translate(-5px, 5px); transform: translate(-5px, 5px); } 40% { -webkit-transform: translate(-5px, -5px); transform: translate(-5px, -5px); } 60% { -webkit-transform: translate(5px, 5px); transform: translate(5px, 5px); } 80% { -webkit-transform: translate(5px, -5px); transform: translate(5px, -5px); } to { -webkit-transform: translate(0); transform: translate(0); } } /*=========================================*/ /*=========================================*/ /*=========================================*/ /*========Glitch 6==========*/ .glitch6 { font-size: 104px; line-height: 1; font-family: 'Share Tech Mono'; font-weight: normal; position: absolute; top: 4260px; left: 785px; margin: 0; text-decoration: none; color: #ffffff; z-index: 100; } .glitch6:before, .glitch6:after { display: block; content: 'AR'; position: absolute; top: 0px; left: 0; height: 100%; width: 100%; opacity: .8; } .glitch6:after { color: #f0f; z-index: -2; } .glitch6:before { color: #0ff; z-index: -1; } .glitch6:hover:before { -webkit-animation: glitch6 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both infinite; animation: glitch6 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both infinite; } .glitch6:hover:after { animation: glitch6 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) reverse both infinite; } @-webkit-keyframes glitch6 { 0% { -webkit-transform: translate(0); transform: translate(0); } 20% { -webkit-transform: translate(-5px, 5px); transform: translate(-5px, 5px); } 40% { -webkit-transform: translate(-5px, -5px); transform: translate(-5px, -5px); } 60% { -webkit-transform: translate(5px, 5px); transform: translate(5px, 5px); } 80% { -webkit-transform: translate(5px, -5px); transform: translate(5px, -5px); } to { -webkit-transform: translate(0); transform: translate(0); } } @keyframes glitch6 { 0% { -webkit-transform: translate(0); transform: translate(0); } 20% { -webkit-transform: translate(-5px, 5px); transform: translate(-5px, 5px); } 40% { -webkit-transform: translate(-5px, -5px); transform: translate(-5px, -5px); } 60% { -webkit-transform: translate(5px, 5px); transform: translate(5px, 5px); } 80% { -webkit-transform: translate(5px, -5px); transform: translate(5px, -5px); } to { -webkit-transform: translate(0); transform: translate(0); } } /*=========================================*/ /*=========================================*/ /*=========================================*/ /*========Glitch 7==========*/ .glitch7 { font-size: 104px; line-height: 1; font-family: 'Share Tech Mono'; font-weight: normal; position: absolute; top: 4400px; left: 60px; margin: 0; text-decoration: none; color: #ffffff; z-index: 100; } .glitch7:before, .glitch7:after { display: block; content: 'MUSIC'; position: absolute; top: 0px; left: 0; height: 100%; width: 100%; opacity: .8; } .glitch7:after { color: #f0f; z-index: -2; } .glitch7:before { color: #0ff; z-index: -1; } .glitch7:hover:before { -webkit-animation: glitch7 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both infinite; animation: glitch7 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both infinite; } .glitch7:hover:after { animation: glitch7 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) reverse both infinite; } @-webkit-keyframes glitch7 { 0% { -webkit-transform: translate(0); transform: translate(0); } 20% { -webkit-transform: translate(-5px, 5px); transform: translate(-5px, 5px); } 40% { -webkit-transform: translate(-5px, -5px); transform: translate(-5px, -5px); } 60% { -webkit-transform: translate(5px, 5px); transform: translate(5px, 5px); } 80% { -webkit-transform: translate(5px, -5px); transform: translate(5px, -5px); } to { -webkit-transform: translate(0); transform: translate(0); } } @keyframes glitch7 { 0% { -webkit-transform: translate(0); transform: translate(0); } 20% { -webkit-transform: translate(-5px, 5px); transform: translate(-5px, 5px); } 40% { -webkit-transform: translate(-5px, -5px); transform: translate(-5px, -5px); } 60% { -webkit-transform: translate(5px, 5px); transform: translate(5px, 5px); } 80% { -webkit-transform: translate(5px, -5px); transform: translate(5px, -5px); } to { -webkit-transform: translate(0); transform: translate(0); } } /*=========================================*/ /*=========================================*/ /*=========================================*/ /*========Glitch 8==========*/ .glitch8 { font-size: 104px; line-height: 1; font-family: 'Share Tech Mono'; font-weight: normal; position: absolute; top: 4400px; left: 420px; margin: 0; text-decoration: none; color: #ffffff; z-index: 100; } .glitch8:before, .glitch8:after { display: block; content: 'TECH'; position: absolute; top: 0px; left: 0; height: 100%; width: 100%; opacity: .8; } .glitch8:after { color: #f0f; z-index: -2; } .glitch8:before { color: #0ff; z-index: -1; } .glitch8:hover:before { -webkit-animation: glitch8 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both infinite; animation: glitch8 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both infinite; } .glitch8:hover:after { animation: glitch8 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) reverse both infinite; } @-webkit-keyframes glitch8 { 0% { -webkit-transform: translate(0); transform: translate(0); } 20% { -webkit-transform: translate(-5px, 5px); transform: translate(-5px, 5px); } 40% { -webkit-transform: translate(-5px, -5px); transform: translate(-5px, -5px); } 60% { -webkit-transform: translate(5px, 5px); transform: translate(5px, 5px); } 80% { -webkit-transform: translate(5px, -5px); transform: translate(5px, -5px); } to { -webkit-transform: translate(0); transform: translate(0); } } @keyframes glitch8 { 0% { -webkit-transform: translate(0); transform: translate(0); } 20% { -webkit-transform: translate(-5px, 5px); transform: translate(-5px, 5px); } 40% { -webkit-transform: translate(-5px, -5px); transform: translate(-5px, -5px); } 60% { -webkit-transform: translate(5px, 5px); transform: translate(5px, 5px); } 80% { -webkit-transform: translate(5px, -5px); transform: translate(5px, -5px); } to { -webkit-transform: translate(0); transform: translate(0); } } /*=========================================*/ /*=========================================*/ /*=========================================*/ /*========Glitch 9==========*/ .glitch9 { font-size: 104px; line-height: 1; font-family: 'Share Tech Mono'; font-weight: normal; position: absolute; top: 4400px; left: 730px; margin: 0; text-decoration: none; color: #ffffff; z-index: 100; } .glitch9:before, .glitch9:after { display: block; content: 'ART'; position: absolute; top: 0px; left: 0; height: 100%; width: 100%; opacity: .8; } .glitch9:after { color: #f0f; z-index: -2; } .glitch9:before { color: #0ff; z-index: -1; } .glitch9:hover:before { -webkit-animation: glitch9 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both infinite; animation: glitch9 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both infinite; } .glitch9:hover:after { animation: glitch9 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) reverse both infinite; } @-webkit-keyframes glitch9 { 0% { -webkit-transform: translate(0); transform: translate(0); } 20% { -webkit-transform: translate(-5px, 5px); transform: translate(-5px, 5px); } 40% { -webkit-transform: translate(-5px, -5px); transform: translate(-5px, -5px); } 60% { -webkit-transform: translate(5px, 5px); transform: translate(5px, 5px); } 80% { -webkit-transform: translate(5px, -5px); transform: translate(5px, -5px); } to { -webkit-transform: translate(0); transform: translate(0); } } @keyframes glitch9 { 0% { -webkit-transform: translate(0); transform: translate(0); } 20% { -webkit-transform: translate(-5px, 5px); transform: translate(-5px, 5px); } 40% { -webkit-transform: translate(-5px, -5px); transform: translate(-5px, -5px); } 60% { -webkit-transform: translate(5px, 5px); transform: translate(5px, 5px); } 80% { -webkit-transform: translate(5px, -5px); transform: translate(5px, -5px); } to { -webkit-transform: translate(0); transform: translate(0); } } /*=========================================*/ /*=========================================*/ /*=========================================*/ /*========Glitch 10==========*/ .glitch10 { font-size: 104px; line-height: 1; font-family: 'Share Tech Mono'; font-weight: normal; position: absolute; top: 4540px; left: 60px; margin: 0; text-decoration: none; color: #ffffff; z-index: 100; } .glitch10:before, .glitch10:after { display: block; content: 'MEDIA'; position: absolute; top: 0px; left: 0; height: 100%; width: 100%; opacity: .8; } .glitch10:after { color: #f0f; z-index: -2; } .glitch10:before { color: #0ff; z-index: -1; } .glitch10:hover:before { -webkit-animation: glitch10 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both infinite; animation: glitch10 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both infinite; } .glitch10:hover:after { animation: glitch10 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) reverse both infinite; } @-webkit-keyframes glitch10 { 0% { -webkit-transform: translate(0); transform: translate(0); } 20% { -webkit-transform: translate(-5px, 5px); transform: translate(-5px, 5px); } 40% { -webkit-transform: translate(-5px, -5px); transform: translate(-5px, -5px); } 60% { -webkit-transform: translate(5px, 5px); transform: translate(5px, 5px); } 80% { -webkit-transform: translate(5px, -5px); transform: translate(5px, -5px); } to { -webkit-transform: translate(0); transform: translate(0); } } @keyframes glitch10 { 0% { -webkit-transform: translate(0); transform: translate(0); } 20% { -webkit-transform: translate(-5px, 5px); transform: translate(-5px, 5px); } 40% { -webkit-transform: translate(-5px, -5px); transform: translate(-5px, -5px); } 60% { -webkit-transform: translate(5px, 5px); transform: translate(5px, 5px); } 80% { -webkit-transform: translate(5px, -5px); transform: translate(5px, -5px); } to { -webkit-transform: translate(0); transform: translate(0); } } /*=========================================*/ /*=========================================*/ /*=========================================*/ /*========Glitch 11==========*/ .glitch11 { font-size: 104px; line-height: 1; font-family: 'Share Tech Mono'; font-weight: normal; position: absolute; top: 4540px; left: 387px; margin: 0; text-decoration: none; color: #ffffff; z-index: 100; } .glitch11:before, .glitch11:after { display: block; content: 'AI'; position: absolute; top: 0px; left: 0; height: 100%; width: 100%; opacity: .8; } .glitch11:after { color: #f0f; z-index: -2; } .glitch11:before { color: #0ff; z-index: -1; } .glitch11:hover:before { -webkit-animation: glitch11 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both infinite; animation: glitch11 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both infinite; } .glitch11:hover:after { animation: glitch11 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) reverse both infinite; } @-webkit-keyframes glitch11 { 0% { -webkit-transform: translate(0); transform: translate(0); } 20% { -webkit-transform: translate(-5px, 5px); transform: translate(-5px, 5px); } 40% { -webkit-transform: translate(-5px, -5px); transform: translate(-5px, -5px); } 60% { -webkit-transform: translate(5px, 5px); transform: translate(5px, 5px); } 80% { -webkit-transform: translate(5px, -5px); transform: translate(5px, -5px); } to { -webkit-transform: translate(0); transform: translate(0); } } @keyframes glitch11 { 0% { -webkit-transform: translate(0); transform: translate(0); } 20% { -webkit-transform: translate(-5px, 5px); transform: translate(-5px, 5px); } 40% { -webkit-transform: translate(-5px, -5px); transform: translate(-5px, -5px); } 60% { -webkit-transform: translate(5px, 5px); transform: translate(5px, 5px); } 80% { -webkit-transform: translate(5px, -5px); transform: translate(5px, -5px); } to { -webkit-transform: translate(0); transform: translate(0); } } /*=========================================*/ /*=========================================*/ /*=========================================*/ /*========Glitch 12==========*/ .glitch12 { font-size: 104px; line-height: 1; font-family: 'Share Tech Mono'; font-weight: normal; position: absolute; top: 4540px; left: 537px; margin: 0; text-decoration: none; color: #ffffff; z-index: 100; letter-spacing: -12px; } .glitch12:before, .glitch12:after { display: block; content: '3D Print'; position: absolute; top: 0px; left: 0; height: 100%; width: 100%; opacity: .8; } .glitch12:after { color: #f0f; z-index: -2; } .glitch12:before { color: #0ff; z-index: -1; } .glitch12:hover:before { -webkit-animation: glitch12 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both infinite; animation: glitch12 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both infinite; } .glitch12:hover:after { animation: glitch12 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) reverse both infinite; } @-webkit-keyframes glitch12 { 0% { -webkit-transform: translate(0); transform: translate(0); } 20% { -webkit-transform: translate(-5px, 5px); transform: translate(-5px, 5px); } 40% { -webkit-transform: translate(-5px, -5px); transform: translate(-5px, -5px); } 60% { -webkit-transform: translate(5px, 5px); transform: translate(5px, 5px); } 80% { -webkit-transform: translate(5px, -5px); transform: translate(5px, -5px); } to { -webkit-transform: translate(0); transform: translate(0); } } @keyframes glitch12 { 0% { -webkit-transform: translate(0); transform: translate(0); } 20% { -webkit-transform: translate(-5px, 5px); transform: translate(-5px, 5px); } 40% { -webkit-transform: translate(-5px, -5px); transform: translate(-5px, -5px); } 60% { -webkit-transform: translate(5px, 5px); transform: translate(5px, 5px); } 80% { -webkit-transform: translate(5px, -5px); transform: translate(5px, -5px); } to { -webkit-transform: translate(0); transform: translate(0); } } /*=========================================*/ /*=========================================*/ #space6 { display: inline-block; width: 100%; height: 5px; background-color: #111111; } /* Sponsor Slider */ .sponsor-ctn { float: left; width: 960px; text-align: center; background-color: #111111; } .sponsor-ctn h3 { font-family: "Share Tech Mono"; font-size: 50px; color: white; margin-top: 115px; } .sponsor-ctn ul { padding: 0px; display: inline-block; margin-bottom: 120px; } .sponsor-ctn ul li { float: left; list-style-type: none; } .sponsor-ctn ul li:nth-child(2), .sponsor-ctn ul li:nth-child(3), .sponsor-ctn ul li:nth-child(4) { margin-left: 88px; } .sponsor-ctn ul li:nth-child(4) { margin-top: 29px; } /* SNS Follow Bar */ .sns-fllw-bar { background-color: white; width: 100%; float: left; text-align: center; } .sns-fllw-bar ul { list-style-type: none; } .sns-fllw-bar ul li { display: inline-block; margin: auto 10px; } /* Footer Section */ footer { float: left; background-color: #dcdcdc; width: 100%; } footer div { float: left; } footer div img { margin-top: 73px; margin-left: 80px; margin-bottom: 73px; } footer ul { float: left; list-style-type: none; font-family: "Share Tech Mono"; margin-top: 73px; } footer ul li a { text-decoration: none; color: black; } footer ul .underline { border-bottom: black solid 2px; } footer .sns-ctn { margin-left: 69px; margin-top: 73px; } #twitter-icon { margin-left: 18px; } #instagram-icon { margin-top: 18px; } #linkedin-icon { margin-left: 18px; margin-top: 18px; } footer .sns-ctn a img { margin: 0px; }
/* bxSlider Section */ !function(t){var e={mode:"horizontal",slideSelector:"",infiniteLoop:!0,hideControlOnEnd:!1,speed:500,easing:null,slideMargin:0,startSlide:0,randomStart:!1,captions:!1,ticker:!1,tickerHover:!1,adaptiveHeight:!1,adaptiveHeightSpeed:500,video:!1,useCSS:!0,preloadImages:"visible",responsive:!0,slideZIndex:50,wrapperClass:"bx-wrapper",touchEnabled:!0,swipeThreshold:50,oneToOneTouch:!0,preventDefaultSwipeX:!0,preventDefaultSwipeY:!1,ariaLive:!0,ariaHidden:!0,keyboardEnabled:!1,pager:!0,pagerType:"full",pagerShortSeparator:" / ",pagerSelector:null,buildPager:null,pagerCustom:null,controls:!0,nextText:"Next",prevText:"Prev",nextSelector:null,prevSelector:null,autoControls:!1,startText:"Start",stopText:"Stop",autoControlsCombine:!1,autoControlsSelector:null,auto:!1,pause:4e3,autoStart:!0,autoDirection:"next",stopAutoOnClick:!1,autoHover:!1,autoDelay:0,autoSlideForOnePage:!1,minSlides:1,maxSlides:1,moveSlides:0,slideWidth:0,shrinkItems:!1,onSliderLoad:function(){return!0},onSlideBefore:function(){return!0},onSlideAfter:function(){return!0},onSlideNext:function(){return!0},onSlidePrev:function(){return!0},onSliderResize:function(){return!0}};t.fn.bxSlider=function(n){if(0===this.length)return this;if(this.length>1)return this.each(function(){t(this).bxSlider(n)}),this;var s={},o=this,r=t(window).width(),a=t(window).height();if(!t(o).data("bxSlider")){var l=function(){t(o).data("bxSlider")||(s.settings=t.extend({},e,n),s.settings.slideWidth=parseInt(s.settings.slideWidth),s.children=o.children(s.settings.slideSelector),s.children.length<s.settings.minSlides&&(s.settings.minSlides=s.children.length),s.children.length<s.settings.maxSlides&&(s.settings.maxSlides=s.children.length),s.settings.randomStart&&(s.settings.startSlide=Math.floor(Math.random()*s.children.length)),s.active={index:s.settings.startSlide},s.carousel=s.settings.minSlides>1||s.settings.maxSlides>1,s.carousel&&(s.settings.preloadImages="all"),s.minThreshold=s.settings.minSlides*s.settings.slideWidth+(s.settings.minSlides-1)*s.settings.slideMargin,s.maxThreshold=s.settings.maxSlides*s.settings.slideWidth+(s.settings.maxSlides-1)*s.settings.slideMargin,s.working=!1,s.controls={},s.interval=null,s.animProp="vertical"===s.settings.mode?"top":"left",s.usingCSS=s.settings.useCSS&&"fade"!==s.settings.mode&&function(){for(var t=document.createElement("div"),e=["WebkitPerspective","MozPerspective","OPerspective","msPerspective"],i=0;i<e.length;i++)if(void 0!==t.style[e[i]])return s.cssPrefix=e[i].replace("Perspective","").toLowerCase(),s.animProp="-"+s.cssPrefix+"-transform",!0;return!1}(),"vertical"===s.settings.mode&&(s.settings.maxSlides=s.settings.minSlides),o.data("origStyle",o.attr("style")),o.children(s.settings.slideSelector).each(function(){t(this).data("origStyle",t(this).attr("style"))}),d())},d=function(){var e=s.children.eq(s.settings.startSlide);o.wrap('<div class="'+s.settings.wrapperClass+'"><div class="bx-viewport"></div></div>'),s.viewport=o.parent(),s.settings.ariaLive&&!s.settings.ticker&&s.viewport.attr("aria-live","polite"),s.loader=t('<div class="bx-loading" />'),s.viewport.prepend(s.loader),o.css({width:"horizontal"===s.settings.mode?1e3*s.children.length+215+"%":"auto",position:"relative"}),s.usingCSS&&s.settings.easing?o.css("-"+s.cssPrefix+"-transition-timing-function",s.settings.easing):s.settings.easing||(s.settings.easing="swing"),s.viewport.css({width:"100%",overflow:"hidden",position:"relative"}),s.viewport.parent().css({maxWidth:u()}),s.children.css({float:"horizontal"===s.settings.mode?"left":"none",listStyle:"none",position:"relative"}),s.children.css("width",h()),"horizontal"===s.settings.mode&&s.settings.slideMargin>0&&s.children.css("marginRight",s.settings.slideMargin),"vertical"===s.settings.mode&&s.settings.slideMargin>0&&s.children.css("marginBottom",s.settings.slideMargin),"fade"===s.settings.mode&&(s.children.css({position:"absolute",zIndex:0,display:"none"}),s.children.eq(s.settings.startSlide).css({zIndex:s.settings.slideZIndex,display:"block"})),s.controls.el=t('<div class="bx-controls" />'),s.settings.captions&&P(),s.active.last=s.settings.startSlide===f()-1,s.settings.video&&o.fitVids(),("all"===s.settings.preloadImages||s.settings.ticker)&&(e=s.children),s.settings.ticker?s.settings.pager=!1:(s.settings.controls&&C(),s.settings.auto&&s.settings.autoControls&&T(),s.settings.pager&&w(),(s.settings.controls||s.settings.autoControls||s.settings.pager)&&s.viewport.after(s.controls.el)),c(e,g)},c=function(e,i){var n=e.find('img:not([src=""]), iframe').length,s=0;return 0===n?void i():void e.find('img:not([src=""]), iframe').each(function(){t(this).one("load error",function(){++s===n&&i()}).each(function(){this.complete&&t(this).trigger("load")})})},g=function(){if(s.settings.infiniteLoop&&"fade"!==s.settings.mode&&!s.settings.ticker){var e="vertical"===s.settings.mode?s.settings.minSlides:s.settings.maxSlides,i=s.children.slice(0,e).clone(!0).addClass("bx-clone"),n=s.children.slice(-e).clone(!0).addClass("bx-clone");s.settings.ariaHidden&&(i.attr("aria-hidden",!0),n.attr("aria-hidden",!0)),o.append(i).prepend(n)}s.loader.remove(),m(),"vertical"===s.settings.mode&&(s.settings.adaptiveHeight=!0),s.viewport.height(p()),o.redrawSlider(),s.settings.onSliderLoad.call(o,s.active.index),s.initialized=!0,s.settings.responsive&&t(window).bind("resize",Z),s.settings.auto&&s.settings.autoStart&&(f()>1||s.settings.autoSlideForOnePage)&&H(),s.settings.ticker&&W(),s.settings.pager&&I(s.settings.startSlide),s.settings.controls&&D(),s.settings.touchEnabled&&!s.settings.ticker&&N(),s.settings.keyboardEnabled&&!s.settings.ticker&&t(document).keydown(F)},p=function(){var e=0,n=t();if("vertical"===s.settings.mode||s.settings.adaptiveHeight)if(s.carousel){var o=1===s.settings.moveSlides?s.active.index:s.active.index*x();for(n=s.children.eq(o),i=1;i<=s.settings.maxSlides-1;i++)n=o+i>=s.children.length?n.add(s.children.eq(i-1)):n.add(s.children.eq(o+i))}else n=s.children.eq(s.active.index);else n=s.children;return"vertical"===s.settings.mode?(n.each(function(i){e+=t(this).outerHeight()}),s.settings.slideMargin>0&&(e+=s.settings.slideMargin*(s.settings.minSlides-1))):e=Math.max.apply(Math,n.map(function(){return t(this).outerHeight(!1)}).get()),"border-box"===s.viewport.css("box-sizing")?e+=parseFloat(s.viewport.css("padding-top"))+parseFloat(s.viewport.css("padding-bottom"))+parseFloat(s.viewport.css("border-top-width"))+parseFloat(s.viewport.css("border-bottom-width")):"padding-box"===s.viewport.css("box-sizing")&&(e+=parseFloat(s.viewport.css("padding-top"))+parseFloat(s.viewport.css("padding-bottom"))),e},u=function(){var t="100%";return s.settings.slideWidth>0&&(t="horizontal"===s.settings.mode?s.settings.maxSlides*s.settings.slideWidth+(s.settings.maxSlides-1)*s.settings.slideMargin:s.settings.slideWidth),t},h=function(){var t=s.settings.slideWidth,e=s.viewport.width();if(0===s.settings.slideWidth||s.settings.slideWidth>e&&!s.carousel||"vertical"===s.settings.mode)t=e;else if(s.settings.maxSlides>1&&"horizontal"===s.settings.mode){if(e>s.maxThreshold)return t;e<s.minThreshold?t=(e-s.settings.slideMargin*(s.settings.minSlides-1))/s.settings.minSlides:s.settings.shrinkItems&&(t=Math.floor((e+s.settings.slideMargin)/Math.ceil((e+s.settings.slideMargin)/(t+s.settings.slideMargin))-s.settings.slideMargin))}return t},v=function(){var t=1,e=null;return"horizontal"===s.settings.mode&&s.settings.slideWidth>0?s.viewport.width()<s.minThreshold?t=s.settings.minSlides:s.viewport.width()>s.maxThreshold?t=s.settings.maxSlides:(e=s.children.first().width()+s.settings.slideMargin,t=Math.floor((s.viewport.width()+s.settings.slideMargin)/e)):"vertical"===s.settings.mode&&(t=s.settings.minSlides),t},f=function(){var t=0,e=0,i=0;if(s.settings.moveSlides>0)if(s.settings.infiniteLoop)t=Math.ceil(s.children.length/x());else for(;e<s.children.length;)++t,e=i+v(),i+=s.settings.moveSlides<=v()?s.settings.moveSlides:v();else t=Math.ceil(s.children.length/v());return t},x=function(){return s.settings.moveSlides>0&&s.settings.moveSlides<=v()?s.settings.moveSlides:v()},m=function(){var t,e,i;s.children.length>s.settings.maxSlides&&s.active.last&&!s.settings.infiniteLoop?"horizontal"===s.settings.mode?(e=s.children.last(),t=e.position(),S(-(t.left-(s.viewport.width()-e.outerWidth())),"reset",0)):"vertical"===s.settings.mode&&(i=s.children.length-s.settings.minSlides,t=s.children.eq(i).position(),S(-t.top,"reset",0)):(t=s.children.eq(s.active.index*x()).position(),s.active.index===f()-1&&(s.active.last=!0),void 0!==t&&("horizontal"===s.settings.mode?S(-t.left,"reset",0):"vertical"===s.settings.mode&&S(-t.top,"reset",0)))},S=function(e,i,n,r){var a,l;s.usingCSS?(l="vertical"===s.settings.mode?"translate3d(0, "+e+"px, 0)":"translate3d("+e+"px, 0, 0)",o.css("-"+s.cssPrefix+"-transition-duration",n/1e3+"s"),"slide"===i?(o.css(s.animProp,l),0!==n?o.bind("transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd",function(e){t(e.target).is(o)&&(o.unbind("transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd"),q())}):q()):"reset"===i?o.css(s.animProp,l):"ticker"===i&&(o.css("-"+s.cssPrefix+"-transition-timing-function","linear"),o.css(s.animProp,l),0!==n?o.bind("transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd",function(e){t(e.target).is(o)&&(o.unbind("transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd"),S(r.resetValue,"reset",0),L())}):(S(r.resetValue,"reset",0),L()))):(a={},a[s.animProp]=e,"slide"===i?o.animate(a,n,s.settings.easing,function(){q()}):"reset"===i?o.css(s.animProp,e):"ticker"===i&&o.animate(a,n,"linear",function(){S(r.resetValue,"reset",0),L()}))},b=function(){for(var e="",i="",n=f(),o=0;o<n;o++)i="",s.settings.buildPager&&t.isFunction(s.settings.buildPager)||s.settings.pagerCustom?(i=s.settings.buildPager(o),s.pagerEl.addClass("bx-custom-pager")):(i=o+1,s.pagerEl.addClass("bx-default-pager")),e+='<div class="bx-pager-item"><a href="" data-slide-index="'+o+'" class="bx-pager-link">'+i+"</a></div>";s.pagerEl.html(e)},w=function(){s.settings.pagerCustom?s.pagerEl=t(s.settings.pagerCustom):(s.pagerEl=t('<div class="bx-pager" />'),s.settings.pagerSelector?t(s.settings.pagerSelector).html(s.pagerEl):s.controls.el.addClass("bx-has-pager").append(s.pagerEl),b()),s.pagerEl.on("click touchend","a",z)},C=function(){s.controls.next=t('<a class="bx-next" href="">'+s.settings.nextText+"</a>"),s.controls.prev=t('<a class="bx-prev" href="">'+s.settings.prevText+"</a>"),s.controls.next.bind("click touchend",E),s.controls.prev.bind("click touchend",k),s.settings.nextSelector&&t(s.settings.nextSelector).append(s.controls.next),s.settings.prevSelector&&t(s.settings.prevSelector).append(s.controls.prev),s.settings.nextSelector||s.settings.prevSelector||(s.controls.directionEl=t('<div class="bx-controls-direction" />'),s.controls.directionEl.append(s.controls.prev).append(s.controls.next),s.controls.el.addClass("bx-has-controls-direction").append(s.controls.directionEl))},T=function(){s.controls.start=t('<div class="bx-controls-auto-item"><a class="bx-start" href="">'+s.settings.startText+"</a></div>"),s.controls.stop=t('<div class="bx-controls-auto-item"><a class="bx-stop" href="">'+s.settings.stopText+"</a></div>"),s.controls.autoEl=t('<div class="bx-controls-auto" />'),s.controls.autoEl.on("click",".bx-start",M),s.controls.autoEl.on("click",".bx-stop",y),s.settings.autoControlsCombine?s.controls.autoEl.append(s.controls.start):s.controls.autoEl.append(s.controls.start).append(s.controls.stop),s.settings.autoControlsSelector?t(s.settings.autoControlsSelector).html(s.controls.autoEl):s.controls.el.addClass("bx-has-controls-auto").append(s.controls.autoEl),A(s.settings.autoStart?"stop":"start")},P=function(){s.children.each(function(e){var i=t(this).find("img:first").attr("title");void 0!==i&&(""+i).length&&t(this).append('<div class="bx-caption"><span>'+i+"</span></div>")})},E=function(t){t.preventDefault(),s.controls.el.hasClass("disabled")||(s.settings.auto&&s.settings.stopAutoOnClick&&o.stopAuto(),o.goToNextSlide())},k=function(t){t.preventDefault(),s.controls.el.hasClass("disabled")||(s.settings.auto&&s.settings.stopAutoOnClick&&o.stopAuto(),o.goToPrevSlide())},M=function(t){o.startAuto(),t.preventDefault()},y=function(t){o.stopAuto(),t.preventDefault()},z=function(e){var i,n;e.preventDefault(),s.controls.el.hasClass("disabled")||(s.settings.auto&&s.settings.stopAutoOnClick&&o.stopAuto(),i=t(e.currentTarget),void 0!==i.attr("data-slide-index")&&(n=parseInt(i.attr("data-slide-index")),n!==s.active.index&&o.goToSlide(n)))},I=function(e){var i=s.children.length;return"short"===s.settings.pagerType?(s.settings.maxSlides>1&&(i=Math.ceil(s.children.length/s.settings.maxSlides)),void s.pagerEl.html(e+1+s.settings.pagerShortSeparator+i)):(s.pagerEl.find("a").removeClass("active"),void s.pagerEl.each(function(i,n){t(n).find("a").eq(e).addClass("active")}))},q=function(){if(s.settings.infiniteLoop){var t="";0===s.active.index?t=s.children.eq(0).position():s.active.index===f()-1&&s.carousel?t=s.children.eq((f()-1)*x()).position():s.active.index===s.children.length-1&&(t=s.children.eq(s.children.length-1).position()),t&&("horizontal"===s.settings.mode?S(-t.left,"reset",0):"vertical"===s.settings.mode&&S(-t.top,"reset",0))}s.working=!1,s.settings.onSlideAfter.call(o,s.children.eq(s.active.index),s.oldIndex,s.active.index)},A=function(t){s.settings.autoControlsCombine?s.controls.autoEl.html(s.controls[t]):(s.controls.autoEl.find("a").removeClass("active"),s.controls.autoEl.find("a:not(.bx-"+t+")").addClass("active"))},D=function(){1===f()?(s.controls.prev.addClass("disabled"),s.controls.next.addClass("disabled")):!s.settings.infiniteLoop&&s.settings.hideControlOnEnd&&(0===s.active.index?(s.controls.prev.addClass("disabled"),s.controls.next.removeClass("disabled")):s.active.index===f()-1?(s.controls.next.addClass("disabled"),s.controls.prev.removeClass("disabled")):(s.controls.prev.removeClass("disabled"),s.controls.next.removeClass("disabled")))},H=function(){if(s.settings.autoDelay>0){setTimeout(o.startAuto,s.settings.autoDelay)}else o.startAuto(),t(window).focus(function(){o.startAuto()}).blur(function(){o.stopAuto()});s.settings.autoHover&&o.hover(function(){s.interval&&(o.stopAuto(!0),s.autoPaused=!0)},function(){s.autoPaused&&(o.startAuto(!0),s.autoPaused=null)})},W=function(){var e,i,n,r,a,l,d,c,g=0;"next"===s.settings.autoDirection?o.append(s.children.clone().addClass("bx-clone")):(o.prepend(s.children.clone().addClass("bx-clone")),e=s.children.first().position(),g="horizontal"===s.settings.mode?-e.left:-e.top),S(g,"reset",0),s.settings.pager=!1,s.settings.controls=!1,s.settings.autoControls=!1,s.settings.tickerHover&&(s.usingCSS?(r="horizontal"===s.settings.mode?4:5,s.viewport.hover(function(){i=o.css("-"+s.cssPrefix+"-transform"),n=parseFloat(i.split(",")[r]),S(n,"reset",0)},function(){c=0,s.children.each(function(e){c+="horizontal"===s.settings.mode?t(this).outerWidth(!0):t(this).outerHeight(!0)}),a=s.settings.speed/c,l="horizontal"===s.settings.mode?"left":"top",d=a*(c-Math.abs(parseInt(n))),L(d)})):s.viewport.hover(function(){o.stop()},function(){c=0,s.children.each(function(e){c+="horizontal"===s.settings.mode?t(this).outerWidth(!0):t(this).outerHeight(!0)}),a=s.settings.speed/c,l="horizontal"===s.settings.mode?"left":"top",d=a*(c-Math.abs(parseInt(o.css(l)))),L(d)})),L()},L=function(t){var e,i,n,r=t?t:s.settings.speed,a={left:0,top:0},l={left:0,top:0};"next"===s.settings.autoDirection?a=o.find(".bx-clone").first().position():l=s.children.first().position(),e="horizontal"===s.settings.mode?-a.left:-a.top,i="horizontal"===s.settings.mode?-l.left:-l.top,n={resetValue:i},S(e,"ticker",r,n)},O=function(e){var i=t(window),n={top:i.scrollTop(),left:i.scrollLeft()},s=e.offset();return n.right=n.left+i.width(),n.bottom=n.top+i.height(),s.right=s.left+e.outerWidth(),s.bottom=s.top+e.outerHeight(),!(n.right<s.left||n.left>s.right||n.bottom<s.top||n.top>s.bottom)},F=function(t){var e=document.activeElement.tagName.toLowerCase(),i="input|textarea",n=new RegExp(e,["i"]),s=n.exec(i);if(null==s&&O(o)){if(39===t.keyCode)return E(t),!1;if(37===t.keyCode)return k(t),!1}},N=function(){s.touch={start:{x:0,y:0},end:{x:0,y:0}},s.viewport.bind("touchstart MSPointerDown pointerdown",X),s.viewport.on("click",".bxslider a",function(t){s.viewport.hasClass("click-disabled")&&(t.preventDefault(),s.viewport.removeClass("click-disabled"))})},X=function(t){if(s.controls.el.addClass("disabled"),s.working)t.preventDefault(),s.controls.el.removeClass("disabled");else{s.touch.originalPos=o.position();var e=t.originalEvent,i="undefined"!=typeof e.changedTouches?e.changedTouches:[e];s.touch.start.x=i[0].pageX,s.touch.start.y=i[0].pageY,s.viewport.get(0).setPointerCapture&&(s.pointerId=e.pointerId,s.viewport.get(0).setPointerCapture(s.pointerId)),s.viewport.bind("touchmove MSPointerMove pointermove",V),s.viewport.bind("touchend MSPointerUp pointerup",R),s.viewport.bind("MSPointerCancel pointercancel",Y)}},Y=function(t){S(s.touch.originalPos.left,"reset",0),s.controls.el.removeClass("disabled"),s.viewport.unbind("MSPointerCancel pointercancel",Y),s.viewport.unbind("touchmove MSPointerMove pointermove",V),s.viewport.unbind("touchend MSPointerUp pointerup",R),s.viewport.get(0).releasePointerCapture&&s.viewport.get(0).releasePointerCapture(s.pointerId)},V=function(t){var e=t.originalEvent,i="undefined"!=typeof e.changedTouches?e.changedTouches:[e],n=Math.abs(i[0].pageX-s.touch.start.x),o=Math.abs(i[0].pageY-s.touch.start.y),r=0,a=0;3*n>o&&s.settings.preventDefaultSwipeX?t.preventDefault():3*o>n&&s.settings.preventDefaultSwipeY&&t.preventDefault(),"fade"!==s.settings.mode&&s.settings.oneToOneTouch&&("horizontal"===s.settings.mode?(a=i[0].pageX-s.touch.start.x,r=s.touch.originalPos.left+a):(a=i[0].pageY-s.touch.start.y,r=s.touch.originalPos.top+a),S(r,"reset",0))},R=function(t){s.viewport.unbind("touchmove MSPointerMove pointermove",V),s.controls.el.removeClass("disabled");var e=t.originalEvent,i="undefined"!=typeof e.changedTouches?e.changedTouches:[e],n=0,r=0;s.touch.end.x=i[0].pageX,s.touch.end.y=i[0].pageY,"fade"===s.settings.mode?(r=Math.abs(s.touch.start.x-s.touch.end.x),r>=s.settings.swipeThreshold&&(s.touch.start.x>s.touch.end.x?o.goToNextSlide():o.goToPrevSlide(),o.stopAuto())):("horizontal"===s.settings.mode?(r=s.touch.end.x-s.touch.start.x,n=s.touch.originalPos.left):(r=s.touch.end.y-s.touch.start.y,n=s.touch.originalPos.top),!s.settings.infiniteLoop&&(0===s.active.index&&r>0||s.active.last&&r<0)?S(n,"reset",200):Math.abs(r)>=s.settings.swipeThreshold?(r<0?o.goToNextSlide():o.goToPrevSlide(),o.stopAuto()):S(n,"reset",200)),s.viewport.unbind("touchend MSPointerUp pointerup",R),s.viewport.get(0).releasePointerCapture&&s.viewport.get(0).releasePointerCapture(s.pointerId)},Z=function(e){if(s.initialized)if(s.working)window.setTimeout(Z,10);else{var i=t(window).width(),n=t(window).height();r===i&&a===n||(r=i,a=n,o.redrawSlider(),s.settings.onSliderResize.call(o,s.active.index))}},B=function(t){var e=v();s.settings.ariaHidden&&!s.settings.ticker&&(s.children.attr("aria-hidden","true"),s.children.slice(t,t+e).attr("aria-hidden","false"))},U=function(t){return t<0?s.settings.infiniteLoop?f()-1:s.active.index:t>=f()?s.settings.infiniteLoop?0:s.active.index:t};return o.goToSlide=function(e,i){var n,r,a,l,d=!0,c=0,g={left:0,top:0},u=null;if(s.oldIndex=s.active.index,s.active.index=U(e),!s.working&&s.active.index!==s.oldIndex){if(s.working=!0,d=s.settings.onSlideBefore.call(o,s.children.eq(s.active.index),s.oldIndex,s.active.index),"undefined"!=typeof d&&!d)return s.active.index=s.oldIndex,void(s.working=!1);"next"===i?s.settings.onSlideNext.call(o,s.children.eq(s.active.index),s.oldIndex,s.active.index)||(d=!1):"prev"===i&&(s.settings.onSlidePrev.call(o,s.children.eq(s.active.index),s.oldIndex,s.active.index)||(d=!1)),s.active.last=s.active.index>=f()-1,(s.settings.pager||s.settings.pagerCustom)&&I(s.active.index),s.settings.controls&&D(),"fade"===s.settings.mode?(s.settings.adaptiveHeight&&s.viewport.height()!==p()&&s.viewport.animate({height:p()},s.settings.adaptiveHeightSpeed),s.children.filter(":visible").fadeOut(s.settings.speed).css({zIndex:0}),s.children.eq(s.active.index).css("zIndex",s.settings.slideZIndex+1).fadeIn(s.settings.speed,function(){t(this).css("zIndex",s.settings.slideZIndex),q()})):(s.settings.adaptiveHeight&&s.viewport.height()!==p()&&s.viewport.animate({height:p()},s.settings.adaptiveHeightSpeed),!s.settings.infiniteLoop&&s.carousel&&s.active.last?"horizontal"===s.settings.mode?(u=s.children.eq(s.children.length-1),g=u.position(),c=s.viewport.width()-u.outerWidth()):(n=s.children.length-s.settings.minSlides,g=s.children.eq(n).position()):s.carousel&&s.active.last&&"prev"===i?(r=1===s.settings.moveSlides?s.settings.maxSlides-x():(f()-1)*x()-(s.children.length-s.settings.maxSlides),u=o.children(".bx-clone").eq(r),g=u.position()):"next"===i&&0===s.active.index?(g=o.find("> .bx-clone").eq(s.settings.maxSlides).position(),s.active.last=!1):e>=0&&(l=e*parseInt(x()),g=s.children.eq(l).position()),"undefined"!=typeof g?(a="horizontal"===s.settings.mode?-(g.left-c):-g.top,S(a,"slide",s.settings.speed)):s.working=!1),s.settings.ariaHidden&&B(s.active.index*x())}},o.goToNextSlide=function(){if(s.settings.infiniteLoop||!s.active.last){var t=parseInt(s.active.index)+1;o.goToSlide(t,"next")}},o.goToPrevSlide=function(){if(s.settings.infiniteLoop||0!==s.active.index){var t=parseInt(s.active.index)-1;o.goToSlide(t,"prev")}},o.startAuto=function(t){s.interval||(s.interval=setInterval(function(){"next"===s.settings.autoDirection?o.goToNextSlide():o.goToPrevSlide()},s.settings.pause),s.settings.autoControls&&t!==!0&&A("stop"))},o.stopAuto=function(t){s.interval&&(clearInterval(s.interval),s.interval=null,s.settings.autoControls&&t!==!0&&A("start"))},o.getCurrentSlide=function(){return s.active.index},o.getCurrentSlideElement=function(){return s.children.eq(s.active.index)},o.getSlideElement=function(t){return s.children.eq(t)},o.getSlideCount=function(){return s.children.length},o.isWorking=function(){return s.working},o.redrawSlider=function(){s.children.add(o.find(".bx-clone")).outerWidth(h()),s.viewport.css("height",p()),s.settings.ticker||m(),s.active.last&&(s.active.index=f()-1),s.active.index>=f()&&(s.active.last=!0),s.settings.pager&&!s.settings.pagerCustom&&(b(),I(s.active.index)),s.settings.ariaHidden&&B(s.active.index*x())},o.destroySlider=function(){s.initialized&&(s.initialized=!1,t(".bx-clone",this).remove(),s.children.each(function(){void 0!==t(this).data("origStyle")?t(this).attr("style",t(this).data("origStyle")):t(this).removeAttr("style")}),void 0!==t(this).data("origStyle")?this.attr("style",t(this).data("origStyle")):t(this).removeAttr("style"),t(this).unwrap().unwrap(),s.controls.el&&s.controls.el.remove(),s.controls.next&&s.controls.next.remove(),s.controls.prev&&s.controls.prev.remove(),s.pagerEl&&s.settings.controls&&!s.settings.pagerCustom&&s.pagerEl.remove(),t(".bx-caption",this).remove(),s.controls.autoEl&&s.controls.autoEl.remove(),clearInterval(s.interval),s.settings.responsive&&t(window).unbind("resize",Z),s.settings.keyboardEnabled&&t(document).unbind("keydown",F),t(this).removeData("bxSlider"))},o.reloadSlider=function(e){void 0!==e&&(n=e),o.destroySlider(),l(),t(o).data("bxSlider",this)},l(),t(o).data("bxSlider",this),this}}}(jQuery); $(document).ready(function(){ $('.bxslider').bxSlider({ slideMargin: 0, }); }); /* Superfish Section */ ;!function(a,b){"use strict";var c=function(){var c={bcClass:"sf-breadcrumb",menuClass:"sf-js-enabled",anchorClass:"sf-with-ul",menuArrowClass:"sf-arrows"},d=function(){var b=/^(?![\w\W]*Windows Phone)[\w\W]*(iPhone|iPad|iPod)/i.test(navigator.userAgent);return b&&a("html").css("cursor","pointer").on("click",a.noop),b}(),e=function(){var a=document.documentElement.style;return"behavior"in a&&"fill"in a&&/iemobile/i.test(navigator.userAgent)}(),f=function(){return!!b.PointerEvent}(),g=function(a,b,d){var e,f=c.menuClass;b.cssArrows&&(f+=" "+c.menuArrowClass),e=d?"addClass":"removeClass",a[e](f)},h=function(b,d){return b.find("li."+d.pathClass).slice(0,d.pathLevels).addClass(d.hoverClass+" "+c.bcClass).filter(function(){return a(this).children(d.popUpSelector).hide().show().length}).removeClass(d.pathClass)},i=function(a,b){var d=b?"addClass":"removeClass";a.children("a")[d](c.anchorClass)},j=function(a){var b=a.css("ms-touch-action"),c=a.css("touch-action");c=c||b,c="pan-y"===c?"auto":"pan-y",a.css({"ms-touch-action":c,"touch-action":c})},k=function(a){return a.closest("."+c.menuClass)},l=function(a){return k(a).data("sfOptions")},m=function(){var b=a(this),c=l(b);clearTimeout(c.sfTimer),b.siblings().superfish("hide").end().superfish("show")},n=function(b){b.retainPath=a.inArray(this[0],b.$path)>-1,this.superfish("hide"),this.parents("."+b.hoverClass).length||(b.onIdle.call(k(this)),b.$path.length&&a.proxy(m,b.$path)())},o=function(){var b=a(this),c=l(b);d?a.proxy(n,b,c)():(clearTimeout(c.sfTimer),c.sfTimer=setTimeout(a.proxy(n,b,c),c.delay))},p=function(b){var c=a(this),d=l(c),e=c.siblings(b.data.popUpSelector);return d.onHandleTouch.call(e)===!1?this:void(e.length>0&&e.is(":hidden")&&(c.one("click.superfish",!1),"MSPointerDown"===b.type||"pointerdown"===b.type?c.trigger("focus"):a.proxy(m,c.parent("li"))()))},q=function(b,c){var g="li:has("+c.popUpSelector+")";a.fn.hoverIntent&&!c.disableHI?b.hoverIntent(m,o,g):b.on("mouseenter.superfish",g,m).on("mouseleave.superfish",g,o);var h="MSPointerDown.superfish";f&&(h="pointerdown.superfish"),d||(h+=" touchend.superfish"),e&&(h+=" mousedown.superfish"),b.on("focusin.superfish","li",m).on("focusout.superfish","li",o).on(h,"a",c,p)};return{hide:function(b){if(this.length){var c=this,d=l(c);if(!d)return this;var e=d.retainPath===!0?d.$path:"",f=c.find("li."+d.hoverClass).add(this).not(e).removeClass(d.hoverClass).children(d.popUpSelector),g=d.speedOut;if(b&&(f.show(),g=0),d.retainPath=!1,d.onBeforeHide.call(f)===!1)return this;f.stop(!0,!0).animate(d.animationOut,g,function(){var b=a(this);d.onHide.call(b)})}return this},show:function(){var a=l(this);if(!a)return this;var b=this.addClass(a.hoverClass),c=b.children(a.popUpSelector);return a.onBeforeShow.call(c)===!1?this:(c.stop(!0,!0).animate(a.animation,a.speed,function(){a.onShow.call(c)}),this)},destroy:function(){return this.each(function(){var b,d=a(this),e=d.data("sfOptions");return e?(b=d.find(e.popUpSelector).parent("li"),clearTimeout(e.sfTimer),g(d,e),i(b),j(d),d.off(".superfish").off(".hoverIntent"),b.children(e.popUpSelector).attr("style",function(a,b){return b.replace(/display[^;]+;?/g,"")}),e.$path.removeClass(e.hoverClass+" "+c.bcClass).addClass(e.pathClass),d.find("."+e.hoverClass).removeClass(e.hoverClass),e.onDestroy.call(d),void d.removeData("sfOptions")):!1})},init:function(b){return this.each(function(){var d=a(this);if(d.data("sfOptions"))return!1;var e=a.extend({},a.fn.superfish.defaults,b),f=d.find(e.popUpSelector).parent("li");e.$path=h(d,e),d.data("sfOptions",e),g(d,e,!0),i(f,!0),j(d),q(d,e),f.not("."+c.bcClass).superfish("hide",!0),e.onInit.call(this)})}}}();a.fn.superfish=function(b,d){return c[b]?c[b].apply(this,Array.prototype.slice.call(arguments,1)):"object"!=typeof b&&b?a.error("Method "+b+" does not exist on jQuery.fn.superfish"):c.init.apply(this,arguments)},a.fn.superfish.defaults={popUpSelector:"ul,.sf-mega",hoverClass:"sfHover",pathClass:"overrideThisToUse",pathLevels:1,delay:800,animation:{opacity:"show"},animationOut:{opacity:"hide"},speed:"normal",speedOut:"fast",cssArrows:!0,disableHI:!1,onInit:a.noop,onBeforeShow:a.noop,onShow:a.noop,onBeforeHide:a.noop,onHide:a.noop,onIdle:a.noop,onDestroy:a.noop,onHandleTouch:a.noop}}(jQuery,window); jQuery(document).ready(function(){ jQuery('ul.sf-menu').superfish({ cssArrows: false, }); });