/*
Theme Name: Haidar Capital
Theme URI: http://underscores.me/
Author: Peregrine Communications
Author URI: http://www.peregrinecommunications.com
Description: Haidar Capital theme developed by Peregrine Communications
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: haidarcapital
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Haidar Capital is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/* mixins.scss */
/* variables.scss */
/* typography.scss */
@font-face {
  font-family: "MarkWebPro-Bold W03 Regular";
  src: url("fonts/1466002/8caa0905-950a-4c43-b11f-cfbddf0c1603.eot?#iefix");
  src: url("fonts/1466002/8caa0905-950a-4c43-b11f-cfbddf0c1603.eot?#iefix") format("eot"), url("fonts/1466002/a748c9f2-03b4-488b-9744-79201d7f9080.woff2") format("woff2"), url("fonts/1466002/4a73acec-44f5-478b-ab91-181936631f6a.woff") format("woff"), url("fonts/1466002/6fd1f5f1-8120-433b-8b36-2b1eb4bf600a.ttf") format("truetype"); }

/*@font-face{
font-family:"MarkWebPro-BoldItalic W03 Rg";
src:url("fonts/1466006/9099fd68-f33f-4046-b594-49b834ac423d.eot?#iefix");
src:url("fonts/1466006/9099fd68-f33f-4046-b594-49b834ac423d.eot?#iefix") format("eot"),url("fonts/1466006/40d7c71a-9452-4aad-8f33-b4d166e1413c.woff2") format("woff2"),url("fonts/1466006/808496cf-2f1b-4f75-b63b-6280b13d86fc.woff") format("woff"),url("fonts/1466006/3679d0e8-7891-4783-8514-944abb6a3a31.ttf") format("truetype");
}
@font-face{
font-family:"MarkWebPro-Italic W03 Regular";
src:url("fonts/1466042/d90b65ba-6784-41eb-8a39-2d1b778824a8.eot?#iefix");
src:url("fonts/1466042/d90b65ba-6784-41eb-8a39-2d1b778824a8.eot?#iefix") format("eot"),url("fonts/1466042/4272ae0d-d046-44b9-ae19-7957c65a6fc8.woff2") format("woff2"),url("fonts/1466042/194ca6c6-c665-4794-b32a-18e9a03adac2.woff") format("woff"),url("fonts/1466042/18feae7f-f055-4071-aaf5-b317df10f133.ttf") format("truetype");
}
@font-face{
font-family:"MarkWebPro-Light W03 Regular";
src:url("fonts/1466046/8710ecab-81d3-4a65-93c3-21f56ea1f445.eot?#iefix");
src:url("fonts/1466046/8710ecab-81d3-4a65-93c3-21f56ea1f445.eot?#iefix") format("eot"),url("fonts/1466046/55141735-013b-41ed-ac32-fdab920165db.woff2") format("woff2"),url("fonts/1466046/086d2e2f-887e-4256-838d-a69cce0e1624.woff") format("woff"),url("fonts/1466046/b99a6b43-083c-4ee2-91f3-b4890a0a3604.ttf") format("truetype");
}
@font-face{
font-family:"MarkWebPro-LightItalic W03 Rg";
src:url("fonts/1466050/5f61d30c-0a53-46e9-8329-9120ce2406ce.eot?#iefix");
src:url("fonts/1466050/5f61d30c-0a53-46e9-8329-9120ce2406ce.eot?#iefix") format("eot"),url("fonts/1466050/85c79d5f-d647-487d-b3ed-e65efecbb51f.woff2") format("woff2"),url("fonts/1466050/fd0f9ffa-aa52-4fab-b13e-a539fae05ba4.woff") format("woff"),url("fonts/1466050/3702eeb9-5efa-4096-824e-993d0982182a.ttf") format("truetype");
}*/
@font-face {
  font-family: "MarkWebPro-Medium W03 Regular";
  src: url("fonts/1466054/264395ad-51d7-4bd7-b11b-497c388aea01.eot?#iefix");
  src: url("fonts/1466054/264395ad-51d7-4bd7-b11b-497c388aea01.eot?#iefix") format("eot"), url("fonts/1466054/4480aa92-8d77-45a7-bd03-1ca4b1f20aea.woff2") format("woff2"), url("fonts/1466054/9bc0b954-5055-4c5f-9afe-41a5dd3ab46f.woff") format("woff"), url("fonts/1466054/1a6d567f-992c-4def-99ed-0668ffe92da9.ttf") format("truetype"); }

/*@font-face{
font-family:"MarkWebPro-MediumItalic W03 Rg";
src:url("fonts/1466058/41f8110e-274f-4594-9fc6-737253386126.eot?#iefix");
src:url("fonts/1466058/41f8110e-274f-4594-9fc6-737253386126.eot?#iefix") format("eot"),url("fonts/1466058/78a8983a-4b55-47b3-a670-0337e1dbb63a.woff2") format("woff2"),url("fonts/1466058/0a0dc1fb-04d2-45b2-9caf-5036482fac96.woff") format("woff"),url("fonts/1466058/beb49a24-1351-4f4c-a896-ef399661c3f1.ttf") format("truetype");
}*/
@font-face {
  font-family: "MarkWeb W03 Regular1473420";
  src: url("fonts/1473420/a45cac67-350c-404d-a825-6ad4ffa3c08c.eot?#iefix");
  src: url("fonts/1473420/a45cac67-350c-404d-a825-6ad4ffa3c08c.eot?#iefix") format("eot"), url("fonts/1473420/525500c9-5902-460a-b636-a60bfee9d7e6.woff2") format("woff2"), url("fonts/1473420/b077f0fd-2325-4eff-93e0-6d25ab8fd849.woff") format("woff"), url("fonts/1473420/b788c501-8e28-4395-aca4-584fc3ac1bb6.ttf") format("truetype"); }

@font-face {
  font-family: 'font-icons';
  src: url("fonts/font-icons.eot?a1eyhe");
  src: url("fonts/font-icons.eot?a1eyhe#iefix") format("embedded-opentype"), url("fonts/font-icons.ttf?a1eyhe") format("truetype"), url("fonts/font-icons.woff?a1eyhe") format("woff"), url("fonts/font-icons.svg?a1eyhe#font-icons") format("svg");
  font-weight: normal;
  font-style: normal; }

.icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'font-icons' !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-circle:before {
  content: "\e906"; }

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

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

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

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

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

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

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: "MarkWeb W03 Regular1473420";
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /*margin: 0 !important;*/
  letter-spacing: 0.5px; }

body {
  margin: 0;
  display: block; }

html, body {
  height: 100%; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent;
  color: #41b6e6;
  opacity: 1;
  text-decoration: none; }

a:active,
a:hover,
a:focus {
  outline: 0;
  color: #575756;
  opacity: 1;
  text-decoration: none; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: normal;
  font-family: "MarkWebPro-Bold W03 Regular"; }

dfn {
  font-style: italic; }

h1 {
  color: #575756;
  font-size: 26px;
  font-size: 1.625em;
  position: relative; }
  @media only screen and (min-width: 768px) {
    h1 {
      font-size: 40px;
      font-size: 2.5em; } }

h2 {
  color: #575756;
  font-size: 26px;
  font-size: 1.625em; }
  @media only screen and (min-width: 768px) {
    h2 {
      font-size: 36px;
      font-size: 2.25em; } }

h3 {
  color: #575756;
  font-size: 26px;
  font-size: 1.625em; }

h4 {
  color: #575756;
  font-size: 20px;
  font-size: 1.25em; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  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-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: normal;
  font-family: "MarkWebPro-Bold W03 Regular"; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
  color: #575756;
  font-family: "MarkWeb W03 Regular1473420";
  font-size: 16px;
  line-height: 1.5;
  line-height: 125%; }

body .smaller p {
  font-size: 14px;
  font-size: 0.875em;
  margin-bottom: 1.2em;
  line-height: 1.3;
  line-height: 125%; }

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  font-family: "MarkWebPro-Bold W03 Regular";
  font-weight: normal;
  line-height: 125%; }

p {
  margin-bottom: 1.5em; }

dfn,
cite,
em,
i {
  font-style: italic; }

blockquote {
  margin: 0 1.5em; }

address {
  margin: 0 0 1.5em; }

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; }

code,
kbd,
tt,
var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem; }

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help; }

mark,
ins {
  background: #fff9c0;
  text-decoration: none; }

big {
  font-size: 125%; }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  -webkit-box-sizing: inherit;
  box-sizing: inherit; }

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */ }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: ""; }

blockquote,
q {
  quotes: "" ""; }

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

ul,
ol {
  margin: 0 0 1.5em 3em; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em; }

dt {
  font-weight: normal;
  font-family: "MarkWebPro-Bold W03 Regular"; }

dd {
  margin: 0 1.5em 1.5em; }

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */ }

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */ }

table {
  margin: 0 0 1.5em;
  width: 100%; }

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: .6em 1em .4em; }

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa; }

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  border-color: #aaa #bbb #bbb; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px; }

select {
  border: 1px solid #ccc; }

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: #111; }

textarea {
  width: 100%; }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
/*a {
    color: $blue;
    font-weight: $mainfont-bold;
    opacity: 1;
    &:hover {
        color: $blue;
        text-decoration: none;
        outline: none;
        @include transition(opacity 0.3s ease-in-out);
        outline: 0;
        opacity: 0.5;  
    } &:active {
        color: $blue;
        text-decoration: none;
        outline: none;
        @include transition(opacity 0.3s ease-in-out);
        outline: 0;
        opacity: 0.5;  
    } &:focus {
        color: $blue;
        text-decoration: none;
        outline: none;
        @include transition(opacity 0.3s ease-in-out);
        outline: 0;
        opacity: 0.5;  
    }
  }*/
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
  clear: both;
  display: block;
  float: left;
  width: 100%; }

.main-navigation ul {
  /*display: none;*/
  list-style: none;
  margin: 0; }

.main-navigation li {
  float: left;
  position: relative; }

.main-navigation a {
  display: block;
  text-decoration: none; }

.main-navigation ul ul {
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 1.5em;
  left: -999em;
  z-index: 99999; }

.main-navigation ul ul ul {
  left: -999em;
  top: 0; }

.main-navigation ul ul a {
  width: 200px; }

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto; }

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
  left: 100%; }

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current-menu-parent > a,
.main-navigation .current-post-parent > a,
.main-navigation .current-page-ancestor > a,
.menu li:hover a {
  color: #41b6e6; }

.main-navigation .current_page_item > a:after,
.main-navigation .current-menu-item > a:after,
.main-navigation .current_page_ancestor > a:after,
.main-navigation .current-menu-ancestor > a:after,
.main-navigation .current-menu-parent > a:after,
.main-navigation .current-post-parent > a:after,
.main-navigation .current-page-ancestor > a:after,
.menu li:hover a:after {
  content: '';
  width: calc(100% - 60px);
  height: 2px;
  position: absolute;
  display: block; }

header.scrolled .menu li a {
  /*color: $color-bg-nav-mobile-light;*/ }

header.scrolled .main-navigation .current_page_item > a,
header.scrolled .main-navigation .current-menu-item > a,
header.scrolled .main-navigation .current_page_ancestor > a,
header.scrolled .main-navigation .current-menu-ancestor > a,
header.scrolled .main-navigation .current-menu-parent > a,
header.scrolled .main-navigation .current-post-parent > a,
header.scrolled .main-navigation .current-page-ancestor > a,
header.scrolled .menu li:hover a {
  /*color: $color-main-blue;*/ }

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block; }

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none; }
  .main-navigation ul {
    display: block; } }

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden; }

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%; }

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%; }

@media only screen and (min-width: 992px) {
  .loginbtn {
    position: absolute !important;
    right: 0;
    top: -70px; } }

.loginbtn a {
  opacity: 0.5; }

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */ }

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */ }

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0; }

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em; }

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em; }

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed; }

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both; }

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em; }

/* Make sure select elements fit in widgets. */
.widget select {
  max-width: 100%; }

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block; }

.hentry {
  margin: 0 0 1.5em; }

.byline,
.updated:not(.published) {
  display: none; }

.single .byline,
.group-blog .byline {
  display: inline; }

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0; }

.page-links {
  clear: both;
  margin: 0 0 1.5em; }

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word; }

