/*

@Author: Themezinho
@URL: http://www.themezinho.net
 
This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.


	// Table of contents //

		01. GOOGLE FONTS
		02. BODY
		03. HTML TAGS
		04. CUSTOM TAGS
		05. SECTIONS
		06. CONTENT
		07. ODOMETER
		08. EQUALIZER
		09. REVEAL EFFECT
		10. PAGE TRANSITION
		11. PRELOADER
		12. PAGE LOADED
		13. TEXT ROTATER
		14. PERSPECTIVE 
		15. SOCIAL BAR
		16. HEADER
		17. DROPDOWN
		18. SLIDER
		19. SLIDER FRACTION
		20. SLIDER BUTTONS
		21. SLIDER CONTENT
		22. SLIDER LINKS
		23. INT HERO
		24. ABOUT STUDIO
		25. WORKS
		26. WORKS FILTER
		27. WORKS FIGURE
		28. ICON FEATURES
		29. TEAM MEMBERS
		30. CLIENTS
		31. SIDE IMAGE CONTENT
		32. AWARDS
		33. JOURNAL
		34. CONTACT
		35. FOOTER
		36. SCROLL DOWN
		37. RESPONSIVE MEDIUM FIXES
		38. RESPONSIVE TABLET FIXES
		39. RESPONSIVE MOBILE FIXES

	

*/

/* BODY */
* {
  outline: none !important;
}

