.applepayhead {
    width: 100%;
    height: 520px;
}

.applepayhead .inner {
    padding: 7% 40px 0px 170px;
    font-size: 18px;
    color: #6d6e71;
    line-height: 22px;
}

.applepayhead .inner h3 {
    font-size: 23px;
    color: #000;
}

.applepayhead .left {
    float: left;
    width: 50%;
    height: 100%;
    background-color: #ebebeb;
}

.applepayhead .right {
    float: right;
    width: 50%;
    height: 100%;
    background-color: #e5e5e5;
}

.applepayhead .right img {
    padding: 7% 0px 0px 35px;
}

.applepay_pkts li {
    list-style-image: url(/themes/mobi-corp/img/pays/pkts.png);
    margin-left: -10px;
}

.applepay-mobi-easy {
    padding-top: 30px;
}

.applepay_howitworks {
    padding-top: 40px !important;
}

.applepay_integration,
.applepay_steps,
.applepay_direct {
    font-size: 50px !important;
    padding: 55px 0 !important;
    text-align: center !important;
}

.applepay_howitworks_table {
    width: 90%;
    height: 380px;
    padding-top: 20px;
}

.applepay_howitworks_table .hiw {
    float: left;
    width: 33%;
    height: 100%;
    text-align: center;
}

.applepay_howitworks_table .hiw p {
    margin: 0;
}

.applepay_title {
    font-size: 25px;
    color: #000;
    font-weight: normal;
    margin: 1.4em 0;
    line-height: normal;
}

span.yel,
.steplink,
.steplink a {
    color: #ffb705;
}

p.step,
p.code {
    margin-left: 40px !important;
}

p.code {
    color: #000;
}

.applepay_tbl {
    width: 100%;
    height: 420px;
}

.applepay_tbl .colmn {
    float: left;
    width: 50%;
    height: 100%;
}

.applepay_tbl .colmn p.step,
.applepay_tbl .colmn p.code {
    padding-bottom: 15px;
}

.googlepay-button-img {
    padding: 100px 0 0 80px;
}

.googlepay_code_tbl {
    width: 100%;
    border: 1px solid #ddd;
    margin-bottom: 50px;
    overflow-x: scroll;
    display: block;
}

.googlepay_code_tbl td:nth-child(1) {
    background-color: #f5f5f5;
    font-size: 16px;
    width: 5%;
    text-align: right;
    border-right: 1px solid #ddd;
    padding: 1px 4px 1px 25px;
}

.googlepay_code_tbl td:nth-child(2) {
    background-color: #fff;
    font-family: monospace;
    font-size: 14px;
    color: #003068;
    width: 95%;
}

.googlepay_code_tbl .cop1 {
    padding-left: 30px;
}

.googlepay_code_tbl .cop2 {
    padding-left: 60px;
}

.googlepay_code_tbl .cop3 {
    padding-left: 90px;
}

.googlepay_code_tbl .cop4 {
    padding-left: 120px;
}

.googlepay_code_nowrap {
    white-space: nowrap;
}

.payhead {
    width: 100%;
    height: 900px;
}

.payhiw {
    width: 100%;
    height: 560px;
}

.paytrans {
    width: 100%;
    height: 670px;
}

.payhead .left,
.paytrans .left,
.payhiw .left {
    float: left;
    width: 50%;
    height: 100%;
    background-color: #ffbe00;
}

.pay-tbl-google .left,
.pay-tbl-apple .right {
    width: 60% !important;
}

.pay-tbl-google .right,
.pay-tbl-apple .left {
    width: 40% !important;
}

.payhead .right,
.paytrans .right,
.payhiw .right {
    float: right;
    width: 50%;
    height: 100%;
    background-color: #ffb500;
}

.paytrans .left {
    background-color: #ebebeb;
}

.paytrans .right {
    background-color: #e5e5e5;
}

.payhiw .left,
.payhiw .right {
    background-color: #fff;
}

.payhiw .slogan1,
.payhiw .arrow2,
.payhead .arrow1,
.paytrans .arrow3,
.payhead .slogan1,
.payhead .slogan2 {
    position: absolute;
    width: 100%;
    text-align: center;
}

.payhead .slogan2 {
    margin-top: 785px;
}

.payhead .slogan1,
.payhiw .slogan1 {
    padding: 1.5% 0;
}

.payhead .arrow1 {
    margin-left: 1px;
    margin-top: 380px;
}

.payhiw .arrow2,
.paytrans .arrow3 {
    margin-left: 1px;
    margin-top: 310px;
}

.payhead .slogan2 h3 {
    font-size: 34px;
    color: #000;
    font-weight: normal;
}

