* {
	margin: 0; 
	padding: 0
}
html {
	height: 100%;
}
body {
	min-height: 100%;
	background: #F1F1F1;
}
h1 {
	text-align: center;
	font-size: 36px;
	font-weight: 700;
	color: #1D58F2;
	padding-bottom: 33px;
}
h2 {
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	color: #2C3C4D;
	padding-bottom: 21px;
}
@font-face { 
    font-family: "FontBold";
    src: url("./fonts/ProximaNova-Semibold.ttf") format("truetype");
}
@font-face { 
    font-family: "FontLight";
    src: url("./fonts/ProximaNova-Light.ttf") format("truetype");
}
@font-face { 
    font-family: "FontRegular";
    src: url("./fonts/ProximaNova-Regular.ttf") format("truetype");
}

::-webkit-input-placeholder {
    color:    #939BA3;
}
:-moz-placeholder {
   color:    #939BA3;
   opacity:  1;
}
::-moz-placeholder {
   color:    #939BA3;
   opacity:  1;
}
:-ms-input-placeholder {
   color:    #939BA3;
}
::-ms-input-placeholder {
   color:    #939BA3;
}
::placeholder {
   color:    #939BA3;
}

.gk-none {
	display: none;
}

.gk-none-important {
	display: none !IMPORTANT;
}

.gk-message-error {
	padding: 80px 0px;
	font-size: 20px;
    line-height: 30px;
    color: #8C959F;
	text-align: center;
}

.gk-main {
	width: 100%;
	height: 100%;
	position: relative;
	font-family: FontRegular;
	
	min-height: 100vh;
}

.gk-main input:focus, .gk-main select:focus {
    outline-offset: 0px;
	outline: none;
}

.gk-main input[type=button]:active {
    background: #1D58F2;
    color: #FFFFFF;
}

.gk-main input::-webkit-outer-spin-button, .gk-main input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.gk-main input[type=number] {
  -moz-appearance: textfield;
}

.gk-main input, .gk-main select {
	font-family: FontRegular;
}

.gk-content {
	max-width: 1096px;
	min-width: 250px;
	margin: auto;
	padding: 60px 20px 350px 20px;
}

.gk-header {
	text-align: center;
	font-size: 36px;
	font-weight: 700;
	color: #2C3C4D;
	padding-bottom: 33px;
}

/*.gk-back {
	max-width: 1020px;
    margin: auto;
    height: 48px;
    display: flex;
    margin-bottom: 15px;
}
.gk-back a {
	font-size: 16px;
	font-weight: 700;
	padding: 14px 24px;
	background: #FFFFFF;
	color: #1D58F2;
	border: 1px #1D58F2 solid;
	border-radius: 15px;
	margin: 0px 10px;
	text-decoration: none;
}
.gk-back a:active {
	background: #1D58F2;
    color: #FFFFFF;
}*/

.gk-back-link {
	padding: 30px;
}
.gk-back-link a {
	font-size: 16px;
	color: #67697E;
	text-decoration: none;
	display: flex;
	align-items: center;
}
.gk-back-link span {
	padding-left: 5px;
}

.gk-card-balance-block {
	max-width: 1020px;
	background: #FFFFFF;
	border-radius: 24px;
	display: flex;
	align-items: flex-start;
  	margin: auto;
	margin-bottom: 50px;
}

.gk-card-block {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 50%;
	border-right: 1px solid #F1F1F1;
	padding-bottom: 30px;
}

.gk-balance-block {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 50%;
}

.gk-card-icon-block {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	padding: 24px 0px 0px 40px;
}

.gk-card-input-block, .gk-balance-input-block {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 10px 0px 0px 60px;
}

.gk-balance-input-block {
	padding-top: 10px;
}

.gk-card-icon-block font {
	font-size: 22px;
	font-weight: 600;
	color: #1D58F2;
}

.gk-card-icon-always-show {
	display: flex !IMPORTANT;
}

.gk-card-icon {
	background: #F8FAFC;
    width: 60px;
    height: 60px;
    border-radius: 50%;
	display: flex;
	justify-content: center;
	text-align: center;
	margin-right: 22px;
}

.gk-card-icon img {
	width: 32px;
}

.gk-your-card {
	height: 50px;
	width: 255px;
	background: #FAFAFB;
	border: 1px solid #CCC;
	box-sizing: border-box;
	border-radius: 15px;
	padding: 13px 15px;
	
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	color: #2C3C4D;
}

