html {height: 100%;}
body {display: flex;flex-direction: column;height: 100%;background-color: #ffffff;background-image: url(../images/main_bg.jpg);background-repeat: no-repeat;background-position: center center;background-size: cover;background-attachment: fixed;}
header {flex: 0 0 auto;}
.maincontent {flex: 1 0 auto;}
footer {flex: 0 0 auto;}
body {font-family:'PT Sans', Arial, Helvetica, sans-serif;color: rgba(35, 35, 35, 1);font-size: 16px;line-height: 1.2;}
p {margin-top: 0px;margin-bottom: 12px;padding: 0px;font-weight: normal;}
a:link, a:visited, a:active {font-family:'PT Sans', Arial, Helvetica, sans-serif;color: rgba(45, 87, 157, 1);text-decoration: underline;}
a:hover {cursor: pointer;color: rgba(45, 87, 157, 1);text-decoration: none;}
h1 {font-weight: normal;font-family:'PT Sans Bold', Arial, Helvetica, sans-serif;font-size: 24px;line-height: 1.2;padding: 0px;margin: 0px;}
h4 {font-weight: normal;font-family:'PT Sans Bold', Arial, Helvetica, sans-serif;font-size: 18px;line-height: 1.2;padding: 0px;margin: 0px;}

.bg_top_body {width: 100%;height: 350px;position: fixed;left: 0px;top: 0px;background-image: url(../images/bg_top_body.png);background-repeat: repeat-x;background-position: left bottom;}
.wrapcontent {margin: 0 auto;width: 840px;padding: 0px 20px 0px 20px;position: relative;z-index: 1;}

/*Header*/
.mainhead {display: flex;flex-wrap: nowrap;justify-content: space-between;align-items: center;padding-top: 30px}
.logo_ra {width: 262px;height: 60px;background-image: url(../images/logo_ra.svg);background-repeat: no-repeat;background-position: center center;background-size: 100%;}
.logo_udm {width: 135px;height: 60px;background-image: url(../images/logo_udm.png);background-repeat: no-repeat;background-position: center center;background-size: 100%;}
.logo_ra_text, A.logo_ra_text:active, A.logo_ra_text:visited, A.logo_ra_text:link {display: block;font-family:'RistrettoproSemibold', Arial, Helvetica, sans-serif;line-height: 1;font-size:18px;color: #000000;text-decoration: none;}
.logo_ra_text:hover {color: #000000;text-decoration: none;}
@media screen and (max-width:740px) {.logo_ra_text, A.logo_ra_text:active, A.logo_ra_text:visited, A.logo_ra_text:link {font-size:13px;}}

/*Content*/
.contentplate {width: 100%;min-height: 480px;background-color: rgba(255, 255, 255, 1);border-radius: 10px;margin: 90px 0px 0px 0px;}

.step1 {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.step1_content {text-align: center;padding: 40px;width: 100%;}
.step1_content h1 {margin: 0px 0px 35px 0px;text-align: center;}
.plateform_1 {width: 400px;position: relative;margin: 0 auto;}
.plateform_1 input {font-family:'PT Sans', Arial, Helvetica, sans-serif;line-height: 1.2;font-size: 16px;color: rgba(35, 35, 35, 1);padding: 0px 15px 0px 15px;width: 100%;height: 44px;border: 1px solid #cdd9e3;border-radius: 0px;text-align: center;margin: 0px 0px 15px 0px;}
.plateform_1 input:focus {outline: 0;}
.plateform_1 button {width: 100%;height: 50px;}
.contentplate button {display: flex;justify-content: center;align-items: center;text-align: center;text-decoration: none;font-family:'PT Sans', Arial, Helvetica, sans-serif;font-size: 18px;line-height: 1.2;color: rgba(255, 255, 255, 1);border: 0px;padding: 0px 0px 0px 0px;background-color: #2d579d;border-radius: 4px;-moz-transition: .5s all;-webkit-transition: .5s all;transition: .5s all;margin: 0px 0px 0px 0px;text-transform: uppercase;}
.contentplate button:hover {background-color: #1a3a7f;}

.plateform_2 {width: 100%;margin: 10px 0px 0px 0px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.plateform_2 input {width: 50% !important;font-family:'PT Sans', Arial, Helvetica, sans-serif;line-height: 1.2;font-size: 20px;color: rgba(35, 35, 35, 1);padding: 0px 15px 0px 15px;width: 100%;height: 44px;border: 1px solid #cdd9e3;border-radius: 0px;}
.plateform_2 input:focus {outline: 0;}
.plateform_2 button {width: 50%;height: 44px;border-radius: 0px 4px 4px 0px !important;margin: 0px !important;}
.plateform_2 input::-moz-placeholder {color: rgba(35, 35, 35, 1);opacity: 1;}
.plateform_2 input::-webkit-input-placeholder { color: rgba(35, 35, 35, 1);opacity: 1;}
.plateform_2 input:-ms-input-placeholder { color: rgba(35, 35, 35, 1);opacity: 1;}
.plateform_2 input::-ms-input-placeholder { color: rgba(35, 35, 35, 1);opacity: 1;}
.plateform_2 input::placeholder { color: rgba(35, 35, 35, 1);opacity: 1;}

.plateform_3 {width: 100%;margin: 12px 0px 0px 0px;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;}
.choice {width: 48%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;}
.choice p {font-size: 16px;color: #68737e;}

.manual {width: 60%;}
.manual p {font-size: 16px;color: #68737e;}
.manual h4 {padding: 20px 0px 12px 0px;}
.qrcode {width: 40%;text-align: right;display: flex;justify-content: flex-end;align-content: flex-start;}
.qrcodelink {display: block;width: 200px;height: 200px;position: relative;}
.qrcodelink .spb {width: 30px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.qrcodelink .qr {width: 200px;height: 200px;}

.button1, A.button1:active, A.button1:visited, A.button1:link {display: flex;justify-content: center;align-items: center;text-align: center;text-decoration: none;font-family:'PT Sans', Arial, Helvetica, sans-serif;font-size: 18px;line-height: 1.2;color: rgba(255, 255, 255, 1);border: 0px;padding: 0px 0px 0px 0px;background-color: #2d579d;border-radius: 4px;-moz-transition: .5s all;-webkit-transition: .5s all;transition: .5s all;margin: 5px 0px 0px 0px;text-transform: uppercase;width: 100%;height: 44px;}
A.button1:hover {background-color: #1a3a7f;text-decoration: none;}
.button2, A.button2:active, A.button2:visited, A.button2:link {display: flex;justify-content: center;align-items: center;text-align: center;text-decoration: none;font-family:'PT Sans', Arial, Helvetica, sans-serif;font-size: 18px;line-height: 1.2;color: rgba(255, 255, 255, 1);border: 0px;padding: 0px 0px 0px 0px;background-color: #2d579d;border-radius: 4px;-moz-transition: .5s all;-webkit-transition: .5s all;transition: .5s all;margin: 5px 0px 0px 0px;text-transform: uppercase;width: 100%;height: 50px;}
A.button2:hover {background-color: #1a3a7f;text-decoration: none;}

.step2 {display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;}
.contentplate_top {width: 100%;}
.contentplate_bottom {width: 100%;border-top: 1px solid #cdd9e3;padding: 20px 40px 20px 40px;margin: 50px 0px 0px 0px;display: flex;flex-wrap: nowrap;justify-content: space-between;align-items: center;}

.linkreturn, .linkforward {display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;}
.linkreturn, .linkforward,A.linkreturn:active, A.linkforward:active,A.linkreturn:visited, A.linkforward:visited,A.linkreturn:link, A.linkforward:link {font-size: 16px;color: #2d579d;text-decoration: none;}
A.linkreturn:hover, A.linkforward:hover {color: #2d579d;cursor: pointer;text-decoration: none;}

.linkreturn span, .linkforward span {display: block;width: 34px;height: 34px;border-radius: 100px;border: 2px solid #d9e2e9;-moz-transition: .5s all;-webkit-transition: .5s all;transition: .5s all;}
A.linkreturn:hover span, A.linkforward:hover span {border: 2px solid #2d579d;} 
.linkreturn span {margin: 0px 10px 0px 0px;background-image: url(../images/linkreturn.svg);background-repeat: no-repeat;background-position: center center;}
.linkforward span {margin: 0px 0px 0px 10px;background-image: url(../images/linkforward.svg);background-repeat: no-repeat;background-position: center center;}

.contentplate_title {width: 100%;padding: 45px 40px 30px 40px;text-align: center;}

.contentplate_property {width: 100%;padding: 25px 40px 25px 40px;background-color: #f0f3f6;display: flex;flex-wrap: nowrap;justify-content: space-between;align-items:flex-start;}
.property_data {display: flex;flex-wrap: nowrap;justify-content: flex-start;align-items:flex-start;}

.property {margin: 0px 50px 0px 0px;}
.property p {font-size: 14px;color:rgba(113, 124, 133, 0.7);margin-bottom: 2px;}
.property span {font-family:'PT Sans Bold', Arial, Helvetica, sans-serif;font-size: 20px;color: #2d579d;}

.property_but {width: 200px;min-width: 200px;}

.linkcopy {display: flex;justify-content: flex-start;align-items: center;text-decoration: none;font-family:'PT Sans', Arial, Helvetica, sans-serif;font-size: 14px;line-height: 1.2;color: #68737e;padding: 0px 5px 2px 38px;background-color: #d5dee6;border-radius: 4px;-moz-transition: .5s all;-webkit-transition: .5s all;transition: .5s all;width: 200px;height: 44px;background-image: url(../images/linkcopy_ico.svg);background-repeat: no-repeat;background-position: 10px center;background-size: 18px;}
A.linkcopy:active, A.linkcopy:visited, A.linkcopy:link {color: #68737e;text-decoration: none;}
A.linkcopy:hover {color: #2d579d;cursor: pointer;text-decoration: none;background-color: #d5dee6;}

.contentplate_payment {width: 100%;padding: 40px 40px 0px 40px;font-size: 18px;}

.payment_sum {width: 100%;display: flex;flex-wrap: nowrap;justify-content: space-between;align-items:flex-end;white-space: nowrap;}
.payment_sum_line {width: 100%;height: 2px;margin: 0px 10px 4px 10px;background-image: url(../images/payment_sum_line.svg);background-repeat: repeat-x;background-position: left bottom;}

.bold {font-family:'PT Sans Bold', Arial, Helvetica, sans-serif;}
.error {font-size: 14px;color: #ff0000;margin: 30px 0px 0px 0px;}

.contentplate_consent {width: 100%;padding: 20px 40px 0px 40px;font-size: 14px;display: flex;flex-wrap: nowrap;justify-content: flex-start;align-items:flex-start;}
.custom-checkbox {position: absolute;z-index: -1;opacity: 0;}
.custom-checkbox+label {display: inline-flex;align-items: center;user-select: none;}
.custom-checkbox+label::before {content: '';display: inline-block;width: 34px;min-width: 34px;height: 34px;flex-shrink: 0;flex-grow: 0;border: 1px solid #cdd9e3;border-radius: 0px;margin-right: 10px;background-repeat: no-repeat;background-position: center center;background-size: 100%;}
.custom-checkbox:not(:disabled):not(:checked)+label:hover::before {border-color: #cdd9e3;}
.custom-checkbox:not(:disabled):active+label::before {background-color: #ffffff;border-color: #cdd9e3;}
.custom-checkbox:focus+label::before {}
.custom-checkbox:focus:not(:checked)+label::before {}
.custom-checkbox:checked+label::before {background-image: url(../images/checkbox_ico.svg);}
.custom-checkbox:disabled+label::before {}

/*Footer*/
footer {margin-top: 90px;border-top: 1px solid rgba(255, 255, 255, 0.5);padding: 30px 0px 20px 0px;}
.footerline_1 {width: 100%;display: flex;flex-wrap: nowrap;justify-content: space-between;align-items: flex-start;}
.footerline_1_1 {font-size: 14px;}
.footerline_1_2 {width: 230px;min-width: 230px;display: flex;justify-content: flex-end;}
.footerline_2 {font-size: 14px;width: 100%;color: rgba(35, 35, 35, 0.6);padding: 10px 0px 0px 0px;}
.techsup {font-size: 14px;display:table;background-image: url(../images/techsup.svg);background-repeat: no-repeat;background-position: left center;background-size: 27px;padding: 0px 0px 0px 35px;}
.techsup a:link, .techsup a:visited, .techsup a:active {color: rgba(35, 35, 35, 1);text-decoration: none;}
.techsup a:hover {color: rgba(45, 87, 157, 1);}

/*Adaptive*/
@media screen and (max-width:840px) {
	.wrapcontent {width: 100%;}
	.contentplate {min-height: 400px;margin: 60px 0px 0px 0px;}
	footer {margin-top: 50px;}
	.property span {font-size: 18px;}
}
@media screen and (max-width:740px) {
	.wrapcontent {padding: 0px 15px 0px 15px;}
	.mainhead {padding-top: 20px;}
	.contentplate {margin: 40px 0px 0px 0px;}		
	.logo_ra {width: 153px;height: 35px;}
	.logo_udm {width: 79px;height: 35px;}
	h1 {font-size: 18px;}
	h4 {font-size: 14px;}
	.plateform_1 {width: 100%;}
	.step1_content {padding: 20px;}
	.step1_content h1 {margin: 0px 0px 20px 0px;}
	.plateform_1 input {font-size: 14px;padding: 0px 10px 0px 10px;height: 34px;}
	.contentplate button {font-size: 14px;margin: 10px 0px 0px 0px;padding: 5px;}
	.plateform_1 button {height: 40px;}
	footer {margin-top: 30px;padding: 15px 0px 15px 0px;}	
	.footerline_1 {flex-wrap: wrap;justify-content: flex-start;}
	.footerline_1_1 {font-size: 12px;}
	.footerline_1_2 {width: 100%;min-width: 100%;justify-content: flex-start;}
	.techsup {font-size: 12px;background-size: 14px;padding: 2px 0px 2px 18px;background-position: left 3px;}
	.techsup br {display: none;}
	.footerline_2 {font-size: 12px;}	
	.button2, A.button2:active, A.button2:visited, A.button2:link {font-size: 14px;width: 100%;height: 40px;padding: 5px;}
	.button1, A.button1:active, A.button1:visited, A.button1:link {font-size: 14px;width: 100%;height: 40px;padding: 5px;margin: 0px;}
	.contentplate_title {padding: 20px;}
	.contentplate_property {padding: 15px 20px 15px 20px;flex-wrap: wrap;}	
	.property_data {flex-wrap: wrap;}
	.property {margin: 0px 0px 10px 0px;width: 100%;}
	.property p {font-size: 12px;}
	.property span {font-size: 16px;}
	.property_but {width: 100%;min-width: 100%;}	
	.linkcopy {font-size: 14px;padding: 0px 5px 2px 36px;width: 100%;height: 34px;background-size: 16px;}
	.linkcopy br {display: none;}
	.contentplate_payment {padding: 20px 20px 0px 20px;font-size: 14px;}
	.payment_sum {flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;white-space: normal;}
	.payment_sum_line {display: none;}	
	.payment_sum div {width: 100%;}
	.payment_sum div:nth-child(3) {font-family: 'PT Sans Bold', Arial, Helvetica, sans-serif;color: #2d579d;}	
	.plateform_2 input {font-size: 16px;padding: 0px 10px 0px 10px;height: 34px;}
	.plateform_2 button {height: 34px;}
	.contentplate_bottom {padding: 10px 20px 10px 20px; margin: 20px 0px 0px 0px;}	
	.linkreturn, .linkforward,A.linkreturn:active, A.linkforward:active,A.linkreturn:visited, A.linkforward:visited,A.linkreturn:link, A.linkforward:link {font-size: 12px;}
	.linkreturn span, .linkforward span {width: 20px;height: 20px;}
	.linkreturn span {margin: 0px 5px 0px 0px;background-size: 8px;}
	.linkforward span {margin: 0px 0px 0px 5px;background-size: 8px;}	
	.plateform_3 {margin: 10px 0px 0px 0px;justify-content: flex-start;}
	.choice {width: 100%;margin: 0px 0px 15px 0px;}
	.choice p {font-size: 14px;}	
	.contentplate_consent {padding: 10px 20px 0px 20px;}
	.custom-checkbox+label::before {width: 22px;min-width: 22px;height: 22px;}
	.contentplate_consent {font-size: 10px;}
	.manual {width: 100%;}
	.manual p {font-size: 14px;}
	.qrcode {width: 100%;margin: 30px 0px 40px 0px;justify-content: center;}		
	.uturn {display: flex;flex-wrap: wrap;justify-content: flex-start;align-items:flex-start;flex-direction: column-reverse;}	
}
@media screen and (max-width:540px) {
	.mainhead {padding-top: 10px;padding-left: 15px;padding-right: 15px;}
	h1 {font-size: 14px;}
	.logo_ra {width: 109px;height: 25px;}
	.logo_udm {width: 56px;height: 25px;}
	.contentplate {min-height: 250px;}
	.contentplate button {font-size: 12px;}	
	.button2, A.button2:active, A.button2:visited, A.button2:link {font-size: 12px;}
	.contentplate button {font-size: 12px;}
	.linkcopy {font-size: 12px;padding: 5px 5px 5px 22px;width: 100%;height: auto;background-position: 5px center;background-size: 12px;}
	.contentplate_payment {font-size: 12px;}	
	.plateform_2 input {width: 100% !important;}
	.plateform_2 button {width: 100%;border-radius: 4px !important;margin: 10px 0px 0px 0px !important;}	
	.contentplate_bottom {padding: 10px;}
	.contentplate_payment {padding: 15px 15px 0px 15px;}
	.contentplate_title {padding: 20px 15px 10px 15px;}
	.contentplate_property {padding: 10px 15px 15px 15px;}
	.choice p {font-size: 12px;}
	h4 {font-size: 12px;}
	.contentplate_consent {padding: 0px 15px 0px 15px;}
	.manual p {font-size: 12px;}
	.qrcode {margin: 10px 0px 20px 0px;}	
	.qrcodelink {width: 120px;height: 120px;}
	.qrcodelink .spb {width: 18px;}
	.qrcodelink .qr {width: 120px;height: 120px;}
	footer {margin-top: 30px;padding: 15px 0px 15px 0px;}
	.step1_content {padding: 20px 15px 20px 15px;}
}
@media screen and (max-width:320px) {
	body {background-image: none;}
	.bg_top_body {display: none;}
	.wrapcontent {padding: 0px;}
	.mainhead {padding-top: 10px;padding-left: 15px;padding-right: 15px;padding-bottom: 15px;border-bottom: 1px solid rgba(35, 35, 35, 0.05);}
	.contentplate {min-height: auto;margin: 10px 0px 0px 0px;background-color: transparent;}
	footer {background-color:rgba(35, 35, 35, 0.05);padding: 15px;}
}

/*Font*/
@font-face{
	font-family:'PT Sans';
	src: url(../fonts/PTSans.eot?#iefix) format('embedded-opentype'),
		url(../fonts/PTSans.woff) format('woff');	
}
@font-face{
	font-family:'PT Sans Bold';
	src: url(../fonts/PTSans.eot?#iefix) format('embedded-opentype'),
		url(../fonts/PTSansBold.woff) format('woff');
}
@font-face{
    font-family:'RistrettoproSemibold';
    src: url(../fonts/PTSans.eot?#iefix) format('embedded-opentype'),
        url(../fonts/RistrettoproSemibold.woff) format('woff');
}