/*

DREAM PULSE

https://templatemo.com/tm-536-dream-pulse

*/

:root {
  /* Backgrounds */  
  --bg-main: #fff;  
  --bg-panel: rgba(0, 0, 0, 0.75);  
  --bg-glass: rgba(255, 255, 255, 0.8);

  /* Primary colors */
  --color-primary: #FFD166;
  --color-secondary: #B58300;
  --color-text: #FDF6E3;
  --color-muted: #A89C7F;
  --color-border: rgba(255, 209, 102, 0.08);
  --color-btn-hover-bg: rgba(255, 209, 102, 0.08);
  --color-btn-text: #0a0f1f;

  /* Side Bar */
  --sidebar-glow-start: rgba(255,209,102,0.1);
  --sidebar-glow-mid: rgba(255,209,102,0.2);
  --sidebar-glow-fade: rgba(255,209,102,0.2);
  --sidebar-glow-end: rgba(255,209,102,0.0);
  
    /* Sidebar gradient stops */
  --sidebar-gradient-start: rgba(40, 40, 40, 0.8);
  --sidebar-gradient-end: rgba(255, 255, 255, 0.01);

  /* Glow effects */
  --glow-primary: 0 0 12px rgba(255, 209, 102, 0.45);
  --glow-secondary: 0 0 12px rgba(181, 131, 0, 0.45);

  /* Border radius & transitions */
  --radius-sm: 6px;
  --radius-md: 10px;
  --transition-fast: 0.15s ease;
  --transition-med: 0.25s ease;

  /* Hero grid / background */
  --hero-grid-color: rgba(255, 255, 255, 0.04);
  --hero-radial-color: rgba(255, 209, 102, 0);
  --hero-radial-bg: rgba(168, 156, 127, 0.8);
  
    /* Image glow / halo */
  --image-glow-strong: rgba(255, 209, 102, 0);
  --image-glow-mid:    rgba(255, 209, 102, 0);
  --image-glow-fade:   rgba(255, 209, 102, 0);   
}


body {
font-family: "Open Sans", Arial, Helvetica, sans-serif;
/*font-family: Helvetica, Verdana, Arial;*/
font-size: 15px;
font-weight: 400;
overflow-x: hidden;
/*color: #707172;*/
/*color: black;*/
/*background-color: #666;*/
color: var(--color-primary);
}

p {
line-height: 1.7;
}

a {
transition: all 0.3s ease;
}

.container-fluid {
padding-left: 0;
padding-right: 0;
}

.small {
font-size: 0.95rem;
}

.tm-color-primary {
/*color: #069;*/
/*color: white;*/
color: var(--color-primary);
}

.tm-color-gray {
/*color: #333;*/
/*color: white;*/
color: var(--color-primary);
}

.h2black
{
color: black;	
margin-bottom: 2vh;
}

.tm-bg-black-transparent {
/*background-color: rgba(0, 0, 0, 0.3);*/
background-color: rgba(80, 80, 80, 0.7);  
}

.tm-bg-white-transparent {
/*background-color: rgba(180, 180, 180, 0.9);*/
/*background-color: rgba(80, 80, 80, 0.7);*/  
/*border: 1px solid white;*/
background: linear-gradient( to right, var(--sidebar-gradient-start) 100%, var(--sidebar-gradient-end) 0% );
border-radius: 2% 2% 2% 2% / 2% 2% 2% 2%;

-webkit-mask-image: linear-gradient( to right, transparent 0%, var(--color-primary) 0.5%, var(--color-primary) 99.5%, transparent 100% ), linear-gradient( to bottom, transparent 0%, var(--color-primary) 0.5%, var(--color-primary) 99.5%, transparent 100% );
  -webkit-mask-composite: intersect;
  mask-composite: intersect;
}

.tm-bg-white-transparent2 {
/*background-color: rgba(180, 180, 180, 0.9);*/
/*background-color: rgba(128, 128, 128, 0.8);*/
/*border: 1px solid white;*/
}

.tm-intro {
max-width: 500px;
width: 100%;
padding: 45px;
margin-right: 5vw;
margin-left: auto;
/*margin-top: 5vh;*/
}