.gk-button {
	font-size: 16px;
	width: 150px;
	height: 48px;
	font-weight: 700;
	padding: 14px 24px;
	background: #FFFFFF;
	color: #1D58F2;
	border: 1px #1D58F2 solid;
	border-radius: 15px;
	margin: 0px 10px;
}

.gk-button-again {
	width: 215px;
}

.gk-button-card {
	background: #1D58F2;
	color: #FFFFFF;
}

.gk-your-balance-value {
	font-family: FontBold;
	font-size: 40px;
	color: #2C3C4D;
	white-space: nowrap;
}

.gk-your-balance-unit {
	font-family: FontBold;
	font-size: 20px;
	padding: 14px 0px 0px 5px;
	color: #2C3C4D;
}

.gk-your-balance-separator {
	font-family: FontBold;
	font-size: 50px;
	color: #E5E5E5;
	padding: 0px 10px;
}

.gk-abonement-link-block, .gk-personalization-link-block {
	max-width: 1020px;
	margin: auto;
	padding: 0px 0px 50px 0px;
}

#gk-confirm-abonement-card {
	font-size: 19px;
}

.gk-pay-block {
	background: none;
}

.gk-pay-title {
	display: none;
}

.gk-pay-buttons-block {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-bottom: 20px;
}

.gk-pay-button, .gk-your-sum {
	border-radius: 20px;
	color: #1D58F2;
	width: 325px;
	height: 150px;
	margin: 10px;
	background: #FFFFFF;
	border: 1px #F1F1F1 solid;
}

.gk-pay-button {
	cursor: pointer;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
}

.gk-pay-button-sum {
	font-family: FontBold;
	font-size: 50px;
	font-weight: 700;
	color: #1D58F2;
	padding: 0px 0px 0px 40px;
}

.gk-pay-button-sum span {
	font-family: FontRegular;
	font-size: 20px;
	font-weight: 700;
	color: #1D58F2;
}

.gk-pay-button-bonus {
	font-family: FontRegular;
	font-size: 18px;
	font-weight: 600;
	color: #2C3C4D;
	padding: 10px 15px 0px 40px;
	white-space: nowrap;
}

.gk-your-sum-title {
	font-family: FontRegular;
	font-size: 20px;
	font-weight: 600;
	color: #1D58F2;
	padding: 35px 0px 0px 39px;
}

.gk-your-bonus {
	display: flex;
	justify-content: left;
	align-items: stretch;
	flex-direction: row;
	padding: 12px 30px 0px 30px;
}

.gk-your-sum-input {
	font-family: FontRegular;
	font-size: 18px;
	font-weight: 600;
	color: #2C3C4D;
	text-align: left;
	padding: 10px 10px 10px 15px;
	background: #FAFAFB;
	width: 40%;
	border: 1px #CCC solid;
	border-radius: 15px;
	min-width: 55px;
}

.gk-full-width {
	width: 100% !IMPORTANT;
}

.gk-your-bonus span {
	font-family: FontRegular;
	font-size: 18px;
	font-weight: 600;
	color: #2C3C4D;
	display: flex;
	align-items: center;
	padding-left: 10px;
	width: 60%;
	min-width: 139px;
	white-space: nowrap;
	white-space: pre;
}

