/*!
 * Bootstrap v3.1.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 
 */
 

body{background:#fff;color:#3c444d;font-family:'ARSMaquetteProRegular',sans-serif;padding-top:0;letter-spacing:-0.02em}
a{color:#007CE0}
a:hover,a:focus {color:#3c444d;text-decoration:none}

/* Typography */
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic|PT+Mono);
@font-face {font-family:'ARSMaquetteProLight';src: url('fonts/arsmaquettepro-light.eot');src: url('fonts/arsmaquettepro-light.eot') format('embedded-opentype'),url('fonts/arsmaquettepro-light.ttf') format('truetype')}
@font-face {font-family:'ARSMaquetteProRegular';src: url('fonts/arsmaquettepro-regular.eot');src: url('fonts/arsmaquettepro-regular.eot') format('embedded-opentype'),url('fonts/arsmaquettepro-regular.ttf') format('truetype')}
@font-face {font-family:'ARSMaquetteProMedium';src: url('fonts/arsmaquettepro-medium.eot');src: url('fonts/arsmaquettepro-medium.eot') format('embedded-opentype'),url('fonts/arsmaquettepro-medium.ttf') format('truetype')}
@font-face {font-family:'ARSMaquetteProBold';src: url('fonts/arsmaquettepro-bold.eot');src: url('fonts/arsmaquettepro-bold.eot') format('embedded-opentype'),url('fonts/arsmaquettepro-bold.ttf') format('truetype')}
/*@font-face {font-family:'ARSMaquetteProBlack';src: url('fonts/arsmaquettepro-black.eot');src: url('fonts/arsmaquettepro-black.eot') format('embedded-opentype'),url('fonts/arsmaquettepro-black.ttf') format('truetype')}*/
@font-face {font-family:'AboutFaceRegular';src:url('fonts/aboutface.eot');src: url('fonts/aboutface.eot') format('embedded-opentype'),url('fonts/aboutface.ttf') format('truetype')}
h1,h2,h3,h4,h5,h6 {font-family:'ARSMaquetteProBold',sans-serif}
h1 em,h2 em,h3 em,h4 em,h5 em,h6 em {font-family:'ARSMaquetteProLight',sans-serif}
.font-light {font-family:'ARSMaquetteProLight',sans-serif}
.font-regular {font-family:'ARSMaquetteProRegular',sans-serif}
.font-medium {font-family:'ARSMaquetteProMedium',sans-serif}
.font-bold,b,strong {font-family:'ARSMaquetteProBold',sans-serif;letter-spacing:-0.04em}
.font-cursive {font-family:'AboutFaceRegular',sans-serif;line-height:1}
.font-light i {font-style:normal}

/* Navbar */
.navbar a,.navbar-inverse .navbar-nav>li>a {color:#fff;font-family:'ARSMaquetteProMedium',sans-serif}
.navbar{border:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin-bottom:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#007bdf;-moz-box-shadow:0 1px 3px rgba(0,0,0,.6);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.6);box-shadow:0 1px 3px rgba(0,0,0,.6);background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNWZhYiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNmOWJlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);background-image: -moz-linear-gradient(bottom, #005fab 0%, #3f9be7 100%);background-image: -o-linear-gradient(bottom, #005fab 0%, #3f9be7 100%);background-image: -webkit-linear-gradient(bottom, #005fab 0%, #3f9be7 100%);background-image: linear-gradient(bottom, #005fab 0%, #3f9be7 100%);}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {background:#fff;color:#007bdf}
#navigation {position:fixed;padding-top:15px;z-index:100000;background:transparent url(../images/navigation.png) repeat-x 0 0;background:#fff;height:115px;width:100%}
.navbar-inverse .navbar-brand,.navbar-text {color:#fff}
.navbar-btn.btn-primary {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
/* Breadcrumb */
.breadcrumb {position:relative;background:transparent;border-bottom:2px solid #f4f4f4;letter-spacing:normal}
.breadcrumb>li+li:before {content:"\203A";font-size:22px;padding:0 10px;color:#D1D1D1}
.breadcrumb>.active {color:#3c444d}
/* Headings */
header {margin-bottom:30px}
.title {overflow:hidden}
.title h1 {margin:0}
.title h2 {color:#D1D1D1;font-family:'ARSMaquetteProRegular',sans-serif}
.title h1 span,.title h2 span {display:inline-block;padding:0 20px;background:#fff;position:relative;z-index:100}
.title h1:after,.title h2:after {content: "—";display:block}
.title h1,.title h2 {text-align:center;position:relative;z-index:10;line-height:1.2}
.title h1:after {content:" ";display:block;height:2px;width:100%;overflow:hidden;position:absolute;top:50%;background:#f4f4f4}
.title h2:after {content:" ";display:block;height:1px;width:100%;overflow:hidden;position:absolute;top:50%;background:#f4f4f4}
/* Jumbatrons & Wells */
.jumbotron {background:#fafafa}
.well {background:#fafafa}
.well .title h1 span,.well .title h2 span {background:#fafafa}
/* Butons */
.btn {border:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;font-family:'ARSMaquetteProMedium',sans-serif;font-size:16px;letter-spacing:normal;padding:10px 15px;text-shadow:0 -1px 0 rgba(0,0,0,.5);-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-moz-box-shadow:0 3px 0 rgba(194,194,199,.27);-webkit-box-shadow:0 3px 0 rgba(194,194,199,.27);box-shadow:0 3px 0 rgba(194,194,199,.27)}
.btn-default {border:2px solid #007ce0;color:#007ce0;padding:8px 15px;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;text-shadow:none}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {background:#007ce0;color:#fff;border-color:#007ce0}
.btn-primary {background-color:#007bdf;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNmZjOSIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE5ODllMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);background-image:-moz-linear-gradient(bottom, #006fc9 0%, #1989e3 100%);background-image:-o-linear-gradient(bottom, #006fc9 0%, #1989e3 100%);background-image:-webkit-linear-gradient(bottom, #006fc9 0%, #1989e3 100%);background-image:linear-gradient(bottom, #006fc9 0%, #1989e3 100%)}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {background:#003a70}
.btn-lg, .btn-group-lg>.btn {font-size:20px;padding:12px 20px;font-family:'ARSMaquetteProBold',sans-serif}
.btn-sm {padding:0 5px;font-size:12px;line-height:28px;border-radius:5px}
.btn-link {-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;text-shadow:none}
.input-group-btn>.btn-default {padding:4px 10px}
/* Labels */
.label {font-size:75%;font-family:'ARSMaquetteProRegular',sans-serif;background:#3c444d}
.panel-info {border-color:#007ce0}
.panel-info>.panel-heading {background:#007ce0;color:#fff;border-color:#007ce0}
.label-info {background:#007ce0}
.alert-info {background:#007ce0;color:#fff;border-color:#007ce0}
.alert-info .alert-link {color:#fff;text-decoration:underline}
.progress-bar-info {background:#007ce0}
.label-success {background:#01c460}
.alert-success {background:#01c460;color:#fff;border-color:#01c460}
.alert-success .alert-link {color:#fff;text-decoration:underline}
.progress-bar-success {background:#01c460}
.panel-success {border-color:#01c460}
.panel-success>.panel-heading {background:#01c460;color:#fff;border-color:#01c460}
.label-warning {background:#ff9e30}
.alert-warning {background:#ff9e30;color:#fff;border-color:#ff9e30}
.alert-warning .alert-link {color:#fff;text-decoration:underline}
.progress-bar-warning {background:#ff9e30}
.panel-warning {border-color:#ff9e30}
.panel-warning>.panel-heading {background:#ff9e30;color:#fff;border-color:#ff9e30}
.label-danger {background:#f25c5c}
.alert-danger {background:#f25c5c;color:#fff;border-color:#f25c5c}
.alert-danger .alert-link {color:#fff;text-decoration:underline}
.progress-bar-danger {background:#F25B5B}
.panel-danger {border-color:#F25B5B}
.panel-danger>.panel-heading {background:#F25B5B;color:#fff;border-color:#F25B5B}
.panel-footer {background:#f4f4f4}
/* Forms */
legend {border-color:#e3e3e3;padding-bottom:10px;text-align:center}
label {font-family:'ARSMaquetteProBold',sans-serif;letter-spacing:-0.04em;font-weight:normal}
.form-fieldset {border-bottom:1px solid #e3e3e3;margin-bottom:20px}
.checkbox-inline,.radio-inline,label.checkbox {font-family:'ARSMaquetteProNormal',sans-serif;letter-spacing:normal;font-weight:normal}
/* Modals */
.modal-content {}
.modal-header {background:#003a70;color:#fff;-webkit-border-radius:5px 5px 0 0;;-moz-border-radius:5px 5px 0 0;;border-radius:5px 5px 0 0;}
/* Colours */
.bg-charcoal {background:#3c444d}			.white {color:#fff !important}
.bg-blue {background:#0047BA} 				.blue {color:#0047BA}
.bg-dark-blue {background:#053a70}		.dark-blue {color:#053a70}
.bg-mid-blue {background:#007ce0}			.mid-blue {color:#007ce0}
.bg-light-blue {background:#00b4f2}		.light-blue {color:#00b4f2}
.bg-purple {background:#a574d1}				.purple {color:#a574d1}
.bg-light-grey {background:#fafafa}		.light-grey {color:#fafafa}
.bg-mid-grey {background:#f4f4f4}			.mid-grey {color:#f4f4f4}
.bg-grey {background:#D1D1D1}					.grey {color:#D1D1D1}
.bg-dark-grey {background:#b3b3b3}		.dark-grey {color:#b3b3b3}
.bg-green {background:#01c460}				.green {color:#01c460}
.bg-red {background:#f25c5c}					.red {color:#f25c5c}
.bg-turquiose {background:#3ee5c7}		.turquiose {color:#3ee5c7}
.bg-orange {background:#ff9e30}				.orange {color:#ff9e30}
.bg-pink {background:#f674b1}					.pink {color:#f674b1}
.bg-yellow {background:#ffd140}				.yellow {color:#ffd140}
/* Wallpapers */
.wallpaper-light {background-image:url(../images/12WBT-wallpaper-light.png);background-repeat:repeat;background-position:0 0}
/* Icons */
@font-face {font-family:'12wbt';src:url('fonts/12wbt.eot?-rms8wc');src:url('fonts/12wbt.eot?#iefix-rms8wc') format('embedded-opentype'),url('fonts/12wbt.woff?-rms8wc') format('woff'),url('fonts/12wbt.ttf?-rms8wc') format('truetype'),url('fonts/12wbt.svg?-rms8wc#12wbt') format('svg');font-weight:normal;font-style:normal}
[class^="icon-12wbt-"], [class*="icon-12wbt-"] {font-family:'12wbt';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:60px}
.icon-12wbt-wbt:before {content:"\e600"}
.icon-12wbt-play:before {content:"\e601"}
.icon-12wbt-back:before {content:"\e602"}
.icon-12wbt-forward:before {content:"\e603"}
.icon-12wbt-blog:before {content:"\e604"}
.icon-12wbt-instagram:before {content:"\e605"}
.icon-12wbt-pinterest:before {content:"\e606"}
.icon-12wbt-youtube:before {content:"\e607"}
.icon-12wbt-twitter:before {content:"\e608"}
.icon-12wbt-facebook:before {content:"\e609"}
.icon-12wbt-fitness:before {content:"\e60a"}
.icon-12wbt-weightloss:before {content:"\e60b"}
.icon-12wbt-pregnancy:before {content:"\e60c"}
.icon-12wbt-running:before {content:"\e60d"}
.icon-12wbt-peek:before {content:"\e60e"}
.icon-12wbt-members:before {content:"\e60f"}
.icon-12wbt-testimonials:before {content:"\e610"}
.icon-12wbt-thumbsup:before {content:"\e611"}
.icon-12wbt-tick:before {content:"\e612"}
.icon-12wbt-tick-list:before {content:"\e613"}
.icon-12wbt-quote-end:before {content:"\e614"}
.icon-12wbt-quote-start:before {content:"\e615"}
.icon-12wbt-food:before {content:"\e616"}
.icon-12wbt-question:before {content:"\e617"}
.icon-12wbt-fitness-alt:before {content: "\e618"}
.icon-12wbt-shop:before {content:"\e619"}
.icon-12wbt-mindset:before {content:"\e61a"}
.icon-12wbt-help:before {content:"\e61c"}
.icon-12wbt-login:before {content:"\e61b"}
.icon-12wbt-info:before {content:"\e61d"}
.icon-12wbt-forums:before {content:"\e61e"}
.icon-12wbt-mobile-apps:before {content:"\e61f"}
.icon-12wbt-video:before {content:"\e620"}
.icon-12wbt-down:before {content:"\e621"}
.icon-12wbt-up:before {content:"\e622"}
.icon-12wbt-left:before {content:"\e623"}
.icon-12wbt-right:before {content:"\e624"}
.icon-12wbt-blog-alt:before {content:"\e625"}
.icon-12wbt-facebook-alt:before {content:"\e626"}
.icon-12wbt-twitter-alt:before {content:"\e627"}
.icon-12wbt-instagram-alt:before {content:"\e628"}
.icon-12wbt-youtube-alt:before {content:"\e629"}
.icon-12wbt-pinterest-alt:before {content:"\e62a"}
.icon-12wbt-dropdown:before {content:"\e62b"}
[class^="circle-"] {display:inline-block;overflow:hidden;text-align:center}
.circle-sm {height:20px;width:20px;line-height:35px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px}
.circle-sm [class^="icon-"] {color:#fff;font-size:15px}
.circle-md {height:60px;width:60px;line-height:85px;-moz-border-radius:60px;-webkit-border-radius:60px;border-radius:60px}
.circle-md [class^="icon-"] {color:#fff;font-size:40px}
.circle-lg {height:100px;width:100px;line-height:150px;-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px}
.circle-lg [class^="icon-"] {color:#fff;font-size:70px}
.btn [class^="icon-"] {display:inline-block;font-size:20px;position:relative;top:3px;font-weight:bold}
.btn.btn-lg [class^="icon-"] {font-size:24px;top:4px}

/* Hero */
#hero {position:relative;padding-top:60px;height:540px;margin:0 auto;background:#3d444e url('https://12wbt.com/sites/53927e37f20e991c08000011/theme/images/shared/bg-hero-michelle-in-park.jpg') no-repeat 51% top;-webkit-box-shadow:inset 0px -15px 20px -15px #3c444d, inset 0px -15px 20px -15px #3c444d;-moz-box-shadow:inset 0px -15px 20px -15px #3c444d, inset 0px -15px 20px -15px #3c444d;box-shadow:inset 0px -15px 20px -15px #3c444d, inset 0px -15px 20px -15px #3c444d}
#hero .container {position:relative}
#hero #logo {font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;padding:20px 40px 20px 40px;margin-bottom:20px;display:block}
body.home #hero #logo {margin-top:40px;border-bottom:1px solid #fff}



/* 
==================================================================
Styleguide Specific 
================================================================== */
body {position:relative}
.screenshots #navigation {background-color:#fff}
#page {padding-top:115px;position:relative}
#page a.dropdown-toggle {color:#000 !important}
#page .nav-pills>li>em {font-style:normal;color:#ccc;position:relative;display:block;padding:10px 15px}
.well-sm {padding:0;margin:20px 0}
.swatch {height:100px;text-align:center}
.col-lg-3 .swatch {height:160px}
.col-lg-3 a:hover .swatch {background:#3c444d !important}
.swatch-detail h2,.swatch-detail h3 {text-align:center;color:#3b434c}
.swatch-detail h3 {font-size:16px;margin-top:14px}
.swatch-detail p {margin:0;border-bottom:1px solid #eee;padding:2px 0;text-align:center}
.swatch-detail p b {display:inline-block;padding:0 3px 0 0}
.swatch-detail p:last-child {border:0}
.swatch .glyphicon {font-size:70px;text-align:center;margin:45px auto}
.card {display:block;border:1px solid #ddd;padding:5px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;background:#fff;margin-bottom:20px;position:relative;-webkit-box-shadow:0 1px 3px rgba(44,54,67,0.1);box-shadow:0 1px 3px rgba(0,0,0,0.10)}
.section {margin-bottom:40px}
.section .well {margin-bottom:40px}
.section .well .title h2:after {content:" ";display:block;height:1px;width:100%;overflow:hidden;position:absolute;top:50%;background:#e3e3e3}
.section .well hr {margin:30px 0}
.section-typography h1 {font-size:50px}
.panel-default {border:0;background:#fafafa;border: 1px solid #e3e3e3;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);box-shadow: inset 0 1px 1px rgba(0,0,0,.05)}
.panel-default>.panel-heading {font-family:'ARSMaquetteProBold',sans-serif;background:transparent;border:0}
small.notes em {font-size:14px;font-style:normal;color:#999;display:block;padding:10px 0 0 10px}
small.notes.white em {color:#bbb}
.well p.notes {padding:0 75px}
.example {margin-bottom:60px}
.border-top {border-top:3px solid #eee}
hr.border-top {width:20%;margin:2em auto}
.list-unstyled li {border-bottom:1px solid #eee;padding:15px 0}
.list-unstyled li:hover p {color:#333}
.list-unstyled li:last-child {border:0}
.list-unstyled li .glyphicon {margin:0 5px 0 0;top:5px;color:#ddd;font-size:30px}
.list-unstyled li :hover .glyphicon {color:#0041BC}
.list-unstyled li h4 {margin:0}
.list-unstyled li p {color:#999}
.list-unstyled a {display:block}
.list-unstyled a h2 {margin-top:0}
.list-unstyled a h2 em {font-style:normal;color:#999;font-weight:100}
.design {text-align:center;padding:160px 30px 60px 30px;background:#fff}
.design .screen {-moz-box-shadow:0 0 10px 6px #ccc;-webkit-box-shadow:0 0 10px 6px #ccc;box-shadow:0 0 10px 2px #ccc}
.description {padding:0 0 50px 0;margin-bottom:50px}
.description h1 {font-size:50px;margin:0 0 20px 0;line-height:1}
.description h3 {font-size:30px;margin:0;font-family:'ARSMaquetteProLight',sans-serif;font-style:normal}
.caption {font-size:30px;padding:30px 0;margin-bottom:50px;font-family:'ARSMaquetteProLight',sans-serif;font-style:normal}
.caption i {font-style:normal}
.caption ul {text-align:left;width:50%;margin:0 auto}
.caption ul li {font-style:italic}
.caption .glyphicon {font-size:60px}
.col-lg-3 h4 {font-weight:100;color:#999}
.ipad {background:url(../images/ipad.png);height:1346px;width:975px;position:relative;margin:0 auto}
.ipad-screenshot {position:absolute;top:147px;left:99px;height:1024px;width:768px;overflow:auto}
.iphone {background:url(../images/iphone.png);height:896px;width:482px;position:relative;margin:0 auto}
.iphone-screenshot {position:absolute;top:167px;left:83px;height:570px;width:320px;overflow:auto;}
.iphone-nav {position:absolute;top:167px;left:83px;height:45px;width:320px;overflow:hidden;background:url(../images/12wbt-mobile-nav.png) no-repeat 0 0}
.iphone-nav-open {position:absolute;top:167px;left:83px;height:570px;width:320px;overflow:hidden;background:url(../images/12wbt-mobile-nav-open.png) no-repeat 0 0}
.panel-body .navbar {margin-bottom:10px}
#grid .row {margin-bottom:10px;margin-top:10px}
#grid .panel-default {background:#fff;font-size:11px;text-align:center;color:#ccc}
#grid [class^="col-"] {padding-top:15px;padding-bottom:15px}