html {
	margin: 0;
	height:100%;
	min-height: 100%;
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

body {
	background:#fff;
	height:100%;
	min-height: 100%;
	font-family:"Lato", Arial, sans-serif;
	margin: 0;
	padding: 0;
	color: #333;
	font-size: 14px;
	line-height: 1.42;
}

*,*:before,*:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.simple-list{
	margin-bottom: 20px;
}
.simple-list li{
    margin-left: 2rem;
	font-size: inherit;
}
input[type=email], input[type=number], input[type=tel], input[type=text] ,textarea{
    font-size: 1.2em;
    padding: 4px;
    border: 2px solid #0b0c0c;
    color: #000;
    width: 100%;
    height: 38px;
	padding-left: 10px;
}
.center{
	text-align:center;
}
.right{
	text-align:right;
}
.pa-top{
	top:0;
}
.cont{
	margin:0 auto;
	padding:0 20px;
}
.clear,.clr:after,#benefits-box:after,#info-box:after{
	content: " ";
	float: none;
	clear: both;
	display: table;
}

#header-logo{
	background:#1a1b20;
	padding:.5rem 0;
}
#logo{
	background: url(/hpi/v1/files/logo-desk.png) no-repeat;
    background-position: center;
    width: 80%;
    background-size: contain;
    margin: 0 auto;
    max-width: 274px;
}
#logo:after{
	content:"";
	display:block;
	padding-bottom:13.50%;
}
#header-headline {
    font-size: 1.2em;
    padding: .6em 0 .6em;
	background: #232429;
    color: #1c1465;
}
#header-headline h1{
	font-size:1.4rem;
	color: #fff;
    text-align: center;
	font-weight: 700;
}
#header-headline h1 u{
	font-size:0.8em;
	display: inline-block;
	font-weight: 500;
}
#header-sub{
	background-color: #fff;
	position: relative;
	display:block;
	padding: 1em 0;
}
#header-sub:before {
    content: '';
    display: none;
    border: solid 12px transparent;
    border-top-width: 6px;
    border-bottom-width: 0;
	border-top-color: #3d7ca8;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 50%;
}
#header-sub h2{
	color: #333;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 1em;
    font-weight: 800;
    width: 90%;
    margin-left: 5%;
}
#main{
    background-color: #fff;
	margin-bottom: 80px;
}
#benefits{
	padding: 2rem 0;
	color: #222;
    background: #f8f8f8;
    padding-bottom: 1.2em;
}
#benefits h2{
	text-align: center;
	font-size: 1.8em;
	margin-bottom: 2em;
	font-weight: 500;
}
#benefits-box>div{
    width: 100%;
    margin: 0;
    padding: 0 15px;
    list-style: none;
	float: left;
	display: inline-block;
}
#benefits-box>div:first-of-type {
    margin-left: 0;
}
.benefits-img{
    vertical-align: top;
    font-size: 16px;
	display: block;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 10px 0 rgba(48,62,72,.3);
    box-shadow: inset 0 0 10px 0 rgba(48,62,72,.3);
    background-color: #3786cb;
    width: 148px;
    height: 148px;
    padding: 2em;
    margin: 0 auto;
    -webkit-transform: scale(.8);
    transform: scale(.8);
}
.benefits-img img{
    display: inline-block;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}
#benefits-box h3 {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 700;
    display: block;
    text-align: center;
	vertical-align: top;
}
#benefits-box p{
    width: 100%;
    text-align: center;
    vertical-align: top;
    font-size: 16px;
    display: inline-block;
}
#info{
	background: #eee;
	padding: .5em 0;
}
#info h2 {
    color: #000;
    margin-bottom: 1em;
	font-weight: 500;
	text-align: center;
	font-size: 30px;
}
#info-box>div{
    width: 92%;
    margin-left: 4%;
    float: left;
    padding: 2px 6px;
}

#info-box>div>span{
	color:#fff;
    display: block;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 10px 0 rgba(48,62,72,.3);
    box-shadow: inset 0 0 10px 0 rgba(48,62,72,.3);
    background-color:  #00703c;
    width: 80px;
    height: 80px;
    padding: .7em;
    font-size: 44px;
    line-height: .3em;
    -webkit-transform: scale(.7);
    transform: scale(.7);
	background-image: linear-gradient(120deg, #00703c 0%, #0ca15c 100%);
	padding-left: .6em;
}
#info-box>div>p{
    text-align: left;
    float: left;
    margin: -55px 0 0 100px;
    color: #000;
    font-size: .9em;
}
#footer{
    color: #000;
    background-color: #fff;
    text-align: center;
    padding: 1em 0;
	padding-top:3rem;
}
#footer p{
    margin: 0 0 10px;
}
#footer a:hover ,#a-footer a:hover{
    text-decoration: underline;
}
#footer a{
    color: #337ab7;
    text-decoration: none;
}
#a-box {
    background-color: #fff;
    background-clip: padding-box;
    position: relative;
    width: 96%;
	padding: 5px;
	margin: 0 auto;
}
#pro-bar {
    background: #e4e4e4;
    text-align: center;
    margin: 10px auto;
    position: relative;
    height: 20px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	
}
#pro-visual{
    background: #1d70b8;
    height: 20px;
	transition: width 1s ease-out 0s;
	-webkit-transition: width 1s ease-out 0s;
	border-radius: 6px 0 0 6px;
	-webkit-border-radius: 6px 0 0 6px;
	    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}