.gk-pay-button:hover, .gk-pay-button:focus, .gk-pay-button-active {
	background: #1D58F2;
	background-image: linear-gradient(to right, #1D58F2 0%, #1D58F2 100%);
	-webkit-tap-highlight-color: transparent;
}
.gk-pay-button:hover div, .gk-pay-button:focus div, .gk-pay-button-active div,
.gk-pay-button:hover font, .gk-pay-button:focus font, .gk-pay-button-active font,
.gk-pay-button:hover span, .gk-pay-button:focus span, .gk-pay-button-active span {
	color: #FFFFFF !IMPORTANT;
}

.gk-button-pay-block, .gk-button-report-block {
	text-align: center;
}

.gk-button-pay-block {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.gk-button-report-block {
	max-width: 1020px;
	min-height: 100px;
	margin: auto;
}

.gk-button-pay {
	color: #FFFFFF;
	font-size: 19px;
	width: 354px;
	height: 69px;
	background: #1D58F2;
	border: 1px solid rgba(29, 88, 242, 0.5);
	box-sizing: border-box;
	box-shadow: 5px 10px 30px rgba(29, 88, 242, 0.25);
	border-radius: 15px;
}
.gk-button-pay-sbp {
	font-size: 19px;
	width: 354px;
	height: 69px;
	border: 1px solid rgba(29, 88, 242, 0.5);
	box-sizing: border-box;
	box-shadow: 5px 10px 30px rgba(29, 88, 242, 0.25);
	border-radius: 15px;
	
	color: #1D58F2;
	background-color: #FFFFFF;
	background-image: url('./images/gk-logo-sbp.png');
	background-repeat: no-repeat;
	background-position: 30px 50%;
	background-size: 30px;
	margin-bottom: 30px;
}

.gk-button-pay:active {
    background: #FFFFFF !IMPORTANT;
    color: #1D58F2 !IMPORTANT;
}
.gk-button-pay-sbp:active {
    background-color: #1D58F2 !IMPORTANT;
    color: #FFFFFF !IMPORTANT;
	background-image: url('./images/gk-logo-sbp.png') !IMPORTANT;
	background-repeat: no-repeat !IMPORTANT;
	background-position: 20px 50% !IMPORTANT;
	background-size: 30px !IMPORTANT;
}

.gk-button-report {
	border: 1px #1D58F2 solid;
	border-radius: 16px;
	width: 354px;
	height: 69px;
	font-size: 18px;
	color: #1D58F2;
	margin: 30px auto 0px;
	display: block;
	/*padding-left: 60px; 
	background-origin: border-box;
	background-image: url('./images/gk-report-list.svg');
	background-repeat: no-repeat;
	background-position: 25% 50%;*/
}

.gk-button-report:active {
	background: #1D58F2;
	color: #FFFFFF;
	/*background-origin: border-box !IMPORTANT;
	background-image: url('./images/gk-report-list-active.svg') !IMPORTANT;
	background-repeat: no-repeat !IMPORTANT;
	background-position: 25% 50% !IMPORTANT;*/
}

.gk-button-abonement-link {
	border: 1px #1D58F2 solid;
	border-radius: 16px;
	width: 354px;
	height: 69px;
	font-size: 18px;
	color: #1D58F2;
	margin: auto;
	display: block;
	/*padding-left: 60px; 
	background-origin: border-box;
	background-image: url('./images/gk-abonement-link.svg');
	background-repeat: no-repeat;
	background-position: 25% 50%;*/
}

.gk-button-abonement-link:active {
	background: #1D58F2;
	color: #FFFFFF;
	/*background-origin: border-box !IMPORTANT;
	background-image: url('./images/gk-abonement-link-active.svg') !IMPORTANT;
	background-repeat: no-repeat !IMPORTANT;
	background-position: 25% 50% !IMPORTANT;*/
}

.gk-button-personalization-link {
	border: 1px #1D58F2 solid;
	border-radius: 16px;
	width: 354px;
	height: 69px;
	font-size: 18px;
	color: #1D58F2;
	margin: auto;
	display: block;
	/*padding-left: 60px; 
	background-origin: border-box;
	background-image: url('./images/gk-personalization-link.svg');
	background-repeat: no-repeat;
	background-position: 25% 50%;*/
}

.gk-button-personalization-link:active {
	background: #1D58F2;
	color: #FFFFFF;
	/*background-origin: border-box !IMPORTANT;
	background-image: url('./images/gk-personalization-link-active.svg') !IMPORTANT;
	background-repeat: no-repeat !IMPORTANT;
	background-position: 25% 50% !IMPORTANT;*/
}

.gk-confirm-xposid-block {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.gk-confirm-xposid-block .gk-button {
	width: auto;
	min-width: 150px;
}

.gk-button-xposid, .gk-confirm-cancel-xposid {
	margin-bottom: 15px;
}

.gk-report-title {
	text-align: center;
    font-size: 36px;
    font-weight: 700;
    color: #2C3C4D;
    padding-top: 50px;
    padding-bottom: 33px;
}

.gk-report-desc {
	font-size: 20px;
    line-height: 30px;
    color: #8C959F;
	padding-bottom: 80px;
}

.gk-report-table {
	width: 100%;
	max-width: 1020px;
	border: 1px #E6E8EC solid;
	margin: auto;
	margin-bottom: 15px;
	border-spacing: 0;
	background: #FFFFFF;
	border-radius: 16px;
	border-collapse: separate;
}

.gk-report-table td {
	border-left: 1px #E6E8EC solid;
	border-top: 1px #E6E8EC solid;
	padding: 10px 20px;
	font-size: 16px;
}

.gk-report-table td:first-child {
	border-left: none;
	text-align: center;
}

.gk-report-table tr:first-child td {
	font-weight: 700;
	text-align: center;
	border-top: none;
}

.gk-report-table td:last-child {
	text-align: right;
}

.gk-footer {
	background: #FFFFFF;
	
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.gk-footer-content, .gk-footer-copy {
	max-width: 1200px;
	margin: auto;
	font-family: FontRegular;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
}

.gk-footer-content {
	padding: 50px 0px;
}

.gk-footer .gk-footer-row {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.gk-footer .gk-footer-row div {
	flex-wrap: wrap;
	justify-content: center;
}

.gk-footer .gk-footer-row a {
	font-size: 20px;
	font-weight: 700;
	color: #1D58F2;
	text-decoration: none;
	padding-bottom: 5px;
}

.gk-footer .gk-footer-row span {
	font-size: 12px;
	font-weight: 400;
	color: #67697E;
}

.gk-footer-address {
	padding: 53px 0px 20px 0px;
}

.gk-footer-address, .gk-footer-mode {
	font-size: 14px;
	font-weight: 400;
	color: #67697E;
}

.gk-footer-mode font {
	display: block;
	padding-top: 3px;
}

.gk-line {
	width: 100%;
	height: 1px;
	background: #C4C4C4;
}

.gk-footer-copy {
	padding: 30px 0px;
	color: #67697E;
	font-size: 12px;
	font-weight: 400;
}

.gk-footer-copy a {
	color: #1D58F2;
	font-size: 12px;
	font-weight: 400;
	text-decoration: none;
}

.gk-footer-copy a:hover {
	text-decoration: underline;
}

.gk-confirm, .gk-loading, .gk-message {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #000;
	background-color:rgba(0, 0, 0, 0.5);
	display: none;
	z-index: 10000;
}

.gk-loading img {
	position: fixed;
	top: 50%;
	left: 50%;
    transform: translate(-50%, -50%);
}

.gk-confirm-block, .gk-message-block {
	position: fixed;
	top: 50%;
	left: 50%;
    transform: translate(-50%, -50%);
	width: 80%;
	max-width: 500px;
	min-width: 250px;
	border-radius: 27px;
	background: #FFFFFF;
	padding: 10px;
}

.gk-confirm-close {
	text-align: right;
}

.gk-confirm-close img {
	padding: 5px;
}

.gk-confirm-content {
	padding: 0px 20px;
}

.gk-confirm-politics {
	text-align: left;
	font-size: 14px;
    color: #2C3C4D;
    padding: 20px 0px 0px 0px;
	display: flex;
	flex-direction: row;
	align-items: center;
}
.gk-confirm-politics a {
	color: #1D58F2;
	text-decoration: none;
}
.gk-confirm-politics img {
	padding-right: 10px;
}

.gk-message-content {
	padding: 20px;
}

.gk-confirm-title {
	font-size: 18px;
	font-weight: 700;
	color: #1D58F2;
	padding-bottom: 10px;
}

.gk-message-content .gk-confirm-title {
	padding-bottom: 20px;
}

.gk-confirm-desc {
	font-size: 14px;
	font-weight: 600;
	color: #2C3C4D;
	min-height: 35px;
	padding-bottom: 20px;
}

.gk-confirm-phone {
	text-align: center;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.gk-confirm-phone span {
	font-family: FontRegular;
	font-size: 15px;
	color: #2C3C4D;
	text-align: left;
	padding: 15px;
	box-sizing: border-box;
	width: 50px;
	height: 51px;
	display: inline-block;
	border: 1px #F1F1F1 solid;
	border-radius: 15px;
	border-bottom-left-radius: 15px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
.gk-confirm-phone input[type=text] {
	font-family: FontRegular;
	font-size: 15px;
	color: #2C3C4D;
	padding: 15px;
	box-sizing: border-box;
	width: 150px;
	height: 51px;
	display: inline-block;
	border: 1px #F1F1F1 solid;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}

.gk-confirm-content .gk-button-send, .gk-message .gk-button-send {
	display: block;
	background: #1D58F2;
	color: #FFFFFF;
}

.gk-confirm-content .gk-button-send:active, .gk-message .gk-button-send:active {
	background: #FFFFFF !IMPORTANT;
	color: #1D58F2 !IMPORTANT;
}

.gk-confirm-code {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	height: 60px;
}

.gk-confirm-code input {
	font-family: FontRegular;
	font-size: 30px;
	color: #2C3C4D;
	padding: 15px;
	box-sizing: border-box;
	width: 50px;
	height: 60px;
	display: inline-block;
	border: 1px #F1F1F1 solid;
	border-radius: 10px;
	margin: 0px 5px;
	text-align: center;
}

.gk-confirm-email {
	height: 60px;
}

.gk-confirm-email input {
	font-family: FontRegular;
	font-size: 16px;
	color: #2C3C4D;
	padding: 15px;
	box-sizing: border-box;
	width: 100%;
	min-width: 200px;
	max-width: 300px;
	height: 51px;
	display: block;
	border: 1px #F1F1F1 solid;
	border-radius: 10px;
	margin: 0px auto;
	text-align: center;
}
/*
.gk-confirm-buttons, .gk-confirm-button {
	margin-bottom: 15px;
	min-height: 50px;
}

.gk-confirm-button .gk-button-send {
	margin: auto;
}

.gk-confirm-buttons .gk-button-send {
	float: right;
}

.gk-confirm-buttons .gk-button-grey {
	float: left;
}*/

.gk-confirm-buttons {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 21px 0px;
}

.gk-confirm-buttons input {
	margin: 0px 21px;
}

.gk-confirm-buttons .gk-button-remove {
	background: #ff0000;
	border-color: #ff0000;
	color: #ffffff;
}
.gk-confirm-buttons .gk-button-remove:active {
	background: #ffffff !important;
	border-color: #ff0000 !important;
	color: #ff0000 !important;
}

.gk-payment-block {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 90%;
	transform: translate(-50%, -50%);
	max-width: 496px;
	min-width: 250px;
	margin: auto;
	background: #FFFFFF;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-top: 30px;
}

.gk-payment-block a {
	font-size: 16px;
	font-weight: 700;
	padding: 14px 24px;
	background: #FFFFFF;
	color: #1D58F2;
	border: 1px #1D58F2 solid;
	border-radius: 15px;
	margin: 0px 10px;
	text-decoration: none;
}
.gk-payment-block a:active {
	background: #1D58F2;
    color: #FFFFFF;
}

.gk-payment-block .gk-card-title {
	font-size: 24px;
	font-weight: 400;
	color: #616d7a;
	margin: 10px 10px 30px 10px;
	text-align: center;
}

.gk-payment-block .gk-card-loading img {
	height: 100px;
}

.gk-payment-block .gk-link {
	margin: 0px 0px 30px 0px;
}

.gk-politics {
	background: #FFFFFF;
	padding: 20px;
	border-radius: 24px;
	margin: 0px auto 50px;
}

.gk-politics h1 {
	padding-bottom: 30px;
}
.gk-politics p {
	padding-bottom: 10px;
	font-size: 16px;
	line-height: 23px;
}

.gk-page-phone {
	padding: 50px 0px;
}
.gk-page-phone .gk-phone-desc {
	text-align: center;
}

.gk-personalization {
	width: 290px;
	margin: auto;
}
.gk-personalization .phone {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 15px 0px;
}
.gk-personalization .phone div {
	padding: 0px 10px 0px 0px;
	font-size: 16px;
	color: #2C3C4D;
}
.gk-personalization .phone input {
	margin-bottom: 0px !important;
}
.gk-personalization .gk-confirm-code {
	margin: 15px 0px;
}
.gk-personalization .gk-data {
	display: flex;
	flex-direction: column;
	
	font-size: 14px;
    font-weight: 400;
    color: #67697E;
}
.gk-personalization a {
	font-size: 12px;
    font-weight: 400;
    color: #1D58F2;
	text-decoration: none;
}
.gk-personalization span {
	margin: 5px 0px;
	padding-left: 15px;
}
.gk-personalization .gk-data span font, .gk-personalization .gk-data label font, .gk-confirm-one-add-block font {
	color: #ff0000;
	padding-left: 1px;
	font-size: 16px;
}
.gk-personalization input[type=text], .gk-personalization input[type=date] {
	font-size: 16px;
    color: #2C3C4D;
    text-align: left;
    padding: 10px 15px;
	box-sizing: border-box;
    background: #FAFAFB;
    border: 1px #CCC solid;
    border-radius: 15px;
    min-width: 55px;
	margin-bottom: 21px;
	width: 100%;
}
.gk-personalization input[type=checkbox] {
	transform: scale(1.5);
	margin: 0px 15px;
}
.gk-personalization input[type=date], .gk-confirm-one-add-block input[type=date] {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
}
.gk-personalization select, .gk-confirm-one-add-block select {
	font-size: 16px;
    color: #2C3C4D;
    text-align: left;
    padding: 10px 15px;
    background: #FAFAFB;
    border: 1px #CCC solid;
    border-radius: 15px;
    min-width: 55px;
	margin-bottom: 21px;
	
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC);
	background-repeat: no-repeat;
	background-position: 97% center;
	background-size: 24px;
}
.gk-personalization .gk-check {
	font-size: 12px;
    flex-direction: row;
	margin-top: 5px;
	margin-bottom: 21px;
}
.gk-personalization .gk-phone {
	background:#efefef !IMPORTANT; 
	opacity:0.8;
}

.gk-personalization .gk-button {
	margin-top: 15px;
	background: #1D58F2;
	color: #FFFFFF;
}
.gk-personalization .gk-button:active {
	background: #FFFFFF !IMPORTANT;
	color: #1D58F2 !IMPORTANT;
}
.gk-personalization .gk-button-grey {
	background: #FFFFFF;
	color: #1D58F2;
}
.gk-personalization .gk-button-grey:active {
	background: #1D58F2 !IMPORTANT;
	color: #FFFFFF !IMPORTANT;
}

.gk-personalization .gk-children {
	padding-top: 15px;
}

.gk-personalization .gk-children span {
	padding: 0;
	margin: 0;
}
.gk-personalization .gk-children .gk-head {
	font-size: 12px;
	display: flex;
    flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 21px;
}
.gk-personalization .gk-children .gk-head div:first-child{
	font-size: 21px;
    font-weight: 700;
    color: #2C3C4D;
}
.gk-personalization .gk-children .gk-head div:last-child{
	font-size: 16px;
    font-weight: 700;
    color: #1D58F2;
	cursor: pointer;
}
.gk-personalization .gk-children .gk-child-require span {
	padding: 15px 0px 21px 0px;
	font-size: 12px;
    color: #67697E;
	justify-content: center;
	display: flex;
}
.gk-personalization .gk-children .gk-child-require span font {
	color: #ff0000;
	padding-left: 1px;
}
.gk-personalization .gk-children .gk-one {
	background: #FFF;
	border-radius: 15px;
	padding: 15px;
	margin-bottom: 15px;
	color: #67697E;
	font-size: 14px;
	display: flex;
	flex-direction: column;
}
.gk-personalization .gk-children .gk-one div{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding-bottom: 15px;
}
.gk-personalization .gk-children .gk-one .gk-one-edit{
	color: #1D58F2;
	cursor: pointer;
}
.gk-personalization .gk-children .gk-one .gk-one-delete{
	color: #ff0000;
	cursor: pointer;
}
.gk-personalization .gk-children .gk-one .gk-one-name{
	font-size: 18px;
	color: #2C3C4D;
	font-weight: 700;
}
.gk-personalization .gk-children .gk-one .gk-one-birthday{
	padding-bottom: 5px;
}



.gk-confirm-one-add-block {
	font-size: 14px;
	color: #67697E;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.gk-error {
	color: #ff0000;
	font-size: 14px;
	padding: 5px 0px 5px 15px;
}
.gk-confirm-one-add-block div {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding-bottom: 15px;
}
.gk-confirm-one-add-block div span {
	width: 39%;
	padding-right: 15px;
}
.gk-confirm-one-add-block div input[type=text], .gk-confirm-one-add-block div input[type=date] {
	width: 100%;
	
	font-size: 16px;
    color: #2C3C4D;
    text-align: left;
    padding: 10px 15px;
	box-sizing: border-box;
    background: #FAFAFB;
    border: 1px #CCC solid;
    border-radius: 15px;
    min-width: 55px;
}
.gk-confirm-one-add-block div input[type=date] {
	padding: 10px 8px;
}
.gk-confirm-one-add-block select {
	width: 100%;
	margin-bottom: 0;
}

.gk-personalization .gk-button {
	width: 100%;
	margin: 15px 0px 15px 0px;
}

.gk-button-no-active {
	opacity: 0.5;
}
.gk-personalization .gk-button-no-active:active, .gk-confirm-block .gk-button-no-active:active {
	background: #1D58F2 !IMPORTANT;
    color: #FFFFFF !IMPORTANT;
}

@media screen and (max-width: 1200px) {
	
	.gk-content {
		padding: 30px 20px 300px 20px;
	}
	
	.gk-your-card {
		width: 215px;
	}
	
	.gk-pay-button, .gk-your-sum {
		width: 280px;
		height: 150px;
	}
	
	.gk-footer-content, .gk-footer-copy {
		max-width: 100%;
		padding: 20px;
	}
}

@media screen and (max-width: 990px) {
	.gk-balance-input-block {
		padding-top: 30px;
	}
	.gk-your-balance-value, .gk-your-balance-separator {
		font-size: 26px;
	}
	.gk-your-balance-unit {
		font-size: 18px;
		padding: 6px 0px 0px 5px;
	}
}

@media screen and (min-width: 770px) and (max-width: 870px) {
	.gk-your-card {
		width: 100%;
	}
}

@media screen and (min-width: 769px) {
	.gk-pay-button-hide {
		display: none;
	}
}

@media screen and (max-width: 769px) {
	h1 {
		font-size: 24px;
		padding-bottom: 20px;
	}

	.gk-content {
		padding: 10px 10px 530px 10px;
	}

	.gk-header {
		font-size: 16px;
		font-weight: 700;
		padding: 10px 0px 0px 0px;
	}
	
	.gk-pay-button, .gk-your-sum {
		margin: 0px 5px;
	}

	.gk-card-balance-block {
		display: flex;
		flex-direction: column-reverse;
		margin: 5px 5px 10px 5px;
	}
	
	.gk-card-block {
		width: 100%;
		border: none;
		padding-bottom: 20px;
	}
	
	.gk-card-icon-block {
		padding: 10px 0px 0px 18px;
	}

	.gk-balance-block {
		width: 100%;
	}
	
	.gk-card-icon-block font {
		font-size: 16px;
	}
	
	.gk-card-icon {
		margin-right: 12px;
	}
	
	.gk-balance-input-block {
		padding-top: 10px;
		padding-bottom: 20px;
	}
	
	.gk-your-balance-value, .gk-your-balance-separator {
		font-size: 36px;
	}
	.gk-your-balance-unit {
		font-size: 18px;
		padding: 12px 0px 0px 5px;
	}
	
	.gk-header-pay {
		display: block !IMPORTANT;
		font-size: 16px;
		font-weight: 700;
		color: #2C3C4D;
		padding: 10px 10px 5px 10px;
	}
	
	.gk-pay-block {
		background: #FFFFFF;
		border-radius: 16px;
		padding: 10px 0px 0px 0px;
		margin: 5px 5px 10px 5px;
	}

	.gk-pay-title {
		display: block;
		font-size: 16px;
		font-weight: 700;
		color: #1D58F2;
		padding: 10px;
	}
	
	.gk-pay-buttons-block {
		display: flex;
		justify-content: space-around;
		padding-bottom: 0px;
	}
	
	.gk-pay-button {
		border-radius: 15px;
		width: 170px;
		height: 56px;
		padding: 10px;
		margin: 5px;
	}
	
	.gk-pay-button-sum {
		font-size: 20px;
		font-weight: 700;
		color: #1D58F2;
		padding: 0px 0px 0px 15px;
	}

	.gk-pay-button-sum span {
		font-family: FontRegular;
		font-size: 20px;
		font-weight: 700;
		color: #1D58F2;
	}
	
	.gk-pay-button-bonus {
		font-family: FontRegular;
		font-size: 14px;
		font-weight: 600;
		color: #2C3C4D;
		padding: 3px 0px 0px 15px;
	}
	
	.gk-your-sum {
		flex-wrap: wrap;
		width: 100%;
		height: 95px;
		border: none;
	}
	
	.gk-your-sum-title {
		font-size: 16px;
		padding: 10px 0px 0px 15px;
	}
	
	.gk-your-bonus {
		display: flex;
		justify-content: center;
		align-items: stretch;
		flex-direction: row;
		padding: 10px 15px 10px 15px;
	}
	
	.gk-your-sum-input {
		width: 60%;
	}

	.gk-your-bonus span {
		width: 40%;
		font-size: 16px;
		font-weight: 600;
		padding-left: 10px;
	}
	
	.gk-button-pay-block {
		padding: 0px 20px 15px 20px;
	}
	.gk-button-report-block {
		padding: 10px 5px 5px 5px;
		min-height: 48px;
	}
	
	.gk-abonement-link-block, .gk-personalization-link-block {
		padding: 10px 5px 10px 5px;
	}
	
	.gk-button-pay {
		color: #FFFFFF;
		font-size: 16px;
		width: 100%;
		height: 48px;
		background: #1D58F2;
		border: 1px solid rgba(0, 170, 255, 0.5);
		box-sizing: border-box;
		border-radius: 15px;
		margin: 0;
	}
	.gk-button-pay-sbp {
		font-size: 16px;
		width: 100%;
		height: 48px;
		border: 1px solid rgba(0, 170, 255, 0.5);
		box-sizing: border-box;
		border-radius: 15px;
		margin: 0;
		
		color: #1D58F2;
		background-color: #FFF;
		background-image: url('./images/gk-logo-sbp.png');
		background-repeat: no-repeat;
		background-position: 30px 50%;
		background-size: 20px;
		margin-bottom: 15px;
	}
	
	.gk-report-title {
		font-size: 16px;
		padding-top: 0px;
		padding-bottom: 10px;
	}
	
	.gk-politics h1 {
		text-align: left;
		padding-bottom: 20px;
	}
	.gk-politics p {
		padding-bottom: 10px;
		font-size: 14px;
		line-height: 19px;
	}
	
	.gk-footer-content, .gk-footer-copy {
		flex-direction: column;
	}
	.gk-footer-address {
		padding: 23px 0px;
	}
	.gk-footer .gk-footer-row a {
		margin-top: 50px;
	}
	.gk-footer-copy a {
		margin-top: 30px;
	}
	
	.gk-button-abonement-link, .gk-button-abonement-link:active, 
	.gk-button-personalization-link, .gk-button-personalization-link:active, 
	.gk-button-report, .gk-button-report:active {
		margin: 0 auto;
		width: 100%;
		height: 48px;
		/*background-position: 35% 50% !IMPORTANT;*/
	}
	
}

@media screen and (max-width: 480px) {
	.gk-header {
		display: none;
	}
	
	.gk-card-input-block, .gk-balance-input-block {
		padding: 8px 18px 0px 18px;
	}
	
	.gk-your-balance-value, .gk-your-balance-separator {
		font-size: 26px;
	}
	.gk-your-balance-unit {
		font-size: 14px;
		padding: 10px 0px 0px 5px;
	}
	
	.gk-card-input-block {
		flex-direction: column;
		align-items: flex-start;
	}
	
	.gk-card-input-block input {
		width: 100%;
		margin: 0;
	}
	
	.gk-card-input-block input[type=button] {
		margin-top: 10px;
	}
	
	.gk-card-icon {
		display: none;
	}
	
	.gk-card-icon-block {
		padding: 15px 0px 0px 18px;
	}
	
	.gk-pay-button {
		width: 140px;
		padding: 0px;
	}
	
	.gk-your-sum-input {
		width: 40%;
	}

	.gk-your-bonus span {
		width: 60%;
		font-size: 14px;
	}
	
	/*.gk-button-report {
		width: 100%;
		background-position: left 22% top 50%;
	}
	
	.gk-button-report:active {
		background-position: left 22% top 50% !IMPORTANT;
	}*/
	
	.gk-confirm-content {
		padding: 0px 10px;
	}
	
	.gk-confirm-buttons {
		flex-direction: column;
		justify-content: space-between;
		padding: 21px 0px 0px 0px;
	}
	
	.gk-confirm-buttons input {
		margin: 0px 5px 21px 5px;
	}
	
	/*.gk-confirm-buttons .gk-button-send {
		float: none;
		display: block;
		margin: 25px auto;
	}

	.gk-confirm-buttons .gk-button-grey {
		float: none;
		display: block;
		margin: 25px auto;
	}*/
	
	.gk-report-table td {
		padding: 5px;
		font-size: 14px;
	}
	
	/*.gk-button-abonement-link, .gk-button-abonement-link:active, 
	.gk-button-personalization-link, .gk-button-personalization-link:active, 
	.gk-button-report, .gk-button-report:active {
		background-position: 25% 50% !IMPORTANT;
	}*/
}

@media screen and (max-width: 380px) {
	.gk-your-balance-value, .gk-your-balance-separator {
		font-size: 26px;
	}
	
	.gk-your-balance-unit {
		font-size: 14px;
		padding: 10px 0px 0px 5px;
	}
	
	.gk-pay-button {
		margin: 3px;
		width: 140px;
	}
	.gk-pay-button-sum {
		padding: 0px 0px 0px 15px;
	}
	.gk-pay-button-bonus {
		font-size: 11px;
	}
	.gk-your-bonus span {
		padding-left: 5px;
	}
	
	/*.gk-button-abonement-link, .gk-button-abonement-link:active, 
	.gk-button-personalization-link, .gk-button-personalization-link:active, 
	.gk-button-report, .gk-button-report:active {
		background-position: 23% 50% !IMPORTANT;
	}*/
}

@media screen and (max-width: 340px) {
	.gk-pay-button {
		margin: 3px;
		width: 120px;
	}
	.gk-your-balance-value, .gk-your-balance-separator {
		font-size: 22px;
	}
	.gk-your-balance-unit {
		font-size: 12px;
		padding: 6px 0px 0px 5px;
	}
	
	/*.gk-button-report {
		padding: 14px 40px 16px 60px; 
		background-position: left 16% top 50%;
	}
	.gk-button-report:active {
		background-position: left 16% top 50% !IMPORTANT;
	}
	
	.gk-button-abonement-link, .gk-button-abonement-link:active, 
	.gk-button-personalization-link, .gk-button-personalization-link:active, 
	.gk-button-report, .gk-button-report:active {
		background-position: 15% 50% !IMPORTANT;
	}*/
}