.tm-intro2 {
/*max-width: 500px;
width: 100%;
padding: 55px;
margin-right: 0;
margin-left: auto;*/

/*margin-top: -78vh;  
min-height: 100vh;
max-width: none;
display: flex;
align-items: center;
height: auto;
max-width: 1275px;
padding: 66px 60px;
align-items: center;*/

/*position:absolute;
height: 100vh;*/
/*margin-top: -5vh;
margin-left: 3vw;*/
}

.tm-intro2 img {
/*max-width: 500px;
width: 100%;
padding: 55px;
margin-right: 0;
margin-left: auto;*/

/*margin-top: -78vh;  
min-height: 100vh;
max-width: none;
display: flex;
align-items: center;
height: auto;
max-width: 1275px;
padding: 66px 60px;*/
/*margin-right: 0;*/
/*margin-top: 0vh;*/
max-width: 100%;
max-height: 100%;
/*margin-top: -1rem;*/
}

.tm-section-title {
font-size: 1.2rem;
/*margin-bottom: 1em !important;*/
}

.mb-5
{
margin-bottom: 1em !important;	
}

.parallax-window {
min-height: 662px;
background: transparent;
}

.tm-section {
display: grid;
align-items: center;
height: auto;
/*max-width: 1275px;*/
/*padding: 66px 60px;*/
/*height:100vh;*/
}

.col-xl-6
{
max-width: 100%;
/*text-align: center;*/
}

.col-xl-6 .tm-bg-white-transparent {
/*height: 850px;*/
height: 45rem;
}

#intro {
min-height: 100vh;
max-width: none;
}

#about
{
display: flex;
flex-wrap: inherit;
align-items: baseline;
min-height: 100vh;
margin:0;
align-items: center;
justify-content: center;
/*margin-bottom: 20vh;*/
/*background-color: rgb(194, 202, 204);*/
}

#about .col-xl-6
{
flex: 0 0 32%;
max-width: 100%;	
margin-top: 1vh;
}

#about ul
{
display: contents;
}

#work {
/*min-height: 100vh;*/
/*background-color: rgb(194, 202, 204);*/
display: flex;
/*flex-wrap: inherit;*/
align-items: baseline;
min-height: 100vh;
margin:0;
align-items: center;
justify-content: center;
}

#work .col-xl-6
{
flex: 0 0 32%;
max-width: 100%;	
margin-top: 1vh;
}

#work .col-xl-6 .tm-bg-white-transparent
{	
height: 45vh;	
align-content: center;
text-align: center;
}

.row{
margin: auto !important;
}

#work h2
{
color:black;
font-weight:bold;
text-align: center;
}

#clients {
min-height: 100vh;
}

#media
{
display: flex;
flex-wrap: inherit;
align-items: baseline;
min-height: 100vh;
margin:0;	
}

#media .col-xl-6
{
flex: 0 0 32%;
max-width: 100%;	
margin-top: 5vh;
}

#media ul
{
display: contents;
}

.mediafix
{
/*min-height:100%;   calc(100% - 300px)*/
height:70vh;
}

.mediaspacer
{
margin-top:7vh;	
}

.fbfix
{
/*text-align:center;*/
margin: 0;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

#talk {
min-height: 100vh;
/*background-color: rgb(194, 202, 204);*/
}

#talk h2{
text-align: center;
/*background-color: rgb(194, 202, 204);*/
}
#talk p{
text-align: center;
/*background-color: rgb(194, 202, 204);*/
}

.tm-brand {
font-size: 1.5rem;
}

.tm-brand-box {
box-sizing: content-box;
width: 100%;
max-width: 150px;
min-height: 160px;
color: white;
text-align: center;
margin: 70px auto 90px;
}

.tm-double-border-1,
.tm-double-border-2 {
/*border: 1px solid #fff;
position: relative;*/
/*margin-left: 1vw;*/
}

.tm-double-border-2 {
top: 10px;
left: 10px;
}

.tm-border-gray {
/*border-color: rgba(80, 80, 80, 0.7);*/
/*#cdcecf*/
background: linear-gradient( to right, var(--sidebar-gradient-start) 100%, var(--sidebar-gradient-end) 0% );
-webkit-mask-image: linear-gradient( to right, transparent 0%, var(--color-primary) 0.2%, var(--color-primary) 99.8%, transparent 100% ), linear-gradient( to bottom, transparent 0%, var(--color-primary) 0.4%, var(--color-primary) 99.6%, transparent 100% );
-webkit-mask-composite: intersect;
mask-composite: intersect;
border-radius: 1% 1% 1% 1% / 2% 2% 2% 2%;
}

