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 lang="en">3 <head>4 <meta content="text/html; charset=utf-8" http-equiv="Content-Type">5 <meta content="Hey everyone. Well, the dream has finally been realized. quixfox.com is up and running, thanks mostly to the time, patience, and dinero of my loving mother, Meredith Fox. But really, thanks mom." name="description">6 <meta content="Hey everyone. Well, the dream has finally been realized. quixfox.com is up and running, thanks mostly to the time, patience, and dinero of my loving mother, Meredith Fox. But really, thanks mom." property="og:description">7 <meta content="David Fox" name="author">8 <meta content="ZPPhoaxZwCeh2Cxm_q4zLTl8DsIAOuEy09hTVpj8Rq8" name="google-site-verification">9 <meta content="width=device-width, initial-scale=1" name="viewport">10 <meta content="website" property="og:type">11 <meta content="" property="og:image">12 <meta content="1800" property="og:image:width">13 <meta content="1105" property="og:image:height">14 <title>15 4 Beds In 4 Days [david@quixfox]16 </title>17 <meta content="4 Beds In 4 Days [david@quixfox]" name="title" property="og:title">18 <style>19 @font-face {20 font-family: 'Alegreya';21 font-style: italic;22 font-weight: 400;23 font-display: swap;24 src: url(https://fonts.gstatic.com/s/alegreya/v35/4UaSrEBBsBhlBjvfkSLk3abBFkvpkARTPlbgv5qhmSA.ttf) format('truetype');25}26@font-face {27 font-family: 'Alegreya';28 font-style: italic;29 font-weight: 700;30 font-display: swap;31 src: url(https://fonts.gstatic.com/s/alegreya/v35/4UaSrEBBsBhlBjvfkSLk3abBFkvpkARTPlYHuJqhmSA.ttf) format('truetype');32}33@font-face {34 font-family: 'Alegreya';35 font-style: italic;36 font-weight: 900;37 font-display: swap;38 src: url(https://fonts.gstatic.com/s/alegreya/v35/4UaSrEBBsBhlBjvfkSLk3abBFkvpkARTPlZJuJqhmSA.ttf) format('truetype');39}40@font-face {41 font-family: 'Alegreya';42 font-style: normal;43 font-weight: 400;44 font-display: swap;45 src: url(https://fonts.gstatic.com/s/alegreya/v35/4UacrEBBsBhlBjvfkQjt71kZfyBzPgNG9hU4-6qm.ttf) format('truetype');46}47@font-face {48 font-family: 'Alegreya';49 font-style: normal;50 font-weight: 700;51 font-display: swap;52 src: url(https://fonts.gstatic.com/s/alegreya/v35/4UacrEBBsBhlBjvfkQjt71kZfyBzPgNGERI4-6qm.ttf) format('truetype');53}54@font-face {55 font-family: 'Alegreya';56 font-style: normal;57 font-weight: 900;58 font-display: swap;59 src: url(https://fonts.gstatic.com/s/alegreya/v35/4UacrEBBsBhlBjvfkQjt71kZfyBzPgNGXxI4-6qm.ttf) format('truetype');60}61@font-face {62 font-family: 'Alegreya SC';63 font-style: italic;64 font-weight: 400;65 font-display: swap;66 src: url(https://fonts.gstatic.com/s/alegreyasc/v25/taiMGmRtCJ62-O0HhNEa-Z6q6ZIRaA.ttf) format('truetype');67}68@font-face {69 font-family: 'Alegreya SC';70 font-style: italic;71 font-weight: 700;72 font-display: swap;73 src: url(https://fonts.gstatic.com/s/alegreyasc/v25/taiRGmRtCJ62-O0HhNEa-Z6q4Sk0eKieFA.ttf) format('truetype');74}75@font-face {76 font-family: 'Alegreya SC';77 font-style: italic;78 font-weight: 900;79 font-display: swap;80 src: url(https://fonts.gstatic.com/s/alegreyasc/v25/taiRGmRtCJ62-O0HhNEa-Z6q4RE2eKieFA.ttf) format('truetype');81}82@font-face {83 font-family: 'Alegreya SC';84 font-style: normal;85 font-weight: 400;86 font-display: swap;87 src: url(https://fonts.gstatic.com/s/alegreyasc/v25/taiOGmRtCJ62-O0HhNEa-Z6v2ZU.ttf) format('truetype');88}89@font-face {90 font-family: 'Alegreya SC';91 font-style: normal;92 font-weight: 700;93 font-display: swap;94 src: url(https://fonts.gstatic.com/s/alegreyasc/v25/taiTGmRtCJ62-O0HhNEa-ZYU_IU2SK8.ttf) format('truetype');95}96@font-face {97 font-family: 'Alegreya SC';98 font-style: normal;99 font-weight: 900;100 font-display: swap;101 src: url(https://fonts.gstatic.com/s/alegreyasc/v25/taiTGmRtCJ62-O0HhNEa-ZYs_oU2SK8.ttf) format('truetype');102}103 104 105html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,footer,header,main,nav,section{display:block}canvas,progress{display:inline-block;vertical-align:baseline}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}strong{font-weight:700}h1{font-size:2em;margin:.67em 0}small{font-size:80%}img{border:0}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,pre{font-family:monospace,monospace;font-size:1em}button,input,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=submit]{-webkit-appearance:button;cursor:pointer}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@media print{*{text-shadow:none!important;color:#000!important;background:0 0!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff!important}.navbar{display:none}.table td,.table th{background-color:#fff!important}.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;-webkit-tap-highlight-color:transparent}body{font-family:Alegreya;font-size:21px;line-height:1.428571429;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#428bca;text-decoration:none}a:focus,a:hover{color:#2a6496;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive{display:block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:30px;margin-bottom:30px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:Alegreya;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#999}.h1,.h2,.h3,h1,h2,h3{margin-top:30px;margin-bottom:15px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:15px;margin-bottom:15px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:42px}.h2,h2{font-size:38px}.h3,h3{font-size:30px}.h4,h4{font-size:23px}.h5,h5{font-size:21px}.h6,h6{font-size:17px}p{margin:0 0 15px}.lead{margin-bottom:30px;font-size:24px;font-weight:200;line-height:1.4}@media (min-width:768px){.lead{font-size:31.5px}}.small,small{font-size:85%}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-muted{color:#999}.text-primary{color:#428bca}a.text-primary:hover{color:#3071a9}.text-info{color:#3a87ad}a.text-info:hover{color:#2d6987}.text-warning{color:#c09853}a.text-warning:hover{color:#a47e3c}.text-danger{color:#b94a48}a.text-danger:hover{color:#953b39}.page-header{padding-bottom:14px;margin:60px 0 30px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:15px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline>li{display:inline-block;padding-left:0;padding-right:0}.list-inline>li:first-child{padding-left:0}dl{margin-top:0;margin-bottom:30px}dd,dt{line-height:1.428571429}dt{font-weight:700}dd{margin-left:0}address{margin-bottom:30px;font-style:normal;line-height:1.428571429}code,pre{font-family:monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;white-space:nowrap;border-radius:4px}pre{display:block;padding:14.5px;margin:0 0 15px;font-size:16px;line-height:1.428571429;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:0}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-md-10,.col-md-12,.col-md-2,.col-md-6,.col-sm-12,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-12,.col-xs-4,.col-xs-6{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-12,.col-xs-4,.col-xs-6{float:left}.col-xs-12{width:100%}.col-xs-6{width:50%}.col-xs-4{width:33.33333333333333%}@media (min-width:768px){.col-sm-12,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-9{width:75%}.col-sm-8{width:66.66666666666666%}.col-sm-7{width:58.333333333333336%}.col-sm-6{width:50%}.col-sm-5{width:41.66666666666667%}.col-sm-4{width:33.33333333333333%}.col-sm-3{width:25%}.col-sm-pull-7{right:58.333333333333336%}.col-sm-push-5{left:41.66666666666667%}.col-sm-offset-3{margin-left:25%}}@media (min-width:992px){.col-md-10,.col-md-12,.col-md-2,.col-md-6{float:left}.col-md-12{width:100%}.col-md-10{width:83.33333333333334%}.col-md-6{width:50%}.col-md-2{width:16.666666666666664%}.col-md-offset-2{margin-left:16.666666666666664%}}table{max-width:100%;background-color:transparent}th{text-align:left}.table{width:100%;margin-bottom:30px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.428571429;vertical-align:top;border-top:1px solid #e8e8e8}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background-color:#f9f9f9}.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th{background-color:#f5f5f5}table td[class*=col-],table th[class*=col-]{position:static;float:none;display:table-cell}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}@media (max-width:767px){.table-responsive{width:100%;margin-bottom:22.5px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd;-webkit-overflow-scrolling:touch}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}}label{display:inline-block;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox]{margin:4px 0 0;line-height:normal}input[type=file]{display:block}select[multiple],select[size]{height:auto}input[type=checkbox]:focus,input[type=file]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:21px;line-height:1.428571429;color:#555}.form-control{display:block;width:100%;height:44px;padding:6px 12px;font-size:21px;line-height:1.428571429;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:0;-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#666;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}input[type=date]{line-height:44px}.form-group{margin-bottom:15px}.checkbox{display:block;min-height:30px;margin-top:10px;margin-bottom:10px;padding-left:20px}.checkbox label{display:inline;font-weight:400;cursor:pointer}.checkbox input[type=checkbox]{float:left;margin-left:-20px}.checkbox+.checkbox{margin-top:-5px}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;padding-left:0;vertical-align:middle}.form-inline .checkbox input[type=checkbox]{float:none;margin-left:0}}.form-horizontal .checkbox,.form-horizontal .control-label{margin-top:0;margin-bottom:0;padding-top:7px}.form-horizontal .checkbox{min-height:37px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}@media (min-width:768px){.form-horizontal .control-label{text-align:right}}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:21px;line-height:1.428571429;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover,.open .dropdown-toggle.btn-default{color:#333;background-color:#ebebeb;border-color:#adadad}.btn-default.active,.btn-default:active,.open .dropdown-toggle.btn-default{background-image:none}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open .dropdown-toggle.btn-primary{color:#fff;background-color:#3276b1;border-color:#285e8e}.btn-primary.active,.btn-primary:active,.open .dropdown-toggle.btn-primary{background-image:none}.btn-link{color:#428bca;font-weight:400;cursor:pointer;border-radius:0}.btn-link,.btn-link:active{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#2a6496;text-decoration:underline;background-color:transparent}.btn-lg{padding:10px 16px;font-size:27px;line-height:1.33;border-radius:6px}.btn-sm{padding:5px 10px;font-size:18px;line-height:1.5;border-radius:3px}.btn-xs{padding:1px 5px;font-size:18px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%;padding-left:0;padding-right:0}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease}@font-face{font-family:'Glyphicons Halflings';src:url(../app/fonts/glyphicons-halflings-regular.eot);src:url(../app/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../app/fonts/glyphicons-halflings-regular.woff) format('woff'),url(../app/fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../app/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-plus:before{content:"\2b"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-user:before{content:"\e008"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-remove:before{content:"\e014"}.glyphicon-cog:before{content:"\e019"}.glyphicon-time:before{content:"\e023"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:21px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:14px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.428571429;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{text-decoration:none;color:#fff;background-color:#777}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;outline:0;background-color:#777}.open>.dropdown-menu{display:block}.open>a{outline:0}.pull-right>.dropdown-menu{right:0;left:auto}@media (min-width:768px){.navbar-right .dropdown-menu{left:auto;right:0}}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}[data-toggle=buttons]>.btn>input[type=checkbox]{display:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-left:0;padding-right:0}.input-group .form-control{float:left;width:100%;margin-bottom:0}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:21px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon input[type=checkbox]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.dropdown-toggle{border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn{margin-right:-1px}.input-group-btn:last-child>.btn{margin-left:-1px}.nav{margin-bottom:0;padding-left:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#777}.nav>li>a>img{max-width:none}.navbar{position:relative;min-height:50px;margin-bottom:30px;margin-top:30px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{max-height:340px;overflow-x:visible;padding-right:15px;padding-left:15px;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-top .navbar-collapse{padding-left:0;padding-right:0}}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-brand{float:left;padding:10px 15px;font-size:24px;line-height:30px;height:50px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;margin-right:15px;padding:9px 10px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:0}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:30px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:30px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px}.navbar-nav.navbar-right:last-child{margin-right:-30px}}@media (min-width:768px){.navbar-right{float:right!important}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}.navbar-text{margin-top:10px;margin-bottom:10px}@media (min-width:768px){.navbar-text{float:left;margin-left:15px;margin-right:15px}.navbar-text.navbar-right:last-child{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#414141}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#414141;background-color:transparent}.navbar-default .navbar-text{color:#414141}.navbar-default .navbar-nav>li>a{color:#414141}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{background-color:#e7e7e7;color:#555}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#414141}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#999}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#999}.navbar-inverse .navbar-nav>li>a{color:#999}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{background-color:#080808;color:#fff}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#999}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}}.pagination{display:inline-block;padding-left:0;margin:30px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.428571429;text-decoration:none;color:#777;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:#2a6496;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;color:#fff;background-color:#777;border-color:#777;cursor:default}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}.label[href]:focus,.label[href]:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.alert{padding:15px;margin-bottom:30px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#468847}.alert-success hr{border-top-color:#c9e2b3}.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#3a87ad}.alert-info hr{border-top-color:#a6e1ec}.alert-danger{background-color:#f2dede;border-color:#eed3d7;color:#b94a48}.alert-danger hr{border-top-color:#e6c1c7}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{overflow:hidden;height:30px;margin-bottom:30px;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.panel{margin-bottom:30px;background-color:#fff;border:1px solid transparent;border-radius:0;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:24px;color:inherit}.panel-title>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-responsive{border:0;margin-bottom:0}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-primary{border-color:#428bca}.panel-primary>.panel-heading{color:#fff;background-color:#428bca;border-color:#428bca}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:0}.close{float:right;font-size:31.5px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.5}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.modal{display:none;overflow:auto;overflow-y:scroll;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);background-clip:padding-box;outline:0}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.428571429px}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.428571429}.modal-body{position:relative;padding:20px}.modal-footer{margin-top:15px;padding:19px 20px 20px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-block+.btn-block{margin-left:0}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}}.tooltip{position:absolute;z-index:1030;display:block;visibility:visible;font-size:18px;line-height:1.4;opacity:0}.tooltip.in{opacity:.9}.tooltip.top{margin-top:-3px;padding:5px 0}.tooltip.right{margin-left:3px;padding:0 5px}.tooltip.bottom{margin-top:3px;padding:5px 0}.tooltip.left{margin-left:-3px;padding:0 5px}.carousel{position:relative}.carousel-inner{position:relative;overflow:hidden;width:100%}.carousel-inner>.item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;left:0;bottom:0;width:15%;opacity:.5;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-control.left{background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,.5) 0),color-stop(rgba(0,0,0,.0001) 100%));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-repeat:repeat-x}.carousel-control.right{left:auto;right:0;background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,.0001) 0),color-stop(rgba(0,0,0,.5) 100%));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{outline:0;color:#fff;text-decoration:none;opacity:.9}.carousel-control .fa-backward,.carousel-control .fa-forward,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;z-index:5;display:inline-block}.carousel-control .fa-backward,.carousel-control .glyphicon-chevron-left{left:50%}.carousel-control .fa-forward,.carousel-control .glyphicon-chevron-right{right:50%}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;margin-left:-30%;padding-left:0;list-style:none;text-align:center}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;border:1px solid #fff;border-radius:10px;cursor:pointer;background-color:rgba(0,0,0,0)}.carousel-indicators .active{margin:0;width:12px;height:12px;background-color:#fff}@media screen and (min-width:768px){.carousel-indicators{bottom:20px}}.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.panel-body:after,.panel-body:before,.row:after,.row:before{content:" ";display:table}.clearfix:after,.container-fluid:after,.container:after,.form-horizontal .form-group:after,.modal-footer:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.show{display:block!important}.hidden{display:none!important;visibility:hidden!important}@-ms-viewport{width:device-width}.visible-xs{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:750px}}@media (min-width:1200px){.container{width:750px}}body{font-family:Alegreya,'Open Sans',Arial,sans-serif;color:#535353;background-color:#fff}p{padding:10px 0;margin:0;font-size:22px}.article p{padding:20px 0}img{font-size:8px;color:#efefef}hr{width:25%;margin-top:50px;margin-bottom:50px;border-color:#e8e8e8}hr.shallow{margin-top:25px;margin-bottom:25px}dt{margin-top:15px;font-size:24px;font-weight:400}th{font-family:'Alegreya SC',serif;text-transform:uppercase;font-size:16px}table.small{width:100%}a:link,a:visited{color:#ee4938;text-decoration:none}a:active,a:hover{box-shadow:inset 0 -1px 0 #ee4938;transition:all .2s ease}.dropdown-menu a:active,.dropdown-menu a:hover,.ui-autocomplete a:active,.ui-autocomplete a:hover,a.btn:active,a.btn:hover,a.no-border:active,a.no-border:hover{box-shadow:none}.text-white,a.text-white,a.text-white:link,a.text-white:visited{color:#fff!important;text-decoration:none}.text-very-muted,a.text-very-muted,a.text-very-muted:link,a.text-very-muted:visited{color:silver;text-decoration:none}a.text-muted:link,a.text-muted:visited{color:#999;text-decoration:none}a.text-muted.active,a.text-muted:active,a.text-muted:hover,a.text-very-muted.active,a.text-very-muted:active,a.text-very-muted:hover{color:#ee4938;box-shadow:inset 0 -1px 0 #ee4938;transition:all .2s ease}a.text-black:link,a.text-black:visited{color:#535353;text-decoration:none;box-shadow:inset 0 -1px 0 #535353}a.text-black:active,a.text-black:hover{color:#535353;box-shadow:inset 0 -1px 0 #535353;transition:all .2s ease}a.carousel-control{color:#fff}.carousel{border-radius:6px;overflow:hidden}.carousel .item img{width:100%}.carousel .carousel-control{font-size:40px}.carousel .carousel-control .fa-backward{left:20%;top:48%}.carousel .carousel-control .fa-forward{right:20%;top:48%}.h1 a:link,.h1 a:visited,.h2 a:link,.h2 a:visited,.h3 a:link,.h3 a:visited,h1 a:link,h1 a:visited,h2 a:link,h2 a:visited,h3 a:link,h3 a:visited{color:#414141;text-decoration:none}.h1 a:active,.h1 a:hover,.h2 a:active,.h2 a:hover,.h3 a:active,.h3 a:hover,h1 a:active,h1 a:hover,h2 a:active,h2 a:hover,h3 a:active,h3 a:hover{box-shadow:inset 0 -1px 0 #414141;transition:all .2s ease}.h1,.h2,h1,h2{font-family:Alegreya,serif;font-weight:700;color:#414141}.h3,h3{color:#414141;font-weight:700}.h4,.h5,h4,h5{color:#414141}textarea.form-control{font-size:16px}img.darken{-webkit-filter:brightness(100%)}img.darken:hover{-webkit-filter:brightness(85%);-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;-ms-transition:all .2s ease;transition:all .2s ease}.text-warning{color:#ee4938}.nopad,.text-nopad{margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0}.padtop{padding-top:15px}.text-right-to-left{text-align:left}.project-image{margin-bottom:12px}img.quixote{opacity:.54}img.quixote:active,img.quixote:hover{opacity:.94;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;-ms-transition:all .2s ease;transition:all .2s ease}@media (min-width:768px){.text-right-to-left{text-align:right}.project-image{margin-bottom:0}.article p{font-size:24px}}.btn.btn-primary{color:#fff;background-color:#919191;border-color:#919191}.btn.btn-primary:active,.btn.btn-primary:hover{background-color:#616161;border-color:#616161;transition:all .2s ease}.section{padding-top:30px}.navbar-default{color:#414141;font-family:'Alegreya SC',serif;border:0;background-color:transparent}.navbar-default .navbar-brand{font-family:Alegreya,serif;font-size:20px;color:#999}.navbar-default .breadcrumbs{font-family:Alegreya,serif;position:absolute;bottom:-10px;font-size:14px}.navbar-toggle{margin-right:0;padding:0 10px;border:0}.collapsing{-webkit-transition:none;transition:none;display:none;height:auto!important}@media (max-width:485px){.nav>li>a{padding-left:0}}@media (min-width:486px){.nav>li{float:left}.navbar-nav{float:right}}@media (max-width:768px){.nav>li:last-of-type>a{padding-right:0}}.navbar-default .navbar-nav>li>a{color:#999}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#ee4938;box-shadow:none;transition:all .2s ease}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#ee4938;box-shadow:none;text-decoration:none;transition:all .2s ease}.post-list{margin-top:12px;margin-bottom:18px}.post-list .h3,.post-list .h4,.post-list h3,.post-list h4{font-weight:400}.post-list h4 a:link,.post-list h4 a:visited{color:#414141;text-decoration:none}.post-list h4 a:active,.post-list h4 a:hover{color:#414141;box-shadow:inset 0 -1px 0 #414141;transition:all .2s ease}.post-list h4 a.text-muted:link,.post-list h4 a.text-muted:visited{color:#999;text-decoration:none}.post-list h4 a.text-muted:active,.post-list h4 a.text-muted:hover{color:#ee4938;box-shadow:inset 0 -1px 0 #ee4938;transition:all .2s ease}.dropdown-menu{border-radius:0}.big-form,.search_bar{margin-top:-10px;margin-bottom:10px;text-align:right}.big-form button,.search_bar button{background-color:transparent;margin:0;padding:0;border:0}.big-form i.fa,.search_bar i.fa{margin-right:5px;color:#999;font-size:1.5em;vertical-align:middle}.big-form button:focus i.fa,.big-form button:hover i.fa,.search_bar a:focus,.search_bar a:focus i.fa,.search_bar a:hover,.search_bar a:hover i.fa,.search_bar button:focus i.fa,.search_bar button:hover i.fa{color:#ee4938;transition:all .2s ease;box-shadow:none}.big-form button:focus i.fa,.big-form button:hover i.fa,.search_bar.bigger button:focus i.fa,.search_bar.bigger button:hover i.fa{color:#dedede;transition:all .2s ease;box-shadow:none}#contact_form input,#contact_form select,#contact_form textarea,.big-form input,.search_bar input{border:0;border-bottom:2px solid silver;color:#888;font-size:18px;box-shadow:none;border-radius:0}.search_bar input{width:291px;border-bottom:0;font-size:23px}.search_bar.smaller input{width:254px;border-bottom:0;font-size:20px}.search_bar.bigger input{width:373px}.search_bar.bigger input::placeholder{opacity:1;color:#fff}#contact_form input,#contact_form select,#contact_form textarea{padding-left:5px}#contact_form input.error,#contact_form input:focus,#contact_form input:hover,#contact_form select.error,#contact_form textarea.error,#contact_form textarea:focus,#contact_form textarea:hover,.big-form input:focus,.big-form input:hover,.search_bar input:focus,.search_bar input:hover{border-bottom:2px solid #ee4938;box-shadow:none;transition:all .2s ease}.search_bar input:focus,.search_bar input:hover{border-bottom:0}.big-form,.search_bar.bigger,.search_bar.homepage{margin:0 0 20px 0;text-align:center}.big-form i.fa,.search_bar.bigger i.fa{font-size:3em;color:#fff}.big-form input,.search_bar.bigger input{font-size:1.4em;background-color:transparent;border-bottom:3px solid #fff;color:#fff}.pagination{text-align:center;margin-top:0}.pagination_link_wrapper .plaintext{display:inline-block;margin-left:10px;padding:0 8px;color:silver}.pagination_link_wrapper a{position:relative;display:inline-block;margin-left:10px;padding:0 8px;color:#999}.pagination_link_wrapper a:active,.pagination_link_wrapper a:hover{border-color:#ee4938;color:#ee4938;text-decoration:none;transition:all .2s ease}.pagination_link_wrapper a.selected{border-color:#ee4938;color:#ee4938}.pagination.top .pagination_link_wrapper a.selected:after{content:"";width:0;height:0;display:block;margin:0 auto;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #ee4938;position:absolute;right:15%;left:15%}.pagination.bottom .pagination_link_wrapper a.selected:before{content:"";width:0;height:0;display:block;margin:0 auto;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #ee4938;position:absolute;right:15%;left:15%;top:-9px}.drop-shadow{box-shadow:0 0 4px 0 #999}h1.divider,h2.divider{overflow:hidden;text-align:center;margin:50px 0;line-height:50px}h3.divider{overflow:hidden;text-align:center}h1.divider.mb-0,h2.divider.mb-0{margin-bottom:0}h1.divider>span,h2.divider>span,h3.divider>span{position:relative;display:inline-block}h1.divider>span:after,h1.divider>span:before,h2.divider>span:after,h2.divider>span:before,h3.divider>span:after,h3.divider>span:before{content:'';position:absolute;top:50%;border-bottom:1px solid #e8e8e8;width:591px;margin:0 30px}h1.divider>span:before,h2.divider>span:before,h3.divider>span:before{right:100%}h1.divider>span:after,h2.divider>span:after,h3.divider>span:after{left:100%}.fa.dot-separator{font-size:8px;vertical-align:middle;display:inline-block;margin:0 10px}.album-art-snippet{min-height:250px;padding-bottom:10px}.album-art-snippet .album-art{width:140px;height:140px;margin-bottom:5px}@media (min-width:490px){.album-art-snippet{min-height:300px}.album-art-snippet .album-art{width:210px;height:210px}}.data_label{font-family:'Alegreya SC',serif;text-transform:uppercase;font-size:12px}.data_label>strong{display:inline-block;width:60px}.related_box{padding:0}.CodeMirror{font-size:14px;height:100%!important}.table.album_table{max-width:100%;border-bottom:1px solid #e8e8e8;margin-top:24px}.table.album_table th{padding:0}.album_box,.artist_box{padding:12px 0}.album_box{min-height:160px}.artist_box{text-align:center}.album_box>.artist_name{font-size:32px;line-height:24px;margin:-10px 0 6px 0;padding:0}.album_description{padding-top:36px}.album_description p{padding-top:0}.album_image{width:100px;height:100px;margin-bottom:5px;margin-top:24px}.album_box{padding-left:110px}.album_rating{width:80px;height:80px;background-color:#ee4938;line-height:80px}.album_rating .h1{font-size:32px}table.song_plays_table img.album-art{width:100px;height:100px}@media (min-width:500px){.album_image{width:160px;height:160px}.album_box{padding-left:180px;margin-bottom:24px}}@media (min-width:768px){.album_image{margin-top:0}.album_description{padding:24px 0;position:relative}.album_description::before{content:"\f10d";font-family:FontAwesome;color:#dadada;position:relative;font-size:42px;margin-right:32px;float:left}.album_rating{margin-top:18px;width:100px;height:100px;background-color:#ee4938;line-height:90px}.album_rating .h1{font-size:42px}table.song_plays_table img.album-art{width:100px;height:100px}}table.tablesorter th{white-space:nowrap;cursor:pointer}table.tablesorter th.header:after{content:url(/images/bg.gif);width:5px;opacity:.5}.table>thead>tr>th{border-bottom-width:1px;border-bottom-color:#e8e8e8}.hero-image{position:relative;height:700px;background-size:cover;background-position:center}.ui-autocomplete{position:absolute;cursor:default}* html .ui-autocomplete{width:1px}.ui-menu{list-style:none;padding:2px;margin:0;display:block;background-color:#fff;border:1px solid #ddd;box-shadow:0 1px 1px rgba(0,0,0,.05);z-index:1;color:#414141}.ui-menu .ui-menu{margin-top:-3px}.ui-menu .ui-menu-item{margin:0;padding:0;width:100%;color:#666;font-size:15px}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:.2em .4em;line-height:1.5;zoom:1;color:#666}.ui-menu .ui-menu-item a.ui-state-active,.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-hover{background-color:#dedede}/*!106 * Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome107 * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)108 */@font-face{font-family:FontAwesome;src:url(/fonts/fontawesome-webfont.eot?v=4.2.0);src:url(/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0) format('embedded-opentype'),url(/fonts/fontawesome-webfont.woff?v=4.2.0) format('woff'),url(/fonts/fontawesome-webfont.ttf?v=4.2.0) format('truetype'),url(/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular) format('svg');font-weight:400;font-style:normal;font-display:swap}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-fw{width:1.28571429em;text-align:center}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-search:before{content:"\f002"}.fa-star:before{content:"\f005"}.fa-cog:before{content:"\f013"}.fa-download:before{content:"\f019"}.fa-tags:before{content:"\f02c"}.fa-pencil:before{content:"\f040"}.fa-backward:before{content:"\f04a"}.fa-forward:before{content:"\f04e"}.fa-comment:before{content:"\f075"}.fa-linkedin-square:before{content:"\f08c"}.fa-rss:before{content:"\f09e"}.fa-globe:before{content:"\f0ac"}.fa-envelope:before{content:"\f0e0"}.fa-exchange:before{content:"\f0ec"}.fa-desktop:before{content:"\f108"}.fa-circle:before{content:"\f111"}.fa-ellipsis-h:before{content:"\f141"}1109 </style>110 <!-- per https://stackoverflow.com/a/60477207 just to increase pagespeed score... -->111 <noscript>112 </noscript>113 </head>114 <body>115 <div id="page_wrapper">116 <div id="container">117 <nav class="navbar navbar-default" role="navigation">118 <div class="container">119 <div class="col-md-12">120 <div class="navbar-header">121 <button class="navbar-toggle collapsed" data-target="#nav" data-toggle="collapse" type="button">122 <span class="sr-only">123 Toggle navigation124 </span>125 <i class="fa fa-ellipsis-h text-muted">126 <!-- -->127 </i>128 </button>129 <a class="navbar-brand">130 [david@quixfox]131 </a>132 <div class="breadcrumbs">133 <ol class="list-inline pull-right hidden-xs" itemscope itemtype="" style="margin-bottom:0;">134 <li itemprop="itemListElement" itemscope itemtype="">135 <a class="text-very-muted" itemprop="item">136 <span itemprop="name">137 ~138 </span>139 <meta content="1" itemprop="position">140 </a>141 </li>142 <li class="text-very-muted" style="margin:0 -3px;">143 /144 </li>145 <li itemprop="itemListElement" itemscope itemtype="">146 <a class="text-very-muted" itemprop="item">147 <span itemprop="name">148 Archives149 </span>150 <meta content="1" itemprop="position">151 </a>152 </li>153 <li class="text-very-muted" style="margin:0 -3px;">154 /155 </li>156 </ol>157 </div>158 </div>159 <div class="collapse navbar-collapse" id="nav">160 <ul class="navbar-nav nav navbar-right">161 <li>162 <a>163 about164 </a>165 </li>166 <li>167 <a>168 projects169 </a>170 </li>171 <li>172 <a>173 music174 </a>175 </li>176 <li>177 <a>178 archives179 </a>180 </li>181 </ul>182 </div>183 </div>184 </div>185 </nav>186 <div class="content-container">187 <div class="container">188 <div class="col-md-12">189 <div>190 <div class="row">191 <div class="col-md-12">192 <h1 class="divider mb-0">193 <span>194 4 Beds In 4 Days195 </span>196 </h1>197 <h4 class="text-muted text-nopad text-center">198 August 15th, 2006199 </h4>200 <br>201 </div>202 </div>203 <div class="row">204 <div class="col-md-12 article article-container">205 <p>206 Hey everyone. Well, the dream has finally been realized.207 </p>208 <p>209 As the title suggests, I had a pretty hectic weekend. We newbie volunteers had our 3 month In Service Training in the Capital.210 </p>211 <p>212 After 2 nights at the retreat center, I spent a 3rd night at the hostel in the capital hanging out with other volunteers and venting in English to people that are dealing with the same kinds of issues. It was a nice getaway and exactly what we (I) needed.213 </p>214 <p>215 The next morning, 2 volunteers and I set off for Samana, the lush peninsula jutting from the north-northeast region of the island. We stopped in Sabana del Mar and took an hour long ferry across the Samana Bay.216 </p>217 <p>218 We woke up Sunday, ate a quick breakfast, and headed to the tip of the Samana peninsula to visit one of the most beautiful coastlines in the country (and I'd guess it wouldn't rank too poorly on a world-wide list either). Pictures forthcoming.219 </p>220 <p>221 Home sweet home.222 </p>223 </div>224 </div>225 <div class="row padtop">226 <div class="col-xs-12 text-right">227 <span class="text-muted">228 <i class="fa fa-tags text-very-muted" style="font-size:14px;">229 <!-- -->230 </i>231 <a class="small text-muted">232 Peace Corps233 </a>234 </span>235 </div>236 </div>237 <hr class="shallow">238 <div class="row">239 <div class="col-xs-6">240 <a>241 « Older242 </a>243 </div>244 <div class="col-xs-6 text-right">245 <a>246 Newer »247 </a>248 </div>249 </div>250 <br>251 </div>252 </div>253 <div class="clearfix col-md-12 section">254 <h2>255 <span>256 Related Articles257 </span>258 </h2>259 <div class="row post-list">260 <div class="col-sm-9">261 <h4 class="nopad">262 <a>263 And Another264 </a>265 </h4>266 </div>267 <div class="col-sm-3 text-right-to-left">268 <h4 class="nopad text-muted">269 <em>270 Oct 21st, 2006271 </em>272 </h4>273 </div>274 </div>275 <div class="row post-list">276 <div class="col-sm-9">277 <h4 class="nopad">278 <a>279 A Month Goes By...280 </a>281 </h4>282 </div>283 <div class="col-sm-3 text-right-to-left">284 <h4 class="nopad text-muted">285 <em>286 Sep 22nd, 2006287 </em>288 </h4>289 </div>290 </div>291 <div class="row post-list">292 <div class="col-sm-9">293 <h4 class="nopad">294 <a>295 A New House296 </a>297 </h4>298 </div>299 <div class="col-sm-3 text-right-to-left">300 <h4 class="nopad text-muted">301 <em>302 Aug 25th, 2006303 </em>304 </h4>305 </div>306 </div>307 <div class="row post-list">308 <div class="col-sm-9">309 <h4 class="nopad">310 <a>311 Culture Shock312 </a>313 </h4>314 </div>315 <div class="col-sm-3 text-right-to-left">316 <h4 class="nopad text-muted">317 <em>318 Jul 16th, 2006319 </em>320 </h4>321 </div>322 </div>323 <div class="row post-list">324 <div class="col-sm-9">325 <h4 class="nopad">326 <a>327 House Hunting328 </a>329 </h4>330 </div>331 <div class="col-sm-3 text-right-to-left">332 <h4 class="nopad text-muted">333 <em>334 Jul 15th, 2006335 </em>336 </h4>337 </div>338 </div>339 <div class="row post-list">340 <div class="col-sm-9">341 <h4 class="nopad">342 <a>343 El Codigo DaVinci344 </a>345 </h4>346 </div>347 <div class="col-sm-3 text-right-to-left">348 <h4 class="nopad text-muted">349 <em>350 Jun 2nd, 2006351 </em>352 </h4>353 </div>354 </div>355 <div class="row post-list">356 <div class="col-sm-9">357 <h4 class="nopad">358 <a>359 Where It All Begins360 </a>361 </h4>362 </div>363 <div class="col-sm-3 text-right-to-left">364 <h4 class="nopad text-muted">365 <em>366 Jun 1st, 2006367 </em>368 </h4>369 </div>370 </div>371 <div class="text-right padtop">372 <a>373 See All Articles »374 </a>375 </div>376 </div>377 </div>378 <div class="clearfix">379 </div>380 </div>381 </div>382 <div class="container">383 <div class="col-md-12 text-center">384 <hr style="margin-bottom:20px;padding-bottom:0;">385 <div class="row">386 <div class="col-xs-12">387 <a class="center-block no-border" style="max-width:180px;" title="Let's try this again!">388 <img alt="quixote" class="lazy img-responsive quixote" data-src="/images/quixote.png" height="180" src="rick.jpg" width="180">389 </a>390 </div>391 </div>392 <p class="text-muted">393 © 2006-2023 quixfox [at] gmail dot com394 <i class="fa fa-circle fa-fw dot-separator">395 <!-- -->396 </i>397 <a class="text-muted" rel="license noreferrer noopener">398 some399 rights reserved400 </a>401 402 <a class="text-muted" rel="noreferrer noopener" style="font-size:15px;" target="_blank">403 <i class="fa fa-linkedin-square">404 <!-- -->405 </i>406 </a>407 408 <a class="text-muted" style="font-size:15px;">409 <i class="fa fa-rss">410 <!-- -->411 </i>412 </a>413 </p>414 </div>415 </div>416 </div>417 </body>418</html>419