@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800');
 
body{font-weight: normal; font-family: 'Open Sans', sans-serif;}

/*---------- P2P Introduction ----------*/
#introduction-p2p-lending{padding: 0px 0; position: relative; background: #ffffff url(../images/intro-image.png) left top 6px no-repeat;overflow-x: clip;} 
#introduction-p2p-lending .join-details{padding: 30px;} 
#introduction-p2p-lending .join-details h1{font-size: 44px; line-height: 50px; color: #000000; font-weight: bold;}
#introduction-p2p-lending .join-details h1 span{color: #037bc0; display: block;}
#introduction-p2p-lending .join-details .commission-percent{padding: 16px 25px; background: #feffff; border: 3px solid #779eb5; border-radius: 5px; color: #037bc0; font-weight: bold; font-size: 22px; box-shadow: 0 0 10px rgba(0,0,0,0.1); margin: 30px 0 0 0; display: inline-block;}
#introduction-p2p-lending .join-details .commission-percent span{color: #b52427; font-size: 26px; font-weight: bold;}
#introduction-p2p-lending .join-details .process-details{margin-top: 60px;}
#introduction-p2p-lending .join-details .process-details img{border-top-left-radius: 10px; border-top-right-radius: 10px;}
#introduction-p2p-lending .join-forms{margin-right: -15px;}
#introduction-p2p-lending .join-forms .join-form-box{background: #037bc0; padding: 20px 40px; overflow: hidden;}
#introduction-p2p-lending .join-forms .join-form-box.fixed{position: fixed; bottom: 0;z-index: 999999; padding-right: 22px;}
#introduction-p2p-lending .join-forms .join-form-box .row {margin-right: -5px; margin-left: -5px;}
#introduction-p2p-lending .join-forms .join-form-box .row [class*='col-']{padding-left: 5px; padding-right: 5px;}
#introduction-p2p-lending .join-forms .join-form-box .form-group{position: relative; margin-bottom: 6px;}
#introduction-p2p-lending .join-forms .join-form-box .form-group .form-item{margin: 0;}
/*#introduction-p2p-lending .join-forms .join-form-box .form-group .error{font-size: 11px; color: #ff0000; display: block; visibility: hidden;}*/
#introduction-p2p-lending .join-forms .join-form-box label{color: #ffffff; font-size: 13px; font-weight: bold;}
#introduction-p2p-lending .join-forms .join-form-box input{height: 35px; font-size: 13px;     line-height: 1.5; color: #495057;     width: 100%;
    border-radius: 3px;
    padding-left: 10px;}
#introduction-p2p-lending .join-forms .join-form-box input.error{color: #111111 !important;}    
#introduction-p2p-lending .join-forms .join-form-box select{height: 35px; border: 1px solid #dbf0fd; font-size: 13px;     line-height: 1.5; color: #495057;     width: 100%;
    border-radius: 3px;
    padding-left: 10px;}
#introduction-p2p-lending .join-forms .join-form-box input[type="submit"]{border: none; background: #41b218; color: #ffffff; font-weight: bold; font-size: 15px; text-transform: uppercase; padding: 15px 20px; width: 140px; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.2); margin-top: 5px; line-height: 100%; height: auto;}
#introduction-p2p-lending:before {display: block; width: 88rem; height: 35rem; top: 25rem; left: -55rem; border-radius:  5rem; transform: rotate(-44deg); background-color: #f6f9fe; background: #F6F9FE; position: absolute; content: ''; z-index: 0;}
#introduction-details{background: #f4f4f4; padding: 50px 0;} 
#introduction-details .introduction-details-inner h2{font-size: 20px; font-weight: bold;}
#introduction-details .introduction-details-inner ul li{font-size: 15px; font-weight: normal; margin-bottom: 7px; padding-bottom: 7px;}
#introduction-details .introduction-details-inner p{font-size: 15px; font-weight: normal; line-height: 30px;}
.content-sidebar-wrap #content{margin: 0;}

@media(max-width: 768px){
#introduction-p2p-lending .join-details{padding: 10px;}	
#introduction-p2p-lending .join-details h1{font-size: 25px; line-height: 120%;}
#introduction-p2p-lending .join-details .commission-percent{padding: 10px; font-size: 14px; margin-top: 10px;}	
#introduction-p2p-lending .join-details .commission-percent span{font-size: 16px;}	
#introduction-p2p-lending .join-details .process-details{margin-top: 20px;}	
#introduction-p2p-lending .join-forms{margin-right: 0; margin-top: 0px;}	
#introduction-p2p-lending .join-forms .join-form-box{padding: 20px; margin-left: -15px; margin-right: -15px;}	
#introduction-p2p-lending::before{display: none;}	
#introduction-p2p-lending{background: #ffffff url(../images/intro-image.png) right -30px top 80px no-repeat; background-size: contain;}	
}
#introduction-p2p-lending .join-forms .join-form-box label.error {color: #f00;font-size: 11px; font-weight: normal !important;}
.form-item .error { text-transform: lowercase;margin: 0px 0 0px !important;}




@media(min-width: 768px){
#introduction-p2p-lending .join-forms {
   margin-right: 0;
   position: absolute;
   height: 100%;
   z-index: 9999;
  }
}