#pro-txt{
    color: #000;
    font-size: .8em;
    display: inline;
	position: absolute;
    top: 2px;
    left: calc(50% - 20px);	
}
#pro-visual:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0%;
    height: 100%;
    background-color: rgba(255,255,255,0.4);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
	-webkit-animation: glint 2.5s infinite;
   animation: glint 2.5s infinite;
}
#a-footer{
    color: #444;
    text-align: center;
    font-size: .875em;
    margin-top: 1.3em;
}
#a-footer>div{
    width: auto;
    text-align: center;
    margin: 1em auto .8em auto;
    position: relative;
    display: inline-block;
    padding-left: 17px;
	margin-bottom: 0;
}
#a-footer a {
    color: #337ab7;
    text-decoration: none;
}
#a-footer>div:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAMAAAARSr4IAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAhUExURQAAAB08Qh08Qh08Qh08Qh08Qh08Qh08Qh08Qh08Qh08QsPIo4UAAAAKdFJOUwBiMK7e6UApOtHmaYucAAAATElEQVQI133OWwrAMAhE0ZloXrP/BTc2DYTS9P7IQRABgF3qxBMld2nZ1YAmn6qyGKZ6syyWGImyNDIxDWrrQHJnBvJ5+2Y8+Xn5twv3owRdsq7ZOgAAAABJRU5ErkJggg==) no-repeat 0 1px;
    position: absolute;
    top: -1px;
    left: 0;
}
#b-footer{
    color: #444;
    text-align: center;
    font-size: .875em;
}
#b-footer>div{
    width: auto;
    text-align: center;
    margin: 1em auto .8em auto;
    position: relative;
    display: inline-block;
    margin-top: 5px;
}
#b-footer a {
    color: #337ab7;
    text-decoration: none;
}
#qB{
  
	padding-bottom: 10px;
}
#qB h2{
	display: inline-block;
    position: relative;
    padding: 4px 0;
    margin-bottom: 5px;
    width: 100%;
    font-size: 1.35em;
    line-height: 1.3;
    font-weight: 700;
    text-align: left;
}
#qB>.error h2{
    color: #f00;
	animation:  blink 0.5s ease-in-out 5 alternate;
	-webkit-animation: blink 0.5s ease-in-out 5 alternate;
}
.error h2, .error legend, .error label{
    color: #f00;
	animation:  blink 0.5s ease-in-out 5 alternate;
	-webkit-animation: blink 0.5s ease-in-out 5 alternate;
}
.gen-error h2{
    color: #f00;
	animation:  blink 0.5s ease-in-out 5 alternate;
	-webkit-animation: blink 0.5s ease-in-out 5 alternate;
}
.s-list{
	list-style: none;
	font-size: 16px;
    line-height: 1.3;
}
.s-list li {
	position: relative;
    padding: 0.4em 1em 0.4em 40px;
    cursor: pointer;
    display: block;
    width: 100%;
    color: #333;
    margin: 0 auto 0.4em;
	border-radius: 0.363636em;
}
#qB .in-block li{
	display:inline-block;
	width:auto;
}
.s-list li p {
}
.s-list li:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #f3f2f1;
}
.s-list li:before{
    position: absolute;
    top: 50%;
    left: 7px;
    display: block;
    content: '';
    background: #fff;
	width: 22px;
    height: 22px;
    margin-top: -11px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 4px #fff inset,0 0 0 2px currentcolor;
    box-shadow: 0 0 0 4px #fff inset,0 0 0 2px currentcolor;
}
.s-list li:hover:before {
    background: #000;
}
.s-list .selected:before{
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    background: #000;
    -webkit-box-shadow: 0 0 0 5px #fff inset,0 0 0 5px #fff inset,0 0 0 2px currentcolor;
    box-shadow: 0 0 0 5px #fff inset,0 0 0 5px #fff inset,0 0 0 2px currentcolor;
}
.s-list .selected {
    -webkit-box-shadow: 0 0 0 2px #2b8cc4 inset;
    box-shadow: 0 0 0 2px #2b8cc4 inset;
    background-color: #eaf4f9;
   /* background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2216%22%20viewBox%3D%220%200%2020%2016%22%3E%3Cpath%20fill%3D%22%23178B17%22%20fill-rule%3D%22evenodd%22%20d%3D%22M3%205L8%2010%2017%200%2020%203%208%2016%200%208z%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    background-position: top 50% right 10px;*/
    padding-right: 35px;
	font-weight: 600;
}
.s-list .selected p{
}
#qB #g-icons{

}
#qB #g-icons h2{
	text-align:center;
}

