SALT-NLP/Design2Code
This dataset consists of 484 webpages from the C4 validation set, serving the purpose of testing multimodal LLMs on converting visual designs into code implementations. Each example is a pair of source HTML and screenshot ({id}.html and {id}.png). See the dataset in the huggingface format here. Note that all images in these webpages are replaced by a placeholder image (rick.jpg) Please refer to our project page and our paper for more information. Example Usage For example, you… See the full description on the dataset page: https://huggingface.co/datasets/SALT-NLP/Design2Code.
221.8k
1<!DOCTYPE html>2<html class="bg-white antialiased" lang="en">3 <head>4 <style>5 /*! mediabox v1.1.3 | (c) 2018 Pedro Rogerio | https://github.com/pinceladasdaweb/mediabox */.stop-scroll{height:100%;overflow:hidden}.mediabox-wrap{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,.8);top:0;left:0;opacity:0;z-index:999;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:mediabox;animation-name:mediabox}@-webkit-keyframes mediabox{0%{opacity:0}100%{opacity:1}}@keyframes mediabox{0%{opacity:0}100%{opacity:1}}.mediabox-content{max-width:853px;display:block;margin:0 auto;height:100%;position:relative}.mediabox-content iframe{max-width:100%!important;width:100%!important;display:block!important;height:480px!important;border:none!important;position:absolute;top:0;bottom:0;margin:auto 0}.mediabox-hide{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:mediaboxhide;animation-name:mediaboxhide}@-webkit-keyframes mediaboxhide{0%{opacity:1}100%{opacity:0}}@keyframes mediaboxhide{0%{opacity:1}100%{opacity:0}}.mediabox-close{position:absolute;top:0;cursor:pointer;bottom:528px;right:0;margin:auto 0;width:24px;height:24px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAMvSURBVHja7Js9aBRBFMd/d1lPY6FiJVjY+Fkoxl7wA1Q0prQRS6tgoZV2MWIRRVHUUq3U+JnESrS2sBXBzipREWMlATXwt8gFznC5nd15M7Nn8uC45nZnfr/dY96+N1uTxFKOOks8lgUU/H2t4tJqIQUcAiaBGeBymcECRgO4B/wBPgJ9zkdKcvkclfRL/8ZtSTXH40N+GpLGF8zth6Q9Lse7DHCsDXxVJLSDLyQhb4B+Sb/VOVJJ6ATfKqGvrIDjDvCpJLjAz8d0JwmLDTBQAD62hIakiYJzm5a021VAfwn4WBLKwLdK2JUnIJP0XX4RSoIP/Hy8W3jeepv1dL3nmjwI3DLOExrAU2DA8zwb8xKhGeCuwYQtJTSAZwbwAHdcEqFM0mPZhO/foSHppdFcrraby2IDV0FCcPi8PCClhCjwLplgCgkrDeGv5I3pcjViSogK7yogloTo8EUEhJaQBL6oAGsJ9yVtkrRD0qsU8JKolagKZ8AD4ETFymFXgPOAQpXE5mMWOAk86XZ4n6pwlSSUhvcti1dBghe8RV8gpYQRX3irxkgKCSPABV94y85QTAlm8NatsRgSTOGBUnmAS57w3KiA0Ro3gHOW8KEEAOwE3hvfXWubFauu6A6vCND07OmW9viq5vpsGT3AtRAN2XoA+BfAwQBiTweoNpMZw48BRwKuAoPN7zNVWwZjwAfpO9S7DN5cQmYAPw4cTvAsYPJ3qHcpvNmdUO9ieBMJZQT0AhMVgfeWUC8BP87cjjHfuA6sATY0c4c0EgpUUHslvTaq3l5aUL1N1oarAnxSCVWBTyYhJvyw41XJJI3GkpAH/yYyfHQJi01gdUL4qBKqCh9NQrtBx4wGvGi0XS6T9MhoTkN5AtZVDN5awlTePsGfwDfPjGwYGDKu3s4Cp4BRz/N8cskED0iaqciVt7wTvkra5roKlJEQGt5HwhdJ24vmAUUkDEV+VyCT9NBxbp/bXXnXTNBFQmz4IhI6wrs+C+zvICEVvIuEKUlbrZ4G97WRkBq+k4RJSVusd4ntlfSheVudrQh8q4SbmntH6K2kzSF3if1Xsfzq7LKAJR5/BwCdAQBJn4egPgAAAABJRU5ErkJggg==) no-repeat;background-size:24px 24px}.mediabox-close:hover{opacity:.5}@media all and (max-width:768px){.mediabox-content{max-width:90%}}@media all and (max-width:600px){.mediabox-content iframe{height:320px!important}.mediabox-close{bottom:362px}}@media all and (max-width:480px){.mediabox-content iframe{height:220px!important}.mediabox-close{bottom:262px}}/*! Flickity v2.3.06https://flickity.metafizzy.co7---------------------------------------------- */.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;background:hsla(0,0%,100%,.75);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}.wsuheader{background:#093f39;background-image:linear-gradient(to bottom,#093f39 0,#0c5449 100%);font-family:Arial,Helvetica,sans-serif;width:100%;color:#fff;padding:10px 0}@media (min-width:755px){.wsuheader{height:85px;padding:0}}.wsuheader a{color:#fff;text-decoration:none;font-size:14}.wsuheader a:hover{text-decoration:underline}.wsuheader .wsuloginlabel,.wsuheader .wsusearchbar form label,.wsuheader .wsusearchicon span{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;color:#fff}.wsuheader .wsuheaderwrap{display:table;position:relative;box-sizing:border-box;width:100%;height:100%;max-width:1200px;margin:0 auto;padding:0 15px}.wsuheader .wsuwordmark{display:table-cell;vertical-align:middle;text-align:center}.wsuheader .wsuwordmark h1{padding:0 0 10.743801652893%;margin:0;font-size:0;position:relative}.wsuheader .wsuwordmark svg{position:absolute;top:0;right:0;left:0;bottom:0}@media (min-width:755px){.wsuheader .wsuwordmark{display:table-cell;text-align:left}.wsuheader .wsuwordmark a{margin:0}.wsuheader .wsuwordmark svg{width:100%}}@media (min-width:950px){.wsuheader .wsuwordmark{position:relative}.wsuheader .wsuwordmark h1{height:65px;padding:0}.wsuheader .wsuwordmark a{position:absolute;top:0;right:0;bottom:0;left:0;max-width:605px}.wsuheader .wsuwordmark svg{height:100%;width:auto}}.wsuheader .wsumenu{display:table-cell;text-align:right;vertical-align:middle;width:25%}@media (min-width:755px){.wsuheader .wsumenu{width:36%;display:table-cell;text-align:right;font-size:14px}}.wsuheader .wsumenu ul{margin:0 0 8px;line-height:0}.wsuheader .wsumenu ul li{display:inline-block;list-style-type:none;padding:0 8px 0 4px;border-right:1px solid rgba(255,255,255,.2);line-height:17px}.wsuheader .wsumenu ul li:last-child{border:0;padding-right:0}.wsuheader .wsuaudience{display:none}.wsuheader .warriorstrong{display:none}@media (min-width:755px){.wsuheader .warriorstrong{display:block;height:16px;width:230px;float:right;margin-bottom:10px}.wsuheader .warriorstrong svg{fill:#fff}}.wsuheader .wsusearchbar{display:none}@media (min-width:755px){.wsuheader .wsusearchbar{display:table-cell;width:60%}.wsuheader .wsusearchbar form{width:100%;position:relative;margin:0;display:block}.wsuheader .wsusearchbar form button,.wsuheader .wsusearchbar form input{border:0;box-shadow:0;margin-bottom:0;padding:0;-webkit-box-shadow:none;-webkit-transition:none;cursor:pointer;background:0 0}.wsuheader .wsusearchbar form button:focus{outline:2px solid #fc3}.wsuheader .wsusearchbar input.wsusearchfield{background-color:#fff;color:#0c5449;font-family:Arial,Helvetica,sans-serif;font-size:14px;padding:6px 35px 6px 8px;height:30px;width:100%;box-sizing:border-box}.wsuheader .wsusearchbar input.wsusearchfield::placeholder{color:#767676;opacity:1}.wsuheader .wsusearchbar .wsusearchicon{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMDAgMjAwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzBDNTQ0OTt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNC45LDE1OWwxNi4zLDE2LjNMNzkuNCwxMzdjOS44LDYuNiwyMS42LDEwLjUsMzQuNCwxMC41YzMzLjksMCw2MS40LTI3LjUsNjEuNC02MS40cy0yNy41LTYxLjQtNjEuNC02MS40CglTNTIuMyw1Mi4yLDUyLjMsODYuMWMwLDEyLjksNCwyNC44LDEwLjcsMzQuN0wyNC45LDE1OXogTTExMy43LDEyN2MtMjIuNiwwLTQwLjktMTguMy00MC45LTQwLjlzMTguMy00MC45LDQwLjktNDAuOQoJczQwLjksMTguMyw0MC45LDQwLjlTMTM2LjMsMTI3LDExMy43LDEyN3oiLz4KPC9zdmc+Cg==);background-repeat:no-repeat;background-position:50%;background-size:70%;height:30px;width:30px}}.wsuheader .wsumenuwrap{display:table;float:right}@media (min-width:755px){.wsuheader .wsumenuwrap{display:table;width:100%}}.wsuheader .wsulogin{display:table-cell;vertical-align:middle;color:#fff}.wsuheader .wsulogin a{position:relative;height:25px;width:25px;color:#fff;text-decoration:none;margin-right:8px;letter-spacing:.4px;display:inline-block;vertical-align:middle;line-height:20px}.wsuheader .wsulogin a::after{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMDAgMjAwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxnPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTI1LjMsMTY4LjFjMC0wLjksMC0yLDAuMS0zLjRjMC4xLTEuNCwwLjYtMy43LDEuNi02LjljMS0zLjIsMi4zLTUuNiw0LTcuM2MxLjctMS42LDUtMy40LDEwLTUuNQoJCWM1LTIuMSwxMC42LTQuMSwxNi44LTYuM2M2LjItMi4xLDEwLjgtNCwxMy42LTUuNmMzLjctMS45LDYuNi00LjYsOC42LTguMmMyLjEtMy42LDMtNy4zLDIuOS0xMS4xYzAtMi42LTEuNi01LjctNC43LTkuMgoJCWMtMy4yLTMuNy01LjgtOC43LTcuOC0xNC45Yy0yLTYuMi0yLjktMTMuNS0yLjktMjEuOGMwLTYuMiwwLjktMTEuOCwyLjYtMTYuNmMxLjgtNC44LDQuMS04LjcsNy4yLTExLjdjMy0zLDYuNS01LjIsMTAuNC02LjYKCQljMy45LTEuNCw4LjEtMi4xLDEyLjUtMi4yYzQuNC0wLjEsOC41LDAuNiwxMi41LDIuMmMzLjksMS42LDcuNCwzLjgsMTAuNCw2LjZjMywyLjgsNS40LDYuNyw3LjIsMTEuN2MxLjgsNSwyLjYsMTAuNSwyLjYsMTYuNgoJCWMwLDguMi0xLDE1LjUtMi45LDIxLjhjLTIsNi4zLTQuNSwxMS4zLTcuNywxNC45Yy0zLjIsMy42LTQuOCw2LjctNC44LDkuMmMwLDMuOCwxLDcuNSwzLjEsMTEuMWMyLjEsMy42LDQuOSw2LjMsOC42LDguMgoJCWMyLjgsMS41LDcuNCwzLjMsMTMuNiw1LjZjNi4yLDIuMiwxMS44LDQuMywxNi43LDYuM2M0LjksMiw4LjIsMy44LDkuOSw1LjVjMS43LDEuNywzLjEsNCw0LDdjMSwyLjksMS41LDUuNCwxLjYsNy41bDAuMSwzLjFIMjUuMwoJCXoiLz4KPC9nPgo8L3N2Zz4K);background-position:center;background-repeat:no-repeat;height:25px;width:25px;position:absolute;left:0;top:0;content:''}@media (min-width:755px){.wsuheader .wsulogin{vertical-align:top}.wsuheader .wsulogin a{padding:5px 5px 0 35px;margin-right:10px;width:auto;height:30px}.wsuheader .wsulogin a::after{background-size:70%;width:30px;height:30px;top:-1px}}@media (min-width:755px){.wsuheader .wsuloginlabel{clip:unset;height:auto;margin:auto;position:relative;width:auto}}.wsuheader .wsusearch{display:table-cell}.wsuheader .wsusearch a{display:inline-block;height:25px;width:25px;vertical-align:middle;position:relative}@media (min-width:755px){.wsuheader .wsusearch{display:none}}.wsuheader .wsusearchicon{position:absolute;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0ZGRkZGRjt9PC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTI0LjksMTU5bDE2LjMsMTYuM0w3OS40LDEzN2M5LjgsNi42LDIxLjYsMTAuNSwzNC40LDEwLjVjMzMuOSwwLDYxLjQtMjcuNSw2MS40LTYxLjRzLTI3LjUtNjEuNC02MS40LTYxLjQgUzUyLjMsNTIuMiw1Mi4zLDg2LjFjMCwxMi45LDQsMjQuOCwxMC43LDM0LjdMMjQuOSwxNTl6IE0xMTMuNywxMjdjLTIyLjYsMC00MC45LTE4LjMtNDAuOS00MC45czE4LjMtNDAuOSw0MC45LTQwLjkgczQwLjksMTguMyw0MC45LDQwLjlTMTM2LjMsMTI3LDExMy43LDEyN3oiLz4gPC9zdmc+Cg==);height:25px;width:25px;background-repeat:no-repeat;background-position:50%;display:block;top:0;right:0;color:#fff}.wm0{fill:#fff}.wm1{fill:#ffe3a4}.wm2{fill:#ffc843}.wm3{fill:#4b8076}.wm4{fill:#00594d}.wm5{fill:none;stroke:#fff;stroke-width:0}.wm6{fill:#fff}@media print{.wsuheader{position:relative;border-bottom:1px solid #000;background:0 0}.wsuheader a[href]::after{content:none!important}.wsuheader .wsuwordmark{width:50%;display:table-cell}.wsuheader .warriorstrong{display:inline-block!important;vertical-align:middle;text-align:right;padding:0 15px;margin:0}.wsuheader .warriorstrong svg{width:180px;height:24px;fill:#000}.wsuheader .wsuaudience{display:none}.wsuheader .wsumenuwrap{display:none}.wm0{fill:#000}.wm1{fill:#000}.wm2{fill:#000}.wm3{fill:#fff}.wm4{fill:#fff}.wm6{fill:#000}}.wsuwrap{display:table;position:relative;box-sizing:border-box;width:100%;height:100%;max-width:1200px;margin:0 auto;padding:0 15px}.wsufooter{background:#b1c5c2;background:linear-gradient(to bottom,#b1c5c2 0,#cbdbd9 100%);border-top:1px solid #536461}.wsufooter p{font-family:Arial,Helvetica,sans-serif;font-size:.8em;margin:0;padding:6px 0}.wsufooter a{color:#0c5449;text-decoration:underline}.wsufooter a:hover{text-decoration:none}.wsufooter .copyright,.wsufooter .privacy{text-align:center}@media (min-width:450px){.wsufooter .privacy{text-align:left;display:table-cell}.wsufooter .copyright{text-align:right;display:table-cell}}@media print{.wsufooter .privacy{display:none}.wsufooter .copyright a{color:#000;text-decoration:none}}/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code{font-family:monospace,monospace;font-size:1em}small{font-size:80%}video{display:inline-block}img{border-style:none}svg:not(:root){overflow:hidden}button,input,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}menu{display:block}[hidden],template{display:none}html{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:sans-serif}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,p,pre{margin:0}button{background:0 0;padding:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}fieldset{margin:0;padding:0}ol,ul{margin:0}*,:after,:before{border:0 solid #d9d9d9}img{border-style:solid}[type=button],[type=reset],[type=submit],button{border-radius:0}textarea{resize:vertical}img{max-width:100%;height:auto}button,input,select,textarea{font-family:inherit}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:inherit;opacity:.5}input::-moz-placeholder,textarea::-moz-placeholder{color:inherit;opacity:.5}input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:inherit;opacity:.5}input::placeholder,textarea::placeholder{color:inherit;opacity:.5}[role=button],button{cursor:pointer}table{border-collapse:collapse}html{-webkit-font-feature-settings:"liga" 0;font-feature-settings:"liga" 0}a{color:#0c5449;text-decoration:none}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{opacity:1}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1}input::-ms-input-placeholder,textarea::-ms-input-placeholder{opacity:1}input::placeholder,textarea::placeholder{opacity:1}h1,h2,h3,h4,h5,h6{margin-bottom:.3125rem;font-weight:700;text-rendering:optimizeLegibility;line-height:1.4}h1{font-size:2.125rem}h2{font-size:1.75rem}h3{font-size:1.375rem}h4{font-size:1.125rem}h5,h6{font-size:.875rem}@media print{a:after{content:" (" attr(href) ") ";font-size:.8em;font-weight:400}}.accordion.enabled{padding:0;margin-bottom:1rem;position:relative;list-style:none}.accordion.enabled>li{border:1px solid #babfbf;width:100%;position:absolute;border-bottom-width:0}.accordion.enabled>li:last-child{border-bottom-width:1px}.accordion.enabled>li>a{background-color:#e6e6e6;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:block;padding:1rem;text-decoration:none;font-weight:700;border-bottom-width:0}.accordion.enabled>li>a:first-child:focus,.accordion.enabled>li>a:first-child:hover{background-color:#d9d9d9}.accordion.enabled>li>a:before{position:absolute;top:50%;right:1rem;margin-top:-.5rem;content:"+"}.accordion.enabled>li.open>a:before{content:"\2013"}.accordion.enabled>li>.fold{background-color:#fff;padding:1rem;border-top-width:0}.accordion.enabled>*{overflow:hidden;padding:0;margin:0;-webkit-transition:all .3s ease;transition:all .3s ease}.banner{width:140px;height:30px}.banner:after{border-color:#fc3;border-left-color:transparent;border-right-color:transparent;border-style:solid;border-width:12px 70px 0;top:30px;content:"";position:absolute;left:0;-webkit-transition:all .25s ease-out;transition:all .25s ease-out;-webkit-transition-delay:.1s;transition-delay:.1s}.banner:hover{height:38px;padding-top:8px}.banner:hover:after{top:38px}.banner .title{padding-top:.3125rem}.banner .excerpt{padding-top:.125rem;padding-left:.2em}.button,button.default{display:inline-block;vertical-align:middle;margin-bottom:.5rem;padding:.5rem 1rem;border-radius:.25rem;text-align:center;background-color:#0c5449;color:#fff;font-size:.875rem;cursor:pointer}.button:hover,button.default:hover{background-color:#093f39}.expanded{display:block;width:100%;margin-left:0;margin-right:0}.flickity-button,.flickity-button:hover{background:0 0}.flickity-button-icon{color:#fff;fill:currentColor}.flickity-prev-next-button.next .flickity-button-icon{left:40%}.flickity-prev-next-button.previous .flickity-button-icon{left:0}.content p{margin-bottom:1rem}.content hr{border-bottom-width:1px;border-style:solid;border-color:#e6e6e6;clear:both;max-width:75rem;height:0;margin:1.25rem auto;border-top:0;border-right:0;border-left:0}.content dl,.content ol,.content ul{margin:0 0 1rem}.content abbr,.content abbr[title]{color:inherit;border:none;text-decoration:none}.content blockquote{border-color:#0c5449;background-color:#f2f2f2;padding:1em;border-width:0 0 0 3px;border-style:solid;margin-bottom:1em}.content blockquote p{margin-bottom:.3rem}.content img{display:block;width:100%;margin:10px auto;padding:0}.content img[class^=float-]{float:none!important}.content img.icon{display:inline-block;width:auto}@media (min-width:780px){.content img{padding:10px;width:auto;margin:0;float:inherit}}.content figure{width:100%;display:table;margin:15px auto}@media (min-width:576px){.content figure{margin:25px;width:auto}}.content figure.float-right,.content figure[style*="float:right"]{margin-right:0}.content figure.float-left,.content figure[style*="float:left"]{margin-left:0}.content figure img{padding:0}.content figure figcaption{padding-top:.5em;font-size:.875rem;font-style:italic;display:table-caption;caption-side:bottom}.content table{border:none;width:100%;margin:0 0 1rem}.content table td,.content table th{line-height:1.5;text-align:left}.content table thead tr{border-collapse:collapse}.content table thead tr,.content table thead tr a{color:#fff;text-decoration:none;font-weight:700;border-bottom:none}.content table thead tr th{background-color:#093f39;text-align:left;font-weight:700;padding:15px 10px}.content table tbody tr{border-bottom-width:1px;border:0 solid #d9d9d9}.content table tbody tr td{text-align:left;padding:10px;font-size:14px}.content table tbody tr th{padding:10px}.content table tbody tr:nth-child(odd){background-color:#e6e6e6}.content table tbody tr:nth-child(2n){background-color:#f2f2f2}.content table tbody tr:hover{background-color:#fff2c9}.content table img{max-width:none;width:auto}.content.footer-contact a{color:#fff}.content a:not(.button):not(button.default){text-decoration:underline}.content a:not(.button):not(button.default):hover{text-decoration:none}.formy .row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.formy .columns{width:100%}@media (min-width:576px){.formy .columns{padding-right:1rem}}@media (min-width:576px){.formy .xlarge-4{width:33.33333%}.formy .large-8{width:66.66667%}}.formy [type=color],.formy [type=date],.formy [type=datetime-local],.formy [type=datetime],.formy [type=email],.formy [type=month],.formy [type=number],.formy [type=password],.formy [type=search],.formy [type=tel],.formy [type=text],.formy [type=time],.formy [type=url],.formy [type=week],.formy textarea{border:1px solid #babfbf;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:2.4375rem;margin:0 0 1rem;padding:.5rem;border-radius:0;-webkit-box-shadow:inset 0 1px 2px hsla(0,0%,4%,.1);box-shadow:inset 0 1px 2px hsla(0,0%,4%,.1);font-size:1rem;font-weight:400;-webkit-transition:border-color .25s ease-in-out,-webkit-box-shadow .5s;transition:border-color .25s ease-in-out,-webkit-box-shadow .5s;transition:box-shadow .5s,border-color .25s ease-in-out;transition:box-shadow .5s,border-color .25s ease-in-out,-webkit-box-shadow .5s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.formy [type=file]{width:100%;margin:0 0 1rem}.formy [type=checkbox]+label[for],.formy [type=radio]+label[for]{cursor:pointer}.formy select{border:1px solid #babfbf;background-color:#fff;height:2.4375rem;width:100%;margin:0 0 1rem;padding:.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;font-size:1rem;line-height:normal;background-image:url("data:image/svg+xml;utf8,");background-origin:content-box;background-position:right -1rem center;background-repeat:no-repeat;background-size:9px 6px;padding-right:1.5rem;-webkit-transition:border-color .25s ease-in-out,-webkit-box-shadow .5s;transition:border-color .25s ease-in-out,-webkit-box-shadow .5s;transition:box-shadow .5s,border-color .25s ease-in-out;transition:box-shadow .5s,border-color .25s ease-in-out,-webkit-box-shadow .5s}.formy fieldset{margin:0;padding:0;border:none}.formy fieldset legend{display:none}.formy textarea{height:8em}.formy p{font-size:1em;line-height:1.6em;margin-bottom:1rem}.formy .error p{color:#e3342f;margin:4px auto 10px;font-size:.8em}.formy .error input,.formy .error select,.formy .error textarea{border-color:#ef5753;border-width:1px;background-color:#fcebea;margin-bottom:0}.formy .error .checkbox,.formy .error .radio{background-color:#fcebea;padding-bottom:0}.formy label{color:inherit;font-size:1em}.formy label a{text-decoration:underline}.formy div.checkbox input,.formy div.radio input{margin:0;padding:0}.formy div.checkbox,.formy div.radio{margin:0;padding:0 0 15px;border:0;float:none}.formy div.checkbox div,.formy div.radio div{border:0;margin:4px 0 0}.formy div.checkbox label,.formy div.radio label{float:none;display:inline;margin-left:5px}.formy div.checkbox input[type=checkbox],.formy div.radio input[type=radio]{margin-bottom:0}.formy #formy-button{background-color:#575959;color:#fff;border-radius:0;font-size:.75rem}.formy .select #country,.formy .select #state{width:100%}.formy .field_group h2,.formy h2{border-bottom-width:1px;border-color:#d9d9d9;font-size:1.3em}.formy label em{color:#e3342f}.icon-cancel:after{content:"\D7"}.icon-right-open:after{content:">"}.icon-down-open:after{content:">";display:inline-block;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.menu-icon{position:relative;display:inline-block;vertical-align:middle;width:20px;height:16px;cursor:pointer}.menu-icon:after{background-color:#fff;-webkit-box-shadow:0 7px 0 #fff,0 14px 0 #fff;box-shadow:0 7px 0 #fff,0 14px 0 #fff;position:absolute;top:0;left:0;display:block;width:100%;height:2px;content:""}.menu-icon:hover:after{background-color:#babfbf;-webkit-box-shadow:0 7px 0 #babfbf,0 14px 0 #babfbf;box-shadow:0 7px 0 #babfbf,0 14px 0 #babfbf}.main-menu ul{list-style:none;margin:0;padding:0}.main-menu>ul{padding:1rem 0}.main-menu li{font-size:.875rem;margin:0;padding:0}.main-menu li a{color:#181a19;display:block;padding:.6em .5em .6em 1em}.main-menu ul>li>ul>li a{padding-left:2em}.main-menu ul>li>ul>li>ul>li a{padding-left:3em}.main-menu ul>li>ul>li>ul>li>ul>li>a{padding-left:4em}.main-menu li a:hover{background-color:#e6e6e6}@media (min-width:780px){.main-menu>ul>li{border-bottom-width:1px;border-style:solid;border-color:#e6e6e6}}.main-menu .selected{font-weight:700}.main-menu .selected ul{font-weight:400}.main-menu h2{color:#575959;font-size:1.25rem;font-weight:700;margin:0;padding:1rem 0 .1rem}.slideout-menu{background-color:#093f39;position:fixed;top:0;right:0;bottom:0;width:250px;height:100%;z-index:10}.slideout-menu ul{background-color:#093f39;padding:0}.slideout-menu ul li a{color:#fff}.slideout-menu ul li>ul>li a{padding-left:2em}.slideout-menu ul li>ul>li>ul>li a{padding-left:3em}.slideout-menu ul .selected>a{color:#fc3}.slideout-menu ul a:hover{color:#fc3;background:0 0}.slideout-menu .offcanvas-main-menu{display:block}.slideout-menu .offcanvas-main-menu ul ul li{background-color:#072e29}.slideout-menu .offcanvas-main-menu ul li .main-menu-toggle{background-color:#072e29;text-transform:uppercase;font-size:1rem;cursor:pointer;padding-right:20px}.slideout-menu .offcanvas-main-menu ul ul{border-style:solid;border-bottom-width:4px;border-color:#072e29}.slideout-menu h2{color:#fff;padding:0 0 5px 15px;margin-top:32px;border-bottom:1px solid hsla(0,0%,100%,.2)}ul.menu-top{margin:0;padding:0}ul.menu-top li{display:inline-block;margin:0 10px}ul.menu-top li a{color:#fff}ul.menu-top li a:hover{color:#fc3}ul.menu-top li.selected a{color:#fc3;border-bottom-width:1px;border-style:solid;border-color:#fc3}ul.menu-top li:last-child{margin-right:0}.responsive-embed{position:relative;height:0;margin-bottom:1rem;padding-bottom:75%;overflow:hidden}.responsive-embed embed,.responsive-embed iframe,.responsive-embed object,.responsive-embed video{position:absolute;top:0;left:0;width:100%;height:100%}.row{margin-left:auto;margin-right:auto;max-width:1200px}.skip a{position:absolute;height:1px;width:1px;text-align:left;overflow:hidden;color:#181a19;background-color:#fff;padding:.5rem;left:-1000px}.skip a:active,.skip a:focus,.skip a:hover{left:0;top:0;overflow:visible;z-index:50;width:auto;height:auto}table.table-stack{border-collapse:collapse;width:100%}table.table-stack td,table.table-stack th{line-height:1.5;text-align:left;border:none}table.table-stack tr{border:1px solid #d9d9d9}table.table-stack tr th:before{content:attr(data-label) ": ";display:inline;font-weight:700;line-height:1.5px}table.table-stack td,table.table-stack tr{display:block}table.table-stack thead tr{background-color:#323333;border-collapse:collapse;position:absolute;top:-9999em;left:-9999em}table.table-stack tbody th{padding:10px}table.table-stack tr+tr{margin-top:1.5em}table.table-stack td{padding-left:.75em}table.table-stack td:before{color:#323333;content:attr(data-label) ":";display:block;font-weight:700;line-height:1.5;padding-right:20px;margin-bottom:.75em;margin-left:0}@media (min-width:576px){table.table-stack tr{border:none;display:table-row}table.table-stack tr th:before{content:""}table.table-stack thead tr{position:static;top:0;left:0}table.table-stack tr+tr{margin:0}table.table-stack td{display:table-cell;padding:10px}table.table-stack td:before{content:"";padding:0}@media (min-width:780px){table.table-stack td:before{display:none}}}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.form_responses *{border-width:1px;border-color:#babfbf;padding:.25rem .5rem;border-radius:.125rem}.form_responses div[id*=maxlength]{border-width:0}.list-reset{list-style:none;padding:0}.bg-black{background-color:#181a19}.bg-grey-darkest{background-color:#323333}.bg-grey-darker{background-color:#575959}.bg-grey-dark{background-color:#949999}.bg-grey{background-color:#babfbf}.bg-grey-light{background-color:#d9d9d9}.bg-grey-lighter{background-color:#e6e6e6}.bg-grey-lightest{background-color:#f2f2f2}.bg-white{background-color:#fff}.bg-yellow-darkest{background-color:#866e26}.bg-yellow-darker{background-color:#ae8f30}.bg-yellow-dark{background-color:#d8ad2d}.bg-yellow{background-color:#fc3}.bg-yellow-light{background-color:#ffdb6f}.bg-yellow-lighter{background-color:#ffe596}.bg-yellow-lightest{background-color:#fff2c9}.bg-green-darkest{background-color:#05211e}.bg-green-darker{background-color:#072e29}.bg-green-dark{background-color:#093f39}.bg-green{background-color:#0c5449}.bg-green-light{background-color:#3d7a67}.bg-green-lighter{background-color:#71a192}.bg-green-lightest{background-color:#acc9c0}.hover\:bg-green-lighter:hover{background-color:#71a192}.bg-center{background-position:50%}.bg-top{background-position:top}.bg-repeat-x{background-repeat:repeat-x}.bg-repeat-y{background-repeat:repeat-y}.bg-cover{background-size:cover}.border-grey{border-color:#babfbf}.border-grey-lighter{border-color:#e6e6e6}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-b{border-bottom-width:1px}.block{display:block}.inline{display:inline}.table{display:table}.hidden{display:none}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.flex-1{-webkit-box-flex:1;-ms-flex:1;flex:1}.flex-grow{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.float-right{float:right}.float-left{float:left}.float-none{float:none}.font-sans{font-family:Lato,system-ui,BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.font-serif{font-family:Georgia,Times,Times New Roman,serif}.font-normal{font-weight:400}.font-semibold{font-weight:600}.font-bold{font-weight:700}.h-4{height:1rem}.h-6{height:1.5rem}.h-10{height:2.5rem}.leading-none{line-height:1}.leading-normal{line-height:1.5}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-4{margin-top:1rem;margin-bottom:1rem}.mx-4{margin-left:1rem;margin-right:1rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.mt-6{margin-top:1.5rem}.mb-8{margin-bottom:2rem}.mr-16{margin-right:4rem}.min-h-screen{min-height:100vh}.min-w-full{min-width:100%}.-mx-4{margin-left:-1rem;margin-right:-1rem}.-mt-0{margin-top:0}.overflow-hidden{overflow:hidden}.p-6{padding:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-2{padding-bottom:.5rem}.pl-2{padding-left:.5rem}.pt-4{padding-top:1rem}.pr-4{padding-right:1rem}.pb-6{padding-bottom:1.5rem}.pt-partial{padding-top:36.3%}.pt-full{padding-top:100%}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.pin-t{top:0}.pin-r{right:0}.pin-b{bottom:0}.pin-l{left:0}.resize{resize:both}.shadow{-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.1);box-shadow:0 2px 4px 0 rgba(0,0,0,.1)}.fill-current{fill:currentColor}.text-center{text-align:center}.text-right{text-align:right}.text-black{color:#181a19}.text-grey-darkest{color:#323333}.text-grey-darker{color:#575959}.text-white{color:#fff}.text-yellow-light{color:#ffdb6f}.text-green{color:#0c5449}.text-green-lightest{color:#acc9c0}.hover\:text-black:hover{color:#181a19}.hover\:text-white:hover{color:#fff}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.italic{font-style:italic}.uppercase{text-transform:uppercase}.normal-case{text-transform:none}.underline{text-decoration:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hover\:underline:hover{text-decoration:underline}.hover\:no-underline:hover{text-decoration:none}.tracking-wide{letter-spacing:.05em}.align-middle{vertical-align:middle}.visible{visibility:visible}.w-4{width:1rem}.w-6{width:1.5rem}.w-10{width:2.5rem}.w-1\/2{width:50%}.w-1\/6{width:16.66667%}.w-5\/6{width:83.33333%}.w-full{width:100%}.z-10{z-index:10}.transition{-webkit-transition-duration:.25s;transition-duration:.25s}.transition{-webkit-transition-property:all;transition-property:all}.transition-property-bg{-webkit-transition-property:background;transition-property:background}.transition{-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.transition-timing-ease-out{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.transition{-webkit-transition-delay:.1s;transition-delay:.1s}.transition-delay-none{-webkit-transition-delay:0s;transition-delay:0s}@media (min-width:420px){.sm\:bg-repeat-x{background-repeat:repeat-x}.sm\:bg-repeat-y{background-repeat:repeat-y}.sm\:float-right{float:right}.sm\:float-left{float:left}.sm\:float-none{float:none}.sm\:h-64{height:16rem}.sm\:mx-2{margin-left:.5rem;margin-right:.5rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:w-1\/2{width:50%}.sm\:w-1\/4{width:25%}}@media (min-width:576px){.md\:bg-repeat-x{background-repeat:repeat-x}.md\:bg-repeat-y{background-repeat:repeat-y}.md\:border-0{border-width:0}.md\:border-r{border-right-width:1px}.md\:block{display:block}.md\:hidden{display:none}.md\:float-right{float:right}.md\:float-left{float:left}.md\:float-none{float:none}.md\:h-auto{height:auto}.md\:mx-3{margin-left:.75rem;margin-right:.75rem}.md\:py-1{padding-top:.25rem;padding-bottom:.25rem}.md\:w-1\/2{width:50%}.md\:w-1\/3{width:33.33333%}.md\:w-2\/3{width:66.66667%}.md\:w-1\/4{width:25%}}@media (min-width:732px){.lg\:bg-repeat-x{background-repeat:repeat-x}.lg\:bg-repeat-y{background-repeat:repeat-y}.lg\:float-right{float:right}.lg\:float-left{float:left}.lg\:float-none{float:none}.lg\:h-8{height:2rem}.lg\:h-14{height:3.5rem}.lg\:mx-4{margin-left:1rem;margin-right:1rem}.lg\:absolute{position:absolute}.lg\:w-8{width:2rem}.lg\:w-14{width:3.5rem}.lg\:w-1\/3{width:33.33333%}.lg\:w-2\/3{width:66.66667%}}@media (min-width:888px){.xl\:bg-repeat-x{background-repeat:repeat-x}.xl\:bg-repeat-y{background-repeat:repeat-y}.xl\:float-right{float:right}.xl\:float-left{float:left}.xl\:float-none{float:none}}@media (min-width:1044px){.xxl\:bg-repeat-x{background-repeat:repeat-x}.xxl\:bg-repeat-y{background-repeat:repeat-y}.xxl\:float-right{float:right}.xxl\:float-left{float:left}.xxl\:float-none{float:none}}@media (min-width:1200px){.xxxl\:bg-repeat-x{background-repeat:repeat-x}.xxxl\:bg-repeat-y{background-repeat:repeat-y}.xxxl\:float-right{float:right}.xxxl\:float-left{float:left}.xxxl\:float-none{float:none}}@media (min-width:780px){.mt\:bg-repeat-x{background-repeat:repeat-x}.mt\:bg-repeat-y{background-repeat:repeat-y}.mt\:block{display:block}.mt\:hidden{display:none}.mt\:flex{display:-webkit-box;display:-ms-flexbox;display:flex}.mt\:items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mt\:justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.mt\:flex-no-shrink{-ms-flex-negative:0;flex-shrink:0}.mt\:float-right{float:right}.mt\:float-left{float:left}.mt\:float-none{float:none}.mt\:mx-0{margin-left:0;margin-right:0}.mt\:px-4{padding-left:1rem;padding-right:1rem}.mt\:w-1\/4{width:25%}.mt\:w-3\/4{width:75%}}@media print{.print\:bg-repeat-x{background-repeat:repeat-x}.print\:bg-repeat-y{background-repeat:repeat-y}.print\:float-right{float:right}.print\:float-left{float:left}.print\:float-none{float:none}}8 9 10 11@font-face {12 font-family: 'Lato';13 font-style: normal;14 font-weight: 400;15 src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjx4wWw.ttf) format('truetype');16}17@font-face {18 font-family: 'Lato';19 font-style: normal;20 font-weight: 700;21 src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwiPHA.ttf) format('truetype');22}23 </style>24 <meta charset="utf-8">25 <meta content="width=device-width, initial-scale=1.0" name="viewport">26 <meta content="Wayne State University" name="Author">27 <meta content="P6r5UbyqbFDDHZ7ZzR4fa6UmAGuD4is6b4X3ZkxZ" name="csrf-token">28 <meta content="Wayne State University,wayne.edu,Wayne,State,University,Detroit,Michigan,MI,48202" name="Keywords">29 <meta content="Academic It's important for your student to access all of the academic resources available to them to stay ahead academically. Encourage them to meet with their advisor a minimum of twice per semester. Below are some helpful resources for your student: " name="Description">30 <meta content="Resources" property="og:title">31 <meta content property="og:image">32 <meta content property="og:image:alt">33 <meta content="Academic It's important for your student to access all of the academic resources available to them to stay ahead academically. Encourage them to meet with their advisor a minimum of twice per semester. Below are some helpful resources for your student: " property="og:description">34 <meta content="" property="og:url">35 <meta content="article" property="og:type">36 <meta content="2022-10-10@08:03:36 EDT" property="og:updated_time">37 <meta content="Dean of Students Office" property="og:site_name">38 <meta content="summary_large_image" name="twitter:card">39 <meta content="Resources" name="twitter:title">40 <meta content="Academic It's important for your student to access all of the academic resources available to them to stay ahead academically. Encourage them to meet with their advisor a minimum of twice per semester. Below are some helpful resources for your student: " name="twitter:description">41 <meta content="" name="twitter:url">42 <meta content="@waynestate" name="twitter:site">43 <meta content name="twitter:image">44 <meta content="2022-10-10@08:03:36 EDT" property="article:published_time">45 <title>46 Resources - Dean of Students Office - Wayne State University47 </title>48 <meta content="AymqwRC7u88Y4JPvfIF2F37QKylC04248hLCdJAsh8xgOfe/dVJPV3XS3wLFca1ZMVOtnBfVjaCMTVudWM//5g4AAAB7eyJvcmlnaW4iOiJodHRwczovL3d3dy5nb29nbGV0YWdtYW5hZ2VyLmNvbTo0NDMiLCJmZWF0dXJlIjoiUHJpdmFjeVNhbmRib3hBZHNBUElzIiwiZXhwaXJ5IjoxNjk1MTY3OTk5LCJpc1RoaXJkUGFydHkiOnRydWV9" http-equiv="origin-trial">49 </head>50 <body class="font-sans font-normal text-black leading-normal text-base">51 <nav aria-label="Skip navigation" class="skip">52 <ul class="list-reset">53 <li>54 <a>55 Skip to page menu56 </a>57 </li>58 <li>59 <a>60 Skip to main content61 </a>62 </li>63 </ul>64 </nav>65 <div class="wsuheader">66 <div class="wsuheaderwrap">67 <div class="wsuwordmark">68 <h1>69 <a aria-labelledby="wsuheader-title">70 </a>71 </h1>72 </div>73 <div class="wsumenu">74 <a aria-labelledby="wsuheader-brand" class="warriorstrong">75 </a>76 <div class="wsumenuwrap">77 <div class="wsulogin">78 <a>79 <span class="wsuloginlabel">80 Login81 </span>82 </a>83 </div>84 <div class="wsusearch">85 <a class="wsusearchicon">86 <span class="wsuhidesmall">87 Search88 </span>89 </a>90 </div>91 <div class="wsusearchbar">92 <form action="" aria-label="Primary" method="get" role="search">93 <label for="q">94 Search:95 </label>96 <input class="wsusearchfield" id="q" name="q" placeholder="Search..." size="15" type="text">97 <button class="wsusearchicon" type="submit">98 <span>99 Search100 </span>101 </button>102 </form>103 </div>104 </div>105 </div>106 </div>107 </div>108 <div class="menu-top-container bg-green-dark">109 <div class="row flex">110 <div class="flex-grow mx-4 py-2">111 <h1 class="font-normal text-2xl leading-none py-3">112 <a class="text-white">113 Dean of Students Office114 </a>115 </h1>116 </div>117 <div class="flex flex-1 justify-end items-center mx-4 mt:hidden">118 <button aria-controls="menu" aria-expanded="false" class="menu-toggle menu-icon text-white text-3xl mt:hidden" data-toggle="menu" tabindex="0">119 <span class="visually-hidden">120 Menu121 </span>122 </button>123 </div>124 </div>125 </div>126 <main class="slideout-panel slideout-panel-right" id="panel" tabindex="-1">127 <div class="row flex">128 <div class="mt:w-1/4 mt:px-4 mt:block">129 <nav aria-hidden="true" aria-label="Page menu" class="main-menu hidden mt:block" id="menu" role="navigation" tabindex="-1">130 <div class="offcanvas-main-menu mt:hidden">131 <ul>132 <li>133 <a class="main-menu-toggle">134 <span class="expand-icons icon-right-open float-right text-lg -mt-0.5">135 </span>136 Main Menu137 </a>138 <ul class="menu-top hidden">139 <li>140 <a>141 Get involved142 </a>143 </li>144 <li>145 <a>146 Student organization resources147 </a>148 </li>149 <li>150 <a>151 Student community involvement152 </a>153 </li>154 <li>155 <a>156 Student conduct, support and intervention157 </a>158 </li>159 </ul>160 </li>161 </ul>162 </div>163 <ul>164 <li>165 <a>166 Get involved167 </a>168 </li>169 <li>170 <a>171 Student organization resources172 </a>173 </li>174 <li>175 <a>176 Student community involvement177 </a>178 </li>179 <li>180 <a>181 Student conduct, support and intervention182 </a>183 </li>184 </ul>185 </nav>186 </div>187 <div class="w-full px-4 mt:w-3/4 content-area mb-8">188 <div class="mb-4 mt:mx-0 contained -mx-4">189 <div class="pt-partial w-full bg-cover bg-top relative" style="background-image: url('/promos/5816/1600-festifall-optimized.jpg')">190 </div>191 </div>192 <nav aria-label="Breadcrumbs" class="mt-6 mb-2">193 <ul class="list-reset text-sm">194 <li class="inline">195 <a>196 <span class="text-black align-middle">197 </span>198 <span class="visually-hidden">199 Home200 </span>201 </a>202 <span class="icon-right-open px-2">203 </span>204 </li>205 <li class="inline">206 <a class="text-green hover:underline">207 Parent and family programs208 </a>209 <span class="icon-right-open px-2">210 </span>211 </li>212 <li class="font-bold text-green inline">213 Resources214 </li>215 </ul>216 </nav>217 <h1 class="mt-4">218 Resources219 </h1>220 <div class="content">221 <h3>222 <strong>223 Academic224 </strong>225 </h3>226 <p>227 It's important for your student to access all of the academic resources available to them to stay ahead academically. Encourage them to meet with their advisor a minimum of twice per semester.228 </p>229 <p>230 <a>231 Records and Registration232 </a>233 </p>234 <p>235 <a>236 Tuition Rates and Dates237 </a>238 </p>239 <p>240 <a rel="noopener noreferrer" target="_blank">241 Academic Success Center242 </a>243 </p>244 <p>245 <a rel="noopener noreferrer" target="_blank">246 Academic Advising247 </a>248 </p>249 <p>250 <a rel="noopener noreferrer" target="_blank">251 Academic Calendar252 </a>253 </p>254 <p>255 <a rel="noopener noreferrer" target="_blank">256 Ask-a-Librarian257 </a>258 </p>259 <p>260 <a>261 WSU Bookstore262 </a>263 </p>264 <h3>265 <strong>266 Transfer Students267 </strong>268 </h3>269 <p>270 The271 <a>272 Transfer Student Success Center (TSSC)273 </a>274 is the gateway to obtaining the help you need to complete your degree at Wayne State University.275 </p>276 <h3>277 <strong>278 International Students279 </strong>280 </h3>281 <p>282 WSU has close to 3,000 international students and scholars from across the globe. Our international students and scholars are part of the WSU Warrior family!283 <a>284 The Office of International Students and Scholars (OISS)285 </a>286 at Wayne State University are here to support and enhance your educational, cultural and social experiences. OISS collaborates with colleges, departments and the community to create and maintain an inclusive, global campus.287 </p>288 <h3>289 <strong>290 Housing & Residential Life291 </strong>292 </h3>293 <p>294 <a>295 Housing & Residential Life296 </a>297 </p>298 <h3>299 <strong>300 Family Education Rights and Privacy Act (FERPA)301 </strong>302 </h3>303 <p>304 FERPA protects the privacy of student educational records. Under FERPA, parents cannot inspect their student's records (e.g.305 </p>306 <p>307 <a rel="noopener noreferrer" target="_blank">308 FERPA Form309 </a>310 </p>311 <p>312 <a rel="noreferrer noopener" target="_blank">313 FERPA Brochure314 </a>315 </p>316 <p>317 <a rel="noopener noreferrer" target="_blank">318 FERPA Information319 </a>320 </p>321 <h3>322 <strong>323 Campus Resources324 </strong>325 </h3>326 <p>327 <a>328 Student Service Center329 </a>330 </p>331 <p>332 <a>333 Financial Aid334 </a>335 </p>336 <p>337 <a>338 Career Services339 </a>340 </p>341 <p>342 <a>343 Parking344 </a>345 </p>346 <p>347 <a rel="noopener noreferrer" target="_blank">348 Counseling and Psychological Services (CAPS)349 </a>350 </p>351 <p>352 <a>353 Student Disability Services354 </a>355 </p>356 <p>357 <a rel="noopener noreferrer" target="_blank">358 Mort Harris Fitness Center359 </a>360 </p>361 <p>362 <a>363 University Events Calendar364 </a>365 </p>366 <h3>367 <strong>368 Guides & Handbooks369 </strong>370 </h3>371 <p>372 <a rel="noopener noreferrer" target="_blank">373 Parents Guide to Admission374 </a>375 </p>376 <p>377 <a rel="noopener noreferrer" target="_blank">378 Parent Handbook from the Advising Center379 </a>380 381 </p>382 <p>383 <a>384 Parent Orientation Presentation385 </a>386 </p>387 <h3>388 <strong>389 Articles390 </strong>391 </h3>392 <p>393 <a rel="noopener noreferrer" target="_blank">394 Students Challenge 'Helicopter Parent' Stereotypes395 </a>396 <br>397 <em>398 Hoover, Eric. The Chronicle of Higher Education, February 2008399 </em>400 <br>401 <a rel="noopener noreferrer" target="_blank">402 The Parent Project: What Parents Want from the College Experience403 </a>404 <br>405 <em>406 Turrentine, Cathryn. NASPA Journal, Fall 2000.407 </em>408 </p>409 <h3>410 <strong>411 Websites412 </strong>413 </h3>414 <p>415 <a rel="noopener noreferrer" target="_blank">416 College Parents of America417 </a>418 <br>419 <a rel="noopener noreferrer" target="_blank">420 Checklist for College Dorm - First Year of College421 </a>422 </p>423 <h3>424 425 </h3>426 </div>427 </div>428 </div>429 </main>430 <div class="bg-green-darker py-6">431 <div class="row flex justify-center items-center">432 <a class="flex justify-center items-center h-10 w-10 lg:h-14 lg:w-14 mx-1 sm:mx-2 md:mx-3 lg:mx-4 text-green-lightest fill-current bg-green rounded-full transition transition-property-bg transition-delay-none hover:bg-green-lighter hover:text-white" rel="noopener" target="_blank">433 </a>434 <a class="flex justify-center items-center h-10 w-10 lg:h-14 lg:w-14 mx-1 sm:mx-2 md:mx-3 lg:mx-4 text-green-lightest fill-current bg-green rounded-full transition transition-property-bg transition-delay-none hover:bg-green-lighter hover:text-white" rel="noopener" target="_blank">435 </a>436 <a class="flex justify-center items-center h-10 w-10 lg:h-14 lg:w-14 mx-1 sm:mx-2 md:mx-3 lg:mx-4 text-green-lightest fill-current bg-green rounded-full transition transition-property-bg transition-delay-none hover:bg-green-lighter hover:text-white" rel="noopener" target="_blank">437 </a>438 <a class="flex justify-center items-center h-10 w-10 lg:h-14 lg:w-14 mx-1 sm:mx-2 md:mx-3 lg:mx-4 text-green-lightest fill-current bg-green rounded-full transition transition-property-bg transition-delay-none hover:bg-green-lighter hover:text-white" rel="noopener" target="_blank">439 </a>440 </div>441 </div>442 <div class="bg-green">443 <div class="row flex flex-wrap py-8">444 <div class="w-full md:w-1/3 px-4 py-4 text-white content footer-contact border-b md:border-r md:border-0 border-grey">445 <h2 class="mb-1 print:text-black text-yellow-light">446 Dean of Students Office447 </h2>448 <p>449 301 Student Center450 <br>451 Detroit, MI 48202452 <br>453 [PHONE REDACTED]454 <br>455 [EMAIL REDACTED]456 </p>457 </div>458 <div class="w-full md:w-1/3 px-4 py-4 text-white content footer-contact">459 <div class="row -mx-4 flex">460 <div class="w-full sm:w-1/3 px-4">461 <p>462 <a rel="noopener" target="_blank">463 <img alt="Campus Labs All Star Award Winner" height="192" src="rick.jpg" style="padding:10px; float:left" width="224">464 </a>465 </p>466 </div>467 <div class="w-full sm:w-1/3 px-4">468 <p>469 <a rel="noopener" target="_blank">470 <img alt="Campus Labs Champion Finalist Award" height="192" src="rick.jpg" style="padding:10px; float:left" width="200">471 </a>472 </p>473 </div>474 <div class="w-full sm:w-1/3 px-4">475 <p>476 <a rel="noopener" target="_blank">477 <img alt="Campus Labs Trailblazer Finalist Award" height="203" src="rick.jpg" style="padding:10px; float:left" width="200">478 </a>479 </p>480 </div>481 </div>482 </div>483 </div>484 </div>485 <div class="wsufooter">486 <div class="wsuwrap">487 <div class="privacy">488 <p>489 <a>490 Privacy and University Policies491 </a>492 </p>493 </div>494 <div class="copyright">495 <p>496 <a>497 Wayne State University498 </a>499 © 2023500 </p>501 </div>502 </div>503 </div>504 </body>505</html>506