@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  text-decoration: none;
  vertical-align: baseline;
}

img {
  vertical-align: bottom;
}

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

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

table {
  border-collapse: collapse;
  border-spacing: 0;
}
.clearfix::after {
  clear: both;
  content: "";
  display: table;
}
.none {
  display: none;
}

/* GRID FRAMEWORK */
.row {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  *zoom: 1;
}
.row:before,
.row:after {
  content: "";
  display: table;
}
.row:after {
  clear: both;
}
.column,
.columns {
  float: left;
  min-height: 1px;
  padding: 0 15px;
  position: relative;
}
.columns .columns {
  padding: 0;
}
.columns .columns .columns {
  padding: 0;
}
.column.centered,
.columns.centered {
  float: none;
  margin: 0 auto;
}

[class*="column"] + [class*="column"].end {
  float: left;
}

/* COLUMNS */
.one,
.row .one {
  width: 8.33333%;
}
.two,
.row .two {
  width: 16.66667%;
}
.three,
.row .three {
  width: 25%;
}
.four,
.row .four {
  width: 33.33333%;
}
.five,
.row .five {
  width: 41.66667%;
}
.six,
.row .six {
  width: 50%;
}
.seven,
.row .seven {
  width: 58.33333%;
}
.eight,
.row .eight {
  width: 66.66667%;
}
.nine,
.row .nine {
  width: 75%;
}
.ten,
.row .ten {
  width: 83.33333%;
}
.eleven,
.row .eleven {
  width: 91.66667%;
}
.twelve,
.row .twelve {
  width: 100%;
}

#sprite {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  -webkit-clip-path: circle(1% at 1% 1%);
  clip-path: circle(1% at 1% 1%);
}

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

/* IMAGES */
img,
object,
embed {
  height: auto;
  max-width: 100%;
}

object,
embed {
  height: 100%;
}

img {
  -ms-interpolation-mode: bicubic;
}

/* VISABILITY CLASSES */
.show-for-small {
  display: none !important;
}

/* FLOATS */
.left {
  float: left;
}
.right {
  float: right;
}
.text-right {
  text-align: right;
}
.text-centered {
  text-align: center;
}

/* RESPONSIVE */
@media only screen and (max-width: 768px) {
  .row {
    margin-left: 0;
    margin-right: 0;
    min-width: 0;
    width: auto;
  }
  .column,
  .columns {
    padding: 0;
  }
  .column:before,
  .columns:before,
  .column:after,
  .columns:after {
    content: "";
    display: table;
  }
  .column:after,
  .columns:after {
    clear: both;
  }
  .row .mobile-two {
    float: left;
    padding: 0 30px;
    width: 50% !important;
  }
  .row .mobile-two:last-child {
    float: left;
  }
  .row .mobile-two.end {
    float: left;
  }
  .row .mobile-four {
    float: left;
    width: 100% !important;
  }
  .row .mobile-four.end {
    float: left;
  }
}

/* SMALL DISPLAY TARGETS */
@media only screen and (max-width: 768px) {
  .hide-for-small {
    display: none !important;
  }
  .show-for-small {
    display: block !important;
  }
}

/*===================================================================*/
/*
/* BODY AND TYPOGRAPHY
/*
/*===================================================================*/
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-size: 62.5%;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  background-color: #fff;
  color: #2a2e31;
  overflow: hidden;
  word-wrap: break-word;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
}

body,
button,
input,
select,
textarea {
  font: 17px/1.8 "Lato",Helvetica,Arial,sans-serif;
  letter-spacing: 0.025em;
  word-wrap: break-word;
}

p,
ul,
ol,
.wp-caption,
blockquote,
.bean-tab-content,
.bean-panel-body {
  font-family: "Lato", serif;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1.9;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #2a2e31;
  font-family: "Lato",sans-serif;
  font-weight: 400;
  line-height: 1.3em;
}

h1 a,
h2 a,
h3 a,
h4 a {
  color: #272b2f !important;
}

h1 {
  font-size: 24px;
  font-size: 2.4rem;
  letter-spacing: 8px;
  line-height: 1.7em;
  text-transform: uppercase;
}

h2 {
  font-size: 22px;
  font-size: 2.2rem;
  letter-spacing: 5px;
  text-transform: uppercase;
}

h3 {
  font-size: 17px;
  letter-spacing: 4px;
  line-height: 26px;
  text-transform: uppercase;
}

h4 {
  font-size: 22px;
  line-height: 1.7em;
}

h5 {
  font-size: 11px;
  font-weight: 300;
  letter-spacing: 3px;
  text-transform: uppercase;
}

h6 {
  color: #bbb;
  font-family: "Lato", serif;
  font-size: 15px;
  font-size: 1.5rem;
  font-style: italic;
}

em,
cite {
  font-style: italic;
}

cite {
  display: block;
}

strong {
  font-weight: bold;
}

strike,
del {
  text-decoration: line-through;
}

abbr,
acronym,
ins {
  border-bottom: 1px solid #c8c8c8;
}

abbr,
acronym {
  cursor: help;
  text-transform: uppercase;
}

sup {
  font-size: 11px;
  position: relative;
  top: -5px;
  vertical-align: top;
}

sub {
  bottom: -5px;
  font-size: 11px;
  position: relative;
  vertical-align: bottom;
}

a {
	color: #070507;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}

a:hover {
  color: #01d0e2;
}

a img {
  border: none;
  padding: 0;
}

var,
kbd,
samp,
code,
pre {
  font: 15px/1.9 "Monaco", Courier, "Courier New", monospace;
}

pre {
  background-color: #f0f1f2;
  border-radius: 3px;
  clear: both;
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  margin: 10% 0;
  overflow: auto;
  overflow-x: scroll;
  padding: 5%;
  overflow-wrap: normal;
}
.post blockquote {
  margin: 12% -140px 11%;
}

blockquote.tagline {
  margin: 8% auto !important;
}

blockquote,
blockquote p {
  font-size: 28px;
  font-size: 2.8rem;
  font-style: italic;
  line-height: 1.7em;
  text-align: left;
}

blockquote p {
  margin-bottom: 0;
}

blockquote cite {
  color: #bbb;
  font-size: 17px;
  font-size: 1.7rem;
}

hr {
  background-color: #e0e0e0;
  border: none;
  height: 1px;
  margin: 8% 0;
}

p,
ul,
ol,
dl,
dd,
form
table,
address,
fieldset,
iframe,
.gist,
.bean-alert,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  margin-bottom: 20px;
  margin-bottom: 3%;
}
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  padding: 3% 0 2%;
}

nav ul,
header p,
footer p,
.widget ul,
.entry-meta,
.jp-interface ul,
.primary fieldset {
  margin-bottom: 0;
}

/*===================================================================*/
/*
/* GLOBAL STYLES (ELEMENTS WITH THE SAME COLORS/TRANSITIONS)
/*
/*===================================================================*/
cite a,
form label,
input:focus,
.bean-tabs a,
textarea:focus,
h4.entry-title a,
.pinglist a:hover,
#wp-calendar caption,
.logged-in-as a:hover,
.bean-panel-title > a,
#edd_checkout_cart td,
#edd_checkout_cart th,
#edd_checkout_wrap label,
.bean-tabs > li.active > a,
.recent-post-tabs > li > a:hover,
.entry-content .wp-playlist-item-title,
.bean-pricing-table .pricing-column li.info:hover,
.entry-content .wp-playlist-item .wp-playlist-caption {
  color: #181818;
}
.bean-pricing-table .table-mast,
.bean-pricing-table .table-mast:hover,
body.page-template-template-underconstruction-php {
  background-color: #181818 !important;
}

/*===================================================================*/
/*
/* FORM & INPUT STYLES
/*
/*===================================================================*/
/* THEME BUTTONS */
.btn,
.button,
button,
.btn[type="submit"],
input[type="reset"],
input[type="button"],
input[type="submit"],
.button[type="submit"] {
  border: none;
  border-radius: 3px;
  color: #fff !important;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 3px;
  outline: none !important;
  padding: 15px 17px;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.btn:hover,
.button:hover,
.btn[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
  background-color: #181818;
}

/* THEME FORMS */
form label {
  cursor: pointer;
  font-family: "Lato", sans-serif;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 3px;
  text-transform: uppercase;
}

span.required,
abbr.required {
  color: #e55;
}

textarea,
input[type="tel"],
input[type="url"],
input[type="text"],
input[type="date"],
input[type="time"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="password"],
input[type="datetime"] {
  background: #f0f1f2;
  border: 1px solid #f0f1f2;
  border-radius: 0;
  color: #181818;
  display: block;
  font-family: "Lato", serif;
  font-size: 17px;
  margin: 5px 0 15px;
  outline: none !important;
  padding: 9px 15px 7px;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -ms-transition: all 0.1s;
  -o-transition: all 0.1s;
  width: 100%;
  -webkit-appearance: none;
}

textarea:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="text"]:focus,
input[type="date"]:focus,
input[type="time"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus {
  color: #181818;
}

textarea {
  display: block;
  height: 220px;
  padding: 9px 16px;
}

/* ERRORS */
label.error {
  display: none !important;
}

input.error,
textarea.error,
input.error:hover,
input.error:focus,
textarea.error:hover,
textarea.error:focus {
  border-color: #e55 !important;
}

/*===================================================================*/
/*
/* THEME STRUCTURE
/*
/*===================================================================*/
.page-inner {
  background: #fff;
  position: relative;
  z-index: 9999;
}
.wrap {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
  padding: 0 40px;
  position: relative;
  z-index: 2;
  zoom: 1;
}
.wrap::after,
section::after {
  clear: both;
  content: "";
  display: table;
}

/*===================================================================*/
/* HEADER
/*===================================================================*/
.header {
  background-color: #fff;
  height: 100px;
  line-height: 100px;
  padding: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 20002;
}
.admin-bar .header {
  top: 32px;
}

@media only screen and (max-width: 782px) {
  .admin-bar .header {
    top: 46px;
  }
}
.header a {
  border: 0;
  padding: 0;
}
.header .site-title {
  display: block;
  float: right;
  padding: 0 30px 0 0;
  position: relative;
  text-align: right;
  top: 0;
  width: 30%;
  z-index: 7999;
}
.header .site-title a {
  border: none;
  display: block;
  height: 100%;
  position: relative;
  top: 0;
  width: 100%;
}
.header .site-title img {
  max-height: 240px;
  max-height: 60px;
  position: relative;
  vertical-align: middle;
}
.header .site-title h1 {
  display: inline-block;
  font-size: 20px;
  letter-spacing: 6px;
  line-height: 1.2;
  margin: 0;
  text-align: right;
}

/* MENU */
.header .nav {
  display: block;
  float: left;
  max-height: 100px;
  padding: 0;
  width: 70%;
}
.menu_standard .header .nav {
  margin-left: 0;
}
.header .nav ul {
  display: inline-block;
  font-family: "Lato", sans-serif;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 4px;
  line-height: 100px;
  text-transform: uppercase;
}
.header .nav li {
  display: inline-block;
  margin: 0 0 0 1.5em;
  position: relative;
}
.header .nav li:first-child {
  margin-left: 30px;
}
.header .nav li a {
  color: #070507;
  position: relative;
}
/*.header .nav li a:after {
  background-color: #272b2f;
  bottom: -3px;
  content: "";
  height: 1px;
  left: 48%;
  margin-left: 0;
  position: absolute;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 0;
}
.header .nav li a:hover:after,
.header .nav li.current-menu-item a:after,
.header .nav ul > .sfHover > a.sf-with-ul:after {
  margin-left: -50%;
  width: 100%;
}*/
.header .nav ul li a:hover,
.header .nav ul li.current-menu-item a,
.header .nav ul > .sfHover > a.sf-with-ul {
  color: #01d0e2;
}

/* SUPERFISH */
.sf-menu,
.sf-menu * {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  top: 0.5px;
}
.sf-menu li {
  position: relative;
  white-space: nowrap;
}
.sf-menu ul {
  left: 0;
  min-width: 14em;
  position: absolute;
  top: 98%;
  z-index: 99999;
}
.sf-menu ul ul {
  display: none;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
  display: block;
}
.sf-menu ul.sub-menu ul.sub-menu {
  left: 98% !important;
  top: -4px;
}

/* SUPERFISH CUSTOM THEME */
#primary-menu .sub-menu {
  background: #181818;
  border-radius: 0 0 3px 3px;
  display: none;
  left: -15px;
  padding: 5px 0;
}

#primary-menu .sub-menu li {
  display: block;
  line-height: 20px;
  margin: 0;
}

#primary-menu .sub-menu a {
  border-top: 1px solid #333;
  color: #fff;
  display: block;
  letter-spacing: 2px;
  margin: 0 15px;
  padding: 5px 0;
}

#primary-menu .sub-menu a:after {
  display: none;
}

#primary-menu .sub-menu li:first-child a {
  border-top: none;
}

#primary-menu .sub-menu a:hover,
#primary-menu .sub-menu .sfHover > a,
#primary-menu .sub-menu .current-menu-item > a {
  border-color: #333 !important;
  color: #aaa;
}

#primary-menu .sub-menu .sub-menu {
  border-radius: 0 3px 3px 3px;
}

/* MENU TOGGLE */
.hamburger-icon {
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 19px;
  position: relative;
  top: 38px;
  left: 5%;
  width: 15px;
  z-index: 20001;
}
.hamburger-icon.menu_standard {
  display: none;
}
.hamburger-icon span {
  margin: 0 auto;
  position: relative;
  top: 12px;
}
.hamburger-icon span:before,
.hamburger-icon span:after {
  content: "";
  position: absolute;
}
.hamburger-icon span,
.hamburger-icon span:after,
.hamburger-icon span:before {
  background-color: #272b2f;
  display: block;
  height: 1px;
  -webkit-transition: 0.2s ease-in-out !important;
  transition: 0.2s ease-in-out !important;
  width: 15px;
}
.hamburger-icon span:before {
  margin-top: -7px;
  -webkit-transition-property: margin, -webkit-transform;
}
.hamburger-icon span:after {
  margin-top: 7px;
  -webkit-transition-property: margin, -webkit-transform;
}

#nav-toggle.active span {
  background-color: transparent !important;
  width: 19px;
}

#nav-toggle.active span:before {
  margin-top: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 19px;
}

#nav-toggle.active span:after {
  margin-top: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 19px;
}

/* HEADER LEFT ALIGNED */
.header_left_aligned {
  padding: 0 35px;
}
.header_left_aligned .site-title {
  float: left;
  text-align: left;
}
.header_left_aligned .nav {
  float: right;
  text-align: right;
}
.header_left_aligned .hamburger-icon {
  float: right;
  margin-left: 35px;
}