#qB .col2-list li{
	width: 48%;
    display: inline-block;
}
#qB .col2-list li:nth-child(odd){
    margin-right: 2%;
}
#nav{
    padding-top: .5em;
}
#nav button,#pre-sell button{
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
#nav .btn, #pre-sell .btn,#contact-us-box .btn ,#thx-box  .btn, #addresses-step .btn,#declaration-step .btn, #search_address,#search_address_alternative, #select_address, #to_the_start{
    font-size: 1.4em;
    width: 100%;
    white-space: normal;
    color: #fff;
	-webkit-border-radius: .1em;
    border-radius: .1em;
    text-align: center;
    cursor: pointer;
    padding: .5em .8em .7em .8em;
	padding-top: 6px;
    padding-bottom: .4em;
    background-color: #00703c;
    box-shadow: 0 2px 0 #002d18;
    border: 0;
}
#nav .btn i,#pre-sell .btn i{
    display: block;
    font-size: .5em;
    margin-top: .1em;
	text-align: center;
}
#nav .nav-prev{
    padding-left: 20px;
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAbUExURQAAAD+t1z+t1z+t1z+t1z+t1z+t1z+t1z+t146Ydr8AAAAIdFJOUwCVp+g8BL94lt0CzgAAAFFJREFUCNdtjlsWwDAERDGk9r/iCpKepp0PzvUYiH6kAodok7GX2JILB6KQw4liI+JckcIrUzAedATPbNqW3ec2xdrvgmx/puV/3v/8d/7/0g2l/gN8w+DnkQAAAABJRU5ErkJggg==) no-repeat 0 3px;
    color: #337ab7;
    border: none;
    cursor: pointer;
    margin-top: 10px;
    width: 90px;
}
#alternative_search{
	font-size: 15px;
    text-align: center;
    color: #337ab7;
    font-weight: 600;
    text-decoration: underline;
	margin-top: 20px;
}
.prevAddrDesc{
    margin: 5px 0;
}
#continue,#finish,#prev,#tcpa{
	display:none;
}
#qB #h-desc li{
	padding: .4em 1em .4em 0;
	overflow: hidden;
}
#qB #h-desc li p{
	padding-left: 40px;
	font-size: 17px;
}
#qB #h-desc li:before{
    width: 22px;
    height: 22px;
    margin-top: -11px;
    border: 3px solid #fff;
    border-radius: 2px;
	-webkit-border-radius: 2px;
    -webkit-box-shadow: 0 0 0 1px currentcolor inset,0 0 0 1px currentcolor,0 0 0 2px #ccc;
    box-shadow: 0 0 0 1px currentcolor inset,0 0 0 1px currentcolor,0 0 0 2px #ccc;
	top: 1.025em;
    -webkit-transform: none !important;
    transform: none !important;
}
#qB #h-desc li.selected{
	font-weight: bold;
    overflow: hidden;
    font-size: 20px;
    background-image: none;
    box-shadow: none;
	-webkit-box-shadow: none;
}
#qB #h-desc li.selected:before{
    -webkit-transition: none;
    transition: none;
    background: #fff url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2216%22%20viewBox%3D%220%200%2020%2016%22%3E%3Cpath%20fill%3D%22%23178B17%22%20fill-rule%3D%22evenodd%22%20d%3D%22M3%205L8%2010%2017%200%2020%203%208%2016%200%208z%22%2F%3E%3C%2Fsvg%3E") no-repeat 49.9% 50%;
    background-size: 16px auto;
    border: none;
    -webkit-box-shadow: 0 0 0 1px currentcolor;
    box-shadow: 0 0 0 1px currentcolor;
}
#qB #h-desc li:after {
	content:"";
    display: block;
    font-size: 14px;
    font-weight: 400;
    border-top: solid 1px #ccc;
    padding-top: .5em;
    padding-bottom: .5em;
    margin-top: .5em;
    padding-left: 1em;
    padding-right: 1em;
    width: calc(100% + 1.5em);
    margin-bottom: -.6em;
    background: #fff;
}
#qB #h-desc li:nth-child(1):after{
    content: 'Allows someone to make decisions on your behalf if you are no longer able to';
}
#qB #h-desc li:nth-child(2):after{
    content: 'Identical wills, usually chosen by couples that share the same wishes';
}
#qB #h-desc li:nth-child(3):after{
    content: 'Included within a will to protect your assets & distribute them to your loved ones';
}
#qB #h-desc li:nth-child(4):after{
    content: 'Having the legal document written by a professional';
}