.bypostauthor {
  display: block; }

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none; }

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block; }

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%; }

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%; }

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.wp-caption .wp-caption-text {
  margin: 0.8075em 0; }

.wp-caption-text {
  text-align: center; }

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em; }

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%; }

.gallery-columns-2 .gallery-item {
  max-width: 50%; }

.gallery-columns-3 .gallery-item {
  max-width: 33.33%; }

.gallery-columns-4 .gallery-item {
  max-width: 25%; }

.gallery-columns-5 .gallery-item {
  max-width: 20%; }

.gallery-columns-6 .gallery-item {
  max-width: 16.66%; }

.gallery-columns-7 .gallery-item {
  max-width: 14.28%; }

.gallery-columns-8 .gallery-item {
  max-width: 12.5%; }

.gallery-columns-9 .gallery-item {
  max-width: 11.11%; }

.gallery-caption {
  display: block; }

/*--------------------------------------------------------------
## GENERAL
--------------------------------------------------------------*/
.site {
  /*padding-top: 75px;*/ }
  @media only screen and (min-width: 640px) {
    .site {
      /*padding-top: 120px;*/ } }

.container .row {
  padding-top: 45px;
  padding-bottom: 45px; }
  @media only screen and (min-width: 768px) {
    .container .row {
      padding-top: 125px;
      padding-bottom: 125px; } }

.logo-desktop {
  display: block;
  height: 64px;
  width: 210px; }
  @media only screen and (min-width: 768px) {
    .logo-desktop {
      height: 111px;
      width: 362px; } }

.logo-footer {
  display: block;
  height: 64px;
  width: 210px; }
  @media only screen and (min-width: 640px) {
    .logo-footer {
      height: 75px;
      width: 246px; } }

.hide {
  display: none; }

/*--------------------------------------------------------------
## HEADER
--------------------------------------------------------------*/
header {
  -moz-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
  background-color: transparent;
  margin: 0 0 -100% 0;
  padding: 0;
  width: 100%;
  position: relative;
  float: left;
  top: 0;
  left: 0;
  display: block;
  z-index: 15;
  height: 91px;
  /*box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.13);*/ }
  @media only screen and (min-width: 992px) {
    header {
      height: 91px;
      background-color: transparent; } }

header.scrolled {
  /*background-color: $color-bg-nav-mobile;*/
  /*background-image:none !important;
    -webkit-animation: fadeIt 0.5s ease-in-out; 
    -moz-animation: fadeIt 0.5s ease-in-out; 
    -o-animation: fadeIt 0.5s ease-in-out; 
    animation: fadeIt 0.5s ease-in-out;*/
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
  background: transparent; }

header .container {
  padding-top: 60px !important;
  padding-bottom: 20px !important; }
  @media only screen and (min-width: 992px) {
    header .container {
      padding-top: 120px !important;
      padding-bottom: 70px !important; } }

header .container::after {
  background-color: #fff;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 15px;
  position: absolute;
  width: calc(100% - 30px); }

footer {
  margin: 0;
  padding: 60px 0 50px;
  width: 100%;
  bottom: 0;
  height: auto;
  color: #fff;
  background-color: #575756;
  z-index: -3;
  height: auto; }
  @media only screen and (min-width: 640px) {
    footer {
      padding: 100px 0 63px;
      bottom: 0; } }

footer .row1 {
  margin-bottom: 40px; }
  @media only screen and (min-width: 640px) {
    footer .row1 {
      margin-bottom: 60px; } }

footer .container .row {
  padding: 0; }

footer p {
  text-align: left;
  font-size: 14px;
  font-size: 0.875em; }

footer img.anchor {
  width: 38px;
  height: 45px;
  text-align: center;
  margin: 0 auto;
  display: block;
  margin-bottom: 30px; }

.footer-copyright p {
  font-size: 14px;
  text-align: left;
  color: #fff;
  margin: 9px 0;
  opacity: 0.5; }
  @media only screen and (min-width: 992px) {
    .footer-copyright p {
      text-align: left;
      font-size: 14px; } }

.footer-contacts {
  margin-bottom: 30px; }
  @media only screen and (min-width: 768px) {
    .footer-contacts {
      margin-bottom: 0; } }

.footer-contacts p {
  font-size: 14px;
  text-align: left;
  color: #fff;
  margin: 9px 0; }
  @media only screen and (min-width: 992px) {
    .footer-contacts p {
      text-align: left;
      font-size: 14px; } }

header .container {
  position: relative; }

.menu li a {
  font-size: 14px;
  font-size: 0.875em;
  letter-spacing: 0;
  text-transform: normal;
  text-decoration: none;
  padding: 15px 40px;
  display: block;
  text-transform: uppercase;
  font-family: "MarkWebPro-Bold W03 Regular";
  color: #fff;
  display: block; }
  @media only screen and (min-width: 768px) {
    .menu li a {
      font-size: 13px;
      font-size: 0.8125em;
      display: table-caption;
      display: block; } }
  @media only screen and (min-width: 992px) {
    .menu li a {
      padding: 15px 17px; } }

footer a, footer a:visited {
  text-decoration: none;
  color: #fff;
  opacity: 1;
  font-family: "MarkWebPro-Bold W03 Regular"; }

footer a:hover {
  color: #41b6e6;
  text-decoration: none; }