/*===================================================================*/
/* HERO AREA
/*===================================================================*/
.hero-area {
  background: #f0f1f2;
  color: #272b2f;
  overflow: hidden;
  padding: 20% 0;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 9999;
}
.hero-area .center-vertical {
  padding: 0 10px;
}
.hero-area.grayscale video,
.hero-area.grayscale .post-cover {
  -webkit-filter: gray;
  -webkit-filter: gray;
  -webkit-filter: gray;
  -webkit-filter: gray;
  -webkit-filter: gray;
  -webkit-filter: gray;
  -webkit-filter: gray;
  -webkit-filter: gray;
  -webkit-filter: gray;
  -webkit-filter: grayscale(100%);
  -webkit-filter: gray;
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: gray;
}
.hero-area h1,
.hero-area h2,
h3.title-next-post,
.page-template-template-portfolio-fullpage-php .project h2 {
  font-family: "Lato",HelveticaNeue,helvetica,arial,sans-serif;
  font-size: 18rem;
  font-size: 13vw;
  font-weight: bold;
  letter-spacing: 8px;
  line-height: 1em;
}
.hero-area h2,
.single-post .hero-area.hero-fullscreen h2 {
  font-size: 7.5rem;
  font-size: 5vw;
  letter-spacing: 5px;
  line-height: 1.4em;
}
.hero-area h3 {
  font-size: 15px;
  font-size: 1.5rem;
  letter-spacing: 4px;
  margin-top: 20px;
}
.hero-area h3 a {
  border: 0;
}
.hero-area.hero-fullscreen {
  background-color: #000;
  padding: 0;
}
.hero-area.hero-fullscreen h2 {
  font-size: 10rem;
  font-size: 7vw;
}
.hero-area .down-arrow {
  border: 0;
  bottom: 75px;
  left: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 99;
}
.hero-area .down-arrow i {
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: bounce;
  animation-name: bounce;
  background: url(assets/images/sprite.png) no-repeat 50% -191px;
  display: block;
  height: 18px;
  margin: 0 auto;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
  width: 31px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.hero-area .down-arrow.audio-portfolio,
.single-format-audio .hero-area .down-arrow {
  bottom: 125px;
}
.post-cover {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: absolute;
  top: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transform: translateZ(0px);
  -webkit-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -ms-transform: translate3d(0, 0, 0);
  -ms-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: translate3d(0, 0, 0);
  transform: scale(1.2);
  -webkit-transition: -webkit-transform 0.6s ease-out;
  transition: -webkit-transform 0.6s ease-out;
  width: 100%;
  -webkit-perspective: 1000;
}
.hero-area .post-cover.loaded {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.imagezoom,
.hero-area .post-cover.imagezoom {
  -webkit-animation: imageZoom linear 80s;
  -webkit-animation: imageZoom linear 80s;
  animation: imageZoom linear 80s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.fullscreen-gradient {
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: fixed;
  position: absolute;
  top: 0;
  -webkit-transform: translatez(0);
  -ms-transform: translatez(0);
  transform: translatez(0);
  width: 100%;
  z-index: 3;
}
.fullscreen-gradient:after,
.fullscreen-gradient:before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
}
.fullscreen-gradient:before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), color-stop(100%, transparent));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent 100%);
  top: 0;
}
.fullscreen-gradient:after {
  background: rgba(16, 17, 19, 0.6);
  top: 0;
}
.hero-area .background-video,
.hero-area .background-video.embedded iframe {
  height: auto;
  left: 0;
  max-width: none;
  min-height: 100%;
  min-width: 100%;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
  z-index: 3;
  -o-object-fit: cover;
  object-fit: cover;
}
.hero-area .background-video {
  overflow: hidden;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.hero-area .background-video.embedded iframe {
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media only screen and (max-width: 782px) {
  .hero-area .background-video {
    display: none;
  }
}
.hero-area .background-video.embedded iframe {
  top: -50px;
  width: 100%;
}
.hero-area.has-video .post-cover {
  opacity: 0 !important;
}
.wistia_responsive_padding,
.wistia_responsive_padding iframe {
  height: auto;
  max-width: none;
  min-height: 100%;
  min-width: 100%;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
  z-index: 2;
  -o-object-fit: cover;
  object-fit: cover;
}
.wistia_responsive_padding {
  background-size: 100% 100%;
  height: auto;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 0;
  width: auto;
  z-index: 0;
}

/* SINGLE POST FORMATS */
.hero-area .lightbox {
  bottom: 0;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 9999;
}
.hero-area .lightbox img {
  display: none;
}
.single-format-image .hero-area .lightbox:hover {
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
}

/* ANIMATED HEADLINE */
.cd-words-wrapper {
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: top;
}
.cd-words-wrapper::after {
  background-color: #fff;
  bottom: auto;
  content: "";
  height: 80%;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 3px;
}
.cd-words-wrapper b {
  display: inline-block;
  left: 0;
  position: absolute;
  top: 0;
  white-space: nowrap;
}
.cd-words-wrapper b.is-visible {
  position: relative;
}
.cd-headline .cd-words-wrapper.waiting::after {
  -webkit-animation: cd-pulse 1s infinite;
  animation: cd-pulse 1s infinite;
}
.cd-words-wrapper.selected {
  background-color: #000;
}
.cd-words-wrapper.selected b {
  color: #fff;
}
.cd-headline b,
.cd-words-wrapper.selected::after {
  visibility: hidden;
}
.cd-headline b.is-visible {
  visibility: visible;
}
.cd-headline i {
  position: absolute;
  visibility: hidden;
}
.cd-headline i.in {
  position: relative;
  visibility: visible;
}
.no-js .cd-words-wrapper b {
  opacity: 0;
}
.no-js .cd-words-wrapper b.is-visible {
  opacity: 1;
}

/*===================================================================*/
/* FOOTER
/*===================================================================*/
.footer {
	position: relative;
	z-index: 9999;
	color: #fff;
	padding: 42px 0 0;
	text-align: center;
	width: 100%;
	height: 100px;
  	background-color: #070507 !important;
}

.footer .copyright {
	display: inline-block;
	font-family: "Lato";
	font-size: 0.6em;
	letter-spacing: 2px;
	text-transform: uppercase;
	opacity: 0.6;
	position: absolute;
	left: 30px;
	height: 20px;
	padding-top: 2px;
	line-height: 1.7em;
}
.footer .copyright a {
  border: 0;
  color: #bbb;
  padding: 0;
  position: relative;
}
.footer .copyright a:after {
  background-color: #070507;
  bottom: -2px;
  content: "";
  height: 1px;
  left: 50%;
  margin-left: 0;
  position: absolute;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 0;
}
.footer .copyright a:hover:after {
  margin-left: -50%;
  width: 100%;
}
.footer .copyright a:hover {
  color: #070507;
}

/* SOCIAL */
.footer-social {
  	display: inline-block;
  	margin: 0;
	width: initial;
	text-align: right;
	float: right;
	padding-right: calc(35px - 0.7vw);
	position: relative;
	top: -5px;
}
.footer-social li {
  	display: inline-block;
  	margin: 0;
	height: 20px;
  	position: relative;
  	top: 5px;
}
.footer-social a {
	text-indent: -9999em;
  	display: inline-block;
	height: 20px;
	width: 20px;
	margin: 0 10px;
	padding: 0;
	border: 0;
	transition: unset;
	background-size: unset !important;
}
.footer-social a:hover {
  	background-position: 100%;
	opacity: 1;
}

/* MM Social icons */
.mm-email-icon {
	background-image: url('/wp-content/uploads/2018/04/mm_icon-mail.svg');
}
.mm-pinterest-icon {
	background-image: url('/wp-content/uploads/2018/04/mm_icon-pinterest.svg');
}
.mm-twitter-icon {
	background-image: url('/wp-content/uploads/2018/04/mm_icon-twitter.svg');
}
.mm-linkedin-icon {
	background-image: url('/wp-content/uploads/2018/04/mm_icon-linkedin.svg');
}
.mm-behance-icon {
background-image: url('/wp-content/uploads/2018/04/mm_icon-behance.svg');
}
.mm-instagram-icon {
background-image: url('/wp-content/uploads/2018/04/mm_icon-instagram.svg');
}
.mm-behance-icon2 {
background-image: url('/wp-content/uploads/2018/04/mm_icon-behance2.svg');
}
.mm-linkedin-icon2 {
background-image: url('/wp-content/uploads/2018/04/mm_icon-linkedin2.svg');
}
.mm-pinterest-icon2 {
background-image: url('/wp-content/uploads/2018/04/mm_icon-pinterest2.svg');
}


/* BACK TO TOP */
.to-top {
  display: block !important;
  margin-top: 30px;
}
.to-top a:after {
  display: none;
}

#back-to-top {
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: bounce;
  animation-name: bounce;
  background: url(assets/images/sprite.png) no-repeat -9px -1436px;
  border: 0;
  display: block;
  height: 18px;
  margin: 0 auto;
  padding: 0;
  text-indent: -9999em;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
  width: 31px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

#back-to-top:hover {
  background-position: -59px -1436px;
}

/*===================================================================*/
/*
/* PRELOADER
/*
/*===================================================================*/

#loader-wrapper {
  background: #fff;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99999;
  -webkit-transition: all 0.2s 0.9s ease-out;
  transition: all 0.2s 0.9s ease-out;
  display: none;
}
#loader {
  -webkit-transition: all 0.2s 0.4s ease-out;
  transition: all 0.2s 0.4s ease-out;
}
.loaded #loader, .loaded #loader-wrapper {
  opacity: 0 !important;
  visibility: hidden !important;
}
.no-js #loader-wrapper {
  display: none !important;
}
/*
#loader-wrapper #loader {
  -webkit-animation: rotate 1s linear 0s infinite;
  animation: rotate 1s linear 0s infinite;
  border: 4px solid #bbb;
  border-bottom-color: #272b2f;
  border-radius: 100%;
  bottom: 0;
  height: 60px;
  left: 0;
  margin: auto;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
  z-index: 9999;
}

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
*/


/*===================================================================*/
/*
/* THEME MENUS
/*
/*===================================================================*/
/*===================================================================*/
/* MENU - SIDEBAR
/*===================================================================*/
.menu-sidebar,
.menu-sidebar p,
.menu-sidebar ul,
.menu-sidebar ol {
  color: #666;
  font: 15px/1.6 "Lato",Helvetica,Arial,sans-serif;
  letter-spacing: 0.025em;
}
.menu-sidebar a {
  border: 0;
  color: #888;
  padding: 0;
}
.menu-sidebar a:hover {
  color: #fff;
}
.menu-sidebar {
  background-color: #181818;
  height: 100%;
  left: -340px;
  margin: 0 !important;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 50px 35px;
  position: fixed;
  top: 0;
  -webkit-transition: all 400ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 400ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  width: 340px;
  z-index: 9999999;
  -webkit-backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
}
.admin-bar .menu-sidebar {
  top: 32px;
}

@media only screen and (max-width: 782px) {
  .admin-bar .menu-sidebar {
    top: 46px;
  }
}
.menu-sidebar.open {
  left: 0;
}
.menu-sidebar-inner {
  overflow-y: scroll;
  position: relative;
}

/* MENU */
.menu-sidebar .nav {
  border-bottom: 1px solid #303030;
  padding-bottom: 50px;
  text-align: left;
}
.menu-sidebar .nav ul li {
  line-height: 1.6;
}
.menu-sidebar .nav ul li a {
  display: inline-block;
  font-family: "Lato", sans-serif;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 3px;
  margin-bottom: 0;
  text-transform: uppercase;
}
.menu-sidebar .nav ul li a:hover {
  color: #fff !important;
}
.menu-sidebar .nav ul li.current-menu-item a {
  color: #fff;
}
.menu-sidebar .nav ul .menu-item-has-children > a:before {
  content: " ";
  display: inline-block;
}
.menu-sidebar .nav .sub-menu li.menu-item-has-children {
  display: none;
}
.menu-sidebar .nav ul .menu-item-has-children > a:after {
  content: "›";
  display: inline-block;
  font-size: 14px;
  margin-left: 1rem;
  position: relative;
  top: 3px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.menu-sidebar .nav ul .menu-item-has-children > a.open:after {
  margin-left: 0.7rem;
  top: 0;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

/* DROPDOWNS */
.menu-sidebar .nav .sub-menu {
  display: block;
  margin: 0 auto;
  overflow: hidden;
  padding: 0;
}
.menu-sidebar .nav .sub-menu li {
  display: block;
  font-weight: normal;
  height: auto;
  margin-left: 20px;
}

/* CLOSE REGION */
.nav-overlay {
  bottom: 0;
  cursor: url(assets/images/close.png), pointer;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  visibility: hidden;
  z-index: 9999999;
}
.nav-overlay.open {
  background-color: #000;
  opacity: 0.6;
  visibility: inherit;
}

/* OPEN MODS */
.menu_sidebar #header,
.menu_sidebar #footer,
.menu_sidebar #page-hero,
.menu_sidebar #page-container,
.menu_sidebar #sub-header,
.menu_sidebar #project-filter.no-hero {
  -webkit-transition: -webkit-transform 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -webkit-transition: -webkit-transform 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: -webkit-transform 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: transform 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: transform 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95), -webkit-transform 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: -webkit-transform 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95), transform 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.menu_sidebar_open > #header,
.menu_sidebar_open > #footer,
.menu_sidebar_open > #page-container,
.menu_sidebar_open > #sub-header,
.menu_sidebar_open > #project-filter.no-hero {
  -webkit-transform: translate3d(100px, 0, 0);
  -ms-transform: translate3d(100px, 0, 0);
  transform: translate3d(100px, 0, 0);
}
.menu-sidebar.option_header_left_aligned {
  left: inherit;
  right: -340px;
}
.menu-sidebar.option_header_left_aligned.open {
  right: 0;
}
.layout_header_left_aligned.menu_sidebar_open > #header,
.layout_header_left_aligned.menu_sidebar_open > #footer,
.layout_header_left_aligned.menu_sidebar_open > #page-container,
.layout_header_left_aligned.menu_sidebar_open > #sub-header,
.layout_header_left_aligned.menu_sidebar_open > #project-filter.no-hero {
  -webkit-transform: translate3d(-100px, 0, 0);
  -ms-transform: translate3d(-100px, 0, 0);
  transform: translate3d(-100px, 0, 0);
}

/* WIDGETS */
.menu-sidebar .widget {
  padding-bottom: 50px;
}
.menu-sidebar .widget:last-child {
  border: 0;
}
.menu-sidebar .widget .widget-title {
  color: #fff;
  display: inline-block;
  font-family: "Lato", sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 3px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

/*===================================================================*/
/* MENU - FULLSCREEN
/*===================================================================*/
body.menu_fullscreen_open {
  display: block !important;
  overflow: hidden;
}
.menu-fullscreen-wrap:before {
  content: "";
  display: inline-block;
  height: 100%;
  margin-right: -0.25em;
  vertical-align: middle;
}
.menu-fullscreen {
  background: #000000 !important;
  display: none;
  height: 100%;
  left: 0;
  overflow: scroll;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 20001;
  transition: unset !important;
}
.menu-fullscreen-wrap {
  height: 100%;
  margin: 0 auto;
  position: relative;
  text-align: center;
}
.menu-fullscreen nav {
  display: inline-block;
  position: relative;
  text-align: center;
  vertical-align: middle;
}
.menu-fullscreen ul {
  display: block;
  height: 100%;
  list-style: none;
  margin: 0 auto;
  padding: 30px 0;
  position: relative;
  -webkit-transition: none;
  width: 100%;
}
.menu-fullscreen ul li {
  font-family: "Lato",sans-serif;
  font-size: 26px;
  font-weight: 300;
  letter-spacing: 6px;
  line-height: 1;
  min-height: 14px;
  text-align: center;
  text-transform: uppercase;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.menu-fullscreen ul .menu-item-has-children > a:before {
  content: " ";
  display: inline-block;
  margin-right: 1rem;
}
.menu-fullscreen .sub-menu li.menu-item-has-children {
  display: none;
}
.menu-fullscreen ul .menu-item-has-children > a:after {
  content: "›";
  display: inline-block;
  margin-left: 10px;
  position: relative;
  top: 3px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.menu-fullscreen ul .menu-item-has-children > a.open:after {
  left: -7px;
  margin-left: 9px;
  top: -3px;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.menu-fullscreen ul li a {
  border: 0;
  color: #fff;
  display: inline-block;
  padding: 1.5rem 1.5rem;
}
.menu-fullscreen ul li a:focus, .menu-fullscreen ul li a:active, .menu-fullscreen ul li a:hover {
	color: #01d0e2;
}
.menu-fullscreen li.current-menu-item a {
  color: #fff !important;
}

/* DROPDOWNS */
.menu-fullscreen .sub-menu {
  display: block;
  margin: 0 auto;
  overflow: hidden;
  padding: 10px 0;
}
.menu-fullscreen .sub-menu li {
  -webkit-animation-name: NONE;
  animation-name: NONE;
  display: block;
  font-size: 13px;
  font-weight: normal;
  height: auto;
  letter-spacing: 4px;
  opacity: 0.75 !important;
}
.menu-fullscreen .sub-menu li a {
  padding: 10px 0;
}

/* OPEN MODS */
.menu_fullscreen #nav-toggle.active span,
.menu_fullscreen #nav-toggle.active span:after,
.menu_fullscreen #nav-toggle.active span:before,
.menu_standard #nav-toggle.active span,
.menu_standard #nav-toggle.active span:after,
.menu_standard #nav-toggle.active span:before {
  background-color: #fff;
}
.menu_fullscreen_open .header {
  background: #000000 !important;
}
.menu_fullscreen .header .nav ul,
.menu_fullscreen .site-title,
.menu_standard .header .nav ul,
.menu_standard .site-title {
  -webkit-transition: all 0.3s !important;
  transition: all 0.3s !important;
}
.menu_fullscreen_open .site-title,
.menu_fullscreen_open .header .nav ul {
  opacity: 0;
  pointer-events: none;
}
.menu-fullscreen ul li:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
}
.menu-fullscreen ul li:nth-of-type(2) {
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
}
.menu-fullscreen ul li:nth-of-type(3) {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
}
.menu-fullscreen ul li:nth-of-type(4) {
  -webkit-animation-delay: 0.15s;
  -moz-animation-delay: 0.15s;
  -o-animation-delay: 0.15s;
}
.menu-fullscreen ul li:nth-of-type(5) {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
}
.menu-fullscreen ul li:nth-of-type(6) {
  -webkit-animation-delay: 0.25s;
  -moz-animation-delay: 0.25s;
  -o-animation-delay: 0.25s;
}
.menu-fullscreen ul li:nth-of-type(7) {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
}
.menu-fullscreen ul li:nth-of-type(8) {
  -webkit-animation-delay: 0.35s;
  -moz-animation-delay: 0.35s;
  -o-animation-delay: 0.35s;
}
.menu-fullscreen ul li:nth-of-type(9) {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
}
.menu-fullscreen ul li:nth-of-type(10) {
  -webkit-animation-delay: 0.45s;
  -moz-animation-delay: 0.45s;
  -o-animation-delay: 0.45s;
}

/*===================================================================*/
/*
/* THEME TEMPLATES
/*
/*===================================================================*/
/*===================================================================*/
/* CONTACT TEMPLATE
/*===================================================================*/
.contactform,
.entry-content.percent-50 {
  float: left;
  position: relative;
  width: 50%;
}
.contact-wrapper {
  position: relative;
}
.contact-wrapper .entry-content {
  margin-bottom: 0 !important;
  max-width: none !important;
}
.entry-content.percent-50 .center-vertical {
  padding: 5% 10%;
  text-align: left;
}

/* CONTACT FORM */
#BeanForm {
  background-color: #f0f1f2;
  padding: 10%;
}

#BeanForm .group {
  margin-bottom: 50px;
  position: relative;
}

#BeanForm .group.last {
  margin-bottom: 20px;
}

#BeanForm textarea,
#BeanForm input[type="text"],
#BeanForm input[type="email"] {
  background: none;
  border: none;
  border-bottom: 1px solid #ccc;
  color: #ccc;
  display: block;
  margin: 0;
  padding: 7px 10px 7px 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

#BeanForm textarea:focus,
#BeanForm input:focus {
  color: #181818;
  outline: none;
}

#BeanForm textarea {
  height: 180px;
}

#BeanForm label {
  bottom: 10px;
  color: #181818;
  font-size: 11px;
  font-weight: normal;
  left: 0;
  pointer-events: none;
  position: absolute;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

#BeanForm input:focus ~ label,
#BeanForm input:valid ~ label,
#BeanForm textarea:focus ~ label,
#BeanForm textarea:valid ~ label {
  bottom: 40px;
}

#BeanForm textarea:focus ~ label,
#BeanForm textarea:valid ~ label {
  bottom: 175px;
}

#BeanForm .bar {
  display: block;
  position: relative;
  width: 100%;
}

#BeanForm .bar:before {
  bottom: 0;
  content: "";
  height: 1px;
  position: absolute;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 0;
}

#BeanForm .bar:before {
  left: 0;
}