body {
  margin: 0;
  padding: 0;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  color: #131314;
  background: #131314;
}
body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
}
body {
  height: 100%;
}
html {
  height: 100%;
}
/* HTML TAGS */
a {
  color: #131314;
}
a:hover {
  color: #131314;
}
a {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
img {
  max-width: 100%;
  height: auto;
}
strong {
  font-weight: 700;
}
b {
  font-weight: 700;
}
/* CUSTOM TAGS */
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
.overflow-hidden {
  overflow: hidden;
}
.vc_row[data-vc-full-width] {
  width: 100% !important;
}
.wrap-page {
  min-height: 300px;
}
/* SECTIONS */
main {
  width: 100%;
  float: left;
  position: relative;
  z-index: 2;
}
section {
  position: relative;
}
aside {
  position: relative;
}
footer {
  position: relative;
}
/* TABLE */
table {
  width: 100%;
  display: table;
  margin-top: 10px;
  margin-bottom: 30px;
}
table tr {
  display: table-row;
}
table tr td {
  border: 1px solid #eee;
  padding: 10px 20px;
}
table tr th {
  border: 1px solid #eee;
  padding: 10px 20px;
}
table a {
  float: none !important;
  padding: 0 !important;
  border: none !important;
}
/* CODE */
code {
  width: 100%;
  display: block;
  background: #f9f9f9;
  border: 1px solid #ececec;
  padding: 20px;
  color: #555;
  margin-top: 10px;
  margin-bottom: 20px;
}
/* CONTENT */
.content {
  width: calc(100% - 120px);
  float: left;
  background: #fff;
  margin: 0 60px;
}
/* ODOMETER */
.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-car .odometer-digit {
  padding: 0;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-car .odometer-digit .odometer-digit-inner {
  left: 0;
}
/* EQUALIZER */
.equalizer {
  width: 18px;
  height: 20px;
  cursor: pointer;
  position: relative;
}
.equalizer span {
  background: #fff;
  width: 3px;
  height: 0px;
  bottom: 0;
  left: 0%;
  display: block;
  position: absolute;
  transition: height 0.2s linear;
}
.equalizer span:nth-child(1) {
  margin-left: 5px;
}
.equalizer span:nth-child(2) {
  margin-left: 10px;
}
.equalizer span:nth-child(4) {
  margin-left: 15px;
}
.equalizer span:nth-child(5) {
  margin-left: 20px;
}
.equalizer.paused span {
  height: 3px !important;
}
/* REVEAL EFFECT */
.reveal-effect {
  float: left;
  overflow: hidden;
  position: relative;
}
.reveal-effect > img {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  position: relative;
}
.reveal-effect > img {
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.reveal-effect {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.reveal-effect {
  -webkit-transition-duration: 1.2s;
  transition-duration: 1.2s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.reveal-effect.animated {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.reveal-effect.animated img {
  -webkit-animation-name: show-img-1;
  animation-name: show-img-1;
}
.reveal-effect:after {
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.reveal-effect:after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.reveal-effect:after {
  -webkit-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: scale(0.05, 0);
  transform: scale(0.05, 0);
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.reveal-effect.se2-white:after {
  background-color: #f50c1a;
}
.reveal-effect.animated:after {
  -webkit-animation-name: slide-bg-2;
  animation-name: slide-bg-2;
}
/* PAGE TRANSITION */
.transition-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: #f50c19;
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
}
.transition-overlay {
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.transition-overlay.show-me {
  opacity: 1;
  visibility: visible;
}
/* PAGINATION */
.pagination {
  width: 100%;
  float: left;
  padding: 0 15px;
}
.pagination .page-numbers {
  float: left;
  margin: 0;
  padding: 0;
}
.pagination .page-numbers li {
  float: left;
  margin: 0;
  margin-right: 10px;
  padding: 0;
  list-style: none;
  font-size: 13px;
  font-weight: 600;
}
.pagination .page-numbers li a {
  padding: 0 6px;
  border-bottom: 3px solid #000;
  color: #000;
}
.pagination .page-numbers li span {
  padding: 0 6px;
  border-bottom: 3px solid #f50c1a;
  color: #f50c1a;
}
.pagination .page-numbers li a:hover {
  text-decoration: none;
  border-bottom: 3px solid #f50c1a;
}
/* PRELOADER */
.preloader {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
  background: #f50c1a;
}
.preloader {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transform: all 0.4s ease;
  transition: all 0.4s ease;
}
.preloader * {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transform: all 0.4s ease;
  transition: all 0.4s ease;
}
.preloader img {
  width: 80px;
  height: 80px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  z-index: 4;
  border-radius: 50%;
  padding: 10px;
  background: #fff;
}
/* PAGE LOADED */
.page-loaded .preloader {
  top: -100%;
  transition-delay: 0.6s;
}
.page-loaded .preloader img {
  opacity: 0;
  margin-top: -120px;
  transition-delay: 0.3s;
}
.page-loaded .header {
  top: 0;
  opacity: 1;
  transition-delay: 0.6s;
}
.page-loaded .slider {
  transform: translateY(0);
  transition-delay: 0.6s;
  opacity: 1;
}
.page-loaded .int-hero .inner h2 {
  transform: translateY(0);
  transition-delay: 0.6s;
  opacity: 1;
}

/* NO PRELOADER */
.no-preloader .header {
  top: 0;
  opacity: 1;
  transition-delay: 0s !important;
}
.no-preloader .slider {
  transform: translateY(0);
  transition-delay: 0s !important;
  opacity: 1;
}
.no-preloader .int-hero .inner h2 {
  transform: translateY(0);
  transition-delay: 0s !important;
  opacity: 1;
}

/* TEXT ROTATER*/
.text-rotater {
  width: 100%;
  float: left;
  height: 20px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: 60px;
  font-size: 11px;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
}
.text-rotater li {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  opacity: 0;
  animation: play 4.5s infinite;
}
.text-rotater li:nth-child(2) {
  animation-delay: 1.5s;
}
.text-rotater li:nth-child(3) {
  animation-delay: 3s;
}
/* PERSPECTIVE HOVER */
.perspective-box {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 5px;
  cursor: pointer;
  transform: perspective(600px) translate3d(0, 0, 0);
  backface-visiblity: none;
  transform-style: preserve-3d;
}
.perspective-box img {
  width: 100%;
  float: left;
}
.perspective-box:hover {
  box-shadow: 0 66px 75px -10px rgba(0, 0, 0, 0.3);
  transform-style: preserve-3d;
  z-index: 20;
}
/* SOCIAL BAR */
.social-bar {
  width: 400px;
  position: fixed;
  left: 0;
  top: 50%;
  margin-top: 200px;
  z-index: 3;
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  text-align: center;
}
.social-bar li {
  display: inline-block;
  list-style: none;
  padding: 20px 0;
  margin: 0 10px;
  font-weight: 600;
}
.social-bar li a {
  float: left;
  color: #fff;
  font-size: 11px;
}
.social-bar li a:hover {
  text-decoration: none;
  color: #f50c1a;
}
/* HEADER */
.header {
  width: 100%;
  position: absolute;
  left: 0;
  top: -100%;
  z-index: 5;
  padding: 30px 100px;
  opacity: 0;
}
.header {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transform: all 1s ease;
  transition: all 1s ease;
}
.header .logo {
  float: left;
  margin-right: 20px;
}
.header .logo img {
  height: 29px;
}
.header .phone {
  float: left;
  color: #fff !important;
  line-height: 32px;
  font-family: "Fjalla One";
}
.header .phone a {
  color: #fff;
}
.header .phone a:hover {
  text-decoration: none;
}
.header .language {
  float: right;
  margin-right: 30px;
  margin-bottom: 0;
}
.header .language li {
  float: left;
  list-style: none;
  margin: 0;
  margin-left: 20px;
  font-family: "Fjalla One";
}
.header .language li a {
  float: left;
  color: #fff;
  line-height: 35px;
}
.header .language li a:hover {
  text-decoration: none;
  opacity: 0.8;
}
.header .hamburger {
  float: right;
  margin-top: -5px;
}
.header .hamburger-mobile-only {
  display: none;
}
.header .equalizer {
  float: right;
  margin-top: 5px;
  margin-right: 20px;
}
.overflow-hidden .header .logo img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
/* HORIZONTAL NAV */
.anchord-horizontal-nav {
  float: right;
  margin-top: 4px;
  margin-left: 30px;
}
.anchord-horizontal-nav .menu-main-menu-container {
  float: left;
}
.anchord-horizontal-nav .menu {
  float: left;
  margin: 0;
  padding: 0;
}
.anchord-horizontal-nav .menu ul {
  float: left;
  margin: 0;
  padding: 0;
}
.anchord-horizontal-nav .menu li {
  float: left;
  height: 29px;
  line-height: 29px;
  margin-left: 30px;
  position: relative;
  list-style: none;
}
.anchord-horizontal-nav .menu li:first-child {
  margin-left: 0;
}
.anchord-horizontal-nav .menu li a {
  float: left;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
}
.anchord-horizontal-nav .menu li a:hover {
  text-decoration: none;
  opacity: 0.8;
}
.anchord-horizontal-nav .menu li .sub-menu {
  display: none;
  position: absolute;
  left: -15px;
  top: 100%;
  background: #f50c1a;
  white-space: nowrap;
  margin: 0;
  margin-top: 15px;
  padding: 10px 0;
}
.anchord-horizontal-nav .menu li .sub-menu:before {
  content: "";
  width: 100%;
  height: 15px;
  position: absolute;
  left: 0;
  top: -15px;
}
.anchord-horizontal-nav .menu li .sub-menu:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 0 10px;
  border-color: transparent transparent transparent #f50c1a;
  position: absolute;
  left: 0;
  top: -10px;
}
.anchord-horizontal-nav .menu li .sub-menu li {
  width: 100%;
  margin: 0;
  padding: 0 15px;
  list-style: none;
}
.anchord-horizontal-nav .menu li:hover .sub-menu {
  display: block;
}
.anchord-horizontal-nav .menu li .sub-menu li .sub-menu {
  display: none;
  top: 0;
  left: 100%;
  background: #000;
  margin-top: -10px;
  z-index: 2;
}
.anchord-horizontal-nav .menu li .sub-menu li .sub-menu li .sub-menu {
  background: #555;
  display: none;
}
.anchord-horizontal-nav .menu li .sub-menu li .sub-menu:after {
  display: none;
}
.anchord-horizontal-nav .menu li .sub-menu li:hover .sub-menu {
  display: block;
}
.anchord-horizontal-nav .menu li .sub-menu li .sub-menu li:hover .sub-menu {
  display: block;
}
.anchord-horizontal-nav .menu li .children {
  display: none;
  position: absolute;
  left: -15px;
  top: 100%;
  background: #f50c1a;
  white-space: nowrap;
  margin: 0;
  margin-top: 15px;
  padding: 10px 0;
}
.anchord-horizontal-nav .menu li .children:before {
  content: "";
  width: 100%;
  height: 15px;
  position: absolute;
  left: 0;
  top: -15px;
}
.anchord-horizontal-nav .menu li .children:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 0 10px;
  border-color: transparent transparent transparent #f50c1a;
  position: absolute;
  left: 0;
  top: -10px;
}
.anchord-horizontal-nav .menu li .children li {
  width: 100%;
  margin: 0;
  padding: 0 15px;
  list-style: none;
}
.anchord-horizontal-nav .menu li:hover .children {
  display: block;
}
.anchord-horizontal-nav .menu li .children li .children {
  display: none;
  top: 0;
  left: 100%;
  background: #000;
  margin-top: -10px;
  z-index: 2;
}
.anchord-horizontal-nav .menu li .children li .children li .children {
  background: #555;
  display: none;
}
.anchord-horizontal-nav .menu li .children li .children:after {
  display: none;
}
.anchord-horizontal-nav .menu li .children li:hover .children {
  display: block;
}
.anchord-horizontal-nav .menu li .children li .children li:hover .children {
  display: block;
}
/* DROPDOWN */
.hamburger-navigation li:hover ul {
  opacity: 1;
  margin-top: 0;
}
.hamburger-navigation li ul {
  width: 100%;
  height: 22px;
  float: left;
  margin: 0;
  padding: 0;
  padding-top: 0;
  text-align: center;
  margin-top: -22px;
  opacity: 0;
}
.hamburger-navigation li * {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.hamburger-navigation li ul li {
  width: auto;
  float: none;
  display: inline-block;
  padding: 2px 0;
  margin: 0;
  position: relative;
}
.hamburger-navigation li ul li:last-child:after {
  display: none;
}
.hamburger-navigation li ul li a {
  font-size: 15px;
  padding: 0 10px;
  opacity: 0.8;
}
.hamburger-navigation li ul li a:hover {
  opacity: 1;
}
/* SLIDER */
.slider {
  width: 100%;
  height: 100vh;
  float: left;
  position: relative;
  background: #131314;
  z-index: 1;
}
.slider {
  transform: translateY(250px);
  opacity: 0;
}
.slider {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.slider .video-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  background: #e41c2d;
}
.slider .video-bg video {
  min-height: 100%;
  min-width: 100%;
  float: left;
}
.slider .video-bg.filtered video {
  min-height: 100%;
  min-width: 100%;
  float: left;
  mix-blend-mode: hard-light;
  -webkit-filter: grayscale(100%) contrast(1);
  filter: grayscale(100%) contrast(0.8);
}
.slider .video-bg:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #1d3162;
  mix-blend-mode: lighten;
}
.slider .animation-hero {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/hero1.gif) center no-repeat #131314;
  background-size: 600px 450px;
}
.slider .swiper-container {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}
.slider .swiper-container {
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -ms-transform: all 0.8s ease;
  transition: all 0.8s ease;
}
.slider .swiper-container .swiper-wrapper {
  width: 100%;
  float: left;
  display: flex;
  flex-direction: row;
}
/* SPLIT */
.split {
  width: 100%;
  height: 100vh;
  float: left;
  position: relative;
  background: #131314;
  z-index: 1;
}
.split .inner {
  width: 100%;
  float: left;
  padding: 0 100px;
  color: #fff;
}
.split .inner p {
  display: inline-block;
  width: 50%;
  font-size: 17px;
  font-weight: 300;
}
.split .inner a {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  position: relative;
}
.split .inner a:hover {
  text-decoration: none;
}
.split .inner a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 2px;
  height: 7px;
  width: 0;
  transition: width 0s ease, background 0.25s ease;
  mix-blend-mode: color;
}
.split .inner a:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 2px;
  height: 7px;
  width: 0;
  background: #56e9b1;
  transition: width 0.25s ease;
  mix-blend-mode: color;
}
.split .inner a:hover:before {
  width: 100%;
  background: #56e9b1;
  transition: width 0.25s ease;
}
.split .inner a:hover:after {
  width: 100%;
  background: transparent;
  transition: all 0s ease;
}
.split .split-back {
  position: relative;
  background: #ebca1c;
  color: #fff;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.split .split-front {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  justify-content: flex-end;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.split .split-front .front-bg {
  width: 100%;
  height: 100%;
  float: left;
  background: #8e8973;
  position: absolute;
  left: 0;
  top: 0;
}
.split .split-front .text-holder {
  position: relative;
  z-index: 2;
}
.split .inner h1 {
  width: 100%;
  float: left;
  font-size: 15vw;
  font-weight: 700;
  padding-bottom: 15px;
  overflow: hidden;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: url(../images/hero1.jpg);
  background-size: cover;
  background-position: center;
}
/* SLIDER FRACTION */
.slider .swiper-container .swiper-pagination-fraction {
  width: 100px;
  height: 50px;
  position: absolute;
  left: 100px;
  right: auto;
  top: auto;
  bottom: 30px;
  color: #fff;
  font-size: 11px;
}
.slider .swiper-container .swiper-pagination-fraction span:first-child {
  font-size: 56px;
  height: 50px;
  line-height: 50px;
  float: left;
  overflow: hidden;
  text-indent: -17px;
  margin-right: -25px;
  padding-top: 3px;
  font-weight: 500;
}
.slider .swiper-container .swiper-pagination-fraction span:last-child {
  font-size: 14px;
}
.slider .swiper-container .swiper-pagination-fraction span:before {
  content: "0";
}
/* SLIDER BUTTONS */
.slider .swiper-container .swiper-button-prev {
  width: 40px;
  height: 26px;
  float: left;
  right: 200px;
  left: auto;
  top: 50%;
  z-index: 6;
  background: none;
  overflow: hidden;
  text-align: right;
}
.slider .swiper-container .swiper-button-prev img {
  height: 26px;
}
.slider .swiper-container .swiper-button-prev span {
  width: 100%;
  float: left;
  line-height: 26px;
  font-weight: 500;
  color: #fff;
}
.slider .swiper-container .swiper-button-prev:hover img {
  transform: translateY(-100%);
}
.slider .swiper-container .swiper-button-prev:hover span {
  transform: translateY(-100%);
}
.slider .swiper-container .swiper-button-prev * {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transform: all 0.4s ease;
  transition: all 0.4s ease;
}
.slider .swiper-container .swiper-button-next {
  width: 40px;
  height: 26px;
  float: left;
  right: 100px;
  left: auto;
  top: 50%;
  z-index: 6;
  background: none;
  overflow: hidden;
}
.slider .swiper-container .swiper-button-line {
  width: 40px;
  height: 2px;
  background: #fff;
  position: absolute;
  right: 150px;
  top: 50%;
  z-index: 2;
  margin-top: -10px;
}
.slider .swiper-container .swiper-button-next img {
  height: 26px;
}
.slider .swiper-container .swiper-button-next span {
  width: 100%;
  float: left;
  line-height: 26px;
  font-weight: 500;
  color: #fff;
}
.slider .swiper-container .swiper-button-next:hover img {
  transform: translateY(-100%);
}
.slider .swiper-container .swiper-button-next:hover span {
  transform: translateY(-100%);
}
.slider .swiper-container .swiper-button-next * {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transform: all 0.4s ease;
  transition: all 0.4s ease;
}
/* SLIDER CONTENT */
.slider .swiper-container .swiper-slide {
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-size: cover;
}
.slider .swiper-container .swiper-slide:after {
  content: "";
  width: 100%;
  height: 300px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(19, 19, 20, 1) 100%
  );
  background-image: -o-linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(19, 19, 20, 1) 100%
  );
  background-image: -moz-linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(19, 19, 20, 1) 100%
  );
  background-image: -webkit-linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(19, 19, 20, 1) 100%
  );
  background-image: -ms-linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(19, 19, 20, 1) 100%
  );
}
.slider .swiper-container .swiper-slide .inner {
  width: 100%;
  display: inline-block;
  padding: 0 100px;
  position: relative;
  z-index: 4;
}
.slider .swiper-container .swiper-slide .inner h5 {
  font-size: 12px;
  font-weight: 700;
}
.slider .swiper-container .swiper-slide .inner h5:before {
  content: "";
  width: 4px;
  height: 10px;
  float: left;
  background: #f50c1a;
  margin-left: -10px;
  margin-top: 2px;
}
.slider .swiper-container .swiper-slide .inner h2 {
  max-width: 50%;
  font-family: "Playfair Display";
  font-size: 6em;
  margin-bottom: 30px;
}
.slider .swiper-container .swiper-slide .inner p {
  max-width: 40%;
  line-height: 25px;
  margin-bottom: 30px;
}
/* SLIDER LINKS */
.slider .swiper-container .swiper-slide .inner .link {
  float: left;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  position: relative;
}
.slider .swiper-container .swiper-slide .inner .link:hover {
  text-decoration: none;
}
.slider .swiper-container .swiper-slide .inner .link:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 2px;
  height: 7px;
  width: 0;
  transition: width 0s ease, background 0.25s ease;
  mix-blend-mode: color;
}
.slider .swiper-container .swiper-slide .inner .link:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 2px;
  height: 7px;
  width: 0;
  background: #56e9b1;
  transition: width 0.25s ease;
  mix-blend-mode: color;
}
.slider .swiper-container .swiper-slide .inner .link:hover:before {
  width: 100%;
  background: #56e9b1;
  transition: width 0.25s ease;
}
.slider .swiper-container .swiper-slide .inner .link:hover:after {
  width: 100%;
  background: transparent;
  transition: all 0s ease;
}
.slider .swiper-container .swiper-slide .inner .video-link {
  width: 40px;
  height: 40px;
  float: left;
  border-radius: 50%;
  position: relative;
  transition: all 0.5s;
  margin-left: 30px;
  margin-top: -13px;
}
.slider .swiper-container .swiper-slide .inner .video-link:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -3px;
  margin-top: -7px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 10px;
  border-color: transparent transparent transparent #fff;
}
.slider .swiper-container .swiper-slide .inner .video-link .video-play-circle {
  stroke-dasharray: 315;
  stroke-dashoffset: 315;
  transition: stroke-dashoffset 0.5s;
}
.slider .swiper-container .swiper-slide .inner .video-link svg {
  transform: rotate(-90deg);
  transition: transform 0.3s;
}
.slider
  .swiper-container
  .swiper-slide
  .inner
  .video-link:hover
  .video-play-circle {
  stroke-dashoffset: 0;
}
.slider .swiper-container .swiper-slide .inner .video-link .video-play-outline {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  border: 3px solid rgba(255, 255, 255, 0.05);
}
/* INT HERO */
.int-hero {
  width: 100%;
  float: left;
  padding: 0 100px;
  padding-top: 170px;
  padding-bottom: 120px;
  background: #131314;
  color: #fff;
  position: relative;
}
.int-hero .video-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}
.int-hero .video-bg video {
  min-width: 100%;
  min-height: 100%;
  float: left;
  opacity: 0.1;
}
.int-hero .video-bg:after {
  content: "";
  width: 100%;
  height: 300px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  background: -moz-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0%,
    rgba(19, 19, 20, 1) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0%,
    rgba(19, 19, 20, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(19, 19, 20, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#131314',GradientType=0 );
}
.int-hero .inner {
  width: 100%;
  float: left;
  position: relative;
  z-index: 3;
}
.int-hero .inner {
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -ms-transform: all 0.7s ease;
  transition: all 0.7s ease;
}
.int-hero .inner h2 {
  max-width: 60%;
  font-size: 5em;
  float: left;
}
.int-hero .inner h2 {
  transform: translateY(250px);
  opacity: 0;
}
.int-hero .inner h2 {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
/* ABOUT STUDIO */
.about-studio {
  background: #fff;
  margin: 0 !important;
}
.about-studio .hero-image {
  margin-bottom: 120px;
  margin-left: -15px;
  margin-right: -15px;
  position: relative;
  z-index: 2;
}
.about-studio .hero-image img {
  width: 100%;
}
.about-studio h5 {
  font-size: 3em;
  font-family: "Playfair Display";
  line-height: 1;
  margin-top: -5px;
  margin-bottom: 30px;
}
.about-studio .lead,
.about-studio h6 {
  margin-bottom: 40px;
  opacity: 1;
  line-height: 32px;
}
.about-studio .lead u,
.about-studio h6 u {
  position: relative;
  text-decoration: none;
}
.about-studio .lead u:after,
.about-studio h6 u:after {
  content: "";
  width: 100%;
  height: 7px;
  background: #56e9b1;
  position: absolute;
  left: 0;
  bottom: 6px;
  mix-blend-mode: darken;
}
.about-studio h6 {
  font-size: 20px;
  font-weight: 300;
}
.about-studio p {
  line-height: 24px;
  opacity: 0.8;
}
.about-studio p:last-child {
  max-width: 50%;
  margin-bottom: 0;
}
.about-studio .link,
.about-studio a {
  display: inline-block;
  color: #000;
  font-weight: 500;
  font-size: 12px;
  position: relative;
  z-index: 2;
  margin-bottom: 60px;
}
.about-studio .link:hover,
.about-studio a:hover {
  text-decoration: none;
}
.about-studio .link:before,
.about-studio a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 2px;
  height: 7px;
  width: 0;
  transition: width 0s ease, background 0.25s ease;
  mix-blend-mode: color;
}
.about-studio .link:after,
.about-studio a:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 2px;
  height: 7px;
  width: 0;
  background: #56e9b1;
  transition: width 0.25s ease;
  mix-blend-mode: color;
}
.about-studio .link:hover:before,
.about-studio a:hover:before {
  width: 100%;
  background: #56e9b1;
  transition: width 0.25s ease;
}
.about-studio .link:hover:after,
.about-studio a:hover:after {
  width: 100%;
  background: transparent;
  transition: all 0s ease;
}
/* WORKS */
.works {
  width: 100%;
  float: left;
  background: #131314;
}
.works.five-cols {
  width: 100%;
}
.works.five-cols .grid-sizer {
  width: 20%;
}
.works.five-cols .grid-item {
  width: 20%;
}
.works.five-cols .grid-item-double {
  width: 40%;
}
.works.four-cols .grid-sizer {
  width: 25%;
  float: left;
}
.works.four-cols .grid-item {
  width: 25%;
  float: left;
}
.works.four-cols .grid-item-double {
  width: 50%;
  float: left;
}
.works.three-cols {
  width: 100%;
}
.works.three-cols .grid-sizer {
  width: 33.33333%;
}
.works.three-cols .grid-item {
  width: 33.33333%;
}
.works.three-cols .grid-item-double {
  width: 66.66666%;
}
.works.two-cols {
  width: 100%;
}
.works.two-cols .grid-sizer {
  width: 50%;
}
.works.two-cols .grid-item {
  width: 50%;
}
.works.two-cols .grid-item-double {
  width: 100%;
}
/* WORKS FILTER */
.isotope-filter {
  width: 100%;
  float: left;
  margin: 0;
  padding-bottom: 30px;
  padding-top: 15px;
  text-align: center;
  background: #131314;
}
.isotope-filter li {
  display: inline-block;
  margin: 0 15px;
  padding: 0;
  list-style: none;
}
.isotope-filter li a {
  float: left;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  opacity: 0.99;
  font-weight: 600;
  position: relative;
}
.isotope-filter li a:hover {
  text-decoration: none;
}
.isotope-filter li a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 2px;
  height: 7px;
  width: 0;
  transition: width 0s ease, background 0.25s ease;
  mix-blend-mode: color;
}
.isotope-filter li a:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 2px;
  height: 7px;
  width: 0;
  background: #56e9b1;
  transition: width 0.25s ease;
  mix-blend-mode: color;
}
.isotope-filter li a:hover:before {
  width: 100%;
  background: #56e9b1;
  transition: width 0.25s ease;
}
.isotope-filter li a:hover:after {
  width: 100%;
  background: transparent;
  transition: all 0s ease;
}
.isotope-filter li a.current {
  color: #56e9b1;
}
.isotope-filter li a.current:before {
  display: none;
}
.isotope-filter li a.current:after {
  display: none;
}
/* WORKS FIGURE */
.works figure {
  width: 100%;
  float: left;
  position: relative;
  margin: 0;
  overflow: hidden;
}
.works figure * {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.works figure a {
  width: 100%;
  float: left;
  text-align: center;
}
.works figure img {
  width: 100%;
  float: left;
  opacity: 1;
}
.works figure figcaption {
  width: 100%;
  height: 100%;
  float: left;
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  opacity: 0;
  padding: 0;
}
.works figure figcaption .bg-color {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.9;
}
.works figure figcaption .brand {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
.works figure figcaption .brand img {
  width: auto !important;
  height: 50px;
  float: none;
}
.works figure figcaption a {
  width: 100%;
  height: 100%;
  float: left;
  color: #fff;
  padding: 30px;
  justify-content: center;
  display: flex;
  flex-direction: column;
}
.works figure figcaption a:hover {
  color: #fff;
  text-decoration: none;
}
.works figure figcaption h5 {
  width: 100%;
  float: left;
  transform: translateY(-10px);
  opacity: 0;
  font-family: "Playfair Display", serif;
  font-size: 20px;
}
.works figure figcaption small {
  width: 100%;
  float: left;
  transform: translateY(10px);
  opacity: 0;
  font-weight: 700;
}
.works figure:hover figcaption {
  opacity: 1;
}
.works figure:hover img {
  transform: scale(1.05);
}
.works figure:hover figcaption h5 {
  transform: translateY(0);
  opacity: 1;
}
.works figure:hover figcaption small {
  transform: translateY(0);
  opacity: 1;
}
/* PROJECT HERO */
.project-hero {
  width: calc(100% - 120px);
  float: left;
  background: #131314;
  color: #000;
  position: relative;
  margin: 0 60px;
}
.project-hero figure {
  width: 100%;
  height: 600px;
  max-height: 600px;
  float: left;
  margin: 0;
  position: relative;
  overflow: hidden;
  background-size: cover !important;
}
.project-hero figure img {
  width: 100%;
  float: left;
}
.project-hero figure figcaption {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 100px;
  padding-top: 170px;
  padding-bottom: 120px;
}
.project-hero figure figcaption h2 {
  max-width: 60%;
  font-size: 5em;
  float: left;
}
/* PROJECT DETAIL */
.project-detail {
  width: 100%;
  display: flex;
  background: #fff;
  padding: 120px 0;
}
.project-detail .project-navbar {
  width: 100%;
  float: left;
  margin-bottom: 50px;
  padding: 0;
  background: #fff;
  text-align: center;
  z-index: 2;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 0;
}
.project-detail .project-navbar .navbar {
  padding: 20px 0;
  background: #fff;
}
.project-detail .project-navbar .navbar li {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.project-detail .project-navbar .navbar li a {
  color: #131314;
  font-weight: 600;
}
.project-detail .project {
  width: 100%;
  float: left;
  margin-bottom: 100px;
}
.project-detail .project h2 {
  font-size: 70px;
  font-weight: 700;
}
.project-detail .project .lead {
  margin-bottom: 30px;
  padding-right: 30%;
  opacity: 1;
  line-height: 32px;
}
.project-detail .project p {
  line-height: 26px;
  color: #555;
}
.project-detail .project p img {
  margin: 15px 0;
}
.project-detail .project figure {
  display: block;
  margin: 100px 0;
}
.project-detail .project .client-logo {
  width: 140px;
  margin-top: 50px;
  -webkit-filter: brightness(1) invert(1);
  filter: brightness(1) invert(1);
}
/* ICON FEATURES */
.icon-features {
  width: 100%;
  float: left;
  /*padding-top: 120px;
     padding-bottom: 60px;
    */
  text-align: center;
}
.icon-features img {
  width: 60px;
  display: inline-block;
  margin-bottom: 20px;
}
.icon-features small {
  display: block;
  font-weight: 600;
  margin-bottom: 10px;
}
.icon-features h3 {
  display: block;
  font-family: "Playfair Display";
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 20px;
}
.icon-features p {
  display: block;
  padding: 0 10%;
  margin-bottom: 20px;
  opacity: 0.8;
}
.icon-features a {
  display: inline-block;
  color: #000;
  font-weight: 500;
  font-size: 12px;
  position: relative;
  z-index: 2;
  margin-bottom: 60px;
}
.icon-features a:hover {
  text-decoration: none;
}
.icon-features a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 2px;
  height: 7px;
  width: 0;
  transition: width 0s ease, background 0.25s ease;
  mix-blend-mode: color;
}
.icon-features a:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 2px;
  height: 7px;
  width: 0;
  background: #56e9b1;
  transition: width 0.25s ease;
  mix-blend-mode: color;
}
.icon-features a:hover:before {
  width: 100%;
  background: #56e9b1;
  transition: width 0.25s ease;
}
.icon-features a:hover:after {
  width: 100%;
  background: transparent;
  transition: all 0s ease;
}
/* TEAM MEMBERS */
.team-members {
  width: 100%;
  float: left;
}
.team-members * {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.team-members .member {
  width: 20%;
  float: left;
  position: relative;
  z-index: 2;
  margin: 0;
  background: #f50c1a;
  overflow: hidden;
}
.team-members .member:nth-child(2) {
  margin-top: 100px;
}
.team-members .member:nth-child(4) {
  margin-top: 100px;
}
.team-members .member figcaption {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.team-members .member figcaption div {
  width: 100%;
  height: 30px;
  float: left;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
  text-align: center;
}
.team-members .member figcaption div h3 {
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  margin: 0;
}
.team-members .member figcaption div small {
  display: block;
  color: #fff;
}
.team-members .member:hover {
  box-shadow: 0 66px 75px -10px rgba(0, 0, 0, 0.3);
}
.team-members .member:hover img {
  opacity: 0.2;
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.team-members .member:hover figcaption {
  opacity: 1;
}
/* CLIENTS */
.clients {
  width: 100%;
  float: left;
}
.clients * {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.clients ul {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
}
.clients ul li {
  width: 20%;
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}
.clients ul li figure {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0 10%;
}
.clients ul li figure img {
  width: 100%;
  float: left;
}
.clients ul li:after {
  content: "";
  width: 1px;
  height: 30px;
  background: #eee;
  position: absolute;
  right: 0;
  top: 30px;
}
.clients ul li:last-child:after {
  display: none;
}
.clients ul li:hover figure {
  opacity: 0.4;
}
/* SIDE IMAGE CONTENT */
.side-image-content {
  width: 100%;
  float: left;
  display: flex;
  flex-direction: row;
}
.side-image-content .inner {
  width: 50%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  position: relative;
}
.side-image-content .inner.bg1 {
  background: #f50c1a;
}
.side-image-content .inner .main-image {
  width: 100%;
  float: left;
  margin: 0;
  margin-top: -100px;
  margin-bottom: 100px;
}
.side-image-content .inner .sub-image {
  width: 250px;
  position: absolute;
  right: -50px;
  bottom: -100px;
  z-index: 2;
  margin: 0;
}
.side-image-content .inner img {
  width: 100%;
}
.side-image-content .inner .contenty {
  width: 100%;
  float: left;
  padding: 0 15%;
  color: #fff;
}
.side-image-content .inner .contenty h5 {
  font-size: 12px;
  font-weight: 700;
}
.side-image-content .inner .contenty h5:before {
  content: "";
  width: 4px;
  height: 10px;
  float: left;
  background: #fff;
  margin-left: -10px;
  margin-top: 2px;
}
.side-image-content .inner .contenty h2 {
  font-family: "Playfair Display";
  font-size: 4em;
  margin-bottom: 30px;
  text-indent: -5px;
}
.side-image-content .inner .contenty p {
  line-height: 25px;
}
.side-image-content .inner .contenty a {
  height: 60px;
  line-height: 58px;
  display: inline-block;
  border: 1px solid #fff;
  padding: 0 40px;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  margin-top: 30px;
  overflow: hidden;
}
.side-image-content .inner .contenty .award-list {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}
.side-image-content .inner .contenty .award-list li {
  width: 100%;
  float: left;
  padding: 5px 0;
}
.side-image-content .inner .contenty .award-list li span {
  float: left;
  margin-right: 6px;
  line-height: 23px;
}
.side-image-content .inner .contenty .award-list li small {
  width: 18px;
  height: 18px;
  line-height: 20px;
  display: inline-block;
  border-radius: 50%;
  background: #fff;
  color: #f50c1a;
  text-align: center;
  font-weight: 600;
  font-size: 9px;
  margin-left: 7px;
  transform: translateY(-2px);
}
.side-image-content .inner .contenty a * {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.side-image-content .inner .contenty a span {
  position: relative;
  display: inline-block;
}
.side-image-content .inner .contenty a span:before {
  position: absolute;
  top: 100%;
  content: attr(data-hover);
}
.side-image-content .inner .contenty a span:before {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.side-image-content .inner .contenty a:hover span {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  transform: translateY(-100%);
}
/* AWARDS */
.awards {
  float: left;
  margin-top: 100px;
}
.awards h5 {
  font-size: 12px;
  font-weight: 700;
  margin-top: 20px;
}
.awards h5:before {
  content: "";
  width: 4px;
  height: 10px;
  float: left;
  background: #f50c1a;
  margin-left: -10px;
  margin-top: 2px;
}
.awards h2 {
  font-family: "Playfair Display";
  font-size: 4em;
  margin-bottom: 30px;
  text-indent: -5px;
}
.awards figure {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  padding: 20px 30px;
  position: relative;
}
.awards figure:after {
  content: "";
  width: 40px;
  height: 3px;
  background: #f50c1a;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -20px;
}
.awards figure img {
  width: 100%;
  float: left;
  opacity: 0.5;
}
.awards .award {
  width: 100%;
  float: left;
  border: 1px solid #eee;
  padding-bottom: 20px;
}
.awards .odometer {
  display: block;
  text-align: center;
  font-family: "Fjalla One";
  font-size: 30px;
}
/* JOURNAL */
.journal {
  width: 100%;
  float: left;
  padding: 120px 0;
}
.journal * {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.journal .post {
  width: 100%;
  display: inline-block;
  position: relative;
  margin-bottom: 80px;
}
.journal .post.detail {
  width: 100%;
}
.journal .post.detail figure {
  margin-bottom: 50px;
}
.journal .post.detail .post-content {
  padding: 0;
}
.journal .post.detail .post-content.left {
  width: calc(100% - 342px);
  padding: 0;
  padding-right: 40px;
}
.journal .post.detail .post-content .author {
  width: 100%;
  float: left;
  position: static;
  margin-bottom: 20px;
  margin-top: 30px;
}
.journal .post.detail .post-content .author img {
  width: 60px;
  border-radius: 50%;
  float: left;
  margin-right: 10px;
  opacity: 1;
}
.journal .post.detail .post-content .author small {
  line-height: 60px;
  opacity: 1;
}
.journal .post.detail .post-content .lead {
  line-height: 30px;
}
.journal .post.detail .post-content h3 {
  width: 100%;
  float: left;
  padding-right: 0;
  font-size: 3em;
}
.journal .post.detail .post-content blockquote {
  width: 100%;
  float: left;
}
.journal .post.detail .post-content blockquote p {
  margin-bottom: 10px;
}
.journal .post.detail .post-content blockquote h5 {
  margin-bottom: 0;
  font-family: "Playfair Display";
}
.journal .post.detail .post-content p {
  width: 100%;
  padding-right: 0;
}
.journal .post.detail .post-header {
  margin-bottom: 40px;
}
.journal .post.highlight {
  width: 100%;
  float: left;
  position: relative;
  margin-top: -120px;
  margin-bottom: 120px;
}
.journal .post.highlight figure {
  width: 100%;
  float: left;
  background: #555;
  margin: 0;
  overflow: hidden;
}
.journal .post.highlight figure img {
  opacity: 0.4;
}
.journal .post.highlight .post-content {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 50px;
  color: #fff;
}
.journal .post.highlight .post-content h3 {
  font-size: 60px;
  padding-right: 0;
}
.journal .post.highlight .post-content .author {
  position: static;
}
.journal .post.highlight .post-content .author img {
  opacity: 1;
}
.journal .post.highlight .post-content .link {
  font-weight: 700;
}
.journal .post.highlight .post-content small {
  color: #fff;
}
.journal .post.highlight .post-content p {
  opacity: 1;
  font-size: 20px;
  line-height: 34px;
}
.journal .post.highlight .post-content a {
  color: #fff;
}
.journal .post.highlight .post-content a:hover {
  color: #fff;
}
.journal .post.highlight .post-content .link:before {
  background: #666f6c;
}
.journal .post.highlight:hover figure img {
  opacity: 0.6;
}
.journal .post-thumb {
  width: 100%;
  float: left;
  margin-top: -120px;
}
.journal .post-thumb figure {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}
.journal .post figure {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  position: relative;
  background: #131314;
  overflow: hidden;
}
.journal .post figure img {
  width: 100%;
  float: left;
  opacity: 0.6;
}
.journal .post figure.wp-caption {
  float: none;
  margin-bottom: 20px;
}
.journal .post figure.wp-caption img {
  width: auto;
}
.journal .post figure.wp-caption.alignleft {
  float: left;
}
.journal .post figure.wp-caption.alignright {
  float: right;
}
.journal .post figure.wp-caption figcaption {
  width: 100%;
  float: left;
  background: #eee;
  margin: 0;
  padding: 5px 0;
  position: relative;
  z-index: 2;
}
.journal .post .post-content {
  width: 100%;
  float: left;
}
.journal .post .post-content .author {
  width: 100%;
  line-height: 50px;
  float: left;
}
.journal .post .post-content .author img {
  width: 50px;
  border-radius: 50%;
  float: left;
  margin-right: 10px;
  border: 3px solid rgba(255, 255, 255, 0.2);
  opacity: 1;
}
.journal .post .post-content small {
  display: block;
  margin-bottom: 10px;
  color: #8c919b;
}
.journal .post .post-content small a {
  color: #8c919b;
  text-decoration: underline;
}
.journal .post .post-content h3 {
  display: block;
  font-family: "Playfair Display";
  font-weight: 700;
  margin-bottom: 20px;
  padding-right: 15%;
}
.journal .post .post-content h3 a {
  color: #131314;
}
.journal .post .post-content h3 a:hover {
  text-decoration: none;
  color: #f50c1a;
}
.journal .post .post-content .link {
  display: inline-block;
  color: #000;
  font-weight: 500;
  font-size: 12px;
  position: relative;
  z-index: 2;
  margin-top: 30px;
}
.journal .post .post-content .link:hover {
  text-decoration: none;
}
.journal .post .post-content .link:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 2px;
  height: 7px;
  width: 100%;
  transition: width 0.25s ease;
  mix-blend-mode: color;
  background: #56e9b1;
}
.journal .post .post-content .link:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 2px;
  height: 7px;
  width: 0;
  background: transparent;
  transition: width 0s ease, background 0.25s ease;
  mix-blend-mode: color;
}
.journal .post .post-content .link:hover:before {
  width: 0;
  transition: width 0.25s ease;
}
.journal .post .post-content .link:hover:after {
  width: 0;
  background: #56e9b1;
  transition: all 0s ease;
}
.journal .post figure:hover img {
  opacity: 0.8;
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.journal .post-password-form {
  width: 100%;
  float: left;
}
.journal .post-password-form p {
  font-size: 18px;
  font-weight: 700;
}
.journal .post-password-form label {
  display: block;
  font-size: 14px;
  font-weight: 400;
}
.journal .post-password-form input[type="password"] {
  display: block;
  width: 300px;
  max-width: 100%;
  height: 60px;
  border: 1px solid #eee;
  padding: 0 15px;
  margin-bottom: 30px;
  margin-top: 10px;
}
.journal .post-password-form input[type="submit"] {
  height: 60px;
  float: left;
  clear: both;
  border: none;
  font-size: 11px;
  border: none;
  font-weight: 700;
  color: #fff;
  background: #131314;
  padding: 0 40px;
  text-transform: uppercase;
}
.post-navigation {
  width: 100%;
  float: left;
}
.post-navigation h2 {
  font-size: 18px;
  display: none;
}
.post-navigation .nav-links {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #eee;
  padding: 20px 0;
  font-weight: 700;
}
.post-navigation .nav-links .nav-previous {
  flex: 1;
}
.post-navigation .nav-links .nav-previous:before {
  content: "«";
  padding-right: 6px;
}
.post-navigation .nav-links .nav-next {
  flex: 1;
  text-align: right;
}
.post-navigation .nav-links .nav-next:before {
  content: "»";
  padding-left: 6px;
  float: right;
}
.post-navigation .nav-links a {
  color: #131318;
}
.comment-navigation {
  width: 100%;
  float: left;
}
.comment-navigation h2 {
  font-size: 18px;
  display: none;
}
.comment-navigation .nav-links {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0;
  font-weight: 700;
}
.comment-navigation .nav-links .nav-previous {
  flex: 1;
}
.comment-navigation .nav-links .nav-previous:before {
  content: "«";
  padding-right: 6px;
}
.comment-navigation .nav-links .nav-next {
  flex: 1;
  text-align: right;
}
.comment-navigation .nav-links .nav-next:before {
  content: "»";
  padding-left: 6px;
  float: right;
}
.comment-navigation .nav-links a {
  color: #131318;
}
.journal .sidebar {
  width: 100%;
  float: left;
  padding-left: 30px;
  border-left: 1px solid #eee;
}
.widget-area {
  width: 100%;
  float: left;
  padding-top: 40px;
}
.widget-area .widget {
  width: 100%;
  float: left;
  position: relative;
  margin-bottom: 30px;
}
.widget-area .widget .widget-title {
  display: block;
  margin-bottom: 10px;
  padding-bottom: 15px;
  font-size: 28px;
  font-family: "Playfair Display";
  position: relative;
}
.widget-area .widget .widget-title:after {
  content: "";
  width: 30%;
  height: 3px;
  background: #f50c1a;
  position: absolute;
  left: 0;
  bottom: 0;
}
.widget-area .widget .widget-title a:hover {
  text-decoration: none;
}
.widget-area .widget .widget-title img {
  display: none;
}
.widget-area .widget select {
  display: block;
  margin-top: 5px;
}
.widget-area .widget ul {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
}
.widget-area .widget ul li {
  width: 100%;
  float: left;
  margin: 0;
  padding: 5px 0;
  list-style: none;
}
.widget-area .widget ul li .post-date {
  font-size: 11px;
  opacity: 0.6;
  display: block;
}
.widget-area .widget a {
  color: #131314;
}
.widget-area .widget_text {
  width: 100%;
  float: left;
}
.widget-area .widget_text .textwidget {
  width: 100%;
  float: left;
}
.widget-area .widget_text .wp-caption {
  width: 100%;
  float: left;
}
.widget-area .widget_text .wp-caption a {
  width: 100%;
  float: left;
}
.widget-area .widget_text .wp-caption img {
  display: inline-block;
}
.widget-area .widget_text .wp-caption p {
  width: 100%;
  float: left;
  margin-bottom: 0;
}
.widget-area .widget_text .wp-caption .wp-caption-text {
  width: 100%;
  float: left;
  margin: 0;
  padding: 5px 10px;
}
.widget-area .widget_nav_menu ul {
  margin: 0;
  padding: 0;
}
.widget-area .widget_nav_menu ul ul {
  padding-left: 20px !important;
}
.widget-area .widget_nav_menu ul ul ul {
  padding-left: 20px !important;
}
.widget-area .widget_pages ul {
  margin: 0;
  padding: 0;
}
.widget-area .widget_pages ul ul {
  padding-left: 20px !important;
}
.widget-area .widget_pages ul ul ul {
  padding-left: 20px !important;
}
.widget-area .widget_calendar .calendar_wrap {
  width: 100%;
  float: left;
}
.widget-area .widget_calendar tr {
  text-align: center;
}
.widget-area .widget_calendar td {
  padding: 5px;
}
.widget-area .widget_calendar th {
  padding: 5px;
}
.widget-area .widget_calendar caption {
  text-align: center;
  font-weight: 700;
  color: #131314;
  background: #eee;
}
.widget-area .widget_search {
  width: 100%;
}
.widget-area .widget_search form {
  width: 100%;
  float: left;
}
.widget-area .widget_search form .screen-reader-text {
  display: none;
}
.widget-area .widget_search form label {
  width: 70%;
  float: left;
}
.widget-area .widget_search form input[type="search"] {
  width: 100%;
  height: 60px;
  float: left;
  border: 1px solid #eee;
  border-right: none;
  padding: 0 15px;
}
.widget-area .widget_search form input[type="submit"] {
  width: 30%;
  height: 60px;
  float: left;
  border: none;
  font-size: 11px;
  border: none;
  font-weight: 700;
  color: #fff;
  background: #131314;
  overflow: hidden;
}
.widget-area .widget_tag_cloud a {
  height: 23px;
  line-height: 23px;
  float: left;
  margin-right: 6px;
  margin-bottom: 6px;
  border: 1px solid #eee;
  padding: 0 10px;
  font-size: 11px !important;
  font-weight: 600;
  color: #131314;
}
.widget-area .widget_tag_cloud a:hover {
  background: #f50c1a;
  border-color: #f50c1a;
  text-decoration: none;
  color: #fff;
}
.widget-area .widget_categories ul li {
  margin-bottom: 5px;
  font-size: 13px;
  color: #9a9a9a;
}
.widget-area .widget_categories ul li a {
  font-size: 16px;
  font-weight: 600;
  color: #131314;
}
.widget-area .widget_archive ul li {
  margin-bottom: 5px;
  font-size: 13px;
  color: #9a9a9a;
}
.widget-area .widget_archive ul li a {
  font-size: 16px;
  font-weight: 600;
  color: #131314;
}
.widget-area .widget_recent_comments .comment-author-link {
  font-weight: 700;
}
.widget-area .widget_recent_comments .comment-author-link a {
  text-decoration: none;
}
.widget-area .widget_rss ul li {
  margin-bottom: 20px;
}
.widget-area .widget_rss ul li a {
  display: block;
  font-weight: 700;
  margin-bottom: 5px;
}
.widget-area .widget_rss cite {
  font-family: "Playfair Display";
  font-size: 18px;
}
.widget-area .widget_rss .rssSummary {
  display: block;
  margin-bottom: 10px;
}
.widget-area .widget_rss .rss-date {
  display: block;
  color: #8c919b;
  font-size: 12px;
  margin-bottom: 15px;
}
.journal .post-comment {
  width: 100%;
  max-width: 800px;
  float: left;
  margin-top: 30px;
}
.journal .post-comment h6 {
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.journal .post-comment h6 span {
  text-decoration: underline;
}
.journal .post-comment .logged-in-as {
  margin-bottom: 10px;
}
.journal .post-comment a {
  color: #131314;
  text-decoration: underline;
}
.journal .post-comment .comments {
  width: 100%;
  float: left;
}
.journal .post-comment .comments .comment {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}
.journal .post-comment .comments .comment.inner {
  padding-left: 80px;
}
.journal .post-comment .comments .comment .comment-avatar {
  width: auto;
  float: left;
  background: none;
}
.journal .post-comment .comments .comment .comment-avatar img {
  width: 60px;
  float: left;
  min-height: auto;
  margin-right: 20px;
  border-radius: 50%;
  opacity: 1;
  -moz-transform: scale(1) !important;
  -webkit-transform: scale(1) !important;
  transform: scale(1) !important;
}
.journal .post-comment .comments .comment .comment-content {
  width: calc(100% - 80px);
  margin: 0;
}
.journal .post-comment .comments .comment .comment-content h4 {
  font-family: "Playfair Display", serif;
  font-size: 18px;
}
.journal .post-comment .comments .comment .comment-content p {
  opacity: 0.7;
}
.journal .post-comment .comments .comment .comment-content small {
  font-family: "Fjalla One", sans-serif;
  text-transform: uppercase;
}
.journal .post-comment .comments .comment .comment-content .comment-reply-link {
  float: right;
  font-weight: 600;
  font-size: 12px;
  padding: 4px 8px;
  border: 1px solid #eee;
  color: #131314;
  text-decoration: none;
}
.journal .post-comment textarea {
  width: 100%;
}
.journal .post-comment .comment-form {
  width: 100%;
  float: left;
  margin-top: 40px;
}
.journal .post-comment .comment-form label {
  width: 100%;
  float: left;
  margin: 0;
  position: relative;
  z-index: 2;
}
.journal .post-comment .comment-form label span {
  float: left;
  background: #fff;
  font-size: 12px;
  margin-left: 14px;
  padding: 0 6px;
  font-weight: 600;
  margin-bottom: -10px;
}
.journal .post-comment .comment-form input {
  width: 100%;
  height: 62px;
  border: 1px solid #ccc;
  padding: 0 20px;
}
.journal .post-comment .comment-form textarea {
  width: 100%;
  height: 120px;
  border: 1px solid #ccc;
  padding: 20px;
}
.journal .post-comment .comment-form button {
  height: 60px;
  line-height: 58px;
  display: inline-block;
  border: none;
  padding: 0 40px;
  font-size: 11px;
  border: none;
  font-weight: 700;
  color: #fff;
  background: #131314;
  overflow: hidden;
}
.journal .container-fluid {
  padding: 0 30px;
}
.journal .post-comment ol.comments,
.journal .post-comment ul.comments {
  margin: 0;
  padding: 0;
}
.journal .post-comment ol.comments li,
.journal .post-comment ul.comments li {
  list-style-type: none;
}
.journal h1 {
  margin-bottom: 20px;
}
.journal h2 {
  margin-bottom: 20px;
}
.journal h3 {
  margin-bottom: 20px;
}
.journal h4 {
  margin-bottom: 20px;
}
.journal h5 {
  margin-bottom: 20px;
}
.journal h6 {
  margin-bottom: 20px;
}
.journal hr {
  margin: 30px 0;
}
.journal p {
  font-size: 15px;
  line-height: 26px;
  margin-bottom: 20px;
}
.journal p:last-child {
  margin-bottom: 0;
}
.journal blockquote {
  background: #f50c1a;
  padding: 20px 30px;
  color: #fff;
}
.journal blockquote:before {
  content: "”";
  color: #fff;
  font-size: 100px;
  margin-right: 20px;
  font-family: Arial;
  height: 50px;
  float: left;
  line-height: 1;
}
.journal blockquote p {
  font-size: 18px;
  font-weight: 300;
  color: #fff;
  opacity: 1 !important;
}
.journal blockquote p:last-child {
  margin: 0;
}
.journal blockquote code {
  color: #fff;
  background: none;
  padding: 0;
  border: none;
  display: inline-block;
  width: auto;
}
.journal blockquote cite {
  text-decoration: none;
}
.journal blockquote a {
  float: none !important;
  color: #fff;
  text-decoration: underline;
  border: none !important;
  color: #fff !important;
}
.journal ul {
  margin: 0;
  padding-left: 20px;
}
.journal ul li {
  padding: 4px 0;
}
.journal ol {
  margin: 0;
  padding-left: 20px;
}
.journal ol li {
  padding: 4px 0;
}
.journal .dropcaps:first-letter {
  color: #f50c1a;
  float: left;
  font-family: "Playfair Display", serif;
  font-size: 68px;
  line-height: 52px;
  padding-top: 0;
  padding-right: 12px;
  padding-left: 0;
}
.journal .post-thumb {
  width: 100%;
  display: block;
}
.journal .post-thumb:before {
  content: "";
  float: left;
  clear: both;
}
.journal .post-thumb img {
  width: 100%;
}
.journal .related-title {
  font-weight: 700;
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
  margin-bottom: 30px;
  position: relative;
}
.journal .related-title:after {
  content: "";
  width: 90px;
  height: 3px;
  background: #f50c1a;
  position: absolute;
  left: 0;
  bottom: -2px;
}
.journal .page-links {
  width: 100%;
  float: left;
  font-size: 14px;
  padding: 20px 0;
  border-top: 1px solid #eee;
  margin-top: 20px;
}
.journal .page-links h6 {
  float: left;
  font-size: 14px;
  margin: 0;
  margin-top: 2px;
  margin-right: 12px;
}
.journal .page-links a {
  float: left;
  padding: 0 10px;
  border-bottom: 1px solid #000;
  color: #000;
  margin-right: 5px;
}
.journal .page-links a span {
  padding: 0;
  border: none;
  margin: 0;
  color: #000;
}
.journal .page-links span {
  float: left;
  padding: 0 10px;
  margin-right: 5px;
  border-bottom: 1px solid #f50c1a;
  color: #f50c1a;
}
.journal .post-entry-footer {
  width: 100%;
  float: left;
  margin-top: 30px;
}
.journal .post-entry-footer .cat-links {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  font-weight: 700;
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
}
.journal .post-entry-footer .cat-links a {
  left: 10px;
  margin-right: 3px;
  text-decoration: underline;
  font-weight: 400;
  font-size: 12px;
}
.journal .post-entry-footer .tags-links {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  font-weight: 700;
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
}
.journal .post-entry-footer .tags-links a {
  margin-left: 10px;
  margin-right: 3px;
  text-decoration: underline;
  font-weight: 400;
  font-size: 12px;
}
.journal .post-entry-footer .edit-link {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
.journal .post-entry-footer .edit-link a {
  margin-right: 40px;
  font-weight: 700;
  text-decoration: underline;
}
.journal .gallery {
  width: 100%;
  float: left;
}
.journal .gallery .gallery-item {
  position: relative;
}
.journal .gallery .gallery-item img {
  width: 100%;
}
.journal .gallery .gallery-item figcaption {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
  font-size: 11px;
  padding: 10px;
}
.pagination {
  width: 100%;
  float: left;
  padding: 0 15px;
}
.pagination .page-numbers {
  float: left;
  margin: 0;
  padding: 0;
}
.pagination .page-numbers li {
  float: left;
  margin: 0;
  margin-right: 10px;
  padding: 0;
  list-style: none;
  font-size: 13px;
  font-weight: 600;
}
.pagination .page-numbers li a {
  padding: 0 6px;
  border-bottom: 3px solid #000;
  color: #000;
}
.pagination .page-numbers li span {
  padding: 0 6px;
  border-bottom: 3px solid #f50c1a;
  color: #f50c1a;
}
.pagination .page-numbers li a:hover {
  text-decoration: none;
  border-bottom: 3px solid #f50c1a;
}
/* CONTACT */
.contact {
  width: 100%;
  float: left;
}
.contact .titles {
  width: 100%;
  float: left;
  text-align: center;
  margin-bottom: 40px;
  padding: 0 25%;
}
.contact .titles h5 {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}
.contact .titles h2 {
  font-family: "Playfair Display";
  font-size: 4em;
  margin-bottom: 30px;
}
.contact .address {
  width: 100%;
  float: left;
  text-align: center;
  padding: 0 10%;
  margin-bottom: 50px;
}
.contact .address h4 {
  display: block;
  font-family: "Playfair Display";
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 20px;
}
.contact .address p {
  display: block;
}
.contact .address p a {
  font-weight: 600;
  color: #131314;
}
.contact .address a {
  display: inline-block;
  font-weight: 600;
  color: #131314;
}
.contact .address a:hover {
  text-decoration: none;
}
.contact .address a svg {
  width: 20px;
  display: inline-block;
  margin-bottom: -8px;
}
.wpcf7-form {
  width: 100%;
}
.wpcf7-form p {
  width: 50%;
  float: left;
  margin-bottom: 30px;
  padding: 0 10px;
  position: relative;
}
.wpcf7-form .contact-form-flex {
  display: flex;
  flex-direction: column;
  margin: 1rem;
}
.wpcf7-form .contact-form-flex label {
  width: 100%;
  margin-top: 0.1rem;
}
.wpcf7-form .contact-form-flex p {
  width: 100%;
  float: none;
  max-width: 700px;
  margin: auto;
  min-height: 100px;
  height: auto;
}
.wpcf7-form .contact-form-simple p:nth-child(5) {
  width: 100%;
}
.wpcf7-form .contact-form-simple p:nth-child(6) {
  margin-bottom: 0;
}
.wpcf7-form label {
  float: left;
  background: #fff;
  font-size: 12px;
  margin-left: 14px;
  padding: 0 6px;
  font-weight: 600;
  margin-bottom: -10px;
  position: relative;
  z-index: 2;
}
.wpcf7-form input[type="text"] {
  width: 100%;
  height: 62px;
  border: 1px solid #ccc;
  padding: 0 20px;
}
.wpcf7-form input[type="email"] {
  width: 100%;
  height: 62px;
  border: 1px solid #ccc;
  padding: 0 20px;
}
.wpcf7-form input[type="tel"] {
  width: 100%;
  height: 62px;
  border: 1px solid #ccc;
  padding: 0 20px;
}
.wpcf7-form textarea {
  width: 100%;
  height: 140px;
  float: left;
  line-height: 26px;
  border: 1px solid #ccc;
  padding: 20px;
}
.wpcf7-form input[type="submit"] {
  height: 62px;
  line-height: 62px;
  display: inline-block;
  border: none;
  padding: 0 40px;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  background: #131314;
  overflow: hidden;
}
.wpcf7-form select {
  width: 100%;
  padding: 20px;
}
.wpcf7-form .wpcf7-validation-errors {
  width: 100%;
  float: left;
  padding: 20px;
  font-size: 12px;
  font-weight: 700;
}
.contact .alert {
  width: 100%;
  float: left;
}
.contact #success,
.contact #error {
  display: none;
}
.contact #success,
.contact #error {
  float: left;
}
.contact #contact label.error {
  width: 100%;
  color: #f50c1a;
  margin-top: 10px;
  text-align: center;
}
.contact #contact input.error {
  width: 100%;
  border: 1px solid #f50c1a;
}
.contact #contact textarea.error {
  width: 100%;
  border: 1px solid #f50c1a;
}
.map {
  width: 70%;
  height: 420px;
  display: inline-block;
  margin: 0 15%;
  background: #f50c1a;
  display: none;
}
.not-found {
  width: 100%;
  margin: 120px 0;
  text-align: center;
}
.not-found img {
  margin-bottom: 30px;
}
.not-found p {
  font-size: 17px;
  font-weight: 300;
}
.not-found .search-form {
  display: inline-block;
}
.not-found .search-form label {
  float: left;
}
.not-found .search-form span {
  display: none;
}
.not-found .search-form input[type="search"] {
  width: 320px;
  max-width: 100%;
  height: 60px;
  border: 1px solid #ccc;
  border-right: none;
  padding: 0 20px;
}
.not-found .search-form input[type="submit"] {
  height: 60px;
  line-height: 58px;
  display: inline-block;
  border: none;
  padding: 0 40px;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  background: #131314;
  overflow: hidden;
}
/* FOOTER */
.footer-spacing {
  width: 100%;
  float: left;
}
.footer {
  width: calc(100% - 120px);
  float: left;
  position: static;
  left: 0;
  bottom: 0;
  margin: 0 60px;
  padding-top: 60px;
  background: url(../images/anchor-line-bg.png) center no-repeat #131314;
  background-size: auto 150%;
  z-index: 1;
  text-align: center;
  color: #fff;
}
.footer img {
  width: 32px;
  margin-bottom: 20px;
  display: inline-block;
}
.footer .social-media {
  width: 100%;
  float: left;
  display: none;
  text-align: center;
  margin-bottom: 20px;
  padding: 0;
}
.footer .social-media li {
  display: inline-block;
  margin: 0 10px;
  list-style: none;
}
.footer .social-media li a {
  float: left;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
}
.footer .social-media li a:hover {
  text-decoration: none;
  color: #f50c1a;
}
.footer h4 {
  font-weight: 300;
  letter-spacing: -1px;
  font-size: 2em;
}
.footer h2 {
  font-family: "Fjalla One";
  text-transform: uppercase;
  font-size: 4em;
  margin-bottom: 30px;
  padding: 0 10%;
}
.footer .btn-contact {
  height: 60px;
  line-height: 58px;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0 40px;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  overflow: hidden;
}
.footer .btn-contact * {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.footer .btn-contact span {
  position: relative;
  display: inline-block;
}
.footer .btn-contact span:before {
  position: absolute;
  top: 100%;
  content: attr(data-hover);
}
.footer .btn-contact span:before {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.footer .btn-contact:hover span {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  transform: translateY(-100%);
}
.footer .footer-bar {
  width: 100%;
  float: left;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  margin-top: 60px;
  padding: 20px 15px;
}
.footer .footer-bar span {
  font-size: 12px;
}
.footer .footer-bar span a {
  color: #fff;
  font-weight: 600;
}
/* SCROLL DOWN */
.scroll-down {
  width: 1px;
  height: 70px;
  position: absolute;
  left: 50%;
  bottom: 30px;
  z-index: 2;
}
.scroll-down span {
  display: block;
  position: relative;
  padding-top: 79px;
  text-align: center;
}
.scroll-down span::before {
  -webkit-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
  -moz-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
  -o-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
  animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
}
.scroll-down span::before {
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -0.5px;
  width: 1px;
  height: 70px;
  background: #fff;
  content: "";
}
/* RESPONSIVE MEDIUM FIXES */
@media only screen and (max-width: 1199px),
  only screen and (max-device-width: 1199px) {
  .header {
    padding: 30px 60px;
  }
  .slider .swiper-container .swiper-slide .inner h2 {
    font-size: 4em;
  }
  .slider .swiper-container .swiper-slide .inner {
    padding: 0 60px;
  }
  .slider .swiper-container .swiper-pagination-fraction {
    left: 60px;
  }
  .icon-features p {
    padding: 0;
  }
  .icon-features h3 {
    font-size: 20px;
  }
  .side-image-content .inner .contenty h2 {
    font-size: 2em;
    text-indent: 0;
  }
  .awards h2 {
    font-size: 3em;
    text-indent: 0;
  }
  .journal .post-comment {
    width: 70%;
  }
  .journal .sidebar {
    width: 30%;
  }
}
/* RESPONSIVE TABLET FIXES */
@media only screen and (max-width: 991px),
  only screen and (max-device-width: 991px) {
  .slider .swiper-container .swiper-slide .inner h2 {
    max-width: 70%;
  }
  .slider .swiper-container .swiper-slide .inner p {
    max-width: 70%;
  }
  .slider .swiper-container .swiper-button-prev {
    right: 160px;
  }
  .slider .swiper-container .swiper-button-line {
    right: 110px;
  }
  .slider .swiper-container .swiper-button-next {
    right: 60px;
  }
  .works .grid-item {
    width: 50% !important;
  }
  .works .grid-item-double {
    width: 50% !important;
  }
  .works .grid-sizer {
    width: 50% !important;
  }
  .int-hero .video-bg {
    display: none;
  }
  .int-hero .inner h2 {
    max-width: 100%;
  }
  .side-image-content {
    display: block;
  }
  .side-image-content .inner {
    width: 100%;
    float: left;
    display: block;
  }
  .side-image-content .inner .contenty {
    padding: 100px 15%;
  }
  .journal .post-comment {
    width: 100%;
  }
  .journal .sidebar {
    width: 100%;
  }
  .journal .post.detail .post-content.left {
    width: 100%;
  }
  .journal .sidebar {
    width: 100%;
  }
  .journal .sidebar .widget {
    width: 100%;
  }
  .contact form input[type="text"] {
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  .contact form textarea {
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  input {
    box-shadow: none !important;
    border-radius: none !important;
  }
  textarea {
    box-shadow: none !important;
    border-radius: none !important;
  }
}
/* RESPONSIVE MOBILE FIXES */
@media only screen and (max-width: 767px),
  only screen and (max-device-width: 767px) {
  .header {
    padding: 30px;
  }
  .header .language {
    display: none;
  }
  .split .inner {
    padding: 0 30px;
  }
  .split .inner p {
    width: 100%;
  }
  .hamburger-navigation li ul {
    height: 70px;
    margin-top: -70px;
  }
  .project-hero {
    width: 100%;
    margin: 0;
  }
  .project-hero figure {
    background-size: contain !important;
  }
  .project-hero figure figcaption {
    padding: 0 30px;
    padding-top: 170px;
  }
  .project-hero figure figcaption h2 {
    width: 100%;
    max-width: inherit;
    font-size: 4em;
  }
  .project-detail .project .lead {
    padding-right: 0;
  }
  .social-bar {
    display: none;
  }
  .header .hamburger-mobile-only {
    display: block;
  }
  .anchord-horizontal-nav {
    display: none;
  }
  .slider .swiper-container .swiper-slide .inner {
    padding: 0 30px;
  }
  .slider .swiper-container .swiper-slide .inner h2 {
    max-width: 100%;
    font-size: 3.5em;
  }
  .slider .swiper-container .swiper-slide .inner p {
    max-width: 100%;
  }
  .slider .swiper-container .swiper-button-prev {
    display: none;
  }
  .slider .swiper-container .swiper-button-line {
    display: none;
  }
  .slider .swiper-container .swiper-button-next {
    display: none;
  }
  .slider .swiper-container .swiper-pagination-fraction {
    display: none;
  }
  .scroll-down {
    display: none;
  }
  .int-hero {
    padding-left: 30px;
    padding-right: 30px;
  }
  .int-hero .inner h2 {
    max-width: 100%;
    font-size: 3.5em;
  }
  .content {
    width: calc(100% - 30px);
    margin: 0 15px;
  }
  .about-studio .hero-image {
    overflow: hidden;
    margin-bottom: 50px;
  }
  .about-studio .hero-image img {
    width: 150%;
    max-width: inherit;
  }
  .about-studio h5 {
    font-size: 2em;
  }
  .about-studio p:last-child {
    max-width: 100%;
    margin-bottom: 0;
  }
  .team-members .member {
    width: 50%;
  }
  .works .grid-item {
    width: 100% !important;
  }
  .works .grid-item-double {
    width: 100% !important;
  }
  .icon-features a {
    margin-bottom: 50px;
  }
  .side-image-content {
    margin-bottom: 0;
  }
  .side-image-content .inner .contenty {
    padding: 60px 30px;
    text-align: center;
  }
  .side-image-content .inner .contenty h5:before {
    display: none;
  }
  .side-image-content .inner .contenty h2 {
    font-size: 3em;
  }
  .side-image-content .inner .contenty .award-list li span {
    float: none;
  }
  .side-image-content .inner .main-image {
    margin-bottom: 0;
  }
  .side-image-content .inner .sub-image {
    width: 100%;
    float: left;
    position: static;
    margin: 0;
  }
  .awards {
    text-align: center;
  }
  .awards h5:before {
    display: none;
  }
  .awards .award {
    width: 100%;
    margin: 0;
    margin-top: -1px;
  }
  .clients ul li {
    width: 50%;
  }
  .clients ul li:after {
    display: none;
  }
  .journal .post.highlight {
    margin-bottom: 50px;
  }
  .journal .post figure {
    overflow: hidden;
  }
  .journal .post figure img {
    width: 100%;
    max-width: inherit;
  }
  .journal .post.highlight .post-content {
    padding: 15px;
    padding-right: 0;
  }
  .journal .post.highlight .post-content h3 {
    font-size: 2em;
  }
  .journal .post.highlight .post-content p {
    display: none;
  }
  .journal .post.highlight figure {
    height: 360px;
  }
  .journal .post figure img {
    min-height: 100%;
  }
  .contact .titles {
    padding: 0;
  }
  .wpcf7-form p {
    width: 100%;
  }
  .awards {
    margin-top: 0;
  }
  .footer {
    width: calc(100% - 30px);
    margin: 0 15px;
  }
  .footer h2 {
    font-size: 3em;
    padding: 0;
  }
  .footer .social-media {
    display: block;
  }
  .footer .footer-bar span {
    width: 100%;
    text-align: center;
  }
}
.vc_editor .works {
  height: auto !important;
}