@charset "utf-8";
/*
/*	Copyright (c) This file is maintained by emfiv brand (2025).

/*	This file is made for CURRENT TEMPLATE

01) emfiv BASE
02) emfiv TOPBAR
03) emfiv MOBILE MENU
04) emfiv HERO
04.5) emfiv RESOURCES - CRE Added on 2/26/26
05) emfiv ABOUT
06) emfiv SERVICES
07) emfiv PORTFOLIO
08) emfiv TESTIMONIALS
09) emfiv NEWS
10) emfiv CONTACT
11) emfiv COPYRIGHT
12) emfiv CURSOR
13) emfiv GLITCH EFFECT
14) emfiv PARTICLE EFFECT
15) emfiv SLIDER
16) emfiv MODALBOXES
17) emfiv ABOUT PAGE
18) emfiv MEDIA QUERIES (FOR SMALL DEVICES)

/*---------------------------------------------------*/
/*	01) emfiv BASE
/*---------------------------------------------------*/

/*
:root{
    --main-color: #000;
} 

CRE: SEE LINES 690 - 711 for color diffs secondary name

*/

/* Updated root for stroke - OG retained above */


:root {
    --main-color: #000;
    --sapphire: #0f52ba;     /* Deep sapphire blue */
    --sapphire-glow: #1e90ff; /* Optional: lighter glow */
}


html {
	overflow-x: hidden;
	padding: 0px;
	margin: 0px
}
body{
	font-family: "Roboto";
	font-size: 15px;
	line-height: 30px;
	letter-spacing: 0px;
	word-wrap: break-word;
	font-weight: 400;
	background-color: #fff;
	color: #767676;
}
svg{
	fill: currentcolor;
	width: 15px;
	height: 15px;
}
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;
}

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


/* Erickson in RED — NO italic, NO extra bold, NO spacing issues  */
/* .emfiv_tm_hero .content_inner h3 .erickson-gold { */
/*     color: gold !important; */
   /*  font-weight: inherit !important; */
  /*   font-style: normal !important; */
  /*   -webkit-text-stroke: 0; */
   /*  display: inline-block; */
   /*  line-height: 1;  */
/* }*/

/* Erickson: Red fill + Sapphire stroke */
.emfiv_tm_hero .content_inner h3 .erickson-gold {
    color: gold !important;
    -webkit-text-stroke: 1.5px var(--sapphire) !important;
    text-stroke: 1.5px var(--sapphire) !important;
    font-weight: inherit !important;
    font-style: normal !important;
    display: inline-block;
    line-height: 1;
    position: relative;
}





.container {
	max-width: 1400px;
	width:100%;
	margin-left: auto;
	margin-right: auto;
	height:auto;
	padding:0px 40px;
	position:relative;
	clear:both;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

@media (max-width: 1040px) {
.container{padding:0px 20px;}
}

.emfiv_tm_all_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	overflow: hidden;
}
.emfiv_tm_all_wrap,
.emfiv_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+ */
}

.emfiv_tm_preloader{
  position: fixed;
  background-color: #fff;
  z-index: 9999999;
  height: 100%;
  width: 100%;
	
  -webkit-transition: .2s all ease;
  -o-transition: .2s all ease;
  transition: .2s all ease;
  -webkit-transition-delay: .5s;
  -o-transition-delay: .5s;
  transition-delay: .5s; }  
.emfiv_tm_preloader .spinner_wrap{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 33333;
}
.emfiv_tm_preloader.loaded {
    opacity: 0;
    visibility: hidden;
}
.emfiv_tm_preloader:before,
.emfiv_tm_preloader:after{
    content: "";
    position: absolute;
    height: 50%;
    width: 100%;
    background-color: #000;
	
    -webkit-transition: .7s all ease;
    -o-transition: .7s all ease;
    transition: .7s all ease;
}
.emfiv_tm_preloader:before{
    top: 0;
    left: 0; 
}
.emfiv_tm_preloader:after{
    bottom: 0;
	left: 0; 
}
.emfiv_tm_preloader.loaded:before, 
.emfiv_tm_preloader.loaded:after{height: 0%;}

/*---------------------------------------------------*/
/*	02) emfiv TOPBAR  */
/*---------------------------------------------------*/

.emfiv_tm_topbar{
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	z-index: 10;
	padding: 20px 0px;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.emfiv_tm_topbar.home{
	top: -100px;
}
.emfiv_tm_topbar.home.opened{top: 0px;}
.emfiv_tm_topbar.extra{top: 0px !important;}
.emfiv_tm_topbar.animate{
	padding: 15px 0px;
	background-color: #fff;
	box-shadow: 0px 0px 10px rgba(0,0,0,.06);
}
.emfiv_tm_topbar .topbar_inner{
	width: 100%;
	height: auto;
	clear: both;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.emfiv_tm_topbar .topbar_inner .logo img{
	max-width: 70px;
}
.emfiv_tm_topbar .wrapper{
	width: 30px;
	height: 17px;
	top: 5px;
	position: relative;
}
.emfiv_tm_topbar .menu{
	display: flex;
	align-content: center;
}
.emfiv_tm_topbar .menu .links ul{
	margin: 0px;
	list-style-type: none;
	position: relative;
	top: 5px;
}
.emfiv_tm_topbar .menu .links ul li{
	margin: 0px 30px 0px 0px;
	display: inline-block;
}
.emfiv_tm_topbar .menu .links ul li:last-child{
	margin-right: 0px;
}
.emfiv_tm_topbar .menu .links ul li a{
	text-decoration: none;
	color: #000;
	font-family: "Poppins";
	font-weight: 600;
	position: relative;
	overflow: hidden;
	display: inline-block;
}
.emfiv_tm_topbar .menu .links ul li a .first{
	position: absolute;
	transform: translateY(100%);
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.emfiv_tm_topbar .menu .links ul li a .second{
	position: relative;
	display: 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;
}
.emfiv_tm_topbar .menu .links ul li a:hover .first{
	transform: translateY(0);
}
.emfiv_tm_topbar .menu .links ul li a:hover .second{
	transform: translateY(-100%);
}
.emfiv_tm_topbar .menu .links ul li.current a .first{
	transform: translateY(0);
}
.emfiv_tm_topbar .menu .links ul li.current a .second{
	transform: translateY(-100%);
}
.emfiv_tm_topbar .menu .links ul li.current a{
	color: #000;
}
.emfiv_tm_topbar .menu .links ul li a:hover{color: var(--main-color);}
.emfiv_tm_topbar .menu .links ul li.current a{color: var(--main-color);}

/*---------------------------------------------------*/
/*	03) emfiv MOBILE MENU */
/*---------------------------------------------------*/

.emfiv_tm_mobile_menu{
	width: 100%;
	height: auto;
	position: fixed;
	top: 0px;
	left: 0px;
	display: none;
	z-index: 10;
}
.emfiv_tm_mobile_menu .topbar_inner{
	width: 100%;
	height: auto;
	float: left;
	clear: both;
/*	background-color: #fff; */
	 background-color: rgba(230, 255, 255, 1); /* the light blu - this is menu not the above-menu nav */
	padding: 20px 0px;
	border-bottom: 1px solid rgba(0,0,0,.2);
}
.emfiv_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-box{display: block;}
.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;
}
.emfiv_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;
}
.emfiv_tm_mobile_menu .dropdown .dropdown_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding: 25px 0px;
}
.emfiv_tm_mobile_menu .dropdown .dropdown_inner ul{
	margin: 0px;
	list-style-type: none;
}
.emfiv_tm_mobile_menu .dropdown .dropdown_inner ul li{
	margin: 0px;
	float: left;
	width: 100%;
}
.emfiv_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;
}
.emfiv_tm_mobile_menu .logo img{max-width: 70px;}

/*---------------------------------------------------*/
/*	04) emfiv HERO
/*---------------------------------------------------*/