#BeanForm input:focus ~ .bar:before,
#BeanForm input:focus ~ .bar:after,
#BeanForm textarea:focus ~ .bar:before,
#BeanForm textarea:focus ~ .bar:after {
  width: 100%;
}

#BeanForm .button {
  background: url(assets/images/sprite.png) no-repeat 6px -826px transparent;
  color: #181818 !important;
  padding-left: 0;
}

#BeanForm .button:hover {
  background-color: transparent;
}

/* CONTACT ALERT */
.contact-alert {
  bottom: 0;
  color: #fff;
  display: inline-block;
  font-family: "Lato",Helvetica,Arial,sans-serif;
  font-size: 11px;
  left: 0;
  letter-spacing: 4px;
  opacity: 0.75;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  top: 0;
  z-index: 100;
}
.contact-alert.success {
  background-color: #1ec185;
}
.contact-alert.fail {
  background-color: #e55;
}

/* GOOGLE MAP */
.g-map {
  position: relative;
}
.map-alert {
  background-color: #f0f1f2;
  padding: 5% 35px;
  text-align: center;
}
.address-circle {
  border-radius: 220px;
  border-radius: 100%;
  display: inline-block;
  font-family: "Lato", sans-serif;
  font-size: 11px;
  font-weight: normal;
  height: 220px;
  letter-spacing: 4px;
  line-height: 220px;
  position: relative;
  text-transform: uppercase;
  width: 220px;
}
.address-circle span {
  color: #fff;
  display: inline-block;
  line-height: 2;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}

/*===================================================================*/
/* ARCHIVES / SITE MAP TEMPLATE
/*===================================================================*/
.page-template-template-archives-php .entry-content,
.page-template-template-site-map-php .entry-content {
  text-align: center;
}
.archives-list h3 {
  margin-bottom: 0;
}
.archives-list ul {
  margin: 0 0 40px !important;
}
.archives-list ul:last-child {
  margin-bottom: 0 !important;
}
.archives-list li {
  list-style: none;
}

/*===================================================================*/
/* 404/CONSTRUCTION TEMPLATE
/*===================================================================*/
.construction-banner {
  background-image: url(assets/images/construction.png);
  height: 25px;
  position: absolute;
  top: 0;
  width: 100%;
}
.logged-in.admin-bar .construction-banner {
  top: 32px;
}
.construction-banner.btm,
.logged-in.admin-bar .construction-banner.btm {
  bottom: 0;
  top: inherit;
}

body.error404,
body.page-template-template-underconstruction-php {
  background-color: #181818 !important;
}

body.error404 .entry-content,
body.page-template-template-underconstruction-php .entry-content {
  height: 16%;
  left: 0;
  margin: 0;
  margin: auto;
  margin-top: -3%;
  min-width: 0;
  padding: 0 35px;
  padding: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  width: 100%;
}

body.error404 .entry-content p,
body.page-template-template-underconstruction-php .entry-content p {
  font-family: "Lato", sans-serif;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 3px;
  line-height: 32px;
  text-transform: uppercase;
}

body.error404 .entry-content p {
  margin-bottom: 0;
}

body.error404 .entry-content,
body.error404 .entry-content a,
body.page-template-template-underconstruction-php .entry-content,
body.page-template-template-underconstruction-php .entry-content a {
  color: #767676;
  font-style: normal;
}

body.error404 .entry-content a,
body.page-template-template-underconstruction-php .entry-content a {
  border-bottom-color: #323232;
}

body.error404 .entry-content a:hover,
body.page-template-template-underconstruction-php .entry-content h1,
body.page-template-template-underconstruction-php .entry-content a:hover {
  color: #fff !important;
}

body.page-template-template-underconstruction-php h1 {
  margin-bottom: 5px;
}
.error-logo {
  margin-bottom: 20px;
}
.error-logo a {
  border: 0;
  padding: 0;
}

/*===================================================================*/
/*
/* BLOGROLL
/*
/*===================================================================*/
.post .entry-media {
  overflow: hidden;
  position: relative;
}
.post .post-inner {
  padding: 60px;
  padding: 6rem;
  position: relative;
  text-align: left;
}
.post .post-inner:after {
  border: solid transparent;
  border-bottom-color: #fff;
  border-color: rgba(255, 255, 255, 0);
  border-width: 10px;
  bottom: 100%;
  content: " ";
  height: 0;
  left: 60px;
  pointer-events: none;
  position: absolute;
  width: 0;
  z-index: 999;
}
.post.even .post-inner {
  background-color: #f0f1f2;
}
.post.even .post-inner:after {
  border-bottom-color: #f0f1f2;
}
.post.even .post-inner input[type="password"] {
  background-color: #fff;
  margin-bottom: 5px;
}
.post.even .post-inner input[type="submit"] {
  width: 100%;
}
.post.format-audio .post-inner:after {
  display: none;
}
.post .overlay-title h3 {
  font-size: 15px;
  margin-bottom: 0;
}
.post .reading,
.content-left p,
.post .published a {
  color: #bbb;
  display: block;
  font-family: "Lato", sans-serif;
  font-size: 11px;
  font-size: 1.1rem;
  letter-spacing: 3px;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.post .reading {
  margin-bottom: 0;
}
.post .post-inner .entry-title {
  display: inline-block;
  font-size: 17px;
  font-size: 1.7rem;
  letter-spacing: 3px;
  line-height: 1.7em;
  margin-bottom: 20px;
}
.post .post-inner .entry-excerpt,
.blog .post.post-password-required p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.7em;
  margin-bottom: 20px;
}
.masonry-project .owl-pagination {
  display: none;
}

/* IMAGE & VIDEO FORMAT */
.format-image .entry-media,
.format-video .entry-media,
.single-portfolio .masonry-project {
  background-color: #000;
  overflow: hidden;
  position: relative;
}
.format-link .post-cover,
.format-quote .post-cover,
.format-image .entry-media img,
.format-video .entry-media img,
.single-portfolio .masonry-project a img {
  -webkit-transition: all 2s ease-in-out, opacity 0.3s ease-in-out;
  transition: all 2s ease-in-out, opacity 0.3s ease-in-out;
}
.format-image .entry-media a:hover img,
.format-video .entry-media a:hover img,
.single-portfolio .masonry-project a:hover img {
  opacity: 0.25;
}
.lightbox-play {
  background: url(assets/images/sprite.png) no-repeat -8px -558px;
  bottom: 0;
  display: block;
  height: 85px;
  left: 0;
  margin: auto;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
  width: 85px;
  z-index: 9999;
  -webkit-perspective: 1000;
}
.format-image .lightbox-play,
.single-portfolio .masonry-project .lightbox-play {
  background-position: -1px -650px;
}

/* QUOTE & LINK */
.vert-align h2,
.single-format-quote.single-post .hero-area h2,
.single-format-quote.single-post .hero-area.fullscreen h2 {
  font-family: "Lato", serif;
  font-weight: normal;
  letter-spacing: normal !important;
  line-height: 1.5;
  text-transform: none;
}
.vert-align {
  background-size: cover !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 25% 10%;
  text-align: center;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  -khtml-background-size: cover !important;
  -ms-background-size: cover !important;
}
.vert-align,
.vert-align h1,
.vert-align h2,
.vert-align h3,
.vert-align span {
  color: #fff;
}
.vert-align span {
  font-size: 11px;
  letter-spacing: 3px;
  opacity: 0.75;
  text-transform: uppercase;
}
.format-link .post-cover,
.format-quote .post-cover {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  z-index: -1;
}
.format-link .entry-media a:hover .post-cover,
.format-quote .entry-media a:hover .post-cover {
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
}
.format-link .entry-media a:hover .vert-align,
.format-quote .entry-media a:hover .vert-align {
  opacity: 0.5;
}

/* MASONRY SEARCH */
.masonry-search {
  display: none !important;
}
.masonry-search:first-of-type {
  display: block !important;
  padding: 60px;
  padding: 6rem;
}
.masonry-search input {
  margin: 0;
}

/*===================================================================*/
/* BLOGROLL WIDE LAYOUT
/*===================================================================*/
.posts-wide .post {
  margin-bottom: 90px;
  width: 100%;
}
.posts-wide .masonry-search {
  width: 100%;
}
.posts-wide .post h2.entry-title {
  font-size: 2.2rem;
  letter-spacing: 5px;
}
.posts-wide .post p.entry-excerpt {
  font-size: 18px;
  line-height: 1.9;
}
.posts-wide .overlay,
.posts-wide .center-vertical {
  display: none;
}
.posts-wide .entry-media {
  margin-bottom: 55px;
}
.posts-wide .entry-media img {
  width: 100%;
}
.posts-wide .masonry-project.quoted:hover img,
.posts-wide .format-link .entry-media a:hover .post-cover,
.posts-wide .format-quote .entry-media a:hover .post-cover {
  opacity: 1;
  -webkit-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  transform: scale(1) !important;
}
.posts-wide .entry-media a:hover img {
  opacity: 1;
  -webkit-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  transform: scale(1) !important;
}
.posts-wide .post-inner:after {
  display: none;
}
.posts-wide .post-inner {
  margin: 0 auto;
  max-width: 1100px;
  padding: 0 !important;
}

@media only screen and (max-width: 1100px) {
  .posts-wide .post-inner {
    padding: 0 35px !important;
  }
}
.posts-wide .content-left,
.posts-wide .content-right {
  float: left;
}
.posts-wide .content-left {
  width: 30%;
}
.posts-wide .content-right {
  width: 70%;
}
.posts-wide .content-left p {
  color: #2a2e31;
  margin-bottom: 0;
}
.posts-wide .published a,
.posts-wide .continue-reading {
  display: inline !important;
}

/*===================================================================*/
/*
/* SINGLE POST
/*
/*===================================================================*/
.single .post {
  overflow: hidden;
}
.page .entry-content,
.single-post .entry-content {
  margin-left: auto !important;
  margin-right: auto !important;
}
.content-wide .entry-content,
.content-wide-centered .entry-content {
  max-width: 1100px;
  padding-left: 35px;
  padding-right: 35px;
}
.content-centered,
.content-wide-centered {
  text-align: center;
}
.single-post .masonry-project {
  width: 100%;
}
.single-post .vert-align {
  padding: 7% 10%;
}
.single-format-quote .vert-align {
  padding: 15% 17%;
}
.single-format-quote.single-post .hero-area .center-vertical {
  padding: 0 15%;
}
.single-format-quote.single-post .hero-area h2,
.single-format-quote.single-post .hero-area.hero-fullscreen h2 {
  font-size: 36px;
  font-size: 3.6rem;
  font-size: 2.5vw;
  line-height: 4vw;
}
.single-format-quote.single-post .hero-area h3,
.single-format-quote.single-post .hero-area.hero-fullscreen h3 {
  opacity: 0.5;
}
.single-format-gallery .hero-area {
  padding: 0 !important;
}
.single-format-gallery .hero-area .fullscreen-gradient {
  display: none;
}
.single-format-gallery .slides-navigation {
  z-index: 9999;
}
.single-format-video .lightbox-play {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.single-format-aside .entry-content {
  text-align: center;
}
.single .entry-meta li,
.single .entry-meta li a {
  color: #aaa;
}
.single .entry-meta li span {
  color: #aaa;
}

/*===================================================================*/
/* WORDPRESS DEFAULT STYLING
/*===================================================================*/
/* CONTENT */
.page .entry-content ul,
.post .entry-content ul {
  color: #969696;
  font-style: italic;
  line-height: 2;
  list-style-type: disc;
  margin-left: 40px;
  margin-left: 4.0rem;
}
.entry-content ol {
  color: #969696;
  font-style: italic;
  line-height: 2;
  list-style-type: decimal;
  margin-left: 40px;
  margin-left: 4.0rem;
}
.entry-content ul ul,
.entry-content ul ol,
.entry-content ol li ul,
.entry-content ul li ol,
.entry-content ul li ul,
.entry-content ol li ol {
  margin: 0 0 10px 20px;
  margin: 0 0 1.0rem 2.0rem;
}
.entry-content form ul {
  margin: 0 !important;
}
.entry-content form li {
  list-style: none;
}
.entry-content .bean-one-third ul {
  list-style: none;
  margin-left: 0;
}
.entry-content iframe {
  margin: 8% 0 6% !important;
}

/* IMAGES */
.size-full,
.size-large,
.alignnone {
  display: block;
  height: auto;
  max-width: 100%;
  width: auto;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
}
.alignleft {
  display: inline-block;
  float: left;
  margin-left: -8rem;
  margin-right: 3rem;
  margin-top: 1.1rem;
  max-width: 50%;
}
.alignright {
  display: inline-block;
  float: right;
  margin-left: 3rem;
  margin-right: -8rem;
  margin-top: 1.1rem;
  max-width: 50%;
}

/* IMAGE CAPTIONS */
.wp-caption {
  text-align: center;
}
.wp-caption-text {
  color: #bbb;
  font-size: 14px;
  font-size: 1.4rem;
  font-style: italic;
  line-height: 1.5;
  margin-top: 10px;
}

/* JETPACK GALLERY */
.entry-content .tiled-gallery {
  margin-bottom: 3%;
}
.tiled-gallery .tiled-gallery-item a {
  cursor: default;
  pointer-events: none !important;
}
.jp-carousel-overlay {
  background-color: #1f1f20 !important;
  opacity: 0.98;
}
.entry-content .tiled-gallery-caption {
  color: #555;
  font-size: 14px;
  padding: 7px 5px !important;
  text-align: center;
}

/* GALLERY */
.gallery {
  float: left;
  margin: auto;
  width: 100%;
}
.gallery-item {
  float: left;
  margin-left: 0;
  text-align: center;
}

#gallery-1 .gallery-item {
  float: left;
  margin-top: 10px;
  text-align: center;
  width: 33%;
}
.gallery-image {
  margin-left: 0;
}
.gallery-caption {
  font-weight: bold;
  margin-left: 0;
}
.gallery-item .gallery-caption {
  margin-bottom: 0 !important;
  padding-right: 12%;
}
.gallery-item img {
  border: none !important;
  margin: 10px 0 !important;
  padding: 0;
}
.gallery-caption {
  font-size: 12px;
  font-weight: normal;
  line-height: 22px;
  margin: 0;
  margin-bottom: 20px;
  padding: 5px;
  text-align: center;
}

img#wpstats {
  display: none;
}

/* STICKY POST */
.twitter-tweet {
  width: 100% !important;
}

/* SINGLE ATTACHMENT */
.single-attachment .attachment {
  text-align: center;
}
.single-attachment #page-container {
  border-bottom: 1px solid #ededed;
}
.single-attachment .entry-content h1 {
  margin-bottom: 10px;
}
.single-attachment .entry-content {
  margin: 20px 0 50px;
}
.post-password-required {
  text-align: center;
}
.blog .post.post-password-required .reading {
  display: none;
}
.blog .post.post-password-required form label {
  display: none;
}

/* SHORTCODE OVERRIDES */
p:empty {
  display: none;
}
.bean-alert,
.bean-panel-body,
.bean-tab-content,
.bean-tabs > li > a,
.bean-panel-title > a {
  text-align: left;
}
.bean-tabs > li {
  margin-bottom: 2px;
}

/*===================================================================*/
/* POST META
/*===================================================================*/
.entry-footer {
  font-family: "Lato", serif;
  font-size: 90%;
  line-height: 2;
  margin-bottom: 90px;
  margin-top: 30px;
  text-align: center;
}
.entry-footer a {
  border-bottom-width: 1px;
  color: #000;
  padding: 0;
}
.author-avatar {
  display: inline-block;
  position: relative;
}
.author-meta img {
  border-radius: 50%;
  display: block;
  margin: 0 auto 10px;
}
.author-count {
  border-radius: 100px;
  color: #fff;
  display: block;
  font: bold 14px/35px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  height: 35px;
  margin: 52px 0 0 52px;
  position: absolute;
  text-align: center;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -ms-transition: all 0.1s;
  -o-transition: all 0.1s;
  width: 35px;
}

/*===================================================================*/
/* NEXT POST PREVIEW
/*===================================================================*/
.next-preview {
  background-color: #eee;
  margin-bottom: 90px;
  overflow: hidden;
  padding: 10% 0;
  position: relative;
  -webkit-transition: padding 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: padding 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  width: 100%;
}

