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


01) ARLO BASE
02) ARLO TOPBAR
03) ARLO MOBILE MENU
04) ARLO HERO
05) ARLO ABOUT
06) ARLO SERVICES
07) ARLO PORTFOLIO
08) ARLO COUNTER
09) ARLO NEWS
10) ARLO CONTACT
11) ARLO COPYRIGHT
12) ARLO CURSOR
13) ARLO RIPPLE EFFECT
14) ARLO GLITCH EFFECT
15) ARLO PARTICLE EFFECT
16) ARLO MEDIA QUERIES (FOR SMALL DEVICES)


/*---------------------------------------------------*/
/*	01) ARLO BASE
/*---------------------------------------------------*/

html {
	overflow-x: hidden;
	padding: 0px;
	margin: 0px;
}
body{
	font-family: "Mulish";
	font-size: 16px;
	line-height: 2;
	letter-spacing: 0.5px;
	word-wrap: break-word;
	font-weight: 400;
	background-color: #fff;
	color: #333;
}
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;
}

body.dark ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #fff;
}
body.dark :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #fff;
   opacity:  1;
}
body.dark ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #fff;
   opacity:  1;
}
body.dark :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #fff;
}
body.dark ::-ms-input-placeholder { /* Microsoft Edge */
   color: #fff;
}

body.dark ::placeholder { /* Most modern browsers support this now. */
   color: #fff;
}

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; }

.arlo_tm_all_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.arlo_tm_all_wrap,
.arlo_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+ */
}
.arlo_tm_section{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.arlo_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; }  
.arlo_tm_preloader .spinner_wrap{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 33333;
}
.arlo_tm_preloader.loaded {
    opacity: 0;
    visibility: hidden;
}
.arlo_tm_preloader:before,
.arlo_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;
}
.arlo_tm_preloader:before{
    top: 0;
    left: 0; 
}
.arlo_tm_preloader:after{
    bottom: 0;
	left: 0; 
}
.arlo_tm_preloader.loaded:before, 
.arlo_tm_preloader.loaded:after{height: 0%;}

/*---------------------------------------------------*/
/*	02) ARLO TOPBAR
/*---------------------------------------------------*/

.arlo_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;
}
.arlo_tm_topbar.animate{
	background-color: #fff;
	box-shadow: 0px 0px 20px rgb(0 0 0 / 9%);
}
.arlo_tm_topbar .topbar_inner{
	width: 100%;
	height: auto;
	clear: both;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.arlo_tm_topbar .logo .dark{display: none;}
.arlo_tm_topbar.animate .logo .dark{display: block;}
.arlo_tm_topbar.animate .logo .light{display: none;}
.arlo_tm_topbar .logo img{max-width: 50px;}
.arlo_tm_topbar .menu ul{
	margin: 0px;
	list-style-type: none;
}
.arlo_tm_topbar .menu ul li{
	margin: 0px 20px 0px 0px;
	display: inline-block;
}
.arlo_tm_topbar .menu ul li:last-child{margin-right: 0px;}
.arlo_tm_topbar .menu ul li a{
	text-decoration: none;
	color: #fff;
	font-family: "Poppins";
	font-weight: 500;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.arlo_tm_topbar.animate .menu ul li a{color: #000;}
.arlo_tm_topbar .menu ul li.current a{color: #e65f78;}
.arlo_tm_topbar .menu ul li a:hover{color: #e65f78;}

/*---------------------------------------------------*/
/*	03) ARLO MOBILE MENU
/*---------------------------------------------------*/

.arlo_tm_mobile_menu{
	width: 100%;
	height: auto;
	position: fixed;
	top: 0px;
	left: 0px;
	display: none;
	z-index: 10;
}
.arlo_tm_mobile_menu .mobile_menu_inner{
	width: 100%;
	height: auto;
	float: left;
	clear: both;
	background-color: #fff;
	padding: 15px 0px;
	border-bottom: 1px solid rgba(0,0,0,.2);
}
.arlo_tm_mobile_menu .mobile_in{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.arlo_tm_mobile_menu .mobile_in .logo img{max-width: 50px;}
.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;
}
.arlo_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;
}
.arlo_tm_mobile_menu .dropdown .dropdown_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding: 25px 0px;
}
.arlo_tm_mobile_menu .dropdown .dropdown_inner ul{
	margin: 0px;
	list-style-type: none;
}
.arlo_tm_mobile_menu .dropdown .dropdown_inner ul li{
	margin: 0px;
	float: left;
	width: 100%;
}
.arlo_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;
}

/*---------------------------------------------------*/
/*	04) ARLO HERO
/*---------------------------------------------------*/

.arlo_tm_hero{
	width: 100%;
	height: 100vh;
	position: relative;
	float: left;
	clear: both;
	overflow: hidden;
}
.arlo_tm_hero .background{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
.arlo_tm_hero .background .overlay_slider{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-image: url("..//img/slider/1.webp");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
@media (max-width: 900px){
	.arlo_tm_hero .background .overlay_slider{
		background-image: url("..//img/slider/1-m.webp");
	}
}
.arlo_tm_hero .background .image{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.arlo_tm_hero .background .overlay{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: rgba(0,0,0,.6);
	z-index: 1;
}
.arlo_tm_hero .content{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	z-index: 2;
}
.arlo_tm_hero .image_wrap{
	width: 190px;
    height: 190px;
    display: inline-block;
    margin-bottom: 33px;
    position: relative;
}
.arlo_tm_hero .image_wrap .main{
	position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 100%;
}
.arlo_tm_hero .image_wrap .main:before{
	position: absolute;
    content: "";
    top: -8px;
    bottom: -8px;
    left: -8px;
    right: -8px;
    border-radius: 100%;
    background-color: rgba(255,255,255,.08);
    z-index: -1;
}
.arlo_tm_hero .name_holder{
	margin-bottom: 9px;
}
.arlo_tm_hero .name_holder h3{
	color: #fff;
    text-transform: uppercase;
    font-size: 45px;
    font-weight: 800;
	font-family: "Montserrat";
}
.arlo_tm_hero .name_holder h3 span{
	color: #e65f78;
}
.arlo_tm_hero .text_typing p{
	color: #fff;
    font-size: 19px;
	font-weight: 500;
    font-family: "Poppins";
}
.arlo_tm_arrow_wrap{
	position: absolute;
	left: 50%;
	bottom: 30px;
	transform: translateX(-50%);
	z-index: 6;
	margin-left: -21px;
}
.arlo_tm_arrow_wrap.bounce {
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite; }

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); } }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); } }

