/*--- Company Hiring --- */
#company-hiring { text-align:center; padding-bottom:0px; overflow:hidden; }
#company-hiring .container { position:relative; }
#company-hiring .view-all { position:absolute; right:0px; top:0px; }
#company-hiring .lead { margin-bottom:100px; }
#company-hiring .stats-bg {  width:955px; height:455px; margin:0px auto; position:relative; border-top-left-radius: 475px; border-top-right-radius: 475px; border:1px solid #dbf2fc; }
#company-hiring .stats-bg .round { border:1px solid #dbf2fc; position:absolute; left:50%; bottom:-2px; }
#company-hiring .stats-bg .round .sm-round { width:11px; height:11px; border-radius:50%; background:#d8d8d8; border:1px solid #979797; display:inline-block; position:absolute; }
#company-hiring .stats-bg .round.round1 { width:260px; height:119px; margin-left:-130px; border-top-left-radius: 200px; border-top-right-radius: 200px; bottom:-19px; }
#company-hiring .stats-bg .round.round1 .sm-round  { left:12px; top:49px; }
#company-hiring .stats-bg .round.round2 .sm-round  { left:111px; top:31px; }
#company-hiring .stats-bg .round.round3 .sm-round  { left:154px; top:61px; }
#company-hiring .company-list { position:absolute; left:50%; top:55px; width:1000px; height:910px; border:1px solid #dadada; border-radius:50%; margin-left:-500px; }
#company-hiring ul { margin:0px; padding:0px; list-style-type:none; }
#company-hiring ul li { width:100px; height:100px; background:#fff; border:1px solid #dadada; text-align:center; display:inline-block; position:absolute; border-radius:50%; line-height:98px; }
#company-hiring ul li:nth-child(1) { left:189px; top:-3px; }
#company-hiring ul li:nth-child(2) { left:349px; top:-50px; }
#company-hiring ul li:nth-child(3) { left:514px; top:-45px; }
#company-hiring ul li:nth-child(4) { left:674px; top:8px; }
#company-hiring ul li:nth-child(5) { left:794px; top:111px; }
#company-hiring ul li:nth-child(6) { left:867px; top:262px; }
#company-hiring ul li:nth-child(7) { left:894px; top:429px; }
#company-hiring ul li:nth-child(8) { left:854px; top:603px; }
#company-hiring ul li:nth-child(9) { left:738px; top:760px; }
#company-hiring ul li:nth-child(10) { left:576px; top:860px; }
#company-hiring ul li:nth-child(11) { left:338px; top:889px; }
#company-hiring ul li:nth-child(12) { left:134px; top:801px; }
#company-hiring ul li:nth-child(13) { left:0px; top:640px; }
#company-hiring ul li:nth-child(14) { left:-53px; top:463px; }
#company-hiring ul li:nth-child(15) { left:-29px; top:271px; }
#company-hiring ul li:nth-child(16) { left:52px; top:120px; }
#company-hiring ul li img { max-width:75px; max-height:75px; }

#company-hiring .stats-bg .animate {
    position:relative;
    top:-12px;
    height:955px;
    width:960px;
  -webkit-animation: rotation 30s infinite linear;
}
#company-hiring .stats-bg .animate ul li { -webkit-animation: rotation 30s infinite linear;animation-direction: reverse; }

@-webkit-keyframes rotation {
        from {
                -webkit-transform: rotate(0deg);
        }
        to {
                -webkit-transform: rotate(359deg);
        }
}

#company-hiring .stats-bg .round.round2 { width:510px; height:250px; bottom:-16px; margin-left:-255px; border-top-left-radius: 350px; border-top-right-radius: 350px;}
#company-hiring .stats-bg .round.round3 { width:765px; height:375px; bottom:-16px; margin-left:-385px; border-top-left-radius: 450px; border-top-right-radius: 450px; }

#company-hiring .stats-bg .round .content { margin-top:-20px; }
#company-hiring .stats-bg .round .content figure { width:40px; height:40px; margin:0px auto 13px auto; }
#company-hiring .stats-bg .round .content figure img { max-width:40px; max-height:40px; }
#company-hiring .stats-bg .round .content h4 { font-weight:500; margin-bottom:4px;}
#company-hiring .stats-bg .round .content p { font-size:12px; }



/* ==========================================================================
    Responsive Settings
========================================================================== */


@media (max-width:992px) {
    
    /*--- Company Hiring  --- */
    #company-hiring .stats-bg .animate { display:none; }
    #company-hiring .lead { margin-bottom:30px; }
    #company-hiring .stats-bg { width:680px; height:334px; }
    #company-hiring .stats-bg .round.round3 { width:590px; height:308px; margin-left:-295px; }
    #company-hiring .stats-bg .round.round3 .sm-round { left:100px;}
    #company-hiring .stats-bg .round.round2 { width:450px; height:217px; margin-left:-225px; }
    #company-hiring .stats-bg .round.round2 .sm-round { left:88px;}
    #company-hiring .stats-bg .round .content figure { margin-bottom:6px;}
    #company-hiring .stats-bg .round .content h4 { font-size:16px; line-height:18px;}
    
}

@media (max-width:767px) {
    
    
    /*--- Company Hiring   --- */
    #company-hiring .stats-bg .round { padding:15px 10px 0px 10px; }
    #company-hiring .stats-bg .round,#company-hiring .stats-bg .round.round2,#company-hiring .stats-bg .round.round1  { width:50%; float:left; }
    #company-hiring .stats-bg,#company-hiring .stats-bg .round.round2,#company-hiring .stats-bg .round.round1,#company-hiring .stats-bg .round.round3  { border-radius:0px; margin-left:0px; left:0px; border:none; position:relative; height:auto; }
    #company-hiring .stats-bg,#company-hiring .stats-bg .round.round3 { width:100%; }
    #company-hiring .stats-bg .round .content  { padding-bottom:10px; margin-bottom:10px; }
    #company-hiring .stats-bg .round.round3 .content  { margin-bottom:0px; }
    #company-hiring .stats-bg .round .sm-round{display:none; }
    #company-hiring .view-all  { position:relative; }
    #company-hiring h2 { font-size:28px; line-height:35px; margin-top:10px;}

    
}