@media only screen and (max-width: 1700px) {
  .next-preview {
    padding: 15% 0;
  }
}
.next-preview .fullscreen-gradient {
  opacity: 0;
  -webkit-transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.next-preview:hover .fullscreen-gradient {
  opacity: 0.5;
}
.next-preview h3,
.next-preview h3 a {
  color: #fff;
}
.next-preview h3.title-next {
  font-size: 13px;
  font-size: 1.3rem;
  margin-bottom: 5px;
}
.next-preview h3.title-next-post {
  font-size: 30px;
  font-size: 3.0rem;
  font-size: 4vw;
  letter-spacing: 3px;
  margin-bottom: 0;
}

/*===================================================================*/
/*
/* JPLAYER STYLES
/*
/*===================================================================*/
/*===================================================================*/
/*	JPLAYER BASE
/*===================================================================*/
.jp-interface,
.entry-content .mejs-container,
.entry-content .mejs-container .mejs-controls {
  background: #181818;
  background: rgba(0, 0, 0, 0.66);
  height: 50px !important;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.entry-content .mejs-container .mejs-controls {
  padding-right: 10px;
}
.entry-content .mejs-container {
  background: #282828;
}
.entry-content .mejs-controls .mejs-play button {
  background-position: -25px -24px;
}
.entry-content .mejs-controls div.mejs-time-rail {
  padding-right: 10px;
  padding-top: 18px;
}
.entry-content .mejs-container .mejs-controls .mejs-time {
  display: none;
  height: 31px;
  margin: 0;
  padding: 20px 10px 0 35px;
  width: 30px;
}
.entry-content .mejs-container .mejs-controls .mejs-time.mejs-duration-container {
  padding: 20px 10px 0 13px;
}

ul.jp-controls,
.entry-content .mejs-controls .mejs-playpause-button button {
  border-right: 1px solid rgba(255, 255, 255, 0.2) !important;
}
.entry-content .mejs-controls .mejs-volume-button button {
  border-left: 1px solid rgba(255, 255, 255, 0.2) !important;
}

ul.jp-controls,
.jp-interface ul.jp-controls li {
  height: 50px;
  margin: 0;
  opacity: 1;
  position: absolute;
  width: 50px;
}
.jp-interface ul.jp-controls a {
  border: 0;
  display: block;
  opacity: 1;
  outline: none !important;
  overflow: hidden;
  overflow: hidden;
  position: absolute;
  text-indent: 100%;
  top: 0;
  white-space: nowrap;
  z-index: 2;
}
.jp-interface ul.jp-controls a span {
  display: block;
  overflow: hidden;
  text-indent: 100%;
}

a.jp-play span,
a.jp-pause span,
.entry-content .mejs-controls .mejs-button button {
  height: 50px;
  margin: 0;
  width: 50px;
}

/* BASE ICON POSITIONING */
.entry-content .mejs-controls .mejs-playpause-button {
  width: 60px;
}
.entry-content .mejs-controls .mejs-button.mejs-volume-button {
  width: 45px;
}

a.jp-play span,
.entry-content .mejs-controls .mejs-play button {
  background: url(assets/images/jplayer.png) -25px -24px no-repeat;
}

a.jp-pause span,
.entry-content .mejs-controls .mejs-pause button {
  background: url(assets/images/jplayer.png) -25px -73px no-repeat;
  display: none;
}
.entry-content .mejs-controls .mejs-pause button {
  display: block;
}

a.jp-play:hover span,
a.jp-pause:hover span,
.entry-content .mejs-controls button:hover {
  opacity: 0.7;
}
.entry-content .mejs-controls .mejs-volume-button button {
  background: url(assets/images/jplayer.png) no-repeat;
}
.entry-content .mejs-controls .mejs-volume-button.mejs-mute button {
  background-position: -25px -175px;
}
.entry-content .mejs-controls .mejs-volume-button.mejs-unmute button {
  background-position: -25px -125px;
}

/* PROGRESS BARS */
div.jp-progress {
  background-color: #fff;
  margin: 22px 22px 0 72px;
}

div.jp-play-bar,
.entry-content .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.entry-content .mejs-controls .mejs-time-rail span {
  -webkit-animation: BGAnimateHori 6s infinite linear;
  -moz-animation: BGAnimateHori 6s infinite linear;
  -ms-animation: BGAnimateHori 6s infinite linear;
  -o-animation: BGAnimateHori 6s infinite linear;
  background-image: url(assets/images/jplayer-progress.png);
  background-repeat: repeat;
  height: 7px;
  width: 0;
}

/* PLAY BAR ANIMATION */
@-webkit-keyframes BGAnimateHori {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 7px 0;
  }
}

@keyframes BGAnimateHori {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 7px 0;
  }
}

div.jp-seek-bar {
  cursor: pointer;
  height: 100%;
  width: 0;
}

div.jp-play-bar,
.entry-content .mejs-controls .mejs-time-rail span {
  height: 6px;
  width: 0;
}
.entry-content .mejs-controls .mejs-horizontal-volume-slider div {
  height: 6px;
}
.entry-content .mejs-controls .mejs-time-rail span,
.entry-content .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.entry-content .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  border-radius: 0;
}
.entry-content .mejs-controls .mejs-time-rail span.mejs-time-total {
  background: #f5f5f5;
}
.entry-content .mejs-controls .mejs-time-rail span.mejs-time-loaded,
.entry-content .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
  background: #fff;
}
.entry-content .mejs-controls .mejs-time-rail span.mejs-time-float {
  display: none !important;
}
.entry-content .mejs-controls div.mejs-horizontal-volume-slider {
  margin-top: 12px;
}

/* AUDIO JPLAYER SPECIFIC */
.jp-audio,
.jp-video {
  clear: both;
}
.hero-area .jp-audio,
.entry-media .jp-audio {
  bottom: 0;
  position: absolute;
  width: 100%;
}
.jp-audio {
  position: relative;
  width: 100%;
}

/* VIDEO JPLAYER SPECIFIC */
.jp-video .jp-jplayer {
  height: auto !important;
}
.jp-video .jp-interface {
  background-color: #282828;
  margin: -9px 0 0 0;
}
.fluid-width-video-wrapper iframe {
  border: none;
}

/*===================================================================*/
/*  WP PLAYLIST CUSTOM THEME
/*===================================================================*/
.entry-content .wp-playlist {
  border: none;
  font-size: inherit;
  line-height: inherit;
  margin: 50px 0 20px;
  padding: 0;
}
.entry-content .wp-playlist-current-item {
  background: #f5f5f5;
  display: none;
  /* REMOVE THIS TO DISPLAY ARTWORK */
  padding: 5% 0;
}
.entry-content .wp-playlist .mejs-container {
  margin: 0;
  width: 100%;
}
.entry-content .wp-playlist-caption {
  max-width: 100%;
}
.entry-content .wp-playlist-item-title,
.entry-content .wp-playlist-item .wp-playlist-caption {
  font-size: 18px;
  font-weight: normal;
  line-height: 1.8em;
}
.entry-content .wp-playlist-item-album {
  font-style: italic;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.entry-content .wp-playlist-item-length {
  position: absolute;
  right: 0;
  text-transform: uppercase;
  top: 3px;
}
.entry-content .wp-playlist-tracks {
  margin: 0;
  padding: 2% 0;
}
.entry-content .wp-playlist-item {
  border-bottom: 1px solid #ececec;
  cursor: pointer;
  padding: 0;
  position: relative;
}
.entry-content .wp-playlist-light .wp-playlist-playing .wp-playlist-item-title,
.entry-content .wp-playlist-dark .wp-playlist-playing .wp-playlist-item-title {
  font-weight: normal;
}
.entry-content .wp-playlist-current-item {
  height: auto;
  margin: 0;
  text-align: center;
}
.entry-content .wp-playlist .wp-playlist-current-item img {
  border: 0;
  float: none;
  height: auto;
  margin: 0 0 10px;
  max-width: 150px;
  padding: 0;
}

/*===================================================================*/
/*
/* PORTFOLIO TEMPLATES
/*
/*===================================================================*/
/* BELOW HERO TAGLINE */
.portfolio-tagline {
  padding: 10% 35px;
  text-align: center;
}

blockquote.tagline,
.portfolio-tagline blockquote {
  margin: 0 auto;
  width: 75%;
}

blockquote.tagline,
.portfolio-tagline blockquote {
  font-size: 5.5rem;
  font-size: 2.5vw;
  margin: 0 auto;
  width: 75%;
}

/*===================================================================*/
/* MASONRY GRID
/*===================================================================*/
.projects {
	background: #070507;
  	margin-bottom: 0;
}
.page-inner .projects.hero.filtered {
  margin-top: 0 !important;
}
.projects .project {
  overflow: hidden;
  position: relative;
  -webkit-transition: opacity 0.75s ease-in-out;
  transition: opacity 0.75s ease-in-out;
}
.projects .project.inactive {
  opacity: 0.05;
  overflow: hidden;
  pointer-events: none;
}
.projects .project,
.projects .project h2,
.projects .project img,
.projects .project .overlay {
  -webkit-transform: translateX(0);
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
}
.grid-sizer,
.masonry-project {
  display: block;
  list-style: none;
  margin: 0;
  overflow: hidden;
  width: 25%;
}
.masonry-project a {
  border: 0;
  display: block;
  height: 100%;
  padding: 0;
  width: 100%;
}

/* 
@media only screen and (max-width: 1900px) {
  .masonry-project,
  .grid-sizer {
    width: 33.333%;
  }
}
 */

/* @media only screen and (max-width: 1300px) { */
  .masonry-project,
  .grid-sizer {
    width: 50%;
  }
/* } */

@media only screen and (max-width: 630px) {
  .masonry-project,
  .grid-sizer {
    width: 100%;
  }
  .single-portfolio .masonry-project.entry-content {
    padding: 35px 35px 30px !important;
  }
  .masonry-project.testimonial blockquote {
    margin-top: 15px;
  }
  #projects.testimonials-grid {
    margin-top: 20px !important;
    padding-bottom: 50px;
  }
}

/* RELATIVE GRID MEDIA QUERIES 
@media only screen and (max-width: 2240px) {
  .med-grid .masonry-project,
  .med-grid .grid-sizer {
    width: 16.6666%;
  }
}

@media only screen and (max-width: 1920px) {
  .med-grid .masonry-project,
  .med-grid .grid-sizer {
    width: 20%;
  }
}

@media only screen and (max-width: 1600px) {
  .med-grid .masonry-project,
  .med-grid .grid-sizer {
    width: 25%;
  }
}

@media only screen and (max-width: 1280px) {
  .med-grid .masonry-project,
  .med-grid .grid-sizer {
    width: 33.3333%;
  }
} */

@media only screen and (max-width: 960px) {
  .med-grid .masonry-project.project .overlay-title {
    opacity: 0;
  }
  .med-grid .masonry-project.project:hover .overlay-title {
    opacity: 1;
  }
  .med-grid .masonry-project,
  .med-grid .grid-sizer {
    width: 50%;
  }
}

@media only screen and (max-width: 514px) {
  .med-grid .masonry-project,
  .med-grid .grid-sizer {
    width: 100%;
  }
}

/* IMAGES */
.masonry-project img {
  -webkit-transition: all 2.0s ease-in-out;
  transition: all 2.0s ease-in-out;
}

/* PROJECT OVERLAYS */
.center-vertical {
  left: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 100%;
  z-index: 100;
}
.masonry-project .overlay {
  background: #000;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
  width: 100%;
  z-index: 100;
}
.masonry-project .overlay-title {
  opacity: 0;
  padding: 0 4%;
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
  -webkit-perspective: 1000;
}
.masonry-project h3,
.masonry-project h5,
.masonry-project h5 a,
.masonry-project ul:after,
.masonry-project ul:before {
  color: #fff;
}
.masonry-project h3 {
	font-size:1.3em;
	letter-spacing:0.25em;
	line-height:1.5em
	margin-bottom: 7px;
}
.relative-grid .masonry-project h3 {
  font-size: 15px;
  font-size: 1.5rem;
}
.masonry-project h5 a {
  border: 0;
  padding: 0;
}
.masonry-project ul {
  line-height: 1;
  margin: 0;
  opacity: 0.65;
}
.masonry-project ul li {
  display: inline-block;
  margin: 0 4px;
}

/* HOVER STYLES */
.lightbox-play,
.masonry-project a:hover img,
.masonry-project .overlay-title,
.masonry-project.quoted .entry-media:hover img,
.format-link .entry-media a:hover .post-cover,
.format-quote .entry-media a:hover .post-cover {
  -webkit-transition: top 0.3s ease-out, left 0.3s ease-out, opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: top 0.3s ease-out, left 0.3s ease-out, opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
.masonry-project.quoted .entry-media:hover img {
  -moz-transition: all 0.3s ease-out;
}
.masonry-project.quoted:hover img,
.masonry-project.masonry-project a:hover img,
.format-link .entry-media a:hover .post-cover,
.format-quote .entry-media a:hover .post-cover {
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}
.masonry-project a:hover .overlay,
.masonry-project.quoted:hover .overlay {
  opacity: 0.75;
}
.entry-media:hover .lightbox-play,
.masonry-project a:hover .overlay-title,
.masonry-project.quoted:hover .overlay-title,
.single-portfolio .masonry-project a:hover .lightbox-play {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

/*===================================================================*/
/* INFINITE LOADING
/*===================================================================*/
#page_nav,
#infscr-loading,
#infscr-loading img {
  display: none;
}

#infscr-loading {
  -webkit-animation: rotate 1s linear 0s infinite;
  animation: rotate 1s linear 0s infinite;
  border: 2px solid #bbb;
  border-bottom-color: #272b2f;
  border-color: rgba(0, 0, 0, 0.25);
  border-radius: 100%;
  bottom: 20px;
  height: 25px;
  margin: 0 auto;
  position: fixed;
  right: 20px;
  width: 25px;
  z-index: 9999;
}

#infscr-loading div {
  display: none;
  opacity: 0;
}

/*===================================================================*/
/* PROJECT FILTER
/*===================================================================*/
.sub-header {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.65);
  border-bottom: 1px solid rgba(0, 0, 0, 0.075);
  border-top: 1px solid rgba(0, 0, 0, 0.075);
  font-size: 11px;
  height: 50px;
  letter-spacing: 2px;
  line-height: 50px;
  margin: 0;
  margin-bottom: -1px;
  overflow: hidden;
  padding: 0 35px;
  text-align: right;
  text-transform: uppercase;
  width: 100%;
  z-index: 10000;
}
.sub-header.no-hero {
  position: fixed;
}
.sub-header ul {
  font-family: "Lato", sans-serif;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 4px;
  line-height: 50px;
  margin-bottom: 0;
  text-transform: uppercase;
}
.sub-header li {
  display: inline-block;
  float: right;
  margin: 0;
  position: relative;
  zoom: 1;
}
.sub-header #post-count {
  float: left;
}
.sub-header a {
  border: 0;
  color: #272b2f;
  display: block;
  padding: 0 10px;
}
.sub-header li a:after {
  display: none;
}

/* COUNT */
#post-count .project-number.showing {
  opacity: 1;
  top: 0;
}

#post-count .project-number.not-showing {
  opacity: 0;
  top: -50px;
}

#post-count .project-number {
  position: relative;
  -webkit-transition: top 0.3s cubic-bezier(0.4, -0.7, 0.4, 1.4), opacity 0.3s cubic-bezier(0.49, 0.32, 0.83, 0.67);
  transition: top 0.3s cubic-bezier(0.4, -0.7, 0.4, 1.4), opacity 0.3s cubic-bezier(0.49, 0.32, 0.83, 0.67);
}

/* MOBILE FILTER */
#filter-toggle {
  cursor: pointer;
  display: none;
  height: 22px;
  margin-top: -10px;
  position: absolute;
  right: 35px;
  top: 50%;
  width: 33px;
  z-index: 600;
}

#filter-toggle span,
#filter-toggle span:before,
#filter-toggle span:after {
  background: #2a2e31;
  content: "";
  cursor: pointer;
  display: block;
  height: 1px;
  position: absolute;
  width: 18px;
}

#filter-toggle span {
  background-color: transparent;
  top: 10px;
}

#filter-toggle span:before {
  top: -4px;
}

#filter-toggle span:after {
  bottom: -3px;
}

#filter-toggle span,
#filter-toggle span:before,
#filter-toggle span:after {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

#filter-toggle span.filter-circle2:before,
#filter-toggle span.filter-circle2:after,
#filter-toggle span.filter-circle:before,
#filter-toggle span.filter-circle:after {
  background: transparent !important;
  content: "";
  cursor: pointer;
  display: block;
  height: 2px;
  position: absolute;
  width: 22px;
}

#filter-toggle span.filter-circle,
#filter-toggle span.filter-circle2,
#filter-toggle span.filter-circle:after {
  background-color: #333;
  border-radius: 100px;
  height: 6px;
  left: 10px;
  top: 3px;
  width: 6px;
}

#filter-toggle:hover span.filter-circle,
#filter-toggle:hover span.filter-circle2,
#filter-toggle:hover span.filter-circle:after {
  background-color: #000;
}

#filter-toggle span.filter-circle {
  -webkit-animation: filter_knob 2s infinite;
  -moz-animation: filter_knob 2s infinite;
  -ms-animation: filter_knob 2s infinite;
  -o-animation: filter_knob 2s infinite;
}

#filter-toggle span.filter-circle2 {
  -webkit-animation: filter_knob_after 1.7s infinite;
  -moz-animation: filter_knob_after 1.7s infinite;
  -ms-animation: filter_knob_after 1.7s infinite;
  -o-animation: filter_knob_after 1.7s infinite;
  left: 25px;
  top: 11px;
}

#filter-toggle span.filter-circle:after {
  display: none;
}

@-webkit-keyframes filter_knob {
  from {
    -webkit-transform: translate(0, 0);
  }
  65% {
    -webkit-transform: translate(13px, 0);
  }
  to {
    -webkit-transform: translate(0, 0);
  }
}

@-webkit-keyframes filter_knob_after {
  from {
    -webkit-transform: translate(0, 0);
  }
  65% {
    -webkit-transform: translate(-13px, 0);
  }
  to {
    -webkit-transform: translate(0, 0);
  }
}