.tm-box-pad {
padding: 1em;
/*padding: 50px 55px;
padding: 6rem;
min-height: 80vh;*/
}

.tm-brand {
padding: 30px;
margin-left: -10px;
}

.tm-brand img{
max-width:150px;
margin-left:-25px;
}

.tm-sidebar {
position: fixed;
top: 0;
bottom: 0;
left: 0;
z-index: 100;
/*padding-left: 70px;
padding-right: 70px;*/
width: 150px;
max-width: 150px;
background: linear-gradient(
to right,
var(--sidebar-gradient-start) 98%,
var(--sidebar-gradient-end) 100%
);  
}

/* Hide scrollbar */
.tm-sidebar {	
overflow-y: scroll;
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* IE 10+ */
}

.tm-sidebar::-webkit-scrollbar {
/* WebKit */
width: 0;
height: 0;
}

.tm-sidebar-sticky {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}

.tm-sidebar-sticky > footer {
	margin-top:-1rem;
}

.tm-section-wrap {
width: calc(100% - 150px);
margin-left: auto;
margin-right: 0;
}

.tm-main-nav > li > a {
color: var(--color-secondary);
/*color: white;*/
}

.tm-main-nav {
/*margin-bottom: 100px;
margin-top:100px;*/
padding: 6rem 0rem 0rem 0rem;
}

.tm-white-rect {
display: block;
width: 15px;
height: 15px;
/*background-color: #f4bc3b;*/
}

.nav-link {
/*font-size: 1rem;*/
/*font-size: 1.25rem;
padding-top: 12px;
padding-bottom: 12px;*/
position: relative;
display: flex;
flex-direction: column;
align-items: center;
gap: 0.35rem;
margin-bottom: 2.5rem;
padding: 0.6rem 0.5rem;
color: var(--color-secondary);
font-size: 0.65rem;
letter-spacing: 0.08em;
text-transform: uppercase;
cursor: pointer;
}

.nav-link:before {
content: "";
position: absolute;
inset: -15px;
background: radial-gradient( circle, var(--hero-grid-color) 0%, var(--sidebar-glow-mid) 30%, var(--sidebar-glow-fade) 40%, var(--sidebar-glow-end) 60% );
opacity: 0;
transform: scale(0.7);
transition: opacity var(--transition-med), transform var(--transition-med);
border-radius: 50%;
pointer-events: none;	
}

.nav-link svg {
  width: 26px;
  height: 26px;
  z-index: 1;
}

.nav-link .tm-white-rect {
opacity: 0;
transition: all 0.3s ease;
}

.nav-link.current .tm-white-rect,
.nav-link:hover .tm-white-rect {
opacity: 1;
}

.nav-link.current
{
font-size: 1rem;
color: var(--color-primary);
/*border:1px solid white;
border-radius: 25% 25% 25% 25% / 25% 25% 25% 25%;*/
/*border-radius: 20% 20% 20% 20% / 20% 20% 20% 20%;
border-radius: 15% 15% 15% 15% / 15% 15% 15% 15%;*/
}

.nav-link.current:before {
opacity: 0.55;
transform: scale(0.95);	
}

.nav-item
{
/*display: inline-block;*/
font-size: 1rem;
}

.tm-main-nav .nav-link:hover::before {
/*animation-name: blinker;
animation-duration: 2s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;*/
/*opacity: 1;
transform: scale(1);*/
opacity: 0.55;
transform: scale(0.95);	
}

.tm-social-links .tm-social-link:before {
content: "";
position: absolute;
inset: -15px;
background: radial-gradient( circle, var(--hero-grid-color) 0%, var(--sidebar-glow-mid) 30%, var(--sidebar-glow-fade) 40%, var(--sidebar-glow-end) 60% );
opacity: 0;
transform: scale(0.7);
transition: opacity var(--transition-med), transform var(--transition-med);
border-radius: 50%;
pointer-events: none;	
}

.tm-social-links .tm-social-link:hover::before {
opacity: 0.55;
transform: scale(0.95);		
}

