*{margin:0;padding:0}body{font-family:'Kadwa',serif;color:#777;font-size:16px}body .mainfont{font-family:Arial,Helvetica,sans-serif;line-height:1.8;letter-spacing:.5px}.impr .mainfont{line-height:1.4}hr{border:0;height:0;border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(255,255,255,0.3);margin:10px 0}.mt20{margin-top:20px}.txt-center{text-align:center}.txt-right{text-align:right}.block50{height:50px}.fleft{float:left}.fright{float:right}.posrel{position:relative}.dis_none{display:none}.txt-color{color:#14416f}header{margin:50px auto 80px}header section:first-child{z-index:2}header section:first-child div{height:200px;padding:20px 400px 15px 15px;box-sizing:border-box;color:#fff;background-color:#14416f}header section:first-child div:before{content:'';width:0;position:absolute;top:0;left:-50px;border-top:200px solid transparent;border-right:50px solid #14416f}header section:first-child div img{height:90px;width:auto}header section:first-child div h1{font-size:22px;line-height:1.5;font-weight:400}header section:nth-child(2){margin-right:-25px;z-index:1}header section:nth-child(2) img{height:160px;width:auto;margin-top:20px}#banner{background:url(img/headerbg.jpg) no-repeat center center;background-size:cover;background-color:#14416f}#banner article{width:660px;margin:0 auto;padding:50px 0}#banner article section:first-child{margin-bottom:20px}#banner article section:first-child img{width:150px;height:auto;display:inline-block}#banner p{color:#fff}#banner article section:first-child h2{font-size:20px;font-weight:400;color:#fff}#main{margin:50px 0}#main.impr{margin:50px 20px}#main.error404 a{color:#777}#benefits{margin:0 20px}#benefits .benefit{float:left;width:calc(100% / 3);box-sizing:border-box}#benefits .benefit:first-child{padding-right:15px}#benefits .benefit:nth-child(2){width:calc(99% / 3);padding:0 15px}#benefits .benefit:nth-child(3){padding-left:15px}#benefits .benefit img{width:82px;height:82px}#materials{padding:20px;background-color:#f8f8f8}#company{margin:20px;text-align:justify}#company h2{margin-top:50px}#company #signature{height:50px}#company #signature img{width:100%;max-width:300px;height:auto}#principle{padding:20px;background-color:#f8f8f8}#principle section{padding:20px;background-color:#f8f8f8;width:calc(100% / 3);box-sizing:border-box}#principle section:first-child{padding-right:15px}#principle section:nth-child(2){width:calc(99% / 3);padding:0 15px}#principle section:nth-child(3){padding-left:15px}#principle section .check{color:#e6af4b;font-size:52px;line-height:56px}#partner{margin:20px}#partner section{float:left;width:25%;box-sizing:border-box}#partner section:first-child{padding-right:10px}#partner section:nth-child(2),#partner section:nth-child(3){padding:0 10px}#partner section:nth-child(4){padding-left:10px}#partner .partnerlogo{height:200px;display:flex;align-items:center;justify-content:center;padding:15px;box-shadow:2px 2px 7px 0 rgba(0,0,0,0.25)}#partner .partnerlogo img{width:70%;height:auto}#partner .txt-center{padding:15px}#partner .txt-center .partnername{margin-bottom:5px;line-height:1.5}#partner .txt-center .mainfont{font-size:14px;line-height:1.5}footer{padding:50px;background-color:#333;color:#fff}footer a{color:#fff}@media print{.mainfont,#partner .txt-center .mainfont{font-size:12px}header{margin:0}header a{text-decoration:none}header .fright{float:none;clear:both;width:auto!important}header section:first-child div,#banner article{height:auto;padding:0}header section:first-child div:before{border:none}.block50,header section:first-child div img,header section:nth-child(2) img,#banner article section:first-child img,footer{display:none}header section:first-child div h1{color:#14416f;text-align:center;font-weight:700}header section:first-child div h1:before{content:'H+P\A';white-space:pre;font-size:40px;font-weight:700}#partner .partnerlogo{height:70px}}@media only screen and (max-width: 2000px){#partner .partnerlogo{height:170px}}@media only screen and (max-width: 1500px){header section:first-child div{padding-right:300px}#partner .partnerlogo{height:140px}}@media only screen and (max-width: 1250px){header section:first-child div{padding-right:200px}}@media only screen and (max-width: 1000px){header section:first-child div{padding-right:100px}#company{max-width:570px;margin:20px auto;padding:0 20px}#company h2{margin-top:20px}#partner .partnerlogo{height:100px}}@media only screen and (max-width: 900px){header section:first-child div{height:180px}header section:first-child div:before{left:-45px;border-top:180px solid transparent;border-right:45px solid #14416f}header section:first-child div img{height:75px;width:auto}header section:first-child div h1{font-size:18px}header section:nth-child(2){margin-right:-23px}header section:nth-child(2) img{height:140px}#banner article{width:550px}#banner article.logo img{width:150px}#banner article.logo strong{font-size:18px}#banner article.address{font-size:15px}#banner .sub br.dis_none{display:block}h1:not(.impr){font-size:60px;line-height:60px}h2{font-size:22px}#benefits .benefit,#principle section{float:none;clear:both;width:100%!important;padding-bottom:20px!important}#partner section{width:50%;margin-bottom:20px}#partner .partnerlogo{height:120px}#partner section:first-child,#partner section:nth-child(3){padding:0 10px 0 0}#partner section:nth-child(2),#partner section:nth-child(4){padding:0 0 0 10px}}@media only screen and (max-width: 750px){header{margin-bottom:50px}header section:first-child div{padding-right:50px}#partner .partnerlogo{height:100px}}@media only screen and (max-width: 600px){header section:first-child div{height:162px;padding:15px}header section:first-child div:before{left:-40px;border-top:162px solid transparent;border-right:40px solid #14416f}header section:first-child div img{height:65px}header section:first-child div h1{font-size:16px}header section:nth-child(2){margin-right:-20px}header section:nth-child(2) img{height:130px}#banner article{width:400px}#banner article.logo{margin-bottom:10px}#banner article.logo img{width:120px}#banner article.logo strong{display:block;font-size:15px;line-height:2}#banner article.address{font-size:13px}#company{text-align:left}}@media only screen and (max-width: 500px){header section:first-child div{height:105px;padding:10px}header section:first-child div:before{left:-25px;border-top:105px solid transparent;border-right:25px solid #14416f}header section:first-child div img{height:45px}header section:first-child div h1{margin-top:-5px;font-size:12px;display:block;line-height:1.5}header section:nth-child(2){margin-right:-18px}header section:nth-child(2) img{height:85px;margin-top:10px}#banner article{width:100%}#banner article.logo{margin-top:-200px;margin-bottom:10px}#banner article.logo img{width:120px}#banner article.logo strong{display:block;font-size:15px;line-height:2;float:none;clear:both;text-align:center}#banner article.address{font-size:13px}#partner .partnerlogo{height:140px}#partner section{float:none;clear:both;width:100%}#partner section:first-child,#partner section:nth-child(2),#partner section:nth-child(3),#partner section:nth-child(4){padding:0}}div.clearer{clear:both;line-height:0;height:0;font-size:0}.clear:after{content:".";height:0;display:block;visibility:hidden;clear:both}