body.bg-white{ background:#f4f4f4  url(../images/logo-bg.jpg) !important; background-repeat:no-repeat !important; background-size:cover !important;}
.erp-top{width:100%;float:left;background-color:#fff;padding-top:10px;padding-bottom:10px;}
.erp-center{width:100%;float:left; padding-top:5%;padding-bottom:5%;}
.content{max-width:1400px;margin:auto;}
.erp-center .col-xl-4{ background-color:#fff;}
input:autofill, textarea:autofill, select:autofill {
  -webkit-text-fill-color: #2a2a2a !important;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
  background-color: transparent;
  background-image: none;
  transition: background-color 50000s ease-in-out 0s;
}

.erp-center small{ font-size:20px;}.erp-center .r-left{  }
.erp-center .mb-3 label {line-height:40px;}
.erp-center .r-left .p-5{padding:0 !important;color:#fff;}
.erp-center .r-left .p-5 h2{font-size:60px; font-weight:bold;width:100%;float:left;margin-top:2%;}
.erp-center .r-left .p-5 h3{font-size:40px; font-weight:bold;width:100%;float:left;margin-top:5%;}
.erp-center .r-left .p-5 h4{font-size:20px; color:rgba(255,255,255,.5);width:100%;float:left;margin-top:2%;line-height:35px;}

.erp-center .col-xl-4 .form-control{height:50px;line-height:50px;}
.erp-center .col-xl-4 .btn-primary{height:50px; font-size:16px;}
.erp-center .col-xl-8{width: 56%;float:left;}
.erp-center .col-xl-4{width: 40%;float:right;}
.erp-center .r-left .p-5{width:100%;float:left;}
.erp-center .r-left .p-5 h4 i{width:5px;height:5px; background-color:rgba(255,255,255,.5); border-radius:100%;float:left;margin-top: 15px;
  margin-right: 10px;}
.erp-center .r-left .p-5 h4 b{float:left;margin-right:5px; font-weight:normal;}
.kopty{width:100%;float:left;margin-top:2%}
.kopty ul li{width:25%;float:left; color:#fff; border-right:solid 1px rgba(255,255,255,.2);margin-bottom:2%; text-align:center; }
.kopty ul li:nth-child(4){float:right;border-right:none;}


.kopty ul li span{float:left;width:100%; font-size:16px;}
.kopty ul li span b{ font-size:40px;padding-right:10px;}
.kopty ul li p{float:left;width:100%;font-size:20px;}

.imore{width:100%;float:left;margin-top:2%;}
.imore a{float:left; background-color:#fff;border:solid 1px #fff; color:#333;padding-left:5%;padding-right:5%;padding-top:10px;padding-bottom:10px; border-radius:5px;}
.imore a.on{margin-left:20px; background-color:transparent; border:solid 1px #fff;color:#fff;}
.imore a:hover{ background-color:#06F; color:#fff;border:solid 1px #06F;}
.footer{width:100%;float:left;}.footer p{ color:rgba(255,255,255,.5) !important; font-size:16px;}


@media(max-width:1410px){.content{max-width:90%;}.erp-center .r-left .p-5 h2{ font-size:50px;}}
@media(max-width:1200px){
.erp-center .r-left .p-5 h2{ font-size:40px;}
.erp-center .r-left .p-5 h3{font-size:30px;}
.erp-center .r-left .p-5 h4{ font-size:16px;line-height:30px;}}
@media(max-width:800px){
.erp-center .col-xl-8{width: 100%;float:left;display:block !important;}
.erp-center .col-xl-4{width: 100%;float:right;margin-top:2%;}
.erp-center .r-left .p-5 h2 {font-size: 36px;}
.erp-center .r-left .p-5 h3 {font-size: 20px;}
.kopty ul li span b{ font-size:30px;}.kopty ul li{width:50%;}
	
	}