body{
	background:url(../img/bg.jpg) no-repeat;
    background-size:contain;
	background-position:0px 71px
}
body.pay{
	background-size:cover
}
h1{
	margin-top:22px;
	font-size:28px
}
h2,.h2{
	font-size:24px
}
h3,.h3{
	margin-top:14px;
	font-size:20px
}
p{margin:0!important}
header,.header-title,.header-title-pay,.header-form{
	margin-bottom:40px;
	background:#fff;
	box-shadow:0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%)
}
header img{
	max-width:100%
}
.header-title,.header-title-pay,.header-form{
	padding:22px 24px!important;
	border-radius:4px
}
.header-title-pay{
	padding:14px 24px 20px!important;
}
.cards .title{
	padding-bottom:14px
}
form{
	border:0
}
form input,form textarea{
	min-width:100%;
	border:0;
	border-radius:4px;
	background:#f0f0f0;
	margin-bottom:18px;
	padding:8px 16px
}
form .btn{
	background:#73a6c5!important;
	color:#fff!important
}
form .btn:hover{
	background:#6289b0!important
}
.error{
    color:#ff0000
}
footer{
	width:100%;
	bottom:0;
	background:#fff;
	box-shadow:0 -2px 4px -1px rgb(0 0 0 / 20%), 0 -4px 5px 0 rgb(0 0 0 / 14%), 0 -1px 10px 0 rgb(0 0 0 / 12%)
}
footer.pay{
	position:fixed
}
.footer-offset{
	padding-bottom:16px
}
@media (max-width:1399px){
    h1{
        margin-top:15px
    }
}
@media (max-width:1199px) and (min-width:992px){
	h1{
		margin-top:8px;
		margin-bottom:0
	}
	body{
		background-position:0px 56px
	}
}
@media (max-width:991px){
	body{
		background-position:0px 96px
	}
	h1{margin-top:25px}
}
@media (max-width:767px){
	body{
		background-size:auto;
		background-position:0px 66px
	}
	h1{margin-top:12px}
}
@media (max-width:575px){
	body{
	    background-attachment:fixed;
	    background-size:cover;
	    background-position:0px 67px
	
	}
	h1{margin-top:15px}
	header .col-sm-2,header .col-sm-10{
	    display:inline-block;
	}
	header .col-sm-2{
	    width:91px
	}
	header .col-sm-10{
	    width:calc(100% - 91px)
	}
}