/*===================================================================*/
/* FULLPAGE LAYOUT
/*===================================================================*/
.page-template-template-portfolio-fullpage-php #fp-nav {
  bottom: 40px;
  top: inherit;
}
.page-template-template-portfolio-fullpage-php #projects h2 {
  font-size: 18rem;
  font-size: 13vw;
  letter-spacing: 5px;
}
.page-template-template-portfolio-fullpage-php .section h2 {
  opacity: 0;
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
  -webkit-transition: all 650ms 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 650ms 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.page-template-template-portfolio-fullpage-php .has-hero .section h2,
.page-template-template-portfolio-fullpage-php .section.active h2 {
  opacity: 1 !important;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.page-template-template-portfolio-fullpage-php #projects a {
  border: 0;
  padding: 0;
}
.page-template-template-portfolio-fullpage .footer {
  display: none;
}

/*===================================================================*/
/*
/* SINGLE PORTFOLIO
/*
/*===================================================================*/
/* PASSWORD */
.entry-entry.password-protected {
  margin: 0 auto;
  max-width: 700px;
  padding: 50px 35px;
  text-align: center;
}
.single_portfolio_fullscreen .password-protected label {
  color: #fff;
}
.project-assets li {
  list-style: none;
}

/*===================================================================*/
/* STACKED LAYOUT
/*===================================================================*/
.stacked-assets {
  margin-bottom: 0;
}
.project-assets a {
  border: 0;
  padding: 0;
}
.project-assets li img {
  width: 100%;
}
.project-assets a.lightbox {
  display: block;
}
.stacked-assets li.percent-50 {
  float: left;
  width: 50%;
}
.stacked-assets li.has-caption:nth-child(even) {
  float: right;
}
.project-caption {
  position: relative;
}
.project-caption blockquote {
  font-size: 24px;
  font-size: 2.4rem;
  margin: 0;
}
.stacked-assets .center-vertical {
  padding: 0 10%;
  text-align: left;
}
.single-portfolio .entry-content {
  position: relative;
}
.single-portfolio .entry-content .center-vertical {
  padding: 5% 10%;
  text-align: left;
}

/* META */
.post-meta {
  display: inline-block;
}
.post-meta li,
.project-meta p,
.project-meta a {
  color: #bbb;
  display: inline-block;
  font-size: 15px;
  font-size: 1.5rem;
  font-style: normal !important;
}
.project-meta p {
  margin-bottom: 0;
}
.post-meta-key:before,
.project-meta p:before {
  content: "·";
  margin: 0 2px;
}

p.project-taxonomy:before,
.project-meta p:first-of-type:before {
  content: " ";
  margin: 0;
}
.single-portfolio .post-meta li:first-child {
  display: none;
}
.post-meta-key {
  text-transform: capitalize;
}
.post-meta-key:before {
  margin: 0 5px 0 2px;
}
.project-taxonomy {
  margin-top: 5px;
  width: auto;
}

/* 980px */
@media only screen and (max-width: 980px) {
  .stacked-assets li.percent-50,
  .stacked-assets li.has-caption {
    float: none !important;
    width: 100%;
  }
  .stacked-assets li.entry-content,
  .stacked-assets li.project-caption {
    height: auto !important;
  }
  .stacked-assets .center-vertical,
  .single-portfolio .entry-content .center-vertical {
    -webkit-box-shadow: inherit;
            box-shadow: inherit;
    clear: both;
    left: inherit;
    padding: 15% 10%;
    position: inherit;
    right: inherit;
    top: inherit;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: 100%;
  }
  .project-caption:after {
    border: solid transparent;
    border-bottom-color: #fff;
    border-color: rgba(255, 255, 255, 0);
    border-width: 10px;
    bottom: 100%;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -10px;
    pointer-events: none;
    position: absolute;
    width: 0;
  }
}

/*===================================================================*/
/* SINGLE PORTFOLIO - MASONRY
/*===================================================================*/
.single-portfolio .masonry-project.entry-content {
  background: #fff !important;
  padding: 5% 4%;
}
.single-portfolio .stacked-assets.no-hero .entry-content,
.single-portfolio .masonry-project.entry-content.no-hero {
  border-top: 1px solid #ededed;
}
.single-portfolio .masonry-project.entry-content a {
  width: auto;
  display: inline-block;
}
.single-portfolio.single_portfolio_masonry .page-inner,
.single-portfolio.single_portfolio_carousel .page-inner,
.single-portfolio.single_portfolio_masonry_no_hero .page-inner {
  margin: 0 !important;
}
.single-portfolio.single_portfolio_masonry .project-caption,
.single-portfolio.single_portfolio_masonry_no_hero .project-caption {
  color: #fff;
  text-align: center;
}

/*===================================================================*/
/* SINGLE PORTFOLIO - FULLSCREEN (FULLPAGE.JS)
/*===================================================================*/
.projects-fullscreen .section {
  position: relative;
}
.projects-fullscreen .section .project-bg {
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: relative;
  width: 100%;
  -khtml-background-size: cover;
  -ms-background-size: cover;
}
.projects-fullscreen .fp-notransition {
  -webkit-transition: none !important;
  transition: none !important;
}
.single_portfolio_fullscreen .project-content {
  background: #000;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 600px;
  opacity: 0.9;
  overflow: hidden;
  padding: 0;
  padding: 50px;
  position: fixed;
  width: 100%;
  z-index: 999;
  z-index: 10;
}
.single_portfolio_fullscreen .project-content p,
.single_portfolio_fullscreen .project-content a,
.single_portfolio_fullscreen .project-content .post-meta li,
.single_portfolio_fullscreen .project-content .project-meta {
  color: #666;
  font-size: 16px;
  font-size: 1.6rem;
}
.single_portfolio_fullscreen .project-content.not-expandable {
  bottom: 120px;
  left: 70px;
  padding: 15px 25px;
  width: auto;
}
.single_portfolio_fullscreen .project-content p:last-of-type {
  margin-bottom: 0;
}
.single_portfolio_fullscreen .project-content h1 {
  color: #fff;
  font-size: 17px;
  margin-bottom: 10px;
}
.single_portfolio_fullscreen .project-meta {
  margin-top: 10px;
}
.single_portfolio_fullscreen .project-content a {
  border: none;
}
.single_portfolio_fullscreen .project-content a:hover {
  color: #fff;
}
.project-content .entry-content.fadein {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
  -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
}
.single_portfolio_fullscreen .hide-details {
  background: url(assets/images/sprite.png) -35px -885px no-repeat;
  border-bottom: none;
  display: block;
  height: 30px;
  overflow: hidden;
  padding-bottom: 0;
  position: absolute;
  right: 0;
  text-indent: 100%;
  top: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  white-space: nowrap;
  width: 30px;
}
.single_portfolio_fullscreen .hide-details.active {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.single_portfolio_fullscreen .hide-content .entry-content {
  display: none;
}
.single_portfolio_fullscreen .footer {
  display: none;
}
.projects-mobile {
  display: none;
}

/*===================================================================*/
/* CAROUSEL LAYOUT
/*===================================================================*/
.carousel-wrap {
  margin: 0 auto;
  width: 100%;
}
.crsl-slider.owl-carousel .owl-item,
.crsl-slider.owl-carousel .owl-wrapper,
.crsl-slider.owl-carousel .owl-wrapper-outer {
  overflow: visible !important;
  -webkit-backface-visibility: visible !important;
  -moz-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
}
.crsl-slider.owl-carousel .owl-item {
  opacity: 0.25;
  text-align: center;
  -webkit-transition: opacity 0.6s ease-in-out;
  transition: opacity 0.6s ease-in-out;
}
.crsl-slider.owl-carousel .owl-item.active {
  opacity: 1;
}
.carousel-content {
  margin: 0 auto;
  max-width: 100%;
  padding: 0;
}

/*===================================================================*/
/* CALL TO ACTION
/*===================================================================*/
.call-to-action {
  padding: 10% 35px;
  text-align: center;
}
.call-to-action blockquote {
  color: #fff;
  font-size: 5rem;
  font-size: 2vw;
  margin: 0 auto;
  width: 75%;
}

/* 1500px */
@media only screen and (max-width: 1500px) {
  .call-to-action {
    padding: 13% 35px;
    text-align: center;
  }
  .call-to-action blockquote {
    width: 75%;
  }
}
.call-to-action blockquote b,
.call-to-action blockquote em,
.call-to-action blockquote strong {
  border-bottom: 3px solid #fff;
  border-bottom-color: rgba(255, 255, 255, 0.5);
  color: #fff;
  color: rgba(255, 255, 255, 0.66);
  font-style: normal;
}
.call-to-action .clickme {
  border-color: rgba(255, 255, 255, 0.5);
  border-width: 3px;
  color: #fff;
  display: inline-block;
  margin-top: 25px;
  padding-bottom: 3px;
}
.call-to-action .clickme:hover {
  border-color: #fff !important;
}

/*===================================================================*/
/* PROJECT PAGINATION
/*===================================================================*/
.project-pagination {
	position: fixed;
	width: 100%;
}
.project-pagination div {
  background-color: rgba(255,255,255,0.5);
  float: left;
  height: 50px;
  line-height: 100px;
  outline: 0 !important;
  position: relative;
  text-align: center;
  -webkit-transition: background-color 0.3s ease-in;
  transition: background-color 0.3s ease-in;
  width: 33.33%;
}
.project-pagination a {
  border: 0;
  display: inline-block;
  display: block;
  font-family: 'Lato';
  font-size: 11px;
  height: 100%;
  letter-spacing: 4px;
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-transform: uppercase;
  width: 100%;
}
.project-pagination a:hover {
  	background-color: rgba(255,255,255,0.8);
	color: #070507;
}
.project-pagination .arrow {
  background: url(assets/images/sprite.png) no-repeat;
  display: block;
  height: 40px;
  width: 40px;
}
.project-pagination .portfolio-page .arrow {
  background-position: -30px -430px;
}
.project-pagination .prev .arrow {
  background-position: -30px -331px;
}
.project-pagination .next .arrow {
  background-position: -30px -381px;
}
.project-pagination span {
  display: block;
  left: 50%;
  max-width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.project-pagination .title {
  opacity: 0;
  overflow: hidden;
  padding: 0 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.project-pagination .next a:hover .arrow,
.project-pagination .prev a:hover .arrow {
  opacity: 0;
}
.project-pagination a:hover .title {
  opacity: 1;
}
.project-pagination .prev a .title {
  left: 150%;
}
.project-pagination .prev a:hover .title {
  left: 50%;
}
.project-pagination .prev a:hover .arrow {
  left: -50%;
}
.project-pagination .next a .title {
  left: -50%;
}
.project-pagination .next a:hover .title {
  left: 50%;
}
.project-pagination .next a:hover .arrow {
  left: 150%;
}
.project-description header {
	display: none;
}

/* NAV UP AND DOWN */
.admin-bar .nav-down {
	top: 132px;
}
.nav-down {
	top: 100px;
	transition: top 0.25s ease-in-out;
}
.nav-up {
	top: -50px !important;
	transition: top 0.5s ease-in-out 0.25s;
}


/*===================================================================*/
/*
/* TEAM
/*
/*===================================================================*/
.team-grid {
  margin-top: 35px;
}
.type-team .entry-media {
  position: relative;
}
.team-content {
  background-color: #fff;
  padding: 35px;
  position: relative;
  text-align: left !important;
}
.team-content h3 {
  color: #181818 !important;
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 0;
}
.team-content p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.7em;
}
.team-content:after {
  border: solid transparent;
  border-bottom-color: #fff;
  border-color: rgba(255, 255, 255, 0);
  border-width: 10px;
  bottom: 100%;
  content: " ";
  height: 0;
  left: 35px;
  pointer-events: none;
  position: absolute;
  width: 0;
  z-index: 9999;
}
.team-content .team-role,
.team-content .edit {
  display: block;
  font-size: 11px;
  letter-spacing: 3px;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.team-content .edit a {
  color: #bbb;
  display: inline-block;
}
.type-team blockquote {
  color: #fff;
  font-size: 20px;
  font-weight: normal;
  padding: 0 20px;
}

/*===================================================================*/
/*
/* TESTIMONIALS
/*
/*===================================================================*/
/* TESTIMONIALS SLIDER */
.testimonials {
  padding: 8% 0;
  position: relative;
  text-align: center;
}
.testimonials h3 {
  margin-bottom: 35px;
  padding-top: 0;
}
.testimonial blockquote {
  margin: 0 auto 35px;
  max-width: 830px;
  padding: 0 35px;
  text-align: center;
}
.testimonial blockquote i {
  background: url(assets/images/sprite.png) -13px -1342px no-repeat;
  content: "";
  display: inline-block;
  height: 17px;
  position: relative;
  top: -5px;
  width: 24px;
}
.testimonial blockquote .quote-close {
  background-position: -13px -1392px;
}
.testimonial cite {
  color: #bbb;
  font-size: 11px;
  font-style: normal;
  letter-spacing: 4px;
  margin: 0 auto;
  text-transform: uppercase;
}
.testimonial cite a {
  border: none;
  color: #bbb;
}
.testimonial cite img {
  border-radius: 100%;
  display: block;
  height: 65px;
  margin: 0 auto 15px;
  width: 65px;
}
.testimonials .owl-controls {
  margin-top: 30px;
  text-align: center;
}
.testimonials .owl-pagination {
  bottom: inherit;
  left: inherit;
  position: inherit;
  right: inherit;
  top: inherit;
}
.testimonials .owl-pagination div {
  background: #d2d2d2;
}
.testimonials .owl-pagination div:hover,
.testimonials .owl-pagination div.active {
  background: #fff;
}
.testimonials .owl-item {
  cursor: pointer;
  opacity: 0;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
.testimonials .owl-item.active {
  opacity: 1;
}
.testimonials .owl-controls .owl-buttons div.owl-prev:hover {
  background-position: -24px -323px;
}
.testimonials .owl-controls .owl-buttons div.owl-next:hover {
  background-position: -22px -373px;
}
.testimonials .owl-controls .owl-buttons div:hover {
  background-color: transparent;
  opacity: 0.5;
}

/* TESTIMONIALS GRID */
.testimonials-grid {
  margin: 18px;
  padding-bottom: 50px;
}
.masonry-project.testimonial {
  margin-bottom: 20px;
  text-align: center;
}
.masonry-project.testimonial blockquote {
  background: #f0f1f2;
  font-size: 20px;
  font-size: 2.0rem;
  line-height: 1.6em;
  margin: 17px 17px 20px;
  padding: 10%;
  position: relative;
}
.masonry-project.testimonial blockquote:after {
  border: solid transparent;
  border-bottom-color: #fff;
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #f0f1f2;
  border-width: 15px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -15px;
  pointer-events: none;
  position: absolute;
  top: 100%;
  width: 0;
  z-index: 999;
}
.masonry-project.testimonial blockquote i {
  display: none;
}
.masonry-project.testimonial cite img {
  height: 50px;
  margin: 0 auto 10px;
  width: 50px;
}

/*===================================================================*/
/*
/* JAVASCRIPT PLUGINS
/*
/*===================================================================*/
/*===================================================================*/
/*  OWL CAROUSEL v1.3.3
/*===================================================================*/
.owl-carousel .owl-wrapper:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
  float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer;
}
.owl-controls {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -khtml-user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}
.slide-caption {
  background-color: #fff;
  bottom: 20px;
  font-family: "Lato", Georgia, serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-style: italic;
  font-weight: normal;
  letter-spacing: normal;
  padding: 7px 10px;
  position: absolute;
  right: 20px;
  text-transform: none;
}
.single-post .slide-caption {
  bottom: 65px;
  left: 35px;
  right: inherit;
}

/* DOTS */
.owl-pagination {
  bottom: 15px;
  position: absolute;
  right: 15px;
}

#fp-nav ul li a span,
.owl-pagination div {
  background: #fff;
  border-bottom: none;
  border-radius: 100%;
  display: inline-block;
  height: 6px;
  margin: 0 3px;
  overflow: hidden;
  padding-bottom: 0;
  text-indent: -9999px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 6px;
}

#fp-nav ul li a span:hover,
#fp-nav ul li a.active span,
.owl-pagination div:hover,
.owl-pagination div.active {
  background: transparent;
  -webkit-box-shadow: 0 0 0 2px #fff;
          box-shadow: 0 0 0 2px #fff;
}

/* NEXT / PREV - for both OWL and SUPERSLIDES */
.slides-navigation,
.owl-controls .owl-buttons {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 55px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  z-index: 5;
}
.slides-navigation a,
.owl-controls .owl-buttons div {
  background: url(assets/images/sprite.png) no-repeat #fff;
  border: 0;
  cursor: pointer;
  display: block;
  height: 55px;
  left: 20px;
  padding: 0;
  position: absolute;
  text-indent: -9999em;
  -webkit-transition: background-color 0.1s;
  -moz-transition: background-color 0.1s;
  -ms-transition: background-color 0.1s;
  -o-transition: background-color 0.1s;
  width: 55px;
}
.slides-navigation a:hover,
.owl-controls .owl-buttons div:hover {
  background-color: #181818;
}
.slides-navigation .prev,
.owl-controls .owl-buttons .owl-prev {
  background-position: -24px -323px;
}
.slides-navigation .prev:hover,
.owl-controls .owl-buttons .owl-prev:hover {
  background-position: -24px -223px;
}
.slides-navigation .next,
.owl-controls .owl-buttons .owl-next {
  background-position: -22px -373px;
  left: inherit;
  right: 20px;
}
.slides-navigation .next:hover,
.owl-controls .owl-buttons .owl-next:hover {
  background-position: -22px -273px;
}
.slides-navigation .prev {
  left: 35px;
}
.slides-navigation .next {
  right: 35px;
}
.slides-pagination {
  display: none;
}
.single-post .slides-navigation {
  margin-top: 50px;
}

/*===================================================================*/
/* FULLPAGE.JS
/*===================================================================*/
#fp-nav {
  margin-top: 20px !important;
  opacity: 1;
  position: fixed;
  right: 30px;
  top: 50%;
  z-index: 9999;
}

#fp-nav ul {
  margin: 0;
  padding: 0;
}

#fp-nav ul li {
  display: block;
  height: 6px;
  margin: 10px 0;
  position: relative;
  width: 6px;
}

#fp-nav ul li a {
  border-bottom: none;
  cursor: pointer;
  display: block;
  height: 100%;
  position: relative;
  text-decoration: none;
  width: 100%;
  z-index: 1;
}

/*===================================================================*/
/* LIGHTBOX
/*===================================================================*/
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  border: 0;
  margin: 0;
  outline: none;
  padding: 0;
  vertical-align: top;
}
.fancybox-wrap {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 99920;
}
.fancybox-skin {
  padding: 0 !important;
  position: relative;
}
.fancybox-opened {
  z-index: 99930;
}
.fancybox-inner {
  overflow: hidden;
}
.fancybox-outer,
.fancybox-inner {
  overflow: hidden;
  position: relative;
}
.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}
.fancybox-error {
  color: #fff;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}
.fancybox-image,
.fancybox-iframe {
  cursor: default;
  display: block;
  height: 100%;
  width: 100%;
}
.fancybox-image {
  max-height: 100%;
  max-width: 100%;
}

#fancybox-loading {
  -webkit-animation: sk-chasingDotsRotate 1.5s infinite linear;
  animation: sk-chasingDotsRotate 1.5s infinite linear;
  cursor: pointer;
  height: 40px;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
  position: relative;
  position: fixed;
  text-align: center;
  top: 50%;
  width: 40px;
  z-index: 99960;
}