.alert-static {
    background-color: #8c8c8c;
    padding: .6em;
    border-radius: 6px;
	margin: 2em 0;
    clear: both;
}
.alert-static p {
    color: #fff;
    text-align: center;
    margin: 0;
    font-weight: 700;
    font-size: .9em;
}
.input-wrapper{
	margin-bottom:10px;
}
input,select,textarea{

    margin-bottom: 5px;
    width: 100%;
    padding: 0 10px;
    margin-top: 10px;
    border: 1px solid #0b0c0c;
    color: #444;
	font-family: inherit;
    font-size: inherit;
    line-height: inherit;
	height: 38px;
}
#contact-us-box .btn{
	height:auto;
}
input.text{
    height: 38px;
}
input.large{
    height: 80px;
    font-size: 38px;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#a7a7a7}input::-moz-placeholder,textarea::-moz-placeholder{color:#a7a7a7}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#a7a7a7}input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:#a7a7a7}input::placeholder,textarea::placeholder{color:#a7a7a7}
textarea {
	height:auto;
}

select {
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.25;
    box-sizing: border-box;
    max-width: 100%;
    height: 40px;
    height: 2.5rem;
    padding: 5px;
    border: 2px solid #0b0c0c;
	font-size: 1.1875rem;
    line-height: 1.25;
	width: auto;
	background: inherit;
}
.alert-animate{
    padding: 2px;
    -webkit-animation: loader-fader 5s ease-out infinite forwards;
    animation: loader-fader 5s ease-out infinite forwards;
    margin-bottom: .4em;
}
.alert-animate p {
    margin: .6em;
    font-size: .9em;
}
@-webkit-keyframes loader-fader{0%{background:#fff;color:#fff}10%{background:#ff9800;color:#fff}80%{background:#ff9800;color:#fff}100%{background:#fff;color:#444}}@keyframes loader-fader{0%{background:#fff;color:#fff}10%{background:#ff9800;color:#fff}80%{background:#ff9800;color:#fff}100%{background:#fff;color:#444}}

#tcpa, .additional-info{
    padding-top: 1em;
    color: gray;
	font-size: 12px;
}
.additional-info ul{
	margin-bottom: 20px;
}
.additional-info ul li{
    margin-left: 2rem;
	font-size: .8rem;
}
.additional-info img{
    width: 100%;
    height: auto;
	max-width: 330px;
}
#qB .input-wrapper label{
    font-size: 1.1875rem;
    margin-bottom: -7px;
    display: block;	
}
#qB>div{
	display:block;
    transition: opacity 0.8s ease-out;
    opacity: 0; 
    height: 0;
    overflow: hidden;
}
#qB>:first-child , #qB .show{
    opacity: 1;
    height: auto;
	animation:  fInR 0.5s ease-out 1 forwards;
	-webkit-animation: fInR 0.5s ease-out 1 forwards;
}
#loading-step>div,#f-loading-step>div,#loading-step-payment>div{
    color: #000;
    text-align: center;
    background: url(/hpi/v1/files/loader-squares.gif) no-repeat center center;
    height: 200px;
    margin-top: 1.5em;
    background-size: 40%;
}
.loading-holder>div{
	display:none;
}
#loading-step-payment{
	display:none;
}
.error-msg {
    color: red;
    font-size: 10.5px;
    line-height: 15px;
}
#thx{
	display:none;
	text-align:center;
}
#thx-box h2 {
    font-size: 1.7em;
    color: #33335F;
    font-weight: 600;
	margin-top: 20px;
    margin-bottom: 10px;
}
#thx-box {
	display:none;
}
#thx-box p {
    margin: 1em;
    font-size: 1.2em;
    color: #000;
    text-align: center;
}
#qB>#pre-sell{
	display:none;
	padding-top: 20px;
}
#pre-sell h2{
	text-align: center;
}
#pre-sell p{
	font-size:1rem;
	margin-bottom:10px;
}
#pre-sell ul{
	margin: 10px;
}
#pre-sell ul li{
	list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAMAAADH72RtAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAkUExURQAAAH2wDn2wDn2wDn2wDn2wDn2wDn2wDn2wDn2wDn2wDn2wDqH6+A8AAAALdFJOUwBvg5guruXPFj1VCYXcawAAAFxJREFUGNNdj0kSACEIAwF3+f9/xwg1BXqKLa2RKK6tJe1pdtWRSNOH7AO0RgeAX6dFwAf0ibRssMLZnm6HoR6oWxI4phdMy3WW34jTu+R/xFEsa6i+VTh/mkPZD+nQA5xZsrpXAAAAAElFTkSuQmCC);
    margin-left: 2rem;
	font-size: 1rem;
}
#pre-sell button{
	
}
#top-phone{
    font-weight: 600;
    color: #3182c9;
    text-decoration: none;
    text-align: center;
    display: block;
    margin-top: 5px;
}
.attention-cont{
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAAA4VBMVEVHcEy9vb1VVVXl5eVFRUU1NTU+Pj4ODg7X19cEBAQJCQlRUVG6urpLS0vHx8eBgYGampqBgYGLi4t1dXUoKChKSkpbW1s7OzsEBAQdHR0CAgJtbW2np6eTk5OdnZ1/f3/Y2NihoaHs7OxwcHCUlJRgYGAvLy84ODiqqqqKiootLS0aGhqJiYmMjIxcXFxDQ0MyMjIhISGLi4tqampra2t8fHxQUFB3d3dxcXFZWVkyMjI+Pj5HR0c0NDRQUFBVVVU3NzcSEhLExMQAAAC/v7+5ubkoKCgYGBgAABkAGT0AAACiNlaCAAAASXRSTlMAFKoEp7p85iL++7A+txsxEVd1cNufYZ/z0O9+WFdigykaCppuoMGzS2rU4GI7g4Ody06PL3icOV6Kq3J0ppCPq/Iw/jU2ynP9dDdYhAAAAaFJREFUOMttVNd2wjAMFSsDKIQZVsveUEiZpXTScY7//4Mq23EiB/SQ3KtcR7IlGSA0p+p6ZqNheuujA7csP2bEUvkrQUwTCFFMVzzZwm2eVn/G6mRKUYEqdsKVPCh+SApHM1QUOR916aJuivvairbIiuV6vZSoxL0PEls1xFPyv53E9wjtjoBxhEXp/ZJ5ZiUbILzjIKsA2qOUvPs0g3jivzu+z5WSD59atlidSzM2VIm/Scle8T5mY8EijC0zRFso/iM2smesHJbhkytqucAxwwOFX/4IjO+OxUNeYcwDrMdz6JpwSSvkuEUT8NwMcvAzGhfgBcNGJVPGBlGJHgh6NutBJJDH7CQtcb9PGaZb5w8aHBIJ0FNL6keHiu2WaL7xY0kvAMBQO5YNSixRxosV9LDWs1ZaNgFvhoxyFrikSs96orqiqFIpMzZXuw5aSvxONSnEjFWOlr1D2rsUHT7a3gBtMX3akDhjbUgAmnLUgjnOV/h0XjZ0UUG229w1zmfDnUt2jIx9Kjr2o9z15aGJRsubN4xTfa3zK6j+WqVX0D/fm2y9H4h3qAAAAABJRU5ErkJggg==) no-repeat 0 center;
    border: none;
    cursor: pointer;
    margin: 15px 0;
    font-size: 1rem;
    font-weight: 600;
	padding: 6px;
    padding-left: 40px;
}
.address-cont{
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAmCAMAAACWCLnmAAAANlBMVEVHcEwzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMPiRcpAAAAEXRSTlMA4UifkNc4724IU3sexD20EpsnPKsAAACvSURBVDjL7dPNDoMgEEbRQaD8q9/7v2ypRBTLoKuuelbG3BAGlKgVFuqKQU3lyQLJ9ZIZkGUNZCIOEoWNebGJxM73kkC04BC+k7xIwpm8JD6/0GilNnG0ClzptT0Yg47zYC/0HYNN4Nh9s+CVwRRGPrcRF6kGkqWHHG9PEgyjjqRxO/Xvk2ObbDKX+ckJNqm3/08uR8cls582vv5c9U18+FXaYIeCJYEbIu/VDEG/AUL2Kv54CDD+AAAAAElFTkSuQmCC) no-repeat 0 center;
    border: none;
    cursor: pointer;
    margin: 15px 0;
    font-size: 1rem;
    font-weight: 600;
	padding: 6px;
    padding-left: 48px;
}
#new_address_info{
    font-size: 1.2rem;
    border-left: 8px solid #c4c4c4;
    padding: 10px;
    padding-left: 16px;
    margin: 10px 0;
}

