@charset "utf-8";
/*
/*	Copyright (c) 2021 Marketify
/*	Author: Marketify
/*	This file is made for CURRENT TEMPLATE


01) SHANE BASE
02) SHANE MOBILE MENU
03) SHANE TOPBAR
04) SHANE HERO
05) SHANE ABOUT
06) SHANE PORTFOLIO
07) SHANE SKILLS
08) SHANE VIDEO
09) SHANE PARTNERS
10) SHANE TESTIMONIALS
11) SHANE NEWS
12) SHANE TALK
13) SHANE COPYRIGHT
14) SHANE MODALBOX CONTACT
15) SHANE CURSOR
16) SHANE MEDIA QUERIES (FOR SMALL DEVIVES)


/*---------------------------------------------------*/
/*	01) SHANE BASE
/*---------------------------------------------------*/

html {
	overflow-x: hidden;
	padding: 0px;
	margin: 0px
}
body{
	font-family: "Roboto";
	font-size: 15px;
	line-height: 30px;
	letter-spacing: 0.5px;
	word-wrap: break-word;
	font-weight: 400;
	background-color: #fff;
	color: #767676;
    overflow-x: hidden; /* Force hide overflow */
    width: 100%;
}
svg{
	fill: currentcolor;
	width: 15px;
	height: 15px;
}
img{
    max-width: 100%;
    height: auto;
}
img.svg{
	width: 15px;
	height: 15px;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #6f6f6f;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #6f6f6f;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #6f6f6f;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #6f6f6f;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color: #6f6f6f;
}

::placeholder { /* Most modern browsers support this now. */
   color: #6f6f6f;
}

.container{
	max-width: 1200px;
	width:100%;
	margin-left: auto;
	margin-right: auto;
	height:auto;
	padding:0px 40px;
	position:relative;
	clear:both;
}

h1, h2, h3, h4, h5, h6{
	font-weight:500;
	line-height: 1.4;
	font-family: "Poppins";
	color: #000;
}

h1 { font-size: 45px; }
h2 { font-size: 36px; }
h3 { font-size: 30px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 16px; }

.shane_tm_all_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
    overflow: hidden; /* Prevent horizontal overflow globally */
}
.shane_tm_all_wrap,
.shane_tm_all_wrap *{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.shane_tm_section{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}

#preloader {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 99999;
    display: flex;
}
#preloader:before,
#preloader:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    z-index: -1;
    background-color: #000;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
#preloader:after{
    left: auto;
    right: 0;
}
#preloader .loader_line{
    margin: auto;
    width: 1px;
    height: 250px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.8s ease 0s;
    -o-transition: all 0.8s ease 0s;
    transition: all 0.8s ease 0s;
}
.loader_line:before{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 0%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #fff;
    -webkit-animation: lineheight 1000ms ease-in-out 0s forwards;
    -o-animation: lineheight 1000ms ease-in-out 0s forwards;
    animation: lineheight 1000ms ease-in-out 0s forwards;
}
.loader_line:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #999999;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-animation: lineround 1200ms linear 0s infinite;
    -o-animation: lineround 1200ms linear 0s infinite;
    animation: lineround 1200ms linear 0s infinite;
    animation-delay: 2000ms;
}

@keyframes lineheight{
    0%{
        height: 0%;
    }
    100%{
        height: 100%;
    }
}

