/* GOOGLE FONTS */
@import url("https://fonts.googleapis.com/css?family=Fjalla+One|Poppins:300,400,600,800&subset=latin-ext");
* {outline: none !important;}

body {font-size: 16px; background: #131313; font-family: "Poppins", sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; height: 100%; overflow: hidden;}

html {height: 100%;}

/* HTML ELEMENTS */
img {max-width: 100%;}

b {font-weight: 600;}

strong {font-weight: 800;}

/* CUSTOM CLASSES */
@media (min-width: 1200px) {.container {  max-width: 1240px; }
}
.header-spacing {width: 100%; height: 100%; display: flex; flex-wrap: wrap;}

.overflow {overflow: hidden;}

/* FORM ELEMENTS */
input[type=text] {height: 58px; line-height: 54px; display: inline-block; padding: 0 20px; width:100%;}

textarea {height: 158px; line-height: 54px; display: inline-block; padding: 20px; width:100%;}

label {display: block; font-weight: 400; color:#fff
}

button[type=submit] {height: 58px; display: inline-block; padding: 0 40px; color: #fff; font-size: 13px; font-weight: 700; background: #000; color: #fff; border: none;}

/* SECTIONS */
ain {width: 100%; display: flex; flex-wrap: wrap; position: relative; z-index: 5;}

/* LINKS */
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; color: #000;}
a:hover {text-decoration: underline;}

/* GLITCH ANIMZ */
@keyframes noise-anim {0% {  clip: rect(109px, 9999px, 18px, 0); }5% {  clip: rect(11px, 9999px, 88px, 0); }10% {  clip: rect(63px, 9999px, 6px, 0); }15% {  clip: rect(46px, 9999px, 112px, 0); }20% {  clip: rect(40px, 9999px, 90px, 0); }25% {  clip: rect(127px, 9999px, 126px, 0); }30% {  clip: rect(73px, 9999px, 97px, 0); }35% {  clip: rect(85px, 9999px, 69px, 0); }40% {  clip: rect(112px, 9999px, 92px, 0); }45% {  clip: rect(36px, 9999px, 15px, 0); }50% {  clip: rect(7px, 9999px, 50px, 0); }55% {  clip: rect(115px, 9999px, 39px, 0); }60% {  clip: rect(53px, 9999px, 30px, 0); }65% {  clip: rect(63px, 9999px, 5px, 0); }70% {  clip: rect(19px, 9999px, 53px, 0); }75% {  clip: rect(89px, 9999px, 43px, 0); }80% {  clip: rect(7px, 9999px, 19px, 0); }85% {  clip: rect(61px, 9999px, 78px, 0); }90% {  clip: rect(33px, 9999px, 116px, 0); }95% {  clip: rect(83px, 9999px, 90px, 0); }100% {  clip: rect(119px, 9999px, 52px, 0); }
}
@keyframes noise-anim-2 {0% {  clip: rect(79px, 9999px, 75px, 0); }5% {  clip: rect(22px, 9999px, 90px, 0); }10% {  clip: rect(60px, 9999px, 90px, 0); }15% {  clip: rect(44px, 9999px, 66px, 0); }20% {  clip: rect(121px, 9999px, 101px, 0); }25% {  clip: rect(120px, 9999px, 95px, 0); }30% {  clip: rect(27px, 9999px, 12px, 0); }35% {  clip: rect(102px, 9999px, 38px, 0); }40% {  clip: rect(41px, 9999px, 24px, 0); }45% {  clip: rect(129px, 9999px, 77px, 0); }50% {  clip: rect(18px, 9999px, 1px, 0); }55% {  clip: rect(130px, 9999px, 27px, 0); }60% {  clip: rect(36px, 9999px, 25px, 0); }65% {  clip: rect(106px, 9999px, 121px, 0); }70% {  clip: rect(81px, 9999px, 13px, 0); }75% {  clip: rect(32px, 9999px, 40px, 0); }80% {  clip: rect(111px, 9999px, 49px, 0); }85% {  clip: rect(73px, 9999px, 127px, 0); }90% {  clip: rect(52px, 9999px, 53px, 0); }95% {  clip: rect(26px, 9999px, 27px, 0); }100% {  clip: rect(44px, 9999px, 63px, 0); }
}
/* DOTS MENU */
.dots-menu {float: right; position: relative; width: 20px; height: 20px; margin: 0; cursor: pointer;}
.dots-menu .pix {position: absolute; width: 4px; height: 4px; background-color: #fff; border-radius: 100%; transition: 0.2s ease-in-out;}
.dots-menu .pix:nth-of-type(1) {transform: translate(0px, 0px);}
.dots-menu .pix:nth-of-type(2) {transform: translate(8px, 0px);}
.dots-menu .pix:nth-of-type(3) {transform: translate(16px, 0px);}
.dots-menu .pix:nth-of-type(4) {transform: translate(0px, 8px);}
.dots-menu .pix:nth-of-type(5) {transform: translate(8px, 8px);}
.dots-menu .pix:nth-of-type(6) {transform: translate(16px, 8px);}
.dots-menu .pix:nth-of-type(7) {transform: translate(0px, 16px);}
.dots-menu .pix:nth-of-type(8) {transform: translate(8px, 16px);}
.dots-menu .pix:nth-of-type(9) {transform: translate(16px, 16px);}
.dots-menu:hover .pix {background-color: #d8ee00;}
.dots-menu:hover .pix:nth-of-type(1) {transform: translate(-4px, -4px);}
.dots-menu:hover .pix:nth-of-type(3) {transform: translate(20px, -4px);}
.dots-menu:hover .pix:nth-of-type(7) {transform: translate(-4px, 20px);}
.dots-menu:hover .pix:nth-of-type(9) {transform: translate(20px, 20px);}
.dots-menu.active .pix:nth-of-type(1) {transform: translate(0, 0);}
.dots-menu.active .pix:nth-of-type(2) {transform: translate(4px, 4px);}
.dots-menu.active .pix:nth-of-type(3) {transform: translate(16px, 0);}
.dots-menu.active .pix:nth-of-type(4) {transform: translate(4px, 12px);}
.dots-menu.active .pix:nth-of-type(6) {transform: translate(12px, 4px);}
.dots-menu.active .pix:nth-of-type(7) {transform: translate(0, 16px);}
.dots-menu.active .pix:nth-of-type(8) {transform: translate(12px, 12px);}
.dots-menu.active .pix:nth-of-type(9) {transform: translate(16px, 16px);}
.dots-menu.active:hover .pix:nth-of-type(1) {transform: translate(-4px, -4px);}
.dots-menu.active:hover .pix:nth-of-type(2) {transform: translate(2px, 2px);}
.dots-menu.active:hover .pix:nth-of-type(3) {transform: translate(20px, -4px);}
.dots-menu.active:hover .pix:nth-of-type(4) {transform: translate(2px, 14px);}
.dots-menu.active:hover .pix:nth-of-type(6) {transform: translate(14px, 2px);}
.dots-menu.active:hover .pix:nth-of-type(7) {transform: translate(-4px, 20px);}
.dots-menu.active:hover .pix:nth-of-type(8) {transform: translate(14px, 14px);}
.dots-menu.active:hover .pix:nth-of-type(9) {transform: translate(20px, 20px);}

/* MODAL */
.modal .modal-dialog {width: 600px; max-width: 100%; margin: 0 auto;}

.modal .modal-dialog .modal-content {width: 100%; height: 300px; margin-top: 30%; border-radius: 0; border: none; box-shadow: 0 0 40px rgba(0, 0, 0, 0.3); position: relative;}

.modal .modal-dialog .modal-content .close {width: 50px; height: 50px; line-height: 50px; background: #d8ee00; color: #fff; position: absolute; right: 0; top: 0; opacity: 1; text-align: center; font-size: 13px;}

.modal #map {width: 100%; height: 300px; float: left;}

/* PAGINATION */
.pagination {width: 100%; height: 40px; display: block; float: left; text-align: center; margin: 0;}
.pagination li.page-item {float: none; display: inline-block;}
.pagination li.page-item a.page-link {height: 40px; line-height: 36px; border: 2px solid #000; float: left; border-radius: 0 !important; font-size: 12px; color: #000; font-weight: 600; padding: 0 20px;}

/* PRELOADER */
.preloader {width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 13; background: #d8ee00; -webkit-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88); -moz-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88); -o-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88); transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88); /* custom */-webkit-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88); -moz-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88); -o-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88); transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88); /* custom */
}
.preloader .inner {width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/preloader.gif) center no-repeat #000; background-size: 80px 80px; -webkit-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88); -moz-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88); -o-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88); transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88); /* custom */-webkit-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88); -moz-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88); -o-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88); transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88); /* custom */
}
.preloader .holder {width: 100%; height: 26px; position: absolute; left: 0; top: 50%; margin-top: 50px; text-align: center;}
.preloader .typewriter {height: 26px; line-height: 26px; display: inline-block; color: #fff;}
.preloader .typewriter #typewriter-text {float: left; font-size: 12px; margin-left: 5px; margin-top: -2px; margin-right: 3px;}
.preloader .typewriter #typewriter-suffix {width: 2px; height: 16px; display: inline-block; background: #d8ee00; text-indent: -1000px; overflow: hidden;}
.preloader .loader {width: 100%; height: 3px; border: none; border-radius: none; position: absolute; top: 0; left: 0;}
.preloader .loader:after {content: ""; display: block; width: 100%; height: 100%; z-index: 3; position: absolute; top: 0; left: 0;}
.preloader .trackbar {width: 100%; height: 100%; border-radius: 0; color: #fff; text-align: center; position: relative; background: #808080; opacity: 0.99;}
.preloader .loadbar {width: 0%; height: 100%; background: #d8ee00; box-shadow: 0px 0px 10px #d8ee00; position: absolute; top: 0; left: 0; z-index: 2; animation: flicker 5s infinite; overflow: hidden;}

/* PAGE LOADED */
.page-loaded {overflow: inherit;}
.page-loaded .preloader {left: 100%; transition-delay: 0.5s;}
.page-loaded .preloader .inner {left: 100%;}
.page-loaded .navbar {transform: translateY(0);}
.page-loaded .header {margin: 0;}
.page-loaded .header .slider {transform: scale(1); opacity: 1;}
.page-loaded .header .slider .gallery-thumbs {transform: translateX(0); opacity: 1;}

/* TRANSITION OVERLAY */
.transition-overlay {width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 13; visibility: hidden;}
.transition-overlay .black-layer {width: 100%; height: 100%; position: absolute; left: -100%; top: 0; z-index: 3; background: #000; -webkit-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88); -moz-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88); -o-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88); transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88); /* custom */-webkit-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88); -moz-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88); -o-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88); transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88); /* custom */
}
.transition-overlay .green-layer {width: 100%; height: 100%; position: absolute; left: -100%; top: 0; z-index: 2; background: #d8ee00; -webkit-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88); -moz-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88); -o-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88); transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88); /* custom */-webkit-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88); -moz-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88); -o-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88); transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88); /* custom */
}
.transition-overlay.open {visibility: visible;}
.transition-overlay.open .green-layer {left: 0; transition-delay: 0s;}
.transition-overlay.open .black-layer {left: 0; transition-delay: 0.4s;}

/* SANDWICH BUTTON */
.sandwich-btn {width: 46px; height: 46px; float: right; position: relative; cursor: pointer; border-radius: 50%;}
.sandwich-btn span {display: block; height: 2px; width: 18px; background: #fff; opacity: 1; position: absolute; right: 8px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out;}
.sandwich-btn span:nth-child(1) {top: 12px;}
.sandwich-btn span:nth-child(2) {top: 20px;}
.sandwich-btn.open span:nth-child(1) {top: 16px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
.sandwich-btn.open span:nth-child(2) {top: 16px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg);}

/* NAVIGATION MENU */
.navigation-menu {width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; position: fixed; left: 0; top: 0; z-index: 8; visibility: hidden; -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;}
.navigation-menu .black-layer {width: 100%; height: 100%; position: absolute; left: -100%; top: 0; z-index: 3; background: #131313; -webkit-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88); -moz-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88); -o-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88); transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88); /* custom */-webkit-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88); -moz-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88); -o-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88); transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88); /* custom */
}
.navigation-menu .green-layer {width: 100%; height: 100%; position: absolute; left: -100%; top: 0; z-index: 2; background: #d8ee00; -webkit-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88); -moz-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88); -o-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88); transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88); /* custom */-webkit-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88); -moz-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88); -o-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88); transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88); /* custom */
}
.navigation-menu .inner {color: #fff; position: relative; z-index: 4; text-align: center; -webkit-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88); -moz-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88); -o-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88); transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88); /* custom */-webkit-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88); -moz-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88); -o-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88); transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88); /* custom */opacity: 0; transform: scale(1.1);}
.navigation-menu .inner ul {display: block; margin: 0; padding: 0;}
.navigation-menu .inner ul li {display: block; margin: 0; padding: 0; position: relative; -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;}
.navigation-menu .inner ul li:hover ul {opacity: 1; visibility: visible;}
.navigation-menu .inner ul li:hover ul li ul {opacity: 0; visibility: hidden;}
.navigation-menu .inner ul li ul {width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: flex; flex-direction: row; background: rgba(0, 0, 0, 0.95); text-align: center; flex-wrap: wrap; justify-content: center; align-items: center; opacity: 0; visibility: hidden; -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; transition-delay: 0s !important;}
.navigation-menu .inner ul li ul li {margin: 0 20px; padding: 0; list-style: none; position: static;}
.navigation-menu .inner ul li ul li ul {width: 1000px; height: 100%; position: absolute; left: 50%; top: 0; opacity: 0; visibility: hidden; background: rgba(0, 0, 0, 0.95); transform: translateX(-50%);}
.navigation-menu .inner ul li ul li ul li a {font-size: 12px;}
.navigation-menu .inner ul li ul li:hover ul {opacity: 1; visibility: visible; z-index: 5;}
.navigation-menu .inner ul li ul li a {float: left; font-size: 18px;}
.navigation-menu .inner ul li ul li a:before {display: none;}
.navigation-menu .inner ul li ul li a:hover {color: #d8ee00;}
.navigation-menu .inner ul li a {font-size: 50px; font-weight: 800; color: #fff; position: relative;}
.navigation-menu .inner ul li a:before {content: ""; width: 0; height: 10px; position: absolute; left: 0; bottom: 12px; background: #d8ee00; z-index: -1; -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;}
.navigation-menu .inner ul li a:hover {text-decoration: none;}
.navigation-menu .inner ul li a:hover:before {width: 100%;}
.navigation-menu .inner address {margin-top: 50px; font-size: 18px; font-family: "Fjalla One", sans-serif;}
.navigation-menu.open {visibility: visible;}
.navigation-menu.open .green-layer {left: 0; transition-delay: 0s;}
.navigation-menu.open .black-layer {left: 0; transition-delay: 0.4s;}
.navigation-menu.open .inner {opacity: 1; transition-delay: 0.5s; transform: scale(1);}

/* HEADER */
.header {width: 100%; height: 100%; display: flex; flex-wrap: wrap; position: fixed; left: 0; top: 0;}

/* SOCIAL MEDIA */
.social-media {width: 38px; position: absolute; z-index: 7; right: 60px; top: 200px; text-align: center; margin: 0; padding: 0;}
.social-media li {width: 100%; float: left; display: block; padding: 0; list-style: none;}
.social-media li a {width: 100%; float: left; color: #fff; font-size: 13px; margin: 10px 0;}
.social-media li a:hover {color: #d8ee00;}

/* SCROLL DOWN */
.scroll-down {width: 1px; height: 90px; position: absolute; right: 63px; bottom: 30px; z-index: 2;}
.scroll-down b {width: 100px; font-size: 10px; font-weight: 600; color: #fff; transform-origin: left; margin-left: -15px; margin-top: 0; transform: rotate(90deg); float: left;}
.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: 90px; background: #fff; content: "";}

/* NAVBAR */
.navbar {width: 100%; height: 78px; display: flex; flex-wrap: wrap; padding: 20px 60px; position: fixed; left: 0; top: 0; z-index: 11; transform: translateY(-100%); -webkit-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88); -moz-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88); -o-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88); transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88); /* custom */-webkit-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88); -moz-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88); -o-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88); transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88); /* custom */transition-delay: 0.8s;}
.navbar.hide {transform: translateY(-100%);}
.navbar .logo {margin-left: 0; margin-right: 30px;}
.navbar .logo img {height: 45px;}
.navbar .email-us {margin-left: 0; margin-right: auto; color: #fff; font-size: 14px;}
.navbar .email-us a {color: #808080; text-decoration: underline;}
.navbar .email-us a:hover {color: #fff;}
.navbar .email-us a span {color: #fff; text-decoration: underline;}
.navbar .languages {margin-right: 50px; font-family: "Fjalla One", sans-serif;}
.navbar .languages a {float: left; margin-left: 10px; color: #808080; font-size: 14px; color: #808080;}
.navbar .languages a:hover {color: #d8ee00; text-decoration: none;}
.navbar .languages a.active {color: #fff;}
.navbar .sandwich-nav {margin-right: 0;}
.navbar .sandwich-nav b {font-size: 14px; line-height: 38px; color: #fff; font-weight: 400; font-family: "Fjalla One", sans-serif;}
.navbar .sandwich-nav .circle {width: 38px; height: 38px; float: right; border: 2px solid rgba(255, 255, 255, 0.2); border-radius: 50%; margin-left: 10px; position: relative; cursor: pointer;}
.navbar .sandwich-nav .circle.open {border-color: #fff; background: #fff;}
.navbar .sandwich-nav .circle.open span {background: #000;}

/* SLIDER */
.header {margin: 0;}
.header .slider {width: 100%; height: 100%; position: absolute; left: 0; top: 0; transform: scale(1.4); -webkit-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88); -moz-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88); -o-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88); transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88); /* custom */-webkit-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88); -moz-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88); -o-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88); transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88); /* custom */transition-delay: 0.6s; opacity: 0;}
.header .slider:after {content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/lines.png); z-index: 1;}
.header .gallery-top {width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background: #000;}
.header .gallery-top .swiper-wrapper {opacity: 0.6;}
.header .gallery-top .swiper-wrapper .slide-inner {width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background-size: cover; background-position: center; display: flex; justify-content: center; align-items: center;}

.header .gallery-thumbs {height: 60%; position: absolute; left: 60px; top: 20%; z-index: 2; overflow: hidden; transform: translateX(-100px); opacity: 0; -webkit-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88); -moz-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88); -o-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88); transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88); /* custom */-webkit-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88); -moz-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88); -o-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88); transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88); /* custom */transition-delay: 0.8s;}
.header .gallery-thumbs .swiper-slide {width: 100%; display: flex; flex-direction: column; justify-content: center; font-size: 90px; color: #808080; font-weight: 700;}
.header .gallery-thumbs .swiper-slide.swiper-slide-active {color: #fff;}
.header .gallery-thumbs .swiper-slide.swiper-slide-active a {display: block;}
.header .gallery-thumbs .swiper-slide a {font-size: 14px; display: none; float: right; color: #d8ee00; font-weight: 600; margin-bottom: 0; margin-top: -20px;}
.header .gallery-thumbs .swiper-slide a:hover {text-decoration: none;}
.header .gallery-thumbs .swiper-slide a:hover .plus {color: #000; background: #fff;}
.header .gallery-thumbs .swiper-slide a .plus {width: 30px; height: 30px; display: inline-block; border: 2px solid rgba(255, 255, 255, 0.3); border-radius: 50%; margin-left: 6px; text-align: center; line-height: 27px; color: #fff; -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;}
.header .swiper-pagination {width: auto; position: absolute; left: 60px; bottom: 30px; color: #fff; z-index: 99;}
.header .swiper-pagination span:first-child {font-size: 56px; height: 50px; line-height: 50px; float: left; overflow: hidden; padding-top: 3px; font-weight: 600;}
.header .swiper-pagination span:last-child {font-size: 14px;}
.header .swiper-pagination span:before {content: "0";}

/* PARTICLES MASK */
.particles-mask {width: 100%; height: 100%; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; text-align: center; position: absolute; top: 0; left: 0; background: url(../images/pattern-bg2.png) center no-repeat #131313; background-size: auto 100% !important; padding: 0 100px;}
.particles-mask .inner {width: 100%;}
.particles-mask .inner .masker {width: 100%; overflow: hidden; position: relative;}
.particles-mask .inner .masker h1 {display: inline-block; margin-bottom: 15px; font-size: 12vw; font-weight: 800; line-height: 1; color: #fff; position: relative;}
.particles-mask .inner .masker h1:before {content: attr(data-text); position: absolute; left: -2px; text-shadow: 1px 0 blue; top: 0; color: white; overflow: hidden; clip: rect(0, 900px, 0, 0); animation: noise-anim-2 3s infinite linear alternate-reverse;}
.particles-mask .inner .masker h1:after {content: attr(data-text); position: absolute; left: 2px; text-shadow: -1px 0 red; top: 0; color: white; overflow: hidden; clip: rect(0, xw00px, 0, 0); animation: noise-anim 2s infinite linear alternate-reverse;}
.particles-mask .inner h5 {color: #fff; font-weight: 300; font-size: 20px; padding: 0 30%; line-height: 30px; margin-bottom: 40px;}
.particles-mask .inner a {height: 58px; line-height: 56px; display: inline-block; border: 1px solid #fff; color: #fff; padding: 0 45px; font-size: 12px; font-weight: 600;}
.particles-mask .inner a:hover {background: #d8ee00; color: #fff; border-color: #d8ee00; text-decoration: none;}
.particles-mask #particles-js {width: 100%; height: 100%; position: absolute; left: 0; top: 0; mix-blend-mode: darken;}

/* MOTION BLUR */
.motion-blur {width: 100%; height: 100%; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; position: absolute; left: 0; top: 0;}
.motion-blur canvas {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.motion-blur .inner {display: inline-block; position: relative; z-index: 2; text-align: center;}
.motion-blur .inner h1 {font-size: 10vw; font-weight: 800; color: #fff; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #fff; line-height: 1; margin-bottom: 20px;}
.motion-blur .inner h5 {font-size: 20px; font-weight: 800; color: #fff; margin-bottom: 40px;}
.motion-blur .inner a {width: 48px; height: 48px; line-height: 46px; display: inline-block; text-align: center; color: #fff; border-radius: 50%; font-size: 24px; font-weight: 300; border: 2px solid #fff;}
.motion-blur .inner a:hover {background: #fff; color: #000; text-decoration: none;}

/* ANIMATION BG*/
.animation-bg {width: 100%; height: 100%; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; position: absolute; left: 0; top: 0; background: url(../images/anim-hero.gif) center no-repeat #131313;}
.animation-bg .inner {display: inline-block; position: relative; z-index: 2; text-align: center;}
.animation-bg .inner img {display: inline-block; width: 650px; max-width: 100%;}

/* VIDEO HERO */
.video-hero {width: 100%; height: 100%; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; position: absolute; left: 0; top: 0;}
.video-hero .inner {display: inline-block; position: relative; z-index: 2; text-align: center;}
.video-hero .inner h1 {font-size: 10vw; font-weight: 800; color: #fff; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #fff; line-height: 1; margin-bottom: 20px;}
.video-hero .inner h5 {font-size: 20px; font-weight: 800; color: #fff; margin-bottom: 40px;}
.video-hero a {height: 58px; line-height: 56px; display: inline-block; border: 1px solid #fff; color: #fff; padding: 0 45px; font-size: 12px; font-weight: 600;}
.video-hero a:hover {background: #d8ee00; color: #fff; border-color: #d8ee00; text-decoration: none;}

/* PAGE HEADER */
.page-header {width: 100%; height: 600px; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; position: relative; background: #131313; left: 0; top: 0;}
.page-header:after {content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1;}
.page-header .inner {width: 100%; padding: 0 60px; margin-top: 39px; position: relative; z-index: 3;}
.page-header .inner h2 {font-size: 8em; font-weight: 800; line-height: 1; color: #fff; position: relative;}
.page-header .inner h2:before {content: attr(data-text); position: absolute; left: -2px; text-shadow: 1px 0 blue; top: 0; color: white; overflow: hidden; clip: rect(0, 900px, 0, 0); animation: noise-anim-2 3s infinite linear alternate-reverse;}
.page-header .inner h2:after {content: attr(data-text); position: absolute; left: 2px; text-shadow: -1px 0 red; top: 0; color: white; overflow: hidden; clip: rect(0, xw00px, 0, 0); animation: noise-anim 2s infinite linear alternate-reverse;}
.page-header .inner p {font-size: 26px; line-height: 40px; color: #fff; font-weight: 300; margin-bottom: 0; padding-right: 40%;}

.page-header-spacing {width: 100%; height: 600px; display: flex; flex-wrap: nowrap;}

/* VIDEO BG */
.video-bg {width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; background: #000;}
.video-bg video {min-height: 100%; min-width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); opacity: 0.1; mix-blend-mode: luminosity;}

/* WORKS */
.works {width: 100%; display: flex; flex-wrap: wrap; padding-top: 150px; padding-bottom: 50px;}
.works.two-cols ul li {width: 50%;}
.works.four-cols ul li {width: 25%;}
.works.four-cols ul li figure figcaption {padding: 20px;}
.works.four-cols ul li figure figcaption h3 {font-size: 20px; margin-left: -30px;}
.works.four-cols ul li figure figcaption small {margin-bottom: 20px;}
.works ul {width: 100%; float: left; margin: 0; padding: 0;}
.works ul li {width: 33.33333%; float: left; margin: 0; margin-bottom: 100px; padding: 0 5%; list-style: none;}
.works ul li:nth-child(2n+2) {margin-top: 100px;}
.works ul li:nth-child(3n+3) {margin-top: 50px;}
.works ul li figure {position: relative; width: 100%; height: 100%; float: left; margin: 0; transform-style: preserve-3d;}
.works ul li 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 ul li figure:hover {margin: 0;}
.works ul li figure:hover .thumb {box-shadow: 4px 21px 44px -13px rgba(0, 0, 0, 0.75);}
.works ul li figure:hover figcaption {text-shadow: 2px 10px 10px rgba(0, 0, 0, 0.35);}
.works ul li figure:hover figcaption a {opacity: 1;}
.works ul li figure:hover figcaption .brand {opacity: 1;}
.works ul li figure .thumb {width: 100%;}
.works ul li figure figcaption {position: absolute; left: 0; bottom: 0; padding: 0 30px; padding-bottom: 50px; transform: translateZ(20px);}
.works ul li figure figcaption .brand {height: 30px; margin-bottom: 40px; opacity: 0;}
.works ul li figure figcaption h3 {font-weight: 800; color: #fff; margin-left: -50px;}
.works ul li figure figcaption small {font-size: 10px; color: #fff; display: block; margin-bottom: 50px; font-weight: 600;}
.works ul li figure figcaption a {display: inline-block; color: #fff; font-size: 12px; font-family: "Fjalla One", sans-serif; border-bottom: 2px solid #fff; padding-bottom: 2px; opacity: 0;}
.works ul li figure figcaption a:hover {text-decoration: none;}

/* WORKS FILTER */
.filter-bar {width: 100%; float: left; margin-bottom: 60px;}
.filter-bar .works-filter {float: left; line-height: 20px; margin: 0; padding: 0;}
.filter-bar .works-filter li {float: left; margin: 0; margin-right: 10px; padding: 0; list-style: none; opacity: 0; transform: translateY(10px); -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;}
.filter-bar .works-filter li:nth-child(1) {transition-delay: 0s;}
.filter-bar .works-filter li:nth-child(2) {transition-delay: 0.05s;}
.filter-bar .works-filter li:nth-child(3) {transition-delay: 0.1s;}
.filter-bar .works-filter li:nth-child(4) {transition-delay: 0.15s;}
.filter-bar .works-filter li:nth-child(5) {transition-delay: 0.2s;}
.filter-bar .works-filter li:nth-child(6) {transition-delay: 0.25s;}
.filter-bar .works-filter li:nth-child(7) {transition-delay: 0.3s;}
.filter-bar .works-filter li:nth-child(8) {transition-delay: 0.35s;}
.filter-bar .works-filter li:nth-child(9) {transition-delay: 0.4s;}
.filter-bar .works-filter li a {float: left; font-size: 13px; color: #fff; font-family: "Fjalla One", sans-serif; border-bottom: 2px solid transparent; padding: 0 2px; padding-bottom: 2px;}
.filter-bar .works-filter li a.current {color: #d8ee00; border-bottom: 2px solid #d8ee00;}
.filter-bar .works-filter li a:hover {color: #d8ee00; text-decoration: none;}
.filter-bar .works-filter.active li {opacity: 1; transform: translateY(0);}

.filter-btn {float: right;}
.filter-btn span {float: right; line-height: 22px; font-weight: 600; font-size: 13px; margin-right: 20px; color: #fff;}

/* CASE DETAIL */
.case-details {width: 100%; display: flex; flex-wrap: wrap; background: #fff;}
.case-details figure {width: 100%; float: left; margin-bottom: 30px;}
.case-details figure img {width: 100%; float: left;}
.case-details h3 {font-size: 80px; font-weight: 800; margin-bottom: 20px; margin-top: 150px;}
.case-details h6 {font-weight: 300; font-size: 24px; line-height: 34px; padding-right: 40%; margin-bottom: 20px;}
.case-details p {color: #808080;}
.case-details p:last-child {margin-bottom: 60px;}
.case-details .case-navbar {width: 100%; float: left; margin-bottom: 0; background: #fff; padding: 0; text-align: center; z-index: 2; position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; top: 0;}
.case-details .case-navbar ul {width: 100%; float: left; padding: 30px 0; margin: 0;}
.case-details .case-navbar ul li {display: inline-block; margin: 0 30px; padding: 0;list-style: none;}
.case-details .case-navbar ul li a {font-weight: 600;}
.case-details .case-navbar ul li a:hover {color: #d8ee00; text-decoration: none;}

/* FEATURES CONTENT */
.features-content {width: 100%; flex-wrap: wrap; padding-top: 110px; padding-bottom: 80px;}
.features-content h2 {font-size: 50px; font-weight: 700; margin-bottom: 40px; margin-top: -10px;}
.features-content h6 {font-size: 17px; font-weight: 300; line-height: 30px; color: #808080; padding-right: 20%;}
.features-content h5 {font-size: 20px; font-weight: 300; color: #808080; margin-top: -20px; margin-bottom: 80px;}
.features-content img {height: 95px; margin-bottom: 20px; width:97px;}
.features-content h4 {font-weight: 800; font-size: 22px; margin-bottom: 20px;}
.features-content p {font-size: 14px; line-height: 22px;}
.features-content ul {width: 100%; float: left; margin: 0; margin-top: -13px; margin-bottom: 70px; padding: 0;}
.features-content ul li {width: 100%; float: left; margin: 0; padding: 5px 0; list-style: none; font-size: 14px;}
.features-content a {font-size: 12px; color: #d8ee00; display: inline-block; font-weight: 600; margin-bottom: 70px; position: relative;}
.features-content a:before {content: ""; width: 0; height: 2px; background: #d8ee00; position: absolute; left: 0; bottom: 0; -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;}
.features-content a:hover {text-decoration: none;}
.features-content a:hover:before {width: 100%;}

/* LISTING CONTENT */
.listing-content {width: 100%; display: flex; flex-wrap: wrap; padding: 150px 0; color: #fff;}
.listing-content h3 {font-family: "Fjalla One", sans-serif;}
.listing-content ul {width: 100%; display: flex; flex-wrap: wrap; margin: 0; padding: 0;}
.listing-content ul li {width: 100%; margin: 0; padding: 10px 0; list-style: none; font-size: 13px;}

/* FULL MEDIA CONTENT */
.full-media-content {width: 100%; display: flex; flex-wrap: wrap; background-size: cover !important; position: relative;}
.full-media-content .video-bg video {opacity: 1;}
.full-media-content .sides {flex: 1; padding: 150px 0; position: relative;}
.full-media-content .sides figure {width: 50%; position: relative; z-index: 2; float: right; margin-bottom: 0; margin-right: -40px; border: 10px solid #fff;}
.full-media-content .sides figure img {width: 100%;}
.full-media-content .inner-content {display: flex; flex-wrap: wrap; justify-content: center; flex-direction: column; background: rgba(0, 0, 0, 0.7); color: #fff;}
.full-media-content .inner-content .inner {max-width: 700px; padding: 0 100px;}
.full-media-content .inner-content h5 {font-family: "Fjalla One", sans-serif; font-size: 20px; line-height: 1; text-transform: uppercase;}
.full-media-content .inner-content h2 {font-weight: 800; font-size: 60px; margin-bottom: 40px;}
.full-media-content .inner-content p {color: #fff; margin-bottom: 40px; font-weight: 300;}
.full-media-content .inner-content a {height: 58px; line-height: 54px; display: inline-block; border: 2px solid #fff; color: #fff; font-weight: 600; font-size: 12px; padding: 0 50px;}
.full-media-content .inner-content a:hover {background: #fff; color: #000; text-decoration: none;}

/* INTRODCUTION */
.introduction {width: 100%; display: flex; flex-wrap: wrap; padding: 150px 0; background: #fff;}
.introduction h2 {font-weight: 800; margin-bottom: 30px;}
.introduction h6 {font-weight: 600; margin-bottom: 10px;}
.introduction h4 {font-weight: 300; margin-bottom: 30px; margin-top: 5px; line-height: 34px;}
.introduction p {display: block; color: #808080; line-height: 26px;}
.introduction p:last-child {margin-bottom: 0;}
.introduction p span {position: relative; display: inline-block;}
.introduction p span:after {content: ""; position: absolute; left: 0; bottom: 3px; width: 100%; height: 5px; mix-blend-mode: hard-light; background: #d8ee00;}

/* OUR TEAM */
.our-team {width: 100%; display: flex; flex-wrap: wrap; padding-top: 150px; background: #f3f3f3;}
.our-team * {-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;}
.our-team figure {width: 100%; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; position: relative; margin: 0; overflow: hidden;}
.our-team figure img {width: 100%; float: left; filter: grayscale(1); mix-blend-mode: multiply;}
.our-team figure figcaption {width: 100%; text-align: center; position: absolute; left: 0; bottom: 0; padding: 20px; opacity: 0; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);}
.our-team figure figcaption h4 {font-size: 18px; font-weight: 800; color: #fff; margin-bottom: 0;}
.our-team figure figcaption small {font-size: 12px; color: #fff;}
.our-team figure:hover {background: url(../images/team-splash.png) center no-repeat; background-size: cover;}
.our-team figure:hover img {transform: translateY(20px);}
.our-team figure:hover figcaption {opacity: 1;}


/* SAY HELLO */
.say-hello {width: 100%; display: flex; flex-wrap: wrap; padding: 150px 0; background: #fff;}
.say-hello h3 {font-size: 50px; font-weight: 800; margin-bottom: 40px;}
.say-hello .contact-box {width: 100%; float: left; margin-bottom: 30px;}
.say-hello .contact-box span {display: block; color: #808080; font-size: 13px; font-weight: 600;}
.say-hello .contact-box a {display: inline-block; color: #000;}
.say-hello .map-link {font-size: 13px; font-weight: 600; margin-bottom: 40px; text-decoration: underline; color: #d8ee00;}
.say-hello .alert {width: 100%; float: left; border-radius: 0; border: none; padding: 30px 20px;}
.say-hello .alert-danger {background: red; color: #fff;}
.say-hello .alert-success {background: green; color: #fff;}
.say-hello form {width: 100%; padding-right: 40%;}
.say-hello form input[type=text] {width: 100%; float: left;}
.say-hello form textarea {width: 100%; float: left;}
.say-hello form label {font-size: 13px; color: #808080;}
.say-hello #success, .say-hello #error {display: none;}
.say-hello #success, .say-hello #error {float: left;}
.say-hello #contact label.error {width: 100%; float: left; color: #f50c1a; margin-top: 10px;}
.say-hello #contact input.error {width: 100%; border: 2px solid #f50c1a;}
.say-hello #contact textarea.error {width: 100%; border: 2px solid #f50c1a;}

/* LOGOS */
.logos {width: 100%; flex-wrap: wrap; padding: 70px 0;}
.logos ul {width: 100%; display: flex; flex-wrap: wrap; margin: 0; padding: 0; position: relative; border-left: 1px solid rgba(40, 40, 40, 0.7); border-top: 1px solid rgba(40, 40, 40, 0.7);}
.logos ul li {width: 20%; float: left; list-style: none; border-right: 1px solid rgba(40, 40, 40, 0.7); border-bottom: 1px solid rgba(40, 40, 40, 0.7); text-align: center;}
.logos ul li:hover figure {opacity: 1;}
.logos ul li figure {display: block; height: 80px; margin: 30px 0; opacity: 0.6; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; position: relative;}
.logos ul li figure img {display: none; height: 80px; position: absolute; left: 50%; top: 0; transform: translateX(-50%);}

/* FOOTER */
.bhome2 {width: 100%; display: flex; color: #fff; background: url(../images/anim-hero.gif) center no-repeat #131313; text-align: center; padding-top: 150px; padding-bottom: 50px; position: relative;}
.bhome {width: 100%; display: flex; color: #fff; text-align: center; padding-top: 150px; padding-bottom: 50px; position: absolute !important; z-index:2;}
.bhome img {height: 55px; display: inline-block; margin-bottom: 20px;}
.bhome h2 {
font-size: 50px; font-weight: bold; margin-bottom: 60px !important; margin-top: 0px;}
.bhome h5 a {font-family: "Fjalla One", sans-serif; text-transform: uppercase; margin-bottom: 50px; color: #808080;}
.bhome h5 a:hover {text-decoration:none;}
.bhome ul {display: inline-block; margin: 0px !important; padding: 0;}
.bhome ul li {float: left; margin: 0 10px; padding: 0; list-style: none;}
.bhome ul li a {font-size: 12px; color: #fff;}
.bhome ul li a:hover {color: #d8ee00;}
.bhome span {display: block; font-size: 11px; color: #989898;}

/* RESPONSIVE TABLET FIXES */
@media only screen and (max-width: 991px), only screen and (max-device-width: 991px) {input[type=text], input[type=search], input[type=email], input[type=password], input[type=submit], textarea {  border-radius: 0 !important;   box-shadow: none !important;   appearance: none;   -webkit-appearance: none;   -moz-appearance: none; }
.header .gallery-thumbs {height: 60%; top: 20%;}.header .gallery-thumbs .swiper-slide {font-size: 70px;}.works ul li {width: 50%; }.works.four-cols ul li {width: 33.33333%;}.features-content h6 {margin-bottom: 50px;margin-top: -30px; }.full-media-content {flex-direction: column;}.full-media-content .sides figure {float: none; margin: 0 auto;}.full-media-content .inner-content {flex: none;}.page-header .inner h2 {font-size: 5em;}.page-header .inner p {padding-right: 20%;}.say-hello form {padding-right: 0; width: auto;}.say-hello form .form-group:last-child {margin-bottom: 0;}
}
/* RESPONSIVE MOBILE FIXES */

@media only screen and (max-width: 480px) {
.bhome h2{font-size: 30px !important; margin-top: 0px !important;}

}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
    .hide-mobile {display: none;}.navbar {padding: 20px 30px;}.navbar .email-us {display: none;}.navigation-menu .inner ul li a {font-size: 40px;}.navigation-menu .inner ul li ul li {margin: 0 15px;}.navigation-menu .inner address {font-size: 16px;}.header .swiper-pagination {left: 30px;}.header .gallery-thumbs {left: 30px; height: 30%; top: 35%;}.header .gallery-thumbs .swiper-slide {font-size: 50px;}.header .gallery-thumbs .swiper-slide a {margin-top: 0;}.particles-mask {padding: 0 30px;}.particles-mask .inner .masker h1 {font-size: 15vw;}.particles-mask .inner h5 {padding: 0;}.video-hero .inner h1 {font-size: 15vw;}.motion-blur .inner h1 {font-size: 14vw;}.page-header .inner {padding: 0 30px;}.page-header .inner h2 {font-size: 3em;}.titulopage h2 {font-size: 3em !important;}.titulopage p {font-size: 22px !important; line-height: 34px; padding-right: 0 !important;}.introduction {padding: 80px 0;}.listing-content {padding: 80px 0;}.listing-content .mobile-spacing {margin-bottom: 50px;}.social-media {display: none;}.scroll-down {display: none;}.our-team {padding-top: 80px;}.works {padding-top: 80px; padding-bottom: 0;}.works ul li {width: 100%; margin-top: 0 !important; margin-bottom: 80px; padding: 0 12%;}.works ul li figure figcaption {padding-bottom: 30px;}.works.two-cols ul li {width: 100%;}.works.four-cols ul li {width: 100%;}.works.four-cols ul li figure figcaption {padding-bottom: 30px;}.features-content {text-align: center; padding-top: 80px; padding-bottom: 10px;}.features-content h2 {font-size: 40px;}.features-content h6 {padding-right: 0;}.full-media-content .sides {padding: 80px 0;}.full-media-content .sides figure {width: 70%; position: static; margin: 0 auto;}.full-media-content .inner-content .inner {max-width: 100%; padding: 0 30px;}.full-media-content .inner-content h2 {font-size: 44px;}.news {padding: 80px 0;}.news .post {margin-bottom: 10px;}.news .post .post-content {padding: 0;}.news .post .post-content .post-title {font-size: 30px; line-height: 40px;}.news .post.post-single .post-content .post-title {font-size: 36px; line-height: 46px;}.logos {padding: 30px 0;}.logos ul li {width: 33.33333%; margin: 25px auto;}.filter-bar {text-align: center;}.filter-bar .works-filter {width: 100%; float: left; margin-top: 20px; padding: 0 20px;}.filter-bar .works-filter li {float: none; display: inline-block; margin: 0 10px;}.filter-btn {float: none; margin: 0 auto; display: inline-block;}.case-details .case-navbar ul li {margin: 0 12px;}.case-details h3 {font-size: 60px;}.case-details h6 {padding-right: 0;}.say-hello {padding: 80px 0;}.say-hello h3 {font-size: 38px;}.footer {padding-top: 80px;}.footer h2 {font-size: 40px;}


}
.tithome h2{font-size: 83px; font-weight: bold; margin-bottom: 30px; margin-top: 53px;}
.titulopage {padding:150px 0 0;}
.titulopage h2 {font-size: 6em;font-weight: 700;line-height: 1; color: #fff;  position: relative;}
.titulopage p {font-size: 26px; line-height: 40px; color: #fff; font-weight: 300; margin-bottom: 0;  padding-right: 15%; padding-top: 20px;}
.linha {border-top: 1px solid rgba(40, 40, 40, 0.6); margin:0 0 50px}

.oxilab-flip-box-1, .oxilab-flip-box-back-1, .oxilab-flip-box-2, .oxilab-flip-box-back-2, .oxilab-flip-box-3, .oxilab-flip-box-back-3, .oxilab-flip-box-4, .oxilab-flip-box-back-4, .oxilab-flip-box-5, .oxilab-flip-box-back-5, .oxilab-flip-box-6, .oxilab-flip-box-back-6 {box-shadow:none!important; border:0 !important; background-color: transparent !important; height:73% !important;}
.oxilab-flip-box-1-data, .oxilab-flip-box-back-1-data .oxilab-flip-box-2-data, .oxilab-flip-box-back-2-data {margin: 0 !important; background: #333 !important;}
.oxilab-flip-box-1-image-icon, .oxilab-flip-box-2-image-icon, .oxilab-flip-box-3-image-icon, .oxilab-flip-box-4-image-icon, .oxilab-flip-box-5-image-icon, .oxilab-flip-box-6-image-icon {display:none !important;}
.oxilab-flip-box-back-1-data .oxilab-info, .oxilab-flip-box-back-2-data .oxilab-info, .oxilab-flip-box-back-3-data .oxilab-info, .oxilab-flip-box-back-4-data .oxilab-info, .oxilab-flip-box-back-5-data .oxilab-info, .oxilab-flip-box-back-6-data .oxilab-info {padding: 15px 20px 20px 20px !important;}
.oxilab-flip-box-back-1-data .oxilab-button-data:hover, .oxilab-flip-box-back-2-data .oxilab-button-data:hover, .oxilab-flip-box-back-3-data .oxilab-button-data:hover, .oxilab-flip-box-back-4-data .oxilab-button-data:hover, .oxilab-flip-box-back-5-data .oxilab-button-data:hover, .oxilab-flip-box-back-6-data .oxilab-button-data:hover {background-color: #fff !important; color: #333 !important;}
.oxilab-flip-box-back-1-data .oxilab-button-data, .oxilab-flip-box-back-2-data .oxilab-button-data, .oxilab-flip-box-back-3-data .oxilab-button-data, .oxilab-flip-box-back-4-data .oxilab-button-data, .oxilab-flip-box-back-5-data .oxilab-button-data, .oxilab-flip-box-back-6-data .oxilab-button-data {color:#333 !important;}
.oxilab-flip-box-1-data, .oxilab-flip-box-2-data, .oxilab-flip-box-3-data, .oxilab-flip-box-4-data, .oxilab-flip-box-5-data, .oxilab-flip-box-6-data {padding: 4px !important;}
.oxilab-flip-box-back-1-data, .oxilab-flip-box-2-data, .oxilab-flip-box-3-data, .oxilab-flip-box-back-3-data, .oxilab-flip-box-4-data, .oxilab-flip-box-back-4-data, .oxilab-flip-box-5-data, .oxilab-flip-box-back-5-data, .oxilab-flip-box-6-data, .oxilab-flip-box-back-6-data {background-color:#333 !important; background:#333 !important;}
.oxilab-flip-box-padding-1, .oxilab-flip-box-padding-2, .oxilab-flip-box-padding-3, .oxilab-flip-box-padding-4, .oxilab-flip-box-padding-5, .oxilab-flip-box-padding-6 {padding:0 !important;}
/*# sourceMappingURL=style.css.map */