.url_like{
	
}

#dob_holder{
	
}
#dob_holder>div{
	width:52px;
	display: inline-block;
    margin-right: 10px;
	vertical-align: top;
}
#dob_holder>div:last-child{
	width: 68px;
    margin-right: 0;
}
.months_years{
	
}
.months_years>div{
	width:52px;
	display: inline-block;
    margin-right: 10px;
	vertical-align: top;
}
#addresses-step{
	display:none;
}

#allAddresses-cont{
	display:none;
}
.allAddresses-cont-div{
	margin-bottom: 15px;
}
.allAddresses-cont-div h4{
    background: #eee;
    padding: 3px 10px;
    margin: 3px 0;
}
.allAddresses-cont-div .address-cont{
	margin:0;
}
.ch-adrrs{
    font-weight: 600;
    margin-top: 10px;
    background: #eee;
    display: inline-block;
    background: #333;
    color: #fff;
    padding: 6px 10px;
    -webkit-border-radius: 0.1em;
    border-radius: 0.1em;
}
#add-addrs{
	display:none;
}
#submit-address{
	display:none;
}
#submit-time{
	display:none;
}
#prev_addrrs{
	display:none;
}
#submit-all-add{
	display:none
}
#declaration-step{
	display:none;
}
#data-wrapper{
	
}
#data-wrapper>div{
	
}
#data-wrapper>div>h3{
	
}
#data-wrapper ul{
	
}
@media screen and (min-width:300px) {
	#qB #g-icons ul{
		max-width: calc(300px + 15%);
		margin: 0 auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	#qB #g-icons li{
		padding: 0;
		text-align: center;
		cursor: pointer;
		border: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		background: 0 0;
				width: 49%;
		max-width: 150px;
		margin: 0 0 10px;
	}
	#qB #g-icons li p{
		color: #fff;
		background-color: #113451;
		position: relative;
		text-align: center;
		display: inline-block;
		margin-top: -20px;
		padding: .3em 1.2em .4em 40px;
		border-radius: 4px;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	#qB #g-icons li:before {
		position: static;
		-webkit-box-shadow: none;
		box-shadow: none;
		display: block;
		margin: 0 auto;
		content: '';
		border-radius: 50%;
		background-size: auto 85%;
		padding-top: 100%;
		width: 100%;
		height: 0;
		background: #1a4f7b no-repeat 50% 100%;
		background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22146%22%20height%3D%22128%22%20viewBox%3D%220%200%20146%20128%22%3E%3Cpath%20fill%3D%22%23DFF2FD%22%20d%3D%22M9%20106c9.695-6.126%2044.65-14.322%2045-20-.35.207-.35-3.34%200-5h5s.893.953%200-7c-.243.326-6.305-1.273-7-13%20.412-.421-4.141%201.103-5-6%20.39-5.249-3.493-9.581%202-13l-3-8c.254.214-5.429-30.576%2011-26C50.018-.248%2095.983-8.438%2099%2018c-.03-.451%202.098%2013.58%200%2023-.03.183%206.682-.589%202%2012%20.193.237-2.269%209.465-6%208-.058-.607.56%2011.069-6%2013%20.592.048%201.017%206.262%201%207h6s.117%205.88%200%206c4.775%205.013%2039.236%2010.411%2045%2019%205.094%206.572%205%2012.397%205%2022H1s-1.309-16.325%208-22z%22%2F%3E%3C%2Fsvg%3E");
	}
	#qB #g-icons li+li:before{
		background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22131%22%20height%3D%22128%22%20viewBox%3D%220%200%20131%20128%22%3E%3Cpath%20fill%3D%22%23DFF2FD%22%20d%3D%22M120%20104c-10.76-3.186-21.638-6.81-26-10-3.796-1.913-2.784-5.453-4-8%20.628.684-5.705-2.168-8-2%200%200%20.314-6.636%200-7%209.006-1.777%2019-6%2019-6s-3.134-8.794-3-9c.206.206%204.772%205.5%207%207%20.267-.39-6.691-13.64-8-28-2.664-14.822-3.546-22.15-5-26-1.844-3.197-4.08-7.98-8-10-3.748-2.721-10.474-5.042-19-5-8.133.044-13.391%202.158-17%205-3.5%202.141-6.017%206.804-7%2010-2.316%203.85-2.478%207.737-5%2026-2.887%2017.8-9.131%2027.61-9%2028%202.367-1.5%207.286-7.435%207-7-.222%202.355-3%209-3%209s7.169%204.257%2019%206c-.135.237%200%207%200%207-2.154-.168-8.027%202.684-8%202-.623%202.547-1.424%206.346-4%208-2.863%202.93-12.994%206.196-26%2010-12.96%204.145-10.9%2023.736-11%2024h130c.044-.264-.005-20.473-11-24z%22%2F%3E%3C%2Fsvg%3E");
	}
	#qB #g-icons li p:before {
		position: absolute;
		top: 50%;
		left: 7px;
		display: block;
		content: '';
		background: #fff;
		width: 22px;
		height: 22px;
		margin-top: -11px;
		border-radius: 50%;
		-webkit-box-shadow: 0 0 0 4px #fff inset,0 0 0 5px currentcolor inset,0 0 0 1px currentcolor,0 0 0 2px #ccc;
		box-shadow: 0 0 0 4px #fff inset,0 0 0 5px currentcolor inset,0 0 0 1px currentcolor,0 0 0 2px #ccc;
		margin-top: 0;
		-webkit-transition: -webkit-transform .2s ease-in-out;
		transition: -webkit-transform .2s ease-in-out;
		transition: transform .2s ease-in-out;
		transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out;
		-webkit-transform: translateY(-50%) scale(.7);
		transform: translateY(-50%) scale(.7);
	}
	#qB #g-icons li p:after {
		position: absolute;
		bottom: 98%;
		left: 50%;
		margin-left: -10px;
		content: '';
		border: transparent solid 10px;
		border-bottom-color: #113451;
		width: 0;
		height: 0;
	}
	#qB #g-icons li.selected p{
		background-color: #1e9065;
	}
	#qB #g-icons li.selected p:after {
		border-bottom-color: #1e9065;
	}
	#qB #g-icons li.selected p:before {
		width: 14px;
		height: 22px;
		margin-top: -14px;
		margin-left: 4px;
		-webkit-transition: none;
		transition: none;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		border: solid #fff;
		border-width: 0 5px 5px 0;
		border-radius: 0 0 0 4px;
		background: 0 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
}
@media screen and (min-width:480px) {
	#qB #h-desc li p{
		font-weight: bold;
		overflow: hidden;
		font-size: 20px;
	}
	#qB #h-desc li:after {
		padding-left: 40px;
	}
	.alert-static {
		margin: .4em 0 .2em 0;
	}
}
@media screen and (min-width:767px) {
	#header-logo{
		background: #1a1b20;
	}
	#logo{
		background: url(/hpi/v1/files/logo-desk.png) no-repeat;
		background-size: contain;
		margin-left:0;
		float: left;
	}
	#top-phone{
		float:right;
		color: #fff;
		font-size: 1.4rem;
	}
	#header-headline h1{
		font-size:2.2rem;
	}
	#header-headline h1 u{
		font-weight:inherit
	}
	#header-sub{
		display:block;
	}
	#header-sub h2 {
		font-size: 1.6em;
	}
	#benefits,#info{
		padding: 2rem 0;
	}
	#benefits-box{
		background-image: linear-gradient(to right,#eee 1px,transparent 1px,transparent);
		background-size: 49.99% 50px;
	}
	#benefits-box>div{
		width: 50%;
	}
	#info-box>div{
		width: 26%;
		margin-left: 10%;
	}
	#info-box>div:first-of-type {
		margin-left: 0;
	}
	#info-box>div>span {
		-webkit-transform: none;
		transform: none;
		margin: 0 auto;
	}
	#info-box>div>p{
		clear: left;
		font-size: 1em;
		margin-top: 1.4em;
		text-align: center;
		margin: 1em 0 0 0;
		float: none;
	}
	#a-box{
		width: 65%;
		min-height: 400px;
	}
	#a-footer>div{
		margin-top: .4em;
	}
	.checkbox-group, .radio-group {
		font-size: 22px;
	}
	.s-list{
		font-size: 22px;
	}
	#nav .btn{
		font-size: 2.2em;
	}
	.alert-static p {
		font-size: 1em;
	}
	.alert-animate p {
		font-size: 1em;
	}
}
@media screen and (min-width:992px) {
	.cont{
		max-width:992px;
	}	
	#benefits-box{
		background-size: 24.99% 50px;
	}
	#benefits-box>div{
		text-align: center;
		width: 25%;
	}
	.benefits-img {
		-webkit-transform: none;
		transform: none;
	}
	#a-box {
		width: 60%;
	}
}

