body{height:100vh;}
.agentrec-new44{display:none;}
.homepage{height: 100vh;width: 100%;position: relative;display: block;overflow: hidden;padding:0;background: url(../assets/img/bg-masthead.jpg) no-repeat center; background-size: cover;}
.homepage a{display:block;height:100%;}
header{height: 70px;overflow: hidden;display: block;position: relative;text-align:center;}
header:after{content:"";position:absolute;top:50%;left:0;right:0;width:100%;height:5px;background:#004282;z-index:0;}
header h3{border: 5px #004282 solid;font-size: 24px;padding: 0px 40px; border-radius: 30px;height: 50px; width: auto;display: inline-block; margin: 10px auto;line-height: 40px;background: #fff; position: relative; z-index: 9;}

.footer{height: 65px;position: relative;display: block; width: 100%;}
.footer .footerline{height: 5px;position: relative;display: block;background:#00a79e;margin-bottom:10px;}
.footer .hqlogo{display: block; width: 177px; overflow: hidden;margin: auto;position: absolute; left: 0;right: 0; top: -26px;z-index:99999;}
.footer .hqlogo img{width:100%;}
.footer .footerbtn{display: block;height: 50px;background: #8dc63f;overflow: hidden;padding:5px 40px;}
.footer .footerbtn a{width: 70px; float: left;}
.footer .footerbtn a img{width:100%;}
.footer .footerbtn a.right{float:right;}

.bodycontent{height:calc(100% - 135px);overflow:hidden;position:relative;z-index:9;}
.container{height:100%;}
.title{height:60px; border-bottom:2px #96c4e7 solid; font-size:24px; line-height:50px; text-align: center; max-width: 700px; margin: auto;}
.contentbox{height:calc(100% - 60px);position:relative;display:block;width:100%;}
.agentrec{float: right; width: 193px; margin: 100px 75px 0px 0px;}
.agentrec img{width:100%;}

.font-style1 {font-size: 22px; line-height: 39px;}
.agentrec-new {float: right; width: 400px; margin: 54px 0px 0px 0px;}

.gold {margin: 0px 0px 0px 310px;}

.agentrec-new2 {float: right; width: 560px;}

.agentrec-new3 {float: left; width: 400px;}
.con {margin: 24px 0px 0px 0px;
    font-size: 17px;
    /* float: right; */
    text-align: right;
    line-height: 33px;}

.agentrec-new33 {float: left; width: 400px;}




.con2 {margin: 49px 0px 0px 0px;
    font-size: 17px;
    /* float: right; */
    /* text-align: right; */
    line-height: 33px;}
    
    
.t20 {margin: 0px 0px 0px 128px;
    font-size: 18px;}    


.text-a {text-align: center; margin: 317px 0px 0px 0px; font-size: 38px;}

.agentrec-new4 {float: right; width: 100%;
  height: auto;}
  
 .img-bg{background: url(../assets/img/AgentRecruiting_11202022-13.png) no-repeat center;} 

.text-1 {text-align: center;  font-size: 32px; margin: 10px 0px 0px 0px;}

.text-a1{text-align: justify;
    margin: 220px 0px 0px 227px;
    font-size: 38px;
    line-height: 67px;}

.text-a3 {text-align: center;
    margin: 37px 0px 0px 0px;
    font-size: 51px;
    line-height: 116px;}

.text-move{font-size: 22px; margin: 14px 0px 0px 149px; line-height: 22px;}


.text-al{ margin: 4px 0px 0px 400px; }

.t-new{font-size: 17px; margin: 0px 0px 0px 40px; line-height: 40px;}

.play-botton{float: right; position:fixed; margin: 0px 0px 0px 1137px; bottom: 77px;}

.t-new-f{margin: 31px 0px 0px 0px; font-size: 31px;    line-height: 72px;}

.t-new-f1{margin: 35px 0px 0px 164px;
    font-size: 35px;
    line-height: 72px;}



@media (max-width:1600px) {
	.text-move{   font-size: 28px; margin: 14px 0px 0px 149px; line-height: 56px; }
	}

@media (max-width:1600px) {
header h3{border: 5px #004282 solid;font-size: 37px;padding: 0px 40px; border-radius: 30px;height: 55px; width: auto;display: inline-block; margin: 11px auto;line-height: 40px;background: #fff; position: relative; z-index: 9;}
}

@media (max-width:1600px) {
.title{height:60px; border-bottom:2px #96c4e7 solid; font-size:30px; line-height:58px; text-align: center; max-width: 700px; margin: auto;}
}

@media (max-width:1600px) {
.agentrec{float: right; width: 252px; margin: 268px 0px 0px 0px;}
}


@media (max-width:1600px) {
.font-style1 {font-size: 33px; line-height: 67px;}
}


@media (max-width:1600px) {
.text-al{ margin: 16px 0px 0px 371px; }
}


@media (max-width:1920px) {
header h3{border: 5px #004282 solid; font-size: 42px;padding: 0px 42px; border-radius: 30px; height: 55px; width: auto; display: inline-block; margin: 11px auto;line-height: 40px;background: #fff; position: relative; z-index: 9;}
}


@media (max-width:1920px) {
.text-move{font-size: 33px; margin: 26px 0px 0px 35px; line-height: 62px;}
}


@media (max-width:1920px) {
.title {height:60px; border-bottom:2px #96c4e7 solid; font-size:35px; line-height:51px; text-align: center; max-width: 700px; margin: auto;}
}



@media (max-width:1920px) {
.agentrec{float: right; width: 318px; margin: 364px 0px 0px 0px;}
}

@media (max-width:1920px) {
.font-style1 {font-size: 35px; line-height: 82px;}
}
@media (max-width:1920px) {
.text-al{ margin: 23px 0px 0px 348px; }
}

@media (max-width:1920px) {
.bodycontent{height:calc(100% - 165px);overflow:hidden;position:relative;z-index:9;}
}

@media (max-width:1920px) {
.footer .footerbtn{display: block;height: 80px;background: #8dc63f;overflow: hidden;padding:5px 40px;}
}

@media (max-width:1920px) {
.footer .footerbtn a{width: 120px; float: left;}
}

@media (max-width:1920px) {
.footer .hqlogo{display: block; width: 242px; overflow: hidden;margin: auto;position: absolute; left: 0;right: 0; top: -42px;z-index:99999;}
}


@media (max-width:1920px) {
.play-botton{float: right; position:fixed; margin: 0px 0px 0px 1394px; bottom: 117px;}
}

@media (max-width:1920px) {
.agentrec-new {float: right; width: 755px; margin: 123px -458px 0px 0px;}


@media (max-width:1920px){
.t-new { font-size:28px; margin:10px 0px 0px 347px; line-height: 70px; }
}

@media (max-width:1920px) {
.gold {margin: 50px 0px 0px 341px;}
}


@media (max-width:1920px) {
.agentrec-new2 { width: 667px;
    margin: 308px 0px 0px 0px;}
}

.text-p { line-height: 73px; font-size: 31px; margin: 51px 0px 0px -207px; }

@media (max-width:1920px) {
.agentrec-new3 {float: left; width: auto; margin: 360px 0px 0px -300px;}

}


@media (max-width:1920px){ 
.con {margin: 60px -297px 0px 0px; font-size: 33px; text-align: right; line-height: 63px;}
    
}



@media (max-width:1920px) {
.agentrec-new4 {float: left; width: auto; margin: 360px 0px 0px -300px;}

}


@media (max-width:1920px) {
.agentrec-new33 {float: left; width: auto; margin: 112px 0px 0px -312px;}
}

@media (max-width:1920px) {
.con2 {margin: 209px 0px 0px 73px; font-size: 31px; line-height: 63px;}
}

.agentrec-new222 { width: 560px;}

@media (max-width:1920px) {
.agentrec-new222 {width: 560px; margin: 145px 0px 0px -170px;}

}

@media (max-width:1920px) {
.t20 {margin: 62px 0px 0px 0px; font-size: 33px; line-height: 53px;}
}


.agentrec-new44 {float: right; width: 100%;
  height: auto;}


.c-text { font-size:33px; line-height: 53px; margin: 220px 0px 0px 80px;}


.agentrec-new4444 {float: right; width: 100%;
  height: auto;}


@media (max-width:1920px) {
.agentrec-new4444 {float: right; width: 100%; height: auto; margin: 147px 300px 0px 0px;}
}


.agentrec-new4a {float: left; width: auto; margin: 220px 0px 0px 38px;}

@media (max-width:1920px) {
.agentrec-new4a {float: left; width: auto; margin: 220px 0px 0px 38px;}
}

.font-dc { margin:131px 0px 0px; font-size:31px; }


.agentrec-new45 {
float: right; width: 100%; height: auto; margin: 121px 230px 0px 0px;}



.new-text-p1{text-align: center;
    font-size: 36px;
    margin: 65px 0px 0px 0px;}

.text-16{font-size: 31px;
    line-height: 70px;
    margin: 50px 0px 0px 0px;}
    
    
    
.t-new-f12 {
    margin: 0px 0px 0px 329px;
    font-size: 31px;
    line-height: 72px;
    text-align: justify;  }  
    
    
  .t-new-f13 {
    margin: 0px 0px 0px 105px;
    font-size: 31px;
    line-height: 72px;
    text-align: justify;  } 
    
    
    
 .p11 {margin: 85px 0px 0px -90px;} 
 
 
 .p-p-t{font-size: 41px; font-weight: 800; margin: 37px 0px 0px 469px;
}
 
 
 .p-p-t2 {    font-size: 40px;
    margin: 34px 0px 0px 0px; text-align: center;}
 
 
 .text123 {margin: 40px 0px 0px 0px;
    font-size: 45px;
    line-height: 72px;
    text-align: center;
     font-weight: 500;
 }
    
  
  .ul12 {font-size: 38px;
    margin: 69px 0px 0px 167px;
    line-height: 79px;} 
    
    
    
   .ul13 {font-size: 25px;
    line-height: 57px;
    margin: 50px 0px 0px 80px;} 
    
    
    .ul14 {font-size: 25px;
    line-height: 57px;
    margin: 50px 76px 0px 24px;}