@charset "UTF-8";
/*

@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. CUSTOM FONTS
		02.	BODY
		03.	LINKS
		04.	HTML TAGS
		05.	SPACING
		06.	FORM ELEMENTS
		07.	CUSTOM CONTAINER
		08.	SECTIONS
		09.	CONTENT SECTION
		10.	SECTION TITLE
		11.	ODOMETER
		12.	PAGINATION
		13.	CUSTOM LINK
		14.	CUSTOM BUTTON
		15.	SANDWICH
		16.	EQUALIZER
		17.	PRE ELEMENTS
		18.	PAGE LOADED
		19.	CUSTOM CURSOR
		20.	PRELOADER
		21.	PAGE TRANSITION
		22.	SITE NAVIGATION
		23.	DISPLAY NAV
		24.	NAVBAR
		25.	BOTTOM BAR
		26.	LEFT SIDE
		27.	RIGHT SIDE
		28.	SLIDER
		29.	KINETIC SLIDER
		30.	VIDEO BG
		31.	PAGE HEADER
		32.	ICON CONTENT LIST BLOCK
		33.	SIDE IMAGE CONTENT 
		34.	RECENT NEWS
		35.	ICON CONTENT BLOCK
		36.	MASONRY GALLERY
		37.	TEXT CONTENT BLOCK
		38.	AWARDS
		39.	TEAM
		40.	SERVICES
		41.	CLIENTS
		42.	WORKS
		43.	BLOG POST
		44.	BLOG SIDEBAR
		45.	CONTACT
		46.	CONTACT FORM
		47.	FOOTER
		48.	RESPONSIVE MEDIUM  
		49.	RESPONSIVE TABLET  
		50.	RESPONSIVE MOBILE


*/
:root {
  --color-main: #4237ef;
  --color-dark: #0e0e0e;
}

/* FONTS */
/*@font-face {
  font-family: 'Cera-GR';
  src: url("../fonts/cera-gr.eot");
  src: local("☺"), url("../fonts/cera-gr.woff") format("woff"), url("../fonts/cera-gr.ttf") format("truetype"), url("../fonts/cera-gr.svg") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Cera-GR';
  src: url("../fonts/cera-gr-bold.eot");
  src: local("☺"), url("../fonts/cera-gr-bold.woff") format("woff"), url("../fonts/cera-gr-bold.ttf") format("truetype"), url("../fonts/cera-gr-bold.svg") format("svg");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Cera-GR';
  src: url("../fonts/cera-gr-black.eot");
  src: local("☺"), url("../fonts/cera-gr-black.woff") format("woff"), url("../fonts/cera-gr-black.ttf") format("truetype"), url("../fonts/cera-gr-black.svg") format("svg");
  font-weight: 800;
  font-style: normal;
}*/
/* BODY */
* {
  outline: none !important;
}

/*body {
  margin: 0;
  padding: 0;
  font-family: 'Cera-GR', sans-serif;
  font-size: 14px;
  color: var(--color-dark);
}*/

/* LINKS */
a {
  color: var(--color-dark);
}

a:hover {
  text-decoration: underline;
  color: var(--color-dark);
}

a:focus {
  color: var(--color-dark);
  text-decoration: none;
}

/* HTML TAGS */
html {
  height: 100%;
  scroll-behavior: smooth;
}
img {
  max-width: 100%;
}

p {
  margin-bottom: 20px;
}
p:last-child {
  margin-bottom: 0;
}

/* SPACING */
.no-spacing {
  margin: 0 !important;
  padding: 0 !important;
}

.top-no-spacing {
  padding-top: 0 !important;
}

.top-50-spacing {
  padding-top: 50px !important;
}

/* FORM ELEMENTS */
input[type="text"], input[type="email"], input[type="password"], input[type="search"] {
  width: 440px;
  max-width: 100%;
  height: 60px;
  border: 1px solid #ccc;
  padding: 0 20px;
}

textarea {
  width: 540px;
  max-width: 100%;
  height: 160px;
  border: 1px solid #ccc;
  padding: 20px;
}

input[type="button"], input[type="submit"], button[type="button"], button[type="submit"] {
  height: 60px;
  background: var(--color-dark);
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1px;
  border: none;
  padding: 0 50px;
}

.othermap-imagesec{
    padding: 100px 0 50px;
}
.mapimagewrapper h3{
    margin: 0;
    text-align: center;
    margin-top: 20px;
    font-size: 20px;
}
.mapimagewrapper{
    background: #FFFFFF;
    box-shadow: 0 5px 5px 0 rgb(0 0 0 / 10%);
    padding-bottom: 15px;
    margin-bottom: 20px;
}

/* CUSTOM CONTAINER */
@media (min-width: 1170px) {
  .container {
    max-width: 1100px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1260px;
  }
}
.container-fluid {
  padding: 0 100px;
}

/* SECTIONS */
main {
  width: 100%;
  display: block;
  position: relative;
  z-index: 1;
  /*overflow: hidden;*/
  background: #fff;
}

aside {
  display: block;
}

article {
  display: block;
}

/* CONTENT SECTION */
.content-section {
  width: 100%;
  display: block;
  padding: 150px 0;
}

.bg-color-dark {
  background: var(--color-dark) !important;
}

.bg-color-main {
  background: var(--color-main) !important;
}

.bg-image-fixed {
  width: 100%;
  min-height: 450px;
  position: relative;
  background-size: cover;
  background-attachment: fixed;
}

.content-section.bg-image {
  background-size: cover !important;
  background-attachment: fixed !important;
}

.vc_row.wpb_row.vc_row-fluid {
  margin-left: 0;
  margin-right: 0;
}

.vc_row.wpb_row.vc_row-fluid .vc_column-inner {
  padding: 0;
}

.content-section .vc_row.wpb_row.vc_row-fluid {
  margin-left: -15px;
  margin-right: -15px;
}

.content-section .vc_row.wpb_row.vc_row-fluid .vc_column-inner {
  padding-left: 15px;
  padding-right: 15px;
}