@media screen and (min-width:1200px) {
	.cont{
		max-width:1200px;
	}
	#a-box{
		width: 50%;
	}
}

@-webkit-keyframes fInR {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fInR {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes glint { 0% { background-color: rgba(255,255,255,0.4); } 100% { width: 100%;background-color: rgba(255,255,255,0); } }
@-webkit-keyframes glint { 0% { background-color: rgba(255,255,255,0.4); } 100% { width: 100%;background-color: rgba(255,255,255,0); } }
@-webkit-keyframes pulse{from{ -webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%{ -webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
15%{ -webkit-transform:scale3d(0.90,0.90,0.90);transform:scale3d(0.90,0.90,0.90)}40%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes pulse{from{transform:scale3d(1,1,1)}10%{transform:scale3d(1.05,1.05,1.05)}
15%{transform:scale3d(0.90,0.90,0.90)}40%{transform:scale3d(1,1,1)}to{transform:scale3d(1,1,1)}
}
@-webkit-keyframes pulseSmooth{0%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}33.3333%{-webkit-transform:translate3d(0,0,0) scale(1.1);transform:translate3d(0,0,0) scale(1.1)}66.6666%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}100%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}}@keyframes pulseSmooth{0%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}33.3333%{-webkit-transform:translate3d(0,0,0) scale(1.1);transform:translate3d(0,0,0) scale(1.1)}66.6666%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}100%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}}
.pulse{
	animation-iteration-count: infinite;
    animation-duration: 2s;
    animation-name: pulse;
	-webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 2s;
    -webkit-animation-name: pulse;
}
.pulse-once{
	animation-iteration-count: 1;
    animation-duration: 3s;
    animation-name: pulse;
	-webkit-animation-iteration-count: 1;
    -webkit-animation-duration: 3s;
    -webkit-animation-name: pulse;
}
.pulse-once-smooth{
	animation-iteration-count: 1;
    animation-duration: 2s;
    animation-name: pulseSmooth;
	-webkit-animation-iteration-count: 1;
    -webkit-animation-duration: 2s;
    -webkit-animation-name: pulseSmooth;	
}
@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}
.sAnim{
	animation:  bounce 1.4s ease-out 7 forwards;
	-webkit-animation:  bounce 1.4s ease-out 7 forwards;
}
@keyframes blink {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@-webkit-keyframes blink {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
#st-pay, #stopformwrapper{
	display:none;
	text-align:center;
	padding: 20px 0;
}
#st-pay form {
	display: inline-block;
  width: 30vw;
  min-width: 500px;
  align-self: center;
  /*box-shadow: 0px 0px 0px 0.5px rgba(50, 50, 93, 0.1),
    0px 2px 5px 0px rgba(50, 50, 93, 0.1), 0px 1px 1.5px 0px rgba(0, 0, 0, 0.07);
  border-radius: 7px;*/
  padding: 20px;
}