@keyframes blinker {
0% {
opacity: 1;
}
50% {
opacity: 0.1;
}
100% {
opacity: 1;
}
}

.tm-social-links {
/*margin-bottom: 27px;
margin-bottom: 30px;
*/
/*width: 70%;
margin: auto;*/
/*margin-top: 30px;
margin-bottom: 30px;
display: inline-table;
width: 100%;*/
display: flex;
margin-left: -1.8rem;
}

.tm-social-link {
width: 40px;
height: 40px;
color: white;
/*background-color: rgba(80, 80, 80, 1);*/
margin: 8px;
border-radius: 5px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}

.tm-social-link:hover,
.tm-social-link:focus {
/*background-color: #069;
color: white;*/
}

.tm-footer-link {
color: white;
}

.tm-footer-link:hover {
color: #F93;
text-decoration: none;
}

.tm-section-half {
/*padding: 10px;*/
/*text-align:center;*/
/*background-color: rgba(80, 80, 80, 0.3);
border-radius: 10% 10% 10% 10% / 10% 10% 10% 10%;*/

}

.tm-section-half p 
{
font-size:14px;
}

.tm-section-half li
{
/*text-transform:uppercase;*/
list-style-type:none;
}

.tm-section-icon {
color: #369;
/*width: 120px;
height: 120px;
display: flex;
align-items: center;
justify-content: center;*/
margin: auto;
/*margin-bottom: 5vh;*/
margin-bottom: 2vh !important;
}

/* Our Work */

.tm-gallery-wrap {
/*max-width: 1040px;*/
max-width: 70vw;
margin-left: auto;
margin-right: auto;
min-height: 70vh;
}

@media (max-width: 1600px) {
.tm-gallery-wrap {
max-width: 780px;
/*max-width: 1040px;*/
}
}

@media (max-width: 1200px) {
.tm-gallery-wrap {
max-width: 520px;
}
}

@media (max-width: 991px) {
.tm-gallery-wrap {
/*max-width: 780px;*/
}
}

@media (max-width: 767px) {
.tm-gallery-wrap {
max-width: 520px;
}
}

@media (max-width: 691px) {
.tm-gallery-wrap {
    max-width: 260px;
}
}

@media (max-width: 480px) {
.tm-gallery-wrap {
max-width: 260px;
}
}

.tm-gallery-item {
padding-left: 10px;
padding-right: 10px;

flex: 0 0 auto; /* prevent shrinking, keep width fixed */
width: 300px; /* adjust as needed */
scroll-snap-align: start;
transition: transform 0.3s ease;
}

.slick-dots {
bottom: -50px;
}

.slick-dots li button:before {
font-size: 16px;
opacity: 0.2;
}

.slick-dots li.slick-active button:before {
/*color: #98999a;*/
color: var(--color-primary);
opacity: 1;
}

/* 
Gallery Item Hover Effect
https://tympanus.net/codrops/2014/06/19/ideas-for-subtle-hover-effects/
*/

/* Common style */
.tm-gallery-item figure {
position: relative;
float: left;
overflow: hidden;
margin-bottom: 0;
background: var(--color-primary);/*#3085a3;*/
text-align: center;
cursor: pointer;
}

.tm-gallery-item figure img {
position: relative;
display: block;
min-height: 100%;
max-width: 100%;
opacity: 0.8;
}

.tm-gallery-item figure figcaption {
padding: 1em;
color: #fff;
text-transform: uppercase;
font-size: 1.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.tm-gallery-item figure figcaption::before,
.tm-gallery-item figure figcaption::after {
pointer-events: none;
}

.tm-gallery-item figure figcaption,
.tm-gallery-item figure figcaption > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.tm-gallery-item figure figcaption > a {
z-index: 1000;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0;
}

.tm-gallery-item figure h2 {
word-spacing: -0.15em;
font-weight: 300;
}

.tm-gallery-item figure h2 span {
font-weight: 800;
font-size: 18px;
}

.tm-gallery-item figure h2,
.tm-gallery-item figure p {
margin: 0;
}

.tm-gallery-item figure p {
letter-spacing: 1px;
font-size: 68.5%;
}

/*---------------*/
/***** Bubba *****/
/*---------------*/

figure.effect-bubba {
background: var(--color-primary);/*#069;*/
min-height:60vh;
}

figure.effect-bubba img {
opacity: 1;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}

figure.effect-bubba:hover img {
opacity: 0.4;
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
position: absolute;
top: 15px;
right: 15px;
bottom: 15px;
left: 15px;
content: "";
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
}

figure.effect-bubba figcaption::after {
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
}

figure.effect-bubba h2 {
font-size: 1.5rem;
margin-bottom: 30px;
opacity: 0;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}

figure.effect-bubba p {
width: 100%;
padding: 10px;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}

figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}