.footer-menu li a {
  padding: 10px 16px;
  color: #fff; }
  @media only screen and (min-width: 768px) {
    .footer-menu li a {
      padding: 16px; } }

.footer-menu li a {
  font-size: 12px; }

.footer-menu li:hover a {
  color: #fff; }

.main-navigation {
  float: right;
  display: block;
  width: auto;
  position: absolute;
  right: 0;
  top: 180px; }

/*--------------------------------------------------------------
## SIGNUP FORM
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## SIGNUP FORM END
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## MENU HUMBURGER BUTTON
--------------------------------------------------------------*/
.menu-toggle.toggled-on,
.menu-toggle.toggled-on:hover,
.menu-toggle.toggled-on:focus {
  background-color: #fff;
  border-color: #fff;
  color: #fff; }

.menu-toggle:focus {
  outline: 0; }

.menu-toggle.toggled-on:focus {
  outline: thin dotted;
  outline: none; }

.menu-toggle:hover,
.menu-toggle:focus {
  border-color: transparent;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff; }

.menu-toggle {
  background-color: transparent;
  border: medium none;
  border-radius: 0;
  height: 40px;
  padding: 0;
  position: fixed;
  right: 20px;
  text-indent: -9999px;
  top: 20px;
  width: 40px;
  cursor: pointer;
  -webkit-box-shadow: none;
  box-shadow: none;
  z-index: 1002; }

.menu-toggle span, .menu-toggle span:before, .menu-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 3px;
  width: 30px;
  background: #fff;
  position: absolute;
  display: block;
  content: ''; }

.menu-toggle.active span:before, .menu-toggle.active span:after {
  width: 30px;
  background-color: #fff; }

.menu-toggle span:before {
  top: -8px; }

.menu-toggle span:after {
  bottom: -8px; }

.menu-toggle span, .menu-toggle span:before, .menu-toggle span:after {
  -webkit-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
  -webkit-transform: all 100ms ease-in-out;
  -moz-transform: all 100ms ease-in-out;
  -ms-transform: all 100ms ease-in-out; }

.menu-toggle.active span {
  background-color: transparent; }

.menu-toggle.active span:before, .menu-toggle.active span:after {
  top: 0; }

.menu-toggle.active span:before {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg); }

.menu-toggle.active span:after {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg); }

.menu-footer-menu-container .menu {
  padding: 0;
  margin: 0 0 20px 0;
  list-style: none; }
  @media only screen and (min-width: 768px) {
    .menu-footer-menu-container .menu {
      margin: 0;
      margin-top: 26px; } }

footer .contacts {
  margin-top: 30px; }

.menu-footer-menu-container .menu li {
  display: block; }
  @media only screen and (min-width: 640px) {
    .menu-footer-menu-container .menu li {
      display: inline-block; } }

.menu-footer-menu-container .menu li a {
  text-transform: none;
  display: block;
  padding: 0 15px 0 0; }

.site-branding {
  max-width: none; }
  @media only screen and (min-width: 768px) {
    .site-branding {
      max-width: none; } }

.desktop-nav-holder {
  display: none; }

.menu-toggle {
  display: block; }

.mobile-nav-holder {
  position: fixed;
  top: 100%;
  z-index: 150;
  width: 250px;
  height: 100vh;
  background-color: #41b6e6;
  display: block;
  right: -100%;
  padding: 0;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: .3s ease all;
  -o-transition: .3s ease all;
  transition: .3s ease all; }

.mobile-nav-holder .menu li:hover a,
.mobile-nav-holder .menu .current-menu-item a,
.mobile-nav-holder .menu .current_page_ancestor > a,
.mobile-nav-holder .menu .current-menu-ancestor > a,
.mobile-nav-holder .menu .current-menu-parent > a,
.mobile-nav-holder .menu .current-post-parent > a,
.mobile-nav-holder .menu .current-page-ancestor > a {
  color: #fff;
  opacity: 0.5; }

.mobile-nav-holder.open {
  top: 0;
  right: 0;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: .3s ease all;
  -o-transition: .3s ease all;
  transition: .3s ease all; }
  @media only screen and (min-width: 768px) {
    .mobile-nav-holder.open {
      top: 0; } }

.main-navigation.mobile-nav {
  display: block;
  float: auto;
  position: absolute;
  right: 0;
  left: 0;
  top: 25px;
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .main-navigation.mobile-nav {
      top: 210px; } }

.main-navigation.mobile-nav ul li {
  display: block;
  text-align: left;
  width: 100%; }

.main-navigation.mobile-nav ul li a {
  font-size: 14px; }

.main-navigation.mobile-nav .menu-main-menu-container .menu {
  padding: 0; }

.mobile-nav ul li {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

.hideflag {
  display: none; }

.menu-toggle {
  display: block; }
  @media only screen and (min-width: 992px) {
    .menu-toggle {
      display: none; } }

.desktop-nav-holder {
  display: none; }
  @media only screen and (min-width: 992px) {
    .desktop-nav-holder {
      display: block; } }

/*----------------------------------------------------------------
## INTRO SECTION
----------------------------------------------------------------*/
.scrolldown {
  position: absolute;
  left: 50%;
  /*-webkit-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;*/
  transform: translate3d(-50%, 0, 0);
  -webkit-transform: translate3d(-50%, 0, 0);
  height: 12px;
  z-index: 11;
  bottom: 22px;
  cursor: pointer; }

.scrolldown img {
  text-align: center;
  width: 23px;
  height: 12px;
  position: relative;
  display: block;
  margin: -5px auto 0; }

.desktop-nav-holder .menu-main-menu-container {
  display: inline-block;
  float: left; }

.mobile-nav .menu-main-menu-container {
  position: relative;
  display: block;
  float: left;
  width: 100%; }

/*----------------------------------------------------------------
## INTRO SECTION END
----------------------------------------------------------------*/
.pages.intro-container {
  width: 100%;
  height: 100vh;
  position: relative;
  z-index: 5;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: inherit;
  height: auto;
  padding-bottom: 200px; }
  @media only screen and (min-width: 640px) {
    .pages.intro-container {
      height: 100vh;
      padding-bottom: 0;
      min-height: 1000px; } }

.post.intro-container {
  width: 100%;
  height: 60vh;
  position: relative;
  z-index: 5;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover; }
  @media only screen and (min-width: 640px) {
    .post.intro-container {
      height: 60vh; } }

.home.intro-container {
  width: 100%;
  height: 270vh;
  position: relative;
  z-index: 5; }
  @media only screen and (min-width: 640px) {
    .home.intro-container {
      height: 200vh; } }

.bg-container {
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 2; }

.slide {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }

.slick-list {
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  height: 100%; }

.slick-track {
  display: block;
  left: 0;
  position: relative;
  top: 0;
  height: 100%; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px; }

.intro-slider {
  height: 100%; }

.slider-nav {
  position: relative;
  left: -20px;
  z-index: 1500;
  float: left; }

.slider-nav > div img {
  height: 14px;
  width: 10px;
  margin: 0; }

.slider-nav > div {
  padding: 20px;
  cursor: pointer;
  display: inline-block;
  float: left; }

.slider-nav .arrow-next {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.slider-nav .arrow-prev {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.slider-nav .arrow-next span {
  background-image: url("images/arrow.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10px 14px;
  display: inline;
  float: right;
  height: 18px;
  width: 24px; }

.slider-nav .arrow-prev span {
  background-image: url("images/arrow.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10px 14px;
  display: inline;
  float: right;
  height: 18px;
  width: 24px; }

.bgfade1,
.bgfade2 {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3; }
  @media only screen and (min-width: 640px) {
    .bgfade1,
    .bgfade2 {
      height: 100vh;
      min-height: 100%; } }

.bgfade1 {
  background-color: rgba(65, 182, 230, 0.35);
  top: 0; }

.bgfade2 {
  background-color: rgba(255, 255, 255, 0.5);
  top: 100vh;
  height: 170vh; }
  @media only screen and (min-width: 640px) {
    .bgfade2 {
      height: 100vh; } }

.post .bgfade1 {
  height: 60vh; }

.container.who-we-are-container {
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 110vh;
  z-index: 1500; }
  @media only screen and (min-width: 768px) {
    .container.who-we-are-container {
      color: #575756; } }

@media only screen and (min-width: 768px) {
  .container.who-we-are-container h2 {
    color: #575756; } }

.home .container.expertise-container {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  left: 0;
  right: 0;
  z-index: 20;
  /*margin-bottom: -100%;
    @include bp-s {
        margin-bottom: -50%;
    }
    @include bp-m {
        margin-bottom: -150%;
    }
    @include bp-l {
    }*/ }

.container.expertise-container {
  left: 0;
  right: 0;
  z-index: 20;
  /*margin-bottom: -100%;
    @include bp-s {
        margin-bottom: -50%;
    }
    @include bp-m {
        margin-bottom: -150%;
    }
    @include bp-l {
    }*/ }

.home .intro-text-container {
  position: absolute;
  margin: 0 auto;
  /*bottom: 182vh;*/
  top: 12%;
  left: 0;
  right: 0;
  z-index: 4; }
  @media only screen and (min-width: 640px) {
    .home .intro-text-container {
      /*bottom: 112vh;*/
      top: 20%; } }

.pages .intro-text-container {
  position: relative;
  margin: 0 auto;
  top: 150px;
  left: 0;
  right: 0;
  z-index: 4;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none; }
  @media only screen and (min-width: 640px) {
    .pages .intro-text-container {
      position: absolute;
      top: 55%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); } }

.post .intro-text-container {
  position: absolute;
  margin: 0 auto;
  top: 60%;
  left: 0;
  right: 0;
  z-index: 4;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }
  @media only screen and (min-width: 640px) {
    .post .intro-text-container {
      top: 70%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); } }

.pages .intro-text-container h1,
.pages .intro-text-container p {
  max-width: none; }
  @media only screen and (min-width: 640px) {
    .pages .intro-text-container h1,
    .pages .intro-text-container p {
      max-width: 50%; } }

.category-insights .pages .intro-text-container h1,
.category-insights .pages .intro-text-container p {
  max-width: none; }
  @media only screen and (min-width: 640px) {
    .category-insights .pages .intro-text-container h1,
    .category-insights .pages .intro-text-container p {
      max-width: 100%; } }

.pages .intro-text-container p {
  font-size: 18px;
  font-size: 1.125em;
  line-height: 150%; }

.intro-text-container.container {
  color: #fff; }

.intro-text-container h1 {
  color: #fff;
  max-width: none; }
  @media only screen and (min-width: 768px) {
    .intro-text-container h1 {
      max-width: 50%; } }

.imagebleedleft img,
.imagebleedright img {
  max-width: 100%;
  width: 100%;
  float: left;
  display: none; }
  @media only screen and (min-width: 992px) {
    .imagebleedleft img,
    .imagebleedright img {
      max-width: 50vw;
      width: 130%; } }
  @media only screen and (min-width: 640px) {
    .imagebleedleft img,
    .imagebleedright img {
      display: block; } }

.text-image-container .imagebleedleft img,
.text-image-container .imagebleedright img {
  display: block; }

.text-image-container h2 {
  margin-bottom: auto; }
  @media only screen and (min-width: 640px) {
    .text-image-container h2 {
      margin-bottom: 60px; } }

.text-image-container.team-container h2 {
  margin-bottom: auto; }
  @media only screen and (min-width: 640px) {
    .text-image-container.team-container h2 {
      margin-bottom: 0; } }

.text-image-container.team-container h3 {
  font-family: "MarkWebPro-Medium W03 Regular"; }

.wrapper-blue h4 {
  color: #fff; }

.insights-intro .intro-text {
  position: relative;
  padding-top: 0;
  padding-bottom: 20px;
  float: left; }
  @media only screen and (min-width: 640px) {
    .insights-intro .intro-text {
      padding-top: 40px; } }

.insights-intro .intro-text:before {
  background-color: rgba(65, 182, 230, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  width: calc(100% - 30px);
  content: '';
  left: 15px; }

.insights-intro .intro-text:after {
  background-color: rgba(65, 182, 230, 0.3);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  width: calc(100% - 30px);
  content: '';
  left: 15px; }

.intro-text .entry-date,
.media-post-container .entry-date,
.related-container .entry-date {
  font-size: 12px;
  color: #41b6e6; }

.related-container .entry-date {
  margin-top: 20px;
  display: block; }

h3.article-title a,
h3.article-title a:visited,
h4.article-title a,
h4.article-title a:visited {
  color: #575756;
  -webkit-transform: all 100ms ease-in-out;
  -ms-transform: all 100ms ease-in-out;
  transform: all 100ms ease-in-out; }

h3.article-title a:hover,
h4.article-title a:hover {
  color: #41b6e6;
  -webkit-transform: all 100ms ease-in-out;
  -ms-transform: all 100ms ease-in-out;
  transform: all 100ms ease-in-out; }

.contact-form input,
.contact-form textarea {
  background-color: transparent;
  -webkit-border-image: none;
  -o-border-image: none;
  border-image: none;
  border-radius: 0;
  border-style: none none solid;
  border-width: 0 0 1px;
  width: 100%;
  resize: none;
  font-family: "MarkWeb W03 Regular1473420";
  font-size: 14px;
  padding: 5px 0; }
  @media only screen and (min-width: 768px) {
    .contact-form input,
    .contact-form textarea {
      width: 80%; } }

.wrapper-blue2 .contact-form input,
.wrapper-blue2 .contact-form textarea {
  border-color: #fff;
  color: #fff !important; }

.wrapper-white .contact-form input,
.wrapper-white .contact-form textarea {
  border-color: rgba(87, 87, 86, 0.6);
  color: rgba(87, 87, 86, 0.6) !important; }

.wrapper-blue2.contact-form input::-webkit-input-placeholder,
.wrapper-blue2.contact-form textarea::-webkit-input-placeholder {
  color: #fff !important; }

.wrapper-blue2.contact-form input:-ms-input-placeholder,
.wrapper-blue2.contact-form textarea:-ms-input-placeholder {
  color: #fff !important; }

.wrapper-blue2.contact-form input::-ms-input-placeholder,
.wrapper-blue2.contact-form textarea::-ms-input-placeholder {
  color: #fff !important; }

.wrapper-blue2.contact-form input::placeholder,
.wrapper-blue2.contact-form textarea::placeholder {
  color: #fff !important; }

.wrapper-blue2 .contact-form input:focus,
.wrapper-blue2 .contact-form textarea:focus {
  color: #fff; }

.wrapper-white .contact-form input::-webkit-input-placeholder,
.wrapper-white .contact-form textarea::-webkit-input-placeholder {
  color: rgba(87, 87, 86, 0.6) !important; }

.wrapper-white .contact-form input:-ms-input-placeholder,
.wrapper-white .contact-form textarea:-ms-input-placeholder {
  color: rgba(87, 87, 86, 0.6) !important; }

.wrapper-white .contact-form input::-ms-input-placeholder,
.wrapper-white .contact-form textarea::-ms-input-placeholder {
  color: rgba(87, 87, 86, 0.6) !important; }

.wrapper-white .contact-form input::placeholder,
.wrapper-white .contact-form textarea::placeholder {
  color: rgba(87, 87, 86, 0.6) !important; }

.wrapper-white .contact-form input:focus,
.wrapper-white .contact-form textarea:focus {
  color: rgba(87, 87, 86, 0.6); }

.submitbtn {
  margin-top: 20px; }

.contact-container .address {
  margin-bottom: 40px; }

.member-block h4.member-name {
  font-size: 22px;
  font-family: "MarkWeb W03 Regular1473420"; }

.member-block {
  margin-bottom: 40px; }

.member-block .job {
  font-size: 18px;
  font-weight: "MarkWeb W03 Regular1473420";
  color: #41b6e6; }

.member-block .biog-block p,
.member-block .biog-block ul li {
  font-size: 14px;
  font-weight: "MarkWeb W03 Regular1473420"; }

.member-block .biog-block ul li,
.general-container ul li {
  position: relative;
  margin-bottom: 10px; }

.member-block .biog-block ul li:before,
.general-container ul li:before {
  content: '';
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: #575756;
  border-radius: 5px;
  left: 0;
  top: 8px;
  margin-left: -14px; }

.member-block .biog-block ul,
.general-container ul {
  margin: 0 0 0 20px;
  list-style: none;
  padding: 0;
  margin-bottom: 30px; }

.icon-icon-linkedin::before {
  display: block;
  float: right;
  font-size: 32px;
  height: 35px;
  width: 35px; }

.biog-extras a {
  color: #41b6e6;
  text-decoration: none;
  display: block;
  font-size: 14px;
  font-family: "MarkWebPro-Medium W03 Regular";
  letter-spacing: 0.3px; }

.biog-extras a:hover {
  color: #575756; }

.biog-block {
  height: auto;
  overflow: hidden;
  position: relative;
  min-height: auto; }

.biog-block.long {
  height: 150px;
  overflow: hidden;
  position: relative;
  min-height: 230px; }

.biog-block.active {
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  height: auto; }

.biog-block .grad {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(30%, rgba(255, 255, 255, 0.8)), to(white));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 30%, white 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 30%, white 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 30%, white 100%);
  height: 100px;
  background-size: 100% 100%;
  background-position: bottom center;
  background-repeat: no-repeat;
  z-index: 1;
  display: block; }

.biog-block.active .grad {
  display: none; }

.biog-block .btn {
  font-size: 13px;
  font-family: "MarkWebPro-Medium W03 Regular";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
  color: #41b6e6;
  cursor: pointer; }

.biog-block .btn:hover {
  color: #575756;
  background-color: transparent;
  border: 1px solid transparent; }

.biog-extras {
  margin-top: 0; }

h3.team-title {
  color: #41b6e6;
  font-size: 20px; }

.post-block {
  margin-bottom: 30px;
  float: left; }

a.btn,
.btn {
  padding: 18px 21px;
  border: 1px solid #fff;
  color: #fff;
  background-color: transparent;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  float: left;
  line-height: 100%;
  cursor: pointer; }

a.btn.grey,
.btn.grey {
  color: #575756;
  border: 1px solid #575756; }

.wrapper-white a.btn {
  color: #41b6e6;
  border: 1px solid #41b6e6; }

@media only screen and (min-width: 768px) {
  a.btn.news,
  .btn.news {
    position: absolute;
    bottom: 0;
    left: 15px; } }

@media only screen and (min-width: 992px) {
  a.btn.news,
  .btn.news {
    left: calc(8.3333% + 15px); } }

a.btn:hover,
.btn:hover {
  border: 1px solid #41b6e6;
  color: #fff;
  background-color: #41b6e6;
  text-decoration: none;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out; }

a.btn.blue:hover {
  border: 1px solid #fff;
  color: #41b6e6;
  background-color: #fff;
  text-decoration: none;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out; }

a.btn img,
.btn img {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  height: 14px;
  width: 10px;
  margin: 0 5px 0 15px; }

a.btn > span,
.btn > span {
  background-image: url("images/arrow.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10px 14px;
  display: inline;
  float: right;
  height: 18px;
  margin-left: 14px;
  width: 24px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.wrapper-white a.btn > span {
  background-image: url("images/arrow-blue.svg"); }

a.btn.grey > span,
.btn.grey > span {
  background-image: url("images/arrow-grey.svg"); }

a.btn.blue:hover > span {
  background-image: url("images/arrow-blue.svg"); }

a.btn.grey:hover > span,
.wrapper-white a.btn:hover > span,
.btn.grey:hover > span {
  background-image: url("images/arrow.svg"); }

.scrolldown {
  background-image: url("images/arrow.svg");
  height: 40px;
  width: 40px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10px 14px;
  cursor: pointer;
  position: absolute;
  opacity: 1;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  left: 0;
  bottom: -40px; }
  @media only screen and (min-width: 640px) {
    .scrolldown {
      left: 25px;
      bottom: -25%; } }
  @media only screen and (min-width: 992px) {
    .scrolldown {
      left: -60px;
      top: 15%; } }

.scrolldown:hover {
  opacity: 0.7;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out; }

a.readmore {
  display: block;
  float: left;
  line-height: 100%;
  padding: 10px 0;
  width: auto; }

a.readmore > span {
  background-image: url("images/arrow-blue.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10px 14px;
  display: inline;
  float: right;
  height: 18px;
  margin-left: 14px;
  width: 24px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.sticky-posts a.readmore > span,
.related-container a.readmore > span {
  margin-left: 0;
  float: left; }

a.btn-middle {
  display: inline-block;
  float: none;
  margin-top: 20px; }
  @media only screen and (min-width: 768px) {
    a.btn-middle {
      margin-top: 40px; } }

.bluebg .row {
  background-color: #41b6e6; }

.bluebg2 .row {
  background-color: rgba(65, 182, 230, 0.6); }

.intro-left .shadow:before {
  background-color: #eaeaea;
  content: "";
  display: none;
  height: 250%;
  max-width: 100vw;
  position: absolute;
  top: -20%;
  width: 1000%;
  z-index: -1;
  right: -20%; }
  @media only screen and (min-width: 768px) {
    .intro-left .shadow:before {
      display: block; } }

.media-post-container .row-content {
  position: relative; }

.media-post-container .row-content:before {
  background-color: #eaeaea;
  content: "";
  display: none;
  height: 100%;
  left: 15px;
  max-width: 70%;
  position: absolute;
  top: 0;
  width: 1000%;
  z-index: -1;
  opacity: 0.35; }
  @media only screen and (min-width: 768px) {
    .media-post-container .row-content:before {
      display: block; } }

.media-post-container .row-content a.btn.news {
  position: relative;
  left: 0;
  margin-top: 30px; }
  @media only screen and (min-width: 768px) {
    .media-post-container .row-content a.btn.news {
      margin-top: 50px; } }

.expertise-container .row {
  color: #fff;
  text-align: center;
  margin-left: 0;
  margin-right: 0; }

.expertise-container .row {
  padding: 60px 20px; }
  @media only screen and (min-width: 768px) {
    .expertise-container .row {
      padding: 60px; } }

.expertise-container h2 {
  color: #fff;
  margin: 10px 0 70px; }

.wrapper-transparent {
  width: 100%;
  background-color: transparent;
  position: relative; }

.wrapper-blue2 {
  width: 100%;
  background-color: rgba(65, 182, 230, 0.6); }

.wrapper-grey3 {
  width: 100%;
  background-color: rgba(87, 87, 86, 0.1); }

.wrapper-white {
  width: 100%;
  background-color: #fff; }

.wrapper-white h4 {
  color: #41b6e6; }

.bottomhalf-grey3 {
  width: 100%;
  background-color: rgba(87, 87, 86, 0.1);
  bottom: 0;
  left: 0;
  height: 50%;
  z-index: -1;
  position: absolute; }

.intro-text {
  position: relative;
  padding-bottom: 0;
  padding-top: 0; }
  @media only screen and (min-width: 768px) {
    .intro-text {
      padding-bottom: 50px;
      padding-top: 50px; } }

.media-post-container .intro-text {
  padding-bottom: 0;
  padding-top: 0; }

.media-post-container .post-content blockquote {
  font-size: 22px;
  margin-top: 0;
  margin: 0;
  padding: 0;
  line-height: 145%; }

.media-post-container .entry-date {
  margin-bottom: 30px; }
  @media only screen and (min-width: 768px) {
    .media-post-container .entry-date {
      margin-bottom: 70px; } }

.media-post-container .post-content blockquote p:first-of-type {
  margin-top: 0; }

.sticky-posts .intro-text {
  position: relative;
  padding-bottom: 0;
  padding-top: 0; }
  @media only screen and (min-width: 768px) {
    .sticky-posts .intro-text {
      padding-bottom: 25px;
      padding-top: 25px; } }

.intro-left {
  padding-top: 0; }
  @media only screen and (min-width: 768px) {
    .intro-left {
      padding-top: 120px; } }

.intro-left:before,
.intro-right:before {
  content: '';
  height: 52%;
  position: absolute;
  background-color: #eaeaea;
  max-width: 100vw;
  width: 1000%;
  display: none;
  z-index: -1; }
  @media only screen and (min-width: 768px) {
    .intro-left:before,
    .intro-right:before {
      display: block; } }

.intro-left:before {
  top: 48%;
  right: 0; }

.sticky-posts.intro-left:before {
  content: '';
  height: 52%;
  position: absolute;
  background-color: #eaeaea;
  max-width: 100vw;
  width: 1000%;
  display: none;
  z-index: -1; }
  @media only screen and (min-width: 768px) {
    .sticky-posts.intro-left:before {
      display: block; } }

.intro-right:before {
  top: 0;
  left: 15px; }

.intro-left img.wp-post-image {
  margin-left: -15px;
  max-width: none;
  width: calc(100% + 15px);
  margin-bottom: 30px;
  margin-top: 0; }
  @media only screen and (min-width: 992px) {
    .intro-left img.wp-post-image {
      margin-left: -8.3333%;
      margin-bottom: 60px;
      margin-top: 30px; } }

.intro-right img.wp-post-image {
  margin-left: 0;
  max-width: none;
  width: calc(100% + 15px);
  margin-bottom: 30px;
  margin-top: 0; }
  @media only screen and (min-width: 992px) {
    .intro-right img.wp-post-image {
      margin-left: 8.3333%;
      margin-bottom: 60px;
      margin-top: 30px; } }

.bleed-left img.wp-post-image {
  margin-left: -15px;
  max-width: none;
  width: calc(100% + 15px);
  margin-bottom: 30px;
  margin-top: 0; }
  @media only screen and (min-width: 992px) {
    .bleed-left img.wp-post-image {
      margin-left: -18%;
      width: 118%; } }

.media-post-container .bleed-left img.wp-post-image {
  margin-left: -15px;
  max-width: none;
  width: calc(100% + 15px);
  margin-bottom: 30px;
  margin-top: 0; }
  @media only screen and (min-width: 992px) {
    .media-post-container .bleed-left img.wp-post-image {
      margin-left: -25%;
      width: 125%; } }

.bleed-right img.wp-post-image {
  margin-left: 0;
  max-width: none;
  width: calc(100% + 15px);
  margin-bottom: 30px;
  margin-top: 0; }
  @media only screen and (min-width: 992px) {
    .bleed-right img.wp-post-image {
      margin-right: 18%;
      width: 118%; } }

.intro-text .entry-date {
  display: block; }

.intro-text h3 {
  line-height: 100%; }
  @media only screen and (min-width: 768px) {
    .intro-text h3 {
      line-height: normal; } }

.intro-right h3,
.intro-right .entry-date,
.intro-right .medialogo,
.intro-right .readmore {
  margin-left: 0;
  max-width: none;
  display: block; }
  @media only screen and (min-width: 768px) {
    .intro-right h3,
    .intro-right .entry-date,
    .intro-right .medialogo,
    .intro-right .readmore {
      margin-left: 8.3333%;
      max-width: calc(100% - 8.3333% + 15px); } }

.intro-left h3,
.intro-left .entry-date,
.intro-left .medialogo,
.intro-left .readmore {
  margin-left: 0;
  max-width: none;
  display: block; }
  @media only screen and (min-width: 768px) {
    .intro-left h3,
    .intro-left .entry-date,
    .intro-left .medialogo,
    .intro-left .readmore {
      margin-left: 0;
      max-width: calc(100% - 8.3333% + 15px); } }

.intro-left h3 a,
.intro-right h3 a {
  font-size: 20px; }
  @media only screen and (min-width: 768px) {
    .intro-left h3 a,
    .intro-right h3 a {
      font-size: 30px; } }

.intro-left .readmore,
.intro-right .readmore {
  display: block;
  float: left;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px; }

.intro-right .readmore {
  max-width: 100%; }
  @media only screen and (min-width: 768px) {
    .intro-right .readmore {
      max-width: calc(100% - 8.3333%); } }

.quote-text p {
  color: #41b6e6;
  font-size: 26px;
  font-family: "MarkWeb W03 Regular1473420";
  line-height: 145%;
  margin-top: 10px; }

.acf-map,
.image1 {
  width: 100%;
  height: 100%;
  margin: 0;
  position: absolute;
  left: 0;
  top: 0; }

.acf-map {
  height: 100%;
  position: relative; }
  @media only screen and (min-width: 640px) {
    .acf-map {
      display: block; } }

.acf-map > .marker {
  height: inherit; }

.acf-map img {
  max-width: inherit !important; }

.big-map {
  display: block;
  position: absolute;
  width: 100px;
  height: 30px;
  background-size: contain;
  z-index: 9999;
  top: 5px;
  left: 5px; }

.map-container.container {
  width: 100%;
  height: 300px;
  padding: 0 !important; }
  @media only screen and (min-width: 640px) {
    .map-container.container {
      height: 500px; } }

.site-content {
  overflow: hidden; }

.container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px !important;
  padding-right: 15px !important; }
  @media only screen and (min-width: 768px) {
    .container {
      /* width: 750px;*/ } }
  @media only screen and (min-width: 992px) {
    .container {
      width: 960px; } }
  @media only screen and (min-width: 1200px) {
    .container {
      width: 1080px; } }

.desktop-show {
  display: none; }
  @media only screen and (min-width: 768px) {
    .desktop-show {
      display: block; } }

.mobile-show {
  display: block; }
  @media only screen and (min-width: 768px) {
    .mobile-show {
      display: none; } }

.nopadding {
  padding: 0 !important; }

.nomargin {
  margin: 0 !important; }

.paddingbottom0 {
  padding-bottom: 0 !important; }

.paddingbottom60mob30 {
  padding-bottom: 30px !important; }
  @media only screen and (min-width: 640px) {
    .paddingbottom60mob30 {
      padding-bottom: 60px !important; } }

.paddingtop60mob30 {
  padding-top: 30px !important; }
  @media only screen and (min-width: 640px) {
    .paddingtop60mob30 {
      padding-top: 60px !important; } }

.paddingtop0 {
  padding-top: 0 !important; }

.marginbottomset .row {
  margin-bottom: 45px !important; }
  @media only screen and (min-width: 768px) {
    .marginbottomset .row {
      margin-bottom: 100px !important; } }

.margintopset .row {
  margin-top: 45px !important; }
  @media only screen and (min-width: 768px) {
    .margintopset .row {
      margin-top: 100px !important; } }

.alm-btn-wrap {
  display: block;
  float: left;
  position: relative;
  width: 100%; }

.ajax-load-more-wrap {
  display: block;
  float: left;
  text-align: center;
  width: 100%; }

.alm-load-more-btn {
  left: 0;
  margin: 0 auto !important;
  position: absolute !important;
  right: 0;
  text-align: center !important;
  padding: 18px 21px !important;
  background-color: transparent !important;
  -webkit-transition: all 0.5s ease-out !important;
  -o-transition: all 0.5s ease-out !important;
  transition: all 0.5s ease-out !important;
  float: left !important;
  line-height: 100% !important;
  cursor: pointer !important;
  color: #41b6e6 !important;
  border: 1px solid #41b6e6 !important;
  border-radius: 0;
  font-size: 16px; }

.alm-load-more-btn:hover {
  color: #fff !important;
  background-color: #41b6e6 !important; }

.alm-load-more-btn.done {
  display: none !important; }

.alm-reveal {
  text-align: left !important; }

.post-block .medialogo {
  background-color: #fff;
  float: right;
  padding: 10px;
  position: absolute;
  right: 15px;
  top: 0;
  z-index: 1; }

.hidden,
.category-insights .medialogo {
  display: none; }

img.introimg {
  margin-top: 2.5em; }