.arlo_tm_arrow_wrap a{
	text-decoration: none;
	color: #fff;
	font-size: 30px;
}

/*---------------------------------------------------*/
/*	05) ARLO ABOUT
/*---------------------------------------------------*/

.arlo_tm_about{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 150px;
	padding-top: 140px;
}
.arlo_tm_about .about_inner{
	width: 100%;
	height: auto;
	clear: both;
	display: flex;
	padding-top: 100px;
}
.arlo_tm_main_title{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.arlo_tm_main_title span{
	color: #e65f78;
	display: inline-block;
	font-family: "Poppins";
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 4px;
}
.arlo_tm_main_title h3{
	font-size: 30px;
	font-weight: 800;
}
.arlo_tm_about .left{
	width: 35%;
	float: left;
	height: auto;
}
.arlo_tm_about .left .about_image_wrap{
	position: relative;
	float: left;
}
.arlo_tm_about .left .about_image_wrap .image{
	position: absolute;
	z-index: 2;
}
.arlo_tm_about .left .about_image_wrap .image .inner{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.arlo_tm_about .left .about_image_wrap .border .inner{
	position: absolute;
	top: 25px !important;
	bottom: -25px !important;
	left: 25px !important;
	right: -25px !important;
	border: 10px solid #000;
}
.arlo_tm_about .left .about_image_wrap img{
	opacity: 0;
	min-width: 100%;
}
.arlo_tm_about .right{
	width: 65%;
	height: auto;
	padding-left: 70px;
}
.arlo_tm_about .right .about_title{margin-bottom: 30px;}
.arlo_tm_about .right .about_title h3{
	font-size: 20px;
	font-weight: 600;
}
.arlo_tm_about .right .about_title h3 .arlo_tm_animation_text_word{color: #e65f78;}
.arlo_tm_about .right .text{
	margin-bottom: 23px;
	float: left;
}
.arlo_tm_about .right .text span{
	color: #e65f78;
	font-style: italic;
}
.arlo_tm_about .about_short_contact_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 24px;
}
.arlo_tm_about .about_short_contact_wrap ul{
	margin: 0px;
	list-style-type: none;
}
.arlo_tm_about .about_short_contact_wrap ul li{
	margin: 0px 0px 10px 0px;
	width: 50%;
	float: left;
	position: relative;
	padding-left: 30px;
}
.arlo_tm_about .about_short_contact_wrap ul li:nth-of-type(2n){clear: right;}
.arlo_tm_about ul li label{
	font-weight: 600;
	color: #000;
	min-width: 85px;
	display: inline-block;
}
.arlo_tm_about .about_short_contact_wrap ul li a{
	text-decoration: none;
	color: #000;
    position: relative;
	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;
}
.arlo_tm_about .about_short_contact_wrap ul li a:after{
	content: '';
    width: 0;
    height: 1px;
    position: absolute;
    left: auto;
    right: 0;
    bottom: 0;
    transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
    background: currentColor;
}
.arlo_tm_about .about_short_contact_wrap ul li a:hover:after{
	width:100%;
	left:0;
	right:auto;
}
.arlo_tm_about .about_short_contact_wrap ul li .svg{
	position: absolute;
	left: 0px;
	top: 6px;
	width: 17px;
	height: 17px;
	color: #e65f78;
}
.arlo_tm_button{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.arlo_tm_button a{
	text-decoration: none;
	color: #fff;
	background-color: #e65f78;
	display: inline-block;
	padding: 12px 45px;
	font-family: "Poppins";
	position: relative;
	overflow: hidden;
}
.arlo_tm_button a:before{
	position: absolute;
    content: "";
    top: 0px;
    height: 100%;
    left: -25%;
    width: 0%;
    background-color: rgba(255,255,255,.1);
    transform: skew(50deg);
    transition-duration: .6s;
    z-index: 1;
}
.arlo_tm_button a:hover:before{width: 150%;}

/*---------------------------------------------------*/
/*	06) ARLO SERVICES
/*---------------------------------------------------*/

.arlo_tm_services{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	background-color: #f9f9f9;
	padding: 140px 0px 138px 0px;
}
.arlo_tm_services .service_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 90px;
}
.arlo_tm_services .service_inner ul{
	margin: 0px 0px 0px -50px;
	list-style-type: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-bottom: 38px;
}
.arlo_tm_services .service_inner ul li{
	margin: 0px 0px 50px 0px;
	float: left;
	width: 33.3333%;
	padding-left: 50px;
}
.arlo_tm_services .service_inner ul li .inner{
	width: 100%;
	height: 100%;
	clear: both;
	float: left;
	position: relative;
	box-shadow: 0px 0px 20px rgba(0,0,0,.09);
	padding: 60px 40px 53px 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;
}
.arlo_tm_services .service_inner ul li .inner:hover{box-shadow: 0px 0px 20px rgba(0,0,0,.2);}
.arlo_tm_services .service_inner ul li .inner .svg{
	width: 50px;
	height: 50px;
	color: #e65f78;
	margin-bottom: 17px;
}
.arlo_tm_services .service_inner ul li .inner h3{
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 20px;
}
.arlo_tm_services .lets_work{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.arlo_tm_services .lets_work p{
	font-family: "Poppins";
	font-weight: 500;
	font-size: 18px;
}
.arlo_tm_services .lets_work a{
	text-decoration: none;
	color: #000;
	font-weight: 600;
	display: inline-block;
	position: relative;
}
.arlo_tm_services .lets_work a:before{
	content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    left: auto;
    right: 0;
    bottom: 3px;
    background: rgba(0,0,0,.2);
}
.arlo_tm_services .lets_work a:after{
	content: '';
    width: 0;
    height: 1px;
    position: absolute;
    left: auto;
    right: 0;
    bottom: 3px;
    transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
    background: currentColor;
}
.arlo_tm_services .lets_work a:hover:after{
	width:100%;
	left:0;
	right:auto;
}

/*---------------------------------------------------*/
/*	06B) ARLO EVENTS
/*---------------------------------------------------*/

.arlo_tm_events{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding: 140px 0px;
	background: linear-gradient(180deg, #ffffff 0%, #f9f9f9 100%);
}
.arlo_tm_events .event_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	display: flex;
	align-items: flex-start;
	gap: 70px;
	padding-top: 90px;
}
.arlo_tm_events .event_poster{
	width: 36%;
}
.arlo_tm_events .event_poster .inner{
	width: 100%;
	height: auto;
	float: left;
	background-color: #fff;
	padding: 18px;
	box-shadow: 0px 0px 20px rgba(0,0,0,.09);
	border: 1px solid rgba(0,0,0,.06);
}
.arlo_tm_events .event_poster img{
	width: 100%;
	height: auto;
	display: block;
}
.arlo_tm_events .event_content{
	width: calc(64% - 70px);
}
.arlo_tm_events .event_kicker{
	display: inline-block;
	font-family: "Poppins";
	font-size: 14px;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #e65f78;
	margin-bottom: 18px;
}
.arlo_tm_events .event_content h3{
	font-size: 32px;
	font-weight: 800;
	margin-bottom: 24px;
}
.arlo_tm_events .event_content p{
	margin-bottom: 18px;
}
.arlo_tm_events .event_meta{
	margin: 12px 0px 24px -20px;
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
}
.arlo_tm_events .event_meta li{
	width: 50%;
	padding-left: 20px;
	margin-bottom: 18px;
	font-size: 16px;
}
.arlo_tm_events .event_meta li span{
	display: block;
	font-family: "Poppins";
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	color: #e65f78;
	margin-bottom: 4px;
}
.arlo_tm_events .event_note{
	width: 100%;
	height: auto;
	float: left;
	background-color: #fff;
	border-left: 3px solid #e65f78;
	box-shadow: 0px 0px 20px rgba(0,0,0,.06);
	padding: 18px 22px;
	margin-bottom: 28px;
	font-family: "Poppins";
	font-weight: 500;
}

/*---------------------------------------------------*/
/*	07) ARLO PORTFOLIO
/*---------------------------------------------------*/

/* Контейнер за списъка */
.portfolio_list {
    display: flex;
    justify-content: center; /* Центрира списъка */
    flex-wrap: wrap; /* Позволява пренасяне на редове при малък екран */
    gap: 20px; /* Разстояние между елементите */
}

/* Елементи в списъка */
.gallery_zoom {
    display: flex;
    flex-wrap: wrap; /* Подрежда елементите в няколко реда */
    list-style: none;
    padding: 0;
    margin: 0;
    justify-content: center;
}

/* Всеки елемент */
.gallery_zoom li {
    width: 300px; /* Фиксирана ширина за всички елементи */
    flex-grow: 1; /* Расте спрямо наличното пространство */
    text-align: center; /* Центрира съдържанието */
    margin: 0 auto; /* Центрира елемента вътре */
}

/* Текстовото съдържание */
.text-content h4 {
    font-size: 18px;
    margin: 10px 0 5px;
}

.text-content p {
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
    margin: 0 10px;
}

/* Изображения */
.gallery_zoom img {
    width: 100%; /* Адаптивност към контейнера */
    height: auto;
    display: block;
    margin-bottom: 10px; /* Разстояние между изображението и текста */
}



.arlo_tm_portfolio{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 100px;
	padding-top: 141px;
}
.arlo_tm_portfolio .portfolio_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 73px;
}
.arlo_tm_portfolio .portfolio_filter{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 20px;
}
.arlo_tm_portfolio .portfolio_filter ul{
	margin: 0px;
	list-style-type: none;
}
.arlo_tm_portfolio .portfolio_filter ul li{
	margin: 0px 30px 20px 0px;
	display: inline-block;
}
.arlo_tm_portfolio .portfolio_filter ul li:last-child{margin-right: 0px;}
.arlo_tm_portfolio .portfolio_filter ul li a{
	text-decoration: none;
	color: #000;
	position: relative;
	display: inline-block;
	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;
}
.arlo_tm_portfolio .portfolio_filter ul li a.current{color: #e65f78;}
.arlo_tm_portfolio .portfolio_filter ul li a:hover{color: #e65f78;}
.arlo_tm_portfolio .portfolio_list{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.arlo_tm_portfolio .portfolio_list ul{
	margin: 0px 0px 0px -50px;
	list-style-type: none;
}
.arlo_tm_portfolio .portfolio_list ul li{
	margin: 0px 0px 50px 0px;
	float: left;
	width: 33.3333%;
	padding-left: 50px;
}
.arlo_tm_portfolio .portfolio_list ul li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	overflow: hidden;
	position: relative;
}
.arlo_tm_portfolio .portfolio_list ul li .inner img{
	opacity: 0;
	min-width: 100%;
}
.arlo_tm_portfolio .portfolio_list ul li .inner .main_image{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.arlo_tm_portfolio .portfolio_list ul li .inner:hover .main_image{
	transform: scale(1.1) translateZ(0);
}
.arlo_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;
}
.arlo_tm_portfolio_titles.visible {
	opacity: 1;
	visibility: visible;
}
.arlo_tm_portfolio_titles .work__cat {
	position: absolute;
	background: #ffffff;
	top: 100%;
	left: 0;
	margin-top: -10px;
	font-family: "Poppins";
	font-size: 16px;
	font-weight: 400;
	padding: 5px 15px;
}
.entry{position: relative;}

/*---------------------------------------------------*/
/*	08) ARLO COUNTER
/*---------------------------------------------------*/

.arlo_tm_counter_section{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding: 90px 0px 49px 0px;
	position: relative;
}
.arlo_tm_counter_section:before{
	position: absolute;
    content: "";
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;  
    background-image: url(..//img/patterns/ravenna.png);
    background-repeat: repeat;
    opacity: .4; /**  If you choose lighter pattern image as background please Decrease opacity  **/
    z-index: 2;
}
.arlo_tm_counter_section:after{
	position: absolute;
    content: "";
    top: 0px;
   	bottom: 0px;
   	left: 0px;
   	right: 0px;
   	background-color: #000;
   	z-index: 1;
}
.arlo_tm_counter_section .counter_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	text-align: center;
	position: relative;
	z-index: 3;
}
.arlo_tm_counter_section ul{
	margin: 0px 0px 0px -40px;
	list-style-type: none;
}
.arlo_tm_counter_section ul li{
	margin: 0px 0px 40px 0px;
	float: left;
	width: 25%;
	padding-left: 40px;
}
.arlo_tm_counter_section ul li .list_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
}
.arlo_tm_counter_section ul li .list_inner h3{
	font-size: 40px;
	font-weight: 600;
	margin-bottom: 7px;
	color: #fff;
}
.arlo_tm_counter_section ul li .list_inner span{
	font-family: "Poppins";
	color: #fff;
}

/*---------------------------------------------------*/
/*	09) ARLO NEWS
/*---------------------------------------------------*/

.arlo_tm_news{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	background-color: #f9f9f9;
	padding: 140px 0px 90px 0px;
}
.arlo_tm_news .news_list{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 87px;
}
.arlo_tm_news .news_list ul{
	margin: 0px 0px 0px -50px;
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
}
.arlo_tm_news .news_list ul li{
	margin: 0px 0px 50px 0px;
	float: left;
	width: 33.3333%;
	padding-left: 50px;
}
.arlo_tm_news .news_list ul li .list_inner{
	width: 100%;
	height: 100%;
	clear: both;
	float: left;
	position: relative;
}
.arlo_tm_news .news_list ul li .image{
	position: relative;
	overflow: hidden;
}
.arlo_tm_news .news_list ul li .image img{
	min-width: 100%;
	opacity: 0;
}
.arlo_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;
}
.arlo_tm_news .news_list ul li .list_inner .image:hover .main{transform: scale(1.1) rotate(3deg);}
.arlo_tm_news .news_list ul li .details{
	width: 100%;
	float: left;
	padding-right: 15px;
	padding-top: 32px;
}
.arlo_tm_news .news_list ul li .details .title{margin-bottom: 10px;}
.arlo_tm_news .news_list 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;
}
.arlo_tm_news .news_list ul li .details .title a:hover{color: #e65f78;}
.arlo_tm_news .news_list ul li .details .date{
	text-transform: uppercase;
	font-family: "Poppins";
	font-size: 12px;
	color: #767676;
	font-style: italic;
}
.arlo_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;
}
.arlo_tm_news .news_list ul li .details .date a:hover{color: #e65f78;}
.arlo_tm_news .news_list ul li .details .date span{
	position: relative;
	margin-left: 11px;
}
.arlo_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;
}
.arlo_tm_news .description{
	opacity: 0;
	visibility: hidden;
	position: absolute;
	z-index: -11;
	display: none;
}
body.modal{
	overflow-y: hidden;
}
.arlo_tm_modalbox_news{
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 100vh;
	z-index: 15;
	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;
}
.arlo_tm_modalbox_news.opened{
	opacity: 1;
	visibility: visible;
}
.arlo_tm_modalbox_news .container{
	height: 100vh;
}
.arlo_tm_modalbox_news .box_inner:before{
	position: absolute;
	content: "";
	width: 100%;
	height: 50px;
	background-color: #fff;
	top: 0px;
	left: 0px;
}
.arlo_tm_modalbox_news .box_inner:after{
	position: absolute;
	content: "";
	width: 100%;
	height: 50px;
	background-color: #fff;
	bottom: 0px;
	left: 0px;
}
.arlo_tm_modalbox_news .box_inner{
	position: absolute;
	top: 70px;
	bottom: 70px;
	width: 1200px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #fff;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	margin-top: -20px;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
	
	transition-delay: .3s;
}
.arlo_tm_modalbox_news.opened .box_inner{
	opacity: 1;
	visibility: visible;
	margin-top: 0px;
}
.arlo_tm_modalbox_news .close{
	position: fixed;
	left: 100%;
	top: 0px;
	margin-left: 40px;
	z-index: 111111;
}
.arlo_tm_modalbox_news .close a{
	text-decoration: none;
	color: #fff;
}
.arlo_tm_modalbox_news .close .svg{
	width: 50px;
	height: 50px;
}
.arlo_tm_modalbox_news .description_wrap{
	position: relative;
	width: 100%;
	height: 100%;
	float: left;
	overflow: hidden;
	padding: 50px;
	overflow-y: scroll;
}
.arlo_tm_modalbox_news .details{
	width: 100%;
	float: left;
	margin-bottom: 30px;
}
.arlo_tm_modalbox_news .description{
	width: 100%;
	float: left;
}
.arlo_tm_modalbox_news .description p{
	margin-bottom: 15px;
}
.arlo_tm_modalbox_news .description blockquote{
	font-style: italic;
	color: #000;
	border-left: 2px solid #e65f78;
	padding-left: 20px;
	margin-bottom: 15px;
}
.arlo_tm_modalbox_news .description_wrap .image{
	position: relative;
	max-height: 450px;
	z-index: -1;
	margin-bottom: 40px;
}
.arlo_tm_modalbox_news .description_wrap .image img{
	min-width: 100%;
}
.arlo_tm_modalbox_news .description_wrap .image .main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.arlo_tm_modalbox_news .details .title{
	font-weight: 600;
	margin-bottom: 5px;
}
.arlo_tm_modalbox_news .date{
	text-transform: uppercase;
    font-family: "Poppins";
    font-size: 12px;
    color: #767676;
    font-style: italic;
}
.arlo_tm_modalbox_news .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;
}
.arlo_tm_modalbox_news .date a:hover{color: #e65f78;}
.arlo_tm_modalbox_news .date span{
	position: relative;
    margin-left: 11px;
}
.arlo_tm_modalbox_news .date span:before{
	position: absolute;
    content: "";
    margin-top: 0px;
    top: 50%;
    transform: translateY(-50%) rotate(15deg);
    right: 100%;
    background-color: #939393;
    width: 1px;
    height: 9px;
    margin-right: 7px;
}
.arlo_tm_modalbox_news .share{
	width: 100%;
	height: auto;
	clear: both;
	display: flex;
	align-items: center;
}
.arlo_tm_modalbox_news .share span{
	font-family: "Poppins";
	color: #000;
	font-weight: 600;
	display: inline-block;
	padding-right: 20px;
}
.arlo_tm_modalbox_news .share ul{
	margin: 0px;
	list-style-type: none;
}
.arlo_tm_modalbox_news .share ul li{
	margin: 0px 10px 0px 0px;
	display: inline-block;
}
.arlo_tm_modalbox_news .share ul li a{
	text-decoration: none;
	color: #000;
}
.arlo_tm_full_link{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 4;
}

/*---------------------------------------------------*/
/*	10) ARLO CONTACT
/*---------------------------------------------------*/

.arlo_tm_contact{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding: 140px 0px 140px 0px;
}
.arlo_tm_contact .contact_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left; 
}
.arlo_tm_contact .contact_inner .wrapper{
	width: 100%;
	height: auto;
	clear: both;
	display: flex;
	padding-top: 43px;
}
.arlo_tm_contact .desc{
	max-width: 50%;
	float: left;
	padding-top: 73px;
}
.arlo_tm_contact .contact_inner .left{
	width: 50%;
	padding-right: 25px;
}
.arlo_tm_contact .fields{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.arlo_tm_contact .fields .first{
	width: 100%;
	float: left;
}
.arlo_tm_contact .fields ul{
	margin: 0px;
	list-style-type: none;
}
.arlo_tm_contact .fields ul li{
	width: 100%;
	margin: 0px 0px 30px 0px;
	float: left;
}
.arlo_tm_contact .fields ul li input{
	width: 100%;
	border: 1px solid rgba(0,0,0,.2);
	background-color: #fff;
}
.arlo_tm_contact .fields ul li input:focus{
	outline: none;
	border: 1px solid rgba(0,0,0,.5);
}
.arlo_tm_contact .fields .last textarea{
	width: 100%;
	border: 1px solid rgba(0,0,0,.2);
	height: 120px;
	resize: none;
	margin-bottom: 20px;
	background-color: #fff;
}
.arlo_tm_contact .fields .last textarea:focus{
	outline: none;
	border: 1px solid rgba(0,0,0,.5);
} 
.arlo_tm_contact .empty_notice{
	color: #F52225;
	margin-bottom: 7px;
	display: none;
	text-align: left;
	font-weight: 500;
}
.arlo_tm_contact .contact_error{
	color: #F52225;
	text-align: left;
	font-weight: 500;
}
.arlo_tm_contact .returnmessage{
	color:#3A00FF;
	margin-bottom: 7px;
	text-align: left;
	font-weight: 500;
}
.arlo_tm_contact .right{
	width: 50%;
	padding-left: 25px;
	position: relative;
	top:6px;
}
.arlo_tm_contact .map_wrap .map{
  min-height: 355px;
  width: 100%;
}

/*---------------------------------------------------*/
/*	11) ARLO COPYRIGHT
/*---------------------------------------------------*/

.arlo_tm_copyright{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	background-color: #000;
	padding: 80px 0px;
}
.arlo_tm_copyright .inner{
	width: 100%;
	height: auto;
	clear: both;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.arlo_tm_copyright .copy p{
	color: #fff;
	font-family: "Poppins";
}
.arlo_tm_copyright .social ul{
	margin: 0px;
	list-style-type: none;
}
.arlo_tm_copyright .social ul li{
	margin: 0px 15px 0px 0px;;
	display: inline-block;
}
.arlo_tm_copyright .social ul li:last-child{margin-right: 0px;}
.arlo_tm_copyright .social ul li a{
	text-decoration: none;
	color: #fff;
}
.arlo_tm_copyright .social ul li .svg{
	width: 18px;
	height: 18px;
}

/*---------------------------------------------------*/
/*	12) ARLO 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: #e65f78;
  -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: #e65f78;
  opacity: .3;
}
.cursor-outer {
  margin-left: -15px;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  border: 2px solid #e65f78;
  -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;
}
.arlo_tm_all_wrap[data-magic-cursor="hide"] .mouse-cursor{
	display: none;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	z-index: -1111;
}

/*---------------------------------------------------*/
/*	13) ARLO RIPPLE EFFECT
/*---------------------------------------------------*/

.arlo_tm_hero .ripple{
	width: 100%;
	height: 100%;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-image: url("..//img/slider/1.webp");
}
.arlo_tm_hero .ripple:before{
	position: absolute;
	content: "";
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: rgba(0,0,0,.6);
	z-index: 1;
}

/*---------------------------------------------------*/
/*	14) ARLO GLITCH EFFECT
/*---------------------------------------------------*/

.arlo_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.webp");
	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;
	background-color: rgba(0,0,0,.6);
}

/*---------------------------------------------------*/
/*	15) ARLO PARTICLE EFFECT
/*---------------------------------------------------*/

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

.my_shape{
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: -11px;
	z-index: 5;
}
.my_shape .svg{
	width: 100%;
	height: 100%;
}
.arlo_tm_down.shape{
	bottom: 20%;
}
.my_shape svg{
	width: 100%;
	height: 100%;
	color: #fff;
}
.arlo_tm_hero.polygon{clip-path:polygon(0 0, 100% 0, 100% 83%, 50% 100%, 0 83%);}

/*---------------------------------------------------*/
/*	ARLO SIDEBAR DEMO
/*---------------------------------------------------*/

.arlo_tm_leftpart{
	width: 400px;
	position: fixed;
	top: 0px;
	left: 0px;
	bottom: 0px;
	background-color: #002245;
	z-index: 3;
	box-shadow: 0 0 30px rgba(0,34,69,0.05);
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.arlo_tm_leftpart .inner{
	width: 100%;
	height: 100%;
	clear: both;
	float: left;
	padding: 60px;
}
.arlo_tm_leftpart .inner .logo{float: left;}
.arlo_tm_leftpart .inner .logo img{
	max-width: 200px;
	max-height: 200px;
}
.arlo_tm_leftpart .inner .menu{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.arlo_tm_leftpart .inner .menu ul{
	margin: 0px;
	list-style-type: none;
	width: 100%;	
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.arlo_tm_leftpart .inner .menu ul li{margin: 0px;}
.arlo_tm_leftpart .inner .menu ul li a{
	text-decoration: none;
	color: #fff;
	text-transform: capitalize;
	display: block;
	position: relative;
	padding: 13px 0px;
	font-family: "Poppins";
	font-weight: 500;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.arlo_tm_leftpart .inner .menu ul li.current a{color: #e54b4b;}
.arlo_tm_leftpart .inner .menu ul li.current a:after{width: 100%;}

.arlo_tm_leftpart .inner .menu ul li a:hover{color: #e54b4b;}
.arlo_tm_leftpart .inner .menu ul li a:before{
	position: absolute;
	content: "";
	width: 100%;
	height: 2px;
	background-color: rgba(255,255,255,.015);
	left: 0px;
	bottom: 0px;
}
.arlo_tm_leftpart .inner .menu ul li:last-child a:before{display: none;}
.arlo_tm_leftpart .inner .menu ul li a:after{
	position: absolute;
	content: "";
	width: 0%;
	height: 2px;
	background-color: rgba(255,255,255,.025);
	left: 0px;
	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;
}
.arlo_tm_leftpart .inner .menu ul li:last-child a:after{display: none;}
.arlo_tm_leftpart .inner .menu ul li a:hover:after{width: 100%;}
.arlo_tm_leftpart .inner .bottom{
	position: absolute;
	bottom: 50px;
	left: 60px;
}
.arlo_tm_leftpart .inner .bottom ul{
	margin: 0px;
	list-style-type: none;
}
.arlo_tm_leftpart .inner .bottom ul li{
	margin: 0px 18px 0px 0px;
	display: inline-block;
}
.arlo_tm_leftpart .inner .bottom ul li:last-child{margin-right: 0px;}
.arlo_tm_leftpart .inner .bottom 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;
}
.arlo_tm_leftpart .inner .bottom ul li a:hover{color: #e54b4b;}

.arlo_tm_rightpart{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-left: 400px;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}

/*---------------------------------------------------*/
/*  ARLO SETTINGS
/*---------------------------------------------------*/

.arlo_tm_settings{
	position: fixed;
	z-index: 10;
	top: 15%;
	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;
}
.arlo_tm_settings.opened{
	right: 0px;
}
.arlo_tm_settings .wrapper{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.arlo_tm_settings .icon{
	position: absolute;
	top: 0px;
	right: 100%;
	background-color: #000;
	padding: 12px 12px 4px 12px;
}
.arlo_tm_settings .icon .svg{
	color: #fff;
	width: 25px;
	height: 25px;
	animation: fa-spin 2s infinite linear;
}
.arlo_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);
    }
}
.arlo_tm_settings .title{
	color: #fff;
	font-family: "Poppins";
	font-weight: 600;
	position: relative;
	display: inline-block;
}
.arlo_tm_settings .title:before{
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background-color: rgba(255,255,255,.2);
	left: 0px;
	bottom: 0px;
}
.arlo_tm_settings .colors{
	margin: 0px 0px 22px 0px;
	list-style-type: none;
	padding-top: 32px;
}
.arlo_tm_settings .colors li{
	margin: 0px;
	display: inline-block;
}
.arlo_tm_settings .colors li a{
	text-decoration: none;
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 100%;
}
.arlo_tm_settings .direction{
	list-style-type: none;
	margin:  0px;
}
.arlo_tm_settings .direction li{
	margin: 0px 20px 0px 0px;
	display: inline-block;
}
.arlo_tm_settings .direction li a{
	opacity: .4;
	text-decoration: none;
	color: #fff; 
}
.arlo_tm_settings .direction li a.active{
	opacity: 1;
}
.arlo_tm_settings .direction li .svg{
	width: 25px;
	height: 25px;
}
.arlo_tm_settings .colors li.bl{
	display: inline-block;
}
.arlo_tm_settings .colors li.wh{
	display: none;
}
body.dark .arlo_tm_settings .colors li.bl,
.arlo_tm_settings.changed .colors li.bl{
	display: none;
}
body.dark .arlo_tm_settings .colors li.wh,
.arlo_tm_settings.changed .colors li.wh{
	display: inline-block;
}
body.dark .arlo_tm_settings,
.arlo_tm_settings.changed{
	background-color: #fff;
}
body.dark .arlo_tm_settings .icon,
.arlo_tm_settings.changed .icon{
	background-color: #fff;
}
body.dark .arlo_tm_settings .icon .svg,
.arlo_tm_settings.changed .icon .svg{
	color: #000;
}
body.dark .arlo_tm_settings .title,
.arlo_tm_settings.changed .title{
	color: #000;
}
body.dark .arlo_tm_settings .title:before,
.arlo_tm_settings.changed .title:before{
	background-color: rgba(0,0,0,.5);
}
body.dark .arlo_tm_settings .direction li a,
.arlo_tm_settings.changed .direction li a{
	color: #000;
}
body.dark .arlo_tm_settings .cursor li:nth-child(1) a,
.arlo_tm_settings.changed .cursor li:nth-child(1) a{
	border-color: #000;
}
body.dark .arlo_tm_settings .cursor li:nth-child(1) a:before,
.arlo_tm_settings.changed .cursor li:nth-child(1) a:before{
	background-color: #000;
}
body.dark .arlo_tm_settings .cursor li .svg,
.arlo_tm_settings.changed .cursor li .svg{
	color: #000;
}
.arlo_tm_settings .cursor{
	margin: 0px;
	list-style-type: none;
	padding-top: 20px;
}
.arlo_tm_settings .cursor li{
	margin: 0px 20px 0px 0px;
	display: inline-block;
}
.arlo_tm_settings .cursor li a{
	text-decoration: none;
	color: #fff;
	opacity: .4;
	font-weight: 600;
}
.arlo_tm_settings .cursor li a.showme{
	opacity: 1;
}
.arlo_tm_settings .cursor li:nth-child(1) a{
	width: 30px;
	height: 30px;
	border-radius: 100%;
	border: 2px solid #fff;
	position: relative;
	display: inline-block;
}
.arlo_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%;
}
.arlo_tm_settings .cursor li .svg{
	width: 25px;
	height: 25px;
	color: #fff;
}
.arlo_tm_settings .cursor li:nth-child(2){
	position: relative;
	top: -2px;
}
.arlo_tm_settings .effect{
	margin: 0px;
	list-style-type: none;
	padding-top: 15px;
	padding-bottom: 25px;
}
.arlo_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;
}
.arlo_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;
}
.arlo_tm_settings .effect li.selected{
	background-color: #fff;
	opacity: 1;
}

/*---------------------------------------------------*/
/*	16) ARLO MEDIA QUERIES (FOR SMALL DEVICES)
/*---------------------------------------------------*/

@media (max-width: 1600px) {
	.arlo_tm_leftpart{width: 350px;}
	.arlo_tm_rightpart{padding-left: 350px;}
}
@media (max-width: 1400px) {
	.arlo_tm_modalbox_news .box_inner{width: 900px;}
	.arlo_tm_topbar{padding: 15px 0px;}
	.arlo_tm_hero .image_wrap{width: 170px;height: 170px;margin-bottom: 25px;}
	.arlo_tm_hero .name_holder{margin-bottom: 5px;}
	.container{max-width: 1070px;}
	.arlo_tm_leftpart .inner .logo img{max-width: 100px;max-height: 100px;}
	.arlo_tm_leftpart .inner .menu ul li a{padding: 5px 0px;}
	.arlo_tm_leftpart .inner{padding: 40px;}
	.arlo_tm_leftpart .inner .bottom{bottom: 30px;left: 40px;}
	.arlo_tm_about ul li label{min-width: 70px;}
}
@media (max-width: 1200px) {
	.arlo_tm_modalbox_news .box_inner{width: 100%;top: 0px;bottom: 0px;}
	.arlo_tm_modalbox_news .box_inner:before{display: none;}
	.arlo_tm_modalbox_news .box_inner:after{display: none;}
	.arlo_tm_modalbox_news .close{position: absolute;top: 20px;left: auto;right: 20px;margin-left: 0px;}
	.arlo_tm_modalbox_news .close .svg{color: #777;width: 25px;height: 25px;}
}
@media (max-width: 1040px) {
	.arlo_tm_portfolio_titles{display: none !important;opacity: 0 !important;visibility: hidden !important;}
	.mouse-cursor{display: none;}
	.cursor-inner{display: none;}
	.cursor-inner.cursor-hover{display: none;}
	.cursor-outer{display: none;}
	.arlo_tm_preloader{display: none;}
	.arlo_tm_topbar{display: none;}
	.arlo_tm_leftpart{display: none;}
	.arlo_tm_rightpart{padding-left: 0px;}
	.arlo_tm_mobile_menu{display: block;}
	.arlo_tm_about .about_inner{flex-direction: column;}
	.arlo_tm_about .left{width: 100%;margin-bottom: 70px;}
	.arlo_tm_about .right{width: 100%; padding-left: 0px;}
	.arlo_tm_events .event_inner{flex-direction: column;}
	.arlo_tm_events .event_poster{width: 100%;}
	.arlo_tm_events .event_content{width: 100%;}
	.arlo_tm_events .event_meta li{width: 50%;}
	.arlo_tm_services .service_inner ul li{width: 50%;}
	.arlo_tm_portfolio .portfolio_list ul li{width: 50%;}
	.arlo_tm_news .news_list ul li{width: 50%;}
	.arlo_tm_contact .desc{max-width: 100%;}
	.arlo_tm_contact .contact_inner .wrapper{flex-direction: column;}
	.arlo_tm_contact .contact_inner .left{width: 100%;padding-right: 0px;margin-bottom: 40px;}
	.arlo_tm_contact .right{width: 100%;padding-left: 0px;}
	.arlo_tm_copyright .inner{flex-direction: column;}
	.arlo_tm_copyright .inner .copy{margin-bottom: 20px;}
	.arlo_tm_modalbox_news .description_wrap{padding: 20px;}
	.arlo_tm_modalbox_news .details .title{font-size: 20px;}
}
@media (max-width: 768px) {
	.arlo_tm_hero .name_holder h3{font-size: 35px;}
	.arlo_tm_hero .text_typing p{font-size: 17px;}
	.arlo_tm_about .about_short_contact_wrap ul li{width: 100%;}
	.arlo_tm_events{padding: 100px 0px;}
	.arlo_tm_events .event_inner{gap: 40px;padding-top: 70px;}
	.arlo_tm_events .event_content h3{font-size: 26px;}
	.arlo_tm_events .event_meta{margin-left: 0px;}
	.arlo_tm_events .event_meta li{width: 100%;padding-left: 0px;}
	.arlo_tm_services .service_inner ul{margin: 0px;}
	.arlo_tm_services .service_inner ul li{width: 100%;padding-left: 0px;}
	.arlo_tm_portfolio .portfolio_list ul{margin: 0px;}
	.arlo_tm_portfolio .portfolio_list ul li{width: 100%;padding-left: 0px;}
	.arlo_tm_news .news_list ul{margin: 0px;}
	.arlo_tm_news .news_list ul li{width: 100%;padding-left: 0px;}
	.arlo_tm_counter_section ul li{width: 50%;}
}	

@media (max-width: 480px) {
	.arlo_tm_counter_section ul{margin: 0px;}
	.arlo_tm_counter_section ul li{width: 100%;padding-left: 0px;}
}	


/* --- FIX: CLOSE BUTTON ALWAYS VISIBLE --- */

.arlo_tm_modalbox_news .close {
    position: fixed !important; /* Фиксира бутона спрямо екрана, а не спрямо статията */
    top: 25px !important;       /* Разстояние от горния ръб */
    right: 35px !important;     /* Разстояние от десния ръб */
    z-index: 9999 !important;   /* Гарантира, че е над всичко друго (снимки, текст) */
    
    /* Опционално: Добавя фон, за да се вижда по-добре върху снимки */
    background-color: rgba(255, 255, 255, 0.8); 
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
    cursor: pointer;
    transition: all 0.3s ease;
}

/* Ефект при посочване с мишката */
.arlo_tm_modalbox_news .close:hover {
    background-color: #fff;
    transform: scale(1.1);
}

/* Корекция на размера на иконата вътре */
.arlo_tm_modalbox_news .close img.svg {
    width: 20px !important;
    height: 20px !important;
}

/* --- END FIX --- */

/* --- FIX: CONTACT LINKS COLOR --- */
.arlo_tm_contact .desc a {
    color: #ffffff !important;
    text-decoration: none !important;
    transition: color 0.3s ease;
}
.arlo_tm_contact .desc a:hover {
    color: #e65f78 !important;
}
/* Complete product information */
.product-complete-description h3{
	margin:32px 0 9px;
	color:#fff;
	font-family:"Poppins",sans-serif;
	font-size:20px;
	line-height:1.4;
}
.product-complete-description p{
	margin:0 0 18px;
	color:#c8c8c8;
	font-size:16px;
	line-height:1.85;
	text-align:left;
}
.product-complete-description .brochure-feature{
	position:relative;
	margin-bottom:11px;
	padding-left:24px;
}
.product-complete-description .brochure-feature:before{
	content:"✓";
	position:absolute;
	left:0;
	top:0;
	color:#e65f78;
	font-weight:700;
}
.product-complete-description .brochure-detail{
	margin-top:24px;
	padding:16px 20px;
	background:#1b1b1b;
	border:1px solid rgba(255,255,255,.06);
	border-radius:6px;
	color:#eee;
}
.product-complete-description .brochure-source-note{
	padding:12px 16px;
	border-left:3px solid #e65f78;
	background:rgba(230,95,120,.07);
	color:#aaa;
	font-size:13px;
}
@media (max-width:768px){
	.product-complete-description h3{font-size:18px;}
	.product-complete-description p{font-size:15px;line-height:1.75;}
}