/* Clients */
.tm-section-pad {
padding-left: 50px;
padding-right: 50px;
}

.tm-clients-images {
max-width: 1040px;
}

.tm-w-80 {
max-width: 80%;
}

.tm-flex-item-left {
align-self: flex-start;
}

.tm-img-wrap {
padding: 10px;
}

.tm-img-wrap a {
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #ccc;
border-radius: 5px;
padding: 15px;
width: 240px;
height: 120px;
}

.tm-contact-form-wrap {
display: flex;
align-items: center;
justify-content: center;
}

.tm-contact-form {
/*max-width: 305px;*/
max-width: 80vw;
width: 100%;
border-radius: 5px;
background-color: rgba(80, 80, 80, 0.7);
/*#f2f2f2*/
padding: 20px;
}

.form-group {
margin-bottom: 40px;
}

.tm-btn-primary {
color: #707172;
border-bottom: 1px solid #cdcecf;
padding: 10px 18px;
position: relative;

background-color: rgba(80, 80, 80, 1);
/*#4CAF50;*/
color: white;
padding: 12px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
float: right;
}

.tm-btn-primary:hover,
.tm-btn-primary:active {
color: #fff;
background-color: #999;
}

.tm-btn-primary:after {
width: 100%;
height: 0%;
top: 0;
left: 0;
background: #cdcecf;
content: "";
position: absolute;
z-index: -1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}

.tm-btn-primary:hover:after,
.tm-btn-primary:active:after {
height: 100%;
}

.form-control:focus {
outline: none;
box-shadow: none;
}

.topfix
{
width:100%;
height:10vh;	
}

.arrowdiv {
  width:100vw;
}

.containerarrow {
width: 29px;
margin:auto;
margin-top: 20vh;
min-height: 100px;
}

.containerarrow a{
width: 29px;
display: block;
height: 70px;
}

.chevron {
  position: absolute;
  width: 28px;
  height: 8px;
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
  animation: move 3s ease-out infinite;
}

.chevron:first-child {
  animation: move 3s ease-out 1s infinite;
}

.chevron:nth-child(2) {
  animation: move 3s ease-out 2s infinite;
}

.chevron:before,
.chevron:after {
  content: ' ';
  position: absolute;
  top: 0;
  height: 100%;
  width: 51%;
  background: black;/*#f4bc3b*/
}

.chevron:before {
  left: 0;
  transform: skew(0deg, 30deg);
}

.chevron:after {
  right: 0;
  width: 50%;
  transform: skew(0deg, -30deg);
}

@keyframes move {
  25% {
    opacity: 1;

  }
  33% {
    opacity: 1;
    transform: translateY(30px);
  }
  67% {
    opacity: 1;
    transform: translateY(40px);
  }
  100% {
    opacity: 0;
    transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
  }
}

/*.text {
  display: block;
  margin-top: 75px;
  margin-left: -30px;
  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  white-space: nowrap;
  opacity: .25;
  animation: pulse 2s linear alternate infinite;
}*/

@keyframes pulse {
  to {
    opacity: 1;
  }
}

/*@media (max-width: 554px) {
}*/

/*@media (max-height: 1023px) {
.containerarrow {
  visibility:hidden;
}*/


/*$duration: 10s;*/

.loading {
  /*position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;*/
  width: 100%;
/*  height: 100%;*/
}

.loading_line_wrapper {
  width: 100%;
  height: 2px;
  /*position: relative;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;*/
}

.loading_line {
  /*position: relative;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;*/
  width: 100%;
  height: 100%;
  transform-origin: 100% 0%;
  animation: kf_loading_line 10s cubic-bezier(0.645, 0.045, 0.355, 1) 0s infinite;
}

 .loading_line_inner {
    /*position: absolute;
    top: 0px;
    left: 0px;
    bottom: auto;
    right: auto;*/
    width: 100%;
    height: 100%;
    background: #000;
    transform-origin: 0% 0%;
  }

