.timeline > li > .timeline-panel/*@charset "utf-8"; */
html {
overflow-x: hidden;
padding: 0px;
margin: 0px
}
body{
font-family: "Open Sans";
font-size: 14px;
line-height: 1.8;
letter-spacing: 0.5px;
word-wrap: break-word;
font-weight: 400;
}
svg{
fill: currentcolor;
width: 15px;
height: 15px;
}
img.svg{
width: 15px;
height: 15px;
}
.arlo_tm_wrapper_all,
.arlo_tm_section,
.arlo_tm_content{
width: 100%;
height: auto;
clear: both;
float: left;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */ 
}
#ripple{
position: relative;
z-index: 0;
}
.arlo_tm_content{
position: relative;
z-index: 2;
}

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

::placeholder { /* Most modern browsers support this now. */
color: #333;
}
.arlo_tm_preloader{
position: fixed;
background-color: #fff;
z-index: 9999999;
height: 100%;
width: 100%;	

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

-webkit-transition: .7s all ease;
-o-transition: .7s all ease;
transition: .7s all ease;
}
.arlo_tm_preloader:before{
top: 0;
left: 0; 
}
.arlo_tm_preloader:after{
bottom: 0;
left: 0; 
}
.arlo_tm_preloader.loaded:before, 
.arlo_tm_preloader.loaded:after{height: 0%;}

/*---------------------------------------------------*/
/*	02) ARLO CONTENT
/*---------------------------------------------------*/