#fancybox-loading div {
  -webkit-animation: sk-chasingDotsBounce 1.5s infinite ease-in-out;
  animation: sk-chasingDotsBounce 1.5s infinite ease-in-out;
  background-color: #181818;
  border-radius: 100%;
  display: inline-block;
  height: 60%;
  position: absolute;
  top: 0;
  width: 60%;
}

#fancybox-loading .sk-dot2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
  bottom: 0;
  top: auto;
}
.fancybox-close {
  display: none;
}
.fancybox-nav {
  background: transparent url(assets/images/blank.gif);
  /* helps IE */
  cursor: pointer;
  height: 100%;
  position: absolute;
  text-decoration: none;
  top: 0;
  width: 50%;
  z-index: 99940;
  -webkit-tap-highlight-color: transparent;
}
.fancybox-nav span {
  background: url(assets/images/sprite.png) no-repeat #fff;
  cursor: pointer;
  height: 55px;
  margin-top: -27px;
  position: absolute;
  top: 50%;
  -webkit-transition: background-color 0.1s;
  -moz-transition: background-color 0.1s;
  -ms-transition: background-color 0.1s;
  -o-transition: background-color 0.1s;
  width: 55px;
  z-index: 99940;
}
.fancybox-nav:hover span {
  background-color: #181818;
}
.fancybox-next {
  right: 0;
}
.fancybox-prev {
  left: 0;
}
.ie9 .fancybox-next:hover,
.ie9 .fancybox-prev:hover {
  cursor: pointer;
}
.fancybox-next span {
  background-position: -22px -373px;
  right: 30px;
}
.fancybox-next:hover span {
  background-position: -22px -273px;
}
.fancybox-prev span {
  background-position: -24px -323px;
  left: 30px;
}
.fancybox-prev:hover span {
  background-position: -24px -223px;
}
.fancybox-nav span {
  -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
  -webkit-animation-name: fadeslideleft;
  animation-name: fadeslideleft;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  visibility: visible !important;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@keyframes fadeslideleft {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@-webkit-keyframes fadeslideleft {
  0% {
    -webkit-transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
.fancybox-prev span {
  -webkit-animation-name: fadeslideright;
  animation-name: fadeslideright;
}

@keyframes fadeslideright {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@-webkit-keyframes fadeslideright {
  0% {
    -webkit-transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
.fancybox-tmp {
  left: -99999px;
  max-height: 99999px;
  max-width: 99999px;
  overflow: visible !important;
  position: absolute;
  top: -99999px;
  visibility: hidden;
}

/* OVERLAY HELPER */
.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}
.fancybox-lock body {
  overflow: hidden !important;
}
.fancybox-lock-test {
  overflow-y: hidden !important;
}
.fancybox-overlay {
  background: url("assets/images/overlay.png");
  display: none;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 99910;
}
.fancybox-overlay-fixed {
  bottom: 0;
  position: fixed;
  right: 0;
}
.fancybox-lock .fancybox-overlay {
  cursor: pointer;
  overflow: auto;
  overflow-y: scroll;
}
.fancybox-title {
  position: relative;
  text-shadow: none;
  visibility: hidden;
  z-index: 99950;
}
.fancybox-opened .fancybox-title {
  visibility: visible;
}
.fancybox-title-float-wrap {
  bottom: 0;
  margin-bottom: -35px;
  position: absolute;
  right: 50%;
  text-align: center;
  z-index: 99950;
}
.fancybox-title-float-wrap .child {
  background: transparent;
  color: #fff;
  display: inline-block;
  display: none;
  margin-right: -100%;
  padding: 2px 20px;
  white-space: nowrap;
}
.fancybox-title-outside-wrap {
  color: #fff;
  margin-top: 10px;
  position: relative;
}
.fancybox-title-inside-wrap {
  padding-top: 10px;
}
.fancybox-title-over-wrap {
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  bottom: 0;
  color: #6f6f6f;
  left: 0;
  padding: 10px;
  position: absolute;
}

img.hidden,
a.lightbox.hidden {
  display: none !important;
}

/*===================================================================*/
/* SUPERSLIDES
/*===================================================================*/
.slides-container {
  margin-bottom: 0;
}

@keyframes imageZoom {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes imageZoom {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.25);
  }
  100% {
    -webkit-transform: scale(1);
  }
}

/*===================================================================*/
/*
/* WIDGET STYLES
/*
/*===================================================================*/
/*===================================================================*/
/*  WIDGET STANDARDS
/*===================================================================*/
.widget {
  overflow: hidden;
}
.widget-title {
  margin-bottom: 15px;
}
.widget input,
.widget textarea {
  background-color: #181818 !important;
  border: none !important;
  color: #666;
  font-family: "Lato",sans-serif;
  font-size: 15px;
  margin: 0 !important;
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -ms-transition: all 0s;
  -o-transition: all 0s;
}
.widget input:focus,
.widget textarea:focus {
  color: #fff;
}
.widget_search input {
  background: url(assets/images/sprite.png) -42px -1237px no-repeat;
  padding: 0 0 0 25px;
}
.widget_search input:focus {
  background-position: -42px -1287px;
}
.widget ul li:last-child,
.widget ol li:last-child {
  margin-bottom: 0;
}

/* IMAGE HOVERS */
.bean-shot:hover img,
.flickr_badge_image img:hover,
.instagram_badge_image img:hover,
.widget_bean_portfolio img:hover {
  opacity: 0.2;
}
.bean-shot img,
.flickr_badge_image img,
.bean500px_badlatoge_image a,
.instagram_badge_image a,
.bean500px_badge_image img,
.instagram_badge_image img,
.widget_bean_portfolio ul li img,
.widget_bean_portfolio ul li a {
  -webkit-transition: all 0.15s !important;
  -moz-transition: all 0.15s !important;
  -ms-transition: all 0.15s !important;
  -o-transition: all 0.15s !important;
  -webkit-backface-visibility: hidden !important;
}

/*===================================================================*/
/*  DEFAULT WIDGETS
/*===================================================================*/
/* CATEGORIES, ARCHIVES & RECENT POSTS WIDGETS */
.widget_recent_comments ul li {
  margin-bottom: 10px;
}
.widget_rss ul li {
  margin-bottom: 25px;
}
.rss-date {
  display: block;
  text-transform: uppercase;
}
.widget_recent_entries ul li {
  margin-bottom: 10px;
}
.post-date {
  color: #666;
  display: block;
  font-size: 11px;
  letter-spacing: 3px;
  text-transform: uppercase;
}

/* CALENDAR WIDGET */
#wp-calendar {
  width: 100%;
}

#wp-calendar caption {
  color: #888;
  font-size: 11px;
  letter-spacing: 4px;
  margin-bottom: 10px;
  text-align: center;
  text-transform: uppercase;
}

#wp-calendar thead {
  font-size: 10px;
}

#wp-calendar thead th {
  font-size: 12px;
  font-weight: 500;
}

#wp-calendar thead th,
#wp-calendar tbody td {
  background: #f5f5f5;
  border: none;
  padding: 4px 0;
  text-align: center;
}

#wp-calendar thead th {
  background-color: #e9e9e9;
}

#wp-calendar tbody .pad {
  background: none;
}

#wp-calendar tfoot #next {
  font-size: 12px;
  text-align: right;
  text-transform: uppercase;
}

#wp-calendar tfoot #prev {
  font-size: 12px;
  padding-top: 10px;
  text-transform: uppercase;
}
.widget_nav_menu .sub-menu {
  margin-left: 20px;
}

/*===================================================================*/
/*  TAG CLOUD WIDGET
/*===================================================================*/
.widget .tagcloud {
  margin-top: 5px;
}
.tagcloud a {
  background: url(assets/images/sprite.png) no-repeat -46px 5px;
  border-bottom: none;
  display: inline-block;
  float: left;
  font-size: 11px !important;
  font-size: 1.1rem !important;
  letter-spacing: 4px;
  margin: 0 14px 0 0;
  padding-left: 12px;
  position: relative;
  text-transform: uppercase;
}

/*===================================================================*/
/*  DRIBBBLE WIDGET
/*===================================================================*/
.bean-dribbble-shots {
  float: left;
  margin-top: 10px;
  width: 100%;
}
.bean-shot {
  float: left;
  height: 100%;
  margin: 0 0 10px;
  width: 100%;
}
.bean-shot,
.bean-shot img {
  border-radius: 2px;
}
.bean-shot a {
  border: none;
  padding: 0;
}
.bean-shot a img {
  -webkit-backface-visibility: hidden !important;
}

/*===================================================================*/
/*  FLICKR WIDGET
/*===================================================================*/
.flickr-image-wrapper {
  float: left;
  margin: 4% -1.8072% -3.6% -2%;
  width: 103.8961%;
}
.flickr-image-wrapper a {
  border: none;
  border-radius: 2px;
  padding: 0;
}
.flickr_badge_image {
  border-radius: 2px;
  float: left;
  height: 16.8831%;
  margin: 0 1.8% 3.6%;
  width: 21.4%;
}
.flickr_badge_image img {
  border-radius: 2px;
}

/*===================================================================*/
/* INSTAGRAM WIDGET & 500PX WIDGET (BEAN PLUGINS)
/*===================================================================*/
.instagram-image-wrapper,
.beaninstagram-image-wrapper,
.widget_bean_500px .bean500px-image-wrapper {
  float: left;
  margin: 4% -1.8072% -3.6% -1.8072%;
  width: 103.8961%;
}
.instagram_badge_image,
.bean500px_badge_image {
  background: none !important;
  border-radius: 2px !important;
  float: left;
  height: 16.8831%;
  margin: 0 1.8% 3.6% !important;
  overflow: hidden;
  width: 21.4% !important;
}
.instagram_badge_image img,
.bean500px_badge_image img {
  border-radius: 2px !important;
  height: auto !important;
  width: auto !important;
}
.bean500px_badge_image a,
.instagram_badge_image a {
  border: none;
  padding: 0;
}
.instagram_badge_image a:hover {
  opacity: 1 !important;
}

/*===================================================================*/
/*  TWITTER WIDGET
/*===================================================================*/
.widget_bean_tweets a.twitter-time-stamp {
  border-bottom: none !important;
  color: #444 !important;
  display: block;
  font-size: 11px;
  font-size: 1.1rem;
  margin: 5px 0 15px;
  text-rendering: optimizeLegibility;
}
.widget_bean_tweets a.twitter-time-stamp:hover {
  color: #444 !important;
}
.widget_bean_tweets .button {
  background: transparent !important;
  border: 0;
  border-radius: 0;
  color: #fff !important;
  display: initial;
  font-size: 11px;
  font-style: normal !important;
  margin: 0;
  padding: 0;
  padding-bottom: 0;
  text-transform: uppercase;
}

/*===================================================================*/
/*  VIDEO WIDGET
/*===================================================================*/
.widget_bean_video .video-frame {
  border-radius: 2px;
  margin-top: 20px;
  overflow: hidden;
}

/*===================================================================*/
/*  PORTFOLIO WIDGET
/*===================================================================*/
.widget_bean_portfolio ul {
  margin-top: 20px;
}
.widget_bean_portfolio ul li {
  margin: 0 0 10px 0;
  position: relative;
}
.widget_bean_portfolio ul li:last-child {
  margin-bottom: 0;
}
.widget_bean_portfolio ul li a {
  border-bottom: none;
  border-radius: 2px;
}
.widget_bean_portfolio ul li img {
  border-radius: 2px;
}

/*===================================================================*/
/*  PORTFOLIO MENU WIDGET
/*===================================================================*/
.widget_bean_portfolio_menu li span {
  opacity: 0;
  position: relative;
  -webkit-transition: opacity 0.1s;
  -moz-transition: opacity 0.1s;
  -ms-transition: opacity 0.1s;
  -o-transition: opacity 0.1s;
}
.widget_bean_portfolio_menu li:hover span {
  opacity: 1;
}

/*===================================================================*/
/*
/* OTHER COMPATIBLE PLUGIN STYLES
/*
/*===================================================================*/
/* SOCIAL PLUGIN */
ul.bean_social_icons {
  margin-top: 20px;
  text-align: left;
}

ul.bean_social_icons li.bean_social_icon {
  margin: 0 6px 6px 0 !important;
}

ul.bean_social_icons li a {
  border: none;
  padding: 0;
}

/* PRICING TABLE PLUGIN */
.bean-pricing-table .details {
  margin-top: 15px;
}
.bean-pricing-table .details p {
  line-height: 1.7;
}
.bean-pricing-table .table-mast h6.price {
  border: none !important;
  font-style: normal;
  padding: 0;
}
.bean-pricing-table .pricing-highlighted {
  border-radius: 4px 4px 0 0;
  height: 30px;
  left: 10%;
  margin: -30px 0 0;
  position: relative;
  width: 80%;
}
.bean-pricing-table .table-mast {
  border-radius: 4px 4px 0 0;
}
.bean-pricing-table .pricing-column ul {
  border-radius: 0 0 4px 4px;
  margin: 0;
}
.bean-pricing-table .pricing-column {
  text-align: center;
}
.bean-pricing-table .pricing-column ul {
  background-color: #f0f1f2;
}
.bean-pricing-table .pricing-column li {
  color: #aaa;
}
.bean-pricing-table .pricing-column li:last-child {
  margin-bottom: 0;
}
.bean-pricing-table .table-mast h5.title {
  color: #fff !important;
  font-size: 22px !important;
  letter-spacing: normal;
}
.bean-pricing-table .pricing-column.six.columns.mobile-four:first-child {
  padding-right: 20px;
}
.bean-pricing-table .pricing-column.six.columns.mobile-four:last-child {
  padding-left: 20px;
}
.bean-one-third p:last-of-type {
  margin: 0;
}

/*===================================================================*/
/*
/* THEME ANIMATIONS
/*
/*===================================================================*/
.fadein,
.menu-fullscreen ul li,
.fancybox-title-float-wrap .child {
  -webkit-animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-name: fadein;
  animation-name: fadein;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* BOUNCE - ARROW DOWN ANIMATION */
@-webkit-keyframes bounce {
  0%,
  100% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
    -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  }
  50% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
    -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  }
}

@keyframes bounce {
  0%,
  100% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
    -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  }
  50% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
    -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}

/* UNDER CONSTRUCTION ANIMATION */
.construction-banner {
  -webkit-animation: BGAnimateHori 2s infinite linear;
  -moz-animation: BGAnimateHori 2s infinite linear;
  -ms-animation: BGAnimateHori 2s infinite linear;
  -o-animation: BGAnimateHori 2s infinite linear;
}

@-webkit-keyframes BGAnimateHori {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100px 0;
  }
}

@keyframes BGAnimateHori {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100px 0;
  }
}

/* ANIMATED HEADLINE ANIMATION */
@-webkit-keyframes cd-pulse {
  0% {
    opacity: 1;
    -webkit-transform: translateY(-50%) scale(1);
  }
  40% {
    opacity: 0;
    -webkit-transform: translateY(-50%) scale(0.9);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-50%) scale(0);
  }
}

@keyframes cd-pulse {
  0% {
    opacity: 1;
    -webkit-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
  }
  40% {
    opacity: 0;
    -webkit-transform: translateY(-50%) scale(0.9);
    -ms-transform: translateY(-50%) scale(0.9);
    transform: translateY(-50%) scale(0.9);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
  }
}

/* SOCIAL ANIMATION */
@-webkit-keyframes bounceInUp {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 1000px, 0);
    transform: translate3d(0, 1000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -7px, 0);
    transform: translate3d(0, -7px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 3px, 0);
    transform: translate3d(0, 3px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -1px, 0);
    transform: translate3d(0, -1px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 1000px, 0);
    transform: translate3d(0, 1000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

/*===================================================================*/
/*
/* CROSS BROWSER
/*
/*===================================================================*/
/* SAFARI ANIMATION FIX */
.safari .no-flick,
.safari #theme-wrapper,
.safari .entry-content-media {
  -webkit-backface-visibility: hidden !important;
}
.safari .background-video {
  margin: 0 auto;
  min-height: 100%;
  min-width: 100%;
  position: inherit;
  -o-object-fit: inherit;
  object-fit: inherit;
}

/* IE FIX */
.ie #cancel-comment {
  left: 0;
  position: inherit;
  top: 35px;
}
.ie .post .comment-form .form-submit {
  margin-top: -2.4em;
}
.ie .flickr_badge_image a,
.ie .bean500px_badge_image a,
.ie .instagram_badge_image a {
  float: none !important;
}
.ie ul.bean-contactform label {
  display: block;
}
.ie .post .comment-form .form-submit {
  margin-top: -2.4em;
}

/* FF */
@-moz-document url-prefix() {
  #cancel-comment {
    left: 0;
    position: inherit;
    top: 35px;
  }
  .flickr_badge_image a,
  .bean500px_badge_image a,
  .instagram_badge_image a {
    float: none !important;
  }
}

/*===================================================================*/
/*
/* THEME MOBILE STYLES
/*
/*===================================================================*/
/* 1000px */
@media only screen and (max-width: 1000px) {
  .post blockquote {
    margin-left: -60px;
    margin-right: -60px;
  }
  .alignleft {
    margin-left: -3rem;
  }
  .alignright {
    margin-right: -3rem;
  }
  .next-preview {
    padding: 20% 0;
  }
  .single-format-quote.single-post .hero-area h2, .single-format-quote.single-post .hero-area.hero-fullscreen h2 {
    font-size: 30px;
    font-size: 3.0rem;
    font-size: 3vw;
    line-height: 5vw;
  }
  .portfolio-tagline blockquote,
  .call-to-action blockquote {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 1.7em;
  }
  .call-to-action,
  .portfolio-tagline blockquote {
    padding-bottom: 12%;
    padding-top: 12%;
  }
}

