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



	01. ARLO HOMEPAGE 1

		1.1 ARLO SIDEBAR
		1.2 ARLO TOPMENU
		1.3 ARLO TOPBAR
		1.4 ARLO RIGHTPART 
		1.5 ARLO HERO
		1.6 ARLO ABOUT
		1.7 ARLO SERVICES
		1.8 ARLO PROGRESS 
		1.9 ARLO CALL TO ACTION
		1.10 ARLO PORTFOLIO
		1.11 ARLO DETAILS 
		1.12 ARLO TEAM
		1.13 ARLO TIMELINE
		1.14 ARLO TESTIMONIAL
		1.15 ARLO HOME NEWS
		1.16 ARLO PARTNERS
		1.17 ARLO CONTACT
		1.18 ARLO SINGLE SIDEBAR
		1.19 ARLO NEWS SINGLE
		1.20 ARLO PORTFOLIO SINGLE
		

	02. ARLO HOMEPAGE 2
		
		2.1 ARLO MENU
		2.2 ARLO HERO
		2.3 ARLO ABOUT
		2.4 ARLO SERVICES
		2.5 ARLO PORTFOLIO 


	03. ARLO HOMEPAGE 3

		3.1 ARLO HERO
		3.2 ARLO MENU
		3.3 ARLO ABOUT
		3.4 ARLO SKILLS 
		3.5 ARLO SERVICES
		3.6 ARLO PORTFOLIO 
		3.7 ARLO RESUME


	04. ARLO HOMEPAGE 4

		4.1 ARLO MENU
		4.2 ARLO HERO
		4.3 ARLO ABOUT
		4.4 ARLO SERVICES
		4.5 ARLO PORTFOLIO
		4.6 ARLO SKILLS
		4.7 ARLO TEAM
		4.8 ARLO TESTIMONIALS



/*---------------------------------------------------*/
/*	 ARLO BASE
/*---------------------------------------------------*/

html {
	overflow-x: hidden;
	padding: 0px;
	margin: 0px
}
body{
    font-family: RecoletaAlt-Regular; /*font-family: 'Work Sans', sans-serif;*/
	font-size: 20px;
	line-height: 1.41667;
	word-wrap: break-word;
	background-color: #fff;
	color: #000;
}
svg{
	fill: currentcolor;
	width: 15px;
	height: 15px;
}
img.svg{
	width: 15px;
	height: 15px;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #E84621;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #E84621;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #E84621;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #E84621;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color: #E84621;
}