.emfiv_tm_hero{
	width: 100%;
	height: 100vh;
	clear: both;
	float: left;
	position: relative;
}
.emfiv_tm_hero .background{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
.emfiv_tm_hero .background .leftpart{
	width: 33%;
	height: 100%;
	background-color: #fff;
	position: absolute;
	top: 0px;
	left: 0px;
}
.emfiv_tm_hero .background .rightpart{
	width: 100%;
	height: 100%;
	float: left;
	padding-left: 33%;
}
.emfiv_tm_hero .background .rightpart .inner{
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.emfiv_tm_hero .background .rightpart .image{
	position: absolute;;
	top: -20px;
	bottom: -20px;
	left: -20px;
	right: -20px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.emfiv_tm_hero .background .myOverlay{
	position:absolute;
	top: 0px;
	bottom:0px;
	width: 100%;
	background-color: #fff;
	z-index: 2;
	left: 0%;
	
	-webkit-transition: all .7s ease;
	   -moz-transition: all .7s ease;
	    -ms-transition: all .7s ease;
	     -o-transition: all .7s ease;
	        transition: all .7s ease;
}
.emfiv_tm_hero .background .overlay_image{
	position:absolute;
	top: 0px;
	bottom:0px;
	width: 100%;
/*	background-color: rgba(255,255,255,.3);*/
	z-index: 1;
}
.emfiv_tm_hero .background .myOverlay.dark{background-color: #000;}
.emfiv_tm_hero .background .myOverlay.loaded{left: 100%;}
.emfiv_tm_hero .content .container{height: 100%;}
.emfiv_tm_hero .content{
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 4;
}
.emfiv_tm_hero .content_inner{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.emfiv_tm_hero .content_inner h3{
	color: var(--main-color);
	font-size: 120px;
	font-weight: 900;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	line-height: 1.1;
}
.emfiv_tm_hero .content_inner h3.stroke{
	-webkit-text-stroke: 1px var(--main-color);
	color: transparent;
}


.emfiv_tm_hero .content_inner span{
	font-family: "Poppins";
	font-weight: 400;
	display: inline-block;
	padding-top: 20px;
	font-style: italic;
}
.emfiv_tm_down{
	position: absolute;
	z-index: 7;
	bottom: 50px;
}
.emfiv_tm_down[data-position="left"]{
	left: 0px;
}
.emfiv_tm_down[data-position="right"]{
	right: 0px;
}
.emfiv_tm_down[data-position="center"]{
	left:50%;
	transform: translateX(-50%);
}
.emfiv_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;
}
.emfiv_tm_down .line_wrapper{
    width: 1px;
    height: 50px;
    background: none;
	display: block;
}
.emfiv_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;
  }
}
.emfiv_tm_down[data-skin="light"] .line_wrapper:before{
	background-color: #fff;
}



/*---------------------------------------------------*/
/*	04.5) emfiv RESOURCES - CRE Added on 2/26/26
/*---------------------------------------------------*/

.emfiv_tm_resources{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 193px;
	padding-top: 230px;
	padding-top:100px; margin-bottom:0px; padding-bottom:50px;
}
.emfiv_tm_resources .about_inner{
	width: 100%;
	height: auto;
	clear: both;
	display: flex;
	 align-items: center;
	/*align-items: flex-start; */
}
.emfiv_tm_resources .about_inner .left{
	width: 40%;emfiv_tm_about
}
.emfiv_tm_resources .about_inner .left img{
	min-width: 10%;
}
.emfiv_tm_resources .about_inner .right{
	width: 60%;
	padding-left: 80px;
}
.emfiv_tm_resources .name{
	width: 100%;
	float: left;
	border-bottom: 1px solid rgba(0,0,0,.1);
	padding-bottom: 35px;
	margin-bottom: 32px;
}
.emfiv_tm_resources .name h3{
	text-transform: uppercase;
	font-weight: 900;
	font-size: 35px;
	position: relative;
	/*color: var(--main-color);*/
		color: purple;
}
.emfiv_tm_resources .name h3 .bg{
	position:absolute;
	left: 0px;
	top: 0px;
	font-family: "Poppins";
	/*color: transparent;
	color: purple;*/
	font-size: 150px;
	font-weight: 900;
	opacity: .1;
	line-height: 0;
	-webkit-text-stroke: 1px #000;
	-webkit-user-select: none;
}
.emfiv_tm_resources .name span{
	font-family: "Poppins";
    font-weight: 400;
    display: inline-block;
    padding-top: 10px;
}
.emfiv_tm_resources span.job{
	font-style: italic;
}
.emfiv_tm_resources .right .text{
	width: 100%;
	float: left;
	margin-bottom: 23px;
}
.emfiv_tm_resources .right .text p{
	margin-bottom: 13px;
}

/*---------------------------------------------------*/
/*	05) emfiv ABOUT - CRE Added .regtext Week of 2/26/26 */
/*---------------------------------------------------*/

.emfiv_tm_resources .right .regtext p{
	margin-bottom: 0;
	line-height:1.0;
}



/*---------------------------------------------------*/
/*	05) emfiv ABOUT 
/*---------------------------------------------------*/

.emfiv_tm_about{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 193px;
	padding-top: 230px;
}
.emfiv_tm_about .about_inner{
	width: 100%;
	height: auto;
	clear: both;
	display: flex;
	 align-items: center;
	/*align-items: flex-start; */
}
.emfiv_tm_about .about_inner .left{
	width: 40%;
}
.emfiv_tm_about .about_inner .left img{
	min-width: 10%;
}
.emfiv_tm_about .about_inner .right{
	width: 60%;
	padding-left: 80px;
}


/* .emfiv_tm_about .container .about_inner .right .name h3{color:gold;} */


.emfiv_tm_about .name{
	width: 100%;
	float: left;
	border-bottom: 1px solid rgba(0,0,0,.1);
	padding-bottom: 35px;
	margin-bottom: 32px;
}
.emfiv_tm_about .name h3{
	text-transform: uppercase;
	font-weight: 900;
	font-size: 35px;
	position: relative;
	color: var(--main-color);
		/*color: purple;*/
}
.emfiv_tm_about .name h3 .bg{
	position:absolute;
	left: 0px;
	top: 0px;
	font-family: "Poppins";
	color: transparent;
/*	color: purple;*/
	font-size: 150px;
	font-weight: 900;
	opacity: .1;
	line-height: 0;
	-webkit-text-stroke: 1px #000;
	-webkit-user-select: none;
}
.emfiv_tm_about .name span{
	font-family: "Poppins";
    font-weight: 400;
    display: inline-block;
    padding-top: 10px;
}
.emfiv_tm_about span.job{
	font-style: italic;
}
.emfiv_tm_about .right .text{
	width: 100%;
	float: left;
	margin-bottom: 23px;
}
.emfiv_tm_about .right .text p{
	margin-bottom: 13px;
}

.emfiv_tm_about .right .regtext p{
	margin-bottom: 0;
	line-height:1.0;
}

.emfiv_tm_button{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.emfiv_tm_button a{
	text-decoration: none;
	color: #fff;
	background-color: var(--main-color);
	padding: 13px 50px;
	display: inline-block;
	border: 2px solid var(--main-color);
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.emfiv_tm_button a:hover{
	background-color: transparent;
	color: var(--main-color);
}
.emfiv_tm_button[data-position="left"]{text-align: left;}
.emfiv_tm_button[data-position="center"]{text-align: center;}
.emfiv_tm_button[data-position="right"]{text-align: right;}

/*---------------------------------------------------*/
/*	06) emfiv SERVICES
/*---------------------------------------------------*/

.emfiv_tm_service{
	margin-bottom: 140px;
}
.emfiv_tm_service,
.emfiv_tm_service .service_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.emfiv_tm_service ul{
	margin: 0px;
	list-style-type: none;
	cursor: e-resize;
}
.emfiv_tm_service ul li{
	margin: 0px;
}
.emfiv_tm_service ul li .list_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
}
.emfiv_tm_service ul li .svg{
	position: absolute;
	left: 0px;
	top: 5px;
	width: 50px;
	height: 50px;
	color: var(--main-color);
	
	-webkit-transition: all .4s ease;
	   -moz-transition: all .4s ease;
	    -ms-transition: all .4s ease;
	     -o-transition: all .4s ease;
	        transition: all .4s ease;
}
.emfiv_tm_service ul li .details{
	padding-left: 75px;
}
.emfiv_tm_service ul li .details h3{
	margin: 0px;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 16px;
}

/*---------------------------------------------------*/
/*	07) emfiv PORTFOLIO
/*---------------------------------------------------*/

.emfiv_tm_portoflio{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 200px;
	padding: 205px 0px 100px 0px;
	background-color: #f8f9fa;
}
.emfiv_tm_portoflio .portfolio_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 105px;
}
.emfiv_tm_main_title{
	width: 100%;
	height: auto;
	clear: both;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.emfiv_tm_main_title .title h3{
	text-transform: uppercase;
    font-weight: 900;
    font-size: 35px;
	position: relative;
}
.emfiv_tm_main_title .title h3 .bg{
	position:absolute;
	left: -6px;
	top: 0px;
	font-family: "Poppins";
	color: transparent;
	font-size: 150px;
	font-weight: 900;
	opacity: .1;
	line-height: 0;
	-webkit-text-stroke: 1px #000;
	-webkit-user-select: none;
}
.emfiv_tm_portoflio .portfolio_filter{
	width: auto;
	position: relative;
	display: flex;
	align-items: center;
}
.emfiv_tm_portoflio .portfolio_filter ul{
	margin: 0px;
	list-style-type: none;
	padding-right: 50px;
	position: relative;
	top: 3px;
}
.emfiv_tm_portoflio .portfolio_filter ul li{
	margin: 0px 30px 0px 0px;
	display: inline-block;
	opacity: 0;
	visibility: hidden;
	left: 10px;
	position: relative;
	
	-webkit-transition: all .2s ease;
	   -moz-transition: all .2s ease;
	    -ms-transition: all .2s ease;
	     -o-transition: all .2s ease;
	        transition: all .2s ease;
}
.emfiv_tm_portoflio .portfolio_filter ul li.opened{
	opacity: 1;
	visibility: visible;
	left: 0px;
}
.emfiv_tm_portoflio .portfolio_filter ul li:last-child{
	margin-right: 0px;
}
.emfiv_tm_portoflio .portfolio_filter ul li a{
	text-decoration: none;
	color: #000;
	font-family: "Poppins";
	font-weight: 600;
	position: relative;
	overflow: hidden;
	display: inline-block;
}
.emfiv_tm_portoflio .portfolio_filter ul li a.current{
	color: var(--main-color);
}
.emfiv_tm_portoflio .portfolio_filter ul li a .first{
	position: absolute;
	transform: translateY(100%);
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.emfiv_tm_portoflio .portfolio_filter ul li a .second{
	position: relative;
	display: 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;
}
.emfiv_tm_portoflio .portfolio_filter ul li a:hover .first{
	transform: translateY(0);
}
.emfiv_tm_portoflio .portfolio_filter ul li a:hover .second{
	transform: translateY(-100%);
}
.emfiv_tm_portoflio .portfolio_filter .wrapper{
	width: 30px;
	height: 17px;
	position: relative;
}
.emfiv_tm_portoflio .portfolio_filter .wrapper a{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 1;
}
.emfiv_tm_portoflio .portfolio_filter .wrapper .trigger{
	position: absolute;
	width: 30px;
	height: 3px;
	background-color: #000;
	top: 50%;
	transform: translateY(-50%);
}
.emfiv_tm_portoflio .portfolio_filter .wrapper .trigger:before{
	position: absolute;
	content: "";
	width: 15px;
	height: 3px;
	background-color: #000;
	left: 0px;
	top: -7px;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.emfiv_tm_portoflio .portfolio_filter .wrapper .trigger:after{
	position: absolute;
	content: "";
	width: 15px;
	height: 3px;
	background-color: #000;
	right: 0px;
	bottom: -7px;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.emfiv_tm_portoflio .portfolio_filter .wrapper a:hover .trigger:before{
	left: 14px;
}
.emfiv_tm_portoflio .portfolio_filter .wrapper a:hover .trigger:after{
	right: 14px;
}
.emfiv_tm_portoflio .portfolio_filter .wrapper a.opened .trigger:before{
	left: 14px;
}
.emfiv_tm_portoflio .portfolio_filter .wrapper a.opened .trigger:after{
	right: 14px;
}
.emfiv_tm_portoflio .portfolio_inner ul{
	margin: 0px 0px 0px -50px;
	list-style-type: none;
}
.emfiv_tm_portoflio .portfolio_inner ul li{
	margin: 0px 0px 40px 0px;
	float: left;
	width: 33.3333%;
	padding-left: 50px;
}
.emfiv_tm_portoflio .portfolio_inner ul li .list_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	overflow: hidden;
}
.emfiv_tm_portoflio .overlay{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 2;
	background-color: rgba(255,255,255,.7);
	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;
}
.emfiv_tm_portoflio .overlay .myimage{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	max-width: 150px !important;
	min-width: 150px !important;
	z-index: 1;
}
.emfiv_tm_portoflio .portfolio_inner ul li .list_inner .image:hover .overlay{
	opacity: 1;
	visibility:visible; 
}
.emfiv_tm_portoflio .portfolio_inner ul li .list_inner .title h3 a:hover{color: var(--main-color);}
.full_link{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 4;
}
.emfiv_tm_portoflio .portfolio_inner ul li .list_inner .image{
	position: relative;
	margin-bottom: 20px;
	overflow: hidden;
}
.emfiv_tm_portoflio .portfolio_inner ul li .list_inner .image img{
	min-width: 100%;
	opacity: 0;
}
.emfiv_tm_portoflio .portfolio_inner ul li .list_inner .image .main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.emfiv_tm_portoflio .portfolio_inner ul li .list_inner .image:hover .main{
	transform: scale(1.1) translateZ(0);
}
.emfiv_tm_portoflio .portfolio_inner ul li .title h3 a{
	margin: 0px;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
	color: #000;
	text-decoration: none;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.emfiv_tm_portoflio .portfolio_inner ul li .title span a{
	text-decoration: none;
	color: #767676;
	position: relative;
	display: inline-block;
}

/*---------------------------------------------------*/
/*	08) emfiv TESTIMONIALS
/*---------------------------------------------------*/

.emfiv_tm_testimonials{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 100px;
}
.emfiv_tm_testimonials .testimonials_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	overflow: hidden;
	padding-top: 105px;
	padding-left: 2px;
	padding-right: 2px;
}
.emfiv_tm_testimonials .owl-carousel .owl-stage{display: flex;}

.emfiv_tm_testimonials .item{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	height: 100%;
	position: relative;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}
.emfiv_tm_testimonials .text{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	border: 2px solid rgba(0,0,0,.07);
	padding: 40px;
	margin-bottom: 30px;
}
.emfiv_tm_testimonials .text:before{
	position: absolute;
	content: "";
	height: 0px;
    width: 0px;
	top: 100%;
    left: 50px;
    border: solid transparent;
    border-top-color: rgba(0,0,0,.07);
    border-width: 18px 18px 0px 0px;
}
.emfiv_tm_testimonials .text:after{
	position: absolute;
	content: "";
	top: 100%;
    left: 50px;
	height: 0px;
    width: 0px;
    border: solid transparent;
    border-top-color: #fff;
    border-width: 14px 13px 0px 0px;
    margin-left: 2px;
}
.emfiv_tm_testimonials .details{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	display: flex;
	align-items: center;
	padding-left: 20px;
	margin-top: auto;
}
.emfiv_tm_testimonials .details .image{
	position: relative;
	width: 60px;
	height: 60px;
}
.emfiv_tm_testimonials .details .image .main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border-radius: 100%;
}
.emfiv_tm_testimonials .details .short{
	padding-left: 20px;
}
.emfiv_tm_testimonials .details .author{
	font-size: 16px;
    margin-bottom: 2px;
    font-weight: 600;
}
.emfiv_tm_testimonials .details .job{
	margin: 0px;
	padding: 0px;
	font-style: italic;
}
.emfiv_tm_testimonials .owl-carousel .owl-stage-outer{
	overflow: hidden;
}
.emfiv_tm_testimonials .owl-carousel .owl-stage-outer{
	overflow: visible;
}
.emfiv_tm_testimonials .owl-item.active{
	opacity: 1;
}
.emfiv_tm_testimonials .owl-item{
	opacity: 0;
}
.emfiv_tm_testimonials .quote_list ul li .svg{color: var(--main-color);}

/*---------------------------------------------------*/
/*	09) emfiv NEWS
/*---------------------------------------------------*/

.emfiv_tm_news{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding: 205px 0px 100px 0px;
	background-color: #f8f9fa;
}
.emfiv_tm_news .news_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 105px;
}
.emfiv_tm_news .news_inner ul{
	margin: 0px 0px 0px -50px;
	list-style-type: none;
}
.emfiv_tm_news .news_inner ul li{
	margin: 0px 0px 50px 0px;
	float: left;
	width: 33.3333%;
	padding-left: 50px;
}
.emfiv_tm_news .news_inner ul li .list_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	box-shadow: 0px 0px 20px rgba(0,0,0,.07);
}

.emfiv_tm_news ul li .image{
	position: relative;
	overflow: hidden;
}
.emfiv_tm_news ul li .image img{
	min-width: 100%;
	opacity: 0;
}
.emfiv_tm_news ul li .image .main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center; 
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.emfiv_tm_news ul li .list_inner .image:hover .main{
	transform: scale(1.1) translateZ(0);
}
.emfiv_tm_news ul li .details{
	width: 100%;
	float: left;
	padding: 30px 40px 25px 40px;
	background-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;
}
.emfiv_tm_news ul li .details .title{
	margin-bottom: 10px;
	line-height: 1.4;
}
.emfiv_tm_news ul li .details .title a{
	text-decoration: none;
	color: #000;
	font-size: 18px;
	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;
}
.emfiv_tm_news ul li .details .title a:hover{
	color: #000;
}
.emfiv_tm_news ul li .details .date{
	font-family: "Poppins";
	font-size: 13px;
	color: #767676;
	font-style: italic;
}
.emfiv_tm_news 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;
}
.emfiv_tm_news ul li .details .date a:hover{
	color: #000;
}
.emfiv_tm_news ul li .details .date span{
	position: relative;	
}
.emfiv_tm_news ul li .details .date span:before{
	position: relative;
	content: "/";
	font-size: 10px;
	padding: 0px 7px 0px 2px;
}
.emfiv_tm_news ul li .extra{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 25px;
	position: relative;
}
.emfiv_tm_news ul li .extra:before{
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background-color: rgba(0,0,0,.1);
	bottom: -7px;
}
.emfiv_tm_news .news_inner ul li .details .title a:hover{color: var(--main-color);}

/*---------------------------------------------------*/
/*	10) emfiv CONTACT
/*---------------------------------------------------*/

.emfiv_tm_contact{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	margin-bottom: 150px;
	padding-top: 205px;
}
.emfiv_tm_contact .contact_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left; 
}
.emfiv_tm_contact .contact_inner .wrapper{
	width: 100%;
	height: auto;
	clear: both;
	display: flex;
	padding-top: 43px;
}
.emfiv_tm_contact .desc{
	max-width: 50%;
	float: left;
	padding-top: 95px;
}
.emfiv_tm_contact .desc p{
	font-style: italic;
}
.emfiv_tm_contact .contact_inner .left{
	width: 50%;
	padding-right: 25px;
}
.emfiv_tm_contact .fields{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.emfiv_tm_contact .fields .first{
	width: 100%;
	float: left;
}
.emfiv_tm_contact .fields ul{
	margin: 0px;
	list-style-type: none;
}
.emfiv_tm_contact .fields ul li{
	width: 100%;
	margin: 0px 0px 30px 0px;
	float: left;
}
.emfiv_tm_contact .fields ul li input{
	width: 100%;
	border: 1px solid rgba(0,0,0,.1);
	background-color: transparent;
}
.emfiv_tm_contact .fields ul li input:focus{
	outline: none;
	border: 1px solid rgba(0,0,0,.3);
}
.emfiv_tm_contact .fields .last textarea{
	width: 100%;
	border: 1px solid rgba(0,0,0,.1);
	height: 120px;
	resize: none;
	margin-bottom: 20px;
	background-color: transparent;
}
.emfiv_tm_contact .fields .last textarea:focus{
	outline: none;
	border: 1px solid rgba(0,0,0,.3);
} 
.emfiv_tm_contact .empty_notice{
	color: #F52225;
	margin-bottom: 7px;
	display: none;
	text-align: left;
	font-weight: 500;
}
.emfiv_tm_contact .contact_error{
	color: #F52225;
	text-align: left;
	font-weight: 500;
}
.emfiv_tm_contact .returnmessage{
	color:#3A00FF;
	margin-bottom: 7px;
	text-align: left;
	font-weight: 500;
}
.emfiv_tm_contact .emfiv_tm_button a{
	display: block;
}
.emfiv_tm_contact .right{
	width: 50%;
	padding-left: 25px;
	position: relative;
	top:6px;
}
.emfiv_tm_map{
	width: 100%;
	float: left;
}
.emfiv_tm_map .mapouter{
	width:100% !important;
}

/*---------------------------------------------------*/
/*	11) emfiv COPYRIGHT
/*---------------------------------------------------*/

.emfiv_tm_copyright{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	background-color: #000;
	padding: 90px 0px 60px 0px;
}
.emfiv_tm_copyright .copyright_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	
}
.emfiv_tm_copyright .copyright_inner > ul{
	margin: 0px 0px 0px -30px;
	list-style-type: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.emfiv_tm_copyright .copyright_inner > ul > li {
	margin: 0px 0px 30px 0px;
	width: 25%;
	float: left; 
	padding-left: 30px;
}


.emfiv_tm_copyright .copyright_inner > ul > li span{
	display: block;
	color: #fff;
	font-family: "Poppins";
	font-weight: 500;
}
.emfiv_tm_copyright .copyright_inner > ul > li span a{
	text-decoration: none;
	color: #fff;
}
.emfiv_tm_copyright .copyright_inner .social ul{
	margin: 0px;
	list-style-type: none;
	position: relative;
	top: 4px;
}
.emfiv_tm_copyright .copyright_inner .social ul li{
	margin: 0px 20px 0px 0px;
	display: inline-block;
}
.emfiv_tm_copyright .copyright_inner .social ul li:last-child{margin-right: 0px;}
.emfiv_tm_copyright .copyright_inner .social ul li a{
	text-decoration: none;
	color: #fff;
	position: relative;
	overflow: hidden;
	display: inline-block;
}
.emfiv_tm_copyright .copyright_inner .social ul li a .first{
	position: absolute;
	transform: translateY(100%);
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.emfiv_tm_copyright .copyright_inner .social ul li a .second{
	position: relative;
	display: 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;
}
.emfiv_tm_copyright .copyright_inner .social ul li a:hover .first{
	transform: translateY(0);
}
.emfiv_tm_copyright .copyright_inner .social ul li a:hover .second{
	transform: translateY(-100%);
}
.emfiv_tm_copyright .copyright_inner .social .svg{
	color: #fff;
	width: 17px;
	height: 17px;
}

/*---------------------------------------------------*/
/*	12) emfiv 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: 10000001;
  background-color: var(--main-color);
  -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: var(--main-color);
  opacity: .3;
}
.cursor-outer {
  margin-left: -15px;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  border: 2px solid var(--main-color);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10000000;
  opacity: .5;
  -webkit-transition: all .08s ease-out;
  transition: all .08s ease-out;
}
.cursor-outer.cursor-hover{
  opacity: 0;
}
.emfiv_tm_all_wrap[data-magic-cursor="hide"] .mouse-cursor{
	display: none;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	z-index: -1111;
}

/*---------------------------------------------------*/
/*  13) emfiv GLITCH EFFECT
/*---------------------------------------------------*/

.emfiv_tm_hero .glitch_wrap{
	position: relative;
	width: 100%;
	height:100%;
	float: left;
	overflow: hidden;
}
.glitch{
	position: absolute;
 	width: 100%;
 	height: 100%;
	top: 0;
 	left: 0;
	background-image: url("..//img/slider/1.jpg");
	background-size: cover;
	-webkit-background-size: cover;
	background-position: center;
	z-index: -1 !important;
	opacity: 1;
	transform: scale(1);
}
.glitch:before{
	content: "";
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

/*---------------------------------------------------*/
/*  14) emfiv PARTICLE EFFECT
/*---------------------------------------------------*/

.emfiv_tm_hero .particle_wrapper{
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
}
#particles-js {
	width: 100%;
	height: 100%;
  	position: absolute;
  	z-index: 2;
}

/*---------------------------------------------------*/
/*  15) emfiv SLIDER
/*---------------------------------------------------*/

.fn_cs_personal_slider{
	width: 100%;
	height: 100%;
	clear: both;
	float: left;
}
.fn_cs_personal_slider .main_image{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
    height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.fn_cs_personal_slider .swiper-container{
	cursor: none;
	overflow: hidden;
	height: 100%;
}
.fn_cs_personal_slider .swiper-slide{
	overflow: hidden;
}

/*---------------------------------------------------*/
/*	16) emfiv MODALBOXES
/*---------------------------------------------------*/

.emfiv_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;
}
.emfiv_tm_modalbox.opened{
	opacity: 1;
	visibility: visible;
}
.emfiv_tm_modalbox .box_inner{
	position: absolute;
	top: 70px;
	bottom: 70px;
	width: 968px;
	left: 50%;
	transform: translateX(-53%);
	background-color: #fff;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	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;
}
.emfiv_tm_modalbox.opened .box_inner{
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%);
}
.emfiv_tm_modalbox .close{
	position: fixed;
	left: 100%;
	top: 0px;
	margin-left: 30px;
	z-index: 10;
}
.emfiv_tm_modalbox .close a{
	display: block;
	width: 40px;
	height: 40px;
	text-decoration: none;
	color: #fff;
	border:2px solid #fff;
	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;
}
.emfiv_tm_modalbox .close a:hover{
	border-radius: 100%;
}
.emfiv_tm_modalbox .close a i{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.emfiv_tm_modalbox .description_wrap{
	position: relative;
	width: 100%;
	height: 100%;
	float: left;
	overflow: hidden;
	padding: 50px;
	overflow-y: scroll;
}
.emfiv_tm_modalbox .description_wrap:before{
	position: fixed;
	content: "";
	top: 0px;
	left: 0px;
	right: 0px;
	height: 50px;
	background-color: #fff;
	z-index: 5;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.emfiv_tm_modalbox .description_wrap:after{
	position: fixed;
	content: "";
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 50px;
	background-color: #fff;
	z-index: 5;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.emfiv_tm_modalbox .description_wrap::-webkit-scrollbar{
  width: 11px;
}
.emfiv_tm_modalbox .description_wrap{
  scrollbar-width: thin;
  scrollbar-color: #bbb #fff;
}
.emfiv_tm_modalbox .description_wrap:-webkit-scrollbar-track{
  background: #fff;
}
.emfiv_tm_modalbox .description_wrap::-webkit-scrollbar-thumb{
  background-color: #bbb;
  border-radius: 10px;
  border: 3px solid #fff;
}

/*Portfolio*/

.hidden_content_portfolio{
	display: none;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	z-index: -11;
}
.emfiv_tm_modalbox .hidden_content_portfolio{
	display: none;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	z-index: -11;
}
.emfiv_tm_modalbox .popup_details{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.emfiv_tm_modalbox .popup_details .top_image{
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
}
.emfiv_tm_modalbox .popup_details .top_image img{
	position: relative;
	min-width: 100%;
	opacity: 0;
}
.emfiv_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;
}
.emfiv_tm_modalbox .portfolio_main_title{
	width: 100%;
	float: left;
	margin-bottom: 20px;
}
.emfiv_tm_modalbox .portfolio_main_title .category a{
	display: inline-block;
	color: var(--main-color);
	margin-bottom: 7px;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.emfiv_tm_modalbox .portfolio_main_title .category a:hover{
	color: var(--yellow-color);
}
.emfiv_tm_modalbox .portfolio_main_title h3{
	font-size: 25px;
}
.emfiv_tm_modalbox .main_details{
	width: 100%;
	height: auto;
	clear: both;
	display: flex;
	margin-bottom: 60px;
}
.emfiv_tm_modalbox .main_details .textbox{
	width: 70%;
	padding-right: 40px;
}
.emfiv_tm_modalbox .main_details .textbox p{
	margin-bottom: 10px;
	opacity: .8;
}
.emfiv_tm_modalbox .main_details .textbox p:last-child{
	margin-bottom: 0px;
}
.emfiv_tm_modalbox .main_details .detailbox{
	width: 30%;
	padding-left: 40px;
}
.emfiv_tm_modalbox .main_details .detailbox > ul{
	margin: 0px;
	list-style-type: none;
}
.emfiv_tm_modalbox .main_details .detailbox > ul > li{
	margin: 0px 0px 10px 0px;
	width: 100%;
	float: left;
}
.emfiv_tm_modalbox .main_details .detailbox > ul > li:last-child{
	margin-bottom: 0px;
}
.emfiv_tm_modalbox .main_details .detailbox > ul > li span:last-child{
	opacity: .8;
}
.emfiv_tm_modalbox .main_details .detailbox .first{
    font-weight: 700;
	display: block;
}
.emfiv_tm_modalbox .main_details .detailbox span a{
	text-decoration: none;
	color: var(--main-color);
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.emfiv_tm_modalbox .main_details .detailbox span a:hover{
	color: var(--yellow-color);
}
.emfiv_tm_modalbox .main_details .detailbox .share{
	margin: 0px;
	list-style-type: none;
	position: relative;
	top: 7px;
}
.emfiv_tm_modalbox .main_details .detailbox .share li{
	margin: 0px 13px 0px 0px;
	display: inline-block;
}
.emfiv_tm_modalbox .main_details .detailbox .share li:last-child{
	margin-right: 0px;
}
.emfiv_tm_modalbox .main_details .detailbox .share li a{
	text-decoration: none;
	color: var(--main-color);
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.emfiv_tm_modalbox .main_details .detailbox .share li a:hover{
	color: var(--yellow-color);
}
.emfiv_tm_modalbox .additional_images{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.emfiv_tm_modalbox .additional_images ul{
	margin: 0px 0px 0px -30px;
	list-style-type: none;
}
.emfiv_tm_modalbox .additional_images ul li{
	margin: 0px 0px 30px 0px;
	float: left;
	width: 50%;
	padding-left: 30px;
}
.emfiv_tm_modalbox .additional_images ul li:nth-child(3n-2){
	width: 100%;
}
.emfiv_tm_modalbox .additional_images ul li .list_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
}
.emfiv_tm_modalbox .additional_images ul li .my_image{
	position: relative;
}
.emfiv_tm_modalbox .additional_images ul li .my_image img{
	opacity: 0;
	min-width: 100%;
}
.emfiv_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;
}

/*Blog*/

.emfiv_tm_news .news_hidden_details{
	display: none;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	z-index: -11;
}
.emfiv_tm_modalbox .news_popup_informations{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.emfiv_tm_modalbox .news_popup_informations .image{
	position: relative;
	margin-bottom: 30px;
}
.emfiv_tm_modalbox .news_popup_informations .image img{
	position: relative;
	opacity: 0;
	min-width: 100%;
}
.emfiv_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;
}
.emfiv_tm_modalbox .news_popup_informations .text{
	width: 100%;
	float: left;
}
.emfiv_tm_modalbox .news_popup_informations .text p{
	margin-bottom: 10px;
	opacity: .8;
}
.emfiv_tm_modalbox .news_popup_informations .text p:last-child{
	margin-bottom: 0px;
}
.emfiv_tm_modalbox .meta{
	width: 100%;
	float: left;
}
.emfiv_tm_modalbox .meta a{
	text-decoration: none;
	color: #000;
}
.emfiv_tm_modalbox .news_popup_informations .title{
	width: 100%;
	float: left;
	margin-bottom: 20px;
}
.emfiv_tm_modalbox .news_popup_informations .title h3{
	font-size: 25px;
}

/*---------------------------------------------------*/
/*	17) emfiv ABOUT PAGE
/*---------------------------------------------------*/

.emfiv_tm_about_page{
	width: 100%;
	float: left;
	margin-top: 250px;
}
.emfiv_tm_about_page .emfiv_tm_about{
	padding-top: 160px;
	margin-bottom: 153px;
}
.emfiv_tm_skills{
	width: 100%;
	float: left;
	background-color: #F8F9FA;
	padding: 205px 0px 130px 0px;
}
.progress_wrapper{
	width: 100%;
	float: left;
	display: flex;
	margin-top: 95px;
}
.progress_wrapper .line_progress{
	width: 50%;
	padding-right: 50px;
}
.progress_inner{
	width:100%;
	margin-bottom:25px;
}
.progress_inner:last-child{
	margin-bottom: 0px;
}
.progress_inner > span{
	margin:0px 0px 11px 0px;
	width:100%;
	display:block;
	text-align:left;
	color: #000;
}
.progress_inner span.number{
	float: right;
}
.progress_inner .background{
	background:rgba(0,0,0,.09);
	width:100%;
	min-width:100%;
	position:relative;
	height:8px;
}
.progress_inner .background .bar_in{
	height:100%;
	background: var(--main-color);
	width:0px;
	overflow:hidden;
}
.progress_inner .background .bar{
	width:0px;
	height:100%;
}
.progress_inner .background .bar.open{
	-webkit-animation: wow 2s cubic-bezier(0.165, 0.840, 0.440, 1.000);  /* Safari 4+ */
	-moz-animation:    wow 2s cubic-bezier(0.165, 0.840, 0.440, 1.000);  /* Fx 5+ */
	animation:         wow 2s 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%; }}

.circular_progress_bar{
	width: 50%;
	padding-left: 50px;
}
.circular_progress_bar ul{
	margin: 0px 0px 0px -10px;
	list-style-type: none;
}
.circular_progress_bar ul li{
	margin: 0px 0px 10px 0px;
	width: 33.3333%;
	float: left;
	padding-left: 10px;
}
.circular_progress_bar .myCircle{
	position: relative;
	float: left;
}
.circular_progress_bar .list_inner{
	width: 100%;
	position: relative;
	text-align: center;
}
.circular_progress_bar .title{
	width: 100%;
	max-width: 165px;
	float: left;
	color: var(--main-color);
}
.circular_progress_bar .title a{
	color: #000;
}
.circular_progress_bar .number{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: #000;
	margin-left: 4px;
}
.emfiv_tm_timeline{
	width: 100%;
	float: left;
	padding: 200px 0px 140px 0px;
}
.emfiv_tm_timeline .timeline_wrapper{
	width: 100%;
	float: left;
	display: flex;
	margin-top: 50px;
}
.emfiv_tm_timeline .study{
	width: 50%;
	padding-right: 50px;
}
.emfiv_tm_timeline .job{
	width: 50%;
	padding-left: 50px;
}
.emfiv_tm_timeline .item_list{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-top: 55px;
}
.emfiv_tm_timeline .item_list ul{
	margin: 0px;
	list-style-type: none;
	position: relative;
	display: inline-block;
	padding-top: 10px;
}
.emfiv_tm_timeline .item_list ul:before{
	content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.07);
}
.emfiv_tm_timeline .item_list ul li{
	margin: 0px;
	width: 100%;
	float: left;
	position: relative;
	padding-left: 20px;
	padding-bottom: 45px;
}
.emfiv_tm_timeline .item_list ul li:last-child{padding-bottom: 0px;}
.emfiv_tm_timeline .item_list ul li:before{
	content: "";
    position: absolute;
    height: 18px;
    width: 18px;
    background: #fff;
    border-radius: 100%;
    border: solid 1px #CCC;
    left: -9px;
    top: 8px;
}
.emfiv_tm_timeline .item_list ul li .list_inner{
	width: 100%;
	height: auto;
	clear: both;
	display: flex;
	position: relative;
}
.emfiv_tm_timeline .item_list ul li .time{
	width: 50%;
	padding-right: 20px;
}
.emfiv_tm_timeline .item_list ul li .time span{
	display: inline-block;
	padding: 5px 25px;
	background-color: var(--main-color);
	color: #fff;
	border-radius: 50px;
	font-size: 15px;
	white-space: nowrap;
}
.emfiv_tm_timeline .item_list ul li .place{
	width: 50%;
	padding-left: 20px;
}
.emfiv_tm_timeline .item_list ul li .place h3{
	font-size: 18px;
    margin-bottom: 2px;
    font-weight: 600;
}
.emfiv_tm_timeline .item_list ul li .place span{
	font-size: 15px;
	font-style: italic;
	color: #767676;
}
.emfiv_tm_presentation{
	width: 100%;
	float: left;
	position: relative;
	padding: 150px 20px;
	text-align: center;
}
.emfiv_tm_presentation .background{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.emfiv_tm_presentation .overlay{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: rgba(0,0,0,.6);
	z-index: 1;
}
.emfiv_tm_presentation .content{
	position: relative;
	z-index: 2;
}
.fn_cs_video .rounded{
	width: 100px;
	height: 100px;
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	transform: translateX(-50%);
	border-radius: 100%;
	z-index: 10;
	background-color: #fff;
}
.fn_cs_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%);
}
.fn_cs_video .rounded a:after{
	content: '';
    display: block;
    position: absolute;
    width: 100px;
    height: 100px;
	top: 50%;
	left: 50%;
	margin: -62px 0 0 -62px;
    background-color: inherit;
    z-index: -1;
    pointer-events: none;
    border: 12px solid rgba(255,255,255,.8);
	opacity: 0.8;
    border-radius: 100%;
	-webkit-animation: cs_fn_pulse 2s cubic-bezier(0.3,1,0.3,1) infinite;
    animation: cs_fn_pulse 2s cubic-bezier(0.3,1,0.3,1) infinite;
}
.fn_cs_video .rounded a{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: block;
	text-decoration: none;
	z-index: 1;
}
@-webkit-keyframes cs_fn_pulse{ from{ opacity:1;  transform:scale(1,1)}
 to{ opacity:0;  transform:scale(1.4,1.4)}
}
@keyframes cs_fn_pulse{ from{ opacity:1;  transform:scale(1,1)}
 to{ opacity:0;  transform:scale(1.4,1.4)}
}
.emfiv_tm_presentation .text{
	max-width: 500px;
	margin: 0px auto;
	padding: 33px 0px 40px 0px;
}
.emfiv_tm_presentation .text p{
	text-align: center;
    color: #FFFFFF;
    font-family: "Poppins", Sans-serif;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.4em;
}
.emfiv_tm_presentation .button a{
	text-decoration: none;
	display: inline-block;
	font-family: "Roboto";
    font-size: 15px;
    font-weight: 400;
    line-height: 2em;
    letter-spacing: 0.2px;
    fill: #FFFFFF;
    color: #FFFFFF;
    background-color: #14EC3200;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-radius: 0px 0px 0px 0px;
    padding: 13px 50px 13px 50px;
	margin: 0px auto;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.emfiv_tm_presentation .button a:hover{
	color: #000;
	background-color: #fff;
}
.emfiv_tm_counter{
	width: 100%;
	float: left;
	padding: 78px 0px 33px 0px;
}
.emfiv_tm_counter .counter_list{
	width: 100%;
	float: left;
}
.emfiv_tm_counter .counter_list ul{
	margin: 0px 0px 0px -40px;
	list-style-type: none;
}
.emfiv_tm_counter .counter_list ul li{
	margin: 0px 0px 40px 0px;
	width: 25%;
	float: left;
	padding-left: 40px;
	text-align: center;
}
.emfiv_tm_counter .counter_list .list_inner{
	position: relative;
	width: 100%;
	float: left;
}
.emfiv_tm_counter .counter_list .list_inner h3{
	font-size: 150px;
    font-weight: 700;
    color: var(--main-color);
	opacity: .05;
    margin: 0px;
    padding: 0px;
}
.emfiv_tm_counter .counter_list .list_inner .title{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 18px;
    font-family: "Poppins";
    color: #000;
	display: block;
	font-style: italic;
}
.emfiv_tm_member{
	width: 100%;
	float: left;
	background-color: #F8F9FA;
	padding: 200px 0px 100px 0px;
}
.emfiv_tm_member .member_inner{
	width: 100%;
	float: left;
}
.emfiv_tm_member .list{
	width: 100%;
	float: left;
	margin-top: 100px;
}
.emfiv_tm_member .list > ul{
	margin: 0px 0px 0px -50px;
	list-style-type: none;
}
.emfiv_tm_member .list > ul > li{
	margin: 0px 0px 50px 0px;
	width: 33.3333%;
	float: left;
	padding-left: 50px;
}
.emfiv_tm_member .list .list_inner{
	width: 100%;
	float: left;
	position: relative;
	overflow: hidden;
}
.emfiv_tm_member .list .image{
	position: relative;
	margin-bottom: 20px;
}
.emfiv_tm_member .list .image img{
	position: relative;
	opacity: 0;
	min-width: 100%;
}
.emfiv_tm_member .list .image .main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.emfiv_tm_member .list .details{
	width: 100%;
	float: left;
	position: relative;
}
.emfiv_tm_member .list .details h3{
    font-size: 18px;
    font-weight: 600;
}
.emfiv_tm_member .list .details span{
    font-style: italic;
}
.emfiv_tm_member .social{
    position: absolute;
	right: -30px;
	bottom: 0px;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.emfiv_tm_member .list .list_inner:hover .social{
	right: 15px;
}
.emfiv_tm_member .social ul{
   	margin: 0px;
	list-style-type: none;
}
.emfiv_tm_member .social ul li{
   	margin: 0px;
}
.emfiv_tm_member .social ul li a{
   	display: inline-block;
	position: relative;
	width: 24px;
	height: 24px;
	background-color: var(--main-color);
	border-radius: 3px;
	color: #fff;
}
.emfiv_tm_member .social ul li i{
   	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 13px;
}

/*---------------------------------------------------*/
/*	18) emfiv MEDIA QUERIES (FOR SMALL DEVICES)
/*---------------------------------------------------*/

@media (max-width: 1600px){
	.container{max-width: 1120px;}
	.emfiv_tm_hero .content_inner h3{font-size: 80px;}
	.emfiv_tm_news ul li .details .title a{font-size: 17px;}
	.emfiv_tm_news ul li .details{padding: 30px 30px 25px 30px;}
	.circular_progress_bar .title{max-width: 145px;}
	.progress_inner > span{margin-bottom: 5px;}
	.progress_inner{margin-bottom: 24px;}
	.emfiv_tm_modalbox .box_inner{width: 800px;}
	.emfiv_tm_modalbox .description_wrap{padding: 40px;}
	.emfiv_tm_modalbox .description_wrap:before{height: 40px;}
	.emfiv_tm_modalbox .description_wrap:after{height: 40px;}
	.emfiv_tm_modalbox .close{margin-left: 20px;}
}

@media (max-width: 1200px){
	.emfiv_tm_hero .background .leftpart{width: 0%;}
	.emfiv_tm_hero .background .rightpart{padding-left: 0px;}
}

@media (max-width: 1040px){
	.emfiv_tm_preloader{display: none;}
	.emfiv_tm_topbar{display: none;}
	.emfiv_tm_mobile_menu{display: block;}
	.emfiv_tm_hero .content_inner h3{font-size: 60px;}
	.emfiv_tm_main_title .title h3 .bg{display: none;}
	.emfiv_tm_about .name h3 .bg{display: none;}
	
	.emfiv_tm_about .about_inner{flex-direction: column;align-items: baseline;}  /*flex-start now replaces "center" in desktop view above at row 676 on 2.24.26 */

	.emfiv_tm_about .about_inner .left{width: 100%;margin-bottom: 50px;} /* */0
	.emfiv_tm_about .about_inner .left .image .myDot{display: none;}
	.emfiv_tm_about .about_inner .right{width: 100%;padding-left: 0px;}
	.emfiv_tm_about .name h3{font-size: 30px;}
	.emfiv_tm_main_title .title h3{font-size: 30px;}
	.emfiv_tm_main_title{display: block;}
	.emfiv_tm_portoflio .portfolio_filter{display: block;}
	.emfiv_tm_portoflio .portfolio_filter .wrapper{display: none;}
	.emfiv_tm_portoflio .portfolio_filter ul li{left: 0px;opacity: 1;visibility: visible;}
	.emfiv_tm_portoflio .portfolio_filter ul{padding-right: 0px;padding-top: 40px;}
	.emfiv_tm_portoflio .portfolio_inner{padding-top: 30px;}
	.emfiv_tm_portoflio .portfolio_inner ul li{width: 50%;}
	.emfiv_tm_news .news_inner ul li{width: 50%;}
	.emfiv_tm_contact .desc{max-width: 100%;}
	.emfiv_tm_contact .contact_inner .wrapper{flex-direction: column;align-items: baseline;}
	.emfiv_tm_contact .contact_inner .left{width: 100%;padding-right: 0px;margin-bottom: 40px;}
	.emfiv_tm_contact .right{width: 100%;padding-left: 0px;}
	.emfiv_tm_copyright .copyright_inner > ul > li{width: 100%;padding-left: 0px;}
	.emfiv_tm_copyright .copyright_inner > ul{display: block;margin: 0px;}
	.emfiv_tm_portoflio{padding-top: 140px;margin-bottom: 140px;}
	.emfiv_tm_news{padding-top: 140px;}
	.emfiv_tm_contact{padding-top: 140px;}
	.progress_wrapper{flex-direction: column;}
	.progress_wrapper .line_progress{width: 100%;padding-right: 0px;margin-bottom: 60px;}
	.circular_progress_bar{width: 100%;padding-left: 0px;}
	.emfiv_tm_timeline .timeline_wrapper{flex-direction: column;}
	.emfiv_tm_timeline .study{width: 100%;padding-right: 0px;}
	.emfiv_tm_timeline .job{width: 100%;padding-left: 0px;}
	.emfiv_tm_counter .counter_list ul li{width: 33.3333%;}
	.emfiv_tm_member .list > ul > li{width: 50%;}
	.emfiv_tm_about_page{margin-top: 216px;}
	.emfiv_tm_skills{padding-top: 140px;}
	.emfiv_tm_member{padding-top: 140px;}
	.emfiv_tm_timeline{padding-top: 135px;}
	.emfiv_tm_about_page .emfiv_tm_about{padding-top: 130px;}
	.emfiv_tm_modalbox .box_inner{width: 600px;top: 50px;bottom: 50px;}
	.emfiv_tm_modalbox .description_wrap{padding: 30px;}
	.emfiv_tm_modalbox .description_wrap:before{height: 30px;}
	.emfiv_tm_modalbox .description_wrap:after{height: 30px;}
	.emfiv_tm_modalbox .close a{width: 30px;height: 30px;}
	.emfiv_tm_modalbox .close{margin-left: 15px;}
	.emfiv_tm_modalbox .main_details{flex-direction: column;}
	.emfiv_tm_modalbox .main_details .textbox{width: 100%;padding-right: 0px;margin-bottom: 30px;}
	.emfiv_tm_modalbox .main_details .detailbox{width: 100%;padding-left: 0px;}	
	.mouse-cursor{display: none;}
}

@media(max-width: 768px){
	.emfiv_tm_hero .content_inner h3{font-size: 50px;}
	.emfiv_tm_service ul li .svg{position: relative;margin-bottom: 20px;}
	.emfiv_tm_service ul li .details{padding-left: 0px;}
	.emfiv_tm_portoflio .portfolio_inner ul{margin: 0px;}
	.emfiv_tm_portoflio .portfolio_inner ul li{width: 100%;padding-left: 0px;}
	.emfiv_tm_news .news_inner ul{margin-left: 0px;}
	.emfiv_tm_news .news_inner ul li{width: 100%;padding-left: 0px;}
	.emfiv_tm_counter .counter_list ul li{width: 50%;}
	.emfiv_tm_counter .counter_list .list_inner h3{font-size: 90px;}
	.emfiv_tm_counter .counter_list .list_inner .title{font-size: 15px;}
	.emfiv_tm_counter .counter_list ul li{margin-bottom: 10px;}
	.emfiv_tm_counter{padding-bottom: 100px;}
	.emfiv_tm_member .list > ul{margin: 0px;}
	.emfiv_tm_member .list > ul > li{width: 100%;padding-left: 0px;}
	.emfiv_tm_timeline .item_list ul li .time span{font-size: 14px;padding: 2px 18px;}
	.emfiv_tm_timeline .item_list ul li .place{padding-left: 0px;}
	.emfiv_tm_timeline .item_list ul li .place h3{font-size: 16px;}
	.circular_progress_bar .myCircle{float: none !important;}
	.circular_progress_bar .title{max-width: 100%;}
	.emfiv_tm_modalbox .box_inner{width: 300px;top: 40px;bottom: 40px;}
	.emfiv_tm_modalbox .description_wrap{padding: 30px 25px 25px 25px;}
	.emfiv_tm_modalbox .description_wrap:before{height: 30px;}
	.emfiv_tm_modalbox .description_wrap:after{height: 25px;}
	.emfiv_tm_modalbox .close{margin-left: auto;left: auto;right: 25px;top: 15px;}
	.emfiv_tm_modalbox .close a{color: #000;width: auto;height: auto;border: none;font-size: 20px;}
	.emfiv_tm_modalbox .portfolio_main_title h3{font-size: 19px;}
	.emfiv_tm_modalbox .portfolio_main_title{margin-bottom: 15px;}
	.emfiv_tm_modalbox .additional_images ul{margin: 0px;}
	.emfiv_tm_modalbox .additional_images ul li{width: 100% !important;padding-left: 0px;margin-bottom: 20px;}
	.emfiv_tm_modalbox .news_popup_informations .title h3{font-size: 19px;}
	.emfiv_tm_modalbox .news_popup_informations .title{margin-bottom: 15px;}
}


/* High-contrast text background for visibility */

.highlight-text {
    background-color: rgba(0, 0, 0, 0.6) !important;
    color: #fff !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-family: "Poppins", sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    display: inline-block !important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    text-shadow: 0 1px 2px rgba(15, 82, 186, 0.5);
    
    /* Fallback shadow */
    box-shadow: 0 4px 12px rgba(15, 82, 186, 0.4) !important;
}

/* Modern browsers: use variable */
@supports (background: color-mix(in srgb, red, blue)) {
    .highlight-text {
        box-shadow: 0 4px 12px color-mix(in srgb, var(--sapphire) 40%, transparent) !important;
    }
}


/* More High-contrast text background for visibility */

.happy-highlight-text {
    background-color: rgba(0, 0, 0, 0.6) !important;
    color: #fff !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-family: "Poppins", sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    display: inline-block !important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    text-shadow: 0 1px 2px rgba(15, 82, 186, 0.5);
    
    /* Fallback shadow */
    box-shadow: 0 4px 12px rgba(15, 82, 186, 0.4) !important;
}

/* More for - Modern browsers: use variable */
@supports (background: color-mix(in srgb, red, blue)) {
    .happy-highlight-text {
        box-shadow: 0 4px 12px color-mix(in srgb, var(--sapphire) 40%, transparent) !important;
    }
}


.text-center { text-align: center; margin-top: 0px; }


/* Migrated from index 3-4-26 */


.skills-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 3rem 4.5rem;
  margin: 2rem 0;
  list-style: none;
}
.skills-grid ul {
  margin: 0;
  padding-left: 1.2rem;
  line-height: 1.8;
}
.skills-grid li::marker { color: var(--accent); }

@media (max-width: 900px) {
  .skills-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  .skills-grid { grid-template-columns: 1fr; }
}


.skills-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 5rem 8rem;          /* ← increase this → more breathing room */
  margin: 2.5rem 0;          /* more vertical space around whole grid */
  list-style: none;
}

.skills-grid ul {
  margin: 0;
  padding-left: 1.0rem;      /* ← was 1.2rem → make indent wider */
  line-height: 1.5;          /* ← was 1.8 → taller line spacing */
  font-size: 1.05em;         /* optional: slightly larger text */
}

.skills-grid li {
  margin-bottom: 0.9rem;     /* ← add vertical space between bullets */
}


@media (max-width: 900px) { .skills-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .skills-grid { grid-template-columns: 1fr; } }


.highlight-text {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  border-right: 3px solid #d4af37;
  animation: typing 4s steps(27) forwards, blink .7s infinite;
  width: 0;
  font-style: normal !important;
}

@keyframes typing {
  from { width: 0; }
  to   { width: 27ch; }
}

.happy-highlight-text .typing-happy {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  border-right: 3px solid #d4af37;
  animation: typing-happy 4s steps(40) forwards, blink 0.7s step-end infinite;
  width: 0;
  font-style: normal !important;
}
@keyframes typing-happy {
  from { width: 0; }
  to { width: 40ch; }
}

@keyframes blink {
  50% { border-color: transparent; }
}


.greek-inline {
  font-family: "GFS Neohellenic", "Cardo", "Alegreya", "Gentium Plus", "Libre Baskerville", Georgia, serif;
  font-weight: 700;
  font-feature-settings: "cv01","cv02","cv03","cv04","cv05","cv06","cv07","cv08","cv09","cv10","ss01";
  text-rendering: optimizeLegibility;
  letter-spacing: -0.01em;
  font-style: normal !important;
  text-transform: none !important;
}
.stroke .greek-inline { paint-order: stroke fill; }










.empty_notice {
  display: none;
}

.copyright_inner ul {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 60px;               /* ← controls distance between form and logos */
  flex-wrap: wrap;
}

.copyright_inner li {
  flex: 1 1 260px;          /* middle grows, sides stay compact */
  min-width: 220px;
}

.copyright_inner li:first-child,
.copyright_inner li:last-child {
  flex: 0 0 auto;           /* logos don't grow */
  width: auto;
  text-align: center;
}

.copyright_inner li:nth-child(2) {  /* middle = form */
  max-width: 520px;         /* prevents form from becoming too wide */
  margin: 0 auto;           /* centers form content inside its flex item */
}

.copyright_inner .fields .contact_form {
  display: flex;
  flex-direction: column;
  align-items: center;          /* or 'flex-start' for left-align */
  max-width: 460px;
  margin: 0 auto;
}

.copyright_inner .first ul {
  display: flex;
  flex-direction: column;       /* stack Name + Email vertically */
  gap: 16px;
  width: 100%;
  padding: 0;
  margin: 0;
}

.copyright_inner .first li {
  width: 100%;
  list-style: none;
}

.copyright_inner input[type="text"],
.copyright_inner input[type="email"],
.copyright_inner textarea {
  width: 100%;
  box-sizing: border-box;
}

.copyright_inner .emfiv_tm_button {
  margin-top: 20px;
  text-align: center;
}

.copyright_inner textarea {
  width: 100%;                    /* same width as inputs */
  min-height: 140px;              /* taller but adjustable */
  box-sizing: border-box;
  margin-top: 16px;               /* same vertical gap as between Name/Email */
}

.copyright_inner .first ul {
  gap: 16px;                      /* already suggested – keep it */
}

.copyright_inner .last {
  margin-top: 0;                  /* reset any extra margin if present */
}


.rtl-phone {
  direction: rtl;
  unicode-bidi: bidi-override;
  display: inline;
}

.rtl-email {
  unicode-bidi: bidi-override;
  direction: rtl;
  display: inline;
}


@media (max-width: 1040px) {
  .name h3 .bg {
    /*color: #010177 !important;*/
    font-weight: 900 !important;
    display: inline !important;
    opacity: 1 !important;
    position: static !important;
	font-size: 3.5em !important;
    vertical-align: middle;
  }
}

@media (max-width: 1040px) {
  .name h3 {
    position: relative;
    display: inline-flex;
    align-items: baseline;
    white-space: nowrap;
  }

  .name h3 .bg {
    position: absolute !important;
    left: 2.8em;                /* push "Reach" to the right — adjust 2.6–3.2em */
    top: 0.08em;                /* very slight vertical offset */

    font-weight: 900;
    opacity: 0.85;              /* or 0.7–0.9 for ghost / shadow feel */
    z-index: -1;                /* sits behind "Call" */
    transform: scale(1.02);     /* optional — makes it feel slightly larger / behind */
    pointer-events: none;
  }

  .name h3 span:not(.bg) {
    position: relative;
    z-index: 2;                 /* "Call" stays in front */
    color: #010177 !important;
    font-weight: 900;
  }
}

@media (max-width: 1040px) {
  .name {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  
  .name h3 {
    margin: 0;
    padding: 0;
  }
  
  .name h3.ai-line {
     /*  margin-top: -0.25em;   pulls AI up tight under CHAD E. */
  /*  font-size: clamp(2.4rem, 10vw, 4.2rem); */
    line-height: 0.82;
  }
}

  .bounce {
    animation: bounce 2s infinite ease-in-out;
  }
  @keyframes bounce {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(-12px); }
  }


@media (max-width: 1040px) {
  #contact {
    padding-top: 120px !important;  /* or 140px – test on your phone */
  }
}


/* Mode-specific visibility for gradients & images */
.light-only { display: block !important; }
.dark .light-only,
.night-red .light-only { display: none !important; }

.dark-only { display: none !important; }
.dark .dark-only { display: block !important; }

.night-red-only { display: none !important; }
.night-red .night-red-only { display: block !important; }








/* Clear any forced background images on .image or .inner that fight the <img> */
.emfiv_tm_hero .image,
.emfiv_tm_hero .rightpart .inner {
  background-image: none !important;
}


.stroke { 
  color: #FFEB3B; 
  text-shadow: 0 0 4px #FFEB3B, 0 0 12px #FFF59D; 
}

.ai-line { 
  color: #FFEB3B; 
  text-shadow: 0 0 4px #FFEB3B, 0 0 12px #FFF59D; 
}


/* Ensure mode-specific images override properly */
.light .emfiv_tm_hero img { src: url('img/slider/light.png') !important; }
.dark .emfiv_tm_hero img { src: url('img/slider/light.png') !important; }
.night-red .emfiv_tm_hero img { src: url('img/slider/light.png') !important; }

/* Prevent any leftover background on .inner */
.emfiv_tm_hero .rightpart .inner {
  background: none !important;
}



.call-other-future {
    background-color: rgba(15, 82, 186, 0.75) !important;  /* sapphire */
    color: #fff !important;
    padding: 6px 20px !important;
    border-radius: 50px !important;
    font-family: "Poppins", sans-serif !important;
    font-weight: 700 !important;
    font-size: clamp(1.8rem, 5vw, 2.2rem) !important;
    line-height: 1.3 !important;
    display: inline-block !important;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    box-shadow: 0 4px 14px rgba(30, 144, 255, 0.5) !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.6);
}

.call-highlight {
    color: #0f52ba !important;                  /* fixed sapphire */
    -webkit-text-stroke: 0.6px #00000033;       /* very light black stroke */
    text-stroke: 0.6px #00000033;
    font-weight: 900 !important;
}


:root,
.light {
  --border-color: #ffffff;
}

.dark {
  --border-color: #1a1a1a;
}

.night-red {
  --border-color: #330000;
}


.light .stroke.ai-glow {
  color: #FFEB3B;
  text-shadow: 0 0 4px #FFEB3B, 0 0 12px #FFF59D;
}

@media (min-width: 1041px) {
  .dark .stroke.ai-glow {
    color: #FF8C00 !important;           /* orange fill */
    text-shadow: 0 0 6px #FF4500;        /* optional stronger glow */
	text-shadow: none !important;
  }

  .night-red .stroke.ai-glow {
    color: transparent !important;
    -webkit-text-stroke: 1.2px #66CCFF !important;  /* light blue outline */
    text-stroke: 1.2px #66CCFF;
    text-shadow: none !important;
  }
}

/* Below 1041px fallback (keep readable) */

 /* .dark .stroke.ai-glow    { color: #FF8C00 !important; 	text-shadow: none !important;} */
 /* .night-red .stroke.ai-glow { color: #66CCFF !important; -webkit-text-stroke: 0.8px #000;  	text-shadow: none !important; } */

@media (max-width: 1040px) {
  
  .dark .stroke.ai-glow  {
    color: transparent !important;
    -webkit-text-stroke: 1px #FF8C00 !important;
    text-stroke: 1px #FF8C00;
    text-shadow: none !important;
  }
    
  .night-red .stroke.ai-glow {
    color: transparent !important;
    -webkit-text-stroke: 1px #66CCFF !important;
    text-stroke: 1px #66CCFF;
    text-shadow: none !important;
  }
}


/* .ai-line.ai-glow {   color: #FFEB3B; }  */

.light .ai-line.ai-glow {
  text-shadow: 0 0 4px #FFEB3B, 0 0 12px #FFF59D;
}
  
 @media (min-width: 1041px) {
  .dark .ai-line.ai-glow {
    color: #ff4500 !important;
    -webkit-text-stroke: 0.8px #000;     /* optional thin black stroke for contrast */
  /*  text-shadow: 0 0 6px #ff4757;		 matching glow */
	text-shadow: none !important;         /* ← no glow */
  }

  .night-red .ai-line.ai-glow {
    color: transparent !important;
    -webkit-text-stroke: 1.2px #4682b4 !important;
    text-stroke: 1.2px #4682b4;           /* keep for Firefox */ /* steel blue – darker than light blue */
	text-shadow: none !important;         /* ← no glow */
  }
} 
  

@media (max-width: 1040px) {
  .dark .ai-line.ai-glow    { color: #ff6b6b !important; -webkit-text-stroke: 0.8px black; text-shadow: none !important;  }
  .night-red .ai-line.ai-glow { color: #4682b4 !important; -webkit-text-stroke: 0.8px #000; text-shadow: none !important;  }
}


@media (min-width: 1041px) {
  .dark .ai-line.ai-glow {
    color: #ff4500 !important;
    -webkit-text-stroke: 0.8px #000;
    text-shadow: none !important;
  }
  .night-red .ai-line.ai-glow {
    color: transparent !important;
    -webkit-text-stroke: 1.2px #4682b4 !important;
    text-stroke: 1.2px #4682b4;
    text-shadow: none !important;
  }
}

@media (max-width: 1040px) {
  .dark .ai-line.ai-glow { color: #ff6b6b !important; -webkit-text-stroke: 0.8px black; }
  .night-red .ai-line.ai-glow { color: #4682b4 !important; -webkit-text-stroke: 0.8px #000; }
}





.half-width {
  width: 50%;
  max-width: 100%;
  height: auto;
}
.quarter-width {
  width: 25%;
  max-width: 100%;
  height: auto;
}
.emfiv_tm_button button {
  padding: 14px 48px;
  background: linear-gradient(135deg, #010177, #2563eb);
  color: white !important;
  font-weight: 700;
  font-size: 1.1rem;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 6px 20px rgba(1,1,119,0.35);
}
.emfiv_tm_button button:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(37,99,235,0.4);
  background: linear-gradient(135deg, #2563eb, #3b82f6);
}
.light .emfiv_tm_button button {
  background: linear-gradient(135deg, #010177, #1e40af);
}
.dark .emfiv_tm_button button {
  background: linear-gradient(135deg, #3b82f6, #60a5fa);
  box-shadow: 0 6px 20px rgba(59,130,246,0.4);
}
.night-red .emfiv_tm_button button {
  background: linear-gradient(135deg, #7f1d1d, #dc2626, #ef4444);
  box-shadow: 0 6px 20px rgba(220,38,38,0.45);
}
.night-red .emfiv_tm_button button:hover {
  background: linear-gradient(135deg, #dc2626, #ef4444, #f87171);
  box-shadow: 0 10px 30px rgba(239,68,68,0.55);
  transform: translateY(-2px);
}

.make-nice {
	width: 100%;
	float: left;
	border-bottom: 1px solid rgba(0,0,0,.1);
	padding-bottom: 35px;
	margin-bottom: 32px;
	margin-top: 40px;
	}

.make-nice2 {
	width: 100%;
	float: left;
	padding-bottom: 35px;
	margin-bottom: 32px;
	margin-top: 40px;
	}



/* CALL per .call-reach */
.call-reach {
  position: relative;
  display: inline-flex;
  align-items: baseline;
  white-space: nowrap;
  font-weight: 900;
  line-height: 1.05;
    font-size: clamp(2.6rem, 7.5vw, 4.8rem);
  font-size: 35px;
  color: #0f52ba;                      /* sapphire base */

  text-shadow: 0 1px 3px rgba(0,0,0,0.5);
  }

/* REACH per .bg  */
.call-reach .bg {
	position: absolute; 
	left: 0px;  								
	top: 0.05em;  
	font-size: 150px;
	font-weight: 900;  
	font-family: "Poppins";
	color: #e6ffff;                      /* very light blue-white */
	opacity: 0.82;
	z-index: 0;
	/*	transform: scale(1.03);*/
	pointer-events: none; 
	/* color: transparent; */
	opacity: .1;
	line-height: 0;
	-webkit-text-stroke: 1px #000;
	-webkit-user-select: none;
	  
	  	/* lft: 2.9em;  */       /* 		*/              /* adjust 2.7–3.2em to taste */
}


/* ────────────────────────────────────────────────
   Dark mode
───────────────────────────────────────────────── */
.dark .call-reach {
  color: #ffd700;                      /* gold fallback */
  opacity: 0.75;
  -webkit-text-stroke: 0.7px #00000088;


}

.dark .call-reach .bg {
  color: transparent;
  color: #ff8c00;
  color: #00bfff;
  -webkit-text-stroke: 1.1px #66ccff;  /* light cyan-blue stroke */



}

/* ────────────────────────────────────────────────
   Night-red mode
───────────────────────────────────────────────── */
.night-red .call-reach {
  color: transparent;
    color: #ff4500; /* orange-red */   
                      		
	  -webkit-text-stroke: 1.1px #ff4500; 		 /* light cyan-blue stroke */
  text-shadow: 0 0 5px rgba(255,69,0,0.6);
  text-stroke: 1.1px #66ccff;
  text-shadow: none;
  
}

.night-red .call-reach .bg {
  color: transparent;
  -webkit-text-stroke: 1px #ff555588;
  text-stroke: 1px #ff555588;
  opacity: 1;
}

/* ────────────────────────────────────────────────
   Mobile adjustments (below ~1040px)
───────────────────────────────────────────────── */
@media (max-width: 1040px) {
  .call-reach {
    font-size: clamp(2.4rem, 9vw, 3.8rem);
  }

  .call-reach .bg {
    left: 0.0px;    /* slightly tighter on mobile */
    top: 0.08em;
	font-size: 2.5em !important;
	
	/* left: 2.6px;  	*/	/* em vs px */						
  /*  opacity: 0.88; */
  }

  /* fallback readability if stroke fails */
  

  .dark .call-reach {
    color: #ffd700 !important;         /* visible orange fallback */
  }
  
  .night-red .call-reach {
    color: #ff8c00 !important;         /* visible orange fallback */
  }
}




.emfiv_tm_copyright .copyright_inner ul li:last-child .copyright-logo {
    max-width: 220px;
    width: auto;
    height: auto;
    display: block;
    margin: 20px auto 15px auto;  /* explicit auto on both sides */
    text-align: center;           /* fallback centering */
}

@media (max-width: 1040px) {
    .emfiv_tm_copyright .copyright_inner ul li:last-child .copyright-logo {
        width: 100%;
        max-width: 100%;
        margin: 15px auto;
    }
}







@media (min-width: 768px) and (max-width: 1040px) {
  .emfiv_tm_copyright .copyright_inner ul {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 40px;
    align-items: flex-start;
  }

  .emfiv_tm_copyright .copyright_inner > ul > li {
    flex: 0 1 auto;
  }

  .emfiv_tm_copyright .copyright_inner > ul > li:nth-child(2) {  /* middle column */
    max-width: 420px;
    text-align: center;
    margin: 0 auto;
  }

  .emfiv_tm_copyright .copyright_inner .left .desc,
  .emfiv_tm_copyright .copyright_inner .fields {
    text-align: center;
    margin: 0 auto;
  }

  .emfiv_tm_copyright .contact_form {
    max-width: 380px;
    margin: 0 auto;
  }
}


@media (min-width: 768px) and (max-width: 1040px) {
  .emfiv_tm_copyright .copyright_inner ul li:first-child div[style*="width: 300px; height: 300px"] {
    width: 220px !important;
    height: 220px !important;
    border-width: 8px !important;
  }
  
  .emfiv_tm_copyright .copyright_inner ul li:first-child div[style*="width: 300px; height: 300px"] > div {
    width: 35px !important;
    height: 35px !important;
  }
  
  .emfiv_tm_copyright .copyright_inner ul li:first-child div[style*="width: 300px; height: 300px"] > div:nth-child(3) {
    width: 130px !important;
    height: 65px !important;
    border-width: 14px !important;
  }
}




.emfiv_tm_topbar:not(.scrolled) {
  top: -100px;
}

.emfiv_tm_topbar.scrolled {
  top: 0;
}

#dark-toggle {
  z-index: 99999;           /* make sure it's above everything */
  background: rgba(0,0,0,0.4);
  backdrop-filter: blur(12px);
}




.hr-rad {
  border: none;
  height: 3px;
  margin: 50px 0 30px;
  background: linear-gradient(90deg, transparent, #0f52ba, #1e90ff, #0f52ba, transparent);
  box-shadow: 0 0 12px #1e90ff66;
  border-radius: 4px;
}



#dark-toggle {
  position: fixed !important;
  top: 20px !important;       /* tighter top spacing */
  right: 20px !important;
  z-index: 999999 !important;  /* above everything */
  display: block !important;
  width: 48px !important;
  height: 48px !important;
  font-size: 24px !important;
  line-height: 48px !important;
  background: rgba(0,0,0,0.35) !important;
  border: none !important;
  border-radius: 50% !important;
  cursor: pointer !important;
  backdrop-filter: blur(12px) !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
  transition: all 0.3s ease !important;
}

.dark #dark-toggle,
.night-red #dark-toggle {
  background: rgba(255,255,255,0.18) !important;
}

@media (max-width: 1040px) {
  #dark-toggle {
    top: 70px !important;     /* below mobile menu trigger */
    right: 16px !important;
  }
}