.loading_line_inner--1 {
  opacity: 0;
  animation: kf_loading_line_inner--1 10s cubic-bezier(0.645, 0.045, 0.355, 1) 0s infinite;
}

.loading_line_inner--2 {
  opacity: 1;
  animation: kf_loading_line_inner--2 10s cubic-bezier(0.645, 0.045, 0.355, 1) 0s infinite;
}

.loading_line_inner {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  width: 100%;
  height: 100%;
  background-color: black;
  transform-origin: 0% 0%;
}

@keyframes kf_loading_line {
  0% {
    transform: scaleX(1);
  }
  50% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}


@keyframes kf_loading_line_inner--1 {
  0% {
    transform: scaleX(0);
  }
  25% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(1);
  }
}


@keyframes kf_loading_line_inner--2 {
  0% {
    transform: scaleX(0);
  }
  25% {
    transform: scaleX(0);
  }
  50% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(1);
  }
}

.logowrap
{
height: 10vh;
width: max-content;
min-height: 85px;
/*margin-left: 5vh;*/
/*margin-top: 2vh;*/
/*margin-top: -5vh;*/
/*margin: auto;*/
}


@media (max-width: 1600px) {
/*.tm-sidebar {
width: 30%;
max-width: none;
padding-left: 30px;
padding-right: 30px;
}*/

.tm-social-link {
margin: 5px;
}

/*.tm-section-wrap {
width: 70%;
}*/

.tm-img-wrap a {
width: 100%;
height: 100%;
}
}

.navbar-toggler {
display: none;
}

@media (max-width: 1023px) {
.tm-bg-black-transparent {
font-size:1rem;	
/*background-color: rgba(0, 0, 0, 0.5);*/
/*background-color: rgba(93, 95, 92, 0.8);*/
}

.tm-brand-box {
margin-top: 30px;
margin-bottom: 30px;
max-width: 200px;
min-height: 100px;
}

.tm-brand {
padding: 20px 30px;
}

.tm-main-nav {
margin-bottom: 60px;
}

.tm-social-links {
margin-bottom: 30px;
width: 100%;
/*margin-left: 10px;*/
/*padding-left: inherit !important;*/
margin-left: -2.3rem;
}

footer p {
line-height: 1;
}

.tm-sidebar {
width: 250px;
left: -250px;
padding: 15px;
transition: all 0.3s ease;
}

.navbar-toggler {
display: block;
position: fixed;
left: 0;
top: 0;
background:var(--sidebar-gradient-start);
/*background-color: rgba(80, 80, 80, 0.7);*/
color: white;
/*padding: 10px 15px;*/
transition: all 0.3s ease;
border-radius: 0;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
top: 5px;
opacity: 0.85;
}

.navbar-toggler:focus {
outline: none;
}

.tm-sidebar.show {
left: 0;
}

.tm-sidebar.show .navbar-toggler {
/*left: 250px;*/
left:8.5rem;
}

.tm-section-wrap {
width: 100%;
/*margin-bottom: 8vh;*/
}

figure.effect-bubba h2 {
font-size: 1.1rem;
margin-bottom: 25px;
}

.tm-gallery-item figure p {
font-size: 63%;
padding: 0;
line-height: 1.5;
}

.tm-intro2
{
text-align-last: center;
width: 100%;
height: 100%;
/*margin-left: 0;*/
}

.tm-intro
{
margin: auto;
}

/*.tm-intro2 img
{
margin-top: 0vh;
}*/

.containerarrow
{
/*margin-left: 48vw;
margin-top: inherit;*/
}

.logowrap
{
margin:auto;
margin-bottom: 5vh;
/*margin-top: 2vh;*/
}

.col-xl-6 .tm-bg-white-transparent {
height: auto;
}

#about {
/*display: block;*/
}

}

/*@media (max-height: 1024px) {
.tm-intro2 img{
margin-top: -25vh;
}
.tm-intro{
margin-top: -30vh;
}
}*/

@media (max-width: 814px) {
.tm-intro2 img{
/*margin-top: -2vh;*/
}
}

