@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap');
*{
    font-family: Montserrat;
    margin:0px;
}
 h1{
 font-family: Montserrat;
 }
 
 body{
	padding-bottom: 100px;
 }
 
.promo{    height: 30px;
    text-align: center;
    width: 100px;
    font-size: 15px;
	    margin: 10px;}
.wrap{
         color: #fff;
    font-size: 28px;
    float: left;
    margin-left: 30px;
}
label{margin: 10px;float: left;}

.topline{
	background: white;
    width: 100%;
    border-bottom: 5px solid #f81;
    padding: 10px;
	background: #fff;
	height: 75px;
}
.down{    float: right;
    width: 250px;
    text-align: center;
    background-color: #f81;
    color: #fff;
    border-radius: 5px;
    font-size: 17px;
	margin-top: 185px;}
a{
    float: right;
    width: 120px;
    text-align: center;
    background: #27539d;
    color: #fff;
    border-radius: 5px;
    font-size: 20px;
    cursor: pointer;
    color:#0275d8;
    text-decoration: none;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    padding: 10px;
    font-size: 16px;
}
 
.form_qr{
    margin: auto;
   
    
    border-radius: 10px;
    padding: 10px;  
	border-color: #27539d;   
	display: table;
	margin-bottom: 20px;
	margin-top: 7%;
	-webkit-box-shadow: -4px -6px 48px 9px rgba(179,172,179,1);
	-moz-box-shadow: -4px -6px 48px 9px rgba(179,172,179,1);
	box-shadow: -4px -6px 48px 9px rgba(179,172,179,1);
}
.card_f{
	background: #f81;
    float: left;
	border-top-right-radius: 10px;
    border-top-left-radius: 10px;}
.card_pay{
	width: 100%; 
    background: white; 
    border-radius: 10px;
    display: table;
    padding-bottom: 20px;
}
.f_left{    float: left;
    width: 50%;
    padding: 10px;
    padding-top: 25px;}
.f_right{float: left; 
    width: 50%;
    padding: 10px;
    padding-top: 25px;}
.title_s{
width: 100%;
}
.d_logo{
	padding-right: 50%;
}
.row_card{
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    width: 380px;
    background: #fff;
    height: 250px;
    border-radius: 10px;
    padding: 5px;
    margin: auto; }
.km_logo{
	float: right;
    padding: 9px;}
.but{
    float: left;
    width: 250px;
    height: 48px;
    border: 1px solid;
    background-color: #f81;
    border-radius: 5px;
    font-size: 17px;
    color: #fff;
    margin: 10px;
    margin-top: 22px;
    margin-right: 20px;}
