.arlo_tm_about_wrap{
    width: 100%;
    height: auto;
    clear: both;
    float: left;
    padding-bottom: 122px;
    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;
    align-items: center;

    -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: 35%;
    float: left;
    height: auto;
    padding-right: 40px;

    -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: 65%;
    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;}
.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%;}


@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: none;}
    .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: 768px) {
    .arlo_tm_hero_header_wrap .name_holder h3{font-size: 40px;}
    .arlo_tm_hero_header_wrap .text_typing p{font-size: 21px;}
    .arlo_tm_title_holder h3{font-size: 45px;}
    .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;}
}
@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;}
}