canvas{position:absolute;top:80px;width:100%}.banner{width:100%;height:400px;background-position:bottom;background-size:cover;background-repeat:no-repeat;position:relative;overflow:hidden}.chairman{height:700px}.banner>.layer{position:absolute;height:100%;width:100%;background-color:rgba(46,82,168,.6);color:#fff;text-align:center}.chairman>.layer{background-color:rgba(46,82,168,0);background:linear-gradient(221deg,rgba(46,82,168,0),rgba(46,82,168,0),rgba(46,82,168,0),rgba(234,241,255,.2),rgba(46,82,168,0),rgba(46,82,168,0),rgba(46,82,168,0),rgba(234,241,255,.2),rgba(46,82,168,0),rgba(46,82,168,0),rgba(46,82,168,0),rgba(46,82,168,0));background-size:500% 500%;background-position:7% 100%;color:#fff;-webkit-animation:animation 10s ease;-moz-animation:animation 10s ease-in-out;animation:animation 10s ease-in-out}.banner>.angel{position:absolute;width:110%;left:-2px;right:0;height:70px;bottom:-40px;transform:rotate(2.5deg);background-color:#fff;z-index:1}.banner>.aboutus-context{position:relative;width:100%;max-width:100%;padding:150px 100px;text-align:center}.chairman>.aboutus-context{position:relative;width:100%;max-width:100%;padding:150px 50px;padding-top:300px;text-align:left}.banner>.aboutus-context>.title{font-size:40px;font-weight:bold;color:#fff;font-family:'Roboto Condensed',sans-serif;text-shadow:3px 4px 8px rgba(0,0,0,.2)}.chairman>.aboutus-context>.title{font-size:80px;font-weight:bold;color:#fff;font-family:'Roboto Condensed',sans-serif;text-shadow:3px 4px 8px rgba(0,0,0,.2);display:inline-block;background-color:transparent;background-image:url(/Images/text-bg.jpg);-webkit-background-clip:text;color:rgba(255,255,255,0);background-size:500% 500%;background-position:7% 100%;animation:fill-2 15s infinite}.chairman>.aboutus-context>.title-director{max-width:500px;color:#fff;font-size:25px;font-family:'Roboto Condensed',sans-serif;padding-bottom:20px}@keyframes fill-2{0%{background-position:94% 0%}50%{background-position:7% 100%}100%{background-position:94% 0%}}.chairman>.aboutus-context>.name{font-size:20px;color:#fff;font-family:'Roboto Condensed',sans-serif}.banner>.aboutus-context>.description{font-size:14px;color:#fff;font-family:'Roboto Condensed',sans-serif}.banner>.aboutus-context>.social{position:relative;z-index:100}.banner>.aboutus-context>.social>a{height:25px;width:25px;color:#fff;display:inline-block;background-color:#4267b2;text-align:center;padding-top:3px}.banner>.aboutus-context>.others{color:#eee;font-size:14px;font-weight:bold;font-family:'Roboto Condensed',sans-serif}.banner>.aboutus-context>.others p{font-size:12px;font-weight:normal;color:#ffc458;font-family:'Roboto',sans-serif;display:inline-block}.banner>.aboutus-context>.others>i{font-size:22px}.about-body{max-width:850px;margin-left:auto;margin-right:auto;padding:50px 20px;position:relative}.about-body>.title{font-size:28px;color:#000;font-family:'Roboto Condensed',sans-serif;text-shadow:3px 4px 8px rgba(0,0,0,.2);margin-bottom:10px;text-transform:uppercase}.about-body>.title>span{border:2px solid #006b64;font-size:25px;margin-right:5px}.about-body>.description{font-size:15px;line-height:25px}.about-body>.description>p{padding:5px 0}.about-body>.description>.list-item{background-color:#eee;padding:10px;margin-bottom:15px}.about-body>.description>.list-item:hover{background-color:#e1e1e1;cursor:pointer;box-shadow:3px 3px 7px rgba(0,0,0,.05)}.about-body>.description>.list-item>h1{font-size:30px;font-weight:bold;color:#4a4a4a}.about-body>.description>.list-item>h4{font-size:18px;color:#4a4a4a}.about-body>.description>.list-item>h5{font-size:14px;color:#4a4a4a;line-height:20px}.about-body>.contact-body{margin-top:50px;width:100%;background-color:#fff;box-shadow:0 0 7px rgba(0,0,0,.15);display:flex}.about-body>.contact-body>.left-context{flex:67;padding:20px}.about-body>.contact-body>.left-context .title{color:#0a568d;font-size:20px;font-weight:bold;margin-bottom:15px}.about-body>.contact-body>.right-context{flex:33;padding:50px 40px;background-color:#0a568d;font-family:'Roboto',sans-serif}.about-body>.contact-body>.right-context .title{color:#fff;font-size:20px;font-weight:bold;margin-bottom:15px}.about-body>.contact-body>.right-context .item{color:#fff;padding:20px 0;font-size:13px}.about-body>.contact-body>.right-context .item i{font-size:16px;width:20px;display:table-cell}.about-body>.contact-body>.right-context .item .fa-envelope-o{font-size:14px}.about-body>.contact-body>.right-context .item span{display:table-cell}.about-body>.contact-body>.left-context label{font-size:12px;font-weight:normal;color:#99999f;margin-top:10px}.about-body>.contact-body>.left-context .input{border:1px solid #eee;padding:10px;width:100%;outline:none}.about-body>.contact-body>.left-context .input:focus{border:1px solid #ced6e6;box-shadow:0 3px 7px rgba(17,33,159,.09)}.about-body>.contact-body>.left-context .button{width:40px;height:40px;background-color:#006b64;border:none;color:#fff;border-radius:50%;float:right;outline:none}.about-body>.contact-body>.left-context .button img{height:20px;padding-left:4px}.about-body>.contact-body>.left-context .button:hover{background-color:#0e9a90;box-shadow:3px 4px 7px rgba(0,7,137,.2)}.about-body>.contact-body>.left-context .button:focus{background-color:#0e9a90;box-shadow:3px 4px 7px rgba(0,7,137,.2);outline:none}.btn-download{background-color:#42bf5f;padding:3px 15px;border:none;color:#fff;font-size:12px;margin-top:15px;border-radius:20px;transition:all 300ms}.btn-download:hover{background-color:#2da849;color:#fff;transition:all 300ms;box-shadow:3px 3px 7px rgba(0,0,0,.06)}@media(max-width:767px){canvas{display:none}.banner{height:300px}.chairman{height:350px}.banner>.aboutus-context{padding:100px 50px}.banner>.aboutus-context>.title{font-size:25px}.chairman>.aboutus-context>.title{font-size:40px}.chairman>.aboutus-context>.title-director{max-width:400px;font-size:18px;padding-bottom:20px}.banner>.aboutus-context>.description{font-size:12px}.about-body>.title{font-size:20px}.about-body>.title>span{font-size:18px}.about-body>.description{font-size:12px;line-height:22px}.chairman>.aboutus-context{padding-top:200px}}@media(max-width:600px){.banner>.aboutus-context{padding:100px 20px}.about-body{padding:30px 10px}.about-body>.contact-body{display:unset}.about-body>.contact-body>.left-context{flex:none;padding:0;margin-bottom:50px}.about-body>.contact-body>.left-context .col-sm-6{padding:0}.about-body>.contact-body>.left-context .col-sm-12{padding:0}.about-body>.contact-body>.right-context{flex:none;padding:20px}.about-body>.description>.list-item>h1{font-size:20px}.about-body>.description>.list-item>h4{font-size:16px}.about-body>.description>.list-item>h5{font-size:12px}.chairman>.aboutus-context{padding-top:200px}.chairman>.aboutus-context>.title{padding-top:60px;font-size:30px}.chairman>.aboutus-context>.name{font-size:18px}.chairman>.aboutus-context>.title-director{max-width:250px;font-size:15px;padding-bottom:15px;display:none}}