.arlo_tm_leftpart_wrap{
width: 300px;
position: fixed;
top: 0px;
bottom: 0px;
left: 0px;
background-color: #041230;
z-index: 100;

-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;

}
.arlo_tm_leftpart_wrap.hide{left: -300px;}
.arlo_tm_leftpart_wrap.opened{left: -300px;}
.arlo_tm_leftpart_wrap .logo_wrap{background-color: #041230;padding:20px;width: 100%;float: left;text-align: center;margin-bottom:10px;border-bottom: 1px solid rgba(255,255,255,.1);
-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_leftpart_wrap .menu_list_wrap{
width: 100%;
height: auto;
clear: both;
float: left;
padding: 0px 20px 0px 30px;

-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_leftpart_wrap .menu_list_wrap ul{
margin: 0px;
list-style-type: none;
}
.arlo_tm_leftpart_wrap .menu_list_wrap ul li{margin:0px;}
.arlo_tm_leftpart_wrap .menu_list_wrap ul li:last-child{margin-bottom: 0px;}
.arlo_tm_leftpart_wrap .menu_list_wrap ul li a{
text-decoration: none;
color: #fff;
font-family: "Montserrat";
font-size: 14px;
font-weight: 500;
position: relative;
display: inline-block;
padding-bottom: 19px;

-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_wrap .menu_list_wrap ul li a:before{
position: absolute;
content: "";
height: 2px;
width: 0px;
background-color: #E3872D;
top: 14px;
transform: translateY(-50%);
left: 100%;
margin-left: 10px;

-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_wrap .menu_list_wrap ul li a:hover{color: #E3872D;}
.arlo_tm_leftpart_wrap .menu_list_wrap ul li a:hover:before{width: 35px;}
.arlo_tm_leftpart_wrap .leftpart_bottom{
position: absolute;
left: 30px;
bottom: 38px;
}
.arlo_tm_leftpart_wrap .leftpart_bottom .social_wrap{
width: 100%;
height: auto;
float: left;
position: relative;
left: -5px;
margin-bottom: 10px;

-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_leftpart_wrap .leftpart_bottom .social_wrap ul{
margin: 0px;
list-style-type: none;
}
.arlo_tm_leftpart_wrap .leftpart_bottom .social_wrap ul li{
margin: 0px 18px 0px 0px;
display: inline-block;font-size:18px;
}
.arlo_tm_leftpart_wrap .leftpart_bottom .social_wrap ul li:last-child{margin-right: 0px;}
.arlo_tm_leftpart_wrap .leftpart_bottom .social_wrap ul li a{
text-decoration: none;
color: #fff;

-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.arlo_tm_leftpart_wrap .leftpart_bottom .social_wrap ul li a:hover{color: #E3872D;}
.arlo_tm_leftpart_wrap .arlo_tm_resize{
position: absolute;
right: 0px;
bottom: 35%;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
background-color: #E3872D;
display: inline-block;
text-decoration: none;
z-index: 200;
font-size:18px;

-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_wrap .arlo_tm_resize.opened{right: -30px;}
.arlo_tm_leftpart_wrap .arlo_tm_resize i{
color: #fff;
transform: rotate(0deg);
position: absolute;
left: 12px;
top:7px;

-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.arlo_tm_leftpart_wrap .arlo_tm_resize i.opened{transform: rotate(-180deg);}
.arlo_tm_rightpart{width:100%;height:auto;float:left;padding-left:300px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.arlo_tm_rightpart.full{padding-left: 0px;}
.arlo_tm_rightpart.opened{padding-left: 0px;}
.arlo_tm_rightpart .rightpart_inner{width:100%;height: auto;clear: both;float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.arlo_tm_hero_header_wrap{
width: 100%;
height: auto;
clear: both;
float: left;
-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_universal_box_wrap{
width: 100%;
height: auto;
clear: both;
float: left;
position: relative;

-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_universal_box_wrap .bg_wrap{
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 10;
}
.arlo_tm_universal_box_wrap .overlay_image{
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 15;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.arlo_tm_universal_box_wrap .overlay_video{
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 15;
overflow: hidden;
}
.arlo_tm_universal_box_wrap .overlay_video video{
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
object-fit: cover;
}
.arlo_tm_universal_box_wrap .overlay_color{
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 20;
}
.arlo_tm_universal_box_wrap .content{
width: 100%;
height: auto;
clear: both;
float: left;
position: relative;
z-index: 25;

-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_universal_box_wrap .overlay_image.hero{background:url(../images/banner.jpg)}
.arlo_tm_universal_box_wrap .overlay_color.hero{background-color: rgba(7,23,55,.5); }
.arlo_tm_universal_box_wrap .content.hero{height: 45vh;}
.arlo_tm_hero_header_wrap .inner_content{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
z-index: 2;
text-align: center;
width: 100%;
padding: 0px 20px;
-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_hero_header_wrap .image_wrap{
width: 200px;
height: 200px;
display: inline-block;
}
.arlo_tm_hero_header_wrap .image_wrap img{
border-radius: 100%;
border:3px solid rgba(255,255,255,1);
}
.arlo_tm_hero_header_wrap .name_holder h3{
font-family: "Montserrat";
color: #fff;
font-size: 30px;
font-weight: 300;
}
.arlo_tm_hero_header_wrap .name_holder h3 span{
font-weight: 500;
color: #E3872D;
}
.arlo_tm_hero_header_wrap .text_typing{
width: 100%;
height: auto;
float: left;

-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_hero_header_wrap .text_typing p{
color: #fff;
font-size: 24px;
font-family: "Montserrat";
}
.arlo_tm_animation_text_word{
font-weight: 600;
line-height: 1;
font-family: "Montserrat";
}
.arlo_tm_about_wrap .arlo_tm_animation_text_word{color: #E3872D;}
.arlo_tm_arrow_wrap{
position: absolute;
left: 50%;
bottom: -16px;
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;
}

/*---------------------------------------------------*/
/*	03) ARLO ABOUT
/*---------------------------------------------------*/

.arlo_tm_title_holder{
width: 100%;
height: auto;
clear: both;
float: left;
text-align: left;
padding-bottom: 30px;
position: relative;

-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_title_holder.contact{padding-bottom:40px;}
.arlo_tm_title_holder:before{
position: absolute;
content: "";
width: 6px;
height: 42px;
background-color: #E3872D;
top: 12px;
}
.arlo_tm_title_holder h3{
font-size: 18px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: -.5px;
padding-left: 25px;
line-height: 1;
/*	font-style: italic;*/
}

.arlo_tm_title_holder span{
font-size: 16px;
font-family: "Montserrat";
padding-left: 25px;
}
.arlo_tm_about_wrapper_all{
width: 100%;
height: auto;
clear: both;
float: left;
background-color: #fff;

-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_main_title_holder{
width: 100%;
height: auto;
clear: both;
float: left;
text-align: left;
margin-bottom: 120px;

-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_main_title_holder.about{
text-align: left;
margin-bottom: 0px;
padding: 0px;
}
.arlo_tm_main_title_holder h3{
font-weight: 900;
font-family: "Montserrat";
color: #041230;
font-size: 30px;
line-height: 1;
}
.arlo_tm_main_title_holder h3 span{position: relative;}
.arlo_tm_main_title_holder h3 span:before{
position: absolute;
content: "";
width: 50px;
height: 4px;
background-color: #041230;
letter-spacing: 0px;
bottom: -10px;
}
.arlo_tm_about_wrapper_all{
width: 100%;
height: auto;
clear: both;
float: left;
background-color: #fff;

-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_main_title_holder{
width: 100%;
height: auto;
clear: both;
float: left;
text-align: left;
margin-bottom: 120px;

-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_main_title_holder.about{
text-align: left;
margin-bottom: 0px;
padding: 0px;
}
.arlo_tm_main_title_holder h3{
font-weight: 900;
font-family: "Montserrat";
color: #041230;
font-size: 30px;
line-height: 1;
}
.arlo_tm_main_title_holder h3 span{position: relative;}
.arlo_tm_main_title_holder h3 span:before{
position: absolute;
content: "";
width: 50px;
height: 4px;
background-color: #041230;
letter-spacing: 0px;
bottom: -10px;
}
.arlo_tm_about_wrap{
width: 100%;
height: auto;
clear: both;
float: left;
padding-bottom: 10px;
position: relative;
margin-top: -6px;

-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_about_wrap .author_wrap{
width: 100%;
height: auto;
clear: both;
float: left;
position: relative;
display: flex;
-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_about_wrap .leftbox{width:60%;float: left;height: auto;padding-right:10px;
-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_about_wrap .leftbox .about_image_wrap{position: relative;}
.arlo_tm_about_wrap .leftbox .about_image_wrap .image{
position: absolute;
z-index: 2;
}
.arlo_tm_about_wrap .leftbox .about_image_wrap .image .inner{
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.arlo_tm_about_wrap .leftbox .about_image_wrap .border .inner{
position: absolute;
top: 25px !important;
bottom: -25px !important;
left: 25px !important;
right: -25px !important;
border: 10px solid #041230;
}
.arlo_tm_about_wrap .leftbox .about_image_wrap img{opacity: 0;}
.arlo_tm_about_wrap .rightbox{
width:60%;
float: right;
padding: 0px 0px 0px 65px;

-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_about_wrap .subtitle{
width: 100%;
float: left;
margin-bottom: 20px;
}
.arlo_tm_about_wrap .subtitle p{
font-family: "Montserrat";
color: #333;
font-size: 15px;
font-weight: 600;
}
.arlo_tm_about_wrap .definition{margin-bottom: 15px;}
.arlo_tm_about_wrap .definition p{color:#333;margin-bottom:10px;}
.arlo_tm_about_wrap .definition p strong{color:#E3872D;}

.arlo_tm_about_wrap .about_short_contact_wrap{
width: 100%;
height: auto;
clear: both;
float: left;
margin-bottom: 13px;
-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_about_wrap .arlo_tm_main_title_holder{margin-bottom: 40px;}
.arlo_tm_about_wrap .about_short_contact_wrap ul{
margin: 0px;
list-style-type: none;
}
.arlo_tm_about_wrap .about_short_contact_wrap ul li{
margin: 0px 0px 10px 0px;
width: 50%;
float: left;
}
.arlo_tm_about_wrap .about_short_contact_wrap ul li:nth-of-type(2n){clear: right;}
.about_short_contact_wrap ul li label{
font-family: "Montserrat";
font-weight: 700;
font-size: 13px;
color: #000;
min-width: 85px;
display: inline-block;
}
.arlo_tm_about_wrap .about_short_contact_wrap ul li a{
text-decoration: none;
color: #000;
position: relative;

-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.arlo_tm_about_wrap .about_short_contact_wrap ul li a:hover{color: #BD0A0D;}
.arlo_tm_about_wrap .buttons_wrap{
width: 100%;
height: auto;
clear: both;
float: left;

-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_about_wrap .buttons_wrap ul{
margin: 0px;
list-style-type: none;
}
.arlo_tm_about_wrap .buttons_wrap ul li{
margin: 0px 30px 10px 0px;
float: left;
}
.arlo_tm_about_wrap .buttons_wrap ul li:last-child{margin-right: 0px;}
.arlo_tm_about_wrap .buttons_wrap ul li a span{
position: relative;
z-index: 2;
}
.arlo_tm_about_wrap .buttons_wrap ul li a{
text-decoration: none;
color: #fff;
background-color: #E3872D;
font-weight: 600;
font-family: "Montserrat";
padding: 12px 35px;
border-radius: 3px;
display: inline-block;
position: relative;
overflow: hidden;;
}
.arlo_tm_about_wrap .buttons_wrap ul li a:before{
position: absolute;
content: "";
top: 0px;
height: 100%;
left: -25%;
width: 0%;
background-color: #041230;
transform: skew(50deg);
transition-duration: .6s;
z-index: 1;
}
.arlo_tm_about_wrap .buttons_wrap ul li a:hover:before{width: 180%;}
.arlo_tm_skills_wrap, .arlo_tm_skills_wrap .inner_wrap{width: 100%;height: auto;clear: both;float: left;
-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_skills_wrap{background-color: #f6f7fd;}
.arlo_tm_skills_wrap .inner_wrap{display: flex;}
.arlo_tm_skills_wrap .leftbox{
width: 35%;
height: auto;
clear: both;
float: left;
padding-right:0px;

-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}

.progress_bar_wrap_total{
width: 100%;
height: auto;
clear: both;
float: left;
margin-bottom: 10px;
position: relative;
margin-top: -4px;

-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_progress_wrap[data-size="big"] .arlo_tm_progress .arlo_tm_bar_bg{height:40px;}
.arlo_tm_progress_wrap[data-size="small"] .arlo_tm_progress .arlo_tm_bar_bg{height:5px;}

.arlo_tm_progress_wrap[data-round="a"] .arlo_tm_progress .arlo_tm_bar_bg,
.arlo_tm_progress_wrap[data-round="a"] .arlo_tm_progress .arlo_tm_bar{
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.arlo_tm_progress_wrap[data-round="b"] .arlo_tm_progress .arlo_tm_bar_bg,
.arlo_tm_progress_wrap[data-round="b"] .arlo_tm_progress .arlo_tm_bar{
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.arlo_tm_progress_wrap[data-round="c"] .arlo_tm_progress .arlo_tm_bar_bg,
.arlo_tm_progress_wrap[data-round="c"] .arlo_tm_progress .arlo_tm_bar{
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;
}
.arlo_tm_progress{
width:100%;
margin-bottom:16px;
}
.arlo_tm_progress:last-child{margin-bottom: 0px;}
.arlo_tm_progress > span{
margin:0px 0px 3px 0px;
width:100%;
display:block;
text-align:left;
}
.arlo_tm_progress span.label{
font-size:13px;
font-weight:700;
color:#000;
font-family: "Montserrat";
}
.arlo_tm_progress span.label .experience{font-size: 12px;font-weight: 600;}
.arlo_tm_progress span.number{
float:right;
font-size:13px;
color:#000;
font-weight: 700;
font-family: "Montserrat";
}
.arlo_tm_progress .arlo_tm_bar_bg{
background:rgba(0,0,0,.1);
width:100%;
min-width:100%;
position:relative;
height:20px;
}
.arlo_tm_progress .arlo_tm_bar_bg .arlo_tm_bar_wrap{
width:0px;
height:100%;
}
.arlo_tm_progress .arlo_tm_bar_bg .arlo_tm_bar_wrap.open{
-webkit-animation: arlo_tm_expand 3s cubic-bezier(0.165, 0.840, 0.440, 1.000);  /* Safari 4+ */
-moz-animation:    arlo_tm_expand 3s cubic-bezier(0.165, 0.840, 0.440, 1.000);  /* Fx 5+ */
animation:         arlo_tm_expand 3s cubic-bezier(0.165, 0.840, 0.440, 1.000);  /* IE 10+ */
width:100%;	
}
.arlo_tm_progress .arlo_tm_bar_bg .arlo_tm_bar{
height:100%;
background:#333;
width:0px;
overflow:hidden;
}
.arlo_tm_progress_wrap[data-strip="on"] .arlo_tm_progress .arlo_tm_bar{
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 75%, transparent 75%, transparent);

-webkit-animation: arlo_tm_bar_move 4s linear infinite;
-moz-animation: arlo_tm_bar_move 4s linear infinite;
animation: arlo_tm_bar_move 4s linear infinite;
background-size: 50px 50px;
}
@-webkit-keyframes arlo_tm_bar_move {0%{background-position: 0 0;} 100% {background-position: 50px 50px;}}
@-moz-keyframes arlo_tm_bar_move {0%{background-position: 0 0;} 100% {background-position: 50px 50px;}}
@keyframes arlo_tm_bar_move {0%{background-position: 0 0;} 100% {background-position: 50px 50px;}}

/*expand width animation*/
@-webkit-keyframes arlo_tm_expand {0%{ width:0%; } 100%{ width:100%; }}
@-moz-keyframes arlo_tm_expand {0%{ width:0%; } 100%{ width:100%; }}
@keyframes arlo_tm_expand {0%{ width:0%; } 100%{ width:100%; }}

.arlo_tm_mini_title_holder{
width: 100%;
height: auto;
clear: both;
float: left;

-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_mini_title_holder h4{
line-height: 1;
margin-bottom: 18px;
}
.arlo_tm_mini_title_holder.contact h4{margin-bottom:30px;}

/*---------------------------------------------------*/
/*	04) ARLO SERVICES
/*---------------------------------------------------*/

.arlo_tm_services_wrap{
width: 100%;
height: auto;
clear: both;
float: left;
background-color: #fff;
text-align: left;
-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_services_wrap .arlo_tm_title_holder_wrap{margin-bottom: 93px;}
.arlo_tm_services_wrap .list_wrap{
width: 100%;
height: auto;
clear: both;
float: left;

-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_services_wrap .list_wrap ul{
margin: 0px 0px 0px -30px;
list-style-type: none;
}
.arlo_tm_services_wrap .list_wrap ul li{
margin: 0px 0px 30px 0px;
float: left;
width: 33.3333%;
padding-left: 30px;

-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_services_wrap .list_wrap ul li .inner{
width: 100%;
height: auto;
clear: both;
float: left;
position: relative;
box-shadow: 0 0 20px rgba(0,0,0,.1);
padding: 40px 40px 33px 40px;
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;

-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_services_wrap .list_wrap ul li .inner:hover{top: -5px;}
.arlo_tm_services_wrap .list_wrap ul li .icon{margin-bottom: 21px;}
.arlo_tm_services_wrap .list_wrap ul li .icon .svg{
width: 40px;
height: 40px;
color: #E3872D;
}
.arlo_tm_services_wrap .list_wrap ul li .title_service{margin-bottom: 17px;}
.arlo_tm_services_wrap .list_wrap ul li .title_service h3{
font-family: "Montserrat";
font-size: 22px;
font-weight: 600;
color: #000000;
line-height: 1;
}

/*---------------------------------------------------*/
/*	05) ARLO COUNTERBOX
/*---------------------------------------------------*/

.arlo_tm_counter_wrap{
width: 100%;
height: auto;
clear: both;
float: left;

-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_counter_wrap{overflow: hidden;}
.arlo_tm_counter_list{
list-style-type:none;
width:100%;
margin: 0px;

-webkit-perspective: 500px;
-moz-perspective: 500px;
perspective: 500px;
}
.arlo_tm_counter_list li{
width:25%;
float:left;
text-align:center;
margin: 0px;

-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_counter_list li .inner{
width: 100%;
height: auto;
clear: both;
float: left;
position: relative;
padding: 90px 15px 93px 15px;

-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_counter_list li .inner:before{
position: absolute;
content: "";
width: 1px;
top: 35px;
bottom: 35px;
background-color: #d1d7db;
left: 100%;
}
.arlo_tm_counter_list li:nth-child(4) .inner:before{display: none;}
.arlo_tm_counter_list li h3{
font-family: "Montserrat";
color: #181a2f;
margin-bottom: 10px;
}
.arlo_tm_counter_list li h3 > span{
font-size: 40px;
font-weight: 700;
}
.arlo_tm_counter_list li .inner > span{
color:#666;
font-family: "Open Sans";
font-size: 14px;
display: block;
font-weight: 600;
}

/*---------------------------------------------------*/
/*	06) ARLO PORTFOLIO
/*---------------------------------------------------*/

.arlo_tm_title_holder.portfolio{padding-bottom: 90px;}
.arlo_tm_portfolio_wrapper_all{
width: 100%;
height: auto;
clear: both;
float: left;
padding-bottom: 70px;
background-color: #fff;

-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_portfolio_wrapper_all .arlo_tm_button{text-align: center;}
.arlo_tm_portfolio_wrap{
width: 100%;
height: auto;
clear: both;
float: left;

-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_portfolio_filter{
width:100%;
height: auto;
text-align:left;
list-style-type:none;
margin: 0px 0px 13px 0px;
display: inline-block;

-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_portfolio_filter li{
display:inline-block;
margin:0px 40px 0px 0px;
}
.arlo_tm_portfolio_filter li:last-child{margin-right: 0px;}
.arlo_tm_portfolio_filter li a{
text-decoration:none;
font-size:14px;
font-weight:700;
color:#000;
display: inline-block;
margin-bottom: 10px;
position: relative;

-webkit-transition: all .1s ease;
-moz-transition: all .1s ease;
-ms-transition: all .1s ease;
-o-transition: all .1s ease;
transition: all .1s ease;
}
.arlo_tm_portfolio_filter li a.current{color: #BD0A0D;}

/* PORTFOLIO LIST */

.arlo_tm_portfolio_list{
list-style-type:none;
margin: 0px 0px 0px -30px;

-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_portfolio_list > li{
width:33.3333%;
float:left;
position:relative;
margin: 0px 0px 30px 0px;
padding-left: 30px;

-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_portfolio_list li img{min-width: 100%;}
.arlo_tm_portfolio_titles {
white-space: nowrap;
background: #ffffff;
font-size: 20px;
font-weight: 700;
padding: 5px 15px;
color: #000000;
position: fixed;
z-index: 1000;
opacity: 0;
visibility: hidden;
}
.arlo_tm_portfolio_titles.visible {
opacity: 1;
visibility: visible;
}
.arlo_tm_portfolio_titles .work__cat {
position: absolute;
background: #ffffff;
top: 100%;
left: 0;
margin-top: -5px;
font-family: "Montserrat";
font-size: 12px;
font-weight: 400;
padding: 5px 15px;
}
.entry{position: relative;}
.arlo_tm_portfolio_image_main{
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}

/*---------------------------------------------------*/
/*	07) ARLO TESTIMONIALS
/*---------------------------------------------------*/

.arlo_tm_testimonials_wrapper_all{
width: 100%;
height: auto;
clear: both;
float: left;

-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_testimonial_wrap{
width: 100%;
height: auto;
clear: both;
float: left;

-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_testimonial_wrap .carousel_wrap{
width: 100%;
max-width: 730px;
margin: 0px auto;
height: auto;
clear: both;
text-align: center;
cursor: e-resize;

-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_testimonial_wrap .carousel_wrap ul{
margin: 0px;
list-style-type: none;
}
.arlo_tm_testimonial_wrap .carousel_wrap ul li{margin: 0px;}
.arlo_tm_testimonial_wrap .carousel_wrap ul li .inner{
width: 100%;
height: auto;
clear: both;
float: left;
position: relative;

-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_testimonial_wrap .quotebox_wrap{
clear: both;
margin-bottom: 22px;
}
.arlo_tm_testimonial_wrap .quotebox_wrap i{
color: #E3872D;
font-size: 35px;
}
.arlo_tm_testimonial_wrap .definitions_wrap{
clear: both;
margin-bottom: 32px;
}
.arlo_tm_testimonial_wrap .definitions_wrap p{
color: #fff;
font-size: 27px;
font-family: "Montserrat";
font-weight: 600;
line-height: 1.4;
}
.arlo_tm_testimonial_wrap .name_holder p{
color: #fff;
font-size: 18px;
font-family: "Montserrat";
}

.arlo_tm_universal_box_wrap{
width: 100%;
height: auto;
clear: both;
float: left;
position: relative;

-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_universal_box_wrap .bg_wrap{
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 10;
}
.arlo_tm_universal_box_wrap .overlay_image{
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 15;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.arlo_tm_universal_box_wrap .overlay_video{
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 15;
overflow: hidden;
}
.arlo_tm_universal_box_wrap .overlay_video video{
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
object-fit: cover;
}
.arlo_tm_universal_box_wrap .overlay_color{
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 20;
}
.arlo_tm_universal_box_wrap .content{
width: 100%;
height: auto;
clear: both;
float: left;
position: relative;
z-index: 25;

-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_universal_box_wrap .overlay_image.testimonial{background-image: url(..//img/hero/3.jpg);}
.arlo_tm_universal_box_wrap .overlay_color.testimonial{background-color: rgba(7,23,55,.8);}
.arlo_tm_universal_box_wrap .content.testimonial{padding: 82px 0px 90px 0px;}

/*---------------------------------------------------*/
/*	08) ARLO NEWS
/*---------------------------------------------------*/

.arlo_tm_list_wrap{
width: 100%;
height: auto;
clear: both;
float: left;

-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_list_wrap > ul.total{
margin: 0px 0px 0px -30px;
list-style-type: none;
}
.arlo_tm_list_wrap > ul.total > li{
margin: 0px 0px 30px 0px;
float: left;
width: 33.3333%;
padding-left: 30px;

-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_list_wrap > ul.total > li:last-child{margin-bottom: 0px;}
.arlo_tm_list_wrap > ul.total > li .inner_list{
width: 100%;
height: auto;
clear: both;
float: left;
position: relative;

-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_news_wrap{
width: 100%;
height: auto;
clear: both;
float: left;
background-color: #f6f7fd;
-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_news_wrap .link_news{
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 22;
}
.arlo_tm_news_wrap .arlo_tm_list_wrap .inner_list{
background-color: #fff;
border-radius: 3px;
}
.arlo_tm_news_wrap .definitions_wrap{padding: 40px 30px 47px 30px;}
.arlo_tm_news_wrap .image_wrap{position: relative;}
.arlo_tm_news_wrap .image_wrap .big{display: none;}
.arlo_tm_news_wrap .image_wrap .small{display: block;}
.arlo_tm_news_wrap .news_image{
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.arlo_tm_news_wrap .date_wrap{margin-bottom: 16px;}
.arlo_tm_news_wrap .date_wrap p{
color: #333;
font-family: "Montserrat";
font-weight: 600;
}
.arlo_tm_news_wrap .full_def{display: none;}
.arlo_tm_news_wrap .date_wrap p a{
color: #000;
text-decoration: none;
text-transform: uppercase;
position: relative;
margin-left: 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;
}
.arlo_tm_news_wrap .date_wrap p a:hover{color: #E3872D;}
.arlo_tm_news_wrap .date_wrap p a:after{
position: absolute;
content: "";
width: 10px;
height: 1px;
background-color: #333;
top: 50%;
right: 100%;
margin-right: 8px;
}
.arlo_tm_news_wrap .title_holder{margin-bottom: 18px;}
.arlo_tm_news_wrap .title_holder h3{
color: #fff;
line-height: 1.4;
font-weight: 600;
font-family: "Montserrat";
}
.arlo_tm_news_wrap .title_holder h3 a{
text-decoration: none;
color: #041230;
font-size: 22px;
display: block;

-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.arlo_tm_news_wrap .title_holder h3 a:hover{color: #E3872D;}
.arlo_tm_news_wrap .definition{margin-bottom: 26px;}
.arlo_tm_news_wrap .definition p{color: #333;}
.arlo_tm_news_wrap .read_more a{
text-decoration: none;
color: #fff;
background-color: #E3872D;
font-weight: 600;
font-family: "Montserrat";
padding: 12px 35px;
border-radius: 3px;
display: inline-block;
position: relative;
overflow: hidden;
}
.arlo_tm_news_wrap .read_more a:before{
position: absolute;
content: "";
top: 0px;
height: 100%;
left: -25%;
width: 0%;
background-color: #041230;
transform: skew(50deg);
transition-duration: .6s;
z-index: 1;
}
.arlo_tm_news_wrap .read_more a:hover:before{width: 170%;}
.arlo_tm_news_wrap .read_more a span{
position: relative;
z-index: 2;
}
.arlo_tm_popup_share_wrap{display: none;}
#arlo_tm_popup_blog{
opacity: 0;
visibility: hidden;

width: 100%;
height: 100vh;
position: fixed;
background-color: rgba(255,255,255,1);
padding: 50px 0px;	
z-index: 99999999;

-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */

-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}
#arlo_tm_popup_blog.opened{
opacity: 1;
visibility: visible;
}
#arlo_tm_popup_blog .definitions_wrap{
width: 100%;
float: left;
}
#arlo_tm_popup_blog .full_def{
display: block;
margin-bottom: 20px;

width: 100%;

float: left;
}
#arlo_tm_popup_blog .full_def p{display: inline-block;}
#arlo_tm_popup_blog .definition{display: none;}
#arlo_tm_popup_blog .inner_popup{
width: 100%;
float: left;
clear: both;
position: relative;
}
#arlo_tm_popup_blog .date_wrap p{
color: #333;
font-family: "Montserrat";
font-weight: 600;
}
#arlo_tm_popup_blog .date_wrap p a{
color: #333;
text-decoration: none;
text-transform: uppercase;
position: relative;
margin-left: 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;
}
#arlo_tm_popup_blog .date_wrap p a:hover{color: #BD0A0D;}
#arlo_tm_popup_blog .image_wrap{
margin-bottom: 45px;
position: relative;
width: 100%;
float: left;
}
#arlo_tm_popup_blog .image_wrap .big{
display: block;
min-height: 250px;
}
#arlo_tm_popup_blog .image_wrap .small{display: none;}
#arlo_tm_popup_blog .image_wrap .news_image{
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
#arlo_tm_popup_blog .date_wrap{
margin-bottom: 16px;
width: 100%;
float: left;
}
#arlo_tm_popup_blog .date_wrap p a:before{
position: absolute;
content: "";
width: 10px;
height: 1px;
background-color: #333;
top: 50%;
right: 100%;
margin-right: 8px;
}
#arlo_tm_popup_blog .title_holder{
margin-bottom: 18px;
width: 100%;
float: left;
}
#arlo_tm_popup_blog .title_holder h3{
line-height: 1.4;
font-weight: 600;
font-family: "Montserrat";
}
#arlo_tm_popup_blog .title_holder h3 a{
text-decoration: none;
color: #000;
font-size: 22px;
display: block;
}
#arlo_tm_popup_blog .definition p{color: #333;}
#arlo_tm_popup_blog .read_more{display: none;}
#arlo_tm_popup_blog .arlo_tm_popup_share_wrap{
display: block;
width: 100%;
height: auto;
clear: both;
float: left;
padding-bottom: 5px;

-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_popup_blog .arlo_tm_popup_share_wrap ul{
margin: 0px;
list-style-type: none;
}
#arlo_tm_popup_blog .arlo_tm_popup_share_wrap ul li{
display: inline-block;
margin: 0px 15px 0px 0px;
}
#arlo_tm_popup_blog .arlo_tm_popup_share_wrap ul li a{
text-decoration: none;
color: #000;
font-size: 15px;
position: relative;
font-family: "Montserrat";
font-weight: 600;

-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_popup_blog .arlo_tm_popup_share_wrap ul li a:hover{color: #BD0A0D;}
#arlo_tm_popup_blog .close{
position: absolute;
top: 30px;
right: 40px;
width: 50px;
height: 50px;
cursor: pointer;
display: block;
z-index: 111111111;
}
#arlo_tm_popup_blog .close a{
position: relative;
display: block;
height: 30px;
margin-right: 10px;
margin-top: 12px;
}
#arlo_tm_popup_blog .close a:before{
position: absolute;
content: "";
width: 2px;
height: 20px;
background-color: rgba(0,0,0,1.00);
top: 5px;
right: 13px;
transform: rotate(45deg);
}
#arlo_tm_popup_blog .close a:after{
position: absolute;
content: "";
width: 2px;
height: 20px;
background-color: rgba(0,0,0,1.00);
top: 5px;
right: 13px;
transform: rotate(135deg);
}

/*---------------------------------------------------*/
/*	09) ARLO CONTACT
/*---------------------------------------------------*/

.arlo_tm_contact_wrap_all{
width: 100%;
height: auto;
clear: both;
float: left;
-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_contact_wrap_all .leftbox{width:40%;height:auto;float:left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.arlo_tm_contact_wrap_all .leftbox .short_info_wrap{width: 100%;height:auto;clear: both;float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.arlo_tm_contact_wrap_all .leftbox .short_info_wrap ul{margin: 0px;list-style-type: none;}
.arlo_tm_contact_wrap_all .leftbox .short_info_wrap ul li{margin: 0px 0px 5px 0px;}
.arlo_tm_contact_wrap_all .leftbox .short_info_wrap ul li label{font-family: "Montserrat";font-weight: 700;font-size: 13px;color: #000;}
.arlo_tm_contact_wrap_all .leftbox .short_info_wrap ul li span{padding-left: 5px;}
.arlo_tm_contact_wrap_all .leftbox .short_info_wrap ul li a{text-decoration: none;color: #000;}
.arlo_tm_contact_wrap_all .rightbox{width:55%;height:auto;float: right;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.arlo_tm_skills_wrap .rightbox{width:55%;height: auto;float: right;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.arlo_tm_contact_wrap{max-width:830px;height:auto;margin: 0px auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.arlo_tm_contact_wrap .subtitle{text-align: center;margin-bottom: 69px;}
.arlo_tm_contact_wrap .subtitle p{color: #333;}
.arlo_tm_contact_wrap .main_input_wrap{position: relative;top: -24px;}
.arlo_tm_contact_wrap .main_input_wrap, .arlo_tm_contact_wrap .main_input_wrap .wrap{width: 100%;height: auto;clear: both;float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.arlo_tm_contact_wrap .main_input_wrap .wrap{margin-bottom: 20px;}
.arlo_tm_contact_wrap .main_input_wrap .wrap input{width: 100%;text-align: left;background-color: transparent;border: none;border-bottom: 1px solid rgba(10,4,37,1);color: #333;padding-left: 0px !important;}
.arlo_tm_contact_wrap .main_input_wrap .wrap input:focus{outline: none;}
.arlo_tm_contact_wrap .main_input_wrap .wrap textarea{width: 100%;height: 80px;text-align: left;background-color: transparent;border: none;border-bottom: 1px solid rgba(10,4,37,1);color: #333;padding-left: 0px !important;}
.arlo_tm_contact_wrap .main_input_wrap .wrap textarea:focus{outline: none;}
.arlo_tm_contact_wrap .arlo_tm_button a{
text-decoration: none;
color: #fff;
background-color: #E3872D;
font-weight: 600;
font-family: "Montserrat";
padding: 12px 35px;
border-radius: 3px;
display: inline-block;
position: relative;
overflow: hidden;
}
.arlo_tm_contact_wrap .arlo_tm_button a:before{
position: absolute;
content: "";
top: 0px;
height: 100%;
left: -25%;
width: 0%;
background-color: #041230;
transform: skew(50deg);
transition-duration: .6s;
z-index: 1;
}
.arlo_tm_contact_wrap .arlo_tm_button a:hover:before{width: 170%;}
.arlo_tm_contact_wrap .arlo_tm_button a span{
position: relative;
z-index: 2;
}
.arlo_tm_contact_wrap .empty_notice{
color: #BD0A0D;
margin-bottom: 7px;
display: none;
text-align: left;
}
.arlo_tm_contact_wrap .contact_error{
color: rgba(255,0,4,1.00);
text-align: left;
}
.arlo_tm_contact_wrap .returnmessage{
color:#0064FF;
margin-bottom: 7px;
text-align: left;
}

.arlo_tm_footer_wrap{
width: 100%;
height: auto;
clear: both;
float: left;
text-align: left;
background-color: #041230;
padding:15px 0px;
-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_footer_wrap p{color: #fff;}
.arlo_tm_footer_wrap p a{
text-decoration: none;
color: #fff;
font-family: "Montserrat";
font-weight: 600;
position: relative;
}

/*---------------------------------------------------*/
/*	10) EDREA TO TOP
/*---------------------------------------------------*/

.arlo_tm_totop{
position: fixed;
bottom: 40px;
right: 55px;
z-index: 100;
overflow: hidden;
outline: 1px solid rgba(255,255,255,.2);

background-color: #E3872D;
padding: 22px;
border-radius: 3px;
display: inline-block;

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_totop:before{
position: absolute;
content: "";
top: 0px;
height: 100%;
left: -75%;
width: 0%;
background-color: #041230;
transform: skew(50deg);
transition-duration: .6s;
z-index: 1;
}
.arlo_tm_totop:after{
width: 0px;
height: 0px;
position: absolute;
content: '';
border: 5px solid transparent;
border-bottom-color: #fff;
top: 14px;
left: 17px;
z-index: 2;
}
.arlo_tm_totop:hover:before{width: 290%;}
.arlo_tm_totop.opened{
opacity: 1;
visibility: visible;
bottom: 55px;
}

/*---------------------------------------------------*/
/*	11) ARLO PARTICLE HOMEPAGE
/*---------------------------------------------------*/

#particles-js {
width: 100%;
height: 100%;
position: relative;
z-index: 2;
}
.arlo_tm_universal_box_wrap.particle{
height: 100vh;
position: relative;
background-image: url(..//img/hero/2.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.arlo_tm_universal_box_wrap.particle .particle_overlay{
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-color:rgba(7,23,55,.8);
}

/*---------------------------------------------------*/
/*	12) ARLO RIPPLE HOMEPAGE
/*---------------------------------------------------*/

.arlo_tm_ripple_wrap{
width: 100%;
height:100vh;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: url(..//img/hero/2.jpg);
position: relative;
}
.arlo_tm_ripple_wrap .overlay{
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-color: rgba(7,23,55,.8);
z-index: 1;
}
.arlo_tm_ripple_wrap .container{
height: 100%;
z-index: 2;
}


/*---------------------------------------------------*/
/*	 ARLO INTRO_PAGE
/*---------------------------------------------------*/

.arlo_tm_intro_universal_bg_wrap{
width: 100%;
height: auto;
clear: both;
float: left;
position: relative;
-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_intro_universal_bg_wrap .bg_wrap{
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 10;
}
.arlo_tm_intro_universal_bg_wrap .bg_wrap .overlay_image{
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 15;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.arlo_tm_intro_universal_bg_wrap .bg_wrap .overlay_color{
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 20;
}
.arlo_tm_intro_universal_bg_wrap .content{
width: 100%;
height: auto;
clear: both;
float: left;
position: relative;
z-index: 30;
-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_intro_universal_bg_wrap .bg_wrap .overlay_image.top{background-image: url(../img/hero/2.jpg);}
.arlo_tm_intro_universal_bg_wrap .bg_wrap .overlay_color.top{background-color: rgba(10,4,37,.85);}
.arlo_tm_intro_universal_bg_wrap .content.top{height: 45vh;}
.arlo_tm_intro_universal_bg_wrap .content.top .main_titles_wrap{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
text-align: center;
width: 100%;
padding: 0px 20px;
-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_intro_universal_bg_wrap .logo_holder{margin-bottom: 25px;}
.arlo_tm_intro_universal_bg_wrap .logo_holder span{
display: block;
color: #fff;
font-size: 36px;
text-transform: uppercase;
font-weight: 600;
padding-top: 10px;
}
.arlo_tm_intro_universal_bg_wrap .intro_definition{margin-bottom: 26px;}
.arlo_tm_intro_universal_bg_wrap .intro_definition p{
color: #FFFFFF;
font-size: 25px;
font-weight: 500;
font-family: "Montserrat";
}
.arlo_tm_intro_universal_bg_wrap .purchase_button a span{
position: relative;
z-index: 2;
}
.arlo_tm_intro_universal_bg_wrap .purchase_button a{
text-decoration: none;
color: #fff;
background-color: #fd4d4d;
font-weight: 600;
font-family: "Montserrat";
padding: 12px 40px;
border-radius: 3px;
display: inline-block;
position: relative;
overflow: hidden;
}
.arlo_tm_intro_universal_bg_wrap .purchase_button a:before{
position: absolute;
content: "";
top: 0px;
height: 100%;
left: -25%;
width: 0%;
background-color: #fff;
transform: skew(50deg);
transition-duration: .6s;
z-index: 1;
}
.arlo_tm_intro_universal_bg_wrap .purchase_button a:hover:before{width: 160%;}
.arlo_tm_intro_universal_bg_wrap .purchase_button a:hover{color: #000;}
.arlo_tm_intro_universal_bg_wrap .purchase_button a i{margin-right: 10px;}
.arlo_tm_main_demos_wrap,
.arlo_tm_main_demos_title,
.arlo_tm_main_demos_list_wrap,
.arlo_tm_main_demos_list_wrap ul li .inner{
width: 100%;
height: auto;
clear: both;
float: left;
background-color: #fff;

-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_main_demos_wrap{padding-bottom: 60px;}
.arlo_tm_main_demos_title{text-align: center;}
.arlo_tm_main_demos_title span{
display: inline-block;
text-align: center;
color: #000;
font-size: 25px;
font-weight: 600;
padding: 80px 0px;
text-transform: uppercase;
font-family: "Montserrat";
}
.arlo_tm_main_demos_title.another span{padding-top: 20px !important;}
.arlo_tm_main_demos_list_wrap ul{
margin: 0px 0px 0px -40px;
list-style-type: none;
}
.arlo_tm_main_demos_list_wrap ul li{
margin: 0px 0px 40px 0px;
float: left;
width: 33.3333%;
padding-left: 40px;
position: relative;
top: 0px;

-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */

-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_main_demos_list_wrap ul li:hover{top: -5px;left: 0px;}
.arlo_tm_main_demos_list_wrap ul li .inner{
position: relative;
overflow: hidden;
box-shadow: 0px 5px 40px -8px rgba(0,0,0,.1);
padding-bottom: 20px;
}
.arlo_tm_main_demos_list_wrap ul li .inner .image_holder{margin-bottom: 15px;}
.arlo_tm_main_demos_list_wrap ul li .inner .image_holder img{min-width: 100%;}
.arlo_tm_main_demos_list_wrap ul li .inner .name{
width: 100%;
float: left;
text-align: center;
}
.arlo_tm_main_demos_list_wrap ul li .inner .name span{
color: #FFFFFF;
font-size: 18px;
font-weight: 500;
display: inline-block;
text-transform: uppercase;
}
.arlo_tm_main_demos_list_wrap ul li .inner .name span a{
text-decoration: none;
color: #000;
font-family: "Montserrat";

-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_main_demos_list_wrap ul li .inner .name span a:hover{color: #BC0127;}
.arlo_tm_main_demos_list_wrap ul li .inner .new{
position: absolute;
top: 15px;
left:-33px;
transform: rotate(-45deg);
}
.arlo_tm_main_demos_list_wrap ul li .inner .new span{
display: inline-block;
color: #FFFFFF;
background-color: #BC0127;
text-transform: uppercase;
font-weight: 600;
font-size: 16px;
padding: 5px 45px;
}
.arlo_tm_footer_wrap.intro{
padding-left: 40px;
padding-right: 40px;
text-align: center;
}

/*---------------------------------------------------*/
/*	13) ARLO PORTFOLIO SINGLE
/*---------------------------------------------------*/

.arlo_tm_portfolio_single_wrap{
width: 100%;
height: auto;
clear: both;
float: left;
padding-top: 150px;

-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_portfolio_single_wrap .title_holder h3{
font-size: 50px;
text-transform: uppercase;
font-weight: 500;
letter-spacing: -.5px;
line-height: 1;
margin-bottom: 100px;
}
.arlo_tm_portfolio_single_wrap .details_wrap{
width: 100%;
height: auto;
clear: both;
float: left;
display: flex;
flex-direction: row;
margin-bottom: 100px;

-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_portfolio_single_wrap .details_wrap .leftbox{
width: 40%;
height: auto;
float: left;
padding-right: 50px;

-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_portfolio_single_wrap .details_wrap .name_holder h3{
font-family: "Montserrat";
font-size: 22px;
font-weight: 600;
color: #000000;
line-height: 1;
margin-bottom: 20px;
}
.arlo_tm_portfolio_single_wrap .details_wrap .short_list ul{
margin: 0px;
list-style-type: none;
}
.arlo_tm_portfolio_single_wrap .details_wrap .short_list ul li{margin: 0px 0px 3px 0px;}
.arlo_tm_portfolio_single_wrap .details_wrap .short_list ul li:last-child{margin-bottom: 0px;}
.arlo_tm_portfolio_single_wrap .details_wrap .short_list ul li span{display: inline-block;}
.arlo_tm_portfolio_single_wrap .details_wrap .short_list ul li span.first{
font-weight: 600;
min-width: 150px;
}
.arlo_tm_portfolio_single_wrap .details_wrap .rightbox{
width: 60%;
height: auto;
float: left;
}
.arlo_tm_portfolio_single_wrap .details_wrap .rightbox p{line-height: 2;}
.arlo_tm_portfolio_single_wrap .images_list{
width: 100%;
height: auto;
clear: both;
float: left;
margin-bottom: 50px;

-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_portfolio_single_wrap .images_list ul{
margin: 0px;
list-style-type: none;
}
.arlo_tm_portfolio_single_wrap .images_list ul li{
margin: 0px 0px 50px 0px;
float: left;
width: 100%;
}
.arlo_tm_portfolio_single_wrap .images_list ul li:last-child{margin-bottom: 0px;}
.arlo_tm_portfolio_single_wrap .images_list ul li img{min-width: 100%;}
.arlo_tm_portfolio_single_wrap .pagination_wrap{
width: 100%;
height: auto;
clear: both;
float: left;
margin-bottom: 100px;
display: flex;
align-items: center;
justify-content: space-between;

-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_portfolio_single_wrap .pagination_wrap a{
text-decoration: none;
color: #000000;
font-weight: 600;
font-size: 16px;

-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_wrap .pagination_wrap a:hover{color: #E3872D;}

/*---------------------------------------------------*/
/*	14) ARLO MOBILE HEADER
/*---------------------------------------------------*/

.arlo_tm_mobile_header_wrap{
width: 100%;
height: auto;
position: fixed;
z-index:9;
left: 0px;
top: 0px;
display: none;
}
.arlo_tm_mobile_header_wrap .main_wrap{
width: 100%;
height: auto;
clear: both;
float: left;
padding:10px;
display: flex;
align-items: center;
justify-content: space-between;
background-color: #041230;
border-bottom: 1px solid rgba(255,255,255,.1);

-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_trigger{width: auto;}
.arlo_tm_trigger .hamburger{
padding: 15px 15px;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
}
.arlo_tm_trigger .hamburger-box{
width: 30px;
height: 18px;
display: inline-block;
position: relative;
}
.arlo_tm_trigger .hamburger-inner{
display: block;
top: 50%;
margin-top: -2px;
}
.arlo_tm_trigger .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{
width: 30px;
height: 2px;
background-color: #333333;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;

-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.arlo_tm_trigger .hamburger-inner::before,
.arlo_tm_trigger .hamburger-inner::after{
content: "";
display: block;
}
.arlo_tm_trigger .hamburger-inner::before{top: -8px;}
.arlo_tm_trigger .hamburger-inner::after{ bottom: -10px;}
.arlo_tm_trigger .hamburger--collapse-r .hamburger-inner{
top: auto;
bottom: 0;
transition-duration: 0.13s;
transition-delay: 0.13s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.arlo_tm_trigger .hamburger--collapse-r .hamburger-inner::after{
top: -16px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.arlo_tm_trigger .hamburger--collapse-r .hamburger-inner::before{
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.arlo_tm_trigger .hamburger--collapse-r.is-active .hamburger-inner{
transform: translate3d(0, -10px, 0) rotate(45deg);
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.arlo_tm_trigger .hamburger--collapse-r.is-active .hamburger-inner::after{
top: 0;
opacity: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.arlo_tm_trigger .hamburger--collapse-r.is-active .hamburger-inner::before{
top: 0;
transform: rotate(90deg);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.arlo_tm_trigger .hamburger{
padding: 0px;
height: 100%;
display: table-cell;
vertical-align: middle;
}
.arlo_tm_trigger .hamburger-box{display: block;}
.arlo_tm_trigger .hamburger .hamburger-inner::before,
.arlo_tm_trigger .hamburger .hamburger-inner::after,
.arlo_tm_trigger .hamburger .hamburger-inner{
background-color: #fff;
width: 30px;

-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.arlo_tm_mobile_menu_wrap{
width: 100%;
height: auto;
clear: both;
float: left;
background-color: rgba(4,18,48,.97);
padding: 30px 20px;
display: none;
border-bottom: 1px solid rgba(0,0,0,.09);
border-top: 1px solid rgba(0,0,0,.09);

-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_mobile_menu_wrap .mob_menu{
width: 100%;
height: auto;
clear: both;
float: left;

-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_mobile_menu_wrap .mob_menu > ul{
margin: 0px;
list-style-type: none;
}
.arlo_tm_mobile_menu_wrap .mob_menu > ul > li{margin: 0px 0px 5px 0px;}
.arlo_tm_mobile_menu_wrap .mob_menu > ul > li:last-child{margin-bottom: 0px;}
.arlo_tm_mobile_menu_wrap .mob_menu > ul > li a{
text-decoration: none;
color: #fff;
font-family: "Montserrat";
font-weight: 600;
font-size: 19px;
}

/*---------------------------------------------------*/
/*	15) ARLO MEDIA QUERIES (FOR SMALL DEVIVES)
/*---------------------------------------------------*/
@media (max-width:1400px)
{
.arlo_tm_about_wrap .leftbox{padding-right: 0px;}
}

@media (max-width:1200px)
{
.arlo_tm_services_wrap .list_wrap ul li{width: 50%;}
#arlo_tm_popup_blog .close{right: 0px;}
.arlo_tm_list_wrap > ul.total > li{width: 50%;}
.arlo_tm_about_wrap .leftbox{display:block;}
.arlo_tm_about_wrap .rightbox{padding-left: 0px;width: 100%;}
.arlo_tm_contact_wrap_all .leftbox{width: 100%;padding-right: 0px;margin-bottom: 19px;}
.arlo_tm_contact_wrap_all .rightbox{width: 100%;float: none;}
}

@media (max-width:1040px)
{
.arlo_tm_about_wrap{flex-direction: column;}
.arlo_tm_about_wrap .rightpart .info_list ul li{width: 100%;}
.arlo_tm_about_wrap .leftpart{width: 100%;padding-right: 0px;margin-bottom: 60px;}
.arlo_tm_about_wrap .rightpart{width: 100%;}
.arlo_tm_skills_wrap .inner_wrap{flex-direction: column;}
.arlo_tm_skills_wrap .leftbox{padding-right: 0px;width:100%;margin-bottom: 60px;}
.arlo_tm_skills_wrap .rightbox{width: 100%;padding-left: 0px;}
.arlo_tm_main_demos_list_wrap ul{margin: 0px;}
.arlo_tm_main_demos_list_wrap ul li{width: 100%;padding: 0px;}
.arlo_tm_portfolio_single_wrap .details_wrap{flex-direction: column;}
.arlo_tm_portfolio_single_wrap .details_wrap .leftbox{padding-right: 0px;width: 100%;margin-bottom: 50px;}
.arlo_tm_portfolio_single_wrap .details_wrap .rightbox{width: 100%;}
.arlo_tm_mobile_header_wrap{display: block;}
.arlo_tm_preloader{display: none;}
.arlo_tm_leftpart_wrap{display: none;}
.arlo_tm_rightpart{padding-left: 0px;}
}

@media (max-width:767px)
{
.arlo_tm_about_wrapper_all{margin-top:30px;}
.arlo_tm_rightpart .rightpart_inner{margin-top:70px;}
.arlo_tm_hero_header_wrap{margin-bottom:20px !important;}
.arlo_tm_hero_header_wrap .name_holder h3{font-size: 40px;}
.arlo_tm_hero_header_wrap .text_typing p{font-size: 21px;}
.arlo_tm_about_wrap{padding-bottom:20px;}
.arlo_tm_title_holder{padding-bottom:10px;}
.arlo_tm_skills_wrap{padding:0;}
.arlo_tm_title_holder h3{font-size:18px;}
.arlo_tm_skills_wrap{margin-bottom:20px;padding:20px 0;}
.arlo_tm_news_wrap{padding:20px 0;margin-bottom:20px;}
.arlo_tm_title_holder:before{top: -2px;}
.arlo_tm_services_wrap .list_wrap ul{margin: 0px;}
.arlo_tm_services_wrap .list_wrap ul li{width: 100%;padding-left: 0px;}
.arlo_tm_counter_list li{width: 50%;}
.arlo_tm_counter_list li .inner{padding: 45px 15px 48px 15px;}
.arlo_tm_portfolio_list > li{width: 50%;}
.arlo_tm_list_wrap > ul.total{margin: 0px;}
.arlo_tm_list_wrap > ul.total > li{width: 100%;padding-left: 0px;}
.arlo_tm_about_wrap .about_short_contact_wrap ul li{width: 100%;}
.arlo_tm_totop{right: 20px;bottom: 10px;}
.arlo_tm_totop.opened{bottom: 20px;}
.arlo_tm_preloader{display: none;}
.arlo_tm_portfolio_single_wrap .title_holder h3{font-size: 45px;}
.arlo_tm_universal_box_wrap .content.hero{height:70vh;margin-top:150px}
.abt{display:none;}
.mptb{margin-top:100px;}
.work-mt{margin-top:80px !important;}
.timeline-body > p, .timeline-body > ul {font-size:12px;line-height:18px;}
.scholar{margin-left:0 !important;}
.modal{top:100px !important;}
.arlo_tm_contact_wrap_all .leftbox .short_info_wrap{float:none;}
}

@media (min-width:768px) and (max-width:1024px)
{
.arlo_tm_hero_header_wrap .inner_content{top: 65% !important;}
.abt{display:none;}
.mptb{margin-top:100px;}
}

@media (max-width:480px)
{
.arlo_tm_hero_header_wrap .name_holder h3{font-size: 30px;}
.arlo_tm_hero_header_wrap .text_typing p{font-size: 18px;}
.arlo_tm_title_holder:before{display: none;}
.arlo_tm_title_holder h3{padding-left: 0px;}
.arlo_tm_title_holder span{padding-left: 0px;}
.arlo_tm_counter_list li{width: 100%;}
.arlo_tm_counter_list li .inner{padding: 0px 0px 35px 0px;}
.arlo_tm_portfolio_list{margin: 0px;}
.arlo_tm_portfolio_list > li{width: 100%;padding-left: 0px;}
.arlo_tm_counter_wrap{padding: 94px 0px 48px 0px;}
.abt{display:none;}
}

.timeline {list-style: none;padding: 20px 0 20px;position: relative;}
.timeline:before{top: 0;bottom: 0;position: absolute;content: " ";width: 3px;background-color: #eeeeee;left: 50%;margin-left: -1.5px;}
.timeline > li{position: relative;}
.timeline > li:before, .timeline > li:after {content: " ";display: table;}
.timeline > li:after {clear: both;}
.timeline > li:before, .timeline > li:after {content: " ";display: table;}
.timeline > li:after {clear: both;}
.timeline > li > .timeline-panel {width: 46%;float: left;border: 1px solid #d4d4d4;border-radius: 2px;padding: 10px;position: relative;-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); background:#fff;}
.timeline > li > .timeline-panel:before {position: absolute;top: 26px;right: -15px;display: inline-block;border-top: 15px solid transparent;border-left: 15px solid #ccc;border-right: 0 solid #ccc;border-bottom: 15px solid transparent;content: " ";}
.timeline > li > .timeline-panel:after {position: absolute;top: 27px;right: -14px;display: inline-block;border-top: 14px solid transparent;border-left: 14px solid #fff;border-right: 0 solid #fff;border-bottom: 14px solid transparent;content: " ";}
.timeline > li > .timeline-badge {color: #fff;width: 50px;height: 50px;line-height: 50px;font-size: 1.4em;text-align: center;position: absolute;top: 16px;left: 50%;margin-left: -25px;background-color: #999999;z-index: 100;border-top-right-radius: 50%;border-top-left-radius: 50%;border-bottom-right-radius: 50%;border-bottom-left-radius: 50%;}
.timeline > li.timeline-inverted > .timeline-panel {float: right;}
.timeline > li.timeline-inverted > .timeline-panel:before {border-left-width: 0;border-right-width: 15px;left: -15px;right: auto;}
.timeline > li.timeline-inverted > .timeline-panel:after {border-left-width: 0;border-right-width: 14px;left: -14px;right: auto;}
.timeline-badge.primary {background-color: #2e6da4 !important;}
.timeline-badge.success {background-color: #3f903f !important;}
.timeline-badge.warning {background-color: #f0ad4e !important;}
.timeline-badge.danger {background-color: #d9534f !important;}
.timeline-badge.info {background-color: #5bc0de !important;}
.timeline-title {margin-top: 0;color: inherit;}
.timeline-body > p, .timeline-body > ul {margin-bottom: 0;}
.timeline-body > p + p {margin-top: 5px;}
.panel-default>.panel-heading{color: #333;background-color: #fff;border-color: #e4e5e7;padding: 0;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.panel-default>.panel-heading a {display: block;padding: 10px 15px;}
.panel-default>.panel-heading a:after {content: "";position: relative;top: 1px;display: inline-block;font-family:'FontAwesome';font-style: normal;font-weight: 400;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;float: right;transition: transform .25s linear;-webkit-transition: -webkit-transform .25s linear;}
.panel-default>.panel-heading a[aria-expanded="true"]{background-color: #eee;}
.panel-default>.panel-heading a[aria-expanded="true"]:after{content: "\2212";-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.panel-default>.panel-heading a[aria-expanded="false"]:after{content: "\002b";-webkit-transform: rotate(90deg);transform: rotate(90deg);}

.mt-10{margin-top:10px;}
.mt-20{margin-top:20px;}
.mt-30{margin-top:30px;}
.mt-40{margin-top:40px;}
.mt-50{margin-top:50px;}
.mt-60{margin-top:60px;}
.mt-70{margin-top:70px;}
.mt-80{margin-top:80px;}

.mbt-10{margin-bottom:10px;}
.mbt-20{margin-bottom:20px;}
.mbt-30{margin-bottom:30px;}
.mbt-40{margin-bottom:40px;}
.mbt-50{margin-bottom:50px;}
.mbt-60{margin-bottom:60px;}
.mbt-70{margin-bottom:70px;}
.mbt-80{margin-bottom:80px;}

.ml-10{margin-left:10px;}
.ml-20{margin-left:20px;}
.ml-30{margin-left:30px;}
.ml-40{margin-left:40px;}
.ml-50{margin-left:50px;}
.ml-60{margin-left:60px;}
.ml-70{margin-left:70px;}
.ml-80{margin-left:80px;}

.mr-10{margin-right:10px;}
.mr-20{margin-right:20px;}
.mr-30{margin-right:30px;}
.mr-40{margin-right:40px;}
.mr-50{margin-right:50px;}
.mr-60{margin-right:60px;}
.mr-70{margin-right:70px;}
.mr-80{margin-right:80px;}

.pt-10{padding-top:10px;}
.pt-20{padding-top:20px;}
.pt-30{padding-top:30px;}
.pt-40{padding-top:40px;}
.pt-50{padding-top:50px;}
.pt-60{padding-top:60px;}
.pt-70{padding-top:70px;}
.pt-80{padding-top:80px;}

.pb-10{padding-bottom:10px;}
.pb-20{padding-bottom:20px;}
.pb-30{padding-bottom:30px;}
.pb-40{padding-bottom:40px;}
.pb-50{padding-bottom:50px;}
.pb-60{padding-bottom:60px;}
.pb-70{padding-bottom:70px;}
.pb-80{padding-bottom:80px;}

.pl-10{padding-left:10px;}
.pl-20{padding-left:20px;}
.pl-30{padding-left:30px;}
.pl-40{padding-left:40px;}
.pl-50{padding-left:50px;}
.pl-60{padding-left:60px;}
.pl-70{padding-left:70px;}
.pl-80{padding-left:80px;}

.pr-10{padding-right:10px;}
.pr-20{padding-right:20px;}
.pr-30{padding-right:30px;}
.pr-40{padding-right:40px;}
.pr-50{padding-right:50px;}
.pr-60{padding-right:60px;}
.pr-70{padding-right:70px;}
.pr-80{padding-right:80px;}

.ptb{padding:10px 0;}
.mtb-10{margin:10px 0;}

.work-mt{margin-top:100px;}
.scholar{margin-left:30px; font-size:18px;}
.ri{min-height:175px !important;}
ul.normal {margin: 0 0 0 20px;padding: 0;list-style: none;}
ul.normal li:before {padding: 0;font-family: FontAwesome;content: "\f105";margin: 0 15px 0px -20px;color: #e3a133;}
#image-gallery .modal-footer{display: block;}
.thumb{margin-top: 15px;margin-bottom: 15px;}
button.close {padding: 0;background-color: transparent;border: 0;-webkit-appearance: none;}
.blue_bg{background:#f6f7fd;}

.book-pane{padding:20px;background:#fff;text-align:center;border:1px solid #ddd;margin:15px 0;}
.buy_btn{background:#78ac07;color:#fff;text-transform:uppercase;padding:10px;}
a.buy_btn:hover{color:#fff !important;}

.ft-xs ul{float:left;list-style:none;}
.ft-xs ul li{float:left;margin:0 20px 0 0;font-size:20px;}

/*** Instruction pop up on Home page ****/
#wrapper1{color:#000;font-family:tahoma;font-size:14px;margin:0 auto;width:900px;margin-top:0;}
#wrapper1 a{cursor:pointer;font-size:15px;font-weight:bold;text-decoration:underline;}
.box{background-color:#fff;color:#888;height:auto;left:100%;padding:20px;position:fixed;right:30%;top:10%;width:650px;z-index:101;border:5px solid #888;border-radius:10px;-moz-border-radius:10px;}
.overlay{background:#000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:100;opacity:0.5;}
a.boxclose{background:url("../images/cancel.png") repeat scroll left top transparent;cursor:pointer;float:right;height:26px;left:32px;position:relative;top:-33px;
width:26px;}

@media (max-width:991px)
{
.box{height:auto !important;width:350px;top:5%;z-index:999;}
}