/* SECTION TITLE */
.section-title {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 75px;
}
.section-title h6 {
    width: 100%;
    display: block;
    font-size: 18px;
    letter-spacing: 3px;
    margin-bottom: 0px;
    margin-top: 30px;
}
.section-title h2 {
  width: 100%;
  display: block;
  font-size: 40px;
  font-weight: 800;
  line-height: 1;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.section-title p {
  font-size: 17px;
  margin-top: 30px;
}

/* ODOMETER */
.odometer {
  line-height: 1;
  padding: 0;
}

.odometer.odometer-auto-theme, .odometer.odometer-theme-car {
  padding: 0 !important;
}

.odometer.odometer-auto-theme .odometer-digit {
  padding: 0 !important;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner {
  left: 0 !important;
}

.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;
}
a, a:hover{
  text-decoration: none !important;
}
/* SPLITTING */
.splitting .word, .splitting .char {
  display: inline-block;
}

.splitting .char {
  position: relative;
}

.animated .char {
  display: inline-block;
  animation: texteffect 0.6s cubic-bezier(0.5, 0, 0.5, 1) both;
  animation-delay: calc(10ms * var(--char-index));
}

/* REVEAL EFFECT */
.reveal-effect {
  float: left;
  position: relative;
}

.reveal-effect > * {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -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 > * {
  -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);
      width: 100%;
}

.reveal-effect.animated {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.reveal-effect.animated * {
  -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: 1s;
  animation-duration: 1s;
  -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.masker:after {
  background-color: var(--color-dark);
}

.reveal-effect.animated:after {
  -webkit-animation-name: slide-bg-2;
  animation-name: slide-bg-2;
}

/* ANIMATIONS */
@keyframes texteffect {
  0% {
    transform: translateY(100%) rotateX(90deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0) translateY(0);
    opacity: 1;
  }
}
@keyframes texteffect {
  0% {
    transform: translateY(100%) rotateX(90deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0) translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes show-img-1 {
  0%,66.6% {
    visibility: hidden;
  }
  100%,66.7% {
    visibility: visible;
  }
}
@keyframes show-img-1 {
  0%,66.6% {
    visibility: hidden;
  }
  100%,66.7% {
    visibility: visible;
  }
}
@-webkit-keyframes slide-bg-2 {
  33.3% {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(0.05, 1);
    transform: scale(0.05, 1);
  }
  66.6% {
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  66.7% {
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
  }
}
@keyframes slide-bg-2 {
  33.3% {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(0.05, 1);
    transform: scale(0.05, 1);
  }
  66.6% {
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  66.7% {
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
  }
}
/* PAGINATION */
.pagination {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  margin-top: 50px;
}
.pagination .page-numbers {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.pagination li {
  display: inline-block;
  margin-left: -1px;
}
.pagination li .page-numbers {
  height: 60px;
  line-height: 60px;
  padding: 0 30px;
  border-radius: 0 !important;
  font-size: 12px;
  font-weight: 600;
  color: var(--color-dark);
  outline: none !important;
  border: 1px solid #dee2e6;
}
.pagination li .page-numbers.current {
  background: #e9ecef;
}
.pagination li .page-numbers:hover {
  background: #e9ecef;
}

/* CUSTOM LINK */
.custom-link {
  width: 100%;
  display: block;
  overflow: hidden;
}
.custom-link a {
  color: #fff;
  display: inline-block;
  position: relative;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.custom-link a:before {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 100%;
  color: #fff;
}
.custom-link a:hover {
  transform: translateY(-100%);
  text-decoration: none;
}

/* CUSTOM BUTTON */
.custom-btn {
  position: relative;
  display: inline-block;
  width: 220px;
  height: 58px;
  line-height: 56px;
  text-align: center;
  background-color: transparent;
  cursor: pointer;
  text-decoration: none;
}
.custom-btn:hover {
  text-decoration: none;
}
.custom-btn:hover svg rect {
  stroke-width: 1;
  stroke-dasharray: 150, 500;
  stroke-dashoffset: 340;
}
.custom-btn svg {
  width: 220px;
  height: 58px;
  position: absolute;
  top: 0;
  left: 0;
}
.custom-btn svg rect {
  width: 218px;
  height: 56px;
  stroke-width: 1;
  stroke-dasharray: 353, 0;
  stroke-dashoffset: 0;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
}
.custom-btn span {
  display: inline-block;
  color: #E2A133;
  font-size: 12px;
  font-weight: 800;
}
.pres_div h4{
      color: #E2A133;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
}
.pres_div p{
      line-height: 32px;
    margin-bottom: 10px;
        color: #000;
}
.pres_div p a{
  color: #e2a133;
}

/* SANDWICH */
.menu-text {
  margin-left: auto;
  color: #000;
}

.sandwich {
  width: 36px;
  height: 36px;
  position: relative;
}
.sandwich * {
  transition: all 0.5s cubic-bezier(0.47, 0.02, 0.03, 0.86);
}
.sandwich span {
  width: 36px;
  height: 3px;
  background: #000;
  position: absolute;
}
.sandwich .sand {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sandwich .sand span:nth-child(1) {
  top: 14px;
  left: 0;
}
.sandwich .sand span:nth-child(2) {
  top: 24px;
  left: 0;
}
.sandwich .closed {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 1px;
  z-index: 2;
  opacity: 1;
  overflow: hidden;
  transform: rotate(45deg);
  transform-origin: center;
}
.sandwich .closed span:nth-child(1) {
  width: 36px;
  top: 17px;
  left: 0;
  transform: rotate(0deg) translateX(-130%);
  transition-delay: 0.30s;
}
.sandwich .closed span:nth-child(2) {
  width: 36px;
  top: 17px;
  right: 0;
  transform: rotate(90deg) translateX(-130%);
  transition-delay: 0.45s;
}
.sandwich:hover .sand span:nth-child(1) {
  width: 36px;
}
.sandwich:hover .sand span:nth-child(2) {
  width: 36px;
  left: 0px;
}
.sandwich.active {
  position: relative;
}
.sandwich.active .sand span:nth-child(1) {
  width: 0;
}
.sandwich.active .sand span:nth-child(2) {
  width: 0;
  left: 0;
  transition-delay: 0.15s;
}
.sandwich.active .closed span:nth-child(1) {
  width: 36px;
  transform: rotate(0deg) translateX(0);
}
.sandwich.active .closed span:nth-child(2) {
  width: 36px;
  transform: rotate(90deg) translateX(0);
  transition-delay: 0.15s;
}

/* EQUALIZER */
.equalizer {
  width: 18px;
  height: 3px;
  display: inline-block;
  overflow: hidden;
  margin-right: 10px;
  cursor: pointer;
  position: relative;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}

.equalizer span {
  background: #fff;
  width: 2px;
  height: 3px;
  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.started {
  height: 20px;
  overflow: inherit;
}

/* PRE ELEMENTS */
.navbar, .bottom-bar, .left-side, .right-side {
  transition: all ease 0.5s;
  opacity: 0;
  transition-delay: 1.5s;
}

.slide-content .link-holder, .page-header .container p {
  transition: all ease 0.5s;
  opacity: 0;
  transform: translateY(50px);
}

.slide-content h1, .page-header .container h1 {
  transition: all ease 0.5s;
  opacity: 0;
  transform: translateY(-50px);
}

.slider {
  transition: all ease 1s;
  transform: scale(1.5);
  transition-delay: 0.8s;
}

/* PAGE LOADED */
.page-loaded .preloader {
  height: 0;
  visibility: hidden;
  display: none;
}

.page-loaded .preloader span {
  width: 0;
}

.page-loaded .preloader .inner {
  visibility: hidden;
}

.page-loaded .preloader canvas {
  opacity: 0;
  animation: none;
  -webkit-animation: none;
  -moz-animation: none;
}

.page-loaded .preloader img {
  opacity: 0;
}

.page-loaded .navbar, .page-loaded .bottom-bar, .page-loaded .left-side, .page-loaded .right-side {
  opacity: 1;
}

.page-loaded .slide-content .link-holder, .page-loaded .page-header .container p {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 1.5s;
}

.page-loaded .slide-content h1, .page-loaded .page-header .container h1 {
opacity: 1;
    transform: translateY(0);
    transition-delay: 1.5s;
}

.page-loaded .slider {
  transform: scale(1);
}

/* NO PRELOADER */
.no-preloader .preloader {
  height: 0;
  visibility: hidden;
}

.no-preloader .preloader span {
  width: 0;
}

.no-preloader .preloader .inner {
  visibility: hidden;
}

.no-preloader .preloader canvas {
  opacity: 0;
  animation: none;
  -webkit-animation: none;
  -moz-animation: none;
}

.no-preloader .preloader img {
  opacity: 0;
}

.no-preloader .navbar {
  opacity: 1;
}

.no-preloader .bottom-bar {
  opacity: 1;
}

.no-preloader .left-side {
  opacity: 1;
}

.no-preloader .right-side {
  opacity: 1;
}

.no-preloader .slide-content .link-holder, .no-preloader .page-header .container p {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 1.5s;
}

.no-preloader .slide-content h1, .no-preloader .page-header .container h1 {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 1.5s;
}

.no-preloader .slider {
  transform: scale(1);
}

/* CUSTOM CURSOR */
.cursor {
  position: fixed;
  top: -30px;
  left: -30px;
  pointer-events: none;
  z-index: 9999;
  mix-blend-mode: difference;
}
.cursor:before {
  content: "";
  width: 60px;
  height: 60px;
  display: inline-block;
  border-radius: 50%;
  background: white;
  transition: all ease 0.15s;
  transform: scale(0.15);
}

.cursor.light:before {
  transform: scale(1);
}

/* PRELOADER */
.preloader {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
  transition-delay: 2s;
  overflow: hidden;
}
.preloader span {
  width: 25%;
  height: 100%;
  position: absolute;
  right: 0%;
  top: 0;
  background: var(--color-dark);
  transition: all ease 0.7s;
  transition-delay: 0.7s;
}
.preloader span:nth-child(2) {
  right: 25%;
}
.preloader span:nth-child(3) {
  right: 50%;
}
.preloader span:nth-child(4) {
  right: 75%;
}
.preloader .inner {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-animation: fadein 0.3s;
  -moz-animation: fadein 0.3s;
  -ms-animation: fadein 0.3s;
  -o-animation: fadein 0.3s;
  animation: fadein 0.3s;
}
.preloader .inner canvas {
  display: inline-block;
  background: none;
  border-radius: 50%;
  -webkit-animation: spin 4s linear infinite;
  -moz-animation: spin 4s linear infinite;
  animation: spin 4s linear infinite;
  position: relative;
  z-index: 1;
  transition: all ease 0.5s;
}
.preloader .inner img {
  height: 15px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  transition: all ease 0.5s;
  transition-delay: 0.2s;
}

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* PAGE TRANSITION */
.page-transition {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
  visibility: hidden;
}
.page-transition span {
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: var(--color-dark);
  transition: all ease 0.5s;
}
.page-transition span:nth-child(2) {
  left: 25%;
}
.page-transition span:nth-child(3) {
  left: 50%;
}
.page-transition span:nth-child(4) {
  left: 75%;
}
.page-transition.active {
  visibility: visible;
}
.page-transition.active span {
  width: 25%;
}

/* SITE NAVIGATION */
.menu-container {
  width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
  visibility: hidden;
  padding: 0 60px;
  overflow: scroll;
}
.menu-container * {
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.menu-container li {
  width: 100%;
  float: left;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin: 15px 0;
  padding: 0;
  list-style: none;
  opacity: 0;
  line-height: 1;
  transform: skewY(6deg);
  position: relative;
  text-align: center;
}
.menu-container li:nth-child(1) {
  transition-delay: 0.30s;
}
.menu-container li:nth-child(2) {
  transition-delay: 0.35s;
}
.menu-container li:nth-child(3) {
  transition-delay: 0.40s;
}
.menu-container li:nth-child(4) {
  transition-delay: 0.45s;
}
.menu-container li:nth-child(5) {
  transition-delay: 0.50s;
}
.menu-container li:nth-child(6) {
  transition-delay: 0.55s;
}
.menu-container li:nth-child(7) {
  transition-delay: 0.60s;
}
.menu-container li:nth-child(8) {
  transition-delay: 0.65s;
}
.menu-container li:nth-child(9) {
  transition-delay: 0.70s;
}
.menu-container li:nth-child(10) {
  transition-delay: 0.75s;
}
.menu-container li:nth-child(11) {
  transition-delay: 0.80s;
}
.menu-container li:nth-child(12) {
  transition-delay: 0.85s;
}
.menu-container li div {
  display: inline-block;
  overflow: hidden;
}
.menu-container li i {
  width: 24px;
  height: 24px;
  display: none;
  margin: 0;
  margin-left: -30px;
  margin-right: 6px;
  position: relative;
}
.menu-container li i:before {
  content: "";
  width: 11px;
  height: 11px;
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
  transform: rotate(-45deg);
  position: absolute;
  left: 6px;
  top: 4px;
}
.menu-container li a {
    font-size: 36px;
    color: #fff;
    font-weight: 600;
    display: inline-block;
    position: relative;
    text-transform: uppercase;
}
.menu-container li a:before {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 100%;
  color: #fff;
}
.menu-container li a:hover {
  transform: translateY(-100%);
  text-decoration: none;
}

.menu-container li ul li a {
  font-size: 44px;
  font-weight: 600;
}

.menu-container li ul li ul li a {
  font-size: 33px;
}

.menu-container li ul li ul li ul li a {
  font-size: 28px;
}

.menu-container li.dropdown ul {
  width: 100%;
  display: none;
  margin: 0;
  padding: 0;
}

.menu-container li.dropdown ul li {
  width: 100%;
}

.menu-container li.dropdown i {
  display: inline-block;
}

.menu-container li.dropdown ul li i {
  display: none;
}

.menu-container li.dropdown ul li.dropdown {
  margin-bottom: 5px;
}

.menu-container li.dropdown ul li.dropdown i {
  display: inline-block;
}

.menu-container li.dropdown ul li.dropdown ul li i {
  display: none;
}

.menu-container li.dropdown ul li.dropdown ul li.dropdown {
  margin-bottom: 5px;
}

.menu-container li.dropdown ul li.dropdown ul li.dropdown i {
  display: inline-block;
}

.menu-container li.dropdown ul li.dropdown ul li.dropdown ul li i {
  display: none;
}

.menu-container li.dropdown ul li.dropdown ul li.dropdown ul li.dropdown {
  margin-bottom: 5px;
}

.menu-container li.dropdown ul li.dropdown ul li.dropdown ul li.dropdown i {
  display: inline-block;
}

/* DISPLAY NAV*/
.display-nav {
  overflow: hidden;
}
.display-nav .menu-horizontal {
  visibility: visible;
}
.display-nav .menu-horizontal li {
  opacity: 1;
  transform: skewY(0deg);
}
.display-nav .menu-container {
  visibility: visible;
}
.display-nav .menu-container .menu-item {
  opacity: 1;
  transform: skewY(0deg);
}
.display-nav .page-header .container {
  opacity: 0;
}
.display-nav .video-bg .container {
  opacity: 0;
}
.display-nav .kinetic-slider {
  opacity: 0.2;
  filter: blur(10px);
}
.display-nav .slider .swiper-slide-active .slide-content {
  opacity: 0;
}
.display-nav .sandwich {
  position: relative;
}
.display-nav .sandwich .sand span:nth-child(1) {
  width: 0;
}
.display-nav .sandwich .sand span:nth-child(2) {
  width: 0;
  left: 0;
  transition-delay: 0.15s;
}
.display-nav .sandwich:hover .sand span:nth-child(1) {
  width: 0;
}
.display-nav .sandwich:hover .sand span:nth-child(2) {
  width: 0;
  left: 10px;
}
.display-nav .sandwich .closed span:nth-child(1) {
  width: 36px;
  transform: rotate(0deg) translateX(0);
}
.display-nav .sandwich .closed span:nth-child(2) {
  width: 36px;
  transform: rotate(90deg) translateX(0);
  transition-delay: 0.15s;
}

/* NAVBAR */
.navbar {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  padding: 30px 100px;
  font-weight: 600;
}
.navbar .logo {
  margin-left: 0;
}
.navbar .logo a {
  display: inline-block;
}
.navbar .logo a img {
  height: auto;
    width: 260px;}
.navbar .languages {
  height: 21px;
  margin-left: 100px;
  margin-right: auto;
  margin-bottom: 0;
  padding: 0;
}
.navbar .languages li {
  display: inline-block;
  margin-right: 20px;
  padding: 0;
  overflow: hidden;
}
.navbar .languages li a {
  color: #fff;
  display: inline-block;
  position: relative;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.navbar .languages li a:before {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 100%;
  color: #fff;
}
.navbar .languages li a:hover {
  transform: translateY(-100%);
  text-decoration: none;
}
.navbar .sandwich-menu {
  height: 40px;
  margin-right: 0;
  margin-left: 15px;
  color: #fff;
  overflow: hidden;
}

.body-horizontal-menu .menu-text {
  display: none;
}

.body-horizontal-menu .sandwich-menu {
  display: none;
}

.body-sandwich-menu .menu-text {
  display: inline-block;
}

.body-sandwich-menu .sandwich-menu {
  display: inline-block;
}

/* BOTTOM BAR */
.bottom-bar {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  padding: 20px 100px;
  color: #fff;
  font-weight: 600;
  align-items: flex-end;
}
.bottom-bar .audio {
  flex: 1;
  margin-left: 0;
}
.bottom-bar .audio .sound {
  display: inline-block;
}
.bottom-bar .audio b {
  font-weight: 600;
  display: inline-block;
  height: 20px;
}
.bottom-bar .scroll-down {
  flex: 1;
  text-align: right;
  margin-left: auto;
  overflow: hidden;
  position: relative;
}
.bottom-bar .scroll-down a {
  color: #fff;
  display: inline-block;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.bottom-bar .scroll-down a:before {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 100%;
  color: #fff;
}
.bottom-bar .scroll-down a:hover {
  transform: translateY(-100%);
  text-decoration: none;
}
.bottom-bar .swiper-pagination-bullets {
  flex: 1;
}
.bottom-bar .slider-controls {
  flex: 1;
  text-align: right;
}

/* LEFT SIDE */
.left-side {
  width: 100vh;
  position: absolute;
  left: 40px;
  bottom: 0;
  color: #fff;
  transform: rotate(-90deg);
  transform-origin: left bottom;
  z-index: 3;
  text-align: center;
}
.left-side .social-links {
  height: 21px;
  margin-right: 0;
  margin-left: auto;
}
.left-side .social-links ul {
  margin: 0;
  padding: 0;
  display: inline-block;
}
.left-side .social-links ul li {
  display: inline-block;
  margin-left: 15px;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
.left-side .social-links ul li a {
  color: #fff;
  display: inline-block;
  position: relative;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.left-side .social-links ul li a:before {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 100%;
  color: #fff;
}
.left-side .social-links ul li a:hover {
  transform: translateY(-100%);
  text-decoration: none;
}

/* RIGHT SIDE */
.right-side {
  width: 100vh;
  position: absolute;
  right: 40px;
  bottom: 0;
  color: #fff;
  transform: rotate(90deg);
  transform-origin: right bottom;
  z-index: 3;
  text-align: center;
  overflow: hidden;
}
.right-side a {
  color: #fff;
  display: inline-block;
  height: 21px;
  position: relative;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.right-side a:before {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 100%;
  color: #fff;
}
.right-side a:hover {
  transform: translateY(-100%);
  text-decoration: none;
}

/*slider*/

.swiper-container {
  height: calc(100vh - 0px);
}

.swiper-slide {
  overflow: hidden;
}

.slide-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center;
}

.copy {
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  text-align: center;
  color: white;
  letter-spacing: 0.06em;
}

.slider .swiper-pagination-bullets {
  display: inline-block;
  margin: 0 auto;
  margin-top: 4px;
  position: static;

      width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    padding: 20px 100px;
    color: #fff;
    font-weight: 600;
    align-items: flex-end;
}
.slider .swiper-pagination-bullets .swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  background: #fff;
  margin: 0 10px;
  text-align: center;
  position: relative;
  transform: scale(0.4);
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.slider .swiper-pagination-bullets .swiper-pagination-bullet:hover {
  transform: scale(0.8);
}
.slider .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}

/* SLIDER */
.slider {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
  background: var(--color-dark);
  overflow: hidden;
}
.slider .swiper-container {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: var(--color-dark);
  overflow: hidden;
}
.slider .swiper-container .swiper-slide {
  overflow: hidden;
}
.slider .swiper-container .swiper-slide.swiper-slide-duplicate-active .slide-image {
  opacity: 1;
  transform: scale(1);
}
.slider .swiper-slide-active .slide-image {
  opacity: 0.8;
  transform: scale(1);
}
.slider .swiper-slide-active .slide-content {
  opacity: 1;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.slider .slide-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #000;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
 -webkit-transition: background-image 0.2s ease-in-out;
transition: background-image 0.2s ease-in-out;
}
.slider .slide-image {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  opacity: .2;
  transform: scale(1.07);
  -webkit-transition: opacity .6s ease-in-out, transform 2s ease .7s;
  -moz-transition: opacity .6s ease-in-out, transform 2s ease .7s;
  transition: opacity .6s ease-in-out, transform 2s ease .7s;
}
.slider .slide-image:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url("../images/bg-noise.gif");
  background-size: 200px auto;
  z-index: 2;
  opacity: 0.05;
}
.slider .slide-image:after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #000F24;
    z-index: 2;
    opacity: 0.6;
}
.slider .slide-mobile-image {
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;
  background-size: cover;
  background-position: center;
  opacity: 1;
  transform: scale(1.07);
  -webkit-transition: opacity .6s ease-in-out, transform 2s ease .7s;
  -moz-transition: opacity .6s ease-in-out, transform 2s ease .7s;
  transition: opacity .6s ease-in-out, transform 2s ease .7s;
}
.slider .slide-mobile-image:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url("../images/bg-noise.gif");
  background-size: 200px auto;
  z-index: 2;
  opacity: 0.05;
}
.slider .slide-content {
  position: absolute;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  min-height: 50px;
  bottom: 45%;
  transform: translateY(50%) !important;
  z-index: 2;
  opacity: 0;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.slider .slide-content a {
  width: 100px;
  height: 100px;
  line-height: 98px;
  display: inline-block;
  color: #E1A134;
  position: relative;
  font-weight: 600;
  transition: 0.2s transform;
}
.slider .slide-content a span {
  display: inline-block;
  letter-spacing: 1px;
  position: relative;
}
.slider .slide-content a span:before {
  content: "";
  width: 100%;
  height: 2px;
  background: #E1A134;
  position: absolute;
  left: 50%;
  bottom: 35%;
  transform: translateX(-50%);
  transition: all ease .3s;
}
.slider .slide-content a circle {
  stroke-dasharray: 315;
  stroke-dashoffset: 315;
  transition: stroke-dashoffset .5s;
}
.slider .slide-content a svg {
  transition: transform .3s;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
}
.slider .slide-content a:hover {
  color: #fff;
}
.slider .slide-content a:hover circle {
  stroke-dashoffset: 0;
}
.slider .slide-content a:hover svg {
  transform: scale(1.1);
  background: rgba(255, 255, 255, 0.05);
}
.slider .slide-content a:hover span:before {
  width: 0;
}
.slider .slide-content h1 {
  display: inline-block;
  margin: 10px 0;
  font-weight: 500;
  color: transparent;
  font-size: 7vw;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #f4f4f4;
  text-transform: uppercase;
  position: relative;
  max-width: 1000px;
  margin: auto;
}
.slider .slider-controls {
  height: 21px;
  display: inline-block;
  margin-left: auto;
  right: 0;
  position: relative;
  overflow: hidden;
}
.slider .slider-controls .main-nav.prev {
  position: static;
  display: inline-block;
  width: auto;
  height: auto;
  background: none;
  margin: 0;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.slider .slider-controls .main-nav.prev:before {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 100%;
  color: #fff;
}
.slider .slider-controls .main-nav.prev:hover {
  transform: translateY(-100%);
  text-decoration: none;
}
.slider .slider-controls .main-nav.next {
  position: static;
  display: inline-block;
  width: auto;
  height: auto;
  background: none;
  margin: 0;
  margin-left: 20px;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.slider .slider-controls .main-nav.next:before {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 100%;
  color: #fff;
}
.slider .slider-controls .main-nav.next:hover {
  transform: translateY(-100%);
  text-decoration: none;
}
.slider .slider-controls .swiper-button-prev {
  position: static;
  display: inline-block;
  width: auto;
  height: auto;
  background: none;
  margin: 0;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.slider .slider-controls .swiper-button-prev:before {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 100%;
  color: #fff;
}
.slider .slider-controls .swiper-button-prev:hover {
  transform: translateY(-100%);
  text-decoration: none;
}
.slider .slider-controls .swiper-button-next {
  position: static;
  display: inline-block;
  width: auto;
  height: auto;
  background: none;
  margin: 0;
  margin-left: 20px;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.slider .slider-controls .swiper-button-next:before {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 100%;
  color: #fff;
}
.slider .slider-controls .swiper-button-next:hover {
  transform: translateY(-100%);
  text-decoration: none;
}
.slider .slider-fraction {
  display: inline-block;
  font-size: 50px;
  font-weight: 300;
  position: absolute;
  left: 100px;
  bottom: 100px;
}
.slider .slider-fraction span {
  display: inline-block;
}
.slider .swiper-pagination-bullets {
  display: inline-block;
  margin: 0 auto;
  margin-top: 4px;
  position: static;
}
.slider .swiper-pagination-bullets .swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  background: #fff;
  margin: 0 10px;
  text-align: center;
  position: relative;
  transform: scale(0.4);
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.slider .swiper-pagination-bullets .swiper-pagination-bullet:hover {
  transform: scale(0.8);
}
.slider .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
.slide-inner{
  position: relative;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 40px;
    background-size: 18px;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 40px;
    background-size: 18px;
}

/* KINETIC SLIDER */

/*fixed header*/
#header-sroll {
    position:fixed;
    background:#fff;
    left:0;
    top:0;
    float:left;
    width:100%;
    -ms-transition:     all 0.3s ease-out;
    -moz-transition:    all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition:      all 0.3s ease-out;
    transition:         all 0.3s ease-out;
    z-index: 9;
    box-shadow: 0px 0px 20px 0px rgb(222 222 222 / 40%);
    transform: translateY(-100px);
}
#header-sroll.active{
  transform: translateY(0px);
}
.head_flex_wrap{
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 85px; 
}
.logo_wrapper img{
  width: 200px;
}
.head_flex_wrap nav li{
  margin: 0 22px;
}
.head_flex_wrap nav a{
color: #000F24;
    font-size: 14px;
    padding: 0;
    position: relative;
    z-index: 1;
    transition: .35s ease color;
    display: block;
    font-weight: 500;
}
.head_flex_wrap nav a:before{
content: '';
    display: block;
    z-index: -1;
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    border-bottom: solid 3px #e2a133;
    /*background: rgb(0 15 36);*/
    background: transparent;
    transition: .35s ease left;
}
ul.custom-dropdown li a{
    position: relative;
    display: inline-block;
}
ul.custom-dropdown li a:before{
    content: '';
    display: block !important;
    z-index: -1;
    position: absolute;
    left: -150%;
    top: 0;
    width: 100%;
    height: 100%;
    border-bottom: solid 3px #e2a133;
    /*background: rgb(0 15 36);*/
    background: transparent;
    transition: .35s ease left;
}
ul.custom-dropdown li a:hover:before{
  left: 0;
}
ul.custom-dropdown li a.active:before{
  left: 0;
}
.head_flex_wrap nav a:hover:before{
  left: 0;
}
.head_flex_wrap nav a.active:before{
  left: 0;
}

.aside-service-list ul li{
    overflow: hidden;
}
.aside-service-list ul li a{
    position: relative;
}
.aside-service-list ul li a:before{
    content: '';
    display: block !important;
    z-index: 9;
    position: absolute;
    left: -150%;
    top: 0;
    width: 100%;
    height: 100%;
    border-bottom: solid 3px #e2a133;
    /*background: rgb(0 15 36);*/
    background: transparent;
    transition: .35s ease left;
}
.aside-service-list ul li a:hover:before{
  left: 0;
  top: 8px;
}
.aside-service-list ul li a.active:before{
  left: 0;
  top: 8px;
}

.kinetic-slider {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  overflow: hidden;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}

canvas {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
}
.unstyled {
  list-style: none;
  padding: 0;
  margin: 0;
}
.unstyled a {
  text-decoration: none;
}

.social-links li:first-child {
  border: none;
}
.social-links li:last-child {
  margin-right: 0;
}

.social-links a {
display: block;
    height: 46px;
    line-height: 46px;
    text-align: center;
    color: #3c3735;
    font-weight: 600;
    font-size: 10px;
    text-transform: uppercase;
}

.social-links a:hover {
  color: rgb(0 15 36);
}
.social-links a.active {
  color: rgb(0 15 36);
}

.list-hover-slide li {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.list-hover-slide a {
  display: block;
  position: relative;
  z-index: 1;
  transition: .35s ease color;
}

.list-hover-slide a.is-current:before, .list-hover-slide a:hover:before {
  left: 0;
}


/* VIDEO BG */
.video-bg {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;
  position: relative;
  background: var(--color-dark);
  opacity: 0.8;
}
.video-bg video {
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.video-bg .container {
  position: relative;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.video-bg .container a {
  width: 100px;
  height: 100px;
  line-height: 98px;
  display: inline-block;
  color: #fff;
  position: relative;
  font-weight: 600;
  transition: 0.2s transform;
}
.video-bg .container a span {
  display: inline-block;
  letter-spacing: 1px;
  position: relative;
}
.video-bg .container a span:before {
  content: "";
  width: 100%;
  height: 2px;
  background: #fff;
  position: absolute;
  left: 50%;
  bottom: 35%;
  transform: translateX(-50%);
  transition: all ease .3s;
}
.video-bg .container a circle {
  stroke-dasharray: 315;
  stroke-dashoffset: 315;
  transition: stroke-dashoffset .5s;
}
.video-bg .container a svg {
  transition: transform .3s;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
}
.video-bg .container a:hover circle {
  stroke-dashoffset: 0;
}
.video-bg .container a:hover svg {
  transform: scale(1.1);
  background: rgba(255, 255, 255, 0.05);
}
.video-bg .container a:hover span:before {
  width: 0;
}
.video-bg .container h1 {
  display: inline-block;
  margin: 10px 0;
  font-weight: 800;
  color: transparent;
  font-size: 10vw;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #fff;
  text-transform: uppercase;
  position: relative;
}

/* PAGE HEADER */
.page-header {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  background: var(--color-main);
  background-size: cover;
  overflow: hidden;
}
.page-header .video-bg {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  overflow: hidden;
  z-index: 1;
  opacity: 0.10;
  position: absolute;
  left: 0;
  top: 0;
}
.page-header .video-bg video {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.page-header .container {
  max-width: inherit;
  text-align: center;
  transform: skewY(-4deg);
  position: relative;
  z-index: 2;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.page-header .container h1 {
  font-weight: 800;
  color: transparent;
  font-size: 17vw;
  line-height: 1;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #fff;
}
.page-header .container p {
  color: #fff;
  font-size: 18px;
}

/* ICON CONTENT LIST BLOCK */
.icon-content-list-block {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 30px 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  height: 100%;
}
.icon-content-list-block figure {
  width: 100%;
  display: block;
  margin-bottom: 40px;
  padding-left: 0px;
}
.icon-content-list-block figure img {
  height: 80px;
}
.icon-content-list-block small {
width: 100%;
    display: block;
    line-height: 1;
    font-size: 18px;
    margin-bottom: 10px;
}
.icon-content-list-block h5 {
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px;
    letter-spacing: 0;
    margin-bottom: 0px;
    line-height: 32px;
    color: #000;
}
.icon-content-list-block h5:after {
  /*content: "";*/
  /*width: 20px;*/
  /*height: 1px;*/
  /*display: inline-block;*/
  /*background: var(--color-dark);*/
  /*margin-left: 15px;*/
  /*margin-bottom: 4px;*/
}
.icon-content-list-block p {
  padding-left: 40px;
  margin-bottom: 40px;
  opacity: 0.6;
}
.icon-content-list-block ul {
  width: 100%;
  margin: 0;
  margin-left: 40px;
  padding: 0;
}
.icon-content-list-block ul li {
  width: 100%;
  margin-bottom: 10px;
  padding: 0;
  list-style: none;
  font-size: 20px;
}
.icon-content-list-block ul li:last-child {
  margin-bottom: 0;
}

/* SIDE IMAGE CONTENT */
.left-side-content {
  position: relative;
  padding: 150px 0;
  padding-right: 15%;
  color: #fff;
}
.left-side-content:before {
  content: "";
  width: 50vw;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: #000F24;
}
.left-side-content:after {
  content: "";
  width: 20vw;
  height: 100%;
  position: absolute;
  right: -20vw;
  top: 0;
  background: #000F24;
}
.left-side-content .inner {
  width: 100%;
  display: block;
  position: relative;
}
.left-side-content h4 {
  width: 100%;
  display: block;
  font-size: 40px;
  font-weight: 800;
  line-height: 1;
  margin-bottom: 30px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.left-side-content p {
  font-size: 16px;
    color: #fff;
    line-height: 32px;
}
.left-side-content b {
  font-size: 13px;
  width: 100%;
  display: block;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 30px;
  opacity: 0.6;
}
.left-side-content .custom-btn {
  margin-top: 40px;
}

.right-side-image {
    width: calc(50vw - 0px);
    /* display: flex; */
    /* flex-wrap: wrap; */
    /* position: relative; */
    /* margin: 0; */
    /* background: #fff; */
    /* position: absolute; */
        right: 37px;
    top: 0;
}
.right-side-image img {
  width: 100%;
}
.right-side-image figcaption {
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 30px;
  text-align: center;
  color: #fff;
}
.right-side-image figcaption img {
  width: 150px;
  display: inline-block;
  background: var(--color-main);
  margin-bottom: 10px;
}
.right-side-image figcaption small {
  width: 100%;
  display: block;
}
.right-side-image figure{
  text-align: center;
  margin: 0;
}

/* RECENT NEWS */
.recent-news {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.recent-news:hover figure figcaption:after {
  width: 100%;
}
.recent-news:hover figure img {
  opacity: 0.9;
}
.recent-news figure {
  width: 100%;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}
.recent-news figure img {
  width: 100%;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.recent-news figure .reveal-effect {
  width: 100%;
  display: block;
}
.recent-news figure figcaption {
  width: 100%;
  display: block;
  padding-bottom: 40px;
  margin-top: 40px;
  border-bottom: 1px solid #eee;
  position: relative;
}
.recent-news figure figcaption:after {
  content: "";
  width: 0;
  height: 1px;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  background: var(--color-dark);
  position: absolute;
  left: 0;
  bottom: -1px;
}
.recent-news figure figcaption small {
  display: block;
  opacity: 0.5;
  margin-bottom: 10px;
}
.recent-news figure figcaption h4 {
  width: 100%;
  display: block;
  margin: 0;
  font-size: 20px;
  line-height: 1.5;
}
.recent-news figure figcaption h4 a {
  color: var(--color-dark);
}
.recent-news figure figcaption h4 a:hover {
  text-decoration: none;
}

/* ICON CONTENT BLOCK*/
.icon-content-block {
  width: 100%;
  display: block;
  margin: 0;
  padding: 30px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.icon-content-block figure {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 0;
}
.icon-content-block figure img {
  width: 60px;
  margin-bottom: 80px;
  display: inline-block;
}
.icon-content-block figure figcaption {
  width: 100%;
  display: block;
}
.icon-content-block figure figcaption h5 {
  font-weight: 600;
  margin-bottom: 20px;
}

/* MASONRY GALLERY */
.no-spacing .masonry-grid.col-lg-6:nth-child(3) {
  padding-left: 0;
}

.masonry {
  position: relative;
  z-index: 2;
  margin-left: -15px;
  margin-right: -15px;
}
.masonry .masonry-grid {
  letter-spacing: 0;
}
.masonry .masonry-grid .masonry-gallery {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  background: var(--color-main);
}
.masonry .masonry-grid .masonry-gallery:hover img {
  opacity: 0.3;
}
.masonry .masonry-grid .masonry-gallery:hover figcaption {
  opacity: 1;
}
.masonry .masonry-grid .masonry-gallery * {
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.masonry .masonry-grid .masonry-gallery figcaption {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  color: #fff;
  opacity: 0;
}
.masonry .masonry-grid .masonry-gallery figcaption small {
  width: 100%;
  display: block;
  opacity: 0.7;
}
.masonry .masonry-grid .masonry-gallery figcaption h4 {
  font-weight: 600;
  margin: 0;
  line-height: 1;
}
.masonry .masonry-grid .masonry-gallery img {
  width: 100%;
  mix-blend-mode: lighten;
}

/* TEXT CONTENT BLOCK */
.col-lg-5 .text-content-block {
  padding-right: 10%;
}

.text-content-block {
  width: 100%;
  display: block;
}
.text-content-block p {
  font-size: 17px;
}
.text-content-block u {
  text-decoration: underline;
}
.text-content-block strong {
  font-weight: 600;
}
.text-content-block .custom-link a {
  font-weight: 600;
  color: var(--color-dark);
}
.text-content-block .custom-link a:before {
  color: var(--color-dark);
}

/* AWARDS */
.awards {
  width: 100%;
  display: block;
  color: #fff;
  text-align: center;
}
.awards figure {
  margin: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 20px;
}
.awards img {
  height: 40px;
}
.awards .odometer {
  font-size: 50px;
  margin-bottom: 10px;
}
.awards h4 {
  font-size: 12px;
  margin-bottom: 20px;
  letter-spacing: 1px;
}

/* TEAM */
.team {
  margin: 15px 0;
  position: relative;
  background: var(--color-main);
}
.team:hover img {
  opacity: 0.1;
}
.team:hover figcaption {
  opacity: 1;
}
.team img {
  width: 100%;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  filter: grayscale(1);
  mix-blend-mode: lighten;
}
.team figcaption {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 30px;
  text-align: center;
  color: #fff;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  opacity: 0;
}
.team figcaption h5 {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 5px;
}
.team figcaption small {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.team figcaption ul {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.team figcaption ul li {
  display: inline-block;
  margin: 0 10px;
  padding: 0;
  list-style: none;
}
.team figcaption ul li a {
  color: #fff;
  font-size: 13px;
  font-weight: 600;
}
.team figcaption ul li a:hover {
  text-decoration: none;
}

/* SERVICES */
.services-image {
  width: 100%;
  margin: 0;
}

.services-content {
  width: 100%;
  display: block;
  color: #fff;
}
.services-content h5 {
  font-weight: 800;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 1px;
  margin-bottom: 20px;
  line-height: 1;
}
.services-content p {
  font-size: 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  margin-bottom: 40px;
  padding-bottom: 40px;
}
.services-content ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.services-content ul li {
  width: 50%;
  display: inline-block;
  margin: 0;
  padding: 4px 0;
  list-style: none;
  font-size: 26px;
}

/* CLIENTS */
.clients {
  border: 1px solid #eee;
  margin-bottom: 0;
  padding: 50px 80px;
  margin-left: -1px;
  margin-top: -1px;
  position: relative;
}
.clients * {
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.clients:hover img {
  opacity: 0;
  transform: scale(0.9);
}
.clients:hover figcaption {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}
.clients img {
  width: 100%;
}
.clients figcaption {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) scale(0.7);
  text-align: center;
  opacity: 0;
}
.clients figcaption a {
  display: inline-block;
  color: var(--color-dark);
}

.clients-spacing .vc_column-inner {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* WORKS */
.works {
  width: 100%;
  display: inline-block;
  margin-bottom: 0;
  position: relative;
  background: var(--color-dark);
  color: #fff;
}
.works:hover img {
  opacity: 0.8;
}
.works img {
  width: 100%;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.works figcaption {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 30px;
}
.works figcaption:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  mix-blend-mode: overlay;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #131314 100%);
  background-image: -o-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #131314 100%);
  background-image: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #131314 100%);
  background-image: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #131314 100%);
  background-image: -ms-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #131314 100%);
}
.works figcaption div {
  width: 100%;
  display: block;
  position: relative;
  z-index: 2;
}
.works figcaption div ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.works figcaption div ul li {
  display: inline-block;
  margin-right: 5px;
  padding: 0;
  list-style: none;
}
.works figcaption div ul li:last-child:after {
  display: none;
}
.works figcaption div ul li:after {
  content: ",";
}
.works figcaption div h5 {
  font-size: 50px;
  font-weight: 800;
  overflow: hidden;
  position: relative;
}
.works figcaption div h5 a {
  color: #fff;
  display: inline-block;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  color: #fff;
}
.works figcaption div h5 a:before {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 100%;
  color: #fff;
}
.works figcaption div h5 a:hover {
  transform: translateY(-100%);
  text-decoration: none;
}

.works-grid {
  width: calc(100% + 30px);
  display: inline-block;
  margin: 0;
  margin-left: -15px;
  margin-right: -15px;
  padding: 0;
}
.works-grid li {
  width: 50%;
  display: inline-block;
  margin: 0;
  padding: 15px;
  padding-bottom: 0;
  padding-top: 30px;
  list-style: none;
}

.works-grid li:nth-child(1) {
  margin-top: 0;
}

.works-grid li:nth-child(2) {
  margin-top: 0;
}

.works-grid li:nth-child(3) {
  padding-left: 50px;
}

.works-grid li:nth-child(4) {
  padding-right: 50px;
}

.works-grid li:nth-child(5) {
  padding-left: 150px;
}

.works-grid li:nth-child(6) {
  padding-right: 150px;
}

.works-grid li:nth-child(7) {
  padding-left: 50px;
}

.works-grid li:nth-child(8) {
  padding-right: 50px;
}

.works-grid li:nth-child(9) {
  padding-left: 200px;
}

.works-content {
  width: 100%;
  display: block;
  margin-bottom: 30px;
  font-size: 17px;
}
.works-content ul {
  padding-left: 20px;
}
.works-content .custom-link a {
  color: var(--color-dark);
}
.works-content .custom-link a:before {
  color: var(--color-dark);
}
.works-content h6 {
  font-weight: 600;
  margin-bottom: 15px;
}

.works-slider {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.works-slider .swiper-slide {
  width: 70%;
}
.works-slider .swiper-slide video {
  width: 100%;
}
.works-slider .swiper-slide img {
  width: 100%;
}

.vc_images_carousel {
  width: 100% !important;
  padding: 0 50px;
}
.vc_images_carousel .attachment-large {
  width: 100% !important;
  height: auto !important;
  padding: 0 50px;
}

/* BLOG POST */
.blog-post {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 100px;
}
.blog-post:last-child {
  margin-bottom: 0;
}
.blog-post:nth-child(even) {
  display: flex;
  flex-wrap: wrap;
}
.blog-post:nth-child(even) .post-image {
  /*order: 2;*/
}
.blog-post:nth-child(even) .post-content {
  width: 100%;
  /* order: 1; border-left: 1px solid #eee; border-right: none;*/
}
.blog-post.post-single {
  width: 100%;
  margin-bottom: 25px;
}
.blog-post.post-single .post-image {
  width: 100%;
  flex: inherit;
  margin-bottom: 30px;
}
.blog-post.post-single .post-content {
  width: 100%;
  flex: inherit;
  display: block;
  padding: 0;
  border: none;
}
.blog-post.post-single .post-content .post-title {
  width: 100%;
  display: block;
  font-size: 56px;
  font-weight: 800;
  margin-bottom: 30px;
  letter-spacing: -1px;
  line-height: 1.3;
}
.blog-post .post-image {
  /* flex: 1; display: block; margin-bottom: 0;  */
  margin-bottom: 30px;
}
.blog-post .post-image img {
  width: 100%;
}
.blog-post .post-content {
  /* flex: 1; display: flex; flex-wrap: wrap; align-items: center; position: relative; z-index: 2; border: 1px solid #eee; padding: 30px; font-size: 17px; */
  width: 100%;
  display: block;
}
.blog-post .post-content .post-inner {
  width: 100%;
}
.blog-post .post-content .post-date {
  width: 100%;
  display: block;
  color: #727479;
  margin-bottom: 10px;
  letter-spacing: 1px;
}
.blog-post .post-content .post-title {
  width: 100%;
  display: block;
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 30px;
  letter-spacing: -1px;
  line-height: 1.3;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.blog-post .post-content .post-title a {
  color: var(--color-dark);
}
.blog-post .post-content .post-title a:hover {
  color: var(--color-main);
  text-decoration: none;
}
.blog-post .post-content .post-author {
  width: 100%;
  display: block;
  /*margin-bottom: 40px;*/
}
.blog-post .post-content .post-author img {
  width: 60px;
  height: 60px;
  display: inline-block;
  border-radius: 50%;
  margin-right: 10px;
}
.blog-post .post-content .post-author b {
  color: #727479;
  font-weight: 400;
}
.blog-post .post-content .post-author b a {
  color: var(--color-dark);
}
.blog-post .post-content .post-author b a:hover {
  text-decoration: none;
}
.blog-post .post-content .post-categories {
  width: 100%;
  display: block;
  margin-bottom: 30px;
  padding: 0;
}
.blog-post .post-content .post-categories li {
  display: inline-block;
  margin: 0;
  margin-right: 10px;
  padding: 0;
  list-style: none;
}
.blog-post .post-content .post-categories li a {
  color: var(--color-dark);
  font-size: 11px;
  padding-bottom: 3px;
  border-bottom: 2px solid var(--color-dark);
}
.blog-post .post-content .post-categories li a:hover {
  text-decoration: none;
  border-color: var(--color-main);
}
.blog-post .post-content .social-share {
  width: 100%;
  float: left;
  padding: 0;
  margin-bottom: 40px;
  text-align: center;
}
.blog-post .post-content .social-share li {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 0;
  list-style: none;
}
.blog-post .post-content .social-share li.facebook a {
  background: #475993;
}
.blog-post .post-content .social-share li.twitter a {
  background: #76a9ea;
}
.blog-post .post-content .social-share li.google-plus a {
  background: #f34a38;
}
.blog-post .post-content .social-share li.linkedin a {
  background: #0077b7;
}
.blog-post .post-content .social-share li.youtube a {
  background: #f61c0d;
}
.blog-post .post-content .social-share li a {
  line-height: 44px;
  float: left;
  padding: 0 20px;
  background: var(--color-dark);
  font-weight: 600;
  color: #fff;
  border: none;
  border-radius: 0;
}
.blog-post .post-content .social-share li a:hover {
  text-decoration: none;
}
.blog-post .post-content blockquote {
  background: var(--color-main);
  color: #fff;
  padding: 30px;
  margin-bottom: 25px;
}
.blog-post .post-content blockquote h5 {
  font-weight: 800;
}
.blog-post .post-content p {
  font-size: 17px;
  line-height: 1.7;
  margin-bottom: 25px;
}
.blog-post .post-content h3 {
  font-weight: 600;
}
.blog-post .post-content h4 {
  font-weight: 600;
}
.blog-post .post-content h5 {
  font-weight: 600;
}
.blog-post .post-content h6 {
  font-weight: 600;
}
.blog-post .post-content strong {
  font-weight: 600;
}
.blog-post .post-content u {
  text-decoration: none;
  border-bottom: 2px solid var(--color-dark);
}
.blog-post .post-content .custom-list {
  width: 100%;
  display: block;
  padding-left: 20px;
}
.blog-post .post-content .custom-list li {
  font-size: 17px;
}
.blog-post .post-content .image-full {
  display: block;
  height: auto;
  margin-bottom: 30px;
  margin-top: 30px;
}
.blog-post .post-content .image-full img {
  width: 100%;
}
.blog-post .post-content .post-link {
  display: inline-block;
  overflow: hidden;
}
.blog-post .post-content .post-link a {
  display: inline-block;
  position: relative;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  font-weight: 600;
}
.blog-post .post-content .post-link a:before {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 100%;
}
.blog-post .post-content .post-link a:hover {
  transform: translateY(-100%);
  text-decoration: none;
}

/* CONTACT */
.contact-box {
  width: 100%;
  display: block;
  margin-bottom: 30px;
}
.contact-box p {
  margin: 0;
}
.contact-box small {
  width: 100%;
  display: block;
  margin-bottom: 5px;
  opacity: 0.5;
  font-weight: 600;
}
.contact-box a {
  color: var(--color-dark);
  text-decoration: underline;
}

.map {
  height: 380px;
  margin-left: -50px;
  margin-right: -50px;
  margin-bottom: 60px;
  margin-top: 30px;
  position: relative;
}
.map:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: var(--color-main);
  mix-blend-mode: color;
}
.map .map-note {
  width: 300px;
  height: calc(100% - 60px);
  position: absolute;
  left: 50px;
  top: 30px;
  z-index: 2;
  padding: 30px;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: var(--color-main);
}
.map .map-note h6 {
  margin-top: auto;
  font-weight: 600;
  margin-bottom: 20px;
}
.map .map-note p {
  margin-bottom: auto;
}

.contact-image {
  width: 100%;
  margin: 0;
}
.contact-image img {
  width: 100%;
}

/* CONTACT FORM */
.wpcf7 {
  width: 100%;
  display: block;
  position: relative;
  z-index: 1;
  padding-right: 10%;
}
.wpcf7 .form-group {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin-bottom: 35px;
}
.wpcf7 .form-group:last-child {
  margin-bottom: 0;
}
.wpcf7 .form-group .checkbox {
  display: flex;
  flex-wrap: wrap;
  width: 30%;
  height: 52px;
  border: 1px solid #ccc;
  margin-right: 5%;
  align-items: center;
  padding-left: 15px;
}
.wpcf7 .form-group .checkbox:last-child {
  margin-right: 0;
}
.wpcf7 .form-group .checkbox input[type="checkbox"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  display: inline-block;
  margin-right: 5px;
}
.wpcf7 .form-group .checkbox input[type="checkbox"]:checked {
  background: #131314;
  -webkit-box-shadow: inset 0px 0px 0px 2px #fff;
  -moz-box-shadow: inset 0px 0px 0px 2px #fff;
  box-shadow: inset 0px 0px 0px 2px #fff;
}
.wpcf7 .form-group .checkbox small {
  display: inline-block;
  margin-top: 2px;
}
.wpcf7 .form-group .checkbox label {
  order: 3;
}
.wpcf7 .form-group p {
  width: 100%;
  display: block;
  line-height: 1;
  margin-bottom: 15px;
}
.wpcf7 .form-group small {
  display: block;
  font-size: 13px;
  opacity: 0.4;
}
.wpcf7 .form-group input[type="text"] {
  width: 100%;
  background: none;
  position: relative;
  z-index: 2;
}
.wpcf7 .form-group textarea {
  width: 100%;
  position: relative;
  z-index: 2;
}
.wpcf7 .form-group label.error {
  color: red;
  margin-top: 5px;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 13px;
}
.wpcf7 input.error {
  border: 1px solid red;
}
.wpcf7 textarea.error {
  border: 1px solid red;
}
.wpcf7 #success {
  background: green;
  color: #fff;
}
.wpcf7 .wpcf7-mail-sent-ng {
  background: red;
  color: #fff;
}
.wpcf7 .wpcf7-response-output {
  border: none;
  border-radius: 0;
  margin: 0;
  padding: 40px 30px;
  width: 100%;
  margin-top: 30px;
  font-weight: 600;
  font-size: 15px;
}

/* FOOTER */
.footer {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  color: #fff;
  position: relative;
  background-size: cover;
}
.footer .work-with-us {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 150px;
}
.footer .work-with-us .custom-btn {
  margin: 50px 0;
}
.footer .work-with-us h6 {
  width: 100%;
  display: block;
  font-size: 16px;
  letter-spacing: 1px;
}
.footer .work-with-us h2 {
    width: 100%;
    display: block;
    font-size: 7vw;
    font-weight: 800;
    line-height: 1;
    margin: 0;
    color: #FFF;
    font-family: GT-Haptik-Regular,sans-serif;
    letter-spacing: 2px;
}
.footer .work-with-us h2 span {
  color: #fff;
  letter-spacing: 4px;
}
.footer address {
  width: 100%;
  display: block;
  margin-bottom: 30px;
}
.footer address small {
  width: 100%;
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    opacity: 0.5;
    font-weight: 500;
    color: #fff;
}
.footer address p {
  margin: 0;
  overflow: hidden;
  color: #fff;
}
.footer address a {
  color: #fff;
  display: inline-block;
  position: relative;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.footer address a:before {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 100%;
  color: #fff;
}
.footer address a:hover {
  transform: translateY(-100%);
  text-decoration: none;
}
.footer .footer-widget {
  margin-top: 50px;
}
.footer .footer-bottom {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 30px 0;
  font-size: 12px;
}
.footer .footer-bottom span {
  display: inline-block;
  margin-right: auto;
}
.footer .footer-bottom .footer-menu {
  display: inline-block;
  margin-left: auto;
  margin-bottom: 0;
  padding: 0;
}
.footer .footer-bottom .footer-menu li {
  display: inline-block;
  height: 18px;
  margin-left: 20px;
  list-style: none;
}
.footer .footer-bottom .footer-menu li:first-child {
  margin-left: 0;
}
.footer .footer-bottom .footer-menu li .dropdown {
  display: none;
}
.footer .footer-bottom .footer-menu li div {
  width: 100%;
  display: block;
  overflow: hidden;
}
.footer .footer-bottom .footer-menu li a {
  color: #fff;
  display: inline-block;
  position: relative;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.footer .footer-bottom .footer-menu li a:before {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 100%;
  color: #fff;
}
.footer .footer-bottom .footer-menu li a:hover {
  transform: translateY(-100%);
  text-decoration: none;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Internet Explorer */
@-ms-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}


.wrapper{
  width: 100%;
}

.owlteamslider .owl-dots{
  text-align: center;
  margin-top: 40px;
}
.owlteamslider .owl-dot{
  height: 8px;
  width: 8px;
  margin: 0 5px;
  outline: none;
  border-radius: 14px;
  background: #0f1d31 !important;
  transition: all 0.3s ease;
  opacity: .2;
}
.owlteamslider .owl-dot.active,
.owlteamslider .owl-dot:hover{
  opacity: 1;
}
.owlmainsliderwrapper .carousel{
  max-width: 100%;
  margin: auto;
  padding: 0;
}
.owlmainsliderwrapper .carousel, .owlmainsliderwrapper .owl-stage-outer,.owlmainsliderwrapper .owl-stage, .owlmainsliderwrapper .owl-item{
  height: 100%;
} 
.owlmainsliderwrapper{height: 100vh;}
.owlmainslider .slide-image {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transform: scale(1.07);
  -webkit-transition: opacity .6s ease-in-out, transform 2s ease .7s;
  -moz-transition: opacity .6s ease-in-out, transform 2s ease .7s;
  transition: opacity .6s ease-in-out, transform 2s ease .7s;
}
.owlmainslider .slide-image:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url("../images/bg-noise.gif");
  background-size: 200px auto;
  z-index: 2;
  opacity: 0.05;
}
.owlmainslider .slide-image:after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #000F24;
    z-index: 2;
    opacity: 0.6;
}
.owlmainslider .slide-mobile-image {
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;
  background-size: cover;
  background-position: center;
  opacity: 1;
  transform: scale(1.07);
  -webkit-transition: opacity .6s ease-in-out, transform 2s ease .7s;
  -moz-transition: opacity .6s ease-in-out, transform 2s ease .7s;
  transition: opacity .6s ease-in-out, transform 2s ease .7s;
}
.owlmainslider .slide-mobile-image:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url("../images/bg-noise.gif");
  background-size: 200px auto;
  z-index: 2;
  opacity: 0.05;
}
.owlmainslider .slide-content {
  position: absolute;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  min-height: 50px;
  bottom: 45%;
  transform: translateY(50%) !important;
  z-index: 2;
  opacity: 0;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owlmainslider .slide-content a {
  width: 100px;
  height: 100px;
  line-height: 98px;
  display: inline-block;
  color: #E1A134;
  position: relative;
  font-weight: 600;
  transition: 0.2s transform;
}
.owlmainslider .slide-content a span {
  display: inline-block;
  letter-spacing: 1px;
  position: relative;
}
.owlmainslider .slide-content a span:before {
  content: "";
  width: 100%;
  height: 2px;
  background: #E1A134;
  position: absolute;
  left: 50%;
  bottom: 35%;
  transform: translateX(-50%);
  transition: all ease .3s;
}
.owlmainslider .slide-content a circle {
  stroke-dasharray: 315;
  stroke-dashoffset: 315;
  transition: stroke-dashoffset .5s;
}
.owlmainslider .slide-content a svg {
  transition: transform .3s;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
}
.owlmainslider .slide-content a:hover {
  color: #fff;
}
.owlmainslider .slide-content a:hover circle {
  stroke-dashoffset: 0;
}
.owlmainslider .slide-content a:hover svg {
  transform: scale(1.1);
  background: rgba(255, 255, 255, 0.05);
}
.owlmainslider .slide-content a:hover span:before {
  width: 0;
}
.owlmainslider .slide-content h1 {
  display: inline-block;
  margin: 10px 0;
  font-weight: 500;
  color: transparent;
  font-size: 7vw;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #FFFFFF;
  text-transform: uppercase;
  position: relative;
  max-width: 1000px;
  margin: auto;
}
.owlmainslider .swiper-slide-active .slide-image {
  opacity: 0.8;
  transform: scale(1);
}
.owlmainslider .owl-item.active .slide-content {
  opacity: 1;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.owlmainslider .swiper-container {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: var(--color-dark);
  overflow: hidden;
}
.owlmainslider .owl-item .swiper-slide {
  overflow: hidden;
}
.owlmainslider .owl-item.active .slide-image {
  transform: scale(1);
}
.owlmainslider .slide-content p {
    max-width: 760px;
    margin: auto;
    color: #eeeeee;
    font-size: 15px;
    font-weight: 100;
    margin-bottom: 10px;
    text-align: justify;
    padding: 0 20px;
    font-family: 'GT-Haptik-Regular';
}
#owlmainsliderwrapper .owlmainslider.owl-carousel .owl-nav .owl-prev{
  position: absolute;
    left: 40px;
    top: 50%;
    background-size: cover;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    width: 22px;
    height: 37px;
    background-repeat: no-repeat;
    transform: rotate(180deg)
}
.owlmainslider.owl-carousel .owl-nav .owl-next{
  position: absolute;
    right: 40px;
    top: 50%;
    background-size: cover;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    width: 22px;
    height: 37px;
    background-repeat: no-repeat;
}
.owlmainslider.owl-carousel .owl-nav .owl-next span,.owlmainslider.owl-carousel .owl-nav .owl-prev span{
  font-size: 0;
}


.mouse {
width: 34px;
    height: 66px;
    border: 3px solid #FFF;
    border-radius: 60px;
    position: relative;
    margin: auto;
}
.mouse::before {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #FFF;
  border-radius: 50%;
  opacity: 1;
  animation: wheel 2s infinite;
  -webkit-animation: wheel 2s infinite;
}

@keyframes wheel {
  to {
    opacity: 0;
    top: 60px;
  }
}
@-webkit-keyframes wheel {
  to {
    opacity: 0;
    top: 60px;
  }
}

.setheight{
    height: 100%;
    overflow: hidden;
}
/* RESPONSIVE MEDIUM  */
@media only screen and (max-width: 1199px), only screen and (max-device-width: 1199px) {
  .team figcaption ul li {
    margin: 0 5px;
  }

  .icon-content-list-block ul li {
    font-size: 18px;
  }

  .services-content ul li {
    font-size: 23px;
  }

  .clients {
    padding: 40px 60px;
  }

  .blog-post .post-content .post-title {
    font-size: 24px;
  }

  .blog-post.post-single .post-content .post-title {
    font-size: 36px;
  }
}
/* RESPONSIVE TABLET  */
@media only screen and (max-width: 991px), only screen and (max-device-width: 991px) {
  .slider {
    position: relative;
  }

  .slider:before {
    content: "";
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
  }

  .slider:after {
    content: "";
    width: 100%;
    height: 35%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
  }

  .left-side-content h4 {
    font-size: 20px;
  }

  .bottom-bar {
    z-index: 3;
  }

  .cursor {
    display: none;
  }

  .col-lg-5 .text-content-block {
    padding-right: 0;
  }

  .left-side-content {
    padding: 60px 40px;
    background: var(--color-main);
  }

  .left-side-content:before {
    display: none;
  }

  .left-side-content:after {
    display: none;
  }

  .right-side-image {
    width: 100%;
    display: block;
  }

  .right-side-image figcaption {
    padding: 40px;
  }

  .col-lg-4:nth-child(3) .recent-news {
    margin: 50px 0;
  }

  .masonry-grid.col-lg-6 {
    padding: 15px !important;
  }

  .text-content-block .custom-link {
    margin-bottom: 50px;
  }

  .hide-mobile {
    display: none;
  }

  .works {
    margin: 0;
  }

  .services-image {
    margin-bottom: 100px;
  }

  .blog-post .post-image {
    width: 100%;
    flex: inherit;
  }

  .blog-post:nth-child(even) .post-image {
    order: 1;
  }

  .sidebar {
    padding-left: 0 !important;
    margin-top: 50px;
  }

  .map {
    margin-left: 0;
    margin-right: 0;
  }

  .contact-form {
    padding-right: 0;
  }

  .contact-image {
    display: none;
  }

  .container-fluid {
    padding: 0 30px;
  }

  .content-section {
    padding: 100px 0;
  }

  .section-title {
    margin-bottom: 50px;
  }

  input, textarea, button {
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  works-grid li {
    padding: 0 !important;
  }
}
/* RESPONSIVE MOBILE */
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
  .wpb_column.vc_column_container.vc_col-sm-12 {
    overflow-x: hidden !important;
  }

  .navbar:after {
    content: "";
    width: 100%;
    height: 20vh;
    position: absolute;
    left: 0;
    top: 100%;
  }

  .bottom-bar:before {
    content: "";
    width: 100%;
    height: 20vh;
    position: absolute;
    left: 0;
    bottom: 100%;
  }

  .slider .slide-mobile-image {
    display: block;
    z-index: 2;
  }

  .menu-text {
    display: inline-block;
  }

  .navbar .sandwich-menu {
    display: inline-block;
  }

  .menu-container li a {
    font-size: 10vw;
  }

  .preloader .inner canvas {
    width: 200px;
    height: 200px;
  }

  .slider {
    height: 90vh;
  }

  .slider .slider-fraction {
    display: none;
  }

  .bottom-bar .swiper-pagination-bullets {
    display: none;
  }

  .page-header {
    height: 90vh;
  }

  .navbar {
    padding: 30px;
  }

  .navbar .languages {
    display: none;
  }

  .bottom-bar {
    padding: 20px 30px;
  }

  .left-side {
    display: none;
  }

  .right-side {
    display: none;
  }

  .masonry-grid.col-lg-6 {
    padding: 0 !important;
  }

  .works {
    margin-bottom: 15px;
  }

  .works figcaption div h5 {
    font-size: 30px;
  }

  .works-slider {
    width: 100%;
    display: block;
  }

  .works-slider .swiper-slide {
    width: 100%;
  }

  .section-title h6 {
    letter-spacing: 0;
  }

  .blog-post.post-single .post-content .post-title {
    font-size: 26px;
  }

  .no-gutters .col-lg-6 {
    padding: 0 !important;
  }

  .team {
    margin-top: 0;
  }

  .clients {
    padding: 30px;
  }

  .map {
    width: 100%;
    display: block;
    height: auto;
  }

  .map .map-note {
    width: 100%;
    height: auto;
    display: block;
    position: static;
  }

  .map:after {
    display: none;
  }

  .footer .work-with-us {
    margin-bottom: 0;
  }

  .footer .work-with-us h2 {
    font-size: 10vw;
  }

  .footer .footer-bottom .footer-menu {
    margin-left: 0;
  }

  .footer .footer-bottom span {
    order: 2;
    width: 100%;
    margin-top: 10px;
  }

  .vc_col-lg-4:nth-child(2) .icon-content-list-block {
    margin: 30px 0;
  }

  .vc_col-sm-3:nth-child(2) .icon-content-block {
    margin: 30px 0;
  }

  .vc_col-sm-3:last-child .icon-content-block {
    margin-top: 30px;
  }

  .works-grid {
    width: 100%;
    margin: 0 !important;
  }

  .works-grid li {
    width: 100%;
    padding: 0 !important;
  }

  .container .vc_custom_1583058543025 {
    margin-bottom: 100px !important;
  }

  .container .vc_custom_1583058529830 {
    margin-top: 100px !important;
  }

  .body-horizontal-menu .menu-text {
    display: inline-block;
  }

  .menu-container li ul li a {
    font-size: 24px;
    font-weight: 600;
  }

  .menu-container li ul li ul li a {
    font-size: 20px;
  }

  .menu-container li ul li ul li ul li a {
    font-size: 18px;
  }

  .pagination li {
    display: none;
  }

  .pagination li:first-child {
    display: inline-block;
  }

  .pagination li:nth-child(2) {
    display: inline-block;
  }

  .pagination li:last-child {
    display: inline-block;
  }
}
/* CONTENT SLIDER */
.content-slider {
  width: 100%;
  height: 600px;
  display: flex;
  flex-wrap: wrap;
  background: #000;
  overflow: hidden;
}

.content-slider .swiper-slide {
  width: 80%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}

.content-slider .swiper-slide video {
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.content-slider .swiper-slide .slide-inner {
  width: 100%;
  padding: 0 100px;
  color: #fff;
}

.content-slider .swiper-slide .slide-inner a {
  color: #fff;
}

.content-slider .swiper-button-prev {
  width: auto;
  height: auto;
  background: none;
  margin: 0;
  padding: 10px 20px;
  color: #fff;
  font-weight: 600;
  left: 30px;
  transform: translateY(-50%);
}

.content-slider .swiper-button-next {
  width: auto;
  height: auto;
  background: none;
  margin: 0;
  padding: 10px 20px;
  color: #fff;
  font-weight: 600;
  right: 30px;
  transform: translateY(-50%);
}

.content-slider .swiper-button-prev, .content-slider .swiper-button-next:hover {
  opacity: 0.6;
}

.content-slider .swiper-pagination-bullet {
  background: #fff;
}

.content-slider .swiper-pagination-bullet-active {
  background: #fff;
}

/* CUSTOM FIXES */
.wp-block-quote p:last-child {
  margin-bottom: 0;
}

.page.type-page code {
  background: #eee;
  padding: 4px;
  color: #0e0e0e;
  font-family: Courier;
}

.page-links {
  position: relative;
}

.post-501 .page-links {
  float: left;
  margin-top: 60px;
}

.post-501 .post-entry-footer {
  float: left;
}

.post-1133 .post-entry-footer {
  float: left;
}

.wp-image-907 {
  width: 100%;
}

.error-404.not-found {
  text-align: center;
}

.error-404.not-found .screen-reader-text {
  display: none;
}

.error-404.not-found img {
  margin-bottom: 30px;
}

.is-style-squared .wp-block-button__link {
  border-radius: 0 !important;
}

.blog-post .post-content .wp-block-quote {
  border: none;
  color: #fff;
  background: #4237ef;
  color: #fff;
  padding: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.blog-post .post-content .wp-block-quote a {
  color: #fff;
}

.blog-post .post-content .has-medium-font-size {
  font-size: 20px;
}

.page.type-page {
  width: 100%;
}

.blog-post .post-content select {
  width: 100%;
}

.logged-in.admin-bar .navbar {
  top: 32px;
}

select {
  max-width: 100%;
  height: 60px;
  border-radius: 0;
}

.menu-horizontal {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

.menu-horizontal * {
  -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;
}

.menu-horizontal li {
  margin-left: 40px;
  padding: 15px 0;
  white-space: nowrap;
  position: relative;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}

.menu-horizontal li:first-child {
  margin-left: 0;
}

.menu-horizontal li div {
  float: left;
  overflow: hidden;
}

.menu-horizontal li i {
  width: 20px;
  height: 20px;
  display: none;
  float: right;
  background: none;
  position: relative;
  /*position: absolute; left: -25px; */
}

.menu-horizontal li i:before {
  content: "";
  width: 6px;
  height: 6px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
  position: absolute;
  left: 7px;
  top: 5px;
}

.menu-horizontal li.dropdown i {
  display: inline-block;
}

.menu-horizontal li.dropdown ul li i {
  display: none;
  left: 5px;
}

.menu-horizontal li.dropdown ul li.dropdown i {
  display: inline-block;
}

.menu-horizontal li.dropdown ul li.dropdown ul li i {
  display: none;
}

.menu-horizontal li.dropdown ul li.dropdown ul li.dropdown i {
  display: inline-block;
}

.menu-horizontal li.dropdown ul li.dropdown ul li.dropdown ul li i {
  display: none;
}

.menu-horizontal li.dropdown ul li.dropdown ul li.dropdown ul li.dropdown i {
  display: inline-block;
}

.menu-horizontal li.dropdown ul li.dropdown ul li.dropdown ul li.dropdown li i {
  display: none;
}

.menu-horizontal li.dropdown ul li.dropdown ul li.dropdown ul li.dropdown li.dropdown i {
  display: inline-block;
}

.menu-horizontal li a {
  color: #fff;
  display: inline-block;
  position: relative;
  padding: 0;
}

.menu-horizontal li a:before {
  content: attr(data-text);
  width: 100%;
  position: absolute;
  left: 0;
  top: 100%;
  color: #fff;
}

.menu-horizontal li a:hover {
  transform: translateY(-100%);
  text-decoration: none;
  background: none;
}

.menu-horizontal li ul {
  min-width: 200px;
  display: none;
  flex-wrap: wrap;
  position: absolute;
  left: -30px;
  top: 100%;
  background: #0e0e0e;
  margin: 0;
  padding: 20px 0;
  border: none;
  border-radius: 0;
}

.menu-horizontal li ul li {
  width: 100%;
  float: left;
  padding: 5px 20px;
  padding-left: 30px;
  margin: 0;
}

.menu-horizontal li ul li ul {
  background: #252525;
  left: 200px;
  top: 0;
  margin-top: -20px;
}

.menu-horizontal li ul li ul li ul {
  background: #313131;
  left: -200px;
}

.menu-horizontal li ul li ul li ul li ul {
  background: #444444;
  left: 200px;
}

/* BLOG STYLE FOR SIDEBAR */
.col-lg-8 .blog-post .post-image {
  flex: inherit;
  width: 100%;
  display: block;
  order: inherit !important;
  margin-bottom: 30px;
}

.col-lg-8 .blog-post .post-content {
  flex: inherit;
  width: 100%;
  display: block;
  order: inherit !important;
  padding: 0;
  border: none;
}

.col-lg-10 .blog-post.sticky {
  background: #eee;
}

.col-lg-10 .blog-post.sticky .post-content {
  background: #fff;
  padding: 30px;
}

.col-lg-10 .blog-post.sticky:after {
  border-color: transparent transparent #eee transparent;
}

/* STICKY POST STYLE */
.blog-post.sticky {
  border: 1px solid #eee;
  padding: 30px;
  position: relative;
}

.blog-post.sticky:before {
  content: "";
  width: 14px;
  height: 25px;
  background: #0e0e0e;
  position: absolute;
  right: 30px;
  top: -10px;
}

.blog-post.sticky:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7px 6px 7px;
  border-color: transparent transparent #fff transparent;
  position: absolute;
  right: 30px;
  top: 9px;
}

/* BLOG FIXES */
.blog-post .post-content .post-tags {
  width: 100%;
  display: block;
  margin-bottom: 30px;
  padding: 0;
}

.blog-post .post-content .post-tags li {
  display: inline-block;
  margin: 3px 0;
  margin-right: 10px;
  padding: 0;
  list-style: none;
}

.blog-post .post-content .post-tags li a {
  background: #4237ef;
  color: #fff;
  padding: 4px 12px;
  font-size: 11px;
}

.blog-post .post-content .wp-block-button {
  width: 100%;
  display: block;
  margin-bottom: 10px;
}

.blog-post .post-content .wp-block-button:last-child {
  margin-bottom: 0;
}

.blog-post .post-content .wp-block-button__link {
  background: #0e0e0e;
  font-size: 13px;
  font-weight: 600;
  padding: 20px 40px;
  border-radius: 50px;
}

.blog-post .post-content .wp-block-button.is-style-outline .wp-block-button__link {
  background: none;
}

.blog-post .post-content .wp-block-cover {
  margin-bottom: 40px;
}

.blog-post .post-content .wp-block-cover.has-background-dim .wp-block-cover-text {
  color: #fff;
}

.blog-post .post-content .wp-block-cover-image.has-background-dim .wp-block-cover-image-text {
  color: #fff;
}

.blog-post .post-content .wp-block-gallery {
  width: 100%;
  margin-bottom: 40px;
  padding: 0;
}

.blog-post .post-content .wp-block-gallery .blocks-gallery-caption {
  font-size: 13px;
}

.blog-post .post-content .wp-block-gallery .blocks-gallery-item figure {
  width: 100%;
  position: relative;
}

.blog-post .post-content .wp-block-gallery .blocks-gallery-item figure figcaption {
  padding: 10px;
  bottom: 0;
}

.blog-post .post-content .wp-block-quote {
  margin: 20px 0;
}

.blog-post .post-content .wp-block-quote a {
  color: #fff;
}

.blog-post .post-content .wp-block-quote cite {
  font-family: georgia;
  font-style: italic;
  font-size: 13px;
}

.blog-post .post-content .wp-block-quote cite br {
  display: none;
}

.blog-post .post-content .blocks-gallery-grid {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.blog-post .post-content .wp-block-group.has-background {
  padding: 30px;
}

.blog-post .post-content .has-background {
  margin-bottom: 20px;
}

.blog-post .post-content .more-link {
  display: inline-block;
  margin-top: 20px;
  font-weight: 600;
  display: none;
}

.blog-post .post-content .gallery {
  display: block;
  margin-bottom: 40px;
}

.blog-post .post-content .gallery .gallery-item {
  position: relative;
}

.blog-post .post-content .gallery .gallery-item .gallery-caption {
  font-size: 13px;
  color: #727479;
}

.blog-post .post-content .gallery .gallery-item a {
  width: 100%;
  display: block;
  margin-bottom: 10px;
}

.blog-post .post-content .gallery .gallery-item a img {
  width: 100%;
  height: auto;
}

.blog-post .post-content .wp-block-archives {
  width: 100%;
  display: block;
  margin-bottom: 40px;
  padding: 0;
  font-size: 16px;
}

.blog-post .post-content .wp-block-archives li {
  width: 100%;
  display: block;
  margin: 0;
  margin-bottom: 10px;
  padding: 3px 0;
  list-style: none;
  color: #727479;
}

.blog-post .post-content .wp-block-archives li .comment-author-link a {
  text-decoration: none;
  font-weight: 600;
}

.blog-post .post-content .wp-block-archives li a {
  margin: 0;
  color: #0e0e0e;
}

.blog-post .post-content .wp-block-calendar {
  width: 100%;
  display: block;
  margin-bottom: 40px;
}

.blog-post .post-content .wp-block-calendar caption {
  width: 100%;
  padding-bottom: 20px;
  font-weight: 600;
  color: #727479;
}

.blog-post .post-content .wp-block-calendar a {
  display: inline-block;
  color: #0e0e0e;
  font-weight: 600;
  text-decoration: none;
  margin-top: 10px;
}

.blog-post .post-content .wp-block-table {
  width: 100%;
}

.blog-post .post-content .wp-block-table a {
  color: #0e0e0e;
}

.blog-post .post-content .wp-block-table table {
  width: 100%;
  border: 1px solid #f3f4f5;
}

.blog-post .post-content .wp-block-table table tr {
  border-bottom: 1px solid #f3f4f5;
}

.blog-post .post-content .wp-block-table table td {
  height: 50px;
  padding: 0 20px;
}

.blog-post .post-content .wp-block-search {
  width: 100%;
  display: block;
  margin-bottom: 40px;
}

.blog-post .post-content .wp-block-search .wp-block-search__label {
  display: none;
}

.blog-post .post-content .wp-block-search input[type=search] {
  border: 1px solid #eee;
  padding: 0 15px;
}

.blog-post .post-content .wp-block-categories {
  width: 100%;
  display: block;
  margin-bottom: 40px;
}

.blog-post .post-content .wp-block-latest-comments {
  width: 100%;
  display: block;
  padding: 0;
  margin-bottom: 40px;
}

.blog-post .post-content .wp-block-latest-comments .wp-block-latest-comments__comment-author {
  text-decoration: none;
  font-weight: 600;
}

.blog-post .post-content .wp-block-latest-comments a {
  text-decoration: underline;
}

.blog-post .post-content .wp-block-latest-comments p {
  font-weight: 400;
  padding: 0;
  border: none;
  text-transform: inherit;
}

.blog-post .post-content .wp-block-latest-posts {
  padding: 0;
  margin-bottom: 40px;
}

.blog-post .post-content .wp-block-tag-cloud {
  font-weight: 400;
  margin-bottom: 40px;
}

.blog-post .post-content .wp-block-tag-cloud a {
  display: inline-block;
  font-size: 13px !important;
  background: #0e0e0e;
  color: #fff;
  padding: 0 20px;
}

.blog-post .post-content .wp-block-rss {
  margin-bottom: 40px;
}

.blog-post .post-content .post-entry-footer {
  width: 100%;
  display: block;
  padding: 20px;
  border: 1px solid #e2e2e2;
  margin-bottom: 30px;
  box-shadow: 6px 6px 0 #f5f5f5;
  margin-top: 40px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
}

.blog-post .post-content .post-entry-footer .cat-links {
  width: 100%;
  display: block;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e2e2e2;
  font-weight: 600;
}

.blog-post .post-content .post-entry-footer .cat-links a {
  text-decoration: underline;
  font-weight: 400;
}

.blog-post .post-content .post-entry-footer .cat-links a:hover {
  text-decoration: none;
}

.blog-post .post-content .post-entry-footer .tags-links {
  width: 100%;
  display: block;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e2e2e2;
  font-weight: 600;
}

.blog-post .post-content .post-entry-footer .tags-links a {
  text-decoration: underline;
  font-weight: 400;
}

.blog-post .post-content .post-entry-footer .tags-links a:hover {
  text-decoration: none;
}

.blog-post .post-content .post-entry-footer .edit-link {
  width: 100%;
  display: block;
  font-weight: 600;
}

.blog-post .post-content .post-entry-footer .edit-link .screen-reader-text {
  display: inline-block;
  font-weight: 400;
}

.blog-post .post-content .post-navigation {
  width: 100%;
  display: block;
}

.blog-post .post-content .post-navigation .navigation {
  width: 100%;
  display: block;
  padding: 20px;
  border: 1px solid #e2e2e2;
  margin-bottom: 30px;
  box-shadow: 6px 6px 0 #f5f5f5;
}

.blog-post .post-content .post-navigation .navigation:last-child {
  margin-bottom: 0;
}

.blog-post .post-content .post-navigation .navigation .screen-reader-text {
  font-size: 20px;
  font-weight: 600;
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.blog-post .post-content .post-navigation .navigation .nav-links {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
}

.blog-post .post-content .post-navigation .navigation .nav-links .nav-previous {
  flex: 1;
  width: 50%;
  padding-right: 20px;
  border-right: 1px solid #eee;
}

.blog-post .post-content .post-navigation .navigation .nav-links .nav-next {
  flex: 1;
  width: 50%;
  padding-left: 20px;
  text-align: right;
}

.blog-post .post-content .page-links {
  width: 100%;
  display: block;
  border-top: 1px solid #eee;
  padding-top: 20px;
}

.blog-post .post-content .page-links h6 {
  display: none;
}

.blog-post .post-content .page-links .post-page-numbers {
  height: 60px;
  line-height: 60px;
  display: inline-block;
  border: 1px solid #eee;
  padding: 0 20px;
  font-size: 13px;
  font-weight: 600;
}

.blog-post .post-content .page-links .post-page-numbers.current {
  background: #0e0e0e;
  border-color: #0e0e0e;
  color: #fff;
}

.blog-post .post-content .size-large {
  width: 100%;
  height: auto;
}

.blog-post .post-content code {
  background: #eee;
  padding: 4px;
  color: #0e0e0e;
  font-family: Courier;
}

.blog-post .post-content blockquote {
  background: #4237ef;
  color: #fff;
  padding: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.blog-post .post-content blockquote cite {
  display: block;
  margin-top: 10px;
}

.blog-post .post-content blockquote a {
  color: #fff;
  text-decoration: underline;
}

.blog-post .post-content h3 {
  font-weight: 600;
}

.blog-post .post-content h4 {
  font-weight: 600;
}

.blog-post .post-content h5 {
  font-weight: 600;
}

.blog-post .post-content h6 {
  font-weight: 600;
}

.blog-post .post-content strong {
  font-weight: 600;
}

.blog-post .post-content ol {
  padding-left: 20px;
}

.blog-post .post-content ul {
  padding-left: 20px;
}

.blog-post .post-content ul li {
  margin-bottom: 10px;
}

.blog-post .post-content ul li:last-child {
  margin-bottom: 0;
}

.blog-post .post-content ol li {
  margin-bottom: 10px;
}

.blog-post .post-content ol li:last-child {
  margin-bottom: 0;
}

.blog-post .post-content u {
  text-decoration: none;
  border-bottom: 5px solid #4237ef;
}

.blog-post .post-content .image-full {
  display: block;
  height: auto;
  margin-bottom: 30px;
}

.blog-post .post-content .post-author {
  margin-bottom: 40px;
}

.blog-post .post-content .post-link {
  width: 100%;
  display: inline-block;
}

.blog-post .post-content .link-more {
  width: 100%;
  display: inline-block;
  overflow: hidden;
}

.blog-post .post-content .link-more a {
  display: inline-block;
  position: relative;
  -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;
  font-weight: 600;
}

.blog-post .post-content .link-more a:before {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 100%;
}

.blog-post .post-content .link-more a:hover {
  transform: translateY(-100%);
  text-decoration: none;
}

table {
  width: 100%;
  border: 1px solid #eee;
  margin-bottom: 30px;
}

table tr {
  padding: 15px 0;
}

table tr th {
  padding: 15px;
  border: 1px solid #eee;
}

table tr td {
  padding: 15px;
  border: 1px solid #eee;
}

.tag-content-2 {
  position: relative;
}

.tag-content-2 .screen-reader-text {
  display: none;
}

.post-1788 .post-entry-footer {
  margin-top: 200px !important;
}

.post-1177 .post-entry-footer {
  margin-top: 200px !important;
}

.post-password-form label {
  width: 100%;
}

.post-password-form input[type=password] {
  width: 100%;
  border: 1px solid #eee;
  padding: 0 15px;
  margin-top: 10px;
}

.post-password-form input[type=submit] {
  margin-top: 5px;
}

.page-links {
  width: 100%;
  display: block;
  border-top: 1px solid #eee;
  padding-top: 40px;
  font-size: 16px;
}

.page-links h6 {
  display: none;
}

.page-links .post-page-numbers {
  height: 60px;
  line-height: 60px;
  display: inline-block;
  border: 1px solid #eee;
  padding: 0 20px;
  font-size: 13px;
  font-weight: 600;
}

.page-links .post-page-numbers.current {
  background: #0e0e0e;
  border-color: #0e0e0e;
  color: #fff;
}

.post-entry-footer {
  width: 100%;
  display: block;
  padding: 20px;
  border: 1px solid #e2e2e2;
  margin-bottom: 30px;
  font-size: 16px;
  box-shadow: 6px 6px 0 #f5f5f5;
  margin-top: 40px;
}

.post-entry-footer:last-child {
  margin-bottom: 0;
}

.post-entry-footer .cat-links {
  width: 100%;
  display: block;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #0e0e0e;
  font-weight: 600;
}

.post-entry-footer .cat-links a {
  text-decoration: underline;
  font-weight: 400;
}

.post-entry-footer .tags-links {
  width: 100%;
  display: block;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #0e0e0e;
  font-weight: 600;
}

.post-entry-footer .tags-links a {
  text-decoration: underline;
  font-weight: 400;
}

.post-entry-footer .edit-link {
  width: 100%;
  display: block;
  font-weight: 600;
}

.post-entry-footer .edit-link .screen-reader-text {
  display: inline-block;
  font-weight: 400;
}

.post-comment {
  width: 100%;
  display: block;
  padding: 20px;
  border: 1px solid #e2e2e2;
  margin: 30px 0;
  box-shadow: 6px 6px 0 #f5f5f5;
}

/* COMMENTS */
.post-comment .comments-title {
  width: 100%;
  display: block;
  font-weight: 600;
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.post-comment .comment-list {
  width: 100%;
  display: block;
  margin-bottom: 60px;
  padding: 0 !important;
}

.post-comment .comment-list .comment {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
}

.post-comment .comment-list .children {
  margin-bottom: 20px;
}

.post-comment .comment-list .comment .comment-list {
  margin-bottom: 20px;
}

.post-comment .comment-list .comment .comment-content {
  width: calc(100% - 100px);
  display: inline-block;
}

.post-comment .comment-list .comment .comment-content p:empty {
  display: none;
}

.post-comment .comment-list .comment .comment-content p {
  margin-bottom: 10px;
}

.post-comment .comment-list .comment .comment-content h4 {
  font-size: 13px;
  font-weight: 600;
}

.post-comment .comment-list .comment .comment-content small {
  width: 100%;
  display: block;
  margin-bottom: 5px;
  opacity: 0.6;
}

.post-comment .comment-list .comment .comment-content .comment-reply-link {
  display: inline-block;
  padding: 3px 8px;
  background: #0e0e0e;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}

.post-comment .comment-list .comment .comment-content .comment-reply-link:hover {
  background: #73efcc;
  color: #0e0e0e;
  text-decoration: none;
}

.post-comment .comment-list .comment .comment-avatar {
  margin-right: 20px;
}

.post-comment .comment-list .comment .comment-avatar:empty {
  display: none;
}

.post-comment .comment-list .comment .comment-avatar img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.post-comment .comment-form {
  width: 100%;
  display: block;
}

.post-comment .comment-form .comment-respond {
  width: 100%;
  display: block;
}

.post-comment .comment-form .comment-respond .comment-reply-title {
  width: 100%;
  display: block;
  font-weight: 600;
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.post-comment .comment-form .comment-respond form {
  position: relative;
}

.post-comment .comment-form .comment-respond form .comment-notes {
  display: block;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 20px;
}

.post-comment .comment-form .comment-respond form .comment-form-cookies-consent {
  padding: 0 15px;
}

.post-comment .comment-form .comment-respond form .comment-form-cookies-consent input[type=checkbox] {
  margin-right: 10px;
}

.post-comment .comment-form .comment-respond form .comment-form-cookies-consent label {
  width: auto;
  display: inline-block;
}

.post-comment .comment-form .comment-respond form .logged-in-as {
  font-weight: 400;
  text-transform: inherit;
  border: none;
  padding: 0;
  font-size: 16px;
  margin-bottom: 20px;
}

.post-comment .comment-form .comment-respond form .logged-in-as a {
  text-decoration: underline;
}

.post-comment .comment-form .comment-respond form label {
  width: 100%;
  display: block;
  font-size: 13px;
  color: #727479;
}

.post-comment .comment-form .comment-respond form input[type=text] {
  width: 100%;
  display: block;
  border: 1px solid #dadada;
  padding: 0 15px;
  background: #f7f7f7;
}

.post-comment .comment-form .comment-respond form input[type=email] {
  width: 100%;
  display: block;
  border: 1px solid #dadada;
  padding: 0 15px;
  background: #f7f7f7;
}

.post-comment .comment-form .comment-respond form textarea {
  width: 100%;
  display: block;
  border: 1px solid #dadada;
  padding: 15px;
  background: #f7f7f7;
}

/* SIDEBAR */
.sidebar {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-left: 60px;
  font-size: 16px;
}

.sidebar .widget {
  width: 100%;
  display: block;
  margin-bottom: 50px;
  background: #fff;
  padding: 40px;
  padding-top: 0;
  border: 1px solid #e2e2e2;
  position: relative;
  box-shadow: 6px 6px 0 #f5f5f5;
}

.sidebar .widget:last-child {
  margin-bottom: 0;
}

.sidebar .widget strong {
  font-weight: 600;
}

.sidebar .widget .categories {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.sidebar .widget .categories li {
  width: 100%;
  display: block;
  margin: 0;
  padding: 3px 0;
  list-style: none;
}

.sidebar .widget .categories li a {
  margin: 0;
}

.sidebar .widget .categories li a:hover {
  color: #73efcc;
  text-decoration: none;
}

.sidebar .widget .categories li span {
  float: right;
  opacity: 0.5;
}

.sidebar .widget .tags {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}

.sidebar .widget .tags li {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 0;
  list-style: none;
}

.sidebar .widget .tags li a {
  color: #fff;
  background: #73efcc;
  display: inline-block;
  font-size: 13px;
  padding: 3px 6px;
}

.sidebar .widget .tags li a:hover {
  color: #73efcc;
  background: #0e0e0e;
  text-decoration: none;
}

.sidebar .widget .side-gallery {
  display: block;
  margin-left: -1px;
  margin-right: -1px;
  padding: 0;
}

.sidebar .widget .side-gallery li {
  width: 50%;
  float: left;
  margin: 0;
  padding: 1px;
  list-style: none;
}

.sidebar .widget p {
  margin-bottom: 0;
}

.sidebar .widget select {
  width: 100%;
}

.sidebar .widget form {
  margin: 0;
}

.sidebar .widget form input[type=search] {
  width: 100%;
  margin-bottom: 10px;
}

.sidebar .widget form button[type=submit] {
  background: #73efcc;
  color: #0e0e0e;
  font-size: 20px;
}

.sidebar .widget .widget-title {
  width: 100%;
  display: block;
  border-bottom: 4px solid #eee;
  line-height: 1;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 30px 0;
  margin-bottom: 30px;
  color: #0e0e0e;
  position: relative;
}

.sidebar .widget_search {
  width: 100%;
}

.sidebar .widget_search .widget-title {
  margin-bottom: 0;
}

.sidebar .widget_search .search-form {
  padding-top: 40px;
}

.sidebar .widget_search .screen-reader-text {
  display: none;
}

.sidebar .widget_search label {
  width: 100%;
  display: block;
}

.sidebar .widget_search input[type=search] {
  border: 1px solid #eee;
  padding: 0 15px;
}

.sidebar .widget_archive {
  position: relative;
}

.sidebar .widget_archive .screen-reader-text {
  display: none;
}

.sidebar .widget_archive ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.sidebar .widget_archive ul li {
  width: 100%;
  display: block;
  margin: 0;
  padding: 3px 0;
  list-style: none;
  color: #727479;
}

.sidebar .widget_archive ul li a {
  margin: 0;
  color: #0e0e0e;
}

.sidebar .widget_calendar {
  position: relative;
}

.sidebar .widget_calendar caption {
  padding-bottom: 0;
  color: #727479;
  font-weight: 600;
}

.sidebar .widget_calendar table {
  width: 100%;
  text-align: center;
}

.sidebar .widget_calendar table thead {
  margin-bottom: 10px;
}

.sidebar .widget_calendar table thead th {
  height: 50px;
  border-bottom: 1px solid #eee;
  padding: 0;
}

.sidebar .widget_calendar table tbody {
  margin-bottom: 10px;
}

.sidebar .widget_calendar table tbody td {
  height: 30px;
  padding: 0;
}

.sidebar .widget_calendar table tfoot {
  padding-top: 10px;
}

.sidebar .widget_calendar table tfoot td {
  border-top: 1px solid #eee;
  height: 50px;
  padding: 0;
}

.sidebar .widget_calendar table tfoot td:last-child {
  text-align: right;
}

.sidebar .widget_categories {
  position: relative;
}

.sidebar .widget_categories .screen-reader-text {
  display: none;
}

.sidebar .widget_categories ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.sidebar .widget_categories ul li {
  width: 100%;
  display: block;
  margin: 0;
  padding: 3px 0;
  list-style: none;
  color: #727479;
}

.sidebar .widget_categories ul li ul {
  padding-left: 20px;
}

.sidebar .widget_categories ul li a {
  margin: 0;
  color: #0e0e0e;
}

.sidebar .widget_pages {
  position: relative;
}

.sidebar .widget_pages ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.sidebar .widget_pages ul li {
  width: 100%;
  display: block;
  margin: 0;
  padding: 3px 0;
  list-style: none;
  color: #727479;
}

.sidebar .widget_pages ul li ul {
  padding-left: 20px;
}

.sidebar .widget_pages ul li a {
  margin: 0;
  color: #0e0e0e;
}

.sidebar .widget_meta {
  position: relative;
}

.sidebar .widget_meta ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.sidebar .widget_meta ul li {
  width: 100%;
  display: block;
  margin: 0;
  padding: 3px 0;
  list-style: none;
  color: #727479;
}

.sidebar .widget_meta ul li a {
  margin: 0;
}

.sidebar .widget_recent_comments {
  position: relative;
}

.sidebar .widget_recent_comments ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.sidebar .widget_recent_comments ul li {
  width: 100%;
  display: block;
  margin: 0;
  margin-bottom: 10px;
  padding: 3px 0;
  list-style: none;
  color: #727479;
  position: relative;
  padding-left: 15px;
}

.sidebar .widget_recent_comments ul li:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #0e0e0e;
  position: absolute;
  left: 0;
  top: 12px;
  border-radius: 50%;
}

.sidebar .widget_recent_comments ul li:last-child {
  margin-bottom: 0;
}

.sidebar .widget_recent_comments ul li .comment-author-link a {
  text-decoration: none;
  font-weight: 600;
}

.sidebar .widget_recent_comments ul li a {
  margin: 0;
  color: #0e0e0e;
  text-decoration: underline;
}

.sidebar .widget_recent_comments ul li a:hover {
  text-decoration: none;
}

.sidebar .widget_recent_entries {
  position: relative;
}

.sidebar .widget_recent_entries ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.sidebar .widget_recent_entries ul li {
  width: 100%;
  display: block;
  margin: 0;
  margin-bottom: 20px;
  padding: 3px 0;
  list-style: none;
  color: #727479;
}

.sidebar .widget_recent_entries ul li:last-child {
  margin-bottom: 0;
}

.sidebar .widget_recent_entries ul li a {
  margin: 0;
}

.sidebar .widget_rss {
  position: relative;
}

.sidebar .widget_rss .rss-widget-icon {
  display: none;
}

.sidebar .widget_rss ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.sidebar .widget_rss ul li {
  width: 100%;
  display: block;
  margin: 0;
  margin-bottom: 10px;
  padding: 3px 0;
  list-style: none;
}

.sidebar .widget_rss ul li:last-child {
  margin-bottom: 0;
}

.sidebar .widget_rss ul li .rss-date {
  width: 100%;
  display: block;
  font-size: 12px;
  color: #727479;
  margin: 5px 0;
}

.sidebar .widget_rss ul li .rssSummary {
  width: 100%;
  display: block;
  margin-bottom: 5px;
}

.sidebar .widget_rss ul li cite {
  display: block;
  font-family: georgia;
  color: #727479;
}

.sidebar .widget_rss ul li a {
  margin: 0;
  color: #0e0e0e;
  font-weight: 600;
}

.sidebar .widget_text {
  position: relative;
}

.sidebar .widget_text .wp-caption-text {
  margin-top: 0;
}

.sidebar .widget_text img {
  height: auto;
  margin-top: 5px;
  margin-bottom: 10px;
}

.sidebar .widget_text a {
  display: inline-block;
}

.sidebar .widget_text p {
  margin-bottom: 20px;
}

.sidebar .widget_text p:empty {
  display: none;
}

.sidebar .widget_tag_cloud {
  position: relative;
}

.sidebar .widget_tag_cloud .tagcloud {
  width: 100%;
  display: block;
}

.sidebar .widget_tag_cloud .tagcloud a {
  color: #fff;
  background: #4237ef;
  display: inline-block;
  font-size: 12px !important;
  padding: 3px 6px;
  margin-right: 5px;
  margin-bottom: 5px;
}

.sidebar .widget_tag_cloud .tagcloud a:hover {
  color: #fff;
  background: #0e0e0e;
  text-decoration: none;
}

.sidebar .widget_nav_menu {
  position: relative;
}

.sidebar .widget_nav_menu ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.sidebar .widget_nav_menu ul li {
  width: 100%;
  display: block;
  margin: 0;
  padding: 3px 0;
  list-style: none;
  color: #727479;
}

.sidebar .widget_nav_menu ul li ul {
  padding-left: 17px;
}

.sidebar .widget_nav_menu ul li a {
  margin: 0;
  color: #0e0e0e;
}

/* FOOTER WIDGETS */
.footer-widget {
  width: 100%;
  display: block;
  margin-bottom: 40px;
}

.footer-widget table th, .footer-widget table td {
  padding: 0;
  text-align: center;
}

.footer-widget a {
  color: #fff;
}

.footer-widget .widget-title {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  opacity: 0.7;
  font-weight: 600;
  font-size: 15px;
}

.footer-widget .screen-reader-text {
  display: none;
}

.footer-widget .calendar_wrap {
  width: 100%;
  display: block;
}

.footer-widget .calendar_wrap caption {
  font-size: 13px;
  font-weight: 600;
  color: #fff;
}

.footer-widget .calendar_wrap table {
  width: 100%;
}

.footer-widget .recentcomments {
  margin-bottom: 10px !important;
}

.footer-widget .recentcomments .comment-author-link {
  text-decoration: underline;
}

.footer-widget .recentcomments .comment-author-link a {
  font-weight: 400;
}

.footer-widget .recentcomments a {
  font-weight: 600;
}

.footer-widget .rss-widget-icon {
  display: none;
}

.footer-widget .rsswidget {
  margin-bottom: 5px;
  font-weight: 600;
}

.footer-widget .rss-date {
  width: 100%;
  display: block;
  font-size: 13px;
  opacity: 0.3;
}

.footer-widget .rssSummary {
  width: 100%;
  display: block;
  margin-bottom: 10px;
}

.footer-widget .textwidget {
  width: 100%;
  display: block;
  margin-bottom: 30px;
}

.footer-widget .search-form {
  width: 100%;
  display: block;
}

.footer-widget .search-form label {
  width: 100%;
}

.footer-widget .tagcloud {
  width: 100%;
  display: block;
}

.footer-widget .tagcloud a {
  font-size: 13px !important;
  margin-right: 10px;
  margin-bottom: 5px;
}

.footer-widget img {
  margin-top: 5px;
  margin-bottom: 10px;
  height: auto;
  width: 100%;
}

.footer-widget strong {
  font-weight: 600;
}

.footer-widget cite {
  width: 100%;
  display: block;
  font-family: georgia;
  font-size: 13px;
  margin-bottom: 30px;
}

.footer-widget select {
  width: 100%;
}

.footer-widget input[type=search] {
  width: 100%;
  border: none;
  padding: 0 15px;
}

.footer-widget ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}

.footer-widget ul li {
  width: 100%;
  display: block;
  margin: 2px 0;
  padding: 0;
  list-style: none;
}

.footer-widget ul li ul {
  padding-left: 10px !important;
}

/* WOOCOMMERCE COMPATIBLE */
.woocommerce {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.woocommerce .woocommerce-notices-wrapper {
  width: 100%;
}

.woocommerce .woocommerce-notices-wrapper .woocommerce-message {
  width: 100%;
  display: block;
  line-height: 40px;
  margin-bottom: 50px;
  padding: 20px 30px;
  padding-left: 60px;
  background: none;
  border: 1px solid #eee;
  box-shadow: 6px 6px 0 #f5f5f5;
}

.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
  top: 21px;
  left: 30px;
  font-size: 20px;
  color: green;
}

.woocommerce .woocommerce-notices-wrapper .woocommerce-message .button {
  border-radius: 0;
  height: 40px;
  line-height: 40px;
  font-weight: 600;
  padding: 0 20px;
  background: #0e0e0e;
  color: #fff;
}

.woocommerce .woocommerce-result-count {
  line-height: 50px;
  margin-bottom: -50px;
}

.woocommerce .woocommerce-ordering {
  width: 100%;
  display: block;
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

.woocommerce .woocommerce-ordering select {
  height: 50px;
  float: right;
}

.woocommerce ul.products {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}

.woocommerce ul.products.columns-3 {
  display: flex;
  flex-wrap: wrap;
}

.woocommerce ul.products.columns-3 li.product {
  width: 33.33333%;
  display: inline-block;
  margin: 0;
  margin-bottom: 40px;
  padding: 0 15px;
}

.woocommerce ul.products.columns-4 {
  display: flex;
  flex-wrap: wrap;
}

.woocommerce ul.products.columns-4 li.product {
  width: 25%;
  display: inline-block;
  margin: 0;
  margin-bottom: 40px;
  padding: 0 15px;
}

.woocommerce ul.products li.product .onsale {
  border-radius: 0;
  right: 25px;
  top: 10px;
  margin: 0;
  padding: 0 15px;
  background: #4237ef;
}

.woocommerce ul.products li.product .price {
  color: #0e0e0e;
  font-size: 18px;
}

.woocommerce ul.products li.product .price ins {
  float: right;
}

.woocommerce ul.products li.product .button {
  padding: 0;
  margin: 0;
  color: #0e0e0e;
  text-transform: uppercase;
  background: none;
  border-radius: 0;
}

/* PRODUCT PAGE */
.woocommerce .blog-post .post-image {
  display: none;
}

.woocommerce div.product {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.woocommerce span.onsale {
  border-radius: 0;
  left: 10px;
  top: 10px;
  margin: 0;
  padding: 0 15px;
  background: #4237ef;
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
  border-radius: 0;
}

.woocommerce div.product div.images .flex-control-thumbs {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.woocommerce div.product div.images .flex-control-thumbs li {
  flex: 1;
}

.woocommerce div.product div.summary {
  padding-left: 50px;
}

.woocommerce div.product p.price {
  color: #0e0e0e;
  font-size: 28px;
}

.woocommerce div.product .woocommerce-product-details__short-description {
  width: 100%;
  display: block;
}

.woocommerce div.product form.cart {
  width: 100%;
  display: block;
  margin-bottom: 30px;
}

.woocommerce .quantity .qty {
  height: 60px;
}

.woocommerce div.product form.cart .button {
  height: 60px;
  border-radius: 0;
  background: #0e0e0e;
  color: #fff;
}

.woocommerce div.product form.product_meta {
  width: 100%;
  display: block;
  margin-bottom: 20px;
}

.woocommerce div.product .product_meta .posted_in {
  width: 100%;
  display: block;
  font-weight: 600;
  margin-bottom: 15px;
}

.woocommerce div.product .product_meta .posted_in a {
  font-weight: 400;
  text-decoration: underline;
}

.woocommerce div.product .product_meta .tagged_as {
  width: 100%;
  display: block;
  font-weight: 600;
}

.woocommerce div.product .product_meta .tagged_as a {
  font-weight: 400;
  text-decoration: underline;
}

.woocommerce div.product .woocommerce-tabs {
  width: 100%;
  display: block;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
  padding: 0;
  margin: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
  border-bottom: 1px solid #eee;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border-radius: 0;
  border: 1px solid #eee;
  margin: 0;
  padding: 0 30px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  padding: 0;
  height: 60px;
  line-height: 60px;
  display: inline-block;
  font-weight: 400;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
  display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
  display: none;
}

.woocommerce div.product .woocommerce-tabs .panel {
  width: 100%;
  display: block;
  border: 1px solid #eee;
  border-top: none;
  padding: 30px;
  box-shadow: 6px 6px 0 #f5f5f5;
  margin-bottom: 60px;
}

.woocommerce div.product .woocommerce-tabs .panel h2 {
  width: 100%;
  display: block;
  font-size: 16px;
  font-weight: 600;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  margin-bottom: 15px;
}

.woocommerce div.product .woocommerce-tabs .panel p:last-child {
  margin-bottom: 0;
}

.related.products {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.related.products h2 {
  width: 100%;
  font-weight: 600;
  font-size: 20px;
  border-bottom: 1px solid #eee;
  margin-bottom: 30px;
  padding-bottom: 15px;
}

.related.products .products.columns-4 {
  padding-left: 0;
}

.related.products .products.columns-3 {
  padding-left: 0;
}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
  .footer .work-with-us {
    margin-top: 100px;
  }

  .menu-horizontal {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    visibility: hidden;
    padding: 0 30px;
  }

  .menu-horizontal li {
    width: 100%;
    display: block;
    margin: 5px 0;
    padding: 0;
    list-style: none;
    -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;
    opacity: 0;
    line-height: 1;
    transform: skewY(6deg);
    position: relative;
    text-align: center;
    font-size: 22px !important;
    color: #fff;
  }

  .menu-horizontal li div {
    width: auto;
  }

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

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

  .menu-horizontal li a:before {
    color: #fff;
  }

  .menu-horizontal li i {
    position: relative;
    float: left;
    left: 0;
    top: 0;
    margin-top: 2px;
    margin-left: 5px;
  }

  .menu-horizontal li ul {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 0;
    padding-left: 15px;
    background: none;
  }

  .menu-horizontal li ul li {
    width: 100%;
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
  }

  .menu-horizontal li ul li:last-child {
    margin-bottom: 0;
  }

  .menu-horizontal li ul li a {
    font-size: 18px;
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;
  }

  .menu-horizontal li ul li i {
    margin: 0;
  }

  .menu-horizontal li ul li ul {
    background: none;
    margin: 0;
    margin-top: 10px;
    padding: 0;
    padding-left: 15px;
  }

  .menu-horizontal li ul li ul li {
    margin-bottom: 10px;
  }

  .menu-horizontal li ul li ul li:last-child {
    margin-bottom: 0;
  }

  .menu-horizontal li ul li ul li ul {
    background: none;
    margin: 0;
    margin-top: 10px;
    padding: 0;
    padding-left: 15px;
  }

  .menu-horizontal li ul li ul li ul li ul {
    background: none;
    margin: 0;
    margin-top: 10px;
    padding: 0;
    padding-left: 15px;
  }

  .menu-horizontal li ul {
    position: static;
  }

  .menu-horizontal li:hover ul {
    display: none;
  }

  .menu-horizontal li ul li:hover ul {
    display: none;
  }

  .menu-horizontal li ul li ul li:hover ul {
    display: none;
  }

  .menu-horizontal li ul li ul li ul li:hover ul {
    display: none;
  }
}


@media only screen and (max-width: 991px), only screen and (max-device-width: 991px){
  .navbar .logo a img {
    width: 200px;
}
.body-sandwich-menu .menu-text{
  display: none;
}
.slider .slide-content h1{
  -webkit-text-stroke-width: 1px;
}
.section-title h2{
      font-size: 34px;
      line-height: 32px;
}
.section-title h6{
  font-size: 15px;  
  margin-top: 17px;
    line-height: 26px;
}
.content-section {
    padding: 50px 0;
}
.section-title {
    margin-bottom: 30px;
}
.left-side-content {
    padding: 30px 20px;
    background: #0A1524;
}
.pres_div h4{
      font-size: 18px;
}
.col-lg-4:nth-child(3) .recent-news {
    margin: 0;
}
.pres_div{
  margin-top: 30px;
}
.footer .footer-widget {
    margin-top: 10px;
}
.menu-container li a {
    font-size: 5vw;
}

}

.right-side-image .clients{
  padding: 20px 8px;
  background: #fff;
}
.right-side-image figcaption{
  padding: 0;
}
.right-side-image .clients figcaption{
    width: 100%;
    left: 0;
    text-align: center;
    margin-top: 10px;
    opacity: 1;
    transform: translateY(0) scale(1);
    position: relative;
}
.right-side-image .clients img{
      width: 80px;
    height: 60px;
}
.right-side-image .clients:hover img {
    opacity: 1;
    transform: scale(0.9);
}

/*about team*/
.odd .team_wrapper figure{
  background-color: rgb(207, 222, 229);
}
.even .team_wrapper figure{
  background-color: rgb(255 240 214);
}
.modal {
    position: relative;
    z-index: 300;
}
.modal__backdrop {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .8s cubic-bezier(0,.23,.07,1),visibility 0s cubic-bezier(.21,.29,.2,.99) .8s;
    transition: opacity .8s cubic-bezier(0,.23,.07,1),visibility 0s cubic-bezier(.21,.29,.2,.99) .8s;
}
.modal--level-1 .modal__backdrop {
    background: var(--theme-color);
}
.modal[aria-hidden=false] .modal__backdrop {
    -webkit-transition: opacity .25s cubic-bezier(.21,.29,.2,.99);
    transition: opacity .25s cubic-bezier(.21,.29,.2,.99);
    opacity: var(--backdrop-o);
    visibility: visible;
}
.modal__wrapper {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .25s cubic-bezier(.21,.29,.2,.99),visibility 0s linear .8s,-webkit-transform 0s linear .25s;
    transition: opacity .25s cubic-bezier(.21,.29,.2,.99),visibility 0s linear .8s,-webkit-transform 0s linear .25s;
    transition: transform 0s linear .25s,opacity .25s cubic-bezier(.21,.29,.2,.99),visibility 0s linear .8s;
    transition: transform 0s linear .25s,opacity .25s cubic-bezier(.21,.29,.2,.99),visibility 0s linear .8s,-webkit-transform 0s linear .25s;
    scroll-behavior: smooth;
}
.modal--level-1 .modal__wrapper {
    -webkit-transform: translate3d(0,50vh,0) scale(.5);
    transform: translate3d(0,50vh,0) scale(.5);
    -webkit-transform-origin: 150vw 100vh;
    transform-origin: 150vw 100vh;
    display: grid;
    grid-template-columns: 1fr var(--modal-w) var(--container-m);
    grid-template-rows: var(--modal-offset) -webkit-min-content var(--modal-offset);
    grid-template-rows: var(--modal-offset) min-content var(--modal-offset);
}
.modal--fading .modal__wrapper, .modal--fully-opened .modal__wrapper {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
}
.modal--level-1[aria-hidden=false] .modal__wrapper, .modal--level-2[aria-hidden=false][aria-busy=false] .modal__wrapper {
    -webkit-transform: none;
    transform: none;
    visibility: visible;
    opacity: 1;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.21,.29,.2,.99);
    transition: -webkit-transform .3s cubic-bezier(.21,.29,.2,.99);
    transition: transform .3s cubic-bezier(.21,.29,.2,.99);
    transition: transform .3s cubic-bezier(.21,.29,.2,.99), -webkit-transform .3s cubic-bezier(.21,.29,.2,.99);
}
.modal__close, .modal__spacer {
    cursor: pointer;
}
.col-span-3 {
    grid-column: span 3/span 3;
}
.col-span-1 {
    grid-column: span 1/span 1;
}
.modal__inner {
    position: relative;
    min-height: calc(100vh - var(--modal-offset));
    -webkit-transition: -webkit-transform .25s cubic-bezier(.21,.29,.2,.99);
    transition: -webkit-transform .25s cubic-bezier(.21,.29,.2,.99);
    transition: transform .25s cubic-bezier(.21,.29,.2,.99);
    transition: transform .25s cubic-bezier(.21,.29,.2,.99), -webkit-transform .25s cubic-bezier(.21,.29,.2,.99);
}
.bg-default {
    background-color: #f8f7f2;
}
.col-span-2 {
    grid-column: span 2/span 2;
}
.shadow-modal {
    -webkit-box-shadow: 0 0 6rem rgb(0 0 0 / 15%);
    box-shadow: 0 0 6rem rgb(0 0 0 / 15%);
}
.modal--level-1 .modal__inner {
    -webkit-transform: translate3d(0,50vh,0) scale(.5);
    transform: translate3d(0,50vh,0) scale(.5);
    -webkit-transform-origin: 150vw 100vh;
    transform-origin: 150vw 100vh;
    border-top-left-radius: var(--border-radius-s);
    border-bottom-left-radius: var(--border-radius-s);
}
.modal[aria-hidden=false] .modal__inner {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: none;
    transition: none;
}
.highlight-section:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: var(--highlight-color);
    opacity: 0;
    will-change: opacity;
    -webkit-transition: opacity 1s cubic-bezier(.1,.6,.4,1);
    transition: opacity 1s cubic-bezier(.1,.6,.4,1);
}
.hero {
    max-width: 100%;
    z-index: 1;
    position: relative;
    overflow: hidden;
}
.text-style-700 {
    font-size: 2.4rem;
    font-variation-settings: "wght" var(--font-weight);
    font-weight: 200;
    line-height: 1.045;
    --font-weight: 288;
    --measure: 21ch;
}
.text-style-700 {
    font-size: 2.4rem;
    font-variation-settings: "wght" var(--font-weight);
    font-weight: 200;
    line-height: 1.045;
    --font-weight: 288;
    --measure: 21ch;
}
.page-grid {
    display: grid;
    grid-template-columns: repeat(var(--grid-rows),minmax(0,1fr));
    -webkit-column-gap: var(--column-gap);
    -moz-column-gap: var(--column-gap);
    column-gap: var(--column-gap);
    -webkit-box-align: start;
    align-items: start;
}
.modal .container {
    width: var(--modal-container-w);
    margin-right: var(--container-m);
}
.modal .page-grid {
    --grid-rows: var(--modal-grid-rows);
}
.media-box {
    position: relative;
    overflow: hidden;
    border-radius: var(--border-radius-s);
    -webkit-transition: background 0s cubic-bezier(0,.23,.07,1) .5s,-webkit-transform .5s cubic-bezier(0,.23,.07,1);
    transition: background 0s cubic-bezier(0,.23,.07,1) .5s,-webkit-transform .5s cubic-bezier(0,.23,.07,1);
    transition: background 0s cubic-bezier(0,.23,.07,1) .5s,transform .5s cubic-bezier(0,.23,.07,1);
    transition: background 0s cubic-bezier(0,.23,.07,1) .5s,transform .5s cubic-bezier(0,.23,.07,1),-webkit-transform .5s cubic-bezier(0,.23,.07,1);
}
.media-box--portrait:before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 150%;
    height: 0;
}
.team_wrapper figcaption{
  text-align: center;
}
.team_list .row{
  justify-content: center;
}
.team_list{
  padding: 120px 0 60px;
}
.team_wrapper{
  margin-bottom: 50px
}
.team_list{
  background-color: #f7f7f7;
  position: relative;
}
.team_wrapper figcaption h4{
  font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}
.team_list h3.sec_tit{
  font-size: 36px;
  line-height: 32px;
  margin-bottom: 50px;
}
.right-side-image figcaption a{
      color: #e2a133;
    font-size: 15px;
    font-weight: 500;
}
.right-side-image  .wpb_column .clients:nth-child(4) img{
    width: 50px;
    height: 80px;
}

/*//teams new*/

.team_new{
  padding: 150px 0 0;
}
.team_new .swiper-container.team_slider{
  height: auto;
  padding-bottom: 40px;
}
.team_new .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
      max-width: 94%;
    margin: auto;
}

.team_new .item {
    width: 100%;
    height: 355px;
    /*box-shadow: -4px 7px 10px rgb(34 35 58 / 20%);*/
    border-radius: 25px;
    position: relative;
    overflow: hidden;
}
.team_new .item  img {
    width: 100%;
    height: auto;
    border-radius: 0;
    /* object-fit: cover; */
    max-width: 290px;
    margin: auto;
  }
.team_new #jssor_1 .item{
     margin-right: 20px;
     left: 0 !important;
     height: 290px;
 }
 .team_new #jssor_1 .jssorb057{
     width: 260px !important;
 }

.team_new .swiper-pagination-bullet {
  width: 8px !important;
  height: 8px !important;
  border-radius: 5px !important;
  background: #0f1d31 !important;
  transition: all 0.3s !important;
}


.team_new .bg {
  animation:slide 3s ease-in-out infinite alternate;
  background-image: linear-gradient(60deg, #f0d784 50%,#f5ebc9 50%, #FFFFFF 50%);
  bottom:0;
  left:-50%;
  opacity:.5;
  position:fixed;
  right:-50%;
  top:0;
  z-index:-1;
}


.team_new .bg2 {
  animation-direction:alternate-reverse;
  animation-duration:4s;
}

.team_new .bg3 {
  animation-duration:5s;
}


@keyframes slide {
  0% {
    transform:translateX(-25%);
  }
  100% {
    transform:translateX(25%);
  }
}



.tm_det{
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    background-image: linear-gradient(to top, #000f24 60%, #000f2400 100%);
    height: 110px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}
.tm_det h4{
    display: block;
    margin-bottom: 7px;
    font-size: 22px;
    width: 100%;
    font-weight: 500;
    color: #ffcb00;
    margin-top: 30px;
}
.tm_det a{
  display: block;
    margin: 0;
    line-height: 20px;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
}
.bg_ltblue{
  background-color: rgb(207, 222, 229);
}
.bg_ltpink {
    background-color: rgb(255 240 214);
}
.teamspage .modal{
    position: fixed !important;
    z-index: 9999 !important;
}

.close.teampopup{
    background: url(../images/popup-close.svg);
    background-repeat: no-repeat;
    top: -40px;
    right: 0;
    width: 50px;
    height: 40px;
    background-color: #fff;
    background-position: center;
    background-size: 16px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    position: absolute;
    opacity: 1;
    padding: 0;
    font-size: 0;
}
.team-wrapper{
    cursor: pointer;
}
.teamsbiopopup .modal-content, .teamsbiopopup .modal-content .modal-body{
    padding: 0;
    border: none;
    box-shadow: unset;
    border-top-right-radius: 0;
}
.bio-detaols .biodet-left{
        background: rgb(207, 222, 229);
    padding: 50px 20px;
    text-align: center;
}
.bio-detaols .biodet-right {
    padding: 50px 30px;
}
.bio-detaols .pop-right {
    height: 370px;
    overflow-y: scroll;
    padding-right: 10px;
}
.bio-detaols .pop-right::-webkit-scrollbar {
    width: 6px;
    background-color: #FFF;
}
.pop-left h3{
        font-size: 22px;
}
.bio-detaols .pop-right::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: #F5F5F5;
}
.bio-detaols .pop-right::-webkit-scrollbar-track {
    border-radius: 6px;
    background-color: #FFF;
}
.teamsbiopopup .modal-content, .teamsbiopopup .modal-content .modal-body{
    height: 460px;
}
.bio-detaols, .bio-detaols .row, .bio-detaols .row .biodet-left, .bio-detaols .row .biodet-right{
    height: 100%;
}
.bio-detaols .biodet-left.bg_ltpink{
    background-color: rgb(255 240 214);
}
/*blog slider*/
.bt_list .nav-link{
  border: none;
}
.nav-tabs{
  border: none;
}
.bt_list{
  display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    padding: 0;
}
.bt_list li{
      display: block;
    overflow: hidden;
    width: auto;
        padding-right: 4%;
}
.bt_list li a{
      color: #9f9f9f;
    display: block;
    font-size: 16px;
    padding: 0 0 6px;
    position: relative;
}
.bt_list li a:after{
      background-color: #1f1f1f;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    transform: scaleX(0) translateZ(0);
    transform-origin: center right;
    transition: transform .4s cubic-bezier(.405,.07,.575,.995);
    width: 100%;
}
.bt_list li a.active:after{
  transform: scaleX(1) translateZ(0);
    transform-origin: center left;
}
.popular-post-collection-list {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
}
.bl_wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.w-inline-block {
    max-width: 100%;
    display: inline-block;
}
.post-image-block-link {
    overflow: hidden;
    height: auto;
}
.post-image {
    -webkit-transition: -webkit-transform 350ms ease-in-out;
    transition: transform 350ms ease-in-out;
    transition: transform 350ms ease-in-out,-webkit-transform 350ms ease-in-out;
}
.post-info-block {
    position: relative;
    left: 0;
    top: auto;
    right: auto;
    bottom: -19%;
    z-index: 3;
    width: 80%;
    margin-top: -132px;
    padding: 40px;
    border: 1px dashed rgba(22,28,28,.1);
    background-color: #fff;
}
.category-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
}
.category-line {
    width: 20px;
    height: 2px;
    margin-right: 6px;
    background-color: #e2a133;
}
.post-category {
    color: #e2a133;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
}
.title-link-block {
    text-decoration: none;
}
.post-title {
        margin-top: 0;
    margin-bottom: 18px;
    color: #000;
}
.date-time-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    grid-auto-columns: 1fr;
    -ms-grid-columns: auto auto 1fr;
    grid-template-columns: auto auto 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}
.post-date {
    margin-right: 6px;
    line-height: 16px;
}
.bt_cnt{
    padding-top: 80px;
}
/*.bl_wrapper.odd{
  transform: translateY(-100px);
}*/
.bl_wrapper{
  margin-bottom: 60px;
}
.knowledge_hub{
  background-color: #fafafa;
  padding: 150px 0;
}
a.view-all {
margin-top: 90px;
    color: #1f1f1f;
    text-decoration: none;
    font-size: 20px;
    display: block;
    font-weight: 500;
}
a.arrow span {
    position: relative;
    display: inline-block;
    width: 95px;
    height: 8px;
    padding-left: 25px;
    transition: all .3s ease;
}
a.arrow:hover{
  color: #e2a133;
}
a.arrow:hover span{
  width: 105px;
}
a.arrow span:before{
    content: "";
    width: 65px;
    height: 2px;
    background: #1f1f1f;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    transition: all .3s ease;
}
a.arrow:hover span:before{
  width: 75px;
  background: #e2a133;
}
a.arrow span:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #1f1f1f;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -5px;
    transition: all .3s ease;
}
a.arrow:hover span:after{
border-color: transparent transparent transparent #e2a133;
}
.sec_tit{
      font-size: 40px;
    font-weight: 600;
    padding-bottom: 40px;
}
.bt_list .nav-link{
  background: transparent !important;
    font-size: 18px !important;
    font-weight: 500 !important;
}
nav.navbar{
  display: none;
}

.on-hoverdiv{
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #1e2b3e;
    padding: 30px;
    opacity: 0;
    transition: all 500ms ease;
}
.icon-content-list-block .on-hoverdiv a{
color: #fff;
    font-size: 15px;
    font-weight: 500;
    line-height: 26px !important;
    display: block;
}
.icon-content-list-block .on-hoverdiv h5{
      color: #e2a133;
      margin-bottom: 15px;
}
.icon-content-list-block .on-hoverdiv h5:after{
  background: #e2a133;
}
.icon-content-list-block:hover .on-hoverdiv{
  opacity: 1;
}
.contactsec-form address small{
    color: #e2a133;
    opacity: 1;
    font-size: 16px;
    margin-bottom: 10px;
    display: block;
}
.bordr_top{
    border-top: 1px dashed #d1d1d1;
    padding-top: 50px;
    margin-top: 20px !important;
}
.contactsec-form address p{
    color: #212121;
    margin-bottom: 10px;
    font-size: 15px;
}
.slider .slide-content p{
    max-width: 760px;
    margin: auto;
    color: #a1a1a1;
    font-size: 14px;
    font-weight: 100;
    margin-bottom: 10px;
    text-align: justify;
    padding: 0 20px;
    font-family: 'GT-Haptik-Regular';
}
input[type="submit"].careersubmit{
    width: 100% !important;
    height: 54px !important;
    margin-top: 20px !important;
    background-color: #161c1c !important;
    -webkit-transition: background-color .2s ease-in-out !important;
    transition: background-color .2s ease-in-out !important;
    border-radius: 0 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #FFFFFF !important;
    max-width: 260px;
}

#scroll-down {
    display: block;
    position: relative;
    padding-top: 40px;
    text-align: center;
    position: absolute;
    bottom: 40px;
    z-index: 999;
    left: 50%;
    transform: translateX(-50%);
}
.arrow-down {
  display: block;
  margin: 0 auto;
  width: 10px;
  height: 20px;
}
.arrow-down:after {
  content: '';
  display: block;
  margin: 0;
  padding: 0;
  width: 8px;
  height: 8px;
  border-top: 2px solid #e2a133;
  border-right: 2px solid #e2a133;
  behavior: url(-ms-transform.htc);
  -moz-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
#scroll-title {
  display: block;
  text-transform: uppercase;
  color: #e2a133;
  font-family: Helvetica Neue, Helvetica, Arial;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.1em;
}
#scroll-down::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;*/
  /*  position: absolute;*/
  /*  top: 0px;*/
  /*  left: 50%;*/
  /*  margin-left: -2px;*/
  /*  width: 1.6px;*/
  /*  height: 42px;*/
  /*  background: #e2a133;*/
  /*  content: ' ';*/
}
@-webkit-keyframes elasticus {
  0% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
  50% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50.1% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
}
@-moz-keyframes elasticus {
  0% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
  50% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50.1% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
}
@-o-keyframes elasticus {
  0% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
  50% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50.1% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
}
@keyframes elasticus {
  0% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
  50% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50.1% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
}


.scroll {
width: 60px;
    height: 60px;
    border: 2px solid #e2a133;
    border-radius: 50%;
    position: relative;
    animation: down 1.5s infinite;
    -webkit-animation: down 1.5s infinite;
    margin: auto;
    margin-bottom: 18px;
}
.scroll::before {
  content: "";
  position: absolute;
  top: 15px;
  left: 18px;
  width: 18px;
  height: 18px;
  border-left: 2px solid #e2a133;
  border-bottom: 2px solid #e2a133;
  transform: rotate(-45deg);
}
.scroll-down a{
    display:block;
}
@keyframes down {
  0% {
    transform: translate(0);
  }
  20% {
    transform: translateY(15px);
  }
  40% {
    transform: translate(0);
  }
}
@-webkit-keyframes down {
  0% {
    transform: translate(0);
  }
  20% {
    transform: translateY(15px);
  }
  40% {
    transform: translate(0);
  }
}

.gallery-item {
	/* Minimum width of 24rem and grow to fit available space */
	flex: 1 0 24rem;
	/* Margin value should be half of grid-gap value as margins on flex items don't collapse */
	margin: 1rem;
	box-shadow: 0.3rem 0.4rem 0.4rem rgba(0, 0, 0, 0.4);
	overflow: hidden;
	height: 250px;
}

.gallery-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 400ms ease-out;
}

.gallery-image:hover {
	transform: scale(1.15);
}
.gallery-wrapper{
    padding: 60px 0;
}

@media(max-width: 1024.98px){
  .head_flex_wrap nav li {
    margin: 0 10px;
}
}
@media (max-width: 991.98px){
  nav.navbar{
  display: flex;
}
  .bl_wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.popular-post-collection-list {
    grid-column-gap: 26px;
    grid-row-gap: 26px;
}
.post-info-block {
    position: relative;
    width: auto;
    padding: 30px;
    bottom: 0;
}
#header-sroll{
  display: none;
}
nav.navbar{
    position: fixed;
    background: #FFF;
    padding: 15px;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);
}
}
.menu-container{
  position: fixed;
  background: rgb(10 21 36 / 92%);
}
}
@media (max-width: 767.98px){
.teamsbiopopup .modal-content, .teamsbiopopup .modal-content .modal-body {
    height: auto;
}
.teamsbiopopup .modal-content .modal-body{
    height: 560px;
    overflow-y: scroll;
    
}
.pop-left img{
    max-width: 220px;
}
.bio-detaols, .bio-detaols .row, .bio-detaols .row .biodet-left, .bio-detaols .row .biodet-right {
    height: auto;
}
.bio-detaols .pop-right {
    height: auto;
    overflow-y: unset;
    padding-right: 0;
}
.bio-detaols .biodet-left{
        padding: 10px 20px;
}
  .post-info-block {
    margin-top: 0;
    padding: 16px;
}
.bl_wrapper {
    margin-bottom: 16px;
}
a.view-all {
    margin-top: 20px;
  }
.footer .work-with-us {
    margin-top: 60px;
}
.inner-pages main {
    padding-top: 70px;
}
.service-detail-div aside {
    padding-left: 0;
    padding-top: 30px;
}
.aside-call-us-sec {
    margin-top: 30px;
}
.team_new.cont-page {
    padding: 40px 0;
 }
 .footer .work-with-us h2 span{
  line-height: 56px;
 }
 .footer .work-with-us .custom-btn {
    margin: 35px 0;
}
.knowledge_hub.blog-list {
    padding-top: 40px;
    padding-bottom: 40px;
}
.career-from-section{
  padding-top: 40px;
    padding-bottom: 40px;
}
.contactsec-form{
  padding-top: 40px;
    padding-bottom: 40px;
}
.goole-map {
    padding-top: 30px;
}
p.email-link-text{
      margin: 20px 0 !important;
}
h5.follow-me{
  margin-bottom: 20px;
}
.social-media-grid{
  margin-top: 0;
    margin-bottom: 20px;
}
.othermap-imagesec {
    padding: 50px 0 20px;
}
}

@media(max-width: 575.98px){
    .page-loaded .slide-content h1, .page-loaded .page-header .container h1{
         -webkit-text-stroke: unset !important;
    }
    .owlmainslider .slide-content h1{
            padding: 0 20px;
    }
    .owlmainslider.owl-carousel .owl-nav .owl-next, .owlmainslider.owl-carousel .owl-nav .owl-prev{
        display: none;
    }
    .owlmainslider .slide-content p{
        text-align: center;
    }
    #scroll-down{
        bottom: 60px;
    }
    .owlmainslider .slide-content{
        bottom: 50%;
    }
   .section-title{
  font-size: 30px;
 }
 .team-wrapper{
  margin: 20px auto;
  cursor: pointer;
 }
 .team-wrapper >img{
     width: 100%;
    height: 100%;
    object-fit: cover;
 }
  .inner-tit-header{
    padding: 80px 0;
  }
  .service-detail-div h2 {
    font-size: 30px;
    font-weight: 600;
}
.service-detail-div {
    padding: 40px 0;
}
  .inner-tit-header h1{
    font-size: 32px;
  }
  .cms-breadcrumb{
        padding: 11px 10px;
  }
  .cms-breadcrumb li a, .cms-breadcrumb li span{
        font-size: 12px;
  }
  .swiper-button-next, .swiper-button-prev{
    display: none;
  }
  .slider {
    height: 100vh;
}
.icon-content-list-block{
  height: auto;
}
.right-side-image .clients {
    padding: 20px 15px;
  }
  .right-side-image{
    right: 0;
  }
  .right-side-image .vc_row.wpb_row.vc_row-fluid{
margin-left: 0;
    margin-right: 0;
  }
  .team_new{
    padding: 60px 0 0;
  }
  .team_new .swiper-container.team_slider{
        padding-bottom: 20px;
  }
  .knowledge_hub{
    padding: 40px 0;
  }
.popular-post-collection-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto auto auto;
    grid-template-rows: auto auto auto auto;
}
.popular-post-collection-list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
}
.post-image-block-link {
    height: auto;
}
.slide-content h1{
      font-size: 34px !important;
    outline: none !important;
    color: #FFF !important;
}
.sec_tit{
    font-size: 34px;
    line-height: 32px;
    margin-bottom: 0px;
    padding-bottom: 30px;
}
.bt_cnt {
    padding-top: 40px;
}
.post-title{
      font-size: 24px;
}
.section-title{
      margin-bottom: 0px !important;
}
.gallery-item{
    margin: 0;
    margin-bottom:30px;
}
}