/* 769px 
@media only screen and (max-width: 769px) {
  .projects-mobile {
    display: block;
  }
  .single-format-gallery .superslides {
    display: none !important;
  }
  .single-format-gallery .hero-area {
    height: auto !important;
    max-height: none !important;
    margin-bottom: -23px !important;
  }
  .single-post .slide-caption {
    position: relative;
    width: 100%;
    left: inherit;
    right: inherit;
    top: inherit;
    bottom: inherit;
    background: #FFF;
  }
}*/

/* iPad Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .hero-area .background-video {
    display: none;
  }
  .hero-area .background-video.embedded {
    display: block;
  }
  .hero-area.has-video .post-cover {
    opacity: 1 !important;
  }
}

/* 768px */
@media only screen and (max-width: 767px) {
  #projects,
  .sub-header,
  #page-container,
  .page-template-template-portfolio-fullpage-php #page-inner,
  .page-template-template-portfolio-fullpage-php #page-container {
    margin-top: 0 !important;
  }
  .page-inner {
    margin: 0 !important;
  }
  .hero-area {
    padding: 25% 0;
  }
  .hero-area {
    max-height: 700px !important;
    margin: 0 !important;
  }
  .hero-area {
    max-height: 700px !important;
    margin: 0 !important;
  }
  .hero-area .background-video.embedded {
    display: block;
  }
  .hero-area .background-video.embedded iframe {
    top: 0;
  }
  .hero-area.has-video .post-cover {
    opacity: 1 !important;
  }
  .hero-area h2 {
    font-size: 4rem;
    font-size: 5vw;
    letter-spacing: 3px;
  }
  .footer,
  .testimonials {
    padding: 15% 0;
  }
  .single-portfolio .footer {
    position: relative;
  }
  .footer-social {
    display: block;
    margin: 1.5em 0 0 0;
  }
  .footer-social li {
    margin: 0 .5em;
  }
  /* CONTACT */
  .contactform, .entry-content.percent-50 {
    float: none;
    width: 100%;
  }
  .contact-wrapper .entry-content {
    height: auto !important;
    margin-bottom: 35px !important;
  }
  .entry-content.percent-50 .center-vertical {
    position: relative;
    top: inherit;
    left: inherit;
    right: inherit;
    bottom: inherit;
    padding: 0;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  #BeanForm {
    padding: 35px;
  }
  /* PROJECTS */
  .masonry-project.project .overlay-title {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  .masonry-project .overlay-title h3 {
    padding: 0 10%;
  }
  .masonry-project .overlay-title .project-taxonomy {
    padding: 0 15%;
  }
  .masonry-project.project h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .masonry-project h5 {
    font-size: 10px;
    font-size: 1.0rem;
  }
  #infscr-loading {
    bottom: 15px;
    right: 15px;
  }
  /* SUBHEADER AND PROJECT FILTER */
  .sub-header.no-hero {
    position: relative;
  }
  .sub-header {
    overflow: hidden;
    position: relative;
    text-align: center;
  }
  .sub-header.open {
    border: 0;
    height: auto;
    padding: 0;
  }
  .search .sub-header li,
  .archive .sub-header li {
    float: none !important;
  }
  #project-filter,
  .search #post-count,
  .archive #post-count,
  .sub-header.open #post-count,
  .sub-header.open #filter-toggle {
    display: none;
  }
  #filter-toggle,
  #project-filter.open,
  .search #post-taxonomy,
  .archive #post-taxonomy,
  #project-filter.open li {
    display: block;
  }
  #project-filter.open {
    background: #181818;
    padding: 2px 35px 0;
  }
  #project-filter.open li {
    float: none;
  }
  #project-filter li:first-child a {
    border: 0;
  }
  #project-filter li a {
    border-top: 1px solid #333333;
    color: #FFF;
    padding: 0;
  }
  #project-filter li a:hover {
    border-top-color: #333333 !important;
    color: #AAA !important;
  }
  .stacked-assets .center-vertical,
  .single-portfolio .entry-content .center-vertical {
    padding: 40px 35px;
    padding: 4.0rem 3.5rem;
  }
  .call-to-action {
    padding: 10% 35px;
  }
  blockquote.tagline,
  .call-to-action blockquote {
    width: 80%;
  }
  .single_portfolio_fullscreen .project-content {
    background-color: #181818;
    opacity: 1 !important;
    max-width: none;
    width: 100% !important;
    overflow: visible;
    position: static;
    text-align: center;
    height: auto !important;
    padding: 50px 35px !important;
  }
  .single_portfolio_fullscreen .hide-details {
    display: none;
  }
  .single_portfolio_fullscreen .hide-content .entry-content {
    display: block;
  }
  .single_portfolio_fullscreen .project-content p,
  .single_portfolio_fullscreen .project-content a,
  .single_portfolio_fullscreen .project-content .project-meta,
  .single_portfolio_fullscreen .project-content .post-meta li {
    color: #7E7E7E;
  }
  .single_portfolio_fullscreen .imagezoom {
    -webkit-animation: X;
            animation: X;
    -moz-animation: X;
    -ms-animation: X;
  }
  .projects-fullscreen {
    display: none;
  }
  .page-template-template-portfolio-fullpage-php .projects-fullscreen {
    display: block;
  }
  .last-section {
    display: none !important;
  }
  .single_portfolio_fullscreen .footer {
    display: block;
  }
  blockquote.tagline,
  .call-to-action blockquote,
  .portfolio-tagline blockquote {
    width: 100%;
  }
  ul.post-meta {
    margin: 0 !important;
  }
  .crsl-slider .owl-controls .owl-buttons {
    display: none;
  }

  /* BLOGROLL */
  .single-format-quote.single-post .hero-area h2, .single-format-quote.single-post .hero-area.hero-fullscreen h2 {
    font-size: 4vw;
    line-height: 6vw;
  }
  .single-post .vert-align {
    padding: 15% 5%;
  }
  .post blockquote {
    margin-left: 0;
    margin-right: 0;
  }
  blockquote,
  blockquote p,
  blockquote.tagline,
  .project-caption blockquote {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.6em;
  }
  .stacked-assets .project-caption blockquote {
    padding: 0;
  }
  .project-caption blockquote {
    padding: 5%;
  }
  .alignleft {
    margin-left: 0;
  }
  .alignright {
    margin-right: 0;
  }
  .next-preview {
    margin-bottom: 50px;
  }
  .next-preview {
    padding: 25% 0;
  }
  .entry-footer {
    margin-top: 40px;
  }
  .posts-wide .content-left {
    margin-bottom: 40px;
  }
  .posts-wide .content-left,
  .posts-wide .content-right {
    width: 100%;
  }
  /* COMMENTS */
  .comments-title-wrap {
    text-align: center;
  }
  /* TESTIMONIALS */
  .testimonials .owl-buttons {
    display: none;
  }
  .testimonial blockquote i {
    top: -3px;
  }
}

/* 767px */
@media only screen and (max-width: 767px) {
  .header {
    top: 0 !important;
    position: fixed;
    z-index: 99998;
  }
  .header .site-title {
    float: none;
    max-width: none;
    width: auto;
    padding: 0;
    text-align: center;
  }
  .header .site-title a {
    display: inline-block;
    width: auto;
  }
  .header .hamburger-icon {
    position: absolute;
  }
  .hamburger-icon.menu_standard {
    display: block;
  }
  .header_left_aligned .hamburger-icon {
    right: 35px;
  }
  .header .nav ul {
    display: none;
  }
  .menu-fullscreen ul li a {
    font-size: 20px;
    font-size: 2.0rem;
  }
  .menu-fullscreen .sub-menu li a {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .menu-fullscreen .sub-menu li a {
    padding: 7px 0;
  }
  .menu-fullscreen ul li a {
    padding-bottom: 2rem;
    padding-top: 2rem;
  }
  .comment .avatar {
    display: none;
  }
  .comment-body,
  .comments .children,
  .commentlist #respond.comment-respond {
    margin-left: 0 !important;
  }
  #respond.comment-respond,
  .commentlist #respond.comment-respond {
    width: 100%;
  }
}

/* 514px */
@media only screen and (max-width: 514px) {
  .menu-sidebar .nav ul li {
    line-height: 2;
  }
  .menu-sidebar .nav ul li a {
    font-size: 13px;
  }
  .menu-fullscreen .sub-menu li a {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .menu-fullscreen .sub-menu li a {
    padding: 6px 0;
  }
  .hero-area {
    padding: 30% 0;
  }
  .hero-area h2 {
    font-size: 2rem;
    font-size: 5vw;
    letter-spacing: 3px;
  }
  .footer,
  .testimonials {
    padding: 20% 0;
  }
  .post .post-inner {
    padding: 40px 35px;
    padding: 4.0rem 3.5rem;
  }
  .post .post-inner:after {
    left: 35px;
  }
  .stacked-assets .project-caption {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.5em;
  }
  .project-meta {
    display: none;
  }
  .post-meta-key:before,
  .project-meta p:before {
    content: ' ';
    margin: 0;
  }
  .post-meta li,
  .project-meta p {
    display: block;
  }
  .project-meta p,
  .project-meta a {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .project-pagination .next a:hover .arrow,
  .project-pagination .prev a:hover .arrow {
    opacity: 1;
  }
  .project-pagination a .title {
    display: none;
  }
  .project-pagination .prev a:hover .arrow {
    left: 50%;
  }
  .project-pagination .next a:hover .arrow {
    left: 50%;
  }
  .call-to-action {
    padding: 25% 35px;
  }
  .call-to-action blockquote {
    margin: 0 auto 20px;
    width: 100%;
  }
  .page-template-template-portfolio-fullpage-php #fp-nav {
    right: 20px;
    bottom: 30px;
  }
  .page-template-template-portfolio-fullpage-php #fp-nav ul li a span {
    opacity: .5;
  }
  .page-template-template-portfolio-fullpage-php #fp-nav ul li a.active span {
    opacity: 1;
  }
  .call-to-action blockquote,
  .portfolio-tagline blockquote {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.6em;
  }
  /* BLOGROLL */
  blockquote,
  blockquote p,
  blockquote.tagline,
  .project-caption blockquote {
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 1.7em;
  }
  .owl-controls .owl-buttons {
    z-index: -1;
  }
  .single-post .vert-align {
    padding: 25% 35px;
  }
  .fancybox-prev span {
    left: 0;
  }
  .fancybox-next span {
    right: 0;
  }
  .alignleft,
  .alignright,
  .aligncenter {
    display: inline-block;
    margin: 20px 0 8%;
    max-width: 100%;
  }
  .next-preview {
    padding: 35% 0;
  }
  .next-preview h3.title-next {
    font-size: 11px;
    font-size: 1.1rem;
  }
  .next-preview h3.title-next-post {
    font-size: 20px;
    font-size: 2.0rem;
    font-size: 6vw;
  }
  .posts-wide .post {
    margin-bottom: 30px;
  }
  .posts-wide .entry-media {
    margin-bottom: 30px;
  }
  .posts-wide .content-left {
    margin-bottom: 20px;
  }
  /* COMMENTS */
  #comments {
    border-top: 1px solid #ededed;
    padding-top: 35px;
    margin: 0;
  }
  #comments ul {
    margin-bottom: 0;
  }
  #comments ul.children {
    margin-bottom: 3%;
  }
  ul.children li.comment:last-child .comment-body:last-of-type p {
    margin-bottom: 0;
  }
  .comments-wrap textarea {
    padding-top: .9em;
  }
  .comment-meta {
    display: block;
    margin-bottom: 5px;
  }
  .comment-meta .at {
    display: none;
  }
  .comment-meta:before {
    content: "";
    display: none;
  }
  .comment-respond form,
  .comment-respond form textarea {
    height: auto !important;
  }
  #cancel-comment {
    display: none;
  }
  .comment-form {
    max-height: none;
  }
  .comment-form input[type="text"],
  .comment-form input[type="email"],
  .comment-form input[type="url"] {
    width: 100%;
  }
  .comment-form label {
    top: inherit;
    width: auto;
  }
  .comment-form .form-submit {
    text-align: center;
  }
  .moderation {
    display: none;
  }
  /* TESTIMONIALS */
  .testimonials .owl-controls {
    margin-top: 5px;
  }
  .testimonial blockquote i {
    top: 0px;
  }
}

/* 414px */
@media only screen and (max-width: 414px) {
  p, ul, ol, .wp-caption, .posts-wide .post p.entry-excerpt, .single-portfolio .masonry-project.entry-content p, .single-portfolio .masonry-project.entry-content .project-meta, .post .post-inner .entry-excerpt, .bean-tab-content, .bean-panel-body, .blog .post.post-password-required p {
    font-size: 17px;
    line-height: 1.7;
  }
  p,
  ul,
  ol,
  dl,
  dd,
  form
table,
  address,
  fieldset,
  iframe,
  .gist,
  .bean-alert,
  .entry-content h1,
  .entry-content h2,
  .entry-content h3,
  .entry-content h4,
  .entry-content h5,
  .entry-content h6,
  #comments ul.children,
  .entry-content .tiled-gallery {
    margin-bottom: 5%;
  }
  .hero-area {
    padding: 40% 0;
  }
  .entry-content ul,
  .entry-content ol {
    margin-left: 20px;
    margin-left: 2.0rem;
    line-height: inherit;
  }
  .single-format-quote.single-post .hero-area h2, .single-format-quote.single-post .hero-area.hero-fullscreen h2 {
    font-size: 22px;
    font-size: 2.2rem;
    font-size: 6vw;
    line-height: 9vw;
  }
}

/*===================================================================*/
/*
/* RETINA CSS
/*
/*===================================================================*/
/* @2x */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .tagcloud a,  #back-to-top,  .lightbox-play,  #social-toggle,  #cancel-comment,  .footer-social a:not([class*='mm-']),  #BeanForm .button,  .fancybox-nav span,  .slides-navigation a,  .widget_search input,  .share-bar .share-link,  .hero-area .down-arrow i,  .testimonial blockquote i,  .project-pagination .arrow,  #cancel-comment-reply-link,  .owl-controls .owl-buttons div,  .comment-form input[type="submit"],  .single_portfolio_fullscreen .hide-details {
    background-image: url(assets/images/sprite@2x.png);
    background-size: 100px 1451px !important;
  }
  a.jp-play span,  a.jp-pause span,  .entry-content .mejs-controls .mejs-play button,  .entry-content .mejs-controls .mejs-pause button,  .entry-content .mejs-controls .mejs-volume-button button {
    background-image: url(assets/images/jplayer@2x.png);
    background-size: 100px 250px;
  }
}

/* @3x */
@media screen and (min-device-width: 414px) and (-webkit-device-pixel-ratio: 3) {
  .tagcloud a,  #back-to-top,  .lightbox-play,  #social-toggle,  #cancel-comment,  .footer-social a,  #BeanForm .button,  .fancybox-nav span,  .slides-navigation a,  .widget_search input,  .share-bar .share-link,  .hero-area .down-arrow i,  .testimonial blockquote i,  .project-pagination .arrow,  #cancel-comment-reply-link,  .owl-controls .owl-buttons div,  .comment-form input[type="submit"],  .single_portfolio_fullscreen .hide-details {
    background-image: url(assets/images/sprite@3x.png) !important;
  }
  a.jp-play span,  a.jp-pause span,  .entry-content .mejs-controls .mejs-play button,  .entry-content .mejs-controls .mejs-pause button,  .entry-content .mejs-controls .mejs-volume-button button {
    background-image: url(assets/images/jplayer@3x.png) !important;
  }
}

/* Damian */
/* Damian */
/* Damian */
/* Damian */


/* PRELOADER */

#loader {
    width: 15px;
    height: 35px;
    position: fixed;
    top: calc(50% + 15px);
    left: calc(50% - 5px);
    opacity: 0;
    animation-name: fadeIn;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
	-webkit-animation-name: fadeIn;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out;
}

#loader .wrap {
	position: absolute;
	animation: translateX 1s infinite alternate ease-in-out;
	-webkit-animation: translateX 1s infinite alternate ease-in-out;
	/* 
-name: translateX;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: ease-in-out;
 */
}
#loader .wrap:after {
	content: '';
	width: 10px;
	height: 5px;
	background: #f7f7f7;
	position: absolute;
	top: 25px;
	margin-left: 2px;
	border-radius: 50%; 
	animation: flickerAnimation 1s infinite, scale 500ms infinite ease-in-out alternate;
	-webkit-animation: flickerAnimation 1s infinite, scale 500ms infinite ease-in-out alternate;
}
#loader .ball {
	width: 15px;
	height: 15px;
	background-color: rgb(1,208,226);
	border-radius: 50%;
	animation: translateY 4s infinite ease-in-out;
	-webkit-animation: translateY 4s infinite ease-in-out;
}
#wrap2, #ball2, #wrap2:after {
    animation-delay: -1500ms !important;
    -webkit-animation-delay: -1500ms !important;

}
#wrap3, #ball3, #wrap3:after {
      animation-delay: -750ms !important;
      -webkit-animation-delay: -750ms !important;
}
@keyframes translateX {
    100% {transform: translateX(-100px);}
}
@-webkit-keyframes translateX {
    100% {-webkit-transform: translateX(-100px);}
}