.but:hover,.send:hover { 
     background-color: #3b2591;
    cursor: pointer;
}
.down:hover{    color: #fff;
    text-decoration: none;
    background: #f81;}
.logo{width: 150px;
    margin: -9px;
	height:55px;
    background: #fff;
    padding: 5px;
    border-radius: 5px;}
.tab-content {
  background: #27539d;
    line-height: 25px;
    padding: 30px 25px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
	width: 563px;
}
.er_card{ color: red;
    margin-left: 20px;
    background: #faebd7b8;
    width: 58%;
    text-align: center;}
.ok_mes {
    display: table;
    margin: auto;
    background: #6cefb3;
    width: 100%;
    text-align: center;
    font-size: 16px;
    padding: 5px;
    border-radius: 10px;
    color: #023c02;
    margin-top: 13px;
    margin-left: 0px;
}
.card_i{ 
	margin-top: 12px;  
    width: 286px;
    font-size: 20px;
    float: none;
    margin-left: 20px; 
    border-radius: 5px;
    border: 1px solid #01458e; 
	height: 35px;
    color: #0844a5;
    text-align: center; 
    }
.pan_tel{ padding: 10px; background: #f81;
    height: 77px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;}
.tel{
     height: 35px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border: 1px solid #01458e;
    font-size: 16px;
    color: #0844a5;
    width: 59%;
    float: left;
    margin: 5px;
    padding: 5px; }	
.int_t {
    height: 35px;
    border-radius: 10px;
    border: 3px solid #01458e;
    font-size: 16px;
    color: #0844a5;
    text-align: center;
    width: 58%;
    float: right;
    margin: 5px;
}
.info_t{    width: 174px;}
.int_c {
    height: 35px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 1px solid #01458e;
    font-size: 16px;
    color: #0844a5;
    text-align: center;
    width: 80px;
    float: left;
    margin: 5px;
}
.int_k {
    width: 130px;
    margin: 20px;
    height: 48px;
    border-radius: 5px;
    border: 1px solid #01458e;
    font-size: 20px;
    color: #0844a5;
    text-align: center;
    float: left;
    margin-left: 2px;
}
.qr{
    margin: auto;
    display: table;
    width: 100%;
    padding: 10px;
    background: #fff;
    border-radius: 10px;
	}
.qr_img{margin: 5px;
    border-color: #27539d;
    border: 3px solid;
	max-width: 160px;
	}
.grafic{    float: right;
    margin: 10px;
    background: #f1f428;
    padding: 5px;}
.send{
	float: left;
    width: 135px;
    height: 35px;
    border: 1px solid;
    background-color: #e07b39; 
    font-size: 18px;
    color: #fff;
    margin: 5px;
    text-align: center;
	 border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.int_s{
	margin: 5px;
	width: 202px;
	float: left;    
	border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
	height: 35px; 
    border: 1px solid #01458e;
    font-size: 16px;
    color: #0844a5;
    text-align: center; 
    }
label {
    
    font-size: 18px;
    color: #fff;
    margin-right: 0px;
	margin: 10px;
}
 
.offer{
    display: table;
    float: left;
    width: 98%;
    margin-top: 15px;
    font-size: 15px;
    border: 1px solid #27539d;
    padding: 10px;
    border-radius: 10px;
    border-style: dashed;
	margin: 10px;}
	.ofer{
	padding: 0px;
    display: initial;
    color: #e07b39;}
.ok_check{  
   margin: auto;
    width: 500px;
    height: 300px;
    padding: 10px;
    font-size: 18px;
    border-radius: 10px;
    border-style: dashed;
    border: 1px solid #27539d;
    margin-bottom: 10px;}
	.ok_but{width: 100px;
    height: 42px;
    border: 1px solid;
    background-color: #e07b39;
    border-radius: 5px;
    font-size: 20px;
    color: #fff;
    margin: 10px; 
    margin: auto;
    display: table;}
	.er_mes{ 
	display: table;
    margin: auto;
    background: #ef9898;
    width: 85%;
    text-align: center;
    font-size: 16px;
    padding: 5px;
    border-radius: 10px;
    color: #ff0000;
    margin-top: 13px;
    margin-left: 25px;}
	.row_tel{
	margin: auto;
    display: table;
    width: 385px;
	}
		.file-upload input[type="file"]{ 
			display: none;/* скрываем input file */ 
		} 
		.file-form-wrap{ 
			margin: 5px;
			float: left;
			width: 58%;
		} 
		.file-upload { 
			position: relative; 
			overflow: hidden; 
			width: 100%;
			height:35px;
			line-height:35px;
			background: #4169E1; 
			border-radius: 10px; 
			color: #fff; 
			text-align: center; 
		} 
		.file-upload:hover { 
			background: #1E90FF; 
		} 
		/* Растягиваем label на всю область блока .file-upload */ 
		.file-upload label { 
			display: block; 
			position: absolute; 
			top: 0; 
			left: 0; 
			width: 100%; 
			height: 100%; 
			cursor: pointer; 
		} 
		/* стиль текста на кнопке*/ 
		.file-upload span { 
			font-weight:bold; 
		}
		.preview-img{ 
			max-width: 100px;
			max-height: 100px;
			padding: 5px;
			float: left;
			border: 1px solid #FFF;
			margin: 10px;
			border-radius: 5px;
		}
		 
@media only screen and (max-width:600px) and (min-width:200px) {
	.topline{
    width: 100%;
    border-bottom: 5px solid #e18245;
    padding: 5px;
	background: #27539d;
	height: 75px;
	}
	.info_t {
    width: 100%;
	}
	.logo {
    width: 130px;
    margin: -9px;
    background: #fff;
    padding: 5px;
    border-radius: 5px;
	}
	.row_tel {
    margin: auto;
    display: table;
    width: 97%;
	}
	.wrap {
    color: #fff;
    font-size: 23px;
    float: left;
    margin-left: 6px;
    width: 210px;

	}
	.d_logo{
	float:left;
	width:130px}
	.form_qr {
    margin: auto;
    width: 95%;
    
    border-radius: 5px;
    padding: 0px;
    border-color: #27539d;
    display: block;
	margin-bottom: 20px;
	margin-top:7%;
	}
	.f_left {
    float: left;
    width: 100%;
    padding: 5px;
    padding-top: 0px;
	}
	.f_right {
    float: left;
    width: 100%;
    padding: 5px;
    padding-top: 0px;
	}
	.pan_tel {
    padding: 10px;
    background: #ef801c;
    height: 77px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    width: 80%;
}
.card_i {
    margin-top: 12px;
    width: 89%;
    font-size: 20px;
    float: none;
    margin-left: 15px;
    border-radius: 5px;
    border: 1px solid #01458e;
    height: 35px;
    color: #0844a5;
    text-align: center;
}
	.int_t {
    height: 50px;
    border-radius: 5px;
    border: 3px solid #01458e;
    font-size: 25px;
    color: #0844a5;
    text-align: center;
    width: 98%; 
	}
	.int_c {
    height: 50px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #01458e;
    font-size: 25px;
    color: #0844a5;
    text-align: center;
    width: 24%;
    float: left;
    margin: 5px;
	}
	.row_card {
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    width: 90%;
    background: #fff;
    height: 250px;
    border-radius: 10px;
    padding: 5px;
    margin: auto;
    margin-top: 10px;
	}
	.send{
    height: 50px;
    font-size: 19px;
	 width: 45%;
}
	.tel{width: 45%;
    height: 50px;
    font-size: 15px;
    margin-left: 10px;}
	.card_pay {
    width: 100%;
    background: #fff;
    border-radius: 5px;
    display: flow-root;
    padding-bottom: 20px;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	}
	.int_s {
    margin: 5px;
    width: 69%;
    float: left;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    height: 50px;
    border: 1px solid #01458e;
    font-size: 25px;
    color: #0844a5;
    text-align: center;
	}	
	.but {
    float: left;
    width: 155px;
    height: 48px;
    border: 1px solid;
    background-color: #e07b39;
    border-radius: 5px;
    font-size: 17px;
    color: #fff;
    margin: 10px;
    margin-top: 22px;
    margin-right: 26px;
	}
	.ok_mes {
    display: table;
    margin: auto;
    background: #6cefb3;
    width: 75%;
    text-align: center;
    font-size: 16px;
    padding: 5px;
    border-radius: 10px;
    color: #023c02;
    margin-top: 13px;}
	.int_k {
       width: 40%;
    margin: 20px;
    height: 48px;
    border-radius: 5px;
    border: 1px solid #01458e;
    font-size: 20px;
    color: #0844a5;
    text-align: center;
    float: left;
    margin-left: 15px;
	}
	.but{
    
    margin-right: 15px;}
	.file-form-wrap { 
		width: 98%; 
	}
	.file-upload { 
		border-radius: 5px;
		height: 50px;
		line-height: 50px;
	}
}