body { font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif; font-weight: 100; }

.Abel-font-loaded body { font-family: "Abel", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }

.canon { font-size: 26px; line-height: 30.16px; font-family: "Abel", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-top: 0; margin-bottom: 0; }
@media (min-width: 46.25em) { .canon { font-size: 32px; line-height: 37.12px; } }

.trafalgar { font-size: 26px; line-height: 33.8px; font-family: "Abel", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-top: 0; margin-bottom: 0; font-weight: 400; }

.double-pica, .post__content, .post__meta { font-size: 20px; line-height: 24px; font-family: "Abel", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-top: 0; margin-bottom: .5em; font-weight: 400; }

.great-primer, .address button { font-size: 16px; line-height: 20px; font-family: "Abel", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }

.pica, .small { font-size: 14px; line-height: 22.5px; font-family: 400; }

@font-face { font-family: 'dm'; src: url("../fonts/dm.eot?9v234s"); src: url("../fonts/dm.eot?9v234s#iefix") format("embedded-opentype"), url("../fonts/dm.ttf?9v234s") format("truetype"), url("../fonts/dm.woff?9v234s") format("woff"), url("../fonts/dm.svg?9v234s#dm") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'dm' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-home3:before { content: "\e900"; }

.icon-office:before { content: "\e901"; }

.icon-bubbles:before { content: "\e910"; }

.icon-smile:before { content: "\e902"; }

.icon-sad:before { content: "\e903"; }

.icon-neutral:before { content: "\e904"; }

.icon-circle-up:before { content: "\e905"; }

.icon-circle-right:before { content: "\e906"; }

.icon-circle-down:before { content: "\e907"; }

.icon-circle-left:before { content: "\e908"; }

.icon-google-plus:before { content: "\e909"; }

.icon-facebook:before { content: "\e90a"; }

.icon-instagram:before { content: "\e90b"; }

.icon-whatsapp:before { content: "\e90c"; }

.icon-twitter:before { content: "\e914"; }

.icon-rss2:before { content: "\e90d"; }

.icon-youtube2:before { content: "\e90e"; }

.icon-vimeo2:before { content: "\e90f"; }

.icon-skype:before { content: "\e911"; }

.icon-linkedin2:before { content: "\e912"; }

.icon-pinterest:before { content: "\e913"; }

.icon-earth:before { content: "\e917"; }

.icon-cancel-circle:before { content: "\e915"; }

.icon-rss:before { content: "\e918"; }

.icon-blogger:before { content: "\e916"; }

/** Reset some basic elements */
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, dl, dd, ol, ul, figure { margin: 0; padding: 0; }

/** Basic styling */
body { background-color: #ffffff; -webkit-text-size-adjust: 100%; -webkit-font-feature-settings: "kern" 1; -moz-font-feature-settings: "kern" 1; -o-font-feature-settings: "kern" 1; font-feature-settings: "kern" 1; font-kerning: normal; padding-bottom: 120px; }

/** Set `margin-bottom` to maintain vertical rhythm */
h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul, ol, dl, figure { margin-bottom: 15px; }

/** Lists */
ul, ol { margin: 0; padding: 0; list-style-type: none; }

/** Image */
img { height: auto; min-width: 100%; width: 100%; }

/** Headings */
h1, h2, h3, h4, h5, h6 { font-weight: 400; }

/** Links */
a { color: #0a0a0a; text-decoration: none; }
a:hover { color: #0a0a0a; text-decoration: underline; }

/** Wrapper */
.wrapper--blog { margin-left: auto; margin-right: auto; max-width: -webkit-calc(640px - (30px * 2)); max-width: calc(640px - (30px * 2)); padding-left: 30px; padding-right: 30px; }
@media (min-width: 61.25em) { .wrapper--blog { max-width: -webkit-calc(640px - (30px)); max-width: calc(640px - (30px)); padding-left: 15px; padding-right: 15px; } }

.wrapper { margin-left: auto; margin-right: auto; max-width: -webkit-calc(900px - (30px * 2)); max-width: calc(900px - (30px * 2)); padding-left: 30px; padding-right: 30px; }
@media (min-width: 61.25em) { .wrapper { max-width: -webkit-calc(900px - (30px)); max-width: calc(900px - (30px)); padding-left: 15px; padding-right: 15px; } }

/** Icons */
.icon > svg { display: inline-block; width: 16px; height: 16px; vertical-align: middle; }
.icon > svg path { fill: #8d8e8d; transition: fill .4s ease; }
.icon:hover > svg path { fill: #0a0a0a; }

h1, h2, h3, .post__content { color: #0a0a0a; }

.featured__col, .address__col, .footer__col { margin: 15px auto 15px auto; width: 31.5%; width: -webkit-calc(33.333% - (30px / 2)); width: calc(33.333% - (30px / 2)); }
@media (max-width: 46.24em) { .featured__col, .address__col, .footer__col { width: -webkit-calc(100% - (30px / 2)); width: calc(100% - (30px / 2)); } }

.page__header { margin: 15px auto 15px auto; width: 49%; width: calc(49% - (30px / 2)); }
@media (max-width: 46.24em) { .page__header { width: -webkit-calc(100% - (30px / 2)); width: calc(100% - (30px / 2)); } }

/** Clearfix */
.wrapper--blog:after, .wrapper:after, .featured__inner:after, .address__inner:after, .footer__inner:after { content: ""; display: table; clear: both; }

.hide { display: none !important; }

.break { display: none; }
@media (min-width: 46.25em) { .break { display: block; } }

.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; }

.uc { text-transform: uppercase; }

.ita { font-style: italic; }

.bd { font-weight: 700; }

.smaller { font-size: 90%; }

.swash { color: #bdbdbd; display: block; font-size: 42px; line-height: 48.72px; font-family: "Abel", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 30px; margin-top: 0; text-align: center; width: 100%; }
@media (min-width: 46.25em) { .swash { font-size: 26px; line-height: 30.16px; } }

.modal-open { overflow: hidden; }

.modal { display: none; overflow: hidden; 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%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; }
.modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }

.modal-open .modal { overflow-x: hidden; overflow-y: auto; }

.modal-dialog { position: relative; width: 90%; margin: 30px auto; }
@media (min-width: 46.25em) { .modal-dialog { width: 66.66667%; } }

.modal-content { position: relative; background-color: #8acce0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; padding-bottom: 4em; }

.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; }
.modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); }
.modal-backdrop.in { opacity: 0.8; filter: alpha(opacity=80); }

.modal-header { padding: 15px; }
.modal-header:before, .modal-header:after { content: " "; display: table; }
.modal-header:after { clear: both; }

.modal-header .close { -webkit-appearance: none; appearance: none; background-color: transparent; border-radius: 50%; border: none; cursor: pointer; font-size: 2em; font-weight: 100; position: absolute; right: 4px; top: 8px; }

.modal-title { padding-top: 2em; margin: 0 auto; text-align: center; }

.modal-body { position: relative; padding: 15px; }

.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }

form .alert { margin-top: 20px; text-align: center; }
form label { display: block; text-align: center; text-transform: uppercase; }
form input { height: 4em; position: relative; }
form input[type="text"], form input[type="tel"], form input[type="email"] { display: block; margin-bottom: 0; margin-left: auto; margin-right: auto; margin-top: 20px; width: 80%; }
@media (min-width: 46.25em) { form input[type="text"], form input[type="tel"], form input[type="email"] { width: 49%; } }
form input[type="submit"] { -webkit-appearnce: none; appearnce: none; background-color: #474e4d; border: none; color: White; display: block; padding: 0 0 0 0; width: 80%; margin-bottom: 0; margin-left: auto; margin-right: auto; margin-top: 20px; text-transform: uppercase; }
@media (min-width: 46.25em) { form input[type="submit"] { width: 50%; } }
form textarea { border: none; display: block; margin-bottom: 0; margin-left: auto; margin-right: auto; margin-top: 20px; padding-top: 20px; padding-bottom: 20px; width: 80%; }
@media (min-width: 46.25em) { form textarea { width: 49%; } }
form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ text-align: center; text-transform: uppercase; }
form ::-moz-placeholder { /* Firefox 19+ */ text-align: center; text-transform: uppercase; }
form :-ms-input-placeholder { /* IE 10+ */ text-align: center; text-transform: uppercase; }
form :-moz-placeholder { /* Firefox 18- */ text-align: center; text-transform: uppercase; }

/** Site header */
.masthead { min-height: 56px; position: relative; }
.masthead__inner { margin: 75px auto 15px auto; width: 58%; width: calc(58% - (30px / 2)); }
@media (max-width: 46.24em) { .masthead__inner { width: -webkit-calc(100% - (30px / 2)); width: calc(100% - (30px / 2)); } }

.site-nav { float: right; }
.site-nav .menu-icon { display: none; }
.site-nav .page-link { color: #0a0a0a; }
.site-nav .page-link:not(:last-child) { margin-right: 20px; }
@media (max-width: 46.24em) { .site-nav { position: absolute; top: 9px; right: 15px; background-color: #ffffff; border-radius: 5px; text-align: right; }
  .site-nav .menu-icon { display: block; float: right; width: 36px; height: 26px; line-height: 0; padding-top: 10px; text-align: center; }
  .site-nav .menu-icon > svg { width: 18px; height: 15px; }
  .site-nav .menu-icon > svg path { fill: #0a0a0a; }
  .site-nav .trigger { clear: both; display: none; }
  .site-nav:hover .trigger { display: block; padding-bottom: 5px; }
  .site-nav .page-link { display: block; padding: 5px 10px; margin-left: 20px; }
  .site-nav .page-link:not(:last-child) { margin-right: 0; } }

/** Page content */
.page__header { padding-bottom: 15px; padding-top: 15px; border-top: 1px solid #bdbdbd; border-bottom: 1px solid #bdbdbd; margin-bottom: 60px; margin-top: 30px; }
.page__title { color: #707070; font-weight: 100; letter-spacing: 3px; text-align: center; line-height: 1.3; margin-bottom: 0; text-transform: uppercase; }

/** Posts */
.post__header { padding-bottom: 15px; padding-top: 15px; }
.post__title { color: #707070; letter-spacing: 3px; text-align: left; line-height: 1.3; margin-bottom: 0; text-transform: uppercase; }
.post__content { margin-bottom: 15px; text-align: left; }
.post__content a { color: inherit; text-decoration: none; }
.post__content a:hover { color: inherit; text-decoration: underline; }
.post__meta { margin-bottom: 30px; margin-top: 15px; text-align: left; }

.featured { padding: 30px 0; }
.featured__heading { margin-bottom: 10px; text-transform: uppercase; }
.featured__inner { color: #0a0a0a; margin-left: -15px; }
.featured__col { float: left; margin-bottom: 15px; padding-left: 15px; text-align: center; }
.featured__col--last { float: right; }

.address { padding: 30px 0; }
.address__heading { margin-bottom: 5px; text-transform: uppercase; }
.address__heading h3 { margin-bottom: 0; }
.address__inner { color: #0a0a0a; margin-left: -15px; }
.address__col { margin: 15px auto 15px auto; padding-left: 15px; text-align: center; }
.address__items li { margin-bottom: 5px; }
.address button { background-color: transparent; border: 0; color: #0a0a0a; cursor: pointer; margin-bottom: 0; padding-bottom: 0; -webkit-appearance: none; appearance: none; }
.address button:active, .address button:hover, .address button:focus { border: none; color: #0a0a0a; outline-color: transparent; outline-style: none; text-decoration: underline; }
.address .icon-skype { color: #333333; }
.address img { width: auto; min-width: 0; }

.footer { padding: 30px 0; }
.footer__heading { font-size: 18px; margin-bottom: 15px; }
.footer__inner { color: #0a0a0a; margin-left: -15px; }
.footer__inner--table { display: table; margin-top: 0; margin-right: auto; margin-bottom: 30px; margin-left: auto; }
.footer__col { float: left; margin-bottom: 15px; padding-left: 15px; }
.footer__col--last { float: right; }
.footer__sub { margin-top: 60px; text-align: center; }
@media (min-width: 46.25em) { .footer__sub { margin-top: 10px; } }
.footer__social-media a { color: #8d8e8d; text-decoration: none; }
.footer__social-media a:hover { text-decoration: none; }
.footer__social-media > li { display: inline-block; padding-top: 3px; padding-right: 3px; padding-bottom: 30px; padding-left: 3px; text-align: center; }
@media (min-width: 46.25em) { .footer__social-media > li { padding-top: 15px; padding-right: 15px; padding-left: 15px; } }
@media (min-width: 61.25em) { .footer__social-media > li { padding-top: 30px; padding-right: 30px; padding-left: 30px; } }
.footer__social-media .icon { background-color: #8d8e8d; border-radius: 3px; color: White; margin: 0 auto; padding: 12px; transition: background-color 400ms ease; vertical-align: middle; }
.footer__social-media .label { display: none; margin: 0 auto; padding-top: 12px; text-align: center; transition: color 400ms ease; }
@media (min-width: 46.25em) { .footer__social-media .label { display: block; } }
.footer__social-media a:hover .icon { background-color: black; }
.footer__social-media a:hover .label { color: black; }
.footer__docs { border-top: 1px solid #8d8e8d; margin: 10px auto; text-align: center; width: 100%; }
@media (min-width: 46.25em) { .footer__docs { width: 86%; } }
.footer__docs a { color: #0a0a0a; text-decoration: none; }
.footer__docs a:hover { text-decoration: underline; }
.footer__docs > li { display: block; padding-top: 15px; padding-right: 3px; padding-bottom: 10px; padding-left: 3px; text-align: center; text-transform: uppercase; }
@media (min-width: 46.25em) { .footer__docs > li { display: inline-block; padding-top: 15px; padding-right: 30px; padding-bottom: 7.5px; padding-left: 30px; } }
@media (min-width: 61.25em) { .footer__docs > li { padding-top: 15px; padding-right: 60px; padding-bottom: 7.5px; padding-left: 60px; } }

.docs__heading { color: White; }
.docs ul { margin-bottom: 20px; }