#st-pay .hidden {
  display: none;
}

#st-pay #payment-message {
  color: rgb(105, 115, 134);
  font-size: 16px;
  line-height: 20px;
  padding-top: 12px;
  text-align: center;
}

#st-pay #payment-element {
  margin-bottom: 24px;
}

/* Buttons and links */
#st-pay button {
  background: #00703c;
  font-family: inherit;
  color: #ffffff;
  border-radius: 4px;
  border: 0;
  padding: 12px 16px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  display: block;
  transition: all 0.2s ease;
  box-shadow: 0px 4px 5.5px 0px rgba(0, 0, 0, 0.07);
  width: 100%;
}
#st-pay button:hover {
  filter: contrast(115%);
}
#st-pay button:disabled {
  opacity: 0.5;
  cursor: default;
}

/* spinner/processing state, errors */
.spinner,
.spinner:before,
.spinner:after {
  border-radius: 50%;
}
.spinner {
  color: #ffffff;
  font-size: 22px;
  text-indent: -99999px;
  margin: 0px auto;
  position: relative;
  width: 20px;
  height: 20px;
  box-shadow: inset 0 0 0 2px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.spinner:before,
.spinner:after {
  position: absolute;
  content: "";
}
.spinner:before {
  width: 10.4px;
  height: 20.4px;
  background: #5469d4;
  border-radius: 20.4px 0 0 20.4px;
  top: -0.2px;
  left: -0.2px;
  -webkit-transform-origin: 10.4px 10.2px;
  transform-origin: 10.4px 10.2px;
  -webkit-animation: loading 2s infinite ease 1.5s;
  animation: loading 2s infinite ease 1.5s;
}
.spinner:after {
  width: 10.4px;
  height: 10.2px;
  background: #5469d4;
  border-radius: 0 10.2px 10.2px 0;
  top: -0.1px;
  left: 10.2px;
  -webkit-transform-origin: 0px 10.2px;
  transform-origin: 0px 10.2px;
  -webkit-animation: loading 2s infinite ease;
  animation: loading 2s infinite ease;
}

@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@media only screen and (max-width: 600px) {
  #st-pay form {
    width: 80vw;
    min-width: initial;
  }
}