@media (max-width: 799px) {
.tm-intro2 img{
/*in-height: 80px;
max-height: 12vh;
text-align: center;
margin-top: -8vh;*/
}



.tm-intro2 .loading_line_wrapper{
/*min-height: 80px;
max-height: 12vh;
text-align: center;
margin-top: -8vh;*/
}

}

@media (max-width: 750px) {
.tm-intro2 img{
/*margin-top: 0vh;*/
}
}

@media (max-width: 767px) {
.tm-section {
padding: 30px;
}
.tm-intro2 {
/*text-align: center;
margin-top: -5vh;
margin-bottom: 5vh;*/
}
}

@media (min-width: 1400px) {
.tm-contact-form
{
max-width: 800px;
}
}

/*@media (min-width: 767px) {
.tm-contact-form
{
max-width: 450px;
}
}*/


/*@media (max-height: 720px) {
.tm-intro2 img{
/*margin-top: -8vh;
margin-top: -45vh;
}
}*/

/*@media (max-height: 600px) {
.tm-intro2 img{
margin-top: -5vh;
}
}*/

@media (max-width: 554px) {
.tm-section {
padding: 15px;
text-align: center;
}
.tm-intro2 img{
/*min-height: 80px;
max-height: 12vh;
text-align: center;
margin-top: 5vh;*/
}
.tm-intro2
{
/*margin-top: -2vh;
margin-left: 0;	
margin-bottom: 2vh;*/
/*height:auto;
margin-top: 1vh;*/
}
#about
{
display: grid;	
}
#about .col-xl-6 {
margin:auto;
margin-top: 5vh;
}
#media
{
display: grid;	
}
#media .col-xl-6 {
margin:auto;
margin-top: 5vh;
}
#work .col-xl-6 {
  flex: 0 0 100%;
}
}

/*@media (max-height: 668px) {
.tm-section {
padding: 5px;
}
.containerarrow {
margin-top: 0vh;
}
}*/

@media (max-width: 440px) {
/*.tm-intro2 img{
min-height: 14vh;
}*/
.containerarrow{
margin-top: 0vh;
}
}

@media (max-width: 415px) {
.slick-dots {
bottom: -40px;
}

.tm-box-pad {
padding: 50px 30px;
}
#about
{
display: grid;	
}
#about .col-xl-6 {
margin:auto;
}
#media
{
display: grid;	
}
#media .col-xl-6 {
margin:auto;
}
.col-12{
padding-right: 15px;
padding-left: 15px;
}

/*.containerarrow
{
visibility:hidden;
}*/
}

/*#bgimg
{
width:100vw;
}*/

/*#imgdiv
{
width: calc(100% - 300px);
height: 100vh;
position: absolute;
margin: auto;
text-align: center;
}

#imgdiv img
{
height: 100%;
opacity: 0.04;	
}
*/

.aboutclass
{
/*background-image: url("/img/about-us-outline.gif");
background-repeat: no-repeat;
background-position: center;
background-size: contain;*/
max-width: 120px;
}

.whyclass
{
/*background-image: url("/img/work-with-us.gif");
background-repeat: no-repeat;
background-position: center;
background-size: contain;*/
max-width: 120px;
}

.bushidoclass
{
/*background-image: url("/img/bushido-code.gif");
background-repeat: no-repeat;
background-position: center;
background-size: contain;*/
max-width: 120px;	
}

.aboutsec li
{
text-transform: none;
list-style: square;
margin-left: 1em;
}

.whysec li
{
text-transform: none;
font-weight:bold;
}

.sidebartree
{
width: 50%;
opacity: 0.7;
/*margin-top: 30px;*/
padding: 0rem 1rem 0rem 0rem;
}

.footerfix
{
display: block ruby;
}

/*.navbar-toggler i*/
.sidebarnavimg
{
/*background-image: url("/img/nav.gif");
background-size: contain;
background-repeat: no-repeat;*/
width: 35px;
height: 35px;
display: block;
}

.mainclass
{
padding:0;	
}

.specialh1
{
font-size: inherit;
display: inline;
font-weight: normal;
}

.divfleft
{
/*float:left*/
display: inline-block;
}

.divmainfix
{
line-height: 2;	
margin-top: 0;
margin-bottom: 1rem;
}

.servicesdiv
{
/*color: black;*/
color: var(--color-primary);
font-weight: bold;
text-align: center;
margin-top: 0;	
}

