body{font-size: 17px;font-family: 'Mulish', sans-serif;color: #000;background-color: #f0f0f0;}
.pn-content-page{margin: 30px auto;background-color: #fff;max-width: 700px;text-align: center;border-radius: 4px;overflow: hidden;box-shadow: 0 0 5px rgba(0,0,0,.2);}
.pn-content-page .pn-top{background-color: #122644;margin-bottom: 35px;position: relative;text-align: left}
.pn-content-page .pn-top:before{content: "";position: absolute;border-top: 10px solid #122644;border-left: 10px solid transparent;border-right: 10px solid transparent;top: 100%;left: 50%;transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%)}
.pn-content-page .pn-top .row{display: flex;align-items: center}
.pn-content-page .pn-top .row [class*='col-']{color: #fff;font-size: 20px;padding: 30px 40px;position: relative}
.pn-content-page .pn-top .row [class*='col-']:last-child{padding-left: 100px}
.pn-content-page .pn-top .row [class*='col-'] a{display: inline-block;color: #fff;text-decoration: none;font-size: 28px}
.pn-content-page .pn-top .row [class*='col-'] span{position: absolute;width: 45px;height: 45px;background-color: #fb5e5e;border-radius: 100px;top: 50%;transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);left: 40px}
.pn-content-page .pn-top .row [class*='col-'] span::before{content: "";position: absolute;width: 12px;height: 12px;border-bottom: 2px solid #fff;border-left: 2px solid #fff;transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);left: 18px;top: 16px}
.pn-title{color: #fb5e5e;font-size: 27px;margin: 0 0 15px 0;padding: 0 15px}
.pn-content-page .pn-form{padding: 30px 60px}
.pn-content-page .pn-form .row [class*='col-']{margin-bottom: 20px}
.pn-content-page .pn-form .row [class*='col-'] .pn-wrapper-input,.pn-content-page .pn-form .row [class*='col-'] textarea.form-control,.pn-content-page .pn-form .row [class*='col-'] select.form-control,.pn-content-page .pn-form .row [class*='col-'] .captcha-field .form-control{height: 44px;border: 2px solid rgba(212, 212, 212, 0.5);padding: 0 44px 0 25px;position: relative;box-shadow: none;border-radius: 4px}
.pn-content-page .pn-form .row [class*='col-'] .pn-wrapper-input .fa,.pn-content-page .pn-form .row [class*='col-'] .pn-wrapper-select .fa{position: absolute;right: 0;top: 0;height: 40px;width: 40px;font-size: 20px;line-height: 40px;color: #dadada}
.pn-content-page .pn-form .row [class*='col-'] .pn-wrapper-input .form-control{box-shadow: none;color: #323a45;border: none;width: 100%;height: 40px;background-color: transparent;padding: 0}
.pn-content-page .pn-form .row [class*='col-'] .form-control::-webkit-input-placeholder {color: #323a45}
.pn-content-page .pn-form .row [class*='col-'] .form-control:-ms-input-placeholder {color: #323a45}
.pn-content-page .pn-form .row [class*='col-'] .form-control::placeholder {color: #323a45}
.pn-content-page .pn-form .row [class*='col-'] textarea.form-control{height: 200px;resize: none;padding: 15px}
.pn-content-page .pn-form .row [class*='col-'] .pn-offer::after{content: "#";position: absolute;right: 0;top: 0}
.pn-content-page .pn-form .row [class*='col-'] button[type='submit']{background-color: #fb5e5e;font-size: 17px;color: #fff;line-height: 22px;padding: 20px 100px;border: none;border-radius: 2px;margin-top: 30px}
.pn-content-page .pn-form .row [class*='col-'] button[type='submit']:hover{opacity: 0.8}
.pn-content-page .pn-form .row [class*='col-'] button[type='submit']::before{font-family: "FontAwesome";content: "\f0d6";float: left;margin-right: 15px;font-size: 25px}
.pn-content-page .pn-form .row [class*='col-'] .captcha-field{margin: 20px auto;max-width: 70%;position: relative}
.pn-content-page .pn-form .row [class*='col-'] .captcha-field .form-control{padding-right: 125px;}
.pn-content-page .pn-form .row [class*='col-'] .captcha-field span{position: absolute;right: 3px;top: 3px;padding: 3px;background: #ccc}
select{-webkit-appearance: none;-moz-appearance: none;background-color: transparent !important}
.pn-content-page .pn-form .row [class*='col-'] .pn-wrapper-select{position: relative}
.pn-content-page .pn-form .row [class*='col-'] .pn-wrapper-select .fa{top: 2px;right: 2px}
.pn-star-requied{position: relative}
.pn-star-requied:before{content: "*";font-size: 20px;color: #fb5e5e;position: absolute;left: 10px;top: 10px}
.pn-wrapper{padding: 0 60px}
.pn-requied{display: inline-block;margin-top: 30px;padding: 0 15px}
.pn-requied:before{font-size: 30px;color: #fb5e5e;float: left;margin: 3px 10px 0 0;content: "*";line-height: 30px}
.alert{padding: 10px}
@media only screen and (max-width: 767px){
    .pn-content-page{width: calc(100% - 30px)}
    .pn-content-page .pn-top .row [class*='col-'] a{font-size: 20px}
}
@media only screen and (max-width: 570px){
    body{font-size: 14px}
    .pn-content-page .pn-top .row{display: block}
    .pn-content-page .pn-top .row [class*='col-']{width: 100%;text-align: center}
    .pn-content-page .pn-top .row [class*='col-']:nth-child(2){display: none}
    .pn-content-page .pn-form .row [class*='col-'] .captcha-field{max-width: 100%}
    .pn-content-page .pn-form{padding-left: 20px;padding-right: 20px}
    .pn-content-page .pn-form .row [class*='col-'] button[type='submit']{padding-left: 50px;padding-right: 50px;width: 100%;margin-top: 0}
    .pn-content-page .pn-form .row [class*='col-'] button[type='submit']::before{display: none}
    .pn-wrapper{padding: 0 15px}
}