@keyframes translateY {
    0%      {transform: translateY(0px);}
    12%   {transform: translateY(-75px);}
    25%     {transform: translateY(0px);}
    37%   {transform: translateY(-100px);}
    50%     {transform: translateY(0px);}
    62%   {transform: translateY(-70px);}
    75%     {transform: translateY(0px);}
    87%   {transform: translateY(-90px);}
    100%    {transform: translateY(0px);}
}
@-webkit-keyframes translateY {
    0%      {transform: translateY(0px);}
    12.5%   {transform: translateY(-75px);}
    25%     {transform: translateY(0px);}
    37.5%   {transform: translateY(-100px);}
    50%     {transform: translateY(0px);}
    62.5%   {transform: translateY(-70px);}
    75%     {transform: translateY(0px);}
    87.5%   {transform: translateY(-90px);}
    100%    {transform: translateY(0px);}
}

@keyframes flickerAnimation {
  0%   { opacity:1; }
  20%  { opacity:0.2; }
  50%  { opacity:0; }
  80%  { opacity:0.2; }
  100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
  0%   { opacity:1; }
  20%  { opacity:0.2; }
  50%  { opacity:0; }
  80%  { opacity:0.2; }
  100% { opacity:1; }
}
@keyframes scale {
  100% {transform: scale(0.5);}
}
@-webkit-keyframes scale {
  100% {transform: scale(0.5);}
}
@keyframes fadeIn {
  100% {opacity: 1;}
}
@-webkit-keyframes fadeIn {
  100% {opacity: 1;}
}

/* ABOUT ME - GIF animation */
.gif_arena .vce-col-inner:hover {
	background-image: url(/wp-content/uploads/06_arena.gif);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%;
}
.gif_warspire .vce-col-inner:hover {
	background-image: url(/wp-content/uploads/02_warsaw_spire.gif); 
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%;
}
.gif_pax .vce-col-inner:hover {
	background-image: url(/wp-content/uploads/04_pax.gif);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%;
}
.gif_marbling .vce-col-inner:hover {
	background-image: url(/wp-content/uploads/11_marbling-stack.gif);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%;
}
.gif_druk .vce-col-inner:hover {
	background-image: url(/wp-content/uploads/09_fr_druk.gif);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%;
}
.gif_arena .vce-asset-background-simple-item, .gif_warspire .vce-asset-background-simple-item, .gif_pax .vce-asset-background-simple-item, .gif_marbling .vce-asset-background-simple-item, .gif_druk .vce-asset-background-simple-item {
	z-index: -1;
}

/* CONTACT SOCIAL BUTTONS */
.contact_buttons, .contact-social, .contact_text {
	padding: 0 !important;
	margin: 0!important
}
.contact-social {
	height: 25px;
	margin-left: 0 !important;
}
.contact-social a {
	display: inline-block;
	height: 25px;
	width: 25px;
	margin: 0 20px 0 0;
	padding: 0;
	border: 0;
	transition: unset;
}
.contact-social li {
	display: inline-block;
	margin: 0;
	height: 25px;
}
.contact-social a:hover {
	background-position: 100%;
}

/* PROJECTS AND PAGES */
.hatmaster .vce-asset-background-simple-item {
	background-position: 85%
}
.shadow .vce-single-image-inner::before {
	content: "";
	display: block;
	max-width: 100%;
	background-image: url('/wp-content/uploads/2018/03/ed4bg_spreads_shadow_top.png');
	background-repeat: no-repeat;
	background-size: 100%;
	padding-top: 5%;
	background-position: bottom;
}
.shadow .vce-single-image-inner::after {
	content: "";
	display: block;
	max-width: 100%;
	background-image: url('/wp-content/uploads/2018/03/ed4bg_spreads_shadow_bottom.png');
	background-repeat: no-repeat;
	background-size: 100%;
	padding-top: 5%;
}
.ht-shadow .vce-single-image {
	box-shadow: 1px 1px 6px #00000070;
	-moz-box-shadow: 1px 1px 6px #00000070;
	-webkit-box-shadow: 1px 1px 6px #00000070;
}
.ht_half .vce-col {
	height: calc(50vh - 50px);
	overflow: hidden;
}
.ht_half_text {
	height: auto !important;
}
.am_manual .vce-image-gallery-item-inner::after {
	padding-bottom: 7.7%;
}
.am_manual .vce-image-gallery-item-inner img.vce-image-gallery-img {
	max-width:100%;
}
.am_pattern .vce-row-content--middle > .vce-row-content > .vce-element--has-background > .vce-col-inner > .vce-col-content {
	padding:9vh 0 !important;
	box-shadow: 4px 4px 10px #0004 inset;
	-moz-box-shadow: 4px 4px 10px #0004 inset;
	-webkit-box-shadow: 4px 4px 10px #0004 inset;
}
.am_text .vce-single-image {
	margin: 5vh 0 0 6vw !important;
	max-height: 42px;
}
.am_img_left .vce-single-image, .am_img_right .vce-single-image{
	margin: 2vh 0;
	box-shadow: 0px 1px 2px #000 !important;
	-moz-box-shadow: -0px 1px 2px #000 !important;
	-webkit-box-shadow: 0px 1px 2px #000 !important;
}
.am_img_left .vce-single-image-inner{
	margin: 0 0 0 6vw !important;
}
.am_img_right .vce-single-image-inner{
	margin: 0 6vw 0 0 !important;
}
.noshadow .vce-single-image{
	box-shadow: unset !important;
	-moz-box-shadow: unset !important;
	-webkit-box-shadow: unset !important;
	margin:0 !important;
}
.nostack .vce-col--md-50p {
	max-width: 50% !important;
}
.hm-logo .vce-single-image{
	opacity: 0.7;
}
.text_50 .vce-single-image-inner {
	max-width: 50%;
}
.mm-row-full-height, .mm-row-full-height-first, .photo_half, .mm_photo, .mm_gal6 {
	height: calc(100vh - 100px);
	min-height: unset !important;
}
.am_logo .vce-single-image-wrapper, .am_logo .vce-single-image-inner {
	overflow: visible;
	width:100%;
}
.am_logo .vce-single-image {
	position: absolute;
  	top: 50%;
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
  	padding: 0 25% !important;
	object-fit: fill !important;
}
.photo_half.ed4bg_2014_01 .vce-asset-background-simple-item {
	background-position: 85%;
}
.photo_half.fr_08 .vce-asset-background-simple-item {
	background-position: 70%;
}
.photo_half.fr_06 .vce-asset-background-simple-item {
	background-position: 15%;
}
.photo_half .vce-single-image, .mm-row-full-height .vce-single-image, .mm-row-full-height-first .vce-single-image {
	max-height: calc(100vh - 100px - 6vw);
}
.mm_gal6 .vce-col-content {
	height:100%;
}
.mm_gal6 .vce-col-content .vce-row-container {
	height:33.3%;
}
.mm_gal6 .vce-col-content .vce-row-container:last-child {
	height:33.4%;
}
.mm_gal6 .vce-col-content .vce-row-container > div, .mm_gal6 .vce-col-content .vce-row-container div > div {
	height:100%;
}
.rn-link, .rn-logo {
	margin: 0 auto;
}
.vce-text-block a {
	text-decoration: underline;
}
.hm_link .vce-col-content {
	padding: 3vw 6vw 0 !important;
}
.white {
	color: #ffffff;
}
.black {
	color: #050705;
}
.page-id-1171 .vce-text-block {
	background-color: #fff;
	padding: 4vw 5vw 2vw 4vw;
}
.page-id-1171 .vce-widgets-container {
	margin: 3vh 0;
}
.page-id-1171 .vce-text-block a {
	text-decoration: none;
}
.page-id-1184 .vce-text-block ul {
	line-height: 22px !important;
	margin-bottom: 0px;
}
.page-id-1184 .vce-text-block p {
	font-size: 16px !important;
	line-height: 22px !important;
	margin-bottom: 8px !important;
}
.page-id-1184 .vce-text-block p:last-child {
	margin-bottom: 0px !important;
}
.page-id-1184 .vce-text-block {
	padding: 4vw 8vw 4vw 5vw;
}
.vc_fixer .vce-single-image-inner.vce-single-image--absolute .vce-single-image:not([data-dynamic-natural-size="true"]) {
    position: unset !important;
    top: unset !important;
    left: unset !important;
    width: unset !important;
    object-fit: unset !important;
    height: unset !important;
}
.vc_fixer .vce-image-gallery-item-inner img.vce-image-gallery-img {
    position: unset !important;
    -webkit-transform: unset !important;
    transform: unset !important;
    left: unset !important;
    top: unset !important;
    width: auto !important;
    max-width: auto !important;
    height: auto !important;
}
 .vc_fixer .vce-single-image--absolute {
	padding: unset !important;
	width: auto !important;
}

.contact_full {
	height: calc(100vh - 100px);
}
.contact-wrapper {
	max-height: calc(100vh - 100px);
}
.contact_wrap {
	margin: 0 10% !important;
	padding: 4vh 2vw 4vh 5vw;
	max-width: 80%;
}
.contact_text a {
	display: inline-block;
}
.privacy_right .vce-text-block {
	padding: 2vw 10vw 2vw 4vw;
}
.privacy_left .vce-text-block {
	padding: 2vw 2vw 2vw 4vw;
}
.privacy_right .vce-text-block p {
	margin-bottom:8px!important;
}
.privacy_left h3 {
	margin-bottom:0!important;
}
/* VISUAL COMPOSER */
.vce {
	margin-bottom: 0px !important;
}
.vce-text-block {
	padding: 4vw 5vw 4vw 4vw;
}
.vce-text-block p {
	font-size: 1em;
	margin: 0 !important;
}
.vce-col-content {
	padding:0 !important;
}
#vce-lightboxOverlay, #vce-lightbox {
    display: none !important;
}
/* UNNEEDED ELEMENTS */
h1.entry-title, .project-carousel .carousel-wrap, .sub-header, .project-meta, .wpcp-error-message {
	display: none !important;
}

#page-container {margin-top: 100px !important;}
.header .nav ul{font-family:lato !important;font-size:1.05em !important;font-weight:300 !important;letter-spacing:0.2em !important}
.menu-fullscreen ul li{font-family:lato !important}
.menu_fullscreen_open .site-title{opacity:1 !important;filter:invert(100%) !important}
body,p,ul,ol,.wp-caption,blockquote,.bean-tab-content,.bean-panel-body,.vce-text-block{font-family:lato !important;font-style:normal !important;font-weight:300 !important;letter-spacing:0!important;line-height:1.7em!important}
.lang-list {display:none; color:#fff;margin-top:8px;font-size:13px;line-height:16px;}
#lang:checked + label .lang-list {display:block;opacity:1}

/* PAGE FADEIN AND FADEOUT */
body.fade {opacity: 0;}

/* GDPR */

.cli-plugin-main-link {color: #fff !important;}
.cli-bar-container, wt-cli-accept-all-btn {font-size: 15px !important; line-height: 1.25 !important; font-weight: 300 !important;}
.wt-cli-accept-all-btn {text-transform: uppercase; letter-spacing:1px; padding: 5px 16px;}
#cookie-law-info-bar {box-shadow: unset !important; background-color: unset !important;}
#cookie-law-info-bar span {display: inline-block; background-color: #000; padding: 20px; width: 80%; border-radius: 8px;}

/* DN - MOBILE CSS */

@media only screen and (max-width : 600px) {
.am01 .vce-asset-background-simple-item{background-position: 38%;}
.am_logo .vce-single-image{padding: 0 10% !important;}
}
@media only screen and (max-width : 767px) {
.hm-logo .vce-single-image{max-width: 80vw; padding: 0 30% 35% 0;right: 0;}
.hm-bg .vce-asset-parallax {right: -50vw;}
.am_img_left .vce-single-image-inner, .am_img_right .vce-single-image-inner {margin: 0 6vw !important;}
.am_img_right.noshadow .vce-single-image {margin-top: 2vh !important;}
.am_img_left .vce-single-image {margin: 2vh 0 0 0 !important;}
.am_img_right .vce-single-image {margin: 0 !important;}
.vce-text-block:not(.contact_text) {padding: 10vw 12vw 10vw 10vw !important;}
.post-3041 .vce-text-block {padding: 8px 10vw 8px 10vw !important;}
.masonry-project .overlay-title h3 {padding: 0 5%;}
.project-taxonomy h5 {font-size: 0.5em !important;}
.text_50 .vce-single-image-inner {min-width: 75% !important;}
.rn_cal-photos .rn_cal-photos-inner .vce-single-image-wrapper {padding-left: 10vw !important;padding-right: 10vw !important;}
.rn_cal_5 .vce-single-image-wrapper {padding-bottom: 0 !important}
.ht_half .vce-col {height: 50vh;}
#page-container {margin-top: 50px !important;}
.header {height: 50px;line-height: 44px; transition: top 0.25s ease-in-out !important;}
.headopac {top:-50px!important; transition: top 0.5s ease-in-out 0.25s !important;}
.hamburger-icon {top: 11px;}
.nav-down {top: 50px!important;}
.project-pagination div {height: 42px !important;}
.rn-link {max-width: 75% !important;}
.rn-logo {max-width: 50% !important;}
.photo_half, .mm-row-full-height {height: 100vh !important;}
.photo_half .vce-single-image, .mm-row-full-height .vce-single-image {max-height: calc(100vh - 4vw);}
.contact-wrapper {max-height: calc(200vh - 50px) !important}
.contactform {height: 100vh;}
.contact_full, .mm-row-full-height-first, .mm_photo {height: calc(100vh - 50px)!important;}
#BeanForm textarea {max-height: 110px;}
#BeanForm textarea:focus ~ label, #BeanForm textarea:valid ~ label {bottom: 102px;}
.page-id-1171 .vce-widgets-container {margin: 2vh 0;}
.mm_gal6 {height: 100vh;}
.footer {padding: 20px 0 !important;}
.footer .copyright {position: relative !important; margin-top: 40px; left: 0 !important;}
.footer-social {text-align: center !important; padding: 0 !important; left: 0; width: 100% !important; position: absolute !important;}
}
@media only screen and (max-width : 319px) {
.am_text .vce-single-image {max-height: 18px !important;}
.contact_button, .contact_text {font-size: 15px;letter-spacing: 1px;}
.contact_text {padding-right:0!important;}
}
@media only screen and (min-width : 320px) and (max-width : 400px) {
.am_text .vce-single-image {max-height: 20px !important;}
}
@media only screen and (min-width : 401px) and (max-width : 600px) {
.am_text .vce-single-image {max-height: 25px !important;}
}
@media only screen and (min-width : 601px) and (max-width : 767px) {
.am_text .vce-single-image {max-height: 35px !important;}
}
@media screen and (orientation:portrait) {
.photo_half, .mm_photo, .mm-row-full-height, .mm-row-full-height-first {height: calc(50vh - 50px) !important;}
/*.photo_half_high {height: 75vh !important;}*/
.photo_half .vce-single-image, .mm-row-full-height .vce-single-image, .mm-row-full-height-first .vce-single-image, .img_padd .vce-single-image {max-height: calc(50vh - 50px - 10vw)!important;}
.am_pattern .vce-row-content--middle > .vce-row-content > .vce-element--has-background > .vce-col-inner > .vce-col-content {padding:4vh 0 !important;}
.ht_half .vce-col {height: 25vh;}
#BeanForm .group {margin-bottom: 15%}
#BeanForm .button {margin-top: 20px;}
.entry-content.percent-50 .center-vertical {position: relative;	top: inherit; left: inherit; right: inherit; bottom: inherit; padding: 0; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}
.percent-50 {display: block !important;}	
.contact-wrapper {max-height: calc(100vh - 100px)}
.page-id-1184 .vce-row--col-gap-0 > .vce-row-content > .vce-col--md-50p {-ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%;}
.page-id-1184 .vce-row-content--top>.vce-row-content>.vce-col>.vce-col-inner {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.mm_gal6 {height: 50vh;}
}
@media only screen and (min-width : 768px) and (max-width : 900px) {
.hm-logo .vce-single-image{max-width: 80vw;padding: 0 45% 35% 0;}
}
@media only screen and (min-width : 1450px) and (max-width : 1599px){
.vce-text-block p {font-size: 1.1em;}
.masonry-project h3 {font-size: 1.4em !important;line-height: 1.6em!important;}
}
@media only screen and (min-width : 1600px) {
.vce-text-block p {font-size: 1.2em;}
.masonry-project h3 {font-size: 1.5em !important;line-height: 1.6em!important;}
.masonry-project h5 {font-size: 0.8em !important;line-height: 1em!important;}
}
@media only screen and (min-width : 768px) {
.mm_about {min-height: calc(100vh - 100px);}
#BeanForm .button {margin-top: 20px;}
.contact_wrap {max-width: 55% !important;}
}
@media only screen and (min-width : 768px) and (orientation:portrait) {
.mm_about {min-height: 50vh;}
.contact_wrap {padding: 3vh 2vw 3vh 5vw;}
#BeanForm .group {margin-bottom: 5%;}
}
@media only screen and (max-width : 767px) and (orientation:portrait) {
.photo_half .vce-single-image, .mm-row-full-height .vce-single-image, .img_padd .vce-single-image {max-height: calc(50vh - 4vw)!important;}
.photo_half, .mm_photo, .mm-row-full-height, .mm-row-full-height-first {height: 50vh !important;}
#BeanForm textarea {max-height: unset}
#BeanForm textarea:focus ~ label, #BeanForm textarea:valid ~ label {bottom: 138px;}
.contact_text span {display: block;}
}
@media only screen and (max-width : 543px) {
.vce-image-masonry-gallery--columns-2 .vce-image-masonry-gallery-item, .vce-image-masonry-gallery--columns-2 .vce-image-masonry-gallery-img {height: 100vh !important;}
}
@media only screen and (max-width : 543px) and (orientation:portrait) {
.vce-image-masonry-gallery--columns-2 .vce-image-masonry-gallery-item, .vce-image-masonry-gallery--columns-2 .vce-image-masonry-gallery-img {height: calc((100vh)/3) !important;}
}
@media only screen and (min-height : 900px) and (orientation:landscape) {
.page-id-1184 .vce-row-content--top>.vce-row-content>.vce-col>.vce-col-inner {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
}