.payhead .slogan1 h2,
.payhiw .slogan1 h2 {
    font-size: 52px;
    font-weight: normal;
    margin: 0.3em 0;
}

.payhead .slogan1 h2:nth-child(1) {
    color: #000;
}

.payhead .slogan1 h2:nth-child(2) {
    color: #fff;
}

.payhead .left .inner,
.payhiw .left .inner {
    padding: 210px 8px 0px 170px;
    font-size: 15px;
    color: #ae7100;
    line-height: 22px;
    text-align: center;
}

.payhead .right .inner,
.payhiw .right .inner {
    padding: 210px 170px 0 0;
    font-size: 15px;
    color: #ae7100;
    line-height: 22px;
    text-align: center;
}

.payhiw .left .inner,
.payhiw .right .inner {
    padding-top: 140px;
}

.payhead .button {
	display: inline-block;
	line-height: 50px;
	padding: 0 50px;
	border: 3px solid #fff;
	transition: all 0.3s ease;
	-moz-border-radius: 27px;
	-webkit-border-radius: 27px;
	border-radius: 27px;
    font-size: 20px;
    color: #fff;
}

.payhead .button:hover {
	text-decoration: none;
	color: #313131;
	background-color: #ffffff;
}

.pay-tbl-google .left img,
.pay-tbl-apple .right img {
    margin-top: 30%;
}

.pay-tbl-google .left p,
.pay-tbl-apple .right p {
    font-size: 25px;
	line-height: 30px;
    color: #6d6e72;
    margin-top: 2px;
}

.payhiw .left .inner,
.paytrans .left .inner {
    width: 67%;
    float: right;
    padding-right: 45px;
}

.payhiw .right .inner,
.paytrans .right .inner {
    width: 67%;
    float: left;
    padding-left: 45px;
}

.paytrans .left .inner,
.paytrans .right .inner {
    width: 67%;
}

.paytrans .inner h3 {
    padding-top: 40px;
    font-size: 25px;
	line-height: 30px;
    font-weight: normal;
}

.paytrans .inner p {
    color: #797b7d;
}

.paytrans .left .inner h3,
.paytrans .left .inner p {
    text-align: right;
    float: right;
    width: 75%;
    padding-right: 60px;
}

.paytrans .right .inner h3,
.paytrans .right .inner p {
    width: 75%;
    padding-left: 60px;
}

.paytrans .inner h3 {
    margin-bottom: 2px;
}

.paytrans .inner {
    height: 252px;
}

.paytrans .right img {
    padding: 0 0 0 40px;
}

.paytrans .left img {
    float: right;
    padding: 4px 40px 0 0;
}

.paysuccess {
    width: 100%;
    text-align: center;
    height: 570px;
    background-color: #fff;
}

.paysuccess img {
    padding-top: 20px;
}

.paysuccess h2 {
    padding-top: 30px;
    color: #ffb500;
    font-size: 52px;
    font-weight: normal;
    margin: 0.3em 0;
}

.pays main {
    padding-bottom: 0;
}

.pays {
    padding-bottom: 138px;
}

.pays-feedback {
    background-color: #ffb400;
}