@keyframes lineround{
    0%{
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100%{
        -webkit-transform: translateY(200%);
        -ms-transform: translateY(200%);
        -o-transform: translateY(200%);
        transform: translateY(200%);
    }
}

/*hiding all*/
.preloaded .loader_line:after{
    opacity: 0;
}
.preloaded  .loader_line{
    opacity: 0;
    height: 100%!important;
}
.preloaded:before,
.preloaded:after{
    -webkit-animation: preloadedzero 300ms ease-in-out 500ms forwards;
    -o-animation: preloadedzero 300ms ease-in-out 500ms forwards;
    animation: preloadedzero 300ms ease-in-out 500ms forwards;
}
@keyframes preloadedzero{
    0%{
        width: 50%;
    }
    100%{
        width: 0%;
    }
}

/*---------------------------------------------------*/
/*	02) SHANE MOBILE MENU
/*---------------------------------------------------*/

.shane_tm_mobile_menu{
	width: 100%;
	height: auto;
	position: relative;
	top: 0px;
	left: 0px;
	display: none;
	z-index: 10;
}
.shane_tm_mobile_menu .topbar_inner{
	width: 100%;
	height: auto;
	float: left;
	clear: both;
	background-color: #fff;
	padding: 15px 0px;
	border-bottom: 1px solid rgba(0,0,0,.2);
}
.shane_tm_mobile_menu .topbar_in{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.my_trigger .hamburger{
    padding: 15px 15px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}
.my_trigger .hamburger-box{
    width: 30px;
    height: 18px;
    display: inline-block;
    position: relative;
}
.my_trigger .hamburger-inner{
    display: block;
    top: 50%;
    margin-top: -2px;
}
.my_trigger .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{
    width: 30px;
    height: 2px;
    background-color: #333333;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
	
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}
.my_trigger .hamburger-inner::before,
.my_trigger .hamburger-inner::after{
    content: "";
    display: block;
}
.my_trigger .hamburger-inner::before{top: -8px;}
.my_trigger .hamburger-inner::after{ bottom: -10px;}
.my_trigger .hamburger--collapse-r .hamburger-inner{
    top: auto;
    bottom: 0;
    transition-duration: 0.13s;
    transition-delay: 0.13s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.my_trigger .hamburger--collapse-r .hamburger-inner::after{
    top: -16px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.my_trigger .hamburger--collapse-r .hamburger-inner::before{
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.my_trigger .hamburger--collapse-r.is-active .hamburger-inner{
    transform: translate3d(0, -10px, 0) rotate(45deg);
    transition-delay: 0.22s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.my_trigger .hamburger--collapse-r.is-active .hamburger-inner::after{
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.my_trigger .hamburger--collapse-r.is-active .hamburger-inner::before{
    top: 0;
    transform: rotate(90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.my_trigger .hamburger{
	padding: 0px;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}
.my_trigger .hamburger .hamburger-inner::before,
.my_trigger .hamburger .hamburger-inner::after,
.my_trigger .hamburger .hamburger-inner{
	background-color: #000;
	width: 30px;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.shane_tm_mobile_menu .dropdown{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	background-color: #fff;
	border-bottom: 1px solid rgba(0,0,0,.2);
	display: none;
}
.shane_tm_mobile_menu .dropdown .dropdown_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding: 25px 0px;
}
.shane_tm_mobile_menu .dropdown .dropdown_inner ul{
	margin: 0px;
	list-style-type: none;
}
.shane_tm_mobile_menu .dropdown .dropdown_inner ul li{
	margin: 0px;
	float: left;
	width: 100%;
}
.shane_tm_mobile_menu .dropdown .dropdown_inner ul li a{
	text-decoration: none;
	color: #000;
	display: inline-block;
	padding: 4px 0px;
	font-family: "Poppins";
	font-weight: 500;
}
.shane_tm_mobile_menu .logo img{max-width: 70px;}

/*---------------------------------------------------*/
/*	03) SHANE TOPBAR
/*---------------------------------------------------*/

.shane_tm_topbar{
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	z-index: 10;
	transition: all .3s ease;
	transform: translateY(-100%);
}
.shane_tm_topbar.no_animation{transform: translateY(0);}
.shane_tm_topbar.loaded{transform: translateY(0);}
.shane_tm_topbar .topbar_inner{
	width: 100%;
	height: auto;
	clear: both;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 25px 50px;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.shane_tm_topbar .topbar_inner.opened{
	background-color: #fff;
	padding: 20px 50px;
	box-shadow: 0px 0px 30px rgba(0,0,0,.1);
}
.shane_tm_topbar .topbar_inner .logo a{display: inline-block;}
.shane_tm_topbar .topbar_inner .logo img{
	max-width: 90px;
}
.shane_tm_topbar .menu ul{
	margin: 0px;
	list-style-type: none;
}
.shane_tm_topbar .menu ul li{
	margin: 0px;
	display: inline-block;
}
.shane_tm_topbar .menu ul li{
	margin: 0px 25px 0px 0px;
	display: inline-block;
}
.shane_tm_topbar .menu ul li:last-child{margin-right: 0px;}
.shane_tm_topbar .menu ul li a{
	text-decoration: none;
	color: #000;
	font-weight: 500;
	font-family: "Poppins";
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.shane_tm_topbar .menu ul li.current a{color: #000;}
.shane_tm_topbar .menu ul li a:hover{color: #000;}


/*---------------------------------------------------*/
/*	04) SHANE HERO
/*---------------------------------------------------*/

.shane_tm_hero{
	width: 100%;
	height: 100vh;
	float: left;
	clear: both;
	position: relative;
    overflow: hidden; 
}
.shane_tm_hero .background{
	position: absolute;
	right: 0px;
	top: 0px;
	bottom: 0px;
	width: 50%;
}
.shane_tm_hero .image{
	position: absolute;
	right: 0px;
	top: 0px;
	bottom: 0px;
	left: 0px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.shane_tm_hero[data-style="one"] .background{clip-path: polygon(0% 100%, 21% 0%, 100% 0%, 100% 100%);}
.shane_tm_hero[data-style="two"] .background{clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 50%);}
.shane_tm_hero[data-style="three"] .background{clip-path: ellipse(70% 80% at 70% 50%);}
.shane_tm_hero .container{height: 100%;}
.shane_tm_hero .content{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	padding-right: 20px;
	width: 48%;
}
.shane_tm_hero .name_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 6px;
}
.shane_tm_hero .job_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.shane_tm_hero .content h3{
	position: relative;
	font-size: 72px;
	font-family: "Poppins";
	text-transform: uppercase;
	font-weight: 900;
	color: #000;
	line-height: 1.2;
	display: inline-block;
	overflow:hidden;
}
.shane_tm_hero .content h3 span{
	color: transparent;
	-webkit-text-stroke: 1px #000;
	padding-left: 2px;
}
.shane_tm_hero .content .job{
	font-weight: 500;
	font-size: 17px;
	font-family: "Roboto";
	margin-bottom: 25px;
	float: left;
	position: relative;
	overflow:hidden; 
}
.overlay_effect{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 3;
}
.overlay_effect:after{
	position: absolute;
	content: "";
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: #fff;
	z-index: 1;
}
.overlay_effect:before{
	position: absolute;
	content: "";
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
body.loaded .overlay_effect:before{
	z-index: 2;
  	background-color: #000;
  	animation: anim 2s cubic-bezier(0.77, 0, 0.175, 1) both;
}
body.loaded .overlay_effect:after{
 	animation: anim2 2s cubic-bezier(0.77, 0, 0.175, 1) both;
}

@keyframes anim{
  0% {
    transform: translateX(-100%);
  }
  50% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}

@keyframes anim2{
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}
.shane_tm_down{
	position: absolute;
	z-index: 7;
	bottom: 50px;
	display: none;
}
.shane_tm_down.loaded{display: block;}
.shane_tm_down[data-position="left"]{left: 0px;}
.shane_tm_down[data-position="right"]{right: 0px;}
.shane_tm_down[data-position="center"]{
	left:50%;
	transform: translateX(-50%);
}
.shane_tm_down .line_wrapper{
	position: absolute;
    width: 1px;
    height: 100%;
    left: 0;
    right: 0;
   	margin: 0px auto;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
	
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
}
.shane_tm_down .line_wrapper{
    width: 1px;
    height: 50px;
    background: none;
	display: block;
}
.shane_tm_down .line_wrapper:before{
	content: "";
	background-color: #000;
	width: 1px;
    height: 50%;
    display: block;
    top: 0;
	
    -webkit-animation: scroll-down 2s ease-in-out infinite;
    -ms-animation: scroll-down 2s ease-in-out infinite;
    animation: scroll-down 2s ease-in-out infinite;;
}

@-webkit-keyframes scroll-down {
  0% {
    height: 0;
  }
  50% {
    height: 100%;
  }
  70% {
    height: 100%;
    transform: scaleY(0.5);
    transform-origin: bottom;
  }
  100% {
    height: 100%;
    transform: scaleY(0);
    transform-origin: bottom;
  }
}
.shane_tm_down[data-skin="light"] .line_wrapper:before{background-color: #fff;}
.shane_tm_classic_hero{
	width: 100%;
	height: 100vh;
	position: relative;
	float: left;
}
.shane_tm_classic_hero .background{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
.shane_tm_classic_hero .background .image{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.shane_tm_classic_hero .background .overlay{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
/*	background-color: rgba(0,0,0,.5);*/
	z-index: 1;
}
.shane_tm_classic_hero .container{
	height: 100%;
	position: relative;
	z-index: 4;
}
.shane_tm_classic_hero .content{
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding-right: 20px;
}
.shane_tm_classic_hero .name_wrap{
	width: 100%;
	float: left;
}
.shane_tm_classic_hero .job_wrap{
	width: 100%;
	float: left;
	margin-bottom: 35px;
}
.shane_tm_classic_hero .name_wrap h3{
	position: relative;
    font-size: 72px;
    font-family: "Poppins";
    text-transform: uppercase;
    font-weight: 900;
    color: #000;
    line-height: 1.2;
    display: inline-block;
	margin-bottom: 15px;
}
.shane_tm_classic_hero .name_wrap span{
	color: transparent;
	-webkit-text-stroke: 1px #000;
}

/*---------------------------------------------------*/
/*	05) SHANE ABOUT
/*---------------------------------------------------*/

.shane_tm_about{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding: 150px 0px;
}
.shane_tm_about .about_inner{
	width: 100%;
	height: auto;
	clear: both;
	display: flex;
	align-items: center;
}
.shane_tm_about .left{
	width: 50%;
	padding-right: 50px;
}
.shane_tm_about .left .image{position: relative;}
.shane_tm_about .left .image img{
	min-width: 100%;
	opacity: 0;
}
.shane_tm_about .left .main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	box-shadow: 0px 0px 40px rgb(0 0 0 / 20%);
}
.shane_tm_about .experience span{display: block;}
.shane_tm_about .experience .year{
	font-size: 80px;
	font-weight: 800;
	font-family: "Poppins";
	color: #fff;
	margin-bottom: 3px;
	line-height: 1;
	font-style:italic; 
}
.shane_tm_about .experience .text{
	color: #fff;
	font-style: italic;
	font-family: "Poppins";
	opacity: .7;
}
.shane_tm_about .right{
	width: 50%;
	padding-left: 50px;
}
.shane_tm_title{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.shane_tm_title h3{
	font-weight: 800;
	font-family: "Poppins";
} 
.shane_tm_title span{
	display: inline-block;
	background-color: rgba(0,0,0,.05);
	text-transform: uppercase;
	padding: 4px 10px;
	font-weight: 600;
	font-size: 12px;
	color: #333;
	font-family: "Poppins";
	letter-spacing: 0px;
	margin-bottom: 15px;
}
.shane_tm_about .right .text{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 40px;
	padding-top: 27px;
}
.shane_tm_button{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.shane_tm_button a{
	text-decoration: none;
	color: #fff;
	background-color: #000;
	display: inline-block;
	padding: 13px 48px;
	border: 2px solid #000;
	font-family: "Poppins";
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.shane_tm_button a:hover{
	color: #000;
	background-color: transparent;
}

/*---------------------------------------------------*/
/*	06) SHANE PORTFOLIO
/*---------------------------------------------------*/

.shane_tm_title .title_flex{
	width: 100%;
	height: auto;
	clear: both;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.shane_tm_portfolio .portfolio_filter ul{
	margin: 0px;
	list-style-type: none;
}
.shane_tm_portfolio .portfolio_filter ul li{
	margin: 0px 25px 0px 0px;
	display: inline-block;
}
.shane_tm_portfolio .portfolio_filter ul li:last-child{margin-right: 0px;}
.shane_tm_portfolio .portfolio_filter ul li a{
	text-decoration: none;
	color: #000;
	font-family: "Poppins";
	font-weight: 500;
}
.shane_tm_portfolio{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	background-color: #f9f9f9;
	padding: 150px 0px 100px 0px;
	margin-bottom: 138px;
}
.shane_tm_portfolio .portfolio_list{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 89px;
}
.shane_tm_portfolio .portfolio_list ul{
	margin: 0px 0px 0px -50px;
	list-style-type: none;
}
.shane_tm_portfolio .portfolio_list ul li{
	margin: 0px 0px 50px 0px;
	width: 33.3333%;
	float: left;
	padding-left: 50px;
}
.shane_tm_portfolio .portfolio_list ul li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	overflow: hidden;
}
.shane_tm_portfolio .portfolio_list .image{position: relative;}
.shane_tm_portfolio .portfolio_list .inner img{min-width: 100%;}
.shane_tm_portfolio .portfolio_list .main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
    clip-path: inset(0 0 0 0);
	
	-webkit-transition: all .3s ease-in-out;
	   -moz-transition: all .3s ease-in-out;
	    -ms-transition: all .3s ease-in-out;
	     -o-transition: all .3s ease-in-out;
	        transition: all .3s ease-in-out;
}
.shane_tm_portfolio .portfolio_list ul li .inner:hover .main{clip-path: inset(2% 2% 2% 2%);}
.shane_tm_portfolio_titles {
	white-space: nowrap;
	background: #ffffff;
	font-size: 18px;
	padding: 5px 15px;
	font-family: "Poppins";
	font-weight: 600;
	color: #000;
	position: fixed;
	z-index: 5;
	opacity: 0;
	visibility: hidden;
}
.shane_tm_portfolio_titles.visible {
	opacity: 1;
	visibility: visible;
}
.shane_tm_portfolio_titles .work__cat {
	position: absolute;
	background: #ffffff;
	top: 100%;
	left: 0;
	margin-top: -10px;
	font-family: "Poppins";
	font-size: 15px;
	font-weight: 500;
	padding: 5px 15px;
}
.entry{position: relative;}
.shane_tm_portfolio .mobile_title{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 20px;
	display: none;
}
.shane_tm_portfolio .mobile_title h3{
	font-size: 18px;
	font-weight: 600;
}
.shane_tm_portfolio .mobile_title span{
	font-family: "Poppins";
	font-weight: 500;
}

.shane_tm_modalbox{
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 100vh;
	z-index: 20;
	background-color: rgba(0,0,0,.8);
	opacity: 0;
	visibility: hidden;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.shane_tm_modalbox.opened{
	opacity: 1;
	visibility: visible;
}
.shane_tm_modalbox .box_inner{
	position: absolute;
	top: 70px;
	bottom: 70px;
	width: 968px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #fff;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	margin-top: -20px;
	transition-delay: .3s;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.shane_tm_modalbox.opened .box_inner{
	opacity: 1;
	visibility: visible;
	margin-top: 0px;
}
.shane_tm_modalbox .close{
	position: fixed;
	left: 100%;
	top: 0px;
	margin-left: 30px;
	z-index: 10;
}
.shane_tm_modalbox .close a{
	display: block;
	width: 40px;
	height: 40px;
	text-decoration: none;
	color: #fff;
	border:2px solid #fff;
	border-radius: 10px;
	position: relative;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.shane_tm_modalbox .close a:hover{
	border-radius: 100%;
}
.shane_tm_modalbox .close a i{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.shane_tm_modalbox .description_wrap{
	position: relative;
	width: 100%;
	height: 100%;
	float: left;
	overflow: hidden;
	padding: 50px;
	overflow-y: scroll;
}
.shane_tm_modalbox .description_wrap::-webkit-scrollbar{
  width: 11px;
}
.shane_tm_modalbox .description_wrap{
  scrollbar-width: thin;
  scrollbar-color: #dfe2e7 #fff;
}
.shane_tm_modalbox .description_wrap:-webkit-scrollbar-track{
  background: #fff;
}
.shane_tm_modalbox .description_wrap::-webkit-scrollbar-thumb{
  background-color: #dfe2e7;
  border-radius: 10px;
  border: 3px solid #fff;
}


.shane_tm_portfolio .hidden_content{
	display: none;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	z-index: -11;
}
.shane_tm_modalbox .popup_details{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.shane_tm_modalbox .popup_details .top_image{
	position: relative;
	overflow: hidden;
	margin-bottom: 37px;
}
.shane_tm_modalbox .popup_details .top_image img{
	position: relative;
	min-width: 100%;
	opacity: 0;
}
.shane_tm_modalbox .popup_details .top_image .main{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.shane_tm_modalbox .portfolio_main_title{
	width: 100%;
	float: left;
	margin-bottom: 20px;
}
.shane_tm_modalbox .portfolio_main_title span{
	display: inline-block;
}
.shane_tm_modalbox .portfolio_main_title span a{
	text-decoration: none;
	color: #767676;
}
.shane_tm_modalbox .portfolio_main_title h3{
	font-weight: 700;
    font-size: 22px;
	margin-bottom: 5px;
}
.shane_tm_modalbox .main_details{
	width: 100%;
	height: auto;
	clear: both;
	display: flex;
	margin-bottom: 60px;
}
.shane_tm_modalbox .main_details .textbox{
	width: 70%;
	padding-right: 40px;
}
.shane_tm_modalbox .main_details .textbox p{
	margin-bottom: 15px;
}
.shane_tm_modalbox .main_details .textbox p:last-child{
	margin-bottom: 0px;
}
.shane_tm_modalbox .main_details .detailbox{
	width: 30%;
	padding-left: 40px;
}
.shane_tm_modalbox .main_details .detailbox > ul{
	margin: 0px;
	list-style-type: none;
}
.shane_tm_modalbox .main_details .detailbox > ul > li{
	margin: 0px 0px 10px 0px;
	width: 100%;
	float: left;
}
.shane_tm_modalbox .main_details .detailbox > ul > li:last-child{
	margin-bottom: 0px;
}
.shane_tm_modalbox .main_details .detailbox .first{
    font-weight: 700;
	display: block;
	color: #000;
}
.shane_tm_modalbox .main_details .detailbox span a{
	text-decoration: none;
	color: #7d7789;
}
.shane_tm_modalbox .additional_images{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.shane_tm_modalbox .additional_images ul{
	margin: 0px 0px 0px -30px;
	list-style-type: none;
}
.shane_tm_modalbox .additional_images ul li{
	margin: 0px 0px 30px 0px;
	float: left;
	width: 50%;
	padding-left: 30px;
}
.shane_tm_modalbox .additional_images ul li:nth-child(3n-2){
	width: 100%;
}
.shane_tm_modalbox .additional_images ul li .list_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
}
.shane_tm_modalbox .additional_images ul li .my_image{
	position: relative;
}
.shane_tm_modalbox .additional_images ul li .my_image img{
	opacity: 0;
	min-width: 100%;
}
.shane_tm_modalbox .additional_images ul li .my_image .main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}





/*---------------------------------------------------*/
/*	07) SHANE SKILLS
/*---------------------------------------------------*/

.shane_tm_skills{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 140px;
}
.shane_tm_skills .skills_inner{
	width: 100%;
	height: auto;
	clear: both;
	display: flex;
}
.shane_tm_skills .left{
	width: 50%;
	padding-right: 50px;
}
.shane_tm_skills .text{
	padding-top: 27px;
	float: left;
}
.tokyo_progress{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.progress_inner{
	width:100%;
	margin-bottom:34px;
}
.progress_inner:last-child{margin-bottom: 0px;}
.progress_inner > span{
	margin:0px 0px 7px 0px;
	width:100%;
	display:block;
	text-align:left;
	font-family: "Poppins";
	font-weight: 500;
	color: #333;
}
.progress_inner span.number{float: right;}
.progress_inner .background{
	background:rgba(0,0,0,.05);
	width:100%;
	min-width:100%;
	position:relative;
	height:4px;
}
.progress_inner .background .bar_in{
	height:100%;
	background:#000;
	width:0px;
	overflow:hidden;
}
.progress_inner .background .bar{
	width:0px;
	height:100%;
}
.progress_inner .background .bar.open{
	-webkit-animation: wow 1.5s cubic-bezier(0.165, 0.840, 0.440, 1.000);  /* Safari 4+ */
	-moz-animation:    wow 1.5s cubic-bezier(0.165, 0.840, 0.440, 1.000);  /* Fx 5+ */
	animation:         wow 1.5s cubic-bezier(0.165, 0.840, 0.440, 1.000);  /* IE 10+ */
	width:100%;	
}

@-webkit-keyframes wow {0%{ width:0%; } 100%{ width:100%; }}
@-moz-keyframes wow {0%{ width:0%; } 100%{ width:100%; }}
@keyframes wow {0%{ width:0%; } 100%{ width:100%; }}

.shane_tm_skills .right{
	width: 50%;
	padding-left: 50px;
}

/*---------------------------------------------------*/
/*	08) SHANE VIDEO
/*---------------------------------------------------*/

.shane_tm_business_video{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.shane_tm_business_video{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
}
.shane_tm_business_video .bg{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
.shane_tm_business_video .bg .image{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center; 
}
.shane_tm_business_video .bg .overlay{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: rgba(0,0,0,.6);
	z-index: 1;
}
.shane_tm_business_video .content{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	margin: 0px auto;
	z-index: 2;
	text-align: center;
	padding: 150px 0px;
}
.shane_tm_business_video .rounded{
	width: 100px;
	height: 100px;
	display: block;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 100%;
	background-color: #fff;
	margin-bottom: 45px;
}
.shane_tm_business_video .rounded:before{
	position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 0 13px 26px;
    border-color: transparent transparent transparent #000;
    top: 50%;
    left: 50%;
    margin-left: 4px;
    transform: translate(-50%,-50%);
}
.shane_tm_business_video .text{
	color: #fff;
	font-family: "Poppins";
	font-size: 30px;
	max-width: 600px;
	margin: 0px auto;
	margin-bottom: 50px;
	font-weight: 800;
}
.shane_tm_video_button{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.shane_tm_video_button a{
	text-decoration: none;
	color: #fff;
	background-color: transparent;
	display: inline-block;
	padding: 13px 48px;
	border: 2px solid #fff;
	font-family: "Poppins";
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.shane_tm_video_button a:hover{
	color: #000;
	background-color: #fff;
}

/*---------------------------------------------------*/
/*	09) SHANE PARTNERS
/*---------------------------------------------------*/

.shane_tm_partners{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.shane_tm_partners .partners_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding: 90px 0px;
}
.shane_tm_partners .partners_inner ul{
	margin: 0px;
	list-style-type: none;
}
.shane_tm_partners .partners_inner ul li{
	margin: 0px;
	opacity: .5;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.shane_tm_partners .partners_inner ul li{
	max-width: 200px;
	max-height: 200px;
}
.shane_tm_partners .partners_inner ul li:hover{opacity: 1;}

/*---------------------------------------------------*/
/*	10) SHANE TESTIMONIALS
/*---------------------------------------------------*/

.shane_tm_testimonials{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	background-color: #f9f9f9;
	padding: 150px 0px;
}
.shane_tm_testimonials .testimonials_inner{
	width: 100%;
	height: auto;
	clear: both;
	display: flex;
	justify-content: space-between;
}
.shane_tm_testimonials .left{
	width: 50%;
	padding-right: 50px;
}
.shane_tm_testimonials .right{
	width: 50%;
	padding-left: 50px;
}
.shane_tm_testimonials .right ul{
	margin: 0px;
	list-style-type: none;
}
.shane_tm_testimonials .right ul li{margin: 0px;}
.shane_tm_testimonials .right .texts p{margin-bottom: 40px;}
.shane_tm_testimonials .right .author{
	width: 100%;
	height: auto;
	clear: both;
	display: flex;
	align-items: center;
}
.shane_tm_testimonials .right .author .image{
	width: 65px;
	height: 65px;
	border-radius: 100%;
	position: relative;
	overflow: hidden;
}
.shane_tm_testimonials .right .author .main{
	position: absolute;
	top: -4px;
	bottom: -4px;
	left: -4px;
	right: -4px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border-radius: 100%;
	opacity: 0;
	
	-webkit-transition: all 1s ease;
	   -moz-transition: all 1s ease;
	    -ms-transition: all 1s ease;
	     -o-transition: all 1s ease;
	        transition: all 1s ease;
	
	transform: scale(1.5) translateZ(0);
}
.shane_tm_testimonials .right .owl-carousel .owl-item.active .author .main{
	opacity: 1;
	transition: all 1s .3s ease;
	transform: scale(1) translateZ(0);
}
.shane_tm_testimonials .right .short{padding-left: 25px;}
.shane_tm_testimonials .right .short h3{
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	line-height: 1;
	position: relative;
}
.shane_tm_testimonials .right .short .author{
	font-family: "Poppins";
	font-size: 18px;
	color: #000;
	font-weight: 600;
	margin-bottom: 0px;
	margin-bottom: 5px;
}
.shane_tm_testimonials .right .short .job{
	font-weight: 400;
	display: block;
	font-size: 15px;
}
.shane_tm_testimonials .right .short .job span{
	color: #767676;
}
.shane_tm_testimonials .right .short .author span,
.shane_tm_testimonials .right .short .job span{
	position: relative;
	display: block;
	padding: 2px 0px;
	transform: translateY(102%);
	
	-webkit-transition: all 1s ease;
	   -moz-transition: all 1s ease;
	    -ms-transition: all 1s ease;
	     -o-transition: all 1s ease;
	        transition: all 1s ease;
}
.shane_tm_testimonials .right .owl-carousel .owl-item.active .short .author span{
	transform: translateY(0px);
	transition-delay: 0.3s;
}
.shane_tm_testimonials .right .owl-carousel .owl-item.active .short .job span{
	transform: translateY(0px);
	transition-delay: 0.6s;
}

/*---------------------------------------------------*/
/*	11) SHANE NEWS
/*---------------------------------------------------*/

.shane_tm_news{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding: 150px 0px 90px 0px;
}
.shane_tm_news .news_list{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 90px;
}
.shane_tm_news .news_list ul{
	margin: 0px 0px 0px -50px;
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
}
.shane_tm_news .news_list ul li{
	margin: 0px 0px 50px 0px;
	float: left;
	width: 33.3333%;
	padding-left: 50px;
}
.shane_tm_news .news_list ul li .list_inner{
	width: 100%;
	height: 100%;
	clear: both;
	float: left;
	position: relative;
}
.shane_tm_news .news_list ul li .image{
	position: relative;
	overflow: hidden;
}
.shane_tm_news .news_list ul li .image img{
	min-width: 100%;
	opacity: 0;
}
.shane_tm_news .news_list ul li .image .main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center; 
	transform: scale(1) translateZ(0);
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.shane_tm_news .news_list ul li .list_inner .image:hover .main{transform: scale(1.1) rotate(3deg);}
.shane_tm_news .news_list ul li .details{
	width: 100%;
	float: left;
	padding-right: 15px;
	padding-top: 32px;
}
.shane_tm_news .news_list ul li .details .title{margin-bottom: 10px;}
.shane_tm_news .news_list ul li .details .title a{
	text-decoration: none;
	color: #000;
	font-size: 16px;
	font-weight: 600;
	display: inline-block;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.shane_tm_news .news_list ul li .details .title a:hover{color: #000;}
.shane_tm_news .news_list ul li .details .date{
	text-transform: uppercase;
	font-family: "Poppins";
	font-size: 12px;
	color: #767676;
	font-style: italic;
}
.shane_tm_news .news_list ul li .details .date a{
	text-decoration: none;
	color: #767676;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.shane_tm_news .news_list ul li .details .date a:hover{color: #000;}
.shane_tm_news .news_list ul li .details .date span{
	position: relative;
	margin-left: 11px;
}
.shane_tm_news .news_list ul li .details .date span:before{
	position: absolute;
	content: "";
	margin-top: 1px;
	top: 50%;
	transform: translateY(-50%) rotate(15deg);
	right: 100%;
	background-color: #939393;
	width: 1px;
	height: 9px;
	margin-right: 7px;
}
.shane_tm_full_link{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 4;
}
.shane_tm_full_link_new{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 4;
}


.shane_tm_news .news_hidden_details{
	display: none;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	z-index: -11;
}
.shane_tm_modalbox .news_popup_informations{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.shane_tm_modalbox .news_popup_informations .image{
	position: relative;
	margin-bottom: 37px;
}
@media (max-width: 768px) {
    /* Fix small image in News Modal on Mobile - Increase Height */
    .shane_tm_modalbox .news_popup_informations .image img,
    .shane_tm_modalbox .news_popup_informations .news_popup_carousel .item img{
        min-height: 400px !important;
        height: 400px !important; /* Force height */
        object-fit: cover;
    }
    .shane_tm_modalbox .news_popup_informations .image,
    .shane_tm_modalbox .news_popup_informations .news_popup_carousel .item {
        min-height: 400px !important;
    }
    
    /* Ensure nav arrows are visible on mobile */
    .shane_tm_modalbox .news_popup_carousel .owl-nav {
        display: block !important;
    }
}
.shane_tm_modalbox .news_popup_informations .image img{
	position: relative;
	opacity: 0;
	min-width: 100%;
}

/* OWL CAROUSEL NAV ARROWS (Custom Styling) */
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.8) !important;
    border-radius: 50%;
    z-index: 10;
    cursor: pointer;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
}
.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover {
    background: #fff !important;
    transform: translateY(-50%) scale(1.1);
}
.owl-carousel .owl-nav button.owl-prev { left: 20px; }
.owl-carousel .owl-nav button.owl-next { right: 20px; }
.owl-carousel .owl-nav button img.svg { width: 20px; height: 20px; }
.shane_tm_modalbox .news_popup_informations .image .main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.shane_tm_modalbox .news_popup_informations .details{
	width: 100%;
	float: left;
	margin-bottom: 20px;
}
.shane_tm_modalbox .news_popup_informations .details span{
	display: inline-block;
	margin-bottom: 5px;
}
.shane_tm_modalbox .news_popup_informations .details h3{
	font-weight: 700;
	font-size: 22px;
}
.shane_tm_modalbox .news_popup_informations .text{
	width: 100%;
	float: left;
}
.shane_tm_modalbox .news_popup_informations .text p{
	margin-bottom: 15px;
}
.shane_tm_modalbox .news_popup_informations .text p:last-child{
	margin-bottom: 0px;
}









/*---------------------------------------------------*/
/*	12) SHANE TALK
/*---------------------------------------------------*/

.shane_tm_talk{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding: 220px 0px 170px 0px;
	position: relative;
}
.shane_tm_talk .talk_inner{
	width: 100%;
	height: auto;
	clear: both;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	position: relative;
	z-index: 3;
	overflow: hidden;
}
.shane_tm_talk .text{
	margin-bottom: 35px;
	text-align: center;
}
.shane_tm_talk .text h3{
	color: #fff;
	font-weight: 800;
	font-size:72px; 
}
.shane_tm_talk .button a{
	text-decoration: none;
	color: #000;
	background-color: #fff;
	display: inline-block;
	padding: 13px 48px;
	border: 2px solid #fff;
	font-family: "Poppins";
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.shane_tm_talk .button a:hover{
	color: #fff;
	background-color: transparent;
}
.shane_tm_talk .background{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
.shane_tm_talk .overlay{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 1;
	background-color: rgba(0,0,0,.7);
}

.shane_tm_talk .shape{
	position: absolute;
	width: 100%;
	left: 0px;
	top: -13px;
	z-index: 2;
	transform: rotate(180deg);
}
.shane_tm_talk .shape .svg{
	width: 100%;
	height: 100%;
}

/*---------------------------------------------------*/
/*	13) SHANE COPYRIGHT
/*---------------------------------------------------*/

.shane_tm_copyright{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	background-color: #000;
	padding: 65px 0px;
}
.shane_tm_copyright .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	text-align: center;
}
.shane_tm_copyright p{
	font-family: "Poppins";
	color: #fff;
}
.shane_tm_copyright a{
	text-decoration: none;
	color: #fff;
}

/*---------------------------------------------------*/
/*	14) SHANE MODALBOX CONTACT
/*---------------------------------------------------*/

.shane_tm_contact_popup{
	position: absolute;
	z-index: -111;
	opacity: 0;
	visibility: hidden;
	display: none;
}
.shane_tm_modalbox .popup_description_wrap{
	position: relative;
    width: 100%;
    height: 100%;
    float: left;
}
.shane_tm_modalbox .contact_title h3{font-weight: 800;}
.shane_tm_modalbox .wrapper{
	width: 100%;
	height: auto;
	clear: both;
	display: flex;
	padding-top: 31px;
	margin-bottom: 50px;
}
.shane_tm_modalbox .wrapper .desc{
	max-width: 50%;
	float: left;
	padding-top: 95px;
}
.shane_tm_modalbox .wrapper .left{
	width: 50%;
	padding-right: 25px;
}
.shane_tm_modalbox .wrapper .fields{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.shane_tm_modalbox .wrapper .fields .first{
	width: 100%;
	float: left;
}
.shane_tm_modalbox .wrapper .fields ul{
	margin: 0px;
	list-style-type: none;
}
.shane_tm_modalbox .wrapper .fields ul li{
	width: 100%;
	margin: 0px 0px 30px 0px;
	float: left;
}
.shane_tm_modalbox .wrapper .fields ul li input{
	width: 100%;
	border: 1px solid rgba(0,0,0,.2);
	background-color: #fff;
}
.shane_tm_modalbox .wrapper .fields ul li input:focus{
	outline: none;
	border: 1px solid rgba(0,0,0,.5);
}
.shane_tm_modalbox .wrapper .fields .last textarea{
	width: 100%;
	border: 1px solid rgba(0,0,0,.2);
	height: 120px;
	resize: none;
	margin-bottom: 20px;
	background-color: #fff;
}
.shane_tm_modalbox .wrapper .fields .last textarea:focus{
	outline: none;
	border: 1px solid rgba(0,0,0,.5);
} 
.shane_tm_modalbox .wrapper .empty_notice{
	color: #F52225;
	margin-bottom: 7px;
	display: none;
	text-align: left;
	font-weight: 500;
}
.shane_tm_modalbox .wrapper .contact_error{
	color: #F52225;
	text-align: left;
	font-weight: 500;
}
.shane_tm_modalbox .wrapper .returnmessage{
	color:#3A00FF;
	margin-bottom: 7px;
	text-align: left;
	font-weight: 500;
}
.shane_tm_modalbox .wrapper .right{
	width: 50%;
	padding-left: 25px;
	position: relative;
	top:6px;
}
.shane_tm_modalbox .wrapper .map_wrap .map {
  min-height: 359px;
  width: 100%;
}
.shane_tm_modalbox .short_info{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.shane_tm_modalbox .short_info > ul{
	margin: 0px 0px 0px -50px;
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
}
.shane_tm_modalbox .short_info > ul > li{
	margin: 0px 0px 50px 0px;
	float: left;
	width: 33.3333%;
	padding-left: 50px;
	text-align: center;
}
.shane_tm_modalbox .short_info > ul > li .list_inner{
	width: 100%;
	height: 100%;
	clear: both;
	float: left;
	position: relative;
	background-color: #000;
	padding: 50px 20px;
}
.shane_tm_modalbox .short_info > ul > li p{
	font-family: "Poppins";
	font-weight: 500;
	color: #fff;
}
.shane_tm_modalbox .short_info > ul > li a{
	text-decoration: none;
	color: #fff;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.shane_tm_modalbox .short_info > ul > li a:hover{color: #fff;}
.shane_tm_modalbox .short_info > ul > li .list_inner > i{
	font-size: 25px;
	margin-bottom: 10px;
	display: inline-block;
	color: #fff;
}
.shane_tm_modalbox .social{
	margin: 0px;
	list-style-type: none;
	position: relative;
	top: -3px;
}
.shane_tm_modalbox .social li{
	margin: 0px 8px 0px 0px;
	display: inline-block;
}
.shane_tm_modalbox .social li:last-child{margin-right: 0px;}
.shane_tm_modalbox .social li a{
	text-decoration: none;
	color: #fff;
}
.shane_tm_modalbox .social li i{
	color: #fff;
	font-size: 18px;
}

/*---------------------------------------------------*/
/*	15) SHANE CURSOR
/*---------------------------------------------------*/

.mouse-cursor{
  position: fixed;
  left: 0;
  top: 0;
  pointer-events: none;
  border-radius: 50%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  visibility: hidden;
}
.cursor-inner {
  margin-left: -3px;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  z-index: 100;
  background-color: #000;
  -webkit-transition: width .3s ease-in-out, height .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out;
  transition: width .3s ease-in-out, height .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out;
}
.cursor-inner.cursor-hover {
  margin-left: -40px;
  margin-top: -40px;
  width: 80px;
  height: 80px;
  background-color: #000;
  opacity: .3;
}
.cursor-outer {
  margin-left: -15px;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  border: 2px solid #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 100;
  opacity: .5;
  -webkit-transition: all .08s ease-out;
  transition: all .08s ease-out;
}
.cursor-outer.cursor-hover{opacity: 0;}
.shane_tm_all_wrap[data-magic-cursor="hide"] .mouse-cursor{
	display: none;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	z-index: -1111;
}

.progressbar{
    position: fixed;
	height: 100px;
    width: 1px;
	bottom: 25px;
    right: -50px; /* Force it completely off screen initially */
    background-color: rgba(0,0,0,.08);
    z-index: 10;
    transition: all .3s ease;
}
.progressbar.animate{
	right: 25px;
}

.progressbar .line {
	position: absolute;
    width: 1px;
	height: auto;
    background-color: rgba(0,0,0,.4);
}

.progressbar .text{
	position: absolute;
    bottom: 100px;
    left: 0px;
    font-family: "Poppins";
    font-size: 13px;
    transform: rotateZ(90deg);
    text-transform: uppercase;
    transform-origin: left;
    white-space: nowrap;
}
.progressbar a{
	text-decoration: none;
	color: #000;
}

/*---------------------------------------------------*/
/*  SHANE SETTINGS
/*---------------------------------------------------*/

.shane_tm_settings{
	position: fixed;
	z-index: 200;
	top: 20%;
	right: -200px;
	width: 200px;
	background-color: rgba(0,0,0,1.00);
	padding: 40px 20px 33px 30px;
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.shane_tm_settings.opened{
	right: 0px;
}
.shane_tm_settings .wrapper{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.shane_tm_settings .icon{
	position: absolute;
	top: 0px;
	right: 100%;
	background-color: #000;
	padding: 12px 12px 4px 12px;
}
.shane_tm_settings .icon .svg{
	color: #fff;
	width: 25px;
	height: 25px;
	animation: fa-spin 2s infinite linear;
}
.shane_tm_settings .link{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 1;
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
.shane_tm_settings .title{
	color: #fff;
	font-family: "Poppins";
	font-weight: 600;
	position: relative;
	display: inline-block;
}
.shane_tm_settings .title:before{
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background-color: rgba(255,255,255,.2);
	left: 0px;
	bottom: 0px;
}
.shane_tm_settings .colors{
	margin: 0px 0px 22px 0px;
	list-style-type: none;
	padding-top: 32px;
}
.shane_tm_settings .colors li{
	margin: 0px;
	display: inline-block;
}
.shane_tm_settings .colors li a{
	text-decoration: none;
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 100%;
}
.shane_tm_settings .direction{
	list-style-type: none;
	margin:  0px;
}
.shane_tm_settings .direction li{
	margin: 0px 20px 0px 0px;
	display: inline-block;
}
.shane_tm_settings .direction li a{
	opacity: .4;
	text-decoration: none;
	color: #fff; 
}
.shane_tm_settings .direction li a.active{
	opacity: 1;
}
.shane_tm_settings .direction li .svg{
	width: 25px;
	height: 25px;
}
.shane_tm_settings .colors li.bl{
	display: inline-block;
}
.shane_tm_settings .colors li.wh{
	display: none;
}
body.dark .shane_tm_settings .colors li.bl,
.shane_tm_settings.changed .colors li.bl{
	display: none;
}
body.dark .shane_tm_settings .colors li.wh,
.shane_tm_settings.changed .colors li.wh{
	display: inline-block;
}
body.dark .shane_tm_settings,
.shane_tm_settings.changed{
	background-color: #fff;
}
body.dark .shane_tm_settings .icon,
.shane_tm_settings.changed .icon{
	background-color: #fff;
}
body.dark .shane_tm_settings .icon .svg,
.shane_tm_settings.changed .icon .svg{
	color: #000;
}
body.dark .shane_tm_settings .title,
.shane_tm_settings.changed .title{
	color: #000;
}
body.dark .shane_tm_settings .title:before,
.shane_tm_settings.changed .title:before{
	background-color: rgba(0,0,0,.5);
}
body.dark .shane_tm_settings .direction li a,
.shane_tm_settings.changed .direction li a{
	color: #000;
}
body.dark .shane_tm_settings .cursor li:nth-child(1) a,
.shane_tm_settings.changed .cursor li:nth-child(1) a{
	border-color: #000;
}
body.dark .shane_tm_settings .cursor li:nth-child(1) a:before,
.shane_tm_settings.changed .cursor li:nth-child(1) a:before{
	background-color: #000;
}
body.dark .shane_tm_settings .cursor li .svg,
.shane_tm_settings.changed .cursor li .svg{
	color: #000;
}
.shane_tm_settings .cursor{
	margin: 0px;
	list-style-type: none;
	padding-top: 15px;
}
.shane_tm_settings .cursor li{
	margin: 0px 20px 0px 0px;
	display: inline-block;
}
.shane_tm_settings .cursor li a{
	text-decoration: none;
	color: #fff;
	opacity: .4;
	font-weight: 600;
}
.shane_tm_settings .cursor li a.showme{
	opacity: 1;
}
.shane_tm_settings .cursor li:nth-child(1) a{
	width: 30px;
	height: 30px;
	border-radius: 100%;
	border: 2px solid #fff;
	position: relative;
	display: inline-block;
}
.shane_tm_settings .cursor li:nth-child(1) a:before{
	position: absolute;
	content: "";
	width: 4px;
	height: 4px;
	border-radius: 100%;
	background-color: #fff;
	transform: translate(-50%,-50%);
	left: 50%;
	top: 50%;
}
.shane_tm_settings .cursor li .svg{
	width: 25px;
	height: 25px;
	color: #fff;
}
.shane_tm_settings .cursor li:nth-child(2){
	position: relative;
	top: -2px;
}
.shane_tm_settings .effect{
	margin: 0px;
	list-style-type: none;
	padding-top: 15px;
	padding-bottom: 25px;
}
.shane_tm_settings .effect li{
	margin: 0px 0px 5px 0px;
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 100%;
	background-color: #fff;
	opacity: .4;
}
.shane_tm_settings .effect li a{
	text-decoration: none;
	color: #000;
	font-size: 13px;
	font-weight: 600;
	font-family: "Poppins";
	display: block;
	position: relative;
	top: 2px;
}
.shane_tm_settings .effect li.selected{
	background-color: #fff;
	opacity: 1;
}

/*---------------------------------------------------*/
/*	SHANE INTRO
/*---------------------------------------------------*/

.shane_tm_intro{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.shane_tm_intro .intro_title{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	text-align: center;
	padding: 100px 0px 100px 0px;
}
.shane_tm_intro .intro_title h3{
	font-weight: 800;
	font-size: 40px;
}
.shane_tm_intro .demo_list{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 100px;
}
.shane_tm_intro .demo_list .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.shane_tm_intro .demo_list ul{
	margin: 0px 0px 0px -50px;
	list-style-type: none;
}
.shane_tm_intro .demo_list ul li{
	margin: 0px 0px 20px 0px;
	float: left;
	width: 50%;
	padding-left: 50px;
}
.shane_tm_intro .demo_list ul li .list_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	text-align: center;
	transition: all .3s ease;
	top: 0px;
}
.shane_tm_intro .demo_list ul li .list_inner img{
	box-shadow: 0px 0px 30px rgba(0,0,0,.2);
}
.shane_tm_intro .demo_list ul li .list_inner:hover{
	top: -10px;
}
.shane_tm_intro .demo_list ul li .list_inner h3{
	font-size: 20px;
	font-weight: 600;
	padding: 20px 0px;
	
}

/*---------------------------------------------------*/
/*	16) SHANE MEDIA QUERIES (FOR SMALL DEVIVES)
/*---------------------------------------------------*/

@media (max-width: 1600px) {
	.container{max-width: 1070px;}
	.shane_tm_hero .content h3{font-size: 55px;}
	.shane_tm_hero .name_wrap{margin-bottom: 4px;}
	.shane_tm_modalbox .box_inner{width: 800px;}
	.shane_tm_modalbox .short_info > ul{margin: 0px;}
	.shane_tm_modalbox .short_info > ul > li{width: 100%;padding-left: 0px;}
	.shane_tm_classic_hero .name_wrap h3{font-size: 55px;}
}
@media (max-width: 1040px) {
	.shane_tm_topbar{display: none;}
	.shane_tm_mobile_menu{display: block;}
    
    /* Ensure Fixed Elements are Hidden on Tablet/Mobile to avoid overflow */
    .shane_tm_settings { display: none !important; }
    .mouse-cursor { display: none !important; }

	.shane_tm_portfolio_titles{display: none;}
	.shane_tm_portfolio .mobile_title{display: block;}
	.shane_tm_hero .content h3{font-size: 50px;}

    /* Stack Layout for Hero - Also applied for 1040px to be safe */
    .shane_tm_hero {
        height: auto;
        min-height: 100vh;
        display: flex;
        flex-direction: column;
    }
    .shane_tm_hero .background {
        position: relative;
        width: 100%;
        height: 50vh; 
        right: auto;
        left: 0;
        top: 0;
        clip-path: none !important;
    }
    .shane_tm_hero .image {
        background-position: top center;
    }
    .shane_tm_hero .container {
        height: auto;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .shane_tm_hero .content {
        position: relative;
        top: auto;
        transform: none;
        width: 100%;
        padding: 0;
        text-align: center;
    }
    .shane_tm_hero .content h3 {
        font-size: 40px; /* Tablet size */
    }
    .shane_tm_hero .job_wrap .job {
        float: none;
        display: inline-block;
    }

	.shane_tm_about .about_inner{flex-direction: column;}
	.shane_tm_about .left{padding-right: 0px;width: 100%;margin-bottom: 50px;}
	.shane_tm_about .right{padding-left: 0px;width: 100%;}
	.shane_tm_portfolio .portfolio_list ul li{width: 50%;}
	.shane_tm_title .title_flex{flex-direction: column;align-items: flex-start;}
	.shane_tm_title .portfolio_filter{padding-top: 78px;}
	.shane_tm_portfolio .portfolio_list{padding-top: 40px;}
	.shane_tm_skills .skills_inner{flex-direction: column;}
	.shane_tm_skills .left{padding-right: 0px;width: 100%;margin-bottom: 20px;}
	.shane_tm_skills .right{padding-left: 0px;width: 100%;}
	.shane_tm_testimonials .testimonials_inner{flex-direction: column;}
	.shane_tm_testimonials .left{padding-right: 0px;width: 100%;margin-bottom: 50px;}
	.shane_tm_testimonials .right{padding-left: 0px;width: 100%;}
	.shane_tm_news .news_list ul li{width: 50%;}
	.shane_tm_talk .text h3{font-size: 50px;}
	.shane_tm_modalbox .description_wrap{padding: 20px;}
	.shane_tm_modalbox .box_inner{width: 300px;}
	.shane_tm_modalbox .portfolio_main_title h3{font-size: 19px;}
	.shane_tm_modalbox .main_details{flex-direction: column;align-items: baseline;}
	.shane_tm_modalbox .main_details .textbox{padding: 0px;width: 100%;margin-bottom: 40px;}
	.shane_tm_modalbox .main_details .detailbox{padding: 0px;width: 100%;}
	.shane_tm_modalbox .additional_images ul{margin: 0px;}
	.shane_tm_modalbox .additional_images ul li{width: 100% !important;padding-left: 0px;}
	.shane_tm_modalbox .close{left: auto;right: 0px;top: -40px;}
	.shane_tm_modalbox .close a{width: 30px;height: 30px;}
	.shane_tm_modalbox .news_popup_informations .details h3{font-size: 19px;}
	.shane_tm_modalbox .wrapper{flex-direction: column;align-items: baseline;}
	.shane_tm_modalbox .wrapper .left{width: 100%;padding: 0px;margin-bottom: 30px;}
	.shane_tm_modalbox .wrapper .right{width: 100%;padding: 0px;}
	.shane_tm_button a{padding: 11px 35px;}
	.shane_tm_classic_hero .name_wrap h3{font-size: 50px;}
}
@media (max-width: 768px) {
    /* Stack Layout for Hero */
    .shane_tm_hero {
        height: auto;
        min-height: 100vh;
        display: flex;
        flex-direction: column;
    }
    .shane_tm_hero .background {
        position: relative;
        width: 100%;
        height: 50vh; /* Image takes top half */
        right: auto;
        left: 0;
        top: 0;
        clip-path: none !important; /* Remove shape clipping */
    }
    .shane_tm_hero .image {
        background-position: top center;
    }
    .shane_tm_hero .container {
        height: auto;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .shane_tm_hero .content {
        position: relative;
        top: auto;
        transform: none;
        width: 100%;
        padding: 0;
        text-align: center;
    }
    .shane_tm_hero .content h3 {
        font-size: 35px; /* Readable size */
        white-space: normal; /* Allow wrapping if needed */
    }
    .shane_tm_hero .job_wrap .job {
        float: none;
        display: inline-block;
    }
    .shane_tm_hero .name_wrap {
        margin-bottom: 15px;
    }
    
    /* Other responsive fixes */
	.shane_tm_portfolio .portfolio_list ul{margin: 0px;}
	.shane_tm_portfolio .portfolio_list ul li{padding: 0px;width: 100%;}
	.shane_tm_news .news_list ul{margin: 0px;}
	.shane_tm_news .news_list ul li{width: 100%; padding-left:0px; margin-bottom: 30px;}
	.shane_tm_news .news_list ul li .list_inner { padding: 0px; width: 100%; }
    
    /* Hide decorative/floating elements causing overflow */
    .shane_tm_settings { display: none !important; } /* Hide settings panel on mobile */
    .mouse-cursor { display: none !important; } /* Hide custom cursor */
	
	.shane_tm_intro .demo_list ul{margin: 0px;}
	.shane_tm_intro .demo_list ul li{width: 100%;padding-left: 0px;}
}

body.intro #preloader:before,
body.intro #preloader:after{
	background-color: #fff;
}
body.intro .loader_line:before{
	background-color: #000;
}
body.intro .loader_line:after{
	background-color: #A8A8A8;
}
/* FLOATING SOCIAL BAR */
.shane_tm_floating_social { position: fixed; right: 20px; top: 50%; transform: translateY(-50%); z-index: 9999; }
.shane_tm_floating_social ul { margin: 0; padding: 0; list-style: none; }
.shane_tm_floating_social li { margin: 10px 0; position: relative; }
.shane_tm_floating_social a { display: flex; width: 45px; height: 45px; border-radius: 50%; align-items: center; justify-content: center; color: white !important; font-size: 20px; text-decoration: none; transition: all 0.3s ease; box-shadow: 0 4px 10px rgba(0,0,0,0.2); }
.shane_tm_floating_social a:hover { transform: scale(1.1); box-shadow: 0 6px 14px rgba(0,0,0,0.3); }
.shane_tm_floating_social .label { position: absolute; right: 60px; top: 50%; transform: translateY(-50%); background: #333; color: white; padding: 5px 10px; border-radius: 4px; font-size: 12px; white-space: nowrap; visibility: hidden; opacity: 0; transition: all 0.3s ease; pointer-events: none; }
.shane_tm_floating_social li:hover .label { visibility: visible; opacity: 1; right: 55px; }

/* SOCIAL ICONS SVG FIX */
.shane_tm_floating_social svg { width: 22px; height: 22px; fill: white; stroke: none; }
.shane_tm_floating_social .css-i6dzq1 { stroke: white; fill: none; }

/* Custom Downloads Section Styles */
.campaign_downloads ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 20px; }
.campaign_downloads li { width: 48%; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.05); border-radius: 5px; overflow: hidden; }
.campaign_downloads .download_item { display: flex; align-items: center; padding: 15px; }
.campaign_downloads .thumb { width: 80px; height: 80px; background-size: cover; background-position: center; border-radius: 5px; flex-shrink: 0; margin-right: 15px; }
.campaign_downloads .thumb.no-img { background: #eee; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #777; }
.campaign_downloads .info h4 { margin: 0 0 10px; font-size: 16px; font-weight: 600; font-family: 'Mulish', sans-serif; }
.campaign_downloads .btn_download { 
    display: inline-block; background: #000; color: #fff; padding: 5px 15px; font-size: 12px; 
    text-decoration: none; border-radius: 3px; font-family: 'Montserrat', sans-serif; font-weight: 500;
}
.campaign_downloads .btn_download:hover { background: #333; }
@media (max-width: 768px) { .campaign_downloads li { width: 100%; } }


/* Updates for Announcements (formerly Partners) */
.shane_tm_partners .partners_inner ul li {
    opacity: 1 !important;
    max-width: none !important;
    max-height: 500px !important; /* Allow taller images */
    text-align: center;
}
.shane_tm_partners .partners_inner ul li img {
    /* Removed conflicting overrides for card layout */
}


/* Announcements Cards Styles */
.announcement-card {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    transition: transform 0.3s ease;
    margin: 10px;
    height: 100%;
}
.announcement-card:hover { transform: translateY(-5px); }
.announcement-card .image-box { position: relative; overflow: hidden; height: 250px; }
.announcement-card .image-box img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
.announcement-card:hover .image-box img { transform: scale(1.05); }
.announcement-card .content-box { padding: 20px; text-align: left; }
.announcement-card h3 { font-size: 18px; font-weight: 700; margin: 0 0 10px; color: #333; }
.announcement-card p { font-size: 14px; color: #666; margin-bottom: 15px; line-height: 1.5; }
.announcement-card .meta { font-size: 12px; color: #888; margin-bottom: 15px; display: flex; flex-wrap: wrap; gap: 10px; }
.announcement-card .meta span { display: flex; align-items: center; gap: 5px; }
.announcement-card .meta i { font-style: normal; } /* Simple icon placeholder */
.announcement-card .btn-maps { 
    display: inline-block; padding: 8px 15px; background: #ea4335; color: white; 
    border-radius: 4px; font-size: 12px; text-decoration: none; font-weight: 600; 
}
.announcement-card .btn-maps:hover { background: #c5221f; }


/* Countdown and Enhanced Card Styles */
.announcement-card .image-box { height: auto !important; max-height: 300px; }
.announcement-timer { 
    background: #000; color: #fff; padding: 10px; text-align: center; 
    font-family: inherit; font-weight: bold; margin-bottom: 15px; border-radius: 4px;
    display: flex; justify-content: space-around;
}
.announcement-timer div { display: flex; flex-direction: column; line-height: 1.2; }
.announcement-timer span { font-size: 18px; color: #f90; }
.announcement-timer small { font-size: 10px; text-transform: uppercase; font-weight: normal; color: #aaa; }

/* Popup Styles specific manually if needed, otherwise using magnificPopup */
.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 600px;
  margin: 20px auto;
  border-radius: 5px;
  text-align: center;
}
.white-popup img { max-width: 100%; height: auto; border-radius: 4px; }
.white-popup h3 { margin-top: 15px; }

/* Override Owl Carousel for announcements to ensure visibility */
.shane_tm_partners .owl-stage { display: flex; align-items: stretch; }


/* Fix Image Aspect Ratio - Full Image Visibility */
.announcement-card .image-box { 
    height: auto !important; 
    max-height: none !important; 
    padding: 0 !important;
    background: #f4f4f4; /* Subtle background for transparency */
}
.announcement-card .image-box img { 
    width: 100% !important; 
    height: auto !important; 
    object-fit: contain !important; 
    transform: none !important; /* Disable zoom effect if it interferes */
}
.announcement-timer {
    background: #000;
    color: #fff;
    padding: 10px 0;
    margin-top: 0; 
    margin-bottom: 15px;
    position: relative;
    z-index: 2;
    border-radius: 0 0 8px 8px; /* Rounded bottom if image is above? Or just normal radius */
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.announcement-card .content-box { padding: 20px; text-align: center; }