::placeholder { /* Most modern browsers support this now. */
   color: #E84621;
}
.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_all_wrap .wrapper_inner{
	width: 100%;
	min-height: 100vh;
	clear: both;
	float: left;
}
.arlo_tm_section{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.arlo_tm_preloader{
  position: fixed;
  background-color: #F0B4AB;
  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%;}

/*---------------------------------------------------*/
/*	01) ARLO HOMEPAGE 1
/*---------------------------------------------------*/


/********	1.1 ARLO SIDEBAR  E84621;   *******/


.arlo_tm_leftpart{
	width: 400px;
	position: fixed;
	top: 0px;
	left: 0px;
	bottom: 0px;
	background-color: #000;
	z-index: 15;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.09);
	
	-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.opened{left: -400px;}
.arlo_tm_leftpart.opened2{left: -360px;}
.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 .light{display: none;}
.arlo_tm_leftpart .inner .logo img{
	max-width: 250px;
	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;
	font-weight: 500;
	display: block;
	position: relative;
	padding: 13px 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 a:hover{color: #ff4b36;}
.arlo_tm_leftpart .inner .menu ul li a:before{
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background-color: rgba(0,0,0,.1);
	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: 1px;
	background-color: rgba(0,0,0,.08);
	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 10px 0px 0px;
	display: inline-block;
}
.arlo_tm_leftpart .inner .bottom ul li a{
	text-decoration: none;
	color: #000;
	
	-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: #ff4b36;}
.arlo_tm_leftpart .inner .resize{
	width: 38px;
	height: 38px;
	background-color: #ff4b36;
	position: absolute;
	right: 0px;
	bottom: 20%;
	
	-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 .resize.opened{right: -38px;}
.arlo_tm_leftpart .inner .resize a{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 1;
}
.arlo_tm_leftpart .inner .resize a span{
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 7px 5px 0;
    border-color: transparent #fff transparent transparent;
    position: absolute;
	top: 14px;
    left: 15px;
	transform: rotate(0deg);
	
	-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 .resize a span.opened{
	transform: rotate(-180deg);
	left: 16px;
}

/********	1.2 ARLO TOPMENU    *******/

body.topmenu .arlo_tm_rightpart{padding-left: 0px;}
.arlo_tm_topmenu{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 11;
	padding: 30px 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_topmenu .topmenu_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.arlo_tm_topmenu .topmenu_inner .logo img{max-width: 50px;}
.arlo_tm_topmenu .topmenu_inner .logo .dark{display: none;}
.arlo_tm_topmenu .topmenu_inner .menu ul{
	margin: 0px;
	list-style-type: none;
}
.arlo_tm_topmenu .topmenu_inner .menu ul li{
	margin: 0px 25px 0px 0px;
	display: inline-block;
}
.arlo_tm_topmenu .topmenu_inner .menu ul li:last-child{margin-right: 0px;}
.arlo_tm_topmenu .topmenu_inner .menu 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_topmenu .topmenu_inner .menu ul li a:hover{color: #ff4b36;}
.arlo_tm_topmenu.animate{
	padding: 25px 0px;
	background-color: #fff;
	box-shadow: 0px 0px 20px rgba(0,0,0,.15);
}
.arlo_tm_topmenu.animate .topmenu_inner .logo .dark{display: block;}
.arlo_tm_topmenu.animate .topmenu_inner .logo .light{display: none;}
.arlo_tm_topmenu.animate .topmenu_inner .menu ul li a{color: #000;}
.arlo_tm_topmenu.animate .topmenu_inner .menu ul li a:hover{color: #ff4b36;}


/********	1.3 ARLO TOPBAR    *******/

.arlo_tm_topbar{
	width: 100%;
	height: auto;
	position: fixed;
	top: 0px;
	left: 0px;
	display: none;
	z-index: 10;
}
.arlo_tm_topbar .topbar_inner{
	width: 100%;
	height: auto;
	float: left;
	clear: both;
	background-color: #fff;
	padding: 20px 0px;
	border-bottom: 1px solid rgba(0,0,0,.2);
}
.arlo_tm_topbar .topbar_in{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.arlo_tm_topbar .topbar_inner .trigger a{
	text-decoration: none;
	color: #000;
}
.arlo_tm_topbar .topbar_inner .trigger a .close{display: none;}
.arlo_tm_topbar .topbar_inner .trigger a .close.opened{display: block;}
.arlo_tm_topbar .topbar_inner .trigger a .menu.closed{display: none;;}
.arlo_tm_topbar .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_topbar .dropdown .dropdown_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding: 25px 0px;
}
.arlo_tm_topbar .dropdown .dropdown_inner ul{
	margin: 0px;
	list-style-type: none;
}
.arlo_tm_topbar .dropdown .dropdown_inner ul li{
	margin: 0px;
	float: left;
	width: 100%;
}
.arlo_tm_topbar .dropdown .dropdown_inner ul li a{
	text-decoration: none;
	color: #000;
	display: inline-block;
	padding: 4px 0px;
	font-weight: 500;
}

/********	1.4 ARLO RIGHTPART    *******/

.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_tm_rightpart.opened{padding-left: 0px;}
.arlo_tm_rightpart .rightpart_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}

.arlo_tm_twinbox{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	display: flex;
}
.arlo_tm_twinbox .twinbox_left{
	width: 75%;
	height: auto;
	padding-right: 50px;
}
.arlo_tm_twinbox .twinbox_right{
	width:25%;
	height: auto;
}

/********	1.5 ARLO HERO    *******/

.arlo_tm_hero_header{
	width: 100%;
	height: 100vh;
	clear: both;
	float: left;
	position: relative;
	overflow: hidden;
}
.arlo_tm_hero_header .hero_image{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center;
}
.arlo_tm_hero_header .overlay{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: rgba(0,0,0,.6);
	z-index: 1;
}
.arlo_tm_hero_header .hero_content{
	width: 100%;
	height: auto;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	padding: 0px 20px;
	z-index: 3;
}
.arlo_tm_hero_header .hero_content .image_wrap{
	width: 200px;
    height: 200px;
    display: inline-block;
    margin-bottom: 43px;
	position: relative;
}
.arlo_tm_hero_header .hero_content .image_wrap img{border-radius: 100%; }
.arlo_tm_hero_header .hero_content .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_header .hero_content .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_header .hero_content .name_holder{margin-bottom: 9px;}
.arlo_tm_hero_header .hero_content .name_holder h3{
	color: #fff;
	font-size: 45px;
	font-weight: 700;
    font-family: RecoletaAlt-Bold;
}
.arlo_tm_hero_header .hero_content .name_holder h3 span{color: #ff4b36;}
.arlo_tm_hero_header .hero_content .text_typing p{
	color: #fff;
	font-size: 19px;
}
.arlo_tm_hero_header .hero_content .text_typing .arlo_tm_animation_text_word{font-weight: 500;}
.arlo_tm_arrow_wrap{
	position: absolute;
	left: 50%;
	bottom: 5%;
	transform: translateX(-50%);
	margin-left: -21px;
	z-index: 55;
}
.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;
}

/********	1.6 ARLO ABOUT    *******/

.arlo_tm_about_wrap_all{
    background-color: #F0B4AB;
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 138px;
}
.arlo_tm_about{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 118px;
}
.arlo_tm_about .about_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	display: flex;
	padding-top: 100px;
}
.arlo_tm_about .leftbox{
	width: 35%;
	float: left;
	height: auto;
}

.arlo_tm_about .rightbox .text{margin-bottom: 23px;}
.arlo_tm_about .rightbox .text span{
	color: #ff4b36;
	font-style: italic;
}
.arlo_tm_about .about_short_contact_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 19px;
}
.arlo_tm_about .arlo_tm_main_title_holder{margin-bottom: 40px;}
.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: 500;
	color: #000;
	min-width: 85px;
	display: inline-block;
}
.arlo_tm_about .about_short_contact_wrap ul li a{
	text-decoration: none;
	color: #ff4b36;
    position: relative;
	border-bottom: 1px solid transparent;
	
    -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:hover{border-bottom-color: #ff4b36;}
.arlo_tm_about .about_short_contact_wrap ul li .svg{
	position: absolute;
	left: 0px;
	top: 6px;
	width: 17px;
	height: 17px;
	color: #ff4b36;
}


/********	1.7 ARLO SERVICES   *******/

.arlo_title_holder{
    
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.arlo_title_holder h3{
    font-family: RecoletaAlt-Bold;
	position: relative;
	font-size: 35px;
	font-weight: 600;
	
}
.arlo_title_holder h3:before{
	position: absolute;
	content: "";
	width: 30px;
	height: 4px;
	background-color: #ff4b36;
	left: 0px;
	bottom: -11px;
}
.arlo_title_holder h3:after{
	position: absolute;
	content: "";
	width: 50px;
	height: 4px;
	background-color: #ff4b36;
	left: 0px;
	bottom: -20px;
}
.arlo_tm_services{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	background-color: #F0B4AB;
	padding: 138px 0px 104px 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;
}
.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: auto;
	clear: both;
	float: left;
	position: relative;
	background-color: #fff;
	box-shadow: 0 0 30px rgba(0, 0, 0,.08);
	top: 0px;
	padding: 45px 40px;
	
	-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: 0 0 30px rgba(0,0,0,.2);
}
.arlo_tm_services .service_inner ul li .inner:before{
	position: absolute;
	content: "";
	width: 8px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #ffedeb;
}
.arlo_tm_services .service_inner ul li .inner .number{position: relative;}
.arlo_tm_services .service_inner ul li .inner .number:before{
	position: absolute;
	content: "";
	height: 8px;
	left: 0px;
	right: -40px;
	bottom: -17px;
	background-color: #ffedeb;
}
.arlo_tm_services .service_inner ul li .inner .number span{
	font-weight: 600;
	color: #ff4b36;
	font-size: 16px;
}
.arlo_tm_services .service_inner ul li .inner .title{
	padding-top: 50px;
	margin-bottom: 13px;
}
.arlo_tm_services .service_inner ul li .inner .title h3{
	font-size: 23px;
}
.arlo_tm_services .service_inner ul li .inner .text{margin-bottom: 10px;}
.arlo_tm_services .service_inner ul li .inner .read_more a{
	text-decoration: none;
	color: #ff4b36;
	border-bottom: 1px solid transparent;
	
	-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 .read_more a:hover{border-bottom-color: #ff4b36;}

.arlo_tm_contact .left .about_image_wrap{position: relative;}
.arlo_tm_contact .left .about_image_wrap .image{
	position: absolute;
	z-index: 2;
}
.arlo_tm_contact .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_contact .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_contact .left .about_image_wrap img{opacity: 0;}
.arlo_tm_contact .rightbox{
	width: 65%;
	height: auto;
	padding-left: 70px;
}


.arlo_tm_contact .right .about_title h3 .arlo_tm_animation_text_word{color: #ff4b36;}






/********	1.14 ARLO TESTIMONIAL    *******/

.arlo_tm_testimonial{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.arlo_tm_testimonial .testimonial_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
}
.arlo_tm_testimonial .testimonial_bg{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 1;
}
.arlo_tm_testimonial .testimonial_bg .image{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.arlo_tm_testimonial .testimonial_bg .overlay{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 1;
	background-color: rgba(0,0,0,.8);
}
.arlo_tm_testimonial .testimonial_content{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	z-index: 2;
	padding: 150px 20px 150px 20px;
}
.arlo_tm_testimonial .testimonial_content .content_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;

	padding: 60px 60px 64px 146px;
}
.arlo_tm_testimonial .testimonial_content .content_inner .icon{
	position: absolute;
	left: 51px;
	top: 67px;
	line-height: 0;
}
.arlo_tm_testimonial .testimonial_content .content_inner .icon i{
	font-size: 60px;
	color: #ff4b36;
}
.arlo_tm_testimonial .testimonial_content .content_inner .texts p{
	font-size: 32px;
	font-family: 'RecoletaAlt-Light';
	margin-bottom: 32px;
    color: #F0B4AB;
}

.arlo_tm_testimonial .testimonial_content .content_inner .texts a{color: #fff;}

.arlo_tm_testimonial .testimonial_content .content_inner .title .name{
	color: #eee;
	font-size: 18px;
	font-weight: 300;
	margin-bottom: 3px;
}
.arlo_tm_testimonial .testimonial_content .content_inner .title .job{
	color: #ff4b36;
	font-size: 18px;
	font-weight: 400;
}
.arlo_tm_testimonial .testimonial_content ul{
	margin: 0px;
	list-style-type: none;
}
.arlo_tm_testimonial .testimonial_content ul li{
	margin: 0px;
}
.arlo_tm_timeline.second .timeline_inner ul li .inner .number span{color: #ff8f03;}
.arlo_tm_timeline.second .timeline_inner ul li .inner .number:before{background-color: #FFEAD2;}
.arlo_tm_timeline.second .timeline_inner ul li .inner:before{background-color: #FFEAD2;}
.arlo_tm_timeline.second .timeline_inner ul li .inner .title h3{font-size: 20px;}
.arlo_tm_home_news.second .news_inner ul li .inner .dates p .first a{color: #ff8f03;}
.arlo_tm_home_news.second .news_inner ul li .inner .dates p .first a:hover{border-bottom-color: #ff8f03;}
.arlo_tm_home_news.second .news_inner ul li .inner .details .title h3 a:hover{color: #ff8f03;}
.arlo_tm_home_news.second .news_inner ul li .inner .details .title h3{font-size: 20px;}



/********	1.17 ARLO CONTACT    *******/

.arlo_tm_contact_wrapper_all{
    
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 138px;
}

.arlo_tm_contact{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.arlo_tm_contact .contact_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	display: flex;
	padding: 83px 0px 130px 0px;
}
.arlo_tm_contact .contact_inner .left{
	width: 50%;
	padding-right: 40px;
}
button {
    outline: none !important;
    resize: none;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    box-shadow: none;
}
.arlo_tm_button {
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.arlo_tm_button a,
.arlo_tm_button button {
	text-decoration: none;
	color: #fff;
	background-color: #ff4b36;
	display: inline-block;
	padding: 10px 45px;
	overflow: hidden;
	position: relative;
	border: 0;
	cursor: pointer;
}
.arlo_tm_button a:before,
.arlo_tm_button button:before {
	position: absolute;
    content: "";
    top: 0px;
    height: 100%;
    left: -25%;
    width: 0%;
    background-color: #000;
    transform: skew(50deg);
    transition-duration: .6s;
    z-index: 1;
}
.arlo_tm_button a:hover:before,
.arlo_tm_button button:hover:before {
    width: 150%;
}
.arlo_tm_button span {
	position: relative;
	z-index: 2;
}

.contact_inner  h2{
    font-family: RecoletaAlt-Medium; 
    font-size: 22px;
}

.contact_inner  h2 span{
    color:#E84621;
}

.contact_inner  h2.interesse{
    font-family: RecoletaAlt-Bold; 
    font-size: 45px;
}

.contact_inner  h3{
    font-family: RecoletaAlt-Bold; 
    font-size: 26px;
}

å

.arlo_tm_contact .contact_inner .right .contact_title{
	width: 100%;
	float: left;
	margin-bottom: 43px;
    margin-top: 50px;
}
.arlo_tm_contact .contact_inner .right .contact_title h3{
	font-size: 40px;
	line-height: 1.2;
}
.arlo_tm_contact .contact_inner .right .contact_title h3 span{
	color: #ff8f03;
	font-style: italic;
}

.arlo_tm_contact .about_short_contact_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.arlo_tm_contact .about_short_contact_wrap ul{
	margin: 0px;
	list-style-type: none;
}
.arlo_tm_contact .about_short_contact_wrap ul li{
	margin: 0px 0px 10px 0px;
	width: 100%;
	float: left;
	position: relative;
	padding-left: 30px;
}

.arlo_tm_contact .contact_inner .right ul{
	margin: 0px;
	list-style-type: none;
}
.arlo_tm_contact .contact_inner .right ul li{
	margin: 0px 0px 27px 0px;
	float: left;
	width: 100%;
}
.arlo_tm_contact .contact_inner .right ul li:last-child{margin-bottom: 0px;}
.arlo_tm_contact .contact_inner .right ul li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
}


.arlo_tm_contact .contact_inner .right ul li .icon{
	position: absolute;
	top: 4px;
	left: 0px;
}
.arlo_tm_contact .contact_inner .right ul li .icon .svg{
	color: #E84621;
	width: 50px;
	height: 50px;
}

.arlo_tm_contact .contact_inner .right ul li .text{
margin-left: 70px;
}

.arlo_tm_contact .about_short_contact_wrap ul li:nth-of-type(2n){clear: right;}
.arlo_tm_contact ul li label{
	font-weight: 500;
	color: #000;
	min-width: 98px;
	display: inline-block;
}
.arlo_tm_contact .about_short_contact_wrap ul li a{
	text-decoration: none;
	color: #ff4b36;
    position: relative;
	border-bottom: 1px solid transparent;
	
    -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_contact .about_short_contact_wrap ul li a:hover{border-bottom-color: #ff4b36;}
.arlo_tm_contact .about_short_contact_wrap ul li .svg{
	position: absolute;
	left: 0px;
	top: 6px;
	width: 17px;
	height: 17px;
	color: #ff4b36;
}

.arlo_tm_contact .buttons{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
    margin-top: 50px;
    
}
.arlo_tm_contact .buttons ul{
	margin: 0px;
	list-style-type: none;
}
.arlo_tm_contact .buttons ul li{
	margin: 0px 15px 20px 0px;
	display: inline-block;
}
.arlo_tm_contact .buttons ul li a{
	text-decoration: none;
	color: #fff;
	background-color: #E84621;
	display: inline-block;
	padding: 10px 45px;
	position: relative;
	overflow: hidden;
}
.arlo_tm_contact .buttons ul li a:before{
	position: absolute;
    content: "";
    top: 0px;
    height: 100%;
    left: -25%;
    width: 0%;
    background-color: #000;
    transform: skew(50deg);
    transition-duration: .6s;
    z-index: 1;
}
.arlo_tm_contact .buttons ul li a:hover:before{width: 150%;}
.arlo_tm_contact .buttons ul li span{
	z-index: 2;
	position: relative;
}

.arlo_tm_contact .contact_inner .right{width: 50%;}
.arlo_tm_contact .contact_inner .right .input_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.arlo_tm_contact .contact_inner .right .input_wrap ul{
	margin: 0px;
	list-style-type: none;
}
.arlo_tm_contact .contact_inner .right .input_wrap ul li{
	margin: 0px 0px 25px 0px;
	width: 100%;
	float:left; 
}

.arlo_tm_contact .contact_inner .right .input_wrap ul li input {
	width: 100%;
	background-color: #F0B4AB;
	border: none;
    color: #000 !important;
}
.arlo_tm_contact .contact_inner .right .input_wrap ul li input:focus{outline: none;}
.arlo_tm_contact .contact_inner .right .input_wrap ul li textarea{
	width: 100%;
	background-color: #F0B4AB;
	border: none;
	height: 44px !important;
	resize: none;
    min-height: 200px;
    font-weight: 600;
    letter-spacing: 1.4px !important;
}
.arlo_tm_contact .contact_inner .right .input_wrap ul li textarea:focus{outline: none;}
.arlo_tm_contact_another .empty_notice,
.arlo_tm_contact .empty_notice{
	color: #F52225;
	margin-bottom: 7px;
	display: none;
	text-align: left;
	font-weight: 500;
}
.arlo_tm_contact_another .contact_error,
.arlo_tm_contact .contact_error{
	color: #F52225;
	text-align: left;
	font-weight: 500;
}
.arlo_tm_contact_another .returnmessage,
.arlo_tm_contact .returnmessage{
	color:#3A00FF;
	margin-bottom: 7px;
	text-align: left;
	font-weight: 500;
}

/********	1.18 ARLO SINGLE SIDEBAR    *******/

.arlo_tm_sidebar_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.arlo_tm_sidebar_wrap .search_wrap{
	width: 100%;
	height: auto;
	float: left;
	position: relative;
	margin-bottom: 37px;
}
.arlo_tm_sidebar_wrap .search_wrap input[type="text"]{
	background-color: transparent;
	border: 1px solid rgba(0,0,0,.2);
	width: 100%;
	color: #6f6f6f;
	height: 50px;
	padding-left: 15px !important;
	padding-right: 40px !important;
}
.arlo_tm_sidebar_wrap .search_wrap input[type="text"]:focus{outline: none;}
.arlo_tm_sidebar_wrap .search_wrap input[type="submit"]{
	width: 40px;
	height: 49px;
	background-color: transparent;
	text-transform: capitalize;
	position: absolute;
	top: 1px;
	right: 0px;
}
.arlo_tm_sidebar_wrap .search_wrap input[type="submit"]:focus{outline: none;}
.arlo_tm_sidebar_wrap .search_wrap .svg{
	position: absolute;
	top: 19px;
	right: 15px;
}
.arlo_tm_sidebar_wrap .sidebar_list_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.arlo_tm_sidebar_wrap .sidebar_list_wrap > ul{
	margin: 0px;
	list-style-type: none;
}
.arlo_tm_sidebar_wrap .sidebar_list_wrap > ul > li{
	margin: 0px 0px 37px 0px;
	width: 100%;
	float: left;
}
.arlo_tm_sidebar_wrap .sidebar_list_wrap > ul > li.archive{margin-bottom: 26px;}
.arlo_tm_sidebar_wrap .sidebar_list_wrap > ul > li:last-child{margin-bottom: 0px;}
.arlo_tm_sidebar_wrap .sidebar_list_wrap > ul > li:nth-child(1){margin-bottom: 26px;}
.arlo_tm_sidebar_wrap .sidebar_list_wrap > ul > li:nth-child(4){margin-bottom: 32px;}
.arlo_tm_sidebar_wrap .sidebar_list_wrap ul li .title_holder{
	width: 100%;
	float: left;
}
.arlo_tm_sidebar_wrap .sidebar_list_wrap ul li .title_holder h3{
	position: relative;
	text-transform: capitalize;
    color: #000;
    font-size: 16px;
    font-weight: 600;
}
.arlo_tm_sidebar_wrap .sidebar_list_wrap ul li .title_holder h3:before{
	position: absolute;
	content: "";
	width: 32px;
	height: 2px;
	background-color: #ff4b36;
	left: 0px;
	bottom: -7px;
}
.arlo_tm_sidebar_wrap .sidebar_list_wrap ul li .author_image{
	padding-top: 56px;
	margin-bottom: 21px;
}
.arlo_tm_sidebar_wrap .sidebar_list_wrap ul li .posts_list{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 38px;
}
.arlo_tm_sidebar_wrap .sidebar_list_wrap ul li .posts_list ul{
	margin: 0px;
	list-style-type: none;
}
.arlo_tm_sidebar_wrap .sidebar_list_wrap ul li .posts_list ul li{
	margin: 0px 0px 30px 0px;
	width: 100%;
	float: left;
}
.arlo_tm_sidebar_wrap .sidebar_list_wrap ul li .posts_list ul li:last-child{margin-bottom: 0px;}
.arlo_tm_sidebar_wrap .sidebar_list_wrap ul li .posts_list ul li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
}
.arlo_tm_sidebar_wrap .sidebar_list_wrap ul li .posts_list ul li .title_date{
	position: relative;
	padding-left: 20px;
}
.arlo_tm_sidebar_wrap .sidebar_list_wrap ul li .posts_list ul li .title_date h3{
	font-size: 15px;
    font-family: "Roboto";
	font-weight: 400;
}
.arlo_tm_sidebar_wrap .sidebar_list_wrap ul li .posts_list ul li .title_date h3 a{
	text-decoration: none;
	color: #6f6f6f;
	
	-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_sidebar_wrap .sidebar_list_wrap ul li .posts_list ul li:hover .title_date h3 a{color: #ff4b36;}
.arlo_tm_sidebar_wrap .sidebar_list_wrap ul li .posts_list ul li .title_date span{
	font-size: 14px;
	color: #6f6f6f;
}
.arlo_tm_sidebar_wrap .sidebar_list_wrap ul li .posts_list ul li .post_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	display: flex;
	align-items: center;
}
.arlo_tm_sidebar_wrap .sidebar_list_wrap ul li .posts_list ul li .post_image{
	max-width: 100px;
	position: relative;
}
.arlo_tm_sidebar_wrap .sidebar_list_wrap ul li .posts_list ul li .post_image .image{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.arlo_tm_sidebar_wrap .sidebar_list_wrap ul li .posts_list ul li .arlo_tm_post_full_link{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 6;
}
.arlo_tm_sidebar_wrap .sidebar_list_wrap ul li .posts_list .overlay_post{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 2;
	background-color: rgba(0,0,0,.5);
	display: none;
}
.arlo_tm_sidebar_wrap .sidebar_list_wrap ul li .list_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 25px;
}
.arlo_tm_sidebar_wrap .sidebar_list_wrap ul li .list_wrap.archives{padding-top: 28px;}
.arlo_tm_sidebar_wrap .sidebar_list_wrap ul li .list_wrap ul{
	margin: 0px;
	list-style-type: none;
}
.arlo_tm_sidebar_wrap .sidebar_list_wrap ul li .list_wrap ul li{
	margin: 0px 0px 15px 0px;
	width: 100%;
	float: left;
	border-bottom: 1px solid rgba(0,0,0,.1);
}
.arlo_tm_sidebar_wrap .sidebar_list_wrap ul li .list_wrap ul li:last-child{
	margin-bottom: 0px;
	border-bottom: none;
}
.arlo_tm_sidebar_wrap .sidebar_list_wrap ul li .list_wrap ul li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.arlo_tm_sidebar_wrap .sidebar_list_wrap ul li .list_wrap ul li .inner a{
	text-decoration: none;
	color: #6f6f6f;
	
	-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_sidebar_wrap .sidebar_list_wrap ul li .list_wrap ul li .inner a:hover{color: #ff4b36;}
.arlo_tm_sidebar_wrap .sidebar_list_wrap ul li .list_wrap ul li .inner .right span{color: #6f6f6f;}
.arlo_tm_sidebar_wrap .sidebar_list_wrap ul li .tags{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 37px;
}
.arlo_tm_sidebar_wrap .sidebar_list_wrap ul li .tags ul{
	margin: 0px;
	list-style-type: none;
}
.arlo_tm_sidebar_wrap .sidebar_list_wrap ul li .tags ul li{
	margin: 0px 1px 5px 0px;
	display: inline-block;
}
.arlo_tm_sidebar_wrap .sidebar_list_wrap ul li .tags ul li a{
	text-decoration: none;
    color: #000;
    display: inline-block;
    padding: 5px 20px;
    text-transform: capitalize;
    font-size: 13px;
	border: 1px solid rgba(0,0,0,.2);
	
	-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_sidebar_wrap .sidebar_list_wrap ul li .tags ul li a:hover{
	background-color: #000;
	color: #fff;
}
.arlo_tm_pagination{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 100px;
	display: flex;
	align-items: center;
}
.arlo_tm_pagination ul{
	margin: 0px;
	list-style-type: none;
}
.arlo_tm_pagination ul li{
	margin: 0px 5px 5px 0px;
	float: left;
	text-align:center; 
	width: 38px;
	height: 38px;
	line-height: 38px;
	background-color:  #6f6f6f; 
}
.arlo_tm_pagination ul li:nth-child(1){background-color: #ff4b36;}
.arlo_tm_pagination ul li span{
	color: #fff;
	font-size: 14px;
}
.arlo_tm_pagination ul li a{
	text-decoration: none;
	color: #fff;
	display: block;
	font-size: 14px;
	
	-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_pagination ul li a:hover{background-color: #ff4b36;}
.arlo_tm_pagination .view{padding-left: 10px;}
.arlo_tm_footer{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	box-shadow: 0 0 30px rgba(0, 0, 0,.08);
	padding: 61px 0px;
}
.arlo_tm_footer .footer_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.arlo_tm_footer .footer_inner .copyright a{
	text-decoration: none;
	color: #ff4b36;
	border-bottom: 1px solid transparent;
	
	-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_footer .footer_inner .copyright a:hover{border-bottom-color: #ff4b36;}
.arlo_tm_footer .footer_inner .top{
	width: 50px;
	height: 50px;
	background-color: #ff4b36;
	position: relative;
}
.arlo_tm_footer .footer_inner .top span{
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 7px 8px;
    border-color: transparent transparent #fff transparent;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.arlo_tm_footer .footer_inner .top a{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 1;
}



/********	1.20 ARLO PORTFOLIO SINGLE    *******/

.arlo_tm_portfolio_all_wrap{
	width: 100%;
	height: auto;
	float: left;
	padding-top: 139px;
}
.arlo_tm_portfolio_single{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 80px;
	margin-bottom: 100px;
}
.arlo_tm_portfolio_single .portfolio_single_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.arlo_tm_portfolio_single .portfolio_title_holder{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.arlo_tm_portfolio_single .portfolio_title_holder h3{font-size: 35px;}
.arlo_tm_portfolio_single .descriptions_section{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	display: flex;
	padding-top: 76px;
	margin-bottom: 90px;
}
.arlo_tm_portfolio_single .descriptions_section .left{width: 40%;}
.arlo_tm_portfolio_single .descriptions_section .left .detail{margin-bottom: 30px;}
.arlo_tm_portfolio_single .descriptions_section .left .detail h3{font-size: 23px;}
.arlo_tm_portfolio_single .descriptions_section .left ul{
	margin: 0px;
	list-style-type: none;
}
.arlo_tm_portfolio_single .descriptions_section .left ul li{
	margin: 0px 0px 10px 0px;
	width: 100%;
	float: left;
}
.arlo_tm_portfolio_single .descriptions_section .left ul li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	padding-left: 30px;
}
.arlo_tm_portfolio_single .descriptions_section .left ul li .inner span{display: inline-block;}
.arlo_tm_portfolio_single .descriptions_section .left ul li .inner .first{
	min-width: 110px;
	font-weight: 500;
	color: #000000;
}
.arlo_tm_portfolio_single .descriptions_section .left ul li .inner span a{
	text-decoration: none;
	color: #ff4b36;
	border-bottom: 1px solid transparent;
	
	-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_single .descriptions_section .left ul li .inner span a:hover{border-bottom-color: #ff4b36;}
.arlo_tm_portfolio_single .descriptions_section .left ul li .inner .svg{
	position: absolute;
    left: 0px;
    top: 6px;
    width: 17px;
    height: 17px;
    color: #ff4b36;
}
.arlo_tm_portfolio_single .descriptions_section .right{width: 60%;}
.arlo_tm_portfolio_single .single_list{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.arlo_tm_portfolio_single .single_list ul{
	margin: 0px;
	list-style-type: none;
}
.arlo_tm_portfolio_single .single_list ul li{
	margin: 0px;
	float: left;
	width: 100%;
	margin-bottom: 50px;
}
.arlo_tm_portfolio_single .single_list ul li .image{position: relative;}
.arlo_tm_portfolio_single .single_list ul li .image img{min-width: 100%;}
.arlo_tm_portfolio_single .single_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;
}
.arlo_tm_prev_next{
	width: 100%;
	height: auto;
	float: left;
	clear: both;
}
.arlo_tm_prev_next ul{
	margin: 0px;
	list-style-type: none;
}
.arlo_tm_prev_next ul li{
	margin: 0px 7px 0px 0px;
	display: inline-block;
}
.arlo_tm_prev_next ul li a{
	display: block;
    text-decoration: none;
    width: auto;
    height: 40px;
    color: #fff;
    line-height: 41px;
    cursor: pointer;
    position: relative;
	background-color: #ff4b36;
}
.arlo_tm_prev_next ul li.prev a{padding: 0px 20px 0px 35px;}
.arlo_tm_prev_next ul li.next a{padding: 0px 35px 0px 20px;}
.arlo_tm_prev_next ul li.next a:before{
	width: 0px;
    height: 0px;
    content: '';
    position: absolute;
    border: 5px solid transparent;
    border-left-color: #fff;
    top: 15px;
    right: 15px;
}
.arlo_tm_prev_next ul li.prev a:before{
	width: 0px;
    height: 0px;
    content: '';
    position: absolute;
    border: 5px solid transparent;
    border-right-color: #fff;
    top: 15px;
    left: 15px;
}

/*---------------------------------------------------*/
/*	02) ARLO HOMEPAGE 2
/*---------------------------------------------------*/

.arlo_tm_second_hero .bottom.shape{
	position: absolute;
    bottom: -40px;
    left: 0;
    width: 100%;
    z-index: 3;
}

/********	2.1 ARLO MENU    *******/

.arlo_tm_menu_second{
	width: 100%;
	height: auto;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 10;
	padding: 35px 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_menu_second .inner{
	width: 100%;
	height: auto;
	clear:both;
	float: left;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.arlo_tm_menu_second.animate{
	padding: 25px 0px;
	background-color: #fff;
	box-shadow: 0px 0px 20px rgba(0,0,0,.2);
}
.arlo_tm_menu_second.animate .inner .logo .dark{display: block;}
.arlo_tm_menu_second.animate .inner .logo .light{display: none;}
.arlo_tm_menu_second .inner .logo img{max-width: 50px;}
.arlo_tm_menu_second .inner .logo .dark{display: none;}
.arlo_tm_menu_second.animate .inner .menu ul li a{color: #000;}
.arlo_tm_menu_second.animate .inner .menu ul li a:hover{color: #ff8f03;}
.arlo_tm_menu_second.animate .inner .social ul li a{color: #000;}
.arlo_tm_menu_second.animate .inner .social ul li a:hover{color: #ff8f03;}
.arlo_tm_menu_second .inner .menu ul{
	margin: 0px;
	list-style-type: none;
}
.arlo_tm_menu_second .inner .menu{padding: 0px 20px;}
.arlo_tm_menu_second .inner .menu ul li{
	margin: 0px 35px 0px 0px;
	float: left;
}
.arlo_tm_menu_second .inner .menu ul li:last-child{margin-right: 0px;}
.arlo_tm_menu_second .inner .menu 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_menu_second .inner .menu ul li a:hover{color: #ff8f03;}
.arlo_tm_menu_second .inner .social ul{
	margin: 0px;
	list-style-type: none;
}
.arlo_tm_menu_second .inner .social ul li{
	margin: 0px 18px 0px 0px;
	float: left;
}
.arlo_tm_menu_second .inner .social ul li:last-child{margin-right: 0px;}
.arlo_tm_menu_second .inner .social 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_menu_second .inner .social ul li a:hover{color: #ff8f03;}

/********	2.2 ARLO HERO    *******/

.arlo_tm_second_hero{
	width: 100%;
	height: 100vh;
	position: relative;
	margin-bottom: 125px;
}
.arlo_tm_second_hero .hero_image{
	position:absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.arlo_tm_second_hero .hero_overlay{
	position:absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: rgba(0,0,0,.5);
}
.arlo_tm_second_hero .container{height: 100%;}
.arlo_tm_second_hero .hero_texts{
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	text-align: center;
	transform: translate(-50%,-50%);
	z-index: 1;
}
.arlo_tm_second_hero .hero_texts .hello h3{
	color: #ff8f03;
	margin-bottom: 12px;
	font-family: "Montserrat";
}
.arlo_tm_second_hero .hero_texts .name h3{
	color: #fff;
	font-size: 80px;
	margin-bottom: 10px;
	font-family: "Montserrat";
}
.arlo_tm_second_hero .hero_texts .job p{
	color: #fff;
	font-size: 20px;
}








/*---------------------------------------------------*/
/*	03) ARLO HOMEPAGE 3
/*---------------------------------------------------*/

.arlo_tm_third_homepage h3{font-family: "Montserrat";}
.arlo_tm_third_homepage{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}

/********	3.1 ARLO HERO    *******/

.arlo_tm_third_hero{
	width: 100%;
	height: 100vh;
	position: relative;
	float: left;
	margin-bottom: 138px;
}
.arlo_tm_third_hero .image{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.arlo_tm_third_hero .overlay{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: rgba(0,0,0,.5);
	z-index: 1;
}
.arlo_tm_third_hero .container{height: 100%;}
.arlo_tm_third_hero .hero_texts{
	position: fixed;
	z-index: 2;
	top: 50%;
	transform: translateY(-50%);
}
.arlo_tm_third_hero .hero_texts.changed{position: relative;}
.arlo_tm_third_hero .hero_texts h3{
	color: #fff;
	text-transform:capitalize;
	font-size: 90px;
	font-weight: 700;
	margin-bottom: 38px;
	position: relative;
	line-height: 1;
}
.arlo_tm_third_hero .hero_texts .www{max-width: 700px;}
.arlo_tm_third_hero .hero_texts .subtitle{
	text-transform:lowercase;
	font-size: 23px;
	color: #c7c7c7;
}
.arlo_tm_third_hero .arlo_tm_animation_text_word{
	color: #17cca3;
}
.arlo_tm_third_hero .arlo_down{
	position: absolute;
	z-index: 7;
	bottom: 60px;
}
.arlo_tm_third_hero .arlo_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;
}
.arlo_tm_third_hero .arlo_down .line_wrapper{
    width: 1px;
    height: 50px;
    background: none;
	display: block;
}
.arlo_tm_third_hero .arlo_down .line_wrapper:before{
	content: "";
	background-color: #fff;
	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;
  }
}

/********	3.2 ARLO MENU    *******/

.arlo_tm_third_menu{
	position: fixed;
	width: 100%;
	top: 0px;
	left: 0px;
	padding: 35px 0px;
	z-index: 11;
	
	-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_third_menu .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.arlo_tm_third_menu .inner .logo img{max-width: 50px;}
.arlo_tm_third_menu .inner .logo .dark{display: none;}
.arlo_tm_third_menu .inner .menu ul{
	list-style-type: none;
	margin: 0px;
}
.arlo_tm_third_menu .inner .menu ul li{
	margin: 0px 35px 0px 0px;
	float: left;
}
.arlo_tm_third_menu .inner .menu ul li:last-child{margin-right: 0px;}
.arlo_tm_third_menu .inner .menu 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_third_menu .inner .menu ul li a:hover{color: #17cca3;}
.arlo_tm_third_menu.animate{
	padding: 25px 0px;
    background-color: #fff;
    box-shadow: 0px 0px 20px rgba(0,0,0,.2);
}
.arlo_tm_third_menu.animate .logo .dark{display: block;}
.arlo_tm_third_menu.animate .logo .light{display: none;}
.arlo_tm_third_menu.animate .menu ul li a{color: #000;}
.arlo_tm_third_menu.animate .menu ul li a:hover{color: #17cca3;}


/********	3.3 ARLO ABOUT    *******/

.robex_about{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 125px;
}
.robex_about .about_in{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
}
.robex_about .about_image{
	max-width: 300px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	margin-top: 30px;
	opacity: 0;
	visibility: hidden;
	
	-webkit-transition: all .5s ease;
	   -moz-transition: all .5s ease;
	    -ms-transition: all .5s ease;
	     -o-transition: all .5s ease;
	        transition: all .5s ease;
}
.robex_about .about_image.opened{
	opacity: 1;
	visibility: visible;
	margin-top: 0px;
}
.robex_about .about_image .image{
	position: relative;
}
.robex_about .about_image .image img{
	min-width: 100%;
}
.robex_about .about_image .image .main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.robex_title_holder{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.robex_title_holder h3{
	font-size: 35px;
	position: relative;
}
.robex_title_holder h3:before{
	position: absolute;
	content: url("..//img/shape/1.png");
	bottom: -35px;
	left: 0px;
}
.robex_about .about_main{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 107px;
}
.robex_about .about_main p{
	font-size: 23px;
	margin-bottom: 20px;
	font-style: italic;
}
.robex_about .about_main p .name{
	text-decoration: none;
	position: relative;
	cursor: pointer;
	border-bottom: 3px solid #17cca3;
}
.robex_about .social_icons{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
}
.robex_about .social_icons span{
	position: absolute;
	left: 0px;
	font-size: 23px;
	font-weight: 500;
	font-style: italic;
}
.robex_about .social_icons ul{
	margin: 0px;
	list-style-type: none;
	padding-left: 130px;
	display: flex;
	align-content: center;
}
.robex_about .social_icons ul li{
	margin: 0px 10px 0px 0px;
	display: inline-block;
}
.robex_about .social_icons ul li a{
	text-decoration: none;
	color: #6f6f6f;
	font-size: 23px;

	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.robex_about .social_icons ul li a:hover{color: #17cca3;}

/********	3.4 ARLO SKILLS    *******/

.arlo_tm_skills_second{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 130px;
}
.arlo_tm_skills_second .skills_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	display: flex;
}
.arlo_tm_skills_second .skills_inner .progress_inner{margin-bottom: 41px;}
.arlo_tm_skills_second .skills_inner .progress_inner:last-child{margin-bottom: 0px;}
.arlo_tm_skills_second .skills_inner .left{
	width: 50%;
	padding-right: 50px;
}
.arlo_tm_skills_second .skills_inner .right{
	width: 50%;
	padding-left: 50px;
}

/********	3.5 ARLO SERVICES    *******/

.arlo_tm_services_third{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 90px;
}
.arlo_tm_services_third .service_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 122px;
}
.arlo_tm_services_third .service_inner ul{
	margin: 0px 0px 0px -50px;
	list-style-type: none;
}
.arlo_tm_services_third .service_inner ul li{
	margin: 0px 0px 50px 0px;
	width: 33.3333%;
	float: left;
	padding-left: 50px;
}
.arlo_tm_services_third .service_inner ul li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	box-shadow: 0px 0px 20px rgba(0,0,0,.1);
	padding: 60px 40px;
	
	-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_third .service_inner ul li .inner:hover{box-shadow: 0px 0px 20px rgba(0,0,0,.15);}
.arlo_tm_services_third .service_inner ul li .inner .icon{
	position: absolute;
	left: 40px;
	top: 60px;
}
.arlo_tm_services_third .service_inner ul li .inner .icon .svg{
	width: 40px;
	height: 40px;
	color: #17cca3;
}
.arlo_tm_services_third .service_inner ul li .inner .details{padding-left: 70px;}
.arlo_tm_services_third .service_inner ul li .inner .details .title h3{
	font-size: 18px;
	margin-bottom: 15px;
}

/********	3.6 ARLO PORTFOLIO    *******/

.arlo_tm_portfolio_third{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 88px;
}
.arlo_tm_portfolio_third .portfolio_list{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 122px;
}
.arlo_tm_portfolio_third .portfolio_list ul{
	margin: 0px 0px 0px -50px;
	list-style-type: none;
}
.arlo_tm_portfolio_third .portfolio_list ul li{
	margin: 0px 0px 50px 0px;
	float: left;
	width: 33.3333%;
	padding-left: 50px;
}
.arlo_tm_portfolio_third .portfolio_list ul li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	overflow: hidden;
}
.arlo_tm_portfolio_third .portfolio_list ul li .inner .image{position: relative;}
.arlo_tm_portfolio_third .portfolio_list ul li .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 .5s ease;
	   -moz-transition: all .5s ease;
	    -ms-transition: all .5s ease;
	     -o-transition: all .5s ease;
	        transition: all .5s ease;
}
.arlo_tm_portfolio_third .portfolio_list ul li .inner:hover .main{
	filter: blur(5px);
}
.arlo_tm_portfolio_third .portfolio_list ul li .inner .text{
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	
	-webkit-transition: all .5s ease;
	   -moz-transition: all .5s ease;
	    -ms-transition: all .5s ease;
	     -o-transition: all .5s ease;
	        transition: all .5s ease;
}
.arlo_tm_portfolio_third .portfolio_list ul li .inner .text h3{
	font-size: 18px;
	color: #fff;
}
.arlo_tm_portfolio_third .portfolio_list ul li .inner .text span{color: #fff;}
.arlo_tm_portfolio_third .portfolio_list ul li .inner:hover .text{
	opacity: 1;
	visibility: visible;
}
.arlo_tm_portfolio_third .portfolio_list ul li .inner .link{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 2;
}

/********	3.7 ARLO RESUME    *******/

.arlo_tm_resume_second{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 88px;
}
.arlo_tm_resume_second .resume_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 122px;
}
.arlo_tm_resume_second .resume_inner ul{
	margin: 0px 0px 0px -50px;
	list-style-type: none;
}
.arlo_tm_resume_second .resume_inner ul li{
	margin: 0px 0px 50px 0px;
	width: 33.3333%;
	float: left;
	padding-left: 50px;
}
.arlo_tm_resume_second .resume_inner ul li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	box-shadow: 0px 0px 20px rgba(0,0,0,.1);
	padding: 60px 40px;
	
	-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_resume_second .resume_inner ul li .inner:hover{ box-shadow: 0px 0px 20px rgba(0,0,0,.15);}
.arlo_tm_resume_second .resume_inner ul li .inner .short{
	width: 100%;
	float: left;
	border-bottom: 1px solid rgba(0,0,0,.2);
	margin-bottom: 20px;
}
.arlo_tm_resume_second .resume_inner ul li .inner .short h3{
	font-size: 18px;
}
.arlo_tm_resume_second .resume_inner ul li .inner .short p{
	font-size: 14px;
	padding-bottom: 10px;
	color: #17cca3;
}
.arlo_tm_team.third .team_inner{padding-top: 122px;}
.arlo_tm_team.third .team_inner > ul > li .inner .details h3{font-size: 18px;}
.arlo_tm_team.third .team_inner > ul > li .inner .social{background-color: #17cca3;}
.arlo_tm_testimonial.third{margin-bottom: 138px;}
.arlo_tm_testimonial.third .testimonial_content .content_inner .icon i{color: #17cca3;}
.arlo_tm_testimonial.third .testimonial_content .content_inner .title .job{color: #17cca3;}
.arlo_tm_home_news_wrapper_all.third{padding-top: 0px;}
.arlo_tm_home_news.third{margin-bottom: 88px;}
.arlo_tm_home_news.third .news_inner{padding-top: 122px;}
.arlo_tm_home_news.third .news_inner ul li .inner .dates p .first a{color: #17cca3;}
.arlo_tm_home_news.third .news_inner ul li .inner .dates p .first a:hover{border-bottom-color: #17cca3;}
.arlo_tm_home_news.third .news_inner ul li .inner .details .title h3{font-size: 18px;}
.arlo_tm_home_news.third .news_inner ul li .inner .details .title h3 a:hover{color: #17cca3;}
.arlo_tm_contact.third .contact_inner{padding-top: 115px;}
.arlo_tm_contact.third .about_short_contact_wrap ul li .svg{color: #17cca3;}
.arlo_tm_contact.third .about_short_contact_wrap ul li a{color: #17cca3;}
.arlo_tm_contact.third .about_short_contact_wrap ul li a:hover{border-bottom-color: #17cca3;}
.arlo_tm_contact.third .arlo_tm_button a{background-color: #17cca3;}
.arlo_tm_contact_wrapper_all.third{padding-top: 0px;}
.arlo_tm_footer.third .footer_inner .copyright a{color: #17cca3;}
.arlo_tm_footer.third .footer_inner .copyright a:hover{border-bottom-color: #17cca3;}
.arlo_tm_footer.third .footer_inner .top{background-color: #17cca3;}


/*---------------------------------------------------*/
/*	04) ARLO HOMEPAGE 4
/*---------------------------------------------------*/

body.third h3{
	font-family: "Montserrat";
}
.arlo_tm_arrow_wrap_second{
	position: absolute;
	left: 50%;
	bottom: 5%;
	transform: translateX(-50%);
	margin-left: -21px;
	z-index: 55;
}
.arlo_tm_arrow_wrap_second.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_second a{
	text-decoration: none;
	color: #fff;
	font-size: 30px;
}

/********	4.1 ARLO MENU    *******/

.arlo_tm_fourth_menu{
	position: fixed;
	width: 100%;
	top: 0px;
	left: 0px;
	padding: 35px 0px;
	z-index: 11;
	
	-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_fourth_menu .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.arlo_tm_fourth_menu .inner .logo img{max-width: 50px;}
.arlo_tm_fourth_menu .inner .logo .dark{display: none;}
.arlo_tm_fourth_menu .inner .menu ul{
	list-style-type: none;
	margin: 0px;
}
.arlo_tm_fourth_menu .inner .menu ul li{
	margin: 0px 35px 0px 0px;
	float: left;
}
.arlo_tm_fourth_menu .inner .menu ul li:last-child{margin-right: 0px;}
.arlo_tm_fourth_menu .inner .menu 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_fourth_menu .inner .menu ul li a:hover{color: #17cca3;}
.arlo_tm_fourth_menu.animate{
	padding: 25px 0px;
    background-color: #fff;
    box-shadow: 0px 0px 20px rgba(0,0,0,.2);
}
.arlo_tm_fourth_menu.animate .logo .dark{display: block;}
.arlo_tm_fourth_menu.animate .logo .light{display: none;}
.arlo_tm_fourth_menu.animate .menu ul li a{color: #000;}
.arlo_tm_fourth_menu.animate .menu ul li a:hover{color: #17cca3;}

.arlo_tm_fourth_menu .inner .menu ul li a:hover{color: #FF5E5F;}

/********	4.2 ARLO HERO    *******/

.arlo_tm_hero_fourth{
	width: 100%;
	height: 100vh;
	float: left;
	position: relative;
	clip-path: polygon(0 0, 100% 0, 100% 85%, 50% 100%, 0 85%);
	margin-bottom: 160px;
}
.arlo_tm_hero_fourth .image{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.arlo_tm_hero_fourth .overlay{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: rgba(0,0,0,.5);
}
.arlo_tm_hero_fourth .hero_text{
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	z-index: 2;
}
.arlo_tm_hero_fourth .hero_text h3{
	color: #fff;
	margin-bottom: 6px;
}
.arlo_tm_hero_fourth .hero_text p{
	color: #fff;
	font-size: 55px;
	font-weight: 700;
	margin-bottom: 5px;
}
.arlo_tm_hero_fourth .hero_text .social ul{
	margin: 0px;
	list-style-type: none;
}
.arlo_tm_hero_fourth .hero_text .social ul li{
	margin: 0px 10px 0px 0px;
	display: inline-block
}
.arlo_tm_hero_fourth .hero_text .social 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_hero_fourth .hero_text .social ul li a:hover{color: #FF5E5F;}

/********	4.3 ARLO ABOUT    *******/

.arlo_tm_about_third{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 140px;
}
.arlo_tm_about_third{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.arlo_tm_about_third .about_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	text-align: center;
}
.arlo_tm_about_third .about_inner .about_image{
	width: 100%;
	max-width: 200px;
	height: 200px;
	margin: 0px auto;
}
.arlo_tm_about_third .about_inner .about_image .image{position: relative;}
.arlo_tm_about_third .about_inner .about_image .image img{border-radius: 100%;}
.arlo_tm_about_third .about_inner .about_image .image .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_about_third .about_inner .about_image{margin-bottom: 50px;}
.arlo_tm_about_third .about_inner .about_image .image .main:before{
	position: absolute;
	content: "";
	top: -10px;
	bottom: -10px;
	right: -10px;
	left: -10px;
	background-color: rgba(0,0,0,.08);
	border-radius: 100%;
	z-index: -1;
}
.arlo_tm_about_third .about_inner .text{
	width: 100%;
	max-width: 720px;
	margin: 0px auto;
	margin-bottom: 40px;
}
.arlo_tm_about_third .about_inner .text p span{
	color: #FF5E5F;
	font-weight: 500;
}
.arlo_tm_third_button{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.arlo_tm_third_button a{
	text-decoration: none;
	display: inline-block;
	padding: 8px 33px;
	border: 2px solid #FF5E5F;
	position: relative;
	overflow: hidden;
}
.arlo_tm_third_button a:before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background-color: #FF5E5F;
	left: 0px;
	top: 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_third_button a:hover:before{left: 100%;}
.arlo_tm_third_button a span{
	position: relative;
	z-index: 1;
	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_third_button a:hover span{color: #000;}


/********	4.4 ARLO SERVICES    *******/

.arlo_tm_services_fourth{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 135px;
	padding-bottom: 140px;
	margin-bottom: 133px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-image: url("..//img/shape/1.jpg");
}
.tt{width: 100%;float: left;padding-top: 135px;}
.arlo_tm_title_holder_third{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	text-align: center;
}
.arlo_tm_title_holder_third h3{
	font-size: 50px;
	position: relative;
	display: inline-block;
	z-index: 2;
}
.arlo_tm_title_holder_third h3:before{
	position: absolute;
	content: "";
	width: 100%;
	left: 0px;
	bottom: 15px;
	height: 10px;
	z-index: 1;
	background-color: #FF5E5F;
}
.arlo_tm_title_holder_third h3 span{
	position: relative;
	z-index: 2;
}
.arlo_tm_services_fourth .service_list{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 85px;
	margin-bottom: 93px;
}
.arlo_tm_services_fourth .service_list ul{
	margin: 0px 0px 0px -50px;
	list-style-type: none;
}
.arlo_tm_services_fourth .service_list ul li{
	margin: 0px 0px 50px 0px;
	float: left;
	width: 33.3333%;
	padding-left: 50px;
}
.arlo_tm_services_fourth .service_list ul li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	background-color: #fff;
	box-shadow: 0px 0px 20px rgba(0,0,0,.1);
	padding: 60px 40px;
	text-align: center;
}
.arlo_tm_services_fourth .service_list ul li .inner:before{
	position: absolute;
    content: "";
    width: 0%;
    height: 3px;
    background-color: #FF5E5F;
    left: 50%;
    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_services_fourth .service_list ul li .inner:after{
	position: absolute;
    content: "";
    width: 0%;
    height: 3px;
    background-color: #FF5E5F;
    right: 50%;
    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_services_fourth .service_list ul li .inner:hover:before{width: 50%;}
.arlo_tm_services_fourth .service_list ul li .inner:hover:after{width: 50%;}
.arlo_tm_services_fourth .service_list ul li .inner .svg{
	width: 45px;
	height: 45px;
	color: #FF5E5F;
	margin-bottom: 10px;
}
.arlo_tm_services_fourth .service_list ul li .inner .title h3{
	font-size: 20px;
	margin-bottom: 20px;
}
.arlo_tm_skills_third{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}

.arlo_tm_skills_third .skills_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	display: flex;
}
.arlo_tm_skills_third .skills_inner .progress_inner{margin-bottom: 41px;}
.arlo_tm_skills_third .skills_inner .progress_inner:last-child{margin-bottom: 0px;}
.arlo_tm_skills_third .skills_inner .left{
	width: 50%;
	padding-right: 50px;
}
.arlo_tm_skills_third .skills_inner .right{
	width: 50%;
	padding-left: 50px;
}

/********	4.5 ARLO PORTFOLIO    *******/

.arlo_tm_portfolio_fourth{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 100px;
}
.arlo_tm_portfolio_fourth .portfolio_list{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 85px;
}
.arlo_tm_portfolio_fourth .portfolio_list ul{
	margin: 0px 0px 0px -50px;
	list-style-type: none;
}
.arlo_tm_portfolio_fourth .portfolio_list ul li{
	margin: 0px 0px 50px 0px;
	width: 33.3333%;
	float: left;
	padding-left: 50px;
}
.arlo_tm_portfolio_fourth .portfolio_list ul li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	overflow: hidden;
}
.arlo_tm_portfolio_fourth .portfolio_list ul li .inner .image{position: relative;}
.arlo_tm_portfolio_fourth .portfolio_list ul li .inner .image .main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	transform: 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_portfolio_fourth .portfolio_list ul li .inner:hover .main{
	transform: scale(1.1);
}
.arlo_tm_portfolio_fourth .portfolio_list ul li .inner .overlay{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: rgba(255,94,95,.85);
	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_portfolio_fourth .portfolio_list ul li .inner:hover .overlay{
	opacity: 1;
	visibility: visible;
}
.arlo_tm_portfolio_fourth .portfolio_list ul li .inner .text{
	position: absolute;
	top: 50%;
	width: 100%;
	text-align: center;
	transform: translateY(-50%);
	z-index: 1;
}
.arlo_tm_portfolio_fourth .portfolio_list ul li .inner .text h3{
	color: #fff;
	font-size: 20px;
	position: relative;
	top: -5px;
	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_portfolio_fourth .portfolio_list ul li .inner .text span{
	color: #fff;
	position: relative;
	bottom: -5px;
	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_portfolio_fourth .portfolio_list ul li .inner:hover .text h3{
	opacity: 1;
	visibility: visible;
	top: 0px;
}
.arlo_tm_portfolio_fourth .portfolio_list ul li .inner:hover .text span{
	opacity: 1;
	visibility: visible;
	bottom: 0px;
}
.arlo_tm_portfolio_fourth .portfolio_list ul li .inner .link{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 3;
}

/********	4.6 ARLO SKILLS    *******/

.arlo_tm_skills_fourth{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url("..//img/shape/1.jpg");
	padding-top: 135px;
	padding-bottom: 100px;
	margin-bottom: 135px;
}
.arlo_tm_skills_fourth .skills_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 85px;
}
.arlo_tm_skills_fourth .skills_inner ul{
	margin: 0px 0px 0px -50px;
	list-style-type: none;
}
.arlo_tm_skills_fourth .skills_inner ul li{
	margin: 0px 0px 50px 0px;
	width: 33.3333%;
	float: left;
	padding-left: 50px;
}
.arlo_tm_skills_fourth .skills_inner ul li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	background-color: #fff;
	padding: 60px 40px;
	box-shadow: 0px 0px 20px rgba(0,0,0,.1);
	text-align: 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;
}
.arlo_tm_skills_fourth .skills_inner ul li .inner:hover{box-shadow: 0px 0px 20px rgba(0,0,0,.15);}

.arlo_tm_skills_fourth .skills_inner ul li .inner .short{
	width: 100%;
	float: left;
	border-bottom: 1px solid rgba(0,0,0,.2);
	margin-bottom: 20px;
}
.arlo_tm_skills_fourth .skills_inner ul li .inner .short h3{
	font-size: 20px;
	padding-bottom: 15px;
}
.arlo_tm_skills_fourth .skills_inner ul li .inner .short p{
	font-size: 14px;
	color: #FF5E5F;
	font-weight: 500;
}

/********	4.7 ARLO TEAM    *******/

.arlo_tm_team_second{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 100px;
}
.arlo_tm_team_second .team_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 85px;
}
.arlo_tm_team_second .team_inner ul{
	margin: 0px 0px 0px -50px;
	list-style-type: none;
}
.arlo_tm_team_second .team_inner ul li{
	margin: 0px 0px 50px 0px;
	width: 33.3333%;
	float: left;
	padding-left: 50px;
}
.arlo_tm_team_second .team_inner ul li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	overflow: hidden;
}

.arlo_tm_team_second .team_inner ul li .inner .image{position: relative;}
.arlo_tm_team_second .team_inner ul li .inner .image .main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	transform: 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_team_second .team_inner ul li .inner:hover .main{
	transform: scale(1.1);
}
.arlo_tm_team_second .team_inner ul li .inner .overlay{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: rgba(255,94,95,.85);
	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_team_second .team_inner ul li .inner:hover .overlay{
	opacity: 1;
	visibility: visible;
}
.arlo_tm_team_second .team_inner ul li .inner .text{
	position: absolute;
	top: 50%;
	width: 100%;
	text-align: center;
	transform: translateY(-50%);
	z-index: 1;
}
.arlo_tm_team_second .team_inner ul li .inner .text h3{
	color: #fff;
	font-size: 20px;
	position: relative;
	top: -5px;
	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_team_second .team_inner ul li .inner .text span{
	color: #fff;
	position: relative;
	bottom: -5px;
	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_team_second .team_inner ul li .inner:hover .text h3{
	opacity: 1;
	visibility: visible;
	top: 0px;
}
.arlo_tm_team_second .team_inner ul li .inner:hover .text span{
	opacity: 1;
	visibility: visible;
	bottom: 0px;
}

/********	4.8 ARLO TESTIMONIALS    *******/

.arlo_tm_testimonial_second{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 135px;
}
.arlo_tm_testimonial_second .testimonial_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
}
.arlo_tm_testimonial_second .testimonial_bg{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 1;
}
.arlo_tm_testimonial_second .testimonial_bg .image{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.arlo_tm_testimonial_second .testimonial_bg .overlay{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 1;
	background-color: rgba(0,0,0,.8);
}
.arlo_tm_testimonial_second .testimonial_content{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	z-index: 2;
	padding: 150px 20px 150px 20px;
	text-align: center;
}
.arlo_tm_testimonial_second .testimonial_content .content_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	border: 10px solid rgba(255,255,255,1);
	padding: 60px 100px 64px 100px;
}
.arlo_tm_testimonial_second .testimonial_content .content_inner .icon i{
	font-size: 60px;
	color: #FF5E5F;
}
.arlo_tm_testimonial_second .testimonial_content .content_inner .texts p{
	color: #eee;
	font-size: 18px;
	font-weight: 300;
	margin-bottom: 32px;
}
.arlo_tm_testimonial_second .testimonial_content .content_inner .title .name{
	color: #eee;
	font-size: 18px;
	font-weight: 300;
	margin-bottom: 3px;
}
.arlo_tm_testimonial_second .testimonial_content .content_inner .title .job{
	color: #FF5E5F;
	font-size: 18px;
	font-weight: 400;
}
.arlo_tm_testimonial_second .testimonial_content ul{
	margin: 0px;
	list-style-type: none;
}
.arlo_tm_testimonial_second .testimonial_content ul li{
	margin: 0px;
}
.arlo_tm_home_news_wrapper_all.fourth{padding-top: 0px;}
.arlo_tm_home_news_wrapper_all.fourth .arlo_tm_home_news{margin-bottom: 85px;}
.arlo_tm_home_news_wrapper_all.fourth .arlo_tm_home_news .news_inner{padding-top: 85px;}
.arlo_tm_home_news_wrapper_all.fourth .arlo_tm_home_news .news_inner ul li .inner .details .title a:hover{color: #FF5E5F;}
.arlo_tm_home_news_wrapper_all.fourth .arlo_tm_home_news .news_inner ul li .inner .dates p .first a{color: #FF5E5F;}
.arlo_tm_home_news_wrapper_all.fourth .arlo_tm_home_news .news_inner ul li .inner .dates p .first a:hover{border-bottom-color: #FF5E5F;}
.arlo_tm_home_news_wrapper_all.fourth .arlo_tm_home_news .news_inner ul li .inner .details .title h3{font-size: 20px;}
.arlo_tm_contact_wrapper_all.fourth{padding-top: 0px;}
.arlo_tm_contact_wrapper_all.fourth .arlo_tm_contact .about_short_contact_wrap ul li .svg{color: #FF5E5F;}
.arlo_tm_contact_wrapper_all.fourth .arlo_tm_contact .about_short_contact_wrap ul li a{color: #FF5E5F;}
.arlo_tm_contact_wrapper_all.fourth .arlo_tm_contact .about_short_contact_wrap ul li a:hover{border-bottom-color: #FF5E5F;}
.arlo_tm_footer.fourth .footer_inner .copyright a{color: #FF5E5F;}
.arlo_tm_footer.fourth .footer_inner .copyright a:hover{border-bottom-color: #FF5E5F;}
.arlo_tm_footer.fourth .footer_inner .top{background-color: #FF5E5F;}


.arlo_tm_all_wrap[data-sidebar="no"] .arlo_tm_leftpart{display: none;}
.arlo_tm_all_wrap[data-sidebar="no"] .arlo_tm_rightpart{padding-left: 0px;}
.arlo_tm_all_wrap[data-sidebar="no"] .arlo_tm_portfolio_single{padding-top: 150px;}
.arlo_tm_all_wrap[data-sidebar="no"] .arlo_tm_news_single{padding-top: 150px;}


/*---------------------------------------------------*/
/*	  ARLO GLITCH EFFECT
/*---------------------------------------------------*/

.glitch{
	position: absolute;
 	width: 100%;
 	height: 100%;
	top: 0;
 	left: 0;
	background-image: url(..//img/slider/4.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;
	background-color:rgba(0,0,0,.6);
}

/*---------------------------------------------------*/
/*	  ARLO KENBURN EFFECT
/*---------------------------------------------------*/
.arlo_tm_kenburn_hero{
	width: 100%;
	height: 100vh;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.arlo_tm_kenburn_hero .overlay{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: rgba(0,0,0,.6);
	z-index: 1;
}
.arlo_tm_kenburn_hero .hero_content{
	width: 100%;
	height: auto;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	padding: 0px 20px;
	z-index: 3;
}
.arlo_tm_kenburn_hero .hero_content .image_wrap{
	width: 200px;
    height: 200px;
    display: inline-block;
    margin-bottom: 43px;
	position: relative;
}
.arlo_tm_kenburn_hero .hero_content .image_wrap img{border-radius: 100%;}
.arlo_tm_kenburn_hero .hero_content .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_kenburn_hero .hero_content .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_kenburn_hero .hero_content .name_holder{margin-bottom: 9px;}
.arlo_tm_kenburn_hero .hero_content .name_holder h3{
	color: #fff;
	text-transform: uppercase;
	font-size: 45px;
	font-weight: 700;
}
.arlo_tm_kenburn_hero .hero_content .name_holder h3 span{color: #ff4b36;}
.arlo_tm_kenburn_hero .hero_content .text_typing p{
	color: #fff;
	font-size: 19px;
}
.arlo_tm_kenburn_hero .hero_content .text_typing .arlo_tm_animation_text_word{font-weight: 500;}

/*---------------------------------------------------*/
/*	   ARLO PARTICLE EFFECT
/*---------------------------------------------------*/

.arlo_tm_hero_header.particle{
	background-image: url("..//img/slider/4.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#particles-js {
	width: 100%;
	height: 100vh;
  	position: absolute;
  	z-index: 2;
}

/*---------------------------------------------------*/
/*	   ARLO WATER EFFECT
/*---------------------------------------------------*/

.arlo_tm_hero_header_water{
	width: 100%;
	height: 100vh;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-image: url("..//img/slider/4.jpg");
}
.arlo_tm_hero_header_water .hero_image{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center;
}
.arlo_tm_hero_header_water .overlay{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: rgba(0,0,0,.6);
	z-index: 1;
}
.arlo_tm_hero_header_water .hero_content{
	width: 100%;
	height: auto;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	padding: 0px 20px;
	z-index: 3;
}
.arlo_tm_hero_header_water .hero_content .image_wrap{
	width: 200px;
    height: 200px;
    display: inline-block;
    margin-bottom: 43px;
	position: relative;
}
.arlo_tm_hero_header_water .hero_content .image_wrap img{border-radius: 100%;}
.arlo_tm_hero_header_water .hero_content .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_header_water .hero_content .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_header_water .hero_content .name_holder{margin-bottom: 9px;}
.arlo_tm_hero_header_water .hero_content .name_holder h3{
	color: #fff;
	text-transform: uppercase;
	font-size: 45px;
	font-weight: 700;
}
.arlo_tm_hero_header_water .hero_content .name_holder h3 span{color: #ff4b36;}
.arlo_tm_hero_header_water .hero_content .text_typing p{
	color: #fff;
	font-size: 19px;
}
.arlo_tm_hero_header_water .hero_content .text_typing .arlo_tm_animation_text_word{font-weight: 500;}

/*---------------------------------------------------*/
/*	   ARLO VIDEO DEMO
/*---------------------------------------------------*/

.arlo_tm_video_hero_wrap{
	width: 100%;
	height: 100vh;
	position: relative;
}
.arlo_tm_video_hero_wrap .overlay{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: rgba(0,0,0,.6);
	z-index: 1;
}
.arlo_tm_video_hero_wrap .hero_content{
	width: 100%;
	height: auto;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	padding: 0px 20px;
	z-index: 3;
}
.arlo_tm_video_hero_wrap .hero_content .image_wrap{
	width: 200px;
    height: 200px;
    display: inline-block;
    margin-bottom: 43px;
	position: relative;
}
.arlo_tm_video_hero_wrap .hero_content .image_wrap img{border-radius: 100%;  }
.arlo_tm_video_hero_wrap .hero_content .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_video_hero_wrap .hero_content .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_video_hero_wrap .hero_content .name_holder{margin-bottom: 9px;}
.arlo_tm_video_hero_wrap .hero_content .name_holder h3{
	color: #fff;
	text-transform: uppercase;
	font-size: 45px;
	font-weight: 700;
}
.arlo_tm_video_hero_wrap .hero_content .name_holder h3 span{color: #ff4b36;}
.arlo_tm_video_hero_wrap .hero_content .text_typing p{
	color: #fff;
	font-size: 19px;
}
.arlo_tm_video_hero_wrap .hero_content .text_typing .arlo_tm_animation_text_word{font-weight: 500;}

/*---------------------------------------------------*/
/*	 ARLO INTRO
/*---------------------------------------------------*/

.arlo_tm_intro_hero .arlo_tm_intro_button a:hover span{color: #000;}
.arlo_tm_intro_hero .arlo_tm_intro_button a:before{background-color: #fff;}
.arlo_tm_intro_hero .arlo_tm_intro_button a:hover:before{background-color: #fff;}
.arlo_tm_intro_hero{
	width: 100%;
	height: 100vh;
	clear: both;
	float: left;
	position: relative;
}
.arlo_tm_intro_hero .image{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.arlo_tm_intro_menu{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	border-bottom: 1px solid rgba(0,0,0,.15);
}
.arlo_tm_intro_menu .in{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 40px;
}
.arlo_tm_intro_menu .in .left{
	display: flex;
	align-items: center;
}
.arlo_tm_intro_menu .in .right{
	position: relative;
	top: 4px;
}
.arlo_tm_intro_menu .in .left .logo img{max-width: 50px;}
.arlo_tm_intro_menu .in .left .list{padding-left: 50px;}
.arlo_tm_intro_menu .in .left .list ul{
	margin: 0px;
	list-style-type: none;
}
.arlo_tm_intro_menu .in .left .list ul li{
	margin: 0px 20px 0px 0px;
	display: inline-block;
}
.arlo_tm_intro_menu .in .left .list ul li a{
	text-decoration: none;
	color: #000;
	transition: all .3s ease;
}
.arlo_tm_intro_menu .in .left .list ul li a:hover{color: #FF5E5F;}
.arlo_tm_intro_hero .container{height: 100%;}
.arlo_tm_intro_hero .texts{
	position: absolute;
	top: 10%;
	width: 100%;
	text-align: center;
}
.arlo_tm_intro_hero .texts h3{
	color: #FF5E5F;
	font-family: "Montserrat";
	font-size: 35px;
	margin-bottom: 20px;
}
.arlo_tm_intro_hero .texts p{
	font-size: 20px;
}
.arlo_tm_intro_hero .texts p a{
	text-decoration: none;
	color: #FF5E5F;
	transition: all .3s ease;
	border-bottom: 1px solid transparent;
	font-weight: 500;
}
.arlo_tm_intro_hero .texts p a:hover{border-bottom-color: #FF5E5F;}



.arlo_tm_intro_mainpart{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding: 0px 40px;
}
.arlo_tm_title_main_holder{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	text-align: center;
	padding: 150px 0px 93px 0px;
}
.arlo_tm_title_main_holder.demos{padding-top: 100px;}
.arlo_tm_title_main_holder h3{
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 700;
}
.arlo_tm_title_main_holder h3 span{color: #ff4b36;}
.arlo_tm_title_main_holder h3 span.customer{font-family: "Roboto";}
.arlo_tm_intro_mainpart .main_list{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.arlo_tm_intro_mainpart .main_list ul{
	margin: 0px 0px 0px -50px;
	list-style-type: none;
}
.arlo_tm_intro_mainpart .main_list ul li{
	margin: 0px 0px 50px 0px;
	float: left;
	width: 33.3333%;
	padding-left: 50px;
}
.arlo_tm_intro_mainpart .main_list ul li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	box-shadow: 0 0 30px rgba(0, 0, 0, .1);
	transition: all .3s ease;
}
.arlo_tm_intro_mainpart .main_list ul li .inner:hover{box-shadow: 0 0 30px rgba(0, 0, 0, .2);}
.arlo_tm_intro_mainpart .main_list ul li .inner .title{
	width: 100%;
	float: left;
	clear: both;
	padding: 20px 0px;
	text-align: center;
}
.arlo_tm_intro_mainpart .main_list ul li .inner .title.title{border-top: 1px solid rgba(0,0,0,.08);}
.arlo_tm_intro_mainpart .main_list ul li .inner .title a{
	text-decoration: none;
	color: #000;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 700;
	font-family: "Roboto";
}
.arlo_tm_intro_mainpart .main_list ul li .inner .link{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 1;
}
.arlo_tm_intro_features{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 50px;
}
.arlo_tm_intro_features ul{
	margin: 0px 0px 0px -50px;
	list-style-type: none;
	position: relative;
}
.arlo_tm_intro_features ul li{
	margin: 0px 0px 50px 0px;
	width: 33.3333%;
	float: left;
	padding-left: 50px;
}
.arlo_tm_intro_features ul li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	box-shadow: 0 0 30px rgba(0, 0, 0,.1);
	text-align: center;
	padding: 50px 20px;
	transition: all .3s ease;
}
.arlo_tm_intro_features ul li .inner:hover{box-shadow: 0 0 30px rgba(0, 0, 0,.2);}
.arlo_tm_intro_features ul li .inner .svg{
	width: 45px;
	height: 45px;
	color: #ea3509;
	margin-bottom: 20px;
}
.arlo_tm_intro_features ul li .inner .subtitle{
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 15px;
}
.arlo_tm_intro_footer{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 60px 40px;
	background-color: #000000;
}
.arlo_tm_intro_footer .left p{
	color: #fff;
}
.arlo_tm_intro_footer .left p a{
	text-decoration: none;
	color: #ff4b36;
	border-bottom: 1px solid transparent;
	transition: all .3s ease;
}
.arlo_tm_intro_footer .left p a:hover{border-bottom-color: #ff4b36;}
.arlo_tm_intro_footer .right ul{
	margin: 0px;
	list-style-type: none;
}
.arlo_tm_intro_footer .right ul li{
	margin: 0px 10px 0px 0px;
	display: inline-block;
}
.arlo_tm_intro_footer .right ul li a{
	text-decoration: none;
	color: #fff;
	transition: all .3s ease;
}
.arlo_tm_intro_footer .right ul li a:hover{color: #ff4b36;}


/********	EXTRA MENU   *******/

.arlo_tm_menu_fifth{
	width: 100%;
	height: auto;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 10;
	padding: 35px 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_menu_fifth .inner{
	width: 100%;
	height: auto;
	clear:both;
	float: left;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.arlo_tm_menu_fifth.animate{
	padding: 25px 0px;
	background-color: #fff;
	box-shadow: 0px 0px 20px rgba(0,0,0,.2);
}
.arlo_tm_menu_fifth.animate .inner .logo .dark{display: block;}
.arlo_tm_menu_fifth.animate .inner .logo .light{display: none;}
.arlo_tm_menu_fifth .inner .logo img{max-width: 50px;}
.arlo_tm_menu_fifth .inner .logo .dark{display: none;}
.arlo_tm_menu_fifth.animate .inner .menu ul li a{color: #000;}
.arlo_tm_menu_fifth.animate .inner .menu ul li a:hover{color: #ff8f03;}
.arlo_tm_menu_fifth.animate .inner .social ul li a{color: #000;}
.arlo_tm_menu_fifth.animate .inner .social ul li a:hover{color: #ff8f03;}
.arlo_tm_menu_fifth .inner .menu ul{
	margin: 0px;
	list-style-type: none;
}
.arlo_tm_menu_fifth .inner .menu{padding: 0px 20px;}
.arlo_tm_menu_fifth .inner .menu ul li{
	margin: 0px 35px 0px 0px;
	float: left;
}
.arlo_tm_menu_fifth .inner .menu ul li:last-child{margin-right: 0px;}
.arlo_tm_menu_fifth .inner .menu 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_menu_fifth .inner .menu ul li a:hover{color: #ff8f03;}
.arlo_tm_menu_fifth .inner .social ul{
	margin: 0px;
	list-style-type: none;
}
.arlo_tm_menu_fifth .inner .social ul li{
	margin: 0px 18px 0px 0px;
	float: left;
}
.arlo_tm_menu_fifth .inner .social ul li:last-child{margin-right: 0px;}
.arlo_tm_menu_fifth .inner .social 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_menu_fifth .inner .social ul li a:hover{color: #ff8f03;}



/*---------------------------------------------------*/
/*	 ARLO MEDIA QUERIES (FOR SMALL DEVIVES)
/*---------------------------------------------------*/

@media (max-width: 1600px) {
	.arlo_tm_leftpart{width: 360px;}
	.arlo_tm_rightpart{padding-left: 360px;}
	.arlo_tm_leftpart .inner .menu ul li a{padding: 10px 0px;}
	.arlo_tm_sidebar_wrap .menu_wrap .menu_inner .nav_list > ul > li > a{font-size: 25px;}
}
@media (max-width: 1400px) {
	.arlo_tm_about{margin-bottom: 80px;}
	.arlo_tm_about .leftbox{display: none;}
	.arlo_tm_about .rightbox{padding-left: 0px;width: 100%;}
	.arlo_tm_services .service_inner ul li{width: 50%;}
	.arlo_tm_timeline .timeline_inner ul li{width: 50%;}
	.arlo_tm_portfolio_list > li{width: 50%;}
	.arlo_tm_team .team_inner > ul > li{width: 50%;}
	.arlo_tm_twinbox{flex-direction: column;}
	.arlo_tm_twinbox .twinbox_left{padding-right: 0px;width: 100%;}
	.arlo_tm_twinbox .twinbox_right{width: 100%;margin-bottom: 100px;}
	.arlo_tm_pagination{margin-bottom: 50px;}
	.arlo_tm_news_single .single_inner{margin-bottom: 50px;}
	.arlo_tm_news_single{margin-bottom: 0px;}
}
@media (max-width: 1200px) {
	.arlo_tm_progress_wrap .progress_wrap_inner{flex-direction: column;}
	.arlo_tm_progress_wrap .progress_wrap_inner .left{width: 100%;padding-right: 0px;margin-bottom: 30px;}
	.arlo_tm_progress_wrap .right{width: 100%;padding-left: 0px;}
	.arlo_tm_home_news .news_inner ul li{width: 50%;}
	.arlo_tm_contact .contact_inner{flex-direction: column;}
	.arlo_tm_contact .contact_inner .left{width: 100%;padding-right: 0px;margin-bottom: 30px;}
	.arlo_tm_contact .contact_inner .right{width: 100%;}
}
@media (max-width: 1040px) {
	.arlo_tm_leftpart{display: none;}
	.arlo_tm_rightpart{padding-left: 0px;}
	.arlo_tm_topbar{display: block;}
	.arlo_tm_menu_second{display: none;}
	.arlo_tm_sidebar_wrap{display: none;}
	body.extra .arlo_tm_rightpart{padding-left: 0px;}
	.arlo_tm_portfolio_single {padding-top: 150px;}
	.arlo_tm_news_single{padding-top: 150px;}
	.arlo_tm_preloader{display: none;}
	.arlo_tm_second_homepage .arlo_services_wrap .service_list ul li{width: 50%;}
	.arlo_tm_second_homepage .arlo_tm_resume .resume_list ul li{width: 50%;}
	.arlo_tm_second_homepage .arlo_skills_wrap .skills_inner{flex-direction: column;}
	.arlo_tm_second_homepage .arlo_skills_wrap .skills_inner .left{width: 100%;margin-bottom: 20px;padding: 0px;}
	.arlo_tm_second_homepage .arlo_skills_wrap .skills_inner .right{padding: 0px;width: 100%;}
	.arlo_tm_pricing .pricing_list > ul > li{width: 50%;}
	.arlo_tm_news_another .news_list ul li{width: 50%;}
	.arlo_tm_contact_another .contact_inner{flex-direction: column;}
	.arlo_tm_contact_another .contact_inner .left{width: 100%;margin-bottom: 20px;}
	.arlo_tm_contact_another .contact_inner .right{width: 100%;}
	.arlo_tm_footer_another .footer_inner{flex-direction: column;}
	.arlo_tm_about_second .about_inner .left{display: none;}
	.arlo_tm_about_second .about_inner .right{padding: 0px;width: 100%;}
	.arlo_tm_about_second .about_inner .right .about_title h3{font-size: 30px;}
	.arlo_tm_portfolio_second .portfolio_list ul li{width: 50%;}
	.arlo_tm_third_menu{display: none;}
	.arlo_tm_third_hero .hero_texts h3{font-size: 60px;}
	.arlo_tm_third_hero .hero_texts h3{font-size: 40px;}
	.arlo_tm_services_third .service_inner ul li{width: 50%;}
	.arlo_tm_portfolio_third .portfolio_list ul li{width: 50%;}
	.arlo_tm_resume_second .resume_inner ul li{width: 50%;}
	.arlo_tm_services_fourth .service_list ul li{width: 50%;}
	.arlo_tm_skills_third .skills_inner{flex-direction: column;}
	.arlo_tm_skills_third .skills_inner .left{padding-right: 0px;width: 100%;margin-bottom: 50px;}
	.arlo_tm_skills_third .skills_inner .right{padding-left: 0px;width: 100%;}
	.arlo_tm_portfolio_fourth .portfolio_list ul li{width: 50%;}
	.arlo_tm_skills_fourth .skills_inner ul li{width: 50%;}
	.arlo_tm_team_second .team_inner ul li{width: 50%;}
	.arlo_tm_fourth_menu{display: none;}
}
@media (max-width: 768px) {
	.arlo_tm_hero_header .hero_content .name_holder h3{font-size: 40px;}
	.arlo_tm_about .about_short_contact_wrap ul li{padding-left: 30px;width: 100%;}
	.arlo_tm_about .about_short_contact_wrap ul{margin: 0px;}
	.arlo_tm_about .rightbox .about_title h3{font-size: 20px;}
	.arlo_tm_services .service_inner ul{margin: 0px;}
	.arlo_tm_services .service_inner ul li{width: 100%;padding-left: 0px;}
	.arlo_tm_services .service_inner ul li .inner .title h3{font-size: 20px;}
	.arlo_tm_timeline .timeline_inner ul li{width: 100%;padding-left: 0px;}
	.arlo_tm_timeline .timeline_inner ul{margin: 0px;}
	.arlo_tm_progress_wrap .progress_wrap_inner .left .main_title h3{font-size: 20px;}
	.arlo_tm_call_action .action_inner .left p{font-size: 20px;}
	.arlo_tm_call_action .action_inner{flex-direction: column;align-items: flex-start;}
	.arlo_tm_call_action .action_inner .left{margin-bottom: 30px;}
	.arlo_tm_portfolio_list > li{width: 100%;padding-left: 0px;}
	.arlo_tm_portfolio_list{margin: 0px;}
	.arlo_tm_details_wrap .details_inner{flex-direction: column;}
	.arlo_tm_details_wrap .details_inner .left{width: 100%;margin-bottom: 40px;}
	.arlo_tm_details_wrap .details_inner .right{padding-left: 0px;width: 100%;}
	.arlo_tm_details_wrap .details_inner .right ul li .icon{position: relative;margin-bottom: 5px;}
	.arlo_tm_details_wrap .details_inner .right ul li .text{padding-left: 0px;}
	.arlo_tm_details_wrap .details_inner .right ul li .text h3{font-size: 20px;}
	.arlo_tm_testimonial .testimonial_content .content_inner .icon{position: relative;top: 0px;left: -12px;margin-bottom: 20px;}
	.arlo_tm_testimonial .testimonial_content .content_inner{padding-left: 40px;padding-right: 40px;}
	.arlo_tm_team .team_inner > ul > li{width: 100%;padding-left: 0px;}
	.arlo_tm_team .team_inner > ul{margin: 0px;}
	.arlo_tm_team .team_inner > ul > li .inner .details h3{font-size: 20px;}
	.arlo_tm_testimonial .testimonial_content .content_inner .text p{font-size: 20px;}
	.arlo_tm_home_news .news_inner ul li{width: 100%;padding-left: 0px;}
	.arlo_tm_home_news .news_inner ul{margin: 0px;}
	.arlo_tm_main_title h3{font-size: 35px;}
	.arlo_tm_news > ul > li .inner .details .title h3{font-size: 20px;}
	.arlo_tm_news > ul > li .inner .details{padding: 32px 30px 29px 30px;}
	.arlo_tm_news_single .single_inner .short_detail .title h3{font-size: 20px;}
	.arlo_tm_news_single .single_inner .descriptions .description_images ul li{width: 100%;padding-left: 0px;}
	.arlo_tm_news_single .single_inner .descriptions .description_images ul{margin: 0px;}
	.arlo_tm_news_single .single_inner .descriptions .tags{flex-direction: column;align-items: flex-start;}
	.arlo_tm_news_single .single_inner .descriptions .tags span{margin-bottom: 10px;}
	.lexal_tm_commentbox_wrap .inner_wrap .desriptions_wrap{padding: 0px 20px;}
	.lexal_tm_commentbox_wrap .reply_comment_wrap{padding: 0px 20px;}
	.lexal_tm_commentbox_wrap .wp .avatar{position: relative;margin-bottom: 20px;}
	.lexal_tm_commentbox_wrap .wp{padding-left: 0px;}
	.arlo_tm_portfolio_single .descriptions_section{flex-direction: column;}
	.arlo_tm_portfolio_single .descriptions_section .left{width: 100%;margin-bottom: 30px;}
	.arlo_tm_portfolio_single .descriptions_section .right{width: 100%;}
	.arlo_tm_intro_mainpart .main_list ul li{width: 100%;padding-left: 0px;}
	.arlo_tm_intro_mainpart .main_list ul{margin: 0px;}
	.arlo_tm_intro_features ul li{width: 100%;padding-left: 0px;}
	.arlo_tm_intro_features ul{margin: 0px;}
	.arlo_tm_intro_footer{flex-direction: column;}
	.arlo_tm_about_second .about_inner .title h3{font-size: 25px;}
	.arlo_tm_about_second .buttons ul li{margin: 0px;}
	.arlo_tm_progress_second .info_wrap{flex-direction: column;align-items: baseline;}
	.arlo_tm_progress_second .info_wrap .left{width: 100%;margin-bottom: 20px;}
	.arlo_tm_progress_second .info_wrap .left h3{max-width: 100%;margin-right: 0px;}
	.arlo_tm_progress_second .info_wrap .right{width: 100%;}
	.arlo_tm_progress_second .info_wrap .right p{padding-left: 20px;}
	.arlo_tm_progress_second {font-size: 20px;}
	.arlo_tm_second_homepage .hero_wrap .hero_texts h3{font-size: 55px;}
	.arlo_tm_second_homepage .arlo_services_wrap .service_list ul li{width: 100%;padding-left: 0px;}
	.arlo_tm_second_homepage .arlo_services_wrap .service_list ul{margin: 0px;}
	.arlo_tm_second_homepage .arlo_tm_resume .resume_list ul li{width: 100%;padding-left: 0px;}
	.arlo_tm_second_homepage .arlo_tm_resume .resume_list ul{margin: 0px;}
	.arlo_tm_second_homepage .arlo_skills_wrap .skills_inner .left h3{font-size: 30px;}
	.arlo_tm_pricing .pricing_list > ul > li{width: 100%;padding-left: 0px;}
	.arlo_tm_pricing .pricing_list > ul{margin: 0px;}
	.arlo_tm_news_another .news_list ul li{width: 100%;padding-left: 0px;}
	.arlo_tm_news_another .news_list ul{margin: 0px;}
	.arlo_tm_second_hero .hero_texts .name h3{font-size: 40px;}
	.arlo_tm_portfolio_second .portfolio_list ul li{width: 100%;padding-left: 0px;}
	.arlo_tm_portfolio_second .portfolio_list ul{margin: 0px;}
	.robex_title_holder h3{font-size: 30px;}
	.robex_about .about_main p{font-size: 21px;}
	.arlo_tm_skills_second .skills_inner{flex-direction: column;}
	.arlo_tm_skills_second .skills_inner .left{width: 100%;margin-bottom: 20px;padding-right: 0px;}
	.arlo_tm_skills_second .skills_inner .right{padding-left: 0px;width: 100%;}
	.arlo_tm_services_third .service_inner ul li{width: 100%;padding-left: 0px;}
	.arlo_tm_services_third .service_inner ul{margin: 0px;}
	.arlo_tm_portfolio_third .portfolio_list ul li{width: 100%;padding-left: 0px;}
	.arlo_tm_portfolio_third .portfolio_list ul{margin: 0px;}
	.arlo_tm_resume_second .resume_inner ul li{width: 100%;padding-left: 0px;}
	.arlo_tm_resume_second .resume_inner ul{margin: 0px;}
	.arlo_tm_hero_fourth .hero_text h3{font-size: 25px;}
	.arlo_tm_hero_fourth .hero_text p{font-size: 30px;}
	.arlo_tm_services_fourth .service_list ul li{width: 100%;padding-left: 0px;}
	.arlo_tm_services_fourth .service_list ul{margin: 0px;}
	.arlo_tm_portfolio_fourth .portfolio_list ul li{width: 100%;padding-left: 0px;}
	.arlo_tm_portfolio_fourth .portfolio_list ul{margin: 0px;}
	.arlo_tm_skills_fourth .skills_inner ul li{width: 100%;padding-left: 0px;}
	.arlo_tm_skills_fourth .skills_inner ul{margin: 0px;}
	.arlo_tm_team_second .team_inner ul li{width: 100%;padding-left: 0px;}
	.arlo_tm_team_second .team_inner ul{margin: 0px;}
	.arlo_tm_testimonial_second .testimonial_content .content_inner{padding-left: 20px;}
	.arlo_tm_testimonial_second .testimonial_content .content_inner{padding-right: 20px;}
}
@media (max-width: 480px) {
	.arlo_tm_hero_header .hero_content .name_holder h3{font-size: 35px;}
	.arlo_tm_pagination{flex-direction: column;align-items: flex-start;}
	.arlo_tm_pagination .view{padding-left: 0px;}
	.arlo_tm_news > ul > li .inner .details{padding: 25px 23px 22px 23px;}
	.arlo_tm_second_homepage .hero_wrap .hero_texts h3{font-size: 40px;}
	.arlo_tm_second_homepage .hero_wrap .hero_texts .subtitle{font-size: 21px;}
	.arlo_tm_services_third .service_inner ul li .inner .details{padding-left: 0px;padding-top: 60px;}
}