@font-face { font-family: "Avenir"; src: url("/fonts/avenir_book.otf"); }
@font-face { font-family: "Avenir"; src: url("/fonts/avenir_book.ttf"); }
@font-face { font-family: "Avenir"; font-weight: bold; src: url("/fonts/avenir_medium.otf"); }
@font-face { font-family: "Avenir"; font-weight: bold; src: url("/fonts/avenir_medium.ttf"); }
@font-face { font-family: "Avenir"; font-weight: 700; src: url("/fonts/avenir_heavy.otf"); }
@font-face { font-family: "Avenir"; font-weight: 700; src: url("/fonts/avenir_heavy.ttf"); }
body { background: #f8f8f8; font-family: 'Avenir', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #545454; }

.footer { text-align: center; }
.footer p { font-size: 13px; }

.img-rounded { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }

h1.page-heading { font-weight: normal; text-transform: uppercase; text-align: center; font-size: 28px; letter-spacing: 2px; color: #6e6e6e; margin-bottom: 40px; }

h1 small { display: block; padding-top: 4px; color: #989898; }

h2.page-heading { font-weight: normal; text-transform: uppercase; text-align: center; font-size: 28px; letter-spacing: 2px; color: #6e6e6e; }
h2.page-heading.smaller { font-size: 20px; }

p, ul, address { font-size: 19px; margin-bottom: 40px; line-height: 1.6em; }
p.lead, ul.lead, address.lead { font-size: 1.9em; line-height: 1.4em; font-weight: normal; margin-bottom: 40px; }

/*body.cover, .header_wrapper{
	background: rgba(222,142,142,1);
background: -moz-linear-gradient(left, rgba(222,142,142,1) 0%, rgba(228,155,133,1) 49%, rgba(235,168,123,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(222,142,142,1)), color-stop(49%, rgba(228,155,133,1)), color-stop(100%, rgba(235,168,123,1)));
background: -webkit-linear-gradient(left, rgba(222,142,142,1) 0%, rgba(228,155,133,1) 49%, rgba(235,168,123,1) 100%);
background: -o-linear-gradient(left, rgba(222,142,142,1) 0%, rgba(228,155,133,1) 49%, rgba(235,168,123,1) 100%);
background: -ms-linear-gradient(left, rgba(222,142,142,1) 0%, rgba(228,155,133,1) 49%, rgba(235,168,123,1) 100%);
background: linear-gradient(to right, rgba(222,142,142,1) 0%, rgba(228,155,133,1) 49%, rgba(235,168,123,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de8e8e', endColorstr='#eba87b', GradientType=1 );
}
*/
body.cover { background: url(/images/cover.jpg) no-repeat center 80%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.header_wrapper { background: url(/images/cover.png) no-repeat 0px center; background-color: #3F290E; background-size: 470px 111px; }

.header_avatar { display: none; }

.header_wrapper { padding: 2% 0; font-size: 16px; color: white; text-align: center; }
.header_wrapper a { color: white; }
.header_wrapper .container { max-width: 550px; }
.header_wrapper p { display: inline-block; }

.alignright { float: right; margin: 0 0 10px 15px; }

.alignleft { float: left; margin: 0 15px 10px 0px; }

h3 { line-height: 1.4em; margin-top: 0px; margin-bottom: 40px; }

hr { margin-top: 50px; margin-bottom: 50px; }

.navmenu { padding: 0 20px; }

.container { max-width: 980px; }

.navbar-default { background: none; border: none; margin-bottom: 0px; }

.navbar-toggle { float: none; }

.navbar-default .navbar-toggle { border: none; }

.navbar-default .navbar-toggle .icon-bar { background-color: white; }

.navbar_wrapper { background: #f3f3f3; border-bottom: 1px solid #e9e9e9; padding: 30px 20px; text-align: center; }

.masthead-nav > li { display: inline-block; }

.masthead-nav > li > a { padding-right: 0; padding-left: 0; font-size: 16px; font-weight: bold; color: #fff; /* IE8 proofing */ color: rgba(255, 255, 255, 0.75); border-bottom: 2px solid transparent; color: white; border: none !important; padding: 5px 15px; border-radius: 50px; }

.masthead-nav > li > a:hover, .masthead-nav > li > a:focus { background-color: transparent; border-bottom-color: #a9a9a9; border-bottom-color: rgba(255, 255, 255, 0.25); }

.masthead-nav > .active > a, .masthead-nav > .active > a:hover, .masthead-nav > .active > a:focus { color: #3A2408; background: white; border-bottom-color: #fff; }

body.cover .nav a { color: #BE5C45; }
body.cover .nav li.active a { color: white; border: none !important; background: #BE5C45 !important; padding: 5px 15px; border-radius: 50px; }

.front_avatar { -webkit-border-radius: 200px; -moz-border-radius: 200px; -ms-border-radius: 200px; border-radius: 200px; border: 3px solid rgba(255, 255, 255, 0.1); max-width: 100px; max-height: 100px; }

.header_avatar { -webkit-border-radius: 200px; -moz-border-radius: 200px; -ms-border-radius: 200px; border-radius: 200px; border: 2px solid rgba(255, 255, 255, 0.1); max-width: 44px; max-height: 44px; position: absolute; float: left; margin-left: 20px; position: relative; z-index: 999; }
.header_avatar:hover { border: 2px solid rgba(255, 255, 255, 0.3); }

a.twitter { float: right; position: relative; z-index: 999; -webkit-opacity: 0.5; -moz-opacity: 0.5; -ms-opacity: 0.5; opacity: 0.5; display: block; width: 40px; height: 40px; margin-right: 20px; }
a.twitter:hover { -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; opacity: 1; }
a.twitter span { display: block; height: 40px; width: 40px; border: 2px solid white; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; }
a.twitter img { position: relative; top: 6px; }

.front_intro { text-align: center; position: absolute; bottom: 10%; text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 2px; font-weight: 500; }
.front_intro p { font-size: 24px; color: white; display: inline; line-height: 30px; }

.container.content { max-width: 740px; padding-top: 30px; }

.container.press_media_files { max-width: 1400px; }

.post { margin-bottom: 60px; padding-bottom: 40px; border-bottom: 1px solid #ededed; }

.post span.time { color: #c1c1c1; padding-bottom: 0em; display: block; font-size: 14px; text-transform: uppercase; z-index: 55; position: relative; letter-spacing: 2px; text-align: center; line-height: 24px; margin-bottom: 4px; }
.post span.time a { color: #aeaeae; }

.post h2 { font-weight: bold; font-size: 30px; line-height: 1.2; margin-bottom: 35px; letter-spacing: -1px; text-align: center; margin-top: 0px; }
.post h2 a { color: #2e2e2e; }

.media-object-wrapper { padding-bottom: 56.25%; margin: 1.25em 0; width: 100%; height: 0; position: relative; }
.media-object-wrapper iframe { width: 100%; height: 100%; position: absolute; }
.media-object-wrapper img { max-width: 100%; }

a { color: #D08383; }
a:hover { color: #D08383; text-decoration: underline; }

blockquote { border-left-color: #E9A77F; }

html, body.cover { height: 100%; }

body.cover { color: #fff; text-align: center; }
body.cover a { color: white; }

/* Extra markup and styles for table-esque vertical and horizontal centering */
body.cover .site-wrapper { display: table; width: 100%; height: 100%; /* For at least Firefox */ min-height: 100%; }

body.cover .site-wrapper-inner { display: table-cell; vertical-align: top; }

body.cover .cover-container { margin-right: auto; margin-left: auto; }

/* Padding for spacing */
body.cover .inner { padding: 30px; }

/* Cover */
body.cover .cover { padding: 0 20px; }

body.cover .cover .btn-lg { padding: 10px 20px; font-weight: bold; }

/* Footer */
body.cover .mastfoot { color: #999; /* IE8 proofing */ color: rgba(255, 255, 255, 0.5); }
body.cover .mastfoot p { margin-bottom: 0px; }

a.twitter { display: none; }

/* Affix and center */
@media (min-width: 768px) { a.twitter { display: block; }
  /* Pull out the header and footer */
  body.cover .masthead { position: fixed; top: 0; }
  body.cover .mastfoot { position: fixed; bottom: 0; }
  /* Start the vertical centering */
  body.cover .site-wrapper-inner { vertical-align: middle; }
  /* Handle the widths */
  body.cover .masthead, body.cover .mastfoot, body.cover .cover-container { width: 100%; /* Must be percentage or pixels for horizontal alignment */ } }
@media (min-width: 992px) { body.cover .masthead, body.cover .mastfoot, body.cover .cover-container { width: 700px; } }
ul.awards li { line-height: 38px; }
ul.awards li strong { font-weight: normal; }
ul.awards li small, ul.awards li a { color: #a8a8a8; }
ul.awards li a { text-decoration: underline; }

p.subtitle { color: #a6a6a6; text-transform: uppercase; font-size: 15px; margin-top: -10px; }

post.h2 { font-weight: bold; }

.contact_list { font-size: 23px; margin-bottom: -30px; }
.contact_list .col-sm-6 { margin-bottom: 30px; }
.contact_list small { text-transform: uppercase; color: #7f7f7f; font-size: 12px; display: block; line-height: 1em; }

.caption { font-size: 13px; color: #828282; margin-top: -30px; text-align: center; }

ul.press li { margin-bottom: 20px; }
ul.press strong { display: block; font-weight: bold; }
ul.press strong small { font-weight: normal; font-size: 17px; color: #a3a3a3; }

.round { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }

.shadow { -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 0 4px; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 0 4px; -ms-box-shadow: rgba(0, 0, 0, 0.15) 0 0 4px; box-shadow: rgba(0, 0, 0, 0.15) 0 0 4px; }

.article_embed a { padding: 10px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; display: block; color: #545454; }
.article_embed a:hover { background: white; text-decoration: none; }
.article_embed a:hover h4 { text-decoration: underline; }
.article_embed a h4 { color: #D08383; }
.article_embed a .embed_domain { color: #b3b3b3; display: block; }
.article_embed a .embed_text { font-size: 13px; }
.article_embed .media-heading { font-weight: bold; }

.single_article { margin-bottom: 60px; }
.single_article .media { overflow: visible; }
.single_article .description { padding-top: 10px; }
.single_article h3 { font-weight: bold; margin-bottom: 0px; }
.single_article small.date { margin-bottom: 15px; display: block; color: #888888; font-size: 16px; }
.single_article p { margin-bottom: 30px; font-size: 17px; }

.about_image { margin-bottom: 40px; }

.post .media-object { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }

h4 { margin-bottom: 10px; font-weight: normal; }

.portfolio { padding: 0px; text-align: center; color: #3a3a3a; }
.portfolio .appstoreimages { width: 90%; margin: 0 auto; }
.portfolio .appstoreimages img { border-radius: 4px; }
.portfolio .icon { margin-top: -60px; }
.portfolio .project { margin-top: 70px; padding: 0 80px; padding-bottom: 60px; margin-bottom: 200px; background-repeat: repeat-y; background-size: 100% auto !important; background-color: white; border: 1px solid #f0f0f0; }
.portfolio .project .media_wrapper_margin { margin-bottom: 60px; }
.portfolio .project .img-responsive { margin-bottom: 40px; }
.portfolio .project h2 { font-size: 22px; margin-bottom: 20px; }
.portfolio .project p { font-size: 17px; }
.portfolio .sporty h2 { margin-top: 40px; }
.portfolio .sporty img.center-block { margin-bottom: 80px; }

@media (max-width: 767px) { .form-inline .form-control { width: auto; display: inline-block; }
  .form-inline label { display: block; }
  .post img { max-width: 100% !important; }
  .twitter_wrap { display: none; }
  .portfolio .project { padding: 0 20px 20px 20px; } }
@media (min-width: 768px) { .front_intro { text-align: left; max-width: 550px; position: absolute; left: 40%; top: 40%; text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 2px; font-weight: 500; }
  .front_intro p { font-size: 30px; color: white; display: inline; line-height: 40px; }
  .portfolio .project { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }
  .portfolio .project p { margin-left: 70px; margin-right: 70px; }
  .about_image { float: right; margin-right: -130px; max-width: 460px; margin-left: 40px; margin-bottom: 20px; }
  .container.content img.media-object { width: 120%; margin-left: -10%; }
  .media-object-wrapper { padding-bottom: 56.25%; margin: 40px 0; margin-bottom: 120px; width: 120% !important; height: 0; position: relative; margin-left: -10%; }
  .media-object-wrapper iframe { width: 100%; height: 120%; position: absolute; }
  .media-object-wrapper img { max-width: 100%; }
  .portfolio { width: 980px; } }
.pager li > a { -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; }