@charset "utf-8";
/* CSS Document */


@media (max-width: 1280px) {
    #content{width: 100%; padding: 0 30px;}
    #header { width: 100%;}
    #headerContent{ width: 100%;}
    #footer{width: 100%;}
    #underFooter{ width: 100%;}
    #partners{ width: 100%; padding: 0 30px;}
    #fixedMenu .fixedMenuContent{ width: 100%;}
    .cmsNewsBox .date{
        position: static;
        top: auto; left: auto;
    }
    #headerWrpaper{
        padding: 0 30px;
    }
    #headerContent .zones{
        right: 30px;
    }
}

@media (max-width: 1050px) {  
    #header .headerData .address font{
        display: none;
    }
}

@media (max-width: 1000px) {
    #mobileMenu .icon{
        display: block;
        width: 32px;
        height: 32px;
        background: url('/default/images/mobileMenu.png') top left no-repeat;
        float: right;
        margin: 18px 45px 0 0;
    }
    #mobileMenu.selected{
        width: 52%;
        background: #f2f7fa;
        height: 100%;
        margin: 0 0 0 100%;
        position: relative;
        margin-top: -30px;
    }
    #mobileMenu.selected .icon{
        margin: 0 30px 30px 0;
        background: url('/default/images/mobileMenuSelected.png') top left no-repeat;       
    }
    #header-wrapper.mobileSelected, #contentWrapper.mobileSelected{
        margin-left:-50%;
    }
    #fixedMenu{
        display: none !important;   
    }
    .cmsTopNavBox{
        margin: 0;
        padding: 0;
    }
    .cmsTopNavBox .content > ul{
        padding: 0;
        width: 100%;
    }
    .cmsTopNavBox .content > ul li:first-of-type{
        padding: 0;
    }
    .cmsTopNavBox .content > ul li{
        width: 100%;
        border-top: 1px solid #d7e4ec;
        height: 75px;
        line-height: 75px;
        margin: 0;
        padding: 0;
    }
    .cmsTopNavBox .content > ul li >ul{
        display: none !important;
    }
    .cmsTopNavBox .content > ul li.selected{
        border-bottom: none;
    }
    .cmsTopNavBox .content > ul li a{
        width: 100%;
        color: #000;
        font-size: 166%;
        padding: 0 30px 0 0;
    }
    .cmsTopNavBox{
        display: none;   
    }
    #mobileMenu.selected .mobileMenuZones{
        position: absolute;
        width: calc(100% - 60px);
        width: -webkit-calc(100% - 60px);
        width: -moz-calc(100% - 60px);
        right: 20px;
    }
    #mobileMenu.selected .mobileMenuZones .main-vehicle-tracking, #mobileMenu.selected .mobileMenuZones .vehicle-tracking{
        width: 100%;
        display: inline-block;
        margin: 0;
        background: url('/default/images/workerZoneBgMobile.png') center right no-repeat;
        background-color: #0072ae;
        position: relative;
    }
    #mobileMenu.selected .mobileMenuZones .fleet-tracking{
        width: 100%;
        display: inline-block;
        margin: 0;
        background: url('/default/images/employerZoneBgMobile.png') center right no-repeat;
        background-color: #00a3e4;
        position: relative;
    }
    #mobileMenu.selected .vehicle-tracking, #mobileMenu.selected .fleet-tracking{
        display: block;
        width: 100%;
    }
    #mobileMenu.selected .vehicle-tracking .mark, #mobileMenu.selected .vehicle-tracking .fleet-tracking .mark{
        display: block;
        width: 30px;
        height: 3px;
        position: absolute;
        top: -8px;
        left: 30px;
    }    
    #mobileMenu.selected .vehicle-tracking .mark, #mobileMenu.selected .fleet-tracking .mark{
        top: 0;
    }
    #mobileMenu.selected .vehicle-tracking .mark{
        background: #4d9dc6;
    }
    #mobileMenu.selected .fleet-tracking .mark{
        background: #4dbfec;
    }
    .cmsTopNavBox .content > ul li a.mobileAppendHref{
        color: #0072ae;
        background: url('/default/images/mobileAppendHref.png') center left no-repeat;
        margin: 0 0 0 30px;
        width: calc(100% - 30px);
        width: -webkit-calc(100% - 30px);
        width: -moz-calc(100% - 30px);        
        display: block;
    }
    .headerData{
        display: none;
    }
    .cmsTopNavBox .content > ul li:first-of-type{
        display: none;
    }
    .cmsNewsBox .news .newsContent, .appGraduateIndexLayout #main-column .news .newsContent{
        width: 100%;
    }
    .cmsNewsBox .news .newsContent h4, .appGraduateIndexLayout #main-column .news .newsContent h4{
        margin-top: 10px;
    }
    .btn{
        height: 50px;
        line-height: 50px;
    }
    .appOfferBox .name, .appOfferTrainingBox .name{
        font-size: 208%;
    }
    .appOfferTrainingBox .companyName, .appOfferBox .companyName{
        font-size: 133%;
    }
    .appOfferTrainingBox .description, .appOfferBox .description{
        font-size: 90%;
        line-height: 1.3em;
    }
    .appOfferTrainingBox .date, .appOfferBox .date{
        /* font-size: 125%; */
        display: none;
    }
    .cmsNewsBox .news .newsContent h4, .appGraduateIndexLayout #main-column .news .newsContent h4{
        margin-top: -7px;
        line-height: 1.4em;
    }
    .cmsSitesIndexLayout #main-column .cmsNewsBox p{
        font-size: 133%;
    }
    .appEventBox .event .info .name{
        font-size: 208%;
        padding-bottom: 27px;
    }
    .appEventBox .event .info .description{
        font-size: 133%;
    }
    #partners p{
        font-size: 133%;
    }
    #partners img:nth-of-type(6), #partners img:nth-of-type(7), #partners img:nth-of-type(8), #partners img:nth-of-type(9), #partners img:nth-of-type(10){
        display: none;
    }
    #partners img{
        width: calc(20% - 10px);
        width: -webkit-calc(20% - 10px);
        width: -moz-calc(20% - 10px);
        margin-right: 0;
        margin-left: 0;
        padding-right: 10px;        
    }
    .footerColumn.links{
        display: none;
    }
    .footerColumn.contact{
        width: 100%;
    }
    #footer .footerColumn.contact .footerMainData{
        float: left;
        width: calc(50% - 30px);
        width: -webkit-calc(50% - 30px);
        width: -moz-calc(50% - 30px);

        text-align: left;
        margin-left: 30px;
    }
    #footer .footerColumn.contact .footerPhone{
        float: left;
        width: calc(50% - 30px);
        width: -webkit-calc(50% - 30px);
        width: -moz-calc(50% - 30px);
        margin-top: 0;
        margin-right: 30px;
    }
    #footerWrapper .footerColumn.contact p.time{
        padding-top: 50px;
        padding-right: 30px;
    }
    #underFooter p:first-of-type{
        width: 100%;
        text-align: center;
        margin: 20px 0 10px 0;
    }
    #underFooter p:last-of-type{
        width: 100%;
        text-align: center;
        margin: 0 0 15px 0;
    }
    #footerWrapper p{
        font-size: 133%;
    }
    #footer .footerColumn.contact a{
        font-size: 133%;
    }
    ul li{
        font-size: 125%;
    }
    .appWorkerIndexLayout .companyContact .section{
        background: none;
    }
    .appWorkerIndexLayout .container .comapnyData{
        clear: both;
    }
    .appWorkerIndexLayout .companyContact .section{
        clear: both;
        padding: 0;
    }
    .appWorkerIndexLayout .container .logo{
        width: 100%;
        height: auto;
    }
}
@media (max-width: 860px) {    
    #main-wrapper{
        height: 830px;
    }
    #header-wrapper #headerContent{
        padding: 0 60px;
        top: 210px
    }
    #header{
        top: 25px;
    }
    #contentWrapper{
        margin-top: -60px;
    }
    #content.columns-left-right #leftColumn{
        width: 100%;
    }
    .appOfferTrainingBox, .appOfferBox{
        width: calc(50% - 15px);
        width: -webkit-calc(50% - 15px);
        width: -moz-calc(50% - 15px);
        display: inline-block;
    }
    .appOfferBox{
        margin-right: 30px;
    }
    #content.columns-left-right #main-column, #content.columns-right #main-column{
        width: 100%;
        margin: 0;
    }
    #content.columns-left-right #main-column{
        margin-top: 20px;
    }
    #content.columns-left-right #rightColumn, #content.columns-right #rightColumn{
        width: 100%;
        margin-top: 28px;
    }
    .appEventBox .event .date .bg{
        right: auto;
        left: 200px;
    }
    .cmsNewsBox .news .newsContent, .appGraduateIndexLayout #main-column .news .newsContent{
        width: calc(100% - 30px - 150px);
        width: -webkit-calc(100% - 30px - 150px);
        width: -moz-calc(100% - 30px - 150px);
    }
    #headerContent h2 span{
        margin-bottom: 52px;
    }
    .backgroundSliderPaginator{
        right: 70px;
        bottom: 15px;
    }
    #headerContent .zones, .pageZoneBtnContaner{
        right: 30px;
        left: 30px;
        top: 365px;
        width: calc(100% - 60px);
        width: -webkit-calc(100% - 60px);
        width: -moz-calc(100% - 60px);
    }
    .pageZoneBtnContaner{
        top: 150px;
    }
    .main-vehicle-tracking, .vehicle-tracking{
        width: 50%;
        display: inline-block;
        margin: 0;
        background: url('/default/images/workerZoneBgMobile.png') center right no-repeat;
        background-color: #0072ae;
        position: relative;
    }
    .main-fleet-tracking, .fleet-tracking{
        width: 50%;
        display: inline-block;
        margin: 0;
        background: url('/default/images/employerZoneBgMobile.png') center right no-repeat;
        background-color: #00a3e4;
        position: relative;
    }
    .vehicle-tracking{
        background: url('/default/images/workerZoneSmallBg.png') center right no-repeat;
        background-color: #0072ae;
    }
    .fleet-tracking{
        background: url('/default/images/employerZoneSmallBg.png') center right no-repeat;
        background-color: #00a3e4;
    }
    .main-vehicle-tracking .mark, .main-fleet-tracking .mark, .vehicle-tracking .mark, .fleet-tracking .mark{
        display: block;
        width: 30px;
        height: 3px;
        position: absolute;
        top: -8px;
        left: 30px;
    }    
    .vehicle-tracking .mark, .fleet-tracking .mark{
        top: 0;
    }
    .main-vehicle-tracking .mark, .vehicle-tracking .mark{
        background: #4d9dc6;
    }
    .main-fleet-tracking .mark, .fleet-tracking .mark{
        background: #4dbfec;
    }
    .cmsContactFormBox .underMap .section{
        width: 30%;
    }
    .cmsContactFormBox .underMap .section:nth-of-type(2){
        width: 30%;
    }
    #mainColumn .cmsContactFormBox .weekend{
        padding: 0;
    }

}
@media (max-width: 520px) {  
    .box >.content{
        padding: 20px;
    }
    #mobileMenu.selected{
        width: 100%;
        margin: 0;
        margin-top: 0;
        padding-top: 20px;
    }
    .ui-widget-overlay{
        z-index: 1000;
        left: 0;
    }
    #header-wrapper.mobileSelected, #contentWrapper.mobileSelected{
        margin-left:0%;
    }
    #mobileMenu.selected .mobileMenuZones{
        width: 100%;
        left: 0 !important;
    }
    #mobileMenu .icon{
        margin-top: 15px;   
    }
    .cmsTopNavBox .content > ul li a{
        font-size: 120%;   
    }
    .cmsTopNavBox .content > ul li{
        height: 50px;
        line-height: 50px;
    }
    #header{
        top: 0;
        padding: 5% 0 0 0;
    }
    #header .logo{
        width: 50%;
        margin-left: 20px;
    }
    #header .logo a {
        display: inline-block;
    }
    #header .logo a img{
        display: none;
    }
    #header .logo a img.mobile{
        display: block;
    }
    #content{
        padding: 0 20px;
    }
    .main-page #headerContent h2, #headerContent h2{
        font-size: 300%;
    }
    #header-wrapper #headerContent{
        top: 140px;   
    }
    #headerContent h2 span{
    }
    #headerContent .zones, .pageZoneBtnContaner{
        top: 330px;
        width: 100%;
        padding: 0 20px;
        left: 0; right: 0;
    }
    #header-wrapper, .backgroundSlider{
        height: 660px !important;
    }
    #header-wrapper #headerContent{
        padding: 5%;
        top: 100px;
        text-align: center;
    }
    .main-pageWork{
        margin: 0 auto;
        margin-bottom: 20px;
        display: block;
        width: 130px;
        padding: 0;
    }
    .main-pageWork span, .main-pageTraining span{

    }
    .main-pageTraining{
    }
    .main-vehicle-tracking{
        width: 100%;
        padding: 20px;
        text-align: left;
        height: 80px;
    }
    .main-fleet-tracking{
        width: 100%;
        padding: 20px;
        text-align: left;
        height: 80px;
    }
    #content.columns-left-right #leftColumn{
        margin-top: 20px;
    }
    .main-page .cmsNewsBox .news .img{
        display: none;
    }
    .appOfferTrainingBox, .appOfferBox{
        width: 100%;
    }
    .cmsNewsBox .news .newsContent, .appGraduateIndexLayout #main-column .news .newsContent{
        width: 100%;
    }
    .appOfferTrainingBox .companyName, .appOfferBox .companyName{
        font-size: 141%;
    }
    .appOfferTrainingBox .description, .appOfferBox .description{
        font-size: 120%;
    }
    #partners img{
        width: 100%;
    }
    .cmsNewsBox .news .newsContent h4,
    .appGraduateIndexLayout #main-column .news .newsContent h4{
        font-size: 208%;
    }
    .appEventBox .event .date div:nth-of-type(2) span{
        display: inline-block;
        font-size: 130%;
        height: 30px;
        line-height: 30px;
    }
    .appEventBox .event .date .bg{
        left: auto;
        right: 10px;
    }

    #partners p{
        display: none;
        font-size: 171%;
        padding: 10px 0 30px 0;
    }
    #partners p.mobile{
        display: block;
    }
    .appEventBox .event .date{
        padding: 16px 20px;
    }
    #footer{
        padding-bottom: 20px;
    }
    #underFooter{
        padding-top: 10px;
        text-align: center;
    }
    #footer .footerColumn.contact .footerMainData{
        width: 100%;
        margin-left: 0px;
        font-size: 100%;
    }
    #footer .footerColumn.contact a{
        font-size: 100%;
    }
    #footer .footerColumn.contact .footerPhone{
        width: 100%;
    }
    #footer .footerPhone{
        padding: 10px 30px 10px 0;
        margin: 0;
    }
    #footer .footerPhone p span{
        display: inline;
    }
    #footerWrapper .footerColumn.contact p.time{
        padding: 0;
        font-size: 100%;
    }
    #footerWrapper p{
        font-size: 100%;
    }
    .fleet-tracking, .vehicle-tracking{
        width: 100%;
    }
    .appOfferIndexLayout .offerList .owner{
        font-size: 141%;
    }
    .appOfferIndexLayout .offerList .offer p.description{
        font-size: 141%;
    }
}
/*
     FILE ARCHIVED ON 04:02:19 Apr 30, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 19:48:43 Jan 30, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.462
  exclusion.robots: 0.018
  exclusion.robots.policy: 0.009
  esindex: 0.01
  cdx.remote: 10.693
  LoadShardBlock: 643.615 (3)
  PetaboxLoader3.datanode: 447.518 (5)
  PetaboxLoader3.resolve: 374.051 (2)
  load_resource: 422.12
  loaddict: 112.664
*/