.pays-feedback, .request-inline {
	font-family: 'casper';
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 60px 17% 96px;
	text-align: center;
}
.pays-feedback .title, .request-inline .title {
	font-size: 50px;
	line-height: 100%;
	color: #ffffff;
	margin: 0 0 56px 0;
	padding: 0;
}
.pays-feedback a.close, .request-inline a.close {
	position: absolute;
	width: 54px;
	height: 54px;
	line-height: 54px;
	right: 40px;
	top: 30px;
	border: 2px solid #d69a0a;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer;
}
.pays-feedback a.close:hover, .request-inline a.close:hover {
	opacity: 0.6;
}
.pays-feedback form, .request-inline form {
	position: relative;
}
.pays-feedback .item, .request-inline .item {
	position: relative;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 8px;
	width: 50%;
	float: left;
}
.pays-feedback .item.fill, .request-inline .item.fill {
	width: 100%;
}
.pays-feedback .item.c4, .request-inline .item.c4 {
	width: 25%;
}
.pays-feedback .item.captcha, .request-inline .item.captcha {
	overflow: hidden;
	height: 88px;
	width: auto;
	white-space: nowrap;
}
.pays-feedback .item.captcha img, .request-inline .item.captcha img {
	display: inline-block;
	height: 100%;
	width: auto;
	vertical-align: middle;
}
.pays-feedback .item.captcha .form-element, .request-inline .item.captcha .form-element {
	padding-left: 330px;
}
.pays-feedback .item.captcha-field, .request-inline .item.captcha-field {
	float: none;
	width: auto;
	overflow: hidden;
}
.pays-feedback .form-element, .request-inline .form-element {
	position: relative;
	font-family: 'casper';
	font-size: 20px;
	color: #313131;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 1px solid #eaeaea;
	background: #eaeaea;
	z-index: 3;
}
.pays-feedback .form-element:focus, .request-inline .form-element:focus {
	background: #ffffff;
	border: 1px solid #6d6e71;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}
.pays-feedback .form-element:focus + .req, .request-inline .form-element:focus + .req {
	color: #ffb400;
}
.pays-feedback .form-element.has_value, .request-inline .form-element.has_value {
	background: #ffffff;
}
.pays-feedback .form-element.error, .request-inline .form-element.error {
	background: #ffe5e5;
}
.pays-feedback .form-element + .req, .request-inline .form-element + .req {
	font-size: 20px;
	font-family: Tahoma;
	color: #3f4042;
	position: absolute;
	right: 26px;
	top: 36px;
	z-index: 5;
}
.pays-feedback .form-element-prefix, .request-inline .form-element-prefix {
	position: absolute;
	font-size: 20px;
	z-index: 10;
	left: 38px;
	top: 33px;
}
.pays-feedback .form-element-prefix + .form-element, .request-inline .form-element-prefix + .form-element {
	padding-left: 60px;
}
.pays-feedback input, .request-inline input {
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
	/*height: 72px;
  line-height: 32px;*/
	padding: 24px 30px;
}
.pays-feedback textarea, .request-inline textarea {
	clear: both;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
	height: 200px;
	line-height: 24px;
	padding: 24px 30px;
	resize: none;
}
.pays-feedback button, .request-inline button {
	clear: both;
	display: inline-block;
	font-size: 20px;
	line-height: 64px;
	background: #313131;
	color: #ffb400;
	border: 0;
	padding: 0 45px;
	margin-top: 24px;
	-moz-border-radius: 32px;
	-webkit-border-radius: 32px;
	border-radius: 32px;
}
.pays-feedback button:hover, .request-inline button:hover {
	border: 3px solid #ffffff;
	background: no-repeat;
	color: #ffffff;
	line-height: 58px;
}
.pays-feedback .msg, .request-inline .msg {
	position: absolute;
	left: 8px;
	bottom: 50px;
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
	padding-left: 50px;
	background: url(../img/icons/warning.png) 0 0 no-repeat;
	/* retina */
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.pays-feedback .msg, .request-inline .msg {
		background: url(../img/icons@2x/warning.png) 0 0 no-repeat;
		background-size: 34px 31px;
	}
}

.request-inline {
	background: #ffb400;
}

@media only screen and (min-width: 1300px) {
	.request {
		margin-left: 20px;
	}
}
@media only screen and (max-width: 1279px) {
	.pays-feedback, .request-inline {
		padding: 60px 70px 96px;
	}
}
@media only screen and (max-width: 768px) {
	.pays-feedback .title, .request-inline .title {
		font-size: 40px;
		line-height: 100%;
	}
	.pays-feedback .form-element, .request-inline .form-element {
		font-size: 16px;
	}
	.pays-feedback .form-element + .req, .request-inline .form-element + .req {
		top: 29px;
	}
	.pays-feedback .form-element-prefix, .request-inline .form-element-prefix {
		top: 27px;
		font-size: 16px;
	}
	.pays-feedback .form-element-prefix + .form-element, .request-inline .form-element-prefix + .form-element {
		padding-left: 55px;
	}
	.pays-feedback input, .request-inline input {
		/*line-height: 55px;*/
		padding: 18px 30px;
	}
	.pays-feedback textarea, .request-inline textarea {
		padding: 18px 30px;
	}
	.pays-feedback .msg, .request-inline .msg {
		position: relative;
		bottom: auto;
		text-align: left;
		margin-top: 20px;
		background: url(../img/icons/warning.png) 0 0 no-repeat;
	}
	.pays-feedback .item.captcha, .request-inline .item.captcha {
		height: 72px;
	}
	.pays-feedback .item.captcha .form-element, .request-inline .item.captcha .form-element {
		padding-left: 260px;
	}
}
@media only screen and (max-width: 700px) {
	.request {
		display: none;
	}

	.pays-feedback, .request-inline {
		padding: 60px 16px;
		height: auto !important;
	}
	.pays-feedback .title, .request-inline .title {
		font-size: 30px;
		margin: 0 0 20px 0;
	}
	.pays-feedback a.close, .request-inline a.close {
		right: 20px;
		top: 20px;
	}
	.pays-feedback form, .request-inline form {
		position: relative;
	}
	.pays-feedback .item, .request-inline .item {
		width: 100%;
		float: none;
		clear: both;
	}
	.pays-feedback .item.c4, .request-inline .item.c4 {
		width: 100%;
	}

	.mobile-menu .request, .mobile-menu .request:hover {
		font-size: 14px;
		line-height: 56px;
		padding: 0 25px;
		-moz-border-radius: 28px;
		-webkit-border-radius: 28px;
		border-radius: 28px;
	}
}

@media only screen and (max-width: 1660px) {
    .payhead {
        height: 800px;
    }
    .payhead .slogan2 {
        margin-top: 700px;
    }
    .payhead .inner img {
        width: 82%;
    }
    .paytrans .inner h3 {
        padding-top: 15px;
    }
}

@media only screen and (max-width: 1440px) {
    .arrow1 {
        margin-top: 250px;
    }
    .arrow2 {
        margin-top: 220px;
    }
    .payhead {
        height: 700px;
    }
    .payhead .slogan2 {
        margin-top: 600px;
    }
    .payhead .inner img {
        width: 72%;
    }
    .payhead .left .inner img {
        padding-top: 5px;
    }
    .payhiw {
        height: 500px;
    }
    .pay-tbl-google .right img {
        width: 76.5%;
    }
    .pay-tbl-apple .left img {
        width: 80%;
    }
    .paytrans .left img,
    .paytrans .right img {
        width: 70%;
    }
    .payhiw .arrow2 {
        margin-top: 210px;
    }
    .paytrans .right .inner h3,
    .paytrans .right .inner p,
    .paytrans .left .inner h3,
    .paytrans .left .inner p {
        width: 95%
    }
    .applepay_howitworks_table {
        width: 100%;
    }
    .applepay_howitworks_table img {
        width: 92%;
    }
    .paytrans .right img,
    .paytrans .left img {
        padding-top: 40px;
    }
    .phone_inner p {
        font-size: 23px !important;
    }
    .payhiw .left .inner,
    .payhiw .right .inner {
        width: 70%;
    }
}

@media only screen and (max-width: 1280px) {
    .applepayhead .left .inner {
        padding-left: 70px;
    }
    .applepayhead .right img {
        width: 82%;
    }
    .paytrans {
        height: 620px;
    }
    .payhiw .left .inner,
    .payhiw .right .inner {
        width: 78%;
    }
}

@media only screen and (max-width: 1200px) {
    .payhead .left .inner {
        padding-left: 60px;
    }
    .payhead .right .inner {
        padding-right: 60px;
    }
    .payhead .slogan2 h3 {
        font-size: 30px;
    }
    .payhiw .left .inner,
    .payhiw .right .inner {
        width: 70%;
        padding-top: 140px;
    }
    .paytrans .left .inner,
    .paytrans .right .inner {
        width: 76%;
    }
    .applepay_howitworks_table img {
        width: 80%;
    }
    .applepay_tbl {
        height: 450px;
    }
    .payhiw .left .inner,
    .payhiw .right .inner {
        width: 82%;
    }
    .phone_inner p {
        font-size: 22px !important;
    }
}

@media only screen and (max-width: 1000px) {
    .payhead,
    .payhiw,
    .paytrans,
    .paysuccess,
    .applepayhead,
    .applepay_tbl {
        height: auto;
    }
    .arrow1,
    .arrow2,
    .arrow3 {
        display: none !important;
    }
    .payhead .left,
    .payhead .right,
    .payhiw .left,
    .payhiw .right,
    .paytrans .left,
    .paytrans .right,
    .applepayhead .left,
    .applepayhead .right {
        width: 100%;
        float: none;
        height: auto;
    }
    .payhead .left .inner,
    .payhead .right .inner,
    .payhiw .left .inner,
    .payhiw .right .inner,
    .paytrans .left .inner,
    .paytrans .right .inner {
        padding: 200px 20px 20px 20px;
    }
    .payhiw .left .inner,
    .payhiw .right .inner {
        float: none;
        width: 96%;
        padding-top: 120px;
    }
    .payhiw .right .inner {
        padding-top: 20px;
    }
    .payhiw .pay-tbl-google .left img,
    .payhiw .pay-tbl-apple .right img {
        margin-top: 0;
    }
    .payhead .left .inner {
        padding-bottom: 40px;
    }
    .payhead .right .inner {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .payhead .slogan2 {
        position: relative;
        margin: 0;
        background-color: #ffb500;
        padding: 20px 0 40px 0;
    }
    .payhead .slogan2 h3 {
        padding: 0;
        margin: 0;
        font-size: 28px;
    }
    .pay-tbl-google .right img,
    .pay-tbl-apple .left img {
        width: auto;
    }
    .paytrans .left .inner,
    .paytrans .right .inner {
        float: none;
        width: 96%;
        padding-top: 50px;
    }
    .paytrans .left .inner h3,
    .paytrans .right .inner h3,
    .paytrans .left .inner p,
    .paytrans .right .inner p {
        text-align: center;
        float: none;
        width: 96%;
        padding: 0;
        margin: 0;
    }
    .paytrans .left img,
    .paytrans .right img {
        width: auto;
        float: none;
        padding: 0 0 40px 0;
        margin: 0;
    }
    .paytrans .left,
    .paytrans .right {
        text-align: center;
    }
    .paytrans .inner {
        height: auto;
    }
    .paysuccess img {
        padding-bottom: 40px;
    }
    .applepayhead .left .inner {
        padding: 40px 70px 40px 70px;
    }
    .applepayhead .right {
        text-align: center;
    }
    .applepayhead .right img {
        width: auto;
        padding: 40px 70px 40px 70px;
    }
    .applepay_tbl .colmn {
        width: 100%;
        float: none;
        text-align: left;
    }
    .applepay_tbl .colmn img {
        padding: 30px 0;
    }
    .pay-tbl-google,
    .pay-tbl-apple {
        height: 400px !important;
    }
    .pay-tbl-google .right,
    .pay-tbl-apple .left {
        width: 50% !important;
        float: left;
        height: 100%;
        text-align: right;
    }
    .pay-tbl-google .left,
    .pay-tbl-apple .right {
        width: 50% !important;
        float: right;
        height: 100%;
    }
    .pay-tbl-apple .left {
        float: right;
        text-align: left;
    }
    .pay-tbl-apple .right {
        float: left;
    }
    .pay-tbl-apple .phone_inner {
        float: right;
    }
    .pay-tbl-google .left img,
    .pay-tbl-apple .right img {
        padding-top: 110px;
    }
    .applepay_howitworks_table {
        height: 330px;
    }
    .phone_inner {
        width: 73%;
    }
    .pay-tbl-google .right img {
        padding-right: 14%;
    }
    .pay-tbl-apple .left img {
        padding-left: 14%;
    }
    .paytrans .inner h3 {
        margin-bottom: 1em !important;
    }
}

@media only screen and (max-width: 700px) {
    .payhead .slogan1 h2 {
        font-size: 45px;
    }
    .payhead .slogan2 h3 {
        font-size: 22px;
    }
    .paysuccess img,
    .paytrans img {
        width: 80% !important;
    }
    .applepayhead .left .inner {
        padding: 20px 24px 20px 24px;
    }
    .applepayhead .right img {
        width: 65%;
    }
    .applepay_howitworks_table {
        height: auto;
    }
    .applepay_howitworks_table .hiw {
        float: none;
        width: 100%;
        text-align: center;
    }
    .applepay_howitworks_table .hiw img {
        width: auto;
    }
    .pay-tbl-google .right img,
    .pay-tbl-apple .left img {
        width: 52%;
    }
    .pay-tbl-google .right img {
        padding-right: 20%;
    }
    .pay-tbl-apple .left img {
        padding-left: 20%;
    }
    .pay-tbl-google .left img,
    .pay-tbl-apple .right img {
        padding-top: 18%;
    }
    .pay-tbl-google,
    .pay-tbl-apple {
        height: 310px !important;
    }
    .phone_inner {
        width: 94%;
    }
    h2 {
        line-height: normal !important;
    }
}

@media only screen and (max-width: 580px) {
    .phone_inner p {
        font-size: 19px !important;
    }
    .payhead .slogan1 h2 {
        font-size: 38px;
    }
}

@media only screen and (max-width: 480px) {
    .payhead .slogan1 h2,
    .payhiw .slogan1 h2,
    .paysuccess h2 {
        font-size: 36px;
    }
    .payhead .slogan2 h3 {
        font-size: 18px;
    }
    .pay-tbl-google p,
    .pay-tbl-apple p {
        font-size: 18px !important;
    }
    .payhead .button {
        padding: 0 20px;
        font-size: 16px;
    }
    .applepay_integration,
    .applepay_steps,
    .applepay_direct {
        font-size: 38px !important;
    }
    .pay-tbl-google .right img,
    .pay-tbl-apple .left img {
        width: 70%;
    }
    .phone_inner {
        width: 100%;
    }
    .pay-tbl-google,
    .pay-tbl-apple {
        height: 250px !important;
    }
    .pay-tbl-google .left p,
    .pay-tbl-apple .right p {
        padding-right: 18px;
    }
    .pay-tbl-google .right,
    .pay-tbl-apple .left {
        text-align: center;
    }
    .pay-tbl-google .left,
    .pay-tbl-apple .right {
        width: 58% !important;
    }
    .pay-tbl-google .right,
    .pay-tbl-apple .left {
        width: 42% !important;
    }
    .pay-tbl-google .right img {
        padding-right: 0;
    }
    .pay-tbl-apple .left img {
        padding-left: 0;
    }
}

@media only screen and (max-width: 390px) {
    .phone_inner p {
        font-size: 16px !important;
    }
}

@media only screen and (max-width: 370px) {
    .applepay_howitworks_table .hiw img {
        width: 80%;
    }
    .pay-tbl-google,
    .pay-tbl-apple {
        height: 200px !important;
    }
    .phone_inner p {
        font-size: 14px !important;
    }
}

.qr-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0 170px;
}

.qr-head {
    background-color: #f1f1f1;
    color: #ffb400;
    font-size: 3.47rem;
    padding: 70px 170px 20px 167px;
    background: rgb(241,241,241);
    background: linear-gradient(180deg, rgba(241,241,241,1) 0%, rgba(241,241,241,1) 0%, rgba(243,243,243,1) 100%);
}

.qr-smalltitle {
    padding: 90px 170px 60px 170px;
    font-size: 2.5rem;
    background-color: #fff;
    color: #000;
}

.qr-container h3 {    
    color: #6d6e71;
    font-size: 1.75rem;
}

.qr-first {
    background-color: #f1f1f1;
    color: #6d6e71;
    background: rgb(241,241,241);
    background: linear-gradient(180deg, rgba(241,241,241,1) 0%, rgba(243,243,243,1) 0%, rgba(255,255,255,1) 100%);
}

.qr-first .right img {
    padding-left: 50px;
}

.qr-container p {
    font-size: 17px;
}

.qr-container .step li {
    font-size: 17px;
    margin: 30px 0;
}

.qr-title {
    background-color: #fff;
    color: #000;
    font-size: 3.45rem;
    padding: 50px 170px 80px 170px;
    text-align: center;
}

.qr-second {
    background-color: #ffb400;
    align-items: start;
    padding-bottom: 50px;
}

.qr-second .first,
.qr-second .second,
.qr-second .third {
    text-align: center;
    padding: 0 40px;
}

.qr-second .first .icon {
    background-image: url(/themes/mobi-corp/img/pays/icons_qr.png);
    width: 112px;
    height: 112px;
    background-repeat: no-repeat;
    background-position: 0 0;
    margin: 62px 0 30px 0;
}

.qr-second .second .icon {
    background-image: url(/themes/mobi-corp/img/pays/icons_qr.png);
    width: 112px;
    height: 112px;
    background-repeat: no-repeat;
    background-position: -113px 0;
    margin: 62px 0 30px 0;
}

.qr-second .third .icon {
    background-image: url(/themes/mobi-corp/img/pays/icons_qr.png);
    width: 112px;
    height: 112px;
    background-repeat: no-repeat;
    background-position: -226px 0;
    margin: 62px 0 30px 0;
}

.qr-second .text p,
.qr-fifth .text p {
    font-size: 16px;
}

.qr-second .first,
.qr-second .second,
.qr-second .third,
.qr-fifth .first,
.qr-fifth .second,
.qr-fifth .third {
    width: 33%;
}

.qr-second .text .title {
    font-size: 1.45rem;
}

.qr-third .icon-first,
.qr-third .icon-second,
.qr-fourth .icon-first,
.qr-fourth .icon-second {
    width: 12%;
}

.qr-third .text-first,
.qr-third .text-second,
.qr-fourth .text-first,
.qr-fourth .text-second {
    width: 38%;
    padding: 0 40px 0 30px;
}

.qr-third,
.qr-fourth {
    align-items: start;
    padding-bottom: 70px;
    color: #6d6e71;
}

.qr-third .icon-first .icon {
    background-image: url(/themes/mobi-corp/img/pays/icons_qr.png);
    width: 92px;
    height: 92px;
    background-repeat: no-repeat;
    background-position: -339px -10px;
    margin: 0;
}

.qr-third .icon-second .icon {
    background-image: url(/themes/mobi-corp/img/pays/icons_qr.png);
    width: 92px;
    height: 92px;
    background-repeat: no-repeat;
    background-position: -431px -10px;
    margin: 0;
}

.qr-third h3,
.qr-fourth h3 {
    margin-top: 0;
}

.qr-smalltitle-second,
.qr-fourth {
    background-color: #eaeaea;
}

.qr-fourth .icon-first .icon {
    background-image: url(/themes/mobi-corp/img/pays/icons_qr.png);
    width: 92px;
    height: 92px;
    background-repeat: no-repeat;
    background-position: -524px -10px;
    margin: 0;
}

.qr-fourth .icon-second .icon {
    background-image: url(/themes/mobi-corp/img/pays/icons_qr.png);
    width: 92px;
    height: 92px;
    background-repeat: no-repeat;
    background-position: -616px -10px;
    margin: 0;
}

.realization,
.qr-fifth {
    background-color: #fff;
}

.qr-fifth {
    align-items: start;
    padding-bottom: 90px;
}

.realization {
    padding: 70px 170px 50px 170px;
    font-size: 3.1rem;
}

.qr-fifth .logo-first,
.qr-fifth .logo-second {
    width: 100%;
    height: 180px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.qr-fifth .logo {
    width: 100%;
    height: 100%;
}

.qr-fifth .first,
.qr-fifth .second,
.qr-fifth .third {
    border-bottom: 1px solid #eee;
}

.qr-fifth .second {
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
}

.qr-fifth .text {
    color: #8b8b8b;
    text-align: center;
    width: 100%;
    height: 70px;
}

.qr-fifth .first .logo-first .logo {
    background-image: url(/themes/mobi-corp/img/pays/logo-prisma.png);
    background-repeat: no-repeat;
    background-position: center;
}

.qr-fifth .first .logo-second .logo {
    background-image: url(/themes/mobi-corp/img/pays/logo-lenta.png);
    background-repeat: no-repeat;
    background-position: center;
}

.qr-fifth .second .logo-first .logo {
    background-image: url(/themes/mobi-corp/images/partners/zsd_logo.png);
    background-repeat: no-repeat;
    background-position: center;
}

.qr-fifth .second .logo-second .logo {
    background-image: url(/themes/mobi-corp/img/pays/logo-alenka.png);
    background-repeat: no-repeat;
    background-position: center;
}

.qr-fifth .third .logo-first .logo {
    background-image: url(/themes/mobi-corp/img/pays/logo-burgerking.png);
    background-repeat: no-repeat;
    background-position: center;
}

.qr-fifth .third .logo-second .logo {
    background-image: url(/themes/mobi-corp/img/pays/logo-dixi.png);
    background-repeat: no-repeat;
    background-position: center;
}

.qr-fifth p {
    padding: 16px 0;
    margin: 0;
}

.qr-sixth {
    background-image: url(/themes/mobi-corp/img/v/25.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #fff;
    padding: 40px 240px;
    text-align: center;
}

.qr-sixth p {
    margin: 28px 0 0 0;
}

.qr-sixth h2 {
    font-weight: normal;
    font-size: 1.36rem;
}

.qr-sixth .content-yellow-button {
    font-size: 18px;
    margin: 32px 10px 20px 10px;
}

@media only screen and (max-width: 1279px) {
    .qr-head,
    .qr-container,
    .qr-title,
    .qr-smalltitle,
    .qr-sixth {
        padding-left: 70px;
        padding-right: 70px;
    }
}

@media only screen and (max-width: 1200px) {
    .qr-sixth .qr-container {
        padding: 0;
    }
}

@media only screen and (max-width: 900px) {
    .qr-first .left {
        width: 62%;
    }
    .qr-first .right {
        width: 38%;
    }
    .qr-first .right img {
        width: 78%;
    }
}

@media only screen and (max-width: 820px) {
    .qr-fifth .text {
        height: 100px;
    }
}

@media only screen and (max-width: 740px) {
    .qr-head,
    .qr-container,
    .qr-title,
    .qr-smalltitle,
    .qr-sixth {
        padding-left: 24px;
        padding-right: 24px;
    }
    .qr-container {
        flex-direction: column;
    }
    .qr-first {
        flex-direction: column-reverse;
    }
    .qr-container .left,
    .qr-container .right,
    .qr-container .first,
    .qr-container .second,
    .qr-container .third,
    .qr-container .text,
    .qr-container .icon-first,
    .qr-container .icon-second {
        width: 100% !important;
        padding: 0 !important;
    }
    .qr-first .right,
    .qr-container .icon-first,
    .qr-container .icon-second {
        text-align: center !important;
    }
    .qr-first .right img {
        width: 20%;
        padding: 15px 0;
    }
    .qr-title {
        font-size: 3rem;
    }
    .qr-smalltitle {
        padding-top: 60px;
        padding-bottom: 40px;
    }
    .qr-fifth .text {
        height: 70px;
    }
    .qr-fifth .second {
        border-right: none;
        border-left: none;
        border-bottom: none;
    }
    .qr-fifth .first {
        border-bottom: none;
    }
    .qr-sixth .content-yellow-button {
        margin: 20px 10px 10px 10px;
    }
    .qr-fifth .logo {
        max-width: 100% !important;
    }
}

@media only screen and (max-width: 560px) {
    .qr-head {
        font-size: 2.4rem;
    }
    .qr-title,
    .qr-smalltitle {
        font-size: 2rem;
    }
}

.card-top {
    background-image: url(/themes/mobi-corp/img/card/bg_top.png);
    background-repeat: repeat-x;
    background-position: top;
    background-color: #fff;
    padding-bottom: 70px;
}

.line-top {
    height: 58px;
    background-image: url(/themes/mobi-corp/img/card/line_top.png);
    background-repeat: no-repeat;
    background-position: top right;
}

.line-bottom {
    height: 23px;
    background-image: url(/themes/mobi-corp/img/card/line_down.png);
    background-repeat: no-repeat;
    background-position: bottom left;
}

.card-top-img {
    padding-left: 10px;
}

.card-head {
    color: #ffb400;
    font-size: 3.47rem;
}

.card-first {
    padding-top: 20px;
}

.card-top h3 {
    color: #000;
    padding: 12px 0 20px 0;
}

.card-ul {
    color: #6d6e71;
}

.card-yellow-button {
    margin: 40px 20px 20px 20px;
    font-size: 1.12rem;
}

.card-request {
    background-color: #ffb400;
}

.card-title {
    background-color: #ffb400;
    color: #000;
    font-size: 3.45rem;
    padding: 50px 170px 30px 170px;
    text-align: center;   
}

.card-request .title {
    font-size: 1.45rem;
    color: #473e2f;
    padding: 20px 0 10px 0;
}

.card-request input {
    font-size: 1.5rem;
    border: 0px;
    background-color: #fff;
    margin: 10px;
    width: 92%;
}

.card-input {
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #eda700;
}

.card-form {
    width: 32%;
    margin: 0 auto 40px auto;
}

.card-offer {
    width: 33%;
    margin: 0 auto 30px auto;
    text-align: center;
}

.card-footer {
    background-color: #eaeaea;
}

.card-copyright {
    color: #6d6e71;
    padding: 40px 170px 50px 170px;
}

.content-black-button {
    margin: 40px auto;
    padding: 20px;
    border-radius: 40px;
    border: 1px solid #000;
    width: 170px;
    text-align: center;
    background-color: #000;
    cursor: pointer;
    color: #fff;
    font-size: 1.2rem;
}

.card-offer a {
    text-decoration: underline;
}

.card-ul {
    padding-bottom: 5px;
}

.card-msg {
    text-align: center;
    padding: 50px 0 90px 0 !important;
    position: absolute;
    width: 100%;
}

.card-msg-inner {
    padding: 0 10px;
    font-size: 1.65rem;
}

#preloader {
    text-align: center;
    position: absolute;
    margin: 50px 0;
    width: 100%;
}

.spinner {
    margin: 0 auto;
    width: 56px;
    height: 56px;
    display: grid;
    border-radius: 50%;
    -webkit-mask: radial-gradient(farthest-side,#0000 40%,#000000 41%);
    background: linear-gradient(0deg ,rgba(0,0,0,0.5) 50%,rgba(0,0,0,1) 0) center/4.5px 100%,
        linear-gradient(90deg,rgba(0,0,0,0.25) 50%,rgba(0,0,0,0.75) 0) center/100% 4.5px;
    background-repeat: no-repeat;
    animation: spinner-d3o0rx 1s infinite steps(12);
}

.spinner::before,
.spinner::after {
   content: "";
   grid-area: 1/1;
   border-radius: 50%;
   background: inherit;
   opacity: 0.915;
   transform: rotate(30deg);
}

.spinner::after {
   opacity: 0.83;
   transform: rotate(60deg);
}

.card-first h3 {
    font-size: 1.8rem;
}

@keyframes spinner-d3o0rx {
   100% {
      transform: rotate(1turn);
   }
}

.card-input.error {
    border: 4px solid red;
}

@media only screen and (max-width: 1400px) {
    .card-top-img {
        width: 100%;
    }
    .card-form {
        width: 40%;
    }
    .card-offer {
        width: 50%;
    }
}

@media only screen and (max-width: 1280px) {
    .card-form {
        width: 48%;
    }
    .card-title,
    .card-copyright {
        padding-left: 70px;
        padding-right: 70px;
    }
}

@media only screen and (max-width: 740px) {
    .card-first .right {
        text-align: center;
    }
    .card-top-img {
        width: 80%;
        margin: 40px 0 -20px 0;
    }
    .card-title,
    .card-copyright {
        padding-left: 24px;
        padding-right: 24px;
    }
    .card-offer,
    .card-form {
        width: 80%;
    }
}

@media only screen and (max-width: 640px) {
    .card-request input {
        width: 80%;
    }
}

@media only screen and (max-width: 460px) {
    .card-title,
    .card-head {
        font-size: 2.4rem;
    }
    .card-first h3 {
        font-size: 1.45rem;
    }
    .card-yellow-button {
        display: none;
    }
}