#intro404
{
display: flex;
justify-content: center;	
}

#sectionwrap404
{
width: auto;
margin-left: auto;
margin-right: 0;
}

#intro404fix
{
max-width: 500px;
width: 100%;
padding: 0px;
margin-right: auto;
margin-left: auto;
margin-top: auto;
background-color: white;
}

.mainfix404
{
color:black;
text-align: center;	
}

.galltext
{
text-align:center;
font-weight:bold;	
}

.slick-prev:before, .slick-next:before {
    /*color: #000000;*/
	color: var(--color-primary);
}

.mediafixtext
{
text-align:center;
}

.bushidoabout {
background-image: url("/img/bushido-about.jpg");
background-position: center;
background-size: 25rem;
background-repeat: no-repeat;	
}

.bushidoabout li {
	list-style-type:disc;
}

.worktogether {
background-image: url("/img/work-together.jpg");
background-position: center;
background-size: 25rem;
background-repeat: no-repeat;	
}

.worktogether li {
	list-style-type:disc;
}

.bushidocode {
background-image: url("/img/bushido-code.jpg");
background-position: center;
background-size: 25rem;
background-repeat: no-repeat;
}

.bushidocode li {
	list-style-type:disc;
}

.aboutfix {
padding: 45px;
}

.bushidoservices {
/*min-height: 26rem;*/
background-image: url("/img/bushido-final-helmet-faded.png");
background-position: center;
background-size: 18rem;
background-repeat: no-repeat;
/*height: 70vh;*/
/*width: 35rem;*/
}

.w-100 {
min-height:80vh;
padding: 2rem;
display: flex;
align-items: center;
}

.tm-box-pad-services {
background: linear-gradient( to right, var(--color-primary) 100%, var(--sidebar-gradient-start) 0% );
height: 73vh;
width: 25rem;
}

.tm-box-pad-servicesinfo {
background: linear-gradient( to right, var(--color-primary) 100%, var(--sidebar-gradient-start) 0% );
height: 73vh;
width: 25rem;
margin-left: 2rem;
}

.servicesdivide {
background: linear-gradient( to right, var(--color-primary) 100%, var(--sidebar-gradient-start) 0% );
height: 50vh;
width: 1rem;
margin-left: 2rem;
}


/* Hide checkbox */
#popup-toggle {
  display: none;
}

/* Overlay default hidden */
.overlay {
  position: fixed;
  inset: 0; /* top:0; right:0; bottom:0; left:0 */
  background: rgba(0,0,0,0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 100;
}

/* Show overlay when checkbox checked */
#popup-toggle:checked ~ .overlay {
  opacity: 1;
  pointer-events: all;
}

/* Popup box */
.popup {
  background: #fff;
  padding: 20px;
  border-radius: 8px;
  max-width: 400px;
  width: 90%;
  position: relative;
}

/* Close button */
.close {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 24px;
  cursor: pointer;
}

#socialicons {
 display:flex;	
 justify-content: center;
}

#socialicons a:hover::before {
opacity: 0.55;
transform: scale(0.95);	
}




.tm-gallery {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 1rem; /* spacing between items */
  padding-bottom: 1rem;
  scrollbar-width: none; /* hide scrollbar in Firefox */
}

.tm-gallery::-webkit-scrollbar {
  display: none; /* hide scrollbar in Chrome/Safari */
}

.tm-gallery-item:hover {
  transform: scale(1.05);
}

#prev, #next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #00000088;
  color: #fff;
  border: none;
  font-size: 2rem;
  padding: 0.5rem 1rem;
  cursor: pointer;
  z-index: 10;
}

#prev { left: 10px; }
#next { right: 10px; }




.flip-card {
  perspective: 1000px;
  height: 45vh;
  position: relative;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform 0.8s cubic-bezier(0.68, -0.55, 0.27, 1.55), box-shadow 0.8s ease;
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg) scale(1.03);
  box-shadow: 0 20px 40px rgba(0,0,0,0.25);
}

.flip-card-front,
.flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

/* Flip back face */
.flip-card-back {
  transform: rotateY(180deg);
  z-index: 2;
}

/* Nested elements fix */
.flip-card-front *, 
.flip-card-back * {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

/* Center content vertically */
.flip-card-front > div,
.flip-card-back > div {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}