html, body {min-height: 100%;margin: 0;padding: 0;overflow: auto;font-family: 'proximanova', Helvetica, Tahoma, Geneva, sans-serif;height:100%;}
body {color:#08456E;max-width:100%;width:100%;font-family: sans-serif;}
body.dark {color:white;}
h2{font-size:48px;}
.dTable{display:table;min-height:100%;width:100%;height:100%;}
.blockOuter{display:table-cell;vertical-align:middle;width:100%;}
.contentCenter{width:80%;margin:0 auto;text-align:center;}
.t-align-center{text-align:center!important;}
.block{display:inline-block;margin-top:-5%;}
.paymentsList{margin:0;padding:0;display:table;margin:0 auto;}
.paymentsList li {border: 2px solid #08456E;height: 60px;line-height: 60px;list-style: outside none none;margin-bottom: 20px;background-color:#E0E6EF;width:320px;}
.paymentsList li:hover {background-color:#C4CCD8;}
.paymentsList li a{text-decoration:none;height: 60px;line-height: 60px;color:#08456E;display:block;padding: 0 10px;background:url(/images/arrow.png) no-repeat center right 10px;font-size:24px;}
.fieldInpt label{display:block;font-size:14px;}
.fieldInpt{text-align:left;margin-bottom:10px;padding-bottom: 12px;position:relative;}
.fieldInpt input, .selectWrapper{width:300px;height:35px;padding:0 5px;line-height:35px;border:1px solid #08456E;color:#08456E;background-color:#E7EDF1;border-radius:3px;box-sizing:border-box;}
.fieldInpt .small_input{width:144px;}
.selectWrapper{padding:0;height:33px;}
.selectWrapper select{width:100%;height:35px;background:none;border:none;color:#6f93ab;}
input[type="submit"]{border:none;width:300px;height:35px;color:white;text-align:center;border-radius:3px;color:white;text-transform:uppercase;background-color:#08456E;cursor:pointer;font-weight:bold;font-size:16px;letter-spacing:1;margin-top:17px;}
input[type="submit"]:hover{opacity:0.9;}
ol.errorList{margin-top:24px;}
ol.errorList  li{color: #DF5459;list-style-position:inside;text-align:left;}
ol, ol li{margin:0;padding:0;}
.clr{float:none;clear:both;}
.half{width:303px;}
.hRight{float:right;}
.hLeft{float:left;margin-right:20px;}
.notice{text-align:justify;margin:22px 0 0; }
.mtc10{margin-top:30px;}
.wrapper{position:relative;}
.back{position:absolute;top:50px;left:50px;text-decoration:none;color:#08456E;padding-left:20px;background:url('/images/back.png') no-repeat left center;cursor:pointer;font-weight:bold;}
.lang_block{position:absolute;top:50px;right:50px;color:#08456E;}
.lang_block .languageselector{font-weight: bold; cursor: pointer;position: relative; top: -10px;}
.lang_block .languageselector .icon{width: 18px; height: 18px; fill: #08456E;position: relative;top:6px;}
.lang_block ul{border: 1px solid #08456E; border-radius: 3px;padding:0;margin:0;margin-top:8px;display: none;position:absolute;}
.lang_block ul li{list-style: none;}
.lang_block ul li:hover a{background-color:#E7EDF1;}
.lang_block ul li a{text-decoration: none;color:#08456E;cursor: pointer;display: block;padding: 5px 15px;line-height: 24px;}
/* .language{position:absolute;top:50px;left:1750px;text-decoration:none;color:#08456E;padding-left:20px;background:url('/images/language.png') no-repeat left center;cursor:pointer;font-weight:bold;}*/
.error_hint{display:none;color: #DF5459; font-size:12px;position:absolute;bottom:-3px;white-space: nowrap;}
.fieldInpt.error .error_hint{display: block;}
.fieldInpt.error input, .error .selectWrapper{border-color:#DF5459;}
.msg{font-size:20px;}
.msg.error{color: #DF5459;}
.msg.success{color: #1F9B21;}
.icon.center{width: 150px; height: 150px; fill: #08456E;}

.btn {width: 300px; max-width: 100%; text-align: center; display: flex; height: 40px; text-decoration: none; align-items: center; justify-content: center; color: #E0E3E7; border: 2px solid #E0E3E7; font-weight: 600;margin: 30px auto 0; background-color:#4E5862;}
.square {letter-spacing: 0.5px;margin: 0 auto;width: 360px; padding: 40px; box-sizing: border-box; text-align: center; display: flex; flex-direction: column; align-items: center;background-color: #222E3C;}
.square .icon {width: 95px; height: 95px; background-color: #48C171; border-radius: 50%;display: flex;padding: 10px;box-sizing: border-box; margin-bottom: 30px;}
.square .icon img {}
.square .status {font-weight: 600;font-size: 24px;margin-bottom: 50px;}
.square .status.success {color:#48C171;}
.square .receive {color: white; font-size: 16px; font-weight: 600;}
.square .receive .big { font-size: 40px; font-weight: 800;}

@media screen  and  (max-width: 800px){
	h2{font-size:36px;}
	/*.blockOuter{display:block;}*/
	.hLeft, .hRight{float:none;}
	.block{margin-top:5%;}
}
  
@media screen  and (max-width: 640px) {
	h2{font-size:28px;} 
	.paymentsList li{height:45px;line-height:45px;}
	.paymentsList li a{height:45px;line-height:45px;font-size:20px;}
	.back{left:5%;top:20px;}
}
@media screen  and (max-width: 640px) {
	h2{font-size:28px;} 
	.paymentsList li{height:45px;line-height:45px;}
	.paymentsList li a{height:45px;line-height:45px;font-size:20px;}
	.language{left:75%;top:20px;}
}
@media screen  and (max-width: 480px) {
	h2{font-size:24px;} 
	.contentCenter{width:90%;}
	.paymentsList{width:100%;}
	.paymentsList li{width:100%;}
	.half{width:100%;}
	.block{width:100%;}
	.fieldInpt input, .selectWrapper, input[type="submit"]{width:100%;}
	.fieldInpt .small_input{width:47%;}
	.mtc10{text-align:justify;font-size:16px;}
	.notice{font-size:16px;}
	.inatecPage h1{margin-top:40px;}
}